`; document.body.appendChild(modal); modal.querySelector(".mb-size-guide-close").addEventListener("click", function (e) { e.preventDefault(); e.stopPropagation(); modal.classList.remove("active"); }); modal.querySelector(".mb-size-guide-overlay").addEventListener("click", function () { modal.classList.remove("active"); }); document.addEventListener("keydown", function (e) { if (e.key === "Escape") modal.classList.remove("active"); }); } function openSizeGuideModal(e) { if (e) { e.preventDefault(); e.stopPropagation(); } const modal = document.getElementById("mb-size-guide-modal"); if (modal) modal.classList.add("active"); } function findOption(dropdownRoot, targetValue) { const target = normalizeText(targetValue); const scoped = Array.from( dropdownRoot.querySelectorAll('[role="option"], .moonbundle-dropdown-item') ); let match = scoped.find(el => normalizeText(el.textContent) === target); if (match) return match; const global = Array.from( document.querySelectorAll('[role="option"], .moonbundle-dropdown-item') ); return global.find(el => normalizeText(el.textContent) === target) || null; } async function selectMoonbundleDropdownValue(dropdownRoot, targetValue) { if (!dropdownRoot || !targetValue) return false; const button = dropdownRoot.querySelector(".moonbundle-dropdown-button"); if (!button) return false; const target = normalizeText(targetValue); const getCurrent = () => normalizeText( dropdownRoot.querySelector(".moonbundle-dropdown-selected span")?.textContent ); if (getCurrent() === target) return true; button.click(); const match = await waitFor(() => findOption(dropdownRoot, targetValue), 600, 16); if (!match) { document.body.click(); return false; } match.click(); await waitFor(() => getCurrent() === target, 400, 16); return getCurrent() === target; } function getVariantRowsFromOffer(offer) { if (!offer) return []; return Array.from(offer.querySelectorAll(".moonbundle-variant-row")); } function moveAllSizeSelectorsIntoBox(offer) { const slot = offer.querySelector(".mb-recommended-size-slot"); if (!slot) return; const rows = getVariantRowsFromOffer(offer); if (!rows.length) return; rows.forEach((row, index) => { if (slot.querySelector(`[data-mb-size-row="${index + 1}"]`)) return; const selectors = row.querySelectorAll(".moonbundle-option-selector"); if (selectors.length < 2) return; const sizeSelector = selectors[selectors.length - 1]; sizeSelector.classList.add("mb-moved-size-selector"); const wrapper = document.createElement("div"); wrapper.className = "mb-size-row"; wrapper.setAttribute("data-mb-size-row", String(index + 1)); const label = document.createElement("div"); label.className = "mb-size-row-label"; label.textContent = `#${index + 1}`; wrapper.appendChild(label); wrapper.appendChild(sizeSelector); slot.appendChild(wrapper); }); } async function applyMappedSizeToOffer(offer, band, cup, errorEl) { if (!offer || isUpdating) return; isUpdating = true; document.body.classList.add("mb-bra-syncing"); startHidingListboxes(); try { if (errorEl) errorEl.innerHTML = ""; if (!band || !cup) return; const mappedSize = BRA_SIZE_MAP[`${band}${cup}`]; if (!mappedSize) { if (errorEl) { errorEl.innerHTML = `Cette combinaison n’est pas disponible`; } return; } moveAllSizeSelectorsIntoBox(offer); const dropdowns = Array.from( offer.querySelectorAll(".mb-recommended-size-slot .moonbundle-custom-dropdown") ); let allOk = true; for (const dropdown of dropdowns) { const ok = await selectMoonbundleDropdownValue(dropdown, mappedSize); if (!ok) allOk = false; } if (!allOk && errorEl) { errorEl.innerHTML = `Impossible de sélectionner automatiquement la taille`; } } finally { stopHidingListboxes(); document.body.classList.remove("mb-bra-syncing"); isUpdating = false; } } function buildGlobalSelectorUI(offer) { const ui = document.createElement("div"); ui.className = "mb-global-bra-ui"; ui.innerHTML = `

Choisissez votre taille

Tour de dos

Bonnet

`; const bandSelect = ui.querySelector(".mb-global-band"); const cupSelect = ui.querySelector(".mb-global-cup"); const errorEl = ui.querySelector(".mb-global-bra-error-wrap"); const sizeGuideBtn = ui.querySelector(".mb-global-size-guide-link"); const onChange = () => applyMappedSizeToOffer(offer, bandSelect.value, cupSelect.value, errorEl); bandSelect.addEventListener("change", onChange); cupSelect.addEventListener("change", onChange); sizeGuideBtn.addEventListener("click", openSizeGuideModal); return ui; } function injectGlobalSelectorIntoOffer(offer) { if (!offer || offer.querySelector(".mb-global-bra-ui")) return; const variantsBox = offer.querySelector(".moonbundle-variants-box"); if (!variantsBox) return; const rows = getVariantRowsFromOffer(offer); if (!rows.length) return; const ui = buildGlobalSelectorUI(offer); variantsBox.appendChild(ui); moveAllSizeSelectorsIntoBox(offer); } function initGlobalBraSelectors() { injectStyles(); injectSizeGuideModal(); document.querySelectorAll(".moonbundle-option-wrapper").forEach(offer => { injectGlobalSelectorIntoOffer(offer); moveAllSizeSelectorsIntoBox(offer); }); } initGlobalBraSelectors(); const observer = new MutationObserver(() => { initGlobalBraSelectors(); }); observer.observe(document.body, { childList: true, subtree: true });

Informations Légales

Commande

Rejoignez-nous et profitez de -10%