').append($.parseHTML(html));\n\n var body = $html.find('.choice-of-bonus-product');\n var footer = $html.find('.modal-footer').children();\n\n return {\n body: body,\n footer: footer\n };\n}\n\n/**\n * Assignment of post Ajax parameters to open the \"size modal\" in case the user does not select a size.\n * @param {Object} html - the element to be assigned the parameters to open the \"size modal\"\n */\nfunction controlSizeModalProduct(elem, response) {\n elem = (!elem) ? $('button.add-to-cart') : $(elem);\n\n if(!!response && response.hasGiftCard){\n Callout.error(null, response.giftCardAllert, $('#quickViewModal .error-wrapper'), false, false, false);\n }else if ($('[data-attr=\"size\"] .selected').length === 0) {\n if ($('.size-modal').length === 0) {\n elem.removeClass('disabled');\n elem.addClass('no-modal-no-size-selected');\n } else {\n elem.each(function (index, el) {\n if ($(el).parent().is('.cart-and-ipay')) {\n $(el).removeAttr('disabled').attr('data-open', 'size-modal').addClass('disabled');\n } else {\n $(el).removeAttr('disabled').addClass('disabled');\n }\n });\n }\n } else {\n elem.removeAttr('data-open').removeClass('disabled no-size-selected').removeClass('no-modal-no-size-selected');\n elem.removeAttr('disabled');\n }\n}\n\n/**\n * Assignment of post Ajax parameters to open the \"size modal\" in case the user does not select a size.\n * dedicated to products of type product-set\n * @param {Object} html - the element to be assigned the parameters to open the \"size modal\"\n */\nfunction controlSizeModalProductSet(elem) {\n elem = (!elem) ? $('button.add-to-cart-set') : $(elem);\n\n elem.each(function (index, el) {\n var elemSelect = $(el).parents('[data-attr=\"size\"]').find('select');\n var elemModalId = $(el).parents('[data-attr=\"size\"]').data('modal');\n\n if (elemSelect.length > 0) {\n if (typeof elemSelect.find(':selected').data('attr-value') !== 'undefined') {\n $(el).removeAttr('data-open');\n } else if ($('#' + elemModalId).length > 0) {\n $(el).attr('data-open', elemModalId);\n }\n }\n });\n}\n\n/**\n * Retrieves the bundle product item ID's for the Controller to replace bundle master product\n * items with their selected variants\n *\n * @return {string[]} - List of selected bundle product item ID's\n */\nfunction getChildProducts() {\n var childProducts = [];\n $('.bundle-item').each(function () {\n childProducts.push({\n pid: $(this).find('.product-id').text(),\n quantity: parseInt($(this).find('label.quantity').data('quantity'), 10)\n });\n });\n\n return childProducts.length ? JSON.stringify(childProducts) : [];\n}\n\n/**\n * Initialize \"images grid\" carousel on mobile breakpoint\n *\n * @param {jQuery} $el - DOM element for initialize the carousel\n */\nfunction owl($el) {\n const breakpoint = 720;\n let width = $(window).innerWidth();\n let $render = $el;\n\n if (width > breakpoint) {\n if (!$render.hasClass('owl-carousel') || !$render.length) {\n return;\n }\n\n $render.removeClass('owl-carousel').trigger('destroy.owl.carousel');\n } else if (width <= breakpoint) {\n if ($render.hasClass('owl-loaded') || !$render.length) {\n return;\n }\n\n $render.addClass('owl-carousel').owlCarousel({\n items: 1,\n loop: true,\n nav: false,\n dots: true,\n smartSpeed: 450,\n slideTransition: 'ease-in-out'\n });\n }\n}\n\nclass product {\n constructor() {\n this.methods = {\n editBonusProducts: function (data) {\n // chooseBonusProducts(data);\n }\n };\n }\n\n colorValue() {\n updateColorName();\n }\n\n colorAttributeNoClick(element, forceSelect) {\n var oldColor = $('a.swatch-color.selected').data('familyColorSearch');\n var self = $(element);\n\n if (!forceSelect && (self.attr('disabled') || self.hasClass('unselectable') || self.hasClass('selected'))) {\n return;\n }\n\n try {\n document.title = document.title.replace(oldColor, self.data('familyColorSearch'));\n var description = $('meta[name=\"description\"]').attr('content');\n var ogDescription = $('meta[property=\"og:description\"]').attr('content');\n $('meta[name=\"description\"]').attr('content', description.replace(oldColor, self.data('familyColorSearch')));\n $('meta[property=\"og:description\"]').attr('content', ogDescription.replace(oldColor, self.data('familyColorSearch')));\n } catch (error) {\n\n }\n\n var $productContainer = self.closest('.product-quickview');\n\n if (!$productContainer.length) {\n $productContainer = self.closest('.product-detail');\n attributeSelect(self.attr('href'), $productContainer);\n attributeSelect(self.attr('href'), $('.size-modal'), true);\n replaceImages(self.data('image-url'), $productContainer.find('.grid-render'));\n replaceModalImages(self.data('modal-image-url'));\n replaceAccordion(self.data('accordion-url'));\n EnhancedSeo.clickAccordion(['.product-accordion .trigger', 'aria-expanded']);\n } else {\n attributeSelect(self.attr('href'), $productContainer);\n replaceImages(self.data('image-url') + '&quickview=true', $productContainer.find('.quick-view-images'));\n }\n }\n\n colorAttribute() {\n $(document).on('click', '[data-attr=\"color\"] a', function (e) {\n e.preventDefault();\n this.colorAttributeNoClick(e.currentTarget);\n // check if the event is user generated or programmatically triggered\n var isUserEvent = true;\n if (typeof e.isTrusted !== 'undefined') {\n isUserEvent = e.isTrusted;\n } else if (e.clientX === 0 && e.clientY === 0) {\n // compatibility for browser that does not yet support isTrusted property\n isUserEvent = false;\n }\n // do not trigger variant event if the click is not user generated\n if (isUserEvent) {\n EnhancedSeo.selectedVariant($(e.currentTarget), ['.product-detail', 'pid', 'data-family-color-search']);\n }\n }.bind(this));\n\n $(document).ready(function () {\n if (colorValueHtmlHead) {\n $('a.swatch-color').each(function (i, el) {\n var colorIndex = $(el).data('familyColorSearch');\n if (colorIndex !== colorValueHtmlHead) {\n try {\n document.title = document.title.replace(colorIndex, colorValueHtmlHead);\n var description = $('meta[name=\"description\"]').attr('content');\n var ogDescription = $('meta[property=\"og:description\"]').attr('content');\n $('meta[name=\"description\"]').attr('content', description.replace(colorIndex, colorValueHtmlHead));\n $('meta[property=\"og:description\"]').attr('content', ogDescription.replace(colorIndex, colorValueHtmlHead));\n } catch (error) {\n\n }\n }\n });\n }\n });\n }\n\n selectAttributeNoClick(element) {\n var self = $(element);\n\n if (self.attr('disabled') || self.hasClass('selected')) {\n return;\n }\n\n var $productContainer = self.closest('.product-quickview');\n\n if (!$productContainer.length) {\n $productContainer = $('.product-detail');\n attributeSelect(self.attr('data-url-value'), $productContainer);\n attributeSelect(self.attr('data-url-value'), $('.size-modal'), true);\n replaceAccordion(self[0].dataset.accordionUrl);\n } else {\n attributeSelect(self.attr('data-url-value'), $productContainer);\n }\n }\n\n selectAttribute() {\n $(document).on('click', '[data-attr=\"size\"] .list-size > li, .options-select', function (e) {\n e.preventDefault();\n this.selectAttributeNoClick(e.currentTarget);\n }.bind(this));\n\n $(document).on('click', '[data-productset-attr=\"size\"] .list-size > li', function (e) {\n e.preventDefault();\n var self = $(e.currentTarget);\n var referencedSelect = $('[data-modal=\"' + self.parents('section').attr('id') + '\"]').find('select');\n\n if (self.attr('disabled') || self.hasClass('selected')) {\n return;\n }\n\n referencedSelect.val(self.attr('data-url-value')).trigger('change');\n var $productContainer = $('[data-modal=\"' + self.parents('section').attr('id') + '\"]');\n attributeSelectMiniSet(self.attr('data-url-value'), $productContainer);\n attributeSelectMiniSet(self.attr('data-url-value'), self.parents('section'), true);\n });\n }\n\n selectMiniSetAttribute() {\n $(document).on('change', '.set-items-render .list-size', function (e) {\n e.preventDefault();\n\n const self = $(e.currentTarget);\n const $productContainer = self.closest('.set-items-render');\n let url = self.val();\n\n if (url === 'null' || url === '') {\n self.closest('.set-items-render').find('.add-to-cart-set').addClass('disabled');\n } else {\n attributeSelectMiniSet(url, $productContainer);\n }\n });\n }\n\n availability() {\n $(document).on('change', '.quantity-select', function (e) {\n e.preventDefault();\n\n var $productContainer = $(e.currentTarget).closest('.product-detail');\n if (!$productContainer.length) {\n $productContainer = $(e.currentTarget).closest('.modal-content').find('.product-quickview');\n }\n\n if ($('.bundle-items', $productContainer).length === 0) {\n attributeSelect($(e.currentTarget).find('option:selected').data('url'), $productContainer);\n }\n });\n }\n\n addToCart() {\n $(document).off('click', 'button.add-to-cart, button.add-to-cart-global')\n .on('click', 'button.add-to-cart, button.add-to-cart-global', (e, options) => {\n e.preventDefault();\n\n var addToCartUrl;\n var pid;\n var quantity;\n var pidsObj;\n var options = !!options ? JSON.stringify(options) : null;\n var self = $(e.currentTarget);\n\n if ((self.hasClass('disabled') && self.hasClass('no-size-selected')) || self.hasClass('no-modal-no-size-selected')) {\n if ($('.list-size').next('.error-msg').length === 0) {\n const div = $('
');\n const errorMsg = $('.variation-attr').attr('data-error-msg');\n div.text(errorMsg).insertAfter('.quick-view-details .list-size');\n }\n\n return;\n }\n\n pid = getPidValue(self);\n\n if (self.hasClass('disabled') || self.hasClass('not-enabled-to-add') || self.hasClass('no-modal-no-size-selected')) {\n if (self.hasClass('add-to-wish-list')) {\n EnhancedSeo.noSizeWishlistClick(pid, ['.swatch-color.selected', 'familyColorSearch']);\n } else {\n EnhancedSeo.noSizeClick(pid, ['.swatch-color.selected', 'familyColorSearch']);\n }\n return;\n }\n\n addToCartUrl = getAddToCartUrl();\n quantity = getQuantitySelected(self) || 1;\n\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: getChildProducts(),\n quantity: quantity,\n options: options\n };\n\n if (!self.parents('.size-modal').length) {\n controlSizeModalProduct(e.currentTarget);\n } else {\n $('.size-modal .close-modal').trigger('click');\n }\n\n if (addToCartUrl) {\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: form,\n success: (data) => {\n if(data.error && data.hasGiftCardError){\n showAlertModal(data);\n return;\n }\n if (data.excess || data.error) {\n $('.mini-cart-link').attr('data-has-error', 'true');\n } else {\n $('.mini-cart-link').removeAttr('data-has-error');\n }\n\n // Trigger Goal Event: cart_created\n if (data.created) {\n dataLayer.push({\n gaHitType: 'event',\n event: 'goal_event',\n event_category: 'cart_created',\n event_action: pid.replace(/_/g, '|')\n });\n }\n if (pageTypeForJS === 'cart') {\n location.reload();\n $(document).ready(function () {\n $(this).scrollTop(0);\n });\n }\n AddToCartMsg.handlePostCartAdd(data);\n EnhancedSeo.pushATC(\n self.data(\"analiticsp\"),\n this.getDataLayerGA4(data.cart, pid, \"add_to_cart\", true)\n );\n $('body').trigger('product:afterAddToCart', data);\n },\n error: function () {\n console.log('error in process request');\n }\n });\n }\n });\n }\n\n addToCartMiniSet() {\n $(document).on('click', 'button.add-to-cart-set', function (e) {\n e.preventDefault();\n\n var addToCartUrl;\n var pid;\n var pidsObj;\n var self = $(e.currentTarget);\n var $productContainer = self.closest('.set-item');\n\n if (self.hasClass('disabled')) {\n return;\n }\n\n if (!self.parents('.size-modal').length) {\n controlSizeModalProductSet(e.currentTarget);\n } else {\n $('.size-modal .close-modal').trigger('click');\n }\n\n $('body').trigger('product:beforeAddToCart', this);\n pid = $productContainer.attr('data-pid');\n addToCartUrl = getAddToCartUrl();\n\n var form = {\n pid: pid,\n pidsObj: pidsObj,\n childProducts: [],\n quantity: 1\n };\n\n if (addToCartUrl && !self.hasClass('disabled')) {\n $.ajax({\n url: addToCartUrl,\n method: 'POST',\n data: form,\n success: (data) => {\n AddToCartMsg.handlePostCartAdd(data);\n $('body').trigger('product:afterAddToCart', data);\n\n if (typeof dataLayer !== 'undefined') {\n dataLayer.push({\n event: 'shop_by_look_add_to_cart',\n ecommerce: this.getDataLayerGA4(data.cart, pid, \"add_to_cart\", false)\n });\n }\n },\n error: function () {\n console.log('error in process request');\n }\n });\n }\n }.bind(this));\n }\n\n gridImagesCarousel() {\n const win = $(window);\n const gridImages = $('.grid-render');\n\n let scrollToSlider = function () {\n var breakpoint = Foundation.MediaQuery.current;\n var edge = $('.header-banner').outerHeight(true) + $('header').outerHeight(true);\n\n if (window.device && (window.device.type === 'mobile' || window.device.type === 'tablet') || breakpoint === 'medium' || breakpoint === 'small') {\n if ($(window).scrollTop() <= edge) {\n $('html, body').animate({\n scrollTop: edge + 10\n }, 500);\n }\n }\n };\n\n $(document).ready(owl(gridImages));\n\n win.on('resize', function () {\n owl(gridImages);\n });\n\n win.on('load', function () {\n scrollToSlider();\n });\n }\n\n selectBonusProduct() {\n $(document).on('click', '.select-bonus-product', function () {\n var $choiceOfBonusProduct = $(this).parents('.choice-of-bonus-product');\n var pid = $(this).data('pid');\n var maxPids = $('.choose-bonus-product-dialog').data('total-qty');\n var submittedQty = parseInt($(this).parents('.choice-of-bonus-product').find('.bonus-quantity-select').val(), 10);\n var totalQty = 0;\n $.each($('#chooseBonusProductModal .selected-bonus-products .selected-pid'), function () {\n totalQty += $(this).data('qty');\n });\n totalQty += submittedQty;\n var optionID = $(this).parents('.choice-of-bonus-product').find('.product-option').data('option-id');\n var valueId = $(this).parents('.choice-of-bonus-product').find('.options-select option:selected').data('valueId');\n if (totalQty <= maxPids) {\n var selectedBonusProductHtml = ''\n + '
'\n + '
'\n + $choiceOfBonusProduct.find('.product-name').html()\n + '
'\n + '
'\n + '
';\n $('#chooseBonusProductModal .selected-bonus-products').append(selectedBonusProductHtml);\n $('.pre-cart-products').html(totalQty);\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\n } else {\n $('.selected-bonus-products .bonus-summary').addClass('alert-danger');\n }\n });\n }\n\n removeBonusProduct() {\n $(document).on('click', '.selected-pid', function () {\n $(this).remove();\n var $selected = $('#chooseBonusProductModal .selected-bonus-products .selected-pid');\n var count = 0;\n if ($selected.length) {\n $selected.each(function () {\n count += parseInt($(this).data('qty'), 10);\n });\n }\n\n $('.pre-cart-products').html(count);\n $('.selected-bonus-products .bonus-summary').removeClass('alert-danger');\n });\n }\n\n enableBonusProductSelection() {\n $('body').on('bonusproduct:updateSelectButton', function (e, response) {\n $('button.select-bonus-product', response.$productContainer).attr('disabled',\n (!response.product.readyToOrder || !response.product.available));\n var pid = response.product.id;\n $('button.select-bonus-product').data('pid', pid);\n });\n }\n\n showMoreBonusProducts() {\n $(document).on('click', '.show-more-bonus-products', function () {\n var url = $(this).data('url');\n $('.modal-content').spinner().start();\n $.ajax({\n url: url,\n method: 'GET',\n success: function (html) {\n var parsedHtml = parseHtml(html);\n $('.modal-body').append(parsedHtml.body);\n $('.show-more-bonus-products:first').remove();\n $('.modal-content').spinner().stop();\n },\n error: function () {\n $('.modal-content').spinner().stop();\n }\n });\n });\n }\n\n /**\n * @param {Object} cart - Cart/Basket Model\n * @param {String|Object} product - ID of product or Product Model\n * @param {String} event - GA4 Event\n * @param {boolean} isSingleQnt - true if the request come from the UpdateQuantity Route\n */\n getDataLayerGA4(cart, product, event, isSingleQnt) {\n var item = (typeof product === \"object\") ? this.getProductGA4Model(product)\n : cart.items.filter((el) => { return el.id === product; }).map((prod) => this.getProductGA4Model(prod, isSingleQnt));\n\n var priceValue = item.price ? (Number(item.price) - Number(item.discount)) : (Number(item[0].price) - Number(item[0].discount))\n\n return {\n currency: currentCurrency,\n value: priceValue,\n items: event === \"remove_from_cart\" ? (Array.isArray(item) ? item : [item]) : item,\n }\n }\n\n getCartGA4Model(cart, event, isSingleQnt){\n\n var items = [];\n\n for(let i = 0; i < cart.items.length; i++){\n var item = this.getProductGA4Model(cart.items[i], isSingleQnt);\n items.push(item);\n }\n document.dispatchEvent(new Event('cart:update'));\n\n return {\n currency: currentCurrency,\n value: Number(cart.totals.grandTotal.substring(2).replace(',', '')),\n items: items,\n }\n\n }\n\n getProductGA4Model(product, isSingleQnt) {\n try{\n const categories = product.categoryPath.split(\"/\");\n const discount = (product.price.list !== null && product.price.sales !== null)\n ? (parseFloat(product.price.list.decimalPrice) - parseFloat(product.price.sales.decimalPrice)).toFixed(2) : '0.00';\n const color = product.variationAttributes.filter((el) => { return el.id === \"color\"} )[0];\n const size = product.variationAttributes.filter((el) => { return el.id === \"size\"} )[0];\n\n return {\n item_id: product.masterid,\n item_name: product.productName,\n currency: currentCurrency,\n discount: Number(discount),\n item_brand: 'twinset milano',\n item_category: categories.length > 0 ? categories[0] : '',\n item_category2: categories.length > 1 ? categories[1] : '',\n item_category3: categories.length > 2 ? categories[2] : '',\n item_list_name: 'cart',\n item_variant: color.displayValue,\n price: product.price.list ? product.price.list.value : product.price.sales.value,\n quantity: isSingleQnt ? '1' : product.quantity,\n item_availability: product.availability.inStock ? 'in_stock' : 'out_of_stock',\n item_discount_tag: discount !== '0.00' ? 'on_sale' : 'not_on_sale',\n available_size_percentage: product.available_size_percentage,\n item_size: size.displayValue,\n item_variant_v2: product.id,\n item_url: product.masterUrl,\n item_img: product.defaultColorImageObj ? product.defaultColorImageObj.large[0].url : product.images.large[0].url\n }\n }catch(ex){\n return {};\n }\n }\n\n addToCartMobileSEO() {\n $(document).on('click', '.add-to-cart-messages', function () {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'funzionalita_cross',\n event_action: 'prodotto_aggiunto_al_carrello'\n });\n });\n\n $(document).on('click', '#mobile-checkout', function () {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'funzionalita_cross',\n event_action: 'prodotto_aggiunto_al_carrello_new',\n event_label: 'procedi_all_acquisto'\n });\n });\n\n $(document).on('click', '#mobile-view-cart', function () {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'funzionalita_cross',\n event_action: 'prodotto_aggiunto_al_carrello_new',\n event_label: 'mostra_carrello'\n });\n });\n }\n\n addBonusProductsToCart() {\n $(document).on('click', '.add-bonus-products', function () {\n var $readyToOrderBonusProducts = $('.choose-bonus-product-dialog .selected-pid');\n var queryString = '?pids=';\n var url = $('.choose-bonus-product-dialog').data('addtocarturl');\n var pidsObject = {\n bonusProducts: []\n };\n\n $.each($readyToOrderBonusProducts, function () {\n var qtyOption = parseInt($(this)\n .data('qty'), 10);\n\n var option = null;\n if (qtyOption > 0) {\n if ($(this).data('optionid') && $(this).data('option-selected-value')) {\n option = {};\n option.optionId = $(this).data('optionid');\n option.productId = $(this).data('pid');\n option.selectedValueId = $(this).data('option-selected-value');\n }\n pidsObject.bonusProducts.push({\n pid: $(this).data('pid'),\n qty: qtyOption,\n options: [option]\n });\n pidsObject.totalQty = parseInt($('.pre-cart-products').html(), 10);\n }\n });\n queryString += JSON.stringify(pidsObject);\n queryString = queryString + '&uuid=' + $('.choose-bonus-product-dialog').data('uuid');\n queryString = queryString + '&pliuuid=' + $('.choose-bonus-product-dialog').data('pliuuid');\n $.spinner().start();\n $.ajax({\n url: url + queryString,\n method: 'POST',\n success: function (data) {\n $.spinner().stop();\n if (data.error) {\n $('.error-choice-of-bonus-products').html(data.errorMessage);\n } else {\n $('.configure-bonus-product-attributes').html(data);\n $('.bonus-products-step2').removeClass('hidden-xl-down');\n $('#chooseBonusProductModal').modal('hide');\n\n if ($('.add-to-cart-messages').length === 0) {\n $('body').append(\n '
'\n );\n }\n $('.minicart-quantity').html(data.totalQty);\n $('.add-to-cart-messages').append(\n '
'\n + data.msgSuccess + '
'\n );\n setTimeout(function () {\n $('.add-to-basket-alert').remove();\n if ($('.cart-page').length) {\n window.location.reload();\n }\n }, 3000);\n }\n },\n error: function () {\n $.spinner().stop();\n }\n });\n });\n }\n}\n\nconst Product = new product();\nexport default Product;\n\n\n\n// WEBPACK FOOTER //\n// ./assets/scripts/product/index.js","import Easing from '../services/easing';\n\n/**\n * @function setARIA\n * @description Apply the correct ARIA attribute at the moment of click.\n * @param {jQuery} $el - DOM element to set the correct ARIA attribute.\n * @param {jQuery} $container - DOM element to check if it is hidden or not.\n */\nfunction setARIA($el, $container) {\n if ($el.siblings($container).is(':hidden')) {\n $el.attr('aria-expanded', 'false');\n } else {\n $el.attr('aria-expanded', 'true');\n }\n}\n\nclass accordion {\n constructor() {\n this.parent = '.accordion';\n this.triggerEl = '.trigger';\n this.expandable = '.expandable';\n this.content = '.content';\n this.defEasing = 'easeInOutCirc';\n this.defTiming = 450;\n }\n\n run() {\n this.findOpenContents();\n this.setWCAG();\n this.trigger();\n }\n\n findOpenContents() {\n $(this.parent).find('[data-init-open]').each((index, el) => {\n $(el).addClass('open').removeAttr('data-init-open').find(this.content)\n .show();\n });\n }\n\n setWCAG() {\n $(this.parent).attr('role', 'tablist').find(this.triggerEl).each((index, el) => {\n $(el).attr('role', 'tab').attr('tabindex', '0');\n $(el).siblings(this.content).attr('role', 'tabpanel');\n setARIA($(el), this.content);\n });\n }\n\n trigger() {\n $(this.parent).on('click', this.triggerEl, (event) => {\n event.preventDefault();\n let self = $(event.currentTarget);\n\n this.toggleTriggerClass(self);\n this.toggleContent(self);\n this.siblingsSlideUp(self);\n });\n }\n\n toggleTriggerClass(elem) {\n elem.closest(this.expandable).toggleClass('open');\n }\n\n toggleContent(elem) {\n elem.siblings(this.content).stop().slideToggle(this.defTiming, this.defEasing, () => {\n setARIA(elem, this.content);\n });\n }\n\n siblingsSlideUp(elem) {\n if (elem.parents(this.parent).attr('data-trigger-once') !== 'true') {\n elem.closest(this.expandable).siblings(this.expandable).find(this.content).slideUp(this.defTiming, this.defEasing);\n elem.closest(this.expandable).siblings(this.expandable).removeClass('open');\n elem.closest(this.expandable).siblings(this.expandable).find(this.triggerEl).attr('aria-expanded', 'false');\n }\n }\n}\n\nconst Accordion = new accordion();\nexport default Accordion;\n\n\n\n// WEBPACK FOOTER //\n// ./assets/scripts/components/accordion.js","if (typeof $.easing !== 'undefined') {\n\t$.easing['jswing'] = $.easing['swing'];\n}\n\nexport const Easing = $.extend($.easing, {\n\tdef: 'easeOutQuad',\n\tswing: (x) => {\n\t\treturn $.easing[$.easing.def](x);\n\t},\n\teaseOutQuad: (x) => {\n\t\treturn 1 - (1 - x) * (1 - x);\n\t},\n\teaseInOutCirc: (x) => {\n\t\treturn x < 0.5 ?\n\t\t(1 - Math.sqrt(1 - Math.pow(2 * x, 2))) / 2 :\n\t\t(Math.sqrt(1 - Math.pow(-2 * x + 2, 2)) + 1) / 2;\n\t}\n});\n\n\n\n// WEBPACK FOOTER //\n// ./assets/scripts/services/easing.js","/**\n * Retrieves url to use when adding a product to the cart\n *\n * @param {Object} data - data object used to fill in dynamic portions of the html\n */\nfunction chooseBonusProducts(data) {\n $('.modal-body').spinner().start();\n\n if ($('#chooseBonusProductModal').length !== 0) {\n $('#chooseBonusProductModal').remove();\n }\n var bonusUrl;\n if (data.bonusChoiceRuleBased) {\n bonusUrl = data.showProductsUrlRuleBased;\n } else {\n bonusUrl = data.showProductsUrlListBased;\n }\n\n var htmlString = ''\n + '
'\n + '
'\n + ''\n + '
'\n + ''\n + '
'\n + ''\n + '
'\n + '
'\n + '
';\n $('body').append(htmlString);\n $('.modal-body').spinner().start();\n\n $.ajax({\n url: bonusUrl,\n method: 'GET',\n dataType: 'html',\n success: function (html) {\n var parsedHtml = parseHtml(html);\n $('#chooseBonusProductModal .modal-body').empty();\n $('#chooseBonusProductModal .modal-body').html(parsedHtml.body);\n $('#chooseBonusProductModal .modal-footer').html(parsedHtml.footer);\n $('#chooseBonusProductModal').modal('show');\n $.spinner().stop();\n },\n error: function () {\n $.spinner().stop();\n }\n });\n}\n\n/**\n * Updates the Mini-Cart quantity value after the customer has pressed the \"Add to Cart\" button\n * @param {string} response - ajax response from clicking the add to cart button\n */\nclass addToCartMsg {\n handlePostCartAdd(response) {\n const minicart = $('.mini-cart');\n const breakpoint = Foundation.MediaQuery.current;\n\n minicart.trigger('count:update', response);\n\n if (response.newBonusDiscountLineItem && Object.keys(response.newBonusDiscountLineItem).length !== 0) {\n chooseBonusProducts(response.newBonusDiscountLineItem);\n } else if (breakpoint === 'large' || breakpoint === 'xlarge' || breakpoint === 'xxlarge') {\n minicart.addClass('popup-open');\n $('.mini-cart-link').trigger('mouseenter');\n\n $('.mini-cart-link').on('mouseenter', () => {\n clearTimeout(triggerMinicart);\n });\n\n let triggerMinicart = setTimeout(() => {\n minicart.removeClass('popup-open');\n }, 3500);\n } else if (breakpoint === 'small') {\n var modal = $('#added-to-cart-modal')\n initAddedToCartConfirmationModal(modal, response);\n\n var addedToCartModal = new Foundation.Reveal(modal);\n addedToCartModal.open();\n }\n }\n}\n\nfunction initAddedToCartConfirmationModal(modal, data) {\n const messageType = data.error ? 'alert' : 'success';\n modal.find('header').removeClass('alert success');\n modal.find('header h4').html('');\n modal.find('.modal-content .product-preview').html('');\n\n modal.find('header').addClass(`${messageType}`);\n modal.find('header h4').html(`${data.message}`);\n modal.find('.modal-content .product-preview').html(`${data.cartLastItemSnippet}`);\n\n modal.on('open.zf.reveal', function (event) {\n document.dispatchEvent(new Event('product:afterConfirmationModalOpen'));\n })\n\n modal.on('closed.zf.reveal', function (event) {\n document.dispatchEvent(new Event('product:afterConfirmationModalClose'));\n })\n\n}\n\nconst AddToCartMsg = new addToCartMsg();\nexport default AddToCartMsg;\n\n\n\n// WEBPACK FOOTER //\n// ./assets/scripts/product/addToCartMsg.js","import Seo from './components/seo.js';\n\nclass enhancedSeo {\n /**\n * @function clickStoreDetails - Get store detail when click to details button\n * @param {Object} marker - store object information\n * @param {Array} elements - array with all necessary elements\n */\n clickStoreDetails(marker, elements) {\n if (this.checkIfArray(elements, 2)) {\n const $isStoreLocatorList = $(elements[0]);\n if ($isStoreLocatorList.length) {\n $isStoreLocatorList.on('click', elements[1], (e) => {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'store_locator',\n event_action: 'dettaglio_store',\n event_label: marker.store.name + ', ' + marker.store.address1\n });\n });\n }\n }\n }\n\n /**\n * @function selectedStoreDetail - Get selected store for seo\n * @param {Object} marker - store object information\n */\n selectedStoreDetail(marker) {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'store_locator',\n event_action: 'select_store',\n event_label: marker.store.name + ', ' + marker.store.address1\n });\n }\n\n /**\n * @function clickCreateAccountHeaderPopup - Get store detail when click on create account button header\n * @param {Array} elements - array with all necessary elements\n */\n clickCreateAccountHeaderPopup(elements) {\n if (this.checkIfArray(elements, 2)) {\n const $isPopupFooterHeader = $(elements[0]);\n if ($isPopupFooterHeader.length) {\n $isPopupFooterHeader.on('click', elements[1], (e) => {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'my_account',\n event_action: 'crea_il_mio_account',\n event_label: ''\n });\n });\n }\n }\n }\n\n /**\n * @function clickMobileFooterMenu - Get seo when click on mobile footer menu\n * @param {Array} elements - array with all necessary elements\n */\n clickMobileFooterMenu(elements) {\n if (this.checkIfArray(elements, 3)) {\n const isMobileMenu = $(elements[0]);\n if (isMobileMenu.length) {\n $(isMobileMenu).on('click', elements[1], (e) => {\n const iconName = $(e.currentTarget).attr(elements[2]);\n if (iconName) {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'funzionalita_cross',\n event_action: 'menu',\n event_label: iconName\n });\n }\n });\n }\n }\n }\n\n /**\n * @function clickOnCookieBanner - Get seo click on cookie banner\n * @param {Array} elements - array with all necessary elements\n */\n clickOnCookieBanner(elements) {\n if (this.checkIfArray(elements, 3)) {\n const isCookieAlert = $(elements[0]);\n if (isCookieAlert.length) {\n const elementList = [elements[1], elements[2]];\n elementList.forEach((elem) => {\n isCookieAlert.on('click', elem, (e) => {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'funzionalita_cross',\n event_action: 'cookie_bar',\n event_label: 'accettazione_cookie_policy'\n });\n });\n });\n }\n }\n }\n\n loginLogoutEvent(eventType, loyaltyLevel){\n dataLayer.push({\n event: \"account_login\",\n login_method: \"email\",\n timestamp: new Date().toISOString(),\n membership_type: loyaltyLevel,\n event_action: eventType\n });\n }\n\n /**\n * @function clickOnSearch - Get seo click on search\n * @param {Array} elements - array with all necessary elements\n */\n clickOnSearch(elements) {\n if (this.checkIfArray(elements, 4)) {\n const isSearch = $(elements[0]);\n if (isSearch.length) {\n let classObj = {};\n classObj[elements[1]] = 'chiudi';\n classObj[elements[2]] = 'scoprili_tutti';\n classObj[elements[3]] = 'esplora';\n\n Object.keys(classObj).forEach((element) => {\n isSearch.on('click', element, (e) => {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'funzionalita_cross',\n event_action: 'ricerca',\n event_label: classObj[element]\n });\n });\n });\n }\n }\n }\n\n /**\n * @function clickChat - Get seo event when click on chat button\n * @param {Array} elements - array with all necessary elements\n */\n clickChat(elements) {\n if (this.checkIfArray(elements, 1)) {\n const isChat = $(elements[0]);\n if (isChat.length) {\n isChat.on('click', (e) => {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'funzionalita_cross',\n event_action: 'chat'\n });\n });\n }\n }\n }\n\n /**\n * @function noSizeClick - Get seo event when no size product was clicked\n * @param pid - product id\n * @param {Array} elements - array with all necessary elements\n */\n noSizeClick(pid, elements) {\n if (this.checkIfArray(elements, 2)) {\n let colorName = $(elements[0]).data(elements[1]);\n if (pid && colorName) {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'pdp',\n event_action: 'aggiungi_alla_shopping_bag',\n event_label: pid + '|' + colorName\n });\n }\n }\n }\n\n /**\n * @function noSizeWishlistClick - Get seo event when no size product was clicked\n * @param pid - product id\n * @param {Array} elements - array with all necessary elements\n */\n noSizeWishlistClick(pid, elements) {\n if (this.checkIfArray(elements, 2)) {\n let colorName = $(elements[0]).data(elements[1]);\n if (pid && colorName) {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'pdp',\n event_action: 'add_to_wishlist',\n event_label: pid + '|' + colorName\n });\n }\n }\n }\n\n /**\n * @function clickAccordion - Get seo event when click accordion PDP\n * @param {Array} elements - array with all necessary elements\n */\n clickAccordion(elements) {\n if (this.checkIfArray(elements, 2)) {\n $(document).on('click', elements[0], (event) => {\n const $self = $(event.currentTarget);\n var accordionText = $self.text().trim();\n var accordionExpanded = $self.attr(elements[1]);\n\n if (accordionExpanded == 'true') {\n accordionExpanded = 'chiudi';\n } else {\n accordionExpanded = 'apri';\n }\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'pdp',\n event_action: 'contenuti',\n event_label: accordionText + '|' + accordionExpanded\n });\n });\n }\n }\n\n /**\n * @function breadcrumbsClick - Get seo event when click on breadcrumbs\n * @param {Array} elements - array with all necessary elements\n */\n breadcrumbsClick(elements) {\n if (this.checkIfArray(elements, 2)) {\n $(document).on('click', elements[0], (e) => {\n if (window.device.type === 'mobile') {\n let categoryID = $(e.currentTarget).attr(elements[1]);\n if (categoryID) {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'pdp',\n event_action: 'breadcrumb',\n event_label: categoryID\n });\n }\n }\n });\n }\n }\n\n /**\n * @function sizeGuideClick - Get seo event when click on product size guide\n * @param {Array} elements - array with all necessary elements\n */\n sizeGuideClick(elements) {\n if (this.checkIfArray(elements, 3)) {\n $(document).on('click', elements[0], (e) => {\n let pid = $(elements[1]).data(elements[2]);\n if (pid) {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'pdp',\n event_action: 'guida_alle_taglie',\n event_label: pid\n });\n }\n });\n }\n }\n\n /**\n * @function selectedVariant - Get seo event when select a variant product\n * @param {Array} elements - array with all necessary elements\n */\n selectedVariant($self, elements) {\n if (this.checkIfArray(elements, 3)) {\n let $productContainer = $self.closest(elements[0]);\n let pid = $productContainer.data(elements[1]);\n let colorName = $self.attr(elements[2]);\n if (pid && colorName) {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'pdp',\n event_action: 'selezione_variante',\n event_label: pid + '|' + colorName\n });\n }\n }\n }\n\n /**\n * @function clickQuickviewProduct - Get seo event when open quickview product\n * @param {Array} elements - array with all necessary elements\n */\n clickQuickViewProduct(elements) {\n if (this.checkIfArray(elements, 5)) {\n var pid = $(elements[0]).find(elements[1]).data(elements[2]);\n var colorName = $($(elements[3])[0]).attr(elements[4]);\n if (pid && colorName) {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'listing',\n event_action: 'popup_prodotto',\n event_label: pid + '|' + colorName\n });\n }\n }\n }\n\n /**\n * @function productColorClick - Get seo event when click on product color in PLP\n * @param {Array} elements - array with all necessary elements\n */\n productColorClick(elements) {\n if (this.checkIfArray(elements, 5)) {\n const isColor = $(elements[0]);\n if (isColor.length) {\n isColor.on('click', elements[1], (event) => {\n const $self = $(event.currentTarget);\n let pid = $self.closest(elements[2]).data(elements[3]);\n let colorName = $self.attr(elements[4]);\n if (pid && colorName) {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'listing',\n event_action: 'selezione_variante',\n event_label: pid + '|' + colorName\n });\n }\n });\n }\n }\n }\n\n /**\n * @function showMoreClick - Get seo event when click on show more button in PLP\n */\n showMoreClick() {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'listing',\n event_action: 'carica_altri_prodotti'\n });\n }\n\n /**\n * @function layout1ViewPlp - Get seo event when click on layout1 view plp\n */\n layoutSmallViewPlp() {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'listing',\n event_action: 'tipo_visualizzazione',\n event_label: 'small' // click sul pulsante a sinistra\n });\n }\n\n /**\n * @function layout2ViewPlp - Get seo event when click on layout2 view plp\n */\n layoutBigViewPlp() {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'listing',\n event_action: 'tipo_visualizzazione',\n event_label: 'big' // click sul pulsante a destra\n });\n }\n\n /**\n * @function paginationEventClick - Get seo event when click on pagination\n * @param $selfButton - Pagination button\n * @param {Array} elements - array with all necessary elements\n */\n paginationEventClick($selfButton, elements) {\n if (this.checkIfArray(elements, 4)) {\n if ($(elements[0]).hasClass(elements[1])) {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'listing',\n event_action: 'paginazione',\n event_label: 'next_page'\n });\n } else if ($(elements[0]).hasClass(elements[2])) {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'listing',\n event_action: 'paginazione',\n event_label: 'prev_page'\n });\n } else {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'listing',\n event_action: 'paginazione',\n event_label: $selfButton.attr(elements[3])\n });\n }\n }\n }\n\n /**\n * @function registerOkEvent - Get seo event when click on register account and return ok\n * @param profiling - Profilazione user\n * @param newsletter - Newsletter user\n */\n registerOkEvent(profiling, newsletter) {\n let event_label = [];\n if (newsletter) {\n event_label.push('newsletter');\n }\n if (profiling) {\n event_label.push('profilazione');\n }\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'registrazione',\n event_action: 'registrazione_ok',\n event_label: event_label.join('|')\n });\n }\n\n /**\n * @function clickOnChangeEmail - Get seo event when click on change email in edit profile myaccount\n * @param {Array} elements - array with all necessary elements\n */\n clickOnChangeEmail(elements) {\n if (this.checkIfArray(elements, 2)) {\n $(elements[0]).on('click', elements[1], (e) => {\n // click su Cambia Indirizzo Email\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'my_account',\n event_action: 'cambia_indirizzo_email',\n event_label: ''\n });\n });\n }\n }\n\n /**\n * @function clickOnChangeEmail - Get seo event when click on change password in edit profile myaccount\n * @param {Array} elements - array with all necessary elements\n */\n clickOnChangePassword(elements) {\n if (this.checkIfArray(elements, 2)) {\n $(elements[0]).on('click', elements[1], (e) => {\n // click su Cambia Password\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'my_account',\n event_action: 'cambia_password',\n event_label: ''\n });\n });\n }\n }\n\n /**\n * @function checkoutFormError - Get seo event when click on submit form checkout\n * @param {String} checkoutStep - checkout step number\n * @param {Object} element - jquery object representing the element with error\n */\n checkoutFormError(checkoutStep, elements) {\n if (this.checkIfArray(elements, 1) && checkoutStep) {\n let checkoutStages = {\n shipping: '1',\n payment: '2',\n placeorder: '3'\n };\n let eventAction = [];\n let eventLabel = [];\n\n elements.forEach((element) => {\n if (!$(element).is('input') && !$(element).is('select')) {\n element = $(element).find('input, select').get(0);\n }\n\n if (eventAction.indexOf(element.id) <= -1) {\n eventAction.push(element.id);\n }\n\n if (typeof element.dataset !== 'undefined' && typeof element.dataset.parsleyRequiredMessage !== 'undefined') {\n eventLabel.push(element.dataset.parsleyRequiredMessage);\n } else if ($(element).siblings('.errors-list').length > 0) {\n eventLabel.push($(element).siblings('.errors-list').first().text());\n } else {\n eventLabel.push('');\n }\n });\n if (eventAction.length && eventLabel.length) {\n dataLayer.push({\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'errori_checkout_' + checkoutStages[checkoutStep],\n event_action: eventAction.join('|'),\n event_label: eventLabel.join('|')\n });\n }\n }\n }\n\n checkIfArray(elements, mandatoryLength) {\n if (elements instanceof Array && elements.length >= mandatoryLength) {\n return true;\n }\n return false;\n }\n\n init() {\n // placeholder\n }\n\n /* // rimosso con il tracciamento ibrido con GA4\n productSeoValorize() {\n $(document).on('click', '.product-tile a', function (e) {\n Seo.productImpressions();\n if ($(this).hasClass('quickview')) {\n return true;\n }\n var listArray = [];\n var prodLayerArray = [];\n var listObj = Seo.generateProductTrackingModel($(e.target).closest('.product-tile'));\n listArray.push(listObj);\n var productObj = Seo.generateProductTrackingModel($(e.target).closest('.product-tile'));\n prodLayerArray.push(productObj);\n if (prodLayerArray[0].list) {\n delete prodLayerArray[0].list;\n }\n\n if (typeof dataLayer !== 'undefined') {\n let event = {\n event: 'productClick',\n ecommerce: {\n click: {\n actionField: {\n list: (listArray[0] && listArray[0].list) ? listArray[0].list : ''\n },\n products: prodLayerArray\n }\n }\n };\n dataLayer.push(event);\n }\n });\n } */\n\n pushATC(analyticsP, dataLayerGA4){\n let listName = this.pushListType();\n let modalOpen = $('.quick-view-modal').attr('aria-hidden'); //if open aria-hidden == false\n let section = pageTypeForJS;\n if(modalOpen === 'false'){\n section = 'quick_view'\n }\n if (analyticsP) {\n analyticsP = JSON.parse(decodeURIComponent(analyticsP));\n let selectedSizeElem = $('.list-size li.selected span')[0];\n let selectedSize = selectedSizeElem?selectedSizeElem.innerHTML:null;\n let selectedFamilyColorElem = $('a.swatch-color.selected');\n let selectedFamilyColor = selectedFamilyColorElem?selectedFamilyColorElem.data('familyColorSearch'):null;\n if(selectedSize){\n let analyticsObj = {\n where: section,\n event: 'add_to_cart'\n };\n\n if(typeof dataLayerGA4 !== \"undefined\" && dataLayerGA4 !== null) analyticsObj.ecommerce = dataLayerGA4;\n dataLayer.push(analyticsObj);\n }\n }\n }\n\n pushListType() {\n let list;\n let modalOpen = $('.quick-view-modal').attr('aria-hidden'); //if open aria-hidden == false\n if (modalOpen === 'false') {\n switch (pageTypeForJS) {\n case 'plp':\n list = 'category_listing';\n break;\n case 'pdp':\n list = 'related_product';\n break;\n case 'cart':\n list = 'related_products_cart';\n break;\n default:\n list = 'null';\n break;\n }\n }\n return list;\n }\n\n generateProductTrackingModelWishlist(element){\n return Seo.generateProductTrackingModelWishlist(element);\n }\n}\n\nconst EnhancedSeo = new enhancedSeo();\nexport default EnhancedSeo;\n\n\n\n// WEBPACK FOOTER //\n// ./assets/scripts/enhancedSeo.js","import Product from \"../product\";\n\n\nclass SEO {\n run() {\n this.plp();\n this.breadcrumbs();\n this.filters();\n this.homepage();\n this.checkout();\n this.changecountry();\n this.socialshare();\n this.newsletter();\n this.wishlist();\n this.myaccount();\n this.productImpressions();\n this.asyncProductImpressions();\n }\n\n productImpressions() {\n var productTiles = $('.product-tile').not('.tracked');\n var _this = this;\n if (listingProductsArrayForHomePage && productTiles.length > 0) {\n productTiles.each(function () {\n var currentElement = $(this);\n var impression = _this.generateProductTrackingModel(currentElement);\n\n // Before adding an item to the listingProductsArrayForHomePage array,\n // check if already exists and avoid duplicates.\n if ((listingProductsArrayForHomePage.findIndex(item => item.id === impression.id) == '-1') && !currentElement.hasClass('tracked')) {\n listingProductsArrayForHomePage.push(impression);\n listingProductsJson[currentElement.attr('data-pid')] = impression;\n $('.product-tile[data-pid=\"' + currentElement.attr('data-pid') + '\"]').addClass('tracked');\n }\n });\n }\n }\n\n asyncProductImpressions() {\n var _this = this;\n $(window).on('gtmAsyncTrack::impression', function () {\n _this.viewItemListGA4Event();\n });\n }\n\n viewItemListGA4Event(){\n var _this = this;\n var productTiles = $('.product-tile').not('.tracked');\n var asyncProductsArray = [];\n if (productTiles.length > 0) {\n productTiles.each(function () {\n var currentElement = $(this);\n if(!currentElement.hasClass('impression')) {\n var impression = _this.generateProductTrackingModel(currentElement);\n\n // Before adding an item to the asyncProductsArray array,\n // check if already exists and avoid duplicates.\n if ((asyncProductsArray.findIndex(item => item.id === impression.id) == '-1') && !currentElement.hasClass('tracked')) {\n asyncProductsArray.push(impression);\n $('.product-tile[data-pid=\"' + currentElement.attr('data-pid') + '\"]').addClass('tracked');\n }\n }\n });\n _this.asyncProductsArray = asyncProductsArray;\n }\n\n if (typeof currentCurrency !== 'undefined' && asyncProductsArray.length > 0) {\n let items = [];\n let productCurrency = currentCurrency;\n\n asyncProductsArray.forEach(function (product) {\n if (product.category) {\n let categories = product.category.split(\"/\");\n let item = {\n item_id: product.id,\n item_name: product.name,\n currency: productCurrency,\n discount: product.discount,\n index: product.position,\n item_brand: 'twinset milano',\n item_category: categories.length > 0 ? categories[0] : '',\n item_category2: categories.length > 1 ? categories[1] : '',\n item_category3: categories.length > 2 ? categories[2] : '',\n item_list_name: categoryPLP,\n item_variant: product.colorName,\n price: product.price,\n quantity: 1,\n item_availability: product.available,\n item_discount_tag: product.discount != 0 ? 'on_sale' : 'not_on_sale',\n available_size_percentage: product.available_size_percentage,\n item_size: '',\n item_url: product.url,\n item_img: product.imageUrl\n }\n items.push(item);\n }\n });\n\n function chunkArray(array, chunkSize) {\n const results = [];\n for (let i = 0; i < array.length; i += chunkSize) {\n results.push(array.slice(i, i + chunkSize));\n }\n return results;\n }\n\n // Suddividi l'array in gruppi di massimo 15 elementi\n const chunks = chunkArray(items, 15);\n\n // Itera sui gruppi e inviali al dataLayer\n chunks.forEach(function(chunk) {\n var event = {\n event: 'view_item_list',\n ecommerce: {\n currency: currentCurrency,\n items: chunk\n }\n };\n dataLayer.push(event);\n });\n }\n }\n\n generateProductTrackingModel(element) {\n var product = {};\n var data = element.data();\n\n product.name = data.name;\n\n // TR-2126\n // product.id = element.parent().data('pid');\n product.id = element.data('pid');\n product.variantID = element.data('container');\n\n if(element.find('.price-wrapper').data('plist')){\n var fullPrice = element.find('.price-wrapper').data('plist');\n var salesPrice = element.find('.price-wrapper').data('pmin');\n }else{\n var fullPrice = element.find('.price-wrapper').data('pmin');\n var salesPrice = element.find('.price-wrapper').data('pmin');\n }\n\n\n product.price = fullPrice;\n product.discount = fullPrice - salesPrice;\n product.available = element.data('item_availability');\n product.available_size_percentage = Number(element.data('available_size_percentage'));\n product.brand = 'twinset milano';\n product.category = element.data('category');\n product.url= element.data('master_url');\n product.imageUrl= element.data('default_color_image');\n product.colorName = element.data('color_name')\n product.position = data.pos;\n if (!product.position) {\n product.position = element.parent().parent().index() + 1;\n }\n\n if (typeof catListingSearch !== 'undefined') {\n product.list = catListingSearch;\n }\n if (typeof pageTypeForJS !== 'undefined') {\n if (pageTypeForJS == 'home') {\n product.list = 'homepage';\n }\n if (pageTypeForJS == 'plp') {\n product.list = 'plp';\n }\n if (pageTypeForJS == 'pdp' && element.parents('.recommendations').length) {\n product.list = 'related_products';\n }\n if (pageTypeForJS == 'cart' && element.parents('.recommendations').length) {\n product.list = 'related_products_cart';\n }\n }\n if (!product.list && element.parents('.recommendations').length) {\n product.list = 'related_products';\n }\n\n return product;\n }\n\n generateProductTrackingModelWishlist(element) {\n var product = {};\n var data = element.data();\n\n let categories = element.data('category').split(\"/\");\n\n product.currency = element.data('currency');\n product.item_name = data.name;\n product.item_id = element.data('pid').split('_')[0];\n product.discount = Number(element.data('list_price')) - Number(element.data('price'));\n product.price = Number(element.data('list_price'));\n product.brand = 'twinset milano';\n product.item_category = categories.length > 0 ? categories[0] : '';\n product.item_category2 = categories.length > 1 ? categories[1] : '',\n product.item_category3 = categories.length > 2 ? categories[2] : '',\n product.item_variant = element.data('variant-color');\n product.item_size= element.data('variant-size');\n product.item_availability = element.data('item_availability');\n product.item_discount_tag = element.data('item_discount_tag');\n product.quantity = 1;\n product.item_variant_v2 = element.data('pid');\n product.available_size_percentage= Number(element.data('available_size_percentage'));\n product.item_img = element.data('default-color-image');\n product.item_url= element.data('master-url');\n\n if (typeof catListingSearch !== 'undefined') {\n product.item_list_name = catListingSearch;\n }\n if (typeof pageTypeForJS !== 'undefined') {\n if (pageTypeForJS == 'home') {\n product.item_list_name = 'homepage';\n }\n if (pageTypeForJS == 'wishlist') {\n product.item_list_name = 'wishlist';\n }\n if (pageTypeForJS == 'pdp' && element.parents('.recommendations').length) {\n product.item_list_name = 'related_products';\n }\n if (pageTypeForJS == 'cart' && element.parents('.recommendations').length) {\n product.item_list_name = 'related_products_cart';\n }\n }\n if (!product.item_list_name && element.parents('.recommendations').length) {\n product.item_list_name = 'related_products';\n }\n\n return product;\n }\n\n myaccount() {\n $('.my-account-side-nav a.link').on('click', function (e) {\n var dataLayerObject = {\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'my_account',\n event_action: $(this).html() // TODO: missing id, using innerHTML\n };\n\n console.log(JSON.stringify(dataLayerObject));\n if (typeof dataLayer !== 'undefined') {\n dataLayer.push(dataLayerObject);\n }\n });\n }\n\n wishlist() {\n var _this = this;\n $('button.add-to-wishlist-modal, button.add-to-wish-list').on('click', function (e) {\n var variantID = $('.wishlist-list-size li.selected').attr('data-id');\n\n var item_list_name = getPageType($('.js-page').data('action'), this);\n trackForWish(\n $(e.target).closest('.modal').data('url'),\n $(e.target).hasClass('is-in-wishlist'),\n variantID,\n item_list_name);\n });\n\n $('a.add-to-wish-list').on('click', function (e) {\n var eventAction = 'product_page';\n var product;\n var selectedVariant;\n var variantID = $(this).attr('data-pid') ? $(this).attr('data-pid') : $('.container.product-detail').attr('data-pid');\n\n if ($('[data-action=\"Search-Show\"]').length > 0) {\n\n product = $(this).data('id');\n selectedVariant = $('.attribute .list-size .selected .value').text();\n } else if ($('[data-action=\"Cart-Show\"]').length > 0) {\n let arr_info_product = $('.card.product-info').attr('data-pid').split('_');\n product = arr_info_product[0] + '_' + arr_info_product[1];\n selectedVariant = $('.line-item-attributes.item-list-size').attr('data-label');\n } else {\n let arr_info_product = variantID.split('_');\n product = arr_info_product[0] + '_' + arr_info_product[1];\n selectedVariant = $('.attribute .list-size .selected .value').text();\n }\n\n if (selectedVariant === '' || selectedVariant === null) {\n return;\n }\n\n var item_list_name = getPageType($('.js-page').data('action'), this);\n if($(this).parents().find('.quick-view-modal').css('display') === 'block'){\n item_list_name = 'quick_view';\n }\n\n trackForWish(\n $(e.target).closest('.add-to-wish-list').data('track-url'),\n $(this).hasClass('is-in-wishlist'),\n variantID,\n item_list_name);\n });\n\n $('.wishlist-row a.action-link.edit, .wishlist-row .side-image a').on('click', function (e) {\n var prodLayer = [];\n prodLayer.push(_this.generateProductTrackingModelWishlist($(e.target).closest('.wishlist-row')));\n prodLayer.position = $(e.target).closest('.product-row').attr('data-pos').split('.')[0];\n\n if (typeof dataLayer !== 'undefined') {\n dataLayer.push({\n event: 'productClick',\n ecommerce: {\n click: {\n actionField: {\n list: catListingSearch\n },\n products: prodLayer\n }\n }\n });\n }\n });\n\n $('.wishlist-row a.remove-from-wishlist').on('click', function (e) {\n //This is the remove event from wishlist\n\n var product = _this.generateProductTrackingModelWishlist($(e.target).closest('.wishlist-row'));\n\n const dataLayerGA4 = {\n event: 'remove_from_wishlist',\n ecommerce: {\n currency: product.currency,\n value: product.price - product.discount,\n items: []\n }\n }\n dataLayerGA4.ecommerce.items.push(product);\n dataLayer.push(dataLayerGA4);\n });\n }\n\n newsletter() {\n $('.newsletterfooterform button').on('click', function (e) {\n var dataLayerObject = {\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'newsletter_subscription',\n event_action: 'start',\n event_label: 'footer'\n };\n\n console.log(JSON.stringify(dataLayerObject));\n if (typeof dataLayer !== 'undefined') {\n dataLayer.push(dataLayerObject);\n }\n });\n }\n\n socialshare() {\n $('.social-share-icons a').on('click', function (e) {\n var dataLayerObject = {\n event: 'asyncAction',\n gaHitType: 'social',\n socialNetwork: $(this).children('svg').attr('class'),\n socialAction: 'share',\n socialTarget: window.location.href\n };\n\n console.log(JSON.stringify(dataLayerObject));\n if (typeof dataLayer !== 'undefined') {\n dataLayer.push(dataLayerObject);\n }\n });\n\n $('.social-links a').on('click', function (e) {\n var dataLayerObject = {\n event: 'asyncAction',\n gaHitType: 'social',\n socialNetwork: $(this).attr('title').toLowerCase(),\n socialAction: 'click'\n };\n\n console.log(JSON.stringify(dataLayerObject));\n if (typeof dataLayer !== 'undefined') {\n dataLayer.push(dataLayerObject);\n }\n });\n }\n\n changecountry() {\n $('.select-country-content a').on('click', function (e) {\n var dataLayerObject = {\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'default_homepage',\n event_action: 'select_country_lang',\n event_label: $(this).data('locale')\n };\n\n console.log(JSON.stringify(dataLayerObject));\n if (typeof dataLayer !== 'undefined') {\n dataLayer.push(dataLayerObject);\n }\n });\n\n $('.select-lang-modal a').on('click', function (e) {\n var dataLayerObject = {\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'default_homepage',\n event_action: 'select_country_lang',\n event_label: $(this).data('locale')\n };\n\n console.log(JSON.stringify(dataLayerObject));\n if (typeof dataLayer !== 'undefined') {\n dataLayer.push(dataLayerObject);\n }\n });\n }\n\n homepage() {\n var promotionsAsset = [];\n var lookArray = [];\n var position = 0;\n var gridImageAndButton = $('.widget, .widget-1-col-video').not('.widget-3-col-img-shopbylook').find('[data-resize], a.button.editorial, a.js-data-layer-link').add($('.widget-customer-care').find('a.button.editorial'));\n var componentElements = document.getElementsByClassName('experience-component');\n\n //OLD METHOD TO PUSH IN DATALAYER ID AND NAME OF HOMEPAGE ELEMENT\n\n if (componentElements.length == 0) {\n $.each(gridImageAndButton, (itemIndex) => {\n promotionsAsset.push({\n id: $(gridImageAndButton[itemIndex]).closest('[data-asset]').data('asset'),\n name: $(gridImageAndButton[itemIndex]).closest('.widget').find('h2').text() || $(gridImageAndButton[itemIndex]).closest('.box').find('h5').text(),\n creative: '',\n position: itemIndex\n });\n });\n }\n //NEW METHOD TO PUSH IN DATALAYER ID AND NAME OF PAGE DESIGNER COMPONENT\n if (componentElements) {\n\n $.each(componentElements, (i) => {\n var componentID = $(componentElements[i]).contents('[data-id]').attr('data-id');\n var componentName = $(componentElements[i]).contents('[data-title]').attr('data-title');\n\n if (componentName === \"undefined\") {\n componentName = $(componentElements[i]).contents('[data-asset]').attr('data-asset');\n }\n\n promotionsAsset.push({\n id: componentID,\n name: componentName,\n creative: '',\n position: i\n })\n });\n }\n\n\n gridImageAndButton.on('click', (e) => {\n if ($(e.currentTarget).closest('.widget-3-col-img-shopbylook').length == 0) {\n $.each(gridImageAndButton, (itemIndex) => {\n if ($(gridImageAndButton[itemIndex])[0].dataset.resize == $(e.currentTarget)[0].dataset.resize && $(gridImageAndButton[itemIndex])[0].href == $(e.currentTarget)[0].href) {\n position = itemIndex;\n }\n });\n\n var dataLayerObject = {\n event: 'promotionClick',\n ecommerce: {\n promoClick: {\n promotions: [{\n id: $(e.currentTarget).closest('[data-asset]').data('asset') || $(e.currentTarget).closest('[data-id]').attr('data-id'),\n name: $(e.currentTarget).closest('[data-title]').attr('data-title') || $(e.currentTarget).closest('.widget').find('h2').text() || $(gridImageAndButton[position]).closest('.box').find('h5').text(),\n creative: '',\n position: position\n }]\n }\n }\n };\n\n console.log(JSON.stringify(dataLayerObject));\n if (typeof dataLayer !== 'undefined') {\n dataLayer.push(dataLayerObject);\n }\n }\n });\n\n var widgetLook = $('.widget-3-col-img-shopbylook');\n // product look click\n $(widgetLook).on('click', '.owl-item a', function (e) {\n var $self = $(e.currentTarget);\n var lookName = $self.closest('.owl-item').find('h6')[0].innerText;\n var itemPosition = 0;\n var lookId = lookName;\n if ($self[0].href != '' && $self[0].href != 'undefined') {\n var hrefSplit = $self[0].href.split('/');\n var lookIdSplit = hrefSplit[hrefSplit.length - 1].split('-');\n var itemList = $('.widget-3-col-img-shopbylook').find('.owl-item a.button.editorial');\n lookId = lookIdSplit[lookIdSplit.length - 1].replace('.html', '');\n $.each(itemList, (itemIndex) => {\n if ($(itemList[itemIndex])[0].href == $self[0].href) {\n itemPosition = itemIndex;\n }\n });\n }\n if (itemPosition == 9) {\n itemPosition = 1;\n } else if (itemPosition == 10) {\n itemPosition = 2;\n } else if (itemPosition = 11) {\n itemPosition = 3;\n }\n var dataLayerObject = {\n event: 'shop_by_look_click',\n ecommerce: {\n click: {\n actionField: {\n list: 'shop_by_look_home_page'\n },\n products: [{\n name: 'look|' + lookName,\n id: lookId,\n // 'price': '$$$total_price$$$',\n brand: 'twinset milano',\n category: '',\n // 'list': 'shop_by_look_home_page',\n position: itemPosition\n }]\n }\n }\n };\n\n console.log(JSON.stringify(dataLayerObject));\n if (typeof dataLayer !== 'undefined') {\n dataLayer.push(dataLayerObject);\n }\n });\n\n // product look impressions\n var widgetLookElements = $(widgetLook).find('.slide');\n $.each(widgetLookElements, (indexEl) => {\n var $self = $(widgetLookElements[indexEl]);\n var lookName = $($self).find('h6')[0].innerText;\n var aElem = $($self).find('a.button.editorial');\n var lookId = lookName;\n if (aElem[0].href != '' && aElem[0].href != 'undefined') {\n var hrefSplit = aElem[0].href.split('/');\n var lookIdSplit = hrefSplit[hrefSplit.length - 1].split('-');\n lookId = lookIdSplit[lookIdSplit.length - 1].replace('.html', '');\n }\n lookArray.push({\n name: 'look|' + lookName,\n id: lookId,\n // 'price': $$$total_price$$$,\n brand: 'twinset milano',\n category: '',\n list: 'shop_by_look_home_page',\n position: (indexEl + 1)\n });\n });\n\n if (typeof dataLayer !== 'undefined' && lookArray.length > 0) {\n dataLayer.push({\n event: 'shop_by_look_impression',\n ecommerce: {\n impressions: lookArray\n }\n });\n }\n\n if (typeof dataLayer !== 'undefined' && promotionsAsset.length > 0) {\n dataLayer.push({\n event: 'promotionImpression',\n ecommerce: {\n promoView: {\n promotions: promotionsAsset\n }\n }\n });\n }\n }\n\n plp() {\n var _this = this;\n $('div.main-menu a.nav-link').on('click', function (e) {\n var dataLayerObject = {\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'menu',\n event_action: e.target.id,\n event_label: 'only_first_level'\n };\n\n if (typeof dataLayer !== 'undefined') {\n dataLayer.push(dataLayerObject);\n }\n });\n\n $('.navbar h6 a').on('click', function (e) {\n var dataLayerObject = {\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'menu',\n event_action: $(e.target).parents('li.dropdown').children('a').attr('id'),\n event_label: e.target.id\n\n };\n\n console.log(JSON.stringify(dataLayerObject));\n if (typeof dataLayer !== 'undefined') {\n dataLayer.push(dataLayerObject);\n }\n });\n\n $('.menuitem ul a').on('click', function (e) {\n var dataLayerObject = {\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'menu',\n event_action: $(e.target).parents('li.dropdown').children('a').attr('id'),\n event_label: e.target.id\n\n };\n\n console.log(JSON.stringify(dataLayerObject));\n if (typeof dataLayer !== 'undefined') {\n dataLayer.push(dataLayerObject);\n }\n });\n $(document).on('click', '.product-tile a', function (e) {\n\n var id = $(e.target).closest('.product-tile').attr('data-pid');\n var listingProduct = listingProductsJson[$(e.target).closest('.product-tile').attr('data-pid')];\n if(!listingProduct){\n var productTile = $(e.target).closest('.product-tile');\n var impression = _this.generateProductTrackingModel(productTile);\n if ((listingProductsArrayForHomePage.findIndex(item => item.id === impression.id) == '-1')) {\n listingProductsArrayForHomePage.push(impression);\n listingProductsJson[productTile.attr('data-pid')] = impression;\n }\n\n listingProduct = listingProductsJson[$(e.target).closest('.product-tile').attr('data-pid')];\n }\n var productJson = _this.asyncProductsArray ? _this.asyncProductsArray.find(prod => prod.id === id) : listingProduct;\n\n if(!productJson && listingProduct)\n productJson = listingProduct;\n\n if (productJson) {\n\n let list;\n if (typeof catListingSearch !== 'undefined') {\n list = catListingSearch;\n }\n\n if (pageTypeForJS === 'cart') {\n list = 'related_products_cart';\n }\n // triggered both here and enhancedseo.js - disabled here if list is not set due to duplicate tracking TR-1476\n // if (typeof dataLayer !== 'undefined' && list) {\n if (typeof dataLayer !== 'undefined') {\n\n let categories = productJson.category ? productJson.category.split(\"/\") : [];\n let colorName = $(e.currentTarget).data('display-value') ? $(e.currentTarget).data('display-value') : productJson.colorName;\n\n if ($(this).hasClass('quickview')) {\n dataLayer.push({\n event: 'view_item',\n where: 'quick_view',\n ecommerce: {\n currency: currentCurrency,\n items: [\n {\n item_id: productJson.id,\n item_name: productJson.name,\n currency: currentCurrency,\n discount: productJson.discount,\n item_brand: productJson.brand,\n item_category: categories.length > 0 ? categories[0] : '',\n item_category2: categories.length > 1 ? categories[1] : '',\n item_category3: categories.length > 2 ? categories[2] : '',\n item_list_name: productJson.list,\n item_variant: colorName,\n price: productJson.price,\n quantity: 1,\n item_availability: productJson.available,\n item_discount_tag: productJson.discount !== 0 ? 'on_sale' : 'not_on_sale',\n available_size_percentage: productJson.available_size_percentage,\n item_size: '',\n item_variant_v2: productJson.variantID,\n item_url: productJson.url,\n item_img: productJson.imageUrl\n }\n ]\n }\n });\n }else{\n dataLayer.push({\n event: 'select_item',\n ecommerce: {\n currency: currentCurrency,\n items: [\n {\n item_id: productJson.id,\n item_name: productJson.name,\n currency: currentCurrency,\n discount: productJson.discount,\n index: productJson.position,\n item_brand: productJson.brand,\n item_category: categories.length > 0 ? categories[0] : '',\n item_category2: categories.length > 1 ? categories[1] : '',\n item_category3: categories.length > 2 ? categories[2] : '',\n item_list_name: productJson.list,\n item_variant: colorName,\n price: productJson.price,\n quantity: 1,\n item_availability: productJson.available,\n item_discount_tag: productJson.discount !== 0 ? 'on_sale' : 'not_on_sale',\n available_size_percentage: productJson.available_size_percentage,\n item_size: '',\n item_url: productJson.url,\n item_img: productJson.imageUrl\n }\n ]\n }\n });\n }\n\n\n }\n }\n });\n }\n\n breadcrumbs() {\n $('.breadcrumbs-nav a').on('click', function (e) {\n var dataLayerObject = {\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'breadcrumbs',\n event_action: $(this).data('event-action'),\n event_label: $(this).data('event-label')\n };\n\n if (typeof dataLayer !== 'undefined') {\n dataLayer.push(dataLayerObject);\n }\n });\n }\n\n filters() {\n $('div.refinements').on('refinements:update', function (e, data) {\n var clickedFilter = $(data.clickedFilter) || null;\n var selectedSortOption = $('.plp-sort-order .current').length > 0 ?\n $('.plp-sort-order .current').data('id') : '-';\n\n\n if(clickedFilter && $('span.selected').length > 0){\n var dataLayerObject = {\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'filters',\n event_action: 'apply',\n attribute_group: clickedFilter.data('id'),\n attribute_value: clickedFilter.find('span').text().trim(),\n filter_sort: selectedSortOption\n };\n\n if (typeof dataLayer !== 'undefined') {\n dataLayer.push(dataLayerObject);\n }\n } else if ($('span.selected').toArray().map(filter => filter.innerText).join('/')) {\n var dataLayerObject = {\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'filters',\n event_action: 'apply',\n event_label: $('span.selected').toArray().map(filter => filter.innerText).join('/')\n };\n\n if (typeof dataLayer !== 'undefined') {\n dataLayer.push(dataLayerObject);\n }\n }\n });\n\n $('.plp-header-bottom-rocker a.reset').on('click', function (e) {\n var dataLayerObject = {\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'filters',\n event_action: 'reset'\n };\n\n if (typeof dataLayer !== 'undefined') {\n dataLayer.push(dataLayerObject);\n }\n });\n\n $('.plp-sort-order a').on('click', function (e) {\n var dataLayerObject = {\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'filters',\n event_action: 'sort_by',\n attribute_group: '-',\n attribute_value: '-',\n filter_sort: this.parentNode.dataset.id\n };\n\n if (typeof dataLayer !== 'undefined') {\n dataLayer.push(dataLayerObject);\n }\n });\n\n $('.plp-header-content-top button.close').on('click', function (e) {\n var dataLayerObject = {\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'filters',\n event_action: 'close'\n };\n\n if (typeof dataLayer !== 'undefined') {\n dataLayer.push(dataLayerObject);\n }\n });\n\n $('button.filter-results').on('click', function (e) {\n var dataLayerObject = {\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'filters',\n event_action: 'open'\n };\n\n if (typeof dataLayer !== 'undefined') {\n dataLayer.push(dataLayerObject);\n }\n });\n\n $('.select-categories .sub-categories a.sub-category-link').on('click', function (e) {\n var dataLayerObject = {\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'fascia_categorie',\n event_action: (($(this).data('level') == '3') ? 'third_level' : 'second_level'),\n event_label: $(this).html()\n };\n\n if (typeof dataLayer !== 'undefined') {\n dataLayer.push(dataLayerObject);\n }\n });\n }\n\n checkout() {\n $('div#store-picker button').on('click', function (e) {\n var dataLayerObject = {\n event: 'asyncAction',\n gaHitType: 'event',\n event_category: 'find_a_store',\n event_action: $('#store-picker-autocomplete').val().split(', ').slice(-1)[0],\n event_label: `${$('#store-picker-autocomplete').val().split(', ')[0]}|${$('#store-picker-range').val()}km`\n };\n\n console.log(JSON.stringify(dataLayerObject));\n if (typeof dataLayer !== 'undefined') {\n dataLayer.push(dataLayerObject);\n }\n });\n\n // code moved and modified in checkout.js\n\n // $('.single-shipping .tab-nav a').on('click', function (e) {\n // var dataLayerObject = {\n // 'event': 'checkoutOption',\n // 'ecommerce': {\n // 'checkout_option': {\n // 'actionField': {\n // 'step': 1,\n // 'option': $(e.target).parents('li').data('target')\n // }\n // }\n // }\n // };\n\n // actionField.option = $(e.target).parents('li').data('target');\n // console.log(JSON.stringify(dataLayerObject));\n // if(typeof dataLayer !== 'undefined'){\n // dataLayer.push(dataLayerObject);\n // }\n // });\n\n // $('.payment-options input[type=\"radio\"]').on('click', function (e) {\n // var dataLayerObject = {\n // 'event': 'checkoutOption',\n // 'ecommerce': {\n // 'checkout_option': {\n // 'actionField': {\n // 'step': 2,\n // 'option': this.id.toLowerCase()\n // }\n // }\n // }\n // };\n\n // actionField.option = this.id.toLowerCase();\n // console.log(JSON.stringify(dataLayerObject));\n // if(typeof dataLayer !== 'undefined'){\n // dataLayer.push(dataLayerObject);\n // }\n // });\n }\n\n passwordInteractionEvent(actionName){\n dataLayer.push({\n event: \"GAevent\",\n eventID: \"002\",\n eventCategory: \"user_interaction\",\n eventAction: \"password-interaction\",\n eventLabel: actionName,\n eventElement01: \"-\",\n eventElement02: \"-\",\n eventElement03: \"-\"\n })\n }\n}\n\nfunction getPageType(pageAction, element){\n var item_list_name = ''\n if (pageAction === 'Home-Show') {\n item_list_name = 'homepage';\n } else if (pageAction === 'Search-Show') {\n item_list_name = $('.js-page').data('querystring').includes('cgid') ? 'category_listing' : 'search_results';\n }else if (pageAction === 'Product-Show') {\n item_list_name = $(element).parents('.recommendations').length > 0 ? 'related_products' : 'pdp';\n }else if (pageAction === 'Cart-Show') {\n item_list_name = $(element).parents('.recommendations').length > 0 ? 'related_products' : 'cart';\n }\n\n return item_list_name;\n}\n\nfunction trackForWish(urlProductVariant, isInWishlist, variantID, item_list_name) {\n\n $.ajax({\n url: urlProductVariant,\n type: 'get',\n context: this,\n dataType: 'json',\n success: (data) => {\n let discount = '0.00';\n let originalPrice = data.product.price.list;\n let finalPrice = data.product.price.sales;\n\n if(data.product.price.type === 'range'){\n finalPrice = data.product.price.min.sales;\n originalPrice = data.product.price.min.list ? data.product.price.min.list : finalPrice;\n }\n\n if (originalPrice)\n discount = ((parseFloat(originalPrice.decimalPrice) - parseFloat(finalPrice.decimalPrice)).toFixed(2)).toString();\n\n let currency = finalPrice.currency;\n let categories = data.product.categoryPath.split(\"/\");\n let variant = '';\n let pidSplit = data.queryString.split('_');\n if (pidSplit.length > 1) {\n variant = pidSplit[1];\n }\n\n var colorID = variantID.split('_')[1];\n var size = variantID.split('_')[2];\n\n var colorName = colorID;\n data.product.variationAttributes[0].values.filter((obj) => {\n if(obj.id === colorID){\n colorName = obj.displayValue;\n }\n });\n\n const dataLayerGA4 = {\n event: isInWishlist ? 'remove_from_wishlist' : 'add_to_wishlist',\n ecommerce: {\n currency: currency,\n where: item_list_name,\n value: Number(finalPrice.decimalPrice),\n items: [\n {\n item_id: data.product.id,\n item_name: data.product.productName,\n currency: currency,\n discount: Number(discount),\n item_brand: 'twinset milano',\n item_category: categories.length > 0 ? categories[0] : '',\n item_category2: categories.length > 1 ? categories[1] : '',\n item_category3: categories.length > 2 ? categories[2] : '',\n item_list_name: item_list_name,\n item_variant: colorName,\n price: originalPrice ? Number(originalPrice.decimalPrice) : Number(finalPrice.decimalPrice),\n quantity: data.product.selectedQuantity,\n item_availability: data.product.availability.inStock ? 'in_stock' : 'out_of_stock',\n item_discount_tag: discount !== '0.00' ? 'on_sale' : 'not_on_sale',\n available_size_percentage: Number(data.product.available_size_percentage),\n item_size: size,\n item_variant_v2: variantID,\n item_url: data.product.masterUrl,\n item_img: data.product.images.large[0].url\n }\n ]\n }\n }\n dataLayer.push(dataLayerGA4);\n },\n error: (err) => {\n }\n });\n}\n\nconst Seo = new SEO();\nexport default Seo;\n\n\n\n// WEBPACK FOOTER //\n// ./assets/scripts/components/seo.js","function showAlertModal(data) {\r\n const modal = $('.modal-background')\r\n modal.css('display', 'flex').html(data.message);\r\n modal.find('.js-continue-btn').click((e) => {\r\n e.preventDefault();\r\n $('.prices-add-to-cart-actions button').first().trigger('click', {destroyBasket: true});\r\n modal.empty().hide();\r\n });\r\n modal.find('.js-not-continue-btn').click((e) => {\r\n e.preventDefault();\r\n modal.hide();\r\n });\r\n}\r\n\r\nmodule.exports = {\r\n showAlertModal: showAlertModal\r\n};\n\n\n// WEBPACK FOOTER //\n// ./assets/scripts/product/giftCardHelper.js","class cookieUtil {\n\n getCookie(cookieName) {\n var name = cookieName + '=';\n var decodedCookie = decodeURIComponent(document.cookie);\n var cookieArray = decodedCookie.split(';');\n\n for (var i = 0; i < cookieArray.length; i++) {\n var cookieItem = cookieArray[i];\n\n while (cookieItem.charAt(0) === ' ') {\n cookieItem = cookieItem.substring(1);\n }\n\n if (cookieItem.indexOf(name) === 0) {\n return cookieItem.substring(name.length, cookieItem.length);\n }\n }\n\n return '';\n }\n\n setCookie(cookieName, value, days, path) {\n var expires = '';\n if (days) {\n var date = new Date();\n date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));\n expires = '; expires=' + date.toUTCString();\n }\n if (path) {\n document.cookie = cookieName + '=' + (value || '') + expires + '; path=' + path;\n } else {\n document.cookie = cookieName + '=' + (value || '') + expires + '; path=/';\n }\n }\n\n deleteCookie(name) {\n document.cookie = name + '=; Path=/; expires=Thu, 01 Jan 1970 00:00:01 GMT;';\n }\n\n};\n\nconst CookieUtil = new cookieUtil()\nexport default CookieUtil\n\n\n// WEBPACK FOOTER //\n// ./assets/scripts/util/cookieUtil.js","export const wishlistModal = () => {\n const modalInstances = {};\n const breakpoint = Foundation.MediaQuery.current;\n // generate wishlist modals\n $('.wishlist-modal:not(.initialized)').each((i, el) => {\n const $modal = $(el);\n const id = $modal.data('id');\n $modal.addClass('initialized');\n if (!Object.prototype.hasOwnProperty.call(modalInstances, id)) {\n modalInstances[id] = new Foundation.Reveal($modal);\n }\n\n // const $modalError = $modal.find('.wishlist-modal-error-wrapper');\n\n let pid;\n $modal.find('.wishlist-list-size li').click((e) => {\n $(e.currentTarget).siblings().removeClass('selected');\n $(e.currentTarget).addClass('selected');\n pid = $(e.currentTarget).data('id');\n $modal.find('.add-to-wishlist-modal').attr('disabled', false);\n });\n\n $modal.find('.add-to-wishlist-modal').click((e) => {\n const url = $(e.currentTarget).data('url');\n const modalID = $(e.currentTarget).data('id');\n if (!pid) return;\n\n $.ajax({\n url: url,\n method: 'POST',\n data: {\n pid\n },\n success: (data) => {\n if (breakpoint !== 'large' && breakpoint !== 'xlarge' && breakpoint !== 'xxlarge') {\n if (!$('.add-to-wl-messages').hasClass('show')) {\n var link = $('.add-to-wl-messages').attr('data-href');\n $('.add-to-wl-messages').append(\n `
`\n ).addClass('show');\n\n setTimeout(function () {\n $('.add-to-wl-messages').removeClass('show');\n $('.add-to-wl-alert').remove();\n $('.header-toolbar .wishlist-icon, .mobile-pane-header .wishlist-render').addClass('has-wishlist-list');\n $modal.find('.add-to-wishlist-modal').attr('disabled', true);\n $modal.find('.wishlist-list-size li').removeClass('selected');\n modalInstances[modalID].close();\n }, 1500);\n }\n } else {\n $('.header-toolbar .wishlist-icon, .mobile-pane-header .wishlist-render').addClass('has-wishlist-list');\n $modal.find('.add-to-wishlist-modal').attr('disabled', true);\n $modal.find('.wishlist-list-size li').removeClass('selected');\n modalInstances[modalID].close();\n // $(`#wishlist-modal-${modalID}`).foundation('close');\n }\n\n $('.wishlist-modal-open[data-id=' + modalID + ']').addClass('is-in-wishlist');\n\n let event_action = '';\n let action = $('.js-page').data('action');\n if (action === 'Home-Show') {\n event_action = 'homepage';\n } else if (action === 'Search-Show') {\n event_action = 'category_page';\n } else {\n event_action = (action || action.length >0 ) ? action.split('-')[0].toLowerCase() + '_page' : 'undefined_action';\n }\n\n // Trigger Goal Event: wishlist_created\n if (data.created) {\n dataLayer.push({\n gaHitType: 'event',\n event: 'goal_event',\n event_category: 'wishlist_created',\n event_action: event_action,\n event_label: pid.replace(/_([^_]*)$/, '|$1', '|$1')\n });\n }\n },\n error: (error) => {\n console.log('error in process request', error);\n // Callout.error(null, error.)\n }\n });\n });\n });\n\n // open modals\n $('.wishlist-modal-open:not(.initialized)').each((i, el) => {\n const $openWishlistLink = $(el);\n $openWishlistLink.addClass('initialized');\n\n $openWishlistLink.click((e) => {\n const modalID = $(e.currentTarget).data('id');\n if (modalInstances[modalID] !== 'undefined') {\n modalInstances[modalID].open();\n }\n });\n });\n};\n\nclass wishlistAdd {\n run() {\n this.addToWishlist();\n $(window).off('wishlist:initialize').on('wishlist:initialize', (e, data) => {\n this.addToWishlist();\n wishlistModal();\n });\n }\n\n addToWishlist() {\n $(document).on('click', '.add-to-wish-list', (e) => {\n e.preventDefault();\n\n const self = $(e.currentTarget);\n const url = (!self.hasClass('is-in-wishlist')) ? (self.attr('href') || self.attr('data-action-add')) : self.attr('data-remove-url');\n const headerWishlist = $('.header-toolbar .wishlist-icon');\n const headerWishlistMobile = $('.mobile-pane-header .wishlist-render');\n const breakpoint = Foundation.MediaQuery.current;\n\n let pid = self.closest('.product-detail').attr('data-pid') || self.attr('data-pid');\n let optionId;\n let optionVal;\n\n optionId = optionId || null;\n optionVal = optionVal || null;\n\n const addToWishlistCall = (u, id, optId, optVal) => {\n self.attr('disabled', true);\n\n $.ajax({\n url: u,\n type: 'post',\n dataType: 'json',\n data: {\n pid: id,\n optionId: optId,\n optionVal: optVal\n },\n success: (data) => {\n self.attr('disabled', false).addClass('is-in-wishlist');\n\n if (!headerWishlist.hasClass('has-wishlist-list')) {\n headerWishlist.addClass('has-wishlist-list');\n }\n\n if (!headerWishlistMobile.hasClass('has-wishlist-list')) {\n headerWishlistMobile.addClass('has-wishlist-list');\n }\n\n if (self.parent('.edit-add-to-wishlist').length) {\n self.closest('.card').find('.add-to-wish-list').each((index, el) => {\n el = $(el);\n const label = el.attr('data-remove-label');\n el.addClass('is-in-wishlist').children('.label').text(label).attr('title', label);\n });\n }\n\n if (self.parents('#size-modal-wishlist').length) {\n $('#size-modal-wishlist .close-modal').trigger('click');\n $('.product-detail .add-to-wish-list').addClass('is-in-wishlist');\n }\n if (breakpoint !== 'large' && breakpoint !== 'xlarge' && breakpoint !== 'xxlarge') {\n if (!$('.add-to-wl-messages').hasClass('show')) {\n var link = $('.add-to-wl-messages').attr('data-href');\n $('.add-to-wl-messages').append(\n `
`\n ).addClass('show');\n\n setTimeout(function () {\n $('.add-to-wl-messages').removeClass('show');\n $('.add-to-wl-alert').remove();\n }, 3500);\n }\n }\n\n let event_action = '';\n let action = $('.js-page').data('action');\n if (action === 'Home-Show') {\n event_action = 'homepage';\n } else if (action === 'Search-Show') {\n event_action = 'category_page';\n } else {\n event_action = (action || action.length >0 ) ? action.split('-')[0].toLowerCase() + '_page' : 'undefined_action';\n }\n // Trigger Goal Event: wishlist_created\n if (data.created) {\n dataLayer.push({\n gaHitType: 'event',\n event: 'goal_event',\n event_category: 'wishlist_created',\n event_action: event_action,\n event_label: pid.replace(/_([^_]*)$/, '|$1', '|$1')\n });\n }\n },\n error: (err) => {\n console.log(err);\n }\n });\n };\n\n const removeWishlist = (u) => {\n $.ajax({\n url: u,\n type: 'get',\n dataType: 'json',\n data: {},\n success: (data) => {\n self.attr('disabled', false).removeClass('is-in-wishlist');\n\n if (data.list.length === 1) {\n headerWishlist.removeClass('has-wishlist-list');\n headerWishlistMobile.removeClass('has-wishlist-list');\n }\n\n if (self.parent('.edit-add-to-wishlist').length) {\n self.closest('.card').find('.add-to-wish-list').each((index, el) => {\n el = $(el);\n const label = el.attr('data-add-label');\n el.removeClass('is-in-wishlist').children('.label').text(label).attr('title', label);\n });\n }\n },\n error: () => {\n document.location.reload();\n }\n });\n };\n\n if (!url || !pid || self.attr('disabled') || self.hasClass('disabled')) {\n return;\n }\n\n if ($('.list-size').length) {\n if ($('.list-size > li.selected').length === 0) {\n if ($('.size-modal-wishlist-button').length) {\n $('.size-modal-wishlist-button').trigger('click');\n } else if ($('.list-size').next('.error-msg').length === 0) {\n const div = $('
');\n const errorMsg = $('.variation-attr').attr('data-error-msg');\n div.text(errorMsg).insertAfter('.quick-view-details .list-size');\n }\n } else if (!self.hasClass('is-in-wishlist')) {\n addToWishlistCall(url, pid, optionId, optionVal);\n } else {\n removeWishlist(url);\n }\n } else if (!self.hasClass('is-in-wishlist')) {\n addToWishlistCall(url, pid, optionId, optionVal);\n } else {\n removeWishlist(url);\n }\n });\n }\n}\n\nconst WishlistAdd = new wishlistAdd();\nexport default WishlistAdd;\n\n\n\n// WEBPACK FOOTER //\n// ./assets/scripts/components/wishlist.js","class urlParams {\n /**\n * @function getAllUrlParams - get params from querystring\n * @param {string} queryString - querystring parameters\n * @returns {object} - object with all params of the querystring argument\n */\n getAllUrlParams(queryString) {\n // we'll store the parameters here\n var obj = {};\n\n // if query string exists\n if (queryString) {\n // stuff after # is not part of query string, so get rid of it\n queryString = queryString.split('#')[0];\n\n // split our query string into its component parts\n var arr = queryString.split('&');\n\n for (var i = 0; i < arr.length; i++) {\n // separate the keys and the values\n var a = arr[i].split('=');\n\n // in case params look like: list[]=thing1&list[]=thing2\n var paramNum = undefined;\n var paramName = a[0].replace(/\\[\\d*]/, function (v) {\n paramNum = v.slice(1, -1);\n return '';\n });\n\n // set parameter value (use 'true' if empty)\n var paramValue = typeof (a[1]) === 'undefined' ? true : a[1];\n\n // (optional) keep case consistent\n paramName = paramName;\n paramValue = paramValue;\n\n // if parameter name already exists\n if (obj[paramName]) {\n // convert value to array (if still string)\n if (typeof obj[paramName] === 'string') {\n obj[paramName] = [obj[paramName]];\n }\n // if no array index number specified...\n if (typeof paramNum === 'undefined') {\n // put the value on the end of the array\n obj[paramName].push(paramValue);\n }\n // if array index number specified...\n else {\n // put the value at that index number\n obj[paramName][paramNum] = paramValue;\n }\n }\n // if param name doesn't exist yet, set it\n else {\n obj[paramName] = paramValue;\n }\n }\n }\n\n return obj;\n }\n\n /**\n * @function removeParamFromUrl - remove param from url by key\n * @param {string} key - param key\n * @param {string} url - url with params\n * @returns {string} - url without param\n */\n removeParamFromUrl(key, url) {\n var rtn = url.split('?')[0];\n var param;\n var paramsarr = [];\n var queryString = (url.indexOf('?') !== -1) ? url.split('?')[1] : '';\n if (queryString !== '') {\n paramsarr = queryString.split('&');\n for (var i = paramsarr.length - 1; i >= 0; i -= 1) {\n param = paramsarr[i].split('=')[0];\n if (param === key) {\n paramsarr.splice(i, 1);\n }\n }\n rtn = rtn + '?' + paramsarr.join('&');\n }\n return rtn;\n }\n\n /**\n * @function removeParamFromUrl - remove param from url by key\n * @param {string} key - param key\n * @param {string} url - url with params\n * @returns {string} - url without param\n */\n replaceParamFromUrl(key, url, newparam) {\n if (!url) {\n return;\n }\n var rtn = url.split('?')[0];\n let found = false;\n var param;\n var paramsarr = [];\n var queryString = (url.indexOf('?') !== -1) ? url.split('?')[1] : '';\n if (queryString !== '') {\n paramsarr = queryString.split('&');\n for (var i = paramsarr.length - 1; i >= 0; i -= 1) {\n param = paramsarr[i].split('=')[0];\n if (param === key) {\n paramsarr[i] = param + '=' + newparam;\n found = true;\n }\n }\n if (!found) {\n paramsarr.push(key + '=' + newparam);\n }\n\n rtn = rtn + '?' + paramsarr.join('&');\n }\n return rtn;\n }\n\n addParam(url, param) {\n return (url || '').indexOf('?') !== -1 ? url + '&' + param : url + '?' + param;\n }\n}\n\nconst UrlParams = new urlParams();\nexport default UrlParams;\n\n\n\n// WEBPACK FOOTER //\n// ./assets/scripts/util/urlParams.js","class RecentlyViewed {\n run() {\n this.initialize();\n\n $(window).off('recentlyviewed:initialize').on('recentlyviewed:initialize', (e, data) => {\n this.initialize();\n });\n }\n\n\n initialize() {\n $('.widget-recently-viewed:not(.initialized)').each((i, el) => {\n const $widget = $(el);\n $widget.addClass('initialized');\n\n const count = Math.round($widget.find('.slider').children().length / 4);\n let current = 0;\n const slider = $widget.find('.slider').owlCarousel({\n loop: false,\n nav: false,\n responsive: {\n 0: {\n items: 2,\n margin: 5\n },\n 600: {\n items: 4,\n margin: 16\n },\n 800: {\n items: 4,\n margin: 40\n }\n }\n });\n slider.on('changed.owl.carousel', (e) => {\n current = e.page.index;\n $widget.find('.widget-current').text(current + 1);\n });\n var move = () => {\n $widget.find('.widget-current').text(current + 1);\n slider.trigger('to.owl.carousel', [current]);\n };\n $widget.find('.widget-total').text(count);\n $widget.find('.widget-next').click(() => {\n if (current + 1 >= count) { return; }\n current++;\n move();\n });\n $widget.find('.widget-prev').click(() => {\n if (current - 1 < 0) { return; }\n current--;\n move();\n });\n });\n }\n}\n\n\nconst recentlyViewed = new RecentlyViewed();\nexport default recentlyViewed;\n\n\n\n// WEBPACK FOOTER //\n// ./assets/scripts/widgets/recentlyViewed.js","'use strict'\r\n\r\nimport {promiseAllScripts, getUnloadedScripts} from './helpers/scriptLoader'\r\n\r\n/**\r\n * Lazyloads owl scripts\r\n */\r\nexport function initOwlCarousel(callback){\r\n if('requestIdleCallback' in window){\r\n window.requestIdleCallback(function(){\r\n return promiseAllScripts(getUnloadedScripts('.js-async-owl'), callback);\r\n })\r\n }\r\n else {\r\n window.addEventListener('load', function(){\r\n return promiseAllScripts(getUnloadedScripts('.js-async-owl'), callback);\r\n })\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./assets/scripts/performance/owl.js","'use strict'\r\n\r\nfunction loadScript(src) {\r\n return new Promise(function(resolve, reject) {\r\n let element;\r\n\r\n if (src.endsWith('.css')) {\r\n element = document.createElement('link');\r\n element.href = src;\r\n element.rel = 'stylesheet';\r\n } else if (src.endsWith('.js')) {\r\n element = document.createElement('script');\r\n element.src = src;\r\n element.async = true;\r\n } else {\r\n return reject(new Error('Unsupported resource type: ' + src));\r\n }\r\n\r\n element.onload = () => resolve(src);\r\n element.onerror = () => reject(new Error('Error while lazy loading resource: ' + src));\r\n\r\n document.head.appendChild(element);\r\n });\r\n}\r\n\r\n\r\n/**\r\n * Retrieves owl scripts data, excluding already loaded scripts\r\n * @param selector\r\n * @returns {string[]}\r\n */\r\nexport function getUnloadedScripts(selector){\r\n const currentScripts = Array.from(document.querySelectorAll('script')).map(script => script.src);\r\n const scriptsData = document.querySelector(selector);\r\n if(!scriptsData)\r\n return [];\r\n\r\n const owlScripts = [scriptsData.dataset.urlJs, scriptsData.dataset.urlCss].filter(function(url){\r\n return (url && !currentScripts.includes(url));\r\n });\r\n\r\n scriptsData.remove();\r\n return owlScripts;\r\n}\r\n\r\n\r\n/**\r\n * Function that loads an array of scripts.\r\n * Useful for lazyloading purposes\r\n * @param scriptUrls\r\n * @returns {Promise
}\r\n */\r\nexport function promiseAllScripts(scriptUrls, callback){\r\n //STEP 1 -- Use a promise all to load every script, then initialize them as usual\r\n return Promise.all(scriptUrls.map(loadScript))\r\n .then(() => {\r\n if (typeof callback === 'function')\r\n callback();\r\n })\r\n .catch(error => {\r\n console.error('Error while loading scripts. Error: ', error.message);\r\n });\r\n}\n\n\n// WEBPACK FOOTER //\n// ./assets/scripts/performance/helpers/scriptLoader.js","'use strict'\r\n\r\nimport {promiseAllScripts, getUnloadedScripts} from './helpers/scriptLoader'\r\n\r\n/**\r\n * Lazyloads wishlist scripts\r\n * @param [callback]\r\n */\r\nexport function initWishlist(callback){\r\n if('requestIdleCallback' in window){\r\n window.requestIdleCallback(function(){\r\n return promiseAllScripts(getUnloadedScripts('.js-async-wishlist'), callback);\r\n })\r\n }\r\n else {\r\n window.addEventListener('load', function(){\r\n return promiseAllScripts(getUnloadedScripts('.js-async-wishlist'), callback);\r\n })\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./assets/scripts/performance/wishlist.js"],"sourceRoot":""}