/* =================================================== */ /* GLAMISU MASTER - ARCHITECTURE FINALE VALIDEE */ /* Quickview + Loupe + Auto-close + Badge offert FIXE */ /* Croix custom sur la bordure des cartes selectionnees */ /* =================================================== */ (function () { const root = document.documentElement; let observer = null; let debounceTimer = null; let isApplyingEnhancements = false; let wasDrawerOpen = false; let fastDrawerTimers = []; let selectionScrollTimers = []; let drawerActionInterceptionBound = false; let cartBundleEditDelegationBound = false; let bundlePageInteractionTrackerBound = false; let isReplayingDrawerAction = false; let isBundleEditMonitorRunning = false; let isBundleRestoreInProgress = false; let isBundleEditSelectionCleanupRunning = false; let didUserInteractWithBundlePage = false; let bundlePageEntryResetCompleted = false; let bundlePageEntryResetChecksRemaining = 4; let bundleEditRemovalScheduled = false; const productCache = new Map(); const productRequestCache = new Map(); const BUNDLE_EDIT_STORAGE_KEY = "glamisu_bundle_edit_context"; const BUNDLE_PAGE_EDIT_SELECTION_KEY = "glamisu_bundle_page_edit_selection"; const BUNDLE_PENDING_RESTORE_KEY = "glamisu_bundle_pending_restore"; const CART_REOPEN_FLAG = "glamisu_reopen_cart_drawer"; const CART_ITEM_COUNT_STORAGE_KEY = "glamisu_cart_item_count"; let isCartBubbleSyncRunning = false; let lastCartBubbleSyncAt = 0; let cartBubbleResyncTimers = []; let bundleAddToCartCartBubbleTimers = []; let cachedBundleConfiguredQuantity = 0; let bundleSelectionOverrideQuantity = 0; let singlePageBootstrapSyncInFlight = false; let lastSinglePageBootstrapSyncKey = ""; let isCartBundleEditNavigationRunning = false; let isCartBundleEditBootstrapRunning = false; let bundleEditRestoreTimers = []; if (!document.getElementById("glamisu-quickview-outer")) { const qv = document.createElement("div"); qv.id = "glamisu-quickview-outer"; qv.innerHTML = ``; document.body.appendChild(qv); } const BUNDLE_SIZE_BY_HANDLE = { "pack-basic-gel-pads-sans-uv": 4, "pack-standard-gel-pads-sans-uv": 6, "pack-premium-gel-pads-sans-uv": 8, "pack-glamisu": 8 }; const SINGLE_PAGE_CANONICAL_HANDLE = "pack-glamisu"; const SINGLE_PAGE_OFFER_QUERY_PARAM = "offer"; const SINGLE_PAGE_SOURCE_HANDLE_QUERY_PARAM = "bundle_handle"; const SINGLE_PAGE_SOURCE_HANDLE_BY_OFFER = { basic: "pack-basic-gel-pads-sans-uv", standard: "pack-standard-gel-pads-sans-uv", premium: "pack-premium-gel-pads-sans-uv" }; const SINGLE_PAGE_QUANTITY_BY_OFFER = { basic: 4, standard: 6, premium: 8 }; let isSinglePageOfferSwitchRunning = false; const getCurrentProductHandle = () => { try { const currentUrl = new URL(window.location.href); const pathname = currentUrl.pathname || ""; const pathMatch = pathname.match(/\/products\/([^/?#]+)/i); const pathHandle = pathMatch ? String(decodeURIComponent(pathMatch[1])).trim().toLowerCase() : ""; const bundleHandleFromQueryRaw = String( currentUrl.searchParams.get(SINGLE_PAGE_SOURCE_HANDLE_QUERY_PARAM) || "" ) .trim() .toLowerCase(); const bundleHandleFromQuery = bundleHandleFromQueryRaw === "pack-salon-gel-pads-sans-uv" ? SINGLE_PAGE_SOURCE_HANDLE_BY_OFFER.standard : bundleHandleFromQueryRaw; const offerFromQuery = String(currentUrl.searchParams.get(SINGLE_PAGE_OFFER_QUERY_PARAM) || "") .trim() .toLowerCase(); if (pathHandle === SINGLE_PAGE_CANONICAL_HANDLE) { if (bundleHandleFromQuery && bundleHandleFromQuery !== SINGLE_PAGE_CANONICAL_HANDLE) { return bundleHandleFromQuery; } if (offerFromQuery === "basic" || offerFromQuery === "2+2") { return SINGLE_PAGE_SOURCE_HANDLE_BY_OFFER.basic; } if ( offerFromQuery === "standard" || offerFromQuery === "salon" || offerFromQuery === "3+3" ) { return SINGLE_PAGE_SOURCE_HANDLE_BY_OFFER.standard; } if (offerFromQuery === "premium" || offerFromQuery === "4+4") { return SINGLE_PAGE_SOURCE_HANDLE_BY_OFFER.premium; } } } catch (error) {} const explicitHandle = window.shopifyLiquidValuesApp4Ext?.product?.productData?.handle || window.ShopifyAnalytics?.meta?.product?.handle || window.meta?.product?.handle; if (explicitHandle) { return String(explicitHandle).trim().toLowerCase(); } const pathname = window.location.pathname || ""; const match = pathname.match(/\/products\/([^/?#]+)/i); return match ? String(decodeURIComponent(match[1])).trim().toLowerCase() : ""; }; const getCurrentProductId = () => { const rawId = window.shopifyLiquidValuesApp4Ext?.product?.productData?.id || window.ShopifyAnalytics?.meta?.product?.id || window.meta?.product?.id; const parsedId = parseInt(rawId, 10); return Number.isFinite(parsedId) ? parsedId : 0; }; const normalizeSinglePageOffer = (value) => { const normalizedValue = String(value || "").trim().toLowerCase(); if (!normalizedValue) return ""; if (normalizedValue === "premium" || normalizedValue === "4+4") return "premium"; if (normalizedValue === "standard" || normalizedValue === "salon" || normalizedValue === "3+3") return "standard"; if (normalizedValue === "basic" || normalizedValue === "2+2") return "basic"; return ""; }; const getHandleFromUrlLike = (value = window.location.href) => { try { const parsedUrl = value instanceof URL ? value : new URL(String(value || ""), window.location.origin); const match = String(parsedUrl.pathname || "").match(/\/products\/([^/?#]+)/i); return match ? String(decodeURIComponent(match[1])).trim().toLowerCase() : ""; } catch (error) { return ""; } }; const isSinglePageCanonicalContext = (value = window.location.href) => { const currentHandle = getHandleFromUrlLike(value) || getCurrentProductHandle(); return currentHandle === SINGLE_PAGE_CANONICAL_HANDLE; }; const getSinglePageOfferQuantity = (offer) => { const normalizedOffer = normalizeSinglePageOffer(offer); return SINGLE_PAGE_QUANTITY_BY_OFFER[normalizedOffer] || 0; }; const getExpectedSinglePageSourceHandle = (offer) => { const normalizedOffer = normalizeSinglePageOffer(offer); return SINGLE_PAGE_SOURCE_HANDLE_BY_OFFER[normalizedOffer] || ""; }; const getActiveEasyBundleHandle = () => { const candidates = [ window.gbbMix?.settings?.mixAndMatchBundleData?.parentProductShopifyData?.handle, window.gbbMix?.gbbMixAndMatchBundle?.state?.mixAndMatchBundleData?.parentProductShopifyData?.handle, window.gbbMix?.gbbMixAndMatchBundle?.state?.parentProductShopifyData?.handle, window.easybundle_full_page_ext_data?.parentProductShopifyData?.handle ]; for (const candidate of candidates) { const normalizedCandidate = String(candidate || "").trim().toLowerCase(); if (normalizedCandidate) { return normalizedCandidate; } } return ""; }; const getSinglePageOfferFromUrl = (value = window.location.href) => { try { const parsedUrl = value instanceof URL ? value : new URL(String(value || ""), window.location.origin); const fromQuery = normalizeSinglePageOffer(parsedUrl.searchParams.get(SINGLE_PAGE_OFFER_QUERY_PARAM)); if (fromQuery) return fromQuery; const bundleHandleFromQuery = String( parsedUrl.searchParams.get(SINGLE_PAGE_SOURCE_HANDLE_QUERY_PARAM) || "" ) .trim() .toLowerCase(); if (bundleHandleFromQuery.includes("basic")) return "basic"; if (bundleHandleFromQuery.includes("standard") || bundleHandleFromQuery.includes("salon")) { return "standard"; } if (bundleHandleFromQuery.includes("premium")) return "premium"; } catch (error) { return ""; } if (!isSinglePageCanonicalContext(value)) { return ""; } const rootOffer = normalizeSinglePageOffer(root.getAttribute("data-glamisu-active-offer")); if (rootOffer) { return rootOffer; } return "premium"; }; const replaceOfferQueryInUrl = (offer, value = window.location.href) => { const normalizedOffer = normalizeSinglePageOffer(offer); const parsedUrl = value instanceof URL ? new URL(value.toString()) : new URL(String(value || ""), window.location.origin); if (normalizedOffer) { parsedUrl.searchParams.set(SINGLE_PAGE_OFFER_QUERY_PARAM, normalizedOffer); const sourceHandle = SINGLE_PAGE_SOURCE_HANDLE_BY_OFFER[normalizedOffer] || ""; if (sourceHandle) { parsedUrl.searchParams.set(SINGLE_PAGE_SOURCE_HANDLE_QUERY_PARAM, sourceHandle); } else { parsedUrl.searchParams.delete(SINGLE_PAGE_SOURCE_HANDLE_QUERY_PARAM); } } else { parsedUrl.searchParams.delete(SINGLE_PAGE_OFFER_QUERY_PARAM); parsedUrl.searchParams.delete(SINGLE_PAGE_SOURCE_HANDLE_QUERY_PARAM); } return parsedUrl; }; const applySinglePageOfferToRoot = (offer) => { const normalizedOffer = normalizeSinglePageOffer(offer); if (normalizedOffer) { root.setAttribute("data-glamisu-active-offer", normalizedOffer); } else { root.removeAttribute("data-glamisu-active-offer"); } return normalizedOffer; }; const resetBundleConfiguredQuantityCache = () => { cachedBundleConfiguredQuantity = 0; }; const switchSinglePageBundleOffer = async (offer, options = {}) => { const { persistUrl = true } = options; const normalizedOffer = normalizeSinglePageOffer(offer); if (!normalizedOffer || !isSinglePageCanonicalContext()) { return false; } const nextQuantity = getSinglePageOfferQuantity(normalizedOffer); if (persistUrl) { const nextUrl = replaceOfferQueryInUrl(normalizedOffer); window.history.replaceState(window.history.state, "", nextUrl.toString()); } applySinglePageOfferToRoot(normalizedOffer); resetBundleConfiguredQuantityCache(); if (nextQuantity > 0) { setBundleSelectionOverrideQuantity(nextQuantity); } await ensureSinglePageEasyBundleRuntimePatched().catch(() => false); const reinitializeBundle = window.gbbMix?.gbbMixAndMatchBundle?.f?.reInitializeBundleForSinglePageOffer; if (typeof reinitializeBundle !== "function" || isSinglePageOfferSwitchRunning) { return false; } isSinglePageOfferSwitchRunning = true; root.setAttribute("data-glamisu-bundle-switching", "true"); try { const didSwitch = await reinitializeBundle.call( window.gbbMix.gbbMixAndMatchBundle.f, normalizedOffer ); resetBundleConfiguredQuantityCache(); setBundleSelectionOverrideQuantity(0); applySinglePageOfferToRoot(normalizedOffer); syncBundleOfferSwitchState(); return didSwitch !== false; } finally { isSinglePageOfferSwitchRunning = false; root.removeAttribute("data-glamisu-bundle-switching"); } }; const findSinglePageBundleDataByOfferLocal = (bundleList, offer) => { const normalizedOffer = normalizeSinglePageOffer(offer); if (!normalizedOffer || !Array.isArray(bundleList)) return null; const preferredHandlesByOffer = { basic: ["pack-basic-gel-pads-sans-uv"], standard: ["pack-standard-gel-pads-sans-uv", "pack-salon-gel-pads-sans-uv"], premium: ["pack-premium-gel-pads-sans-uv"] }; const expectedQuantity = getSinglePageOfferQuantity(normalizedOffer); const matchingByHandle = bundleList.find((bundleData) => { const handle = String(bundleData?.parentProductShopifyData?.handle || "") .trim() .toLowerCase(); return preferredHandlesByOffer[normalizedOffer]?.includes(handle); }); if (matchingByHandle) { return matchingByHandle; } const matchingByQuantity = bundleList.find((bundleData) => { const handle = String(bundleData?.parentProductShopifyData?.handle || "") .trim() .toLowerCase(); if (handle === SINGLE_PAGE_CANONICAL_HANDLE) return false; return getBundleRequiredQuantityFromConfig(bundleData) === expectedQuantity; }); if (matchingByQuantity) { return matchingByQuantity; } return ( bundleList.find((bundleData) => { const handle = String(bundleData?.parentProductShopifyData?.handle || "") .trim() .toLowerCase(); if (handle === SINGLE_PAGE_CANONICAL_HANDLE) return false; const bundleName = String(bundleData?.bundleName || "").trim().toLowerCase(); return bundleName.includes(normalizedOffer); }) || null ); }; const installSinglePageEasyBundleRuntimePatch = () => { const gbbMix = window.gbbMix; const bundleFns = gbbMix?.gbbMixAndMatchBundle?.f; if (!gbbMix || !bundleFns || !gbbMix.utility || !gbbMix.f || !gbbMix.state || !gbbMix.storage) { return false; } if (bundleFns.__glamisuSinglePagePatchInstalled === "true") { return true; } const originalGetRelevantMixAndMatchBundle = typeof bundleFns.getRelevantMixAndMatchBundle === "function" ? bundleFns.getRelevantMixAndMatchBundle.bind(bundleFns) : null; bundleFns.normalizeSinglePageBundleOfferKey = normalizeSinglePageOffer; bundleFns.getCurrentProductHandleForSinglePage = () => getCurrentProductHandle(); bundleFns.isSinglePageBundleCanonicalContext = () => isSinglePageCanonicalContext(); bundleFns.getForcedSinglePageBundleOffer = () => getSinglePageOfferFromUrl(); bundleFns.getBundleRequiredQuantityForSinglePage = (bundleData) => getBundleRequiredQuantityFromConfig(bundleData || {}); bundleFns.findSinglePageBundleDataByOffer = (bundleList, offer) => findSinglePageBundleDataByOfferLocal(bundleList, offer); bundleFns.reInitializeBundleForSinglePageOffer = async function (offerKey) { const normalizedOffer = normalizeSinglePageOffer(offerKey); if (!normalizedOffer) { return false; } const allMixAndMatchBundles = Array.isArray(gbbMix.gbbMixAndMatchBundle.state.allMixAndMatchBundlesData) && gbbMix.gbbMixAndMatchBundle.state.allMixAndMatchBundlesData.length ? gbbMix.utility.getDeepCopyObject(gbbMix.gbbMixAndMatchBundle.state.allMixAndMatchBundlesData) : Array.isArray(gbbMix.settings.mixAndMatchBundleData) ? gbbMix.utility.getDeepCopyObject(gbbMix.settings.mixAndMatchBundleData) : []; const targetBundleData = findSinglePageBundleDataByOfferLocal(allMixAndMatchBundles, normalizedOffer); if (!targetBundleData) { return false; } gbbMix.state.glamisuSinglePageOffer = normalizedOffer; root.setAttribute("data-glamisu-active-offer", normalizedOffer); if ( String(gbbMix.settings?.mixAndMatchBundleData?.offerId || "") === String(targetBundleData?.offerId || "") ) { return true; } root.setAttribute("data-glamisu-bundle-switching", "true"); gbbMix.utility.clearAllCachedCartData?.(); gbbMix.storage.removeItem("gbbMixDefaultProductsData"); gbbMix.storage.removeItem("gbbMixBrowsedProductDataForBundleUpsell"); if (gbbMix.gbbMixAndMatchBundle.state.offerId) { gbbMix.storage.removeItem(`gbbMixSdk-cart-${gbbMix.gbbMixAndMatchBundle.state.offerId}`); gbbMix.storage.removeItem(`gbbMix-cart-${gbbMix.gbbMixAndMatchBundle.state.offerId}`); } if (typeof gbbMix.utility.closeProductsSelectionModal === "function") { gbbMix.utility.closeProductsSelectionModal(); } gbbMix.f.removeAllAttachedEventListeners?.(); gbbMix.f.resetAllStatesToInitialState?.({ excludeStates: ["gbbMix.state"] }); gbbMix.state.reset?.(["collectionIdsMapByProductId"]); const pageWrapperElement = gbbMix.elements?.productPageWrapperV2; if (pageWrapperElement) { pageWrapperElement.innerHTML = ""; } gbbMix.settings.mixAndMatchBundleData = allMixAndMatchBundles; gbbMix.gbbMixBrowser?.emitCustomEvent?.({ eventName: "gbbMix-reinitializing-single-page-bundle", detail: { offerKey: normalizedOffer } }); try { await gbbMix.gbbMixAndMatchBundle.init(gbbMix.settings, "PRODUCT_PAGE"); return true; } finally { root.removeAttribute("data-glamisu-bundle-switching"); } }; bundleFns.getRelevantMixAndMatchBundle = async function (mixAndMatchBundleDataArr) { const forcedOffer = getSinglePageOfferFromUrl(); if (forcedOffer && isSinglePageCanonicalContext()) { const forcedBundleData = findSinglePageBundleDataByOfferLocal( mixAndMatchBundleDataArr, forcedOffer ); if (forcedBundleData) { const checker = bundleFns.checkIfParentProductIsAvailable; if (typeof checker === "function") { const isAvailable = await checker.call(bundleFns, forcedBundleData); if (isAvailable) { forcedBundleData.cameFromBundleUpsell = false; if (gbbMix.gbbMixAndMatchBundle?.state) { gbbMix.gbbMixAndMatchBundle.state.cameFromBundleUpsell = false; } if (gbbMix.sdk?.state) { gbbMix.sdk.state.cameFromBundleUpsell = false; } return forcedBundleData; } } else { return forcedBundleData; } } } if (typeof originalGetRelevantMixAndMatchBundle === "function") { return originalGetRelevantMixAndMatchBundle(mixAndMatchBundleDataArr); } return false; }; bundleFns.__glamisuSinglePagePatchInstalled = "true"; return true; }; const ensureSinglePageEasyBundleRuntimePatched = async (timeoutMs = 4000) => { if (!isSinglePageCanonicalContext()) { return false; } if (installSinglePageEasyBundleRuntimePatch()) { return true; } const startTime = Date.now(); while (Date.now() - startTime < timeoutMs) { await new Promise((resolve) => { window.setTimeout(resolve, 120); }); if (installSinglePageEasyBundleRuntimePatch()) { return true; } } return false; }; const syncSinglePageOfferWithRuntimeFromUrl = async () => { if (!isSinglePageCanonicalContext() || isSinglePageOfferSwitchRunning || singlePageBootstrapSyncInFlight) { return false; } const targetOffer = getSinglePageOfferFromUrl(); const expectedHandle = getExpectedSinglePageSourceHandle(targetOffer); if (!targetOffer || !expectedHandle) { return false; } const syncKey = `${window.location.pathname}|${window.location.search}|${targetOffer}`; if (lastSinglePageBootstrapSyncKey === syncKey) { return false; } const patchReady = await ensureSinglePageEasyBundleRuntimePatched().catch(() => false); if (!patchReady) { return false; } const activeHandle = getActiveEasyBundleHandle(); if (activeHandle && activeHandle === expectedHandle) { lastSinglePageBootstrapSyncKey = syncKey; applySinglePageOfferToRoot(targetOffer); resetBundleConfiguredQuantityCache(); syncBundleOfferSwitchState(); return true; } singlePageBootstrapSyncInFlight = true; try { applySinglePageOfferToRoot(targetOffer); resetBundleConfiguredQuantityCache(); setBundleSelectionOverrideQuantity(getSinglePageOfferQuantity(targetOffer)); const didSwitch = await switchSinglePageBundleOffer(targetOffer, { persistUrl: false }).catch(() => false); if (didSwitch !== false) { lastSinglePageBootstrapSyncKey = syncKey; scheduleRunAll(48); return true; } return false; } finally { singlePageBootstrapSyncInFlight = false; } }; const getBundleRequiredQuantityFromRules = (rules) => { if (!Array.isArray(rules)) return 0; return rules.reduce((maxQuantity, rule) => { const ruleType = String(rule?.type || "").trim().toLowerCase(); const ruleCondition = String(rule?.condition || "").trim().toLowerCase(); const ruleValue = parseInt(rule?.value, 10); if (ruleType !== "quantity" || !Number.isFinite(ruleValue) || ruleValue <= 0) { return maxQuantity; } if ( ruleCondition && ruleCondition !== "equalto" && ruleCondition !== "greaterthanorequalto" ) { return maxQuantity; } return Math.max(maxQuantity, ruleValue); }, 0); }; const getBundleRequiredQuantityFromConfig = (config) => { if (!config || typeof config !== "object") return 0; const stepKeys = Object.keys(config).filter((key) => /^productsdata/i.test(key)); for (const stepKey of stepKeys) { const stepData = config[stepKey]; const stepQuantity = getBundleRequiredQuantityFromRules(stepData?.conditions?.rules); if (stepQuantity) return stepQuantity; const categories = Object.values(stepData?.categories || {}); for (const category of categories) { const categoryQuantity = getBundleRequiredQuantityFromRules( Array.isArray(category?.conditions) ? category.conditions : category?.conditions?.rules ); if (categoryQuantity) return categoryQuantity; } } return 0; }; const getBundleConfiguredQuantity = () => { const forcedOffer = getSinglePageOfferFromUrl(); const forcedQuantity = getSinglePageOfferQuantity(forcedOffer); if (forcedQuantity > 0 && isSinglePageCanonicalContext()) { return forcedQuantity; } const overrideQuantity = parseInt(bundleSelectionOverrideQuantity, 10); if (Number.isFinite(overrideQuantity) && overrideQuantity > 0) { return overrideQuantity; } if (cachedBundleConfiguredQuantity > 0) { return cachedBundleConfiguredQuantity; } const currentHandle = getCurrentProductHandle(); if (currentHandle && BUNDLE_SIZE_BY_HANDLE[currentHandle]) { cachedBundleConfiguredQuantity = BUNDLE_SIZE_BY_HANDLE[currentHandle]; return cachedBundleConfiguredQuantity; } const fullPageQuantity = getBundleRequiredQuantityFromConfig( window.easybundle_full_page_ext_data?.stepsConfigurationData ); if (fullPageQuantity) { cachedBundleConfiguredQuantity = fullPageQuantity; return cachedBundleConfiguredQuantity; } const currentProductId = getCurrentProductId(); const mixAndMatchBundles = window.easybundles_ext_data?.mixAndMatchData; if (!Array.isArray(mixAndMatchBundles)) return 0; for (const bundleConfig of mixAndMatchBundles) { const parentProduct = bundleConfig?.parentProductShopifyData || {}; const parentHandle = String(parentProduct.handle || "").trim().toLowerCase(); const parentId = parseInt(parentProduct.id, 10); const isCurrentBundle = (currentProductId && Number.isFinite(parentId) && parentId === currentProductId) || (currentHandle && parentHandle && parentHandle === currentHandle); if (!isCurrentBundle) continue; const configuredQuantity = getBundleRequiredQuantityFromConfig(bundleConfig); if (!configuredQuantity) continue; cachedBundleConfiguredQuantity = configuredQuantity; return cachedBundleConfiguredQuantity; } return 0; }; const getBundleTypeFromQuantity = (quantity) => { if (quantity >= 8) return "premium"; if (quantity >= 6) return "standard"; if (quantity >= 4) return "basic"; return ""; }; const normalizeBundleSwitchQuantity = (value) => { const parsedValue = parseInt(value, 10); return Number.isFinite(parsedValue) && parsedValue > 0 ? parsedValue : 0; }; const setBundleSelectionOverrideQuantity = (value) => { bundleSelectionOverrideQuantity = normalizeBundleSwitchQuantity(value); if (bundleSelectionOverrideQuantity > 0) { root.setAttribute("data-bundle-quantity-override", String(bundleSelectionOverrideQuantity)); } else { root.removeAttribute("data-bundle-quantity-override"); } return bundleSelectionOverrideQuantity; }; const syncBundleOfferSwitchState = () => { const activeQuantity = getBundleConfiguredQuantity(); const activeType = getBundleTypeFromQuantity(activeQuantity) || getBundleType(); document.querySelectorAll("[data-glamisu-bundle-switch]").forEach((card) => { const cardQuantity = normalizeBundleSwitchQuantity(card.getAttribute("data-bundle-quantity")); const cardType = String(card.getAttribute("data-bundle-type") || "") .trim() .toLowerCase(); const isActive = (activeQuantity > 0 && cardQuantity > 0 && cardQuantity === activeQuantity) || (cardQuantity <= 0 && !!cardType && cardType === activeType); card.classList.toggle("glamisu-v-card--active", isActive); card.classList.toggle("glamisu-v-card--inactive", !isActive); card.classList.toggle("is-active", isActive); card.setAttribute("aria-pressed", isActive ? "true" : "false"); }); }; const bindBundleOfferSwitches = () => { const switchCards = Array.from(document.querySelectorAll("[data-glamisu-bundle-switch]")); if (!switchCards.length) return; syncBundleOfferSwitchState(); switchCards.forEach((card) => { if (card.dataset.glamisuBundleSwitchBound === "true") return; card.dataset.glamisuBundleSwitchBound = "true"; if (card.tagName === "BUTTON" && !card.getAttribute("type")) { card.setAttribute("type", "button"); } card.addEventListener("click", async (event) => { event.preventDefault(); const nextQuantity = normalizeBundleSwitchQuantity(card.getAttribute("data-bundle-quantity")); const nextOffer = normalizeSinglePageOffer( card.getAttribute("data-bundle-offer") || card.getAttribute("data-bundle-type") ); if (!nextQuantity) return; if (isSinglePageOfferSwitchRunning) { return; } if (isSinglePageCanonicalContext() && nextOffer) { const currentOffer = getSinglePageOfferFromUrl(); if (nextOffer === currentOffer) { applySinglePageOfferToRoot(nextOffer); syncBundleOfferSwitchState(); scheduleRunAll(24); return; } if (getEditBundleKeyFromUrl() || getActivePendingBundleRestore()) { cancelBundleEditMode(); } setBundleSelectionOverrideQuantity(nextQuantity); resetBundleConfiguredQuantityCache(); didUserInteractWithBundlePage = true; applySinglePageOfferToRoot(nextOffer); syncBundleOfferSwitchState(); const hasVisibleSelection = getMainPageSelectedCount() > 0 || getDrawerSelectedVariantIds().length > 0; const isDrawerOpen = !!document.querySelector(".gbbMixProductsModalOpen"); if (hasVisibleSelection && isDrawerOpen) { await clearDrawerBundleSelections().catch(() => false); } if (hasVisibleSelection) { await clearBundlePageSelectionState().catch(() => false); } const didSwitch = await switchSinglePageBundleOffer(nextOffer, { persistUrl: true }).catch(() => false); if (!didSwitch) { runAllSafely(); scheduleRunAll(24); return; } runAllSafely(); scheduleRunAll(48); return; } const currentQuantity = getBundleConfiguredQuantity(); if (nextQuantity === currentQuantity) { syncBundleOfferSwitchState(); scheduleRunAll(24); return; } if (getEditBundleKeyFromUrl() || getActivePendingBundleRestore()) { cancelBundleEditMode(); } setBundleSelectionOverrideQuantity(nextQuantity); didUserInteractWithBundlePage = true; syncBundleOfferSwitchState(); const hasVisibleSelection = getMainPageSelectedCount() > 0 || getDrawerSelectedVariantIds().length > 0; const isDrawerOpen = !!document.querySelector(".gbbMixProductsModalOpen"); if (hasVisibleSelection && isDrawerOpen) { await clearDrawerBundleSelections().catch(() => false); } if (hasVisibleSelection) { await clearBundlePageSelectionState().catch(() => false); } runAllSafely(); scheduleRunAll(24); }); }); }; const getBundleType = () => { const configuredQuantity = getBundleConfiguredQuantity(); const configuredType = getBundleTypeFromQuantity(configuredQuantity); if (configuredType) return configuredType; const currentHandle = getCurrentProductHandle(); if (currentHandle && BUNDLE_SIZE_BY_HANDLE[currentHandle]) { return getBundleTypeFromQuantity(BUNDLE_SIZE_BY_HANDLE[currentHandle]) || "basic"; } const url = window.location.href.toLowerCase(); if (url.includes("premium")) return "premium"; if (url.includes("standard") || url.includes("salon")) return "standard"; return "basic"; }; const getBundleMax = () => { const configuredQuantity = getBundleConfiguredQuantity(); if (configuredQuantity > 0) return configuredQuantity; const type = getBundleType(); if (type === "premium") return 8; if (type === "standard") return 6; return 4; }; const getFreeCount = () => { const configuredQuantity = getBundleConfiguredQuantity(); if (configuredQuantity > 0) { return Math.max(1, Math.floor(configuredQuantity / 2)); } const type = getBundleType(); if (type === "premium") return 4; if (type === "standard") return 3; return 2; }; const isMobileViewport = () => window.matchMedia("(max-width: 768px)").matches; const preloadImage = (src) => { if (!src) return; const img = new Image(); img.decoding = "async"; img.src = src; }; const getOptimizedShopifyImageUrl = (src, width = 900) => { if (!src) return src; try { const url = new URL(src, window.location.origin); url.searchParams.set("width", String(width)); return url.toString(); } catch (error) { return src; } }; const fetchProductPayload = async (id) => { const cacheKey = String(id); if (productCache.has(cacheKey)) { return productCache.get(cacheKey); } if (productRequestCache.has(cacheKey)) { return productRequestCache.get(cacheKey); } const requestPromise = (async () => { const searchResponse = await fetch( `/search/suggest.json?q=id:${encodeURIComponent(id)}&resources[type]=product` ); const search = await searchResponse.json(); const foundProduct = search?.resources?.results?.products?.[0]; if (!foundProduct?.handle) { throw new Error("Produit introuvable via search/suggest"); } const productResponse = await fetch(`/products/${foundProduct.handle}.js`); const product = await productResponse.json(); const payload = { handle: foundProduct.handle, title: product?.title || foundProduct?.title || "", images: Array.isArray(product?.images) ? product.images : [], raw: product }; productCache.set(cacheKey, payload); payload.images .slice(0, 3) .map((imageSrc, index) => getOptimizedShopifyImageUrl(imageSrc, index === 0 ? 900 : 720)) .forEach(preloadImage); return payload; })().finally(() => { productRequestCache.delete(cacheKey); }); productRequestCache.set(cacheKey, requestPromise); return requestPromise; }; const closeModal = () => { const modal = document.getElementById("glamisu-quickview-outer"); if (!modal) return; const wasActive = modal.classList.contains("active"); modal.classList.remove("active"); if (wasActive && window.history.state && window.history.state.qvOpen) { window.history.back(); } }; window.addEventListener("popstate", () => { const modal = document.getElementById("glamisu-quickview-outer"); if (modal) modal.classList.remove("active"); }); const syncDrawerVisibility = () => { const hasOpenDrawer = !!document.querySelector(".gbbMixProductsModalOpen"); if (hasOpenDrawer) { document .querySelectorAll(".gbbMixModalContentWrapper, .gbbMixModalFooter") .forEach((node) => node.classList.remove("glamisu-drawer-force-hidden")); } }; const getVisibleSelectionAnchor = () => { const explicitAnchor = Array.from( document.querySelectorAll(".glamisu-selection-anchor, [class*='glamisu-selection-anchor']") ).find((node) => isVisibleElement(node)); if (explicitAnchor) { return explicitAnchor; } const titleAnchor = Array.from( document.querySelectorAll("h1, h2, h3, h4, strong, div, span, p") ).find((node) => { if (!isVisibleElement(node)) return false; const text = (node.textContent || "").trim().toLowerCase(); return text.includes("selectionnez vos nuances") || text.includes("sÃ©lectionnez vos nuances"); }); if (titleAnchor) { return titleAnchor; } const candidates = Array.from( document.querySelectorAll( ".gbbMixProductPageCategoriesWrapper, .gbbMixProductsHorizontalLayout, .gbbMixProductPageWidgetContainer" ) ); return candidates.find((node) => { if (!isVisibleElement(node)) return false; if (node.closest(".glamisu-drawer-force-hidden")) return false; if (node.closest(".gbbMixModalContentWrapper.glamisu-drawer-force-hidden")) return false; return true; }); }; const getSelectionScrollOffset = () => { const headerCandidates = Array.from( document.querySelectorAll( "header, .header, .header-wrapper, .shopify-section-header-sticky, .shopify-section-group-header-group, [id*='shopify-section-header'], [class*='sticky-header']" ) ).filter((node) => isVisibleElement(node)); const stickyOffset = headerCandidates.reduce((maxOffset, node) => { const style = window.getComputedStyle(node); if (style.position !== "sticky" && style.position !== "fixed") return maxOffset; return Math.max(maxOffset, node.getBoundingClientRect().height); }, 0); return Math.max(88, stickyOffset + 12); }; const getScrollableAncestors = (element) => { const ancestors = []; let current = element?.parentElement || null; while (current && current !== document.body) { const style = window.getComputedStyle(current); const canScrollY = /(auto|scroll|overlay)/i.test(style.overflowY) && current.scrollHeight > current.clientHeight + 4; if (canScrollY) { ancestors.push(current); } current = current.parentElement; } return ancestors; }; const scrollPageToSelection = () => { const selectionAnchor = getVisibleSelectionAnchor(); if (!selectionAnchor) return; const offset = getSelectionScrollOffset(); const scrollableAncestors = getScrollableAncestors(selectionAnchor); const scrollingElement = document.scrollingElement || document.documentElement; selectionAnchor.scrollIntoView({ block: "start", inline: "nearest", behavior: "auto" }); if (scrollingElement) { scrollingElement.scrollTop = Math.max(0, scrollingElement.scrollTop - offset); } scrollableAncestors.forEach((ancestor) => { ancestor.scrollTop = Math.max(0, ancestor.scrollTop - offset); }); requestAnimationFrame(() => { selectionAnchor.scrollIntoView({ block: "start", inline: "nearest", behavior: "auto" }); if (scrollingElement) { scrollingElement.scrollTop = Math.max(0, scrollingElement.scrollTop - offset); } scrollableAncestors.forEach((ancestor) => { ancestor.scrollTop = Math.max(0, ancestor.scrollTop - offset); }); }); }; const getPreferredSelectionAnchor = () => { const isEligible = (node) => { if (!isVisibleElement(node)) return false; if (node.closest(".gbbMixModalContentWrapper")) return false; if (node.closest(".gbbMixProductsModalOpen")) return false; if (node.closest(".glamisu-drawer-force-hidden")) return false; if (node.closest(".gbbMixModalContentWrapper.glamisu-drawer-force-hidden")) return false; return true; }; const explicitAnchor = Array.from( document.querySelectorAll(".glamisu-selection-anchor, [class*='glamisu-selection-anchor']") ).find((node) => isEligible(node)); if (explicitAnchor) { return explicitAnchor; } const gpAnchor = Array.from( document.querySelectorAll( ".gp-icon-list-wrapper, .gp-icon-list-text, [data-gp-text], [gp-el-wrapper], gp-icon-list, [class*='gp-child-item-'], .gp-child-item-gVdqT-Pgix, .gVdqT-Pgix, .gp-child-item-gBNXBDXHCL, .gBNXBDXHCL" ) ).find((node) => { if (!isEligible(node)) return false; const text = (node.textContent || "").trim().toLowerCase(); return text.includes("selectionnez vos nuances") || text.includes("sÃƒÂ©lectionnez vos nuances"); }); if (gpAnchor) { return ( gpAnchor.closest(".gp-icon-list-wrapper") || gpAnchor.closest("[gp-el-wrapper]") || gpAnchor ); } const normalizedGpAnchor = Array.from( document.querySelectorAll( ".gp-icon-list-wrapper, .gp-icon-list-text, [data-gp-text], [gp-el-wrapper], gp-icon-list, [class*='gp-child-item-'], .gp-child-item-gVdqT-Pgix, .gVdqT-Pgix, .gp-child-item-gBNXBDXHCL, .gBNXBDXHCL" ) ).find((node) => { if (!isEligible(node)) return false; const text = (node.textContent || "") .trim() .toLowerCase() .normalize("NFD") .replace(/[\u0300-\u036f]/g, ""); return text.includes("selectionnez vos nuances"); }); if (normalizedGpAnchor) { return ( normalizedGpAnchor.closest(".gp-icon-list-wrapper") || normalizedGpAnchor.closest("[gp-el-wrapper]") || normalizedGpAnchor ); } return getVisibleSelectionAnchor(); }; const getPreferredSelectionViewportTarget = () => { const selectionAnchor = getPreferredSelectionAnchor(); if (!selectionAnchor) return null; const offset = getSelectionScrollOffset(); const viewportHeight = window.innerHeight || document.documentElement.clientHeight || 0; const anchorTop = selectionAnchor.getBoundingClientRect().top + window.scrollY; const primaryCtaWrapper = getPrimaryBundleCtaWrappers()[0] || null; const scrollableAncestors = getScrollableAncestors(selectionAnchor); if (!primaryCtaWrapper || !isVisibleElement(primaryCtaWrapper)) { return { selectionAnchor, targetTop: Math.max(0, anchorTop - offset), desiredAnchorViewportTop: offset, scrollableAncestors }; } const ctaRect = primaryCtaWrapper.getBoundingClientRect(); const sectionTop = anchorTop; const sectionBottom = Math.max(sectionTop, ctaRect.bottom + window.scrollY); const sectionHeight = Math.max(0, sectionBottom - sectionTop); const topPadding = offset + 18; const bottomPadding = 24; const availableHeight = Math.max(140, viewportHeight - topPadding - bottomPadding); let targetTop = Math.max(0, sectionTop - topPadding); if (sectionHeight <= availableHeight) { const freeSpace = availableHeight - sectionHeight; targetTop = Math.max(0, sectionTop - topPadding - Math.round(freeSpace / 2)); } return { selectionAnchor, targetTop, desiredAnchorViewportTop: Math.max(12, sectionTop - targetTop), scrollableAncestors }; }; const syncScrollableAncestorsToSelectionTarget = ( selectionAnchor, scrollableAncestors, desiredAnchorViewportTop ) => { scrollableAncestors.forEach((ancestor) => { const ancestorRect = ancestor.getBoundingClientRect(); const anchorRect = selectionAnchor.getBoundingClientRect(); const currentAnchorTop = anchorRect.top - ancestorRect.top + ancestor.scrollTop; ancestor.scrollTop = Math.max(0, currentAnchorTop - desiredAnchorViewportTop); }); }; const scrollPageToPreferredSelection = () => { const target = getPreferredSelectionViewportTarget(); if (!target) return false; const { selectionAnchor, targetTop, desiredAnchorViewportTop, scrollableAncestors } = target; const scrollingElement = document.scrollingElement || document.documentElement; selectionAnchor.scrollIntoView({ block: "start", inline: "nearest", behavior: "auto" }); if (scrollingElement) { scrollingElement.scrollTop = targetTop; } window.scrollTo({ top: targetTop, behavior: "auto" }); syncScrollableAncestorsToSelectionTarget( selectionAnchor, scrollableAncestors, desiredAnchorViewportTop ); requestAnimationFrame(() => { if (scrollingElement) { scrollingElement.scrollTop = targetTop; } window.scrollTo({ top: targetTop, behavior: "auto" }); syncScrollableAncestorsToSelectionTarget( selectionAnchor, scrollableAncestors, desiredAnchorViewportTop ); }); return true; }; const clearSelectionScrollTimers = () => { selectionScrollTimers.forEach((timerId) => clearTimeout(timerId)); selectionScrollTimers = []; }; const isPreferredSelectionWellPositioned = () => { const target = getPreferredSelectionViewportTarget(); if (!target) return true; const rect = target.selectionAnchor.getBoundingClientRect(); return Math.abs(rect.top - target.desiredAnchorViewportTop) <= 42; }; const scheduleSelectionViewportRecovery = (options = {}) => { const delays = Array.isArray(options.delays) && options.delays.length ? options.delays : [420, 760]; delays.forEach((delay) => { const timerId = window.setTimeout(() => { if (document.querySelector(".gbbMixProductsModalOpen")) return; if (isPreferredSelectionWellPositioned()) return; scrollPageToPreferredSelection(); }, delay); selectionScrollTimers.push(timerId); }); }; const schedulePreferredSelectionScroll = (options = {}) => { clearSelectionScrollTimers(); const soft = !!options.soft; const singlePass = !!options.singlePass; const delays = singlePass ? [soft ? 140 : 40] : soft ? [70, 220] : [0, 40, 110, 220, 360, 560]; delays.forEach((delay) => { const timerId = window.setTimeout(() => { scrollPageToPreferredSelection(); }, delay); selectionScrollTimers.push(timerId); }); if (soft && !singlePass && window.matchMedia("(max-width: 749px)").matches) { scheduleSelectionViewportRecovery({ delays: [420, 780] }); } }; const scheduleRestoredSelectionScroll = () => { schedulePreferredSelectionScroll({ soft: true, singlePass: isMobileViewport() }); }; const clearFastDrawerTimers = () => { fastDrawerTimers.forEach((timerId) => clearTimeout(timerId)); fastDrawerTimers = []; }; const triggerFastDrawerRefresh = () => { clearFastDrawerTimers(); syncCartBubbleCountFromDom(document, { persist: true }); queueCartBubbleCountResync(true); boostMobileCartBubbleSync(); runAllSafely(); [36, 96].forEach((delay) => { const timerId = window.setTimeout(() => { syncCartBubbleCountFromDom(document, { persist: true }); boostMobileCartBubbleSync(); runAllSafely(); }, delay); fastDrawerTimers.push(timerId); }); }; const closeBundleDrawer = (sourceEl = null, options = {}) => { const openRoot = sourceEl?.closest(".gbbMixProductsModalOpen") || document.querySelector(".gbbMixProductsModalOpen"); document .querySelectorAll(".gbbMixModalFooter") .forEach((node) => node.classList.add("glamisu-drawer-is-closing")); requestAnimationFrame(() => { const stillOpen = document.querySelector(".gbbMixProductsModalOpen"); if (!stillOpen) return; document .querySelectorAll(".gbbMixProductsModalOpen") .forEach((node) => node.classList.remove("gbbMixProductsModalOpen")); document .querySelectorAll(".gbbMixModalContentWrapper, .gbbMixModalFooter") .forEach((node) => node.classList.add("glamisu-drawer-force-hidden")); document .querySelectorAll(".glamisu-mobile-slot-strip") .forEach((strip) => strip.remove()); document.body.style.overflow = ""; document.documentElement.style.overflow = ""; if (openRoot) { openRoot.style.overflow = ""; } schedulePreferredSelectionScroll({ soft: !!options.softScroll, singlePass: !!options.singleScroll }); }); }; const bindMobileDrawerControls = () => { document .querySelectorAll(".gbbMixModalCloseIconWrapper, .gbbMixModalCloseIconMobileIconWrapper") .forEach((closeEl) => { if (closeEl.dataset.glamisuDrawerBound === "true") return; closeEl.dataset.glamisuDrawerBound = "true"; closeEl.style.cursor = "pointer"; closeEl.addEventListener( "click", () => { window.setTimeout(() => { if (document.querySelector(".gbbMixProductsModalOpen")) { closeBundleDrawer(closeEl); } }, 40); }, false ); }); }; const getPrimaryBundleCtaWrappers = () => Array.from(document.querySelectorAll(".gbbMixBundleAddToCartBtnWrapper")).filter((wrapper) => { if (!isVisibleElement(wrapper)) return false; if (wrapper.closest(".gbbMixModalFooter")) return false; return true; }); const normalizeVariantIdList = (values) => (Array.isArray(values) ? values : []) .map((value) => String(value || "").trim()) .filter(Boolean); const buildVariantIdFrequencyMap = (values) => { const frequencyMap = new Map(); normalizeVariantIdList(values).forEach((value) => { frequencyMap.set(value, (frequencyMap.get(value) || 0) + 1); }); return frequencyMap; }; const areVariantIdListsEqual = (left, right) => { const normalizedLeft = normalizeVariantIdList(left); const normalizedRight = normalizeVariantIdList(right); if (normalizedLeft.length !== normalizedRight.length) return false; return normalizedLeft.every((value, index) => value === normalizedRight[index]); }; const areVariantIdListsEquivalent = (left, right) => { const leftMap = buildVariantIdFrequencyMap(left); const rightMap = buildVariantIdFrequencyMap(right); if (leftMap.size !== rightMap.size) return false; for (const [variantId, count] of leftMap.entries()) { if (rightMap.get(variantId) !== count) { return false; } } return true; }; const getMainPageSelectedCount = () => Array.from( document.querySelectorAll( ".gbbMixProductsHorizontalLayout .gbbMixSelectedProductCard" ) ).filter((card) => { if (!isVisibleElement(card)) return false; if (card.closest(".gbbMixModalFooter")) return false; if (card.closest(".gbbMixProductsModalOpen")) return false; return true; }).length; const getMainPageVisibleBundleCardCount = () => Array.from( document.querySelectorAll( ".gbbMixProductsHorizontalLayout .gbbMixEmptyStateCard, " + ".gbbMixProductsHorizontalLayout .gbbMixSelectedProductCard, " + ".gbbMixProductPageHorizontalLayoutWrapper .gbbMixEmptyStateCard, " + ".gbbMixProductPageHorizontalLayoutWrapper .gbbMixSelectedProductCard" ) ).filter((card) => { if (!isVisibleElement(card)) return false; if (card.closest(".gbbMixModalFooter")) return false; if (card.closest(".gbbMixProductsModalOpen")) return false; return true; }).length; const getPrimaryBundleReadyCount = () => { const mainPageCardCount = getMainPageVisibleBundleCardCount(); if (mainPageCardCount > 0) { return getMainPageSelectedCount(); } const qtyEl = Array.from(document.querySelectorAll(".gbbMixCartQuantity")).find((element) => { if (!isVisibleElement(element)) return false; if (element.closest(".gbbMixModalFooter")) return false; return true; }) || Array.from(document.querySelectorAll(".gbbMixCartQuantity")).find((element) => isVisibleElement(element) ) || null; if (!qtyEl) return 0; return parseInt((qtyEl.innerText || "").split("/")[0], 10) || 0; }; const getMainPageSelectedVariantIds = () => Array.from( document.querySelectorAll( ".gbbMixProductsHorizontalLayout .gbbMixSelectedProductCard, " + ".gbbMixProductPageHorizontalLayoutWrapper .gbbMixSelectedProductCard" ) ) .filter((card) => { if (!isVisibleElement(card)) return false; if (card.closest(".gbbMixModalFooter")) return false; if (card.closest(".gbbMixProductsModalOpen")) return false; return true; }) .map((card) => String(card.getAttribute("data-variant-id") || "").trim()) .filter(Boolean); const syncPrimaryBundleReadyState = (isReady) => { getPrimaryBundleCtaWrappers().forEach((wrapper) => { const readyNote = wrapper.parentElement?.querySelector(".glamisu-pack-ready-note"); if (readyNote) { readyNote.remove(); } if (isReady) { wrapper.classList.add("glamisu-pack-ready-wrapper"); wrapper.querySelectorAll(".gbbMixAddtoCartBtn").forEach((button) => { button.classList.add("glamisu-pack-ready"); button.setAttribute("data-glamisu-ready-state", "ready"); }); } else { wrapper.classList.remove("glamisu-pack-ready-wrapper"); wrapper.querySelectorAll(".gbbMixAddtoCartBtn").forEach((button) => { button.classList.remove("glamisu-pack-ready"); button.removeAttribute("data-glamisu-ready-state"); }); } }); }; const fixGrid = () => { const type = getBundleType(); const max = getBundleMax(); const readyCount = getPrimaryBundleReadyCount(); root.setAttribute("data-bundle-type", type); const qtyEl = document.querySelector(".gbbMixCartQuantity"); if (qtyEl) { const current = parseInt((qtyEl.innerText || "").split("/")[0], 10) || 0; qtyEl.innerText = `${current}/${max}`; syncPrimaryBundleReadyState(readyCount >= max); if (current >= max && !qtyEl.dataset.done) { qtyEl.dataset.done = "true"; setTimeout(() => { const closeBtn = document.querySelector( ".gbbMixModalCloseIconWrapper, .gbbMixModalCloseIconMobileIconWrapper" ); const hasOpenDrawer = !!document.querySelector(".gbbMixProductsModalOpen"); if (closeBtn && isMobileViewport() && hasOpenDrawer) { closeBundleDrawer(closeBtn); return; } if (closeBtn) closeBtn.click(); }, 500); } else if (current < max) { delete qtyEl.dataset.done; } } else { syncPrimaryBundleReadyState(readyCount >= max); } }; const syncFreeBadges = () => { const freeCount = getFreeCount(); const cards = Array.from( document.querySelectorAll( ".gbbMixProductsHorizontalLayout .gbbMixEmptyStateCard, .gbbMixProductsHorizontalLayout .gbbMixSelectedProductCard" ) ).filter((card) => { const rect = card.getBoundingClientRect(); const style = window.getComputedStyle(card); return ( rect.width > 0 && rect.height > 0 && style.display !== "none" && style.visibility !== "hidden" ); }); if (!cards.length) return; const getFreeBadgeTarget = (card) => card.closest(".gbbMixProductPageCategoryWrapper, .gbbMixProductCardWrapper") || card; const desiredFreeTargets = new Set(cards.slice(-freeCount).map((card) => getFreeBadgeTarget(card))); const allTargets = new Set([ ...cards.map((card) => getFreeBadgeTarget(card)), ...document.querySelectorAll( ".gbbMixProductPageCategoryWrapper.glamisu-is-free-slot, " + ".gbbMixProductCardWrapper.glamisu-is-free-slot, " + ".gbbMixEmptyStateCard.glamisu-is-free-slot, " + ".gbbMixSelectedProductCard.glamisu-is-free-slot" ) ]); allTargets.forEach((target) => { const shouldBeFree = desiredFreeTargets.has(target); const isFree = target.classList.contains("glamisu-is-free-slot"); if (shouldBeFree === isFree) return; target.classList.toggle("glamisu-is-free-slot", shouldBeFree); }); }; const isVisibleElement = (element) => { if (!element) return false; const style = window.getComputedStyle(element); if (style.display === "none" || style.visibility === "hidden" || style.opacity === "0") { return false; } const rect = element.getBoundingClientRect(); return rect.width > 0 && rect.height > 0; }; const getQuantityFromWrapper = (quantityWrapper) => { if (!quantityWrapper) return 0; const explicitValue = Array.from( quantityWrapper.querySelectorAll( "[class*='QuantityValue'], [class*='quantityValue'], [class*='QuantityNumber'], [class*='quantityNumber']" ) ) .map((node) => parseInt((node.textContent || "").trim(), 10)) .find((value) => Number.isFinite(value) && value > 0); if (explicitValue) return explicitValue; const matches = (quantityWrapper.textContent || "").match(/\d+/g) || []; const numericValue = matches .map((value) => parseInt(value, 10)) .find((value) => Number.isFinite(value) && value > 0); return numericValue || 0; }; const getDrawerSelectedVariantIds = () => Array.from(document.querySelectorAll(".gbbMixProductsContainer .gbbMixProductItem")) .filter((card) => isVisibleElement(card)) .flatMap((card) => { const variantId = String(card.getAttribute("data-variant-id") || "").trim(); const quantityWrapper = card.querySelector(".gbbMixProductsQuantityButtonWrapper"); const quantity = quantityWrapper && isVisibleElement(quantityWrapper) ? getQuantityFromWrapper(quantityWrapper) : 0; if (!variantId || quantity <= 0) return []; return Array.from({ length: quantity }, () => variantId); }); const getCurrentBundleActionVariantIds = (sourceEl = null) => { const isDrawerAction = !!sourceEl?.closest(".gbbMixModalFooter, .gbbMixProductsModalOpen"); if (isDrawerAction) { const drawerVariantIds = getDrawerSelectedVariantIds(); if (drawerVariantIds.length) { return drawerVariantIds; } } return getMainPageSelectedVariantIds(); }; const triggerElementClick = (element) => { if (!element) return; if (typeof element.click === "function") { element.click(); return; } element.dispatchEvent( new MouseEvent("click", { bubbles: true, cancelable: true, view: window }) ); }; let bundleRestoreStarted = false; let bundleRestoreSequence = 0; const wait = (ms) => new Promise((resolve) => { window.setTimeout(resolve, ms); }); const clearBundleEditRestoreTimers = () => { bundleEditRestoreTimers.forEach((timerId) => clearTimeout(timerId)); bundleEditRestoreTimers = []; }; const getBundleVariantsFromUrl = () => { const params = new URLSearchParams(window.location.search); const raw = params.get("bundle_variants") || ""; return raw .split(",") .map((value) => value.trim()) .filter(Boolean); }; const clearBundleVariantsFromUrl = () => { const url = new URL(window.location.href); if (!url.searchParams.has("bundle_variants")) return; url.searchParams.delete("bundle_variants"); const nextUrl = `${url.pathname}${url.search}${url.hash}`; window.history.replaceState(window.history.state, "", nextUrl); }; const getEditBundleKeyFromUrl = () => { const params = new URLSearchParams(window.location.search); return (params.get("edit_bundle_key") || "").trim(); }; const clearBundleEditKeyFromUrl = () => { const url = new URL(window.location.href); if (!url.searchParams.has("edit_bundle_key")) return; url.searchParams.delete("edit_bundle_key"); const nextUrl = `${url.pathname}${url.search}${url.hash}`; window.history.replaceState(window.history.state, "", nextUrl); }; const cancelBundleEditMode = (options = {}) => { const { clearUrl = true } = options; invalidateBundleRestoreRequests(); clearBundleEditRestoreTimers(); clearStoredBundleEditContext(); clearPendingBundleRestore(); clearBundlePageEditSelectionActive(); if (clearUrl) { clearBundleEditKeyFromUrl(); clearBundleVariantsFromUrl(); } }; const getBundleVariantIdsFromUrlObject = (url) => { const raw = url?.searchParams?.get("bundle_variants") || ""; return raw .split(",") .map((value) => value.trim()) .filter(Boolean); }; const getCurrentBundleHandle = () => { try { const currentUrl = new URL(window.location.href); const fromQuery = String(currentUrl.searchParams.get(SINGLE_PAGE_SOURCE_HANDLE_QUERY_PARAM) || "") .trim() .toLowerCase(); if (fromQuery) { return fromQuery === "pack-salon-gel-pads-sans-uv" ? SINGLE_PAGE_SOURCE_HANDLE_BY_OFFER.standard : fromQuery; } } catch (error) {} return getCurrentProductHandle(); }; const readStoredBundleEditContext = () => { try { const raw = window.sessionStorage.getItem(BUNDLE_EDIT_STORAGE_KEY); return raw ? JSON.parse(raw) : null; } catch (error) { return null; } }; const readBundlePageEditSelectionState = () => { try { const raw = window.sessionStorage.getItem(BUNDLE_PAGE_EDIT_SELECTION_KEY); return raw ? JSON.parse(raw) : null; } catch (error) { return null; } }; const writeStoredBundleEditContext = (context) => { try { window.sessionStorage.setItem(BUNDLE_EDIT_STORAGE_KEY, JSON.stringify(context)); } catch (error) {} }; const readPendingBundleRestore = () => { try { const raw = window.sessionStorage.getItem(BUNDLE_PENDING_RESTORE_KEY); return raw ? JSON.parse(raw) : null; } catch (error) { return null; } }; const writePendingBundleRestore = (payload) => { try { window.sessionStorage.setItem(BUNDLE_PENDING_RESTORE_KEY, JSON.stringify(payload)); } catch (error) {} }; const clearPendingBundleRestore = () => { try { window.sessionStorage.removeItem(BUNDLE_PENDING_RESTORE_KEY); } catch (error) {} }; const markBundlePageEditSelectionActive = () => { try { window.sessionStorage.setItem( BUNDLE_PAGE_EDIT_SELECTION_KEY, JSON.stringify({ handle: getCurrentBundleHandle(), editBundleKey: getEditBundleKeyFromUrl(), timestamp: Date.now() }) ); } catch (error) {} }; const clearStoredBundleEditContext = () => { try { window.sessionStorage.removeItem(BUNDLE_EDIT_STORAGE_KEY); } catch (error) {} }; const syncPendingBundleRestoreFromCurrentUrl = () => { const editBundleKey = getEditBundleKeyFromUrl(); const handle = String(getCurrentBundleHandle() || "") .trim() .toLowerCase(); const variantIds = normalizeVariantIdList(getBundleVariantsFromUrl()); if (!editBundleKey || !handle || !variantIds.length) { return null; } const nextPayload = { editBundleKey, handle, variantIds, timestamp: Date.now() }; writePendingBundleRestore(nextPayload); return nextPayload; }; const getActivePendingBundleRestore = () => { const pendingRestore = readPendingBundleRestore(); if (!pendingRestore?.editBundleKey || !pendingRestore?.handle) { return null; } const currentEditBundleKey = getEditBundleKeyFromUrl(); const currentHandle = String(getCurrentBundleHandle() || "") .trim() .toLowerCase(); const pendingHandle = String(pendingRestore.handle || "") .trim() .toLowerCase(); const variantIds = normalizeVariantIdList(pendingRestore.variantIds || []); const pendingTimestamp = Number(pendingRestore.timestamp || 0); if ( !currentEditBundleKey || !currentHandle || !variantIds.length || String(currentEditBundleKey) !== String(pendingRestore.editBundleKey) || currentHandle !== pendingHandle ) { return null; } if (pendingTimestamp && Date.now() - pendingTimestamp > 15 * 60 * 1000) { return null; } return { ...pendingRestore, handle: pendingHandle, variantIds }; }; const getRequestedBundleRestorePayload = () => { const pendingFromUrl = syncPendingBundleRestoreFromCurrentUrl(); if (pendingFromUrl?.variantIds?.length) { return pendingFromUrl; } return getActivePendingBundleRestore(); }; const doesMainPageSelectionMatchVariantIds = (variantIds) => areVariantIdListsEquivalent(getMainPageSelectedVariantIds(), variantIds); const finalizePendingBundleRestoreIfSatisfied = () => { const pendingRestore = getActivePendingBundleRestore(); if (!pendingRestore?.variantIds?.length) return false; if (isCartBundleEditNavigationRunning || bundleRestoreStarted || isBundleRestoreInProgress) { return false; } if (!doesMainPageSelectionMatchVariantIds(pendingRestore.variantIds)) return false; clearPendingBundleRestore(); clearBundleVariantsFromUrl(); return true; }; const getActiveBundleEditContext = () => { const storedContext = readStoredBundleEditContext(); if (!storedContext?.oldKey || !storedContext?.handle) { return null; } const currentEditBundleKey = getEditBundleKeyFromUrl(); const currentHandle = String(getCurrentBundleHandle() || "") .trim() .toLowerCase(); const storedHandle = String(storedContext.handle || "") .trim() .toLowerCase(); if (!currentEditBundleKey || !currentHandle) { return null; } if (String(storedContext.oldKey) !== String(currentEditBundleKey) || storedHandle !== currentHandle) { return null; } return { ...storedContext, handle: storedHandle }; }; const isBundleEditRestoreMode = () => { const pendingRestore = getActivePendingBundleRestore(); return Boolean( getEditBundleKeyFromUrl() || pendingRestore?.editBundleKey || getActiveBundleEditContext() ); }; const hasBundleRestoreRequest = () => { if (normalizeVariantIdList(getBundleVariantsFromUrl()).length) { return true; } return normalizeVariantIdList(getActivePendingBundleRestore()?.variantIds || []).length > 0; }; const shouldSuspendAutomaticBundleRestore = () => isCartBundleEditNavigationRunning || isCartBundleEditBootstrapRunning; const scheduleBundleEditRestorePasses = (delays = []) => { clearBundleEditRestoreTimers(); const restoreDelays = Array.isArray(delays) && delays.length ? delays : isMobileViewport() ? [220, 520, 920, 1480] : [180, 420, 760]; restoreDelays.forEach((delay) => { const timerId = window.setTimeout(() => { if (shouldSuspendAutomaticBundleRestore()) return; if (!isBundleEditRestoreMode() || !hasBundleRestoreRequest()) return; runAllSafely(); }, delay); bundleEditRestoreTimers.push(timerId); }); }; const doesBundleEditContextMatch = (left, right) => { const leftKey = String(left?.oldKey || "").trim(); const rightKey = String(right?.oldKey || "").trim(); const leftHandle = String(left?.handle || "") .trim() .toLowerCase(); const rightHandle = String(right?.handle || "") .trim() .toLowerCase(); return !!leftKey && !!leftHandle && leftKey === rightKey && leftHandle === rightHandle; }; const clearStaleBundleEditContextIfNeeded = () => { const storedContext = readStoredBundleEditContext(); if (!storedContext?.oldKey) return false; if (getActiveBundleEditContext()) return false; clearStoredBundleEditContext(); return true; }; const clearBundlePageEditSelectionActive = () => { try { window.sessionStorage.removeItem(BUNDLE_PAGE_EDIT_SELECTION_KEY); } catch (error) {} }; const setCartReopenFlag = () => { try { window.sessionStorage.setItem(CART_REOPEN_FLAG, "1"); } catch (error) {} }; const shouldReopenCartDrawer = () => { try { return window.sessionStorage.getItem(CART_REOPEN_FLAG) === "1"; } catch (error) { return false; } }; const clearCartReopenFlag = () => { try { window.sessionStorage.removeItem(CART_REOPEN_FLAG); } catch (error) {} }; const fetchCartJson = async () => { const response = await fetch("/cart.js", { headers: { Accept: "application/json" } }); return response.json(); }; const removeCartLineByKey = async (key) => { if (!key) return null; const response = await fetch("/cart/change.js", { method: "POST", headers: { "Content-Type": "application/json", Accept: "application/json" }, body: JSON.stringify({ id: key, quantity: 0 }) }); return response.json(); }; const updateCartLineQuantityByKey = async (key, quantity) => { if (!key) return null; const response = await fetch("/cart/change.js", { method: "POST", headers: { "Content-Type": "application/json", Accept: "application/json" }, body: JSON.stringify({ id: key, quantity }) }); return response.json(); }; const findCartDrawerTrigger = () => Array.from( document.querySelectorAll( "a[href='/cart'], a[href$='/cart'], button[aria-label*='panier' i], button[aria-label*='cart' i], .header__icon--cart, [data-testid='cart-bubble'], [ref='cartBubble']" ) ).find((node) => isVisibleElement(node)); const ensureCartDrawerOpen = () => { const isCartDrawerVisible = !!document.querySelector( ".cart-drawer__inner, cart-drawer-component[open], dialog[open] .cart-drawer__inner" ); if (isCartDrawerVisible) { clearCartReopenFlag(); return; } const trigger = findCartDrawerTrigger(); if (trigger) { triggerElementClick(trigger); window.setTimeout(() => { if (document.querySelector(".cart-drawer__inner, cart-drawer-component[open], dialog[open] .cart-drawer__inner")) { clearCartReopenFlag(); } }, 220); } }; const closeCartDrawer = () => { const cartDrawer = document.querySelector("cart-drawer-component") || document.querySelector("[is='cart-drawer-component']"); if (cartDrawer && typeof cartDrawer.close === "function") { cartDrawer.close(); return true; } if (cartDrawer && typeof cartDrawer.closeDialog === "function") { cartDrawer.closeDialog(); return true; } const closeButton = document.querySelector( ".cart-drawer__close-button, [ref='closeButton'], button[aria-label*='Fermer la boîte de dialogue' i], button[aria-label*='close' i]" ); if (closeButton) { triggerElementClick(closeButton); return true; } return false; }; const bindBundlePageInteractionTracker = () => { if (bundlePageInteractionTrackerBound) return; bundlePageInteractionTrackerBound = true; document.addEventListener( "pointerdown", (event) => { const target = event.target; if (!(target instanceof Element)) return; if ( target.closest( ".gbbMixProductsHorizontalLayout, .gbbMixProductPageHorizontalLayoutWrapper, .gbbMixProductsModalOpen" ) ) { didUserInteractWithBundlePage = true; } }, true ); }; const invalidateBundleRestoreRequests = () => { bundleRestoreSequence += 1; bundleRestoreStarted = false; isBundleRestoreInProgress = false; return bundleRestoreSequence; }; const createBundleRestoreRequest = () => { const requestId = bundleRestoreSequence + 1; bundleRestoreSequence = requestId; bundleRestoreStarted = true; isBundleRestoreInProgress = true; return requestId; }; const isBundleRestoreRequestCurrent = (requestId) => requestId === bundleRestoreSequence; const resetIncomingCartBundleEditState = () => { clearCartReopenFlag(); clearBundleEditRestoreTimers(); cancelBundleEditMode({ clearUrl: false }); didUserInteractWithBundlePage = false; bundlePageEntryResetCompleted = false; bundlePageEntryResetChecksRemaining = 4; bundleEditRemovalScheduled = false; }; const prepareBundlePageForIncomingCartEdit = async () => { resetIncomingCartBundleEditState(); if (document.querySelector(".gbbMixProductsModalOpen")) { closeBundleDrawer(null, { softScroll: true, singleScroll: true }); await wait(180); } const drawerSelectedVariantIds = getDrawerSelectedVariantIds(); if (drawerSelectedVariantIds.length) { await clearDrawerBundleSelections().catch(() => false); } const hasVisibleSelection = getMainPageSelectedCount() > 0 || getDrawerSelectedVariantIds().length > 0; if (hasVisibleSelection) { await clearBundlePageSelectionState().catch(() => false); await wait(100); } }; const handleCartBundleEditLinkClick = async (link) => { const href = link?.href; if (!href || isCartBundleEditNavigationRunning) return; isCartBundleEditNavigationRunning = true; closeCartDrawer(); clearCartReopenFlag(); const targetUrl = new URL(href, window.location.origin); const currentUrl = new URL(window.location.href); const isSameBundlePage = targetUrl.origin === currentUrl.origin && targetUrl.pathname === currentUrl.pathname; const isMobileCartEditFlow = window.matchMedia("(max-width: 749px)").matches; const navigationDelay = isMobileCartEditFlow ? 180 : 60; if (isSameBundlePage) { window.setTimeout(async () => { isCartBundleEditBootstrapRunning = true; clearBundleEditRestoreTimers(); try { window.history.replaceState(window.history.state, "", targetUrl.toString()); await prepareBundlePageForIncomingCartEdit(); const targetOffer = getSinglePageOfferFromUrl(targetUrl); const currentOffer = getSinglePageOfferFromUrl(currentUrl); const shouldSwitchOffer = isSinglePageCanonicalContext(targetUrl) && !!targetOffer && targetOffer !== currentOffer; if (shouldSwitchOffer) { applySinglePageOfferToRoot(targetOffer); resetBundleConfiguredQuantityCache(); setBundleSelectionOverrideQuantity(getSinglePageOfferQuantity(targetOffer)); await switchSinglePageBundleOffer(targetOffer, { persistUrl: false }).catch(() => false); } else { applySinglePageOfferToRoot(targetOffer || currentOffer); resetBundleConfiguredQuantityCache(); syncBundleOfferSwitchState(); } await hydrateBundleEditContextFromUrl(); await restoreBundleSelectionFromUrl(); isCartBundleEditBootstrapRunning = false; scheduleRunAll(48); } finally { window.setTimeout(() => { isCartBundleEditBootstrapRunning = false; isCartBundleEditNavigationRunning = false; if (isBundleEditRestoreMode() && hasBundleRestoreRequest()) { scheduleBundleEditRestorePasses( isMobileCartEditFlow ? [80, 320, 720, 1280] : [80, 260, 520] ); } }, 180); } }, navigationDelay); return; } window.setTimeout(() => { window.location.assign(href); }, navigationDelay); window.setTimeout(() => { isCartBundleEditNavigationRunning = false; }, navigationDelay + 1200); }; const bindCartBundleEditLinks = () => { if (cartBundleEditDelegationBound) return; cartBundleEditDelegationBound = true; document.addEventListener( "click", (event) => { const target = event.target; if (!(target instanceof Element)) return; const link = target.closest(".cart-items__bundle-edit, .cart-items__bundle-edit-secondary"); if (!(link instanceof HTMLAnchorElement)) return; if (!isVisibleElement(link)) return; event.preventDefault(); event.stopPropagation(); if (typeof event.stopImmediatePropagation === "function") { event.stopImmediatePropagation(); } handleCartBundleEditLinkClick(link); }, true ); }; const replaceCartDrawerMarkup = (html) => { if (!html) return false; const doc = new DOMParser().parseFromString(html, "text/html"); const nextInner = doc.querySelector(".cart-drawer__inner"); const currentInner = document.querySelector(".cart-drawer__inner"); if (currentInner && nextInner) { currentInner.innerHTML = nextInner.innerHTML; return true; } const nextCartComponent = doc.querySelector("cart-items-component[data-section-id]"); const currentCartComponent = document.querySelector("cart-items-component[data-section-id]"); if (currentCartComponent && nextCartComponent) { currentCartComponent.innerHTML = nextCartComponent.innerHTML; return true; } return false; }; const fetchAndReplaceCartDrawerSection = async () => { const cartComponent = document.querySelector("cart-items-component[data-section-id]"); const sectionId = cartComponent?.getAttribute("data-section-id"); if (!sectionId) return false; const sectionUrl = new URL(window.location.href); sectionUrl.hash = ""; sectionUrl.search = ""; sectionUrl.searchParams.set("section_id", sectionId); const response = await fetch(sectionUrl.toString(), { headers: { "X-Requested-With": "XMLHttpRequest" } }); const html = await response.text(); return replaceCartDrawerMarkup(html); }; const readStoredCartItemCount = () => { try { const raw = window.sessionStorage.getItem(CART_ITEM_COUNT_STORAGE_KEY); const value = parseInt(raw || "", 10); return Number.isFinite(value) && value >= 0 ? value : null; } catch (error) { return null; } }; const getNormalizedCartItemCount = (cart = null) => { if (typeof cart === "number") { return Number.isFinite(cart) && cart >= 0 ? Math.floor(cart) : null; } if (!cart || typeof cart !== "object") return null; const rawValue = cart.item_count ?? cart.itemCount ?? cart.count ?? null; const itemCount = Number(rawValue); return Number.isFinite(itemCount) && itemCount >= 0 ? Math.floor(itemCount) : null; }; const applyCartBubbleCountValue = (itemCount, persist = true) => { const countText = String(itemCount); const visibleCountText = itemCount < 100 ? countText : ""; if (persist) { try { window.sessionStorage.setItem(CART_ITEM_COUNT_STORAGE_KEY, countText); window.sessionStorage.setItem( "cart-count", JSON.stringify({ value: visibleCountText, timestamp: Date.now() }) ); } catch (error) {} } document .querySelectorAll(".cart-bubble, .cart-count-bubble, [ref='cartBubble']") .forEach((bubble) => { bubble.hidden = itemCount <= 0; bubble.classList.toggle("hidden", itemCount <= 0); bubble.classList.toggle("visually-hidden", itemCount === 0); bubble.setAttribute("data-cart-count", countText); if (itemCount > 0 && itemCount <= 99) { bubble.setAttribute("data-maintain-ratio", ""); } else { bubble.removeAttribute("data-maintain-ratio"); } if (itemCount > 0) { bubble.removeAttribute("aria-hidden"); } else { bubble.setAttribute("aria-hidden", "true"); } }); document .querySelectorAll( ".cart-bubble__text-count, [ref='cartBubbleCount'], [data-testid='cart-bubble'], .cart-count-bubble span[aria-hidden='true']" ) .forEach((node) => { node.textContent = visibleCountText; node.classList.toggle("hidden", itemCount === 0); }); document .querySelectorAll(".cart-bubble .visually-hidden, .cart-count-bubble .visually-hidden") .forEach((node) => { node.textContent = `Nombre total articles panier: ${countText}`; }); document .querySelectorAll("cart-icon, .header-actions__cart-icon, .header__icon--cart") .forEach((node) => { node.classList.toggle("header-actions__cart-icon--has-cart", itemCount > 0); }); return itemCount; }; const syncCartBubbleCount = (cart = null, { persist = true } = {}) => { const itemCount = getNormalizedCartItemCount(cart); if (itemCount === null) return false; applyCartBubbleCountValue(itemCount, persist); return true; }; const applyStoredCartBubbleCount = () => { const storedCount = readStoredCartItemCount(); if (storedCount === null) return false; applyCartBubbleCountValue(storedCount, false); return true; }; const shouldResyncCartBubbleFromServer = () => { const storedCount = readStoredCartItemCount(); if (storedCount === null) return false; const countNodes = Array.from( document.querySelectorAll( ".cart-bubble__text-count, [ref='cartBubbleCount'], [data-testid='cart-bubble'], .cart-count-bubble span[aria-hidden='true']" ) ); if (!countNodes.length) return false; const visibleCount = countNodes .map((node) => (node.textContent || "").trim()) .find((value) => /^\d+$/.test(value)); if (storedCount > 0 && !visibleCount) return true; if (visibleCount && Number(visibleCount) !== storedCount) return true; return false; }; const ensureCartBubbleCountSynced = async (force = false) => { const now = Date.now(); if (isCartBubbleSyncRunning) return; if (!force && now - lastCartBubbleSyncAt < 4000) return; isCartBubbleSyncRunning = true; lastCartBubbleSyncAt = now; try { const cart = await fetchCartJson().catch(() => null); if (cart) { syncCartBubbleCount(cart); } } finally { isCartBubbleSyncRunning = false; } }; const queueCartBubbleCountResync = (force = true) => { cartBubbleResyncTimers.forEach((timer) => clearTimeout(timer)); cartBubbleResyncTimers = []; [120, 420, 900].forEach((delay) => { const timer = window.setTimeout(() => { ensureCartBubbleCountSynced(force); }, delay); cartBubbleResyncTimers.push(timer); }); }; const readCartItemCountFromDom = (scope = document) => { const countSelectors = [ "[ref='cartItemCount']", ".cart-drawer__heading [ref='cartBubbleCount']", ".cart-drawer__heading .cart-bubble__text-count", "#cart-bubble-text .cart-bubble__text-count", "[data-testid='cart-bubble']" ]; for (const selector of countSelectors) { const node = scope.querySelector(selector); const value = (node?.textContent || "").trim(); if (/^\d+$/.test(value)) { return parseInt(value, 10); } } return null; }; const syncCartBubbleCountFromDom = (scope = document, { persist = true } = {}) => { const itemCount = readCartItemCountFromDom(scope); if (!Number.isFinite(itemCount) || itemCount < 0) return false; applyCartBubbleCountValue(itemCount, persist); return true; }; const boostMobileCartBubbleSync = () => { if (!window.matchMedia("(max-width: 749px)").matches) return; applyStoredCartBubbleCount(); syncCartBubbleCountFromDom(document, { persist: true }); [36, 96, 180].forEach((delay, index) => { window.setTimeout(() => { syncCartBubbleCountFromDom(document, { persist: true }); ensureCartBubbleCountSynced(index === 0); }, delay); }); }; const scheduleBundleAddToCartCartBubbleSync = () => { bundleAddToCartCartBubbleTimers.forEach((timer) => clearTimeout(timer)); bundleAddToCartCartBubbleTimers = []; applyStoredCartBubbleCount(); syncCartBubbleCountFromDom(document, { persist: true }); queueCartBubbleCountResync(true); boostMobileCartBubbleSync(); [60, 220, 520].forEach((delay) => { const timer = window.setTimeout(() => { syncCartBubbleCountFromDom(document, { persist: true }); }, delay); bundleAddToCartCartBubbleTimers.push(timer); }); [1200, 2200].forEach((delay) => { const timer = window.setTimeout(() => { syncCartBubbleCountFromDom(document, { persist: true }); ensureCartBubbleCountSynced(true); }, delay); bundleAddToCartCartBubbleTimers.push(timer); }); }; const isCartMutationTrigger = (target) => { if (!(target instanceof Element)) return false; return Boolean( target.closest( [ ".cart-items__remove", ".cart-items__bundle-remove", ".cart-items__single-remove", ".quantity-minus", ".quantity-plus", ".cart-discount__button", "button[name='minus']", "button[name='plus']" ].join(", ") ) ); }; const isCartQuantityInput = (target) => { if (!(target instanceof Element)) return false; return target.matches( "input[name='updates[]'], input[data-cart-line], cart-quantity-selector-component input[type='number']" ); }; const refreshCartUi = async (cart = null) => { const nextCart = cart || (await fetchCartJson().catch(() => null)); const nextItemCount = getNormalizedCartItemCount(nextCart); if (nextItemCount !== null) { applyCartBubbleCountValue(nextItemCount); } else { applyStoredCartBubbleCount(); queueCartBubbleCountResync(true); } document.dispatchEvent( new CustomEvent("cart:refresh", { bubbles: true }) ); document.dispatchEvent( new CustomEvent("cart:update", { bubbles: true, detail: { resource: nextCart, sourceId: "glamisu-bundle-edit", data: { itemCount: nextItemCount ?? readStoredCartItemCount() ?? 0, source: "cart-items-component", cart: nextCart } } }) ); if (typeof window.Shopify?.theme?.cart?.update === "function") { window.Shopify.theme.cart.update(nextCart || undefined); } let didReplace = false; try { didReplace = await fetchAndReplaceCartDrawerSection(); } catch (error) {} window.setTimeout(() => { if (nextItemCount !== null) { applyCartBubbleCountValue(nextItemCount); } else { applyStoredCartBubbleCount(); } if (!didReplace) { scheduleRunAll(40); } else { runAllSafely(); } ensureCartDrawerOpen(); }, 80); }; const hydrateBundleEditContextFromUrl = async () => { const editBundleKey = getEditBundleKeyFromUrl(); const handle = getCurrentBundleHandle(); const variantIdsFromUrl = normalizeVariantIdList(getBundleVariantsFromUrl()); if (!editBundleKey || !handle) { clearStoredBundleEditContext(); clearPendingBundleRestore(); return null; } if (variantIdsFromUrl.length) { writePendingBundleRestore({ editBundleKey, handle, variantIds: variantIdsFromUrl, timestamp: Date.now() }); } const stored = readStoredBundleEditContext(); if (stored && stored.oldKey === editBundleKey && stored.handle === handle) { if ( variantIdsFromUrl.length && !areVariantIdListsEqual(stored.variantIds || [], variantIdsFromUrl) ) { const nextStored = { ...stored, variantIds: variantIdsFromUrl }; writeStoredBundleEditContext(nextStored); return nextStored; } return stored; } try { const cart = await fetchCartJson(); const existingKeys = (cart?.items || []) .filter((item) => item.handle === handle) .map((item) => item.key) .filter(Boolean); const oldLine = (cart?.items || []).find((item) => item.key === editBundleKey); if (!oldLine) { clearStoredBundleEditContext(); clearPendingBundleRestore(); return null; } const context = { oldKey: editBundleKey, handle, existingKeys, oldQuantity: oldLine?.quantity || 1, variantIds: variantIdsFromUrl }; writeStoredBundleEditContext(context); return context; } catch (error) { return null; } }; const startBundleEditReplacementMonitor = async () => { const context = getActiveBundleEditContext(); if (!context?.oldKey || !context?.handle || isBundleEditMonitorRunning) return; isBundleEditMonitorRunning = true; const knownKeys = new Set(context.existingKeys || []); const isMonitorContextStillActive = () => doesBundleEditContextMatch(context, getActiveBundleEditContext()); try { for (let attempt = 0; attempt < 14; attempt += 1) { if (!isMonitorContextStillActive()) { return; } const cart = await fetchCartJson().catch(() => null); if (!isMonitorContextStillActive()) { return; } const sameHandleItems = (cart?.items || []).filter((item) => item.handle === context.handle); const oldLine = sameHandleItems.find((item) => item.key === context.oldKey); const replacementLine = sameHandleItems.find((item) => !knownKeys.has(item.key)); if (replacementLine) { if (!isMonitorContextStillActive()) { return; } const updatedCart = await removeCartLineByKey(context.oldKey).catch(() => null); scheduleRunAll(40); await finalizeBundleEditFlow(updatedCart); return; } if (oldLine && Number(oldLine.quantity || 0) > Number(context.oldQuantity || 1)) { if (!isMonitorContextStillActive()) { return; } const updatedCart = await updateCartLineQuantityByKey( context.oldKey, Number(context.oldQuantity || 1) ).catch(() => null); scheduleRunAll(40); await finalizeBundleEditFlow(updatedCart); return; } await wait(attempt < 5 ? 260 : 420); } } finally { isBundleEditMonitorRunning = false; } }; const bindBundleEditAddToCart = () => { Array.from(document.querySelectorAll(".gbbMixAddtoCartBtn")) .filter((button) => isVisibleElement(button)) .forEach((button) => { if (button.dataset.glamisuBundleEditBound === "true") return; button.dataset.glamisuBundleEditBound = "true"; button.addEventListener( "click", async (event) => { scheduleBundleAddToCartCartBubbleSync(); const context = getActiveBundleEditContext(); if (!context?.oldKey) return; const originalVariantIds = normalizeVariantIdList(context.variantIds || []); const currentVariantIds = getCurrentBundleActionVariantIds(button); if (currentVariantIds.length < getBundleMax()) return; if (originalVariantIds.length && areVariantIdListsEqual(currentVariantIds, originalVariantIds)) { event.preventDefault(); event.stopPropagation(); event.stopImmediatePropagation(); await finalizeBundleEditFlow(); return; } startBundleEditReplacementMonitor(); }, true ); }); }; const findBundleOpenTrigger = () => Array.from( document.querySelectorAll( ".gbbMixProductsHorizontalLayout .gbbMixEmptyStateCard, " + ".gbbMixProductsHorizontalLayout .gbbMixSelectedProductCard, " + ".gbbMixProductPageHorizontalLayoutWrapper .gbbMixEmptyStateCard, " + ".gbbMixProductPageHorizontalLayoutWrapper .gbbMixSelectedProductCard" ) ).find((node) => isVisibleElement(node)); const ensureBundleDrawerOpen = async () => { if (document.querySelector(".gbbMixProductsModalOpen")) return true; const trigger = findBundleOpenTrigger(); if (!trigger) return false; triggerElementClick(trigger); for (let attempt = 0; attempt < 8; attempt += 1) { await wait(140); if (document.querySelector(".gbbMixProductsModalOpen")) { return true; } } return false; }; const findDrawerProductCardByVariantId = (variantId) => Array.from(document.querySelectorAll(".gbbMixProductsContainer .gbbMixProductItem")).find((card) => { return ( isVisibleElement(card) && String(card.getAttribute("data-variant-id") || "") === String(variantId) ); }); const getDrawerSelectedQuantityByVariantId = (variantId) => { const card = findDrawerProductCardByVariantId(variantId); if (!card) return 0; const quantityWrapper = card.querySelector(".gbbMixProductsQuantityButtonWrapper"); if (!quantityWrapper || !isVisibleElement(quantityWrapper)) return 0; return getQuantityFromWrapper(quantityWrapper); }; const removeOneDrawerSelectionByVariantId = (variantId) => { const card = findDrawerProductCardByVariantId(variantId); if (!card) return false; const quantityWrapper = card.querySelector(".gbbMixProductsQuantityButtonWrapper"); if (!quantityWrapper || !isVisibleElement(quantityWrapper)) return false; const directChildren = Array.from(quantityWrapper.children).filter((child) => isVisibleElement(child)); if (!directChildren.length) return false; const getTextFingerprint = (node) => `${node.className || ""} ${node.getAttribute("aria-label") || ""} ${node.textContent || ""}`.toLowerCase(); const minusControl = directChildren.find((node) => /minus|decre|sub|remove|retir/.test(getTextFingerprint(node))) || directChildren[0]; triggerElementClick(minusControl); return true; }; const clearDrawerBundleSelections = async () => { for (let pass = 0; pass < 18; pass += 1) { const selectedVariantIds = Array.from( document.querySelectorAll(".gbbMixProductsContainer .gbbMixProductItem") ) .filter((card) => isVisibleElement(card)) .map((card) => String(card.getAttribute("data-variant-id") || "").trim()) .filter(Boolean) .filter((variantId) => getDrawerSelectedQuantityByVariantId(variantId) > 0); if (!selectedVariantIds.length) { return true; } let didRemove = false; for (const variantId of selectedVariantIds) { const currentQty = getDrawerSelectedQuantityByVariantId(variantId); for (let index = 0; index < currentQty; index += 1) { const removed = removeOneDrawerSelectionByVariantId(variantId); if (!removed) break; didRemove = true; await wait(140); } } if (!didRemove) { break; } await wait(180); } return false; }; const addOneDrawerSelectionByVariantId = (variantId) => { const card = findDrawerProductCardByVariantId(variantId); if (!card) return false; const quantityWrapper = card.querySelector(".gbbMixProductsQuantityButtonWrapper"); if (quantityWrapper && isVisibleElement(quantityWrapper)) { const directChildren = Array.from(quantityWrapper.children).filter((child) => isVisibleElement(child)); const plusControl = directChildren.find((node) => { const fingerprint = `${node.className || ""} ${node.getAttribute("aria-label") || ""} ${node.textContent || ""}`.toLowerCase(); return /plus|incre|add|\+/.test(fingerprint); }) || directChildren[directChildren.length - 1]; if (plusControl) { triggerElementClick(plusControl); return true; } } const addButton = card.querySelector(".gbbMixProductAddButton"); if (addButton && isVisibleElement(addButton)) { triggerElementClick(addButton); return true; } return false; }; const getDeepCopy = (value) => { if (typeof window.gbbMix?.utility?.getDeepCopyObject === "function") { return window.gbbMix.utility.getDeepCopyObject(value); } try { return JSON.parse(JSON.stringify(value)); } catch (error) { return value; } }; const waitForBundlePageRestoreRuntime = async (timeoutMs = 3200) => { const startedAt = Date.now(); while (Date.now() - startedAt < timeoutMs) { const runtime = window.gbbMix?.gbbMixAndMatchBundle; const sdk = window.gbbMix?.sdk; const hasVariantMap = Object.keys(sdk?.state?.variantsDataMapByVariantId || {}).length > 0 || Object.values(runtime?.state?.categories || {}).some((categoryState) => { return Object.keys(categoryState?.variantIdsMap || {}).length > 0; }); if ( runtime?.f?.prepareAndInsertProductPageWidgetUI && sdk?.utility?.syncCartDataWithCartItems && sdk?.utility?.updateCartData && hasVariantMap ) { return true; } await wait(120); } return false; }; const waitForBundlePageRestoreSurface = async (variantIds, options = {}) => { const shouldAbort = typeof options.shouldAbort === "function" ? options.shouldAbort : () => false; const timeoutMs = Number(options.timeoutMs || 0) || (isMobileViewport() ? 1800 : 900); const expectedQuantity = normalizeVariantIdList(variantIds).length; const expectedHandle = String(getCurrentBundleHandle() || "") .trim() .toLowerCase(); const startedAt = Date.now(); while (Date.now() - startedAt < timeoutMs) { if (shouldAbort()) return false; const activeHandle = String(getActiveEasyBundleHandle() || "") .trim() .toLowerCase(); const configuredQuantity = getBundleConfiguredQuantity(); const visibleCardCount = getMainPageVisibleBundleCardCount(); const isBundleSwitching = root.getAttribute("data-glamisu-bundle-switching") === "true"; const isDrawerClosed = !document.querySelector(".gbbMixProductsModalOpen"); const handleReady = !expectedHandle || !activeHandle || activeHandle === expectedHandle; const quantityReady = !expectedQuantity || !configuredQuantity || configuredQuantity === expectedQuantity; const surfaceReady = visibleCardCount >= expectedQuantity || getMainPageSelectedCount() > 0; if (isDrawerClosed && !isBundleSwitching && handleReady && quantityReady && surfaceReady) { return true; } await wait(120); } return false; }; const buildBundleVariantRestoreLookup = () => { const categories = window.gbbMix?.gbbMixAndMatchBundle?.state?.categories || {}; const categoryMap = window.gbbMix?.sdk?.state?.categoriesDataMapByCategoryId || {}; const lookup = new Map(); Object.keys(categories).forEach((categoryKey) => { const categoryState = categories[categoryKey] || {}; const variantIdsMap = categoryState.variantIdsMap || {}; const stepKey = categoryState.stepKey || categoryMap?.[categoryKey]?.stepKey || ""; Object.keys(variantIdsMap).forEach((variantId) => { if (lookup.has(String(variantId))) return; lookup.set(String(variantId), { categoryKey, stepKey, variantData: getDeepCopy(variantIdsMap[variantId]) }); }); }); return lookup; }; const isPersistentBundleCartItem = (item) => { const properties = item?.properties || {}; return Boolean( properties._defaultProduct || properties._browsedProduct || properties._Category === "DefaultProduct" ); }; const clearBundlePageSelectionState = async () => { const runtimeReady = await waitForBundlePageRestoreRuntime(1800); if (!runtimeReady) return false; const runtime = window.gbbMix?.gbbMixAndMatchBundle; const sdk = window.gbbMix?.sdk; const utility = window.gbbMix?.utility; if (!runtime || !sdk || !utility) return false; const baseCartData = getDeepCopy(sdk?.f?.getCartData?.() || runtime?.state?.cartData || { items: [], item_count: 0, selectedCategoriesProducts: {}, total_price: 0, discounted_price: 0 }) || {}; const preservedItems = (Array.isArray(baseCartData.items) ? baseCartData.items : []) .filter((item) => isPersistentBundleCartItem(item)) .map((item) => getDeepCopy(item)); const clearedCartData = { ...baseCartData, items: preservedItems, selectedCategoriesProducts: {} }; const syncedCartData = sdk.utility.syncCartDataWithCartItems(getDeepCopy(clearedCartData)); sdk.state.cartData = syncedCartData; runtime.state.cartData = syncedCartData; sdk.utility.updateCartData(syncedCartData); sdk.utility.updateCartTotals(); if (typeof utility.changeDiscountText === "function") { utility.changeDiscountText(); } runtime.f.prepareAndInsertProductPageWidgetUI(); runAllSafely(); await wait(80); runAllSafely(); return true; }; const finalizeBundleEditFlow = async (cart = null) => { clearBundleEditRestoreTimers(); isCartBundleEditBootstrapRunning = false; clearStoredBundleEditContext(); clearPendingBundleRestore(); clearBundleEditKeyFromUrl(); clearBundleVariantsFromUrl(); clearBundlePageEditSelectionActive(); await clearBundlePageSelectionState().catch(() => false); const nextCart = cart || (await fetchCartJson().catch(() => null)); await refreshCartUi(nextCart); }; const maybeClearOrphanedBundleEditSelection = async () => { clearStaleBundleEditContextIfNeeded(); if (!getEditBundleKeyFromUrl()) { clearPendingBundleRestore(); } const selectionState = readBundlePageEditSelectionState(); if (!selectionState) return false; if (getEditBundleKeyFromUrl()) return false; if (isBundleEditSelectionCleanupRunning) return false; const currentHandle = getCurrentBundleHandle(); if (!currentHandle) { clearStoredBundleEditContext(); clearPendingBundleRestore(); clearBundlePageEditSelectionActive(); return false; } isBundleEditSelectionCleanupRunning = true; try { clearStoredBundleEditContext(); clearPendingBundleRestore(); await clearBundlePageSelectionState().catch(() => false); clearBundlePageEditSelectionActive(); return true; } finally { isBundleEditSelectionCleanupRunning = false; } }; const maybeResetBundleSelectionOnInitialPageEntry = async () => { if (bundlePageEntryResetCompleted) return false; if (getEditBundleKeyFromUrl()) { bundlePageEntryResetCompleted = true; return false; } const currentHandle = getCurrentBundleHandle(); if (!currentHandle) return false; if (didUserInteractWithBundlePage) { bundlePageEntryResetCompleted = true; return false; } const hasVisibleSelection = getMainPageSelectedCount() > 0; if (!hasVisibleSelection) { bundlePageEntryResetChecksRemaining -= 1; if (bundlePageEntryResetChecksRemaining <= 0) { bundlePageEntryResetCompleted = true; } return false; } bundlePageEntryResetCompleted = true; clearBundlePageEditSelectionActive(); await clearBundlePageSelectionState().catch(() => false); return true; }; const tryRestoreBundleSelectionOnPage = async (variantIds, options = {}) => { if (!variantIds.length) return false; const shouldAbortRestore = typeof options.shouldAbort === "function" ? options.shouldAbort : () => false; const runtimeReady = await waitForBundlePageRestoreRuntime( Number(options.runtimeTimeoutMs || 0) || (isMobileViewport() ? 4200 : 3200) ); if (!runtimeReady) return false; if (shouldAbortRestore()) return false; await waitForBundlePageRestoreSurface(variantIds, { timeoutMs: isMobileViewport() ? 1800 : 900, shouldAbort: shouldAbortRestore }); if (shouldAbortRestore()) return false; const runtime = window.gbbMix?.gbbMixAndMatchBundle; const sdk = window.gbbMix?.sdk; const utility = window.gbbMix?.utility; if (!runtime || !sdk || !utility) return false; let lookup = buildBundleVariantRestoreLookup(); for (let attempt = 0; attempt < 4; attempt += 1) { const hasAllVariants = variantIds.every((rawVariantId) => { const variantId = String(rawVariantId || "").trim(); return !!lookup.get(variantId)?.variantData; }); if (lookup.size && hasAllVariants) { break; } await wait(140 + attempt * 120); if (shouldAbortRestore()) return false; lookup = buildBundleVariantRestoreLookup(); } if (!lookup.size) return false; if (shouldAbortRestore()) return false; const baseCartData = getDeepCopy(sdk?.f?.getCartData?.() || runtime?.state?.cartData || { items: [], item_count: 0, selectedCategoriesProducts: {}, total_price: 0, discounted_price: 0 }) || {}; const preservedItems = (Array.isArray(baseCartData.items) ? baseCartData.items : []) .filter((item) => isPersistentBundleCartItem(item)) .map((item) => getDeepCopy(item)); const restoredItemsByKey = new Map(); const useBundleStepsAsWidgetSteps = typeof runtime.f.checkIfShouldUseStepsAsWidgetSteps === "function" ? runtime.f.checkIfShouldUseStepsAsWidgetSteps() : false; for (const rawVariantId of variantIds) { if (shouldAbortRestore()) return false; const variantId = String(rawVariantId || "").trim(); const record = lookup.get(variantId); if (!record?.variantData) { return false; } const itemData = getDeepCopy(record.variantData); itemData.quantity = 1; const propertiesToAdd = [{ key: "_Category", value: record.categoryKey }]; if (useBundleStepsAsWidgetSteps && record.stepKey) { propertiesToAdd.push({ key: "_Step", value: record.stepKey }); } utility.addPropertiesInProductDataOrVariantData(itemData, propertiesToAdd); const normalizedVariantId = String(itemData.variant_id || itemData.variantId || itemData.id || "").trim(); const uniqueItemKey = utility.getUniqueIdForVariant({ productData: { variant_id: normalizedVariantId, properties: itemData.properties || {} }, variantId: normalizedVariantId }); utility.addPropertiesInProductDataOrVariantData(itemData, [ { key: "_uniqueGbbMixItemKey", value: uniqueItemKey } ]); if (restoredItemsByKey.has(uniqueItemKey)) { restoredItemsByKey.get(uniqueItemKey).quantity += 1; } else { restoredItemsByKey.set(uniqueItemKey, itemData); } } const rebuiltCartData = { ...baseCartData, items: [...preservedItems, ...Array.from(restoredItemsByKey.values())], selectedCategoriesProducts: {} }; if (shouldAbortRestore()) return false; const syncedCartData = sdk.utility.syncCartDataWithCartItems(getDeepCopy(rebuiltCartData)); sdk.state.cartData = syncedCartData; runtime.state.cartData = syncedCartData; sdk.utility.updateCartData(syncedCartData); sdk.utility.updateCartTotals(); if (typeof utility.changeDiscountText === "function") { utility.changeDiscountText(); } runtime.f.prepareAndInsertProductPageWidgetUI(); runAllSafely(); await wait(80); runAllSafely(); return true; }; const restoreBundleSelectionFromUrl = async () => { if (finalizePendingBundleRestoreIfSatisfied()) return; const requestedRestore = getRequestedBundleRestorePayload(); const variantIds = normalizeVariantIdList(requestedRestore?.variantIds || []); const isPageOnlyRestore = isBundleEditRestoreMode(); if (!variantIds.length || bundleRestoreStarted) return; const restoreRequestId = createBundleRestoreRequest(); const shouldAbortRestore = () => !isBundleRestoreRequestCurrent(restoreRequestId); try { const didRestoreOnPage = await tryRestoreBundleSelectionOnPage(variantIds, { runtimeTimeoutMs: isMobileViewport() ? 4200 : 3200, shouldAbort: shouldAbortRestore }); if (shouldAbortRestore()) return; if (didRestoreOnPage) { clearBundleEditRestoreTimers(); markBundlePageEditSelectionActive(); writePendingBundleRestore({ ...requestedRestore, variantIds, timestamp: Date.now() }); scheduleRunAll(96); scheduleRestoredSelectionScroll(); return; } if (isMobileViewport()) { await wait(260); if (shouldAbortRestore()) return; const didRestoreOnPageOnRetry = await tryRestoreBundleSelectionOnPage(variantIds, { runtimeTimeoutMs: 2200, shouldAbort: shouldAbortRestore }); if (shouldAbortRestore()) return; if (didRestoreOnPageOnRetry) { clearBundleEditRestoreTimers(); markBundlePageEditSelectionActive(); writePendingBundleRestore({ ...requestedRestore, variantIds, timestamp: Date.now() }); scheduleRunAll(96); scheduleRestoredSelectionScroll(); return; } } if (isMobileViewport()) { await wait(420); if (shouldAbortRestore()) return; const didRestoreOnPageLateRetry = await tryRestoreBundleSelectionOnPage(variantIds, { runtimeTimeoutMs: 2600, shouldAbort: shouldAbortRestore }); if (shouldAbortRestore()) return; if (didRestoreOnPageLateRetry) { clearBundleEditRestoreTimers(); markBundlePageEditSelectionActive(); writePendingBundleRestore({ ...requestedRestore, variantIds, timestamp: Date.now() }); scheduleRunAll(96); scheduleRestoredSelectionScroll(); return; } } if (isPageOnlyRestore) { scheduleBundleEditRestorePasses(); return; } const opened = await ensureBundleDrawerOpen(); if (shouldAbortRestore()) return; if (!opened) { return; } await clearDrawerBundleSelections(); await wait(180); if (shouldAbortRestore()) return; const targetCounts = new Map(); for (const variantId of variantIds) { if (shouldAbortRestore()) return; const nextTarget = (targetCounts.get(variantId) || 0) + 1; targetCounts.set(variantId, nextTarget); for (let attempt = 0; attempt < 8; attempt += 1) { if (shouldAbortRestore()) return; const currentQty = getDrawerSelectedQuantityByVariantId(variantId); if (currentQty >= nextTarget) break; const didClick = addOneDrawerSelectionByVariantId(variantId); if (!didClick) break; await wait(160); if (shouldAbortRestore()) return; } } await wait(220); if (shouldAbortRestore()) return; clearBundleEditRestoreTimers(); runAllSafely(); markBundlePageEditSelectionActive(); writePendingBundleRestore({ ...requestedRestore, variantIds, timestamp: Date.now() }); scheduleRunAll(96); await wait(120); if (shouldAbortRestore()) return; if (document.querySelector(".gbbMixProductsModalOpen")) { closeBundleDrawer(null, { softScroll: true, singleScroll: isMobileViewport() }); } else { scheduleRestoredSelectionScroll(); } } finally { if (isBundleRestoreRequestCurrent(restoreRequestId)) { isBundleRestoreInProgress = false; bundleRestoreStarted = false; } } }; const triggerElementDirectClick = (element) => { if (!element) return; if (typeof PointerEvent === "function") { [ ["pointerdown", { pointerType: "mouse", isPrimary: true, button: 0, buttons: 1 }], ["pointerup", { pointerType: "mouse", isPrimary: true, button: 0, buttons: 0 }] ].forEach(([type, extra]) => { element.dispatchEvent( new PointerEvent(type, { bubbles: false, cancelable: true, view: window, ...extra }) ); }); } const mouseEvents = [ ["mousedown", { button: 0, buttons: 1 }], ["mouseup", { button: 0, buttons: 0 }], ["click", { button: 0, buttons: 0 }] ]; mouseEvents.forEach(([type, extra]) => { element.dispatchEvent( new MouseEvent(type, { bubbles: false, cancelable: true, view: window, ...extra }) ); }); }; const getVisibleSelectedBundleEntries = (scopeRoot = document, useScopedOnly = false) => { const drawerSelectedEntries = Array.from( scopeRoot.querySelectorAll(".gbbMixProductsContainer .gbbMixProductItem") ) .filter((card) => { const quantityWrapper = card.querySelector(".gbbMixProductsQuantityButtonWrapper"); if (!quantityWrapper) return false; const style = window.getComputedStyle(quantityWrapper); return style.display !== "none" && style.visibility !== "hidden"; }) .flatMap((card) => { const quantityWrapper = card.querySelector(".gbbMixProductsQuantityButtonWrapper"); const image = card.querySelector(".gbbMixProductImageContainer img"); const imageSrc = image?.getAttribute("src"); const quantity = getQuantityFromWrapper(quantityWrapper); const productId = card.getAttribute("data-product-id"); if (!imageSrc || !productId || quantity <= 0) return []; return Array.from({ length: quantity }, (_, slotIndex) => ({ imageSrc, productId, slotIndex, sourceCard: card })); }) .filter(Boolean); if (drawerSelectedEntries.length || useScopedOnly) { return drawerSelectedEntries; } return Array.from( document.querySelectorAll( ".gbbMixProductsHorizontalLayout .gbbMixSelectedProductCard .gbbMixSelectedProductCardImage" ) ) .filter((image) => { const rect = image.getBoundingClientRect(); return rect.width > 0 && rect.height > 0; }) .map((image, slotIndex) => ({ imageSrc: image.getAttribute("src"), productId: image.closest(".gbbMixSelectedProductCard")?.getAttribute("data-variant-id") || "", slotIndex, sourceCard: image.closest(".gbbMixSelectedProductCard") })) .filter((entry) => !!entry.imageSrc); }; const getVisibleSelectedBundleImages = (scopeRoot = document, useScopedOnly = false) => { return getVisibleSelectedBundleEntries(scopeRoot, useScopedOnly).map((entry) => entry.imageSrc); }; const findVisibleDrawerProductCard = (productId) => Array.from(document.querySelectorAll(".gbbMixProductsContainer .gbbMixProductItem")).find((card) => { return card.getAttribute("data-product-id") === productId && isVisibleElement(card); }); const removeOneDrawerSelection = (productId, fallbackCard = null) => { const card = findVisibleDrawerProductCard(productId) || fallbackCard; if (!card) return; const quantityWrapper = card.querySelector(".gbbMixProductsQuantityButtonWrapper"); if (!quantityWrapper || !isVisibleElement(quantityWrapper)) return; const directChildren = Array.from(quantityWrapper.children).filter((child) => isVisibleElement(child)); if (!directChildren.length) return; const getTextFingerprint = (node) => `${node.className || ""} ${node.getAttribute("aria-label") || ""} ${node.textContent || ""}`.toLowerCase(); const minusControl = directChildren.find((node) => /minus|decre|sub|remove|retir/.test(getTextFingerprint(node))) || directChildren[0]; triggerElementClick(minusControl); }; const getDrawerSelectedQuantity = (productId, fallbackCard = null) => { const card = findVisibleDrawerProductCard(productId) || fallbackCard; if (!card) return 0; const quantityWrapper = card.querySelector(".gbbMixProductsQuantityButtonWrapper"); if (!quantityWrapper || !isVisibleElement(quantityWrapper)) return 0; return getQuantityFromWrapper(quantityWrapper); }; const getDrawerQuickviewOptions = (productId, fallbackCard = null) => { const selectedQuantity = getDrawerSelectedQuantity(productId, fallbackCard); if (selectedQuantity > 0) { return { actionLabel: "Retirer de la selection", secondaryActionLabel: "Garder ma selection", onAction: () => removeOneDrawerSelection(productId, fallbackCard) }; } return {}; }; const prefetchVisibleDrawerProducts = () => { if (!document.querySelector(".gbbMixProductsModalOpen")) return; const visibleProductIds = Array.from( document.querySelectorAll(".gbbMixProductsContainer .gbbMixProductItem[data-product-id]") ) .filter((card) => isVisibleElement(card)) .map((card) => card.getAttribute("data-product-id")) .filter(Boolean); Array.from(new Set(visibleProductIds)) .slice(0, 8) .forEach((productId, index) => { const warmProduct = () => { fetchProductPayload(productId).catch(() => {}); }; if (typeof window.requestIdleCallback === "function") { window.requestIdleCallback(warmProduct, { timeout: 450 + index * 40 }); } else { window.setTimeout(warmProduct, 20 + index * 35); } }); }; const syncMobileFooterSlots = () => { const visibleModalFooter = Array.from(document.querySelectorAll(".gbbMixModalFooter")).find((footer) => isVisibleElement(footer) ); const isDrawerOpen = !!document.querySelector(".gbbMixProductsModalOpen"); const isMobile = isMobileViewport(); const panelClass = "glamisu-desktop-slot-panel"; const stripClass = isMobile ? "glamisu-mobile-slot-strip" : "glamisu-desktop-slot-strip"; const slotClass = isMobile ? "glamisu-mobile-slot" : "glamisu-desktop-slot"; const allStripSelectors = ".glamisu-mobile-slot-strip, .glamisu-desktop-slot-strip"; if (!isDrawerOpen || !visibleModalFooter) { document.querySelectorAll(allStripSelectors).forEach((strip) => strip.remove()); document.querySelectorAll(`.${panelClass}`).forEach((panel) => panel.remove()); return; } document.querySelectorAll(allStripSelectors).forEach((strip) => { const shouldKeep = visibleModalFooter.contains(strip) && strip.classList.contains(stripClass); if (!shouldKeep) { strip.remove(); } }); const footerContainer = visibleModalFooter.querySelector(".gbbMixFooterContainer") || visibleModalFooter.querySelector(".gbbMixFooterWrapper") || visibleModalFooter; const addToCartWrapper = visibleModalFooter.querySelector(".gbbMixBundleAddToCartBtnWrapper") || visibleModalFooter.querySelector(".gbbMixFooterPriceAndActionButtonWrapper"); const stripParent = footerContainer; if (!footerContainer || !stripParent) return; if (isMobile) { document.querySelectorAll(`.${panelClass}`).forEach((panel) => panel.remove()); } const existingStrip = visibleModalFooter.querySelector(`.${stripClass}`) || document.querySelector(`.${stripClass}`); let desktopPanel = !isMobile && (visibleModalFooter.querySelector(`.${panelClass}`) || document.querySelector(`.${panelClass}`)); const slotCount = getBundleMax(); const selectedEntries = getVisibleSelectedBundleEntries(document, true); let strip = existingStrip; if (!strip) { strip = document.createElement("div"); strip.className = stripClass; } if (!isMobile) { const footerWrapper = visibleModalFooter.querySelector(".gbbMixFooterWrapper") || visibleModalFooter; Object.assign(visibleModalFooter.style, { background: "transparent", boxShadow: "none", borderTop: "none", padding: "0 0 18px 0", height: "auto", minHeight: "0", overflow: "visible" }); Object.assign(footerWrapper.style, { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "10px", width: "auto", height: "auto", minHeight: "0", overflow: "visible", background: "transparent" }); Object.assign(footerContainer.style, { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", width: "auto", minWidth: "0", height: "auto", minHeight: "0", padding: "0", overflow: "visible", background: "transparent", border: "0", boxShadow: "none" }); visibleModalFooter .querySelectorAll( ".gbbMixDiscountProgressBar, .gbbMixDiscountLinearProgressBar, .gbbMixDiscountLinearProgressBarIndicator, .gbbMixPriceAndCartQuantityWrapper, .gbbMixFooterPrevAndNextButtonWrapper, .gbbMixFooterPrevButton, .gbbMixFooterNextButton" ) .forEach((node) => { Object.assign(node.style, { display: "none", height: "0", minHeight: "0", maxHeight: "0", margin: "0", padding: "0", border: "0", overflow: "hidden", opacity: "0", visibility: "hidden", pointerEvents: "none" }); }); } if (strip.parentNode !== stripParent) { stripParent.appendChild(strip); } if (isMobile) { if (addToCartWrapper && strip.previousSibling !== addToCartWrapper) { footerContainer.insertBefore(strip, addToCartWrapper.nextSibling); } } else { if (!desktopPanel) { desktopPanel = document.createElement("div"); desktopPanel.className = panelClass; } if (desktopPanel.parentNode !== footerContainer) { footerContainer.appendChild(desktopPanel); } if (strip.parentNode !== desktopPanel) { desktopPanel.appendChild(strip); } Object.assign(desktopPanel.style, { display: "flex", alignItems: "center", justifyContent: "center", width: "fit-content", maxWidth: "100%", margin: "0 auto", padding: "10px 12px", background: "rgba(255,255,255,0.98)", border: "1px solid rgba(24, 19, 18, 0.12)", boxShadow: "0 12px 26px rgba(24, 19, 18, 0.12)" }); } strip.style.setProperty("--glamisu-slot-count", String(slotCount)); if (!isMobile) { Object.assign(strip.style, { display: "grid", gridTemplateColumns: `repeat(${slotCount}, 38px)`, gap: "8px", justifyContent: "center", width: "fit-content", maxWidth: "100%", margin: "0", padding: "0", background: "transparent", border: "0", boxShadow: "none" }); } strip.innerHTML = ""; for (let index = 0; index < slotCount; index += 1) { const slot = document.createElement("div"); slot.className = slotClass; if (!isMobile) { Object.assign(slot.style, { position: "relative", display: "flex", alignItems: "center", justifyContent: "center", width: "38px", height: "38px", border: "1px solid #1f1917", background: "#ffffff", overflow: "hidden", boxShadow: "0 1px 0 rgba(24, 19, 18, 0.03)" }); } const entry = selectedEntries[index]; const imageSrc = entry?.imageSrc; if (imageSrc) { slot.classList.add("is-filled"); slot.innerHTML = `

`; slot.style.cursor = "pointer"; if (!isMobile) { const slotImg = slot.querySelector("img"); if (slotImg) { Object.assign(slotImg.style, { display: "block", width: "100%", height: "100%", objectFit: "cover", objectPosition: "center center" }); } } slot.addEventListener("click", (event) => { event.preventDefault(); event.stopPropagation(); openQVOptimized(entry.sourceCard, entry.productId, { actionLabel: "Retirer de la selection", secondaryActionLabel: "Garder ma selection", onAction: () => removeOneDrawerSelection(entry.productId, entry.sourceCard) }); }); } else if (!isMobile) { slot.textContent = "+"; Object.assign(slot.style, { color: "#6f6661", fontFamily: "Montserrat, sans-serif", fontSize: "18px", fontWeight: "400", lineHeight: "1" }); } strip.appendChild(slot); } }; const renderQuickviewContent = (content, card, productPayload, options = {}) => { const { actionLabel = "Ajouter a ma selection", onAction = null } = options; const images = Array.isArray(productPayload?.images) ? productPayload.images : []; content.innerHTML = `

DETAILS NUANCE

${images .map((img, index) => { const optimizedSrc = getOptimizedShopifyImageUrl(img, index === 0 ? 900 : 720); return `

`; }) .join("")}

${productPayload?.title || ""}

`; const gal = content.querySelector(".gqv-gallery"); const prev = content.querySelector(".gqv-prev"); const next = content.querySelector(".gqv-next"); if (prev && gal) prev.onclick = () => gal.scrollBy({ left: -gal.clientWidth, behavior: "smooth" }); if (next && gal) next.onclick = () => gal.scrollBy({ left: gal.clientWidth, behavior: "smooth" }); const closeBtn = content.querySelector(".close-qv"); if (closeBtn) closeBtn.onclick = closeModal; const addBtn = content.querySelector(".add-btn-qv"); if (addBtn) { addBtn.textContent = actionLabel; addBtn.onclick = () => { if (typeof onAction === "function") { onAction(); } else { card.querySelector(".gbbMixProductAddButton")?.click(); } closeModal(); }; const secondaryActionLabel = options.secondaryActionLabel || (typeof onAction === "function" ? "Garder ma selection" : ""); if (secondaryActionLabel) { const secondaryBtn = document.createElement("button"); secondaryBtn.className = "secondary-btn-qv"; secondaryBtn.textContent = secondaryActionLabel; Object.assign(secondaryBtn.style, { background: "#ffffff", color: "#111111", width: "100%", padding: "16px 18px", border: "1px solid #111111", marginTop: "10px", fontWeight: "600", textTransform: "none", cursor: "pointer" }); secondaryBtn.onclick = () => { if (typeof options.onSecondaryAction === "function") { options.onSecondaryAction(); } closeModal(); }; addBtn.insertAdjacentElement("afterend", secondaryBtn); } } }; const openQVOptimized = async (card, id, options = {}) => { const modal = document.getElementById("glamisu-quickview-outer"); const content = modal.querySelector(".gqv-modal-content"); const cachedProductPayload = productCache.get(String(id)); if (cachedProductPayload) { renderQuickviewContent(content, card, cachedProductPayload, options); modal.classList.add("active"); window.history.pushState({ qvOpen: true }, ""); return; } content.innerHTML = `

Chargement...

`; modal.classList.add("active"); window.history.pushState({ qvOpen: true }, ""); try { const productPayload = await fetchProductPayload(id); renderQuickviewContent(content, card, productPayload, options); } catch (e) { console.error("Erreur Quickview:", e); modal.classList.remove("active"); } }; const openQV = async (card, id, options = {}) => openQVOptimized(card, id, options); const injectIcons = () => { document .querySelectorAll(".gbbMixProductItem:not([data-loupe-ok])") .forEach((card) => { const productId = card.getAttribute("data-product-id"); if (!productId) return; card.setAttribute("data-loupe-ok", "true"); const loupe = document.createElement("div"); loupe.className = "glamisu-zoom-icon"; loupe.innerHTML = ` `; card.appendChild(loupe); loupe.onclick = (e) => { e.stopPropagation(); openQVOptimized(card, productId, getDrawerQuickviewOptions(productId, card)); }; }); }; const disableDrawerImageZoom = () => { document.querySelectorAll(".glamisu-image-click-blocker").forEach((blocker) => blocker.remove()); const openDrawerImageQuickview = (event) => { const target = event.target; if (!(target instanceof Element)) return; if ( target.closest(".glamisu-zoom-icon") || target.closest(".gbbMixProductSelectSvgIconWrapper") || target.closest("button") || target.closest("a") ) { return; } const container = target.closest(".gbbMixProductImageContainer"); if (!container) return; const card = target.closest(".gbbMixProductItem"); const productId = card?.getAttribute("data-product-id"); if (!card || !productId) return; event.preventDefault(); event.stopPropagation(); if (typeof event.stopImmediatePropagation === "function") { event.stopImmediatePropagation(); } openQVOptimized(card, productId, getDrawerQuickviewOptions(productId, card)); }; document .querySelectorAll(".gbbMixProductsContainer .gbbMixProductImageContainer") .forEach((container) => { if (container.dataset.glamisuImageQvBound === "true") return; container.dataset.glamisuImageQvBound = "true"; container.style.cursor = "pointer"; container.addEventListener("click", openDrawerImageQuickview, true); }); }; const bindDrawerSafeZones = () => { return; }; const bindDrawerActionZones = () => { return; }; const protectDrawerActionControls = () => { if (drawerActionInterceptionBound) return; drawerActionInterceptionBound = true; }; const syncSelectedRemoveButtons = () => { document.querySelectorAll(".glamisu-selected-remove-btn").forEach((btn) => btn.remove()); document.querySelectorAll(".gbbMixSelectedProductCard").forEach((card) => { const image = card.querySelector(".gbbMixSelectedProductCardImage"); const nativeRemove = card.querySelector( ".gbbMixProductPageCategorySelectedPrtoductIconWrapper" ); if (!image || !nativeRemove) return; card.style.position = "relative"; Object.assign(nativeRemove.style, { position: "absolute", top: "-3px", right: "-3px", left: "auto", bottom: "auto", zIndex: "1300", display: "flex", alignItems: "center", justifyContent: "center", width: "16px", height: "16px", minWidth: "16px", minHeight: "16px", margin: "0", padding: "0", border: "1px solid #111111", borderRadius: "999px", background: "#111111", boxShadow: "0 1px 3px rgba(0,0,0,0.16)", cursor: "pointer", opacity: "1", visibility: "visible", transform: "none" }); const svg = nativeRemove.querySelector("svg"); if (svg) { svg.style.display = "none"; } nativeRemove .querySelectorAll(".glamisu-native-remove-line") .forEach((line) => line.remove()); }); }; const runAll = () => { applyStoredCartBubbleCount(); if (shouldResyncCartBubbleFromServer()) { ensureCartBubbleCountSynced(); } if (shouldReopenCartDrawer()) { window.setTimeout(() => { ensureCartDrawerOpen(); }, 260); } ensureSinglePageEasyBundleRuntimePatched().catch(() => false); syncSinglePageOfferWithRuntimeFromUrl().catch(() => false); clearStaleBundleEditContextIfNeeded(); finalizePendingBundleRestoreIfSatisfied(); bindBundleOfferSwitches(); fixGrid(); syncDrawerVisibility(); hydrateBundleEditContextFromUrl(); bindBundlePageInteractionTracker(); maybeResetBundleSelectionOnInitialPageEntry(); maybeClearOrphanedBundleEditSelection(); bindMobileDrawerControls(); injectIcons(); disableDrawerImageZoom(); bindDrawerSafeZones(); bindDrawerActionZones(); protectDrawerActionControls(); bindBundleEditAddToCart(); bindCartBundleEditLinks(); syncSelectedRemoveButtons(); syncMobileFooterSlots(); prefetchVisibleDrawerProducts(); if (!shouldSuspendAutomaticBundleRestore()) { restoreBundleSelectionFromUrl(); } requestAnimationFrame(() => { syncFreeBadges(); syncBundleOfferSwitchState(); syncDrawerVisibility(); bindMobileDrawerControls(); disableDrawerImageZoom(); bindDrawerSafeZones(); bindDrawerActionZones(); protectDrawerActionControls(); bindBundleEditAddToCart(); bindCartBundleEditLinks(); syncSelectedRemoveButtons(); syncMobileFooterSlots(); prefetchVisibleDrawerProducts(); if (!shouldSuspendAutomaticBundleRestore()) { restoreBundleSelectionFromUrl(); } }); }; const runAllSafely = () => { if (isApplyingEnhancements) return; isApplyingEnhancements = true; try { runAll(); } finally { window.setTimeout(() => { isApplyingEnhancements = false; }, 40); } }; const scheduleRunAll = (delay = 32) => { clearTimeout(debounceTimer); debounceTimer = setTimeout(() => { runAllSafely(); }, delay); }; wasDrawerOpen = !!document.querySelector(".gbbMixProductsModalOpen"); runAllSafely(); if (observer) observer.disconnect(); observer = new MutationObserver(() => { if (isApplyingEnhancements) return; const isDrawerOpen = !!document.querySelector(".gbbMixProductsModalOpen"); if (isDrawerOpen && !wasDrawerOpen) { wasDrawerOpen = true; triggerFastDrawerRefresh(); return; } if (!isDrawerOpen && wasDrawerOpen) { wasDrawerOpen = false; clearFastDrawerTimers(); } scheduleRunAll(isDrawerOpen ? 24 : 48); }); observer.observe(document.body, { childList: true, subtree: true, }); document.addEventListener("click", () => { if (isApplyingEnhancements) return; scheduleRunAll(24); }); document.addEventListener( "click", (event) => { if (isCartMutationTrigger(event.target)) { queueCartBubbleCountResync(true); } if (event.target instanceof Element && event.target.closest(".cart-drawer__close-button")) { boostMobileCartBubbleSync(); } }, true ); document.addEventListener( "change", (event) => { if (isCartQuantityInput(event.target)) { queueCartBubbleCountResync(true); } }, true ); document.addEventListener( "focusout", (event) => { if (isCartQuantityInput(event.target)) { queueCartBubbleCountResync(true); } }, true ); document.addEventListener("cart:refresh", () => { queueCartBubbleCountResync(true); }); document.addEventListener("cart:update", (event) => { const cart = event?.detail?.resource || event?.detail?.data?.cart || event?.detail?.cart || null; if (cart && syncCartBubbleCount(cart)) { queueCartBubbleCountResync(false); return; } queueCartBubbleCountResync(true); }); window.addEventListener("pageshow", () => { applyStoredCartBubbleCount(); ensureCartBubbleCountSynced(true); setTimeout(runAllSafely, 80); }); document.addEventListener("visibilitychange", () => { if (document.visibilityState === "visible") { applyStoredCartBubbleCount(); ensureCartBubbleCountSynced(); } }); window.addEventListener("focus", () => { applyStoredCartBubbleCount(); ensureCartBubbleCountSynced(); }); window.addEventListener("online", () => { applyStoredCartBubbleCount(); ensureCartBubbleCountSynced(true); }); window.addEventListener("load", () => { applyStoredCartBubbleCount(); ensureCartBubbleCountSynced(true); setTimeout(runAllSafely, 250); setTimeout(runAllSafely, 700); }); })();

Votre panier est vide

Actualités