`; if (widgetConfig.itemId && widgetConfig.target) { const target = document.querySelector(widgetConfig.target); if (!target) return; const initialElement = target.querySelector(`[${widgetConfig.itemId}]`) || target.closest(`[${widgetConfig.itemId}]`); if (initialElement) { lastAttributeValue = initialElement.getAttribute(widgetConfig.itemId); } } if (widgetConfig.target && widgetConfig.action && widgetConfig.observe) { const observeTag = document.querySelector(widgetConfig.observe); if (observeTag) { const widgetObserver = new MutationObserver((mutations, observer) => { const tag = document.getElementById('f475e193-f273-406c-9f26-0ba9bd47741d'); function checkProductIdChange() { if (tag) { const currentItemId = tag.dataset.i; const dynamicSelector = `[${currentItemId}]`; const target = document.querySelector(widgetConfig.target); if (!target) return; const elementWithDynamicSelector = target.querySelector(dynamicSelector) || target.closest(dynamicSelector); const attributeValue = elementWithDynamicSelector?.getAttribute(currentItemId); window.tmWidgetItemId = attributeValue; if (attributeValue && attributeValue !== lastAttributeValue) { lastAttributeValue = attributeValue; widgetConfig.itemId = currentItemId; const newUrl = `https://trustmate.io/widget/api/f475e193-f273-406c-9f26-0ba9bd47741d/html?product=7777`; const modifiedUrl = newUrl.replace(/product=[^&]*/, 'product=' + attributeValue); fetch(modifiedUrl) .then((response) => { if (!response.ok) { throw new Error('There was a problem with fetching widget.'); } return response.text(); }) .then((html) => { if (tag) { tag.innerHTML = html; } const widgetsWithObserver = [ 'hydra', 'productFerret2', 'hornet', ]; if (widgetsWithObserver.includes(type)) { const intersectionObserver = new IntersectionObserver((entries) => { if (entries[0].isIntersecting) { window.tmWidgetScripts?.[type]?.({ spaWidget: tag }); intersectionObserver.unobserve(tag); } }, { rootMargin: '600px', threshold: 0.01 }); intersectionObserver.observe(tag); } else { window.tmWidgetScripts?.[type]?.({ spaWidget: tag }); } return; }) .catch((err) => console.error('Error fetching new content:', err)); } return; } } checkProductIdChange(); if (tag) { return; } observer.disconnect(); if (reloadsCount >= RELOADS_LIMIT) { console.error('TrustMate: widget f475e193-f273-406c-9f26-0ba9bd47741d reload limit reached'); return; } ++reloadsCount; const newTag = document.createElement('div'); newTag.id = 'f475e193-f273-406c-9f26-0ba9bd47741d'; newTag.dataset.a = widgetConfig.action; newTag.dataset.t = widgetConfig.target; newTag.dataset.o = widgetConfig.observe; const target = document.querySelector(widgetConfig.target); if (!target) { console.error(`TrustMate: target '${widgetConfig.target}' not found after last html change`); return; } UI[widgetConfig.action](target, newTag); loadWidgetScript(); }); widgetObserver.observe(observeTag, {childList: true, subtree: true}); } } } else { console.error('TrustMate: No tag for f475e193-f273-406c-9f26-0ba9bd47741d'); } } function waitForWindow() { let index = 0; const intervalWindowId = setInterval(function() { if (typeof window !== 'undefined') { clearInterval(intervalWindowId); loadWidgetScript(); } index += 1; if (index > 50) { clearInterval(intervalWindowId); } }, 50); } function loadWidgetScript() { if (386607 < 10) return; function scriptExists(url) { return document.querySelectorAll(`script[src="${url}"]`).length > 0; } if(scriptExists('https\u003A\/\/trustmate.io\/build\/js\/widget\/hydra.06745732.js')) { function removeJs(src) { document.querySelector(`script[src="${src}"]`).remove(); } removeJs('https\u003A\/\/trustmate.io\/build\/js\/widget\/hydra.06745732.js'); } const widgetScript = document.createElement('script'); widgetScript.src = 'https\u003A\/\/trustmate.io\/build\/js\/widget\/hydra.06745732.js'; widgetScript.defer = true; widgetScript.onload = () => { loadWidgetHtml({ type: 'hydra' }); }; document.body.appendChild(widgetScript); } if (typeof window === 'undefined') { waitForWindow(); } else { loadWidgetScript(); } })();