(function () { // ============================================ // BONUS FOCETT - OFFRE 1 + OFFRE 2 // ============================================ const OFFERS = { // OFFRE 2 - Premium 2: [ "Livraison express & offerte expédiée sous 24h", "Aucun risque : 30 jours pour changer d'avis", "Extension de garantie 5 ans réparé ou remplacé gratuitement", "SAV 7j/7 WhatsApp prioritaire réponse sous 12h", "2 Guides inclus installation + entretien longévité", ], // OFFRE 1 - Base 1: [ "Livraison rapide & offerte expédiée sous 48h", "Aucun risque : 30 jours pour changer d'avis", "SAV 7j/7 WhatsApp prioritaire réponse sous 12h", "2 Guides inclus installation + entretien longévité", ], }; const OFFER_SELECTOR = ".moonbundle-option"; const ACTIVE_CLASS = "moonbundle-option-active"; const getRoot = () => document.querySelector("moonbundle-component") || document; const getOffers = () => Array.from(getRoot().querySelectorAll(OFFER_SELECTOR)); const isActive = (el) => el.classList.contains(ACTIVE_CLASS) || el.getAttribute("aria-selected") === "true" || el.getAttribute("aria-checked") === "true"; function buildBulletsEl(lines, offerNumber) { const box = Object.assign(document.createElement("div"), {}); box.setAttribute("data-mb-bullets", ""); box.setAttribute("data-offer", String(offerNumber)); Object.assign(box.style, { marginTop: "8px", paddingBottom: "10px", paddingLeft: "8px", display: "none", flexDirection: "column", gap: "6px", alignItems: "flex-start", width: "100%", }); lines.forEach((text) => { const row = document.createElement("div"); Object.assign(row.style, { display: "flex", gap: "8px", alignItems: "flex-start", fontSize: "12px", lineHeight: "1.4", color: "#333", }); const check = document.createElement("span"); check.textContent = "✓"; check.style.fontWeight = "800"; check.style.color = "#000000"; check.style.fontSize = "14px"; const t = document.createElement("span"); t.innerHTML = text; row.append(check, t); box.appendChild(row); }); return box; } function syncVisibility() { const offers = getOffers(); Object.keys(OFFERS).forEach((key) => { const n = Number(key); const offerEl = offers[n - 1]; const bullets = offerEl?.querySelector(`[data-mb-bullets][data-offer="${n}"]`); if (bullets) bullets.style.display = isActive(offerEl) ? "flex" : "none"; }); } function mount() { const offers = getOffers(); if (!offers.length) return false; Object.keys(OFFERS).forEach((key) => { const n = Number(key); const offerEl = offers[n - 1]; if (!offerEl || offerEl.querySelector(`[data-mb-bullets][data-offer="${n}"]`)) return; const headerRow = offerEl.querySelector(".moonbundle-option-details, .moonbundle-offer-wrapper, .moonbundle-option-title") || offerEl; headerRow.insertAdjacentElement("afterend", buildBulletsEl(OFFERS[n], n)); }); syncVisibility(); return true; } let tries = 0; const interval = setInterval(() => { if (mount() || ++tries > 60) clearInterval(interval); }, 250); let debounce = null; const root = getRoot() === document ? document.documentElement : getRoot(); new MutationObserver(() => { if (debounce) return; debounce = setTimeout(() => { debounce = null; mount(); }, 120); }).observe(root, { childList: true, subtree: true, attributes: true, attributeFilter: ["class"], }); document.addEventListener("click", (e) => { if (!e.target.closest?.(OFFER_SELECTOR)) return; setTimeout(syncVisibility, 0); setTimeout(syncVisibility, 80); }); })();