\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 { 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