').append($.parseHTML(html));\n\n var body = $html.find('.choice-of-bonus-product');\n var footer = $html.find('.modal-footer').children();\n\n return { body: body, footer: footer };\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @param {Object} data - data object used to fill in dynamic portions of the html\n */\nfunction chooseBonusProducts(data) {\n $(modalBodyClass).spinner().start();\n\n if ($(chooseBonusProductModalID).length !== 0) {\n $(chooseBonusProductModalID).remove();\n }\n var bonusUrl;\n if (data.bonusChoiceRuleBased) {\n bonusUrl = data.showProductsUrlRuleBased;\n } else {\n bonusUrl = data.showProductsUrlListBased;\n }\n\n var htmlString = ''\n + '
'\n + '
'\n + '
'\n + ''\n + '
'\n + ''\n + '
'\n + ''\n + '
'\n + '
'\n + '
';\n $('body').append(htmlString);\n $(modalBodyClass).spinner().start();\n\n $.ajax({\n url: bonusUrl,\n method: 'GET',\n dataType: 'json',\n success: function (response) {\n var parsedHtml = parseHtml(response.renderedTemplate);\n $('#chooseBonusProductModal .modal-body').empty();\n $('#chooseBonusProductModal .enter-message').text(response.enterDialogMessage);\n $('#chooseBonusProductModal .modal-header .close .sr-only').text(response.closeButtonText);\n $('#chooseBonusProductModal .modal-body').html(parsedHtml.body);\n $('#chooseBonusProductModal .modal-footer').html(parsedHtml.footer);\n $(chooseBonusProductModalID).modal('show');\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\n/**\n * This method imposes conditions to show the Mini-Cart o addition of item on the basis of platforms: -\n * 1. When on mobile, the minicart persists on screen.\n * 2. When on desktop, the minicart hides after 3 second.\n */\nfunction miniCartShowHandler() {\n var $miniCartPopOver = $('.minicart .popover');\n var $document = $(document);\n $miniCartPopOver.spinner().stop();\n if ($(window).width() <= 1024) {\n $miniCartPopOver.addClass('show');\n $('body').addClass('modal-open');\n setTimeout(function () {\n $document.find('.minicart select.custom-select').prop('disabled', true);\n }, 3000);\n } else {\n var miniCartTimer = setTimeout(function () {\n $miniCartPopOver.removeClass('show');\n }, 3000);\n $document.on('minicart:hovered', function () {\n if (miniCartTimer) {\n clearTimeout(miniCartTimer);\n }\n });\n }\n}\n\n/**\n * Opens the Mini-Cart after the customer has pressed the \"Add to Cart\" button\n * @param {string} response - ajax response from clicking the add to cart button\n */\nfunction showMiniCartOnAdd(response) {\n var $minicart = $('.minicart');\n var miniCartUrl = $minicart.length ? $('.minicart').data('action-url') : '';\n var $popover = $minicart.find('.popover');\n var count = parseInt($minicart.find('.minicart-quantity').text(), 10);\n\n if (count !== 0 && $popover.length && !$popover.hasClass('show')) {\n $.spinner().start();\n $.ajax({\n url: miniCartUrl,\n method: 'GET',\n success: function (data) {\n $.spinner().stop();\n $popover.spinner().start();\n $popover.addClass('show');\n $popover.empty().append(data);\n utils.initalizePaypal();\n $('.minicart .container.cart').prepend('
');\n var checkMark = '
';\n $('.minicart').find('.minicart-success-msg').html(checkMark + response.minicartSuccessMsg);\n $('body').trigger('minicart:updateProductRecommendator');\n miniCartShowHandler();\n },\n error: function () {\n // Hide spinner\n $.spinner().stop();\n }\n });\n }\n}\n\n/**\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\n * @param {string} response - ajax response from clicking the add to cart button\n */\nfunction handlePostCartAdd(response) {\n $('.minicart').trigger('count:update', response);\n // show add to cart toast\n if (response.newBonusDiscountLineItem\n && Object.keys(response.newBonusDiscountLineItem).length !== 0) {\n chooseBonusProducts(response.newBonusDiscountLineItem);\n }\n\n showMiniCartOnAdd(response);\n\n var $productContainer = $(productDetailClass).eq(0);\n if (response.qtyLimit && response.qtyLimit.limit) {\n $productContainer.find(limitedQtyMsgClass).removeClass('d-none');\n $productContainer.find(addToCartClass).prop('disabled', true);\n } else {\n $productContainer.find(limitedQtyMsgClass).addClass('d-none');\n }\n\n if ((response.preOrderData && response.preOrderData.hasPreOrder) || (response.backOrderData && response.backOrderData.hasBackOrder)) {\n $productContainer.find('button.add-to-cart').prop('disabled', true);\n $productContainer.find('.preorder-qty-msg').removeClass('d-none');\n }\n var $addedToCartSuccessMsgCont = $('.js-added-to-cart-success-msg');\n var productName = $addedToCartSuccessMsgCont.data('productname');\n var minicartsuccessmsg = $addedToCartSuccessMsgCont.data('minicartsuccessmsg');\n var quantity = response.minicartCountOfItems;\n var msg = '
' + productName + ' ' + minicartsuccessmsg + ' ' + quantity + ' ';\n $addedToCartSuccessMsgCont.html(msg);\n}\n\n/**\n * Retrieves the bundle product item ID's for the Controller to replace bundle master product\n * items with their selected variants\n *\n * @return {string[]} - List of selected bundle product item ID's\n */\nfunction getChildProducts() {\n var childProducts = [];\n $('.bundle-item').each(function () {\n childProducts.push({\n pid: $(this).find(productIdClass).text(),\n quantity: parseInt($(this).find('label.quantity').data('quantity'), 10)\n });\n });\n\n return childProducts.length ? JSON.stringify(childProducts) : [];\n}\n\n/**\n * Retrieve product options\n *\n * @param {jQuery} $productContainer - DOM element for current product\n * @return {string} - Product options and their selected values\n */\nfunction getOptions($productContainer) {\n var options = $productContainer\n .find('.product-option')\n .map(function () {\n var $elOption = $(this).find('.options-select');\n var urlValue = $elOption.val();\n var selectedValueId = $elOption.find('option[value=\"' + urlValue + '\"]')\n .data('value-id');\n return {\n optionId: $(this).data('option-id'),\n selectedValueId: selectedValueId\n };\n }).toArray();\n\n return JSON.stringify(options);\n}\n\n/**\n * Makes a call to the server to report the event of adding an item to the cart\n *\n * @param {string | boolean} url - a string representing the end point to hit so that the event can be recorded, or false\n */\nfunction miniCartReportingUrl(url) {\n if (url) {\n $.ajax({\n url: url,\n method: 'GET',\n success: function () {\n // reporting urls hit on the server\n },\n error: function () {\n // no reporting urls hit on the server\n }\n });\n }\n}\n\n/**\n * hide desktop filters\n*/\nfunction hideFilters() {\n $(document).on('click', '.filters-hideshow-btn span.hide-filters', function (e) {\n e.preventDefault();\n var $this = $(this);\n\n $this.closest('.container').find('.hide-show-filter').toggleClass('hidden');\n $this.closest('.container').find(pgpGridsClass).toggleClass('col-lg-9');\n $this.find('.filter-hide, .filter-show').toggleClass('active');\n\n if ($('.refinement-bar').is(':visible') === true) {\n $('.filter-tabs-js').removeClass('d-lg-block');\n $('.category-seo-text').removeClass('hidefilter');\n $(pgpGridsClass).addClass('pl-lg-7');\n } else {\n $('.filter-tabs-js').addClass('d-lg-block');\n $('.category-seo-text').addClass('hidefilter');\n $(pgpGridsClass).removeClass('pl-lg-7');\n }\n\n $('body').trigger('carousels:reinit');\n });\n} hideFilters();\n\n/**\n *Activate color swatches\n */\nfunction thumTouchImg() {\n $('body').on('click touchstart focus', '.color-swatches button.sildes', function (e) {\n e.stopPropagation();\n var $this = $(this).find('img.swatch-circle');\n var $slideEl = $this.closest(BUTTON_SLIDES);\n var pidUrl = $slideEl.attr('href');\n var $productTile = $this.closest(productTileClass);\n\n var standardUrl = $this.attr('data-src');\n var largeUrl = $this.attr('data-large-srcset');\n\n // Apply new dimensions using replaceAll only for mobile devices and .enlarged-mobile-image\n if (measures.isMobile() && $productTile.closest('.pgptiles').hasClass('enlarged-mobile-image')) {\n if (largeUrl) {\n largeUrl = largeUrl.replaceAll('wid=880', 'wid=920').replaceAll('hei=880', 'hei=920');\n }\n if (standardUrl) {\n standardUrl = standardUrl.replaceAll('wid=880', 'wid=920').replaceAll('hei=880', 'hei=920');\n }\n }\n\n var getUrl = largeUrl || standardUrl;\n\n var hoverStandardUrl = $this.attr('data-src-next');\n var hoverLargeUrl = $this.attr('data-large-srcset-next');\n var getHoverUrl = hoverLargeUrl || hoverStandardUrl;\n\n // New Badge (localized)\n var badgeName = $this.closest('.sildes').find('.badge-name-to-show').text();\n // Replace Image Source\n $productTile.find('.image-container picture.firstImage source, .image-container img').attr({ srcset: getUrl, src: getUrl });\n\n if (!measures.isMobile()) {\n // Replace Image source on hover element\n $productTile.find('.image-container picture.nextImage source, .image-container img').attr({ srcset: getHoverUrl, src: getHoverUrl });\n }\n\n // update selected outline\n $slideEl.closest('.color-swatches').find(BUTTON_SLIDES).removeClass('selected');\n $slideEl.addClass('selected');\n\n // update the link on the main image\n var anchorEl = $slideEl.parents(productTileClass).find(IMAGE_CONTAINER_ANCHOR);\n anchorEl.attr('href', pidUrl);\n\n // clear the current badge\n $productTile.find('.tile-badges').empty(); // eslint-disable-line sonarjs/no-duplicate-string\n\n var searchResultsContainer = $('.container.search-results.js-search-results');\n\n // Remove unavailable class from quick view button/icon\n if (searchResultsContainer.hasClass('quick-view-button-style')) {\n $productTile.find('.quick-view-button.only-desktop').removeClass('unavailable');\n $productTile.find('.quick-view-button.only-mobile').removeClass('no-btn');\n $productTile.find('.quick-view-button.only-mobile button.button-style').removeClass('unavailable');\n }\n\n if (searchResultsContainer.hasClass('quick-view-icon-style')) {\n $productTile.find('.quick-view-icon').removeClass('unavailable');\n }\n\n // Show the badge name\n if (badgeName) {\n $productTile.find('.tile-badges').html('
' + badgeName + ' ');\n\n // Get non-localized badge name from DOM\n var productBadgeName = $this.closest('.sildes').find('.badge-name-to-show').data('badge-name');\n\n // Hide quick view icon for sold out and coming soon products\n if (productBadgeName && (productBadgeName.toLowerCase().trim() === 'sold out' || productBadgeName.toLowerCase().trim() === 'coming soon')) {\n if (searchResultsContainer.hasClass('quick-view-button-style')) {\n $productTile.find('.quick-view-button.only-desktop').addClass('unavailable');\n $productTile.find('.quick-view-button.only-mobile').addClass('no-btn');\n $productTile.find('.quick-view-button.only-mobile button.button-style').addClass('unavailable');\n }\n\n if (searchResultsContainer.hasClass('quick-view-icon-style')) {\n $productTile.find('.quick-view-icon').addClass('unavailable');\n }\n }\n }\n });\n} thumTouchImg();\n\n/**\n * Mouseover size swatches\n */\nfunction mouseOverSizeSwatches() {\n $(document).on('mouseenter mouseleave', '.unisex-size', function (event) {\n if (isUnisexProduct()) {\n if (event.type === 'mouseenter') {\n toggleUnisexFitConversion($(this));\n } else {\n var $selectedSizeElement = $('button.unisex-size .selected');\n if ($selectedSizeElement && $selectedSizeElement.length > 0) {\n toggleUnisexFitConversion($selectedSizeElement);\n } else {\n displaySelectableVariant();\n }\n }\n }\n });\n}\nmouseOverSizeSwatches();\n\n/**\n * wishlist on pgp\n */\nfunction pgpWishlist() {\n var isUserLoggedIn = $('.is-wishlist-valid').length;\n $(document).on('click', '.wishListToggle .wishlist-inactive', function () {\n if (isUserLoggedIn) {\n $(this).toggleClass('active');\n $(this).closest('.wishListToggle').find('.wishlist-active').toggleClass('active');\n }\n });\n $(document).on('click', '.wishListToggle .wishlist-active', function () {\n if (isUserLoggedIn) {\n $(this).toggleClass('active');\n $(this).closest('.wishListToggle').find('.wishlist-inactive').toggleClass('active');\n }\n });\n} pgpWishlist();\n\n/**\n * mobile list view\n */\nfunction listView() {\n $(document).on('click', '.grid-list .listview-inactive', function () {\n $('body').find('.product-grid .pgptiles').removeClass('col-6').addClass('col-12');\n $(this).removeClass('active');\n $(this).next().addClass('active');\n $(this).closest(gridListClass).find('.gridview-active').removeClass('active');\n $(this).closest(gridListClass).find('.gridview-inactive').addClass('active');\n localStorage.setItem('selectedViewStyle', 'listView');\n });\n} listView();\n\n/**\n * mobile grid view\n */\nfunction gridView() {\n $(document).on('click', activeGridClasses, function () {\n $('body').find('.product-grid .pgptiles').removeClass('col-12').addClass('col-6');\n $(this).addClass('active');\n $(this).next().removeClass('active');\n $(this).closest(gridListClass).find('.list-view .listview-active').removeClass('active');\n $(this).closest(gridListClass).find('.list-view .listview-inactive').addClass('active');\n localStorage.setItem('selectedViewStyle', 'gridView');\n });\n} gridView();\n\n/**\n * select colorswatch\n * @param {Object} cs - color swatch instance\n * @param {Object} csImg - color swatch image instance\n * @param {Object} scope - this scope of colorswatch image\n */\nfunction selectSwatch(cs, csImg, scope) {\n var productTile = scope.closest(productTileClass);\n\n var standardUrl = scope.attr('data-src');\n var largeUrl = scope.attr('data-large-src');\n var getUrl = largeUrl || standardUrl;\n\n var hoverStandardUrl = scope.attr('data-src-next');\n var hoverLargeUrl = scope.attr('data-large-srcset-next');\n var getHoverUrl = hoverLargeUrl || hoverStandardUrl;\n\n var srcSetUrls = getUrl + ' 1x, ' + getUrl.replace(/440/gi, '880') + ' 2x';\n var srcSetHoverUrls = getHoverUrl + ' 1x, ' + getHoverUrl.replace(/440/gi, '880') + ' 2x';\n\n var pidUrl = scope.closest(BUTTON_SLIDES).attr('href');\n\n productTile.find('.image-container picture source, .image-container img').attr({ src: getUrl, srcset: getUrl, 'data-srcset': srcSetUrls });\n\n if (!measures.isMobile()) {\n productTile.find('.image-container picture.nextImage source, .image-container img').attr({\n src: getHoverUrl,\n srcset: getHoverUrl,\n 'data-srcset': srcSetHoverUrls\n });\n }\n\n productTile.find(IMAGE_CONTAINER_ANCHOR).attr('href', pidUrl);\n $(cs).find('button').removeClass('selected');\n $(csImg).closest('button').addClass('selected');\n}\n\n/**\n * This function enhances the accessibility of a carousel by setting the proper ARIA attributes\n * @param {Element} $carouselSelector - The element that contains the carousel.\n */\nfunction enhanceCarouselAccessibility($carouselSelector) {\n var slideCompare;\n $carouselSelector.on('afterChange', function (event, slick, currentSlide) {\n if (slideCompare !== currentSlide) {\n const $slideActive = $carouselSelector.find('.slick-slide.slick-active');\n const $currentSlideActive = $carouselSelector.find('.slick-slide.slick-current.slick-active');\n var horizontalCarouselDirection = $carouselSelector.attr('data-direction');\n var newSlideIn = horizontalCarouselDirection === 'left' ? $currentSlideActive.first() : $slideActive.last();\n newSlideIn.find('button').focus();\n setTimeout(function () {\n if (horizontalCarouselDirection === 'left') {\n $currentSlideActive.prevAll().each(function (_index, element) {\n $(element).attr(ARIA_HIDDEN, 'true').find('button').attr('tabindex', -1);\n });\n }\n });\n }\n });\n\n $carouselSelector.on('beforeChange', function (event, slick, currentSlide, nextSlide) {\n slideCompare = currentSlide;\n if (currentSlide !== nextSlide) {\n $carouselSelector.attr('data-direction', currentSlide < nextSlide ? 'left' : 'right');\n }\n });\n}\n\n/**\n * Initiates slick slider carousel on the PGP\n * for product tiles with more than 3 colorways\n * @param {string} colorOverride - optional color to set\n */\nfunction initSlickSlider(colorOverride) {\n var colors = [];\n var pgptilesEl = $('.pgptiles');\n\n // check for slick\n if (typeof $.fn.slick !== 'undefined') {\n // update the swatches width class\n pgptilesEl.find('.product-tile .color-swatches .swatches.w-100').removeClass('w-100').addClass('mx-auto');\n pgptilesEl.find('.product-tile .color-swatches .swatches.mx-auto').css('overflow', 'visible');\n\n // initialize the slider\n let $notSlickEl = pgptilesEl.find('.product-tile .color-swatches .swatches.mx-auto .getproduct:not(.slick-initialized)');\n const swatchFirstEl = $notSlickEl.first();\n $notSlickEl.on('init', function () {\n enhanceCarouselAccessibility($(this));\n });\n $notSlickEl.slick({\n infinite: false,\n speed: 300,\n slidesToShow: 6,\n slidesToScroll: 6,\n variableWidth: true,\n respondTo: 'window',\n responsive: [\n {\n breakpoint: 1441,\n settings: {\n slidesToShow: 5,\n slidesToScroll: 5\n }\n },\n {\n breakpoint: 1273,\n settings: {\n slidesToShow: 4,\n slidesToScroll: 4\n }\n },\n {\n breakpoint: 1101,\n settings: {\n slidesToShow: 3,\n slidesToScroll: 3\n }\n },\n {\n breakpoint: 991,\n settings: {\n slidesToShow: 6,\n slidesToScroll: 6\n }\n },\n {\n breakpoint: 544,\n settings: {\n slidesToShow: 5,\n slidesToScroll: 5\n }\n },\n {\n breakpoint: 451,\n settings: {\n slidesToShow: 3,\n slidesToScroll: 3\n }\n }\n ],\n prevArrow: `
`,\n nextArrow: `
`\n });\n }\n\n if ($(selectedRefinementColorClasses).length >= 1 || colorOverride !== undefined) {\n $(selectedRefinementColorClasses).each(function () {\n var color = $(this).data('color').replace(/,/g, '').trim();\n if (color) {\n colors.push(color);\n }\n });\n\n if (colorOverride !== undefined) {\n colors.length = 0;\n colors.push(colorOverride);\n }\n\n $('.color-swatches').each(function (j, cs) {\n $(cs).find('img').each(function (k, csImg) {\n var productColors = $(csImg).data('colors');\n var defaultColors = $(csImg).data('defaultcolors');\n /* eslint-disable no-restricted-syntax */\n for (let c in colors) {\n if (Object.prototype.hasOwnProperty.call(colors, c)) {\n var filterColor = colors[c];\n var foundPrimaryColor = false;\n\n if (productColors.indexOf(filterColor) !== -1) {\n if ((defaultColors && (productColors === defaultColors)) || (!defaultColors && productColors.indexOf(filterColor) === 0)) {\n foundPrimaryColor = true;\n }\n selectSwatch(cs, csImg, $(this));\n }\n\n if (foundPrimaryColor === true) {\n return false;\n }\n }\n }\n return true;\n });\n });\n }\n\n // adds an outline to the currently selected swatch\n pgptilesEl.find(productTileClass).each(function () {\n var $tileEl = $(this);\n if (!$tileEl.find('.color-swatches button.sildes.selected').length) {\n var colorway = $tileEl.find('.image-container img').attr('title').split(', ').pop();\n var $colorSwatch = $tileEl.find('.color-swatches button.sildes[title=\"' + colorway + '\"]');\n $colorSwatch.addClass('selected');\n var colorSwatchUrl = $colorSwatch.attr('href');\n if (colorSwatchUrl) {\n $tileEl.find(IMAGE_CONTAINER_ANCHOR).attr('href', colorSwatchUrl);\n }\n }\n });\n}\n\n/**\n * Sets the carousel slider on pgp with or without search phrase\n * @return {boolean} return out of the function\n */\nfunction setSlickSliderWithSearch() {\n var searchValue = ($('.search-field').attr('value') || '').toLowerCase();\n\n if (searchValue) {\n var foundSearchMatch = false;\n $('.refinements.desktop .refinement-color .color-attribute, .refinements.desktop .refinement-refinementcolor .color-attribute').each(function () {\n var displayValue = $(this).data('displayvalue');\n var color = $(this).data('color');\n if (searchValue.indexOf(displayValue.toLowerCase()) > -1) {\n initSlickSlider(color);\n foundSearchMatch = true;\n return false;\n }\n\n if (searchValue.indexOf(color.toLowerCase()) > -1) {\n initSlickSlider(color);\n foundSearchMatch = true;\n return false;\n }\n\n return true;\n });\n\n if (foundSearchMatch) {\n return false;\n }\n }\n\n initSlickSlider();\n return false;\n}\n\nsetSlickSliderWithSearch();\n\n// event for ajax calls\n$('body').on('initSlickSlider', function () {\n if ($(selectedRefinementColorClasses).length >= 1) {\n initSlickSlider();\n } else {\n setSlickSliderWithSearch();\n }\n});\n\n// prevent clicks on mobile swatches\n$('body').on('click touchstart', '.product-tile .color-swatches', function (e) {\n if (measures.isMobile()) {\n e.preventDefault();\n }\n});\n\n// minimize file names\n$('.pname').each(function () {\n var $nameLength = $(this).text().length;\n if ($nameLength > 38) {\n $(this).text($(this).text().substr(0, 38) + '…');\n }\n});\n\n/**\n * close mini cart in PDP\n */\n\n$(document).on('click touchstart', '#mini-cart-close', function () {\n $(document).find('.popover.popover-bottom').removeClass('show');\n $('body').removeClass('modal-open');\n});\n\n/**\n * Moves focus to first input element when subscribe modal is opened.\n */\n$(document).on('shown.bs.modal', '#subscribe-global-modal', function () {\n setTimeout(function () {\n var inputEl = $('#subscribe-global-modal').find('input[type!=hidden]');\n var inputVal = inputEl.val();\n inputEl.trigger('focus').val('').val(inputVal);\n }, 1000);\n});\n\n/**\n * Shipping method change event in PDP\n */\nfunction shippingRadioChangeEvent() {\n $(document).on('change', '.js-radio-btn', function () {\n const $shippingRadioButton = $('#shippingMethodRadioButton');\n const $bopisRadioButton = $('#bopisMethodRadioButton');\n const storeSelected = $bopisRadioButton.data('store-id');\n\n if ($shippingRadioButton.is(':checked')) {\n $('#pdpShippingCollapseDetails').collapse('show');\n $('#shipping-method').addClass('selected');\n\n $('#pdpBopisCollapseDetails').collapse('hide');\n $(bopisMethodID).removeClass('selected');\n } else {\n if (!storeSelected) {\n // reverse fulfillment method selection\n $bopisRadioButton.prop('checked', false);\n $shippingRadioButton.prop('checked', true);\n\n // prompt user to select store\n var $storeFinderModal = $('#storeFinderModal');\n $storeFinderModal.data('prompt-store-selection', true);\n $storeFinderModal.modal('show');\n $('#store-postal-code').trigger('focus');\n\n return;\n }\n\n $('#pdpShippingCollapseDetails').collapse('hide');\n $('#shipping-method').removeClass('selected');\n\n $('#pdpBopisCollapseDetails').collapse('show');\n $(bopisMethodID).addClass('selected');\n }\n showPickupStoreRadio();\n });\n}\n\nmodule.exports = {\n attributeSelect: attributeSelect,\n thumTouchImg: thumTouchImg,\n pgpWishlist: pgpWishlist,\n listView: listView,\n gridView: gridView,\n removeListView: function () {\n $(window).resize(gridView);\n },\n\n methods: {\n editBonusProducts: function (data) {\n chooseBonusProducts(data);\n }\n },\n\n focusChooseBonusProductModal: function () {\n $('body').on('shown.bs.modal', chooseBonusProductModalID, function () {\n $(chooseBonusProductModalID).siblings().attr(ARIA_HIDDEN, 'true');\n $('#chooseBonusProductModal .close').focus();\n });\n },\n\n onClosingChooseBonusProductModal: function () {\n $('body').on('hidden.bs.modal', chooseBonusProductModalID, function () {\n $(chooseBonusProductModalID).siblings().attr(ARIA_HIDDEN, 'false');\n });\n },\n\n trapChooseBonusProductModalFocus: function () {\n $('body').on('keydown', chooseBonusProductModalID, function (e) {\n var focusParams = {\n event: e,\n containerSelector: chooseBonusProductModalID,\n firstElementSelector: '.close',\n lastElementSelector: '.add-bonus-products'\n };\n focusHelper.setTabNextFocus(focusParams);\n });\n },\n\n colorAttribute: function () {\n $(document).off('click', '[data-attr=\"size-value\"], [data-attr=\"style-value\"], [data-attr=\"width-value\"]').on('click', '[data-attr=\"size-value\"], [data-attr=\"style-value\"], [data-attr=\"width-value\"]', function (e) {\n e.preventDefault();\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest(productDetailClass);\n }\n\n if (!$productContainer.hasClass('product-quickview') && this.classList.value.indexOf('selected') < 0) {\n updateUrlOnAttributeSelectionFromParameters(this);\n }\n\n $productContainer.find(dynamicAttrClass).find('button').removeClass('out-of-stock-selected');\n if (($(this).attr('disabled') || $(this).hasClass('unselectable'))) {\n var bisnModal = $('#bisn-modal-trigger');\n if (bisnModal.data('bisn') === true && bisnModal.data('isbisnenabledstyle') === true) {\n $productContainer.find('.size-attribute.selectable.selected').trigger('click');\n $(this).addClass('out-of-stock-selected');\n bisnModal.trigger('click');\n }\n return;\n }\n\n var $notifyCart = $(notifyCartClass);\n if (!$(this).hasClass('selected') || $(this).is('[data-attr=\"size-value\"], [data-attr=\"width-value\"]')) {\n $(this).closest('.attributes').find('.row').each(function () {\n if (!$(this).hasClass('enable-bisn')) {\n $(this).removeClass('d-none');\n }\n });\n $(this).parent('div').find('button').removeClass('selected');\n $(this).parent('div').find('span').removeClass('selected');\n\n $(ADD_TO_CART_SELECTOR, $productContainer).attr('disabled', '');\n $('.out-of-stock-message').addClass('d-none');\n $(nonSellableMessageClass).addClass('d-none');\n $('.product-availability').removeClass('d-none');\n\n if ($notifyCart.length && !$notifyCart.hasClass('d-none')) {\n $(dynamicAttrClass).addClass('d-none');\n $(nonSellableMessageClass).removeClass('d-none');\n $(addToWishlistClass).addClass('d-none');\n }\n\n SpinnerOnModal(SPINNER_REQUIRED_MODALS, true);\n $('.availability-msg').hide();\n if ($(this).data('attrid') === 'size' && isUnisexProduct()) {\n toggleUnisexFitConversion($(this));\n e.stopPropagation();\n }\n if ($(this).attr('data-url') !== undefined) {\n attributeSelect($(this).attr('data-url'), $productContainer, this);\n } else {\n $('.update-cart-product-global').prop('disabled', true);\n SpinnerOnModal(SPINNER_REQUIRED_MODALS, false);\n }\n }\n });\n },\n\n selectAttribute: function () {\n $(document).off('change', 'select[class*=\"select-\"], .options-select').on('change', 'select[class*=\"select-\"], .options-select', function (e) {\n e.preventDefault();\n\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest(productDetailClass);\n }\n attributeSelect(e.currentTarget.value, $productContainer);\n });\n },\n\n availability: function () {\n $(document).on('change', quantitySelectClass, function (e) {\n e.preventDefault();\n\n var $productContainer = $(this).closest(productDetailClass);\n if (!$productContainer.length) {\n $productContainer = $(this).closest(modalContentClass).find(productQuickViewClass);\n }\n\n if ($('.bundle-items', $productContainer).length === 0) {\n attributeSelect($(e.currentTarget).find('option:selected').data('url'),\n $productContainer);\n }\n });\n },\n\n addToCart: function () {\n $(document).off('click', 'button.add-to-cart, button.add-to-cart-global').on('click', 'button.add-to-cart, button.add-to-cart-global', function () {\n var addToCartUrl;\n var pid;\n var pidsObj;\n var setPids;\n\n var isSticky = $(this.parentElement).hasClass('sticky-content');\n var productWrapper = $(this).closest('div.nb-modal__panel');\n if (!productWrapper.length) {\n productWrapper = $(this).closest('.product-wrapper');\n }\n\n $('.attribute', productWrapper).each(function () {\n var $this = $(this);\n var lenVal = $this.find('.selected').length;\n if (lenVal < 1) {\n $this.addClass('error');\n } else {\n $this.removeClass('error');\n }\n });\n\n if ($('.attribute.error', productWrapper).not('.attribute.quantity').length) {\n var element = $('.attribute.error', productWrapper).eq(0).parent();\n var errorElementOffset = element && element.length ? element.offset().top : 0;\n var headerHeight = $('.header-fixed').outerHeight();\n $('html, body').animate({\n scrollTop: errorElementOffset - headerHeight\n }, 500);\n return;\n }\n\n $('body').trigger('product:beforeAddToCart', this);\n\n if ($('.set-items').length && $(this).hasClass('add-to-cart-global')) {\n setPids = [];\n\n $(productDetailClass).each(function () {\n if (!$(this).hasClass('product-set-detail')) {\n setPids.push({\n pid: $(this).find(productIdClass).text(),\n qty: $(this).find(quantitySelectClass).val(),\n options: getOptions($(this))\n });\n }\n });\n pidsObj = JSON.stringify(setPids);\n }\n\n pid = getPidValue($(this));\n\n var $productContainer = $(this).closest(productDetailClass);\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.quick-view-dialog').find(productDetailClass);\n }\n\n addToCartUrl = getAddToCartUrl();\n\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: getChildProducts(),\n quantity: getQuantitySelected($(this)),\n estimatedDelivery: $('.delivery-estimate-message').text()\n };\n\n var csrfName = $(csrfClass).attr('name');\n var csrfValue = $(csrfClass).val();\n form[csrfName] = csrfValue;\n\n if (!$('.bundle-item').length) {\n form.options = getOptions($productContainer);\n }\n $('.js-added-to-cart-success-msg label').remove();\n $(this).trigger('updateAddToCartFormData', form);\n if (addToCartUrl) {\n setTimeout(function () {\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: form,\n success: function (data) {\n utils.checkForSessionLogout(data);\n if (isSticky) {\n $('html, body').animate({ scrollTop: 0 }, 700);\n }\n $('body').trigger('product:afterAddToCart', data);\n handlePostCartAdd(data);\n miniCartReportingUrl(data.reportingURL);\n },\n error: function (err) {\n if (err && err.responseJSON && err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n $.spinner().stop();\n }\n }\n });\n }, 2);\n }\n });\n },\n selectBonusProduct: function () {\n $(document).on('click', '.select-bonus-product', function () {\n var $choiceOfBonusProduct = $(this).parents('.choice-of-bonus-product');\n var pid = $(this).data('pid');\n var maxPids = $(chooseBonusProductDialogClass).data('total-qty');\n var submittedQty = parseInt($choiceOfBonusProduct.find('.bonus-quantity-select').val(), 10);\n var totalQty = 0;\n $.each($('#chooseBonusProductModal .selected-bonus-products .selected-pid'), function () {\n totalQty += $(this).data('qty');\n });\n totalQty += submittedQty;\n var optionID = $choiceOfBonusProduct.find('.product-option').data('option-id');\n var valueId = $choiceOfBonusProduct.find('.options-select option:selected').data('valueId');\n if (totalQty <= maxPids) {\n var selectedBonusProductHtml = ''\n + '
'\n + '
'\n + $choiceOfBonusProduct.find('.product-name').html()\n + '
'\n + '
'\n + '
';\n $('#chooseBonusProductModal .selected-bonus-products').append(selectedBonusProductHtml);\n $(preCartProductsClass).html(totalQty);\n $(selectedBonusSummaryClasses).removeClass(ALERT_DANGER);\n } else {\n $(selectedBonusSummaryClasses).addClass(ALERT_DANGER);\n }\n });\n },\n removeBonusProduct: function () {\n $(document).on('click', '.selected-pid', function () {\n $(this).remove();\n var $selected = $('#chooseBonusProductModal .selected-bonus-products .selected-pid');\n var count = 0;\n if ($selected.length) {\n $selected.each(function () {\n count += parseInt($(this).data('qty'), 10);\n });\n }\n\n $(preCartProductsClass).html(count);\n $(selectedBonusSummaryClasses).removeClass(ALERT_DANGER);\n });\n },\n enableBonusProductSelection: function () {\n $('body').on('bonusproduct:updateSelectButton', function (e, response) {\n $('button.select-bonus-product', response.$productContainer).attr('disabled',\n (!response.product.readyToOrder || !response.product.available));\n var pid = response.product.id;\n $('button.select-bonus-product', response.$productContainer).data('pid', pid);\n });\n },\n showMoreBonusProducts: function () {\n $(document).on('click', '.show-more-bonus-products', function () {\n var url = $(this).data('url');\n $(modalContentClass).spinner().start();\n $.ajax({\n url: url,\n method: 'GET',\n success: function (html) {\n var parsedHtml = parseHtml(html);\n $(modalBodyClass).append(parsedHtml.body);\n $('.show-more-bonus-products:first').remove();\n $(modalContentClass).spinner().stop();\n },\n error: function () {\n $(modalContentClass).spinner().stop();\n }\n });\n });\n },\n addBonusProductsToCart: function () {\n $(document).on('click', '.add-bonus-products', function () {\n var $readyToOrderBonusProducts = $('.choose-bonus-product-dialog .selected-pid');\n var queryString = '?pids=';\n var url = $(chooseBonusProductDialogClass).data('addtocarturl');\n var pidsObject = {\n bonusProducts: []\n };\n\n $.each($readyToOrderBonusProducts, function () {\n var qtyOption = parseInt($(this).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($(preCartProductsClass).html(), 10);\n }\n });\n queryString += JSON.stringify(pidsObject);\n queryString = queryString + '&uuid=' + $(chooseBonusProductDialogClass).data('uuid');\n queryString = queryString + '&pliuuid=' + $(chooseBonusProductDialogClass).data('pliuuid');\n $.spinner().start();\n $.ajax({\n url: url + queryString,\n method: 'POST',\n success: function (data) {\n $.spinner().stop();\n if (data.error) {\n $(chooseBonusProductModalID).modal('hide');\n if ($(addToCartMessagesClass).length === 0) {\n $('body').append('
');\n }\n $(addToCartMessagesClass).append(\n '
'\n + data.errorMessage + '
'\n );\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n }, 3000);\n } else {\n $('.configure-bonus-product-attributes').html(data);\n $('.bonus-products-step2').removeClass('hidden-xl-down');\n $(chooseBonusProductModalID).modal('hide');\n\n if ($(addToCartMessagesClass).length === 0) {\n $('body').append('
');\n }\n $('.minicart-quantity').html(data.totalQty);\n $(addToCartMessagesClass).append(\n '
'\n + data.msgSuccess + '
'\n );\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n if ($('.cart-page').length) {\n // location.reload();\n }\n }, 1500);\n }\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n },\n initLocally: function (container) {\n var robisWrap = container.find('.robis-wrap');\n var robisButton = robisWrap.find('.robis-button');\n var robisAction = robisButton.find('.robis-button-action');\n var productMarkup = robisButton.closest(productDetailClass);\n var uniq = -1;\n\n $('.robis-wrap span.upc-available, .robis-wrap .icon-upc-available').hide();\n\n // This is a callback when data from Locally is returned\n window.addEventListener('LOCALLY_data_update', function (event) {\n if (event.detail.id !== uniq.toString()) {\n return;\n }\n if (event.detail.n_items_stocking_upc > 0) { // this product is in stock locally\n robisAction.removeClass('disabled').removeClass('unavailable');\n robisAction.removeClass(UPC_UNAVAILABLE).addClass(UPC_AVAILABLE);\n $('span.upc-available, .robis-wrap .icon-upc-available').show();\n $('.robis-button-action .icon-locator').hide();\n } else {\n robisAction.addClass('disabled');\n robisAction.removeClass(UPC_AVAILABLE).addClass(UPC_UNAVAILABLE);\n $('span.upc-available, .robis-wrap .icon-upc-available').hide();\n $('.robis-button-action .icon-locator').show();\n }\n }, false);\n // This triggers the locally modal; just catches the pretty robis button to fire the hidden Locally button\n robisAction.on('click', function () {\n if (!robisAction.hasClass('disabled')) {\n robisWrap.find('#lcly-button-' + uniq).find('.lcly-primary-trigger').click();\n }\n }); // trigger the locally modal\n\n // Gets a unique index for the Locally widget instance, zero based (can't use underscorejs)\n function getIndex() { // eslint-disable-line require-jsdoc\n if (window._locallyindexer >= 0) { // eslint-disable-line no-underscore-dangle\n window._locallyindexer += 1; // eslint-disable-line no-underscore-dangle\n } else {\n window._locallyindexer = 0; // eslint-disable-line no-underscore-dangle\n }\n return window._locallyindexer; // eslint-disable-line no-underscore-dangle\n }\n\n // triggered on initial variant selection change\n function initLocallyInternal(upc) { // eslint-disable-line require-jsdoc\n uniq = getIndex();\n\n // this configuration is stored in the locallyConfiguration site preference\n var config = robisWrap.data('locally-config');\n if (!config) {\n return;\n }\n\n var widgetwrap = $('
');\n widgetwrap.append($('