// Yes, this is a JS file that's templated with twig.

// Append the stylesheet to the <head> element
var cssId = 'tt-css';
var head;
var link;
var req;
var domPurifyScript;
if (!document.getElementById(cssId)) {
    head = document.getElementsByTagName('head')[0];
    link = document.createElement('link');
    link.id = cssId;
    link.rel = 'stylesheet';
    link.type = 'text/css';
    link.href = 'https://cdn.thumbtackstatic.com/fe-assets-web/_assets/styles/release/pages/widgets-page/styles/review-widget-one.ff30061078cc5f576e3d.css.gz';
    link.media = 'all';
    head.appendChild(link);
}

function loadDynamicContent() {
    domPurifyScript.removeEventListener('load', loadDynamicContent);
    // perform any dynamic content replacement
    req = new XMLHttpRequest();
    req.onreadystatechange = function handleReadyStateChange() {
        if (req.readyState === 4 && req.status === 200 && window.DOMPurify) {
            document.getElementById('tt-dynamic').innerHTML = window.DOMPurify.sanitize(
                req.responseText,
                {
                    FORBID_TAGS: ['script'],
                    FORBID_ATTR: ['onerror'],
                },
            );
        }
    };
    req.open('GET', 'https://www.thumbtack.com/profile/widgets/dynamic/review-list/Q1XHIz3hdYhbNw/?type=one');
    req.send();
}

domPurifyScript = document.createElement('script');
domPurifyScript.type = 'application/javascript';
domPurifyScript.src = 'https://cdn.jsdelivr.net/npm/dompurify@2.4.0/dist/purify.min.js';
document.body.appendChild(domPurifyScript);
domPurifyScript.addEventListener('load', loadDynamicContent);
