{"version":3,"file":"personalization.js","mappings":"mBAGO,MCIDA,EAA2BC,IAC7B,MAAMC,EDL2BC,KACjC,MAAMC,EAAMC,SAASC,eAAeH,GACpC,QAAIC,GAE0C,SAAvCA,EAAIG,UAAUC,OAAOC,aAA5B,ECCwBC,CAAqBT,EAAKU,WAE5CC,EAAW,IAAH,OAAQX,EAAKY,yBAAb,KACRC,EAAST,SAASU,iBAAiBH,GAEzC,IAAI,MAAMI,KAAQF,EAAQ,OACtB,MAAMG,EAAmG,UAAlF,UAACD,EAAKE,aAAajB,EAAKY,iCAAxB,QAAqD,IAAIJ,cAAcD,OAC9F,GAAIS,GAAkBf,IAAsBe,IAAmBf,EAAkB,OAC7Ec,EAAKG,UAAUC,OAAO,UAEtB,MAAMC,GAAW,UAACL,EAAKE,aAAa,yBAAnB,QAAwC,IAAIT,cAAcD,OAC7D,MAAVa,IACA,UAAAhB,SAASC,eAAee,UAAxB,SAAmCF,UAAUG,IAAI,UAExD,CACJ,GAwCLjB,SAASkB,iBAAiB,oBAAoB,KAjCX,MAa/B,MAAMC,EAA+C,CACjD,CACIb,UAAW,8BACXE,yBAA0B,2BAE9B,CACIF,UAAW,sBACXE,yBAA0B,4BAE9B,CACIF,UAAW,6BACXE,yBAA0B,oCAIlC,IAAI,MAAMY,KAAuBD,EAC7BxB,EAAwByB,EAC3B,EAIDC,EAAqB,G","sources":["webpack://waves/./src/domain/hidden-data-provider.ts","webpack://waves/./src/projects/personalization/index.ts"],"sourcesContent":["/**\r\n * get boolean value from the hidden div\r\n */\r\nexport const getHiddenDataBoolean = (id: string) => {\r\n    const $el = document.getElementById(id);\r\n    if(!$el) return false;\r\n\r\n    return $el.innerText.trim().toLowerCase() === 'true';\r\n};\r\n\r\n/**\r\n * get string value from the hidden div\r\n */\r\nexport const getHiddenDataString = (id: string) => {\r\n    const $el = document.getElementById(id);\r\n    if(!$el || !$el.innerText) return '';\r\n\r\n    return $el.innerText.trim();\r\n};\r\n\r\n/**\r\n * get numeric value from the hidden div\r\n */\r\nexport const getHiddenDataNumber = (id: string) => {\r\n    const $el = document.getElementById(id);\r\n    if(!$el || !$el.innerText) return 0;\r\n\r\n    return Number($el.innerText.trim()) || 0;\r\n};\r\n\r\n\r\n/**\r\n * is user authenticated\r\n */\r\nexport const getIsAuthenticated = () => {\r\n    return getHiddenDataBoolean('is-user-authenticated');\r\n};\r\n\r\n/**\r\n * get waves user email printed in the hidden DIV\r\n */\r\nexport const getWavesUserEmail = () => {\r\n    const $el = document.getElementById('waves-user-email');\r\n    if(!$el || !$el.textContent) return '';\r\n    return $el.textContent.trim();\r\n};\r\n\r\n/**\r\n * is china\r\n */\r\nexport const getIsChina = () => {\r\n    return getHiddenDataBoolean('is-china');\r\n};\r\n\r\n/**\r\n * is Kentico environment\r\n */\r\nexport const getEnvironment = () => {\r\n    return getHiddenDataString('kentico-environment');\r\n};","import { getHiddenDataBoolean } from '../../domain/hidden-data-provider';\r\n\r\nexport interface IPersonalizationItem {\r\n    dataDivId: string;\r\n    placeholderDataAttribute: string;\r\n}\r\n\r\nconst initPersonalizationItem = (item: IPersonalizationItem) => {\r\n    const userHasProperty = getHiddenDataBoolean(item.dataDivId);\r\n\r\n    const selector = `[${ item.placeholderDataAttribute }]`; // [data-user-has-perpetual]\r\n    const $boxes = document.querySelectorAll(selector);\r\n\r\n    for(const $box of $boxes) {\r\n        const boxHasProperty = ($box.getAttribute(item.placeholderDataAttribute) ?? '').toLowerCase().trim() === 'true';\r\n        if((boxHasProperty && userHasProperty) || (!boxHasProperty && !userHasProperty)) {\r\n            $box.classList.remove('hidden');\r\n\r\n            const loaderID = ($box.getAttribute('data-loader-id') ?? '').toLowerCase().trim();\r\n            if (loaderID) {\r\n                document.getElementById(loaderID)?.classList.add('hidden');\r\n            }\r\n        }\r\n    }\r\n};\r\n\r\n/**\r\n * https://wavesaudio.atlassian.net/browse/DSWEB-4243\r\n * <script src=\"{% ReactResource(\"personalization.js\")%}\"></script>\r\n */\r\nexport const initPersonalization = () => {\r\n    /*\r\n    printed on page:\r\n    <div id=user-has-perpetual-products>True</div>\r\n    <div id=user-has-active-wca>True</div>\r\n\r\n    script to handle:\r\n    <div data-user-has-perpetual=\"false\" class=\"hidden\">SBS banner for users with no perpetual products</div>\r\n    <div data-user-has-perpetual=\"true\" class=\"hidden\">Sale banner for users with perpetual products</div>\r\n    <div data-user-has-active-wca=\"true\" class=\"hidden\">Lorem Ipsum</div>\r\n    <div data-user-has-active-wca=\"false\" class=\"hidden\">Lorem Ipsum</div>\r\n    */\r\n\r\n    const personalizationItems: IPersonalizationItem[] = [\r\n        {\r\n            dataDivId: 'user-has-perpetual-products',\r\n            placeholderDataAttribute: 'data-user-has-perpetual',\r\n        },\r\n        {\r\n            dataDivId: 'user-has-active-wca',\r\n            placeholderDataAttribute: 'data-user-has-active-wca',\r\n        },\r\n        {\r\n            dataDivId: 'user-has-sbs-payment-issue',\r\n            placeholderDataAttribute: 'data-user-has-sbs-payment-issue',\r\n        },\r\n    ];\r\n\r\n    for(const personalizationItem of personalizationItems) {\r\n        initPersonalizationItem(personalizationItem);\r\n    }\r\n};\r\n\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    initPersonalization();\r\n});"],"names":["initPersonalizationItem","item","userHasProperty","id","$el","document","getElementById","innerText","trim","toLowerCase","getHiddenDataBoolean","dataDivId","selector","placeholderDataAttribute","$boxes","querySelectorAll","$box","boxHasProperty","getAttribute","classList","remove","loaderID","add","addEventListener","personalizationItems","personalizationItem","initPersonalization"],"sourceRoot":""}