${response.resources.info_selectforstock}
${message}
${attribute.label}: ${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 carousel = $productContainer.find('.carousel');\n $(carousel).carousel('dispose');\n const carouselId = $(carousel).attr('id');\n $(carousel).empty().append(`').append($.parseHTML(html));\n\n const body = $html.find('.choice-of-bonus-product');\n const footer = $html.find('.modal-footer').children();\n\n return { body, 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 let bonusUrl;\n if (data.bonusChoiceRuleBased) {\n bonusUrl = data.showProductsUrlRuleBased;\n } else {\n bonusUrl = data.showProductsUrlListBased;\n }\n\n const htmlString = `\n
'));\n } else {\n feedbackElement.html(payload.fields[key]);\n }\n feedbackElement.siblings('.form-control').addClass('is-invalid');\n }\n }\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 $('body').append(htmlString);\n $('.modal-body').spinner().start();\n\n $.ajax({\n url: bonusUrl,\n method: 'GET',\n dataType: 'json',\n success: (response) => {\n const 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: () => {\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\n // show add to cart toast\n if (response.newBonusDiscountLineItem\n && Object.keys(response.newBonusDiscountLineItem).length !== 0) {\n chooseBonusProducts(response.newBonusDiscountLineItem);\n } else {\n alert({\n context: response.error ? 'alert-danger' : 'alert-success',\n dismissible: false,\n message: response.message,\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 const 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 const options = $productContainer\n .find('.product-option')\n .map(function () {\n const $elOption = $(this).find('.options-select');\n const urlValue = $elOption.val();\n const selectedValueId = $elOption.find(`option[value=\"${urlValue}\"]`)\n .data('value-id');\n return {\n optionId: $(this).data('option-id'),\n 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,\n method: 'GET',\n success: () => {\n // reporting urls hit on the server\n },\n error: () => {\n // no reporting urls hit on the server\n },\n });\n }\n}\n\nfunction addProductToCart(btn, isDeleteSubscribeAndSave = false, isSubscriptionProduct = false) {\n let pidsObj;\n let setPids;\n\n $('body').trigger('product:beforeAddToCart', btn);\n\n if ($('.set-items').length && $(btn).hasClass('add-to-cart-global')) {\n setPids = [];\n\n $('.product-detail').each(() => {\n if (!$(btn).hasClass('product-set-detail')) {\n setPids.push({\n pid: $(btn).find('.product-id').text(),\n qty: $(btn).find('.quantity-select').val(),\n options: getOptions($(btn)),\n });\n }\n });\n pidsObj = JSON.stringify(setPids);\n }\n\n const pid = getPidValue($(btn));\n\n let $productContainer = $(btn).closest('.product-detail');\n if (!$productContainer.length) {\n $productContainer = $(btn).closest('.quick-view-dialog').find('.product-detail');\n }\n\n const addToCartUrl = getAddToCartUrl();\n\n const form = {\n pid,\n pidsObj,\n childProducts: getChildProducts(),\n quantity: getQuantitySelected($(btn)),\n membership: $('[name=membership-option]:checked', $productContainer).val(),\n };\n\n if (isDeleteSubscribeAndSave) {\n form.isDeleteSubscribeAndSave = true;\n }\n\n if (isSubscriptionProduct) {\n form.isSubscribeAndSave = true;\n }\n\n if (!$('.bundle-item').length) {\n form.options = getOptions($productContainer);\n }\n\n $(btn).trigger('updateAddToCartFormData', form);\n if (addToCartUrl) {\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: form,\n success: (data) => {\n handlePostCartAdd(data);\n $('body').trigger('product:afterAddToCart', data);\n $.spinner().stop();\n miniCartReportingUrl(data.reportingURL);\n if (isDeleteSubscribeAndSave) {\n window.localStorage.removeItem('subscriptionType');\n window.location.reload();\n }\n\n if (!isSubscriptionProduct) {\n window.localStorage.removeItem('subscriptionType');\n }\n },\n error: () => {\n $.spinner().stop();\n },\n });\n }\n}\n\nmodule.exports = {\n attributeSelect,\n methods: {\n editBonusProducts: (data) => {\n chooseBonusProducts(data);\n },\n },\n\n focusChooseBonusProductModal: () => {\n $('body').on('shown.bs.modal', '#chooseBonusProductModal', () => {\n $('#chooseBonusProductModal').siblings().attr('aria-hidden', 'true');\n $('#chooseBonusProductModal .close').focus();\n });\n },\n\n onClosingChooseBonusProductModal: () => {\n $('body').on('hidden.bs.modal', '#chooseBonusProductModal', () => {\n $('#chooseBonusProductModal').siblings().attr('aria-hidden', 'false');\n });\n },\n\n trapChooseBonusProductModalFocus: () => {\n $('body').on('keydown', '#chooseBonusProductModal', (e) => {\n const 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: () => {\n $(document).on('click', '[data-attr=\"color\"] button', function (e) {\n e.preventDefault();\n\n if ($(this).attr('disabled')) {\n return;\n }\n let $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\n selectAttribute: () => {\n $(document).on('change', 'select[class*=\"select-\"], .options-select', function (e) {\n e.preventDefault();\n\n let $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\n availability: () => {\n $(document).on('change', '.quantity-select', function (e) {\n e.preventDefault();\n\n let $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'), $productContainer);\n }\n });\n },\n\n addToCart: () => {\n $(document).on('click', 'button.add-to-cart, button.add-to-cart-global', function () {\n const $this = this;\n const showModal = $(this).data('show-modal');\n const productID = $(this).data('pid');\n const isSubscriptionProduct = $(this).data('issubscriptionproduct');\n\n if (showModal) {\n const $modal = $(`#removeSubscribeSaveProductModal__detail-page-${productID}`);\n $modal.modal('show');\n $modal.find('.details-page-subscribe-save-delete-confirmation-btn').on('click', () => {\n addProductToCart($this, true);\n $modal.modal('hide');\n });\n return;\n }\n\n if (isSubscriptionProduct) {\n addProductToCart($this, false, true);\n return;\n }\n\n addProductToCart($this);\n });\n },\n selectBonusProduct: () => {\n $(document).on('click', '.select-bonus-product', function () {\n const $choiceOfBonusProduct = $(this).parents('.choice-of-bonus-product');\n const pid = $(this).data('pid');\n const maxPids = $('.choose-bonus-product-dialog').data('total-qty');\n const submittedQty = parseInt($choiceOfBonusProduct.find('.bonus-quantity-select').val(), 10);\n let totalQty = 0;\n $.each($('#chooseBonusProductModal .selected-bonus-products .selected-pid'), function () {\n totalQty += $(this).data('qty');\n });\n totalQty += submittedQty;\n const optionID = $choiceOfBonusProduct.find('.product-option').data('option-id');\n const valueId = $choiceOfBonusProduct.find('.options-select option:selected').data('valueId');\n\n if (totalQty <= maxPids) {\n const 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: () => {\n $(document).on('click', '.selected-pid', function () {\n $(this).remove();\n const $selected = $('#chooseBonusProductModal .selected-bonus-products .selected-pid');\n let 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: () => {\n $('body').on('bonusproduct:updateSelectButton', (e, response) => {\n $('button.select-bonus-product', response.$productContainer).attr('disabled', (!response.product.readyToOrder || !response.product.available));\n const pid = response.product.id;\n $('button.select-bonus-product', response.$productContainer).data('pid', pid);\n });\n },\n showMoreBonusProducts: () => {\n $(document).on('click', '.show-more-bonus-products', function () {\n const url = $(this).data('url');\n $('.modal-content').spinner().start();\n $.ajax({\n url,\n method: 'GET',\n success: (html) => {\n const parsedHtml = parseHtml(html);\n $('.modal-body').append(parsedHtml.body);\n $('.show-more-bonus-products:first').remove();\n $('.modal-content').spinner().stop();\n },\n error: () => {\n $('.modal-content').spinner().stop();\n },\n });\n });\n },\n addBonusProductsToCart: () => {\n $(document).on('click', '.add-bonus-products', () => {\n const $readyToOrderBonusProducts = $('.choose-bonus-product-dialog .selected-pid');\n let queryString = '?pids=';\n const url = $('.choose-bonus-product-dialog').data('addtocarturl');\n const pidsObject = {\n bonusProducts: [],\n };\n\n $.each($readyToOrderBonusProducts, function () {\n const qtyOption = parseInt($(this)\n .data('qty'), 10);\n\n let 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: (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 );\n setTimeout(() => {\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 );\n setTimeout(() => {\n $('.add-to-basket-alert').remove();\n if ($('.cart-page').length) {\n window.location.reload();\n }\n }, 1500);\n }\n },\n error: () => {\n $.spinner().stop();\n },\n });\n });\n },\n\n getPidValue,\n getQuantitySelected,\n miniCartReportingUrl,\n};\n","function changeQtyBtn(e) {\n const $this = $(e.currentTarget);\n const $qtyInput = $this.siblings('.js-qty-number');\n const currentVal = parseInt($qtyInput.val(), 10);\n const newVal = $this.is('.js-qty-plus') ? currentVal + 1 : currentVal - 1;\n\n if (newVal <= $qtyInput.attr('max') && newVal >= $qtyInput.attr('min')) {\n $qtyInput.val(newVal);\n $('.modal.show .update-cart-url').data('selected-quantity', newVal);\n }\n}\n\nfunction changeQtyInput(e) {\n const $this = $(e.currentTarget);\n const qty = parseInt($this.val(), 10);\n const maxQty = $this.attr('max');\n const minQty = $this.attr('min');\n\n if (!qty || qty < minQty) {\n $this.val(minQty);\n } else if (qty && qty > maxQty) {\n $this.val(maxQty);\n }\n}\n\nfunction bindEvents() {\n $('.js-qty-btn').on('click.changeqty', changeQtyBtn);\n $('.js-qty-number').on('change.changeqty', changeQtyInput);\n}\n\nmodule.exports = {\n bindEvents,\n};\n","const { breakpoints } = require('site/components/functions');\nconst { animateArrows } = require('site/components/carouselAnimations');\n\nfunction initRecommendedSlider() {\n $('.js-product-recommendations').each(function () {\n const $this = $(this);\n\n const slickOptions = {\n mobileFirst: true,\n infinite: true,\n slidesToScroll: 1,\n centerMode: true,\n dots: true,\n slidesToShow: 1,\n centerPadding: '18%',\n autoplay: false,\n prevArrow: '',\n nextArrow: '
',\n responsive: [\n {\n breakpoint: breakpoints.md,\n settings: {\n dots: true,\n centerMode: false,\n slidesToShow: 2,\n },\n },\n {\n breakpoint: breakpoints.md,\n settings: {\n dots: false,\n centerMode: false,\n slidesToShow: 3,\n },\n },\n {\n breakpoint: breakpoints.xl,\n settings: {\n dots: false,\n centerMode: false,\n slidesToShow: 4,\n },\n },\n ],\n };\n\n $this.slick(slickOptions);\n animateArrows($this);\n $this.on('breakpoint', () => {\n animateArrows($this);\n });\n });\n}\n\nmodule.exports = {\n initRecommendedSlider,\n};\n","require('base/thirdParty/bootstrap');\nrequire('bootstrap/js/src/toast.js');\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\nmodule.exports = {\n invalid: function () {\n $('form input, form select').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 },\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';\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\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 = function (element, message) {\n var errorHtml = '
' +\n '' + message + '
';\n\n $(element).append(errorHtml);\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} 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 * 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 }, 5000);\n}\n\nfunction validateEmail(email) {\n var regex = /^[\\w.%+-]+@[\\w.-]+\\.[\\w]{2,6}$/;\n return regex.test(email);\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 $button = $(this);\n var url = $button.data('href');\n var emailId = $('input[name=hpEmailSignUp]').val();\n $.spinner().start();\n $(this).attr('disabled', true);\n\n url = appendToUrl(url, {\n email: emailId\n });\n\n if (!validateEmail(emailId || !emailId)) {\n $('#newsletterSubscribe .js-invalid-email').removeClass('d-none');\n $('#newsletterSubscribe .subscribed').addClass('d-none');\n $.spinner().stop();\n $(this).attr('disabled', false);\n return;\n }\n \n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n })\n .done((data) => {\n })\n .always(() => {\n $('input[name=hpEmailSignUp]').val('');\n $('#newsletterSubscribe .js-invalid-email').addClass('d-none');\n $('#newsletterSubscribe .subscribed').removeClass('d-none');\n $(this).attr('disabled', false);\n $.spinner().stop();\n });\n //}\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 } else {\n feedbackElement.html(payload.fields[key]);\n }\n feedbackElement.siblings('.form-control').addClass('is-invalid');\n }\n }\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\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","/* eslint no-underscore-dangle:0,no-console:0,no-unused-vars:0 */\n/**\n * @module GTM\n *\n * Google Tag Manager data layer support for Storefront Reference Architechture (SFRA)\n *\n * Assumes jQuery available on window object as this is the current methodology of\n * SFRA. If that changes to use webpack and commonjs properly this would need refactoring to\n * include it properly.\n */\n\nrequire('./polyfills');\nrequire('intersection-observer');\n\nconst debounce = require('lodash/debounce');\nconst preprocessors = require('./preprocessors');\n\nconst $ = window.jQuery;\n\nconst GDL_MARKER = /gdl:(.*?)(\\s|-)/;\n\nfunction findGDLNode(parent, id) {\n let node = null;\n if (parent.childNodes) {\n for (let i = 0; i < parent.childNodes.length; i++) {\n let n = parent.childNodes[i];\n if (n.nodeType === 1) {\n const candidate = findGDLNode(n, id);\n if (candidate) {\n node = candidate;\n }\n } else if (n.nodeType === 8) {\n const match = n.textContent.match(GDL_MARKER);\n if (match && match[1] === id) {\n let elementSibling = n.nextElementSibling;\n if (!elementSibling) {\n elementSibling = n.nextSibling;\n let count = 0;\n while (!elementSibling || elementSibling.nodeType !== 1) {\n count++;\n elementSibling = elementSibling.nextSibling;\n\n if (count > 10) {\n break;\n }\n }\n }\n node = { id: match[1], node: n, element: elementSibling };\n }\n }\n }\n }\n return node;\n}\n\nfunction findGDLNodesR(parent, nodes) {\n if (parent.childNodes) {\n for (let i = 0; i < parent.childNodes.length; i++) {\n let n = parent.childNodes[i];\n if (n.nodeType === 1) {\n findGDLNodesR(n, nodes);\n } else if (n.nodeType === 8) {\n const match = n.textContent.match(GDL_MARKER);\n if (match) {\n const elementSibling = n.nextElementSibling;\n nodes.push({ ID: match[1], node: n, element: elementSibling });\n }\n }\n }\n }\n}\n\n/**\n * Find Datalayer Comment Nodes and related information\n *\n * @arg {Element} parent parent node to begin search\n * @returns {Array} array of node information\n */\nfunction findGDLNodes(parent) {\n var nodes = [];\n\n findGDLNodesR(parent, nodes);\n return nodes;\n}\n\nfunction processDataLayer(dataLayer) {\n window.dataLayer = window.dataLayer || [];\n for (let i = 0; i < dataLayer.length; i++) {\n window.dataLayer.push(dataLayer[i]);\n }\n}\n\nfunction processGlobalData(globalData) {\n // shallow merge incoming global data\n if (globalData) {\n for (var attr in globalData) { //eslint-disable-line\n if (Object.prototype.hasOwnProperty.call(globalData, attr)) {\n window._gtmGlobalData[attr] = globalData[attr];\n }\n }\n }\n}\n\nfunction enqueueDataLayerUpdate(dataLayer, globalData) {\n setTimeout(() => {\n processDataLayer(dataLayer);\n processGlobalData(globalData);\n }, 0);\n}\n\nfunction GTMPageContext() {\n let i;\n const This = this;\n window._gdl = window._gdl || []; // eslint-disable-line\n const existingDataLayer = window._gdl;\n\n this.dataLayer = [];\n this.nodes = [];\n this.nodesByID = {};\n this.dataLayerByID = {};\n this.reportedImpressions = [];\n this.observedImpressions = [];\n\n window._gdl = this.dataLayer;\n\n this.io = new IntersectionObserver(this.observer.bind(this), {\n threshold: 0.5,\n });\n this.io.POLL_INTERVAL = 1000;\n\n const originalPush = this.dataLayer.push;\n this.dataLayer.push = function (...args) {\n for (let j = 0; j < args.length; j++) {\n const item = args[j];\n const node = findGDLNode(document, item.ID);\n This.addInlineDataLayer(item, node);\n }\n originalPush.apply(This.dataLayer, args);\n };\n\n for (i = 0; i < existingDataLayer.length; i++) {\n const dl = existingDataLayer[i];\n this.dataLayer.push(dl);\n }\n\n GTMPageContext.prototype.impressionReporterDebounced = debounce.call(this, function () {\n this.impressionReporter();\n }, 1000);\n}\n\nGTMPageContext.prototype.observer = function (entries, io) {\n for (let i = 0; i < entries.length; i++) {\n const entry = entries[i];\n if (entry.intersectionRatio <= 0) {\n continue; // eslint-disable-line\n }\n io.unobserve(entry.target);\n\n if (this.reportedImpressions.indexOf(entry.target) === -1\n && this.observedImpressions.indexOf(entry.target) === -1) {\n this.observedImpressions.push(entry.target);\n }\n }\n\n this.impressionReporterDebounced();\n};\n\nGTMPageContext.prototype.impressionReporter = function () {\n if (this.observedImpressions.length === 0) {\n return;\n }\n\n const _dataLayer = {\n ecommerce: {},\n };\n\n _dataLayer.event = 'impressions';\n\n const impressions = [];\n for (let i = 0; i < this.observedImpressions.length; i++) {\n const el = this.observedImpressions[i];\n const dataLayer = this.dataLayerByID[el._gtmDataLayerID];\n if (dataLayer) {\n impressions.push(dataLayer.d);\n }\n }\n\n Array.prototype.push.apply(this.reportedImpressions, this.observedImpressions);\n\n this.observedImpressions = [];\n _dataLayer.ecommerce.impressions = impressions;\n\n window.dataLayer.push(_dataLayer);\n};\n\nGTMPageContext.prototype.addInlineDataLayer = function (item, node) {\n const This = this;\n if (node) {\n if (item.e === 'impressions') {\n item.d = preprocessors.preprocessImpression(item.d, node.element);\n this.io.observe(node.element);\n\n $(node.element).on('click', 'a', (e) => {\n This.impressionReporter();\n const { list } = item.d;\n window.dataLayer.push({\n event: 'productClick',\n ecommerce: {\n click: {\n actionField: {\n list,\n },\n products: [item.d],\n },\n },\n });\n });\n }\n\n this.nodes.push(node);\n this.nodesByID[item.ID] = node;\n node.element._gtmDataLayerID = item.ID;\n this.dataLayerByID[item.ID] = item;\n }\n};\n\n/**\n * Initialize SFRA GTM Datalayer routines\n *\n * This should only be called once per page load.\n */\nexports.init = function () {\n // Find data layer \"nodes\" rendered prior to initialization\n window.gtmPageContext = new GTMPageContext();\n\n // Ensure post requests contain contextual gtm data\n // TODO: support json (not a requirement at this time)\n $.ajaxPrefilter((options, originalOptions, jqXHR) => {\n if (options.contentType && options.contentType.indexOf('www-form-urlencoded') !== -1\n && options.method === 'POST' && window._gtmGlobalData\n && options.data && options.data.indexOf('_gtmGlobalData') === -1) {\n options.data = `${options.data}&_gtmGlobalData=${JSON.stringify(window._gtmGlobalData)}`;\n }\n });\n\n // Listen for datalayer and contextual updates in json responses\n $(document).ajaxComplete((event, xhr, settings) => {\n if (xhr.readyState === 4) {\n if (xhr.status === 200) {\n const contentType = xhr.getResponseHeader('content-type');\n if (contentType && contentType.indexOf('json')) {\n try {\n const rawResponse = xhr.responseText;\n const resp = JSON.parse(rawResponse); //eslint-disable-line\n if (resp.GTMDataLayer || resp.GTMGlobalData) {\n enqueueDataLayerUpdate(resp.GTMDataLayer, resp.GTMGlobalData);\n }\n } catch (e) { //eslint-disable-line\n }\n }\n }\n }\n });\n};\n","if (!('nextElementSibling' in document.documentElement)) {\n Object.defineProperty(Element.prototype, 'nextElementSibling', {\n get: () => {\n var e = this.nextSibling;\n while (e && e.nodeType !== 1) {\n e = e.nextSibling;\n }\n return e;\n },\n });\n}\n","/* eslint no-underscore-dangle:0 */\nconst $ = window.jQuery;\n\nexports.preprocessImpression = function (impression, element) {\n const $el = $(element);\n\n let listID = $el.closest('[data-gtmcurrentlist]').attr('data-gtmcurrentlist');\n let categoryPath = $el.closest('[data-gtmcurrentcategorypath]').attr('data-gtmcurrentcategorypath');\n\n if (!listID && window._gtmGlobalData && window._gtmGlobalData.GTMCurrentList) {\n listID = window._gtmGlobalData.GTMCurrentList;\n }\n\n if (!categoryPath && window._gtmGlobalData && window._gtmGlobalData.GTMCurrentCategoryPath) {\n categoryPath = window._gtmGlobalData.GTMCurrentCategoryPath;\n }\n\n if (categoryPath) {\n impression.category = categoryPath;\n }\n\n const position = $el.closest('[data-gtmcurrentposition]').attr('data-gtmcurrentposition');\n if (position) {\n impression.position = parseInt(position, 10);\n }\n\n if (listID) {\n impression.list = listID;\n }\n return impression;\n};\n","/**\n * Returns the expected number of express checkout buttons that may be rendered for the given component.\n * @param {Object} component - the SFPP component\n * @returns {integer} expected number of buttons\n */\nfunction getExpectedExpressCheckoutButtonsCount(component) {\n let count = 0;\n\n if (component) {\n const renderedTypes = component.getRenderedTypes();\n if (renderedTypes.indexOf('applepay') !== -1 || renderedTypes.indexOf('paymentrequest') !== -1) {\n count++;\n }\n if (renderedTypes.indexOf('paypalexpress') !== -1) {\n count++;\n }\n }\n\n return count;\n}\n\n/**\n * Register payment request buttons on the page that have not yet been registered.\n */\nfunction registerPaymentRequestButtons() {\n if (window.sfpp) {\n window.sfpp.ready(function () { // eslint-disable-line\n $('.salesforce-paymentrequest-element').each(function () {\n var element = $(this);\n if (element.hasClass('salesforce-paymentrequest-element-registered')) {\n // Only register each button once\n return;\n }\n\n element.addClass('salesforce-paymentrequest-element-registered');\n\n const errorElement = $(`.${element.data('errorsclass')}`);\n const paymentrequest = window.sfpp.get(element.data('paymentrequestid')); // eslint-disable-line\n\n const paypalMessage = element.closest('.checkout-buttons').find('.salesforce-paypal-messaging');\n\n /**\n * Shows/hides PayPal messages component based on rendered payment method types.\n */\n function updatePayPalMessageVisibility() {\n paypalMessage.toggleClass('salesforce-paypal-messaging-hidden', paymentrequest.getRenderedTypes().indexOf('paypalexpress') === -1);\n }\n\n let expectedExpressCheckoutButtons = getExpectedExpressCheckoutButtonsCount(paymentrequest);\n let renderedExpressCheckoutButtons;\n\n /**\n * Shows express checkout button skeletons.\n */\n function showExpressCheckoutButtonSkeletons() {\n element.addClass('salesforce-paymentrequest-element-loading');\n element.prepend('');\n for (let i = 0; i < expectedExpressCheckoutButtons; i++) {\n element.children('.salesforce-paymentrequest-element-skeletons').append('');\n }\n renderedExpressCheckoutButtons = 0;\n }\n\n /**\n * Removes express checkout button skeletons.\n */\n function removeExpressCheckoutButtonSkeletons() {\n element.children('.salesforce-paymentrequest-element-skeletons').remove();\n element.removeClass('salesforce-paymentrequest-element-loading');\n }\n\n // Show PayPal messages component after initial render\n setTimeout(updatePayPalMessageVisibility);\n\n // Show express checkout buttons skeletons while initially loading\n showExpressCheckoutButtonSkeletons();\n\n paymentrequest.on('render', () => {\n // Show express checkout buttons skeletons after refreshing\n expectedExpressCheckoutButtons = getExpectedExpressCheckoutButtonsCount(paymentrequest);\n showExpressCheckoutButtonSkeletons();\n\n // Show/hide PayPal messages component after refreshing\n updatePayPalMessageVisibility();\n });\n\n /**\n * Called each time an express checkout button is shown.\n */\n function expressCheckoutButtonShown() {\n renderedExpressCheckoutButtons++;\n if (renderedExpressCheckoutButtons >= expectedExpressCheckoutButtons) {\n removeExpressCheckoutButtonSkeletons();\n }\n }\n\n paymentrequest.on('paypal.init', expressCheckoutButtonShown);\n paymentrequest.on('paymentrequest.init', expressCheckoutButtonShown);\n\n // Update error message on change\n paymentrequest.on('change', (event) => {\n if (event.error) {\n // Inform the customer that there is an error.\n errorElement.empty().text(event.error.message);\n } else {\n // Clear out error message\n errorElement.empty();\n }\n });\n\n $('body').on('cart:beforeUpdate cart:beforeShippingMethodSelected checkout:beforeShippingMethodSelected promotion:beforeUpdate checkout:beforeGiftCertificateUpdate', () => {\n element.attr('disabled', true);\n });\n\n $('body').on('cart:update cart:shippingMethodSelected checkout:shippingMethodSelected promotion:success promotion:error checkout:giftCertificateUpdate', (e, data) => {\n paymentrequest.updatePaymentRequest(data.paymentRequestOptions);\n const enabled = data.paymentRequestOptions.total.amount > 0;\n element.attr('disabled', !enabled);\n\n paypalMessage.find('div[data-pp-message]').attr('data-pp-amount', data.paypalAmount);\n });\n\n $('body').on('checkout:billingCountrySelected', (e, data) => {\n // Update payment billing details and refresh when country changed\n paymentrequest.updateBillingDetails(data.billingDetails);\n paymentrequest.refresh();\n });\n\n paymentrequest.on('payment', () => {\n $.ajax({\n url: element.data('placeorder'),\n method: 'POST',\n contentType: 'application/json; charset=UTF-8',\n success: (data) => {\n if (data.error) {\n // Inform the customer that there is an error.\n errorElement.empty().text(data.errorMessage);\n } else {\n // Show the order confirmation page\n\n const redirect = $('