{"version":3,"file":"index.es.min.js","sources":["../../../packages/helpers/src/props.helpers.js","../../../packages/helpers/src/utils.ts","../../../packages/helpers/src/gtmEvents.js","../../../packages/helpers/src/events.helpers.ts","../../../packages/helpers/src/viewport.helpers.ts","../../../packages/page-builder-sections/src/progress-promotion-banner/progress-promotion-banner.js","../../../packages/helpers/src/catalog.js"],"sourcesContent":["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","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 { 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 createProps from '@kissui/helpers/src/props.helpers'\nimport { viewPromotion } from '@kissui/helpers/src/gtmEvents'\nimport viewportHelper from '@kissui/helpers/src/viewport.helpers'\nimport { getLegacySKU, getProduct } from '@kissui/helpers/src/catalog'\n\nclass PromotionBanner extends HTMLElement {\n constructor() {\n super()\n this.props = {}\n this.currentCapsules = 0\n this.finalThresholdCapsules = 0\n this.currentHeading = ''\n this.currentDescription = ''\n this.mainImage = ''\n this.mainGiftAdded = false\n this.boundExpandCollapse = this.expandCollapse.bind(this)\n }\n\n connectedCallback() {\n this.props = createProps(this.attributes)\n const { campaign } = this.props\n\n this.render()\n\n viewPromotion({ ...campaign })\n\n if (this.isWindowNapiActive) {\n this.readCart()\n } else {\n console.warn('window.napi is not active ')\n }\n }\n\n render() {\n const { contrast = 'light' } = this.props.layout\n const { sticky_top_desktop, sticky_top_mobile } = this.props.copywriting\n this.setAttribute('contrast', contrast)\n this.barPanel()\n\n this.innerHTML = `\n ${this.renderOuterBar()}\n ${this.renderPopin()}\n `\n this.termsContent = this.querySelector('#pb-termsContent')\n this.termsLink = this.querySelector('#pb-termsLink')\n this.bindEvents()\n const topPos = viewportHelper.is.mobile ? sticky_top_mobile : sticky_top_desktop\n this.observeStickyNavbar(topPos)\n }\n\n renderOuterBar() {\n return `\n <aside>\n <div class=\"pb-wrap\">\n ${this.renderMainProgress()}\n ${this.renderMainHeading()}\n ${this.renderCtaPopin()}\n </div>\n </aside>\n `\n }\n\n renderMainProgress() {\n const deg = this.percentage(this.currentCapsules, 360)\n const roundDeg = deg > 360 ? 360 : deg\n return `\n <div class=\"pb-wrap-left\">\n <div class=\"pb-wrap-bar\" data-progress=\"${roundDeg}\" style=\"--progress: ${roundDeg}deg;\"></div>\n ${this.renderIconImage(this.mainImage)}\n ${this.renderIconGiftAdded(this.mainGiftAdded)}\n </div>\n `\n }\n\n renderIconImage(imagePath, alt) {\n if (!imagePath) {\n return ''\n }\n\n return `<img loading=\"lazy\" src=\"${imagePath}\" alt=\"${alt}\" />`\n }\n\n renderIconGiftAdded(toSet) {\n if (!toSet) {\n return ''\n }\n return `<div class=\"pb-wrap-svg\">\n <nb-icon icon=\"24/symbol/check\" />\n </div>`\n }\n\n renderMainHeading() {\n return `\n <div class=\"pb-wrap-text ${viewportHelper.is.mobile ? 't-xs-500' : 't-sm-400'}\">\n <strong>${this.currentHeading}</strong>\n ${\n viewportHelper.is.mobile && !this.currentCapsules\n ? ''\n : `<span>${this.currentDescription}</span>`\n }\n </div>\n `\n }\n\n renderCtaPopin() {\n const { contrast = 'light' } = this.props.layout\n const { popin_id, label_expand } = this.props.copywriting\n const { id, name, position, creative } = this.props.campaign\n\n if (!popin_id) {\n return\n }\n\n return `<nb-cta\n campaign_id=\"${id}\"\n campaign_name=\"${name}\"\n campaign_position=\"${position}\"\n campaign_creative=\"${creative}\"\n variation='navigation'\n popin_id=\"${popin_id}\"\n contrast=\"${contrast === 'light' ? 'black' : 'white'}\"\n icon_left='24/symbol/plus'\n >${label_expand}</nb-cta>`\n }\n\n renderPopin() {\n const { popin_id, heading, close } = this.props.copywriting\n const { contrast = 'light' } = this.props.layout\n\n if (!popin_id) {\n return ''\n }\n\n return `<nb-popin\n id=\"${popin_id}\"\n heading=\"${heading}\"\n variation=\"next\"\n contrast=\"${contrast}\"\n bgcolor=\"\"\n label_close=\"${close}\"\n size=\"M\"\n >\n ${this.renderPopinSubHeading()}\n ${this.renderPopinDescription()}\n ${this.renderProgressBar()}\n ${this.renderDisclaimer()}\n ${this.renderTermsLink()}\n ${this.renderTermsText()}\n </nb-popin>`\n }\n\n renderPopinSubHeading() {\n return `<p class=\"t-sm-400-sl\" aria-live=\"polite\"><strong>${this.currentHeading}</strong></p>`\n }\n\n renderPopinDescription() {\n return `<p class=\"t-sm-400-sl\" aria-live=\"polite\">${this.currentDescription}</p>`\n }\n\n renderProgressBar() {\n let progressBar = this.percentage(this.currentCapsules) || 2\n return `\n <div class=\"pb-popin-wrap\">\n <div class=\"pb-popin-bar\">\n <div class=\"pb-popin-gifts\">\n <span class=\"move\" aria-hidden=\"true\">\n <p class=\"t-sm-400\">${this.renderProgressNum(0)}</p></span>\n ${this.positionOffers()}\n <span aria-hidden=\"true\" class=\"value move\" style=\"left:${progressBar}%;\">\n <p class=\"t-sm-400\">${this.renderProgressNum(this.currentCapsules)}</p>\n </span>\n </div>\n <progress\n role=\"progressbar\"\n min=\"0\"\n aria-valuemin=\"0\"\n max=\"${this.finalThresholdCapsules}\"\n aria-valuemax=\"${this.finalThresholdCapsules}\"\n value=\"${this.currentCapsules}\"\n aria-valuenow=\"${this.currentCapsules}\"\n aria-label=\"${this.currentDescription}\">\n </progress>\n </div>\n </div>\n `\n }\n\n renderProgressNum(num) {\n return `<p class=\"t-2xs-500-sl\">${num}</p>`\n }\n\n positionOffers() {\n const { offers } = this.props.copywriting\n return offers\n .map((offer, i) => this.renderOffer(offer, i + 1 === offers.length, i))\n .join('')\n }\n\n renderOffer(offer, isLast, index) {\n const { offers } = this.props.copywriting\n const { capsule, image, alt, cumulative } = offer\n const curCapsule = parseInt(capsule)\n const isCrossed = this.currentCapsules >= curCapsule\n const isEqual = this.currentCapsules === curCapsule\n const isCumulative = cumulative\n let isGiftAdded = false\n // to tick green mark,\n /*\n - check if cumulative and crossed the capsule count\n - or if it is last index and crossed the total count\n - or the capsule in the cart is equal to the offer\n */\n if ((isCumulative && isCrossed) || (isLast && isCrossed) || isEqual) {\n isGiftAdded = true\n }\n /*\n - check if not equal to last\n - and current capsule count on cart is more than the offer capsule\n - and current capsule count is less than that of next offer\n */\n if (\n !isLast &&\n this.currentCapsules > curCapsule &&\n this.currentCapsules < parseInt(offers[index + 1].capsule)\n ) {\n isGiftAdded = true\n }\n const elePos = this.percentage(curCapsule)\n\n return `\n <span style=\"${isLast ? 'right:0' : `left: ${elePos}`}%\" class=\"${isLast ? '' : 'mid'}\">\n <div class=\"icon-wrap ${isLast ? 'last' : ''}${isCrossed ? ' active' : ''}\">\n ${this.renderIconImage(image, alt)}\n ${this.renderIconGiftAdded(isGiftAdded)}\n </div>\n ${this.renderProgressNum(curCapsule)}\n </span>\n `\n }\n\n renderDisclaimer() {\n const { a11y_disclaimer_label, disclaimer_txt } = this.props.copywriting\n\n if (!disclaimer_txt) {\n return ''\n }\n\n let ariaLabel = ''\n if (a11y_disclaimer_label) {\n ariaLabel = `aria-label=\"${a11y_disclaimer_label}\"`\n }\n\n return `<small class=\"disclaimer t-2xs-500-sl\" aria-live=\"polite\" aria-atomic=\"false\" ${ariaLabel}\">\n <sub aria-hidden=\"true\">*</sub>${disclaimer_txt}</small>`\n }\n\n renderTermsLink() {\n const { contrast = 'light' } = this.props.layout\n const { terms_link_txt } = this.props.copywriting\n\n if (!terms_link_txt) {\n return ''\n }\n\n return `<nb-link id=\"pb-termsLink\" icon_right=\"24/symbol/chevron-down\" size=\"small\" color=${\n contrast === 'light' ? 'black' : 'white'\n }>${terms_link_txt}</nb-link>`\n }\n\n renderTermsText() {\n const { terms_txt } = this.props.copywriting\n\n if (!terms_txt) {\n return ''\n }\n\n return `<div class=\"hide pb-terms-content t-2xs-500-sl\" id=\"pb-termsContent\">${terms_txt}</div>`\n }\n\n // Render heading, description, main bar image and final gift tick mark in panel\n barPanel() {\n const { offers, heading, description, gifts_image, success_heading, success_description } =\n this.props.copywriting\n const totalOffers = offers.length\n const finalOffer = offers[totalOffers - 1]\n this.finalThresholdCapsules = parseInt(finalOffer.capsule)\n this.mainGiftAdded = false\n this.mainImage = gifts_image\n this.setHeadingDescription(heading, description)\n\n // show default message if fails\n if (!this.currentCapsules || !totalOffers) {\n return ''\n }\n\n // on completion of all offers\n if (this.currentCapsules >= this.finalThresholdCapsules) {\n this.mainImage = finalOffer.image\n this.mainGiftAdded = true\n this.setHeadingDescription(success_heading, success_description)\n return\n }\n\n let filteredOffer = {}\n const _self = this\n offers.every((offer, i) => {\n const offerCapsule = parseInt(offer.capsule)\n const currInd = i + 1\n const nextOffer = offers[currInd]\n if (_self.currentCapsules < offerCapsule) {\n filteredOffer = { ...filteredOffer, ...offer }\n if (i) {\n this.mainImage = offers[i - 1].image\n this.mainGiftAdded = true\n }\n return false\n }\n if (_self.currentCapsules === offerCapsule) {\n this.mainImage = offer.image\n this.mainGiftAdded = true\n if (totalOffers === currInd) {\n filteredOffer = { ...filteredOffer, ...offer }\n return false\n }\n filteredOffer = { ...filteredOffer, ...nextOffer }\n return false\n }\n return true\n })\n\n const { title, message, capsule } = filteredOffer\n this.setHeadingDescription(title, message, capsule)\n }\n\n setHeadingDescription(heading, description, capsule) {\n const toReplace = description.includes('{countPlaceholder}')\n this.currentHeading = heading\n this.currentDescription = description\n\n if (toReplace) {\n const capsuleToNextOffer = parseInt(capsule) - this.currentCapsules\n this.currentDescription = description.replace('{countPlaceholder}', capsuleToNextOffer)\n }\n }\n\n async readCart() {\n const _self = this\n\n // read cart\n const itemsInTheCart = await window.napi.cart().read()\n this.calculateTheCapsuleCount(itemsInTheCart)\n\n // watch cart\n window.napi.data().on('cart.update', () => {\n window.napi\n .cart()\n .read()\n .then(data => {\n _self.calculateTheCapsuleCount(data)\n })\n .catch(e => console.error(e))\n })\n }\n\n calculateTheCapsuleCount(cartItems) {\n if (!cartItems.length) {\n // progress bar to work in local, replace 0 with this.currentCapsules below\n this.barRerender(0)\n return\n }\n // read the cart and get the catalog info\n const { technology, exclude } = this.props.copywriting\n let skus = cartItems.map(item => getLegacySKU(item.productId))\n\n // do not calculate the ones from exclude list of PB field\n const excludedSKUs = exclude.trim()\n if (excludedSKUs) {\n let toExclude = excludedSKUs.split(',')\n skus = skus.filter(val => toExclude.indexOf(val) === -1)\n if (!skus.length) {\n return\n }\n }\n\n // fetch all the SKU catalog data\n Promise.all(\n skus.map(sku => {\n return getProduct(sku)\n })\n )\n .then(productData => {\n if (!productData) {\n return\n }\n // filter with capsules, ignore machine and accessories\n const productArray = [].concat(productData)\n const capsules = productArray.filter(product => product.type === 'capsule')\n\n if (!capsules.length) {\n this.barRerender(0)\n return\n }\n\n let capsuleCount = []\n capsules.forEach(item => {\n const cartItem = cartItems.filter(cart => cart.productId === item.id)\n const bundled = item.bundled\n // check if technology specific filter\n if (technology !== 'both') {\n const capsuleTechnology = item.technologies.map(item =>\n item.split('/').pop()\n )\n if (capsuleTechnology.indexOf(technology) === -1) {\n return\n }\n }\n // if bundle calculate based on the unit quantity\n if (bundled) {\n capsuleCount.push(cartItem[0].quantity * item.unitQuantity)\n } else {\n capsuleCount.push(cartItem[0].quantity)\n }\n })\n\n const totalCapsule = capsuleCount.reduce(function (acc, num) {\n return acc + num\n }, 0)\n this.barRerender(totalCapsule)\n })\n .catch(() => {\n throw new Error(`getProduct fail on sku`)\n })\n }\n\n barRerender(totalCapsule) {\n this.currentCapsules = totalCapsule\n this.unbindEvents()\n this.render()\n }\n\n percentage(a, by) {\n return parseInt(((a / this.finalThresholdCapsules) * (by ? by : 100)).toFixed(3))\n }\n\n isWindowNapiActive() {\n return !!window.napi\n }\n\n expandCollapse(evt) {\n evt.preventDefault()\n if (this.termsContent.classList.contains('hide')) {\n this.termsLink.classList.add('exapnd')\n this.termsContent.classList.remove('hide')\n this.termsContent.setAttribute('expanded', 'true')\n } else {\n this.termsLink.classList.remove('exapnd')\n this.termsContent.classList.add('hide')\n this.setAttribute('expanded', 'false')\n }\n }\n\n observeStickyNavbar(topPos) {\n const pagePLP = document.querySelector('nb-plp')\n const isPpb = document.querySelector('nb-progress-promotion-banner > aside')\n isPpb.style.top = `${topPos}px`\n if (isPpb && pagePLP) {\n const observer = new MutationObserver(function (mutations) {\n const el = document.querySelector('plp-navigation')\n mutations.forEach(function (mutation) {\n if (mutation.type === 'attributes') {\n const isSticky = el.getAttribute('sticky')\n isPpb.style.top = `${topPos}px`\n if (isSticky === 'true') {\n const navigationProps = el.getBoundingClientRect()\n const navigationBottom = navigationProps.bottom\n isPpb.style.top = `${navigationBottom}px`\n }\n }\n })\n })\n\n observer.observe(pagePLP, {\n attributes: true,\n childList: true,\n subtree: true\n })\n }\n }\n\n bindEvents() {\n this.termsLink?.addEventListener('click', this.boundExpandCollapse)\n }\n\n unbindEvents() {\n this.termsLink?.removeEventListener('click', this.boundExpandCollapse)\n }\n\n disconnectedCallback() {\n this.unbindEvents()\n }\n}\n\ncustomElements.get('nb-progress-promotion-banner') ||\n customElements.define('nb-progress-promotion-banner', PromotionBanner)\nexport default PromotionBanner\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"],"names":["isNil","obj","DOMParser","viewPromotion","args","event","eventData","event_raised_by","ecommerce","Object","keys","length","id","creative","name","position","ecommerceData","promotion_id","promotion_name","creative_slot","creative_name","findText","key","value","text","includes","removeEmptyValues","window","gtmDataObject","push","emitCustomEvent","eventName","data","customEvent","CustomEvent","detail","bubbles","cancelable","composed","dispatchEvent","helper","is","innerWidth","vw","devicePixelRatio","mobile","BREAKPOINT_M","mobile_tablet","BREAKPOINT_TABLET","tablet","desktop","retina","lt","ref","PromotionBanner","HTMLElement","constructor","super","this","props","currentCapsules","finalThresholdCapsules","currentHeading","currentDescription","mainImage","mainGiftAdded","boundExpandCollapse","expandCollapse","bind","connectedCallback","attributes","find","attribute","nodeName","getData","filter","reduce","all","attr","nodeValue","JSON","parse","error","console","log","createProps","campaign","render","isWindowNapiActive","readCart","warn","contrast","layout","sticky_top_desktop","sticky_top_mobile","copywriting","setAttribute","barPanel","innerHTML","renderOuterBar","renderPopin","termsContent","querySelector","termsLink","bindEvents","topPos","viewportHelper","observeStickyNavbar","renderMainProgress","renderMainHeading","renderCtaPopin","deg","percentage","roundDeg","renderIconImage","renderIconGiftAdded","imagePath","alt","toSet","popin_id","label_expand","heading","close","renderPopinSubHeading","renderPopinDescription","renderProgressBar","renderDisclaimer","renderTermsLink","renderTermsText","progressBar","renderProgressNum","positionOffers","num","offers","map","offer","i","renderOffer","join","isLast","index","capsule","image","cumulative","curCapsule","parseInt","isCrossed","isEqual","isGiftAdded","elePos","a11y_disclaimer_label","disclaimer_txt","ariaLabel","terms_link_txt","terms_txt","description","gifts_image","success_heading","success_description","totalOffers","finalOffer","setHeadingDescription","filteredOffer","_self","every","offerCapsule","currInd","nextOffer","title","message","toReplace","capsuleToNextOffer","replace","itemsInTheCart","napi","cart","read","calculateTheCapsuleCount","on","then","catch","e","cartItems","barRerender","technology","exclude","skus","item","productId","split","pop","excludedSKUs","trim","toExclude","val","indexOf","Promise","sku","getProduct","catalog","trimSku","productData","capsules","concat","product","type","capsuleCount","forEach","cartItem","bundled","technologies","quantity","unitQuantity","totalCapsule","acc","Error","unbindEvents","a","by","toFixed","evt","preventDefault","classList","contains","add","remove","pagePLP","document","isPpb","style","top","MutationObserver","mutations","el","mutation","isSticky","getAttribute","navigationBottom","getBoundingClientRect","bottom","observe","childList","subtree","addEventListener","removeEventListener","disconnectedCallback","customElements","get","define"],"mappings":"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"}