let hasEnteredAddress = false; let addressInitialSetup = false; let cancelAddressFinder = false; let cancelAddressFinderState = false; const getInputValue = (input) => document.querySelector(`#${input}`).value; const revertToNormal = () => { // Cancel all functionality cancelAddressFinder = true; // Revert items. document.querySelector("[for=shipping_addressstreet]").innerText = "Street*" document.getElementById("shipping_addressdistrictname_container").style.display = ""; document.getElementById("shipping_addresscity_container").style.display = ""; document.getElementById("shipping_addressstate_container").style.display = ""; document.getElementById("shipping_addresszipcode_container").style.display = ""; document.querySelector(".geocodeInput-button").style.display = ""; document.getElementById("shipping_addressstreet").placeholder = ""; // Change label for street and district document.querySelector("label[for=shipping_addressstreet].msc-address-form__label").innerText = "Address Line 1 *"; document.querySelector("label[for=shipping_addressdistrictname].msc-address-form__label").innerText = "Address Line 2"; // Hide the enter address normally button. document.querySelector("#enterAddressManually").style.display = "none"; // Hide the result container. document.querySelector("#address-result-container-next").innerHTML = ""; document.querySelector("#address-result-container-next").style.display = "none"; // Attempt to set the styling back to normal. if (document.querySelector(".geocodeInput ul.geocodeInput-list")) document.querySelector(".geocodeInput ul.geocodeInput-list").style.marginTop = ""; }; setInterval(() => { if (!hasEnteredAddress && !cancelAddressFinder) { // Form not yet available. if (!document.querySelector("#shipping_addressstreet_container")) return; // Enter address manually. if (!addressInitialSetup) { const finder = document.querySelector("#shipping_addressstreet_container"); // Enter Address Manually Button. if (document.querySelectorAll("#enterAddressManually-container").length < 1) { const enterAddressButton = document.createElement('div'); enterAddressButton.id = "enterAddressManually-container"; enterAddressButton.innerHTML = "

Enter Address Manually

"; enterAddressButton.onclick = revertToNormal; finder.insertAdjacentElement('beforeend', enterAddressButton); } // Container for address result. const addressResultContainer = document.createElement("div"); addressResultContainer.id = "address-result-container-next"; finder.insertAdjacentElement('afterend', addressResultContainer); addressInitialSetup = true; // Event listeners to reactivate address lookup document.querySelectorAll(".ms-checkout__guided-card-btn-save.msc-btn.btn-primary, .ms-checkout__guided-card-btn-cancel.msc-btn.btn-secondary").forEach(s => s.addEventListener("click", handleFormSave)); } document.querySelector("[for=shipping_addressstreet]").innerText = "Address Finder *"; document.getElementById("shipping_addressdistrictname_container").style.display = "none"; document.getElementById("shipping_addresscity_container").style.display = "none"; document.getElementById("shipping_addressstate_container").style.display = "none"; document.getElementById("shipping_addresszipcode_container").style.display = "none"; document.querySelector(".geocodeInput-button").style.display = "none"; document.getElementById("shipping_addressstreet").style.width = "100%"; document.getElementById("shipping_addressstreet").style.display = "inline-block"; document.getElementById("shipping_addressstreet").style.marginRight = "20px"; document.getElementById("shipping_addressstreet").placeholder = "Start typing postcode or street address..."; document.querySelectorAll(".geocodeInput-list > li").forEach(i => { i.onclick = function() { handleAddressLookup() }; console.log(i); }); try { // Shipping Message Override if (window.location.href.indexOf("shippingMessage=") > -1 && document.querySelector(".ms-checkout-billing-address").style.display !== "none") { document.querySelector("div[data-type-name='checkout-shipping-address']").parentElement.parentElement.parentElement.parentElement.querySelector("h2 > span.ms-checkout__guided-card-title-text").innerText = "Billing Address"; document.querySelector("#shipping_addressname_container").parentElement.insertAdjacentHTML("afterBegin", '

You have selected multiple addresses. Shipping address has been completed using the digital form.

'); document.querySelector(".ms-checkout-billing-address").style.display = "none"; const interceptClickEvent = (e) => { var href; var target = e.target || e.srcElement; if (target.tagName !== 'A') target = target.closest('A'); if (target.tagName === 'A') { href = target.getAttribute('href'); console.log(href); //put your logic here... if (href === "/" || href.indexOf('.p') > -1) { // tell the browser not to respond to the link click e.preventDefault(); const check = confirm("Are you sure you want to leave, your changes will not be saved?"); if (check) { window.location.href = href; } } } } if (document.addEventListener) { document.addEventListener('click', interceptClickEvent); } else if (document.attachEvent) { document.attachEvent('onclick', interceptClickEvent); } //window.onbeforeunload = function(e){ // const returnResult = "If you leave the checkout now, the changes and corporate gifts added will not be saved."; // (e || window.event).returnValue = returnResult; // return returnResult; //}; } } catch { console.error("Unable to handle shipping message"); } // Correct position of list display. if (document.querySelector(".geocodeInput ul.geocodeInput-list")) document.querySelector(".geocodeInput ul.geocodeInput-list").style.marginTop = "-31px"; } else if (hasEnteredAddress && !cancelAddressFinder) { // Continue to hide this button. document.querySelector(".geocodeInput-button").style.display = "none"; // Show the address let addressOutput = `

${getInputValue('shipping_addressstreet')}`; if (getInputValue('shipping_addressdistrictname').length > 2) addressOutput += `${getInputValue('shipping_addressdistrictname')}`; addressOutput += `${getInputValue('shipping_addresscity')} ${getInputValue('shipping_addresszipcode')}

`; document.querySelector("#address-result-container-next").innerHTML = addressOutput; // Correct position of list display. if (document.querySelector(".geocodeInput ul.geocodeInput-list")) document.querySelector(".geocodeInput ul.geocodeInput-list").style.marginTop = "-31px"; } else if (cancelAddressFinderState) { revertToNormal(); } }, 500); function handleFormSave() { cancelAddressFinderState = cancelAddressFinder; hasEnteredAddress = false; addressInitialSetup = false; } function handleAddressLookup() { hasEnteredAddress = true; document.querySelector(".geocodeInput-button").click(); document.querySelector(".geocodeInput-list-item").click(); }

Checkout