addToCartButtonClicked", () => { const CONFIG = { iframeSelector: "#candyrack-frame", checkInterval: 100, addDelay: 650, customButtonClass: "cr-custom-add-continue", buttonText: "Add and continue", heading: "Receive an additional discount", subheading: "Karri is more fun with friends – buy another one now & receive an additional discount at checkout.", membershipLabel: "Membership", membershipPlan: "Premium", membershipPeriod: "Annually", membershipPrice: "47.88 GBP" }; const htmlToElement = (html) => { const template = document.createElement("template"); template.innerHTML = html.trim(); return template.content.firstChild; } ; const sleep = (ms) => new Promise( (resolve) => setTimeout(resolve, ms)); const getIframeDoc = () => { const iframe = document.querySelector(CONFIG.iframeSelector); return iframe?.contentDocument || null; } ; const simulateRealClick = (element) => { if (!element) return false; ["pointerdown", "mousedown", "pointerup", "mouseup", "click"].forEach( (eventName) => { element.dispatchEvent(new MouseEvent(eventName,{ bubbles: true, cancelable: true, view: window })); } ); return true; } ; const isElementInteractable = (element) => { if (!element) return false; const style = element.ownerDocument.defaultView.getComputedStyle(element); return (element.isConnected && !element.disabled && style.display !== "none" && style.visibility !== "hidden"); } ; const waitFor = (checkFn, timeout=3000, interval=50) => { return new Promise( (resolve) => { const start = Date.now(); const timer = setInterval( () => { let result = false; try { result = checkFn(); } catch (e) { result = false; } if (result) { clearInterval(timer); resolve(true); return; } if (Date.now() - start >= timeout) { clearInterval(timer); resolve(false); } } , interval); } ); } ; const getLiveButtons = () => { const doc = getIframeDoc(); if (!doc) return {}; return { doc, addButton: doc.querySelector('.offer-button-grid [data-cy="add"]'), continueButton: doc.querySelector('.Footer [data-cy="continue-button"]') }; } ; const waitForAddProcessing = async (addButton) => { if (!addButton) return false; const initialText = (addButton.textContent || "").trim(); const initialClass = addButton.className; const initialDisabled = !!addButton.disabled; const started = await waitFor( () => { if (!addButton.isConnected) return false; const currentText = (addButton.textContent || "").trim(); const currentClass = addButton.className; const currentDisabled = !!addButton.disabled; const ariaBusy = addButton.getAttribute("aria-busy") === "true"; return (currentDisabled !== initialDisabled || currentText !== initialText || currentClass !== initialClass || ariaBusy); } , CONFIG.addProcessingTimeout); if (!started) return false; await waitFor( () => { if (!addButton.isConnected) return true; const currentText = (addButton.textContent || "").trim(); const ariaBusy = addButton.getAttribute("aria-busy") === "true"; return !addButton.disabled && !ariaBusy && currentText === initialText; } , CONFIG.addProcessingTimeout); return true; } ; const waitForContinueReady = async () => { return waitFor( () => { const {continueButton} = getLiveButtons(); return isElementInteractable(continueButton); } , CONFIG.continueReadyTimeout); } ; const handleAddAndContinue = async (customButton) => { if (customButton.dataset.processing === "true") return; customButton.dataset.processing = "true"; customButton.style.opacity = "0.7"; customButton.style.pointerEvents = "none"; try { let { doc, addButton } = getLiveButtons(); if (!addButton) { throw new Error("Live Add button not found"); } simulateRealClick(addButton); /* Keep this delay short. 500–700ms should usually be enough for Candy Rack to register the add selection before Continue is clicked. */ await sleep(650); let { continueButton } = getLiveButtons(); if (!continueButton) { throw new Error("Live Continue button not found"); } simulateRealClick(continueButton); setTimeout(() => { const latestDoc = getIframeDoc(); const modalStillOpen = latestDoc?.querySelector("#modal-container"); if (modalStillOpen) { customButton.dataset.processing = "false"; customButton.style.opacity = "1"; customButton.style.pointerEvents = ""; } }, 1200); } catch (error) { console.error("Custom Add and continue flow failed:", error); customButton.dataset.processing = "false"; customButton.style.opacity = "1"; customButton.style.pointerEvents = ""; } }; const setupPopup = () => { const doc = getIframeDoc(); if (!doc) return false; const footer = doc.querySelector(".Footer"); const rejectButton = footer?.querySelector('[data-cy="reject-button"]'); const mainContentInner = doc.querySelector(".Main-Content .simplebar-content > div"); const productLine = doc.querySelector(".Product-Line"); const selectWrapper = doc.querySelector(".Select-Variant--wrapper-grid"); if (!footer || !rejectButton || !mainContentInner || !productLine || !selectWrapper) { return false; } if (!doc.querySelector(".cr-custom-top-block")) { const successImageSrc = productLine.querySelector("img")?.getAttribute("src") || ""; const topBlock = htmlToElement(`

Successfully added to your basket!

${CONFIG.heading}

${CONFIG.subheading}

`); mainContentInner.insertAdjacentElement("afterbegin", topBlock); } doc.querySelector(".Header")?.classList.add("cr-hide-original"); doc.querySelector(".Product-Line")?.classList.add("cr-hide-original"); if (!doc.querySelector(".cr-custom-membership")) { const membershipBlock = htmlToElement(`

${CONFIG.membershipLabel}

${CONFIG.membershipPlan}

${CONFIG.membershipPeriod}

${CONFIG.membershipPrice}

`); selectWrapper.insertAdjacentElement("afterend", membershipBlock); } let customButton = footer.querySelector(`.${CONFIG.customButtonClass}`); if (!customButton) { customButton = htmlToElement(` `); rejectButton.insertAdjacentElement("afterend", customButton); } if (!customButton.dataset.listenerAttached) { customButton.dataset.listenerAttached = "true"; customButton.addEventListener("click", () => handleAddAndContinue(customButton)); } return true; } ; const interval = setInterval( () => { if (setupPopup()) { clearInterval(interval); } } , CONFIG.checkInterval); } );

Pays/région

Langue

Articles à la une

Vous aimez ce que vous voyez ?