' +\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 $('.carousel-tile-block').removeClass('d-none');\n } else {\n if (data.toBeDeletedUUIDs && data.toBeDeletedUUIDs.length > 0) {\n for (var i = 0; i < data.toBeDeletedUUIDs.length; i++) {\n $('.uuid-' + data.toBeDeletedUUIDs[i]).remove();\n }\n }\n $('.uuid-' + uuid).remove();\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 if (data.showApplePay) {\n $('.braintree-cart-apple-buttons-wrap').show();\n } else {\n $('.braintree-cart-apple-buttons-wrap').hide();\n }\n\n if (data.basket.giftcertificates.length === data.basket.numItems) {\n $('.cart-shipping-item').fadeOut(500);\n $('.shipping-cost-block').fadeOut(500);\n }\n }\n\n $('body').trigger('cart:update', data);\n\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 $('body').on('change', '.quantity-form > .quantity', function () {\n var preSelectQty = $(this).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\n var urlParams = {\n pid: productID,\n quantity: quantity,\n uuid: uuid\n };\n url = appendToUrl(url, urlParams);\n\n $(this).parents('.card').spinner().start();\n\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 $(this).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') || $(this).parents('.product-info').hasClass('bonus-products-parent')) && $('.cart-page').length) {\n location.reload();\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').change(function () {\n var url = $(this).attr('data-actionUrl');\n var urlParams = {\n methodID: $(this).find(':selected').attr('data-shipping-id')\n };\n // url = appendToUrl(url, urlParams);\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 $('.promo-code-form').submit(function (e) {\n e.preventDefault();\n $.spinner().start();\n $('.coupon-missing-error').hide();\n $('.coupon-error-message').empty();\n if (!$('.coupon-code-field').val()) {\n $('.promo-code-form .form-control').addClass('is-invalid');\n $('.promo-code-form .form-control').attr('aria-describedby', 'missingCouponCode');\n $('.coupon-missing-error').show();\n $.spinner().stop();\n return false;\n }\n var $form = $('.promo-code-form');\n $('.promo-code-form .form-control').removeClass('is-invalid');\n $('.coupon-error-message').empty();\n $('body').trigger('promotion:beforeUpdate');\n\n $.ajax({\n url: $form.attr('action'),\n type: 'GET',\n dataType: 'json',\n data: $form.serialize(),\n success: function (data) {\n if (data.error) {\n $('.promo-code-form .form-control').addClass('is-invalid');\n $('.promo-code-form .form-control').attr('aria-describedby', 'invalidCouponCode');\n $('.coupon-error-message').empty().append(data.errorMessage);\n $('body').trigger('promotion:error', data);\n } else {\n $('.coupons-and-promos').empty().append(data.totals.discountsHtml);\n updateCartTotals(data);\n updateApproachingDiscounts(data.approachingDiscounts);\n validateBasket(data);\n $('body').trigger('promotion:success', data);\n }\n $('.coupon-code-field').val('');\n $.spinner().stop();\n },\n error: function (err) {\n $('body').trigger('promotion:error', err);\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n createErrorNotification(err.errorMessage);\n $.spinner().stop();\n }\n }\n });\n return false;\n });\n\n $('body').on('click', '.remove-coupon', function (e) {\n e.preventDefault();\n\n var couponCode = $(this).data('code');\n var uuid = $(this).data('uuid');\n var $deleteConfirmBtn = $('.delete-coupon-confirmation-btn');\n var $productToRemoveSpan = $('.coupon-to-remove');\n\n $deleteConfirmBtn.data('uuid', uuid);\n $deleteConfirmBtn.data('code', couponCode);\n\n $productToRemoveSpan.empty().append(couponCode);\n });\n\n $('body').on('click', '.delete-coupon-confirmation-btn', function (e) {\n e.preventDefault();\n\n var url = $(this).data('action');\n var uuid = $(this).data('uuid');\n var couponCode = $(this).data('code');\n var urlParams = {\n code: couponCode,\n uuid: uuid\n };\n\n url = appendToUrl(url, urlParams);\n\n $('body > .modal-backdrop').remove();\n\n $.spinner().start();\n $('body').trigger('promotion:beforeUpdate');\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n $('.coupon-uuid-' + uuid).remove();\n updateCartTotals(data);\n updateApproachingDiscounts(data.approachingDiscounts);\n validateBasket(data);\n $.spinner().stop();\n $('body').trigger('promotion:success', data);\n },\n error: function (err) {\n $('body').trigger('promotion:error', 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 $('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 var withGift = $('#chooseBonusProductModal').data('withGift');\n if (!withGift) {\n base.removeMainProductBonusProductModal();\n }\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\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 $(document).ready(function () {\n var $buyseparatelybanner = $('.buyseparately-banner');\n if ($buyseparatelybanner.length > 0 && $buyseparatelybanner.attr('data-isMixedBasketGV') === 'true' && $buyseparatelybanner.find('div.content-asset').length !== 0) {\n $buyseparatelybanner.slideDown('slow');\n }\n });\n\n base.selectAttribute();\n base.colorAttribute();\n base.removeBonusProduct();\n base.selectBonusProduct();\n base.enableBonusProductSelection();\n base.showMoreBonusProducts();\n base.addBonusProductsToCart();\n base.proceedWithoutGift();\n base.focusChooseBonusProductModal();\n base.trapChooseBonusProductModalFocus();\n base.onClosingChooseBonusProductModal();\n};\n","'use strict';\n\nvar formHelpers = require('./formErrors');\nvar scrollAnimate = require('../components/scrollAnimate');\nvar createErrorNotification = require('../components/errorNotification');\nvar GUEST_FORM = '#guest-customer';\nvar REGISTERED_FORM = '#registered-customer';\nvar ERROR_SECTION = '.customer-error';\n\n/**\n * @returns {boolean} If guest is active, registered is not visible\n */\nfunction isGuestFormActive() {\n return $(REGISTERED_FORM).hasClass('d-none');\n}\n\n/**\n * Clear any previous errors in the customer form.\n */\nfunction clearErrors() {\n $(ERROR_SECTION).children().remove();\n formHelpers.clearPreviousErrors('.customer-information-block');\n}\n\n/**\n * @param {Object} customerData - data includes checkout related customer information\n * @param {Object} orderData - data includes checkout related order information\n */\nfunction updateCustomerInformation(customerData, orderData) {\n var $container = $('.customer-summary');\n var $summaryDetails = $container.find('.summary-details');\n var email = customerData.profile && customerData.profile.email ? customerData.profile.email : orderData.orderEmail;\n $summaryDetails.find('.customer-summary-email').text(email);\n if (customerData.registeredUser) {\n $container.find('.edit-button').hide();\n } else {\n $container.find('.edit-button').show();\n }\n}\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 customerFormResponse(defer, data) {\n var parentForm = isGuestFormActive() ? GUEST_FORM : REGISTERED_FORM;\n var formSelector = '.customer-section ' + parentForm;\n\n // highlight fields with errors\n if (data.error) {\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 }\n\n if (data.customerErrorMessage) {\n createErrorNotification(ERROR_SECTION, data.customerErrorMessage);\n }\n\n if (data.fieldErrors.length || data.customerErrorMessage || (data.serverErrors && data.serverErrors.length)) {\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 csrfToken: data.csrfToken\n });\n scrollAnimate($('.shipping-form'));\n defer.resolve(data);\n }\n}\n\n/**\n *\n * @param {boolean} registered - wether a registered login block will be used\n */\nfunction chooseLoginBlock(registered) {\n $(ERROR_SECTION).find('.alert').remove();\n $('#password').val('');\n if (registered) {\n $(REGISTERED_FORM).removeClass('d-none');\n $(GUEST_FORM).addClass('d-none');\n $('#email').val($('#email-guest').val());\n } else {\n $(REGISTERED_FORM).addClass('d-none');\n $(GUEST_FORM).removeClass('d-none');\n $('#email').val('');\n }\n}\n\nmodule.exports = {\n\n /**\n * Listeners for customer form\n */\n initListeners: function () {\n // 1. password\n var customerLogin = '.js-login-customer';\n var cancelLogin = '.js-cancel-login';\n var registered;\n if (customerLogin.length !== 0) {\n $('body').on('click', customerLogin, function (e) {\n registered = true;\n e.preventDefault();\n chooseLoginBlock(registered);\n });\n }\n if (cancelLogin.length !== 0) {\n $('body').on('click', cancelLogin, function (e) {\n registered = false;\n e.preventDefault();\n chooseLoginBlock(registered);\n });\n }\n },\n\n methods: {\n clearErrors: clearErrors,\n updateCustomerInformation: updateCustomerInformation,\n customerFormResponse: customerFormResponse,\n isGuestFormActive: isGuestFormActive\n },\n\n vars: {\n GUEST_FORM: GUEST_FORM,\n REGISTERED_FORM: REGISTERED_FORM\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';\n\nmodule.exports = {\n revealField: function () {\n $(document).on('click', '.js-reveal-field', function () {\n var field = $(this).closest('.custom-field').find('.custom-field__input');\n var currentType = field.attr('type');\n\n if (currentType === 'password') {\n $(this).addClass('password-eye-close').removeClass('password-eye-open');\n field.attr('type', 'text');\n } else {\n $(this).addClass('password-eye-open').removeClass('password-eye-close');\n field.attr('type', 'password');\n }\n });\n }\n};\n","import Swiper, {Navigation, Pagination, Autoplay} from 'swiper/core';\n\n// configure Swiper to use modules\nSwiper.use([Navigation, Pagination, Autoplay]);\n\nconst headerBannerConfigs = {\n slidesPerView: 1,\n spaceBetween: 30,\n slidesPerGroup: 1,\n loop: true,\n speed: 3000,\n loopFillGroupWithBlank: true,\n autoplay: {\n delay: 3000 // This value will be overwritten on the bannerSlider.isml file. Just set default value to enable it.\n },\n navigation: {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev',\n }\n};\n\nconst swiperSearchNoResultsPage = {\n slidesPerView: 4,\n slidesPerGroup: 1,\n loop: false,\n spaceBetween: 16,\n navigation: {\n nextEl: '.swiper-products-btn-next',\n prevEl: '.swiper-products-btn-prev',\n },\n breakpoints: {\n 320: {\n slidesPerView: 2,\n },\n 480: {\n slidesPerView: 2,\n },\n 640: {\n slidesPerView: 4,\n }\n }\n};\n\nconst swiperSecondCartPage = {\n slidesPerView: 4,\n slidesPerGroup: 1,\n loop: false,\n spaceBetween: 16,\n navigation: {\n nextEl: '.swiper-products-second-btn-next',\n prevEl: '.swiper-products-second-btn-prev',\n },\n breakpoints: {\n 320: {\n slidesPerView: 2,\n },\n 480: {\n slidesPerView: 2,\n },\n 640: {\n slidesPerView: 4,\n }\n }\n};\n\nconst swiperSearchRecommendedPDP = {\n slidesPerView: 4,\n slidesPerGroup: 1,\n loop: false,\n spaceBetween: 16,\n navigation: {\n nextEl: '.swiper-products-rec-btn-next',\n prevEl: '.swiper-products-rec-btn-prev',\n },\n breakpoints: {\n 320: {\n slidesPerView: 2,\n },\n 480: {\n slidesPerView: 2,\n },\n 640: {\n slidesPerView: 4,\n }\n }\n};\n\nconst swiperSearchLastViewedPDP = {\n slidesPerView: 4,\n slidesPerGroup: 1,\n loop: false,\n spaceBetween: 16,\n navigation: {\n nextEl: '.swiper-products-last-btn-next',\n prevEl: '.swiper-products-last-btn-prev',\n },\n breakpoints: {\n 320: {\n slidesPerView: 2,\n },\n 480: {\n slidesPerView: 2,\n },\n 640: {\n slidesPerView: 4,\n }\n }\n};\n\nconst swiperSearchNoResultsExploring = {\n slidesPerView: 'auto',\n spaceBetween: 16,\n loop: false\n};\n\nconst heroBannerConfigsHP = {\n slidesPerView: 1,\n spaceBetween: 30,\n slidesPerGroup: 1,\n loop: true,\n loopFillGroupWithBlank: false,\n navigation: {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev',\n },\n pagination: {\n el: '.swiper-pagination',\n type: 'bullets'\n }\n};\n\nconst tileBannerConfigsHP = {\n slidesPerView: 1.5,\n centeredSlides: true,\n slidesPerGroup: 1,\n loop: false,\n loopFillGroupWithBlank: false,\n navigation: {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev',\n },\n breakpoints: {\n 576: {\n slidesPerView: 2.5,\n centeredSlides: false\n },\n 992: {\n slidesPerView: 4.5,\n centeredSlides: false\n }\n }\n};\n\nconst mainBannerConfigsHP = {\n slidesPerView: 1,\n spaceBetween: 30,\n slidesPerGroup: 1,\n loop: true,\n loopFillGroupWithBlank: false,\n pagination: {\n el: '.swiper-pagination',\n type: 'bullets',\n clickable: true\n }\n};\n\nconst customRecomConfigsHP = {\n slidesPerView: 2,\n spaceBetween: 20,\n slidesPerGroup: 1,\n loopFillGroupWithBlank: false,\n navigation: {\n nextEl: '.custom-recom-next',\n prevEl: '.custom-recom-prev',\n },\n pagination: {\n el: '.swiper-pagination',\n type: 'bullets',\n clickable: true\n },\n breakpoints: {\n // when window width is <= 499px\n 768: {\n slidesPerView: 3,\n }\n }\n};\n\nconst cartTileCarousel = {\n slidesPerView: 4.5,\n slidesPerGroup: 2,\n loop: false,\n navigation: {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev',\n },\n breakpoints: {\n 320: {\n slidesPerView: 2,\n },\n 480: {\n slidesPerView: 2,\n },\n 640: {\n slidesPerView: 4,\n }\n }\n};\n\nconst swiperRecommendationsPlp = {\n slidesPerView: 4,\n slidesPerGroup: 1,\n loop: false,\n spaceBetween: 16,\n navigation: {\n nextEl: '.swiper-products-btn-next',\n prevEl: '.swiper-products-btn-prev',\n },\n breakpoints: {\n 320: {\n slidesPerView: 2,\n },\n 480: {\n slidesPerView: 2,\n },\n 640: {\n slidesPerView: 3,\n }\n }\n};\n\n// init header banner Swiper:\nif ($('.js-slider-banner').length) {\n var sliderBanner = new Swiper(\".js-slider-banner\", headerBannerConfigs); // eslint-disable-line\n}\n\nif ($('.swiper-products').length) {\n var swiperProducts = new Swiper('.swiper-products', swiperSearchNoResultsPage); // eslint-disable-line\n}\n\nif ($('.swiper-products-second').length) {\n var swiperProducts = new Swiper('.swiper-products-second', swiperSecondCartPage); // eslint-disable-line\n}\n\nif ($('.swiper-products-rec').length) {\n var swiperRecommended = new Swiper('.swiper-products-rec', swiperSearchRecommendedPDP); // eslint-disable-line\n}\n\nif ($('.swiper-products-last').length) {\n var swiperLastViewed = new Swiper('.swiper-products-last', swiperSearchLastViewedPDP); // eslint-disable-line\n}\n\nif ($('.swiper-exploring').length) {\n var swiperExploring = new Swiper('.swiper-exploring', swiperSearchNoResultsExploring); // eslint-disable-line\n}\n\n// init header banner Swiper:\nif ($('.custom-recom-next').length) {\n var sliderBanner = new Swiper(\".js-slider-custom-recommendations\", customRecomConfigsHP); // eslint-disable-line\n}\n\n// init homepage hero Swiper:\nif ($('.js-swiper-hero-initialize').length) {\n $('.js-swiper-hero-initialize').parent().addClass('swiper-slide slider-item');\n if ($('.js-swiper-hero-initialize').closest('.swiper-wrapper').length) {\n $('.js-hide-component').removeClass('d-none');\n $('.js-show-component').removeClass('d-block').addClass('d-none');\n }\n var heroHomePage = new Swiper(\".js-slider-homepage-component\", heroBannerConfigsHP); // eslint-disable-line\n}\n\nvar carouselTiles = $('.js-carousel-tile');\nfor (var i = 0; i < carouselTiles.length; i++) {\n var currentCarouselTile = carouselTiles[i];\n var swiper = $(currentCarouselTile).find('.js-swiper-tiles-initialize');\n \n if (swiper.length && !$(swiper).closest('.content-tile__no-carousel').length) {\n $(swiper).parent().addClass('swiper-slide slider-item');\n $(currentCarouselTile).find('.js-slider-homepage-tiles').addClass('slider' + i);\n var tileHomePage = new Swiper('.slider' + i, tileBannerConfigsHP); // eslint-disable-line\n }\n}\n\n// init homepage main Swiper:\nif ($('.js-swiper-main-initialize').length) {\n $('.js-swiper-main-initialize').parent().addClass('swiper-slide slider-item');\n\n mainBannerConfigsHP.pagination.renderBullet = function (index, className) {\n var title = $('input[name=paginationTitle]')[index+1].value;\n var subTitle = $('input[name=paginationSubTitle]')[index+1].value;\n $(':root').css('--colorHover', $('input[name=paginationColorHover]').val());\n\n return ` ' +\n '
' +\n '' + data.basket.resources.emptyCartMsg + '
' +\n '\n
`;\n };\n\n var mainHomePage = new Swiper(\".js-main-slider-component\", mainBannerConfigsHP); // eslint-disable-line\n}\n\n// init cart tile Swiper:\nif ($('.js-swiper-cart-tile').length) {\n var sliderTileCarousel = new Swiper(\".js-swiper-cart-tile\", cartTileCarousel); // eslint-disable-line\n}\n\n// init swiper with recommendations on plp\nif ($('.swiper-plp').length) {\n var swiperProducts = new Swiper(\".swiper-plp\", swiperRecommendationsPlp); // eslint-disable-line\n}\n\n$(document).scroll(function () {\n if ($(window).innerWidth() > 991) {\n // Content Slides Layout\n var elements = $('.js-swiper-hero-initialize');\n // Main Banner Slider\n var bgElements = $('.js-bg-image1');\n\n for (var i = 0; i < elements.length; i++) {\n var currentElement = elements[i];\n var position = $(currentElement).offset();\n $(currentElement).css('background-position-y', ($(document).scrollTop() - position.top) + 'px');\n }\n\n for (var j = 0; j < bgElements.length; j++) {\n var currentBgElement = bgElements[j];\n var bgPosition = $(currentBgElement).offset();\n $(currentBgElement).css('background-position-y', ($(document).scrollTop() - bgPosition.top) + 'px');\n }\n }\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\n/**\n * Check if the input field is a new password field\n * @param {HTMLElement} inputEl - Input element to check\n * @returns {boolean} - True if the input field is a new password field, false otherwise\n */\nfunction isFieldNewPassword(inputEl) {\n return inputEl.id === \"newPassword\" || inputEl.id === \"newPasswordConfirm\";\n}\n\n/**\n * Check if the input field is a regsistration password field\n * @param {HTMLElement} inputEl - Input element to check\n * @returns {boolean} - True if the input field is a new password field, false otherwise\n */\nfunction isFieldRegistrationPassword(inputEl) {\n return inputEl.id === \"registration-form-password\";\n}\n\n/**\n * Get the password validation error message\n * @param {HTMLElement} inputEl - Input element to get the error message from\n * @returns {string} - The password validation error message\n */\nfunction getPasswordValidationError(inputEl) {\n return [\n $(inputEl).data('start-error') || '',\n $(inputEl).data('range-error') || '',\n $(inputEl).data('pattern-mismatch') || '',\n $(inputEl).data('lowercase-error') || ''\n ].join(\"${title}
\n${subTitle}
\n-\");\n}\n\n/**\n * Handles the validation of a password input element by checking for pattern and length mismatches.\n * If any validation errors are found, it updates the validation message accordingly.\n * \n * @param {HTMLElement} inputEl - The input element to validate.\n */\nfunction handlePasswordValidation(inputEl) {\n $(inputEl).addClass('is-invalid');\n var validationMessage = inputEl.validationMessage;\n var isPatternMismatch = inputEl.validity.patternMismatch;\n var isLengthMismatch = (inputEl.validity.tooLong || inputEl.validity.tooShort);\n var newPasswordEl = $(inputEl).parents(\"form\").find(\"#newPassword\")[0];\n \n if (isPatternMismatch || isLengthMismatch) {\n // If the element is either password or password confirm, use validation error from new password input\n validationMessage = getPasswordValidationError(newPasswordEl);\n }\n\n if (!$(newPasswordEl).hasClass('is-invalid')) {\n $(newPasswordEl).addClass('is-invalid');\n }\n\n $(newPasswordEl).parents('.form-group').find('.invalid-feedback')\n .html(validationMessage);\n}\n\n/**\n * Handle registration password validation for the input element\n * @param {HTMLElement} inputEl - Input element to validate\n * @returns {void}\n */\nfunction handleRegistrationPasswordValidation(inputEl) {\n $(inputEl).addClass('is-invalid');\n var validationMessage = inputEl.validationMessage;\n var isValueMissing = inputEl.validity.valueMissing;\n var isPatternMismatch = inputEl.validity.patternMismatch;\n var isLengthMismatch = (inputEl.validity.tooLong || inputEl.validity.tooShort);\n\n if (isValueMissing) {\n validationMessage = $(inputEl).data(\"missing-error\");\n } else if (isPatternMismatch || isLengthMismatch) {\n validationMessage = getPasswordValidationError(inputEl);\n }\n\n $(inputEl).parents('.form-group').find('.invalid-feedback')\n .html(validationMessage);\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 if (isFieldNewPassword(this)) {\n handlePasswordValidation(this);\n return;\n }\n \n if (isFieldRegistrationPassword(this)) {\n handleRegistrationPasswordValidation(this);\n return;\n }\n\n var validationMessage = this.validationMessage;\n $(this).addClass('is-invalid');\n if (this.validity.typeMismatch && $(this).data('type-mismatch')) {\n validationMessage = $(this).data('type-mismatch');\n }\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\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 = 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} 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\nvar keyboardAccessibility = require('./keyboardAccessibility');\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 $(element).closest('.dropdown.show').removeClass('show');\n $('div.menu-group > ul.nav.navbar-nav > li.nav-item > a').attr('aria-hidden', 'false');\n $(element).closest('li').detach();\n};\n\nmodule.exports = function () {\n var isDesktop = function (element) {\n return $(element).parents('.menu-toggleable-left').css('position') !== 'fixed';\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 $('.navbar>.close-menu>.close-button').on('click', function (e) {\n e.preventDefault();\n $('.menu-toggleable-left').removeClass('in');\n $('.modal-background').hide();\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', '.back', function (e) {\n e.preventDefault();\n clearSelection(this);\n });\n\n $('.js-l1-item:not(.disabled)')\n .on('mouseover', function (e) {\n if (isDesktop(this)) {\n if (!$(this).hasClass('show') && $(this).find('.l3-item').length > 0) {\n $('.js-l2-menu', $(this)).addClass('show');\n }\n $('.navbar-header .user .popover').removeClass('show');\n } else {\n e.preventDefault();\n }\n })\n .on('mouseout', function (e) {\n if (isDesktop(this)) {\n if ($('.js-l2-menu', $(this).hasClass('show'))) {\n $('.js-l2-menu', $(this)).removeClass('show');\n }\n } else {\n e.preventDefault();\n }\n })\n .on('click', function (e) {\n if (!isDesktop(this) && $(e.target).parent('.js-l1-item').length) {\n e.preventDefault();\n\n if ($(this).find('.l3-item').length == 0) {\n window.location.href = $(this).find('.nav-link').attr('href');\n } else {\n $(e.target).parent().find('.mobile-menu-slide').addClass('show');\n $('.js-no-burger').addClass('d-none').removeClass('d-block');\n } \n } else if (isDesktop(this) && $(e.target).hasClass('l2-link-item')) {\n e.preventDefault();\n }\n });\n\n $('body').on('click', '.close-button', function (e) {\n e.preventDefault();\n\n $('.main-menu').removeClass('show');\n $('.js-no-search').addClass('d-none');\n $('.js-no-burger').addClass('col-auto');\n\n $('.modal-background').hide();\n });\n\n $('.navbar-toggler').change(function () {\n var action = $(this).attr('data-action');\n\n if (action == 'open') {\n $('.js-no-burger').removeClass('col-auto');\n\n $('.main-menu').toggleClass('in');\n $('.modal-background').show();\n\n $('.main-menu').addClass('show');\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 $(this).attr('data-action', 'close');\n $('body').addClass('no-scroll');\n } else if (action == 'close') {\n $('.main-menu').removeClass('show');\n $('.js-no-search').addClass('d-none');\n $('.js-no-burger').addClass('col-auto');\n\n $(this).attr('data-action', 'open');\n $('.modal-background').hide();\n $('body').removeClass('no-scroll');\n }\n });\n\n $('.js-navigation-close').click(function (e) {\n e.preventDefault();\n $('.mobile-menu-slide').removeClass('show');\n $('.js-no-burger').addClass('d-block').removeClass('d-none');\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('click', function () {\n var $userHeader = $('.navbar-header .user .popover');\n if ($userHeader.length > 0 && !$userHeader.hasClass('show')) {\n $userHeader.addClass('show');\n $('.user').attr('aria-expanded', 'true');\n } else {\n $userHeader.removeClass('show');\n $('.user').attr('aria-expanded', 'false');\n }\n });\n\n $('body').on('click', '#myaccount', function () {\n event.preventDefault();\n });\n};\n","'use strict';\nvar base = require('../product/base');\nvar cart = require('../cart/cart');\n\nvar pageHelpers = require('../helpers/pageHelpers');\nvar updateMiniCart = true;\n\n/**\n * appends params to a url\n * @param {string} data - data returned from the server's ajax call\n */\nfunction displayMessageAndRemoveFromCart(data) {\n $.spinner().stop();\n var status = data.success ? 'alert-success' : 'alert-danger';\n\n if (status == 'alert-success') {\n var oldWishlishlLength = $('.wishlist-quantity').html();\n oldWishlishlLength = parseInt(oldWishlishlLength, 10);\n $('.wishlist-quantity').html(oldWishlishlLength + 1);\n }\n\n var $targetElement = $('a[data-pid=\"' + data.pid + '\"]').closest('.product-info').find('.remove-product');\n var itemToMove = {\n actionUrl: $targetElement.data('action'),\n productID: $targetElement.data('pid'),\n productName: $targetElement.data('name'),\n uuid: $targetElement.data('uuid')\n };\n $('body').trigger('afterRemoveFromCart', itemToMove);\n setTimeout(function () {\n $('.cart.cart-page #removeProductModal').modal();\n }, 2000);\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 displayMessageAndRemoveFromCart(data);\n },\n error: function (err) {\n displayMessageAndRemoveFromCart(err);\n }\n });\n });\n}\n\nfunction hideMinicart(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').hide().removeClass('show');\n}\n\nmodule.exports = function () {\n cart();\n moveToWishlist();\n\n $('.minicart').on('count:update', function (event, count) {\n if (count) {\n if ($.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 } else if (count.basket && $.isNumeric(count.basket.numItems)) {\n $('.minicart .minicart-quantity').text(count.basket.numItems);\n $('.minicart .minicart-link').attr({\n 'aria-label': count.basket.resources.minicartCountOfItems,\n title: count.basket.resources.minicartCountOfItems\n });\n } else if ($.isNumeric(count.numItems)) {\n $('.minicart .minicart-quantity').text(count.numItems);\n $('.minicart .minicart-link').attr({\n 'aria-label': count.resources.minicartCountOfItems,\n title: count.resources.minicartCountOfItems\n });\n }\n }\n });\n\n $('.minicart').on('mouseenter focusin touchstart open', function () {\n if ($('.suggestions-wrapper').text() != '') {\n return;\n }\n var url = $('.minicart').data('action-url');\n var count = parseInt($('.minicart .minicart-quantity').text(), 10);\n\n if (count !== 0 && $('.minicart .popover.show').length === 0) {\n if (!updateMiniCart) {\n // Don't show minicart layout on mobile when we want to visit the cart page\n if (pageHelpers.isMobileDevice()) {\n return true;\n }\n\n $('.minicart .popover').show().addClass('show');\n return;\n }\n\n $.get(url, function (data) {\n $('.minicart .popover').empty();\n $('.minicart .popover').append(data);\n $('.minicart .popover').show().addClass('show');\n updateMiniCart = false;\n $.spinner().stop();\n var applePayEnabledOnCart = Boolean($('.braintree-cart-apple-button').length > 0);\n\n if (applePayEnabledOnCart && window.ApplePaySession) {\n var applePayBusinessLogic = require('../../../../../../int_braintree/cartridge/client/default/js/braintree/applepay/applePay');\n applePayBusinessLogic.init();\n applePayBusinessLogic.initCart();\n } else {\n $('.braintree-cart-buttons-wrap').addClass('d-none');\n }\n });\n }\n });\n $('body').on('touchstart click', function (e) {\n if ($('.minicart').has(e.target).length <= 0) {\n $('.minicart .popover').hide().removeClass('show');\n }\n });\n $('.minicart').on('mouseleave focusout', function (event) {\n hideMinicart(event);\n });\n $('.minicart').on('click', '.close-minicart', function (event) {\n hideMinicart(event);\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 (e, data) {\n updateMiniCart = true;\n\n if (data) {\n var reportingURL = null;\n\n if (data.basket) {\n reportingURL = data.basket.reportingURL;\n } else {\n reportingURL = data.reportingURL;\n }\n\n if (reportingURL) {\n base.methods.miniCartReportingUrl(reportingURL);\n }\n }\n });\n};\n","'use strict';\n\nmodule.exports = function (element) {\n var position = element && element.length ? element.offset().top + -100 : 0;\n $('html, body').animate({\n scrollTop: position\n }, 500);\n if (!element) {\n $('.logo-home').focus();\n }\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 outerHeight;\n var $scope;\n var $suggestions;\n var top;\n\n if (isMobileSearch(scope)) {\n $scope = $(scope);\n top = $scope.offset().top;\n outerHeight = $scope.outerHeight();\n $suggestions = getSuggestionsWrapper(scope).find('.suggestions');\n $suggestions.css('top', top + outerHeight);\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-sm-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-sm-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\n/**\n * Returns true if user checks site via Desktop or mobile device.\n * @returns {Boolean} - true/false\n */\nfunction isDesktop() {\n return $('.menu-toggleable-left').css('position') !== 'fixed';\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 $('.js-extend-search').addClass('col').removeClass('col-auto');\n $('.js-no-search').removeClass('d-lg-flex').removeClass('d-block').addClass('d-none');\n }\n });\n\n $(this).on('focusout', function () {\n if ($('div.site-search').hasClass('search-expanded')) {\n $('div.site-search').removeClass('search-expanded');\n $(this).attr('aria-expanded', 'false');\n }\n });\n\n $(this).on('focusin', function () {\n $('div.site-search').addClass('search-expanded');\n $(this).attr('aria-expanded', 'true');\n });\n });\n\n $('body').on('click', function (e) {\n if (!$(e.target).closest('input.search-field').length &&\n !$(e.target).closest('.js-search-button').length &&\n !$('.search-field').is(':focus') &&\n (isDesktop() || $(e.target).closest('.js-close-search').length)) {\n\n setTimeout(function () {\n $('.js-extend-search').addClass('col-auto').removeClass('col');\n $('.js-no-search').addClass('d-lg-flex').addClass('d-block').removeClass('d-none');\n }, isDesktop() ? 425 : 1);\n\n\n if (!isDesktop()) {\n $('.site-search').addClass('d-none');\n $('.js-no-search').addClass('d-none');\n $('.js-search-button').removeClass('d-none');\n $('.header-container__logo').removeClass('d-none').addClass('d-flex');\n $('.js-no-burger').removeClass('d-none').addClass('d-block');\n $('.minicart').removeClass('d-none');\n $('.js-close-search').addClass('d-none');\n }\n }\n if (!$('.suggestions').has(e.target).length && !$(e.target).hasClass('search-field')) {\n $('.suggestions').hide();\n }\n });\n\n $('body').on('click', '.js-search-button', function () {\n $(this).addClass('d-none');\n $('.header-container__logo').removeClass('d-flex').addClass('d-none');\n $('.site-search').removeClass('d-none');\n $('.js-extend-search').addClass('col').removeClass('col-auto');\n $('.site-search').addClass('w-100');\n\n $('.minicart').addClass('d-none');\n $('.js-close-search').removeClass('d-none');\n\n $('.js-no-burger').addClass('d-none').removeClass('d-block');\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-sm-block');\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\nconst {\n chooseBonusProducts\n} = require('../product/base');\nlet pageHelpers = require('../helpers/pageHelpers');\n\nconst productTileClass = '.product-tile';\n\nconst unselectSize = ($container) => {\n $container.find('.js-plp-size-button').removeClass('selected');\n var $addToCartBtn = $container.find('.js-add-to-cart-tile');\n $addToCartBtn.attr('data-ready-to-order', 'false');\n $addToCartBtn.attr('data-variationUrl', '');\n};\n\nconst clickSize = (e) => {\n var $button = $(e.currentTarget);\n var variationUrl = $button.attr('data-variationUrl');\n var $productContainer;\n if ($button.hasClass('js-wl-btn')) {\n $productContainer = $button.closest('.tile-container').find(productTileClass);\n unselectSize($button.closest('.tile-container'));\n } else {\n $productContainer = $button.closest(productTileClass);\n unselectSize($productContainer);\n }\n $button.addClass('selected');\n var $addToCartBtn;\n if ($button.hasClass('js-wl-btn')) {\n $addToCartBtn = $productContainer.parent().find('.js-add-to-cart-tile');\n $addToCartBtn.prop('disabled', false);\n } else {\n $addToCartBtn = $productContainer.find('.js-add-to-cart-tile');\n }\n var isStoreOnly = $button.attr('data-store-only');\n if (isStoreOnly === 'true') {\n $addToCartBtn.addClass('d-none').removeClass('d-block');\n } else {\n $addToCartBtn.removeClass('d-none').addClass('d-block');\n }\n $addToCartBtn.attr('data-ready-to-order', 'true');\n $addToCartBtn.attr('data-variationUrl', variationUrl);\n};\n\nconst clickAddToCartHandler = (e) => {\n var $button = $(e.currentTarget);\n var isReadyToOrder = $button.attr('data-ready-to-order');\n var isOrderable = $button.attr('data-is-orderable');\n var $productContainer;\n if ($button.hasClass('js-wl-btn')) {\n $productContainer = $button.parent().find(productTileClass);\n } else {\n $productContainer = $button.closest(productTileClass);\n }\n if (isOrderable === 'false' || (pageHelpers.isMobileDevice() && isReadyToOrder === 'false')) {\n window.location.href = $button.attr('data-productUrl');\n } else {\n if (isReadyToOrder === 'true') {\n addProductToCart($productContainer);\n } else {\n var $sizeSection;\n if ($button.hasClass('js-wl-btn')) {\n $sizeSection = $productContainer.parent().find('.size-overlay-section');\n } else {\n $sizeSection = $productContainer.find('.size-overlay-section');\n }\n $sizeSection.addClass('error-to-selection');\n setTimeout(function () {\n $sizeSection.removeClass('error-to-selection');\n }, 3000);\n }\n }\n};\n\nconst addProductToCart = ($container) => {\n var $button;\n if ($container.hasClass('js-wl-btn')) {\n $button = $container.parent().find('.js-add-to-cart-tile');\n } else {\n $button = $container.find('.js-add-to-cart-tile');\n }\n var variationUrl = $button.attr('data-variationUrl');\n var addToCartUrl = $button.attr('data-addToCartUrl');\n $.spinner().start();\n if ($button.attr('data-isSpecialOrder') === 'true') {\n window.location.href = $button.attr('data-productUrl');\n } else if (!variationUrl) {\n var productId = $container.attr('data-pid');\n addToCart(addToCartUrl, productId);\n } else {\n addVariationToCart(variationUrl, addToCartUrl, $container);\n }\n};\n\nconst addVariationToCart = (variationUrl, addToCartUrl, container) => {\n var url = new URL(variationUrl);\n url.searchParams.set('quantity', 1);\n $.ajax({\n url: url,\n method: 'GET',\n success: function (data) {\n var productId = data.product.id;\n addToCart(addToCartUrl, productId, container);\n },\n error: function () {\n $.spinner().stop();\n }\n });\n};\n\nconst addToCart = (addToCartUrl, productId, container) => {\n var form = {\n pid: productId,\n quantity: 1\n };\n\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: form,\n success: function (response) {\n handlePostCartAdd(response);\n $('body').trigger('product:afterAddToCart', response);\n miniCartReportingUrl(response.reportingURL);\n $.spinner().stop();\n openMiniCart();\n if (container) {\n unselectSize(container);\n }\n },\n error: function () {\n $.spinner().stop();\n }\n });\n};\n\n// Opens minicart on for seconds set value in sitePreference\nfunction openMiniCart() {\n var minicartTime = $('.minicart-total').attr('data-minicartshowtime');\n if (!minicartTime) return;\n $('.minicart').trigger('open');\n setTimeout(function () {\n $('.minicart .popover').removeClass('show');\n }, minicartTime);\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 (response) {\n $('.minicart .klaviyo').html(response);\n },\n error: function () {\n // no reporting urls hit on the server\n }\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 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 $('.add-to-cart-messages').append(\n '
'\n + response.message\n + '
'\n );\n\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n }, 5000);\n }\n}\n\nfunction initEvents() {\n $(document).on('click', '.js-plp-size-button', clickSize);\n $(document).on('click', '.js-add-to-cart-tile', clickAddToCartHandler);\n}\n\nmodule.exports = {\n initEvents\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","'use strict';\n\n/**\n * Adds a MutationObserver to a target node and performs an action when a childList mutation occurs\n * @param {Node} targetNode - the target node to observe\n * @param {Function} actionToPerform - the action to perform when a childList mutation occurs\n * @returns {void}\n */\nfunction addMutationObserverAction(targetNode, actionToPerform) {\n // observer options\n const config = {\n attributes: true,\n childList: true,\n subtree: true\n };\n\n // callback function for observer\n /**\n * Callback function for observing mutations in a DOM element\n * @param {Array} mutationsList - List of mutations observed\n * @param {MutationObserver} observer - The MutationObserver object\n */\n const callback = function (mutationsList, observer) {\n for (const mutation of mutationsList) {\n if (mutation.type === 'childList') {\n // action to perform\n actionToPerform();\n\n // disconnect observer\n observer.disconnect();\n }\n }\n };\n\n // create observer instance and observe\n const mutationObserver = new MutationObserver(callback);\n mutationObserver.observe(targetNode, config);\n}\n\n/**\n * Updates the product tiles with V12 finance information\n */\nfunction updateProductTiles() {\n const $productTiles = $('.product-tile');\n\n for (let i = 0; i < $productTiles.length; i++) {\n let currentTile = $productTiles[i];\n let v12eligibility = $(currentTile).attr('data-v12eligibility');\n let v12productfilterterms = JSON.parse($(currentTile).attr('data-productfilterterms'));\n if (v12productfilterterms && v12productfilterterms.length > 0) {\n let productId = v12productfilterterms[v12productfilterterms.length-1] ? v12productfilterterms[v12productfilterterms.length-1].productId : v12productfilterterms[0].productId;\n let financeProduct = V12.getFinanceProduct(productId); // eslint-disable-line\n if (financeProduct) {\n if (v12eligibility == 'true') {\n let cashPrice = $(currentTile).attr('data-cashprice');\n\n if (cashPrice != 'null') {\n let depositFactor = $(currentTile).attr('data-depositfactor');\n let deposit = parseInt(Math.ceil(cashPrice * depositFactor), 10) / 100;\n deposit = parseFloat(deposit.toFixed(2));\n\n let payments = V12.calculate(financeProduct, cashPrice, deposit); // eslint-disable-line\n let v12Amount = $(currentTile).find('.v12-amount').text();\n let newV12Money = v12Amount.replace('0.00', payments.initialPayments);\n $(currentTile).find('.v12-amount').text(newV12Money);\n }\n }\n }\n }\n }\n}\n\n/**\n * Updates the V12 tile\n * @returns {void}\n */\nfunction updateTileV12() {\n if (typeof V12 !== 'undefined' && V12) { // eslint-disable-line\n let products = V12.getFinanceProducts(); // eslint-disable-line\n if (products && products.length > 0) {\n const $productTiles = $('.product-tile');\n const $tileV12Recommender = $('[id*=cq_recomm_slot]');\n\n if ($productTiles.length) {\n updateProductTiles();\n }\n\n if ($tileV12Recommender.length && $tileV12Recommender.is(':empty')) {\n addMutationObserverAction($tileV12Recommender[0], updateProductTiles);\n }\n }\n }\n}\n\nmodule.exports = {\n updateTileV12: updateTileV12\n};\n","window.lazySizesConfig = window.lazySizesConfig || {};\n// The expand option expands the calculated visual viewport area in all directions, \n// so that elements can be loaded before they become visible. \n// The default value is calculated depending on the viewport size of the device. \n// (Note: Reasonable values are between 300 and 1000\nwindow.lazySizesConfig.expand = 300;\nwindow.lazySizesConfig.loadHidden = false;\nrequire('lazysizes');\nrequire('lazysizes/plugins/unveilhooks/ls.unveilhooks');\n","'use strict';\n/**\n * @function getCookie\n *\n * @param {string} key - The cookie name\n * @returns {string} value - the value of the cookie if found, null otherwise\n **/\nfunction getCookie(key) {\n var cookies = document.cookie.split(';');\n for (var i = 0; i < cookies.length; i++) {\n var tokens = cookies[i].split('=');\n var cookieKey = tokens[0].trim();\n if (cookieKey === key) {\n return tokens[1];\n }\n }\n return '';\n}\n\n/**\n * @function setCookie\n *\n * @param {string} key - The cookie name\n * @param {string} value - The cookie value\n * @param {integer} minutes - The number of minutes to expire the cookie\n **/\nfunction setCookie(key, value, minutes) {\n var date = new Date();\n date.setTime(date + (minutes * 60 * 1000));\n\n document.cookie = key + '=' + value + '; expires=' + date.toGMTString() + '; path=/';\n}\n\n/**\n * @function isMobileDevice\n * \n * @returns {boolean} value - the value true if the device is mobile\n **/\nfunction isMobileDevice() {\n // condition to check if device is tablet IOS \n let isIpad = /Macintosh/i.test(navigator.userAgent) && navigator.maxTouchPoints && navigator.maxTouchPoints > 1 && window.innerWidth <= 991;\n\n if (/Android|webOS|iPhone|iPod|iPad|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) && window.innerWidth <= 991 || isIpad) {\n return true;\n }\n return false;\n}\n\nexports.setCookie = setCookie;\nexports.getCookie = getCookie;\nexports.isMobileDevice = isMobileDevice;\n","'use strict';\nvar focusHelper = require('../components/focus');\nvar countdownHelper = require('../product/countdown');\n\nfunction removeMainProductBonusProductModal() {\n let url = $('.choose-bonus-product-dialog').data('removeproducturl');\n if ($('.choose-bonus-product-dialog').data('updatequantityurl') !== 'undefined') {\n url = $('.choose-bonus-product-dialog').data('updatequantityurl');\n }\n $.ajax({\n url: url,\n method: 'GET',\n success: function (data) {\n $('.minicart').trigger('count:update', data);\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 ($('#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').attr('data-pid');\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'];\n\n attrs.forEach(function (attr) {\n if (attrsWithSwatches.indexOf(attr.id) > -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 = '' + 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 var carousel = $productContainer.find('.carousel');\n $(carousel).carousel('dispose');\n var carouselId = $(carousel).attr('id');\n $(carousel).empty().append('').append($.parseHTML(html));\n\n var body = $html.find('.choice-of-bonus-product');\n var footer = $html.find('.modal-footer').children();\n\n return {\n body: body,\n footer: footer\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 '
' +\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 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 $('.add-to-cart-messages').append(\n '' +\n '' +\n '' +\n '
' +\n '' +\n response.message +\n '
'\n );\n\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n }, 5000);\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 * Hides the finance calculator modal if the specified target element\n * is within the modal's DOM hierarchy.\n *\n * @param {HTMLElement} target - The DOM element to check against the finance calculator modal.\n */\nfunction hideModalIfInFinanceCalculator(target) {\n if (target && $(target).length && $(target).closest('#financeCalculatorModal').length) {\n $('#financeCalculatorModal').modal('hide');\n }\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 (response) {\n $('.minicart .klaviyo').html(response);\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 miniCartReportingUrl: miniCartReportingUrl\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', 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\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\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 openBisnModal: function () {\n $(document).on('click', 'button.back-in-stock', function (e) {\n $('body').trigger('effect:Ripple', {\n button: $(this),\n event: e,\n afterAnimationFinish: function () {\n $('#bisnModal').modal('show');\n }\n });\n });\n },\n notifyBackInStock: function () {\n $('.js-back-in-stock-form').submit(function (e) {\n e.preventDefault();\n var productID = $('.product-detail.product-wrapper').attr('data-pid');\n $('.js-bis-product-id').val(productID);\n var form = $(this);\n var url = form.attr('action');\n form.spinner().start();\n fetch(url, {\n method: 'POST',\n body: form.serialize(),\n headers: {\n 'Content-type': 'application/x-www-form-urlencoded'\n }\n })\n .then(res => res.json())\n .then(data => {\n form.spinner().stop();\n if (data && data.success) {\n $('input[name$=dwfrm_backInStock_email]').val('');\n $('#bisnModal').modal('hide');\n $('#bisnModalSuccess').modal('show');\n } else {\n $('.js-back-in-stock-msg').text(data.msg).addClass('text-danger').removeClass('text-success');\n }\n })\n .catch(error => {\n $('.js-back-in-stock-msg').text(error).addClass('text-danger').removeClass('text-success');\n });\n\n return false;\n });\n },\n addToCart: function () {\n $(document).on('click', 'button.add-to-cart, button.add-to-cart-global', function (e) {\n var addToCart = $('.add-to-cart');\n var readyToOrder = addToCart.attr('data-readytoorder');\n var addToCartUrl;\n var pid;\n var pidsObj;\n var setPids;\n var v12productId = $('.v12-form').find('#productId') ? $('.v12-form').find('#productId').val() : null;\n var v12productGuid = $('.v12-form').find('#productGuid') ? $('.v12-form').find('#productGuid').val() : null;\n var v12productValue = $('.v12-form').find('#productValue') ? $('.v12-form').find('#productValue').val() : null;\n var v12depositPercentage = $('.v12-form').find('#depRange') ? $('.v12-form').find('#depRange').val() : null;\n var isSpecialOrder = $('#isSpecialOrder').val();\n var specialOrderInput = $('#special-order-text');\n var specialOrder = specialOrderInput && isSpecialOrder ? specialOrderInput.val() : null;\n var errorMessages = document.querySelectorAll('.error-msg');\n var hasError = false;\n errorMessages.forEach(errMsg => {\n errMsg.style.display = 'none';\n errMsg.classList.remove('target');\n\n // If the order is not ready to be placed we display an error\n if (readyToOrder !== 'true') {\n errMsg.style.display = 'inline';\n hasError = true;\n }\n if (isSpecialOrder === 'true') {\n if (!specialOrder) {\n errMsg.style.display = 'inline';\n hasError = true;\n } else if (specialOrder) {\n var pattern = /^[\\u0020-\\u007E]*$/;\n var hasRegExError = !specialOrder.match(pattern);\n if (hasRegExError) {\n specialOrderInput.addClass('is-invalid');\n hasError = true;\n } else {\n specialOrderInput.removeClass('is-invalid');\n }\n }\n }\n if (hasError) {\n errMsg.classList.add('target');\n }\n });\n\n $('body').trigger('effect:Ripple', {\n button: $(this),\n event: e\n });\n\n if (hasError) {\n document.querySelector('.target').scrollIntoView({\n behavior: 'smooth'\n });\n return;\n }\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 (specialOrder) {\n form.specialOrderMsg = specialOrder;\n }\n\n if (v12productId) {\n form.v12productId = v12productId;\n }\n\n if (v12productGuid) {\n form.v12productGuid = v12productGuid;\n }\n\n if (v12productValue) {\n form.v12productValue = v12productValue;\n }\n\n if (v12depositPercentage) {\n form.v12depositPercentage = v12depositPercentage;\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 handlePostCartAdd(data);\n $('body').trigger('product:afterAddToCart', data);\n $.spinner().stop();\n\n //if there are no bonus products, show minicart\n if (!data.newBonusDiscountLineItem.bonuspids) {\n var minicartTime = $('.minicart-total').attr('data-minicartshowtime');\n if (minicartTime) {\n $('.minicart').trigger('open');\n setTimeout(function () {\n $('.minicart .popover').removeClass('show');\n }, minicartTime);\n }\n }\n\n miniCartReportingUrl(data.reportingURL);\n hideModalIfInFinanceCalculator(e.currentTarget);\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n });\n },\n selectBonusProduct: function () {\n $(document).on('click', '.select-bonus-product', function (e) {\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 // submittedQty is set to 1 as current implementation only allows 1 bonus product to be selected\n var submittedQty = 1;\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 $('#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 $(e.currentTarget).find('input').prop('checked', true);\n $('.choice-of-bonus-product').removeClass('selected-item');\n $('input:checked').closest('.choice-of-bonus-product').addClass('selected-item');\n $('.modal-footer .error-msg').addClass('d-none');\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 if (!$readyToOrderBonusProducts.length) {\n $('.modal-footer .modal-error-msg').removeClass('d-none');\n return;\n }\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 = qtyOption;\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 $('body').trigger('product:afterAddToCart');\n var minicartTime = $('.minicart-total').attr('data-minicartshowtime');\n if (minicartTime) {\n $('.minicart').trigger('open');\n setTimeout(function () {\n $('.minicart .popover').removeClass('show');\n }, minicartTime);\n }\n $('.configure-bonus-product-attributes').html(data);\n $('.bonus-products-step2').removeClass('hidden-xl-down');\n $('#chooseBonusProductModal').data('withGift', 'true');\n $('#chooseBonusProductModal').modal('hide');\n\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append('');\n }\n $('.minicart-quantity').html(data.totalQty);\n $('.minicart-link').attr({\n 'aria-label': data.minicartCountOfItems,\n title: data.minicartCountOfItems\n });\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 proceedWithoutGift: function () {\n $(document).on('click', '.proceed-without-gift button', function () {\n $('#chooseBonusProductModal').data('withGift', 'false');\n $('#chooseBonusProductModal').modal('hide');\n var minicartTime = $('.minicart-total').attr('data-minicartshowtime');\n if (minicartTime) {\n $('.minicart').trigger('open');\n setTimeout(function () {\n $('.minicart .popover').removeClass('show');\n }, minicartTime);\n }\n });\n },\n\n getPidValue: getPidValue,\n getQuantitySelected: getQuantitySelected,\n updateProductStockAvailability: updateProductStockAvailability,\n removeMainProductBonusProductModal: removeMainProductBonusProductModal,\n chooseBonusProducts: chooseBonusProducts\n};\n","/**\n * Animates a ripple effect when a button is clicked\n * @param {Object} $button - jQuery object of the button element\n * @param {Object} e - event object\n */\nfunction animateRipple($button, e, afterAnimationFinish) {\n let offset = $button.offset();\n let x = e.pageX - offset.left;\n let y = e.pageY - offset.top;\n\n let $ripple = $('').addClass('ripple').css({\n top: y + 'px',\n left: x + 'px'\n });\n\n $button.append($ripple);\n\n setTimeout(function () {\n $ripple.remove();\n if (afterAnimationFinish) {\n afterAnimationFinish();\n }\n }, 1500);\n}\n\nmodule.exports = function () {\n $('body').on('effect:Ripple', function (e, response) {\n var $btn = response.button;\n var event = response.event;\n animateRipple($btn, event, response.afterAnimationFinish);\n });\n};\n","'use strict';\n\nmodule.exports = {\n init: function () {\n // Enter the times for the timed banner to start and end below\n var cContainer = $('.countdown');\n \n var cStartTime = cContainer.attr(\"data-start-time\"),\n cEndTime = cContainer.attr(\"data-end-time\");\n \n if ($('.countdownTimer').length) {\n var pad = function(n, len) { // leading 0's\n var s = n.toString();\n return (new Array((len - s.length + 1)).join('0')) + s;\n };\n \n if (cEndTime < 0 || cEndTime > 23 || cStartTime < 0 || cStartTime >= 23) {\n console.warn('Time for countdown timer should be set between 0 and 23');\n }\n \n var timeNow = new Date();\n var nextDay = new Date(timeNow);\n nextDay.setDate(nextDay.getDate() + 1);\n nextDay = nextDay.toDateString().split(' ');\n nextDay = nextDay[1] + ' ' + nextDay[2];\n \n if ((timeNow.getHours() < cEndTime) && (timeNow.getHours() >= cStartTime)) {\n changeToTimer();\n }\n \n if (cEndTime > cStartTime && cEndTime <= 23 && cStartTime >= 0) {\n window.setInterval(\n function countDown() {\n var now = new Date(),\n hrs,\n mins,\n str,\n target;\n \n if (now.getDay() >= 0) {\n target = cEndTime; // 12:00 hrs is default cut-off point\n \n if (now.getHours() == cStartTime) {\n changeToTimer();\n }\n \n if ((now.getHours() < target) && (now.getHours() >= cStartTime)) { // don't do anything if we're past the cut-off point\n hrs = (target - 1) - now.getHours();\n if (hrs < 0) hrs = 0;\n mins = 59 - now.getMinutes();\n if (mins === 0 || mins < 0) {\n cContainer.hide();\n }\n str = pad(hrs, 1) + ' hrs ' + pad(mins, 1) + ' mins ';\n $('.countdownTimer').html(str);\n $('.nextDay').html(nextDay);\n } \n } else {\n cContainer.hide();\n }\n }, 1000\n );\n }\n }\n /**\n * Show timer\n */\n function changeToTimer() {\n cContainer.fadeIn('slow');\n }\n }\n};","'use strict';\n\n/**\n * Activates wish list icon by checking if product is already added to wishlist.\n * @param {Array} jsonWishListItems - list of wish list product\n * @param {String} selectedPid - id of selected product\n */\nfunction activateWLIcon(jsonWishListItems, selectedPid) {\n var itemExist = false;\n for (let i = 0; i < jsonWishListItems.length; i++) {\n var wlItem = jsonWishListItems[i];\n if (wlItem && wlItem.pid === selectedPid) {\n itemExist = true;\n }\n }\n return itemExist;\n}\n\n/**\n * appends params to a url\n * @param {string} data - data returned from the server's ajax call\n * @param {Object} icon - icon that was clicked to add a product to the wishlist\n */\nfunction displayMessageAndChangeIcon(data, $icon) {\n var $iconParent = $icon.parent();\n var $addIcon = $iconParent.find('.js-add-to-wish-list-tile');\n var $removeIcon = $iconParent.find('.js-remove-from-wish-list-tile');\n\n $.spinner().stop();\n if (data.success) {\n var oldWishlishlLength = $('.wishlist-quantity').html();\n oldWishlishlLength = parseInt(oldWishlishlLength, 10);\n\n if ($addIcon.hasClass('d-none')) {\n $removeIcon.addClass('d-none');\n $addIcon.removeClass('d-none');\n $('.wishlist-quantity').html(oldWishlishlLength - 1);\n } else {\n $addIcon.addClass('d-none');\n $removeIcon.removeClass('d-none');\n $('.wishlist-quantity').html(oldWishlishlLength + 1);\n }\n }\n}\n\nconst toggleVarProductWishList = (variationUrl, url, container, $icon, addProduct) => {\n variationUrl = new URL(variationUrl);\n variationUrl.searchParams.set('quantity', 1);\n\n $.ajax({\n url: variationUrl,\n method: 'GET',\n success: function (data) {\n var productId = data.product.id;\n toggleProductWishList(url, productId, container, $icon, addProduct);\n },\n error: function () {\n $.spinner().stop();\n }\n });\n};\n\nconst toggleProductWishList = (url, pid, $container, $icon, addProduct) => {\n var optionId = $container.find('.product-option').attr('data-option-id');\n var optionVal = $container.find('.options-select option:selected').attr('data-value-id');\n var type = addProduct ? 'post' : 'get';\n if (!url || !pid) {\n return;\n }\n\n $.ajax({\n url: url,\n type: type,\n dataType: 'json',\n data: {\n pid: pid,\n optionId: optionId || '',\n optionVal: optionVal || ''\n },\n success: function (data) {\n displayMessageAndChangeIcon(data, $icon);\n if (data && data.list && data.list.items) {\n $('input[name=jsonWishListItems]').val(JSON.stringify(data.list.items));\n }\n },\n error: function (err) {\n displayMessageAndChangeIcon(err, $icon);\n }\n });\n};\n\nmodule.exports = {\n addToWishlist: function () {\n $('body').on('click', '.js-add-to-wish-list-tile', function (e) {\n e.preventDefault();\n var url = $(this).attr('href');\n var pid = $(this).closest('.product').attr('data-pid');\n\n $.spinner().start();\n\n var $productContainer = $(this).closest('.product-tile');\n var $addToCartBtn = $productContainer.find('.js-add-to-cart-tile');\n var variationUrl = $addToCartBtn.attr('data-variationUrl');\n if (variationUrl) {\n toggleVarProductWishList(variationUrl, url, $productContainer, $(this), true);\n } else {\n toggleProductWishList(url, pid, $productContainer, $(this), true);\n }\n });\n },\n removeFromWishlist: function () {\n $('body').on('click', '.js-remove-from-wish-list-tile', function (e) {\n e.preventDefault();\n var url = $(this).attr('href');\n var pid = $(this).closest('.product').attr('data-pid');\n\n $.spinner().start();\n\n var $productContainer = $(this).closest('.product-tile');\n var $addToCartBtn = $productContainer.find('.js-add-to-cart-tile');\n var variationUrl = $addToCartBtn.attr('data-variationUrl');\n\n if (variationUrl) {\n toggleVarProductWishList(variationUrl, url, $productContainer, $(this), false);\n } else {\n toggleProductWishList(url, pid, $productContainer, $(this), false);\n }\n });\n },\n toggleWLIcon: function () {\n $('body').on('click', '.js-plp-size-button', function (e) {\n var $button = $(e.currentTarget);\n var jsonWishListItems = $('input[name=jsonWishListItems]').val();\n var sizeSelected = $(this).attr('data-pid');\n\n jsonWishListItems = JSON.parse(jsonWishListItems);\n var activateIcon = activateWLIcon(jsonWishListItems, sizeSelected);\n\n var $productContainer = $button.closest('.product-tile');\n $productContainer.find('.js-add-to-wish-list-tile').toggleClass('d-none', activateIcon);\n $productContainer.find('.js-remove-from-wish-list-tile').toggleClass('d-none', !activateIcon);\n });\n },\n toggleWishlistIconOnload: function () {\n $(window).on('load wishlistIcon', function () {\n if ($('input[name=jsonWishListItems]').length > 0) {\n var jsonWishListItems = $('input[name=jsonWishListItems]').val();\n\n if (jsonWishListItems !== 'null') {\n var $productTile = $('.product-tile');\n var $productDetail = $('.product-detail');\n\n if ($productDetail.length) {\n $productTile.push($productDetail);\n }\n\n jsonWishListItems = JSON.parse(jsonWishListItems);\n for (var i = 0; i < $productTile.length; i++) {\n var productId = $($productTile[i]).attr('data-pid');\n var activateIcon = activateWLIcon(jsonWishListItems, productId);\n $($productTile[i]).find('.js-add-to-wish-list-tile, .add-to-wish-list').toggleClass('d-none', activateIcon);\n $($productTile[i]).find('.js-remove-from-wish-list-tile, .remove-from-wish-list').toggleClass('d-none', !activateIcon);\n }\n }\n }\n\n });\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","(function () {\n var recaptchaKey = document.getElementById('recaptchaKey'); // Google Recaptcha Key\n if (recaptchaKey) {\n recaptchaKey = recaptchaKey.value;\n }\n var reloadTime = 20000; // Reload automatically recaptchas every X milliseconds\n\n if (!recaptchaKey) {\n return;\n }\n\n /**\n * Creates a recaptcha hidden input\n */\n function createInputResponse(token) {\n var input = document.createElement('input');\n input.value = token;\n input.type = 'hidden';\n input.className = 'captcha-response';\n input.name = 'g-recaptcha-response';\n\n return input;\n }\n /**\n * Check if there is any recaptcha input file in current form\n */\n function checkInputExist(form) {\n return form.contains(document.getElementsByClassName('captcha-response')[0]);\n }\n\n /**\n * Place an input hidden with recaptcha token in all recaptchas found on current page.\n */\n grecaptcha.ready(function () {// eslint-disable-line\n grecaptcha.execute(recaptchaKey, { action: 'contactus' }).then(function (token) {// eslint-disable-line\n var forms = document.getElementsByTagName('form');\n\n for (var i = 0; i < forms.length; i++) {\n\n // Ignore forms that contains the attribute \"recaptcha-ignore\"\n var ignoreRecaptcha = forms[i].getAttribute('recaptcha-ignore');\n if (!checkInputExist(forms[i]) && !ignoreRecaptcha) {\n forms[i].appendChild(createInputResponse(token));\n }\n }\n\n // enable form submit buttons as recaptcha is loaded\n $('.disabled-until-recaptcha-load').removeAttr('disabled');\n });\n });\n\n /**\n * Reloads all recaptcha inputs found on current page\n */\n window.reloadRecaptcha = function () {\n grecaptcha.execute(recaptchaKey, { action: 'contactus' }).then(function (token) {// eslint-disable-line\n var captchas = document.getElementsByClassName('captcha-response');\n for (var i = 0; i < captchas.length; i++) {\n captchas[i].value = token;\n }\n });\n };\n\n /**\n * Adds a recaptcha input to specified form with className\n */\n window.addRecaptcha = function (className, action) {\n grecaptcha.execute(recaptchaKey, { action: action }).then(function (token) {// eslint-disable-line\n var forms = document.getElementsByClassName(className);\n\n for (var i = 0; i < forms.length; i++) {\n // Ignore forms that contains the attribute \"recaptcha-ignore\"\n var ignoreRecaptcha = forms[i].getAttribute('recaptcha-ignore');\n if (!checkInputExist(forms[i]) && !ignoreRecaptcha) {\n forms[i].appendChild(createInputResponse(token));\n }\n }\n });\n };\n\n /**\n * Reloads all recaptchas automatically every {reloadTime} milliseconds\n */\n setInterval(function () {\n window.reloadRecaptcha();\n }, reloadTime);\n})();\n","'use strict';\n\nvar braintreeApplePayModelBuilder = require('./braintreesdk/braintreeApplePayModelBuilder');\n\nvar applePayPaymentProcessing = require('./components/applePayPaymentProcessing');\n\n// Models\nvar ErrorHandlingBaseModel = require('./errorhandler/errorHandlingBaseModel');\nvar ErrorHandlingCheckoutModel = require('./errorhandler/errorHandlingCheckoutModel');\n\nvar applePayErrorMessages = require('./constants/errorMessages');\n\nvar braintreeApplePayModelResponse;\nvar applePayMessages;\n\n/**\n * Inits Apple Pay on the Checkout Page\n */\nfunction initCheckout() {\n var errorHandlingCheckoutModel = new ErrorHandlingCheckoutModel(applePayMessages);\n\n if (!braintreeApplePayModelResponse || braintreeApplePayModelResponse.error) {\n var error = braintreeApplePayModelResponse.error || applePayErrorMessages.NO_APPLE_PAY_BRAINTREE_CONFIGURATIONS;\n errorHandlingCheckoutModel.applePayErrorHandler(error);\n }\n\n applePayPaymentProcessing.init(\n braintreeApplePayModelResponse.btApplePayModel,\n errorHandlingCheckoutModel\n );\n}\n\n/**\n * Inits Apple Pay on the Cart Page\n */\nfunction initCart() {\n var errorHandlingBaseModel = new ErrorHandlingBaseModel(applePayMessages);\n\n if (!braintreeApplePayModelResponse || braintreeApplePayModelResponse.error) {\n var error = braintreeApplePayModelResponse.error || applePayErrorMessages.NO_APPLE_PAY_BRAINTREE_CONFIGURATIONS;\n errorHandlingBaseModel.applePayErrorHandler(error);\n }\n\n applePayPaymentProcessing.init(\n braintreeApplePayModelResponse.btApplePayModel,\n errorHandlingBaseModel\n );\n}\n\n/**\n * Inits Apple Pay on the Cart/Billing-Checkout Pages\n */\nfunction init() {\n braintreeApplePayModelResponse = braintreeApplePayModelBuilder.init();\n\n if (!braintreeApplePayModelResponse.error) {\n applePayMessages = braintreeApplePayModelResponse.btApplePayConfigs.messages;\n }\n}\n\nmodule.exports = {\n init,\n initCart,\n initCheckout\n};\n","'use strict';\n\n/* global Promise braintree $ */\n\nvar applePayErrorMessages = require('../constants/errorMessages');\n\nvar braintreeApplePaySDK = require('./braintreeApplePaySDK');\nvar braintreeGeneral = require('../../braintreeGeneral');\n\n// Global variables\n// Is Froud tools enabled\nvar isFtEnabled;\nvar btClientInstancePromise;\nvar apInstance;\nvar amount;\nvar billingContact;\nvar shippingContact;\nvar config = window.dw.applepay;\nvar action = config.action;\n/** Latest Apple Pay request data to use to create a session. */\nvar request;\n/** Request object that gets updated with new data from server responses. */\nvar updatedRequest;\n// set updatedRequest to request\nupdatedRequest = Object.assign({}, request);\n\n\n/**\n * Init braintree Apple Pay model\n * @param {Promise} braintreeClientInstancePromise Braintreee client instance promise\n * @param {boolean} isFraudToolsEnabled Is fraud tools enabled value\n */\nfunction init(braintreeClientInstancePromise, isFraudToolsEnabled) {\n braintreeApplePaySDK.init(braintreeClientInstancePromise);\n\n btClientInstancePromise = braintreeClientInstancePromise;\n isFtEnabled = isFraudToolsEnabled;\n}\n\n/**\n * Returns fraud data from dataCollector payload\n * @returns {Object} Payload with fraud data\n */\nfunction collectFraudData() {\n var response;\n\n if (isFtEnabled) {\n response = braintreeGeneral.collectFraudData(btClientInstancePromise);\n } else {\n response = Promise.resolve({\n customMessage: applePayErrorMessages.FRAUD_DATA_CELLECTION_ISNOT_ENABLED\n });\n }\n\n return response;\n}\n\n/**\n * Preparing Apple Pay payment\n * @param {Object} ApplePaySession Apple Pay session\n * @returns {Promise} Promise with 'canMakePayments' boolean value\n */\nfunction initApplePay(ApplePaySession) {\n return braintreeApplePaySDK.createApplePayPayment()\n .then(function (applePayInstance) {\n apInstance = applePayInstance;\n\n return ApplePaySession.canMakePaymentsWithActiveCard(applePayInstance.merchantIdentifier);\n });\n}\n\n/**\n * Merges a payment request with Braintree defaults to return an {external:ApplePayPaymentRequest}\n * @param {Object} applePayConfigs Apple Pay config object\n * @returns {Object} Payment request object\n */\nfunction createPaymentDataRequest(applePayConfigs) {\n return braintreeApplePaySDK.createPaymentDataRequest(apInstance, applePayConfigs, amount, billingContact, shippingContact);\n}\n\n/**\n * Validates merchant website, as required by ApplePaySession before payment can be authorized\n * @param {Object} sessionEvent Apple Pay session event\n * @param {Object} applePayConfigs Apple Pay config object\n * @returns {Promise} Promise with merchant session\n */\nfunction onValidateMerchant(sessionEvent, applePayConfigs) {\n return braintreeApplePaySDK.performValidation(apInstance, sessionEvent, applePayConfigs);\n}\n\n/**\n * Tokenizes an Apple Pay payment\n * @param {Object} sessionEvent Apple Pay session event\n * @returns {Promise} Promise with tokenized payload\n */\nfunction onPaymentAuthorized(sessionEvent) {\n return braintreeApplePaySDK.tokenize(apInstance, sessionEvent);\n}\n\n/**\n * Update order amount\n * @param {Object} applePayConfigs Apple Pay config object\n */\nfunction updateApplePayAmount(applePayConfigs) {\n $.ajax({\n url: applePayConfigs.getOrderInfoUrl,\n async: false,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n amount = data.amount;\n },\n error: function () {\n window.location.reload();\n }\n });\n}\n\n/**\n * Update order addresses\n * @param {Object} applePayConfigs Apple Pay config object\n */\nfunction updateApplePayAddresses(applePayConfigs) {\n $.ajax({\n url: applePayConfigs.getOrderInfoUrl,\n async: false,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n var shippingAddress = data.shippingAddress;\n\n if (shippingAddress) {\n shippingContact = {\n familyName: shippingAddress.lastName,\n givenName: shippingAddress.firstName,\n phoneNumber: shippingAddress.phone,\n addressLines: [\n shippingAddress.line1,\n shippingAddress.line2\n ],\n countryCode: shippingAddress.countryCode,\n postalCode: shippingAddress.postalCode,\n locality: shippingAddress.state\n };\n }\n },\n error: function () {\n window.location.reload();\n }\n });\n}\n\nfunction onShippingContactSelected (e) {\n return postJson(action.onshippingcontactselected, filterEvent(e));\n}\n\nfunction onPaymentAuthorizedDwApplepay (e) {\n return postJson(action.onpaymentauthorized, filterEvent(e));\n}\n\nfunction onShippingMethodSelected (e) {\n return postJson(action.onshippingmethodselected, filterEvent(e));\n}\n\nfunction postJson (url, data) {\n var json = data;\n if (typeof data === 'object') {\n json = JSON.stringify(data);\n } else if (typeof data !== 'string') {\n throw new Error('Data must be an object or a JSON string.');\n }\n return fetch(url, {\n method: 'POST',\n credentials: 'include',\n headers: {\n 'Content-Type': 'application/json',\n 'Accept': 'application/json'\n },\n body: json\n }).then(handleResponse);\n}\n\n/** Filter out properties that are not from Event prototype,\n * and include all others as ownProperty to a new object.\n * @param {Event} e\n * @return {Object} object with relevant properties as ownProperty\n */\nfunction filterEvent (e) {\n var filteredEvent = {};\n for (var prop in e) {\n /* global Event */\n if (!Event.prototype.hasOwnProperty(prop)) {\n filteredEvent[prop] = e[prop];\n }\n }\n return filteredEvent;\n}\n\nfunction handleResponse (response) {\n return response.json()\n .then(function (json) {\n if (response.status >= 200 && response.status < 300) {\n // Return success JSON response\n return json;\n }\n\n // Throw error with response status\n var err = new Error(json ? json.status : 'Request error');\n err.response = json;\n throw err;\n });\n}\n\nmodule.exports = {\n init,\n collectFraudData,\n initApplePay,\n createPaymentDataRequest,\n onValidateMerchant,\n onPaymentAuthorized,\n updateApplePayAmount,\n updateApplePayAddresses,\n onShippingContactSelected,\n onShippingMethodSelected,\n onPaymentAuthorizedDwApplepay\n};\n","'use strict';\n\nvar applePayHelper = require('../helpers/applePayHelper');\nvar braintreeGeneral = require('../../braintreeGeneral');\nvar braintreeApplePayModel = require('./braintreeApplePayModel');\n\nvar applePayErrorMessages = require('../constants/errorMessages');\n\n/**\n * Initialize Braintree Apple Pay Model. Pattern Builder is used\n * @returns {Object} Object with booleam \"error\" flag and \"message\" attribute with error message\n */\nfunction init() {\n var braintreeApplePayConfigs = applePayHelper.getBraintreeApplePayConfigs();\n var clientToken;\n var btClientInstancePromise;\n var response = {\n error: false,\n message: '',\n btApplePayModel: null,\n btApplePayConfigs: null\n };\n\n if (braintreeApplePayConfigs) {\n clientToken = braintreeApplePayConfigs.clientToken;\n btClientInstancePromise = braintreeGeneral.createClientInstance(clientToken);\n\n braintreeApplePayModel.init(\n btClientInstancePromise,\n braintreeApplePayConfigs.isFraudToolsEnabled\n );\n\n response.btApplePayModel = braintreeApplePayModel;\n response.btApplePayConfigs = braintreeApplePayConfigs;\n } else {\n response.error = true;\n response.message = applePayErrorMessages.NO_APPLE_PAY_BRAINTREE_CONFIGURATIONS;\n }\n\n return response;\n}\n\nmodule.exports = {\n init\n};\n","'use strict';\n\n/* global braintreeUtils braintree $ */\n\nvar btClientInstancePromise;\n\n/**\n * Creates Apple Pay payment instance\n * @returns {Promise} A promise resolve with the Apple Pay instance\n */\n\nfunction createApplePayPayment() {\n return btClientInstancePromise\n .then(function (btClientInstance) {\n return braintree.applePay.create({\n client: btClientInstance\n });\n });\n}\n\n/**\n * Creates a configuration object for creation an Apple Pay session\n * @param {applePayInstance} applePayInstance Apple Pay instance\n * @param {Object} applePayConfigs Apple Pay configs object\n * @param {number} amount Order total amount\n * @returns {Object} Configuration object\n */\nfunction createPaymentDataRequest(applePayInstance, applePayConfigs, amount, billingContact, shippingContact) {\n return applePayInstance.createPaymentRequest({\n total: {\n label: applePayConfigs.options.displayName,\n amount: amount\n },\n billingContact: billingContact,\n shippingContact: shippingContact\n });\n}\n\n/**\n * Validates merchant website, as required by Apple Pay Session before payment can be authorized\n * @param {applePayInstance} applePayInstance Apple Pay instance\n * @param {Object} sessionEvent Apple Pay session event\n * @param {Object} applePayConfigs Apple Pay configs object\n * @returns {Promise} Promise that resolve with 'merchantSession'\n */\nfunction performValidation(applePayInstance, sessionEvent, applePayConfigs) {\n return applePayInstance.performValidation({\n validationURL: sessionEvent.validationURL,\n displayName: applePayConfigs.options.displayName\n });\n}\n\n/**\n * Tokenizes an Apple Pay payment\n * @param {applePayInstance} applePayInstance Apple pay instance\n * @param {Object} sessionEvent Apple pay session event\n * @returns {Promise} Promise that resolve with 'tokenizePayload'\n */\nfunction tokenize(applePayInstance, sessionEvent) {\n return applePayInstance.tokenize({\n token: sessionEvent.payment.token\n });\n}\n\n/**\n * Inits braintreeApplePaySDK with client instance promise\n * @param {Promise} braintreeClientInstancePromise Braintree client instance promise\n */\n\nfunction init(braintreeClientInstancePromise) {\n btClientInstancePromise = braintreeClientInstancePromise;\n}\n\nmodule.exports = {\n createApplePayPayment,\n createPaymentDataRequest,\n performValidation,\n tokenize,\n init\n};\n","'use strict';\n\nvar helper = require('../../helper');\nvar paymentMethodGeneral = require('../../paymentMethodGeneral');\n\nvar $applePayButton = document.querySelector('.js_braintree_applepay_button');\n\nvar paymentData;\nvar $braintreeCartButtons;\nvar applePayCheckoutFormData;\nvar errHandlingModel;\n\n/**\n * Expends Apple Pay Checkout Form with required data\n */\nfunction expandApplePayCheckoutFormData() {\n var csrfToken = document.querySelector('.braintree-cart-buttons-wrap #csrf_token');\n\n applePayCheckoutFormData.append(csrfToken.name, csrfToken.value);\n applePayCheckoutFormData.append('braintreeApplePayNonce', paymentData.nonce);\n applePayCheckoutFormData.append('braintreeApplePayDeviceDataInput', paymentData.deviceData);\n applePayCheckoutFormData.append('braintreeApplePayShippingAddress',\n JSON.stringify(paymentData.shippingAddress) || '{}'\n );\n}\n\n/**\n * Process Apple Pay on the Cart Page\n */\nfunction processCartFlow() {\n var billingAddressData = paymentData.billingAddress;\n var paymentMethodName = JSON.parse($applePayButton.getAttribute('data-braintree-config')).paymentMethodName;\n var placeOrderUrl = $braintreeCartButtons.data('checkout-placeorder-url');\n var checkoutFromCartUrl = $braintreeCartButtons.data('checkout-from-cart-url');\n var checkoutFormFields = $braintreeCartButtons.data('checkout-form-fields');\n var paymentFieldData = helper.getPaymentFieldsData(billingAddressData, paymentMethodName);\n if (paymentFieldData.stateCode === '') {\n paymentFieldData.stateCode = paymentFieldData.city.toLowerCase();\n }\n \n applePayCheckoutFormData = helper.createPaymentFormData(checkoutFormFields, paymentFieldData);\n expandApplePayCheckoutFormData();\n // submit customer form with email (CheckoutServices-SubmitCustomer)\n // as we skip step \"login via guest/registered user\" while express checkout\n // email is set only in case of guest checkout and if email is not already set\n paymentMethodGeneral.submitCustomerForm(billingAddressData.email);\n\n var defer = $.Deferred();\n\n $.ajax({\n type: 'POST',\n url: checkoutFromCartUrl,\n data: applePayCheckoutFormData,\n contentType: false,\n processData: false,\n success: function (data) {\n if (data.error) {\n var errorMessage = '';\n\n if (data.fieldErrors.length) {\n data.fieldErrors.forEach(function (error, index) {\n var keys = Object.keys(error);\n\n if (keys.length) {\n errorMessage += `${keys[index].replace('dwfrm_billing_', '').replace('_', ' ')} ${data.fieldErrors[index][keys[index]]}. `;\n }\n });\n errHandlingModel.applePayErrorHandler(errorMessage);\n }\n\n if (data.serverErrors.length) {\n data.serverErrors.forEach(function (error) {\n errorMessage += `${error}. `;\n });\n errHandlingModel.applePayErrorHandler(errorMessage);\n }\n\n if (data.cartError) {\n window.location.href = data.redirectUrl;\n }\n\n return;\n } else {\n defer.resolve(data);\n $.ajax({\n url: placeOrderUrl,\n data: '',\n method: 'POST',\n success: function (data) {\n if (data.error) {\n if (data.cartError) {\n window.location.href = data.redirectUrl;\n defer.reject();\n } else {\n var errorHtml = '' +\n '' + data.errorMessage + '
';\n $('.cart-error').append(errorHtml);\n $('.cart-error').show();\n \n // if body page class does not have the cart-show class, then show the popover\n // this is to prevent the popover from showing when the cart page is loaded\n if (!$('body').hasClass('Cart-Show')) {\n $('.minicart .popover').show().addClass('show');\n }\n defer.reject();\n }\n } else {\n var redirect = $('