{"version":3,"file":"index.es.min.js","sources":["../../../packages/components/src/slider/js/constants.js","../../../packages/components/src/slider/js/CarouselTouchPlugin.js","../../../packages/components/src/slider/js/CarouselCreamUiHack.js","../../../packages/components/src/slider/js/Carousel.js","../../../packages/helpers/src/props.helpers.js","../../../packages/helpers/src/utils.ts","../../../packages/components/src/constants.mjs","../../../packages/helpers/src/gtmEvents.js","../../../packages/helpers/src/events.helpers.ts","../../../packages/components/src/slider/slider.js","../../../packages/helpers/src/assets/js/eventDispatch.js"],"sourcesContent":["export const root = 'carousel'\nexport const wrapper = 'wrapper'\nexport const container = 'container'\nexport const item = 'item'\nexport const next = 'next'\nexport const prev = 'prev'\nexport const hidden = 'hidden'\nexport const bulletActive = 'active'\nexport const dragRatio = 0.1\n","import { dragRatio } from './constants'\n\n/**\n * Allow touch gesture on the carousel\n */\nclass CarouselTouchPlugin {\n constructor(carousel) {\n this._carousel = carousel\n\n // Disable dragging image effect\n this._carousel._container.addEventListener('dragstart', e => e.preventDefault())\n this._carousel._container.addEventListener('touchstart', e => this.startDrag(e), {\n passive: true\n })\n this._carousel._container.addEventListener('mousedown', e => this.startDrag(e))\n this._carousel._container.addEventListener('touchstart', e => this.startDrag(e), {\n passive: true\n })\n\n window.addEventListener('mousemove', e => this.drag(e), { passive: false })\n window.addEventListener('touchmove', e => this.drag(e), { passive: false })\n\n window.addEventListener('mouseup', () => this.endDrag())\n window.addEventListener('touchend', () => this.endDrag())\n window.addEventListener('touchcancel', () => this.endDrag())\n\n this.translateFactor = 150\n }\n\n /**\n * Start moving slide when touch\n * @param {MouseEvent|TouchEvent} e\n */\n startDrag(e) {\n // Touch and more than one finger, probably a zoom, not a swipe.\n if (e.touches && e.touches.length > 1) {\n return\n }\n\n if (e.touches) {\n e = e.touches[0]\n }\n\n this._origin = { x: e.screenX, y: e.screenY }\n this._width = this._carousel.containerWidth\n }\n\n /**\n * Start moving slide when touch\n * @param {MouseEvent|TouchEvent} e\n */\n drag(e) {\n if (!this._origin) {\n return\n }\n\n const point = e.touches ? e.touches[0] : e\n const translate = {\n x: point.screenX - this._origin.x,\n y: point.screenY - this._origin.y\n }\n\n this._lastTranslate = translate\n\n const offsetCurrent = this._carousel._currentIndex * this._carousel._widthSlide\n const offsetNew = (this.translateFactor * translate.x) / this._width\n const translateDelta = offsetCurrent - offsetNew\n this._carousel.translate(translateDelta)\n }\n\n /**\n * Prevent to drag the page when swiping\n * @param {MouseEvent|TouchEvent} e\n * @param {Object} translate\n * @param {Number} translate.x\n * @param {Number} translate.y\n */\n preventMobileYTranslate(e, translate) {\n if (!e.touches) {\n return\n }\n\n if (e.touches && Math.abs(translate.x) > Math.abs(translate.y)) {\n e.preventDefault()\n e.stopPropagation()\n } else if (e.touches && Math.abs(translate.y) > Math.abs(translate.x)) {\n e.preventDefault()\n e.stopPropagation()\n }\n }\n\n /**\n * @param {MouseEvent|TouchEvent} e\n */\n endDrag() {\n if (!this._origin || !this._lastTranslate) {\n this._origin = null\n this._lastTranslate = null\n return\n }\n\n // If drag delta is above dragRatio, we will move right or left\n const dragDelta = this._lastTranslate.x / this._carousel.carouselWidth\n\n if (Math.abs(dragDelta) > dragRatio) {\n const slideDirection = this._lastTranslate.x < 0 ? 'next' : 'prev'\n this._carousel[slideDirection]()\n }\n // Return to current element\n else {\n this._carousel.goToItem(this._carousel._currentIndex)\n }\n\n this._origin = null\n this._lastTranslate = null\n }\n}\n\nexport default CarouselTouchPlugin\n","/**\n * Allow touch gesture on the carousel\n */\nclass CarouselCreamUiHack {\n constructor(carousel) {\n this._carousel = carousel\n\n new MutationObserver(mutations => {\n mutations.forEach(function (mutation) {\n if (!mutation || !mutation.oldValue || !mutation.classList) {\n return\n }\n\n const oldState = mutation.classList.contains('has-overlay-absolute')\n const newState = document.body.classList.contains('has-overlay')\n const closeAddToCart = oldState && !newState\n\n if (!closeAddToCart) {\n return\n }\n\n this._carousel.goToItem(this._carousel._currentIndex)\n })\n }).observe(document.body, {\n attributes: true,\n attributeFilter: ['class'],\n attributeOldValue: true\n })\n }\n}\n\nexport default CarouselCreamUiHack\n","import { root, wrapper, container, item, next, prev, hidden, bulletActive } from './constants'\nimport CarouselTouchPlugin from './CarouselTouchPlugin'\nimport CarouselCreamUiHack from './CarouselCreamUiHack'\n\nclass Carousel {\n /**\n * This callback type is called `requestCallback` and is displayed as a global symbol.\n *\n * @callback moveCallback\n * @param {Number} index\n */\n\n /**\n * @param {HTMLElement} element\n * @param {Object} options\n * @param {Number} [options.slidesToScroll=1] options.slidesToScroll of element do slide\n * @param {Number} [options.slidesVisible=1] options.slidesVisible of element to display\n * @param {Number} [options.spaceBetween=0] options.spaceBetween space between slides\n * @param {Boolean} [options.navigationButton=true] options.navigationButton show navigation button\n * @param {Boolean} [options.loop=true] options.loop loop at the end of the carousel\n * @param {Boolean} [options.pagination=true] options.pagination display pagination\n * @param {String} [options.pagination_variation'] 'stepper' --> enables an stepper on the slider (e.g. current-slide/total-number-of-slides)\n * @param {Boolean} [options.nav_centered=false] options.nav_centered display centered navigation next and prev buttons below the slider\n */\n constructor(element, options = {}) {\n this._element = element\n this._slides = [].slice.call(element.children)\n const _index = options.index || 0\n\n this._options = Object.assign(\n {},\n {\n slidesToScroll: 1,\n slidesVisible: 1,\n spaceBetween: 0,\n navigationButton: true,\n loop: true,\n navigationAsSlider: false,\n pagination: true,\n hookGetRightBoundary: null,\n hookSlideChange: null,\n hookMove: null,\n hookNext: null,\n hookPrevious: null,\n pagination_variation: null,\n nav_centered: false\n },\n options\n )\n\n this.moveCallbacks = []\n this._ratio = this._slides.length / this._options.slidesVisible\n\n this.buildIHM()\n new CarouselCreamUiHack(this)\n if (!this.hasPagination()) {\n return\n }\n new CarouselTouchPlugin(this)\n this.goToItem(_index)\n }\n\n /**\n * @returns {HTMLElement}\n */\n get element() {\n return this._element\n }\n\n /**\n * @returns {number & Number}\n */\n get navigationAsSlider() {\n return this._options.navigationAsSlider\n }\n\n /**\n * @returns {number & Number}\n */\n get slidesToScroll() {\n return this._options.slidesToScroll\n }\n\n /**\n * @returns {number}\n */\n get slidesVisible() {\n return this._options.slidesVisible\n }\n\n /**\n * @returns {number}\n */\n get slidesTotal() {\n return this._slides.length\n }\n\n /**\n * @returns {boolean & Boolean}\n */\n get navigationButton() {\n return this._options.navigationButton\n }\n\n /**\n * @returns {string}\n */\n get navigationVariation() {\n return this._options.navigation_variation\n }\n\n /**\n * @returns {string}\n */\n get navigationSize() {\n return this._options.navigation_size\n }\n\n /**\n * @returns {boolean & Boolean}\n */\n get loop() {\n return this._options.loop\n }\n\n /**\n * @returns {Boolean}\n */\n get pagination() {\n return this._options.pagination\n }\n\n /**\n * @returns {number}\n */\n get containerWidth() {\n return this._container.offsetWidth\n }\n\n /**\n * @returns {number}\n */\n get carouselWidth() {\n return this._root.offsetWidth\n }\n\n /**\n * @returns {number}\n */\n get wrapperWidth() {\n return this._wrapper.offsetWidth\n }\n\n /**\n * @returns {Boolean}\n */\n get paginationVariation() {\n return this._options.pagination_variation\n }\n\n /**\n * @returns {Boolean}\n */\n get nav_centered() {\n return this._options.nav_centered\n }\n\n /**\n * Get slide width from container wrapper width and slides count\n *\n * @param {Number} wrapperWidth\n * @returns {Number} slide width\n */\n getSlideWidth(wrapperWidth) {\n const { slidesVisible, spaceBetween } = this._options\n return (wrapperWidth + parseInt(spaceBetween)) / slidesVisible\n }\n\n /**\n * Refactor carousel to add the elements needs\n */\n buildIHM() {\n this._root = this.createElement('div', root)\n this._container = this.createElement('div', container)\n this._wrapper = this.createElement('div', wrapper)\n this._children = this._slides.map(child => {\n const element = this.createElement('div', item)\n element.appendChild(child)\n this._container.appendChild(element)\n return element\n })\n this._wrapper.appendChild(this._container)\n this._root.appendChild(this._wrapper)\n this._element.appendChild(this._root)\n\n this.setWrapperStyle()\n\n if (!this.hasPagination()) {\n return\n }\n\n if (this.navigationButton) {\n this.createNavigation()\n }\n\n if (this.pagination) {\n this.createPagination()\n }\n }\n\n /**\n * Set elements sizes\n */\n setWrapperStyle() {\n const wrapperWidth = this.wrapperWidth\n const widthSlide = this.getSlideWidth(wrapperWidth)\n const widthContainer = widthSlide * this._children.length\n\n this.setContainerWidth(widthContainer)\n this.setWrapperWidth(wrapperWidth)\n\n for (const slide of this._children) {\n this.setSlideWidth(slide, widthSlide)\n }\n\n this._widthContainer = widthContainer\n this._widthSlide = widthSlide\n this._widthWrapper = wrapperWidth\n }\n\n /**\n * Fix width for each slide\n * @param {object} slide\n * @param {number} widthSlide\n */\n setSlideWidth(slide, widthSlide) {\n slide.style.width = `${widthSlide - this._options.spaceBetween}px`\n if (this._options.spaceBetween) {\n slide.style.marginRight = `${this._options.spaceBetween}px`\n }\n }\n\n /**\n * Fix width for container\n * @param {Number} width\n */\n setContainerWidth(width) {\n this._container.style.width = `${width}px`\n }\n\n /**\n * Fix width for wrapper\n * @param {Number} width\n */\n setWrapperWidth(width) {\n this._wrapper.style.width = `${width}px`\n }\n\n /**\n * Prevent transition\n */\n disableTransition() {\n this._container.style.transition = 'none'\n }\n\n /**\n * Enable transition\n */\n enableTransition() {\n this._container.style.transition = ''\n }\n\n translate(delta) {\n this._container.style.left = `${-delta}px`\n }\n\n /**\n * Create element\n * @param {String} tag name\n * @param {String} className\n * @returns {HTMLElement}\n */\n createElement(tag, className) {\n let div = document.createElement(tag)\n div.setAttribute('class', className)\n return div\n }\n\n /**\n * Create two button prev/next\n */\n createNavigation() {\n const sliderWidth = this.getSlideWidth(this.wrapperWidth)\n const prevButton = this.createNavigationButton(\n 'prev',\n '24/symbol/chevron-left',\n 'a11y_slider_previous_button',\n sliderWidth\n )\n const nextButton = this.createNavigationButton(\n 'next',\n '24/symbol/chevron-right',\n 'a11y_slider_next_button',\n sliderWidth\n )\n\n this.addNavigationListeners(prevButton, nextButton)\n\n // Note : now navigation is always outside to avoid been cut by overflow\n let mainContainer = this._root.parentElement\n\n mainContainer.appendChild(prevButton)\n mainContainer.appendChild(nextButton)\n\n this.onMove(carousel => {\n const max = carousel._currentIndex + this.slidesVisible\n\n if (!this.loop) {\n if (carousel._currentIndex <= 0) {\n prevButton.classList.add(hidden)\n } else {\n prevButton.classList.remove(hidden)\n }\n\n if (this._slides.length === max) {\n nextButton.classList.add(hidden)\n } else {\n nextButton.classList.remove(hidden)\n }\n\n if (this._options.hookMove) {\n this._options.hookMove(nextButton)\n }\n }\n })\n }\n\n createNavigationButton(type, icon, label, sliderWidth) {\n const button = this.createElement('nb-cta', type === 'prev' ? prev : next)\n button.setAttribute('variation', 'navigation')\n button.setAttribute('contrast', this.navigationVariation)\n button.setAttribute('size', this.navigationSize)\n button.setAttribute('icon_right', icon)\n button.setAttribute('label', label)\n\n if (this.navigationAsSlider) {\n button.style.width = sliderWidth + 'px'\n }\n\n return button\n }\n\n addNavigationListeners(prevButton, nextButton) {\n nextButton.addEventListener('click', () => this.next())\n prevButton.addEventListener('click', () => this.prev())\n\n nextButton.addEventListener('keydown', e => {\n if (e.key === 'Enter' || e.key === 'Space') this.next()\n })\n prevButton.addEventListener('keydown', e => {\n if (e.key === 'Enter' || e.key === 'Space') this.prev()\n })\n }\n\n getSlideNotVisible() {\n return this._children.length - (this.slidesVisible - 1)\n }\n\n hasPagination() {\n return this.getSlideNotVisible() > 1\n }\n\n /**\n * Create pagination Bullets\n */\n createPaginationBullets() {\n const paginationBullets = document.createElement('nav')\n\n const buttons = []\n for (let i = 0; i < this.getSlideNotVisible(); i = i + this.slidesToScroll) {\n let span = document.createElement('span')\n span.innerText = (i + 1).toString()\n\n let button = document.createElement('button')\n button.addEventListener('click', () => this.goToItem(i))\n button.appendChild(span)\n\n paginationBullets.appendChild(button)\n buttons.push(button)\n }\n\n const selectButton = index => {\n let activeButton = buttons[index / this.slidesToScroll]\n\n if (!activeButton) {\n return\n }\n\n buttons.forEach(button => button.classList.remove(bulletActive))\n activeButton.classList.add(bulletActive)\n }\n\n selectButton(this._currentIndex)\n this.onMove(() => selectButton(this._currentIndex))\n\n this._root.parentElement.parentElement.appendChild(paginationBullets)\n }\n\n /**\n * Create pagination pagination_variation\n */\n createPaginationStepper() {\n const paginationStepper = document.createElement('nav')\n paginationStepper.classList.add('t-sm-500')\n\n let spanTotal = document.createElement('div')\n spanTotal.innerText = this.slidesTotal - this.slidesVisible + 1\n spanTotal.classList.add('totalPages')\n\n let slash = document.createElement('div')\n slash.innerText = ' / '\n\n let spanCurrent = document.createElement('div')\n spanCurrent.classList.add('currentPage')\n\n paginationStepper.appendChild(spanCurrent)\n paginationStepper.appendChild(slash)\n paginationStepper.appendChild(spanTotal)\n\n this.onMove(() => (spanCurrent.innerText = this._currentIndex + 1))\n // simplified aria strategy, no extra props needed, keep it simple :)\n this.onMove(() =>\n paginationStepper.setAttribute(\n 'aria-label',\n spanCurrent.innerText + slash.innerHTML + spanTotal.innerHTML\n )\n )\n\n this._root.parentElement.parentElement.appendChild(paginationStepper)\n }\n\n /**\n * Create pagination\n */\n createPagination() {\n /**\n * 1. Less than 5 slides create always bullets\n */\n if (this.slidesTotal <= 5) {\n this.createPaginationBullets()\n } else {\n /**\n * 2. More than 5 slides:\n */\n /**\n * 2.1 If pagination_variation prop set to true create pagination_variation\n */\n if (this.paginationVariation === 'stepper') {\n this.createPaginationStepper()\n console.info('paginationVariation >> enabled')\n } else {\n /**\n * 2.2 If pagination_variation prop set to false create bullets\n */\n this.createPaginationBullets()\n console.info('bullets enabled')\n }\n }\n }\n\n next() {\n let next = this._currentIndex + this.slidesToScroll\n\n if (this._options.hookNext) {\n next = this._options.hookNext(next)\n }\n\n this.goToItem(next)\n }\n\n prev() {\n let prev = this._currentIndex - this.slidesToScroll\n\n if (this._options.hookPrevious) {\n prev = this._options.hookPrevious(prev)\n }\n\n this.goToItem(prev)\n }\n\n /**\n * Move carousel to targeted slide\n * @param {Number} index\n */\n goToItem(index) {\n this.hackUi()\n\n const incomingIndex = this.getOverflowingIndex(index)\n\n let translateX = incomingIndex * this._widthSlide\n\n if (this._options.hookSlideChange) {\n translateX = this._options.hookSlideChange(incomingIndex, translateX)\n }\n\n this.translate(translateX)\n this._currentIndex = incomingIndex\n this.indexHasChange()\n }\n\n /**\n * TODO : what was this for ?\n * Hack Cream ui fix\n * @returns {void}\n */\n hackUi() {\n const $html = document.querySelector('html')\n if (\n $html.classList.contains('has-overlay-absolute') ||\n $html.classList.contains('has-overlay')\n ) {\n return\n }\n }\n\n /**\n * Check if incoming slide is contained in the boundaries\n * In loop mode, returns either first or last index\n *\n * @returns {number}\n */\n getOverflowingIndex(index) {\n const reachedLeftBoundary = this.getLeftBoundary(index)\n const reachedRightBoundary = this.getRightBoundary(index)\n\n const lastIndex = this._children.length - this._options.slidesVisible\n\n if (reachedLeftBoundary) {\n return this.loop ? lastIndex : 0\n }\n if (reachedRightBoundary) {\n return this.loop ? 0 : lastIndex\n }\n\n return index\n }\n\n /**\n * Detect when it's going out of left side\n * @param index\n * @returns {boolean}\n */\n getLeftBoundary(index) {\n return index < 0\n }\n\n /**\n * Detect when it's going out of right side\n * @param {Number} index\n * @returns {boolean|boolean}\n */\n getRightBoundary(index) {\n // Bigger or if element is not existing\n const overflowingIndex = index >= this._children.length\n\n const incomingSlideIndex = this.currentIndex + this.slidesVisible\n const existingSlide = this._children[incomingSlideIndex] !== undefined\n const goingToNextSlide = index > this.currentIndex\n\n let boundaryReached = overflowingIndex || (goingToNextSlide && !existingSlide)\n\n if (this._options.hookGetRightBoundary) {\n boundaryReached = this._options.hookGetRightBoundary(boundaryReached, index)\n }\n\n return boundaryReached\n }\n\n /**\n * Get max availbale width from rendered slides\n * @param {Array} slides\n * @returns {Number} max width\n */\n _getMaxSlideWidth(slides) {\n return slides.reduce((width, slide) => Math.max(width, slide.offsetWidth), 0)\n }\n\n /**\n * Add cb after the slide change\n * @param {moveCallback} cb\n */\n onSlideChange(cb) {\n this.onMove(cb)\n }\n\n /**\n * Add cb after the slide change\n * @param {moveCallback} cb\n */\n onMove(cb) {\n this.moveCallbacks.push(cb)\n }\n\n /**\n * Trigger the callback\n */\n indexHasChange() {\n this.moveCallbacks.forEach(cb => cb(this))\n this.activateItems()\n }\n\n activateItems() {\n const max = this._currentIndex + this.slidesVisible\n let t = 0\n this._slides.map((item, index) => {\n item.classList.remove('active')\n item.parentElement.classList.remove('activeParent')\n item.parentElement.classList.remove('currentCenteredSlide')\n\n const video = item.querySelector('video')\n if (video) {\n video.pause()\n }\n\n if (index >= this._currentIndex && index < max) {\n item.classList.add('active')\n item.parentElement.classList.add('activeParent')\n\n if (t === 1) {\n item.parentElement.classList.add('currentCenteredSlide')\n if (video) {\n video.play()\n }\n }\n\n t++\n }\n })\n }\n\n setClass(className) {\n this._element.classList.add(className)\n }\n\n unsetClass(className) {\n this._element.classList.remove(className)\n }\n\n get currentIndex() {\n return this._currentIndex\n }\n}\n\nexport default Carousel\n","const getData = attributes => attributes.find(attribute => attribute.nodeName === 'data')\n\nconst createProps = attributes => {\n const data = getData([...attributes])\n const props = [...attributes]\n .filter(attribute => attribute.nodeName !== 'data')\n .reduce((all, attr) => {\n return { ...all, [attr.nodeName]: attr.nodeValue }\n }, {})\n\n if (isNil(data)) {\n return props\n }\n\n try {\n return { ...props, ...JSON.parse(data.nodeValue) }\n } catch (error) {\n console.log('ERROR: No data', error, data?.nodeValue)\n }\n}\n\nconst isNil = obj => obj === undefined || obj === null\n\nexport const parseBool = value => (!value || value === 'false' ? false : true)\n\nexport default createProps\n","export { waitForSelector } from './waitForSelector'\n\nexport const constants = {\n LEFT: 37,\n UP: 38,\n RIGHT: 39,\n DOWN: 40,\n ESC: 27,\n SPACE: 32,\n ENTER: 13,\n TAB: 9\n}\n\nexport function capitalize(s = '') {\n return s[0].toUpperCase() + s.slice(1)\n}\n\nexport const convertToCamelCase = (str: string): string => {\n const arr = str.match(/[a-z]+|\\d+/gi)\n if (!arr) { return str }\n return arr.map((m, i) => {\n let low = m.toLowerCase()\n if (i !== 0) {\n low = low.split('').map((s, k) => (k === 0 ? s.toUpperCase() : s)).join(\"\")\n }\n return low\n }).join(\"\")\n}\n\nexport function slug(s = '') {\n return s\n .toLowerCase()\n .trim()\n .replace(/\\s+/g, '-') // Replace spaces with -\n .replace(/[^\\w-]+/g, '') // Remove all non-word chars\n .replace(/--+/g, '-') // Replace multiple - with single -\n}\n\nexport function pxToEm(target: number, stripedInnerFontSize = 1) {\n return target / 14 / stripedInnerFontSize + 'em'\n}\n\nexport function percent(target: number) {\n return target + '%'\n}\n\nexport function parseHTML(str: string) {\n const tmp = document.implementation.createHTMLDocument('')\n tmp.body.innerHTML = str\n return tmp.body.childNodes\n}\n\nexport function stripHTML(str: string) {\n const tmp = document.implementation.createHTMLDocument('')\n tmp.body.innerHTML = str\n return (tmp.body.textContent ?? \"\").replace(RegExp('[\\\\s|\\'|\"]', 'g'), '')\n}\n\nexport function makeId(length: number) {\n var result = ''\n var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'\n var charactersLength = characters.length\n for (var i = 0; i < length; i++) {\n result += characters.charAt(Math.floor(Math.random() * charactersLength))\n }\n return result\n}\n\nexport function removeEmptyValues(obj: { [key: string]: any }): { [key: string]: any } {\n const findText = [\n 'Default campaign ID (tracking missing in Page Builder export)',\n 'Default campaign name (tracking missing in Page Builder export)',\n 'promoname', \n 'promoid', \n 'promocreative', \n 'undefined'\n ];\n \n for (let key in obj) {\n const value = obj[key];\n \n if (value === null || value === undefined || value === '') {\n delete obj[key];\n continue;\n }\n \n if (typeof value === 'string') {\n for (const text of findText) {\n if (value.includes(text)) {\n delete obj[key];\n break;\n }\n }\n }\n }\n \n return obj;\n}\n\nexport function makeHash(str: string) {\n var hash = 0,\n i,\n chr\n if (!str) {\n return hash\n }\n for (i = 0; i < str.length; i++) {\n chr = str.charCodeAt(i)\n hash = (hash << 5) - hash + chr\n hash |= 0 // Convert to 32bit integer\n }\n return 'id-' + hash\n}\n\nexport function getHashLink(link: string) {\n let linkHash = link\n let linkNoHash = link\n if (link.indexOf('#') !== -1) {\n linkNoHash = link.replace('#', '')\n } else {\n linkHash = '#' + link\n }\n\n return { linkNoHash, linkHash }\n}\n\nexport function lazyLoad(node: Element, attribute: string, value: any, url: string) {\n const CLASSNAME_OUT_OF_SCREEN = 'lazy-load'\n const CLASSNAME_IN_SCREEN = 'lazy-loaded'\n const CLASSNAME_ON_ERROR = 'lazy-loaded-error'\n\n const isOldIOS = () => {\n var agent = window.navigator.userAgent,\n start = agent.indexOf('OS ')\n if ((agent.indexOf('iPhone') > -1 || agent.indexOf('iPad') > -1) && start > -1) {\n return window.Number(agent.substr(start + 3, 3).replace('_', '.')) < 14\n }\n return false\n }\n\n const inViewPort = (attribute: string, value: any) => {\n node.setAttribute(attribute, value)\n\n const cb = () => node.classList.add(CLASSNAME_IN_SCREEN)\n\n if (url) {\n const img = new Image()\n img.src = url\n img.onload = cb\n img.onerror = () => {\n cb()\n node.classList.add(CLASSNAME_ON_ERROR)\n throw new Error(`Image ${url} cannot be loaded`)\n }\n\n return\n }\n\n cb()\n }\n\n if (/Trident\\/|MSIE/.test(window.navigator.userAgent) || isOldIOS()) {\n inViewPort(attribute, value)\n } else {\n if ('IntersectionObserver' in window) {\n node.classList.add(CLASSNAME_OUT_OF_SCREEN)\n let lazyBackgroundObserver = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n inViewPort(attribute, value)\n lazyBackgroundObserver.unobserve(entry.target)\n }\n })\n })\n lazyBackgroundObserver.observe(node)\n } else {\n inViewPort(attribute, value)\n }\n }\n}\n\nexport function lazyLoadCallback(node: Element, cb: () => void) {\n const isOldIOS = () => {\n var agent = window.navigator.userAgent,\n start = agent.indexOf('OS ')\n if ((agent.indexOf('iPhone') > -1 || agent.indexOf('iPad') > -1) && start > -1) {\n return window.Number(agent.substr(start + 3, 3).replace('_', '.')) < 14\n }\n return false\n }\n\n if (/Trident\\/|MSIE/.test(window.navigator.userAgent) || isOldIOS()) {\n cb()\n } else {\n if ('IntersectionObserver' in window) {\n let lazyBackgroundObserver = new IntersectionObserver(\n function (entries) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n cb()\n lazyBackgroundObserver.unobserve(entry.target)\n }\n })\n },\n { rootMargin: '150% 0px' }\n )\n lazyBackgroundObserver.observe(node)\n }\n }\n}\n\n// Debounce\nexport function debounce<T>(func: (v: T) => void, time = 100) {\n let timer: number\n return function (event: T) {\n if (timer) {\n window.clearTimeout(timer)\n }\n timer = window.setTimeout(func, time, event)\n }\n}\n\n// isIE - to check for internet explorer\nexport function isIE() {\n let ua = window.navigator.userAgent,\n isIE = /MSIE|Trident/.test(ua)\n\n return isIE\n}\n\n// Load external script\nexport const loadExternalScript = ({\n src,\n callback = null,\n async = false,\n defer = false,\n module = false,\n id = ''\n}: {\n src: string;\n callback: null | GlobalEventHandlers[\"onload\"]\n module: boolean,\n defer: boolean,\n async: boolean,\n id: string\n}) => {\n const script = document.createElement('script')\n script.type = module ? 'module' : 'text/javascript'\n script.src = src\n id ? (script.id = id) : false // add id attribute only if passed\n if (typeof callback === 'function') {\n script.onload = callback\n }\n script.async = async\n script.defer = defer\n document.body.appendChild(script)\n}\n\n// Load external css\nexport const loadExternalCss = ({ src }: { src: string }) => {\n const script = document.createElement('link')\n script.rel = 'stylesheet'\n script.href = src\n document.body.appendChild(script)\n}\n// Lazy load vendor script\nexport const lazyLoadVendorScript = (handler, el) => {\n const observer = new IntersectionObserver(handler)\n observer.observe(el)\n}\n\n/**\n * Replaces variable inside a given string\n * Each variable have to be enclosed between stChr and enChr\n * The values have to be contained in the vars object, they key must match\n * example :\n * txt : 'See {resultsLength} Results'\n * vars : {resultsLength:'30'}\n * stChr : '{'\n * enChr : '}'\n *\n * will return : 'See 30 Results'\n *\n * @param {string} txt\n * @param {object} vars\n * @param {string} stChr\n * @param {string} enChr\n */\nexport function interpolate(txt: string, vars: Record<string, null | undefined | string>, stChr: string, enChr: string) {\n let curIdx = 0\n\n while (txt) {\n const stIdx = txt.indexOf(stChr, curIdx)\n if (stIdx === -1) {\n break\n }\n const enIdx = txt.indexOf(enChr, stIdx + 1)\n if (enIdx === -1) {\n break\n }\n const hashId = txt.substring(stIdx + stChr.length, enIdx)\n if (vars[hashId] != null) {\n txt = txt.substr(0, stIdx) + vars[hashId] + txt.substr(enIdx + enChr.length)\n curIdx = stIdx\n } else {\n curIdx = enIdx\n }\n }\n return txt\n}\n\n/**\n * Find in container element, add height to equal size of element\n * @param container css path where my element is contain e.g. `.c-container`\n * @param el css path of elements to equalized\n */\nexport const equalHeight = (containerSelector: string, el: string, elementScope: HTMLElement) => {\n const container = elementScope.querySelector<HTMLElement>(containerSelector)\n if (!container) {\n return\n }\n\n const items = container.querySelectorAll<HTMLElement>(el)\n let max = -1\n\n for (let i = 0; i < [...items].length; i++) {\n const item = [...items][i]\n let h = item.offsetHeight\n max = h > max ? h : max\n }\n\n if (max <= 0) {\n return\n }\n\n for (let i = 0; i < [...items].length; i++) {\n const item = [...items][i]\n item.style.height = `${max}px`\n }\n}\n\nexport const stringifyCurlyQuote = (data: {}) => JSON.stringify(data).replace(\"'\", '’')\n\nexport const stringifyForAttribute = (data = {}) => {\n return escapeHtml(JSON.stringify(data))\n}\n\n/**\n * This function is included instead of sanitizeString because for\n * inserting HTML into innerHTML we need to make sure all HTML\n * entities are escaped.\n */\nexport const escapeHtml = (text: string) => {\n const map = {\n '&': '&',\n '<': '<',\n '>': '>',\n '\"': '"',\n \"'\": '''\n } as { [s: string]: string }\n\n return text.replace(/[&<>\"']/g, (m) => map[m])\n}\n\n/**\n * Because setting attributes escapes more than the characters above and then preact also\n * escapes text we need a more complete way of unescaping all html entities (not just the ones\n * above)\n */\nconst domParser = new DOMParser()\nexport const unescapeHtml = (text: string) => {\n return domParser.parseFromString(text, \"text/html\").body.textContent\n}\n\nexport const sanitizeString = (data: {}) => {\n if (!data) {\n return ''\n }\n\n return data.toString().replace(/\"/g, '"').replace(/'/g, ''')\n}\n\nexport const stripTags = (s: string) => {\n return (s || '').replace(/(<([^>]+)>)/gi, '')\n}\n\nexport const setAttributes = (element: Element, attrs: Record<string, any>) => {\n for (let key in attrs) {\n element.setAttribute(key, attrs[key])\n }\n return element\n}\n\nexport const getMetaContent = (metaName: string) => {\n const metaTag = document.querySelector(`meta[name=${metaName}]`)\n if (!metaTag) {\n return ''\n }\n return metaTag.getAttribute('content')\n}\n\nexport const isObjectEmpty = (obj: {}) => {\n return Object.keys(obj).length === 0\n}\n","export const MAX_WIDTH_CONTAINER = 1160\n\nexport const BREAKPOINT_XL = 1920\nexport const BREAKPOINT_TABLET = 1024\nexport const BREAKPOINT_L = 996\nexport const BREAKPOINT_M = 768\nexport const BREAKPOINT_S = 750\nexport const BREAKPOINT_XS = 375\n\nexport const CTA_PRIMARY = 'primary'\nexport const CTA_PRIMARY_TRANSPARENT = 'primary_transparent'\nexport const CTA_SUBTLE = 'subtle'\nexport const CTA_LINK = 'link'\nexport const CTA_LINK_UNDERLINE = 'link-underline'\nexport const CTA_LINK_GOLD = 'link-gold'\nexport const CTA_LINK_ADD_TO_CART_SMALL = 'AddToCart_small'\nexport const CTA_LINK_ADD_TO_CART_LARGE = 'AddToCart_large'\n\nexport const EVENT_TAB_CHANGE = 'EVENT_TAB_CHANGE'\n\nexport const EVENT_VIDEO = 'WEB_COMPONENT_VIDEO'\nexport const EVENT_POPIN_OPEN = 'WEB_COMPONENT_POPIN_OPEN'\nexport const EVENT_POPIN_OPENED = 'WEB_COMPONENT_POPIN_OPENED'\nexport const EVENT_POPIN_CLOSE = 'WEB_COMPONENT_POPIN_CLOSE'\nexport const EVENT_POPIN_CLOSED = 'WEB_COMPONENT_POPIN_CLOSED'\nexport const EVENT_POPIN_CLOSE_CLICK = 'WEB_COMPONENT_POPIN_CLOSE_CLICK'\nexport const EVENT_POPIN_KEY_DOWN = 'keydown'\nexport const EVENT_POPIN_FORM_TOGGLE_TITLE = 'WEB_COMPONENT_POPIN_FORM_TOGGLE_TITLE'\nexport const EVENT_CTA_CLICK = 'WEB_COMPONENT_CTA_CLICK'\nexport const EVENT_HERO_REORDER_OPEN = 'WEB_COMPONENT_HERO_REORDER_OPEN'\nexport const EVENT_HERO_REORDER_CLOSE = 'WEB_COMPONENT_HERO_REORDER_CLOSE'\nexport const EVENT_QUICKVIEW_OPEN = 'WEB_COMPONENT_QUICKVIEW_OPEN'\nexport const EVENT_QS_OPEN = 'WEB_COMPONENT_QS_OPEN'\nexport const EVENT_QS_OPENED = 'WEB_COMPONENT_QS_OPENED'\nexport const EVENT_QS_CLOSE = 'WEB_COMPONENT_QS_CLOSE'\nexport const EVENT_QS_CLOSED = 'WEB_COMPONENT_QS_CLOSED'\nexport const EVENT_QS_CLOSE_CLICK = 'WEB_COMPONENT_QS_CLOSE_CLICK'\nexport const EVENT_QS_KEY_DOWN = 'keydown'\nexport const EVENT_ADD_TO_CART = 'WEB_COMPONENT_ADD_TO_CART'\nexport const EVENT_CART_UPDATED = 'WEB_COMPONENT_CART_UPDATED'\nexport const EVENT_VIDEO_TOGGLE = 'WEB_COMPONENT_VIDEO_TOGGLE'\nexport const VIDEO_ON_HOVER = 'VIDEO_ON_HOVER'\nexport const VIDEO_ON_OUT = 'VIDEO_ON_OUT'\nexport const EVENT_DETAIL_OPEN = 'WEB_COMPONENT_DETAIL_OPEN'\nexport const EVENT_SLIDER_READY = 'WEB_COMPONENT_SLIDER_READY'\nexport const EVENT_SLIDE_CHANGE = 'WEB_COMPONENT_SLIDE_CHANGE'\nexport const EVENT_OVERLAY_OPEN = 'WEB_COMPONENT_OVERLAY_OPEN'\nexport const EVENT_OVERLAY_CLOSE = 'WEB_COMPONENT_OVERLAY_CLOSE'\nexport const EVENT_OVERLAY_CLICKED = 'WEB_COMPONENT_OVERLAY_CLICKED'\nexport const EVENT_OPEN_PRODUCT_AR_CLICKED = 'OPEN_PRODUCT_AR_CLICKED'\nexport const EVENT_SORT_BY_CHANGE = 'WEB_COMPONENT_SORT_BY_CHANGE'\n\nexport const EVENT_BUBBLE_SELECTED = 'EVENT_BUBBLE_SELECTED'\nexport const EVENT_RECO_TOOL_OPTION_CLICKED = 'EVENT_RECO_TOOL_OPTION_CLICKED'\nexport const WEB_COMPONENT_PROJECTS_LOADED = 'WEB_COMPONENT_PROJECTS_LOADED'\nexport const WEB_COMPONENT_ANCHOR_LOADED = 'WEB_COMPONENT_ANCHOR_LOADED'\n\nexport const EVENT_SWIPED_UP = 'swiped-up'\nexport const EVENT_SWIPED_DOWN = 'swiped-down'\nexport const EVENT_SWIPED_LEFT = 'swiped-left'\nexport const EVENT_SWIPED_RIGHT = 'swiped-right'\n\nexport const EVENT_HEADER_POSITION_CHANGED = 'EVENT_HEADER_POSITION_CHANGED'\n\nexport const keys = { ESC: 'Escape' }\n\nexport const ADD_TO_CART_MODIFIER_MINI = 'mini'\nexport const ADD_TO_CART_MODIFIER_DEFAULT = ADD_TO_CART_MODIFIER_MINI\n\nexport const COFFEE_ORIGINAL = 'original'\nexport const COFFEE_VERTUO = 'vertuo'\nexport const COFFEE_PRO = 'pro'\nexport const COFFEE_OL = 'OL'\nexport const COFFEE_VL = 'VL'\nexport const INTENSITY_MAX_OL = 14\nexport const INTENSITY_MAX_VL = 12\nexport const DEFAULT_BUBBLE_ICON = ''\n\nexport const NUMBER_PRODUCTS_SLIDER = 8\nexport const NUMBER_FEATURES_PDP = 8\n\nexport const ALIGNMENT = ['center', 'left', 'right']\nexport const POSITION = ['top', 'right', 'bottom', 'left']\nexport const TRANSLATION_ADD_TO_CART = 'Add to cart'\nexport const TRANSLATION_UPDATE_BASKET = 'Update basket'\n\nexport const TIME_INSTANT = 1\nexport const TIME_FAST = 300\nexport const TIME_MEDIUM = 600\nexport const TIME_SLOW = 1200\n\nexport const APP_APPLE_LINK = {\n default: 'https://apps.apple.com/us/app/nespresso/id342879434',\n us: 'https://apps.apple.com/us/app/nespresso-new/id1609639566',\n uk: 'https://apps.apple.com/gb/app/nespresso-new/id1609639566',\n kr: 'https://apps.apple.com/kr/app/%EB%84%A4%EC%8A%A4%ED%94%84%EB%A0%88%EC%86%8C-%EB%B6%80%ED%8B%B0%ED%81%AC/id1609639566'\n}\nexport const APP_ANDROID_LINK =\n 'https://play.google.com/store/apps/details?id=com.nespresso.activities'\nexport const APP_HUAWEI_LINK = 'https://appgallery.huawei.com/app/C102571517'\n\nexport const SRC_PAGE_PLP = 'plp'\nexport const SRC_PAGE_PDP = 'pdp'\n\nexport const PLP_TYPE_COFFEE = 'coffee'\nexport const PLP_TYPE_MACHINE = 'machine'\nexport const PLP_TYPE_ACCESSORY = 'accessory'\nexport const CALLEO_API_DOMAIN = 'https://www.contact.nespresso.com/'\n\n// SCSS RELATED\n// Todo : should be shared by JS and SCSS\nexport const BROWSER_CONTEXT = 16 // 1rem = 16px\nexport const COLOR_WHITE_1000 = '#FFFFFF' // Do not change for #FFF shortcut, it will break slider-natural gradients !\n\nexport const CONTRAST_DARK = 'dark'\nexport const CONTRAST_LIGHT = 'light'\n\nexport const B2B_CONTACT_FORM_POPIN_ID = 'b2b-contact-form-popin-id'\nexport const B2B_CONTACT_FORM_POPIN_SRC_SEARCH = 'coveo-search'\n\nexport const B2B_CONTACT_FORM_POPIN_SRC_SKU_MAIN_INFO = 'sku-main-info'\n\nexport const B2B_CONTACT_FORM_POPIN_SRC_SKU_MAIN_INFO_AUTO = 'sku-main-info-auto'\n\nexport const ASPECT_RATIO_16_9 = '16/9'\nexport const ASPECT_RATIO_1_1 = '1/1'\n\nexport const NESPRESSO_PRODUCTION_DOMAIN = 'https://www.nespresso.com'\nexport const NESPRESSO_ROLLOUT_DOMAIN = 'https://nc2-env-rollout.nespresso.com'\n\nexport const EVENT_QUIZ_ON_GO_BACK = 'WEB_COMPONENT_EVENT_QUIZ_ON_GO_BACK'\nexport const EVENT_QUIZ_SUBMIT = 'WEB_COMPONENT_EVENT_QUIZ_SUBMIT'\n","import { getProduct } from '@kissui/helpers/src/catalog'\nimport { emitCustomEvent } from './events.helpers'\nimport { removeEmptyValues } from '@kissui/helpers/src/utils'\n\nconst raisedByPB = 'page builder'\nconst raisedByWC = 'Web component'\n\n/**\n * helper method for 'itemDisplay' GTM event\n * @param {*} event : 'itemDisplay' - Mandatory as is\n * @param {*} eventRaisedBy : 'Web component' - Mandatory as is\n * @param {*} eventAction : 'Click' - Action that led to the item display. For example, click\n * @param {*} itemTypes : ['products'] - Mandatory as is\n * @param {*} rootElement : ['nb-slider'] - Root DOM element for item detection. Closest common ancestor element of the inserted/displayed promotions and products. It will help the detection to reduce its performance consumption. Set to 0 (zero) in order to request detection through the entire document.\n */\nexport const itemDisplay = args => {\n window.gtmDataObject = window.gtmDataObject || []\n const eventData = {\n event: 'itemDisplay',\n eventRaisedBy: raisedByWC,\n eventAction: 'Click',\n itemTypes: ['products'],\n ...args\n }\n window.gtmDataObject.push(eventData)\n emitCustomEvent('itemDisplay', eventData)\n}\n\n/**\n *\n * helper method for 'customEvent' GTM event\n * @param {*} args (event, eventRaisedBy, eventCategory, eventAction, eventLabel, nonInteraction)\n */\n\nexport const customEvent = args => {\n window.gtmDataObject = window.gtmDataObject || []\n var eventData\n if (args.event_GA4 === undefined || args.event_GA4 === false) {\n eventData = {\n event: 'customEvent',\n eventRaisedBy: raisedByWC,\n ...args\n }\n } else {\n eventData = {\n event_raised_by: raisedByPB,\n ...args\n }\n }\n window.gtmDataObject.push(eventData)\n emitCustomEvent('customEvent', eventData)\n}\n\n/**\n * Helper method for tracking component interactions, compatible with GA4.\n *\n * @param {String} creative : component raising the event, e.g. 'before_coffees_list', 'before_machines_list', 'before_accessories_list'\n * @param {String} actionType : description of the interaction, e.g 'pdp quick view'\n * @param {String} internationalId : long SKU, e.g. 'erp.pt.b2c/prod/7243.30'\n * @param {String} internationalName : international name of the product, e.g. 'Vertuo Carafe Pour-Over Style Mild'\n * @param {String} productType : type of product, i.e. 'capsule', 'machine', 'accessory'\n * @param {String} range : product range, e.g. 'ispirazione italiana'\n * @param {String} technology : technology, i.e. 'original', 'vertuo'\n * @param {Number} price : price, e.g. .51\n * @param {String} eventAction : description of the action, e.g. 'PDP Quick View'\n *\n * Initally created for PDP Quick View tracking:\n * https://dsu-confluence.nestle.biz/display/DIANA/BEFORE+-+PDP+Quick+View\n * Will probably be rolled out across all components, update this comment accordingly.\n */\nexport const trackComponentInteraction = ({\n creative = '',\n actionType = '',\n internationalId = '',\n internationalName = '',\n productType = '',\n technology = '',\n category = '',\n rawPrice = '',\n eventAction = ''\n}) => {\n window.gtmDataObject = window.gtmDataObject || []\n const eventData = {\n event: 'page_builder_component_interaction',\n event_raised_by: raisedByPB,\n component_name: creative,\n action_type: actionType,\n item_id_event: internationalId,\n item_name_event: internationalName,\n item_category_event: productType,\n item_technology_event: technology,\n item_range_event: category,\n item_price_event: rawPrice,\n eventCategory: 'User Engagement',\n eventAction: eventAction,\n eventLabel: `${productType} - ${technology} - ${internationalName}`\n }\n window.gtmDataObject.push(eventData)\n emitCustomEvent('page_builder_component_interaction', eventData)\n}\n\n/**\n *\n * Push 'view_promotion' event for GA 4\n * @param {*} args (event, event_raised_by, ecommerce: {promotion_id, promotion_name, creative_slot, creative_name})\n */\nexport const viewPromotion = args => {\n const event = 'view_promotion'\n const eventData = {\n event,\n event_raised_by: raisedByPB,\n ecommerce: {}\n }\n if (Object.keys(args).length) {\n const { id = '', creative = '', name = '', position = '' } = args\n let ecommerceData = {\n promotion_id: id,\n promotion_name: name,\n creative_slot: position,\n creative_name: creative\n }\n ecommerceData = removeEmptyValues(ecommerceData)\n eventData.ecommerce = ecommerceData\n }\n window.gtmDataObject ??= []\n window.gtmDataObject.push(eventData)\n emitCustomEvent(event, eventData)\n}\n\nexport const handlePromoClick = args => {\n const { campaign, cta_name } = args\n\n const cleanedData = removeEmptyValues(campaign)\n selectPromotion({ cta_name, ...cleanedData })\n}\n\n/**\n *\n * Push 'select_promotion' event for GA 4\n * @param {*} args (event, event_raised_by, cta_name, ecommerce: {promotion_id, promotion_name, creative_slot, creative_name})\n */\nexport const selectPromotion = args => {\n const event = 'select_promotion'\n const eventData = {\n event: 'select_promotion',\n cta_name: args?.cta_name ?? '(not set)',\n event_raised_by: raisedByPB,\n ecommerce: {}\n }\n if (Object.keys(args).length) {\n const { id = '', creative = '', name = '', position = '' } = args\n let ecommerceData = {\n promotion_id: id,\n promotion_name: name,\n creative_slot: position,\n creative_name: creative\n }\n ecommerceData = removeEmptyValues(ecommerceData)\n eventData.ecommerce = ecommerceData\n }\n\n window.gtmDataObject ??= []\n window.gtmDataObject.push(eventData)\n emitCustomEvent(event, eventData)\n}\n\nexport const interactionClick = (nameComponent, ctaName) => {\n window.gtmDataObject = window.gtmDataObject || []\n const eventData = {\n event: 'page_builder_component_interaction',\n event_raised_by: raisedByPB,\n eventCategory: 'User Engagement',\n eventAction: 'Click CTA',\n eventLabel: `Page Builder - ${nameComponent} - ${ctaName}`,\n component_name: nameComponent,\n action_type: 'web component click',\n cta_name: ctaName\n }\n window.gtmDataObject.push(eventData)\n emitCustomEvent('page_builder_component_interaction', eventData)\n}\n\nexport const getProductInfo = async (sku, data) => {\n let product = data\n if (!product) {\n product = await getProduct(sku)\n }\n return product\n}\n\nexport const getProductPayload = (data, actionField = {}) => {\n const {\n internationalName,\n internationalId,\n category,\n unitPrice,\n legacyId,\n name,\n technologies,\n bundled,\n inStock,\n type\n } = data\n\n const technology = technologies.map(item => item.split('/').pop()).join('|')\n const isDiscovery = category.toLowerCase().includes('discovery')\n\n return [\n // Array consists of one product details for PDP Product Detail View\n {\n ...actionField,\n name: internationalName, // '[[International Product Name]]' NIE, Contract\n id: internationalId, // '[[International Product ID]]'\n price: unitPrice, // '[[Product Price]'\n // dimension43: '[[true/false]]', // '[[true/false]]' // Signifies if this product is part of a standing order or not\n dimension44: isDiscovery.toString(), // '[[true/false]]', // Signifies if this product is part of a discovery offer\n dimension53: legacyId, // '[[Product Local market ID]]', // Local market id for product\n dimension54: name, // '[[Product Local market Name]]', // Local market name for product\n dimension55: category, // '[[Product Range]]', // Range of the product, eg: Barista Creations for Ice (Nessoft Category)\n dimension56: technology, // '[[Product Technology]]', //Product technology according to Nespresso categorization (original, vertuo, pro)\n dimension57: bundled ? 'bundle' : 'single', // '[[Product Type]]', //If the product is single or bundle\n dimension192: inStock ? 'in stock' : 'out of stock', // '[in stock]', // \"in stock\" or \"out of stock\"\n category: type, // '[[Product Category]]', //Product category according to Nespresso categorization (Nessoft type): capsule, accessory, machine\n brand: 'Nespresso' // Static value set to Nespresso\n }\n ]\n}\n\nexport const trackDetailView = async (sku, data) => {\n // https://dsu-confluence.nestle.biz/display/DIANA/HQ+PB+Tracking+-+Product+Detail+View\n if (window.pbTrackDetailViewPDP || !sku || !window.napi) {\n return\n }\n\n const productInfo = await getProductInfo(sku, data)\n const productPayload = getProductPayload(productInfo)\n const currency = productInfo.currency\n\n window.gtmDataObject = window.gtmDataObject || []\n const eventData = {\n event: 'detailView',\n currencyCode: currency,\n eventRaisedBy: raisedByPB,\n ecommerce: {\n detail: {\n actionField: {},\n products: productPayload\n }\n }\n }\n window.gtmDataObject.push(eventData)\n // Track only once per page\n window.pbTrackDetailViewPDP = true\n emitCustomEvent('detailView', eventData)\n}\n\nexport const trackAddToCartImpression = (product, isStickyBar) => {\n // https://dsu-confluence.nestle.biz/pages/viewpage.action?spaceKey=DIANA&title=PDP+-+Sticky+Add+To+Cart+Custom+Event\n\n window.gtmDataObject = window.gtmDataObject || []\n const eventData = {\n event: 'page_builder_component_interaction',\n event_raised_by: raisedByPB,\n component_name: 'before_sku_main_info',\n action_type: isStickyBar\n ? 'sticky add to cart impression'\n : 'standard add to cart impression',\n //product info\n item_id_event: product.internationalId,\n item_name_event: product.internationalName,\n item_category_event: product.type,\n item_price_event: product.price_per_capsule?.split(' ')[0],\n item_market_id_event: product.legacyId,\n item_market_name_event: product.name,\n item_range_event: product.category_name,\n item_technology_event: product.technology?.[0]?.split('/').slice(-1) ?? '',\n item_type_event: product.bundled ? 'bundle' : 'single'\n }\n window.gtmDataObject.push(eventData)\n emitCustomEvent('page_builder_component_interaction', eventData)\n}\n\nexport const productImpression = async (position, list, sku, data) => {\n // https://dsu-confluence.nestle.biz/pages/viewpage.action?pageId=225612781\n // don't track already tracked products\n window.gtmDataObject = window.gtmDataObject || []\n const hasDetailView = window.gtmDataObject.find(item => item.event === 'detailView')\n const alreadyTracked = !!hasDetailView?.ecommerce?.detail?.products.find(p =>\n sku.includes(p.id)\n )\n if (alreadyTracked) {\n return\n }\n\n const productInfo = await getProductInfo(sku, data)\n const productPayload = getProductPayload(productInfo, { list: list, position: position })\n const currency = productInfo.currency\n const eventData = {\n event: 'impression',\n eventAction: 'Product Impression',\n currencyCode: currency,\n eventRaisedBy: raisedByPB,\n ecommerce: {\n impressions: productPayload\n }\n }\n window.gtmDataObject.push(eventData)\n emitCustomEvent('impression', eventData)\n}\n\nexport const productClick = async (position, list, sku, data) => {\n // https://dsu-confluence.nestle.biz/pages/viewpage.action?pageId=225612781\n\n if (typeof list !== 'string') return\n\n const productInfo = await getProductInfo(sku, data)\n const productPayload = getProductPayload(productInfo, { position: position })\n const currency = productInfo.currency\n\n window.gtmDataObject = window.gtmDataObject || []\n const eventData = {\n event: 'productClick',\n eventAction: 'Product Click',\n currencyCode: currency,\n eventRaisedBy: raisedByPB,\n ecommerce: {\n click: {\n actionField: {\n list: list\n },\n products: productPayload\n }\n }\n }\n window.gtmDataObject.push(eventData)\n emitCustomEvent('productClick', eventData)\n}\n\nexport function filterTrackingFromPlpFilters(filtersSelected) {\n const grouped = groupSelectedFilters(filtersSelected)\n const groupKeys = Object.keys(grouped)\n const typesFiltersSelected = groupKeys.join('|').substring(0, 99)\n const valuesFiltersSelected = groupKeys\n .map(key => grouped[key].values.map(value => value.split('/').at(-1)).join(','))\n .join('|')\n .substring(0, 99)\n\n return [typesFiltersSelected, valuesFiltersSelected]\n}\n\nexport const filterActionEvent = (\n actionType,\n filterType,\n filterValues,\n clickLocation,\n dataType\n) => {\n // https://dsu-confluence.nestle.biz/display/DIANA/PLP+-+Filter+Revamp\n window.gtmDataObject = window.gtmDataObject || []\n const eventData = getExplicitFilterEventData(\n actionType,\n filterType,\n filterValues,\n clickLocation\n )\n\n window.gtmDataObject.push(eventData)\n if (window.NEXT_V1_PLP_EXPLICIT_FILTER_TRACKING && dataType) {\n window.gtmDataObject.push({\n ...window.NEXT_V1_PLP_EXPLICIT_FILTER_TRACKING,\n experiment_action: `${actionType} - ${dataType}`,\n cta_name: 'All filters'\n })\n }\n\n emitCustomEvent('plp_filter', eventData)\n}\n\nconst getExplicitFilterEventData = (actionType, filterType, filterValues, clickLocation) => {\n return {\n event: 'plp_filter',\n event_raised_by: raisedByPB,\n action_type: actionType,\n filter_type: filterType,\n ...(filterValues ? { filter_values: filterValues } : {}),\n ...(clickLocation ? { click_location: clickLocation } : {})\n }\n}\n\nfunction groupSelectedFilters(filtersSelected = []) {\n return filtersSelected.reduce((grouped, { key, value }) => {\n if (!grouped[key]) grouped[key] = { key, values: [] }\n grouped[key].values.push(value.replaceAll(',', '-'))\n return grouped\n }, {})\n}\n\nfunction arrTolastURLElementMapper(arr) {\n if (typeof arr === 'undefined' || arr.length === 0) return undefined\n\n return arr.map(item => item.split('/').pop()?.trim() || '')\n}\n\nfunction arrToJoinedString(arr, joiner = '|') {\n if (typeof arr === 'undefined' || arr.length === 0) return undefined\n\n return arr.map(item => item.trim()).join(joiner)\n}\n\nfunction findTechnogiesText(arr) {\n if (typeof arr === 'undefined' || arr.length === 0) return undefined\n\n if (arr.length === 1) return cleanText(arrTolastURLElementMapper(arr)?.[0])\n else return 'multiple'\n}\n\nfunction cleanText(str) {\n if (typeof str === 'undefined') return undefined\n\n return str.toString().trim()\n}\n\nconst generateEcommerceObject = async (productIds, options) => {\n const productRequests = productIds.map(SKU => getProduct(SKU))\n const productData = await Promise.all(productRequests)\n\n return {\n ecommerce: {\n currency: window[window.config.padl.namespace].dataLayer.app.app.currency,\n value: productData.reduce((ac, product) => {\n return ac + product.price\n }, 0),\n items: productData.map((product, index) => {\n if (product.type === 'bundle' || product.type === 'giftcard') {\n return {\n item_id: cleanText(product.internationalId),\n item_name: cleanText(product.internationalName),\n item_brand: 'nespresso',\n item_category: cleanText(product.type),\n index: index + 1\n }\n }\n\n let output = {\n item_id: cleanText(product.internationalId),\n item_name: cleanText(product.internationalName),\n item_brand: 'nespresso',\n item_category: cleanText(product.type),\n item_category2: arrToJoinedString(\n arrTolastURLElementMapper(product.technologies)\n ),\n item_category3: cleanText(product.category),\n price: product.price,\n quantity: product.salesMultiple,\n affiliation: 'nespresso online store',\n coupon: undefined,\n discount: undefined,\n location_id: undefined,\n item_list_name: cleanText(options?.listName),\n item_list_id: cleanText(options?.listId),\n index: index + 1,\n item_market_id: cleanText(product.legacyId),\n item_market_name: cleanText(product.name),\n item_technology: findTechnogiesText(product.technologies),\n item_range: cleanText(product.category),\n item_discovery_offer: product.category.includes('discovery').toString(),\n item_added_by_user: undefined,\n item_ecotax_applicable: product?.displayEcoTax\n ? cleanText(product?.displayEcoTax.toString())\n : undefined,\n item_selection_list: cleanText(arrToJoinedString(product.productSelections)),\n item_in_stock: product?.inStock\n ? cleanText(product?.inStock.toString())\n : undefined,\n item_subscription_name: undefined,\n item_subscription_category: undefined,\n item_subscription_price: undefined,\n item_subscription_duration: undefined,\n item_subscription_fee: undefined\n }\n\n switch (product.type) {\n case 'capsule': {\n const capsuleProduct = product\n\n output.item_category4 = capsuleProduct.bundled ? 'bundle' : 'single'\n\n output.item_type = capsuleProduct.bundled ? 'bundle' : 'single'\n\n output.item_coffee_aromatic_profile = cleanText(\n arrToJoinedString(capsuleProduct.capsuleProductAromatics)?.toLowerCase()\n )\n\n output.item_coffee_intensity =\n cleanText(capsuleProduct.capsuleProperties.intensity) ?? undefined\n\n output.item_coffee_cup_size = cleanText(\n arrToJoinedString(capsuleProduct.capsuleCupSizes)\n )?.toLowerCase()\n\n break\n }\n case 'machine': {\n const machineProduct = product\n\n output.item_machine_shade = cleanText(machineProduct.colorShade?.name)\n\n break\n }\n }\n\n if (product.type === 'machine' || product.type === 'accessory') {\n output.item_avg_rating = product.ratingCode\n output.item_number_of_reviews = product.ratingCode\n }\n\n return output\n })\n }\n }\n}\n\nexport const selectItems = async (productIds, options) => {\n const ecommerceObject = await generateEcommerceObject(productIds, options)\n\n const output = {\n event: 'select_item',\n event_raised_by: options?.eventRaisedBy ?? 'before_cross_sell_v3',\n click_location: options?.clickLocation ?? 'page builder cross sell quick view',\n item_list_id: options?.listId ?? 'before_cross_sell_v3',\n subscription_product_included: 'false',\n discovery_offer_included: 'false',\n ...ecommerceObject\n }\n\n window.gtmDataObject.push({ ecommerce: null })\n window.gtmDataObject.push(output)\n}\n\nexport const viewItemList = async (productIds, options) => {\n const ecommerceObject = await generateEcommerceObject(productIds, options)\n\n const output = {\n event: 'view_item_list',\n event_raised_by: options?.eventRaisedBy,\n subscription_product_included: 'false',\n discovery_offer_included: 'false',\n ...ecommerceObject\n }\n\n if (options?.eventRaisedBy === undefined) delete output.event_raised_by\n\n window.gtmDataObject.push({ ecommerce: null })\n window.gtmDataObject.push(output)\n}\n\nexport const isGtmTrackingExists = trackingData => {\n window.gtmDataObject = window.gtmDataObject || []\n\n return window.gtmDataObject.some(\n event =>\n event.event === trackingData.event &&\n event.ecommerce?.creative_slot === trackingData.campaign.position &&\n event.ecommerce?.promotion_id === trackingData.campaign.id &&\n event.ecommerce?.promotion_name === trackingData.campaign.name &&\n event.ecommerce?.creative_name === trackingData.campaign.creative\n )\n}\n","export type EventListener = {\n element: HTMLElement\n type: string\n listener: (e: Event) => void\n options?: boolean | AddEventListenerOptions\n}\n\nconst add = (eventListeners: EventListener[] = []) => {\n eventListeners.forEach(eventListener => {\n if (!eventListener || !eventListener.element) {\n return\n }\n return eventListener.element.addEventListener(\n eventListener.type,\n eventListener.listener,\n eventListener.options\n )\n })\n}\n\nconst remove = (eventListeners: EventListener[] = []) => {\n eventListeners.forEach(eventListener => {\n if (!eventListener || !eventListener.element) {\n return\n }\n eventListener.element.removeEventListener(eventListener.type, eventListener.listener)\n })\n}\n\nconst busNamespace = 'pageBuilder'\n\nexport const emitCustomEvent = (eventName: string, data: unknown) => {\n const customEvent = new CustomEvent(`${busNamespace}.${eventName}`, {\n detail: data,\n bubbles: true,\n cancelable: true,\n composed: false\n })\n\n window.dispatchEvent(customEvent)\n}\n\nexport default { add, emitCustomEvent, remove }\n","import CarouselLib from './js/Carousel'\nimport createProps from '@kissui/helpers/src/props.helpers'\nimport { makeId } from '@kissui/helpers/src/utils'\nimport { itemDisplay } from '@kissui/helpers/src/gtmEvents'\nimport { dispatchEvent } from '@kissui/helpers/src/assets/js/eventDispatch'\nimport { EVENT_SLIDE_CHANGE } from '@kissui/components'\n\nclass Slider extends HTMLElement {\n constructor() {\n super()\n this._slider = null\n this.randomId = null\n }\n\n static get observedAttributes() {\n return [\n 'navigation_as_slider',\n 'slides_to_scroll',\n 'slides_visible',\n 'pagination',\n 'pagination_variation',\n 'nav_centered'\n ]\n }\n\n connectedCallback() {\n this.slot = this.innerHTML\n this.props = createProps(this.attributes)\n this.randomId = this.props.testId ? this.props.testId : `slider_${makeId(5)}`\n this.render()\n }\n\n createProps() {\n return [...this.attributes].reduce(\n (all, attribute) => ({ ...all, [attribute.nodeName]: attribute.nodeValue }),\n {}\n )\n }\n\n render() {\n this.innerHTML = `<div class=\"slider ${this.randomId}\">${this.slot}</div>`\n this.loadSlider()\n }\n\n loadSlider() {\n const {\n navigation_as_slider = 'false',\n indexSlider = 0,\n slides_loop = 'true',\n slides_visible = 4,\n slides_to_scroll = 1,\n navigation = 'true',\n pagination = 'true',\n space_between = 0,\n navigation_variation = 'dark',\n navigation_size = '48',\n pagination_variation = 'stepper',\n nav_centered = 'false'\n } = this.props\n\n const el = this.querySelector(`.${this.randomId}`)\n const options = {\n index: parseInt(indexSlider),\n slidesToScroll: parseInt(slides_to_scroll),\n slidesVisible: parseInt(slides_visible),\n spaceBetween: space_between,\n loop: slides_loop === 'true',\n navigationAsSlider: navigation_as_slider === 'true',\n navigationButton: navigation === 'true',\n pagination: pagination === 'true',\n navigation_variation,\n navigation_size,\n pagination_variation,\n nav_centered\n }\n this._slider = new CarouselLib(el, options)\n this._slider.setClass('first')\n this._slider.onSlideChange(this.handleClick.bind(this))\n }\n\n handleClick() {\n dispatchEvent({\n eventName: EVENT_SLIDE_CHANGE,\n args: { slideIndex: this._slider.currentIndex }\n })\n\n this.toggleClasses()\n // GTM 'itemDisplay' event\n itemDisplay({ rootElement: ['nb-slider'] })\n }\n\n toggleClasses() {\n const isFirst = this._slider.currentIndex === 0\n const isLast =\n this._slider.slidesTotal === this._slider.currentIndex + this._slider.slidesVisible\n\n this._slider.unsetClass('last')\n this._slider.unsetClass('first')\n\n if (isFirst) {\n this._slider.setClass('first')\n } else if (isLast) {\n this._slider.setClass('last')\n }\n }\n}\n// Registers custom element\ncustomElements.get('nb-slider') || customElements.define('nb-slider', Slider)\n\nexport default Slider\n","export const dispatchEvent = ({ eventName, args, element }) => {\n // Use the provided element or fallback to window if available\n if (!element) {\n if (typeof window !== 'undefined') {\n element = window\n } else {\n throw new Error(\n '`element` is not provided and `window` is unavailable. Provide a valid element to dispatch the event.'\n )\n }\n }\n\n let event\n if (args) {\n event = new CustomEvent(eventName, { detail: args, bubbles: true })\n } else {\n if (typeof Event === 'function') {\n event = new Event(eventName)\n } else {\n event = document.createEvent('Event')\n event.initEvent(eventName, true, true)\n }\n }\n element.dispatchEvent(event)\n}\n\nexport const readEvent = e => {\n if (!e.detail) {\n return\n }\n return e.detail\n}\n"],"names":["hidden","bulletActive","CarouselTouchPlugin","constructor","carousel","_carousel","this","_container","addEventListener","e","preventDefault","startDrag","passive","window","drag","endDrag","translateFactor","touches","length","_origin","x","screenX","y","screenY","_width","containerWidth","point","translate","_lastTranslate","translateDelta","_currentIndex","_widthSlide","preventMobileYTranslate","Math","abs","stopPropagation","dragDelta","carouselWidth","dragRatio","slideDirection","goToItem","CarouselCreamUiHack","MutationObserver","mutations","forEach","mutation","oldValue","classList","oldState","contains","newState","document","body","observe","attributes","attributeFilter","attributeOldValue","Carousel","element","options","_element","_slides","slice","call","children","_index","index","_options","Object","assign","slidesToScroll","slidesVisible","spaceBetween","navigationButton","loop","navigationAsSlider","pagination","hookGetRightBoundary","hookSlideChange","hookMove","hookNext","hookPrevious","pagination_variation","nav_centered","moveCallbacks","_ratio","buildIHM","hasPagination","slidesTotal","navigationVariation","navigation_variation","navigationSize","navigation_size","offsetWidth","_root","wrapperWidth","_wrapper","paginationVariation","getSlideWidth","parseInt","createElement","_children","map","child","appendChild","setWrapperStyle","createNavigation","createPagination","widthSlide","widthContainer","setContainerWidth","setWrapperWidth","slide","setSlideWidth","_widthContainer","_widthWrapper","style","width","marginRight","disableTransition","transition","enableTransition","delta","left","tag","className","div","setAttribute","sliderWidth","prevButton","createNavigationButton","nextButton","addNavigationListeners","mainContainer","parentElement","onMove","max","add","remove","type","icon","label","button","next","prev","key","getSlideNotVisible","createPaginationBullets","paginationBullets","buttons","i","span","innerText","toString","push","selectButton","activeButton","createPaginationStepper","paginationStepper","spanTotal","slash","spanCurrent","innerHTML","console","info","hackUi","incomingIndex","getOverflowingIndex","translateX","indexHasChange","$html","querySelector","reachedLeftBoundary","getLeftBoundary","reachedRightBoundary","getRightBoundary","lastIndex","overflowingIndex","incomingSlideIndex","currentIndex","existingSlide","undefined","goingToNextSlide","boundaryReached","_getMaxSlideWidth","slides","reduce","onSlideChange","cb","activateItems","t","item","video","pause","play","setClass","unsetClass","isNil","obj","DOMParser","itemDisplay","args","gtmDataObject","eventData","event","eventRaisedBy","eventAction","itemTypes","emitCustomEvent","eventName","data","customEvent","CustomEvent","detail","bubbles","cancelable","composed","dispatchEvent","Slider","HTMLElement","super","_slider","randomId","observedAttributes","connectedCallback","slot","props","find","attribute","nodeName","getData","filter","all","attr","nodeValue","JSON","parse","error","log","createProps","testId","result","characters","charAt","floor","random","makeId","render","loadSlider","navigation_as_slider","indexSlider","slides_loop","slides_visible","slides_to_scroll","navigation","space_between","el","CarouselLib","handleClick","bind","Error","Event","createEvent","initEvent","slideIndex","toggleClasses","rootElement","isFirst","isLast","customElements","get","define"],"mappings":"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"}