Copy(function () { const SUB_BTN_SEL = '.moonbundle-subscription-radio-option'; const ONE_BTN_SEL = '.moonbundle-one-time-radio-option, .moonbundle-onetime-radio-option, .moonbundle-onetime-option, .moonbundle-one-time-option'; const RADIOS_ROOT_SEL = '.moonbundle-subscription-radios'; const GUMS_PER_SACHET = 30; let inited = false; let userTouched = false; let lastOfferKey = null; let cached = null; let lock = false; const round2 = (n) => Math.round(n * 100) / 100; function normTxt(s) { return String(s || '').toLowerCase().replace(/\s+/g, ' ').trim(); } function parseEuro(text) { if (!text) return null; const m = String(text).replace(/\s/g, '').match(/(\d+([.,]\d+)?)/); if (!m) return null; return parseFloat(m[1].replace(',', '.')); } function formatEuroSmart(amount) { const a = round2(amount); const isInt = Math.abs(a - Math.round(a)) < 1e-9; const s = (isInt ? String(Math.round(a)) : a.toFixed(2)).replace('.', ','); return `${s}€`; } function formatEuro2(amount) { const a = round2(amount); return `${a.toFixed(2).replace('.', ',')}€`; } function getButtons() { const root = document.querySelector(RADIOS_ROOT_SEL) || document; const btns = Array.from(root.querySelectorAll(SUB_BTN_SEL)); if (!btns.length) return { subBtn: null, oneBtn: null }; const subBtn = btns.find((b) => { const t = normTxt(b.textContent); return t.includes('livraison') || t.includes('mensuel') || t.includes('mensuelle'); }) || btns[0]; let oneBtn = root.querySelector(ONE_BTN_SEL) || btns.find( (b) => b !== subBtn && (normTxt(b.textContent).includes('achat unique') || normTxt(b.textContent).includes('sans abonnement')) ) || btns.find((b) => b !== subBtn) || null; return { subBtn, oneBtn }; } function getRadios() { const { subBtn, oneBtn } = getButtons(); return { subBtn, oneBtn, subRadio: subBtn ? subBtn.querySelector('input[type="radio"]') : null, oneRadio: oneBtn ? oneBtn.querySelector('input[type="radio"]') : null, }; } function isSubSelected() { const { subBtn, oneBtn } = getButtons(); if (subBtn && subBtn.classList.contains('active')) return true; if (oneBtn && oneBtn.classList.contains('active')) return false; const { subRadio, oneRadio } = getRadios(); if (subRadio && subRadio.checked) return true; if (oneRadio && oneRadio.checked) return false; return true; } function getActiveOfferEl() { return ( document.querySelector('.moonbundle-option.moonbundle-option-active') || document.querySelector('.moonbundle-option-active') ); } function getOfferKey(active) { if (!active) return null; const all = Array.from(document.querySelectorAll('.moonbundle-option')); const idx = all.indexOf(active); const titleEl = active.querySelector('.moonbundle-option-title') || active.querySelector('.moonbundle-title') || active; const title = (titleEl?.textContent || '').replace(/\s+/g, ' ').trim(); return `${idx}__${title}`; } function getDeliveredSachetsCount(active) { if (!active) return 1; const titleEl = active.querySelector('.moonbundle-option-title') || active.querySelector('.moonbundle-title') || active; const txt = (titleEl.textContent || '').replace(/\s+/g, ' ').trim(); let m = txt.match(/(\d+)\s*\+\s*(\d+)\s*sachet/i); if (m && m[1] && m[2]) { const a = parseInt(m[1], 10); const b = parseInt(m[2], 10); if (!Number.isNaN(a) && !Number.isNaN(b) && a > 0 && b >= 0) return a + b; } m = txt.match(/(\d+)\s*sachet/i); if (m && m[1]) { const n = parseInt(m[1], 10); if (!Number.isNaN(n) && n > 0) return n; } const selects = active.querySelectorAll('select'); if (selects && selects.length) return selects.length; return 1; } function readDisplayedOfferPrice(active) { if (!active) return null; const nodes = Array.from(active.querySelectorAll('*')).slice(0, 260); const values = []; for (const el of nodes) { const t = (el.textContent || '').trim(); if (!t.includes('€')) continue; const tt = normTxt(t); if (tt.includes('par jour') || tt.includes('/jour')) continue; const style = window.getComputedStyle(el); const line = (style && style.textDecorationLine) || ''; if (line.includes('line-through')) continue; const cls = normTxt(el.className || ''); if (cls.includes('compare') || cls.includes('old') || cls.includes('was') || cls.includes('strike')) continue; const v = parseEuro(t); if (v != null && v >= 5) values.push(v); } if (!values.length) return null; return Math.max(...values); } function nextFrame() { return new Promise((r) => requestAnimationFrame(() => r())); } function wait(ms) { return new Promise((r) => setTimeout(r, ms)); } async function computeBothTotalsBySwitching() { const active = getActiveOfferEl(); if (!active) return null; const { subBtn, oneBtn } = getButtons(); if (!subBtn || !oneBtn) return null; const wasSub = isSubSelected(); lock = true; if (!subBtn.classList.contains('active')) subBtn.click(); await nextFrame(); await wait(60); const totalSub = readDisplayedOfferPrice(getActiveOfferEl()); if (!oneBtn.classList.contains('active')) oneBtn.click(); await nextFrame(); await wait(60); const totalOne = readDisplayedOfferPrice(getActiveOfferEl()); if (wasSub) { if (!subBtn.classList.contains('active')) subBtn.click(); } else { if (!oneBtn.classList.contains('active')) oneBtn.click(); } await nextFrame(); lock = false; if (totalSub == null || totalOne == null) return null; const sachets = getDeliveredSachetsCount(getActiveOfferEl()); const subPerSachet = totalSub / sachets; const onePerSachet = totalOne / sachets; return { totalSub, totalOne, subPerSachet, onePerSachet, subPerGum: subPerSachet / GUMS_PER_SACHET, onePerGum: onePerSachet / GUMS_PER_SACHET, }; } // ========== FONCTION : INJECTER LES SÉPARATEURS (MODIFIÉE AVEC FOND NOIR) ========== function insertSeparatorOnce() { // Vérifie si les séparateurs existent déjà if (document.querySelector('.mb-pricing-separator')) return; // Cherche le conteneur parent des options de prix const options = document.querySelectorAll('.moonbundle-option'); if (!options || options.length < 1) return; // ========== SÉPARATEUR 1 : AVANT LA PREMIÈRE OPTION ========== const firstOption = options[0]; if (firstOption) { const separator1 = document.createElement('div'); separator1.className = 'mb-pricing-separator'; separator1.innerHTML = `

1 Choisir son offre

`; firstOption.parentNode.insertBefore(separator1, firstOption); } // ========== SÉPARATEUR 2 : APRÈS LA 2ÈME OPTION (si elle existe) ========== if (options.length >= 2) { const targetOption = options[1]; // Index 1 = 2ème option const separator2 = document.createElement('div'); separator2.className = 'mb-pricing-separator'; separator2.innerHTML = `

2 Choisir sa fréquence

`; targetOption.parentNode.insertBefore(separator2, targetOption.nextSibling); } // ========== INJECTER LE CSS AVEC FOND NOIR ========== if (!document.getElementById('mb-separator-styles')) { const style = document.createElement('style'); style.id = 'mb-separator-styles'; style.textContent = ` .mb-pricing-separator { display: flex; align-items: center; justify-content: center; margin: 30px 0; position: relative; background: #000; /* FOND NOIR */ padding: 20px 0; border-radius: 8px; } .mb-pricing-separator::before, .mb-pricing-separator::after { content: ""; flex: 1; height: 1px; background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.3) 50%, transparent); /* Ligne blanche semi-transparente */ } .mb-separator-content { display: flex; align-items: center; gap: 12px; padding: 0 20px; font-size: 16px; font-weight: 500; color: #fff; /* TEXTE BLANC */ } .mb-separator-number { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #eff645; /* Cercle jaune conservé */ color: #000; /* Texte noir dans le cercle */ border-radius: 50%; font-weight: 600; font-size: 18px; } .mb-separator-text { color: #fff; /* Texte blanc */ } @media screen and (max-width: 768px) { .mb-pricing-separator { margin: 20px 0; padding: 15px 0; } .mb-separator-content { font-size: 14px; gap: 10px; padding: 0 15px; } .mb-separator-number { width: 35px; height: 35px; font-size: 16px; } } `; document.head.appendChild(style); } console.log('✅ Séparateurs avec fond noir insérés avec succès'); } function buildSubscriptionCardOnce() { const { subBtn, subRadio } = getRadios(); if (!subBtn || !subRadio) return false; if (subBtn.dataset.mbBuilt === '1') return true; subBtn.dataset.mbBuilt = '1'; subRadio.parentNode && subRadio.parentNode.removeChild(subRadio); subBtn.innerHTML = `

Livraison Mensuelle -15%

✅ 1 sachet = ${GUMS_PER_SACHET} gums

✅ -15% et livraison gratuite chaque mois

✅ Sans engagement, annulez à tout moment

✅ 30 jours satisfait ou remboursé

`; subBtn.querySelector('.mb-radio-slot')?.appendChild(subRadio); subBtn.style.display = 'block'; subBtn.style.width = '100%'; subBtn.style.padding = '0'; subBtn.style.border = 'none'; subBtn.style.cursor = 'pointer'; subRadio.style.pointerEvents = 'none'; subRadio.style.margin = '0'; const card = subBtn.querySelector('.mb-card'); const header = subBtn.querySelector('.mb-card-header'); const priceWrap = subBtn.querySelector('.mb-price-wrap'); const perNode = subBtn.querySelector('.mb-price-per'); card.style.border = '1px solid #D9D9D9'; card.style.borderRadius = '12px'; card.style.background = '#fff'; card.style.padding = '10px 12px'; card.style.transition = 'all .15s ease'; header.style.display = 'grid'; header.style.gridTemplateColumns = '18px 1fr auto'; header.style.alignItems = 'center'; header.style.columnGap = '10px'; header.style.marginBottom = '8px'; priceWrap.style.display = 'flex'; priceWrap.style.flexDirection = 'column'; priceWrap.style.alignItems = 'flex-end'; priceWrap.style.gap = '2px'; priceWrap.style.marginLeft = '12px'; if (perNode) { perNode.style.whiteSpace = 'nowrap'; perNode.style.color = '#7A7A7A'; } return true; } function ensureOneTimePriceUIOnce() { const { oneBtn } = getButtons(); if (!oneBtn) return; if (oneBtn.dataset.mbOneTimeStyled === '1') return; oneBtn.dataset.mbOneTimeStyled = '1'; oneBtn.style.display = 'flex'; oneBtn.style.alignItems = 'center'; oneBtn.style.justifyContent = 'space-between'; oneBtn.style.gap = '12px'; let wrap = oneBtn.querySelector('.mb-one-time-price-wrap'); if (!wrap) { wrap = document.createElement('div'); wrap.className = 'mb-one-time-price-wrap'; wrap.style.display = 'flex'; wrap.style.flexDirection = 'column'; wrap.style.alignItems = 'flex-end'; wrap.style.gap = '2px'; wrap.style.marginLeft = 'auto'; oneBtn.appendChild(wrap); } let totalSlot = wrap.querySelector('.mb-one-time-total'); if (!totalSlot) { totalSlot = document.createElement('div'); totalSlot.className = 'mb-one-time-total'; totalSlot.style.whiteSpace = 'nowrap'; wrap.appendChild(totalSlot); } let perSlot = wrap.querySelector('.mb-one-time-per'); if (!perSlot) { perSlot = document.createElement('div'); perSlot.className = 'mb-one-time-per'; perSlot.style.whiteSpace = 'nowrap'; perSlot.style.color = '#7A7A7A'; wrap.appendChild(perSlot); } } function paintSubscriptionState() { const { subBtn } = getButtons(); if (!subBtn) return; const card = subBtn.querySelector('.mb-card'); if (!card) return; const checked = isSubSelected(); card.style.border = checked ? '2px solid #000' : '1px solid #D9D9D9'; card.style.background = '#fff'; } function renderPrices(p) { const { subBtn, oneBtn } = getButtons(); if (subBtn) { const totalEl = subBtn.querySelector('.mb-price-total'); const perEl = subBtn.querySelector('.mb-price-per'); if (totalEl) totalEl.textContent = `${formatEuroSmart(p.totalSub)}`; if (perEl) perEl.textContent = `${formatEuroSmart(p.subPerSachet)}/sachet • ${formatEuro2(p.subPerGum)}/gum`; } ensureOneTimePriceUIOnce(); if (oneBtn) { const totalEl = oneBtn.querySelector('.mb-one-time-total'); const perEl = oneBtn.querySelector('.mb-one-time-per'); if (totalEl) totalEl.textContent = `${formatEuroSmart(p.totalOne)}`; if (perEl) perEl.textContent = `${formatEuroSmart(p.onePerSachet)}/sachet • ${formatEuro2(p.onePerGum)}/gum`; } } async function updatePricesIfOfferChanged() { const active = getActiveOfferEl(); if (!active) return; const key = getOfferKey(active); if (!key) return; if (key === lastOfferKey && cached) return; const p = await computeBothTotalsBySwitching(); if (!p) return; lastOfferKey = key; cached = p; renderPrices(p); } function scheduleOfferUpdateBurst() { requestAnimationFrame(() => { if (!lock) updatePricesIfOfferChanged(); paintSubscriptionState(); }); setTimeout(() => { if (!lock) updatePricesIfOfferChanged(); paintSubscriptionState(); }, 140); setTimeout(() => { if (!lock) updatePricesIfOfferChanged(); paintSubscriptionState(); }, 360); } function initIfReady() { if (inited) return true; const { subBtn, oneBtn, subRadio, oneRadio } = getRadios(); if (!subBtn || !oneBtn || !subRadio || !oneRadio) return false; buildSubscriptionCardOnce(); ensureOneTimePriceUIOnce(); // ========== APPEL DU SÉPARATEUR ========== insertSeparatorOnce(); if (!userTouched && !subRadio.checked && !oneRadio.checked) subBtn.click(); document.addEventListener( 'click', (e) => { if (lock) return; const t = e.target; if (t.closest('.moonbundle-option')) { userTouched = true; scheduleOfferUpdateBurst(); return; } if (t.closest(SUB_BTN_SEL) || t.closest(ONE_BTN_SEL)) { userTouched = true; requestAnimationFrame(paintSubscriptionState); } }, true ); document.addEventListener( 'change', (e) => { if (lock) return; const t = e.target; if (t.closest('.moonbundle-option')) { userTouched = true; scheduleOfferUpdateBurst(); return; } if (t.closest(SUB_BTN_SEL) || t.closest(ONE_BTN_SEL)) { userTouched = true; requestAnimationFrame(paintSubscriptionState); } }, true ); const obs = new MutationObserver(() => { if (lock) return; scheduleOfferUpdateBurst(); }); obs.observe(document.body, { subtree: true, childList: true, attributes: true, attributeFilter: ['class'] }); inited = true; scheduleOfferUpdateBurst(); return true; } let tries = 0; const boot = setInterval(() => { tries++; if (initIfReady() || tries > 30) clearInterval(boot); }, 250); })();

Une question ?