@everymatrix/casino-challenges-overlay 0.16.1 → 0.16.3
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-a5ae48f5.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-be60b13e.js +2 -0
- package/dist/casino-challenges-overlay/index.esm.js +1 -1
- package/dist/cjs/{casino-challenges-overlay-365b73b3.js → casino-challenges-overlay-68ec1eb8.js} +22 -10
- package/dist/cjs/casino-challenges-overlay.cjs.js +2 -2
- package/dist/cjs/casino-challenges-overlay_2.cjs.entry.js +132 -7
- package/dist/cjs/{index-3b105378.js → index-d610a063.js} +26 -3
- package/dist/cjs/index.cjs.js +2 -2
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/components/casino-challenges-overlay/casino-challenges-overlay.js +14 -8
- package/dist/collection/utils/locale.utils.js +10 -2
- package/dist/esm/{casino-challenges-overlay-5fcad42a.js → casino-challenges-overlay-a5ae48f5.js} +22 -10
- package/dist/esm/casino-challenges-overlay.js +3 -3
- package/dist/esm/casino-challenges-overlay_2.entry.js +133 -8
- package/dist/esm/{index-4cb6ae8e.js → index-be60b13e.js} +26 -3
- 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 +3 -1
- package/dist/types/utils/types.d.ts +4 -0
- package/package.json +1 -1
- package/dist/casino-challenges-overlay/casino-challenges-overlay-5fcad42a.js +0 -1
- package/dist/casino-challenges-overlay/index-4cb6ae8e.js +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as
|
|
1
|
+
import{p as e,b as n}from"./index-be60b13e.js";export{s as setNonce}from"./index-be60b13e.js";import{g as l}from"./app-globals-0f993ce5.js";(()=>{const n=import.meta.url,l={};return""!==n&&(l.resourcesUrl=new URL(".",n).href),e(l)})().then((async e=>(await l(),n([["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],modalErrored:[32],modalReward:[32],modalAddition:[32],modalOrderNumber:[32],modalIsFreeSpinsGranted:[32],modalBonusProgramGames:[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"],translationUrl:[513,"translation-url"],language:[513],isOpen:[516,"is-open"],reward:[513],addition:[516],handleClick:[16],errored:[516],orderNumber:[514,"order-number"],isFreeSpinsGranted:[516,"is-free-spins-granted"],bonusProgramGames:[16],currentIndex:[32]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],bonusProgramGames:["handleBonusProgramGameChange"]}]]]],e))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{s as M,a as e,b as i}from"./casino-challenges-overlay-5fcad42a.js";export{C as casino_challenges_overlay}from"./casino-challenges-overlay-5fcad42a.js";import{r as t,h as g}from"./index-4cb6ae8e.js";const D={en:{congrats:"Congratulations!",continue:"Continue",errorBtnText:"Ok",errorTitle:"Reward failed",errorSubTitle:"Sorry — we couldn’t grant the reward. Please try again.",level:"Level",completed:"has been completed!",youWon:"You have won",physicalReward:"for physical rewards please contact ",linkText:"Customer Support"},da:{congrats:"Tillykke!",continue:"Fortsæt",errorBtnText:"Ok",errorTitle:"Belønning fejlede",errorSubTitle:"Beklager — vi kunne ikke tildele belønning. Prøv venligst igen.",level:"Niveau",completed:"er blevet gennemført!",youWon:"Du har vundet",physicalReward:"Ved fysiske præmier, venligst kontakt ",linkText:"Kundeservice"}},a=(M,e)=>D[void 0!==e&&e in D?e:"en"][M],N=class{constructor(M){t(this,M),this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.isOpen=!1,this.reward="",this.addition=!1,this.handleClick=()=>{},this.errored=!1,this.orderNumber=0}handleClientStylingChange(e,i){e!=i&&M(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(M,i){M!=i&&e(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(M,e){M!=e&&i(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}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 t=await i.json();e=t,Object.keys(e).forEach((M=>{D[M]||(D[M]={});for(let i in e[M])D[M][i]=e[M][i]}))}catch(M){console.error("Failed to fetch or parse translations from URL:",M)}var e})(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&i(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&M(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&e(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}render(){return g("div",{key:"6c704266619b5ad109ec6289d65fd6a26f827951",ref:M=>this.stylingContainer=M,class:`ModalOverlay ${this.isOpen&&"Open"}`},g("div",{key:"65b800fd71f65afa246804ff35116bc0f2a6ff6b",class:"ModalWinAnimation"}),g("div",{key:"51df6e0c7d487762f0da0c874805c1e34a520fc2",class:"ModalContent GradientBorder"},g("div",{key:"ac9b44635eb8cb1fda4d1a4549c42c5e7055fc18",class:"InnerContainer"},!this.errored&&g("div",{key:"7b5e93f30b1cb40af1d8f621f13d1e18bb1a06b6",class:"ImageWrapper"},g("img",{key:"4e7867d129678e327ffc12d1da93b31bef4bc3b8",src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIyIDIzIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNDY0MjkgMi41QzcuMjE0NDIgMi41IDYuOTcxMDYgMi42MDA5IDYuNzg4NzggMi43ODY0OUM2LjYwNTkgMi45NzI3IDYuNTAwMDEgMy4yMjkwMyA2LjUwMDAxIDMuNUM2LjUwMDAxIDMuNzcwOTcgNi42MDU5IDQuMDI3MyA2Ljc4ODc4IDQuMjEzNTFDNi45NzEwNiA0LjM5OTEgNy4yMTQ0MiA0LjUgNy40NjQyOSA0LjVIOS42MzQyNUM5LjU2MTg3IDQuMzI4NjUgOS40Nzg1NyA0LjE1MTE2IDkuMzgzNTYgMy45NzUyN0M4Ljg5NzY5IDMuMDc1ODEgOC4yNzM5OCAyLjUgNy40NjQyOSAyLjVaTTEwIDYuNVY5LjVMMi42MDAwMSA5LjVDMi4zMDM0OCA5LjUgMi4xNDEyMiA5LjQ5OTIyIDIuMDI0NjQgOS40ODk3QzIuMDIgOS40ODkzMiAyLjAxNTYgOS40ODg5MyAyLjAxMTQ1IDkuNDg4NTVDMi4wMTEwNyA5LjQ4NDQgMi4wMTA2OSA5LjQ4MDAxIDIuMDEwMzEgOS40NzUzN0MyLjAwMDc4IDkuMzU4NzggMi4wMDAwMSA5LjE5NjUzIDIuMDAwMDEgOC45VjcuMUMyLjAwMDAxIDYuODAzNDcgMi4wMDA3OCA2LjY0MTIyIDIuMDEwMzEgNi41MjQ2M0MyLjAxMDY5IDYuNTE5OTkgMi4wMTEwNyA2LjUxNTYgMi4wMTE0NSA2LjUxMTQ1QzIuMDE1NiA2LjUxMTA3IDIuMDIgNi41MTA2OCAyLjAyNDY0IDYuNTEwM0MyLjE0MTIyIDYuNTAwNzggMi4zMDM0OCA2LjUgMi42MDAwMSA2LjVIMTBaTTQuNjY5NTMgNC41QzQuNTU4MjIgNC4xODEzMyA0LjUwMDAxIDMuODQzMzkgNC41MDAwMSAzLjVDNC41MDAwMSAyLjcxMDExIDQuODA4MDIgMS45NDkwMiA1LjM2MTg4IDEuMzg1MDhDNS45MTYzNSAwLjgyMDUzMSA2LjY3MjI0IDAuNSA3LjQ2NDI5IDAuNUM5LjI1OSAwLjUgMTAuMzcyNSAxLjcxODQ1IDExIDIuNzcyMjNDMTEuNjI3NSAxLjcxODQ1IDEyLjc0MSAwLjUgMTQuNTM1NyAwLjVDMTUuMzI3OCAwLjUgMTYuMDgzNyAwLjgyMDUzMSAxNi42MzgxIDEuMzg1MDhDMTcuMTkyIDEuOTQ5MDIgMTcuNSAyLjcxMDExIDE3LjUgMy41QzE3LjUgMy44NDMzOSAxNy40NDE4IDQuMTgxMzMgMTcuMzMwNSA0LjVMMTkuNDMxOSA0LjVDMTkuNjg0MyA0LjQ5OTk3IDE5LjkzMDEgNC40OTk5NCAyMC4xMzgyIDQuNTE2OTVDMjAuMzY2OCA0LjUzNTYyIDIwLjYzNjYgNC41Nzk2OSAyMC45MDggNC43MTc5OUMyMS4yODQzIDQuOTA5NzMgMjEuNTkwMyA1LjIxNTcgMjEuNzgyIDUuNTkyMDJDMjEuOTIwMyA1Ljg2MzQ0IDIxLjk2NDQgNi4xMzMxOCAyMS45ODMxIDYuMzYxNzdDMjIuMDAwMSA2LjU2OTkyIDIyIDYuODE1NzEgMjIgNy4wNjgwOFY4LjkzMTkyQzIyIDkuMTg0MjkgMjIuMDAwMSA5LjQzMDA4IDIxLjk4MzEgOS42MzgyM0MyMS45NjQ0IDkuODY2ODIgMjEuOTIwMyAxMC4xMzY2IDIxLjc4MiAxMC40MDhDMjEuNTkwMyAxMC43ODQzIDIxLjI4NDMgMTEuMDkwMyAyMC45MDggMTEuMjgyQzIwLjYzNjYgMTEuNDIwMyAyMC4zNjY4IDExLjQ2NDQgMjAuMTM4MiAxMS40ODMxQzIwLjA5MzggMTEuNDg2NyAyMC4wNDc2IDExLjQ4OTUgMjAgMTEuNDkxOFYxOC4zMzg2QzIwIDE4Ljg2NTcgMjAgMTkuMzIwNSAxOS45Njk0IDE5LjY5NUMxOS45MzcxIDIwLjA5MDQgMTkuODY1OCAyMC40ODM2IDE5LjY3MyAyMC44NjJDMTkuMzg1NCAyMS40MjY1IDE4LjkyNjUgMjEuODg1NCAxOC4zNjIgMjIuMTczQzE3Ljk4MzYgMjIuMzY1OCAxNy41OTA0IDIyLjQzNzEgMTcuMTk1IDIyLjQ2OTRDMTYuODIwNSAyMi41IDE2LjM2NTcgMjIuNSAxNS44Mzg2IDIyLjVIMTEuMDAxNEgxMUwxMC45OTg2IDIyLjVINi4xNjE0NEM1LjYzNDMgMjIuNSA1LjE3OTU0IDIyLjUgNC44MDQ5OCAyMi40Njk0QzQuNDA5NjMgMjIuNDM3MSA0LjAxNjQxIDIyLjM2NTggMy42MzgwMyAyMi4xNzNDMy4wNzM1NSAyMS44ODU0IDIuNjE0NiAyMS40MjY1IDIuMzI2OTkgMjAuODYyQzIuMTM0MTkgMjAuNDgzNiAyLjA2Mjg4IDIwLjA5MDQgMi4wMzA1NyAxOS42OTVDMS45OTk5NyAxOS4zMjA1IDEuOTk5OTkgMTguODY1NyAyIDE4LjMzODVMMi4wMDAwMSAxMS40OTE4QzEuOTUyNDEgMTEuNDg5NSAxLjkwNjI0IDExLjQ4NjcgMS44NjE3OCAxMS40ODMxQzEuNjMzMTggMTEuNDY0NCAxLjM2MzQ1IDExLjQyMDMgMS4wOTIwMiAxMS4yODJDMC43MTU3MDEgMTEuMDkwMyAwLjQwOTczOSAxMC43ODQzIDAuMjE3OTkyIDEwLjQwOEMwLjA3OTY5NDcgMTAuMTM2NiAwLjAzNTYyNzEgOS44NjY4MiAwLjAxNjk1MDQgOS42MzgyM0MtNS42ODYxZS0wNSA5LjQzMDA3IC0yLjc0MTYxZS0wNSA5LjE4NDI4IDIuNTA1NDRlLTA2IDguOTMxOUw1LjI0NzI2ZS0wNiA3LjFDNS4yNDcyNmUtMDYgNy4wODkzNiAzLjkzNTk1ZS0wNiA3LjA3ODcyIDIuNjI0NjVlLTA2IDcuMDY4MUMtMi43Mjk2OWUtMDUgNi44MTU3MiAtNS42NzQxOGUtMDUgNi41Njk5MyAwLjAxNjk1MDUgNi4zNjE3N0MwLjAzNTYyNzQgNi4xMzMxOCAwLjA3OTY5NSA1Ljg2MzQ0IDAuMjE3OTkyIDUuNTkyMDJDMC40MDk3MzkgNS4yMTU2OSAwLjcxNTcgNC45MDk3MyAxLjA5MjAyIDQuNzE3OTlDMS4zNjM0NSA0LjU3OTY5IDEuNjMzMTggNC41MzU2MiAxLjg2MTc4IDQuNTE2OTVDMi4wNjk5MyA0LjQ5OTk0IDIuMzE1NzMgNC40OTk5NyAyLjU2ODExIDQuNUMyLjU3ODczIDQuNSAyLjU4OTM2IDQuNSAyLjYwMDAxIDQuNUg0LjY2OTUzWk00LjAwMDAxIDExLjVWMTguM0M0LjAwMDAxIDE4Ljg3NjYgNC4wMDA3OCAxOS4yNDg4IDQuMDIzOTMgMTkuNTMyMkM0LjA0NjEzIDE5LjgwMzggNC4wODM4MSAxOS45MDQ1IDQuMTA5IDE5Ljk1NEM0LjIwNDg3IDIwLjE0MjEgNC4zNTc4NSAyMC4yOTUxIDQuNTQ2MDEgMjAuMzkxQzQuNTk1NDYgMjAuNDE2MiA0LjY5NjE4IDIwLjQ1MzkgNC45Njc4NCAyMC40NzYxQzUuMjUxMTggMjAuNDk5MiA1LjYyMzQ1IDIwLjUgNi4yMDAwMSAyMC41SDEwVjExLjVINC4wMDAwMVpNMTIgMTEuNVYyMC41SDE1LjhDMTYuMzc2NiAyMC41IDE2Ljc0ODggMjAuNDk5MiAxNy4wMzIyIDIwLjQ3NjFDMTcuMzAzOCAyMC40NTM5IDE3LjQwNDYgMjAuNDE2MiAxNy40NTQgMjAuMzkxQzE3LjY0MjIgMjAuMjk1MSAxNy43OTUxIDIwLjE0MjIgMTcuODkxIDE5Ljk1NEMxNy45MTYyIDE5LjkwNDUgMTcuOTUzOSAxOS44MDM4IDE3Ljk3NjEgMTkuNTMyMkMxNy45OTkyIDE5LjI0ODggMTggMTguODc2NiAxOCAxOC4zVjExLjVIMTJaTTE5LjQgOS41QzE5LjY5NjUgOS41IDE5Ljg1ODggOS40OTkyMiAxOS45NzU0IDkuNDg5N0MxOS45OCA5LjQ4OTMyIDE5Ljk4NDQgOS40ODg5MyAxOS45ODg2IDkuNDg4NTRDMTkuOTg4OSA5LjQ4NDQgMTkuOTg5MyA5LjQ4MDAxIDE5Ljk4OTcgOS40NzUzN0MxOS45OTkyIDkuMzU4NzggMjAgOS4xOTY1MyAyMCA4LjlWNy4xQzIwIDYuODAzNDcgMTkuOTk5MiA2LjY0MTIyIDE5Ljk4OTcgNi41MjQ2M0MxOS45ODkzIDYuNTE5OTkgMTkuOTg4OSA2LjUxNTYgMTkuOTg4NSA2LjUxMTQ1QzE5Ljk4NDQgNi41MTEwNyAxOS45OCA2LjUxMDY4IDE5Ljk3NTQgNi41MTAzQzE5Ljg1ODggNi41MDA3OCAxOS42OTY1IDYuNSAxOS40IDYuNUgxMlY5LjVIMTkuNFpNMTQuNTM1NyA0LjVDMTQuNzg1NiA0LjUgMTUuMDI4OSA0LjM5OTEgMTUuMjExMiA0LjIxMzUxQzE1LjM5NDEgNC4wMjczIDE1LjUgMy43NzA5NyAxNS41IDMuNUMxNS41IDMuMjI5MDMgMTUuMzk0MSAyLjk3MjcgMTUuMjExMiAyLjc4NjQ5QzE1LjAyODkgMi42MDA5IDE0Ljc4NTYgMi41IDE0LjUzNTcgMi41QzEzLjcyNiAyLjUgMTMuMTAyMyAzLjA3NTgxIDEyLjYxNjUgMy45NzUyN0MxMi41MjE0IDQuMTUxMTYgMTIuNDM4MSA0LjMyODY1IDEyLjM2NTggNC41SDE0LjUzNTdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjA1MV80MzkpIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjA1MV80MzkiIHgxPSIwIiB5MT0iMTEuNSIgeDI9IjIyIiB5Mj0iMTEuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMUU2NTRGIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFDOEQ1NiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPgo=",alt:"gift-box-icon"})),g("h1",{key:"05782d9c5b5f905bd726dfbd8a32b51b7993e6c8",class:"ModalHeader"},a(this.errored?"errorTitle":"congrats",this.language)),this.errored?g("div",{class:"ModalErrorMessage"},a("errorSubTitle",this.language)):g("div",{class:"ModalSubtitle"},`${a("level",this.language)} ${this.orderNumber} ${a("completed",this.language)}`,g("div",null,a("youWon",this.language)),g("div",{class:"ModalReward"},this.reward)),this.addition&&g("div",{key:"62617e0e83f280c03a51f347d5b4fa487ce327c8",class:"ModalAddition"},g("div",{key:"c2aa358edd22cc8fd710fd0e68ae83641652d329"},a("physicalReward",this.language)),g("span",{key:"1d116c9906d98b828628a4404988fc33103e9fb2"},a("linkText",this.language))),g("button",{key:"432cad82cd0590ae5c2939a33ba7f52dd4ad31e4",class:"ModalAction",onClick:this.handleClick},a(this.errored?"errorBtnText":"continue",this.language)))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};N.style=':host{display:block;font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}button{border:none;background:none;cursor:pointer;touch-action:manipulation}button:focus{outline:none}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0);justify-content:center;align-items:center;z-index:1}.ModalOverlay.Open{display:flex}.ModalContent{display:flex;flex-direction:column;align-items:center;position:relative;background:linear-gradient(90deg, var(--emw--color-background, #003E5C) 0.05%, var(--emw--color-background-secondary, #113B21) 87.69%);padding:26px;border-radius:26px;border:2px solid var(--emw--color-primary-variant, #1E654F);width:450px;max-width:90%;text-align:center;max-height:90dvh;min-height:100px;font-family:"Roboto", sans-serif}.InnerContainer{border-radius:20px;background:#F9F8F8;padding:25px;width:100%}.ImageWrapper{margin-bottom:6px}.ModalHeader{color:var(--emw--color-typography, #212529);text-align:center;font-family:var(--emw--button-typography, "PF BeauSans Pro", sans-serif);font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;letter-spacing:1px}.ModalSubtitle{color:var(--emw--color-gray-300, #212529);text-align:center;font-size:var(--emw--font-size-small, 14px);font-style:normal;font-weight:400;margin:16px 0 10px;line-height:22px}.ModalErrorMessage{color:var(--emw--color-typography, #212529);font-size:var(--emw--font-size-medium, 16px);line-height:24px;margin:10px 0 10px}.ModalReward{background:linear-gradient(90deg, var(--emw--color-primary, #24AA4D) 0%, var(--emw--color-background-secondary, #113F21) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--emw--button-typography, "PF BeauSans Pro", sans-serif);font-size:14px;font-style:normal;font-weight:700;margin-bottom:10px}.ModalAddition{color:var(--emw--color-gray-100, #727672);text-align:center;font-family:var(--emw--button-typography, "Roboto", sans-serif);font-size:var(--emw--font-size-x-small, 12px);font-style:normal;font-weight:400;height:39px;align-content:center}.ModalAddition span{background:linear-gradient(90deg, var(--emw--color-primary, #24AA4D) 0%, var(--emw--color-background-secondary, #113F21) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:12px;font-style:normal;font-weight:700;line-height:15px;text-decoration:none;margin-left:8px;position:relative}.ModalAddition span::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:linear-gradient(90deg, var(--emw--color-primary, #24AA4D) 0%, var(--emw--color-background-secondary, #113F21) 100%)}.ModalAction{border-radius:var(--emw--button-border-radius, 99px);border:2px solid var(--emw--button-border-color, #083B17);background:linear-gradient(90deg, var(--emw--color-primary, #24AA4D) 0%, var(--emw--color-background-secondary, #113F21) 100%);padding:9px 20px;margin-top:10px;text-transform:uppercase;color:var(--emw--button-text-color, #FFF);text-align:center;font-family:var(--emw--button-typography, "PF BeauSans Pro", sans-serif);font-size:12px;font-style:normal;font-weight:700;letter-spacing:1px;line-height:1}';export{N as casino_challenges_overlay_modal}
|
|
1
|
+
import{s as e,a as i,b as t}from"./casino-challenges-overlay-a5ae48f5.js";export{C as casino_challenges_overlay}from"./casino-challenges-overlay-a5ae48f5.js";import{r as M,h as a}from"./index-be60b13e.js";const o={en:{congrats:"Congratulations!",continue:"Continue",errorBtnText:"Ok",errorTitle:"Reward failed",errorSubTitle:"Sorry — we couldn’t grant the reward. Please try again.",level:"Level",completed:"has been completed!",youWon:"You have won",physicalReward:"for physical rewards please contact ",linkText:"Customer Support",playNowOrLater:"Play your free spins now or come back later.",rewardInLobby:"You can find your reward in the relevant section of the Lobby Widget.",assistance:"If you need any assistance, please contact",useSpinsNow:"Use spins now"},da:{congrats:"Tillykke!",continue:"Fortsæt",errorBtnText:"Ok",errorTitle:"Belønning fejlede",errorSubTitle:"Beklager — vi kunne ikke tildele belønning. Prøv venligst igen.",level:"Niveau",completed:"er blevet gennemført!",youWon:"Du har vundet",physicalReward:"Ved fysiske præmier, venligst kontakt ",linkText:"Kundeservice",playNowOrLater:"Brug dine freespins nu eller gem dem til senere.",rewardInLobby:"Du kan finde din belønning under ”Mine tilbud”",assistance:"Har du brug for hjælp? Kontakt venligst",useSpinsNow:"Brug dine spins nu"}},r=(e,i)=>o[void 0!==i&&i in o?i:"en"][e],n=()=>{let e=window.navigator.userAgent;return!!(e.toLowerCase().match(/android/i)||e.toLowerCase().match(/blackberry|bb/i)||e.toLowerCase().match(/iphone|ipad|ipod/i)||e.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i))},s=class{constructor(e){M(this,e),this.startX=0,this.currentTranslate=0,this.prevTranslate=0,this.isDragging=!1,this.moved=!1,this.threshold=50,this.onPointerDown=e=>{var i;this.isDragging=!0,this.moved=!1,this.startX=e.clientX,null===(i=this.sliderContainer)||void 0===i||i.setPointerCapture(e.pointerId)},this.onPointerMove=e=>{if(!this.isDragging)return;const i=e.clientX-this.startX;Math.abs(i)>5&&(this.moved=!0),this.currentTranslate=this.prevTranslate+i,this.setSliderPosition(this.currentTranslate)},this.onPointerUp=e=>{var i;if(!this.isDragging)return;this.isDragging=!1,null===(i=this.sliderContainer)||void 0===i||i.releasePointerCapture(e.pointerId);const t=this.currentTranslate-this.prevTranslate;t<-this.threshold?this.next():t>this.threshold?this.prev():this.setPositionByIndex()},this.next=()=>{this.bonusProgramGames.length&&(this.currentIndex!==this.bonusProgramGames.length-1?(this.currentIndex=(this.currentIndex+1)%this.bonusProgramGames.length,this.setPositionByIndex()):this.setPositionByIndex())},this.prev=()=>{this.bonusProgramGames.length&&(0!==this.currentIndex?(this.currentIndex=(this.currentIndex-1+this.bonusProgramGames.length)%this.bonusProgramGames.length,this.setPositionByIndex()):this.setPositionByIndex())},this.onSlideClick=e=>{this.moved||e&&window.postMessage({type:"ChallengeInGameRedirect",data:{Slug:e}},window.location.href)},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.isOpen=!1,this.reward="",this.addition=!1,this.handleClick=()=>{},this.errored=!1,this.orderNumber=0,this.isFreeSpinsGranted=!1,this.bonusProgramGames=[],this.currentIndex=0}handleClientStylingChange(i,t){i!=t&&e(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(e,t){e!=t&&i(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(e,i){e!=i&&t(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}handleBonusProgramGameChange(e){this.currentIndex>=e.length&&(this.currentIndex=0,this.setPositionByIndex())}componentWillLoad(){this.translationUrl&&(async e=>{if(e)try{const t=await fetch(e);if(!t.ok)throw new Error(`HTTP error! status: ${t.status}`);const M=await t.json();i=M,Object.keys(i).forEach((e=>{o[e]||(o[e]={});for(let t in i[e])o[e][t]=i[e][t]}))}catch(e){console.error("Failed to fetch or parse translations from URL:",e)}var i})(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&t(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&e(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&i(this.stylingContainer,this.clientStylingUrl)),this.setPositionByIndex()}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}setSliderPosition(e){this.bonusProgramGames.length<2||this.sliderContainer&&(this.sliderContainer.style.transform=`translateX(${e}px)`)}setPositionByIndex(){var e;const i=(null===(e=this.sliderContainer)||void 0===e?void 0:e.clientWidth)||0;this.currentTranslate=-this.currentIndex*i,this.prevTranslate=this.currentTranslate,this.setSliderPosition(this.currentTranslate)}render(){var e;return a("div",{key:"a069be23593a04f768fcca1b86094d3af8e58ca3",ref:e=>this.stylingContainer=e,class:{ModalOverlay:!0,Mobile:n()||window.innerWidth<=768,Open:this.isOpen}},a("div",{key:"f41925c7697a9cd1c3da2f61c4e3a0673bd5728b",class:"ModalWinAnimation"}),a("div",{key:"9fac97b95cc682790d5e925fc40782ae71b9f54c",class:"ModalContent GradientBorder"},a("div",{key:"14683c5830b0317dd11d064a6a88a69f4805d250",class:"InnerContainer"},!this.errored&&a("div",{key:"2b7091ea3619423d41d98440d7800d95ec92a1bc",class:"ImageWrapper"},a("img",{key:"d23cfe79a0e7a2e138c0bb1e9894cc7534e5c173",src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIyIDIzIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNDY0MjkgMi41QzcuMjE0NDIgMi41IDYuOTcxMDYgMi42MDA5IDYuNzg4NzggMi43ODY0OUM2LjYwNTkgMi45NzI3IDYuNTAwMDEgMy4yMjkwMyA2LjUwMDAxIDMuNUM2LjUwMDAxIDMuNzcwOTcgNi42MDU5IDQuMDI3MyA2Ljc4ODc4IDQuMjEzNTFDNi45NzEwNiA0LjM5OTEgNy4yMTQ0MiA0LjUgNy40NjQyOSA0LjVIOS42MzQyNUM5LjU2MTg3IDQuMzI4NjUgOS40Nzg1NyA0LjE1MTE2IDkuMzgzNTYgMy45NzUyN0M4Ljg5NzY5IDMuMDc1ODEgOC4yNzM5OCAyLjUgNy40NjQyOSAyLjVaTTEwIDYuNVY5LjVMMi42MDAwMSA5LjVDMi4zMDM0OCA5LjUgMi4xNDEyMiA5LjQ5OTIyIDIuMDI0NjQgOS40ODk3QzIuMDIgOS40ODkzMiAyLjAxNTYgOS40ODg5MyAyLjAxMTQ1IDkuNDg4NTVDMi4wMTEwNyA5LjQ4NDQgMi4wMTA2OSA5LjQ4MDAxIDIuMDEwMzEgOS40NzUzN0MyLjAwMDc4IDkuMzU4NzggMi4wMDAwMSA5LjE5NjUzIDIuMDAwMDEgOC45VjcuMUMyLjAwMDAxIDYuODAzNDcgMi4wMDA3OCA2LjY0MTIyIDIuMDEwMzEgNi41MjQ2M0MyLjAxMDY5IDYuNTE5OTkgMi4wMTEwNyA2LjUxNTYgMi4wMTE0NSA2LjUxMTQ1QzIuMDE1NiA2LjUxMTA3IDIuMDIgNi41MTA2OCAyLjAyNDY0IDYuNTEwM0MyLjE0MTIyIDYuNTAwNzggMi4zMDM0OCA2LjUgMi42MDAwMSA2LjVIMTBaTTQuNjY5NTMgNC41QzQuNTU4MjIgNC4xODEzMyA0LjUwMDAxIDMuODQzMzkgNC41MDAwMSAzLjVDNC41MDAwMSAyLjcxMDExIDQuODA4MDIgMS45NDkwMiA1LjM2MTg4IDEuMzg1MDhDNS45MTYzNSAwLjgyMDUzMSA2LjY3MjI0IDAuNSA3LjQ2NDI5IDAuNUM5LjI1OSAwLjUgMTAuMzcyNSAxLjcxODQ1IDExIDIuNzcyMjNDMTEuNjI3NSAxLjcxODQ1IDEyLjc0MSAwLjUgMTQuNTM1NyAwLjVDMTUuMzI3OCAwLjUgMTYuMDgzNyAwLjgyMDUzMSAxNi42MzgxIDEuMzg1MDhDMTcuMTkyIDEuOTQ5MDIgMTcuNSAyLjcxMDExIDE3LjUgMy41QzE3LjUgMy44NDMzOSAxNy40NDE4IDQuMTgxMzMgMTcuMzMwNSA0LjVMMTkuNDMxOSA0LjVDMTkuNjg0MyA0LjQ5OTk3IDE5LjkzMDEgNC40OTk5NCAyMC4xMzgyIDQuNTE2OTVDMjAuMzY2OCA0LjUzNTYyIDIwLjYzNjYgNC41Nzk2OSAyMC45MDggNC43MTc5OUMyMS4yODQzIDQuOTA5NzMgMjEuNTkwMyA1LjIxNTcgMjEuNzgyIDUuNTkyMDJDMjEuOTIwMyA1Ljg2MzQ0IDIxLjk2NDQgNi4xMzMxOCAyMS45ODMxIDYuMzYxNzdDMjIuMDAwMSA2LjU2OTkyIDIyIDYuODE1NzEgMjIgNy4wNjgwOFY4LjkzMTkyQzIyIDkuMTg0MjkgMjIuMDAwMSA5LjQzMDA4IDIxLjk4MzEgOS42MzgyM0MyMS45NjQ0IDkuODY2ODIgMjEuOTIwMyAxMC4xMzY2IDIxLjc4MiAxMC40MDhDMjEuNTkwMyAxMC43ODQzIDIxLjI4NDMgMTEuMDkwMyAyMC45MDggMTEuMjgyQzIwLjYzNjYgMTEuNDIwMyAyMC4zNjY4IDExLjQ2NDQgMjAuMTM4MiAxMS40ODMxQzIwLjA5MzggMTEuNDg2NyAyMC4wNDc2IDExLjQ4OTUgMjAgMTEuNDkxOFYxOC4zMzg2QzIwIDE4Ljg2NTcgMjAgMTkuMzIwNSAxOS45Njk0IDE5LjY5NUMxOS45MzcxIDIwLjA5MDQgMTkuODY1OCAyMC40ODM2IDE5LjY3MyAyMC44NjJDMTkuMzg1NCAyMS40MjY1IDE4LjkyNjUgMjEuODg1NCAxOC4zNjIgMjIuMTczQzE3Ljk4MzYgMjIuMzY1OCAxNy41OTA0IDIyLjQzNzEgMTcuMTk1IDIyLjQ2OTRDMTYuODIwNSAyMi41IDE2LjM2NTcgMjIuNSAxNS44Mzg2IDIyLjVIMTEuMDAxNEgxMUwxMC45OTg2IDIyLjVINi4xNjE0NEM1LjYzNDMgMjIuNSA1LjE3OTU0IDIyLjUgNC44MDQ5OCAyMi40Njk0QzQuNDA5NjMgMjIuNDM3MSA0LjAxNjQxIDIyLjM2NTggMy42MzgwMyAyMi4xNzNDMy4wNzM1NSAyMS44ODU0IDIuNjE0NiAyMS40MjY1IDIuMzI2OTkgMjAuODYyQzIuMTM0MTkgMjAuNDgzNiAyLjA2Mjg4IDIwLjA5MDQgMi4wMzA1NyAxOS42OTVDMS45OTk5NyAxOS4zMjA1IDEuOTk5OTkgMTguODY1NyAyIDE4LjMzODVMMi4wMDAwMSAxMS40OTE4QzEuOTUyNDEgMTEuNDg5NSAxLjkwNjI0IDExLjQ4NjcgMS44NjE3OCAxMS40ODMxQzEuNjMzMTggMTEuNDY0NCAxLjM2MzQ1IDExLjQyMDMgMS4wOTIwMiAxMS4yODJDMC43MTU3MDEgMTEuMDkwMyAwLjQwOTczOSAxMC43ODQzIDAuMjE3OTkyIDEwLjQwOEMwLjA3OTY5NDcgMTAuMTM2NiAwLjAzNTYyNzEgOS44NjY4MiAwLjAxNjk1MDQgOS42MzgyM0MtNS42ODYxZS0wNSA5LjQzMDA3IC0yLjc0MTYxZS0wNSA5LjE4NDI4IDIuNTA1NDRlLTA2IDguOTMxOUw1LjI0NzI2ZS0wNiA3LjFDNS4yNDcyNmUtMDYgNy4wODkzNiAzLjkzNTk1ZS0wNiA3LjA3ODcyIDIuNjI0NjVlLTA2IDcuMDY4MUMtMi43Mjk2OWUtMDUgNi44MTU3MiAtNS42NzQxOGUtMDUgNi41Njk5MyAwLjAxNjk1MDUgNi4zNjE3N0MwLjAzNTYyNzQgNi4xMzMxOCAwLjA3OTY5NSA1Ljg2MzQ0IDAuMjE3OTkyIDUuNTkyMDJDMC40MDk3MzkgNS4yMTU2OSAwLjcxNTcgNC45MDk3MyAxLjA5MjAyIDQuNzE3OTlDMS4zNjM0NSA0LjU3OTY5IDEuNjMzMTggNC41MzU2MiAxLjg2MTc4IDQuNTE2OTVDMi4wNjk5MyA0LjQ5OTk0IDIuMzE1NzMgNC40OTk5NyAyLjU2ODExIDQuNUMyLjU3ODczIDQuNSAyLjU4OTM2IDQuNSAyLjYwMDAxIDQuNUg0LjY2OTUzWk00LjAwMDAxIDExLjVWMTguM0M0LjAwMDAxIDE4Ljg3NjYgNC4wMDA3OCAxOS4yNDg4IDQuMDIzOTMgMTkuNTMyMkM0LjA0NjEzIDE5LjgwMzggNC4wODM4MSAxOS45MDQ1IDQuMTA5IDE5Ljk1NEM0LjIwNDg3IDIwLjE0MjEgNC4zNTc4NSAyMC4yOTUxIDQuNTQ2MDEgMjAuMzkxQzQuNTk1NDYgMjAuNDE2MiA0LjY5NjE4IDIwLjQ1MzkgNC45Njc4NCAyMC40NzYxQzUuMjUxMTggMjAuNDk5MiA1LjYyMzQ1IDIwLjUgNi4yMDAwMSAyMC41SDEwVjExLjVINC4wMDAwMVpNMTIgMTEuNVYyMC41SDE1LjhDMTYuMzc2NiAyMC41IDE2Ljc0ODggMjAuNDk5MiAxNy4wMzIyIDIwLjQ3NjFDMTcuMzAzOCAyMC40NTM5IDE3LjQwNDYgMjAuNDE2MiAxNy40NTQgMjAuMzkxQzE3LjY0MjIgMjAuMjk1MSAxNy43OTUxIDIwLjE0MjIgMTcuODkxIDE5Ljk1NEMxNy45MTYyIDE5LjkwNDUgMTcuOTUzOSAxOS44MDM4IDE3Ljk3NjEgMTkuNTMyMkMxNy45OTkyIDE5LjI0ODggMTggMTguODc2NiAxOCAxOC4zVjExLjVIMTJaTTE5LjQgOS41QzE5LjY5NjUgOS41IDE5Ljg1ODggOS40OTkyMiAxOS45NzU0IDkuNDg5N0MxOS45OCA5LjQ4OTMyIDE5Ljk4NDQgOS40ODg5MyAxOS45ODg2IDkuNDg4NTRDMTkuOTg4OSA5LjQ4NDQgMTkuOTg5MyA5LjQ4MDAxIDE5Ljk4OTcgOS40NzUzN0MxOS45OTkyIDkuMzU4NzggMjAgOS4xOTY1MyAyMCA4LjlWNy4xQzIwIDYuODAzNDcgMTkuOTk5MiA2LjY0MTIyIDE5Ljk4OTcgNi41MjQ2M0MxOS45ODkzIDYuNTE5OTkgMTkuOTg4OSA2LjUxNTYgMTkuOTg4NSA2LjUxMTQ1QzE5Ljk4NDQgNi41MTEwNyAxOS45OCA2LjUxMDY4IDE5Ljk3NTQgNi41MTAzQzE5Ljg1ODggNi41MDA3OCAxOS42OTY1IDYuNSAxOS40IDYuNUgxMlY5LjVIMTkuNFpNMTQuNTM1NyA0LjVDMTQuNzg1NiA0LjUgMTUuMDI4OSA0LjM5OTEgMTUuMjExMiA0LjIxMzUxQzE1LjM5NDEgNC4wMjczIDE1LjUgMy43NzA5NyAxNS41IDMuNUMxNS41IDMuMjI5MDMgMTUuMzk0MSAyLjk3MjcgMTUuMjExMiAyLjc4NjQ5QzE1LjAyODkgMi42MDA5IDE0Ljc4NTYgMi41IDE0LjUzNTcgMi41QzEzLjcyNiAyLjUgMTMuMTAyMyAzLjA3NTgxIDEyLjYxNjUgMy45NzUyN0MxMi41MjE0IDQuMTUxMTYgMTIuNDM4MSA0LjMyODY1IDEyLjM2NTggNC41SDE0LjUzNTdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjA1MV80MzkpIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjA1MV80MzkiIHgxPSIwIiB5MT0iMTEuNSIgeDI9IjIyIiB5Mj0iMTEuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMUU2NTRGIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFDOEQ1NiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPgo=",alt:"gift-box-icon"})),a("h1",{key:"f95fbb76d703c28c45c568a0163df747dd269556",class:"ModalHeader"},r(this.errored?"errorTitle":"congrats",this.language)),this.errored?a("div",{class:"ModalErrorMessage"},r("errorSubTitle",this.language)):a("div",{class:"ModalSubtitle"},`${r("level",this.language)} ${this.orderNumber} ${r("completed",this.language)}`,a("div",null,r("youWon",this.language)),a("div",{class:"ModalReward"},this.reward),this.isFreeSpinsGranted&&a("div",{class:"ModalAddition"},r("playNowOrLater",this.language)),a("div",{class:"ModalAddition"},r("rewardInLobby",this.language))),this.addition&&a("div",{key:"201e5f0d4b3e04797c0478429dcd3c22dd30a4d3",class:"ModalAddition"},a("div",{key:"ef793ed69b572f4a9654f55cae0a71dd66af0ad6"},r("physicalReward",this.language)),a("span",{key:"131e4d36dc54d3682469a61c7196f0e379efe42f"},r("linkText",this.language))),a("button",{key:"bca6bc399277288d0ca2d9bd453eef6f6c9793e2",class:"ModalAction",onClick:this.handleClick},r(this.errored?"errorBtnText":"continue",this.language)),this.isFreeSpinsGranted&&(null===(e=this.bonusProgramGames)||void 0===e?void 0:e.length)>0&&a("div",{key:"13b921d1ff411987b9045950b1676e22b52481ab",class:"ModalSliderWrapper"},a("div",{key:"b48c9553aec2d709cede91d67b678aa545ed03a2",class:"ModalSlider",ref:e=>this.sliderContainer=e,onPointerDown:this.onPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onPointerLeave:this.onPointerUp},this.bonusProgramGames.map((e=>a("div",{class:"ModalSlide",key:e.GameSlug,onClick:()=>this.onSlideClick(e.GameSlug)},a("div",{class:"ModalSlideImageWrapper"},a("img",{src:e.Thumbnail,alt:""})),a("div",{class:"ModalSlideSpins"},r("useSpinsNow",this.language),a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},a("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L5.13807 4.19526C5.39842 4.45561 5.39842 4.87772 5.13807 5.13807L1.13807 9.13807C0.877722 9.39842 0.455612 9.39842 0.195262 9.13807C-0.0650874 8.87772 -0.0650874 8.45561 0.195262 8.19526L3.72386 4.66667L0.195262 1.13807C-0.0650874 0.877722 -0.0650874 0.455612 0.195262 0.195262Z",fill:"white"}))))))),this.bonusProgramGames.length>1&&a("div",{key:"5878e9df2ba211fbe330d959c89278d611b0d501"},a("button",{key:"25008b1e3500bdde9b1cf9285640ca342e8490a7",class:{prev:!0,disabled:0===this.currentIndex},onClick:this.prev},a("svg",{key:"2433588c5615f8b788022f8859a98f9d16504e84",xmlns:"http://www.w3.org/2000/svg",width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},a("path",{key:"14d34bf5a6538e458b7c18bb481f6a5b7c2f55bf",d:"M5 1L1 5L5 9","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),a("button",{key:"63be7d730151f3741802f415ec3c9e66508b78e7",class:{next:!0,disabled:this.currentIndex===this.bonusProgramGames.length-1},onClick:this.next},a("svg",{key:"52f1005fe412de34c71060974688874e5bf45a47",xmlns:"http://www.w3.org/2000/svg",width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},a("path",{key:"1af4edf8dc717f54d5735d34ec27de8313918e0d",d:"M1 1L5 5L1 9","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),a("div",{key:"13201c67ba3cb6a1215fb41f5a6fe3ae60864bdd",class:"ModalSliderDots"},this.bonusProgramGames.map(((e,i)=>a("span",{class:{ModalSliderDot:!0,active:i===this.currentIndex},onClick:()=>{this.currentIndex=i,this.setPositionByIndex()}})))))))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],bonusProgramGames:["handleBonusProgramGameChange"]}}};s.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:60px;border-radius:26px;border:2px solid var(--emw--color-primary-variant, #1e654f);width:540px;max-width:90%;text-align:center;max-height:90dvh;min-height:100px;font-family:"Roboto", sans-serif}.InnerContainer{border-radius:20px;background:#f9f8f8;padding:40px 50px;width:100%;display:flex;flex-direction:column;align-items:center}.ImageWrapper{margin-bottom:10px}.ModalHeader{color:var(--emw--color-typography, #212529);text-align:center;font-family:var(--emw--button-typography, "PF BeauSans Pro", sans-serif);font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-bold, 700);line-height:normal;text-transform:uppercase;letter-spacing:1px}.ModalSubtitle{color:var(--emw--color-gray-300, #212529);text-align:center;font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weigh-normal, 400);margin-top:10px;line-height:24px;width:316px}.ModalErrorMessage{color:var(--emw--color-typography, #212529);font-size:var(--emw--font-size-medium, 16px);line-height:24px;margin:10px 0}.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:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-bold, 700)}.ModalAddition{color:var(--emw--color-gray-100, #727672);text-align:center;font-family:var(--emw--button-typography, "Roboto", sans-serif);font-size:var(--emw--font-size-medium, 16px);font-style:normal;font-weight:400;align-content:center;margin-top:10px;line-height:24px}.ModalAddition span{background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:normal;font-weight:700;line-height:15px;text-decoration:none;position:relative}.ModalAddition span::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%)}.ModalAction{border-radius:var(--emw--button-border-radius, 99px);border:2px solid var(--emw--button-border-color, #083b17);background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);padding:9px 20px;margin-top:24px;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:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-bold, 700);min-width:100px}.ModalSliderWrapper{margin-top:24px;position:relative;overflow:hidden;width:316px;justify-self:center}.ModalSlider{display:flex;transition:transform 0.3s ease;cursor:pointer;touch-action:pan-y}.ModalSlider:active{cursor:grabbing}.ModalSlide{min-width:100%;flex-shrink:0;position:relative;display:flex;justify-content:center}.ModalSlide .ModalSlideSpins{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:99px;width:188px;height:48px;text-transform:uppercase;font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-bold, 700);color:var(--emw--color-white, white);align-content:center;background:var(--emw--use-spins-button-bg, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%))}.ModalSlide .ModalSlideSpins svg{margin-left:8px}.ModalSlide .ModalSlideImageWrapper{position:relative;width:244px;height:144px;border-radius:12px;overflow:hidden}.ModalSlide .ModalSlideImageWrapper img{width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}.ModalSlide .ModalSlideImageWrapper::after{content:"";position:absolute;inset:0;background:var(--emw--color-black-shadow, rgba(0, 0, 0, 0.5019607843))}.prev,.next{position:absolute;top:42%;transform:translateY(-50%);stroke:white;width:22px;height:22px;border-radius:50%;border:2px solid var(--emw--button-border-color, #083b17);background:var(--emw--slider-arrow-primary-bg, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));display:flex;align-items:center;justify-content:center}.prev.disabled,.next.disabled{stroke:var(--emw--color-gray-100, #727672);background:var(--emw--ingame-color-black40, rgba(0, 0, 0, 0.4));border-color:var(--emw--color-gray-100, #727672)}.prev{left:2px}.next{right:2px}.ModalSliderDots{display:flex;justify-content:center;margin-top:10px}.ModalSliderDot{width:8px;height:8px;border-radius:50%;background:var(--emw--color-gray-50, #e2e2e2);margin:8px;cursor:pointer}.ModalSliderDot.active{background:var(--emw--border-success-color, #00b74f)}.Mobile .ModalContent{padding:26px}.Mobile .InnerContainer{padding:25px}.Mobile .ImageWrapper{margin-bottom:6px}.Mobile .ModalHeader{margin-bottom:16px}.Mobile .ModalAddition{margin-top:8px}.Mobile .ModalAction,.Mobile .ModalSliderWrapper{margin-top:20px}.Mobile .ModalSliderWrapper{width:230px;justify-self:center}.Mobile .ModalSliderWrapper .prev,.Mobile .ModalSliderWrapper .next{display:none}.Mobile .ModalSliderWrapper .ModalSlideImageWrapper{width:220px;height:125px}.Mobile .ModalSliderWrapper .ModalSlideSpins{width:154px;height:34px;font-size:var(--emw--font-size-x-small, 12px)}.Mobile .ModalSliderWrapper .ModalSliderDot{margin:8px 4px}.Mobile .ModalSubtitle{width:220px}';export{s 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),r=new Map,i=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=[],v=[],y=(e,t)=>n=>{e.push(n),p||(p=!0,t&&4&f.l?b($):f.raf($))},w=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){s(e)}e.length=0},$=()=>{w(m),w(v),(p=m.length>0)&&f.raf($)},b=e=>h().then(e),g=y(v,!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:()=>C,map:()=>E,ok:()=>O,unwrap:()=>P,unwrapErr:()=>L});var O=e=>({isOk:!0,isErr:!1,value:e}),C=e=>({isOk:!1,isErr:!0,value:e});function E(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 C(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,r=!1;const i=[],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&&r?i[i.length-1].i+=l:i.push(s?T(null,l):l),r=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,i.length>0&&(u.h=i),u.p=o,u},T=(e,t)=>({l:0,m:e,i:t,v:null,h:null,u:null,p:null}),A={},F=new WeakMap,N=e=>"sc-"+e.$,U=(e,t,n,l,s,r)=>{if(n!==l){let i=o(e,t),c=t.toLowerCase();if("class"===t){const t=e.classList,o=D(n),s=D(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(i||"o"!==t[0]||"n"!==t[1]){const o=j(l);if((i||o&&null!==l)&&!s)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?i=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&r||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)}}},W=/\s/,D=e=>e?e.split(W):[],H="Capture",q=RegExp(H+"$"),G=(e,t,n)=>{const l=11===t.v.nodeType&&t.v.host?t.v.host:t.v,o=e&&e.u||S,s=t.u||S;for(const e of V(Object.keys(o)))e in s||U(l,e,o[e],void 0,n,t.l);for(const e of V(Object.keys(s)))U(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,r=0;if(null!==l.i)o=l.v=a.createTextNode(l.i);else{if(_||(_="svg"===l.m),o=l.v=a.createElementNS(_?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",l.m),_&&"foreignObject"===l.m&&(_=!1),G(null,l,_),null!=M&&o["s-si"]!==M&&o.classList.add(o["s-si"]=M),l.h)for(r=0;r<l.h.length;++r)s=z(e,l,r),s&&o.appendChild(s);"svg"===l.m?_=!1:"foreignObject"===o.tagName&&(_=!0)}return o["s-hn"]=x,o},B=(e,t,n,l,o,s)=>{let r,i=e;for(i.shadowRoot&&i.tagName===x&&(i=i.shadowRoot);o<=s;++o)l[o]&&(r=z(null,n,o),r&&(l[o].v=r,X(i,r,t)))},I=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.v;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.v=e.v,o=e.h,s=t.h,r=t.m,i=t.i;null===i?(G(e,t,_="svg"===r||"foreignObject"!==r&&_),null!==o&&null!==s?((e,t,n,l,o=!1)=>{let s,r,i=0,c=0,u=0,a=0,f=t.length-1,h=t[0],d=t[f],p=l.length-1,m=l[0],v=l[p];for(;i<=f&&c<=p;)if(null==h)h=t[++i];else if(null==d)d=t[--f];else if(null==m)m=l[++c];else if(null==v)v=l[--p];else if(J(h,m,o))K(h,m,o),h=t[++i],m=l[++c];else if(J(d,v,o))K(d,v,o),d=t[--f],v=l[--p];else if(J(h,v,o))K(h,v,o),X(e,h.v,d.v.nextSibling),h=t[++i],v=l[--p];else if(J(d,m,o))K(d,m,o),X(e,d.v,h.v),d=t[--f],m=l[++c];else{for(u=-1,a=i;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===m.p){u=a;break}u>=0?(r=t[u],r.m!==m.m?s=z(t&&t[c],n,u):(K(r,m,o),t[u]=void 0,s=r.v),m=l[++c]):(s=z(t&&t[c],n,c),m=l[++c]),s&&X(h.v.parentNode,s,h.v)}i>f?B(e,null==l[p+1]?null:l[p+1].v,n,l,c,p):c>p&&I(t,i,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),_&&"svg"===r&&(_=!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])=>ie(n,e,t))),e.k=void 0),l=ie(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=N(t),o=i.get(l);if(e=11===e.nodeType?e:a,o)if("string"==typeof o){let s,r=F.get(e=e.head||e);if(r||F.set(e,r=new Set),!r.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),r&&r.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),r=(e=>e&&e.m===A)(t)?t:R(null,null,t);if(x=l.tagName,o.P&&(r.u=r.u||{},o.P.map((([e,t])=>r.u[t]=l[e]))),n&&r.u)for(const e of Object.keys(r.u))l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(r.u[e]=l[e]);r.m=null,r.l|=4,e.M=r,r.v=s.v=l.shadowRoot||l,M=l["s-sc"],K(s,r,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),ie(n,"componentDidLoad"),e.L(t),l||re()),e.R(t),e.S&&(e.S(),e.S=void 0),512&e.l&&b((()=>Z(e,!1))),e.l&=-517},re=()=>{ce(a.documentElement),b((()=>(e=>{const t=f.ce("appload",{detail:{namespace:"casino-challenges-overlay"}});return e.dispatchEvent(t),t})(u)))},ie=(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,r;const i=e.prototype;if(t.T||t.A||e.watchers){e.watchers&&!t.A&&(t.A=e.watchers);const c=Object.entries(null!=(o=t.T)?o:{});if(c.map((([e,[o]])=>{31&o||2&l&&32&o?Object.defineProperty(i,e,{get(){return((e,t)=>n(this).F.get(t))(0,e)},set(l){((e,t,l,o)=>{const r=n(e);if(!r)throw Error(`Couldn't find host element for "${o.$}" 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 i=r.$hostElement$,c=r.F.get(t),u=r.l,a=r.t;if(l=((e,t)=>null==e||j(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(l,o.T[t][0]),(!(8&u)||void 0===c)&&l!==c&&(!Number.isNaN(c)||!Number.isNaN(l))&&(r.F.set(t,l),a)){if(o.A&&128&u){const e=o.A[t];e&&e.map((e=>{try{a[e](l,c,t)}catch(e){s(e,i)}}))}2==(18&u)&&Z(r,!1)}})(this,e,l,t)},configurable:!0,enumerable:!0}):1&l&&64&o&&Object.defineProperty(i,e,{value(...t){var l;const o=n(this);return null==(l=null==o?void 0:o.N)?void 0:l.then((()=>{var n;return null==(n=o.t)?void 0:n[e](...t)}))}})})),1&l){const l=new Map;i.attributeChangedCallback=function(e,o,s){f.jmp((()=>{var r;const c=l.get(e);if(this.hasOwnProperty(c))s=this[c],delete this[c];else{if(i.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==s)return;if(null==c){const l=n(this),i=null==l?void 0:l.l;if(i&&!(8&i)&&128&i&&s!==o){const n=l.t,i=null==(r=t.A)?void 0:r[e];null==i||i.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!=(r=t.A)?r:{}),...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=>{ie(e,"connectedCallback")},fe=e=>{ie(e,"disconnectedCallback")},he=(e,l={})=>{var o;const h=[],p=l.exclude||[],m=u.customElements,v=a.head,y=v.querySelector("meta[charset]"),w=a.createElement("style"),$=[];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],$:l[1],T:l[2],U:l[3]};4&c.l&&(S=!0),c.T=l[2],c.U=l[3],c.P=[],c.A=null!=(o=l[4])?o:{};const u=c.$,a=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const l={l:0,$hostElement$:e,O:n,F:new Map};l.N=new Promise((e=>l.R=e)),l.W=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.$}! 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,de(this,e,c.U)),b&&(clearTimeout(b),b=null),g?$.push(this):f.jmp((()=>(e=>{if(!(1&f.l)){const t=n(e),l=t.O,o=()=>{};if(1&t.l)de(e,t,l.U),(null==t?void 0:t.t)?ae(t.t):(null==t?void 0:t.W)&&t.W.then((()=>ae(t.t)));else{t.l|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){Y(t,t.j=n);break}}l.T&&Object.entries(l.T).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.D){const e=(e=>{const t=e.$.replace(/-/g,"_"),n=e.D;if(!n)return;const l=r.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(r.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.$}#${t.H}" was not found`);l.isProxied||(n.A=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(),ae(t.t)}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=N(n);if(!i.has(t)){const l=()=>{};((e,t,n)=>{let l=i.get(e);d&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,i.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.q&&(e.q.map((e=>e())),e.q=void 0),(null==e?void 0:e.t)?fe(e.t):(null==e?void 0:e.W)&&e.W.then((()=>fe(e.t)))}})()))}componentOnReady(){return n(this).W}};c.D=e[0],p.includes(u)||m.get(u)||(h.push(u),m.define(u,ue(a,c,1)))}))})),h.length>0&&(S&&(w.textContent+=c),w.textContent+=h.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",w.innerHTML.length)){w.setAttribute("data-styles","");const e=null!=(o=f.C)?o:k(a);null!=e&&w.setAttribute("nonce",e),v.insertBefore(w,y?y.nextSibling:v.firstChild)}g=!1,$.length?$.map((e=>e.connectedCallback())):f.jmp((()=>b=setTimeout(re,30)))},de=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=me(e,n),r=pe(t,o),i=ve(n);f.ael(s,l,r,i),(t.q=t.q||[]).push((()=>f.rel(s,l,r,i)))}))},pe=(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)}},me=(e,t)=>8&t?u:e,ve=e=>({passive:!!(1&e),capture:!!(2&e)}),ye=e=>f.C=e;export{he 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-a5ae48f5.js";import"./index-be60b13e.js";
|
package/dist/cjs/{casino-challenges-overlay-365b73b3.js → casino-challenges-overlay-68ec1eb8.js}
RENAMED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
const index = require('./index-
|
|
3
|
+
const index = require('./index-d610a063.js');
|
|
4
4
|
|
|
5
5
|
const StyleCacheKey = '__WIDGET_GLOBAL_STYLE_CACHE__';
|
|
6
6
|
|
|
@@ -140,7 +140,11 @@ const TRANSLATIONS = {
|
|
|
140
140
|
completed: 'has been completed!',
|
|
141
141
|
youWon: 'You have won',
|
|
142
142
|
physicalReward: 'for physical rewards please contact ',
|
|
143
|
-
linkText: 'Customer Support'
|
|
143
|
+
linkText: 'Customer Support',
|
|
144
|
+
playNowOrLater: 'Play your free spins now or come back later.',
|
|
145
|
+
rewardInLobby: 'You can find your reward in the relevant section of the Lobby Widget.',
|
|
146
|
+
assistance: 'If you need any assistance, please contact',
|
|
147
|
+
useSpinsNow: 'Use spins now'
|
|
144
148
|
},
|
|
145
149
|
da: {
|
|
146
150
|
new: 'ny',
|
|
@@ -154,7 +158,11 @@ const TRANSLATIONS = {
|
|
|
154
158
|
completed: 'er blevet gennemført!',
|
|
155
159
|
youWon: 'Du har vundet',
|
|
156
160
|
physicalReward: 'Ved fysiske præmier, venligst kontakt ',
|
|
157
|
-
linkText: 'Kundeservice'
|
|
161
|
+
linkText: 'Kundeservice',
|
|
162
|
+
playNowOrLater: 'Brug dine freespins nu eller gem dem til senere.',
|
|
163
|
+
rewardInLobby: 'Du kan finde din belønning under ”Mine tilbud”',
|
|
164
|
+
assistance: 'Har du brug for hjælp? Kontakt venligst',
|
|
165
|
+
useSpinsNow: 'Brug dine spins nu'
|
|
158
166
|
}
|
|
159
167
|
};
|
|
160
168
|
const translate = (key, customLang) => {
|
|
@@ -282,6 +290,8 @@ const CasinoChallengesOverlay = class {
|
|
|
282
290
|
this.modalReward = '';
|
|
283
291
|
this.modalAddition = false;
|
|
284
292
|
this.modalOrderNumber = 1;
|
|
293
|
+
this.modalIsFreeSpinsGranted = false;
|
|
294
|
+
this.modalBonusProgramGames = [];
|
|
285
295
|
}
|
|
286
296
|
handleClientStylingChange(newValue, oldValue) {
|
|
287
297
|
if (newValue != oldValue) {
|
|
@@ -323,7 +333,7 @@ const CasinoChallengesOverlay = class {
|
|
|
323
333
|
}
|
|
324
334
|
}
|
|
325
335
|
handleEvent(e) {
|
|
326
|
-
var _a, _b, _c, _d, _e, _f;
|
|
336
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
327
337
|
if (!(e === null || e === void 0 ? void 0 : e.data) || typeof e.data !== 'object')
|
|
328
338
|
return;
|
|
329
339
|
const { type, data } = e.data;
|
|
@@ -386,7 +396,9 @@ const CasinoChallengesOverlay = class {
|
|
|
386
396
|
}
|
|
387
397
|
this.modalOrderNumber = (level === null || level === void 0 ? void 0 : level.OrderNumber) + 1;
|
|
388
398
|
this.modalReward = level === null || level === void 0 ? void 0 : level.CustomRewardMessage;
|
|
389
|
-
this.
|
|
399
|
+
this.modalIsFreeSpinsGranted = (_d = level === null || level === void 0 ? void 0 : level.Rewards) === null || _d === void 0 ? void 0 : _d.some((x) => x.Type === EChallengeRewardType.FreeSpins);
|
|
400
|
+
this.modalAddition = (_e = level === null || level === void 0 ? void 0 : level.Rewards) === null || _e === void 0 ? void 0 : _e.some((x) => x.Type === EChallengeRewardType.Custom);
|
|
401
|
+
this.modalBonusProgramGames = ((_f = data === null || data === void 0 ? void 0 : data.BonusProgramGames) !== null && _f !== void 0 ? _f : []);
|
|
390
402
|
}
|
|
391
403
|
break;
|
|
392
404
|
}
|
|
@@ -395,8 +407,8 @@ const CasinoChallengesOverlay = class {
|
|
|
395
407
|
break;
|
|
396
408
|
}
|
|
397
409
|
case 'ChangeChallengeProgressStatus': {
|
|
398
|
-
const currentProgress = (
|
|
399
|
-
this.challenges = (
|
|
410
|
+
const currentProgress = (_g = this.challenges) === null || _g === void 0 ? void 0 : _g.find((x) => (x === null || x === void 0 ? void 0 : x.ChallengeId) === this.activeChallenge);
|
|
411
|
+
this.challenges = (_h = this.challenges) === null || _h === void 0 ? void 0 : _h.map((x) => {
|
|
400
412
|
if (this.isGrayed &&
|
|
401
413
|
this.inProgressCount === 1 &&
|
|
402
414
|
currentProgress &&
|
|
@@ -586,12 +598,12 @@ const CasinoChallengesOverlay = class {
|
|
|
586
598
|
render() {
|
|
587
599
|
const currProgress = this.completedLevelId ? 100 : this.progress;
|
|
588
600
|
const dot = this.getCapsuleDotPosition(currProgress);
|
|
589
|
-
return (index.h("div", { key: '
|
|
601
|
+
return (index.h("div", { key: '578b688adf5cb2ba93d3ad308b4017b1bf29a253', ref: (el) => (this.stylingContainer = el) }, this.inProgressCount > 0 && (index.h("div", { key: 'cb12b7c2448d6c525d19f2201214985dfa2132e1', class: "container", onClick: this.goToDetailsPage }, index.h("div", { key: '6fc016894897f5a91affd12505c392ad640817db', class: `circle ${this.isGrayed ? 'grayed' : ''}`, style: {
|
|
590
602
|
'--progress': `${currProgress}%`
|
|
591
|
-
} }, index.h("img", { key: '
|
|
603
|
+
} }, index.h("img", { key: '711b6ea7623f5b5d846590d0da2a1efd62a2ed40', class: "circle__img", src: bgIconSvg }), index.h("div", { key: 'cd0c5323e4a7126a89e1f71d51f9c6712f4ac094', class: "circle__content" }, index.h("span", { key: '64239a08270a9e20c30491a4864e351e95b5a98d' }, Math.floor(currProgress), "%")), dot && (index.h("div", { key: 'faa72bad8f2d6b29f6cacf3f2ec35cf6be57ae4c', class: "dot", style: {
|
|
592
604
|
left: `${dot.x}px`,
|
|
593
605
|
top: `${dot.y}px`
|
|
594
|
-
} }))), !this.isGrayed && index.h("div", { key: '
|
|
606
|
+
} }))), !this.isGrayed && index.h("div", { key: '9a0f734d46512ddca92c36219b42d6b5aa94e9cf', class: `badge ${this.isNew ? 'new' : ''}` }, this.renderBadgeContent()))), index.h("casino-challenges-overlay-modal", { key: '6f955e4eb9d582703558bbceea5a2e5c54535fd5', isOpen: this.showModal, handleClick: this.closeModal, reward: this.modalReward, addition: this.modalAddition, isFreeSpinsGranted: this.modalIsFreeSpinsGranted, bonusProgramGames: this.modalBonusProgramGames, errored: this.modalErrored, orderNumber: this.modalOrderNumber, translationUrl: this.translationUrl, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl })));
|
|
595
607
|
}
|
|
596
608
|
static get watchers() { return {
|
|
597
609
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -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-d610a063.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-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],"modalErrored":[32],"modalReward":[32],"modalAddition":[32],"modalOrderNumber":[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"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"reward":[513],"addition":[516],"handleClick":[16],"errored":[516],"orderNumber":[514,"order-number"]},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],"modalErrored":[32],"modalReward":[32],"modalAddition":[32],"modalOrderNumber":[32],"modalIsFreeSpinsGranted":[32],"modalBonusProgramGames":[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"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"reward":[513],"addition":[516],"handleClick":[16],"errored":[516],"orderNumber":[514,"order-number"],"isFreeSpinsGranted":[516,"is-free-spins-granted"],"bonusProgramGames":[16],"currentIndex":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"bonusProgramGames":["handleBonusProgramGameChange"]}]]]], options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const casinoChallengesOverlay = require('./casino-challenges-overlay-
|
|
6
|
-
const index = require('./index-
|
|
5
|
+
const casinoChallengesOverlay = require('./casino-challenges-overlay-68ec1eb8.js');
|
|
6
|
+
const index = require('./index-d610a063.js');
|
|
7
7
|
|
|
8
8
|
const giftboxSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIyIDIzIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNDY0MjkgMi41QzcuMjE0NDIgMi41IDYuOTcxMDYgMi42MDA5IDYuNzg4NzggMi43ODY0OUM2LjYwNTkgMi45NzI3IDYuNTAwMDEgMy4yMjkwMyA2LjUwMDAxIDMuNUM2LjUwMDAxIDMuNzcwOTcgNi42MDU5IDQuMDI3MyA2Ljc4ODc4IDQuMjEzNTFDNi45NzEwNiA0LjM5OTEgNy4yMTQ0MiA0LjUgNy40NjQyOSA0LjVIOS42MzQyNUM5LjU2MTg3IDQuMzI4NjUgOS40Nzg1NyA0LjE1MTE2IDkuMzgzNTYgMy45NzUyN0M4Ljg5NzY5IDMuMDc1ODEgOC4yNzM5OCAyLjUgNy40NjQyOSAyLjVaTTEwIDYuNVY5LjVMMi42MDAwMSA5LjVDMi4zMDM0OCA5LjUgMi4xNDEyMiA5LjQ5OTIyIDIuMDI0NjQgOS40ODk3QzIuMDIgOS40ODkzMiAyLjAxNTYgOS40ODg5MyAyLjAxMTQ1IDkuNDg4NTVDMi4wMTEwNyA5LjQ4NDQgMi4wMTA2OSA5LjQ4MDAxIDIuMDEwMzEgOS40NzUzN0MyLjAwMDc4IDkuMzU4NzggMi4wMDAwMSA5LjE5NjUzIDIuMDAwMDEgOC45VjcuMUMyLjAwMDAxIDYuODAzNDcgMi4wMDA3OCA2LjY0MTIyIDIuMDEwMzEgNi41MjQ2M0MyLjAxMDY5IDYuNTE5OTkgMi4wMTEwNyA2LjUxNTYgMi4wMTE0NSA2LjUxMTQ1QzIuMDE1NiA2LjUxMTA3IDIuMDIgNi41MTA2OCAyLjAyNDY0IDYuNTEwM0MyLjE0MTIyIDYuNTAwNzggMi4zMDM0OCA2LjUgMi42MDAwMSA2LjVIMTBaTTQuNjY5NTMgNC41QzQuNTU4MjIgNC4xODEzMyA0LjUwMDAxIDMuODQzMzkgNC41MDAwMSAzLjVDNC41MDAwMSAyLjcxMDExIDQuODA4MDIgMS45NDkwMiA1LjM2MTg4IDEuMzg1MDhDNS45MTYzNSAwLjgyMDUzMSA2LjY3MjI0IDAuNSA3LjQ2NDI5IDAuNUM5LjI1OSAwLjUgMTAuMzcyNSAxLjcxODQ1IDExIDIuNzcyMjNDMTEuNjI3NSAxLjcxODQ1IDEyLjc0MSAwLjUgMTQuNTM1NyAwLjVDMTUuMzI3OCAwLjUgMTYuMDgzNyAwLjgyMDUzMSAxNi42MzgxIDEuMzg1MDhDMTcuMTkyIDEuOTQ5MDIgMTcuNSAyLjcxMDExIDE3LjUgMy41QzE3LjUgMy44NDMzOSAxNy40NDE4IDQuMTgxMzMgMTcuMzMwNSA0LjVMMTkuNDMxOSA0LjVDMTkuNjg0MyA0LjQ5OTk3IDE5LjkzMDEgNC40OTk5NCAyMC4xMzgyIDQuNTE2OTVDMjAuMzY2OCA0LjUzNTYyIDIwLjYzNjYgNC41Nzk2OSAyMC45MDggNC43MTc5OUMyMS4yODQzIDQuOTA5NzMgMjEuNTkwMyA1LjIxNTcgMjEuNzgyIDUuNTkyMDJDMjEuOTIwMyA1Ljg2MzQ0IDIxLjk2NDQgNi4xMzMxOCAyMS45ODMxIDYuMzYxNzdDMjIuMDAwMSA2LjU2OTkyIDIyIDYuODE1NzEgMjIgNy4wNjgwOFY4LjkzMTkyQzIyIDkuMTg0MjkgMjIuMDAwMSA5LjQzMDA4IDIxLjk4MzEgOS42MzgyM0MyMS45NjQ0IDkuODY2ODIgMjEuOTIwMyAxMC4xMzY2IDIxLjc4MiAxMC40MDhDMjEuNTkwMyAxMC43ODQzIDIxLjI4NDMgMTEuMDkwMyAyMC45MDggMTEuMjgyQzIwLjYzNjYgMTEuNDIwMyAyMC4zNjY4IDExLjQ2NDQgMjAuMTM4MiAxMS40ODMxQzIwLjA5MzggMTEuNDg2NyAyMC4wNDc2IDExLjQ4OTUgMjAgMTEuNDkxOFYxOC4zMzg2QzIwIDE4Ljg2NTcgMjAgMTkuMzIwNSAxOS45Njk0IDE5LjY5NUMxOS45MzcxIDIwLjA5MDQgMTkuODY1OCAyMC40ODM2IDE5LjY3MyAyMC44NjJDMTkuMzg1NCAyMS40MjY1IDE4LjkyNjUgMjEuODg1NCAxOC4zNjIgMjIuMTczQzE3Ljk4MzYgMjIuMzY1OCAxNy41OTA0IDIyLjQzNzEgMTcuMTk1IDIyLjQ2OTRDMTYuODIwNSAyMi41IDE2LjM2NTcgMjIuNSAxNS44Mzg2IDIyLjVIMTEuMDAxNEgxMUwxMC45OTg2IDIyLjVINi4xNjE0NEM1LjYzNDMgMjIuNSA1LjE3OTU0IDIyLjUgNC44MDQ5OCAyMi40Njk0QzQuNDA5NjMgMjIuNDM3MSA0LjAxNjQxIDIyLjM2NTggMy42MzgwMyAyMi4xNzNDMy4wNzM1NSAyMS44ODU0IDIuNjE0NiAyMS40MjY1IDIuMzI2OTkgMjAuODYyQzIuMTM0MTkgMjAuNDgzNiAyLjA2Mjg4IDIwLjA5MDQgMi4wMzA1NyAxOS42OTVDMS45OTk5NyAxOS4zMjA1IDEuOTk5OTkgMTguODY1NyAyIDE4LjMzODVMMi4wMDAwMSAxMS40OTE4QzEuOTUyNDEgMTEuNDg5NSAxLjkwNjI0IDExLjQ4NjcgMS44NjE3OCAxMS40ODMxQzEuNjMzMTggMTEuNDY0NCAxLjM2MzQ1IDExLjQyMDMgMS4wOTIwMiAxMS4yODJDMC43MTU3MDEgMTEuMDkwMyAwLjQwOTczOSAxMC43ODQzIDAuMjE3OTkyIDEwLjQwOEMwLjA3OTY5NDcgMTAuMTM2NiAwLjAzNTYyNzEgOS44NjY4MiAwLjAxNjk1MDQgOS42MzgyM0MtNS42ODYxZS0wNSA5LjQzMDA3IC0yLjc0MTYxZS0wNSA5LjE4NDI4IDIuNTA1NDRlLTA2IDguOTMxOUw1LjI0NzI2ZS0wNiA3LjFDNS4yNDcyNmUtMDYgNy4wODkzNiAzLjkzNTk1ZS0wNiA3LjA3ODcyIDIuNjI0NjVlLTA2IDcuMDY4MUMtMi43Mjk2OWUtMDUgNi44MTU3MiAtNS42NzQxOGUtMDUgNi41Njk5MyAwLjAxNjk1MDUgNi4zNjE3N0MwLjAzNTYyNzQgNi4xMzMxOCAwLjA3OTY5NSA1Ljg2MzQ0IDAuMjE3OTkyIDUuNTkyMDJDMC40MDk3MzkgNS4yMTU2OSAwLjcxNTcgNC45MDk3MyAxLjA5MjAyIDQuNzE3OTlDMS4zNjM0NSA0LjU3OTY5IDEuNjMzMTggNC41MzU2MiAxLjg2MTc4IDQuNTE2OTVDMi4wNjk5MyA0LjQ5OTk0IDIuMzE1NzMgNC40OTk5NyAyLjU2ODExIDQuNUMyLjU3ODczIDQuNSAyLjU4OTM2IDQuNSAyLjYwMDAxIDQuNUg0LjY2OTUzWk00LjAwMDAxIDExLjVWMTguM0M0LjAwMDAxIDE4Ljg3NjYgNC4wMDA3OCAxOS4yNDg4IDQuMDIzOTMgMTkuNTMyMkM0LjA0NjEzIDE5LjgwMzggNC4wODM4MSAxOS45MDQ1IDQuMTA5IDE5Ljk1NEM0LjIwNDg3IDIwLjE0MjEgNC4zNTc4NSAyMC4yOTUxIDQuNTQ2MDEgMjAuMzkxQzQuNTk1NDYgMjAuNDE2MiA0LjY5NjE4IDIwLjQ1MzkgNC45Njc4NCAyMC40NzYxQzUuMjUxMTggMjAuNDk5MiA1LjYyMzQ1IDIwLjUgNi4yMDAwMSAyMC41SDEwVjExLjVINC4wMDAwMVpNMTIgMTEuNVYyMC41SDE1LjhDMTYuMzc2NiAyMC41IDE2Ljc0ODggMjAuNDk5MiAxNy4wMzIyIDIwLjQ3NjFDMTcuMzAzOCAyMC40NTM5IDE3LjQwNDYgMjAuNDE2MiAxNy40NTQgMjAuMzkxQzE3LjY0MjIgMjAuMjk1MSAxNy43OTUxIDIwLjE0MjIgMTcuODkxIDE5Ljk1NEMxNy45MTYyIDE5LjkwNDUgMTcuOTUzOSAxOS44MDM4IDE3Ljk3NjEgMTkuNTMyMkMxNy45OTkyIDE5LjI0ODggMTggMTguODc2NiAxOCAxOC4zVjExLjVIMTJaTTE5LjQgOS41QzE5LjY5NjUgOS41IDE5Ljg1ODggOS40OTkyMiAxOS45NzU0IDkuNDg5N0MxOS45OCA5LjQ4OTMyIDE5Ljk4NDQgOS40ODg5MyAxOS45ODg2IDkuNDg4NTRDMTkuOTg4OSA5LjQ4NDQgMTkuOTg5MyA5LjQ4MDAxIDE5Ljk4OTcgOS40NzUzN0MxOS45OTkyIDkuMzU4NzggMjAgOS4xOTY1MyAyMCA4LjlWNy4xQzIwIDYuODAzNDcgMTkuOTk5MiA2LjY0MTIyIDE5Ljk4OTcgNi41MjQ2M0MxOS45ODkzIDYuNTE5OTkgMTkuOTg4OSA2LjUxNTYgMTkuOTg4NSA2LjUxMTQ1QzE5Ljk4NDQgNi41MTEwNyAxOS45OCA2LjUxMDY4IDE5Ljk3NTQgNi41MTAzQzE5Ljg1ODggNi41MDA3OCAxOS42OTY1IDYuNSAxOS40IDYuNUgxMlY5LjVIMTkuNFpNMTQuNTM1NyA0LjVDMTQuNzg1NiA0LjUgMTUuMDI4OSA0LjM5OTEgMTUuMjExMiA0LjIxMzUxQzE1LjM5NDEgNC4wMjczIDE1LjUgMy43NzA5NyAxNS41IDMuNUMxNS41IDMuMjI5MDMgMTUuMzk0MSAyLjk3MjcgMTUuMjExMiAyLjc4NjQ5QzE1LjAyODkgMi42MDA5IDE0Ljc4NTYgMi41IDE0LjUzNTcgMi41QzEzLjcyNiAyLjUgMTMuMTAyMyAzLjA3NTgxIDEyLjYxNjUgMy45NzUyN0MxMi41MjE0IDQuMTUxMTYgMTIuNDM4MSA0LjMyODY1IDEyLjM2NTggNC41SDE0LjUzNTdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjA1MV80MzkpIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjA1MV80MzkiIHgxPSIwIiB5MT0iMTEuNSIgeDI9IjIyIiB5Mj0iMTEuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMUU2NTRGIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFDOEQ1NiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPgo=';
|
|
9
9
|
|
|
@@ -19,7 +19,11 @@ const TRANSLATIONS = {
|
|
|
19
19
|
completed: 'has been completed!',
|
|
20
20
|
youWon: 'You have won',
|
|
21
21
|
physicalReward: 'for physical rewards please contact ',
|
|
22
|
-
linkText: 'Customer Support'
|
|
22
|
+
linkText: 'Customer Support',
|
|
23
|
+
playNowOrLater: 'Play your free spins now or come back later.',
|
|
24
|
+
rewardInLobby: 'You can find your reward in the relevant section of the Lobby Widget.',
|
|
25
|
+
assistance: 'If you need any assistance, please contact',
|
|
26
|
+
useSpinsNow: 'Use spins now'
|
|
23
27
|
},
|
|
24
28
|
da: {
|
|
25
29
|
congrats: 'Tillykke!',
|
|
@@ -31,7 +35,11 @@ const TRANSLATIONS = {
|
|
|
31
35
|
completed: 'er blevet gennemført!',
|
|
32
36
|
youWon: 'Du har vundet',
|
|
33
37
|
physicalReward: 'Ved fysiske præmier, venligst kontakt ',
|
|
34
|
-
linkText: 'Kundeservice'
|
|
38
|
+
linkText: 'Kundeservice',
|
|
39
|
+
playNowOrLater: 'Brug dine freespins nu eller gem dem til senere.',
|
|
40
|
+
rewardInLobby: 'Du kan finde din belønning under ”Mine tilbud”',
|
|
41
|
+
assistance: 'Har du brug for hjælp? Kontakt venligst',
|
|
42
|
+
useSpinsNow: 'Brug dine spins nu'
|
|
35
43
|
}
|
|
36
44
|
};
|
|
37
45
|
const translate = (key, customLang) => {
|
|
@@ -64,12 +72,87 @@ const resolveTranslationUrl = async (translationUrl) => {
|
|
|
64
72
|
}
|
|
65
73
|
};
|
|
66
74
|
|
|
67
|
-
const
|
|
75
|
+
const isMobile = () => {
|
|
76
|
+
let userAgent = window.navigator.userAgent;
|
|
77
|
+
return !!(userAgent.toLowerCase().match(/android/i) ||
|
|
78
|
+
userAgent.toLowerCase().match(/blackberry|bb/i) ||
|
|
79
|
+
userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
|
|
80
|
+
userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
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:60px;border-radius:26px;border:2px solid var(--emw--color-primary-variant, #1e654f);width:540px;max-width:90%;text-align:center;max-height:90dvh;min-height:100px;font-family:\"Roboto\", sans-serif}.InnerContainer{border-radius:20px;background:#f9f8f8;padding:40px 50px;width:100%;display:flex;flex-direction:column;align-items:center}.ImageWrapper{margin-bottom:10px}.ModalHeader{color:var(--emw--color-typography, #212529);text-align:center;font-family:var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-bold, 700);line-height:normal;text-transform:uppercase;letter-spacing:1px}.ModalSubtitle{color:var(--emw--color-gray-300, #212529);text-align:center;font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weigh-normal, 400);margin-top:10px;line-height:24px;width:316px}.ModalErrorMessage{color:var(--emw--color-typography, #212529);font-size:var(--emw--font-size-medium, 16px);line-height:24px;margin:10px 0}.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:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-bold, 700)}.ModalAddition{color:var(--emw--color-gray-100, #727672);text-align:center;font-family:var(--emw--button-typography, \"Roboto\", sans-serif);font-size:var(--emw--font-size-medium, 16px);font-style:normal;font-weight:400;align-content:center;margin-top:10px;line-height:24px}.ModalAddition span{background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:normal;font-weight:700;line-height:15px;text-decoration:none;position:relative}.ModalAddition span::after{content:\"\";position:absolute;left:0;bottom:0;height:1px;width:100%;background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%)}.ModalAction{border-radius:var(--emw--button-border-radius, 99px);border:2px solid var(--emw--button-border-color, #083b17);background:linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);padding:9px 20px;margin-top:24px;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:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-bold, 700);min-width:100px}.ModalSliderWrapper{margin-top:24px;position:relative;overflow:hidden;width:316px;justify-self:center}.ModalSlider{display:flex;transition:transform 0.3s ease;cursor:pointer;touch-action:pan-y}.ModalSlider:active{cursor:grabbing}.ModalSlide{min-width:100%;flex-shrink:0;position:relative;display:flex;justify-content:center}.ModalSlide .ModalSlideSpins{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:99px;width:188px;height:48px;text-transform:uppercase;font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-bold, 700);color:var(--emw--color-white, white);align-content:center;background:var(--emw--use-spins-button-bg, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%))}.ModalSlide .ModalSlideSpins svg{margin-left:8px}.ModalSlide .ModalSlideImageWrapper{position:relative;width:244px;height:144px;border-radius:12px;overflow:hidden}.ModalSlide .ModalSlideImageWrapper img{width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}.ModalSlide .ModalSlideImageWrapper::after{content:\"\";position:absolute;inset:0;background:var(--emw--color-black-shadow, rgba(0, 0, 0, 0.5019607843))}.prev,.next{position:absolute;top:42%;transform:translateY(-50%);stroke:white;width:22px;height:22px;border-radius:50%;border:2px solid var(--emw--button-border-color, #083b17);background:var(--emw--slider-arrow-primary-bg, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));display:flex;align-items:center;justify-content:center}.prev.disabled,.next.disabled{stroke:var(--emw--color-gray-100, #727672);background:var(--emw--ingame-color-black40, rgba(0, 0, 0, 0.4));border-color:var(--emw--color-gray-100, #727672)}.prev{left:2px}.next{right:2px}.ModalSliderDots{display:flex;justify-content:center;margin-top:10px}.ModalSliderDot{width:8px;height:8px;border-radius:50%;background:var(--emw--color-gray-50, #e2e2e2);margin:8px;cursor:pointer}.ModalSliderDot.active{background:var(--emw--border-success-color, #00b74f)}.Mobile .ModalContent{padding:26px}.Mobile .InnerContainer{padding:25px}.Mobile .ImageWrapper{margin-bottom:6px}.Mobile .ModalHeader{margin-bottom:16px}.Mobile .ModalAddition{margin-top:8px}.Mobile .ModalAction,.Mobile .ModalSliderWrapper{margin-top:20px}.Mobile .ModalSliderWrapper{width:230px;justify-self:center}.Mobile .ModalSliderWrapper .prev,.Mobile .ModalSliderWrapper .next{display:none}.Mobile .ModalSliderWrapper .ModalSlideImageWrapper{width:220px;height:125px}.Mobile .ModalSliderWrapper .ModalSlideSpins{width:154px;height:34px;font-size:var(--emw--font-size-x-small, 12px)}.Mobile .ModalSliderWrapper .ModalSliderDot{margin:8px 4px}.Mobile .ModalSubtitle{width:220px}";
|
|
68
84
|
const CasinoChallengesOverlayModalStyle0 = casinoChallengesOverlayModalCss;
|
|
69
85
|
|
|
70
86
|
const CasinoChallengesOverlayModal = class {
|
|
71
87
|
constructor(hostRef) {
|
|
72
88
|
index.registerInstance(this, hostRef);
|
|
89
|
+
this.startX = 0;
|
|
90
|
+
this.currentTranslate = 0;
|
|
91
|
+
this.prevTranslate = 0;
|
|
92
|
+
this.isDragging = false;
|
|
93
|
+
this.moved = false;
|
|
94
|
+
this.threshold = 50;
|
|
95
|
+
this.onPointerDown = (e) => {
|
|
96
|
+
var _a;
|
|
97
|
+
this.isDragging = true;
|
|
98
|
+
this.moved = false;
|
|
99
|
+
this.startX = e.clientX;
|
|
100
|
+
(_a = this.sliderContainer) === null || _a === void 0 ? void 0 : _a.setPointerCapture(e.pointerId);
|
|
101
|
+
};
|
|
102
|
+
this.onPointerMove = (e) => {
|
|
103
|
+
if (!this.isDragging)
|
|
104
|
+
return;
|
|
105
|
+
const diff = e.clientX - this.startX;
|
|
106
|
+
if (Math.abs(diff) > 5) {
|
|
107
|
+
this.moved = true;
|
|
108
|
+
}
|
|
109
|
+
this.currentTranslate = this.prevTranslate + diff;
|
|
110
|
+
this.setSliderPosition(this.currentTranslate);
|
|
111
|
+
};
|
|
112
|
+
this.onPointerUp = (e) => {
|
|
113
|
+
var _a;
|
|
114
|
+
if (!this.isDragging)
|
|
115
|
+
return;
|
|
116
|
+
this.isDragging = false;
|
|
117
|
+
(_a = this.sliderContainer) === null || _a === void 0 ? void 0 : _a.releasePointerCapture(e.pointerId);
|
|
118
|
+
const movedBy = this.currentTranslate - this.prevTranslate;
|
|
119
|
+
if (movedBy < -this.threshold)
|
|
120
|
+
this.next();
|
|
121
|
+
else if (movedBy > this.threshold)
|
|
122
|
+
this.prev();
|
|
123
|
+
else
|
|
124
|
+
this.setPositionByIndex();
|
|
125
|
+
};
|
|
126
|
+
this.next = () => {
|
|
127
|
+
if (!this.bonusProgramGames.length)
|
|
128
|
+
return;
|
|
129
|
+
if (this.currentIndex === this.bonusProgramGames.length - 1) {
|
|
130
|
+
this.setPositionByIndex();
|
|
131
|
+
return;
|
|
132
|
+
}
|
|
133
|
+
this.currentIndex = (this.currentIndex + 1) % this.bonusProgramGames.length;
|
|
134
|
+
this.setPositionByIndex();
|
|
135
|
+
};
|
|
136
|
+
this.prev = () => {
|
|
137
|
+
if (!this.bonusProgramGames.length)
|
|
138
|
+
return;
|
|
139
|
+
if (this.currentIndex === 0) {
|
|
140
|
+
this.setPositionByIndex();
|
|
141
|
+
return;
|
|
142
|
+
}
|
|
143
|
+
this.currentIndex = (this.currentIndex - 1 + this.bonusProgramGames.length) % this.bonusProgramGames.length;
|
|
144
|
+
this.setPositionByIndex();
|
|
145
|
+
};
|
|
146
|
+
this.onSlideClick = (gameSlug) => {
|
|
147
|
+
if (this.moved)
|
|
148
|
+
return;
|
|
149
|
+
if (gameSlug) {
|
|
150
|
+
window.postMessage({
|
|
151
|
+
type: 'ChallengeInGameRedirect',
|
|
152
|
+
data: { Slug: gameSlug }
|
|
153
|
+
}, window.location.href);
|
|
154
|
+
}
|
|
155
|
+
};
|
|
73
156
|
this.mbSource = undefined;
|
|
74
157
|
this.clientStyling = undefined;
|
|
75
158
|
this.clientStylingUrl = undefined;
|
|
@@ -81,6 +164,9 @@ const CasinoChallengesOverlayModal = class {
|
|
|
81
164
|
this.handleClick = () => { };
|
|
82
165
|
this.errored = false;
|
|
83
166
|
this.orderNumber = 0;
|
|
167
|
+
this.isFreeSpinsGranted = false;
|
|
168
|
+
this.bonusProgramGames = [];
|
|
169
|
+
this.currentIndex = 0;
|
|
84
170
|
}
|
|
85
171
|
handleClientStylingChange(newValue, oldValue) {
|
|
86
172
|
if (newValue != oldValue) {
|
|
@@ -97,6 +183,12 @@ const CasinoChallengesOverlayModal = class {
|
|
|
97
183
|
casinoChallengesOverlay.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
98
184
|
}
|
|
99
185
|
}
|
|
186
|
+
handleBonusProgramGameChange(newValue) {
|
|
187
|
+
if (this.currentIndex >= newValue.length) {
|
|
188
|
+
this.currentIndex = 0;
|
|
189
|
+
this.setPositionByIndex();
|
|
190
|
+
}
|
|
191
|
+
}
|
|
100
192
|
componentWillLoad() {
|
|
101
193
|
if (this.translationUrl) {
|
|
102
194
|
resolveTranslationUrl(this.translationUrl);
|
|
@@ -111,17 +203,50 @@ const CasinoChallengesOverlayModal = class {
|
|
|
111
203
|
if (this.clientStylingUrl)
|
|
112
204
|
casinoChallengesOverlay.setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
|
|
113
205
|
}
|
|
206
|
+
this.setPositionByIndex();
|
|
114
207
|
}
|
|
115
208
|
disconnectedCallback() {
|
|
116
209
|
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
117
210
|
}
|
|
211
|
+
setSliderPosition(value) {
|
|
212
|
+
if (this.bonusProgramGames.length < 2)
|
|
213
|
+
return;
|
|
214
|
+
if (this.sliderContainer) {
|
|
215
|
+
this.sliderContainer.style.transform = `translateX(${value}px)`;
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
setPositionByIndex() {
|
|
219
|
+
var _a;
|
|
220
|
+
const width = ((_a = this.sliderContainer) === null || _a === void 0 ? void 0 : _a.clientWidth) || 0;
|
|
221
|
+
this.currentTranslate = -this.currentIndex * width;
|
|
222
|
+
this.prevTranslate = this.currentTranslate;
|
|
223
|
+
this.setSliderPosition(this.currentTranslate);
|
|
224
|
+
}
|
|
118
225
|
render() {
|
|
119
|
-
|
|
226
|
+
var _a;
|
|
227
|
+
return (index.h("div", { key: 'a069be23593a04f768fcca1b86094d3af8e58ca3', ref: (el) => (this.stylingContainer = el), class: {
|
|
228
|
+
ModalOverlay: true,
|
|
229
|
+
Mobile: isMobile() || window.innerWidth <= 768,
|
|
230
|
+
Open: this.isOpen
|
|
231
|
+
} }, index.h("div", { key: 'f41925c7697a9cd1c3da2f61c4e3a0673bd5728b', class: "ModalWinAnimation" }), index.h("div", { key: '9fac97b95cc682790d5e925fc40782ae71b9f54c', class: "ModalContent GradientBorder" }, index.h("div", { key: '14683c5830b0317dd11d064a6a88a69f4805d250', class: "InnerContainer" }, !this.errored && (index.h("div", { key: '2b7091ea3619423d41d98440d7800d95ec92a1bc', class: "ImageWrapper" }, index.h("img", { key: 'd23cfe79a0e7a2e138c0bb1e9894cc7534e5c173', src: giftboxSvg, alt: "gift-box-icon" }))), index.h("h1", { key: 'f95fbb76d703c28c45c568a0163df747dd269556', class: "ModalHeader" }, translate(this.errored ? 'errorTitle' : 'congrats', this.language)), this.errored ? (index.h("div", { class: "ModalErrorMessage" }, translate('errorSubTitle', this.language))) : (index.h("div", { class: "ModalSubtitle" }, `${translate('level', this.language)} ${this.orderNumber} ${translate('completed', this.language)}`, index.h("div", null, translate('youWon', this.language)), index.h("div", { class: "ModalReward" }, this.reward), this.isFreeSpinsGranted && (index.h("div", { class: "ModalAddition" }, translate('playNowOrLater', this.language))), index.h("div", { class: "ModalAddition" }, translate('rewardInLobby', this.language)))), this.addition && (index.h("div", { key: '201e5f0d4b3e04797c0478429dcd3c22dd30a4d3', class: "ModalAddition" }, index.h("div", { key: 'ef793ed69b572f4a9654f55cae0a71dd66af0ad6' }, translate('physicalReward', this.language)), index.h("span", { key: '131e4d36dc54d3682469a61c7196f0e379efe42f' }, translate('linkText', this.language)))), index.h("button", { key: 'bca6bc399277288d0ca2d9bd453eef6f6c9793e2', class: "ModalAction", onClick: this.handleClick }, this.errored ? translate('errorBtnText', this.language) : translate('continue', this.language)), this.isFreeSpinsGranted && ((_a = this.bonusProgramGames) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("div", { key: '13b921d1ff411987b9045950b1676e22b52481ab', class: "ModalSliderWrapper" }, index.h("div", { key: 'b48c9553aec2d709cede91d67b678aa545ed03a2', class: "ModalSlider", ref: (el) => (this.sliderContainer = el), onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerLeave: this.onPointerUp }, this.bonusProgramGames.map((item) => (index.h("div", { class: "ModalSlide", key: item.GameSlug, onClick: () => this.onSlideClick(item.GameSlug) }, index.h("div", { class: "ModalSlideImageWrapper" }, index.h("img", { src: item.Thumbnail, alt: "" })), index.h("div", { class: "ModalSlideSpins" }, translate('useSpinsNow', this.language), index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M0.195262 0.195262C0.455612 -0.0650874 0.877722 -0.0650874 1.13807 0.195262L5.13807 4.19526C5.39842 4.45561 5.39842 4.87772 5.13807 5.13807L1.13807 9.13807C0.877722 9.39842 0.455612 9.39842 0.195262 9.13807C-0.0650874 8.87772 -0.0650874 8.45561 0.195262 8.19526L3.72386 4.66667L0.195262 1.13807C-0.0650874 0.877722 -0.0650874 0.455612 0.195262 0.195262Z", fill: "white" }))))))), this.bonusProgramGames.length > 1 && (index.h("div", { key: '5878e9df2ba211fbe330d959c89278d611b0d501' }, index.h("button", { key: '25008b1e3500bdde9b1cf9285640ca342e8490a7', class: {
|
|
232
|
+
prev: true,
|
|
233
|
+
disabled: this.currentIndex === 0
|
|
234
|
+
}, onClick: this.prev }, index.h("svg", { key: '2433588c5615f8b788022f8859a98f9d16504e84', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, index.h("path", { key: '14d34bf5a6538e458b7c18bb481f6a5b7c2f55bf', d: "M5 1L1 5L5 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("button", { key: '63be7d730151f3741802f415ec3c9e66508b78e7', class: {
|
|
235
|
+
next: true,
|
|
236
|
+
disabled: this.currentIndex === this.bonusProgramGames.length - 1
|
|
237
|
+
}, onClick: this.next }, index.h("svg", { key: '52f1005fe412de34c71060974688874e5bf45a47', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, index.h("path", { key: '1af4edf8dc717f54d5735d34ec27de8313918e0d', d: "M1 1L5 5L1 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("div", { key: '13201c67ba3cb6a1215fb41f5a6fe3ae60864bdd', class: "ModalSliderDots" }, this.bonusProgramGames.map((_, i) => (index.h("span", { class: {
|
|
238
|
+
ModalSliderDot: true,
|
|
239
|
+
active: i === this.currentIndex
|
|
240
|
+
}, onClick: () => {
|
|
241
|
+
this.currentIndex = i;
|
|
242
|
+
this.setPositionByIndex();
|
|
243
|
+
} }))))))))))));
|
|
120
244
|
}
|
|
121
245
|
static get watchers() { return {
|
|
122
246
|
"clientStyling": ["handleClientStylingChange"],
|
|
123
247
|
"clientStylingUrl": ["handleClientStylingUrlChange"],
|
|
124
|
-
"mbSource": ["handleMbSourceChange"]
|
|
248
|
+
"mbSource": ["handleMbSourceChange"],
|
|
249
|
+
"bonusProgramGames": ["handleBonusProgramGameChange"]
|
|
125
250
|
}; }
|
|
126
251
|
};
|
|
127
252
|
CasinoChallengesOverlayModal.style = CasinoChallengesOverlayModalStyle0;
|
|
@@ -21,7 +21,7 @@ function _interopNamespace(e) {
|
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
const NAMESPACE = 'casino-challenges-overlay';
|
|
24
|
-
const BUILD = /* casino-challenges-overlay */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg:
|
|
24
|
+
const BUILD = /* casino-challenges-overlay */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
|
|
25
25
|
|
|
26
26
|
/*
|
|
27
27
|
Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
|
|
@@ -172,6 +172,8 @@ var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
|
|
|
172
172
|
|
|
173
173
|
// src/utils/constants.ts
|
|
174
174
|
var EMPTY_OBJ = {};
|
|
175
|
+
var SVG_NS = "http://www.w3.org/2000/svg";
|
|
176
|
+
var HTML_NS = "http://www.w3.org/1999/xhtml";
|
|
175
177
|
|
|
176
178
|
// src/utils/helpers.ts
|
|
177
179
|
var isDef = (v) => v != null;
|
|
@@ -527,9 +529,16 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
|
527
529
|
if (newVNode2.$text$ !== null) {
|
|
528
530
|
elm = newVNode2.$elm$ = doc.createTextNode(newVNode2.$text$);
|
|
529
531
|
} else {
|
|
530
|
-
|
|
532
|
+
if (!isSvgMode) {
|
|
533
|
+
isSvgMode = newVNode2.$tag$ === "svg";
|
|
534
|
+
}
|
|
535
|
+
elm = newVNode2.$elm$ = doc.createElementNS(
|
|
536
|
+
isSvgMode ? SVG_NS : HTML_NS,
|
|
531
537
|
!useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
|
|
532
|
-
);
|
|
538
|
+
) ;
|
|
539
|
+
if (isSvgMode && newVNode2.$tag$ === "foreignObject") {
|
|
540
|
+
isSvgMode = false;
|
|
541
|
+
}
|
|
533
542
|
{
|
|
534
543
|
updateElement(null, newVNode2, isSvgMode);
|
|
535
544
|
}
|
|
@@ -544,6 +553,13 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
|
544
553
|
}
|
|
545
554
|
}
|
|
546
555
|
}
|
|
556
|
+
{
|
|
557
|
+
if (newVNode2.$tag$ === "svg") {
|
|
558
|
+
isSvgMode = false;
|
|
559
|
+
} else if (elm.tagName === "foreignObject") {
|
|
560
|
+
isSvgMode = true;
|
|
561
|
+
}
|
|
562
|
+
}
|
|
547
563
|
}
|
|
548
564
|
elm["s-hn"] = hostTagName;
|
|
549
565
|
return elm;
|
|
@@ -673,8 +689,12 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
|
|
|
673
689
|
const elm = newVNode2.$elm$ = oldVNode.$elm$;
|
|
674
690
|
const oldChildren = oldVNode.$children$;
|
|
675
691
|
const newChildren = newVNode2.$children$;
|
|
692
|
+
const tag = newVNode2.$tag$;
|
|
676
693
|
const text = newVNode2.$text$;
|
|
677
694
|
if (text === null) {
|
|
695
|
+
{
|
|
696
|
+
isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
|
|
697
|
+
}
|
|
678
698
|
{
|
|
679
699
|
{
|
|
680
700
|
updateElement(oldVNode, newVNode2, isSvgMode);
|
|
@@ -690,6 +710,9 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
|
|
|
690
710
|
} else if (oldChildren !== null) {
|
|
691
711
|
removeVnodes(oldChildren, 0, oldChildren.length - 1);
|
|
692
712
|
}
|
|
713
|
+
if (isSvgMode && tag === "svg") {
|
|
714
|
+
isSvgMode = false;
|
|
715
|
+
}
|
|
693
716
|
} else if (oldVNode.$text$ !== text) {
|
|
694
717
|
elm.data = text;
|
|
695
718
|
}
|
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const casinoChallengesOverlay = require('./casino-challenges-overlay-
|
|
6
|
-
require('./index-
|
|
5
|
+
const casinoChallengesOverlay = require('./casino-challenges-overlay-68ec1eb8.js');
|
|
6
|
+
require('./index-d610a063.js');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-d610a063.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
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],"completedLevelId":[32],"prevUpdateEvent":[32],"showModal":[32],"modalErrored":[32],"modalReward":[32],"modalAddition":[32],"modalOrderNumber":[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"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"reward":[513],"addition":[516],"handleClick":[16],"errored":[516],"orderNumber":[514,"order-number"]},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],"modalErrored":[32],"modalReward":[32],"modalAddition":[32],"modalOrderNumber":[32],"modalIsFreeSpinsGranted":[32],"modalBonusProgramGames":[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"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"reward":[513],"addition":[516],"handleClick":[16],"errored":[516],"orderNumber":[514,"order-number"],"isFreeSpinsGranted":[516,"is-free-spins-granted"],"bonusProgramGames":[16],"currentIndex":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"bonusProgramGames":["handleBonusProgramGameChange"]}]]]], options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|