\n \n ${gcAppliedAmount.data('giftcard-title')} ${gcPaymentInstrument.maskedGcLastFourNumber}:\n \n - ${gcPaymentInstrument.appliedAmount}\n
`;\n }\n gcAppliedAmount.empty().append(htmlToAppend);\n if (!$('.payment-information').hasClass('gc-pay-applied')) {\n $('.payment-information').addClass('gc-pay-applied');\n }\n if (data.gcResults.isOrderTotalRedeemed) {\n $('.payment-information').addClass('gc-pay');\n $('.b-payment-tab').addClass('hide');\n $('.b-payment-heading').addClass('hide');\n } else {\n $('.payment-information').removeClass('gc-pay');\n $('.b-payment-tab').removeClass('hide');\n $('.b-payment-heading').removeClass('hide');\n $('.nav-item.paymetric-tab a.nav-link').trigger('click');\n // When selected method is hidden, preselect the first visible method\n if ($('.nav-item a.nav-link.active[aria-selected=\"true\"]:visible').length === 0) {\n $('.nav-item a.nav-link:visible').first().trigger('click');\n }\n }\n } else {\n if ($('.payment-information').hasClass('gc-pay-applied')) {\n $('.payment-information').removeClass('gc-pay-applied');\n }\n $('.gift_card_applied_amount').removeClass('active');\n $('.payment-information').removeClass('gc-pay');\n $('.b-payment-tab').removeClass('hide');\n $('.b-payment-heading').removeClass('hide');\n $('.nav-item.paymetric-tab a.nav-link').trigger('click');\n // When selected method is hidden, preselect the first visible method\n if ($('.nav-item a.nav-link.active[aria-selected=\"true\"]:visible').length === 0) {\n $('.nav-item a.nav-link:visible').first().trigger('click');\n }\n }\n if (!($('.js-giftCard-section').is(':checked')) || $('.gift_card_applied_amount.active').length > 0) {\n $giftcardFields.addClass('hide');\n } else {\n $giftcardFields.removeClass('hide');\n }\n if (data.basketHasGiftCard) {\n $('.js-giftcard-container').remove();\n }\n }\n}\n","'use strict';\n\n/**\n * updates coupon section\n * @param {Object} data - the order model\n */\nfunction updateCouponHTML(data) {\n $('.coupons-and-promos').empty().append(data.totals.discountsHtml);\n // eslint-disable-next-line spellcheck/spell-checker\n $('.idme-content').empty().append(data.totals.idmePromosHtml);\n}\n\n/**\n * updates coupon section\n * @param {Object} items - Total model\n * @returns {string} html - Coupon HTML content in string format\n */\nfunction createCouponCodeStructure(items) {\n var html = '';\n if (items.totals && items.totals.couponsSavedAmount && items.totals.couponsSavedAmount.value !== 0) {\n var promoCodeText = items.totals.couponsSavedAmount.multipleCouponsApplied ? items.resources.multiplePromoResourceMessage : items.resources.promoResourceMessage;\n html += `\n \n ${promoCodeText}\n \n \n ${items.totals.couponsSavedAmount.formatted} \n \n
`;\n }\n return html;\n}\n\n/**\n * Updates Promotion information in summary section\n * @param {Object} data - the order model\n */\nfunction updatePromotionInformation(data) {\n if (!data.totals) {\n return;\n }\n\n if (data.totals.couponsSavedAmount) {\n $('.b-promo-outer-class').empty()\n .html(createCouponCodeStructure(data));\n }\n\n if (data.showSavingExperience) {\n if ($('.b-order-saved-total').hasClass('hide')) {\n $('.b-order-saved-total').removeClass('hide');\n }\n\n if (!data.totals.saveTotal.value) {\n $('.b-order-emea-saved-total').addClass('hide');\n }\n\n if (data.totals.saveTotal && data.totals.saveTotal.formatted) {\n $('.b-order-saved-total .order-summary_itemsvalue').empty()\n .append(data.totals.saveTotal.formatted);\n }\n } else {\n $('.b-order-saved-total').addClass('hide');\n }\n\n updateCouponHTML(data);\n}\n\nmodule.exports = {\n updatePromotionInformation: updatePromotionInformation\n};\n","'use strict';\n\n/**\n * re-renders the shipping bar and update the message\n * @param {Object} freeShippingBar - updated shipping bar data for the cart\n */\nfunction updateShippingBar(freeShippingBar) {\n var html = '';\n var width = '0%';\n var isShippingbarPresent = $('.shipping-bar-container').find('.b-header_progress-bar');\n\n if (isShippingbarPresent.length > 0) {\n width = $(isShippingbarPresent).find('.meter span').attr('data-bar-width');\n\n $('.shipping-bar-container').empty();\n }\n\n if (freeShippingBar && !$.isEmptyObject(freeShippingBar)) {\n html += '';\n\n $('.shipping-bar-container').append(html);\n $('.shipping-bar-container').trigger('update:animateShippingProgressBar');\n }\n}\n\n/**\n * Check shipping promo in totals and hide show freeshipping bar accordingly\n * @param {Object} totals - Totals object from cart\n */\nfunction getShippingPromo(totals) {\n var shipPromo = totals.discounts.find(function (discount) {\n if (discount.promotionClass === 'SHIPPING') {\n return true;\n }\n\n return false;\n });\n\n if (totals.totalShippingCostNonFormated !== 0 && (totals.totalShippingCost === totals.shippingLevelDiscountTotal.formatted || (!$.isEmptyObject(shipPromo) && shipPromo.promoDiscount.formatted === ('-' + totals.totalShippingCost)))) {\n $('.shipping-bar-container').addClass('d-none');\n } else {\n $('.shipping-bar-container').removeClass('d-none');\n }\n}\n\nmodule.exports = {\n methods: {\n updateShippingBar: updateShippingBar,\n getShippingPromo: getShippingPromo\n }\n};\n","'use strict';\n\nimport Component from '../core/Component';\n\nimport cart from './cart';\n\nvar updateMiniCart = true;\n\nexport default class MiniCart extends Component {\n init() {\n super.init();\n cart();\n this.$minicart = $('.minicart');\n this.$body = $('body');\n this.$minicartBackdrop = $('.b-header_minicart-modal-backdrop');\n this.isCartPage = $('#bodyPage').is('[data-action=\"Cart-Show\"]');\n this.initEvents();\n this.onProgressBar();\n }\n\n initEvents() {\n this.event('count:update', this.onCountUpdate.bind(this), this.$minicart);\n this.event('mouseenter focusin touchstart', this.onShowMiniCart.bind(this), this.$minicart);\n this.event('mouseleave focusout', this.onHideMiniCart.bind(this), this.$minicart);\n this.event('mouseenter focusin touchstart click', this.onHideMiniCart.bind(this), this.$minicartBackdrop);\n this.event('change', this.onQuantityChange, $(this.$minicart).find('.quantity'));\n this.event('cart:update', this.onUpdateMiniCart, this.$body);\n this.event('product:afterAddToCart', this.onUpdateMiniCart, this.$body);\n this.event('update:progressBar', this.onProgressBar, this.$body);\n }\n\n onCountUpdate(event, count) {\n if (count && $.isNumeric(count.quantityTotal)) {\n if (this.isCartPage && count.isfromSaveForLater !== 'true') {\n window.location.reload();\n return;\n }\n if (!this.$minicart.find('.minicart-quantity').length) {\n this.$minicart.find('.b-header_minicart-icon').append(\n ''\n );\n }\n\n this.$minicart.find('.minicart-quantity').css('display', count.quantityTotal > 0 ? 'block' : 'none');\n this.$minicart.find('.minicart-link').attr({\n 'aria-label': count.minicartCountOfItems,\n title: count.minicartCountOfItems\n });\n\n this.$minicart.find('.minicart-quantity').text(count.quantityTotal);\n\n if (window.matchMedia('(min-width: 1024px)').matches && $('.b-cart-content.cart').length === 0) {// eslint-disable-line\n this.$minicart.trigger('focusin', [true]);\n }\n }\n }\n\n onShowMiniCart(e, isTriggered) {\n if (window.matchMedia('(min-width: 1024px)').matches && !isTriggered) {// eslint-disable-line\n let url = this.$minicart.data('action-url');\n let count = parseInt($(this.$minicart).find('.minicart-quantity').text(), 10);\n\n if (count > 0 && $(this.$minicart).find('.b-header_minicart-container.show').length === 0) {\n if (!updateMiniCart) {\n $(this.$minicart).find('.b-header_minicart-container').addClass('show');\n $(this.$minicart).find('.b-header_minicart-modal-backdrop').addClass('show');\n }\n\n $(this.$minicart).find('.b-header_minicart-container')\n .addClass('show')\n .spinner()\n .start();\n $(this.$minicart).find('.b-header_minicart-modal-backdrop').addClass('show');\n $.get(url, data => {\n if (!updateMiniCart) {\n return;\n }\n $(this.$minicart).find('.b-header_minicart-container')\n .spinner()\n .start();\n $(this.$minicart).find('.b-header_minicart-container')\n .empty()\n .append(data);\n $.spinner().stop();\n this.onProgressBar();\n $(this.$minicart).find('.checkout-btn').on('click', this.onAddToCart.bind(this));\n });\n }\n }\n }\n\n onHideMiniCart(event) {\n if ((event.type === 'focusout' && $(this.$minicart).has(event.target).length > 0)\n || (event.type === 'mouseleave' && $(event.target).is('.minicart .quantity'))\n || ($(this.$body).hasClass('modal-open') && (!$(event.target).hasClass('b-header_minicart-modal-backdrop') || event.type !== 'mouseenter'))) {\n event.stopPropagation();\n return;\n }\n $(this.$minicart).find('.b-header_minicart-container').removeClass('show');\n $(this.$minicart).find('.b-header_minicart-modal-backdrop').removeClass('show');\n }\n\n onQuantityChange() {\n if ($(this).parents('.bonus-product-line-item').length && $('.cart-page').length) {\n // eslint-disable-next-line no-restricted-globals\n location.reload();\n }\n }\n\n // eslint-disable-next-line class-methods-use-this\n onUpdateMiniCart() {\n updateMiniCart = true;\n }\n\n onProgressBar() {\n $('.approaching-discounts').find('.meter > span').each(function () {\n if ($(this).attr('data-previous-promo-width') !== $(this).attr('data-promo-width')) {\n var previousPromoWidth = $(this).attr('data-previous-promo-width');\n var currentPromoWidth = $(this).attr('data-promo-width');\n $(this).width(previousPromoWidth).animate({\n width: currentPromoWidth\n }, 1200);\n $(this).attr('data-previous-promo-width', currentPromoWidth);\n }\n });\n\n var $productSummary = $(this.$minicart).find('.b-header_minicart-product-summary');\n var minicartHeader = $(this.$minicart).find('.b-header_minicart-header').outerHeight();\n var minicartFooter = $(this.$minicart).find('.b-header_minicart-footer').outerHeight();\n var progressBarHeight = $(this.$minicart).find('.approaching-discounts').outerHeight();\n var shippingPromotionHeight = $(this.$minicart).find('.b-header_minicart-shipping-promotion').outerHeight();\n var headrHeight = $('.js-header').outerHeight();\n var applePayValue = 0;\n var iOSDevices = /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform);\n if ((window.dw && window.dw.applepay && window.dw.applepay.inject && window.dw.applepay.inject.directives) && iOSDevices) {\n window.dw.applepay.inject.directives.forEach(function (applePay) {\n if (applePay.query === '.mini-cart-totals') {\n applePayValue = 60;\n }\n });\n }\n var totalHeight = minicartHeader + minicartFooter + headrHeight + shippingPromotionHeight + applePayValue + 50;\n if (window.matchMedia('(min-width: 1024px)').matches && $(this.$minicart).find('.approaching-discounts-content').length > 0) {// eslint-disable-line\n totalHeight = minicartHeader + minicartFooter + progressBarHeight + headrHeight + applePayValue + 90;\n }\n $productSummary.css('max-height', 'calc(100vh - ' + totalHeight + 'px)');\n }\n\n // eslint-disable-next-line class-methods-use-this\n onAddToCart(event) {\n event.preventDefault();\n var redirectUrl = event.currentTarget.href;\n $(event.currentTarget).spinner().start();\n window.location.href = redirectUrl;\n }\n}\n","'use strict';\n\nvar base = require('base/product/base');\nvar focusHelper = require('base/components/focus');\n\n/**\n * appends params to a url\n * @param {string} url - Original url\n * @param {Object} params - Parameters to append\n * @returns {string} result url with appended parameters\n */\nfunction appendToUrl(url, params) {\n var newUrl = url;\n newUrl += (newUrl.indexOf('?') !== -1 ? '&' : '?') + Object.keys(params).map(function (key) {\n return key + '=' + encodeURIComponent(params[key]);\n }).join('&');\n\n return newUrl;\n}\n\n/**\n * Checks whether the basket is valid. if invalid displays error message and disables\n * checkout button\n * @param {Object} data - AJAX response from the server\n */\nfunction validateBasket(data) {\n if (data.valid.error) {\n if (data.valid.message) {\n var errorHtml = ''\n + '' + data.valid.message + '
';\n\n $('.cart-error').append(errorHtml);\n } else {\n $('.cart').empty().append(' '\n + '
');\n $('.number-of-items').empty().append(data.resources.numberOfItems);\n $('.minicart-quantity').empty().append(data.numItems);\n $('.minicart-link').attr({\n 'aria-label': data.resources.minicartCountOfItems,\n title: data.resources.minicartCountOfItems\n });\n $('.minicart .popover').empty();\n $('.minicart .popover').removeClass('show');\n }\n\n $('.checkout-btn').addClass('disabled');\n } else {\n $('.checkout-btn').removeClass('disabled');\n }\n}\n\n/**\n * re-renders the order totals and the number of items in the cart\n * @param {Object} data - AJAX response from the server\n */\nfunction updateCartTotals(data) {\n $('.number-of-items').empty().append(data.resources.numberOfItems);\n $('.shipping-cost').empty().append(data.totals.totalShippingCost);\n $('.tax-total').empty().append(data.totals.totalTax);\n $('.grand-total').empty().append(data.totals.grandTotal);\n $('.sub-total').empty().append(data.totals.subTotal);\n\n if ($('.sub-total-na').length > 0) {\n $('.sub-total-na').empty().append(data.totals.newSubTotalWithoutCoupon.formatted);\n }\n\n $('.minicart-quantity').empty().append(data.numItems);\n $('.minicart-link').attr({\n 'aria-label': data.resources.minicartCountOfItems,\n title: data.resources.minicartCountOfItems\n });\n if (data.totals.orderLevelDiscountTotal.value > 0) {\n $('.order-discount').removeClass('hide-order-discount');\n $('.order-discount-total').empty()\n .append('- ' + data.totals.orderLevelDiscountTotal.formatted);\n } else {\n $('.order-discount').addClass('hide-order-discount');\n }\n\n if (data.totals.shippingLevelDiscountTotal.value > 0) {\n $('.shipping-discount').removeClass('hide-shipping-discount');\n $('.shipping-discount-total').empty().append('- '\n + data.totals.shippingLevelDiscountTotal.formatted);\n } else {\n $('.shipping-discount').addClass('hide-shipping-discount');\n }\n\n data.items.forEach(function (item) {\n if (data.totals.orderLevelDiscountTotal.value > 0) {\n $('.coupons-and-promos').empty().append(data.totals.discountsHtml);\n }\n if (item.renderedPromotions) {\n $('.item-' + item.UUID).empty().append(item.renderedPromotions);\n } else if (item.renderedApplicablePromotions) {\n $('.item-' + item.UUID).empty().append(item.renderedApplicablePromotions);\n } else {\n $('.item-' + item.UUID).empty();\n }\n $('.uuid-' + item.UUID + ' .unit-price').empty().append(item.renderedPrice);\n $('.line-item-price-' + item.UUID + ' .unit-price').empty().append(item.renderedPrice);\n $('.item-total-' + item.UUID).empty().append(item.priceTotal.renderedPrice);\n });\n}\n\n/**\n * re-renders the order totals and the number of items in the cart\n * @param {Object} message - Error message to display\n */\nfunction createErrorNotification(message) {\n var errorHtml = ' '\n + '
'\n + '' + data.resources.emptyCartMsg + '
'\n + ''\n + '' + message + '
';\n\n $('.cart-error').append(errorHtml);\n}\n\n/**\n * re-renders the approaching discount messages\n * @param {Object} approachingDiscounts - updated approaching discounts for the cart\n */\nfunction updateApproachingDiscounts(approachingDiscounts) {\n var html = '';\n $('.approaching-discounts').empty();\n if (approachingDiscounts.length > 0) {\n approachingDiscounts.forEach(function (item) {\n html += ''\n + item.discountMsg + '
';\n });\n }\n $('.approaching-discounts').append(html);\n}\n\n/**\n * Updates the availability of a product line item\n * @param {Object} data - AJAX response from the server\n * @param {string} uuid - The uuid of the product line item to update\n */\nfunction updateAvailability(data, uuid) {\n var lineItem;\n var messages = '';\n\n for (var i = 0; i < data.items.length; i++) {\n if (data.items[i].UUID === uuid) {\n lineItem = data.items[i];\n break;\n }\n }\n\n if (lineItem != null) {\n $('.availability-' + lineItem.UUID).empty();\n\n if (lineItem.availability) {\n if (lineItem.availability.messages) {\n lineItem.availability.messages.forEach(function (message) {\n messages += '' + message + '
';\n });\n }\n\n if (lineItem.availability.inStockDate) {\n messages += ''\n + lineItem.availability.inStockDate\n + '
';\n }\n }\n\n $('.availability-' + lineItem.UUID).html(messages);\n }\n}\n\n/**\n * Finds an element in the array that matches search parameter\n * @param {array} array - array of items to search\n * @param {function} match - function that takes an element and returns a boolean indicating if the match is made\n * @returns {Object|null} - returns an element of the array that matched the query.\n */\nfunction findItem(array, match) { // eslint-disable-line no-unused-vars\n for (var i = 0, l = array.length; i < l; i++) {\n if (match.call(this, array[i])) {\n return array[i];\n }\n }\n return null;\n}\n\n/**\n * Updates details of a product line item\n * @param {Object} data - AJAX response from the server\n * @param {string} uuid - The uuid of the product line item to update\n */\nfunction updateProductDetails(data, uuid) {\n $('.card.product-info.uuid-' + uuid).replaceWith(data.renderedTemplate);\n}\n\n/**\n * Generates the modal window on the first call.\n *\n */\nfunction getModalHtmlElement() {\n if ($('#editProductModal').length !== 0) {\n $('#editProductModal').remove();\n }\n var htmlString = ''\n + ''\n + ''\n + '
';\n $('body').append(htmlString);\n}\n\n/**\n * Parses the html for a modal window\n * @param {string} html - representing the body and footer of the modal window\n *\n * @return {Object} - Object with properties body and footer.\n */\nfunction parseHtml(html) {\n var $html = $(''\n + ''\n + ''\n + '
'\n + '').append($.parseHTML(html));\n\n var body = $html.find('.product-quickview');\n var footer = $html.find('.modal-footer').children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * replaces the content in the modal window for product variation to be edited.\n * @param {string} editProductUrl - url to be used to retrieve a new product model\n */\nfunction fillModalElement(editProductUrl) {\n $('.modal-body').spinner().start();\n $.ajax({\n url: editProductUrl,\n method: 'GET',\n dataType: 'json',\n success: function (data) {\n var parsedHtml = parseHtml(data.renderedTemplate);\n\n $('#editProductModal .modal-body').empty();\n $('#editProductModal .modal-body').html(parsedHtml.body);\n $('#editProductModal .modal-footer').html(parsedHtml.footer);\n $('#editProductModal .modal-header .close .sr-only').text(data.closeButtonText);\n $('#editProductModal .enter-message').text(data.enterDialogMessage);\n $('#editProductModal').modal('show');\n $('body').trigger('editproductmodal:ready');\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\n/**\n * replace content of modal\n * @param {string} actionUrl - url to be used to remove product\n * @param {string} productID - pid\n * @param {string} productName - product name\n * @param {string} uuid - uuid\n */\nfunction confirmDelete(actionUrl, productID, productName, uuid) {\n var $deleteConfirmBtn = $('.cart-delete-confirmation-btn');\n var $productToRemoveSpan = $('.product-to-remove');\n\n $deleteConfirmBtn.data('pid', productID);\n $deleteConfirmBtn.data('action', actionUrl);\n $deleteConfirmBtn.data('uuid', uuid);\n\n $productToRemoveSpan.empty().append(productName);\n}\n\nmodule.exports = function () {\n $('body').on('click', '.remove-product', function (e) {\n e.preventDefault();\n\n var actionUrl = $(this).data('action');\n var productID = $(this).data('pid');\n var productName = $(this).data('name');\n var uuid = $(this).data('uuid');\n confirmDelete(actionUrl, productID, productName, uuid);\n });\n\n $('body').on('afterRemoveFromCart', function (e, data) {\n e.preventDefault();\n confirmDelete(data.actionUrl, data.productID, data.productName, data.uuid);\n });\n\n $('.optional-promo').click(function (e) {\n e.preventDefault();\n $('.promo-code-form').toggle();\n });\n\n $('body').on('click', '.cart-delete-confirmation-btn', function (e) {\n e.preventDefault();\n\n var productID = $(this).data('pid');\n var url = $(this).data('action');\n var uuid = $(this).data('uuid');\n var urlParams = {\n pid: productID,\n uuid: uuid\n };\n\n url = appendToUrl(url, urlParams);\n\n $('body > .modal-backdrop').remove();\n\n $.spinner().start();\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n if (data.basket.items.length === 0) {\n $('.cart').empty().append('![\"'](\"' "\\"'")
').appendTo($(parendDiv).find('.b-product_carousel-wrapper'));\n }\n $($(carousel).find('.b-product_carousel-slide')).first().addClass('swiper-slide-active');\n $($(carousel).find('.carousel-indicators > li')).first().addClass('active');\n if (imgs.length === 1) {\n $($(carousel).find('.carousel-indicators, a[class^=\"carousel-control-\"]')).detach();\n }\n $(carousel).carousel();\n $($(carousel).find('.carousel-indicators')).attr('aria-hidden', true);\n}\n\n/**\n * Parses JSON from Ajax call made whenever an attribute value is [de]selected\n * @param {Object} response - response from Ajax call\n * @param {Object} response.product - Product object\n * @param {string} response.product.id - Product ID\n * @param {Object[]} response.product.variationAttributes - Product attributes\n * @param {Object[]} response.product.images - Product images\n * @param {boolean} response.product.hasRequiredAttrsSelected - Flag as to whether all required\n * attributes have been selected. Used partially to\n * determine whether the Add to Cart button can be enabled\n * @param {jQuery} $productContainer - DOM element for a given product.\n */\nfunction handleVariantResponse(response, $productContainer) {\n var isChoiceOfBonusProducts = $productContainer.parents('.choose-bonus-product-dialog').length > 0;\n var isVaraint;\n if (response.product.variationAttributes) {\n updateAttrs(response.product.variationAttributes, $productContainer, response.resources);\n isVaraint = response.product.productType === 'variant';\n if (isChoiceOfBonusProducts && isVaraint) {\n $productContainer.parent('.bonus-product-item')\n .data('pid', response.product.id);\n\n $productContainer.parent('.bonus-product-item')\n .data('ready-to-order', response.product.readyToOrder);\n }\n }\n\n // Update primary images\n var primaryImageUrls = response.product.images.pdpMainDesktop;\n createCarousel(primaryImageUrls, $productContainer);\n\n // Update pricing\n if (!isChoiceOfBonusProducts) {\n var $priceSelector = $('.prices .price', $productContainer).length\n ? $('.prices .price', $productContainer)\n : $('.prices .price');\n $priceSelector.replaceWith(response.product.price.html);\n }\n\n // Update promotions\n $productContainer.find('.promotions').empty().html(response.product.promotionsHtml);\n\n updateAvailability(response, $productContainer);\n\n if (isChoiceOfBonusProducts) {\n var $selectButton = $productContainer.find('.select-bonus-product');\n $selectButton.trigger('bonusproduct:updateSelectButton', {\n product: response.product, $productContainer: $productContainer\n });\n } else {\n // Enable \"Add to Cart\" button if all required attributes have been selected\n $('button.add-to-cart, button.add-to-cart-global, button.update-cart-product-global').trigger('product:updateAddToCart', {\n product: response.product, $productContainer: $productContainer\n }).trigger('product:statusUpdate', response.product);\n }\n\n // Update attributes\n $productContainer.find('.main-attributes').empty()\n .html(getAttributesHtml(response.product.attributes));\n}\n\n/**\n * @typespec UpdatedQuantity\n * @type Object\n * @property {boolean} selected - Whether the quantity has been selected\n * @property {string} value - The number of products to purchase\n * @property {string} url - Compiled URL that specifies variation attributes, product ID, options,\n * etc.\n */\n\n/**\n * Updates the quantity DOM elements post Ajax call\n * @param {UpdatedQuantity[]} quantities -\n * @param {jQuery} $productContainer - DOM container for a given product\n */\nfunction updateQuantities(quantities, $productContainer) {\n if ($productContainer.parent('.bonus-product-item').length <= 0) {\n var optionsHtml = quantities.map(function (quantity) {\n var selected = quantity.selected ? ' selected ' : '';\n return '';\n }).join('');\n getQuantitySelector($productContainer).empty().html(optionsHtml);\n }\n}\n\n/**\n * updates the product view when a product attribute is selected or deselected or when\n * changing quantity\n * @param {string} selectedValueUrl - the Url for the selected variation value\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction attributeSelect(selectedValueUrl, $productContainer) {\n if (selectedValueUrl) {\n $('body').trigger('product:beforeAttributeSelect',\n { url: selectedValueUrl, container: $productContainer });\n\n $.ajax({\n url: selectedValueUrl,\n method: 'GET',\n success: function (data) {\n handleVariantResponse(data, $productContainer);\n updateOptions(data.product.optionsHtml, $productContainer);\n updateQuantities(data.product.quantities, $productContainer);\n $('body').trigger('product:afterAttributeSelect',\n { data: data, container: $productContainer });\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n}\n\nexport default class BonusProductModal extends Modal {\n init() {\n super.init();\n this.selectors = {\n addBonusProducts: '.add-bonus-products',\n selectBonusProduct: '.select-bonus-product',\n removeBonusProduct: '.selected-pid',\n showMoreBonusProducts: '.show-more-bonus-products',\n colorAttribute: '[data-attr-variation=\"color\"] button',\n selectAttribute: 'select[class*=\"selectvariation-\"], .options-select',\n selectBonusQuantity: 'select.bonus-quantity-select'\n };\n }\n\n createTarget() {\n super.createTarget();\n\n this.eventDelegate('click', this.selectors.addBonusProducts, this.addBonusProductsToCart.bind(this), this.$target);\n\n var $body = $('body');\n this.eventDelegate('shown.bs.modal', '#' + this.targetID, this.focusChooseBonusProductModal.bind(this), $body);\n this.eventDelegate('hidden.bs.modal', '#' + this.targetID, this.onClosingChooseBonusProductModal.bind(this), $body);\n this.eventDelegate('keydown', '#' + this.targetID, this.trapChooseBonusProductModalFocus.bind(this), $body);\n\n this.eventDelegate('click', this.selectors.selectBonusProduct, this.selectBonusProduct.bind(this), this.$target);\n this.eventDelegate('click', this.selectors.removeBonusProduct, this.removeBonusProduct.bind(this), this.$target);\n this.eventDelegate('click', this.selectors.showMoreBonusProducts, this.showMoreBonusProducts.bind(this), this.$target);\n this.eventDelegate('click', this.selectors.colorAttribute, this.colorAttribute.bind(this), this.$target);\n this.eventDelegate('change', this.selectors.selectAttribute, this.selectAttribute.bind(this), this.$target);\n this.eventDelegate('change', this.selectors.selectBonusQuantity, this.selectBonusQuantity.bind(this), this.$target);\n }\n\n parseHtml(html) {\n var $html = $('
'\n + '
');\n $('.number-of-items').empty().append(data.basket.resources.numberOfItems);\n $('.minicart-quantity').empty().append(data.basket.numItems);\n $('.minicart-link').attr({\n 'aria-label': data.basket.resources.minicartCountOfItems,\n title: data.basket.resources.minicartCountOfItems\n });\n $('.minicart .popover').empty();\n $('.minicart .popover').removeClass('show');\n $('body').removeClass('modal-open');\n $('html').removeClass('veiled');\n } else {\n if (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 }\n\n $('body').trigger('cart:update');\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 $.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');\n\n $.spinner().stop();\n if ($(this).parents('.product-info').hasClass('bonus-product-line-item') && $('.cart-page').length) {\n // eslint-disable-next-line no-restricted-globals\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 $.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 $.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\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 $.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 $('#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 $('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 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');\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 // overwrite base functionality\n // remove overwritten select attribute\n // base.selectAttribute();\n\n base.colorAttribute();\n base.removeBonusProduct();\n base.selectBonusProduct();\n base.enableBonusProductSelection();\n base.showMoreBonusProducts();\n base.addBonusProductsToCart();\n base.focusChooseBonusProductModal();\n base.trapChooseBonusProductModalFocus();\n base.onClosingChooseBonusProductModal();\n};\n","import Component from '../forms/FormGeneric';\nimport ToastMessage from 'org/components/common/ToastMessage';\n\nvar formValidation = require('base/components/formValidation');\n\nexport default class checkoutRegistration extends Component {\n init() {\n super.init();\n this.event('submit', this.checkoutRegistrationSubmit.bind(this));\n }\n\n checkoutRegistrationSubmit(event) {\n event.preventDefault();\n $('.b-registration-checkout-error').addClass('hide');\n var form = this.$el;\n var url = form.attr('action');\n form.spinner().start();\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: form.serialize(),\n success: function (data) {\n form.spinner().stop();\n\n if (data && data.errorEstimateMsg) {\n new ToastMessage(data.errorEstimateMsg, {\n duration: 3000,\n type: 'error'\n }).show();\n }\n\n if (!data.success) {\n if (data.duplicateCustomer) {\n $('.b-registration-checkout-error').removeClass('hide');\n } else {\n formValidation(form, data);\n }\n } else {\n $('body').trigger('register:success:analytics', {\n email: $('.email-text').attr('data-analytics-email')\n });\n if ('rewardsEnroll' in data) {\n $('body').trigger('loyalty:enroll', {\n type: 'genericLink',\n loyalty: data.rewardsEnroll,\n action: data.rewardsEnroll ? 'joined-yes' : 'joined-no',\n member: 'new_member',\n points_earned: 'estimationPoints' in data ? data.estimationPoints : 0\n });\n }\n if (data.redirectUrl) {\n // eslint-disable-next-line no-restricted-globals\n location.href = data.redirectUrl;\n }\n\n if (data.rewardsEnroll) {\n $('.b-order-confirmation_account').addClass('border-hide');\n $('.b-order-confirmation_account').html(data.template);\n }\n }\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n }\n form.spinner().stop();\n }\n });\n return false;\n }\n}\n","/* eslint-disable class-methods-use-this */\nimport Component from '../forms/FormGeneric';\n\nexport default class IDME extends Component {\n init() {\n super.init();\n this.$body = $('body');\n // eslint-disable-next-line spellcheck/spell-checker\n this.eventDelegate('click', '.login-trigger', this.onTriggerIdmeLogin.bind(this));\n // eslint-disable-next-line spellcheck/spell-checker\n this.eventDelegate('click', '#idme-refresh', this.refreshIDMEContent.bind(this));\n this.eventDelegate('click', '.js-delete-idme-coupon-confirmation-btn', this.onRemoveIDMEPromo.bind(this));\n }\n\n // eslint-disable-next-line spellcheck/spell-checker\n onTriggerIdmeLogin(event) {\n event.preventDefault();\n var $target = $(event.target);\n var scopes = $target.closest('.login-trigger').prop('name');\n var top = ($(document).height() - 780) / 4;\n var left = ($(document).width() - 750) / 2;\n // eslint-disable-next-line spellcheck/spell-checker\n var clientId = $('#IDMEclientID').val();\n var redirectUri = $('#IDMEReturn').val();\n // eslint-disable-next-line spellcheck/spell-checker\n var apiUri = $('#IDMEauthorizeURI').val();\n $('body').trigger('modalShown', { name: 'idmeLogin' });\n // eslint-disable-next-line spellcheck/spell-checker\n window.open(apiUri + '?scopes=' + scopes + '&client_id=' + clientId + '&redirect_uri=' + redirectUri + '&response_type=code&scopes=' + scopes + '&display=popup', '', 'scrollbars=yes,menubar=no,status=no,location=no,toolbar=no,width=550,height=680,top=' + top + ',left=' + left);\n }\n\n refreshIDMEContent(event) {\n event.preventDefault();\n var $target = $(event.target);\n var url = $target.data('action');\n $('body > .modal-backdrop').remove();\n $.spinner().start();\n $.ajax({\n type: 'GET',\n url: url,\n dataType: 'json',\n context: this,\n success: function (data) {\n $('.coupons-and-promos').empty().append(data.totals.discountsHtml);\n $('.idme-content').empty().append(data.totals.idmePromosHtml);\n this.$body.trigger('cart:updateCartTotals', [data, this]);\n this.$body.trigger('cart:validateBasket', [data, this]);\n $('body').removeClass('modal-open');\n $.spinner().stop();\n $('.coupon-code-field').removeClass('is-invalid');\n $('body').trigger('idme:loginAttempt', {\n idmeLoginStatus: (data.analytics && data.analytics.idmeVerified) ? data.analytics.idmeVerified : '',\n idmeGroup: (data.analytics && data.analytics.idmeScope) ? data.analytics.idmeScope : ''\n });\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n this.createErrorNotification(err.responseJSON.errorMessage);\n $.spinner().stop();\n }\n }\n });\n }\n\n onRemoveIDMEPromo(event) {\n event.preventDefault();\n var $target = $(event.target);\n var url = $target.data('action');\n $('body > .modal-backdrop').remove();\n $.spinner().start();\n $.ajax({\n type: 'GET',\n url: url,\n dataType: 'json',\n context: this,\n success: function (data) {\n $('.idme-content').empty().append(data.totals.idmePromosHtml);\n $('.b-promo').show();\n this.$body.trigger('cart:updateCartTotals', [data, this]);\n this.$body.trigger('cart:validateBasket', [data, this]);\n $('body').removeClass('modal-open');\n $.spinner().stop();\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n $.spinner().stop();\n }\n }\n });\n }\n}\n","/* eslint-disable class-methods-use-this */\nimport Component from '../core/Component';\n\nexport default class Print extends Component {\n init() {\n super.init();\n this.$printPage = $('#print-page');\n this.initEvents();\n }\n\n initEvents() {\n this.event('click', this.onShowPrintPage.bind(this), this.$printPage);\n }\n\n onShowPrintPage() {\n window.print();\n }\n}\n","/* eslint-disable class-methods-use-this */\nimport Component from '../core/Component';\n\nexport default class AddressVerification extends Component {\n init() {\n this.settings = {\n fieldAddress1: 'input[name$=\"_address1\"]',\n fieldAddress2: 'input[name$=\"_address2\"]',\n selectState: 'select[name$=\"_stateCode\"]',\n fieldCity: 'input[name$=\"_city\"]',\n fieldPostal: 'input[name$=\"_postalCode\"].shippingZipCode'\n };\n this.initConfig(this.settings);\n this.initializeCache();\n this.initializeEvents();\n this.updateAddressHash();\n }\n\n initializeCache() {\n this.cache = {};\n this.cache.$window = $(window);\n this.cache.$document = $(document);\n this.cache.$body = $('body');\n this.cache.$form = $('form.shipping-form:visible').find('.b-shipping-method_input:checked[data-pickup=false]').parents('form');\n this.cache.$fieldAddress1 = this.cache.$form.find(this.config.fieldAddress1);\n this.cache.$fieldAddress2 = this.cache.$form.find(this.config.fieldAddress2);\n this.cache.$selectState = this.cache.$form.find(this.config.selectState);\n this.cache.$fieldCity = this.cache.$form.find(this.config.fieldCity);\n this.cache.$fieldPostal = this.cache.$form.find(this.config.fieldPostal);\n }\n\n initializeEvents() {\n this.event('qas:AddressValidation', this.onSubmitAddressForm.bind(this), this.cache.$body);\n this.event('qas:checkIfAddressChanged', this.checkIfAddressChanged.bind(this), this.cache.$body);\n this.eventDelegate('change', this.config.fieldPostal, this.preFillAddressByPostal.bind(this), this.cache.$document);\n }\n\n preFillAddressByPostal() {\n var searchQuery = this.cache.$fieldPostal.val();\n\n if (this.cache.$form.is(':visible')) {\n if (searchQuery.length > 0 && searchQuery !== undefined && searchQuery !== '') {\n var address = this.getAddressFromForm();\n\n this.apiTypeDownSearch(searchQuery).then(response => {\n if (response.result.address !== 'No matches') {\n var parts = response.result.address.split(', ');\n if (parts.length === 2) {\n address.state = parts[1];\n address.zipCode = parts[0];\n address.city = '';\n } else if (parts.length === 3) {\n address.state = parts[2];\n address.city = parts[1];\n address.zipCode = parts[0];\n } else if (parts.length === 4) {\n address.state = parts[3];\n address.city = parts[2];\n address.zipCode = parts[0];\n }\n this.updateAddressInForm(address);\n }\n });\n }\n }\n }\n\n addressToHash(address) {\n var {\n address1, address2, city, state, zipCode\n } = address;\n return `${address1}:${address2}:${city}:${state}:${zipCode}`;\n }\n\n updateAddressHash() {\n var address = this.getAddressFromForm();\n this.currentAddressHash = this.addressToHash(address);\n }\n\n isAddressChanged() {\n var address = this.getAddressFromForm();\n return this.currentAddressHash !== this.addressToHash(address);\n }\n\n checkIfAddressChanged() {\n window.addressVerificationChanged = this.isAddressChanged();\n }\n\n onSubmitAddressForm(e) {\n this.initializeCache();\n if (this.cache.$form.get(0).checkValidity()) {\n e.preventDefault();\n if (this.isAddressChanged()) {\n window.addressVerificationDone = false;\n var addressToVerify = this.getAddressFromForm();\n this.apiVerifyAddress(addressToVerify).then((response) => {\n this.getHandlerByType(response.data.type).call(this, response.data, response.renderedTemplate);\n }).catch(() => {\n this.errorVerification();\n });\n } else {\n this.setVerificationDone();\n this.updateNextStage();\n e.stopImmediatePropagation();\n }\n }\n }\n\n getHandlerByType(type) {\n var handler = this.errorVerification;\n var map = {\n warning: this.showBlockWarning,\n interaction: this.showBlockInteraction,\n picklist: this.showBlockPickList,\n success: this.showBlockSuccess\n };\n if (map[type]) {\n handler = map[type];\n }\n return handler;\n }\n\n showVerificationBlock(html) {\n $('.shipping-section').find('.js-cmp-addressVerification').html(html);\n $('#addressVerification').modal('show');\n $('body').find('.modal-backdrop').addClass('overlay');\n $('#addressVerification').closest('.b-checkout_page').find('.next-step-button').addClass('inactive-payment');\n }\n\n hideVerificationBlock() {\n $('body').trigger('shipping:lastTouchedCheckoutField');\n this.$el.html('');\n $('#addressVerification').modal('hide');\n $('body').find('.modal-backdrop').removeClass('overlay');\n $('#addressVerification').closest('.b-checkout_page').find('.next-step-button').removeClass('inactive-payment');\n $('.next-step-button button').removeAttr('data-clicked');\n }\n\n updateNextStage() {\n if (!window.notSubmitShippingForm) {\n $('.submit-shipping').trigger('click');\n } else {\n this.cache.$form.find('.shipping-save-button').trigger('click');\n }\n }\n\n onAction(action, callback) {\n return this.$el.find(`[data-action=\"${action}\"]`).on('click', callback);\n }\n\n returnToForm() {\n this.cache.$fieldAddress1.focus();\n this.hideVerificationBlock();\n this.updateAddressHash();\n }\n\n showBlockInteraction(data, renderedTemplate) {\n this.showVerificationBlock(renderedTemplate);\n var name = 'address-verification';\n var errorName = 'Please Verify Your Address';\n var errorMsg = 'We\\'ve found the addresses that may be a better match.';\n this.dataLayerBlockShowEvents(name, errorName, errorMsg);\n this.onAction('edit', this.returnToForm.bind(this));\n this.onAction('accept', () => {\n if (document.getElementById('keep-what-i-entered-qas-address').checked) {\n this.updateAddressInForm(data.original);\n } else {\n this.updateAddressInForm(data.address);\n }\n this.updateAddressHash();\n this.setVerificationDone();\n this.hideVerificationBlock();\n this.updateNextStage();\n });\n }\n\n showBlockPickList(data, renderedTemplate) {\n this.showVerificationBlock(renderedTemplate);\n var name = 'address-verification';\n var errorName = 'Please Verify Your Address';\n var errorMsg = 'We\\'ve found the addresses that may be a better match.';\n this.dataLayerBlockShowEvents(name, errorName, errorMsg);\n this.onAction('cancel', this.returnToForm.bind(this));\n this.onAction('accept', () => {\n var moniker = this.$el.find('[type=\"radio\"]:checked').val();\n this.apiGetAddressByMoniker(moniker).then(response => {\n this.updateAddressInForm(response.address);\n this.updateAddressHash();\n this.setVerificationDone();\n this.hideVerificationBlock();\n this.updateNextStage();\n }).catch(() => {\n this.updateAddressHash();\n this.setVerificationDone();\n this.hideVerificationBlock();\n });\n });\n }\n\n showBlockWarning(data, renderedTemplate) {\n this.showVerificationBlock(renderedTemplate);\n var name = 'address-verification';\n var errorName = 'Please Verify Your Address';\n var errorMsg = 'We\\'re having trouble verifying your address with Postal Service records.';\n this.dataLayerBlockShowEvents(name, errorName, errorMsg);\n this.onAction('cancel', this.returnToForm.bind(this));\n this.onAction('save', () => {\n this.updateAddressHash();\n this.setVerificationDone();\n this.hideVerificationBlock();\n this.updateNextStage();\n });\n }\n\n showBlockSuccess() {\n this.setVerificationDone();\n this.updateNextStage();\n }\n\n dataLayerBlockShowEvents(name, errorName, errorMessage) {\n $('body').trigger('modalShown', {\n name: name, errorName: errorName, errorMessage: errorMessage\n });\n }\n\n errorVerification() {\n this.setVerificationDone();\n }\n\n setVerificationDone() {\n this.updateAddressHash();\n window.addressVerificationDone = true;\n }\n\n async apiVerifyAddress({\n address1, address2, city, state, zipCode\n }) {\n return new Promise((success, error) => {\n $.ajax({\n url: this.config.verificationUrl,\n data: {\n address1, address2, city, state, zipCode\n },\n method: 'POST',\n success,\n error\n });\n });\n }\n\n async apiGetAddressByMoniker(moniker) {\n return new Promise((success, error) => {\n $.ajax({\n url: this.config.getUrl,\n data: { moniker },\n method: 'POST',\n success,\n error\n });\n });\n }\n\n async apiTypeDownSearch(query) {\n return new Promise((success, error) => {\n $.ajax({\n url: this.config.typeDownSearchUrl,\n data: { query },\n method: 'POST',\n success,\n error\n });\n });\n }\n\n getAddressFromForm() {\n return {\n address1: this.cache.$fieldAddress1.val(),\n address2: this.cache.$fieldAddress2.val(),\n city: this.cache.$fieldCity.val(),\n state: this.cache.$selectState.find('option:selected').val(),\n zipCode: this.cache.$fieldPostal.val()\n };\n }\n\n updateAddressInForm({\n address1, address2, city, state, zipCode\n }) {\n var citystr = city.replace(/\\\"/g, ''); // eslint-disable-line\n var statestr = state.replace(/\\\"/g, ''); // eslint-disable-line\n if (address1) {\n this.cache.$fieldAddress1.val(address1.replace(/\\w\\S*/g, m => m.charAt(0).toUpperCase() + m.substr(1).toLowerCase()));\n }\n this.cache.$fieldAddress2.val(address2);\n\n if (citystr === '') {\n this.cache.$fieldCity.addClass('is-invalid');\n this.cache.$fieldCity.val('');\n this.cache.$fieldCity.next('.invalid-feedback').html(this.cache.$fieldCity.next('.invalid-feedback').data('empty-error'));\n } else {\n this.cache.$fieldCity.val(city.replace(/\\w\\S*/g, m => m.charAt(0).toUpperCase() + m.substr(1).toLowerCase()));\n this.cache.$fieldCity.removeClass('is-invalid');\n this.cache.$fieldCity.closest('.form-group').removeClass('error-field');\n this.cache.$fieldCity.next('.invalid-feedback').empty();\n }\n if (statestr === '') {\n this.cache.$selectState.addClass('is-invalid');\n this.cache.$selectState.val('');\n this.cache.$selectState.next('.invalid-feedback').html(this.cache.$fieldCity.next('.invalid-feedback').data('empty-error'));\n } else {\n this.cache.$selectState.val(state);\n this.cache.$selectState.removeClass('is-invalid');\n this.cache.$selectState.closest('.form-group').removeClass('error-field');\n this.cache.$selectState.next('.invalid-feedback').empty();\n }\n if (zipCode === '') {\n this.cache.$fieldPostal.addClass('is-invalid');\n this.cache.$fieldPostal.val('');\n this.cache.$fieldPostal.next('.invalid-feedback').html(this.cache.$fieldCity.next('.invalid-feedback').data('empty-error'));\n } else {\n this.cache.$fieldPostal.val(zipCode);\n this.cache.$fieldPostal.removeClass('is-invalid');\n this.cache.$fieldPostal.closest('.form-group').removeClass('error-field');\n this.cache.$fieldPostal.next('.invalid-feedback').empty();\n }\n\n this.cache.$selectState.trigger('change');\n }\n}\n","import Component from '../core/Component';\nimport { scrollTo } from '../../util';\n\nexport default class BackToTop extends Component {\n init() {\n this.settings = {\n backToTopBottomElement: '.js-back_to_top-button',\n footer: '.js-footer',\n shownClass: 'm-shown',\n animationSpeed: 700\n };\n\n this.initConfig(this.settings);\n\n if (this.eligibleOnDevice()) {\n this.initializeCache();\n this.initializeEvents();\n }\n }\n\n initializeCache() {\n this.cache = {};\n this.cache.$window = $(window);\n this.cache.$document = $(document);\n this.cache.$html = $('html');\n this.cache.$footer = this.cache.$document.find(this.config.footer);\n this.cache.$backToTopBottomElement = this.cache.$document.find(this.config.backToTopBottomElement);\n }\n\n onWindowScroll() {\n var scrollTop = this.cache.$window.scrollTop();\n var windowInnerHeight = this.cache.$window.innerHeight();\n\n this.$el.toggleClass('m-shown', scrollTop > windowInnerHeight);\n }\n\n onClick() {\n scrollTo(0, this.config.animationSpeed);\n }\n\n trackChatSize(iframeNode) {\n this.cache.$html.addClass('chat-initialized');\n var self = this;\n\n // track if chat iframe was removed\n const removeObserver = new MutationObserver((mutations) => {\n mutations.forEach((mutation) => {\n if (mutation.type === 'childList' && mutation.removedNodes.length > 0) {\n mutation.removedNodes.forEach((node) => {\n if (node.tagName === 'IFRAME' && node.className.includes('__cb_plugin_chat')) {\n removeObserver.disconnect();\n\n self.cache.$html.removeClass('chat-initialized chat-maximized');\n self.trackChatInitialization();\n }\n });\n }\n });\n });\n removeObserver.observe(document.body, { childList: true });\n\n const observer = new MutationObserver(function (mutations) {\n mutations.forEach(function (mutation) {\n if (mutation.type === 'attributes' && mutation.attributeName === 'class') {\n self.cache.$html.toggleClass('chat-maximized', mutation.target.className.includes('maximized'));\n }\n });\n });\n\n observer.observe(iframeNode, { attributes: true, attributeFilter: ['class'], subtree: true });\n }\n\n\n trackChatInitialization() {\n var chatIframeNode = document.getElementsByClassName('__cb_plugin_chat');\n if (chatIframeNode[0]) {\n this.trackChatSize(chatIframeNode[0]);\n return;\n }\n const observer = new MutationObserver((mutations) => {\n mutations.forEach((mutation) => {\n if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {\n // Loop through the added nodes and check if any are iframes.__cb_plugin_chat\n mutation.addedNodes.forEach((node) => {\n if (node.tagName === 'IFRAME' && node.className.includes('__cb_plugin_chat')) {\n this.trackChatSize(node);\n observer.disconnect();\n }\n });\n }\n });\n });\n // Start observing changes in the body element\n observer.observe(document.body, { childList: true });\n }\n\n initializeEvents() {\n this.trackChatInitialization();\n this.eventMgr('window.scroll', this.onWindowScroll.bind(this));\n this.event('click', this.onClick.bind(this), this.cache.$backToTopBottomElement);\n }\n}\n","/* eslint-disable class-methods-use-this */\n/* eslint-disable no-restricted-globals */\n\n'use strict';\n\nimport Modal from './Modal';\nvar focusHelper = require('base/components/focus');\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 * 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-variation=\"' + 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-variation=\"' + 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 = ' '\n + '
'\n + '' + data.basket.resources.emptyCartMsg + '
'\n + '' + response.resources.info_selectforstock + '
' + message + '
' + attribute.label + ': '\n + attribute.value + '
';\n });\n }\n });\n\n return html;\n}\n\n/**\n * @typedef UpdatedOptionValue\n * @type Object\n * @property {string} id - Option value ID for look up\n * @property {string} url - Updated option value selection URL\n */\n\n/**\n * @typedef OptionSelectionResponse\n * @type Object\n * @property {string} priceHtml - Updated price HTML code\n * @property {Object} options - Updated Options\n * @property {string} options.id - Option ID\n * @property {UpdatedOptionValue[]} options.values - Option values\n */\n\n/**\n * Updates DOM using post-option selection Ajax response\n *\n * @param {OptionSelectionResponse} optionsHtml - Ajax response optionsHtml from selecting a product option\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction updateOptions(optionsHtml, $productContainer) {\n // Update options\n $productContainer.find('.product-options').empty().html(optionsHtml);\n}\n\n/**\n * Dynamically creates Bootstrap carousel from response containing images\n * @param {Object[]} imgs - Array of large product images,along with related information\n * @param {jQuery} $productContainer - DOM element for a given product\n */\nfunction createCarousel(imgs, $productContainer) {\n var carousel = $productContainer.find('.b-product_carousel-wrapper');\n var parendDiv = $productContainer.find('.b-product_carousel');\n $(carousel).carousel('dispose');\n $(carousel).empty();\n for (var i = 0; i < imgs.length; i++) {\n $('').append($.parseHTML(html));\n var body = $html.find('.choice-of-bonus-product');\n var footer = $html.find('.modal-footer').children();\n\n return { body: body, footer: footer };\n }\n\n onAJAXSuccess(data) {\n var parsedHtml = this.parseHtml(data.renderedTemplate);\n var targetIdSelector = '#' + this.targetID;\n\n $(targetIdSelector + ' .modal-body').empty();\n $(targetIdSelector + ' .enter-message').text(data.enterDialogMessage);\n $(targetIdSelector + ' .modal-header .close .sr-only').text(data.closeButtonText);\n $(targetIdSelector + ' .modal-body').html(parsedHtml.body);\n $(targetIdSelector + ' .modal-footer').html(parsedHtml.footer);\n $(targetIdSelector).modal('show');\n $('.select-bonus-product').attr('data-url', data.removeProductUrl);\n $.spinner().stop();\n }\n\n focusChooseBonusProductModal() {\n $(this.selectors.chooseBonusProductModal).siblings().attr('aria-hidden', 'true');\n $(this.selectors.chooseBonusProductModal + ' .close').focus();\n }\n\n onClosingChooseBonusProductModal() {\n $(this.selectors.chooseBonusProductModal).siblings().attr('aria-hidden', 'false');\n }\n\n trapChooseBonusProductModalFocus(event) {\n var focusParams = {\n event: event,\n containerSelector: this.selectors.chooseBonusProductModal,\n firstElementSelector: '.close',\n lastElementSelector: this.selectors.addBonusProducts\n };\n focusHelper.setTabNextFocus(focusParams);\n }\n\n colorAttribute() {\n $(document).off('click').on('click', '[data-attr-variation=\"color\"] button', function (e) {\n e.preventDefault();\n if ($(this).attr('disabled')) {\n return;\n }\n var $productContainer = $(this).closest('.product-detail');\n if ($productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n attributeSelect($(this).attr('data-url'), $productContainer);\n }\n });\n }\n\n selectAttribute() {\n $(document).off('change').on('change', 'select[class*=\"selectvariation-\"], .options-select', function (e) {\n e.preventDefault();\n var $productContainer = $(this).closest('.product-detail');\n if ($productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n attributeSelect(e.currentTarget.value, $productContainer);\n }\n });\n }\n\n selectBonusQuantity() {\n $(document).off('change').on('change', 'select.bonus-quantity-select', function (e) {\n e.preventDefault();\n if ($(this).val() > $('#bonusProduct').data('maxpids')) {\n $('.bonus-product-btn .select-bonus-product').attr('disabled', true);\n } else {\n $('.bonus-product-btn .select-bonus-product').attr('disabled', false);\n }\n });\n }\n\n addBonusProductsToCart() {\n var $readyToOrderBonusProducts = $('.choose-bonus-product-dialog .selected-pid');\n var queryString = '?pids=';\n var url = $('.choose-bonus-product-dialog').data('addtocarturl');\n var pidsObject = {\n bonusProducts: []\n };\n\n $.each($readyToOrderBonusProducts, function () {\n var qtyOption = parseInt($(this)\n .data('qty'), 10);\n\n var option = null;\n if (qtyOption > 0) {\n if ($(this).data('optionid') && $(this).data('option-selected-value')) {\n option = {};\n option.optionId = $(this).data('optionid');\n option.productId = $(this).data('pid');\n option.selectedValueId = $(this).data('option-selected-value');\n }\n pidsObject.bonusProducts.push({\n pid: $(this).data('pid'),\n qty: qtyOption,\n options: [option]\n });\n pidsObject.totalQty = parseInt($('.pre-cart-products').html(), 10);\n }\n });\n\n if (!pidsObject.bonusProducts.length) {\n return;\n }\n\n try {\n queryString += JSON.stringify(pidsObject);\n } catch (error) {\n throw new Error(error.message);\n }\n\n queryString = queryString + '&uuid=' + $('.choose-bonus-product-dialog').data('uuid');\n queryString = queryString + '&pliuuid=' + $('.choose-bonus-product-dialog').data('pliuuid');\n\n $.spinner().start();\n $.ajax({\n url: url + queryString,\n method: 'POST',\n success: function (data) {\n $.spinner().stop();\n if (data.error) {\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append('');\n }\n $('.error-choice-of-bonus-products')\n .html(data.errorMessage);\n } else {\n $('.configure-bonus-product-attributes').html(data);\n $('.bonus-products-step2').removeClass('hidden-xl-down');\n\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append(\n ''\n );\n }\n $('.minicart-quantity').html(data.totalQty);\n $('.add-to-cart-messages').append(\n `
${data.msgSuccess}
`\n );\n if ($('.card-product-info').hasClass('bonus-product-line-item') && $('.b-cart-content_left').length) {\n location.reload();\n }\n\n $('.add-to-basket-alert').remove();\n if ($('.cart-page').length) {\n this.$target.modal('hide');\n location.reload();\n }\n }\n }.bind(this),\n error: function () {\n $.spinner().stop();\n }\n });\n }\n\n selectBonusProduct(event) {\n var $clickedElement = $(event.target);\n var $choiceOfBonusProduct = $clickedElement.parents('.choice-of-bonus-product');\n var pid = $clickedElement.data('pid');\n var maxPids = $('.choose-bonus-product-dialog').data('total-qty');\n var submittedQty = parseInt($clickedElement.parents('.choice-of-bonus-product').find('.bonus-quantity-select').val(), 10);\n var totalQty = 0;\n var removeButtonUrl = $clickedElement.data('remove-icon-url');\n $.each($(`#${this.targetID} .selected-bonus-products .selected-pid`), function () {\n totalQty += $(this).data('qty');\n });\n totalQty += submittedQty;\n var optionID = $clickedElement.parents('.choice-of-bonus-product').find('.product-option').data('option-id');\n var valueId = $clickedElement.parents('.choice-of-bonus-product').find('.options-select option:selected').data('valueId');\n if (totalQty <= maxPids) {\n var selectedBonusProductHtml = `\n
`;\n $(`#${this.targetID} .selected-bonus-products`).append(selectedBonusProductHtml);\n $('.pre-cart-products').html(totalQty);\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\n } else {\n $('.selected-bonus-products .bonus-summary').addClass('alert-danger');\n }\n }\n\n removeBonusProduct(event) {\n $(event.target).closest(this.selectors.removeBonusProduct).parent().remove();\n var $selected = $(`#${this.targetID} .selected-bonus-products ${this.selectors.removeBonusProduct}`);\n var count = 0;\n if ($selected.length) {\n $selected.each(function () {\n count += parseInt($(this).data('qty'), 10);\n });\n }\n if ($('button.select-bonus-product').data('product-availability')) {\n $('button.select-bonus-product').attr('disabled', false);\n }\n $('.pre-cart-products').html(count);\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\n }\n\n showMoreBonusProducts(event) {\n var url = $(event.target).data('url');\n $('.modal-content').spinner().start();\n $.ajax({\n url: url,\n method: 'GET',\n success: function (html) {\n var parsedHtml = this.parseHtml(html);\n $('.modal-body').append(parsedHtml.body);\n $('.show-more-bonus-products:first').remove();\n $('.modal-content').spinner().stop();\n }.bind(this),\n error: function () {\n $('.modal-content').spinner().stop();\n }\n });\n }\n}\n","import Component from '../core/Component';\nimport Swiper from 'swiper/bundle';\n\nvar layout = require('../../layout').init();\n\nvar slidesPerViewPort;\nvar spaceBetween;\nvar spaceBetweenFitGuide;\nvar sliderPerViewDefault;\n\nexport default class Carousel extends Component {\n init() {\n slidesPerViewPort = 1;\n spaceBetween = 1;\n spaceBetweenFitGuide = 32;\n sliderPerViewDefault = 4;\n if ($('.b-cart-content.cart').length > 0 || $('.b-account-dashboard_recommended').length > 0 || $('.js-csrf-fail-carousel').length > 0) {\n slidesPerViewPort = 3;\n }\n\n if ($('.b-account-dashboard_recommended').length > 0) {\n spaceBetween = 16;\n }\n\n if ($('.fitguide-container').length > 0) {\n spaceBetweenFitGuide = 0;\n if ($(window).width() > 767) {\n sliderPerViewDefault = 3;\n } else if ($(window).width() > 480 && $(window).width() < 768) {\n sliderPerViewDefault = 1;\n }\n }\n\n this.settings = {\n blank: {},\n default: {\n direction: 'horizontal',\n loop: false,\n navigation: {\n nextEl: '.js-swiper-button-next',\n prevEl: '.js-swiper-button-prev'\n },\n slidesPerView: slidesPerViewPort,\n spaceBetween: spaceBetween,\n breakpoints: {\n // Swiper breakpoint configs are applied when the viewport width >= the object key\n 767: {\n slidesPerView: sliderPerViewDefault,\n spaceBetween: spaceBetweenFitGuide\n }\n }\n },\n pdpMainImage: {\n direction: 'horizontal',\n loop: false,\n draggable: false,\n simulateTouch: false,\n navigation: {\n nextEl: '.js-swiper-button-next',\n prevEl: '.js-swiper-button-prev'\n },\n breakpoints: {\n // Swiper breakpoint configs are applied when the viewport width >= the object key\n 1023: {\n draggable: true,\n simulateTouch: true\n }\n },\n pagination: {\n el: '.b-product_carousel-pagination',\n clickable: true,\n dynamicBullets: true,\n dynamicMainBullets: 3\n },\n slidesPerView: 1,\n spaceBetween: 1\n },\n shopImage: {\n direction: 'horizontal',\n loop: false,\n navigation: {\n nextEl: '.js-swiper-button-next',\n prevEl: '.js-swiper-button-prev'\n },\n slidesPerView: 2,\n spaceBetween: 12,\n breakpoints: {\n // Swiper breakpoint configs are applied when the viewport width >= the object key\n 640: {\n slidesPerView: 3,\n spaceBetween: 16\n }\n }\n }\n };\n\n this.initConfig(this.settings[this.$el.data('carousel-type')] || this.settings.default);\n if (this.eligibleOnDevice() && (this.hasSlides() || this.config.initWithLowQty)) {\n this.$el.removeClass('is--hidden');\n this.$el.find('.js-carousel-title').removeClass('is--hidden');\n\n if (this.$el.closest('.hidden').length > 0 || !(this.hasSlidesToScroll() || this.config.initWithLowQty)) {\n if (this.$el[0].swiper && this.$el[0].initialized) {\n this.$el[0].swiper.destroy(this.$el[0], true);\n }\n this.$el.addClass('carousel-disabled');\n } else {\n this.$el.removeClass('carousel-disabled');\n this.initCarousel();\n this.eventMgr('window.modechanged', this.reInit);\n this.event('mainCarousel:update', this.mainCarouselInit.bind(this), this.$el);\n }\n } else {\n this.initializationDeclined();\n }\n }\n\n mainCarouselInit() {\n if (this.swiperInstance) {\n this.swiperInstance.destroy(this.swiperInstance, true);\n this.initCarousel();\n this.swiperInstance.update();\n if (this.$el.closest('.sf-page__silho').length > 0 && $(window).width() > 767) {\n this.swiperInstance.destroy(this.swiperInstance, true);\n }\n // eslint-disable-next-line no-useless-return\n return;\n }\n }\n\n reInit() {\n if (this.swiperInstance) {\n if (this.config.destroyOnModeChange) {\n this.swiperInstance.destroy(this.swiperInstance, true);\n this.initCarouselEvents(true);\n } else {\n this.swiperInstance.update();\n // eslint-disable-next-line no-useless-return\n return;\n }\n }\n }\n\n initCarousel() {\n var slideToSwiper = this.$el.find('.swiper-slide-active').index();\n var activatedSpan = this.$el.find('.swiper-slide-activated');\n if (activatedSpan.length) {\n this.config.activeIndex = activatedSpan.index();\n this.config.initialSlide = activatedSpan.index();\n }\n this.swiperInstance = new Swiper(this.$el[0], this.config);\n this.swiperInstance.on('slideChange', function () {\n if (this.$el.hasClass('js-main-image-carousel')) {\n var dataSpec = this.$el.find('.js-product_carousel-slide[data-index=\"' + this.activeIndex + '\"]').attr('data-spec');\n $('body').find('.model-specification-content').removeClass('hide');\n if (dataSpec && dataSpec === 'notSame') {\n $('body').find('.model-specification-content').addClass('hide');\n }\n }\n var activeSpan = this.$el.find('.swiper-slide-activated');\n if (activeSpan.length) {\n this.activeIndex = activeSpan.index();\n }\n });\n\n this.swiperInstance.on('beforeSlideChangeStart', function () {\n var activeSpan = this.$el.find('.swiper-slide-activated');\n if (activeSpan.length) {\n this.activeIndex = activeSpan.index();\n }\n });\n\n this.swiperInstance.on('reachBeginning', function () {\n this.$el.removeClass('reach-end').addClass('reach-beginning');\n });\n\n this.swiperInstance.on('reachEnd', function () {\n this.$el.removeClass('reach-beginning').addClass('reach-end');\n });\n\n this.initCarouselEvents();\n if (this.$el.closest('.sf-page__silho').length > 0) {\n if (activatedSpan.length) {\n slideToSwiper = activatedSpan.index();\n this.swiperInstance.activeIndex = slideToSwiper;\n }\n this.swiperInstance.slideTo(slideToSwiper, 200, true);\n }\n }\n\n hasSlidesToScroll() {\n let currentBreakpointWidth = layout.getCurrentBreakpointWidth();\n let slidesPerView = this.config.slidesPerView || 1;\n let slidesCount = this.$el.find('.swiper-slide:not(.swiper-slide-duplicate)').length;\n\n if (slidesPerView === 'auto') {\n return this.$el[0].scrollWidth > this.$el[0].clientWidth || this.$el[0].scrollHeight > this.$el[0].clientHeight;\n }\n if (this.config.breakpoints && this.config.breakpoints[currentBreakpointWidth]\n && this.config.breakpoints[currentBreakpointWidth].slidesPerView) {\n slidesPerView = this.config.breakpoints[currentBreakpointWidth].slidesPerView;\n }\n\n\n return slidesPerView < slidesCount;\n }\n\n hasSlides() {\n return this.$el.find('.swiper-slide:not(.swiper-slide-duplicate)').length > 0;\n }\n\n autoplayHandler(detachEvents) {\n if (!this.swiperInstance || !this.swiperInstance.autoplay || !this.config.autoplay) {\n return;\n }\n\n if (detachEvents) {\n this.$el.off('mouseenter');\n this.$el.off('mouseleave');\n } else {\n this.$el.on('mouseenter', () => {\n this.swiperInstance.autoplay.stop();\n });\n this.$el.on('mouseleave', () => {\n this.swiperInstance.autoplay.start();\n });\n }\n }\n\n initCarouselEvents(attachEvents) {\n this.autoplayHandler(attachEvents);\n const self = this;\n $('body').on('carousel:reinit', () => {\n self.reInit();\n });\n }\n}\n","'use strict';\n\nimport BonusProductModal from './BonusProductModal';\n\nexport default class CartBonusProductModal extends BonusProductModal {\n init() {\n super.init();\n }\n\n get modalWrapperHTML() {\n $.spinner().start();\n var data = {};\n\n $.ajax({\n url: this.$el.data('url'),\n method: 'GET',\n dataType: 'json',\n async: false,\n success: function (response) {\n data = response;\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n\n var bonusUrl;\n if (data.bonusChoiceRuleBased) {\n bonusUrl = data.showProductsUrlRuleBased;\n } else {\n bonusUrl = data.showProductsUrlListBased;\n }\n\n this.$el.attr('href', bonusUrl);\n\n return `\n ![\"remove-bonus-product\"/](\"${removeButtonUrl}\")
\n
\n \n ${$choiceOfBonusProduct.find('.product-name').html()}\n
\n \n \n
`;\n }\n}\n","'use strict';\n\nimport BonusProductModal from './BonusProductModal';\n\nexport default class DetailBonusProductModal extends BonusProductModal {\n init() {\n super.init();\n\n this.initDetailBonusProductEvents();\n }\n\n initDetailBonusProductEvents() {\n this.event('product:showBonusProducts', function (e, data) {\n this.config.data = data;\n this.$el.trigger('click');\n }.bind(this));\n }\n\n get modalWrapperHTML() {\n $.spinner().start();\n var data = this.config.data;\n\n var bonusUrl;\n if (data.bonusChoiceRuleBased) {\n bonusUrl = data.showProductsUrlRuleBased;\n } else {\n bonusUrl = data.showProductsUrlListBased;\n }\n\n this.$el.attr('href', bonusUrl);\n\n return `\n \n \n
\n \n \n
`;\n }\n}\n","/* eslint-disable class-methods-use-this */\n\n'use strict';\n\nimport QuickView from '../product/QuickView';\n\nexport default class EditBasketProduct extends QuickView {\n init() {\n super.init();\n\n this.selectors = {\n updateCartProduct: '.js-update-cart-product-global',\n quantitySelect: '.js-quantity-select-control',\n updateCartProductCart: '.js-cart-add-to-cart'\n };\n }\n\n openModal(event) {\n event.preventDefault();\n $('#' + this.targetID).remove();\n this.createTarget();\n super.fillModalElement();\n }\n\n onUpdateCartProduct() {\n var cardTileComponent = $('[data-target-id=\"' + this.targetID + '\"]').closest('.card').data().cmpInstance;\n cardTileComponent.onUpdateCartProduct.apply(cardTileComponent, arguments);\n }\n\n onQuantityChanged(event) {\n $('.update-cart-url').data('selected-quantity', parseInt($(event.target).val(), 10));\n }\n\n onAJAXSuccess(data) {\n var parsedHtml = this.parseHtml(data.renderedTemplate);\n var targetIdSelector = '#' + this.targetID;\n\n $(targetIdSelector).modal('show');\n $(targetIdSelector).find('.g-modal-content').spinner().start();\n $(targetIdSelector + ' .g-modal-body').empty();\n $(targetIdSelector + ' .g-modal-body').html(parsedHtml.$body);\n $(targetIdSelector + ' .g-modal-footer').html(parsedHtml.$footer);\n $(targetIdSelector + ' .g-modal-header .close .sr-only').text(data.closeButtonText);\n $(targetIdSelector + ' .enter-message').text(data.enterDialogMessage);\n\n $('body').trigger('modalShown', {\n name: 'edit-cart-product',\n product: data.product\n });\n\n setTimeout(function () {\n $.spinner().stop();\n }, 1000);\n }\n\n createTarget() {\n super.createTarget();\n\n this.eventDelegate('click', this.selectors.updateCartProduct, this.onUpdateCartProduct.bind(this), this.$target);\n this.eventDelegate('click', this.selectors.updateCartProductCart, this.onUpdateCartProduct.bind(this), this.$target);\n this.eventDelegate('change', this.selectors.quantitySelect, this.onQuantityChanged.bind(this), this.$target);\n }\n\n get modalWrapperHTML() {\n return ''\n + '\n \n
\n '\n + ''\n + '
';\n }\n}\n","/* eslint-disable no-unused-vars */\n/* eslint-disable class-methods-use-this */\n/* global adobe, defined in Adobe Target */\nimport Component from '../core/Component';\n\nvar $mBoxID;\nvar $this;\nexport default class LoadProducts extends Component {\n init() {\n $this = this;\n $('.recommendations-section').each(function () {\n $mBoxID = $(this).attr('data-mboxID');\n if ($mBoxID) {\n $this.loadAdobeRecommendations($(this));\n } else {\n const products = $(this).data('products') + '';\n let url = $(this).data('productsUrl');\n if (products && url) {\n const self = this;\n const swatches = $(this).attr('data-swatches');\n const ratings = $(this).attr('data-ratings');\n\n url += url.indexOf('?') !== -1\n ? `&pids=${products}&swatches=${swatches}&ratings=${ratings}`\n : `?pids=${products}&swatches=${swatches}&ratings=${ratings}`;\n\n $(this).find('.js-swiper-wrapper').load(url, function () {\n // Removing the product tile element if no image configured\n $(self).find('.b-tile.hide').parent('.g-carousel-slide').remove();\n\n $(self).find('[data-cmp=carousel]').trigger('mainCarousel:update');\n });\n }\n }\n });\n }\n\n loadAdobeRecommendations($content) {\n const wrapper = $content.find('.js-swiper-wrapper');\n let url = $content.data('productsUrl');\n const mBoxID = $content.attr('data-mboxID');\n const pid = $('.m-slot_4').attr('data-styleid');\n const siteID = $content.attr('data-siteID');\n const swatches = $content.attr('data-swatches');\n const ratings = $content.attr('data-ratings');\n\n adobe.target.getOffer({\n mbox: mBoxID,\n params: {\n site: siteID,\n 'entity.id': pid || '',\n at_property: window.targetPageParams().at_property\n },\n success: function (offers) {\n adobe.target.applyOffer({\n mbox: mBoxID,\n offer: offers\n });\n\n var styleIds = (offers[0] && offers[0].content && JSON.parse(offers[0].content)) || [];\n if (styleIds) {\n url += url.indexOf('?') !== -1\n ? `&pids=${styleIds}&swatches=${swatches}&ratings=${ratings}`\n : `?pids=${styleIds}&swatches=${swatches}&ratings=${ratings}`;\n\n wrapper.load(url, function () {\n // Removing the product tile element if no image configured\n wrapper.find('.b-tile.hide').parent('.g-carousel-slide').remove();\n\n wrapper.closest('[data-cmp=carousel]').trigger('mainCarousel:update');\n });\n }\n },\n error: function (status, error) {\n console.error(status, error);\n }\n });\n }\n}\n","/* eslint-disable class-methods-use-this */\n\n'use strict';\n\nimport Component from '../core/Component';\n\nvar util = require('../../util');\n\nexport default class Modal extends Component {\n init() {\n super.init();\n this.initConfig();\n this.targetID = new Date().getTime();\n\n if (this.eligibleOnDevice()) {\n this.initializeEvents();\n }\n }\n\n initializeEvents() {\n this.event('click', this.openModal.bind(this));\n }\n\n openModal(event) {\n event.preventDefault();\n\n this.beforeOpenModal.bind(this)();\n\n if (this.$target && this.$target.length > 0) {\n this.$target.modal('show');\n } else {\n this.createTarget();\n this.fillModalElement();\n this.$target.modal('show');\n }\n this.afterOpenModal.bind(this)();\n\n if (this.analyticsName) {\n $('body').trigger('modalShown', {\n name: this.analyticsName\n });\n }\n }\n\n beforeOpenModal() {}\n\n afterOpenModal() {\n util.branchCloseJourney();\n }\n\n createTarget() {\n $('#' + this.targetID).remove();\n $('body').append(this.modalWrapperHTML);\n this.$target = $('#' + this.targetID);\n this.$el.attr('data-target-id', this.targetID);\n }\n\n getURL() {\n return this.$el.attr('href') || this.$el.attr('data-url') || this.$el.attr('data-href');\n }\n\n fillModalElement() {\n var url = this.getURL.bind(this)();\n if (url) {\n if (this.config) {\n if (this.config.isSubmodal) {\n this.$target.addClass('g-modal-submodal');\n\n if (this.config.parentModal) {\n this.$target.attr('data-parent-modal', this.config.parentModal).data('parentModal', this.config.parentModal);\n\n const $parentModal = $(this.config.parentModal);\n this.$target.on('shown.bs.modal', () => {\n $parentModal.trigger('submodal:shown', { submodal: this.$target });\n });\n this.$target.on('hide.bs.modal', () => {\n $parentModal.trigger('submodal:hide', { submodal: this.$target });\n });\n\n this.$backCTA = $(''\n + ''\n + ''\n + '
'\n + '