').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","import carousel from '../components/carousel';\nimport EnhancedSeo from '../enhancedSeo';\nimport Product from '../product';\nimport Seo from '../components/seo.js';\n\nclass Quickview {\n constructor() {\n Product.colorAttribute();\n Product.selectAttribute();\n Product.availability();\n Product.addToCart();\n }\n\n run() {\n this.showQuickview();\n this.closedModal();\n this.hideDialog();\n }\n\n defaultColor(selectedProduct) {\n var self = this;\n if ($('.quick-view-modal .swatch-color.selectable').length !== 0) {\n if (!$('.quick-view-modal .swatch-color.selected').length) {\n let defaultPid = selectedProduct.split('_')[1];\n $('.quick-view-modal .swatch-color.selectable[data-attr-value='+defaultPid+']').click()\n } else {\n // Trigger size selection if the color is selected upon page load (i.e. when dw_xxx_color is in the request params)\n self.selectSingleSize();\n }\n }\n EnhancedSeo.clickQuickViewProduct(['.modal-content', '.product-quickview', 'pid', '.quick-view-modal .swatch-color.selectable', 'data-family-color-search']);\n }\n\n selectSingleSize() {\n if ($('.quick-view-modal .swatch-color.selected').length) {\n var sizes = $('.quick-view-modal .attribute .list-size').find('li');\n var sizesSelected = $('.quick-view-modal .attribute .list-size').find('li.selected');\n if (sizes.length === 1 && sizesSelected.length === 0) {\n sizes[0].click();\n }\n }\n }\n\n triggerSelectionOfSingleSize() {\n var self = this;\n $('body').on('product:afterAttributeSelect', (e) => {\n // trigger only if we have a color selected\n self.selectSingleSize();\n });\n }\n\n showQuickview() {\n $('body').on('click', '.quickview', (event) => {\n event.preventDefault();\n const selectedValueUrl = $(event.currentTarget).closest('a.quickview').attr('href');\n const selectedProduct = $(event.currentTarget).closest('.selected-product').data('container');\n const productUrl = selectedValueUrl.replace('Product-ShowQuickView', 'Product-Show');\n\n $(event.target).trigger('quickview:show');\n this.fillModalElement(productUrl, selectedValueUrl, selectedProduct);\n });\n }\n\n closedModal() {\n $(document).on('closed.zf.reveal', '#quickViewModal', () => {\n $('.product-quickview .swatch-color').off('click.quickview');\n $('#quickViewModal .modal-body').empty();\n });\n }\n\n fillModalElement(productUrl, selectedValueUrl, selectedProduct) {\n $.ajax({\n url: selectedValueUrl,\n method: 'GET',\n dataType: 'html',\n success: (html) => {\n const parsedHtml = this.parseHtml(html);\n\n $('.modal-body').empty().html(parsedHtml.body);\n $('.pdp-link').attr('href', productUrl);\n Product.colorValue();\n this.updateAttributes();\n this.defaultColor(selectedProduct);\n this.triggerSelectionOfSingleSize();\n this.pdpLinkOnColorSelection();\n this.pdpLinkOnSizeSelection();\n carousel.quickviewCarousel();\n Seo.wishlist();\n }\n });\n }\n\n /**\n * function for managing full productpage link in quickview modal\n * link changes based on the color variation selected by the user, if any\n * @returns {void}\n */\n pdpLinkOnColorSelection() {\n $('.product-quickview .swatch-color').on('click.quickview', (e) => {\n var fullPdp = $('.product-quickview').find('.full-pdp-link a');\n var hrefQs = $(e.currentTarget).attr('href').split('?');\n\n if (hrefQs.length > 1) {\n hrefQs = hrefQs[1];\n if (fullPdp.length > 0) {\n var destinationQS = fullPdp.attr('href').split('?');\n if (destinationQS.length > 1) {\n destinationQS = destinationQS[0] + '?' + hrefQs;\n fullPdp.attr('href', destinationQS);\n }\n }\n }\n });\n }\n\n /**\n * function for managing full productpage link in quickview modal\n * link changes based on the size variation selected by the user, if any\n * @returns {void}\n */\n pdpLinkOnSizeSelection() {\n $('.product-quickview .list-size .default').on('click.quickview', (e) => {\n var fullPdp = $('.product-quickview').find('.full-pdp-link a');\n var hrefQs = $(e.currentTarget).attr('data-url-value').split('?');\n\n if (hrefQs.length > 1) {\n hrefQs = hrefQs[1];\n if (fullPdp.length > 0) {\n var destinationQS = fullPdp.attr('href').split('?');\n if (destinationQS.length > 1) {\n destinationQS = destinationQS[0] + '?' + hrefQs;\n fullPdp.attr('href', destinationQS);\n }\n }\n }\n });\n }\n\n parseHtml(html) {\n const $html = $('
').append($.parseHTML(html));\n const body = $html.find('.product-quickview');\n return {\n body: body\n };\n }\n\n hideDialog() {\n $('body').on('product:afterAddToCart', () => {\n $('#quickViewModal').foundation('close');\n });\n }\n\n updateAttributes() {\n $('body').on('product:afterAttributeSelect', (e, response) => {\n const pdplink = $('#pdp-link');\n const link = pdplink.attr('href').replace(/\\?pid=.*/g, `?pid=${response.data.product.id}`).replace('Product-Show','Product-Variation');\n\n $(response.container).attr('data-pid', response.data.product.id);\n pdplink.attr('href', link);\n });\n }\n}\n\nconst quickview = new Quickview();\nexport default quickview;\n\n\n\n// WEBPACK FOOTER //\n// ./assets/scripts/quickview/index.js"],"sourceRoot":""}