', {\r\n class: \"marketo-response-message\",\r\n }).appendTo('#marketo-popup .modal-body #mktoForm_' + marketoFormShortId + '_container');\r\n\r\n MktoForms2.loadForm(marketoBaseUrl, marketoSubscriptionId, marketoFormShortId, function (form) {\r\n form.onSuccess(function (values, followUpUrl) {\r\n isMarketoPopupTriggered = false;\r\n form.getFormElem().hide();\r\n $('#mktoForm_' + marketoFormShortId + '_container').find(\".marketo-response-message\").html(mktFormConfirmationMessage);\r\n\r\n if (successLink) {\r\n var linkElementId = 'mktoForm_success_' + marketoFormShortId\r\n if (successLink.startsWith(\"_video_\")) {\r\n $(\"
\", {\r\n id: linkElementId,\r\n href: successLink,\r\n target: '_blank'\r\n }).appendTo('#mktoForm_' + marketoFormShortId + '_container');\r\n $('#' + linkElementId).click();\r\n $('#video_videoModal').modal('show');\r\n var marketoPopup = document.getElementById('marketo-popup')\r\n var marketoPopupModal = bootstrap.Modal.getInstance(marketoPopup);\r\n marketoPopupModal.hide();\r\n } else {\r\n window.open(successLink, \"_blank\")\r\n }\r\n }\r\n\r\n return false;\r\n });\r\n });\r\n } else {\r\n $('#marketo-popup .modal-body #mktoForm_' + marketoFormShortId + '_container').show();\r\n onMarketoFormReady(existingForm);\r\n }\r\n}\r\n\r\nfunction onMarketoFormReady(form) {\r\n if (isMarketoPopupTriggered) {\r\n var popupModalId = \"#\" + form.getFormElem()[0]?.closest('.modal')?.id;\r\n var marketoPopupModal = bootstrap.Modal.getInstance(popupModalId);\r\n if (!marketoPopupModal) {\r\n var popupModalEl = document.querySelector(popupModalId);\r\n marketoPopupModal = new bootstrap.Modal(popupModalEl);\r\n }\r\n\r\n marketoPopupModal.show();\r\n }\r\n}\r\n\r\nfunction showToast(message, timeSpan, type) {\r\n $(\"#waw-toast .toast-body\").html(message);\r\n if (typeof (type) != \"undefined\" && type == \"success\") {\r\n $(\"#waw-toast\").addClass(\"toast-success\");\r\n } else if (typeof (type) != \"undefined\" && type == \"fail\") {\r\n $(\"#waw-toast\").addClass(\"toast-fail\");\r\n } else {\r\n $(\"#waw-toast\").removeClass(\"toast-success\");\r\n }\r\n\r\n $('#waw-toast').css(\"z-index\", getMaxZIndex() + 1);\r\n\r\n var wawToast = document.getElementById('waw-toast');\r\n var wawToastInstance = bootstrap.Toast.getOrCreateInstance(wawToast);\r\n\r\n if (!isNaN(timeSpan)) {\r\n wawToastInstance._config.delay = timeSpan;\r\n } else {\r\n wawToastInstance._config.delay = 7000;\r\n }\r\n\r\n wawToastInstance.show();\r\n}\r\n\r\nfunction updateCartLinkInMenu() {\r\n let isDonationProductinCart = cookieMap().get(\"isDonationProductinCart\");\r\n\r\n if (isDonationProductinCart == undefined) {\r\n $('.cart-link-update').each((i, obj) => {\r\n\r\n const BC_CART_ID = localStorage.getItem('bcCartId');\r\n const HAS_MEMBERSHIP_IN_CART = localStorage.getItem('hasMembershipInCart');\r\n const CART_LENGTH = localStorage.getItem('cartLength');\r\n\r\n var cartLink = window.location.origin + \"/cart?cartId=\";\r\n\r\n if (BC_CART_ID) {\r\n cartLink = cartLink + BC_CART_ID;\r\n }\r\n\r\n if (HAS_MEMBERSHIP_IN_CART === 'true') {\r\n cartLink = cartLink + \"&membership=true\";\r\n }\r\n\r\n if (BC_CART_ID) {\r\n $(obj).attr('href', cartLink);\r\n $(obj).addClass(\"cart-link-update-contents\");\r\n $(obj).attr(\"data-after\", CART_LENGTH == 0 ? \" \" : CART_LENGTH);\r\n } else {\r\n $(obj).removeClass(\"cart-link-update-contents\");\r\n }\r\n });\r\n } else {\r\n document.cookie = \"isDonationProductinCart=; SameSite=Strict; path=/; Secure; Expires=Thu, 01 Jan 1970 00:00:01 GMT;\";\r\n localStorage.removeItem('bcCartId');\r\n localStorage.removeItem('hasMembershipInCart');\r\n localStorage.removeItem('cartLength');\r\n }\r\n}\r\n\r\n//Update cart link in menu\r\n\r\n//Get Site Meta Data\r\n\r\nfunction getSiteMetaData() {\r\n return new Promise((resolve, reject) => {\r\n $.ajax({\r\n url: AppConfig_AppPaths_WebURL.value + '/site/meta-data?alias=' + SiteMetaDataAlias.value,\r\n type: \"GET\",\r\n success: function (data) {\r\n resolve(data)\r\n },\r\n error: function (error) {\r\n reject(error)\r\n }\r\n });\r\n });\r\n}\r\n\r\n//Get Site Meta Data\r\n\r\n//Get AccessToken\r\n\r\nfunction getBCAccessToken() {\r\n const BCClientId = $(\"#IDPClients_BC_ClientId\").val();\r\n const BCClientScope = $(\"#IDPClients_BC_Scope\").val();\r\n\r\n return getAccessToken(BCClientId, BCClientScope);\r\n}\r\n\r\nfunction getSFAccessToken() {\r\n const SFClientId = $(\"#IDPClients_SF_ClientId\").val();\r\n const SFClientScope = $(\"#IDPClients_SF_Scope\").val();\r\n\r\n return getAccessToken(SFClientId, SFClientScope);\r\n}\r\n\r\nfunction getAccessToken(clientId, clientScope) {\r\n\r\n var body = { \"clientId\": clientId, \"clientScope\": clientScope };\r\n\r\n return new Promise((resolve, reject) => {\r\n $.ajax({\r\n url: '/account/accesstoken',\r\n type: \"POST\",\r\n data: body,\r\n success: function (data) {\r\n resolve(data)\r\n },\r\n error: function (error) {\r\n reject(error)\r\n }\r\n });\r\n });\r\n}\r\n\r\n//Get AccessToken\r\n\r\n//Pagination scripts - start\r\n\r\nfunction getPageRange(start, end) {\r\n return Array(end - start + 1).fill().map((v, i) => i + start);\r\n}\r\n\r\nfunction pagination(current, length, delta = 2) {\r\n if (length <= 0) {\r\n let pages = [];\r\n return pages;\r\n }\r\n\r\n const range = {\r\n start: Math.round(current - delta / 2),\r\n end: Math.round(current + delta / 2)\r\n };\r\n\r\n if (range.start - 1 === 1 || range.end + 1 === length) {\r\n range.start += 1;\r\n range.end += 1;\r\n }\r\n\r\n let pages = current > delta ? getPageRange(\r\n Math.min(range.start, length - delta),\r\n Math.min(range.end, length)\r\n ) : getPageRange(1, Math.min(length, delta + 1));\r\n\r\n const withDots = (value, pair) => pages.length + 1 !== length ? pair : [value];\r\n\r\n if (pages[0] !== 1) {\r\n pages = withDots(1, [1, '...']).concat(pages);\r\n }\r\n\r\n if (pages[pages.length - 1] < length) {\r\n pages = pages.concat(withDots(length, ['...', length]));\r\n }\r\n\r\n return pages;\r\n}\r\n\r\nfunction scrollOnPagination(id, scrollPaddingTop = 0) {\r\n const targetElement = document.getElementById(id);\r\n const headerElement = document.querySelector('header');\r\n\r\n if (targetElement) {\r\n var rect = targetElement.getBoundingClientRect();\r\n var positionFromTop = rect.top + window.scrollY; \r\n\r\n // Header height\r\n var headerPosition = window.getComputedStyle(headerElement).position;\r\n var headerHeight = (headerPosition === \"fixed\") ? 0 : headerElement.offsetHeight;\r\n\r\n // Sidebar height for pages with accorion \r\n if (window.outerWidth < 992 && $(\".side-nav-bar-toggler\").length) {\r\n headerHeight += $(\".side-nav-bar-toggler\").outerHeight();\r\n }\r\n\r\n var navbarElement = headerElement.querySelector(\".navbar\");\r\n var navbarHeight = navbarElement ? navbarElement.offsetHeight : 0;\r\n\r\n var scrollToPosition = positionFromTop - headerHeight - navbarHeight - scrollPaddingTop;\r\n\r\n window.scrollTo({\r\n top: scrollToPosition,\r\n behavior: \"smooth\"\r\n });\r\n }\r\n}\r\n\r\n//Pagination scripts - end\r\n\r\n$(document).on(\"click\", \"[href^='_video_']\", function (event) {\r\n event.preventDefault();\r\n var maxVideoHeight = 896;\r\n var videoHeight = window.innerHeight - 49;\r\n var addressValue = $(this).attr(\"href\");\r\n addressValue = addressValue.replace('_video_', '');\r\n var $iframe = $('#videoEmbed');\r\n if ($iframe.length) {\r\n $iframe.attr('src', addressValue);\r\n if (videoHeight < maxVideoHeight) {\r\n $('#videoEmbed').css('height', videoHeight);\r\n }\r\n else {\r\n $('#videoEmbed').css('height', maxVideoHeight);\r\n }\r\n\r\n isVideoPopupOpened = true;\r\n return false;\r\n }\r\n});\r\n\r\n\r\n$('#video_videoModal').find('.btn-close').on(\"click\", function (event) {\r\n var $iframe = $('#videoEmbed');\r\n if ($iframe.length) {\r\n $iframe.attr('src', '');\r\n }\r\n\r\n isVideoPopupOpened = false;\r\n});\r\n\r\n$(\"img\").on(\"load\", function () {\r\n loadVideoPlayButtons();\r\n});\r\n\r\nfunction loadVideoPlayButtons() {\r\n var popIndex = 0;\r\n $('a').each(function () {\r\n var value = $(this).attr('href');\r\n if (value != undefined) {\r\n if (value.startsWith('_video_')) {\r\n $(this).attr('data-bs-toggle', 'modal')\r\n $(this).attr('data-bs-target', '#video_videoModal')\r\n if ($(this).html().toLowerCase().includes('
0 && imageElement[0].naturalHeight != 0) {\r\n var imgHeight = imageElement.innerHeight();\r\n var isPlayInserted = $('#popVideoID' + popIndex);\r\n if (imgHeight > 0 && !isPlayInserted.length) {\r\n $(this).append('![\"play\"/](\"/img/icons/video-play.svg\")
');\r\n }\r\n }\r\n }\r\n }\r\n }\r\n });\r\n}\r\n\r\n// Validate Url\r\nfunction isValidUrl(string) {\r\n let url;\r\n\r\n try {\r\n url = new URL(string);\r\n } catch (_) {\r\n return false;\r\n }\r\n\r\n return url.protocol === \"http:\" || url.protocol === \"https:\";\r\n}\r\n\r\nfunction checkFlexGap() {\r\n var flex = document.createElement(\"div\");\r\n flex.style.display = \"flex\";\r\n flex.style.flexDirection = \"column\";\r\n flex.style.rowGap = \"1px\";\r\n\r\n flex.appendChild(document.createElement(\"div\"));\r\n flex.appendChild(document.createElement(\"div\"));\r\n\r\n document.body.appendChild(flex);\r\n var isSupported = flex.scrollHeight === 1;\r\n flex.parentNode.removeChild(flex);\r\n\r\n return isSupported;\r\n}\r\n\r\nwindow.onscroll = function (event) {\r\n if (isFirstBrowserScroll && window.location.hash) {\r\n event.preventDefault();\r\n var scrollTopMargin = 0;\r\n\r\n // Need more top scroll margin for Glossary and Pay Equity widgets.\r\n var payEquityElement = $(window.location.hash).parents(\"#payEquityList\").first();\r\n if (payEquityElement) {\r\n scrollTopMargin += payEquityElement.find(\".payEquityAlphabet\").outerHeight() ?? 0;\r\n }\r\n // Need more top scroll margin for Glossary and Pay Equity widgets.\r\n\r\n setTimeout(function () { scrollOnPagination(window.location.hash.replace('#', ''), scrollTopMargin); }, 50);\r\n isFirstBrowserScroll = false;\r\n }\r\n\r\n isFirstBrowserScroll = false;\r\n\r\n hidePopoverOnScroll();\r\n};\r\n\r\nfunction triggerURLScroll() {\r\n if (window.location.hash) {\r\n setTimeout(function () {\r\n if (isFirstBrowserScroll) {\r\n window.scrollTo(0, window.pageYOffset > 1 ? window.pageYOffset - 1 : window.pageYOffset + 1);\r\n }\r\n }, 1500);\r\n }\r\n}\r\n\r\n\r\n// Case insensitive Array indexof\r\ncaseInsensitiveIndexOf = (arr, q) => arr.findIndex(item => q.toLowerCase() === item.toLowerCase());\r\n\r\nisNullOrWhitespace = (input) => {\r\n return !input || !input.trim();\r\n}\r\n\r\n$(document).ready(function () {\r\n if (typeof widgetConsentsTobeSetup !== \"undefined\" && widgetConsentsTobeSetup.length > 0) {\r\n widgetConsentsTobeSetup.forEach(widgetConsentsAppSetup);\r\n }\r\n});\r\n\r\ncookieMap = () => {\r\n return new Map(document.cookie.split('; ').map(v => v.split(/=(.*)/s).map(decodeURIComponent)));\r\n}\r\n\r\nfunction widgetConsentsAppSetup(item) {\r\n\r\n let widgetConsentApp = Vue.createApp({\r\n data() {\r\n return {\r\n item: item,\r\n id: item.id,\r\n itemId: item.itemId,\r\n isLoading: true,\r\n isGivenConsent: item.isGivenConsent,\r\n consent: item.consent,\r\n isLoading: true,\r\n apiUrl: window.location.origin + \"/WaW.Cms.Modules/CommonApi/AddWidgetInsights\",\r\n canShowConsentForm: item.canShowConsentForm\r\n }\r\n },\r\n\r\n methods: {\r\n\r\n async logConsent(consentValue) {\r\n return new Promise((resolve) => {\r\n\r\n var body =\r\n {\r\n \"insightsItemId\": this.itemId,\r\n \"consent\": consentValue,\r\n \"pageUrl\": window.location.pathname\r\n };\r\n\r\n $.ajax({\r\n url: this.apiUrl,\r\n type: \"POST\",\r\n dataType: \"json\",\r\n headers: {\r\n RequestVerificationToken:\r\n $('input:hidden[name=\"__RequestVerificationToken\"]').val()\r\n },\r\n data: body,\r\n success: function (data) {\r\n resolve(data);\r\n },\r\n error: function (error) {\r\n resolve(error);\r\n },\r\n complete: (data) => {\r\n this.consent = consentValue;\r\n this.closeConsent();\r\n resolve(data);\r\n }\r\n });\r\n });\r\n },\r\n\r\n setConsentCookie() {\r\n if (cookieMap().get(\"widgetConsent\") == undefined) {\r\n\r\n document.cookie = \"widgetConsent=\" + this.itemId + \">\" + this.consent + \"; SameSite=Strict; path=/; Secure;\";\r\n\r\n } else {\r\n var existingCookie = cookieMap().get(\"widgetConsent\");\r\n\r\n existingCookie = existingCookie + \"||\" + this.itemId + \">\" + this.consent;\r\n\r\n document.cookie = \"widgetConsent=\" + existingCookie + \"; SameSite=Strict; path=/; Secure;\";\r\n }\r\n },\r\n\r\n closeConsent() {\r\n this.setConsentCookie();\r\n this.canShowConsentForm = false;\r\n }\r\n },\r\n\r\n computed: {\r\n\r\n },\r\n\r\n watch: {\r\n\r\n },\r\n\r\n created() {\r\n if (this.isGivenConsent) {\r\n this.canShowConsentForm = this.consent == \"no\";\r\n }\r\n else {\r\n var existingCookie = cookieMap().get(\"widgetConsent\");\r\n if (existingCookie && existingCookie.indexOf(this.itemId) > -1) {\r\n this.canShowConsentForm = existingCookie.split(\"||\")[existingCookie.split(\"||\").length - 1].split(\">\")[1] == \"no\";\r\n }\r\n }\r\n\r\n this.isLoading = false;\r\n },\r\n\r\n mounted() {\r\n\r\n },\r\n });\r\n\r\n widgetConsentsMountedApp['id_' + item.itemId] = widgetConsentApp.mount('#' + item.id + '_' + item.itemId);\r\n}\r\n\r\nfunction hidePopoverOnScroll() {\r\n try {\r\n var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle=\"popover\"]'));\r\n popoverTriggerList.map(function (popoverTriggerEl) {\r\n if (popoverTriggerEl.attributes[\"data-bs-content\"] != undefined) {\r\n var popover = bootstrap.Popover.getInstance(popoverTriggerEl);\r\n popover.hide();\r\n }\r\n });\r\n }\r\n catch (ex) {\r\n console.log(ex);\r\n }\r\n}\r\n\r\nfunction onFooterSubClose() {\r\n var cookieName = \"hideFooterSubscription=true;\";\r\n if ($(\"#footerSub\").hasClass(\"sticky-bottom\")) {\r\n cookieName = \"makeFooterSubscriptionStatic=true;\";\r\n $(\"#footerSub\").removeClass(\"sticky-bottom\")\r\n }\r\n\r\n var expiryDate = new Date();\r\n expiryDate.setTime(expiryDate.getTime() + (24 * 60 * 60 * 1000));\r\n document.cookie = cookieName + \" SameSite=Strict; path=/; Secure; expires=\" + expiryDate.toUTCString(); +\";\";\r\n $(\"#footerSub\").remove();\r\n}\r\n\r\nfunction onNewsLetterSubscribe() {\r\n let subscriptionEmail = $(\"#subscribe-email\").val();\r\n var validationResult = validateSubscriptionEmail(subscriptionEmail);\r\n if (!validationResult.valid) {\r\n showToast(validationResult.error, 5000, \"fail\");\r\n return;\r\n }\r\n\r\n var body =\r\n {\r\n email: subscriptionEmail,\r\n };\r\n\r\n $('.loading-overflow-add-cart').show().css(\"z-index\", getMaxZIndex());\r\n\r\n $.ajax({\r\n url: '/subscribe/news-letter',\r\n method: \"POST\",\r\n data: body,\r\n headers: {\r\n RequestVerificationToken:\r\n $('input:hidden[name=\"__RequestVerificationToken\"]').val()\r\n },\r\n success: function (data) {\r\n $(\".subscription-cta, .subscription-content, .footer-sub-close\").addClass(\"d-none\");\r\n $('.loading-overflow-add-cart').hide();\r\n if (data) {\r\n $(\".subscription-success\").removeClass(\"d-none\");\r\n\r\n var expiryDate = new Date();\r\n expiryDate.setTime(expiryDate.getTime() + (24 * 60 * 60 * 1000));\r\n document.cookie = \"makeFooterSubscriptionStatic=true; SameSite=Strict; path=/; Secure; expires=\" + expiryDate.toUTCString(); +\";\";\r\n\r\n setTimeout(function () {\r\n $(\"#footerSub\").fadeOut(1000, function () { $(\"#footerSub\").remove() });\r\n }, 5000);\r\n }\r\n else {\r\n $(\".subscription-fail\").removeClass(\"d-none\");\r\n }\r\n\r\n },\r\n error: function (error) {\r\n $('.loading-overflow-add-cart').hide();\r\n console.log(error);\r\n }\r\n });\r\n}\r\n\r\nconst validateSubscriptionEmail = (email) => {\r\n var isValidEmail = String(email)\r\n .toLowerCase()\r\n .match(\r\n /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\r\n );\r\n if (!isValidEmail) {\r\n return { valid: false, error: \"Please enter a valid email\" };\r\n }\r\n return { valid: true, error: null };\r\n};\r\n\r\nfunction getCookie(name) {\r\n const cookieString = document.cookie;\r\n const cookies = cookieString.split('; ');\r\n\r\n for (let i = 0; i < cookies.length; i++) {\r\n const cookie = cookies[i].split('=');\r\n const cookieName = cookie[0];\r\n const cookieValue = cookie[1];\r\n\r\n if (cookieName === name) {\r\n return cookieValue;\r\n }\r\n }\r\n\r\n return null;\r\n}\r\n\r\nlet oldXHROpen = XMLHttpRequest.prototype.open;\r\nXMLHttpRequest.prototype.open = function (method, url, async) {\r\n\r\n if (url.includes(\"api/carts\")) {\r\n this.addEventListener('loadend', (event) => {\r\n cartUpdated(url, method, event);\r\n });\r\n }\r\n\r\n return oldXHROpen.apply(this, arguments);\r\n}\r\n\r\nfunction cartUpdated(url, method, event) {\r\n\r\n let payload = {\r\n \"cartOutput\": event.target.responseText,\r\n \"method\": method,\r\n \"url\": url,\r\n \"pageUrl\": window.location.href\r\n };\r\n\r\n $.ajax({\r\n url: '/shopping/track-cart-update',\r\n type: \"POST\",\r\n data: payload,\r\n dataType: \"json\",\r\n headers: {\r\n RequestVerificationToken:\r\n $('input:hidden[name=\"__RequestVerificationToken\"]').val()\r\n },\r\n });\r\n\r\n}\r\n\r\nconst debounce = (mainFunction, delay) => {\r\n let timer;\r\n return function (...args) {\r\n clearTimeout(timer);\r\n\r\n timer = setTimeout(() => {\r\n mainFunction(...args);\r\n }, delay);\r\n };\r\n};\r\n\r\nfunction sortArrayWithArray(arrayToSort, sortOrder) {\r\n\r\n const sorter = (a, b) => {\r\n return sortOrder.indexOf(a) - sortOrder.indexOf(b);\r\n }\r\n\r\n arrayToSort.sort(sorter);\r\n return arrayToSort;\r\n}\r\n\r\n\r\nNumber.prototype.localizeCurrency = function () {\r\n try {\r\n let match = currencyPattern.match(/{(\\d+):?C(\\d*)}/);\r\n let fractionDigits = 2;\r\n if (match) {\r\n fractionDigits = match[2];\r\n }\r\n\r\n let currencyFormatter = Intl.NumberFormat(currentCulture, {\r\n style: 'currency',\r\n currency: currencyText,\r\n minimumFractionDigits: fractionDigits ?? 2\r\n });\r\n\r\n var indexOfText = currencyPattern.trim().indexOf(\"{1}\");\r\n\r\n if (indexOfText == 0) {\r\n return `${currencyText} ${currencyFormatter.format(this)}`;\r\n } else if (indexOfText == -1) {\r\n return `${currencyFormatter.format(this)}`;\r\n } else {\r\n return `${currencyFormatter.format(this)} ${currencyText}`;\r\n }\r\n }\r\n catch (err) {\r\n console.log(err);\r\n }\r\n\r\n return \"\";\r\n}\r\n\r\nfunction convertTimeZone(date, tzString) {\r\n return new Date((typeof date === \"string\" ? new Date(date) : date).toLocaleString(\"en-US\", { timeZone: tzString }));\r\n}","var documentClick = true;\r\n$(document).ready(function () {\r\n refreshHeaderHeight();\r\n\r\n $(document).on('touchstart', function () {\r\n documentClick = true;\r\n });\r\n $(document).on('touchmove', function () {\r\n documentClick = false;\r\n });\r\n\r\n $('#searchButton').on('click', function () {\r\n var query = $('#searchInput').val();\r\n if (query) {\r\n window.location.href = '/search/init?q=' + encodeURIComponent(query);\r\n }\r\n });\r\n\r\n $('#navbar-toggler').on('click', function (event) {\r\n document.querySelector('body').classList.toggle('mobile-nav-active');\r\n });\r\n\r\n $(\"#header .topbar\").addClass(\"topbar-transition\");\r\n});\r\n\r\n$(document).on('mouseenter', '.nav-item .dropdown-btn', function (e) {\r\n setSubMenuPosition(this);\r\n});\r\n\r\n$(document).on('touchend', '.nav-item .dropdown-btn', function (e) {\r\n if (documentClick) {\r\n e.preventDefault();\r\n setSubMenuPosition(this);\r\n toggleMenuDropdown(this);\r\n e.stopImmediatePropagation();\r\n }\r\n});\r\n\r\n$(document).on('click', '.mobile-nav-active .nav-item .dropdown-btn', function (e) {\r\n e.preventDefault();\r\n toggleMenuDropdown(this);\r\n e.stopImmediatePropagation();\r\n});\r\n\r\nfunction setSubMenuPosition(arg) {\r\n const $dropdown = $(arg).parent(\".dropdown\");\r\n const $subMenu = $dropdown.find('ul');\r\n\r\n const rect = $dropdown[0].getBoundingClientRect();\r\n const viewportWidth = $(window).width();\r\n const viewportHeight = $(window).height();\r\n\r\n let positionClass = '';\r\n\r\n const spaceTop = rect.top;\r\n const spaceBottom = viewportHeight - rect.bottom;\r\n const spaceLeft = rect.left;\r\n const spaceRight = viewportWidth - rect.right;\r\n\r\n // Priority to right side\r\n if (spaceRight >= $subMenu.outerWidth()) {\r\n // If there's enough space on the right\r\n if (spaceBottom >= $subMenu.outerHeight()) {\r\n positionClass = 'bottom-right';\r\n } else if (spaceTop >= $subMenu.outerHeight()) {\r\n positionClass = 'top-right';\r\n } else {\r\n positionClass = 'bottom-right'; // Default to bottom if top/bottom doesn't fit\r\n }\r\n } else {\r\n // Fallback to left if not enough space on the right\r\n if (spaceLeft >= $subMenu.outerWidth()) {\r\n if (spaceBottom >= $subMenu.outerHeight()) {\r\n positionClass = 'bottom-left';\r\n } else if (spaceTop >= $subMenu.outerHeight()) {\r\n positionClass = 'top-left';\r\n } else {\r\n positionClass = 'bottom-left'; // Default to bottom if top/bottom doesn't fit\r\n }\r\n } else {\r\n // If there’s no room on either side, default to bottom-right (fallback)\r\n positionClass = 'bottom-right';\r\n }\r\n }\r\n\r\n // Remove existing position classes and add the new one\r\n $subMenu.removeClass('top-left top-right bottom-left bottom-right');\r\n $subMenu.addClass(positionClass);\r\n};\r\n\r\nfunction toggleMenuDropdown(element) {\r\n var activeSibling = $(element).parent().siblings(\".dropdown.active\")\r\n if (activeSibling?.length) {\r\n activeSibling.removeClass('active');\r\n activeSibling.find(\".dropdown\").removeClass('active');\r\n activeSibling.find(\"ul\").removeClass('dropdown-active')\r\n }\r\n\r\n if ($(element).parent().hasClass(\"active\")) {\r\n var childActiveMenu = $(element).siblings(\".dropdown-active\");\r\n childActiveMenu.find(\".dropdown\").removeClass('active');\r\n childActiveMenu.find(\"ul\").removeClass('dropdown-active')\r\n }\r\n\r\n $(element).parent().toggleClass('active');\r\n $(element).next().toggleClass('dropdown-active');\r\n}\r\n\r\nfunction toggleScrolled() {\r\n const selectBody = document.querySelector('body');\r\n if (window.scrollY > 50) {\r\n selectBody.classList.add('scrolled')\r\n } else {\r\n selectBody.classList.remove('scrolled');\r\n refreshHeaderHeight();\r\n }\r\n}\r\n\r\ndocument.addEventListener('scroll', toggleScrolled);\r\nwindow.addEventListener('load', toggleScrolled);\r\n\r\n/**\r\n * Hide mobile nav on same-page/hash links\r\n */\r\n$(document).on('click', '#waw-navbar .nav-item a:not(.dropdown-btn)', function () {\r\n if ($('.mobile-nav-active').length) {\r\n $('#navbar-toggler').trigger('click');\r\n }\r\n});\r\n\r\nfunction refreshHeaderHeight() {\r\n if ($(\"header .topbar .btn-container\").children().length == 0) {\r\n $(\".topbar\").css(\"height\", \"auto\");\r\n }\r\n}\r\n\r\n$(document).on('click', function (event) {\r\n var $target = $(event.target);\r\n if (!$target.closest('#waw-navbar').length) {\r\n $('.nav-item .dropdown-btn').next().removeClass('dropdown-active');\r\n $('.nav-item.dropdown').removeClass('active');\r\n }\r\n});","\r\nfunction initializeProductDetailsPopup(productId) {\r\n let productDetailsApp = Vue.createApp({\r\n data() {\r\n return {\r\n mainProductId: productId,\r\n productDetail: [],\r\n productCfs: null,\r\n isContactSponsorPopup: false,\r\n isLoading: false,\r\n showPopup: false\r\n }\r\n },\r\n methods: {\r\n getProductDetailsByBcId(bcId) {\r\n getBCAccessToken().then((accessToken) => {\r\n $.ajax({\r\n url: API + \"/api/products/course-details/\" + bcId,\r\n method: 'GET',\r\n dataType: \"json\",\r\n beforeSend: function (xhr) {\r\n xhr.setRequestHeader('Authorization', 'Bearer ' + accessToken);\r\n },\r\n success: function (result) {\r\n productDetailsMountedApp['id_' + productId].productDetail.push(result);\r\n productDetailsMountedApp['id_' + productId].isLoading = false;\r\n }\r\n })\r\n });\r\n },\r\n\r\n getWebsiteUrl(product) {\r\n let website_url = product.customer_Contact_URL__c?.trim();\r\n if (website_url) {\r\n if (!isValidUrl(website_url)) {\r\n website_url = \"https://\" + website_url;\r\n }\r\n }\r\n\r\n return website_url;\r\n },\r\n\r\n getSessionDate(start, end) {\r\n let text = '';\r\n\r\n if (start?.trim().length > 0) {\r\n text = start;\r\n\r\n if (end?.trim().length > 0 && start !== end) {\r\n text += ` - ${end}`;\r\n }\r\n } else if (end?.trim().length > 0) {\r\n text = end;\r\n }\r\n\r\n return text;\r\n },\r\n\r\n closeProductDetails() {\r\n $(\"#productDetails_\" + this.mainProductId + \" #product-details-popup\").modal('hide');\r\n },\r\n },\r\n computed: {\r\n\r\n },\r\n created() {\r\n\r\n },\r\n });\r\n\r\n productDetailsMountedApp['id_' + productId] = productDetailsApp.mount('#productDetails_' + productId);\r\n}","const API = $(\"#AppConfig_WaWInfraPaths_BCService\").val();\r\nconst BCAPI = $(\"#AppConfig_WaWInfraPaths_BCService\").val();\r\nconst COMMON_PRODUCT = 'COMMON';\r\nconst COURSE_PRODUCT = 'COURSE';\r\nconst COURSE_WITH_OPTIONS = 'PARENT';\r\nconst NONMEMBER_CUSTOMER_GROUP_ID = 1;\r\n\r\nvar hideImageOnMobile = false;\r\nwindow.certificationIds = [];\r\nwindow.curriculumCategoryId = 0;\r\nwindow.allCategories = [];\r\nwindow.mainProductIds = [];\r\nwindow.productsAddedToCart = [];\r\nlet addToCartCommonApp = null;\r\n\r\n$(document).ready(function () {\r\n if (typeof productsTobeSetup !== \"undefined\" && productsTobeSetup.length > 0) {\r\n productsTobeSetup.forEach(productsModuleSetup);\r\n addToCartCommonApp = addToCartApp().mount('#dynamicAddToCart');\r\n }\r\n\r\n if (typeof upsellProductContainersTobeSetup !== \"undefined\" && upsellProductContainersTobeSetup.length > 0) {\r\n upsellProductContainersTobeSetup.forEach(upsellProductContainersSetup);\r\n }\r\n\r\n $(document).on('click', '.upsellProductCard', function (e) {\r\n\r\n var targetClassesToIgnore = [\"add-to-cart\", \"details\", \"quantitySelect\", \"quantityTextbox\", \"quantitySelectOption\"];\r\n\r\n if (!targetClassesToIgnore.some(s => $(e.target).hasClass(s))) {\r\n var upsellProductId = $(this).attr('data-productid');\r\n var bundleMainProductId = $(this).attr('data-bundleMainProductId');\r\n var isSelected = $(this).find(\".checkbox\").hasClass(\"selected\");\r\n\r\n if (isSelected) {\r\n $(this).find(\".checkbox\").removeClass(\"selected\");\r\n } else {\r\n $(this).find(\".checkbox\").addClass(\"selected\");\r\n }\r\n\r\n upsellProductContainersMountedApp['id_' + bundleMainProductId].changeBundle(upsellProductId, !isSelected);\r\n }\r\n });\r\n\r\n $('#proceed-btn').click((evt) => {\r\n removeMembershipEvent(evt);\r\n });\r\n});\r\n\r\nconst removeMembershipEvent = async (evt) => {\r\n let cartId = window.getCartId();\r\n let isCartIdPresent = cartId !== undefined && cartId !== null && cartId != '';\r\n if (isCartIdPresent == false) return;\r\n\r\n var myModalEl = document.getElementById('BuyMembershipWarning');\r\n var myModal = bootstrap.Modal.getInstance(myModalEl);\r\n myModal.hide();\r\n\r\n let result = await deleteCartMembership(evt.target.dataset.removeId);\r\n if (result == null || result.data == null || result.length <= 0 || result.data.length <= 0) {\r\n clearCartData();\r\n }\r\n\r\n $('.loading-overflow-add-cart').hide();\r\n $(\"#buyMembership_\" + evt.target.dataset.productId + \" .add-to-cart\").click();\r\n var attributes = $(\"#buyMembership_\" + evt.target.dataset.productId + \" .add-to-cart\")[0].attributes;\r\n let tempApp = addToCartMountedApp['id_' + evt.target.dataset.productId];\r\n tempApp.openAddtoCartPopup(attributes, evt.target.dataset.productId);\r\n};\r\n\r\nconst deleteCartMembership = async (id) => {\r\n $('.loading-overflow-add-cart').show();\r\n return getCartData().then(async (cart) => {\r\n const isMembership = cart.some(e => e.id === id);\r\n const pid = localStorage.getItem('pid') || 0;\r\n\r\n if (isMembership) {\r\n localStorage.removeItem('hasMembershipInCart');\r\n }\r\n\r\n if (isMembership && Number(pid) > 0 && customerIsProvisionalMember) {\r\n await removeCustomerMembership();\r\n }\r\n\r\n try {\r\n if (Ecommerce.isReady) {\r\n var productId = \"\";\r\n var element = $(\"div[data-id='\" + id + \"']\");\r\n productId = element[0].dataset.productid;\r\n\r\n if (productId && productId != \"\") {\r\n\r\n var productInCurrentCart = cart.find(f => f.product_id == productId);\r\n\r\n Ecommerce.findProductAndSend(cart, productId, \"productRemoveFromCart\", productInCurrentCart.quantity);\r\n }\r\n }\r\n }\r\n catch (ex) {\r\n\r\n }\r\n\r\n const deleteCartDataRequest = async () => {\r\n return new Promise((resolve) => {\r\n getBCAccessToken().then((accessToken) => {\r\n let cartId = window.getCartId();\r\n $.ajax({\r\n url: `${API}/api/carts/${cartId}/items/${id}`,\r\n type: \"DELETE\",\r\n beforeSend: function (xhr) {\r\n xhr.setRequestHeader('Authorization', 'Bearer ' + accessToken);\r\n },\r\n complete: (data) => {\r\n resolve(data);\r\n }\r\n });\r\n });\r\n });\r\n }\r\n\r\n var result = await deleteCartDataRequest();\r\n\r\n return result;\r\n });\r\n};\r\n\r\nconst clearCartData = () => {\r\n localStorage.removeItem('bcCartId');\r\n localStorage.removeItem('parentThatHaveExam');\r\n localStorage.removeItem('examsInCart');\r\n mainProductIds.forEach(f => {\r\n addToCartMountedApp['id_' + f].cartId = \"\";\r\n });\r\n};\r\n\r\nconst getCartData = () => {\r\n return new Promise((resolve) => {\r\n getBCAccessToken().then((accessToken) => {\r\n let cartId = window.getCartId();\r\n $.ajax({\r\n url: `${API}/api/carts/${cartId}`,\r\n type: \"GET\",\r\n dataType: \"json\",\r\n beforeSend: function (xhr) {\r\n xhr.setRequestHeader('Authorization', 'Bearer ' + accessToken);\r\n },\r\n complete: (data) => {\r\n let cartItems = [];\r\n\r\n if (data.data) {\r\n cartItems = [\r\n ...data.data.line_items.custom_items,\r\n ...data.data.line_items.digital_items,\r\n ...data.data.line_items.physical_items,\r\n ]\r\n }\r\n\r\n resolve(cartItems);\r\n }\r\n });\r\n });\r\n });\r\n}\r\n\r\nconst deliveryText = (string) => {\r\n if (!string || string.trim().length <= 0) {\r\n hideImageOnMobile = true;\r\n return '';\r\n }\r\n\r\n if (string === \"Virtual Course\") {\r\n return 'Virtual Classroom';\r\n } else if (string === \"E-Learning\") {\r\n return 'eLearning / LMS';\r\n } else if (string === \"CBT Exam\") {\r\n return 'Exam';\r\n } else if (string === \"Class\") {\r\n return 'Classroom';\r\n } else if (string.toLowerCase() === \"Live Digital Event\".toLowerCase()) {\r\n return 'Live Digital Event';\r\n } else if (string === \"Webinar Live\") {\r\n return 'Webinar';\r\n } else if (string === \"Download only\") {\r\n hideImageOnMobile = true;\r\n return 'Download only';\r\n } else if (string === \"Hardcopy & Download\") {\r\n hideImageOnMobile = true;\r\n return 'Hardcopy & Download';\r\n } else if (string === \"Hardcopy only\") {\r\n hideImageOnMobile = true;\r\n return 'Hardcopy only';\r\n }\r\n\r\n return 'General';\r\n}\r\n\r\nwindow.addParentToStorage = (cart) => {\r\n if (!cart) {\r\n localStorage.removeItem('parentThatHaveExam');\r\n return;\r\n }\r\n\r\n const cartItems = [\r\n ...cart.line_items.digital_items,\r\n ...cart.line_items.custom_items,\r\n ...cart.line_items.physical_items\r\n ]\r\n\r\n let filteredItems = [];\r\n\r\n cartItems.forEach(item => {\r\n const parent = cartItems.find(e => e.id === item.parent_id);\r\n\r\n if (parent) {\r\n filteredItems.push(parent);\r\n }\r\n })\r\n\r\n localStorage.setItem('parentThatHaveExam', JSON.stringify(filteredItems));\r\n\r\n if (filteredItems.length <= 0) {\r\n localStorage.removeItem('parentThatHaveExam');\r\n }\r\n}\r\n\r\nwindow.addExamInCart = (exam, parent) => {\r\n let items = localStorage.getItem('examsInCart')\r\n ? JSON.parse(localStorage.getItem('examsInCart'))\r\n : [];\r\n\r\n let pickListIds = [];\r\n\r\n parent.options[0]?.option_values.forEach((e) => {\r\n if (e?.value_data?.product_id) {\r\n pickListIds.push(e?.value_data?.product_id);\r\n }\r\n });\r\n\r\n const payload = {\r\n id: exam.id,\r\n removeIds: pickListIds\r\n }\r\n\r\n if (!items.some(e => e.id === exam.id)) {\r\n items.push(payload);\r\n\r\n localStorage.setItem('examsInCart', JSON.stringify(items));\r\n }\r\n}\r\n\r\nwindow.getCartId = () => {\r\n let tempCartId = localStorage.getItem('bcCartId')?.length > 0 ? localStorage.getItem('bcCartId') : \"\";\r\n\r\n if (tempCartId !== undefined && !tempCartId?.length > 0) {\r\n\r\n mainProductIds.forEach(f => {\r\n\r\n let appCartId = addToCartMountedApp['id_' + f].cartId;\r\n\r\n if (appCartId.length > 0) {\r\n tempCartId = appCartId;\r\n }\r\n });\r\n }\r\n\r\n return tempCartId;\r\n}\r\n\r\nfunction addToCartApp(item) {\r\n return Vue.createApp({\r\n data() {\r\n return {\r\n cartId: \"\",\r\n isUserLoggedIn: window.wawUser.id != null,\r\n isLoading: true,\r\n productApp: null,\r\n hidePopup: false,\r\n bundleMainProductId: \"\",\r\n mainProductId: \"\",\r\n isCommonApp: false,\r\n wawUser: window.wawUser,\r\n isDonationProduct: item?.isDonationProduct ?? false,\r\n isBundleProduct: item?.isBundleProduct ?? false\r\n }\r\n },\r\n\r\n methods: {\r\n\r\n openLoginAccessDenied(event) {\r\n openLoginAccessDenied(event);\r\n },\r\n\r\n clearCartData() {\r\n localStorage.removeItem('bcCartId');\r\n },\r\n\r\n async openAddtoCartPopup(attributes, mainProductId) {\r\n\r\n if (this.isDonationProduct) {\r\n this.clearCartData();\r\n }\r\n\r\n $('.loading-overflow-add-cart').show();\r\n\r\n return new Promise((resolve, reject) => {\r\n (async () => {\r\n this.cartId = window.getCartId();\r\n\r\n let verifyCartItems = await this.verifyCartRequest();\r\n\r\n this.mainProductId = mainProductId;\r\n this.productApp = productsMountedApp['id_' + mainProductId];\r\n //let attributes = event.target.attributes;\r\n\r\n this.hidePopup = attributes['data-hidePopup']?.value == 'true';\r\n this.bundleMainProductId = attributes['data-bundleMainProductId']?.value;\r\n\r\n if (!this.hidePopup) {\r\n $('body').addClass('cart-modal-opened');\r\n }\r\n\r\n let payload = {};\r\n let hasExam = false;\r\n let courseType = 'COMMON';\r\n let productId = Number(attributes['productId']?.value);\r\n let childrenId = Number(attributes['childrenId']?.value);\r\n let examId = Number(attributes['examId']?.value);\r\n let variantId = attributes['variantId']?.value;\r\n let name = attributes['productName']?.value;\r\n let parentName = attributes['parentProductName']?.value;\r\n let examProductName = attributes['examProductName']?.value;\r\n let quantity = attributes['quantity']?.value ? attributes['quantity']?.value : 1;\r\n let delivery = deliveryText(attributes['delivery']?.value);\r\n let date = attributes['date']?.value;\r\n let place = attributes['place']?.value;\r\n let isCourse = attributes['isCourse']?.value;\r\n let isMultiYearMembership = false;\r\n let productAdded = {};\r\n\r\n let details = [];\r\n\r\n\r\n let productInfo = {\r\n name: name\r\n };\r\n\r\n\r\n localStorage.setItem('lastShoppingPage', window.location.href);\r\n\r\n if (name.startsWith(\"Professional Membership\")) {\r\n if (typeof (membershipProducts) != \"undefined\") {\r\n var currentMemProduct = membershipProducts.filter(x => x.productCode.includes(this.productApp.productData.sku))[0];\r\n isMultiYearMembership = currentMemProduct?.years > 1;\r\n }\r\n\r\n if (verifyCartItems && verifyCartItems.length > 0) {\r\n var otherMembershipProductExistinCart = verifyCartItems.filter(x => x.product_id != productId && x.name.startsWith(\"Professional Membership\"));\r\n\r\n if (otherMembershipProductExistinCart.length > 0) {\r\n $(\"#BuyMembershipWarning #proceed-btn\").attr(\"data-product-id\", productId);\r\n $(\"#BuyMembershipWarning #proceed-btn\").attr(\"data-remove-id\", otherMembershipProductExistinCart[0].id);\r\n var membershipYears = $(\"#buyMembership_\" + otherMembershipProductExistinCart[0].product_id + \" .plan-name\").attr(\"data-year\");\r\n $(\"#BuyMembershipWarning .modal-body .desc\").html(\"A \" + membershipYears + \"-Year Membership product already exists in the cart. Adding this will replace the existing membership product in the cart.\");\r\n var myModal = new bootstrap.Modal(document.getElementById('BuyMembershipWarning'))\r\n myModal.show();\r\n $('body').removeClass('cart-modal-opened');\r\n $('.loading-overflow-add-cart').hide();\r\n return;\r\n }\r\n }\r\n }\r\n\r\n if (delivery != 'General') {\r\n details.push(delivery);\r\n }\r\n\r\n if (delivery === 'Classroom') {\r\n details.push(place)\r\n details.push(date)\r\n }\r\n\r\n if (delivery === 'Virtual Classroom') {\r\n details.push(date)\r\n }\r\n\r\n if (delivery === 'eLearning / LMS') {\r\n details.push('120-Day Access')\r\n }\r\n\r\n if (delivery === 'Webinar' || delivery === \"Live Digital Event\") {\r\n details.push(date)\r\n }\r\n\r\n if (delivery === 'General') {\r\n if (date.trim().length > 0) {\r\n details.push(place)\r\n details.push(date)\r\n }\r\n }\r\n\r\n if (childrenId) {\r\n if (examId) {\r\n window.addExamInCart(this.productApp.examProduct, this.productApp.productData);\r\n\r\n if (window.restrictTabs) {\r\n var refreshCourse = { id: childrenId };\r\n window.addExamInCart(refreshCourse, this.productApp.productData);\r\n }\r\n }\r\n\r\n payload = {\r\n \"line_items\": [\r\n {\r\n \"quantity\": quantity,\r\n \"product_id\": childrenId,\r\n }\r\n ]\r\n }\r\n\r\n if (examId) {\r\n payload.line_items.push({\r\n \"quantity\": quantity,\r\n \"product_id\": examId,\r\n })\r\n }\r\n\r\n const EXAM_IN_THE_CART = 'Exam is already in the cart.';\r\n\r\n const deliveryTypes = ['Classroom', 'Virtual Classroom', 'eLearning / LMS', 'Exam'];\r\n\r\n if (delivery.includes('Exam')) {\r\n payload = {\r\n \"line_items\": [{\r\n \"quantity\": quantity,\r\n \"product_id\": childrenId\r\n }]\r\n };\r\n }\r\n\r\n if (examId && isCourse === \"true\" && verifyCartItems && verifyCartItems.some(e => e.product_id === Number(examId))) {\r\n\r\n if (!delivery.includes('Exam')) {\r\n details.push(EXAM_IN_THE_CART);\r\n }\r\n\r\n payload = {\r\n \"line_items\": [{\r\n \"quantity\": quantity,\r\n \"product_id\": childrenId\r\n }]\r\n };\r\n\r\n courseType = COURSE_PRODUCT;\r\n\r\n } else {\r\n if (examId) {\r\n deliveryTypes.forEach(item => {\r\n if (delivery && delivery === item) {\r\n hasExam = true;\r\n }\r\n })\r\n }\r\n\r\n courseType = COURSE_WITH_OPTIONS;\r\n }\r\n\r\n productAdded = {\r\n name: name,\r\n details: details,\r\n };\r\n\r\n if (examId) {\r\n productAdded.examName = examProductName;\r\n }\r\n\r\n } else {\r\n payload = {\r\n \"line_items\": [{\r\n \"quantity\": quantity,\r\n \"product_id\": productId\r\n }]\r\n };\r\n\r\n productAdded = {\r\n name: name,\r\n details: details\r\n };\r\n\r\n courseType = COMMON_PRODUCT;\r\n }\r\n\r\n const pid = localStorage.getItem('pid') || 0;\r\n\r\n payload.customer_id = pid;\r\n\r\n let salePrice = 0;\r\n let listPrice = 0;\r\n let totalPrice = 0;\r\n\r\n let customerIsNonMember = false;\r\n\r\n let cartResponse = await this.addToCartRequest(payload, productInfo);\r\n\r\n if (cartResponse !== undefined) {\r\n\r\n productsAddedToCart.push(this.mainProductId);\r\n\r\n try {\r\n if (Ecommerce.isReady) {\r\n\r\n var currentProductApp = this.productApp;\r\n\r\n $.each(payload.line_items, function (index, value) {\r\n var productId = value.product_id;\r\n var quantity = value.quantity;\r\n\r\n var productsArray = [];\r\n\r\n if (currentProductApp.childProducts && currentProductApp.childProducts.length > 0) {\r\n productsArray = currentProductApp.childProducts;\r\n }\r\n else {\r\n productsArray.push(currentProductApp.productData);\r\n }\r\n\r\n Ecommerce.findProductAndSend(productsArray,\r\n productId,\r\n \"productAddToCart\",\r\n quantity,\r\n currentProductApp.productData);\r\n\r\n });\r\n }\r\n } catch (ex) {\r\n }\r\n\r\n const productIsMembership = productAdded.name.startsWith(\"Professional Membership\");\r\n\r\n $('#dynamicAddToCart_' + this.mainProductId + ' #add-to-cart .membership-message').addClass('hide');\r\n $('#dynamicAddToCart_' + this.mainProductId + ' #add-to-cart .affiliate-msg').addClass('hide');\r\n\r\n if (productIsMembership) {\r\n $('#dynamicAddToCart_' + this.mainProductId + ' #add-to-cart .membership-message').removeClass('hide');\r\n\r\n if (this.isUserLoggedIn && this.wawUser.isLocalNetworkMember) {\r\n if (isMultiYearMembership) {\r\n if (this.wawUser.isMember) {\r\n $('#dynamicAddToCart_' + this.mainProductId + ' #add-to-cart .affiliate-msg-multi-year-renewal').removeClass('hide');\r\n } else {\r\n $('#dynamicAddToCart_' + this.mainProductId + ' #add-to-cart .affiliate-msg-multi-year').removeClass('hide');\r\n }\r\n } else {\r\n if (this.wawUser.isMember) {\r\n $('#dynamicAddToCart_' + this.mainProductId + ' #add-to-cart .affiliate-msg-renewal').removeClass('hide');\r\n } else {\r\n $('#dynamicAddToCart_' + this.mainProductId + ' #add-to-cart .affiliate-msg-user').removeClass('hide');\r\n }\r\n }\r\n }\r\n\r\n localStorage.setItem('hasMembershipInCart', 'true');\r\n if (Number(pid) > 0) {\r\n\r\n this.isMemberRequest().then((customer) => {\r\n //let customer = await this.isMemberRequest();\r\n\r\n if (customer?.customer_group_id === NONMEMBER_CUSTOMER_GROUP_ID) {\r\n customerIsNonMember = true;\r\n }\r\n\r\n if (customerIsNonMember) {\r\n //await applyCustomerMembership();\r\n } else {\r\n $('#dynamicAddToCart_' + this.mainProductId + ' #add-to-cart .membership-message').addClass('hide');\r\n }\r\n });\r\n }\r\n }\r\n\r\n const cartItems = [\r\n ...cartResponse.line_items.custom_items,\r\n ...cartResponse.line_items.digital_items,\r\n ...cartResponse.line_items.physical_items,\r\n ]\r\n\r\n cartItems.forEach(e => {\r\n let idsToGetPrice = [];\r\n\r\n if (courseType === COMMON_PRODUCT) {\r\n idsToGetPrice = [productId];\r\n } else {\r\n idsToGetPrice = [childrenId];\r\n\r\n if (courseType === COURSE_WITH_OPTIONS && examId) {\r\n idsToGetPrice = [childrenId, examId];\r\n }\r\n }\r\n\r\n if (idsToGetPrice.includes(e.product_id)) {\r\n salePrice += e.sale_price;\r\n listPrice += e.list_price;\r\n totalPrice += e.sale_price;\r\n }\r\n });\r\n\r\n if (salePrice > listPrice) {\r\n listPrice = '';\r\n }\r\n\r\n const getProductHtml = (product) => {\r\n if (!product) return '';\r\n\r\n const getDetails = (details) => {\r\n if (!details) return '';\r\n\r\n const detailsHtml = details.map(e => `${e}`)\r\n\r\n return `\r\n ${detailsHtml.join('
')}\r\n
\r\n `\r\n }\r\n\r\n return `\r\n \r\n ${product.name}\r\n
\r\n ${getDetails(product.details)}\r\n\r\n `\r\n }\r\n\r\n $('#dynamicAddToCart_' + this.mainProductId + ' #add-to-cart .products-list').html('');\r\n $('#dynamicAddToCart_' + this.mainProductId + ' #add-to-cart .qty').html('');\r\n\r\n if (hasExam && !productAdded.details.includes('Exam')) {\r\n const examProduct = {\r\n name: productAdded.examName,\r\n details: ['Exam']\r\n };\r\n\r\n $('#dynamicAddToCart_' + this.mainProductId + ' #add-to-cart .products-list').append(getProductHtml(examProduct));\r\n }\r\n\r\n $('#dynamicAddToCart_' + this.mainProductId + ' #add-to-cart .products-list').append(getProductHtml(productAdded));\r\n $('#dynamicAddToCart_' + this.mainProductId + ' #add-to-cart .qty').html('x ' + quantity);\r\n\r\n $('#dynamicAddToCart_' + this.mainProductId + ' #add-to-cart .list-price').html('');\r\n\r\n if (salePrice != listPrice) {\r\n $('#dynamicAddToCart_' + this.mainProductId + ' #add-to-cart .list-price').addClass(\"list-price-strikethrough\");\r\n $('#dynamicAddToCart_' + this.mainProductId + ' #add-to-cart .list-price').html(listPrice.localizeCurrency());\r\n }\r\n\r\n $('#dynamicAddToCart_' + this.mainProductId + ' #add-to-cart .total-price').html(totalPrice.localizeCurrency());\r\n\r\n //Set image in add cart modal\r\n if (this.productApp.mainProductImage) {\r\n $('#dynamicAddToCart_' + this.mainProductId + ' #add-to-cart .product-image').show();\r\n if (hideImageOnMobile) {\r\n $('#dynamicAddToCart_' + this.mainProductId + ' #add-to-cart .product-image').addClass(\"d-none d-md-block\");\r\n }\r\n\r\n $('#dynamicAddToCart_' + this.mainProductId + ' #add-to-cart .addcart_modal_img').attr(\"src\", this.productApp.mainProductImage);\r\n }\r\n else {\r\n $('#dynamicAddToCart_' + this.mainProductId + ' #add-to-cart .product-image').hide();\r\n }\r\n }\r\n\r\n $('.loading-overflow-add-cart').hide();\r\n\r\n resolve(this.cartId);\r\n })()\r\n });\r\n },\r\n\r\n async verifyCartRequest() {\r\n return new Promise((resolve) => {\r\n if (this.cartId.length > 0) {\r\n getBCAccessToken().then((accessToken) => {\r\n $.ajax({\r\n url: `${BCAPI}/api/carts/${this.cartId}`,\r\n type: \"GET\",\r\n dataType: \"json\",\r\n beforeSend: function (xhr) {\r\n xhr.setRequestHeader('Authorization', 'Bearer ' + accessToken);\r\n },\r\n success: (data) => {\r\n let cartItems = [];\r\n\r\n if (!data.data) {\r\n localStorage.removeItem('bcCartId');\r\n localStorage.removeItem('examsInCart');\r\n localStorage.removeItem('hasMembershipInCart');\r\n } else {\r\n window.addParentToStorage(data.data);\r\n\r\n cartItems = [\r\n ...data.data.line_items.custom_items,\r\n ...data.data.line_items.digital_items,\r\n ...data.data.line_items.physical_items,\r\n ]\r\n\r\n let hasMembership = cartItems.some(e => e.name.startsWith(\"Professional Membership\"));\r\n\r\n if (!hasMembership) {\r\n localStorage.removeItem('hasMembershipInCart');\r\n }\r\n\r\n }\r\n resolve(cartItems);\r\n },\r\n error: (data) => {\r\n localStorage.removeItem('bcCartId');\r\n localStorage.removeItem('examsInCart');\r\n localStorage.removeItem('hasMembershipInCart');\r\n resolve();\r\n }\r\n });\r\n });\r\n } else {\r\n localStorage.removeItem('hasMembershipInCart');\r\n resolve();\r\n }\r\n });\r\n },\r\n\r\n async isMemberRequest() {\r\n const pid = localStorage.getItem('pid') || 0;\r\n\r\n return new Promise((resolve) => {\r\n getBCAccessToken().then((accessToken) => {\r\n $.ajax({\r\n url: `${BCAPI}/api/customers/${pid}`,\r\n type: \"GET\",\r\n dataType: \"json\",\r\n beforeSend: function (xhr) {\r\n xhr.setRequestHeader('Authorization', 'Bearer ' + accessToken);\r\n },\r\n success: (data) => {\r\n resolve(data.data[0]);\r\n },\r\n error: (data) => {\r\n resolve();\r\n }\r\n });\r\n });\r\n });\r\n },\r\n\r\n async addToCartRequest(payload, productInfo) {\r\n return new Promise((resolve, reject) => {\r\n\r\n if (payload.customer_id && payload.customer_id != 0) {\r\n $.ajax({\r\n url: \"/profile/bc-update-membership\",\r\n type: \"POST\",\r\n dataType: \"json\",\r\n async: false,\r\n data: {\r\n personId: payload.customer_id\r\n }\r\n });\r\n }\r\n\r\n getBCAccessToken().then((accessToken) => {\r\n $.ajax({\r\n url: `${BCAPI}/api/carts${this.cartId.length > 0 ? '/' + this.cartId + '/additem' : ''}`,\r\n type: \"POST\",\r\n dataType: \"json\",\r\n async: false,\r\n data: JSON.stringify(payload),\r\n beforeSend: function (xhr) {\r\n xhr.setRequestHeader('Authorization', 'Bearer ' + accessToken);\r\n },\r\n contentType: 'application/json; charset=utf-8',\r\n success: (data) => {\r\n if (data && data.data && data.data.id) {\r\n if (!this.hidePopup) {\r\n $('#dynamicAddToCart_' + this.mainProductId + ' #add-to-cart').show();\r\n }\r\n\r\n localStorage.setItem('bcCartId', data.data.id);\r\n this.cartId = data.data.id;\r\n\r\n try {\r\n document.cookie = \"cartid=\" + data.data.id + \"; SameSite=Strict; path=/; Secure;\";\r\n } catch (ex) {\r\n\r\n }\r\n\r\n window.addParentToStorage(data.data);\r\n\r\n if (!this.isDonationProduct) {\r\n this.updateLoginLinks(data);\r\n }\r\n\r\n } else if (data.error_code && data.error_code == \"DuplicateProductPurchase\") {\r\n $('body').removeClass('cart-modal-opened');\r\n showDuplicateProductPurchasePopup(productInfo);\r\n } else {\r\n $(\"[data-product-id=\" + this.mainProductId + \"]\").find(\".cart-full\").show();\r\n $('body').removeClass('cart-modal-opened');\r\n\r\n if (this.productApp.productData.name.startsWith(\"Professional Membership\") && document.getElementById('BuyMembershipError')) {\r\n var myModal = new bootstrap.Modal(document.getElementById('BuyMembershipError'));\r\n myModal.show();\r\n }\r\n }\r\n\r\n resolve(data.data);\r\n },\r\n error: (data) => {\r\n reject(data);\r\n }\r\n });\r\n });\r\n });\r\n },\r\n\r\n async showAddToCart(isCommonApp) {\r\n return new Promise((resolve, reject) => {\r\n\r\n if (isCommonApp && productsAddedToCart.length > 0) {\r\n\r\n this.isCommonApp = isCommonApp;\r\n\r\n $('#dynamicAddToCart #add-to-cart').show();\r\n\r\n $('#dynamicAddToCart #add-to-cart .modal-body-content .product-row').remove();\r\n\r\n productsAddedToCart.forEach(f => {\r\n $('#dynamicAddToCart_' + f + ' #add-to-cart .modal-body-content .product-row').clone().insertBefore($('#dynamicAddToCart #add-to-cart .modal-body-content .member-msg'));\r\n });\r\n\r\n productsAddedToCart = [];\r\n }\r\n\r\n resolve();\r\n });\r\n },\r\n\r\n updateLoginLinks(data) {\r\n if (data.data.id) {\r\n let items = [];\r\n\r\n if (data.data.line_items) {\r\n Object.keys(data.data.line_items).forEach(key => {\r\n if (data.data.line_items[key].length > 0) {\r\n data.data.line_items[key].filter(x => {\r\n return x.sale_price >= 0 && !x.hide\r\n }).forEach(item => {\r\n items.push(item);\r\n });\r\n }\r\n });\r\n }\r\n\r\n localStorage.setItem('cartLength', items.length);\r\n\r\n $('.login-link').each((i, obj) => {\r\n let href = $(obj).attr('href');\r\n let defaultHref = href.split('&')[0];\r\n const BC_CART_ID = localStorage.getItem('bcCartId');\r\n\r\n if (BC_CART_ID) {\r\n defaultHref = defaultHref + '?cartId=' + BC_CART_ID;\r\n }\r\n\r\n const HAS_MEMBERSHIP_IN_CART = localStorage.getItem('hasMembershipInCart');\r\n\r\n if (HAS_MEMBERSHIP_IN_CART === 'true') {\r\n if (defaultHref.includes('?')) {\r\n defaultHref = defaultHref + '&membership=true';\r\n } else {\r\n defaultHref = defaultHref + '?membership=true';\r\n }\r\n }\r\n\r\n $(obj).attr('href', defaultHref);\r\n });\r\n\r\n updateCartLinkInMenu();\r\n }\r\n },\r\n\r\n closeAddToCart() {\r\n $('#dynamicAddToCart_' + this.mainProductId + ' #add-to-cart').hide();\r\n $('body').removeClass('cart-modal-opened');\r\n $('body').removeClass('learning-methods-modal-opened');\r\n $('body').removeClass('details-modal-opened');\r\n $('body').removeClass('contact-sponsor-modal-opened');\r\n if (this.isCommonApp) {\r\n $('#dynamicAddToCart #add-to-cart').hide();\r\n }\r\n }\r\n },\r\n\r\n created() {\r\n }\r\n });\r\n}\r\n\r\nfunction productsModuleSetup(item) {\r\n\r\n if (item.isProductDetailAvailable) {\r\n initializeProductDetailsPopup(item.productId);\r\n }\r\n\r\n let productsApp = Vue.createApp({\r\n data() {\r\n return {\r\n item: item,\r\n mainProductId: item.productId,\r\n mainProductType: item.type,\r\n mainProductImage: item.productImage,\r\n includeExam: item.includeExam === undefined ? true : item.includeExam,\r\n inputExamProductId: item.includeExam === undefined ? \"\" : ((item.includeExam ?? true) && item.inputExamProductId) ? item.inputExamProductId : \"\",\r\n productData: null,\r\n childProducts: [],\r\n showQuantity: false,\r\n productTypes: {\r\n isCourse: false,\r\n addExamBundled: false,\r\n hasVirtualClassRoom: false,\r\n hasELearning: false,\r\n hasClassroom: false,\r\n hasExam: false,\r\n hasPracticeExam: false\r\n },\r\n displayProducts: [],\r\n chosenProductId: null,\r\n chosenProduct: null,\r\n chosenProductQuantity: item.chosenProductQuantity ?? 1,\r\n examProduct: null,\r\n memberPriceList: [],\r\n nonMemberPriceList: [],\r\n memberPriceHtml: null,\r\n nonMemberPriceHtml: null,\r\n buyButtonHtml: null,\r\n registerButtonHtml: null,\r\n Months: [],\r\n States: [],\r\n Countries: [],\r\n selectedTab: item.selectedTab,\r\n selectedMonth: \"\",\r\n selectedState: \"\",\r\n selectedCountry: \"\",\r\n currentProductDetailsApp: productDetailsMountedApp['id_' + item.productId],\r\n currentPageUrl: window.location.href.split('?')[0],\r\n devEnv: ['qa.', 'dev.', 'localhost'].some(e => window.location.hostname.includes(e)),\r\n isLoading: true,\r\n filtersApplied: false,\r\n bundleMainProductId: item.bundleMainProductId,\r\n isDonationProduct: item.isDonationProduct,\r\n isBundleProduct: item.isBundleProduct,\r\n isUserLoggedIn: window.wawUser.id != null,\r\n domId: item.id,\r\n restrictTabs: typeof (window.restrictTabs) != \"undefined\" && window.restrictTabs,\r\n dummyTypesList: typeof (window.dummyTypesList) == \"undefined\" ? [] : window.dummyTypesList,\r\n hideBCProducts: typeof (window.hideBCProducts) == \"undefined\" ? [] : window.hideBCProducts,\r\n AllMonths: [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"],\r\n filtersAvailable: false,\r\n filterPivot: \"\"\r\n }\r\n },\r\n\r\n methods: {\r\n\r\n async addToCart(event) {\r\n event.preventDefault();\r\n\r\n if (this.isDonationProduct && !this.isUserLoggedIn) {\r\n this.openLoginAccessDenied(event);\r\n }\r\n else {\r\n let currentCartId = await addToCartMountedApp['id_' + this.mainProductId].openAddtoCartPopup(event.target.attributes, this.mainProductId);\r\n\r\n if (this.isDonationProduct) {\r\n this.setCookieandRedirectToCartForDonationProduct(currentCartId);\r\n }\r\n }\r\n },\r\n\r\n setCookieandRedirectToCartForDonationProduct(cartId) {\r\n var url = window.location.origin\r\n + \"/cart\"\r\n + \"?cartId=\" + cartId\r\n + \"&redirectToCheckout=1\";\r\n\r\n try {\r\n document.cookie = \"isDonationProductinCart=true; SameSite=Strict; path=/; Secure;\";\r\n } catch (ex) {\r\n\r\n }\r\n $('.loading-overflow-add-cart').show();\r\n window.location.replace(url);\r\n },\r\n\r\n openLoginAccessDenied(event) {\r\n openLoginAccessDenied(event);\r\n },\r\n\r\n addToCartClickMethod() {\r\n return \"productsMountedApp['id_\" + this.mainProductId + \"'].addToCart(event)\";\r\n },\r\n\r\n isNullOrWhitespace(input) {\r\n return isNullOrWhitespace(input);\r\n },\r\n\r\n async getProductInfoBC(id, includeChild) {\r\n return new Promise((resolve, reject) => {\r\n getBCAccessToken().then((accessToken) => {\r\n $.ajax({\r\n url: `${API}/api/products/${id}?includeChild=${includeChild}`,\r\n type: \"GET\",\r\n dataType: \"json\",\r\n beforeSend: function (xhr) {\r\n xhr.setRequestHeader('Authorization', 'Bearer ' + accessToken);\r\n },\r\n success: (data) => {\r\n resolve(data);\r\n },\r\n error: (data) => {\r\n reject(data)\r\n }\r\n });\r\n });\r\n });\r\n },\r\n\r\n async getCategories() {\r\n return new Promise((resolve) => {\r\n getBCAccessToken().then((accessToken) => {\r\n $.ajax({\r\n url: `${API}/api/categories`,\r\n type: \"GET\",\r\n dataType: \"json\",\r\n beforeSend: function (xhr) {\r\n xhr.setRequestHeader('Authorization', 'Bearer ' + accessToken);\r\n },\r\n success: (data) => {\r\n if (data.data) {\r\n const category = data.data.filter(e => [\"Curriculum\", \"Learning\"].includes(e.name));\r\n\r\n const curriculum = data.data.find(e => e.name === 'Curriculum');\r\n\r\n window.curriculumCategoryId = curriculum?.id;\r\n\r\n window.certificationIds = category.map(e => e.id);\r\n\r\n window.allCategories = data.data;\r\n }\r\n },\r\n error: (data) => {\r\n console.log(data);\r\n },\r\n complete: (data) => {\r\n resolve(data);\r\n }\r\n });\r\n });\r\n });\r\n },\r\n\r\n priceListRequest(products) {\r\n\r\n let ids = products.map(e => e.id);\r\n ids.push(this.productData.id);\r\n\r\n return new Promise((resolve, reject) => {\r\n getBCAccessToken().then((accessToken) => {\r\n $.ajax({\r\n url: `${API}/api/pricelists/records/Member%20Price`,\r\n type: \"GET\",\r\n dataType: \"json\",\r\n headers: {\r\n 'product_id': ids.join(',')\r\n },\r\n beforeSend: function (xhr) {\r\n xhr.setRequestHeader('Authorization', 'Bearer ' + accessToken);\r\n },\r\n success: (data) => {\r\n this.memberPriceList = [...data.data, ...this.memberPriceList];\r\n resolve();\r\n },\r\n error: (data) => {\r\n reject();\r\n }\r\n });\r\n });\r\n });\r\n },\r\n\r\n nonMemberPriceListRequest(products) {\r\n\r\n let ids = products.map(e => e.id);\r\n ids.push(this.productData.id);\r\n\r\n return new Promise((resolve, reject) => {\r\n getBCAccessToken().then((accessToken) => {\r\n $.ajax({\r\n url: `${API}/api/pricelists/records/Non-Member`,\r\n type: \"GET\",\r\n dataType: \"json\",\r\n headers: {\r\n 'product_id': ids.join(',')\r\n },\r\n beforeSend: function (xhr) {\r\n xhr.setRequestHeader('Authorization', 'Bearer ' + accessToken);\r\n },\r\n success: (data) => {\r\n this.nonMemberPriceList = [...data.data, ...this.nonMemberPriceList];\r\n resolve();\r\n },\r\n error: (data) => {\r\n reject();\r\n }\r\n });\r\n });\r\n });\r\n },\r\n\r\n getTabName(delivery) {\r\n let tabName = \"\";\r\n\r\n if (delivery == \"Virtual Course\" || delivery == \"1310 - Virtual Classroom\") {\r\n tabName = \"virtual\";\r\n } else if (delivery == \"E-Learning\" || delivery == \"1210 - E-Learning\") {\r\n tabName = \"elearning\";\r\n } else if (delivery == \"CBT Exam\" || delivery == \"1340 - Examination Only\") {\r\n tabName = \"exam\";\r\n } else if (delivery == \"Practice Exam\" || delivery == \"1350 - Other Self Study\") {\r\n tabName = \"practice-exam\";\r\n } else if (delivery === \"Class\" || delivery == \"1000 - Onsite Course\") {\r\n tabName = \"classroom\";\r\n }\r\n\r\n return tabName;\r\n },\r\n\r\n getBCTabName(activeTab) {\r\n let tabName = \"\";\r\n\r\n if (activeTab == \"virtual\") {\r\n tabName = \"1310 - Virtual Classroom\";\r\n } else if (activeTab == \"elearning\") {\r\n tabName = \"1210 - E-Learning\";\r\n } else if (activeTab == \"exam\") {\r\n tabName = \"1340 - Examination Only\";\r\n } else if (activeTab == \"practice-exam\") {\r\n tabName = \"1350 - Other Self Study\";\r\n } else if (activeTab == \"classroom\") {\r\n tabName = \"1000 - Onsite Course\";\r\n }\r\n\r\n return tabName;\r\n },\r\n\r\n isTabAvailable(tab) {\r\n let tabFlag = false;\r\n if (tab == \"virtual\") {\r\n tabFlag = this.productTypes.hasVirtualClassRoom;\r\n } else if (tab == \"elearning\") {\r\n tabFlag = this.productTypes.hasELearning;\r\n } else if (tab == \"exam\") {\r\n tabFlag = this.productTypes.hasExam;\r\n } else if (tab == \"practice-exam\") {\r\n tabFlag = this.productTypes.hasPracticeExam;\r\n } else if (tab == \"classroom\") {\r\n tabFlag = this.productTypes.hasClassroom;\r\n }\r\n\r\n return tabFlag;\r\n },\r\n\r\n getInitialTab() {\r\n let tabName = \"\";\r\n if (this.productTypes.hasVirtualClassRoom) {\r\n tabName = \"1310 - Virtual Classroom\";\r\n } else if (this.productTypes.hasClassroom) {\r\n tabName = \"1000 - Onsite Course\";\r\n } else if (this.productTypes.hasELearning) {\r\n tabName = \"1210 - E-Learning\";\r\n } else if (this.productTypes.hasExam) {\r\n tabName = \"1340 - Examination Only\";\r\n } else if (this.productTypes.hasPracticeExam) {\r\n tabName = \"1350 - Other Self Study\";\r\n }\r\n\r\n return tabName;\r\n },\r\n\r\n hasDate(start, end) {\r\n return start != undefined && start.trim().length > 0 && end != undefined && end.trim().length > 0;\r\n },\r\n\r\n getDate(start, end) {\r\n\r\n let text = '';\r\n\r\n if (start?.trim().length > 0) {\r\n text = `${this.getMonth(start)} ${this.getDay(start)}, ${this.getYear(start)}`;\r\n\r\n if (end?.trim().length > 0 && start !== end) {\r\n text += ` - ${this.getMonth(end)} ${this.getDay(end)}, ${this.getYear(end)}`;\r\n }\r\n } else if (end?.trim().length > 0) {\r\n text = `${this.getMonth(end)} ${this.getDay(end)}, ${this.getYear(end)}`;\r\n }\r\n\r\n return text;\r\n },\r\n\r\n getNADate(string) {\r\n if (string) {\r\n let startCopy = string;\r\n\r\n var month = startCopy.slice(0, 2);\r\n var day = startCopy.slice(2, 4);\r\n var year = startCopy.slice(4, 8);\r\n\r\n month = month - 1;\r\n\r\n return new Date(year, month, day);\r\n }\r\n\r\n return new Date('01-01-1900');\r\n },\r\n\r\n getMonth(date) {\r\n\r\n if (date.trim().length > 0) {\r\n let month = date.slice(0, 2);\r\n const monthsArr = [\"Jan\", \"Feb\", \"Mar\", \"Apr\", \"May\", \"Jun\", \"Jul\", \"Aug\", \"Sep\", \"Oct\", \"Nov\", \"Dec\"];\r\n\r\n return monthsArr[Number(month) - 1];\r\n }\r\n return '';\r\n },\r\n\r\n getWeekday(date) {\r\n if (!date || date.trim().length === 0) return '';\r\n\r\n let position = 2;\r\n date = [date.slice(0, position), '-', date.slice(position)].join('');\r\n position = 5;\r\n date = [date.slice(0, position), '-', date.slice(position)].join('');\r\n\r\n var options = { weekday: 'long', hour: '2-digit', minute: '2-digit' };\r\n\r\n const realDate = new Date(date).toLocaleTimeString('en-us', options);\r\n\r\n return realDate.split(' ')[0];\r\n },\r\n\r\n getHour(date) {\r\n if (!date || date.trim().length === 0) return '';\r\n\r\n let position = 2;\r\n date = [date.slice(0, position), '-', date.slice(position)].join('');\r\n position = 5;\r\n date = [date.slice(0, position), '-', date.slice(position)].join('');\r\n\r\n var options = { weekday: 'long', hour: '2-digit', minute: '2-digit' };\r\n\r\n const realDate = new Date(date).toLocaleTimeString('en-us', options).split(' ');\r\n\r\n return `${realDate[1]} ${realDate[2]}`;\r\n },\r\n\r\n getDay(date) {\r\n return date.trim().length > 0 ? date.slice(2, 4) : '';\r\n },\r\n\r\n getYear(date) {\r\n return date.trim().length > 0 ? date.slice(4, 8) : '';\r\n },\r\n\r\n hasPlace(cfs) {\r\n return cfs.City_C != undefined && cfs.City_C.trim().length > 0\r\n && cfs.State_C != undefined && cfs.State_C.trim().length > 0\r\n && cfs.Country_C != undefined && cfs.Country_C.trim().length > 0;\r\n },\r\n\r\n getPlace(cfs) {\r\n if (this.hasPlace(cfs)) {\r\n return `${cfs.City_C}, ${cfs.State_C} ${cfs.Country_C}`\r\n }\r\n\r\n return ''\r\n },\r\n\r\n getDelivery(cfs) {\r\n if (cfs.Delivery && cfs.Delivery.trim().length > 0) {\r\n return `${cfs.Delivery}`\r\n }\r\n\r\n if (this.devEnv) {\r\n return '{{ Delivery }}'\r\n };\r\n\r\n return ''\r\n },\r\n\r\n getDeliveryText(delivery) {\r\n return deliveryText(delivery);\r\n },\r\n\r\n getSponsor(cfs) {\r\n if (cfs.Sponsor_C && cfs.Sponsor_C.trim().length > 0) {\r\n return `${cfs.Sponsor_C}`\r\n }\r\n\r\n return ''\r\n },\r\n\r\n getFilterMonth(date) {\r\n let month = date.slice(0, 2);\r\n\r\n return this.AllMonths[Number(month) - 1];\r\n },\r\n\r\n verifyCustomField(cf, name) {\r\n if (cf && cf.trim().length > 0) {\r\n return `${cf}`\r\n }\r\n\r\n if (devEnv) {\r\n return `{{ ${name} }}`\r\n };\r\n\r\n return ''\r\n },\r\n\r\n getPageTitle(product) {\r\n if (product.page_title.trim().length > 0) {\r\n return `${product.page_title}`\r\n }\r\n\r\n if (devEnv) {\r\n return '{{ product.page_title }}'\r\n };\r\n\r\n return ''\r\n },\r\n\r\n openProductDetails(productId, isSponsor) {\r\n\r\n this.currentProductDetailsApp.isContactSponsorPopup = isSponsor;\r\n\r\n try {\r\n if (Ecommerce.isReady && productId) {\r\n\r\n var productsArray = [];\r\n\r\n if (this.childProducts && this.childProducts.length > 0) {\r\n productsArray = this.childProducts;\r\n }\r\n else {\r\n productsArray.push(this.productData);\r\n }\r\n\r\n Ecommerce.findProductAndSend(productsArray, productId, \"productClick\", undefined, this.productData);\r\n Ecommerce.findProductAndSend(productsArray, productId, \"productDetail\", undefined, this.productData);\r\n }\r\n } catch (ex) {\r\n\r\n }\r\n\r\n $(\"#productDetails_\" + this.mainProductId + \" #product-details-popup\").modal('show');\r\n this.currentProductDetailsApp.isLoading = true;\r\n this.currentProductDetailsApp.productDetail = [];\r\n this.currentProductDetailsApp.getProductDetailsByBcId(productId);\r\n },\r\n\r\n isContactSponsor(product) {\r\n\r\n let type = product.cfs.Course_Type_C?.trim() || \"\";\r\n\r\n if (type == \"WorldatWork\" || type == \"\") { //for CSCP and CECP\r\n return this.addToCartButton(product);\r\n } else if (type == \"WorldatWork India\") {\r\n return \"\";\r\n } else {\r\n return `\r\n `\r\n }\r\n },\r\n\r\n addToCartButton(product) {\r\n\r\n if (product.inventory_tracking != \"none\"\r\n && product.inventory_level <= 0) {\r\n return `\r\n \r\n Unavailable\r\n \r\n \r\n To be placed on the waiting list or inquire about other sessions or products, please contact our Customer Experience Team.\r\n \r\n `\r\n }\r\n\r\n if (!this.productTypes.addExamBundled) {\r\n return `\r\n \r\n
\r\n
Sorry, you can't add this item to the cart.
\r\n
You have reached the maximum allowed quantity for purchase in your cart or the item isn't available anymore.
\r\n
\r\n
\r\n
\r\n
Sorry, you can't add this item to the cart.
\r\n
You have reached the maximum allowed quantity for purchase in your cart or the item isn't available anymore.
\r\n
\r\n
\r\n
\r\n
Sorry, you can't add this item to the cart.
\r\n
You have reached the maximum allowed quantity for purchase in your cart or the item isn't available anymore.
\r\n
\r\n
Link copied to clipboard.
\");\r\n $(event.currentTarget.parentElement).find(\".copy-success\").fadeIn(500);\r\n\r\n window.setTimeout(function (event) {\r\n $(event.target).parent().find(\".copy-success\").fadeOut(500, \"swing\", function () {\r\n $(this).remove();\r\n });\r\n }, 4000, event);\r\n },\r\n\r\n changeDonationAmount(event) {\r\n let quantity = event.target.attributes['data-predefined-denomination']?.value;\r\n\r\n if (quantity) {\r\n this.chosenProductQuantity = Number(quantity);\r\n } else if (event.target.value && event.target.value != \"0\") {\r\n this.chosenProductQuantity = Number(event.target.value.replace(/[^0-9\\.]+/g, \"\"));\r\n }\r\n\r\n $(\".predefinedDenomination\").removeClass(\"selected\");\r\n event.target.classList.add(\"selected\");\r\n\r\n\r\n $(\".predefinedDenomination[data-predefined-denomination=\"\r\n + (this.chosenProductQuantity != \"\" ? this.chosenProductQuantity : 0) + \"]\").addClass(\"selected\");\r\n\r\n },\r\n\r\n changeUpsellQuantity(event) {\r\n\r\n let upsellProductId = event.target.attributes['data-productId']?.value;\r\n let quantity = event.target.value;\r\n\r\n //Have this if condition separate as we don't want to write code for show/hide twice.\r\n if (quantity == 0) {\r\n quantity = 1;\r\n }\r\n\r\n if (quantity == \"10+\") {\r\n quantity = 10;\r\n $(\"#upsellCollectionProduct_\" + upsellProductId).find('.quantitySelect').hide();\r\n $(\"#upsellCollectionProduct_\" + upsellProductId).find('.quantityTextbox').show();\r\n } else if (quantity < 10) {\r\n $(\"#upsellCollectionProduct_\" + upsellProductId).find('.quantitySelect').show();\r\n $(\"#upsellCollectionProduct_\" + upsellProductId).find('.quantityTextbox').hide();\r\n }\r\n\r\n $(\"#upsellCollectionProduct_\" + upsellProductId).find('.quantitySelect')[0].value = quantity;\r\n $(\"#upsellCollectionProduct_\" + upsellProductId).find('.quantityTextbox')[0].value = quantity;\r\n $(\"#upsellCollectionProduct_\" + upsellProductId).find(\".add-to-cart\")[0].setAttribute(\"quantity\", quantity);\r\n },\r\n\r\n canShowBCProducts() {\r\n return this.hideBCProducts == null || this.hideBCProducts.includes(this.selectedTab) == false;\r\n }\r\n },\r\n\r\n computed: {\r\n\r\n },\r\n\r\n watch: {\r\n\r\n },\r\n\r\n created() {\r\n if (typeof (window.scrollToElement) != \"undefined\" && window.scrollToElement != \"\") {\r\n scrollOnPagination(window.scrollToElement);\r\n }\r\n\r\n this.renderApp().then(isAppRendered => {\r\n\r\n this.selectedTab = this.getInitialTab();\r\n\r\n if (typeof (feather) !== \"undefined\") {\r\n feather.replace();\r\n }\r\n\r\n if (typeof (window.selectedCourseTab) != \"undefined\" && window.selectedCourseTab != \"\") {\r\n if (this.isTabAvailable(window.selectedCourseTab)) {\r\n this.selectedTab = this.getBCTabName(window.selectedCourseTab);\r\n }\r\n }\r\n\r\n this.renderProducts();\r\n\r\n window.setTimeout(function () {\r\n if (typeof (window.isProductHighlighted) != \"undefined\"\r\n && !window.isProductHighlighted\r\n && $(\"#product-\" + selectedProductId).length > 0) {\r\n scrollOnPagination(\"product-\" + window.selectedProductId);\r\n $(\"#product-\" + window.selectedProductId).addClass(\"highlight-course\");\r\n window.isProductHighlighted = true;\r\n }\r\n }, 500);\r\n\r\n if (window.redirectToCheckout && window.isDonationProduct && this.isUserLoggedIn) {\r\n let addToCartButtonAttributes = $(\"#\" + this.domId + \"_\" + this.mainProductId).find(\".add-to-cart\")[0].attributes;\r\n\r\n addToCartMountedApp['id_' + this.mainProductId].openAddtoCartPopup(addToCartButtonAttributes, this.mainProductId).then(currentCartId => {\r\n this.setCookieandRedirectToCartForDonationProduct(currentCartId);\r\n });\r\n }\r\n });\r\n },\r\n\r\n mounted() {\r\n\r\n },\r\n\r\n filters: {\r\n }\r\n });\r\n\r\n mainProductIds.push(item.productId);\r\n\r\n productsMountedApp['id_' + item.productId] = productsApp.mount('#' + item.id + '_' + item.productId);\r\n\r\n let dynamicAddToCartId = 'dynamicAddToCart_' + item.productId;\r\n\r\n $('#dynamicAddToCart').clone().prop({ 'id': dynamicAddToCartId }).insertAfter('#dynamicAddToCart');\r\n\r\n addToCartMountedApp['id_' + item.productId] = addToCartApp(item).mount('#' + dynamicAddToCartId);\r\n}\r\n\r\nfunction upsellProductContainersSetup(item) {\r\n\r\n let upsellProductContainerApp = Vue.createApp({\r\n data() {\r\n return {\r\n bundleMainProductId: item.bundleMainProductId,\r\n bundleMainElementId: item.bundleMainElementId,\r\n bundleAloneButtonText: \"\",\r\n mainAndBundleButtonText: \"\",\r\n currentSelectedProducts: item.currentSelectedProducts,\r\n bundlesCount: item.currentSelectedProducts.length,\r\n mainAndBundlesCount: item.currentSelectedProducts.length + 1,\r\n isAddonsSoldSeparately: item.isAddonsSoldSeparately,\r\n showButtonMessage: false\r\n }\r\n },\r\n\r\n methods: {\r\n changeBundle(upsellProductId, isSelected) {\r\n this.currentSelectedProducts = this.currentSelectedProducts.filter(i => i != upsellProductId);\r\n\r\n if (isSelected) {\r\n this.currentSelectedProducts.push(upsellProductId);\r\n }\r\n\r\n this.bundlesCount = this.currentSelectedProducts.length;\r\n this.mainAndBundlesCount = this.bundlesCount + 1;\r\n\r\n if (this.bundlesCount > 1) {\r\n this.bundleAloneButtonText = \"Add selected items to Cart\";\r\n } else {\r\n this.bundleAloneButtonText = \"Add selected item to Cart\";\r\n }\r\n\r\n if (this.mainAndBundlesCount > 2) {\r\n this.mainAndBundleButtonText = \"Add selected items to Cart\";\r\n } else {\r\n this.mainAndBundleButtonText = \"Add selected item to Cart\";\r\n }\r\n\r\n if (this.isAddonsSoldSeparately && this.bundlesCount == 0) {\r\n this.showButtonMessage = true;\r\n } else if (this.mainAndBundlesCount <= 1) {\r\n this.showButtonMessage = true;\r\n } else {\r\n this.showButtonMessage = false;\r\n }\r\n },\r\n\r\n async addMainToCart(event) {\r\n let mainAppButtonAttributes = $(\"#\" + this.bundleMainElementId + \"_\" + this.bundleMainProductId).find(\".add-to-cart\")[0].attributes;\r\n\r\n await addToCartMountedApp['id_' + this.bundleMainProductId].openAddtoCartPopup(mainAppButtonAttributes, this.bundleMainProductId);\r\n\r\n productsAddedToCart = [];\r\n },\r\n\r\n async addBundleAloneToCart(event) {\r\n let promisesToResolve = [];\r\n\r\n var firstAddonProductId = this.currentSelectedProducts[0];\r\n\r\n await addToCartMountedApp['id_' + firstAddonProductId].openAddtoCartPopup($(\"#upsellCollectionProduct_\" + firstAddonProductId).find(\".add-to-cart\")[0].attributes, firstAddonProductId);\r\n\r\n if (this.currentSelectedProducts.length > 1) {\r\n let restOfTheAddons = this.currentSelectedProducts.filter(i => i != firstAddonProductId);\r\n\r\n restOfTheAddons.forEach(async function (id) {\r\n promisesToResolve.push(addToCartMountedApp['id_' + id].openAddtoCartPopup($(\"#upsellCollectionProduct_\" + id).find(\".add-to-cart\")[0].attributes, id));\r\n });\r\n\r\n }\r\n\r\n Promise.all(promisesToResolve).then(async (resolvedData) => {\r\n await addToCartCommonApp.showAddToCart(true);\r\n });\r\n\r\n },\r\n\r\n async addMainAndBundlesToCart(event) {\r\n\r\n let promisesToResolve = [];\r\n let mainAppButtonAttributes = $(\"#\" + this.bundleMainElementId + \"_\" + this.bundleMainProductId).find(\".add-to-cart\")[0].attributes;\r\n\r\n const hidePopupNode = document.createAttribute(\"data-hidePopup\");\r\n hidePopupNode.value = \"true\";\r\n mainAppButtonAttributes.setNamedItem(hidePopupNode);\r\n\r\n await addToCartMountedApp['id_' + this.bundleMainProductId].openAddtoCartPopup(mainAppButtonAttributes, this.bundleMainProductId);\r\n\r\n this.currentSelectedProducts.forEach(async function (id) {\r\n promisesToResolve.push(addToCartMountedApp['id_' + id].openAddtoCartPopup($(\"#upsellCollectionProduct_\" + id).find(\".add-to-cart\")[0].attributes, id));\r\n });\r\n\r\n Promise.all(promisesToResolve).then(async (resolvedData) => {\r\n await addToCartCommonApp.showAddToCart(true);\r\n });\r\n\r\n mainAppButtonAttributes.removeNamedItem(\"data-hidePopup\");\r\n }\r\n },\r\n\r\n watch: {\r\n currentSelectedProducts: {\r\n handler(newValue, oldValue) {\r\n\r\n },\r\n immediate: true\r\n }\r\n },\r\n\r\n created() {\r\n this.bundleAloneButtonText = \"\";\r\n this.mainAndBundleButtonText = \"\";\r\n }\r\n });\r\n\r\n upsellProductContainersMountedApp['id_' + item.bundleMainProductId] = upsellProductContainerApp.mount('#' + item.id + '_' + item.bundleMainProductId);\r\n}\r\n\r\n\r\nfunction registerWebinar(productId) {\r\n $('.loading-overflow-add-cart').show();\r\n\r\n $.ajax({\r\n url: \"/webinar/registration\",\r\n method: 'POST',\r\n headers: {\r\n RequestVerificationToken:\r\n $('input:hidden[name=\"__RequestVerificationToken\"]').val()\r\n },\r\n data: {\r\n webinarId: productId\r\n },\r\n success: function (result) {\r\n if (result.status) {\r\n onAfterWebinarRegistration(true, result.type.toLowerCase() == \"on demand\");\r\n } else {\r\n onAfterWebinarRegistration(false, false);\r\n }\r\n },\r\n error: (data) => {\r\n onAfterWebinarRegistration(false, false);\r\n }\r\n })\r\n}\r\n\r\nfunction onAfterWebinarRegistration(isSuccess, isOndemand) {\r\n $('.loading-overflow-add-cart').hide();\r\n var redirectLink = \"/webinars\";\r\n\r\n try {\r\n if (document.referrer != \"\" && document.referrer != undefined && window.location.host == (new URL(document.referrer)).host) {\r\n redirectLink = document.referrer;\r\n }\r\n }\r\n catch {\r\n\r\n }\r\n\r\n\r\n if (isSuccess) {\r\n $(\"#webinar-registration-modal .modal-title\").text(\"Webinar Registration Successful!\");\r\n if (isOndemand) {\r\n $(\"#webinar-registration-modal .reg-message\").html(\"Thank you for registering for the On-demand Webinar. You can access the webinar from your Profile Page.\");\r\n } else {\r\n $(\"#webinar-registration-modal .reg-message\").text(\"Thank you for registering for our upcoming webinar! We're excited to have you join us. Details and access information will be sent to your email shortly. Get ready for an insightful session!\")\r\n }\r\n\r\n $(\"#webinar-registration-modal .close-btn button, #webinar-registration-modal .btn-close-popup\").attr(\"data-href\", redirectLink);\r\n } else {\r\n $(\"#webinar-registration-modal .modal-title\").text(\"Unable to Complete Your Webinar Registration\");\r\n $(\"#webinar-registration-modal .reg-message\").text(\"Something went wrong with your registration. Please try again later. Apologies for any inconvenience. Thank you for your understanding.\")\r\n $(\"#webinar-registration-modal .close-btn a\").attr(\"data-bs-dismiss\", \"modal\");\r\n }\r\n\r\n var webinarModal = new bootstrap.Modal(document.getElementById('webinar-registration-modal'))\r\n webinarModal.show();\r\n}\r\n\r\nfunction onCloseWebinarRegPopup(event) {\r\n var webinarModal = bootstrap.Modal.getInstance(document.getElementById('webinar-registration-modal'));\r\n webinarModal.hide();\r\n\r\n if (event.currentTarget.dataset.href) {\r\n $('.loading-overflow-add-cart').show();\r\n window.location.href = event.currentTarget.dataset.href;\r\n }\r\n}\r\n\r\nfunction showDuplicateProductPurchasePopup(productInfo) {\r\n var description = `You have already purchased ${productInfo.name}. Please note that registration is limited to one per person. For more information on registering your team, please contact: customerexperience@worldatwork.org.`;\r\n $(\"body\").append(`\r\n \r\n
\r\n
\r\n \r\n
\r\n
![\"\"](\"/img/NoResultFound.svg\")
\r\n
\r\n ${description}\r\n
\r\n
\r\n
\r\n
\r\n
![](\"/img/icons/arrow-left.svg\"){kind=icon}
Previous![](\"/img/icons/arrow-right.svg\"){kind=icon}
Next