{"version":3,"file":"index.es.min.js","sources":["../../../packages/helpers/src/utils.ts","../../../packages/helpers/src/props.helpers.js","../../../packages/helpers/src/refs.helpers.js","../../../packages/components/src/constants.mjs","../../../packages/helpers/src/viewport.helpers.ts","../../../packages/helpers/src/catalog.js","../../../packages/helpers/src/impolicy.js","../../../packages/helpers/src/gtmEvents.js","../../../packages/helpers/src/events.helpers.ts","../../../packages/page-builder-sections/src/hero-product-showcase/hero-product-showcase.js"],"sourcesContent":["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","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","const createRefs = component => [...component.querySelectorAll('[data-ref]')].reduce(extract, {})\n\nconst extract = (refs, $ref) => {\n const { ref } = $ref.dataset\n\n // Check if ref is of type array\n const refArray = ref.match(/(\\w+)\\[(.+)\\]/)\n\n if (refArray !== null) {\n return getRefArray(refs, $ref, refArray)\n } else {\n return { ...refs, [$ref.dataset.ref]: $ref }\n }\n}\n\nconst getRefArray = (refs, $ref, [, name, index]) => {\n if (refs[name] === undefined) {\n refs[name] = []\n }\n refs[name][index] = $ref\n return refs\n}\n\nexport default createRefs\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}\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 { BREAKPOINT_M, BREAKPOINT_TABLET } from '@kissui/components'\n\nconst viewport = () => {\n const lt = (ref: number) => {\n return window.innerWidth < ref\n }\n\n return {\n get is() {\n const { innerWidth: vw, devicePixelRatio } = window\n return {\n mobile: vw < BREAKPOINT_M,\n mobile_tablet: vw < BREAKPOINT_TABLET,\n tablet: vw >= BREAKPOINT_M && vw < BREAKPOINT_TABLET,\n desktop: vw >= BREAKPOINT_TABLET && devicePixelRatio <= 1,\n retina: vw >= BREAKPOINT_TABLET && devicePixelRatio > 1\n }\n },\n lt\n }\n}\n\nconst helper = viewport()\n\nexport default helper\n","import { COFFEE_VERTUO } from '@kissui/components/src/constants.mjs'\nimport { getCurrency } from './getCurrency'\nexport { getCurrency } from './getCurrency'\n\nexport const ECAPI_TYPE_CAPSULE = 'capsule'\nexport const ECAPI_TYPE_MACHINE = 'machine'\nexport const ECAPI_TYPE_ACCESSORY = 'accessory'\nexport const ECAPI_TYPE_GIFT_CARD = 'giftcard'\n\nconst TECHNOLOGY_CATEGORY_IDENTIFIER = '/machineTechno/'\nconst SLEEVE_OF_10 = 10\nconst SLEEVE_OF_7 = 7\n\nconst trimSku = sku => sku.replace(/[^a-z0-9- +./]/gi, '')\n\nexport const getLegacySKU = productId => productId.split('prod/').pop()\n\nexport const getPriceFormatter = async () => await window.napi.priceFormat()\n\nexport const getProduct = sku => window.napi.catalog().getProduct(trimSku(sku))\n\nexport function getTechnologyName(productData) {\n const techno = productData.technologies[0]\n return techno.substring(\n techno.indexOf(TECHNOLOGY_CATEGORY_IDENTIFIER) + TECHNOLOGY_CATEGORY_IDENTIFIER.length\n )\n}\n\nfunction isMultipleOf(quantity, multiple) {\n return quantity % multiple === 0\n}\n\nexport function getSleeveNumber(product, getTechnologyNameFn = getTechnologyName) {\n if (product.sales_multiple !== 1 && isMultipleOf(product.sales_multiple, SLEEVE_OF_10)) {\n // Sleeve of original or vertuo\n return product.sales_multiple / SLEEVE_OF_10\n }\n\n if (\n product.sales_multiple !== 1 &&\n getTechnologyNameFn(product) === COFFEE_VERTUO &&\n isMultipleOf(product.sales_multiple, SLEEVE_OF_7)\n ) {\n // Sleeve of vertuo\n return product.sales_multiple / SLEEVE_OF_7\n }\n\n if (product.sales_multiple === 1 && isMultipleOf(product.unitQuantity, SLEEVE_OF_10)) {\n // Bundle of original or vertuo\n return product.unitQuantity / SLEEVE_OF_10\n }\n\n if (\n product.sales_multiple === 1 &&\n getTechnologyNameFn(product) === COFFEE_VERTUO &&\n isMultipleOf(product.unitQuantity, SLEEVE_OF_7)\n ) {\n // Bundle of vertuo\n return product.unitQuantity / SLEEVE_OF_7\n }\n\n return NaN\n}\n\n/**\n * Guess if the product is part of a bundle.\n * This is determined by checking the 'sales_multiple' and 'unitQuantity' properties.\n */\nexport function isBundled(productData) {\n // TODO: this function should not change the productData, but some components still need it\n productData.sales_multiple = productData.sales_multiple || productData.salesMultiple\n\n const isSalesMultipleGreaterThanOne = productData.sales_multiple > 1\n const isUnitQuantityEqualToOne = productData.unitQuantity === 1\n const isSalesMultipleEqualToOne = productData.sales_multiple === 1\n const isUnitQuantityGreaterThanOne = productData.unitQuantity > 1\n\n // The product is not bundled if sales_multiple > 1 and unitQuantity = 1\n if (isSalesMultipleGreaterThanOne && isUnitQuantityEqualToOne) {\n return false\n }\n\n // The product is bundled if sales_multiple = 1 and unitQuantity > 1\n return isSalesMultipleEqualToOne && isUnitQuantityGreaterThanOne\n}\n\n/**\n * Replace an array of SKU with product data\n * Remove the element inside the list if sku fail. It prevents to get an empty item.\n * @param {Array.<String>} skus\n * @param getProductFn\n * @returns {Promise<Awaited<unknown>[]>}\n */\nexport function getProductAndClean(skus, getProductFn = getProduct, napi = window.napi) {\n const promises = []\n\n if (!napi) {\n return Promise.reject()\n }\n\n if (!Array.isArray(skus)) {\n skus = [skus]\n }\n\n // Load manually the product to delete SKU fail\n for (const sku of skus) {\n promises.push(\n getProductFn(sku)\n .then(data => skus.splice(skus.indexOf(sku), 1, data))\n .catch(() => {\n skus.splice(skus.indexOf(sku), 1)\n console.error(`getProduct fail on sku ${sku}`)\n })\n )\n }\n\n return Promise.all(promises)\n}\n\nexport const getFormattedPrice = async price => {\n const priceFormatter = await getPriceFormatter()\n const currency = getCurrency()\n\n return priceFormatter.html\n ? priceFormatter.html(currency, price)\n : priceFormatter.short(currency, price) || ''\n}\n\nexport const getProductCategories = async sku => {\n const productDetails = await getProduct(sku)\n const productCategories = productDetails ? productDetails.supercategories : []\n const productCategoriesNew = await Promise.all(\n productCategories.map(async categoryEncoded => {\n const productCategoryData = await window.napi.catalog().getCategory(categoryEncoded)\n return productCategoryData\n })\n )\n return productCategoriesNew\n}\n","import viewportHelper from './viewport.helpers'\n\n/**\n * Resize image on the fly by Akamai\n * https://dsu-confluence.nestle.biz/x/06kaCQ\n * https://dsu-confluence.nestle.biz/display/EUXUI/Performance?preview=/152742355/152761429/IMPoliciesExtract-31072020.docx\n * @param {''|'carouselBannerNarrowMedium'|'carouselBannerWide'|'horizontalBannerNarrow'|'landscapeRecipeDetails'|'large'|'medium'|'portraitRecipeDetails'|'productPdpMainDefault'|'productPdpMain'|'productPdpSafeZone'|'product'|'recipeCard'|'registrationTechChoiceMediumLarge'|'resize_crop'|'small'} policy - IM Policy coming from Akamaï\n * @param {24|150|320|640|1024|2048|5000} width - IM Width size of the image\n * @returns {string} - Rules apply in a query string parameter\n */\nexport const getImpolicy = (policy = 'product', width = 160) => {\n const rules = []\n\n if (policy) {\n rules.push(`impolicy=${policy}`)\n }\n\n if (width) {\n rules.push(`imwidth=${width}`)\n }\n\n return `?${rules.join('&')}`\n}\n\n/**\n * Ask the right resolution depending on breakpoint, returns the closest one\n * No need to give a retina resolution, Akamai will return Retina automatically (you need to give the normal resolution)\n * @param {''|'medium'} policy - IM Policy coming from Akamaï, default is medium because it have the largest batch of resolutions\n * @param {''|'375'} mobileWidth - Mobile image width to be served | 375 default is full mobile screen width\n * @param {''|'1024'} tabletWidth - Tablet image width to be served | 1024 default is full tablet landscape screen width\n * @param {''|'1920'} desktopWidth - Desktop image width to be served | 1024 default is full tablet landscape screen width\n * @returns {string} - Rules to concatenate to your image url\n */\nexport const getResponsiveImpolicy = (\n policy = 'medium',\n mobileWidth = '375',\n tabletWidth = '1024',\n desktopWidth = '1920',\n retinaWidth = '3840'\n) => {\n if (viewportHelper.is.mobile) {\n return getImpolicy(policy, mobileWidth)\n } else if (viewportHelper.is.tablet) {\n return getImpolicy(policy, tabletWidth)\n } else if (viewportHelper.is.desktop) {\n return getImpolicy(policy, desktopWidth)\n } else {\n return getImpolicy(policy, retinaWidth)\n }\n}\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 eventCategory: 'User Engagement',\n eventAction: 'Click',\n eventLabel: '',\n nonInteraction: 0,\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 { stringifyForAttribute } from '@kissui/helpers/src/utils'\nimport createProps from '@kissui/helpers/src/props.helpers'\nimport createRefs from '@kissui/helpers/src/refs.helpers'\nimport viewportHelper from '@kissui/helpers/src/viewport.helpers'\nimport { EVENT_POPIN_KEY_DOWN } from '@kissui/components'\nimport { getProductAndClean } from '@kissui/helpers/src/catalog'\nimport { getResponsiveImpolicy } from '@kissui/helpers/src/impolicy'\nimport { handlePromoClick } from '@kissui/helpers/src/gtmEvents'\n\nconst DEFAULT_PANEL = 0\n\nclass HeroProductShowcase extends HTMLElement {\n constructor() {\n super()\n this.buttonElements = null\n this.currentProducts = null\n this.currentIndex = null\n this.productsCached = {}\n this.boundHandleClick = this.handleClick.bind(this)\n this.boundSliderScroll = this.onSliderScroll.bind(this)\n this.boundKeyNavTab = this.keyNavTab.bind(this)\n }\n\n connectedCallback() {\n this.props = createProps(this.attributes)\n this.render()\n this.refs = createRefs(this)\n this.initSlider(this.refs['slider'])\n this.bindEvent()\n this.onReady().then()\n }\n\n async onReady() {\n this.priceFormatter = await window.napi.priceFormat()\n this.currency = window[window.config.padl.namespace].dataLayer.app.app.currency\n this.switchTabs({ index: DEFAULT_PANEL })\n }\n\n render() {\n const { layout, campaign } = this.props\n const { contrast_mobile, contrast } = layout\n\n const currentContrast =\n viewportHelper.is.mobile && contrast_mobile !== '' ? contrast_mobile : contrast\n\n this.innerHTML = `\n <nb-container\n background_color=\"${layout.background_color}\"\n background_retina=\"${layout.background.retina}\"\n background_desktop=\"${layout.background.desktop}\"\n background_mobile=\"${layout.background.mobile}\"\n campaign_id=\"${campaign.id}\"\n campaign_name=\"${campaign.name}\"\n campaign_position=\"${campaign.position}\"\n campaign_creative=\"${campaign.creative}\"\n contrast=\"${currentContrast}\"\n classname=\"${layout.padding_top} ${layout.padding_bottom}\"\n lazy_load=\"false\">\n <div class=\"cb-col1\">\n ${this.renderTitle()}\n ${viewportHelper.is.mobile_tablet ? '' : this.renderContent()}\n </div>\n <div class='cb-col2'>\n ${this.renderOneOrMultipleTabs()}\n ${viewportHelper.is.mobile_tablet ? this.renderContent() : ''}\n </div>\n </nb-container>\n `\n\n this.tabs = this.querySelector('.tabs')\n this.buttonElements = this.querySelectorAll('.tabs button')\n this.panelElements = this.querySelectorAll('.panel')\n }\n\n renderTitle() {\n const { heading } = this.props.copywriting\n\n if (!heading) {\n return ''\n }\n\n return `<h2 class='h-3xl-300'>${heading}</h2>`\n }\n\n renderContent() {\n return `\n ${this.renderText()}\n ${this.renderCta()}\n ${this.renderDisclaimer()}\n `\n }\n\n renderText() {\n const { text } = this.props.copywriting\n\n if (!text) {\n return ''\n }\n\n const textClassName = viewportHelper.is.mobile ? 't-sm-500-sl' : 't-md-400'\n\n return `<p class='text ${textClassName}'>${text}</p>`\n }\n\n renderCta() {\n const { id, name, creative, position } = this.props.campaign\n const { cta = {} } = this.props.copywriting\n const { label = '' } = cta\n\n if (!label) {\n return ''\n }\n\n cta.campaign_id = id\n cta.campaign_name = name\n cta.campaign_creative = creative\n cta.campaign_position = position\n const data = stringifyForAttribute(cta)\n return `<nb-cta data=\"${data}\">${label}</nb-cta>`\n }\n\n renderDisclaimer() {\n const { disclaimer } = this.props.copywriting\n\n if (disclaimer === '') {\n return ''\n }\n\n return `<small class='t-2xs-500-sl'>${disclaimer}</small>`\n }\n\n renderOneOrMultipleTabs() {\n const { tabs = [] } = this.props.copywriting\n if (tabs.length === 1) {\n return this.renderOnePanel()\n } else {\n return this.renderTabs() + this.renderPanels()\n }\n }\n\n renderOnePanel() {\n this.hasTabs = false\n const { tabs } = this.props.copywriting\n\n if (!tabs || !tabs.length) {\n return ''\n }\n\n const products_number = tabs[0].products.length\n\n return `\n <div class='panels' data-ref='slider' tabindex='-1'>\n <div class=\"panel\" data-ref=\"panel-0\" products-number=\"${products_number}\">\n <nb-loader></nb-loader>\n </div>\n </div>\n `\n }\n\n renderTabs() {\n this.hasTabs = true\n this.classList.add('hasSlider')\n\n const { a11y_label_tablist, tabs } = this.props.copywriting\n\n if (!tabs || !tabs.length) {\n return ''\n }\n\n const renderedTabs = tabs.reduce(\n (output, tab, index) => `${output}${this.renderTab(tab, index)}`,\n ''\n )\n\n return `<div class='tabs' role='tablist' aria-label='${a11y_label_tablist}' tab-number='${tabs.length}'>${renderedTabs}</div>`\n }\n\n renderTab({ label, label_mobile, a11y_label, icon }, index) {\n let renderedLabel = label\n if (viewportHelper.is.mobile && label_mobile && label_mobile !== '') {\n renderedLabel = label_mobile\n }\n\n return `\n <button\n data-index=\"${index}\"\n role=\"tab\"\n id=\"hero-product-showcase-tab-${index}\"\n aria-controls=\"hero-product-showcase-tabpanel-${index}\"\n aria-label=\"${a11y_label}\">\n <nb-icon icon=\"${icon}\"></nb-icon>\n <span class=\"t-xs-500-caps-sl\">\n ${renderedLabel}\n </span>\n </button>\n `\n }\n\n renderPanels() {\n const { tabs } = this.props.copywriting\n\n if (!tabs || !tabs.length) {\n return ''\n }\n\n const renderedPanels = tabs.reduce(\n (output, _tab, index) => `${output}${this.renderPanel(index)}`,\n ''\n )\n\n // Strange bug with FF, this div shouldn't be focusable, but it is ! That's why I added tabindex=\"-1\"\n return `<div class='panels' data-ref='slider' tabindex='-1'>${renderedPanels}</div>`\n }\n\n renderPanel(index) {\n const { tabs } = this.props.copywriting\n\n if (!tabs || !tabs.length) {\n return ''\n }\n\n const products_number = tabs[index].products.length\n\n return `\n <div class=\"panel\"\n role=\"tabpanel\"\n data-ref=\"panel-${index}\"\n id=\"hero-product-showcase-tabpanel-${index}\"\n aria-label=\"${tabs[index].a11y_label}\"\n products-number=\"${products_number}\">\n <nb-loader></nb-loader>\n </div>\n `\n }\n\n switchTabs(\n { index, alreadyScrolled, userAction } = { alreadyScrolled: false, userAction: false }\n ) {\n const { tabs } = this.props.copywriting\n\n if (!tabs || !tabs.length || !tabs[index]) {\n return\n }\n\n this.currentProducts = tabs[index].products\n this.currentIndex = index\n\n if (this.hasTabs) {\n this.setButtonSelected()\n }\n\n // only fires goSlider if user uses the click on tabs\n if (!alreadyScrolled) {\n this.goSlider()\n\n const campaign = this.props.campaign\n if (userAction && campaign?.id !== '') {\n const label = tabs[index].label ?? 'not set'\n handlePromoClick({ campaign, cta_name: `TAB - ${label}` })\n }\n }\n\n if (!this.productsCached[this.currentIndex]) {\n this.productsCached[this.currentIndex] = []\n this.loadProducts().then()\n }\n }\n\n async loadProducts() {\n try {\n await getProductAndClean(this.currentProducts)\n } catch (e) {\n console.error(e)\n } finally {\n this.productsCached[this.currentIndex] = this.currentProducts\n this.renderProducts()\n }\n }\n\n renderProducts() {\n const { tabs } = this.props.copywriting\n\n if (!tabs || !tabs.length) {\n return\n }\n\n const renderedProducts = this.productsCached[this.currentIndex].reduce(\n (output, product, index) => `${output}${this.renderProduct(product, index)}`,\n ''\n )\n\n this.refs[`panel-${this.currentIndex}`].innerHTML = `\n <h3 class='sr-only'>${tabs[this.currentIndex].label}</h3>\n <div class='products'>${renderedProducts}</div>\n `\n }\n\n renderProduct(product, index) {\n const { heading } = this.props.copywriting\n\n const price = this.priceFormatter.html\n ? this.priceFormatter.html(this.currency, product.price)\n : this.priceFormatter.short(this.currency, product.price)\n\n return `\n <div class='product'\n tracking_list='${heading}'\n tracking_position='${index + 1}'\n data-product-item-id='${product.internationalId}'\n data-product-section='Page Builder - Hero Product Showcase'\n data-product-position='${index + 1}'>\n <img\n loading=\"lazy\" src=\"${product.responsiveImages.standard}${getResponsiveImpolicy(\n 'product',\n '252',\n '252',\n '126',\n '252'\n )}\"\n alt=\"${product.name}\"\n aria-hidden='true' />\n <h4 class='t-sm-700-sl'>${product.name}</h4>\n <div class='price'>\n <p class='t-sm-700-sl'>${price}</p>\n ${this.renderAddToCart(product, index)}\n </div>\n </div>`\n }\n\n renderAddToCart(product, index) {\n const { heading } = this.props.copywriting\n\n return `\n <nb-add-to-cart\n sku=\"${product.internationalId}\"\n longSku=\"${product.id}\"\n buttonSize=\"small\"\n showPrice\n range='${heading}'\n position='${index + 1}'\n ></nb-add-to-cart>\n `\n }\n\n initSlider(ref) {\n if (!ref) {\n return\n }\n\n const { tabs } = this.props.copywriting\n\n if (!tabs || !tabs.length) {\n return\n }\n\n this.slider = ref\n this.slider.lastScrollPosition = this.slider.scrollLeft\n this.slider.itemNumber = tabs.length\n this.getSliderPositions()\n this.getSliderWidth()\n this.bindSliderScroll()\n }\n\n getSliderPositions() {\n this.slider.sliderPositions = []\n\n this.querySelectorAll('.panel').forEach(element => {\n this.slider.sliderPositions.push(element.offsetLeft)\n })\n }\n\n getSliderWidth() {\n this.slider.width = this.slider.clientWidth\n }\n\n bindSliderScroll() {\n this.slider.addEventListener('scroll', this.boundSliderScroll)\n }\n\n unbindSliderScroll() {\n this.slider.removeEventListener('scroll', this.boundSliderScroll)\n }\n\n goSlider() {\n // First we unbind scroll event that is not necessary\n this.unbindSliderScroll()\n\n // We scroll to the right position (scrollTo duration is approx 750ms)\n this.slider.scrollTo({\n left: this.slider.sliderPositions[this.currentIndex],\n behavior: 'smooth'\n })\n\n // After 750ms (measured scrollTo duration) + marge of 250ms more, we bind again scroll event\n setTimeout(() => {\n this.bindSliderScroll()\n }, 1000)\n }\n\n onSliderScroll() {\n // Clear our timeout throughout the scroll\n if (this.isScrolling) {\n clearTimeout(this.isScrolling)\n }\n\n // Todo : Next job can be opacity based on scrollPosition !!!\n // Set a timeout to run after scrolling ends\n this.isScrolling = setTimeout(() => {\n const scrollPosition = this.slider.scrollLeft\n const index = this.slider.sliderPositions.indexOf(scrollPosition)\n if (index >= 0) {\n this.switchTabs({ index, alreadyScrolled: true })\n // Set focus on the good tabpanel (for keyboard navigation when scrolling with left and right keys)\n // Login in header closing on click because the ficus is always for the panel\n\n if (document.activeElement.closest('nb-hero-product-showcase')) {\n this.panelElements[index].focus()\n }\n }\n }, 100)\n }\n\n setButtonSelected() {\n if (!this.buttonElements) {\n return\n }\n\n // Reset all properties needed for tab/tabpanel accessibility pattern\n this.buttonElements.forEach(tab => {\n tab.querySelector('span').classList.remove('t-xs-700-caps-sl')\n tab.querySelector('span').classList.add('t-xs-500-caps-sl')\n tab.setAttribute('aria-selected', 'false')\n tab.setAttribute('tabindex', '-1')\n })\n\n this.panelElements.forEach(tabpanel => {\n tabpanel.setAttribute('tabindex', '-1')\n tabpanel.setAttribute('aria-hidden', true)\n // Hide focusable child elements (nb-add-to-cart) because we cannot use visibility: hidden to remove them from keyboard navigation\n this.setChildrenNotFocusable(tabpanel, true)\n })\n\n // Set the good properties on active tab/tabpanel accessibility pattern\n this.buttonElements[this.currentIndex].setAttribute('aria-selected', 'true')\n this.buttonElements[this.currentIndex]\n .querySelector('span')\n .classList.remove('t-xs-500-caps-sl')\n this.buttonElements[this.currentIndex]\n .querySelector('span')\n .classList.add('t-xs-700-caps-sl')\n this.buttonElements[this.currentIndex].removeAttribute('tabindex')\n this.panelElements[this.currentIndex].setAttribute('tabindex', '0')\n this.panelElements[this.currentIndex].removeAttribute('aria-hidden')\n // Unhide focusable child elements (nb-add-to-cart)\n this.setChildrenNotFocusable(this.panelElements[this.currentIndex], false)\n }\n\n setChildrenNotFocusable(el, value = true) {\n const focusableChildrenElements = el.querySelectorAll('button, [href], [tabindex=\"0\"]')\n\n if (focusableChildrenElements) {\n focusableChildrenElements.forEach(element => {\n value ? element.setAttribute('tabindex', '-1') : element.removeAttribute('tabindex')\n })\n }\n }\n\n handleClick(e) {\n this.switchTabs({ index: e.target.dataset.index, userAction: true })\n }\n\n keyNavTab(e) {\n switch (e.key) {\n case 'ArrowLeft':\n e.preventDefault()\n if (this.currentIndex > 0) {\n this.currentIndex--\n this.keyNavSwitchTab()\n }\n break\n case 'ArrowRight':\n e.preventDefault()\n if (this.currentIndex < this.buttonElements.length - 1) {\n this.currentIndex++\n this.keyNavSwitchTab()\n }\n break\n case 'Home':\n e.preventDefault()\n this.currentIndex = 0\n this.keyNavSwitchTab()\n break\n case 'End':\n e.preventDefault()\n this.currentIndex = this.buttonElements.length - 1\n this.keyNavSwitchTab()\n break\n default:\n break\n }\n }\n\n keyNavSwitchTab() {\n this.switchTabs({ index: this.currentIndex })\n if (document.activeElement.closest('nb-hero-product-showcase')) {\n this.buttonElements[this.currentIndex].focus()\n }\n }\n\n bindEvent() {\n this.unbindEvent()\n\n if (this.buttonElements) {\n this.buttonElements.forEach(element => {\n element.addEventListener('click', this.boundHandleClick)\n })\n }\n\n if (this.tabs) {\n this.tabs.addEventListener(EVENT_POPIN_KEY_DOWN, this.boundKeyNavTab)\n }\n }\n\n unbindEvent() {\n if (this.buttonElements) {\n this.buttonElements.forEach(element => {\n element.removeEventListener('click', element.boundHandleClick)\n })\n }\n\n if (this.tabs) {\n this.tabs.removeEventListener(EVENT_POPIN_KEY_DOWN, this.boundKeyNavTab)\n }\n }\n\n disconnectedCallback() {\n this.unbindEvent()\n }\n}\n\ncustomElements.get('nb-hero-product-showcase') ||\n customElements.define('nb-hero-product-showcase', HeroProductShowcase)\n\nexport default HeroProductShowcase\n"],"names":["removeEmptyValues","obj","findText","key","value","text","includes","escapeHtml","map","replace","m","DOMParser","isNil","extract","refs","$ref","ref","dataset","refArray","match","getRefArray","name","index","undefined","BREAKPOINT_TABLET","EVENT_POPIN_KEY_DOWN","helper","is","innerWidth","vw","devicePixelRatio","window","mobile","mobile_tablet","tablet","desktop","retina","lt","getProduct","sku","napi","catalog","trimSku","getProductAndClean","skus","getProductFn","promises","Promise","reject","Array","isArray","push","then","data","splice","indexOf","catch","console","error","all","getImpolicy","policy","width","rules","join","selectPromotion","args","event","eventData","cta_name","event_raised_by","ecommerce","Object","keys","length","id","creative","position","ecommerceData","promotion_id","promotion_name","creative_slot","creative_name","gtmDataObject","emitCustomEvent","eventName","customEvent","CustomEvent","detail","bubbles","cancelable","composed","dispatchEvent","HeroProductShowcase","HTMLElement","constructor","super","this","buttonElements","currentProducts","currentIndex","productsCached","boundHandleClick","handleClick","bind","boundSliderScroll","onSliderScroll","boundKeyNavTab","keyNavTab","connectedCallback","props","attributes","find","attribute","nodeName","getData","filter","reduce","attr","nodeValue","JSON","parse","log","createProps","render","querySelectorAll","initSlider","slider","bindEvent","onReady","priceFormatter","priceFormat","currency","config","padl","namespace","dataLayer","app","switchTabs","layout","campaign","contrast_mobile","contrast","currentContrast","viewportHelper","innerHTML","background_color","background","padding_top","padding_bottom","renderTitle","renderContent","renderOneOrMultipleTabs","tabs","querySelector","panelElements","heading","copywriting","renderText","renderCta","renderDisclaimer","cta","label","campaign_id","campaign_name","campaign_creative","campaign_position","stringifyForAttribute","stringify","disclaimer","renderOnePanel","renderTabs","renderPanels","hasTabs","products","classList","add","a11y_label_tablist","renderedTabs","output","tab","renderTab","label_mobile","a11y_label","icon","renderedLabel","_tab","renderPanel","products_number","alreadyScrolled","userAction","setButtonSelected","goSlider","cleanedData","handlePromoClick","loadProducts","e","renderProducts","renderedProducts","product","renderProduct","price","html","short","internationalId","responsiveImages","standard","getResponsiveImpolicy","mobileWidth","tabletWidth","desktopWidth","retinaWidth","renderAddToCart","lastScrollPosition","scrollLeft","itemNumber","getSliderPositions","getSliderWidth","bindSliderScroll","sliderPositions","forEach","element","offsetLeft","clientWidth","addEventListener","unbindSliderScroll","removeEventListener","scrollTo","left","behavior","setTimeout","isScrolling","clearTimeout","scrollPosition","document","activeElement","closest","focus","remove","setAttribute","tabpanel","setChildrenNotFocusable","removeAttribute","el","focusableChildrenElements","target","preventDefault","keyNavSwitchTab","unbindEvent","disconnectedCallback","customElements","get","define"],"mappings":"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"}