@everymatrix/casino-challenges-overlay 0.13.30 → 0.13.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- import{s as M,a as i,b as e}from"./casino-challenges-overlay-0979dd1a.js";export{C as casino_challenges_overlay}from"./casino-challenges-overlay-0979dd1a.js";import{r as D,h as g}from"./index-4cb6ae8e.js";const t={en:{congrats:"Congratulations!",continue:"Continue",errorBtnText:"Ok",errorTitle:"Reward failed",errorSubTitle:"Sorry — we couldn’t grant the reward. Please try again.",level:"Level",completed:"has been completed!",youWon:"You have won",physicalReward:"for physical rewards please contact ",linkText:"Customer Support"}},a=(M,i)=>t[void 0!==i&&i in t?i:"en"][M],N=class{constructor(M){D(this,M),this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.isOpen=!1,this.reward="",this.addition=!1,this.handleClick=()=>{},this.errored=!1,this.orderNumber=0}handleClientStylingChange(i,e){i!=e&&M(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(M,e){M!=e&&i(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(M,i){M!=i&&e(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}componentWillLoad(){this.translationUrl&&(async M=>{if(M)try{const e=await fetch(M);if(!e.ok)throw new Error(`HTTP error! status: ${e.status}`);const D=await e.json();i=D,Object.keys(i).forEach((M=>{t[M]||(t[M]={});for(let e in i[M])t[M][e]=i[M][e]}))}catch(M){console.error("Failed to fetch or parse translations from URL:",M)}var i})(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&e(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&M(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&i(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return g("div",{key:"6c704266619b5ad109ec6289d65fd6a26f827951",ref:M=>this.stylingContainer=M,class:`ModalOverlay ${this.isOpen&&"Open"}`},g("div",{key:"65b800fd71f65afa246804ff35116bc0f2a6ff6b",class:"ModalWinAnimation"}),g("div",{key:"51df6e0c7d487762f0da0c874805c1e34a520fc2",class:"ModalContent GradientBorder"},g("div",{key:"ac9b44635eb8cb1fda4d1a4549c42c5e7055fc18",class:"InnerContainer"},!this.errored&&g("div",{key:"7b5e93f30b1cb40af1d8f621f13d1e18bb1a06b6",class:"ImageWrapper"},g("img",{key:"4e7867d129678e327ffc12d1da93b31bef4bc3b8",src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIyIDIzIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNDY0MjkgMi41QzcuMjE0NDIgMi41IDYuOTcxMDYgMi42MDA5IDYuNzg4NzggMi43ODY0OUM2LjYwNTkgMi45NzI3IDYuNTAwMDEgMy4yMjkwMyA2LjUwMDAxIDMuNUM2LjUwMDAxIDMuNzcwOTcgNi42MDU5IDQuMDI3MyA2Ljc4ODc4IDQuMjEzNTFDNi45NzEwNiA0LjM5OTEgNy4yMTQ0MiA0LjUgNy40NjQyOSA0LjVIOS42MzQyNUM5LjU2MTg3IDQuMzI4NjUgOS40Nzg1NyA0LjE1MTE2IDkuMzgzNTYgMy45NzUyN0M4Ljg5NzY5IDMuMDc1ODEgOC4yNzM5OCAyLjUgNy40NjQyOSAyLjVaTTEwIDYuNVY5LjVMMi42MDAwMSA5LjVDMi4zMDM0OCA5LjUgMi4xNDEyMiA5LjQ5OTIyIDIuMDI0NjQgOS40ODk3QzIuMDIgOS40ODkzMiAyLjAxNTYgOS40ODg5MyAyLjAxMTQ1IDkuNDg4NTVDMi4wMTEwNyA5LjQ4NDQgMi4wMTA2OSA5LjQ4MDAxIDIuMDEwMzEgOS40NzUzN0MyLjAwMDc4IDkuMzU4NzggMi4wMDAwMSA5LjE5NjUzIDIuMDAwMDEgOC45VjcuMUMyLjAwMDAxIDYuODAzNDcgMi4wMDA3OCA2LjY0MTIyIDIuMDEwMzEgNi41MjQ2M0MyLjAxMDY5IDYuNTE5OTkgMi4wMTEwNyA2LjUxNTYgMi4wMTE0NSA2LjUxMTQ1QzIuMDE1NiA2LjUxMTA3IDIuMDIgNi41MTA2OCAyLjAyNDY0IDYuNTEwM0MyLjE0MTIyIDYuNTAwNzggMi4zMDM0OCA2LjUgMi42MDAwMSA2LjVIMTBaTTQuNjY5NTMgNC41QzQuNTU4MjIgNC4xODEzMyA0LjUwMDAxIDMuODQzMzkgNC41MDAwMSAzLjVDNC41MDAwMSAyLjcxMDExIDQuODA4MDIgMS45NDkwMiA1LjM2MTg4IDEuMzg1MDhDNS45MTYzNSAwLjgyMDUzMSA2LjY3MjI0IDAuNSA3LjQ2NDI5IDAuNUM5LjI1OSAwLjUgMTAuMzcyNSAxLjcxODQ1IDExIDIuNzcyMjNDMTEuNjI3NSAxLjcxODQ1IDEyLjc0MSAwLjUgMTQuNTM1NyAwLjVDMTUuMzI3OCAwLjUgMTYuMDgzNyAwLjgyMDUzMSAxNi42MzgxIDEuMzg1MDhDMTcuMTkyIDEuOTQ5MDIgMTcuNSAyLjcxMDExIDE3LjUgMy41QzE3LjUgMy44NDMzOSAxNy40NDE4IDQuMTgxMzMgMTcuMzMwNSA0LjVMMTkuNDMxOSA0LjVDMTkuNjg0MyA0LjQ5OTk3IDE5LjkzMDEgNC40OTk5NCAyMC4xMzgyIDQuNTE2OTVDMjAuMzY2OCA0LjUzNTYyIDIwLjYzNjYgNC41Nzk2OSAyMC45MDggNC43MTc5OUMyMS4yODQzIDQuOTA5NzMgMjEuNTkwMyA1LjIxNTcgMjEuNzgyIDUuNTkyMDJDMjEuOTIwMyA1Ljg2MzQ0IDIxLjk2NDQgNi4xMzMxOCAyMS45ODMxIDYuMzYxNzdDMjIuMDAwMSA2LjU2OTkyIDIyIDYuODE1NzEgMjIgNy4wNjgwOFY4LjkzMTkyQzIyIDkuMTg0MjkgMjIuMDAwMSA5LjQzMDA4IDIxLjk4MzEgOS42MzgyM0MyMS45NjQ0IDkuODY2ODIgMjEuOTIwMyAxMC4xMzY2IDIxLjc4MiAxMC40MDhDMjEuNTkwMyAxMC43ODQzIDIxLjI4NDMgMTEuMDkwMyAyMC45MDggMTEuMjgyQzIwLjYzNjYgMTEuNDIwMyAyMC4zNjY4IDExLjQ2NDQgMjAuMTM4MiAxMS40ODMxQzIwLjA5MzggMTEuNDg2NyAyMC4wNDc2IDExLjQ4OTUgMjAgMTEuNDkxOFYxOC4zMzg2QzIwIDE4Ljg2NTcgMjAgMTkuMzIwNSAxOS45Njk0IDE5LjY5NUMxOS45MzcxIDIwLjA5MDQgMTkuODY1OCAyMC40ODM2IDE5LjY3MyAyMC44NjJDMTkuMzg1NCAyMS40MjY1IDE4LjkyNjUgMjEuODg1NCAxOC4zNjIgMjIuMTczQzE3Ljk4MzYgMjIuMzY1OCAxNy41OTA0IDIyLjQzNzEgMTcuMTk1IDIyLjQ2OTRDMTYuODIwNSAyMi41IDE2LjM2NTcgMjIuNSAxNS44Mzg2IDIyLjVIMTEuMDAxNEgxMUwxMC45OTg2IDIyLjVINi4xNjE0NEM1LjYzNDMgMjIuNSA1LjE3OTU0IDIyLjUgNC44MDQ5OCAyMi40Njk0QzQuNDA5NjMgMjIuNDM3MSA0LjAxNjQxIDIyLjM2NTggMy42MzgwMyAyMi4xNzNDMy4wNzM1NSAyMS44ODU0IDIuNjE0NiAyMS40MjY1IDIuMzI2OTkgMjAuODYyQzIuMTM0MTkgMjAuNDgzNiAyLjA2Mjg4IDIwLjA5MDQgMi4wMzA1NyAxOS42OTVDMS45OTk5NyAxOS4zMjA1IDEuOTk5OTkgMTguODY1NyAyIDE4LjMzODVMMi4wMDAwMSAxMS40OTE4QzEuOTUyNDEgMTEuNDg5NSAxLjkwNjI0IDExLjQ4NjcgMS44NjE3OCAxMS40ODMxQzEuNjMzMTggMTEuNDY0NCAxLjM2MzQ1IDExLjQyMDMgMS4wOTIwMiAxMS4yODJDMC43MTU3MDEgMTEuMDkwMyAwLjQwOTczOSAxMC43ODQzIDAuMjE3OTkyIDEwLjQwOEMwLjA3OTY5NDcgMTAuMTM2NiAwLjAzNTYyNzEgOS44NjY4MiAwLjAxNjk1MDQgOS42MzgyM0MtNS42ODYxZS0wNSA5LjQzMDA3IC0yLjc0MTYxZS0wNSA5LjE4NDI4IDIuNTA1NDRlLTA2IDguOTMxOUw1LjI0NzI2ZS0wNiA3LjFDNS4yNDcyNmUtMDYgNy4wODkzNiAzLjkzNTk1ZS0wNiA3LjA3ODcyIDIuNjI0NjVlLTA2IDcuMDY4MUMtMi43Mjk2OWUtMDUgNi44MTU3MiAtNS42NzQxOGUtMDUgNi41Njk5MyAwLjAxNjk1MDUgNi4zNjE3N0MwLjAzNTYyNzQgNi4xMzMxOCAwLjA3OTY5NSA1Ljg2MzQ0IDAuMjE3OTkyIDUuNTkyMDJDMC40MDk3MzkgNS4yMTU2OSAwLjcxNTcgNC45MDk3MyAxLjA5MjAyIDQuNzE3OTlDMS4zNjM0NSA0LjU3OTY5IDEuNjMzMTggNC41MzU2MiAxLjg2MTc4IDQuNTE2OTVDMi4wNjk5MyA0LjQ5OTk0IDIuMzE1NzMgNC40OTk5NyAyLjU2ODExIDQuNUMyLjU3ODczIDQuNSAyLjU4OTM2IDQuNSAyLjYwMDAxIDQuNUg0LjY2OTUzWk00LjAwMDAxIDExLjVWMTguM0M0LjAwMDAxIDE4Ljg3NjYgNC4wMDA3OCAxOS4yNDg4IDQuMDIzOTMgMTkuNTMyMkM0LjA0NjEzIDE5LjgwMzggNC4wODM4MSAxOS45MDQ1IDQuMTA5IDE5Ljk1NEM0LjIwNDg3IDIwLjE0MjEgNC4zNTc4NSAyMC4yOTUxIDQuNTQ2MDEgMjAuMzkxQzQuNTk1NDYgMjAuNDE2MiA0LjY5NjE4IDIwLjQ1MzkgNC45Njc4NCAyMC40NzYxQzUuMjUxMTggMjAuNDk5MiA1LjYyMzQ1IDIwLjUgNi4yMDAwMSAyMC41SDEwVjExLjVINC4wMDAwMVpNMTIgMTEuNVYyMC41SDE1LjhDMTYuMzc2NiAyMC41IDE2Ljc0ODggMjAuNDk5MiAxNy4wMzIyIDIwLjQ3NjFDMTcuMzAzOCAyMC40NTM5IDE3LjQwNDYgMjAuNDE2MiAxNy40NTQgMjAuMzkxQzE3LjY0MjIgMjAuMjk1MSAxNy43OTUxIDIwLjE0MjIgMTcuODkxIDE5Ljk1NEMxNy45MTYyIDE5LjkwNDUgMTcuOTUzOSAxOS44MDM4IDE3Ljk3NjEgMTkuNTMyMkMxNy45OTkyIDE5LjI0ODggMTggMTguODc2NiAxOCAxOC4zVjExLjVIMTJaTTE5LjQgOS41QzE5LjY5NjUgOS41IDE5Ljg1ODggOS40OTkyMiAxOS45NzU0IDkuNDg5N0MxOS45OCA5LjQ4OTMyIDE5Ljk4NDQgOS40ODg5MyAxOS45ODg2IDkuNDg4NTRDMTkuOTg4OSA5LjQ4NDQgMTkuOTg5MyA5LjQ4MDAxIDE5Ljk4OTcgOS40NzUzN0MxOS45OTkyIDkuMzU4NzggMjAgOS4xOTY1MyAyMCA4LjlWNy4xQzIwIDYuODAzNDcgMTkuOTk5MiA2LjY0MTIyIDE5Ljk4OTcgNi41MjQ2M0MxOS45ODkzIDYuNTE5OTkgMTkuOTg4OSA2LjUxNTYgMTkuOTg4NSA2LjUxMTQ1QzE5Ljk4NDQgNi41MTEwNyAxOS45OCA2LjUxMDY4IDE5Ljk3NTQgNi41MTAzQzE5Ljg1ODggNi41MDA3OCAxOS42OTY1IDYuNSAxOS40IDYuNUgxMlY5LjVIMTkuNFpNMTQuNTM1NyA0LjVDMTQuNzg1NiA0LjUgMTUuMDI4OSA0LjM5OTEgMTUuMjExMiA0LjIxMzUxQzE1LjM5NDEgNC4wMjczIDE1LjUgMy43NzA5NyAxNS41IDMuNUMxNS41IDMuMjI5MDMgMTUuMzk0MSAyLjk3MjcgMTUuMjExMiAyLjc4NjQ5QzE1LjAyODkgMi42MDA5IDE0Ljc4NTYgMi41IDE0LjUzNTcgMi41QzEzLjcyNiAyLjUgMTMuMTAyMyAzLjA3NTgxIDEyLjYxNjUgMy45NzUyN0MxMi41MjE0IDQuMTUxMTYgMTIuNDM4MSA0LjMyODY1IDEyLjM2NTggNC41SDE0LjUzNTdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjA1MV80MzkpIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjA1MV80MzkiIHgxPSIwIiB5MT0iMTEuNSIgeDI9IjIyIiB5Mj0iMTEuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMUU2NTRGIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFDOEQ1NiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPgo=",alt:"gift-box-icon"})),g("h1",{key:"05782d9c5b5f905bd726dfbd8a32b51b7993e6c8",class:"ModalHeader"},a(this.errored?"errorTitle":"congrats",this.language)),this.errored?g("div",{class:"ModalErrorMessage"},a("errorSubTitle",this.language)):g("div",{class:"ModalSubtitle"},`${a("level",this.language)} ${this.orderNumber} ${a("completed",this.language)}`,g("div",null,a("youWon",this.language)),g("div",{class:"ModalReward"},this.reward)),this.addition&&g("div",{key:"62617e0e83f280c03a51f347d5b4fa487ce327c8",class:"ModalAddition"},g("div",{key:"c2aa358edd22cc8fd710fd0e68ae83641652d329"},a("physicalReward",this.language)),g("span",{key:"1d116c9906d98b828628a4404988fc33103e9fb2"},a("linkText",this.language))),g("button",{key:"432cad82cd0590ae5c2939a33ba7f52dd4ad31e4",class:"ModalAction",onClick:this.handleClick},a(this.errored?"errorBtnText":"continue",this.language)))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};N.style=':host{display:block;font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}button{border:none;background:none;cursor:pointer;touch-action:manipulation}button:focus{outline:none}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0);justify-content:center;align-items:center;z-index:1}.ModalOverlay.Open{display:flex}.ModalContent{display:flex;flex-direction:column;align-items:center;position:relative;background:linear-gradient(90deg, var(--emw--color-background, #003E5C) 0.05%, var(--emw--color-background-secondary, #113B21) 87.69%);padding:26px;border-radius:26px;border:2px solid var(--emw--color-primary-variant, #1E654F);width:450px;max-width:90%;text-align:center;max-height:90dvh;min-height:100px;font-family:"Roboto", sans-serif}.InnerContainer{border-radius:20px;background:#F9F8F8;padding:25px;width:100%}.ImageWrapper{margin-bottom:6px}.ModalHeader{color:var(--emw--color-typography, #212529);text-align:center;font-family:var(--emw--button-typography, "PF BeauSans Pro", sans-serif);font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;letter-spacing:1px}.ModalSubtitle{color:var(--emw--color-gray-300, #212529);text-align:center;font-size:var(--emw--font-size-small, 14px);font-style:normal;font-weight:400;margin:16px 0 10px;line-height:22px}.ModalErrorMessage{color:var(--emw--color-typography, #212529);font-size:var(--emw--font-size-medium, 16px);line-height:24px;margin:10px 0 10px}.ModalReward{background:linear-gradient(90deg, var(--emw--color-primary, #24AA4D) 0%, var(--emw--color-background-secondary, #113F21) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--emw--button-typography, "PF BeauSans Pro", sans-serif);font-size:14px;font-style:normal;font-weight:700;margin-bottom:10px}.ModalAddition{color:var(--emw--color-gray-100, #727672);text-align:center;font-family:var(--emw--button-typography, "Roboto", sans-serif);font-size:var(--emw--font-size-x-small, 12px);font-style:normal;font-weight:400;height:39px;align-content:center}.ModalAddition span{background:linear-gradient(90deg, var(--emw--color-primary, #24AA4D) 0%, var(--emw--color-background-secondary, #113F21) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:12px;font-style:normal;font-weight:700;line-height:15px;text-decoration:none;margin-left:8px;position:relative}.ModalAddition span::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:linear-gradient(90deg, var(--emw--color-primary, #24AA4D) 0%, var(--emw--color-background-secondary, #113F21) 100%)}.ModalAction{border-radius:var(--emw--button-border-radius, 99px);border:2px solid var(--emw--button-border-color, #083B17);background:linear-gradient(90deg, var(--emw--color-primary, #24AA4D) 0%, var(--emw--color-background-secondary, #113F21) 100%);padding:9px 20px;margin-top:10px;text-transform:uppercase;color:var(--emw--button-text-color, #FFF);text-align:center;font-family:var(--emw--button-typography, "PF BeauSans Pro", sans-serif);font-size:12px;font-style:normal;font-weight:700;letter-spacing:1px;line-height:1}';export{N as casino_challenges_overlay_modal}
1
+ import{s as M,a as i,b as e}from"./casino-challenges-overlay-0ab4098a.js";export{C as casino_challenges_overlay}from"./casino-challenges-overlay-0ab4098a.js";import{r as D,h as g}from"./index-4cb6ae8e.js";const t={en:{congrats:"Congratulations!",continue:"Continue",errorBtnText:"Ok",errorTitle:"Reward failed",errorSubTitle:"Sorry — we couldn’t grant the reward. Please try again.",level:"Level",completed:"has been completed!",youWon:"You have won",physicalReward:"for physical rewards please contact ",linkText:"Customer Support"}},a=(M,i)=>t[void 0!==i&&i in t?i:"en"][M],N=class{constructor(M){D(this,M),this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.isOpen=!1,this.reward="",this.addition=!1,this.handleClick=()=>{},this.errored=!1,this.orderNumber=0}handleClientStylingChange(i,e){i!=e&&M(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(M,e){M!=e&&i(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(M,i){M!=i&&e(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}componentWillLoad(){this.translationUrl&&(async M=>{if(M)try{const e=await fetch(M);if(!e.ok)throw new Error(`HTTP error! status: ${e.status}`);const D=await e.json();i=D,Object.keys(i).forEach((M=>{t[M]||(t[M]={});for(let e in i[M])t[M][e]=i[M][e]}))}catch(M){console.error("Failed to fetch or parse translations from URL:",M)}var i})(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&e(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&M(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&i(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return g("div",{key:"6c704266619b5ad109ec6289d65fd6a26f827951",ref:M=>this.stylingContainer=M,class:`ModalOverlay ${this.isOpen&&"Open"}`},g("div",{key:"65b800fd71f65afa246804ff35116bc0f2a6ff6b",class:"ModalWinAnimation"}),g("div",{key:"51df6e0c7d487762f0da0c874805c1e34a520fc2",class:"ModalContent GradientBorder"},g("div",{key:"ac9b44635eb8cb1fda4d1a4549c42c5e7055fc18",class:"InnerContainer"},!this.errored&&g("div",{key:"7b5e93f30b1cb40af1d8f621f13d1e18bb1a06b6",class:"ImageWrapper"},g("img",{key:"4e7867d129678e327ffc12d1da93b31bef4bc3b8",src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIyIDIzIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNDY0MjkgMi41QzcuMjE0NDIgMi41IDYuOTcxMDYgMi42MDA5IDYuNzg4NzggMi43ODY0OUM2LjYwNTkgMi45NzI3IDYuNTAwMDEgMy4yMjkwMyA2LjUwMDAxIDMuNUM2LjUwMDAxIDMuNzcwOTcgNi42MDU5IDQuMDI3MyA2Ljc4ODc4IDQuMjEzNTFDNi45NzEwNiA0LjM5OTEgNy4yMTQ0MiA0LjUgNy40NjQyOSA0LjVIOS42MzQyNUM5LjU2MTg3IDQuMzI4NjUgOS40Nzg1NyA0LjE1MTE2IDkuMzgzNTYgMy45NzUyN0M4Ljg5NzY5IDMuMDc1ODEgOC4yNzM5OCAyLjUgNy40NjQyOSAyLjVaTTEwIDYuNVY5LjVMMi42MDAwMSA5LjVDMi4zMDM0OCA5LjUgMi4xNDEyMiA5LjQ5OTIyIDIuMDI0NjQgOS40ODk3QzIuMDIgOS40ODkzMiAyLjAxNTYgOS40ODg5MyAyLjAxMTQ1IDkuNDg4NTVDMi4wMTEwNyA5LjQ4NDQgMi4wMTA2OSA5LjQ4MDAxIDIuMDEwMzEgOS40NzUzN0MyLjAwMDc4IDkuMzU4NzggMi4wMDAwMSA5LjE5NjUzIDIuMDAwMDEgOC45VjcuMUMyLjAwMDAxIDYuODAzNDcgMi4wMDA3OCA2LjY0MTIyIDIuMDEwMzEgNi41MjQ2M0MyLjAxMDY5IDYuNTE5OTkgMi4wMTEwNyA2LjUxNTYgMi4wMTE0NSA2LjUxMTQ1QzIuMDE1NiA2LjUxMTA3IDIuMDIgNi41MTA2OCAyLjAyNDY0IDYuNTEwM0MyLjE0MTIyIDYuNTAwNzggMi4zMDM0OCA2LjUgMi42MDAwMSA2LjVIMTBaTTQuNjY5NTMgNC41QzQuNTU4MjIgNC4xODEzMyA0LjUwMDAxIDMuODQzMzkgNC41MDAwMSAzLjVDNC41MDAwMSAyLjcxMDExIDQuODA4MDIgMS45NDkwMiA1LjM2MTg4IDEuMzg1MDhDNS45MTYzNSAwLjgyMDUzMSA2LjY3MjI0IDAuNSA3LjQ2NDI5IDAuNUM5LjI1OSAwLjUgMTAuMzcyNSAxLjcxODQ1IDExIDIuNzcyMjNDMTEuNjI3NSAxLjcxODQ1IDEyLjc0MSAwLjUgMTQuNTM1NyAwLjVDMTUuMzI3OCAwLjUgMTYuMDgzNyAwLjgyMDUzMSAxNi42MzgxIDEuMzg1MDhDMTcuMTkyIDEuOTQ5MDIgMTcuNSAyLjcxMDExIDE3LjUgMy41QzE3LjUgMy44NDMzOSAxNy40NDE4IDQuMTgxMzMgMTcuMzMwNSA0LjVMMTkuNDMxOSA0LjVDMTkuNjg0MyA0LjQ5OTk3IDE5LjkzMDEgNC40OTk5NCAyMC4xMzgyIDQuNTE2OTVDMjAuMzY2OCA0LjUzNTYyIDIwLjYzNjYgNC41Nzk2OSAyMC45MDggNC43MTc5OUMyMS4yODQzIDQuOTA5NzMgMjEuNTkwMyA1LjIxNTcgMjEuNzgyIDUuNTkyMDJDMjEuOTIwMyA1Ljg2MzQ0IDIxLjk2NDQgNi4xMzMxOCAyMS45ODMxIDYuMzYxNzdDMjIuMDAwMSA2LjU2OTkyIDIyIDYuODE1NzEgMjIgNy4wNjgwOFY4LjkzMTkyQzIyIDkuMTg0MjkgMjIuMDAwMSA5LjQzMDA4IDIxLjk4MzEgOS42MzgyM0MyMS45NjQ0IDkuODY2ODIgMjEuOTIwMyAxMC4xMzY2IDIxLjc4MiAxMC40MDhDMjEuNTkwMyAxMC43ODQzIDIxLjI4NDMgMTEuMDkwMyAyMC45MDggMTEuMjgyQzIwLjYzNjYgMTEuNDIwMyAyMC4zNjY4IDExLjQ2NDQgMjAuMTM4MiAxMS40ODMxQzIwLjA5MzggMTEuNDg2NyAyMC4wNDc2IDExLjQ4OTUgMjAgMTEuNDkxOFYxOC4zMzg2QzIwIDE4Ljg2NTcgMjAgMTkuMzIwNSAxOS45Njk0IDE5LjY5NUMxOS45MzcxIDIwLjA5MDQgMTkuODY1OCAyMC40ODM2IDE5LjY3MyAyMC44NjJDMTkuMzg1NCAyMS40MjY1IDE4LjkyNjUgMjEuODg1NCAxOC4zNjIgMjIuMTczQzE3Ljk4MzYgMjIuMzY1OCAxNy41OTA0IDIyLjQzNzEgMTcuMTk1IDIyLjQ2OTRDMTYuODIwNSAyMi41IDE2LjM2NTcgMjIuNSAxNS44Mzg2IDIyLjVIMTEuMDAxNEgxMUwxMC45OTg2IDIyLjVINi4xNjE0NEM1LjYzNDMgMjIuNSA1LjE3OTU0IDIyLjUgNC44MDQ5OCAyMi40Njk0QzQuNDA5NjMgMjIuNDM3MSA0LjAxNjQxIDIyLjM2NTggMy42MzgwMyAyMi4xNzNDMy4wNzM1NSAyMS44ODU0IDIuNjE0NiAyMS40MjY1IDIuMzI2OTkgMjAuODYyQzIuMTM0MTkgMjAuNDgzNiAyLjA2Mjg4IDIwLjA5MDQgMi4wMzA1NyAxOS42OTVDMS45OTk5NyAxOS4zMjA1IDEuOTk5OTkgMTguODY1NyAyIDE4LjMzODVMMi4wMDAwMSAxMS40OTE4QzEuOTUyNDEgMTEuNDg5NSAxLjkwNjI0IDExLjQ4NjcgMS44NjE3OCAxMS40ODMxQzEuNjMzMTggMTEuNDY0NCAxLjM2MzQ1IDExLjQyMDMgMS4wOTIwMiAxMS4yODJDMC43MTU3MDEgMTEuMDkwMyAwLjQwOTczOSAxMC43ODQzIDAuMjE3OTkyIDEwLjQwOEMwLjA3OTY5NDcgMTAuMTM2NiAwLjAzNTYyNzEgOS44NjY4MiAwLjAxNjk1MDQgOS42MzgyM0MtNS42ODYxZS0wNSA5LjQzMDA3IC0yLjc0MTYxZS0wNSA5LjE4NDI4IDIuNTA1NDRlLTA2IDguOTMxOUw1LjI0NzI2ZS0wNiA3LjFDNS4yNDcyNmUtMDYgNy4wODkzNiAzLjkzNTk1ZS0wNiA3LjA3ODcyIDIuNjI0NjVlLTA2IDcuMDY4MUMtMi43Mjk2OWUtMDUgNi44MTU3MiAtNS42NzQxOGUtMDUgNi41Njk5MyAwLjAxNjk1MDUgNi4zNjE3N0MwLjAzNTYyNzQgNi4xMzMxOCAwLjA3OTY5NSA1Ljg2MzQ0IDAuMjE3OTkyIDUuNTkyMDJDMC40MDk3MzkgNS4yMTU2OSAwLjcxNTcgNC45MDk3MyAxLjA5MjAyIDQuNzE3OTlDMS4zNjM0NSA0LjU3OTY5IDEuNjMzMTggNC41MzU2MiAxLjg2MTc4IDQuNTE2OTVDMi4wNjk5MyA0LjQ5OTk0IDIuMzE1NzMgNC40OTk5NyAyLjU2ODExIDQuNUMyLjU3ODczIDQuNSAyLjU4OTM2IDQuNSAyLjYwMDAxIDQuNUg0LjY2OTUzWk00LjAwMDAxIDExLjVWMTguM0M0LjAwMDAxIDE4Ljg3NjYgNC4wMDA3OCAxOS4yNDg4IDQuMDIzOTMgMTkuNTMyMkM0LjA0NjEzIDE5LjgwMzggNC4wODM4MSAxOS45MDQ1IDQuMTA5IDE5Ljk1NEM0LjIwNDg3IDIwLjE0MjEgNC4zNTc4NSAyMC4yOTUxIDQuNTQ2MDEgMjAuMzkxQzQuNTk1NDYgMjAuNDE2MiA0LjY5NjE4IDIwLjQ1MzkgNC45Njc4NCAyMC40NzYxQzUuMjUxMTggMjAuNDk5MiA1LjYyMzQ1IDIwLjUgNi4yMDAwMSAyMC41SDEwVjExLjVINC4wMDAwMVpNMTIgMTEuNVYyMC41SDE1LjhDMTYuMzc2NiAyMC41IDE2Ljc0ODggMjAuNDk5MiAxNy4wMzIyIDIwLjQ3NjFDMTcuMzAzOCAyMC40NTM5IDE3LjQwNDYgMjAuNDE2MiAxNy40NTQgMjAuMzkxQzE3LjY0MjIgMjAuMjk1MSAxNy43OTUxIDIwLjE0MjIgMTcuODkxIDE5Ljk1NEMxNy45MTYyIDE5LjkwNDUgMTcuOTUzOSAxOS44MDM4IDE3Ljk3NjEgMTkuNTMyMkMxNy45OTkyIDE5LjI0ODggMTggMTguODc2NiAxOCAxOC4zVjExLjVIMTJaTTE5LjQgOS41QzE5LjY5NjUgOS41IDE5Ljg1ODggOS40OTkyMiAxOS45NzU0IDkuNDg5N0MxOS45OCA5LjQ4OTMyIDE5Ljk4NDQgOS40ODg5MyAxOS45ODg2IDkuNDg4NTRDMTkuOTg4OSA5LjQ4NDQgMTkuOTg5MyA5LjQ4MDAxIDE5Ljk4OTcgOS40NzUzN0MxOS45OTkyIDkuMzU4NzggMjAgOS4xOTY1MyAyMCA4LjlWNy4xQzIwIDYuODAzNDcgMTkuOTk5MiA2LjY0MTIyIDE5Ljk4OTcgNi41MjQ2M0MxOS45ODkzIDYuNTE5OTkgMTkuOTg4OSA2LjUxNTYgMTkuOTg4NSA2LjUxMTQ1QzE5Ljk4NDQgNi41MTEwNyAxOS45OCA2LjUxMDY4IDE5Ljk3NTQgNi41MTAzQzE5Ljg1ODggNi41MDA3OCAxOS42OTY1IDYuNSAxOS40IDYuNUgxMlY5LjVIMTkuNFpNMTQuNTM1NyA0LjVDMTQuNzg1NiA0LjUgMTUuMDI4OSA0LjM5OTEgMTUuMjExMiA0LjIxMzUxQzE1LjM5NDEgNC4wMjczIDE1LjUgMy43NzA5NyAxNS41IDMuNUMxNS41IDMuMjI5MDMgMTUuMzk0MSAyLjk3MjcgMTUuMjExMiAyLjc4NjQ5QzE1LjAyODkgMi42MDA5IDE0Ljc4NTYgMi41IDE0LjUzNTcgMi41QzEzLjcyNiAyLjUgMTMuMTAyMyAzLjA3NTgxIDEyLjYxNjUgMy45NzUyN0MxMi41MjE0IDQuMTUxMTYgMTIuNDM4MSA0LjMyODY1IDEyLjM2NTggNC41SDE0LjUzNTdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjA1MV80MzkpIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjA1MV80MzkiIHgxPSIwIiB5MT0iMTEuNSIgeDI9IjIyIiB5Mj0iMTEuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMUU2NTRGIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFDOEQ1NiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPgo=",alt:"gift-box-icon"})),g("h1",{key:"05782d9c5b5f905bd726dfbd8a32b51b7993e6c8",class:"ModalHeader"},a(this.errored?"errorTitle":"congrats",this.language)),this.errored?g("div",{class:"ModalErrorMessage"},a("errorSubTitle",this.language)):g("div",{class:"ModalSubtitle"},`${a("level",this.language)} ${this.orderNumber} ${a("completed",this.language)}`,g("div",null,a("youWon",this.language)),g("div",{class:"ModalReward"},this.reward)),this.addition&&g("div",{key:"62617e0e83f280c03a51f347d5b4fa487ce327c8",class:"ModalAddition"},g("div",{key:"c2aa358edd22cc8fd710fd0e68ae83641652d329"},a("physicalReward",this.language)),g("span",{key:"1d116c9906d98b828628a4404988fc33103e9fb2"},a("linkText",this.language))),g("button",{key:"432cad82cd0590ae5c2939a33ba7f52dd4ad31e4",class:"ModalAction",onClick:this.handleClick},a(this.errored?"errorBtnText":"continue",this.language)))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};N.style=':host{display:block;font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}button{border:none;background:none;cursor:pointer;touch-action:manipulation}button:focus{outline:none}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0);justify-content:center;align-items:center;z-index:1}.ModalOverlay.Open{display:flex}.ModalContent{display:flex;flex-direction:column;align-items:center;position:relative;background:linear-gradient(90deg, var(--emw--color-background, #003E5C) 0.05%, var(--emw--color-background-secondary, #113B21) 87.69%);padding:26px;border-radius:26px;border:2px solid var(--emw--color-primary-variant, #1E654F);width:450px;max-width:90%;text-align:center;max-height:90dvh;min-height:100px;font-family:"Roboto", sans-serif}.InnerContainer{border-radius:20px;background:#F9F8F8;padding:25px;width:100%}.ImageWrapper{margin-bottom:6px}.ModalHeader{color:var(--emw--color-typography, #212529);text-align:center;font-family:var(--emw--button-typography, "PF BeauSans Pro", sans-serif);font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;letter-spacing:1px}.ModalSubtitle{color:var(--emw--color-gray-300, #212529);text-align:center;font-size:var(--emw--font-size-small, 14px);font-style:normal;font-weight:400;margin:16px 0 10px;line-height:22px}.ModalErrorMessage{color:var(--emw--color-typography, #212529);font-size:var(--emw--font-size-medium, 16px);line-height:24px;margin:10px 0 10px}.ModalReward{background:linear-gradient(90deg, var(--emw--color-primary, #24AA4D) 0%, var(--emw--color-background-secondary, #113F21) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--emw--button-typography, "PF BeauSans Pro", sans-serif);font-size:14px;font-style:normal;font-weight:700;margin-bottom:10px}.ModalAddition{color:var(--emw--color-gray-100, #727672);text-align:center;font-family:var(--emw--button-typography, "Roboto", sans-serif);font-size:var(--emw--font-size-x-small, 12px);font-style:normal;font-weight:400;height:39px;align-content:center}.ModalAddition span{background:linear-gradient(90deg, var(--emw--color-primary, #24AA4D) 0%, var(--emw--color-background-secondary, #113F21) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:12px;font-style:normal;font-weight:700;line-height:15px;text-decoration:none;margin-left:8px;position:relative}.ModalAddition span::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:linear-gradient(90deg, var(--emw--color-primary, #24AA4D) 0%, var(--emw--color-background-secondary, #113F21) 100%)}.ModalAction{border-radius:var(--emw--button-border-radius, 99px);border:2px solid var(--emw--button-border-color, #083B17);background:linear-gradient(90deg, var(--emw--color-primary, #24AA4D) 0%, var(--emw--color-background-secondary, #113F21) 100%);padding:9px 20px;margin-top:10px;text-transform:uppercase;color:var(--emw--button-text-color, #FFF);text-align:center;font-family:var(--emw--button-typography, "PF BeauSans Pro", sans-serif);font-size:12px;font-style:normal;font-weight:700;letter-spacing:1px;line-height:1}';export{N as casino_challenges_overlay_modal}
@@ -1 +1 @@
1
- export{C as CasinoChallengesOverlay}from"./casino-challenges-overlay-0979dd1a.js";import"./index-4cb6ae8e.js";
1
+ export{C as CasinoChallengesOverlay}from"./casino-challenges-overlay-0ab4098a.js";import"./index-4cb6ae8e.js";
@@ -129,7 +129,18 @@ const giftSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZ
129
129
  const DEFAULT_LANGUAGE = 'en';
130
130
  const TRANSLATIONS = {
131
131
  en: {
132
- new: 'new'
132
+ new: 'new',
133
+ // casino-challenges-overlay-modal
134
+ congrats: 'Congratulations!',
135
+ continue: 'Continue',
136
+ errorBtnText: 'Ok',
137
+ errorTitle: 'Reward failed',
138
+ errorSubTitle: 'Sorry — we couldn’t grant the reward. Please try again.',
139
+ level: 'Level',
140
+ completed: 'has been completed!',
141
+ youWon: 'You have won',
142
+ physicalReward: 'for physical rewards please contact ',
143
+ linkText: 'Customer Support'
133
144
  }
134
145
  };
135
146
  const translate = (key, customLang) => {
@@ -299,7 +310,9 @@ const CasinoChallengesOverlay = class {
299
310
  }
300
311
  handleEvent(e) {
301
312
  var _a, _b, _c, _d, _e, _f;
302
- const { type, data } = e === null || e === void 0 ? void 0 : e.data;
313
+ if (!(e === null || e === void 0 ? void 0 : e.data) || typeof e.data !== 'object')
314
+ return;
315
+ const { type, data } = e.data;
303
316
  switch (type) {
304
317
  case 'UpdateChallengeProgress': {
305
318
  const newChallenge = data;
@@ -365,6 +378,7 @@ const CasinoChallengesOverlay = class {
365
378
  }
366
379
  case 'ChallengeChangeStatusNotification': {
367
380
  this.handleStatusEvent(data);
381
+ break;
368
382
  }
369
383
  case 'ChangeChallengeProgressStatus': {
370
384
  const currentProgress = (_e = this.challenges) === null || _e === void 0 ? void 0 : _e.find((x) => (x === null || x === void 0 ? void 0 : x.ChallengeId) === this.activeChallenge);
@@ -400,10 +414,14 @@ const CasinoChallengesOverlay = class {
400
414
  return false;
401
415
  }
402
416
  handleStatusEvent(data, isExpired) {
417
+ const isChallengeExist = this.challenges.find((challenge) => challenge.ChallengeId === (data === null || data === void 0 ? void 0 : data.ChallengeId));
418
+ if (!isChallengeExist) {
419
+ return;
420
+ }
403
421
  if ((data === null || data === void 0 ? void 0 : data.ChallengeId) === this.activeChallenge && !(data === null || data === void 0 ? void 0 : data.IsEnabled)) {
404
422
  this.isNotification = true;
405
423
  if (this.inProgressCount === 1) {
406
- setTimeout(() => {
424
+ this.statusTimeoutId = setTimeout(() => {
407
425
  if ((data === null || data === void 0 ? void 0 : data.ChallengeId) === this.activeChallenge) {
408
426
  if (this.inProgressCount === 1) {
409
427
  this.isGrayed = true;
@@ -416,7 +434,7 @@ const CasinoChallengesOverlay = class {
416
434
  }, 10000);
417
435
  }
418
436
  else if (this.inProgressCount > 1) {
419
- setTimeout(() => {
437
+ this.statusTimeoutId = setTimeout(() => {
420
438
  this.updateChallengesArray(data === null || data === void 0 ? void 0 : data.ChallengeId, data === null || data === void 0 ? void 0 : data.IsEnabled, isExpired);
421
439
  this.isNotification = false;
422
440
  }, 10000);
@@ -442,10 +460,9 @@ const CasinoChallengesOverlay = class {
442
460
  }
443
461
  }
444
462
  connectedCallback() {
445
- if (this.timerId) {
446
- clearInterval(this.timerId);
447
- }
448
- this.timerId = setInterval(() => {
463
+ if (this.intervalId)
464
+ clearInterval(this.intervalId);
465
+ this.intervalId = setInterval(() => {
449
466
  var _a;
450
467
  const now = Date.now();
451
468
  if ((_a = this.challenges) === null || _a === void 0 ? void 0 : _a.length) {
@@ -460,6 +477,10 @@ const CasinoChallengesOverlay = class {
460
477
  }, 1000);
461
478
  }
462
479
  disconnectedCallback() {
480
+ if (this.intervalId)
481
+ clearInterval(this.intervalId);
482
+ if (this.statusTimeoutId)
483
+ clearTimeout(this.statusTimeoutId);
463
484
  this.stylingSubscription && this.stylingSubscription.unsubscribe();
464
485
  }
465
486
  getCapsuleDotPosition(progress, width = 55, height = 32, borderWidth = 3) {
@@ -551,12 +572,12 @@ const CasinoChallengesOverlay = class {
551
572
  render() {
552
573
  const currProgress = this.completedLevelId ? 100 : this.progress;
553
574
  const dot = this.getCapsuleDotPosition(currProgress);
554
- return (index.h("div", { key: '17c0f3909641b3315c02abcaf98ec64bf3648246', ref: (el) => (this.stylingContainer = el) }, this.inProgressCount > 0 && (index.h("div", { key: '24a5d74748718408065fa55f2406ea2262a83ed1', class: "container", onClick: this.goToDetailsPage }, index.h("div", { key: '1fae72b5faa17e31cbd082bc90ee6f06df3922ad', class: `circle ${this.isGrayed ? 'grayed' : ''}`, style: {
575
+ return (index.h("div", { key: '2c7145245f3b70c197c5d11b91ba8950fa08a334', ref: (el) => (this.stylingContainer = el) }, this.inProgressCount > 0 && (index.h("div", { key: 'dbaf6c732e3de69d0eb8adaf9e9c0b7e7627685c', class: "container", onClick: this.goToDetailsPage }, index.h("div", { key: '5742cad884fa04d9d6a7f0a761a8aa1d8dcdca3e', class: `circle ${this.isGrayed ? 'grayed' : ''}`, style: {
555
576
  '--progress': `${currProgress}%`
556
- } }, index.h("img", { key: 'a03edf3c3bca778279de008b3e5ffeed58f12574', class: "circle__img", src: bgIconSvg }), index.h("div", { key: '6833c4c3a2d671467b15344c71c9b2a65c000c19', class: "circle__content" }, index.h("span", { key: '266a174d9434481c2d25e65149ffef177450f422' }, Math.floor(currProgress), "%")), dot && (index.h("div", { key: 'b30c80c46fd5f9cba60a97a7c6ab667f8d63c344', class: "dot", style: {
577
+ } }, index.h("img", { key: '7c5fee75aa381f0a0cf50d7f549b309cf0d39c5f', class: "circle__img", src: bgIconSvg }), index.h("div", { key: '03731357675f90db4df00bc43fd81da96c96efff', class: "circle__content" }, index.h("span", { key: '5f96479c80c590905858153a4841e770830b70f1' }, Math.floor(currProgress), "%")), dot && (index.h("div", { key: '2dac0e16f592ed6084000a6731cc738a9454632d', class: "dot", style: {
557
578
  left: `${dot.x}px`,
558
579
  top: `${dot.y}px`
559
- } }))), !this.isGrayed && index.h("div", { key: 'a65273f1281ca64f3ce6c3d836817579647b7d43', class: `badge ${this.isNew ? 'new' : ''}` }, this.renderBadgeContent()))), index.h("casino-challenges-overlay-modal", { key: '62cfc6b10fd6e8ef5395841a6ac51b36693373b4', isOpen: this.showModal, handleClick: this.closeModal, reward: this.modalReward, addition: this.modalAddition, errored: this.modalErrored, orderNumber: this.modalOrderNumber, translationUrl: this.translationUrl, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl })));
580
+ } }))), !this.isGrayed && index.h("div", { key: 'bfafe38ff622aef7d9f2be9b6e5f2dbc19f58b74', class: `badge ${this.isNew ? 'new' : ''}` }, this.renderBadgeContent()))), index.h("casino-challenges-overlay-modal", { key: '0d13e7c4bb166990de1e587085d55d3fece5a3b5', isOpen: this.showModal, handleClick: this.closeModal, reward: this.modalReward, addition: this.modalAddition, errored: this.modalErrored, orderNumber: this.modalOrderNumber, translationUrl: this.translationUrl, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl })));
560
581
  }
561
582
  static get watchers() { return {
562
583
  "clientStyling": ["handleClientStylingChange"],
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const casinoChallengesOverlay = require('./casino-challenges-overlay-32388653.js');
5
+ const casinoChallengesOverlay = require('./casino-challenges-overlay-9b3b30da.js');
6
6
  const index = require('./index-3b105378.js');
7
7
 
8
8
  const giftboxSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIyIDIzIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNDY0MjkgMi41QzcuMjE0NDIgMi41IDYuOTcxMDYgMi42MDA5IDYuNzg4NzggMi43ODY0OUM2LjYwNTkgMi45NzI3IDYuNTAwMDEgMy4yMjkwMyA2LjUwMDAxIDMuNUM2LjUwMDAxIDMuNzcwOTcgNi42MDU5IDQuMDI3MyA2Ljc4ODc4IDQuMjEzNTFDNi45NzEwNiA0LjM5OTEgNy4yMTQ0MiA0LjUgNy40NjQyOSA0LjVIOS42MzQyNUM5LjU2MTg3IDQuMzI4NjUgOS40Nzg1NyA0LjE1MTE2IDkuMzgzNTYgMy45NzUyN0M4Ljg5NzY5IDMuMDc1ODEgOC4yNzM5OCAyLjUgNy40NjQyOSAyLjVaTTEwIDYuNVY5LjVMMi42MDAwMSA5LjVDMi4zMDM0OCA5LjUgMi4xNDEyMiA5LjQ5OTIyIDIuMDI0NjQgOS40ODk3QzIuMDIgOS40ODkzMiAyLjAxNTYgOS40ODg5MyAyLjAxMTQ1IDkuNDg4NTVDMi4wMTEwNyA5LjQ4NDQgMi4wMTA2OSA5LjQ4MDAxIDIuMDEwMzEgOS40NzUzN0MyLjAwMDc4IDkuMzU4NzggMi4wMDAwMSA5LjE5NjUzIDIuMDAwMDEgOC45VjcuMUMyLjAwMDAxIDYuODAzNDcgMi4wMDA3OCA2LjY0MTIyIDIuMDEwMzEgNi41MjQ2M0MyLjAxMDY5IDYuNTE5OTkgMi4wMTEwNyA2LjUxNTYgMi4wMTE0NSA2LjUxMTQ1QzIuMDE1NiA2LjUxMTA3IDIuMDIgNi41MTA2OCAyLjAyNDY0IDYuNTEwM0MyLjE0MTIyIDYuNTAwNzggMi4zMDM0OCA2LjUgMi42MDAwMSA2LjVIMTBaTTQuNjY5NTMgNC41QzQuNTU4MjIgNC4xODEzMyA0LjUwMDAxIDMuODQzMzkgNC41MDAwMSAzLjVDNC41MDAwMSAyLjcxMDExIDQuODA4MDIgMS45NDkwMiA1LjM2MTg4IDEuMzg1MDhDNS45MTYzNSAwLjgyMDUzMSA2LjY3MjI0IDAuNSA3LjQ2NDI5IDAuNUM5LjI1OSAwLjUgMTAuMzcyNSAxLjcxODQ1IDExIDIuNzcyMjNDMTEuNjI3NSAxLjcxODQ1IDEyLjc0MSAwLjUgMTQuNTM1NyAwLjVDMTUuMzI3OCAwLjUgMTYuMDgzNyAwLjgyMDUzMSAxNi42MzgxIDEuMzg1MDhDMTcuMTkyIDEuOTQ5MDIgMTcuNSAyLjcxMDExIDE3LjUgMy41QzE3LjUgMy44NDMzOSAxNy40NDE4IDQuMTgxMzMgMTcuMzMwNSA0LjVMMTkuNDMxOSA0LjVDMTkuNjg0MyA0LjQ5OTk3IDE5LjkzMDEgNC40OTk5NCAyMC4xMzgyIDQuNTE2OTVDMjAuMzY2OCA0LjUzNTYyIDIwLjYzNjYgNC41Nzk2OSAyMC45MDggNC43MTc5OUMyMS4yODQzIDQuOTA5NzMgMjEuNTkwMyA1LjIxNTcgMjEuNzgyIDUuNTkyMDJDMjEuOTIwMyA1Ljg2MzQ0IDIxLjk2NDQgNi4xMzMxOCAyMS45ODMxIDYuMzYxNzdDMjIuMDAwMSA2LjU2OTkyIDIyIDYuODE1NzEgMjIgNy4wNjgwOFY4LjkzMTkyQzIyIDkuMTg0MjkgMjIuMDAwMSA5LjQzMDA4IDIxLjk4MzEgOS42MzgyM0MyMS45NjQ0IDkuODY2ODIgMjEuOTIwMyAxMC4xMzY2IDIxLjc4MiAxMC40MDhDMjEuNTkwMyAxMC43ODQzIDIxLjI4NDMgMTEuMDkwMyAyMC45MDggMTEuMjgyQzIwLjYzNjYgMTEuNDIwMyAyMC4zNjY4IDExLjQ2NDQgMjAuMTM4MiAxMS40ODMxQzIwLjA5MzggMTEuNDg2NyAyMC4wNDc2IDExLjQ4OTUgMjAgMTEuNDkxOFYxOC4zMzg2QzIwIDE4Ljg2NTcgMjAgMTkuMzIwNSAxOS45Njk0IDE5LjY5NUMxOS45MzcxIDIwLjA5MDQgMTkuODY1OCAyMC40ODM2IDE5LjY3MyAyMC44NjJDMTkuMzg1NCAyMS40MjY1IDE4LjkyNjUgMjEuODg1NCAxOC4zNjIgMjIuMTczQzE3Ljk4MzYgMjIuMzY1OCAxNy41OTA0IDIyLjQzNzEgMTcuMTk1IDIyLjQ2OTRDMTYuODIwNSAyMi41IDE2LjM2NTcgMjIuNSAxNS44Mzg2IDIyLjVIMTEuMDAxNEgxMUwxMC45OTg2IDIyLjVINi4xNjE0NEM1LjYzNDMgMjIuNSA1LjE3OTU0IDIyLjUgNC44MDQ5OCAyMi40Njk0QzQuNDA5NjMgMjIuNDM3MSA0LjAxNjQxIDIyLjM2NTggMy42MzgwMyAyMi4xNzNDMy4wNzM1NSAyMS44ODU0IDIuNjE0NiAyMS40MjY1IDIuMzI2OTkgMjAuODYyQzIuMTM0MTkgMjAuNDgzNiAyLjA2Mjg4IDIwLjA5MDQgMi4wMzA1NyAxOS42OTVDMS45OTk5NyAxOS4zMjA1IDEuOTk5OTkgMTguODY1NyAyIDE4LjMzODVMMi4wMDAwMSAxMS40OTE4QzEuOTUyNDEgMTEuNDg5NSAxLjkwNjI0IDExLjQ4NjcgMS44NjE3OCAxMS40ODMxQzEuNjMzMTggMTEuNDY0NCAxLjM2MzQ1IDExLjQyMDMgMS4wOTIwMiAxMS4yODJDMC43MTU3MDEgMTEuMDkwMyAwLjQwOTczOSAxMC43ODQzIDAuMjE3OTkyIDEwLjQwOEMwLjA3OTY5NDcgMTAuMTM2NiAwLjAzNTYyNzEgOS44NjY4MiAwLjAxNjk1MDQgOS42MzgyM0MtNS42ODYxZS0wNSA5LjQzMDA3IC0yLjc0MTYxZS0wNSA5LjE4NDI4IDIuNTA1NDRlLTA2IDguOTMxOUw1LjI0NzI2ZS0wNiA3LjFDNS4yNDcyNmUtMDYgNy4wODkzNiAzLjkzNTk1ZS0wNiA3LjA3ODcyIDIuNjI0NjVlLTA2IDcuMDY4MUMtMi43Mjk2OWUtMDUgNi44MTU3MiAtNS42NzQxOGUtMDUgNi41Njk5MyAwLjAxNjk1MDUgNi4zNjE3N0MwLjAzNTYyNzQgNi4xMzMxOCAwLjA3OTY5NSA1Ljg2MzQ0IDAuMjE3OTkyIDUuNTkyMDJDMC40MDk3MzkgNS4yMTU2OSAwLjcxNTcgNC45MDk3MyAxLjA5MjAyIDQuNzE3OTlDMS4zNjM0NSA0LjU3OTY5IDEuNjMzMTggNC41MzU2MiAxLjg2MTc4IDQuNTE2OTVDMi4wNjk5MyA0LjQ5OTk0IDIuMzE1NzMgNC40OTk5NyAyLjU2ODExIDQuNUMyLjU3ODczIDQuNSAyLjU4OTM2IDQuNSAyLjYwMDAxIDQuNUg0LjY2OTUzWk00LjAwMDAxIDExLjVWMTguM0M0LjAwMDAxIDE4Ljg3NjYgNC4wMDA3OCAxOS4yNDg4IDQuMDIzOTMgMTkuNTMyMkM0LjA0NjEzIDE5LjgwMzggNC4wODM4MSAxOS45MDQ1IDQuMTA5IDE5Ljk1NEM0LjIwNDg3IDIwLjE0MjEgNC4zNTc4NSAyMC4yOTUxIDQuNTQ2MDEgMjAuMzkxQzQuNTk1NDYgMjAuNDE2MiA0LjY5NjE4IDIwLjQ1MzkgNC45Njc4NCAyMC40NzYxQzUuMjUxMTggMjAuNDk5MiA1LjYyMzQ1IDIwLjUgNi4yMDAwMSAyMC41SDEwVjExLjVINC4wMDAwMVpNMTIgMTEuNVYyMC41SDE1LjhDMTYuMzc2NiAyMC41IDE2Ljc0ODggMjAuNDk5MiAxNy4wMzIyIDIwLjQ3NjFDMTcuMzAzOCAyMC40NTM5IDE3LjQwNDYgMjAuNDE2MiAxNy40NTQgMjAuMzkxQzE3LjY0MjIgMjAuMjk1MSAxNy43OTUxIDIwLjE0MjIgMTcuODkxIDE5Ljk1NEMxNy45MTYyIDE5LjkwNDUgMTcuOTUzOSAxOS44MDM4IDE3Ljk3NjEgMTkuNTMyMkMxNy45OTkyIDE5LjI0ODggMTggMTguODc2NiAxOCAxOC4zVjExLjVIMTJaTTE5LjQgOS41QzE5LjY5NjUgOS41IDE5Ljg1ODggOS40OTkyMiAxOS45NzU0IDkuNDg5N0MxOS45OCA5LjQ4OTMyIDE5Ljk4NDQgOS40ODg5MyAxOS45ODg2IDkuNDg4NTRDMTkuOTg4OSA5LjQ4NDQgMTkuOTg5MyA5LjQ4MDAxIDE5Ljk4OTcgOS40NzUzN0MxOS45OTkyIDkuMzU4NzggMjAgOS4xOTY1MyAyMCA4LjlWNy4xQzIwIDYuODAzNDcgMTkuOTk5MiA2LjY0MTIyIDE5Ljk4OTcgNi41MjQ2M0MxOS45ODkzIDYuNTE5OTkgMTkuOTg4OSA2LjUxNTYgMTkuOTg4NSA2LjUxMTQ1QzE5Ljk4NDQgNi41MTEwNyAxOS45OCA2LjUxMDY4IDE5Ljk3NTQgNi41MTAzQzE5Ljg1ODggNi41MDA3OCAxOS42OTY1IDYuNSAxOS40IDYuNUgxMlY5LjVIMTkuNFpNMTQuNTM1NyA0LjVDMTQuNzg1NiA0LjUgMTUuMDI4OSA0LjM5OTEgMTUuMjExMiA0LjIxMzUxQzE1LjM5NDEgNC4wMjczIDE1LjUgMy43NzA5NyAxNS41IDMuNUMxNS41IDMuMjI5MDMgMTUuMzk0MSAyLjk3MjcgMTUuMjExMiAyLjc4NjQ5QzE1LjAyODkgMi42MDA5IDE0Ljc4NTYgMi41IDE0LjUzNTcgMi41QzEzLjcyNiAyLjUgMTMuMTAyMyAzLjA3NTgxIDEyLjYxNjUgMy45NzUyN0MxMi41MjE0IDQuMTUxMTYgMTIuNDM4MSA0LjMyODY1IDEyLjM2NTggNC41SDE0LjUzNTdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjA1MV80MzkpIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjA1MV80MzkiIHgxPSIwIiB5MT0iMTEuNSIgeDI9IjIyIiB5Mj0iMTEuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMUU2NTRGIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFDOEQ1NiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPgo=';
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const casinoChallengesOverlay = require('./casino-challenges-overlay-32388653.js');
5
+ const casinoChallengesOverlay = require('./casino-challenges-overlay-9b3b30da.js');
6
6
  require('./index-3b105378.js');
7
7
 
8
8
 
@@ -4,7 +4,7 @@ import bgIcon from "../../assets/bg-icon.svg";
4
4
  import bellIcon from "../../assets/bell.svg";
5
5
  import giftIcon from "../../assets/gift.svg";
6
6
  import { resolveTranslationUrl, translate } from "../../utils/locale.utils";
7
- import { EChallengeProgressStatus, EChallengeRewardType, EChallengeProgressLevelStatus } from "../../utils/types";
7
+ import { EChallengeProgressLevelStatus, EChallengeProgressStatus, EChallengeRewardType } from "../../utils/types";
8
8
  import "../../../../../casino-challenges-overlay-modal/dist/types/index";
9
9
  export class CasinoChallengesOverlay {
10
10
  constructor() {
@@ -98,7 +98,9 @@ export class CasinoChallengesOverlay {
98
98
  }
99
99
  handleEvent(e) {
100
100
  var _a, _b, _c, _d, _e, _f;
101
- const { type, data } = e === null || e === void 0 ? void 0 : e.data;
101
+ if (!(e === null || e === void 0 ? void 0 : e.data) || typeof e.data !== 'object')
102
+ return;
103
+ const { type, data } = e.data;
102
104
  switch (type) {
103
105
  case 'UpdateChallengeProgress': {
104
106
  const newChallenge = data;
@@ -164,6 +166,7 @@ export class CasinoChallengesOverlay {
164
166
  }
165
167
  case 'ChallengeChangeStatusNotification': {
166
168
  this.handleStatusEvent(data);
169
+ break;
167
170
  }
168
171
  case 'ChangeChallengeProgressStatus': {
169
172
  const currentProgress = (_e = this.challenges) === null || _e === void 0 ? void 0 : _e.find((x) => (x === null || x === void 0 ? void 0 : x.ChallengeId) === this.activeChallenge);
@@ -199,10 +202,14 @@ export class CasinoChallengesOverlay {
199
202
  return false;
200
203
  }
201
204
  handleStatusEvent(data, isExpired) {
205
+ const isChallengeExist = this.challenges.find((challenge) => challenge.ChallengeId === (data === null || data === void 0 ? void 0 : data.ChallengeId));
206
+ if (!isChallengeExist) {
207
+ return;
208
+ }
202
209
  if ((data === null || data === void 0 ? void 0 : data.ChallengeId) === this.activeChallenge && !(data === null || data === void 0 ? void 0 : data.IsEnabled)) {
203
210
  this.isNotification = true;
204
211
  if (this.inProgressCount === 1) {
205
- setTimeout(() => {
212
+ this.statusTimeoutId = setTimeout(() => {
206
213
  if ((data === null || data === void 0 ? void 0 : data.ChallengeId) === this.activeChallenge) {
207
214
  if (this.inProgressCount === 1) {
208
215
  this.isGrayed = true;
@@ -215,7 +222,7 @@ export class CasinoChallengesOverlay {
215
222
  }, 10000);
216
223
  }
217
224
  else if (this.inProgressCount > 1) {
218
- setTimeout(() => {
225
+ this.statusTimeoutId = setTimeout(() => {
219
226
  this.updateChallengesArray(data === null || data === void 0 ? void 0 : data.ChallengeId, data === null || data === void 0 ? void 0 : data.IsEnabled, isExpired);
220
227
  this.isNotification = false;
221
228
  }, 10000);
@@ -241,10 +248,9 @@ export class CasinoChallengesOverlay {
241
248
  }
242
249
  }
243
250
  connectedCallback() {
244
- if (this.timerId) {
245
- clearInterval(this.timerId);
246
- }
247
- this.timerId = setInterval(() => {
251
+ if (this.intervalId)
252
+ clearInterval(this.intervalId);
253
+ this.intervalId = setInterval(() => {
248
254
  var _a;
249
255
  const now = Date.now();
250
256
  if ((_a = this.challenges) === null || _a === void 0 ? void 0 : _a.length) {
@@ -259,6 +265,10 @@ export class CasinoChallengesOverlay {
259
265
  }, 1000);
260
266
  }
261
267
  disconnectedCallback() {
268
+ if (this.intervalId)
269
+ clearInterval(this.intervalId);
270
+ if (this.statusTimeoutId)
271
+ clearTimeout(this.statusTimeoutId);
262
272
  this.stylingSubscription && this.stylingSubscription.unsubscribe();
263
273
  }
264
274
  getCapsuleDotPosition(progress, width = 55, height = 32, borderWidth = 3) {
@@ -350,12 +360,12 @@ export class CasinoChallengesOverlay {
350
360
  render() {
351
361
  const currProgress = this.completedLevelId ? 100 : this.progress;
352
362
  const dot = this.getCapsuleDotPosition(currProgress);
353
- return (h("div", { key: '17c0f3909641b3315c02abcaf98ec64bf3648246', ref: (el) => (this.stylingContainer = el) }, this.inProgressCount > 0 && (h("div", { key: '24a5d74748718408065fa55f2406ea2262a83ed1', class: "container", onClick: this.goToDetailsPage }, h("div", { key: '1fae72b5faa17e31cbd082bc90ee6f06df3922ad', class: `circle ${this.isGrayed ? 'grayed' : ''}`, style: {
363
+ return (h("div", { key: '2c7145245f3b70c197c5d11b91ba8950fa08a334', ref: (el) => (this.stylingContainer = el) }, this.inProgressCount > 0 && (h("div", { key: 'dbaf6c732e3de69d0eb8adaf9e9c0b7e7627685c', class: "container", onClick: this.goToDetailsPage }, h("div", { key: '5742cad884fa04d9d6a7f0a761a8aa1d8dcdca3e', class: `circle ${this.isGrayed ? 'grayed' : ''}`, style: {
354
364
  '--progress': `${currProgress}%`
355
- } }, h("img", { key: 'a03edf3c3bca778279de008b3e5ffeed58f12574', class: "circle__img", src: bgIcon }), h("div", { key: '6833c4c3a2d671467b15344c71c9b2a65c000c19', class: "circle__content" }, h("span", { key: '266a174d9434481c2d25e65149ffef177450f422' }, Math.floor(currProgress), "%")), dot && (h("div", { key: 'b30c80c46fd5f9cba60a97a7c6ab667f8d63c344', class: "dot", style: {
365
+ } }, h("img", { key: '7c5fee75aa381f0a0cf50d7f549b309cf0d39c5f', class: "circle__img", src: bgIcon }), h("div", { key: '03731357675f90db4df00bc43fd81da96c96efff', class: "circle__content" }, h("span", { key: '5f96479c80c590905858153a4841e770830b70f1' }, Math.floor(currProgress), "%")), dot && (h("div", { key: '2dac0e16f592ed6084000a6731cc738a9454632d', class: "dot", style: {
356
366
  left: `${dot.x}px`,
357
367
  top: `${dot.y}px`
358
- } }))), !this.isGrayed && h("div", { key: 'a65273f1281ca64f3ce6c3d836817579647b7d43', class: `badge ${this.isNew ? 'new' : ''}` }, this.renderBadgeContent()))), h("casino-challenges-overlay-modal", { key: '62cfc6b10fd6e8ef5395841a6ac51b36693373b4', isOpen: this.showModal, handleClick: this.closeModal, reward: this.modalReward, addition: this.modalAddition, errored: this.modalErrored, orderNumber: this.modalOrderNumber, translationUrl: this.translationUrl, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl })));
368
+ } }))), !this.isGrayed && h("div", { key: 'bfafe38ff622aef7d9f2be9b6e5f2dbc19f58b74', class: `badge ${this.isNew ? 'new' : ''}` }, this.renderBadgeContent()))), h("casino-challenges-overlay-modal", { key: '0d13e7c4bb166990de1e587085d55d3fece5a3b5', isOpen: this.showModal, handleClick: this.closeModal, reward: this.modalReward, addition: this.modalAddition, errored: this.modalErrored, orderNumber: this.modalOrderNumber, translationUrl: this.translationUrl, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl })));
359
369
  }
360
370
  static get is() { return "casino-challenges-overlay"; }
361
371
  static get encapsulation() { return "shadow"; }
@@ -1,7 +1,18 @@
1
1
  const DEFAULT_LANGUAGE = 'en';
2
2
  export const TRANSLATIONS = {
3
3
  en: {
4
- new: 'new'
4
+ new: 'new',
5
+ // casino-challenges-overlay-modal
6
+ congrats: 'Congratulations!',
7
+ continue: 'Continue',
8
+ errorBtnText: 'Ok',
9
+ errorTitle: 'Reward failed',
10
+ errorSubTitle: 'Sorry — we couldn’t grant the reward. Please try again.',
11
+ level: 'Level',
12
+ completed: 'has been completed!',
13
+ youWon: 'You have won',
14
+ physicalReward: 'for physical rewards please contact ',
15
+ linkText: 'Customer Support'
5
16
  }
6
17
  };
7
18
  export const translate = (key, customLang) => {
@@ -127,7 +127,18 @@ const giftSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZ
127
127
  const DEFAULT_LANGUAGE = 'en';
128
128
  const TRANSLATIONS = {
129
129
  en: {
130
- new: 'new'
130
+ new: 'new',
131
+ // casino-challenges-overlay-modal
132
+ congrats: 'Congratulations!',
133
+ continue: 'Continue',
134
+ errorBtnText: 'Ok',
135
+ errorTitle: 'Reward failed',
136
+ errorSubTitle: 'Sorry — we couldn’t grant the reward. Please try again.',
137
+ level: 'Level',
138
+ completed: 'has been completed!',
139
+ youWon: 'You have won',
140
+ physicalReward: 'for physical rewards please contact ',
141
+ linkText: 'Customer Support'
131
142
  }
132
143
  };
133
144
  const translate = (key, customLang) => {
@@ -297,7 +308,9 @@ const CasinoChallengesOverlay = class {
297
308
  }
298
309
  handleEvent(e) {
299
310
  var _a, _b, _c, _d, _e, _f;
300
- const { type, data } = e === null || e === void 0 ? void 0 : e.data;
311
+ if (!(e === null || e === void 0 ? void 0 : e.data) || typeof e.data !== 'object')
312
+ return;
313
+ const { type, data } = e.data;
301
314
  switch (type) {
302
315
  case 'UpdateChallengeProgress': {
303
316
  const newChallenge = data;
@@ -363,6 +376,7 @@ const CasinoChallengesOverlay = class {
363
376
  }
364
377
  case 'ChallengeChangeStatusNotification': {
365
378
  this.handleStatusEvent(data);
379
+ break;
366
380
  }
367
381
  case 'ChangeChallengeProgressStatus': {
368
382
  const currentProgress = (_e = this.challenges) === null || _e === void 0 ? void 0 : _e.find((x) => (x === null || x === void 0 ? void 0 : x.ChallengeId) === this.activeChallenge);
@@ -398,10 +412,14 @@ const CasinoChallengesOverlay = class {
398
412
  return false;
399
413
  }
400
414
  handleStatusEvent(data, isExpired) {
415
+ const isChallengeExist = this.challenges.find((challenge) => challenge.ChallengeId === (data === null || data === void 0 ? void 0 : data.ChallengeId));
416
+ if (!isChallengeExist) {
417
+ return;
418
+ }
401
419
  if ((data === null || data === void 0 ? void 0 : data.ChallengeId) === this.activeChallenge && !(data === null || data === void 0 ? void 0 : data.IsEnabled)) {
402
420
  this.isNotification = true;
403
421
  if (this.inProgressCount === 1) {
404
- setTimeout(() => {
422
+ this.statusTimeoutId = setTimeout(() => {
405
423
  if ((data === null || data === void 0 ? void 0 : data.ChallengeId) === this.activeChallenge) {
406
424
  if (this.inProgressCount === 1) {
407
425
  this.isGrayed = true;
@@ -414,7 +432,7 @@ const CasinoChallengesOverlay = class {
414
432
  }, 10000);
415
433
  }
416
434
  else if (this.inProgressCount > 1) {
417
- setTimeout(() => {
435
+ this.statusTimeoutId = setTimeout(() => {
418
436
  this.updateChallengesArray(data === null || data === void 0 ? void 0 : data.ChallengeId, data === null || data === void 0 ? void 0 : data.IsEnabled, isExpired);
419
437
  this.isNotification = false;
420
438
  }, 10000);
@@ -440,10 +458,9 @@ const CasinoChallengesOverlay = class {
440
458
  }
441
459
  }
442
460
  connectedCallback() {
443
- if (this.timerId) {
444
- clearInterval(this.timerId);
445
- }
446
- this.timerId = setInterval(() => {
461
+ if (this.intervalId)
462
+ clearInterval(this.intervalId);
463
+ this.intervalId = setInterval(() => {
447
464
  var _a;
448
465
  const now = Date.now();
449
466
  if ((_a = this.challenges) === null || _a === void 0 ? void 0 : _a.length) {
@@ -458,6 +475,10 @@ const CasinoChallengesOverlay = class {
458
475
  }, 1000);
459
476
  }
460
477
  disconnectedCallback() {
478
+ if (this.intervalId)
479
+ clearInterval(this.intervalId);
480
+ if (this.statusTimeoutId)
481
+ clearTimeout(this.statusTimeoutId);
461
482
  this.stylingSubscription && this.stylingSubscription.unsubscribe();
462
483
  }
463
484
  getCapsuleDotPosition(progress, width = 55, height = 32, borderWidth = 3) {
@@ -549,12 +570,12 @@ const CasinoChallengesOverlay = class {
549
570
  render() {
550
571
  const currProgress = this.completedLevelId ? 100 : this.progress;
551
572
  const dot = this.getCapsuleDotPosition(currProgress);
552
- return (h("div", { key: '17c0f3909641b3315c02abcaf98ec64bf3648246', ref: (el) => (this.stylingContainer = el) }, this.inProgressCount > 0 && (h("div", { key: '24a5d74748718408065fa55f2406ea2262a83ed1', class: "container", onClick: this.goToDetailsPage }, h("div", { key: '1fae72b5faa17e31cbd082bc90ee6f06df3922ad', class: `circle ${this.isGrayed ? 'grayed' : ''}`, style: {
573
+ return (h("div", { key: '2c7145245f3b70c197c5d11b91ba8950fa08a334', ref: (el) => (this.stylingContainer = el) }, this.inProgressCount > 0 && (h("div", { key: 'dbaf6c732e3de69d0eb8adaf9e9c0b7e7627685c', class: "container", onClick: this.goToDetailsPage }, h("div", { key: '5742cad884fa04d9d6a7f0a761a8aa1d8dcdca3e', class: `circle ${this.isGrayed ? 'grayed' : ''}`, style: {
553
574
  '--progress': `${currProgress}%`
554
- } }, h("img", { key: 'a03edf3c3bca778279de008b3e5ffeed58f12574', class: "circle__img", src: bgIconSvg }), h("div", { key: '6833c4c3a2d671467b15344c71c9b2a65c000c19', class: "circle__content" }, h("span", { key: '266a174d9434481c2d25e65149ffef177450f422' }, Math.floor(currProgress), "%")), dot && (h("div", { key: 'b30c80c46fd5f9cba60a97a7c6ab667f8d63c344', class: "dot", style: {
575
+ } }, h("img", { key: '7c5fee75aa381f0a0cf50d7f549b309cf0d39c5f', class: "circle__img", src: bgIconSvg }), h("div", { key: '03731357675f90db4df00bc43fd81da96c96efff', class: "circle__content" }, h("span", { key: '5f96479c80c590905858153a4841e770830b70f1' }, Math.floor(currProgress), "%")), dot && (h("div", { key: '2dac0e16f592ed6084000a6731cc738a9454632d', class: "dot", style: {
555
576
  left: `${dot.x}px`,
556
577
  top: `${dot.y}px`
557
- } }))), !this.isGrayed && h("div", { key: 'a65273f1281ca64f3ce6c3d836817579647b7d43', class: `badge ${this.isNew ? 'new' : ''}` }, this.renderBadgeContent()))), h("casino-challenges-overlay-modal", { key: '62cfc6b10fd6e8ef5395841a6ac51b36693373b4', isOpen: this.showModal, handleClick: this.closeModal, reward: this.modalReward, addition: this.modalAddition, errored: this.modalErrored, orderNumber: this.modalOrderNumber, translationUrl: this.translationUrl, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl })));
578
+ } }))), !this.isGrayed && h("div", { key: 'bfafe38ff622aef7d9f2be9b6e5f2dbc19f58b74', class: `badge ${this.isNew ? 'new' : ''}` }, this.renderBadgeContent()))), h("casino-challenges-overlay-modal", { key: '0d13e7c4bb166990de1e587085d55d3fece5a3b5', isOpen: this.showModal, handleClick: this.closeModal, reward: this.modalReward, addition: this.modalAddition, errored: this.modalErrored, orderNumber: this.modalOrderNumber, translationUrl: this.translationUrl, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl })));
558
579
  }
559
580
  static get watchers() { return {
560
581
  "clientStyling": ["handleClientStylingChange"],
@@ -1,5 +1,5 @@
1
- import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './casino-challenges-overlay-0979dd1a.js';
2
- export { C as casino_challenges_overlay } from './casino-challenges-overlay-0979dd1a.js';
1
+ import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './casino-challenges-overlay-0ab4098a.js';
2
+ export { C as casino_challenges_overlay } from './casino-challenges-overlay-0ab4098a.js';
3
3
  import { r as registerInstance, h } from './index-4cb6ae8e.js';
4
4
 
5
5
  const giftboxSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIyIDIzIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNDY0MjkgMi41QzcuMjE0NDIgMi41IDYuOTcxMDYgMi42MDA5IDYuNzg4NzggMi43ODY0OUM2LjYwNTkgMi45NzI3IDYuNTAwMDEgMy4yMjkwMyA2LjUwMDAxIDMuNUM2LjUwMDAxIDMuNzcwOTcgNi42MDU5IDQuMDI3MyA2Ljc4ODc4IDQuMjEzNTFDNi45NzEwNiA0LjM5OTEgNy4yMTQ0MiA0LjUgNy40NjQyOSA0LjVIOS42MzQyNUM5LjU2MTg3IDQuMzI4NjUgOS40Nzg1NyA0LjE1MTE2IDkuMzgzNTYgMy45NzUyN0M4Ljg5NzY5IDMuMDc1ODEgOC4yNzM5OCAyLjUgNy40NjQyOSAyLjVaTTEwIDYuNVY5LjVMMi42MDAwMSA5LjVDMi4zMDM0OCA5LjUgMi4xNDEyMiA5LjQ5OTIyIDIuMDI0NjQgOS40ODk3QzIuMDIgOS40ODkzMiAyLjAxNTYgOS40ODg5MyAyLjAxMTQ1IDkuNDg4NTVDMi4wMTEwNyA5LjQ4NDQgMi4wMTA2OSA5LjQ4MDAxIDIuMDEwMzEgOS40NzUzN0MyLjAwMDc4IDkuMzU4NzggMi4wMDAwMSA5LjE5NjUzIDIuMDAwMDEgOC45VjcuMUMyLjAwMDAxIDYuODAzNDcgMi4wMDA3OCA2LjY0MTIyIDIuMDEwMzEgNi41MjQ2M0MyLjAxMDY5IDYuNTE5OTkgMi4wMTEwNyA2LjUxNTYgMi4wMTE0NSA2LjUxMTQ1QzIuMDE1NiA2LjUxMTA3IDIuMDIgNi41MTA2OCAyLjAyNDY0IDYuNTEwM0MyLjE0MTIyIDYuNTAwNzggMi4zMDM0OCA2LjUgMi42MDAwMSA2LjVIMTBaTTQuNjY5NTMgNC41QzQuNTU4MjIgNC4xODEzMyA0LjUwMDAxIDMuODQzMzkgNC41MDAwMSAzLjVDNC41MDAwMSAyLjcxMDExIDQuODA4MDIgMS45NDkwMiA1LjM2MTg4IDEuMzg1MDhDNS45MTYzNSAwLjgyMDUzMSA2LjY3MjI0IDAuNSA3LjQ2NDI5IDAuNUM5LjI1OSAwLjUgMTAuMzcyNSAxLjcxODQ1IDExIDIuNzcyMjNDMTEuNjI3NSAxLjcxODQ1IDEyLjc0MSAwLjUgMTQuNTM1NyAwLjVDMTUuMzI3OCAwLjUgMTYuMDgzNyAwLjgyMDUzMSAxNi42MzgxIDEuMzg1MDhDMTcuMTkyIDEuOTQ5MDIgMTcuNSAyLjcxMDExIDE3LjUgMy41QzE3LjUgMy44NDMzOSAxNy40NDE4IDQuMTgxMzMgMTcuMzMwNSA0LjVMMTkuNDMxOSA0LjVDMTkuNjg0MyA0LjQ5OTk3IDE5LjkzMDEgNC40OTk5NCAyMC4xMzgyIDQuNTE2OTVDMjAuMzY2OCA0LjUzNTYyIDIwLjYzNjYgNC41Nzk2OSAyMC45MDggNC43MTc5OUMyMS4yODQzIDQuOTA5NzMgMjEuNTkwMyA1LjIxNTcgMjEuNzgyIDUuNTkyMDJDMjEuOTIwMyA1Ljg2MzQ0IDIxLjk2NDQgNi4xMzMxOCAyMS45ODMxIDYuMzYxNzdDMjIuMDAwMSA2LjU2OTkyIDIyIDYuODE1NzEgMjIgNy4wNjgwOFY4LjkzMTkyQzIyIDkuMTg0MjkgMjIuMDAwMSA5LjQzMDA4IDIxLjk4MzEgOS42MzgyM0MyMS45NjQ0IDkuODY2ODIgMjEuOTIwMyAxMC4xMzY2IDIxLjc4MiAxMC40MDhDMjEuNTkwMyAxMC43ODQzIDIxLjI4NDMgMTEuMDkwMyAyMC45MDggMTEuMjgyQzIwLjYzNjYgMTEuNDIwMyAyMC4zNjY4IDExLjQ2NDQgMjAuMTM4MiAxMS40ODMxQzIwLjA5MzggMTEuNDg2NyAyMC4wNDc2IDExLjQ4OTUgMjAgMTEuNDkxOFYxOC4zMzg2QzIwIDE4Ljg2NTcgMjAgMTkuMzIwNSAxOS45Njk0IDE5LjY5NUMxOS45MzcxIDIwLjA5MDQgMTkuODY1OCAyMC40ODM2IDE5LjY3MyAyMC44NjJDMTkuMzg1NCAyMS40MjY1IDE4LjkyNjUgMjEuODg1NCAxOC4zNjIgMjIuMTczQzE3Ljk4MzYgMjIuMzY1OCAxNy41OTA0IDIyLjQzNzEgMTcuMTk1IDIyLjQ2OTRDMTYuODIwNSAyMi41IDE2LjM2NTcgMjIuNSAxNS44Mzg2IDIyLjVIMTEuMDAxNEgxMUwxMC45OTg2IDIyLjVINi4xNjE0NEM1LjYzNDMgMjIuNSA1LjE3OTU0IDIyLjUgNC44MDQ5OCAyMi40Njk0QzQuNDA5NjMgMjIuNDM3MSA0LjAxNjQxIDIyLjM2NTggMy42MzgwMyAyMi4xNzNDMy4wNzM1NSAyMS44ODU0IDIuNjE0NiAyMS40MjY1IDIuMzI2OTkgMjAuODYyQzIuMTM0MTkgMjAuNDgzNiAyLjA2Mjg4IDIwLjA5MDQgMi4wMzA1NyAxOS42OTVDMS45OTk5NyAxOS4zMjA1IDEuOTk5OTkgMTguODY1NyAyIDE4LjMzODVMMi4wMDAwMSAxMS40OTE4QzEuOTUyNDEgMTEuNDg5NSAxLjkwNjI0IDExLjQ4NjcgMS44NjE3OCAxMS40ODMxQzEuNjMzMTggMTEuNDY0NCAxLjM2MzQ1IDExLjQyMDMgMS4wOTIwMiAxMS4yODJDMC43MTU3MDEgMTEuMDkwMyAwLjQwOTczOSAxMC43ODQzIDAuMjE3OTkyIDEwLjQwOEMwLjA3OTY5NDcgMTAuMTM2NiAwLjAzNTYyNzEgOS44NjY4MiAwLjAxNjk1MDQgOS42MzgyM0MtNS42ODYxZS0wNSA5LjQzMDA3IC0yLjc0MTYxZS0wNSA5LjE4NDI4IDIuNTA1NDRlLTA2IDguOTMxOUw1LjI0NzI2ZS0wNiA3LjFDNS4yNDcyNmUtMDYgNy4wODkzNiAzLjkzNTk1ZS0wNiA3LjA3ODcyIDIuNjI0NjVlLTA2IDcuMDY4MUMtMi43Mjk2OWUtMDUgNi44MTU3MiAtNS42NzQxOGUtMDUgNi41Njk5MyAwLjAxNjk1MDUgNi4zNjE3N0MwLjAzNTYyNzQgNi4xMzMxOCAwLjA3OTY5NSA1Ljg2MzQ0IDAuMjE3OTkyIDUuNTkyMDJDMC40MDk3MzkgNS4yMTU2OSAwLjcxNTcgNC45MDk3MyAxLjA5MjAyIDQuNzE3OTlDMS4zNjM0NSA0LjU3OTY5IDEuNjMzMTggNC41MzU2MiAxLjg2MTc4IDQuNTE2OTVDMi4wNjk5MyA0LjQ5OTk0IDIuMzE1NzMgNC40OTk5NyAyLjU2ODExIDQuNUMyLjU3ODczIDQuNSAyLjU4OTM2IDQuNSAyLjYwMDAxIDQuNUg0LjY2OTUzWk00LjAwMDAxIDExLjVWMTguM0M0LjAwMDAxIDE4Ljg3NjYgNC4wMDA3OCAxOS4yNDg4IDQuMDIzOTMgMTkuNTMyMkM0LjA0NjEzIDE5LjgwMzggNC4wODM4MSAxOS45MDQ1IDQuMTA5IDE5Ljk1NEM0LjIwNDg3IDIwLjE0MjEgNC4zNTc4NSAyMC4yOTUxIDQuNTQ2MDEgMjAuMzkxQzQuNTk1NDYgMjAuNDE2MiA0LjY5NjE4IDIwLjQ1MzkgNC45Njc4NCAyMC40NzYxQzUuMjUxMTggMjAuNDk5MiA1LjYyMzQ1IDIwLjUgNi4yMDAwMSAyMC41SDEwVjExLjVINC4wMDAwMVpNMTIgMTEuNVYyMC41SDE1LjhDMTYuMzc2NiAyMC41IDE2Ljc0ODggMjAuNDk5MiAxNy4wMzIyIDIwLjQ3NjFDMTcuMzAzOCAyMC40NTM5IDE3LjQwNDYgMjAuNDE2MiAxNy40NTQgMjAuMzkxQzE3LjY0MjIgMjAuMjk1MSAxNy43OTUxIDIwLjE0MjIgMTcuODkxIDE5Ljk1NEMxNy45MTYyIDE5LjkwNDUgMTcuOTUzOSAxOS44MDM4IDE3Ljk3NjEgMTkuNTMyMkMxNy45OTkyIDE5LjI0ODggMTggMTguODc2NiAxOCAxOC4zVjExLjVIMTJaTTE5LjQgOS41QzE5LjY5NjUgOS41IDE5Ljg1ODggOS40OTkyMiAxOS45NzU0IDkuNDg5N0MxOS45OCA5LjQ4OTMyIDE5Ljk4NDQgOS40ODg5MyAxOS45ODg2IDkuNDg4NTRDMTkuOTg4OSA5LjQ4NDQgMTkuOTg5MyA5LjQ4MDAxIDE5Ljk4OTcgOS40NzUzN0MxOS45OTkyIDkuMzU4NzggMjAgOS4xOTY1MyAyMCA4LjlWNy4xQzIwIDYuODAzNDcgMTkuOTk5MiA2LjY0MTIyIDE5Ljk4OTcgNi41MjQ2M0MxOS45ODkzIDYuNTE5OTkgMTkuOTg4OSA2LjUxNTYgMTkuOTg4NSA2LjUxMTQ1QzE5Ljk4NDQgNi41MTEwNyAxOS45OCA2LjUxMDY4IDE5Ljk3NTQgNi41MTAzQzE5Ljg1ODggNi41MDA3OCAxOS42OTY1IDYuNSAxOS40IDYuNUgxMlY5LjVIMTkuNFpNMTQuNTM1NyA0LjVDMTQuNzg1NiA0LjUgMTUuMDI4OSA0LjM5OTEgMTUuMjExMiA0LjIxMzUxQzE1LjM5NDEgNC4wMjczIDE1LjUgMy43NzA5NyAxNS41IDMuNUMxNS41IDMuMjI5MDMgMTUuMzk0MSAyLjk3MjcgMTUuMjExMiAyLjc4NjQ5QzE1LjAyODkgMi42MDA5IDE0Ljc4NTYgMi41IDE0LjUzNTcgMi41QzEzLjcyNiAyLjUgMTMuMTAyMyAzLjA3NTgxIDEyLjYxNjUgMy45NzUyN0MxMi41MjE0IDQuMTUxMTYgMTIuNDM4MSA0LjMyODY1IDEyLjM2NTggNC41SDE0LjUzNTdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjA1MV80MzkpIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjA1MV80MzkiIHgxPSIwIiB5MT0iMTEuNSIgeDI9IjIyIiB5Mj0iMTEuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMUU2NTRGIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFDOEQ1NiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPgo=';
package/dist/esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export { C as CasinoChallengesOverlay } from './casino-challenges-overlay-0979dd1a.js';
1
+ export { C as CasinoChallengesOverlay } from './casino-challenges-overlay-0ab4098a.js';
2
2
  import './index-4cb6ae8e.js';
@@ -41,7 +41,8 @@ export declare class CasinoChallengesOverlay {
41
41
  modalOrderNumber: number;
42
42
  private stylingContainer;
43
43
  private stylingSubscription;
44
- private timerId;
44
+ private intervalId;
45
+ private statusTimeoutId;
45
46
  private readonly activeChallengesTabIndex;
46
47
  handleClientStylingChange(newValue: any, oldValue: any): void;
47
48
  handleClientStylingUrlChange(newValue: any, oldValue: any): void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/casino-challenges-overlay",
3
- "version": "0.13.30",
3
+ "version": "0.13.32",
4
4
  "main": "./dist/index.cjs.js",
5
5
  "module": "./dist/index.js",
6
6
  "es2015": "./dist/esm/index.mjs",