\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t${alt}
\n\t\t\t\t\t![](\"https://cdn.filestackcontent.com/A6dTpd53SmIg0pBfJJhgAz/cache=expiry:31536002/https://www.nathab.com/uploaded-files/_global/thumbnail-enews-v11.png\")
';\n\t\t\tconst enewsIconElement = document.querySelector(\".js-chat-enews-icon\");\n\t\t\tif (!enewsIconElement) {\n\t\t\t\tmailboxIcon.insertAdjacentHTML(\"beforebegin\", enewsIcon);\n\t\t\t}\n\t\t}\n\t}\n\n\t// MAIN FUNCTIONS TO AUTO POPUP CHAT\n\t// Initial 90 second chat auto popup\n\tfunction autoPopChatAfterXSeconds(isOperatorAvailable) {\n\t\tconst autopopDelay = 90000; // 90 seconds\n\t\t// const autopopDelay = 15000; // 15 seconds for testing\n\n\t\t// auto popup chat only on desktop && if operator is online\n\t\tif (browserDevice !== \"desktop\" || isOperatorAvailable !== true) {\n\t\t\treturn;\n\t\t}\n\n\t\t// autopop only if chat is online, autopop blocking cookie is not set, and at least 90 seconds have passed\n\t\tlet chatCookieCheck = cookieValueCheck(\"chatAutoPopup\");\n\t\tif (getCookie(\"chatAutoPopupBlock\") === \"true\" || chatCookieCheck < autopopDelay) {\n\t\t\treturn;\n\t\t}\n\n\t\t// set cookie if not already set\n\t\tif (chatCookieCheck === \"none\") {\n\t\t\tsetAutoPopupCookie(\"chatAutoPopup\", chatCookieMaxAge);\n\t\t\treturn;\n\t\t}\n\n\t\t// if no modal is open and no video is playing, auto pop chat and set cookies\n\t\tmodalAndVideoCheck = callOpenModalAndVideoFunctions();\n\t\tif (modalAndVideoCheck === false) {\n\t\t\topenChat(isOperatorAvailable);\n\t\t\tsetAutoPopupCookie(\"chatAutoPopup\", \"0\"); //remove (expire) cookie so other auto popup works\n\t\t\tsetAutoPopupCookie(\"chatAutoPopupBlock\", chatCookieMaxAge);\n\t\t}\n\t}\n}\n\n// User-action-initiated chat auto popup occurs after user submits Ask a Question, Send Us a Message, or downloads PDF forms or opens a date or pricing accordion\nexport function autoPopChatUserAction(inputID) {\n\tconst inputDiv = document.querySelector(inputID);\n\tconst bodyDiv = document.querySelector(\"body\");\n\tconst userActionAutopopDelay = 15000; // 15 seconds\n\tlet modalInputDiv;\n\tlet accordionInputDiv;\n\n\t// auto popup chat only on desktop && if operator is online\n\tlet isOperatorAvailable = checkChatStatus();\n\tif (getBrowserDevice() !== \"desktop\" || isOperatorAvailable !== true) {\n\t\treturn;\n\t}\n\n\t// assign variable whether modal or accordion to determine how chat auto popup is executed\n\tif (inputDiv.hasAttribute(\"accordion\")) {\n\t\taccordionInputDiv = inputDiv;\n\t} else {\n\t\tmodalInputDiv = inputDiv;\n\t}\n\n\t// if input that triggered function is an open modal, add click listener to know when it's closed\n\tif (modalInputDiv && modalInputDiv.checked) {\n\t\tbodyDiv.addEventListener(\"click\", shouldChatAutoPop);\n\t}\n\n\t// if input that triggered function is an open accordion, call chat auto popup to open on top of accordion\n\tif (accordionInputDiv) {\n\t\tshouldChatAutoPop();\n\t}\n\n\tfunction shouldChatAutoPop() {\n\t\tconst chatCookieMaxAge = \"43200\"; // 43200 seconds = 12 hours\n\n\t\t// don't auto popup chat if the form is still open\n\t\tif (modalInputDiv && modalInputDiv.checked) {\n\t\t\treturn;\n\t\t}\n\t\t// don't auto popup chat if user action autopop has happened within 12 hours (both cookies have a value)\n\t\tlet chatCookieCheck = cookieValueCheck(\"chatAutoPopup\");\n\t\tif (chatCookieCheck !== \"none\" && getCookie(\"chatAutoPopupBlock\") === \"true\") {\n\t\t\treturn;\n\t\t}\n\t\t// don't auto popup chat if any modal is open or video is playing\n\t\tlet modalAndVideoCheck = callOpenModalAndVideoFunctions();\n\t\tif (modalAndVideoCheck === true) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (modalInputDiv || (accordionInputDiv && accordionInputDiv.checked)) {\n\t\t\t// set session in case user goes to a new page before chat is auto popped\n\t\t\tsessionStorage.setItem(\"chatAutoPopupSession\", Number(Date.now()));\n\n\t\t\t// 15 second delay\n\t\t\tsetTimeout(function () {\n\t\t\t\t// need to recheck this in case modal or video opened after Thank You message closed and before chat is popped\n\t\t\t\tmodalAndVideoCheck = callOpenModalAndVideoFunctions();\n\t\t\t\tif (modalAndVideoCheck === true) {\n\t\t\t\t\tbodyDiv.addEventListener(\"click\", () => {\n\t\t\t\t\t\tmodalAndVideoCloseTimerForAccordion(isOperatorAvailable);\n\t\t\t\t\t});\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif (getCookie(\"chatAutoPopupBlock\") === \"true\") return;\n\n\t\t\t\topenChat(isOperatorAvailable);\n\t\t\t\tif (chatCookieCheck === \"none\") {\n\t\t\t\t\tsetAutoPopupCookie(\"chatAutoPopup\", chatCookieMaxAge);\n\t\t\t\t}\n\t\t\t\tsetAutoPopupCookie(\"chatAutoPopupBlock\", chatCookieMaxAge);\n\n\t\t\t\t// remove listener on all accordions after the first one is opened and triggers chat auto popup\n\t\t\t\tif (accordionInputDiv && accordionInputDiv.checked) {\n\t\t\t\t\tremoveAccordionClickListener();\n\t\t\t\t}\n\t\t\t}, userActionAutopopDelay);\n\t\t}\n\t}\n}\n\n// AUTO POPUP HELPER FUNCTIONS\n// Check online/offline chat status\nfunction checkChatStatus() {\n\tconst chatButtonDesktop = document.querySelector(\".js-chat-button-desktop\");\n\tif (chatButtonDesktop.classList.contains(\"chatoff\")) {\n\t\treturn false;\n\t}\n\tconst olarkTopBarText = document.querySelector(\".olark-top-bar-text\");\n\tif (!olarkTopBarText) {\n\t\treturn \"blocked\"; // olark not rendered so likely blocking 3rd party cookies\n\t}\n\n\tif (olarkTopBarText.textContent.toLowerCase().includes(\"offline\")) {\n\t\treturn false;\n\t} else {\n\t\treturn true;\n\t}\n}\n\n// As a pre-condition to auto popping chat, call functions to check if any modal is open or a video is playing\nexport function callOpenModalAndVideoFunctions() {\n\tlet isModalOpen = checkForOpenModals();\n\tlet wistiaVideoPlayStatus = checkIfWistiaVideoPlaying();\n\tif (isModalOpen === false && wistiaVideoPlayStatus === false) {\n\t\treturn false;\n\t} else {\n\t\treturn true;\n\t}\n}\n\n// Remove click listeners on all accordions after one has been opened and triggered chat auto pop\nfunction removeAccordionClickListener() {\n\tconst datesAndPricingAccordions = document.querySelectorAll('[accordion=\"checkbox\"]');\n\tdatesAndPricingAccordions.forEach(function (accordion) {\n\t\taccordion.removeEventListener(\"click\", accordionClickListener);\n\t});\n}\n\n// Timer function in case user has opened modal/video after accordion timer is set and before chat popup happens to pop chat after modal/video is closed\nfunction modalAndVideoCloseTimerForAccordion(isOperatorAvailable) {\n\tconst closeTimerDelay = 1500; // 1.5 second delay\n\tconst bodyDiv = document.querySelector(\"body\");\n\n\tconst modalAndVideoCheck = callOpenModalAndVideoFunctions();\n\tif (modalAndVideoCheck === false) {\n\t\tsetTimeout(function () {\n\t\t\topenChat(isOperatorAvailable);\n\t\t\tbodyDiv.removeEventListener(\"click\", () => {\n\t\t\t\tmodalAndVideoCloseTimerForAccordion(isOperatorAvailable);\n\t\t\t});\n\t\t\tremoveAccordionClickListener(); // remove listener on all accordions after the first one is open and triggers chat auto popup\n\t\t\tlet chatCookieCheck = cookieValueCheck();\n\t\t\tif (chatCookieCheck === \"none\") {\n\t\t\t\tsetAutoPopupCookie(\"chatAutoPopup\", chatCookieMaxAge);\n\t\t\t}\n\t\t\tsetAutoPopupCookie(\"chatAutoPopupBlock\", chatCookieMaxAge);\n\t\t}, closeTimerDelay);\n\t}\n}\n\n// UTILITY FUNCTIONS\n// Utility function to check cookie or session\nfunction cookieValueCheck(cookie) {\n\tlet currentTime = Number(Date.now());\n\tlet currentCookieValue;\n\tif (cookie === \"chatAutoPopupSession\") {\n\t\tcurrentCookieValue = sessionStorage.getItem(\"chatAutoPopupSession\") || currentTime;\n\t} else {\n\t\tcurrentCookieValue = Number(getCookie(`${cookie}`) || currentTime);\n\t}\n\tlet timeDiff = currentTime - currentCookieValue;\n\tif (cookie === \"chatAutoPopupSession\") {\n\t\treturn timeDiff;\n\t}\n\tif (currentCookieValue === currentTime) {\n\t\treturn \"none\";\n\t} else {\n\t\treturn timeDiff;\n\t}\n}\n\n// Utility function to set cookie\nfunction setAutoPopupCookie(cookie, expiration) {\n\tlet currentTime = Number(Date.now());\n\tlet autoPopupCookieValue;\n\tif (cookie === \"chatAutoPopup\") {\n\t\tautoPopupCookieValue = currentTime;\n\t}\n\tif (cookie === \"chatAutoPopupBlock\") {\n\t\tautoPopupCookieValue = \"true\";\n\t}\n\tdocument.cookie = `${cookie}=${autoPopupCookieValue}; path=/; domain=nathab.com; max-age=${expiration}`; // 43200 = 12 hour expiration, seconds\n}\n\n// Utility function to auto open chat, clear session, and push event\nfunction openChat(isOperatorAvailable) {\n\tif (isOperatorAvailable !== true) return;\n\tolark(\"api.box.expand\");\n\tpushEvent(\"Olark_Chat\", \"Auto Popup\");\n\tsessionStorage.removeItem(\"chatAutoPopupSession\");\n\n\tconst chatButtonStartChatClass = \".olark-button.olark-survey-form-submit\";\n\twaitUntilElementExists(chatButtonStartChatClass).then(chatStartClickListener);\n\n\tfunction chatStartClickListener() {\n\t\tconst chatButtonStartChat = document.querySelector(chatButtonStartChatClass);\n\t\tchatButtonStartChat.addEventListener(\"click\", function (e) {\n\t\t\tpushEvent(\"Olark_Chat\", \"Auto Popup\", \"Chat Started\");\n\t\t});\n\t}\n}\n// Utility function to check whether chat box open\nexport function isChatOpen() {\n\tconst olarkContainer = document.querySelector(\"#olark-container\");\n\tlet isChatBoxOpen = false;\n\n\tif (olarkContainer && !olarkContainer.classList.contains(\"olark-hidden\")) {\n\t\tisChatBoxOpen = true;\n\t}\n\n\treturn isChatBoxOpen;\n}\n\n// add click listener and auto popup chat when accordion is opened, gets called after dates accordion is dynamically built\nexport function autoPopupChatAccordionClickListener() {\n\tconst datesAndPricingAccordions = document.querySelectorAll('[accordion=\"checkbox\"]');\n\tdatesAndPricingAccordions.forEach(function (accordion) {\n\t\taccordion.addEventListener(\"click\", accordionClickListener);\n\t});\n}\n\nfunction accordionClickListener(event) {\n\tif (event.target.checked) {\n\t\tlet accordionID = event.target.getAttribute(\"id\");\n\t\tautoPopChatUserAction(`input[id=\"${accordionID}\"]`); // NOW THAT OLARK IS WRAPPED IN FUNCTION, THIS ISN'T AVAILABLE FOR USE HERE\n\t}\n}\n","import { countryList } from \"../../../components/lists/country-list/_country-list.js\";\nimport { pushEvent, pushEventFacebook, pushEventBing, saveUserCountryToLocalStorage } from \"../../../assets/js/utilities.js\";\nimport { initJsFormatPhone, initJsFormatName, setOptsOnMarketoForm, isFormValid, isNewsletterChecked, setNewsletterCheckbox, pushUtmToMarketoForm, toggleButtonDisabled, isThisSpam } from \"../../../assets/js/global-form-functions.js\";\nimport { isSMSOptinChecked, setSMSOptsOnMarketoForm } from \"../../../assets/js/global-form-functions.js\";\nimport { initSmarty } from \"../../../assets/js/smartypants.js\";\nimport { autoPopChatUserAction } from \"../../olark/_script.js\";\nimport { toggleAmbientVideo } from \"../../../components/hero/_video.js\";\n\nexport async function pdfModal() {\n\tawait saveUserCountryToLocalStorage();\n\tlet userCountry = localStorage.getItem(\"country\") || \"unknown\";\n\n\tlet pageURL = document.querySelector(\".js-page-url\").innerText.trim();\n\tlet getPageURL = pageURL.split(\"/\");\n\tlet pdf = new Object();\n\tpdf.formName = \"#form-pdf\";\n\tpdf.eventAction = \"\";\n\tpdf.catalog = false;\n\tpdf.catalogElement = document.querySelector(\"[js-pdf-catalog-toggle]\");\n\tpdf.smsElementParent = document.querySelector(\".js-sms-checkbox-pdf\");\n\tpdf.smsElement = document.querySelector(\"[js-pdf-sms]\");\n\tpdf.phoneElementInput = document.querySelector(\"[js-pdf-phone-toggle]\");\n\tpdf.phoneElementLabel = document.querySelector('[for~=\"form-pdf-phone\"]');\n\tpdf.emailElement = document.querySelector(\"[js-pdf-form-email]\");\n\tpdf.locationSelector = \"js-pdf-location\";\n\tpdf.locationFirstElement = document.querySelector(`[${pdf.locationSelector}]`);\n\tpdf.locationAllElements = document.querySelectorAll(`[${pdf.locationSelector}]`);\n\tpdf.locationValue = \"PDF\";\n\tpdf.linkSelector = document.querySelector(\"#printpdf\");\n\tpdf.linkHref = `https://nathab-pdf.s3.amazonaws.com/${getPageURL[2]}.pdf`;\n\tpdf.linkSelector.setAttribute(\"href\", pdf.linkHref);\n\tpdf.recentTripPDFRequest = $(\"h1\").text();\n\tpdf.firstInput = document.querySelector(\"[pdf-form-label]\");\n\n\tlet catalogFieldWrappersForPdf = document.querySelectorAll(\"[js-pdf-toggle-catalog]\"),\n\t\tcatalogRequiredFieldsForPdf = document.querySelectorAll(\"[js-pdf-field-required]\"),\n\t\tpdfScreenRequired = document.querySelector(\".js-pdf-required\"),\n\t\tpdfScreenThankYou = document.querySelector(\".js-pdf-thankyou\");\n\n\tinitJsFormatPhone();\n\tinitJsFormatName();\n\n\t// // EVENT - Generate image in aside from hero image\n\t// let pdfAsideImage = document.querySelector(\".js-pdf-aside-image\");\n\t// let heroImageSrc = document.querySelector('[jstemplate=\"trip\"]').src;\n\t// pdfAsideImage.setAttribute(\"src\", heroImageSrc);\n\n\t// Event - When catalog request checkbox changes do stuff\n\tpdf.catalogElement.addEventListener(\"input\", function () {\n\t\tif (this.checked) {\n\t\t\ttoggleCatalogFieldsForPdf(\"show\");\n\t\t\tpdf.emailElement.setAttribute(\"pdf-form-field\", \"100%\");\n\t\t\tpushEvent(\"Misc\", \"PDF\", \"Show Catalog Form\");\n\t\t} else {\n\t\t\ttoggleCatalogFieldsForPdf(\"hide\");\n\t\t\tpdf.emailElement.setAttribute(\"pdf-form-field\", \"50%\");\n\t\t\tpushEvent(\"Misc\", \"PDF\", \"Hide Catalog Form\");\n\t\t}\n\t});\n\n\t// Event - When SMS checkbox changes do stuff\n\tfunction smsCheckbox() {\n\t\tpdf.smsElement.addEventListener(\"input\", function () {\n\t\t\tif (this.checked) {\n\t\t\t\tpdf.phoneElementInput.setAttribute(\"required\", \"\");\n\t\t\t\tpdf.phoneElementLabel.setAttribute(\"pdf-form-label\", \"required\");\n\t\t\t} else {\n\t\t\t\tpdf.phoneElementInput.removeAttribute(\"required\");\n\t\t\t\tpdf.phoneElementLabel.setAttribute(\"pdf-form-label\", \"\");\n\t\t\t\tpdf.phoneElementInput.classList.remove(\"js-invalid\");\n\t\t\t}\n\t\t});\n\t}\n\n\t// EVENT - Add event listener to all elements with the locationSelector\n\tpdf.locationAllElements.forEach((element) => {\n\t\telement.addEventListener(\"click\", function () {\n\t\t\tsessionStorage.setItem(\"modalOpen\", true);\n\n\t\t\t// pause ambient video when modal is opened\n\t\t\ttoggleAmbientVideo(false);\n\n\t\t\tconst countryInput = document.querySelectorAll(`${pdf.formName} .js-smarty-country`);\n\n\t\t\tif (userCountry !== \"unknown\") {\n\t\t\t\tcountryInput.forEach((input) => {\n\t\t\t\t\tconst country = countryList.filter((country) => userCountry === country.code);\n\t\t\t\t\tinput.value = country[0].name;\n\t\t\t\t});\n\t\t\t}\n\t\t\tif (userCountry === \"US\") {\n\t\t\t\tsetNewsletterCheckbox();\n\t\t\t\tinitSmarty(pdf.formName);\n\t\t\t\tpdf.smsElementParent.classList.remove(\"hide\");\n\t\t\t\tsmsCheckbox();\n\t\t\t} else if (userCountry === \"IN\" || userCountry === \"AU\") {\n\t\t\t\tsetNewsletterCheckbox();\n\t\t\t}\n\t\t\tif (checkMarketoForm() === false) {\n\t\t\t\tinitMarketoForm();\n\t\t\t}\n\t\t\tif (pdf.locationValue !== \"URL\") {\n\t\t\t\tpdf.locationValue = element.getAttribute(pdf.locationSelector);\n\t\t\t}\n\t\t\tpushEvent(\"Misc\", pdf.locationValue, \"Open\");\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tpdf.firstInput.focus();\n\t\t\t}, 1000);\n\t\t});\n\t});\n\n\t// EVENT - Check for #refer or in URL\n\tlet linksWithHash = document.querySelectorAll(\"a[href^='#']\");\n\tlet linksWithHashNormalized = [];\n\tlinksWithHash.forEach((link) => {\n\t\tlet href = link.getAttribute(\"href\").toLowerCase();\n\t\tif (href.includes(\"#pdf\")) {\n\t\t\tlinksWithHashNormalized.push(link);\n\t\t}\n\t});\n\tlet linksWithLightbox = document.querySelectorAll(\"a[href~='?lightbox=pdf']\");\n\tlet linksCombined = [...linksWithHashNormalized, ...linksWithLightbox];\n\taddClickEvents(linksCombined);\n\tfunction addClickEvents(list) {\n\t\tlist.forEach((element) => {\n\t\t\telement.addEventListener(\"click\", function (e) {\n\t\t\t\te.preventDefault();\n\t\t\t\tpdf.locationValue = \"Link\";\n\t\t\t\tpdf.locationFirstElement.click();\n\t\t\t});\n\t\t});\n\t}\n\n\t// EVENT - Check for #hash or ?lightbox=value in URL\n\tif (pageURL.indexOf(\"#pdf\") > 0 || pageURL.indexOf(\"#pdf\") > 0 || window.location.search.match(/lightbox\\=pdf/i)) {\n\t\tpdf.locationValue = \"URL\"; //default\n\t\tpdf.locationFirstElement.click();\n\t}\n\n\t// EVENT - Handle submit of required form\n\tdocument.querySelector(\".js-pdf-button-required\").addEventListener(\"click\", function (e) {\n\t\te.preventDefault();\n\t\tpostFormpdf();\n\t\tautoPopChatUserAction(\"#modal-pdf\"); // NOW THAT OLARK IS WRAPPED IN FUNCTION, THIS ISN'T AVAILABLE FOR USE HERE\n\t});\n\n\tfunction toggleCatalogFieldsForPdf(action) {\n\t\tif (action === \"show\") {\n\t\t\tpdf.catalog = true;\n\t\t\tcatalogFieldWrappersForPdf.forEach((element) => {\n\t\t\t\telement.classList.remove(\"hide\");\n\t\t\t});\n\t\t\tcatalogRequiredFieldsForPdf.forEach((element) => {\n\t\t\t\telement.setAttribute(\"required\", \"\");\n\t\t\t});\n\t\t} else {\n\t\t\tpdf.catalog = false;\n\t\t\tcatalogFieldWrappersForPdf.forEach((element) => {\n\t\t\t\telement.classList.add(\"hide\");\n\t\t\t});\n\t\t\tcatalogRequiredFieldsForPdf.forEach((element) => {\n\t\t\t\telement.removeAttribute(\"required\");\n\t\t\t});\n\t\t}\n\t}\n\n\tfunction copyFieldsToMarketoForm() {\n\t\tlet fieldsToCopyArray = document.querySelectorAll(`${pdf.formName} [mrkto-field]`);\n\t\tfieldsToCopyArray.forEach((field) => {\n\t\t\tlet mrktoFieldSelector = field.getAttribute(\"mrkto-field\");\n\t\t\tif (field.value) {\n\t\t\t\tdocument.querySelector(mrktoFieldSelector).value = field.value;\n\t\t\t}\n\t\t});\n\t}\n\n\tfunction postFormpdf() {\n\t\tlet retryLimit = 3,\n\t\t\tretryAttempt = 0;\n\n\t\t// Validate form\n\t\tlet isValid = isFormValid(pdf.formName);\n\t\tif (isValid === false) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Check for spam\n\t\tif (isThisSpam(pdf.formName) === true) {\n\t\t\treturn;\n\t\t}\n\n\t\ttoggleButtonDisabled(document.querySelector(\".js-pdf-button-required\"));\n\n\t\t// Check if marketo form has been loaded, if not retry with limits\n\t\tif (checkMarketoForm() === false && retryAttempt < retryLimit) {\n\t\t\tinitMarketoForm(function () {\n\t\t\t\tretryAttempt++;\n\t\t\t\tpostFormpdf();\n\t\t\t});\n\t\t}\n\n\t\tMktoForms2.whenReady(function () {\n\t\t\tlet optins = \"\";\n\n\t\t\tpushUtmToMarketoForm(); // function lives in global\n\n\t\t\tdocument.querySelector(\"#recentTripPDFURL\").value = pdf.linkHref;\n\t\t\tdocument.querySelector(\"#recentTripPDFRequest\").value = pdf.recentTripPDFRequest;\n\t\t\tdocument.querySelector(\"#sourceDetail\").value = pdf.locationValue;\n\t\t\tdocument.querySelector(\"#requestedAt\").value = document.URL;\n\t\t\tdocument.querySelector(\"#LeadSource\").value = \"www.nathab.com\";\n\t\t\tdocument.querySelector(\"#recentConversionAction\").value = \"PDF Download\";\n\t\t\tdocument.querySelector(\"#referringWebsite\").value = utmObject.referringWebsite || \"\";\n\t\t\tdocument.querySelector(\"#isPDFDownload\").value = true;\n\n\t\t\tif (isNewsletterChecked(pdf.formName) === true) {\n\t\t\t\tdocument.querySelector(\"#isEmailSignup\").value = true;\n\t\t\t\toptins += \" eNews,\";\n\t\t\t\tsetOptsOnMarketoForm();\n\t\t\t}\n\n\t\t\tif (isSMSOptinChecked(pdf.formName) === true) {\n\t\t\t\tdocument.querySelector(\"#isSMSSignup\").value = true;\n\t\t\t\toptins += \" SMS\";\n\t\t\t\tsetSMSOptsOnMarketoForm();\n\t\t\t}\n\n\t\t\tif (pdf.catalog === true) {\n\t\t\t\tdocument.querySelector(\"#isCatalogRequested\").value = true;\n\t\t\t\tdocument.querySelector(\"#temp\").value = \"CatRequestIsTrue\";\n\t\t\t\toptins += \" Catalog\";\n\t\t\t}\n\n\t\t\toptins = optins || \" no optins\"; // if empty string, set to no optins\n\t\t\toptins = optins.endsWith(\",\") ? optins.slice(0, -1) : optins; // get rid of unnecessary ','\n\n\t\t\tlet pushEventString = `Submitted w/${optins}`;\n\t\t\tpushEvent(\"Misc\", pdf.locationValue, pushEventString);\n\n\t\t\tcopyFieldsToMarketoForm(pdf.formName);\n\n\t\t\tmarketoSubmitFormPdf();\n\n\t\t\tpushEventFacebook();\n\t\t\tpushEventBing();\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tpdfScreenRequired.classList.add(\"hide\");\n\t\t\t\tpdfScreenThankYou.classList.remove(\"hide\");\n\t\t\t\twindow.open(pdf.linkHref, \"_blank\");\n\t\t\t\tpdfScreenThankYou.scrollTop = 0;\n\t\t\t}, 2750);\n\t\t});\n\t}\n\n\tfunction marketoSubmitFormPdf() {\n\t\tif (checkMarketoForm() === false) {\n\t\t\tpushEvent(\"Marketo\", \"Form\", \"Not Loaded during marketoSubmitForm()\");\n\t\t}\n\n\t\tMktoForms2.whenReady(function (form) {\n\t\t\tform.submit();\n\t\t});\n\t}\n}\n","import { pushEvent, pushEventFacebook, pushEventBing, saveUserCountryToLocalStorage } from \"../../../assets/js/utilities.js\";\nimport { initJsFormatPhone, initJsFormatName, setOptsOnMarketoForm, setSMSOptsOnMarketoForm, isSMSOptinChecked, isFormValid, isNewsletterChecked, setNewsletterCheckbox, pushUtmToMarketoForm, toggleButtonDisabled, isThisSpam } from \"../../../assets/js/global-form-functions.js\";\nimport { initSmarty } from \"../../../assets/js/smartypants.js\";\nimport { autoPopChatUserAction } from \"../../olark/_script.js\";\nimport { toggleAmbientVideo } from \"../../../components/hero/_video.js\";\n\nexport async function askModal() {\n\tawait saveUserCountryToLocalStorage();\n\tlet userCountry = localStorage.getItem(\"country\") || \"unknown\";\n\n\tlet ask = new Object();\n\task.formName = \"#form-ask\";\n\task.newsletter = false;\n\task.catalog = false;\n\task.catalogElement = document.querySelector(\"[js-ask-catalog-toggle]\");\n\task.smsElementParent = document.querySelector(\".js-sms-checkbox-ask\");\n\task.smsElement = document.querySelector(\"[js-ask-sms]\");\n\task.phoneElementInput = document.querySelector(\"[js-ask-phone-toggle]\");\n\task.phoneElementLabel = document.querySelector('[for~=\"form-ask-phone\"]');\n\task.locationSelector = \"js-ask-location\";\n\task.locationFirstElement = document.querySelector(`[${ask.locationSelector}]`);\n\task.locationAllElements = document.querySelectorAll(`[${ask.locationSelector}]`);\n\task.locationValue = \"Unknown\";\n\task.firstInput = document.querySelector(\"[ask-form-label]\");\n\n\tlet catalogFieldWrappersForAsk = document.querySelectorAll(\"[js-ask-toggle-catalog]\"),\n\t\tcatalogRequiredFieldsForAsk = document.querySelectorAll(\"[js-ask-field-required]\"),\n\t\taskScreenRequired = document.querySelector(\".js-ask-required\"),\n\t\taskScreenThankYou = document.querySelector(\".js-ask-thankyou\");\n\n\tinitJsFormatPhone();\n\tinitJsFormatName();\n\n\t// Function - insert trip name into aside text\n\tfunction insertTripNameIntoAsideText() {\n\t\tconst asideTextSelector = document.querySelector(\".js-ask-aside-text\");\n\t\tconst questionTextSelector = document.querySelector(\".js-ask-question-text\");\n\t\tlet asideText = asideTextSelector.innerHTML;\n\t\tlet questionText = questionTextSelector.innerHTML;\n\n\t\tlet tripName = document.querySelector(\".js-tripName\").textContent;\n\t\tif (tripName.startsWith(\"The \")) {\n\t\t\ttripName = tripName.replace(\"The \", \"\");\n\t\t}\n\n\t\tfunction updateTripName(selector, oldText) {\n\t\t\tlet updatedText = oldText.replace(\"${tripName}\", tripName);\n\t\t\tselector.innerHTML = updatedText;\n\t\t}\n\n\t\tupdateTripName(asideTextSelector, asideText);\n\t\tupdateTripName(questionTextSelector, questionText);\n\t}\n\tinsertTripNameIntoAsideText();\n\n\t// Event - When catalog request checkbox changes do stuff\n\task.catalogElement.addEventListener(\"input\", function () {\n\t\tif (this.checked) {\n\t\t\ttoggleCatalogFieldsForAsk(\"show\");\n\t\t\tpushEvent(\"Misc\", \"Ask\", \"Show Catalog Form\");\n\t\t} else {\n\t\t\ttoggleCatalogFieldsForAsk(\"hide\");\n\t\t\tpushEvent(\"Misc\", \"Ask\", \"Hide Catalog Form\");\n\t\t}\n\t});\n\n\t// Event - When SMS checkbox changes do stuff\n\task.smsElement.addEventListener(\"input\", function () {\n\t\tif (this.checked) {\n\t\t\task.phoneElementInput.setAttribute(\"required\", \"\");\n\t\t\task.phoneElementLabel.setAttribute(\"ask-form-label\", \"required\");\n\t\t} else {\n\t\t\task.phoneElementInput.removeAttribute(\"required\");\n\t\t\task.phoneElementLabel.setAttribute(\"ask-form-label\", \"\");\n\t\t\task.phoneElementInput.classList.remove(\"js-invalid\");\n\t\t}\n\t});\n\n\t// Add event listener to all elements that can open this modal\n\task.locationAllElements.forEach((element) => {\n\t\telement.addEventListener(\"click\", function () {\n\t\t\tsessionStorage.setItem(\"modalOpen\", true);\n\n\t\t\t// pause ambient video when modal is opened\n\t\t\ttoggleAmbientVideo(false);\n\n\t\t\t//check eNews box for users in US, India, and Australia\n\t\t\tif (userCountry === \"US\") {\n\t\t\t\tsetNewsletterCheckbox();\n\t\t\t\tinitSmarty(ask.formName);\n\t\t\t\task.smsElementParent.classList.remove(\"hide\");\n\t\t\t} else if (userCountry === \"IN\" || userCountry === \"AU\") {\n\t\t\t\tsetNewsletterCheckbox();\n\t\t\t}\n\t\t\tif (checkMarketoForm() === false) {\n\t\t\t\tinitMarketoForm();\n\t\t\t}\n\t\t\tif (ask.locationValue !== \"Ask Question URL\") {\n\t\t\t\task.locationValue = element.getAttribute(ask.locationSelector);\n\t\t\t}\n\t\t\tpushEvent(\"Misc\", ask.locationValue, \"Open\");\n\n\t\t\tsetTimeout(() => {\n\t\t\t\task.firstInput.focus();\n\t\t\t}, 1000);\n\t\t});\n\t});\n\n\t// Check for #refer in links\n\tlet linksWithHash = document.querySelectorAll(\"a[href^='#']\");\n\tlet linksWithHashNormalized = [];\n\tlinksWithHash.forEach((link) => {\n\t\tlet href = link.getAttribute(\"href\").toLowerCase();\n\t\tif (href.includes(\"#ask\")) {\n\t\t\tlinksWithHashNormalized.push(link);\n\t\t}\n\t});\n\tlet linksWithLightbox = document.querySelectorAll(\"a[href~='?lightbox=ask']\");\n\tlet linksCombined = [...linksWithHashNormalized, ...linksWithLightbox];\n\taddClickEvents(linksCombined);\n\tfunction addClickEvents(list) {\n\t\tlist.forEach((element) => {\n\t\t\telement.addEventListener(\"click\", function (e) {\n\t\t\t\te.preventDefault();\n\t\t\t\task.locationFirstElement.click();\n\t\t\t});\n\t\t});\n\t}\n\n\t// Check for #hash or ?lightbox=value in URL\n\tif (document.URL.indexOf(\"#ask\") > 0 || document.URL.indexOf(\"#Ask\") > 0 || window.location.search.match(/lightbox\\=ask/i)) {\n\t\task.locationValue = \"Ask Question URL\";\n\t\task.locationFirstElement.click();\n\t}\n\n\t// EVENT - Handle submit of required form\n\tdocument.querySelector(\".js-ask-button-required\").addEventListener(\"click\", function (e) {\n\t\te.preventDefault();\n\t\tpostFormAsk();\n\t\tautoPopChatUserAction(\"#modal-ask\"); // NOW THAT OLARK IS WRAPPED IN FUNCTION, THIS ISN'T AVAILABLE FOR USE HERE\n\t});\n\n\tfunction toggleCatalogFieldsForAsk(action) {\n\t\tif (action === \"show\") {\n\t\t\task.catalog = true;\n\t\t\tcatalogFieldWrappersForAsk.forEach((element) => {\n\t\t\t\telement.classList.remove(\"hide\");\n\t\t\t});\n\t\t\tcatalogRequiredFieldsForAsk.forEach((element) => {\n\t\t\t\telement.setAttribute(\"required\", \"\");\n\t\t\t});\n\t\t} else {\n\t\t\task.catalog = false;\n\t\t\tcatalogFieldWrappersForAsk.forEach((element) => {\n\t\t\t\telement.classList.add(\"hide\");\n\t\t\t});\n\t\t\tcatalogRequiredFieldsForAsk.forEach((element) => {\n\t\t\t\telement.removeAttribute(\"required\");\n\t\t\t});\n\t\t}\n\t}\n\n\tfunction copyaskFieldsToMarketoForm() {\n\t\tlet fieldsToCopyArray = document.querySelectorAll(`${ask.formName} [mrkto-field]`);\n\t\tfieldsToCopyArray.forEach((field) => {\n\t\t\tlet mrktoFieldSelector = field.getAttribute(\"mrkto-field\");\n\t\t\tif (field.value) {\n\t\t\t\tdocument.querySelector(mrktoFieldSelector).value = field.value;\n\t\t\t}\n\t\t});\n\n\t\t// set hidden form textarea id=\" askaQuestionText\" to visible form text; fixes ${tripName} not getting populated in Marketo\n\t\tdocument.querySelector(\"#askaQuestionText\").value = document.querySelector(\"#form-ask-askaQuestionText\").value;\n\t}\n\n\tfunction postFormAsk() {\n\t\tlet retryLimit = 3,\n\t\t\tretryAttempt = 0;\n\t\t// Validate form\n\t\tlet isValid = isFormValid(ask.formName);\n\n\t\tif (isValid === false) {\n\t\t\treturn;\n\t\t}\n\t\t// Check for spam\n\t\tif (isThisSpam(ask.formName) === true) {\n\t\t\treturn;\n\t\t}\n\t\ttoggleButtonDisabled(document.querySelector(\".js-ask-button-required\"));\n\t\t// Check if marketo form has been loaded, if not retry with limits\n\t\tif (checkMarketoForm() === false && retryAttempt < retryLimit) {\n\t\t\tinitMarketoForm(function () {\n\t\t\t\tretryAttempt++;\n\t\t\t\tpostFormAsk();\n\t\t\t});\n\t\t}\n\t\tMktoForms2.whenReady(function () {\n\t\t\tlet optins = \"\";\n\t\t\tpushUtmToMarketoForm(); // function lives in global\n\t\t\tdocument.querySelector(\"#requestedAt\").value = document.URL;\n\t\t\tdocument.querySelector(\"#LeadSource\").value = \"www.nathab.com\";\n\t\t\tdocument.querySelector(\"#sourceDetail\").value = \"Ask a Question\";\n\t\t\tdocument.querySelector(\"#recentConversionAction\").value = \"Ask a Question\";\n\t\t\tdocument.querySelector(\"#referringWebsite\").value = utmObject.referringWebsite || \"\";\n\t\t\tdocument.querySelector(\"#isAskQuestion\").value = true;\n\t\t\tcopyaskFieldsToMarketoForm(ask.formName); // Used for both required and optional\n\n\t\t\tif (isNewsletterChecked(ask.formName) === true) {\n\t\t\t\tdocument.querySelector(\"#isEmailSignup\").value = true;\n\t\t\t\toptins += \" eNews,\";\n\t\t\t\tsetOptsOnMarketoForm();\n\t\t\t}\n\n\t\t\tif (isSMSOptinChecked(ask.formName) === true) {\n\t\t\t\tdocument.querySelector(\"#isSMSSignup\").value = true;\n\t\t\t\toptins += \" SMS\";\n\t\t\t\tsetSMSOptsOnMarketoForm();\n\t\t\t}\n\n\t\t\tif (ask.catalog === true) {\n\t\t\t\tdocument.querySelector(\"#isCatalogRequested\").value = true;\n\t\t\t\tdocument.querySelector(\"#temp\").value = \"CatRequestIsTrue\";\n\t\t\t\toptins += \" Catalog\";\n\t\t\t}\n\n\t\t\toptins = optins || \" no optins\"; // if empty string, set to no optins\n\t\t\toptins = optins.endsWith(\",\") ? optins.slice(0, -1) : optins; // get rid of unnecessary ','\n\n\t\t\tlet pushEventString = `Submitted w/${optins}`;\n\t\t\tpushEvent(\"Misc\", ask.locationValue, pushEventString);\n\n\t\t\tmarketoSubmitFormAsk();\n\t\t\tpushEventFacebook();\n\t\t\tpushEventBing();\n\n\t\t\tsetTimeout(() => {\n\t\t\t\taskScreenRequired.classList.add(\"hide\");\n\t\t\t\taskScreenThankYou.classList.remove(\"hide\");\n\t\t\t\taskScreenThankYou.scrollTop = 0;\n\t\t\t}, 2750);\n\t\t});\n\t}\n\n\tfunction marketoSubmitFormAsk() {\n\t\tif (checkMarketoForm() === false) {\n\t\t\tpushEvent(\"Marketo\", \"Form\", \"Not Loaded during marketoSubmitForm()\");\n\t\t}\n\t\tMktoForms2.whenReady(function (form) {\n\t\t\tform.submit();\n\t\t});\n\t}\n}\n","import { getBrowserDevice, getCookie } from \"../../assets/js/utilities.js\";\n\nexport function setTripNavPosition() {\n\tconst hero = document.querySelector(\"[hero]\");\n\tconst main = document.querySelector(\"main\");\n\tconst leftNav = document.querySelector(\"[js-position-left-nav]\");\n\tconst tripCTAs = document.querySelector(\"[js-position-trip-ctas]\");\n\tconst magicCTA = document.querySelector(\"[js-magic-wrapper]\");\n\tconst magicHidden = !magicCTA || getCookie(\"magic\") === \"hide\" ? true : false;\n\tconst buffer = 24;\n\tlet isHeroSticky = true;\n\tlet observer;\n\n\tfunction checkPositions() {\n\t\tconst browserDevice = getBrowserDevice();\n\t\tif (browserDevice === \"mobile\") return;\n\n\t\tlet heightMasthead = getElementProperty(\"[masthead]\", null, \"height\");\n\t\tlet heightMagic = magicHidden ? 0 : getElementProperty(\"[js-magic-wrapper]\", \"[magic-image-catalog] img\", \"height\");\n\t\tlet heightTabletBreadcrumbsBar = getElementProperty(\"[js-tripnav-section-wrapper]\", null, \"height\");\n\n\t\tconst heightStickyHero = heightMasthead + buffer;\n\t\tlet heightNav, heightsAll, heightsNavHero;\n\n\t\t// define variables based on device size\n\t\tif (browserDevice === \"desktop\") {\n\t\t\tconst slideshow = document.querySelector(\"[js-get-slideshow-height]\");\n\t\t\tconst heightSlideshow = slideshow ? slideshow.offsetHeight : 0;\n\n\t\t\theightNav = leftNav ? leftNav.offsetHeight + buffer : 0;\n\t\t\theightsNavHero = heightNav > heightSlideshow ? heightNav + heightStickyHero : heightSlideshow + heightStickyHero;\n\t\t\theightsAll = heightsNavHero + heightMagic;\n\t\t}\n\n\t\tif (browserDevice === \"tablet\") {\n\t\t\theightNav = tripCTAs ? tripCTAs.offsetHeight + heightTabletBreadcrumbsBar + buffer : 0;\n\t\t\theightsAll = heightNav + heightMagic;\n\t\t}\n\n\t\tconst heightsNavMagic = heightNav + heightMagic;\n\n\t\t// in case of resize, reset all classes and disconnect observer\n\t\tremoveAllStaticClasses();\n\t\tstopObservingMagicCTA();\n\n\t\t// if all sticky elements fit in the window, keep sticky and set magic default position\n\t\tif (window.innerHeight > heightsAll) {\n\t\t\tsetDefaultMagicPosition(magicHidden, magicCTA);\n\t\t\treturn;\n\t\t}\n\n\t\t// if leftnav doesn't fit, make everything static and set magic default position\n\t\tif (window.innerHeight <= heightNav) {\n\t\t\taddAllStaticClasses();\n\t\t\tsetDefaultMagicPosition(magicHidden, magicCTA);\n\t\t\treturn;\n\t\t}\n\n\t\t// if hero doesn't fit, make hero static\n\t\tif (browserDevice === \"desktop\" && window.innerHeight <= heightsNavHero) {\n\t\t\taddRemoveClass(hero, \"js-static-hero\", \"add\");\n\t\t\tisHeroSticky = false;\n\t\t}\n\n\t\tif (magicHidden) return;\n\n\t\t// if leftnav and magic fit, set magic default position\n\t\tif (window.innerHeight > heightsNavMagic) {\n\t\t\tsetDefaultMagicPosition(magicHidden, magicCTA);\n\n\t\t\t// if hero is sticky, watch when magicCTA is intersecting with main and remove sticky hero to make room\n\t\t\tif (browserDevice === \"desktop\" && isHeroSticky) observeMagicCTA();\n\n\t\t\t// otherwise watch for end of main to show magicCTA\n\t\t} else {\n\t\t\tScrollTrigger.create({\n\t\t\t\ttrigger: main,\n\t\t\t\tonUpdate: (self) => positionMagicCTA(self.direction, main, magicCTA)\n\t\t\t});\n\t\t}\n\t}\n\n\tfunction removeAllStaticClasses() {\n\t\taddRemoveClass(leftNav, \"js-static-nav\", \"remove\");\n\t\taddRemoveClass(tripCTAs, \"js-static-ctas\", \"remove\");\n\t\taddRemoveClass(magicCTA, \"js-default-magic-position\", \"remove\");\n\t\tsetAttribute(magicCTA, \"js-position\", \"\");\n\t\taddRemoveClass(hero, \"js-static-hero\", \"remove\");\n\t\tisHeroSticky = true;\n\t}\n\n\tfunction addAllStaticClasses() {\n\t\taddRemoveClass(leftNav, \"js-static-nav\", \"add\");\n\t\taddRemoveClass(tripCTAs, \"js-static-ctas\", \"add\");\n\t\taddRemoveClass(hero, \"js-static-hero\", \"add\");\n\t\tisHeroSticky = false;\n\t\tsetDefaultMagicPosition(magicCTA);\n\t}\n\n\tfunction observeMagicCTA() {\n\t\tobserver = new IntersectionObserver(addRemoveStickyHero, {\n\t\t\trootMargin: \"100px 0px 0px 0px\"\n\t\t});\n\t\tobserver.observe(magicCTA);\n\t}\n\n\tfunction addRemoveStickyHero(entries) {\n\t\tentries.forEach((entry) => {\n\t\t\tif (entry.isIntersecting) {\n\t\t\t\taddRemoveClass(hero, \"js-static-hero\", \"add\");\n\t\t\t} else if (isHeroSticky) {\n\t\t\t\taddRemoveClass(hero, \"js-static-hero\", \"remove\");\n\t\t\t}\n\t\t});\n\t}\n\n\tfunction stopObservingMagicCTA() {\n\t\tif (observer) {\n\t\t\tobserver.disconnect();\n\t\t}\n\t}\n\n\t// Run the function initially and when the window is resized\n\tcheckPositions();\n\twindow.addEventListener(\"resize\", checkPositions);\n}\n\nfunction getElementProperty(selector, childSelector, property) {\n\tconst element = document.querySelector(selector);\n\tif (element) {\n\t\tconst child = childSelector ? element.querySelector(childSelector) : element;\n\t\tconst styles = window.getComputedStyle(child);\n\t\treturn parseFloat(styles.getPropertyValue(property));\n\t}\n\treturn 0;\n}\n\nfunction addRemoveClass(element, className, condtion) {\n\tif (!element) return;\n\tif (condtion === \"remove\") element.classList.remove(className);\n\tif (condtion === \"add\") element.classList.add(className);\n}\n\nfunction setAttribute(element, attributeName, value) {\n\tif (!element) return;\n\telement.setAttribute(attributeName, value);\n}\n\nfunction setDefaultMagicPosition(magicHidden, magicCTA) {\n\tif (magicHidden) return;\n\taddRemoveClass(magicCTA, \"js-default-magic-position\", \"add\");\n\tsetAttribute(magicCTA, \"js-position\", \"js-default-magic-position\");\n}\n\nfunction positionMagicCTA(direction, main, magicCTA) {\n\tlet mainPosition = ScrollTrigger.positionInViewport(main, \"bottom\");\n\n\t// scrolling down\n\tif (direction === 1 && mainPosition < 0.85) {\n\t\taddRemoveClass(magicCTA, \"js-reposition-magic\", \"add\");\n\t}\n\n\t// scrolling up\n\tif (direction === -1 && mainPosition > 0.8) {\n\t\taddRemoveClass(magicCTA, \"js-reposition-magic\", \"remove\");\n\t}\n}\n","// to do : write test\n// to do : review and refactor\nexport function showMastheadOnUpwardScroll() {\n\tdocument.addEventListener(\"readystatechange\", (event) => {\n\t\tif (event.target.readyState === \"complete\") {\n\t\t\tfunction scrollWatchForMasthead() {\n\t\t\t\tconst html = document.querySelector(\".js-scroll-trigger\");\n\t\t\t\tconst masthead = document.querySelector(\".js-scroll-target\");\n\t\t\t\tconst megaReset = document.querySelector(\"#mega-reset\");\n\t\t\t\tconst heroGradient = document.querySelector(\"[gradient]\");\n\t\t\t\tlet gradient = heroGradient.getAttribute(\"gradient\");\n\t\t\t\tconst scrollUpPostionBuffer = 0.25;\n\t\t\t\tconst scrollDownPostionBuffer = -0.15;\n\t\t\t\tlet scrollUpPositionTarget = 0;\n\t\t\t\tlet scrollDownPositionTarget = scrollDownPostionBuffer;\n\t\t\t\tconst mastheadFavoritesInput = document.querySelector(\"[js-click-masthead-favorites]\");\n\t\t\t\tconst magicCTA = document.querySelector(\"[magic]\");\n\n\t\t\t\tfunction getGradientValue() {\n\t\t\t\t\tif (gradient === \"auto\") {\n\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\tgradient = heroGradient.getAttribute(\"gradient\");\n\t\t\t\t\t\t\tif (gradient === \"auto\") {\n\t\t\t\t\t\t\t\tgetGradientValue();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}, 100);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tgetGradientValue(); // sneaky little recursive hack to get gradient once that code final runs\n\n\t\t\t\t// Plugin: https://greensock.com/docs/v3/Plugins/ScrollTrigger/static.create()\n\t\t\t\tScrollTrigger.create({\n\t\t\t\t\ttrigger: html,\n\t\t\t\t\tonUpdate: (self) => toggleMasthead(self.direction)\n\t\t\t\t});\n\n\t\t\t\tfunction setScrollBufferPosition(position) {\n\t\t\t\t\treturn position + scrollDownPostionBuffer;\n\t\t\t\t}\n\n\t\t\t\tfunction toggleMasthead(direction) {\n\t\t\t\t\t// direction key : -1 up, 1 down\n\t\t\t\t\t// Plugin: https://greensock.com/docs/v3/Plugins/ScrollTrigger/static.positionInViewport()\n\t\t\t\t\tlet position = ScrollTrigger.positionInViewport(html, \"top\");\n\n\t\t\t\t\t// IMPORTANT: masthead and magicCTA are moving together; when masthead is showing, magicCTA is repositioned to lower on the page\n\n\t\t\t\t\t// Scrolling up, set scrollDownTarget\n\t\t\t\t\tif (direction === -1 && position > scrollUpPositionTarget) {\n\t\t\t\t\t\tmasthead.classList.remove(\"js-masthead-hide\");\n\t\t\t\t\t\tmasthead.classList.add(\"js-masthead-show\");\n\t\t\t\t\t\tscrollDownPositionTarget = position + scrollDownPostionBuffer;\n\t\t\t\t\t\tmagicCTA.classList.remove(\"js-reposition-magic\", \"js-default-magic-position\");\n\t\t\t\t\t}\n\n\t\t\t\t\t// Scrolling down, set scrollUpTarget\n\t\t\t\t\tif (direction === 1 && position < scrollDownPositionTarget) {\n\t\t\t\t\t\tmegaReset.checked = true;\n\t\t\t\t\t\tmasthead.classList.add(\"js-masthead-hide\");\n\t\t\t\t\t\tmasthead.classList.remove(\"js-masthead-show\");\n\t\t\t\t\t\tmastheadFavoritesInput.checked = false;\n\t\t\t\t\t\tscrollUpPositionTarget = position + scrollUpPostionBuffer;\n\t\t\t\t\t\tif (magicCTA.getAttribute(\"js-position\") === \"js-default-magic-position\") {\n\t\t\t\t\t\t\tmagicCTA.classList.add(\"js-default-magic-position\");\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// Reset Masthead\n\t\t\t\t\tif (position === 0) {\n\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\tmasthead.classList.remove(\"js-masthead-show\");\n\t\t\t\t\t\t}, 500);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tscrollWatchForMasthead();\n\t\t}\n\t});\n}\n","import { pushEvent } from \"../../../assets/js/utilities.js\";\nimport { toggleAmbientVideo } from \"../../../components/hero/_video.js\";\n\n// does not make sense that this is in this folder\n// split for mobile and desktop\nexport function mobileSiteNavHandler() {\n\tconst mobileNavToggleLinks = document.querySelectorAll(\"[js-click-toggle]\"); // this attribute also exists on modal close buttons\n\tconst modalReset = document.querySelector(\"#modal-reset\");\n\n\tmobileNavToggleLinks.forEach((link) => {\n\t\tlink.addEventListener(\"click\", function () {\n\t\t\tlet targetElementName = link.getAttribute(\"js-click-toggle\");\n\t\t\tlet targetElementNameToTitle = targetElementName.charAt(0).toUpperCase() + targetElementName.slice(1);\n\t\t\tif (targetElementName) {\n\t\t\t\tpushEvent(\"Misc\", `${targetElementNameToTitle} Mobile Nav`, \"Clicked\");\n\t\t\t}\n\t\t\tmodalReset.setAttribute(\"modal-toggle\", targetElementName);\n\t\t\tsessionStorage.setItem(\"modalOpen\", false);\n\n\t\t\ttoggleAmbientVideo(true);\n\t\t});\n\t});\n}\n","// Import dependencies:\n// - List of countries\n// - Helper functions for formatting, validation, and interaction with Marketo forms\nimport { countryList } from \"../../../components/lists/country-list/_country-list.js\";\nimport { initSmarty } from \"../../../assets/js/smartypants.js\";\nimport { setOptsOnMarketoForm, setSMSOptsOnMarketoForm, isSMSOptinChecked, isFormValid, isNewsletterChecked, initJsFormatPhone, initJsFormatName, setNewsletterCheckbox, specificTarget, mktoButtonClick, pushUtmToMarketoForm, initMarketoFormBasics, initMarketoFormCatalogBasic, initMarketoFormCatalogExtra, initMarketoFormOptins, toggleButtonDisabled, isThisSpam, validateForm, setRequiredFields, unSetRequiredFields, limitCheckboxes, updateFormButtonText } from \"../../../assets/js/global-form-functions.js\";\nimport { pushEvent, pushEventFacebook, pushEventBing, saveUserCountryToLocalStorage } from \"../../../assets/js/utilities.js\";\nimport { toggleAmbientVideo } from \"../../../components/hero/_video.js\";\n\n// Asynchronous function to handle the catalog modal form interactions\nexport async function modalCatalog() {\n\t// Save the user's country to local storage (assumes an async operation, e.g., API call)\n\tawait saveUserCountryToLocalStorage();\n\n\t// Retrieve the user's country from local storage, default to \"unknown\" if not set\n\tlet userCountry = localStorage.getItem(\"country\") || \"unknown\";\n\n\t// Store the current page URL for future reference\n\tlet pageURL = document.URL;\n\n\t// Initialize the catalog object to hold various form elements and properties\n\tlet catalog = new Object();\n\tlet enewsChecked, smsChecked;\n\tcatalog.formName = \"#form-catalog\"; // Form selector\n\tcatalog.newsletter = false; // Newsletter subscription status\n\tcatalog.smsElementParent = document.querySelector(\".js-sms-checkbox-catalog\"); // Parent element for SMS checkbox\n\tcatalog.smsElement = document.querySelector(\"[js-catalog-sms]\"); // SMS checkbox element\n\tcatalog.phoneElementInput = document.querySelector(\"[js-catalog-phone-toggle]\"); // Phone input element\n\tcatalog.phoneElementLabel = document.querySelector('[for~=\"form-catalog-phone\"]'); // Phone label element\n\tcatalog.locationSelector = \"js-catalog-location\"; // Selector for location elements\n\tcatalog.locationFirstElement = document.querySelector(`[${catalog.locationSelector}]`); // First location element\n\tcatalog.locationAllElements = document.querySelectorAll(`[${catalog.locationSelector}]`); // All location elements\n\tcatalog.locationValue = \"Unknown\"; // Default location value\n\tcatalog.firstInput = document.querySelector(\"[catalog-form-label]\"); // First input field in the form\n\n\t// Elements for different form screens (required, optional, thank you)\n\tlet catalogScreenRequired = document.querySelector(\".js-catalog-required\"),\n\t\tcatalogScreenOptional = document.querySelector(\".js-catalog-optional\"),\n\t\tcatalogScreenThankYou = document.querySelector(\".js-catalog-thankyou\");\n\n\t// Initialize phone and name formatting functions\n\tinitJsFormatPhone();\n\tinitJsFormatName();\n\n\t// Function to handle changes to the SMS checkbox\n\tfunction smsCheckbox() {\n\t\tcatalog.smsElement.addEventListener(\"input\", function () {\n\t\t\tif (this.checked) {\n\t\t\t\t// If SMS checkbox is checked, make the phone input required\n\t\t\t\tcatalog.phoneElementInput.setAttribute(\"required\", \"\");\n\t\t\t\tcatalog.phoneElementLabel.setAttribute(\"catalog-form-label\", \"required\");\n\t\t\t} else {\n\t\t\t\t// If unchecked, remove the required attribute\n\t\t\t\tcatalog.phoneElementInput.removeAttribute(\"required\");\n\t\t\t\tcatalog.phoneElementLabel.setAttribute(\"catalog-form-label\", \"\");\n\t\t\t}\n\t\t});\n\t}\n\n\t// Add event listener to all elements with the locationSelector attribute\n\tcatalog.locationAllElements.forEach((element) => {\n\t\telement.addEventListener(\"click\", function () {\n\t\t\t// Set a session storage flag indicating the modal is open\n\t\t\tsessionStorage.setItem(\"modalOpen\", true);\n\n\t\t\t// Pause ambient video when modal is opened\n\t\t\ttoggleAmbientVideo(false);\n\n\t\t\t// Populate country input fields with the user's country if known\n\t\t\tconst countryInput = document.querySelectorAll(`${catalog.formName} .js-smarty-country`);\n\t\t\tif (userCountry !== \"unknown\") {\n\t\t\t\tcountryInput.forEach((input) => {\n\t\t\t\t\tconst country = countryList.filter((country) => userCountry === country.code);\n\t\t\t\t\tinput.value = country[0].name;\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t// Set newsletter checkbox for users in specific countries and show SMS checkbox if necessary\n\t\t\tif (userCountry === \"US\") {\n\t\t\t\tsetNewsletterCheckbox();\n\t\t\t\tinitSmarty(catalog.formName);\n\t\t\t\tcatalog.smsElementParent.classList.remove(\"hide\");\n\t\t\t\tsmsCheckbox();\n\t\t\t} else if (userCountry === \"IN\" || userCountry === \"AU\") {\n\t\t\t\tsetNewsletterCheckbox();\n\t\t\t}\n\n\t\t\t// Initialize the Marketo form if it has not been loaded\n\t\t\tif (checkMarketoForm() === false) {\n\t\t\t\tinitMarketoForm();\n\t\t\t}\n\n\t\t\t// Update catalog location value based on the clicked element's attribute\n\t\t\tif (catalog.locationValue !== \"URL\") {\n\t\t\t\tcatalog.locationValue = element.getAttribute(catalog.locationSelector);\n\t\t\t}\n\n\t\t\t// Push an event for tracking purposes\n\t\t\tpushEvent(\"Catalog\", catalog.locationValue, \"Open\");\n\n\t\t\t// Focus on the first input field after a short delay\n\t\t\tsetTimeout(() => {\n\t\t\t\tcatalog.firstInput.focus();\n\t\t\t}, 1000);\n\t\t});\n\t});\n\n\t// Handle clicks on links that have a hash or lightbox-related URL\n\tlet linksWithHash = document.querySelectorAll(\"a[href^='#']\");\n\tlet linksWithHashNormalized = [];\n\tlinksWithHash.forEach((link) => {\n\t\tlet href = link.getAttribute(\"href\").toLowerCase();\n\t\tif (href.includes(\"#catalog\")) {\n\t\t\tlinksWithHashNormalized.push(link);\n\t\t}\n\t});\n\tlet linksWithLightbox = document.querySelectorAll(\"a[href~='?lightbox=catalog']\");\n\tlet linksCombined = [...linksWithHashNormalized, ...linksWithLightbox];\n\n\t// If matching links exist, add click event listeners to them\n\tif (linksCombined.length > 0) {\n\t\taddClickEvents(linksCombined);\n\t\tfunction addClickEvents(list) {\n\t\t\tlist.forEach((element) => {\n\t\t\t\telement.addEventListener(\"click\", function (e) {\n\t\t\t\t\te.preventDefault(); // Prevent default link behavior\n\t\t\t\t\tcatalog.locationValue = \"Link\"; // Set location to \"Link\"\n\t\t\t\t\tcatalog.locationFirstElement.click(); // Trigger the modal open event\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t}\n\n\t// Automatically open modal if URL contains specific hash or query parameters\n\tif (pageURL.indexOf(\"#catalog\") > 0 || pageURL.indexOf(\"#Catalog\") > 0 || window.location.search.match(/lightbox\\=catalog/i)) {\n\t\tcatalog.locationValue = \"URL\"; // Set location to \"URL\"\n\t\tcatalog.locationFirstElement.click(); // Trigger the modal open event\n\t}\n\n\t// Show or hide the \"Who Referred You?\" input based on the selected referral option\n\tlet referralOptions = document.querySelector(\".js-show-hide-who-referred\");\n\tlet friendReferralInput = document.querySelector(\".js-show-hide-me\");\n\n\treferralOptions.addEventListener(\"input\", function () {\n\t\tlet referralChoice = referralOptions.value;\n\t\tif (referralChoice === \"Friend\") {\n\t\t\tfriendReferralInput.classList.remove(\"hide\");\n\t\t} else {\n\t\t\tfriendReferralInput.classList.add(\"hide\");\n\t\t}\n\t});\n\n\t// Event listener for submitting the required form\n\tdocument.querySelector(\".js-catalog-button-required\").addEventListener(\"click\", function (e) {\n\t\te.preventDefault(); // Prevent form submission\n\t\tpostFormCatalog(); // Call form submission function\n\t});\n\n\t// Event listener for submitting the optional form\n\tdocument.querySelector(\".js-catalog-button-optional\").addEventListener(\"click\", function (e) {\n\t\te.preventDefault(); // Prevent form submission\n\t\tpostFormOptional(); // Call form submission function\n\t});\n\n\t// Function to create a unique ID using a specific pattern\n\tfunction createUniqueID() {\n\t\treturn \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, function (c) {\n\t\t\tlet r = (Math.random() * 16) | 0,\n\t\t\t\tv = c == \"x\" ? r : (r & 0x3) | 0x8;\n\t\t\treturn v.toString(16);\n\t\t});\n\t}\n\n\t// Generate a unique ID for form tracking\n\tlet uniqueFormId = createUniqueID();\n\n\t// Copy fields from the catalog form to the Marketo form\n\tfunction copyCatalogFieldsToMarketoForm() {\n\t\tlet fieldsToCopyArray = document.querySelectorAll(`${catalog.formName} [mrkto-field]`);\n\t\tfieldsToCopyArray.forEach((field) => {\n\t\t\tlet mrktoFieldSelector = field.getAttribute(\"mrkto-field\");\n\t\t\tif (field.value) {\n\t\t\t\tdocument.querySelector(mrktoFieldSelector).value = field.value;\n\t\t\t}\n\t\t});\n\t}\n\n\t// Copy checkbox fields from the catalog form to the Marketo form\n\tfunction pushToMarketoCatalogOptional(formName) {\n\t\tlet checkboxesToCopyArray = document.querySelectorAll(`${catalog.formName} [mrkto-checkbox]`);\n\t\tcheckboxesToCopyArray.forEach((checkbox) => {\n\t\t\tlet mrktoCheckboxSelector = checkbox.getAttribute(\"mrkto-checkbox\");\n\t\t\tif (checkbox.checked) {\n\t\t\t\tdocument.querySelector(mrktoCheckboxSelector).value = checkbox.value;\n\t\t\t}\n\t\t});\n\n\t\tlet travelFrequency = document.querySelectorAll(`${formName} [name='travel-frequency']`);\n\t\ttravelFrequency.forEach((radio) => {\n\t\t\tif (radio.checked) {\n\t\t\t\tdocument.querySelector(\"#temp15CatTravelFrequency\").value = radio.value;\n\t\t\t}\n\t\t});\n\t}\n\n\t// Function to handle the submission of the required form\n\tfunction postFormCatalog() {\n\t\tlet retryLimit = 3, // Max number of retries for form submission\n\t\t\tretryAttempt = 0;\n\n\t\t// Validate the form, exit if invalid\n\t\tlet isValid = isFormValid(catalog.formName);\n\t\tif (isValid === false) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Check if the form is spam, exit if true\n\t\tif (isThisSpam(catalog.formName) === true) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Disable the submit button\n\t\ttoggleButtonDisabled(document.querySelector(\".js-catalog-button-required\"));\n\n\t\t// Retry initializing the Marketo form if not loaded\n\t\tif (checkMarketoForm() === false && retryAttempt < retryLimit) {\n\t\t\tinitMarketoForm(function () {\n\t\t\t\tretryAttempt++;\n\t\t\t\tpostFormCatalog();\n\t\t\t});\n\t\t}\n\n\t\t// Submit the form using Marketo\n\t\tMktoForms2.whenReady(function () {\n\t\t\tenewsChecked = isNewsletterChecked(catalog.formName);\n\t\t\tsmsChecked = isSMSOptinChecked(catalog.formName);\n\n\t\t\tpushUtmToMarketoForm(); // Add UTM parameters to the Marketo form\n\t\t\tdocument.querySelector(\"#catalogOptionalFieldIndicator\").value = false;\n\t\t\tdocument.querySelector(\"#requestedAt\").value = document.URL;\n\t\t\tdocument.querySelector(\"#LeadSource\").value = \"www.nathab.com\";\n\t\t\tdocument.querySelector(\"#uniqueVisitorID\").value = uniqueFormId;\n\t\t\tdocument.querySelector(\"#temp\").value = \"CatRequestIsTrue\";\n\t\t\tdocument.querySelector(\"#sourceDetail\").value = \"Catalog Request\";\n\t\t\tdocument.querySelector(\"#recentConversionAction\").value = \"Catalog Request\";\n\t\t\tdocument.querySelector(\"#referringWebsite\").value = utmObject.referringWebsite || \"\";\n\t\t\tdocument.querySelector(\"#isCatalogRequested\").value = true;\n\n\t\t\t// Copy form fields to Marketo form\n\t\t\tcopyCatalogFieldsToMarketoForm(catalog.formName);\n\n\t\t\t// Set Marketo form options for email and SMS signups\n\t\t\tif (enewsChecked === true) {\n\t\t\t\tdocument.querySelector(\"#isEmailSignup\").value = true;\n\t\t\t\tsetOptsOnMarketoForm();\n\t\t\t}\n\t\t\tif (smsChecked === true) {\n\t\t\t\tdocument.querySelector(\"#isSMSSignup\").value = true;\n\t\t\t\tsetSMSOptsOnMarketoForm();\n\t\t\t}\n\n\t\t\t// Submit the Marketo form\n\t\t\tmarketoSubmitFormCatalog();\n\n\t\t\tlet optins = \"\";\n\n\t\t\t// Set form options for email and SMS signups, if selected\n\t\t\tif (isNewsletterChecked(catalog.formName) === true) {\n\t\t\t\tdocument.querySelector(\"#isEmailSignup\").value = true;\n\t\t\t\toptins += \" eNews,\";\n\t\t\t\tsetOptsOnMarketoForm();\n\t\t\t}\n\n\t\t\tif (isSMSOptinChecked(catalog.formName) === true) {\n\t\t\t\tdocument.querySelector(\"#isSMSSignup\").value = true;\n\t\t\t\toptins += \" SMS\";\n\t\t\t\tsetSMSOptsOnMarketoForm();\n\t\t\t}\n\n\t\t\t// Set optins string for analytics event\n\t\t\toptins = optins || \" no optins\";\n\t\t\toptins = optins.endsWith(\",\") ? optins.slice(0, -1) : optins;\n\n\t\t\t// Push event to analytics platforms\n\t\t\tlet pushEventString = `Submitted Page 1 w/${optins}`;\n\t\t\tpushEvent(\"Catalog\", catalog.locationValue, pushEventString);\n\n\t\t\t// Push events to analytics platforms\n\t\t\tpushEventFacebook();\n\t\t\tpushEventBing();\n\n\t\t\t// Limit the number of checkboxes that can be selected\n\t\t\tlimitCheckboxes(catalog.formName);\n\n\t\t\t// Show the optional form screen after a delay\n\t\t\tsetTimeout(() => {\n\t\t\t\tcatalogScreenRequired.classList.add(\"hide\");\n\t\t\t\tcatalogScreenOptional.classList.remove(\"hide\");\n\t\t\t}, 2750);\n\t\t});\n\t}\n\n\t// Function to handle the submission of the optional form\n\tfunction postFormOptional() {\n\t\tlet retryLimit = 3, // Max number of retries for form submission\n\t\t\tretryAttempt = 0;\n\t\tlet optins = \"\";\n\n\t\t// Retry initializing the Marketo form if not loaded\n\t\tif (checkMarketoForm() === false && retryAttempt < retryLimit) {\n\t\t\tinitMarketoForm(function () {\n\t\t\t\tretryAttempt++;\n\t\t\t\tpostFormOptional();\n\t\t\t});\n\t\t}\n\n\t\t// Disable the submit button\n\t\ttoggleButtonDisabled(document.querySelector(\".js-catalog-button-optional\"));\n\n\t\t// Set values for various Marketo form fields\n\t\tdocument.querySelector(\"#catalogOptionalFieldIndicator\").value = true;\n\t\tdocument.querySelector(\"#requestedAt\").value = document.URL;\n\t\tdocument.querySelector(\"#LeadSource\").value = \"www.nathab.com\";\n\t\tdocument.querySelector(\"#uniqueVisitorID\").value = uniqueFormId;\n\t\tdocument.querySelector(\"#temp\").value = \"CatRequestIsTrue\";\n\t\tdocument.querySelector(\"#sourceDetail\").value = \"Catalog Request\";\n\t\tdocument.querySelector(\"#recentConversionAction\").value = \"Catalog Request\";\n\t\tdocument.querySelector(\"#referringWebsite\").value = utmObject.referringWebsite || \"\";\n\t\tdocument.querySelector(\"#isCatalogRequested\").value = true;\n\n\t\t// Copy form fields to Marketo form\n\t\tcopyCatalogFieldsToMarketoForm(catalog.formName);\n\n\t\t// Push UTM parameters to the Marketo form\n\t\tpushUtmToMarketoForm();\n\n\t\t// Copy optional form fields to Marketo form\n\t\tpushToMarketoCatalogOptional(catalog.formName);\n\n\t\t// Set form options for email and SMS signups, if selected\n\t\tif (isNewsletterChecked(catalog.formName) === true) {\n\t\t\tdocument.querySelector(\"#isEmailSignup\").value = true;\n\t\t\toptins += \" eNews,\";\n\t\t\tsetOptsOnMarketoForm();\n\t\t}\n\n\t\tif (isSMSOptinChecked(catalog.formName) === true) {\n\t\t\tdocument.querySelector(\"#isSMSSignup\").value = true;\n\t\t\toptins += \" SMS\";\n\t\t\tsetSMSOptsOnMarketoForm();\n\t\t}\n\n\t\t// Set optins string for analytics event\n\t\toptins = optins || \" no optins\";\n\t\toptins = optins.endsWith(\",\") ? optins.slice(0, -1) : optins;\n\n\t\t// Push event to analytics platforms\n\t\tlet pushEventString = `Submitted Page 2`;\n\t\tpushEvent(\"Catalog\", catalog.locationValue, pushEventString);\n\n\t\t// Submit the Marketo form\n\t\tmarketoSubmitFormCatalog();\n\t\tpushEventFacebook();\n\t\tpushEventBing();\n\n\t\t// Show the thank you screen after a delay\n\t\tsetTimeout(function () {\n\t\t\tcatalogScreenOptional.classList.add(\"hide\");\n\t\t\tcatalogScreenThankYou.classList.remove(\"hide\");\n\t\t\tcatalogScreenThankYou.scrollTop = 0;\n\t\t}, 3000);\n\t}\n\n\t// Function to submit the Marketo form\n\tfunction marketoSubmitFormCatalog() {\n\t\tif (checkMarketoForm() === false) {\n\t\t\tpushEvent(\"Marketo\", \"Form\", \"Not Loaded during marketoSubmitForm()\");\n\t\t}\n\n\t\t// When Marketo form is ready, submit it\n\t\tMktoForms2.whenReady(function (form) {\n\t\t\tform.submit();\n\t\t});\n\t}\n}\n","import { initJsFormatPhone, initJsFormatName, setNewsletterCheckbox, setOptsOnMarketoForm, isFormValid, pushUtmToMarketoForm, toggleButtonDisabled, isThisSpam } from \"../../../assets/js/global-form-functions.js\";\nimport { isSMSOptinChecked, setSMSOptsOnMarketoForm } from \"../../../assets/js/global-form-functions.js\";\nimport { pushEvent, pushEventFacebook, pushEventBing, saveUserCountryToLocalStorage } from \"../../../assets/js/utilities.js\";\nimport { toggleAmbientVideo } from \"../../../components/hero/_video.js\";\n\nexport async function modalEnews() {\n\tawait saveUserCountryToLocalStorage();\n\tlet userCountry = localStorage.getItem(\"country\") || \"unknown\";\n\n\tlet pageURL = document.URL;\n\tlet enews = new Object();\n\tenews.formName = \"#form-enews\";\n\tenews.eventAction = \"\";\n\tenews.smsElementParent = document.querySelector(\".js-sms-checkbox-enews\");\n\tenews.smsElement = document.querySelector(\"[js-enews-sms]\");\n\tenews.phoneElementInput = document.querySelector(\"[js-enews-phone-toggle]\");\n\tenews.phoneElementLabel = document.querySelector('[for~=\"form-enews-phone\"]');\n\tenews.locationSelector = \"js-enews-location\";\n\tenews.locationFirstElement = document.querySelector(`[${enews.locationSelector}]`);\n\tenews.locationAllElements = document.querySelectorAll(`[${enews.locationSelector}]`);\n\tenews.locationValue = \"Unknown\";\n\tenews.firstInput = document.querySelector(\"[enews-form-label]\");\n\n\tlet eNewsScreenRequired = document.querySelector(\".js-enews-required\"),\n\t\teNewsScreenThankYou = document.querySelector(\".js-enews-thankyou\");\n\n\tinitJsFormatPhone();\n\tinitJsFormatName();\n\n\t// EVENT - Populate modal with email from inline enews input\n\tconst populateEmail = () => {\n\t\tconst inlineEmail = document.getElementById(\"enews-inline-email\");\n\t\tconst modalEmail = document.getElementById(\"form-enews-email\");\n\t\tmodalEmail.value = inlineEmail.value;\n\t};\n\n\t// Event - When SMS checkbox changes do stuff\n\tfunction smsCheckbox() {\n\t\tenews.smsElement.addEventListener(\"input\", function () {\n\t\t\tif (this.checked) {\n\t\t\t\tenews.phoneElementInput.setAttribute(\"required\", \"\");\n\t\t\t\tenews.phoneElementLabel.setAttribute(\"enews-form-label\", \"required\");\n\t\t\t} else {\n\t\t\t\tenews.phoneElementInput.removeAttribute(\"required\");\n\t\t\t\tenews.phoneElementLabel.setAttribute(\"enews-form-label\", \"\");\n\t\t\t\tenews.phoneElementInput.classList.remove(\"js-invalid\");\n\t\t\t}\n\t\t});\n\t}\n\n\t// EVENT - Add event listener to all elements with the locationSelector\n\tenews.locationAllElements.forEach((element) => {\n\t\telement.addEventListener(\"click\", function (e) {\n\t\t\tsessionStorage.setItem(\"modalOpen\", true);\n\n\t\t\t// pause ambient video when modal is opened\n\t\t\ttoggleAmbientVideo(false);\n\n\t\t\tif (userCountry === \"US\") {\n\t\t\t\tsetNewsletterCheckbox();\n\t\t\t\tenews.smsElementParent.classList.remove(\"hide\");\n\t\t\t\tsmsCheckbox();\n\t\t\t}\n\t\t\tif (checkMarketoForm() === false) {\n\t\t\t\tinitMarketoForm();\n\t\t\t}\n\t\t\tif (enews.locationValue !== \"URL\") {\n\t\t\t\tenews.locationValue = element.getAttribute(enews.locationSelector);\n\t\t\t}\n\t\t\tpushEvent(\"eNews\", enews.locationValue, \"Open\");\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tenews.firstInput.focus();\n\t\t\t}, 1000);\n\t\t});\n\t});\n\n\tenews.locationAllElements.forEach((el) => {\n\t\tif (el.getAttribute(\"js-enews-location\") === \"Bottom\") {\n\t\t\tel.addEventListener(\"click\", function (e) {\n\t\t\t\tpopulateEmail();\n\t\t\t});\n\t\t}\n\t});\n\n\t// EVENT - Check for #enews or in URL\n\tlet linksWithHash = document.querySelectorAll(\"a[href^='#']\");\n\tlet linksWithHashNormalized = [];\n\tlinksWithHash.forEach((link) => {\n\t\tlet href = link.getAttribute(\"href\").toLowerCase();\n\t\tif (href.includes(\"#enews\")) {\n\t\t\tlinksWithHashNormalized.push(link);\n\t\t}\n\t});\n\n\tlet linksWithLightbox = document.querySelectorAll(\"a[href~='?lightbox=enews']\");\n\tlet linksCombined = [...linksWithHashNormalized, ...linksWithLightbox];\n\taddClickEvents(linksCombined);\n\tfunction addClickEvents(list) {\n\t\tlist.forEach((element) => {\n\t\t\telement.addEventListener(\"click\", function (e) {\n\t\t\t\te.preventDefault();\n\t\t\t\tenews.locationValue = \"Link\";\n\t\t\t\tenews.locationFirstElement.click();\n\t\t\t});\n\t\t});\n\t}\n\t// EVENT - Check for #hash or ?lightbox=value in URL\n\tif (pageURL.indexOf(\"#enews\") > 0 || pageURL.indexOf(\"#eNews\") > 0 || window.location.search.match(/lightbox\\=enews/i)) {\n\t\tenews.locationValue = \"URL\"; //default\n\t\tenews.locationFirstElement.click();\n\t}\n\n\t// EVENT - Handle submit of required form\n\tdocument.querySelector(\".js-enews-button-required\").addEventListener(\"click\", function (e) {\n\t\te.preventDefault();\n\t\tpostFormEnews();\n\t});\n\n\tfunction setEnewsBasicsOnMarketoForm() {\n\t\tdocument.querySelector(\"#sourceDetail\").value = enews.locationValue;\n\t\tdocument.querySelector(\"#requestedAt\").value = document.URL;\n\t\tdocument.querySelector(\"#LeadSource\").value = \"www.nathab.com\";\n\t\tdocument.querySelector(\"#recentConversionAction\").value = \"Email Sign-Up\";\n\t\tdocument.querySelector(\"#referringWebsite\").value = utmObject.referringWebsite || \"\";\n\t}\n\n\tfunction copyNewsletterFieldsToMarketoForm() {\n\t\tlet fieldsToCopyArray = document.querySelectorAll(`${enews.formName} [mrkto-field]`);\n\t\tfieldsToCopyArray.forEach((field) => {\n\t\t\tlet mrktoFieldSelector = field.getAttribute(\"mrkto-field\");\n\t\t\tif (field.value) {\n\t\t\t\tdocument.querySelector(mrktoFieldSelector).value = field.value;\n\t\t\t}\n\t\t});\n\t}\n\n\tfunction postFormEnews() {\n\t\tlet retryLimit = 3,\n\t\t\tretryAttempt = 0;\n\n\t\t// Validate form\n\t\tlet isValid = isFormValid(enews.formName);\n\t\tif (isValid === false) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Check for spam\n\t\tif (isThisSpam(enews.formName) === true) {\n\t\t\treturn;\n\t\t}\n\n\t\ttoggleButtonDisabled(document.querySelector(\".js-enews-button-required\"));\n\n\t\t// Check if marketo form has been loaded, if not retry with limits\n\t\tif (checkMarketoForm() === false && retryAttempt < retryLimit) {\n\t\t\tinitMarketoForm(function () {\n\t\t\t\tretryAttempt++;\n\t\t\t\tpostFormEnews();\n\t\t\t});\n\t\t}\n\n\t\tMktoForms2.whenReady(function () {\n\t\t\tlet optins = \"\";\n\n\t\t\tpushUtmToMarketoForm(); // function lives in global\n\n\t\t\tdocument.querySelector(\"#isEmailSignup\").value = true;\n\n\t\t\tsetEnewsBasicsOnMarketoForm(enews.formName);\n\n\t\t\tcopyNewsletterFieldsToMarketoForm(enews.formName);\n\n\t\t\tsetOptsOnMarketoForm();\n\n\t\t\tif (isSMSOptinChecked(enews.formName) === true) {\n\t\t\t\tdocument.querySelector(\"#isSMSSignup\").value = true;\n\t\t\t\toptins += \" SMS\";\n\t\t\t\tsetSMSOptsOnMarketoForm();\n\t\t\t}\n\n\t\t\toptins = optins || \" no optins\"; // if empty string, set to no optins\n\t\t\tlet pushEventString = `Submitted w/${optins}`;\n\n\t\t\tpushEvent(\"eNews\", enews.locationValue, pushEventString);\n\n\t\t\tmarketoSubmitFormEnews();\n\t\t\tpushEventFacebook();\n\t\t\tpushEventBing();\n\n\t\t\tsetTimeout(() => {\n\t\t\t\teNewsScreenRequired.classList.add(\"hide\");\n\t\t\t\teNewsScreenThankYou.classList.remove(\"hide\");\n\t\t\t\teNewsScreenThankYou.scrollTop = 0;\n\t\t\t}, 2750);\n\t\t});\n\t}\n\n\tfunction marketoSubmitFormEnews() {\n\t\tif (checkMarketoForm() === false) {\n\t\t\tpushEvent(\"Marketo\", \"Form\", \"Not Loaded during marketoSubmitForm()\");\n\t\t}\n\n\t\tMktoForms2.whenReady(function (form) {\n\t\t\tform.submit();\n\t\t});\n\t}\n}\n","import { pushEvent, pushEventFacebook, pushEventBing, saveUserCountryToLocalStorage } from \"../../../assets/js/utilities.js\";\nimport { autoPopChatUserAction } from \"../../olark/_script.js\";\nimport { initJsFormatName, setOptsOnMarketoForm, isFormValid, isNewsletterChecked, setNewsletterCheckbox, pushUtmToMarketoForm, toggleButtonDisabled, isThisSpam } from \"../../../assets/js/global-form-functions.js\";\nimport { isSMSOptinChecked, setSMSOptsOnMarketoForm } from \"../../../assets/js/global-form-functions.js\";\nimport { toggleAmbientVideo } from \"../../../components/hero/_video.js\";\n\nexport async function modalMessage() {\n\tawait saveUserCountryToLocalStorage();\n\tlet userCountry = localStorage.getItem(\"country\") || \"unknown\";\n\n\tlet pageURL = document.URL;\n\tlet message = new Object();\n\tmessage.formName = \"#form-message\";\n\tmessage.newsletter = false;\n\tmessage.smsElementParent = document.querySelector(\".js-sms-checkbox-message\");\n\tmessage.smsElement = document.querySelector(\"[js-message-sms]\");\n\tmessage.phoneElementInput = document.querySelector(\"[js-message-phone-toggle]\");\n\tmessage.phoneElementLabel = document.querySelector('[for~=\"form-message-phone\"]');\n\tmessage.locationSelector = \"js-message-location\";\n\tmessage.locationFirstElement = document.querySelector(`[${message.locationSelector}]`);\n\tmessage.locationAllElements = document.querySelectorAll(`[${message.locationSelector}]`);\n\tmessage.firstInput = document.querySelector(\"[message-form-label]\");\n\n\tlet messageScreenRequired = document.querySelector(\".js-message-required\"),\n\t\tmessageScreenThankYou = document.querySelector(\".js-message-thankyou\");\n\n\tinitJsFormatName();\n\n\t// Event - When SMS checkbox changes do stuff\n\tfunction smsCheckbox() {\n\t\tmessage.smsElement.addEventListener(\"input\", function () {\n\t\t\tif (this.checked) {\n\t\t\t\tmessage.phoneElementInput.setAttribute(\"required\", \"\");\n\t\t\t\tmessage.phoneElementLabel.setAttribute(\"message-form-label\", \"required\");\n\t\t\t} else {\n\t\t\t\tmessage.phoneElementInput.removeAttribute(\"required\");\n\t\t\t\tmessage.phoneElementLabel.setAttribute(\"message-form-label\", \"\");\n\t\t\t\tmessage.phoneElementInput.classList.remove(\"js-invalid\");\n\t\t\t}\n\t\t});\n\t}\n\n\t// EVENT - Add event listener to all elements with the locationSelector\n\tmessage.locationAllElements.forEach((element) => {\n\t\telement.addEventListener(\"click\", function (e) {\n\t\t\tsessionStorage.setItem(\"modalOpen\", true);\n\n\t\t\t// pause ambient video when modal is opened\n\t\t\ttoggleAmbientVideo(false);\n\n\t\t\t//check eNews box for users in US, India, and Australia\n\t\t\tif (userCountry === \"US\" || userCountry === \"IN\" || userCountry === \"AU\") {\n\t\t\t\tsetNewsletterCheckbox();\n\t\t\t\tmessage.smsElementParent.classList.remove(\"hide\");\n\t\t\t\tsmsCheckbox();\n\t\t\t}\n\t\t\tif (checkMarketoForm() === false) {\n\t\t\t\tinitMarketoForm();\n\t\t\t}\n\t\t\tpushEvent(\"Misc\", \"Info Request\", \"Open\");\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tmessage.firstInput.focus();\n\t\t\t}, 1000);\n\t\t});\n\t});\n\n\t// EVENT - Check for #message or in URL\n\tlet linksWithHash = document.querySelectorAll(\"a[href^='#']\");\n\tlet linksWithHashNormalized = [];\n\tlinksWithHash.forEach((link) => {\n\t\tlet href = link.getAttribute(\"href\").toLowerCase();\n\t\tif (href.includes(\"#message\")) {\n\t\t\tlinksWithHashNormalized.push(link);\n\t\t}\n\t});\n\tlet linksWithLightbox = document.querySelectorAll(\"a[href~='?lightbox=message']\");\n\tlet linksCombined = [...linksWithHashNormalized, ...linksWithLightbox];\n\taddClickEvents(linksCombined);\n\tfunction addClickEvents(list) {\n\t\tlist.forEach((element) => {\n\t\t\telement.addEventListener(\"click\", function (e) {\n\t\t\t\te.preventDefault();\n\t\t\t\tmessage.locationFirstElement.click();\n\t\t\t});\n\t\t});\n\t}\n\n\t// EVENT - Check for #hash or ?lightbox=value in URL\n\tif (pageURL.indexOf(\"#message\") > 0 || window.location.search.match(/lightbox\\=message/i)) {\n\t\tmessage.locationFirstElement.click();\n\t}\n\n\t// EVENT - Handle submit of required form\n\tdocument.querySelector(\".js-message-button-required\").addEventListener(\"click\", function (e) {\n\t\te.preventDefault();\n\t\tpostFormmessage();\n\t\tautoPopChatUserAction(\"#modal-message\"); // NOW THAT OLARK IS WRAPPED IN FUNCTION, THIS ISN'T AVAILABLE FOR USE HERE\n\t});\n\n\tfunction copymessageFieldsToMarketoForm() {\n\t\tlet fieldsToCopyArray = document.querySelectorAll(`${message.formName} [mrkto-field]`);\n\t\tfieldsToCopyArray.forEach((field) => {\n\t\t\tlet mrktoFieldSelector = field.getAttribute(\"mrkto-field\");\n\t\t\tif (field.value) {\n\t\t\t\tdocument.querySelector(mrktoFieldSelector).value = field.value;\n\t\t\t}\n\t\t});\n\t}\n\n\tfunction postFormmessage() {\n\t\tlet retryLimit = 3,\n\t\t\tretryAttempt = 0;\n\n\t\t// Validate form\n\t\tlet isValid = isFormValid(message.formName);\n\t\tif (isValid === false) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Check for spam\n\t\tif (isThisSpam(message.formName) === true) {\n\t\t\treturn;\n\t\t}\n\n\t\ttoggleButtonDisabled(document.querySelector(\".js-message-button-required\"));\n\n\t\t// Check if marketo form has been loaded, if not retry with limits\n\t\tif (checkMarketoForm() === false && retryAttempt < retryLimit) {\n\t\t\tinitMarketoForm(function () {\n\t\t\t\tretryAttempt++;\n\t\t\t\tpostFormmessage();\n\t\t\t});\n\t\t}\n\n\t\tMktoForms2.whenReady(function () {\n\t\t\tlet optins = \"\";\n\n\t\t\tpushUtmToMarketoForm(); // function lives in global\n\n\t\t\tdocument.querySelector(\"#requestedAt\").value = document.URL;\n\t\t\tdocument.querySelector(\"#LeadSource\").value = \"www.nathab.com\";\n\t\t\tdocument.querySelector(\"#sourceDetail\").value = \"Send Us a Message\";\n\t\t\tdocument.querySelector(\"#recentConversionAction\").value = \"Send Us a Message\";\n\t\t\tdocument.querySelector(\"#referringWebsite\").value = utmObject.referringWebsite || \"\";\n\t\t\tdocument.querySelector(\"#isSendMessage\").value = true;\n\n\t\t\tcopymessageFieldsToMarketoForm(message.formName); // Used for both required and optional\n\n\t\t\tif (isNewsletterChecked(message.formName) === true) {\n\t\t\t\tdocument.querySelector(\"#isEmailSignup\").value = true;\n\t\t\t\toptins += \" eNews\";\n\t\t\t\tsetOptsOnMarketoForm();\n\t\t\t}\n\n\t\t\tif (isSMSOptinChecked(message.formName) === true) {\n\t\t\t\tdocument.querySelector(\"#isSMSSignup\").value = true;\n\t\t\t\toptins += \" SMS\";\n\t\t\t\tsetSMSOptsOnMarketoForm();\n\t\t\t}\n\n\t\t\t// stupid edge case just to get a comma in the string\n\t\t\toptins = optins.replace(\"eNews SMS\", \"eNews, SMS\");\n\n\t\t\toptins = optins || \" no optins\"; // if empty string, set to no optins\n\t\t\tlet pushEventString = `Submitted w/${optins}`;\n\n\t\t\tpushEvent(\"Misc\", `Info Request`, pushEventString);\n\n\t\t\tmarketoSubmitFormMessage();\n\n\t\t\tpushEventFacebook();\n\t\t\tpushEventBing();\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tmessageScreenRequired.classList.add(\"hide\");\n\t\t\t\tmessageScreenThankYou.classList.remove(\"hide\");\n\t\t\t\tmessageScreenThankYou.scrollTop = 0;\n\t\t\t}, 2750);\n\t\t});\n\t}\n\n\tfunction marketoSubmitFormMessage() {\n\t\tif (checkMarketoForm() === false) {\n\t\t\tpushEvent(\"Marketo\", \"Form\", \"Not Loaded during marketoSubmitForm()\");\n\t\t}\n\n\t\tMktoForms2.whenReady(function (form) {\n\t\t\tform.submit();\n\t\t});\n\t}\n}\n","import { countryList } from \"../../../components/lists/country-list/_country-list.js\";\nimport { initSmarty } from \"../../../assets/js/smartypants.js\";\nimport { initJsFormatName, setOptsOnMarketoForm, isFormValid, isNewsletterChecked, setNewsletterCheckbox, pushUtmToMarketoForm, toggleButtonDisabled, isThisSpam } from \"../../../assets/js/global-form-functions.js\";\nimport { pushEvent, pushEventFacebook, pushEventBing, saveUserCountryToLocalStorage } from \"../../../assets/js/utilities.js\";\nimport { isSMSOptinChecked, setSMSOptsOnMarketoForm } from \"../../../assets/js/global-form-functions.js\";\n\nexport async function modalRefer() {\n\tawait saveUserCountryToLocalStorage();\n\tlet userCountry = localStorage.getItem(\"country\") || \"unknown\";\n\n\tlet pageURL = document.URL;\n\tlet refer = new Object();\n\trefer.formName = \"#form-refer\";\n\trefer.newsletter = false;\n\trefer.locationSelector = \"js-refer-location\";\n\trefer.smsElementParent = document.querySelector(\".js-sms-checkbox-refer\");\n\trefer.smsElement = document.querySelector(\"[js-refer-sms]\");\n\trefer.phoneElementInput = document.querySelector(\"[js-refer-phone-toggle]\");\n\trefer.phoneElementLabel = document.querySelector('[for~=\"form-refer-phone\"]');\n\trefer.locationFirstElement = document.querySelector(`[${refer.locationSelector}]`);\n\trefer.locationAllElements = document.querySelectorAll(`[${refer.locationSelector}]`);\n\trefer.firstInput = document.querySelector(\"[refer-form-label]\");\n\n\tlet referScreenRequired = document.querySelector(\".js-refer-required\"),\n\t\treferScreenThankYou = document.querySelector(\".js-refer-thankyou\");\n\n\tinitJsFormatName();\n\n\t// Event - When SMS checkbox changes do stuff\n\trefer.smsElement.addEventListener(\"input\", function () {\n\t\tif (this.checked) {\n\t\t\trefer.phoneElementInput.setAttribute(\"required\", \"\");\n\t\t\trefer.phoneElementLabel.setAttribute(\"refer-form-label\", \"required\");\n\t\t} else {\n\t\t\trefer.phoneElementInput.removeAttribute(\"required\");\n\t\t\trefer.phoneElementLabel.setAttribute(\"refer-form-label\", \"\");\n\t\t\trefer.phoneElementInput.classList.remove(\"js-invalid\");\n\t\t}\n\t});\n\n\t// EVENT - Add event listener to all elements with the locationSelector\n\trefer.locationAllElements.forEach((element) => {\n\t\telement.addEventListener(\"click\", function () {\n\t\t\tconst countryInput = document.querySelectorAll(`${refer.formName} .js-smarty-country`);\n\t\t\tif (userCountry !== \"unknown\") {\n\t\t\t\tcountryInput.forEach((input) => {\n\t\t\t\t\tconst country = countryList.filter((country) => userCountry === country.code);\n\t\t\t\t\tinput.value = country[0].name;\n\t\t\t\t});\n\t\t\t}\n\t\t\tif (userCountry === \"US\") {\n\t\t\t\tsetNewsletterCheckbox();\n\t\t\t\tinitSmarty(refer.formName);\n\t\t\t\trefer.smsElementParent.classList.remove(\"hide\");\n\t\t\t} else if (userCountry === \"IN\" || userCountry === \"AU\") {\n\t\t\t\tsetNewsletterCheckbox();\n\t\t\t}\n\t\t\tif (checkMarketoForm() === false) {\n\t\t\t\tinitMarketoForm();\n\t\t\t}\n\t\t\tpushEvent(\"Misc\", \"Refer a Friend\", \"Open\");\n\n\t\t\tsetTimeout(() => {\n\t\t\t\trefer.firstInput.focus();\n\t\t\t}, 1000);\n\t\t});\n\t});\n\n\t// EVENT - Check for #refer or in URL\n\tlet linksWithHash = document.querySelectorAll(\"a[href^='#']\");\n\tlet linksWithHashNormalized = [];\n\tlinksWithHash.forEach((link) => {\n\t\tlet href = link.getAttribute(\"href\").toLowerCase();\n\t\tif (href.includes(\"#refer\")) {\n\t\t\tlinksWithHashNormalized.push(link);\n\t\t}\n\t});\n\tlet linksWithLightbox = document.querySelectorAll(\"a[href~='?lightbox=refer']\");\n\tlet linksCombined = [...linksWithHashNormalized, ...linksWithLightbox];\n\taddClickEvents(linksCombined);\n\tfunction addClickEvents(list) {\n\t\tlist.forEach((element) => {\n\t\t\telement.addEventListener(\"click\", function (e) {\n\t\t\t\te.preventDefault();\n\t\t\t\trefer.locationFirstElement.click();\n\t\t\t});\n\t\t});\n\t}\n\n\t// EVENT - Check for #hash or ?lightbox=value in URL\n\tif (pageURL.indexOf(\"#refer\") > 0 || window.location.search.match(/lightbox\\=refer/i)) {\n\t\trefer.locationFirstElement.click();\n\t}\n\n\t// EVENT - Handle submit of required form\n\tdocument.querySelector(\".js-refer-button-required\").addEventListener(\"click\", function (e) {\n\t\te.preventDefault();\n\t\tpostFormRefer();\n\t});\n\n\tfunction copyReferFieldsToMarketoForm() {\n\t\tlet fieldsToCopyArray = document.querySelectorAll(`${refer.formName} [mrkto-field]`);\n\t\tfieldsToCopyArray.forEach((field) => {\n\t\t\tlet mrktoFieldSelector = field.getAttribute(\"mrkto-field\");\n\t\t\tif (field.value) {\n\t\t\t\tdocument.querySelector(mrktoFieldSelector).value = field.value;\n\t\t\t}\n\t\t});\n\t}\n\n\tfunction postFormRefer() {\n\t\tlet retryLimit = 3,\n\t\t\tretryAttempt = 0;\n\n\t\t// Validate form\n\t\tlet isValid = isFormValid(refer.formName);\n\t\tif (isValid === false) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Check for spam\n\t\tif (isThisSpam(refer.formName) === true) {\n\t\t\treturn;\n\t\t}\n\n\t\ttoggleButtonDisabled(document.querySelector(\".js-refer-button-required\"));\n\n\t\t// Check if marketo form has been loaded, if not retry with limits\n\t\tif (checkMarketoForm() === false && retryAttempt < retryLimit) {\n\t\t\tinitMarketoForm(function () {\n\t\t\t\tretryAttempt++;\n\t\t\t\tpostFormRefer();\n\t\t\t});\n\t\t}\n\n\t\tMktoForms2.whenReady(function () {\n\t\t\tlet optins = \"\";\n\n\t\t\tpushUtmToMarketoForm(); // function lives in global\n\n\t\t\tdocument.querySelector(\"#requestedAt\").value = document.URL;\n\t\t\tdocument.querySelector(\"#LeadSource\").value = \"www.nathab.com\";\n\t\t\tdocument.querySelector(\"#sourceDetail\").value = \"Refer a Friend\";\n\t\t\tdocument.querySelector(\"#recentConversionAction\").value = \"Refer a Friend\";\n\t\t\tdocument.querySelector(\"#referringWebsite\").value = utmObject.referringWebsite || \"\";\n\t\t\tdocument.querySelector(\"#isFriendReferred\").value = true;\n\n\t\t\tcopyReferFieldsToMarketoForm(refer.formName); // Used for both required and optional\n\n\t\t\tif (isNewsletterChecked(refer.formName) === true) {\n\t\t\t\tdocument.querySelector(\"#isEmailSignup\").value = true;\n\t\t\t\toptins += \" eNews\";\n\t\t\t\tsetOptsOnMarketoForm();\n\t\t\t}\n\n\t\t\tif (isSMSOptinChecked(refer.formName) === true) {\n\t\t\t\tdocument.querySelector(\"#isSMSSignup\").value = true;\n\t\t\t\toptins += \" SMS\";\n\t\t\t\tsetSMSOptsOnMarketoForm();\n\t\t\t}\n\n\t\t\t// stupid edge case just to get a comma in the string\n\t\t\toptins = optins.replace(\"eNews SMS\", \"eNews, SMS\");\n\n\t\t\toptins = optins || \" no optins\"; // if empty string, set to no optins\n\t\t\tlet pushEventString = `Submitted w/${optins}`;\n\n\t\t\tpushEvent(\"Misc\", `Refer a Friend`, pushEventString);\n\t\t\tmarketoSubmitFormRefer();\n\n\t\t\tpushEventFacebook();\n\t\t\tpushEventBing();\n\n\t\t\tsetTimeout(() => {\n\t\t\t\treferScreenRequired.classList.add(\"hide\");\n\t\t\t\treferScreenThankYou.classList.remove(\"hide\");\n\t\t\t\treferScreenThankYou.scrollIntoView(\"true\");\n\t\t\t}, 2750);\n\t\t});\n\t}\n\n\tfunction marketoSubmitFormRefer() {\n\t\tif (checkMarketoForm() === false) {\n\t\t\tpushEvent(\"Marketo\", \"Form\", \"Not Loaded during marketoSubmitForm()\");\n\t\t}\n\n\t\tMktoForms2.whenReady(function (form) {\n\t\t\tform.submit();\n\t\t});\n\t}\n}\n","import { initSmarty } from \"../../../assets/js/smartypants.js\";\nimport { initJsFormatName, setOptsOnMarketoForm, isFormValid, isNewsletterChecked, setNewsletterCheckbox, pushUtmToMarketoForm, toggleButtonDisabled, isThisSpam, limitCheckboxes } from \"../../../assets/js/global-form-functions.js\";\nimport { pushEvent, pushEventFacebook, pushEventBing, saveUserCountryToLocalStorage } from \"../../../assets/js/utilities.js\";\nimport { isSMSOptinChecked, setSMSOptsOnMarketoForm } from \"../../../assets/js/global-form-functions.js\";\nimport { toggleAmbientVideo } from \"../../../components/hero/_video.js\";\n\nexport async function modalDigital() {\n\tawait saveUserCountryToLocalStorage();\n\tlet userCountry = localStorage.getItem(\"country\") || \"unknown\";\n\n\tlet pageURL = document.URL;\n\tlet digital = new Object();\n\tdigital.formName = \"#form-digital\";\n\tdigital.newsletter = false;\n\tdigital.smsElementParent = document.querySelector(\".js-sms-checkbox-digital\");\n\tdigital.smsElement = document.querySelector(\"[js-digital-sms]\");\n\tdigital.phoneElementInput = document.querySelector(\"[js-digital-phone-toggle]\");\n\tdigital.phoneElementLabel = document.querySelector('[for~=\"form-digital-phone\"]');\n\tdigital.locationSelector = \"js-digital-location\";\n\tdigital.locationFirstElement = document.querySelector(`[${digital.locationSelector}]`);\n\tdigital.locationAllElements = document.querySelectorAll(`[${digital.locationSelector}]`);\n\tdigital.firstInput = document.querySelector(\"[digital-form-label]\");\n\n\tlet digitalScreenRequired = document.querySelector(\".js-digital-required\"),\n\t\tdigitalScreenThankYou = document.querySelector(\".js-digital-thankyou\");\n\n\tinitJsFormatName();\n\n\t// Event - When SMS checkbox changes do stuff\n\tfunction smsCheckbox() {\n\t\tdigital.smsElement.addEventListener(\"input\", function () {\n\t\t\tif (this.checked) {\n\t\t\t\tdigital.phoneElementInput.setAttribute(\"required\", \"\");\n\t\t\t\tdigital.phoneElementLabel.setAttribute(\"digital-form-label\", \"required\");\n\t\t\t} else {\n\t\t\t\tdigital.phoneElementInput.removeAttribute(\"required\");\n\t\t\t\tdigital.phoneElementLabel.setAttribute(\"digital-form-label\", \"\");\n\t\t\t\tdigital.phoneElementInput.classList.remove(\"js-invalid\");\n\t\t\t}\n\t\t});\n\t}\n\n\t// EVENT - Add event listener to all elements with the locationSelector\n\tdigital.locationAllElements.forEach((element) => {\n\t\telement.addEventListener(\"click\", function () {\n\t\t\tsessionStorage.setItem(\"modalOpen\", true);\n\n\t\t\t// pause ambient video when modal is opened\n\t\t\ttoggleAmbientVideo(false);\n\n\t\t\t//check eNews box for users in US, India, and Australia\n\t\t\tif (userCountry === \"US\") {\n\t\t\t\tsetNewsletterCheckbox();\n\t\t\t\tinitSmarty(digital.formName);\n\t\t\t\tdigital.smsElementParent.classList.remove(\"hide\");\n\t\t\t\tsmsCheckbox();\n\t\t\t} else if (userCountry === \"IN\" || userCountry === \"AU\") {\n\t\t\t\tsetNewsletterCheckbox();\n\t\t\t}\n\t\t\tif (checkMarketoForm() === false) {\n\t\t\t\tinitMarketoForm();\n\t\t\t}\n\t\t\tlimitCheckboxes(digital.formName);\n\t\t\tpushEvent(\"Misc\", \"Digital Catalog\", \"Open\");\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tdigital.firstInput.focus();\n\t\t\t}, 1000);\n\t\t});\n\t});\n\n\t// EVENT - Check for #digital or in URL\n\tlet linksWithHash = document.querySelectorAll(\"a[href^='#']\");\n\tlet linksWithHashNormalized = [];\n\tlinksWithHash.forEach((link) => {\n\t\tlet href = link.getAttribute(\"href\").toLowerCase();\n\t\tif (href.includes(\"#digital\")) {\n\t\t\tlinksWithHashNormalized.push(link);\n\t\t}\n\t});\n\tlet linksWithLightbox = document.querySelectorAll(\"a[href~='?lightbox=digital']\");\n\tlet linksCombined = [...linksWithHashNormalized, ...linksWithLightbox];\n\taddClickEvents(linksCombined);\n\tfunction addClickEvents(list) {\n\t\tlist.forEach((element) => {\n\t\t\telement.addEventListener(\"click\", function (e) {\n\t\t\t\te.preventDefault();\n\t\t\t\tdigital.locationFirstElement.click();\n\t\t\t});\n\t\t});\n\t}\n\n\t// EVENT - Check for #hash or ?lightbox=value in URL\n\tif (pageURL.indexOf(\"#digital\") > 0 || window.location.search.match(/lightbox\\=digital/i)) {\n\t\tdigital.locationFirstElement.click();\n\t}\n\n\t// EVENT - Handle submit of required form\n\tdocument.querySelector(\".js-digital-button-required\").addEventListener(\"click\", function (e) {\n\t\te.preventDefault();\n\t\tpostFormdigital();\n\t});\n\n\tfunction copydigitalFieldsToMarketoForm() {\n\t\tlet fieldsToCopyArray = document.querySelectorAll(`${digital.formName} [mrkto-field]`);\n\t\tfieldsToCopyArray.forEach((field) => {\n\t\t\tlet mrktoFieldSelector = field.getAttribute(\"mrkto-field\");\n\t\t\tif (field.value) {\n\t\t\t\tdocument.querySelector(mrktoFieldSelector).value = field.value;\n\t\t\t}\n\t\t});\n\t}\n\n\tfunction postFormdigital() {\n\t\tlet retryLimit = 3,\n\t\t\tretryAttempt = 0;\n\n\t\t// Validate form\n\t\tlet isValid = isFormValid(digital.formName);\n\t\tif (isValid === false) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Check for spam\n\t\tif (isThisSpam(digital.formName) === true) {\n\t\t\treturn;\n\t\t}\n\n\t\ttoggleButtonDisabled(document.querySelector(\".js-digital-button-required\"));\n\n\t\t// Check if marketo form has been loaded, if not retry with limits\n\t\tif (checkMarketoForm() === false && retryAttempt < retryLimit) {\n\t\t\tinitMarketoForm(function () {\n\t\t\t\tretryAttempt++;\n\t\t\t\tpostFormdigital();\n\t\t\t});\n\t\t}\n\n\t\tMktoForms2.whenReady(function () {\n\t\t\tlet optins = \"\";\n\n\t\t\tpushUtmToMarketoForm(); // function lives in global\n\t\t\tdocument.querySelector(\"#requestedAt\").value = document.URL;\n\t\t\tdocument.querySelector(\"#LeadSource\").value = \"www.nathab.com\";\n\t\t\tdocument.querySelector(\"#sourceDetail\").value = \"Digital Catalog Request\";\n\t\t\tdocument.querySelector(\"#recentConversionAction\").value = \"Digital Catalog Request\";\n\t\t\tdocument.querySelector(\"#referringWebsite\").value = utmObject.referringWebsite || \"\";\n\t\t\tdocument.querySelector(\"#isDigitalCatalog\").value = true;\n\n\t\t\tcopydigitalFieldsToMarketoForm(digital.formName); // Used for both required and optional\n\n\t\t\tif (isNewsletterChecked(digital.formName) === true) {\n\t\t\t\tdocument.querySelector(\"#isEmailSignup\").value = true;\n\t\t\t\toptins += \" eNews\";\n\t\t\t\tsetOptsOnMarketoForm();\n\t\t\t}\n\n\t\t\tif (isSMSOptinChecked(digital.formName) === true) {\n\t\t\t\tdocument.querySelector(\"#isSMSSignup\").value = true;\n\t\t\t\toptins += \" SMS\";\n\t\t\t\tsetSMSOptsOnMarketoForm();\n\t\t\t}\n\n\t\t\t// stupid edge case just to get a comma in the string\n\t\t\toptins = optins.replace(\"eNews SMS\", \"eNews, SMS\");\n\n\t\t\toptins = optins || \" no optins\"; // if empty string, set to no optins\n\t\t\tlet pushEventString = `Submitted w/${optins}`;\n\n\t\t\tpushEvent(\"Misc\", `Digital Catalog`, pushEventString);\n\n\t\t\tlet checkboxesToCopyArray = document.querySelectorAll(`${digital.formName} [mrkto-checkbox]`);\n\t\t\tcheckboxesToCopyArray.forEach((checkbox) => {\n\t\t\t\tlet mrktoCheckboxSelector = checkbox.getAttribute(\"mrkto-checkbox\");\n\t\t\t\tif (checkbox.checked) {\n\t\t\t\t\tdocument.querySelector(mrktoCheckboxSelector).value = checkbox.value;\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tmarketoSubmitFormDigital();\n\n\t\t\tpushEventFacebook();\n\t\t\tpushEventBing();\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tdigitalScreenRequired.classList.add(\"hide\");\n\t\t\t\tdigitalScreenThankYou.classList.remove(\"hide\");\n\t\t\t\tdigitalScreenThankYou.scrollTop = 0;\n\t\t\t}, 2750);\n\t\t});\n\t}\n\n\tfunction marketoSubmitFormDigital() {\n\t\tif (checkMarketoForm() === false) {\n\t\t\tpushEvent(\"Marketo\", \"Form\", \"Not Loaded during marketoSubmitForm()\");\n\t\t}\n\n\t\tMktoForms2.whenReady(function (form) {\n\t\t\tform.submit();\n\t\t});\n\n\t\twindow.open(\"https://issuu.com/natural-habitat-adventures/docs/2025-26_travel-catalog_nat-hab?fr=sYmI5YTc2OTAwNDU\", \"_blank\");\n\t}\n}\n","import { isDialogSupported } from \"../_script.js\";\nimport { copyToClipboard } from \"../../../assets/js/utilities.js\";\nimport { toggleAmbientVideo } from \"../../../components/hero/_video.js\";\n\nexport function modalYoutube() {\n\tconst youtubeModal = document.querySelector(\"[youtube-modal]\");\n\tconst youtubeModalClose = document.querySelector(\"[youtube-modal-close]\");\n\tconst youtubeLinks = document.querySelectorAll(\"a[href*='youtube.com']:not([nomodal])\");\n\tconst youtubeIframe = document.querySelector(\"[youtube-modal-iframe]\");\n\tconst unsetSrc = \"\";\n\n\t// Function - check url for youtube\n\tfunction checkUrlForYoutube() {\n\t\tlet querystring = new URLSearchParams(window.location.search);\n\t\tlet modalParam = querystring.get(\"modal\");\n\t\tlet lightboxParam = querystring.get(\"lightbox\");\n\t\tlet youtubeSrc = \"\";\n\n\t\t// Check if either modal or lightbox parameter contains \"youtube.com\"\n\t\tif (modalParam && modalParam.includes(\"youtube.com\")) {\n\t\t\tyoutubeSrc = modalParam;\n\t\t} else if (lightboxParam && lightboxParam.includes(\"youtube.com\")) {\n\t\t\tyoutubeSrc = lightboxParam;\n\t\t}\n\t\t// If youtubeSrc has been set, decode and open the YouTube modal\n\t\tif (!youtubeSrc) return;\n\t\tyoutubeSrc = decodeURIComponent(youtubeSrc);\n\t\topenYoutubeModal(youtubeSrc);\n\t}\n\tcheckUrlForYoutube();\n\n\t// Event : check for youtube links\n\tfunction checkLinksForYoutube() {\n\t\tyoutubeLinks.forEach((item) => {\n\t\t\tlet href = item.getAttribute(\"href\");\n\t\t\tif (href.includes(\"@nathab\") || href.includes(\"@naturewebinars\")) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\titem.addEventListener(\"click\", (event) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tlet youtubeSrc = item.getAttribute(\"href\");\n\t\t\t\tyoutubeSrc = youtubeSrc.replace(/(^.*\\?lightbox=)/i, \"\");\n\t\t\t\tyoutubeSrc = youtubeSrc.replace(/(^.*\\?modal=)/i, \"\");\n\t\t\t\tif (event.shiftKey) {\n\t\t\t\t\tlet shiftClickUrl = `https://${window.location.hostname}${window.location.pathname}?modal=${youtubeSrc}`;\n\t\t\t\t\tcopyToClipboard(shiftClickUrl);\n\t\t\t\t}\n\t\t\t\topenYoutubeModal(`${youtubeSrc}`);\n\t\t\t});\n\t\t});\n\t}\n\tcheckLinksForYoutube();\n\n\t// Function - Open Youtube Modal\n\tfunction openYoutubeModal(src) {\n\t\tsetSrc(src);\n\t\tif (youtubeModal.hasAttribute(\"open\")) return;\n\t\tif (!isDialogSupported()) {\n\t\t\tyoutubeModal.setAttribute(\"open\", \"\");\n\t\t} else {\n\t\t\tyoutubeModal.showModal();\n\t\t}\n\t\tsessionStorage.setItem(\"modalOpen\", true);\n\t\ttoggleAmbientVideo(false);\n\t}\n\n\t// Function - Close Youtube Modal\n\tfunction closeYoutubeModal() {\n\t\tsetSrc(unsetSrc);\n\t\tif (!isDialogSupported()) {\n\t\t\tyoutubeModal.removeAttribute(\"open\");\n\t\t} else {\n\t\t\tyoutubeModal.close();\n\t\t}\n\t}\n\n\t// Function - Set Youtube Src\n\tfunction setSrc(src) {\n\t\tyoutubeIframe.setAttribute(\"src\", src);\n\t}\n\n\t// Event : close event for when modal is open\n\tdocument.addEventListener(\"click\", function (event) {\n\t\tif (youtubeModal.contains(event.target) || (event.target === youtubeModal && youtubeModal.open)) {\n\t\t\tcloseYoutubeModal();\n\t\t}\n\t});\n\n\t// Event : close button click\n\tyoutubeModalClose.addEventListener(\"click\", () => {\n\t\tcloseYoutubeModal();\n\t});\n\n\t// Event : if escape key is pressed (but captures all close events)\n\tyoutubeModal.addEventListener(\"close\", () => {\n\t\tcloseYoutubeModal();\n\t\tsessionStorage.setItem(\"modalOpen\", false);\n\t\ttoggleAmbientVideo(true);\n\t});\n}\n","import { pushEvent, pushEventFacebook, pushEventBing, getBrowserDevice, saveUserCountryToLocalStorage } from \"../../../assets/js/utilities.js\";\nimport { callOpenModalAndVideoFunctions } from \"../../olark/_script.js\";\nimport { initSmarty } from \"../../../assets/js/smartypants.js\";\nimport { initJsFormatPhone, initJsFormatName, setOptsOnMarketoForm, isFormValid, isNewsletterChecked, setNewsletterCheckbox, pushUtmToMarketoForm, toggleButtonDisabled, isThisSpam } from \"../../../assets/js/global-form-functions.js\";\nimport { isChatOpen } from \"../../olark/_script.js\";\nimport { isSMSOptinChecked, setSMSOptsOnMarketoForm } from \"../../../assets/js/global-form-functions.js\";\nimport { toggleAmbientVideo } from \"../../../components/hero/_video.js\";\n\nexport function ebookCTAs() {\n\tlet marketoCampaignName;\n\tlet ebookUrl;\n\n\t// Function: do stuff to ebook modal\n\tasync function eBookModal(id) {\n\t\tlet campaignID = id;\n\t\tawait saveUserCountryToLocalStorage();\n\t\tlet userCountry = localStorage.getItem(\"country\") || \"unknown\";\n\n\t\tlet eBook = new Object();\n\t\teBook.formName = \"#form-ebook\";\n\t\teBook.newsletter = false;\n\t\teBook.firstInput = document.querySelector(\"#form-ebook-first_name\");\n\t\teBook.smsElementParent = document.querySelector(\".js-sms-checkbox-ebook\");\n\t\teBook.smsElement = document.querySelector(\"[js-ebook-sms]\");\n\t\teBook.phoneElementInput = document.querySelector(\"[js-ebook-phone-toggle]\");\n\t\teBook.phoneElementLabel = document.querySelector('[for~=\"form-ebook-phone\"]');\n\t\teBook.phoneElementLabelRequired = document.querySelector('[for~=\"form-ebook-phone\"] span');\n\n\t\tinitJsFormatPhone();\n\t\tinitJsFormatName();\n\n\t\tconst campaignData = {\n\t\t\ttu18oaqav9qkl5yfxsyv: {\n\t\t\t\tname: \"Fundamentals of Nature Photography\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/nature_photography_fundamentals_ebook?fr=sZDYxNTYwMDUyMTM\"\n\t\t\t},\n\t\t\tvoupy8wdnwblul6vjl1y: {\n\t\t\t\tname: \"Fundamentals of Nature Photography\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/nature_photography_fundamentals_ebook?fr=sZDYxNTYwMDUyMTM\"\n\t\t\t},\n\t\t\tyeiba6dgsj8zsivkhb9r: {\n\t\t\t\tname: \"Fundamentals of Nature Photography\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/nature_photography_fundamentals_ebook?fr=sZDYxNTYwMDUyMTM\"\n\t\t\t},\n\t\t\turqd4tb4mtflhk3tzox6: {\n\t\t\t\tname: \"Polar Bear Photography Guide\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/polar_bear_photography_guide\"\n\t\t\t},\n\t\t\twjpuhgvxuo1nxcgrgfam: {\n\t\t\t\tname: \"Polar Bear Photography Guide\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/polar_bear_photography_guide\"\n\t\t\t},\n\t\t\tefc31udmczx1xgke399b: {\n\t\t\t\tname: \"Polar Bear Photography Guide\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/polar_bear_photography_guide\"\n\t\t\t},\n\t\t\top07bfqilfpg9akgzxvn: {\n\t\t\t\tname: \"Northern Lights Photography Guide\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/northern-lights-photography-guide\"\n\t\t\t},\n\t\t\tf2xtqvqoowiry2s3nobk: {\n\t\t\t\tname: \"Northern Lights Photography Guide\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/northern-lights-photography-guide\"\n\t\t\t},\n\t\t\tkeh38qepxheoakylxo51: {\n\t\t\t\tname: \"Northern Lights Photography Guide\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/northern-lights-photography-guide\"\n\t\t\t},\n\t\t\tquthwhoxff0adv3mp0fs: {\n\t\t\t\tname: \"Galapagos Brochure\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/feb_galapagos_brochure\"\n\t\t\t},\n\t\t\tw1wt5dat5x5oifhegi4e: {\n\t\t\t\tname: \"Galapagos Brochure\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/feb_galapagos_brochure\"\n\t\t\t},\n\t\t\tidk2qhidkqto1nflvijk: {\n\t\t\t\tname: \"Galapagos Brochure\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/feb_galapagos_brochure\"\n\t\t\t},\n\t\t\tjnurbdjfkiftde7yhpej: {\n\t\t\t\tname: \"Polar Bear Brochure\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/mar_polar_bear_brochure\"\n\t\t\t},\n\t\t\tyrl0yxl3nh3osfhtc4md: {\n\t\t\t\tname: \"Polar Bear Brochure\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/mar_polar_bear_brochure\"\n\t\t\t},\n\t\t\tnykcz442pm5nsa1lpxiu: {\n\t\t\t\tname: \"Polar Bear Brochure\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/mar_polar_bear_brochure\"\n\t\t\t},\n\t\t\th73zz2yn0ttzbpmquk3y: {\n\t\t\t\tname: \"Australia Brochure\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/jun_australia_brochure\"\n\t\t\t},\n\t\t\txiwob5l74j8n4ebcpvkz: {\n\t\t\t\tname: \"Australia Brochure\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/jun_australia_brochure\"\n\t\t\t},\n\t\t\tw2iaszbsouchpnwtw6di: {\n\t\t\t\tname: \"Australia Brochure\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/jun_australia_brochure\"\n\t\t\t},\n\t\t\tbroursnxugepvtqqpdqr: {\n\t\t\t\tname: \"World's Best Adventures For Every Season eBook\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/nathab-ebook-adventureseveryseason?fr=sNDc3ZjYzMDAxMDM\"\n\t\t\t},\n\t\t\twklcy54e540vfozxeyuv: {\n\t\t\t\tname: \"World's Best Adventures For Every Season eBook\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/nathab-ebook-adventureseveryseason?fr=sNDc3ZjYzMDAxMDM\"\n\t\t\t},\n\t\t\tahn14os85rjyamvmmbrv: {\n\t\t\t\tname: \"World's Best Adventures For Every Season eBook\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/nathab-ebook-adventureseveryseason?fr=sNDc3ZjYzMDAxMDM\"\n\t\t\t},\n\t\t\tpmsnrvg18fxjsbhigwf3: {\n\t\t\t\tname: \"Africa's Big 5 eBook\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/nathab-ebook-africasbigfive?fr=sNWVmNjYzMDAxMDM\"\n\t\t\t},\n\t\t\tr07jtlzjuxs7ydow9twf: {\n\t\t\t\tname: \"Africa's Big 5 eBook\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/nathab-ebook-africasbigfive?fr=sNWVmNjYzMDAxMDM\"\n\t\t\t},\n\t\t\twectj42dfcwvp2aheia9: {\n\t\t\t\tname: \"Africa's Big 5 eBook\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/nathab-ebook-africasbigfive?fr=sNWVmNjYzMDAxMDM\"\n\t\t\t},\n\t\t\tql9emap4ll16mpusswat: {\n\t\t\t\tname: \"Rainforest Adventures eBook\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/nathab-ebook-rainforestadventures?fr=sZjk1MjYzMDAxMDM\"\n\t\t\t},\n\t\t\toahjmihvdz2hdhygl5t8: {\n\t\t\t\tname: \"Rainforest Adventures eBook\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/nathab-ebook-rainforestadventures?fr=sZjk1MjYzMDAxMDM\"\n\t\t\t},\n\t\t\tuthayslur79fxnfrytee: {\n\t\t\t\tname: \"Rainforest Adventures eBook\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/nathab-ebook-rainforestadventures?fr=sZjk1MjYzMDAxMDM\"\n\t\t\t},\n\t\t\typ4ppkps3xnxuq0gob59: {\n\t\t\t\tname: \"Iceland Greenland Brochure\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/nat-hab-iceland-greenland-brochure-2025-2026?fr=sZmUxZjc2OTAwNDU\"\n\t\t\t},\n\t\t\tjliuagemgknzhoi39spv: {\n\t\t\t\tname: \"Iceland Greenland Brochure\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/nat-hab-iceland-greenland-brochure-2025-2026?fr=sZmUxZjc2OTAwNDU\"\n\t\t\t},\n\t\t\tgnzxsrszzlgfpwhcg5tu: {\n\t\t\t\tname: \"Digital Catalog\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/2025-26_travel-catalog_nat-hab?fr=sYmI5YTc2OTAwNDU\"\n\t\t\t},\n\t\t\tgxxmu7xbywwvvoe7per4: {\n\t\t\t\tname: \"Digital Catalog\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/2025-26_travel-catalog_nat-hab?fr=sYmI5YTc2OTAwNDU\"\n\t\t\t},\n\t\t\taocmbipvtelfydacfgi1: {\n\t\t\t\tname: \"Digital Catalog\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/2025-26_travel-catalog_nat-hab?fr=sYmI5YTc2OTAwNDU\"\n\t\t\t},\n\t\t\tcsgufgguzlblnto2ltii: {\n\t\t\t\tname: \"Peru Brochure\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/nov_peru_brochure?fr=xKAE9_zU1NQ\"\n\t\t\t},\n\t\t\tqormuafpdktnesbg6ywu: {\n\t\t\t\tname: \"Peru Brochure\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/nov_peru_brochure?fr=xKAE9_zU1NQ\"\n\t\t\t},\n\t\t\tr0ualrp0xyyewrjzmeqw: {\n\t\t\t\tname: \"Alaska Brochure\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/nov_alaska_brochure?fr=sNTYxMDc2OTAwNDU\"\n\t\t\t},\n\t\t\tf2nlxmywljhj8dxf4ttn: {\n\t\t\t\tname: \"Alaska Brochure\",\n\t\t\t\turl: \"https://issuu.com/natural-habitat-adventures/docs/nov_alaska_brochure?fr=sNTYxMDc2OTAwNDU\"\n\t\t\t}\n\t\t};\n\n\t\tif (campaignData[campaignID]) {\n\t\t\tmarketoCampaignName = campaignData[campaignID].name;\n\t\t\tebookUrl = campaignData[campaignID].url;\n\t\t}\n\n\t\tsessionStorage.setItem(\"modalOpen\", true);\n\n\t\t// pause ambient video when modal is opened\n\t\ttoggleAmbientVideo(false);\n\n\t\tpushEvent(\"Gated Content\", \"eBook\", \"Open\");\n\n\t\tsetTimeout(() => {\n\t\t\teBook.firstInput.focus();\n\t\t}, 1000);\n\n\t\t// if eBook shown on page, prevent itinerary (enews) modal from auto popping\n\t\tlet pageVisits = Cookies.get(\"itin\");\n\t\tif (pageVisits === 1) {\n\t\t\tCookies.set(\"itin\", 0);\n\t\t}\n\n\t\t//check eNews box for users in US, India, and Australia\n\t\tif (userCountry === \"US\") {\n\t\t\tsetNewsletterCheckbox();\n\t\t\tinitSmarty(eBook.formName);\n\t\t\teBook.smsElementParent.classList.remove(\"hide\");\n\t\t\tsmsCheckbox();\n\t\t} else if (userCountry === \"IN\" || userCountry === \"AU\") {\n\t\t\tsetNewsletterCheckbox();\n\t\t}\n\n\t\t// Event - When SMS checkbox changes do stuff\n\t\tfunction smsCheckbox() {\n\t\t\teBook.smsElement.addEventListener(\"input\", function () {\n\t\t\t\tif (this.checked) {\n\t\t\t\t\teBook.phoneElementInput.setAttribute(\"required\", \"\");\n\t\t\t\t\teBook.phoneElementLabel.setAttribute(\"ebook-form-label\", \"required\");\n\t\t\t\t\teBook.phoneElementLabelRequired.classList.remove(\"hide\");\n\t\t\t\t} else {\n\t\t\t\t\teBook.phoneElementInput.removeAttribute(\"required\");\n\t\t\t\t\teBook.phoneElementLabel.setAttribute(\"ebook-form-label\", \"\");\n\t\t\t\t\teBook.phoneElementInput.classList.remove(\"js-invalid\");\n\t\t\t\t\teBook.phoneElementLabelRequired.classList.add(\"hide\");\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\t// EVENT - Handle submit of required form\n\t\tdocument.querySelector(\".js-ebook-submit-button\").addEventListener(\"click\", function (e) {\n\t\t\te.preventDefault();\n\t\t\tpostFormEbook();\n\t\t});\n\n\t\tfunction copyEbookFieldsToMarketoForm() {\n\t\t\tlet fieldsToCopyArray = document.querySelectorAll(`${eBook.formName} [mrkto-field]`);\n\t\t\tfieldsToCopyArray.forEach((field) => {\n\t\t\t\tlet mrktoFieldSelector = field.getAttribute(\"mrkto-field\");\n\t\t\t\tif (field.value) {\n\t\t\t\t\tdocument.querySelector(mrktoFieldSelector).value = field.value;\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\n\t\tfunction postFormEbook() {\n\t\t\tlet retryLimit = 3,\n\t\t\t\tretryAttempt = 0;\n\t\t\t// Validate form\n\t\t\tlet isValid = isFormValid(eBook.formName);\n\t\t\tif (isValid === false) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// Check for spam\n\t\t\tif (isThisSpam(eBook.formName) === true) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\ttoggleButtonDisabled(document.querySelector(\".js-ebook-submit-button\"));\n\t\t\t// Check if marketo form has been loaded, if not retry with limits\n\t\t\tif (checkMarketoForm() === false && retryAttempt < retryLimit) {\n\t\t\t\tinitMarketoForm(function () {\n\t\t\t\t\tretryAttempt++;\n\t\t\t\t\tpostFormEbook();\n\t\t\t\t});\n\t\t\t}\n\t\t\tMktoForms2.whenReady(function () {\n\t\t\t\tlet optins = \"\";\n\n\t\t\t\tpushUtmToMarketoForm(); // function lives in global\n\t\t\t\tdocument.querySelector(\"#requestedAt\").value = document.URL;\n\t\t\t\tdocument.querySelector(\"#LeadSource\").value = \"www.nathab.com\";\n\t\t\t\tdocument.querySelector(\"#sourceDetail\").value = \"eBook\";\n\t\t\t\tdocument.querySelector(\"#iseBookDownload\").value = \"true\";\n\t\t\t\tdocument.querySelector(\"#recentConversionAction\").value = \"eBook Download\";\n\t\t\t\tdocument.querySelector(\"#referringWebsite\").value = utmObject.referringWebsite || \"\";\n\t\t\t\tdocument.querySelector(\"#recenteBookRequest\").value = marketoCampaignName;\n\t\t\t\tdocument.querySelector(\"#recenteBookURL\").value = ebookUrl;\n\t\t\t\tcopyEbookFieldsToMarketoForm(eBook.formName);\n\n\t\t\t\tif (isNewsletterChecked(eBook.formName) === true) {\n\t\t\t\t\tdocument.querySelector(\"#isEmailSignup\").value = true;\n\t\t\t\t\toptins += \" eNews\";\n\t\t\t\t\tsetOptsOnMarketoForm();\n\t\t\t\t}\n\n\t\t\t\tif (isSMSOptinChecked(eBook.formName) === true) {\n\t\t\t\t\tdocument.querySelector(\"#isSMSSignup\").value = true;\n\t\t\t\t\toptins += \" SMS\";\n\t\t\t\t\tsetSMSOptsOnMarketoForm();\n\t\t\t\t}\n\n\t\t\t\t// stupid edge case just to get a comma in the string\n\t\t\t\toptins = optins.replace(\"eNews SMS\", \"eNews, SMS\");\n\n\t\t\t\toptins = optins || \" no optins\"; // if empty string, set to no optins\n\t\t\t\tlet pushEventString = `Submitted w/${optins}`;\n\n\t\t\t\tpushEvent(\"Gated Content\", \"eBook\", pushEventString);\n\n\t\t\t\tmarketoSubmitFormEbook();\n\t\t\t\tpushEventFacebook();\n\t\t\t\tpushEventBing();\n\n\t\t\t\t// click hidden OptinMonster button to advance to success screen\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tdocument.querySelector(\".js-ebook-goto-success button\").click();\n\t\t\t\t}, 2100);\n\t\t\t});\n\t\t}\n\n\t\tfunction marketoSubmitFormEbook() {\n\t\t\tif (checkMarketoForm() === false) {\n\t\t\t\tpushEvent(\"Marketo\", \"Form\", \"Not Loaded during marketoSubmitForm()\");\n\t\t\t}\n\t\t\tMktoForms2.whenReady(function (form) {\n\t\t\t\tform.submit();\n\t\t\t});\n\t\t}\n\n\t\t// resume ambient video play when modal is closed\n\t\tdocument.addEventListener(\"om.Campaign.afterClose\", function (event) {\n\t\t\tsessionStorage.setItem(\"modalOpen\", false);\n\t\t\ttoggleAmbientVideo(true);\n\t\t});\n\t}\n\n\t// Function: if campaign is removed above due to open chat, etc. remove these OM classes to make their overlay go away. Worked with OM tech and this was the only solution. Boo Monsty.\n\tfunction removeOmOverlay() {\n\t\tsetTimeout(function () {\n\t\t\ttry {\n\t\t\t\tdocument.querySelector(\"html\").classList.remove(\"om-position-popup\");\n\t\t\t\tdocument.querySelector(\"body\").classList.remove(\"om-effect-overlay\");\n\t\t\t} catch (error) {}\n\t\t}, 1500);\n\t}\n\n\t// Event: this runs right before a campaign screen is visible and for every view (yes/no, optin, success)\n\tdocument.addEventListener(\"om.Campaign.load\", (event) => {\n\t\tlet omCampaign = document.querySelector(\"#om-\" + event.detail.Campaign.id);\n\n\t\t// Check if any other modals are open or if inline Wistia video is playing\n\t\tif (event.detail.Campaign.view === \"optin\") {\n\t\t\tif (window.location.pathname.includes(\"/blog/\")) {\n\t\t\t\teBookModal(event.detail.Campaign.id);\n\t\t\t} else {\n\t\t\t\tlet isModalOpenOrVideoPlaying = callOpenModalAndVideoFunctions();\n\n\t\t\t\tif (isModalOpenOrVideoPlaying || isChatOpen()) {\n\t\t\t\t\tomCampaign.remove();\n\t\t\t\t\tremoveOmOverlay();\n\t\t\t\t} else eBookModal(event.detail.Campaign.id);\n\t\t\t}\n\t\t}\n\t\t// Event: when success screen loads, click on ebook link for user\n\t\tif (event.detail.Campaign.view === \"success\") {\n\t\t\tdocument.querySelector(\".js-ebook-goto-url\").click();\n\t\t}\n\n\t\t// Event: listen for click on bottom nav on mobile to close campaign\n\t\tlet browserDevice = getBrowserDevice();\n\n\t\tif (browserDevice === \"mobile\") {\n\t\t\tconst mobileMenuLinks = document.querySelectorAll(\"[nav-site-links--mobile] label\");\n\t\t\tmobileMenuLinks.forEach((link) => {\n\t\t\t\tlink.addEventListener(\"click\", function () {\n\t\t\t\t\tif (omCampaign) {\n\t\t\t\t\t\tomCampaign.remove();\n\t\t\t\t\t\tremoveOmOverlay();\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t});\n}\n","import { getBrowserDevice } from \"../../../assets/js/utilities.js\";\n\nexport function magicCta() {\n\tconst magicCTA = document.querySelector(\"[magic]\");\n\tconst main = document.querySelector(\"[main]\");\n\tlet magicWrapper = document.querySelector(\"[js-magic-wrapper]\");\n\tlet magicClose = document.querySelector(\"[js-magic-close-button]\");\n\n\t// check it\n\tif (!magicWrapper) return;\n\tif (!magicClose) return;\n\n\t// check for cookie\n\tif (Cookies.get(\"magic\") == \"hide\") {\n\t\tmagicWrapper.setAttribute(\"hide\", \"all\");\n\t} else {\n\t\tmagicClose.addEventListener(\"click\", function () {\n\t\t\tsetCookie(\"magic\", \"hide\", 7);\n\t\t\tmagicWrapper.setAttribute(\"hide\", \"all\");\n\t\t});\n\t}\n\n\tif (!main) {\n\t\tmagicCTA.classList.add(\"js-default-magic-position\");\n\t}\n\n\tif (magicCTA.classList.contains(\"js-default-magic-position\")) return;\n\n\tfunction positionMagicCTA(direction) {\n\t\tlet mainPosition = ScrollTrigger.positionInViewport(main, \"bottom\");\n\n\t\t// scrolling down\n\t\tif (direction === 1 && mainPosition < 0.85) {\n\t\t\tmagicCTA.classList.add(\"js-reposition-magic\");\n\t\t}\n\n\t\t// scrolling up\n\t\tif (direction === -1 && mainPosition > 0.8) {\n\t\t\tmagicCTA.classList.remove(\"js-reposition-magic\");\n\t\t}\n\t}\n\n\tfunction setCookie(name, value, days) {\n\t\tconst date = new Date();\n\t\tdate.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\n\t\tconst expires = \"expires=\" + date.toUTCString();\n\t\tdocument.cookie = name + \"=\" + value + \";\" + expires + \";path=/\";\n\t}\n\n\tif (getBrowserDevice() === \"desktop\" && main) {\n\t\tScrollTrigger.create({\n\t\t\ttrigger: main,\n\t\t\tonUpdate: (self) => positionMagicCTA(self.direction)\n\t\t});\n\t}\n}\n","import { pushEvent } from \"../../../assets/js/utilities.js\";\n\nexport function manageFavorites() {\n\tconst favoritedTrips = get_favorites_from_local_storage();\n\tconst isFavoritesFlagPageload = localStorage.getItem(\"favoritesSubmitToMarketo\") === \"pageload\";\n\tconst repeaterHearts = document.querySelectorAll(\"[js-get-repeater-heart] svg[js-click-heart]\");\n\tconst tripPageHeart = document.querySelector(\"[js-get-trip-heart] svg[js-click-heart]\");\n\tlet heartData = [];\n\n\t// on page load: delete favorites feature flag, populate dropdown, monitor stuff\n\tlocalStorage.removeItem(\"favorites\");\n\tadd_all_favorites_to_dropdown(favoritedTrips);\n\tmonitor_dropdown_open_close_state();\n\tmonitor_favorite_changes_across_tabs();\n\n\t// submit to Marketo if flag set\n\tif (isFavoritesFlagPageload) {\n\t\tsubmit_updated_favorites_to_marketo(favoritedTrips);\n\t\tlocalStorage.setItem(\"favoritesSubmitToMarketo\", \"\");\n\t}\n\n\t// find all the hearts\n\tconst repeaterHeartsData = repeaterHearts.length > 0 ? get_repeater_hearts_trip_data(repeaterHearts) : [];\n\tconst tripPageHeartData = tripPageHeart ? get_trip_page_heart_trip_data(tripPageHeart) : [];\n\n\theartData = [...repeaterHeartsData, ...tripPageHeartData];\n\n\t// check if hearts on the page:\n\tif (heartData.length < 1) return;\n\n\t// add click listenter to all hearts\n\ttoggle_favorite_status_when_clicked(heartData);\n\n\t// compare favorited trips in local storage to hearts on the page\n\tconst favoritedHearts = get_favorited_hearts(favoritedTrips, heartData);\n\n\t// check if favorited hearts on the page:\n\tif (favoritedHearts.length < 1) return;\n\n\tconst heartElements = favoritedHearts.map((data) => data.heartElement);\n\tconst updatedTripList = favoritedHearts.map(({ tripPageID, tripName, tripUrl }) => ({ tripPageID, tripName, tripUrl }));\n\n\t// add class to favorited hearts\n\tadd_favorite_heart_class(heartElements);\n\n\t// reset local storage\n\treset_local_storage(updatedTripList);\n}\n\n// Heart functions\nfunction get_repeater_hearts_trip_data(hearts) {\n\tconst heartData = [];\n\n\thearts.forEach((heartElement) => {\n\t\tconst tripRepeater = heartElement.closest(\"[js-get-repeater-heart]\");\n\t\tif (!tripRepeater) return;\n\n\t\tconst tripPageIdElement = tripRepeater.querySelector(\"[js-get-trip-page-id]\") || tripRepeater;\n\t\tconst tripLink = tripRepeater.querySelector(\"[js-get-repeater-link]\");\n\n\t\tif (!tripPageIdElement || !tripLink) return;\n\n\t\tconst tripPageID = tripPageIdElement.getAttribute(\"js-get-trip-page-id\");\n\t\tconst tripUrl = tripLink.getAttribute(\"href\");\n\t\tconst tripName = tripLink.querySelector(\"[js-get-favorites-name]\").textContent.trim();\n\t\tconst heartType = \"Repeater\";\n\n\t\theartElement.setAttribute(\"js-set-heart-type\", heartType);\n\t\theartElement.setAttribute(\"js-set-heart-trip-id\", tripPageID);\n\n\t\theartData.push({ heartElement, tripPageID, tripName, tripUrl, heartType });\n\t});\n\n\treturn heartData;\n}\n\nfunction get_trip_page_heart_trip_data(heartElement) {\n\tconst tripPageIdElement = document.querySelector(\"[js-get-trip-overview-page-id]\");\n\tlet tripName = document.querySelector(\"[js-get-trip-heart]\");\n\tlet tripUrl = window.location.pathname;\n\tconst heartType = \"TripPage\";\n\tconst heartData = [];\n\n\tif (!tripPageIdElement || !tripName) return;\n\n\tconst tripPageID = tripPageIdElement.getAttribute(\"js-get-trip-overview-page-id\");\n\ttripName = tripName.textContent.trim();\n\n\t// if pathname longer than 2 levels deep, remove it = remembering trip overview pages only\n\tif (tripUrl.split(\"/\").length > 3) tripUrl = tripUrl.split(\"/\").slice(0, 3).join(\"/\") + \"/\";\n\n\theartElement.setAttribute(\"js-set-heart-type\", heartType);\n\theartElement.setAttribute(\"js-set-heart-trip-id\", tripPageID);\n\n\theartData.push({ heartElement, tripPageID, tripName, tripUrl, heartType });\n\n\treturn heartData;\n}\n\nfunction add_favorite_heart_class(favoritedHearts) {\n\tfavoritedHearts.forEach((heart) => {\n\t\tif (!heart) return;\n\t\theart.classList.add(\"js-favorite-trip\");\n\t});\n}\n\nfunction toggle_favorite_status_when_clicked(heartData) {\n\theartData.forEach(({ heartElement, tripPageID, tripName, tripUrl, heartType }) => {\n\t\tif (!heartElement) return;\n\n\t\theartElement.addEventListener(\"click\", () => {\n\t\t\tif (heartElement.classList.contains(\"js-favorite-trip\")) {\n\t\t\t\t// trip removed: set flag to submit to Marketo on next page load\n\t\t\t\tlocalStorage.setItem(\"favoritesSubmitToMarketo\", \"pageload\");\n\t\t\t\tremove_favorite_from_local_storage(tripPageID);\n\t\t\t\tremove_favorite_from_dropdown(tripPageID);\n\t\t\t\theartElement.classList.remove(\"js-favorite-trip\");\n\t\t\t\tpushEvent(\"Favorites\", `Removed_${tripName}`, heartType);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// trip added: from repeater, set flag to submit to Marketo on next page load; from trip page, submit immediately from local storage function\n\t\t\tlet submitToMarketo = \"pageload\"; // values for local storage: pageload, now, empty string\n\t\t\tif (heartType === \"TripPage\") submitToMarketo = \"now\";\n\t\t\tlocalStorage.setItem(\"favoritesSubmitToMarketo\", submitToMarketo);\n\n\t\t\tadd_favorite_to_local_storage(tripPageID, tripName, tripUrl);\n\t\t\theartElement.classList.add(\"js-favorite-trip\");\n\t\t\tpushEvent(\"Favorites\", `Added_${tripName}`, heartType);\n\n\t\t\t// for dramatic effect: open favorites dropdown, add trip, then close dropdown if masthead in viewport\n\t\t\tconst mastheadHeart = document.querySelector(\"[js-get-masthead-heart]\");\n\t\t\tconst isMastheadVisible = mastheadHeart && mastheadHeart.getBoundingClientRect().top > 0;\n\n\t\t\tif (!isMastheadVisible) {\n\t\t\t\tadd_favorite_to_dropdown(tripPageID, tripName, tripUrl);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst favoritesDropdown = document.querySelector(\"[js-click-masthead-favorites]\");\n\t\t\topen_close_favorites_dropdown(favoritesDropdown, true);\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tadd_favorite_to_dropdown(tripPageID, tripName, tripUrl);\n\t\t\t}, 1000);\n\n\t\t\tsetTimeout(() => {\n\t\t\t\topen_close_favorites_dropdown(favoritesDropdown, false);\n\t\t\t}, 3000);\n\t\t});\n\t});\n}\n\n// Local storage functions\nfunction get_favorites_from_local_storage() {\n\tlet favorites = JSON.parse(localStorage.getItem(\"favoritesList\")) || {};\n\tconst favoritedTrips = [];\n\n\tfor (let tripPageID in favorites) {\n\t\tconst { tripName, tripUrl } = favorites[tripPageID];\n\t\tfavoritedTrips.push({ tripPageID, tripName, tripUrl });\n\t}\n\treturn favoritedTrips;\n}\n\nfunction reset_local_storage(updatedTripList) {\n\tconst updatedFavorites = {};\n\n\tupdatedTripList.forEach(({ tripPageID, tripName, tripUrl }) => {\n\t\tupdatedFavorites[tripPageID] = { tripName, tripUrl };\n\t});\n\n\tlocalStorage.setItem(\"favoritesList\", JSON.stringify(updatedFavorites));\n}\n\nfunction add_favorite_to_local_storage(tripPageID, tripName, tripUrl) {\n\tlet favorites = JSON.parse(localStorage.getItem(\"favoritesList\")) || {};\n\tlet submitToMarketoNow = localStorage.getItem(\"favoritesSubmitToMarketo\") === \"now\";\n\n\t// Add trip to favorites object with tripPageID as the key\n\tfavorites[tripPageID] = { tripName, tripUrl };\n\tlocalStorage.setItem(\"favoritesList\", JSON.stringify(favorites));\n\n\t// submit immediately if fave saved from trip page\n\tif (!submitToMarketoNow) return;\n\n\tsubmit_updated_favorites_to_marketo(favorites);\n\tlocalStorage.setItem(\"favoritesSubmitToMarketo\", \"\");\n}\n\nfunction get_favorited_hearts(favoritedTrips, heartData) {\n\tconst favoritedHearts = [];\n\n\t// loop through favorited trips in local storage and compare to heart data on page\n\tfavoritedTrips.forEach(({ tripPageID, tripName, tripUrl }) => {\n\t\tconst heartDataTrip = heartData.find(({ tripPageID: heartTripPageID }) => tripPageID === heartTripPageID);\n\n\t\tlet heartElement = null;\n\t\tlet name = tripName;\n\t\tlet url = tripUrl;\n\n\t\t// If favorited trip is on page, use heartData tripName and tripUrl instead so any change to trip name or url is updated in local storage\n\t\tif (heartDataTrip) ({ heartElement, tripName: name, tripUrl: url } = heartDataTrip);\n\n\t\tfavoritedHearts.push({\n\t\t\theartElement,\n\t\t\ttripPageID,\n\t\t\ttripName: name,\n\t\t\ttripUrl: url\n\t\t});\n\t});\n\n\treturn favoritedHearts;\n}\n\nfunction monitor_favorite_changes_across_tabs() {\n\t// if favorites object changes in local storage, update dropdown and hearts in other open tabs on the fly = mind blown\n\twindow.addEventListener(\"storage\", (e) => {\n\t\tif (e.key === \"favoritesList\") {\n\t\t\t// parse old and new values, if null set to empty object\n\t\t\tconst oldFavorites = JSON.parse(e.oldValue) || {};\n\t\t\tconst newFavorites = JSON.parse(e.newValue) || {};\n\n\t\t\t// Determine what was added and removed by comparing keys of old and new objects\n\t\t\tconst addedFavorite = Object.keys(newFavorites).find((key) => !oldFavorites[key]);\n\t\t\tconst removedFavorite = Object.keys(oldFavorites).find((key) => !newFavorites[key]);\n\n\t\t\t// Update added favorite in other tabs\n\t\t\tif (addedFavorite) {\n\t\t\t\tconst { tripName, tripUrl } = newFavorites[addedFavorite];\n\t\t\t\tconst heart = document.querySelector(`[js-set-heart-trip-id=\"${addedFavorite}\"]`);\n\n\t\t\t\tif (heart) heart.classList.add(\"js-favorite-trip\");\n\t\t\t\tadd_favorite_to_dropdown(addedFavorite, tripName, tripUrl);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Update removed favorite in other tabs\n\t\t\tif (removedFavorite) {\n\t\t\t\tconst heart = document.querySelector(`[js-set-heart-trip-id=\"${removedFavorite}\"]`);\n\n\t\t\t\tif (heart) heart.classList.remove(\"js-favorite-trip\");\n\t\t\t\tremove_favorite_from_dropdown(removedFavorite);\n\t\t\t}\n\t\t}\n\t});\n}\n\nfunction remove_favorite_from_local_storage(tripPageID) {\n\tlet favorites = JSON.parse(localStorage.getItem(\"favoritesList\")) || {};\n\n\tdelete favorites[tripPageID];\n\tlocalStorage.setItem(\"favoritesList\", JSON.stringify(favorites));\n}\n\nfunction submit_updated_favorites_to_marketo(favorites) {\n\t// create a string of tripNames and submit to Marketo\n\tconst favoritedTrips = [];\n\n\tfor (let key in favorites) {\n\t\tconst { tripName } = favorites[key];\n\t\tfavoritedTrips.push(tripName);\n\t}\n\n\tlet favoritedTripsString = favoritedTrips.join(\", \");\n\n\tfunction postFormFavorites() {\n\t\tlet retryLimit = 3,\n\t\t\tretryAttempt = 0;\n\n\t\tif (checkMarketoForm() === false && retryAttempt < retryLimit) {\n\t\t\tinitMarketoForm(function () {\n\t\t\t\tretryAttempt++;\n\t\t\t\tpostFormFavorites();\n\t\t\t});\n\t\t}\n\n\t\tMktoForms2.whenReady(function () {\n\t\t\tconst marketoFavoriteTripsField = document.querySelector(\"#favoritedTrips\");\n\n\t\t\tif (!marketoFavoriteTripsField) return;\n\n\t\t\tmarketoFavoriteTripsField.value = favoritedTripsString;\n\t\t\tmarketoSubmitFormFavorites();\n\n\t\t\tfunction marketoSubmitFormFavorites() {\n\t\t\t\tif (checkMarketoForm() === false) {\n\t\t\t\t\tpushEvent(\"Marketo\", \"Form\", \"Not Loaded during marketoSubmitForm()\");\n\t\t\t\t}\n\n\t\t\t\tMktoForms2.whenReady(function (form) {\n\t\t\t\t\tform.submit();\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\tpostFormFavorites();\n}\n\n// Dropdown functions\nfunction add_all_favorites_to_dropdown(favoritedTrips) {\n\tconst favoritesSavedDropdown = document.querySelector(\"[js-show-if-favorites-saved]\");\n\tif (!favoritesSavedDropdown) return;\n\n\tlet allFavoritesHTML = \"\";\n\n\tfavoritedTrips.forEach(({ tripPageID, tripName, tripUrl }) => {\n\t\tallFavoritesHTML += create_favorite_html(tripPageID, tripName, tripUrl);\n\t});\n\n\t// Insert all favorites HTML into the DOM at once\n\tfavoritesSavedDropdown.insertAdjacentHTML(\"beforeend\", allFavoritesHTML);\n\n\t// Add event listeners to all dropdown elements\n\tfavoritedTrips.forEach(({ tripPageID, tripName }) => {\n\t\tconst newLink = document.querySelector(`[js-favorite-trip-name=\"${tripName}\"] [js-click-favorite-link]`);\n\t\tconst newDeleteButton = document.querySelector(`[js-favorite-trip-name=\"${tripName}\"] [js-delete-favorite]`);\n\n\t\tadd_click_listener_to_dropdown_link(newLink);\n\t\tadd_click_listener_to_delete_button(tripPageID, tripName, newDeleteButton);\n\t});\n\n\talphabetize_favorites_dropdown();\n}\n\nfunction add_favorite_to_dropdown(tripPageID, tripName, tripUrl) {\n\t// check if trip is already in dropdown\n\t// tripPageID = tripPageID.trim();\n\tif (document.querySelector(`[js-favorite-trip-id=\"${tripPageID}\"]`)) return;\n\n\tconst favoritesSavedDropdown = document.querySelector(\"[js-show-if-favorites-saved]\");\n\tconst newFavoriteHTML = create_favorite_html(tripPageID, tripName, tripUrl);\n\n\tfavoritesSavedDropdown.insertAdjacentHTML(\"beforeend\", newFavoriteHTML);\n\n\tconst newLink = document.querySelector(`[js-favorite-trip-name=\"${tripName}\"] [js-click-favorite-link]`);\n\tconst newDeleteButton = document.querySelector(`[js-favorite-trip-name=\"${tripName}\"] [js-delete-favorite]`);\n\n\tadd_click_listener_to_dropdown_link(newLink);\n\tadd_click_listener_to_delete_button(tripPageID, tripName, newDeleteButton);\n\talphabetize_favorites_dropdown();\n}\n\nfunction create_favorite_html(tripPageID, tripName, tripUrl) {\n\treturn `\n