{"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/components/src/constants.mjs","../../../packages/helpers/src/b2bLeadForm.service.js","../../../packages/helpers/src/assets/js/eventDispatch.js","../../../packages/helpers/src/events.helpers.ts","../../../packages/helpers/src/gtmEvents.js","../../../packages/page-builder-sections/src/b2b-contact-form/b2b-contact-form.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","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","export const MAX_WIDTH_CONTAINER = 1160\n\nexport const BREAKPOINT_XL = 1920\nexport const BREAKPOINT_TABLET = 1024\nexport const BREAKPOINT_L = 996\nexport const BREAKPOINT_M = 768\nexport const BREAKPOINT_S = 750\nexport const BREAKPOINT_XS = 375\n\nexport const CTA_PRIMARY = 'primary'\nexport const CTA_PRIMARY_TRANSPARENT = 'primary_transparent'\nexport const CTA_SUBTLE = 'subtle'\nexport const CTA_LINK = 'link'\nexport const CTA_LINK_UNDERLINE = 'link-underline'\nexport const CTA_LINK_GOLD = 'link-gold'\nexport const CTA_LINK_ADD_TO_CART_SMALL = 'AddToCart_small'\nexport const CTA_LINK_ADD_TO_CART_LARGE = 'AddToCart_large'\n\nexport const EVENT_TAB_CHANGE = 'EVENT_TAB_CHANGE'\n\nexport const EVENT_VIDEO = 'WEB_COMPONENT_VIDEO'\nexport const EVENT_POPIN_OPEN = 'WEB_COMPONENT_POPIN_OPEN'\nexport const EVENT_POPIN_OPENED = 'WEB_COMPONENT_POPIN_OPENED'\nexport const EVENT_POPIN_CLOSE = 'WEB_COMPONENT_POPIN_CLOSE'\nexport const EVENT_POPIN_CLOSED = 'WEB_COMPONENT_POPIN_CLOSED'\nexport const EVENT_POPIN_CLOSE_CLICK = 'WEB_COMPONENT_POPIN_CLOSE_CLICK'\nexport const EVENT_POPIN_KEY_DOWN = 'keydown'\nexport const EVENT_POPIN_FORM_TOGGLE_TITLE = 'WEB_COMPONENT_POPIN_FORM_TOGGLE_TITLE'\nexport const EVENT_CTA_CLICK = 'WEB_COMPONENT_CTA_CLICK'\nexport const EVENT_HERO_REORDER_OPEN = 'WEB_COMPONENT_HERO_REORDER_OPEN'\nexport const EVENT_HERO_REORDER_CLOSE = 'WEB_COMPONENT_HERO_REORDER_CLOSE'\nexport const EVENT_QUICKVIEW_OPEN = 'WEB_COMPONENT_QUICKVIEW_OPEN'\nexport const EVENT_QS_OPEN = 'WEB_COMPONENT_QS_OPEN'\nexport const EVENT_QS_OPENED = 'WEB_COMPONENT_QS_OPENED'\nexport const EVENT_QS_CLOSE = 'WEB_COMPONENT_QS_CLOSE'\nexport const EVENT_QS_CLOSED = 'WEB_COMPONENT_QS_CLOSED'\nexport const EVENT_QS_CLOSE_CLICK = 'WEB_COMPONENT_QS_CLOSE_CLICK'\nexport const EVENT_QS_KEY_DOWN = 'keydown'\nexport const EVENT_ADD_TO_CART = 'WEB_COMPONENT_ADD_TO_CART'\nexport const EVENT_CART_UPDATED = 'WEB_COMPONENT_CART_UPDATED'\nexport const EVENT_VIDEO_TOGGLE = 'WEB_COMPONENT_VIDEO_TOGGLE'\nexport const VIDEO_ON_HOVER = 'VIDEO_ON_HOVER'\nexport const VIDEO_ON_OUT = 'VIDEO_ON_OUT'\nexport const EVENT_DETAIL_OPEN = 'WEB_COMPONENT_DETAIL_OPEN'\nexport const EVENT_SLIDER_READY = 'WEB_COMPONENT_SLIDER_READY'\nexport const EVENT_SLIDE_CHANGE = 'WEB_COMPONENT_SLIDE_CHANGE'\nexport const EVENT_OVERLAY_OPEN = 'WEB_COMPONENT_OVERLAY_OPEN'\nexport const EVENT_OVERLAY_CLOSE = 'WEB_COMPONENT_OVERLAY_CLOSE'\nexport const EVENT_OVERLAY_CLICKED = 'WEB_COMPONENT_OVERLAY_CLICKED'\nexport const EVENT_OPEN_PRODUCT_AR_CLICKED = 'OPEN_PRODUCT_AR_CLICKED'\nexport const EVENT_SORT_BY_CHANGE = 'WEB_COMPONENT_SORT_BY_CHANGE'\n\nexport const EVENT_BUBBLE_SELECTED = 'EVENT_BUBBLE_SELECTED'\nexport const EVENT_RECO_TOOL_OPTION_CLICKED = 'EVENT_RECO_TOOL_OPTION_CLICKED'\nexport const WEB_COMPONENT_PROJECTS_LOADED = 'WEB_COMPONENT_PROJECTS_LOADED'\nexport const WEB_COMPONENT_ANCHOR_LOADED = 'WEB_COMPONENT_ANCHOR_LOADED'\n\nexport const EVENT_SWIPED_UP = 'swiped-up'\nexport const EVENT_SWIPED_DOWN = 'swiped-down'\nexport const EVENT_SWIPED_LEFT = 'swiped-left'\nexport const EVENT_SWIPED_RIGHT = 'swiped-right'\n\nexport const EVENT_HEADER_POSITION_CHANGED = 'EVENT_HEADER_POSITION_CHANGED'\n\nexport const keys = { ESC: 'Escape' }\n\nexport const ADD_TO_CART_MODIFIER_MINI = 'mini'\nexport const ADD_TO_CART_MODIFIER_DEFAULT = ADD_TO_CART_MODIFIER_MINI\n\nexport const COFFEE_ORIGINAL = 'original'\nexport const COFFEE_VERTUO = 'vertuo'\nexport const COFFEE_PRO = 'pro'\nexport const COFFEE_OL = 'OL'\nexport const COFFEE_VL = 'VL'\nexport const INTENSITY_MAX_OL = 14\nexport const INTENSITY_MAX_VL = 12\nexport const DEFAULT_BUBBLE_ICON = ''\n\nexport const NUMBER_PRODUCTS_SLIDER = 8\nexport const NUMBER_FEATURES_PDP = 8\n\nexport const ALIGNMENT = ['center', 'left', 'right']\nexport const POSITION = ['top', 'right', 'bottom', 'left']\nexport const TRANSLATION_ADD_TO_CART = 'Add to cart'\nexport const TRANSLATION_UPDATE_BASKET = 'Update basket'\n\nexport const TIME_INSTANT = 1\nexport const TIME_FAST = 300\nexport const TIME_MEDIUM = 600\nexport const TIME_SLOW = 1200\n\nexport const APP_APPLE_LINK = {\n default: 'https://apps.apple.com/us/app/nespresso/id342879434',\n us: 'https://apps.apple.com/us/app/nespresso-new/id1609639566',\n uk: 'https://apps.apple.com/gb/app/nespresso-new/id1609639566',\n kr: 'https://apps.apple.com/kr/app/%EB%84%A4%EC%8A%A4%ED%94%84%EB%A0%88%EC%86%8C-%EB%B6%80%ED%8B%B0%ED%81%AC/id1609639566'\n}\nexport const APP_ANDROID_LINK =\n 'https://play.google.com/store/apps/details?id=com.nespresso.activities'\nexport const APP_HUAWEI_LINK = 'https://appgallery.huawei.com/app/C102571517'\n\nexport const SRC_PAGE_PLP = 'plp'\nexport const SRC_PAGE_PDP = 'pdp'\n\nexport const PLP_TYPE_COFFEE = 'coffee'\nexport const PLP_TYPE_MACHINE = 'machine'\nexport const PLP_TYPE_ACCESSORY = 'accessory'\nexport const CALLEO_API_DOMAIN = 'https://www.contact.nespresso.com/'\n\n// SCSS RELATED\n// Todo : should be shared by JS and SCSS\nexport const BROWSER_CONTEXT = 16 // 1rem = 16px\nexport const COLOR_WHITE_1000 = '#FFFFFF' // Do not change for #FFF shortcut, it will break slider-natural gradients !\n\nexport const CONTRAST_DARK = 'dark'\nexport const CONTRAST_LIGHT = 'light'\n\nexport const B2B_CONTACT_FORM_POPIN_ID = 'b2b-contact-form-popin-id'\nexport const B2B_CONTACT_FORM_POPIN_SRC_SEARCH = 'coveo-search'\n\nexport const B2B_CONTACT_FORM_POPIN_SRC_SKU_MAIN_INFO = 'sku-main-info'\n\nexport const B2B_CONTACT_FORM_POPIN_SRC_SKU_MAIN_INFO_AUTO = 'sku-main-info-auto'\n\nexport const ASPECT_RATIO_16_9 = '16/9'\nexport const ASPECT_RATIO_1_1 = '1/1'\n\nexport const NESPRESSO_PRODUCTION_DOMAIN = 'https://www.nespresso.com'\nexport const NESPRESSO_ROLLOUT_DOMAIN = 'https://nc2-env-rollout.nespresso.com'\n\nexport const EVENT_QUIZ_ON_GO_BACK = 'WEB_COMPONENT_EVENT_QUIZ_ON_GO_BACK'\nexport const EVENT_QUIZ_SUBMIT = 'WEB_COMPONENT_EVENT_QUIZ_SUBMIT'\n","import { getMarketCode } from '@kissui/helpers/src/dataLayer'\nimport { NESPRESSO_PRODUCTION_DOMAIN, NESPRESSO_ROLLOUT_DOMAIN } from '@kissui/components'\n\nconst apiB2BLeadForm = window.napi && window.napi.market()\n\nexport const getLeadFormFields = async () => {\n return apiB2BLeadForm.getLeadFormFieldDefinitions()\n}\n\nexport const checkFieldExist = (allFormFieldIds, fieldToCheck) => {\n return allFormFieldIds.includes(fieldToCheck)\n}\n\nexport const addAstrixOnMandatoryFields = (label, isMandatory) => {\n return `${label} ${isMandatory ? '*' : ''}` ?? `Label ${isMandatory ? '*' : ''}`\n}\n\n// use rollout test url only on rollout environment\nexport const buildLeadFormSubmitUrl = () => {\n const domainName =\n window.location.origin !== NESPRESSO_ROLLOUT_DOMAIN\n ? NESPRESSO_PRODUCTION_DOMAIN\n : NESPRESSO_ROLLOUT_DOMAIN\n\n return `${domainName}/ecapi/stores/v5/${getMarketCode()}/b2b/lead`\n}\n// This is a bad way of checking, but this was a request, and we don't have any API to blacklist or check fake emails.\nexport const isEmailFakeCheck = emailToCheck => {\n const fakeEmailList = ['a@a.com', 'b@b.com', 'abc@abc.com', '123@123.com']\n\n if (fakeEmailList.includes(emailToCheck)) {\n return true\n }\n}\n","export const dispatchEvent = ({ eventName, args, element }) => {\n // Use the provided element or fallback to window if available\n if (!element) {\n if (typeof window !== 'undefined') {\n element = window\n } else {\n throw new Error(\n '`element` is not provided and `window` is unavailable. Provide a valid element to dispatch the event.'\n )\n }\n }\n\n let event\n if (args) {\n event = new CustomEvent(eventName, { detail: args, bubbles: true })\n } else {\n if (typeof Event === 'function') {\n event = new Event(eventName)\n } else {\n event = document.createEvent('Event')\n event.initEvent(eventName, true, true)\n }\n }\n element.dispatchEvent(event)\n}\n\nexport const readEvent = e => {\n if (!e.detail) {\n return\n }\n return e.detail\n}\n","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 { 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","import createProps from '@kissui/helpers/src/props.helpers'\nimport {\n escapeHtml,\n interpolate,\n removeEmptyValues,\n stringifyForAttribute\n} from '@kissui/helpers/src/utils'\nimport {\n getLeadFormFields,\n addAstrixOnMandatoryFields,\n checkFieldExist,\n buildLeadFormSubmitUrl\n} from '@kissui/helpers/src/b2bLeadForm.service'\n\nimport { dispatchEvent, readEvent } from '@kissui/helpers/src/assets/js/eventDispatch'\nimport {\n B2B_CONTACT_FORM_POPIN_ID,\n B2B_CONTACT_FORM_POPIN_SRC_SEARCH,\n B2B_CONTACT_FORM_POPIN_SRC_SKU_MAIN_INFO,\n B2B_CONTACT_FORM_POPIN_SRC_SKU_MAIN_INFO_AUTO,\n EVENT_POPIN_CLOSE,\n EVENT_POPIN_FORM_TOGGLE_TITLE,\n EVENT_POPIN_OPEN,\n EVENT_POPIN_OPENED,\n NESPRESSO_PRODUCTION_DOMAIN,\n NESPRESSO_ROLLOUT_DOMAIN\n} from '@kissui/components'\n\nimport {\n customEvent,\n handlePromoClick,\n isGtmTrackingExists,\n viewPromotion\n} from '@kissui/helpers/src/gtmEvents'\nimport { getMarketCode } from '@kissui/helpers/src/dataLayer'\n\nconst HIDE_POPIN_TITLE = 'hide-popin-title'\nconst HIDE_POPIN_CONTENT = 'hide-popin-content'\nconst B2B_LEAD_FORM_TEXT_TYPE = 'TextFieldDefinition'\nconst B2B_LEAD_FORM_DROPDOWN_TYPE = 'DeterministicFieldDefinitionWithValues'\nconst MIN_LENGTH_VALUE = '1' // Minimum character length\n\nclass B2BContactForm extends HTMLElement {\n constructor() {\n super()\n this.props = {}\n this.boundPopinFormToggleTitle = this.popinFormToggleTitle.bind(this)\n this.boundPopinNotCustomer = this.noCustomerCta.bind(this)\n this.boundPopinIsCustomer = this.isCustomerCta.bind(this)\n this.boundOpened = this.opened.bind(this)\n this.boundCustomTracking = this.addCustomTracking.bind(this)\n }\n\n async connectedCallback() {\n this.props = createProps(this.attributes)\n await this.render()\n }\n\n async render() {\n this.popin_id = B2B_CONTACT_FORM_POPIN_ID\n await this.renderPopin('isCustomerForm')\n }\n\n async renderPopin() {\n const {\n a11y_label_popin_close,\n heading,\n subheading,\n background_image = ''\n } = this.props.copywriting.contact_form\n const isCustomerElem = this.isCustomerFormElem(),\n leadFormElem = await this.leadFormElem()\n this.bgImage = background_image.trim()\n\n this.innerHTML = `\n <nb-popin\n id=\"${this.popin_id}\"\n popin_id=\"${this.popin_id}\"\n size=\"M\"\n variation=\"next\"\n bgcolor=\"highlight\"\n label_close=\"${a11y_label_popin_close}\"\n heading=\"${heading}\"\n subheading=\"${subheading}\">\n ${isCustomerElem}\n ${leadFormElem}\n </nb-popin>\n `\n this.bindEvent()\n this.popin = this.querySelector('nb-popin')\n this.popinFormToggleTitle()\n\n this.showContactFormAuto()\n }\n\n showContactFormAuto() {\n const { show_popin_auto, popin_auto_timer = '15000' } = this.props.copywriting.contact_form\n const forceOpen = new URLSearchParams(window.location.search).get('open')\n\n setTimeout(\n async () => {\n if (show_popin_auto && window.getPDPData) {\n const productData = await window.getPDPData()\n const productName = productData.configuration.eCommerceData.product.name || ''\n\n const skuArgs = {\n id: B2B_CONTACT_FORM_POPIN_ID,\n srcComponent: B2B_CONTACT_FORM_POPIN_SRC_SKU_MAIN_INFO_AUTO,\n productName: productName\n }\n dispatchEvent({ eventName: EVENT_POPIN_OPEN, args: skuArgs })\n }\n },\n forceOpen === 'contact-form' ? 0 : parseInt(popin_auto_timer)\n )\n }\n\n isCustomerFormElem() {\n const {\n contact_form: {\n customer_action_form,\n calleo_form: { contact_url = '', link_new_tab = false }\n }\n } = this.props.copywriting\n\n const b2bFormIsCustomerEl = `\n <nb-form class=\"is-customer-action \">\n <fieldset class=\"cb-message\">\n <nb-icon icon=\"${customer_action_form.icon}\"></nb-icon>\n <h2 class=\"h-lg-700\">${customer_action_form.heading}</h2>\n <section class=\"cb-customer-section\">\n <nb-cta class='cb-is-customer' variation=\"tertiary\" data-disabletracking=\"true\"\n ${contact_url ? `link=\"${contact_url}\"` : ''}\n link_new_tab = '${link_new_tab}'\n >${customer_action_form.yes_cta}</nb-cta>\n <nb-cta class='cb-not-customer' variation=\"tertiary\" data-disabletracking=\"true\">${\n customer_action_form.not_cta\n }</nb-cta>\n </section>\n\n </fieldset>\n </nb-form>\n `\n\n return b2bFormIsCustomerEl\n }\n\n async leadFormElem() {\n const {\n contact_form,\n contact_form: { lead_form }\n } = this.props.copywriting\n // get b2b lead form fields from API\n const allFormFields = await getLeadFormFields()\n // add all available form field Ids in an array\n this.allFormFieldIds = allFormFields.map(formField => formField.id)\n\n const formElementsAPIFiltered = this.getFormFieldElementProps(\n lead_form,\n allFormFields\n ).filter(elem => Object.keys(elem).length !== 0)\n\n contact_form.lead_form.elements = [...formElementsAPIFiltered]\n await this.getGoogleCaptcha()\n contact_form.lead_form.recaptcha_id = this.recaptcha_id\n\n return `<nb-form class=\"lead-form ${HIDE_POPIN_CONTENT}\" data=\"${stringifyForAttribute(\n contact_form.lead_form\n )}\"></nb-form>`\n }\n\n getFormFieldElementProps(\n {\n show_only_mandatory,\n drop_down_accessibility,\n required_message = '',\n min_length_message = ''\n },\n allFormFields\n ) {\n return allFormFields.map((allFormField, index) => {\n const {\n id,\n type,\n label,\n mandatory,\n validationRegExp = '',\n validationErrorMessage = ''\n } = allFormField\n\n if (!label || (show_only_mandatory && !mandatory)) {\n return {}\n }\n\n let inputType = '',\n inputSubType = '',\n inputMinLength = ''\n let dropdownValues = {\n className: 'nb-dropdown--is-styled',\n ...drop_down_accessibility\n }\n\n let element_id = `input-text-id-${index}`\n\n if (type === B2B_LEAD_FORM_TEXT_TYPE) {\n inputType = 'input-text'\n element_id = `input-text-id-${index}`\n\n switch (id) {\n case 'phoneNumber':\n inputSubType = 'input-number'\n break\n case 'emailAddress':\n inputSubType = 'input-email'\n break\n case 'firstName':\n inputMinLength = MIN_LENGTH_VALUE\n break\n case 'lastName':\n inputMinLength = MIN_LENGTH_VALUE\n break\n default:\n inputSubType = 'input-text'\n break\n }\n } else if (type === B2B_LEAD_FORM_DROPDOWN_TYPE) {\n inputType = 'dropdown'\n element_id = `dropdown-id-${index}`\n\n if (allFormField.id === 'employeesNumber') {\n // Sort values for employees number\n allFormField.values.sort((first, second) => {\n const labelFirst = first.label.replace(/-/g, '')\n const labelSecond = second.label.replace(/-/g, '')\n // Keep alphabetical values at the end\n const isFirstAlpha = isNaN(parseInt(labelFirst))\n const isSecondAlpha = isNaN(parseInt(labelSecond))\n\n if (isFirstAlpha && !isSecondAlpha) return 1\n if (!isFirstAlpha && isSecondAlpha) return -1\n\n return parseInt(labelFirst) - parseInt(labelSecond)\n })\n }\n\n dropdownValues.options = allFormField.values.map((value, index) => {\n return {\n id: value.id,\n label: value.label,\n checked: index === 0\n }\n })\n }\n\n const getKeyValue = (key, condition, value) => {\n if (!condition || !value) {\n return {}\n }\n return { [key]: value }\n }\n\n let finalFormField = {\n element_id: element_id,\n element_name: id,\n type: inputType,\n label: addAstrixOnMandatoryFields(label, mandatory),\n ...getKeyValue('required_message', mandatory, required_message),\n ...getKeyValue('pattern', validationRegExp, validationRegExp),\n ...getKeyValue(\n 'error_message',\n validationRegExp && validationErrorMessage,\n escapeHtml(validationErrorMessage)\n )\n }\n\n if (inputSubType) {\n finalFormField.input_sub_type = inputSubType\n }\n if (inputMinLength) {\n finalFormField.input_min_length = inputMinLength\n }\n\n if (inputMinLength && min_length_message) {\n finalFormField.min_length_message = min_length_message\n }\n\n if (type === B2B_LEAD_FORM_DROPDOWN_TYPE) {\n finalFormField = {\n ...finalFormField,\n ...dropdownValues\n }\n }\n\n return finalFormField\n })\n }\n\n opened(e) {\n const eventArgs = readEvent(e)\n this.prefillFormFields(eventArgs)\n const { campaign } = this.props\n\n const trackingData = {\n event: 'view_promotion',\n campaign: removeEmptyValues(campaign)\n }\n\n if (!isGtmTrackingExists(trackingData)) {\n viewPromotion({ ...campaign })\n }\n }\n\n prefillFormFields(eventArgs) {\n const {\n contact_form: {\n lead_form: { comment_prefill }\n }\n } = this.props.copywriting\n\n const leadFormElem = this.querySelector('nb-form.lead-form')\n const commentInputField = leadFormElem.querySelector('input[name=\"comment\"]')\n const allDropdowns = leadFormElem.querySelectorAll('nb-dropdown')\n\n allDropdowns.forEach(dropdown => {\n dropdown.classList.add('nb-dropdown--is-filled')\n const firstSpanClassList = dropdown.querySelector('button span:first-child').classList\n firstSpanClassList.remove('t-sm-700-sl') // this is using a dropdown core component but styles are different in Figma\n firstSpanClassList.add('t-3xs-500-caps-sl') // this is using a dropdown core component but styles are different in Figma\n })\n\n // Prefill only when the product name is available and src component is SKU_MAIN_INFO\n if (\n !eventArgs.productName ||\n (eventArgs.srcComponent !== B2B_CONTACT_FORM_POPIN_SRC_SKU_MAIN_INFO &&\n eventArgs.srcComponent !== B2B_CONTACT_FORM_POPIN_SRC_SKU_MAIN_INFO_AUTO &&\n eventArgs.srcComponent !== B2B_CONTACT_FORM_POPIN_SRC_SEARCH)\n ) {\n return\n }\n\n if (!commentInputField || !comment_prefill) {\n return\n }\n\n const finalCommentMessage = interpolate(\n comment_prefill,\n {\n machine_name: eventArgs.productName\n },\n '{',\n '}'\n )\n\n const commentInputFieldParent = commentInputField.parentElement\n commentInputField.value = finalCommentMessage || ''\n commentInputFieldParent.value = finalCommentMessage || ''\n commentInputField.classList.add('is-filled')\n }\n async getGoogleCaptcha() {\n let apiURL = `/ecapi/stores/v5/${getMarketCode()}/B2B`\n // To at least show captcha on localhost and all other domains, the main domain config is configured by reCaptcha dashboard\n // rollout and production has their own repective API to get Captcha details, hence except rollout the token will be used from nespresso.com\n if (\n window.location.origin !== NESPRESSO_ROLLOUT_DOMAIN &&\n window.location.origin !== NESPRESSO_PRODUCTION_DOMAIN\n ) {\n apiURL = NESPRESSO_PRODUCTION_DOMAIN + apiURL\n }\n await fetch(apiURL)\n .then(async response => {\n const data = await response.json()\n // check for error response\n if (!response.ok) {\n // get error message from body or default to response statusText\n return Promise.reject(data?.message ?? response.statusText)\n }\n this.recaptcha_id = data.recaptchaKey || ''\n })\n .catch(error => {\n console.error('There was an error!', error)\n })\n }\n\n prepareFormSubmit() {\n const {\n contact_form: {\n lead_form: { submit_url }\n }\n } = this.props.copywriting\n const popin_id = this.popin_id\n const boundCustomTracking = this.boundCustomTracking\n const allFormFieldIds = this.allFormFieldIds\n async function sendForm(e) {\n const data = new URLSearchParams(e.formData)\n\n const getValueFromSelected = (selector, key) => {\n const parentElement = this.querySelector(selector)\n if (!parentElement) {\n return {}\n }\n // ASSUMING THIS ELEMENTS IS ALWAYS PRESENT\n return { [key]: parentElement.querySelector('[aria-selected=\"true\"]').value }\n }\n const { ...formData } = Object.fromEntries(data.entries())\n\n const formDataObject = {\n ...formData,\n captchaToken: this.querySelector('.g-recaptcha-response')?.value,\n // some values might not be available in form because they are not in API, so this returns empty if not available\n ...getValueFromSelected('#civility', 'civility'),\n ...getValueFromSelected('#companyType', 'companyType'),\n ...getValueFromSelected('#employeesNumber', 'employeesNumber'),\n ...getValueFromSelected('#coffeeSolution', 'coffeeSolution'),\n ...getValueFromSelected('#coffeeSolutionUsage', 'coffeeSolutionUsage')\n }\n // Sometimes API returns error if we send unnecessary data\n delete formDataObject['g-recaptcha-response']\n\n // check if a market has isCustomer available in its API\n if (checkFieldExist(allFormFieldIds, 'isCustomer')) {\n formDataObject.isCustomer = false\n }\n\n const formDataJsonString = JSON.stringify(formDataObject)\n\n fetch(this.url, {\n method: 'POST',\n headers: {\n Accept: 'application/json',\n 'Content-Type': 'application/json'\n },\n body: formDataJsonString\n }).then(request => {\n const { status } = request\n if (status < 400) {\n this.onSuccess()\n const btnBack = this.querySelector('.cb-back')\n if (btnBack) {\n btnBack.addEventListener('click', () => {\n dispatchEvent({ eventName: EVENT_POPIN_CLOSE, args: { id: popin_id } })\n })\n }\n boundCustomTracking({\n event: 'form_submit',\n eventLabel: `Short lead form - Submit`,\n company_type: formDataObject.companyType || ''\n })\n } else {\n request.json().then(response => {\n console.error(`Error: Component B2B Contact Lead Form - Submit Request`)\n console.error(response)\n const { message = '' } = response\n\n this.onError(message)\n })\n }\n })\n }\n\n this.leadFormElement = this.querySelector('nb-form.lead-form')\n this.leadFormElement.submitValidForm = sendForm.bind(this.leadFormElement)\n this.leadFormElement.url = submit_url || buildLeadFormSubmitUrl() // If url provided in PB use that, else use standard\n\n this.leadFormElement.querySelector('.cb-cancel').addEventListener('click', () => {\n dispatchEvent({ eventName: EVENT_POPIN_CLOSE, args: { id: this.popin_id } })\n })\n\n this.boundCustomTracking({\n event: 'form_start'\n })\n }\n\n popinFormToggleTitle() {\n if (this.popin.classList.contains(HIDE_POPIN_TITLE)) {\n this.popin.classList.remove(HIDE_POPIN_TITLE)\n if (this.bgImage) {\n this.popin.classList.add('with-background')\n const bgDiv = document.createElement('div')\n bgDiv.className = 'bg-image'\n bgDiv.setAttribute('style', `background-image: url(${this.bgImage})`)\n this.popin.append(bgDiv)\n }\n } else {\n this.popin.classList.add(HIDE_POPIN_TITLE)\n }\n }\n\n popinFormToggleContent(formType) {\n this.popinFormToggleTitle()\n const customerFormElem = this.popin.querySelector('.is-customer-action')\n let selectFormElem = ''\n if (formType === 'leadForm') {\n selectFormElem = this.popin.querySelector('.lead-form')\n }\n\n if (selectFormElem.classList.contains(HIDE_POPIN_CONTENT)) {\n selectFormElem.classList.remove(HIDE_POPIN_CONTENT)\n customerFormElem.classList.add(HIDE_POPIN_CONTENT)\n } else {\n selectFormElem.classList.add(HIDE_POPIN_CONTENT)\n customerFormElem.classList.remove(HIDE_POPIN_CONTENT)\n }\n }\n\n async noCustomerCta(event) {\n this.addPromoTracking(event)\n this.popinFormToggleContent('leadForm')\n this.prepareFormSubmit()\n }\n\n isCustomerCta(event) {\n this.addPromoTracking(event)\n }\n\n addPromoTracking(event) {\n const { campaign } = this.props\n\n const ctaText = event.target.textContent.trim()\n handlePromoClick({ campaign, cta_name: `CTA - ${ctaText}` })\n }\n\n addCustomTracking(customEventArgs) {\n const {\n copywriting: {\n contact_form: {\n lead_form: { submit_url }\n }\n },\n campaign\n } = this.props\n const nativeFormElement = this.leadFormElement.querySelector('form')\n customEvent({\n ...customEventArgs,\n form_id: nativeFormElement.id, // Google Recommend: HTML id attribute of the <form> DOM element\n form_name: nativeFormElement.name, // Google Recommend: HTML name attribute of the <form> DOM element\n form_destination: submit_url,\n event_raised_by: 'page builder',\n component_name: campaign.position\n })\n }\n\n bindEvent() {\n window.addEventListener(EVENT_POPIN_FORM_TOGGLE_TITLE, this.boundPopinFormToggleTitle)\n this.popin = this.querySelector('nb-popin')\n this.notCustomerAction = this.popin.querySelector('.is-customer-action .cb-not-customer')\n this.isCustomerAction = this.popin.querySelector('.is-customer-action .cb-is-customer')\n\n if (this.notCustomerAction) {\n this.notCustomerAction.addEventListener('click', this.boundPopinNotCustomer)\n }\n if (this.isCustomerAction) {\n this.isCustomerAction.addEventListener('click', this.boundPopinIsCustomer)\n }\n window.addEventListener(EVENT_POPIN_OPENED, this.boundOpened)\n }\n\n unbindEvent() {\n window.removeEventListener(EVENT_POPIN_FORM_TOGGLE_TITLE, this.boundPopinFormToggleTitle)\n\n if (this.notCustomerAction) {\n this.notCustomerAction.removeEventListener('click', this.boundPopinNotCustomer)\n }\n if (this.isCustomerAction) {\n this.isCustomerAction.removeEventListener('click', this.boundPopinIsCustomer)\n }\n window.removeEventListener(EVENT_POPIN_OPENED, this.boundOpened)\n }\n\n disconnectedCallback() {\n this.unbindEvent()\n }\n}\n\ncustomElements.get('nb-b2b-contact-form') ||\n customElements.define('nb-b2b-contact-form', B2BContactForm)\n\nexport default B2BContactForm\n"],"names":["isNil","obj","removeEmptyValues","findText","key","value","text","includes","escapeHtml","map","replace","m","DOMParser","getMarketCode","dataLayer","window","padlNamespace","app","market","toLocaleLowerCase","EVENT_POPIN_OPENED","EVENT_POPIN_CLOSE","EVENT_POPIN_FORM_TOGGLE_TITLE","B2B_CONTACT_FORM_POPIN_ID","B2B_CONTACT_FORM_POPIN_SRC_SKU_MAIN_INFO_AUTO","NESPRESSO_PRODUCTION_DOMAIN","NESPRESSO_ROLLOUT_DOMAIN","apiB2BLeadForm","napi","addAstrixOnMandatoryFields","label","isMandatory","dispatchEvent","eventName","args","element","Error","event","CustomEvent","detail","bubbles","Event","document","createEvent","initEvent","emitCustomEvent","data","customEvent","cancelable","composed","raisedByPB","selectPromotion","eventData","cta_name","event_raised_by","ecommerce","Object","keys","length","id","creative","name","position","ecommerceData","promotion_id","promotion_name","creative_slot","creative_name","gtmDataObject","push","HIDE_POPIN_TITLE","HIDE_POPIN_CONTENT","B2B_LEAD_FORM_DROPDOWN_TYPE","B2BContactForm","HTMLElement","constructor","super","this","props","boundPopinFormToggleTitle","popinFormToggleTitle","bind","boundPopinNotCustomer","noCustomerCta","boundPopinIsCustomer","isCustomerCta","boundOpened","opened","boundCustomTracking","addCustomTracking","connectedCallback","attributes","find","attribute","nodeName","getData","filter","reduce","all","attr","nodeValue","JSON","parse","error","console","log","createProps","render","popin_id","renderPopin","a11y_label_popin_close","heading","subheading","background_image","copywriting","contact_form","isCustomerElem","isCustomerFormElem","leadFormElem","bgImage","trim","innerHTML","bindEvent","popin","querySelector","showContactFormAuto","show_popin_auto","popin_auto_timer","forceOpen","URLSearchParams","location","search","get","setTimeout","async","getPDPData","productName","configuration","eCommerceData","product","srcComponent","parseInt","customer_action_form","calleo_form","contact_url","link_new_tab","icon","yes_cta","not_cta","lead_form","allFormFields","getLeadFormFieldDefinitions","getLeadFormFields","allFormFieldIds","formField","formElementsAPIFiltered","getFormFieldElementProps","elem","elements","getGoogleCaptcha","recaptcha_id","stringifyForAttribute","stringify","show_only_mandatory","drop_down_accessibility","required_message","min_length_message","allFormField","index","type","mandatory","validationRegExp","validationErrorMessage","inputType","inputSubType","inputMinLength","dropdownValues","className","element_id","values","sort","first","second","labelFirst","labelSecond","isFirstAlpha","isNaN","isSecondAlpha","options","checked","getKeyValue","condition","b","finalFormField","element_name","input_sub_type","input_min_length","e","eventArgs","readEvent","prefillFormFields","campaign","trackingData","some","viewPromotion","comment_prefill","commentInputField","querySelectorAll","forEach","dropdown","classList","add","firstSpanClassList","remove","finalCommentMessage","txt","vars","stChr","enChr","curIdx","stIdx","indexOf","enIdx","hashId","substring","substr","interpolate","machine_name","commentInputFieldParent","parentElement","apiURL","origin","fetch","then","response","json","ok","Promise","reject","message","statusText","recaptchaKey","catch","prepareFormSubmit","submit_url","leadFormElement","submitValidForm","formData","getValueFromSelected","selector","h","fromEntries","entries","formDataObject","captchaToken","checkFieldExist","fieldToCheck","isCustomer","formDataJsonString","url","method","headers","Accept","body","request","status","onSuccess","btnBack","addEventListener","eventLabel","company_type","companyType","onError","contains","bgDiv","createElement","setAttribute","append","popinFormToggleContent","formType","customerFormElem","selectFormElem","addPromoTracking","cleanedData","handlePromoClick","target","textContent","customEventArgs","nativeFormElement","undefined","event_GA4","eventRaisedBy","form_id","form_name","form_destination","component_name","notCustomerAction","isCustomerAction","unbindEvent","removeEventListener","disconnectedCallback","customElements","define"],"mappings":"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"}