').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 loadZoom();\n if (data.product.readyToOrder) {\n $('.quick-view-dialog .detail-panel .quantity-input').attr('disabled', false);\n }\n // $.spinner().stop();\n },\n error: function () {\n // $.spinner().stop();\n }\n });\n}\n\n/**\n * replace content of modal\n * @param {string} actionUrl - url to be used to remove product\n * @param {string} productID - pid\n * @param {string} productName - product name\n * @param {string} uuid - uuid\n */\nfunction confirmDelete(actionUrl, productID, productName, uuid) {\n var $deleteConfirmBtn = $('.cart-delete-confirmation-btn');\n var $productToRemoveSpan = $('.product-to-remove');\n\n $deleteConfirmBtn.data('pid', productID);\n $deleteConfirmBtn.data('action', actionUrl);\n $deleteConfirmBtn.data('uuid', uuid);\n\n $productToRemoveSpan.empty().append(productName);\n}\n\n/**\n* PDP loadZoom Event\n*/\nfunction loadZoom() {\n var imgZoom = '.primary-images .desktop-zoom';\n var container = imgZoom;\n imagesLoaded(container).on('always', function () {\n var $container = $(container);\n $(container).trigger('zoom.destroy');\n $(container).find('.zoomImg').remove();\n $container.zoom();\n });\n}\n\nfunction updateCheckOutTotals(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 == '$0.00' ? 'TBD' : data.totals.totalTax);\n $('.grand-total-sum').empty().append(data.totals.grandTotal);\n $('.estimated-order-total').empty().append(data.totals.grandTotal);\n $('.sub-total').empty().append(data.totals.subTotal);\n $('.sub-total-mobile').empty().append(data.totals.subTotal);\n $('.minicart-quantity').empty().append(data.numItems);\n $('.minicart-link').attr({\n 'aria-label': data.resources.minicartCountOfItems,\n title: data.resources.minicartCountOfItems\n });\n if (data.totals.orderLevelDiscountTotal.value > 0) {\n $('.order-discount').removeClass('hide-order-discount');\n $('.order-discount-total').empty()\n .append('- ' + data.totals.orderLevelDiscountTotal.formatted);\n } else {\n $('.order-discount').addClass('hide-order-discount');\n }\n\n if (data.totals.shippingLevelDiscountTotal.value > 0) {\n $('.shipping-discount').removeClass('hide-shipping-discount');\n $('.shipping-discount-total').empty().append('- ' +\n data.totals.shippingLevelDiscountTotal.formatted);\n if(data.totals.shippingLevelDiscountTotal.formatted == data.totals.totalShippingCost){\n $('.shipping-cost').empty().append('Free');\n }\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 {\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 updateYouSavedMsg(data.totals);\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 $(this).toggleClass('active');\n $('.promo-code-form').toggle();\n });\n\n $('body').on('click', '.cart-delete-confirmation-btn, .remove-product', function (e) {\n e.preventDefault();\n\n var productID = $(this).data('pid');\n var url = $(this).data('action');\n var uuid = $(this).data('uuid');\n var urlParams = {\n pid: productID,\n uuid: uuid\n };\n\n url = appendToUrl(url, urlParams);\n\n // $('body > .modal-backdrop').remove();\n\n // $.spinner().start();\n\n $('body').trigger('cart:beforeUpdate');\n\n $.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('
' +\n '
' +\n '
' + data.basket.resources.emptyCartMsg + '
' +\n ' ' +\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 window.location.reload(true);\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', 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 function updateQuantity($this) {\n var isWishlist = $('.wishlist-dashboard, .guest-wishlist-container').length > 0;\n\n if (isWishlist) return;\n\n var preSelectQty = $this.data('pre-select-qty');\n var quantity = $this.val();\n var productID = $this.data('pid');\n var url = $this.data('url');\n var uuid = $this.data('uuid');\n var urlParams = {\n pid: productID,\n quantity: quantity,\n uuid: uuid\n };\n var updateUrl = appendToUrl(url, urlParams);\n $('body').trigger('cart:beforeUpdate');\n $.ajax({\n url: updateUrl,\n type: 'get',\n context: $this,\n dataType: 'json',\n success: function (data) {\n $('.quantity-input-widget[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') && $('.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 var debouncedCallback = quantityWidgetHelpers.getDebouncedFn(updateQuantity);\n\n $('body').on('change', '.quantity-widget-wrapper .quantity-input-widget', function (e) {\n e.preventDefault();\n var $this = $(this);\n var $productContainer = $this.closest('.quantity-widget-wrapper');\n var quantity = quantityWidgetHelpers.getCurrentQuantity(this);\n var maxQuantity = quantityWidgetHelpers.getMaxQuantity(this);\n \n if (quantity < 1) {\n quantityWidgetHelpers.setQuantiy($this, 1);\n }\n \n quantityWidgetHelpers.updateQuantityButtonsAndError($productContainer, function() {\n var hasQuantityError = $this.closest('.product-info').find('.quantity-error.d-block').length > 0;\n var otherErrors = $('.third-party-not-available').length > 0;\n return hasQuantityError || otherErrors;\n }, $this.closest('.product-info'), $('.checkout-continue a'));\n \n if (quantity <= maxQuantity) {\n debouncedCallback($this);\n }\n });\n\n $('body').on('keydown', '.quantity-widget-wrapper .quantity-input-widget', function (e) {\n quantityWidgetHelpers.preventInvalidInput(e);\n });\n\n $('body').on('blur', '.quantity-widget-wrapper .quantity-input-widget', function (e) {\n var $this = $(this);\n quantityWidgetHelpers.resetOnBlur($this);\n });\n\n $('body').on('click', '.quantity-widget-wrapper .quantity-widget-increase', function (e) {\n e.preventDefault();\n var $this = $(this);\n\n if($this.hasClass('disabled-btn')) {\n return;\n }\n\n var $productContainer = $this.closest('.quantity-widget-wrapper');\n var $quantityInput = $productContainer.find('.quantity-input-widget');\n \n var step = quantityWidgetHelpers.getStep($quantityInput);\n var maxQuantity = quantityWidgetHelpers.getMaxQuantity($quantityInput);\n var currentQuantity = quantityWidgetHelpers.getCurrentQuantity($quantityInput);\n\n if (currentQuantity < maxQuantity) {\n var newQuantity = parseInt($quantityInput.val(), 10) + step;\n quantityWidgetHelpers.setQuantiy($quantityInput, newQuantity);\n debouncedCallback($quantityInput);\n }\n quantityWidgetHelpers.updateQuantityButtonsAndError($productContainer, function() {\n var hasQuantityError = $this.closest('.product-info').find('.quantity-error.d-block').length > 0;\n var otherErrors = $('.third-party-not-available').length > 0;\n return hasQuantityError || otherErrors;\n }, $quantityInput.closest('.product-info'), $('.checkout-continue a'));\n });\n\n $('body').on('click', '.quantity-widget-wrapper .quantity-widget-decrease', function (e) {\n e.preventDefault();\n var $this = $(this);\n\n if($this.hasClass('disabled-btn')) {\n return;\n }\n\n var $productContainer = $this.closest('.quantity-widget-wrapper');\n var $quantityInput = $productContainer.find('.quantity-input-widget');\n \n\n var step = quantityWidgetHelpers.getStep($quantityInput);\n var currentQuantity = quantityWidgetHelpers.getCurrentQuantity($quantityInput);\n var maxQuantity = quantityWidgetHelpers.getMaxQuantity($quantityInput);\n\n if (currentQuantity > 1) {\n var newQuantity = parseInt($quantityInput.val(), 10) - step;\n quantityWidgetHelpers.setQuantiy($quantityInput, newQuantity);\n }\n\n if (newQuantity <= maxQuantity) {\n debouncedCallback($quantityInput);\n }\n\n quantityWidgetHelpers.updateQuantityButtonsAndError($productContainer, function() {\n var hasQuantityError = $this.closest('.product-info').find('.quantity-error.d-block').length > 0;\n var otherErrors = $('.third-party-not-available').length > 0;\n return hasQuantityError || otherErrors;\n }, $quantityInput.closest('.product-info'), $('.checkout-continue a'));\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 $deleteCheckoutConfirmBtn = $('.delete-checkout-coupon-confirmation-btn');\n var $productToRemoveSpan = $('.coupon-to-remove');\n\n $deleteConfirmBtn.data('uuid', uuid);\n $deleteConfirmBtn.data('code', couponCode);\n $deleteCheckoutConfirmBtn.data('uuid', uuid);\n $deleteCheckoutConfirmBtn.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 $('#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-input'\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\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('quantity:update', function() {\n var selectedQuantity = $('.quantity-input').val();\n if (!selectedQuantity) {\n selectedQuantity = $('.quantity-input-widget').val();\n }\n $('.modal.show .update-cart-url').data('selected-quantity', selectedQuantity);\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 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 };\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 $('body').on('click', '.delete-checkout-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 updateCheckOutTotals(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\n $('body').on('click', '.promo-code-btn-checkout', 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-checkout .form-control').addClass('is-invalid');\n $('.promo-code-form-checkout .form-control').attr('aria-describedby', 'missingCouponCode');\n $('.coupon-missing-error').removeClass('hidden');\n $('.coupon-missing-error').show();\n // $.spinner().stop();\n return false;\n }\n var $form = $('.promo-code-form-checkout');\n $('.promo-code-form-checkout .form-control').removeClass('is-invalid');\n $('.coupon-error-message').empty();\n $('body').trigger('promotion:beforeUpdate');\n var data = \"couponCode=\"+ $('.coupon-code-field').val() + \"&csrf_token=\" + $('[name=\"csrf_token\"]').val();\n \n $.ajax({\n url: $form.attr('data-url'),\n type: 'GET',\n dataType: 'json',\n data: data,\n success: function (data) {\n if (data.error) {\n $('.promo-code-form-checkout .form-control').addClass('is-invalid');\n $('.promo-code-form-checkout .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 updateCheckOutTotals(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 $('.size-chart button').on('click', function (e) {\n e.preventDefault();\n var url = $(this).attr('href');\n var $prodSizeChart = $('.size-chart-modal .modal-body');\n if ($prodSizeChart.is(':empty') || $('.product-set-detail').length) {\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'html',\n success: function (response) {\n $prodSizeChart.html(JSON.parse(response).content);\n $('#sizechart-modal').modal('show');\n customerservice.init();\n },\n error: function () {\n $('#sizechart-modal').remove();\n }\n });\n } else {\n $('#sizechart-modal').modal('show');\n customerservice.init();\n }\n });\n\n var $sizeChart = $('.size-chart-collapsible');\n $('body').on('click touchstart', function (e) {\n if ($('.size-chart').has(e.target).length <= 0) {\n $sizeChart.removeClass('active');\n }\n });\n\n wishlist.addToWishlist();\n base.selectAttribute();\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","'use strict';\n\nvar base = require('base/components/clientSideValidation');\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 on blur.\n* @returns {boolean} - Flag to indicate if form is valid on blur\n*/\nfunction validateFormBlur(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 if (!this.validity.valid) {\n this.setCustomValidity('');\n if (!this.validity.valid) {\n var emptyFieldValidationMsg = window.Resources.EMPTY_FORM_ERROR_MSG;\n var validationMessage = emptyFieldValidationMsg;\n $(this).addClass('is-invalid');\n $(this).removeClass('has-success');\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 } else {\n $(this).removeClass('is-invalid');\n $(this).addClass('has-success');\n $(this).closest('div.form-group').find('.invalid-feedback').text('');\n }\n return valid;\n}\n\nmodule.exports = {\n invalid: base.invalid,\n\n submit: base.submit,\n\n buttonClick: base.buttonClick,\n\n functions: base.functions,\n\n focusoutValidation: function () {\n $('body').on('blur', 'input, select, textarea', function (e) {\n validateFormBlur.call(this, e);\n });\n },\n\n validateFormFill: function () {\n $('body').on('validateFormFill', function () {\n $('.form-group .invalid-feedback').text('');\n $('.form-group .is-invalid').removeClass('is-invalid');\n $('input, select').each(function () {\n if ($(this).val()) {\n validateFormBlur.call(this);\n }\n });\n });\n },\n\n inputFieldEmptyCheck: function () {\n $('body').on('input change', 'input.shippingAddressOne', function () {\n if ($(this).val()) {\n if ($('.shippingAddressCity').val()) {\n $('.shippingAddressCity').blur();\n }\n if ($('.shippingZipCode').val()) {\n $('.shippingZipCode').blur();\n }\n }\n });\n }\n};\n","'use strict';\n\nvar scrollAnimate = require('base/components/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 $('#email-response').css('display', 'block');\n $('#email-response .modal-content span').on('click', function() {\n $('#email-response').css('display', 'none');\n });\n $('#email-response .modal-content').show();\n $('#email-alert-address').val('');\n }\n}\n\nmodule.exports = function () {\n $('.back-to-top').click(function () {\n scrollAnimate();\n });\n\n $('.email-alert-signup').submit(function (e) {\n e.preventDefault();\n var url = Urls.emailSignup + '?ajax';\n var button = $(this);\n var emailId =$(this).find('.email-alert-address').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 var isModalCookieSet = $.cookie('emailSignupModal');\n var modal = $('#welcome-email-modal').find('.modal-body');\n\n if (modal.length && isModalCookieSet == null && $('.page[data-action=\"Home-Show\"]').length && SitePreferences.ETL_ENABLE_EMAIL_SIGNUP) {\n $('#welcome-email-modal').modal('show');\n $.cookie('emailSignupModal', null, {path: '/'});\n $.cookie('emailSignupModal', 'assetclose', {path: '/',expires: 1825});\n }\n\n $('#email-modal-signup').submit(function (e) {\n e.preventDefault();\n var url = Urls.emailSignup + '?ajax';\n var button = $(this);\n var emailId =$(this).find('#email-modal-address').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 $.spinner().stop();\n if(data.success) {\n $('#email-response-modal').text('Thank You for Signing Up');\n $('#email-modal-address').val('');\n }\n },\n error: function (err) {\n displayMessage(err, button);\n }\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');\nvar scrollTriggerBTTDesktop = 400;\nvar scrollTriggerBTTMobile = 200;\nvar desktopBreakpoint = 961;\nvar positionFixedHeader = 0;\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\nvar backToTop = function () {\n var scrollTop = $(window).scrollTop();\n var desktopQuery = window.matchMedia('(min-width: 961px)').matches;\n var scrollTrigger;\n\n if (desktopQuery.matches) {\n scrollTrigger = scrollTriggerBTTDesktop;\n\n } else {\n scrollTrigger = scrollTriggerBTTMobile;\n }\n\n if (scrollTop > scrollTrigger) {\n $('.back-to-top').addClass('show');\n } else {\n $('.back-to-top').removeClass('show');\n }\n if (window.innerWidth < desktopBreakpoint) {\n $('.header-banner').css('display', 'none');\n }\n};\n\nmodule.exports = function () {\n $(document).ready(function () {\n try {\n const loggedInElement = $(\".logged-in\");\n if (loggedInElement.length > 0) {\n loggedInElement.parent().prepend(loggedInElement);\n }\n var targetElement = $(\".minicart-link\")[0];\n var observer = new MutationObserver(function (mutationsList, observer) {\n for (var mutation of mutationsList) {\n if (mutation.type === 'childList' || mutation.type === 'characterData') {\n if($(targetElement).find(\".minicart-quantity\").text() === '0') {\n $(\".minicart-quantity\").addClass(\"text-white\");\n } else {\n $(\".minicart-quantity\").removeClass(\"text-white\");\n }\n }\n }\n });\n var config = { childList: true, subtree: true, characterData: true };\n observer.observe(targetElement, config);\n } catch (error) {\n console.log(\"An error occurred:\", error.message);\n }\n const $searchInput = $(\".search-for-fixed-header .search-field\");\n const $clearIcon = $(\".search-for-fixed-header .search-clear-icon\");\n const $searchContainer = $(\".search-for-fixed-header .site-search form\");\n function adjustSearchField() {\n if ($(window).width() <= 768) {\n if ($searchInput.val().trim() !== \"\") {\n $clearIcon.show();\n $searchContainer.width(\"90%\");\n } else {\n $clearIcon.hide();\n $searchContainer.width(\"100%\");\n }\n } else {\n $clearIcon.hide();\n $searchContainer.width(\"100%\");\n }\n }\n adjustSearchField();\n $searchInput.on(\"input\", adjustSearchField);\n $(window).on(\"resize\", adjustSearchField);\n $clearIcon.on(\"click\", function () {\n $searchInput.val(\"\");\n $clearIcon.hide();\n $searchContainer.width(\"100%\");\n });\n });\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 $('.dropdown:not(.disabled) [data-toggle=\"dropdown\"]')\n .on('click', function (e) {\n if (!isDesktop(this)) {\n $('.modal-background').show();\n // copy parent element into current UL\n var li = $('
');\n var link = $(this).clone().removeClass('dropdown-toggle')\n .removeAttr('data-toggle')\n .removeAttr('aria-expanded')\n .attr('aria-haspopup', 'false');\n li.append(link);\n var closeMenu = $('');\n closeMenu.append($('.close-menu').first().clone());\n $(this).parent().children('.dropdown-menu')\n .prepend(li)\n .prepend(closeMenu)\n .attr('aria-hidden', 'false');\n // copy navigation menu into view\n $(this).parent().addClass('show');\n $(this).parent().find('.svg-close').hide();\n $(this).attr('aria-expanded', 'true');\n $(link).focus();\n $('div.menu-group > ul.nav.navbar-nav > li.nav-item > a').attr('aria-hidden', 'true');\n $('body').addClass(\"nav-model-opened\");\n $('html').addClass('level-2-open');\n e.stopImmediatePropagation();\n e.preventDefault();\n } else {\n window.location.href = $(this).attr(\"href\");\n }\n })\n .on('mouseenter', function () {\n if (isDesktop(this)) {\n var eventElement = this;\n $('.navbar-nav > li').each(function () {\n if (!$.contains(this, eventElement)) {\n $(this).find('.show').each(function () {\n clearSelection(this);\n });\n if ($(this).hasClass('show')) {\n $(this).removeClass('show');\n $(this).children('ul.dropdown-menu').removeClass('show');\n $(this).children('.nav-link').attr('aria-expanded', 'false');\n }\n }\n });\n // need to close all the dropdowns that are not direct parent of current dropdown\n $(this).parent().addClass('show');\n $(this).siblings('.dropdown-menu').addClass('show');\n $(this).attr('aria-expanded', 'true');\n }\n })\n .parent()\n .on('mouseleave', function () {\n if (isDesktop(this)) {\n $(this).removeClass('show');\n $(this).children('.dropdown-menu').removeClass('show');\n $(this).children('.nav-link').attr('aria-expanded', 'false');\n }\n });\n\n $('.navbar>.close-menu>.close-button').on('click', function (e) {\n e.preventDefault();\n $('.menu-toggleable-left').removeClass('in');\n $('.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 $('body').removeClass(\"nav-model-opened\");\n $('html').removeClass('level-2-open');\n $('body').removeClass('modal-open');\n $('.search-mobile').find('.site-search').removeClass('active');\n // $('.main-nav-container').append($(\".search-mobile\"));\n //$(\".search-field\").val(\"\").focus();\n });\n\n $('.navbar-nav').on('click', '.back', function (e) {\n e.preventDefault();\n clearSelection(this);\n $('html').removeClass('level-2-open');\n });\n\n $('.navbar-nav').on('click', '.close-button', function (e) {\n e.preventDefault();\n $('.navbar-nav').find('.top-category').detach();\n $('.navbar-nav').find('.nav-menu').detach();\n $('.navbar-nav').find('.show').removeClass('show');\n $('.menu-toggleable-left').removeClass('in');\n\n $('.main-menu').siblings().attr('aria-hidden', 'false');\n $('header').siblings().attr('aria-hidden', 'false');\n $('body').removeClass(\"nav-model-opened\");\n $('html').removeClass('level-2-open');\n $('.modal-background').hide();\n });\n\n $('.navbar-toggler').click(function (e) {\n e.preventDefault();\n $('.main-menu').toggleClass('in');\n $('.modal-background').show();\n\n $('.main-menu').removeClass('d-none');\n $('.main-menu').attr('aria-hidden', 'false');\n $('.main-menu').siblings().attr('aria-hidden', 'true');\n $('header').siblings().attr('aria-hidden', 'true');\n $('body').addClass(\"nav-model-opened\");\n $('.main-menu .nav.navbar-nav .nav-link').first().focus();\n // $(\".nav-container-mob\").prepend($(\".search-mobile\"));\n //$(\".search-field\").val(\"\").focus();\n });\n\n keyboardAccessibility('.navbar-header .user',\n {\n 40: function ($popover) { // down\n if ($popover.children('a').first().is(':focus')) {\n $popover.next().children().first().focus();\n } else {\n $popover.children('a').first().focus();\n }\n },\n 38: function ($popover) { // up\n if ($popover.children('a').first().is(':focus')) {\n $(this).focus();\n $popover.removeClass('show');\n } else {\n $popover.children('a').first().focus();\n }\n },\n 27: function () { // escape\n $('.navbar-header .user .popover').removeClass('show');\n $('.user').attr('aria-expanded', 'false');\n },\n 9: function () { // tab\n $('.navbar-header .user .popover').removeClass('show');\n $('.user').attr('aria-expanded', 'false');\n }\n },\n function () {\n var $popover = $('.user .popover li.nav-item');\n return $popover;\n }\n );\n\n $('.navbar-header .signed-user').on('mouseenter focusin', function () {\n if ($('.navbar-header .user .popover').length > 0) {\n $('.navbar-header .user .popover').addClass('show');\n $('.user').attr('aria-expanded', 'true');\n }\n });\n\n $('.navbar-header .user').on('mouseleave', function () {\n $('.navbar-header .user .popover').removeClass('show');\n $('.user').attr('aria-expanded', 'false');\n });\n $('body').on('click', '#myaccount', function () {\n event.preventDefault();\n });\n $(window).scroll(function() {\n var scroll = $(window).scrollTop();\n if(scroll > 400) {\n $(\".main-nav-container\").addClass('position-fixed');\n if($(window).width() > 991) {\n $(\".header.container\").addClass('d-none');\n $(\".search-for-fixed-header\").removeClass(\"d-sm-none\");\n $(\".stycky-header-minicart\").removeClass('d-none');\n $(\".sticky-header-brand-logo\").removeClass('d-none');\n } else {\n $(\".header.container\").removeClass('d-none');\n $(\".search-for-fixed-header\").addClass(\"d-sm-none\");\n $(\".stycky-header-minicart\").addClass('d-none');\n }\n } else {\n $(\".main-nav-container\").removeClass('position-fixed');\n $(\".sticky-header-brand-logo\").addClass('d-none');\n $(\".header.container\").removeClass('d-none');\n $(\".search-for-fixed-header\").addClass(\"d-sm-none\");\n $(\".stycky-header-minicart\").addClass('d-none');\n $(\".main-nav-container\").trigger(\"click\");\n }\n // if (scroll > positionFixedHeader) {\n // $(\".main-nav-container\").removeClass('position-fixed');\n // $(\".header.container\").removeClass('d-none');\n // $(\".search-for-fixed-header\").addClass(\"d-sm-none\");\n // $(\".stycky-header-minicart\").addClass('d-none');\n // } else {\n // $(\".main-nav-container\").addClass('position-fixed');\n // if($(window).width() > 991) {\n // $(\".header.container\").addClass('d-none');\n // $(\".search-for-fixed-header\").removeClass(\"d-sm-none\");\n // $(\".stycky-header-minicart\").removeClass('d-none');\n // if($(\"#sg-navbar-collapse\").find(\".navbar-header.brand\").length == 0) {\n // $(\"#sg-navbar-collapse\").prepend($(\".navbar-header.brand\").clone());\n // }\n // } else {\n // $(\".header.container\").removeClass('d-none');\n // $(\".search-for-fixed-header\").addClass(\"d-sm-none\");\n // $(\".stycky-header-minicart\").addClass('d-none');\n // }\n // }\n positionFixedHeader = scroll;\n });\n if ($('.back-to-top').length) {\n $(window).on('scroll', function () {\n backToTop();\n });\n\n $('body').on('click', '.back-to-top', function (e) {\n e.preventDefault();\n if (window.innerWidth < desktopBreakpoint) {\n $('.header-banner').css('display', 'none');\n }\n $('html,body').animate({\n scrollTop: 0\n }, 500);\n });\n }\n $('.custom-level-two').on('click', function () {\n $(this).toggleClass('active');\n $(this).closest('.custom-li-link').find('ul.level-3').toggleClass('hidden-md-down');\n });\n};\n","'use strict';\n\nvar cart = require('../cart/cart');\n\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 ($('.add-to-wishlist-messages').length === 0) {\n $('body').append('
');\n }\n $('.add-to-wishlist-messages')\n .append('
' + data.msg + '
');\n\n setTimeout(function () {\n $('.add-to-wishlist-messages').remove();\n }, 1500);\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\nmodule.exports = function () {\n cart();\n\n // moveToWishlist funtion from WL plugin move items from Cart to wishlist returns json object with success or error message\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 $('.minicart').on('count:update', function (event, count) {\n if (count && $.isNumeric(count.quantityTotal)) {\n $('.minicart .minicart-quantity').text(count.quantityTotal);\n $('.minicart .minicart-link').attr({\n 'aria-label': count.minicartCountOfItems,\n title: count.minicartCountOfItems\n });\n }\n });\n\n $('.minicart').on('mouseenter touchstart', function () {\n if ($('.search:visible').length === 0) {\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 $('.minicart .popover').addClass('show');\n return;\n }\n\n $('.minicart .popover').addClass('show');\n // $('.minicart .popover').spinner().start();\n $.get(url, function (data) {\n $('.minicart .popover').empty();\n $('.minicart .popover').append(data);\n updateMiniCart = false;\n // $.spinner().stop();\n });\n }\n });\n $('body').on('touchstart click', function (e) {\n if ($('.minicart').has(e.target).length <= 0) {\n $('.minicart .popover').removeClass('show');\n }\n });\n $('.minicart').on('mouseleave focusout', function (event) {\n if ((event.type === 'focusout' && $('.minicart').has(event.target).length > 0)\n || (event.type === 'mouseleave' && $(event.target).is('.minicart .quantity'))\n || $('body').hasClass('modal-open')) {\n event.stopPropagation();\n return;\n }\n $('.minicart .popover').removeClass('show');\n });\n $('body').on('change', '.minicart .quantity', function () {\n if ($(this).parents('.bonus-product-line-item').length && $('.cart-page').length) {\n location.reload();\n }\n });\n $('body').on('product:afterAddToCart', function () {\n updateMiniCart = true;\n });\n $('body').on('cart:update', function () {\n updateMiniCart = true;\n var url = $('.mirakl-shipping-price').data('mirakl-update-url');\n $.ajax({\n url: url,\n method: 'get',\n dataType: 'json',\n success: function (data) {\n if (!data.hasSH02response && data.isMiraklOrder) {\n if (!$('.mirakl-shipping-price').hasClass('d-none')) {\n $('.mirakl-shipping-price').addClass('d-none');\n $('.mirakl-shipping-message').text(\n data.miraklEmptyShippingPriceMessage\n );\n $('.mirakl-shipping-message').removeClass('d-none');\n }\n // eslint-disable-next-line eqeqeq\n } else if (data.basketModel.totals.miraklShippingPriceFormatted != null) {\n $('.mirakl-shipping-price-formatted').text(\n data.basketModel.totals.miraklShippingPriceFormatted\n );\n $('.mirakl-shipping-price').removeClass('d-none');\n $('.mirakl-shipping-message').addClass('d-none');\n } else if (data.isMiraklOrder !== true) {\n if (!$('.mirakl-shipping-price').hasClass('d-none')) {\n $('.mirakl-shipping-price').addClass('d-none');\n }\n if (!$('.mirakl-shipping-message').hasClass('d-none')) {\n $('.mirakl-shipping-message').addClass('d-none');\n }\n }\n $('.tax-total').text(data.basketModel.totals.totalTax);\n $('.grand-total').text(data.basketModel.totals.grandTotal);\n }\n });\n });\n $('body').on('shown.bs.modal', '#cart-modal', function () {\n $('body').addClass('modal-open');\n });\n $('body').on('hidden.bs.modal', '#cart-modal', function () {\n $('body').removeClass('modal-open');\n });\n $(document).on('click', '#cart-modal', function () {\n $('body').addClass('modal-open');\n });\n};\n","'use strict';\n\nvar debounce = require('lodash/debounce');\nvar endpoint = $('.suggestions-wrapper').data('url');\nvar minChars = 1;\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 && $(window).width() < 992;\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 $('.search-mobile').find('.site-search').removeClass('active');\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-lg-block');\n positionSuggestions(this);\n\n if (isMobileSearch(this)) {\n toggleSuggestionsIcon('close');\n applyModals(this);\n $(this).closest('.site-search').addClass('active');\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 $(this).closest('.site-search').removeClass('active');\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-lg-block');\n $(scope).closest('.site-search').removeClass('active');\n clearModals();\n getSuggestionsWrapper(scope).empty();\n }\n}\n\n/**\n * Handle Search Suggestion Keyboard Arrow Keys\n *\n * @param {Integer} direction takes positive or negative number constant, DIRECTION_UP (-1) or DIRECTION_DOWN (+1)\n */\nfunction handleArrow(direction) {\n // get all li elements in the suggestions list\n var suggestionsList = $('.suggestions .item');\n if (suggestionsList.filter('.selected').length === 0) {\n suggestionsList.first().addClass('selected');\n $('input.search-field').each(function () {\n $(this).attr('aria-activedescendant', suggestionsList.first()[0].id);\n });\n } else {\n suggestionsList.each(function (index) {\n var idx = index + direction;\n if ($(this).hasClass('selected')) {\n $(this).removeClass('selected');\n $(this).removeAttr('aria-selected');\n if (suggestionsList.eq(idx).length !== 0) {\n suggestionsList.eq(idx).addClass('selected');\n suggestionsList.eq(idx).attr('aria-selected', true);\n $(this).removeProp('aria-selected');\n $('input.search-field').each(function () {\n $(this).attr('aria-activedescendant', suggestionsList.eq(idx)[0].id);\n });\n } else {\n suggestionsList.first().addClass('selected');\n suggestionsList.first().attr('aria-selected', true);\n $('input.search-field').each(function () {\n $(this).attr('aria-activedescendant', suggestionsList.first()[0].id);\n });\n }\n return false;\n }\n return true;\n });\n }\n}\n\nmodule.exports = function () {\n $('form[name=\"simpleSearch\"]').submit(function (e) {\n var suggestionsList = $('.suggestions .item');\n if (suggestionsList.filter('.selected').length !== 0) {\n e.preventDefault();\n suggestionsList.filter('.selected').find('a')[0].click();\n }\n });\n\n $('input.search-field').each(function () {\n /**\n * Use debounce to avoid making an Ajax call on every single key press by waiting a few\n * hundred milliseconds before making the request. Without debounce, the user sees the\n * browser blink with every key press.\n */\n var debounceSuggestions = debounce(getSuggestions, 300);\n $(this).on('keyup focus', function (e) {\n // Capture Down/Up Arrow Key Events\n switch (e.which) {\n case DOWN_KEY:\n handleArrow(DIRECTION_DOWN);\n e.preventDefault(); // prevent moving the cursor\n break;\n case UP_KEY:\n handleArrow(DIRECTION_UP);\n e.preventDefault(); // prevent moving the cursor\n break;\n default:\n debounceSuggestions(this, e);\n }\n });\n });\n\n $('body').on('click', function (e) {\n if (!$('.suggestions').has(e.target).length && !$(e.target).hasClass('search-field') && !$(e.target).hasClass(\"fa-search\") && !$(e.target).hasClass('Search')) {\n $('.suggestions').hide();\n // $(\".search-field\").val(\"\");\n //toggleSuggestionsIcon('search');\n tearDownSuggestions();\n }\n });\n\n $('body').on('click touchend', '.search-mobile button.fa-close', function (e) {\n e.preventDefault();\n $('.suggestions').hide();\n $(\".search-field\").val(\"\");\n toggleSuggestionsIcon('search');\n tearDownSuggestions();\n $(this).closest('.site-search').removeClass('active');\n });\n\n $('.site-search .reset-button').on('click', function () {\n $(this).removeClass('d-lg-block');\n });\n\n $('.refinements-mobile-clp').on('click', '.refinement-header', function (e) {\n e.stopPropagation();\n $(this).toggleClass('active');\n });\n\n // handle toggle refinement block - Mobile Viewport\n if (window.matchMedia('(max-width: 768px)').matches) {\n $('.refinements-mobile-clp').on('click', '.menu-group label', function () {\n $(this).parents('.menu-group').toggleClass('active');\n });\n }\n};\n","'use strict';\n\nmodule.exports = function () {\n var hasToolTip = $('.info-icon');\n hasToolTip.on('click', function () {\n $(this).find('.tooltip').toggleClass('d-none');\n if (!$(this).find('.tooltip').hasClass('d-none')) {\n $('
').appendTo('body');\n } else {\n $('.tooltip-backdrop').remove();\n }\n });\n\n $('body').on('click', '.tooltip-backdrop', function () {\n hasToolTip.find('.tooltip').addClass('d-none');\n $('.tooltip-backdrop').remove();\n });\n};\n","'use strict';\n\n/*\n * Function setActivePage()\n * Description sets the menu line to active\n */\nfunction setActivePage() {\n var pageName = $('#activePage').html();\n $('.tab-content ul li a').each(function() {\n if ($(this).html().trim() == pageName) {\n $(this).addClass('active');\n }\n });\n}\n\n/*\n * Function initTabs()\n * Description Initializes all instances of tabbed content\n */\nfunction initTabs() {\n if ($('.tabbedContent').length) {\n $('.tabbedContent').each(function () {\n var section = $(this);\n var hash = '.' + window.location.hash.substring(1);\n\n section.find('.tab-container:first .tabContent').hide();\n\n // prevent hash check in PDP size chart modal due to PDP hash params\n if ($('.size-chart-modal').length == 0 && hash != '.' && $(hash).length) {\n var activeTab = $(hash).attr('rel');\n section.find('.'+activeTab+'.tabContent').fadeIn();\n section.find('ul.tabs:first li').removeClass('active');\n $(hash).addClass('active');\n\n } else {\n section.find('.tab-container:first .tabContent:first').show();\n }\n\n section.find('ul.tabs:first li').click(function() {\n var module = $(this).closest('.tabbedContent');\n module.find('.tab-container:first').children('.tabContent').hide();\n var activeTab = $(this).attr('rel');\n module.find('.tab-container:first').children('.' + activeTab).fadeIn();\n module.find('ul.tabs:first li').removeClass('active');\n $(this).addClass('active');\n\n });\n var sizechartTab = $('.size-chart .tabbedContent');\n sizechartTab.find('ul.tabs:first li').click(function() {\n var module = $(this).closest('.tabbedContent');\n module.find('.tab-container:first').children('.tabContent').hide();\n var activeTab = $(this).attr('rel');\n module.find('.tab-container:first').children('.' + activeTab).fadeIn();\n module.find('ul.tabs:first li').removeClass('active');\n module.find('ul.tabs:first li button').attr('aria-selected',false);\n module.find('ul.tabs:first li button').attr('tabindex',-1);\n $(this).addClass('active');\n $(this).find('button').attr('aria-selected',true);\n $(this).find('button').attr('tabindex',0);\n });\n var tabs = sizechartTab.find('ul.tabs:first > li');\n sizechartTab.find('ul.tabs:first > li').on('keydown', function(e) {\n var key = e.keyCode;\n var module = $(this).closest('.tabbedContent');\n //Trigger Next li if right key pressed\n if (key === 39) {\n $(this).next('li').trigger('click');\n module.find('ul.tabs:first li.active').find('button').focus();\n return;\n }\n //Trigger Next li if left key pressed\n if (key === 37) {\n $(this).prev('li').trigger('click');\n module.find('ul.tabs:first li.active').find('button').focus();\n return;\n }\n\n //Trigger End li if left key pressed\n if (key === 35) {\n tabs[tabs.length - 1].trigger('click');\n module.find('ul.tabs:first li.active').find('button').focus();\n return;\n }\n\n //Trigger Home li if left key pressed\n if (key === 36) {\n tabs[0].trigger('click');\n module.find('ul.tabs:first li.active').find('button').focus();\n return;\n }\n });\n });\n\n }\n}\n\n/*\n * Function initAccordions()\n * Description Initializes all instances of accordion content, aka content in expandable drawers\n */\nfunction initAccordions() {\n if ($('.accordion').length) {\n $('.accordion').each(function () {\n $(this).find('.drawerHeading').click(function() {\n var module = $(this).closest('.accordion');\n module.find('.drawerContent').hide();\n\n if ($(this).hasClass('drawerActive')) {\n $(this).removeClass('drawerActive');\n $(this).attr('aria-selected',false);\n } else {\n var drawerActiveTab = $(this).attr('rel');\n module.find('.' + drawerActiveTab).fadeIn();\n module.find('.drawerHeading').removeClass('drawerActive');\n $(this).addClass('drawerActive');\n $(this).attr('aria-selected',true);\n }\n });\n\n });\n }\n}\n\n/*\n * Function initEvents ()\n * Description Initializes the mobile menu\n */\nfunction initEvents () {\n // handle toggle refinement block - Mobile Viewport\n $('#secondary').on('click', '.refinement-header', function () {\n $(this).toggleClass('active');\n });\n\n $('.pt_customer-service').on('click', '.menu-group-title-expand', function () {\n //collapse all when tapping on open group\n if ($(this).parents('.menu-group').hasClass('active')) {\n $(this).parents('.menu-group').removeClass('active');\n } else {\n // tapping on new group, collapse open group and open new group\n $(this).parents('.menu-group').addClass('active');\n }\n });\n}\n\nvar customerservice = {\n init: function () {\n setActivePage();\n initEvents();\n initTabs();\n initAccordions();\n }\n};\n\nmodule.exports = customerservice;\n","'use strict';\n\nvar base = require('base/product/base');\nvar quantityWidgetHelpers = require('./quantity');\nvar powerReview = require('../product/powerReview');\n\nwindow.jqueryzoom = window.jqueryZoom = require('jquery-zoom/jquery.zoom.min');\n// var pinchZoom = require('pinch-zoom-js/src/pinch-zoom');\nvar imagesLoaded = require('imagesloaded');\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 */\n function getPidValue($el) {\n var pid;\n\n if ($('#quickViewModal').hasClass('show') && !$('.product-set').length) {\n pid = $($el).closest('.modal-content').find('.product-quickview').data('pid');\n } else if ($('.product-set-detail').length || $('.product-set').length) {\n pid = $($el).closest('.product-detail').find('.product-id').data('sku-id');\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 quantitySelector;\n if ($el && $('.set-items').length) {\n quantitySelector = $($el).closest('.product-detail').find('.quantity-input');\n } else if ($el && $('.product-bundle').length) {\n var quantitySelectedModal = $($el).closest('.modal-footer').find('.quantity-input');\n var quantitySelectedPDP = $($el).closest('.bundle-footer').find('.quantity-input');\n if (quantitySelectedModal.val() === undefined) {\n quantitySelector = quantitySelectedPDP;\n } else {\n quantitySelector = quantitySelectedModal;\n }\n } else {\n quantitySelector = $('.quantity-input');\n }\n return quantitySelector;\n}\n\n/**\n * Retrieves the value associated with the Quantity pull-down menu\n * @param {jquery} $el - DOM container for the relevant quantity\n * @return {string} - value found in the quantity input\n */\nfunction getQuantitySelected($el) {\n return getQuantitySelector($el).val();\n}\n\n/**\n * Process the attribute values for an attribute that has image swatches\n *\n * @param {Object} attr - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {Object[]} attr.values - Array of attribute value objects\n * @param {string} attr.values.value - Attribute coded value\n * @param {string} attr.values.url - URL to de/select an attribute value of the product\n * @param {boolean} attr.values.isSelectable - Flag as to whether an attribute value can be\n * selected. If there is no variant that corresponds to a specific combination of attribute\n * values, an attribute may be disabled in the Product Detail Page\n * @param {jQuery} $productContainer - DOM container for a given product\n * @param {Object} msgs - object containing resource messages\n */\nfunction processSwatchValues(attr, $productContainer, msgs) {\n attr.values.forEach(function (attrValue) {\n var $attrValue = $productContainer.find('[data-attr=\"' + attr.id + '\"] [data-attr-value=\"' +\n attrValue.value + '\"]');\n var $swatchButton = $attrValue.parent();\n\n if (attrValue.selected) {\n $attrValue.addClass('selected');\n $attrValue.siblings('.selected-assistive-text').text(msgs.assistiveSelectedText);\n } else {\n $attrValue.removeClass('selected');\n $attrValue.siblings('.selected-assistive-text').empty();\n }\n\n if (attrValue.url) {\n $swatchButton.attr('data-url', attrValue.url);\n } else {\n $swatchButton.removeAttr('data-url');\n }\n\n // Disable if not selectable\n $attrValue.removeClass('selectable unselectable');\n\n $attrValue.addClass(attrValue.selectable ? 'selectable' : 'unselectable');\n });\n}\n\n/**\n * Process attribute values associated with an attribute that does not have image swatches\n *\n * @param {Object} attr - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {Object[]} attr.values - Array of attribute value objects\n * @param {string} attr.values.value - Attribute coded value\n * @param {string} attr.values.url - URL to de/select an attribute value of the product\n * @param {boolean} attr.values.isSelectable - Flag as to whether an attribute value can be\n * selected. If there is no variant that corresponds to a specific combination of attribute\n * values, an attribute may be disabled in the Product Detail Page\n * @param {jQuery} $productContainer - DOM container for a given product\n */\nfunction processNonSwatchValues(attr, $productContainer) {\n var $attr = '[data-attr=\"' + attr.id + '\"]';\n var $defaultOption = $productContainer.find($attr + ' .select-' + attr.id + ' option:first');\n $defaultOption.attr('value', attr.resetUrl);\n\n attr.values.forEach(function (attrValue) {\n var $attrValue = $productContainer\n .find($attr + ' [data-attr-value=\"' + attrValue.value + '\"]');\n $attrValue.attr('value', attrValue.url)\n .removeAttr('disabled');\n\n if (!attrValue.selectable) {\n $attrValue.attr('disabled', true);\n }\n });\n}\n\n/**\n * Routes the handling of attribute processing depending on whether the attribute has image\n * swatches or not\n *\n * @param {Object} attrs - Attribute\n * @param {string} attr.id - Attribute ID\n * @param {jQuery} $productContainer - DOM element for a given product\n * @param {Object} msgs - object containing resource messages\n */\nfunction updateAttrs(attrs, $productContainer, msgs) {\n // Currently, the only attribute type that has image swatches is Color.\n var attrsWithSwatches = ['color', 'size', 'cardType', 'cardAmount'];\n\n attrs.forEach(function (attr) {\n if (attrsWithSwatches.indexOf(attr.id) > -1) {\n processSwatchValues(attr, $productContainer, msgs);\n if (attr.id == 'color') {\n $productContainer.find('.attr-color-value').text(attr.displayValue.toLowerCase());\n } else if(attr.id == 'size') {\n $productContainer.find('.attr-size-value').text(attr.displayValue.toLowerCase());\n } else if(attr.id == 'cardType') {\n $productContainer.find('.attr-cardtype-value').text(attr.displayValue.toLowerCase());\n } else if(attr.id == 'cardAmount') {\n $productContainer.find('.attr-cardamount-value').text(attr.displayValue.toLowerCase());\n }\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 + '
';\n } else {\n availabilityMessages.forEach(function (message) {\n availabilityValue += `
${message}