{"version":3,"file":"index.es.min.js","sources":["../../../packages/helpers/src/props.helpers.js","../../../packages/helpers/src/rating.service.js","../../../packages/helpers/src/utils.ts","../../../packages/helpers/src/dataLayer.js","../../../packages/helpers/src/assets/js/eventDispatch.js","../../../packages/components/src/constants.mjs","../../../packages/helpers/src/catalog.js","../../../packages/helpers/src/events.helpers.ts","../../../packages/helpers/src/gtmEvents.js","../../../packages/page-builder-sections/src/rating-reviews/components/reviews-list.js","../../../packages/page-builder-sections/src/rating-reviews/fragments/summary.js","../../../packages/page-builder-sections/src/rating-reviews/rating-reviews.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","// Caching mechanism for ratings\nconst API_RATING_CACHE_TTL = 86400000 // 24 hrs\nconst API_RATING_CACHE_PREFIX = 'n-ratings-'\n\nconst setWithExpiry = (key, value) => {\n const now = new Date()\n\n // 'item' is an object which contains the original value\n // as well as the time when it's supposed to expire\n const item = {\n value: value,\n expiry: now.getTime() + API_RATING_CACHE_TTL\n }\n localStorage.setItem(key, JSON.stringify(item))\n}\n\nconst getWithExpiry = key => {\n const itemStr = localStorage.getItem(key)\n if (!itemStr) return undefined\n\n const item = JSON.parse(itemStr)\n const now = new Date()\n\n // compare the expiry time of the item with the current time\n if (now.getTime() > item.expiry) {\n // If the item is expired, delete the item from storage and return null\n localStorage.removeItem(key)\n return undefined\n }\n\n return item.value\n}\n\nexport const getEncodedProductId = longSku => window.btoa(longSku)\n\nexport const getRatingDetails = async sku => {\n const key = `${API_RATING_CACHE_PREFIX}${sku}`\n let data = getWithExpiry(key)\n if (data === undefined) {\n // already expired or not cached\n data = await window.napi.ratings().summary(sku)\n setWithExpiry(key, data)\n }\n return data\n}\n\nexport const isRatingEnabled = product =>\n product.productRatings && product.productRatings.ratingEnabled\n\nexport const isRated = (productRatings, minimum_rating) =>\n productRatings.reviewCount > 0 &&\n productRatings.ratingAverage > 0 &&\n productRatings.ratingAverage >= minimum_rating\n\nexport const getRatingPercentage = ratingSpread => {\n const ratingAverageSum = ratingSpread.reduce((partialSum, value) => partialSum + value, 0)\n\n return ratingSpread.map(element => {\n return (element / ratingAverageSum) * 100\n })\n}\n\nexport const checkIfReviewsAvailable = ratingsResult => ratingsResult.reviewCount > 0\n\nexport const getProductReviews = async (\n market,\n language,\n encodedProductId,\n sort = 'highlightedFirst',\n page = 0\n) => {\n const url = `/ecapi/rating/v1/${market}/${language}/${encodedProductId}/read?platform=desktop&page=${page}&sort=${sort}`\n const response = await fetch(url)\n\n return response.json()\n}\n\nexport const postLike = async (market, language, encodedProductId, reviewId) => {\n const url = `/ecapi/rating/v1/${market}/${language}/${encodedProductId}/${reviewId}/like`\n\n const response = await fetch(url, {\n method: 'POST'\n })\n\n return response.json()\n}\n\nexport const getNapiProductReviews = async (sku, sort = 'highlightedFirst', page = 0) => {\n return window.napi.ratings().read(sku, sort, page)\n}\n\nexport const postNapiLike = async (sku, reviewId) => {\n return window.napi.ratings().like(sku, reviewId)\n}\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 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 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 { COFFEE_VERTUO } from '@kissui/components/src/constants.mjs'\nimport { getCurrency } from './getCurrency'\nexport { getCurrency } from './getCurrency'\n\nexport const ECAPI_TYPE_CAPSULE = 'capsule'\nexport const ECAPI_TYPE_MACHINE = 'machine'\nexport const ECAPI_TYPE_ACCESSORY = 'accessory'\nexport const ECAPI_TYPE_GIFT_CARD = 'giftcard'\n\nconst TECHNOLOGY_CATEGORY_IDENTIFIER = '/machineTechno/'\nconst SLEEVE_OF_10 = 10\nconst SLEEVE_OF_7 = 7\n\nconst trimSku = sku => sku.replace(/[^a-z0-9- +./]/gi, '')\n\nexport const getLegacySKU = productId => productId.split('prod/').pop()\n\nexport const getPriceFormatter = async () => await window.napi.priceFormat()\n\nexport const getProduct = sku => window.napi.catalog().getProduct(trimSku(sku))\n\nexport function getTechnologyName(productData) {\n const techno = productData.technologies[0]\n return techno.substring(\n techno.indexOf(TECHNOLOGY_CATEGORY_IDENTIFIER) + TECHNOLOGY_CATEGORY_IDENTIFIER.length\n )\n}\n\nfunction isMultipleOf(quantity, multiple) {\n return quantity % multiple === 0\n}\n\nexport function getSleeveNumber(product, getTechnologyNameFn = getTechnologyName) {\n if (product.sales_multiple !== 1 && isMultipleOf(product.sales_multiple, SLEEVE_OF_10)) {\n // Sleeve of original or vertuo\n return product.sales_multiple / SLEEVE_OF_10\n }\n\n if (\n product.sales_multiple !== 1 &&\n getTechnologyNameFn(product) === COFFEE_VERTUO &&\n isMultipleOf(product.sales_multiple, SLEEVE_OF_7)\n ) {\n // Sleeve of vertuo\n return product.sales_multiple / SLEEVE_OF_7\n }\n\n if (product.sales_multiple === 1 && isMultipleOf(product.unitQuantity, SLEEVE_OF_10)) {\n // Bundle of original or vertuo\n return product.unitQuantity / SLEEVE_OF_10\n }\n\n if (\n product.sales_multiple === 1 &&\n getTechnologyNameFn(product) === COFFEE_VERTUO &&\n isMultipleOf(product.unitQuantity, SLEEVE_OF_7)\n ) {\n // Bundle of vertuo\n return product.unitQuantity / SLEEVE_OF_7\n }\n\n return NaN\n}\n\n/**\n * Guess if the product is part of a bundle.\n * This is determined by checking the 'sales_multiple' and 'unitQuantity' properties.\n */\nexport function isBundled(productData) {\n // TODO: this function should not change the productData, but some components still need it\n productData.sales_multiple = productData.sales_multiple || productData.salesMultiple\n\n const isSalesMultipleGreaterThanOne = productData.sales_multiple > 1\n const isUnitQuantityEqualToOne = productData.unitQuantity === 1\n const isSalesMultipleEqualToOne = productData.sales_multiple === 1\n const isUnitQuantityGreaterThanOne = productData.unitQuantity > 1\n\n // The product is not bundled if sales_multiple > 1 and unitQuantity = 1\n if (isSalesMultipleGreaterThanOne && isUnitQuantityEqualToOne) {\n return false\n }\n\n // The product is bundled if sales_multiple = 1 and unitQuantity > 1\n return isSalesMultipleEqualToOne && isUnitQuantityGreaterThanOne\n}\n\n/**\n * Replace an array of SKU with product data\n * Remove the element inside the list if sku fail. It prevents to get an empty item.\n * @param {Array.<String>} skus\n * @param getProductFn\n * @returns {Promise<Awaited<unknown>[]>}\n */\nexport function getProductAndClean(skus, getProductFn = getProduct, napi = window.napi) {\n const promises = []\n\n if (!napi) {\n return Promise.reject()\n }\n\n if (!Array.isArray(skus)) {\n skus = [skus]\n }\n\n // Load manually the product to delete SKU fail\n for (const sku of skus) {\n promises.push(\n getProductFn(sku)\n .then(data => skus.splice(skus.indexOf(sku), 1, data))\n .catch(() => {\n skus.splice(skus.indexOf(sku), 1)\n console.error(`getProduct fail on sku ${sku}`)\n })\n )\n }\n\n return Promise.all(promises)\n}\n\nexport const getFormattedPrice = async price => {\n const priceFormatter = await getPriceFormatter()\n const currency = getCurrency()\n\n return priceFormatter.html\n ? priceFormatter.html(currency, price)\n : priceFormatter.short(currency, price) || ''\n}\n\nexport const getProductCategories = async sku => {\n const productDetails = await getProduct(sku)\n const productCategories = productDetails ? productDetails.supercategories : []\n const productCategoriesNew = await Promise.all(\n productCategories.map(async categoryEncoded => {\n const productCategoryData = await window.napi.catalog().getCategory(categoryEncoded)\n return productCategoryData\n })\n )\n return productCategoriesNew\n}\n","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 './reviews-list.scss'\nimport createProps from '@kissui/helpers/src/props.helpers'\nimport {\n checkIfReviewsAvailable,\n getEncodedProductId,\n getNapiProductReviews,\n getRatingDetails,\n postNapiLike\n} from '@kissui/helpers/src/rating.service'\nimport { stringifyForAttribute } from '@kissui/helpers/src/utils'\nimport { getLangCode, getMarketCode, isLoggedIn } from '@kissui/helpers/src/dataLayer'\nimport { dispatchEvent } from '@kissui/helpers/src/assets/js/eventDispatch'\nimport {\n EVENT_POPIN_OPEN,\n EVENT_POPIN_CLOSE,\n EVENT_SORT_BY_CHANGE,\n EVENT_POPIN_FORM_TOGGLE_TITLE\n} from '@kissui/components'\nimport { getProduct, getTechnologyName } from '@kissui/helpers/src/catalog'\nimport { customEvent, handlePromoClick } from '@kissui/helpers/src/gtmEvents'\n\nconst POPIN_ID = 'rating-and-reviews-popin-id'\nconst HIDE_POPIN_TITLE = 'hide-popin-title'\n\nclass ReviewsList extends HTMLElement {\n constructor() {\n super()\n this.props = {}\n this.reviewResult = []\n this.sort = 'highlightedFirst'\n this.pageIndex = 0\n this.boundOnSeeMore = this.onSeeMore.bind(this)\n this.boundOnLike = this.onLike.bind(this)\n this.boundOpenPopin = this.onOpenPopin.bind(this)\n this.boundOnSortBy = this.onSortBy.bind(this)\n // Todo : We will need to remove this if modal is updated by DS Team with always title on top with icon before\n this.boundPopinFormToggleTitle = this.popinFormToggleTitle.bind(this)\n this.seeMoreBtn = null\n this.sortByBtn = null\n this.encodedProductId = null\n }\n\n connectedCallback() {\n this.props = createProps(this.attributes)\n this.render()\n }\n\n render() {\n this.innerHTML = `\n ${this.renderIntroduction()}\n <div class=\"cb-all is-loading\">\n <nb-loader></nb-loader>\n </div>\n `\n this.allElement = this.querySelector('.cb-all')\n this.loadReviews()\n .then()\n .catch(payload => {\n console.error(`Error: Component Review List - loadReviews`)\n console.error(payload)\n this.querySelector('.cb-all').innerHTML = ''\n })\n .finally(() => {\n this.prepareFormSubmit()\n })\n }\n\n prepareFormSubmit() {\n const { sku } = this.props\n async function sendForm(e) {\n let skuData\n\n try {\n skuData = await getProduct(sku)\n } catch (e) {\n console.error(`Error: Component Review List - onSeeMore - ${e}`)\n return\n }\n\n const data = new URLSearchParams()\n\n for (const pair of e.formData) {\n data.append(pair[0], pair[1])\n }\n\n const defaultResponse = {\n recommended: false,\n anonymous: false\n }\n\n let formDataObject = {\n ...defaultResponse,\n ...Object.fromEntries(data.entries())\n }\n\n formDataObject.rating = Number(formDataObject.rating)\n formDataObject.recommended = formDataObject.recommended === 'on'\n formDataObject.anonymous = formDataObject.anonymous === 'on'\n\n let 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\n const eventDetailsForWriteReview = {\n event: 'rating_and_reviews_interaction',\n action_type: 'review submit',\n event_raised_by: 'page builder',\n review_recommend: `${formDataObject.recommended}`,\n review_anonymous: `${formDataObject.anonymous}`,\n review_rating: `${formDataObject.rating}`,\n item_id_event: skuData.internationalId,\n item_name_event: skuData.internationalName,\n item_category_event: skuData.type,\n item_technology_event: getTechnologyName(skuData),\n item_range_event: skuData.category,\n item_price_event: skuData.unitPrice,\n event_GA4: true\n }\n customEvent(eventDetailsForWriteReview)\n } else {\n request.json().then(response => {\n console.error(`Error: Component Review List - Submit Review`)\n console.error(response)\n const { message = '' } = response\n\n this.onError(message)\n })\n }\n })\n }\n\n this.formElement = this.querySelector('nb-form')\n this.formElement.submitValidForm = sendForm.bind(this.formElement)\n this.formElement.url = `/ecapi/rating/v1/${getMarketCode()}/${getLangCode()}/${\n this.encodedProductId\n }/submit?platform=desktop`\n\n this.querySelector('.cb-cancel').addEventListener('click', () => {\n dispatchEvent({ eventName: EVENT_POPIN_CLOSE, args: { id: POPIN_ID } })\n })\n }\n\n renderIntroduction() {\n const { reviews_panel: { heading, msg_to_review } = {} } = this.props\n\n return `<div class=\"cb-intro\">\n <h3 class=\"t-md-700\">${heading}</h3>\n <p class=\"wysiwyg t-sm-400\">${msg_to_review}</p>\n ${this.renderCtaWriteReview()}\n ${this.renderModalReview()}\n </div>`\n }\n\n renderCtaWriteReview() {\n const { reviews_panel: { cta } = {} } = this.props\n const { label } = cta\n\n if (!label) {\n return ''\n }\n\n if (!isLoggedIn()) {\n const shouldOpenReview = `${\n window.location.search ? '%26' : '%3F'\n }shouldOpenReview=true`\n\n cta.link = `/${getMarketCode()}/${getLangCode()}/secure/login?destination-redirect=${\n window.location.pathname\n }${window.location.search}${shouldOpenReview}`\n }\n\n const data = stringifyForAttribute(cta)\n return `<nb-cta data=\"${data}\">${label}</nb-cta>`\n }\n\n renderModalReview() {\n const { rating_submit } = this.props\n rating_submit.POPIN_ID = POPIN_ID\n return `<nb-popin\n id=\"${POPIN_ID}\"\n size=\"M\"\n variation=\"next\"\n bgcolor=\"highlight\"\n label_close=\"${rating_submit.a11y_label_popin_close}\"\n heading=\"${rating_submit.heading}\">\n <nb-form data=\"${stringifyForAttribute(rating_submit)}\"></nb-form>\n </nb-popin>`\n }\n\n reviewAllLoaded() {\n this.allElement.innerHTML = ''\n this.allElement.classList.remove('is-loading')\n }\n\n async loadReviews() {\n const { product_id, sku } = this.props\n\n this.encodedProductId = getEncodedProductId(product_id)\n const ratingsResult = await getRatingDetails(sku)\n\n if (!checkIfReviewsAvailable(ratingsResult)) {\n this.reviewAllLoaded()\n this.bindEvent()\n this.handleForm()\n return\n }\n\n this.reviewResult = await getNapiProductReviews(sku)\n\n this.renderListHeader()\n }\n\n renderListHeader() {\n this.unbindEvent()\n const { reviews_panel } = this.props\n\n this.reviewAllLoaded()\n const sortDropDownData = this.renderSortBy(this.reviewResult)\n\n let moreReview = ''\n\n if (this.reviewResult.pageIndex < this.reviewResult.pageCount - 1) {\n moreReview = this.renderSeeAllReviews()\n }\n\n this.allElement.innerHTML = `\n <div class=\"cb-sort-bar\">\n <h3 class=\"t-md-700\">${reviews_panel.label_all_reviews}</h3>\n <nb-dropdown data=\"${stringifyForAttribute(sortDropDownData)}\"></nb-dropdown>\n </div>\n <div class=\"cb-details\">\n <nb-loader></nb-loader>\n </div>\n ${moreReview}\n `\n\n this.renderList()\n this.bindEvent()\n this.handleForm()\n }\n\n handleForm() {\n const urlParams = new URLSearchParams(window.location.search)\n if (urlParams.get('shouldOpenReview') === 'true') {\n if (sessionStorage.getItem('reviewPopUpOpened') !== 'true') {\n if (!this.writeReviewBtn) {\n this.bindEvent()\n }\n this.writeReviewBtn.click()\n }\n sessionStorage.setItem('reviewPopUpOpened', 'true')\n }\n }\n\n renderSortBy() {\n const { reviews_panel } = this.props\n const availableSortCriteria = this.reviewResult.availableSortCriteria\n const sortCriteria = this.reviewResult.sortCriteria\n\n const sortOptions = availableSortCriteria.map(element => {\n return {\n label: reviews_panel[`dropdown_${element}_option_label`],\n checked: element === sortCriteria,\n value: element\n }\n })\n\n return {\n ...reviews_panel.sort_dropdown,\n options: sortOptions\n }\n }\n\n renderList() {\n const reviewDetailsElem = this.querySelector('.cb-details')\n\n reviewDetailsElem.innerHTML = this.reviewResult.reviews\n .map(review => this.renderReview(review))\n .join('')\n }\n\n renderReview(review) {\n const { reviews_panel } = this.props\n const { date, rating, author, title, content } = review\n const { a11y_label_author_by } = reviews_panel\n const formattedDate = new Date(date).toLocaleDateString('en-GB')\n\n return `<article>\n <header>\n <nb-rating stars=\"${rating}\" hide_star_number=\"true\"></nb-rating>\n <time datetime=\"${formattedDate}\" class=\"t-sm-400\">${a11y_label_author_by} ${author} - ${formattedDate}</time>\n </header>\n <h4 class=\"t-xs-700-sl\">${title}</h4>\n <p class=\"t-sm-400\">${content}</p>\n <footer>\n ${this.renderReviewHelpfulMsg(review)}\n </footer>\n ${this.renderReplies(review)}\n </article>`\n }\n\n renderReviewHelpfulMsg(review) {\n const {\n reviews_panel: { msg_review_helpful, button_review_helpful }\n } = this.props\n\n const { recommendationCount = 0 } = review\n\n if (!msg_review_helpful) {\n return ''\n }\n\n const countElement =\n recommendationCount > -1 ? `<span class=\"t-xs-500\">${recommendationCount}</span>` : ''\n\n return `\n <p class=\"t-xs-500\">${msg_review_helpful}</p>\n <button class=\"js-like\" ${\n !isLoggedIn() ? 'disabled=true' : ''\n } aria-label=\"${button_review_helpful}\">\n <nb-icon icon=\"24/symbol/upvote\" data-reviewid=\"${review.id}\"></nb-icon>\n ${countElement}\n </button>\n `\n }\n\n renderReplies(review) {\n const { replies } = review\n\n if (!replies || !replies.length) {\n return ''\n }\n\n return `<aside>${replies.map(reply => this.renderReply(reply)).join('')}</aside>`\n }\n\n renderReply(reply) {\n const { author = 'Nesspresso', title, content } = reply\n if (!content) {\n return ''\n }\n\n let header = author.trim().replace('NesspressoAdmin', 'Nesspresso')\n if (title) {\n header += ` - ${title}`\n }\n\n return `<div class='cb-reply'>\n <h5 class=\"t-sm-400-sl\">\n <nb-icon icon=\"logotypes/nespresso/nespresso-monogram-dark\"></nb-icon>\n <span class=\"t-sm-400-sl\">${header}</span>\n </h5>\n <p class=\"t-sm-400\">${content}</p>\n </div>`\n }\n\n async onSeeMore() {\n const { sku } = this.props\n const currentScrollPosition = window.scrollY\n const reviewDetailsElem = this.querySelector('.cb-details')\n reviewDetailsElem.innerHTML = `<nb-loader></nb-loader>`\n\n const previousReviews = this.reviewResult.reviews\n this.pageIndex++\n let payload\n let skuData\n\n try {\n skuData = await getProduct(sku)\n } catch (e) {\n console.error(`Error: Component Review List - onSeeMore - ${e}`)\n return\n }\n\n const eventDetailsForSeeMore = {\n event: 'rating_and_reviews_interaction',\n event_raised_by: 'page builder',\n action_type: 'see more review click',\n item_id_event: skuData.internationalId,\n item_name_event: skuData.internationalName,\n item_category_event: skuData.type,\n item_technology_event: getTechnologyName(skuData),\n item_range_event: skuData.category,\n item_price_event: skuData.unitPrice,\n event_GA4: true\n }\n\n customEvent(eventDetailsForSeeMore)\n\n try {\n payload = await getNapiProductReviews(sku, this.sort, this.pageIndex)\n } catch (e) {\n console.error(`Error: Component Review List - onSeeMore - ${e}`)\n this.renderListHeader()\n return\n }\n\n this.reviewResult = {\n ...payload,\n reviews: [...previousReviews, ...payload.reviews]\n }\n\n this.renderListHeader()\n window.scrollTo(0, currentScrollPosition)\n }\n\n async onSortBy(e) {\n const { sku } = this.props\n\n const reviewDetailsElem = this.querySelector('.cb-details')\n if (!reviewDetailsElem) {\n return\n }\n\n reviewDetailsElem.innerHTML = `<nb-loader></nb-loader>`\n\n this.sort = e.detail.selected.value\n this.pageIndex = 0\n let payload\n\n try {\n payload = await getNapiProductReviews(sku, this.sort, this.pageIndex)\n } catch (err) {\n console.error(`Error: Component Review List - onSeeMore - ${err}`)\n this.renderListHeader()\n return\n }\n\n this.reviewResult = payload\n\n this.renderListHeader()\n }\n\n async onLike(e) {\n const likeIconEl = e.target.closest('nb-icon')\n\n if (!likeIconEl) {\n return\n }\n\n const reviewId = likeIconEl.dataset.reviewid\n const { sku } = this.props\n\n if (!reviewId) {\n console.error(`Error: Review ID not available - onLike`)\n return\n }\n\n const likeResult = await postNapiLike(sku, reviewId)\n\n if (likeResult?.numberOfLikes) {\n likeIconEl.nextElementSibling.innerHTML = likeResult.numberOfLikes\n }\n }\n\n renderSeeAllReviews() {\n const { reviews_panel } = this.props\n const { label_see_more } = reviews_panel\n\n if (!label_see_more) {\n return ''\n }\n\n const linkOptions = {\n size: 'large',\n color: 'gold',\n link: '',\n campaign_id: '',\n campaign_name: '',\n campaign_creative: '',\n campaign_position: ''\n }\n\n return `<nb-link data=\"${stringifyForAttribute(linkOptions)}\">${label_see_more}</nb-link>`\n }\n\n async onOpenPopin() {\n const { campaign = {}, reviews_panel: { cta } = {} } = this.props\n const { label } = cta\n let skuData\n\n try {\n skuData = await getProduct(this.props.product_id)\n } catch (e) {\n console.error(`Error: Component Review List - onOpenPopin - ${e}`)\n return\n }\n\n const eventDetailsForWriteReview = {\n event: 'rating_and_reviews_interaction',\n event_raised_by: 'page builder',\n action_type: 'write a review click',\n item_id_event: skuData.internationalId,\n item_name_event: skuData.internationalName,\n item_category_event: skuData.type,\n item_technology_event: getTechnologyName(skuData),\n item_range_event: skuData.category,\n item_price_event: skuData.unitPrice,\n event_GA4: true\n }\n\n customEvent(eventDetailsForWriteReview)\n\n if (label) {\n handlePromoClick({ campaign, cta_name: `CTA - ${label}` })\n }\n\n if (isLoggedIn()) {\n dispatchEvent({ eventName: EVENT_POPIN_OPEN, args: { id: POPIN_ID } })\n }\n }\n\n // Todo : We will need to remove this if modal is updated by DS Team with always title on top with icon before\n popinFormToggleTitle() {\n this.popin = this.querySelector('nb-popin')\n if (this.popin.classList.contains(HIDE_POPIN_TITLE)) {\n this.popin.classList.remove(HIDE_POPIN_TITLE)\n } else {\n this.popin.classList.add(HIDE_POPIN_TITLE)\n }\n }\n\n bindEvent() {\n this.writeReviewBtn = this.querySelector(`.cb-intro nb-cta`)\n this.seeMoreBtn = this.querySelector(`nb-link`)\n this.likesBtn = this.querySelectorAll(`.js-like`)\n this.sortByBtn = this.querySelector('nb-dropdown')\n // Todo : We will need to remove this if modal is updated by DS Team with always title on top with icon before\n window.addEventListener(EVENT_POPIN_FORM_TOGGLE_TITLE, this.boundPopinFormToggleTitle)\n\n if (this.writeReviewBtn) {\n this.writeReviewBtn.addEventListener('click', this.boundOpenPopin)\n }\n if (this.seeMoreBtn) {\n this.seeMoreBtn.addEventListener('click', this.boundOnSeeMore, { once: true })\n }\n if (this.likesBtn) {\n this.likesBtn.forEach(likeBtn => {\n likeBtn.addEventListener('click', this.boundOnLike, { once: true })\n })\n }\n if (this.sortByBtn) {\n this.sortByBtn.addEventListener(EVENT_SORT_BY_CHANGE, this.boundOnSortBy)\n }\n }\n\n unbindEvent() {\n // Todo : We will need to remove this if modal is updated by DS Team with always title on top with icon before\n window.removeEventListener(EVENT_POPIN_FORM_TOGGLE_TITLE, this.boundPopinFormToggleTitle)\n if (this.writeReviewBtn) {\n this.writeReviewBtn.removeEventListener('click', this.boundOpenPopin)\n }\n if (this.seeMoreBtn) {\n this.seeMoreBtn.removeEventListener('click', this.boundOnSeeMore)\n }\n if (this.likesBtn) {\n this.likesBtn.forEach(likeBtn => {\n likeBtn.removeEventListener('click', this.boundOnLike)\n })\n }\n if (this.sortByBtn) {\n this.sortByBtn.removeEventListener('click', this.boundOnSortBy)\n }\n }\n\n disconnectedCallback() {\n this.unbindEvent()\n }\n}\n\ncustomElements.get('nb-reviews-list') || customElements.define('nb-reviews-list', ReviewsList)\n\nexport default ReviewsList\n","import {\n getRatingPercentage,\n isRated,\n isRatingEnabled,\n getRatingDetails\n} from '@kissui/helpers/src/rating.service'\nimport { interpolate } from '@kissui/helpers/src/utils'\n\nexport const renderSummary = async (product, { rating_summary }, element_rating_block) => {\n let ratingDetails = renderNoRatings(rating_summary)\n\n if (isRatingEnabled(product)) {\n const ratingsResult = await getRatingDetails(product.legacyId)\n\n if (isRated(ratingsResult, 0)) {\n ratingDetails = await renderRatings(rating_summary, ratingsResult)\n }\n }\n\n element_rating_block.innerHTML = ratingDetails\n}\n\nconst renderNoRatings = ({ msg_no_rating, msg_be_first_to_rate }) => `\n <nb-rating stars=\"0\" hide_star_number=\"true\"></nb-rating>\n <p class=\"t-sm-400\">${msg_no_rating}</p>\n <p class=\"t-sm-700\">${msg_be_first_to_rate}</p>\n`\n\nconst renderRatings = async (rating_summary, ratingsResult) => {\n const { heading, rating_review_label = '', a11y_label_average } = rating_summary\n\n return `<h3 class=\"t-md-700\">${heading}</h3>\n <div class=\"cb-average\">\n <p class=\"h-3xl-700\">${\n Math.round(ratingsResult.ratingAverage * 10) / 10\n } <span class='sr-only'>${a11y_label_average}</span></p>\n <div class='cb-star-container'>\n <nb-rating stars=\"${\n ratingsResult.ratingAverage\n }\" hide_star_number=\"true\"></nb-rating>\n <p class=\"cb-number t-xs-500\">(${\n ratingsResult.reviewCount\n } ${rating_review_label})</p>\n </div>\n </div>\n ${renderRatingsBarBlock(\n rating_summary,\n getRatingPercentage(ratingsResult.ratingSpread)\n )}\n ${ratingRecommendedText(rating_summary, ratingsResult)}\n `\n}\n\nconst ratingRecommendedText = (rating_summary, { recommendationRateInPercent }) => {\n const { recommend_label } = rating_summary\n const recommended_percentage = recommendationRateInPercent || 0\n\n if (!recommended_percentage) {\n return ''\n }\n\n const html = content => {\n content = interpolate(\n content,\n {\n recommended_percentage\n },\n '{',\n '}'\n )\n return `<p class=\"cb-recommend t-sm-400-sl\">${content}</p>`\n }\n\n return html(recommend_label)\n}\n\nconst renderRatingsBarBlock = (rating_summary, ratingPercentArray) => {\n const { a11y_label_star } = rating_summary\n\n if (!ratingPercentArray || !ratingPercentArray.length) {\n return ''\n }\n\n return ratingPercentArray\n .reverse()\n .map((element, index) =>\n renderRatingBar(ratingPercentArray.length - index, element, a11y_label_star)\n )\n .join('')\n}\n\nconst renderRatingBar = (number, percent, a11y_label_star) => {\n return `\n <div class=\"cb-rating-bar\">\n <p class=\"cb-stars t-xs-700\">${number} <span class=\"sr-only\">${a11y_label_star}</span></p>\n <nb-icon icon=\"24/symbol/star\"></nb-icon>\n <div aria-hidden='true'><span style=\"width: ${percent}%\"></span></div>\n <p class=\"cb-percent t-sm-400-sl\">${Math.round(percent)}%</p>\n </div>`\n}\n","import createProps from '@kissui/helpers/src/props.helpers'\nimport { getProduct } from '@kissui/helpers/src/catalog'\nimport { renderSummary } from './fragments/summary'\nimport { stringifyForAttribute } from '@kissui/helpers/src/utils'\n\nclass RatingReviews extends HTMLElement {\n constructor() {\n super()\n this.product = {}\n }\n\n connectedCallback() {\n this.props = createProps(this.attributes)\n this.render()\n }\n\n render() {\n const { id, name, creative, position } = this.props.campaign\n this.className = 'nb-rr'\n\n this.innerHTML = `\n <nb-container\n campaign_id=\"${id}\"\n campaign_name=\"${name}\"\n campaign_creative=\"${creative}\"\n campaign_position=\"${position}\"\n classname=\"pt9 pb9\"\n contrast=\"light\"\n background_color=\"highlight_040\">\n ${this.renderHeading()}\n <div class=\"cb-rating\"><nb-loader></nb-loader></div>\n <div class=\"cb-reviews\"><nb-loader></nb-loader></div>\n </nb-container>\n `\n\n this.checkRatingReviewsAvailability().then()\n }\n\n renderHeading() {\n const { heading } = this.props.copywriting\n\n if (!heading) {\n return ''\n }\n\n return `<h2 class=\"h-3xl-300\">${heading}</h2>`\n }\n\n async checkRatingReviewsAvailability() {\n const { sku, reviews_panel, rating_submit } = this.props.copywriting\n const { campaign } = this.props\n\n const product = await getProduct(sku)\n\n await renderSummary(product, this.props.copywriting, this.querySelector('.cb-rating'))\n\n const reviewInformation = {\n product_id: product.id,\n product_name: product.internationalName,\n sku,\n reviews_panel,\n rating_submit,\n campaign\n }\n\n this.querySelector('.cb-reviews').innerHTML = `\n <nb-reviews-list data=\"${stringifyForAttribute(reviewInformation)}\"></nb-reviews-list>`\n }\n}\n\ncustomElements.get('nb-rating-reviews') || customElements.define('nb-rating-reviews', RatingReviews)\n\nexport default RatingReviews\n"],"names":["createProps","attributes","data","find","attribute","nodeName","getData","props","filter","reduce","all","attr","nodeValue","isNil","JSON","parse","error","console","log","obj","getRatingDetails","async","sku","key","itemStr","localStorage","getItem","item","Date","getTime","expiry","value","removeItem","getWithExpiry","undefined","window","napi","ratings","summary","setWithExpiry","API_RATING_CACHE_TTL","setItem","stringify","getNapiProductReviews","sort","page","read","removeEmptyValues","findText","text","includes","stringifyForAttribute","escapeHtml","map","replace","m","DOMParser","getDataLayer","padlNamespace","dataLayer","getMarketCode","app","market","toLocaleLowerCase","getLangCode","pageInfo","language","isLoggedIn","user","dispatchEvent","eventName","args","element","Error","event","CustomEvent","detail","bubbles","Event","document","createEvent","initEvent","EVENT_POPIN_CLOSE","EVENT_POPIN_FORM_TOGGLE_TITLE","TECHNOLOGY_CATEGORY_IDENTIFIER","getProduct","catalog","trimSku","getTechnologyName","productData","techno","technologies","substring","indexOf","emitCustomEvent","customEvent","cancelable","composed","raisedByPB","eventData","gtmDataObject","event_GA4","eventRaisedBy","event_raised_by","push","selectPromotion","cta_name","ecommerce","Object","keys","length","id","creative","name","position","ecommerceData","promotion_id","promotion_name","creative_slot","creative_name","POPIN_ID","HIDE_POPIN_TITLE","ReviewsList","HTMLElement","constructor","this","reviewResult","pageIndex","boundOnSeeMore","onSeeMore","bind","boundOnLike","onLike","boundOpenPopin","onOpenPopin","boundOnSortBy","onSortBy","boundPopinFormToggleTitle","popinFormToggleTitle","seeMoreBtn","sortByBtn","encodedProductId","connectedCallback","render","innerHTML","renderIntroduction","allElement","querySelector","loadReviews","then","catch","payload","finally","prepareFormSubmit","formElement","submitValidForm","e","skuData","URLSearchParams","pair","formData","append","formDataObject","recommended","anonymous","fromEntries","entries","rating","Number","formDataJsonString","fetch","url","method","headers","Accept","body","request","status","onSuccess","btnBack","addEventListener","eventDetailsForWriteReview","action_type","review_recommend","review_anonymous","review_rating","item_id_event","internationalId","item_name_event","internationalName","item_category_event","type","item_technology_event","item_range_event","category","item_price_event","unitPrice","json","response","message","onError","reviews_panel","heading","msg_to_review","renderCtaWriteReview","renderModalReview","cta","label","shouldOpenReview","location","search","link","pathname","rating_submit","a11y_label_popin_close","reviewAllLoaded","classList","remove","product_id","longSku","btoa","ratingsResult","reviewCount","checkIfReviewsAvailable","bindEvent","handleForm","renderListHeader","unbindEvent","sortDropDownData","renderSortBy","moreReview","pageCount","renderSeeAllReviews","label_all_reviews","renderList","get","sessionStorage","writeReviewBtn","click","availableSortCriteria","sortCriteria","sortOptions","checked","sort_dropdown","options","reviews","review","renderReview","join","date","author","title","content","a11y_label_author_by","formattedDate","toLocaleDateString","renderReviewHelpfulMsg","renderReplies","msg_review_helpful","button_review_helpful","recommendationCount","countElement","replies","reply","renderReply","header","trim","currentScrollPosition","scrollY","previousReviews","eventDetailsForSeeMore","scrollTo","reviewDetailsElem","selected","err","likeIconEl","target","closest","reviewId","dataset","reviewid","likeResult","like","postNapiLike","numberOfLikes","nextElementSibling","label_see_more","size","color","campaign_id","campaign_name","campaign_creative","campaign_position","campaign","cleanedData","handlePromoClick","popin","contains","add","likesBtn","querySelectorAll","once","forEach","likeBtn","removeEventListener","disconnectedCallback","customElements","define","renderNoRatings","msg_no_rating","msg_be_first_to_rate","renderRatings","rating_summary","rating_review_label","a11y_label_average","Math","round","ratingAverage","renderRatingsBarBlock","ratingSpread","ratingAverageSum","partialSum","getRatingPercentage","ratingRecommendedText","recommendationRateInPercent","recommend_label","recommended_percentage","txt","vars","stChr","enChr","curIdx","stIdx","enIdx","hashId","substr","interpolate","ratingPercentArray","a11y_label_star","reverse","index","renderRatingBar","number","percent","RatingReviews","product","className","renderHeading","checkRatingReviewsAvailability","copywriting","element_rating_block","ratingDetails","isRatingEnabled","productRatings","ratingEnabled","legacyId","isRated","minimum_rating","renderSummary","reviewInformation","product_name"],"mappings":"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"}