LifeStraw (2024)

` ); etaText = etaText.replaceAll( "{max_date}", `

${maxDate}

` ); etaText = etaText.replaceAll( "{zip_code}", `

` ); document.getElementById("wonderment-pdp-eta-eta-text").innerHTML = etaText; document.getElementById("wonderment-pdp-eta-hint-text").innerHTML = hintText; if (iconUrl){ document.getElementById("wonderment-pdp-eta-icon").src = iconUrl; document.getElementById("wonderment-pdp-eta-icon").style.display = "block"; } else { document.getElementById('wonderment-pdp-eta-hint-text').style.marginLeft = '0px'; } // Need to add event listener again addedZipCodePickerListener = false; }) } function togglePickerOpen() { isModalOpen = !isModalOpen; document.getElementById( "wonderment-zip-code-picker-parent-wrapper" ).style.display = isModalOpen ? "block" : "none"; document .getElementById("wonderment-zip-code-picker-zip-code-input") .focus(); } if (showEtas) { updateEta(cachedZip) // EVENT HANDLING const observer = new MutationObserver(function (mutations) { let zipCodePicker = document.getElementById("wonderment-zip-code-picker"); if (zipCodePicker && !addedZipCodePickerListener) { addedZipCodePickerListener = true document .getElementById("wonderment-zip-code-picker") .addEventListener("click", function (e) { togglePickerOpen(); }); } }); observer.observe(document, { attributes: false, childList: true, characterData: false, subtree: true, }); function handleNewZip(newZip) { if (newZip.length === 5) { // Set new zip document.getElementById("wonderment-zip-code-picker-text").innerHTML = newZip; // Hide picker togglePickerOpen(); // Clear error document.getElementById( "wonderment-zip-code-picker-error-text" ).style.display = "none"; // Update local storage cache localStorage.setItem(ZIP_LOCAL_STORAGE_KEY, newZip); // Clear input document.getElementById( "wonderment-zip-code-picker-zip-code-input" ).value = ""; // Call API to get new ETA updateEta(newZip) } else { document.getElementById( "wonderment-zip-code-picker-error-text" ).style.display = "block"; } } document .getElementById("wonderment-zip-code-picker-save-button") .addEventListener("click", function (e) { const newZip = document.getElementById( "wonderment-zip-code-picker-zip-code-input" ).value; handleNewZip(newZip); }); document .getElementById("wonderment-zip-code-picker-zip-code-input") .addEventListener("keydown", (e) => { const currZip = document.getElementById( "wonderment-zip-code-picker-zip-code-input" ).value; if (e.key === "Enter") { handleNewZip(currZip); } else if ( e.key !== "Backspace" && (isNaN(e.key) || currZip.length >= 5) ) { handleNewZip(currZip) } }); window.addEventListener("click", function (e) { if (isModalOpen && !e.target.id.includes("wonderment-zip-code-picker")) { togglePickerOpen(); } }); }