@everymatrix/casino-challenges-overlay 0.3.3 → 0.3.4
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-e43b403e.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 -0
- package/dist/casino-challenges-overlay/index-7fdd1cbf.js +2 -0
- package/dist/casino-challenges-overlay/index.esm.js +1 -1
- package/dist/cjs/{casino-challenges-overlay-e96b8732.js → casino-challenges-overlay-a75f839f.js} +206 -9
- package/dist/cjs/casino-challenges-overlay.cjs.js +2 -2
- package/dist/cjs/casino-challenges-overlay_2.cjs.entry.js +121 -0
- package/dist/cjs/{index-87f5caf5.js → index-11e96899.js} +107 -6
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +8 -1
- package/dist/collection/components/casino-challenges-overlay/casino-challenges-overlay.css +3 -0
- package/dist/collection/components/casino-challenges-overlay/casino-challenges-overlay.js +204 -6
- package/dist/collection/utils/locale.utils.js +9 -1
- package/dist/collection/utils/types.js +32 -0
- package/dist/esm/{casino-challenges-overlay-127cb2bd.js → casino-challenges-overlay-e43b403e.js} +204 -10
- package/dist/esm/casino-challenges-overlay.js +3 -3
- package/dist/esm/casino-challenges-overlay_2.entry.js +117 -0
- package/dist/esm/{index-23ccb586.js → index-7fdd1cbf.js} +107 -6
- package/dist/esm/index.js +2 -2
- package/dist/esm/loader.js +3 -3
- package/dist/types/components/casino-challenges-overlay/casino-challenges-overlay.d.ts +21 -0
- package/dist/types/components.d.ts +10 -0
- package/dist/types/utils/types.d.ts +97 -0
- package/package.json +1 -1
- package/dist/casino-challenges-overlay/casino-challenges-overlay-127cb2bd.js +0 -1
- package/dist/casino-challenges-overlay/casino-challenges-overlay.entry.js +0 -1
- package/dist/casino-challenges-overlay/index-23ccb586.js +0 -2
- package/dist/cjs/casino-challenges-overlay.cjs.entry.js +0 -10
- package/dist/esm/casino-challenges-overlay.entry.js +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as n,b as l}from"./index-
|
|
1
|
+
import{p as n,b as l}from"./index-7fdd1cbf.js";export{s as setNonce}from"./index-7fdd1cbf.js";import{g as e}from"./app-globals-0f993ce5.js";(()=>{const l=import.meta.url,e={};return""!==l&&(e.resourcesUrl=new URL(".",l).href),n(e)})().then((async n=>(await e(),l([["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],showModal:[32],modalTitle:[32],modalSubTitle:[32],modalBtnText:[32],modalShowIcon:[32],modalReward:[32],modalAddition:[32],modalAdditionLink:[32],modalAdditionText:[32]},[[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))));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{s as M,a as D,b as i}from"./casino-challenges-overlay-e43b403e.js";export{C as casino_challenges_overlay}from"./casino-challenges-overlay-e43b403e.js";import{r as g,h as N}from"./index-7fdd1cbf.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}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var e=Object.defineProperty,t=new WeakMap,n=e=>t.get(e),l=(e,n)=>t.set(n.t=e,n),o=(e,t)=>t in e,s=(e,t)=>(0,console.error)(e,t),i=new Map,r=new Map,c="slot-fb{display:contents}slot-fb[hidden]{display:none}",u="undefined"!=typeof window?window:{},a=u.document||{head:{}},f={l:0,o:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},h=e=>Promise.resolve(e),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),p=!1,m=[],y=[],$=(e,t)=>n=>{e.push(n),p||(p=!0,t&&4&f.l?b(w):f.raf(w))},v=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},w=()=>{v(m),v(y),(p=m.length>0)&&f.raf(w)},b=e=>h().then(e),g=$(y,!0),S={},j=e=>"object"==(e=typeof e)||"function"===e;function k(e){var t,n,l;return null!=(l=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?l:void 0}((t,n)=>{for(var l in n)e(t,l,{get:n[l],enumerable:!0})})({},{err:()=>E,map:()=>C,ok:()=>O,unwrap:()=>P,unwrapErr:()=>L});var O=e=>({isOk:!0,isErr:!1,value:e}),E=e=>({isOk:!1,isErr:!0,value:e});function C(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>O(e))):O(n)}if(e.isErr)return E(e.value);throw"should never get here"}var M,x,P=e=>{if(e.isOk)return e.value;throw e.value},L=e=>{if(e.isErr)return e.value;throw e.value},R=(e,t,...n)=>{let l=null,o=null,s=!1,i=!1;const r=[],c=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?c(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!j(l))&&(l+=""),s&&i?r[r.length-1].i+=l:r.push(s?T(null,l):l),i=s)};if(c(n),t){t.key&&(o=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=T(e,null);return u.u=t,r.length>0&&(u.h=r),u.p=o,u},T=(e,t)=>({l:0,m:e,i:t,$:null,h:null,u:null,p:null}),A={},N=new WeakMap,U=e=>"sc-"+e.v,W=(e,t,n,l,s,i)=>{if(n!==l){let r=o(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=F(n),s=F(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(r||"o"!==t[0]||"n"!==t[1]){const o=j(l);if((r||o&&null!==l)&&!s)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?r=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!r||4&i||s)&&!o&&e.setAttribute(t,l=!0===l?"":l)}else if(t="-"===t[2]?t.slice(3):o(u,c)?c.slice(2):c[2]+t.slice(3),n||l){const o=t.endsWith(H);t=t.replace(q,""),n&&f.rel(e,t,n,o),l&&f.ael(e,t,l,o)}}},D=/\s/,F=e=>e?e.split(D):[],H="Capture",q=RegExp(H+"$"),G=(e,t,n)=>{const l=11===t.$.nodeType&&t.$.host?t.$.host:t.$,o=e&&e.u||S,s=t.u||S;for(const e of V(Object.keys(o)))e in s||W(l,e,o[e],void 0,n,t.l);for(const e of V(Object.keys(s)))W(l,e,o[e],s[e],n,t.l)};function V(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var _=!1,z=(e,t,n)=>{const l=t.h[n];let o,s,i=0;if(null!==l.i)o=l.$=a.createTextNode(l.i);else if(o=l.$=a.createElement(l.m),G(null,l,_),null!=M&&o["s-si"]!==M&&o.classList.add(o["s-si"]=M),l.h)for(i=0;i<l.h.length;++i)s=z(e,l,i),s&&o.appendChild(s);return o["s-hn"]=x,o},B=(e,t,n,l,o,s)=>{let i,r=e;for(r.shadowRoot&&r.tagName===x&&(r=r.shadowRoot);o<=s;++o)l[o]&&(i=z(null,n,o),i&&(l[o].$=i,X(r,i,t)))},I=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.$;Q(t),e&&e.remove()}}},J=(e,t,n=!1)=>e.m===t.m&&(!!n||e.p===t.p),K=(e,t,n=!1)=>{const l=t.$=e.$,o=e.h,s=t.h,i=t.i;null===i?(G(e,t,_),null!==o&&null!==s?((e,t,n,l,o=!1)=>{let s,i,r=0,c=0,u=0,a=0,f=t.length-1,h=t[0],d=t[f],p=l.length-1,m=l[0],y=l[p];for(;r<=f&&c<=p;)if(null==h)h=t[++r];else if(null==d)d=t[--f];else if(null==m)m=l[++c];else if(null==y)y=l[--p];else if(J(h,m,o))K(h,m,o),h=t[++r],m=l[++c];else if(J(d,y,o))K(d,y,o),d=t[--f],y=l[--p];else if(J(h,y,o))K(h,y,o),X(e,h.$,d.$.nextSibling),h=t[++r],y=l[--p];else if(J(d,m,o))K(d,m,o),X(e,d.$,h.$),d=t[--f],m=l[++c];else{for(u=-1,a=r;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===m.p){u=a;break}u>=0?(i=t[u],i.m!==m.m?s=z(t&&t[c],n,u):(K(i,m,o),t[u]=void 0,s=i.$),m=l[++c]):(s=z(t&&t[c],n,c),m=l[++c]),s&&X(h.$.parentNode,s,h.$)}r>f?B(e,null==l[p+1]?null:l[p+1].$,n,l,c,p):c>p&&I(t,r,f)})(l,o,t,s,n):null!==s?(null!==e.i&&(l.textContent=""),B(l,null,t,s,0,s.length-1)):null!==o&&I(o,0,o.length-1)):e.i!==i&&(l.data=i)},Q=e=>{e.u&&e.u.ref&&e.u.ref(null),e.h&&e.h.map(Q)},X=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),Y=(e,t)=>{t&&!e.S&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.S=t)))},Z=(e,t)=>{if(e.l|=16,!(4&e.l))return Y(e,e.j),g((()=>ee(e,t)));e.l|=512},ee=(e,t)=>{const n=e.t;if(!n)throw Error(`Can't render component <${e.$hostElement$.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return t&&(e.l|=256,e.k&&(e.k.map((([e,t])=>re(n,e,t))),e.k=void 0),l=re(n,"componentWillLoad")),te(l,(()=>le(e,n,t)))},te=(e,t)=>ne(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),ne=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,le=async(e,t,n)=>{var l;const o=e.$hostElement$,s=o["s-rc"];n&&(e=>{const t=e.O,n=e.$hostElement$,l=t.l,o=((e,t)=>{var n;const l=U(t),o=r.get(l);if(e=11===e.nodeType?e:a,o)if("string"==typeof o){let s,i=N.get(e=e.head||e);if(i||N.set(e,i=new Set),!i.has(l)){{s=a.createElement("style"),s.innerHTML=o;const t=null!=(n=f.C)?n:k(a);null!=t&&s.setAttribute("nonce",t),e.insertBefore(s,e.querySelector("link"))}4&t.l&&(s.innerHTML+=c),i&&i.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);oe(e,t,o,n),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!=(l=o["s-p"])?l:[],n=()=>se(e);0===t.length?n():(Promise.all(t).then(n),e.l|=4,t.length=0)}},oe=(e,t,n,l)=>{try{t=t.render(),e.l&=-17,e.l|=2,((e,t,n=!1)=>{const l=e.$hostElement$,o=e.O,s=e.M||T(null,null),i=(e=>e&&e.m===A)(t)?t:R(null,null,t);if(x=l.tagName,o.P&&(i.u=i.u||{},o.P.map((([e,t])=>i.u[t]=l[e]))),n&&i.u)for(const e of Object.keys(i.u))l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(i.u[e]=l[e]);i.m=null,i.l|=4,e.M=i,i.$=s.$=l.shadowRoot||l,M=l["s-sc"],K(s,i,n)})(e,t,l)}catch(t){s(t,e.$hostElement$)}return null},se=e=>{const t=e.$hostElement$,n=e.t,l=e.j;64&e.l||(e.l|=64,ce(t),re(n,"componentDidLoad"),e.L(t),l||ie()),e.S&&(e.S(),e.S=void 0),512&e.l&&b((()=>Z(e,!1))),e.l&=-517},ie=()=>{ce(a.documentElement),b((()=>(e=>{const t=f.ce("appload",{detail:{namespace:"casino-challenges-overlay"}});return e.dispatchEvent(t),t})(u)))},re=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){s(e)}},ce=e=>e.classList.add("hydrated"),ue=(e,t,l)=>{var o,i;const r=e.prototype;if(t.R||t.T||e.watchers){e.watchers&&!t.T&&(t.T=e.watchers);const c=Object.entries(null!=(o=t.R)?o:{});if(c.map((([e,[o]])=>{(31&o||2&l&&32&o)&&Object.defineProperty(r,e,{get(){return((e,t)=>n(this).A.get(t))(0,e)},set(l){((e,t,l,o)=>{const i=n(e);if(!i)throw Error(`Couldn't find host element for "${o.v}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const r=i.$hostElement$,c=i.A.get(t),u=i.l,a=i.t;if(l=((e,t)=>null==e||j(e)?e:4&t?"false"!==e&&(""===e||!!e):1&t?e+"":e)(l,o.R[t][0]),(!(8&u)||void 0===c)&&l!==c&&(!Number.isNaN(c)||!Number.isNaN(l))&&(i.A.set(t,l),a)){if(o.T&&128&u){const e=o.T[t];e&&e.map((e=>{try{a[e](l,c,t)}catch(e){s(e,r)}}))}2==(18&u)&&Z(i,!1)}})(this,e,l,t)},configurable:!0,enumerable:!0})})),1&l){const l=new Map;r.attributeChangedCallback=function(e,o,s){f.jmp((()=>{var i;const c=l.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(r.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const l=n(this),r=null==l?void 0:l.l;if(r&&!(8&r)&&128&r&&s!==o){const n=l.t,r=null==(i=t.T)?void 0:i[e];null==r||r.forEach((t=>{null!=n[t]&&n[t].call(n,s,o,e)}))}return}}this[c]=(null!==s||"boolean"!=typeof this[c])&&s}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(i=t.T)?i:{}),...c.filter((([e,t])=>15&t[0])).map((([e,n])=>{var o;const s=n[1]||e;return l.set(s,e),512&n[0]&&(null==(o=t.P)||o.push([e,s])),s}))]))}}return e},ae=e=>{re(e,"disconnectedCallback")},fe=(e,l={})=>{var o;const h=[],p=l.exclude||[],m=u.customElements,y=a.head,$=y.querySelector("meta[charset]"),v=a.createElement("style"),w=[];let b,g=!0;Object.assign(f,l),f.o=new URL(l.resourcesUrl||"./",a.baseURI).href;let S=!1;if(e.map((e=>{e[1].map((l=>{var o;const c={l:l[0],v:l[1],R:l[2],N:l[3]};4&c.l&&(S=!0),c.R=l[2],c.N=l[3],c.P=[],c.T=null!=(o=l[4])?o:{};const u=c.v,a=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const l={l:0,$hostElement$:e,O:n,A:new Map};l.U=new Promise((e=>l.L=e)),e["s-p"]=[],e["s-rc"]=[],t.set(e,l)})(e=this,c),1&c.l)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${c.v}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){const e=n(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,he(this,e,c.N)),b&&(clearTimeout(b),b=null),g?w.push(this):f.jmp((()=>(e=>{if(!(1&f.l)){const t=n(e),l=t.O,o=()=>{};if(1&t.l)he(e,t,l.N),(null==t?void 0:t.t)||(null==t?void 0:t.U)&&t.U.then((()=>{}));else{t.l|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){Y(t,t.j=n);break}}l.R&&Object.entries(l.R).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let l;if(!(32&t.l)){if(t.l|=32,n.W){const e=(e=>{const t=e.v.replace(/-/g,"_"),n=e.W;if(!n)return;const l=i.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(i.set(n,e),e[t])),s)
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n);if(e&&"then"in e){const t=()=>{};l=await e,t()}else l=e;if(!l)throw Error(`Constructor for "${n.v}#${t.D}" was not found`);l.isProxied||(n.T=l.watchers,ue(l,n,2),l.isProxied=!0);const o=()=>{};t.l|=8;try{new l(t)}catch(e){s(e)}t.l&=-9,t.l|=128,o()}else l=e.constructor,customElements.whenDefined(e.localName).then((()=>t.l|=128));if(l&&l.style){let e;"string"==typeof l.style&&(e=l.style);const t=U(n);if(!r.has(t)){const l=()=>{};((e,t,n)=>{let l=r.get(e);d&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,r.set(e,l)})(t,e,!!(1&n.l)),l()}}}const o=t.j,c=()=>Z(t,!0);o&&o["s-rc"]?o["s-rc"].push(c):c()})(e,t,l)}o()}})(this)))}disconnectedCallback(){f.jmp((()=>(async()=>{if(!(1&f.l)){const e=n(this);e.F&&(e.F.map((e=>e())),e.F=void 0),(null==e?void 0:e.t)?ae(e.t):(null==e?void 0:e.U)&&e.U.then((()=>ae(e.t)))}})()))}componentOnReady(){return n(this).U}};c.W=e[0],p.includes(u)||m.get(u)||(h.push(u),m.define(u,ue(a,c,1)))}))})),h.length>0&&(S&&(v.textContent+=c),v.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const e=null!=(o=f.C)?o:k(a);null!=e&&v.setAttribute("nonce",e),y.insertBefore(v,$?$.nextSibling:y.firstChild)}g=!1,w.length?w.map((e=>e.connectedCallback())):f.jmp((()=>b=setTimeout(ie,30)))},he=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=pe(e,n),i=de(t,o),r=me(n);f.ael(s,l,i,r),(t.F=t.F||[]).push((()=>f.rel(s,l,i,r)))}))},de=(e,t)=>n=>{var l;try{256&e.l?null==(l=e.t)||l[t](n):(e.k=e.k||[]).push([t,n])}catch(e){s(e)}},pe=(e,t)=>8&t?u:e,me=e=>({passive:!!(1&e),capture:!!(2&e)}),ye=e=>f.C=e;export{fe as b,R as h,h as p,l as r,ye as s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{C as CasinoChallengesOverlay}from"./casino-challenges-overlay-
|
|
1
|
+
export{C as CasinoChallengesOverlay}from"./casino-challenges-overlay-e43b403e.js";import"./index-7fdd1cbf.js";
|
package/dist/cjs/{casino-challenges-overlay-e96b8732.js → casino-challenges-overlay-a75f839f.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
const index = require('./index-
|
|
3
|
+
const index = require('./index-11e96899.js');
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* @name setClientStyling
|
|
@@ -68,7 +68,15 @@ const giftSvg = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZ
|
|
|
68
68
|
const DEFAULT_LANGUAGE = 'en';
|
|
69
69
|
const TRANSLATIONS = {
|
|
70
70
|
en: {
|
|
71
|
-
new: 'new'
|
|
71
|
+
new: 'new',
|
|
72
|
+
errorBtnText: 'Ok',
|
|
73
|
+
errorTitle: 'Reward failed',
|
|
74
|
+
errorSubTitle: 'Sorry — we couldn’t grant the reward. Please try again.',
|
|
75
|
+
level: 'Level',
|
|
76
|
+
completed: 'has been completed!',
|
|
77
|
+
youWon: 'You have won',
|
|
78
|
+
physicalReward: 'for physical rewards please contact ',
|
|
79
|
+
linkText: 'Customer Support'
|
|
72
80
|
},
|
|
73
81
|
ro: {},
|
|
74
82
|
fr: {},
|
|
@@ -102,7 +110,40 @@ const resolveTranslationUrl = async (translationUrl) => {
|
|
|
102
110
|
}
|
|
103
111
|
};
|
|
104
112
|
|
|
105
|
-
|
|
113
|
+
var EChallengeRewardType;
|
|
114
|
+
(function (EChallengeRewardType) {
|
|
115
|
+
EChallengeRewardType[EChallengeRewardType["FreeSpins"] = 0] = "FreeSpins";
|
|
116
|
+
EChallengeRewardType[EChallengeRewardType["LuckyWheel"] = 1] = "LuckyWheel";
|
|
117
|
+
EChallengeRewardType[EChallengeRewardType["Leaderboard"] = 2] = "Leaderboard";
|
|
118
|
+
EChallengeRewardType[EChallengeRewardType["Challenge"] = 3] = "Challenge";
|
|
119
|
+
EChallengeRewardType[EChallengeRewardType["Custom"] = 4] = "Custom";
|
|
120
|
+
})(EChallengeRewardType || (EChallengeRewardType = {}));
|
|
121
|
+
var EChallengeProgressStatus;
|
|
122
|
+
(function (EChallengeProgressStatus) {
|
|
123
|
+
EChallengeProgressStatus[EChallengeProgressStatus["Closed"] = 0] = "Closed";
|
|
124
|
+
EChallengeProgressStatus[EChallengeProgressStatus["InProgress"] = 1] = "InProgress";
|
|
125
|
+
EChallengeProgressStatus[EChallengeProgressStatus["Fillup"] = 2] = "Fillup";
|
|
126
|
+
EChallengeProgressStatus[EChallengeProgressStatus["Completed"] = 3] = "Completed";
|
|
127
|
+
})(EChallengeProgressStatus || (EChallengeProgressStatus = {}));
|
|
128
|
+
var EChallengeStatus;
|
|
129
|
+
(function (EChallengeStatus) {
|
|
130
|
+
EChallengeStatus[EChallengeStatus["Started"] = 0] = "Started";
|
|
131
|
+
EChallengeStatus[EChallengeStatus["InProgress"] = 1] = "InProgress";
|
|
132
|
+
EChallengeStatus[EChallengeStatus["PendingLevelReward"] = 2] = "PendingLevelReward";
|
|
133
|
+
EChallengeStatus[EChallengeStatus["Completed"] = 3] = "Completed";
|
|
134
|
+
EChallengeStatus[EChallengeStatus["Expired"] = 4] = "Expired";
|
|
135
|
+
EChallengeStatus[EChallengeStatus["Forfeited"] = 5] = "Forfeited";
|
|
136
|
+
EChallengeStatus[EChallengeStatus["Awaiting"] = 6] = "Awaiting";
|
|
137
|
+
EChallengeStatus[EChallengeStatus["Paused"] = 7] = "Paused";
|
|
138
|
+
})(EChallengeStatus || (EChallengeStatus = {}));
|
|
139
|
+
var EChallengeLevelTargetType;
|
|
140
|
+
(function (EChallengeLevelTargetType) {
|
|
141
|
+
EChallengeLevelTargetType[EChallengeLevelTargetType["Accumulative"] = 0] = "Accumulative";
|
|
142
|
+
EChallengeLevelTargetType[EChallengeLevelTargetType["SingleBet"] = 1] = "SingleBet";
|
|
143
|
+
EChallengeLevelTargetType[EChallengeLevelTargetType["MultipleOneBetSize"] = 2] = "MultipleOneBetSize";
|
|
144
|
+
})(EChallengeLevelTargetType || (EChallengeLevelTargetType = {}));
|
|
145
|
+
|
|
146
|
+
const casinoChallengesOverlayCss = "@import url(\"https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&display=swap\");.container{position:relative;z-index:300}.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}";
|
|
106
147
|
const CasinoChallengesOverlayStyle0 = casinoChallengesOverlayCss;
|
|
107
148
|
|
|
108
149
|
const CasinoChallengesOverlay = class {
|
|
@@ -113,11 +154,23 @@ const CasinoChallengesOverlay = class {
|
|
|
113
154
|
this.clientStylingUrl = undefined;
|
|
114
155
|
this.translationUrl = '';
|
|
115
156
|
this.language = 'en';
|
|
116
|
-
this.
|
|
157
|
+
this.challenges = undefined;
|
|
158
|
+
this.progress = 0;
|
|
117
159
|
this.isGrayed = false;
|
|
118
160
|
this.isNew = false;
|
|
119
161
|
this.isGift = false;
|
|
120
162
|
this.isNotification = false;
|
|
163
|
+
this.inProgressCount = 0;
|
|
164
|
+
this.activeChallenge = '';
|
|
165
|
+
this.showModal = false;
|
|
166
|
+
this.modalTitle = '';
|
|
167
|
+
this.modalSubTitle = '';
|
|
168
|
+
this.modalBtnText = '';
|
|
169
|
+
this.modalShowIcon = true;
|
|
170
|
+
this.modalReward = '';
|
|
171
|
+
this.modalAddition = '';
|
|
172
|
+
this.modalAdditionLink = '';
|
|
173
|
+
this.modalAdditionText = '';
|
|
121
174
|
}
|
|
122
175
|
handleClientStylingChange(newValue, oldValue) {
|
|
123
176
|
if (newValue != oldValue) {
|
|
@@ -134,7 +187,134 @@ const CasinoChallengesOverlay = class {
|
|
|
134
187
|
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
135
188
|
}
|
|
136
189
|
}
|
|
190
|
+
handleChallengesChange(newValue) {
|
|
191
|
+
let maxPercentage = 0;
|
|
192
|
+
let count = 0;
|
|
193
|
+
for (const challenge of newValue.filter((x) => x.Status === EChallengeStatus.InProgress)) {
|
|
194
|
+
if (challenge.Status === EChallengeStatus.InProgress) {
|
|
195
|
+
count++;
|
|
196
|
+
for (const level of challenge.LevelProgresses) {
|
|
197
|
+
if (level.ProgressStatus === EChallengeProgressStatus.InProgress) {
|
|
198
|
+
if (level.ProgressPercentage > maxPercentage) {
|
|
199
|
+
maxPercentage = level.ProgressPercentage;
|
|
200
|
+
this.activeChallenge = challenge.ChallengeId;
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
this.progress = maxPercentage;
|
|
207
|
+
this.inProgressCount = count;
|
|
208
|
+
}
|
|
209
|
+
handleEvent(e) {
|
|
210
|
+
const { type, data } = e === null || e === void 0 ? void 0 : e.data;
|
|
211
|
+
switch (type) {
|
|
212
|
+
case 'UpdateChallengeProgress': {
|
|
213
|
+
const newChallenge = data;
|
|
214
|
+
let completedLevel = '';
|
|
215
|
+
this.isNew = this.isNotification = this.isGift = false;
|
|
216
|
+
const newChallenges = this.challenges.map((challenge) => {
|
|
217
|
+
if (challenge.ChallengeId !== (newChallenge === null || newChallenge === void 0 ? void 0 : newChallenge.ChallengeId))
|
|
218
|
+
return challenge;
|
|
219
|
+
const updatedLevels = challenge.LevelProgresses.map((level) => {
|
|
220
|
+
const newLevelData = newChallenge === null || newChallenge === void 0 ? void 0 : newChallenge.Levels.find((l) => l.LevelId === level.LevelId);
|
|
221
|
+
if (!newLevelData)
|
|
222
|
+
return level;
|
|
223
|
+
if (newLevelData.ProgressPercentage === 100) {
|
|
224
|
+
completedLevel = level.LevelId;
|
|
225
|
+
if (level.Rewards.every((r) => r.Type === EChallengeRewardType.Challenge)) {
|
|
226
|
+
this.isNew = true;
|
|
227
|
+
}
|
|
228
|
+
else {
|
|
229
|
+
this.isGift = true;
|
|
230
|
+
}
|
|
231
|
+
}
|
|
232
|
+
return Object.assign(Object.assign({}, level), newLevelData);
|
|
233
|
+
});
|
|
234
|
+
return Object.assign(Object.assign({}, challenge), { Status: newChallenge.Status, LevelProgresses: updatedLevels });
|
|
235
|
+
});
|
|
236
|
+
this.challenges = newChallenges;
|
|
237
|
+
if (completedLevel) {
|
|
238
|
+
for (const challenge of this.challenges) {
|
|
239
|
+
for (const level of challenge.LevelProgresses) {
|
|
240
|
+
if (level.LevelId === completedLevel) {
|
|
241
|
+
level.ProgressStatus = EChallengeProgressStatus.Completed;
|
|
242
|
+
const nextLevel = challenge.LevelProgresses.find((z) => z.OrderNumber === level.OrderNumber + 1);
|
|
243
|
+
if (nextLevel) {
|
|
244
|
+
nextLevel.ProgressStatus = EChallengeProgressStatus.InProgress;
|
|
245
|
+
}
|
|
246
|
+
break;
|
|
247
|
+
}
|
|
248
|
+
}
|
|
249
|
+
}
|
|
250
|
+
}
|
|
251
|
+
break;
|
|
252
|
+
}
|
|
253
|
+
case 'ChallengeForfeitNotification': {
|
|
254
|
+
this.handleStatusEvent(data);
|
|
255
|
+
break;
|
|
256
|
+
}
|
|
257
|
+
case 'ShowChallengeRewardModal': {
|
|
258
|
+
this.showModal = true;
|
|
259
|
+
if (data === null || data === void 0 ? void 0 : data.HasError) {
|
|
260
|
+
this.modalTitle = translate('errorTitle', this.language);
|
|
261
|
+
this.modalSubTitle = translate('errorSubTitle', this.language);
|
|
262
|
+
this.modalBtnText = translate('errorBtnText', this.language);
|
|
263
|
+
this.modalShowIcon = false;
|
|
264
|
+
}
|
|
265
|
+
else {
|
|
266
|
+
const completedLevel = this.challenges
|
|
267
|
+
.flatMap((x) => x.LevelProgresses || [])
|
|
268
|
+
.find((level) => level.LevelId === (data === null || data === void 0 ? void 0 : data.LevelId));
|
|
269
|
+
this.modalSubTitle = translate('level', this.language) + ' 3 ' + translate('completed', this.language);
|
|
270
|
+
this.modalReward = completedLevel.Rewards.map((reward) => reward.RewardDescription).join(' + ');
|
|
271
|
+
if (completedLevel.Rewards.some((x) => x.Type === EChallengeRewardType.Custom)) {
|
|
272
|
+
this.modalAddition = translate('physicalReward', this.language);
|
|
273
|
+
this.modalAdditionText = translate('linkText', this.language);
|
|
274
|
+
}
|
|
275
|
+
}
|
|
276
|
+
break;
|
|
277
|
+
}
|
|
278
|
+
case 'ChallengeChangeStatusNotification': {
|
|
279
|
+
this.handleStatusEvent(data);
|
|
280
|
+
}
|
|
281
|
+
}
|
|
282
|
+
}
|
|
283
|
+
handleStatusEvent(data) {
|
|
284
|
+
const newChallenges = [...this.challenges];
|
|
285
|
+
newChallenges.forEach(({ ChallengeId }, i) => {
|
|
286
|
+
if ((data === null || data === void 0 ? void 0 : data.ChallengeId) === ChallengeId) {
|
|
287
|
+
if ((data === null || data === void 0 ? void 0 : data.IsEnabled) === true) {
|
|
288
|
+
newChallenges[i] = Object.assign(Object.assign({}, newChallenges[i]), { Status: EChallengeStatus.InProgress });
|
|
289
|
+
this.challenges = newChallenges;
|
|
290
|
+
return;
|
|
291
|
+
}
|
|
292
|
+
else {
|
|
293
|
+
newChallenges[i] = Object.assign(Object.assign({}, newChallenges[i]), { Status: EChallengeStatus.Forfeited });
|
|
294
|
+
}
|
|
295
|
+
}
|
|
296
|
+
});
|
|
297
|
+
if ((data === null || data === void 0 ? void 0 : data.ChallengeId) === this.activeChallenge) {
|
|
298
|
+
this.isNotification = true;
|
|
299
|
+
if (this.inProgressCount === 1) {
|
|
300
|
+
setTimeout(() => {
|
|
301
|
+
this.isGrayed = true;
|
|
302
|
+
this.isNotification = false;
|
|
303
|
+
}, 10000);
|
|
304
|
+
}
|
|
305
|
+
else if (this.inProgressCount > 1) {
|
|
306
|
+
setTimeout(() => {
|
|
307
|
+
this.challenges = newChallenges;
|
|
308
|
+
this.isNotification = false;
|
|
309
|
+
}, 10000);
|
|
310
|
+
}
|
|
311
|
+
}
|
|
312
|
+
else {
|
|
313
|
+
this.challenges = newChallenges;
|
|
314
|
+
}
|
|
315
|
+
}
|
|
137
316
|
componentWillLoad() {
|
|
317
|
+
this.handleChallengesChange(this.challenges);
|
|
138
318
|
if (this.translationUrl) {
|
|
139
319
|
resolveTranslationUrl(this.translationUrl);
|
|
140
320
|
}
|
|
@@ -229,23 +409,40 @@ const CasinoChallengesOverlay = class {
|
|
|
229
409
|
const icon = this.isGift ? giftSvg : this.isNotification ? bellSvg : null;
|
|
230
410
|
if (icon)
|
|
231
411
|
return index.h("img", { class: "icon", src: icon });
|
|
232
|
-
return index.h("div", { class: "gradient-text" },
|
|
412
|
+
return index.h("div", { class: "gradient-text" }, this.inProgressCount);
|
|
413
|
+
}
|
|
414
|
+
closeModal() {
|
|
415
|
+
this.showModal = false;
|
|
416
|
+
this.modalTitle = '';
|
|
417
|
+
this.modalSubTitle = '';
|
|
418
|
+
this.modalBtnText = '';
|
|
419
|
+
this.modalShowIcon = true;
|
|
420
|
+
this.modalReward = '';
|
|
421
|
+
this.modalAddition = '';
|
|
422
|
+
this.modalAdditionText = '';
|
|
233
423
|
}
|
|
234
424
|
render() {
|
|
425
|
+
if (this.inProgressCount < 1) {
|
|
426
|
+
return;
|
|
427
|
+
}
|
|
235
428
|
const dot = this.getCapsuleDotPosition(this.progress);
|
|
236
|
-
return (index.h("div", {
|
|
429
|
+
return (index.h("div", { class: "container" }, index.h("div", { class: `circle ${this.isGrayed ? 'grayed' : ''}`, style: {
|
|
237
430
|
'--progress': `${this.progress}%`
|
|
238
|
-
} }, index.h("img", {
|
|
431
|
+
} }, index.h("img", { class: "circle__img", src: bgIconSvg }), index.h("div", { class: "circle__content" }, index.h("span", null, this.progress, "%")), dot && (index.h("div", { class: "dot", style: {
|
|
239
432
|
left: `${dot.x}px`,
|
|
240
433
|
top: `${dot.y}px`
|
|
241
|
-
} }))), !this.isGrayed && index.h("div", {
|
|
434
|
+
} }))), !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 })));
|
|
242
435
|
}
|
|
243
436
|
static get watchers() { return {
|
|
244
437
|
"clientStyling": ["handleClientStylingChange"],
|
|
245
438
|
"clientStylingUrl": ["handleClientStylingUrlChange"],
|
|
246
|
-
"mbSource": ["handleMbSourceChange"]
|
|
439
|
+
"mbSource": ["handleMbSourceChange"],
|
|
440
|
+
"challenges": ["handleChallengesChange"]
|
|
247
441
|
}; }
|
|
248
442
|
};
|
|
249
443
|
CasinoChallengesOverlay.style = CasinoChallengesOverlayStyle0;
|
|
250
444
|
|
|
251
445
|
exports.CasinoChallengesOverlay = CasinoChallengesOverlay;
|
|
446
|
+
exports.setClientStyling = setClientStyling;
|
|
447
|
+
exports.setClientStylingURL = setClientStylingURL;
|
|
448
|
+
exports.setStreamStyling = setStreamStyling;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-11e96899.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
/*
|
|
@@ -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-
|
|
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]},[[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;
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const casinoChallengesOverlay = require('./casino-challenges-overlay-a75f839f.js');
|
|
6
|
+
const index = require('./index-11e96899.js');
|
|
7
|
+
|
|
8
|
+
const giftboxSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIyIDIzIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNDY0MjkgMi41QzcuMjE0NDIgMi41IDYuOTcxMDYgMi42MDA5IDYuNzg4NzggMi43ODY0OUM2LjYwNTkgMi45NzI3IDYuNTAwMDEgMy4yMjkwMyA2LjUwMDAxIDMuNUM2LjUwMDAxIDMuNzcwOTcgNi42MDU5IDQuMDI3MyA2Ljc4ODc4IDQuMjEzNTFDNi45NzEwNiA0LjM5OTEgNy4yMTQ0MiA0LjUgNy40NjQyOSA0LjVIOS42MzQyNUM5LjU2MTg3IDQuMzI4NjUgOS40Nzg1NyA0LjE1MTE2IDkuMzgzNTYgMy45NzUyN0M4Ljg5NzY5IDMuMDc1ODEgOC4yNzM5OCAyLjUgNy40NjQyOSAyLjVaTTEwIDYuNVY5LjVMMi42MDAwMSA5LjVDMi4zMDM0OCA5LjUgMi4xNDEyMiA5LjQ5OTIyIDIuMDI0NjQgOS40ODk3QzIuMDIgOS40ODkzMiAyLjAxNTYgOS40ODg5MyAyLjAxMTQ1IDkuNDg4NTVDMi4wMTEwNyA5LjQ4NDQgMi4wMTA2OSA5LjQ4MDAxIDIuMDEwMzEgOS40NzUzN0MyLjAwMDc4IDkuMzU4NzggMi4wMDAwMSA5LjE5NjUzIDIuMDAwMDEgOC45VjcuMUMyLjAwMDAxIDYuODAzNDcgMi4wMDA3OCA2LjY0MTIyIDIuMDEwMzEgNi41MjQ2M0MyLjAxMDY5IDYuNTE5OTkgMi4wMTEwNyA2LjUxNTYgMi4wMTE0NSA2LjUxMTQ1QzIuMDE1NiA2LjUxMTA3IDIuMDIgNi41MTA2OCAyLjAyNDY0IDYuNTEwM0MyLjE0MTIyIDYuNTAwNzggMi4zMDM0OCA2LjUgMi42MDAwMSA2LjVIMTBaTTQuNjY5NTMgNC41QzQuNTU4MjIgNC4xODEzMyA0LjUwMDAxIDMuODQzMzkgNC41MDAwMSAzLjVDNC41MDAwMSAyLjcxMDExIDQuODA4MDIgMS45NDkwMiA1LjM2MTg4IDEuMzg1MDhDNS45MTYzNSAwLjgyMDUzMSA2LjY3MjI0IDAuNSA3LjQ2NDI5IDAuNUM5LjI1OSAwLjUgMTAuMzcyNSAxLjcxODQ1IDExIDIuNzcyMjNDMTEuNjI3NSAxLjcxODQ1IDEyLjc0MSAwLjUgMTQuNTM1NyAwLjVDMTUuMzI3OCAwLjUgMTYuMDgzNyAwLjgyMDUzMSAxNi42MzgxIDEuMzg1MDhDMTcuMTkyIDEuOTQ5MDIgMTcuNSAyLjcxMDExIDE3LjUgMy41QzE3LjUgMy44NDMzOSAxNy40NDE4IDQuMTgxMzMgMTcuMzMwNSA0LjVMMTkuNDMxOSA0LjVDMTkuNjg0MyA0LjQ5OTk3IDE5LjkzMDEgNC40OTk5NCAyMC4xMzgyIDQuNTE2OTVDMjAuMzY2OCA0LjUzNTYyIDIwLjYzNjYgNC41Nzk2OSAyMC45MDggNC43MTc5OUMyMS4yODQzIDQuOTA5NzMgMjEuNTkwMyA1LjIxNTcgMjEuNzgyIDUuNTkyMDJDMjEuOTIwMyA1Ljg2MzQ0IDIxLjk2NDQgNi4xMzMxOCAyMS45ODMxIDYuMzYxNzdDMjIuMDAwMSA2LjU2OTkyIDIyIDYuODE1NzEgMjIgNy4wNjgwOFY4LjkzMTkyQzIyIDkuMTg0MjkgMjIuMDAwMSA5LjQzMDA4IDIxLjk4MzEgOS42MzgyM0MyMS45NjQ0IDkuODY2ODIgMjEuOTIwMyAxMC4xMzY2IDIxLjc4MiAxMC40MDhDMjEuNTkwMyAxMC43ODQzIDIxLjI4NDMgMTEuMDkwMyAyMC45MDggMTEuMjgyQzIwLjYzNjYgMTEuNDIwMyAyMC4zNjY4IDExLjQ2NDQgMjAuMTM4MiAxMS40ODMxQzIwLjA5MzggMTEuNDg2NyAyMC4wNDc2IDExLjQ4OTUgMjAgMTEuNDkxOFYxOC4zMzg2QzIwIDE4Ljg2NTcgMjAgMTkuMzIwNSAxOS45Njk0IDE5LjY5NUMxOS45MzcxIDIwLjA5MDQgMTkuODY1OCAyMC40ODM2IDE5LjY3MyAyMC44NjJDMTkuMzg1NCAyMS40MjY1IDE4LjkyNjUgMjEuODg1NCAxOC4zNjIgMjIuMTczQzE3Ljk4MzYgMjIuMzY1OCAxNy41OTA0IDIyLjQzNzEgMTcuMTk1IDIyLjQ2OTRDMTYuODIwNSAyMi41IDE2LjM2NTcgMjIuNSAxNS44Mzg2IDIyLjVIMTEuMDAxNEgxMUwxMC45OTg2IDIyLjVINi4xNjE0NEM1LjYzNDMgMjIuNSA1LjE3OTU0IDIyLjUgNC44MDQ5OCAyMi40Njk0QzQuNDA5NjMgMjIuNDM3MSA0LjAxNjQxIDIyLjM2NTggMy42MzgwMyAyMi4xNzNDMy4wNzM1NSAyMS44ODU0IDIuNjE0NiAyMS40MjY1IDIuMzI2OTkgMjAuODYyQzIuMTM0MTkgMjAuNDgzNiAyLjA2Mjg4IDIwLjA5MDQgMi4wMzA1NyAxOS42OTVDMS45OTk5NyAxOS4zMjA1IDEuOTk5OTkgMTguODY1NyAyIDE4LjMzODVMMi4wMDAwMSAxMS40OTE4QzEuOTUyNDEgMTEuNDg5NSAxLjkwNjI0IDExLjQ4NjcgMS44NjE3OCAxMS40ODMxQzEuNjMzMTggMTEuNDY0NCAxLjM2MzQ1IDExLjQyMDMgMS4wOTIwMiAxMS4yODJDMC43MTU3MDEgMTEuMDkwMyAwLjQwOTczOSAxMC43ODQzIDAuMjE3OTkyIDEwLjQwOEMwLjA3OTY5NDcgMTAuMTM2NiAwLjAzNTYyNzEgOS44NjY4MiAwLjAxNjk1MDQgOS42MzgyM0MtNS42ODYxZS0wNSA5LjQzMDA3IC0yLjc0MTYxZS0wNSA5LjE4NDI4IDIuNTA1NDRlLTA2IDguOTMxOUw1LjI0NzI2ZS0wNiA3LjFDNS4yNDcyNmUtMDYgNy4wODkzNiAzLjkzNTk1ZS0wNiA3LjA3ODcyIDIuNjI0NjVlLTA2IDcuMDY4MUMtMi43Mjk2OWUtMDUgNi44MTU3MiAtNS42NzQxOGUtMDUgNi41Njk5MyAwLjAxNjk1MDUgNi4zNjE3N0MwLjAzNTYyNzQgNi4xMzMxOCAwLjA3OTY5NSA1Ljg2MzQ0IDAuMjE3OTkyIDUuNTkyMDJDMC40MDk3MzkgNS4yMTU2OSAwLjcxNTcgNC45MDk3MyAxLjA5MjAyIDQuNzE3OTlDMS4zNjM0NSA0LjU3OTY5IDEuNjMzMTggNC41MzU2MiAxLjg2MTc4IDQuNTE2OTVDMi4wNjk5MyA0LjQ5OTk0IDIuMzE1NzMgNC40OTk5NyAyLjU2ODExIDQuNUMyLjU3ODczIDQuNSAyLjU4OTM2IDQuNSAyLjYwMDAxIDQuNUg0LjY2OTUzWk00LjAwMDAxIDExLjVWMTguM0M0LjAwMDAxIDE4Ljg3NjYgNC4wMDA3OCAxOS4yNDg4IDQuMDIzOTMgMTkuNTMyMkM0LjA0NjEzIDE5LjgwMzggNC4wODM4MSAxOS45MDQ1IDQuMTA5IDE5Ljk1NEM0LjIwNDg3IDIwLjE0MjEgNC4zNTc4NSAyMC4yOTUxIDQuNTQ2MDEgMjAuMzkxQzQuNTk1NDYgMjAuNDE2MiA0LjY5NjE4IDIwLjQ1MzkgNC45Njc4NCAyMC40NzYxQzUuMjUxMTggMjAuNDk5MiA1LjYyMzQ1IDIwLjUgNi4yMDAwMSAyMC41SDEwVjExLjVINC4wMDAwMVpNMTIgMTEuNVYyMC41SDE1LjhDMTYuMzc2NiAyMC41IDE2Ljc0ODggMjAuNDk5MiAxNy4wMzIyIDIwLjQ3NjFDMTcuMzAzOCAyMC40NTM5IDE3LjQwNDYgMjAuNDE2MiAxNy40NTQgMjAuMzkxQzE3LjY0MjIgMjAuMjk1MSAxNy43OTUxIDIwLjE0MjIgMTcuODkxIDE5Ljk1NEMxNy45MTYyIDE5LjkwNDUgMTcuOTUzOSAxOS44MDM4IDE3Ljk3NjEgMTkuNTMyMkMxNy45OTkyIDE5LjI0ODggMTggMTguODc2NiAxOCAxOC4zVjExLjVIMTJaTTE5LjQgOS41QzE5LjY5NjUgOS41IDE5Ljg1ODggOS40OTkyMiAxOS45NzU0IDkuNDg5N0MxOS45OCA5LjQ4OTMyIDE5Ljk4NDQgOS40ODg5MyAxOS45ODg2IDkuNDg4NTRDMTkuOTg4OSA5LjQ4NDQgMTkuOTg5MyA5LjQ4MDAxIDE5Ljk4OTcgOS40NzUzN0MxOS45OTkyIDkuMzU4NzggMjAgOS4xOTY1MyAyMCA4LjlWNy4xQzIwIDYuODAzNDcgMTkuOTk5MiA2LjY0MTIyIDE5Ljk4OTcgNi41MjQ2M0MxOS45ODkzIDYuNTE5OTkgMTkuOTg4OSA2LjUxNTYgMTkuOTg4NSA2LjUxMTQ1QzE5Ljk4NDQgNi41MTEwNyAxOS45OCA2LjUxMDY4IDE5Ljk3NTQgNi41MTAzQzE5Ljg1ODggNi41MDA3OCAxOS42OTY1IDYuNSAxOS40IDYuNUgxMlY5LjVIMTkuNFpNMTQuNTM1NyA0LjVDMTQuNzg1NiA0LjUgMTUuMDI4OSA0LjM5OTEgMTUuMjExMiA0LjIxMzUxQzE1LjM5NDEgNC4wMjczIDE1LjUgMy43NzA5NyAxNS41IDMuNUMxNS41IDMuMjI5MDMgMTUuMzk0MSAyLjk3MjcgMTUuMjExMiAyLjc4NjQ5QzE1LjAyODkgMi42MDA5IDE0Ljc4NTYgMi41IDE0LjUzNTcgMi41QzEzLjcyNiAyLjUgMTMuMTAyMyAzLjA3NTgxIDEyLjYxNjUgMy45NzUyN0MxMi41MjE0IDQuMTUxMTYgMTIuNDM4MSA0LjMyODY1IDEyLjM2NTggNC41SDE0LjUzNTdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjA1MV80MzkpIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjA1MV80MzkiIHgxPSIwIiB5MT0iMTEuNSIgeDI9IjIyIiB5Mj0iMTEuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMUU2NTRGIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFDOEQ1NiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPgo=';
|
|
9
|
+
|
|
10
|
+
const DEFAULT_LANGUAGE = 'en';
|
|
11
|
+
const TRANSLATIONS = {
|
|
12
|
+
en: {
|
|
13
|
+
congrats: 'Congratulations!',
|
|
14
|
+
continue: 'Continue',
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
const translate = (key, customLang) => {
|
|
18
|
+
const lang = customLang;
|
|
19
|
+
return TRANSLATIONS[lang ? lang : DEFAULT_LANGUAGE][key];
|
|
20
|
+
};
|
|
21
|
+
const getTranslations = (data) => {
|
|
22
|
+
Object.keys(data).forEach((item) => {
|
|
23
|
+
for (let key in data[item]) {
|
|
24
|
+
if (!TRANSLATIONS[item]) {
|
|
25
|
+
TRANSLATIONS[item] = {};
|
|
26
|
+
}
|
|
27
|
+
TRANSLATIONS[item][key] = data[item][key];
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
};
|
|
31
|
+
const resolveTranslationUrl = async (translationUrl) => {
|
|
32
|
+
if (translationUrl) {
|
|
33
|
+
try {
|
|
34
|
+
const response = await fetch(translationUrl);
|
|
35
|
+
if (!response.ok) {
|
|
36
|
+
throw new Error(`HTTP error! status: ${response.status}`);
|
|
37
|
+
}
|
|
38
|
+
const translations = await response.json();
|
|
39
|
+
getTranslations(translations);
|
|
40
|
+
}
|
|
41
|
+
catch (error) {
|
|
42
|
+
console.error('Failed to fetch or parse translations from URL:', error);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
const casinoChallengesOverlayModalCss = ":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}";
|
|
48
|
+
const CasinoChallengesOverlayModalStyle0 = casinoChallengesOverlayModalCss;
|
|
49
|
+
|
|
50
|
+
const CasinoChallengesOverlayModal = class {
|
|
51
|
+
constructor(hostRef) {
|
|
52
|
+
index.registerInstance(this, hostRef);
|
|
53
|
+
this.mbSource = undefined;
|
|
54
|
+
this.clientStyling = undefined;
|
|
55
|
+
this.clientStylingUrl = undefined;
|
|
56
|
+
this.language = 'en';
|
|
57
|
+
this.isOpen = false;
|
|
58
|
+
this.showIcon = true;
|
|
59
|
+
this.showButton = true;
|
|
60
|
+
this.header = '';
|
|
61
|
+
this.subtitle = '';
|
|
62
|
+
this.reward = '';
|
|
63
|
+
this.addition = '';
|
|
64
|
+
this.additionLinkUrl = '';
|
|
65
|
+
this.additionLinkText = '';
|
|
66
|
+
this.actionText = '';
|
|
67
|
+
this.translationUrl = '';
|
|
68
|
+
this.handleClick = () => { };
|
|
69
|
+
}
|
|
70
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
71
|
+
if (newValue != oldValue) {
|
|
72
|
+
casinoChallengesOverlay.setClientStyling(this.stylingContainer, this.clientStyling);
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
handleClientStylingUrlChange(newValue, oldValue) {
|
|
76
|
+
if (newValue != oldValue) {
|
|
77
|
+
casinoChallengesOverlay.setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
handleMbSourceChange(newValue, oldValue) {
|
|
81
|
+
if (newValue != oldValue) {
|
|
82
|
+
casinoChallengesOverlay.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
componentWillLoad() {
|
|
86
|
+
if (this.translationUrl) {
|
|
87
|
+
resolveTranslationUrl(this.translationUrl);
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
componentDidLoad() {
|
|
91
|
+
if (this.stylingContainer) {
|
|
92
|
+
if (this.mbSource)
|
|
93
|
+
casinoChallengesOverlay.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
94
|
+
if (this.clientStyling)
|
|
95
|
+
casinoChallengesOverlay.setClientStyling(this.stylingContainer, this.clientStyling);
|
|
96
|
+
if (this.clientStylingUrl)
|
|
97
|
+
casinoChallengesOverlay.setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
disconnectedCallback() {
|
|
101
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
102
|
+
}
|
|
103
|
+
render() {
|
|
104
|
+
return (index.h("div", { key: '2824c43ba2f3d5f9d1f4aca77dcdebce527edcb8', ref: (el) => (this.stylingContainer = el), class: `ModalOverlay ${this.isOpen && 'Open'}` }, index.h("div", { key: '479ba71d1d2c081b3d3cc93f52bd1848e299279b', class: "ModalWinAnimation" }), index.h("div", { key: 'c0e45b25e7a66438bca3f24dc8e9fd93e1da8b8f', class: "ModalContent GradientBorder" }, index.h("div", { key: '5d258e3480b8aeec879a15f5d063a8a4295575e0', class: 'InnerContainer' }, this.showIcon &&
|
|
105
|
+
index.h("div", { key: '7cfdec9f66854d92adf8dc7f023d7d17fd53ab25', class: "ImageWrapper" }, index.h("img", { key: '32e1a43bbfbca465b229fe3fd2a47be5ffae14e1', src: giftboxSvg, alt: "gift-box-icon" })), index.h("h1", { key: '0236d690962bf8e6ec0722061198eebe22993963', class: "ModalHeader", innerHTML: this.header || translate('congrats', this.language) }), this.subtitle &&
|
|
106
|
+
index.h("div", { key: 'd76af009535ecf94808bdddc1d39cb5e6eb2ec8f', class: "ModalSubtitle", innerHTML: this.subtitle }), this.reward &&
|
|
107
|
+
index.h("div", { key: 'cf41803c33862996e57469dedd8e29c9ce1b03b4', class: "ModalReward", innerHTML: this.reward }), this.addition &&
|
|
108
|
+
index.h("div", { key: 'd6907547a7158d7d4e25b8445ce7da061999fb49', class: "ModalAddition" }, index.h("span", { key: 'dbf44912dbf402d392d063c2c4db7eec637f782d', innerHTML: this.addition }), this.additionLinkUrl && this.additionLinkText &&
|
|
109
|
+
index.h("a", { key: '19df109759ff7b92587e8f6a4cd9ec181d2ee694', href: this.additionLinkText }, this.additionLinkText)), this.showButton &&
|
|
110
|
+
index.h("button", { key: '290969fe58fff0df3b7f59231151c0a8e5d39cc4', class: "ModalAction", onClick: this.handleClick, innerHTML: this.actionText ? this.actionText : translate("continue", this.language) })))));
|
|
111
|
+
}
|
|
112
|
+
static get watchers() { return {
|
|
113
|
+
"clientStyling": ["handleClientStylingChange"],
|
|
114
|
+
"clientStylingUrl": ["handleClientStylingUrlChange"],
|
|
115
|
+
"mbSource": ["handleMbSourceChange"]
|
|
116
|
+
}; }
|
|
117
|
+
};
|
|
118
|
+
CasinoChallengesOverlayModal.style = CasinoChallengesOverlayModalStyle0;
|
|
119
|
+
|
|
120
|
+
exports.casino_challenges_overlay = casinoChallengesOverlay.CasinoChallengesOverlay;
|
|
121
|
+
exports.casino_challenges_overlay_modal = CasinoChallengesOverlayModal;
|