@everymatrix/casino-challenges-overlay 0.6.9 → 0.6.11
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.
- package/dist/casino-challenges-overlay/casino-challenges-overlay-0516d7ba.js +1 -0
- package/dist/casino-challenges-overlay/casino-challenges-overlay.esm.js +1 -1
- package/dist/casino-challenges-overlay/casino-challenges-overlay_2.entry.js +1 -1
- package/dist/casino-challenges-overlay/index.esm.js +1 -1
- package/dist/cjs/{casino-challenges-overlay-2332b012.js → casino-challenges-overlay-88fd932c.js} +58 -39
- package/dist/cjs/casino-challenges-overlay.cjs.js +1 -1
- package/dist/cjs/casino-challenges-overlay_2.cjs.entry.js +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/casino-challenges-overlay/casino-challenges-overlay.css +3 -1
- package/dist/collection/components/casino-challenges-overlay/casino-challenges-overlay.js +59 -38
- package/dist/esm/{casino-challenges-overlay-eef46bdb.js → casino-challenges-overlay-0516d7ba.js} +58 -39
- package/dist/esm/casino-challenges-overlay.js +1 -1
- package/dist/esm/casino-challenges-overlay_2.entry.js +2 -2
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/casino-challenges-overlay/casino-challenges-overlay.d.ts +4 -1
- package/dist/types/utils/types.d.ts +8 -0
- package/package.json +1 -1
- package/dist/casino-challenges-overlay/casino-challenges-overlay-eef46bdb.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as n,b as
|
|
1
|
+
import{p as n,b as e}from"./index-2be35f12.js";export{s as setNonce}from"./index-2be35f12.js";import{g as l}from"./app-globals-0f993ce5.js";(()=>{const e=import.meta.url,l={};return""!==e&&(l.resourcesUrl=new URL(".",e).href),n(l)})().then((async n=>(await l(),e([["casino-challenges-overlay_2",[[1,"casino-challenges-overlay",{mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],language:[513],challenges:[16],progress:[32],isGrayed:[32],isNew:[32],isGift:[32],isNotification:[32],inProgressCount:[32],activeChallenge:[32],completedLevelId:[32],prevUpdateEvent:[32],showModal:[32],modalTitle:[32],modalSubTitle:[32],modalBtnText:[32],modalShowIcon:[32],modalReward:[32],modalAddition:[32],modalAdditionLink:[32],modalAdditionText:[32],init:[64]},[[8,"message","handleEvent"]],{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],challenges:["handleChallengesChange"]}],[1,"casino-challenges-overlay-modal",{mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],language:[1],isOpen:[4,"is-open"],showIcon:[4,"show-icon"],showButton:[4,"show-button"],header:[1],subtitle:[1],reward:[1],addition:[1],additionLinkUrl:[1,"addition-link-url"],additionLinkText:[1,"addition-link-text"],actionText:[1,"action-text"],translationUrl:[513,"translation-url"],handleClick:[16]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}]]]],n))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{s as M,a as D,b as i}from"./casino-challenges-overlay-eef46bdb.js";export{C as casino_challenges_overlay}from"./casino-challenges-overlay-eef46bdb.js";import{r as g,h as N}from"./index-2be35f12.js";const e={en:{congrats:"Congratulations!",continue:"Continue"}},j=(M,D)=>e[D||"en"][M],t=class{constructor(M){g(this,M),this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.language="en",this.isOpen=!1,this.showIcon=!0,this.showButton=!0,this.header="",this.subtitle="",this.reward="",this.addition="",this.additionLinkUrl="",this.additionLinkText="",this.actionText="",this.translationUrl="",this.handleClick=()=>{}}handleClientStylingChange(D,i){D!=i&&M(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(M,i){M!=i&&D(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(M,D){M!=D&&i(this.stylingContainer,`${this.mbSource}.Style`)}componentWillLoad(){this.translationUrl&&(async M=>{if(M)try{const i=await fetch(M);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);const g=await i.json();D=g,Object.keys(D).forEach((M=>{for(let i in D[M])e[M]||(e[M]={}),e[M][i]=D[M][i]}))}catch(M){console.error("Failed to fetch or parse translations from URL:",M)}var D})(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&i(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&M(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&D(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return N("div",{key:"2824c43ba2f3d5f9d1f4aca77dcdebce527edcb8",ref:M=>this.stylingContainer=M,class:`ModalOverlay ${this.isOpen&&"Open"}`},N("div",{key:"479ba71d1d2c081b3d3cc93f52bd1848e299279b",class:"ModalWinAnimation"}),N("div",{key:"c0e45b25e7a66438bca3f24dc8e9fd93e1da8b8f",class:"ModalContent GradientBorder"},N("div",{key:"5d258e3480b8aeec879a15f5d063a8a4295575e0",class:"InnerContainer"},this.showIcon&&N("div",{key:"7cfdec9f66854d92adf8dc7f023d7d17fd53ab25",class:"ImageWrapper"},N("img",{key:"32e1a43bbfbca465b229fe3fd2a47be5ffae14e1",src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIyIDIzIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNDY0MjkgMi41QzcuMjE0NDIgMi41IDYuOTcxMDYgMi42MDA5IDYuNzg4NzggMi43ODY0OUM2LjYwNTkgMi45NzI3IDYuNTAwMDEgMy4yMjkwMyA2LjUwMDAxIDMuNUM2LjUwMDAxIDMuNzcwOTcgNi42MDU5IDQuMDI3MyA2Ljc4ODc4IDQuMjEzNTFDNi45NzEwNiA0LjM5OTEgNy4yMTQ0MiA0LjUgNy40NjQyOSA0LjVIOS42MzQyNUM5LjU2MTg3IDQuMzI4NjUgOS40Nzg1NyA0LjE1MTE2IDkuMzgzNTYgMy45NzUyN0M4Ljg5NzY5IDMuMDc1ODEgOC4yNzM5OCAyLjUgNy40NjQyOSAyLjVaTTEwIDYuNVY5LjVMMi42MDAwMSA5LjVDMi4zMDM0OCA5LjUgMi4xNDEyMiA5LjQ5OTIyIDIuMDI0NjQgOS40ODk3QzIuMDIgOS40ODkzMiAyLjAxNTYgOS40ODg5MyAyLjAxMTQ1IDkuNDg4NTVDMi4wMTEwNyA5LjQ4NDQgMi4wMTA2OSA5LjQ4MDAxIDIuMDEwMzEgOS40NzUzN0MyLjAwMDc4IDkuMzU4NzggMi4wMDAwMSA5LjE5NjUzIDIuMDAwMDEgOC45VjcuMUMyLjAwMDAxIDYuODAzNDcgMi4wMDA3OCA2LjY0MTIyIDIuMDEwMzEgNi41MjQ2M0MyLjAxMDY5IDYuNTE5OTkgMi4wMTEwNyA2LjUxNTYgMi4wMTE0NSA2LjUxMTQ1QzIuMDE1NiA2LjUxMTA3IDIuMDIgNi41MTA2OCAyLjAyNDY0IDYuNTEwM0MyLjE0MTIyIDYuNTAwNzggMi4zMDM0OCA2LjUgMi42MDAwMSA2LjVIMTBaTTQuNjY5NTMgNC41QzQuNTU4MjIgNC4xODEzMyA0LjUwMDAxIDMuODQzMzkgNC41MDAwMSAzLjVDNC41MDAwMSAyLjcxMDExIDQuODA4MDIgMS45NDkwMiA1LjM2MTg4IDEuMzg1MDhDNS45MTYzNSAwLjgyMDUzMSA2LjY3MjI0IDAuNSA3LjQ2NDI5IDAuNUM5LjI1OSAwLjUgMTAuMzcyNSAxLjcxODQ1IDExIDIuNzcyMjNDMTEuNjI3NSAxLjcxODQ1IDEyLjc0MSAwLjUgMTQuNTM1NyAwLjVDMTUuMzI3OCAwLjUgMTYuMDgzNyAwLjgyMDUzMSAxNi42MzgxIDEuMzg1MDhDMTcuMTkyIDEuOTQ5MDIgMTcuNSAyLjcxMDExIDE3LjUgMy41QzE3LjUgMy44NDMzOSAxNy40NDE4IDQuMTgxMzMgMTcuMzMwNSA0LjVMMTkuNDMxOSA0LjVDMTkuNjg0MyA0LjQ5OTk3IDE5LjkzMDEgNC40OTk5NCAyMC4xMzgyIDQuNTE2OTVDMjAuMzY2OCA0LjUzNTYyIDIwLjYzNjYgNC41Nzk2OSAyMC45MDggNC43MTc5OUMyMS4yODQzIDQuOTA5NzMgMjEuNTkwMyA1LjIxNTcgMjEuNzgyIDUuNTkyMDJDMjEuOTIwMyA1Ljg2MzQ0IDIxLjk2NDQgNi4xMzMxOCAyMS45ODMxIDYuMzYxNzdDMjIuMDAwMSA2LjU2OTkyIDIyIDYuODE1NzEgMjIgNy4wNjgwOFY4LjkzMTkyQzIyIDkuMTg0MjkgMjIuMDAwMSA5LjQzMDA4IDIxLjk4MzEgOS42MzgyM0MyMS45NjQ0IDkuODY2ODIgMjEuOTIwMyAxMC4xMzY2IDIxLjc4MiAxMC40MDhDMjEuNTkwMyAxMC43ODQzIDIxLjI4NDMgMTEuMDkwMyAyMC45MDggMTEuMjgyQzIwLjYzNjYgMTEuNDIwMyAyMC4zNjY4IDExLjQ2NDQgMjAuMTM4MiAxMS40ODMxQzIwLjA5MzggMTEuNDg2NyAyMC4wNDc2IDExLjQ4OTUgMjAgMTEuNDkxOFYxOC4zMzg2QzIwIDE4Ljg2NTcgMjAgMTkuMzIwNSAxOS45Njk0IDE5LjY5NUMxOS45MzcxIDIwLjA5MDQgMTkuODY1OCAyMC40ODM2IDE5LjY3MyAyMC44NjJDMTkuMzg1NCAyMS40MjY1IDE4LjkyNjUgMjEuODg1NCAxOC4zNjIgMjIuMTczQzE3Ljk4MzYgMjIuMzY1OCAxNy41OTA0IDIyLjQzNzEgMTcuMTk1IDIyLjQ2OTRDMTYuODIwNSAyMi41IDE2LjM2NTcgMjIuNSAxNS44Mzg2IDIyLjVIMTEuMDAxNEgxMUwxMC45OTg2IDIyLjVINi4xNjE0NEM1LjYzNDMgMjIuNSA1LjE3OTU0IDIyLjUgNC44MDQ5OCAyMi40Njk0QzQuNDA5NjMgMjIuNDM3MSA0LjAxNjQxIDIyLjM2NTggMy42MzgwMyAyMi4xNzNDMy4wNzM1NSAyMS44ODU0IDIuNjE0NiAyMS40MjY1IDIuMzI2OTkgMjAuODYyQzIuMTM0MTkgMjAuNDgzNiAyLjA2Mjg4IDIwLjA5MDQgMi4wMzA1NyAxOS42OTVDMS45OTk5NyAxOS4zMjA1IDEuOTk5OTkgMTguODY1NyAyIDE4LjMzODVMMi4wMDAwMSAxMS40OTE4QzEuOTUyNDEgMTEuNDg5NSAxLjkwNjI0IDExLjQ4NjcgMS44NjE3OCAxMS40ODMxQzEuNjMzMTggMTEuNDY0NCAxLjM2MzQ1IDExLjQyMDMgMS4wOTIwMiAxMS4yODJDMC43MTU3MDEgMTEuMDkwMyAwLjQwOTczOSAxMC43ODQzIDAuMjE3OTkyIDEwLjQwOEMwLjA3OTY5NDcgMTAuMTM2NiAwLjAzNTYyNzEgOS44NjY4MiAwLjAxNjk1MDQgOS42MzgyM0MtNS42ODYxZS0wNSA5LjQzMDA3IC0yLjc0MTYxZS0wNSA5LjE4NDI4IDIuNTA1NDRlLTA2IDguOTMxOUw1LjI0NzI2ZS0wNiA3LjFDNS4yNDcyNmUtMDYgNy4wODkzNiAzLjkzNTk1ZS0wNiA3LjA3ODcyIDIuNjI0NjVlLTA2IDcuMDY4MUMtMi43Mjk2OWUtMDUgNi44MTU3MiAtNS42NzQxOGUtMDUgNi41Njk5MyAwLjAxNjk1MDUgNi4zNjE3N0MwLjAzNTYyNzQgNi4xMzMxOCAwLjA3OTY5NSA1Ljg2MzQ0IDAuMjE3OTkyIDUuNTkyMDJDMC40MDk3MzkgNS4yMTU2OSAwLjcxNTcgNC45MDk3MyAxLjA5MjAyIDQuNzE3OTlDMS4zNjM0NSA0LjU3OTY5IDEuNjMzMTggNC41MzU2MiAxLjg2MTc4IDQuNTE2OTVDMi4wNjk5MyA0LjQ5OTk0IDIuMzE1NzMgNC40OTk5NyAyLjU2ODExIDQuNUMyLjU3ODczIDQuNSAyLjU4OTM2IDQuNSAyLjYwMDAxIDQuNUg0LjY2OTUzWk00LjAwMDAxIDExLjVWMTguM0M0LjAwMDAxIDE4Ljg3NjYgNC4wMDA3OCAxOS4yNDg4IDQuMDIzOTMgMTkuNTMyMkM0LjA0NjEzIDE5LjgwMzggNC4wODM4MSAxOS45MDQ1IDQuMTA5IDE5Ljk1NEM0LjIwNDg3IDIwLjE0MjEgNC4zNTc4NSAyMC4yOTUxIDQuNTQ2MDEgMjAuMzkxQzQuNTk1NDYgMjAuNDE2MiA0LjY5NjE4IDIwLjQ1MzkgNC45Njc4NCAyMC40NzYxQzUuMjUxMTggMjAuNDk5MiA1LjYyMzQ1IDIwLjUgNi4yMDAwMSAyMC41SDEwVjExLjVINC4wMDAwMVpNMTIgMTEuNVYyMC41SDE1LjhDMTYuMzc2NiAyMC41IDE2Ljc0ODggMjAuNDk5MiAxNy4wMzIyIDIwLjQ3NjFDMTcuMzAzOCAyMC40NTM5IDE3LjQwNDYgMjAuNDE2MiAxNy40NTQgMjAuMzkxQzE3LjY0MjIgMjAuMjk1MSAxNy43OTUxIDIwLjE0MjIgMTcuODkxIDE5Ljk1NEMxNy45MTYyIDE5LjkwNDUgMTcuOTUzOSAxOS44MDM4IDE3Ljk3NjEgMTkuNTMyMkMxNy45OTkyIDE5LjI0ODggMTggMTguODc2NiAxOCAxOC4zVjExLjVIMTJaTTE5LjQgOS41QzE5LjY5NjUgOS41IDE5Ljg1ODggOS40OTkyMiAxOS45NzU0IDkuNDg5N0MxOS45OCA5LjQ4OTMyIDE5Ljk4NDQgOS40ODg5MyAxOS45ODg2IDkuNDg4NTRDMTkuOTg4OSA5LjQ4NDQgMTkuOTg5MyA5LjQ4MDAxIDE5Ljk4OTcgOS40NzUzN0MxOS45OTkyIDkuMzU4NzggMjAgOS4xOTY1MyAyMCA4LjlWNy4xQzIwIDYuODAzNDcgMTkuOTk5MiA2LjY0MTIyIDE5Ljk4OTcgNi41MjQ2M0MxOS45ODkzIDYuNTE5OTkgMTkuOTg4OSA2LjUxNTYgMTkuOTg4NSA2LjUxMTQ1QzE5Ljk4NDQgNi41MTEwNyAxOS45OCA2LjUxMDY4IDE5Ljk3NTQgNi41MTAzQzE5Ljg1ODggNi41MDA3OCAxOS42OTY1IDYuNSAxOS40IDYuNUgxMlY5LjVIMTkuNFpNMTQuNTM1NyA0LjVDMTQuNzg1NiA0LjUgMTUuMDI4OSA0LjM5OTEgMTUuMjExMiA0LjIxMzUxQzE1LjM5NDEgNC4wMjczIDE1LjUgMy43NzA5NyAxNS41IDMuNUMxNS41IDMuMjI5MDMgMTUuMzk0MSAyLjk3MjcgMTUuMjExMiAyLjc4NjQ5QzE1LjAyODkgMi42MDA5IDE0Ljc4NTYgMi41IDE0LjUzNTcgMi41QzEzLjcyNiAyLjUgMTMuMTAyMyAzLjA3NTgxIDEyLjYxNjUgMy45NzUyN0MxMi41MjE0IDQuMTUxMTYgMTIuNDM4MSA0LjMyODY1IDEyLjM2NTggNC41SDE0LjUzNTdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjA1MV80MzkpIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjA1MV80MzkiIHgxPSIwIiB5MT0iMTEuNSIgeDI9IjIyIiB5Mj0iMTEuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMUU2NTRGIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFDOEQ1NiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPgo=",alt:"gift-box-icon"})),N("h1",{key:"0236d690962bf8e6ec0722061198eebe22993963",class:"ModalHeader",innerHTML:this.header||j("congrats",this.language)}),this.subtitle&&N("div",{key:"d76af009535ecf94808bdddc1d39cb5e6eb2ec8f",class:"ModalSubtitle",innerHTML:this.subtitle}),this.reward&&N("div",{key:"cf41803c33862996e57469dedd8e29c9ce1b03b4",class:"ModalReward",innerHTML:this.reward}),this.addition&&N("div",{key:"d6907547a7158d7d4e25b8445ce7da061999fb49",class:"ModalAddition"},N("span",{key:"dbf44912dbf402d392d063c2c4db7eec637f782d",innerHTML:this.addition}),this.additionLinkUrl&&this.additionLinkText&&N("a",{key:"19df109759ff7b92587e8f6a4cd9ec181d2ee694",href:this.additionLinkText},this.additionLinkText)),this.showButton&&N("button",{key:"290969fe58fff0df3b7f59231151c0a8e5d39cc4",class:"ModalAction",onClick:this.handleClick,innerHTML:this.actionText?this.actionText:j("continue",this.language)}))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};t.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:100%;text-align:center;max-height:90dvh;min-height:100px}.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);margin:0 0 10px;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-family:"Roboto", sans-serif;font-size:14px;font-style:normal;font-weight:400;margin-bottom: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:12px;font-style:normal;font-weight:400;margin-bottom:10px}.ModalAddition a{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}.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:14px 20px;margin-top:20px;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}';export{t as casino_challenges_overlay_modal}
|
|
1
|
+
import{s as M,a as D,b as i}from"./casino-challenges-overlay-0516d7ba.js";export{C as casino_challenges_overlay}from"./casino-challenges-overlay-0516d7ba.js";import{r as g,h as N}from"./index-2be35f12.js";const j={en:{congrats:"Congratulations!",continue:"Continue"}},e=(M,D)=>j[D||"en"][M],t=class{constructor(M){g(this,M),this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.language="en",this.isOpen=!1,this.showIcon=!0,this.showButton=!0,this.header="",this.subtitle="",this.reward="",this.addition="",this.additionLinkUrl="",this.additionLinkText="",this.actionText="",this.translationUrl="",this.handleClick=()=>{}}handleClientStylingChange(D,i){D!=i&&M(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(M,i){M!=i&&D(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(M,D){M!=D&&i(this.stylingContainer,`${this.mbSource}.Style`)}componentWillLoad(){this.translationUrl&&(async M=>{if(M)try{const i=await fetch(M);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);const g=await i.json();D=g,Object.keys(D).forEach((M=>{for(let i in D[M])j[M]||(j[M]={}),j[M][i]=D[M][i]}))}catch(M){console.error("Failed to fetch or parse translations from URL:",M)}var D})(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&i(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&M(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&D(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return N("div",{key:"2824c43ba2f3d5f9d1f4aca77dcdebce527edcb8",ref:M=>this.stylingContainer=M,class:`ModalOverlay ${this.isOpen&&"Open"}`},N("div",{key:"479ba71d1d2c081b3d3cc93f52bd1848e299279b",class:"ModalWinAnimation"}),N("div",{key:"c0e45b25e7a66438bca3f24dc8e9fd93e1da8b8f",class:"ModalContent GradientBorder"},N("div",{key:"5d258e3480b8aeec879a15f5d063a8a4295575e0",class:"InnerContainer"},this.showIcon&&N("div",{key:"7cfdec9f66854d92adf8dc7f023d7d17fd53ab25",class:"ImageWrapper"},N("img",{key:"32e1a43bbfbca465b229fe3fd2a47be5ffae14e1",src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIyIDIzIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNDY0MjkgMi41QzcuMjE0NDIgMi41IDYuOTcxMDYgMi42MDA5IDYuNzg4NzggMi43ODY0OUM2LjYwNTkgMi45NzI3IDYuNTAwMDEgMy4yMjkwMyA2LjUwMDAxIDMuNUM2LjUwMDAxIDMuNzcwOTcgNi42MDU5IDQuMDI3MyA2Ljc4ODc4IDQuMjEzNTFDNi45NzEwNiA0LjM5OTEgNy4yMTQ0MiA0LjUgNy40NjQyOSA0LjVIOS42MzQyNUM5LjU2MTg3IDQuMzI4NjUgOS40Nzg1NyA0LjE1MTE2IDkuMzgzNTYgMy45NzUyN0M4Ljg5NzY5IDMuMDc1ODEgOC4yNzM5OCAyLjUgNy40NjQyOSAyLjVaTTEwIDYuNVY5LjVMMi42MDAwMSA5LjVDMi4zMDM0OCA5LjUgMi4xNDEyMiA5LjQ5OTIyIDIuMDI0NjQgOS40ODk3QzIuMDIgOS40ODkzMiAyLjAxNTYgOS40ODg5MyAyLjAxMTQ1IDkuNDg4NTVDMi4wMTEwNyA5LjQ4NDQgMi4wMTA2OSA5LjQ4MDAxIDIuMDEwMzEgOS40NzUzN0MyLjAwMDc4IDkuMzU4NzggMi4wMDAwMSA5LjE5NjUzIDIuMDAwMDEgOC45VjcuMUMyLjAwMDAxIDYuODAzNDcgMi4wMDA3OCA2LjY0MTIyIDIuMDEwMzEgNi41MjQ2M0MyLjAxMDY5IDYuNTE5OTkgMi4wMTEwNyA2LjUxNTYgMi4wMTE0NSA2LjUxMTQ1QzIuMDE1NiA2LjUxMTA3IDIuMDIgNi41MTA2OCAyLjAyNDY0IDYuNTEwM0MyLjE0MTIyIDYuNTAwNzggMi4zMDM0OCA2LjUgMi42MDAwMSA2LjVIMTBaTTQuNjY5NTMgNC41QzQuNTU4MjIgNC4xODEzMyA0LjUwMDAxIDMuODQzMzkgNC41MDAwMSAzLjVDNC41MDAwMSAyLjcxMDExIDQuODA4MDIgMS45NDkwMiA1LjM2MTg4IDEuMzg1MDhDNS45MTYzNSAwLjgyMDUzMSA2LjY3MjI0IDAuNSA3LjQ2NDI5IDAuNUM5LjI1OSAwLjUgMTAuMzcyNSAxLjcxODQ1IDExIDIuNzcyMjNDMTEuNjI3NSAxLjcxODQ1IDEyLjc0MSAwLjUgMTQuNTM1NyAwLjVDMTUuMzI3OCAwLjUgMTYuMDgzNyAwLjgyMDUzMSAxNi42MzgxIDEuMzg1MDhDMTcuMTkyIDEuOTQ5MDIgMTcuNSAyLjcxMDExIDE3LjUgMy41QzE3LjUgMy44NDMzOSAxNy40NDE4IDQuMTgxMzMgMTcuMzMwNSA0LjVMMTkuNDMxOSA0LjVDMTkuNjg0MyA0LjQ5OTk3IDE5LjkzMDEgNC40OTk5NCAyMC4xMzgyIDQuNTE2OTVDMjAuMzY2OCA0LjUzNTYyIDIwLjYzNjYgNC41Nzk2OSAyMC45MDggNC43MTc5OUMyMS4yODQzIDQuOTA5NzMgMjEuNTkwMyA1LjIxNTcgMjEuNzgyIDUuNTkyMDJDMjEuOTIwMyA1Ljg2MzQ0IDIxLjk2NDQgNi4xMzMxOCAyMS45ODMxIDYuMzYxNzdDMjIuMDAwMSA2LjU2OTkyIDIyIDYuODE1NzEgMjIgNy4wNjgwOFY4LjkzMTkyQzIyIDkuMTg0MjkgMjIuMDAwMSA5LjQzMDA4IDIxLjk4MzEgOS42MzgyM0MyMS45NjQ0IDkuODY2ODIgMjEuOTIwMyAxMC4xMzY2IDIxLjc4MiAxMC40MDhDMjEuNTkwMyAxMC43ODQzIDIxLjI4NDMgMTEuMDkwMyAyMC45MDggMTEuMjgyQzIwLjYzNjYgMTEuNDIwMyAyMC4zNjY4IDExLjQ2NDQgMjAuMTM4MiAxMS40ODMxQzIwLjA5MzggMTEuNDg2NyAyMC4wNDc2IDExLjQ4OTUgMjAgMTEuNDkxOFYxOC4zMzg2QzIwIDE4Ljg2NTcgMjAgMTkuMzIwNSAxOS45Njk0IDE5LjY5NUMxOS45MzcxIDIwLjA5MDQgMTkuODY1OCAyMC40ODM2IDE5LjY3MyAyMC44NjJDMTkuMzg1NCAyMS40MjY1IDE4LjkyNjUgMjEuODg1NCAxOC4zNjIgMjIuMTczQzE3Ljk4MzYgMjIuMzY1OCAxNy41OTA0IDIyLjQzNzEgMTcuMTk1IDIyLjQ2OTRDMTYuODIwNSAyMi41IDE2LjM2NTcgMjIuNSAxNS44Mzg2IDIyLjVIMTEuMDAxNEgxMUwxMC45OTg2IDIyLjVINi4xNjE0NEM1LjYzNDMgMjIuNSA1LjE3OTU0IDIyLjUgNC44MDQ5OCAyMi40Njk0QzQuNDA5NjMgMjIuNDM3MSA0LjAxNjQxIDIyLjM2NTggMy42MzgwMyAyMi4xNzNDMy4wNzM1NSAyMS44ODU0IDIuNjE0NiAyMS40MjY1IDIuMzI2OTkgMjAuODYyQzIuMTM0MTkgMjAuNDgzNiAyLjA2Mjg4IDIwLjA5MDQgMi4wMzA1NyAxOS42OTVDMS45OTk5NyAxOS4zMjA1IDEuOTk5OTkgMTguODY1NyAyIDE4LjMzODVMMi4wMDAwMSAxMS40OTE4QzEuOTUyNDEgMTEuNDg5NSAxLjkwNjI0IDExLjQ4NjcgMS44NjE3OCAxMS40ODMxQzEuNjMzMTggMTEuNDY0NCAxLjM2MzQ1IDExLjQyMDMgMS4wOTIwMiAxMS4yODJDMC43MTU3MDEgMTEuMDkwMyAwLjQwOTczOSAxMC43ODQzIDAuMjE3OTkyIDEwLjQwOEMwLjA3OTY5NDcgMTAuMTM2NiAwLjAzNTYyNzEgOS44NjY4MiAwLjAxNjk1MDQgOS42MzgyM0MtNS42ODYxZS0wNSA5LjQzMDA3IC0yLjc0MTYxZS0wNSA5LjE4NDI4IDIuNTA1NDRlLTA2IDguOTMxOUw1LjI0NzI2ZS0wNiA3LjFDNS4yNDcyNmUtMDYgNy4wODkzNiAzLjkzNTk1ZS0wNiA3LjA3ODcyIDIuNjI0NjVlLTA2IDcuMDY4MUMtMi43Mjk2OWUtMDUgNi44MTU3MiAtNS42NzQxOGUtMDUgNi41Njk5MyAwLjAxNjk1MDUgNi4zNjE3N0MwLjAzNTYyNzQgNi4xMzMxOCAwLjA3OTY5NSA1Ljg2MzQ0IDAuMjE3OTkyIDUuNTkyMDJDMC40MDk3MzkgNS4yMTU2OSAwLjcxNTcgNC45MDk3MyAxLjA5MjAyIDQuNzE3OTlDMS4zNjM0NSA0LjU3OTY5IDEuNjMzMTggNC41MzU2MiAxLjg2MTc4IDQuNTE2OTVDMi4wNjk5MyA0LjQ5OTk0IDIuMzE1NzMgNC40OTk5NyAyLjU2ODExIDQuNUMyLjU3ODczIDQuNSAyLjU4OTM2IDQuNSAyLjYwMDAxIDQuNUg0LjY2OTUzWk00LjAwMDAxIDExLjVWMTguM0M0LjAwMDAxIDE4Ljg3NjYgNC4wMDA3OCAxOS4yNDg4IDQuMDIzOTMgMTkuNTMyMkM0LjA0NjEzIDE5LjgwMzggNC4wODM4MSAxOS45MDQ1IDQuMTA5IDE5Ljk1NEM0LjIwNDg3IDIwLjE0MjEgNC4zNTc4NSAyMC4yOTUxIDQuNTQ2MDEgMjAuMzkxQzQuNTk1NDYgMjAuNDE2MiA0LjY5NjE4IDIwLjQ1MzkgNC45Njc4NCAyMC40NzYxQzUuMjUxMTggMjAuNDk5MiA1LjYyMzQ1IDIwLjUgNi4yMDAwMSAyMC41SDEwVjExLjVINC4wMDAwMVpNMTIgMTEuNVYyMC41SDE1LjhDMTYuMzc2NiAyMC41IDE2Ljc0ODggMjAuNDk5MiAxNy4wMzIyIDIwLjQ3NjFDMTcuMzAzOCAyMC40NTM5IDE3LjQwNDYgMjAuNDE2MiAxNy40NTQgMjAuMzkxQzE3LjY0MjIgMjAuMjk1MSAxNy43OTUxIDIwLjE0MjIgMTcuODkxIDE5Ljk1NEMxNy45MTYyIDE5LjkwNDUgMTcuOTUzOSAxOS44MDM4IDE3Ljk3NjEgMTkuNTMyMkMxNy45OTkyIDE5LjI0ODggMTggMTguODc2NiAxOCAxOC4zVjExLjVIMTJaTTE5LjQgOS41QzE5LjY5NjUgOS41IDE5Ljg1ODggOS40OTkyMiAxOS45NzU0IDkuNDg5N0MxOS45OCA5LjQ4OTMyIDE5Ljk4NDQgOS40ODg5MyAxOS45ODg2IDkuNDg4NTRDMTkuOTg4OSA5LjQ4NDQgMTkuOTg5MyA5LjQ4MDAxIDE5Ljk4OTcgOS40NzUzN0MxOS45OTkyIDkuMzU4NzggMjAgOS4xOTY1MyAyMCA4LjlWNy4xQzIwIDYuODAzNDcgMTkuOTk5MiA2LjY0MTIyIDE5Ljk4OTcgNi41MjQ2M0MxOS45ODkzIDYuNTE5OTkgMTkuOTg4OSA2LjUxNTYgMTkuOTg4NSA2LjUxMTQ1QzE5Ljk4NDQgNi41MTEwNyAxOS45OCA2LjUxMDY4IDE5Ljk3NTQgNi41MTAzQzE5Ljg1ODggNi41MDA3OCAxOS42OTY1IDYuNSAxOS40IDYuNUgxMlY5LjVIMTkuNFpNMTQuNTM1NyA0LjVDMTQuNzg1NiA0LjUgMTUuMDI4OSA0LjM5OTEgMTUuMjExMiA0LjIxMzUxQzE1LjM5NDEgNC4wMjczIDE1LjUgMy43NzA5NyAxNS41IDMuNUMxNS41IDMuMjI5MDMgMTUuMzk0MSAyLjk3MjcgMTUuMjExMiAyLjc4NjQ5QzE1LjAyODkgMi42MDA5IDE0Ljc4NTYgMi41IDE0LjUzNTcgMi41QzEzLjcyNiAyLjUgMTMuMTAyMyAzLjA3NTgxIDEyLjYxNjUgMy45NzUyN0MxMi41MjE0IDQuMTUxMTYgMTIuNDM4MSA0LjMyODY1IDEyLjM2NTggNC41SDE0LjUzNTdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjA1MV80MzkpIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjA1MV80MzkiIHgxPSIwIiB5MT0iMTEuNSIgeDI9IjIyIiB5Mj0iMTEuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMUU2NTRGIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFDOEQ1NiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPgo=",alt:"gift-box-icon"})),N("h1",{key:"0236d690962bf8e6ec0722061198eebe22993963",class:"ModalHeader",innerHTML:this.header||e("congrats",this.language)}),this.subtitle&&N("div",{key:"d76af009535ecf94808bdddc1d39cb5e6eb2ec8f",class:"ModalSubtitle",innerHTML:this.subtitle}),this.reward&&N("div",{key:"cf41803c33862996e57469dedd8e29c9ce1b03b4",class:"ModalReward",innerHTML:this.reward}),this.addition&&N("div",{key:"d6907547a7158d7d4e25b8445ce7da061999fb49",class:"ModalAddition"},N("span",{key:"dbf44912dbf402d392d063c2c4db7eec637f782d",innerHTML:this.addition}),this.additionLinkUrl&&this.additionLinkText&&N("a",{key:"19df109759ff7b92587e8f6a4cd9ec181d2ee694",href:this.additionLinkText},this.additionLinkText)),this.showButton&&N("button",{key:"290969fe58fff0df3b7f59231151c0a8e5d39cc4",class:"ModalAction",onClick:this.handleClick,innerHTML:this.actionText?this.actionText:e("continue",this.language)}))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};t.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:100%;text-align:center;max-height:90dvh;min-height:100px}.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);margin:0 0 10px;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-family:"Roboto", sans-serif;font-size:14px;font-style:normal;font-weight:400;margin-bottom: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:12px;font-style:normal;font-weight:400;margin-bottom:10px}.ModalAddition a{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}.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:14px 20px;margin-top:20px;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}';export{t as casino_challenges_overlay_modal}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{C as CasinoChallengesOverlay}from"./casino-challenges-overlay-
|
|
1
|
+
export{C as CasinoChallengesOverlay}from"./casino-challenges-overlay-0516d7ba.js";import"./index-2be35f12.js";
|
package/dist/cjs/{casino-challenges-overlay-2332b012.js → casino-challenges-overlay-88fd932c.js}
RENAMED
|
@@ -151,7 +151,7 @@ var EChallengeLevelTargetType;
|
|
|
151
151
|
EChallengeLevelTargetType[EChallengeLevelTargetType["MultipleOneBetSize"] = 2] = "MultipleOneBetSize";
|
|
152
152
|
})(EChallengeLevelTargetType || (EChallengeLevelTargetType = {}));
|
|
153
153
|
|
|
154
|
-
const casinoChallengesOverlayCss = "@import url(\"https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&display=swap\");.container{
|
|
154
|
+
const casinoChallengesOverlayCss = "@import url(\"https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&display=swap\");.container{z-index:300;position:absolute;top:24px;left:10px}.circle{display:inline-block;box-sizing:border-box;border-radius:24px;position:relative;background:conic-gradient(from 270deg at 50% 50%, transparent 0deg var(--progress), var(--emw--border-color, #a4d3b4) var(--progress) 360deg), linear-gradient(103deg, var(--emw--progress-gradient-color-1, #FF9400) 16.9%, var(--emw--progress-gradient-color-2, #FEF746) 95.33%, var(--emw--progress-gradient-color-3, #FFE24A) 95.96%) no-repeat center/100% 100%;box-shadow:var(--emw--button-box-shadow, 0 4px 4px 0 rgba(0, 0, 0, 0.3019607843));width:55px;height:32px;padding:4px 6px;isolation:isolate}.circle__content{display:flex;align-items:center;justify-content:center;height:100%;pointer-events:none;color:var(--emw--color-white, #FFFFFF);z-index:302;position:relative;padding:0 0 0 12px}.circle__content span{font-family:var(--emw--font-family-secondary, \"Cherry Bomb One\", sans-serif);font-size:var(--emw--font-size-x-smal, 11px);font-weight:var(--emw--font-weight-normal, 400);letter-spacing:-0.22px;text-transform:uppercase}.circle__img{position:absolute;left:0;z-index:304;top:0}.circle.grayed{mix-blend-mode:luminosity}.circle.grayed::before{display:block}.circle.grayed .dot{filter:grayscale(100%)}.circle::after{content:\"\";position:absolute;inset:3px;border-radius:24px;background:linear-gradient(90deg, var(--emw--background-gradient-color-1, #24AA4D) 0%, var(--emw--background-gradient-color-2, #113F21) 100%);pointer-events:none}.dot{position:absolute;width:4px;height:4px;background:var(--emw--color-white, #FFFFFF);border-radius:50%;box-sizing:border-box;transform:translate(-50%, -50%);pointer-events:none;z-index:303;box-shadow:var(--emw--secondary-box-shadow, 0 0.33px 1.32px 0.165px rgba(0, 0, 0, 0.1215686275))}.dot::before{content:\"\";position:absolute;inset:0;border-radius:50%;padding:1px;background:linear-gradient(103deg, var(--emw--progress-gradient-color-1, #FF9400) 16.9%, var(--emw--progress-gradient-color-2, #FEF746) 95.33%, var(--emw--progress-gradient-color-3, #FFE24A) 95.96%);-webkit-mask:linear-gradient(var(--emw--color-white, #FFFFFF) 0 0) content-box, linear-gradient(var(--emw--color-white, #FFFFFF) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.dot::after{content:\"\";position:absolute;top:50%;left:50%;width:9px;height:9px;background:url(\"../../assets/indicator.png\") no-repeat center/contain, url(\"../../assets/shining.svg\") no-repeat center/contain;transform:translate(-50%, -50%);pointer-events:none;z-index:304}.circle::before{content:\"\";position:absolute;inset:0;background:var(--emw--color-gray-150, #808080);border-radius:24px;mix-blend-mode:saturation;pointer-events:none;z-index:305;display:none}.badge{border-radius:50%;background:radial-gradient(93.38% 91.12% at 11.11% 0%, var(--emw--badge-gradient-color-1, rgba(35, 176, 78, 0.8)) 0%, var(--emw--badge-gradient-color-2, rgba(188, 252, 177, 0.0784313725)) 100%), var(--emw--color-black, #000000);border:1px solid var(--emw--button-border-color, rgba(29, 249, 139, 0.8));position:absolute;height:18px;min-width:18px;align-content:center;box-sizing:border-box;top:-5px;left:44px;font-size:var(--emw--font-size-2x-smal, 10px);line-height:10px;font-weight:var(--emw--font-weight-normal, 400);font-family:var(--emw--font-family-secondary, \"Cherry Bomb One\", sans-serif);text-align:center}.badge.new{height:14px;border-radius:200px;padding:0 4px;padding-bottom:3px}.badge .icon{height:10px;width:10px}.badge .gradient-text{background:linear-gradient(103deg, var(--emw--progress-gradient-color-1, #FF9400) 16.9%, var(--emw--progress-gradient-color-3, #FFE24A) 70.65%, var(--emw--progress-gradient-color-2, #FEF746) 95.33%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}";
|
|
155
155
|
const CasinoChallengesOverlayStyle0 = casinoChallengesOverlayCss;
|
|
156
156
|
|
|
157
157
|
const CasinoChallengesOverlay = class {
|
|
@@ -170,6 +170,8 @@ const CasinoChallengesOverlay = class {
|
|
|
170
170
|
this.isNotification = false;
|
|
171
171
|
this.inProgressCount = 0;
|
|
172
172
|
this.activeChallenge = '';
|
|
173
|
+
this.completedLevelId = '';
|
|
174
|
+
this.prevUpdateEvent = undefined;
|
|
173
175
|
this.showModal = false;
|
|
174
176
|
this.modalTitle = '';
|
|
175
177
|
this.modalSubTitle = '';
|
|
@@ -198,41 +200,48 @@ const CasinoChallengesOverlay = class {
|
|
|
198
200
|
handleChallengesChange(newValue) {
|
|
199
201
|
if (Array.isArray(newValue)) {
|
|
200
202
|
let maxPercentage = 0;
|
|
201
|
-
|
|
202
|
-
const filteredChallenges = (newValue === null || newValue === void 0 ? void 0 : newValue.filter((x) => x.Status === EChallengeProgressStatus.InProgress)) || [];
|
|
203
|
+
const filteredChallenges = (newValue === null || newValue === void 0 ? void 0 : newValue.filter((x) => x.Status === EChallengeProgressStatus.InProgress || x.Status === EChallengeProgressStatus.PendingLevelReward)) || [];
|
|
203
204
|
for (const challenge of filteredChallenges) {
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
maxPercentage = level.ProgressPercentage;
|
|
210
|
-
this.activeChallenge = challenge.ChallengeId;
|
|
211
|
-
}
|
|
205
|
+
for (const level of challenge.LevelProgresses) {
|
|
206
|
+
if (level.ProgressStatus === EChallengeProgressLevelStatus.InProgress) {
|
|
207
|
+
if (level.ProgressPercentage > maxPercentage) {
|
|
208
|
+
maxPercentage = level.ProgressPercentage;
|
|
209
|
+
this.activeChallenge = challenge.ChallengeId;
|
|
212
210
|
}
|
|
213
211
|
}
|
|
214
212
|
}
|
|
215
213
|
}
|
|
216
214
|
this.progress = maxPercentage;
|
|
217
|
-
this.inProgressCount =
|
|
215
|
+
this.inProgressCount = filteredChallenges.length;
|
|
218
216
|
}
|
|
219
217
|
}
|
|
220
218
|
handleEvent(e) {
|
|
219
|
+
var _a, _b, _c, _d;
|
|
221
220
|
const { type, data } = e === null || e === void 0 ? void 0 : e.data;
|
|
222
221
|
switch (type) {
|
|
223
222
|
case 'UpdateChallengeProgress': {
|
|
224
223
|
const newChallenge = data;
|
|
225
|
-
|
|
224
|
+
if (!this.hasUpdateDataChanged(this.prevUpdateEvent, newChallenge)) {
|
|
225
|
+
return;
|
|
226
|
+
}
|
|
227
|
+
this.prevUpdateEvent = newChallenge;
|
|
228
|
+
this.completedLevelId = '';
|
|
226
229
|
this.isNew = this.isNotification = this.isGift = false;
|
|
227
|
-
const newChallenges = this.challenges.map((challenge) => {
|
|
230
|
+
const newChallenges = (_a = this.challenges) === null || _a === void 0 ? void 0 : _a.map((challenge) => {
|
|
228
231
|
if (challenge.ChallengeId !== (newChallenge === null || newChallenge === void 0 ? void 0 : newChallenge.ChallengeId))
|
|
229
232
|
return challenge;
|
|
230
233
|
const updatedLevels = challenge.LevelProgresses.map((level) => {
|
|
231
234
|
const newLevelData = newChallenge === null || newChallenge === void 0 ? void 0 : newChallenge.Levels.find((l) => l.LevelId === level.LevelId);
|
|
232
235
|
if (!newLevelData)
|
|
233
236
|
return level;
|
|
234
|
-
if (newLevelData.ProgressPercentage === 100) {
|
|
235
|
-
|
|
237
|
+
if (newLevelData.ProgressPercentage === 100 && level.ProgressPercentage !== 100) {
|
|
238
|
+
this.completedLevelId = level.LevelId;
|
|
239
|
+
setTimeout(() => {
|
|
240
|
+
if (newLevelData.LevelId === this.completedLevelId) {
|
|
241
|
+
this.completedLevelId = '';
|
|
242
|
+
this.isNew = this.isNotification = this.isGift = false;
|
|
243
|
+
}
|
|
244
|
+
}, 10000);
|
|
236
245
|
if (level.Rewards.every((r) => r.Type === EChallengeRewardType.Challenge)) {
|
|
237
246
|
this.isNew = true;
|
|
238
247
|
}
|
|
@@ -240,25 +249,12 @@ const CasinoChallengesOverlay = class {
|
|
|
240
249
|
this.isGift = true;
|
|
241
250
|
}
|
|
242
251
|
}
|
|
252
|
+
delete newLevelData.Rewards;
|
|
243
253
|
return Object.assign(Object.assign({}, level), newLevelData);
|
|
244
254
|
});
|
|
245
|
-
return Object.assign(Object.assign({}, challenge), { Status: newChallenge.Status, LevelProgresses: updatedLevels });
|
|
255
|
+
return Object.assign(Object.assign({}, challenge), { Status: newChallenge === null || newChallenge === void 0 ? void 0 : newChallenge.Status, LevelProgresses: updatedLevels });
|
|
246
256
|
});
|
|
247
257
|
this.challenges = newChallenges;
|
|
248
|
-
if (completedLevel) {
|
|
249
|
-
for (const challenge of this.challenges) {
|
|
250
|
-
for (const level of challenge.LevelProgresses) {
|
|
251
|
-
if (level.LevelId === completedLevel) {
|
|
252
|
-
level.ProgressStatus = EChallengeProgressLevelStatus.Completed;
|
|
253
|
-
const nextLevel = challenge.LevelProgresses.find((z) => z.OrderNumber === level.OrderNumber + 1);
|
|
254
|
-
if (nextLevel) {
|
|
255
|
-
nextLevel.ProgressStatus = EChallengeProgressLevelStatus.InProgress;
|
|
256
|
-
}
|
|
257
|
-
break;
|
|
258
|
-
}
|
|
259
|
-
}
|
|
260
|
-
}
|
|
261
|
-
}
|
|
262
258
|
break;
|
|
263
259
|
}
|
|
264
260
|
case 'ChallengeForfeitNotification': {
|
|
@@ -274,10 +270,14 @@ const CasinoChallengesOverlay = class {
|
|
|
274
270
|
this.modalShowIcon = false;
|
|
275
271
|
}
|
|
276
272
|
else {
|
|
277
|
-
const completedLevel = this.challenges
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
273
|
+
const completedLevel = (_c = (_b = this.challenges) === null || _b === void 0 ? void 0 : _b.flatMap((x) => x.LevelProgresses || [])) === null || _c === void 0 ? void 0 : _c.find((level) => level.LevelId === (data === null || data === void 0 ? void 0 : data.LevelId));
|
|
274
|
+
if (!completedLevel) {
|
|
275
|
+
return this.closeModal();
|
|
276
|
+
}
|
|
277
|
+
this.modalSubTitle =
|
|
278
|
+
translate('level', this.language) +
|
|
279
|
+
` ${(completedLevel === null || completedLevel === void 0 ? void 0 : completedLevel.OrderNumber) + 1} ` +
|
|
280
|
+
translate('completed', this.language);
|
|
281
281
|
this.modalReward = completedLevel.Rewards.map((reward) => reward.RewardDescription).join(' + ');
|
|
282
282
|
if (completedLevel.Rewards.some((x) => x.Type === EChallengeRewardType.Custom)) {
|
|
283
283
|
this.modalAddition = translate('physicalReward', this.language);
|
|
@@ -290,9 +290,27 @@ const CasinoChallengesOverlay = class {
|
|
|
290
290
|
this.handleStatusEvent(data);
|
|
291
291
|
}
|
|
292
292
|
case 'ChangeChallengeProgressStatus': {
|
|
293
|
-
this.challenges = this.challenges.map((x) => x.Id === (data === null || data === void 0 ? void 0 : data.ChallengeProgressId) ? Object.assign(Object.assign({}, x), { Status: data === null || data === void 0 ? void 0 : data.ChallengeProgressStatus }) : x);
|
|
293
|
+
this.challenges = (_d = this.challenges) === null || _d === void 0 ? void 0 : _d.map((x) => x.Id === (data === null || data === void 0 ? void 0 : data.ChallengeProgressId) ? Object.assign(Object.assign({}, x), { Status: data === null || data === void 0 ? void 0 : data.ChallengeProgressStatus }) : x);
|
|
294
|
+
}
|
|
295
|
+
}
|
|
296
|
+
}
|
|
297
|
+
hasUpdateDataChanged(prev, next) {
|
|
298
|
+
if (!prev)
|
|
299
|
+
return true;
|
|
300
|
+
if (prev.ProgressId !== next.ProgressId)
|
|
301
|
+
return true;
|
|
302
|
+
if (prev.Levels.length !== next.Levels.length)
|
|
303
|
+
return true;
|
|
304
|
+
for (let i = 0; i < next.Levels.length; i++) {
|
|
305
|
+
const a = prev.Levels[i];
|
|
306
|
+
const b = next.Levels[i];
|
|
307
|
+
if (a.LevelId !== b.LevelId ||
|
|
308
|
+
a.ProgressStatus !== b.ProgressStatus ||
|
|
309
|
+
a.ProgressPercentage !== b.ProgressPercentage) {
|
|
310
|
+
return true;
|
|
294
311
|
}
|
|
295
312
|
}
|
|
313
|
+
return false;
|
|
296
314
|
}
|
|
297
315
|
handleStatusEvent(data) {
|
|
298
316
|
const newChallenges = [...this.challenges];
|
|
@@ -445,10 +463,11 @@ const CasinoChallengesOverlay = class {
|
|
|
445
463
|
if (this.inProgressCount < 1) {
|
|
446
464
|
return;
|
|
447
465
|
}
|
|
448
|
-
const
|
|
466
|
+
const currProgress = this.completedLevelId ? 100 : this.progress;
|
|
467
|
+
const dot = this.getCapsuleDotPosition(currProgress);
|
|
449
468
|
return (index.h("div", { class: "container" }, index.h("div", { class: `circle ${this.isGrayed ? 'grayed' : ''}`, style: {
|
|
450
|
-
'--progress': `${
|
|
451
|
-
} }, index.h("img", { class: "circle__img", src: bgIconSvg }), index.h("div", { class: "circle__content" }, index.h("span", null,
|
|
469
|
+
'--progress': `${currProgress}%`
|
|
470
|
+
} }, index.h("img", { class: "circle__img", src: bgIconSvg }), index.h("div", { class: "circle__content" }, index.h("span", null, Math.floor(currProgress), "%")), dot && (index.h("div", { class: "dot", style: {
|
|
452
471
|
left: `${dot.x}px`,
|
|
453
472
|
top: `${dot.y}px`
|
|
454
473
|
} }))), !this.isGrayed && index.h("div", { class: `badge ${this.isNew ? 'new' : ''}` }, this.renderBadgeContent()), index.h("casino-challenges-overlay-modal", { isOpen: this.showModal, handleClick: () => this.closeModal(), header: this.modalTitle, subtitle: this.modalSubTitle, actionText: this.modalBtnText, showIcon: this.modalShowIcon, reward: this.modalReward, addition: this.modalAddition, additionLinkText: this.modalAdditionText, additionLinkUrl: this.modalAdditionText })));
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy([["casino-challenges-overlay_2.cjs",[[1,"casino-challenges-overlay",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"challenges":[16],"progress":[32],"isGrayed":[32],"isNew":[32],"isGift":[32],"isNotification":[32],"inProgressCount":[32],"activeChallenge":[32],"showModal":[32],"modalTitle":[32],"modalSubTitle":[32],"modalBtnText":[32],"modalShowIcon":[32],"modalReward":[32],"modalAddition":[32],"modalAdditionLink":[32],"modalAdditionText":[32],"init":[64]},[[8,"message","handleEvent"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"challenges":["handleChallengesChange"]}],[1,"casino-challenges-overlay-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[1],"isOpen":[4,"is-open"],"showIcon":[4,"show-icon"],"showButton":[4,"show-button"],"header":[1],"subtitle":[1],"reward":[1],"addition":[1],"additionLinkUrl":[1,"addition-link-url"],"additionLinkText":[1,"addition-link-text"],"actionText":[1,"action-text"],"translationUrl":[513,"translation-url"],"handleClick":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
|
|
22
|
+
return index.bootstrapLazy([["casino-challenges-overlay_2.cjs",[[1,"casino-challenges-overlay",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"challenges":[16],"progress":[32],"isGrayed":[32],"isNew":[32],"isGift":[32],"isNotification":[32],"inProgressCount":[32],"activeChallenge":[32],"completedLevelId":[32],"prevUpdateEvent":[32],"showModal":[32],"modalTitle":[32],"modalSubTitle":[32],"modalBtnText":[32],"modalShowIcon":[32],"modalReward":[32],"modalAddition":[32],"modalAdditionLink":[32],"modalAdditionText":[32],"init":[64]},[[8,"message","handleEvent"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"challenges":["handleChallengesChange"]}],[1,"casino-challenges-overlay-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[1],"isOpen":[4,"is-open"],"showIcon":[4,"show-icon"],"showButton":[4,"show-button"],"header":[1],"subtitle":[1],"reward":[1],"addition":[1],"additionLinkUrl":[1,"addition-link-url"],"additionLinkText":[1,"addition-link-text"],"actionText":[1,"action-text"],"translationUrl":[513,"translation-url"],"handleClick":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const casinoChallengesOverlay = require('./casino-challenges-overlay-
|
|
5
|
+
const casinoChallengesOverlay = require('./casino-challenges-overlay-88fd932c.js');
|
|
6
6
|
const index = require('./index-0f72939e.js');
|
|
7
7
|
|
|
8
8
|
const giftboxSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIyIDIzIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNDY0MjkgMi41QzcuMjE0NDIgMi41IDYuOTcxMDYgMi42MDA5IDYuNzg4NzggMi43ODY0OUM2LjYwNTkgMi45NzI3IDYuNTAwMDEgMy4yMjkwMyA2LjUwMDAxIDMuNUM2LjUwMDAxIDMuNzcwOTcgNi42MDU5IDQuMDI3MyA2Ljc4ODc4IDQuMjEzNTFDNi45NzEwNiA0LjM5OTEgNy4yMTQ0MiA0LjUgNy40NjQyOSA0LjVIOS42MzQyNUM5LjU2MTg3IDQuMzI4NjUgOS40Nzg1NyA0LjE1MTE2IDkuMzgzNTYgMy45NzUyN0M4Ljg5NzY5IDMuMDc1ODEgOC4yNzM5OCAyLjUgNy40NjQyOSAyLjVaTTEwIDYuNVY5LjVMMi42MDAwMSA5LjVDMi4zMDM0OCA5LjUgMi4xNDEyMiA5LjQ5OTIyIDIuMDI0NjQgOS40ODk3QzIuMDIgOS40ODkzMiAyLjAxNTYgOS40ODg5MyAyLjAxMTQ1IDkuNDg4NTVDMi4wMTEwNyA5LjQ4NDQgMi4wMTA2OSA5LjQ4MDAxIDIuMDEwMzEgOS40NzUzN0MyLjAwMDc4IDkuMzU4NzggMi4wMDAwMSA5LjE5NjUzIDIuMDAwMDEgOC45VjcuMUMyLjAwMDAxIDYuODAzNDcgMi4wMDA3OCA2LjY0MTIyIDIuMDEwMzEgNi41MjQ2M0MyLjAxMDY5IDYuNTE5OTkgMi4wMTEwNyA2LjUxNTYgMi4wMTE0NSA2LjUxMTQ1QzIuMDE1NiA2LjUxMTA3IDIuMDIgNi41MTA2OCAyLjAyNDY0IDYuNTEwM0MyLjE0MTIyIDYuNTAwNzggMi4zMDM0OCA2LjUgMi42MDAwMSA2LjVIMTBaTTQuNjY5NTMgNC41QzQuNTU4MjIgNC4xODEzMyA0LjUwMDAxIDMuODQzMzkgNC41MDAwMSAzLjVDNC41MDAwMSAyLjcxMDExIDQuODA4MDIgMS45NDkwMiA1LjM2MTg4IDEuMzg1MDhDNS45MTYzNSAwLjgyMDUzMSA2LjY3MjI0IDAuNSA3LjQ2NDI5IDAuNUM5LjI1OSAwLjUgMTAuMzcyNSAxLjcxODQ1IDExIDIuNzcyMjNDMTEuNjI3NSAxLjcxODQ1IDEyLjc0MSAwLjUgMTQuNTM1NyAwLjVDMTUuMzI3OCAwLjUgMTYuMDgzNyAwLjgyMDUzMSAxNi42MzgxIDEuMzg1MDhDMTcuMTkyIDEuOTQ5MDIgMTcuNSAyLjcxMDExIDE3LjUgMy41QzE3LjUgMy44NDMzOSAxNy40NDE4IDQuMTgxMzMgMTcuMzMwNSA0LjVMMTkuNDMxOSA0LjVDMTkuNjg0MyA0LjQ5OTk3IDE5LjkzMDEgNC40OTk5NCAyMC4xMzgyIDQuNTE2OTVDMjAuMzY2OCA0LjUzNTYyIDIwLjYzNjYgNC41Nzk2OSAyMC45MDggNC43MTc5OUMyMS4yODQzIDQuOTA5NzMgMjEuNTkwMyA1LjIxNTcgMjEuNzgyIDUuNTkyMDJDMjEuOTIwMyA1Ljg2MzQ0IDIxLjk2NDQgNi4xMzMxOCAyMS45ODMxIDYuMzYxNzdDMjIuMDAwMSA2LjU2OTkyIDIyIDYuODE1NzEgMjIgNy4wNjgwOFY4LjkzMTkyQzIyIDkuMTg0MjkgMjIuMDAwMSA5LjQzMDA4IDIxLjk4MzEgOS42MzgyM0MyMS45NjQ0IDkuODY2ODIgMjEuOTIwMyAxMC4xMzY2IDIxLjc4MiAxMC40MDhDMjEuNTkwMyAxMC43ODQzIDIxLjI4NDMgMTEuMDkwMyAyMC45MDggMTEuMjgyQzIwLjYzNjYgMTEuNDIwMyAyMC4zNjY4IDExLjQ2NDQgMjAuMTM4MiAxMS40ODMxQzIwLjA5MzggMTEuNDg2NyAyMC4wNDc2IDExLjQ4OTUgMjAgMTEuNDkxOFYxOC4zMzg2QzIwIDE4Ljg2NTcgMjAgMTkuMzIwNSAxOS45Njk0IDE5LjY5NUMxOS45MzcxIDIwLjA5MDQgMTkuODY1OCAyMC40ODM2IDE5LjY3MyAyMC44NjJDMTkuMzg1NCAyMS40MjY1IDE4LjkyNjUgMjEuODg1NCAxOC4zNjIgMjIuMTczQzE3Ljk4MzYgMjIuMzY1OCAxNy41OTA0IDIyLjQzNzEgMTcuMTk1IDIyLjQ2OTRDMTYuODIwNSAyMi41IDE2LjM2NTcgMjIuNSAxNS44Mzg2IDIyLjVIMTEuMDAxNEgxMUwxMC45OTg2IDIyLjVINi4xNjE0NEM1LjYzNDMgMjIuNSA1LjE3OTU0IDIyLjUgNC44MDQ5OCAyMi40Njk0QzQuNDA5NjMgMjIuNDM3MSA0LjAxNjQxIDIyLjM2NTggMy42MzgwMyAyMi4xNzNDMy4wNzM1NSAyMS44ODU0IDIuNjE0NiAyMS40MjY1IDIuMzI2OTkgMjAuODYyQzIuMTM0MTkgMjAuNDgzNiAyLjA2Mjg4IDIwLjA5MDQgMi4wMzA1NyAxOS42OTVDMS45OTk5NyAxOS4zMjA1IDEuOTk5OTkgMTguODY1NyAyIDE4LjMzODVMMi4wMDAwMSAxMS40OTE4QzEuOTUyNDEgMTEuNDg5NSAxLjkwNjI0IDExLjQ4NjcgMS44NjE3OCAxMS40ODMxQzEuNjMzMTggMTEuNDY0NCAxLjM2MzQ1IDExLjQyMDMgMS4wOTIwMiAxMS4yODJDMC43MTU3MDEgMTEuMDkwMyAwLjQwOTczOSAxMC43ODQzIDAuMjE3OTkyIDEwLjQwOEMwLjA3OTY5NDcgMTAuMTM2NiAwLjAzNTYyNzEgOS44NjY4MiAwLjAxNjk1MDQgOS42MzgyM0MtNS42ODYxZS0wNSA5LjQzMDA3IC0yLjc0MTYxZS0wNSA5LjE4NDI4IDIuNTA1NDRlLTA2IDguOTMxOUw1LjI0NzI2ZS0wNiA3LjFDNS4yNDcyNmUtMDYgNy4wODkzNiAzLjkzNTk1ZS0wNiA3LjA3ODcyIDIuNjI0NjVlLTA2IDcuMDY4MUMtMi43Mjk2OWUtMDUgNi44MTU3MiAtNS42NzQxOGUtMDUgNi41Njk5MyAwLjAxNjk1MDUgNi4zNjE3N0MwLjAzNTYyNzQgNi4xMzMxOCAwLjA3OTY5NSA1Ljg2MzQ0IDAuMjE3OTkyIDUuNTkyMDJDMC40MDk3MzkgNS4yMTU2OSAwLjcxNTcgNC45MDk3MyAxLjA5MjAyIDQuNzE3OTlDMS4zNjM0NSA0LjU3OTY5IDEuNjMzMTggNC41MzU2MiAxLjg2MTc4IDQuNTE2OTVDMi4wNjk5MyA0LjQ5OTk0IDIuMzE1NzMgNC40OTk5NyAyLjU2ODExIDQuNUMyLjU3ODczIDQuNSAyLjU4OTM2IDQuNSAyLjYwMDAxIDQuNUg0LjY2OTUzWk00LjAwMDAxIDExLjVWMTguM0M0LjAwMDAxIDE4Ljg3NjYgNC4wMDA3OCAxOS4yNDg4IDQuMDIzOTMgMTkuNTMyMkM0LjA0NjEzIDE5LjgwMzggNC4wODM4MSAxOS45MDQ1IDQuMTA5IDE5Ljk1NEM0LjIwNDg3IDIwLjE0MjEgNC4zNTc4NSAyMC4yOTUxIDQuNTQ2MDEgMjAuMzkxQzQuNTk1NDYgMjAuNDE2MiA0LjY5NjE4IDIwLjQ1MzkgNC45Njc4NCAyMC40NzYxQzUuMjUxMTggMjAuNDk5MiA1LjYyMzQ1IDIwLjUgNi4yMDAwMSAyMC41SDEwVjExLjVINC4wMDAwMVpNMTIgMTEuNVYyMC41SDE1LjhDMTYuMzc2NiAyMC41IDE2Ljc0ODggMjAuNDk5MiAxNy4wMzIyIDIwLjQ3NjFDMTcuMzAzOCAyMC40NTM5IDE3LjQwNDYgMjAuNDE2MiAxNy40NTQgMjAuMzkxQzE3LjY0MjIgMjAuMjk1MSAxNy43OTUxIDIwLjE0MjIgMTcuODkxIDE5Ljk1NEMxNy45MTYyIDE5LjkwNDUgMTcuOTUzOSAxOS44MDM4IDE3Ljk3NjEgMTkuNTMyMkMxNy45OTkyIDE5LjI0ODggMTggMTguODc2NiAxOCAxOC4zVjExLjVIMTJaTTE5LjQgOS41QzE5LjY5NjUgOS41IDE5Ljg1ODggOS40OTkyMiAxOS45NzU0IDkuNDg5N0MxOS45OCA5LjQ4OTMyIDE5Ljk4NDQgOS40ODg5MyAxOS45ODg2IDkuNDg4NTRDMTkuOTg4OSA5LjQ4NDQgMTkuOTg5MyA5LjQ4MDAxIDE5Ljk4OTcgOS40NzUzN0MxOS45OTkyIDkuMzU4NzggMjAgOS4xOTY1MyAyMCA4LjlWNy4xQzIwIDYuODAzNDcgMTkuOTk5MiA2LjY0MTIyIDE5Ljk4OTcgNi41MjQ2M0MxOS45ODkzIDYuNTE5OTkgMTkuOTg4OSA2LjUxNTYgMTkuOTg4NSA2LjUxMTQ1QzE5Ljk4NDQgNi41MTEwNyAxOS45OCA2LjUxMDY4IDE5Ljk3NTQgNi41MTAzQzE5Ljg1ODggNi41MDA3OCAxOS42OTY1IDYuNSAxOS40IDYuNUgxMlY5LjVIMTkuNFpNMTQuNTM1NyA0LjVDMTQuNzg1NiA0LjUgMTUuMDI4OSA0LjM5OTEgMTUuMjExMiA0LjIxMzUxQzE1LjM5NDEgNC4wMjczIDE1LjUgMy43NzA5NyAxNS41IDMuNUMxNS41IDMuMjI5MDMgMTUuMzk0MSAyLjk3MjcgMTUuMjExMiAyLjc4NjQ5QzE1LjAyODkgMi42MDA5IDE0Ljc4NTYgMi41IDE0LjUzNTcgMi41QzEzLjcyNiAyLjUgMTMuMTAyMyAzLjA3NTgxIDEyLjYxNjUgMy45NzUyN0MxMi41MjE0IDQuMTUxMTYgMTIuNDM4MSA0LjMyODY1IDEyLjM2NTggNC41SDE0LjUzNTdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjA1MV80MzkpIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjA1MV80MzkiIHgxPSIwIiB5MT0iMTEuNSIgeDI9IjIyIiB5Mj0iMTEuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMUU2NTRGIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFDOEQ1NiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPgo=';
|
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const casinoChallengesOverlay = require('./casino-challenges-overlay-
|
|
5
|
+
const casinoChallengesOverlay = require('./casino-challenges-overlay-88fd932c.js');
|
|
6
6
|
require('./index-0f72939e.js');
|
|
7
7
|
|
|
8
8
|
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await appGlobals.globalScripts();
|
|
11
|
-
return index.bootstrapLazy([["casino-challenges-overlay_2.cjs",[[1,"casino-challenges-overlay",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"challenges":[16],"progress":[32],"isGrayed":[32],"isNew":[32],"isGift":[32],"isNotification":[32],"inProgressCount":[32],"activeChallenge":[32],"showModal":[32],"modalTitle":[32],"modalSubTitle":[32],"modalBtnText":[32],"modalShowIcon":[32],"modalReward":[32],"modalAddition":[32],"modalAdditionLink":[32],"modalAdditionText":[32],"init":[64]},[[8,"message","handleEvent"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"challenges":["handleChallengesChange"]}],[1,"casino-challenges-overlay-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[1],"isOpen":[4,"is-open"],"showIcon":[4,"show-icon"],"showButton":[4,"show-button"],"header":[1],"subtitle":[1],"reward":[1],"addition":[1],"additionLinkUrl":[1,"addition-link-url"],"additionLinkText":[1,"addition-link-text"],"actionText":[1,"action-text"],"translationUrl":[513,"translation-url"],"handleClick":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
|
|
11
|
+
return index.bootstrapLazy([["casino-challenges-overlay_2.cjs",[[1,"casino-challenges-overlay",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"challenges":[16],"progress":[32],"isGrayed":[32],"isNew":[32],"isGift":[32],"isNotification":[32],"inProgressCount":[32],"activeChallenge":[32],"completedLevelId":[32],"prevUpdateEvent":[32],"showModal":[32],"modalTitle":[32],"modalSubTitle":[32],"modalBtnText":[32],"modalShowIcon":[32],"modalReward":[32],"modalAddition":[32],"modalAdditionLink":[32],"modalAdditionText":[32],"init":[64]},[[8,"message","handleEvent"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"challenges":["handleChallengesChange"]}],[1,"casino-challenges-overlay-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[1],"isOpen":[4,"is-open"],"showIcon":[4,"show-icon"],"showButton":[4,"show-button"],"header":[1],"subtitle":[1],"reward":[1],"addition":[1],"additionLinkUrl":[1,"addition-link-url"],"additionLinkText":[1,"addition-link-text"],"actionText":[1,"action-text"],"translationUrl":[513,"translation-url"],"handleClick":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -21,6 +21,8 @@ export class CasinoChallengesOverlay {
|
|
|
21
21
|
this.isNotification = false;
|
|
22
22
|
this.inProgressCount = 0;
|
|
23
23
|
this.activeChallenge = '';
|
|
24
|
+
this.completedLevelId = '';
|
|
25
|
+
this.prevUpdateEvent = undefined;
|
|
24
26
|
this.showModal = false;
|
|
25
27
|
this.modalTitle = '';
|
|
26
28
|
this.modalSubTitle = '';
|
|
@@ -49,41 +51,48 @@ export class CasinoChallengesOverlay {
|
|
|
49
51
|
handleChallengesChange(newValue) {
|
|
50
52
|
if (Array.isArray(newValue)) {
|
|
51
53
|
let maxPercentage = 0;
|
|
52
|
-
|
|
53
|
-
const filteredChallenges = (newValue === null || newValue === void 0 ? void 0 : newValue.filter((x) => x.Status === EChallengeProgressStatus.InProgress)) || [];
|
|
54
|
+
const filteredChallenges = (newValue === null || newValue === void 0 ? void 0 : newValue.filter((x) => x.Status === EChallengeProgressStatus.InProgress || x.Status === EChallengeProgressStatus.PendingLevelReward)) || [];
|
|
54
55
|
for (const challenge of filteredChallenges) {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
maxPercentage = level.ProgressPercentage;
|
|
61
|
-
this.activeChallenge = challenge.ChallengeId;
|
|
62
|
-
}
|
|
56
|
+
for (const level of challenge.LevelProgresses) {
|
|
57
|
+
if (level.ProgressStatus === EChallengeProgressLevelStatus.InProgress) {
|
|
58
|
+
if (level.ProgressPercentage > maxPercentage) {
|
|
59
|
+
maxPercentage = level.ProgressPercentage;
|
|
60
|
+
this.activeChallenge = challenge.ChallengeId;
|
|
63
61
|
}
|
|
64
62
|
}
|
|
65
63
|
}
|
|
66
64
|
}
|
|
67
65
|
this.progress = maxPercentage;
|
|
68
|
-
this.inProgressCount =
|
|
66
|
+
this.inProgressCount = filteredChallenges.length;
|
|
69
67
|
}
|
|
70
68
|
}
|
|
71
69
|
handleEvent(e) {
|
|
70
|
+
var _a, _b, _c, _d;
|
|
72
71
|
const { type, data } = e === null || e === void 0 ? void 0 : e.data;
|
|
73
72
|
switch (type) {
|
|
74
73
|
case 'UpdateChallengeProgress': {
|
|
75
74
|
const newChallenge = data;
|
|
76
|
-
|
|
75
|
+
if (!this.hasUpdateDataChanged(this.prevUpdateEvent, newChallenge)) {
|
|
76
|
+
return;
|
|
77
|
+
}
|
|
78
|
+
this.prevUpdateEvent = newChallenge;
|
|
79
|
+
this.completedLevelId = '';
|
|
77
80
|
this.isNew = this.isNotification = this.isGift = false;
|
|
78
|
-
const newChallenges = this.challenges.map((challenge) => {
|
|
81
|
+
const newChallenges = (_a = this.challenges) === null || _a === void 0 ? void 0 : _a.map((challenge) => {
|
|
79
82
|
if (challenge.ChallengeId !== (newChallenge === null || newChallenge === void 0 ? void 0 : newChallenge.ChallengeId))
|
|
80
83
|
return challenge;
|
|
81
84
|
const updatedLevels = challenge.LevelProgresses.map((level) => {
|
|
82
85
|
const newLevelData = newChallenge === null || newChallenge === void 0 ? void 0 : newChallenge.Levels.find((l) => l.LevelId === level.LevelId);
|
|
83
86
|
if (!newLevelData)
|
|
84
87
|
return level;
|
|
85
|
-
if (newLevelData.ProgressPercentage === 100) {
|
|
86
|
-
|
|
88
|
+
if (newLevelData.ProgressPercentage === 100 && level.ProgressPercentage !== 100) {
|
|
89
|
+
this.completedLevelId = level.LevelId;
|
|
90
|
+
setTimeout(() => {
|
|
91
|
+
if (newLevelData.LevelId === this.completedLevelId) {
|
|
92
|
+
this.completedLevelId = '';
|
|
93
|
+
this.isNew = this.isNotification = this.isGift = false;
|
|
94
|
+
}
|
|
95
|
+
}, 10000);
|
|
87
96
|
if (level.Rewards.every((r) => r.Type === EChallengeRewardType.Challenge)) {
|
|
88
97
|
this.isNew = true;
|
|
89
98
|
}
|
|
@@ -91,25 +100,12 @@ export class CasinoChallengesOverlay {
|
|
|
91
100
|
this.isGift = true;
|
|
92
101
|
}
|
|
93
102
|
}
|
|
103
|
+
delete newLevelData.Rewards;
|
|
94
104
|
return Object.assign(Object.assign({}, level), newLevelData);
|
|
95
105
|
});
|
|
96
|
-
return Object.assign(Object.assign({}, challenge), { Status: newChallenge.Status, LevelProgresses: updatedLevels });
|
|
106
|
+
return Object.assign(Object.assign({}, challenge), { Status: newChallenge === null || newChallenge === void 0 ? void 0 : newChallenge.Status, LevelProgresses: updatedLevels });
|
|
97
107
|
});
|
|
98
108
|
this.challenges = newChallenges;
|
|
99
|
-
if (completedLevel) {
|
|
100
|
-
for (const challenge of this.challenges) {
|
|
101
|
-
for (const level of challenge.LevelProgresses) {
|
|
102
|
-
if (level.LevelId === completedLevel) {
|
|
103
|
-
level.ProgressStatus = EChallengeProgressLevelStatus.Completed;
|
|
104
|
-
const nextLevel = challenge.LevelProgresses.find((z) => z.OrderNumber === level.OrderNumber + 1);
|
|
105
|
-
if (nextLevel) {
|
|
106
|
-
nextLevel.ProgressStatus = EChallengeProgressLevelStatus.InProgress;
|
|
107
|
-
}
|
|
108
|
-
break;
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
109
|
break;
|
|
114
110
|
}
|
|
115
111
|
case 'ChallengeForfeitNotification': {
|
|
@@ -125,10 +121,14 @@ export class CasinoChallengesOverlay {
|
|
|
125
121
|
this.modalShowIcon = false;
|
|
126
122
|
}
|
|
127
123
|
else {
|
|
128
|
-
const completedLevel = this.challenges
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
124
|
+
const completedLevel = (_c = (_b = this.challenges) === null || _b === void 0 ? void 0 : _b.flatMap((x) => x.LevelProgresses || [])) === null || _c === void 0 ? void 0 : _c.find((level) => level.LevelId === (data === null || data === void 0 ? void 0 : data.LevelId));
|
|
125
|
+
if (!completedLevel) {
|
|
126
|
+
return this.closeModal();
|
|
127
|
+
}
|
|
128
|
+
this.modalSubTitle =
|
|
129
|
+
translate('level', this.language) +
|
|
130
|
+
` ${(completedLevel === null || completedLevel === void 0 ? void 0 : completedLevel.OrderNumber) + 1} ` +
|
|
131
|
+
translate('completed', this.language);
|
|
132
132
|
this.modalReward = completedLevel.Rewards.map((reward) => reward.RewardDescription).join(' + ');
|
|
133
133
|
if (completedLevel.Rewards.some((x) => x.Type === EChallengeRewardType.Custom)) {
|
|
134
134
|
this.modalAddition = translate('physicalReward', this.language);
|
|
@@ -141,9 +141,27 @@ export class CasinoChallengesOverlay {
|
|
|
141
141
|
this.handleStatusEvent(data);
|
|
142
142
|
}
|
|
143
143
|
case 'ChangeChallengeProgressStatus': {
|
|
144
|
-
this.challenges = this.challenges.map((x) => x.Id === (data === null || data === void 0 ? void 0 : data.ChallengeProgressId) ? Object.assign(Object.assign({}, x), { Status: data === null || data === void 0 ? void 0 : data.ChallengeProgressStatus }) : x);
|
|
144
|
+
this.challenges = (_d = this.challenges) === null || _d === void 0 ? void 0 : _d.map((x) => x.Id === (data === null || data === void 0 ? void 0 : data.ChallengeProgressId) ? Object.assign(Object.assign({}, x), { Status: data === null || data === void 0 ? void 0 : data.ChallengeProgressStatus }) : x);
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
hasUpdateDataChanged(prev, next) {
|
|
149
|
+
if (!prev)
|
|
150
|
+
return true;
|
|
151
|
+
if (prev.ProgressId !== next.ProgressId)
|
|
152
|
+
return true;
|
|
153
|
+
if (prev.Levels.length !== next.Levels.length)
|
|
154
|
+
return true;
|
|
155
|
+
for (let i = 0; i < next.Levels.length; i++) {
|
|
156
|
+
const a = prev.Levels[i];
|
|
157
|
+
const b = next.Levels[i];
|
|
158
|
+
if (a.LevelId !== b.LevelId ||
|
|
159
|
+
a.ProgressStatus !== b.ProgressStatus ||
|
|
160
|
+
a.ProgressPercentage !== b.ProgressPercentage) {
|
|
161
|
+
return true;
|
|
145
162
|
}
|
|
146
163
|
}
|
|
164
|
+
return false;
|
|
147
165
|
}
|
|
148
166
|
handleStatusEvent(data) {
|
|
149
167
|
const newChallenges = [...this.challenges];
|
|
@@ -296,10 +314,11 @@ export class CasinoChallengesOverlay {
|
|
|
296
314
|
if (this.inProgressCount < 1) {
|
|
297
315
|
return;
|
|
298
316
|
}
|
|
299
|
-
const
|
|
317
|
+
const currProgress = this.completedLevelId ? 100 : this.progress;
|
|
318
|
+
const dot = this.getCapsuleDotPosition(currProgress);
|
|
300
319
|
return (h("div", { class: "container" }, h("div", { class: `circle ${this.isGrayed ? 'grayed' : ''}`, style: {
|
|
301
|
-
'--progress': `${
|
|
302
|
-
} }, h("img", { class: "circle__img", src: bgIcon }), h("div", { class: "circle__content" }, h("span", null,
|
|
320
|
+
'--progress': `${currProgress}%`
|
|
321
|
+
} }, h("img", { class: "circle__img", src: bgIcon }), h("div", { class: "circle__content" }, h("span", null, Math.floor(currProgress), "%")), dot && (h("div", { class: "dot", style: {
|
|
303
322
|
left: `${dot.x}px`,
|
|
304
323
|
top: `${dot.y}px`
|
|
305
324
|
} }))), !this.isGrayed && h("div", { class: `badge ${this.isNew ? 'new' : ''}` }, this.renderBadgeContent()), h("casino-challenges-overlay-modal", { isOpen: this.showModal, handleClick: () => this.closeModal(), header: this.modalTitle, subtitle: this.modalSubTitle, actionText: this.modalBtnText, showIcon: this.modalShowIcon, reward: this.modalReward, addition: this.modalAddition, additionLinkText: this.modalAdditionText, additionLinkUrl: this.modalAdditionText })));
|
|
@@ -437,6 +456,8 @@ export class CasinoChallengesOverlay {
|
|
|
437
456
|
"isNotification": {},
|
|
438
457
|
"inProgressCount": {},
|
|
439
458
|
"activeChallenge": {},
|
|
459
|
+
"completedLevelId": {},
|
|
460
|
+
"prevUpdateEvent": {},
|
|
440
461
|
"showModal": {},
|
|
441
462
|
"modalTitle": {},
|
|
442
463
|
"modalSubTitle": {},
|