@everymatrix/casino-challenges-overlay 0.17.0 → 0.17.2
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-89a5469f.js +1 -0
- package/dist/casino-challenges-overlay/casino-challenges-overlay_2.entry.js +1 -1
- package/dist/casino-challenges-overlay/index.esm.js +1 -1
- package/dist/cjs/{casino-challenges-overlay-3f42bf67.js → casino-challenges-overlay-77be149d.js} +8 -3
- package/dist/cjs/casino-challenges-overlay_2.cjs.entry.js +6 -6
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/collection/components/casino-challenges-overlay/casino-challenges-overlay.js +8 -3
- package/dist/esm/{casino-challenges-overlay-48b07cb1.js → casino-challenges-overlay-89a5469f.js} +8 -3
- package/dist/esm/casino-challenges-overlay_2.entry.js +7 -7
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
- package/dist/casino-challenges-overlay/casino-challenges-overlay-48b07cb1.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{s as e,a as i,b as t}from"./casino-challenges-overlay-48b07cb1.js";export{C as casino_challenges_overlay}from"./casino-challenges-overlay-48b07cb1.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=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.clickedSlide=null,this.onPointerDown=e=>{var i;this.isDragging=!0,this.moved=!1,this.startX=e.clientX,this.clickedSlide=e.target.closest(".ModalSlide"),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;if(this.moved)t<-this.threshold?this.next():t>this.threshold?this.prev():this.setPositionByIndex(),this.clickedSlide=null;else{if(this.clickedSlide){const e=this.clickedSlide.getAttribute("data-slug");e&&this.onSlideClick(e)}this.clickedSlide=null}},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}},"*")},this.checkIsMobile=()=>{this.isMobile=window.innerWidth<=768},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,this.isMobile=!1}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(),this.checkIsMobile(),window.addEventListener("resize",this.checkIsMobile)}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}setSliderPosition(e){this.bonusProgramGames.length<2&&0!==e||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:"ffbd421b6964a16d021816c8c74ddfc2abf788c8",ref:e=>this.stylingContainer=e,class:{ModalOverlay:!0,Mobile:this.isMobile,Open:this.isOpen}},a("div",{key:"c4b08fad45496921eb6d01353de7f9e57cff9763",class:"ModalWinAnimation"}),a("div",{key:"29b5413833f8336669acb9038e1cc2dabad2b3e4",class:"ModalContent GradientBorder"},a("div",{key:"8229ad2befebda94cb80fc6a572e1706b24a6467",class:"InnerContainer"},!this.errored&&a("div",{key:"05566317b39376379c82eb2d1fb27f9a3d536d70",class:"ImageWrapper"},a("img",{key:"61ad9fe9ecf0cf6a3580b197e011c8f5bf245d3d",src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIyIDIzIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNDY0MjkgMi41QzcuMjE0NDIgMi41IDYuOTcxMDYgMi42MDA5IDYuNzg4NzggMi43ODY0OUM2LjYwNTkgMi45NzI3IDYuNTAwMDEgMy4yMjkwMyA2LjUwMDAxIDMuNUM2LjUwMDAxIDMuNzcwOTcgNi42MDU5IDQuMDI3MyA2Ljc4ODc4IDQuMjEzNTFDNi45NzEwNiA0LjM5OTEgNy4yMTQ0MiA0LjUgNy40NjQyOSA0LjVIOS42MzQyNUM5LjU2MTg3IDQuMzI4NjUgOS40Nzg1NyA0LjE1MTE2IDkuMzgzNTYgMy45NzUyN0M4Ljg5NzY5IDMuMDc1ODEgOC4yNzM5OCAyLjUgNy40NjQyOSAyLjVaTTEwIDYuNVY5LjVMMi42MDAwMSA5LjVDMi4zMDM0OCA5LjUgMi4xNDEyMiA5LjQ5OTIyIDIuMDI0NjQgOS40ODk3QzIuMDIgOS40ODkzMiAyLjAxNTYgOS40ODg5MyAyLjAxMTQ1IDkuNDg4NTVDMi4wMTEwNyA5LjQ4NDQgMi4wMTA2OSA5LjQ4MDAxIDIuMDEwMzEgOS40NzUzN0MyLjAwMDc4IDkuMzU4NzggMi4wMDAwMSA5LjE5NjUzIDIuMDAwMDEgOC45VjcuMUMyLjAwMDAxIDYuODAzNDcgMi4wMDA3OCA2LjY0MTIyIDIuMDEwMzEgNi41MjQ2M0MyLjAxMDY5IDYuNTE5OTkgMi4wMTEwNyA2LjUxNTYgMi4wMTE0NSA2LjUxMTQ1QzIuMDE1NiA2LjUxMTA3IDIuMDIgNi41MTA2OCAyLjAyNDY0IDYuNTEwM0MyLjE0MTIyIDYuNTAwNzggMi4zMDM0OCA2LjUgMi42MDAwMSA2LjVIMTBaTTQuNjY5NTMgNC41QzQuNTU4MjIgNC4xODEzMyA0LjUwMDAxIDMuODQzMzkgNC41MDAwMSAzLjVDNC41MDAwMSAyLjcxMDExIDQuODA4MDIgMS45NDkwMiA1LjM2MTg4IDEuMzg1MDhDNS45MTYzNSAwLjgyMDUzMSA2LjY3MjI0IDAuNSA3LjQ2NDI5IDAuNUM5LjI1OSAwLjUgMTAuMzcyNSAxLjcxODQ1IDExIDIuNzcyMjNDMTEuNjI3NSAxLjcxODQ1IDEyLjc0MSAwLjUgMTQuNTM1NyAwLjVDMTUuMzI3OCAwLjUgMTYuMDgzNyAwLjgyMDUzMSAxNi42MzgxIDEuMzg1MDhDMTcuMTkyIDEuOTQ5MDIgMTcuNSAyLjcxMDExIDE3LjUgMy41QzE3LjUgMy44NDMzOSAxNy40NDE4IDQuMTgxMzMgMTcuMzMwNSA0LjVMMTkuNDMxOSA0LjVDMTkuNjg0MyA0LjQ5OTk3IDE5LjkzMDEgNC40OTk5NCAyMC4xMzgyIDQuNTE2OTVDMjAuMzY2OCA0LjUzNTYyIDIwLjYzNjYgNC41Nzk2OSAyMC45MDggNC43MTc5OUMyMS4yODQzIDQuOTA5NzMgMjEuNTkwMyA1LjIxNTcgMjEuNzgyIDUuNTkyMDJDMjEuOTIwMyA1Ljg2MzQ0IDIxLjk2NDQgNi4xMzMxOCAyMS45ODMxIDYuMzYxNzdDMjIuMDAwMSA2LjU2OTkyIDIyIDYuODE1NzEgMjIgNy4wNjgwOFY4LjkzMTkyQzIyIDkuMTg0MjkgMjIuMDAwMSA5LjQzMDA4IDIxLjk4MzEgOS42MzgyM0MyMS45NjQ0IDkuODY2ODIgMjEuOTIwMyAxMC4xMzY2IDIxLjc4MiAxMC40MDhDMjEuNTkwMyAxMC43ODQzIDIxLjI4NDMgMTEuMDkwMyAyMC45MDggMTEuMjgyQzIwLjYzNjYgMTEuNDIwMyAyMC4zNjY4IDExLjQ2NDQgMjAuMTM4MiAxMS40ODMxQzIwLjA5MzggMTEuNDg2NyAyMC4wNDc2IDExLjQ4OTUgMjAgMTEuNDkxOFYxOC4zMzg2QzIwIDE4Ljg2NTcgMjAgMTkuMzIwNSAxOS45Njk0IDE5LjY5NUMxOS45MzcxIDIwLjA5MDQgMTkuODY1OCAyMC40ODM2IDE5LjY3MyAyMC44NjJDMTkuMzg1NCAyMS40MjY1IDE4LjkyNjUgMjEuODg1NCAxOC4zNjIgMjIuMTczQzE3Ljk4MzYgMjIuMzY1OCAxNy41OTA0IDIyLjQzNzEgMTcuMTk1IDIyLjQ2OTRDMTYuODIwNSAyMi41IDE2LjM2NTcgMjIuNSAxNS44Mzg2IDIyLjVIMTEuMDAxNEgxMUwxMC45OTg2IDIyLjVINi4xNjE0NEM1LjYzNDMgMjIuNSA1LjE3OTU0IDIyLjUgNC44MDQ5OCAyMi40Njk0QzQuNDA5NjMgMjIuNDM3MSA0LjAxNjQxIDIyLjM2NTggMy42MzgwMyAyMi4xNzNDMy4wNzM1NSAyMS44ODU0IDIuNjE0NiAyMS40MjY1IDIuMzI2OTkgMjAuODYyQzIuMTM0MTkgMjAuNDgzNiAyLjA2Mjg4IDIwLjA5MDQgMi4wMzA1NyAxOS42OTVDMS45OTk5NyAxOS4zMjA1IDEuOTk5OTkgMTguODY1NyAyIDE4LjMzODVMMi4wMDAwMSAxMS40OTE4QzEuOTUyNDEgMTEuNDg5NSAxLjkwNjI0IDExLjQ4NjcgMS44NjE3OCAxMS40ODMxQzEuNjMzMTggMTEuNDY0NCAxLjM2MzQ1IDExLjQyMDMgMS4wOTIwMiAxMS4yODJDMC43MTU3MDEgMTEuMDkwMyAwLjQwOTczOSAxMC43ODQzIDAuMjE3OTkyIDEwLjQwOEMwLjA3OTY5NDcgMTAuMTM2NiAwLjAzNTYyNzEgOS44NjY4MiAwLjAxNjk1MDQgOS42MzgyM0MtNS42ODYxZS0wNSA5LjQzMDA3IC0yLjc0MTYxZS0wNSA5LjE4NDI4IDIuNTA1NDRlLTA2IDguOTMxOUw1LjI0NzI2ZS0wNiA3LjFDNS4yNDcyNmUtMDYgNy4wODkzNiAzLjkzNTk1ZS0wNiA3LjA3ODcyIDIuNjI0NjVlLTA2IDcuMDY4MUMtMi43Mjk2OWUtMDUgNi44MTU3MiAtNS42NzQxOGUtMDUgNi41Njk5MyAwLjAxNjk1MDUgNi4zNjE3N0MwLjAzNTYyNzQgNi4xMzMxOCAwLjA3OTY5NSA1Ljg2MzQ0IDAuMjE3OTkyIDUuNTkyMDJDMC40MDk3MzkgNS4yMTU2OSAwLjcxNTcgNC45MDk3MyAxLjA5MjAyIDQuNzE3OTlDMS4zNjM0NSA0LjU3OTY5IDEuNjMzMTggNC41MzU2MiAxLjg2MTc4IDQuNTE2OTVDMi4wNjk5MyA0LjQ5OTk0IDIuMzE1NzMgNC40OTk5NyAyLjU2ODExIDQuNUMyLjU3ODczIDQuNSAyLjU4OTM2IDQuNSAyLjYwMDAxIDQuNUg0LjY2OTUzWk00LjAwMDAxIDExLjVWMTguM0M0LjAwMDAxIDE4Ljg3NjYgNC4wMDA3OCAxOS4yNDg4IDQuMDIzOTMgMTkuNTMyMkM0LjA0NjEzIDE5LjgwMzggNC4wODM4MSAxOS45MDQ1IDQuMTA5IDE5Ljk1NEM0LjIwNDg3IDIwLjE0MjEgNC4zNTc4NSAyMC4yOTUxIDQuNTQ2MDEgMjAuMzkxQzQuNTk1NDYgMjAuNDE2MiA0LjY5NjE4IDIwLjQ1MzkgNC45Njc4NCAyMC40NzYxQzUuMjUxMTggMjAuNDk5MiA1LjYyMzQ1IDIwLjUgNi4yMDAwMSAyMC41SDEwVjExLjVINC4wMDAwMVpNMTIgMTEuNVYyMC41SDE1LjhDMTYuMzc2NiAyMC41IDE2Ljc0ODggMjAuNDk5MiAxNy4wMzIyIDIwLjQ3NjFDMTcuMzAzOCAyMC40NTM5IDE3LjQwNDYgMjAuNDE2MiAxNy40NTQgMjAuMzkxQzE3LjY0MjIgMjAuMjk1MSAxNy43OTUxIDIwLjE0MjIgMTcuODkxIDE5Ljk1NEMxNy45MTYyIDE5LjkwNDUgMTcuOTUzOSAxOS44MDM4IDE3Ljk3NjEgMTkuNTMyMkMxNy45OTkyIDE5LjI0ODggMTggMTguODc2NiAxOCAxOC4zVjExLjVIMTJaTTE5LjQgOS41QzE5LjY5NjUgOS41IDE5Ljg1ODggOS40OTkyMiAxOS45NzU0IDkuNDg5N0MxOS45OCA5LjQ4OTMyIDE5Ljk4NDQgOS40ODg5MyAxOS45ODg2IDkuNDg4NTRDMTkuOTg4OSA5LjQ4NDQgMTkuOTg5MyA5LjQ4MDAxIDE5Ljk4OTcgOS40NzUzN0MxOS45OTkyIDkuMzU4NzggMjAgOS4xOTY1MyAyMCA4LjlWNy4xQzIwIDYuODAzNDcgMTkuOTk5MiA2LjY0MTIyIDE5Ljk4OTcgNi41MjQ2M0MxOS45ODkzIDYuNTE5OTkgMTkuOTg4OSA2LjUxNTYgMTkuOTg4NSA2LjUxMTQ1QzE5Ljk4NDQgNi41MTEwNyAxOS45OCA2LjUxMDY4IDE5Ljk3NTQgNi41MTAzQzE5Ljg1ODggNi41MDA3OCAxOS42OTY1IDYuNSAxOS40IDYuNUgxMlY5LjVIMTkuNFpNMTQuNTM1NyA0LjVDMTQuNzg1NiA0LjUgMTUuMDI4OSA0LjM5OTEgMTUuMjExMiA0LjIxMzUxQzE1LjM5NDEgNC4wMjczIDE1LjUgMy43NzA5NyAxNS41IDMuNUMxNS41IDMuMjI5MDMgMTUuMzk0MSAyLjk3MjcgMTUuMjExMiAyLjc4NjQ5QzE1LjAyODkgMi42MDA5IDE0Ljc4NTYgMi41IDE0LjUzNTcgMi41QzEzLjcyNiAyLjUgMTMuMTAyMyAzLjA3NTgxIDEyLjYxNjUgMy45NzUyN0MxMi41MjE0IDQuMTUxMTYgMTIuNDM4MSA0LjMyODY1IDEyLjM2NTggNC41SDE0LjUzNTdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjA1MV80MzkpIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjA1MV80MzkiIHgxPSIwIiB5MT0iMTEuNSIgeDI9IjIyIiB5Mj0iMTEuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMUU2NTRGIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFDOEQ1NiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPgo=",alt:"gift-box-icon"})),a("h1",{key:"1dc8a8e1a6673234be89b05275bd066a89984577",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:"8be6ccf4c3530c8dd6f1ed7e9ae57e6fa7a82a93",class:"ModalAddition"},a("div",{key:"b44595a2171bf7a7de219c67b10a84f551312e1f"},r("physicalReward",this.language)),a("span",{key:"130d9f81799194717c8e98a5fa3412fc0b3e2130"},r("linkText",this.language))),a("button",{key:"ae3b168a286ca0e1ac01061688d11ed5f9f7274d",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:"d2cb0be487a060e78054385c552aedb40898590e",class:"ModalSliderWrapper"},a("div",{key:"796ff801778d6d8bdf5b5e376b06f6912b75e248",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,"data-slug":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:"d0a23cee2d33fe268cb1d8ce3de55ea76eb19ca3"},a("button",{key:"0b9797f77ef84a44485bea2b1d151933a4506935",class:{prev:!0,disabled:0===this.currentIndex},onClick:this.prev},a("svg",{key:"b3d175437fd0ffb23f8ee7503e275b85c2a86871",xmlns:"http://www.w3.org/2000/svg",width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},a("path",{key:"328cfa44c70123ef586e3e376614124cdf1cb83b",d:"M5 1L1 5L5 9","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),a("button",{key:"7e0611185469f1c5b5809cb66a16b9f2aa779362",class:{next:!0,disabled:this.currentIndex===this.bonusProgramGames.length-1},onClick:this.next},a("svg",{key:"f844f81864a55ecdbb1ece9ab1366dc91e71517d",xmlns:"http://www.w3.org/2000/svg",width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},a("path",{key:"e44969cd55b7e7d6124e5a380c2cd1eb9112d56e",d:"M1 1L5 5L1 9","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),a("div",{key:"1abafea630be1f76536a33998599da521edd6fe1",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"]}}};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: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%;flex-direction:column;align-items:center;flex:1;min-height:0;overflow-y:auto}.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:10px auto 0;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{n as casino_challenges_overlay_modal}
|
|
1
|
+
import{s as n,a as e,b as i}from"./casino-challenges-overlay-89a5469f.js";export{C as casino_challenges_overlay}from"./casino-challenges-overlay-89a5469f.js";import{r as t,h as M}from"./index-be60b13e.js";const a={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"}},o=(n,e)=>a[void 0!==e&&e in a?e:"en"][n],r=class{constructor(n){t(this,n),this.startX=0,this.currentTranslate=0,this.prevTranslate=0,this.isDragging=!1,this.moved=!1,this.threshold=50,this.clickedSlide=null,this.onPointerDown=n=>{var e;this.isDragging=!0,this.moved=!1,this.startX=n.clientX,this.clickedSlide=n.target.closest(".ModalSlide"),null===(e=this.sliderContainer)||void 0===e||e.setPointerCapture(n.pointerId)},this.onPointerMove=n=>{if(!this.isDragging)return;const e=n.clientX-this.startX;Math.abs(e)>5&&(this.moved=!0),this.currentTranslate=this.prevTranslate+e,this.setSliderPosition(this.currentTranslate)},this.onPointerUp=n=>{var e;if(!this.isDragging)return;this.isDragging=!1,null===(e=this.sliderContainer)||void 0===e||e.releasePointerCapture(n.pointerId);const i=this.currentTranslate-this.prevTranslate;if(this.moved)i<-this.threshold?this.next():i>this.threshold?this.prev():this.setPositionByIndex(),this.clickedSlide=null;else{if(this.clickedSlide){const n=this.clickedSlide.getAttribute("data-slug");n&&this.onSlideClick(n)}this.clickedSlide=null}},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=n=>{this.moved||n&&window.postMessage({type:"ChallengeInGameRedirect",data:{Slug:n}},"*")},this.checkIsMobile=()=>{this.isMobile=window.innerWidth<=768},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,this.isMobile=!1}handleClientStylingChange(e,i){e!=i&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(n,i){n!=i&&e(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(n,e){n!=e&&i(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}handleBonusProgramGameChange(n){this.currentIndex>=n.length&&(this.currentIndex=0,this.setPositionByIndex())}componentWillLoad(){this.translationUrl&&(async n=>{if(n)try{const i=await fetch(n);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);const t=await i.json();e=t,Object.keys(e).forEach((n=>{a[n]||(a[n]={});for(let i in e[n])a[n][i]=e[n][i]}))}catch(n){console.error("Failed to fetch or parse translations from URL:",n)}var e})(this.translationUrl)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&i(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&e(this.stylingContainer,this.clientStylingUrl)),this.setPositionByIndex(),this.checkIsMobile(),window.addEventListener("resize",this.checkIsMobile)}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}setSliderPosition(n){this.bonusProgramGames.length<2&&0!==n||this.sliderContainer&&(this.sliderContainer.style.transform=`translateX(${n}px)`)}setPositionByIndex(){var n;const e=(null===(n=this.sliderContainer)||void 0===n?void 0:n.clientWidth)||0;this.currentTranslate=-this.currentIndex*e,this.prevTranslate=this.currentTranslate,this.setSliderPosition(this.currentTranslate)}render(){var n;return M("div",{key:"ffbd421b6964a16d021816c8c74ddfc2abf788c8",ref:n=>this.stylingContainer=n,class:{ModalOverlay:!0,Mobile:this.isMobile,Open:this.isOpen}},M("div",{key:"c4b08fad45496921eb6d01353de7f9e57cff9763",class:"ModalWinAnimation"}),M("div",{key:"33371b756bbf2c5db0818b1f292e3cc7b29dde53",class:"ModalWrapper"},M("div",{key:"2b402106d0c4ede12a67055c6df25c41c3710f06",class:"ModalContent GradientBorder"},M("div",{key:"ac0d4569ed370c54eb0cbc0bbb3bc6886b19713d",class:"InnerContainer"},!this.errored&&M("div",{key:"96aa73fb4e7b4dc46c8b0b5986dffcaeb5b28aa8",class:"ImageWrapper"},M("img",{key:"ae45c9d19cba64225103cb800f588c35ba145fed",src:"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIyIDIzIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNDY0MjkgMi41QzcuMjE0NDIgMi41IDYuOTcxMDYgMi42MDA5IDYuNzg4NzggMi43ODY0OUM2LjYwNTkgMi45NzI3IDYuNTAwMDEgMy4yMjkwMyA2LjUwMDAxIDMuNUM2LjUwMDAxIDMuNzcwOTcgNi42MDU5IDQuMDI3MyA2Ljc4ODc4IDQuMjEzNTFDNi45NzEwNiA0LjM5OTEgNy4yMTQ0MiA0LjUgNy40NjQyOSA0LjVIOS42MzQyNUM5LjU2MTg3IDQuMzI4NjUgOS40Nzg1NyA0LjE1MTE2IDkuMzgzNTYgMy45NzUyN0M4Ljg5NzY5IDMuMDc1ODEgOC4yNzM5OCAyLjUgNy40NjQyOSAyLjVaTTEwIDYuNVY5LjVMMi42MDAwMSA5LjVDMi4zMDM0OCA5LjUgMi4xNDEyMiA5LjQ5OTIyIDIuMDI0NjQgOS40ODk3QzIuMDIgOS40ODkzMiAyLjAxNTYgOS40ODg5MyAyLjAxMTQ1IDkuNDg4NTVDMi4wMTEwNyA5LjQ4NDQgMi4wMTA2OSA5LjQ4MDAxIDIuMDEwMzEgOS40NzUzN0MyLjAwMDc4IDkuMzU4NzggMi4wMDAwMSA5LjE5NjUzIDIuMDAwMDEgOC45VjcuMUMyLjAwMDAxIDYuODAzNDcgMi4wMDA3OCA2LjY0MTIyIDIuMDEwMzEgNi41MjQ2M0MyLjAxMDY5IDYuNTE5OTkgMi4wMTEwNyA2LjUxNTYgMi4wMTE0NSA2LjUxMTQ1QzIuMDE1NiA2LjUxMTA3IDIuMDIgNi41MTA2OCAyLjAyNDY0IDYuNTEwM0MyLjE0MTIyIDYuNTAwNzggMi4zMDM0OCA2LjUgMi42MDAwMSA2LjVIMTBaTTQuNjY5NTMgNC41QzQuNTU4MjIgNC4xODEzMyA0LjUwMDAxIDMuODQzMzkgNC41MDAwMSAzLjVDNC41MDAwMSAyLjcxMDExIDQuODA4MDIgMS45NDkwMiA1LjM2MTg4IDEuMzg1MDhDNS45MTYzNSAwLjgyMDUzMSA2LjY3MjI0IDAuNSA3LjQ2NDI5IDAuNUM5LjI1OSAwLjUgMTAuMzcyNSAxLjcxODQ1IDExIDIuNzcyMjNDMTEuNjI3NSAxLjcxODQ1IDEyLjc0MSAwLjUgMTQuNTM1NyAwLjVDMTUuMzI3OCAwLjUgMTYuMDgzNyAwLjgyMDUzMSAxNi42MzgxIDEuMzg1MDhDMTcuMTkyIDEuOTQ5MDIgMTcuNSAyLjcxMDExIDE3LjUgMy41QzE3LjUgMy44NDMzOSAxNy40NDE4IDQuMTgxMzMgMTcuMzMwNSA0LjVMMTkuNDMxOSA0LjVDMTkuNjg0MyA0LjQ5OTk3IDE5LjkzMDEgNC40OTk5NCAyMC4xMzgyIDQuNTE2OTVDMjAuMzY2OCA0LjUzNTYyIDIwLjYzNjYgNC41Nzk2OSAyMC45MDggNC43MTc5OUMyMS4yODQzIDQuOTA5NzMgMjEuNTkwMyA1LjIxNTcgMjEuNzgyIDUuNTkyMDJDMjEuOTIwMyA1Ljg2MzQ0IDIxLjk2NDQgNi4xMzMxOCAyMS45ODMxIDYuMzYxNzdDMjIuMDAwMSA2LjU2OTkyIDIyIDYuODE1NzEgMjIgNy4wNjgwOFY4LjkzMTkyQzIyIDkuMTg0MjkgMjIuMDAwMSA5LjQzMDA4IDIxLjk4MzEgOS42MzgyM0MyMS45NjQ0IDkuODY2ODIgMjEuOTIwMyAxMC4xMzY2IDIxLjc4MiAxMC40MDhDMjEuNTkwMyAxMC43ODQzIDIxLjI4NDMgMTEuMDkwMyAyMC45MDggMTEuMjgyQzIwLjYzNjYgMTEuNDIwMyAyMC4zNjY4IDExLjQ2NDQgMjAuMTM4MiAxMS40ODMxQzIwLjA5MzggMTEuNDg2NyAyMC4wNDc2IDExLjQ4OTUgMjAgMTEuNDkxOFYxOC4zMzg2QzIwIDE4Ljg2NTcgMjAgMTkuMzIwNSAxOS45Njk0IDE5LjY5NUMxOS45MzcxIDIwLjA5MDQgMTkuODY1OCAyMC40ODM2IDE5LjY3MyAyMC44NjJDMTkuMzg1NCAyMS40MjY1IDE4LjkyNjUgMjEuODg1NCAxOC4zNjIgMjIuMTczQzE3Ljk4MzYgMjIuMzY1OCAxNy41OTA0IDIyLjQzNzEgMTcuMTk1IDIyLjQ2OTRDMTYuODIwNSAyMi41IDE2LjM2NTcgMjIuNSAxNS44Mzg2IDIyLjVIMTEuMDAxNEgxMUwxMC45OTg2IDIyLjVINi4xNjE0NEM1LjYzNDMgMjIuNSA1LjE3OTU0IDIyLjUgNC44MDQ5OCAyMi40Njk0QzQuNDA5NjMgMjIuNDM3MSA0LjAxNjQxIDIyLjM2NTggMy42MzgwMyAyMi4xNzNDMy4wNzM1NSAyMS44ODU0IDIuNjE0NiAyMS40MjY1IDIuMzI2OTkgMjAuODYyQzIuMTM0MTkgMjAuNDgzNiAyLjA2Mjg4IDIwLjA5MDQgMi4wMzA1NyAxOS42OTVDMS45OTk5NyAxOS4zMjA1IDEuOTk5OTkgMTguODY1NyAyIDE4LjMzODVMMi4wMDAwMSAxMS40OTE4QzEuOTUyNDEgMTEuNDg5NSAxLjkwNjI0IDExLjQ4NjcgMS44NjE3OCAxMS40ODMxQzEuNjMzMTggMTEuNDY0NCAxLjM2MzQ1IDExLjQyMDMgMS4wOTIwMiAxMS4yODJDMC43MTU3MDEgMTEuMDkwMyAwLjQwOTczOSAxMC43ODQzIDAuMjE3OTkyIDEwLjQwOEMwLjA3OTY5NDcgMTAuMTM2NiAwLjAzNTYyNzEgOS44NjY4MiAwLjAxNjk1MDQgOS42MzgyM0MtNS42ODYxZS0wNSA5LjQzMDA3IC0yLjc0MTYxZS0wNSA5LjE4NDI4IDIuNTA1NDRlLTA2IDguOTMxOUw1LjI0NzI2ZS0wNiA3LjFDNS4yNDcyNmUtMDYgNy4wODkzNiAzLjkzNTk1ZS0wNiA3LjA3ODcyIDIuNjI0NjVlLTA2IDcuMDY4MUMtMi43Mjk2OWUtMDUgNi44MTU3MiAtNS42NzQxOGUtMDUgNi41Njk5MyAwLjAxNjk1MDUgNi4zNjE3N0MwLjAzNTYyNzQgNi4xMzMxOCAwLjA3OTY5NSA1Ljg2MzQ0IDAuMjE3OTkyIDUuNTkyMDJDMC40MDk3MzkgNS4yMTU2OSAwLjcxNTcgNC45MDk3MyAxLjA5MjAyIDQuNzE3OTlDMS4zNjM0NSA0LjU3OTY5IDEuNjMzMTggNC41MzU2MiAxLjg2MTc4IDQuNTE2OTVDMi4wNjk5MyA0LjQ5OTk0IDIuMzE1NzMgNC40OTk5NyAyLjU2ODExIDQuNUMyLjU3ODczIDQuNSAyLjU4OTM2IDQuNSAyLjYwMDAxIDQuNUg0LjY2OTUzWk00LjAwMDAxIDExLjVWMTguM0M0LjAwMDAxIDE4Ljg3NjYgNC4wMDA3OCAxOS4yNDg4IDQuMDIzOTMgMTkuNTMyMkM0LjA0NjEzIDE5LjgwMzggNC4wODM4MSAxOS45MDQ1IDQuMTA5IDE5Ljk1NEM0LjIwNDg3IDIwLjE0MjEgNC4zNTc4NSAyMC4yOTUxIDQuNTQ2MDEgMjAuMzkxQzQuNTk1NDYgMjAuNDE2MiA0LjY5NjE4IDIwLjQ1MzkgNC45Njc4NCAyMC40NzYxQzUuMjUxMTggMjAuNDk5MiA1LjYyMzQ1IDIwLjUgNi4yMDAwMSAyMC41SDEwVjExLjVINC4wMDAwMVpNMTIgMTEuNVYyMC41SDE1LjhDMTYuMzc2NiAyMC41IDE2Ljc0ODggMjAuNDk5MiAxNy4wMzIyIDIwLjQ3NjFDMTcuMzAzOCAyMC40NTM5IDE3LjQwNDYgMjAuNDE2MiAxNy40NTQgMjAuMzkxQzE3LjY0MjIgMjAuMjk1MSAxNy43OTUxIDIwLjE0MjIgMTcuODkxIDE5Ljk1NEMxNy45MTYyIDE5LjkwNDUgMTcuOTUzOSAxOS44MDM4IDE3Ljk3NjEgMTkuNTMyMkMxNy45OTkyIDE5LjI0ODggMTggMTguODc2NiAxOCAxOC4zVjExLjVIMTJaTTE5LjQgOS41QzE5LjY5NjUgOS41IDE5Ljg1ODggOS40OTkyMiAxOS45NzU0IDkuNDg5N0MxOS45OCA5LjQ4OTMyIDE5Ljk4NDQgOS40ODg5MyAxOS45ODg2IDkuNDg4NTRDMTkuOTg4OSA5LjQ4NDQgMTkuOTg5MyA5LjQ4MDAxIDE5Ljk4OTcgOS40NzUzN0MxOS45OTkyIDkuMzU4NzggMjAgOS4xOTY1MyAyMCA4LjlWNy4xQzIwIDYuODAzNDcgMTkuOTk5MiA2LjY0MTIyIDE5Ljk4OTcgNi41MjQ2M0MxOS45ODkzIDYuNTE5OTkgMTkuOTg4OSA2LjUxNTYgMTkuOTg4NSA2LjUxMTQ1QzE5Ljk4NDQgNi41MTEwNyAxOS45OCA2LjUxMDY4IDE5Ljk3NTQgNi41MTAzQzE5Ljg1ODggNi41MDA3OCAxOS42OTY1IDYuNSAxOS40IDYuNUgxMlY5LjVIMTkuNFpNMTQuNTM1NyA0LjVDMTQuNzg1NiA0LjUgMTUuMDI4OSA0LjM5OTEgMTUuMjExMiA0LjIxMzUxQzE1LjM5NDEgNC4wMjczIDE1LjUgMy43NzA5NyAxNS41IDMuNUMxNS41IDMuMjI5MDMgMTUuMzk0MSAyLjk3MjcgMTUuMjExMiAyLjc4NjQ5QzE1LjAyODkgMi42MDA5IDE0Ljc4NTYgMi41IDE0LjUzNTcgMi41QzEzLjcyNiAyLjUgMTMuMTAyMyAzLjA3NTgxIDEyLjYxNjUgMy45NzUyN0MxMi41MjE0IDQuMTUxMTYgMTIuNDM4MSA0LjMyODY1IDEyLjM2NTggNC41SDE0LjUzNTdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjA1MV80MzkpIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjA1MV80MzkiIHgxPSIwIiB5MT0iMTEuNSIgeDI9IjIyIiB5Mj0iMTEuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMUU2NTRGIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFDOEQ1NiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPgo=",alt:"gift-box-icon"})),M("h1",{key:"19003de35bf4476016ff592e7fc62a860794f62c",class:"ModalHeader"},o(this.errored?"errorTitle":"congrats",this.language)),this.errored?M("div",{class:"ModalErrorMessage"},o("errorSubTitle",this.language)):M("div",{class:"ModalSubtitle"},`${o("level",this.language)} ${this.orderNumber} ${o("completed",this.language)}`,M("div",null,o("youWon",this.language)),M("div",{class:"ModalReward"},this.reward),this.isFreeSpinsGranted&&M("div",{class:"ModalAddition"},o("playNowOrLater",this.language)),M("div",{class:"ModalAddition"},o("rewardInLobby",this.language))),this.addition&&M("div",{key:"319b5cff8ce9ae566350bf08e9183833e1609fcd",class:"ModalAddition"},M("div",{key:"361cf066b060bfd2078073f14f3d3b0eeb68e4c4"},o("physicalReward",this.language)),M("span",{key:"fff547c42c2f91b9527db37aa71efb41db6dee61"},o("linkText",this.language))),M("button",{key:"1d1cf2eaffc175b3342520c09dccdc603faf6012",class:"ModalAction",onClick:this.handleClick},o(this.errored?"errorBtnText":"continue",this.language)),this.isFreeSpinsGranted&&(null===(n=this.bonusProgramGames)||void 0===n?void 0:n.length)>0&&M("div",{key:"b2c4a528e8c8a9955f580aef8c95013be75c2400",class:"ModalSliderWrapper"},M("div",{key:"ac70d626a28e19545478c50c3c4b5c8e18191b90",class:"ModalSlider",ref:n=>this.sliderContainer=n,onPointerDown:this.onPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerUp,onPointerLeave:this.onPointerUp},this.bonusProgramGames.map((n=>M("div",{class:"ModalSlide",key:n.GameSlug,"data-slug":n.GameSlug},M("div",{class:"ModalSlideImageWrapper"},M("img",{src:n.Thumbnail,alt:""})),M("div",{class:"ModalSlideSpins"},o("useSpinsNow",this.language),M("svg",{xmlns:"http://www.w3.org/2000/svg",width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},M("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&&M("div",{key:"518a95befadd9cc28d86204c3881c987db3f6b04"},M("button",{key:"962931fc3d3dc882790027b15fb4c22e35e0c741",class:{prev:!0,disabled:0===this.currentIndex},onClick:this.prev},M("svg",{key:"404ea526331db4676e7533131f43e183fbe7b8f9",xmlns:"http://www.w3.org/2000/svg",width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},M("path",{key:"edbba112e1a68c1a640b066fe737cf55cf77e217",d:"M5 1L1 5L5 9","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),M("button",{key:"e3b10dc621a1e5e4f53ff8f5e2b28c153c62573c",class:{next:!0,disabled:this.currentIndex===this.bonusProgramGames.length-1},onClick:this.next},M("svg",{key:"6daa1f94fd2c9d841ee612dec2c1bb07169331c6",xmlns:"http://www.w3.org/2000/svg",width:"6",height:"10",viewBox:"0 0 6 10",fill:"none"},M("path",{key:"de0f47067a04bffd49293cc1c6a4717feeedb424",d:"M1 1L5 5L1 9","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}))),M("div",{key:"d4ff6bca4002d001eed86240b5f9a3e882573914",class:"ModalSliderDots"},this.bonusProgramGames.map(((n,e)=>M("span",{class:{ModalSliderDot:!0,active:e===this.currentIndex},onClick:()=>{this.currentIndex=e,this.setPositionByIndex()}}))))))))))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],bonusProgramGames:["handleBonusProgramGameChange"]}}};r.style=':host {\n display: block;\n font-family: inherit;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbutton {\n border: none;\n background: none;\n cursor: pointer;\n touch-action: manipulation;\n}\nbutton:focus {\n outline: none;\n}\n\n.ModalOverlay {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0);\n justify-content: center;\n align-items: center;\n z-index: 302;\n}\n\n.ModalOverlay.Open {\n display: flex;\n}\n\n.ModalWrapper {\n container: modal/size;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n\n.ModalContent {\n display: flex;\n background: linear-gradient(90deg, var(--emw--color-background, #003e5c) 0.05%, var(--emw--color-background-secondary, #113b21) 87.69%);\n padding: 40px;\n border-radius: 26px;\n border: 2px solid var(--emw--color-primary-variant, #1e654f);\n width: 540px;\n max-width: 90%;\n text-align: center;\n max-height: 90dvh;\n min-height: 100px;\n font-family: "Roboto", sans-serif;\n}\n\n.InnerContainer {\n border-radius: 20px;\n background: #f9f8f8;\n padding: 20px;\n width: 100%;\n flex-direction: column;\n align-items: center;\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n}\n\n.ImageWrapper {\n margin-bottom: 10px;\n}\n\n.ModalHeader {\n color: var(--emw--color-typography, #212529);\n text-align: center;\n font-family: var(--emw--button-typography, "PF BeauSans Pro", sans-serif);\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: normal;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.ModalSubtitle {\n color: var(--emw--color-gray-300, #212529);\n text-align: center;\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weigh-normal, 400);\n margin: 10px auto 0;\n line-height: 24px;\n max-width: 320px;\n}\n\n.ModalErrorMessage {\n color: var(--emw--color-typography, #212529);\n font-size: var(--emw--font-size-medium, 16px);\n line-height: 24px;\n margin: 10px 0;\n}\n\n.ModalReward {\n background: linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-family: var(--emw--button-typography, "PF BeauSans Pro", sans-serif);\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-bold, 700);\n}\n\n.ModalAddition {\n color: var(--emw--color-gray-100, #727672);\n text-align: center;\n font-family: var(--emw--button-typography, "Roboto", sans-serif);\n font-size: var(--emw--font-size-medium, 16px);\n font-style: normal;\n font-weight: 400;\n align-content: center;\n margin-top: 10px;\n line-height: 24px;\n}\n\n.ModalAddition span {\n background: linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: normal;\n font-weight: 700;\n line-height: 15px;\n text-decoration: none;\n position: relative;\n}\n.ModalAddition span::after {\n content: "";\n position: absolute;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n background: linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);\n}\n\n.ModalAction {\n border-radius: var(--emw--button-border-radius, 99px);\n border: 2px solid var(--emw--button-border-color, #083b17);\n background: linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);\n padding: 9px 20px;\n margin-top: 24px;\n text-transform: uppercase;\n color: var(--emw--button-text-color, #fff);\n text-align: center;\n font-family: var(--emw--button-typography, "PF BeauSans Pro", sans-serif);\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n min-width: 100px;\n}\n\n.ModalSliderWrapper {\n margin: 24px auto 0;\n position: relative;\n overflow: hidden;\n width: 316px;\n}\n\n.ModalSlider {\n display: flex;\n transition: transform 0.3s ease;\n cursor: pointer;\n touch-action: pan-y;\n}\n\n.ModalSlider:active {\n cursor: grabbing;\n}\n\n.ModalSlide {\n min-width: 100%;\n flex-shrink: 0;\n position: relative;\n display: flex;\n justify-content: center;\n}\n.ModalSlide .ModalSlideSpins {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border-radius: 99px;\n width: 188px;\n height: 48px;\n text-transform: uppercase;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-white, white);\n align-content: center;\n background: var(--emw--use-spins-button-bg, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%));\n}\n.ModalSlide .ModalSlideSpins svg {\n margin-left: 8px;\n}\n.ModalSlide .ModalSlideImageWrapper {\n position: relative;\n width: 244px;\n height: 144px;\n border-radius: 12px;\n overflow: hidden;\n}\n.ModalSlide .ModalSlideImageWrapper img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n pointer-events: none;\n user-select: none;\n -webkit-user-drag: none;\n}\n.ModalSlide .ModalSlideImageWrapper::after {\n content: "";\n position: absolute;\n inset: 0;\n background: var(--emw--color-black-shadow, rgba(0, 0, 0, 0.5019607843));\n}\n\n.prev,\n.next {\n position: absolute;\n top: 42%;\n transform: translateY(-50%);\n stroke: white;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n border: 2px solid var(--emw--button-border-color, #083b17);\n background: var(--emw--slider-arrow-primary-bg, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.prev.disabled,\n.next.disabled {\n stroke: var(--emw--color-gray-100, #727672);\n background: var(--emw--ingame-color-black40, rgba(0, 0, 0, 0.4));\n border-color: var(--emw--color-gray-100, #727672);\n}\n\n.prev {\n left: 2px;\n}\n\n.next {\n right: 2px;\n}\n\n.ModalSliderDots {\n display: flex;\n justify-content: center;\n margin-top: 10px;\n}\n\n.ModalSliderDot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--emw--color-gray-50, #e2e2e2);\n margin: 8px;\n cursor: pointer;\n}\n\n.ModalSliderDot.active {\n background: var(--emw--border-success-color, #00b74f);\n}\n\n.Mobile .ModalContent {\n padding: 26px;\n}\n.Mobile .InnerContainer {\n padding: 25px;\n}\n.Mobile .ImageWrapper {\n margin-bottom: 6px;\n}\n.Mobile .ModalHeader {\n margin-bottom: 16px;\n}\n.Mobile .ModalAddition {\n font-size: var(--emw--font-size-x-small, 12px);\n margin-top: 8px;\n}\n.Mobile .ModalAction,\n.Mobile .ModalSliderWrapper {\n margin: 20px auto 0;\n}\n.Mobile .ModalSliderWrapper {\n width: 230px;\n}\n.Mobile .ModalSliderWrapper .prev,\n.Mobile .ModalSliderWrapper .next {\n display: none;\n}\n.Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n height: 125px;\n width: 220px;\n}\n.Mobile .ModalSliderWrapper .ModalSlideSpins {\n width: 154px;\n height: 34px;\n font-size: var(--emw--font-size-x-small, 12px);\n}\n.Mobile .ModalSliderWrapper .ModalSliderDot {\n margin: 8px 4px;\n}\n.Mobile .ModalSubtitle,\n.Mobile .ModalReward {\n font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile .ModalAction {\n font-size: var(--emw--font-size-x-small, 12px);\n}\n\n@container modal (height < 720px) {\n .Mobile .ModalContent {\n padding: 20px;\n }\n .Mobile .InnerContainer {\n padding: 8px 20px;\n }\n .Mobile .ModalHeader {\n margin-bottom: 8px;\n }\n .Mobile .ModalSubtitle {\n width: 100%;\n margin: 0 auto;\n }\n .Mobile .ModalAction {\n margin-top: 8px;\n }\n .Mobile .ModalSliderWrapper {\n margin: 8px auto 0;\n }\n .Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n width: 176px;\n height: 100px;\n }\n}';export{r as casino_challenges_overlay_modal}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{C as CasinoChallengesOverlay}from"./casino-challenges-overlay-
|
|
1
|
+
export{C as CasinoChallengesOverlay}from"./casino-challenges-overlay-89a5469f.js";import"./index-be60b13e.js";
|
package/dist/cjs/{casino-challenges-overlay-3f42bf67.js → casino-challenges-overlay-77be149d.js}
RENAMED
|
@@ -262,6 +262,8 @@ const CasinoChallengesOverlay = class {
|
|
|
262
262
|
this.modalErrored = false;
|
|
263
263
|
this.modalReward = '';
|
|
264
264
|
this.modalAddition = false;
|
|
265
|
+
this.modalIsFreeSpinsGranted = false;
|
|
266
|
+
this.modalBonusProgramGames = [];
|
|
265
267
|
};
|
|
266
268
|
this.goToDetailsPage = () => {
|
|
267
269
|
window.parent.postMessage({
|
|
@@ -373,6 +375,9 @@ const CasinoChallengesOverlay = class {
|
|
|
373
375
|
break;
|
|
374
376
|
}
|
|
375
377
|
case 'ShowChallengeRewardModal': {
|
|
378
|
+
if (this.showModal) {
|
|
379
|
+
this.closeModal();
|
|
380
|
+
}
|
|
376
381
|
this.showModal = true;
|
|
377
382
|
if (data === null || data === void 0 ? void 0 : data.HasError) {
|
|
378
383
|
this.modalErrored = true;
|
|
@@ -600,12 +605,12 @@ const CasinoChallengesOverlay = class {
|
|
|
600
605
|
render() {
|
|
601
606
|
const currProgress = this.completedLevelId ? 100 : this.progress;
|
|
602
607
|
const dot = this.getCapsuleDotPosition(currProgress);
|
|
603
|
-
return (index.h("div", { key: '
|
|
608
|
+
return (index.h("div", { key: '639d5d2272af4364490409a540e8a43b860aa21e', ref: (el) => (this.stylingContainer = el) }, this.inProgressCount > 0 && (index.h("div", { key: '1908b6c7642a44c845b5835a530c755de5a66ddb', class: "container", onClick: this.goToDetailsPage }, index.h("div", { key: '27119842af3826143d1b1c092dfbc822265a12f1', class: `circle ${this.isGrayed ? 'grayed' : ''}`, style: {
|
|
604
609
|
'--progress': `${currProgress}%`
|
|
605
|
-
} }, index.h("img", { key: '
|
|
610
|
+
} }, index.h("img", { key: '52467d911cc7934708605b2c4ba8f284c7c2268d', class: "circle__img", src: bgIconSvg }), index.h("div", { key: '6b53bb87e026fdc18b72f35e9feb24f3ed640d19', class: "circle__content" }, index.h("span", { key: '1bcf879a911b0032c59c9972ae3197315cec4cfb' }, Math.floor(currProgress), "%")), dot && (index.h("div", { key: '6377568c12a5c0999a46f8320f27249d2d3c9efa', class: "dot", style: {
|
|
606
611
|
left: `${dot.x}px`,
|
|
607
612
|
top: `${dot.y}px`
|
|
608
|
-
} }))), !this.isGrayed && index.h("div", { key: '
|
|
613
|
+
} }))), !this.isGrayed && index.h("div", { key: '98744b4743572ea10e578bf595c0b6df690d0afe', class: `badge ${this.isNew ? 'new' : ''}` }, this.renderBadgeContent()))), index.h("casino-challenges-overlay-modal", { key: '1f91b25bd3b4538cdd16312741e2c8b62bd57607', 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 })));
|
|
609
614
|
}
|
|
610
615
|
static get watchers() { return {
|
|
611
616
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const casinoChallengesOverlay = require('./casino-challenges-overlay-
|
|
5
|
+
const casinoChallengesOverlay = require('./casino-challenges-overlay-77be149d.js');
|
|
6
6
|
const index = require('./index-d610a063.js');
|
|
7
7
|
|
|
8
8
|
const giftboxSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIyIDIzIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNDY0MjkgMi41QzcuMjE0NDIgMi41IDYuOTcxMDYgMi42MDA5IDYuNzg4NzggMi43ODY0OUM2LjYwNTkgMi45NzI3IDYuNTAwMDEgMy4yMjkwMyA2LjUwMDAxIDMuNUM2LjUwMDAxIDMuNzcwOTcgNi42MDU5IDQuMDI3MyA2Ljc4ODc4IDQuMjEzNTFDNi45NzEwNiA0LjM5OTEgNy4yMTQ0MiA0LjUgNy40NjQyOSA0LjVIOS42MzQyNUM5LjU2MTg3IDQuMzI4NjUgOS40Nzg1NyA0LjE1MTE2IDkuMzgzNTYgMy45NzUyN0M4Ljg5NzY5IDMuMDc1ODEgOC4yNzM5OCAyLjUgNy40NjQyOSAyLjVaTTEwIDYuNVY5LjVMMi42MDAwMSA5LjVDMi4zMDM0OCA5LjUgMi4xNDEyMiA5LjQ5OTIyIDIuMDI0NjQgOS40ODk3QzIuMDIgOS40ODkzMiAyLjAxNTYgOS40ODg5MyAyLjAxMTQ1IDkuNDg4NTVDMi4wMTEwNyA5LjQ4NDQgMi4wMTA2OSA5LjQ4MDAxIDIuMDEwMzEgOS40NzUzN0MyLjAwMDc4IDkuMzU4NzggMi4wMDAwMSA5LjE5NjUzIDIuMDAwMDEgOC45VjcuMUMyLjAwMDAxIDYuODAzNDcgMi4wMDA3OCA2LjY0MTIyIDIuMDEwMzEgNi41MjQ2M0MyLjAxMDY5IDYuNTE5OTkgMi4wMTEwNyA2LjUxNTYgMi4wMTE0NSA2LjUxMTQ1QzIuMDE1NiA2LjUxMTA3IDIuMDIgNi41MTA2OCAyLjAyNDY0IDYuNTEwM0MyLjE0MTIyIDYuNTAwNzggMi4zMDM0OCA2LjUgMi42MDAwMSA2LjVIMTBaTTQuNjY5NTMgNC41QzQuNTU4MjIgNC4xODEzMyA0LjUwMDAxIDMuODQzMzkgNC41MDAwMSAzLjVDNC41MDAwMSAyLjcxMDExIDQuODA4MDIgMS45NDkwMiA1LjM2MTg4IDEuMzg1MDhDNS45MTYzNSAwLjgyMDUzMSA2LjY3MjI0IDAuNSA3LjQ2NDI5IDAuNUM5LjI1OSAwLjUgMTAuMzcyNSAxLjcxODQ1IDExIDIuNzcyMjNDMTEuNjI3NSAxLjcxODQ1IDEyLjc0MSAwLjUgMTQuNTM1NyAwLjVDMTUuMzI3OCAwLjUgMTYuMDgzNyAwLjgyMDUzMSAxNi42MzgxIDEuMzg1MDhDMTcuMTkyIDEuOTQ5MDIgMTcuNSAyLjcxMDExIDE3LjUgMy41QzE3LjUgMy44NDMzOSAxNy40NDE4IDQuMTgxMzMgMTcuMzMwNSA0LjVMMTkuNDMxOSA0LjVDMTkuNjg0MyA0LjQ5OTk3IDE5LjkzMDEgNC40OTk5NCAyMC4xMzgyIDQuNTE2OTVDMjAuMzY2OCA0LjUzNTYyIDIwLjYzNjYgNC41Nzk2OSAyMC45MDggNC43MTc5OUMyMS4yODQzIDQuOTA5NzMgMjEuNTkwMyA1LjIxNTcgMjEuNzgyIDUuNTkyMDJDMjEuOTIwMyA1Ljg2MzQ0IDIxLjk2NDQgNi4xMzMxOCAyMS45ODMxIDYuMzYxNzdDMjIuMDAwMSA2LjU2OTkyIDIyIDYuODE1NzEgMjIgNy4wNjgwOFY4LjkzMTkyQzIyIDkuMTg0MjkgMjIuMDAwMSA5LjQzMDA4IDIxLjk4MzEgOS42MzgyM0MyMS45NjQ0IDkuODY2ODIgMjEuOTIwMyAxMC4xMzY2IDIxLjc4MiAxMC40MDhDMjEuNTkwMyAxMC43ODQzIDIxLjI4NDMgMTEuMDkwMyAyMC45MDggMTEuMjgyQzIwLjYzNjYgMTEuNDIwMyAyMC4zNjY4IDExLjQ2NDQgMjAuMTM4MiAxMS40ODMxQzIwLjA5MzggMTEuNDg2NyAyMC4wNDc2IDExLjQ4OTUgMjAgMTEuNDkxOFYxOC4zMzg2QzIwIDE4Ljg2NTcgMjAgMTkuMzIwNSAxOS45Njk0IDE5LjY5NUMxOS45MzcxIDIwLjA5MDQgMTkuODY1OCAyMC40ODM2IDE5LjY3MyAyMC44NjJDMTkuMzg1NCAyMS40MjY1IDE4LjkyNjUgMjEuODg1NCAxOC4zNjIgMjIuMTczQzE3Ljk4MzYgMjIuMzY1OCAxNy41OTA0IDIyLjQzNzEgMTcuMTk1IDIyLjQ2OTRDMTYuODIwNSAyMi41IDE2LjM2NTcgMjIuNSAxNS44Mzg2IDIyLjVIMTEuMDAxNEgxMUwxMC45OTg2IDIyLjVINi4xNjE0NEM1LjYzNDMgMjIuNSA1LjE3OTU0IDIyLjUgNC44MDQ5OCAyMi40Njk0QzQuNDA5NjMgMjIuNDM3MSA0LjAxNjQxIDIyLjM2NTggMy42MzgwMyAyMi4xNzNDMy4wNzM1NSAyMS44ODU0IDIuNjE0NiAyMS40MjY1IDIuMzI2OTkgMjAuODYyQzIuMTM0MTkgMjAuNDgzNiAyLjA2Mjg4IDIwLjA5MDQgMi4wMzA1NyAxOS42OTVDMS45OTk5NyAxOS4zMjA1IDEuOTk5OTkgMTguODY1NyAyIDE4LjMzODVMMi4wMDAwMSAxMS40OTE4QzEuOTUyNDEgMTEuNDg5NSAxLjkwNjI0IDExLjQ4NjcgMS44NjE3OCAxMS40ODMxQzEuNjMzMTggMTEuNDY0NCAxLjM2MzQ1IDExLjQyMDMgMS4wOTIwMiAxMS4yODJDMC43MTU3MDEgMTEuMDkwMyAwLjQwOTczOSAxMC43ODQzIDAuMjE3OTkyIDEwLjQwOEMwLjA3OTY5NDcgMTAuMTM2NiAwLjAzNTYyNzEgOS44NjY4MiAwLjAxNjk1MDQgOS42MzgyM0MtNS42ODYxZS0wNSA5LjQzMDA3IC0yLjc0MTYxZS0wNSA5LjE4NDI4IDIuNTA1NDRlLTA2IDguOTMxOUw1LjI0NzI2ZS0wNiA3LjFDNS4yNDcyNmUtMDYgNy4wODkzNiAzLjkzNTk1ZS0wNiA3LjA3ODcyIDIuNjI0NjVlLTA2IDcuMDY4MUMtMi43Mjk2OWUtMDUgNi44MTU3MiAtNS42NzQxOGUtMDUgNi41Njk5MyAwLjAxNjk1MDUgNi4zNjE3N0MwLjAzNTYyNzQgNi4xMzMxOCAwLjA3OTY5NSA1Ljg2MzQ0IDAuMjE3OTkyIDUuNTkyMDJDMC40MDk3MzkgNS4yMTU2OSAwLjcxNTcgNC45MDk3MyAxLjA5MjAyIDQuNzE3OTlDMS4zNjM0NSA0LjU3OTY5IDEuNjMzMTggNC41MzU2MiAxLjg2MTc4IDQuNTE2OTVDMi4wNjk5MyA0LjQ5OTk0IDIuMzE1NzMgNC40OTk5NyAyLjU2ODExIDQuNUMyLjU3ODczIDQuNSAyLjU4OTM2IDQuNSAyLjYwMDAxIDQuNUg0LjY2OTUzWk00LjAwMDAxIDExLjVWMTguM0M0LjAwMDAxIDE4Ljg3NjYgNC4wMDA3OCAxOS4yNDg4IDQuMDIzOTMgMTkuNTMyMkM0LjA0NjEzIDE5LjgwMzggNC4wODM4MSAxOS45MDQ1IDQuMTA5IDE5Ljk1NEM0LjIwNDg3IDIwLjE0MjEgNC4zNTc4NSAyMC4yOTUxIDQuNTQ2MDEgMjAuMzkxQzQuNTk1NDYgMjAuNDE2MiA0LjY5NjE4IDIwLjQ1MzkgNC45Njc4NCAyMC40NzYxQzUuMjUxMTggMjAuNDk5MiA1LjYyMzQ1IDIwLjUgNi4yMDAwMSAyMC41SDEwVjExLjVINC4wMDAwMVpNMTIgMTEuNVYyMC41SDE1LjhDMTYuMzc2NiAyMC41IDE2Ljc0ODggMjAuNDk5MiAxNy4wMzIyIDIwLjQ3NjFDMTcuMzAzOCAyMC40NTM5IDE3LjQwNDYgMjAuNDE2MiAxNy40NTQgMjAuMzkxQzE3LjY0MjIgMjAuMjk1MSAxNy43OTUxIDIwLjE0MjIgMTcuODkxIDE5Ljk1NEMxNy45MTYyIDE5LjkwNDUgMTcuOTUzOSAxOS44MDM4IDE3Ljk3NjEgMTkuNTMyMkMxNy45OTkyIDE5LjI0ODggMTggMTguODc2NiAxOCAxOC4zVjExLjVIMTJaTTE5LjQgOS41QzE5LjY5NjUgOS41IDE5Ljg1ODggOS40OTkyMiAxOS45NzU0IDkuNDg5N0MxOS45OCA5LjQ4OTMyIDE5Ljk4NDQgOS40ODg5MyAxOS45ODg2IDkuNDg4NTRDMTkuOTg4OSA5LjQ4NDQgMTkuOTg5MyA5LjQ4MDAxIDE5Ljk4OTcgOS40NzUzN0MxOS45OTkyIDkuMzU4NzggMjAgOS4xOTY1MyAyMCA4LjlWNy4xQzIwIDYuODAzNDcgMTkuOTk5MiA2LjY0MTIyIDE5Ljk4OTcgNi41MjQ2M0MxOS45ODkzIDYuNTE5OTkgMTkuOTg4OSA2LjUxNTYgMTkuOTg4NSA2LjUxMTQ1QzE5Ljk4NDQgNi41MTEwNyAxOS45OCA2LjUxMDY4IDE5Ljk3NTQgNi41MTAzQzE5Ljg1ODggNi41MDA3OCAxOS42OTY1IDYuNSAxOS40IDYuNUgxMlY5LjVIMTkuNFpNMTQuNTM1NyA0LjVDMTQuNzg1NiA0LjUgMTUuMDI4OSA0LjM5OTEgMTUuMjExMiA0LjIxMzUxQzE1LjM5NDEgNC4wMjczIDE1LjUgMy43NzA5NyAxNS41IDMuNUMxNS41IDMuMjI5MDMgMTUuMzk0MSAyLjk3MjcgMTUuMjExMiAyLjc4NjQ5QzE1LjAyODkgMi42MDA5IDE0Ljc4NTYgMi41IDE0LjUzNTcgMi41QzEzLjcyNiAyLjUgMTMuMTAyMyAzLjA3NTgxIDEyLjYxNjUgMy45NzUyN0MxMi41MjE0IDQuMTUxMTYgMTIuNDM4MSA0LjMyODY1IDEyLjM2NTggNC41SDE0LjUzNTdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjA1MV80MzkpIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjA1MV80MzkiIHgxPSIwIiB5MT0iMTEuNSIgeDI9IjIyIiB5Mj0iMTEuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMUU2NTRGIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFDOEQ1NiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPgo=';
|
|
@@ -72,7 +72,7 @@ const resolveTranslationUrl = async (translationUrl) => {
|
|
|
72
72
|
}
|
|
73
73
|
};
|
|
74
74
|
|
|
75
|
-
const casinoChallengesOverlayModalCss = ":host{display:block
|
|
75
|
+
const casinoChallengesOverlayModalCss = ":host {\n display: block;\n font-family: inherit;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbutton {\n border: none;\n background: none;\n cursor: pointer;\n touch-action: manipulation;\n}\nbutton:focus {\n outline: none;\n}\n\n.ModalOverlay {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0);\n justify-content: center;\n align-items: center;\n z-index: 302;\n}\n\n.ModalOverlay.Open {\n display: flex;\n}\n\n.ModalWrapper {\n container: modal/size;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n\n.ModalContent {\n display: flex;\n background: linear-gradient(90deg, var(--emw--color-background, #003e5c) 0.05%, var(--emw--color-background-secondary, #113b21) 87.69%);\n padding: 40px;\n border-radius: 26px;\n border: 2px solid var(--emw--color-primary-variant, #1e654f);\n width: 540px;\n max-width: 90%;\n text-align: center;\n max-height: 90dvh;\n min-height: 100px;\n font-family: \"Roboto\", sans-serif;\n}\n\n.InnerContainer {\n border-radius: 20px;\n background: #f9f8f8;\n padding: 20px;\n width: 100%;\n flex-direction: column;\n align-items: center;\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n}\n\n.ImageWrapper {\n margin-bottom: 10px;\n}\n\n.ModalHeader {\n color: var(--emw--color-typography, #212529);\n text-align: center;\n font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: normal;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.ModalSubtitle {\n color: var(--emw--color-gray-300, #212529);\n text-align: center;\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weigh-normal, 400);\n margin: 10px auto 0;\n line-height: 24px;\n max-width: 320px;\n}\n\n.ModalErrorMessage {\n color: var(--emw--color-typography, #212529);\n font-size: var(--emw--font-size-medium, 16px);\n line-height: 24px;\n margin: 10px 0;\n}\n\n.ModalReward {\n background: linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-bold, 700);\n}\n\n.ModalAddition {\n color: var(--emw--color-gray-100, #727672);\n text-align: center;\n font-family: var(--emw--button-typography, \"Roboto\", sans-serif);\n font-size: var(--emw--font-size-medium, 16px);\n font-style: normal;\n font-weight: 400;\n align-content: center;\n margin-top: 10px;\n line-height: 24px;\n}\n\n.ModalAddition span {\n background: linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: normal;\n font-weight: 700;\n line-height: 15px;\n text-decoration: none;\n position: relative;\n}\n.ModalAddition span::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n background: linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);\n}\n\n.ModalAction {\n border-radius: var(--emw--button-border-radius, 99px);\n border: 2px solid var(--emw--button-border-color, #083b17);\n background: linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);\n padding: 9px 20px;\n margin-top: 24px;\n text-transform: uppercase;\n color: var(--emw--button-text-color, #fff);\n text-align: center;\n font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n min-width: 100px;\n}\n\n.ModalSliderWrapper {\n margin: 24px auto 0;\n position: relative;\n overflow: hidden;\n width: 316px;\n}\n\n.ModalSlider {\n display: flex;\n transition: transform 0.3s ease;\n cursor: pointer;\n touch-action: pan-y;\n}\n\n.ModalSlider:active {\n cursor: grabbing;\n}\n\n.ModalSlide {\n min-width: 100%;\n flex-shrink: 0;\n position: relative;\n display: flex;\n justify-content: center;\n}\n.ModalSlide .ModalSlideSpins {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border-radius: 99px;\n width: 188px;\n height: 48px;\n text-transform: uppercase;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-white, white);\n align-content: center;\n background: var(--emw--use-spins-button-bg, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%));\n}\n.ModalSlide .ModalSlideSpins svg {\n margin-left: 8px;\n}\n.ModalSlide .ModalSlideImageWrapper {\n position: relative;\n width: 244px;\n height: 144px;\n border-radius: 12px;\n overflow: hidden;\n}\n.ModalSlide .ModalSlideImageWrapper img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n pointer-events: none;\n user-select: none;\n -webkit-user-drag: none;\n}\n.ModalSlide .ModalSlideImageWrapper::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: var(--emw--color-black-shadow, rgba(0, 0, 0, 0.5019607843));\n}\n\n.prev,\n.next {\n position: absolute;\n top: 42%;\n transform: translateY(-50%);\n stroke: white;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n border: 2px solid var(--emw--button-border-color, #083b17);\n background: var(--emw--slider-arrow-primary-bg, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.prev.disabled,\n.next.disabled {\n stroke: var(--emw--color-gray-100, #727672);\n background: var(--emw--ingame-color-black40, rgba(0, 0, 0, 0.4));\n border-color: var(--emw--color-gray-100, #727672);\n}\n\n.prev {\n left: 2px;\n}\n\n.next {\n right: 2px;\n}\n\n.ModalSliderDots {\n display: flex;\n justify-content: center;\n margin-top: 10px;\n}\n\n.ModalSliderDot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--emw--color-gray-50, #e2e2e2);\n margin: 8px;\n cursor: pointer;\n}\n\n.ModalSliderDot.active {\n background: var(--emw--border-success-color, #00b74f);\n}\n\n.Mobile .ModalContent {\n padding: 26px;\n}\n.Mobile .InnerContainer {\n padding: 25px;\n}\n.Mobile .ImageWrapper {\n margin-bottom: 6px;\n}\n.Mobile .ModalHeader {\n margin-bottom: 16px;\n}\n.Mobile .ModalAddition {\n font-size: var(--emw--font-size-x-small, 12px);\n margin-top: 8px;\n}\n.Mobile .ModalAction,\n.Mobile .ModalSliderWrapper {\n margin: 20px auto 0;\n}\n.Mobile .ModalSliderWrapper {\n width: 230px;\n}\n.Mobile .ModalSliderWrapper .prev,\n.Mobile .ModalSliderWrapper .next {\n display: none;\n}\n.Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n height: 125px;\n width: 220px;\n}\n.Mobile .ModalSliderWrapper .ModalSlideSpins {\n width: 154px;\n height: 34px;\n font-size: var(--emw--font-size-x-small, 12px);\n}\n.Mobile .ModalSliderWrapper .ModalSliderDot {\n margin: 8px 4px;\n}\n.Mobile .ModalSubtitle,\n.Mobile .ModalReward {\n font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile .ModalAction {\n font-size: var(--emw--font-size-x-small, 12px);\n}\n\n@container modal (height < 720px) {\n .Mobile .ModalContent {\n padding: 20px;\n }\n .Mobile .InnerContainer {\n padding: 8px 20px;\n }\n .Mobile .ModalHeader {\n margin-bottom: 8px;\n }\n .Mobile .ModalSubtitle {\n width: 100%;\n margin: 0 auto;\n }\n .Mobile .ModalAction {\n margin-top: 8px;\n }\n .Mobile .ModalSliderWrapper {\n margin: 8px auto 0;\n }\n .Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n width: 176px;\n height: 100px;\n }\n}";
|
|
76
76
|
const CasinoChallengesOverlayModalStyle0 = casinoChallengesOverlayModalCss;
|
|
77
77
|
|
|
78
78
|
const CasinoChallengesOverlayModal = class {
|
|
@@ -238,19 +238,19 @@ const CasinoChallengesOverlayModal = class {
|
|
|
238
238
|
ModalOverlay: true,
|
|
239
239
|
Mobile: this.isMobile,
|
|
240
240
|
Open: this.isOpen
|
|
241
|
-
} }, index.h("div", { key: 'c4b08fad45496921eb6d01353de7f9e57cff9763', class: "ModalWinAnimation" }), index.h("div", { key: '
|
|
241
|
+
} }, index.h("div", { key: 'c4b08fad45496921eb6d01353de7f9e57cff9763', class: "ModalWinAnimation" }), index.h("div", { key: '33371b756bbf2c5db0818b1f292e3cc7b29dde53', class: "ModalWrapper" }, index.h("div", { key: '2b402106d0c4ede12a67055c6df25c41c3710f06', class: "ModalContent GradientBorder" }, index.h("div", { key: 'ac0d4569ed370c54eb0cbc0bbb3bc6886b19713d', class: "InnerContainer" }, !this.errored && (index.h("div", { key: '96aa73fb4e7b4dc46c8b0b5986dffcaeb5b28aa8', class: "ImageWrapper" }, index.h("img", { key: 'ae45c9d19cba64225103cb800f588c35ba145fed', src: giftboxSvg, alt: "gift-box-icon" }))), index.h("h1", { key: '19003de35bf4476016ff592e7fc62a860794f62c', 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: '319b5cff8ce9ae566350bf08e9183833e1609fcd', class: "ModalAddition" }, index.h("div", { key: '361cf066b060bfd2078073f14f3d3b0eeb68e4c4' }, translate('physicalReward', this.language)), index.h("span", { key: 'fff547c42c2f91b9527db37aa71efb41db6dee61' }, translate('linkText', this.language)))), index.h("button", { key: '1d1cf2eaffc175b3342520c09dccdc603faf6012', 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: 'b2c4a528e8c8a9955f580aef8c95013be75c2400', class: "ModalSliderWrapper" }, index.h("div", { key: 'ac70d626a28e19545478c50c3c4b5c8e18191b90', 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, "data-slug": 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: '518a95befadd9cc28d86204c3881c987db3f6b04' }, index.h("button", { key: '962931fc3d3dc882790027b15fb4c22e35e0c741', class: {
|
|
242
242
|
prev: true,
|
|
243
243
|
disabled: this.currentIndex === 0
|
|
244
|
-
}, onClick: this.prev }, index.h("svg", { key: '
|
|
244
|
+
}, onClick: this.prev }, index.h("svg", { key: '404ea526331db4676e7533131f43e183fbe7b8f9', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, index.h("path", { key: 'edbba112e1a68c1a640b066fe737cf55cf77e217', d: "M5 1L1 5L5 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("button", { key: 'e3b10dc621a1e5e4f53ff8f5e2b28c153c62573c', class: {
|
|
245
245
|
next: true,
|
|
246
246
|
disabled: this.currentIndex === this.bonusProgramGames.length - 1
|
|
247
|
-
}, onClick: this.next }, index.h("svg", { key: '
|
|
247
|
+
}, onClick: this.next }, index.h("svg", { key: '6daa1f94fd2c9d841ee612dec2c1bb07169331c6', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, index.h("path", { key: 'de0f47067a04bffd49293cc1c6a4717feeedb424', d: "M1 1L5 5L1 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), index.h("div", { key: 'd4ff6bca4002d001eed86240b5f9a3e882573914', class: "ModalSliderDots" }, this.bonusProgramGames.map((_, i) => (index.h("span", { class: {
|
|
248
248
|
ModalSliderDot: true,
|
|
249
249
|
active: i === this.currentIndex
|
|
250
250
|
}, onClick: () => {
|
|
251
251
|
this.currentIndex = i;
|
|
252
252
|
this.setPositionByIndex();
|
|
253
|
-
} }))))))))))));
|
|
253
|
+
} })))))))))))));
|
|
254
254
|
}
|
|
255
255
|
static get watchers() { return {
|
|
256
256
|
"clientStyling": ["handleClientStylingChange"],
|
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const casinoChallengesOverlay = require('./casino-challenges-overlay-
|
|
5
|
+
const casinoChallengesOverlay = require('./casino-challenges-overlay-77be149d.js');
|
|
6
6
|
require('./index-d610a063.js');
|
|
7
7
|
|
|
8
8
|
|
|
@@ -26,6 +26,8 @@ export class CasinoChallengesOverlay {
|
|
|
26
26
|
this.modalErrored = false;
|
|
27
27
|
this.modalReward = '';
|
|
28
28
|
this.modalAddition = false;
|
|
29
|
+
this.modalIsFreeSpinsGranted = false;
|
|
30
|
+
this.modalBonusProgramGames = [];
|
|
29
31
|
};
|
|
30
32
|
this.goToDetailsPage = () => {
|
|
31
33
|
window.parent.postMessage({
|
|
@@ -137,6 +139,9 @@ export class CasinoChallengesOverlay {
|
|
|
137
139
|
break;
|
|
138
140
|
}
|
|
139
141
|
case 'ShowChallengeRewardModal': {
|
|
142
|
+
if (this.showModal) {
|
|
143
|
+
this.closeModal();
|
|
144
|
+
}
|
|
140
145
|
this.showModal = true;
|
|
141
146
|
if (data === null || data === void 0 ? void 0 : data.HasError) {
|
|
142
147
|
this.modalErrored = true;
|
|
@@ -364,12 +369,12 @@ export class CasinoChallengesOverlay {
|
|
|
364
369
|
render() {
|
|
365
370
|
const currProgress = this.completedLevelId ? 100 : this.progress;
|
|
366
371
|
const dot = this.getCapsuleDotPosition(currProgress);
|
|
367
|
-
return (h("div", { key: '
|
|
372
|
+
return (h("div", { key: '639d5d2272af4364490409a540e8a43b860aa21e', ref: (el) => (this.stylingContainer = el) }, this.inProgressCount > 0 && (h("div", { key: '1908b6c7642a44c845b5835a530c755de5a66ddb', class: "container", onClick: this.goToDetailsPage }, h("div", { key: '27119842af3826143d1b1c092dfbc822265a12f1', class: `circle ${this.isGrayed ? 'grayed' : ''}`, style: {
|
|
368
373
|
'--progress': `${currProgress}%`
|
|
369
|
-
} }, h("img", { key: '
|
|
374
|
+
} }, h("img", { key: '52467d911cc7934708605b2c4ba8f284c7c2268d', class: "circle__img", src: bgIcon }), h("div", { key: '6b53bb87e026fdc18b72f35e9feb24f3ed640d19', class: "circle__content" }, h("span", { key: '1bcf879a911b0032c59c9972ae3197315cec4cfb' }, Math.floor(currProgress), "%")), dot && (h("div", { key: '6377568c12a5c0999a46f8320f27249d2d3c9efa', class: "dot", style: {
|
|
370
375
|
left: `${dot.x}px`,
|
|
371
376
|
top: `${dot.y}px`
|
|
372
|
-
} }))), !this.isGrayed && h("div", { key: '
|
|
377
|
+
} }))), !this.isGrayed && h("div", { key: '98744b4743572ea10e578bf595c0b6df690d0afe', class: `badge ${this.isNew ? 'new' : ''}` }, this.renderBadgeContent()))), h("casino-challenges-overlay-modal", { key: '1f91b25bd3b4538cdd16312741e2c8b62bd57607', 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 })));
|
|
373
378
|
}
|
|
374
379
|
static get is() { return "casino-challenges-overlay"; }
|
|
375
380
|
static get encapsulation() { return "shadow"; }
|
package/dist/esm/{casino-challenges-overlay-48b07cb1.js → casino-challenges-overlay-89a5469f.js}
RENAMED
|
@@ -260,6 +260,8 @@ const CasinoChallengesOverlay = class {
|
|
|
260
260
|
this.modalErrored = false;
|
|
261
261
|
this.modalReward = '';
|
|
262
262
|
this.modalAddition = false;
|
|
263
|
+
this.modalIsFreeSpinsGranted = false;
|
|
264
|
+
this.modalBonusProgramGames = [];
|
|
263
265
|
};
|
|
264
266
|
this.goToDetailsPage = () => {
|
|
265
267
|
window.parent.postMessage({
|
|
@@ -371,6 +373,9 @@ const CasinoChallengesOverlay = class {
|
|
|
371
373
|
break;
|
|
372
374
|
}
|
|
373
375
|
case 'ShowChallengeRewardModal': {
|
|
376
|
+
if (this.showModal) {
|
|
377
|
+
this.closeModal();
|
|
378
|
+
}
|
|
374
379
|
this.showModal = true;
|
|
375
380
|
if (data === null || data === void 0 ? void 0 : data.HasError) {
|
|
376
381
|
this.modalErrored = true;
|
|
@@ -598,12 +603,12 @@ const CasinoChallengesOverlay = class {
|
|
|
598
603
|
render() {
|
|
599
604
|
const currProgress = this.completedLevelId ? 100 : this.progress;
|
|
600
605
|
const dot = this.getCapsuleDotPosition(currProgress);
|
|
601
|
-
return (h("div", { key: '
|
|
606
|
+
return (h("div", { key: '639d5d2272af4364490409a540e8a43b860aa21e', ref: (el) => (this.stylingContainer = el) }, this.inProgressCount > 0 && (h("div", { key: '1908b6c7642a44c845b5835a530c755de5a66ddb', class: "container", onClick: this.goToDetailsPage }, h("div", { key: '27119842af3826143d1b1c092dfbc822265a12f1', class: `circle ${this.isGrayed ? 'grayed' : ''}`, style: {
|
|
602
607
|
'--progress': `${currProgress}%`
|
|
603
|
-
} }, h("img", { key: '
|
|
608
|
+
} }, h("img", { key: '52467d911cc7934708605b2c4ba8f284c7c2268d', class: "circle__img", src: bgIconSvg }), h("div", { key: '6b53bb87e026fdc18b72f35e9feb24f3ed640d19', class: "circle__content" }, h("span", { key: '1bcf879a911b0032c59c9972ae3197315cec4cfb' }, Math.floor(currProgress), "%")), dot && (h("div", { key: '6377568c12a5c0999a46f8320f27249d2d3c9efa', class: "dot", style: {
|
|
604
609
|
left: `${dot.x}px`,
|
|
605
610
|
top: `${dot.y}px`
|
|
606
|
-
} }))), !this.isGrayed && h("div", { key: '
|
|
611
|
+
} }))), !this.isGrayed && h("div", { key: '98744b4743572ea10e578bf595c0b6df690d0afe', class: `badge ${this.isNew ? 'new' : ''}` }, this.renderBadgeContent()))), h("casino-challenges-overlay-modal", { key: '1f91b25bd3b4538cdd16312741e2c8b62bd57607', 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 })));
|
|
607
612
|
}
|
|
608
613
|
static get watchers() { return {
|
|
609
614
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './casino-challenges-overlay-
|
|
2
|
-
export { C as casino_challenges_overlay } from './casino-challenges-overlay-
|
|
1
|
+
import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './casino-challenges-overlay-89a5469f.js';
|
|
2
|
+
export { C as casino_challenges_overlay } from './casino-challenges-overlay-89a5469f.js';
|
|
3
3
|
import { r as registerInstance, h } from './index-be60b13e.js';
|
|
4
4
|
|
|
5
5
|
const giftboxSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMyIgdmlld0JveD0iMCAwIDIyIDIzIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNDY0MjkgMi41QzcuMjE0NDIgMi41IDYuOTcxMDYgMi42MDA5IDYuNzg4NzggMi43ODY0OUM2LjYwNTkgMi45NzI3IDYuNTAwMDEgMy4yMjkwMyA2LjUwMDAxIDMuNUM2LjUwMDAxIDMuNzcwOTcgNi42MDU5IDQuMDI3MyA2Ljc4ODc4IDQuMjEzNTFDNi45NzEwNiA0LjM5OTEgNy4yMTQ0MiA0LjUgNy40NjQyOSA0LjVIOS42MzQyNUM5LjU2MTg3IDQuMzI4NjUgOS40Nzg1NyA0LjE1MTE2IDkuMzgzNTYgMy45NzUyN0M4Ljg5NzY5IDMuMDc1ODEgOC4yNzM5OCAyLjUgNy40NjQyOSAyLjVaTTEwIDYuNVY5LjVMMi42MDAwMSA5LjVDMi4zMDM0OCA5LjUgMi4xNDEyMiA5LjQ5OTIyIDIuMDI0NjQgOS40ODk3QzIuMDIgOS40ODkzMiAyLjAxNTYgOS40ODg5MyAyLjAxMTQ1IDkuNDg4NTVDMi4wMTEwNyA5LjQ4NDQgMi4wMTA2OSA5LjQ4MDAxIDIuMDEwMzEgOS40NzUzN0MyLjAwMDc4IDkuMzU4NzggMi4wMDAwMSA5LjE5NjUzIDIuMDAwMDEgOC45VjcuMUMyLjAwMDAxIDYuODAzNDcgMi4wMDA3OCA2LjY0MTIyIDIuMDEwMzEgNi41MjQ2M0MyLjAxMDY5IDYuNTE5OTkgMi4wMTEwNyA2LjUxNTYgMi4wMTE0NSA2LjUxMTQ1QzIuMDE1NiA2LjUxMTA3IDIuMDIgNi41MTA2OCAyLjAyNDY0IDYuNTEwM0MyLjE0MTIyIDYuNTAwNzggMi4zMDM0OCA2LjUgMi42MDAwMSA2LjVIMTBaTTQuNjY5NTMgNC41QzQuNTU4MjIgNC4xODEzMyA0LjUwMDAxIDMuODQzMzkgNC41MDAwMSAzLjVDNC41MDAwMSAyLjcxMDExIDQuODA4MDIgMS45NDkwMiA1LjM2MTg4IDEuMzg1MDhDNS45MTYzNSAwLjgyMDUzMSA2LjY3MjI0IDAuNSA3LjQ2NDI5IDAuNUM5LjI1OSAwLjUgMTAuMzcyNSAxLjcxODQ1IDExIDIuNzcyMjNDMTEuNjI3NSAxLjcxODQ1IDEyLjc0MSAwLjUgMTQuNTM1NyAwLjVDMTUuMzI3OCAwLjUgMTYuMDgzNyAwLjgyMDUzMSAxNi42MzgxIDEuMzg1MDhDMTcuMTkyIDEuOTQ5MDIgMTcuNSAyLjcxMDExIDE3LjUgMy41QzE3LjUgMy44NDMzOSAxNy40NDE4IDQuMTgxMzMgMTcuMzMwNSA0LjVMMTkuNDMxOSA0LjVDMTkuNjg0MyA0LjQ5OTk3IDE5LjkzMDEgNC40OTk5NCAyMC4xMzgyIDQuNTE2OTVDMjAuMzY2OCA0LjUzNTYyIDIwLjYzNjYgNC41Nzk2OSAyMC45MDggNC43MTc5OUMyMS4yODQzIDQuOTA5NzMgMjEuNTkwMyA1LjIxNTcgMjEuNzgyIDUuNTkyMDJDMjEuOTIwMyA1Ljg2MzQ0IDIxLjk2NDQgNi4xMzMxOCAyMS45ODMxIDYuMzYxNzdDMjIuMDAwMSA2LjU2OTkyIDIyIDYuODE1NzEgMjIgNy4wNjgwOFY4LjkzMTkyQzIyIDkuMTg0MjkgMjIuMDAwMSA5LjQzMDA4IDIxLjk4MzEgOS42MzgyM0MyMS45NjQ0IDkuODY2ODIgMjEuOTIwMyAxMC4xMzY2IDIxLjc4MiAxMC40MDhDMjEuNTkwMyAxMC43ODQzIDIxLjI4NDMgMTEuMDkwMyAyMC45MDggMTEuMjgyQzIwLjYzNjYgMTEuNDIwMyAyMC4zNjY4IDExLjQ2NDQgMjAuMTM4MiAxMS40ODMxQzIwLjA5MzggMTEuNDg2NyAyMC4wNDc2IDExLjQ4OTUgMjAgMTEuNDkxOFYxOC4zMzg2QzIwIDE4Ljg2NTcgMjAgMTkuMzIwNSAxOS45Njk0IDE5LjY5NUMxOS45MzcxIDIwLjA5MDQgMTkuODY1OCAyMC40ODM2IDE5LjY3MyAyMC44NjJDMTkuMzg1NCAyMS40MjY1IDE4LjkyNjUgMjEuODg1NCAxOC4zNjIgMjIuMTczQzE3Ljk4MzYgMjIuMzY1OCAxNy41OTA0IDIyLjQzNzEgMTcuMTk1IDIyLjQ2OTRDMTYuODIwNSAyMi41IDE2LjM2NTcgMjIuNSAxNS44Mzg2IDIyLjVIMTEuMDAxNEgxMUwxMC45OTg2IDIyLjVINi4xNjE0NEM1LjYzNDMgMjIuNSA1LjE3OTU0IDIyLjUgNC44MDQ5OCAyMi40Njk0QzQuNDA5NjMgMjIuNDM3MSA0LjAxNjQxIDIyLjM2NTggMy42MzgwMyAyMi4xNzNDMy4wNzM1NSAyMS44ODU0IDIuNjE0NiAyMS40MjY1IDIuMzI2OTkgMjAuODYyQzIuMTM0MTkgMjAuNDgzNiAyLjA2Mjg4IDIwLjA5MDQgMi4wMzA1NyAxOS42OTVDMS45OTk5NyAxOS4zMjA1IDEuOTk5OTkgMTguODY1NyAyIDE4LjMzODVMMi4wMDAwMSAxMS40OTE4QzEuOTUyNDEgMTEuNDg5NSAxLjkwNjI0IDExLjQ4NjcgMS44NjE3OCAxMS40ODMxQzEuNjMzMTggMTEuNDY0NCAxLjM2MzQ1IDExLjQyMDMgMS4wOTIwMiAxMS4yODJDMC43MTU3MDEgMTEuMDkwMyAwLjQwOTczOSAxMC43ODQzIDAuMjE3OTkyIDEwLjQwOEMwLjA3OTY5NDcgMTAuMTM2NiAwLjAzNTYyNzEgOS44NjY4MiAwLjAxNjk1MDQgOS42MzgyM0MtNS42ODYxZS0wNSA5LjQzMDA3IC0yLjc0MTYxZS0wNSA5LjE4NDI4IDIuNTA1NDRlLTA2IDguOTMxOUw1LjI0NzI2ZS0wNiA3LjFDNS4yNDcyNmUtMDYgNy4wODkzNiAzLjkzNTk1ZS0wNiA3LjA3ODcyIDIuNjI0NjVlLTA2IDcuMDY4MUMtMi43Mjk2OWUtMDUgNi44MTU3MiAtNS42NzQxOGUtMDUgNi41Njk5MyAwLjAxNjk1MDUgNi4zNjE3N0MwLjAzNTYyNzQgNi4xMzMxOCAwLjA3OTY5NSA1Ljg2MzQ0IDAuMjE3OTkyIDUuNTkyMDJDMC40MDk3MzkgNS4yMTU2OSAwLjcxNTcgNC45MDk3MyAxLjA5MjAyIDQuNzE3OTlDMS4zNjM0NSA0LjU3OTY5IDEuNjMzMTggNC41MzU2MiAxLjg2MTc4IDQuNTE2OTVDMi4wNjk5MyA0LjQ5OTk0IDIuMzE1NzMgNC40OTk5NyAyLjU2ODExIDQuNUMyLjU3ODczIDQuNSAyLjU4OTM2IDQuNSAyLjYwMDAxIDQuNUg0LjY2OTUzWk00LjAwMDAxIDExLjVWMTguM0M0LjAwMDAxIDE4Ljg3NjYgNC4wMDA3OCAxOS4yNDg4IDQuMDIzOTMgMTkuNTMyMkM0LjA0NjEzIDE5LjgwMzggNC4wODM4MSAxOS45MDQ1IDQuMTA5IDE5Ljk1NEM0LjIwNDg3IDIwLjE0MjEgNC4zNTc4NSAyMC4yOTUxIDQuNTQ2MDEgMjAuMzkxQzQuNTk1NDYgMjAuNDE2MiA0LjY5NjE4IDIwLjQ1MzkgNC45Njc4NCAyMC40NzYxQzUuMjUxMTggMjAuNDk5MiA1LjYyMzQ1IDIwLjUgNi4yMDAwMSAyMC41SDEwVjExLjVINC4wMDAwMVpNMTIgMTEuNVYyMC41SDE1LjhDMTYuMzc2NiAyMC41IDE2Ljc0ODggMjAuNDk5MiAxNy4wMzIyIDIwLjQ3NjFDMTcuMzAzOCAyMC40NTM5IDE3LjQwNDYgMjAuNDE2MiAxNy40NTQgMjAuMzkxQzE3LjY0MjIgMjAuMjk1MSAxNy43OTUxIDIwLjE0MjIgMTcuODkxIDE5Ljk1NEMxNy45MTYyIDE5LjkwNDUgMTcuOTUzOSAxOS44MDM4IDE3Ljk3NjEgMTkuNTMyMkMxNy45OTkyIDE5LjI0ODggMTggMTguODc2NiAxOCAxOC4zVjExLjVIMTJaTTE5LjQgOS41QzE5LjY5NjUgOS41IDE5Ljg1ODggOS40OTkyMiAxOS45NzU0IDkuNDg5N0MxOS45OCA5LjQ4OTMyIDE5Ljk4NDQgOS40ODg5MyAxOS45ODg2IDkuNDg4NTRDMTkuOTg4OSA5LjQ4NDQgMTkuOTg5MyA5LjQ4MDAxIDE5Ljk4OTcgOS40NzUzN0MxOS45OTkyIDkuMzU4NzggMjAgOS4xOTY1MyAyMCA4LjlWNy4xQzIwIDYuODAzNDcgMTkuOTk5MiA2LjY0MTIyIDE5Ljk4OTcgNi41MjQ2M0MxOS45ODkzIDYuNTE5OTkgMTkuOTg4OSA2LjUxNTYgMTkuOTg4NSA2LjUxMTQ1QzE5Ljk4NDQgNi41MTEwNyAxOS45OCA2LjUxMDY4IDE5Ljk3NTQgNi41MTAzQzE5Ljg1ODggNi41MDA3OCAxOS42OTY1IDYuNSAxOS40IDYuNUgxMlY5LjVIMTkuNFpNMTQuNTM1NyA0LjVDMTQuNzg1NiA0LjUgMTUuMDI4OSA0LjM5OTEgMTUuMjExMiA0LjIxMzUxQzE1LjM5NDEgNC4wMjczIDE1LjUgMy43NzA5NyAxNS41IDMuNUMxNS41IDMuMjI5MDMgMTUuMzk0MSAyLjk3MjcgMTUuMjExMiAyLjc4NjQ5QzE1LjAyODkgMi42MDA5IDE0Ljc4NTYgMi41IDE0LjUzNTcgMi41QzEzLjcyNiAyLjUgMTMuMTAyMyAzLjA3NTgxIDEyLjYxNjUgMy45NzUyN0MxMi41MjE0IDQuMTUxMTYgMTIuNDM4MSA0LjMyODY1IDEyLjM2NTggNC41SDE0LjUzNTdaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjA1MV80MzkpIi8+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjA1MV80MzkiIHgxPSIwIiB5MT0iMTEuNSIgeDI9IjIyIiB5Mj0iMTEuNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMUU2NTRGIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzFDOEQ1NiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+Cjwvc3ZnPgo=';
|
|
@@ -69,7 +69,7 @@ const resolveTranslationUrl = async (translationUrl) => {
|
|
|
69
69
|
}
|
|
70
70
|
};
|
|
71
71
|
|
|
72
|
-
const casinoChallengesOverlayModalCss = ":host{display:block
|
|
72
|
+
const casinoChallengesOverlayModalCss = ":host {\n display: block;\n font-family: inherit;\n}\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbutton {\n border: none;\n background: none;\n cursor: pointer;\n touch-action: manipulation;\n}\nbutton:focus {\n outline: none;\n}\n\n.ModalOverlay {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0);\n justify-content: center;\n align-items: center;\n z-index: 302;\n}\n\n.ModalOverlay.Open {\n display: flex;\n}\n\n.ModalWrapper {\n container: modal/size;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n\n.ModalContent {\n display: flex;\n background: linear-gradient(90deg, var(--emw--color-background, #003e5c) 0.05%, var(--emw--color-background-secondary, #113b21) 87.69%);\n padding: 40px;\n border-radius: 26px;\n border: 2px solid var(--emw--color-primary-variant, #1e654f);\n width: 540px;\n max-width: 90%;\n text-align: center;\n max-height: 90dvh;\n min-height: 100px;\n font-family: \"Roboto\", sans-serif;\n}\n\n.InnerContainer {\n border-radius: 20px;\n background: #f9f8f8;\n padding: 20px;\n width: 100%;\n flex-direction: column;\n align-items: center;\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n}\n\n.ImageWrapper {\n margin-bottom: 10px;\n}\n\n.ModalHeader {\n color: var(--emw--color-typography, #212529);\n text-align: center;\n font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: normal;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n.ModalSubtitle {\n color: var(--emw--color-gray-300, #212529);\n text-align: center;\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weigh-normal, 400);\n margin: 10px auto 0;\n line-height: 24px;\n max-width: 320px;\n}\n\n.ModalErrorMessage {\n color: var(--emw--color-typography, #212529);\n font-size: var(--emw--font-size-medium, 16px);\n line-height: 24px;\n margin: 10px 0;\n}\n\n.ModalReward {\n background: linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-bold, 700);\n}\n\n.ModalAddition {\n color: var(--emw--color-gray-100, #727672);\n text-align: center;\n font-family: var(--emw--button-typography, \"Roboto\", sans-serif);\n font-size: var(--emw--font-size-medium, 16px);\n font-style: normal;\n font-weight: 400;\n align-content: center;\n margin-top: 10px;\n line-height: 24px;\n}\n\n.ModalAddition span {\n background: linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-style: normal;\n font-weight: 700;\n line-height: 15px;\n text-decoration: none;\n position: relative;\n}\n.ModalAddition span::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: 0;\n height: 1px;\n width: 100%;\n background: linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);\n}\n\n.ModalAction {\n border-radius: var(--emw--button-border-radius, 99px);\n border: 2px solid var(--emw--button-border-color, #083b17);\n background: linear-gradient(90deg, var(--emw--color-primary, #24aa4d) 0%, var(--emw--color-background-secondary, #113f21) 100%);\n padding: 9px 20px;\n margin-top: 24px;\n text-transform: uppercase;\n color: var(--emw--button-text-color, #fff);\n text-align: center;\n font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n min-width: 100px;\n}\n\n.ModalSliderWrapper {\n margin: 24px auto 0;\n position: relative;\n overflow: hidden;\n width: 316px;\n}\n\n.ModalSlider {\n display: flex;\n transition: transform 0.3s ease;\n cursor: pointer;\n touch-action: pan-y;\n}\n\n.ModalSlider:active {\n cursor: grabbing;\n}\n\n.ModalSlide {\n min-width: 100%;\n flex-shrink: 0;\n position: relative;\n display: flex;\n justify-content: center;\n}\n.ModalSlide .ModalSlideSpins {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n border-radius: 99px;\n width: 188px;\n height: 48px;\n text-transform: uppercase;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-white, white);\n align-content: center;\n background: var(--emw--use-spins-button-bg, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%));\n}\n.ModalSlide .ModalSlideSpins svg {\n margin-left: 8px;\n}\n.ModalSlide .ModalSlideImageWrapper {\n position: relative;\n width: 244px;\n height: 144px;\n border-radius: 12px;\n overflow: hidden;\n}\n.ModalSlide .ModalSlideImageWrapper img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n pointer-events: none;\n user-select: none;\n -webkit-user-drag: none;\n}\n.ModalSlide .ModalSlideImageWrapper::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: var(--emw--color-black-shadow, rgba(0, 0, 0, 0.5019607843));\n}\n\n.prev,\n.next {\n position: absolute;\n top: 42%;\n transform: translateY(-50%);\n stroke: white;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n border: 2px solid var(--emw--button-border-color, #083b17);\n background: var(--emw--slider-arrow-primary-bg, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.prev.disabled,\n.next.disabled {\n stroke: var(--emw--color-gray-100, #727672);\n background: var(--emw--ingame-color-black40, rgba(0, 0, 0, 0.4));\n border-color: var(--emw--color-gray-100, #727672);\n}\n\n.prev {\n left: 2px;\n}\n\n.next {\n right: 2px;\n}\n\n.ModalSliderDots {\n display: flex;\n justify-content: center;\n margin-top: 10px;\n}\n\n.ModalSliderDot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: var(--emw--color-gray-50, #e2e2e2);\n margin: 8px;\n cursor: pointer;\n}\n\n.ModalSliderDot.active {\n background: var(--emw--border-success-color, #00b74f);\n}\n\n.Mobile .ModalContent {\n padding: 26px;\n}\n.Mobile .InnerContainer {\n padding: 25px;\n}\n.Mobile .ImageWrapper {\n margin-bottom: 6px;\n}\n.Mobile .ModalHeader {\n margin-bottom: 16px;\n}\n.Mobile .ModalAddition {\n font-size: var(--emw--font-size-x-small, 12px);\n margin-top: 8px;\n}\n.Mobile .ModalAction,\n.Mobile .ModalSliderWrapper {\n margin: 20px auto 0;\n}\n.Mobile .ModalSliderWrapper {\n width: 230px;\n}\n.Mobile .ModalSliderWrapper .prev,\n.Mobile .ModalSliderWrapper .next {\n display: none;\n}\n.Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n height: 125px;\n width: 220px;\n}\n.Mobile .ModalSliderWrapper .ModalSlideSpins {\n width: 154px;\n height: 34px;\n font-size: var(--emw--font-size-x-small, 12px);\n}\n.Mobile .ModalSliderWrapper .ModalSliderDot {\n margin: 8px 4px;\n}\n.Mobile .ModalSubtitle,\n.Mobile .ModalReward {\n font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile .ModalAction {\n font-size: var(--emw--font-size-x-small, 12px);\n}\n\n@container modal (height < 720px) {\n .Mobile .ModalContent {\n padding: 20px;\n }\n .Mobile .InnerContainer {\n padding: 8px 20px;\n }\n .Mobile .ModalHeader {\n margin-bottom: 8px;\n }\n .Mobile .ModalSubtitle {\n width: 100%;\n margin: 0 auto;\n }\n .Mobile .ModalAction {\n margin-top: 8px;\n }\n .Mobile .ModalSliderWrapper {\n margin: 8px auto 0;\n }\n .Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n width: 176px;\n height: 100px;\n }\n}";
|
|
73
73
|
const CasinoChallengesOverlayModalStyle0 = casinoChallengesOverlayModalCss;
|
|
74
74
|
|
|
75
75
|
const CasinoChallengesOverlayModal = class {
|
|
@@ -235,19 +235,19 @@ const CasinoChallengesOverlayModal = class {
|
|
|
235
235
|
ModalOverlay: true,
|
|
236
236
|
Mobile: this.isMobile,
|
|
237
237
|
Open: this.isOpen
|
|
238
|
-
} }, h("div", { key: 'c4b08fad45496921eb6d01353de7f9e57cff9763', class: "ModalWinAnimation" }), h("div", { key: '
|
|
238
|
+
} }, h("div", { key: 'c4b08fad45496921eb6d01353de7f9e57cff9763', class: "ModalWinAnimation" }), h("div", { key: '33371b756bbf2c5db0818b1f292e3cc7b29dde53', class: "ModalWrapper" }, h("div", { key: '2b402106d0c4ede12a67055c6df25c41c3710f06', class: "ModalContent GradientBorder" }, h("div", { key: 'ac0d4569ed370c54eb0cbc0bbb3bc6886b19713d', class: "InnerContainer" }, !this.errored && (h("div", { key: '96aa73fb4e7b4dc46c8b0b5986dffcaeb5b28aa8', class: "ImageWrapper" }, h("img", { key: 'ae45c9d19cba64225103cb800f588c35ba145fed', src: giftboxSvg, alt: "gift-box-icon" }))), h("h1", { key: '19003de35bf4476016ff592e7fc62a860794f62c', class: "ModalHeader" }, translate(this.errored ? 'errorTitle' : 'congrats', this.language)), this.errored ? (h("div", { class: "ModalErrorMessage" }, translate('errorSubTitle', this.language))) : (h("div", { class: "ModalSubtitle" }, `${translate('level', this.language)} ${this.orderNumber} ${translate('completed', this.language)}`, h("div", null, translate('youWon', this.language)), h("div", { class: "ModalReward" }, this.reward), this.isFreeSpinsGranted && (h("div", { class: "ModalAddition" }, translate('playNowOrLater', this.language))), h("div", { class: "ModalAddition" }, translate('rewardInLobby', this.language)))), this.addition && (h("div", { key: '319b5cff8ce9ae566350bf08e9183833e1609fcd', class: "ModalAddition" }, h("div", { key: '361cf066b060bfd2078073f14f3d3b0eeb68e4c4' }, translate('physicalReward', this.language)), h("span", { key: 'fff547c42c2f91b9527db37aa71efb41db6dee61' }, translate('linkText', this.language)))), h("button", { key: '1d1cf2eaffc175b3342520c09dccdc603faf6012', 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 && (h("div", { key: 'b2c4a528e8c8a9955f580aef8c95013be75c2400', class: "ModalSliderWrapper" }, h("div", { key: 'ac70d626a28e19545478c50c3c4b5c8e18191b90', class: "ModalSlider", ref: (el) => (this.sliderContainer = el), onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onPointerLeave: this.onPointerUp }, this.bonusProgramGames.map((item) => (h("div", { class: "ModalSlide", key: item.GameSlug, "data-slug": item.GameSlug }, h("div", { class: "ModalSlideImageWrapper" }, h("img", { src: item.Thumbnail, alt: "" })), h("div", { class: "ModalSlideSpins" }, translate('useSpinsNow', this.language), h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, 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 && (h("div", { key: '518a95befadd9cc28d86204c3881c987db3f6b04' }, h("button", { key: '962931fc3d3dc882790027b15fb4c22e35e0c741', class: {
|
|
239
239
|
prev: true,
|
|
240
240
|
disabled: this.currentIndex === 0
|
|
241
|
-
}, onClick: this.prev }, h("svg", { key: '
|
|
241
|
+
}, onClick: this.prev }, h("svg", { key: '404ea526331db4676e7533131f43e183fbe7b8f9', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { key: 'edbba112e1a68c1a640b066fe737cf55cf77e217', d: "M5 1L1 5L5 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("button", { key: 'e3b10dc621a1e5e4f53ff8f5e2b28c153c62573c', class: {
|
|
242
242
|
next: true,
|
|
243
243
|
disabled: this.currentIndex === this.bonusProgramGames.length - 1
|
|
244
|
-
}, onClick: this.next }, h("svg", { key: '
|
|
244
|
+
}, onClick: this.next }, h("svg", { key: '6daa1f94fd2c9d841ee612dec2c1bb07169331c6', xmlns: "http://www.w3.org/2000/svg", width: "6", height: "10", viewBox: "0 0 6 10", fill: "none" }, h("path", { key: 'de0f47067a04bffd49293cc1c6a4717feeedb424', d: "M1 1L5 5L1 9", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), h("div", { key: 'd4ff6bca4002d001eed86240b5f9a3e882573914', class: "ModalSliderDots" }, this.bonusProgramGames.map((_, i) => (h("span", { class: {
|
|
245
245
|
ModalSliderDot: true,
|
|
246
246
|
active: i === this.currentIndex
|
|
247
247
|
}, onClick: () => {
|
|
248
248
|
this.currentIndex = i;
|
|
249
249
|
this.setPositionByIndex();
|
|
250
|
-
} }))))))))))));
|
|
250
|
+
} })))))))))))));
|
|
251
251
|
}
|
|
252
252
|
static get watchers() { return {
|
|
253
253
|
"clientStyling": ["handleClientStylingChange"],
|
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { C as CasinoChallengesOverlay } from './casino-challenges-overlay-
|
|
1
|
+
export { C as CasinoChallengesOverlay } from './casino-challenges-overlay-89a5469f.js';
|
|
2
2
|
import './index-be60b13e.js';
|