(function() { let popup = document.getElementById("skinmatch-popup"); let closeButton = document.querySelector(".close-popup"); if (!popup || !closeButton) { console.warn("⚠️ Popup or close button not found on this page."); return; } console.log("🔍 Monitoring Skinmatch popup..."); function isPopupVisible() { let style = window.getComputedStyle(popup); return style.display !== "none" && style.visibility !== "hidden" && style.opacity !== "0"; } // Track if popup was opened let checkOpenInterval = setInterval(() => { if (isPopupVisible() && !window.skinmatchWasOpened) { window.skinmatchWasOpened = true; console.log("🟢 Popup opened."); } }, 500); // Track if popup was closed (separate from MutationObserver) let checkCloseInterval = setInterval(() => { if (!isPopupVisible() && window.skinmatchWasOpened) { console.log("🔴 Popup closed, dispatching event..."); window.dispatchEvent(new CustomEvent("skinmatch_popup_closed")); window.skinmatchWasOpened = false; } }, 500); // MutationObserver for additional detection let observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { if (mutation.target === popup && mutation.attributeName === "style") { if (!isPopupVisible() && window.skinmatchWasOpened) { console.log("🔴 Popup closed via MutationObserver, dispatching event..."); window.dispatchEvent(new CustomEvent("skinmatch_popup_closed")); window.skinmatchWasOpened = false; } } }); }); observer.observe(popup, { attributes: true, subtree: false }); // Close button click detection closeButton.addEventListener("click", function() { setTimeout(() => { if (!isPopupVisible()) { console.log("🔴 Popup closed via close button, dispatching event..."); window.dispatchEvent(new CustomEvent("skinmatch_popup_closed")); window.skinmatchWasOpened = false; } }, 100); }); // Clicking outside detection document.addEventListener("click", function(event) { if (!popup.contains(event.target) && window.skinmatchWasOpened) { setTimeout(() => { if (!isPopupVisible()) { console.log("🔴 Popup closed via outside click, dispatching event..."); window.dispatchEvent(new CustomEvent("skinmatch_popup_closed")); window.skinmatchWasOpened = false; } }, 100); } }); })();