{"version":3,"file":"index.es.min.js","sources":["../../../packages/helpers/src/props.helpers.js","../../../packages/helpers/src/utils.ts","../../../packages/helpers/src/dataLayer.js","../../../packages/helpers/src/gtmEvents.js","../../../packages/helpers/src/events.helpers.ts","../../../packages/page-builder-sections/src/footer-bottom/footer-bottom.js","../../../packages/page-builder-sections/src/footer-bottom/services/ldjson.js","../../../packages/helpers/src/htmlElement.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 for (let key in obj) {\n if (obj[key] === null || obj[key] === undefined || obj[key] === '') {\n delete obj[key]\n }\n }\n\n return obj\n}\n\nexport function makeHash(str: string) {\n var hash = 0,\n i,\n chr\n if (!str) {\n return hash\n }\n for (i = 0; i < str.length; i++) {\n chr = str.charCodeAt(i)\n hash = (hash << 5) - hash + chr\n hash |= 0 // Convert to 32bit integer\n }\n return 'id-' + hash\n}\n\nexport function getHashLink(link: string) {\n let linkHash = link\n let linkNoHash = link\n if (link.indexOf('#') !== -1) {\n linkNoHash = link.replace('#', '')\n } else {\n linkHash = '#' + link\n }\n\n return { linkNoHash, linkHash }\n}\n\nexport function lazyLoad(node: Element, attribute: string, value: any, url: string) {\n const CLASSNAME_OUT_OF_SCREEN = 'lazy-load'\n const CLASSNAME_IN_SCREEN = 'lazy-loaded'\n const CLASSNAME_ON_ERROR = 'lazy-loaded-error'\n\n const isOldIOS = () => {\n var agent = window.navigator.userAgent,\n start = agent.indexOf('OS ')\n if ((agent.indexOf('iPhone') > -1 || agent.indexOf('iPad') > -1) && start > -1) {\n return window.Number(agent.substr(start + 3, 3).replace('_', '.')) < 14\n }\n return false\n }\n\n const inViewPort = (attribute: string, value: any) => {\n node.setAttribute(attribute, value)\n\n const cb = () => node.classList.add(CLASSNAME_IN_SCREEN)\n\n if (url) {\n const img = new Image()\n img.src = url\n img.onload = cb\n img.onerror = () => {\n cb()\n node.classList.add(CLASSNAME_ON_ERROR)\n throw new Error(`Image ${url} cannot be loaded`)\n }\n\n return\n }\n\n cb()\n }\n\n if (/Trident\\/|MSIE/.test(window.navigator.userAgent) || isOldIOS()) {\n inViewPort(attribute, value)\n } else {\n if ('IntersectionObserver' in window) {\n node.classList.add(CLASSNAME_OUT_OF_SCREEN)\n let lazyBackgroundObserver = new IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n inViewPort(attribute, value)\n lazyBackgroundObserver.unobserve(entry.target)\n }\n })\n })\n lazyBackgroundObserver.observe(node)\n } else {\n inViewPort(attribute, value)\n }\n }\n}\n\nexport function lazyLoadCallback(node: Element, cb: () => void) {\n const isOldIOS = () => {\n var agent = window.navigator.userAgent,\n start = agent.indexOf('OS ')\n if ((agent.indexOf('iPhone') > -1 || agent.indexOf('iPad') > -1) && start > -1) {\n return window.Number(agent.substr(start + 3, 3).replace('_', '.')) < 14\n }\n return false\n }\n\n if (/Trident\\/|MSIE/.test(window.navigator.userAgent) || isOldIOS()) {\n cb()\n } else {\n if ('IntersectionObserver' in window) {\n let lazyBackgroundObserver = new IntersectionObserver(\n function (entries) {\n entries.forEach(function (entry) {\n if (entry.isIntersecting) {\n cb()\n lazyBackgroundObserver.unobserve(entry.target)\n }\n })\n },\n { rootMargin: '150% 0px' }\n )\n lazyBackgroundObserver.observe(node)\n }\n }\n}\n\n// Debounce\nexport function debounce<T>(func: (v: T) => void, time = 100) {\n let timer: number\n return function (event: T) {\n if (timer) {\n window.clearTimeout(timer)\n }\n timer = window.setTimeout(func, time, event)\n }\n}\n\n// isIE - to check for internet explorer\nexport function isIE() {\n let ua = window.navigator.userAgent,\n isIE = /MSIE|Trident/.test(ua)\n\n return isIE\n}\n\n// Load external script\nexport const loadExternalScript = ({\n src,\n callback = null,\n async = false,\n defer = false,\n module = false,\n id = ''\n}: {\n src: string;\n callback: null | GlobalEventHandlers[\"onload\"]\n module: boolean,\n defer: boolean,\n async: boolean,\n id: string\n}) => {\n const script = document.createElement('script')\n script.type = module ? 'module' : 'text/javascript'\n script.src = src\n id ? (script.id = id) : false // add id attribute only if passed\n if (typeof callback === 'function') {\n script.onload = callback\n }\n script.async = async\n script.defer = defer\n document.body.appendChild(script)\n}\n\n// Load external css\nexport const loadExternalCss = ({ src }: { src: string }) => {\n const script = document.createElement('link')\n script.rel = 'stylesheet'\n script.href = src\n document.body.appendChild(script)\n}\n// Lazy load vendor script\nexport const lazyLoadVendorScript = (handler, el) => {\n const observer = new IntersectionObserver(handler)\n observer.observe(el)\n}\n\n/**\n * Replaces variable inside a given string\n * Each variable have to be enclosed between stChr and enChr\n * The values have to be contained in the vars object, they key must match\n * example :\n * txt : 'See {resultsLength} Results'\n * vars : {resultsLength:'30'}\n * stChr : '{'\n * enChr : '}'\n *\n * will return : 'See 30 Results'\n *\n * @param {string} txt\n * @param {object} vars\n * @param {string} stChr\n * @param {string} enChr\n */\nexport function interpolate(txt: string, vars: Record<string, null | undefined | string>, stChr: string, enChr: string) {\n let curIdx = 0\n\n while (txt) {\n const stIdx = txt.indexOf(stChr, curIdx)\n if (stIdx === -1) {\n break\n }\n const enIdx = txt.indexOf(enChr, stIdx + 1)\n if (enIdx === -1) {\n break\n }\n const hashId = txt.substring(stIdx + stChr.length, enIdx)\n if (vars[hashId] != null) {\n txt = txt.substr(0, stIdx) + vars[hashId] + txt.substr(enIdx + enChr.length)\n curIdx = stIdx\n } else {\n curIdx = enIdx\n }\n }\n return txt\n}\n\n/**\n * Find in container element, add height to equal size of element\n * @param container css path where my element is contain e.g. `.c-container`\n * @param el css path of elements to equalized\n */\nexport const equalHeight = (containerSelector: string, el: string, elementScope: HTMLElement) => {\n const container = elementScope.querySelector<HTMLElement>(containerSelector)\n if (!container) {\n return\n }\n\n const items = container.querySelectorAll<HTMLElement>(el)\n let max = -1\n\n for (let i = 0; i < [...items].length; i++) {\n const item = [...items][i]\n let h = item.offsetHeight\n max = h > max ? h : max\n }\n\n if (max <= 0) {\n return\n }\n\n for (let i = 0; i < [...items].length; i++) {\n const item = [...items][i]\n item.style.height = `${max}px`\n }\n}\n\nexport const stringifyCurlyQuote = (data: {}) => JSON.stringify(data).replace(\"'\", '’')\n\nexport const stringifyForAttribute = (data = {}) => {\n return escapeHtml(JSON.stringify(data))\n}\n\n/**\n * This function is included instead of sanitizeString because for\n * inserting HTML into innerHTML we need to make sure all HTML\n * entities are escaped.\n */\nexport const escapeHtml = (text: string) => {\n const map = {\n '&': '&',\n '<': '<',\n '>': '>',\n '\"': '"',\n \"'\": '''\n } as { [s: string]: string }\n\n return text.replace(/[&<>\"']/g, (m) => map[m])\n}\n\n/**\n * Because setting attributes escapes more than the characters above and then preact also\n * escapes text we need a more complete way of unescaping all html entities (not just the ones\n * above)\n */\nconst domParser = new DOMParser()\nexport const unescapeHtml = (text: string) => {\n return domParser.parseFromString(text, \"text/html\").body.textContent\n}\n\nexport const sanitizeString = (data: {}) => {\n if (!data) {\n return ''\n }\n\n return data.toString().replace(/\"/g, '"').replace(/'/g, ''')\n}\n\nexport const stripTags = (s: string) => {\n return (s || '').replace(/(<([^>]+)>)/gi, '')\n}\n\nexport const setAttributes = (element: Element, attrs: Record<string, any>) => {\n for (let key in attrs) {\n element.setAttribute(key, attrs[key])\n }\n return element\n}\n\nexport const getMetaContent = (metaName: string) => {\n const metaTag = document.querySelector(`meta[name=${metaName}]`)\n if (!metaTag) {\n return ''\n }\n return metaTag.getAttribute('content')\n}\n\nexport const isObjectEmpty = (obj: {}) => {\n return Object.keys(obj).length === 0\n}\n","export const getDataLayer = () => {\n return window[window?.padlNamespace]?.dataLayer\n}\n\nexport const getMarketCode = () => {\n const dataLayer = getDataLayer()\n if (!dataLayer) {\n return 'ch'\n }\n\n return dataLayer.app.app.market.toLocaleLowerCase()\n}\n\nexport const getLangCode = () => {\n const dataLayer = getDataLayer()\n if (!dataLayer) {\n return 'en'\n }\n\n return getDataLayer().page.page.pageInfo.language.toLocaleLowerCase()\n}\n\nexport const getSegmentCode = () => {\n const dataLayer = getDataLayer()\n if (!dataLayer) {\n return 'B2C'\n }\n\n return getDataLayer().page.page.pageInfo.segmentBusiness\n}\n\nexport const isLoggedIn = () => {\n const dataLayer = getDataLayer()\n if (!dataLayer || !dataLayer.user) {\n return false\n }\n\n return dataLayer.user.isLoggedIn\n}\n\nexport const interpolateMarketLang = (string, market, lang) => {\n return string.replace('{market}', market).replace('{lang}', lang)\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 eventData.ecommerce = {\n promotion_id: id,\n promotion_name: name,\n creative_slot: position,\n creative_name: creative\n }\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 eventData.ecommerce = {\n promotion_id: id,\n promotion_name: name,\n creative_slot: position,\n creative_name: creative\n }\n\n removeEmptyValues(eventData.ecommerce)\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","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 createProps from '@kissui/helpers/src/props.helpers'\nimport { stringifyForAttribute } from '@kissui/helpers/src/utils'\nimport { getMarketCode, getLangCode, interpolateMarketLang } from '@kissui/helpers/src/dataLayer'\nimport { buildSchema } from './services/ldjson'\nimport { appendSchema } from '@kissui/helpers/src/htmlElement'\nimport { handlePromoClick } from '@kissui/helpers/src/gtmEvents'\n\nclass FooterBottom extends HTMLElement {\n constructor() {\n super()\n this.market = getMarketCode()\n this.language = getLangCode()\n this.btnScrollToTop = null\n this.dropdownButtons = null\n }\n\n connectedCallback() {\n this.props = createProps(this.attributes)\n this.render()\n this.addSchema()\n }\n\n render() {\n this.unbindEvent()\n\n const { id, name, creative, position } = this.props.campaign\n\n this.innerHTML = `<nb-container\n campaign_id=\"${id}\"\n campaign_name=\"${name}\"\n campaign_creative=\"${creative}\"\n campaign_position=\"${position}\"\n classname=\"pt0 pb0\"\n contrast=\"light\">\n <div class=\"cb-row\">\n <div class=\"country\">${this.renderCountry()}</div>\n <div class=\"links\">\n <div class=\"big-links t-xs-500-sl\">${this.renderBigLinks()}</div>\n <div class=\"small-links t-2xs-500-sl\">${this.renderSmallLinks()}</div>\n </div>\n </div>\n <div class=\"cb-row t-xs-500-sl\">\n <div class=\"socials\">${this.renderSocialLinks()}</div>\n <div class=\"pagetop\">${this.renderPageTop()}</div>\n <div class=\"copyright\">${this.renderCopyright()}</div>\n </div>\n </nb-container>`\n\n this.btnScrollToTop = this.querySelector('.pagetop a')\n // Todo: check with Fabien if can avoid this code, having a real <A> instead of button + data-link\n this.dropdownButtons = this.querySelectorAll('.nb-dropdown__menu button')\n this.allLinkElements = this.querySelectorAll('ul li a')\n this.bindEvent()\n }\n\n renderCountry() {\n const { label_dropdown, aa_description, aa_listbox_description, aa_select_description } =\n this.props.copywriting.languages.dropdown\n const { langs } = this.props.copywriting.languages\n const LANG_MENU_ID = 'lang_menu_id'\n\n this.getCurrentURLs()\n\n return `${this.renderFlag()}\n ${\n langs.length === 0\n ? ''\n : `<nb-dropdown\n id=\"${LANG_MENU_ID}\"\n data=\"${stringifyForAttribute({\n label: label_dropdown,\n aa_description: aa_description,\n aa_listbox_description: aa_listbox_description,\n aa_select_description: aa_select_description,\n icon_option: '16/symbol/check',\n options: langs\n })}\"/>`\n }`\n }\n\n renderFlag() {\n let { label_a11y, label_country, icon, location_link } =\n this.props.copywriting.languages.country\n const { label, link } = location_link\n\n // TODO: Disable this when HQ officially communicate it.\n if (this.market === 'tw') {\n icon = '24/symbol/globe'\n }\n\n let flagRender = `<img loading=\"lazy\" src=\"https://www.nespresso.com/_ui/img/flags/${this.market}.png?impolicy=small&imwidth=24\" alt=\"${label_country}\" aria-hidden=\"true\" />`\n if (icon === 'globe') {\n flagRender = `<nb-icon icon=\"24/symbol/${icon}\"></nb-icon>`\n }\n\n return `<span class=\"sr-only\">${label_a11y} ${label_country}</span>\n <a href=\"${interpolateMarketLang(\n link,\n this.market,\n this.language\n )}\" target=\"_self\" aria-label=\"${label}\" class=\"icon\">\n ${flagRender}\n </a>`\n }\n\n isPro() {\n return window.location.pathname.startsWith('/pro')\n }\n\n getCurrentURLs() {\n const { langs } = this.props.copywriting.languages\n const currentURL = window.location.href\n\n langs.forEach(item => {\n item.link = this.replaceLang(currentURL, item.code)\n item.checked = item.code === this.language\n })\n }\n\n replaceLang(url, code) {\n // fix missing language (like www.nespresso.com/us/)\n if (\n url.indexOf(`/${this.market}/${this.language}`) === -1 &&\n url.indexOf(`/${this.market}`) >= 0\n ) {\n return url.replace(`/${this.market}`, `/${this.market}/${code}`)\n }\n // Normal use case with (like www.nespresso.com/us/en)\n return url.replace(`/${this.market}/${this.language}`, `/${this.market}/${code}`)\n }\n\n renderBigLinks() {\n const { big_links } = this.props.copywriting\n\n return `${this.renderItems(big_links)}`\n }\n\n renderSmallLinks() {\n const { small_links } = this.props.copywriting\n\n return `${this.renderItems(small_links)}`\n }\n\n renderSocialLinks() {\n const { heading, links } = this.props.copywriting.socials\n\n return `<p>${heading}</p>${this.renderItems(links)}`\n }\n\n renderPageTop() {\n const { page_top } = this.props.copywriting\n\n // Before changing this <a> to a <button> please remember that <a> shares css fix for hover bold not jumping\n // For me this <a> is the good semantic as a scrolltop is usually an anchor\n // local test window.scrollTo({ top: 0, behavior: 'smooth' }); window.document.querySelector('.country a').closest('a').focus()\n return `<a href=\"javascript:void(0)\" phantom=\"${page_top}\" aria-label=\"${page_top}\"><span aria-hidden=\"true\">${page_top}</span><nb-icon icon=\"24/symbol/arrow-top\"></nb-icon></a>`\n }\n\n getOriginUrl() {\n return `https://www.nespresso.com/${this.isPro() ? 'pro/' : ''}${this.market}/${\n this.language\n }`\n }\n\n renderCopyright() {\n const { homepage_label, copyright, copyright_a11y } = this.props.copywriting\n const year = new Date().getFullYear()\n\n let logo = 'nespresso-logo-dark'\n if (this.isPro()) {\n logo = 'nespresso-logo-b2b-dark'\n\n if (this.language === 'fr') {\n logo = 'nespresso-pro-logo-fr'\n }\n }\n\n return `<a href=\"${this.getOriginUrl()}\"\n target=\"_self\" aria-label=\"${homepage_label}\">\n <nb-icon icon=\"logotypes/nespresso/${logo}\"></nb-icon>\n </a><p><span class=\"sr-only\">${copyright_a11y + ' '}</span>${copyright} ${year}</p>`\n }\n\n renderItems(items) {\n const renderedItems = items.reduce(\n (output, item) => `${output}${this.renderItem(item)}`,\n ''\n )\n\n return `<ul>${renderedItems}</ul>`\n }\n\n renderItem({ label, link, icon = '', script = 'false', target_blank }) {\n const url = interpolateMarketLang(link, this.market, this.language)\n\n // Social icon link\n if (icon.trim()) {\n return `<li><a href=\"${url}\" target=\"_blank\" aria-label=\"${label}\"><nb-icon icon=\"${icon}\"></nb-icon></a></li>`\n }\n\n // Script for cookie link\n if (script === 'true') {\n return `<li><a href=\"javascript:void(0)\" phantom=\"${label}\" onclick=\"try{ah.optOut()}catch(e){}\" aria-label=\"${label}\"><span aria-hidden=\"true\">${label}</span></a></li>`\n }\n\n // Other links\n let target = '_self'\n if (target_blank === 'true') {\n target = '_blank'\n }\n return `<li><a href=\"${url}\" target=\"${target}\" phantom=\"${label}\" aria-label=\"${label}\"><span aria-hidden=\"true\">${label}</span></a></li>`\n }\n\n addSchema() {\n const { links } = this.props.copywriting.socials\n const socialLinks = links.map(({ link }) => link)\n\n const content = buildSchema({\n market: this.market,\n url: this.getOriginUrl(),\n urlLogo:\n 'https://www.nespresso.com/shared_res/agility/next-components/assets/icons/logotypes/nespresso/nespresso-logo-dark.svg',\n sameAs: socialLinks,\n contact: this.props.copywriting.contact\n })\n appendSchema(content)\n }\n\n scroll() {\n window.scrollTo({ top: 0, behavior: 'smooth' })\n window.document.querySelector('.Header__top a').focus()\n }\n\n // Todo: check with Fabien if can avoid this code, having a real <A> instead of button + data-link\n // Todo : in fact, we could have a real <A> in dropdown to avoid this complexity\n // Todo : but this needs to be changed also in plp-sticky-bar that uses the same pattern\n navigate(e) {\n const link = e.target.getAttribute('data-link')\n if (link) {\n window.location.href = link\n }\n }\n\n linkClick({ textContent, index }) {\n const { campaign } = this.props\n\n handlePromoClick({\n campaign,\n cta_name: `LINK - ${index + 1} - ${textContent}`\n })\n }\n\n bindEvent() {\n if (this.allLinkElements?.length) {\n this.allLinkElements.forEach((element, index) => {\n const textContent = element.textContent\n element.boundLinkClick = this.linkClick.bind(this, { textContent, index })\n element.addEventListener('click', element.boundLinkClick)\n })\n }\n\n if (this.btnScrollToTop) {\n this.boundScroll = this.scroll.bind(this)\n this.btnScrollToTop.addEventListener('click', this.boundScroll)\n }\n // Todo: check with Fabien if can avoid this code, having a real <A> instead of button + data-link\n if (this.dropdownButtons?.length) {\n this.dropdownButtons.forEach(element => {\n element.boundClick = this.navigate.bind(element)\n element.addEventListener('click', element.boundClick)\n })\n }\n }\n\n unbindEvent() {\n if (this.allLinkElements?.length) {\n this.allLinkElements.forEach(element => {\n element.removeEventListener('click', element.boundLinkClick)\n })\n }\n\n if (this.btnScrollToTop) {\n this.btnScrollToTop.removeEventListener('click', this.boundScroll)\n }\n // Todo: check with Fabien if can avoid this code, having a real <A> instead of button + data-link\n if (this.dropdownButtons?.length) {\n this.dropdownButtons.forEach(element => {\n element.removeEventListener('click', element.boundClick)\n })\n }\n }\n\n disconnectedCallback() {\n this.unbindEvent()\n }\n}\n\ncustomElements.get('nb-footer-bottom') || customElements.define('nb-footer-bottom', FooterBottom)\nexport default FooterBottom\n","export const buildSchema = data => {\n const { market = '', url, urlLogo, sameAs, contact = {} } = data\n\n let json = {\n '@context': 'https://schema.org/',\n '@type': 'Organization',\n name: `Nespresso ${market.toUpperCase()}`,\n url,\n logo: {\n url: urlLogo,\n '@context': 'https://schema.org/',\n '@type': 'ImageObject'\n },\n sameAs\n }\n\n if (contact.telephone) {\n json.contactPoint = {\n '@type': 'ContactPoint',\n telephone: contact.telephone,\n areaServed: market.toUpperCase()\n }\n }\n\n if (contact.street_address) {\n json.address = {\n '@type': 'PostalAddress',\n streetAddress: contact.street_address,\n addressLocality: contact.address_locality,\n addressRegion: market.toUpperCase(),\n postalCode: contact.postal_code,\n addressCountry: market.toUpperCase()\n }\n }\n\n return json\n}\n","/**\n * Return real width for a DOM Node\n * @param {HTMLElement} el\n * @returns {number}\n */\nexport const outerWidth = el => {\n const style = getComputedStyle(el)\n const width = style.getPropertyValue('width') || 0\n const marginLeft = style.getPropertyValue('margin-left') || 0\n const marginRight = style.getPropertyValue('margin-right') || 0\n\n return parseInt(width) + parseInt(marginLeft) + parseInt(marginRight)\n}\n\n/**\n * Return real height for a DOM Node\n * @param {DOM Node} el\n * @returns {number}\n */\nexport const outerHeight = el => {\n const style = getComputedStyle(el)\n const height = style.getPropertyValue('height') || 0\n const marginTop = style.getPropertyValue('margin-top') || 0\n const marginBottom = style.getPropertyValue('margin-bottom') || 0\n\n return parseInt(height) + parseInt(marginTop) + parseInt(marginBottom)\n}\n\nexport const appendSchema = content => {\n const el = window.document.createElement('script')\n el.setAttribute('type', 'application/ld+json')\n el.innerHTML = JSON.stringify(content)\n window.document.head.appendChild(el)\n}\n"],"names":["isNil","obj","removeEmptyValues","key","undefined","escapeHtml","text","map","replace","m","DOMParser","getDataLayer","window","padlNamespace","dataLayer","interpolateMarketLang","string","market","lang","selectPromotion","args","event","eventData","cta_name","event_raised_by","ecommerce","Object","keys","length","id","creative","name","position","promotion_id","promotion_name","creative_slot","creative_name","gtmDataObject","push","emitCustomEvent","eventName","data","customEvent","CustomEvent","detail","bubbles","cancelable","composed","dispatchEvent","FooterBottom","HTMLElement","constructor","super","this","getMarketCode","app","toLocaleLowerCase","language","page","pageInfo","btnScrollToTop","dropdownButtons","connectedCallback","props","attributes","find","attribute","nodeName","getData","filter","reduce","all","attr","nodeValue","JSON","parse","error","console","log","createProps","render","addSchema","unbindEvent","campaign","innerHTML","renderCountry","renderBigLinks","renderSmallLinks","renderSocialLinks","renderPageTop","renderCopyright","querySelector","querySelectorAll","allLinkElements","bindEvent","label_dropdown","aa_description","aa_listbox_description","aa_select_description","copywriting","languages","dropdown","langs","getCurrentURLs","renderFlag","stringifyForAttribute","stringify","label","icon_option","options","label_a11y","label_country","icon","location_link","country","link","flagRender","isPro","location","pathname","startsWith","currentURL","href","forEach","item","replaceLang","code","checked","url","indexOf","big_links","renderItems","small_links","heading","links","socials","page_top","getOriginUrl","homepage_label","copyright","copyright_a11y","year","Date","getFullYear","logo","items","output","renderItem","script","target_blank","trim","target","socialLinks","content","urlLogo","sameAs","contact","json","toUpperCase","telephone","contactPoint","areaServed","street_address","address","streetAddress","addressLocality","address_locality","addressRegion","postalCode","postal_code","addressCountry","buildSchema","el","document","createElement","setAttribute","head","appendChild","appendSchema","scroll","scrollTo","top","behavior","focus","navigate","e","getAttribute","linkClick","textContent","index","cleanedData","handlePromoClick","element","boundLinkClick","bind","addEventListener","boundScroll","boundClick","removeEventListener","disconnectedCallback","customElements","get","define"],"mappings":"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"}