' + exclusiveBadge + '
';\r\n container.find('.product-detail').append(badge);\r\n } else {\r\n var badge = '' + exclusiveBadge + '';\r\n container.find('.badge-product').html(badge);\r\n }\r\n\r\n //hide the 'New to Sale' badge for international users\r\n var newToSale = resource.NEW_TO_SALE.split(' ').join('');\r\n if (sitePrefs.IS_INTERNATIONAL && exclusiveBadgeID === newToSale.toLowerCase()) {\r\n container.find('.badge-product').hide();\r\n }\r\n }\r\n\r\n /* re-renders the applicable promotions if the product has active product-level promotions */\r\n const $targetEl = container.find('.applicable-promotions');\r\n if (promotions && promotions.length > 0) {\r\n baseHelper.updateProductPromotions($targetEl, promotions);\r\n } else {\r\n $targetEl.empty();\r\n }\r\n\r\n});\r\n\r\n$('body').on('click', '.size-value', function () {\r\n if ($(this).hasClass('selected') === true) {\r\n $(this).removeClass('selected');\r\n } else {\r\n $(this).addClass('selected');\r\n }\r\n});\r\n\r\n$('body').on('click', '.btn-shop-myfit', function (event) {\r\n event.preventDefault();\r\n $.spinner().start();\r\n var url = $(this).attr('href');\r\n var myfit = {};\r\n $('.myfit-category').each(function () {\r\n var $category = $(this);\r\n var categoryID = $category.attr('id').slice(0, -4);\r\n var sizes = [];\r\n if ($category.find('.size-value.selected').length > 0) {\r\n $category.find('.size-value.selected').each(function () {\r\n var $size = $(this);\r\n sizes.push($size.data('displayValue'));\r\n });\r\n myfit[categoryID] = sizes;\r\n }\r\n });\r\n $.ajax({\r\n url: url,\r\n type: 'post',\r\n dataType: 'json',\r\n data: { fitselection: JSON.stringify(myfit) },\r\n success: function (data) {\r\n if (data && data.redirectUrl) {\r\n window.location.href = data.redirectUrl;\r\n }\r\n }\r\n });\r\n $.spinner().stop();\r\n});\r\n\r\n$('body').on('click', '.refinement-list .refinement-name', function () {\r\n var $refinement = $(this).parent();\r\n var isActive = $refinement.hasClass('active');\r\n var $this = $(this);\r\n\r\n $('.refinement-list .refinement')\r\n .filter(function () {\r\n return !$this.closest(this, '.refinements-more-list').length;\r\n })\r\n .removeClass('active');\r\n $refinement.toggleClass('active', !isActive);\r\n});\r\n\r\n$('body').on('click', '.product-tile-container .product-tile a', function() {\r\n const scrollPosition = $('body').data('scroll-position');\r\n\r\n let session = sessionStorage || window.sessionStorage;\r\n\r\n window.history.scrollRestoration = 'manual';\r\n session.setItem('prevPlpScrollPos', scrollPosition);\r\n});\r\n\r\n// initialize the plp image carousel when images are loaded on mobile\r\nfunction initializeImageCarousels() {\r\n var isMobile = customUtil.isMobile();\r\n\r\n // plp image carousel configs\r\n let configs = {\r\n lazyLoad: 'ondemand',\r\n arrows: !isMobile,\r\n dots: true,\r\n mobileFirst: isMobile\r\n },\r\n\r\n $plpSearchResultsElement = $('.js-plp-search-results');\r\n\r\n if (!customUtil.isEmpty($plpSearchResultsElement)) {\r\n let $targetEl = $plpSearchResultsElement.find('.product-tile .image-container .plp-slider');\r\n slickHelper.setCarousel($targetEl, configs);\r\n $plpSearchResultsElement.find('.product-tile .image-container').addClass('plp-mobile');\r\n }\r\n}\r\n// initialize the plp image carousel when images are loaded on mobile\r\n$(document).ready(function () {\r\n initializeImageCarousels();\r\n});\r\n\r\n/** Function that will trigger a initialization of carousels on a page\r\n * needed when new product tiles are loaded \r\n * */\r\n$('body').on('refresh:productTile:carousel', function () {\r\n initializeImageCarousels();\r\n});\r\n","/*!\n * JavaScript Cookie v2.2.1\n * https://github.com/js-cookie/js-cookie\n *\n * Copyright 2006, 2015 Klaus Hartl & Fagner Brack\n * Released under the MIT license\n */\n;(function (factory) {\n\tvar registeredInModuleLoader;\n\tif (typeof define === 'function' && define.amd) {\n\t\tdefine(factory);\n\t\tregisteredInModuleLoader = true;\n\t}\n\tif (typeof exports === 'object') {\n\t\tmodule.exports = factory();\n\t\tregisteredInModuleLoader = true;\n\t}\n\tif (!registeredInModuleLoader) {\n\t\tvar OldCookies = window.Cookies;\n\t\tvar api = window.Cookies = factory();\n\t\tapi.noConflict = function () {\n\t\t\twindow.Cookies = OldCookies;\n\t\t\treturn api;\n\t\t};\n\t}\n}(function () {\n\tfunction extend () {\n\t\tvar i = 0;\n\t\tvar result = {};\n\t\tfor (; i < arguments.length; i++) {\n\t\t\tvar attributes = arguments[ i ];\n\t\t\tfor (var key in attributes) {\n\t\t\t\tresult[key] = attributes[key];\n\t\t\t}\n\t\t}\n\t\treturn result;\n\t}\n\n\tfunction decode (s) {\n\t\treturn s.replace(/(%[0-9A-Z]{2})+/g, decodeURIComponent);\n\t}\n\n\tfunction init (converter) {\n\t\tfunction api() {}\n\n\t\tfunction set (key, value, attributes) {\n\t\t\tif (typeof document === 'undefined') {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tattributes = extend({\n\t\t\t\tpath: '/'\n\t\t\t}, api.defaults, attributes);\n\n\t\t\tif (typeof attributes.expires === 'number') {\n\t\t\t\tattributes.expires = new Date(new Date() * 1 + attributes.expires * 864e+5);\n\t\t\t}\n\n\t\t\t// We're using \"expires\" because \"max-age\" is not supported by IE\n\t\t\tattributes.expires = attributes.expires ? attributes.expires.toUTCString() : '';\n\n\t\t\ttry {\n\t\t\t\tvar result = JSON.stringify(value);\n\t\t\t\tif (/^[\\{\\[]/.test(result)) {\n\t\t\t\t\tvalue = result;\n\t\t\t\t}\n\t\t\t} catch (e) {}\n\n\t\t\tvalue = converter.write ?\n\t\t\t\tconverter.write(value, key) :\n\t\t\t\tencodeURIComponent(String(value))\n\t\t\t\t\t.replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g, decodeURIComponent);\n\n\t\t\tkey = encodeURIComponent(String(key))\n\t\t\t\t.replace(/%(23|24|26|2B|5E|60|7C)/g, decodeURIComponent)\n\t\t\t\t.replace(/[\\(\\)]/g, escape);\n\n\t\t\tvar stringifiedAttributes = '';\n\t\t\tfor (var attributeName in attributes) {\n\t\t\t\tif (!attributes[attributeName]) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\tstringifiedAttributes += '; ' + attributeName;\n\t\t\t\tif (attributes[attributeName] === true) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\t// Considers RFC 6265 section 5.2:\n\t\t\t\t// ...\n\t\t\t\t// 3. If the remaining unparsed-attributes contains a %x3B (\";\")\n\t\t\t\t// character:\n\t\t\t\t// Consume the characters of the unparsed-attributes up to,\n\t\t\t\t// not including, the first %x3B (\";\") character.\n\t\t\t\t// ...\n\t\t\t\tstringifiedAttributes += '=' + attributes[attributeName].split(';')[0];\n\t\t\t}\n\n\t\t\treturn (document.cookie = key + '=' + value + stringifiedAttributes);\n\t\t}\n\n\t\tfunction get (key, json) {\n\t\t\tif (typeof document === 'undefined') {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tvar jar = {};\n\t\t\t// To prevent the for loop in the first place assign an empty array\n\t\t\t// in case there are no cookies at all.\n\t\t\tvar cookies = document.cookie ? document.cookie.split('; ') : [];\n\t\t\tvar i = 0;\n\n\t\t\tfor (; i < cookies.length; i++) {\n\t\t\t\tvar parts = cookies[i].split('=');\n\t\t\t\tvar cookie = parts.slice(1).join('=');\n\n\t\t\t\tif (!json && cookie.charAt(0) === '\"') {\n\t\t\t\t\tcookie = cookie.slice(1, -1);\n\t\t\t\t}\n\n\t\t\t\ttry {\n\t\t\t\t\tvar name = decode(parts[0]);\n\t\t\t\t\tcookie = (converter.read || converter)(cookie, name) ||\n\t\t\t\t\t\tdecode(cookie);\n\n\t\t\t\t\tif (json) {\n\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\tcookie = JSON.parse(cookie);\n\t\t\t\t\t\t} catch (e) {}\n\t\t\t\t\t}\n\n\t\t\t\t\tjar[name] = cookie;\n\n\t\t\t\t\tif (key === name) {\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t} catch (e) {}\n\t\t\t}\n\n\t\t\treturn key ? jar[key] : jar;\n\t\t}\n\n\t\tapi.set = set;\n\t\tapi.get = function (key) {\n\t\t\treturn get(key, false /* read as raw */);\n\t\t};\n\t\tapi.getJSON = function (key) {\n\t\t\treturn get(key, true /* read as json */);\n\t\t};\n\t\tapi.remove = function (key, attributes) {\n\t\t\tset(key, '', extend(attributes, {\n\t\t\t\texpires: -1\n\t\t\t}));\n\t\t};\n\n\t\tapi.defaults = {};\n\n\t\tapi.withConverter = init;\n\n\t\treturn api;\n\t}\n\n\treturn init(function () {});\n}));\n","'use strict';\r\nvar basesearchSearch = require('base/search/search');\r\nvar slickHelper = require('../utils/slick');\r\nvar customUtil = require('../customUtil');\r\nvar plpAddToCart = require('../components/plpAddToCart');\r\nvar myFitSelected = [];\r\n\r\nvar appendParamToURL = function (url, name, value) {\r\n // quit if the param already exists\r\n if (url.indexOf(name + '=') !== -1) {\r\n return url;\r\n }\r\n var separator = url.indexOf('?') !== -1 ? '&' : '?';\r\n return url + separator + name + '=' + encodeURIComponent(value);\r\n};\r\n\r\nvar stringToHash = function (string) {\r\n // Converts to 32bit integer\r\n var hash = 0;\r\n\r\n if (string.length === 0) return hash;\r\n\r\n for (var i = 0; i < string.length; i++) {\r\n var char = string.charCodeAt(i);\r\n hash = (hash << 5) - hash + char;\r\n hash &= hash;\r\n }\r\n return hash;\r\n};\r\n\r\n/**\r\n * Update sort option URLs from Ajax response\r\n *\r\n * @param {string} response - Ajax response HTML code\r\n * @return {undefined}\r\n */\r\nfunction updateSortOptions(response) {\r\n var $tempDom = $('').append($(response));\r\n var sortOptions = $tempDom.find('.grid-footer').data('sort-options').options;\r\n sortOptions.forEach(function (option) {\r\n $('option.' + option.id).val(option.url);\r\n });\r\n}\r\n\r\n/**\r\n * Initializes category refinement slick slider on mobile\r\n */\r\nfunction initCategoryRefinements() {\r\n var categoryRefinementsSelector = '.categories-ul';\r\n if ($(categoryRefinementsSelector).length > 0 && $(categoryRefinementsSelector).children('li').length > 1) {\r\n var allSlidesWidths = 0;\r\n $(categoryRefinementsSelector).find('.child-selected').each(function (index, tag) {\r\n allSlidesWidths += $(tag).outerWidth();\r\n });\r\n if ($(window).width() <= 992 && allSlidesWidths > $(categoryRefinementsSelector).outerWidth()) {\r\n if ($(categoryRefinementsSelector).hasClass('slick-initialized')) {\r\n $(categoryRefinementsSelector).slick('unslick');\r\n }\r\n $(categoryRefinementsSelector).slick({\r\n infinite: false,\r\n mobileFirst: true,\r\n slidesToShow: 1,\r\n variableWidth: true,\r\n slidesToScroll: 1,\r\n arrows: true,\r\n draggable: true,\r\n touchMove: true,\r\n swipeToSlide: true,\r\n swipe: true,\r\n responsive: [\r\n {\r\n breakpoint: 992,\r\n settings: 'unslick'\r\n }\r\n ]\r\n });\r\n } else if ($(categoryRefinementsSelector).hasClass('slick-initialized')) {\r\n $(categoryRefinementsSelector).slick('unslick');\r\n }\r\n }\r\n}\r\n\r\n/**\r\n * Replaces and reinitializes category refinements on mobile\r\n * @param {Object} $results - jQuery object/element\r\n */\r\nfunction handleCategoryRefinements($results) {\r\n $('.category-refinements-container').empty().html($results.find('.category-refinements-container').html());\r\n setTimeout(function () {\r\n initCategoryRefinements();\r\n }, 100);\r\n}\r\n\r\n/**\r\n * Update DOM elements with Ajax results\r\n *\r\n * @param {Object} $results - jQuery DOM element\r\n * @param {string} selector - DOM element to look up in the $results\r\n * @return {undefined}\r\n */\r\nfunction updateDom($results, selector) {\r\n var $updates = $results.find(selector);\r\n $(selector)\r\n .empty()\r\n .html($updates.html());\r\n $('.update-count-header').html($('.update-count').html());\r\n if ($('.search-page-product-count').length > 0) {\r\n $('.search-page-product-count').html($results.find('.search-page-product-count').html());\r\n }\r\n\r\n /* update the category breadcrumb based on the selected category in the refinement */\r\n if ($('.category-breadcrumb').length > 0) {\r\n $('.category-breadcrumb').html($results.find('.ajax-category-breadcrumb').html());\r\n }\r\n\r\n /* update the search result banner based on the selected category in the refinement */\r\n var $searchResultBannerEl = $('.search-result-banner');\r\n if ($searchResultBannerEl.length > 0) {\r\n $searchResultBannerEl.html($results.find('.ajax-search-result-banner').html());\r\n }\r\n}\r\n\r\n/**\r\n * Keep refinement panes expanded/collapsed after Ajax refresh\r\n *\r\n * @param {Object} $results - jQuery DOM element\r\n * @return {undefined}\r\n */\r\nfunction handleRefinements($results) {\r\n $('.refinement.active').each(function () {\r\n $(this).removeClass('active');\r\n var activeDiv = $results.find('.' + $(this)[0].className.replace(/ /g, '.'));\r\n activeDiv.addClass('active');\r\n activeDiv.find('button.title').attr('aria-expanded', 'true');\r\n });\r\n\r\n updateDom($results, '.refinements');\r\n}\r\n\r\n/**\r\n *\r\n * Updates SEO copy block\r\n * @param {Object} $results - jQuery DOM element\r\n */\r\nfunction handleSEOCopy($results) {\r\n var $parentDiv = $('').html($results);\r\n updateDom($parentDiv, '.seo-copy-block');\r\n}\r\n\r\n/**\r\n * Parse Ajax results and updated select DOM elements\r\n *\r\n * @param {string} response - Ajax response HTML code\r\n * @return {undefined}\r\n */\r\nfunction parseResults(response) {\r\n var $results = $(response);\r\n var specialHandlers = {\r\n '.refinements': handleRefinements,\r\n '.seo-copy-block': handleSEOCopy,\r\n '.category-refinements-container': handleCategoryRefinements\r\n };\r\n\r\n // Update DOM elements that do not require special handling\r\n ['.grid-header', '.header-bar', '.header.page-title', '.product-grid', '.show-more', '.filter-bar'].forEach(function (selector) {\r\n updateDom($results, selector);\r\n });\r\n\r\n Object.keys(specialHandlers).forEach(function (selector) {\r\n specialHandlers[selector]($results);\r\n });\r\n}\r\n\r\n$('body').on('search:updateProducts', function (e, refinementUrl) {\r\n var singleRefinement;\r\n var categoryURL = $('.category-search-header').data('href');\r\n if (categoryURL) {\r\n if (refinementUrl) {\r\n var categoryTitle;\r\n if (customUtil.getCookie('plpCategoryTitle')) {\r\n categoryTitle = customUtil.getCookie('plpCategoryTitle').replace(/[\"]/g, '');\r\n } else {\r\n categoryTitle = document.title;\r\n }\r\n var refinements = refinementUrl.match(/(prefn[\\d])/g);\r\n if (refinements) {\r\n var url = categoryURL.split('/?');\r\n var newUrl = url[0];\r\n var refinementCount = 0;\r\n for (var i = 0; i < refinements.length; i++) {\r\n if (customUtil.getUrlQueryParameterValue(refinements[i], refinementUrl) !== 'size') {\r\n var prefvMatched = refinements[i].replace(/n(\\d)/, 'v$1');\r\n var refinementValue = customUtil.getUrlQueryParameterValue(prefvMatched, refinementUrl);\r\n var isMultiple = refinementValue.includes('+');\r\n if (!isMultiple) {\r\n singleRefinement = refinementValue.charAt(0).toUpperCase() + refinementValue.slice(1).toLowerCase();\r\n }\r\n if (refinementValue) {\r\n refinementCount += 1;\r\n if (refinementCount === 1) {\r\n if (newUrl.slice(-1) === '/') {\r\n newUrl = newUrl + refinementValue;\r\n } else {\r\n newUrl = newUrl + '/' + refinementValue;\r\n }\r\n } else {\r\n newUrl = newUrl + '.' + refinementValue;\r\n }\r\n }\r\n }\r\n }\r\n if (url[1]) {\r\n newUrl = newUrl + '/?' + url[1];\r\n }\r\n history.pushState('', '', newUrl);\r\n if (refinements.length === 1 && singleRefinement) {\r\n document.title = singleRefinement + ' ' + categoryTitle;\r\n $('[rel=\"canonical\"]').attr('href', customUtil.removeQueryParam(newUrl));\r\n $('[name=\"robots\"]').attr('content', 'index,follow');\r\n } else {\r\n document.title = categoryTitle;\r\n $('[name=\"robots\"]').attr('content', 'noindex,nofollow');\r\n $('[rel=\"canonical\"]').attr('href', customUtil.removeQueryParam(categoryURL));\r\n }\r\n } else {\r\n document.title = categoryTitle;\r\n history.pushState('', '', categoryURL);\r\n $('[name=\"robots\"]').attr('content', 'index,follow');\r\n $('[rel=\"canonical\"]').attr('href', customUtil.removeQueryParam(categoryURL));\r\n }\r\n } else {\r\n history.pushState('', document.title, categoryURL);\r\n }\r\n }\r\n\r\n $('.category-marketing-slot').each(function (_index, categoryMarketingSlot) {\r\n if (categoryMarketingSlot && categoryMarketingSlot.children.length === 0) {\r\n categoryMarketingSlot.remove();\r\n }\r\n });\r\n});\r\n\r\nwindow.pushLinkTohistory = false;\r\n\r\n/**\r\n * Set category url in the window history for back to PLP navigation\r\n */\r\nfunction pdpToPlpNavigation() {\r\n $('body').on('click', '.plp-search-results .product-tile .image-container a', function () {\r\n if ($('.permalink').length > 0) {\r\n var url = $('.permalink').attr('value');\r\n if (window.pushLinkTohistory === true) {\r\n window.history.pushState({}, '', url);\r\n }\r\n }\r\n });\r\n}\r\n\r\n/* navigate to the previously selected product from PDP to PLP */\r\nvar goToPreviouslySelectedProduct = function () {\r\n if (sessionStorage.getItem('prevPlpScrollPos')) {\r\n // window.scrollTo({ top: sessionStorage.getItem('prevPlpScrollPos') });\r\n sessionStorage.removeItem('prevPlpScrollPos');\r\n window.history.scrollRestoration = 'auto';\r\n }\r\n};\r\n\r\n/**\r\n * reinitialize the plp image carousel on load more\r\n *\r\n * @param {HTMLElement} $el - HTML target element\r\n * @param {Object} slickConfigs - slick carousel options\r\n */\r\nfunction reinitPLPImageCarousel($el, slickConfigs) {\r\n if (customUtil.isEmpty($el) && Object.keys(slickConfigs).length === 0) return;\r\n\r\n slickHelper.reinitCarousel($el, slickConfigs);\r\n}\r\n\r\nvar generateUrl = function (catId, myFitCookie, url) {\r\n myFitSelected.push(catId);\r\n var catSizes = myFitCookie[catId];\r\n var prefMatched = url.match(/(prefn[\\d])=size/); // find size preferences\r\n if (prefMatched && prefMatched.length) {\r\n var prefvMatched = prefMatched[1].replace(/n(\\d)/, 'v$1'); // find equivalent size preference values\r\n var re = new RegExp(prefvMatched + '=([^&]*)');\r\n // If size values exist in cookie, replace them in url with these values\r\n // else remove size pref and values in url\r\n if (catSizes) {\r\n url = url.replace(re, prefvMatched + '=' + catSizes.join('|'));\r\n return url;\r\n }\r\n\r\n var rePrefn = new RegExp('prefn[\\\\d]=size&?');\r\n var rePrefv = new RegExp(prefvMatched + '=([^&]*)&?');\r\n return url.replace(rePrefn, '').replace(rePrefv, '');\r\n }\r\n\r\n prefMatched = url.match(/prefn[\\d]/g);\r\n var prefName = 'prefn1';\r\n var prefValue = 'prefv1';\r\n if (prefMatched && prefMatched.length) {\r\n prefName = 'prefn' + (prefMatched.length + 1);\r\n prefValue = 'prefv' + (prefMatched.length + 1);\r\n }\r\n url = appendParamToURL(url, prefName, 'size');\r\n return appendParamToURL(url, prefValue, catSizes.join('|'));\r\n};\r\n\r\nmodule.exports = {\r\n filter: function () {\r\n // Display refinements bar when Menu icon clicked\r\n $('.container, .container-fluid').on('click', 'button.filter-results', function () {\r\n $('.refinement-bar, .modal-background').show();\r\n $('.refinement-bar').siblings().attr('aria-hidden', true);\r\n $('.refinement-bar').closest('.row').siblings().attr('aria-hidden', true);\r\n $('.refinement-bar').closest('.tab-pane.active').siblings().attr('aria-hidden', true);\r\n $('.refinement-bar').closest('.container.search-results, .container-fluid.search-results').siblings().attr('aria-hidden', true);\r\n $('.refinement-bar .close').focus();\r\n });\r\n },\r\n\r\n closeRefinements: function () {\r\n // Refinements close button\r\n $('.container, .container-fluid').on('click', '.refinement-bar button.close, .modal-background', function () {\r\n $('.refinement-bar, .modal-background').hide();\r\n $('.refinement-bar').siblings().attr('aria-hidden', false);\r\n $('.refinement-bar').closest('.row').siblings().attr('aria-hidden', false);\r\n $('.refinement-bar').closest('.tab-pane.active').siblings().attr('aria-hidden', false);\r\n $('.refinement-bar').closest('.container.search-results, .container-fluid.search-results').siblings().attr('aria-hidden', false);\r\n $('.btn.filter-results').focus();\r\n });\r\n },\r\n\r\n resize: basesearchSearch.fresize,\r\n\r\n sort: function () {\r\n $('.container, .container-fluid').on('change', '[name=sort-order]', function (e) {\r\n e.preventDefault();\r\n\r\n $(this).trigger('search:sort', [this.value, this.options[this.options.selectedIndex].text]);\r\n $.spinner().start();\r\n $.ajax({\r\n url: this.value,\r\n data: { selectedUrl: this.value },\r\n method: 'GET',\r\n success: function (response) {\r\n $('.product-grid')\r\n .empty()\r\n .html(response);\r\n $('body').trigger('search:updateProducts');\r\n $.spinner().stop();\r\n window.pushLinkTohistory = true;\r\n },\r\n complete: function () {\r\n $(\"body\").trigger('refresh:productTile:carousel');\r\n $.spinner().stop();\r\n },\r\n error: function () {\r\n $.spinner().stop();\r\n }\r\n });\r\n });\r\n },\r\n\r\n showMore: function () {\r\n // Show more products\r\n $('.container, .container-fluid').on('click', '.show-more button', function (e) {\r\n e.stopPropagation();\r\n var showMoreUrl = $(this).data('url');\r\n var configs = {\r\n lazyLoad: 'ondemand',\r\n arrows: false,\r\n dots: true\r\n };\r\n var $plpSearchResultsElement = $('.js-plp-search-results');\r\n\r\n e.preventDefault();\r\n\r\n $(this).addClass('loading');\r\n\r\n $.spinner().start();\r\n $(this).trigger('search:showMore', e);\r\n $.ajax({\r\n url: showMoreUrl,\r\n data: { selectedUrl: showMoreUrl },\r\n method: 'GET',\r\n success: function (response) {\r\n $('.grid-footer').replaceWith(response);\r\n updateSortOptions(response);\r\n $('body').trigger('search:updateProducts');\r\n if (!customUtil.isEmpty($plpSearchResultsElement) && customUtil.isMobile()) {\r\n var $targetEl = $plpSearchResultsElement.find('.product-tile .image-container .plp-slider');\r\n configs.mobileFirst = true;\r\n reinitPLPImageCarousel($targetEl, configs);\r\n $plpSearchResultsElement.find('.product-tile .image-container').addClass('plp-mobile');\r\n }\r\n $.spinner().stop();\r\n $('.btn.btn-outline-primary.col-12.col-sm-4.button-secondary').show();\r\n $(this).removeClass('loading');\r\n window.pushLinkTohistory = true;\r\n // Affirm SI-1635\r\n if (typeof affirm !== 'undefined') {\r\n affirm.ui.refresh(); // eslint-disable-line no-undef\r\n }\r\n },\r\n complete: function () {\r\n $(\"body\").trigger('refresh:productTile:carousel');\r\n },\r\n error: function () {\r\n $.spinner().stop();\r\n $(this).removeClass('loading');\r\n }\r\n });\r\n });\r\n },\r\n\r\n applyFilter: function () {\r\n // Handle refinement value selection and reset click\r\n $('.container, .container-fluid')\r\n .unbind('keydown')\r\n .on(\r\n 'click keydown',\r\n '.refinement-details li button, .clear-refinements button, .refinements li button, .secondary-bar button, .refinement-bar button.reset, .filter-value button, .swatch-filter button, .category-refinements-container button.category, .refinement-category',\r\n function (e) {\r\n if (e.type === 'click' || e.which === 13 || e.which === 32) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n $(this).trigger('search:filter', e);\r\n\r\n var urlStr = $(this).data('href');\r\n\r\n var typeEvent = e.type;\r\n\r\n // var for selected category\r\n var selCat = $(this).hasClass('category');\r\n\r\n var cgids = urlStr.match('cgid=([^&]*)');\r\n if (cgids) {\r\n var cgid = cgids[1];\r\n $('#product-search-results')\r\n .attr('data-cgid', cgid)\r\n .data('cgid');\r\n }\r\n\r\n var url = $(this).data('href');\r\n\r\n if ($(e.target).hasClass('reset')) {\r\n myFitSelected.pop();\r\n url = $(e.target).data('href');\r\n url = appendParamToURL(url, 'fitToggle', 'false');\r\n } else if (selCat && !myFitSelected.length) {\r\n var $myFitToggle = $('.myfit-toggle');\r\n var myFitToggleOn = $myFitToggle.is(':checked');\r\n if (myFitToggleOn) {\r\n try {\r\n var catId = url.match('cgid=([^&]*)')[1];\r\n var myfit = customUtil.getCookie('myFit');\r\n var myFitCookie = JSON.parse(JSON.parse(myfit));\r\n if (myFitCookie) {\r\n myFitSelected.push(catId);\r\n var catSizes = myFitCookie[catId];\r\n var prefMatched = url.match(/(prefn[\\d])=size/); // find size preferences\r\n if (prefMatched && prefMatched.length) {\r\n var prefvMatched = prefMatched[1].replace(/n(\\d)/, 'v$1'); // find equivalent size preference values\r\n var re = new RegExp(prefvMatched + '=([^&]*)');\r\n // If size values exist in cookie, replace them in url with these values\r\n // else remove size pref and values in url\r\n if (catSizes) {\r\n url = url.replace(re, prefvMatched + '=' + catSizes.join('|'));\r\n }\r\n } else {\r\n prefMatched = url.match(/prefn[\\d]/g);\r\n var prefName = 'prefn1';\r\n var prefValue = 'prefv1';\r\n if (prefMatched && prefMatched.length) {\r\n prefName = 'prefn' + (prefMatched.length + 1);\r\n prefValue = 'prefv' + (prefMatched.length + 1);\r\n }\r\n url = appendParamToURL(url, prefName, 'size');\r\n url = appendParamToURL(url, prefValue, catSizes.join('|'));\r\n }\r\n // Create hash for url caching\r\n var hashValue = stringToHash(myfit);\r\n url = appendParamToURL(url, 'fitHash', hashValue);\r\n }\r\n } catch (err) {\r\n window.console.error(e.message);\r\n }\r\n }\r\n }\r\n\r\n $.spinner().start();\r\n\r\n $.ajax({\r\n url: url,\r\n data: {\r\n page: $('.grid-footer').data('page-number'),\r\n selectedUrl: url\r\n },\r\n method: 'GET',\r\n success: function (response) {\r\n if (response.redirect) {\r\n window.location.href = response.redirect;\r\n return;\r\n }\r\n parseResults(response);\r\n\r\n $('body').trigger('search:updateProducts', url);\r\n if (typeEvent !== 'click' && selCat !== false) {\r\n setTimeout(function () {\r\n $('.selected.category').focus();\r\n }, 0);\r\n }\r\n window.pushLinkTohistory = true;\r\n },\r\n complete: function () {\r\n $(\"body\").trigger('refresh:productTile:carousel');\r\n $.spinner().stop();\r\n }\r\n });\r\n }\r\n }\r\n );\r\n },\r\n resetMyFit: function () {\r\n // Handle refinement value selection and reset click\r\n $('.container, .container-fluid').on('change', '.myfit-toggle', function (e) {\r\n e.stopImmediatePropagation();\r\n var myFitCookie;\r\n var selected = $(this).is(':checked');\r\n var url = $(this).data('url');\r\n\r\n url = url.replace(/&?fitToggle=([^&]*)/, '');\r\n var catId = url.match('cgid=([^&]*)')[1];\r\n\r\n if (selected) {\r\n // Initialize myFit sizes from cookie\r\n try {\r\n var myfit = customUtil.getCookie('myFit');\r\n myFitCookie = JSON.parse(JSON.parse(myfit));\r\n if (myFitCookie) {\r\n url = generateUrl(catId, myFitCookie, url);\r\n // Create hash for url caching\r\n var hashValue = stringToHash(myfit);\r\n url = appendParamToURL(url, 'fitHash', hashValue);\r\n }\r\n } catch (err) {\r\n window.console.error(err.message);\r\n }\r\n url = appendParamToURL(url, 'fitToggle', 'true');\r\n sessionStorage.myFitToggle = 'on';\r\n } else {\r\n // Remove myFit sizes. Leave non-myFit sizes.\r\n try {\r\n myFitSelected.pop();\r\n myFitCookie = JSON.parse(JSON.parse(customUtil.getCookie('myFit')));\r\n if (myFitCookie) {\r\n var catSizes = myFitCookie[catId];\r\n var prefMatched = url.match(/(prefn[\\d])=size/); // find size preferences\r\n if (prefMatched && prefMatched.length) {\r\n var prefvMatched = prefMatched[1].replace(/n(\\d)/, 'v$1'); // find equivalent size preference values\r\n var re = new RegExp(prefvMatched + '=([^&]*)');\r\n var sizesUrl = url.match(re);\r\n if (sizesUrl[1]) {\r\n // Replace size preference values\r\n var sizesArr = decodeURIComponent(sizesUrl[1]).split('|');\r\n var nonMyFitSizes = sizesArr.filter(function (size) {\r\n return catSizes.indexOf(size) < 0;\r\n });\r\n url = url.replace(re, prefvMatched + '=' + nonMyFitSizes.join('|'));\r\n }\r\n }\r\n }\r\n } catch (err) {\r\n window.console.error(err.message);\r\n }\r\n url = appendParamToURL(url, 'fitToggle', 'false');\r\n sessionStorage.myFitToggle = 'off';\r\n }\r\n\r\n var typeEvent = e.type;\r\n // var for selected filter options\r\n var idStr = $(this).data('id');\r\n\r\n // var for selected category\r\n var selCat = $(this).hasClass('category');\r\n\r\n $.spinner().start();\r\n\r\n $.ajax({\r\n url: url,\r\n data: {\r\n page: $('.grid-footer').data('page-number'),\r\n selectedUrl: url\r\n },\r\n method: 'GET',\r\n success: function (response) {\r\n $.spinner().stop();\r\n if (response.emailSignUpCookieName) {\r\n var emailSignUpCookieName = customUtil.getCookie(response.emailSignUpCookieName);\r\n if (emailSignUpCookieName) {\r\n return;\r\n }\r\n }\r\n parseResults(response);\r\n $('body').trigger('search:updateProducts');\r\n if (typeEvent !== 'click' && idStr !== undefined) {\r\n setTimeout(function () {\r\n $('.' + idStr).focus();\r\n }, 0);\r\n }\r\n if (typeEvent !== 'click' && selCat !== false) {\r\n setTimeout(function () {\r\n $('.selected.category').focus();\r\n }, 0);\r\n }\r\n window.pushLinkTohistory = true;\r\n },\r\n complete: function () {\r\n $(\"body\").trigger('refresh:productTile:carousel');\r\n $.spinner().stop();\r\n },\r\n error: function () {\r\n $.spinner().stop();\r\n }\r\n });\r\n });\r\n },\r\n loadMyFit: function () {\r\n if (sessionStorage.myFitToggle && sessionStorage.myFitToggle === 'off') {\r\n return;\r\n }\r\n var myfit = customUtil.getCookie('myFit');\r\n if (!myfit) {\r\n return;\r\n }\r\n\r\n if (window.location.href.indexOf('myfit') !== -1) {\r\n return;\r\n }\r\n\r\n var $loginLink = $('.login-link');\r\n if ($loginLink.length) {\r\n return;\r\n }\r\n\r\n var $myFitToggle = $('.myfit-toggle');\r\n var url = window.location.href;\r\n if ($myFitToggle.length > 0) {\r\n url = $myFitToggle.data('url');\r\n } else {\r\n return;\r\n }\r\n var catId = url.match('cgid=([^&]*)')[1];\r\n if (!catId) {\r\n return;\r\n }\r\n if (!url) {\r\n return;\r\n }\r\n try {\r\n myfit = customUtil.getCookie('myFit');\r\n var myFitCookie = JSON.parse(JSON.parse(myfit));\r\n if (myFitCookie) {\r\n url = generateUrl(catId, myFitCookie, url);\r\n }\r\n } catch (err) {\r\n window.console.error(err.message);\r\n }\r\n url = appendParamToURL(url, 'fitToggle', 'true');\r\n url = appendParamToURL(url, 'myfit', 'true');\r\n\r\n $.spinner().start();\r\n $('body').css('overflow-y', 'hidden');\r\n $.ajax({\r\n url: url,\r\n data: {\r\n page: $('.grid-footer').data('page-number'),\r\n selectedUrl: url\r\n },\r\n method: 'GET',\r\n success: function (response) {\r\n $('body').css('overflow-y', 'auto');\r\n if (response.redirect) {\r\n return;\r\n }\r\n parseResults(response);\r\n $('body').trigger('search:updateProducts');\r\n window.pushLinkTohistory = true;\r\n },\r\n error: function () {\r\n $('body').css('overflow', 'auto');\r\n },\r\n complete: function () {\r\n $.spinner().stop();\r\n }\r\n });\r\n },\r\n showContentTab: basesearchSearch.showContentTab,\r\n pdpToPlpNavigation: pdpToPlpNavigation,\r\n goToPreviouslySelectedProduct: goToPreviouslySelectedProduct,\r\n initHistory: function () {\r\n var previousHistoryState;\r\n var doNotPushHistory = false;\r\n\r\n /**\r\n * Listen to all possible AJAX calls on a search page (Filters, sorting, show more, ...).\r\n */\r\n $(document).ajaxSuccess(function (event, xhr) {\r\n // Make the assumption that a product-tile being present in the response means a grid-refresh\r\n if (xhr.responseText.indexOf('
') >= 0) {\r\n if (!doNotPushHistory) {\r\n setTimeout(function () {\r\n history.pushState({ reapplyFilters: true }, document.title, decodeURI($('.permalink').val()));\r\n });\r\n }\r\n\r\n doNotPushHistory = false;\r\n }\r\n });\r\n\r\n /**\r\n * Listen to the back and forward button of the browser to detect URL changes.\r\n */\r\n window.addEventListener('popstate', function () {\r\n if ((history.state && history.state.reapplyFilters) || (previousHistoryState && previousHistoryState.reapplyFilters)) {\r\n var $resetButton = $('.refinement-bar button.reset');\r\n\r\n previousHistoryState = history.state;\r\n\r\n // This async call should not cause a new history state to be pushed.\r\n doNotPushHistory = true;\r\n\r\n // Use the reset button listeners to do a refresh\r\n $resetButton.data('href', decodeURI(window.location.href));\r\n $resetButton.trigger('click');\r\n }\r\n });\r\n },\r\n categoryRefinements: function () {\r\n $(window).on('load', function () {\r\n initCategoryRefinements();\r\n });\r\n\r\n $(window).on('resize', function () {\r\n initCategoryRefinements();\r\n });\r\n },\r\n initPLPAddToBag: plpAddToCart.initAddToBag()\r\n};\r\n","'use strict';\r\n\r\n/**\r\n * Update DOM elements with Ajax results\r\n *\r\n * @param {Object} $results - jQuery DOM element\r\n * @param {string} selector - DOM element to look up in the $results\r\n * @return {undefined}\r\n */\r\nfunction updateDom($results, selector) {\r\n var $updates = $results.find(selector);\r\n $(selector).empty().html($updates.html());\r\n}\r\n\r\n/**\r\n * Keep refinement panes expanded/collapsed after Ajax refresh\r\n *\r\n * @param {Object} $results - jQuery DOM element\r\n * @return {undefined}\r\n */\r\nfunction handleRefinements($results) {\r\n $('.refinement.active').each(function () {\r\n $(this).removeClass('active');\r\n var activeDiv = $results.find('.' + $(this)[0].className.replace(/ /g, '.'));\r\n activeDiv.addClass('active');\r\n activeDiv.find('button.title').attr('aria-expanded', 'true');\r\n });\r\n\r\n updateDom($results, '.refinements');\r\n}\r\n\r\n/**\r\n * Parse Ajax results and updated select DOM elements\r\n *\r\n * @param {string} response - Ajax response HTML code\r\n * @return {undefined}\r\n */\r\nfunction parseResults(response) {\r\n var $results = $(response);\r\n var specialHandlers = {\r\n '.refinements': handleRefinements\r\n };\r\n\r\n // Update DOM elements that do not require special handling\r\n [\r\n '.grid-header',\r\n '.header-bar',\r\n '.header.page-title',\r\n '.product-grid',\r\n '.show-more',\r\n '.filter-bar'\r\n ].forEach(function (selector) {\r\n updateDom($results, selector);\r\n });\r\n\r\n Object.keys(specialHandlers).forEach(function (selector) {\r\n specialHandlers[selector]($results);\r\n });\r\n}\r\n\r\n/**\r\n * This function retrieves another page of content to display in the content search grid\r\n * @param {JQuery} $element - the jquery element that has the click event attached\r\n * @param {JQuery} $target - the jquery element that will receive the response\r\n * @return {undefined}\r\n */\r\nfunction getContent($element, $target) {\r\n var showMoreUrl = $element.data('url');\r\n $.spinner().start();\r\n $.ajax({\r\n url: showMoreUrl,\r\n method: 'GET',\r\n success: function (response) {\r\n $target.append(response);\r\n $.spinner().stop();\r\n },\r\n error: function () {\r\n $.spinner().stop();\r\n }\r\n });\r\n}\r\n\r\n/**\r\n * Update sort option URLs from Ajax response\r\n *\r\n * @param {string} response - Ajax response HTML code\r\n * @return {undefined}\r\n */\r\nfunction updateSortOptions(response) {\r\n var $tempDom = $('
').append($(response));\r\n var sortOptions = $tempDom.find('.grid-footer').data('sort-options').options;\r\n sortOptions.forEach(function (option) {\r\n $('option.' + option.id).val(option.url);\r\n });\r\n}\r\n\r\nmodule.exports = {\r\n filter: function () {\r\n // Display refinements bar when Menu icon clicked\r\n $('.container').on('click', 'button.filter-results', function () {\r\n $('.refinement-bar, .modal-background').show();\r\n $('.refinement-bar').siblings().attr('aria-hidden', true);\r\n $('.refinement-bar').closest('.row').siblings().attr('aria-hidden', true);\r\n $('.refinement-bar').closest('.tab-pane.active').siblings().attr('aria-hidden', true);\r\n $('.refinement-bar').closest('.container.search-results').siblings().attr('aria-hidden', true);\r\n $('.refinement-bar .close').focus();\r\n });\r\n },\r\n\r\n closeRefinements: function () {\r\n // Refinements close button\r\n $('.container').on('click', '.refinement-bar button.close, .modal-background', function () {\r\n $('.refinement-bar, .modal-background').hide();\r\n $('.refinement-bar').siblings().attr('aria-hidden', false);\r\n $('.refinement-bar').closest('.row').siblings().attr('aria-hidden', false);\r\n $('.refinement-bar').closest('.tab-pane.active').siblings().attr('aria-hidden', false);\r\n $('.refinement-bar').closest('.container.search-results').siblings().attr('aria-hidden', false);\r\n $('.btn.filter-results').focus();\r\n });\r\n },\r\n\r\n resize: function () {\r\n // Close refinement bar and hide modal background if user resizes browser\r\n $(window).resize(function () {\r\n $('.refinement-bar, .modal-background').hide();\r\n $('.refinement-bar').siblings().attr('aria-hidden', false);\r\n $('.refinement-bar').closest('.row').siblings().attr('aria-hidden', false);\r\n $('.refinement-bar').closest('.tab-pane.active').siblings().attr('aria-hidden', false);\r\n $('.refinement-bar').closest('.container.search-results').siblings().attr('aria-hidden', false);\r\n });\r\n },\r\n\r\n sort: function () {\r\n // Handle sort order menu selection\r\n $('.container').on('change', '[name=sort-order]', function (e) {\r\n e.preventDefault();\r\n\r\n $.spinner().start();\r\n $(this).trigger('search:sort', this.value);\r\n $.ajax({\r\n url: this.value,\r\n data: { selectedUrl: this.value },\r\n method: 'GET',\r\n success: function (response) {\r\n $('.product-grid').empty().html(response);\r\n $.spinner().stop();\r\n },\r\n error: function () {\r\n $.spinner().stop();\r\n }\r\n });\r\n });\r\n },\r\n\r\n showMore: function () {\r\n // Show more products\r\n $('.container').on('click', '.show-more button', function (e) {\r\n e.stopPropagation();\r\n var showMoreUrl = $(this).data('url');\r\n e.preventDefault();\r\n\r\n $.spinner().start();\r\n $(this).trigger('search:showMore', e);\r\n $.ajax({\r\n url: showMoreUrl,\r\n data: { selectedUrl: showMoreUrl },\r\n method: 'GET',\r\n success: function (response) {\r\n $('.grid-footer').replaceWith(response);\r\n updateSortOptions(response);\r\n $.spinner().stop();\r\n },\r\n error: function () {\r\n $.spinner().stop();\r\n }\r\n });\r\n });\r\n },\r\n\r\n applyFilter: function () {\r\n // Handle refinement value selection and reset click\r\n $('.container').on(\r\n 'click',\r\n '.refinements li button, .refinement-bar button.reset, .filter-value button, .swatch-filter button',\r\n function (e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n $.spinner().start();\r\n $(this).trigger('search:filter', e);\r\n $.ajax({\r\n url: $(this).data('href'),\r\n data: {\r\n page: $('.grid-footer').data('page-number'),\r\n selectedUrl: $(this).data('href')\r\n },\r\n method: 'GET',\r\n success: function (response) {\r\n parseResults(response);\r\n $.spinner().stop();\r\n },\r\n error: function () {\r\n $.spinner().stop();\r\n }\r\n });\r\n });\r\n },\r\n\r\n showContentTab: function () {\r\n // Display content results from the search\r\n $('.container').on('click', '.content-search', function () {\r\n if ($('#content-search-results').html() === '') {\r\n getContent($(this), $('#content-search-results'));\r\n }\r\n });\r\n\r\n // Display the next page of content results from the search\r\n $('.container').on('click', '.show-more-content button', function () {\r\n getContent($(this), $('#content-search-results'));\r\n $('.show-more-content').remove();\r\n });\r\n }\r\n};\r\n","'use strict';\r\n\r\n/**\r\n * appends params to a url\r\n * @param {string} data - data returned from the server's ajax call\r\n * @param {Object} button - button that was clicked to add a product to the wishlist\r\n */\r\nfunction displayMessage(data, button) {\r\n /* OTB Code modification start */\r\n $.spinner().stop();\r\n var status;\r\n if (data.success) {\r\n button.addClass('active');\r\n status = 'alert-success';\r\n button.attr('aria-pressed', 'true');\r\n } else {\r\n // button.removeClass('active');\r\n status = 'error-message';\r\n }\r\n /* OTB Code modification ends */\r\n if ($('.add-to-wishlist-messages').length === 0) {\r\n $('header').append('');\r\n }\r\n $('.add-to-wishlist-messages').append('
' + data.msg + '
');\r\n\r\n setTimeout(function() {\r\n $('.add-to-wishlist-messages').empty();\r\n button.removeAttr('disabled');\r\n }, 5000);\r\n}\r\n\r\n/**\r\n * appends params to a url\r\n * @param {string} data - data returned from the server's ajax call\r\n */\r\nfunction displayMessageAndRemoveFromCart(data) {\r\n var status = data.success ? 'alert-success' : 'alert-danger';\r\n\r\n if ($('.add-to-wishlist-messages').length === 0) {\r\n $('header').append('');\r\n }\r\n $('.add-to-wishlist-messages').append('' + data.msg + '
');\r\n\r\n setTimeout(function() {\r\n $('.add-to-wishlist-messages').empty();\r\n }, 1500);\r\n var $targetElement = $('a[data-pid=\"' + data.pid + '\"]')\r\n .closest('.product-info')\r\n .find('.remove-product');\r\n var itemToMove = {\r\n actionUrl: $targetElement.data('action'),\r\n productID: $targetElement.data('pid'),\r\n productName: $targetElement.data('name'),\r\n uuid: $targetElement.data('uuid')\r\n };\r\n $('body').trigger('afterMovedtoWishlist', itemToMove);\r\n}\r\n\r\n/**\r\n * Toggle heart icons\r\n * @param {Object} wishlistItems - wish list items\r\n */\r\nfunction toggleHeartIcon(wishlistItems) {\r\n $('.add-to-wish-list:not(.active)').each(function() {\r\n var pid = $(this).attr('class').match(/\\bpid-\\S*\\b/);\r\n if (pid && pid.length && wishlistItems.indexOf(pid[0].replace('pid-', '')) >= 0) {\r\n $(this).addClass('active');\r\n }\r\n });\r\n}\r\n\r\n/**\r\n * Toggle heart icons for logged-in user\r\n * @param {Object} wishlistItems - wish list items\r\n */\r\nfunction toggleHeartIconForLoggedIn(wishlistItems) {\r\n toggleHeartIcon(wishlistItems);\r\n}\r\n\r\n/**\r\n * Toggle heart icons for guest user\r\n */\r\nfunction toggleHeartIconForGuest () {\r\n if ($('.header-container').find('.heart-active-icon').hasClass('d-none')) {\r\n localStorage.removeItem('wishlistItems');\r\n } else {\r\n var wishlistItems = localStorage.getItem('wishlistItems');\r\n if (wishlistItems) {\r\n wishlistItems = JSON.parse(wishlistItems);\r\n if (wishlistItems.length) {\r\n toggleHeartIcon(wishlistItems);\r\n }\r\n }\r\n }\r\n}\r\n\r\nmodule.exports = {\r\n addToWishlist: function() {\r\n $(document).on('click', '.add-to-wish-list', function(e) {\r\n e.preventDefault();\r\n var $addToWishlistBtn = $(this);\r\n var url = $(this).data('href');\r\n var button = $(this);\r\n var pid = $(this)\r\n .closest('.product-detail')\r\n .find('.product-id')\r\n .html();\r\n var optionId = $(this)\r\n .closest('.product-detail')\r\n .find('.product-option')\r\n .attr('data-option-id');\r\n var optionVal = $(this)\r\n .closest('.product-detail')\r\n .find('.options-select option:selected')\r\n .attr('data-value-id');\r\n optionId = optionId || null;\r\n optionVal = optionVal || null;\r\n var $sizeSelectionsEl = $('.size-selections'),\r\n isPDP = $('.product-detail.product-pdp').length > 0;\r\n\r\n if (!url || !pid) {\r\n return;\r\n }\r\n\r\n $.spinner().start();\r\n $(this).attr('disabled', true);\r\n\r\n //stop the script execution and display an error message if there's no size selected\r\n //only trigger the size validation on PDP\r\n if (isPDP && $sizeSelectionsEl.length && $sizeSelectionsEl.find('.size-attribute[aria-checked=\"true\"]').length === 0) {\r\n const errMsg = {\r\n success: false,\r\n msg: window.Resources.PLEASE_SELECT_SIZE\r\n }\r\n\r\n displayMessage(errMsg, button);\r\n return;\r\n }\r\n\r\n $.ajax({\r\n url: url,\r\n type: 'post',\r\n dataType: 'json',\r\n data: {\r\n pid: pid,\r\n optionId: optionId,\r\n optionVal: optionVal\r\n },\r\n success: function(data) {\r\n if (data.success) {\r\n $.spinner().stop();\r\n $('body').trigger('gtm:product:afterAddToWishlist', data);\r\n this.updateHeartIcon();\r\n if (!data.isLoggedIn && data.redirectUrl) {\r\n window.location = data.redirectUrl;\r\n } else {\r\n displayMessage(data, button);\r\n }\r\n } else {\r\n this.updateHeartIcon();\r\n displayMessage(data, button);\r\n }\r\n },\r\n error: function(err) {\r\n displayMessage(err, button);\r\n },\r\n updateHeartIcon: function () {\r\n $addToWishlistBtn.closest('.product-detail').find('.add-to-wish-list').addClass('active');\r\n $('.header-container').find('.heart-active-icon').removeClass('d-none');\r\n $('.header-container').find('.heart-inactive-icon').addClass('d-none');\r\n this.saveToBrowserStorage();\r\n },\r\n saveToBrowserStorage: function () {\r\n var wishlistItems = localStorage.getItem('wishlistItems');\r\n if (wishlistItems && wishlistItems.length) {\r\n wishlistItems = JSON.parse(wishlistItems);\r\n } else {\r\n wishlistItems = [];\r\n }\r\n if (wishlistItems.indexOf(pid) === -1) {\r\n wishlistItems.push(pid);\r\n localStorage.setItem('wishlistItems', JSON.stringify(wishlistItems));\r\n }\r\n }\r\n });\r\n });\r\n },\r\n moveToWishlist: function() {\r\n $('body').on('click', '.product-move', function(e) {\r\n e.preventDefault();\r\n var url = $(this).attr('href');\r\n var pid = $(this).data('pid');\r\n var optionId = $(this)\r\n .closest('.product-info')\r\n .find('.lineItem-options-values')\r\n .data('option-id');\r\n var optionVal = $(this)\r\n .closest('.product-info')\r\n .find('.lineItem-options-values')\r\n .data('value-id');\r\n optionId = optionId || null;\r\n optionVal = optionVal || null;\r\n if (!url || !pid) {\r\n return;\r\n }\r\n\r\n $.spinner().start();\r\n $.ajax({\r\n url: url,\r\n type: 'post',\r\n dataType: 'json',\r\n data: {\r\n pid: pid,\r\n optionId: optionId,\r\n optionVal: optionVal\r\n },\r\n success: function(data) {\r\n $('body').trigger('gtm:product:afterAddToWishlist', data);\r\n displayMessageAndRemoveFromCart(data);\r\n },\r\n complete: function() {\r\n $.spinner().stop();\r\n }\r\n });\r\n });\r\n },\r\n initWishlistItems: function() {\r\n toggleHeartIconForGuest();\r\n\r\n $('body').on('search:updateProducts', function () {\r\n toggleHeartIconForGuest();\r\n });\r\n\r\n $('body').on('product:afterAttributeSelect', function (e, response) {\r\n try {\r\n var $addToWishlistBtn = response.container.find('.add-to-wish-list');\r\n var oldPid = $addToWishlistBtn.attr('class').match(/\\bpid-\\S*\\b/);\r\n if (oldPid && oldPid.length) {\r\n $addToWishlistBtn\r\n .removeClass('active')\r\n .removeClass(oldPid)\r\n .addClass('pid-' + response.data.product.id);\r\n toggleHeartIconForGuest();\r\n }\r\n // eslint-disable-next-line no-shadow\r\n } catch (e) {\r\n // Error encountered while updating wishlist heart icon\r\n }\r\n });\r\n\r\n // For Logged in user\r\n if (window.Resources.loggedIn) {\r\n var wishlistItems = localStorage.getItem('wishlistItems');\r\n if (wishlistItems) {\r\n wishlistItems = JSON.parse(wishlistItems);\r\n if (wishlistItems.length) {\r\n if (wishlistItems[0] !== 'loggedIn') {\r\n $.ajax({\r\n url: window.Urls.getWishlistItems,\r\n dataType: 'json',\r\n success: function (data) {\r\n wishlistItems = data.items;\r\n if (data.items && data.items.length) {\r\n toggleHeartIconForLoggedIn(wishlistItems);\r\n }\r\n wishlistItems.unshift('loggedIn');\r\n localStorage.setItem('wishlistItems', JSON.stringify(wishlistItems));\r\n }\r\n });\r\n } else {\r\n toggleHeartIconForLoggedIn(wishlistItems);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n};\r\n","var baseHelper = require('../product/base');\r\n\r\n/**\r\n * Retrieves the relevant pid value\r\n * @param {jquery} $el - DOM container for a given add to cart button\r\n * @return {string} - value to be used when adding product to cart\r\n */\r\nfunction getPidValue($el) {\r\n var pid;\r\n pid = $el.data('pid');\r\n return pid;\r\n}\r\n\r\n/**\r\n * Parses the html for a modal window\r\n * @param {string} html - representing the body and footer of the modal window\r\n *\r\n * @return {Object} - Object with properties body and footer.\r\n */\r\nfunction parseHtml(html) {\r\n var $html = $('').append($.parseHTML(html));\r\n\r\n var body = $html.find('.product-quickview');\r\n var footer = $html.find('.modal-footer').children();\r\n\r\n return { body: body, footer: footer };\r\n}\r\n\r\n/**\r\n * Retrieves url to use when adding a product to the cart\r\n *\r\n * @param {Object} data - data object used to fill in dynamic portions of the html\r\n */\r\nfunction chooseBonusProducts(data) {\r\n $('.modal-body')\r\n .spinner()\r\n .start();\r\n\r\n if ($('#chooseBonusProductModal').length !== 0) {\r\n $('#chooseBonusProductModal').remove();\r\n }\r\n var bonusUrl;\r\n if (data.bonusChoiceRuleBased) {\r\n bonusUrl = data.showProductsUrlRuleBased;\r\n } else {\r\n bonusUrl = data.showProductsUrlListBased;\r\n }\r\n\r\n var htmlString =\r\n '' +\r\n '' +\r\n '' +\r\n '' +\r\n listprice.formatted +\r\n '' +\r\n '' +\r\n '';\r\n var salesPriceText =\r\n '' + salesprice.formatted + '';\r\n var percentText = '' + percentageoff + '';\r\n\r\n if (!hasSalePricebook) {\r\n container.find('.price-section').html(salesPriceText);\r\n } else {\r\n container.find('.price-section').html(listPriceText + salesPriceText);\r\n }\r\n }\r\n container\r\n .find('.bfx-sale-price')\r\n .attr({ content: salesprice.value })\r\n .text(salesprice.formatted);\r\n }\r\n\r\n if (!hasSalePricebook) {\r\n container.find('.strike-through').hide();\r\n container.find('.percent-value').text('');\r\n }\r\n // eslint-disable-next-line no-unused-expressions\r\n salesprice &&\r\n container\r\n .find('.bfx-sale-price')\r\n .attr({ content: salesprice.value })\r\n .text(salesprice.formatted);\r\n // eslint-disable-next-line no-unused-expressions\r\n isNew &&\r\n container\r\n .find('.badge-product')\r\n .show()\r\n .html('New Arrivals');\r\n // eslint-disable-next-line no-unused-expressions\r\n isBestSeller &&\r\n container\r\n .find('.badge-product')\r\n .show()\r\n .html('Best Seller');\r\n\r\n if (!isNew && !isBestSeller) {\r\n container.find('.badge-product').hide();\r\n\r\n if (salesBadge) {\r\n container.find('.badge-product').show();\r\n }\r\n }\r\n\r\n var salesBeforePromoContainer = container.find('.sales-before-promo');\r\n if (salesBeforePromo) {\r\n if (salesBeforePromoContainer.length) {\r\n salesBeforePromoContainer.show().text(salesBeforePromo.formatted);\r\n } else {\r\n $(`${salesBeforePromo.formatted}`).insertAfter(container.find('.list'));\r\n }\r\n } else if (salesBeforePromoContainer.length) {\r\n salesBeforePromoContainer.hide();\r\n }\r\n\r\n // display exclusive badge when not empty and if sales badge is empty\r\n container.find('.badge-product').removeClass('badge-exclusive');\r\n\r\n if (exclusiveBadge && !salesBadge) {\r\n container.find('.badge-product').show();\r\n container.find('.badge-product').addClass('badge-exclusive');\r\n var badge;\r\n\r\n if (!container.find('.badge-product').length) {\r\n badge = '';\r\n var $sizeSelected = $setProduct.find('.custom-select-wrapper .size-selections .size-value.selected');\r\n if ($sizeSelected.length === 0) {\r\n noSelectionCount++;\r\n $setProduct\r\n .find('.product-description')\r\n .find('.availability')\r\n .empty()\r\n .html(errorMessage);\r\n\r\n $setProduct.find('.select-size').focus();\r\n $setProduct.find('.add-to-cart').prop('disabled', true);\r\n }\r\n });\r\n if (noSelectionCount > 0) {\r\n $(ele)\r\n .closest('.product-set-detail')\r\n .find('.add-to-cart-global')\r\n .prop('disabled', true);\r\n return false;\r\n }\r\n } else {\r\n var $productDetail = $(ele).closest('.product-detail');\r\n if (!$productDetail.length) {\r\n return false;\r\n }\r\n var selectedVal = $productDetail.find('.custom-select-wrapper .size-value.selected').data('attr-value');\r\n var $container = $(ele).closest('.product-detail');\r\n var labelText = $('.size-selections').attr('data-value-select-size-label');\r\n var errorMessage = '';\r\n if ((selectedVal === undefined || selectedVal === 'undefined') && !isPdpSet) {\r\n data.preventDefault();\r\n if (customUtil.isMobile() || $('.availability').css('display') === 'none') {\r\n $container.find('.availability').show();\r\n $('#footercontent').addClass('message');\r\n }\r\n $container\r\n .find('.availability')\r\n .empty()\r\n .html(errorMessage);\r\n\r\n if ($('.desktop-menu').hasClass('d-none')) {\r\n $('body, html').animate({\r\n scrollTop:\r\n $('.size-container').offset().top -\r\n ($(window).innerHeight() + $('.prices-add-to-cart-actions').innerHeight()) / 2 +\r\n $('.size-container').innerHeight()\r\n });\r\n }\r\n\r\n $container.find('.select-size').focus();\r\n $container.find('.add-to-cart').prop('disabled', true);\r\n return false;\r\n }\r\n }\r\n handleSetUnavailabilityMessage();\r\n return false;\r\n});\r\n\r\nvar expandSizeGuide = function() {\r\n var sizeGuideAccordion = '.sizeGuide-expand-all';\r\n $(sizeGuideAccordion).toggleClass('expand');\r\n if ($(sizeGuideAccordion).hasClass('expand')) {\r\n $('.pdp-sizeGuide-modal-body > div').addClass('active');\r\n } else {\r\n $('.pdp-sizeGuide-modal-body > div').removeClass('active');\r\n }\r\n $(sizeGuideAccordion).text($(sizeGuideAccordion).text() === 'Collapse all' ? 'Expand all' : 'Collapse all');\r\n};\r\n\r\n$(document).on('click', '.sizeGuide-expand-all', function(e) {\r\n e.preventDefault();\r\n expandSizeGuide();\r\n});\r\n\r\nvar collapseSizeGuide = function() {\r\n $('.pdp-sizeGuide-modal-body > div').removeClass('active');\r\n $('.sizeGuide-expand-all')\r\n .removeClass('expand')\r\n .text(' Expand all');\r\n};\r\n\r\n$(document).on('click', '.sizeGuide-link', function() {\r\n $('.product-detail').addClass('sizeGuideShow');\r\n});\r\n\r\n$(document).on('hidden.bs.modal', '#pdp-sizeGuide', function() {\r\n $('.product-detail').removeClass('sizeGuideShow');\r\n setProductDetailsDescTop();\r\n collapseSizeGuide();\r\n});\r\n\r\nvar historyPushCount = 0;\r\nvar toTitleCase = function(phrase) {\r\n return phrase\r\n .toLowerCase()\r\n .split(' ')\r\n .map(function(word) {\r\n return word.charAt(0).toUpperCase() + word.slice(1);\r\n })\r\n .join(' ');\r\n};\r\n\r\n$(document).on('click', '.color-attribute', function() {\r\n var $this = $(this);\r\n var groudId = $(this).data('variationgroupid');\r\n var isPdp = $(this)\r\n .closest('.product-detail')\r\n .hasClass('product-wrapper');\r\n var pageTitle = document.title;\r\n var color = $(this)\r\n .find('.color-value')\r\n .data('attr-value');\r\n var productName = $(this)\r\n .closest('.product-detail')\r\n .find('.product-name')\r\n .text();\r\n var exclusiveBadge = $this.data('exclusivebadge');\r\n var salesBadge = $this.data('salesbadge');\r\n var $jsProductTile = $this.closest('.js-product-tile');\r\n var currentLocale = $(this).data('currentlocale');\r\n\r\n if (isPdp) {\r\n var newPageUrl = groudId + '.html';\r\n if (currentLocale && currentLocale !== 'default') {\r\n newPageUrl = newPageUrl + '?lang=' + currentLocale;\r\n }\r\n window.history.pushState('data', 'Title', newPageUrl);\r\n // update the canonical tag\r\n $('[rel=\"canonical\"]').attr('href', window.location.href);\r\n\r\n if (pageTitle.split('|').length > 0) {\r\n // update the page title\r\n var newPageTitle = pageTitle\r\n .trim()\r\n .split('|')\r\n .map(function(item, index) {\r\n // only update the product name in the title\r\n if (index === 0) {\r\n // concatinate the product color\r\n item = toTitleCase(productName + ' In ' + color);\r\n }\r\n return item;\r\n })\r\n .join(' | ');\r\n\r\n document.title = newPageTitle;\r\n }\r\n historyPushCount++;\r\n }\r\n\r\n // check if exclusive/sales badge has data value\r\n if (exclusiveBadge || salesBadge) {\r\n var badgeClass = 'badge-product';\r\n var badgeValue = salesBadge;\r\n var $targetEl = $jsProductTile.find('.product-detail');\r\n\r\n if (!salesBadge && exclusiveBadge) {\r\n badgeClass = 'badge-product badge-exclusive';\r\n badgeValue = exclusiveBadge;\r\n }\r\n\r\n // check if badge element not exist\r\n if ($jsProductTile.find('.badge-product').length === 0) {\r\n // create badge element and append to the target element\r\n var $newEl = $('', {\r\n class: badgeClass\r\n }).html('' + badgeValue + '');\r\n $targetEl.append($newEl);\r\n } else {\r\n // update the badge element value\r\n $targetEl.find('.badge-product span').text(badgeValue);\r\n }\r\n }\r\n});\r\n\r\nif ($('.product-pdp').length > 0) {\r\n $(window).on('popstate', function() {\r\n if (historyPushCount > 0) {\r\n window.history.go(-historyPushCount);\r\n }\r\n });\r\n}\r\n\r\nvar pdpSizeGuideTitleClick = function() {\r\n if ($('.pdp-sizeGuide-modal-body .collapsible-xs.active').length === $('.pdp-sizeGuide-modal-body .collapsible-xs').length) {\r\n expandSizeGuide();\r\n } else if ($('.pdp-sizeGuide-modal-body .collapsible-xs.active').length === 0) {\r\n collapseSizeGuide();\r\n }\r\n};\r\n\r\n$(document).on('click', '#pdp-sizeGuide .collapsible-xs .title', pdpSizeGuideTitleClick);\r\n\r\nif ($('.thumbnail-carousel').length > 0) {\r\n $('body').on('click', '.thumbnail-carousel__item', function() {\r\n var $this = $(this);\r\n // todo remove a as wrapper here in base.js and in thumnailCarousel\r\n var imgThumbnailIndex = $this.find('img').data('index');\r\n var activeClass = 'thumbnail-carousel__item--active';\r\n $('.thumbnail-carousel__item').removeClass(activeClass);\r\n $('.carousel-item.active').removeClass('active');\r\n\r\n /* display the selected thumbnail image into the large image */\r\n $('.pdp-carousel .primary-images .carousel').carousel(imgThumbnailIndex);\r\n $('#carousel-item-' + imgThumbnailIndex)\r\n .addClass('active')\r\n .scroll();\r\n $this.addClass(activeClass);\r\n });\r\n}\r\n\r\n$('body').on('click', '.backinstock-notify', function() {\r\n var scrollToBISModule = function scrollIntoView(node) {\r\n var parent = node.parentElement;\r\n var parentCHeight = parent.clientHeight;\r\n var parentSHeight = parent.scrollHeight;\r\n // Doesn't scroll if parent element is body\r\n if (parentSHeight > parentCHeight && parent.parentElement) {\r\n var nodeHeight = node.clientHeight;\r\n var nodeOffset = node.offsetTop;\r\n var scrollOffset = nodeOffset + nodeHeight / 2 - parentCHeight / 2;\r\n parent.scrollTop = scrollOffset;\r\n }\r\n if (parent.parentElement) {\r\n scrollIntoView(parent);\r\n }\r\n };\r\n\r\n scrollToBISModule(document.querySelector('.product-description-container .attributes'));\r\n $('.notify-sign-up').removeClass('hide');\r\n $(this)\r\n .closest('.cart-and-ipay')\r\n .addClass('hide');\r\n});\r\n\r\n$('form.stock-notify-sign-up').on('stock-notify-sign-up:error', function(e, data) {\r\n csrf.updateTokens(data);\r\n});\r\n\r\n$('form[name=\"dwfrm_stockNotify\"]').on('submit', function(event) {\r\n event.preventDefault();\r\n\r\n var $form = $(this);\r\n var url = $form.attr('action');\r\n var pid = $('.product-id')\r\n .text()\r\n .trim();\r\n\r\n if (!pid) {\r\n return;\r\n }\r\n\r\n var newUrl = domUtil.appendToUrl(url, { pid: pid });\r\n var attentiveURL = domUtil.appendToUrl($form.data('attentive-action'), { pid: pid, isPDP: true });\r\n\r\n $form.spinner().start();\r\n $.ajax({\r\n url: newUrl,\r\n type: 'post',\r\n dataType: 'json',\r\n data: $form.serialize(),\r\n success: function(data) {\r\n if (!data.success) {\r\n $form.spinner().stop();\r\n formValidation($form, data);\r\n $('.error-msg').remove();\r\n if ('message' in data) {\r\n $form.find('#waitListJoin').addClass('is-invalid');\r\n $('#stock-notify-signup-form-email-error').empty();\r\n $('#stock-notify-signup-form-email-error').prepend(\"
' +\r\n '' +\r\n '
';\r\n $('body').append(htmlString);\r\n $('.modal-body')\r\n .spinner()\r\n .start();\r\n\r\n $.ajax({\r\n url: bonusUrl,\r\n method: 'GET',\r\n dataType: 'json',\r\n success: function (response) {\r\n var parsedHtml = parseHtml(response.renderedTemplate);\r\n $('#chooseBonusProductModal .modal-body').empty();\r\n $('#chooseBonusProductModal .enter-message').text(response.enterDialogMessage);\r\n $('#chooseBonusProductModal .modal-header .close .sr-only').text(response.closeButtonText);\r\n $('#chooseBonusProductModal .modal-body').html(parsedHtml.body);\r\n $('#chooseBonusProductModal .modal-footer').html(parsedHtml.footer);\r\n $('#chooseBonusProductModal').modal('show');\r\n },\r\n complete: function () {\r\n $.spinner().stop();\r\n }\r\n });\r\n}\r\n\r\n/**\r\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\r\n * @param {string} response - ajax response from clicking the add to cart button\r\n */\r\nfunction handlePostCartAdd(response) {\r\n $('.minicart').trigger('count:update', response);\r\n // show add to cart toast\r\n if (response.newBonusDiscountLineItem && Object.keys(response.newBonusDiscountLineItem).length !== 0) {\r\n chooseBonusProducts(response.newBonusDiscountLineItem);\r\n }\r\n}\r\n\r\nmodule.exports = {\r\n initAddToBag: function () {\r\n var addtoBag = function (e) {\r\n if ($(this).closest('.plp-atc').length) {\r\n e.stopImmediatePropagation();\r\n }\r\n\r\n var addToCartUrl;\r\n var pid;\r\n var pidsObj;\r\n var $this = $(this);\r\n\r\n $this.addClass('focusable'); // Make this element the only item to accept :focus styling while this size is being added to cart to avoid confusion\r\n\r\n if ($(this).closest('.js-product-tile-pd').length === 0) {\r\n $this.closest('.product-tile').removeClass('active-hover');\r\n }\r\n $this\r\n .closest('.product-tile')\r\n .find('.row.add-to-cart[data-attr=\"size\"]')\r\n .not('.hidden')\r\n .removeClass('hover-active');\r\n\r\n pid = getPidValue($(this));\r\n\r\n addToCartUrl = $(this)\r\n .closest('.add-to-cart')\r\n .data('addtocartUrl');\r\n\r\n var form = {\r\n pid: pid,\r\n pidsObj: pidsObj,\r\n childProducts: [],\r\n quantity: 1\r\n };\r\n\r\n form.options = [];\r\n\r\n if (addToCartUrl) {\r\n $.ajax({\r\n url: addToCartUrl,\r\n method: 'POST',\r\n data: form,\r\n success: function (data) {\r\n // reload cart page if plp is on cart page\r\n if ($('.cart.cart-page').length > 0) {\r\n window.location.href = data.redirectUrl;\r\n } else {\r\n handlePostCartAdd(data);\r\n data.addedPid = pid;\r\n $('body').trigger('product:afterAddToCart', data);\r\n $this\r\n .closest('.product-tile')\r\n .find('.js-plp-add-to-bag.desktop')\r\n .addClass('hidden');\r\n $this.closest('.add-to-cart[data-attr=\"size\"]').addClass('hidden');\r\n $this\r\n .closest('.product-tile')\r\n .find('.add-to-cart-variation-group.plp-atc.collapsible-xs')\r\n .removeClass('active');\r\n $this\r\n .closest('.product-tile')\r\n .find('.row.add-to-cart[data-attr=\"size\"]')\r\n .addClass('hover-active');\r\n baseHelper.miniCartReportingUrl(data.reportingURL);\r\n }\r\n },\r\n error: function () {\r\n $this\r\n .closest('.product-tile')\r\n .find('.row.add-to-cart[data-attr=\"size\"]')\r\n .addClass('hover-active');\r\n },\r\n complete: function () {\r\n $this.removeClass('focusable'); // Make other elements focusable after size has been added to cart\r\n $('.js-size-select-show').removeClass('hidden');\r\n }\r\n });\r\n }\r\n };\r\n\r\n $('body')\r\n .on('click', '.plp-atc .size-selections .size-attribute', addtoBag)\r\n .on('mouseleave', '.add-to-cart-variation-group', function () {\r\n if (\r\n $(this)\r\n .closest('.product-tile')\r\n .find('.js-plp-add-to-bag')\r\n .css('position') === 'absolute' &&\r\n $(this).closest('.js-product-tile-pd').length === 0\r\n ) {\r\n $(this)\r\n .find('.add-to-cart[data-attr=\"size\"]')\r\n .addClass('hidden');\r\n $(this)\r\n .closest('.product-tile')\r\n .find('.image-container')\r\n .removeClass('hovered');\r\n }\r\n })\r\n .on('mouseleave', '.plp-search-results .product-tile, .products-container .product-tile, .product-page-bottom-section .product-tile', function () {\r\n $(this).addClass('active-hover');\r\n $(this)\r\n .find('.js-plp-add-to-bag')\r\n .removeClass('hidden');\r\n })\r\n .on('mouseleave', '.js-product-tile-pd .js-product-tile.active-hover', function(e) {\r\n $(this)\r\n .find('.add-to-cart[data-attr=\"size\"]')\r\n .addClass('hidden');\r\n $(this)\r\n .find('.image-container')\r\n .removeClass('hovered');\r\n })\r\n .on(\r\n 'mouseenter',\r\n '.container-fluid.search-results.plp-search-results .active-hover .js-plp-add-to-bag, .products-container .active-hover .js-plp-add-to-bag, .product-page-bottom-section .active-hover .js-plp-add-to-bag',\r\n function (e) {\r\n if ($(this).css('position') === 'absolute') {\r\n var vgroupid = $(e.target)\r\n .closest('.product-tile')\r\n .find('.color-swatches button.color-attribute.active')\r\n .data('id');\r\n $(e.target)\r\n .closest('.product')\r\n .find('.row.add-to-cart.hidden[data-group-pid=\"' + vgroupid + '\"]')\r\n .removeClass('hidden');\r\n $(e.target)\r\n .closest('.product')\r\n .find('.image-container')\r\n .addClass('hovered');\r\n }\r\n }\r\n )\r\n .on(\r\n 'mouseenter',\r\n '.js-product-tile-pd .js-product-tile.active-hover',\r\n function(e) {\r\n var vgroupid = $(e.currentTarget)\r\n .find('.color-swatches button.color-attribute.active')\r\n .data('id');\r\n $(e.currentTarget)\r\n .closest('.product')\r\n .find('.row.add-to-cart.hidden[data-group-pid=\"' + vgroupid + '\"]')\r\n .removeClass('hidden');\r\n }\r\n )\r\n .on(\r\n 'click',\r\n '.container-fluid.search-results.plp-search-results .js-plp-add-to-bag, .products-container .plp-atc .js-plp-add-to-bag, .product-page-bottom-section .plp-atc .js-plp-add-to-bag',\r\n function (e) {\r\n e.preventDefault();\r\n var vgroupid;\r\n if (\r\n $(this)\r\n .closest('.product-tile')\r\n .find('.js-plp-add-to-bag')\r\n .css('position') === 'relative'\r\n ) {\r\n vgroupid = $(e.target)\r\n .closest('.product-tile')\r\n .find('.color-swatches button.color-attribute.active')\r\n .data('id');\r\n if (vgroupid) {\r\n $(e.target)\r\n .closest('.product')\r\n .find('.row.add-to-cart[data-attr=\"size\"]')\r\n .not('[data-group-pid=\"' + vgroupid + '\"]')\r\n .addClass('hidden');\r\n $(e.target)\r\n .closest('.product')\r\n .find('.row.add-to-cart[data-attr=\"size\"][data-group-pid=\"' + vgroupid + '\"]')\r\n .toggleClass('hidden');\r\n $(e.target)\r\n .closest('.product')\r\n .find('.image-container')\r\n .removeClass('hovered');\r\n }\r\n }\r\n if (!vgroupid) {\r\n var $colorAlert = $(e.target)\r\n .closest('.add-to-cart-variation-group')\r\n .find('.color.alert');\r\n if ($colorAlert.length) {\r\n $colorAlert.remove();\r\n }\r\n $colorAlert = $('Please select color.');\r\n $(e.target)\r\n .closest('.add-to-cart-variation-group')\r\n .prepend($colorAlert);\r\n setTimeout(function () {\r\n $colorAlert.remove();\r\n }, 5000);\r\n $(e.target)\r\n .closest('.add-to-cart-variation-group')\r\n .removeClass('active');\r\n }\r\n }\r\n )\r\n .on(\r\n 'click',\r\n '.container-fluid.search-results.plp-search-results button.color-attribute, .products-container button.color-attribute, .product-recommendation-details button.color-attribute',\r\n function (e) {\r\n e.preventDefault();\r\n if (\r\n $(this)\r\n .closest('.product-tile')\r\n .find('.js-plp-add-to-bag')\r\n .css('position') === 'relative'\r\n ) {\r\n $(e.target)\r\n .closest('.product')\r\n .find('.row.add-to-cart[data-attr=\"size\"]')\r\n .addClass('hidden');\r\n $(e.target)\r\n .closest('.product')\r\n .find('.image-container')\r\n .removeClass('hovered');\r\n }\r\n $(this)\r\n .closest('.tile-body')\r\n .prev('.add-to-cart-variation-group')\r\n .removeClass('active');\r\n }\r\n )\r\n .off('click', '.js-product-tile-pd, js-product-tile-container')\r\n .on('click', '.js-size-select-show', function() {\r\n $('.js-size-select-show').removeClass('hidden');\r\n $(this).addClass('hidden');\r\n $(this).closest('.js-product-tile-container').find('.add-to-cart').removeClass('hidden');\r\n })\r\n .on('click', '.js-size-select-close', function() {\r\n $(this).closest('.js-product-tile-container').find('.js-size-select-show').removeClass('hidden');\r\n $(this).closest('.js-product-tile-container').find('.add-to-cart').addClass('hidden');\r\n })\r\n .on('click', function (e) {\r\n if (!$(e.target).hasClass('accordion-icon') && (!($(e.target).hasClass('js-size-select-show') ||\r\n $(e.target).parent().hasClass('js-size-select-show') ||\r\n $(e.target).hasClass('js-plp-add-to-bag')))\r\n ) {\r\n var variationGroup = $('.add-to-cart-variation-group');\r\n if (variationGroup && variationGroup.hasClass('active')) {\r\n variationGroup.removeClass('active');\r\n variationGroup.find('.js-plp-add-to-bag').attr('aria-expanded', 'false');\r\n variationGroup.find('.add-to-cart').addClass('hidden');\r\n }\r\n\r\n $('.js-size-select-show').removeClass('hidden');\r\n $('.add-to-cart').addClass('hidden');\r\n }\r\n });\r\n },\r\n changeColorSwatch: $(document).on('click', '.product-tile .color-swatches button', function () {\r\n var $this = $(this);\r\n var container = $this.closest('.product-tile');\r\n\r\n container.find('button').removeClass('active');\r\n container.find('button.color-attribute').each(function () {\r\n $(this).attr('aria-checked', false);\r\n });\r\n $this.addClass('active').attr('aria-checked', true);\r\n var listprice = $this.data('listprice');\r\n var salesprice = $this.data('salesprice');\r\n var salesBeforePromo = $this.data('salespricebeforepromo');\r\n var imgfront = $this.data('imgfront');\r\n var imgfrontalt = $this.data('imgfrontalt');\r\n var imgback = $this.data('imgback');\r\n var imgbackalt = $this.data('imgbackalt');\r\n var percentageoff = $this.data('percentageoff');\r\n var isNew = $this.data('isnew');\r\n var isBestSeller = $this.data('isbestseller');\r\n var exclusiveBadge = $this.data('exclusivebadge');\r\n var exclusiveBadgeID = $this.data('exclusivebadgeid');\r\n var salesBadge = $this.data('salesbadge');\r\n var id = $this.data('id');\r\n var defaultVariantId = $this.data('defaultvariantid');\r\n var hasSalePricebook = $this.data('hassalepricebook');\r\n var promotions = $this.data('promotions');\r\n var url = $this.data('url');\r\n var quickviewUrl = '/on/demandware.store/Sites-aando-Site/default/Product-ShowQuickView?pid=' + id;\r\n var name = $this.data('varname');\r\n container.find('.link').text(name);\r\n container.find('.front-card').attr({ src: imgfront, alt: imgfrontalt });\r\n container.find('.back-card').attr({ src: imgback, alt: imgbackalt });\r\n container.find('a').attr({ href: url });\r\n container.find('a.quickview').attr({ href: quickviewUrl });\r\n\r\n container.find('.bfx-sku').text(defaultVariantId);\r\n if (!listprice) {\r\n container.find('.strike-through').hide();\r\n container\r\n .find('.bfx-list-price')\r\n .attr({ content: salesprice.value })\r\n .text(salesprice.formatted);\r\n container.find('.percent-value').text('');\r\n } else {\r\n var isHidden = container.find('.strike-through').css('display');\r\n if (isHidden === 'none') {\r\n container.find('.strike-through').css('display', '');\r\n }\r\n\r\n if (container.find('.bfx-sale-price').length) {\r\n container\r\n .find('.bfx-list-price')\r\n .attr({ content: listprice.value })\r\n .text(listprice.formatted);\r\n container.find('.percent-value').text(percentageoff);\r\n } else {\r\n var listPriceText =\r\n '' +\r\n '' +\r\n '' +\r\n '
' +\r\n '' + exclusiveBadge + '
';\r\n container.find('.product-detail').append(badge);\r\n } else {\r\n badge = '' + exclusiveBadge + '';\r\n container.find('.badge-product').html(badge);\r\n }\r\n\r\n // hide the 'New to Sale' badge for international users\r\n var newToSale = window.Resources.NEW_TO_SALE.split(' ').join('');\r\n if (window.SitePreferences.IS_INTERNATIONAL && exclusiveBadgeID === newToSale.toLowerCase()) {\r\n container.find('.badge-product').hide();\r\n }\r\n }\r\n\r\n /* re-renders the applicable promotions if the product has active product-level promotions */\r\n var $targetEl = container.find('.applicable-promotions');\r\n if (promotions && promotions.length > 0) {\r\n baseHelper.updateProductPromotions($targetEl, promotions);\r\n } else {\r\n $targetEl.empty();\r\n }\r\n }),\r\n onSizeClick: $('body').on('click', '.product-page-bottom-section .size-value, .products-container .size-value', function () {\r\n if ($(this).hasClass('selected') === true) {\r\n $(this).removeClass('selected');\r\n } else {\r\n $(this).addClass('selected');\r\n }\r\n })\r\n};\r\n","'use strict';\r\nvar base = require('../product/base');\r\nvar baseDetails = require('base/product/detail');\r\nvar customUtil = require('../customUtil');\r\n\r\nmodule.exports = {\r\n availability: base.availability,\r\n addToCart: base.addToCart,\r\n // removed updateAddToCart for SI-38 requirment\r\n updateAttributesAndDetails: baseDetails.updateAttributesAndDetails,\r\n showSpinner: baseDetails.showSpinner,\r\n updateAttribute: function () {\r\n $('body').on('product:afterAttributeSelect', function (e, response) {\r\n response.container.data('video', response.data.product.pdpVideoID);\r\n if ($('.product-detail>.bundle-items').length) {\r\n response.container.data('pid', response.data.product.id);\r\n response.container.find('.product-id').text(response.data.product.id);\r\n } else if ($('.product-set-detail').eq(0).length) {\r\n response.container.data('pid', response.data.product.id);\r\n response.container.find('.product-id').text(response.data.product.id);\r\n } else {\r\n var productId = response.data.product.id;\r\n // BF might be using element text or data attribute which is also used by add to cart in PDP. Use different attribute for ATC.\r\n if ($('.product-detail.container:not(\".bundle-item\")').hasClass('bfx-price-product')) {\r\n $('.product-detail:not(\".bundle-item\")').data('addtocart-pid', productId);\r\n if (response.data.product.productType === 'variationGroup') {\r\n productId = response.data.product.defaultVariantId;\r\n }\r\n $('.product-id').text(productId);\r\n $('.product-detail:not(\".bundle-item\")').data('pid', productId);\r\n } else {\r\n $('.product-id').text(productId);\r\n $('.product-detail:not(\".bundle-item\")').data('pid', productId);\r\n }\r\n }\r\n });\r\n },\r\n updateAvailability: baseDetails.updateAvailability,\r\n selectAttribute: function() {\r\n $('body').on('click', '.product-description-container [data-attr=\"size\"] button', function(e) {\r\n e.preventDefault();\r\n\r\n\r\n // if ($('.plp-atc').length && $('[data-page=\"Search-ShowResult\"]').length == 0) {\r\n // return;\r\n // }\r\n\r\n var $productContainer = $(this).closest('.set-item');\r\n if (!$productContainer.length) {\r\n $productContainer = $(this).closest('.product-detail');\r\n }\r\n\r\n // Back in Stock Notification\r\n $('.notify-sign-up').addClass('hide');\r\n $('#waitListJoin').removeClass('is-invalid');\r\n $(this).closest('.product-detail').find('.btn-container').removeClass('hide');\r\n\r\n if ($(this).hasClass('show-backinstock-module')) {\r\n // Show Back In Stock Module\r\n var $currentSelectedSize = $(this).siblings('[aria-checked=\"true\"]');\r\n $(this).siblings('.size-attribute').attr('aria-checked', 'false');\r\n base.attributeSelect($(this).attr('data-url'), $productContainer, 'size');\r\n\r\n $(this).closest('.product-detail').find('.add-to-cart').addClass('hide');\r\n $(this).closest('.product-detail').find('.apple-pay-pdp').addClass('hide');\r\n $(this).closest('.product-detail').find('.backinstock-notify').removeClass('hide');\r\n } else {\r\n base.attributeSelect($(this).attr('data-url'), $productContainer, 'size');\r\n\r\n $(this).closest('.product-detail').find('.btn-container').removeClass('hide');\r\n $(this).closest('.product-detail').find('.add-to-cart').removeClass('hide');\r\n $(this).closest('.product-detail').find('.apple-pay-pdp').removeClass('hide');\r\n $(this).closest('.product-detail').find('.backinstock-notify').addClass('hide');\r\n }\r\n });\r\n\r\n $('button.add-to-cart-global').on('product:updateAddToCart', function (e, response) {\r\n if (response.product.readyToOrder) {\r\n $(this).attr('disabled', false);\r\n }\r\n });\r\n },\r\n sizeChart: function() {\r\n $(document).on('click', '.size-chart .sizeGuide-link', function(e) {\r\n e.preventDefault();\r\n var url = $(this).attr('href');\r\n var $prodSizeChart = $(this)\r\n .closest('.size-chart')\r\n .find('.size-chart-collapsible');\r\n var $productDescContainer = $(this)\r\n .closest('.product-description-container');\r\n if (!customUtil.isMobile()) {\r\n $productDescContainer.css({ top: '0rem' });\r\n }\r\n if ($prodSizeChart.is(':empty')) {\r\n $.ajax({\r\n url: url,\r\n type: 'get',\r\n dataType: 'json',\r\n success: function(data) {\r\n $prodSizeChart.append(data.content);\r\n\r\n var modalOptions = {\r\n keyboard: false,\r\n backdrop: false\r\n };\r\n\r\n if ($('.modal-backdrop').length === 0) {\r\n modalOptions.backdrop = 'static';\r\n }\r\n\r\n $('#pdp-sizeGuide').modal(modalOptions);\r\n\r\n }\r\n });\r\n }\r\n $prodSizeChart.toggleClass('active');\r\n });\r\n\r\n var $sizeChart = $('.size-chart-collapsible');\r\n $('body').on('click touchstart', function(e) {\r\n if ($('.size-chart').has(e.target).length <= 0) {\r\n $sizeChart.removeClass('active');\r\n }\r\n });\r\n },\r\n copyProductLink: baseDetails.copyProductLink,\r\n focusChooseBonusProductModal: base.focusChooseBonusProductModal(),\r\n pdpApplePay: function() {\r\n $('body').on('click', '.dw-apple-pay-button', function(e) {\r\n // Based on the product:beforeAddToCart event in pdpProductDetails.js\r\n var isPdpSet = $(this).closest('.product-set-detail').length;\r\n var selectedVal = $(this)\r\n .closest('.product-detail')\r\n .find('.select-size option:selected')\r\n .data('attr-value');\r\n if (!selectedVal && selectedVal !== 0 && !isPdpSet) {\r\n e.preventDefault();\r\n $('body').trigger('product:beforeAddToCart', this);\r\n $.spinner().stop();\r\n return false;\r\n }\r\n });\r\n\r\n $('body').on('product:updateAddToCart', function(e, response) {\r\n if (response.product.readyToOrder) {\r\n var applePayButton = $('.apple-pay-pdp', response.$productContainer);\r\n if (applePayButton.length !== 0) {\r\n applePayButton.attr('sku', response.product.id);\r\n }\r\n }\r\n });\r\n },\r\n showSpinner: function () {\r\n $('body').on('product:beforeAddToCart product:beforeAttributeSelect', function () {\r\n if (!$('.container.search-results').length) {\r\n $.spinner().start();\r\n }\r\n });\r\n },\r\n showPDPEDD: function () {\r\n var $eddText = $('.eddtext.productDetails');\r\n var $eddPidDiv = $eddText.find('.eddpid');\r\n var limit = 0;\r\n var timeInt;\r\n var unHideEdd = function () {\r\n if ($eddPidDiv.text().trim().length > 0 || limit > 100) {\r\n if ($eddText.hasClass('hide') && $eddPidDiv.text().trim().length > 0) {\r\n $eddText.removeClass('hide');\r\n }\r\n clearTimeout(timeInt);\r\n } else {\r\n limit++;\r\n timeInt = setTimeout(unHideEdd, 100);\r\n }\r\n };\r\n unHideEdd();\r\n },\r\n videoThumbnail: function () {\r\n var videoId = $('.product-detail').data('video');\r\n if (videoId) {\r\n $.ajax({\r\n type: 'GET',\r\n url: 'https://vimeo.com/api/v2/video/' + videoId + '.json',\r\n dataType: 'json',\r\n success: function (data) {\r\n var thumbnailUrl = data[0].thumbnail_large;\r\n $('.video-thumbnail').attr('src', thumbnailUrl);\r\n $('.pdp-main-video').attr('poster', thumbnailUrl);\r\n }\r\n });\r\n }\r\n },\r\n videoButton: function () {\r\n if ($('.pdp-main-video').length) {\r\n $(document).on('click', '.pdp-video-button', function () {\r\n var $videoButton = $('.pdp-video-button');\r\n var videoElement = $('.pdp-main-video')[0];\r\n if (videoElement.paused) {\r\n videoElement.play();\r\n $videoButton.addClass('pause-button');\r\n $videoButton.removeClass('play-button');\r\n } else {\r\n $videoButton.removeClass('pause-button');\r\n $videoButton.addClass('play-button');\r\n videoElement.pause();\r\n }\r\n });\r\n }\r\n }\r\n};\r\n","'use strict';\r\n\r\nmodule.exports = function (include) {\r\n if (typeof include === 'function') {\r\n include();\r\n } else if (typeof include === 'object') {\r\n Object.keys(include).forEach(function (key) {\r\n if (typeof include[key] === 'function') {\r\n include[key]();\r\n }\r\n });\r\n }\r\n};\r\n","'use strict';\r\nvar base = require('./base');\r\n\r\nmodule.exports = {\r\n availability: base.availability,\r\n\r\n addToCart: base.addToCart,\r\n\r\n updateAttributesAndDetails: function () {\r\n $('body').on('product:statusUpdate', function (e, data) {\r\n var $productContainer = $('.product-detail[data-pid=\"' + data.id + '\"]');\r\n\r\n $productContainer.find('.description-and-detail .product-attributes')\r\n .empty()\r\n .html(data.attributesHtml);\r\n\r\n if (data.shortDescription) {\r\n $productContainer.find('.description-and-detail .description')\r\n .removeClass('hidden-xl-down');\r\n $productContainer.find('.description-and-detail .description .content')\r\n .empty()\r\n .html(data.shortDescription);\r\n } else {\r\n $productContainer.find('.description-and-detail .description')\r\n .addClass('hidden-xl-down');\r\n }\r\n\r\n if (data.longDescription) {\r\n $productContainer.find('.description-and-detail .details')\r\n .removeClass('hidden-xl-down');\r\n $productContainer.find('.description-and-detail .details .content')\r\n .empty()\r\n .html(data.longDescription);\r\n } else {\r\n $productContainer.find('.description-and-detail .details')\r\n .addClass('hidden-xl-down');\r\n }\r\n });\r\n },\r\n\r\n showSpinner: function () {\r\n $('body').on('product:beforeAddToCart product:beforeAttributeSelect', function () {\r\n $.spinner().start();\r\n });\r\n },\r\n updateAttribute: function () {\r\n $('body').on('product:afterAttributeSelect', function (e, response) {\r\n if ($('.product-detail>.bundle-items').length) {\r\n response.container.data('pid', response.data.product.id);\r\n response.container.find('.product-id').text(response.data.product.id);\r\n } else if ($('.product-set-detail').eq(0).length) {\r\n response.container.data('pid', response.data.product.id);\r\n response.container.find('.product-id').text(response.data.product.id);\r\n } else {\r\n var productId = response.data.product.id;\r\n if (response.data.product.productType === 'variationGroup') {\r\n productId = response.data.product.defaultVariantId;\r\n }\r\n $('.product-id').text(productId);\r\n $('.product-detail:not(\".bundle-item\")').data('pid', productId);\r\n }\r\n });\r\n },\r\n updateAddToCart: function () {\r\n $('body').on('product:updateAddToCart', function (e, response) {\r\n // update local add to cart (for sets)\r\n $('button.add-to-cart', response.$productContainer).attr('disabled',\r\n (!response.product.readyToOrder || !response.product.available));\r\n\r\n var enable = $('.product-availability').toArray().every(function (item) {\r\n return $(item).data('available') && $(item).data('ready-to-order');\r\n });\r\n $('button.add-to-cart-global').attr('disabled', !enable);\r\n });\r\n },\r\n updateAvailability: function () {\r\n $('body').on('product:updateAvailability', function (e, response) {\r\n $('div.availability', response.$productContainer)\r\n .data('ready-to-order', response.product.readyToOrder)\r\n .data('available', response.product.available);\r\n\r\n $('.availability-msg', response.$productContainer)\r\n .empty().html(response.message);\r\n\r\n if ($('.global-availability').length) {\r\n var allAvailable = $('.product-availability').toArray()\r\n .every(function (item) { return $(item).data('available'); });\r\n\r\n var allReady = $('.product-availability').toArray()\r\n .every(function (item) { return $(item).data('ready-to-order'); });\r\n\r\n $('.global-availability')\r\n .data('ready-to-order', allReady)\r\n .data('available', allAvailable);\r\n\r\n $('.global-availability .availability-msg').empty()\r\n .html(allReady ? response.message : response.resources.info_selectforstock);\r\n }\r\n });\r\n },\r\n sizeChart: function () {\r\n $('.size-chart a').on('click', function (e) {\r\n e.preventDefault();\r\n var url = $(this).attr('href');\r\n var $prodSizeChart = $(this).closest('.size-chart').find('.size-chart-collapsible');\r\n if ($prodSizeChart.is(':empty')) {\r\n $.ajax({\r\n url: url,\r\n type: 'get',\r\n dataType: 'json',\r\n success: function (data) {\r\n $prodSizeChart.append(data.content);\r\n }\r\n });\r\n }\r\n $prodSizeChart.toggleClass('active');\r\n });\r\n\r\n var $sizeChart = $('.size-chart-collapsible');\r\n $('body').on('click touchstart', function (e) {\r\n if ($('.size-chart').has(e.target).length <= 0) {\r\n $sizeChart.removeClass('active');\r\n }\r\n });\r\n },\r\n copyProductLink: function () {\r\n $('body').on('click', '#fa-link', function () {\r\n event.preventDefault();\r\n var $temp = $('');\r\n $('body').append($temp);\r\n $temp.val($('#shareUrl').val()).select();\r\n document.execCommand('copy');\r\n $temp.remove();\r\n $('.copy-link-message').attr('role', 'alert');\r\n $('.copy-link-message').removeClass('d-none');\r\n setTimeout(function () {\r\n $('.copy-link-message').addClass('d-none');\r\n }, 3000);\r\n });\r\n },\r\n\r\n focusChooseBonusProductModal: base.focusChooseBonusProductModal()\r\n};\r\n","'use strict';\r\n\r\nvar domUtil = require('../domUtil');\r\nvar customUtil = require('../customUtil');\r\nvar slickHelper = require('../utils/slick');\r\nvar viewportUtil = require('../utils/viewport');\r\nvar baseHelper = require('./base');\r\nvar formValidation = require('../components/formValidation');\r\nvar csrf = require('../csrf');\r\nvar hiddenClass = 'd-none';\r\n\r\n/**\r\n * Process attribute values associated with an attribute that does not have image swatches\r\n *\r\n * @param {int} price - product sale price\r\n * @param {int} standardPrice - product standard price\r\n * @param {string} percentOffMark - string value\r\n * @param {Object} productContainer - DOM container for a given product\r\n * @param {boolean} hasSalePricebook - has sale pricebook\r\n */\r\nfunction updateProductPrice(price, standardPrice, percentOffMark, productContainer, hasSalePricebook, salesPriceBeforePromo) {\r\n var priceTemplate = $('.price-template')[0].cloneNode(true);\r\n var priceSection = domUtil.queryFirst('.prices .price', productContainer);\r\n var priceContainer = domUtil.queryFirst('.price-section', priceTemplate);\r\n var strikeThroughContainer = domUtil.queryFirst('.strike-through-section', priceContainer);\r\n var priceElement = domUtil.queryFirst('.strike-through-price', strikeThroughContainer);\r\n var salesContainer = domUtil.queryFirst('.sales', priceContainer);\r\n var salesPriceElement = domUtil.queryFirst('.price-value', salesContainer);\r\n var salesBeforPromoElement = domUtil.queryFirst('.sales-before-promo', priceContainer);\r\n var percentOffContainer = domUtil.queryFirst('.sales-percentage', priceContainer);\r\n var percentOffElement = domUtil.queryFirst('.percent-value', priceContainer);\r\n domUtil.removeClass(strikeThroughContainer, hiddenClass);\r\n\r\n if (!hasSalePricebook) {\r\n domUtil.addClass(strikeThroughContainer, hiddenClass);\r\n domUtil.addClass(percentOffContainer, hiddenClass);\r\n }\r\n\r\n if (salesBeforPromoElement && salesPriceBeforePromo) {\r\n salesBeforPromoElement.textContent = salesPriceBeforePromo;\r\n }\r\n\r\n if (priceElement) {\r\n priceElement.textContent = standardPrice;\r\n }\r\n if (salesPriceElement) {\r\n salesPriceElement.textContent = price;\r\n }\r\n if (price === standardPrice) {\r\n domUtil.addClass(strikeThroughContainer, hiddenClass);\r\n }\r\n if (price < standardPrice && percentOffElement && percentOffMark) {\r\n percentOffElement.textContent = percentOffMark;\r\n }\r\n priceSection.innerHTML = priceTemplate.innerHTML;\r\n}\r\n\r\n/**\r\n * This method used to get the pdp estimated delivery date via ajax call\r\n * @param {string} inStockDate - In Stoke date\r\n */\r\nfunction getPdpEDD(inStockDate) {\r\n var $eddText = $('.eddtext.productDetails');\r\n var $eddPidDiv = $eddText.find('.eddpid');\r\n\r\n if ($eddPidDiv.length) {\r\n var url = $eddPidDiv.data('url');\r\n\r\n if (url) {\r\n var eddObj = {\r\n zipcode: $eddPidDiv.data('narvar-dest-zip'),\r\n carrierCode: $eddPidDiv.data('narvar-carrier-code'),\r\n serviceCode: $eddPidDiv.data('narvar-service-code'),\r\n inStockDate: inStockDate\r\n };\r\n\r\n $eddText.addClass('d-none');\r\n\r\n $.ajax({\r\n url: url,\r\n type: 'get',\r\n dataType: 'json',\r\n data: { eddObj: JSON.stringify(eddObj) },\r\n success: function(data) {\r\n if (data.success) {\r\n $eddPidDiv.closest('.eddtext').attr('data-object', JSON.stringify(data.eddObject));\r\n if (eddObj.serviceCode && eddObj.serviceCode.length > 0 && eddObj.carrierCode && eddObj.carrierCode.length > 0) {\r\n $eddPidDiv.text('');\r\n if (window.narvar) {\r\n window.narvar('getEdd', {});\r\n }\r\n } else if (data.earliestEDD) {\r\n $eddPidDiv.text(data.earliestEDD);\r\n if (window.narvar) {\r\n window.narvar('getEdd', {});\r\n }\r\n } else if (window.narvar) {\r\n window.narvar('getEdd', {});\r\n }\r\n } else if (window.narvar) {\r\n window.narvar('getEdd', {});\r\n }\r\n var limit = 0;\r\n var timeInt;\r\n var unHideEdd = function() {\r\n if ($eddPidDiv.text().trim().length > 0 || limit > 100) {\r\n if ($eddPidDiv.text().trim().length > 0) {\r\n $eddText.removeClass('d-none');\r\n }\r\n clearTimeout(timeInt);\r\n } else {\r\n limit++;\r\n timeInt = setTimeout(unHideEdd, 100);\r\n }\r\n };\r\n unHideEdd();\r\n }\r\n });\r\n }\r\n }\r\n}\r\n\r\n/**\r\n * This method handles the unavailability message in product set\r\n */\r\nfunction handleSetUnavailabilityMessage() {\r\n var unavailableItems = $('.availability-container .no-stock').length;\r\n var setUnavailableMessageOne = $('.set-unavailable-message-one');\r\n var setUnavailableMessageMany = $('.set-unavailable-message-many');\r\n if (unavailableItems > 1) {\r\n setUnavailableMessageOne.addClass('d-none');\r\n setUnavailableMessageMany.find('.no-of-items').text(unavailableItems);\r\n setUnavailableMessageMany.removeClass('d-none');\r\n } else if (unavailableItems === 1) {\r\n setUnavailableMessageMany.addClass('d-none');\r\n setUnavailableMessageOne.removeClass('d-none');\r\n } else {\r\n setUnavailableMessageOne.addClass('d-none');\r\n setUnavailableMessageMany.addClass('d-none');\r\n }\r\n}\r\n\r\n$('body').on('product:afterAttributeSelect', function(e, data) {\r\n if (data.attributeType && data.attributeType === 'color') {\r\n if (data.data.product.recommendationsHtml) {\r\n $('.recommendations-products').empty();\r\n $('.product-recommendation-details')\r\n .empty()\r\n .html(data.data.product.recommendationsHtml);\r\n $('body').trigger('search:updateProducts');\r\n }\r\n if (data.data.product.einsteinProductRecommendationsHtml) {\r\n $('.custom-recommender')\r\n .empty()\r\n .html(data.data.product.einsteinProductRecommendationsHtml);\r\n $('body').trigger('search:updateProducts');\r\n } else {\r\n $('.custom-recommender').empty();\r\n }\r\n }\r\n if ($('.product-detail.product-pdp .custom-select-wrapper .size-value.selected').length) {\r\n $('.qty-err').remove();\r\n }\r\n if (!data.data.product.price.type) {\r\n var standardPrice = data.data.product.price.list ? data.data.product.price.list.formatted : data.data.product.price.sales.formatted;\r\n var price = standardPrice;\r\n var percentOffMark;\r\n if (data.data.product.price.sales) {\r\n price = data.data.product.price.sales.formatted;\r\n }\r\n if (data.data.product.price.list) {\r\n percentOffMark = data.data.product.price.percentageOff;\r\n }\r\n\r\n var hasSalePricebook = data.data.hasSalePricebook;\r\n var salesPriceBeforePromo =\r\n 'salesBeforePromo' in data.data.product.price && data.data.product.price.salesBeforePromo ? data.data.product.price.salesBeforePromo.formatted : '';\r\n updateProductPrice(price, standardPrice, percentOffMark, data.container[0], hasSalePricebook, salesPriceBeforePromo);\r\n }\r\n var isPdpSet = $('.product-set-detail').length;\r\n if (isPdpSet) {\r\n handleSetUnavailabilityMessage();\r\n }\r\n\r\n var PdpVideoID = data.data.product.pdpVideoID;\r\n if (PdpVideoID !== null && PdpVideoID !== undefined) {\r\n var carousel = $('.product-detail .primary-images .carousel');\r\n if (isPdpSet) {\r\n var selectedProductID = data.data.product.id;\r\n if (selectedProductID !== null && selectedProductID !== undefined) {\r\n $('.product-detail').each(function() {\r\n var setItemID = $(this)\r\n .find('.product-id.bfx-sku')\r\n .text();\r\n if (setItemID === selectedProductID) {\r\n carousel = $(this).find('.carousel');\r\n }\r\n });\r\n }\r\n }\r\n\r\n if ($(carousel).length > 0) {\r\n var carouselId = $(carousel).attr('id');\r\n var imageLength = $(carousel).find('.carousel-inner .carousel-item ').length;\r\n $(\r\n ''\r\n ).appendTo($(carousel).find('.carousel-inner'));\r\n $('').appendTo(\r\n $(carousel).find('.carousel-indicators')\r\n );\r\n }\r\n }\r\n // update Narvar estimated date on PDP\r\n var $eddPidDiv = $('.eddpid');\r\n if (isPdpSet) {\r\n var selectedEddProductID = data.data.product.id;\r\n if (selectedEddProductID !== null && selectedEddProductID !== undefined) {\r\n $('.product-detail').each(function() {\r\n var setItemID = $(this)\r\n .find('.product-id.bfx-sku')\r\n .text();\r\n if (setItemID === selectedEddProductID) {\r\n $eddPidDiv = $(this).find('.eddpid');\r\n }\r\n });\r\n }\r\n }\r\n if ($eddPidDiv.length > 0) {\r\n if (data.data.product.availability.eddPreOrderDate) {\r\n $eddPidDiv.attr('data-narvar-instock-date', data.data.product.availability.eddPreOrderDate);\r\n $eddPidDiv.addClass('preorder-date');\r\n if ($('.pdp-edd.hide').length > 0) {\r\n $('.pdp-edd.hide').removeClass('hide');\r\n }\r\n } else {\r\n if ($eddPidDiv.hasClass('preorder-date')) {\r\n $eddPidDiv.removeClass('preorder-date');\r\n }\r\n if ($('.pdp-edd.hide').length > 0) {\r\n $('.pdp-edd.hide').removeClass('hide');\r\n }\r\n }\r\n\r\n getPdpEDD(data.data.product.availability.eddPreOrderDate);\r\n }\r\n\r\n /* re-renders the applicable promotions if the product has active product-level promotions */\r\n var $targetEl = $('.applicable-promotions');\r\n if (data.data.product.hasPromotions) {\r\n var promotions = data.data.product.promotions;\r\n baseHelper.updateProductPromotions($targetEl, promotions);\r\n } else {\r\n $targetEl.empty();\r\n }\r\n});\r\n\r\n// calculate the top offset of product details description container and lock it at the top once the 'Add to bag' button is in the viewport\r\nvar setProductDetailsDescTop = function(parentEl) {\r\n if (!parentEl) {\r\n return;\r\n }\r\n\r\n var $productDescContainer = parentEl.find('.product-description-container');\r\n var $btnContainer = parentEl.find('.prices-add-to-cart-actions');\r\n var woh = $(window).outerHeight(true);\r\n var bPadding = 50;\r\n var topOffset = 150;\r\n\r\n if ($btnContainer.length > 0 && !viewportUtil.isInViewport($btnContainer)) {\r\n topOffset = woh - ($btnContainer.position().top + $btnContainer.outerHeight(true) + bPadding);\r\n }\r\n\r\n $productDescContainer.css({ top: topOffset / 16 + 'rem' });\r\n};\r\n\r\n$('body').on('product:updateAvailability', function(e, data) {\r\n var className = data.product.availability.classType;\r\n var errMessage = data.product.availability.messages[0];\r\n var ele = $(e.target).find('.product-description');\r\n var isSetItem = data.$productContainer.hasClass('product-detail set-item');\r\n if (className === 'qty-err') {\r\n ele.find('.add-to-cart').prop('disabled', true);\r\n } else {\r\n ele.find('.add-to-cart').prop('disabled', false);\r\n }\r\n if (data.product.variationAttributes) {\r\n var output = [];\r\n $.each(data.product.variationAttributes, function(key, variationAttribute) {\r\n if (variationAttribute.id === 'color') {\r\n $.each(variationAttribute.values, function(key1, value) {\r\n var $colorSelector = $(\r\n '.product-detail [data-attr=\"' +\r\n variationAttribute.id +\r\n '\"] button.' +\r\n variationAttribute.id +\r\n '-attribute[data-variationgroupid=\"' +\r\n value.variationGroupID +\r\n '\"]'\r\n );\r\n if (!value.selectable && (!value.enableBackInStockNotification || isSetItem)) {\r\n $colorSelector.attr('disabled', 'disabled');\r\n } else {\r\n $colorSelector.removeAttr('disabled');\r\n }\r\n if (!value.enableBackInStockNotification || isSetItem) {\r\n $colorSelector.removeClass('back-in-stock-notification');\r\n } else {\r\n $colorSelector.addClass('back-in-stock-notification');\r\n }\r\n });\r\n }\r\n if (variationAttribute.id === 'size') {\r\n $.each(variationAttribute.values, function(key1, value) {\r\n var showBackInStockModule = value.enableBackInStockNotification;\r\n output.push(\r\n ''\r\n );\r\n\r\n if (value.selected && !value.selectable) {\r\n ele.find('button.add-to-cart').prop('disabled', true);\r\n }\r\n });\r\n ele.find('[data-attr=\"' + variationAttribute.id + '\"] .size-selections').html(output.join(''));\r\n }\r\n });\r\n }\r\n\r\n // Back in Stock Notification\r\n $('.notify-sign-up').addClass('hide');\r\n $('#waitListJoin').removeClass('is-invalid');\r\n $(this)\r\n .closest('.product-detail')\r\n .find('.btn-container')\r\n .removeClass('hide');\r\n\r\n if (\r\n ele\r\n .closest('.product-detail')\r\n .find('[data-attr=\"size\"] .size-attribute[aria-checked=\"true\"]')\r\n .hasClass('show-backinstock-module')\r\n ) {\r\n ele.closest('.product-detail')\r\n .find('.add-to-cart')\r\n .addClass('hide');\r\n ele.closest('.product-detail')\r\n .find('.backinstock-notify')\r\n .removeClass('hide');\r\n } else {\r\n ele.closest('.product-detail')\r\n .find('.btn-container')\r\n .removeClass('hide');\r\n ele.closest('.product-detail')\r\n .find('.add-to-cart')\r\n .removeClass('hide');\r\n ele.closest('.product-detail')\r\n .find('.backinstock-notify')\r\n .addClass('hide');\r\n }\r\n\r\n $(ele)\r\n .find('.color-value')\r\n .each(function(d, el) {\r\n if ($(el).hasClass('unselectable')) {\r\n if (\r\n !$(el)\r\n .parent()\r\n .hasClass('back-in-stock-notification')\r\n ) {\r\n $(el)\r\n .parent()\r\n .attr('disabled', true);\r\n } else {\r\n $(el)\r\n .parent()\r\n .attr('disabled', false);\r\n }\r\n } else {\r\n $(el)\r\n .parent()\r\n .attr('disabled', false);\r\n }\r\n });\r\n $(ele)\r\n .find('.color-value')\r\n .parent('.color-attribute')\r\n .attr('aria-checked', 'false');\r\n $(ele)\r\n .find('.color-value.selected')\r\n .parent('.color-attribute')\r\n .attr('aria-checked', 'true');\r\n var colorName = $(ele)\r\n .find('.color-value.selected')\r\n .data('attr-displayvalue');\r\n if (typeof colorName !== 'undefined') {\r\n $(ele)\r\n .find('.selected-color')\r\n .text(colorName.toLowerCase());\r\n }\r\n\r\n if (className !== 'no-stock') {\r\n $(ele)\r\n .find('.product-availability')\r\n .html('' + errMessage + '
');\r\n $(ele)\r\n .find('.cart-and-ipay')\r\n .removeClass('hide');\r\n } else {\r\n $(ele)\r\n .find('.product-availability')\r\n .empty();\r\n $(ele)\r\n .find('.notify-sign-up .form-group, .notify-sign-up .btn.stock-notify-signup-email, .notify-sign-up.title')\r\n .removeClass('hide');\r\n $(ele)\r\n .find('.notify-sign-up .btn.stock-notify-signup-success')\r\n .addClass('hide');\r\n }\r\n\r\n if (className !== 'no-err') {\r\n $('#footercontent').addClass('message');\r\n } else {\r\n $('#footercontent').removeClass('message');\r\n }\r\n\r\n var preOrderLabel = $('.add-to-cart-btn-labels').attr('data-value-preorder-text');\r\n var addToCartLabel = $('.add-to-cart-btn-labels').attr('data-value-cart-text');\r\n var hasPreorder = data.product.availability.messages[0].indexOf('pre-order-ship-msg') >= 0;\r\n\r\n if (hasPreorder) {\r\n $(ele)\r\n .find('.add-to-cart span')\r\n .text(preOrderLabel);\r\n $(ele)\r\n .find('.availability')\r\n .hide();\r\n $(ele)\r\n .find('.availability-container .availability-msg')\r\n .show();\r\n } else {\r\n $(ele)\r\n .find('.add-to-cart span')\r\n .text(addToCartLabel);\r\n $(ele)\r\n .find('.availability')\r\n .show();\r\n $(ele)\r\n .find('.availability-container .availability-msg')\r\n .hide();\r\n }\r\n $(ele)\r\n .find('.product-desc .content')\r\n .html(data.product.shortDescription);\r\n $(ele)\r\n .find('.description-and-detail')\r\n .empty()\r\n .html(data.product.descriptionAndDetailsHtml);\r\n $(ele)\r\n .find('.sales-bdg')\r\n .empty()\r\n .html(data.product.saleBadgingHtml);\r\n $(ele)\r\n .find('.ex-promotion')\r\n .empty()\r\n .html(data.product.exclusiveBadgingHtml);\r\n $(ele)\r\n .find('.product-name')\r\n .empty()\r\n .html(data.product.productName);\r\n\r\n // reset and re-calculate the top offset when color/size is changed\r\n var $productDescContainer = $('.product-detail .product-description-container');\r\n $productDescContainer.removeAttr('style');\r\n\r\n if (!customUtil.isMobile() && $('.product-detail').length > 0) {\r\n setProductDetailsDescTop($('.product-detail'));\r\n }\r\n});\r\n\r\n// adding error message when size not selected\r\n// eslint-disable-next-line consistent-return\r\n$('body').on('product:beforeAddToCart', function(data, ele) {\r\n var isPdpSet = $(ele).closest('.product-set-detail').length;\r\n if (isPdpSet) {\r\n var noSelectionCount = 0;\r\n var $setProducts = $(ele)\r\n .closest('.product-detail')\r\n .find('.set-item');\r\n if (!$setProducts.length) {\r\n $setProducts = $(ele).closest('.product-detail.set-item');\r\n }\r\n $setProducts.each(function() {\r\n var $setProduct = $(this);\r\n var labelText = $setProduct.find('.size-selections').attr('data-value-select-size-label');\r\n var errorMessage = '' + labelText + '
' + labelText + '
\" + data.message + '
');\r\n }\r\n $('form.stock-notify-sign-up').trigger('stock-notify-sign-up:error', data);\r\n } else if (!$form.find('#attentive-pdp').is(':checked')) {\r\n $form.spinner().stop();\r\n $('.notify-sign-up .form-group, .notify-sign-up .btn.stock-notify-signup-email, .notify-sign-up.title').addClass('hide');\r\n $('.notify-sign-up .btn.stock-notify-signup-success').removeClass('hide');\r\n }\r\n },\r\n error: function() {\r\n $form.spinner().stop();\r\n }\r\n });\r\n\r\n if ($form.find('#attentive-pdp').is(':checked')) {\r\n $.ajax({\r\n url: attentiveURL,\r\n type: 'get',\r\n dataType: 'json',\r\n data: $form.serialize(),\r\n success: function (data) {\r\n $form.spinner().stop();\r\n if (!data.success) {\r\n formValidation($form, data);\r\n $('.error-msg').remove();\r\n if ('message' in data) {\r\n $form.find('#smsJoin').addClass('is-invalid');\r\n $('#sms-signup-form-error').empty();\r\n $('#sms-signup-form-error').prepend(\"\" + data.message + '
');\r\n }\r\n $('form.stock-notify-sign-up').trigger('stock-notify-sign-up:error', data);\r\n } else {\r\n $('.notify-sign-up .form-group, .notify-sign-up .btn.stock-notify-signup-email, .notify-sign-up.title').addClass('hide');\r\n $('.notify-sign-up .btn.stock-notify-signup-success').removeClass('hide');\r\n }\r\n },\r\n error: function () {\r\n $form.spinner().stop();\r\n }\r\n });\r\n }\r\n});\r\n\r\n// remove isapplepay element on pdp for browsers that do not support it\r\nif ('ApplePaySession' in window === false) {\r\n $('isapplepay').remove();\r\n}\r\n\r\n// page load initialization on desktop only\r\nif (!customUtil.isMobile()) {\r\n setProductDetailsDescTop($('.product-detail'));\r\n\r\n $('body').on('click', '.product-pdp .size-attribute, .product-pdp .color-attribute', function() {\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n });\r\n}\r\n\r\n","'use strict';\r\nvar processInclude = require('base/util');\r\nvar base = require('./base');\r\nvar focusHelper = require('base/components/focus');\r\nvar baseQuickView = require('base/product/quickView');\r\n\r\n$(document).ready(function() {\r\n processInclude(require('./detail'));\r\n processInclude(require('./pdpProductDetails'));\r\n});\r\n\r\n/**\r\n * Generates the modal window on the first call.\r\n *\r\n */\r\nfunction getModalHtmlElement() {\r\n if ($('#quickViewModal').length !== 0) {\r\n $('#quickViewModal').remove();\r\n }\r\n var htmlString =\r\n '' +\r\n '' +\r\n '' +\r\n '
';\r\n $('body').append(htmlString);\r\n}\r\n\r\n/**\r\n * @typedef {Object} QuickViewHtml\r\n * @property {string} body - Main Quick View body\r\n * @property {string} footer - Quick View footer content\r\n */\r\n\r\n/**\r\n * Parse HTML code in Ajax response\r\n *\r\n * @param {string} html - Rendered HTML from quickview template\r\n * @return {QuickViewHtml} - QuickView content components\r\n */\r\nfunction parseHtml(html) {\r\n var $html = $('' +\r\n '' +\r\n '' +\r\n '
' +\r\n '').append($.parseHTML(html));\r\n\r\n var body = $html.find('.product-quickview');\r\n var footer = $html.find('.modal-footer').children();\r\n\r\n return { body: body, footer: footer };\r\n}\r\n\r\n/**\r\n * replaces the content in the modal window on for the selected product variation.\r\n * @param {string} selectedValueUrl - url to be used to retrieve a new product model\r\n */\r\nfunction fillModalElement(selectedValueUrl, el) {\r\n $('.modal-body')\r\n .spinner()\r\n .start();\r\n $.ajax({\r\n url: selectedValueUrl,\r\n method: 'GET',\r\n dataType: 'json',\r\n success: function(data) {\r\n var parsedHtml = parseHtml(data.renderedTemplate),\r\n uniqueSellingPropsCopy = el.parent('.product-detail').find('.unique-selling-props-copy').clone();\r\n\r\n $('.quick-view-dialog .modal-body').empty();\r\n $('.quick-view-dialog .modal-body').html(parsedHtml.body);\r\n $('.quick-view-dialog .modal-footer').html(parsedHtml.footer);\r\n $('.full-pdp-link').text(data.quickViewFullDetailMsg);\r\n $('#quickViewModal .full-pdp-link').attr('href', data.productUrl);\r\n $('#quickViewModal .size-chart').attr('href', data.productUrl);\r\n $('#quickViewModal .modal-header .close .sr-only').text(data.closeButtonText);\r\n $('#quickViewModal .enter-message').text(data.enterDialogMessage);\r\n $('#quickViewModal .unique-selling-props-container').append(uniqueSellingPropsCopy);\r\n $('#quickViewModal').modal('show');\r\n\r\n $.spinner().stop();\r\n },\r\n error: function() {\r\n $.spinner().stop();\r\n }\r\n });\r\n}\r\n\r\nmodule.exports = {\r\n showQuickview: function() {\r\n $('body').on('click', '.quickview', function(e) {\r\n e.preventDefault();\r\n var $this = $(this),\r\n selectedValueUrl = $this\r\n .closest('a.quickview')\r\n .attr('href');\r\n $(e.target).trigger('quickview:show');\r\n getModalHtmlElement();\r\n fillModalElement(selectedValueUrl, $this);\r\n });\r\n },\r\n focusQuickview: function() {\r\n $('body').on('shown.bs.modal', '#quickViewModal', function() {\r\n $('#quickViewModal .close').focus();\r\n });\r\n },\r\n trapQuickviewFocus: function() {\r\n $('body').on('keydown', '#quickViewModal', function(e) {\r\n var focusParams = {\r\n event: e,\r\n containerSelector: '#quickViewModal',\r\n firstElementSelector: '.full-pdp-link',\r\n lastElementSelector: '.add-to-cart-global',\r\n nextToLastElementSelector: '.modal-footer .quantity-select'\r\n };\r\n focusHelper.setTabNextFocus(focusParams);\r\n });\r\n },\r\n\r\n availability: base.availability,\r\n showSpinner: baseQuickView.showSpinner,\r\n hideDialog: baseQuickView.hideDialog,\r\n beforeUpdateAttribute: baseQuickView.beforeUpdateAttribute,\r\n updateAttribute: baseQuickView.updateAttribute,\r\n updateAddToCart: baseQuickView.updateAddToCart,\r\n updateAvailability: baseQuickView.updateAvailability\r\n};\r\n\r\n$(document).on('click', '.pdp-sizeGuide-modal .close', function() {\r\n $('#pdp-sizeGuide').remove();\r\n});\r\n\r\n$(document).on('show.bs.modal', '#quickViewModal', function() {\r\n $('.pdp-sizeGuide-modal .close').removeAttr('data-dismiss');\r\n $('.modal-body .swatch-circle').each(function(i, d) {\r\n if ($(d).hasClass('selected')) {\r\n var swatchVal = $(d).data('attr-value');\r\n $('.selected-color').text(swatchVal.toLowerCase());\r\n }\r\n });\r\n\r\n var tElement = document.querySelector('.product-desc .value');\r\n if (tElement != null) {\r\n var tElementText = tElement.innerText;\r\n var ellipsisText = EllipsisChar(tElementText, 168);\r\n tElement.innerText = ellipsisText;\r\n }\r\n});\r\n\r\nfunction EllipsisChar(text, size) {\r\n var len = text.length;\r\n\r\n if (len >= size) {\r\n text = text.substring(0, 168) + '...';\r\n }\r\n\r\n return text;\r\n}\r\n$(document).on('hidden.bs.modal', '#quickViewModal', function() {\r\n $('.modal-backdrop').remove();\r\n});\r\n","'use strict';\r\nvar base = require('./base');\r\nvar focusHelper = require('../components/focus');\r\n\r\n/**\r\n * Generates the modal window on the first call.\r\n *\r\n */\r\nfunction getModalHtmlElement() {\r\n if ($('#quickViewModal').length !== 0) {\r\n $('#quickViewModal').remove();\r\n }\r\n var htmlString = ''\r\n + '
'\r\n + ''\r\n + '
';\r\n $('body').append(htmlString);\r\n}\r\n\r\n/**\r\n * @typedef {Object} QuickViewHtml\r\n * @property {string} body - Main Quick View body\r\n * @property {string} footer - Quick View footer content\r\n */\r\n\r\n/**\r\n * Parse HTML code in Ajax response\r\n *\r\n * @param {string} html - Rendered HTML from quickview template\r\n * @return {QuickViewHtml} - QuickView content components\r\n */\r\nfunction parseHtml(html) {\r\n var $html = $(''\r\n + ''\r\n + ''\r\n + '
'\r\n + '').append($.parseHTML(html));\r\n\r\n var body = $html.find('.product-quickview');\r\n var footer = $html.find('.modal-footer').children();\r\n\r\n return { body: body, footer: footer };\r\n}\r\n\r\n/**\r\n * replaces the content in the modal window on for the selected product variation.\r\n * @param {string} selectedValueUrl - url to be used to retrieve a new product model\r\n */\r\nfunction fillModalElement(selectedValueUrl) {\r\n $('.modal-body').spinner().start();\r\n $.ajax({\r\n url: selectedValueUrl,\r\n method: 'GET',\r\n dataType: 'json',\r\n success: function (data) {\r\n var parsedHtml = parseHtml(data.renderedTemplate);\r\n\r\n $('.modal-body').empty();\r\n $('.modal-body').html(parsedHtml.body);\r\n $('.modal-footer').html(parsedHtml.footer);\r\n $('.full-pdp-link').text(data.quickViewFullDetailMsg);\r\n $('#quickViewModal .full-pdp-link').attr('href', data.productUrl);\r\n $('#quickViewModal .size-chart').attr('href', data.productUrl);\r\n $('#quickViewModal .modal-header .close .sr-only').text(data.closeButtonText);\r\n $('#quickViewModal .enter-message').text(data.enterDialogMessage);\r\n $('#quickViewModal').modal('show');\r\n $('body').trigger('quickview:ready');\r\n\r\n $.spinner().stop();\r\n },\r\n error: function () {\r\n $.spinner().stop();\r\n }\r\n });\r\n}\r\n\r\nmodule.exports = {\r\n showQuickview: function () {\r\n $('body').on('click', '.quickview', function (e) {\r\n e.preventDefault();\r\n var selectedValueUrl = $(this).closest('a.quickview').attr('href');\r\n $(e.target).trigger('quickview:show');\r\n getModalHtmlElement();\r\n fillModalElement(selectedValueUrl);\r\n });\r\n },\r\n focusQuickview: function () {\r\n $('body').on('shown.bs.modal', '#quickViewModal', function () {\r\n $('#quickViewModal .close').focus();\r\n });\r\n },\r\n trapQuickviewFocus: function () {\r\n $('body').on('keydown', '#quickViewModal', function (e) {\r\n var focusParams = {\r\n event: e,\r\n containerSelector: '#quickViewModal',\r\n firstElementSelector: '.full-pdp-link',\r\n lastElementSelector: '.add-to-cart-global',\r\n nextToLastElementSelector: '.modal-footer .quantity-select'\r\n };\r\n focusHelper.setTabNextFocus(focusParams);\r\n });\r\n },\r\n availability: base.availability,\r\n addToCart: base.addToCart,\r\n showSpinner: function () {\r\n $('body').on('product:beforeAddToCart', function (e, data) {\r\n $(data).closest('.modal-content').spinner().start();\r\n });\r\n },\r\n hideDialog: function () {\r\n $('body').on('product:afterAddToCart', function () {\r\n $('#quickViewModal').modal('hide');\r\n });\r\n },\r\n beforeUpdateAttribute: function () {\r\n $('body').on('product:beforeAttributeSelect', function () {\r\n $('.modal.show .modal-content').spinner().start();\r\n });\r\n },\r\n updateAttribute: function () {\r\n $('body').on('product:afterAttributeSelect', function (e, response) {\r\n if ($('.modal.show .product-quickview>.bundle-items').length) {\r\n $('.modal.show').find(response.container).data('pid', response.data.product.id);\r\n $('.modal.show').find(response.container)\r\n .find('.product-id').text(response.data.product.id);\r\n } else if ($('.set-items').length) {\r\n response.container.find('.product-id').text(response.data.product.id);\r\n } else {\r\n $('.modal.show .product-quickview').data('pid', response.data.product.id);\r\n $('.modal.show .full-pdp-link')\r\n .attr('href', response.data.product.selectedProductUrl);\r\n }\r\n });\r\n },\r\n updateAddToCart: function () {\r\n $('body').on('product:updateAddToCart', function (e, response) {\r\n // update local add to cart (for sets)\r\n $('button.add-to-cart', response.$productContainer).attr('disabled',\r\n (!response.product.readyToOrder || !response.product.available));\r\n\r\n // update global add to cart (single products, bundles)\r\n var dialog = $(response.$productContainer)\r\n .closest('.quick-view-dialog');\r\n\r\n $('.add-to-cart-global', dialog).attr('disabled',\r\n !$('.global-availability', dialog).data('ready-to-order')\r\n || !$('.global-availability', dialog).data('available')\r\n );\r\n });\r\n },\r\n updateAvailability: function () {\r\n $('body').on('product:updateAvailability', function (e, response) {\r\n // bundle individual products\r\n $('.product-availability', response.$productContainer)\r\n .data('ready-to-order', response.product.readyToOrder)\r\n .data('available', response.product.available)\r\n .find('.availability-msg')\r\n .empty()\r\n .html(response.message);\r\n\r\n\r\n var dialog = $(response.$productContainer)\r\n .closest('.quick-view-dialog');\r\n\r\n if ($('.product-availability', dialog).length) {\r\n // bundle all products\r\n var allAvailable = $('.product-availability', dialog).toArray()\r\n .every(function (item) { return $(item).data('available'); });\r\n\r\n var allReady = $('.product-availability', dialog).toArray()\r\n .every(function (item) { return $(item).data('ready-to-order'); });\r\n\r\n $('.global-availability', dialog)\r\n .data('ready-to-order', allReady)\r\n .data('available', allAvailable);\r\n\r\n $('.global-availability .availability-msg', dialog).empty()\r\n .html(allReady ? response.message : response.resources.info_selectforstock);\r\n } else {\r\n // single product\r\n $('.global-availability', dialog)\r\n .data('ready-to-order', response.product.readyToOrder)\r\n .data('available', response.product.available)\r\n .find('.availability-msg')\r\n .empty()\r\n .html(response.message);\r\n }\r\n });\r\n }\r\n};\r\n","exports.isMobile = function () {\r\n var mobileAgentHash = ['mobile', 'tablet', 'phone', 'ipad', 'ipod', 'android', 'blackberry', 'windows ce', 'opera mini', 'palm'];\r\n var idx = 0;\r\n var isMobile = false;\r\n var userAgent = navigator.userAgent.toLowerCase();\r\n\r\n while (mobileAgentHash[idx] && !isMobile) {\r\n isMobile = userAgent.indexOf(mobileAgentHash[idx]) >= 0;\r\n idx++;\r\n }\r\n return isMobile;\r\n};\r\n\r\nexports.isSafari = function () {\r\n return navigator.userAgent.match(/Version\\/[\\d\\.]+.*Safari/);\r\n};\r\n\r\nexports.iosVersion = function () {\r\n if (/iP(hone|od|ad)/.test(navigator.platform)) {\r\n var v = (navigator.appVersion).match(/OS (\\d+)_(\\d+)_?(\\d+)?/);\r\n return [parseInt(v[1], 10), parseInt(v[2], 10), parseInt(v[3] || 0, 10)];\r\n }\r\n return null;\r\n};\r\n\r\nexports.getCookie = function (cookiename) {\r\n if (document.cookie.length > 0) {\r\n startC = document.cookie.indexOf(cookiename + '=');\r\n if (startC != -1) {\r\n startC += cookiename.length + 1;\r\n endC = document.cookie.indexOf(';', startC);\r\n if (endC == -1) endC = document.cookie.length;\r\n return decodeURI(document.cookie.substring(startC, endC));\r\n }\r\n }\r\n return null;\r\n};\r\n\r\nexports.setCookie = function (cookieName, cookieValue, nDays) {\r\n var today = new Date();\r\n var expire = new Date();\r\n if (nDays == null || nDays == 0) nDays = 1;\r\n expire.setTime(today.getTime() + 3600000 * 24 * nDays);\r\n document.cookie = cookieName + '=' + escape(cookieValue) + '; expires=' + expire.toGMTString() + '; path=/';\r\n};\r\n\r\nexports.isEmpty = function (val) {\r\n // remove whitespaces\r\n if (typeof val === 'string') {\r\n val = $.trim(val);\r\n }\r\n\r\n return !val || val.length === 0;\r\n};\r\n\r\nexports.removeQueryParam = function (url) {\r\n var urlparts = String(url).split('?');\r\n if (urlparts.length >= 2) {\r\n return urlparts[0];\r\n }\r\n return url;\r\n};\r\n\r\nexports.getUrlQueryParameterValue = function (queryParamName, url) {\r\n var urlQueryVariables = url.split('&');\r\n var currentParameter;\r\n\r\n for (var i = 0; i < urlQueryVariables.length; i++) {\r\n currentParameter = urlQueryVariables[i].split('=');\r\n\r\n if (currentParameter[0] === queryParamName) {\r\n if (currentParameter[1] === undefined) {\r\n return true;\r\n }\r\n var decodedString = decodeURIComponent(currentParameter[1]);\r\n if (decodedString.split('|').length > 0) {\r\n return decodedString.split('|').join('+').replace(/\\s/g, '-').toLowerCase();\r\n }\r\n return decodedString.replace(/\\s/g, '-').toLowerCase();\r\n }\r\n }\r\n return false;\r\n};\r\n","/* eslint-env es6*/\r\n/* eslint-disable no-use-before-define */\r\n/* global _etmc */\r\n'use strict';\r\nvar base = require('base/product/base');\r\nvar focusHelper = require('../components/focus');\r\n\r\n/**\r\n * Parses JSON from Ajax call made whenever an attribute value is [de]selected\r\n * @param {Object} response - response from Ajax call\r\n * @param {Object} response.product - Product object\r\n * @param {string} response.product.id - Product ID\r\n * @param {jQuery} $productContainer - DOM element for a given product.\r\n * @param {string} attributeType - the attribute clicked (e.g size, color, quantity)\r\n * @param {Object[]} response.product.variationAttributes - Product attributes\r\n * @param {Object[]} response.product.images - Product images\r\n * @param {boolean} response.product.hasRequiredAttrsSelected - Flag as to whether all required\r\n * attributes have been selected. Used partially to\r\n * determine whether the Add to Cart button can be enabled\r\n */\r\nfunction handleVariantResponse(response, $productContainer, attributeType) {\r\n var isChoiceOfBonusProducts = $productContainer.parents('.choose-bonus-product-dialog').length > 0;\r\n var isVaraint;\r\n var videoObj = null;\r\n\r\n if (response.product.pdpVideoID) {\r\n videoObj = {\r\n pdpVideoID: response.product.pdpVideoID,\r\n pdpVideoLink: response.product.pdpVideoLink\r\n };\r\n }\r\n if (response.product.variationAttributes) {\r\n updateAttrs(response.product.variationAttributes, $productContainer, response.resources);\r\n isVaraint = response.product.productType === 'variant';\r\n if (isChoiceOfBonusProducts && isVaraint) {\r\n $productContainer.parent('.bonus-product-item').data('pid', response.product.id);\r\n\r\n $productContainer.parent('.bonus-product-item').data('ready-to-order', response.product.readyToOrder);\r\n }\r\n }\r\n\r\n if (attributeType === 'color') {\r\n // Update primary images\r\n var productImages = response.product.images;\r\n var primaryImageUrls = productImages.large;\r\n var hiResPrimaryImageUrls = productImages['hi-res'] !== 'undefined' ? productImages['hi-res'] : primaryImageUrls;\r\n createCarousel(primaryImageUrls, $productContainer, hiResPrimaryImageUrls, videoObj);\r\n createThumbnailCarousel(primaryImageUrls, $productContainer, videoObj);\r\n }\r\n\r\n // Update pricing\r\n if (!isChoiceOfBonusProducts) {\r\n var $priceSelector = $('.prices .price', $productContainer).length ? $('.prices .price', $productContainer) : $('.prices .price');\r\n $priceSelector.replaceWith(response.product.price.html);\r\n }\r\n\r\n // Update promotions\r\n $productContainer\r\n .find('.promotions')\r\n .empty()\r\n .html(response.product.promotionsHtml);\r\n\r\n updateAvailability(response, $productContainer);\r\n\r\n if (isChoiceOfBonusProducts) {\r\n var $selectButton = $productContainer.find('.select-bonus-product');\r\n $selectButton.trigger('bonusproduct:updateSelectButton', {\r\n product: response.product,\r\n $productContainer: $productContainer\r\n });\r\n } else {\r\n // Enable \"Add to Cart\" button if all required attributes have been selected\r\n $('button.add-to-cart, button.add-to-cart-global, button.update-cart-product-global')\r\n .trigger('product:updateAddToCart', {\r\n product: response.product,\r\n $productContainer: $productContainer\r\n })\r\n .trigger('product:statusUpdate', response.product);\r\n }\r\n\r\n // Update attributes\r\n $productContainer\r\n .find('.main-attributes')\r\n .empty()\r\n .html(getAttributesHtml(response.product.attributes));\r\n}\r\n\r\n/**\r\n * Retrieve contextual quantity selector\r\n * @param {jquery} $el - DOM container for the relevant quantity\r\n * @return {jquery} - quantity selector DOM container\r\n */\r\nfunction getQuantitySelector($el) {\r\n return $el && $('.set-items').length\r\n ? $($el)\r\n .closest('.product-detail')\r\n .find('.quantity-select')\r\n : $('.quantity-select');\r\n}\r\n\r\n/**\r\n * Retrieve contextual size selector\r\n * @param {jquery} $el - DOM container for the relevant sizes\r\n * @return {jquery} - sizes selector DOM container\r\n */\r\nfunction getSizesSelector($el) {\r\n return $($el)\r\n .closest('.product-detail')\r\n .find('.size-selections');\r\n}\r\n\r\n/**\r\n * Process the attribute values for an attribute that has image swatches\r\n *\r\n * @param {Object} attr - Attribute\r\n * @param {string} attr.id - Attribute ID\r\n * @param {Object[]} attr.values - Array of attribute value objects\r\n * @param {string} attr.values.value - Attribute coded value\r\n * @param {string} attr.values.url - URL to de/select an attribute value of the product\r\n * @param {boolean} attr.values.isSelectable - Flag as to whether an attribute value can be\r\n * selected. If there is no variant that corresponds to a specific combination of attribute\r\n * values, an attribute may be disabled in the Product Detail Page\r\n * @param {jQuery} $productContainer - DOM container for a given product\r\n * @param {Object} msgs - object containing resource messages\r\n */\r\nfunction processSwatchValues(attr, $productContainer, msgs) {\r\n attr.values.forEach(function(attrValue) {\r\n var $attrValue = $productContainer.find('[data-attr=\"' + attr.id + '\"] [data-attr-value=\"' + attrValue.value + '\"]');\r\n var $swatchButton = $attrValue.parent();\r\n\r\n if (attrValue.selected) {\r\n $attrValue.addClass('selected');\r\n $attrValue.siblings('.selected-assistive-text').text(msgs.assistiveSelectedText);\r\n } else {\r\n $attrValue.removeClass('selected');\r\n $attrValue.siblings('.selected-assistive-text').empty();\r\n }\r\n\r\n if (attrValue.url) {\r\n $swatchButton.attr('data-url', attrValue.url);\r\n } else {\r\n $swatchButton.removeAttr('data-url');\r\n }\r\n\r\n // Disable if not selectable\r\n $attrValue.removeClass('selectable unselectable');\r\n\r\n $attrValue.addClass(attrValue.selectable ? 'selectable' : 'unselectable');\r\n });\r\n}\r\n\r\n/**\r\n * Process attribute values associated with an attribute that does not have image swatches\r\n *\r\n * @param {Object} attr - Attribute\r\n * @param {string} attr.id - Attribute ID\r\n * @param {Object[]} attr.values - Array of attribute value objects\r\n * @param {string} attr.values.value - Attribute coded value\r\n * @param {string} attr.values.url - URL to de/select an attribute value of the product\r\n * @param {boolean} attr.values.isSelectable - Flag as to whether an attribute value can be\r\n * selected. If there is no variant that corresponds to a specific combination of attribute\r\n * values, an attribute may be disabled in the Product Detail Page\r\n * @param {jQuery} $productContainer - DOM container for a given product\r\n */\r\nfunction processNonSwatchValues(attr, $productContainer) {\r\n var $attr = '[data-attr=\"' + attr.id + '\"]';\r\n\r\n attr.values.forEach(function(attrValue) {\r\n var $attrValue = $productContainer.find($attr + ' [data-attr-value=\"' + attrValue.value + '\"]');\r\n $attrValue.data('url', attrValue.url).removeAttr('disabled');\r\n\r\n if (!attrValue.selectable && !attrValue.enableBackInStockNotification) {\r\n $attrValue.attr('disabled', true);\r\n }\r\n if (!attrValue.selectable && attrValue.enableBackInStockNotification) {\r\n if ($attrValue.hasClass('size-attribute')) {\r\n $attrValue.addClass('show-backinstock-module');\r\n }\r\n }\r\n });\r\n}\r\n\r\n/**\r\n * Dynamically creates Bootstrap carousel from response containing images\r\n * @param {Object[]} imgs - Array of large product images,along with related information\r\n * @param {jQuery} $productContainer - DOM element for a given product\r\n * @param {Array} hiResImags - array of images\r\n * @param {Object} videoObj - object containing product video\r\n */\r\nfunction createCarousel(imgs, $productContainer, hiResImags, videoObj) {\r\n var indexAdjustment = !!videoObj ? 0 : 1;\r\n var carousel = $productContainer.find('.carousel');\r\n $(carousel).carousel('dispose');\r\n var carouselId = $(carousel).attr('id');\r\n $(carousel)\r\n .empty()\r\n .append(\r\n '![\"'](\"' "\\"'")
'\r\n ).appendTo($(carousel).find('.carousel-inner'));\r\n $('').appendTo($(carousel).find('.carousel-indicators'));\r\n if (!i && videoObj) {\r\n $(`
\r\n \r\n \r\n
`).appendTo($(carousel).find('.carousel-inner'));\r\n $('').appendTo($(carousel).find('.carousel-indicators'));\r\n }\r\n }\r\n $($(carousel).find('.carousel-item'))\r\n .first()\r\n .addClass('active');\r\n $($(carousel).find('.carousel-indicators > li'))\r\n .first()\r\n .addClass('active');\r\n if (imgs.length === 1) {\r\n $($(carousel).find('.carousel-indicators, a[class^=\"carousel-control-\"]')).detach();\r\n }\r\n $(carousel).carousel();\r\n $($(carousel).find('.carousel-indicators')).attr('aria-hidden', true);\r\n}\r\n\r\n/**\r\n * Dynamically creates thumbnail carousel from response containing images\r\n * @param {Object[]} imgs - Array of large product images,along with related information\r\n * @param {jQuery} $productContainer - DOM element for a given product\r\n * @param {Object} videoObj - object containing product video\r\n */\r\nfunction createThumbnailCarousel(imgs, $productContainer, videoObj) {\r\n var indexAdjustment = !!videoObj ? 0 : 1;\r\n var thumbnailCarousel = $productContainer.find('.thumbnail-carousel');\r\n\r\n // clear the active styling for the current selected thumbnail\r\n thumbnailCarousel.find('.thumbnail-carousel__item').removeClass('thumbnail-carousel__item--active');\r\n\r\n var template = '- ';\r\n\r\n for (var j = 0; j < imgs.length; j++) {\r\n var index = j ? j + indexAdjustment : j;\r\n template += `
- \r\n \r\n
\r\n \r\n \r\n
`;\r\n }\r\n }\r\n\r\n template += '
' + response.resources.info_selectforstock + '
Please select a lesser quantity to update
' + message + '
' + attribute.label + ': ' + attribute.value + '
';\r\n });\r\n }\r\n });\r\n\r\n return html;\r\n}\r\n\r\n/**\r\n * @typedef UpdatedOptionValue\r\n * @type Object\r\n * @property {string} id - Option value ID for look up\r\n * @property {string} url - Updated option value selection URL\r\n */\r\n\r\n/**\r\n * @typedef OptionSelectionResponse\r\n * @type Object\r\n * @property {string} priceHtml - Updated price HTML code\r\n * @property {Object} options - Updated Options\r\n * @property {string} options.id - Option ID\r\n * @property {UpdatedOptionValue[]} options.values - Option values\r\n */\r\n\r\n/**\r\n * Updates DOM using post-option selection Ajax response\r\n *\r\n * @param {OptionSelectionResponse} optionsHtml - Ajax response optionsHtml from selecting a product option\r\n * @param {jQuery} $productContainer - DOM element for current product\r\n */\r\nfunction updateOptions(optionsHtml, $productContainer) {\r\n // Update options\r\n $productContainer\r\n .find('.product-options')\r\n .empty()\r\n .html(optionsHtml);\r\n}\r\n\r\n/**\r\n * @typespec UpdatedQuantity\r\n * @type Object\r\n * @property {boolean} selected - Whether the quantity has been selected\r\n * @property {string} value - The number of products to purchase\r\n * @property {string} url - Compiled URL that specifies variation attributes, product ID, options,\r\n * etc.\r\n */\r\n\r\n/**\r\n * Updates the quantity DOM elements post Ajax call\r\n * @param {UpdatedQuantity[]} quantities -\r\n * @param {jQuery} $productContainer - DOM container for a given product\r\n */\r\nfunction updateQuantities(quantities, $productContainer) {\r\n if (!($productContainer.parent('.bonus-product-item').length > 0)) {\r\n var optionsHtml = quantities\r\n .map(function(quantity) {\r\n var selected = quantity.selected ? ' selected ' : '';\r\n return '';\r\n })\r\n .join('');\r\n getQuantitySelector($productContainer)\r\n .empty()\r\n .html(optionsHtml);\r\n }\r\n}\r\n\r\n/**\r\n * updates the product view when a product attribute is selected or deselected or when\r\n * changing quantity\r\n * @param {string} selectedValueUrl - the Url for the selected variation value\r\n * @param {jQuery} $productContainer - DOM element for current product\r\n * @param {string} attributeType - the attribute clicked (e.g size, color, quantity)\r\n */\r\nfunction attributeSelect(selectedValueUrl, $productContainer, attributeType) {\r\n if (selectedValueUrl) {\r\n $('body').trigger('product:beforeAttributeSelect', { url: selectedValueUrl, container: $productContainer });\r\n\r\n $.ajax({\r\n url: `${selectedValueUrl}&variationType=${attributeType}`,\r\n method: 'GET',\r\n success: function(data) {\r\n if (data.redirect) {\r\n window.location.href = data.redirect;\r\n return;\r\n }\r\n handleVariantResponse(data, $productContainer, attributeType);\r\n updateOptions(data.product.optionsHtml, $productContainer);\r\n updateQuantities(data.product.quantities, $productContainer);\r\n $('body').trigger('product:afterAttributeSelect', { data: data, container: $productContainer, attributeType });\r\n },\r\n complete: function() {\r\n $.spinner().stop();\r\n }\r\n });\r\n }\r\n}\r\n\r\n/**\r\n * Retrieves url to use when adding a product to the cart\r\n *\r\n * @return {string} - The provided URL to use when adding a product to the cart\r\n */\r\nfunction getAddToCartUrl() {\r\n return $('.add-to-cart-url').val();\r\n}\r\n\r\n/**\r\n * Parses the html for a modal window\r\n * @param {string} html - representing the body and footer of the modal window\r\n *\r\n * @return {Object} - Object with properties body and footer.\r\n */\r\nfunction parseHtml(html) {\r\n var $html = $('').append($.parseHTML(html));\r\n\r\n var body = $html.find('.choice-of-bonus-product');\r\n var footer = $html.find('.modal-footer').children();\r\n\r\n return { body: body, footer: footer };\r\n}\r\n\r\n/**\r\n * Retrieves url to use when adding a product to the cart\r\n *\r\n * @param {Object} data - data object used to fill in dynamic portions of the html\r\n */\r\nfunction chooseBonusProducts(data) {\r\n $('.modal-body')\r\n .spinner()\r\n .start();\r\n\r\n if ($('#chooseBonusProductModal').length !== 0) {\r\n $('#chooseBonusProductModal').remove();\r\n }\r\n var bonusUrl;\r\n if (data.bonusChoiceRuleBased) {\r\n bonusUrl = data.showProductsUrlRuleBased;\r\n } else {\r\n bonusUrl = data.showProductsUrlListBased;\r\n }\r\n\r\n var htmlString =\r\n '' +\r\n '
' +\r\n '' +\r\n '
';\r\n $('body').append(htmlString);\r\n $('.modal-body')\r\n .spinner()\r\n .start();\r\n\r\n $.ajax({\r\n url: bonusUrl,\r\n method: 'GET',\r\n dataType: 'json',\r\n success: function(response) {\r\n var parsedHtml = parseHtml(response.renderedTemplate);\r\n $('#chooseBonusProductModal .modal-body').empty();\r\n $('#chooseBonusProductModal .enter-message').text(response.enterDialogMessage);\r\n $('#chooseBonusProductModal .modal-header .close .sr-only').text(response.closeButtonText);\r\n $('#chooseBonusProductModal .modal-body').html(parsedHtml.body);\r\n $('#chooseBonusProductModal .modal-footer').html(parsedHtml.footer);\r\n $('#chooseBonusProductModal').modal('show');\r\n },\r\n complete: function() {\r\n $.spinner().stop();\r\n }\r\n });\r\n}\r\n\r\n/**\r\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\r\n * @param {string} response - ajax response from clicking the add to cart button\r\n * @param {jQuery} $addToCartBtn = add to cart button clicked\r\n */\r\nfunction handlePostCartAdd(response, $addToCartBtn) {\r\n $('.minicart').trigger('count:update', response);\r\n\r\n var $messageQtyError = $addToCartBtn.closest('.product-detail').find('.message.qty-err');\r\n var $messageNoStock = $addToCartBtn.closest('.product-detail').find('.message.no-stock');\r\n if ($messageQtyError.length || $messageNoStock.length) {\r\n $addToCartBtn.prop('disabled', true);\r\n return;\r\n }\r\n // show add to cart toast\r\n if (response.newBonusDiscountLineItem && Object.keys(response.newBonusDiscountLineItem).length !== 0) {\r\n chooseBonusProducts(response.newBonusDiscountLineItem);\r\n }\r\n}\r\n\r\n/**\r\n * Retrieves the bundle product item ID's for the Controller to replace bundle master product\r\n * items with their selected variants\r\n *\r\n * @return {string[]} - List of selected bundle product item ID's\r\n */\r\nfunction getChildProducts() {\r\n var childProducts = [];\r\n $('.bundle-item').each(function() {\r\n childProducts.push({\r\n pid: $(this)\r\n .find('.product-id')\r\n .text(),\r\n quantity: parseInt(\r\n $(this)\r\n .find('label.quantity')\r\n .data('quantity'),\r\n 10\r\n )\r\n });\r\n });\r\n\r\n return childProducts.length ? JSON.stringify(childProducts) : [];\r\n}\r\n\r\n/**\r\n * Retrieve product options\r\n *\r\n * @param {jQuery} $productContainer - DOM element for current product\r\n * @return {string} - Product options and their selected values\r\n */\r\nfunction getOptions($productContainer) {\r\n var options = $productContainer\r\n .find('.product-option')\r\n .map(function() {\r\n var $elOption = $(this).find('.options-select');\r\n var urlValue = $elOption.val();\r\n var selectedValueId = $elOption.find('option[value=\"' + urlValue + '\"]').data('value-id');\r\n return {\r\n optionId: $(this).data('option-id'),\r\n selectedValueId: selectedValueId\r\n };\r\n })\r\n .toArray();\r\n\r\n return JSON.stringify(options);\r\n}\r\n\r\nmodule.exports = {\r\n attributeSelect: attributeSelect,\r\n methods: {\r\n editBonusProducts: function(data) {\r\n chooseBonusProducts(data);\r\n }\r\n },\r\n\r\n focusChooseBonusProductModal: function() {\r\n $('body').on('shown.bs.modal', '#chooseBonusProductModal', function() {\r\n $('#chooseBonusProductModal')\r\n .siblings()\r\n .attr('aria-hidden', 'true');\r\n $('#chooseBonusProductModal .close').focus();\r\n });\r\n },\r\n\r\n onClosingChooseBonusProductModal: function() {\r\n $('body').on('hidden.bs.modal', '#chooseBonusProductModal', function() {\r\n $('#chooseBonusProductModal')\r\n .siblings()\r\n .attr('aria-hidden', 'false');\r\n });\r\n },\r\n\r\n trapChooseBonusProductModalFocus: function() {\r\n $('body').on('keydown', '#chooseBonusProductModal', function(e) {\r\n var focusParams = {\r\n event: e,\r\n containerSelector: '#chooseBonusProductModal',\r\n firstElementSelector: '.close',\r\n lastElementSelector: '.add-bonus-products'\r\n };\r\n focusHelper.setTabNextFocus(focusParams);\r\n });\r\n },\r\n\r\n colorAttribute: function() {\r\n $(document).on('click', '[data-attr=\"color\"] button', function(e) {\r\n e.preventDefault();\r\n\r\n if (\r\n $(this).attr('disabled') ||\r\n $(this)\r\n .find('.swatch-value')\r\n .hasClass('selected')\r\n ) {\r\n return;\r\n }\r\n var $productContainer = $(this).closest('.set-item');\r\n if (!$productContainer.length) {\r\n $productContainer = $(this).closest('.product-detail');\r\n }\r\n\r\n attributeSelect($(this).attr('data-url'), $productContainer, 'color');\r\n });\r\n },\r\n\r\n selectAttribute: function() {\r\n $(document).on('change', 'select[class*=\"select-\"], .options-select', function(e) {\r\n e.preventDefault();\r\n\r\n var $productContainer = $(this).closest('.set-item');\r\n if (!$productContainer.length) {\r\n $productContainer = $(this).closest('.product-detail');\r\n }\r\n attributeSelect(e.currentTarget.value, $productContainer, 'quantity');\r\n });\r\n },\r\n\r\n availability: function() {\r\n $(document).on('change', '.quantity-select', function(e) {\r\n e.preventDefault();\r\n\r\n var $productContainer = $(this).closest('.product-detail');\r\n if (!$productContainer.length) {\r\n $productContainer = $(this)\r\n .closest('.modal-content')\r\n .find('.product-quickview');\r\n }\r\n\r\n if ($('.bundle-items', $productContainer).length === 0) {\r\n attributeSelect(\r\n $(e.currentTarget)\r\n .find('option:selected')\r\n .data('url'),\r\n $productContainer,\r\n 'quantity'\r\n );\r\n }\r\n });\r\n },\r\n updateProductPromotions: function($el, promotions) {\r\n if ($el.length && promotions.length) {\r\n $el.empty();\r\n\r\n var template = '';\r\n\r\n promotions.forEach(promotion => {\r\n template += `' +\r\n '' +\r\n '' +\r\n '
' +\r\n '${promotion.calloutMsg}
`;\r\n });\r\n $el.html(template);\r\n }\r\n },\r\n addToCart: function() {\r\n $(document).on('click', 'button.add-to-cart, button.add-to-cart-global', function() {\r\n var addToCartUrl;\r\n var pid;\r\n var pidsObj;\r\n var setPids;\r\n var $thisBtnAdd = $(this);\r\n\r\n $('body').trigger('product:beforeAddToCart', this);\r\n\r\n if ($('.set-items').length && $(this).hasClass('add-to-cart-global')) {\r\n var $messageQtyError = $(this)\r\n .closest('.product-detail')\r\n .find('.message.qty-err');\r\n var $messageNoStock = $(this)\r\n .closest('.product-detail')\r\n .find('.message.no-stock');\r\n if ($messageQtyError.length || $messageNoStock.length) {\r\n $.spinner().stop();\r\n $(this).prop('disabled', true);\r\n return;\r\n }\r\n\r\n setPids = [];\r\n\r\n $('.product-detail').each(function() {\r\n if (\r\n !$(this).hasClass('product-set-detail') &&\r\n $(this).find('.size-selections .size-attribute .size-value.selected') &&\r\n $(this).find('.quantity-select').length\r\n ) {\r\n setPids.push({\r\n pid: $(this)\r\n .find('.product-id')\r\n .text(),\r\n qty: $(this)\r\n .find('.quantity-select')\r\n .val(),\r\n options: getOptions($(this))\r\n });\r\n }\r\n });\r\n pidsObj = JSON.stringify(setPids);\r\n }\r\n\r\n pid = base.getPidValue($(this));\r\n\r\n var $productContainer = $(this).closest('.product-detail');\r\n if (!$productContainer.length) {\r\n $productContainer = $(this)\r\n .closest('.quick-view-dialog')\r\n .find('.product-detail');\r\n }\r\n\r\n addToCartUrl = getAddToCartUrl();\r\n\r\n var form = {\r\n pid: pid,\r\n pidsObj: pidsObj,\r\n childProducts: getChildProducts(),\r\n quantity: base.getQuantitySelected($(this))\r\n };\r\n\r\n if (!$('.bundle-item').length) {\r\n form.options = getOptions($productContainer);\r\n }\r\n\r\n $(this).trigger('updateAddToCartFormData', form);\r\n if (addToCartUrl) {\r\n $.ajax({\r\n url: addToCartUrl,\r\n method: 'POST',\r\n data: form,\r\n success: function(data) {\r\n handlePostCartAdd(data, $thisBtnAdd);\r\n data.addedPid = pid;\r\n if (!data.error) {\r\n $('body').trigger('product:afterAddToCart', data);\r\n }\r\n base.miniCartReportingUrl(data.reportingURL);\r\n if (data.sfmcCartInfo && typeof _etmc !== 'undefined') {\r\n _etmc.push(data.sfmcCartInfo);\r\n }\r\n },\r\n complete: function() {\r\n $.spinner().stop();\r\n }\r\n });\r\n }\r\n });\r\n },\r\n selectBonusProduct: base.selectBonusProduct,\r\n removeBonusProduct: base.removeBonusProduct,\r\n enableBonusProductSelection: base.enableBonusProductSelection,\r\n showMoreBonusProducts: base.showMoreBonusProducts,\r\n addBonusProductsToCart: base.addBonusProductsToCart,\r\n getPidValue: base.getPidValue,\r\n getQuantitySelected: base.getQuantitySelected,\r\n miniCartReportingUrl: base.miniCartReportingUrl,\r\n backToTop: function() {\r\n const $el = $('.back-to-top');\r\n\r\n if ($el.length > 0) {\r\n $el.on('click', () => {\r\n $('html, body').animate({ scrollTop: 0 }, 500);\r\n });\r\n }\r\n }\r\n};\r\n","module.exports = function() {\r\n $('.category-marketing-slot').each(function() {\r\n var $categoryMarketingSlot = $(this);\r\n if ($categoryMarketingSlot.children().length === 0) {\r\n $categoryMarketingSlot.addClass('hide');\r\n }\r\n });\r\n};\r\n","'use strict';\r\n\r\nmodule.exports = {\r\n setTabNextFocus: function (focusParams) {\r\n var KEYCODE_TAB = 9;\r\n var isTabPressed = (focusParams.event.key === 'Tab' || focusParams.event.keyCode === KEYCODE_TAB);\r\n\r\n if (!isTabPressed) {\r\n return;\r\n }\r\n\r\n var firstFocusableEl = $(focusParams.containerSelector + ' ' + focusParams.firstElementSelector);\r\n var lastFocusableEl = $(focusParams.containerSelector + ' ' + focusParams.lastElementSelector);\r\n\r\n if ($(focusParams.containerSelector + ' ' + focusParams.lastElementSelector).is(':disabled')) {\r\n lastFocusableEl = $(focusParams.containerSelector + ' ' + focusParams.nextToLastElementSelector);\r\n if ($('.product-quickview.product-set').length > 0) {\r\n var linkElements = $(focusParams.containerSelector + ' a#fa-link.share-icons');\r\n lastFocusableEl = linkElements[linkElements.length - 1];\r\n }\r\n }\r\n\r\n if (focusParams.event.shiftKey) /* shift + tab */ {\r\n if ($(':focus').is(firstFocusableEl)) {\r\n lastFocusableEl.focus();\r\n focusParams.event.preventDefault();\r\n }\r\n } else /* tab */ {\r\n if ($(':focus').is(lastFocusableEl)) { // eslint-disable-line\r\n firstFocusableEl.focus();\r\n focusParams.event.preventDefault();\r\n }\r\n }\r\n }\r\n};\r\n","'use strict';\r\nvar focusHelper = require('../components/focus');\r\n\r\n/**\r\n * Retrieves the relevant pid value\r\n * @param {jquery} $el - DOM container for a given add to cart button\r\n * @return {string} - value to be used when adding product to cart\r\n */\r\nfunction getPidValue($el) {\r\n var pid;\r\n\r\n if ($('#quickViewModal').hasClass('show') && !$('.product-set').length) {\r\n pid = $($el).closest('.modal-content').find('.product-quickview').data('pid');\r\n } else if ($('.product-set-detail').length || $('.product-set').length) {\r\n pid = $($el).closest('.product-detail').find('.product-id').text();\r\n } else {\r\n // BF might be using element text or data attribute which is also used by add to cart in PDP. Use different attribute for ATC.\r\n var $productDetail = $('.product-detail:not(\".bundle-item\")');\r\n pid = $('.product-detail:not(\".bundle-item\")').data('pid');\r\n if ($productDetail.hasClass('bfx-price-product')) {\r\n var atcPid = $('.product-detail:not(\".bundle-item\")').data('addtocartPid');\r\n if (atcPid) {\r\n pid = atcPid;\r\n }\r\n }\r\n }\r\n\r\n return pid;\r\n}\r\n\r\n/**\r\n * Retrieve contextual quantity selector\r\n * @param {jquery} $el - DOM container for the relevant quantity\r\n * @return {jquery} - quantity selector DOM container\r\n */\r\nfunction getQuantitySelector($el) {\r\n return $el && $('.set-items').length\r\n ? $($el).closest('.product-detail').find('.quantity-select')\r\n : $('.quantity-select');\r\n}\r\n\r\n/**\r\n * Retrieves the value associated with the Quantity pull-down menu\r\n * @param {jquery} $el - DOM container for the relevant quantity\r\n * @return {string} - value found in the quantity input\r\n */\r\nfunction getQuantitySelected($el) {\r\n return getQuantitySelector($el).val();\r\n}\r\n\r\n/**\r\n * Process the attribute values for an attribute that has image swatches\r\n *\r\n * @param {Object} attr - Attribute\r\n * @param {string} attr.id - Attribute ID\r\n * @param {Object[]} attr.values - Array of attribute value objects\r\n * @param {string} attr.values.value - Attribute coded value\r\n * @param {string} attr.values.url - URL to de/select an attribute value of the product\r\n * @param {boolean} attr.values.isSelectable - Flag as to whether an attribute value can be\r\n * selected. If there is no variant that corresponds to a specific combination of attribute\r\n * values, an attribute may be disabled in the Product Detail Page\r\n * @param {jQuery} $productContainer - DOM container for a given product\r\n * @param {Object} msgs - object containing resource messages\r\n */\r\nfunction processSwatchValues(attr, $productContainer, msgs) {\r\n attr.values.forEach(function (attrValue) {\r\n var $attrValue = $productContainer.find('[data-attr=\"' + attr.id + '\"] [data-attr-value=\"' +\r\n attrValue.value + '\"]');\r\n var $swatchButton = $attrValue.parent();\r\n\r\n if (attrValue.selected) {\r\n $attrValue.addClass('selected');\r\n $attrValue.siblings('.selected-assistive-text').text(msgs.assistiveSelectedText);\r\n } else {\r\n $attrValue.removeClass('selected');\r\n $attrValue.siblings('.selected-assistive-text').empty();\r\n }\r\n\r\n if (attrValue.url) {\r\n $swatchButton.attr('data-url', attrValue.url);\r\n } else {\r\n $swatchButton.removeAttr('data-url');\r\n }\r\n\r\n // Disable if not selectable\r\n $attrValue.removeClass('selectable unselectable');\r\n\r\n $attrValue.addClass(attrValue.selectable ? 'selectable' : 'unselectable');\r\n });\r\n}\r\n\r\n/**\r\n * Process attribute values associated with an attribute that does not have image swatches\r\n *\r\n * @param {Object} attr - Attribute\r\n * @param {string} attr.id - Attribute ID\r\n * @param {Object[]} attr.values - Array of attribute value objects\r\n * @param {string} attr.values.value - Attribute coded value\r\n * @param {string} attr.values.url - URL to de/select an attribute value of the product\r\n * @param {boolean} attr.values.isSelectable - Flag as to whether an attribute value can be\r\n * selected. If there is no variant that corresponds to a specific combination of attribute\r\n * values, an attribute may be disabled in the Product Detail Page\r\n * @param {jQuery} $productContainer - DOM container for a given product\r\n */\r\nfunction processNonSwatchValues(attr, $productContainer) {\r\n var $attr = '[data-attr=\"' + attr.id + '\"]';\r\n var $defaultOption = $productContainer.find($attr + ' .select-' + attr.id + ' option:first');\r\n $defaultOption.attr('value', attr.resetUrl);\r\n\r\n attr.values.forEach(function (attrValue) {\r\n var $attrValue = $productContainer\r\n .find($attr + ' [data-attr-value=\"' + attrValue.value + '\"]');\r\n $attrValue.attr('value', attrValue.url)\r\n .removeAttr('disabled');\r\n\r\n if (!attrValue.selectable) {\r\n $attrValue.attr('disabled', true);\r\n }\r\n });\r\n}\r\n\r\n/**\r\n * Routes the handling of attribute processing depending on whether the attribute has image\r\n * swatches or not\r\n *\r\n * @param {Object} attrs - Attribute\r\n * @param {string} attr.id - Attribute ID\r\n * @param {jQuery} $productContainer - DOM element for a given product\r\n * @param {Object} msgs - object containing resource messages\r\n */\r\nfunction updateAttrs(attrs, $productContainer, msgs) {\r\n // Currently, the only attribute type that has image swatches is Color.\r\n var attrsWithSwatches = ['color'];\r\n\r\n attrs.forEach(function (attr) {\r\n if (attrsWithSwatches.indexOf(attr.id) > -1) {\r\n processSwatchValues(attr, $productContainer, msgs);\r\n } else {\r\n processNonSwatchValues(attr, $productContainer);\r\n }\r\n });\r\n}\r\n\r\n/**\r\n * Updates the availability status in the Product Detail Page\r\n *\r\n * @param {Object} response - Ajax response object after an\r\n * attribute value has been [de]selected\r\n * @param {jQuery} $productContainer - DOM element for a given product\r\n */\r\nfunction updateAvailability(response, $productContainer) {\r\n var availabilityValue = '';\r\n var availabilityMessages = response.product.availability.messages;\r\n if (!response.product.readyToOrder) {\r\n availabilityValue = '' + response.resources.info_selectforstock + '
' + message + '
' + attribute.label + ': '\r\n + attribute.value + '
';\r\n });\r\n }\r\n });\r\n\r\n return html;\r\n}\r\n\r\n/**\r\n * @typedef UpdatedOptionValue\r\n * @type Object\r\n * @property {string} id - Option value ID for look up\r\n * @property {string} url - Updated option value selection URL\r\n */\r\n\r\n/**\r\n * @typedef OptionSelectionResponse\r\n * @type Object\r\n * @property {string} priceHtml - Updated price HTML code\r\n * @property {Object} options - Updated Options\r\n * @property {string} options.id - Option ID\r\n * @property {UpdatedOptionValue[]} options.values - Option values\r\n */\r\n\r\n/**\r\n * Updates DOM using post-option selection Ajax response\r\n *\r\n * @param {OptionSelectionResponse} optionsHtml - Ajax response optionsHtml from selecting a product option\r\n * @param {jQuery} $productContainer - DOM element for current product\r\n */\r\nfunction updateOptions(optionsHtml, $productContainer) {\r\n\t// Update options\r\n $productContainer.find('.product-options').empty().html(optionsHtml);\r\n}\r\n\r\n/**\r\n * Dynamically creates Bootstrap carousel from response containing images\r\n * @param {Object[]} imgs - Array of large product images,along with related information\r\n * @param {jQuery} $productContainer - DOM element for a given product\r\n */\r\nfunction createCarousel(imgs, $productContainer) {\r\n var carousel = $productContainer.find('.carousel');\r\n $(carousel).carousel('dispose');\r\n var carouselId = $(carousel).attr('id');\r\n $(carousel).empty().append('').append($.parseHTML(html));\r\n\r\n var body = $html.find('.choice-of-bonus-product');\r\n var footer = $html.find('.modal-footer').children();\r\n\r\n return { body: body, footer: footer };\r\n}\r\n\r\n/**\r\n * Retrieves url to use when adding a product to the cart\r\n *\r\n * @param {Object} data - data object used to fill in dynamic portions of the html\r\n */\r\nfunction chooseBonusProducts(data) {\r\n $('.modal-body').spinner().start();\r\n\r\n if ($('#chooseBonusProductModal').length !== 0) {\r\n $('#chooseBonusProductModal').remove();\r\n }\r\n var bonusUrl;\r\n if (data.bonusChoiceRuleBased) {\r\n bonusUrl = data.showProductsUrlRuleBased;\r\n } else {\r\n bonusUrl = data.showProductsUrlListBased;\r\n }\r\n\r\n var htmlString = ''\r\n + '`;\r\n });\r\n};\r\n\r\n/**\r\n * Animates scrolling the page to the specified Y coordinate\r\n * @param {number} y - The Y coordinate to scroll to\r\n * @param {number} duration - The duration of the animation in milliseconds\r\n * @param {function} callback - The callback to run when the animation is complete\r\n * @returns {JQuery}\r\n */\r\nexports.scrollTo = (y, duration = 600, callback = function() {}) => $('html, body').scrollTo(y, duration, callback);\r\n\r\n/**\r\n * Finds the last element sibling on the same line as the specified element\r\n * @param {Element} element - The element to reference when looking for siblings\r\n * @returns {Element} - returns last element in the row\r\n */\r\nexports.getLastElementInRow = element => {\r\n if (!element.nextElementSibling) return element;\r\n\r\n const bottom = element.offsetTop + element.scrollHeight;\r\n let sibling;\r\n\r\n while ((sibling = element.nextElementSibling)) {\r\n if (sibling.offsetTop >= bottom) return sibling.previousElementSibling;\r\n element = sibling;\r\n }\r\n\r\n return element;\r\n};\r\n\r\n/**\r\n * Update url with query parameter to handle remember placement\r\n *\r\n * @param {string} response - Ajax response HTML code\r\n * @return {undefined}\r\n */\r\nexports.updateUrlQueryParam = response => {\r\n const $queryParamsElement = $('
'\r\n + ''\r\n + '
';\r\n $('body').append(htmlString);\r\n $('.modal-body').spinner().start();\r\n\r\n $.ajax({\r\n url: bonusUrl,\r\n method: 'GET',\r\n dataType: 'json',\r\n success: function (response) {\r\n var parsedHtml = parseHtml(response.renderedTemplate);\r\n $('#chooseBonusProductModal .modal-body').empty();\r\n $('#chooseBonusProductModal .enter-message').text(response.enterDialogMessage);\r\n $('#chooseBonusProductModal .modal-header .close .sr-only').text(response.closeButtonText);\r\n $('#chooseBonusProductModal .modal-body').html(parsedHtml.body);\r\n $('#chooseBonusProductModal .modal-footer').html(parsedHtml.footer);\r\n $('#chooseBonusProductModal').modal('show');\r\n $.spinner().stop();\r\n },\r\n error: function () {\r\n $.spinner().stop();\r\n }\r\n });\r\n}\r\n\r\n/**\r\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\r\n * @param {string} response - ajax response from clicking the add to cart button\r\n */\r\nfunction handlePostCartAdd(response) {\r\n $('.minicart').trigger('count:update', response);\r\n var messageType = response.error ? 'alert-danger' : 'alert-success';\r\n // show add to cart toast\r\n if (response.newBonusDiscountLineItem\r\n && Object.keys(response.newBonusDiscountLineItem).length !== 0) {\r\n chooseBonusProducts(response.newBonusDiscountLineItem);\r\n } else {\r\n if ($('.add-to-cart-messages').length === 0) {\r\n $('body').append(\r\n ''\r\n );\r\n }\r\n\r\n $('.add-to-cart-messages').append(\r\n ''\r\n + ''\r\n + ''\r\n + '
'\r\n + ''\r\n + ''\r\n + response.message\r\n + '
'\r\n )\r\n\r\n var $checkIcon = $('.check-icon-reference').clone();\r\n $('.add-to-cart-messages .icon-check').append($checkIcon);\r\n\r\n setTimeout(function () {\r\n $('.add-to-basket-alert').remove();\r\n }, 5000);\r\n }\r\n}\r\n\r\n/**\r\n * Retrieves the bundle product item ID's for the Controller to replace bundle master product\r\n * items with their selected variants\r\n *\r\n * @return {string[]} - List of selected bundle product item ID's\r\n */\r\nfunction getChildProducts() {\r\n var childProducts = [];\r\n $('.bundle-item').each(function () {\r\n childProducts.push({\r\n pid: $(this).find('.product-id').text(),\r\n quantity: parseInt($(this).find('label.quantity').data('quantity'), 10)\r\n });\r\n });\r\n\r\n return childProducts.length ? JSON.stringify(childProducts) : [];\r\n}\r\n\r\n/**\r\n * Retrieve product options\r\n *\r\n * @param {jQuery} $productContainer - DOM element for current product\r\n * @return {string} - Product options and their selected values\r\n */\r\nfunction getOptions($productContainer) {\r\n var options = $productContainer\r\n .find('.product-option')\r\n .map(function () {\r\n var $elOption = $(this).find('.options-select');\r\n var urlValue = $elOption.val();\r\n var selectedValueId = $elOption.find('option[value=\"' + urlValue + '\"]')\r\n .data('value-id');\r\n return {\r\n optionId: $(this).data('option-id'),\r\n selectedValueId: selectedValueId\r\n };\r\n }).toArray();\r\n\r\n return JSON.stringify(options);\r\n}\r\n\r\n/**\r\n * Makes a call to the server to report the event of adding an item to the cart\r\n *\r\n * @param {string | boolean} url - a string representing the end point to hit so that the event can be recorded, or false\r\n */\r\nfunction miniCartReportingUrl(url) {\r\n if (url) {\r\n $.ajax({\r\n url: url,\r\n method: 'GET',\r\n success: function () {\r\n // reporting urls hit on the server\r\n },\r\n error: function () {\r\n // no reporting urls hit on the server\r\n }\r\n });\r\n }\r\n}\r\n\r\nmodule.exports = {\r\n attributeSelect: attributeSelect,\r\n methods: {\r\n editBonusProducts: function (data) {\r\n chooseBonusProducts(data);\r\n }\r\n },\r\n\r\n focusChooseBonusProductModal: function () {\r\n $('body').on('shown.bs.modal', '#chooseBonusProductModal', function () {\r\n $('#chooseBonusProductModal').siblings().attr('aria-hidden', 'true');\r\n $('#chooseBonusProductModal .close').focus();\r\n });\r\n },\r\n\r\n onClosingChooseBonusProductModal: function () {\r\n $('body').on('hidden.bs.modal', '#chooseBonusProductModal', function () {\r\n $('#chooseBonusProductModal').siblings().attr('aria-hidden', 'false');\r\n });\r\n },\r\n\r\n trapChooseBonusProductModalFocus: function () {\r\n $('body').on('keydown', '#chooseBonusProductModal', function (e) {\r\n var focusParams = {\r\n event: e,\r\n containerSelector: '#chooseBonusProductModal',\r\n firstElementSelector: '.close',\r\n lastElementSelector: '.add-bonus-products'\r\n };\r\n focusHelper.setTabNextFocus(focusParams);\r\n });\r\n },\r\n\r\n colorAttribute: function () {\r\n $(document).on('click', '[data-attr=\"color\"] button', function (e) {\r\n e.preventDefault();\r\n\r\n if ($(this).attr('disabled')) {\r\n return;\r\n }\r\n var $productContainer = $(this).closest('.set-item');\r\n if (!$productContainer.length) {\r\n $productContainer = $(this).closest('.product-detail');\r\n }\r\n\r\n attributeSelect($(this).attr('data-url'), $productContainer);\r\n });\r\n },\r\n\r\n selectAttribute: function () {\r\n $(document).on('change', 'select[class*=\"select-\"], .options-select', function (e) {\r\n e.preventDefault();\r\n\r\n var $productContainer = $(this).closest('.set-item');\r\n if (!$productContainer.length) {\r\n $productContainer = $(this).closest('.product-detail');\r\n }\r\n attributeSelect(e.currentTarget.value, $productContainer);\r\n });\r\n },\r\n\r\n availability: function () {\r\n $(document).on('change', '.quantity-select', function (e) {\r\n e.preventDefault();\r\n\r\n var $productContainer = $(this).closest('.product-detail');\r\n if (!$productContainer.length) {\r\n $productContainer = $(this).closest('.modal-content').find('.product-quickview');\r\n }\r\n\r\n if ($('.bundle-items', $productContainer).length === 0) {\r\n attributeSelect($(e.currentTarget).find('option:selected').data('url'),\r\n $productContainer);\r\n }\r\n });\r\n },\r\n\r\n addToCart: function () {\r\n $(document).on('click', 'button.add-to-cart, button.add-to-cart-global', function () {\r\n var addToCartUrl;\r\n var pid;\r\n var pidsObj;\r\n var setPids;\r\n\r\n $('body').trigger('product:beforeAddToCart', this);\r\n\r\n if ($('.set-items').length && $(this).hasClass('add-to-cart-global')) {\r\n setPids = [];\r\n\r\n $('.product-detail').each(function () {\r\n if (!$(this).hasClass('product-set-detail') && $(this).find('size-selections .size-attribute .size-value.selected') && $(this).find('.quantity-select').length) {\r\n setPids.push({\r\n pid: $(this).find('.product-id').text(),\r\n qty: $(this).find('.quantity-select').val(),\r\n options: getOptions($(this))\r\n });\r\n }\r\n });\r\n pidsObj = JSON.stringify(setPids);\r\n }\r\n\r\n pid = getPidValue($(this));\r\n\r\n var $productContainer = $(this).closest('.product-detail');\r\n if (!$productContainer.length) {\r\n $productContainer = $(this).closest('.quick-view-dialog').find('.product-detail');\r\n }\r\n\r\n addToCartUrl = getAddToCartUrl();\r\n\r\n var form = {\r\n pid: pid,\r\n pidsObj: pidsObj,\r\n childProducts: getChildProducts(),\r\n quantity: getQuantitySelected($(this))\r\n };\r\n\r\n if (!$('.bundle-item').length) {\r\n form.options = getOptions($productContainer);\r\n }\r\n\r\n $(this).trigger('updateAddToCartFormData', form);\r\n if (addToCartUrl) {\r\n $.ajax({\r\n url: addToCartUrl,\r\n method: 'POST',\r\n data: form,\r\n success: function (data) {\r\n handlePostCartAdd(data);\r\n $('body').trigger('product:afterAddToCart', data);\r\n $.spinner().stop();\r\n miniCartReportingUrl(data.reportingURL);\r\n },\r\n error: function () {\r\n $.spinner().stop();\r\n }\r\n });\r\n }\r\n });\r\n },\r\n selectBonusProduct: function () {\r\n $(document).on('click', '.select-bonus-product', function () {\r\n var $choiceOfBonusProduct = $(this).parents('.choice-of-bonus-product');\r\n var pid = $(this).data('pid');\r\n var maxPids = $('.choose-bonus-product-dialog').data('total-qty');\r\n var submittedQty = parseInt($choiceOfBonusProduct.find('.bonus-quantity-select').val(), 10);\r\n var totalQty = 0;\r\n $.each($('#chooseBonusProductModal .selected-bonus-products .selected-pid'), function () {\r\n totalQty += $(this).data('qty');\r\n });\r\n totalQty += submittedQty;\r\n var optionID = $choiceOfBonusProduct.find('.product-option').data('option-id');\r\n var valueId = $choiceOfBonusProduct.find('.options-select option:selected').data('valueId');\r\n if (totalQty <= maxPids) {\r\n var selectedBonusProductHtml = ''\r\n + ''\r\n + '
'\r\n ;\r\n $('#chooseBonusProductModal .selected-bonus-products').append(selectedBonusProductHtml);\r\n $('.pre-cart-products').html(totalQty);\r\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\r\n } else {\r\n $('.selected-bonus-products .bonus-summary').addClass('alert-danger');\r\n }\r\n });\r\n },\r\n removeBonusProduct: function () {\r\n $(document).on('click', '.selected-pid', function () {\r\n $(this).remove();\r\n var $selected = $('#chooseBonusProductModal .selected-bonus-products .selected-pid');\r\n var count = 0;\r\n if ($selected.length) {\r\n $selected.each(function () {\r\n count += parseInt($(this).data('qty'), 10);\r\n });\r\n }\r\n\r\n $('.pre-cart-products').html(count);\r\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\r\n });\r\n },\r\n enableBonusProductSelection: function () {\r\n $('body').on('bonusproduct:updateSelectButton', function (e, response) {\r\n $('button.select-bonus-product', response.$productContainer).attr('disabled',\r\n (!response.product.readyToOrder || !response.product.available));\r\n var pid = response.product.id;\r\n $('button.select-bonus-product', response.$productContainer).data('pid', pid);\r\n });\r\n },\r\n showMoreBonusProducts: function () {\r\n $(document).on('click', '.show-more-bonus-products', function () {\r\n var url = $(this).data('url');\r\n $('.modal-content').spinner().start();\r\n $.ajax({\r\n url: url,\r\n method: 'GET',\r\n success: function (html) {\r\n var parsedHtml = parseHtml(html);\r\n $('.modal-body').append(parsedHtml.body);\r\n $('.show-more-bonus-products:first').remove();\r\n $('.modal-content').spinner().stop();\r\n },\r\n error: function () {\r\n $('.modal-content').spinner().stop();\r\n }\r\n });\r\n });\r\n },\r\n addBonusProductsToCart: function () {\r\n $(document).on('click', '.add-bonus-products', function () {\r\n var $readyToOrderBonusProducts = $('.choose-bonus-product-dialog .selected-pid');\r\n var queryString = '?pids=';\r\n var url = $('.choose-bonus-product-dialog').data('addtocarturl');\r\n var pidsObject = {\r\n bonusProducts: []\r\n };\r\n\r\n $.each($readyToOrderBonusProducts, function () {\r\n var qtyOption =\r\n parseInt($(this)\r\n .data('qty'), 10);\r\n\r\n var option = null;\r\n if (qtyOption > 0) {\r\n if ($(this).data('optionid') && $(this).data('option-selected-value')) {\r\n option = {};\r\n option.optionId = $(this).data('optionid');\r\n option.productId = $(this).data('pid');\r\n option.selectedValueId = $(this).data('option-selected-value');\r\n }\r\n pidsObject.bonusProducts.push({\r\n pid: $(this).data('pid'),\r\n qty: qtyOption,\r\n options: [option]\r\n });\r\n pidsObject.totalQty = parseInt($('.pre-cart-products').html(), 10);\r\n }\r\n });\r\n queryString += JSON.stringify(pidsObject);\r\n queryString = queryString + '&uuid=' + $('.choose-bonus-product-dialog').data('uuid');\r\n queryString = queryString + '&pliuuid=' + $('.choose-bonus-product-dialog').data('pliuuid');\r\n $.spinner().start();\r\n $.ajax({\r\n url: url + queryString,\r\n method: 'POST',\r\n success: function (data) {\r\n $.spinner().stop();\r\n if (data.error) {\r\n $('#chooseBonusProductModal').modal('hide');\r\n if ($('.add-to-cart-messages').length === 0) {\r\n $('body').append('');\r\n }\r\n $('.add-to-cart-messages').append(\r\n ''\r\n + $choiceOfBonusProduct.find('.product-name').html()\r\n + '
'\r\n + ''\r\n + '
'\r\n + data.errorMessage + '
'\r\n );\r\n setTimeout(function () {\r\n $('.add-to-basket-alert').remove();\r\n }, 3000);\r\n } else {\r\n $('.configure-bonus-product-attributes').html(data);\r\n $('.bonus-products-step2').removeClass('hidden-xl-down');\r\n $('#chooseBonusProductModal').modal('hide');\r\n\r\n if ($('.add-to-cart-messages').length === 0) {\r\n $('body').append('');\r\n }\r\n $('.minicart-quantity').html(data.totalQty);\r\n $('.add-to-cart-messages').append(\r\n ''\r\n + data.msgSuccess + '
'\r\n );\r\n\r\n var $checkIcon = $('.check-icon-reference').clone();\r\n $('.add-to-cart-messages .icon-check').append($checkIcon);\r\n\r\n setTimeout(function () {\r\n $('.add-to-basket-alert').remove();\r\n if ($('.cart-page').length) {\r\n location.reload();\r\n }\r\n }, 1500);\r\n }\r\n },\r\n error: function () {\r\n $.spinner().stop();\r\n }\r\n });\r\n });\r\n },\r\n\r\n getPidValue: getPidValue,\r\n getQuantitySelected: getQuantitySelected,\r\n miniCartReportingUrl: miniCartReportingUrl\r\n};\r\n","/**\r\n * DOM utilities to use native browser capabilities and avoid dependencies.\r\n *\r\n * @module dom.dom-util\r\n * @version 1.0.0\r\n * @since Sept 26 2019\r\n */\r\n\r\n'use strict';\r\n\r\n/**\r\n * Native querySelector to find first element in the dom with given selector\r\n *\r\n * @param {string | Object} selector Target selector element.\r\n * @param {string | Object} parent Parent element, if it not provided\r\n * fallback to document.\r\n * @return {Object} returns the target as a DOM node\r\n */\r\nconst queryFirst = (exports.queryFirst = (selector, parent = document) => {\r\n if (!parent) return null;\r\n return parent.querySelector(selector);\r\n});\r\n\r\n/**\r\n * Native querySelectorAll to find all the dom element with given selector.\r\n *\r\n * @param {string | Object} selector Target selector element.\r\n * @param {string | Object} parent Parent element, if it not provided\r\n * fallback to document.\r\n * @return {nodeList | Array} Returns the target as a DOM node.\r\n */\r\nconst queryAll = (exports.queryAll = (selector, parent = document) => {\r\n if (!parent) return null;\r\n return [].slice.call(parent.querySelectorAll(selector), 0);\r\n});\r\n\r\n/**\r\n * Returns the value(s) for the specified CSS rule(s), or all computed styles if no rule is specified\r\n *\r\n * @param {Element} element Target element\r\n * @param {string} rule CSS rule name (E.g. padding-top)\r\n * @return {string | Array | Object} Returns a string value, array of values, or styles object\r\n */\r\nconst getStyles = (exports.getStyles = (element, ...rules) => {\r\n const styles = getComputedStyle(element);\r\n\r\n if (!rules.length) {\r\n return styles;\r\n } else if (rules.length === 1) {\r\n return styles[rules[0]];\r\n }\r\n return rules.map(rule => styles[rule]);\r\n});\r\n\r\n/**\r\n * Remove DOM element\r\n *\r\n * @param {string | Object} el Target element.\r\n */\r\nexports.remove = el => {\r\n if (!el) return;\r\n if (Array.isArray(el) || el instanceof NodeList) {\r\n for (let i = 0, n = el.length; i < n; i++) {\r\n const node = el[i];\r\n node.parentElement.removeChild(node);\r\n }\r\n } else {\r\n el.parentElement.removeChild(el);\r\n }\r\n};\r\n\r\n/**\r\n * Set attribute to single or multiple elements\r\n *\r\n * @param {string | Object} el Target element.\r\n * @param {string} attr attribute that need to be added.\r\n * @param {string | boolean} val value that need to be set for an attribute.\r\n */\r\nexports.setAttribute = (el, attr, val) => {\r\n if (!el) return;\r\n if (Array.isArray(el) || el instanceof NodeList) {\r\n for (let i = 0, n = el.length; i < n; i++) {\r\n const node = el[i];\r\n node.setAttribute(attr, val);\r\n }\r\n } else {\r\n el.setAttribute(attr, val);\r\n }\r\n};\r\n\r\n/**\r\n * Remove attribute to single or multiple elements\r\n *\r\n * @param {string | Object} el Target element.\r\n * @param {string} attr attribute that need to be removed.\r\n */\r\nexports.removeAttribute = (el, attr) => {\r\n if (!el) return;\r\n if (Array.isArray(el) || el instanceof NodeList) {\r\n for (let i = 0, n = el.length; i < n; i++) {\r\n const node = el[i];\r\n node.removeAttribute(attr);\r\n }\r\n } else {\r\n el.removeAttribute(attr);\r\n }\r\n};\r\n\r\n/**\r\n * Adds class or classes to the classList of particular element.\r\n *\r\n * @param {string | Object} el Target element.\r\n * @param {string | Array} val class name or class names as list of arguments.\r\n */\r\nexports.addClass = (el, ...val) => {\r\n if (!el) return;\r\n if (Array.isArray(el) || el instanceof NodeList) {\r\n for (let i = 0, n = el.length; i < n; i++) {\r\n const node = el[i];\r\n node.classList.add(...val);\r\n }\r\n } else {\r\n el.classList.add(...val);\r\n }\r\n};\r\n\r\n/**\r\n * Removes class or classes from the classList of particular element.\r\n *\r\n * @param {string | Object} el Target element.\r\n * @param {string | Array} val class name or class names as list of arguments.\r\n */\r\nexports.removeClass = (el, ...val) => {\r\n if (!el) return;\r\n if (Array.isArray(el) || el instanceof NodeList) {\r\n for (let i = 0, n = el.length; i < n; i++) {\r\n const node = el[i];\r\n node.classList.remove(...val);\r\n }\r\n } else {\r\n el.classList.remove(...val);\r\n }\r\n};\r\n\r\n/**\r\n * Toggles class or classes to the classList of particular element.\r\n *\r\n * @param {string | Object} el Target element.\r\n * @param {string | Array} val class name or class names as list of arguments.\r\n */\r\nexports.toggleClass = (el, ...val) => {\r\n if (!el) return;\r\n if (Array.isArray(el) || el instanceof NodeList) {\r\n for (let i = 0, n = el.length; i < n; i++) {\r\n const node = el[i];\r\n node.classList.toggle(...val);\r\n }\r\n } else {\r\n el.classList.toggle(...val);\r\n }\r\n};\r\n\r\n/**\r\n * Looks for availability of class or classes in the classList of particular element.\r\n *\r\n * @param {string | Object} el Target element.\r\n * @param {string | Array} val class name or class names as list of arguments.\r\n * @return {boolean} Returns availability of class in the target element.\r\n */\r\nexports.hasClass = (el, ...classes) => {\r\n const { classList } = el;\r\n for (let c = 0, n = classes.length; c < n; c++) {\r\n if (!classList.contains(classes[c])) return false;\r\n }\r\n return true;\r\n};\r\n\r\n/**\r\n * Throttle util to prevent repeatative callbacks\r\n *\r\n * @param {function} callback Callback function.\r\n * @param {number} limit Timeout upon which throttle callback need to be called.\r\n * fallback to document.\r\n * @return {function} Throttle closure function.\r\n */\r\nexports.throttle = (callback, limit = 250) => {\r\n let isThrottling = false;\r\n\r\n return (...args) => {\r\n if (isThrottling) return;\r\n\r\n callback.apply(this, args);\r\n isThrottling = true;\r\n\r\n setTimeout(() => {\r\n isThrottling = false;\r\n }, limit);\r\n };\r\n};\r\n\r\n/**\r\n * Throttle util to prevent repeatative callbacks\r\n *\r\n * @param {function} callback Callback function.\r\n * @param {number} minimumDelay Delay upon which debounce callback need to be called.\r\n * fallback to document.\r\n * @return {function} Debounce closure function.\r\n */\r\nexports.debounce = (callback, minimumDelay = 250) => {\r\n let timer;\r\n\r\n return (...args) => {\r\n clearTimeout(timer);\r\n\r\n timer = setTimeout(() => {\r\n callback(...args);\r\n }, minimumDelay);\r\n };\r\n};\r\n\r\nexports.toArray = (...args) => {\r\n const makeArray = target => {\r\n let newTarget;\r\n if (!Array.isArray(target)) {\r\n const array = [].slice.call(target);\r\n newTarget = array.length ? array : [target];\r\n }\r\n return newTarget;\r\n };\r\n return args.reduce((results, arg) => {\r\n return results.concat(makeArray(arg));\r\n }, []);\r\n};\r\n\r\n/**\r\n * Height util to get outer height of element including margins\r\n *\r\n * @param {string | Object} el target element\r\n * @return {string} height of element\r\n */\r\nexports.outerHeight = el => {\r\n const styles = getStyles(el);\r\n\r\n return el.offsetHeight + parseInt(styles.marginTop, 0) + parseInt(styles.marginBottom, 0);\r\n};\r\n\r\n/**\r\n * Determine if an element is in the viewport\r\n * (c) 2017 Chris Ferdinandi, MIT License, https://gomakethings.com\r\n * @param {Node} el The element\r\n * @return {boolean} Returns true if element is in the viewport\r\n */\r\nexports.isInViewport = el => {\r\n const scroll = window.scrollY || window.pageYOffset;\r\n const boundsTop = el.getBoundingClientRect().top + scroll;\r\n\r\n const numberOfViewportToCheck = el.dataset.nextViewportLazyLoad ? 2 : 1;\r\n\r\n const viewport = {\r\n top: scroll,\r\n bottom: scroll + window.innerHeight * numberOfViewportToCheck\r\n };\r\n\r\n const bounds = {\r\n top: boundsTop,\r\n bottom: boundsTop + el.clientHeight\r\n };\r\n\r\n return (bounds.bottom >= viewport.top && bounds.bottom <= viewport.bottom) || (bounds.top <= viewport.bottom && bounds.top >= viewport.top);\r\n};\r\n\r\n/**\r\n * Displays empty cart message\r\n * @param {string} message - Error message to display\r\n */\r\nexports.emptyCart = message => {\r\n const cartElements = queryAll('.cart');\r\n cartElements.forEach(cartElement => {\r\n cartElement.innerHTML = `${message}
')\r\n .append($(response))\r\n .find('.append-params');\r\n if ($queryParamsElement.length) {\r\n const newUrl = window.location.href.split('?')[0] + '?' + $queryParamsElement.val();\r\n window.history.pushState(\r\n {\r\n path: newUrl\r\n },\r\n '',\r\n newUrl\r\n );\r\n }\r\n};\r\n\r\n/**\r\n * This method returns character count\r\n * @param {HTMLElement} element - current element for which count has to be calculated\r\n * @return {number} character count\r\n */\r\nexports.getCharacterCount = function(element) {\r\n if (!element) {\r\n return 0;\r\n }\r\n return element.value.length;\r\n};\r\n\r\n/**\r\n * Waits for a specified element to exist.\r\n * @param {string} selector - The selector to match\r\n * @param {element} scope - The containing element to search within (default: document)\r\n * @param {number} timeout - How long (in milliseconds) to wait before rejecting the promise\r\n * @returns a Promise containing all matched elements\r\n */\r\nexports.waitForElement = (selector, scope = document, timeout = 0) =>\r\n new Promise((resolve, reject) => {\r\n const elements = queryAll(selector);\r\n\r\n if (elements.length) return resolve(elements);\r\n\r\n const observer = new MutationObserver((mutations, self) => {\r\n const elements = queryAll(selector);\r\n\r\n if (elements.length) {\r\n self.disconnect();\r\n resolve(elements);\r\n }\r\n });\r\n\r\n observer.observe(scope, { childList: true, subtree: true });\r\n\r\n if (timeout) {\r\n setTimeout(() => {\r\n observer.disconnect();\r\n reject('Timed out');\r\n }, timeout);\r\n }\r\n });\r\n\r\nexports.getStyles = getStyles;\r\nexports.queryAll = queryAll;\r\n\r\n/**\r\n * appends params to a url\r\n * @param {string} url - Original url\r\n * @param {Object} params - Parameters to append\r\n * @returns {string} result url with appended parameters\r\n */\r\nexports.appendToUrl = (url, params) => {\r\n var newUrl = url;\r\n newUrl +=\r\n (newUrl.indexOf('?') !== -1 ? '&' : '?') +\r\n Object.keys(params)\r\n .map(function(key) {\r\n return key + '=' + encodeURIComponent(params[key]);\r\n })\r\n .join('&');\r\n\r\n return newUrl;\r\n}\r\n","'use strict';\r\n\r\n/**\r\n * Remove all validation. Should be called every time before revalidating form\r\n * @param {element} form - Form to be cleared\r\n * @returns {void}\r\n */\r\nfunction clearFormErrors(form) {\r\n $(form)\r\n .find('.form-control.is-invalid')\r\n .removeClass('is-invalid');\r\n $(form)\r\n .find('.form-control.is-invalid')\r\n .removeAttr('aria-invalid');\r\n}\r\n\r\nmodule.exports = function(formElement, payload) {\r\n // clear form validation first\r\n clearFormErrors(formElement);\r\n $('.alert', formElement).remove();\r\n if (typeof payload === 'object' && payload.fields) {\r\n Object.keys(payload.fields).forEach(function(key) {\r\n if (payload.fields[key]) {\r\n var feedbackElement = $(formElement)\r\n .find('[name=\"' + key + '\"]')\r\n .parent()\r\n .children('.invalid-feedback');\r\n\r\n if (feedbackElement.length > 0) {\r\n if (Array.isArray(payload[key])) {\r\n feedbackElement.html(payload.fields[key].join('
'));\r\n } else {\r\n feedbackElement.html(payload.fields[key]);\r\n }\r\n feedbackElement.siblings('.form-control').addClass('is-invalid');\r\n feedbackElement.siblings('.form-control').attr('aria-invalid', 'true');\r\n formElement.find('.is-invalid')[0].focus();\r\n }\r\n }\r\n });\r\n }\r\n if (payload && payload.error) {\r\n var form = $(formElement).prop('tagName') === 'FORM' ? $(formElement) : $(formElement).parents('form');\r\n\r\n form.find('button').before('
'));\r\n } else {\r\n feedbackElement.html(payload.fields[key]);\r\n }\r\n feedbackElement.siblings('.form-control').addClass('is-invalid');\r\n feedbackElement.siblings('.form-control').attr('aria-invalid', 'true');\r\n formElement.find('.is-invalid')[0].focus();\r\n }\r\n }\r\n });\r\n }\r\n if (payload && payload.error) {\r\n var form = $(formElement).prop('tagName') === 'FORM' ? $(formElement) : $(formElement).parents('form');\r\n\r\n form.find('button').before('
' + payload.error.join('
') + '
');\r\n }\r\n};\r\n"],"sourceRoot":""}') + '