\" +\n data.message +\n \"
\";\n $(\".addressList\").after(toInsert);\n }\n }\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n createErrorNotification(err.responseJSON.errorMessage);\n }\n $.spinner().stop();\n }\n });\n });\n },\n\n submitAddress: function (addressId = \"\") {\n $(\"form.address-form\").off().submit(async function (e) {\n e.preventDefault();\n var $form = $(this);\n const isCartPage = $(\".cart.cart-page\").length;\n const isAddAddressManuallyEnabled = $(\".js-manual-address-container\").length && !$(\".js-manual-address-container\").hasClass(\"d-none\");\n let isAddressSelectorValid = true;\n let isEnteredAddressValid = true;\n let url = $form.attr(\"action\") + addressId;\n\n $form.spinner().start();\n $(\"form.address-form\").trigger(\"address:submit\", e);\n // Remove previous errors\n $(\"body\").trigger(\"address:submit:address\", true);\n\n if (isAddAddressManuallyEnabled) {\n addressSelector.methods.copyCityAndStateToAddress();\n isAddressSelectorValid = addressSelector.methods.validateCityAndState();\n isEnteredAddressValid = isAddressSelectorValid ? await validateAddressOnGoogleGeocoder() : false;\n }\n\n if (!isAddressSelectorValid || !isEnteredAddressValid) {\n $form.spinner().stop();\n return;\n }\n\n $.ajax({\n url: url,\n type: \"post\",\n dataType: \"json\",\n data: $form.serialize(),\n success: function (data) {\n $form.spinner().stop();\n if (!data.success) {\n formValidation($form, data);\n } else {\n if (isCartPage) {\n window.location.reload();\n return;\n }\n location.href = data.redirectUrl;\n localStorage.setItem(\"successMessage\", true);\n }\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n $form.spinner().stop();\n }\n });\n });\n },\n showSuccessMessage: methods.showSuccessfulMessage,\n methods: {\n populateForm\n },\n handleSelectDefaultAddress: handleSelectDefaultAddress,\n initGooglePlacesAutocomplete,\n listenEventsForm,\n updateCountryInputValue,\n enableSubmitButtonWhenAllFieldsAreFilled,\n};\n","\"use strict\";\n\n/* Constants */\nconst storeLocatorData = $(\".js-states-and-cities-json\");\nconst stateAndCityList = storeLocatorData.data(\"state-and-city-list\");\nconst defaultState = storeLocatorData.data(\"default-state\") || \"\";\nconst defaultCity = storeLocatorData.data(\"default-city\") || \"\";\nconst { functions: { clearForm } } = require(\"../components/clientSideValidation\");\n\n/**\n * Returns the list of cities for a given state\n * @param {Object} $stateDropdown - jQuery object of the state dropdown\n * @returns {Array} - an array of cities for the given state\n */\nfunction getCityList($stateDropdown) {\n const selectedState = $stateDropdown.find(\"option:selected\").val();\n return stateAndCityList[selectedState] || [];\n}\n\n/**\n * Populates the city dropdown with the list of cities\n * @param {Array} cityList - List of cities\n * @param {Object} $cityDropdown - jQuery object of the city dropdown\n * @param {String} defaultCity - Default city to be selected\n */\nfunction populateCityDropdown(cityList, $cityDropdown, defaultCity) {\n cityList.forEach(city => {\n const cityOptionHtml = ``;\n $cityDropdown.append(cityOptionHtml);\n });\n}\n\n/**\n * Event handler for when the state dropdown is changed\n */\nfunction updateCitiesDropdownOnStateSelection() {\n $(document).on(\"change\", \".js-current-state\", function () {\n const $stateDropdown = $(this);\n const $citiesDropdown = $(\".js-dropdown-cities\");\n const cityList = getCityList($stateDropdown);\n\n $citiesDropdown.find(\"option:not(:first)\").remove();\n populateCityDropdown(cityList, $citiesDropdown, defaultCity);\n $citiesDropdown.trigger(\"change\");\n });\n}\n\n/**\n* Sets up event listeners for address selector functionality\n*/\nfunction addressSelectorListeners() {\n $(\".js-toggle-address-mode\").on(\"click\", function () {\n toggleAddressMode($(this));\n });\n\n updateCitiesDropdownOnStateSelection();\n displayErrorMessage();\n}\n\nfunction updateInputVerification() {\n $(\"#city\").trigger(\"change\");\n}\n\n/**\n* Toggles between adding a new address and selecting an existing address\n* @param {jQuery} $button - the button element that triggers the address mode toggle\n*/\nfunction toggleAddressMode($button) {\n const { addAddressManually, selectAddress, addAddressText } = $button.data();\n const newText = addAddressManually ? selectAddress : addAddressText;\n\n $button.data(\"add-address-manually\", !addAddressManually);\n $(\".js-manual-address-container\").toggleClass(\"d-none\", !addAddressManually);\n $(\".js-select-address-container\").toggleClass(\"d-none\", addAddressManually);\n\n if (addAddressManually) {\n fillCityAndState();\n }\n\n updateFormFields(addAddressManually);\n $button.text(newText);\n updateInputVerification();\n}\n\n/**\n* Updates form fields based on user input for address and address dropdowns\n* @param {boolean} addAddressManually - flag to indicate whether user is adding address manually\n*/\nfunction updateFormFields(addAddressManually) {\n const $address = $(\"#address1\");\n const $regionAndComuna = $(\"#region, #city\");\n const $streetAndNumber = $(\"#address2, #postBox\");\n const $addressDropdowns = $(\".js-current-state, .js-dropdown-cities\");\n const $addressForm = $(\".address-form\");\n\n clearForm($addressForm);\n\n // Remove manually inserted values on the \"select\" address mode\n if (!addAddressManually) {\n $streetAndNumber.val(\"\");\n $regionAndComuna.val(\"\");\n }\n\n $address\n .prop({\n required: !addAddressManually,\n readonly: addAddressManually,\n tabindex: addAddressManually ? -1 : 0\n })\n .toggleClass(\"readonly\", addAddressManually);\n\n $regionAndComuna.prop(\"required\", !addAddressManually);\n\n $streetAndNumber\n .prop({\n required: addAddressManually,\n readonly: !addAddressManually\n })\n .toggleClass(\"readonly\", !addAddressManually);\n\n $addressDropdowns\n .prop(\"required\", addAddressManually)\n .toggleClass(\"readonly\", !addAddressManually);\n}\n\n/**\n* Fills the city and state when editing the billing address\n*/\nfunction fillCityAndState() {\n const state = $(\"#region\").val() || $(\".js-current-state option\").first().val();\n const city = $(\"#city\").val();\n\n $(\".js-current-state\").val(state).trigger(\"change\");\n $(\".js-dropdown-cities\").val(city);\n}\n\nfunction copyCityAndStateToAddress() {\n const selectedState = $(\".js-current-state option:selected\").not(\"[data-not-selectable]\").val();\n const selectedCity = $(\".js-dropdown-cities option:selected\").not(\"[data-not-selectable]\").val();\n const manualAddress = $(\"#postBox\").val() + \" \" + $(\"#address2\").val();\n\n $(\"#region\").val(selectedState);\n $(\"#city\").val(selectedCity);\n $(\"#address1\").val(manualAddress);\n}\n\n/**\n * Sets the default state and city for the store locator\n */\nfunction initDefaultStateAndCity() {\n if (defaultState && defaultCity) {\n $(\".js-current-state\").val(defaultState).trigger(\"change\");\n $(\".js-dropdown-cities\").val(defaultCity);\n }\n}\n\n/**\n* Validates the selected city and state inputs and returns a boolean indicating the validity\n* @returns {boolean} - true if the city and state inputs are valid, false otherwise\n*/\nfunction validateCityAndState() {\n const $regionErrorSelect = $(\".js-current-state\");\n const $communeErrorSelect = $(\".js-dropdown-cities\");\n const regionId = $(\".js-current-state option:selected\");\n const communeId = $(\".js-dropdown-cities option:selected\");\n let isValid = true;\n\n if (!regionId.val() || ($regionErrorSelect.prop(\"required\") && regionId.data(\"not-selectable\"))) {\n $regionErrorSelect.addClass(\"is-invalid\");\n $regionErrorSelect[0].scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n isValid = false;\n }\n\n if (!communeId.val() || ($communeErrorSelect.prop(\"required\") && communeId.data(\"not-selectable\"))) {\n $communeErrorSelect.addClass(\"is-invalid\");\n $communeErrorSelect[0].scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n isValid = false;\n }\n\n return isValid;\n}\n\nfunction displayErrorMessage() {\n const $addressFormErrorMessageContainer = $(\".js-address-form-error-message\");\n\n $(\"body\").on(\"address:submit:address\", function (e, showError) {\n $addressFormErrorMessageContainer.toggleClass(\"d-none\", showError);\n });\n}\n\n/**\n* Initializes the address selector functionality\n*/\nfunction initAddressSelector() {\n addressSelectorListeners();\n initDefaultStateAndCity();\n}\n\nmodule.exports = {\n initAddressSelector,\n methods: {\n validateCityAndState,\n copyCityAndStateToAddress\n }\n};\n","\"use strict\";\n\nconst { createErrorNotification, createSuccessNotification } = require(\"../utils/utilsServices\");\nconst $container = $(\".ahumada-family-discounts\");\nconst $notificationContainer = $(\".notification-alert-familia-ahumada\");\n\n/**\n* Adds a coupon to the current basket\n* @param {JQuery} $context - the jQuery context object\n* @returns {Promise} a Promise that resolves with the data when the coupon is successfully added, or rejects with an error\n*/\nfunction doAddCouponToBasket($context) {\n return new Promise((resolve, reject) => {\n const url = $context.data(\"url\");\n\n if (!url) {\n reject();\n return;\n }\n\n $.spinner().start();\n\n $.ajax({\n url: url,\n type: \"GET\",\n success: function (data) {\n $.spinner().stop();\n\n resolve(data);\n },\n error: function (err) {\n console.error(err);\n $.spinner().stop();\n reject(err);\n }\n });\n });\n}\n\n/**\n* Adds a coupon to the current basket upon clicking the add coupon button\n* @returns {void}\n*/\nfunction addCouponToBasket() {\n $(\".js-add-coupon-to-basket\", $container).on(\"click\", function addCouponToBasket() {\n doAddCouponToBasket($(this))\n .then(function (data) {\n if (data.error) {\n createErrorNotification(data.errorMessage, $notificationContainer, true);\n return;\n }\n\n createSuccessNotification($notificationContainer.data(\"coupon-added-message\"), $notificationContainer, true);\n });\n });\n}\n\n/**\n* Activates a promotion when the corresponding button is clicked.\n* Used for the interactive promotions, which requires activation before using it.\n* @returns {void}\n*/\nfunction activatePromotion() {\n $(\".js-activate-promotion\", $container).on(\"click\", function doPromotionActivation() {\n const $this = $(this);\n const activePromotionText = $this.data(\"active-promo-resource\");\n const isPromotionActive = $this.data(\"is-opted-in\");\n const url = $this.data(\"url\");\n const offerId = $this.data(\"offerId\");\n\n if (!url) {\n return;\n }\n\n // If promotion is already active display notification message\n if (isPromotionActive) {\n createErrorNotification($notificationContainer.data(\"promotion-already-active-message\"), $notificationContainer, true);\n return;\n }\n\n $.spinner().start();\n\n $.ajax({\n url: url,\n data: { offerId },\n type: \"POST\",\n success: function (data) {\n $.spinner().stop();\n\n if (!data.success) {\n createErrorNotification(data.message, $notificationContainer, true);\n return;\n }\n\n createSuccessNotification(data.message, $notificationContainer, true);\n $this.data(\"is-opted-in\", true);\n $this.text(activePromotionText);\n },\n error: function (err) {\n if (err.responseJSON && err.responseJSON.message) {\n createErrorNotification(err.responseJSON.message, $notificationContainer, true);\n }\n\n $.spinner().stop();\n }\n });\n });\n}\n\n/**\n* Initializes the carousel for displaying Ahumada family discounts\n*/\nfunction initFamiliaAhumadaCarousel() {\n const $carouselWrapper = $(\".ahumada-family-discounts__carousel\");\n const showDots = $carouselWrapper.children().length > 1;\n\n $carouselWrapper.slick({\n mobileFirst: true,\n infinite: true,\n slidesToShow: 1,\n slidesToScroll: 1,\n arrows: true,\n dots: showDots,\n responsive: [\n {\n breakpoint: 768,\n settings: {\n slidesToShow: 2\n }\n },\n {\n breakpoint: 1024,\n settings: {\n slidesToShow: 3,\n }\n },\n ]\n });\n}\n\nmodule.exports = {\n initFamiliaAhumadaCarousel,\n addCouponToBasket,\n activatePromotion,\n methods: {\n doAddCouponToBasket,\n }\n};\n","\"use strict\";\nconst { methods: { doAddCouponToBasket } } = require(\"./ahumadaFamilyDiscounts\");\nconst $floatingCoupon = $(\".familia-ahumada-coupon-modal\");\nconst STORAGE_KEY = \"ahumada-family-coupon\";\n\n/**\n* Sets the coupon details in the session storage if user is logged in\n* When the user is not logged in, the session storage is removed\n* @param {boolean} isCheckout - indicates whether the user is in the checkout process\n* @returns {void}\n*/\nfunction setCouponDetails(isCheckout) {\n const isLoggedIn = $(\"[data-is-logged-in]\").length > 0;\n\n // if user is not logged in, remove session storage related to coupon\n if (!isCheckout && !isLoggedIn) {\n sessionStorage.removeItem(STORAGE_KEY);\n return;\n }\n\n const $couponDetails = $(\".js-ahumada-family-discounts__coupon_details:first\");\n\n if (!$couponDetails.length) {\n return;\n }\n\n const couponDetails = $couponDetails.val();\n const coupons = [];\n\n if (couponDetails) {\n coupons.push(JSON.parse(couponDetails));\n }\n\n sessionStorage.setItem(STORAGE_KEY, JSON.stringify({\n ...getStorageData(),\n coupons\n }));\n}\n\n/**\n* Sets the modal as dismissed in the session storage to avoid showing it again\n*/\nfunction setModalDismissed() {\n sessionStorage.setItem(STORAGE_KEY, JSON.stringify({\n ...getStorageData(),\n isDismissed: true\n }));\n}\n\n/**\n* Retrieves coupon data from the session storage and parses it into a JavaScript object\n* @returns {Object} - the parsed data from the session storage, or an empty object if no data is found or an error occurs\n*/\nfunction getStorageData() {\n try {\n const storage = sessionStorage.getItem(STORAGE_KEY);\n\n return storage ? JSON.parse(storage) : {};\n } catch (_e) {\n return {};\n }\n}\n\n/**\n* Displays the floating coupon on the page if applicable\n* @returns {void}\n*/\nfunction showFloatingCoupon() {\n const isCheckoutPage = $(\"#checkout-main\").length > 0;\n\n setCouponDetails(isCheckoutPage);\n\n const { isDismissed, coupons } = getStorageData();\n\n if (isCheckoutPage || isDismissed || !coupons || !coupons.length) {\n return;\n }\n\n const coupon = coupons[0];\n const $container = $(\".js-ahumada-family-floating-coupon\");\n\n $(\".js-coupon-src-mobile\", $container).attr(\"srcset\", coupon.smallImageUrl);\n $(\".js-coupon-image\", $container).attr(\"src\", coupon.largeImageUrl).attr(\"alt\", coupon.description);\n $(\".js-add-coupon-to-basket\", $container).attr(\"data-url\", coupon.url);\n\n $floatingCoupon.addClass(\"modal-open\").removeClass(\"d-none\");\n}\n\n/**\n* Displays the coupon added modal based on the device type\n*/\nfunction showCouponAddedModal() {\n if (isDesktop()) {\n $(\".coupon-added-modal\").modal(\"show\");\n return;\n }\n\n if (!$(\".add-coupon-to-cart-messages\").length) {\n $(\"body\").append(\n \"\"\n );\n }\n\n const $messageContent = $(\".js-coupon-added-modal-mobile-template .add-to-basket-alert\").clone();\n\n $(\".add-coupon-to-cart-messages\")\n .empty()\n .append($messageContent);\n}\n\n/**\n* Determines if the current device is a desktop\n* @returns {boolean} true if the current device is a desktop, false otherwise\n*/\nfunction isDesktop() {\n return $(window).width() > 768;\n}\n\n/**\n* Adds a click event listener to the close button in the cart PLP modal\n*/\nfunction closeModalEventListener() {\n $(\".js-close-coupon-modal\").on(\"click\", () => {\n $(\".js-ahumada-family-floating-coupon\").modal(\"hide\");\n });\n}\n\n/**\n* Initializes event listeners for the floating coupon functionality\n*/\nfunction initListeners() {\n if (!isDesktop()) {\n $(\"body\").on(\"click\", function closeMobileMessageOnOutsideClick({ target }) {\n const $target = $(target);\n const $messagesContainer = $(\".add-coupon-to-cart-messages\");\n const isOutsideClick = !$target.closest(\".add-to-cart-coupon\").length;\n const hasCloseButton = $(\".close\", $messagesContainer).length;\n\n if ($messagesContainer.length && isOutsideClick && hasCloseButton) {\n $(\".close\", $messagesContainer).trigger(\"click\");\n }\n });\n }\n\n $(\".close\", $floatingCoupon).on(\"click\", function closeFloatingCoupon() {\n setModalDismissed();\n $floatingCoupon.addClass(\"d-none\");\n });\n\n $(\".js-add-coupon-to-basket\", $floatingCoupon).on(\"click\", function addCouponToBasketHandler() {\n const isOnCartPage = $(\".cart-page\").length;\n\n doAddCouponToBasket($(this))\n .then(function (data) {\n if (data.error) {\n console.error(data.errorMessage);\n return;\n }\n\n $floatingCoupon.find(\".close\").trigger(\"click\");\n showCouponAddedModal();\n\n if (isOnCartPage) {\n setTimeout(()=>{\n location.reload();\n }, 2000);\n }\n });\n });\n\n closeModalEventListener();\n}\n\nmodule.exports = {\n initListeners: initListeners,\n showFloatingCoupon\n};\n","\"use strict\";\n\nvar gtm = require(\"../js/gtm\");\n\nmodule.exports = {\n initGtmEvents: function () {\n if ($(\".dashboard-section\").length && $(\".dashboard-section\").attr(\"data-wasloggedin\") === \"true\") {\n gtm.gtmLogin();\n }\n\n gtm.pageViewEvent();\n\n if ($(\".product-detail\").length) {\n gtm.viewItem();\n }\n\n if ($(\".search-result-for\").length) {\n gtm.gtmSearch();\n }\n\n if ($(\"#product-search-results\").length) {\n gtm.viewItemList($(\".product-grid\"));\n }\n\n if ($(\".cart-page\").length && $(\".product-info\").length) {\n gtm.viewCart();\n localStorage.removeItem(\"wasPurchaseTriggered\");\n }\n\n if ($(\".data-checkout-stage\").length && $(\".data-checkout-stage\").attr(\"data-wasloggedin\") === \"true\") {\n gtm.gtmLogin();\n gtm.checkoutEvents(\"begin_checkout\");\n }\n\n if ($(\".order-thank-you-msg\").length && !localStorage.getItem(\"wasPurchaseTriggered\")) {\n gtm.checkoutEvents(\"purchase\");\n localStorage.setItem(\"wasPurchaseTriggered\", true);\n }\n\n $(\".product-tile .tile-image, .product-tile .pdp-link\").on(\"click\", function () {\n const $product = $(this).closest(\".product-tile\");\n gtm.selectItem($product);\n });\n\n }\n};\n","\"use strict\";\n\nvar base = require(\"../product/base\");\nvar focusHelper = require(\"base/components/focus\");\nconst { initPopover } = require(\"../../js/utils/popoverUtils\");\nvar shippingHelpers = require(\"../checkout/shipping\");\nconst { updateCountryInputValue, methods } = require(\"../addressBook/addressBook\");\nconst { initCarousel } = require(\"ahumada/components/carousels\");\nvar utilMask = require(\"ahumada/utils/masks\");\nvar formValidation = require(\"../components/formValidation\");\nvar utilsServices = require (\"../utils/utilsServices\");\nvar gtm = require(\"../gtm\");\nconst { functions: { clearForm } } = require(\"../components/clientSideValidation\");\n\n// CONSTANTS\nconst $notificationAlert = $(\".notification-alert\");\n\n/**\n * appends params to a url\n * @param {string} url - Original url\n * @param {Object} params - Parameters to append\n * @returns {string} result url with appended parameters\n */\nfunction appendToUrl(url, params) {\n var newUrl = url;\n newUrl += (newUrl.indexOf(\"?\") !== -1 ? \"&\" : \"?\") + Object.keys(params).map(function (key) {\n return key + \"=\" + encodeURIComponent(params[key]);\n }).join(\"&\");\n\n return newUrl;\n}\n\n/**\n* Serializes the address modal data from a form\n* @param {Object} form - the form to serialize\n* @returns {string} - the serialized form data\n*/\nfunction serializeAddressModalData(form) {\n var filteredArray = form.serializeArray()\n .filter(field => !(field.name.includes(\"_country\") && field.value.length > 2));\n\n return $.param(filteredArray);\n}\n\n/**\n * Checks whether the basket is valid. if invalid displays error message and disables\n * checkout button\n * @param {Object} data - AJAX response from the server\n */\nfunction validateBasket(data) {\n if (data.valid.error) {\n if (data.valid.message) {\n var errorHtml = \"
\" +\n \"\" + data.valid.message + \"
\";\n\n $(\".cart-error\").append(errorHtml);\n } else if (!(\"isFulfilledByAhumada\" in data.valid)) {\n $(\".cart\").empty().append(\" \" +\n \"
\"\n );\n $(\".number-of-items\").empty().append(data.resources.numberOfItems);\n $(\".minicart-quantity\").empty().append(data.numItems);\n $(\".minicart-link\").attr({\n \"aria-label\": data.resources.minicartCountOfItems,\n title: data.resources.minicartCountOfItems\n });\n $(\".minicart .popover\").empty();\n $(\".minicart .popover\").removeClass(\"show\");\n }\n }\n\n $(\".checkout-btn\", \".cart-page\").toggleClass(\"disabled\", !data.shippable);\n $(\".error-no-address\").toggleClass(\"d-none\", data.shippable);\n\n var blockCheckout = $(\".checkout-btn\").attr(\"data-block-checkout\");\n\n if (blockCheckout && blockCheckout == \"true\") {\n $(\".checkout-btn\").addClass(\"disabled\");\n } else {\n $(\".checkout-btn\").removeClass(\"disabled\");\n }\n}\n\n/**\n * re-renders the order totals and the number of items in the cart\n * @param {Object} data - AJAX response from the server\n */\nfunction updateCartTotals(data) {\n $(\".number-of-items\").empty().append(data.resources.numberOfItems);\n $(\".shipping-cost\").empty().append(data.totals.totalShippingCost);\n $(\".tax-total\").empty().append(data.totals.totalTax);\n $(\".grand-total\").empty().append(data.totals.grandTotal);\n $(\".sub-total\").empty().append(data.totals.subTotal);\n $(\".minicart-quantity\").empty().append(data.numItems);\n $(\".minicart-link\").attr({\n \"aria-label\": data.resources.minicartCountOfItems,\n title: data.resources.minicartCountOfItems\n });\n if (data.totals.orderLevelDiscountTotal.value > 0) {\n $(\".order-discount\").removeClass(\"hide-order-discount\");\n $(\".order-discount-total\").empty()\n .append(\"- \" + data.totals.orderLevelDiscountTotal.formatted);\n } else {\n $(\".order-discount\").addClass(\"hide-order-discount\");\n }\n\n if (data.totals.shippingLevelDiscountTotal.value > 0) {\n $(\".shipping-discount\").removeClass(\"hide-shipping-discount\");\n $(\".shipping-discount-total\").empty().append(\"- \" +\n data.totals.shippingLevelDiscountTotal.formatted);\n } else {\n $(\".shipping-discount\").addClass(\"hide-shipping-discount\");\n }\n\n let allLineItems = {};\n let quantitySelector;\n\n data.items.forEach(function (item) {\n $(\".item-\" + item.UUID).empty().append(item.renderedPromotions);\n $(\".uuid-\" + item.UUID + \" .unit-price\").empty().append(item.renderedPrice);\n $(\".item-total-\" + item.UUID).empty().append(item.priceTotal.renderedPrice);\n\n quantitySelector = $(\"[name=quantity-\" + item.UUID + \"]\");\n if (quantitySelector.length && quantitySelector.data(\"max\")) {\n var maxQuantity = parseInt(quantitySelector.data(\"max\"), 10);\n var isFulfilledByAhumada = parseInt($(\"option:selected\", quantitySelector).val(), 10) <= maxQuantity;\n allLineItems[item.UUID] = isFulfilledByAhumada;\n if (isFulfilledByAhumada) {\n quantitySelector.removeClass(\"is-invalid\");\n quantitySelector.next(\".invalid-feedback\").remove();\n }\n }\n });\n\n if (!Object.values(allLineItems).includes(false)) {\n $(\".cart-out-of-stock-card\").remove();\n }\n\n $(\".coupons-and-promos\").empty().append(data.totals.discountsHtml);\n $(\".js-applied-promotions\").empty().append(data.totals.appliedPromotionsHtml);\n}\n\n/**\n * re-renders the order totals and the number of items in the cart\n * @param {Object} message - Error message to display\n */\nfunction createErrorNotification(message) {\n var errorHtml = \" \" +\n data.resources.emptyCartMsg +\n \"
\" +\n \"\" +\n \"\" + message + \"
\";\n\n $(\".cart-error\").append(errorHtml);\n}\n\n/**\n * re-renders the approaching discount messages\n * @param {Object} approachingDiscounts - updated approaching discounts for the cart\n */\nfunction updateApproachingDiscounts(approachingDiscounts) {\n var html = \"\";\n $(\".approaching-discounts\").empty();\n if (approachingDiscounts.length > 0) {\n approachingDiscounts.forEach(function (item) {\n html += \"\"\n + item.discountMsg + \"
\";\n });\n }\n $(\".approaching-discounts\").append(html);\n}\n\n/**\n * Updates the availability of a product line item\n * @param {Object} data - AJAX response from the server\n * @param {string} uuid - The uuid of the product line item to update\n */\nfunction updateAvailability(data, uuid) {\n var lineItem;\n var messages = \"\";\n\n for (var i = 0; i < data.items.length; i++) {\n if (data.items[i].UUID === uuid) {\n lineItem = data.items[i];\n break;\n }\n }\n\n if (lineItem != null) {\n $(\".availability-\" + lineItem.UUID).empty();\n\n if (lineItem.availability) {\n if (lineItem.availability.messages) {\n lineItem.availability.messages.forEach(function (message) {\n messages += \"\" + message + \"
\";\n });\n }\n\n if (lineItem.availability.inStockDate) {\n messages += \"\"\n + lineItem.availability.inStockDate\n + \"
\";\n }\n }\n\n $(\".availability-\" + lineItem.UUID).html(messages);\n }\n}\n\n/**\n * Finds an element in the array that matches search parameter\n * @param {array} array - array of items to search\n * @param {function} match - function that takes an element and returns a boolean indicating if the match is made\n * @returns {Object|null} - returns an element of the array that matched the query.\n */\nfunction findItem(array, match) { // eslint-disable-line no-unused-vars\n for (var i = 0, l = array.length; i < l; i++) {\n if (match.call(this, array[i])) {\n return array[i];\n }\n }\n return null;\n}\n\n/**\n * Updates details of a product line item\n * @param {Object} data - AJAX response from the server\n * @param {string} uuid - The uuid of the product line item to update\n */\nfunction updateProductDetails(data, uuid) {\n $(\".card.product-info.uuid-\" + uuid).replaceWith(data.renderedTemplate);\n}\n\n/**\n * Generates the modal window on the first call.\n *\n */\nfunction getModalHtmlElement() {\n if ($(\"#editProductModal\").length !== 0) {\n $(\"#editProductModal\").remove();\n }\n var htmlString = \"\"\n + \"\"\n + \"\"\n + \"
\";\n $(\"body\").append(htmlString);\n}\n\n/**\n * Parses the html for a modal window\n * @param {string} html - representing the body and footer of the modal window\n *\n * @return {Object} - Object with properties body and footer.\n */\nfunction parseHtml(html) {\n var $html = $(\"\"\n + \"\"\n + \"\"\n + \"
\"\n + \"\").append($.parseHTML(html));\n\n var body = $html.find(\".product-quickview\");\n var footer = $html.find(\".modal-footer\").children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * replaces the content in the modal window for product variation to be edited.\n * @param {string} editProductUrl - url to be used to retrieve a new product model\n */\nfunction fillModalElement(editProductUrl) {\n $(\".modal-body\").spinner().start();\n $.ajax({\n url: editProductUrl,\n method: \"GET\",\n dataType: \"json\",\n success: function (data) {\n var parsedHtml = parseHtml(data.renderedTemplate);\n\n $(\"#editProductModal .modal-body\").empty();\n $(\"#editProductModal .modal-body\").html(parsedHtml.body);\n $(\"#editProductModal .modal-footer\").html(parsedHtml.footer);\n $(\"#editProductModal .modal-header .close .sr-only\").text(data.closeButtonText);\n $(\"#editProductModal .enter-message\").text(data.enterDialogMessage);\n $(\"#editProductModal\").modal(\"show\");\n $(\"body\").trigger(\"editproductmodal:ready\");\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\n/**\n * replace content of modal\n * @param {string} actionUrl - url to be used to remove product\n * @param {string} productID - pid\n * @param {string} productName - product name\n * @param {string} uuid - uuid\n */\nfunction confirmDelete(actionUrl, productID, productName, uuid) {\n var $deleteConfirmBtn = $(\".cart-delete-confirmation-btn\");\n var $productToRemoveSpan = $(\".product-to-remove\");\n\n $deleteConfirmBtn.data(\"pid\", productID);\n $deleteConfirmBtn.data(\"action\", actionUrl);\n $deleteConfirmBtn.data(\"uuid\", uuid);\n\n $productToRemoveSpan.empty().append(productName);\n}\n\n/**\n * Deletes items from the shopping cart and updates the cart UI accordingly\n * @param {string} url - the URL to send the delete request to\n * @param {string} uuid - the UUID of the item to be deleted (optional)\n * @returns {void}\n */\nfunction deleteItemsFromBasket(url, uuid) {\n $.ajax({\n url: url,\n type: \"get\",\n dataType: \"json\",\n /**\n * Success callback function for an AJAX request to update the cart\n * @param {Object} data - The response data from the AJAX request\n */\n success: function (data) {\n var uuidsToBeDeleted = data.toBeDeletedUUIDs;\n\n if (uuidsToBeDeleted && uuidsToBeDeleted.length > 0) {\n for (var i = 0; i < uuidsToBeDeleted.length; i++) {\n uuid = uuidsToBeDeleted[i];\n\n var isMinicart = $(\".uuid-\" + uuid).parents(\".minicart\").length;\n var gtmProductWrapper = isMinicart ? $(\".uuid-\" + uuid).find(\".product-line-item\") : $(\".uuid-\" + uuid);\n var quantitySelect = $(\".uuid-\" + uuid).find(\"select.quantity\");\n var quantity = quantitySelect.val();\n gtm.removeFromCart(gtmProductWrapper, quantity, isMinicart);\n }\n }\n\n if (data.basket.items.length === 0) {\n $(\".cart\").empty().append(\"
\"));\n } else {\n feedbackElement.html(payload.fields[key]);\n }\n feedbackElement.siblings(\".form-control\").addClass(\"is-invalid\");\n }\n }\n });\n\n // Scroll to the first invalid field\n if ($(formElement).find(\".form-control.is-invalid\").length) {\n $(formElement).find(\".form-control.is-invalid\")[0].scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n }\n }\n if (payload && payload.error) {\n var form = $(formElement).prop(\"tagName\") === \"FORM\"\n ? $(formElement)\n : $(formElement).parents(\"form\");\n\n form.prepend(\"
\" +\n \"
\"\n );\n $(\".number-of-items\").empty().append(data.basket.resources.numberOfItems);\n $(\".minicart-quantity\").empty().append(data.basket.numItems);\n $(\".minicart-link\").attr({\n \"aria-label\": data.basket.resources.minicartCountOfItems,\n title: data.basket.resources.minicartCountOfItems\n });\n $(\".minicart .popover\").empty();\n $(\".minicart .popover\").removeClass(\"show\");\n $(\"body\").removeClass(\"modal-open\");\n $(\"html\").removeClass(\"veiled\");\n } else {\n if (uuidsToBeDeleted && uuidsToBeDeleted.length > 0) {\n for (var j = 0; j < uuidsToBeDeleted.length; j++) {\n $(\".uuid-\" + uuidsToBeDeleted[j]).remove();\n }\n } else if (uuid) {\n $(\".uuid-\" + uuid).remove();\n }\n\n if (!data.basket.hasBonusProduct) {\n $(\".bonus-product\").remove();\n }\n $(\".coupons-and-promos\").empty().append(data.basket.totals.discountsHtml);\n updateCartTotals(data.basket);\n updateApproachingDiscounts(data.basket.approachingDiscounts);\n $(\"body\").trigger(\"setShippingMethodSelection\", data.basket);\n validateBasket(data.basket);\n }\n\n $(\"body\").trigger(\"cart:update\", data);\n\n if (!uuid) {\n $(\".cart-out-of-stock-card\").remove();\n }\n //$.spinner().stop();\n window.location.reload();\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n }\n });\n}\n\nmodule.exports = function () {\n $(\"body\").on(\"click\", \".remove-product\", function (e) {\n e.preventDefault();\n\n var actionUrl = $(this).data(\"action\");\n var productID = $(this).data(\"pid\");\n var productName = $(this).data(\"name\");\n var uuid = $(this).data(\"uuid\");\n confirmDelete(actionUrl, productID, productName, uuid);\n });\n\n $(\"body\").on(\"afterRemoveFromCart\", function (e, data) {\n e.preventDefault();\n confirmDelete(data.actionUrl, data.productID, data.productName, data.uuid);\n });\n\n $(\".optional-promo\").on(\"click\", function (e) {\n e.preventDefault();\n $(\".promo-code-form\").toggle();\n });\n\n $(\"body\").on(\"click\", \".cart-delete-confirmation-btn\", function (e) {\n e.preventDefault();\n\n var productID = $(this).data(\"pid\");\n var url = $(this).data(\"action\");\n var uuid = $(this).data(\"uuid\");\n var urlParams = {\n pid: productID,\n uuid: uuid\n };\n\n url = appendToUrl(url, urlParams);\n\n $(\"body > .modal-backdrop\").remove();\n\n $.spinner().start();\n\n $(\"body\").trigger(\"cart:beforeUpdate\");\n\n deleteItemsFromBasket(url, uuid);\n });\n\n $(\"body\").on(\"change\", \".quantity-form > .quantity\", function () {\n var preSelectQty = $(this).attr(\"data-pre-select-qty\");\n var quantity = $(this).val();\n var productID = $(this).data(\"pid\");\n var url = $(this).data(\"action\");\n var uuid = $(this).data(\"uuid\");\n const isMinicart = $(this).parents(\".minicart\").length;\n const $productContainer = $(this).parents(\".minicart\").length ? $(this).closest(\".product-line-item\") : $(this).closest(\".product-info\");\n\n var urlParams = {\n pid: productID,\n quantity: quantity,\n uuid: uuid\n };\n url = appendToUrl(url, urlParams);\n\n $.spinner().start();\n $(\"body\").trigger(\"cart:beforeUpdate\");\n\n $.ajax({\n url: url,\n type: \"get\",\n context: this,\n dataType: \"json\",\n success: function (data) {\n $(\".quantity[data-uuid=\\\"\" + uuid + \"\\\"]\").val(quantity);\n $(\".coupons-and-promos\").empty().append(data.totals.discountsHtml);\n updateCartTotals(data);\n updateApproachingDiscounts(data.approachingDiscounts);\n updateAvailability(data, uuid);\n validateBasket(data);\n if (quantity > Number(preSelectQty)) {\n gtm.addToCart($productContainer, \"cart\", quantity - Number(preSelectQty), isMinicart);\n } else if (quantity < Number(preSelectQty)) {\n gtm.removeFromCart($productContainer, Number(preSelectQty) - quantity, isMinicart);\n }\n $(this).attr(\"data-pre-select-qty\", quantity);\n\n $(\"body\").trigger(\"cart:update\", data);\n \n $.spinner().stop();\n if ($(this).parents(\".product-info\").hasClass(\"bonus-product-line-item\") && $(\".cart-page\").length) {\n location.reload();\n }\n\n var blockCheckout = $(\".checkout-btn\").attr(\"data-block-checkout\");\n\n if (blockCheckout) {\n $(\".checkout-btn\").prop(\"disabled\", true);\n } else {\n $(\".checkout-btn\").prop(\"disabled\", false);\n }\n\n\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n createErrorNotification(err.responseJSON.errorMessage);\n $(this).val(parseInt(preSelectQty, 10));\n $.spinner().stop();\n }\n }\n });\n });\n\n $(\".shippingMethods\").on(\"change\", function () {\n var url = $(this).attr(\"data-actionUrl\");\n var urlParams = {\n methodID: $(this).find(\":selected\").attr(\"data-shipping-id\")\n };\n\n $(\".totals\").spinner().start();\n $(\"body\").trigger(\"cart:beforeShippingMethodSelected\");\n $.ajax({\n url: url,\n type: \"post\",\n dataType: \"json\",\n data: urlParams,\n success: function (data) {\n if (data.error) {\n window.location.href = data.redirectUrl;\n } else {\n $(\".coupons-and-promos\").empty().append(data.totals.discountsHtml);\n updateCartTotals(data);\n updateApproachingDiscounts(data.approachingDiscounts);\n validateBasket(data);\n }\n\n $(\"body\").trigger(\"cart:shippingMethodSelected\", data);\n $.spinner().stop();\n },\n error: function (err) {\n if (err.redirectUrl) {\n window.location.href = err.redirectUrl;\n } else {\n createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n }\n });\n });\n\n $(\".falabella-code-form\").on(\"submit\", function (e) {\n e.preventDefault();\n $.spinner().start();\n var $form = $(this);\n var formData = $form.serialize();\n\n $(\".falabella-error-message\").hide();\n $(\".falabella-code-form .form-control\").removeClass(\"is-invalid\");\n\n $.ajax({\n url: $form.attr(\"action\"),\n type: \"GET\",\n dataType: \"json\",\n data: formData,\n success: function (data) {\n $(\"#falabellaCode\").val(data.falabellaCode);\n\n if (data.error) {\n $(\".falabella-code-form .form-control\").attr(\"aria-describedby\", \"invalidFalabellaCode\");\n $(\".falabella-error-message\").show();\n } else {\n updateCartTotals(data.basket);\n validateBasket(data.basket);\n\n $(\".falabella-code-btn-add\").addClass(\"d-none\");\n $(\".falabella-code-btn-remove\").removeClass(\"d-none\");\n }\n\n $.spinner().stop();\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n $(\".falabella-code-form .form-control\").attr(\"aria-describedby\", \"invalidFalabellaCode\");\n $(\".falabella-error-message\").show();\n $.spinner().stop();\n }\n }\n });\n return false;\n });\n\n $(\"body\").on(\"click\", \".falabella-code-btn-remove\", function (e) {\n e.preventDefault();\n $.spinner().start();\n var url = $(this).data(\"action\");\n\n $.ajax({\n url: url,\n type: \"get\",\n dataType: \"json\",\n success: function (data) {\n updateCartTotals(data);\n validateBasket(data);\n $(\"#falabellaCode\").val(\"\");\n $(\".falabella-code-btn-add\").removeClass(\"d-none\");\n $(\".falabella-code-btn-remove\").addClass(\"d-none\");\n $.spinner().stop();\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n utilsServices.createErrorNotification(err.responseJSON.errorMessage, $notificationAlert, true, 3000);\n $.spinner().stop();\n }\n }\n });\n });\n\n $(\".promo-code-form\").on(\"submit\", function (e) {\n e.preventDefault();\n $.spinner().start();\n var $form = $(this);\n var formData = $form.serialize();\n $(\".coupon-error-message\").hide();\n $(\".promo-code-form .form-control\").removeClass(\"is-invalid\");\n\n $.ajax({\n url: $form.attr(\"action\"),\n type: \"GET\",\n dataType: \"json\",\n data: formData,\n success: function (data) {\n validateBasket(data.basket);\n updateCartTotals(data.basket);\n updateApproachingDiscounts(data.basket.approachingDiscounts);\n $(\".coupons-and-promos\").empty().append(data.basket.totals.discountsHtml);\n $(\"#couponCode\").val(data.couponCode);\n $(\"body\").trigger(\"cart:update\", data.basket);\n\n if (data.error) {\n $(\".promo-code-form .form-control\").attr(\"aria-describedby\", \"invalidCouponCode\");\n $(\".coupon-error-message\").show();\n } else {\n $(\".add-coupon-button\").addClass(\"d-none\");\n $(\".remove-coupon-button\").removeClass(\"d-none\");\n }\n\n $.spinner().stop();\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n $(\".promo-code-form .form-control\").attr(\"aria-describedby\", \"invalidCouponCode\");\n $(\".coupon-error-message\").show();\n $.spinner().stop();\n }\n }\n });\n return false;\n });\n\n $(\"body\").on(\"click\", \".remove-coupon-button\", function (e) {\n e.preventDefault();\n $.spinner().start();\n var url = $(this).data(\"action\");\n\n $.ajax({\n url: url,\n type: \"get\",\n dataType: \"json\",\n success: function (data) {\n validateBasket(data);\n updateCartTotals(data);\n updateApproachingDiscounts(data.approachingDiscounts);\n $(\".coupons-and-promos\").empty().append(data.totals.discountsHtml);\n\n if (data.error) {\n utilsServices.createErrorNotification(data.message, $notificationAlert, true, 3000);\n } else {\n $(\"#couponCode\").val(\"\");\n $(\".add-coupon-button\").removeClass(\"d-none\");\n $(\".remove-coupon-button\").addClass(\"d-none\");\n }\n\n $(\"body\").trigger(\"cart:update\", data);\n $.spinner().stop();\n \n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n utilsServices.createErrorNotification(err.responseJSON.errorMessage, $notificationAlert, true, 3000);\n\n $.spinner().stop();\n }\n }\n });\n });\n\n $(\"body\").on(\"click\", \".cart-page .bonus-product-button\", function () {\n $.spinner().start();\n $(this).addClass(\"launched-modal\");\n $.ajax({\n url: $(this).data(\"url\"),\n method: \"GET\",\n dataType: \"json\",\n success: function (data) {\n base.methods.editBonusProducts(data);\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n\n $(\"body\").on(\"hidden.bs.modal\", \"#chooseBonusProductModal\", function () {\n $(\"#chooseBonusProductModal\").remove();\n $(\".modal-backdrop\").remove();\n $(\"body\").removeClass(\"modal-open\");\n\n if ($(\".cart-page\").length) {\n $(\".launched-modal .btn-outline-primary\").trigger(\"focus\");\n $(\".launched-modal\").removeClass(\"launched-modal\");\n } else {\n $(\".product-detail .add-to-cart\").focus();\n }\n });\n\n $(\"body\").on(\"click\", \".cart-page .product-edit .edit, .cart-page .bundle-edit .edit\", function (e) {\n e.preventDefault();\n\n var editProductUrl = $(this).attr(\"href\");\n getModalHtmlElement();\n fillModalElement(editProductUrl);\n });\n\n $(\"body\").on(\"shown.bs.modal\", \"#editProductModal\", function () {\n $(\"#editProductModal\").siblings().attr(\"aria-hidden\", \"true\");\n $(\"#editProductModal .close\").focus();\n });\n\n $(\"body\").on(\"hidden.bs.modal\", \"#editProductModal\", function () {\n $(\"#editProductModal\").siblings().attr(\"aria-hidden\", \"false\");\n });\n\n $(\"body\").on(\"keydown\", \"#editProductModal\", function (e) {\n var focusParams = {\n event: e,\n containerSelector: \"#editProductModal\",\n firstElementSelector: \".close\",\n lastElementSelector: \".update-cart-product-global\",\n nextToLastElementSelector: \".modal-footer .quantity-select\"\n };\n focusHelper.setTabNextFocus(focusParams);\n });\n\n $(\"body\").on(\"product:updateAddToCart\", function (e, response) {\n // update global add to cart (single products, bundles)\n var dialog = $(response.$productContainer)\n .closest(\".quick-view-dialog\");\n\n $(\".update-cart-product-global\", dialog).attr(\"disabled\",\n !$(\".global-availability\", dialog).data(\"ready-to-order\")\n || !$(\".global-availability\", dialog).data(\"available\")\n );\n });\n\n $(\"body\").on(\"product:updateAvailability\", function (e, response) {\n // bundle individual products\n $(\".product-availability\", response.$productContainer)\n .data(\"ready-to-order\", response.product.readyToOrder)\n .data(\"available\", response.product.available)\n .find(\".availability-msg\")\n .empty()\n .html(response.message);\n\n\n var dialog = $(response.$productContainer)\n .closest(\".quick-view-dialog\");\n\n if ($(\".product-availability\", dialog).length) {\n // bundle all products\n var allAvailable = $(\".product-availability\", dialog).toArray()\n .every(function (item) { return $(item).data(\"available\"); });\n\n var allReady = $(\".product-availability\", dialog).toArray()\n .every(function (item) { return $(item).data(\"ready-to-order\"); });\n\n $(\".global-availability\", dialog)\n .data(\"ready-to-order\", allReady)\n .data(\"available\", allAvailable);\n\n $(\".global-availability .availability-msg\", dialog).empty()\n .html(allReady ? response.message : response.resources.info_selectforstock);\n } else {\n // single product\n $(\".global-availability\", dialog)\n .data(\"ready-to-order\", response.product.readyToOrder)\n .data(\"available\", response.product.available)\n .find(\".availability-msg\")\n .empty()\n .html(response.message);\n }\n });\n\n $(\"body\").on(\"product:afterAttributeSelect\", function (e, response) {\n if ($(\".modal.show .product-quickview .bundle-items\").length) {\n $(\".modal.show\").find(response.container).data(\"pid\", response.data.product.id);\n $(\".modal.show\").find(response.container).find(\".product-id\").text(response.data.product.id);\n } else {\n $(\".modal.show .product-quickview\").data(\"pid\", response.data.product.id);\n }\n });\n\n $(\"body\").on(\"change\", \".quantity-select\", function () {\n var selectedQuantity = $(this).val();\n $(\".modal.show .update-cart-url\").data(\"selected-quantity\", selectedQuantity);\n });\n\n $(\"body\").on(\"change\", \".options-select\", function () {\n var selectedOptionValueId = $(this).children(\"option:selected\").data(\"value-id\");\n $(\".modal.show .update-cart-url\").data(\"selected-option\", selectedOptionValueId);\n });\n\n $(\"body\").on(\"click\", \".update-cart-product-global\", function (e) {\n e.preventDefault();\n\n var updateProductUrl = $(this).closest(\".cart-and-ipay\").find(\".update-cart-url\").val();\n var selectedQuantity = $(this).closest(\".cart-and-ipay\").find(\".update-cart-url\").data(\"selected-quantity\");\n var selectedOptionValueId = $(this).closest(\".cart-and-ipay\").find(\".update-cart-url\").data(\"selected-option\");\n var uuid = $(this).closest(\".cart-and-ipay\").find(\".update-cart-url\").data(\"uuid\");\n\n var form = {\n uuid: uuid,\n pid: base.getPidValue($(this)),\n quantity: selectedQuantity,\n selectedOptionValueId: selectedOptionValueId\n };\n\n $(this).parents(\".card\").spinner().start();\n\n $(\"body\").trigger(\"cart:beforeUpdate\");\n\n if (updateProductUrl) {\n $.ajax({\n url: updateProductUrl,\n type: \"post\",\n context: this,\n data: form,\n dataType: \"json\",\n success: function (data) {\n $(\"#editProductModal\").modal(\"hide\");\n\n $(\".coupons-and-promos\").empty().append(data.cartModel.totals.discountsHtml);\n updateCartTotals(data.cartModel);\n updateApproachingDiscounts(data.cartModel.approachingDiscounts);\n updateAvailability(data.cartModel, uuid);\n updateProductDetails(data, uuid);\n\n if (data.uuidToBeDeleted) {\n $(\".uuid-\" + data.uuidToBeDeleted).remove();\n }\n\n validateBasket(data.cartModel);\n\n $(\"body\").trigger(\"cart:update\", data);\n $.spinner().stop();\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n }\n });\n }\n });\n\n $(\".checkout-btn\").on(\"click\", function (e) {\n if ($(\"#conveniosSelect\").val() === null) {\n //Show error message\n e.preventDefault();\n }\n\n if ($(\".address-container.noaddress\").length > 0) {\n $(\".error-no-address\").removeClass(\"d-none\");\n } else {\n $(\".error-no-address\").addClass(\"d-none\");\n }\n \n });\n\n $(\"#conveniosSelect\").on(\"change\", function () {\n var selectedValue = $(this).val();\n var url = $(this).data(\"url\");\n\n $.spinner().start();\n\n $.ajax({\n url: url,\n type: \"post\",\n dataType: \"json\",\n data: { convenio: selectedValue },\n success: function () {\n window.location.reload();\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n utilsServices.createErrorNotification(err.responseJSON.errorMessage, $notificationAlert, true, 3000);\n $.spinner().stop();\n }\n }\n });\n });\n\n $(\".edit-address-modal\").on(\"click\", function () {\n const $modalHeader = $(\".modal-header h5\");\n const resource = $(this).data(\"resource\");\n\n $modalHeader.text(resource);\n });\n\n /**\n * Event handler for opening the address modal\n * @param {Object} $this - the clicked element\n * @param {boolean} isEditBtn - whether the clicked element is an edit button\n * @param {Object} $form - the address form inside the modal\n * @param {Object} $address - the selected address option\n * @param {Object} addressData - the data associated with the selected address\n * @param {boolean} isGuest - whether the customer is a guest\n * @param {Object} $addressBookModal - the address book modal\n * @param {Object} $addAddressModal - the add address modal\n */\n $(\".js-open-edit-address-modal, .edit-address-modal-btn\").on(\"click\", function () {\n const $this = $(this);\n const isEditBtn = $this.data(\"edit-btn\") || false;\n const isEditBtnModal = $this.data(\"modal-edit-btn\") || false;\n const isAddNewAddress = $this.data(\"add-new-address\") || false;\n const $form = $(\".address-form\", \".modal\");\n const $address = isEditBtn ? $(\".js-cart-address\") : $(\".address option:selected\", \".modal\");\n const addressData = $address.data();\n const isGuest = $(\".is-guest-customer\").val() === \"true\";\n const isReadOnly = $this.data(\"readonly\") !== undefined ? $this.data(\"readonly\") : true;\n const $modalHeader = $(\".modal-header h5\");\n const resource = $this.data(\"resource\");\n const $phone = $(\"#phone\");\n const $rut = $(\".form-rut-field\");\n const $readOnlyFields = $(\"#rut, #addressId\");\n const readOnlyClass = \"readonly\";\n\n // Remove all previous errors\n clearForm($form);\n\n // Remove masks to re-apply when the modal is open\n $phone.unmask();\n $rut.unmask();\n\n setTimeout(()=>{\n $modalHeader.text(resource);\n }, 200);\n\n if ([isEditBtn, isGuest, isEditBtnModal].includes(true)) {\n $form.attr(\"data-type\", \"edit\");\n methods.populateForm($form, addressData ? addressData : $this.data());\n\n // Re-apply masks\n utilMask.maskPhone($phone);\n utilMask.maskRUT($rut);\n\n if (!isGuest && isReadOnly) {\n $readOnlyFields.addClass(readOnlyClass).attr(\"readonly\", true);\n }\n\n } else if (isAddNewAddress) {\n const { rut } = addressData;\n $form.attr(\"data-type\", \"new\");\n $form.find(\"input:not([type='hidden'])\").val(\"\");\n $readOnlyFields.removeClass(readOnlyClass).removeAttr(\"readonly\");\n // Remove google suggestions container\n $(\".pac-container\").hide();\n\n if (!isGuest) {\n $rut.addClass(readOnlyClass).val(rut).attr(\"readonly\", true);\n }\n } else {\n $form.attr(\"data-type\", \"\");\n }\n\n updateCountryInputValue();\n // Re-apply masks\n utilMask.maskPhone($phone);\n utilMask.maskRUT($rut);\n\n const $addressBookModal = $(\"#addressBookModal\");\n const $addAddressModal = $(\"#addAddressModal\");\n\n $addressBookModal.modal(\"hide\");\n $addAddressModal.modal(\"show\");\n\n });\n\n $(\"#addAddressModal\").on(\"shown.bs.modal\", function () {\n $(\"body\").addClass(\"modal-open\");\n shippingHelpers.methods.initAddressModalHandlers();\n });\n\n $(\"#addAddressModal\").on(\"hidden.bs.modal\", function () {\n // Remove google suggestions container\n $(\".pac-container\").hide();\n });\n\n /**\n * Event handler for the address confirmation modal\n * @param {Object} $form - the form element\n * @param {Object} $address - the selected address element\n * @param {Object} addressData - the data associated with the selected address\n * @param {Object} $addressBookModal - the address book modal element\n * @param {string} url - the URL for the AJAX request\n * @returns {Object} data - the response data from the AJAX request\n */\n $(\".js-address-confirm-modal\").on(\"click\", function () {\n const $form = $(\"form.address-form\");\n const $address = $(\".address option:selected\");\n const addressData = $address.length ? $address.data() : \"\";\n const $addressBookModal = $(\"#addressBookModal\");\n const url = $(this).data(\"url\") + \"?isConfirmation=true\";\n\n methods.populateForm($form, addressData);\n updateCountryInputValue();\n\n $.ajax({\n url: url,\n type: \"post\",\n dataType: \"json\",\n data: serializeAddressModalData($form),\n success(data) {\n if (!data.success) {\n formValidation($form, data);\n\n return;\n }\n\n const shippingAddress = data.order.shipping[0].shippingAddress;\n const customerInfo = data.order.customer;\n\n shippingHelpers.methods.populateCartAddressCard(shippingAddress, customerInfo);\n $addressBookModal.modal(\"hide\");\n },\n error(err) {\n utilsServices.createErrorNotification(err.message, $notificationAlert, true, 300);\n }\n });\n });\n\n $(\".remove-out-of-stock-btn\").on(\"click\", function () {\n var url = $(\".remove-all-products\").data(\"url\");\n\n $.spinner().start();\n\n deleteItemsFromBasket(url);\n });\n\n base.selectAttribute();\n base.selectSizeAttribute();\n base.colorAttribute();\n base.removeBonusProduct();\n base.selectBonusProduct();\n base.enableBonusProductSelection();\n base.showMoreBonusProducts();\n base.addBonusProductsToCart();\n base.focusChooseBonusProductModal();\n base.trapChooseBonusProductModalFocus();\n base.onClosingChooseBonusProductModal();\n initPopover();\n\n initCarousel(\".recommendations-1 .ahumada-recommendation-carousel\", {}, \".recommendations-1 .ahumada-recommendation-carousel-wrapper\");\n initCarousel(\".recommendations-2 .ahumada-recommendation-carousel\", {}, \".recommendations-2 .ahumada-recommendation-carousel-wrapper\");\n};\n","\"use strict\";\n\nconst { Datepicker } = require(\"vanillajs-datepicker\");\nconst spanishLocale = {\n es: {\n days: [\"Domingo\", \"Lunes\", \"Martes\", \"Miércoles\", \"Jueves\", \"Viernes\", \"Sábado\"],\n daysShort: [\"Dom\", \"Lun\", \"Mar\", \"Mié\", \"Jue\", \"Vie\", \"Sáb\"],\n daysMin: [\"Do\", \"Lu\", \"Ma\", \"Mi\", \"Ju\", \"Vi\", \"Sa\"],\n months: [\"Enero\", \"Febrero\", \"Marzo\", \"Abril\", \"Mayo\", \"Junio\", \"Julio\", \"Agosto\", \"Septiembre\", \"Octubre\", \"Noviembre\", \"Diciembre\"],\n monthsShort: [\"Ene\", \"Feb\", \"Mar\", \"Abr\", \"May\", \"Jun\", \"Jul\", \"Ago\", \"Sep\", \"Oct\", \"Nov\", \"Dic\"],\n today: \"Hoy\",\n monthsTitle: \"Meses\",\n clear: \"Borrar\",\n weekStart: 1,\n format: \"dd/mm/yyyy\"\n }\n};\n\nconst prevArrow = \"\";\n\nconst nextArrow = \"\";\n\nObject.assign(Datepicker.locales, spanishLocale);\n\n/**\n* Formats the given date into a string\n* @param {Date} date - the date to be formatted\n* @returns {string} - the formatted date in the form of MM/DD/YYYY\n*/\nfunction formatDate(date) {\n try {\n if (typeof date === \"string\") {\n if (/[a-zA-Z]/.test(date)) {\n date = new Date();\n } else {\n date = new Date(date.indexOf(\"/\") !== -1 ? date.split(\"/\").reverse().join(\"-\") : date);\n }\n }\n } catch (err) {\n date = new Date();\n }\n\n return date.toISOString().split(\"T\")[0].split(\"-\").reverse().join(\"/\");\n}\n\n/**\n* Formats the given date array\n* @param {Array} dates - array of dates to be formatted\n* @returns {Array} - array of formatted dates\n*/\nfunction formatDateArray(dates) {\n return dates.map(date => {\n return formatDate(date);\n });\n}\n\n/**\n* Checks if the given date is valid\n* @param {Date} date - the date to be checked\n* @param {Array} weekdays - array of valid weekdays\n* @returns {boolean} - whether the given date is valid\n*/\nfunction isDayValid(date, weekdays) {\n const day = new Date(date).getDay();\n return weekdays.includes(day);\n}\n\n/**\n* Calculates the minimum start date for the custom datepicker\n* @param {number} daysToDeliver - Number of days to deliver\n* @param {Array} nonWorkingDays - Array of non working days\n* @param {Array} nonWorkingDates - Array of non working dates\n* @returns {Date} - The minimum start date\n*/\nfunction minStartDate(element) {\n const daysToDeliver = +element.dataset.daysToDeliver || 0;\n const isStoreClosedNow = element.dataset.isStoreClosedNow == \"true\" || false;\n const nonWorkingDays = JSON.parse(element.dataset.nonWorkingDays) ? Array.from(JSON.parse(element.dataset.nonWorkingDays)) : [];\n const nonWorkingDates = JSON.parse(element.dataset.nonWorkingDates) ? Array.from(JSON.parse(element.dataset.nonWorkingDates)) : [];\n const date = new Date();\n const daysOfWeek = [0, 1, 2, 3, 4, 5, 6];\n\n date.setDate(date.getDate() + daysToDeliver);\n\n daysOfWeek.forEach(() => {\n const isNonWorkingDay = isDayValid(date, nonWorkingDays);\n if (isNonWorkingDay) {\n isDayValid(date.setDate(date.getDate() + 1), nonWorkingDays);\n }\n\n const formatedDate = formatDate(date);\n const formattedNonWorkingDays = formatDateArray(nonWorkingDates);\n\n if (formattedNonWorkingDays.includes(formatedDate)) {\n date.setDate(date.getDate() + 1);\n }\n });\n\n var now = new Date();\n var isDateToday = now.toDateString() === date.toDateString();\n\n //if the date is today, check if the store closeTime is after current time. If it's before, add one day to date\n if (isDateToday && isStoreClosedNow) {\n date.setDate(date.getDate() + 1);\n }\n\n return date;\n}\n\n/**\n* Returns the notification message with the store schedule\n* @param {string} dateString - the selected date in the format DD/MM/YYYY\n* @param {Object} schedules - the store schedule object\n* @param {string} notificationMessage - the notification message\n* @returns {Object} - an object with the notification message\n*/\nfunction getNotificationDate(dateString, schedules, notificationMessage) {\n const rawDate = dateString.split(\"/\");\n const [day, month, year] = rawDate;\n const date = new Date(year, month - 1, day);\n const weekDay = date.toLocaleDateString(\"en-US\", { weekday: \"long\" });\n let storeSchedule;\n\n for (const schedule of Object.keys(schedules)) {\n if (schedule.toLocaleLowerCase() === weekDay.toLocaleLowerCase()) {\n storeSchedule = schedules[schedule];\n break; // Exit the loop if the day matches\n }\n }\n\n notificationMessage = notificationMessage.replace(\"{fecha seleccionada}\", dateString);\n notificationMessage = notificationMessage.replace(\"{hora inicio}\", storeSchedule.openTime);\n notificationMessage = notificationMessage.replace(\"{hora fin}\", storeSchedule.closeTime);\n\n return { notificationMessage };\n}\n\n/**\n* Initializes the custom datepicker component\n* @param {string} selector - the selector of the element to be initialized\n*/\nfunction initCustomDatePicker(selector = \".ahumada-custom-date-picker\") {\n const elements = document.querySelectorAll(selector);\n const elementsAreVisible = $(elements).is(\":visible\");\n const calendarInitClass = \"date-picker-init\";\n\n if (!elementsAreVisible) {\n return;\n }\n\n elements.forEach((element) => {\n let nonWorkingDays = JSON.parse(element.dataset.nonWorkingDays) ? Array.from(JSON.parse(element.dataset.nonWorkingDays)) : [];\n let nonWorkingDates = JSON.parse(element.dataset.nonWorkingDates) ? Array.from(JSON.parse(element.dataset.nonWorkingDates)) : [];\n\n if (!Object.keys(nonWorkingDays).length) {\n nonWorkingDays = [];\n }\n\n if ($(element).hasClass(calendarInitClass)) {\n // eslint-disable-next-line no-unused-vars\n const datepicker = new Datepicker(element, {\n autohide: true,\n buttonClass: \"btn\",\n language: \"es\",\n orientation: \"auto top\",\n prevArrow: prevArrow,\n nextArrow: nextArrow,\n weekStart: 0,\n daysOfWeekDisabled: nonWorkingDays,\n minDate: minStartDate(element),\n datesDisabled: function (date) {\n let isDateDisabled;\n const dateFormatted = formatDate(date);\n const nonWorkingDatesFormatted = formatDateArray(nonWorkingDates);\n const nonWorkingDays = nonWorkingDatesFormatted.includes(dateFormatted);\n\n if (nonWorkingDays) {\n isDateDisabled = true;\n } else {\n isDateDisabled = false;\n }\n\n return isDateDisabled;\n }\n });\n\n $(element, \".pickup-method-list\").removeClass(calendarInitClass);\n }\n });\n}\n\nmodule.exports = {\n initCustomDatePicker,\n methods: {\n getNotificationDate\n }\n};\n","\"use strict\";\n\nvar addressHelpers = require(\"base/checkout/address\");\nvar formHelpers = require(\"base/checkout/formErrors\");\nvar scrollAnimate = require(\"base/components/scrollAnimate\");\nconst googlePlaceHelpers = require(\"ahumada/googlePlaces/googlePlaces\");\nconst { initCustomDatePicker, methods: { getNotificationDate } } = require(\"../checkout/components/customDatepicker\");\nconst { enableSubmitButtonWhenAllFieldsAreFilled, updateCountryInputValue } = require(\"../addressBook/addressBook\");\nconst { loadGoogleMapsScript, addMarkersToMap } = require(\"../storeLocator/pickupStoreLocator\");\nvar formValidation = require(\"../components/formValidation\");\nconst { functions: { clearForm } } = require(\"../components/clientSideValidation\");\nconst addressSelector = require(\"../addressBook/addressSelector\");\nconst { validateAddressOnGoogleGeocoder } = require(\"../googlePlaces/googlePlaces\");\n\n/**\n * updates the shipping address selector within shipping forms\n * @param {Object} productLineItem - the productLineItem model\n * @param {Object} shipping - the shipping (shipment model) model\n * @param {Object} order - the order model\n * @param {Object} customer - the customer model\n */\nfunction updateShippingAddressSelector(productLineItem, shipping, order, customer) {\n var uuidEl = $(\"input[value=\" + productLineItem.UUID + \"]\");\n var shippings = order.shipping;\n\n var form;\n var $shippingAddressSelector;\n var hasSelectedAddress = false;\n\n if (uuidEl && uuidEl.length > 0) {\n form = uuidEl[0].form;\n $shippingAddressSelector = $(\".addressSelector\", form);\n }\n\n if ($shippingAddressSelector && $shippingAddressSelector.length === 1) {\n $shippingAddressSelector.empty();\n // Add New Address option\n $shippingAddressSelector.append(addressHelpers.methods.optionValueForAddress(\n null,\n false,\n order\n ));\n\n if (customer.addresses && customer.addresses.length > 0) {\n $shippingAddressSelector.append(addressHelpers.methods.optionValueForAddress(\n order.resources.accountAddresses,\n false,\n order\n ));\n\n customer.addresses.forEach(function (address) {\n var isSelected = shipping.matchingAddressId === address.ID;\n $shippingAddressSelector.append(\n addressHelpers.methods.optionValueForAddress(\n { UUID: \"ab_\" + address.ID, shippingAddress: address },\n isSelected,\n order\n )\n );\n });\n }\n // Separator -\n $shippingAddressSelector.append(addressHelpers.methods.optionValueForAddress(\n order.resources.shippingAddresses, false, order, { className: \"multi-shipping\" }\n ));\n shippings.forEach(function (aShipping) {\n var isSelected = shipping.UUID === aShipping.UUID;\n hasSelectedAddress = hasSelectedAddress || isSelected;\n var addressOption = addressHelpers.methods.optionValueForAddress(\n aShipping,\n isSelected,\n order,\n { className: \"multi-shipping\" }\n );\n\n var newAddress = addressOption.html() === order.resources.addNewAddress;\n var matchingUUID = aShipping.UUID === shipping.UUID;\n if ((newAddress && matchingUUID) || (!newAddress && matchingUUID) || (!newAddress && !matchingUUID)) {\n $shippingAddressSelector.append(addressOption);\n }\n if (newAddress && !matchingUUID) {\n $(addressOption[0]).remove();\n }\n });\n }\n\n if (!hasSelectedAddress) {\n // show\n $(form).addClass(\"hide-details\");\n } else {\n $(form).removeClass(\"hide-details\");\n }\n\n $(\"body\").trigger(\"shipping:updateShippingAddressSelector\", {\n productLineItem: productLineItem,\n shipping: shipping,\n order: order,\n customer: customer\n });\n}\n\n/**\n * updates the shipping address form values within shipping forms\n * @param {Object} shipping - the shipping (shipment model) model\n */\nfunction updateShippingAddressFormValues(shipping) {\n var addressObject = $.extend({}, shipping.shippingAddress);\n\n if (!addressObject) {\n addressObject = {\n firstName: null,\n lastName: null,\n address1: null,\n address2: null,\n city: null,\n postalCode: null,\n stateCode: null,\n countryCode: null,\n phone: null\n };\n }\n\n addressObject.isGift = shipping.isGift;\n addressObject.giftMessage = shipping.giftMessage;\n\n $(\"input[value=\" + shipping.UUID + \"]\").each(function (formIndex, el) {\n var form = el.form;\n if (!form) return;\n var countryCode = addressObject.countryCode;\n\n $(\"input[name$=_firstName]\", form).val(addressObject.firstName);\n $(\"input[name$=_lastName]\", form).val(addressObject.lastName);\n $(\"input[name$=_address1]\", form).val(addressObject.address1);\n $(\"input[name$=_address2]\", form).val(addressObject.address2);\n $(\"input[name$=_city]\", form).val(addressObject.city);\n $(\"input[name$=_postalCode]\", form).val(addressObject.postalCode);\n $(\"select[name$=_stateCode],input[name$=_stateCode]\", form)\n .val(addressObject.stateCode);\n\n if (countryCode && typeof countryCode === \"object\") {\n $(\"select[name$=_country]\", form).val(addressObject.countryCode.value);\n } else {\n $(\"select[name$=_country]\", form).val(addressObject.countryCode);\n }\n\n $(\"input[name$=_phone]\", form).val(addressObject.phone);\n\n $(\"input[name$=_isGift]\", form).prop(\"checked\", addressObject.isGift);\n $(\"textarea[name$=_giftMessage]\", form).val(addressObject.isGift && addressObject.giftMessage ? addressObject.giftMessage : \"\");\n });\n\n $(\"body\").trigger(\"shipping:updateShippingAddressFormValues\", { shipping: shipping });\n}\n\n/**\n * updates the shipping method radio buttons within shipping forms\n * @param {Object} shipping - the shipping (shipment model) model\n */\nfunction updateShippingMethods(shipping) {\n var uuidEl = $(\"input[value=\" + shipping.UUID + \"]\");\n if (uuidEl && uuidEl.length > 0) {\n $.each(uuidEl, function (shipmentIndex, el) {\n var form = el.form;\n if (!form) return;\n\n var $shippingMethodList = $(\".shipping-method-list\", form);\n\n if ($shippingMethodList && $shippingMethodList.length > 0) {\n $shippingMethodList.empty();\n var shippingMethods = shipping.applicableShippingMethods;\n var selected = shipping.selectedShippingMethod || {};\n var shippingMethodFormID = form.name + \"_shippingAddress_shippingMethodID\";\n\n //\n // Create the new rows for each shipping method\n //\n $.each(shippingMethods, function (methodIndex, shippingMethod) {\n if (shippingMethod.pickupInStoreMethod) {\n return;\n }\n var tmpl = $(\"#shipping-method-template\").clone();\n var lineItemUUIDPart = \"\";\n\n if ($(el).parents(\".multi-shipping\").length) {\n lineItemUUIDPart = \"-\" + shipping.productLineItems.items[0].UUID;\n }\n\n if (!shippingMethod.allowDateInput) {\n $(\".ahumada-custom-date-picker-wrapper\", tmpl).remove();\n } else {\n $(\".ahumada-custom-date-picker\", tmpl)\n .attr(\"data-days-to-deliver\", shippingMethod.daysToDeliver)\n .attr(\"data-non-working-days\", JSON.stringify(shippingMethod.nonWorkingDays))\n .attr(\"data-non-working-dates\", JSON.stringify(shippingMethod.nonWorkingDates))\n .addClass(\"date-picker-init\");\n }\n\n // set input\n $(\"input:not(.ahumada-custom-date-picker)\", tmpl)\n .prop(\"id\", \"shippingMethod-\" + shippingMethod.ID + \"-\" + shipping.UUID + lineItemUUIDPart)\n .prop(\"name\", shippingMethodFormID)\n .prop(\"value\", shippingMethod.ID)\n .attr(\"checked\", shippingMethod.ID === selected.ID);\n\n $(\"label:not(.custom-date-picker-icon)\", tmpl)\n .prop(\"for\", \"shippingMethod-\" + shippingMethod.ID + \"-\" + shipping.UUID + lineItemUUIDPart);\n // set shipping method name\n $(\".display-name\", tmpl).text(shippingMethod.displayName);\n // add shipping method description\n $(\".shipping-description\", tmpl).text(shippingMethod.description);\n // set or hide arrival time\n if (shippingMethod.estimatedArrivalTime) {\n $(\".arrival-time\", tmpl)\n .text(\"(\" + shippingMethod.estimatedArrivalTime + \")\")\n .show();\n }\n // set shipping cost\n $(\".shipping-cost\", tmpl).text(shippingMethod.shippingCost);\n $shippingMethodList.append(tmpl.html());\n });\n }\n });\n }\n\n initCustomDatePicker();\n customDatePickerHandler();\n $(\"body\").trigger(\"shipping:updateShippingMethods\", { shipping: shipping });\n}\n\n/**\n * Update list of available shipping methods whenever user modifies shipping address details.\n * @param {jQuery} $shippingForm - current shipping form\n */\nfunction updateShippingMethodList($shippingForm) {\n // delay for autocomplete!\n setTimeout(function () {\n var $shippingMethodList = $shippingForm.find(\".shipping-method-list\");\n var urlParams = addressHelpers.methods.getAddressFieldsFromUI($shippingForm);\n var shipmentUUID = $shippingForm.find(\"[name=shipmentUUID]\").val();\n var url = $shippingMethodList.data(\"actionUrl\");\n urlParams.shipmentUUID = shipmentUUID;\n\n $shippingMethodList.spinner().start();\n $.ajax({\n url: url,\n type: \"post\",\n dataType: \"json\",\n data: urlParams,\n success: function (data) {\n if (data.error) {\n window.location.href = data.redirectUrl;\n } else {\n $(\"body\").trigger(\"checkout:updateCheckoutView\",\n {\n order: data.order,\n customer: data.customer,\n options: { keepOpen: true }\n });\n\n $shippingMethodList.spinner().stop();\n }\n }\n });\n }, 300);\n}\n\n/**\n * updates the order shipping summary for an order shipment model\n * @param {Object} shipping - the shipping (shipment model) model\n * @param {Object} order - the order model\n */\nfunction updateShippingSummaryInformation(shipping, order) {\n $(\"[data-shipment-summary=\" + shipping.UUID + \"]\").each(function (i, el) {\n var $container = $(el);\n var $shippingAddressLabel = $container.find(\".shipping-addr-label\");\n var $addressContainer = $container.find(\".address-summary\");\n var $shippingPhone = $container.find(\".shipping-phone\");\n var $methodTitle = $container.find(\".shipping-method-title\");\n var $methodArrivalTime = $container.find(\".shipping-method-arrival-time\");\n var $methodPrice = $container.find(\".shipping-method-price\");\n var $shippingSummaryLabel = $container.find(\".shipping-method-label\");\n var $summaryDetails = $container.find(\".row.summary-details\");\n var giftMessageSummary = $container.find(\".gift-summary\");\n\n var address = shipping.shippingAddress;\n var selectedShippingMethod = shipping.selectedShippingMethod;\n var isGift = shipping.isGift;\n\n addressHelpers.methods.populateAddressSummary($addressContainer, address);\n\n if (address && address.phone) {\n $shippingPhone.text(address.phone);\n } else {\n $shippingPhone.empty();\n }\n\n if (selectedShippingMethod) {\n $(\"body\").trigger(\"shipping:updateAddressLabelText\",\n { selectedShippingMethod: selectedShippingMethod, resources: order.resources, shippingAddressLabel: $shippingAddressLabel });\n $shippingSummaryLabel.show();\n $summaryDetails.show();\n $methodTitle.text(selectedShippingMethod.displayName);\n if (selectedShippingMethod.estimatedArrivalTime) {\n $methodArrivalTime.text(\n \"( \" + selectedShippingMethod.estimatedArrivalTime + \" )\"\n );\n } else {\n $methodArrivalTime.empty();\n }\n $methodPrice.text(selectedShippingMethod.shippingCost);\n }\n\n if (isGift) {\n giftMessageSummary.find(\".gift-message-summary\").text(shipping.giftMessage);\n giftMessageSummary.removeClass(\"d-none\");\n } else {\n giftMessageSummary.addClass(\"d-none\");\n }\n });\n\n $(\"body\").trigger(\"shipping:updateShippingSummaryInformation\", { shipping: shipping, order: order });\n}\n\n/**\n * Update the read-only portion of the shipment display (per PLI)\n * @param {Object} productLineItem - the productLineItem model\n * @param {Object} shipping - the shipping (shipment model) model\n * @param {Object} order - the order model\n * @param {Object} [options] - options for updating PLI summary info\n * @param {Object} [options.keepOpen] - if true, prevent changing PLI view mode to \"view\"\n */\nfunction updatePLIShippingSummaryInformation(productLineItem, shipping, order, options) {\n var $pli = $(\"input[value=\" + productLineItem.UUID + \"]\");\n var form = $pli && $pli.length > 0 ? $pli[0].form : null;\n\n if (!form) return;\n\n var $viewBlock = $(\".view-address-block\", form);\n\n var address = shipping.shippingAddress || {};\n var selectedMethod = shipping.selectedShippingMethod;\n\n var nameLine = address.firstName ? address.firstName + \" \" : \"\";\n if (address.lastName) nameLine += address.lastName;\n\n var address1Line = address.address1;\n var address2Line = address.address2;\n\n var phoneLine = address.phone;\n\n var shippingCost = selectedMethod ? selectedMethod.shippingCost : \"\";\n var methodNameLine = selectedMethod ? selectedMethod.displayName : \"\";\n var methodArrivalTime = selectedMethod && selectedMethod.estimatedArrivalTime\n ? \"(\" + selectedMethod.estimatedArrivalTime + \")\"\n : \"\";\n\n var tmpl = $(\"#pli-shipping-summary-template\").clone();\n\n $(\".ship-to-name\", tmpl).text(nameLine);\n $(\".ship-to-address1\", tmpl).text(address1Line);\n $(\".ship-to-address2\", tmpl).text(address2Line);\n $(\".ship-to-city\", tmpl).text(address.city);\n if (address.stateCode) {\n $(\".ship-to-st\", tmpl).text(address.stateCode);\n }\n $(\".ship-to-zip\", tmpl).text(address.postalCode);\n $(\".ship-to-phone\", tmpl).text(phoneLine);\n\n if (!address2Line) {\n $(\".ship-to-address2\", tmpl).hide();\n }\n\n if (!phoneLine) {\n $(\".ship-to-phone\", tmpl).hide();\n }\n\n if (shipping.selectedShippingMethod) {\n $(\".display-name\", tmpl).text(methodNameLine);\n $(\".arrival-time\", tmpl).text(methodArrivalTime);\n $(\".price\", tmpl).text(shippingCost);\n }\n\n if (shipping.isGift) {\n $(\".gift-message-summary\", tmpl).text(shipping.giftMessage);\n var shipment = $(\".gift-message-\" + shipping.UUID);\n $(shipment).val(shipping.giftMessage);\n } else {\n $(\".gift-summary\", tmpl).addClass(\"d-none\");\n }\n // checking h5 title shipping to or pickup\n var $shippingAddressLabel = $(\".shipping-header-text\", tmpl);\n $(\"body\").trigger(\"shipping:updateAddressLabelText\",\n { selectedShippingMethod: selectedMethod, resources: order.resources, shippingAddressLabel: $shippingAddressLabel });\n\n $viewBlock.html(tmpl.html());\n\n $(\"body\").trigger(\"shipping:updatePLIShippingSummaryInformation\", {\n productLineItem: productLineItem,\n shipping: shipping,\n order: order,\n options: options\n });\n}\n\n/**\n * Update the hidden form values that associate shipping info with product line items\n * @param {Object} productLineItem - the productLineItem model\n * @param {Object} shipping - the shipping (shipment model) model\n */\nfunction updateProductLineItemShipmentUUIDs(productLineItem, shipping) {\n $(\"input[value=\" + productLineItem.UUID + \"]\").each(function (key, pli) {\n var form = pli.form;\n $(\"[name=shipmentUUID]\", form).val(shipping.UUID);\n $(\"[name=originalShipmentUUID]\", form).val(shipping.UUID);\n\n $(form).closest(\".card\").attr(\"data-shipment-uuid\", shipping.UUID);\n });\n\n $(\"body\").trigger(\"shipping:updateProductLineItemShipmentUUIDs\", {\n productLineItem: productLineItem,\n shipping: shipping\n });\n}\n\n/**\n * Update the shipping UI for a single shipping info (shipment model)\n * @param {Object} shipping - the shipping (shipment model) model\n * @param {Object} order - the order/basket model\n * @param {Object} customer - the customer model\n * @param {Object} [options] - options for updating PLI summary info\n * @param {Object} [options.keepOpen] - if true, prevent changing PLI view mode to \"view\"\n */\nfunction updateShippingInformation(shipping, order, customer, options) {\n // First copy over shipmentUUIDs from response, to each PLI form\n order.shipping.forEach(function (aShipping) {\n aShipping.productLineItems.items.forEach(function (productLineItem) {\n updateProductLineItemShipmentUUIDs(productLineItem, aShipping);\n });\n });\n\n // Now update shipping information, based on those associations\n updateShippingMethods(shipping);\n updateShippingAddressFormValues(shipping);\n updateShippingSummaryInformation(shipping, order);\n\n // And update the PLI-based summary information as well\n shipping.productLineItems.items.forEach(function (productLineItem) {\n updateShippingAddressSelector(productLineItem, shipping, order, customer);\n updatePLIShippingSummaryInformation(productLineItem, shipping, order, options);\n });\n\n $(\"body\").trigger(\"shipping:updateShippingInformation\", {\n order: order,\n shipping: shipping,\n customer: customer,\n options: options\n });\n}\n\n/**\n * Update the checkout state (single vs. multi-ship)\n * @param {Object} order - checkout model to use as basis of new truth\n */\nfunction updateMultiShipInformation(order) {\n var $checkoutMain = $(\"#checkout-main\");\n var $checkbox = $(\"[name=usingMultiShipping]\");\n var $submitShippingBtn = $(\"button.submit-shipping\");\n $(\".shipping-error .alert-danger\").remove();\n\n if (order.usingMultiShipping) {\n $checkoutMain.addClass(\"multi-ship\");\n $checkbox.prop(\"checked\", true);\n } else {\n $checkoutMain.removeClass(\"multi-ship\");\n $checkbox.prop(\"checked\", null);\n $submitShippingBtn.prop(\"disabled\", null);\n }\n\n $(\"body\").trigger(\"shipping:updateMultiShipInformation\", { order: order });\n}\n\n/**\n * Create an alert to display the error message\n * @param {Object} message - Error message to display\n */\nfunction createErrorNotification(message) {\n var errorHtml = \" \" +\n data.basket.resources.emptyCartMsg +\n \"
\" +\n \"\" +\n \"\" + message + \"
\";\n\n $(\".shipping-error\").append(errorHtml);\n scrollAnimate($(\".shipping-error\"));\n}\n\n/**\n * Handle response from the server for valid or invalid form fields.\n * @param {Object} defer - the deferred object which will resolve on success or reject.\n * @param {Object} data - the response data with the invalid form fields or\n * valid model data.\n */\nfunction shippingFormResponse(defer, data) {\n var formSelector = \"#checkout-main\";\n formHelpers.clearPreviousErrors(formSelector);\n\n // highlight fields with errors\n if (data.error) {\n if (data.redirectUrl) {\n window.location.href = data.redirectUrl;\n defer.reject(data);\n return;\n }\n if (data.fieldErrors.length) {\n data.fieldErrors.forEach(function (error) {\n if (Object.keys(error).length) {\n formHelpers.loadFormErrors(formSelector, error);\n }\n });\n defer.reject(data);\n }\n\n if (data.serverErrors && data.serverErrors.length) {\n $.each(data.serverErrors, function (index, element) {\n createErrorNotification(element);\n });\n\n defer.reject(data);\n }\n\n if (data.cartError) {\n window.location.href = data.redirectUrl;\n defer.reject();\n }\n } else {\n // Populate the Address Summary\n\n $(\"body\").trigger(\"checkout:updateCheckoutView\", {\n order: data.order,\n customer: data.customer\n });\n scrollAnimate($(\".payment-form\"));\n defer.resolve(data);\n }\n}\n/**\n * Clear out all the shipping form values and select the new address in the drop down\n * @param {Object} order - the order object\n */\nfunction clearShippingForms(order) {\n order.shipping.forEach(function (shipping) {\n $(\"input[value=\" + shipping.UUID + \"]\").each(function (formIndex, el) {\n var form = el.form;\n if (!form) return;\n\n $(\"input[name$=_firstName]\", form).val(\"\");\n $(\"input[name$=_lastName]\", form).val(\"\");\n $(\"input[name$=_address1]\", form).val(\"\");\n $(\"input[name$=_address2]\", form).val(\"\");\n $(\"input[name$=_city]\", form).val(\"\");\n $(\"input[name$=_postalCode]\", form).val(\"\");\n $(\"select[name$=_stateCode],input[name$=_stateCode]\", form).val(\"\");\n $(\"select[name$=_country]\", form).val(\"\");\n\n $(\"input[name$=_phone]\", form).val(\"\");\n\n $(\"input[name$=_isGift]\", form).prop(\"checked\", false);\n $(\"textarea[name$=_giftMessage]\", form).val(\"\");\n $(form).find(\".gift-message\").addClass(\"d-none\");\n\n $(form).attr(\"data-address-mode\", \"new\");\n var addressSelectorDropDown = $(\".addressSelector option[value=new]\", form);\n $(addressSelectorDropDown).prop(\"selected\", true);\n });\n });\n\n $(\"body\").trigger(\"shipping:clearShippingForms\", { order: order });\n}\n\n/**\n * Does Ajax call to create a server-side shipment w/ pliUUID & URL\n * @param {string} url - string representation of endpoint URL\n * @param {Object} shipmentData - product line item UUID\n * @returns {Object} - promise value for async call\n */\nfunction createNewShipment(url, shipmentData) {\n $.spinner().start();\n return $.ajax({\n url: url,\n type: \"post\",\n dataType: \"json\",\n data: shipmentData\n });\n}\n\n/**\n * Does Ajax call to select shipping method\n * @param {string} url - string representation of endpoint URL\n * @param {Object} urlParams - url params\n * @param {Object} el - element that triggered this call\n */\nfunction selectShippingMethodAjax(url, urlParams, el) {\n $.spinner().start();\n $(\"body\").trigger(\"checkout:beforeShippingMethodSelected\");\n\n $.ajax({\n url: url,\n type: \"post\",\n dataType: \"json\",\n data: urlParams\n })\n .done(function (data) {\n if (data.error) {\n window.location.href = data.redirectUrl;\n } else {\n $(\"body\").trigger(\"checkout:updateCheckoutView\",\n {\n order: data.order,\n customer: data.customer,\n options: { keepOpen: true },\n urlParams: urlParams\n }\n );\n $(\"body\").trigger(\"checkout:postUpdateCheckoutView\",\n {\n el: el\n }\n );\n }\n $(\"body\").trigger(\"checkout:shippingMethodSelected\", data);\n $.spinner().stop();\n })\n .fail(function () {\n $.spinner().stop();\n });\n}\n\n/**\n * Hide and show to appropriate elements to show the multi ship shipment cards in the enter view\n * @param {jQuery} element - The shipping content\n */\nfunction enterMultishipView(element) {\n element.find(\".btn-enter-multi-ship\").removeClass(\"d-none\");\n\n element.find(\".view-address-block\").addClass(\"d-none\");\n element.find(\".shipping-address\").addClass(\"d-none\");\n element.find(\".btn-save-multi-ship.save-shipment\").addClass(\"d-none\");\n element.find(\".btn-edit-multi-ship\").addClass(\"d-none\");\n element.find(\".multi-ship-address-actions\").addClass(\"d-none\");\n}\n\n/**\n * Hide and show to appropriate elements to show the multi ship shipment cards in the view mode\n * @param {jQuery} element - The shipping content\n */\nfunction viewMultishipAddress(element) {\n element.find(\".view-address-block\").removeClass(\"d-none\");\n element.find(\".btn-edit-multi-ship\").removeClass(\"d-none\");\n\n element.find(\".shipping-address\").addClass(\"d-none\");\n element.find(\".btn-save-multi-ship.save-shipment\").addClass(\"d-none\");\n element.find(\".btn-enter-multi-ship\").addClass(\"d-none\");\n element.find(\".multi-ship-address-actions\").addClass(\"d-none\");\n}\n\n/**\n * Hide and show to appropriate elements that allows the user to edit multi ship address information\n * @param {jQuery} element - The shipping content\n */\nfunction editMultiShipAddress(element) {\n // Show\n element.find(\".shipping-address\").removeClass(\"d-none\");\n element.find(\".btn-save-multi-ship.save-shipment\").removeClass(\"d-none\");\n\n // Hide\n element.find(\".view-address-block\").addClass(\"d-none\");\n element.find(\".btn-enter-multi-ship\").addClass(\"d-none\");\n element.find(\".btn-edit-multi-ship\").addClass(\"d-none\");\n element.find(\".multi-ship-address-actions\").addClass(\"d-none\");\n\n $(\"body\").trigger(\"shipping:editMultiShipAddress\", { element: element, form: element.find(\".shipping-form\") });\n}\n\n/**\n * perform the proper actions once a user has clicked enter address or edit address for a shipment\n * @param {jQuery} element - The shipping content\n * @param {string} mode - the address mode\n */\nfunction editOrEnterMultiShipInfo(element, mode) {\n var form = $(element).closest(\"form\");\n var root = $(element).closest(\".shipping-content\");\n\n $(\"body\").trigger(\"shipping:updateDataAddressMode\", { form: form, mode: mode });\n\n editMultiShipAddress(root);\n\n var addressInfo = addressHelpers.methods.getAddressFieldsFromUI(form);\n\n var savedState = {\n UUID: $(\"input[name=shipmentUUID]\", form).val(),\n shippingAddress: addressInfo\n };\n\n root.data(\"saved-state\", JSON.stringify(savedState));\n}\n\n/**\n* Handles the click event on the delivery type containers\n* @returns {void}\n*/\nfunction deliveryTypeListener() {\n var $deliveryTypes = $(\".delivery-type-container\");\n\n $deliveryTypes.on(\"click\", function () {\n $(this).find(\"input\").prop(\"checked\", true);\n });\n\n var $deliveryOpcionDespacho = $(\".opcion-despacho\");\n var $deliveryOpcionStore = $(\".opcion-store\");\n\n if ($deliveryOpcionDespacho.hasClass(\"disabled\") && !$deliveryOpcionStore.hasClass(\"disabled\")) {\n $deliveryOpcionStore.find(\"input\").prop(\"checked\", true);\n $deliveryOpcionStore.find(\"div\").addClass(\"active\");\n $deliveryOpcionDespacho.find(\"div\").removeClass(\"active\");\n $(\"#shipping-delivery\").removeClass(\"active\");\n $(\"#shipping-delivery\").removeClass(\"show\");\n $(\"#pickup-shipping\").addClass(\"active\");\n $(\"#pickup-shipping\").addClass(\"show\");\n }\n \n}\n\n/**\n* Handles the custom date picker\n* @returns {void}\n*/\nfunction customDatePickerHandler() {\n const $datePickerInput = $(\".ahumada-custom-date-picker:visible\");\n\n $datePickerInput.each(function () {\n const $this = $(this);\n const isDisabled = $this.parents(\".shipping-method-card\").find(\".custom-control-input\").is(\":checked\");\n\n $this.prop(\"disabled\", !isDisabled);\n });\n}\n\n/**\n* Initializes the custom picker\n*/\nfunction initCustomPicker() {\n $(\"body\").on(\"step:shipping\", function () {\n initCustomDatePicker();\n customDatePickerHandler();\n });\n}\n\n\n/**\n* Selects the store pickup shipping method\n* @param {Object} el - jQuery element for the shipping-method-list\n* @param {Object} $shippingForm - jQuery element for the shipping-form\n* @param {string} url - URL for the select-shipping-method-url\n* @param {string} shipmentUUID - UUID of the shipment\n* @param {Object} urlParams - URL parameters for the address fields from UI\n* @param {string} methodID - ID of the store pickup method\n* @param {boolean} isGift - whether the shipment is a gift\n* @param {string} giftMessage - gift message for the shipment\n* @param {string} storeID - ID of the store\n*/\nfunction selectStorePickup() {\n var el = $(\".shipping-method-list\");\n var $shippingForm = $(\".shipping-form\").eq(1);\n var url = el.data(\"select-shipping-method-url\");\n var shipmentUUID = $shippingForm.find(\"[name=shipmentUUID]\").val();\n var urlParams = addressHelpers.methods.getAddressFieldsFromUI($shippingForm);\n urlParams.shipmentUUID = shipmentUUID;\n urlParams.methodID = $(\"#storePickup\").val();\n urlParams.isGift = $shippingForm.find(\".gift\").prop(\"checked\");\n urlParams.giftMessage = $shippingForm.find(\"textarea[name$=_giftMessage]\").val();\n urlParams.storeID = $(\"input[name=\\\"store\\\"]:checked\").val();\n selectShippingMethodAjax(url, urlParams, el);\n}\n\n/**\n* Selects the store for pickup in store method\n* @param {string} url - the URL to the store selection API\n* @param {string} storeID - the ID of the selected store\n* @returns {Promise} - a promise object that resolves with the store selection data\n*/\nfunction selectStore() {\n $.spinner().start();\n var url = $(\".store-select\").data(\"url\");\n var storeID = $(\".pickup-method-list input[type='radio']:checked\").val();\n\n var defer = $.Deferred();\n\n $.ajax({\n url: url,\n type: \"get\",\n dataType: \"json\",\n data: { storeID: storeID }\n })\n .done(function (data) {\n defer.resolve(data);\n })\n .fail(function (err) {\n window.location.href = err.responseJSON.redirectUrl;\n defer.reject();\n })\n .always(function () {\n $.spinner().stop();\n });\n return defer.promise();\n\n}\n\n/**\n* Event listener for store pickup selection\n* @returns {void}\n*/\nfunction storePickupListener() {\n const $pickupMethodListInput = $(\".pickup-method-list input[type='radio']\");\n\n $pickupMethodListInput.on(\"change\", function () {\n selectStore();\n customDatePickerHandler();\n });\n}\n\n/**\n* Handles the tab change event and calls the customDatePickerHandler method\n*/\nfunction handleTabsChange() {\n $(\".shipping-method-block\").on(\"shown.bs.tab\", function () {\n customDatePickerHandler();\n if ($(\"input[name=\\\"deliveryType\\\"]:checked\").val() === $(\"#storePickup\").val()) {\n selectStorePickup();\n } else {\n $(\".shipping-method-card\").first().find(\"input\").trigger(\"click\");\n }\n });\n}\n\n/**\n* Opens the store locator modal and adds markers to the map\n*/\nfunction openStoreLocatorModal() {\n const $seeStoreButtons = $(\".see-store-btn\");\n const $modalElement = $(\".store-pickup-map-modal\");\n\n $seeStoreButtons.on(\"click\", function () {\n const $this = $(this);\n const storeInfoHtml = $this.siblings(\".store-information-container\").html();\n const { latitude, longitude} = $this.data();\n\n $modalElement.modal(\"show\");\n addMarkersToMap({ latitude, longitude, storeInfoHtml });\n });\n}\n\n/**\n* Displays a notification message when a date is selected in the date picker\n* @param {Object} $this - the date picker element\n* @param {Object} storeSchedule - the store schedule object\n* @param {string} $notificationMessage - the notification message\n* @param {Object} date - the date object\n* @param {Object} $notificationMessageContainer - the notification message container\n*/\nfunction pickupNotification() {\n $(\".ahumada-custom-date-picker\", \".pickup-method-list\").on(\"changeDate\", function () {\n const $this = $(this);\n const storeSchedule = $this.parents(\".shipping-method-card\").find(\".store-schedule-container\").data(\"schedule\");\n const $notificationMessage = $this.parents(\".shipping-method-card\").find(\".store-schedule-container\").data(\"message\");\n const date = getNotificationDate($this.val(), storeSchedule, $notificationMessage);\n const $notificationMessageContainer = $this.parents(\".shipping-method-card\").find(\".pickup-notification-message\");\n\n $notificationMessageContainer.append(\n `\n ${date.notificationMessage}\n
`\n );\n\n setTimeout(function () {\n $(\".pickup-store-alert\").remove();\n }, 5000);\n });\n}\n\n/**\n* Validates the custom datepicker input for a shipping method\n* @returns {boolean} isValid - whether the datepicker input is valid or not\n*/\nfunction customDatepickerValidation() {\n let isValid = true;\n const $datePickerInput = $(\".ahumada-custom-date-picker:visible\");\n\n $datePickerInput.each(function () {\n const $this = $(this);\n const $datePickerInputInvalid = $this.siblings(\".invalid-feedback\");\n const datePickerInvalidText = $this.data(\"missing-error\");\n const $datePickerRadioIsChecked = $this.parents(\".shipping-method-card\").find(\".custom-control-input\").is(\":checked\");\n\n if ($datePickerRadioIsChecked && $this.val() === \"\") {\n $this.addClass(\"is-invalid\");\n $datePickerInputInvalid.text(datePickerInvalidText);\n $this[0].scrollIntoView({behavior: \"smooth\", block: \"center\"});\n\n isValid = false;\n } else {\n $this.removeClass(\"is-invalid\");\n $datePickerInputInvalid.text(\"\");\n }\n });\n\n // eslint-disable-next-line no-unused-vars\n return isValid;\n}\n\n/**\n* Validates the personal info form\n* @returns {boolean} - whether the form is valid or not\n*/\nfunction validatePersonalInfoForm() {\n const $personalInfoForm = $(\".checkout-shipping-personalData-form\");\n\n // Clear all previous errors\n clearForm($personalInfoForm);\n\n const isValid = $personalInfoForm[0].checkValidity();\n if (!isValid) {\n $personalInfoForm.find(\".invalid-feedback\").length &&\n $personalInfoForm.find(\".invalid-feedback\")[0].scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n }\n\n return isValid;\n}\n\n/**\n* Populates the cart address card with the given shipping address and customer info\n* @param {Object} shippingAddress - the shipping address object\n* @param {Object} customerInfo - the customer info object\n*/\nfunction populateCartAddressCard(shippingAddress, customerInfo) {\n const $addressContainerInfo = $(\".address-container-info\");\n const $addressContainerButton = $(\".address-container-btn-content\");\n const $addressContainerText = $(\".address-container-text-description\");\n const $addressContainer = $(\".address-container\");\n const fullAddress = shippingAddress.address2 + \" \" + shippingAddress.postBox + \", \" + shippingAddress.city + \", \" + shippingAddress.stateCode;\n\n // Change address Container Informations for Desktop and Mobile\n $addressContainerInfo.each(function () {\n const $this = $(this);\n $this.find(\"p\").eq(0).text(shippingAddress.fullAddress ? shippingAddress.fullAddress : fullAddress);\n $this.find(\"p\").eq(1).text(shippingAddress.phone);\n });\n\n const {\n addressId,\n firstName,\n lastName,\n address1,\n address2,\n rut,\n phone,\n city,\n postBox,\n stateCode,\n suite,\n latitud,\n longitud\n } = shippingAddress;\n\n $(\".js-open-edit-address-modal, .js-cart-address\").data({\n \"address-id\": addressId,\n \"first-name\": firstName,\n \"last-name\": lastName,\n \"address1\": address1,\n \"address2\": address2,\n \"rut\": rut,\n \"phone\": phone,\n \"city\": city,\n \"post-box\": postBox,\n \"state-code\": stateCode,\n \"suite\": suite ?? \"\",\n \"latitud\": latitud,\n \"longitud\": longitud\n });\n\n if (customerInfo) {\n const customerNameHtml = ` ${customerInfo.firstName ? \"-\" : \"\"} ${customerInfo.firstName} ${customerInfo.lastName}`;\n\n $addressContainerText.find(\".address-container-updated-title\").removeClass(\"d-none\").find(\".js-customer-name\").html(customerNameHtml);\n }\n\n $addressContainerText.find(\".address-container-title\").addClass(\"d-none\");\n $addressContainerText.find(\"h5\").text(shippingAddress.fullAddress);\n $addressContainerText.find(\"p\").text(shippingAddress.phone);\n $addressContainerButton.removeClass(\"w-100\").addClass(\"align-self-start align-self-lg-center m-0\");\n $addressContainerButton.parent().addClass(\"flex-row\");\n $addressContainer.removeClass(\"noaddress\");\n $addressContainerButton.find(\"button\").addClass(\"d-none\");\n $addressContainerButton.find(\"img\").removeClass(\"d-none\");\n}\n\n/**\n* Handles the address select dropdown options\n* @param {Object} shippingAddress - the address object\n* @param {string} [formType=null] - the type of form\n*/\nfunction handleAddressSelectDropdownOptions(shippingAddress, formType = null) {\n const $addressSelect = $(\".address\");\n const $addressOptionToReplace = $addressSelect.find(`option[data-address-id=\"${shippingAddress.addressId}\"]`);\n const optionTemplate = `\n `;\n\n if (formType === \"new\") {\n $addressSelect.append(optionTemplate);\n } else {\n $addressOptionToReplace.replaceWith(optionTemplate);\n }\n}\n\n/**\n* Submits the address form and updates the cart address card\n* @param {string} editAddressId - the address ID to be edited\n* @returns {boolean} false\n*/\nfunction submitCartAddress(editAddressId = \"\") {\n $(\"form.address-form\").off().submit(async function (e) {\n e.preventDefault();\n const $form = $(this);\n const formType = $form.attr(\"data-type\");\n let url = $form.data(\"basket-update-shipping-address-url\") + editAddressId;\n const $addressInput = $form.find(\"#address1\");\n const $addressInputInvalidFeedback = $addressInput.siblings(\".invalid-feedback\");\n const addressInputInvalidText = $addressInput.data(\"invalid-location-error\");\n const $modal = $(\"#addAddressModal\");\n const isAddAddressManuallyEnabled = $(\".js-manual-address-container\").length && !$(\".js-manual-address-container\").hasClass(\"d-none\");\n let isAddressSelectorValid = true;\n let isEnteredAddressValid = true;\n\n $modal.spinner().start();\n\n $(\"form.address-form\").trigger(\"address:submit\", e);\n\n // Remove previous errors\n $(\"body\").trigger(\"address:submit:address\", true);\n\n if (isAddAddressManuallyEnabled) {\n addressSelector.methods.copyCityAndStateToAddress();\n isAddressSelectorValid = addressSelector.methods.validateCityAndState();\n isEnteredAddressValid = isAddressSelectorValid ? await validateAddressOnGoogleGeocoder() : false;\n } else {\n $(\"body\").trigger(\"address:submit:address\", true);\n }\n\n if (!isAddressSelectorValid || !isEnteredAddressValid) {\n $form.spinner().stop();\n return;\n }\n\n $.ajax({\n url: url,\n type: \"post\",\n dataType: \"json\",\n data: $form.serialize(),\n success: function (data) {\n $modal.spinner().stop();\n if (!data.success) {\n formValidation($form, data);\n\n // add client side validation\n if (data.isLocationInvalid) {\n $addressInput.addClass(\"is-invalid\");\n $addressInputInvalidFeedback.text(addressInputInvalidText);\n $addressInput[0].scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n }\n\n } else {\n if (formType === \"new\") {\n const shippingAddress = data.address;\n const customerInfo = data.customer.profile;\n\n populateCartAddressCard(shippingAddress, customerInfo);\n handleAddressSelectDropdownOptions(shippingAddress, formType);\n\n } else {\n const shippingAddress = data.order.shipping[0].shippingAddress;\n const customerInfo = data.order.customer;\n\n populateCartAddressCard(shippingAddress, customerInfo);\n handleAddressSelectDropdownOptions(shippingAddress, formType);\n }\n\n $modal.modal(\"hide\");\n\n $(\".checkout-btn\").toggleClass(\"disabled\", !data.success);\n $(\".error-no-address\").toggleClass(\"d-none\", data.success);\n\n return;\n }\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n $modal.spinner().stop();\n }\n });\n\n return false;\n });\n}\n\n/**\n* Initializes the address modal handlers\n* @returns {void}\n*/\nfunction initAddressModalHandlers() {\n const $form = $(\".address-form\", \".modal\");\n const addressId = $(\"#addressId\").val();\n\n\n if ($form.length) {\n googlePlaceHelpers.initAutocomplete(null, function () {\n updateCountryInputValue();\n $form.trigger(\"change\");\n });\n\n submitCartAddress(addressId.replace(/ /g, \"%20\"));\n enableSubmitButtonWhenAllFieldsAreFilled($form);\n }\n}\n\nmodule.exports = {\n methods: {\n updateShippingAddressSelector: updateShippingAddressSelector,\n updateShippingAddressFormValues: updateShippingAddressFormValues,\n updateShippingMethods: updateShippingMethods,\n updateShippingSummaryInformation: updateShippingSummaryInformation,\n updatePLIShippingSummaryInformation: updatePLIShippingSummaryInformation,\n updateProductLineItemShipmentUUIDs: updateProductLineItemShipmentUUIDs,\n updateShippingInformation: updateShippingInformation,\n updateMultiShipInformation: updateMultiShipInformation,\n shippingFormResponse: shippingFormResponse,\n createNewShipment: createNewShipment,\n selectShippingMethodAjax: selectShippingMethodAjax,\n updateShippingMethodList: updateShippingMethodList,\n clearShippingForms: clearShippingForms,\n editMultiShipAddress: editMultiShipAddress,\n editOrEnterMultiShipInfo: editOrEnterMultiShipInfo,\n createErrorNotification: createErrorNotification,\n viewMultishipAddress: viewMultishipAddress,\n customDatepickerValidation: customDatepickerValidation,\n initAddressModalHandlers: initAddressModalHandlers,\n populateCartAddressCard: populateCartAddressCard,\n validatePersonalInfoForm: validatePersonalInfoForm\n },\n\n handleStockServiceError: function () {\n const stockErrorElement = $(\".js-stock-error\");\n if (stockErrorElement.length && stockErrorElement.hasClass(\"show\")) {\n if (history.scrollRestoration) {\n history.scrollRestoration = \"manual\";\n }\n scrollAnimate(stockErrorElement);\n }\n },\n\n selectShippingMethod: function () {\n var baseObj = this;\n\n $(\".shipping-method-list\").change(function () {\n var $shippingForm = $(this).parents(\"form\");\n var methodID = $(\":checked\", this).val();\n var shipmentUUID = $shippingForm.find(\"[name=shipmentUUID]\").val();\n var urlParams = addressHelpers.methods.getAddressFieldsFromUI($shippingForm);\n urlParams.shipmentUUID = shipmentUUID;\n urlParams.methodID = methodID;\n urlParams.isGift = $shippingForm.find(\".gift\").prop(\"checked\");\n urlParams.giftMessage = $shippingForm.find(\"textarea[name$=_giftMessage]\").val();\n\n var url = $(this).data(\"select-shipping-method-url\");\n\n if (baseObj.methods && baseObj.methods.selectShippingMethodAjax) {\n baseObj.methods.selectShippingMethodAjax(url, urlParams, $(this));\n } else {\n selectShippingMethodAjax(url, urlParams, $(this));\n }\n });\n },\n\n toggleMultiship: function () {\n var baseObj = this;\n\n $(\"input[name='usingMultiShipping']\").on(\"change\", function () {\n var url = $(\".multi-shipping-checkbox-block form\").attr(\"action\");\n var usingMultiShip = this.checked;\n\n $.ajax({\n url: url,\n type: \"post\",\n dataType: \"json\",\n data: { usingMultiShip: usingMultiShip },\n success: function (response) {\n if (response.error) {\n window.location.href = response.redirectUrl;\n } else {\n $(\"body\").trigger(\"checkout:updateCheckoutView\", {\n order: response.order,\n customer: response.customer\n });\n\n if ($(\"#checkout-main\").data(\"customer-type\") === \"guest\") {\n if (baseObj.methods && baseObj.methods.clearShippingForms) {\n baseObj.methods.clearShippingForms(response.order);\n } else {\n clearShippingForms(response.order);\n }\n } else {\n response.order.shipping.forEach(function (shipping) {\n $(\"input[value=\" + shipping.UUID + \"]\").each(function (formIndex, el) {\n var form = el.form;\n if (!form) return;\n\n $(form).attr(\"data-address-mode\", \"edit\");\n var addressSelectorDropDown = $(form).find(\".addressSelector option[value=\\\"ab_\" + shipping.matchingAddressId + \"\\\"]\");\n $(addressSelectorDropDown).prop(\"selected\", true);\n $(\"input[name$=_isGift]\", form).prop(\"checked\", false);\n $(\"textarea[name$=_giftMessage]\", form).val(\"\");\n $(form).find(\".gift-message\").addClass(\"d-none\");\n });\n });\n }\n\n if (usingMultiShip) {\n $(\"body\").trigger(\"shipping:selectMultiShipping\", { data: response });\n } else {\n $(\"body\").trigger(\"shipping:selectSingleShipping\", { data: response });\n }\n }\n\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n },\n\n selectSingleShipping: function () {\n $(\"body\").on(\"shipping:selectSingleShipping\", function () {\n $(\".single-shipping .shipping-address\").removeClass(\"d-none\");\n });\n },\n\n selectMultiShipping: function () {\n var baseObj = this;\n\n $(\"body\").on(\"shipping:selectMultiShipping\", function (e, data) {\n $(\".multi-shipping .shipping-address\").addClass(\"d-none\");\n\n data.data.order.shipping.forEach(function (shipping) {\n var element = $(\".multi-shipping .card[data-shipment-uuid=\\\"\" + shipping.UUID + \"\\\"]\");\n\n if (shipping.shippingAddress) {\n if (baseObj.methods && baseObj.methods.viewMultishipAddress) {\n baseObj.methods.viewMultishipAddress($(element));\n } else {\n viewMultishipAddress($(element));\n }\n } else {\n /* eslint-disable no-lonely-if */\n if (baseObj.methods && baseObj.methods.enterMultishipView) {\n baseObj.methods.enterMultishipView($(element));\n } else {\n enterMultishipView($(element));\n }\n /* eslint-enable no-lonely-if */\n }\n });\n });\n },\n\n selectSingleShipAddress: function () {\n $(\".single-shipping .addressSelector\").on(\"change\", function () {\n var form = $(this).parents(\"form\")[0];\n var selectedOption = $(\"option:selected\", this);\n var attrs = selectedOption.data();\n var shipmentUUID = selectedOption[0].value;\n var originalUUID = $(\"input[name=shipmentUUID]\", form).val();\n var element;\n Object.keys(attrs).forEach(function (attr) {\n element = attr === \"countryCode\" ? \"country\" : attr;\n $(\"[name$=\" + element + \"]\", form).val(attrs[attr]);\n });\n $(\"[name$=stateCode]\", form).trigger(\"change\");\n if (shipmentUUID === \"new\") {\n $(form).attr(\"data-address-mode\", \"new\");\n $(form).find(\".shipping-address-block\").removeClass(\"d-none\");\n } else if (shipmentUUID === originalUUID) {\n $(form).attr(\"data-address-mode\", \"shipment\");\n } else if (shipmentUUID.indexOf(\"ab_\") === 0) {\n $(form).attr(\"data-address-mode\", \"customer\");\n } else {\n $(form).attr(\"data-address-mode\", \"edit\");\n }\n });\n },\n\n selectMultiShipAddress: function () {\n var baseObj = this;\n\n $(\".multi-shipping .addressSelector\").on(\"change\", function () {\n var form = $(this).closest(\"form\");\n var selectedOption = $(\"option:selected\", this);\n var attrs = selectedOption.data();\n var shipmentUUID = selectedOption[0].value;\n var originalUUID = $(\"input[name=shipmentUUID]\", form).val();\n var pliUUID = $(\"input[name=productLineItemUUID]\", form).val();\n var createNewShipmentScoped = baseObj.methods && baseObj.methods.createNewShipment ? baseObj.methods.createNewShipment : createNewShipment;\n\n var element;\n Object.keys(attrs).forEach(function (attr) {\n if (attr === \"isGift\") {\n $(\"[name$=\" + attr + \"]\", form).prop(\"checked\", attrs[attr]);\n $(\"[name$=\" + attr + \"]\", form).trigger(\"change\");\n } else {\n element = attr === \"countryCode\" ? \"country\" : attr;\n $(\"[name$=\" + element + \"]\", form).val(attrs[attr]);\n }\n });\n\n if (shipmentUUID === \"new\" && pliUUID) {\n var createShipmentUrl = $(this).attr(\"data-create-shipment-url\");\n createNewShipmentScoped(createShipmentUrl, { productLineItemUUID: pliUUID })\n .done(function (response) {\n $.spinner().stop();\n if (response.error) {\n if (response.redirectUrl) {\n window.location.href = response.redirectUrl;\n }\n return;\n }\n\n $(\"body\").trigger(\"checkout:updateCheckoutView\",\n {\n order: response.order,\n customer: response.customer,\n options: { keepOpen: true }\n }\n );\n\n $(form).attr(\"data-address-mode\", \"new\");\n })\n .fail(function () {\n $.spinner().stop();\n });\n } else if (shipmentUUID === originalUUID) {\n $(\"select[name$=stateCode]\", form).trigger(\"change\");\n $(form).attr(\"data-address-mode\", \"shipment\");\n } else if (shipmentUUID.indexOf(\"ab_\") === 0) {\n var url = $(form).attr(\"action\");\n var serializedData = $(form).serialize();\n createNewShipmentScoped(url, serializedData)\n .done(function (response) {\n $.spinner().stop();\n if (response.error) {\n if (response.redirectUrl) {\n window.location.href = response.redirectUrl;\n }\n return;\n }\n\n $(\"body\").trigger(\"checkout:updateCheckoutView\",\n {\n order: response.order,\n customer: response.customer,\n options: { keepOpen: true }\n }\n );\n\n $(form).attr(\"data-address-mode\", \"customer\");\n var $rootEl = $(form).closest(\".shipping-content\");\n editMultiShipAddress($rootEl);\n })\n .fail(function () {\n $.spinner().stop();\n });\n } else {\n var updatePLIShipmentUrl = $(form).attr(\"action\");\n var serializedAddress = $(form).serialize();\n createNewShipmentScoped(updatePLIShipmentUrl, serializedAddress)\n .done(function (response) {\n $.spinner().stop();\n if (response.error) {\n if (response.redirectUrl) {\n window.location.href = response.redirectUrl;\n }\n return;\n }\n\n $(\"body\").trigger(\"checkout:updateCheckoutView\",\n {\n order: response.order,\n customer: response.customer,\n options: { keepOpen: true }\n }\n );\n\n $(form).attr(\"data-address-mode\", \"edit\");\n })\n .fail(function () {\n $.spinner().stop();\n });\n }\n });\n },\n\n updateShippingList: function () {\n var baseObj = this;\n\n $(\"select[name$='shippingAddress_addressFields_states_stateCode']\")\n .on(\"change\", function (e) {\n if (baseObj.methods && baseObj.methods.updateShippingMethodList) {\n baseObj.methods.updateShippingMethodList($(e.currentTarget.form));\n } else {\n updateShippingMethodList($(e.currentTarget.form));\n }\n });\n },\n\n updateDataAddressMode: function () {\n $(\"body\").on(\"shipping:updateDataAddressMode\", function (e, data) {\n $(data.form).attr(\"data-address-mode\", data.mode);\n });\n },\n\n enterMultiShipInfo: function () {\n var baseObj = this;\n\n $(\".btn-enter-multi-ship\").on(\"click\", function (e) {\n e.preventDefault();\n\n if (baseObj.methods && baseObj.methods.editOrEnterMultiShipInfo) {\n baseObj.methods.editOrEnterMultiShipInfo($(this), \"new\");\n } else {\n editOrEnterMultiShipInfo($(this), \"new\");\n }\n });\n },\n\n editMultiShipInfo: function () {\n var baseObj = this;\n\n $(\".btn-edit-multi-ship\").on(\"click\", function (e) {\n e.preventDefault();\n\n if (baseObj.methods && baseObj.methods.editOrEnterMultiShipInfo) {\n baseObj.methods.editOrEnterMultiShipInfo($(this), \"edit\");\n } else {\n editOrEnterMultiShipInfo($(this), \"edit\");\n }\n });\n },\n\n saveMultiShipInfo: function () {\n var baseObj = this;\n\n $(\".btn-save-multi-ship\").on(\"click\", function (e) {\n e.preventDefault();\n\n // Save address to checkoutAddressBook\n var form = $(this).closest(\"form\");\n var $rootEl = $(this).closest(\".shipping-content\");\n var data = $(form).serialize();\n var url = $(form).attr(\"action\");\n\n $rootEl.spinner().start();\n $.ajax({\n url: url,\n type: \"post\",\n dataType: \"json\",\n data: data\n })\n .done(function (response) {\n formHelpers.clearPreviousErrors(form);\n if (response.error) {\n if (response.fieldErrors && response.fieldErrors.length) {\n response.fieldErrors.forEach(function (error) {\n if (Object.keys(error).length) {\n formHelpers.loadFormErrors(form, error);\n }\n });\n } else if (response.serverErrors && response.serverErrors.length) {\n $.each(response.serverErrors, function (index, element) {\n createErrorNotification(element);\n });\n } else if (response.redirectUrl) {\n window.location.href = response.redirectUrl;\n }\n } else {\n // Update UI from response\n $(\"body\").trigger(\"checkout:updateCheckoutView\",\n {\n order: response.order,\n customer: response.customer\n }\n );\n\n if (baseObj.methods && baseObj.methods.viewMultishipAddress) {\n baseObj.methods.viewMultishipAddress($rootEl);\n } else {\n viewMultishipAddress($rootEl);\n }\n }\n\n if (response.order && response.order.shippable) {\n $(\"button.submit-shipping\").attr(\"disabled\", null);\n }\n\n $rootEl.spinner().stop();\n })\n .fail(function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n\n $rootEl.spinner().stop();\n });\n\n return false;\n });\n },\n\n cancelMultiShipAddress: function () {\n var baseObj = this;\n\n $(\".btn-cancel-multi-ship-address\").on(\"click\", function (e) {\n e.preventDefault();\n\n var form = $(this).closest(\"form\");\n var $rootEl = $(this).closest(\".shipping-content\");\n var restoreState = $rootEl.data(\"saved-state\");\n\n // Should clear out changes / restore previous state\n if (restoreState) {\n var restoreStateObj = JSON.parse(restoreState);\n var originalStateCode = restoreStateObj.shippingAddress.stateCode;\n var stateCode = $(\"[name$=_stateCode]\", form).val();\n\n if (baseObj.methods && baseObj.methods.updateShippingAddressFormValues) {\n baseObj.methods.updateShippingAddressFormValues(restoreStateObj);\n } else {\n updateShippingAddressFormValues(restoreStateObj);\n }\n\n if (stateCode !== originalStateCode) {\n $(\"[data-action=save]\", form).trigger(\"click\");\n } else {\n $(form).attr(\"data-address-mode\", \"edit\");\n if (baseObj.methods && baseObj.methods.editMultiShipAddress) {\n baseObj.methods.editMultiShipAddress($rootEl);\n } else {\n editMultiShipAddress($rootEl);\n }\n }\n }\n\n return false;\n });\n },\n\n isGift: function () {\n $(\".gift\").on(\"change\", function (e) {\n e.preventDefault();\n var form = $(this).closest(\"form\");\n\n if (this.checked) {\n $(form).find(\".gift-message\").removeClass(\"d-none\");\n } else {\n $(form).find(\".gift-message\").addClass(\"d-none\");\n $(form).find(\".gift-message\").val(\"\");\n }\n });\n },\n\n /**\n * Initializes the custom behaviors for shipping\n */\n initShippingCustomBehaviors() {\n customDatePickerHandler();\n deliveryTypeListener();\n handleTabsChange();\n storePickupListener();\n loadGoogleMapsScript();\n openStoreLocatorModal();\n pickupNotification();\n initCustomPicker();\n }\n};\n","\"use strict\";\n\nconst Swiper = require(\"swiper\").default;\nconst { Navigation, Pagination } = require(\"swiper\");\nconst gtm = require(\"../gtm\");\n\n/**\n* Returns the default configuration for the carousel\n* @param {string} carouselWrapperClass - the class of the carousel wrapper\n* @returns {Object} - the default configuration for the carousel\n*/\nconst getDefaultConfig = (carouselWrapperClass) => {\n const wrapperClass = carouselWrapperClass || \".js-ahumada-carousel-wrapper\";\n\n return {\n loop: false,\n observer: true,\n modules: [Pagination, Navigation],\n pagination: {\n el: `${wrapperClass} .swiper-pagination`,\n type: \"bullets\",\n clickable: true\n },\n navigation: {\n nextEl: `${wrapperClass} .swiper-button-next`,\n prevEl: `${wrapperClass} .swiper-button-prev`,\n },\n breakpoints: {\n 0: {\n slidesPerView: 2,\n spaceBetween: 16,\n },\n 1024: {\n slidesPerView: 5,\n spaceBetween: 20,\n },\n },\n };\n};\n\n/**\n* Initializes the carousel\n* @param {string} [element=\"js-ahumada-carousel\"] - The carousel element selector\n* @param {Object} [configs={}] - The configuration of the carousel\n* @param {string} [carouselWrapperClass=''] - The wrapper class of the carousel\n*/\nfunction initCarousel(element = \"js-ahumada-carousel\", configs = {}, carouselWrapperClass = \"\") {\n const selector = element;\n const defaultConfig = getDefaultConfig(carouselWrapperClass);\n const settings = { ...defaultConfig, ...configs };\n var eventWasTriggered = false;\n\n // eslint-disable-next-line no-unused-vars\n const carousel = new Swiper(selector, settings);\n\n $(window).on(\"scroll\", function () {\n if (!eventWasTriggered && $(selector).is(\":visible\") && $(selector).find(\".product-tile\").length) {\n var windowHeight = $(window).height();\n var scrollTop = $(window).scrollTop();\n var elementOffset = $(selector).offset().top;\n\n if (scrollTop + windowHeight > elementOffset) {\n // Run tracking function when the element is on the screen\n gtm.viewItemList($(selector));\n eventWasTriggered = true;\n }\n }\n });\n}\n\nmodule.exports = {\n initCarousel\n};\n","\"use strict\";\n\n/**\n * Validate whole form. Requires `this` to be set to form object\n * @param {jQuery.event} event - Event to be canceled if form is invalid.\n * @returns {boolean} - Flag to indicate if form is valid\n */\nfunction validateForm(event) {\n var valid = true;\n if (this.checkValidity && !this.checkValidity()) {\n // safari\n valid = false;\n if (event) {\n event.preventDefault();\n event.stopPropagation();\n event.stopImmediatePropagation();\n }\n $(this).find(\"input, select\").each(function () {\n if (!this.validity.valid) {\n $(this).trigger(\"invalid\", this.validity);\n }\n });\n }\n return valid;\n}\n\n/**\n * Remove all validation. Should be called every time before revalidating form\n * @param {element} form - Form to be cleared\n * @returns {void}\n */\nfunction clearForm(form) {\n $(form).find(\".form-control.is-invalid\").removeClass(\"is-invalid\");\n\n if ($(\".cart\").length) {\n $(\".falabella-error-message\").hide();\n $(\".falabella-code-form .form-control\").removeClass(\"is-invalid\");\n $(\".promo-code-form .form-control\").removeClass(\"is-invalid\");\n }\n}\n\n/**\n* Scrolls the page to the first invalid input\n* @param {Object} input - the input element\n*/\nfunction scrollIntoErrorInput(input) {\n const $form = $(input).parents(\"form\");\n\n if ($form.find(\".form-control.is-invalid\").length)\n $form.find(\".is-invalid\")[0].scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n}\n\nmodule.exports = {\n invalid: function () {\n $(\"form input, form select, form textarea\").on(\"invalid\", function (e) {\n e.preventDefault();\n this.setCustomValidity(\"\");\n if (!this.validity.valid) {\n var validationMessage = this.validationMessage;\n $(this).addClass(\"is-invalid\");\n if (this.validity.patternMismatch && $(this).data(\"pattern-mismatch\")) {\n validationMessage = $(this).data(\"pattern-mismatch\");\n }\n if ((this.validity.rangeOverflow || this.validity.rangeUnderflow)\n && $(this).data(\"range-error\")) {\n validationMessage = $(this).data(\"range-error\");\n }\n if ((this.validity.tooLong || this.validity.tooShort)\n && $(this).data(\"range-error\")) {\n validationMessage = $(this).data(\"range-error\");\n }\n if (this.validity.valueMissing && $(this).data(\"missing-error\")) {\n validationMessage = $(this).data(\"missing-error\");\n }\n $(this).parents(\".form-group\").find(\".invalid-feedback\")\n .text(validationMessage);\n }\n\n // Focus on error input\n scrollIntoErrorInput(e.target);\n });\n },\n\n submit: function () {\n $(\"form\").on(\"submit\", function (e) {\n return validateForm.call(this, e);\n });\n },\n\n buttonClick: function () {\n $(\"form button[type=\\\"submit\\\"], form input[type=\\\"submit\\\"]\").on(\"click\", function () {\n // clear all errors when trying to submit the form\n clearForm($(this).parents(\"form\"));\n });\n },\n\n functions: {\n validateForm: function (form, event) {\n validateForm.call($(form), event || null);\n },\n clearForm: clearForm\n }\n};\n","\"use strict\";\n\nvar focusHelper = require(\"base/components/focus\");\n\n/**\n * Renders a modal window that will track the users consenting to accepting site tracking policy\n */\nfunction showConsentModal() {\n var trackingConsentData = $(\".tracking-consent\");\n if (!trackingConsentData.data(\"caonline\")) {\n return;\n }\n\n var urlContent = trackingConsentData.data(\"url\");\n var urlAccept = trackingConsentData.data(\"accept\");\n var urlReject = trackingConsentData.data(\"reject\");\n var textYes = trackingConsentData.data(\"accepttext\");\n var textNo = trackingConsentData.data(\"rejecttext\");\n var textHeader = trackingConsentData.data(\"heading\");\n var tokenName = trackingConsentData.data(\"tokenname\");\n var token = trackingConsentData.data(\"token\");\n\n var htmlString = `\n \n
`;\n $.spinner().start();\n $(\"body\").append(htmlString);\n\n $.ajax({\n url: urlContent,\n type: \"get\",\n dataType: \"html\",\n success: function (response) {\n $(\".modal-body\", \"#consent-tracking\").html(response);\n $(\"#consent-tracking\").modal(\"show\");\n },\n error: function () {\n $(\"#consent-tracking\").remove();\n }\n });\n\n $(\"#consent-tracking .button-wrapper button\").click(function (e) {\n e.preventDefault();\n var url = $(this).data(\"url\");\n var data = {};\n data[tokenName] = token;\n $.ajax({\n url: url,\n type: \"post\",\n data: data,\n dataType: \"json\",\n success: function (response) {\n // Only hide modal if the operation is successful - don\"t want to give a false impression\n if (response.success) {\n $(\"#consent-tracking\").remove();\n $.spinner().stop();\n }\n },\n error: function (err) {\n // Expected error response is for CSRF failure, which will include a redirect to CSRF-Fail\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n }\n });\n });\n}\n\nmodule.exports = function () {\n if ($(\".consented\").length === 0 && $(\".tracking-consent\").hasClass(\"api-true\")) {\n showConsentModal();\n }\n\n if ($(\".tracking-consent\").hasClass(\"api-true\")) {\n $(\".tracking-consent\").click(function () {\n showConsentModal();\n });\n }\n\n $(\"body\").on(\"shown.bs.modal\", \"#consent-tracking\", function () {\n $(\"#consent-tracking\").siblings().attr(\"aria-hidden\", \"true\");\n $(\"#consent-tracking .affirm\").focus();\n $.spinner().stop();\n });\n\n $(\"body\").on(\"hidden.bs.modal\", \"#consent-tracking\", function () {\n $(\"#consent-tracking\").siblings().attr(\"aria-hidden\", \"false\");\n });\n\n $(\"body\").on(\"keydown\", \"#consent-tracking\", function (e) {\n var focusParams = {\n event: e,\n containerSelector: \"#consent-tracking\",\n firstElementSelector: \".affirm\",\n lastElementSelector: \".decline\",\n nextToLastElementSelector: \".affirm\"\n };\n focusHelper.setTabNextFocus(focusParams);\n });\n};\n","\"use strict\";\n\nconst debounce = require(\"lodash/debounce\");\nconst endpoint = $(\".custom-suggestions-wrapper\").data(\"url\");\nconst customSearchCategory = $(\".custom-suggestion-category\").data(\"category\");\nconst mobileDiv = $(\"#mobile-capsule\");\nconst minChars = 3;\nconst UP_KEY = 38;\nconst DOWN_KEY = 40;\nconst DIRECTION_DOWN = 1;\nconst DIRECTION_UP = -1;\n\n$(window).on(\"load\", function () {\n if (isMobileSearch()) {\n mobileDiv.addClass(\"custom-search-mobile d-lg-none w-100 px-4 pb-3 container\");\n }\n});\n/**\n * Retrieves Suggestions element relative to scope\n *\n * @param {Object} scope - Search input field DOM element\n * @return {JQuery} - .custom-suggestions-wrapper element\n */\nfunction getSuggestionsWrapper(scope) {\n return $(scope).siblings(\".custom-suggestions-wrapper\");\n}\n\n/**\n * Determines whether DOM element is inside the .custom-search-mobile class\n *\n * @param {Object} scope - DOM element, usually the input.custom-search-field element\n * @return {boolean} - Whether DOM element is inside div.custom-search-mobile\n */\nfunction isMobileSearch() {\n return window.innerWidth <= 768 || /Mobi|Android|iPhone|iPad|iPod|Opera Mini|IEMobile|Mobile/i.test(navigator.userAgent);\n}\n\n/**\n * Remove modal classes needed for mobile suggestions\n *\n */\nfunction clearModals() {\n $(\"body\").removeClass(\"modal-open\");\n $(\"input.custom-search-field\").siblings().attr(\"aria-hidden\", \"false\");\n $(\".custom-suggestions\").removeClass(\"modal\");\n}\n\n/**\n * Apply modal classes needed for mobile suggestions\n *\n * @param {Object} scope - Search input field DOM element\n */\nfunction applyModals(scope) {\n if (isMobileSearch()) {\n $(\"body\").addClass(\"modal-open\");\n $(\"input.custom-search-field\").siblings().attr(\"aria-hidden\", \"true\");\n getSuggestionsWrapper(scope).find(\".custom-suggestions\").addClass(\"modal\");\n }\n}\n\n/**\n * Tear down Suggestions panel\n */\nfunction tearDownSuggestions() {\n $(\"input.custom-search-field\").val(\"\");\n clearModals();\n $(\".custom-suggestions-wrapper\").empty();\n}\n\n/**\n * Toggle search field icon from search to close and vice-versa\n *\n * @param {string} action - Action to toggle to\n */\nfunction toggleSuggestionsIcon(action) {\n const mobileSearchIcon = \".custom-search-mobile button.\";\n const iconSearch = \"fa-search\";\n const iconSearchClose = \"fa-close\";\n\n if (action === \"close\") {\n $(mobileSearchIcon + iconSearch).removeClass(iconSearch).addClass(iconSearchClose).attr(\"type\", \"button\");\n } else {\n $(mobileSearchIcon + iconSearchClose).removeClass(iconSearchClose).addClass(iconSearch).attr(\"type\", \"submit\");\n }\n}\n\n/**\n * Process Ajax response for SearchServices-GetSuggestions\n *\n * @param {Object|string} response - Empty object literal if null response or string with rendered\n * suggestions template contents\n */\nfunction processResponse(response) {\n const $suggestionsWrapper = getSuggestionsWrapper(this).empty();\n\n $.spinner().stop();\n\n if (typeof (response) !== \"object\") {\n $suggestionsWrapper.append(response).show();\n $(this).siblings(\".custom-reset-button\").addClass(\"d-md-block\");\n\n if (isMobileSearch()) {\n toggleSuggestionsIcon(\"close\");\n applyModals(this);\n }\n\n // Trigger screen reader by setting aria-describedby with the new suggestion message.\n const suggestionsList = $(\".custom-suggestions .item\");\n if ($(suggestionsList).length) {\n $(\"input.custom-search-field\").attr(\"aria-describedby\", \"search-result-count\");\n } else {\n $(\"input.custom-search-field\").removeAttr(\"aria-describedby\");\n }\n } else {\n $suggestionsWrapper.hide();\n }\n}\n\n/**\n * Retrieve suggestions\n *\n * @param {Object} scope - Search field DOM element\n */\nfunction getSuggestions(scope) {\n let url = endpoint + encodeURIComponent($(scope).val());\n url = customSearchCategory ? url + \"&category=\" + encodeURIComponent(customSearchCategory) : url;\n if ($(scope).val().length >= minChars) {\n $.spinner().start();\n $.ajax({\n context: scope,\n url: url,\n method: \"GET\",\n success: processResponse,\n error: function () {\n $.spinner().stop();\n }\n });\n } else {\n toggleSuggestionsIcon(\"search\");\n $(scope).siblings(\".custom-reset-button\").removeClass(\"d-md-block\");\n clearModals();\n getSuggestionsWrapper(scope).empty();\n }\n}\n\n/**\n * Handle Search Suggestion Keyboard Arrow Keys\n *\n * @param {Integer} direction takes positive or negative number constant, DIRECTION_UP (-1) or DIRECTION_DOWN (+1)\n */\nfunction handleArrow(direction) {\n // get all li elements in the suggestions list\n let suggestionsList = $(\".custom-suggestions .item\");\n if (suggestionsList.filter(\".selected\").length === 0) {\n suggestionsList.first().addClass(\"selected\");\n $(\"input.custom-search-field\").each(function () {\n $(this).attr(\"aria-activedescendant\", suggestionsList.first()[0].id);\n });\n } else {\n suggestionsList.each(function (index) {\n let idx = index + direction;\n if ($(this).hasClass(\"selected\")) {\n $(this).removeClass(\"selected\");\n $(this).removeAttr(\"aria-selected\");\n if (suggestionsList.eq(idx).length !== 0) {\n suggestionsList.eq(idx).addClass(\"selected\");\n suggestionsList.eq(idx).attr(\"aria-selected\", true);\n $(this).removeProp(\"aria-selected\");\n $(\"input.custom-search-field\").each(function () {\n $(this).attr(\"aria-activedescendant\", suggestionsList.eq(idx)[0].id);\n });\n } else {\n suggestionsList.first().addClass(\"selected\");\n suggestionsList.first().attr(\"aria-selected\", true);\n $(\"input.custom-search-field\").each(function () {\n $(this).attr(\"aria-activedescendant\", suggestionsList.first()[0].id);\n });\n }\n return false;\n }\n return true;\n });\n }\n}\nmodule.exports = function () {\n $(\"form[name=\\\"customSearch\\\"]\").submit(function (e) {\n let suggestionsList = $(\".custom-suggestions .item\");\n if (suggestionsList.filter(\".selected\").length !== 0) {\n e.preventDefault();\n suggestionsList.filter(\".selected\").find(\"a\")[0].click();\n }\n });\n\n $(\"input.custom-search-field\").each(function () {\n /**\n * Use debounce to avoid making an Ajax call on every single key press by waiting a few\n * hundred milliseconds before making the request. Without debounce, the user sees the\n * browser blink with every key press.\n */\n const debounceSuggestions = debounce(getSuggestions, 300);\n $(this).on(\"keyup focus\", function (e) {\n // Capture Down/Up Arrow Key Events\n switch (e.which) {\n case DOWN_KEY:\n handleArrow(DIRECTION_DOWN);\n e.preventDefault(); // prevent moving the cursor\n break;\n case UP_KEY:\n handleArrow(DIRECTION_UP);\n e.preventDefault(); // prevent moving the cursor\n break;\n default:\n debounceSuggestions(this, e);\n }\n });\n });\n\n $(\"body\").on(\"click\", function (e) {\n if (!$(\".custom-suggestions\").has(e.target).length && !$(e.target).hasClass(\"custom-search-field\")) {\n $(\".custom-suggestions\").hide();\n }\n });\n\n $(\"body\").on(\"click touchend\", \".custom-search-mobile button.fa-close\", function (e) {\n e.preventDefault();\n $(\".custom-suggestions\").hide();\n toggleSuggestionsIcon(\"customSearch\");\n tearDownSuggestions();\n });\n\n $(\".custom-search .custom-reset-button\").on(\"click\", function () {\n $(this).removeClass(\"d-md-block\");\n });\n};\n","const utilsServices = require(\"../utils/utilsServices\");\n\n/**\n * Check for a local storage variable successMessage and if it's there, show a toast at the top right of the screen.\n * @returns {void}\n */\nfunction showSuccessfulMessage() {\n const shouldShowSuccessMessage = localStorage.getItem(\"successMessage\");\n\n if (shouldShowSuccessMessage) {\n const $alert = $(\".js-notification-alert\");\n const successMessage = $alert.data(\"successful-message\");\n\n utilsServices.createSuccessNotification(successMessage, $alert, true, 3000);\n\n //Clear the local storage item\n localStorage.removeItem(\"successMessage\");\n }\n}\n\nmodule.exports = {\n initialize: function () {\n showSuccessfulMessage();\n },\n methods: {\n showSuccessfulMessage\n }\n};\n","\"use strict\";\n\n/**\n * Remove all validation. Should be called every time before revalidating form\n * @param {element} form - Form to be cleared\n * @returns {void}\n */\nfunction clearFormErrors(form) {\n $(form).find(\".form-control.is-invalid\").removeClass(\"is-invalid\");\n}\n\nmodule.exports = function (formElement, payload) {\n // clear form validation first\n clearFormErrors(formElement);\n $(\".alert\", formElement).remove();\n\n if (typeof payload === \"object\" && payload.fields) {\n Object.keys(payload.fields).forEach(function (key) {\n if (payload.fields[key]) {\n var feedbackElement = $(formElement).find(\"[name=\\\"\" + key + \"\\\"]\")\n .parent()\n .children(\".invalid-feedback\");\n\n if (feedbackElement.length > 0) {\n if (Array.isArray(payload[key])) {\n feedbackElement.html(payload.fields[key].join(\"\n \n \n
\n \"));\n } else {\n feedbackElement.html(payload.fields[key]);\n }\n feedbackElement.siblings(\".form-control\").addClass(\"is-invalid\");\n }\n }\n });\n\n // Scroll to the first invalid field\n if ($(formElement).find(\".form-control.is-invalid\").length) {\n $(formElement).find(\".form-control.is-invalid\")[0].scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n }\n }\n if (payload && payload.error) {\n var form = $(formElement).prop(\"tagName\") === \"FORM\"\n ? $(formElement)\n : $(formElement).parents(\"form\");\n\n form.prepend(\"
\"\n + payload.error.join(\"
\") + \"
\");\n }\n};\n","\"use strict\";\n\nfunction handleFooterMenuClick() {\n const $footerItemTitle = $(\".footer-item .title\");\n\n $footerItemTitle.on(\"click\", function () {\n const $this = $(this);\n const $footerItemCollapsible = $this.parents(\".footer-item\");\n const isFooterItemCollapsibleActive = !$footerItemCollapsible.hasClass(\"active\");\n const $footerCollapsibleContent = $footerItemCollapsible.find(\".content\");\n const headerHeight = $(\".header-content\").height();\n\n if (isFooterItemCollapsibleActive) {\n const animationDuration = parseFloat($footerCollapsibleContent.css(\"animation-duration\")) * 1000;\n\n $footerItemTitle.css(\"scroll-margin-top\", headerHeight + \"px\");\n\n setTimeout(() => {\n $this[0].scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n }, animationDuration);\n }\n });\n}\n\nmodule.exports = {\n handleFooterMenuClick\n};\n","\"use strict\";\n\nmodule.exports = function (selector, keyFunctions, preFunction) {\n $(selector).on(\"keydown\", function (e) {\n var key = e.which;\n var supportedKeyCodes = [37, 38, 39, 40, 27];\n if (supportedKeyCodes.indexOf(key) >= 0) {\n e.preventDefault();\n }\n var returnedScope = preFunction.call(this);\n if (keyFunctions[key]) {\n keyFunctions[key].call(this, returnedScope);\n }\n });\n};\n","\"use strict\";\n\nvar keyboardAccessibility = require(\"./keyboardAccessibility\");\nconst { debounce } = require(\"lodash\");\n\n// CONSTANTS\nconst preventOverFlowClass = \"menu-prevent-overflow\";\n\n/**\n* Closes the dropdown menu and removes the top category\n* @param {Element} element - the element that triggers the event\n*/\nvar clearSelection = function (element) {\n $(element).closest(\".dropdown\").children(\".dropdown-menu\").children(\".top-category\")\n .detach();\n $(element).closest(\".dropdown.show\").children(\".nav-link\").attr(\"aria-expanded\", \"false\");\n $(element).closest(\".dropdown.show\").children(\".dropdown-menu\").attr(\"aria-hidden\", \"true\");\n $(\"div.menu-group > ul.nav.navbar-nav > li.nav-item > a\").attr(\"aria-hidden\", \"false\");\n};\n\nconst _$elements = {\n $body: $(\"body\"),\n $btnMenu: $(\"#btn-menu\"),\n $logoHomeDesktop: $(\".logo-home\").first(),\n $iconOpenMenu: $(\"#icon-open-menu\"),\n $iconCloseMenu: $(\"#icon-close-menu\"),\n $menuHeader: $(\"#menu-header\"),\n $header: $(\"header\"),\n $headerMenu: $(\"#headermenu\"),\n $headerContent: $(\".header-content\"),\n $mainContent: $(\"#maincontent\"),\n $footer: $(\"footer\"),\n $auxiliaryMenuDesktop: $(\".auxiliary-menu-desktop\"),\n $mainMenu: $(\".main-menu\")\n};\n\n/**\n* Checks if the window width is greater than or equal to 940px\n* @returns {boolean} - true if window width is greater than or equal to 940px, false otherwise\n*/\nconst isDesktop = () => {\n return $(window).width() >= 940;\n};\n\n/**\n* Sets the css properties of the header menu\n* @param {Object} _$elements - jQuery elements of the header menu\n* @param {number} headerHeight - the height of the header element\n* @param {number} windowHeight - the height of the window\n* @param {Object} left - the left offset of the logoHomeDesktop element\n*/\nconst setHeaderAttr = () => {\n const headerHeight = _$elements.$header.height();\n const windowHeight = $(window).height();\n const { left } = _$elements.$logoHomeDesktop.length ? _$elements.$logoHomeDesktop.offset() : 0;\n\n _$elements.$headerMenu.css({\n \"top\": `${(headerHeight)}px`,\n \"height\": `${(windowHeight - headerHeight)}px`,\n \"left\": `${isDesktop() ? `${left}px` : \"0px\"}`\n });\n};\n\n/**\n* Sets the css properties for the dropdown menu\n* @param {Object} _$elements - the elements of the menu\n* @param {Object} $ - the jQuery object\n* @returns {void}\n*/\nconst setSubMenuAttr = () => {\n const heightHeaderMenu = _$elements.$headerMenu.height();\n const headerSize = $(\"#content-header\").width();\n const $menu = $(\".menu-toggleable-left\");\n const menuSize = $menu.width();\n const { left } = _$elements.$btnMenu.length ? _$elements.$btnMenu.offset() : 0;\n\n if (isDesktop()) {\n $(\".dropdown-menu.submenu-header\").css({\n \"height\": `${heightHeaderMenu}px`,\n \"width\": `${headerSize - (left/2 + menuSize)}px`,\n \"left\": \"99%\",\n \"border-radius\": \"0 0 16px 0\",\n \"border\": \"none\",\n \"top\":\"0\"\n });\n } else {\n $(\".dropdown-menu.submenu-header\").css({\n \"width\": \"100%\",\n \"left\": \"0\",\n \"border-radius\": \"0 0 0 0\",\n \"border\": \"none\",\n \"top\":\"0\",\n });\n\n\n }\n};\n\n/**\n* Handles the mobile overflow of the menu\n* @returns {void}\n*/\nconst handleMenuMobileOverflow = () => {\n const $backButton = $(\".submenu-header-btnback\");\n const $navLink = $(\".nav-link\");\n const $navLinkL2 = $(\".nav-link-l2\");\n const $outerContainer = _$elements.$mainMenu.find(\".container\");\n\n $navLink.on(\"click\", handleNavLinkClick);\n $navLinkL2.on(\"click\", handleNavLinkL2Click);\n $backButton.on(\"click\", handleBackButtonClick);\n\n /**\n * Handles the click event on the navigation link\n */\n function handleNavLinkClick() {\n $outerContainer.addClass(\"h-100\");\n }\n\n /**\n * Handles the click event for the level 2 navigation links\n */\n function handleNavLinkL2Click() {\n const $this = $(this);\n const $parentLi = $this.parent();\n const $parentUl = $this.parents(\"ul.submenu-header\");\n\n if ($parentLi.hasClass(\"show\")) {\n $parentUl.css(\"overflow\", \"hidden\");\n }\n }\n\n /**\n * Handles the click event of the back button\n * @returns {void}\n */\n function handleBackButtonClick() {\n $(\".submenu-header:not(.submenu-last)\").css(\"overflow\", \"unset\");\n $(this).hasClass(\"js-menu-back\") ? $outerContainer.addClass(\"h-100\") : $outerContainer.removeClass(\"h-100\");\n }\n};\n\n/**\n* Sets the max-height on the main menu and navbar mobile menu\n* @returns {void}\n*/\nconst setMaxHeightOnMenuMobile = () => {\n const headerHeight = $(\"header\").height();\n const $mainMenu = $(\".main-menu\");\n const clientHeight = $(window).height();\n\n const maxHeight = (!isDesktop()) ? `height: ${clientHeight - headerHeight}px)` : \"unset\";\n\n $mainMenu.css({ maxHeight });\n};\n\n/**\n* Calculates the scrollbar padding of the body element\n* @param {number} initialWidth - the initial width of the body element\n* @returns {string} - the scrollbar padding of the body element in pixels\n*/\n/**\n* Returns the difference between initial width and body width in px\n* @param {number} initialWidth - the initial width of the element\n* @returns {string} - the difference between initial width and body width in px\n*/\nconst calculateScrollbarPadding = (initialWidth) => {\n return `${Math.abs(initialWidth - _$elements.$body[0].clientWidth)}px`;\n};\n\n/**\n* Opens the menu and adds necessary classes and styles\n* @private\n*/\nconst openMenu = () => {\n const initialBodyWidth = _$elements.$body[0].offsetWidth;\n\n _$elements.$headerMenu.removeClass(\"d-none\").addClass(\"d-block active\");\n _$elements.$mainContent.add(_$elements.$footer).addClass(`menu-open ${preventOverFlowClass}`);\n _$elements.$auxiliaryMenuDesktop.addClass(\"menu-prevent-pointer-events\");\n _$elements.$body.addClass(preventOverFlowClass).css(\"padding-right\", calculateScrollbarPadding(initialBodyWidth));\n _$elements.$iconOpenMenu.addClass(\"d-none\");\n _$elements.$iconCloseMenu.removeClass(\"d-none\");\n\n setHeaderAttr();\n setSubMenuAttr();\n setMaxHeightOnMenuMobile();\n};\n\n/**\n* Hides the header menu, removes the open menu classes and shows the open menu icon.\n* @param {Object} _$elements - Object containing all the elements of the menu\n*/\nconst closeMenu = () => {\n _$elements.$headerMenu.removeClass(\"d-block active\").addClass(\"d-none\");\n $(\".dropdown-menu.submenu-header\").removeClass(\"d-block\");\n _$elements.$mainContent.add(_$elements.$footer).removeClass(`menu-open ${preventOverFlowClass}`);\n _$elements.$auxiliaryMenuDesktop.removeClass(\"menu-prevent-pointer-events\");\n $(_$elements.$body, _$elements.$page).removeClass(preventOverFlowClass).removeAttr(\"style\");\n _$elements.$iconOpenMenu.removeClass(\"d-none\");\n _$elements.$iconCloseMenu.addClass(\"d-none\");\n _$elements.$btnMenu.removeClass(\"active\");\n};\n\n\n/**\n* Handles the scroll event for the auxiliary menu on desktop\n* @returns {void}\n*/\nconst hideAuxiliaryMenuOnScroll = () => {\n let prevScrollPos = window.pageYOffset;\n\n const handleScroll = () => {\n const currentScrollPos = window.pageYOffset;\n const isScrollingUp = prevScrollPos > currentScrollPos;\n\n _$elements.$auxiliaryMenuDesktop.css({\n top: isScrollingUp ? \"0\" : \"-50px\",\n position: isScrollingUp ? \"sticky\" : \"absolute\"\n });\n\n prevScrollPos = currentScrollPos;\n\n //Recalculate header height\n setHeaderAttr();\n };\n\n $(window).on(\"scroll\", handleScroll);\n};\n\nmodule.exports = {\n /**\n * Sets the attributes of the header and submenu, hides the auxiliary menu on scroll, handles the overflow of the mobile menu and sets the maximum height of the mobile menu\n */\n init: () => {\n $(document).ready(() => {\n setSubMenuAttr();\n hideAuxiliaryMenuOnScroll();\n handleMenuMobileOverflow();\n setMaxHeightOnMenuMobile();\n });\n },\n listenEvents: () => {\n\n _$elements.$btnMenu.on(\"click\", (el) => {\n el.stopImmediatePropagation();\n\n if (_$elements.$btnMenu.hasClass(\"active\")) {\n closeMenu();\n _$elements.$btnMenu.removeClass(\"active\");\n } else {\n openMenu();\n _$elements.$btnMenu.addClass(\"active\");\n }\n });\n\n _$elements.$body.on(\"click\", function ({target}) {\n if (!$(target).is(\"header, .desktop-menu *\") && isDesktop()) {\n closeMenu();\n } else if (!$(target).is(\".main-menu, .mobile-menu *\") && !isDesktop()) {\n closeMenu();\n }\n });\n\n $(\".menu-header-navbar-link\").on(\"mouseenter\", (el) => {\n if (isDesktop()) {\n $(\".submenu-header\").removeClass(\"d-block\");\n $(\".menu-header-navbar-link\").removeClass(\"active\");\n $(el.target).addClass(\"active\");\n const idSubMenu = $(el.target).attr(\"id\");\n\n $(`[aria-label=\"${idSubMenu}\"]`).addClass(\"d-block\");\n }\n });\n\n $(\".submenu-header-btnback\").on(\"click\", (el) => {\n $(\".submenu-header\").removeClass(\"d-block\");\n\n const elFather = $(el.target).closest(\"ul.submenu-header\");\n\n elFather.removeClass(\"d-block\");\n });\n\n $(\".submenu-header-btnback\").on(\"click\", (el) => {\n if (!isDesktop()) {\n $(el.target).closest(\".dropdown-menu.submenu-header\").closest(\"li\").removeClass(\"show\");\n }\n });\n\n var headerBannerStatus = window.sessionStorage.getItem(\"hide_header_banner\");\n $(\".header-banner .close\").on(\"click\", function () {\n $(\".header-banner\").addClass(\"d-none\");\n window.sessionStorage.setItem(\"hide_header_banner\", \"1\");\n });\n\n if (!headerBannerStatus || headerBannerStatus < 0) {\n $(\".header-banner\").removeClass(\"d-none\");\n }\n\n keyboardAccessibility(\".main-menu .nav-link, .main-menu .dropdown-link\",\n {\n 40: function (menuItem) { // down\n if (menuItem.hasClass(\"nav-item\")) { // top level\n $(\".navbar-nav .show\").removeClass(\"show\")\n .children(\".dropdown-menu\")\n .removeClass(\"show\");\n menuItem.addClass(\"show\").children(\".dropdown-menu\").addClass(\"show\");\n menuItem.find(\"ul > li > a\")\n .first()\n .focus();\n } else {\n menuItem.removeClass(\"show\").children(\".dropdown-menu\").removeClass(\"show\");\n if (!(menuItem.next().length > 0)) { // if this is the last menuItem\n menuItem.parent().parent().find(\"li > a\") // set focus to the first menuitem\n .first()\n .focus();\n } else {\n menuItem.next().children().first().focus();\n }\n }\n },\n 39: function (menuItem) { // right\n if (menuItem.hasClass(\"nav-item\")) { // top level\n menuItem.removeClass(\"show\").children(\".dropdown-menu\").removeClass(\"show\");\n $(this).attr(\"aria-expanded\", \"false\");\n menuItem.next().children().first().focus();\n } else if (menuItem.hasClass(\"dropdown\")) {\n menuItem.addClass(\"show\").children(\".dropdown-menu\").addClass(\"show\");\n $(this).attr(\"aria-expanded\", \"true\");\n menuItem.find(\"ul > li > a\")\n .first()\n .focus();\n }\n },\n 38: function (menuItem) { // up\n if (menuItem.hasClass(\"nav-item\")) { // top level\n menuItem.removeClass(\"show\").children(\".dropdown-menu\").removeClass(\"show\");\n } else if (menuItem.prev().length === 0) { // first menuItem\n menuItem.parent().parent().removeClass(\"show\")\n .children(\".nav-link\")\n .attr(\"aria-expanded\", \"false\");\n menuItem.parent().children().last().children() // set the focus to the last menuItem\n .first()\n .focus();\n } else {\n menuItem.prev().children().first().focus();\n }\n },\n 37: function (menuItem) { // left\n if (menuItem.hasClass(\"nav-item\")) { // top level\n menuItem.removeClass(\"show\").children(\".dropdown-menu\").removeClass(\"show\");\n $(this).attr(\"aria-expanded\", \"false\");\n menuItem.prev().children().first().focus();\n } else {\n menuItem.closest(\".show\").removeClass(\"show\")\n .closest(\"li.show\").removeClass(\"show\")\n .children()\n .first()\n .focus()\n .attr(\"aria-expanded\", \"false\");\n }\n },\n 27: function (menuItem) { // escape\n var parentMenu = menuItem.hasClass(\"show\")\n ? menuItem\n : menuItem.closest(\"li.show\");\n parentMenu.children(\".show\").removeClass(\"show\");\n parentMenu.removeClass(\"show\").children(\".nav-link\")\n .attr(\"aria-expanded\", \"false\");\n parentMenu.children().first().focus();\n }\n },\n function () {\n return $(this).parent();\n }\n );\n\n $(\".dropdown:not(.disabled) [data-toggle=\\\"dropdown\\\"]\")\n .on(\"click\", function (e) {\n if (!isDesktop(this)) {\n // copy parent element into current UL\n var li = $(\"\");\n var link = $(this).clone().removeClass(\"dropdown-toggle pl-4\")\n .removeAttr(\"data-toggle\")\n .removeAttr(\"aria-expanded\")\n .attr(\"aria-haspopup\", \"false\");\n li.append(link);\n // copy navigation menu into view\n $(this).parent().addClass(\"show\");\n $(this).attr(\"aria-expanded\", \"true\");\n $(this).parent().children(\".dropdown-menu\").find(\".submenu-header-btnback\").eq(0).after(li);\n $(\"div.menu-group > ul.nav.navbar-nav > li.nav-item > a\").attr(\"aria-hidden\", \"true\");\n e.preventDefault();\n\n // Scroll to Top when clicking on mobile subcategory\n if ($(this).hasClass(\"nav-link-l2\")) {\n $(\".submenu-last:visible\").length && $(\".submenu-last:visible\")[0].scrollIntoView(true);\n _$elements.$body[0].scrollIntoView(true);\n }\n }\n })\n .on(\"mouseenter\", function () {\n if (isDesktop(this)) {\n var eventElement = this;\n $(\".navbar-nav > li\").each(function () {\n if (!$.contains(this, eventElement)) {\n $(this).find(\".show\").each(function () {\n clearSelection(this);\n });\n if ($(this).hasClass(\"show\")) {\n $(this).removeClass(\"show\");\n $(this).children(\"ul.dropdown-menu\").removeClass(\"show\");\n $(this).children(\".nav-link\").attr(\"aria-expanded\", \"false\");\n }\n }\n });\n // need to close all the dropdowns that are not direct parent of current dropdown\n $(this).parent().addClass(\"show\");\n $(this).siblings(\".dropdown-menu\").addClass(\"show\");\n $(this).attr(\"aria-expanded\", \"true\");\n }\n })\n .parent()\n .on(\"mouseleave\", function () {\n if (isDesktop(this)) {\n $(this).removeClass(\"show\");\n $(this).children(\".dropdown-menu\").removeClass(\"show\");\n $(this).children(\".nav-link\").attr(\"aria-expanded\", \"false\");\n }\n });\n\n $(\".navbar>.close-menu>.close-button\").on(\"click\", function (e) {\n e.preventDefault();\n $(\".menu-toggleable-left\").removeClass(\"in\");\n\n $(\".navbar-toggler\").focus();\n\n $(\".main-menu\").attr(\"aria-hidden\", \"true\");\n $(\".main-menu\").siblings().attr(\"aria-hidden\", \"false\");\n $(\"header\").siblings().attr(\"aria-hidden\", \"false\");\n });\n\n $(\".navbar-nav\").on(\"click\", \".submenu-header-btnback\", function (e) {\n e.preventDefault();\n clearSelection(this);\n });\n\n $(\".navbar-nav\").on(\"click\", \".close-button\", function (e) {\n e.preventDefault();\n $(\".navbar-nav\").find(\".top-category\").detach();\n $(\".navbar-nav\").find(\".nav-menu\").detach();\n $(\".navbar-nav\").find(\".show\").removeClass(\"show\");\n $(\".menu-toggleable-left\").removeClass(\"in\");\n\n $(\".main-menu\").siblings().attr(\"aria-hidden\", \"false\");\n $(\"header\").siblings().attr(\"aria-hidden\", \"false\");\n });\n\n $(\".navbar-toggler\").click(function (e) {\n e.preventDefault();\n $(\".main-menu\").toggleClass(\"in\");\n\n $(\".main-menu\").removeClass(\"d-none\");\n $(\".main-menu\").attr(\"aria-hidden\", \"false\");\n $(\".main-menu\").siblings().attr(\"aria-hidden\", \"true\");\n $(\"header\").siblings().attr(\"aria-hidden\", \"true\");\n\n $(\".main-menu .nav.navbar-nav .nav-link\").first().focus();\n });\n\n keyboardAccessibility(\".navbar-header .user\",\n {\n 40: function ($popover) { // down\n if ($popover.children(\"a\").first().is(\":focus\")) {\n $popover.next().children().first().focus();\n } else {\n $popover.children(\"a\").first().focus();\n }\n },\n 38: function ($popover) { // up\n if ($popover.children(\"a\").first().is(\":focus\")) {\n $(this).focus();\n $popover.removeClass(\"show\");\n } else {\n $popover.children(\"a\").first().focus();\n }\n },\n 27: function () { // escape\n $(\".navbar-header .user .popover\").removeClass(\"show\");\n $(\".user\").attr(\"aria-expanded\", \"false\");\n },\n 9: function () { // tab\n $(\".navbar-header .user .popover\").removeClass(\"show\");\n $(\".user\").attr(\"aria-expanded\", \"false\");\n }\n },\n function () {\n var $popover = $(\".user .popover li.nav-item\");\n return $popover;\n }\n );\n\n $(\".navbar-header .user\").on(\"mouseenter focusin\", function () {\n if ($(\".navbar-header .user .popover\").length > 0) {\n $(\".navbar-header .user .popover\").addClass(\"show\");\n $(\".user\").attr(\"aria-expanded\", \"true\");\n }\n });\n\n $(\".navbar-header .user\").on(\"mouseleave\", function () {\n $(\".navbar-header .user .popover\").removeClass(\"show\");\n $(\".user\").attr(\"aria-expanded\", \"false\");\n });\n\n _$elements.$body.on(\"click\", \"#myaccount\", function () {\n event.preventDefault();\n $(\".navbar-header .user .popover\").toggleClass(\"show\");\n });\n\n $(window).on(\"resize\", debounce(()=> {\n setHeaderAttr();\n setSubMenuAttr();\n setMaxHeightOnMenuMobile();\n }, 300));\n },\n};\n","\"use strict\";\n\nvar cart = require(\"../cart/cart\");\n\nvar updateMiniCart = true;\n\nfunction hideMiniCart() {\n $(\".minicart .popover\").addClass(\"d-none\");\n}\n\nfunction verifyIsCartPage() {\n const url = window.location.href;\n\n if (url.includes(\"Cart-Show\"))\n hideMiniCart();\n}\n\n/**\n * appends params to a url\n * @param {string} data - data returned from the server's ajax call\n */\nfunction displayMessage(data) {\n $.spinner().stop();\n var status = data.success ? \"alert-success\" : \"alert-danger\";\n\n if ($(\".add-to-wishlist-messages\").length === 0) {\n $(\"body\").append(\"\");\n }\n $(\".add-to-wishlist-messages\")\n .append(\"\") + \"
\" + data.msg + \"
\");\n\n setTimeout(function () {\n $(\".add-to-wishlist-messages\").remove();\n }, 5000);\n}\n\n/**\n * move items from Cart to wishlist\n * returns json object with success or error message\n */\nfunction moveToWishlist() {\n $(\"body\").on(\"click\", \".product-move .move\", function (e) {\n e.preventDefault();\n var url = $(this).attr(\"href\");\n var pid = $(this).data(\"pid\");\n var optionId = $(this).closest(\".product-info\").find(\".lineItem-options-values\").data(\"option-id\");\n var optionVal = $(this).closest(\".product-info\").find(\".lineItem-options-values\").data(\"value-id\");\n optionId = optionId || null;\n optionVal = optionVal || null;\n if (!url || !pid) {\n return;\n }\n\n $.spinner().start();\n $.ajax({\n url: url,\n type: \"post\",\n dataType: \"json\",\n data: {\n pid: pid,\n optionId: optionId,\n optionVal: optionVal\n },\n success: function (data) {\n displayMessage(data);\n },\n error: function (err) {\n displayMessage(err);\n }\n });\n });\n}\n\n\nmodule.exports = function () {\n cart();\n verifyIsCartPage();\n moveToWishlist();\n\n $(\".minicart\").on(\"count:update\", function (event, count) {\n if (count && $.isNumeric(count.quantityTotal)) {\n $(\".minicart .minicart-quantity\").text(count.quantityTotal);\n $(\".minicart .minicart-link\").attr({\n \"aria-label\": count.minicartCountOfItems,\n title: count.minicartCountOfItems\n });\n }\n });\n\n $(\".minicart\").on(\"mouseenter focusin touchstart\", function () {\n if ($(\".search:visible\").length === 0) {\n return;\n }\n var count = parseInt($(\".minicart .minicart-quantity\").text(), 10);\n\n if (count !== 0 && $(\".minicart .popover.show\").length === 0) {\n if (!updateMiniCart) {\n $(\".minicart .popover\").addClass(\"show\");\n return;\n }\n }\n });\n $(\"body\").on(\"touchstart click\", function (e) {\n if ($(\".minicart\").has(e.target).length <= 0) {\n $(\".minicart .popover\").removeClass(\"show\");\n }\n });\n $(\".minicart\").on(\"mouseleave focusout\", function (event) {\n if ((event.type === \"focusout\" && $(\".minicart\").has(event.target).length > 0)\n || (event.type === \"mouseleave\" && $(event.target).is(\".minicart .quantity\"))\n || $(\"body\").hasClass(\"modal-open\")) {\n event.stopPropagation();\n return;\n }\n $(\".minicart .popover\").removeClass(\"show\");\n });\n $(\"body\").on(\"change\", \".minicart .quantity\", function () {\n if ($(this).parents(\".bonus-product-line-item\").length && $(\".cart-page\").length) {\n location.reload();\n }\n });\n $(\"body\").on(\"product:afterAddToCart\", function () {\n updateMiniCart = true;\n });\n $(\"body\").on(\"cart:update\", function () {\n updateMiniCart = true;\n });\n};\n","\"use strict\";\n\nmodule.exports = {\n showOutOfStockMessage: function () {\n $(\".add-to-cart\").each(function (_index, element) {\n const $addToCart = $(element);\n const isUnavailable = $addToCart.data(\"is-unavailable\");\n\n $addToCart.closest(\".product-detail\").find(\".js-pdp-image-carousel .no-stock-message\").toggleClass(\"d-none\", !isUnavailable);\n });\n\n $(\".product-tile-add-to-cart\").each(function (_index, element) {\n const $addToCart = $(element);\n const isUnavailable = $addToCart.data(\"is-unavailable\");\n\n $addToCart.closest(\".product-tile-wrapper\").find(\".no-stock-message\").toggleClass(\"d-none\", !isUnavailable);\n });\n }\n};\n","\"use strict\";\n\nlet $quantityDropDown = $(\".quantity-select\");\nlet $currentElement;\nconst _ = require(\"lodash\");\n\nfunction getCurrentQuantity() {\n var selectedValue = $currentElement.parents(\".quantity-input-wrapper\").siblings(\"select.quantity-select\").val();\n\n return Number(selectedValue);\n}\n\nfunction addOrRemoveHeight(messageError) {\n var isMinicartOpen = $(\".popover.popover-bottom.show\").length > 0;\n var $minicartProductItem = messageError.closest(\".product-line-item .product-line-item-details\");\n\n if (isMinicartOpen && messageError.text()) {\n $minicartProductItem.css(\"height\", \"max-content\");\n } else {\n $minicartProductItem.css(\"height\", \"auto\");\n }\n}\n\nfunction updateQuantity(newQuantity) {\n var isSelectedOptionFromModal = $currentElement.parents(\"body\").hasClass(\"modal-open\");\n var isElementAtQuickView = $currentElement.is(\".js-increase-quantity-pdp-quick-view, .js-decrease-quantity-pdp-quick-view\");\n var isPrescriptedProduct = $currentElement.attr(\"data-prescription\") && $currentElement.attr(\"data-prescription\").length > 0 ? true : false ;\n var $currentElementErrorMessage = $currentElement.siblings(\".js-quantity-error-message\");\n var $hiddenDropdown = $currentElement.parents(\".quantity-input-wrapper\").siblings(\"select.quantity-select\");\n var currentElementPli = $currentElement.attr(\"data-pli\");\n var quantityPrescripted = $currentElement.attr(\"data-prescripted-quantity\");\n\n if (isSelectedOptionFromModal) {\n var $modalQuantityField = $(\"input[data-is-quick-view=\\\"true\\\"]\");\n\n $modalQuantityField.val(newQuantity);\n } else {\n var $repeatedElements = $(\".line-item-\" + $currentElement.parent().siblings(\".quantity-select\").attr(\"data-uuid\"));\n\n $repeatedElements.val(newQuantity);\n $currentElement.siblings(\".product-quantity-input\").val(newQuantity);\n }\n\n $currentElementErrorMessage.text(\"\");\n $hiddenDropdown.val(newQuantity);\n\n if (isElementAtQuickView) {\n $currentElement.parents(\".details\").siblings(\".cart-and-ipay\").find(\".update-cart-url\").data(\"selected-quantity\", newQuantity);\n } else {\n $hiddenDropdown.trigger(\"change\");\n }\n\n if (isPrescriptedProduct) {\n document.querySelectorAll(\".js-increase-quantity\").forEach((increaseButton) => {\n var pli = increaseButton.getAttribute(\"data-pli\");\n \n\n if (pli == currentElementPli) {\n if (newQuantity >= quantityPrescripted) {\n increaseButton.disabled = true;\n increaseButton.classList.add(\"disabled\");\n } else {\n increaseButton.disabled = false;\n increaseButton.classList.remove(\"disabled\");\n }\n } \n });\n }\n}\n\nfunction isQuantityValid(newQuantity, $element) {\n const $this = $element;\n var msgQtt = $(\".js-error-message-qtt\").val();\n var msgMinQtt = $(\".js-error-message-min-qtt\").val();\n var $currentElementErrorMessage = $this.parents(\".quantity-input-wrapper\").find(\".js-quantity-error-message\");\n const qttTotal = Number($this.parents(\".quantity-input-wrapper\").find(\".max-order-qtt\").attr(\"value\"));\n const MIN_QUANTITY = 1;\n const MAX_QUANTITY = qttTotal ? qttTotal : 10;\n\n if (newQuantity < MIN_QUANTITY) {\n updateQuantity(MIN_QUANTITY);\n $currentElementErrorMessage.text(msgMinQtt);\n addOrRemoveHeight($currentElementErrorMessage);\n return false;\n }\n\n if (newQuantity > MAX_QUANTITY) {\n updateQuantity(MAX_QUANTITY);\n $currentElementErrorMessage.text(msgQtt);\n addOrRemoveHeight($currentElementErrorMessage);\n return false;\n }\n\n $currentElementErrorMessage.text(\"\");\n addOrRemoveHeight($currentElementErrorMessage);\n return true;\n}\n\nfunction validateAndUpdateQuantity(newQuantity, element) {\n if (!isQuantityValid(newQuantity, element)) {\n return;\n }\n\n updateQuantity(newQuantity);\n}\n\nfunction setInitialQuantity() {\n var $modalContainer = $(this).find(\"#editProductModal\");\n var isSelectedOptionFromModal = $(this).hasClass(\"modal-open\");\n\n if (isSelectedOptionFromModal) {\n var selectedValue = $modalContainer.find(\"select.quantity-select\").val();\n\n $modalContainer.find(\".js-quantity-input\").val(selectedValue);\n } else {\n $quantityDropDown = $(\".quantity-select\");\n\n $.each($quantityDropDown, function () {\n var $qtdField = $(this).siblings(\"div.quantity-input-wrapper\").find(\".js-quantity-input\");\n\n $qtdField.val($(this).val());\n });\n }\n}\n\n\nmodule.exports = function () {\n const $body = $(\"body\");\n const $quantityInput = $(\".js-quantity-input\");\n setInitialQuantity();\n $quantityInput.mask(\"00\");\n\n $body.on(\"click\", \".js-decrease-quantity, .js-decrease-quantity-pdp-quick-view\", function () {\n $currentElement = $(this);\n var currentQuantity = getCurrentQuantity();\n\n validateAndUpdateQuantity(currentQuantity - 1, $currentElement);\n });\n\n $body.on(\"click\", \".js-increase-quantity, .js-increase-quantity-pdp-quick-view\", function () {\n $currentElement = $(this);\n var currentQuantity = getCurrentQuantity();\n\n validateAndUpdateQuantity(currentQuantity + 1, $currentElement);\n });\n\n $body.on(\"focus\", \".js-quantity-input\", function () {\n var $this = $(this);\n var $container = $this.parents(\".product-info\").length > 0 ? $this.parents(\".product-info\") : $this.parents(\".product-info-wrapper\");\n\n if ($container.length === 0) {\n $container = $this.parents(\".quantity-wrapper\");\n }\n\n if ($this.val()) {\n $this.mask(\"00\");\n } else {\n $this.val($(\".quantity-select\", $container).val());\n }\n });\n\n $body.on(\"keyup\", \".js-quantity-input\", _.debounce(function (e) {\n var $this = $(this);\n var typedQuantity = Number($this.val());\n var $container = $this.parents(\".product-info\").length > 0 ? $this.parents(\".product-info\") : $this.parents(\".product-info-wrapper\");\n var isInvalidValue = $this.val() === $(\".quantity-select\", $container).val() || isNaN(Number(e.key));\n var $currentElementErrorMessage = $this.siblings(\".js-quantity-error-message\");\n const qttTotal = Number($this.parents(\".quantity-input-wrapper\").find(\".max-order-qtt\").attr(\"value\"));\n const MIN_QUANTITY = 1;\n const MAX_QUANTITY = qttTotal ? qttTotal : 10;\n\n if ($container.length === 0) {\n $container = $this.parents(\".quantity-wrapper\");\n }\n\n if ($this.val() === \"\") {\n $(\"button.add-to-cart\").prop(\"disabled\", true);\n $(\".js-quantity-error-message\", $this.parent()).html($(\".js-wrong-quantity-msg\").val());\n addOrRemoveHeight($currentElementErrorMessage);\n return;\n } else if (isInvalidValue) {\n return;\n }\n\n addOrRemoveHeight($currentElementErrorMessage);\n $(\".js-quantity-error-message\", $this.parent()).empty();\n $currentElement = $this;\n\n validateAndUpdateQuantity(typedQuantity, $this);\n\n if ($currentElement.val() > MAX_QUANTITY) {\n $currentElement.val(MAX_QUANTITY);\n } else if ($currentElement.val() < MIN_QUANTITY) {\n $currentElement.val(MIN_QUANTITY);\n }\n }, 500));\n\n $body.on(\"focusout\", \".js-quantity-input, .js-minicart-input-wrapper\", function () {\n var $this = $(this);\n var $container = $this.parents(\".quantity-input-wrapper\").length > 0 ? $this.parents(\".quantity-input-wrapper\") : $this.parents(\".product-page-quantity-wrapper\");\n var $currentElementErrorMessage = $this.siblings(\".js-quantity-error-message\");\n\n if ($container.length === 0) {\n $container = $this.parents(\".quantity-wrapper\");\n }\n\n $(\".js-quantity-error-message\", $container).empty();\n addOrRemoveHeight($currentElementErrorMessage);\n });\n\n $body.on(\"editproductmodal:ready\", setInitialQuantity);\n};\n","\"use strict\";\n\nvar debounce = require(\"lodash/debounce\");\nvar endpoint = $(\".suggestions-wrapper\").data(\"url\");\nvar minChars = 3;\nvar UP_KEY = 38;\nvar DOWN_KEY = 40;\nvar DIRECTION_DOWN = 1;\nvar DIRECTION_UP = -1;\n\n/**\n * Retrieves Suggestions element relative to scope\n *\n * @param {Object} scope - Search input field DOM element\n * @return {JQuery} - .suggestions-wrapper element\n */\nfunction getSuggestionsWrapper(scope) {\n return $(scope).siblings(\".suggestions-wrapper\");\n}\n\n/**\n * Determines whether DOM element is inside the .search-mobile class\n *\n * @param {Object} scope - DOM element, usually the input.search-field element\n * @return {boolean} - Whether DOM element is inside div.search-mobile\n */\nfunction isMobileSearch(scope) {\n return !!$(scope).closest(\".search-mobile\").length;\n}\n\n/**\n * Remove modal classes needed for mobile suggestions\n *\n */\nfunction clearModals() {\n $(\"body\").removeClass(\"modal-open\");\n $(\"header\").siblings().attr(\"aria-hidden\", \"false\");\n $(\".suggestions\").removeClass(\"modal\");\n}\n\n/**\n * Apply modal classes needed for mobile suggestions\n *\n * @param {Object} scope - Search input field DOM element\n */\nfunction applyModals(scope) {\n if (isMobileSearch(scope)) {\n $(\"body\").addClass(\"modal-open\");\n $(\"header\").siblings().attr(\"aria-hidden\", \"true\");\n getSuggestionsWrapper(scope).find(\".suggestions\").addClass(\"modal\");\n }\n}\n\n/**\n * Tear down Suggestions panel\n */\nfunction tearDownSuggestions() {\n $(\"input.search-field\").val(\"\");\n clearModals();\n $(\".search-mobile .suggestions\").unbind(\"scroll\");\n $(\".suggestions-wrapper\").empty();\n}\n\n/**\n * Toggle search field icon from search to close and vice-versa\n *\n * @param {string} action - Action to toggle to\n */\nfunction toggleSuggestionsIcon(action) {\n var mobileSearchIcon = \".search-mobile button.\";\n var iconSearch = \"fa-search\";\n var iconSearchClose = \"fa-close\";\n\n if (action === \"close\") {\n $(mobileSearchIcon + iconSearch).removeClass(iconSearch).addClass(iconSearchClose).attr(\"type\", \"button\");\n } else {\n $(mobileSearchIcon + iconSearchClose).removeClass(iconSearchClose).addClass(iconSearch).attr(\"type\", \"submit\");\n }\n}\n\n/**\n * Determines whether the \"More Content Below\" icon should be displayed\n *\n * @param {Object} scope - DOM element, usually the input.search-field element\n */\nfunction handleMoreContentBelowIcon(scope) {\n if (($(scope).scrollTop() + $(scope).innerHeight()) >= $(scope)[0].scrollHeight) {\n $(\".more-below\").fadeOut();\n } else {\n $(\".more-below\").fadeIn();\n }\n}\n\n/**\n * Positions Suggestions panel on page\n *\n * @param {Object} scope - DOM element, usually the input.search-field element\n */\nfunction positionSuggestions(scope) {\n var $suggestions;\n const mobilePadding = 16;\n const headerHeight = $(\".header-content\").height() - mobilePadding;\n\n if (isMobileSearch(scope)) {\n $suggestions = getSuggestionsWrapper(scope).find(\".suggestions\");\n $suggestions.css(\"top\", headerHeight);\n\n handleMoreContentBelowIcon(scope);\n\n // Unfortunately, we have to bind this dynamically, as the live scroll event was not\n // properly detecting dynamic suggestions element's scroll event\n $suggestions.scroll(function () {\n handleMoreContentBelowIcon(this);\n });\n }\n}\n\n/**\n * Process Ajax response for SearchServices-GetSuggestions\n *\n * @param {Object|string} response - Empty object literal if null response or string with rendered\n * suggestions template contents\n */\nfunction processResponse(response) {\n var $suggestionsWrapper = getSuggestionsWrapper(this).empty();\n\n $.spinner().stop();\n\n if (typeof (response) !== \"object\") {\n $suggestionsWrapper.append(response).show();\n $(this).siblings(\".reset-button\").addClass(\"d-md-block\");\n positionSuggestions(this);\n\n if (isMobileSearch(this)) {\n toggleSuggestionsIcon(\"close\");\n applyModals(this);\n }\n\n // Trigger screen reader by setting aria-describedby with the new suggestion message.\n var suggestionsList = $(\".suggestions .item\");\n if ($(suggestionsList).length) {\n $(\"input.search-field\").attr(\"aria-describedby\", \"search-result-count\");\n } else {\n $(\"input.search-field\").removeAttr(\"aria-describedby\");\n }\n } else {\n $suggestionsWrapper.hide();\n }\n}\n\n/**\n * Retrieve suggestions\n *\n * @param {Object} scope - Search field DOM element\n */\nfunction getSuggestions(scope) {\n if ($(scope).val().length >= minChars) {\n $.spinner().start();\n $.ajax({\n context: scope,\n url: endpoint + encodeURIComponent($(scope).val()),\n method: \"GET\",\n success: processResponse,\n error: function () {\n $.spinner().stop();\n }\n });\n } else {\n toggleSuggestionsIcon(\"search\");\n $(scope).siblings(\".reset-button\").removeClass(\"d-md-block\");\n clearModals();\n getSuggestionsWrapper(scope).empty();\n }\n}\n\n/**\n * Handle Search Suggestion Keyboard Arrow Keys\n *\n * @param {Integer} direction takes positive or negative number constant, DIRECTION_UP (-1) or DIRECTION_DOWN (+1)\n */\nfunction handleArrow(direction) {\n // get all li elements in the suggestions list\n var suggestionsList = $(\".suggestions .item\");\n if (suggestionsList.filter(\".selected\").length === 0) {\n suggestionsList.first().addClass(\"selected\");\n $(\"input.search-field\").each(function () {\n $(this).attr(\"aria-activedescendant\", suggestionsList.first()[0].id);\n });\n } else {\n suggestionsList.each(function (index) {\n var idx = index + direction;\n if ($(this).hasClass(\"selected\")) {\n $(this).removeClass(\"selected\");\n $(this).removeAttr(\"aria-selected\");\n if (suggestionsList.eq(idx).length !== 0) {\n suggestionsList.eq(idx).addClass(\"selected\");\n suggestionsList.eq(idx).attr(\"aria-selected\", true);\n $(this).removeProp(\"aria-selected\");\n $(\"input.search-field\").each(function () {\n $(this).attr(\"aria-activedescendant\", suggestionsList.eq(idx)[0].id);\n });\n } else {\n suggestionsList.first().addClass(\"selected\");\n suggestionsList.first().attr(\"aria-selected\", true);\n $(\"input.search-field\").each(function () {\n $(this).attr(\"aria-activedescendant\", suggestionsList.first()[0].id);\n });\n }\n return false;\n }\n return true;\n });\n }\n}\n\nmodule.exports = function () {\n $(\"form[name=\\\"simpleSearch\\\"]\").submit(function (e) {\n var suggestionsList = $(\".suggestions .item\");\n if (suggestionsList.filter(\".selected\").length !== 0) {\n e.preventDefault();\n suggestionsList.filter(\".selected\").find(\"a\")[0].click();\n }\n });\n\n $(\"input.search-field\").each(function () {\n /**\n * Use debounce to avoid making an Ajax call on every single key press by waiting a few\n * hundred milliseconds before making the request. Without debounce, the user sees the\n * browser blink with every key press.\n */\n var debounceSuggestions = debounce(getSuggestions, 300);\n $(this).on(\"keyup focus\", function (e) {\n // Capture Down/Up Arrow Key Events\n switch (e.which) {\n case DOWN_KEY:\n handleArrow(DIRECTION_DOWN);\n e.preventDefault(); // prevent moving the cursor\n break;\n case UP_KEY:\n handleArrow(DIRECTION_UP);\n e.preventDefault(); // prevent moving the cursor\n break;\n default:\n debounceSuggestions(this, e);\n }\n });\n });\n\n $(\"body\").on(\"click\", function (e) {\n if (!$(\".suggestions\").has(e.target).length && !$(e.target).hasClass(\"search-field\")) {\n $(\".suggestions\").hide();\n }\n });\n\n $(\"body\").on(\"click touchend\", \".search-mobile button.fa-close\", function (e) {\n e.preventDefault();\n $(\".suggestions\").hide();\n toggleSuggestionsIcon(\"search\");\n tearDownSuggestions();\n });\n\n $(\".site-search .reset-button\").on(\"click\", function () {\n $(this).removeClass(\"d-md-block\");\n });\n};\n","/* eslint-env jquery */\n\n\"use strict\";\n\nwindow.addEventListener(\"load\", () => {\n const Swiper = require(\"swiper\").default;\n const Navigation = require(\"swiper\").Navigation;\n const Pagination = require(\"swiper\").Pagination;\n const Scrollbar = require(\"swiper\").Scrollbar;\n const Thumbs = require(\"swiper\").Thumbs;\n\n if (!window.swiperCarouselInitialized) {\n const carousels = $(\".js-swiper-carousel\");\n\n carousels.each(function () {\n const $swiperWrapper = $(this);\n const swipperWrapperClass = `.js-swiper-carousel[data-id=\"${$swiperWrapper.data(\"id\")}\"]`;\n const thumbnailCarouselElement = $(\".image-carrousel__thumbnails\").find(\".swiper\")[0];\n const thumbnailSwiper = thumbnailCarouselElement ? thumbnailCarouselElement.swiper : null;\n\n let slidesToShow, slidesToShowMobile, spacing;\n\n try {\n slidesToShow = parseInt($swiperWrapper.data(\"slides-to-show\"), 10) || 5;\n slidesToShowMobile = parseInt($swiperWrapper.data(\"slides-to-show-mobile\"), 10) || 2;\n spacing = parseInt($swiperWrapper.data(\"spacing\"), 10) || 16;\n } catch (e) {\n slidesToShow = 5;\n slidesToShowMobile = 2;\n spacing = 16;\n }\n\n const loopEnabled = $swiperWrapper.data(\"loop-enabled\");\n const navEnabled = $swiperWrapper.data(\"navigation-enabled\");\n const paginationEnabled = $swiperWrapper.data(\"pagination-enabled\");\n const scrollbarEnabled = $swiperWrapper.data(\"scroll-enabled\");\n const direction = $swiperWrapper.data(\"direction\");\n const clickableSlide = !!$swiperWrapper.data(\"clickable-slide\");\n const syncedCarouselId = $swiperWrapper.data(\"sync-carousel-id\");\n const carouselModules = [];\n\n if (navEnabled) {\n carouselModules.push(Navigation);\n }\n\n if (paginationEnabled) {\n carouselModules.push(Pagination);\n }\n\n if (scrollbarEnabled) {\n carouselModules.push(Scrollbar);\n }\n\n if (syncedCarouselId) {\n carouselModules.push(Thumbs);\n }\n\n const carouselOptions = {\n loop: Boolean(loopEnabled),\n modules: carouselModules,\n direction: direction || \"horizontal\",\n pagination: {\n el: `${swipperWrapperClass} .js-swiper-pagination`,\n type: \"bullets\",\n clickable: true,\n },\n navigation: {\n nextEl: `${swipperWrapperClass} .js-swiper-button-next`,\n prevEl: `${swipperWrapperClass} .js-swiper-button-prev`,\n },\n scrollbar: {\n el: `${swipperWrapperClass} .js-swiper-scrollbar`,\n },\n slideToClickedSlide: clickableSlide,\n slidesPerView: slidesToShowMobile,\n spaceBetween: spacing,\n breakpoints: {\n 1024: {\n slidesPerView: slidesToShow,\n spaceBetween: spacing,\n },\n },\n ...(syncedCarouselId && {\n thumbs: {\n swiper: thumbnailSwiper\n }\n })\n };\n\n // eslint-disable-next-line no-unused-vars\n const carouselSwiper = new Swiper(`${swipperWrapperClass} .js-swiper-container`, carouselOptions);\n\n });\n\n //Update the global variable so that the Swiper Carousel is not initialized multiple times.\n window.swiperCarouselInitialized = true;\n }\n});\n","\"use strict\";\n\nfunction initDisplayModalListeners() {\n const $removeRecipeModal = $(\".js-region-selector-modal\");\n\n $(\".js-btn-change-region\").on(\"click\", function () {\n $(this).attr(\"data-trigger\", true);\n $removeRecipeModal.modal(\"show\");\n });\n\n $removeRecipeModal.on(\"hidden.bs.modal\", function () {\n $(\".js-btn-change-region\").attr(\"data-trigger\", false);\n });\n}\n\nfunction getCommuneList($form, value) {\n const optionsList = $form.data(\"options-list\");\n const commune = optionsList.find((item) => item && item.name === value);\n const communeList = commune.sectorList || [];\n\n return communeList;\n}\n\nfunction populateCommuneSelector($form, communeList) {\n const $communeSelect = $form.find(\".js-commune-select\");\n $communeSelect.html(\"\");\n\n for (let commune of communeList) {\n $communeSelect.append(``);\n }\n}\n\nfunction initChangeRegionListeners() {\n $(\".js-region-select\").on(\"change\", function () {\n const $this = $(this);\n const value = $this.val();\n const $form = $this.closest(\".change-region-form\");\n\n const communeList = getCommuneList($form, value);\n populateCommuneSelector($form, communeList);\n });\n\n $(\".js-btn-save-region\").on(\"click\", function (e) {\n e.preventDefault();\n\n const $this = $(this);\n const url = $this.data(\"url\");\n const $modal = $this.closest(\".js-region-selector-modal\");\n const $regionSelect = $modal.find(\".js-region-select\");\n const $communeSelect = $modal.find(\".js-commune-select\");\n const region = $regionSelect.val();\n const commune = $communeSelect.val();\n\n if (region && commune) {\n $.ajax({\n url: url,\n type: \"post\",\n data: { state: region, city: commune },\n success: function (data) {\n if (data.success) {\n $modal.modal(\"hide\");\n window.location.reload();\n }\n },\n error: function (err) {\n console.log(err);\n }\n });\n }\n });\n}\n\nmodule.exports = {\n initDisplayModalListeners: initDisplayModalListeners,\n initChangeRegionListeners: initChangeRegionListeners\n};\n","\"use strict\";\n\n/**\n * AutoComplete class for Google Places API\n * @class\n * @param {NodeList} targetInputs - list of input elements to apply autocomplete to\n * @param {function} callbackOnPlaceChanged - callback function to execute when place is changed\n */\nfunction AutoComplete(targetInputs, callbackOnPlaceChanged) {\n const PLACE_FIELDS_CONFIGURATIONS = {\n address1: [\n { type: \"street_number\", attribute: \"short_name\" },\n { type: \"route\", attribute: \"long_name\", separator: \" \" }\n ],\n address2: [\n { type: \"route\", attribute: \"long_name\", separator: \" \" }\n ],\n postBox: [\n { type: \"street_number\", attribute: \"short_name\" }\n ],\n state: [\n { type: \"administrative_area_level_1\", attribute: \"short_name\" }\n ],\n city: [\n { type: \"administrative_area_level_3\", attribute: \"long_name\" }\n ],\n country: [\n { type: \"country\", attribute: \"long_name\" }\n ],\n countryCode: [\n { type: \"country\", attribute: \"short_name\" }\n ],\n };\n\n const $configurations = $(\"[data-autocomplete-configurations]\");\n const fields = $configurations.data(\"fields\");\n\n this.targets = targetInputs || document.querySelectorAll(\"[data-autocomplete-target]\") || [];\n this.countryCode = $configurations.length ? $configurations.data(\"country-code\").split(\",\") : \"\";\n this.apiKey = $configurations.length ? $configurations.data(\"place-api-key\") : {};\n this.fields = fields ? fields.split(\",\") : [\"address_component\", \"geometry\"];\n this.callbackOnPlaceChanged = callbackOnPlaceChanged;\n this.addressModal = $(\"#addAddressModal .modal-body\");\n\n const self = this;\n\n this.init = function () {\n if (window.google && window.google.maps) {\n this.initAutocomplete();\n return;\n }\n\n if (!this.apiKey) {\n return;\n }\n\n window.initAutocomplete = this.initAutocomplete.bind(this);\n };\n\n this.initAutocomplete = async function () {\n if (!this.targets) {\n return;\n }\n\n const [Places] = await Promise.all([google.maps.importLibrary(\"places\")]);\n\n this.targets.forEach((element) => {\n const $element = $(element);\n\n if ($element.data(\"isInitialized\")) {\n return;\n } else {\n $element.data(\"isInitialized\", true);\n // If we have a modal length, apply the scroll to the modal element, if not apply to the window\n const scrollTarget = self.addressModal.length ? self.addressModal : $(window);\n scrollTarget.on(\"scroll\", self.positionPacContainer);\n }\n\n // Add a listener for input on each element\n element.addEventListener(\"input\", async () => {\n\n var now = new Date().getTime(); \n var diferenca = now - (window.googlePlaceUltimaExecucao ? window.googlePlaceUltimaExecucao : 0);\n window.googlePlaceCaracteres = window.googlePlaceCaracteres ? window.googlePlaceCaracteres + 1 : 1;\n \n if (($element.val().length >= 15) || (window.googlePlaceCaracteres >= (window.googlePlaceCantidad ? window.googlePlaceCantidad : 3)) || (diferenca >= (window.googlePlaceTiempo ? window.googlePlaceTiempo : 1000))) {\n window.googlePlaceUltimaExecucao = now;\n window.googlePlaceCaracteres = 0; //$element.val().length\n // Check if the autocomplete is not already instantiated\n if (!$element.data(\"placesAutoComplete\")) {\n const autocomplete = new Places.Autocomplete(element, {\n componentRestrictions: { country: self.countryCode },\n fields: self.fields\n });\n\n autocomplete.element = element;\n autocomplete.addListener(\"place_changed\", self.onPlaceChanged);\n\n // Store the autocomplete instance on the element for future reference\n $element.data(\"placesAutoComplete\", autocomplete);\n self.watchPacContainer();\n }\n } else {\n // If the input has less than 3 characters, remove the autocomplete\n if ($element.data(\"placesAutoComplete\")) {\n // Remove the place_changed listener\n google.maps.event.clearInstanceListeners(element);\n $element.data(\"placesAutoComplete\", null);\n $(\".pac-container\").remove();\n }\n }\n });\n });\n };\n\n\n this.onPlaceChanged = function () {\n const place = this.getPlace();\n const address = self.getAddress(place);\n const $container = $(this.element).closest(\"form\");\n\n if (!address) {\n return;\n }\n\n Object.keys(address).forEach((field) => {\n const $field = $container.find(`[data-autocomplete=\"${field}\"]`);\n\n if ($field.length) {\n $field.val(address[field]);\n }\n });\n\n if (self.callbackOnPlaceChanged) {\n self.callbackOnPlaceChanged($container);\n }\n };\n\n this.getAddress = function (place) {\n if (!place || !place.address_components) {\n return;\n }\n\n const address = Object.keys(PLACE_FIELDS_CONFIGURATIONS).reduce((address, field) => {\n const fieldConfig = PLACE_FIELDS_CONFIGURATIONS[field];\n\n fieldConfig.forEach((config) => {\n const component = place.address_components.find((component) => component.types.includes(config.type));\n\n address[field] = component ? [address[field], component[config.attribute]].filter(Boolean).join(config.separator || \" \") : \"\";\n });\n\n return address;\n }, {});\n\n if (place.geometry && place.geometry.location) {\n address.latitud = place.geometry.location.lat();\n address.longitud = place.geometry.location.lng();\n }\n\n\n return address;\n };\n\n this.watchPacContainer = function () {\n const targetNode = document.querySelector(\"body\");\n\n // Options for the observer (which mutations to observe)\n const config = { childList: true, subtree: true };\n\n // Callback function to execute when mutations are observed\n const callback = (mutationList, observer) => {\n mutationList.forEach((mutation) => {\n if (mutation.target?.classList.contains(\"pac-container\") && mutation.addedNodes?.length) {\n self.positionPacContainer();\n observer.disconnect();\n }\n });\n };\n\n // Create an observer instance with a callback function\n const observer = new MutationObserver(callback);\n\n // Start observing the target node for configured mutations\n observer.observe(targetNode, config);\n };\n\n this.positionPacContainer = function () {\n const target = self.targets[0];\n\n if (document.activeElement === target) {\n const { width, height } = target.getBoundingClientRect();\n const { left, top } = $(target).offset();\n const borderLeftWidth = parseFloat($(target).css(\"border-left-width\").replace(\"px\", \"\"));\n const borderRightWidth = parseFloat($(target).css(\"border-right-width\").replace(\"px\", \"\"));\n\n $(\".pac-container\").css({\n width: `${width - (borderLeftWidth + borderRightWidth)}px`,\n top: `${height + top}px`,\n left: `${left}px`,\n display: \"block\"\n });\n }\n };\n\n}\n\nasync function validateAddressOnGoogleGeocoder() {\n const { Geocoder } = await google.maps.importLibrary(\"geocoding\");\n let isAddressValid = false;\n\n const addressElements = [\"#address2\", \"#postBox\", \"#region\", \"#city\", \"#country\"];\n const address = addressElements.map(id => $(id).val()).join(\" \");\n let $latitud = $(\"#latitud\");\n let $longitud = $(\"#longitud\");\n\n const geocoder = new Geocoder();\n await geocoder.geocode({ address }, function (result, status) {\n if (status === \"OK\" && !result[0][\"partial_match\"]) {\n $latitud.val(result[0].geometry.location.lat());\n $longitud.val(result[0].geometry.location.lng());\n isAddressValid = true;\n } else {\n $latitud.val(\"\");\n $longitud.val(\"\");\n }\n });\n\n $(\"body\").trigger(\"address:submit:address\", isAddressValid);\n return isAddressValid;\n}\n\n/**\n * Initializes an instance of the AutoComplete class and calls its init method\n * @param {Array} targetInputs - an array of input elements to attach the autocomplete functionality to\n * @param {Function} callbackOnPlaceChanged - a callback function to execute when the user selects a place from the autocomplete dropdown\n * @returns {void}\n */\nfunction initAutocomplete(targetInputs, callbackOnPlaceChanged) {\n const autocomplete = new AutoComplete(targetInputs, callbackOnPlaceChanged);\n autocomplete.init();\n}\n\nmodule.exports = {\n initAutocomplete: initAutocomplete,\n validateAddressOnGoogleGeocoder\n};\n","let currencyCode = $(\".gtm-data\").attr(\"data-currency\");\n\n// triggers page_view event\nfunction pageViewEvent() {\n const $gtmData = $(\".gtm-data\");\n let userType = $gtmData.attr(\"data-customer\") === \"true\" ? \"Registered\" : \"Guest\";\n let language = $gtmData.attr(\"data-language\").toUpperCase();\n let pageTitle = document.title;\n let pageLocation = window.location.href;\n let userID = $gtmData.attr(\"data-customer-id\") ? $gtmData.attr(\"data-customer-id\") : \"\";\n window.dataLayer &&\n window.dataLayer.push({\n \"event\": \"page_view\",\n \"user_id\": userID,\n \"user_type\": userType,\n \"site_language\": language,\n \"page_title\": pageTitle,\n \"page_location\": pageLocation\n });\n}\n\n// triggers select_item event\nfunction selectItem(element) {\n const $productTile = $(element);\n let productID = $productTile.attr(\"data-pid\");\n let productBrand = $productTile.find(\".product-tile-brand .link\").text().trim();\n let productName = $productTile.find(\".pdp-link .link\").text().trim();\n let productPrice = Number($productTile.find(\".price .value\").text().trim().substring(1).replace(\".\", \"\"));\n let productCategoryList = $productTile.attr(\"data-categories\").split(\",\");\n\n let item = {\n \"item_name\": productName,\n \"item_id\": productID,\n \"price\": productPrice,\n \"item_brand\": productBrand,\n \"quantity\": 1,\n \"index\": 0\n };\n\n let newItem = appendCategories(item, productCategoryList);\n\n window.dataLayer &&\n window.dataLayer.push({\n \"event\": \"select_item\",\n \"ecommerce\": {\n \"currency\": currencyCode,\n \"value\": productPrice,\n \"items\": [newItem]\n }\n });\n}\n\n// triggers view_item event\nfunction viewItem() {\n const $product = $(\".product-detail\");\n const $productDetails = $product.find(\".product-details-section\");\n let productID = $product.attr(\"data-pid\");\n let productBrand = $productDetails.find(\".brand\").text().trim() || $productDetails.find(\".manufacturer-name\").text().trim();\n let productName = $productDetails.find(\".product-name\").text().trim();\n let productPrice = Number($productDetails.find(\".sales .value\").text().trim().substring(1).replace(\".\", \"\"));\n let productCategoryList = $productDetails.find(\".gtm-categories\").text().trim().split(\",\");\n let item = {\n \"item_name\": productName,\n \"item_id\": productID,\n \"price\": productPrice,\n \"item_brand\": productBrand,\n \"quantity\": 1,\n \"index\": 0\n };\n\n let newItem = appendCategories(item, productCategoryList);\n\n window.dataLayer &&\n window.dataLayer.push({\n \"event\": \"view_item\",\n \"ecommerce\": {\n \"currency\": currencyCode,\n \"value\": productPrice,\n \"items\": [newItem]\n }\n });\n}\n\n// triggers view_item_list event\nfunction viewItemList(element, startValue) {\n const $productTile = startValue ? $(element).find(\".product-tile:gt(\" + startValue + \")\") : $(element).find(\".product-tile\");\n const batchSize = 20;\n var objects = [];\n\n $productTile.each(function (index) {\n let productID = $(this).attr(\"data-pid\");\n let productBrand = $(this).find(\".product-tile-brand .link\").text().trim();\n let productName = $(this).find(\".pdp-link .link\").text().trim();\n let productPrice = Number($(this).find(\".price .value\").first().text().trim().substring(1).replace(\".\", \"\"));\n\n const item = {\n \"item_name\": productName,\n \"item_id\": productID,\n \"price\": productPrice,\n \"brand\": productBrand,\n \"quantity\": 1,\n \"index\": index\n };\n\n let productCategoryList = $(this).attr(\"data-categories\").split(\",\");\n let newItem = appendCategories(item, productCategoryList);\n\n objects.push(newItem);\n\n if (objects.length === batchSize) {\n window.dataLayer.push({ ecommerce: null });\n window.dataLayer.push({\n \"event\": \"view_item_list\",\n \"ecommerce\": {\n \"currency\": currencyCode,\n \"items\": objects\n }\n });\n objects = [];\n }\n });\n\n if (objects.length > 0) {\n window.dataLayer &&\n window.dataLayer.push({ ecommerce: null });\n window.dataLayer.push({\n \"event\": \"view_item_list\",\n \"ecommerce\": {\n \"currency\": currencyCode,\n \"items\": objects\n }\n });\n }\n}\n\n// triggers add_to_cart event\nfunction addToCart(element, productType, quantity, isMinicart) {\n const $product = $(element);\n const $productDetails = $product.find(\".product-details-section\");\n let productID, productBrand, productName, productPrice, productQuantity, productCategoryList, totalValue;\n switch (productType) {\n case \"ahumadaFamilyProductPromotion\":\n productID = $product.data(\"data-pid\");\n productBrand = $product.data(\"product-brand\");\n productName = $product.data(\"product-name\");\n productPrice = Number($product.data(\"product-price\"));\n productQuantity = 1;\n productCategoryList = $product.data(\"categories\").split(\",\");\n totalValue = productPrice;\n break;\n case \"tile\":\n productID = $product.attr(\"data-pid\");\n productBrand = $product.find(\".product-tile-brand .link\").text().trim();\n productName = $product.find(\".pdp-link .link\").text().trim();\n productPrice = Number($product.find(\".price .value\").text().trim().substring(1).replace(\".\", \"\"));\n productQuantity = 1;\n productCategoryList = $product.attr(\"data-categories\").split(\",\");\n totalValue = productPrice;\n break;\n case \"detail\":\n productID = $product.attr(\"data-pid\");\n productBrand = $productDetails.find(\".brand\").text().trim() || $productDetails.find(\".manufacturer-name\").text().trim();\n productName = $productDetails.find(\".product-name\").text().trim();\n productPrice = Number($productDetails.find(\".sales .value\").text().trim().substring(1).replace(\".\", \"\"));\n productQuantity = Number($productDetails.find(\".quantity-select\").val());\n productCategoryList = $productDetails.find(\".gtm-categories\").text().trim().split(\",\");\n totalValue = productPrice * productQuantity;\n break;\n case \"cart\":\n if (isMinicart) {\n productID = $product.attr(\"data-pid\");\n productBrand = $product.attr(\"data-brand\");\n productName = $product.find(\".line-item-name span\").text().trim();\n productPrice = Number($product.find(\".sales .value\").text().trim().substring(1).replace(\".\", \"\"));\n productCategoryList = $product.attr(\"data-categories\").split(\",\");\n } else {\n productID = $product.attr(\"data-pid\");\n productBrand = $product.attr(\"data-brand\");\n productName = $product.find(\".line-item-product-name\").text().trim();\n productPrice = Number($product.find(\".sales .value\").text().trim().substring(1).replace(\".\", \"\"));\n productCategoryList = $product.attr(\"data-categories\").split(\",\");\n }\n productQuantity = Number(quantity);\n totalValue = productPrice * productQuantity;\n break;\n default:\n break;\n }\n let item = {\n \"item_name\": productName,\n \"item_id\": productID,\n \"price\": productPrice,\n \"item_brand\": productBrand,\n \"quantity\": productQuantity,\n \"index\": 0\n };\n\n let newItem = appendCategories(item, productCategoryList);\n\n window.dataLayer &&\n window.dataLayer.push({\n \"event\": \"add_to_cart\",\n \"ecommerce\": {\n \"currency\": currencyCode,\n \"value\": totalValue,\n \"items\": [newItem]\n }\n });\n}\n\n// triggers add_to_cart event\nfunction removeFromCart(element, quantity, isMinicart) {\n const $product = $(element);\n let productID, productBrand, productName, productPrice, productQuantity, productCategoryList, totalValue;\n if (isMinicart) {\n productID = $product.attr(\"data-pid\");\n productBrand = $product.attr(\"data-brand\");\n productName = $product.find(\".line-item-name span\").text().trim();\n productPrice = Number($product.find(\".sales .value\").text().trim().substring(1).replace(\".\", \"\"));\n productCategoryList = $product.attr(\"data-categories\").split(\",\");\n } else {\n productID = $product.attr(\"data-pid\");\n productBrand = $product.attr(\"data-brand\");\n productName = $product.find(\".line-item-product-name\").text().trim();\n productPrice = Number($product.find(\".sales .value\").text().trim().substring(1).replace(\".\", \"\"));\n productCategoryList = $product.attr(\"data-categories\").split(\",\");\n }\n productQuantity = Number(quantity);\n totalValue = productPrice * productQuantity;\n\n let item = {\n \"item_name\": productName,\n \"item_id\": productID,\n \"price\": productPrice,\n \"item_brand\": productBrand,\n \"quantity\": productQuantity,\n \"index\": 0\n };\n\n let newItem = appendCategories(item, productCategoryList);\n\n window.dataLayer &&\n window.dataLayer.push({\n \"event\": \"remove_from_cart\",\n \"ecommerce\": {\n \"currency\": currencyCode,\n \"value\": totalValue,\n \"items\": [newItem]\n }\n });\n}\n\n// triggers view_cart event\nfunction viewCart() {\n const $products = $(\".product-info\");\n const basketValue = Number($(\".grand-total\").text().trim().substring(1).replace(\".\", \"\"));\n var objects = [];\n\n if ($products.length) {\n $products.each(function (index) {\n let productID = $(this).attr(\"data-pid\");\n let productBrand = $(this).attr(\"data-brand\");\n let productName = $(this).find(\".line-item-product-name\").text().trim();\n let productPrice = Number($(this).find(\".sales .value\").text().trim().substring(1).replace(\".\", \"\"));\n let productCategoryList = $(this).attr(\"data-categories\").split(\",\");\n let productQuantity = Number($(this).find(\".quantity.custom-select\").val());\n\n const item = {\n \"item_name\": productName,\n \"item_id\": productID,\n \"price\": productPrice,\n \"brand\": productBrand,\n \"quantity\": productQuantity,\n \"index\": index\n };\n\n let newItem = appendCategories(item, productCategoryList);\n objects.push(newItem);\n });\n\n window.dataLayer &&\n window.dataLayer.push({\n \"event\": \"view_cart\",\n \"ecommerce\": {\n \"currency\": currencyCode,\n \"value\": basketValue,\n \"items\": objects\n }\n });\n }\n}\n\n// Used to trigger begin_checkout, add_shipping_info and add_payment_info event\nfunction checkoutEvents(label) {\n const $products = $(\".product-summary-block .product-line-item\");\n const basketValue = Number($(\".grand-total-sum\").first().text().trim().substring(1).replace(\".\", \"\"));\n var objects = [];\n\n $products.each(function (index) {\n let productID = $(this).attr(\"data-pid\");\n let productBrand = $(this).attr(\"data-brand\");\n let productName = $(this).find(\".line-item-name span\").text().trim();\n let productPrice = Number($(this).find(\".sales .value\").text().trim().substring(1).replace(\".\", \"\") || $(this).find(\".price .value\").text().trim().substring(1).replace(\".\", \"\"));\n let productCategoryList = $(this).attr(\"data-categories\").split(\",\");\n let productQuantity = Number($(this).find(\".qty-card-quantity-count\").text().trim());\n\n const item = {\n \"item_name\": productName,\n \"item_id\": productID,\n \"price\": productPrice,\n \"brand\": productBrand,\n \"quantity\": productQuantity,\n \"index\": index\n };\n\n let newItem = appendCategories(item, productCategoryList);\n objects.push(newItem);\n });\n\n var ecommerceObject = {\n \"currency\": currencyCode,\n \"value\": basketValue,\n \"items\": objects\n };\n\n switch (label) {\n case \"add_shipping_info\":\n ecommerceObject[\"shipping_tier\"] = $(\".shipping-method-block .delivery-type-container.active\").first().find(\".custom-control-label\").text().trim();\n break;\n case \"add_payment_info\":\n ecommerceObject[\"payment_type\"] = $(\".ahumada-custom-radio.selected\").first().closest(\".payment-methos-accordion-header\").attr(\"id\");\n break;\n case \"purchase\":\n ecommerceObject[\"transaction_id\"] = $(\".summary-details.order-number\").text().trim();\n ecommerceObject[\"shipping\"] = $(\".shipping-method-title\").text().trim();\n ecommerceObject[\"payment\"] = $(\".credit-card-type span\").text().trim();\n break;\n default:\n break;\n }\n\n window.dataLayer &&\n window.dataLayer.push({\n \"event\": label,\n \"ecommerce\": ecommerceObject\n });\n}\n\n// triggers sign_up event\nfunction gtmSignUp() {\n window.dataLayer &&\n window.dataLayer.push({\n \"event\": \"sign_up\",\n \"method\": \"Email\"\n });\n}\n\n// triggers sign_up event\nfunction gtmLogin() {\n window.dataLayer &&\n window.dataLayer.push({\n \"event\": \"login\",\n \"method\": \"Email\"\n });\n}\n\n// triggers search event\nfunction gtmSearch() {\n const resultsCount = $(\".search-result-count\").attr(\"data-results-count\");\n const searchQuery = $(\".search-result-for\").attr(\"data-search-query\");\n\n window.dataLayer &&\n window.dataLayer.push({\n \"event\": \"search\",\n \"search_term\": searchQuery,\n \"search_results\": Number(resultsCount)\n });\n}\n\n// adds the categories to the item object\nfunction appendCategories(item, productCategoryList) {\n for (let j = 0; j < productCategoryList.length; j++) {\n if (j === 0) {\n item.item_category = productCategoryList[j];\n } else {\n item[\"item_category\" + (j + 1)] = productCategoryList[j].replace(/'/g, \"\");\n }\n }\n\n return item;\n}\n\nmodule.exports.pageViewEvent = pageViewEvent;\nmodule.exports.selectItem = selectItem;\nmodule.exports.viewItem = viewItem;\nmodule.exports.viewItemList = viewItemList;\nmodule.exports.addToCart = addToCart;\nmodule.exports.viewCart = viewCart;\nmodule.exports.removeFromCart = removeFromCart;\nmodule.exports.gtmSearch = gtmSearch;\nmodule.exports.gtmSignUp = gtmSignUp;\nmodule.exports.gtmLogin = gtmLogin;\nmodule.exports.checkoutEvents = checkoutEvents;\n","\"use strict\";\n\nconst carousel = require(\"base/carousel\");\nconst gtm = require(\"../gtm\");\nconst utilsServices = require(\"../utils/utilsServices\");\n\n/**\n * Retrieve product options\n *\n * @param {jQuery} $productContainer - DOM element for current product\n * @return {string} - Product options and their selected values\n */\nfunction getOptions($productContainer) {\n var options = $productContainer\n .find(\".product-option\")\n .map(function () {\n var $elOption = $(this).find(\".options-select\");\n var urlValue = $elOption.val();\n var selectedValueId = $elOption.find(\"option[value=\\\"\" + urlValue + \"\\\"]\")\n .data(\"value-id\");\n return {\n optionId: $(this).data(\"option-id\"),\n selectedValueId: selectedValueId\n };\n }).toArray();\n\n return JSON.stringify(options);\n}\n\n/**\n * Parses the html for a modal window\n * @param {string} html - representing the body and footer of the modal window\n *\n * @return {Object} - Object with properties body and footer.\n */\nfunction parseHtml(html) {\n var $html = $(\"\").append($.parseHTML(html));\n\n var body = $html.find(\".choice-of-bonus-product\");\n var footer = $html.find(\".modal-footer\").children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * initialize the carousel for the bonus product popup\n */\nfunction initBonusProductCarousel() {\n $(\".bonus-product-item .bonus-product-images\").each(function () {\n var currentElement = $(this);\n var sliderConfigs = currentElement.data(\"slider-config\");\n carousel.initCarousel({\n selector : currentElement,\n config : sliderConfigs\n });\n });\n}\n\n/**\n * Retrieves the relevant pid value\n * @param {jquery} $el - DOM container for a given add to cart button\n * @return {string} - value to be used when adding product to cart\n */\nfunction getPidValue($el) {\n var pid;\n\n if ($el.hasClass(\"product-tile-add-to-cart\") || $el.hasClass(\"product-search-add-to-cart\") || $el.hasClass(\"ahumada-family-product-promotion-add-to-cart\")) {\n return $el.data(\"pid\");\n }\n\n if ($(\"#quickViewModal\").hasClass(\"show\") && !$(\".product-set\").length) {\n pid = $($el).closest(\".modal-content\").find(\".product-quickview\").data(\"pid\");\n } else if ($(\".product-set-detail\").length || $(\".product-set\").length) {\n pid = $($el).closest(\".product-detail\").find(\".product-id\").text();\n } else {\n pid = $(\".product-detail:not(\\\".bundle-item\\\")\").data(\"pid\");\n }\n\n return pid;\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @return {string} - The provided URL to use when adding a product to the cart\n */\nfunction getAddToCartUrl() {\n return $(\".add-to-cart-url\").val();\n}\n\n/**\n * Retrieves the bundle product item ID's for the Controller to replace bundle master product\n * items with their selected variants\n *\n * @return {string[]} - List of selected bundle product item ID's\n */\nfunction getChildProducts($el) {\n if ($el.hasClass(\"ahumada-family-product-promotion-add-to-cart\")) {\n var bundleChildProducts = $($el).closest(\".ahumada-family-product-promotion\").data(\"bundled-products\");\n if (bundleChildProducts) {\n return JSON.stringify(bundleChildProducts);\n }\n }\n\n if ($el.hasClass(\"product-tile-add-to-cart\")) {\n var plpBundleChildProducts = $($el).closest(\".product-tile\").data(\"bundled-products\");\n if (plpBundleChildProducts) {\n return JSON.stringify(plpBundleChildProducts);\n }\n }\n\n var childProducts = [];\n $(\".bundle-item\").each(function () {\n childProducts.push({\n pid: $(this).find(\".product-id\").text(),\n quantity: parseInt($(this).find(\"label.quantity\").data(\"quantity\"), 10)\n });\n });\n\n return childProducts.length ? JSON.stringify(childProducts) : [];\n}\n\n/**\n * Retrieve contextual quantity selector\n * @param {jquery} $el - DOM container for the relevant quantity\n * @return {jquery} - quantity selector DOM container\n */\nfunction getQuantitySelector($el) {\n var quantitySelected;\n if ($el && $(\".set-items\").length) {\n quantitySelected = $($el).closest(\".product-detail\").find(\".quantity-select\");\n } else if ($el && $(\".product-bundle\").length) {\n var quantitySelectedModal = $($el).closest(\".modal-footer\").find(\".quantity-select\");\n var quantitySelectedPDP = $($el).closest(\".bundle-footer\").find(\".quantity-select\");\n if (quantitySelectedModal.val() === undefined) {\n quantitySelected = quantitySelectedPDP;\n } else {\n quantitySelected = quantitySelectedModal;\n }\n } else {\n quantitySelected = $(\".quantity-select\");\n }\n return quantitySelected;\n}\n\n/**\n * Retrieves the value associated with the Quantity pull-down menu\n * @param {jquery} $el - DOM container for the relevant quantity\n * @return {string} - value found in the quantity input\n */\nfunction getQuantitySelected($el) {\n if ($el.hasClass(\"product-tile-add-to-cart\")) {\n return $el.closest(\".product-tile\").data(\"plp-default-quantity\");\n } else if ($el.hasClass(\"product-search-add-to-cart\")) {\n return $el.data(\"search-default-quantity\");\n } else if ($el.hasClass(\"ahumada-family-product-promotion-add-to-cart\")) {\n return $el.closest(\".ahumada-family-product-promotion\").data(\"default-quantity\");\n }\n\n return getQuantitySelector($el).val();\n}\n\n/**\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\n * @param {string} response - ajax response from clicking the add to cart button\n */\nfunction handlePostCartAdd(response) {\n $(\".minicart\").trigger(\"count:update\", response);\n var messageType = response.error ? \"alert-danger\" : \"alert-success\";\n const isDesktop = $(window).width() > 768;\n // show add to cart toast\n if (response.newBonusDiscountLineItem\n && Object.keys(response.newBonusDiscountLineItem).length !== 0) {\n chooseBonusProducts(response.newBonusDiscountLineItem);\n } else {\n if ($(\".add-to-cart-messages\").length === 0) {\n $(\"body\").append(\n \"\"\n );\n }\n\n if (!isDesktop || response.error) {\n $(\".add-to-cart-messages\").append(\n ``\n );\n\n setTimeout(function () {\n $(\".add-to-basket-alert\").remove();\n }, 3000);\n }\n }\n}\n\n/**\n * Makes a call to the server to report the event of adding an item to the cart\n *\n * @param {string | boolean} url - a string representing the end point to hit so that the event can be recorded, or false\n */\nfunction miniCartReportingUrl(url) {\n if (url) {\n $.ajax({\n url: url,\n method: \"GET\",\n success: function () {\n // reporting urls hit on the server\n },\n error: function () {\n // no reporting urls hit on the server\n }\n });\n }\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @param {Object} data - data object used to fill in dynamic portions of the html\n */\nfunction chooseBonusProducts(data) {\n $(\".modal-body\").spinner().start();\n\n if ($(\"#chooseBonusProductModal\").length !== 0) {\n $(\"#chooseBonusProductModal\").remove();\n }\n var bonusUrl;\n if (data.bonusChoiceRuleBased) {\n bonusUrl = data.showProductsUrlRuleBased;\n } else {\n bonusUrl = data.showProductsUrlListBased;\n }\n\n var htmlString = \"\"\n + \"![\"${imgs[i].alt}](\"${imgs[i].url}\")
`);\n $carouselItem.appendTo($carouselWrapper);\n }\n\n // If the variation have just one image, hide the thumbnail carousel\n // otherwise show it\n imgs.length <= 1\n ? $thumbnailCarousel.removeClass(\"d-lg-block\")\n : $thumbnailCarousel.addClass(\"d-lg-block\");\n\n const swiperController = $swiperContainer.get(0).swiper;\n swiperControllers.push(swiperController);\n\n if (swiperController) {\n swiperController.update();\n }\n });\n\n //Reset the on click event to syncronize the slides on click\n $(\".js-swiper-slide\", $carouselsContainer).on(\"click\", function () {\n swiperControllers.forEach(swiperController => {\n swiperController.slideTo($(this).data(\"index\"));\n });\n });\n}\n\n/**\n * Parses JSON from Ajax call made whenever an attribute value is [de]selected\n * @param {Object} response - response from Ajax call\n * @param {Object} response.product - Product object\n * @param {string} response.product.id - Product ID\n * @param {Object[]} response.product.variationAttributes - Product attributes\n * @param {Object[]} response.product.images - Product images\n * @param {boolean} response.product.hasRequiredAttrsSelected - Flag as to whether all required\n * attributes have been selected. Used partially to\n * determine whether the Add to Cart button can be enabled\n * @param {jQuery} $productContainer - DOM element for a given product.\n */\nfunction handleVariantResponse(response, $productContainer) {\n var isChoiceOfBonusProducts =\n $productContainer.parents(\".choose-bonus-product-dialog\").length > 0;\n var isVaraint;\n if (response.product.variationAttributes) {\n updateAttrs(response.product.variationAttributes, $productContainer, response.resources);\n isVaraint = response.product.productType === \"variant\";\n if (isChoiceOfBonusProducts && isVaraint) {\n $productContainer.parent(\".bonus-product-item\")\n .data(\"pid\", response.product.id);\n\n $productContainer.parent(\".bonus-product-item\")\n .data(\"ready-to-order\", response.product.readyToOrder);\n }\n }\n\n // Update primary images\n var primaryImageUrls = response.product.images.large;\n createCarousel(primaryImageUrls, $productContainer);\n\n // Update pricing\n if (!isChoiceOfBonusProducts) {\n var $priceSelector = $(\".prices .price\", $productContainer).length\n ? $(\".prices .price\", $productContainer)\n : $(\".prices .price\");\n $priceSelector.replaceWith(response.product.price.html);\n }\n\n // Update promotions\n $productContainer.find(\".promotions\").empty().html(response.product.promotionsHtml);\n\n updateAvailability(response, $productContainer);\n\n if (isChoiceOfBonusProducts) {\n var $selectButton = $productContainer.find(\".select-bonus-product\");\n $selectButton.trigger(\"bonusproduct:updateSelectButton\", {\n product: response.product, $productContainer: $productContainer\n });\n } else {\n // Enable \"Add to Cart\" button if all required attributes have been selected\n $(\"button.add-to-cart, button.add-to-cart-global, button.update-cart-product-global\").trigger(\"product:updateAddToCart\", {\n product: response.product, $productContainer: $productContainer\n }).trigger(\"product:statusUpdate\", response.product);\n }\n\n // Update attributes\n $productContainer.find(\".main-attributes\").empty()\n .html(getAttributesHtml(response.product.attributes));\n}\n\n/**\n * @typespec UpdatedQuantity\n * @type Object\n * @property {boolean} selected - Whether the quantity has been selected\n * @property {string} value - The number of products to purchase\n * @property {string} url - Compiled URL that specifies variation attributes, product ID, options,\n * etc.\n */\n\n/**\n * Updates the quantity DOM elements post Ajax call\n * @param {UpdatedQuantity[]} quantities -\n * @param {jQuery} $productContainer - DOM container for a given product\n */\nfunction updateQuantities(quantities, $productContainer) {\n if ($productContainer.parent(\".bonus-product-item\").length <= 0) {\n var optionsHtml = quantities.map(function (quantity) {\n var selected = quantity.selected ? \" selected \" : \"\";\n return \"\";\n }).join(\"\");\n getQuantitySelector($productContainer).empty().html(optionsHtml);\n }\n}\n\n/**\n * updates the product view when a product attribute is selected or deselected or when\n * changing quantity\n * @param {string} selectedValueUrl - the Url for the selected variation value\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction attributeSelect(selectedValueUrl, $productContainer) {\n if (selectedValueUrl) {\n $(\"body\").trigger(\"product:beforeAttributeSelect\",\n { url: selectedValueUrl, container: $productContainer });\n\n $.ajax({\n url: selectedValueUrl,\n method: \"GET\",\n success: function (data) {\n handleVariantResponse(data, $productContainer);\n updateOptions(data.product.optionsHtml, $productContainer);\n updateQuantities(data.product.quantities, $productContainer);\n $(\"body\").trigger(\"product:afterAttributeSelect\",\n { data: data, container: $productContainer });\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @return {string} - The provided URL to use when adding a product to the cart\n */\nfunction getAddToCartUrl() {\n return $(\".add-to-cart-url\").val();\n}\n\n/**\n * Parses the html for a modal window\n * @param {string} html - representing the body and footer of the modal window\n *\n * @return {Object} - Object with properties body and footer.\n */\nfunction parseHtml(html) {\n var $html = $(\"
\"\n + \"\"\n + \"
\";\n $(\"body\").append(htmlString);\n $(\".modal-body\").spinner().start();\n\n $.ajax({\n url: bonusUrl,\n method: \"GET\",\n dataType: \"json\",\n success: function (response) {\n var parsedHtml = parseHtml(response.renderedTemplate);\n $(\"#chooseBonusProductModal .modal-body\").empty();\n $(\"#chooseBonusProductModal .enter-message\").text(response.enterDialogMessage);\n $(\"#chooseBonusProductModal .modal-header .close .sr-only\").text(response.closeButtonText);\n $(\"#chooseBonusProductModal .modal-body\").html(parsedHtml.body);\n $(\"#chooseBonusProductModal .modal-footer\").html(parsedHtml.footer);\n $(\"#chooseBonusProductModal\").modal(\"show\");\n $(\"#chooseBonusProductModal\").on(\"shown.bs.modal\", initBonusProductCarousel);\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\nmodule.exports = {\n addToCart: function () {\n $(document).on(\"click\", \"button.product-tile-add-to-cart, button.product-search-add-to-cart, button.ahumada-family-product-promotion-add-to-cart\", function (e) {\n e.preventDefault();\n var addToCartUrl;\n var pid;\n var pidsObj;\n var setPids;\n const isCartPage = $(\".cart-page\").length;\n const element = $(this);\n\n $(\"body\").trigger(\"product:beforeAddToCart\", this);\n\n if ($(\".set-items\").length && $(this).hasClass(\"add-to-cart-global\")) {\n setPids = [];\n\n $(\".product-detail\").each(function () {\n if (!$(this).hasClass(\"product-set-detail\")) {\n setPids.push({\n pid: $(this).find(\".product-id\").text(),\n qty: $(this).find(\".quantity-select\").val(),\n options: getOptions($(this))\n });\n }\n });\n pidsObj = JSON.stringify(setPids);\n }\n\n pid = getPidValue($(this));\n\n var $productContainer = $(this).closest(\".product-detail\");\n if (!$productContainer.length) {\n $productContainer = $(this).closest(\".quick-view-dialog\").find(\".product-detail\");\n }\n\n addToCartUrl = getAddToCartUrl();\n\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: getChildProducts($(this)),\n quantity: getQuantitySelected($(this))\n };\n\n if (!$(\".bundle-item\").length) {\n form.options = getOptions($productContainer);\n }\n \n\n $(this).trigger(\"updateAddToCartFormData\", form);\n if (addToCartUrl) {\n $.ajax({\n url: addToCartUrl,\n method: \"POST\",\n data: form,\n success: function (data) {\n if (!data.error) {\n $(\"body\").trigger(\"product:afterAddToCart\", { data, pid: form.pid, quantity: +form.quantity });\n } else {\n $.spinner().stop();\n }\n handlePostCartAdd(data);\n\n if (element.hasClass(\"ahumada-family-product-promotion-add-to-cart\")) {\n gtm.addToCart(element.closest(\".js-ahumada-family-product-promotion\"), \"ahumadaFamilyProductPromotion\");\n } else if (!element.hasClass(\"product-search-add-to-cart\")) {\n gtm.addToCart(element.closest(\".product-tile\"), \"tile\");\n }\n\n $.spinner().stop();\n miniCartReportingUrl(data.reportingURL);\n\n // If on cart Page Reload Page\n if (isCartPage) {\n setTimeout(()=> {\n window.location.reload();\n }, 1000);\n }\n },\n error: function (jqXHR) {\n var response = JSON.parse(jqXHR.responseText);\n var errorMessage = response.errorMessage || \"Error al agregar producto al carrito\";\n utilsServices.createErrorNotification(errorMessage, $(\".notification-alert\"), true, 6000);\n $.spinner().stop();\n }\n });\n }\n });\n }\n};\n","\"use strict\";\n\nconst $addToCartPlpModal = $(\".add-to-cart-plp-modal\");\n\n/**\n* Populates the product information in the modal\n* @param {Object} productInfo - an object containing product information\n* @param {string} productInfo.productName - the name of the product\n* @param {string} productInfo.brand - the brand of the product\n* @param {string} productInfo.manufacturerName - the manufacturer name of the product\n* @param {Object} productInfo.images - an object containing different sizes of product images\n* @param {number} productInfo.quantity - the quantity of the product\n* @param {Object[]} productInfo.variationAttributes - an array of objects containing variation attributes of the product\n*/\nfunction populateModalWithProductInfo({ productName, brand, manufacturerName, images, quantity, variationAttributes }) {\n const $modalProductImage = $(\".js-modal-product-image\");\n const $modalProductBrand = $(\".js-modal-product-brand\");\n const $modalProductName = $(\".js-modal-product-name\");\n const $modalProductQuantity = $(\".js-modal-product-quantity\");\n const $modalProductAttributes = $(\".js-modal-product-attributes\");\n\n // Product Image\n if (images && images.small[0]) {\n const { url, alt, title } = images.small[0];\n $modalProductImage.attr({ \"src\": url, alt, title });\n }\n\n // Product Brand\n const productBrand = brand || manufacturerName;\n $modalProductBrand.text(productBrand);\n\n // Product Name\n $modalProductName.text(productName);\n\n // Product Quantity\n $modalProductQuantity.text(quantity);\n\n // Product Attributes\n $modalProductAttributes.empty();\n if (variationAttributes) {\n variationAttributes.forEach(element => {\n const { displayName, displayValue } = element;\n $modalProductAttributes.append(`${displayName}: ${displayValue}`);\n });\n }\n\n $addToCartPlpModal.modal(\"show\");\n}\n\n/**\n* Adds a click event listener to the close button in the cart PLP modal\n*/\nfunction closeCartPlpEventListener() {\n $(\".js-close-modal\").on(\"click\", () => {\n $addToCartPlpModal.modal(\"hide\");\n });\n}\n\n/**\n* Initializes the after add to cart modal\n*/\nfunction initAfterAddToCartModal() {\n const $body = $(\"body\");\n closeCartPlpEventListener();\n\n $body.on(\"product:afterAddToCart\", function (event, { data: { cart: { items } }, pid, quantity }) {\n const isDesktop = $(window).width() > 768;\n const currentItem = items.find(item => item.id == pid);\n\n // If on desktop show modal\n if (isDesktop) {\n populateModalWithProductInfo({ ...currentItem, quantity });\n }\n });\n}\n\nmodule.exports = {\n initAfterAddToCartModal,\n};\n","\"use strict\";\nvar focusHelper = require(\"base/components/focus\");\nconst gtm = require(\"../gtm\");\nconst utilsServices = require(\"../utils/utilsServices\");\n\n/**\n * Retrieves the relevant pid value\n * @param {jquery} $el - DOM container for a given add to cart button\n * @return {string} - value to be used when adding product to cart\n */\nfunction getPidValue($el) {\n var pid;\n\n if ($(\"#quickViewModal\").hasClass(\"show\") && !$(\".product-set\").length) {\n pid = $($el).closest(\".modal-content\").find(\".product-quickview\").data(\"pid\");\n } else if ($(\".product-set-detail\").length || $(\".product-set\").length) {\n pid = $($el).closest(\".product-detail\").find(\".product-id\").text();\n } else {\n pid = $(\".product-detail:not(\\\".bundle-item\\\")\").data(\"pid\");\n }\n\n return pid;\n}\n\n/**\n * Retrieve contextual quantity selector\n * @param {jquery} $el - DOM container for the relevant quantity\n * @return {jquery} - quantity selector DOM container\n */\nfunction getQuantitySelector($el) {\n var quantitySelected;\n if ($el && $(\".set-items\").length) {\n quantitySelected = $($el).closest(\".product-detail\").find(\".quantity-select\");\n } else if ($el && $(\".product-bundle\").length) {\n var quantitySelectedModal = $($el).closest(\".modal-footer\").find(\".quantity-select\");\n var quantitySelectedPDP = $($el).closest(\".bundle-footer\").find(\".quantity-select\");\n if (quantitySelectedModal.val() === undefined) {\n quantitySelected = quantitySelectedPDP;\n } else {\n quantitySelected = quantitySelectedModal;\n }\n } else {\n quantitySelected = $(\".quantity-select\");\n }\n return quantitySelected;\n}\n\n/**\n * Retrieves the value associated with the Quantity pull-down menu\n * @param {jquery} $el - DOM container for the relevant quantity\n * @return {string} - value found in the quantity input\n */\nfunction getQuantitySelected($el) {\n return getQuantitySelector($el).val();\n}\n\n/**\n * Process the attribute values for an attribute that has image swatches\n *\n * @param {Object} attr - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {Object[]} attr.values - Array of attribute value objects\n * @param {string} attr.values.value - Attribute coded value\n * @param {string} attr.values.url - URL to de/select an attribute value of the product\n * @param {boolean} attr.values.isSelectable - Flag as to whether an attribute value can be\n * selected. If there is no variant that corresponds to a specific combination of attribute\n * values, an attribute may be disabled in the Product Detail Page\n * @param {jQuery} $productContainer - DOM container for a given product\n * @param {Object} msgs - object containing resource messages\n */\nfunction processSwatchValues(attr, $productContainer, msgs) {\n attr.values.forEach(function (attrValue) {\n var $attrValue = $productContainer.find(\"[data-attr=\\\"\" + attr.id + \"\\\"] [data-attr-value=\\\"\" +\n attrValue.value + \"\\\"]\");\n var $swatchButton = $attrValue.parent();\n\n if (attrValue.selected) {\n $attrValue.addClass(\"selected\");\n $attrValue.siblings(\".selected-assistive-text\").text(msgs.assistiveSelectedText);\n } else {\n $attrValue.removeClass(\"selected\");\n $attrValue.siblings(\".selected-assistive-text\").empty();\n }\n\n if (attrValue.url) {\n $swatchButton.attr(\"data-url\", attrValue.url);\n } else {\n $swatchButton.removeAttr(\"data-url\");\n }\n\n // Disable if not selectable\n $attrValue.removeClass(\"selectable unselectable\");\n\n $attrValue.addClass(attrValue.selectable ? \"selectable\" : \"unselectable\");\n });\n}\n\n/**\n * Process attribute values associated with an attribute that does not have image swatches\n *\n * @param {Object} attr - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {Object[]} attr.values - Array of attribute value objects\n * @param {string} attr.values.value - Attribute coded value\n * @param {string} attr.values.url - URL to de/select an attribute value of the product\n * @param {boolean} attr.values.isSelectable - Flag as to whether an attribute value can be\n * selected. If there is no variant that corresponds to a specific combination of attribute\n * values, an attribute may be disabled in the Product Detail Page\n * @param {jQuery} $productContainer - DOM container for a given product\n */\nfunction processNonSwatchValues(attr, $productContainer) {\n var $attr = \"[data-attr=\\\"\" + attr.id + \"\\\"]\";\n var $defaultOption = $productContainer.find($attr + \" .select-\" + attr.id + \" option:first\");\n $defaultOption.attr(\"value\", attr.resetUrl);\n\n attr.values.forEach(function (attrValue) {\n var $attrValue = $productContainer\n .find($attr + \" [data-attr-value=\\\"\" + attrValue.value + \"\\\"]\");\n $attrValue.attr(\"value\", attrValue.url)\n .removeAttr(\"disabled\");\n\n if (!attrValue.selectable) {\n $attrValue.attr(\"disabled\", true);\n }\n });\n}\n\n/**\n * Routes the handling of attribute processing depending on whether the attribute has image\n * swatches or not\n *\n * @param {Object} attrs - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {jQuery} $productContainer - DOM element for a given product\n * @param {Object} msgs - object containing resource messages\n */\nfunction updateAttrs(attrs, $productContainer, msgs) {\n // Currently, the only attribute type that has image swatches is Color.\n var attrsWithSwatches = [\"color\", \"size\"];\n\n attrs.forEach(function (attr) {\n if (attrsWithSwatches.indexOf(attr.id) > -1 || attrsWithSwatches.indexOf(attr.attributeId) > -1) {\n processSwatchValues(attr, $productContainer, msgs);\n } else {\n processNonSwatchValues(attr, $productContainer);\n }\n });\n}\n\n/**\n * Updates the availability status in the Product Detail Page\n *\n * @param {Object} response - Ajax response object after an\n * attribute value has been [de]selected\n * @param {jQuery} $productContainer - DOM element for a given product\n */\nfunction updateAvailability(response, $productContainer) {\n var availabilityValue = \"\";\n var availabilityMessages = response.product.availability.messages;\n if (!response.product.readyToOrder) {\n availabilityValue = \"\"\n + \"\"\n + \"\"\n + \"
\"\n + \"\" + response.resources.info_selectforstock + \"
\" + message + \"
\" + attribute.label + \": \"\n + attribute.value + \"
\";\n });\n }\n });\n\n return html;\n}\n\n/**\n * @typedef UpdatedOptionValue\n * @type Object\n * @property {string} id - Option value ID for look up\n * @property {string} url - Updated option value selection URL\n */\n\n/**\n * @typedef OptionSelectionResponse\n * @type Object\n * @property {string} priceHtml - Updated price HTML code\n * @property {Object} options - Updated Options\n * @property {string} options.id - Option ID\n * @property {UpdatedOptionValue[]} options.values - Option values\n */\n\n/**\n * Updates DOM using post-option selection Ajax response\n *\n * @param {OptionSelectionResponse} optionsHtml - Ajax response optionsHtml from selecting a product option\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction updateOptions(optionsHtml, $productContainer) {\n // Update options\n $productContainer.find(\".product-options\").empty().html(optionsHtml);\n}\n\n/**\n * Dynamically creates Bootstrap carousel from response containing images\n * @param {Object[]} imgs - Array of large product images,along with related information\n * @param {jQuery} $productContainer - DOM element for a given product\n */\nfunction createCarousel(imgs, $productContainer) {\n const $carouselsContainer = $(\".js-pdp-image-carousel\", $productContainer);\n const $carouselWrappers = $(\".js-swiper-wrapper\", $carouselsContainer);\n const swiperControllers = [];\n\n //For each carousel wrapper, update the images and update the swiper controller\n //to reflect the new slides\n $carouselWrappers.each(function () {\n const $carouselWrapper = $(this);\n const $swiperContainer = $carouselWrapper.parents(\".js-swiper-container\");\n const $thumbnailCarousel = $carouselWrapper.parents(\".image-carrousel__thumbnails\");\n\n $carouselWrapper.empty();\n\n for (let i = 0; i < imgs.length; i++) {\n const $carouselItem = $(`\").append($.parseHTML(html));\n\n var body = $html.find(\".choice-of-bonus-product\");\n var footer = $html.find(\".modal-footer\").children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @param {Object} data - data object used to fill in dynamic portions of the html\n */\nfunction chooseBonusProducts(data) {\n $(\".modal-body\").spinner().start();\n\n if ($(\"#chooseBonusProductModal\").length !== 0) {\n $(\"#chooseBonusProductModal\").remove();\n }\n var bonusUrl;\n if (data.bonusChoiceRuleBased) {\n bonusUrl = data.showProductsUrlRuleBased;\n } else {\n bonusUrl = data.showProductsUrlListBased;\n }\n\n var htmlString = \"\"\n + \"![]()
{\n // This piece of code gets the connected popover (the \"tip\" is the popover element)\n const openedPopover = $(target).data(\"bs.popover\").tip;\n $(openedPopover).popover(\"update\");\n });\n });\n\n // If it\"s a touch screen, close the popover when clicking outside of it\n if (isTouchScreen()) {\n closePopoverOnClickOutside();\n }\n}\n\nmodule.exports = {\n initPopover\n};\n","\"use strict\";\n\n/**\n* Sets a timeout to clear the HTML content of the specified element reference\n* @param {jQuery} $elementRef - the jQuery element reference to update\n* @param {number} timeOut - the time in milliseconds before clearing the content\n* @returns {void}\n*/\nfunction setNotificationTimeout($elementRef, timeOut) {\n setTimeout(() => {\n $elementRef.html(\"\");\n }, timeOut);\n}\n\nmodule.exports = {\n createErrorNotification: function (message, $elementRef, hasSetTimeout = false, timeOut = 3000) {\n const errorHtml = `\n
\"\n + \"\"\n + \"
\";\n $(\"body\").append(htmlString);\n $(\".modal-body\").spinner().start();\n\n $.ajax({\n url: bonusUrl,\n method: \"GET\",\n dataType: \"json\",\n success: function (response) {\n var parsedHtml = parseHtml(response.renderedTemplate);\n $(\"#chooseBonusProductModal .modal-body\").empty();\n $(\"#chooseBonusProductModal .enter-message\").text(response.enterDialogMessage);\n $(\"#chooseBonusProductModal .modal-header .close .sr-only\").text(response.closeButtonText);\n $(\"#chooseBonusProductModal .modal-body\").html(parsedHtml.body);\n $(\"#chooseBonusProductModal .modal-footer\").html(parsedHtml.footer);\n $(\"#chooseBonusProductModal\").modal(\"show\");\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\n/**\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\n * @param {string} response - ajax response from clicking the add to cart button\n */\nfunction handlePostCartAdd(response) {\n $(\".minicart\").trigger(\"count:update\", response);\n const isDesktop = $(window).width() > 768;\n\n var messageType = response.error ? \"alert-danger\" : \"alert-success\";\n // show add to cart toast\n if (response.newBonusDiscountLineItem\n && Object.keys(response.newBonusDiscountLineItem).length !== 0) {\n chooseBonusProducts(response.newBonusDiscountLineItem);\n } else {\n if ($(\".add-to-cart-messages\").length === 0) {\n $(\"body\").append(\n \"\"\n );\n }\n\n if (!isDesktop || response.error) {\n $(\".add-to-cart-messages\").append(\n ``\n );\n\n setTimeout(function () {\n $(\".add-to-basket-alert\").remove();\n }, 3000);\n }\n }\n}\n\n/**\n * Retrieves the bundle product item ID's for the Controller to replace bundle master product\n * items with their selected variants\n *\n * @return {string[]} - List of selected bundle product item ID's\n */\nfunction getChildProducts() {\n var childProducts = [];\n $(\".bundle-item\").each(function () {\n childProducts.push({\n pid: $(this).find(\".product-id\").text(),\n quantity: parseInt($(this).find(\"label.quantity\").data(\"quantity\"), 10)\n });\n });\n\n return childProducts.length ? JSON.stringify(childProducts) : [];\n}\n\n/**\n * Retrieve product options\n *\n * @param {jQuery} $productContainer - DOM element for current product\n * @return {string} - Product options and their selected values\n */\nfunction getOptions($productContainer) {\n var options = $productContainer\n .find(\".product-option\")\n .map(function () {\n var $elOption = $(this).find(\".options-select\");\n var urlValue = $elOption.val();\n var selectedValueId = $elOption.find(\"option[value=\\\"\" + urlValue + \"\\\"]\")\n .data(\"value-id\");\n return {\n optionId: $(this).data(\"option-id\"),\n selectedValueId: selectedValueId\n };\n }).toArray();\n\n return JSON.stringify(options);\n}\n\n/**\n * Makes a call to the server to report the event of adding an item to the cart\n *\n * @param {string | boolean} url - a string representing the end point to hit so that the event can be recorded, or false\n */\nfunction miniCartReportingUrl(url) {\n if (url) {\n $.ajax({\n url: url,\n method: \"GET\",\n success: function () {\n // reporting urls hit on the server\n },\n error: function () {\n // no reporting urls hit on the server\n }\n });\n }\n}\n\nmodule.exports = {\n attributeSelect: attributeSelect,\n methods: {\n editBonusProducts: function (data) {\n chooseBonusProducts(data);\n }\n },\n\n focusChooseBonusProductModal: function () {\n $(\"body\").on(\"shown.bs.modal\", \"#chooseBonusProductModal\", function () {\n $(\"#chooseBonusProductModal\").siblings().attr(\"aria-hidden\", \"true\");\n $(\"#chooseBonusProductModal .close\").focus();\n });\n },\n\n onClosingChooseBonusProductModal: function () {\n $(\"body\").on(\"hidden.bs.modal\", \"#chooseBonusProductModal\", function () {\n $(\"#chooseBonusProductModal\").siblings().attr(\"aria-hidden\", \"false\");\n });\n },\n\n trapChooseBonusProductModalFocus: function () {\n $(\"body\").on(\"keydown\", \"#chooseBonusProductModal\", function (e) {\n var focusParams = {\n event: e,\n containerSelector: \"#chooseBonusProductModal\",\n firstElementSelector: \".close\",\n lastElementSelector: \".add-bonus-products\"\n };\n focusHelper.setTabNextFocus(focusParams);\n });\n },\n\n colorAttribute: function () {\n $(document).on(\"click\", \"[data-attr=\\\"color\\\"] button, [data-attr=\\\"cloth-color\\\"] button\", function (e) {\n e.preventDefault();\n\n if ($(this).attr(\"disabled\")) {\n return;\n }\n var $productContainer = $(this).closest(\".set-item\");\n if (!$productContainer.length) {\n $productContainer = $(this).closest(\".product-detail\");\n }\n\n attributeSelect($(this).attr(\"data-url\"), $productContainer);\n });\n },\n selectSizeAttribute: function () {\n $(document).on(\"click\", \".size-select-btn\", function (e) {\n e.preventDefault();\n\n var $this = $(this);\n var $productContainer = $this.closest(\".set-item\");\n\n if (!$productContainer.length) {\n $productContainer = $this.closest(\".product-detail\");\n }\n\n attributeSelect(e.currentTarget.dataset.url, $productContainer);\n });\n },\n selectAttribute: function () {\n $(document).on(\"change\", \"select[class*=\\\"select-\\\"], .options-select\", function (e) {\n e.preventDefault();\n\n var $productContainer = $(this).closest(\".set-item\");\n if (!$productContainer.length) {\n $productContainer = $(this).closest(\".product-detail\");\n }\n attributeSelect(e.currentTarget.value, $productContainer);\n });\n },\n availability: function () {\n $(document).on(\"change\", \".quantity-select\", function (e) {\n e.preventDefault();\n\n var $productContainer = $(this).closest(\".product-detail\");\n if (!$productContainer.length) {\n $productContainer = $(this).closest(\".modal-content\").find(\".product-quickview\");\n }\n\n if ($(\".bundle-items\", $productContainer).length === 0) {\n attributeSelect($(e.currentTarget).find(\"option:selected\").data(\"url\"),\n $productContainer);\n }\n });\n },\n\n addToCart: function () {\n $(document).on(\"click\", \"button.add-to-cart, button.add-to-cart-global\", function () {\n var addToCartUrl;\n var pid;\n var pidsObj;\n var setPids;\n\n $(\"body\").trigger(\"product:beforeAddToCart\", this);\n\n if ($(\".set-items\").length && $(this).hasClass(\"add-to-cart-global\")) {\n setPids = [];\n\n $(\".product-detail\").each(function () {\n if (!$(this).hasClass(\"product-set-detail\")) {\n setPids.push({\n pid: $(this).find(\".product-id\").text(),\n qty: $(this).find(\".quantity-select\").val(),\n options: getOptions($(this))\n });\n }\n });\n pidsObj = JSON.stringify(setPids);\n }\n\n pid = getPidValue($(this));\n\n var $productContainer = $(this).closest(\".product-detail\");\n if (!$productContainer.length) {\n $productContainer = $(this).closest(\".quick-view-dialog\").find(\".product-detail\");\n }\n\n addToCartUrl = getAddToCartUrl();\n\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: getChildProducts(),\n quantity: getQuantitySelected($(this))\n };\n\n if (!$(\".bundle-item\").length) {\n form.options = getOptions($productContainer);\n }\n\n $(this).trigger(\"updateAddToCartFormData\", form);\n if (addToCartUrl) {\n $.ajax({\n url: addToCartUrl,\n method: \"POST\",\n data: form,\n success: function (data) {\n if (!data.error) {\n $(\"body\").trigger(\"product:afterAddToCart\", { data, pid: form.pid, quantity: +form.quantity });\n }\n handlePostCartAdd(data);\n gtm.addToCart($(\".product-detail\"), \"detail\");\n $.spinner().stop();\n miniCartReportingUrl(data.reportingURL);\n },\n error: function (jqXHR) {\n $.spinner().stop();\n var response = JSON.parse(jqXHR.responseText);\n var errorMessage = response.errorMessage || \"Error al agregar producto al carrito\";\n utilsServices.createErrorNotification(errorMessage, $(\".notification-alert\"), true, 6000);\n }\n });\n }\n });\n },\n selectBonusProduct: function () {\n $(document).on(\"click\", \".select-bonus-product\", function () {\n var $choiceOfBonusProduct = $(this).parents(\".choice-of-bonus-product\");\n var pid = $(this).data(\"pid\");\n var maxPids = $(\".choose-bonus-product-dialog\").data(\"total-qty\");\n var submittedQty = parseInt($choiceOfBonusProduct.find(\".bonus-quantity-select\").val(), 10);\n var totalQty = 0;\n $.each($(\"#chooseBonusProductModal .selected-bonus-products .selected-pid\"), function () {\n totalQty += $(this).data(\"qty\");\n });\n totalQty += submittedQty;\n var optionID = $choiceOfBonusProduct.find(\".product-option\").data(\"option-id\");\n var valueId = $choiceOfBonusProduct.find(\".options-select option:selected\").data(\"valueId\");\n if (totalQty <= maxPids) {\n var selectedBonusProductHtml = \"\"\n + \"\"\n + \"\"\n + \"\"\n + \"
\"\n + \"\"\n + \"
\"\n ;\n $(\"#chooseBonusProductModal .selected-bonus-products\").append(selectedBonusProductHtml);\n $(\".pre-cart-products\").html(totalQty);\n $(\".selected-bonus-products .bonus-summary\").removeClass(\"alert-danger\");\n } else {\n $(\".selected-bonus-products .bonus-summary\").addClass(\"alert-danger\");\n }\n });\n },\n removeBonusProduct: function () {\n $(document).on(\"click\", \".selected-pid\", function () {\n $(this).remove();\n var $selected = $(\"#chooseBonusProductModal .selected-bonus-products .selected-pid\");\n var count = 0;\n if ($selected.length) {\n $selected.each(function () {\n count += parseInt($(this).data(\"qty\"), 10);\n });\n }\n\n $(\".pre-cart-products\").html(count);\n $(\".selected-bonus-products .bonus-summary\").removeClass(\"alert-danger\");\n });\n },\n enableBonusProductSelection: function () {\n $(\"body\").on(\"bonusproduct:updateSelectButton\", function (e, response) {\n $(\"button.select-bonus-product\", response.$productContainer).attr(\"disabled\",\n (!response.product.readyToOrder || !response.product.available));\n var pid = response.product.id;\n $(\"button.select-bonus-product\", response.$productContainer).data(\"pid\", pid);\n });\n },\n showMoreBonusProducts: function () {\n $(document).on(\"click\", \".show-more-bonus-products\", function () {\n var url = $(this).data(\"url\");\n $(\".modal-content\").spinner().start();\n $.ajax({\n url: url,\n method: \"GET\",\n success: function (html) {\n var parsedHtml = parseHtml(html);\n $(\".modal-body\").append(parsedHtml.body);\n $(\".show-more-bonus-products:first\").remove();\n $(\".modal-content\").spinner().stop();\n },\n error: function () {\n $(\".modal-content\").spinner().stop();\n }\n });\n });\n },\n addBonusProductsToCart: function () {\n $(document).on(\"click\", \".add-bonus-products\", function () {\n var $readyToOrderBonusProducts = $(\".choose-bonus-product-dialog .selected-pid\");\n var queryString = \"?pids=\";\n var url = $(\".choose-bonus-product-dialog\").data(\"addtocarturl\");\n var pidsObject = {\n bonusProducts: []\n };\n\n $.each($readyToOrderBonusProducts, function () {\n var qtyOption =\n parseInt($(this)\n .data(\"qty\"), 10);\n\n var option = null;\n if (qtyOption > 0) {\n if ($(this).data(\"optionid\") && $(this).data(\"option-selected-value\")) {\n option = {};\n option.optionId = $(this).data(\"optionid\");\n option.productId = $(this).data(\"pid\");\n option.selectedValueId = $(this).data(\"option-selected-value\");\n }\n pidsObject.bonusProducts.push({\n pid: $(this).data(\"pid\"),\n qty: qtyOption,\n options: [option]\n });\n pidsObject.totalQty = parseInt($(\".pre-cart-products\").html(), 10);\n }\n });\n queryString += JSON.stringify(pidsObject);\n queryString = queryString + \"&uuid=\" + $(\".choose-bonus-product-dialog\").data(\"uuid\");\n queryString = queryString + \"&pliuuid=\" + $(\".choose-bonus-product-dialog\").data(\"pliuuid\");\n $.spinner().start();\n $.ajax({\n url: url + queryString,\n method: \"POST\",\n success: function (data) {\n $.spinner().stop();\n if (data.error) {\n $(\"#chooseBonusProductModal\").modal(\"hide\");\n if ($(\".add-to-cart-messages\").length === 0) {\n $(\"body\").append(\"\");\n }\n $(\".add-to-cart-messages\").append(\n \"\"\n + $choiceOfBonusProduct.find(\".product-name\").html()\n + \"
\"\n + \"\"\n + \"
\"\n + data.errorMessage + \"
\"\n );\n setTimeout(function () {\n $(\".add-to-basket-alert\").remove();\n }, 3000);\n } else {\n $(\".configure-bonus-product-attributes\").html(data);\n $(\".bonus-products-step2\").removeClass(\"hidden-xl-down\");\n $(\"#chooseBonusProductModal\").modal(\"hide\");\n\n if ($(\".add-to-cart-messages\").length === 0) {\n $(\"body\").append(\"\");\n }\n $(\".minicart-quantity\").html(data.totalQty);\n $(\".add-to-cart-messages\").append(\n \"\"\n + data.msgSuccess + \"
\"\n );\n setTimeout(function () {\n $(\".add-to-basket-alert\").remove();\n if ($(\".cart-page\").length) {\n location.reload();\n }\n }, 1500);\n }\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n },\n\n getPidValue: getPidValue,\n getQuantitySelected: getQuantitySelected,\n miniCartReportingUrl: miniCartReportingUrl\n};\n","\"use strict\";\n\nvar $googleMap = $(\".js-pickup-map\");\n\n/**\n* Loads Google Maps script and exposes the initMap function globally when the API is ready\n* @param {Object} $googleMap - the Google Map object\n*/\nfunction loadGoogleMapsScript() {\n const apiKey = $(\".google-maps-api-key\").val() === \"null\" ? null : $(\".google-maps-api-key\").val();\n const decodedKey = apiKey ? window.atob(apiKey) : null;\n const googleMapsApiSrc = `https://maps.googleapis.com/maps/api/js?key=${decodedKey}&callback=initMap`;\n const tag = document.createElement(\"script\");\n const firstScriptTag = document.getElementsByTagName(\"script\")[0];\n\n tag.defer = true;\n\n tag.src = googleMapsApiSrc;\n firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n\n // Expose the function globally when the API is ready.\n window.initMap = () => {\n initMap($googleMap);\n };\n}\n\n/**\n* Initializes the Google Map\n* @param {Object} $googleMap - jQuery object of the Google Map element\n* @returns {Object} window.googleMap - the Google Map object\n* @returns {Object} window.infoWindow - the Google Map InfoWindow object\n*/\nfunction initMap($googleMap) {\n if ($googleMap.length) {\n const lat = +$googleMap.data(\"initial-lat\");\n const lng = +$googleMap.data(\"initial-lng\");\n const mapHtmlElement = $googleMap[0];\n\n const center = {\n lat,\n lng\n };\n\n window.googleMap = new google.maps.Map(mapHtmlElement, {\n center,\n fullscreenControl: false,\n mapTypeControlOptions: { mapTypeIds: [] },\n scaleControl: true,\n scrollwheel: true,\n streetViewControl: false,\n zoom: 3,\n });\n\n window.infoWindow = new google.maps.InfoWindow();\n }\n}\n\n/**\n* Adds markers to the google map\n* @param {Object} storeInfo - Object containing store information\n* @param {number} storeInfo.latitude - Latitude of the store\n* @param {number} storeInfo.longitude - Longitude of the store\n* @param {string} storeInfo.storeInfoHtml - HTML string of the store information\n*/\nfunction addMarkersToMap(storeInfo) {\n const { latitude, longitude, storeInfoHtml } = storeInfo;\n\n removeMarker($googleMap);\n\n const newMarker = createMarker(latitude, longitude);\n setMarkerListener(newMarker);\n setMarkerInfoWindow(storeInfoHtml);\n openMarkerInfoWindow(newMarker);\n\n centerMap(window.googleMap, latitude, longitude, 18);\n}\n\n/**\n* Creates a marker for a given latitude and longitude\n* @param {number} latitude - the latitude of the marker\n* @param {number} longitude - the longitude of the marker\n* @returns {google.maps.Marker} - the created marker\n*/\nfunction createMarker(latitude, longitude) {\n return new google.maps.Marker({\n animation: google.maps.Animation.DROP,\n draggable: false,\n map: window.googleMap,\n position: {\n lat: +latitude,\n lng: +longitude\n }\n });\n}\n\n/**\n* Sets a click listener to the marker\n* @param {Object} marker - the marker to set the listener to\n*/\nfunction setMarkerListener(marker) {\n marker.addListener(\"click\", function () {\n window.infoWindow.close();\n window.infoWindow.open(this.map, this);\n });\n}\n\n/**\n* Sets the content of the marker info window\n* @param {string} storeInfoHtml - HTML string containing store info\n*/\nfunction setMarkerInfoWindow(storeInfoHtml) {\n window.infoWindow.setContent(storeInfoHtml);\n}\n\n/**\n* Opens the info window of a marker on the map\n* @param {Object} marker - the marker object to open the info window for\n*/\nfunction openMarkerInfoWindow(marker) {\n window.infoWindow.open(window.googleMap, marker);\n}\n\n/**\n* Removes a marker from the map\n* @param {Object} $googleMap - the google map object\n*/\nfunction removeMarker($googleMap) {\n initMap($googleMap);\n}\n\n/**\n* Centers the map to a given position and zoom level\n* @param {Object} googleMapObj - the Google Maps object\n* @param {number} lat - the latitude of the position\n* @param {number} lng - the longitude of the position\n* @param {number} zoom - the zoom level of the map\n*/\nfunction centerMap(googleMapObj, lat, lng, zoom) {\n const position = new google.maps.LatLng(lat, lng);\n\n googleMapObj.setCenter(position);\n googleMapObj.setZoom(zoom);\n}\n\nmodule.exports = {\n loadGoogleMapsScript,\n addMarkersToMap\n};\n","\"use strict\";\n\nmodule.exports = {\n maskRUT: function ($elem) {\n var $rutField = $($elem);\n var mask = \"Z0.000.000-A\";\n var rutOptions = {\n onKeyPress : function () {\n $rutField.mask(mask, rutOptions);\n },\n translation : {\n \"Z\" : {\n pattern : /[0-9]/g,\n optional : true\n },\n \"A\" : {\n pattern : /[0-9kK]/g,\n optional : false\n }\n },\n reverse: true\n };\n \n $rutField.mask(mask, rutOptions);\n },\n maskPhone: function ($elem) {\n delete $.jMaskGlobals.translation[\"9\"];\n $($elem).mask(\"+56 9 0000 0000\", {\n translation: {\n \"0\": {\n pattern : /[0-9]/g \n }\n }\n });\n },\n maskBirthdate: function ($elem) {\n $($elem).mask(\"00/00/0000\");\n }\n};\n","\"use strict\";\n\n/**\n* Checks if the device is a touch screen\n* @returns {boolean} - true if the device is a touch screen, false otherwise\n*/\nfunction isTouchScreen() {\n return ((\"ontouchstart\" in window) ||\n (navigator.maxTouchPoints > 0) ||\n (navigator.msMaxTouchPoints > 0));\n}\n\n/**\n* Generates a template for the popover\n* @returns {string} - The template for the popover\n*/\nfunction popoverTemplate() {\n return `\n \n \n \n
`;\n}\n\n/**\n* Closes the popover when clicking outside of it\n*/\nfunction closePopoverOnClickOutside() {\n $(document).on(\"click\", function (e) {\n $(\"[data-toggle='popover'],[data-original-title]\").each(function () {\n var $this = $(this);\n // the \"is\" for buttons that trigger popups\n // the \"has\" for icons within a button that triggers a popup\n if (!$this.is(e.target) && $this.has(e.target).length === 0 && $(\".popover\").has(e.target).length === 0) {\n (($this.popover(\"hide\").data(\"bs.popover\") || {}).inState || {}).click = false; // fix for BS 3.3.6\n }\n });\n });\n}\n\n/**\n* Initializes the badges popover\n* @param {Object} popoverTrigger - the trigger element for the popover\n* @param {Object} popoverTemplateContent - the template content for the popover\n* @param {Object} commonConfig - the common configuration for the popover\n*/\nfunction initPopover() {\n const commonConfig = {\n template: popoverTemplate(),\n container: \"body\",\n html: true\n };\n\n $(\".js-popover\").each(function () {\n const $currentPopover = $(this);\n const customBoundarySelector = $($currentPopover.data(\"custom-boundary\"))[0] || \"viewport\";\n const container = $currentPopover.data(\"container\") || \"body\";\n const placement = $currentPopover.data(\"placement\") || \"top\";\n const hasImage = /\n ${hasSetTimeout ? \"\" : `\n \n ×\n \n `}\n ${message}\n
\n `;\n\n $($elementRef).append(errorHtml);\n if (hasSetTimeout) {\n setNotificationTimeout($elementRef, timeOut);\n }\n },\n\n createSuccessNotification: function (message, $elementRef, hasSetTimeout = false, timeOut = 3000) {\n const successHtml = `\n \n ${hasSetTimeout ? \"\" : `\n \n `}\n ${message}\n
\n `;\n\n $($elementRef).css({\n \"left\": \"auto\",\n \"right\": \"10px\"\n });\n\n $($elementRef).append(successHtml);\n\n if (hasSetTimeout) {\n setNotificationTimeout($elementRef, timeOut);\n }\n }\n};\n","'use strict';\nvar debounce = require('lodash/debounce');\n\n/**\n * Get display information related to screen size\n * @param {jQuery} element - the current carousel that is being used\n * @returns {Object} an object with display information\n */\nfunction screenSize(element) {\n var result = {\n itemsToDisplay: null,\n sufficientSlides: true\n };\n var viewSize = $(window).width();\n var extraSmallDisplay = element.data('xs');\n var smallDisplay = element.data('sm');\n var mediumDisplay = element.data('md');\n var numberOfSlides = element.data('number-of-slides');\n\n if (viewSize <= 575.98) {\n result.itemsToDisplay = extraSmallDisplay;\n } else if ((viewSize >= 576) && (viewSize <= 768.98)) {\n result.itemsToDisplay = smallDisplay;\n } else if (viewSize >= 769) {\n result.itemsToDisplay = mediumDisplay;\n }\n\n if (result.itemsToDisplay && numberOfSlides <= result.itemsToDisplay) {\n result.sufficientSlides = false;\n }\n\n return result;\n}\n\n/**\n * Makes the next element to be displayed next unreachable for screen readers and keyboard nav\n * @param {jQuery} element - the current carousel that is being used\n */\nfunction hiddenSlides(element) {\n var carousel;\n\n if (element) {\n carousel = element;\n } else {\n carousel = $('.experience-commerce_layouts-carousel .carousel, .experience-einstein-einsteinCarousel .carousel, .experience-einstein-einsteinCarouselCategory .carousel, .experience-einstein-einsteinCarouselProduct .carousel');\n }\n\n var screenSizeInfo = screenSize(carousel);\n\n var lastDisplayedElement;\n var elementToBeDisplayed;\n\n switch (screenSizeInfo.itemsToDisplay) {\n case 2:\n lastDisplayedElement = carousel.find('.active.carousel-item + .carousel-item');\n elementToBeDisplayed = carousel.find('.active.carousel-item + .carousel-item + .carousel-item');\n break;\n case 3:\n lastDisplayedElement = carousel.find('.active.carousel-item + .carousel-item + .carousel-item');\n elementToBeDisplayed = carousel.find('.active.carousel-item + .carousel-item + .carousel-item + .carousel-item');\n break;\n case 4:\n lastDisplayedElement = carousel.find('.active.carousel-item + .carousel-item + .carousel-item + .carousel-item');\n elementToBeDisplayed = carousel.find('.active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item');\n break;\n case 6:\n lastDisplayedElement = carousel.find('.active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item');\n elementToBeDisplayed = carousel.find('.active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item');\n break;\n default:\n break;\n }\n\n carousel.find('.active.carousel-item').removeAttr('tabindex').removeAttr('aria-hidden');\n carousel.find('.active.carousel-item').find('a, button, details, input, textarea, select')\n .removeAttr('tabindex')\n .removeAttr('aria-hidden');\n\n if (lastDisplayedElement) {\n lastDisplayedElement.removeAttr('tabindex').removeAttr('aria-hidden');\n lastDisplayedElement.find('a, button, details, input, textarea, select')\n .removeAttr('tabindex')\n .removeAttr('aria-hidden');\n }\n\n if (elementToBeDisplayed) {\n elementToBeDisplayed.attr('tabindex', -1).attr('aria-hidden', true);\n elementToBeDisplayed.find('a, button, details, input, textarea, select')\n .attr('tabindex', -1)\n .attr('aria-hidden', true);\n }\n}\n\n$(document).ready(function () {\n hiddenSlides();\n\n $(window).on('resize', debounce(function () {\n hiddenSlides();\n }, 500));\n\n $('body').on('carousel:setup', function () {\n hiddenSlides();\n });\n\n $('.experience-commerce_layouts-carousel .carousel, .experience-einstein-einsteinCarousel .carousel, .experience-einstein-einsteinCarouselCategory .carousel, .experience-einstein-einsteinCarouselProduct .carousel').on('touchstart', function (touchStartEvent) {\n var screenSizeInfo = screenSize($(this));\n\n if (screenSizeInfo.sufficientSlides) {\n var xClick = touchStartEvent.originalEvent.touches[0].pageX;\n $(this).one('touchmove', function (touchMoveEvent) {\n var xMove = touchMoveEvent.originalEvent.touches[0].pageX;\n if (Math.floor(xClick - xMove) > 5) {\n $(this).carousel('next');\n } else if (Math.floor(xClick - xMove) < -5) {\n $(this).carousel('prev');\n }\n });\n $('.experience-commerce_layouts-carousel .carousel, .experience-einstein-einsteinCarousel .carousel, .experience-einstein-einsteinCarouselCategory .carousel, .experience-einstein-einsteinCarouselProduct .carousel').on('touchend', function () {\n $(this).off('touchmove');\n });\n }\n });\n\n $('.experience-commerce_layouts-carousel .carousel, .experience-einstein-einsteinCarousel .carousel, .experience-einstein-einsteinCarouselCategory .carousel, .experience-einstein-einsteinCarouselProduct .carousel').on('slide.bs.carousel', function (e) {\n var activeCarouselPosition = $(e.relatedTarget).data('position');\n $(this).find('.pd-carousel-indicators .active').removeClass('active');\n $(this).find(\".pd-carousel-indicators [data-position='\" + activeCarouselPosition + \"']\").addClass('active');\n\n var extraSmallDisplay = $(this).data('xs');\n var smallDisplay = $(this).data('sm');\n var mediumDisplay = $(this).data('md');\n\n var arrayOfSlidesToDisplay = [];\n\n if (!$(this).hasClass('insufficient-xs-slides')) {\n arrayOfSlidesToDisplay.push(extraSmallDisplay);\n }\n\n if (!$(this).hasClass('insufficient-sm-slides')) {\n arrayOfSlidesToDisplay.push(smallDisplay);\n }\n\n if (!$(this).hasClass('insufficient-md-slides')) {\n arrayOfSlidesToDisplay.push(mediumDisplay);\n }\n\n var itemsToDisplay = Math.max.apply(Math, arrayOfSlidesToDisplay);\n\n var elementIndex = $(e.relatedTarget).index();\n var numberOfSlides = $('.carousel-item', this).length;\n var carouselInner = $(this).find('.carousel-inner');\n var carouselItem;\n\n if (elementIndex >= numberOfSlides - (itemsToDisplay - 1)) {\n var it = itemsToDisplay - (numberOfSlides - elementIndex);\n for (var i = 0; i < it; i++) {\n // append slides to end\n if (e.direction === 'left') {\n carouselItem = $('.carousel-item', this).eq(i);\n\n $(carouselItem).appendTo($(carouselInner));\n } else {\n carouselItem = $('.carousel-item', this).eq(0);\n\n $(carouselItem).appendTo($(carouselInner));\n }\n }\n }\n });\n\n $('.experience-commerce_layouts-carousel .carousel, .experience-einstein-einsteinCarousel .carousel, .experience-einstein-einsteinCarouselCategory .carousel, .experience-einstein-einsteinCarouselProduct .carousel').on('slid.bs.carousel', function () {\n hiddenSlides($(this));\n });\n});\n","'use strict';\n\n/**\n * Populate the Billing Address Summary View\n * @param {string} parentSelector - the top level DOM selector for a unique address summary\n * @param {Object} address - the address data\n */\nfunction populateAddressSummary(parentSelector, address) {\n $.each(address, function (attr) {\n var val = address[attr];\n $('.' + attr, parentSelector).text(val || '');\n });\n}\n\n/**\n * returns a formed element\n * @param {Object} shipping - the shipping object (shipment model)\n * @param {boolean} selected - current shipping is selected (for PLI)\n * @param {order} order - the Order model\n * @param {Object} [options] - options\n * @returns {Object} - the jQuery / DOMElement\n */\nfunction optionValueForAddress(shipping, selected, order, options) {\n var safeOptions = options || {};\n var isBilling = safeOptions.type && safeOptions.type === 'billing';\n var className = safeOptions.className || '';\n var isSelected = selected;\n var isNew = !shipping;\n if (typeof shipping === 'string') {\n return $('');\n }\n var safeShipping = shipping || {};\n var shippingAddress = safeShipping.shippingAddress || {};\n\n if (isBilling && isNew && !order.billing.matchingAddressId) {\n shippingAddress = order.billing.billingAddress.address || {};\n isNew = false;\n isSelected = true;\n safeShipping.UUID = 'manual-entry';\n }\n\n var uuid = safeShipping.UUID ? safeShipping.UUID : 'new';\n var optionEl = $('');\n optionEl.val(uuid);\n\n var title;\n\n if (isNew) {\n title = order.resources.addNewAddress;\n } else {\n title = [];\n if (shippingAddress.firstName) {\n title.push(shippingAddress.firstName);\n }\n if (shippingAddress.lastName) {\n title.push(shippingAddress.lastName);\n }\n if (shippingAddress.address1) {\n title.push(shippingAddress.address1);\n }\n if (shippingAddress.address2) {\n title.push(shippingAddress.address2);\n }\n if (shippingAddress.city) {\n if (shippingAddress.state) {\n title.push(shippingAddress.city + ',');\n } else {\n title.push(shippingAddress.city);\n }\n }\n if (shippingAddress.stateCode) {\n title.push(shippingAddress.stateCode);\n }\n if (shippingAddress.postalCode) {\n title.push(shippingAddress.postalCode);\n }\n if (!isBilling && safeShipping.selectedShippingMethod) {\n title.push('-');\n title.push(safeShipping.selectedShippingMethod.displayName);\n }\n\n if (title.length > 2) {\n title = title.join(' ');\n } else {\n title = order.resources.newAddress;\n }\n }\n optionEl.text(title);\n\n var keyMap = {\n 'data-first-name': 'firstName',\n 'data-last-name': 'lastName',\n 'data-address1': 'address1',\n 'data-address2': 'address2',\n 'data-city': 'city',\n 'data-state-code': 'stateCode',\n 'data-postal-code': 'postalCode',\n 'data-country-code': 'countryCode',\n 'data-phone': 'phone'\n };\n $.each(keyMap, function (key) {\n var mappedKey = keyMap[key];\n var mappedValue = shippingAddress[mappedKey];\n // In case of country code\n if (mappedValue && typeof mappedValue === 'object') {\n mappedValue = mappedValue.value;\n }\n\n optionEl.attr(key, mappedValue || '');\n });\n\n var giftObj = {\n 'data-is-gift': 'isGift',\n 'data-gift-message': 'giftMessage'\n };\n\n $.each(giftObj, function (key) {\n var mappedKey = giftObj[key];\n var mappedValue = safeShipping[mappedKey];\n optionEl.attr(key, mappedValue || '');\n });\n\n if (isSelected) {\n optionEl.attr('selected', true);\n }\n\n return optionEl;\n}\n\n/**\n * returns address properties from a UI form\n * @param {Form} form - the Form element\n * @returns {Object} - a JSON object with all values\n */\nfunction getAddressFieldsFromUI(form) {\n var address = {\n firstName: $('input[name$=_firstName]', form).val(),\n lastName: $('input[name$=_lastName]', form).val(),\n address1: $('input[name$=_address1]', form).val(),\n address2: $('input[name$=_address2]', form).val(),\n city: $('input[name$=_city]', form).val(),\n postalCode: $('input[name$=_postalCode]', form).val(),\n stateCode: $('select[name$=_stateCode],input[name$=_stateCode]', form).val(),\n countryCode: $('select[name$=_country]', form).val(),\n phone: $('input[name$=_phone]', form).val()\n };\n return address;\n}\n\nmodule.exports = {\n methods: {\n populateAddressSummary: populateAddressSummary,\n optionValueForAddress: optionValueForAddress,\n getAddressFieldsFromUI: getAddressFieldsFromUI\n },\n\n showDetails: function () {\n $('.btn-show-details').on('click', function () {\n var form = $(this).closest('form');\n\n form.attr('data-address-mode', 'details');\n form.find('.multi-ship-address-actions').removeClass('d-none');\n form.find('.multi-ship-action-buttons .col-12.btn-save-multi-ship').addClass('d-none');\n });\n },\n\n addNewAddress: function () {\n $('.btn-add-new').on('click', function () {\n var $el = $(this);\n if ($el.parents('#dwfrm_billing').length > 0) {\n // Handle billing address case\n $('body').trigger('checkout:clearBillingForm');\n var $option = $($el.parents('form').find('.addressSelector option')[0]);\n $option.attr('value', 'new');\n var $newTitle = $('#dwfrm_billing input[name=localizedNewAddressTitle]').val();\n $option.text($newTitle);\n $option.prop('selected', 'selected');\n $el.parents('[data-address-mode]').attr('data-address-mode', 'new');\n } else {\n // Handle shipping address case\n var $newEl = $el.parents('form').find('.addressSelector option[value=new]');\n $newEl.prop('selected', 'selected');\n $newEl.parent().trigger('change');\n }\n });\n }\n};\n","'use strict';\n\nvar scrollAnimate = require('../components/scrollAnimate');\n\n/**\n * Display error messages and highlight form fields with errors.\n * @param {string} parentSelector - the form which contains the fields\n * @param {Object} fieldErrors - the fields with errors\n */\nfunction loadFormErrors(parentSelector, fieldErrors) { // eslint-disable-line\n // Display error messages and highlight form fields with errors.\n $.each(fieldErrors, function (attr) {\n $('*[name=' + attr + ']', parentSelector)\n .addClass('is-invalid')\n .siblings('.invalid-feedback')\n .html(fieldErrors[attr]);\n });\n // Animate to top of form that has errors\n scrollAnimate($(parentSelector));\n}\n\n/**\n * Clear the form errors.\n * @param {string} parentSelector - the parent form selector.\n */\nfunction clearPreviousErrors(parentSelector) {\n $(parentSelector).find('.form-control.is-invalid').removeClass('is-invalid');\n $('.error-message').hide();\n}\n\nmodule.exports = {\n loadFormErrors: loadFormErrors,\n clearPreviousErrors: clearPreviousErrors\n};\n","'use strict';\nmodule.exports = function () {\n var sizes = ['xs', 'sm', 'md', 'lg', 'xl'];\n\n sizes.forEach(function (size) {\n var selector = '.collapsible-' + size + ' .title';\n $('body').on('click', selector, function (e) {\n e.preventDefault();\n $(this).parents('.collapsible-' + size).toggleClass('active');\n\n if ($(this).parents('.collapsible-' + size).hasClass('active')) {\n $(this).attr('aria-expanded', true);\n } else {\n $(this).attr('aria-expanded', false);\n }\n });\n });\n};\n","'use strict';\n\n/**\n * Get cookie value by cookie name from browser\n * @param {string} cookieName - name of the cookie\n * @returns {string} cookie value of the found cookie name\n */\nfunction getCookie(cookieName) {\n var name = cookieName + '=';\n var decodedCookie = decodeURIComponent(document.cookie);\n var cookieArray = decodedCookie.split(';');\n for (var i = 0; i < cookieArray.length; i++) {\n var cookieItem = cookieArray[i];\n while (cookieItem.charAt(0) === ' ') {\n cookieItem = cookieItem.substring(1);\n }\n if (cookieItem.indexOf(name) === 0) {\n return cookieItem.substring(name.length, cookieItem.length);\n }\n }\n return '';\n}\n\nmodule.exports = function () {\n if ($('.valid-cookie-warning').length > 0) {\n var previousSessionID = window.localStorage.getItem('previousSid');\n var currentSessionID = getCookie('sid');\n if (!previousSessionID && currentSessionID) {\n // When a user first time visit the home page,\n // set the previousSessionID to currentSessionID\n // and Show the cookie alert\n previousSessionID = currentSessionID;\n window.localStorage.setItem('previousSid', previousSessionID);\n $('.cookie-warning-messaging').show();\n } else if (previousSessionID && previousSessionID === currentSessionID) {\n // Hide the cookie alert if user is in the same session\n $('.cookie-warning-messaging').hide();\n } else {\n // Clear the previousSessionID from localStorage\n // when user session is changed or expired\n window.localStorage.removeItem('previousSid');\n }\n }\n};\n","'use strict';\n\nvar keyboardAccessibility = require('./keyboardAccessibility');\n\nmodule.exports = function () {\n $('.country-selector a').click(function (e) {\n e.preventDefault();\n var action = $('.page').data('action');\n var localeCode = $(this).data('locale');\n var localeCurrencyCode = $(this).data('currencycode');\n var queryString = $('.page').data('querystring');\n var url = $('.country-selector').data('url');\n\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n data: {\n code: localeCode,\n queryString: queryString,\n CurrencyCode: localeCurrencyCode,\n action: action\n },\n success: function (response) {\n $.spinner().stop();\n if (response && response.redirectUrl) {\n window.location.href = response.redirectUrl;\n }\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n\n keyboardAccessibility('.navbar-header .country-selector',\n {\n 40: function ($countryOptions) { // down\n if ($(this).is(':focus')) {\n $countryOptions.first().focus();\n } else {\n $(':focus').next().focus();\n }\n },\n 38: function ($countryOptions) { // up\n if ($countryOptions.first().is(':focus') || $(this).is(':focus')) {\n $(this).focus();\n $(this).removeClass('show');\n } else {\n $(':focus').prev().focus();\n }\n },\n 27: function () { // escape\n $(this).focus();\n $(this).removeClass('show').children('.dropdown-menu').removeClass('show');\n },\n 9: function () { // tab\n $(this).removeClass('show').children('.dropdown-menu').removeClass('show');\n }\n },\n function () {\n if (!($(this).hasClass('show'))) {\n $(this).addClass('show');\n }\n return $(this).find('.dropdown-country-selector').children('a');\n }\n );\n\n $('.navbar-header .country-selector').on('focusin', function () {\n $(this).addClass('show').children('.dropdown-menu').addClass('show');\n });\n};\n","'use strict';\n\nmodule.exports = {\n setTabNextFocus: function (focusParams) {\n var KEYCODE_TAB = 9;\n var isTabPressed = (focusParams.event.key === 'Tab' || focusParams.event.keyCode === KEYCODE_TAB);\n\n if (!isTabPressed) {\n return;\n }\n\n var firstFocusableEl = $(focusParams.containerSelector + ' ' + focusParams.firstElementSelector);\n var lastFocusableEl = $(focusParams.containerSelector + ' ' + focusParams.lastElementSelector);\n\n if ($(focusParams.containerSelector + ' ' + focusParams.lastElementSelector).is(':disabled')) {\n lastFocusableEl = $(focusParams.containerSelector + ' ' + focusParams.nextToLastElementSelector);\n if ($('.product-quickview.product-set').length > 0) {\n var linkElements = $(focusParams.containerSelector + ' a#fa-link.share-icons');\n lastFocusableEl = linkElements[linkElements.length - 1];\n }\n }\n\n if (focusParams.event.shiftKey) /* shift + tab */ {\n if ($(':focus').is(firstFocusableEl)) {\n lastFocusableEl.focus();\n focusParams.event.preventDefault();\n }\n } else /* tab */ {\n if ($(':focus').is(lastFocusableEl)) { // eslint-disable-line\n firstFocusableEl.focus();\n focusParams.event.preventDefault();\n }\n }\n }\n};\n","'use strict';\n\nvar scrollAnimate = require('./scrollAnimate');\n\n/**\n * appends params to a url\n * @param {string} data - data returned from the server's ajax call\n * @param {Object} button - button that was clicked for email sign-up\n */\nfunction displayMessage(data, button) {\n $.spinner().stop();\n var status;\n if (data.success) {\n status = 'alert-success';\n } else {\n status = 'alert-danger';\n }\n\n if ($('.email-signup-message').length === 0) {\n $('body').append(\n ''\n );\n }\n $('.email-signup-message')\n .append('' + data.msg + '
');\n\n setTimeout(function () {\n $('.email-signup-message').remove();\n button.removeAttr('disabled');\n }, 3000);\n}\n\nmodule.exports = function () {\n $('.back-to-top').click(function () {\n scrollAnimate();\n });\n\n $('.subscribe-email').on('click', function (e) {\n e.preventDefault();\n var url = $(this).data('href');\n var button = $(this);\n var emailId = $('input[name=hpEmailSignUp]').val();\n $.spinner().start();\n $(this).attr('disabled', true);\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: {\n emailId: emailId\n },\n success: function (data) {\n displayMessage(data, button);\n },\n error: function (err) {\n displayMessage(err, button);\n }\n });\n });\n};\n","'use strict';\n\nmodule.exports = function (selector, keyFunctions, preFunction) {\n $(selector).on('keydown', function (e) {\n var key = e.which;\n var supportedKeyCodes = [37, 38, 39, 40, 27];\n if (supportedKeyCodes.indexOf(key) >= 0) {\n e.preventDefault();\n }\n var returnedScope = preFunction.call(this);\n if (keyFunctions[key]) {\n keyFunctions[key].call(this, returnedScope);\n }\n });\n};\n","'use strict';\n\nmodule.exports = function (element) {\n var position = element && element.length ? element.offset().top : 0;\n $('html, body').animate({\n scrollTop: position\n }, 500);\n if (!element) {\n $('.logo-home').focus();\n }\n};\n","'use strict';\n\n/**\n * Show a spinner inside a given element\n * @param {element} $target - Element to block by the veil and spinner.\n * Pass body to block the whole page.\n */\nfunction addSpinner($target) {\n var $veil = $('');\n $veil.append('
');\n if ($target.get(0).tagName === 'IMG') {\n $target.after($veil);\n $veil.css({ width: $target.width(), height: $target.height() });\n if ($target.parent().css('position') === 'static') {\n $target.parent().css('position', 'relative');\n }\n } else {\n $target.append($veil);\n if ($target.css('position') === 'static') {\n $target.parent().css('position', 'relative');\n $target.parent().addClass('veiled');\n }\n if ($target.get(0).tagName === 'BODY') {\n $veil.find('.spinner').css('position', 'fixed');\n }\n }\n $veil.click(function (e) {\n e.stopPropagation();\n });\n}\n\n/**\n * Remove existing spinner\n * @param {element} $veil - jQuery pointer to the veil element\n */\nfunction removeSpinner($veil) {\n if ($veil.parent().hasClass('veiled')) {\n $veil.parent().css('position', '');\n $veil.parent().removeClass('veiled');\n }\n $veil.off('click');\n $veil.remove();\n}\n\n// element level spinner:\n$.fn.spinner = function () {\n var $element = $(this);\n var Fn = function () {\n this.start = function () {\n if ($element.length) {\n addSpinner($element);\n }\n };\n this.stop = function () {\n if ($element.length) {\n var $veil = $('.veil');\n removeSpinner($veil);\n }\n };\n };\n return new Fn();\n};\n\n// page-level spinner:\n$.spinner = function () {\n var Fn = function () {\n this.start = function () {\n addSpinner($('body'));\n };\n this.stop = function () {\n removeSpinner($('.veil'));\n };\n };\n return new Fn();\n};\n","'use strict';\n\nmodule.exports = function () {\n $('.info-icon').on('mouseenter focusin', function () {\n $(this).find('.tooltip').removeClass('d-none');\n });\n\n $('.info-icon').on('mouseleave focusout', function () {\n $(this).find('.tooltip').addClass('d-none');\n });\n};\n","require('bootstrap/js/src/util.js');\nrequire('bootstrap/js/src/alert.js');\n// require('bootstrap/js/src/button.js');\nrequire('bootstrap/js/src/carousel.js');\nrequire('bootstrap/js/src/collapse.js');\n// require('bootstrap/js/src/dropdown.js');\nrequire('bootstrap/js/src/modal.js');\nrequire('bootstrap/js/src/scrollspy.js');\nrequire('bootstrap/js/src/tab.js');\n// require('bootstrap/js/src/tooltip.js');\n// require('bootstrap/js/src/popover.js');\n","'use strict';\n\nmodule.exports = function (include) {\n if (typeof include === 'function') {\n include();\n } else if (typeof include === 'object') {\n Object.keys(include).forEach(function (key) {\n if (typeof include[key] === 'function') {\n include[key]();\n }\n });\n }\n};\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.6.2): alert.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Util from './util'\n\n/**\n * Constants\n */\n\nconst NAME = 'alert'\nconst VERSION = '4.6.2'\nconst DATA_KEY = 'bs.alert'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\n\nconst CLASS_NAME_ALERT = 'alert'\nconst CLASS_NAME_FADE = 'fade'\nconst CLASS_NAME_SHOW = 'show'\n\nconst EVENT_CLOSE = `close${EVENT_KEY}`\nconst EVENT_CLOSED = `closed${EVENT_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\n\nconst SELECTOR_DISMISS = '[data-dismiss=\"alert\"]'\n\n/**\n * Class definition\n */\n\nclass Alert {\n constructor(element) {\n this._element = element\n }\n\n // Getters\n static get VERSION() {\n return VERSION\n }\n\n // Public\n close(element) {\n let rootElement = this._element\n if (element) {\n rootElement = this._getRootElement(element)\n }\n\n const customEvent = this._triggerCloseEvent(rootElement)\n\n if (customEvent.isDefaultPrevented()) {\n return\n }\n\n this._removeElement(rootElement)\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n this._element = null\n }\n\n // Private\n _getRootElement(element) {\n const selector = Util.getSelectorFromElement(element)\n let parent = false\n\n if (selector) {\n parent = document.querySelector(selector)\n }\n\n if (!parent) {\n parent = $(element).closest(`.${CLASS_NAME_ALERT}`)[0]\n }\n\n return parent\n }\n\n _triggerCloseEvent(element) {\n const closeEvent = $.Event(EVENT_CLOSE)\n\n $(element).trigger(closeEvent)\n return closeEvent\n }\n\n _removeElement(element) {\n $(element).removeClass(CLASS_NAME_SHOW)\n\n if (!$(element).hasClass(CLASS_NAME_FADE)) {\n this._destroyElement(element)\n return\n }\n\n const transitionDuration = Util.getTransitionDurationFromElement(element)\n\n $(element)\n .one(Util.TRANSITION_END, event => this._destroyElement(element, event))\n .emulateTransitionEnd(transitionDuration)\n }\n\n _destroyElement(element) {\n $(element)\n .detach()\n .trigger(EVENT_CLOSED)\n .remove()\n }\n\n // Static\n static _jQueryInterface(config) {\n return this.each(function () {\n const $element = $(this)\n let data = $element.data(DATA_KEY)\n\n if (!data) {\n data = new Alert(this)\n $element.data(DATA_KEY, data)\n }\n\n if (config === 'close') {\n data[config](this)\n }\n })\n }\n\n static _handleDismiss(alertInstance) {\n return function (event) {\n if (event) {\n event.preventDefault()\n }\n\n alertInstance.close(this)\n }\n }\n}\n\n/**\n * Data API implementation\n */\n\n$(document).on(\n EVENT_CLICK_DATA_API,\n SELECTOR_DISMISS,\n Alert._handleDismiss(new Alert())\n)\n\n/**\n * jQuery\n */\n\n$.fn[NAME] = Alert._jQueryInterface\n$.fn[NAME].Constructor = Alert\n$.fn[NAME].noConflict = () => {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Alert._jQueryInterface\n}\n\nexport default Alert\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.6.2): carousel.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Util from './util'\n\n/**\n * Constants\n */\n\nconst NAME = 'carousel'\nconst VERSION = '4.6.2'\nconst DATA_KEY = 'bs.carousel'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\nconst ARROW_LEFT_KEYCODE = 37 // KeyboardEvent.which value for left arrow key\nconst ARROW_RIGHT_KEYCODE = 39 // KeyboardEvent.which value for right arrow key\nconst TOUCHEVENT_COMPAT_WAIT = 500 // Time for mouse compat events to fire after touch\nconst SWIPE_THRESHOLD = 40\n\nconst CLASS_NAME_CAROUSEL = 'carousel'\nconst CLASS_NAME_ACTIVE = 'active'\nconst CLASS_NAME_SLIDE = 'slide'\nconst CLASS_NAME_RIGHT = 'carousel-item-right'\nconst CLASS_NAME_LEFT = 'carousel-item-left'\nconst CLASS_NAME_NEXT = 'carousel-item-next'\nconst CLASS_NAME_PREV = 'carousel-item-prev'\nconst CLASS_NAME_POINTER_EVENT = 'pointer-event'\n\nconst DIRECTION_NEXT = 'next'\nconst DIRECTION_PREV = 'prev'\nconst DIRECTION_LEFT = 'left'\nconst DIRECTION_RIGHT = 'right'\n\nconst EVENT_SLIDE = `slide${EVENT_KEY}`\nconst EVENT_SLID = `slid${EVENT_KEY}`\nconst EVENT_KEYDOWN = `keydown${EVENT_KEY}`\nconst EVENT_MOUSEENTER = `mouseenter${EVENT_KEY}`\nconst EVENT_MOUSELEAVE = `mouseleave${EVENT_KEY}`\nconst EVENT_TOUCHSTART = `touchstart${EVENT_KEY}`\nconst EVENT_TOUCHMOVE = `touchmove${EVENT_KEY}`\nconst EVENT_TOUCHEND = `touchend${EVENT_KEY}`\nconst EVENT_POINTERDOWN = `pointerdown${EVENT_KEY}`\nconst EVENT_POINTERUP = `pointerup${EVENT_KEY}`\nconst EVENT_DRAG_START = `dragstart${EVENT_KEY}`\nconst EVENT_LOAD_DATA_API = `load${EVENT_KEY}${DATA_API_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\n\nconst SELECTOR_ACTIVE = '.active'\nconst SELECTOR_ACTIVE_ITEM = '.active.carousel-item'\nconst SELECTOR_ITEM = '.carousel-item'\nconst SELECTOR_ITEM_IMG = '.carousel-item img'\nconst SELECTOR_NEXT_PREV = '.carousel-item-next, .carousel-item-prev'\nconst SELECTOR_INDICATORS = '.carousel-indicators'\nconst SELECTOR_DATA_SLIDE = '[data-slide], [data-slide-to]'\nconst SELECTOR_DATA_RIDE = '[data-ride=\"carousel\"]'\n\nconst Default = {\n interval: 5000,\n keyboard: true,\n slide: false,\n pause: 'hover',\n wrap: true,\n touch: true\n}\n\nconst DefaultType = {\n interval: '(number|boolean)',\n keyboard: 'boolean',\n slide: '(boolean|string)',\n pause: '(string|boolean)',\n wrap: 'boolean',\n touch: 'boolean'\n}\n\nconst PointerType = {\n TOUCH: 'touch',\n PEN: 'pen'\n}\n\n/**\n * Class definition\n */\n\nclass Carousel {\n constructor(element, config) {\n this._items = null\n this._interval = null\n this._activeElement = null\n this._isPaused = false\n this._isSliding = false\n this.touchTimeout = null\n this.touchStartX = 0\n this.touchDeltaX = 0\n\n this._config = this._getConfig(config)\n this._element = element\n this._indicatorsElement = this._element.querySelector(SELECTOR_INDICATORS)\n this._touchSupported = 'ontouchstart' in document.documentElement || navigator.maxTouchPoints > 0\n this._pointerEvent = Boolean(window.PointerEvent || window.MSPointerEvent)\n\n this._addEventListeners()\n }\n\n // Getters\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n next() {\n if (!this._isSliding) {\n this._slide(DIRECTION_NEXT)\n }\n }\n\n nextWhenVisible() {\n const $element = $(this._element)\n // Don't call next when the page isn't visible\n // or the carousel or its parent isn't visible\n if (!document.hidden &&\n ($element.is(':visible') && $element.css('visibility') !== 'hidden')) {\n this.next()\n }\n }\n\n prev() {\n if (!this._isSliding) {\n this._slide(DIRECTION_PREV)\n }\n }\n\n pause(event) {\n if (!event) {\n this._isPaused = true\n }\n\n if (this._element.querySelector(SELECTOR_NEXT_PREV)) {\n Util.triggerTransitionEnd(this._element)\n this.cycle(true)\n }\n\n clearInterval(this._interval)\n this._interval = null\n }\n\n cycle(event) {\n if (!event) {\n this._isPaused = false\n }\n\n if (this._interval) {\n clearInterval(this._interval)\n this._interval = null\n }\n\n if (this._config.interval && !this._isPaused) {\n this._updateInterval()\n\n this._interval = setInterval(\n (document.visibilityState ? this.nextWhenVisible : this.next).bind(this),\n this._config.interval\n )\n }\n }\n\n to(index) {\n this._activeElement = this._element.querySelector(SELECTOR_ACTIVE_ITEM)\n\n const activeIndex = this._getItemIndex(this._activeElement)\n\n if (index > this._items.length - 1 || index < 0) {\n return\n }\n\n if (this._isSliding) {\n $(this._element).one(EVENT_SLID, () => this.to(index))\n return\n }\n\n if (activeIndex === index) {\n this.pause()\n this.cycle()\n return\n }\n\n const direction = index > activeIndex ?\n DIRECTION_NEXT :\n DIRECTION_PREV\n\n this._slide(direction, this._items[index])\n }\n\n dispose() {\n $(this._element).off(EVENT_KEY)\n $.removeData(this._element, DATA_KEY)\n\n this._items = null\n this._config = null\n this._element = null\n this._interval = null\n this._isPaused = null\n this._isSliding = null\n this._activeElement = null\n this._indicatorsElement = null\n }\n\n // Private\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _handleSwipe() {\n const absDeltax = Math.abs(this.touchDeltaX)\n\n if (absDeltax <= SWIPE_THRESHOLD) {\n return\n }\n\n const direction = absDeltax / this.touchDeltaX\n\n this.touchDeltaX = 0\n\n // swipe left\n if (direction > 0) {\n this.prev()\n }\n\n // swipe right\n if (direction < 0) {\n this.next()\n }\n }\n\n _addEventListeners() {\n if (this._config.keyboard) {\n $(this._element).on(EVENT_KEYDOWN, event => this._keydown(event))\n }\n\n if (this._config.pause === 'hover') {\n $(this._element)\n .on(EVENT_MOUSEENTER, event => this.pause(event))\n .on(EVENT_MOUSELEAVE, event => this.cycle(event))\n }\n\n if (this._config.touch) {\n this._addTouchEventListeners()\n }\n }\n\n _addTouchEventListeners() {\n if (!this._touchSupported) {\n return\n }\n\n const start = event => {\n if (this._pointerEvent && PointerType[event.originalEvent.pointerType.toUpperCase()]) {\n this.touchStartX = event.originalEvent.clientX\n } else if (!this._pointerEvent) {\n this.touchStartX = event.originalEvent.touches[0].clientX\n }\n }\n\n const move = event => {\n // ensure swiping with one touch and not pinching\n this.touchDeltaX = event.originalEvent.touches && event.originalEvent.touches.length > 1 ?\n 0 :\n event.originalEvent.touches[0].clientX - this.touchStartX\n }\n\n const end = event => {\n if (this._pointerEvent && PointerType[event.originalEvent.pointerType.toUpperCase()]) {\n this.touchDeltaX = event.originalEvent.clientX - this.touchStartX\n }\n\n this._handleSwipe()\n if (this._config.pause === 'hover') {\n // If it's a touch-enabled device, mouseenter/leave are fired as\n // part of the mouse compatibility events on first tap - the carousel\n // would stop cycling until user tapped out of it;\n // here, we listen for touchend, explicitly pause the carousel\n // (as if it's the second time we tap on it, mouseenter compat event\n // is NOT fired) and after a timeout (to allow for mouse compatibility\n // events to fire) we explicitly restart cycling\n\n this.pause()\n if (this.touchTimeout) {\n clearTimeout(this.touchTimeout)\n }\n\n this.touchTimeout = setTimeout(event => this.cycle(event), TOUCHEVENT_COMPAT_WAIT + this._config.interval)\n }\n }\n\n $(this._element.querySelectorAll(SELECTOR_ITEM_IMG))\n .on(EVENT_DRAG_START, e => e.preventDefault())\n\n if (this._pointerEvent) {\n $(this._element).on(EVENT_POINTERDOWN, event => start(event))\n $(this._element).on(EVENT_POINTERUP, event => end(event))\n\n this._element.classList.add(CLASS_NAME_POINTER_EVENT)\n } else {\n $(this._element).on(EVENT_TOUCHSTART, event => start(event))\n $(this._element).on(EVENT_TOUCHMOVE, event => move(event))\n $(this._element).on(EVENT_TOUCHEND, event => end(event))\n }\n }\n\n _keydown(event) {\n if (/input|textarea/i.test(event.target.tagName)) {\n return\n }\n\n switch (event.which) {\n case ARROW_LEFT_KEYCODE:\n event.preventDefault()\n this.prev()\n break\n case ARROW_RIGHT_KEYCODE:\n event.preventDefault()\n this.next()\n break\n default:\n }\n }\n\n _getItemIndex(element) {\n this._items = element && element.parentNode ?\n [].slice.call(element.parentNode.querySelectorAll(SELECTOR_ITEM)) :\n []\n return this._items.indexOf(element)\n }\n\n _getItemByDirection(direction, activeElement) {\n const isNextDirection = direction === DIRECTION_NEXT\n const isPrevDirection = direction === DIRECTION_PREV\n const activeIndex = this._getItemIndex(activeElement)\n const lastItemIndex = this._items.length - 1\n const isGoingToWrap = isPrevDirection && activeIndex === 0 ||\n isNextDirection && activeIndex === lastItemIndex\n\n if (isGoingToWrap && !this._config.wrap) {\n return activeElement\n }\n\n const delta = direction === DIRECTION_PREV ? -1 : 1\n const itemIndex = (activeIndex + delta) % this._items.length\n\n return itemIndex === -1 ?\n this._items[this._items.length - 1] : this._items[itemIndex]\n }\n\n _triggerSlideEvent(relatedTarget, eventDirectionName) {\n const targetIndex = this._getItemIndex(relatedTarget)\n const fromIndex = this._getItemIndex(this._element.querySelector(SELECTOR_ACTIVE_ITEM))\n const slideEvent = $.Event(EVENT_SLIDE, {\n relatedTarget,\n direction: eventDirectionName,\n from: fromIndex,\n to: targetIndex\n })\n\n $(this._element).trigger(slideEvent)\n\n return slideEvent\n }\n\n _setActiveIndicatorElement(element) {\n if (this._indicatorsElement) {\n const indicators = [].slice.call(this._indicatorsElement.querySelectorAll(SELECTOR_ACTIVE))\n $(indicators).removeClass(CLASS_NAME_ACTIVE)\n\n const nextIndicator = this._indicatorsElement.children[\n this._getItemIndex(element)\n ]\n\n if (nextIndicator) {\n $(nextIndicator).addClass(CLASS_NAME_ACTIVE)\n }\n }\n }\n\n _updateInterval() {\n const element = this._activeElement || this._element.querySelector(SELECTOR_ACTIVE_ITEM)\n\n if (!element) {\n return\n }\n\n const elementInterval = parseInt(element.getAttribute('data-interval'), 10)\n\n if (elementInterval) {\n this._config.defaultInterval = this._config.defaultInterval || this._config.interval\n this._config.interval = elementInterval\n } else {\n this._config.interval = this._config.defaultInterval || this._config.interval\n }\n }\n\n _slide(direction, element) {\n const activeElement = this._element.querySelector(SELECTOR_ACTIVE_ITEM)\n const activeElementIndex = this._getItemIndex(activeElement)\n const nextElement = element || activeElement &&\n this._getItemByDirection(direction, activeElement)\n const nextElementIndex = this._getItemIndex(nextElement)\n const isCycling = Boolean(this._interval)\n\n let directionalClassName\n let orderClassName\n let eventDirectionName\n\n if (direction === DIRECTION_NEXT) {\n directionalClassName = CLASS_NAME_LEFT\n orderClassName = CLASS_NAME_NEXT\n eventDirectionName = DIRECTION_LEFT\n } else {\n directionalClassName = CLASS_NAME_RIGHT\n orderClassName = CLASS_NAME_PREV\n eventDirectionName = DIRECTION_RIGHT\n }\n\n if (nextElement && $(nextElement).hasClass(CLASS_NAME_ACTIVE)) {\n this._isSliding = false\n return\n }\n\n const slideEvent = this._triggerSlideEvent(nextElement, eventDirectionName)\n if (slideEvent.isDefaultPrevented()) {\n return\n }\n\n if (!activeElement || !nextElement) {\n // Some weirdness is happening, so we bail\n return\n }\n\n this._isSliding = true\n\n if (isCycling) {\n this.pause()\n }\n\n this._setActiveIndicatorElement(nextElement)\n this._activeElement = nextElement\n\n const slidEvent = $.Event(EVENT_SLID, {\n relatedTarget: nextElement,\n direction: eventDirectionName,\n from: activeElementIndex,\n to: nextElementIndex\n })\n\n if ($(this._element).hasClass(CLASS_NAME_SLIDE)) {\n $(nextElement).addClass(orderClassName)\n\n Util.reflow(nextElement)\n\n $(activeElement).addClass(directionalClassName)\n $(nextElement).addClass(directionalClassName)\n\n const transitionDuration = Util.getTransitionDurationFromElement(activeElement)\n\n $(activeElement)\n .one(Util.TRANSITION_END, () => {\n $(nextElement)\n .removeClass(`${directionalClassName} ${orderClassName}`)\n .addClass(CLASS_NAME_ACTIVE)\n\n $(activeElement).removeClass(`${CLASS_NAME_ACTIVE} ${orderClassName} ${directionalClassName}`)\n\n this._isSliding = false\n\n setTimeout(() => $(this._element).trigger(slidEvent), 0)\n })\n .emulateTransitionEnd(transitionDuration)\n } else {\n $(activeElement).removeClass(CLASS_NAME_ACTIVE)\n $(nextElement).addClass(CLASS_NAME_ACTIVE)\n\n this._isSliding = false\n $(this._element).trigger(slidEvent)\n }\n\n if (isCycling) {\n this.cycle()\n }\n }\n\n // Static\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n let _config = {\n ...Default,\n ...$(this).data()\n }\n\n if (typeof config === 'object') {\n _config = {\n ..._config,\n ...config\n }\n }\n\n const action = typeof config === 'string' ? config : _config.slide\n\n if (!data) {\n data = new Carousel(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'number') {\n data.to(config)\n } else if (typeof action === 'string') {\n if (typeof data[action] === 'undefined') {\n throw new TypeError(`No method named \"${action}\"`)\n }\n\n data[action]()\n } else if (_config.interval && _config.ride) {\n data.pause()\n data.cycle()\n }\n })\n }\n\n static _dataApiClickHandler(event) {\n const selector = Util.getSelectorFromElement(this)\n\n if (!selector) {\n return\n }\n\n const target = $(selector)[0]\n\n if (!target || !$(target).hasClass(CLASS_NAME_CAROUSEL)) {\n return\n }\n\n const config = {\n ...$(target).data(),\n ...$(this).data()\n }\n const slideIndex = this.getAttribute('data-slide-to')\n\n if (slideIndex) {\n config.interval = false\n }\n\n Carousel._jQueryInterface.call($(target), config)\n\n if (slideIndex) {\n $(target).data(DATA_KEY).to(slideIndex)\n }\n\n event.preventDefault()\n }\n}\n\n/**\n * Data API implementation\n */\n\n$(document).on(EVENT_CLICK_DATA_API, SELECTOR_DATA_SLIDE, Carousel._dataApiClickHandler)\n\n$(window).on(EVENT_LOAD_DATA_API, () => {\n const carousels = [].slice.call(document.querySelectorAll(SELECTOR_DATA_RIDE))\n for (let i = 0, len = carousels.length; i < len; i++) {\n const $carousel = $(carousels[i])\n Carousel._jQueryInterface.call($carousel, $carousel.data())\n }\n})\n\n/**\n * jQuery\n */\n\n$.fn[NAME] = Carousel._jQueryInterface\n$.fn[NAME].Constructor = Carousel\n$.fn[NAME].noConflict = () => {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Carousel._jQueryInterface\n}\n\nexport default Carousel\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.6.2): collapse.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Util from './util'\n\n/**\n * Constants\n */\n\nconst NAME = 'collapse'\nconst VERSION = '4.6.2'\nconst DATA_KEY = 'bs.collapse'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\n\nconst CLASS_NAME_SHOW = 'show'\nconst CLASS_NAME_COLLAPSE = 'collapse'\nconst CLASS_NAME_COLLAPSING = 'collapsing'\nconst CLASS_NAME_COLLAPSED = 'collapsed'\n\nconst DIMENSION_WIDTH = 'width'\nconst DIMENSION_HEIGHT = 'height'\n\nconst EVENT_SHOW = `show${EVENT_KEY}`\nconst EVENT_SHOWN = `shown${EVENT_KEY}`\nconst EVENT_HIDE = `hide${EVENT_KEY}`\nconst EVENT_HIDDEN = `hidden${EVENT_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\n\nconst SELECTOR_ACTIVES = '.show, .collapsing'\nconst SELECTOR_DATA_TOGGLE = '[data-toggle=\"collapse\"]'\n\nconst Default = {\n toggle: true,\n parent: ''\n}\n\nconst DefaultType = {\n toggle: 'boolean',\n parent: '(string|element)'\n}\n\n/**\n * Class definition\n */\n\nclass Collapse {\n constructor(element, config) {\n this._isTransitioning = false\n this._element = element\n this._config = this._getConfig(config)\n this._triggerArray = [].slice.call(document.querySelectorAll(\n `[data-toggle=\"collapse\"][href=\"#${element.id}\"],` +\n `[data-toggle=\"collapse\"][data-target=\"#${element.id}\"]`\n ))\n\n const toggleList = [].slice.call(document.querySelectorAll(SELECTOR_DATA_TOGGLE))\n for (let i = 0, len = toggleList.length; i < len; i++) {\n const elem = toggleList[i]\n const selector = Util.getSelectorFromElement(elem)\n const filterElement = [].slice.call(document.querySelectorAll(selector))\n .filter(foundElem => foundElem === element)\n\n if (selector !== null && filterElement.length > 0) {\n this._selector = selector\n this._triggerArray.push(elem)\n }\n }\n\n this._parent = this._config.parent ? this._getParent() : null\n\n if (!this._config.parent) {\n this._addAriaAndCollapsedClass(this._element, this._triggerArray)\n }\n\n if (this._config.toggle) {\n this.toggle()\n }\n }\n\n // Getters\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n toggle() {\n if ($(this._element).hasClass(CLASS_NAME_SHOW)) {\n this.hide()\n } else {\n this.show()\n }\n }\n\n show() {\n if (this._isTransitioning ||\n $(this._element).hasClass(CLASS_NAME_SHOW)) {\n return\n }\n\n let actives\n let activesData\n\n if (this._parent) {\n actives = [].slice.call(this._parent.querySelectorAll(SELECTOR_ACTIVES))\n .filter(elem => {\n if (typeof this._config.parent === 'string') {\n return elem.getAttribute('data-parent') === this._config.parent\n }\n\n return elem.classList.contains(CLASS_NAME_COLLAPSE)\n })\n\n if (actives.length === 0) {\n actives = null\n }\n }\n\n if (actives) {\n activesData = $(actives).not(this._selector).data(DATA_KEY)\n if (activesData && activesData._isTransitioning) {\n return\n }\n }\n\n const startEvent = $.Event(EVENT_SHOW)\n $(this._element).trigger(startEvent)\n if (startEvent.isDefaultPrevented()) {\n return\n }\n\n if (actives) {\n Collapse._jQueryInterface.call($(actives).not(this._selector), 'hide')\n if (!activesData) {\n $(actives).data(DATA_KEY, null)\n }\n }\n\n const dimension = this._getDimension()\n\n $(this._element)\n .removeClass(CLASS_NAME_COLLAPSE)\n .addClass(CLASS_NAME_COLLAPSING)\n\n this._element.style[dimension] = 0\n\n if (this._triggerArray.length) {\n $(this._triggerArray)\n .removeClass(CLASS_NAME_COLLAPSED)\n .attr('aria-expanded', true)\n }\n\n this.setTransitioning(true)\n\n const complete = () => {\n $(this._element)\n .removeClass(CLASS_NAME_COLLAPSING)\n .addClass(`${CLASS_NAME_COLLAPSE} ${CLASS_NAME_SHOW}`)\n\n this._element.style[dimension] = ''\n\n this.setTransitioning(false)\n\n $(this._element).trigger(EVENT_SHOWN)\n }\n\n const capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1)\n const scrollSize = `scroll${capitalizedDimension}`\n const transitionDuration = Util.getTransitionDurationFromElement(this._element)\n\n $(this._element)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(transitionDuration)\n\n this._element.style[dimension] = `${this._element[scrollSize]}px`\n }\n\n hide() {\n if (this._isTransitioning ||\n !$(this._element).hasClass(CLASS_NAME_SHOW)) {\n return\n }\n\n const startEvent = $.Event(EVENT_HIDE)\n $(this._element).trigger(startEvent)\n if (startEvent.isDefaultPrevented()) {\n return\n }\n\n const dimension = this._getDimension()\n\n this._element.style[dimension] = `${this._element.getBoundingClientRect()[dimension]}px`\n\n Util.reflow(this._element)\n\n $(this._element)\n .addClass(CLASS_NAME_COLLAPSING)\n .removeClass(`${CLASS_NAME_COLLAPSE} ${CLASS_NAME_SHOW}`)\n\n const triggerArrayLength = this._triggerArray.length\n if (triggerArrayLength > 0) {\n for (let i = 0; i < triggerArrayLength; i++) {\n const trigger = this._triggerArray[i]\n const selector = Util.getSelectorFromElement(trigger)\n\n if (selector !== null) {\n const $elem = $([].slice.call(document.querySelectorAll(selector)))\n if (!$elem.hasClass(CLASS_NAME_SHOW)) {\n $(trigger).addClass(CLASS_NAME_COLLAPSED)\n .attr('aria-expanded', false)\n }\n }\n }\n }\n\n this.setTransitioning(true)\n\n const complete = () => {\n this.setTransitioning(false)\n $(this._element)\n .removeClass(CLASS_NAME_COLLAPSING)\n .addClass(CLASS_NAME_COLLAPSE)\n .trigger(EVENT_HIDDEN)\n }\n\n this._element.style[dimension] = ''\n const transitionDuration = Util.getTransitionDurationFromElement(this._element)\n\n $(this._element)\n .one(Util.TRANSITION_END, complete)\n .emulateTransitionEnd(transitionDuration)\n }\n\n setTransitioning(isTransitioning) {\n this._isTransitioning = isTransitioning\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n\n this._config = null\n this._parent = null\n this._element = null\n this._triggerArray = null\n this._isTransitioning = null\n }\n\n // Private\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n config.toggle = Boolean(config.toggle) // Coerce string values\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _getDimension() {\n const hasWidth = $(this._element).hasClass(DIMENSION_WIDTH)\n return hasWidth ? DIMENSION_WIDTH : DIMENSION_HEIGHT\n }\n\n _getParent() {\n let parent\n\n if (Util.isElement(this._config.parent)) {\n parent = this._config.parent\n\n // It's a jQuery object\n if (typeof this._config.parent.jquery !== 'undefined') {\n parent = this._config.parent[0]\n }\n } else {\n parent = document.querySelector(this._config.parent)\n }\n\n const selector = `[data-toggle=\"collapse\"][data-parent=\"${this._config.parent}\"]`\n const children = [].slice.call(parent.querySelectorAll(selector))\n\n $(children).each((i, element) => {\n this._addAriaAndCollapsedClass(\n Collapse._getTargetFromElement(element),\n [element]\n )\n })\n\n return parent\n }\n\n _addAriaAndCollapsedClass(element, triggerArray) {\n const isOpen = $(element).hasClass(CLASS_NAME_SHOW)\n\n if (triggerArray.length) {\n $(triggerArray)\n .toggleClass(CLASS_NAME_COLLAPSED, !isOpen)\n .attr('aria-expanded', isOpen)\n }\n }\n\n // Static\n static _getTargetFromElement(element) {\n const selector = Util.getSelectorFromElement(element)\n return selector ? document.querySelector(selector) : null\n }\n\n static _jQueryInterface(config) {\n return this.each(function () {\n const $element = $(this)\n let data = $element.data(DATA_KEY)\n const _config = {\n ...Default,\n ...$element.data(),\n ...(typeof config === 'object' && config ? config : {})\n }\n\n if (!data && _config.toggle && typeof config === 'string' && /show|hide/.test(config)) {\n _config.toggle = false\n }\n\n if (!data) {\n data = new Collapse(this, _config)\n $element.data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n\n data[config]()\n }\n })\n }\n}\n\n/**\n * Data API implementation\n */\n\n$(document).on(EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {\n // preventDefault only for elements (which change the URL) not inside the collapsible element\n if (event.currentTarget.tagName === 'A') {\n event.preventDefault()\n }\n\n const $trigger = $(this)\n const selector = Util.getSelectorFromElement(this)\n const selectors = [].slice.call(document.querySelectorAll(selector))\n\n $(selectors).each(function () {\n const $target = $(this)\n const data = $target.data(DATA_KEY)\n const config = data ? 'toggle' : $trigger.data()\n Collapse._jQueryInterface.call($target, config)\n })\n})\n\n/**\n * jQuery\n */\n\n$.fn[NAME] = Collapse._jQueryInterface\n$.fn[NAME].Constructor = Collapse\n$.fn[NAME].noConflict = () => {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Collapse._jQueryInterface\n}\n\nexport default Collapse\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.6.2): modal.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Util from './util'\n\n/**\n * Constants\n */\n\nconst NAME = 'modal'\nconst VERSION = '4.6.2'\nconst DATA_KEY = 'bs.modal'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\nconst ESCAPE_KEYCODE = 27 // KeyboardEvent.which value for Escape (Esc) key\n\nconst CLASS_NAME_SCROLLABLE = 'modal-dialog-scrollable'\nconst CLASS_NAME_SCROLLBAR_MEASURER = 'modal-scrollbar-measure'\nconst CLASS_NAME_BACKDROP = 'modal-backdrop'\nconst CLASS_NAME_OPEN = 'modal-open'\nconst CLASS_NAME_FADE = 'fade'\nconst CLASS_NAME_SHOW = 'show'\nconst CLASS_NAME_STATIC = 'modal-static'\n\nconst EVENT_HIDE = `hide${EVENT_KEY}`\nconst EVENT_HIDE_PREVENTED = `hidePrevented${EVENT_KEY}`\nconst EVENT_HIDDEN = `hidden${EVENT_KEY}`\nconst EVENT_SHOW = `show${EVENT_KEY}`\nconst EVENT_SHOWN = `shown${EVENT_KEY}`\nconst EVENT_FOCUSIN = `focusin${EVENT_KEY}`\nconst EVENT_RESIZE = `resize${EVENT_KEY}`\nconst EVENT_CLICK_DISMISS = `click.dismiss${EVENT_KEY}`\nconst EVENT_KEYDOWN_DISMISS = `keydown.dismiss${EVENT_KEY}`\nconst EVENT_MOUSEUP_DISMISS = `mouseup.dismiss${EVENT_KEY}`\nconst EVENT_MOUSEDOWN_DISMISS = `mousedown.dismiss${EVENT_KEY}`\nconst EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`\n\nconst SELECTOR_DIALOG = '.modal-dialog'\nconst SELECTOR_MODAL_BODY = '.modal-body'\nconst SELECTOR_DATA_TOGGLE = '[data-toggle=\"modal\"]'\nconst SELECTOR_DATA_DISMISS = '[data-dismiss=\"modal\"]'\nconst SELECTOR_FIXED_CONTENT = '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top'\nconst SELECTOR_STICKY_CONTENT = '.sticky-top'\n\nconst Default = {\n backdrop: true,\n keyboard: true,\n focus: true,\n show: true\n}\n\nconst DefaultType = {\n backdrop: '(boolean|string)',\n keyboard: 'boolean',\n focus: 'boolean',\n show: 'boolean'\n}\n\n/**\n * Class definition\n */\n\nclass Modal {\n constructor(element, config) {\n this._config = this._getConfig(config)\n this._element = element\n this._dialog = element.querySelector(SELECTOR_DIALOG)\n this._backdrop = null\n this._isShown = false\n this._isBodyOverflowing = false\n this._ignoreBackdropClick = false\n this._isTransitioning = false\n this._scrollbarWidth = 0\n }\n\n // Getters\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n toggle(relatedTarget) {\n return this._isShown ? this.hide() : this.show(relatedTarget)\n }\n\n show(relatedTarget) {\n if (this._isShown || this._isTransitioning) {\n return\n }\n\n const showEvent = $.Event(EVENT_SHOW, {\n relatedTarget\n })\n\n $(this._element).trigger(showEvent)\n\n if (showEvent.isDefaultPrevented()) {\n return\n }\n\n this._isShown = true\n\n if ($(this._element).hasClass(CLASS_NAME_FADE)) {\n this._isTransitioning = true\n }\n\n this._checkScrollbar()\n this._setScrollbar()\n\n this._adjustDialog()\n\n this._setEscapeEvent()\n this._setResizeEvent()\n\n $(this._element).on(\n EVENT_CLICK_DISMISS,\n SELECTOR_DATA_DISMISS,\n event => this.hide(event)\n )\n\n $(this._dialog).on(EVENT_MOUSEDOWN_DISMISS, () => {\n $(this._element).one(EVENT_MOUSEUP_DISMISS, event => {\n if ($(event.target).is(this._element)) {\n this._ignoreBackdropClick = true\n }\n })\n })\n\n this._showBackdrop(() => this._showElement(relatedTarget))\n }\n\n hide(event) {\n if (event) {\n event.preventDefault()\n }\n\n if (!this._isShown || this._isTransitioning) {\n return\n }\n\n const hideEvent = $.Event(EVENT_HIDE)\n\n $(this._element).trigger(hideEvent)\n\n if (!this._isShown || hideEvent.isDefaultPrevented()) {\n return\n }\n\n this._isShown = false\n const transition = $(this._element).hasClass(CLASS_NAME_FADE)\n\n if (transition) {\n this._isTransitioning = true\n }\n\n this._setEscapeEvent()\n this._setResizeEvent()\n\n $(document).off(EVENT_FOCUSIN)\n\n $(this._element).removeClass(CLASS_NAME_SHOW)\n\n $(this._element).off(EVENT_CLICK_DISMISS)\n $(this._dialog).off(EVENT_MOUSEDOWN_DISMISS)\n\n if (transition) {\n const transitionDuration = Util.getTransitionDurationFromElement(this._element)\n\n $(this._element)\n .one(Util.TRANSITION_END, event => this._hideModal(event))\n .emulateTransitionEnd(transitionDuration)\n } else {\n this._hideModal()\n }\n }\n\n dispose() {\n [window, this._element, this._dialog]\n .forEach(htmlElement => $(htmlElement).off(EVENT_KEY))\n\n /**\n * `document` has 2 events `EVENT_FOCUSIN` and `EVENT_CLICK_DATA_API`\n * Do not move `document` in `htmlElements` array\n * It will remove `EVENT_CLICK_DATA_API` event that should remain\n */\n $(document).off(EVENT_FOCUSIN)\n\n $.removeData(this._element, DATA_KEY)\n\n this._config = null\n this._element = null\n this._dialog = null\n this._backdrop = null\n this._isShown = null\n this._isBodyOverflowing = null\n this._ignoreBackdropClick = null\n this._isTransitioning = null\n this._scrollbarWidth = null\n }\n\n handleUpdate() {\n this._adjustDialog()\n }\n\n // Private\n _getConfig(config) {\n config = {\n ...Default,\n ...config\n }\n Util.typeCheckConfig(NAME, config, DefaultType)\n return config\n }\n\n _triggerBackdropTransition() {\n const hideEventPrevented = $.Event(EVENT_HIDE_PREVENTED)\n\n $(this._element).trigger(hideEventPrevented)\n if (hideEventPrevented.isDefaultPrevented()) {\n return\n }\n\n const isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight\n\n if (!isModalOverflowing) {\n this._element.style.overflowY = 'hidden'\n }\n\n this._element.classList.add(CLASS_NAME_STATIC)\n\n const modalTransitionDuration = Util.getTransitionDurationFromElement(this._dialog)\n $(this._element).off(Util.TRANSITION_END)\n\n $(this._element).one(Util.TRANSITION_END, () => {\n this._element.classList.remove(CLASS_NAME_STATIC)\n if (!isModalOverflowing) {\n $(this._element).one(Util.TRANSITION_END, () => {\n this._element.style.overflowY = ''\n })\n .emulateTransitionEnd(this._element, modalTransitionDuration)\n }\n })\n .emulateTransitionEnd(modalTransitionDuration)\n this._element.focus()\n }\n\n _showElement(relatedTarget) {\n const transition = $(this._element).hasClass(CLASS_NAME_FADE)\n const modalBody = this._dialog ? this._dialog.querySelector(SELECTOR_MODAL_BODY) : null\n\n if (!this._element.parentNode ||\n this._element.parentNode.nodeType !== Node.ELEMENT_NODE) {\n // Don't move modal's DOM position\n document.body.appendChild(this._element)\n }\n\n this._element.style.display = 'block'\n this._element.removeAttribute('aria-hidden')\n this._element.setAttribute('aria-modal', true)\n this._element.setAttribute('role', 'dialog')\n\n if ($(this._dialog).hasClass(CLASS_NAME_SCROLLABLE) && modalBody) {\n modalBody.scrollTop = 0\n } else {\n this._element.scrollTop = 0\n }\n\n if (transition) {\n Util.reflow(this._element)\n }\n\n $(this._element).addClass(CLASS_NAME_SHOW)\n\n if (this._config.focus) {\n this._enforceFocus()\n }\n\n const shownEvent = $.Event(EVENT_SHOWN, {\n relatedTarget\n })\n\n const transitionComplete = () => {\n if (this._config.focus) {\n this._element.focus()\n }\n\n this._isTransitioning = false\n $(this._element).trigger(shownEvent)\n }\n\n if (transition) {\n const transitionDuration = Util.getTransitionDurationFromElement(this._dialog)\n\n $(this._dialog)\n .one(Util.TRANSITION_END, transitionComplete)\n .emulateTransitionEnd(transitionDuration)\n } else {\n transitionComplete()\n }\n }\n\n _enforceFocus() {\n $(document)\n .off(EVENT_FOCUSIN) // Guard against infinite focus loop\n .on(EVENT_FOCUSIN, event => {\n if (document !== event.target &&\n this._element !== event.target &&\n $(this._element).has(event.target).length === 0) {\n this._element.focus()\n }\n })\n }\n\n _setEscapeEvent() {\n if (this._isShown) {\n $(this._element).on(EVENT_KEYDOWN_DISMISS, event => {\n if (this._config.keyboard && event.which === ESCAPE_KEYCODE) {\n event.preventDefault()\n this.hide()\n } else if (!this._config.keyboard && event.which === ESCAPE_KEYCODE) {\n this._triggerBackdropTransition()\n }\n })\n } else if (!this._isShown) {\n $(this._element).off(EVENT_KEYDOWN_DISMISS)\n }\n }\n\n _setResizeEvent() {\n if (this._isShown) {\n $(window).on(EVENT_RESIZE, event => this.handleUpdate(event))\n } else {\n $(window).off(EVENT_RESIZE)\n }\n }\n\n _hideModal() {\n this._element.style.display = 'none'\n this._element.setAttribute('aria-hidden', true)\n this._element.removeAttribute('aria-modal')\n this._element.removeAttribute('role')\n this._isTransitioning = false\n this._showBackdrop(() => {\n $(document.body).removeClass(CLASS_NAME_OPEN)\n this._resetAdjustments()\n this._resetScrollbar()\n $(this._element).trigger(EVENT_HIDDEN)\n })\n }\n\n _removeBackdrop() {\n if (this._backdrop) {\n $(this._backdrop).remove()\n this._backdrop = null\n }\n }\n\n _showBackdrop(callback) {\n const animate = $(this._element).hasClass(CLASS_NAME_FADE) ?\n CLASS_NAME_FADE : ''\n\n if (this._isShown && this._config.backdrop) {\n this._backdrop = document.createElement('div')\n this._backdrop.className = CLASS_NAME_BACKDROP\n\n if (animate) {\n this._backdrop.classList.add(animate)\n }\n\n $(this._backdrop).appendTo(document.body)\n\n $(this._element).on(EVENT_CLICK_DISMISS, event => {\n if (this._ignoreBackdropClick) {\n this._ignoreBackdropClick = false\n return\n }\n\n if (event.target !== event.currentTarget) {\n return\n }\n\n if (this._config.backdrop === 'static') {\n this._triggerBackdropTransition()\n } else {\n this.hide()\n }\n })\n\n if (animate) {\n Util.reflow(this._backdrop)\n }\n\n $(this._backdrop).addClass(CLASS_NAME_SHOW)\n\n if (!callback) {\n return\n }\n\n if (!animate) {\n callback()\n return\n }\n\n const backdropTransitionDuration = Util.getTransitionDurationFromElement(this._backdrop)\n\n $(this._backdrop)\n .one(Util.TRANSITION_END, callback)\n .emulateTransitionEnd(backdropTransitionDuration)\n } else if (!this._isShown && this._backdrop) {\n $(this._backdrop).removeClass(CLASS_NAME_SHOW)\n\n const callbackRemove = () => {\n this._removeBackdrop()\n if (callback) {\n callback()\n }\n }\n\n if ($(this._element).hasClass(CLASS_NAME_FADE)) {\n const backdropTransitionDuration = Util.getTransitionDurationFromElement(this._backdrop)\n\n $(this._backdrop)\n .one(Util.TRANSITION_END, callbackRemove)\n .emulateTransitionEnd(backdropTransitionDuration)\n } else {\n callbackRemove()\n }\n } else if (callback) {\n callback()\n }\n }\n\n // ----------------------------------------------------------------------\n // the following methods are used to handle overflowing modals\n // todo (fat): these should probably be refactored out of modal.js\n // ----------------------------------------------------------------------\n\n _adjustDialog() {\n const isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight\n\n if (!this._isBodyOverflowing && isModalOverflowing) {\n this._element.style.paddingLeft = `${this._scrollbarWidth}px`\n }\n\n if (this._isBodyOverflowing && !isModalOverflowing) {\n this._element.style.paddingRight = `${this._scrollbarWidth}px`\n }\n }\n\n _resetAdjustments() {\n this._element.style.paddingLeft = ''\n this._element.style.paddingRight = ''\n }\n\n _checkScrollbar() {\n const rect = document.body.getBoundingClientRect()\n this._isBodyOverflowing = Math.round(rect.left + rect.right) < window.innerWidth\n this._scrollbarWidth = this._getScrollbarWidth()\n }\n\n _setScrollbar() {\n if (this._isBodyOverflowing) {\n // Note: DOMNode.style.paddingRight returns the actual value or '' if not set\n // while $(DOMNode).css('padding-right') returns the calculated value or 0 if not set\n const fixedContent = [].slice.call(document.querySelectorAll(SELECTOR_FIXED_CONTENT))\n const stickyContent = [].slice.call(document.querySelectorAll(SELECTOR_STICKY_CONTENT))\n\n // Adjust fixed content padding\n $(fixedContent).each((index, element) => {\n const actualPadding = element.style.paddingRight\n const calculatedPadding = $(element).css('padding-right')\n $(element)\n .data('padding-right', actualPadding)\n .css('padding-right', `${parseFloat(calculatedPadding) + this._scrollbarWidth}px`)\n })\n\n // Adjust sticky content margin\n $(stickyContent).each((index, element) => {\n const actualMargin = element.style.marginRight\n const calculatedMargin = $(element).css('margin-right')\n $(element)\n .data('margin-right', actualMargin)\n .css('margin-right', `${parseFloat(calculatedMargin) - this._scrollbarWidth}px`)\n })\n\n // Adjust body padding\n const actualPadding = document.body.style.paddingRight\n const calculatedPadding = $(document.body).css('padding-right')\n $(document.body)\n .data('padding-right', actualPadding)\n .css('padding-right', `${parseFloat(calculatedPadding) + this._scrollbarWidth}px`)\n }\n\n $(document.body).addClass(CLASS_NAME_OPEN)\n }\n\n _resetScrollbar() {\n // Restore fixed content padding\n const fixedContent = [].slice.call(document.querySelectorAll(SELECTOR_FIXED_CONTENT))\n $(fixedContent).each((index, element) => {\n const padding = $(element).data('padding-right')\n $(element).removeData('padding-right')\n element.style.paddingRight = padding ? padding : ''\n })\n\n // Restore sticky content\n const elements = [].slice.call(document.querySelectorAll(`${SELECTOR_STICKY_CONTENT}`))\n $(elements).each((index, element) => {\n const margin = $(element).data('margin-right')\n if (typeof margin !== 'undefined') {\n $(element).css('margin-right', margin).removeData('margin-right')\n }\n })\n\n // Restore body padding\n const padding = $(document.body).data('padding-right')\n $(document.body).removeData('padding-right')\n document.body.style.paddingRight = padding ? padding : ''\n }\n\n _getScrollbarWidth() { // thx d.walsh\n const scrollDiv = document.createElement('div')\n scrollDiv.className = CLASS_NAME_SCROLLBAR_MEASURER\n document.body.appendChild(scrollDiv)\n const scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth\n document.body.removeChild(scrollDiv)\n return scrollbarWidth\n }\n\n // Static\n static _jQueryInterface(config, relatedTarget) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = {\n ...Default,\n ...$(this).data(),\n ...(typeof config === 'object' && config ? config : {})\n }\n\n if (!data) {\n data = new Modal(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n\n data[config](relatedTarget)\n } else if (_config.show) {\n data.show(relatedTarget)\n }\n })\n }\n}\n\n/**\n * Data API implementation\n */\n\n$(document).on(EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {\n let target\n const selector = Util.getSelectorFromElement(this)\n\n if (selector) {\n target = document.querySelector(selector)\n }\n\n const config = $(target).data(DATA_KEY) ?\n 'toggle' : {\n ...$(target).data(),\n ...$(this).data()\n }\n\n if (this.tagName === 'A' || this.tagName === 'AREA') {\n event.preventDefault()\n }\n\n const $target = $(target).one(EVENT_SHOW, showEvent => {\n if (showEvent.isDefaultPrevented()) {\n // Only register focus restorer if modal will actually get shown\n return\n }\n\n $target.one(EVENT_HIDDEN, () => {\n if ($(this).is(':visible')) {\n this.focus()\n }\n })\n })\n\n Modal._jQueryInterface.call($(target), config, this)\n})\n\n/**\n * jQuery\n */\n\n$.fn[NAME] = Modal._jQueryInterface\n$.fn[NAME].Constructor = Modal\n$.fn[NAME].noConflict = () => {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Modal._jQueryInterface\n}\n\nexport default Modal\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.6.2): popover.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Tooltip from './tooltip'\n\n/**\n * Constants\n */\n\nconst NAME = 'popover'\nconst VERSION = '4.6.2'\nconst DATA_KEY = 'bs.popover'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\nconst CLASS_PREFIX = 'bs-popover'\nconst BSCLS_PREFIX_REGEX = new RegExp(`(^|\\\\s)${CLASS_PREFIX}\\\\S+`, 'g')\n\nconst CLASS_NAME_FADE = 'fade'\nconst CLASS_NAME_SHOW = 'show'\n\nconst SELECTOR_TITLE = '.popover-header'\nconst SELECTOR_CONTENT = '.popover-body'\n\nconst Default = {\n ...Tooltip.Default,\n placement: 'right',\n trigger: 'click',\n content: '',\n template: '
' +\n '' +\n '' +\n '
'\n}\n\nconst DefaultType = {\n ...Tooltip.DefaultType,\n content: '(string|element|function)'\n}\n\nconst Event = {\n HIDE: `hide${EVENT_KEY}`,\n HIDDEN: `hidden${EVENT_KEY}`,\n SHOW: `show${EVENT_KEY}`,\n SHOWN: `shown${EVENT_KEY}`,\n INSERTED: `inserted${EVENT_KEY}`,\n CLICK: `click${EVENT_KEY}`,\n FOCUSIN: `focusin${EVENT_KEY}`,\n FOCUSOUT: `focusout${EVENT_KEY}`,\n MOUSEENTER: `mouseenter${EVENT_KEY}`,\n MOUSELEAVE: `mouseleave${EVENT_KEY}`\n}\n\n/**\n * Class definition\n */\n\nclass Popover extends Tooltip {\n // Getters\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n static get NAME() {\n return NAME\n }\n\n static get DATA_KEY() {\n return DATA_KEY\n }\n\n static get Event() {\n return Event\n }\n\n static get EVENT_KEY() {\n return EVENT_KEY\n }\n\n static get DefaultType() {\n return DefaultType\n }\n\n // Overrides\n isWithContent() {\n return this.getTitle() || this._getContent()\n }\n\n addAttachmentClass(attachment) {\n $(this.getTipElement()).addClass(`${CLASS_PREFIX}-${attachment}`)\n }\n\n getTipElement() {\n this.tip = this.tip || $(this.config.template)[0]\n return this.tip\n }\n\n setContent() {\n const $tip = $(this.getTipElement())\n\n // We use append for html objects to maintain js events\n this.setElementContent($tip.find(SELECTOR_TITLE), this.getTitle())\n let content = this._getContent()\n if (typeof content === 'function') {\n content = content.call(this.element)\n }\n\n this.setElementContent($tip.find(SELECTOR_CONTENT), content)\n\n $tip.removeClass(`${CLASS_NAME_FADE} ${CLASS_NAME_SHOW}`)\n }\n\n // Private\n _getContent() {\n return this.element.getAttribute('data-content') ||\n this.config.content\n }\n\n _cleanTipClass() {\n const $tip = $(this.getTipElement())\n const tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX)\n if (tabClass !== null && tabClass.length > 0) {\n $tip.removeClass(tabClass.join(''))\n }\n }\n\n // Static\n static _jQueryInterface(config) {\n return this.each(function () {\n let data = $(this).data(DATA_KEY)\n const _config = typeof config === 'object' ? config : null\n\n if (!data && /dispose|hide/.test(config)) {\n return\n }\n\n if (!data) {\n data = new Popover(this, _config)\n $(this).data(DATA_KEY, data)\n }\n\n if (typeof config === 'string') {\n if (typeof data[config] === 'undefined') {\n throw new TypeError(`No method named \"${config}\"`)\n }\n\n data[config]()\n }\n })\n }\n}\n\n/**\n * jQuery\n */\n\n$.fn[NAME] = Popover._jQueryInterface\n$.fn[NAME].Constructor = Popover\n$.fn[NAME].noConflict = () => {\n $.fn[NAME] = JQUERY_NO_CONFLICT\n return Popover._jQueryInterface\n}\n\nexport default Popover\n","/**\n * --------------------------------------------------------------------------\n * Bootstrap (v4.6.2): scrollspy.js\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n * --------------------------------------------------------------------------\n */\n\nimport $ from 'jquery'\nimport Util from './util'\n\n/**\n * Constants\n */\n\nconst NAME = 'scrollspy'\nconst VERSION = '4.6.2'\nconst DATA_KEY = 'bs.scrollspy'\nconst EVENT_KEY = `.${DATA_KEY}`\nconst DATA_API_KEY = '.data-api'\nconst JQUERY_NO_CONFLICT = $.fn[NAME]\n\nconst CLASS_NAME_DROPDOWN_ITEM = 'dropdown-item'\nconst CLASS_NAME_ACTIVE = 'active'\n\nconst EVENT_ACTIVATE = `activate${EVENT_KEY}`\nconst EVENT_SCROLL = `scroll${EVENT_KEY}`\nconst EVENT_LOAD_DATA_API = `load${EVENT_KEY}${DATA_API_KEY}`\n\nconst METHOD_OFFSET = 'offset'\nconst METHOD_POSITION = 'position'\n\nconst SELECTOR_DATA_SPY = '[data-spy=\"scroll\"]'\nconst SELECTOR_NAV_LIST_GROUP = '.nav, .list-group'\nconst SELECTOR_NAV_LINKS = '.nav-link'\nconst SELECTOR_NAV_ITEMS = '.nav-item'\nconst SELECTOR_LIST_ITEMS = '.list-group-item'\nconst SELECTOR_DROPDOWN = '.dropdown'\nconst SELECTOR_DROPDOWN_ITEMS = '.dropdown-item'\nconst SELECTOR_DROPDOWN_TOGGLE = '.dropdown-toggle'\n\nconst Default = {\n offset: 10,\n method: 'auto',\n target: ''\n}\n\nconst DefaultType = {\n offset: 'number',\n method: 'string',\n target: '(string|element)'\n}\n\n/**\n * Class definition\n */\n\nclass ScrollSpy {\n constructor(element, config) {\n this._element = element\n this._scrollElement = element.tagName === 'BODY' ? window : element\n this._config = this._getConfig(config)\n this._selector = `${this._config.target} ${SELECTOR_NAV_LINKS},` +\n `${this._config.target} ${SELECTOR_LIST_ITEMS},` +\n `${this._config.target} ${SELECTOR_DROPDOWN_ITEMS}`\n this._offsets = []\n this._targets = []\n this._activeTarget = null\n this._scrollHeight = 0\n\n $(this._scrollElement).on(EVENT_SCROLL, event => this._process(event))\n\n this.refresh()\n this._process()\n }\n\n // Getters\n static get VERSION() {\n return VERSION\n }\n\n static get Default() {\n return Default\n }\n\n // Public\n refresh() {\n const autoMethod = this._scrollElement === this._scrollElement.window ?\n METHOD_OFFSET : METHOD_POSITION\n\n const offsetMethod = this._config.method === 'auto' ?\n autoMethod : this._config.method\n\n const offsetBase = offsetMethod === METHOD_POSITION ?\n this._getScrollTop() : 0\n\n this._offsets = []\n this._targets = []\n\n this._scrollHeight = this._getScrollHeight()\n\n const targets = [].slice.call(document.querySelectorAll(this._selector))\n\n targets\n .map(element => {\n let target\n const targetSelector = Util.getSelectorFromElement(element)\n\n if (targetSelector) {\n target = document.querySelector(targetSelector)\n }\n\n if (target) {\n const targetBCR = target.getBoundingClientRect()\n if (targetBCR.width || targetBCR.height) {\n // TODO (fat): remove sketch reliance on jQuery position/offset\n return [\n $(target)[offsetMethod]().top + offsetBase,\n targetSelector\n ]\n }\n }\n\n return null\n })\n .filter(Boolean)\n .sort((a, b) => a[0] - b[0])\n .forEach(item => {\n this._offsets.push(item[0])\n this._targets.push(item[1])\n })\n }\n\n dispose() {\n $.removeData(this._element, DATA_KEY)\n $(this._scrollElement).off(EVENT_KEY)\n\n this._element = null\n this._scrollElement = null\n this._config = null\n this._selector = null\n this._offsets = null\n this._targets = null\n this._activeTarget = null\n this._scrollHeight = null\n }\n\n // Private\n _getConfig(config) {\n config = {\n ...Default,\n ...(typeof config === 'object' && config ? config : {})\n }\n\n if (typeof config.target !== 'string' && Util.isElement(config.target)) {\n let id = $(config.target).attr('id')\n if (!id) {\n id = Util.getUID(NAME)\n $(config.target).attr('id', id)\n }\n\n config.target = `#${id}`\n }\n\n Util.typeCheckConfig(NAME, config, DefaultType)\n\n return config\n }\n\n _getScrollTop() {\n return this._scrollElement === window ?\n this._scrollElement.pageYOffset : this._scrollElement.scrollTop\n }\n\n _getScrollHeight() {\n return this._scrollElement.scrollHeight || Math.max(\n document.body.scrollHeight,\n document.documentElement.scrollHeight\n )\n }\n\n _getOffsetHeight() {\n return this._scrollElement === window ?\n window.innerHeight : this._scrollElement.getBoundingClientRect().height\n }\n\n _process() {\n const scrollTop = this._getScrollTop() + this._config.offset\n const scrollHeight = this._getScrollHeight()\n const maxScroll = this._config.offset + scrollHeight - this._getOffsetHeight()\n\n if (this._scrollHeight !== scrollHeight) {\n this.refresh()\n }\n\n if (scrollTop >= maxScroll) {\n const target = this._targets[this._targets.length - 1]\n\n if (this._activeTarget !== target) {\n this._activate(target)\n }\n\n return\n }\n\n if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) {\n this._activeTarget = null\n this._clear()\n return\n }\n\n for (let i = this._offsets.length; i--;) {\n const isActiveTarget = this._activeTarget !== this._targets[i] &&\n scrollTop >= this._offsets[i] &&\n (typeof this._offsets[i + 1] === 'undefined' ||\n scrollTop < this._offsets[i + 1])\n\n if (isActiveTarget) {\n this._activate(this._targets[i])\n }\n }\n }\n\n _activate(target) {\n this._activeTarget = target\n\n this._clear()\n\n const queries = this._selector\n .split(',')\n .map(selector => `${selector}[data-target=\"${target}\"],${selector}[href=\"${target}\"]`)\n\n const $link = $([].slice.call(document.querySelectorAll(queries.join(','))))\n\n if ($link.hasClass(CLASS_NAME_DROPDOWN_ITEM)) {\n $link.closest(SELECTOR_DROPDOWN)\n .find(SELECTOR_DROPDOWN_TOGGLE)\n .addClass(CLASS_NAME_ACTIVE)\n $link.addClass(CLASS_NAME_ACTIVE)\n } else {\n // Set triggered link as active\n $link.addClass(CLASS_NAME_ACTIVE)\n // Set triggered links parents as active\n // With both - and