(function WortenSPFlag_PopularMonth() { "use strict"; var CFG = { FLAG_KEY: "sp-popular-month", PRIORITY: 4, MODULE_ID: "01G6T63R71KRM95NEDFDT8DXTW", HIGHLIGHT_ID: "01KRXPWKRAY1C071V97JTYGEG4", COPY: "🔥 Popular en el último mes!", BG: "#fff1ea", INK: "#141414", FS: "14px", EVENT_CATEGORY_OVERRIDE: "ML - Flag Social Proof - Popular mes (30)", MOBILE_MAX: 769 }; var MQ = window.matchMedia ? window.matchMedia("(max-width: " + CFG.MOBILE_MAX + "px)") : null; var FLAG_ID = "wrt-custom-flag-" + CFG.HIGHLIGHT_ID; var SLOT_ID = "wrt-custom-flag-slot-" + CFG.HIGHLIGHT_ID; var STYLE_ID = "wrt-custom-flag-style-" + CFG.HIGHLIGHT_ID; var CLS_ROOT = "wrt-top-sales-flag"; var CLS_PILL = "wrt-top-sales-flag__pill"; var CLS_TEXT = "wrt-top-sales-flag__text"; var moduleObs = null; var bootObs = null; var scheduled = false; var VIEW_FIRED = false; var VIEW_IO = null; var VIEW_FALLBACK_ATTACHED = false; var VIEW_FALLBACK_HANDLER = null; function getManager() { if (!window.__WRT_SP_FLAG_MANAGER__) { window.__WRT_SP_FLAG_MANAGER__ = { flags: {}, activeKey: null, activeProductKey: null, lastUrl: location.href, scheduled: false }; } return window.__WRT_SP_FLAG_MANAGER__; } function isMobile() { return MQ ? MQ.matches : window.innerWidth <= CFG.MOBILE_MAX; } function getProductKey() { try { var skuMeta = document.querySelector('meta[itemprop="sku"][content]'); if (skuMeta && skuMeta.content) return "sku:" + String(skuMeta.content).trim(); var canonical = document.querySelector('link[rel="canonical"]'); if (canonical && canonical.href) return "url:" + String(canonical.href).trim(); return "path:" + location.pathname; } catch (e) { return "path:" + location.pathname; } } function isPDP() { return !!( document.querySelector('meta[itemprop="price"][content]') || document.querySelector('meta[itemprop="sku"][content]') || document.querySelector(".product-gallery") || document.querySelector(".product-header__info") ); } function dlPush(payload) { try { window.dataLayer = window.dataLayer || []; window.dataLayer.push(payload); } catch (e) {} } function getSkuFromUrl() { try { var path = window.location && window.location.pathname ? window.location.pathname : ""; var m = path.match(/-(\d+)(?:\/)?$/); return m && m[1] ? m[1] : ""; } catch (e) { return ""; } } function getBreadcrumbLowest() { try { var nodes = document.querySelectorAll( 'nav[aria-label="Breadcrumb"] .breadcrumbs__item__name,' + 'nav[aria-label="Breadcrumbs"] .breadcrumbs__item__name,' + "nav.breadcrumbs .breadcrumbs__item__name," + '[data-module-template="breadcrumbs"] nav[role="navigation"] .breadcrumbs__item__name' ); if (!nodes || !nodes.length) return ""; for (var i = nodes.length - 1; i >= 0; i--) { var txt = (nodes[i].textContent || "").trim(); if (txt) return txt; } return ""; } catch (e) { return ""; } } function getSourceHighlightNodes() { var out = []; try { var nodes = document.querySelectorAll('[data-highlight-id="' + CFG.HIGHLIGHT_ID + '"]'); for (var i = 0; i < nodes.length; i++) { var node = nodes[i]; if (!node) continue; if (node.id === FLAG_ID) continue; if (node.id === SLOT_ID) continue; if (node.closest && node.closest("#" + SLOT_ID)) continue; out.push(node); } } catch (e) {} return out; } function getHighlightName() { try { var sourceNodes = getSourceHighlightNodes(); for (var i = 0; i < sourceNodes.length; i++) { var p = sourceNodes[i]; while (p && p !== document.documentElement) { if (p.getAttribute) { var n = p.getAttribute("data-highlight-name"); if (n && String(n).trim()) return String(n).trim(); } p = p.parentElement; } } return CFG.COPY; } catch (e) { return CFG.COPY; } } function tryFireViewEvent(attempt) { if (VIEW_FIRED) return; var eventCategory = CFG.EVENT_CATEGORY_OVERRIDE || getHighlightName(); var eventLabel = getBreadcrumbLowest(); var eventPosition = getSkuFromUrl(); if ((!eventCategory || !eventLabel) && attempt < 50) { setTimeout(function () { tryFireViewEvent(attempt + 1); }, 200); return; } VIEW_FIRED = true; dlPush({ event: "event.generic_GA4", eventCategory: eventCategory || "", eventAction: "view - full", eventLabel: eventLabel || "", eventPosition: eventPosition || "" }); if (VIEW_IO) { try { VIEW_IO.disconnect(); } catch (e) {} VIEW_IO = null; } if (VIEW_FALLBACK_ATTACHED && VIEW_FALLBACK_HANDLER) { try { window.removeEventListener("scroll", VIEW_FALLBACK_HANDLER, true); window.removeEventListener("resize", VIEW_FALLBACK_HANDLER, true); } catch (e) {} VIEW_FALLBACK_ATTACHED = false; VIEW_FALLBACK_HANDLER = null; } } function isFullyInViewport(el) { if (!el || !el.getBoundingClientRect) return false; var r = el.getBoundingClientRect(); var vh = window.innerHeight || document.documentElement.clientHeight || 0; var vw = window.innerWidth || document.documentElement.clientWidth || 0; var EPS = 1; return r.top >= -EPS && r.left >= -EPS && r.bottom <= vh + EPS && r.right <= vw + EPS; } function ensureViewTracking(flagEl) { if (!flagEl || VIEW_FIRED) return; if ("IntersectionObserver" in window) { if (!VIEW_IO) { VIEW_IO = new IntersectionObserver(function (entries) { if (VIEW_FIRED) return; for (var i = 0; i < entries.length; i++) { var entry = entries[i]; if (!entry || entry.target !== flagEl) continue; if (entry.isIntersecting && entry.intersectionRatio >= 0.99 && isFullyInViewport(flagEl)) { tryFireViewEvent(0); return; } } }, { threshold: [0.99, 1] }); } try { VIEW_IO.observe(flagEl); } catch (e) {} setTimeout(function () { if (!VIEW_FIRED && isFullyInViewport(flagEl)) tryFireViewEvent(0); }, 0); return; } if (!VIEW_FALLBACK_ATTACHED) { VIEW_FALLBACK_HANDLER = function () { if (VIEW_FIRED) return; if (isFullyInViewport(flagEl)) tryFireViewEvent(0); }; VIEW_FALLBACK_ATTACHED = true; window.addEventListener("scroll", VIEW_FALLBACK_HANDLER, true); window.addEventListener("resize", VIEW_FALLBACK_HANDLER, true); setTimeout(VIEW_FALLBACK_HANDLER, 0); } } function getModuleRoot() { var sel = [ '[data-module-id="' + CFG.MODULE_ID + '"][data-module-id-template="product-heading"]', '[data-module-id="' + CFG.MODULE_ID + '"][data-module-template="product-heading"]', '[data-module="' + CFG.MODULE_ID + '"][data-module-template="product-heading"]', '[data-module-id="' + CFG.MODULE_ID + '"]', '[data-module="' + CFG.MODULE_ID + '"]' ]; for (var i = 0; i < sel.length; i++) { var el = document.querySelector(sel[i]); if (el) return el; } return null; } function moduleScopedSelectors(desc) { var a = '[data-module-id="' + CFG.MODULE_ID + '"] ' + desc; var b = '[data-module="' + CFG.MODULE_ID + '"] ' + desc; return a + ",\n" + b; } function ensureCSS() { var style = document.getElementById(STYLE_ID); var scope = '[data-highlight-id="' + CFG.HIGHLIGHT_ID + '"].' + CLS_ROOT; var css = ""; css += scope + "{display:inline-flex;width:fit-content;max-width:100%;}\n"; css += scope + " ." + CLS_PILL + "{display:inline-flex;align-items:center;background:" + CFG.BG + " !important;color:" + CFG.INK + " !important;font-size:" + CFG.FS + " !important;font-weight:600;line-height:16px;padding:8px 16px;border-radius:4px;white-space:nowrap;box-sizing:border-box;}\n"; css += scope + " ." + CLS_TEXT + "{color:" + CFG.INK + " !important;font-size:" + CFG.FS + " !important;}\n"; css += "#" + SLOT_ID + "{display:flex;}\n"; css += "@media (max-width: " + CFG.MOBILE_MAX + "px) {\n"; css += " " + moduleScopedSelectors(".product-gallery__thumbs-container") + " { flex-wrap: wrap !important; }\n"; css += " " + moduleScopedSelectors("#" + SLOT_ID) + "{width:100% !important;max-width:100% !important;flex:0 0 100% !important;order:999 !important;display:flex !important;flex-wrap:wrap !important;justify-content:center !important;box-sizing:border-box !important;margin-top:25px !important;}\n"; css += " " + moduleScopedSelectors("#" + SLOT_ID + " > " + scope) + "{width:100% !important;max-width:100% !important;flex:0 0 100% !important;justify-content:center !important;box-sizing:border-box !important;}\n"; css += " " + scope + " ." + CLS_PILL + "{width:100% !important;justify-content:center !important;white-space:normal !important;text-align:center !important;}\n"; css += " " + scope + " ." + CLS_TEXT + "{width:100% !important;text-align:center !important;}\n"; css += "}\n"; if (!style) { style = document.createElement("style"); style.id = STYLE_ID; style.type = "text/css"; (document.head || document.documentElement).appendChild(style); } style.textContent = css; } function lockClicks(el) { if (!el || el.__wrtLocked) return; var block = function (e) { e.preventDefault(); e.stopPropagation(); if (e.stopImmediatePropagation) e.stopImmediatePropagation(); return false; }; var evts = ["click", "mousedown", "mouseup", "pointerdown", "pointerup", "touchstart", "touchend"]; for (var i = 0; i < evts.length; i++) { el.addEventListener(evts[i], block, true); } el.addEventListener("keydown", function (e) { var k = e.key || e.code; if (k === "Enter" || k === " " || k === "Spacebar") block(e); }, true); el.setAttribute("aria-disabled", "true"); el.removeAttribute("tabindex"); el.__wrtLocked = true; } function createOrGetFlag() { var existing = document.getElementById(FLAG_ID); if (existing) return existing; var root = document.createElement("div"); root.id = FLAG_ID; root.className = CLS_ROOT; root.setAttribute("data-highlight-id", CFG.HIGHLIGHT_ID); root.setAttribute("data-wrt-custom-flag", CFG.FLAG_KEY); root.setAttribute("aria-label", CFG.COPY); root.setAttribute("role", "note"); var pill = document.createElement("span"); pill.className = CLS_PILL; var text = document.createElement("span"); text.className = CLS_TEXT; text.textContent = CFG.COPY; pill.appendChild(text); root.appendChild(pill); lockClicks(root); return root; } function createOrGetSlot() { var existing = document.getElementById(SLOT_ID); if (existing) return existing; var slot = document.createElement("div"); slot.id = SLOT_ID; slot.setAttribute("data-wrt-slot", CFG.FLAG_KEY); return slot; } function insertAfter(newNode, referenceNode) { if (!referenceNode || !referenceNode.parentNode) return false; var parent = referenceNode.parentNode; if (referenceNode.nextSibling) parent.insertBefore(newNode, referenceNode.nextSibling); else parent.appendChild(newNode); return true; } function placeSlotDesktop(slot, mod) { if (!slot || !mod || !mod.querySelector) return false; var info = mod.querySelector(".product-header__info"); if (info) { var toastD = info.querySelector("#toast-notifications-desktop"); if (toastD && toastD.parentNode) { if (slot.parentNode === toastD.parentNode && toastD.nextSibling === slot) return true; return insertAfter(slot, toastD); } } var headerSlot = mod.querySelector('[data-debug="system_badge_winning_offer"].product-header__flag') || mod.querySelector(".product-header__flag"); if (headerSlot) { if (slot.parentNode !== headerSlot) headerSlot.appendChild(slot); return true; } if (info) { if (slot.parentNode !== info) info.appendChild(slot); return true; } return false; } function placeSlotMobile(slot, mod) { if (!slot || !mod || !mod.querySelector) return false; var gallery = mod.querySelector(".product-gallery"); if (gallery && gallery.parentNode) { if (slot.parentNode === gallery.parentNode && gallery.nextSibling === slot) return true; insertAfter(slot, gallery); return true; } if (slot.parentNode !== mod) mod.appendChild(slot); return true; } function hideSourceHighlightNodes() { var nodes = getSourceHighlightNodes(); for (var i = 0; i < nodes.length; i++) { var node = nodes[i]; if (!node || node.id === FLAG_ID) continue; node.style.display = "none"; node.setAttribute("hidden", "hidden"); node.setAttribute("data-wrt-sp-source-hidden", CFG.FLAG_KEY); } } function showOwnFlag() { if (!isPDP()) return; if (!isEligible()) return; ensureCSS(); var mod = getModuleRoot(); if (!mod) return; var slot = createOrGetSlot(); var ok = isMobile() ? placeSlotMobile(slot, mod) : placeSlotDesktop(slot, mod); if (!ok) return; var flag = createOrGetFlag(); if (flag.parentNode !== slot) slot.appendChild(flag); flag.style.display = ""; flag.removeAttribute("hidden"); flag.setAttribute("data-wrt-sp-active", CFG.FLAG_KEY); hideSourceHighlightNodes(); ensureViewTracking(flag); } function hideOwnFlag() { var flag = document.getElementById(FLAG_ID); if (flag) { flag.style.display = "none"; flag.setAttribute("hidden", "hidden"); flag.removeAttribute("data-wrt-sp-active"); } var slot = document.getElementById(SLOT_ID); if (slot && slot.parentNode && !slot.children.length) { try { slot.parentNode.removeChild(slot); } catch (e) {} } hideSourceHighlightNodes(); } function isEligible() { if (!isPDP()) return false; return getSourceHighlightNodes().length > 0; } function evaluateWinner() { var manager = getManager(); if (!isPDP()) { Object.keys(manager.flags).forEach(function (key) { manager.flags[key].hide(); }); manager.activeKey = null; manager.activeProductKey = null; return; } var productKey = getProductKey(); var candidates = Object.keys(manager.flags) .map(function (key) { return manager.flags[key]; }) .filter(function (flag) { try { return !!flag.isEligible(); } catch (e) { return false; } }) .sort(function (a, b) { return a.priority - b.priority; }); if (!candidates.length) { Object.keys(manager.flags).forEach(function (key) { manager.flags[key].hide(); }); manager.activeKey = null; manager.activeProductKey = productKey; return; } var winner = candidates[0]; Object.keys(manager.flags).forEach(function (key) { if (key === winner.key) manager.flags[key].show(); else manager.flags[key].hide(); }); manager.activeKey = winner.key; manager.activeProductKey = productKey; } function scheduleGlobalEvaluate() { var manager = getManager(); if (manager.scheduled) return; manager.scheduled = true; setTimeout(function () { manager.scheduled = false; evaluateWinner(); }, 60); } function register() { var manager = getManager(); manager.flags[CFG.FLAG_KEY] = { key: CFG.FLAG_KEY, priority: CFG.PRIORITY, isEligible: isEligible, show: showOwnFlag, hide: hideOwnFlag }; } function scheduleReconcile() { if (scheduled) return; scheduled = true; var raf = window.requestAnimationFrame || function (cb) { return setTimeout(cb, 16); }; raf(function () { scheduled = false; scheduleGlobalEvaluate(); }); } function ensureModuleObserver(mod) { if (!mod) return; if (moduleObs) return; moduleObs = new MutationObserver(function () { scheduleReconcile(); }); moduleObs.observe(mod, { childList: true, subtree: true, attributes: true }); } function ensureBootObserver() { if (bootObs) return; bootObs = new MutationObserver(function () { var mod = getModuleRoot(); if (!mod) return; ensureModuleObserver(mod); scheduleReconcile(); }); bootObs.observe(document.documentElement, { childList: true, subtree: true }); setTimeout(function () { if (bootObs) { try { bootObs.disconnect(); } catch (e) {} bootObs = null; } }, 15000); } function attachMQ() { if (!MQ || MQ.__wrtAttachedPopularMonth) return; if (MQ.addEventListener) MQ.addEventListener("change", scheduleReconcile); else if (MQ.addListener) MQ.addListener(scheduleReconcile); MQ.__wrtAttachedPopularMonth = true; } function watchUrlChanges() { if (window.__WRT_SP_FLAG_URL_WATCHER__) return; window.__WRT_SP_FLAG_URL_WATCHER__ = true; setInterval(function () { var manager = getManager(); if (location.href !== manager.lastUrl) { manager.lastUrl = location.href; manager.activeKey = null; manager.activeProductKey = null; scheduleGlobalEvaluate(); } }, 300); } function boot() { register(); attachMQ(); ensureCSS(); var mod = getModuleRoot(); if (mod) ensureModuleObserver(mod); else ensureBootObserver(); hideOwnFlag(); scheduleReconcile(); watchUrlChanges(); window.addEventListener("load", scheduleReconcile, { once: true }); } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", boot, { once: true }); } else { boot(); } })();