';\n });\n }\n\n $($productContainer).trigger('product:updateAvailability', {\n product: response.product,\n $productContainer: $productContainer,\n message: availabilityValue,\n resources: response.resources\n });\n}\n\n/**\n * Updates the images shown in page from response containing images.\n * @param {Object[]} imgs - Array of large product images,along with related information\n * @param {jQuery} $productContainer - DOM element for a given product\n */\nfunction updateImages(imgs, $productContainer) {\n const buildSrcSet = (imageSet, prevArrStartIndex) => {\n return imageSet.map((url, idx) => {\n return url + ' ' + ((idx + 1 + prevArrStartIndex) * 200) + 'w';\n }).join(',');\n };\n let $imageContainer = $productContainer.find('.js-image-list');\n\n // Read the template for the images shown in the list\n const imgTemplate = document.getElementById('image-template').innerHTML;\n for (var i = 0; i < imgs.length; i++) {\n var $imagesDivs = $imageContainer.find('.cc-content-image');\n var singleImage = $imagesDivs.get(i);\n var $ResizedUrlsFirstSource = (imgs[i].resizedUrls).splice(0, 3);\n var $ResizedUrlsSecondSource = (imgs[i].resizedUrls);\n if (singleImage) {\n var $picture = $(singleImage).find('picture');\n var $image = $picture.find('img');\n var $sources = $picture.find('source');\n $sources.eq(0).attr('srcset', buildSrcSet($ResizedUrlsFirstSource, 0));\n $sources.eq(1).attr('srcset', buildSrcSet($ResizedUrlsSecondSource, 3));\n $image.attr('src', imgs[i].url);\n $image.attr('alt', imgs[i].alt + 'image number ' + i + '');\n if ($image.hasClass('lazyload')) {\n $image.removeClass('lazyload');\n }\n } else {\n var cloneImage = $imagesDivs.get(i - 1);\n $(cloneImage).clone().appendTo($imageContainer);\n $imagesDivs = $imageContainer.find('.cc-content-image');\n cloneImage = $imagesDivs.get(i);\n var $picture = $(cloneImage).find('picture');\n var $image = $picture.find('img');\n var $sources = $picture.find('source');\n $sources.eq(0).attr('srcset', buildSrcSet($ResizedUrlsFirstSource, 0));\n $sources.eq(1).attr('srcset', buildSrcSet($ResizedUrlsSecondSource, 3));\n $image.attr('src', imgs[i].url);\n $image.attr('alt', imgs[i].alt + 'image number ' + i + '');\n if ($image.hasClass('lazyload')) {\n $image.removeClass('lazyload');\n }\n }\n }\n var imgLength = $imageContainer.find('.cc-content-image').length;\n if (imgs.length < imgLength) {\n var $imagesOld = $imageContainer.find('.cc-content-image');\n for (var j = (imgLength - 1); j > (imgs.length - 1); j--) {\n var oldimg = $imagesOld.get(j);\n $(oldimg).remove();\n }\n }\n}\n\nfunction updateVideo($productContainer, htmlVideo, position) {\n let $videoContainerVertical = $productContainer.find('.js-image-list').find('.cc-content-video:not(\".cc-only-mobile\")');\n let $videoContainerHorizontalDesktop = $productContainer.find('.cc-pdp__video-horizontal-desktop');\n let $videoContainerHorizontalMobile = $productContainer.find('.cc-content-video.cc-only-mobile');\n var ImageandVideoContainer = $productContainer.find('.js-image-list');\n if ($videoContainerVertical.length > 0) {\n if (position === 'vertical') {\n $videoContainerVertical.replaceWith(htmlVideo);\n } else {\n $productContainer.find('.js-image-list .cc-content-video').remove();\n var desktopVideo = $(htmlVideo).filter('.cc-pdp__video-horizontal-desktop');\n var mobileVideo = $(htmlVideo).filter('.cc-content-video.cc-only-mobile');\n $(ImageandVideoContainer).append(mobileVideo);\n $(desktopVideo).insertAfter('.cc-pdp__info');\n }\n } else if ($videoContainerHorizontalDesktop.length > 0 || $videoContainerHorizontalMobile.length > 0) {\n if (position === 'vertical') {\n $productContainer.find('.cc-pdp__video-horizontal-desktop').remove();\n $productContainer.find('.cc-content-video.cc-only-mobile').remove();\n $(ImageandVideoContainer).prepend(htmlVideo);\n } else {\n var desktopVideo = $(htmlVideo).filter('.cc-pdp__video-horizontal-desktop');\n var mobileVideo = $(htmlVideo).filter('.cc-content-video.cc-only-mobile');\n $videoContainerHorizontalDesktop.replaceWith(desktopVideo);\n $videoContainerHorizontalMobile.replaceWith(mobileVideo);\n }\n } else {\n if (position === 'vertical') {\n $(ImageandVideoContainer).prepend(htmlVideo);\n } else {\n var desktopVideo = $(htmlVideo).filter('.cc-pdp__video-horizontal-desktop');\n var mobileVideo = $(htmlVideo).filter('.cc-content-video.cc-only-mobile');\n $(ImageandVideoContainer).append(mobileVideo);\n $(desktopVideo).insertAfter('.cc-pdp__info');\n }\n }\n}\n\n/**\n * Parses JSON from Ajax call made whenever an attribute value is [de]selected\n * @param {Object} response - response from Ajax call\n * @param {Object} response.product - Product object\n * @param {Object} response.product.price - Price object related to the product\n * @param {Object} response.product.price.html - HTML rendering of the price object\n * @param {string} response.product.id - Product ID\n * @param {Object[]} response.product.variationAttributes - Product attributes\n * @param {Object} response.product.images - Product images\n * @param {Object[]} response.product.images.large - Product images in large format\n * @param {boolean} response.product.hasRequiredAttrsSelected - Flag as to whether all required\n * attributes have been selected. Used partially to\n * determine whether the Add to Cart button can be enabled\n * @param {Object} response.resources - Translation object\n * @param {boolean} imagesCanChange - if the images can change\n * @param {jQuery} $productContainer - DOM element for a given product.\n **/\nfunction handleVariantResponse(response, $productContainer, imagesCanChange) {\n if (response.product.variationAttributes) {\n updateAttrs(response.product.variationAttributes, $productContainer, response.resources);\n }\n\n if (imagesCanChange) {\n // Update primary images\n var primaryImageUrls = response.product.images.large;\n updateImages(primaryImageUrls, $productContainer);\n if (response.product.hasHorizontalVideo) {\n if (response.product.videoH.CLDvideoHURL !== $('.cc-pdp__video-horizontal-desktop .cc-video-hotizontal source').attr('src')) {\n updateVideo($productContainer, response.product.videoCloudinaryPdpHtml, 'horizontal');\n }\n } else if (response.product.hasVerticalVideo) {\n if (response.product.videoV.CLDvideoVURL !== $('.js-image-list .cc-content-video source').attr('src')) {\n updateVideo($productContainer, response.product.videoCloudinaryPdpHtml, 'vertical');\n }\n } else {\n $productContainer.find('.js-image-list .cc-content-video').remove();\n $productContainer.find('.cc-pdp__video-horizontal-desktop').remove();\n $productContainer.find('.cc-content-video.cc-only-mobile').remove();\n }\n }\n\n // Update pricing\n var $priceSelector = $('.js-prices .js-price', $productContainer).length\n ? $('.js-prices .js-price', $productContainer)\n : $('.js-prices .js-price');\n $priceSelector.replaceWith(response.product.price.html);\n\n updateAvailability(response, $productContainer);\n\n // Enable \"Add to Cart\" button if all required attributes have been selected\n $('button.add-to-cart, button.add-to-cart-global, button.update-cart-product-global').trigger('product:updateAddToCart', {\n product: response.product, $productContainer: $productContainer\n }).trigger('product:statusUpdate', response.product);\n}\n\n/**\n * updates the product view when a product attribute is selected or deselected or when\n * changing quantity\n * @param {string} selectedValueUrl - the Url for the selected variation value\n * @param {boolean} imagesCanChange - indicates if the images could change as a result of the selection of the attribute\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction attributeSelect(selectedValueUrl, $productContainer, imagesCanChange) {\n if (selectedValueUrl) {\n $('body').trigger('product:beforeAttributeSelect',\n { url: selectedValueUrl, container: $productContainer });\n\n $.ajax({\n url: selectedValueUrl,\n method: 'GET',\n success: function (data) {\n if (imagesCanChange) {\n var imgVal = $('#js-pv-image').val();\n let $imageContainer = $productContainer.find('.js-image-list');\n $imageContainer.find('.cc-content-image').find('picture source').attr('srcset', imgVal);\n }\n\n // cites on variation group, checking cites value on color selection\n if (data.product.enableDisclaimerShipment && $('.js-disclaimer-shipment').length) {\n $('.js-disclaimer-shipment').removeClass('d-none');\n } else if (!$('.js-disclaimer-shipment').hasClass('d-none')) {\n $('.js-disclaimer-shipment').addClass('d-none');\n }\n\n // pfas on variation group/variant\n if (data.product.pfas && $('.js-banner-pfas').length) {\n $('.js-banner-pfas').removeClass('d-none');\n } else if (!$('.js-banner-pfas').hasClass('d-none')) {\n $('.js-banner-pfas').addClass('d-none');\n }\n\n // data tags\n if (data.product.Tag) {\n $('.js-tag-container span', $productContainer).text(data.product.Tag.toUpperCase());\n $('.js-tag-container', $productContainer).attr('hidden', false);\n } else {\n $('.js-tag-container', $productContainer).attr('hidden', true);\n $('.js-tag-container span', $productContainer).text('');\n }\n handleVariantResponse(data, $productContainer, imagesCanChange);\n $('body').trigger('product:afterAttributeSelect',\n { data: data, container: $productContainer });\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n}\n\n/**\n * updates the product view when a product attribute is selected or deselected or when\n * changing quantity\n * @param {string} selectedValueUrl - the Url for the selected variation value\n * @param {boolean} imagesCanChange - indicates if the images could change as a result of the selection of the attribute\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction attributeSelectSizeLook(selectedValueUrl, $productContainer, imagesCanChange) {\n if (selectedValueUrl) {\n $.ajax({\n url: selectedValueUrl,\n method: 'GET',\n success: function (data) {\n $('.js-product-detail-look').data('pid', data.product.id);\n $('button.add-to-cart').data('disabled', (!data.product.readyToOrder || !data.product.available));\n\n $.spinner().stop();\n // trigger wishlist update\n $('body').trigger('wishlist:productVariantChanged');\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n}\n\n/**\n * updates the product view when a product attribute is selected or deselected or when\n * changing quantity\n * @param {string} selectedValueUrl - the Url for the selected variation value\n * @param {boolean} imagesCanChange - indicates if the images could change as a result of the selection of the attribute\n * @param {jQuery} $productContainer - DOM element for current product\n */\nfunction attributeSelectLook(selectedValueUrl) {\n if (selectedValueUrl) {\n var url = $('.js-select-single-tile-look').data('href');\n\n $.ajax({\n url: selectedValueUrl,\n method: 'GET',\n success: function (data) {\n var pid = data.product.sku;\n var dat = {\n pid: pid\n };\n\n $.ajax({\n url: url,\n data: dat,\n method: 'GET',\n success: function (response) {\n if (response.stickyBar) {\n $('.js-sticky-look-container').html(response.stickyBar);\n }\n },\n error: function(err) {\n }\n });\n // handleVariantResponse(data, $productContainer, imagesCanChange);\n // $('body').trigger('product:afterAttributeSelect',\n // { data: data, container: $productContainer });\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n}\n\n/**\n * Retrieves url to use when adding a product to the cart\n *\n * @return {string} - The provided URL to use when adding a product to the cart\n */\nfunction getAddToCartUrl() {\n return $('.add-to-cart-url').val();\n}\n\n/**\n * Makes a call to the server to report the event of adding an item to the cart\n *\n * @param {string | boolean} url - a string representing the end point to hit so that the event can be recorded, or false\n */\nfunction miniCartReportingUrl(url) {\n if (url) {\n $.ajax({\n url: url,\n method: 'GET',\n success: function () {\n // reporting urls hit on the server\n },\n error: function () {\n // no reporting urls hit on the server\n }\n });\n }\n}\n\nfunction performAddToCartCall(addToCartUrl, pid, pidsObj, childProducts, quantity, onSuccess, onError, customFrom) {\n var data = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: childProducts,\n quantity: quantity\n };\n var masterPid = $('.js-master-pid').val();\n if (addToCartUrl) {\n $.spinner().start();\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: data,\n success: function (data) {\n // handlePostCartAdd(data);\n $.spinner().stop();\n if (onSuccess != null) {\n // analytics\n\n // get product by pid\n var totPid = pid;\n var generalPid;\n if (data.skuMaster) {\n generalPid = data.skuMaster;\n } else if (masterPid) {\n generalPid = masterPid;\n } else if (data.productColor) {\n var split = totPid.split(data.productColor);\n if (split) {\n generalPid = split[0];\n }\n }\n if (! generalPid) {\n var posC = totPid.lastIndexOf('C');\n if (totPid.charAt(posC - 1) === 'C') {\n posC = posC - 1;\n }\n if (posC !== -1) {\n generalPid = totPid.substr(0, posC);\n } else {\n generalPid = totPid;\n }\n }\n\n // get product -> js-analytics-impressions-product-initialized prevent minicart elements to be selected\n var selectorPrefix = '.js-analytics-impressions-product-initialized.js-analytics-click-product-info-';\n var product = $(selectorPrefix + generalPid);\n if ($('.page').data('action') && $('.page').data('action').indexOf('Wishlist') !== -1) {\n if (product.length > 1) {\n product = $($(selectorPrefix + generalPid + '[data-color=\"' + data.productColor + '\"]')[0]);\n }\n }\n if (product.length <= 0) {\n product = $(selectorPrefix + totPid);\n }\n if (product.length <= 0) {\n product = $(selectorPrefix + totPid.substring(0, totPid.length - 2));\n }\n if (product.length <= 0) {\n product = $(selectorPrefix + generalPid + 'C'); // pid concatenazione\n }\n\n if (product.length > 1) {\n if (window.isDesktop) {\n product = $(product[0]);\n } else product = $(product[1]);\n }\n\n if (customFrom) {\n product.attr('data-sticky', customFrom);\n }\n\n $('body').trigger('analytics:pushAddToCart', product);\n\n // END\n // update live content\n $('.js-mini-cart-update').text(data.addToCartLiveContent);\n\n onSuccess(data);\n }\n },\n error: function () {\n $.spinner().stop();\n if (onError != null) {\n onError();\n }\n }\n });\n\n var urlAnalytics = $('.add-to-minicart-analytics').val();\n var urlParams = {\n pid: pid\n };\n urlAnalytics = appendToUrl(urlAnalytics, urlParams);\n $.spinner().start();\n $.ajax({\n url: urlAnalytics,\n type: 'get',\n dataType: 'json',\n success: function (data) {\n $('.js-minicart-analytics').append(data.minicartAnalytics);\n $.spinner().stop();\n },\n error: function (err) {\n if (err.responseJSON.redirectUrl) {\n window.location.href = err.responseJSON.redirectUrl;\n } else {\n $.spinner().stop();\n }\n }\n });\n }\n}\n\nmodule.exports = {\n attributeSelect: attributeSelect,\n\n colorAttribute: function () {\n $(document).on('click', '[data-attr=\"color\"] button.js-color-choice', function (e) {\n // When the user clicks on one color inside the stickybar selection, change the aria-label of the selected color.\n $('.cc-content-thumb-color-sticky').attr(\"aria-label\", $(this).attr(\"data-accessibility-change\"));\n\n if ($(this).hasClass('js-color-choiche-sticky-look')) {\n attributeSelectLook($(this).attr('data-url'));\n } else {\n e.preventDefault();\n $(document).find('.js-image-list .cc-image').removeClass('lazyload');\n if ($(this).attr('disabled')) {\n return;\n }\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n attributeSelect($(this).attr('data-url'), $productContainer, true);\n // Reset size on PDP selector\n $('#js-size-text-default').removeClass('hidden');\n $('#js-size-text-selected').addClass('hidden');\n $('#js-size-text-selected').text('');\n // Reset size on PDP sticky selector\n $('#js-sticky-size-text-default').removeClass('hidden');\n $('#js-sticky-size-text-selected').addClass('hidden');\n $('#js-sticky-size-text-selected').text('');\n // 4Gift action url after size select\n var colorSelect = $(this).data('attr-value');\n var productPid = $(document).find('#skuMaster').val();\n var action = $(document).find('#4giftersCheckout').data('action');\n var sizeCode = $(document).find('.js-select-size.cc-active').data('attr-value');\n var SKU = productPid + colorSelect + sizeCode; // pid concatenation PDP\n $(document).find('#4giftersCheckout').data('action-url', action + SKU.toLowerCase());\n }\n });\n },\n\n colorAttributeLook: function () {\n $(document).on('click', '[data-attr=\"color\"] button.js-color-choice.js-color-choiche-sticky-look', function (e) {\n window.scrollTo(0, 0);\n e.preventDefault();\n\n if ($(this).attr('disabled')) {\n return;\n }\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n attributeSelect($(this).attr('data-url'), $productContainer, true);\n // Reset size on PDP selector\n $('#js-size-text-default').removeClass('hidden');\n $('#js-size-text-selected').addClass('hidden');\n $('#js-size-text-selected').text('');\n // Reset size on PDP sticky selector\n $('#js-sticky-size-text-default').removeClass('hidden');\n $('#js-sticky-size-text-selected').addClass('hidden');\n $('#js-sticky-size-text-selected').text('');\n // 4Gift action url after size select\n var colorSelect = $(this).data('attr-value');\n var productPid = $(document).find('#skuMaster').val();\n var action = $(document).find('#4giftersCheckout').data('action');\n var sizeCode = $(document).find('.js-select-size.cc-active').data('attr-value');\n var SKU = productPid + colorSelect + sizeCode; // pid concatenation PDP\n $(document).find('#4giftersCheckout').data('action-url', action + SKU.toLowerCase());\n });\n },\n\n selectAttribute: function () {\n $(document).on('click', '.js-select-size', function (e) {\n e.preventDefault();\n var $productContainer = $(this).closest('.set-item');\n if (!$productContainer.length) {\n $productContainer = $(this).closest('.product-detail');\n }\n if ($(this).closest('.cc-content-size-choice-sticky').hasClass('js-select-size-sticky-look')) {\n attributeSelectSizeLook($(e.currentTarget).data('value'), $productContainer, false);\n $('.js-upload-size').find('.js-size-container').removeClass('cc-active');\n $('.js-upload-size').find('.js-select-size').removeClass('cc-active');\n $(this).addClass('cc-active');\n $(this).parent().addClass('cc-active');\n let size = $(this).children('.js-size-value').text();\n let sizeCode = $(this).data('attr-value');\n $('#js-selected-size').val(sizeCode);\n $('#js-selected-size-to-find').val(sizeCode);\n $('.js-selected-size-socialList').val(sizeCode);\n // set size on PDP selector\n $('#js-size-text-default').addClass('hidden');\n $('#js-size-text-selected').removeClass('hidden');\n $('#js-size-text-selected').text(size);\n // set size on PDP sticky selector\n $('#js-sticky-size-text-default').addClass('hidden');\n $('#js-sticky-size-text-selected').removeClass('hidden');\n $('#js-sticky-size-text-selected').text(size);\n $('.js-sticky-choice-look').each((_idx, el) => {\n let $el = $(el);\n $el.removeClass('cc-open');\n $($el.data('target')).removeClass('cc-open');\n });\n // $productContainer = $(e.currentTarget).closest('.js-sticky-look-container');\n // attributeSelectSizeLook($(e.currentTarget).data('value'), $productContainer, false);\n } else {\n attributeSelect($(e.currentTarget).data('value'), $productContainer, false);\n let size = $(this).children('.js-size-value').text();\n let sizeCode = $(this).data('attr-value');\n $('#js-selected-size').val(sizeCode);\n $('#js-selected-size-to-find').val(sizeCode);\n $('.js-selected-size-socialList').val(sizeCode);\n // set size on PDP selector\n $('#js-size-text-default').addClass('hidden');\n $('#js-size-text-selected').removeClass('hidden');\n $('#js-size-text-selected').text(size);\n // set size on PDP sticky selector\n $('#js-sticky-size-text-default').addClass('hidden');\n $('#js-sticky-size-text-selected').removeClass('hidden');\n $('#js-sticky-size-text-selected').text(size);\n // 4Gift action url after size select\n var colorSelect = $(document).find('.js-color-choice.cc-active').data('attr-value');\n var productPid = $(document).find('#skuMaster').val();\n var action = $(document).find('#4giftersCheckout').data('action');\n var SKU = productPid + colorSelect + sizeCode; // pid concatenation PDP\n $(document).find('#4giftersCheckout').data('action-url', action + SKU.toLowerCase());\n }\n });\n },\n\n performAddToCart: function (target) {\n var addToCartUrl;\n var pid;\n var pidsObj;\n\n $('body').trigger('product:beforeAddToCart', target);\n\n pid = getPidValue($(target));\n if (!pid) {\n pid = $(target).data('pid');\n };\n addToCartUrl = getAddToCartUrl();\n var childProducts = [];\n var quantity = getQuantitySelected($(target));\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: childProducts,\n quantity: quantity\n };\n var newStickyAddToCartButton = '';\n if (window.isMobile && $(target).closest('.cc-pdp__info').length) {\n var isStickyTop = $(target).closest('.cc-pdp__info').hasClass('cc-pdp__info--top');\n if (isStickyTop) {\n newStickyAddToCartButton = 'sticky_bar_top_macro';\n }\n var isMicroSticky = $(target).hasClass('js-went-micro-button');\n if (isMicroSticky) {\n newStickyAddToCartButton = 'sticky_bar_top_micro';\n $(target).removeClass('js-went-micro-button');\n }\n if (!isMicroSticky && !isStickyTop) {\n newStickyAddToCartButton = 'sticky_bar_bottom';\n }\n } else {\n newStickyAddToCartButton = $(target).attr('data-sticky');\n }\n\n $(target).trigger('updateAddToCartFormData', form);\n\n performAddToCartCall(addToCartUrl, pid, pidsObj, childProducts, quantity, function (resData) {\n miniCartReportingUrl(resData.reportingURL);\n $('body').trigger('product:afterAddToCart', resData);\n }, function() {\n //\n }, newStickyAddToCartButton);\n },\n\n performAddToCartLook: function(target) {\n var addToCartUrl;\n var pid = $('.js-product-detail-look').data('pid');\n var pidsObj;\n\n addToCartUrl = getAddToCartUrl();\n var childProducts = [];\n var quantity = 1;\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: childProducts,\n quantity: quantity\n };\n performAddToCartCall(addToCartUrl, pid, pidsObj, childProducts, quantity, function (resData) {\n miniCartReportingUrl(resData.reportingURL);\n $('body').trigger('product:afterAddToCart', resData);\n }, function() {\n //\n }, $(target).attr('data-sticky'));\n },\n\n addToCart: function () {\n var t = this;\n $(document).on('click', 'button.add-to-cart, button.add-to-cart-global', function () {\n if ($(this).hasClass('js-add-to-cart-sticky-look')) {\n var addToCartUrl;\n var pid = $('.js-product-detail-look').data('pid');\n var pidsObj;\n\n addToCartUrl = getAddToCartUrl();\n var childProducts = [];\n var quantity = 1;\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: childProducts,\n quantity: quantity\n };\n performAddToCartCall(addToCartUrl, pid, pidsObj, childProducts, quantity, function (resData) {\n miniCartReportingUrl(resData.reportingURL);\n $('body').trigger('product:afterAddToCart', resData);\n }, function() {\n //\n }, $(target).attr('data-sticky'));\n } else {\n t.performAddToCart(this);\n }\n });\n },\n\n getPidValue: getPidValue,\n getQuantitySelected: getQuantitySelected,\n miniCartReportingUrl: miniCartReportingUrl,\n performAddToCartCall: performAddToCartCall\n};\n","/* eslint-disable require-jsdoc */\nmodule.exports = function (containerElement) {\n function Constructor() {\n this.containerEl = containerElement;\n }\n Constructor.prototype.show = function () {\n this.containerEl.style.display = 'block';\n };\n Constructor.prototype.hide = function () {\n this.containerEl.style.display = 'none';\n };\n return new Constructor();\n};\n","/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = typeof value;\n return value != null && (type == 'object' || type == 'function');\n}\n\nmodule.exports = isObject;\n","'use strict';\n\nvar processInclude = require('./util');\nvar _throttle = require('lodash/throttle');\nvar stickyScrolling = false;\nvar _stickyExpanded = false;\nvar _scrollDirection = null;\nvar _userTouching = false;\nvar _scrollAnimation = false;\n\nvar initPaypalButton = require('/cartridges/custom_paypal/cartridge/client/default/js/pdp/initPdpButton');\nif (document.querySelector('.js_paypal-content')) {\n const paypalUrls = document.querySelector('.js_paypal-content').getAttribute('data-paypal-urls');\n window.paypalUrls = JSON.parse(paypalUrls);\n}\n/* detect if device is iOS for disable paypal Button in pdp */\nfunction isSafariBrowser() {\n var safari = false;\n var ua = navigator.userAgent.toLowerCase();\n if (ua.indexOf('safari') !== -1) {\n if (ua.indexOf('chrome') > -1) {\n safari = false;\n } else {\n safari = true;\n }\n }\n return safari;\n}\nconst getMobileOS = () => {\n const ua = navigator.userAgent;\n if (/android/i.test(ua)) {\n return 'Android';\n } else if (/iPad|iPhone|iPod/.test(ua) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)) {\n return 'iOS';\n }\n return 'Other';\n};\n\n/**\n * Injects SDK into page for cart/minicart\n*/\nfunction injectPaypalSDK() {\n var head = document.getElementsByTagName('head').item(0);\n var script = document.createElement('script');\n script.type = 'text/javascript';\n script.async = true;\n script.onload = function () {\n initPaypalButton.default();\n };\n script.src = window.paypalUrls.cartSdkUrl;\n script.setAttribute('data-partner-attribution-id', window.paypalUrls.partnerAttributionId);\n head.appendChild(script);\n}\nfunction injectAjaxPaypalSDK(cartSdkUrl, partnerAttributionId) {\n var head = document.getElementsByTagName('head').item(0);\n var script = document.createElement('script');\n script.async = true;\n script.type = 'text/javascript';\n script.onload = function () {\n initPaypalButton.default();\n };\n script.src = cartSdkUrl;\n script.setAttribute('data-partner-attribution-id', partnerAttributionId);\n head.appendChild(script);\n}\n\nfunction liveChatPositionStikyDownNewPDP() {\n $('.helpButton, #embeddedMessagingConversationButton').css({\n bottom: '16px',\n top: '',\n right: '16px'\n });\n if ($('.cc-pd.cc-pd-cta-anchored').length > 0) {\n $('.helpButton, #embeddedMessagingConversationButton').css({\n bottom: '60px',\n top: ''\n });\n }\n};\n\nfunction liveChatPositionStikyUpNewPDP() {\n var stikyHeight = $('.cc-pdp__info').height();\n if (window.isMobile) {\n $('.helpButton, #embeddedMessagingConversationButton').css({\n bottom: '192px',\n top: '',\n right: '16px'\n });\n } else if (window.isTablet) {\n $('.helpButton, #embeddedMessagingConversationButton').css({\n bottom: stikyHeight + 46,\n top: '',\n right: '30px'\n });\n } else {\n $('.helpButton, #embeddedMessagingConversationButton').css({\n bottom: stikyHeight + 46,\n top: '',\n right: '30px'\n });\n }\n};\n\nfunction stickyUp (scrolling) {\n stickyScrolling = true;\n var stickyPos = $(document).find('.cc-pdp__info').offset().top;\n $(document).find('header.js-header').addClass('cc-header-sticky');\n let headerHeight = $(document).find('header.js-header.cc-header-sticky').outerHeight();\n var finalPosition = stickyPos - headerHeight;\n $('.cc-pdp__wrp').css({ 'margin-top': -finalPosition + 'px' });\n setTimeout(() => {\n $(document).trigger('stickyup-finished');\n }, 500);\n $(document).find('.cc-pdp__info').addClass('cc-pdp__info--top');\n _stickyExpanded = true;\n stickyScrolling = false;\n $('html, body').css('overscroll-behavior', 'contain');\n // close open modals\n $('.cc-pdp__stickymobile .js-sticky-choice.cc-open').trigger('click');\n liveChatPositionStikyDownNewPDP();\n\n // analytics\n var pid = $('.product-detail').data('pid');\n $('body').trigger('analytics:dataLayerPushObj', {\n 'event': 'custom_event',\n 'eventCategory': 'Product Detail Box',\n 'eventAction': 'open',\n 'eventLabel': pid\n });\n return finalPosition;\n}\n\nfunction stickyCollapse () {\n _scrollDirection = null;\n $('.cc-pdp__wrp').css({ 'margin-top': '' });\n $('.js-product-recommendations').css('margin-top', '');\n $('.cc-pdp__info').removeClass('cc-pdp__info--top');\n $(document).scrollTop(0);\n setTimeout(() => {\n $(document).trigger('stickycollapse-finished');\n }, 500);\n $('body').addClass('cc-blocked');\n // hide resume if showing\n $('.cc-pdp__resume-mobile').removeClass('cc-pdp__resume-mobile--fixed');\n $('.js-header').removeClass('cc-header-sticky');\n $('body').css('overscroll-behavior', '');\n $('.cc-pdp__content-title').css('margin-top', '');\n\n // close open modals\n $('.cc-pdp__stickymobile .js-sticky-choice.cc-open').trigger('click');\n liveChatPositionStikyUpNewPDP();\n\n if (_stickyExpanded) {\n // analytics\n var pid = $('.product-detail').data('pid');\n $('body').trigger('analytics:dataLayerPushObj', {\n 'event': 'custom_event',\n 'eventCategory': 'Product Detail Box',\n 'eventAction': 'close',\n 'eventLabel': pid\n });\n }\n _stickyExpanded = false;\n}\n\nfunction imageListHeight () {\n let headerHeight = $('header.js-header').outerHeight();\n let stickyHeight = $('.cc-pdp__info__btn-top').outerHeight() + $('.cc-pdp__info__focus').outerHeight();\n let viewportHeight = window.innerHeight;\n if (window.isMobile) {\n var imageListHeight = viewportHeight - stickyHeight - headerHeight + 10;\n $('.cc-pdp__images .cc-pdp__image-list').css('height', imageListHeight + 'px');\n }\n}\n\nfunction setFocusOnFirstRelatives(){\n $(document).find('.js-pdp-variant-link.cc-standard-image').first().focus();\n}\n\n\nfunction makeAccessible(isOnLoading, element){\n \n // Customize the aria-label on the sticky banner. On page load, get the active varion and set the appropriate aria-label\n // On varion click (else), get the clicked element information and update the aria-label on the sticky banner button\n\n var selectedColorInSticky = $('.cc-content-thumb-color-sticky');\n if (isOnLoading){\n var selectedColor = $('.js-color-choice.cc-color-choice.cc-active');\n var accessibilityColorName = selectedColor.data('accessibility-value');\n var accessibilityColorValue = selectedColor.data('attr-value');\n var oldAriaLabel = selectedColorInSticky.attr('aria-label');\n var newAccessibleAriaLabel = oldAriaLabel + \" \" + accessibilityColorName + \" \" + accessibilityColorValue;\n } else {\n var accessibilityColorName = element.data('accessibility-value');\n var accessibilityColorValue = element.data('attr-value');\n var defaultAriaLabel = selectedColorInSticky.data('accessibility-value');\n var newAccessibleAriaLabel = defaultAriaLabel + \" \" + accessibilityColorName + \" \" + accessibilityColorValue;\n }\n \n selectedColorInSticky.attr('aria-label', newAccessibleAriaLabel);\n}\n\n$(document).ready(function () {\n processInclude(require('./components/clientSideValidation'));\n processInclude(require('./product/detailNew'));\n processInclude(require('./product/wishlist'));\n processInclude(require('./product/contactPdp'));\n processInclude(require('./components/socialList'));\n if (window.isMobile) {\n // add custom class to header\n $('.js-header').addClass('js-header-newpdp');\n // when reloading, do not use previous scroll position. Always start from the top.\n window.history.scrollRestoration = 'manual';\n window.addEventListener('beforeunload', () => window.scrollTo(0, 0));\n\n // block scrolling\n $('body').addClass('cc-blocked');\n // set heigth image list\n\n setTimeout(imageListHeight, 750);\n }\n\n // On page load, change the aria-label of the sticky to the selected color\n makeAccessible(true, null);\n\n // Everytime the users clicks a variation, update che aria-label of the sticky button\n $(\".js-make-accessible\").on(\"click\", function() {\n makeAccessible(false, $(this));\n });\n\n $(\".cc-pdp__accordion__btn\").on(\"keypress\", function(event) {\n if (event.key === \"Enter\") {\n // $(this) is the h2 tag\n const targetId = $(this).attr(\"aria-controls\"); \n const ariaExpandedValue = $(this).attr(\"aria-expanded\");\n \n // targetElement is the div under the h2\n const targetElement = document.getElementById(targetId); \n\n if(ariaExpandedValue === \"true\"){\n $(this).attr('aria-expanded', \"false\");\n $(this).addClass(\"collapsed\");\n targetElement.classList.remove('show');\n targetElement.classList.add('collapse');\n } else {\n $(this).attr('aria-expanded', \"true\");\n $(this).toggleClass(\"collapsed\");\n targetElement.classList.add('show');\n targetElement.classList.remove('collapse');\n }\n }\n });\n\n // Using Tab or Shift+Tab on SHIPPING AND RETURN section \n $(\".js-shipment\").on(\"keydown\", function(e) {\n if (e.key === \"Enter\") {\n \n const ariaExpandedValue = $(this).attr(\"aria-expanded\");\n if(ariaExpandedValue === \"true\"){\n var elementsWithClass = $('.js-handle-tabindex');\n elementsWithClass.each(function(index, element) {\n $(element).attr('tabindex', '-1');\n });\n } else {\n var elementsWithClass = $('.js-handle-tabindex');\n elementsWithClass.each(function(index, element) {\n $(element).attr('tabindex', '0');\n });\n }\n } else {\n if ($(window).width() >= 768) {\n e.preventDefault();\n // Set focus on PACKAGING
using Shift+Tab\n if (e.shiftKey && e.key === 'Tab') {\n $('[data-target=\"#pdpAccordion4\"]').focus();\n } else if (e.key === 'Tab') {\n // 1. Check if the section \"SHIPPING AND RETURNS\" is not expanded.\n var ariaExpanded = $(this).attr('aria-expanded');\n if (ariaExpanded === 'true') {\n // If true, set focus on the first js-handle-tabindex\n $('.js-handle-tabindex').first().focus();\n } else {\n // If closed, check if the sticky banner is visible\n if ($('.cc-sticky-add-to-cart.cc-open').length > 0) {\n $(document).find('.cc-content-thumb-color-sticky').focus(); // Set focus on Color\n } else {\n setFocusOnFirstRelatives();\n }\n }\n } \n }\n } \n });\n\n\n // Apply Javascript only on Desktop and Tablet devices\n if ($(window).width() >= 768) {\n\n // Handling focus from \"RETURN PROCEDURE PAGE\" link in \"SHIPPING AND RETURNS\". \n $('.js-handle-tabindex:eq(1)').on('keydown', function(e) {\n if (e.shiftKey && e.key === 'Tab'){\n e.preventDefault();\n $(document).find('.js-handle-tabindex:eq(0)').focus(); // Set focus on Size\n } else if (e.key === 'Tab') {\n e.preventDefault();\n if ($('.cc-sticky-add-to-cart.cc-clearfix.js-sticky-add-to-cart.cc-open').length > 0) {\n $(document).find('.cc-content-thumb-color-sticky').focus(); // Set focus on Color\n } else {\n setFocusOnFirstRelatives();\n }\n }\n });\n \n // If \"Color\" on focus and pressing Shift+Tab, return on SHIPPING AND RETURN
\n $(\".cc-content-thumb-color-sticky\").on(\"keydown, click\", function(e) {\n if (e.shiftKey && e.key === 'Tab') {\n e.preventDefault();\n $('[aria-controls=\"pdpAccordion6\"]').focus();\n }\n });\n\n // Handling ADD TO CART focus on Sticky Banner\n $('.js-change-focus-add-to-cart').on(\"keydown\", function(e) {\n if (e.shiftKey && e.key === 'Tab'){\n e.preventDefault();\n $(document).find('.cc-size-choice-button-sticky').focus(); // Set focus on Size\n } else if (e.key === 'Tab') {\n e.preventDefault();\n setFocusOnFirstRelatives();\n }\n });\n }\n\n\n \n // da aggiungere controllo su esistenza paypal\n var isIos = getMobileOS() === 'iOS';\n if (! isIos && (! isSafariBrowser() || window.isDesktop)) {\n var addToCartHeigth = $(document).find('.cc-addtocart-buttons .cc-pdp-add-button').height();\n if ($(document).find('.js-checkpaypal-enable').data('ppdisable') && window.paypal) {\n injectPaypalSDK();\n // resolve extraspace\n $(document).find('.cc-content-addtocart .paypal_pdp_button').css('height', addToCartHeigth + 'px');\n $('.js-paypal-fake').parents('.cc-content-button').removeClass('d-none');\n } else {\n var url = $(document).find('.js-checkpaypal-enable').data('urlgetpaypal');\n $.ajax({\n url: url,\n method: 'GET',\n success: function (data) {\n if (data.isPdpButtonEnabled) {\n injectAjaxPaypalSDK(data.cartSdkUrl, data.partnerAttributionId);\n // resolve extraspace\n $(document).find('.cc-content-addtocart .paypal_pdp_button').css('height', addToCartHeigth + 'px');\n $('.js-paypal-fake').parents('.cc-content-button').removeClass('d-none');\n }\n }\n });\n }\n }\n\n // fix applepay button\n if ($('.cc-apple-pay-pdp').is(':visible')) {\n $('.js-applepay-fake').parents('.cc-content-button').removeClass('d-none');\n if (! window.isDesktop) {\n $('.cc-pdp__add-to-cart .paypal_pdp_button').addClass('d-none');\n }\n }\n\n // initialize colors slider\n if ($('.cc-pdp .cc-content-colors-choice-sticky .cc-slider').length > 0) {\n if ($('.cc-pdp .cc-content-colors-choice-sticky .cc-slider .slick-slide').length === 0) {\n $('.cc-pdp .cc-content-colors-choice-sticky .cc-slider').each(function () {\n var slidesContainer = $(this);\n\n slidesContainer.slick({\n infinite: false,\n autoplay: false,\n focusOnSelect: true,\n centerMode: false,\n autoplaySpeed: 3000,\n speed: 500,\n slidesToScroll: 1,\n slidesToShow: 5,\n variableWidth: false,\n dots: false,\n arrow: true,\n prevArrow: '',\n nextArrow: '',\n responsive: [\n {\n breakpoint: 1199.98,\n settings: {\n slidesToShow: 12\n }\n },\n {\n breakpoint: 767.98,\n settings: {\n slidesToShow: 5\n }\n }\n ]\n });\n });\n }\n };\n if (!window.isMobile) {\n $(document).find('.js-remove-sticky').remove();\n }\n if (window.isMobile) {\n // keep track of scrolling direction\n $(document).on('touchstart', function (eventStart) {\n var startY = eventStart.touches[0].clientY;\n $(document).on('touchmove', _throttle(function (eventMove) {\n _userTouching = true;\n var moveY = eventMove.touches[0].clientY;\n if (moveY < startY) _scrollDirection = 'down';\n else if (moveY > startY) _scrollDirection = 'up';\n else _scrollDirection = null;\n startY = moveY;\n // _scrollDirection = moveY < startY ? 'down' : 'up';\n }, 100, { trailing: false, leading: true }));\n\n $(document).one('touchend', function() {\n _userTouching = false;\n });\n });\n\n // dont scroll sticky when scrolling size selector\n $(document).on('touchmove', '.js-selectSize', function(e) {\n e.stopPropagation();\n if (_stickyExpanded) {\n document.body.style.overflow = 'hidden';\n $('.cc-pdp__stickymobile').data('touched', true);\n }\n });\n\n $(document).on('click', '.cc-pdp__info__btn-top', function(e) {\n e.stopImmediatePropagation();\n if (!$('.cc-pdp__info').hasClass('cc-pdp__info--top')) {\n $('.cc-pdp__info__btn-top').attr('aria-expanded', 'true');\n stickyUp(false);\n } else {\n $('.cc-pdp__info__btn-top').attr('aria-expanded', 'false');\n stickyCollapse();\n }\n });\n\n // scroll event on last image\n $(document).on('touchmove', '.js-image-list', _throttle(function () {\n if (_scrollAnimation || _scrollDirection !== 'down') return;\n var imageListHeight = $(document).find('.js-image-list')[0].offsetHeight;\n var imageListScrollTop = $(document).find('.js-image-list')[0].scrollTop;\n var imageListScrollHeight = $(document).find('.js-image-list')[0].scrollHeight;\n if (imageListHeight + imageListScrollTop >= imageListScrollHeight -1) {\n _scrollAnimation = true;\n stickyUp(false);\n }\n }, 100));\n\n // disable touch events when overscrolling (safari < 16.0)\n $(document).on('scroll', function (){\n if (! _stickyExpanded) return;\n if (document.documentElement.scrollTop < 0) document.body.style.touchAction = 'none';\n else document.body.style.touchAction = '';\n });\n\n // collapse sticky when over-scrolling the sticky upwards\n $(document).on('touchstart', function(e) {\n if (_stickyExpanded) {\n if (document.documentElement.scrollTop < 10) {\n $('.cc-pdp__content-title').css('margin-top', '25px');\n document.documentElement.scrollTo(0, 10);\n $('.cc-pdp__stickymobile').data('touched', true);\n }\n\n $(document).on('touchmove.from-sticky-to-imgs', function() {\n if (_userTouching && _scrollDirection === 'up' && document.documentElement.scrollTop < 30) {\n document.body.style.overflow = 'hidden';\n document.body.style.touchAction = 'none';\n stickyCollapse();\n }\n });\n\n // disable on touchend\n $(document).one('touchend', ()=> {\n $(document).off('touchmove.from-sticky-to-imgs');\n document.body.style.overflow = '';\n document.body.style.touchAction = '';\n setTimeout(() => {\n $('.cc-pdp__stickymobile').removeData('touched');\n }, 1000);\n });\n }\n });\n\n // restore scrolling when sticky up finishes\n $(document).on('stickyup-finished', function () {\n $('body').removeClass('cc-blocked');\n _scrollAnimation = false;\n });\n\n // scroll down on minimized sticky\n $(document).on('touchmove', '.cc-pdp__info:not(.cc-pdp__info--top)', _throttle(function() {\n if (_scrollDirection === 'down' && !_scrollAnimation && !_stickyExpanded) {\n _scrollAnimation = true;\n stickyUp(false);\n }\n }, 100));\n\n // fix sticky when scrolling down\n var header = $('.js-header')[0];\n var sticky = $('.cc-pdp__info')[0];\n var stickyButtonHeight = $('.cc-pdp__info__btn-top').height();\n var stickyAddToCart = $('.cc-pdp__add-to-cart')[0];\n var resume = $('.cc-pdp__resume-mobile')[0];\n var resumeHeight = $(resume).height();\n liveChatPositionStikyUpNewPDP();\n\n $(document).on('scroll', _throttle(function (e) {\n var headerHeight = header.offsetHeight;\n var stickyTop = sticky.getBoundingClientRect().top;\n\n if (_stickyExpanded && stickyTop > header.offsetHeight) {\n // scrolling up to the images from sticky expanded\n // $(sticky).removeClass('cc-pdp__info--top');\n // hide resume if showing\n $(resume).removeClass('cc-pdp__resume-mobile--fixed');\n // _stickyExpanded = false;\n } else if (_stickyExpanded) {\n // hide or show resume\n var stickyAddToCartBottom = stickyAddToCart.getBoundingClientRect().bottom;\n\n if (_scrollDirection === 'down') {\n // show resume\n if (stickyAddToCartBottom <= headerHeight + stickyButtonHeight) {\n $(resume).addClass('cc-pdp__resume-mobile--fixed');\n }\n } else if (_scrollDirection === 'up') {\n // hide resume\n if (stickyAddToCartBottom >= headerHeight + stickyButtonHeight + resumeHeight) {\n $(resume).removeClass('cc-pdp__resume-mobile--fixed');\n }\n }\n }\n }, 50));\n\n $(document).on('click', '.js-newpdp-resume-addtocart, .js-paypal-fake, .js-applepay-fake', function(e) {\n var accessType = 'sticky-bar-top-micro';\n var buttonType;\n if ($(this).is('.js-paypal-fake')) buttonType = 'paypal';\n else if ($(this).is('.js-applepay-fake')) buttonType = 'applepay';\n $('#size-modal-sticky,#size-overlay').data('analyticsowner', buttonType);\n var $addToCartButton = $('.cc-pdp__add-to-cart .add-to-cart');\n if ($addToCartButton.data('disabled')) {\n _scrollDirection = null;\n // var finalPosition = stickyUp(false);\n var finalPosition = 0;\n $(document).scrollTop(finalPosition);\n $('.cc-pdp__resume-mobile').removeClass('cc-pdp__resume-mobile--fixed');\n var lastPosition = $(document).scrollTop();\n var interval = setInterval(() => {\n var currentPosition = $(document).scrollTop();\n if (currentPosition === finalPosition || currentPosition === lastPosition) {\n clearInterval(interval);\n // open size selector\n setTimeout(() => {\n if ($(this).is('.js-newpdp-resume-addtocart')) {\n $addToCartButton.trigger('click', {accessType});\n } else {\n $('.cc-pdp__stickymobile .js-sticky-choice').trigger('click', {accessType});\n }\n }, 100);\n } else {\n lastPosition = $(document).scrollTop();\n }\n }, 100);\n } else {\n // size already selected\n if ($(this).hasClass('js-newpdp-resume-addtocart')) {\n $addToCartButton.addClass('js-went-micro-button');\n }\n $addToCartButton.trigger('click', {accessType});\n }\n });\n\n $('body').on('product:afterAttributeSelect', function () {\n var $addToCartButton = $('.cc-pdp__add-to-cart .add-to-cart');\n if ($addToCartButton.data('disabled')) {\n $('.cc-pdp__resume-mobile').find('.js-paypal-fake, .js-applepay-fake').css('pointer-events', 'auto');\n $('.cc-pdp__resume-mobile').find('.cc-paypal-hidden, .cc-applepay-hidden').addClass('d-none');\n } else {\n $('.cc-pdp__resume-mobile').find('.js-paypal-fake, .js-applepay-fake').css('pointer-events', 'none');\n $('.cc-pdp__resume-mobile').find('.cc-paypal-hidden, .cc-applepay-hidden').removeClass('d-none');\n }\n });\n }\n});\n","'use strict';\nvar base = require('./base');\nconst Modal = require('../modalUtilities');\nvar accessFocus = require('../accessibilityFocus');\nvar openFromBuyButton = false;\nconst footerElement = document.getElementsByTagName('footer')[0];\nconst viewportHeight = document.documentElement.clientHeight;\nconst navigationCountry = $('.page').attr('data-navigation-country');\n\nif (navigationCountry === 'CN') {\n var TencentCaptcha = require('../common/tencentCaptcha');\n}\n\nvar MutationObserver = window.MutationObserver || window.WebKitMutationObserver;\n\nvar observer = new MutationObserver(function(mutations, observer) {\n for (var i = 0; i < mutations.length; i++) {\n if (mutations[i].target.className.toString().includes('helpButtonEnabled')) {\n if (window.isMobile) {\n var stickyHeight = $('.cc-sticky-add-to-cart').height();\n $('.helpButton, #embeddedMessagingConversationButton').css({\n bottom: $(document).find('.cc-pdp').length > 0 ? '192px' : stickyHeight + 24,\n right: '16px'\n });\n if ($('.cc-pd.cc-pd-cta-anchored').length > 0) {\n $('.helpButton, #embeddedMessagingConversationButton').css({\n bottom: '60px'\n });\n }\n }\n }\n }\n});\nobserver.observe(document, {\n subtree: true,\n attributes: true\n});\n\nconst manageApplePayButtonApperance = (response) => {\n if (response.product.readyToOrder) {\n var applePayButton = $('.js-apple-pay-btn', response.$productContainer);\n if (applePayButton.length !== 0) {\n applePayButton.attr('sku', response.product.id);\n }\n\n if ($('body').is('.cc-safari')) {\n $('.js-fake-apple-pay').addClass('hidden');\n $('.js-apple-pay').removeClass('hidden').css('display','block');\n }\n } else {\n $('.js-fake-apple-pay').removeClass('hidden');\n $('.js-apple-pay').addClass('hidden').css('display', '');\n }\n};\n\nfunction fixLayoutForModalOpen() {\n liveChatDisable();\n $('.cc-pdp__info').css('z-index', '10');\n}\n\nfunction setButtonAttribute() {\n $('.selectpicker').selectpicker();\n $('.selectpicker').each(function() {\n $(this).css({\n display: 'none'\n });\n var label;\n // set button id for label\n if (this.labels.length > 0) {\n label = this.labels[0].innerText;\n } else {\n label = $(this).closest('.cc-form-group').find('.cc-label').html();\n }\n var $button = $(this).siblings('button');\n // var selectID = $(this).attr('id') + '_btn';\n // var labelID = $(this).attr('id') + '_lbl';\n // $(this).attr('aria-hidden', 'true');\n // $button.attr('id', selectID);\n $button.attr('aria-label', label);\n // $button.attr('aria-labelledby', selectID + ' ' + labelID);\n $(this).selectpicker('refresh');\n // fix voice over\n $(this).parent().find('.dropdown-toggle').removeAttr('role');\n });\n}\n\nfunction fixLayoutForModalOpenSize() {\n $('.cc-pdp__info').css('z-index', '10');\n liveChatDisable();\n}\n\nfunction fixLayoutForModalClose() {\n $('.cc-pdp__info').css('z-index', '3');\n $('.js-size-sticky').removeClass('cc-open');\n var loggedCustomerEmail = $('.js-requestsize-email').data('islogged');\n var islogged = (loggedCustomerEmail !== null && loggedCustomerEmail !== 'undefined');\n if (!islogged) {\n clearForm($('.js-form-control-requestsize'));\n }\n uploadFormRequestSize();\n liveChatEnable();\n}\n\nfunction uploadFormRequestSize() {\n $('.js-form-control-requestsize').fadeIn();\n $('.js-success-page-requestSize').fadeOut();\n}\n\nfunction liveChatEnable() {\n $('.helpButton, #embeddedMessagingConversationButton').css({\n display: 'block',\n visibility: 'visible'\n });\n};\nfunction liveChatDisable() {\n $('.helpButton, #embeddedMessagingConversationButton').css({\n display: 'none',\n visibility: 'hidden'\n });\n}\n\nfunction liveChatPositionMove(top) {\n $('.helpButton, #embeddedMessagingConversationButton').each(function() {\n var topValue = top - $(this).height() - 15;\n var upperLimit = 100;\n $(this).css('top', topValue + 'px');\n if (topValue < upperLimit) {\n liveChatDisable();\n }\n });\n}\n\nfunction liveChatElement() {\n return $('.helpButton, #embeddedMessagingConversationButton').eq(0);\n}\n\nfunction liveChatPositionReset() {\n $('.helpButton, #embeddedMessagingConversationButton').each(function() {\n if (this.style.top) {\n $(this).css('top', '');\n\n if ($(this).is(':hidden')) {\n liveChatEnable();\n }\n }\n });\n}\n\nconst closeModal = (element) => {\n const modalTarget = element.dataset.target;\n $(modalTarget).removeClass('cc-open').off('click');\n $(element).removeClass('cc-pdp-background-overlay').removeClass('cc-open');\n liveChatEnable();\n};\n\nconst closeSizeChartModal = () => {\n // $('#size-chart-overlay').fadeOut();\n if (window.isMobile) {\n $('.cc-pdp__info').css('z-index', '3');\n $('.js-size-sticky').removeClass('cc-open');\n liveChatEnable();\n } else {\n var sticky = $('#js-open-from-sticky').val();\n if (sticky === 'true') {\n $('#size-modal-sticky').toggleClass('cc-open');\n $('.cc-pdp__info').css('z-index', '3');\n } else {\n $('body').addClass('cc-blocked');\n }\n }\n var loggedCustomerEmail = $('.js-requestsize-email').data('islogged');\n var islogged = (loggedCustomerEmail !== null && loggedCustomerEmail !== 'undefined');\n if (!islogged) {\n clearForm($('.js-form-control-requestsize'));\n }\n uploadFormRequestSize();\n};\nconst openSizeChartModal = () => {\n // $('#size-chart-overlay').show();\n if (window.isMobile) {\n var mod = $('#size-chart-overlay-mobile').find('.cc-size-guide-standard.cc-size-guide-component');\n var headerHeigth = 81;\n var totHeigth = headerHeigth;\n if ($('.cc-shipment-banner').length > 0) {\n var bannerParent = $('.cc-shipment-banner').parent('div');\n var bannerHeigth = bannerParent.height();\n totHeigth += bannerHeigth;\n }\n mod.css('padding-top', totHeigth + 'px');\n } else {\n var sticky = $('#js-open-from-sticky').val();\n if (sticky === 'true') {\n $('#size-modal-sticky').toggleClass('cc-open');\n }\n }\n $('.cc-pdp__info').css('z-index', '10');\n\n // analytics\n $(document).trigger('analytics:dataLayerPushObj', {\n event: 'sizeChart',\n eventCategory: 'Size Chart',\n eventAction: 'open'\n });\n};\n\nfunction clearForm(form) {\n $(form).find('.cc-input.cc-error').removeClass('cc-error');\n $(form).find('.cc-feedback-message').children('.cc-text-message').text('');\n $(form).find('.cc-input.js-requestsize-firstName').val('');\n $(form).find('.cc-input.js-requestsize-lastName').val('');\n $(form).find('.cc-input.js-requestsize-email').val('');\n $('.js-requestsize-title').selectpicker('val', '');\n\n $('.alert', form).remove();\n};\n\nfunction updateSizeListLook () {\n var sku = $(document).find('.js-product-single-look').data('sku');\n var color = $(document).find('.js-product-single-look').data('color');\n var url = $('.js-selectSize .js-sizeSelector-url').data('getsizeurl');\n if (!$('.js-upload-size').hasClass('js-upload-compleated')) {\n $.spinner().start();\n $.ajax({\n url: url,\n method: 'GET',\n data: {\n sku: sku,\n color: color\n },\n success: function (data) {\n for (var i = 0; i < data.checkSize.length; i++) {\n var el = data.checkSize[i];\n var $size = $(document).find('.js-checkSize-' + el.value);\n var $RequestSize = $(document).find('.js-checkRequestSize-' + el.value);\n if (el.selectable) {\n $size.removeClass('col-6').removeClass('col-md-8').addClass('col-12');\n $size.removeClass('cc-request-size');\n $size.removeAttr('disabled');\n $size.parent().removeClass('cc-request-size');\n if (el.isOnlyOneLeft) {\n $size.find('.js-limited-availability').removeClass('hidden');\n }\n $RequestSize.addClass('hidden');\n $RequestSize.parent().addClass('hidden');\n } else if (!el.selectable) {\n $size.attr('disabled');\n $size.addClass('col-6').addClass('col-md-8').removeClass('col-12');\n $size.addClass('cc-request-size');\n $size.parent().addClass('cc-request-size');\n $size.find('.js-limited-availability').addClass('hidden');\n if (!el.hideNotifyMeProduct) {\n $RequestSize.removeClass('hidden');\n $RequestSize.parent().removeClass('hidden');\n }\n } else if ($size.hasClass('col-12') && el.selectable) {\n el.isOnlyOneLeft ? $size.find('.js-limited-availability').removeClass('hidden') : $size.find('.js-limited-availability').addClass('hidden');\n }\n }\n $.spinner().stop();\n }\n });\n }\n $(document).find('.cc-size-list .cc-size-container').removeClass('cc-active');\n $(document).find('.cc-size-list button.cc-active').parent().addClass('cc-active');\n};\n\nfunction updateSizeList () {\n var sku = $('.product-detail').data('pid');\n var color = $('.js-color-choice.cc-active').data('attr-value');\n var url = $('.js-selectSize .js-sizeSelector-url').data('getsizeurl');\n if (!$('.js-upload-size').hasClass('js-upload-compleated')) {\n $.spinner().start();\n $.ajax({\n url: url,\n method: 'GET',\n data: {\n sku: sku,\n color: color\n },\n success: function (data) {\n for (var i = 0; i < data.checkSize.length; i++) {\n var el = data.checkSize[i];\n var $size = $('.js-checkSize-' + el.value);\n var $RequestSize = $('.js-checkRequestSize-' + el.value);\n if (el.selectable) {\n $size.removeClass('col-6').removeClass('col-md-8').addClass('col-12');\n $size.removeClass('cc-request-size');\n $size.removeAttr('disabled');\n $size.parent().removeClass('cc-request-size');\n if (el.isOnlyOneLeft) {\n $size.find('.js-limited-availability').removeClass('hidden');\n }\n $RequestSize.addClass('hidden');\n $RequestSize.parent().addClass('hidden');\n } else if (!el.selectable) {\n $size.attr('disabled');\n $size.addClass('col-6').addClass('col-md-8').removeClass('col-12');\n $size.addClass('cc-request-size');\n $size.parent().addClass('cc-request-size');\n $size.find('.js-limited-availability').addClass('hidden');\n if (!el.hideNotifyMeProduct) {\n $RequestSize.removeClass('hidden');\n $RequestSize.parent().removeClass('hidden');\n }\n } else if ($size.hasClass('col-12') && el.selectable) {\n el.isOnlyOneLeft ? $size.find('.js-limited-availability').removeClass('hidden') : $size.find('.js-limited-availability').addClass('hidden');\n }\n }\n $.spinner().stop();\n }\n });\n }\n $('.cc-size-list .cc-size-container').removeClass('cc-active');\n $('.cc-size-list button.cc-active').parent().addClass('cc-active');\n};\n\nfunction autoSelectForOneSize() {\n // automatically preselect size if product has only one size\n var numberofsizes = $('.js-size-container').data('numberofsizes');\n if (numberofsizes && parseInt(numberofsizes) === 1\n && $('.js-size-container') && $('.js-size-container').children() && $('.js-size-container').children().first()) {\n if ($('.js-size-container').children().first().is(':disabled')) {\n var sizeCode = $('.js-size-container').children().first().data('attr-value');\n $('#js-selected-size-to-find').val(sizeCode);\n } else {\n $('.js-size-container').children().first().trigger('click');\n }\n }\n};\n\n/* PDP Reccomendations Slider */\nfunction recommendationSlider () {\n var arialabelPrev = $('.cc-product-list.cc-slider').data('arialabelprev');\n var arialabelNext = $('.cc-product-list.cc-slider').data('arialabelnext');\n var arrowNext = $('.cc-product-list.cc-slider').data('arrowdx');\n var arrowPrev = $('.cc-product-list.cc-slider').data('arrowsx');\n if ($('.cc-product-list.cc-slider').length > 0) {\n if ($('.cc-product-list.cc-slider.slick-slide').length === 0) {\n $('.cc-product-list.cc-slider').each(function () {\n var slidesContainer = $(this);\n var slidesToShow = slidesContainer.data('items-row');\n\n slidesContainer.slick({\n accessibility: false,\n infinite: false,\n autoplay: false,\n focusOnSelect: false,\n centerMode: false,\n autoplaySpeed: 3000,\n speed: 500,\n slidesToScroll: 1,\n slidesToShow: slidesToShow,\n variableWidth: false,\n dots: false,\n dotsClass: 'slick-dots-line',\n appendDots: $('.js-product-list-slick-dots'),\n arrow: true,\n prevArrow: '',\n nextArrow: '',\n responsive: [\n {\n breakpoint: 1439.98,\n settings: {\n slidesToShow: 3,\n dots: true,\n arrow: false\n }\n },\n {\n breakpoint: 767.98,\n settings: {\n slidesToShow: 1,\n dots: false,\n arrow: true\n }\n }\n ]\n });\n });\n }\n }\n};\n\n// da chiamare dopo il caricamento\nfunction removeWishlistinRecommendation () {\n $('.cc-product-recommendations .cc-product-tile button.js-add-to-wishlist').remove();\n}\n\n\n// show success messagge for size requests\nfunction uploadSuccesPage($selector, data) {\n $selector.empty().html(data.succesPageHtml);\n};\n\nmodule.exports = {\n updatePrice: function () {\n var pid = $('.product-detail.cc-pdp').attr('data-pid');\n $(document).trigger('product:updatePrices', [pid]);\n },\n loadVideo: function () {\n let $videoContainer = $('.js-video-container');\n if ($videoContainer.length === 0) {\n return;\n }\n\n let url = $videoContainer.data('video-url');\n $.ajax({\n url: url,\n success: function (data) {\n $('.js-video-iframe').attr('src', data.videoURL);\n }\n });\n },\n zoomElement: function () {\n var zoomCounter = 0;\n $('body').on('click', '.js-zoom', function (e) {\n let imageToZoom = e.currentTarget;\n let fullResolution = imageToZoom.src;\n var sixeClass = window.width < 768 ? 'js-max' : 'js-min';\n let fullResolutionSrcSet = $(imageToZoom).closest('.cc-content-image').find('picture source.' + sixeClass)[0].srcset;\n let $zoomedImage = $('.js-zoom-modal img');\n $.spinner().start();\n $('.js-zoom-modal').removeClass('hidden').removeClass('cc-loaded');\n $zoomedImage.addClass('hidden');\n $zoomedImage.attr('src', fullResolution);\n $zoomedImage.attr('srcset', fullResolutionSrcSet);\n\n if (zoomCounter > 0) {\n $('.js-zoom-modal').removeClass('cc-loading').addClass('cc-loaded');\n $zoomedImage.removeClass('hidden');\n $('body').addClass('cc-blocked');\n } else {\n zoomCounter++;\n $zoomedImage.on('load', (e) => {\n $('.js-zoom-modal').addClass('cc-loaded');\n $.spinner().stop();\n $zoomedImage.removeClass('hidden');\n var outerContent = $('.js-zoom-modal');\n var innerContent = $('.js-zoom-modal img');\n $('body').addClass('cc-blocked');\n outerContent.scrollLeft((innerContent.width() - outerContent.width()) / 2);\n outerContent.scrollTop((innerContent.height() - outerContent.height()) / 2);\n });\n }\n });\n\n $('body').on('click', '.js-zoom-modal img', function (e) {\n $('.js-zoom-modal').addClass('hidden').removeClass('cc-loaded');\n $('body').removeClass('cc-blocked');\n });\n\n // Accessibility\n $('body').on('keypress', '.js-zoom', function (e) {\n if(e.key === \"Enter\") {\n let imageToZoom = e.currentTarget;\n let fullResolution = imageToZoom.src;\n var sixeClass = window.width < 768 ? 'js-max' : 'js-min';\n let fullResolutionSrcSet = $(imageToZoom).closest('.cc-content-image').find('picture source.' + sixeClass)[0].srcset;\n let $zoomedImage = $('.js-zoom-modal img');\n $.spinner().start();\n $('.js-zoom-modal').removeClass('hidden').removeClass('cc-loaded');\n $zoomedImage.addClass('hidden');\n $zoomedImage.attr('src', fullResolution);\n $zoomedImage.attr('srcset', fullResolutionSrcSet);\n if (zoomCounter > 0) {\n $('.js-zoom-modal').removeClass('cc-loading').addClass('cc-loaded');\n $zoomedImage.removeClass('hidden');\n $('body').addClass('cc-blocked');\n } else {\n zoomCounter++;\n $zoomedImage.on('load', (e) => {\n $('.js-zoom-modal').addClass('cc-loaded');\n $.spinner().stop();\n $zoomedImage.removeClass('hidden');\n var outerContent = $('.js-zoom-modal');\n var innerContent = $('.js-zoom-modal img');\n $('body').addClass('cc-blocked');\n outerContent.scrollLeft((innerContent.width() - outerContent.width()) / 2);\n outerContent.scrollTop((innerContent.height() - outerContent.height()) / 2);\n });\n }\n } else {\n $('.js-zoom-modal').addClass('hidden').removeClass('cc-loaded');\n $('body').removeClass('cc-blocked');\n }\n });\n\n $('body').on('focusout', '.js-zoom', function (e) {\n $('.js-zoom-modal').addClass('hidden').removeClass('cc-loaded');\n $('body').removeClass('cc-blocked');\n });\n },\n show3D: function () {\n $(document).on('click', '.js-show-product-3d', function() {\n var $wannaIframe = $('#wanna3dIframe');\n if (! $wannaIframe.attr('src')) {\n var isMobileOrTablet = window.isMobile || window.isTablet;\n var url = $wannaIframe.attr('data-src');\n url = url.replace('retrieve_viewmode', isMobileOrTablet ? 'mobile' : 'desktop');\n $wannaIframe.attr('src', url);\n }\n // show 3d modal\n $('.cc-pdp__3dView').removeClass('d-none');\n $('body').addClass('cc-blocked');\n\n // push history state\n var searchParams = new URLSearchParams(window.location.search);\n searchParams.set(\"view\", \"3dmodel\");\n var newURL = `${window.location.pathname}?${searchParams.toString()}`;\n history.pushState(undefined, '', newURL);\n\n // hide modal on history popstate\n $(window).one('popstate', function() {\n $('.cc-pdp__3dView').addClass('d-none');\n $('body').removeClass('cc-blocked');\n });\n\n var id = $('.product-detail').data('pid');\n $('body').trigger('analytics:dataLayerPushObj', {\n event: 'custom_event',\n eventCategory: '3D Preview',\n eventAction: 'open',\n eventLabel: id,\n accessType: 'pdp'\n });\n });\n },\n addToCart: function () {\n $('body').on('click', 'button.add-to-cart', function (e, extra) {\n e.stopPropagation();\n if ($('.add-to-cart').data('disabled')) {\n let isInSticky = !!$(e.currentTarget).closest('.js-sticky').length || window.isMobile;\n openFromBuyButton = true;\n if (isInSticky) {\n // Close all other modals opened sticky\n $('.js-sticky-choice').each((_idx, el) => {\n let $el = $(el);\n $el.removeClass('cc-open');\n $($el.data('target')).removeClass('cc-open');\n });\n // open size modal sticky\n const modalTarget = $('.js-size-sticky').data('target');\n $('.js-size-sticky').toggleClass('cc-open');\n $(modalTarget).toggleClass('cc-open');\n\n var pdpMobileExpanded = window.isMobile && $('.cc-pdp__info--top').length;\n var modalOffsetTop = $(modalTarget).offset().top;\n if (! pdpMobileExpanded) {\n liveChatPositionMove(modalOffsetTop);\n } else {\n var $liveChat = liveChatElement();\n if ($liveChat.length) {\n var liveChatBottom = $liveChat[0].getBoundingClientRect().bottom;\n var modalBottom = $(modalTarget)[0].getBoundingClientRect().bottom;\n if (liveChatBottom < modalBottom) {\n liveChatPositionMove(modalOffsetTop);\n }\n }\n }\n if (! window.isMobile) {\n liveChatDisable();\n }\n } else {\n let modalTarget = $('.js-size-modal').eq(0).data('target');\n let modal = new Modal(modalTarget, { onShow: fixLayoutForModalOpenSize, onClose: fixLayoutForModalClose });\n modal.open();\n $('body').one('product:afterAttributeSelect', () => {\n modal.close();\n });\n $('.js-check-availability').one('click', () => { modal.close(); });\n $('.js-close-requestSize').one('click', () => { modal.close(); });\n }\n if ($(e.currentTarget).hasClass('js-add-to-cart-sticky-look')) {\n updateSizeListLook();\n } else updateSizeList();\n\n var id = $('.product-detail').attr('data-skumaster');\n var color = $('.js-color-choice.cc-active').data('attr-value');\n\n // new analytics parameter: accessType\n if (extra && extra.accessType){\n var accessType = extra.accessType;\n $('#size-modal-sticky').data('accessType', accessType);\n } else {\n if ($('body:not(.cc-mobile)').length) {\n if ($(this).parents('.js-sticky-add-to-cart').length) {\n var accessType = 'pdp-sticky-bottom';\n } else {\n var accessType = 'pdp';\n }\n } else if ($('.cc-pdp__info--top').length) {\n var accessType = 'pdp-sticky-top-macro';\n } else {\n var accessType = 'pdp-sticky-bottom';\n }\n $('#size-modal-sticky').data('accessType', accessType);\n }\n var analyticsOwn = 'add to cart';\n $('#size-overlay').data('analyticsowner', analyticsOwn);\n $('body').trigger('analytics:dataLayerPushObj', {\n event: 'custom_event',\n eventCategory: 'Size Selector',\n eventAction: 'open',\n eventLabel: id + color, // pid concatenation PDP\n buttonType: analyticsOwn,\n accessType: accessType\n });\n } else {\n if ($(e.currentTarget).hasClass('js-add-to-cart-sticky-look')) {\n updateSizeListLook();\n } else updateSizeList();\n if (!$('.js-upload-size .cc-active .js-select-size').hasClass('cc-request-size')) {\n if ($(e.currentTarget).hasClass('js-add-to-cart-sticky-look')) {\n base.performAddToCartLook(this);\n } else base.performAddToCart(this);\n } else {\n let modalTarget = $('.js-size-modal').eq(0).data('target');\n let modal = new Modal(modalTarget, { onShow: fixLayoutForModalOpen, onClose: fixLayoutForModalClose });\n modal.open();\n $('body').one('product:afterAttributeSelect', () => {\n modal.close();\n });\n $('.js-check-availability').one('click', () => { modal.close(); });\n $('.js-close-requestSize').one('click', () => { modal.close(); });\n }\n }\n });\n },\n openSizeSelector: function () {\n const performOpenSizeSelector = (e) => {\n e.stopPropagation();\n let modalTarget = e.currentTarget.dataset.target;\n let modal = new Modal(modalTarget, { onShow: fixLayoutForModalOpenSize, onClose: fixLayoutForModalClose });\n\n updateSizeList();\n modal.open();\n $('body').one('product:afterAttributeSelect', () => {\n modal.close();\n });\n $('.js-check-availability').one('click', () => { modal.close(); });\n $('.js-close-requestSize').one('click', () => { modal.close(); });\n };\n // Open the size modal in PDP\n $('body').on('click', '.js-open-choice', (e, extra) => {\n openFromBuyButton = false;\n $('#4giftButtonSizeNotSelected').val('false');\n $('#payPalButtonSizeNotSelected').val('false');\n performOpenSizeSelector(e);\n\n var colorModal = e.currentTarget.classList.contains('js-open-color-choice');\n\n if (!colorModal) {\n var sku = $(e.currentTarget).closest('.product-detail').attr('data-skumaster');\n let color = $('.js-color-choice.cc-active').data('attr-value');\n var analyticsOwn = $('#size-overlay').data('analyticsowner'); // paypal insert value before open modal\n if (!analyticsOwn) {\n analyticsOwn = 'select size';\n $('#size-overlay').data('analyticsowner', analyticsOwn);\n }\n // new analytics parameter: accessType\n if ($('body:not(.cc-mobile)').length) {\n if ($(this).parents('.js-sticky-add-to-cart').length) {\n var accessType = 'pdp-sticky-bottom';\n } else {\n var accessType = 'pdp';\n }\n } else if ($('.cc-pdp__info--top').length) {\n var accessType = 'pdp-sticky-top-macro';\n } else {\n var accessType = 'pdp-sticky-bottom';\n }\n if (!$('#size-modal-sticky').data('accessType')) {\n $('#size-modal-sticky').data('accessType', accessType);\n }\n if (extra || $('#size-modal-sticky').data('accessType')) {\n accessType = extra? extra.accessType : $('#size-modal-sticky').data('accessType');\n }\n dataLayer.push({\n event: 'custom_event',\n eventCategory: 'Size Selector',\n eventAction: 'open',\n eventLabel: sku + color, // pid concatenation PDP\n buttonType: analyticsOwn,\n accessType: accessType\n });\n }\n });\n $('body').on('click', '.js-fake-apple-pay.js-desktop', (e) => {\n var id = $('.product-detail').attr('data-skumaster');\n var color = $('.js-color-choice.cc-active').data('attr-value');\n dataLayer.push({\n event: 'custom_event',\n eventCategory: 'Size Selector',\n eventAction: 'open',\n eventLabel: id + color, // pid concatenation PDP\n buttonType: 'applepay'\n });\n $('#size-overlay').data('analyticsowner', 'applepay');\n performOpenSizeSelector(e);\n });\n $('body').on('click', '.js-fake-apple-pay.js-mobile', (e) => {\n var id = $('.product-detail').attr('data-skumaster');\n var color = $('.js-color-choice.cc-active').data('attr-value');\n dataLayer.push({\n event: 'custom_event',\n eventCategory: 'Size Selector',\n eventAction: 'open',\n eventLabel: id + color, // pid concatenation PDP\n buttonType: 'applepay'\n });\n $('#size-overlay').data('analyticsowner', 'applepay');\n // open size modal sticky\n const modalTarget = $('.js-size-sticky').data('target');\n $('.js-size-sticky').toggleClass('cc-open');\n $(modalTarget).toggleClass('cc-open');\n e.stopPropagation();\n });\n $('.js-analytics-close-selectsize').on('click', function(e) {\n var id = $('.product-detail').attr('data-skumaster');\n var color = $('.js-color-choice.cc-active').data('attr-value');\n var analyticsOwn = $('#size-overlay').data('analyticsowner');\n dataLayer.push({\n event: 'custom_event',\n eventCategory: 'Size Selector',\n eventAction: 'close',\n eventLabel: id + color, // pid concatenation PDP\n buttonType: analyticsOwn\n });\n $('#size-overlay').removeData('analyticsowner');\n });\n },\n openStickySelector: function () {\n // Open the size modal in PDP\n $('body').on('click', '.js-sticky-choice', function (e, extra) {\n\n // Change aria-expanded of button color on click\n var button = $(this).find('.cc-content-thumb-color-sticky');\n var currentAriaExpanded = button.attr('aria-expanded');\n var newAriaExpanded = (currentAriaExpanded === 'true') ? 'false' : 'true';\n button.attr('aria-expanded', newAriaExpanded);\n\n openFromBuyButton = false;\n $('#4giftButtonSizeNotSelected').val('false');\n $('#payPalButtonSizeNotSelected').val('false');\n e.stopPropagation();\n let isCurrentModalOpen = $(e.currentTarget).hasClass('cc-open');\n if (! isCurrentModalOpen) {\n updateSizeList();\n }\n $('.js-sticky-choice').each((_idx, el) => {\n // Close all other modals opened\n let $el = $(el);\n $el.removeClass('cc-open');\n $($el.data('target')).removeClass('cc-open');\n liveChatEnable();\n });\n liveChatPositionReset();\n \n let isSizeBtn = $(e.currentTarget).hasClass('js-size-sticky');\n var sku = $(e.currentTarget).closest('.product-detail').attr('data-skumaster');\n let color = $('.js-color-choice.cc-active').data('attr-value');\n var analyticsOwn = $('#size-modal-sticky').data('analyticsowner') || $('#size-overlay').data('analyticsowner');\n // new analytics parameter: accessType\n if (extra && extra.accessType){\n var accessType = extra.accessType;\n $('#size-modal-sticky').data('accessType', accessType);\n } else if ($('#size-modal-sticky').data('accessType')){\n accessType = $('#size-modal-sticky').data('accessType');\n } else {\n if ($('body:not(.cc-mobile)').length) {\n if ($(this).parents('.js-sticky-add-to-cart').length) {\n var accessType = 'pdp-sticky-bottom';\n } else {\n var accessType = 'pdp';\n }\n } else if ($('.cc-pdp__info--top').length) {\n var accessType = 'pdp-sticky-top-macro';\n } else {\n var accessType = 'pdp-sticky-bottom';\n }\n $('#size-modal-sticky').data('accessType', accessType);\n }\n\n if (!isCurrentModalOpen) {\n // If the modal was not open before, close it. If the modal was open before, it means\n // we are closing it, but we did it in the each loop\n let $modal = $(e.currentTarget).toggleClass('cc-open').data('target');\n $($modal).toggleClass('cc-open');\n\n var pdpMobileExpanded = window.isMobile && $('.cc-pdp__info--top').length;\n var modalOffsetTop = $($modal).offset().top;\n if (! pdpMobileExpanded) {\n liveChatPositionMove(modalOffsetTop);\n } else {\n var $liveChat = liveChatElement();\n if ($liveChat.length) {\n var liveChatBottom = $liveChat[0].getBoundingClientRect().bottom;\n var modalBottom = $($modal)[0].getBoundingClientRect().bottom;\n if (liveChatBottom < modalBottom) {\n liveChatPositionMove(modalOffsetTop);\n }\n }\n }\n\n if (isSizeBtn) {\n if (!analyticsOwn || e.originalEvent !== undefined) {\n analyticsOwn = 'select size';\n $('#size-modal-sticky').data('analyticsowner', analyticsOwn);\n }\n dataLayer.push({\n event: 'custom_event',\n eventCategory: 'Size Selector',\n eventAction: 'open',\n eventLabel: sku + color, // pid concatenation PDP\n buttonType: analyticsOwn,\n accessType: accessType\n });\n }\n } else if (isSizeBtn) {\n dataLayer.push({\n event: 'custom_event',\n eventCategory: 'Size Selector',\n eventAction: 'close',\n eventLabel: sku + color, // pid concatenation PDP\n buttonType: analyticsOwn,\n accessType: accessType\n });\n $('#size-modal-sticky').removeData('analyticsowner');\n $('#size-overlay').removeData('analyticsowner');\n $('#size-modal-sticky').removeData('accessType');\n }\n });\n },\n openStickySelectorLook: function () {\n // Open the size modal in PDP\n $('body').on('click', '.js-sticky-choice-look', function (e) {\n openFromBuyButton = false;\n $('#4giftButtonSizeNotSelected').val('false');\n $('#payPalButtonSizeNotSelected').val('false');\n e.stopPropagation();\n updateSizeListLook();\n if ($('.product-detail .cc-content-colors-choice-sticky .cc-slider').length > 0) {\n if ($('.product-detail .cc-content-colors-choice-sticky .cc-slider .slick-slide').length === 0) {\n $('.product-detail .cc-content-colors-choice-sticky .cc-slider').each(function () {\n var slidesContainer = $(this);\n slidesContainer.slick({\n infinite: false,\n autoplay: false,\n focusOnSelect: true,\n centerMode: false,\n autoplaySpeed: 3000,\n speed: 500,\n slidesToScroll: 1,\n slidesToShow: 5,\n variableWidth: false,\n dots: false,\n arrow: true,\n prevArrow: '',\n nextArrow: '',\n responsive: [\n {\n breakpoint: 1199.98,\n settings: {\n slidesToShow: 12\n }\n },\n {\n breakpoint: 767.98,\n settings: {\n slidesToShow: 5\n }\n }\n ]\n });\n });\n }\n };\n let isCurrentModalOpen = $(e.currentTarget).hasClass('cc-open');\n $('.js-sticky-choice-look').each((_idx, el) => {\n // Close all other modals opened\n let $el = $(el);\n $el.removeClass('cc-open');\n $($el.data('target')).removeClass('cc-open');\n liveChatEnable();\n });\n let isSizeBtn = $(e.currentTarget).hasClass('js-size-sticky');\n var sku = $(e.currentTarget).closest('.js-product-single-look').attr('data-sku');\n var color = $(e.currentTarget).closest('.js-product-single-look').attr('data-color');\n if (!isCurrentModalOpen) {\n // If the modal was not open before, close it. If the modal was open before, it means\n // we are closing it, but we did it in the each loop\n let $modal = $(e.currentTarget).toggleClass('cc-open').data('target');\n $($modal).toggleClass('cc-open');\n if (isSizeBtn) {\n var analyticsOwn = 'select size';\n $('#size-modal-sticky').data('analyticsowner', analyticsOwn);\n dataLayer.push({\n event: 'custom_event',\n eventCategory: 'Size Selector',\n eventAction: 'open',\n eventLabel: sku + color, // pid concatenation PDP\n buttonType: analyticsOwn\n });\n }\n } else if (isSizeBtn) {\n var analyticsOwn = $('#size-modal-sticky').data('analyticsowner');\n dataLayer.push({\n event: 'custom_event',\n eventCategory: 'Size Selector',\n eventAction: 'close',\n eventLabel: sku + color, // pid concatenation PDP\n buttonType: analyticsOwn\n });\n $('#size-modal-sticky').removeData('analyticsowner');\n }\n });\n },\n updateAttributesAndDetails: function () {\n $('body').on('product:statusUpdate', function (e, data) {\n var $productContainer = $('.product-detail[data-pid=\"' + data.id + '\"]');\n if ($productContainer.length === 0) {\n $productContainer = $('.product-detail[data-pid=\"' + $('#idNumberSizeSelectedUrl').val() + '\"]');\n }\n $productContainer.find('.description-and-detail .product-attributes')\n .empty()\n .html(data.attributesHtml);\n // update request size modal after select product variation\n $productContainer.find('.js-productVariation-update')\n .empty()\n .html(data.requestSizeHtml);\n $('.cc-select.js-requestsize-size').selectpicker();\n $('.cc-select.js-requestsize-title').selectpicker();\n\n if (data.shortDescription) {\n $productContainer.find('.description-and-detail .description')\n .removeClass('hidden-xl-down');\n $productContainer.find('.description-and-detail .description .content')\n .empty()\n .html(data.shortDescription);\n } else {\n $productContainer.find('.description-and-detail .description')\n .addClass('hidden-xl-down');\n }\n\n if (data.longDescription) {\n $productContainer.find('.description-and-detail .details')\n .removeClass('hidden-xl-down');\n $productContainer.find('.description-and-detail .details .content')\n .empty()\n .html(data.longDescription);\n } else {\n $productContainer.find('.description-and-detail .details')\n .addClass('hidden-xl-down');\n }\n });\n },\n showSpinner: function () {\n $('body').on('product:beforeAddToCart product:beforeAttributeSelect', function () {\n $.spinner().start();\n });\n },\n updateAttribute: function () {\n $('body').on('product:afterAttributeSelect', function (e, response) {\n $('.product-detail').data('pid', response.data.product.id);\n $('.js-open-contact').data('sku', response.data.product.sku);\n var skuWColor = response.data.product.skuMaster;\n var colorAttr = response.data.product.variationAttributes[0].values;\n for (var i = 0; i < colorAttr.length; i++) {\n if (colorAttr[i].selected) {\n skuWColor += colorAttr[i].id;\n }\n }\n $('.js-find-in-store-button').attr('data-sku', skuWColor);\n $('.js-open-choice').toArray().forEach(closeModal);\n $('.js-sticky-choice').toArray().forEach(closeModal);\n liveChatPositionReset();\n\n // Close open modals\n if (openFromBuyButton) {\n var $addToCartButton = $('.cc-pdp__add-to-cart .add-to-cart');\n base.performAddToCart($addToCartButton);\n }\n if ($('#4giftButtonSizeNotSelected').val() === 'true') {\n $('body').trigger('product:afterAttributeSelect4gift');\n }\n\n // trigger wishlist update\n $('body').trigger('wishlist:productVariantChanged', { newPDP: true });\n\n if ($('.js-recommendationTemplate').length) {\n var url = $('#urlRecommendations').val();\n var queryString = window.location.search;\n var queryPid = queryString == '' ? '?pid=' : '&pid=';\n var completeUrl = url + queryString + queryPid + skuWColor;\n\n $.ajax({\n url: completeUrl,\n method: 'GET',\n success: function (data) {\n if (data) {\n $('.js-product-recommendations [id^=\"cq_recomm_slot\"]').remove();\n $('.js-recommendationTemplate').html(data).removeClass('d-none');\n $('.js-product-recommendations').removeClass('d-none');\n recommendationSlider();\n removeWishlistinRecommendation();\n\n document.querySelectorAll('iframe.lazyload').forEach(video => {\n let endPoint = $(video).eq(0).attr('data-video-url');\n if (!endPoint) {\n return;\n }\n if ($(video).hasClass('cloudinary')) {\n video.setAttribute('src', endPoint);\n } else {\n $.ajax({\n url: endPoint,\n method: 'GET',\n success: function(data) {\n $(video).attr('src', data.videoURL);\n }\n });\n }\n });\n }\n }\n });\n }\n });\n },\n updateAddToCart: function () {\n $('body').on('product:updateAddToCart', function (e, response) {\n // update local add to cart (for sets)\n $('button.add-to-cart', response.$productContainer).data('disabled',\n (!response.product.readyToOrder || !response.product.available));\n manageApplePayButtonApperance(response);\n });\n },\n closeSizeChart: function () {\n $(document).on('click', '.js-close-size-chart', function () {\n var sizeChartOverlayId;\n var sizeOverlay;\n var openedFromSticky = $('#js-open-from-sticky').val();\n if (window.isMobile) {\n sizeChartOverlayId = '#size-chart-overlay-mobile';\n sizeOverlay = '#size-modal-sticky';\n } else {\n sizeChartOverlayId = '#size-chart-overlay';\n sizeOverlay = '#size-overlay';\n }\n\n if (!window.mobile) {\n var modal = new Modal(sizeOverlay, { onShow: openSizeChartModal, onClose: closeSizeChartModal });\n modal.close();\n } else {\n var modal = new Modal(sizeOverlay, { onShow: fixLayoutForModalOpen, onClose: fixLayoutForModalClose });\n modal.open();\n $('.product-detail .cc-info-section').removeAttr('style');\n }\n });\n },\n initializeSize: function() {\n $(document).ready(function() {\n autoSelectForOneSize();\n });\n },\n addToCartAutomatic: function() {\n $(document).on('pdp:productDetailEventPushed', function () {\n var addToCartAutomatic = $('#addToCartAutomatic').val();\n if (addToCartAutomatic === 'true') {\n if (window.isMobile) {\n if (!$($('button.add-to-cart')[1]).data('disabled')) {\n $($('button.add-to-cart')[1]).attr('data-sticky', 'automatic');\n $($('button.add-to-cart')[1]).click();\n }\n } else {\n if (!$($('button.add-to-cart')[0]).data('disabled')) {\n $($('button.add-to-cart')[0]).attr('data-sticky', 'automatic');\n $($('button.add-to-cart')[0]).click();\n }\n }\n }\n });\n },\n positionStickyElement: function () {\n const closeAllOpenSubwindow = () => {\n var stickyTouched = $('.cc-pdp__stickymobile').data('touched');\n let $modals = $('.cc-sticky-add-to-cart, .cc-pdp__stickymobile').find('.js-sticky-choice').toArray();\n $modals.forEach((el) => {\n if (! $($(el).data('target')).not('#size-modal-sticky, #color-modal-sticky').length && !stickyTouched) {\n $(el).removeClass('cc-open');\n $($(el).data('target')).removeClass('cc-open');\n }\n });\n\n liveChatPositionReset();\n };\n let scrollTimer;\n $(document).on('scroll', function () {\n // Manage the fact that scroll events are extremely common: if another scroll event was registered less than 250\n // milliseconds before, we do not consider it\n if (scrollTimer) {\n clearTimeout(scrollTimer);\n }\n if ($('.js-sticky-add-to-cart').attr('data-recent-click')) {\n // prevent stickybar from instantly hiding when clicking on size or color buttons.\n return;\n }\n closeAllOpenSubwindow();\n let $sticky = $('.cc-sticky-add-to-cart').not('.js-sticky-add-to-cart-look');\n var visibleCheckElement = document.getElementsByClassName('visible-check');\n let isAddToCartVisible = false;\n if (visibleCheckElement.length > 0) {\n isAddToCartVisible = visibleCheckElement && visibleCheckElement[0].getBoundingClientRect().bottom > 0;\n }\n let isFooterVisible = document.getElementsByTagName('footer')[0].getBoundingClientRect().top < viewportHeight;\n let stickyCanAppear;\n let stickyIsOpen = $sticky.hasClass('cc-open');\n stickyCanAppear = !isAddToCartVisible && !isFooterVisible;\n var $liveChat = $('.helpButton, #embeddedMessagingConversationButton');\n if (stickyCanAppear && !stickyIsOpen) {\n scrollTimer = setTimeout(() => { \n $sticky.addClass('cc-open').removeClass('cc-close').css('display', '');\n var chatBottom = parseInt($liveChat.css('bottom'));\n var stickyHeight = 50;\n var stickyBottom = 40;\n $liveChat.css('bottom', stickyHeight + stickyBottom + chatBottom + 'px');\n \n }, 250);\n }\n if (!stickyCanAppear && stickyIsOpen) {\n // Set aria-expanded to false on the btn color selection when sticky bar disappear\n $('.cc-content-thumb-color-sticky').attr('aria-expanded', 'false');\n $sticky.removeClass('cc-open').addClass('cc-close').css('display', 'none'); \n $liveChat.css('bottom', '');\n }\n });\n\n const $stickyOverlay = $('.cc-size-choice-overlay-sticky');\n const $stickyColor = $('.cc-content-colors-choice-sticky');\n\n $(document).click(e => {\n if (!$stickyOverlay.is(e.target)\n && $stickyOverlay.has(e.target).length === 0\n && !$stickyColor.is(e.target) &&\n $stickyColor.has(e.target).length === 0) {\n if ($('.js-sticky-choice').hasClass('cc-open')) {\n liveChatEnable();\n }\n closeAllOpenSubwindow();\n }\n });\n },\n setIdForModalDialogattributes: function() {\n $(document).ready(function() {\n // set dialog id selectsticky\n var ariaDescribedBy = $('.cc-size-choice-overlay-sticky').attr('aria-describedby');\n var ariaLabelledby = $('.cc-size-choice-overlay-sticky').attr('aria-labelledby');\n $('.cc-size-choice-overlay-sticky .cc-head-title').attr('id', ariaLabelledby);\n $('.cc-size-choice-overlay-sticky .js-change-for-stiky').attr('id', ariaDescribedBy);\n // set dialog id whishlistMesage\n var $wishListMessage = $('.cc-pdp__content-attributes .cc-add-to-wishlist-message');\n var ariaDescribedByWish = $wishListMessage.attr('aria-describedby');\n var newAriaDescribedByWish = ariaDescribedByWish + '-Mobile';\n var ariaLabelledbyWish = $wishListMessage.attr('aria-labelledby');\n var newAriaLabelledbyWish = ariaLabelledbyWish + '-Mobile';\n $('.cc-pdp__content-attributes .cc-add-to-wishlist-message .cc-prod-title').attr('id', newAriaLabelledbyWish);\n $('.cc-pdp__content-attributes .cc-add-to-wishlist-message .js-wish-changeId-forMobile').attr('id', newAriaDescribedByWish);\n $wishListMessage.attr('aria-describedby', newAriaDescribedByWish);\n $wishListMessage.attr('aria-labelledby', newAriaLabelledbyWish);\n // set id for button selectsize stiky\n $('.cc-size-choice-overlay-sticky .js-open-size-chart').attr('id', 'size-chart-stiky');\n $('.cc-size-choice-overlay-sticky .js-open-helpWhitSize').attr('id', 'size-help-sticky');\n });\n },\n setNumberPageCarouselReccomandation: function() {\n $('.cc-product-recommendations .cc-slider').on('setPosition', function(event, slick) {\n var slideTosho = $('.cc-product-recommendations .cc-slider').data('items-row');\n if ($(window).width() < 1439.98) slideTosho = 3;\n if ($(window).width() < 767.98) slideTosho = 1;\n var currentSlide = slick.currentSlide + 1;\n var totalSlide = slick.slideCount - (slideTosho - 1);\n var arialabelPrev;\n if (currentSlide <= totalSlide && (currentSlide - 1) > 0) {\n arialabelPrev = $('.cc-product-list.cc-slider').data('arialabelprev').replace('{0}', currentSlide - 1).replace('{1}', totalSlide);\n } else {\n arialabelPrev = $('.cc-product-list.cc-slider').data('arialabelprev').replace('{0}', currentSlide).replace('{1}', totalSlide);\n }\n var arialabelNext;\n if ((currentSlide + 1) <= totalSlide) {\n arialabelNext = $('.cc-product-list.cc-slider').data('arialabelnext').replace('{0}', currentSlide + 1).replace('{1}', totalSlide);\n } else {\n arialabelNext = $('.cc-product-list.cc-slider').data('arialabelnext').replace('{0}', currentSlide).replace('{1}', totalSlide);\n }\n $('.cc-product-recommendations .cc-slider-prev').attr('aria-label', arialabelPrev);\n $('.cc-product-recommendations .cc-slider-next').attr('aria-label', arialabelNext);\n // set tabindex -1 if product isn't show, and 0 if is show\n $('.slick-slide').each(function() {\n $(this).attr('aria-hidden') === 'true' ? $(this).attr('tabindex', '-1') : $(this).attr('tabindex', '0');\n });\n });\n },\n loadRecommendations: function () {\n $(document).ready(function () {\n if ($('.js-recommendationTemplate:not(.js-do-not-load)').length) {\n if ($('.cc-product-detail--shop-look').length === 0) {\n var url = $('#urlRecommendations').val();\n var pid = $('.product-detail').data('pid');\n var queryString = window.location.search;\n var queryPid = queryString == '' ? '?pid=' : '&pid=';\n var completeUrl = url + queryString + queryPid + pid;\n $.ajax({\n url: completeUrl,\n method: 'GET',\n success: function (data) {\n if (data) {\n $('.js-recommendationTemplate').html(data);\n $('.js-product-recommendations').removeClass('d-none');\n recommendationSlider();\n removeWishlistinRecommendation();\n // handle iframes with no lazysizes library\n document.querySelectorAll('iframe.lazyload').forEach(video => {\n let endPoint = $(video).eq(0).attr('data-video-url');\n if (!endPoint) {\n return;\n }\n if ($(video).hasClass('cloudinary')) {\n video.setAttribute('src', endPoint);\n } else {\n $.ajax({\n url: endPoint,\n method: 'GET',\n success: function(data) {\n $(video).attr('src', data.videoURL);\n }\n });\n }\n });\n }\n }\n });\n }\n }\n });\n },\n openRequestSizeFromPlp: function () {\n $(document).ready(function () {\n var size = $('.js-open-requestsize-from-plp').data('requestsize');\n if (size !== null && (size !== undefined) && (size !== 'undefined')) {\n $('.cc-size-choice-overlay-sticky').find('.js-check-availability').each(function() {\n if ($(this).data('size') === size) {\n $(this).click();\n return false;\n }\n });\n }\n });\n },\n openRequestSize: function () {\n $(document).on('click', '.js-check-availability', function (e) {\n var urlGetParameter = $(this).data('parameter');\n var strokeClose = $(e.currentTarget).data('strokeclose');\n var arrow = $(e.currentTarget).data('arrowback');\n var size = $(e.currentTarget).data('size');\n var ecomSize = this.dataset.sizehtml;\n var sku = $('.product-detail').data('pid');\n var color = $('.js-color-choice.cc-active').data('attr-value');\n const ajaxData = {\n size: size,\n ecomSize: ecomSize,\n sku: sku,\n color: color\n }\n var target = this.dataset.target;\n var overlay;\n if (window.isMobile) {\n target = target + '-mob';\n overlay = '#js-requestSize-product-overlay-mob';\n } else {\n target = target + '-desk';\n overlay = '#js-requestSize-product-overlay-desk';\n }\n let m = new Modal(target, { onShow: fixLayoutForModalOpen, onClose: fixLayoutForModalClose });\n var $stickyModal = $(this).closest('.cc-size-choice-overlay-sticky');\n if ($stickyModal.length > 0) {\n $stickyModal.removeClass('cc-open');\n $stickyModal.siblings('.cc-size-choice-button-sticky.js-size-sticky.js-sticky-choice').removeClass('cc-open');\n }\n \n if (navigationCountry === 'CN' && !TencentCaptcha.isAlreadyLoaded()) {\n ajaxData['loadTencentCaptcha'] = true;\n }\n $.spinner().start();\n $.ajax({\n url: urlGetParameter,\n method: 'POST',\n data: ajaxData,\n success: function (data) {\n $(overlay).html(data);\n $.spinner().stop();\n setButtonAttribute();\n m.open();\n if (window.isMobile) {\n $('.cc-requestsize-only-mobile .js-change-icon').attr('xlink:href', strokeClose);\n }\n $('#request-size-overlay-desk .js-back-selectsize').one('click', () => {\n m.close();\n $('.js-back-selectsize').children().attr('xlink:href', arrow);\n });\n $('#request-size-overlay-mob .js-back-selectsize').one('click', () => {\n $(m.modal).removeClass('cc-open');\n $(m.modal).addClass('hidden').attr('aria-hidden', 'true');\n m._open = false;\n m._previouslyFocussedElement.focus();\n if (m._config.onClose) {\n m._config.onClose();\n }\n $('body').removeClass('cc-blocked');\n document.removeEventListener('keydown', this._onKeyDown);\n });\n $('button[data-id=\"request-size-title\"]').attr({\n 'aria-required': 'true',\n 'aria-describedby': 'form-selecttitle-error'\n });\n\n var $grecaptcha = $(overlay + ' .js-captcha-form.lazyloading');\n if ($grecaptcha.length) {\n document.body.dispatchEvent(new CustomEvent('grecaptcha-load', {detail: $grecaptcha}));\n }\n }\n });\n });\n },\n submitRequestSize: function () {\n $(document).on('click', '.js-requestsize-button', function () {\n const readyToSubmit = $.Deferred();\n var url = $('.js-requestsize-button').data('action');\n var form = $($('.js-form-control-requestsize')[0]);\n var size = form.find('.js-requestsize-size :selected').text().trim();\n var productID = $('.js-product-id').val().trim() + $('.js-color-selected').val().trim();\n var label = productID + ' - ' + size;\n form.find('[name=ecomSize]').val(size);\n var checkHoneyPot = $('.contact_me_if_spam').val();\n var isSpam = checkHoneyPot.length > 0;\n\n if (navigationCountry === 'CN') {\n // initialize tencent captcha\n var $tencentCaptchaEl = $('.js-tencent-captcha-container', form);\n TencentCaptcha.initialize($tencentCaptchaEl, readyToSubmit);\n } else {\n readyToSubmit.resolve();\n }\n\n if (!isSpam) {\n readyToSubmit.done(function() {\n form.spinner().start();\n $.ajax({\n url: url,\n method: 'POST',\n data: form.serialize(),\n success: function (data) {\n form.spinner().stop();\n $('.js-form-control-requestsize').fadeOut();\n $('.js-success-page-requestSize').fadeIn();\n uploadSuccesPage($('.js-success-page-requestSize'), data);\n // analytics\n if (data.response.success === true) {\n dataLayer.push({\n event: 'requestSize',\n eventCategory: 'Request Size',\n eventAction: 'submit_ok',\n eventLabel: label\n });\n } else {\n dataLayer.push({\n event: 'requestSize',\n eventCategory: 'Request Size',\n eventAction: 'submit_fail',\n eventLabel: label\n });\n }\n // END\n },\n error: function (data) {\n // analytics\n dataLayer.push({\n event: 'requestSize',\n eventCategory: 'Request Size',\n eventAction: 'submit_fail',\n eventLabel: label\n });\n // END\n form.spinner().stop();\n $('.js-form-control-requestsize').fadeOut();\n $('.js-success-page-requestSize').fadeIn();\n uploadSuccesPage($('.js-success-page-requestSize'), data.responseJSON);\n }\n });\n });\n }\n });\n },\n // sizes help chart\n sizeChart: function () {\n $('body').on('click', '.js-open-size-chart', function (e) {\n e.preventDefault();\n var buttonPressed = $(this);\n var url = buttonPressed.data('href');\n var buttonID = this.id;\n $('.cc-size-chart-overlay-container').css('content-visibility', 'visible');\n if (buttonID === 'size-chart-stiky' && !window.isMobile) {\n $('#js-open-from-sticky').val(true);\n } else {\n $('#js-open-from-sticky').val(false);\n }\n\n if (window.isMobile) {\n var $prodSizeChart = $('#js-size-chart-content-mobile');\n var modalTarget = buttonPressed.data('target-mobile');\n } else {\n var $prodSizeChart = $('#js-size-chart-content');\n var modalTarget = buttonPressed.data('target');\n }\n if ($prodSizeChart.is(':empty')) {\n $.ajax({\n url: url,\n type: 'get',\n dataType: 'text',\n success: function (data) {\n $prodSizeChart.html(data);\n if (window.isMobile) {\n $('.js-open-choice').toArray().forEach(closeModal);\n }\n e.stopPropagation();\n\n var modal = new Modal(modalTarget, { onShow: openSizeChartModal, onClose: closeSizeChartModal });\n modal.open();\n }\n });\n } else {\n var modal = new Modal(modalTarget, { onShow: openSizeChartModal, onClose: closeSizeChartModal });\n modal.open();\n }\n });\n },\n\n // share button\n share: function () {\n $(document).on('click', '.cc-pdp .js-newpdp-openshare', function (e) {\n $('.cc-pdp__actions-desktop .cc-share-overlay').fadeIn();\n $(this).addClass('cc-share-background-overlay');\n accessFocus.focusOnFirstElement('.cc-share-overlay');\n accessFocus.focuseOnModal('.cc-share-overlay', '.cc-share-button-share', '.cc-share-overlay');\n e.stopPropagation();\n });\n\n $(document).on('click', '.cc-pdp .js-newpdp-openshare-mobile', function (e) {\n $('.js-whatsapp-link').attr('href', function() { this.href = this.href.replace('https://wa.me/?text=', 'whatsapp://send?text='); });\n $('body').css('overflow', 'hidden');\n $('.cc-mobile-content-share').css('display', 'block');\n $('.cc-sticky-add-to-cart').css('display', 'none');\n\n var heightSocialHead = 75;\n var top;\n var headerHeight = $('header').height();\n var heightPage = $(window).height();\n if (heightPage < 550) {\n top = headerHeight + heightSocialHead;\n } else {\n var heightSocialListLink = $('.cc-mobile-content-share .cc-social-link-mobile').height();\n var heightSocialListUl = $('.cc-mobile-content-share .cc-social-list-ul').height();\n var heightSocialList = heightSocialListUl + heightSocialListLink;\n top = heightPage - heightSocialList - heightSocialHead;\n }\n $('.cc-mobile-content-share').css('top', top);\n $(this).addClass('cc-share-background-overlay');\n e.stopPropagation();\n liveChatDisable();\n });\n\n // close share section mobile\n $(document).on('click', '.cc-pdp .cc-mobile-content-share .cc-mobile-close-share-button', function (e) {\n $('.cc-mobile-content-share').css('display', 'none');\n $('.cc-sticky-add-to-cart').css('display', 'block');\n $('.cc-pdp .js-newpdp-openshare-mobile').removeClass('cc-share-background-overlay');\n var copyLink = $('.js-link-label').data('copy');\n $('.js-link-label').find('.js-social-text').text(copyLink);\n $('body').css('overflow', 'visible');\n e.stopPropagation();\n liveChatEnable();\n });\n\n // close share section desktop\n $(document).on('click', '.cc-pdp .cc-close-overlay-share-button', function (e) {\n $(this).closest('.cc-share-overlay').fadeOut();\n $('.cc-pdp .js-newpdp-openshare').removeClass('cc-share-background-overlay');\n var copyLink = $('.js-link-label').data('copy');\n $('.js-link-label').find('.js-social-text').text(copyLink);\n e.stopPropagation();\n // Accesibility, move focus back on Share btn\n $(\".cc-open-shareSection\").focus();\n });\n },\n\n fixStickybarHidingOnClick: function () {\n // fix stickybar hiding when clicking on color or size selector\n $('.js-sticky-add-to-cart').on('click', function (e) {\n var now = Date.now().toString();\n $(this).attr('data-recent-click', now);\n let $sticky = $('.cc-sticky-add-to-cart').not('.js-sticky-add-to-cart-look');\n var visibleCheckElement = document.getElementsByClassName('visible-check');\n let isAddToCartVisible = false;\n if (visibleCheckElement.length > 0) {\n isAddToCartVisible = visibleCheckElement && visibleCheckElement[0].getBoundingClientRect().bottom > 0;\n }\n let isFooterVisible = footerElement.getBoundingClientRect().top < viewportHeight;\n let stickyCanAppear;\n let stickyIsOpen = $sticky.hasClass('cc-open');\n stickyCanAppear = !isAddToCartVisible && !isFooterVisible;\n setTimeout(() => {\n if ($(this).attr('data-recent-click') === now) {\n $(this).attr('data-recent-click', '');\n }\n // check if the stickybar's position is still valid\n if (stickyCanAppear && !stickyIsOpen) {\n // close all open subwindows\n let $modals = $('.cc-sticky-add-to-cart').find('.js-sticky-choice').toArray();\n $modals.forEach((el) => {\n $(el).removeClass('cc-open');\n $($(el).data('target')).removeClass('cc-open');\n });\n // hide stickybar\n let $sticky = $('.cc-sticky-add-to-cart').not('.js-sticky-add-to-cart-look');\n $sticky.removeClass('cc-open').addClass('cc-close');\n }\n }, 1000);\n });\n },\n\n // go to detail\n analyticsGoToDetail: function () {\n var pid = $(document).find('.cc-pdp').data('pid');\n $(document).on('click', '.js-goto-detail', function () {\n dataLayer.push({\n event: 'custom_event',\n eventCategory: 'More detail Anchor',\n eventAction: 'pdp',\n eventLabel: pid\n });\n });\n }\n};\n","'use strict';\n\nmodule.exports = function (include) {\n if (typeof include === 'function') {\n include();\n } else if (typeof include === 'object') {\n Object.keys(include).forEach(function (key) {\n if (typeof include[key] === 'function') {\n include[key]();\n }\n });\n }\n};\n","'use strict';\n\nmodule.exports = function () {\n\n \n$(document).on('click', '.js-social-analytics-link, .js-social-analytics a', function (e) {\n e.preventDefault();\n\n var socialNetwork = $(this).data('id');\n var socialAction = '';\n var socialBaseLink = $(this).data('analytics');\n\n switch (socialNetwork) {\n case 'email':\n socialAction = 'mail';\n break;\n\n case 'pinterest':\n socialAction = 'pin';\n break;\n\n default:\n socialAction = 'share';\n break;\n }\n\n var socialTarget = socialBaseLink.substring((socialBaseLink.substring(8, socialBaseLink.length).indexOf('/') + 8), socialBaseLink.length);\n\n if($(this).parents('.js-general-overlay-wishlist').length) {\n // analytics\n dataLayer.push({\n 'event': 'custom_event',\n 'eventCategory': 'Wish List',\n 'eventAction': 'share',\n 'eventLabel': socialNetwork\n });\n } else {\n // analytics\n dataLayer.push({\n 'event': 'social',\n 'socialNetwork': socialNetwork,\n 'socialAction': socialAction,\n 'socialTarget': socialTarget\n });\n }\n});\n\n$(document).ready(function () {\n if ($('.js-social-share-lazyloading').length){\n\n const observer = new MutationObserver(() => {\n // first time cc-share-overlay will be opened, zxing plugin will be added to the img\n if (!$('.js-social-share-lazyloaded').length){\n var container = $('.js-social-share-lazyloading');\n var url = container.data('url');\n var target = container.children('img');\n target.attr(\"src\", url);\n container.addClass('js-social-share-lazyloaded');\n container.removeClass('js-social-share-lazyloading');\n }\n });\n\n observer.observe(document.querySelector('.cc-share-overlay'), {\n attributes: true,\n attributeFilter: ['style']\n });\n\n observer.observe(document.querySelector('.cc-mobile-content-share'), {\n attributes: true,\n attributeFilter: ['style']\n });\n\n observer.observe(document.querySelector('.cc-share-content'), {\n attributes: true,\n attributeFilter: ['style']\n });\n }\n});\n\n};\n","var freeGlobal = require('./_freeGlobal');\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\nmodule.exports = root;\n","var root = require('./_root');\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\nmodule.exports = Symbol;\n","'use strict';\n\nconst FOCUSABLE = 'button:not(:disabled):not([aria-hidden=\"true\"]),a[href]';\n\nmodule.exports = class Modal {\n constructor (element, config, custom={}) {\n this.modal = element;\n this._onKeyDown = this._onKeyDownFn.bind(this);\n this._open = false;\n this._previouslyFocussedElement = null;\n this._config = Object.assign({ onShow: null, onClose: null }, config);\n this.custom = custom;\n }\n\n _trapFocus (event) {\n let focusableNodes = $(this.modal).find(FOCUSABLE).toArray().filter((n) => { return n.offsetParent; });\n const focusedItemIndex = focusableNodes.indexOf(document.activeElement);\n if (event.shiftKey && focusedItemIndex === 0) {\n focusableNodes[focusableNodes.length - 1].focus();\n event.preventDefault();\n }\n if (!event.shiftKey && focusableNodes.length > 0 && focusedItemIndex === focusableNodes.length - 1) {\n focusableNodes[0].focus();\n event.preventDefault();\n }\n };\n\n _onKeyDownFn(event) {\n if (event.keyCode === 27) { // ESC\n this.close();\n } else if (event.keyCode === 9) { // TAB\n this._trapFocus(event);\n }\n };\n\n _registerEvents() {\n const closeEvt = (e) => {\n e.stopPropagation();\n this.close();\n };\n $(this.modal).one('click', '.js-close', closeEvt.bind(this));\n document.addEventListener('keydown', this._onKeyDown);\n }\n\n open() {\n this._previouslyFocussedElement = document.activeElement;\n let $modal = $(this.modal);\n $('body').addClass('cc-blocked');\n $modal.removeClass('hidden').attr('aria-hidden', 'false');\n const focusFirstElementInModal = () => {\n let focusableNodes = $modal.find(FOCUSABLE).toArray().filter((n) => { return n.offsetParent; });\n focusableNodes[0].focus();\n };\n\n this._registerEvents();\n // We add the class in another frame in order to have the animation\n let t = this;\n setTimeout(function() {\n $modal.addClass('cc-open');\n focusFirstElementInModal();\n if (t._config.onShow) {\n t._config.onShow.apply(null, t.arguments);\n }\n }, 0);\n\n this._open = true;\n }\n\n close() {\n if (!this._open) {\n return;\n }\n if (this._previouslyFocussedElement) {\n let $modal = $(this.modal);\n $modal.removeClass('cc-open');\n $modal.one('transitionend', () => {\n if (! $modal.hasClass('cc-open')) {\n $modal.addClass('hidden').attr('aria-hidden', 'true');\n this._open = false;\n if (! $(this._previouslyFocussedElement).is('iframe')) {\n this._previouslyFocussedElement.focus();\n }\n }\n });\n if (this._config.onClose) {\n this._config.onClose.apply(null, arguments);\n }\n $('body').removeClass('cc-blocked');\n document.removeEventListener('keydown', this._onKeyDown);\n }\n }\n\n isOpen() {\n return this._open;\n }\n};\n","var isObject = require('./isObject'),\n now = require('./now'),\n toNumber = require('./toNumber');\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n nativeMin = Math.min;\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n timeWaiting = wait - timeSinceLastCall;\n\n return maxing\n ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)\n : timeWaiting;\n }\n\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n }\n\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n\n function trailingEdge(time) {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n clearTimeout(timerId);\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\n\nmodule.exports = debounce;\n","var root = require('./_root');\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n * console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n return root.Date.now();\n};\n\nmodule.exports = now;\n","/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\nmodule.exports = freeGlobal;\n","var baseTrim = require('./_baseTrim'),\n isObject = require('./isObject'),\n isSymbol = require('./isSymbol');\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n if (isSymbol(value)) {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n value = isObject(other) ? (other + '') : other;\n }\n if (typeof value != 'string') {\n return value === 0 ? value : +value;\n }\n value = baseTrim(value);\n var isBinary = reIsBinary.test(value);\n return (isBinary || reIsOctal.test(value))\n ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = toNumber;\n","var trimmedEndIndex = require('./_trimmedEndIndex');\n\n/** Used to match leading whitespace. */\nvar reTrimStart = /^\\s+/;\n\n/**\n * The base implementation of `_.trim`.\n *\n * @private\n * @param {string} string The string to trim.\n * @returns {string} Returns the trimmed string.\n */\nfunction baseTrim(string) {\n return string\n ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')\n : string;\n}\n\nmodule.exports = baseTrim;\n","/** Used to match a single whitespace character. */\nvar reWhitespace = /\\s/;\n\n/**\n * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace\n * character of `string`.\n *\n * @private\n * @param {string} string The string to inspect.\n * @returns {number} Returns the index of the last non-whitespace character.\n */\nfunction trimmedEndIndex(string) {\n var index = string.length;\n\n while (index-- && reWhitespace.test(string.charAt(index))) {}\n return index;\n}\n\nmodule.exports = trimmedEndIndex;\n","var baseGetTag = require('./_baseGetTag'),\n isObjectLike = require('./isObjectLike');\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n return typeof value == 'symbol' ||\n (isObjectLike(value) && baseGetTag(value) == symbolTag);\n}\n\nmodule.exports = isSymbol;\n","var Symbol = require('./_Symbol'),\n getRawTag = require('./_getRawTag'),\n objectToString = require('./_objectToString');\n\n/** `Object#toString` result references. */\nvar nullTag = '[object Null]',\n undefinedTag = '[object Undefined]';\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * The base implementation of `getTag` without fallbacks for buggy environments.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nfunction baseGetTag(value) {\n if (value == null) {\n return value === undefined ? undefinedTag : nullTag;\n }\n return (symToStringTag && symToStringTag in Object(value))\n ? getRawTag(value)\n : objectToString(value);\n}\n\nmodule.exports = baseGetTag;\n","var Symbol = require('./_Symbol');\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the raw `toStringTag`.\n */\nfunction getRawTag(value) {\n var isOwn = hasOwnProperty.call(value, symToStringTag),\n tag = value[symToStringTag];\n\n try {\n value[symToStringTag] = undefined;\n var unmasked = true;\n } catch (e) {}\n\n var result = nativeObjectToString.call(value);\n if (unmasked) {\n if (isOwn) {\n value[symToStringTag] = tag;\n } else {\n delete value[symToStringTag];\n }\n }\n return result;\n}\n\nmodule.exports = getRawTag;\n","/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/**\n * Converts `value` to a string using `Object.prototype.toString`.\n *\n * @private\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n */\nfunction objectToString(value) {\n return nativeObjectToString.call(value);\n}\n\nmodule.exports = objectToString;\n","/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n return value != null && typeof value == 'object';\n}\n\nmodule.exports = isObjectLike;\n","var debounce = require('./debounce'),\n isObject = require('./isObject');\n\n/** Error message constants. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/**\n * Creates a throttled function that only invokes `func` at most once per\n * every `wait` milliseconds. The throttled function comes with a `cancel`\n * method to cancel delayed `func` invocations and a `flush` method to\n * immediately invoke them. Provide `options` to indicate whether `func`\n * should be invoked on the leading and/or trailing edge of the `wait`\n * timeout. The `func` is invoked with the last arguments provided to the\n * throttled function. Subsequent calls to the throttled function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the throttled function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.throttle` and `_.debounce`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to throttle.\n * @param {number} [wait=0] The number of milliseconds to throttle invocations to.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=true]\n * Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new throttled function.\n * @example\n *\n * // Avoid excessively updating the position while scrolling.\n * jQuery(window).on('scroll', _.throttle(updatePosition, 100));\n *\n * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.\n * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });\n * jQuery(element).on('click', throttled);\n *\n * // Cancel the trailing throttled invocation.\n * jQuery(window).on('popstate', throttled.cancel);\n */\nfunction throttle(func, wait, options) {\n var leading = true,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n if (isObject(options)) {\n leading = 'leading' in options ? !!options.leading : leading;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n return debounce(func, wait, {\n 'leading': leading,\n 'maxWait': wait,\n 'trailing': trailing\n });\n}\n\nmodule.exports = throttle;\n","'use strict';\nconst Modal = require('../modalUtilities');\nconst navigationCountry = $('.page').attr('data-navigation-country');\n\nif (navigationCountry === 'CN') {\n var TencentCaptcha = require('../common/tencentCaptcha');\n}\n\nfunction updateSuccessPage($selector, data) {\n $selector.empty().html(data.succesPageHtml);\n};\nfunction updateListOfStores(data) {\n $('#findStoreStoreSelect').empty().html(data.listOfStoresHtml);\n};\nfunction liveChatEnable() {\n $('.helpButton, #embeddedMessagingConversationButton').css({\n display: 'block',\n visibility: 'visible'\n });\n};\nfunction liveChatDisable() {\n $('.helpButton, #embeddedMessagingConversationButton').css({\n display: 'none',\n visibility: 'hidden'\n });\n}\n\nfunction setButtonAttribute() {\n $('.selectpicker').selectpicker();\n $('.selectpicker').each(function() {\n $(this).css({\n display: 'none'\n });\n var label;\n // set button id for label\n if (this.labels.length > 0) {\n label = this.labels[0].innerText;\n } else {\n label = $(this).closest('.cc-form-group').find('.cc-label').html();\n }\n var $button = $(this).siblings('button');\n // var selectID = $(this).attr('id') + '_btn';\n // var labelID = $(this).attr('id') + '_lbl';\n // $(this).attr('aria-hidden', 'true');\n // $button.attr('id', selectID);\n var $dropdown = $button.siblings('.dropdown-menu').children('.inner');\n $dropdown.attr('aria-label', label);\n $button.attr('aria-label', label);\n $button.attr('role', 'combobox').attr('aria-activedescendant', '');\n $(this).selectpicker('refresh');\n // fix voice over\n $(this).parent().find('.dropdown-toggle').attr('tabindex', '0');\n });\n $('.dropdown-menu .inner').removeAttr('aria-activedescendant');\n\n var targets = $('button.dropdown-toggle').siblings('.dropdown-menu').children('.inner').removeAttr('aria-activedescendant').get();\n if (targets) {\n // create an observer instance\n targets.forEach(function(target) {\n var observer = new MutationObserver(function(mutations) {\n if (mutations.length) {\n $(target).removeAttr('aria-activedescendant');\n // disconnect `observer`\n // this.disconnect();\n }\n });\n var config = {\n attributes: true\n };\n\n // pass in the target node, as well as the observer options\n observer.observe(target, config);\n });\n };\n \n // accessibility: fix focus issues with the dropdown select\n $(document).on('keydown', '#js-helpWithSize-modal', (e)=>{\n if (e.key !== 'Tab') return;\n var $select = $('.selectpicker');\n var $dropdown = $('.dropdown-toggle');\n if ($select.attr('tabindex') === $dropdown.attr('tabindex')) {\n $select.attr('tabindex', '0');\n }\n });\n}\n\nfunction fixLayoutForModalOpen() {\n liveChatDisable();\n $('.cc-product-detail .cc-info-section .cc-info-container, .cc-pdp__info').css('z-index', '10');\n}\n\nfunction fixLayoutForModalClose() {\n $('.cc-product-detail .cc-info-section .cc-info-container, .cc-pdp__info').css('z-index', '3');\n liveChatEnable();\n}\n\nfunction fixLayoutForModalBoutiqueOverlayClose() {\n $('.cc-product-detail .cc-info-section .cc-info-container, .cc-pdp__info').css('z-index', '10');\n}\n\nmodule.exports = {\n openContactUsModal: function() {\n $(document).on('click', '.js-open-contact', function() {\n var m = new Modal('#js-contact-modal', { onShow: fixLayoutForModalOpen, onClose: fixLayoutForModalClose });\n var url = $('.js-open-contact').data('urlcontact');\n\n let ajaxData = { page: 'PDP-requestInfo' };\n\n if (navigationCountry === 'CN' && !TencentCaptcha.isAlreadyLoaded()) {\n ajaxData['loadTencentCaptcha'] = true;\n }\n\n $.ajax({\n url: url,\n method: 'POST',\n data: ajaxData,\n success: function (data) {\n $('#js-contactUs-product-overlay').html(data);\n setButtonAttribute();\n $('#genderSelect option').each(function() {\n if ($(this).prop('selected') === true && !$(this).hasClass('bs-title-option')) {\n $('#genderSelect').siblings().find('.filter-option-inner-inner').css('color', '#262626');\n }\n });\n $('#contactSku').val($('.js-open-contact').data('sku'));\n var $grecaptcha = $('#js-contact-modal .js-captcha-form.lazyloading');\n if ($grecaptcha.length) {\n document.body.dispatchEvent(new CustomEvent('grecaptcha-load', {detail: $grecaptcha}));\n }\n m.open();\n }\n });\n });\n },\n\n submitContactUsModal: function() {\n $(document).on('click', '#submitContactUs', function() {\n var url = $('.js-contactus-action').data('action');\n var form = $('#infoProduct');\n var productID = $('#contactSku').val();\n var information = $('#infocategory').val();\n const readyToSubmit = $.Deferred();\n\n if (navigationCountry === 'CN') {\n // initialize tencent captcha\n var $tencentCaptchaEl = $('.js-tencent-captcha-container', form);\n TencentCaptcha.initialize($tencentCaptchaEl, readyToSubmit);\n } else {\n readyToSubmit.resolve();\n }\n\n readyToSubmit.done(function() {\n form.spinner().start();\n $.ajax({\n url: url,\n method: 'POST',\n data: form.serialize(),\n success: function (data) {\n if (data.success) {\n // analytics\n dataLayer.push({\n event: 'contactUs',\n eventCategory: 'Contact Us - PDP',\n eventAction: 'submit_ok',\n eventLabel: 'product - ' + information,\n dimension23: productID,\n dimension24: ''\n });\n } else {\n dataLayer.push({\n event: 'contactUs',\n eventCategory: 'Contact Us - PDP',\n eventAction: 'submit_fail',\n eventLabel: 'product - ' + information,\n dimension23: productID,\n dimension24: ''\n });\n }\n form.spinner().stop();\n updateSuccessPage($('#infoProduct'), data);\n // END\n },\n error: function (data) {\n form.spinner().stop();\n updateSuccessPage($('#infoProduct'), data.responseJSON);\n // analytics\n dataLayer.push({\n event: 'contactUs',\n eventCategory: 'Contact Us - PDP',\n eventAction: 'submit_fail',\n eventLabel: 'product - ' + information,\n dimension23: productID,\n dimension24: ''\n });\n // END\n }\n });\n });\n });\n },\n openFindInStoreModal: function() {\n let modalTarget = '#size-boutique-overlay';\n let modal = new Modal(modalTarget, { onShow: fixLayoutForModalOpen, onClose: fixLayoutForModalClose });\n $(document).on('click', '.js-open-findInBoutique', function() {\n var skuMaster = $(this).data('skumaster');\n var color = $(document).find('.js-color-choice.cc-active').data('attr-value');\n var sizeText = $('#js-size-text-selected').hasClass('hidden') ? null : $('#js-size-text-selected').text();\n var label = sizeText !== null ? skuMaster + color + ' - ' + sizeText : skuMaster + color; // pid concatenation PDP\n if (sizeText !== null) {\n var preselectSize = $(document).find('#size-overlay .cc-size-list .js-select-size.cc-active').data('attr-value');\n $('#js-selected-size-to-find').val(preselectSize);\n }\n var selectedSize = $('#js-selected-size-to-find').val();\n if (selectedSize !== '') {\n $('.js-select-size-to-find').parent('.js-size-container').removeClass('cc-active');\n var sizes = $('.js-select-size-to-find');\n for (var i = 0; i < sizes.length; i++) {\n if (sizes[i].dataset.attrValue === selectedSize) {\n sizes[i].parentElement.classList.add('cc-active');\n }\n }\n $('.js-find-in-store-button').click();\n } else {\n modal.open();\n }\n if (!$('.js-size-not-selected').hasClass('d-none')) {\n $('.js-size-not-selected').addClass('d-none');\n }\n $('body').trigger('analytics:dataLayerPushObj', {\n event: 'custom_event',\n eventCategory: 'Find in Store',\n eventAction: 'Open Layer',\n eventLabel: label\n });\n });\n\n $(document).on('click', '.js-close-boutique-size', function() {\n modal.close();\n\n });\n },\n\n selectSizeFindInStore: function() {\n $(document).on('click', '.js-select-size-to-find', function() {\n var selectedSize = $(this).data('attr-value');\n $('#js-selected-size-to-find').val(selectedSize);\n $('.js-select-size-to-find').parent('.js-size-container').removeClass('cc-active');\n $(this).parent('.js-size-container').addClass('cc-active');\n if(!$('.js-size-not-selected').hasClass('d-none')) {\n $('.js-size-not-selected').addClass('d-none');\n }\n $('.js-find-in-store-button').click();\n });\n },\n\n searchFindInStore: function() {\n let modalTarget = '#show-boutiques-overlay';\n $(document).on('click', '.js-find-in-store-button', function() {\n if (!$('#size-boutique-overlay').hasClass('cc-open')) {\n var modalClose = fixLayoutForModalClose;\n } else {\n modalClose = fixLayoutForModalBoutiqueOverlayClose;\n }\n let modal = new Modal(modalTarget, { onShow: fixLayoutForModalOpen, onClose: modalClose });\n var selectedSize = $('#js-selected-size-to-find').val();\n if (selectedSize == '') {\n $('.js-size-not-selected').removeClass('d-none');\n } else {\n var skuMaster = $('.js-find-in-store-button').attr('data-skumaster');\n var color = $(document).find('.js-color-choice.cc-active').data('attr-value');\n var sizeText = $('#size-boutique-overlay .js-size-container.cc-active').find('.js-size-value').text();\n var selectedCountry = false;\n if ($('#js-selected-country-for-search').val() != '') {\n selectedCountry = $('#js-selected-country-for-search').val();\n }\n var sku = skuMaster + color + selectedSize; // pid concatenation PDP\n var label = skuMaster + color + ' - ' + sizeText;\n var url = $(this).data('url');\n $.spinner().start();\n $.ajax({\n url: url,\n method: 'POST',\n data: {\n sku: sku,\n selectedCountry: selectedCountry\n },\n success: function (data) {\n $('#js-show-boutique-overlay').html(data);\n setButtonAttribute();\n $('#js-boutique-country option').each(function() {\n if ($(this).prop('selected') === true && !$(this).hasClass('bs-title-option')) {\n $('#js-boutique-country').siblings().find('.filter-option-inner-inner').css('color', '#262626');\n }\n });\n modal.open();\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n $('body').trigger('analytics:dataLayerPushObj', {\n event: 'custom_event',\n eventCategory: 'Find in Store',\n eventAction: 'Size Selected',\n eventLabel: label\n });\n }\n $('body').on('click', '.js-close-show-boutiques', function(e) {\n e.preventDefault();\n modal.close();\n });\n });\n\n $(document).on('change', '#js-boutique-country', function() {\n $.spinner().start();\n var countryCode = $('#js-boutique-country').val();\n $('#js-selected-country-for-search').val(countryCode);\n // var url = $('#js-boutique-country').data('url');\n // var sku = $('.js-find-in-store-button').attr('data-sku');\n var skuMaster = $('.js-find-in-store-button').attr('data-skumaster');\n var color = $(document).find('.js-color-choice.cc-active').data('attr-value');\n var sku = skuMaster + color; // pid concatenation PDP\n var selectedSize = $('#js-selected-size-to-find').val();\n var sizeText = $('#size-boutique-overlay .js-size-container.cc-active').find('.js-size-value').text();\n var label = sku + ' - ' + sizeText;\n sku = sku + selectedSize;\n var url = $(this).data('url');\n $.ajax({\n url: url,\n method: 'POST',\n data: {\n sku: sku,\n selectedCountry: countryCode\n },\n success: function (data) {\n $('#js-show-boutique-overlay').html(data);\n setButtonAttribute();\n $('#js-boutique-country option').each(function() {\n if ($(this).prop('selected') === true && !$(this).hasClass('bs-title-option')) {\n $('#js-boutique-country').siblings().find('.filter-option-inner-inner').css('color', '#262626');\n }\n });\n $('#js-boutique-country').selectpicker('refresh');\n dataLayer.push({\n event: 'custom_event',\n eventCategory: 'Find in Store',\n eventAction: 'Change Country',\n eventLabel: label\n });\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n\n },\n\n analyticsCallStore: function () {\n $(document).on('click', '.js-analytics-callStore', function() {\n var productId = $(this).data('analyticsku');\n var filterSize = $(this).data('analyticsize');\n var boutiqueId = $(this).data('analyticsbtqid');\n var boutiqueName = $(this).data('analyticsbtqname');\n var label = productId + ' - ' + filterSize;\n var boutique = boutiqueName + ' - ' + boutiqueId;\n dataLayer.push({\n event: 'custom_event',\n eventCategory: 'Find in Store',\n eventAction: 'Call',\n eventLabel: label,\n boutiqueName: boutique\n });\n });\n },\n\n analyticsBookAppointment: function () {\n $(document).on('click', '.js-analytics-bookAppointment-PDP', function() {\n var productId = $(this).data('analyticsku');\n var filterSize = $(this).data('analyticsize');\n var boutiqueId = $(this).data('analyticsbtqid');\n var boutiqueName = $(this).data('analyticsbtqname');\n var label = productId + ' - ' + filterSize;\n var boutique = boutiqueName + ' - ' + boutiqueId;\n dataLayer.push({\n event: 'custom_event',\n eventCategory: 'Find in Store',\n eventAction: 'Boutique Appointment',\n eventLabel: label,\n boutiqueName: boutique\n });\n dataLayer.push({\n event: 'custom_event',\n eventCategory: 'exclusive-service',\n eventAction: 'find-in-boutique',\n eventLabel: document.location.href,\n boutiqueName: boutique\n });\n });\n },\n\n updateListOfStores: function() {\n $(document).on('change', '#findStoreCountrySelect', function() {\n var url = $('#findStoreStoreSelect').data('liststores');\n var countryCode = $('#findStoreCountrySelect').val();\n $.spinner().start();\n $.ajax({\n url: url,\n method: 'GET',\n data: {\n countryCode: countryCode,\n page: 'PDP-FindInStore'\n },\n success: function (data) {\n $.spinner().stop();\n updateListOfStores(data);\n setButtonAttribute();\n $('.js-select-listOfStores').fadeIn();\n }\n });\n });\n },\n filterListOfStores: function() {\n $(document).on('change', '#filterBoutiqueFind', function() {\n if ($('#filterBoutiqueFind').prop('checked')) {\n $('.js-boutique-no-availability').attr(\"style\", \"display: none !important\");\n } else $('.js-boutique-no-availability').attr(\"style\", \"display: block\");\n });\n },\n submitFindInStoreModal: function() {\n $(document).on('click', '#submitFindInStore', function() {\n var url = $('.js-contactus-action').data('action');\n var form = $('#findInStore');\n var productID = $('#findStoreSku').val();\n var selectedNation = $('#findStoreCountrySelect :selected').text();\n var selectedBoutique = $('#findStoreStoreSelect').val();\n selectedBoutique = selectedNation + '-' + selectedBoutique.replace(/ /g, '-');\n form.spinner().start();\n $.ajax({\n url: url,\n method: 'POST',\n data: form.serialize(),\n success: function (data) {\n if (data.success) {\n // analytics\n dataLayer.push({\n event: 'contactUs',\n eventCategory: 'Contact Us - PDP',\n eventAction: 'submit_ok',\n eventLabel: 'product - storesavailability',\n dimension23: productID,\n dimension24: selectedBoutique\n });\n } else {\n dataLayer.push({\n event: 'contactUs',\n eventCategory: 'Contact Us - PDP',\n eventAction: 'submit_fail',\n eventLabel: 'product - storesavailability',\n dimension23: productID,\n dimension24: selectedBoutique\n });\n }\n form.spinner().stop();\n updateSuccessPage($('#findInStore'), data);\n },\n error: function (data) {\n // analytics\n dataLayer.push({\n event: 'contactUs',\n eventCategory: 'Contact Us - PDP',\n eventAction: 'submit_fail',\n eventLabel: 'product - storesavailability',\n dimension23: productID,\n dimension24: selectedBoutique\n });\n // END\n }\n });\n });\n },\n openHelpWithSizeModal: function() {\n $(document).on('click', '.js-open-helpWhitSize', function() {\n var url = $(this).data('action');\n var sticky = false;\n if (this.id === 'size-help-sticky') {\n sticky = true;\n }\n \n let m;\n if (sticky) {\n m = new Modal('#js-helpWithSize-modal', { onShow: fixLayoutForModalOpen, onClose: fixLayoutForModalClose });\n } else {\n // In this case, in the onClose callback we do not remove the z-index, as the\n // modal was opened from inside another modal\n m = new Modal('#js-helpWithSize-modal', { onShow: fixLayoutForModalOpen, onClose: liveChatEnable });\n }\n\n let ajaxData = { page: 'PDP-HelpWithSize' };\n\n if (navigationCountry === 'CN' && !TencentCaptcha.isAlreadyLoaded()) {\n ajaxData['loadTencentCaptcha'] = true;\n }\n\n $.spinner().start();\n $.ajax({\n url: url,\n method: 'POST',\n data: ajaxData,\n success: function (data) {\n $.spinner().stop();\n $('#js-helpWithSize-product-overlay').html(data);\n $('#helpWithSizeContactSku').val($('.js-open-contact').data('sku'));\n setButtonAttribute();\n $('#helpWithSizeGenderSelect option').each(function() {\n if ($(this).prop('selected') === true && !$(this).hasClass('bs-title-option')) {\n $('#helpWithSizeGenderSelect').siblings().find('.filter-option-inner-inner').css('color', '#262626');\n }\n });\n $('button[data-id=\"helpWithSizeGenderSelect\"]').attr({\n 'aria-required': 'true',\n 'aria-describedby': 'form-selectgender-error'\n });\n var $grecaptcha = $('#js-helpWithSize-product-overlay .js-captcha-form.lazyloading');\n if ($grecaptcha.length) {\n document.body.dispatchEvent(new CustomEvent('grecaptcha-load', {detail: $grecaptcha}));\n }\n m.open();\n },\n error: function(){\n $.spinner().stop();\n }\n });\n });\n },\n\n submitHelpWithSizeModal: function() {\n $(document).on('click', '#helpWithSize-submit', function() {\n var url = $('.js-contactus-action').data('action');\n var form = $('#helpWithSize-form');\n var productID = $('#helpWithSizeContactSku').val();\n var checkHoneyPot = $('.contact_me_if_spam').val();\n var isSpam = checkHoneyPot.length > 0 ? true : false;\n if (!isSpam) {\n const readyToSubmit = $.Deferred();\n if (navigationCountry === 'CN') {\n // initialize tencent captcha\n var $tencentCaptchaEl = $('.js-tencent-captcha-container', form);\n TencentCaptcha.initialize($tencentCaptchaEl, readyToSubmit);\n } else {\n readyToSubmit.resolve();\n }\n\n readyToSubmit.done(function() {\n form.spinner().start();\n $.ajax({\n url: url,\n method: 'POST',\n data: form.serialize(),\n success: function (data) {\n if (data.success) {\n // analytics\n dataLayer.push({\n event: 'contactUs',\n eventCategory: 'Contact Us - PDP',\n eventAction: 'submit_ok',\n eventLabel: 'product - size',\n dimension23: productID,\n dimension24: ''\n });\n } else {\n dataLayer.push({\n event: 'contactUs',\n eventCategory: 'Contact Us - PDP',\n eventAction: 'submit_fail',\n eventLabel: 'product - size',\n dimension23: productID,\n dimension24: ''\n });\n }\n form.spinner().stop();\n updateSuccessPage($('#helpWithSize-form'), data);\n },\n error: function (data) {\n form.spinner().stop();\n updateSuccessPage($('#helpWithSize-form'), data.responseJSON);\n dataLayer.push({\n event: 'contactUs',\n eventCategory: 'Contact Us - PDP',\n eventAction: 'submit_fail',\n eventLabel: 'product - size',\n dimension23: productID,\n dimension24: ''\n });\n }\n });\n });\n }\n });\n }\n};\n","var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n","'use strict';\nvar Modal = require('../modalUtilities');\n\n/**\n * appends params to a url\n * @param {string} data - data returned from the server's ajax call\n * @param {Object} button - button that was clicked to add a product to the wishlist\n */\nfunction displayMessage(data, button) {\n const statusSuccessClass = 'alert-success';\n const statusErrorClass = 'alert-danger';\n var status;\n if (data.success) {\n status = statusSuccessClass;\n } else {\n status = statusErrorClass;\n }\n\n var messageModalDiv = '.js-wishlist-color-id-'.concat(data.colorId);\n $(messageModalDiv).find('.js-add-to-wishlist-message')\n .removeClass(statusSuccessClass).removeClass(statusErrorClass)\n .addClass(status).html(data.msg);\n\n let modalTarget = $(messageModalDiv);\n let modal = new Modal(modalTarget);\n $('.cc-add-to-wishlist-background').show();\n $(messageModalDiv).show();\n modal.open();\n\n setTimeout(function () {\n $('.js-close-add-to-wishlist-message').trigger('click');\n }, 2000);\n}\n\n/**\n * fills or empties the PDP heart icon\n * @param {boolean} fill - true for filled the heart, false for empty heart\n */\nfunction updateHeartIcon(fill) {\n var $heart = $('.js-add-to-wishlist');\n if (fill) {\n $heart.find('.stroke').addClass('cc-hide').css('display', 'none');\n $heart.find('.fill').removeClass('cc-hide').css('display', '');\n } else {\n // empty heart\n $heart.find('.fill').addClass('cc-hide').css('display', 'none');\n $heart.find('.stroke').removeClass('cc-hide').css('display', '');\n }\n}\n/**\n * gets the pid for the selected:\n * - variation product (a variant with a color and a size)\n * - variation group (a variant with only a color)\n * - not the variation master (product without color and size)\n * @returns the pid of the selected variation product/group.\n */\nfunction getSelectedVariantPid() {\n var pid;\n var selectedSize = $('.js-select-size.cc-active').data('attr-value');\n if (selectedSize) {\n // use pid of the selected size and color variation\n if ($('.cc-product-detail').length){\n pid = $('.cc-product-detail').data('pid');\n } else {\n pid = $('.product-detail').data('pid');\n }\n } else {\n // calculate pid for the selected color variation (without size)\n var skuMaster = $('#skuMaster').val();\n var colorVariation = $('.js-color-choice.cc-active').attr('data-attr-value');\n pid = skuMaster + colorVariation; // pid concatenation wishlist\n }\n return pid;\n}\n\nmodule.exports = {\n addToWishlist: function () {\n $(document).on('click', '.js-add-to-wishlist', function (e) {\n e.preventDefault();\n var button = $(this);\n var url = $(this).data('href');\n var pid = $('#skuMaster').val();\n var pidButton = $(this).data('pid');\n var color = $(this).data('color');\n var colorId = $('.js-color-choice.cc-active').data('attr-value');\n\n var variantPid = getSelectedVariantPid();\n if (variantPid){\n pid = variantPid;\n } else {\n var size = $('.js-selected-size-socialList').val();\n\n if (color != null && color != undefined) {\n pid = pid.concat(color);\n }\n \n if (colorId != null && !pid.includes(colorId)) {\n pid = pid.concat(colorId);\n }\n \n if (size != null && size != undefined && size != '') {\n pid = pid.concat(size);\n } else {\n if (pidButton.includes(pid)) {\n pid = pidButton;\n }\n }\n }\n\n var optionId = null;\n var optionVal = null;\n if (!url || !pid || !colorId) {\n return;\n }\n\n $.spinner().start();\n $(this).attr('disabled', true);\n $.ajax({\n url: url,\n type: 'post',\n dataType: 'json',\n data: {\n pid: pid,\n colorId: colorId,\n optionId: optionId,\n optionVal: optionVal\n },\n success: function (data) {\n $.spinner().stop();\n displayMessage(data, button);\n // fill heart and trigger update for number of items in wishlist badge.\n updateHeartIcon(true);\n $('body').trigger('wishlist:updateQuantity');\n // analytics\n dataLayer.push({\n event: 'wishlist',\n eventCategory: 'Wish List',\n eventAction: 'add',\n eventLabel: pid\n });\n // END\n },\n error: function (err) {\n $.spinner().stop();\n displayMessage(err, button);\n $('body').trigger('wishlist:updateQuantity');\n }\n });\n });\n },\n\n closeModal: function () {\n $(document).on('click', '.js-close-add-to-wishlist-message', function(e) {\n let modalTarget = $(this).parent().parent();\n let modal = new Modal(modalTarget);\n\n $('.cc-add-to-wishlist-background').hide();\n modalTarget.hide();\n modal.close();\n if ($('body').hasClass('cc-blocked')) $('body').removeClass('cc-blocked');\n $('.js-add-to-wishlist').removeAttr('disabled');\n });\n },\n\n checkProductInWishlist: function () {\n // get pid of current variation product or variation group\n var pid = getSelectedVariantPid();\n\n // perform ajax call to Wishlist-ContainsProduct\n $.ajax({\n url: $('#wishlistContainsProductURL').val(),\n type: 'GET',\n data : {\n pid: pid\n },\n dataType: 'json',\n success: function(res) {\n if (! res.error) {\n updateHeartIcon(res.result);\n }\n }\n });\n },\n\n /**\n * when the selected product variant changes,\n * check if it exist within the customer wishlist\n */\n updateWishlistButton: function () {\n var self = this;\n $('body').on('wishlist:productVariantChanged', function() {\n self.checkProductInWishlist();\n });\n },\n};\n","import {\n showCartErrorHtml,\n createCartBillingFormData,\n getPaypalOrderId\n} from '../api';\nimport {\n addProductForPDPbtnFlow\n} from './pdpHelper';\nimport {\n getPaypalButtonStyle\n} from '../helper';\nconst { appendToUrl } = require('/cartridges/app_bc/cartridge/client/default/js/common/urlUtil');\n\n\nvar loaderInstance = require('../loader');\nvar $loaderContainer = document.querySelector('.paypalLoader');\nvar loader = loaderInstance($loaderContainer);\nvar pid;\nvar uuid;\nvar removeFromCartUrl;\n// var base = require('../base');\n\nfunction getAnalyticsAccessType() {\n var accessType;\n if ($('body:not(.cc-mobile)').length) {\n if ($(document.activeElement).parents('.js-sticky-add-to-cart').length) {\n accessType = 'pdp-sticky-bottom';\n } else {\n accessType = 'pdp';\n }\n } else if ($('.cc-pdp__info--top').length) {\n if ($('.cc-pdp__resume-mobile--fixed').length) {\n accessType = 'pdp-sticky-top-micro';\n } else {\n accessType = 'pdp-sticky-top-macro';\n }\n } else {\n accessType = 'pdp-sticky-bottom';\n }\n return accessType;\n}\n\n/**\n * Checks if a product variant is selected and opens the size selector otherwise.\n * Triggers analytics event.\n * \n * @returns {boolean} success\n */\nfunction onClick() {\n var $btn = $(document).find('button.add-to-cart');\n var isStiky = $(document.activeElement).closest('.cc-content-addtocart-sticky').length > 0;\n var accessType = getAnalyticsAccessType(); // analytics access type\n\n // check if product variant is selected\n if ($btn.data('disabled')) {\n if ($('body').hasClass('cc-mobile') || isStiky) {\n $('#size-modal-sticky').data('analyticsowner', 'paypal');\n var $sizeBtn = $('.js-size-sticky:visible');\n if (! $sizeBtn.length) $sizeBtn = $('.js-size-sticky').eq(0);\n $sizeBtn.trigger('click', {accessType});\n $('#paypalButtonSizeNotSelected').val('true');\n } else {\n $('#size-overlay').data('analyticsowner', 'paypal');\n $('.js-size-modal').click();\n $('#paypalButtonSizeNotSelected').val('true');\n }\n return false;\n } else {\n dataLayer.push({\n event: 'custom_event',\n eventCategory: 'checkout',\n eventAction: 'fast',\n eventLabel: 'Paypal Express',\n accessType: accessType\n });\n }\n}\n\n/**\n * Gets order id as string\n *\n * @returns {string} order id\n */\nfunction createOrder() {\n loader.show();\n var res = addProductForPDPbtnFlow();\n \n if (res.cart) {\n uuid = res.pliUUID;\n removeFromCartUrl = res.cart.actionUrls.removeProductLineItemUrl;\n pid = res.pid;\n } else {\n loader.hide();\n throw new Error(res.message || 'Error occurs');\n }\n\n return getPaypalOrderId();\n}\n\n/**\n * Makes post call and transfers order ID to returnFromCart endpoint, goes to checkout place order stage\n *\n * @param {Object} orderID - order id\n */\nfunction onApprove({ orderID }) {\n // make sure that amount > 0\n var $defer = $.Deferred();\n $.get(window.paypalUrls.getCartPurchaseUnit)\n .then(function ({ purchase_units }) {\n let parsedPurchaseUnit = purchase_units[0];\n if (JSON.parse(parsedPurchaseUnit.amount.value) === 0) {\n showCartErrorHtml('Order total 0 is not allowed for PayPal');\n $defer.reject();\n } else {\n $defer.resolve();\n }\n })\n .fail(function(){\n $defer.reject();\n });\n\n\n let cartBillingFormData = createCartBillingFormData({\n paypalOrderID: orderID\n }, document.querySelector('.js_paypal_button_on_pdp_page'));\n\n $defer.done(function() {\n $.ajax({\n type: 'POST',\n url: window.paypalUrls.returnFromCart,\n contentType: false,\n data: cartBillingFormData,\n processData: false,\n success: () => {\n loader.hide();\n $.spinner().start();\n\n // validate shipping\n $.ajax({\n type: 'GET',\n url: window.paypalUrls.validateShipping,\n success: (data) => {\n if (data.error && data.countryMatchError) {\n window.location.href = data.redirectUrl;\n } else {\n // validate billing\n $.ajax({\n type: 'GET',\n url: window.paypalUrls.billingStep,\n success: (data) => {\n var continueUrl = data.continueUrl;\n var urlParams = {\n ID: data.orderID,\n token: data.orderToken\n };\n \n continueUrl += (continueUrl.indexOf('?') !== -1 ? '&' : '?') +\n Object.keys(urlParams).map(function (key) {\n return key + '=' + encodeURIComponent(urlParams[key]);\n }).join('&');\n \n // redirect to TYP\n window.location.href = continueUrl;\n },\n error: (data) => {\n $.spinner().stop();\n // todo paypal: show billing error message\n }\n \n });\n }\n },\n error: function(data) {\n $.spinner().stop();\n // todo paypal: show shipping error message\n }\n });\n },\n error: function () {\n loader.hide();\n window.location.href = window.paypalUrls.cartPage;\n }\n });\n });\n}\n\n/**\n * Hides loader on paypal widget closing without errors\n * If PDP flow, removes product from basket on cancel\n */\nfunction onCancel() {\n var urlParams = {\n pid: pid,\n uuid: uuid\n };\n\n $.ajax({\n url: appendToUrl(removeFromCartUrl, urlParams),\n type: 'get',\n dataType: 'json',\n success: function () {\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n loader.hide();\n}\n\n/**\n * Shows errors if paypal widget was closed with errors\n * If PDP flow, removes product from basket on error\n */\nfunction onError() {\n if (pid) {\n var productID = pid;\n var urlParams = {\n pid: productID,\n uuid: uuid\n };\n\n $.ajax({\n url: appendToUrl(removeFromCartUrl, urlParams),\n type: 'get',\n dataType: 'json',\n success: function () {\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n }\n loader.hide();\n}\n\n/**\n *Inits paypal button on cart page\n */\nfunction initPaypalButton() {\n // if (!$(document).find('.js-4Gift-eneble').length > 0) {\n // $('.cc-content-addtocart-sticky .cc-addtocart-buttons').addClass('cc-paypal-button-pdp');\n \n // } else {\n // $(document).find('.cc-content-addtocart-sticky .cc-addtocart-buttons').addClass('cc-paypal-button-pdp');\n // }\n $(document).find('.cc-content-addtocart-sticky .cc-addtocart-buttons').addClass('cc-paypal-button-pdp');\n $(document).find('.cc-content-addtocart .cc-addtocart-buttons .add-to-cart').addClass('cc-custom-margin');\n $(document).find('.cc-content-addtocart .cc-addtocart-buttons .paypal_pdp_button ').addClass('cc-custom-margin');\n loader.show();\n $(document).find('.paypal-pdp-button').each(function () {\n window.paypal.Buttons({\n onClick,\n createOrder,\n onApprove,\n onCancel,\n onError,\n style: getPaypalButtonStyle(document.querySelector('.js_paypal_button_on_pdp_page'))\n }).render(this)\n .then(() => {\n loader.hide();\n });\n });\n $('body').on('product:afterAttributeSelectPayPal', function (e) {\n $('.paypal-button-label-container').click();\n });\n}\n\nexport default initPaypalButton;\n","\n/**\n * Adds product to basket on paypal button/static image click when PDP flow\n * @returns {Object} response with required data\n */\nfunction addProductForPDPbtnFlow() {\n var $bundleItem = $('.bundle-item');\n /**\n * Gets options\n * @param {Object} $productContainer - product container\n * @returns {string} options\n */\n function getOptions($productContainer) {\n var options = $productContainer\n .find('.product-option')\n .map(function () {\n var $elOption = $(this).find('.options-select');\n var urlValue = $elOption.val();\n var selectedValueId = $elOption.find('option[value=\"' + urlValue + '\"]')\n .data('value-id');\n return {\n optionId: $(this).data('option-id'),\n selectedValueId: selectedValueId\n };\n }).toArray();\n\n return JSON.stringify(options);\n }\n\n var pid = $('.product-detail:not(\".bundle-item\")').data('pid');\n var $btn = $('.paypal_pdp_button');\n var $productContainer = $btn.closest('.product-detail');\n\n var form = {\n pid: pid,\n // quantity: $('.quantity-select').val()\n quantity: 1\n };\n\n if (!$bundleItem.length) {\n form.options = getOptions($productContainer);\n } else {\n var items = $bundleItem.map(function () {\n return {\n pid: $(this).find('.product-id').text(),\n quantity: parseInt($(this).find('label.quantity').data('quantity'), 10)\n };\n });\n form.childProducts = JSON.stringify(items.toArray());\n }\n var response = $.ajax({\n url: $('.add-to-cart-url').val(),\n method: 'POST',\n async: false,\n data: form\n }).responseJSON;\n response.pid = pid;\n return response;\n}\n\nexport {\n addProductForPDPbtnFlow\n};\n","'use strict';\n\n/**\n * appends params to a url\n * @param {string} url - Original url\n * @param {Object} params - Parameters to append\n * @returns {string} result url with appended parameters\n */\nfunction appendToUrl(url, params) {\n var newUrl = url;\n newUrl += (newUrl.indexOf('?') !== -1 ? '&' : '?') + Object.keys(params).map(function (key) {\n return key + '=' + encodeURIComponent(params[key]);\n }).join('&');\n\n return newUrl;\n}\n\nfunction replaceOrAddQueryParam (url, parameter, value) {\n var regex = new RegExp(parameter + '=[^&]+');\n var split = url.split(regex);\n if (split.length > 1) {\n return split[0] + (url.indexOf('?') > -1 ? '' : '?') + parameter + '=' + value + split[1];\n } else {\n return url + (url.indexOf('?') > -1 ? '&' : '?') + parameter + '=' + value;\n }\n};\n\nfunction getQueryParams() {\n var url = document.location.href;\n var qs = url.substring(url.indexOf('?') + 1).split('&');\n for (var i = 0, result = {}; i < qs.length; i++) {\n qs[i] = qs[i].split('=');\n result[qs[i][0]] = decodeURIComponent(qs[i][1]);\n }\n return result;\n};\n\nmodule.exports = {\n replaceOrAddQueryParam: replaceOrAddQueryParam,\n getQueryParams: getQueryParams,\n appendToUrl: appendToUrl\n};\n"],"sourceRoot":""}