Your product has been added to the wishlist
'\n * @param {String} status - (MANDATORY) the alert status. It accepts two values: 'alert-success' for succesful alerts and 'alert-danger' for warning alerts\n * @param {String} appendTo - (OPTIONAL) The element to append the alert to. It defaults to body\n * @param {Boolean} dismissible - (OPTIONAL) If true, set a dismissible alert. Dismissible alerts have no timeout and a button which requires user interaction in order to close it\n * @param {String} prependTo - (OPTIONAL) The element to prepend the alert to. It defaults to body\n * @param {Boolean} timeout - (OPTIONAL) If false, remove the default timeout for alerts. Dismissible alerts have no timeout by default\n * \n */\n\n/**\n * ----------------\n * Example of usage\n * ----------------\n * var alertNotification = require('./alertNotification');\n * alertNotification.set(\n {\n alertName: 'add-to-wishlist',\n alertOptions: {\n message: data.msg,\n status: 'alert-success' \n }\n }\n);\n*/\n\nclass AlertNotification {\n set ({alertName, id, alertOptions}) {\n let alertContainer = document.querySelector('.alert-messages');\n let attachToElement = alertOptions.appendTo || alertOptions.prependTo;\n\n if (!alertContainer && !attachToElement) {\n alert.createAlertContainer (alertName);\n }\n\n alert.createAlert(alertName, id, alertOptions);\n }\n}\n\nconst alertNotification = new AlertNotification ();\nmodule.exports = alertNotification;\n","'use strict';\n\nvar UUIDGenerator = require('../UUIDGenerator');\n\n/**\n * DEFAULT VALUES\n */\nconst _ALERTTIMEOUT = 5000; // 2 seconds\nconst _DISMISSIBLE = true;\n\n/**\n * Construct the HTML for the alert, depending on whether it's a dismissible alert or not\n * @param {String} status - The status of the alert message. It accepts two values: 'alert-success' for succesful alerts and 'alert-danger' for warning alerts\n * @param {String} id - An optional identifier for the alert\n * @param {String} alertName - A class name for the alert\n * @param {Number} alertUUID - The alert identifier number\n * @param {String} message - The message to attach to alert. It can be simple text or a HTML string - e.g., 'Your product has been added to the wishlist
'\n * @param {Boolean} dismissible - If true, set a dismissible alert. Dismissible alerts have no timeout and a button which requires user interaction in order to close it\n * @returns {String} alert - The HTML repesentation of the request alert\n */\n\nconst createAlertHTML = (status, id, alertName, alertUUID, message, dismissible) => {\n let alert;\n let dwPropertyLabels = window.dwResources.properties;\n\n if (dismissible) {\n alert =`Your product has been added to the wishlist
'\n * @param {String} status - The alert status. It accepts two values: 'alert-success' for succesful alerts and 'alert-danger' for warning alerts\n * @param {String} appendTo - The element to append the alert to. It defaults to body.\n * @param {String} prependTo - The element to prepend the alert to. It defaults to body\n * @param {Boolean} timeout - If false, remove the default timeout for alerts. Dismissible alerts have no timeout by default\n * @param {Boolean} dismissible - If true, set a dismissible alert. Dismissible alerts have no timeout and a button which requires user interaction in order to close it\n */\n\nconst createAlert = (alertName, id, {message, status, appendTo, prependTo, timeout, dismissible}) => {\n let attachToElement = appendTo || prependTo;\n var dismissibleAlert = dismissible == false ? dismissible : _DISMISSIBLE;\n\n let alertContainer = document.querySelector(attachToElement) || document.querySelector('.alert-messages');\n let alertUUID = UUIDGenerator.get();\n let alertHTML = createAlertHTML(status, id, alertName, alertUUID, message, dismissibleAlert);\n\n if (attachToElement) {\n alertContainer.insertAdjacentHTML(appendTo ? 'beforeend' : 'afterbegin', alertHTML);\n } else {\n alertContainer.insertAdjacentHTML('afterbegin', alertHTML);\n\n }\n\n if (dismissible != true && timeout != false) {\n _setAlertTimeout(alertUUID, alertContainer);\n }\n};\n\n/**\n * Create an alert container. An alert container is automatically created when no element to attach the alert to has been specified using the appendTo and prependTo options or when no alert container already exists\n * @param {String} alertName - A class name for the alert\n */\nconst createAlertContainer = (alertName) => {\n const alertElementDiv = document.createElement('div');\n alertElementDiv.classList.add(`${alertName}-messages`, 'alert-messages');\n\n document.body.append(alertElementDiv);\n};\n\nmodule.exports = {\n createAlert: createAlert,\n createAlertContainer: createAlertContainer\n};\n\n","const TIMEOUT = 5000;\n\nclass UserActivity {\n\n callback;\n\n events = [\n 'mousemove',\n 'mousedown',\n 'keydown',\n 'touchstart',\n 'touchmove',\n 'scroll',\n 'click',\n 'pointermove',\n 'pointerdown'\n ];\n\n timeoutId;\n\n constructor(callback) {\n this.callback = callback;\n this.resetListener = () => this.reset();\n }\n\n start() {\n this.reset();\n\n this.events.forEach(event => {\n document.addEventListener(event, this.resetListener, true);\n });\n }\n\n reset() {\n clearTimeout(this.timeoutId);\n this.timeoutId = setTimeout(this.callback, TIMEOUT);\n }\n\n stop() {\n clearTimeout(this.timeoutId);\n this.events.forEach(event => {\n document.removeEventListener(event, this.resetListener, true);\n });\n }\n}\n\nexport default UserActivity;\n","import UserActivity from './userActivity';\n\nconst NEWSLETTER_STORAGE_KEY = 'newsletterModalClosed';\n\nfunction newsletterModal () {\n const isClosed = localStorage.getItem(NEWSLETTER_STORAGE_KEY);\n const modal = $('#newsletterModal');\n\n if (isClosed || !modal.length) return;\n\n const idleCallback = () => {\n modal.modal('show');\n };\n\n const userActivity = new UserActivity(idleCallback);\n userActivity.start();\n\n modal.on('hidden.bs.modal', function () {\n localStorage.setItem(NEWSLETTER_STORAGE_KEY, true);\n userActivity.stop();\n });\n\n $('#newsletterModal [name=\"emailId\"]').on('focus', () => {\n $('#newsletterModal .subscribe-email, #newsletterModal .privacy-group').show();\n });\n\n $('body').on('newsletter:subscribeSuccess', () => {\n localStorage.setItem(NEWSLETTER_STORAGE_KEY, true);\n modal.modal('hide');\n });\n}\n\nexport default newsletterModal;\n","const scrollIntoView = (anchor) => {\n const headerMenuHeight = $('.header-menu:visible').outerHeight() ? $('.header-menu:visible').outerHeight() : 0;\n const headerHeadHeight = $('.header-head:visible').outerHeight() ? $('.header-head:visible').outerHeight() : 0;\n var headerHeight = headerMenuHeight + headerHeadHeight + 100;\n\n $('html, body').animate(\n {\n scrollTop: $(anchor).offset().top - headerHeight\n }, 700\n );\n};\n\nexport default scrollIntoView;\n","'use strict';\n\n/**\n * Construct a Universally Unique IDentifier number\n * @returns {Number} A universally unique identifier\n */\n\nconst getUUID = () => {\n let UUID = new Uint32Array(1);\n window.crypto.getRandomValues(UUID);\n\n return UUID[0];\n};\n\nmodule.exports = {\n get: getUUID\n};","'use strict';\n\nfunction sendPageData (pageLang,pageType,storeView,visitorId,loginState,visitorType,existingCustomer,lifetimeValue,newsletterSubscription){\n window.dataLayer.push({\n 'pageLang': pageLang,\n 'pageType': pageType,\n 'storeView': storeView,\n 'visitorId': visitorId,\n 'visitorLoginState': loginState,\n 'visitorType': visitorType,\n 'visitorExistingCustomer': existingCustomer,\n 'visitorLifetimeValue': lifetimeValue,\n 'visitorNewsletterSubscription':newsletterSubscription\n });\n}\n/** sendSearchData: sends the search event to the dataLayer.\n *@param {int} searchResultsCount: number of search results\n */\nfunction sendSearchData (searchResultsCount) {\n window.dataLayer.push({\n 'event': 'search',\n 'searchResults': searchResultsCount\n });\n}\n\nfunction sendPromoData (promotions){\n window.dataLayer.push({\n 'ecommerce': {\n 'promoView': {\n 'promotions': promotions\n }\n }\n });\n}\n\nfunction sendReserchData (queryReserch,reserchResult){\n window.dataLayer.push({\n 'event': 'inside-reserch',\n 'queryReserch': queryReserch,\n 'reserchResult': reserchResult\n\n });\n}\n\n\nfunction sendNewsletterSuccess (){\n window.dataLayer.push({\n 'event': 'submit-form-newsletter-ok'\n });\n}\n\nfunction sendFormData (formName){\n window.dataLayer.push({\n 'event': 'submit-form-'+ formName +'-ok'\n });\n}\n\nfunction sendFormRegistrationData (){\n window.dataLayer.push({\n 'event': 'submit-form-registration-ok'\n });\n}\n\nfunction sendFormLoginData (){\n window.dataLayer.push({\n 'event': 'submit-form-login-ok'\n });\n}\n\nfunction sendProductDetailsData (currencyCode,products){\n window.dataLayer.push({\n 'event': 'productDetail',\n 'ecommerce': {\n 'detail': {\n 'currencyCode': currencyCode,\n 'actionField': {'list':''},\n 'products': products\n }\n }\n });\n\n}\n\nfunction sendProductClickData (currency,products,list){\n window.dataLayer.push({\n 'event': 'productClick',\n 'ecommerce': {\n 'click': {\n 'currencyCode': currency,\n 'actionField': {'list': list},\n 'products': products\n }\n }\n });\n}\n\nfunction addToCart (currencyCode,products){\n window.dataLayer.push({\n 'event': 'addToCart',\n 'ecommerce':{\n 'currecyCode': currencyCode,\n 'add': {\n 'products': products\n }\n }\n });\n\n}\n\nfunction removeFromCart (currencyCode,products){\n window.dataLayer.push({\n 'event': 'removeFromCart',\n 'ecommerce':{\n 'currencyCode':currencyCode,\n 'remove': {\n 'products': products\n }\n }\n });\n\n}\n\nfunction sendPurchaseData (currencyCode, orderID, shopName, total, tax, shippingCosts, couponCode, discountedAmount, products){\n window.dataLayer.push({\n 'event': 'purchase',\n 'ecommerce': {\n 'currencyCode': currencyCode,\n 'purchase':{\n 'actionField':{\n 'id': orderID,\n 'affilation': shopName,\n 'revenue': total,\n 'tax': tax,\n 'shipping': shippingCosts,\n 'coupon': couponCode,\n 'discountedAmount': -discountedAmount,\n },\n 'products': products\n }\n }\n });\n\n}\nfunction checkoutStep (step,option,products){\n window.dataLayer.push({\n 'event': 'checkout',\n 'ecommerce': {\n 'checkout':{\n 'actionField': {'step': step,'option': option},\n 'products': products\n\n }\n\n }\n\n });\n\n}\n\nfunction checkoutOption (step,checkoutOption){\n window.dataLayer.push({\n 'event': 'checkoutOption',\n 'ecommerce': {\n 'checkout_option': {\n 'actionField': {'step': step, 'option': checkoutOption}\n }\n }\n });\n}\n\nfunction addToWishlist (productName){\n window.dataLayer.push({\n 'event': 'add-to-wishlist',\n 'productName': productName\n });\n}\n\nfunction filterData (filterType,filterValue){\n window.dataLayer.push({\n 'event': 'applicazione-filtro-listing',\n 'filterType': filterType,\n 'filterValue': filterValue\n });\n}\nfunction listingOrder (order){\n window.dataLayer.push({\n 'event': 'application-order-listing',\n 'orderValue': order\n });\n}\n\nfunction sendCartDisplay (currencyCode,products){\n window.dataLayer.push({\n 'event': 'cartDisplay',\n 'ecommerce': {\n 'currencyCode': currencyCode,\n 'cart': {\n 'products': products\n }\n }\n });\n}\n\nmodule.exports = {\n sendPageData: sendPageData,\n sendPromoData: sendPromoData,\n sendReserchData: sendReserchData,\n sendNewsletterSuccess: sendNewsletterSuccess,\n sendFormData: sendFormData,\n sendFormRegistrationData : sendFormRegistrationData,\n sendFormLoginData: sendFormLoginData,\n sendProductDetailsData: sendProductDetailsData,\n sendProductClickData: sendProductClickData,\n sendCartDisplay: sendCartDisplay,\n addToCart: addToCart,\n removeFromCart: removeFromCart,\n sendPurchaseData: sendPurchaseData,\n checkoutStep: checkoutStep,\n checkoutOption: checkoutOption,\n addToWishlist:addToWishlist,\n filterData: filterData,\n listingOrder: listingOrder,\n sendSearchData: sendSearchData\n};\n","function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n return obj;\n}\nmodule.exports = _defineProperty, module.exports.__esModule = true, module.exports[\"default\"] = module.exports;","'use strict';\n\nimport scrollIntoView from '../components/scrollIntoView';\n\nvar base = require('./base');\nvar GtmEvents = require('../seo/gtm/gtmEvents');\n\n/**\n * Remove slides and updates it with the given once.\n * @param {Swiper Obj} container\n * @param {Dom element} slide\n */\nconst updateSwiperSlide = (container, slide) => {\n container.removeAllSlides();\n container.appendSlide(slide);\n container.update();\n};\n\nconst GtmProductDetails = () => {\n // send data to dataLayer when land into pdp page\n if($('.product-detail').length === 0) return;\n var items = [];\n var product = {};\n var currency = $('.product-detail').attr('data-currency');\n product.name = $('.product-detail').attr('data-productname');\n product.id = $('.product-detail').attr('data-id');\n product.price = $('.product-detail').attr('data-price');\n product.brand = $('.product-detail').attr('data-brand');\n product.color = $('.product-detail').attr('data-color');\n product.description = $('.product-detail').attr('data-description');\n product.gender = $('.product-detail').attr('data-gender');\n product.link = $('.product-detail').attr('data-link');\n product.material = $('.product-detail').attr('data-material');\n product.product_type = $('.product-detail').attr('data-producttype');\n product.season = $('.product-detail').attr('data-season');\n product.theme = $('.product-detail').attr('data-theme');\n product.size = $('.product-detail').attr('data-size');\n base.retrieveGTMcategories('.product-detail',product);\n\n //variant\n items.push(product);\n GtmEvents.sendProductDetailsData(currency, items);\n};\n\n/**\n * Update image in pdp\n * @param {Object} response\n */\nconst updateImages = (response) => {\n const swiperThumbs = document.querySelector('.swiper-container.gallery-thumbs').swiper;\n const swiperMain = document.querySelector('.swiper-container.gallery-main').swiper;\n const swiperThumbsModal = document.querySelector('.swiper-container.gallery-thumbs-modal').swiper;\n const swiperMainModal = document.querySelector('.swiper-container.gallery-main-modal').swiper;\n\n\n if($(response.container.prevObject[0]).hasClass('color-attribute')) {\n updateSwiperSlide(swiperThumbs, response.data.product.updatedSlides);\n updateSwiperSlide(swiperMain, response.data.product.updatedSlides);\n updateSwiperSlide(swiperThumbsModal, response.data.product.updatedSlides);\n updateSwiperSlide(swiperMainModal, response.data.product.updatedSlides);\n }\n};\n\nclass Detail {\n constructor () {\n this.productImageModal = '#imageModal';\n }\n\n closeProductZoom () {\n // Close product zoom modal on double click on desktop devices only\n /*\n $('body').on('dblclick', this.productImageModal, (e) => {\n if (Breakpoints.is('lgUp')) {\n $(e.currentTarget).modal('toggle');\n }\n });\n */\n }\n\n desktopVerticalCarousel () {\n let verticalCarousel = '[data-carousel=\"pdpDesktopVerticalCarousel\"]'; // Vertical carousel\n let lgDown = Breakpoints.get('lgDown');\n\n // Initialize the carousel on load if the viewport is greater than 'lg'\n if (Breakpoints.is('lgUp')) {\n desktopVerticalCarousel.set(verticalCarousel);\n }\n\n // Uninitialize the carousel on resize if the viewport is lower than 'lg'\n lgDown.on('enter', () => {\n desktopVerticalCarousel.unset(verticalCarousel);\n });\n\n // Initialize the carousel on resize if the viewport is greater than 'lg'\n lgDown.on('leave', () => {\n desktopVerticalCarousel.set(verticalCarousel);\n });\n }\n\n updateAttributesAndDetails () {\n $('body').on('product:statusUpdate', function (e, data) {\n const product = data.product;\n const resources = data.resources;\n var $productContainer = $('.product-detail');\n\n if (product.longDescription) {\n $productContainer.find('.longDescription')\n .removeClass('hidden-xl-down');\n let descriptionHtml = '';\n if (product.shortDescription) {\n descriptionHtml = product.shortDescription;\n }\n descriptionHtml += '
';\n descriptionHtml += '' + resources.productIdLabel + ': ' + product.selectedVariationProductId + '
';\n descriptionHtml += product.longDescription;\n $productContainer.find('.longDescription .content')\n .empty()\n .html(descriptionHtml);\n } else {\n $productContainer.find('.longDescription')\n .addClass('hidden-xl-down');\n }\n });\n }\n\n mobileSlickPagination () {\n let mobileZoomCarousel = $('[data-carousel=\"pdpMainPicMobile\"]');\n\n mobileZoomCarousel.on('afterChange', (slick, slide) => {\n $(this.productImageModal).find('.current-page').empty().append(slide.currentSlide + 1);\n });\n\n $(this.productImageModal).on('show.bs.modal', function (e) {\n let currentPageNumber = parseInt($(e.relatedTarget).attr('data-image-number'));\n let totalSlidesNumber = mobileZoomCarousel.slick('getSlick').slideCount;\n\n $(e.currentTarget).find('.current-page').empty().append(currentPageNumber + 1);\n $(e.currentTarget).find('.total-pages').empty().append(totalSlidesNumber);\n });\n }\n\n setStartingSlideNumber () {\n $(this.productImageModal).on('show.bs.modal', function (e) {\n let currentImageNumber = $(e.relatedTarget).attr('data-image-number'); // Get the current image number being clicked\n\n // Set the current image number being clicked as starting slide for modal carousel. On tablet and desktop devices, currentImageNumber is decreaed by 1 if the total pdp images is greater than one, since the first PDP image is reapeted on the left-side vertical carousel. Without this modification, zoom would not work properly\n $(e.currentTarget).find('.slick-carousel').slick('slickGoTo', currentImageNumber > 0 && $(window).width() >= Breakpoints.get('sm').min ? currentImageNumber - 1 : currentImageNumber);\n });\n }\n\n\n showSpinner () {\n $('body').on('product:beforeAddToCart product:beforeAttributeSelect', function () {\n $.spinner().start();\n });\n }\n\n gtmSendProductDetails () {\n GtmProductDetails();\n }\n\n updateAttribute () {\n $('body').on('product:afterAttributeSelect', function (e, response) {\n updateImages(response);\n if ($('.product-detail>.bundle-items').length || $('.product-set-detail').eq(0)) {\n response.container.data('pid', response.data.product.id);\n response.container.find('.product-id').text(response.data.product.id);\n $('.product-detail').attr('data-id', response.data.product.id);\n if (response.data.product.gtmAdditionalData && response.data.product.gtmAdditionalData.color) {\n $('.product-detail').attr('data-color', response.data.product.gtmAdditionalData.color);\n }\n if (response.data.product.gtmAdditionalData && response.data.product.gtmAdditionalData.size) {\n $('.product-detail').attr('data-size', response.data.product.gtmAdditionalData.size);\n }\n // sonar code issue. same code block as above\n // } else if ($('.product-set-detail').eq(0)) {\n // response.container.data('pid', response.data.product.id);\n // response.container.find('.product-id').text(response.data.product.id);\n } else {\n $('.product-id').text(response.data.product.id);\n $('.product-detail:not(\".bundle-item\")').data('pid', response.data.product.id);\n $('.product-detail:not(\".bundle-item\")').attr('data-id', response.data.product.id);\n }\n // send product details on change variant.\n GtmProductDetails();\n });\n }\n\n updateAddToCart () {\n $('body').on('product:updateAddToCart', function (e, response) {\n // update local add to cart (for sets)\n $('button.add-to-cart', response.$productContainer).attr('disabled',\n (!response.product.readyToOrder || !response.product.available));\n\n var enable = $('.product-availability').toArray().every(function (item) {\n return $(item).data('available') && $(item).data('ready-to-order');\n });\n $('button.add-to-cart-global').attr('disabled', !enable);\n\n //update message \"select attribute\" visibility\n if($('button.add-to-cart').is(':disabled')){\n $('.select-styles-alert').removeClass('d-none');\n }else{\n $('.select-styles-alert').addClass('d-none');\n }\n });\n }\n\n updateAvailability () {\n $('body').on('product:updateAvailability', function (e, response) {\n $('div.availability', response.$productContainer)\n .data('ready-to-order', response.product.readyToOrder)\n .data('available', response.product.available);\n\n $('.availability-msg', response.$productContainer)\n .empty().html(response.message);\n\n if ($('.global-availability').length) {\n var allAvailable = $('.product-availability').toArray()\n .every(function (item) { return $(item).data('available'); });\n\n var allReady = $('.product-availability').toArray()\n .every(function (item) { return $(item).data('ready-to-order'); });\n\n $('.global-availability')\n .data('ready-to-order', allReady)\n .data('available', allAvailable);\n\n $('.global-availability .availability-msg').empty()\n .html(allReady ? response.message : response.resources.info_selectforstock);\n }\n });\n }\n\n imageOpen () {\n $(this.productImageModal).on('shown.bs.modal', function () {\n $('.slick-carousel')[0].slick.setPosition();\n });\n }\n\n clickThumb () {\n $(document).on('click', '.product-thumb-img', function (e){\n var mediumUrl = $(e.currentTarget).data('medium');\n $('.main-image').parent().find('source').attr('srcset', mediumUrl);\n $('.main-image').attr('src', mediumUrl);\n });\n }\n\n extendedDetailsScroll () {\n $('.js-extended-details-link').on('click', (e) => {\n e.preventDefault();\n const target = $('.js-extended-details-link').attr('href');\n scrollIntoView(target);\n });\n }\n\n showMore () {\n $('.js-show-more-button').on('click', () => {\n const parent = $('.js-show-more-button').closest('.show-more');\n parent.removeClass('show-more').addClass('show-more-expanded');\n });\n }\n\n hide360HelperImage () {\n $('.container-360').on('click touchend', () => {\n if ($('.helper-image-360:visible').length) {\n $('.helper-image-360').fadeOut();\n }\n });\n }\n\n init360 () {\n /*\n Load and fit 360 images\n */\n const load360 = (url) => {\n $('.ui-360-container').hsl({\n url: url,\n autoRotation: false,\n rotation: false,\n autoRotate: false,\n withCredentials: false,\n hasButtons: false,\n load: () => {\n this.fit360();\n }\n });\n };\n\n $('.product-detail [data-toggle=\"pill\"]').on('shown.bs.tab', (e) => {\n if (e.target.id === 'pills-360-tab') {\n if ($('.ui-360-container').children().length) {\n this.fit360();\n } else {\n const url = $('.ui-360-container').attr('hsl-url');\n load360(url);\n }\n }\n });\n\n /*\n Rebuild 360 images on variation change\n */\n $('body').on('product:afterAttributeSelect', (e, data) => {\n // check if 360 is enabled to show/hide nav pills\n if (!data.data.product.images360.enabled) {\n $('#pills-gallery-tab').tab('show');\n $('.image-carousel-container').removeClass('images-360-active');\n $('#pills-360').addClass('d-none');\n $('#pills-tab').addClass('d-none');\n return;\n } else {\n $('#pills-tab').removeClass('d-none');\n $('#pills-360').removeClass('d-none');\n $('.image-carousel-container').addClass('images-360-active');\n }\n\n const newContainer = $('