@everymatrix/casino-engagement-suite-modal-container 1.76.6 → 1.76.8
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-engagement-suite-modal-container/casino-engagement-suite-modal-container.esm.js +1 -1
- package/dist/casino-engagement-suite-modal-container/casino-engagement-suite-modal_2.entry.js +1 -1
- package/dist/cjs/casino-engagement-suite-modal-container.cjs.js +1 -1
- package/dist/cjs/casino-engagement-suite-modal_2.cjs.entry.js +14 -7
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/casino-engagement-suite-modal-container/casino-engagement-suite-modal-container.js +9 -4
- package/dist/collection/utils/locale.utils.js +1 -1
- package/dist/esm/casino-engagement-suite-modal-container.js +1 -1
- package/dist/esm/casino-engagement-suite-modal_2.entry.js +14 -7
- package/dist/esm/loader.js +1 -1
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/casino-engagement-suite-modal-container/.stencil/packages/stencil/casino-engagement-suite-modal-container/stencil.config.d.ts +2 -0
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/casino-engagement-suite-modal-container/.stencil/packages/stencil/casino-engagement-suite-modal-container/stencil.config.dev.d.ts +2 -0
- package/dist/types/components/casino-engagement-suite-modal-container/casino-engagement-suite-modal-container.d.ts +1 -0
- package/dist/types/models/index.d.ts +1 -0
- package/package.json +1 -1
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-engagement-suite-modal-container/.stencil/packages/stencil/casino-engagement-suite-modal-container/stencil.config.d.ts +0 -2
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-engagement-suite-modal-container/.stencil/packages/stencil/casino-engagement-suite-modal-container/stencil.config.dev.d.ts +0 -2
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/casino-engagement-suite-modal-container/.stencil/libs/common/src/storybook/storybook-utils.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/casino-engagement-suite-modal-container/.stencil/packages/stencil/casino-engagement-suite-modal-container/storybook/main.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/casino-engagement-suite-modal-container/.stencil/packages/stencil/casino-engagement-suite-modal-container/storybook/preview.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/casino-engagement-suite-modal-container/.stencil/tools/plugins/index.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/casino-engagement-suite-modal-container/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/casino-engagement-suite-modal-container/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/casino-engagement-suite-modal-container/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
package/dist/casino-engagement-suite-modal-container/casino-engagement-suite-modal-container.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as n,b as e}from"./index-6912ff15.js";export{s as setNonce}from"./index-6912ff15.js";import{g as i}from"./app-globals-0f993ce5.js";(()=>{const e=import.meta.url,i={};return""!==e&&(i.resourcesUrl=new URL(".",e).href),n(i)})().then((async n=>(await i(),e([["casino-engagement-suite-modal_2",[[1,"casino-engagement-suite-modal-container",{clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],language:[1],isJoiningToChallenge:[1028,"is-joining-to-challenge"],device:[1],limitStylingAppends:[32],openModals:[32],rewardMessage:[32],rewardText:[32],hasError:[32],confirmationData:[32],winAmount:[32],noLWSpinLeft:[32]},[[16,"openModal","openModalHandler"],[16,"closeModal","closeModalHandler"]]],[1,"casino-engagement-suite-modal",{clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],isOpen:[4,"is-open"],isLoading:[1028,"is-loading"],header:[1],contentIcon:[1,"content-icon"],modalType:[1,"modal-type"],device:[1],showAnimation:[4,"show-animation"],limitStylingAppends:[32]}]]]],n))));
|
|
1
|
+
import{p as n,b as e}from"./index-6912ff15.js";export{s as setNonce}from"./index-6912ff15.js";import{g as i}from"./app-globals-0f993ce5.js";(()=>{const e=import.meta.url,i={};return""!==e&&(i.resourcesUrl=new URL(".",e).href),n(i)})().then((async n=>(await i(),e([["casino-engagement-suite-modal_2",[[1,"casino-engagement-suite-modal-container",{clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],language:[1],isJoiningToChallenge:[1028,"is-joining-to-challenge"],device:[1],limitStylingAppends:[32],openModals:[32],rewardMessage:[32],rewardText:[32],hasError:[32],confirmationData:[32],winAmount:[32],noLWSpinLeft:[32],assets:[32]},[[16,"openModal","openModalHandler"],[16,"closeModal","closeModalHandler"]]],[1,"casino-engagement-suite-modal",{clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],isOpen:[4,"is-open"],isLoading:[1028,"is-loading"],header:[1],contentIcon:[1,"content-icon"],modalType:[1,"modal-type"],assets:[1],device:[1],showAnimation:[4,"show-animation"],limitStylingAppends:[32]}]]]],n))));
|
package/dist/casino-engagement-suite-modal-container/casino-engagement-suite-modal_2.entry.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as o,g as i}from"./index-6912ff15.js";const a=class{constructor(o){e(this,o),this.closeModal=t(this,"closeModal",7),this.handleCloseClick=()=>{this.isLoading||this.closeModal.emit(this.modalType)},this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.host.prepend(e)},this.setClientStylingURL=()=>{let e=new URL(this.clientStylingUrl),t=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{t.innerHTML=e,setTimeout((()=>{this.host.prepend(t)}),1)})).catch((e=>{console.log("Error ",e)}))},this.clientStyling="",this.clientStylingUrl="",this.isOpen=void 0,this.isLoading=void 0,this.header=void 0,this.contentIcon=void 0,this.modalType=void 0,this.device="Mobile",this.showAnimation=!1,this.limitStylingAppends=!1}componentDidRender(){!this.limitStylingAppends&&this.host&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}render(){return o("div",{key:"570a2289e990efeae5cceac8bc2152cbb9bb5221",class:`ModalOverlay ${this.isOpen&&"Open"} ${this.device} ${this.showAnimation&&"ShowAnimation"}`},o("div",{key:"9d40898f29b5a539907a7e50f3fdee02636aced6",class:"ModalWinAnimation"}),o("div",{key:"724ffe5cd946b40aa12f99ac926a6c832c1633da",class:"ModalContent GradientBorder"},o("div",{key:"14bb1463ba0b5e9cdb545a81c13873a3e124f4c3",class:"IconCloseContainer"},o("button",{key:"1640c3c0881c65199a26f3f2217610189d626f91",class:"EngagementSuiteIconButton Close",onClick:this.handleCloseClick})),this.contentIcon?o("div",{class:"ModalIcon",style:{background:`url(${this.contentIcon}) no-repeat center, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%)`}}):null,o("div",{key:"c49ddc1152bb9c8af76ff11874816da8477ba821",class:"ModalHeader"},o("h1",{key:"08352f25028b0b08c2c1a77b91ea80cc968aa4e1"},this.header)),o("div",{key:"3420427d531aceb3861c1876394443ad664ff68b",class:"ModalBodyWrapper"},o("div",{key:"3e453586b727029f5fca9688b376d4b3e8298dbf",class:"ModalBody"},o("slot",{key:"0d82c3fa9b0faa9012005ccca85350313a684326",name:"body"})),o("div",{key:"9e7a078e4c912869f2e3573a533bb3cf82454a4c",class:"ModalFooter"},o("slot",{key:"df8e0568aeca79889cf8eb8f7fb33caf685b092e",name:"footer"})))))}get host(){return i(this)}};a.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}.EngagementSuiteIconButton{width:24px;height:24px}.EngagementSuiteIconButton.Close{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg) no-repeat}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);justify-content:center;align-items:center;z-index:1}.ModalOverlay.Open{display:flex}.IconCloseContainer{width:100%;display:flex;justify-content:end}.ModalBodyWrapper{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.ModalBodyWrapper::-webkit-scrollbar{width:3px;background:none}.ModalBodyWrapper::-webkit-scrollbar-thumb{border-radius:var(--emw--border-radius-small, 4px);background-color:var(--emw--color-gray-transparency-30, rgba(255, 255, 255, 0.3))}.ModalContent{display:flex;flex-direction:column;align-items:center;font-family:var(--emw--font-family-secondary, "Montserrat", sans-serif);position:relative;color:var(--emw--color-typography, #FFFFFF);background-color:var(--emw--color-background, #1E1638);padding:24px;border-radius:var(--emw--border-radius-large, 8px);width:450px;max-width:100%;text-align:center;max-height:90dvh}.GradientBorder::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--emw--border-radius-large, 9px);background:linear-gradient(143.2deg, #FF9401 -0.41%, #FFD32D 45.61%, #FF9401 82.77%);z-index:-1}.ModalHeader h1{font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-large-plus, 24px);padding:0 16px;margin-bottom:16px}.ModalIcon{width:44px;height:44px;border-radius:50%;background-size:cover;margin:12px 0}.ModalBody{font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-normal, 400);color:var(--emw--color-secondary, #BBB9C3);padding:0 16px}.ModalFooter{margin-top:40px;margin-bottom:28px;padding:0 16px;width:100%}@keyframes rotate{100%{transform:rotate(1turn)}}.ModalOverlay .ModalWinAnimation{display:none}.ModalOverlay.ShowAnimation .ModalWinAnimation{display:block;position:absolute;width:100%;height:100%;inset:0;background:center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/light.svg) no-repeat, center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/win.svg) no-repeat;animation:6s rotate linear infinite}.ModalOverlay.Mobile .EngagementSuiteIconButton{width:16px;height:16px}.ModalOverlay.Mobile .ModalBody{font-size:var(--emw--font-size-small, 14px)}.ModalOverlay.Mobile .ModalContent{width:318px;padding:12px}.ModalOverlay.Mobile .ModalHeader h1{font-size:var(--emw--font-size-large, 20px);padding:0 60px}.ModalOverlay.Mobile.ShowAnimation .ModalWinAnimation{background-size:400px}';const n=["en"],s={en:{joinHeader:"Choose another mission?",desc:"Any progress on the current mission will be kept and you can rejoin the mission at any time.",joinQuestion:"Would you still like to join another mission?",joinConfirm:"Yes, join another mission",joinReject:"No, stay at this mission",unJoinHeader:"Quit Mission?",unJoinQuestion:"Would you still like to quit the mission?",unJoinConfirm:"Yes, I want to quit this mission",unJoinReject:"No, stay at this mission",join:"Unjoin",unJoin:"Unjoin",continue:"Continue",okContinue:"Ok, continue",won:"You won",supportInfo:"However, some rewards cannot be issued. Please, contact support.",noReward:"Reward cannot be issued",contactSupport:"Please contact support.",noMissions:"No Missions yet",tryOtherGames:"Try winning Missions as rewards or launching other booster games",tooltip:"Mission where your real money bets contribute towards the level progress to achieve the level reward",jackpotWin:"Total Jackpot Win!",jackpotWinInfo:"Please refresh game page or place any bet to update game balance",seeYouLater:"See you later",noSpinsLeft:"You used all spins here",spinAgain:"Spin again",noPrizeMessage:"You didn't win this time, try again!",noPrizeTitle:"Oh, Sorry",close:"Close"}},r=(e,t)=>{const o=t;return s[void 0!==o&&n.includes(o)?o:"en"][e]},d=class{constructor(o){e(this,o),this.closeModal=t(this,"closeModal",7),this.handleCloseClick=e=>{const t=e.currentTarget.getAttribute("data-type");this.closeModal.emit(t)},this.handleChallengeAttendance=()=>{window.postMessage({type:"ChallengeJoinRequest",data:this.confirmationData})},this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.host.prepend(e)},this.setClientStylingURL=()=>{let e=new URL(this.clientStylingUrl),t=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{t.innerHTML=e,setTimeout((()=>{this.host.prepend(t)}),1)})).catch((e=>{console.log("Error ",e)}))},this.isModalOpen=e=>Boolean(this.openModals.find((t=>t===e))),this.clientStyling="",this.clientStylingUrl="",this.language="en",this.isJoiningToChallenge=void 0,this.device="Mobile",this.limitStylingAppends=!1,this.openModals=[],this.rewardMessage="",this.rewardText="",this.hasError=!1,this.confirmationData=null,this.winAmount={amount:0,currency:""},this.noLWSpinLeft=!1}openModalHandler(e){const{modalType:t,rewardMessage:o,hasError:i,confirmationData:a,winAmount:n,rewardText:s,noSpinLeft:r}=e.detail;n&&(this.winAmount=this.isModalOpen("JACKPOT_REWARD_MODAL")?{amount:this.winAmount.amount+n.amount,currency:n.currency}:n),this.openModals=[...this.openModals,t],this.rewardMessage=o,this.rewardText=s,this.hasError=i,this.noLWSpinLeft=r,a&&(this.confirmationData=a)}closeModalHandler(e){this.openModals=this.openModals.filter((t=>t!==e.detail))}componentDidRender(){!this.limitStylingAppends&&this.host&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}render(){const{ProgressToActivate:e}=this.confirmationData||{};return o("div",{key:"ebf49362ce762e0fff763711ef9b1b2cc4992c0c",class:`ModalContainer ${this.device}`},o("casino-engagement-suite-modal",{key:"b927e1b8aec5a21cbcd89c12aba957bf82019f60",clientStylingUrl:this.clientStylingUrl,isOpen:this.isModalOpen("NO_SPIN_LEFT_MODAL"),header:r("noSpinsLeft",this.language),contentIcon:"https://static.everymatrix.com/gic/img/engagement-suite/cup-reward.svg",modalType:"NO_SPIN_LEFT_MODAL","show-animation":!1,device:this.device},o("div",{key:"11c23e50842e220f052689c18ee3c0a986b25672",slot:"body"},o("div",{key:"9087f0e04a68ec016e80b793f442ab02fd4316a9"},r("seeYouLater",this.language))),o("div",{key:"afca1272d406fbb1e2ec30a81ff7c2ff0426d625",slot:"footer"},o("button",{key:"77821c18af605d387709bae1bf60ec72a97fa64b",class:"ModalFooterButton",onClick:this.handleCloseClick,"data-type":"NO_SPIN_LEFT_MODAL"},"OK"))),o("casino-engagement-suite-modal",{key:"1f48c492e8a43e79106d689e65c80832825aa8ec",clientStylingUrl:this.clientStylingUrl,isOpen:this.isModalOpen("REWARD_MODAL"),header:"Congratulations!",contentIcon:"https://static.everymatrix.com/gic/img/engagement-suite/cup-reward.svg",modalType:"REWARD_MODAL","show-animation":!0,device:this.device},o("div",{key:"5fc452cf23a48d79cfdc2a3014193ececd54dd5f",slot:"body"},o("div",{key:"30164a145e87238b7ebcb2225a8fa344c2429abf"},!this.rewardText&&r("won",this.language)," ",o("span",{key:"7fb02764e56f5a4fbbaad3b6a08e00e903bde8d2",class:"ModalReward"},this.rewardText||this.rewardMessage)),this.hasError&&o("div",{key:"e4487cefae3e005c8cf343a2d9902f7450ab3da6",class:"SupportInfo"},r("supportInfo",this.language))),o("div",{key:"597c3f7116a3eab21a75ef1bf9ee7b2ecd0d80be",slot:"footer"},o("button",{key:"cd2e1a14e42b3db9c9128330863f1afb54b516c3",class:"ModalFooterButton",onClick:this.handleCloseClick,"data-type":"REWARD_MODAL"},r(this.noLWSpinLeft?"close":"continue",this.language)),this.noLWSpinLeft&&o("div",{key:"956dbfc0fa4ea232fbf5e7d79ed91b0e7c8dc4dd",class:"NoSpinsLeft"},r("noSpinsLeft",this.language)))),o("casino-engagement-suite-modal",{key:"bf02bf48258a2c1e3e0509a3b9a7809681301605",clientStylingUrl:this.clientStylingUrl,isOpen:this.isModalOpen("JACKPOT_REWARD_MODAL"),header:"Congratulations!",contentIcon:"https://static.everymatrix.com/gic/img/engagement-suite/cup-reward.svg","show-animation":!0,modalType:"JACKPOT_REWARD_MODAL",device:this.device},o("div",{key:"c1a0e40f6d5d0fc63c27d9de0562ad1ea9f573b7",slot:"body"},o("div",{key:"d81930ea801666b18e593987769f7506b69ce28e",class:"JackpotWinText"},r("jackpotWin",this.language)),o("div",{key:"9df2df3535f1571f3f868df679cd7655c85357ec",class:"JackpotWinAmount"},(t=this.winAmount.amount,`${this.winAmount.currency} ${new Intl.NumberFormat("en",{minimumFractionDigits:2,maximumFractionDigits:2}).format(t)}`))),o("div",{key:"a88a92ce652ffd3bd04c25ec1b28a5a894504d79",slot:"footer"},o("button",{key:"3fd9e4ca914b0fd09169aad65eedbf81775420ac",class:"ModalFooterButton",onClick:this.handleCloseClick,"data-type":"JACKPOT_REWARD_MODAL"},r("continue",this.language)),o("div",{key:"19414ed17cb91b972969b53f030751b4f9b79b85",class:"JackpotWinInfoText"},r("jackpotWinInfo",this.language)))),o("casino-engagement-suite-modal",{key:"1e50c2218337efcf870d90b97af17ca1c483ff5a",clientStylingUrl:this.clientStylingUrl,isOpen:this.isModalOpen("TARGET_MODAL"),header:r(e?"joinHeader":"unJoinHeader",this.language),modalType:"TARGET_MODAL",device:this.device,isLoading:this.isJoiningToChallenge},o("div",{key:"08a8800c2cbaca6fe87be3ff7fed0bef3fa48696",slot:"body"},o("div",{key:"7a220850a9264de395a4c65a3c373df5df88ba25",class:"LeftAlign"},r("desc",this.language)),o("div",{key:"8b03bd8e384b6c425aed7df241493d14e4424acb",class:"LeftAlignQuestion"},r(e?"joinQuestion":"unJoinQuestion",this.language))),o("div",{key:"449924a612056b9f1b3bd7fe2830c9124e73c1f6",slot:"footer",class:"ManyActions"},o("button",{key:"dd7d7d9aec82da6384ff073dc7fd026e1c85b5e1",class:"ModalFooterButton "+(this.isJoiningToChallenge?"Disabled":""),onClick:this.handleChallengeAttendance},r(e?"joinConfirm":"unJoinConfirm",this.language)),o("button",{key:"aefc350381937af1916b469b47792e3c536afcf8",class:"ModalFooterButtonOutlined "+(this.isJoiningToChallenge?"Disabled":""),onClick:this.handleCloseClick,"data-type":"TARGET_MODAL"},o("div",{key:"8c239e80c098c77ffea25c91824cfdee376f212e",class:"GradientText"},r(e?"joinReject":"unJoinReject",this.language))))),o("casino-engagement-suite-modal",{key:"fb669e53bc8ece5f2ae42efdccaba2fc1df796f1",clientStylingUrl:this.clientStylingUrl,isOpen:this.isModalOpen("SUPPORT_MODAL"),header:r("noReward",this.language),contentIcon:"https://static.everymatrix.com/gic/img/engagement-suite/alert.svg",modalType:"SUPPORT_MODAL",device:this.device},o("div",{key:"f1ff70cb7c157360caa22ee3b634c867ce96f97d",slot:"body"},o("span",{key:"74ae3f82026a01fb9b3cb7ff2f15d54aae938b25"},r("contactSupport",this.language))),o("div",{key:"0d6b26a20ce0d86537600e7ef5b7beb5fe4b4fdd",slot:"footer"},o("button",{key:"aa274f4cf9d9f762c0187d48ea4897b67f9efe2b",class:"ModalFooterButton",onClick:this.handleCloseClick,"data-type":"SUPPORT_MODAL"},r(this.noLWSpinLeft?"close":"okContinue",this.language)),this.noLWSpinLeft&&o("div",{key:"4905ad5bd600fd6b301fa64daa0d7425aa964f21",class:"NoSpinsLeft"},r("noSpinsLeft",this.language)))),o("casino-engagement-suite-modal",{key:"19b43f503355e12879069e2357e94bf21fa7100c",clientStylingUrl:this.clientStylingUrl,isOpen:this.isModalOpen("NO_PRIZE_MODAL"),header:r("noPrizeTitle",this.language),contentIcon:"https://static.everymatrix.com/gic/img/engagement-suite/alert.svg",modalType:"NO_PRIZE_MODAL",device:this.device},o("div",{key:"184ebccafeb29d9e4c5c72798e58aca915c5d90e",slot:"body"},o("span",{key:"6d6c17499c69a885a5c51b44a2ca8cab52920bb1"},r("noPrizeMessage",this.language))),o("div",{key:"9ed04ac3a061d3c70a56d6c91d3eae0c4464cd06",slot:"footer"},o("button",{key:"7b07fe6b5f07089aa75338850eac06491f5c3290",class:"ModalFooterButton",onClick:this.handleCloseClick,"data-type":"NO_PRIZE_MODAL"},r("spinAgain",this.language)))));var t}get host(){return i(this)}};d.style=':host{display:block;font-family:inherit}.ModalFooterButton,.ModalFooterButtonOutlined{transition:all 0.5s ease-out;background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));color:var(--emw--color-background, #1E1638);border-radius:99px;min-width:160px;height:36px;font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-bold, 700);position:relative;font-family:var(--emw--font-family-secondary, "Montserrat", sans-serif);padding:0 12px;box-sizing:border-box;margin:auto;border:none;cursor:pointer}.ModalFooterButtonOutlined{background:linear-gradient(var(--emw--color-background, #1E1638) 0 0) padding-box, var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%)) border-box;border:2px solid transparent}.GradientText{background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));color:transparent;background-clip:text}.ManyActions{display:flex;width:100%;flex-direction:column;align-items:stretch}.ManyActions .ModalFooterButton,.ManyActions .ModalFooterButtonOutlined{width:280px}.ManyActions button:first-child{margin-bottom:16px}.Disabled{opacity:0.5;pointer-events:none;cursor:auto}.ModalReward{font-weight:var(--emw--font-weight-semibold, 600);color:var(--emw--color-typography, #FFFFFF);word-break:break-word}.JackpotWinText{margin:0;font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-medium, 16px);line-height:20px;color:var(--emw--color-typography, #FFF)}.JackpotWinAmount{margin-top:8px;background:var(--emw--linear-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:var(--emw--font-weight-black, 900);font-size:var(--emw--font-size-medium, 16px);line-height:16px}.JackpotWinInfoText{padding:0 50px;margin-top:20px;font-size:var(--emw--font-size-small, 14px);line-height:16px;color:var(--emw--color-secondary, #BBB9C3)}.SupportInfo{margin-top:20px}.ModalContainer.Mobile .ModalFooterButton,.ModalContainer.Mobile .ModalFooterButtonOutlined{font-size:var(--emw--font-size-small, 14px);min-width:140px;height:32px}.ModalContainer.Mobile .ManyActions .ModalFooterButton,.ModalContainer.Mobile .ManyActions .ModalFooterButtonOutlined{width:100%;height:32px}.ModalContainer.Mobile .ManyActions button:first-child{margin-bottom:8px}.ModalContainer.Mobile .JackpotWinText{font-size:var(--emw--font-size-small, 14px);line-height:16px}.ModalContainer.Mobile .JackpotWinAmount{font-size:var(--emw--font-size-small, 14px);line-height:14px}.ModalContainer.Mobile .JackpotWinInfoText{padding:0;margin-top:20px;font-size:var(--emw--font-size-small, 14px);line-height:16px;color:var(--emw--color-secondary, #BBB9C3)}.LeftAlign,.LeftAlignQuestion{text-align:left;line-height:1.2}.LeftAlignQuestion{margin-top:20px}.NoSpinsLeft{color:var(--emw--color-secondary, #BBB9C3);margin-top:20px}';export{a as casino_engagement_suite_modal,d as casino_engagement_suite_modal_container}
|
|
1
|
+
import{r as e,c as t,h as o,g as i}from"./index-6912ff15.js";const a=class{constructor(o){e(this,o),this.closeModal=t(this,"closeModal",7),this.handleCloseClick=()=>{this.isLoading||this.closeModal.emit(this.modalType)},this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.host.prepend(e)},this.setClientStylingURL=()=>{let e=new URL(this.clientStylingUrl),t=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{t.innerHTML=e,setTimeout((()=>{this.host.prepend(t)}),1)})).catch((e=>{console.log("Error ",e)}))},this.clientStyling="",this.clientStylingUrl="",this.isOpen=void 0,this.isLoading=void 0,this.header=void 0,this.contentIcon=void 0,this.modalType=void 0,this.assets=void 0,this.device="Mobile",this.showAnimation=!1,this.limitStylingAppends=!1}componentDidRender(){!this.limitStylingAppends&&this.host&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}render(){return o("div",{key:"27c64eb08e60bdc0525d1bfa800f7d3257d8e377",class:`ModalOverlay ${this.isOpen&&"Open"} ${this.device} ${this.showAnimation&&"ShowAnimation"}`},o("div",{key:"75080d22dbe97360c91356da2a4fa73dd1ded948",class:"ModalWinAnimation"}),o("div",{key:"e25510992fa764b9d0976566df40c8aa04aca38a",class:"ModalContent GradientBorder"},o("div",{key:"9d5f1d11afc7522857d49fd9dedb704b216c4a1e",class:"IconCloseContainer"},o("button",{key:"5edea8aafd0fbc7104e7093f2a9f12568187fa05",class:"EngagementSuiteIconButton Close",onClick:this.handleCloseClick})),this.assets?o("div",{class:"ModalAssets",style:{background:`url(${this.assets}) no-repeat center / cover`}}):this.contentIcon?o("div",{class:"ModalIcon",style:{background:`url(${this.contentIcon}) no-repeat center, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%)`}}):null,o("div",{key:"c787b35b593d94258072420ff4a47e0433369b21",class:"ModalHeader"},o("h1",{key:"3e162d602050e9d3e1c3a97234549bc971370a23"},this.header)),o("div",{key:"35784436dc1b5d8342730959d69bc8e08910aeb7",class:"ModalBodyWrapper"},o("div",{key:"500831b113cde82958ae1971d8710c6f0e2a45ff",class:"ModalBody"},o("slot",{key:"b47a0252f9fe4fa01bea07a69e3d6b7cc02f575c",name:"body"})),o("div",{key:"d10041375451213d55c7be600b237a802cbe56f5",class:"ModalFooter"},o("slot",{key:"db205227b152ead571e2029f66ba3d381337457a",name:"footer"})))))}get host(){return i(this)}};a.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}.EngagementSuiteIconButton{width:24px;height:24px}.EngagementSuiteIconButton.Close{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg) no-repeat}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);justify-content:center;align-items:center;z-index:1}.ModalOverlay.Open{display:flex}.IconCloseContainer{width:100%;display:flex;justify-content:end}.ModalBodyWrapper{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.ModalBodyWrapper::-webkit-scrollbar{width:3px;background:none}.ModalBodyWrapper::-webkit-scrollbar-thumb{border-radius:var(--emw--border-radius-small, 4px);background-color:var(--emw--color-gray-transparency-30, rgba(255, 255, 255, 0.3))}.ModalContent{display:flex;flex-direction:column;align-items:center;font-family:var(--emw--font-family-secondary, "Montserrat", sans-serif);position:relative;color:var(--emw--color-typography, #FFFFFF);background-color:var(--emw--color-background, #1E1638);padding:24px;border-radius:var(--emw--border-radius-large, 8px);width:450px;max-width:100%;text-align:center;max-height:90dvh}.GradientBorder::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--emw--border-radius-large, 9px);background:linear-gradient(143.2deg, #FF9401 -0.41%, #FFD32D 45.61%, #FF9401 82.77%);z-index:-1}.ModalHeader h1{font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-large-plus, 24px);padding:0 16px;margin-bottom:16px}.ModalIcon{width:44px;height:44px;border-radius:50%;background-size:cover;margin:12px 0}.ModalAssets{width:44px;height:44px;background-size:cover;margin:12px 0}.ModalBody{font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-normal, 400);color:var(--emw--color-secondary, #BBB9C3);padding:0 16px}.ModalFooter{margin-top:40px;margin-bottom:28px;padding:0 16px;width:100%}@keyframes rotate{100%{transform:rotate(1turn)}}.ModalOverlay .ModalWinAnimation{display:none}.ModalOverlay.ShowAnimation .ModalWinAnimation{display:block;position:absolute;width:100%;height:100%;inset:0;background:center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/light.svg) no-repeat, center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/win.svg) no-repeat;animation:6s rotate linear infinite}.ModalOverlay.Mobile .EngagementSuiteIconButton{width:16px;height:16px}.ModalOverlay.Mobile .ModalBody{font-size:var(--emw--font-size-small, 14px)}.ModalOverlay.Mobile .ModalContent{width:318px;padding:12px}.ModalOverlay.Mobile .ModalHeader h1{font-size:var(--emw--font-size-large, 20px);padding:0 60px}.ModalOverlay.Mobile.ShowAnimation .ModalWinAnimation{background-size:400px}';const n=["en"],s={en:{joinHeader:"Choose another mission?",desc:"Any progress on the current mission will be kept and you can rejoin the mission at any time.",joinQuestion:"Would you still like to join another mission?",joinConfirm:"Yes, join another mission",joinReject:"No, stay at this mission",unJoinHeader:"Quit Mission?",unJoinQuestion:"Would you still like to quit the mission?",unJoinConfirm:"Yes, I want to quit this mission",unJoinReject:"No, stay at this mission",join:"Unjoin",unJoin:"Unjoin",continue:"Continue",okContinue:"Ok, continue",won:"You won",supportInfo:"However, some rewards cannot be issued. Please, contact support.",noReward:"Reward cannot be issued",contactSupport:"Please contact support.",noMissions:"No Missions yet",tryOtherGames:"Try winning Missions as rewards or launching other booster games",tooltip:"Mission where your real money bets contribute towards the level progress to achieve the level reward",jackpotWin:"Total Jackpot Win!",jackpotWinInfo:"Please refresh game page or place any bet to update game balance",seeYouLater:"See you later",noSpinsLeft:"You've used all spins here",spinAgain:"Spin again",noPrizeMessage:"You didn't win this time, try again!",noPrizeTitle:"Oh, Sorry",close:"Close"}},d=(e,t)=>{const o=t;return s[void 0!==o&&n.includes(o)?o:"en"][e]},r="https://static.everymatrix.com/gic/img/engagement-suite/alert.svg",l="https://static.everymatrix.com/gic/img/engagement-suite/cup-reward.svg",c=class{constructor(o){e(this,o),this.closeModal=t(this,"closeModal",7),this.handleCloseClick=e=>{const t=e.currentTarget.getAttribute("data-type");this.closeModal.emit(t)},this.handleChallengeAttendance=()=>{window.postMessage({type:"ChallengeJoinRequest",data:this.confirmationData})},this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.host.prepend(e)},this.setClientStylingURL=()=>{let e=new URL(this.clientStylingUrl),t=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{t.innerHTML=e,setTimeout((()=>{this.host.prepend(t)}),1)})).catch((e=>{console.log("Error ",e)}))},this.isModalOpen=e=>Boolean(this.openModals.find((t=>t===e))),this.clientStyling="",this.clientStylingUrl="",this.language="en",this.isJoiningToChallenge=void 0,this.device="Mobile",this.limitStylingAppends=!1,this.openModals=[],this.rewardMessage="",this.rewardText="",this.hasError=!1,this.confirmationData=null,this.winAmount={amount:0,currency:""},this.noLWSpinLeft=!1,this.assets=void 0}openModalHandler(e){const{modalType:t,rewardMessage:o,hasError:i,confirmationData:a,winAmount:n,rewardText:s,noSpinLeft:d,assets:r}=e.detail;n&&(this.winAmount=this.isModalOpen("JACKPOT_REWARD_MODAL")?{amount:this.winAmount.amount+n.amount,currency:n.currency}:n),this.openModals=[...this.openModals,t],this.rewardMessage=o,this.rewardText=s,this.hasError=i,this.noLWSpinLeft=d,this.assets=r,a&&(this.confirmationData=a)}closeModalHandler(e){this.openModals=this.openModals.filter((t=>t!==e.detail))}componentDidRender(){!this.limitStylingAppends&&this.host&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}render(){const{ProgressToActivate:e}=this.confirmationData||{};return o("div",{key:"f6084274c1f53415a89aacca7cefc088b401e01a",class:`ModalContainer ${this.device}`},o("casino-engagement-suite-modal",{key:"16e8e1db4bc6916197723aeec9d86edce5142fa4",clientStylingUrl:this.clientStylingUrl,isOpen:this.isModalOpen("NO_SPIN_LEFT_MODAL"),header:d("noSpinsLeft",this.language),contentIcon:l,assets:this.assets,modalType:"NO_SPIN_LEFT_MODAL","show-animation":!1,device:this.device},o("div",{key:"666d74509a18ecf7250f594b65ed50d894e8bc69",slot:"body"},o("div",{key:"dae32188cb62d48681159a7f1953e8e24ad45a15"},d("seeYouLater",this.language))),o("div",{key:"57eae0585f9bbcaa0c3168b967db7d2197c69377",slot:"footer"},o("button",{key:"f4ffef3e030620dc2eacfc0315ad1ef87c648723",class:"ModalFooterButton",onClick:this.handleCloseClick,"data-type":"NO_SPIN_LEFT_MODAL"},"OK"))),o("casino-engagement-suite-modal",{key:"3ab936accd2c6f7f4a47f506750527dba251b54b",clientStylingUrl:this.clientStylingUrl,isOpen:this.isModalOpen("REWARD_MODAL"),header:"Congratulations!",contentIcon:l,assets:this.assets,modalType:"REWARD_MODAL","show-animation":!0,device:this.device},o("div",{key:"e8f31b5b1fa7b3cdbede19d2332c5aca912d6e17",slot:"body"},o("div",{key:"fa5a265da89b3d306c910bc74a65637fc775ebad"},!this.rewardText&&d("won",this.language)," ",o("span",{key:"d95f375d21a90564b9d8c5e328c7c6d19d164571",class:"ModalReward"},this.rewardText||this.rewardMessage)),this.hasError&&o("div",{key:"d5c9f2f8e3fe91bd2a6593c1796b2e60b69d6200",class:"SupportInfo"},d("supportInfo",this.language))),o("div",{key:"a0b6d0d65298de17b3aa588db7154eab048482f4",slot:"footer"},o("button",{key:"f518cc3fefa88c5090d84f198b7ff3913c11faf1",class:"ModalFooterButton",onClick:this.handleCloseClick,"data-type":"REWARD_MODAL"},d(this.noLWSpinLeft?"close":"continue",this.language)),this.noLWSpinLeft&&o("div",{key:"2a76bdd63efcba8c4c447586f390316ad4197ad6",class:"NoSpinsLeft"},d("noSpinsLeft",this.language)))),o("casino-engagement-suite-modal",{key:"250f50a7f9f8ee816c5855a0dd3fcf5a54a9eaca",clientStylingUrl:this.clientStylingUrl,isOpen:this.isModalOpen("JACKPOT_REWARD_MODAL"),header:"Congratulations!",contentIcon:l,"show-animation":!0,modalType:"JACKPOT_REWARD_MODAL",device:this.device},o("div",{key:"9ed16e8dd8c074525b09e60058f6d4e1f347337f",slot:"body"},o("div",{key:"4a62303a24951e6bbea43ca53195e639c916adca",class:"JackpotWinText"},d("jackpotWin",this.language)),o("div",{key:"6e338e3781e014066691609a2ff0055c63eb6c2b",class:"JackpotWinAmount"},(t=this.winAmount.amount,`${this.winAmount.currency} ${new Intl.NumberFormat("en",{minimumFractionDigits:2,maximumFractionDigits:2}).format(t)}`))),o("div",{key:"dd252ee2f9d4a55a9a148b71aaef0f4319b3664d",slot:"footer"},o("button",{key:"b547c0d0264fda93698a2dd6927908103e5bdf39",class:"ModalFooterButton",onClick:this.handleCloseClick,"data-type":"JACKPOT_REWARD_MODAL"},d("continue",this.language)),o("div",{key:"771804d487d49347ee30c1f158e3f6b3b9962b59",class:"JackpotWinInfoText"},d("jackpotWinInfo",this.language)))),o("casino-engagement-suite-modal",{key:"ea0428fe8f377e427bd9ebe7ed1ed33bbbbc47d2",clientStylingUrl:this.clientStylingUrl,isOpen:this.isModalOpen("TARGET_MODAL"),header:d(e?"joinHeader":"unJoinHeader",this.language),modalType:"TARGET_MODAL",device:this.device,isLoading:this.isJoiningToChallenge},o("div",{key:"190bf7531bae3de373e7c04233bfd31bb007d22a",slot:"body"},o("div",{key:"2437aec4f2393e2ddc934f0ed927a2b7043a1e88",class:"LeftAlign"},d("desc",this.language)),o("div",{key:"eca39946bc741a4e56d09f9640822b0c51a17d79",class:"LeftAlignQuestion"},d(e?"joinQuestion":"unJoinQuestion",this.language))),o("div",{key:"81107a7b57a5c6dd573128090c1145171c4d7131",slot:"footer",class:"ManyActions"},o("button",{key:"c3e256cb8334e9386c572bd037c78678f7b922f4",class:"ModalFooterButton "+(this.isJoiningToChallenge?"Disabled":""),onClick:this.handleChallengeAttendance},d(e?"joinConfirm":"unJoinConfirm",this.language)),o("button",{key:"29de3f6da68fd1ec8258856480bf89e3d286309f",class:"ModalFooterButtonOutlined "+(this.isJoiningToChallenge?"Disabled":""),onClick:this.handleCloseClick,"data-type":"TARGET_MODAL"},o("div",{key:"f01704e080896e65c86ec67e3f14945fcbd2b016",class:"GradientText"},d(e?"joinReject":"unJoinReject",this.language))))),o("casino-engagement-suite-modal",{key:"a5708ff6eb5ef898adf17b8869c687b816b0ace3",clientStylingUrl:this.clientStylingUrl,isOpen:this.isModalOpen("SUPPORT_MODAL"),header:d("noReward",this.language),contentIcon:r,modalType:"SUPPORT_MODAL",device:this.device},o("div",{key:"aa5ee73704966ee4ec44de3c287b4520f5c0f45b",slot:"body"},o("span",{key:"05783ef120dd1a61737540a4a6121ee20886ff63"},d("contactSupport",this.language))),o("div",{key:"3fc1e0534e3acd0c599fe7317fda89d51b841555",slot:"footer"},o("button",{key:"85db69d240d1999e2b6f002688cda0c0be957e9f",class:"ModalFooterButton",onClick:this.handleCloseClick,"data-type":"SUPPORT_MODAL"},d(this.noLWSpinLeft?"close":"okContinue",this.language)),this.noLWSpinLeft&&o("div",{key:"fc864b315cb1f3f9829287a679125eb036a11c70",class:"NoSpinsLeft"},d("noSpinsLeft",this.language)))),o("casino-engagement-suite-modal",{key:"60f4f5237d24548da75067b8ab3f98308725947e",clientStylingUrl:this.clientStylingUrl,isOpen:this.isModalOpen("NO_PRIZE_MODAL"),header:d("noPrizeTitle",this.language),contentIcon:r,modalType:"NO_PRIZE_MODAL",device:this.device},o("div",{key:"91803a59daf6758a216501a09b6606f841eff290",slot:"body"},o("span",{key:"d5e268a168659c62bb0560d185481d62ad6c8ec3"},d("noPrizeMessage",this.language))),o("div",{key:"a77a1128e6f746e7f889666659d69b6fc80b78ca",slot:"footer"},o("button",{key:"17232068e5ecdd25567dbdc0a3c95406049a43b5",class:"ModalFooterButton",onClick:this.handleCloseClick,"data-type":"NO_PRIZE_MODAL"},d("spinAgain",this.language)))));var t}get host(){return i(this)}};c.style=':host{display:block;font-family:inherit}.ModalFooterButton,.ModalFooterButtonOutlined{transition:all 0.5s ease-out;background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));color:var(--emw--color-background, #1E1638);border-radius:99px;min-width:160px;height:36px;font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-bold, 700);position:relative;font-family:var(--emw--font-family-secondary, "Montserrat", sans-serif);padding:0 12px;box-sizing:border-box;margin:auto;border:none;cursor:pointer}.ModalFooterButtonOutlined{background:linear-gradient(var(--emw--color-background, #1E1638) 0 0) padding-box, var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%)) border-box;border:2px solid transparent}.GradientText{background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));color:transparent;background-clip:text}.ManyActions{display:flex;width:100%;flex-direction:column;align-items:stretch}.ManyActions .ModalFooterButton,.ManyActions .ModalFooterButtonOutlined{width:280px}.ManyActions button:first-child{margin-bottom:16px}.Disabled{opacity:0.5;pointer-events:none;cursor:auto}.ModalReward{font-weight:var(--emw--font-weight-semibold, 600);color:var(--emw--color-typography, #FFFFFF);word-break:break-word}.JackpotWinText{margin:0;font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-medium, 16px);line-height:20px;color:var(--emw--color-typography, #FFF)}.JackpotWinAmount{margin-top:8px;background:var(--emw--linear-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:var(--emw--font-weight-black, 900);font-size:var(--emw--font-size-medium, 16px);line-height:16px}.JackpotWinInfoText{padding:0 50px;margin-top:20px;font-size:var(--emw--font-size-small, 14px);line-height:16px;color:var(--emw--color-secondary, #BBB9C3)}.SupportInfo{margin-top:20px}.ModalContainer.Mobile .ModalFooterButton,.ModalContainer.Mobile .ModalFooterButtonOutlined{font-size:var(--emw--font-size-small, 14px);min-width:140px;height:32px}.ModalContainer.Mobile .ManyActions .ModalFooterButton,.ModalContainer.Mobile .ManyActions .ModalFooterButtonOutlined{width:100%;height:32px}.ModalContainer.Mobile .ManyActions button:first-child{margin-bottom:8px}.ModalContainer.Mobile .JackpotWinText{font-size:var(--emw--font-size-small, 14px);line-height:16px}.ModalContainer.Mobile .JackpotWinAmount{font-size:var(--emw--font-size-small, 14px);line-height:14px}.ModalContainer.Mobile .JackpotWinInfoText{padding:0;margin-top:20px;font-size:var(--emw--font-size-small, 14px);line-height:16px;color:var(--emw--color-secondary, #BBB9C3)}.LeftAlign,.LeftAlignQuestion{text-align:left;line-height:1.2}.LeftAlignQuestion{margin-top:20px}.NoSpinsLeft{color:var(--emw--color-secondary, #BBB9C3);margin-top:20px}';export{a as casino_engagement_suite_modal,c as casino_engagement_suite_modal_container}
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy([["casino-engagement-suite-modal_2.cjs",[[1,"casino-engagement-suite-modal-container",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[1],"isJoiningToChallenge":[1028,"is-joining-to-challenge"],"device":[1],"limitStylingAppends":[32],"openModals":[32],"rewardMessage":[32],"rewardText":[32],"hasError":[32],"confirmationData":[32],"winAmount":[32],"noLWSpinLeft":[32]},[[16,"openModal","openModalHandler"],[16,"closeModal","closeModalHandler"]]],[1,"casino-engagement-suite-modal",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[4,"is-open"],"isLoading":[1028,"is-loading"],"header":[1],"contentIcon":[1,"content-icon"],"modalType":[1,"modal-type"],"device":[1],"showAnimation":[4,"show-animation"],"limitStylingAppends":[32]}]]]], options);
|
|
22
|
+
return index.bootstrapLazy([["casino-engagement-suite-modal_2.cjs",[[1,"casino-engagement-suite-modal-container",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[1],"isJoiningToChallenge":[1028,"is-joining-to-challenge"],"device":[1],"limitStylingAppends":[32],"openModals":[32],"rewardMessage":[32],"rewardText":[32],"hasError":[32],"confirmationData":[32],"winAmount":[32],"noLWSpinLeft":[32],"assets":[32]},[[16,"openModal","openModalHandler"],[16,"closeModal","closeModalHandler"]]],[1,"casino-engagement-suite-modal",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[4,"is-open"],"isLoading":[1028,"is-loading"],"header":[1],"contentIcon":[1,"content-icon"],"modalType":[1,"modal-type"],"assets":[1],"device":[1],"showAnimation":[4,"show-animation"],"limitStylingAppends":[32]}]]]], options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-38c612e5.js');
|
|
6
6
|
|
|
7
|
-
const casinoEngagementSuiteModalCss = ":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}.EngagementSuiteIconButton{width:24px;height:24px}.EngagementSuiteIconButton.Close{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg) no-repeat}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);justify-content:center;align-items:center;z-index:1}.ModalOverlay.Open{display:flex}.IconCloseContainer{width:100%;display:flex;justify-content:end}.ModalBodyWrapper{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.ModalBodyWrapper::-webkit-scrollbar{width:3px;background:none}.ModalBodyWrapper::-webkit-scrollbar-thumb{border-radius:var(--emw--border-radius-small, 4px);background-color:var(--emw--color-gray-transparency-30, rgba(255, 255, 255, 0.3))}.ModalContent{display:flex;flex-direction:column;align-items:center;font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);position:relative;color:var(--emw--color-typography, #FFFFFF);background-color:var(--emw--color-background, #1E1638);padding:24px;border-radius:var(--emw--border-radius-large, 8px);width:450px;max-width:100%;text-align:center;max-height:90dvh}.GradientBorder::before{content:\"\";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--emw--border-radius-large, 9px);background:linear-gradient(143.2deg, #FF9401 -0.41%, #FFD32D 45.61%, #FF9401 82.77%);z-index:-1}.ModalHeader h1{font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-large-plus, 24px);padding:0 16px;margin-bottom:16px}.ModalIcon{width:44px;height:44px;border-radius:50%;background-size:cover;margin:12px 0}.ModalBody{font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-normal, 400);color:var(--emw--color-secondary, #BBB9C3);padding:0 16px}.ModalFooter{margin-top:40px;margin-bottom:28px;padding:0 16px;width:100%}@keyframes rotate{100%{transform:rotate(1turn)}}.ModalOverlay .ModalWinAnimation{display:none}.ModalOverlay.ShowAnimation .ModalWinAnimation{display:block;position:absolute;width:100%;height:100%;inset:0;background:center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/light.svg) no-repeat, center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/win.svg) no-repeat;animation:6s rotate linear infinite}.ModalOverlay.Mobile .EngagementSuiteIconButton{width:16px;height:16px}.ModalOverlay.Mobile .ModalBody{font-size:var(--emw--font-size-small, 14px)}.ModalOverlay.Mobile .ModalContent{width:318px;padding:12px}.ModalOverlay.Mobile .ModalHeader h1{font-size:var(--emw--font-size-large, 20px);padding:0 60px}.ModalOverlay.Mobile.ShowAnimation .ModalWinAnimation{background-size:400px}";
|
|
7
|
+
const casinoEngagementSuiteModalCss = ":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}.EngagementSuiteIconButton{width:24px;height:24px}.EngagementSuiteIconButton.Close{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg) no-repeat}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);justify-content:center;align-items:center;z-index:1}.ModalOverlay.Open{display:flex}.IconCloseContainer{width:100%;display:flex;justify-content:end}.ModalBodyWrapper{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.ModalBodyWrapper::-webkit-scrollbar{width:3px;background:none}.ModalBodyWrapper::-webkit-scrollbar-thumb{border-radius:var(--emw--border-radius-small, 4px);background-color:var(--emw--color-gray-transparency-30, rgba(255, 255, 255, 0.3))}.ModalContent{display:flex;flex-direction:column;align-items:center;font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);position:relative;color:var(--emw--color-typography, #FFFFFF);background-color:var(--emw--color-background, #1E1638);padding:24px;border-radius:var(--emw--border-radius-large, 8px);width:450px;max-width:100%;text-align:center;max-height:90dvh}.GradientBorder::before{content:\"\";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--emw--border-radius-large, 9px);background:linear-gradient(143.2deg, #FF9401 -0.41%, #FFD32D 45.61%, #FF9401 82.77%);z-index:-1}.ModalHeader h1{font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-large-plus, 24px);padding:0 16px;margin-bottom:16px}.ModalIcon{width:44px;height:44px;border-radius:50%;background-size:cover;margin:12px 0}.ModalAssets{width:44px;height:44px;background-size:cover;margin:12px 0}.ModalBody{font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-normal, 400);color:var(--emw--color-secondary, #BBB9C3);padding:0 16px}.ModalFooter{margin-top:40px;margin-bottom:28px;padding:0 16px;width:100%}@keyframes rotate{100%{transform:rotate(1turn)}}.ModalOverlay .ModalWinAnimation{display:none}.ModalOverlay.ShowAnimation .ModalWinAnimation{display:block;position:absolute;width:100%;height:100%;inset:0;background:center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/light.svg) no-repeat, center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/win.svg) no-repeat;animation:6s rotate linear infinite}.ModalOverlay.Mobile .EngagementSuiteIconButton{width:16px;height:16px}.ModalOverlay.Mobile .ModalBody{font-size:var(--emw--font-size-small, 14px)}.ModalOverlay.Mobile .ModalContent{width:318px;padding:12px}.ModalOverlay.Mobile .ModalHeader h1{font-size:var(--emw--font-size-large, 20px);padding:0 60px}.ModalOverlay.Mobile.ShowAnimation .ModalWinAnimation{background-size:400px}";
|
|
8
8
|
const CasinoEngagementSuiteModalStyle0 = casinoEngagementSuiteModalCss;
|
|
9
9
|
|
|
10
10
|
const CasinoEngagementSuiteModal = class {
|
|
@@ -41,6 +41,7 @@ const CasinoEngagementSuiteModal = class {
|
|
|
41
41
|
this.header = undefined;
|
|
42
42
|
this.contentIcon = undefined;
|
|
43
43
|
this.modalType = undefined;
|
|
44
|
+
this.assets = undefined;
|
|
44
45
|
this.device = 'Mobile';
|
|
45
46
|
this.showAnimation = false;
|
|
46
47
|
this.limitStylingAppends = false;
|
|
@@ -55,9 +56,11 @@ const CasinoEngagementSuiteModal = class {
|
|
|
55
56
|
}
|
|
56
57
|
}
|
|
57
58
|
render() {
|
|
58
|
-
return (index.h("div", { key: '
|
|
59
|
+
return (index.h("div", { key: '27c64eb08e60bdc0525d1bfa800f7d3257d8e377', class: `ModalOverlay ${this.isOpen && 'Open'} ${this.device} ${this.showAnimation && 'ShowAnimation'}` }, index.h("div", { key: '75080d22dbe97360c91356da2a4fa73dd1ded948', class: "ModalWinAnimation" }), index.h("div", { key: 'e25510992fa764b9d0976566df40c8aa04aca38a', class: "ModalContent GradientBorder" }, index.h("div", { key: '9d5f1d11afc7522857d49fd9dedb704b216c4a1e', class: 'IconCloseContainer' }, index.h("button", { key: '5edea8aafd0fbc7104e7093f2a9f12568187fa05', class: "EngagementSuiteIconButton Close", onClick: this.handleCloseClick })), this.assets ? (index.h("div", { class: "ModalAssets", style: {
|
|
60
|
+
background: `url(${this.assets}) no-repeat center / cover`
|
|
61
|
+
} })) : this.contentIcon ? (index.h("div", { class: "ModalIcon", style: {
|
|
59
62
|
background: `url(${this.contentIcon}) no-repeat center, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%)`
|
|
60
|
-
} })) : null, index.h("div", { key: '
|
|
63
|
+
} })) : null, index.h("div", { key: 'c787b35b593d94258072420ff4a47e0433369b21', class: "ModalHeader" }, index.h("h1", { key: '3e162d602050e9d3e1c3a97234549bc971370a23' }, this.header)), index.h("div", { key: '35784436dc1b5d8342730959d69bc8e08910aeb7', class: "ModalBodyWrapper" }, index.h("div", { key: '500831b113cde82958ae1971d8710c6f0e2a45ff', class: "ModalBody" }, index.h("slot", { key: 'b47a0252f9fe4fa01bea07a69e3d6b7cc02f575c', name: "body" })), index.h("div", { key: 'd10041375451213d55c7be600b237a802cbe56f5', class: "ModalFooter" }, index.h("slot", { key: 'db205227b152ead571e2029f66ba3d381337457a', name: "footer" }))))));
|
|
61
64
|
}
|
|
62
65
|
get host() { return index.getElement(this); }
|
|
63
66
|
};
|
|
@@ -90,7 +93,7 @@ const TRANSLATIONS = {
|
|
|
90
93
|
jackpotWin: 'Total Jackpot Win!',
|
|
91
94
|
jackpotWinInfo: 'Please refresh game page or place any bet to update game balance',
|
|
92
95
|
seeYouLater: 'See you later',
|
|
93
|
-
noSpinsLeft: '
|
|
96
|
+
noSpinsLeft: "You've used all spins here",
|
|
94
97
|
spinAgain: 'Spin again',
|
|
95
98
|
noPrizeMessage: "You didn't win this time, try again!",
|
|
96
99
|
noPrizeTitle: 'Oh, Sorry',
|
|
@@ -110,6 +113,8 @@ function formatBalance(amount, currency) {
|
|
|
110
113
|
const casinoEngagementSuiteModalContainerCss = ":host{display:block;font-family:inherit}.ModalFooterButton,.ModalFooterButtonOutlined{transition:all 0.5s ease-out;background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));color:var(--emw--color-background, #1E1638);border-radius:99px;min-width:160px;height:36px;font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-bold, 700);position:relative;font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);padding:0 12px;box-sizing:border-box;margin:auto;border:none;cursor:pointer}.ModalFooterButtonOutlined{background:linear-gradient(var(--emw--color-background, #1E1638) 0 0) padding-box, var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%)) border-box;border:2px solid transparent}.GradientText{background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));color:transparent;background-clip:text}.ManyActions{display:flex;width:100%;flex-direction:column;align-items:stretch}.ManyActions .ModalFooterButton,.ManyActions .ModalFooterButtonOutlined{width:280px}.ManyActions button:first-child{margin-bottom:16px}.Disabled{opacity:0.5;pointer-events:none;cursor:auto}.ModalReward{font-weight:var(--emw--font-weight-semibold, 600);color:var(--emw--color-typography, #FFFFFF);word-break:break-word}.JackpotWinText{margin:0;font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-medium, 16px);line-height:20px;color:var(--emw--color-typography, #FFF)}.JackpotWinAmount{margin-top:8px;background:var(--emw--linear-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:var(--emw--font-weight-black, 900);font-size:var(--emw--font-size-medium, 16px);line-height:16px}.JackpotWinInfoText{padding:0 50px;margin-top:20px;font-size:var(--emw--font-size-small, 14px);line-height:16px;color:var(--emw--color-secondary, #BBB9C3)}.SupportInfo{margin-top:20px}.ModalContainer.Mobile .ModalFooterButton,.ModalContainer.Mobile .ModalFooterButtonOutlined{font-size:var(--emw--font-size-small, 14px);min-width:140px;height:32px}.ModalContainer.Mobile .ManyActions .ModalFooterButton,.ModalContainer.Mobile .ManyActions .ModalFooterButtonOutlined{width:100%;height:32px}.ModalContainer.Mobile .ManyActions button:first-child{margin-bottom:8px}.ModalContainer.Mobile .JackpotWinText{font-size:var(--emw--font-size-small, 14px);line-height:16px}.ModalContainer.Mobile .JackpotWinAmount{font-size:var(--emw--font-size-small, 14px);line-height:14px}.ModalContainer.Mobile .JackpotWinInfoText{padding:0;margin-top:20px;font-size:var(--emw--font-size-small, 14px);line-height:16px;color:var(--emw--color-secondary, #BBB9C3)}.LeftAlign,.LeftAlignQuestion{text-align:left;line-height:1.2}.LeftAlignQuestion{margin-top:20px}.NoSpinsLeft{color:var(--emw--color-secondary, #BBB9C3);margin-top:20px}";
|
|
111
114
|
const CasinoEngagementSuiteModalContainerStyle0 = casinoEngagementSuiteModalContainerCss;
|
|
112
115
|
|
|
116
|
+
const alertIcon = 'https://static.everymatrix.com/gic/img/engagement-suite/alert.svg';
|
|
117
|
+
const rewardIcon = 'https://static.everymatrix.com/gic/img/engagement-suite/cup-reward.svg';
|
|
113
118
|
const CasinoEngagementSuiteModalContainer = class {
|
|
114
119
|
constructor(hostRef) {
|
|
115
120
|
index.registerInstance(this, hostRef);
|
|
@@ -160,9 +165,10 @@ const CasinoEngagementSuiteModalContainer = class {
|
|
|
160
165
|
this.confirmationData = null;
|
|
161
166
|
this.winAmount = { amount: 0, currency: '' };
|
|
162
167
|
this.noLWSpinLeft = false;
|
|
168
|
+
this.assets = undefined;
|
|
163
169
|
}
|
|
164
170
|
openModalHandler(event) {
|
|
165
|
-
const { modalType, rewardMessage, hasError, confirmationData, winAmount, rewardText, noSpinLeft } = event.detail;
|
|
171
|
+
const { modalType, rewardMessage, hasError, confirmationData, winAmount, rewardText, noSpinLeft, assets } = event.detail;
|
|
166
172
|
if (winAmount) {
|
|
167
173
|
// If jackpot win modal is already opened
|
|
168
174
|
// add won amount to the previous amount
|
|
@@ -178,6 +184,7 @@ const CasinoEngagementSuiteModalContainer = class {
|
|
|
178
184
|
this.rewardText = rewardText;
|
|
179
185
|
this.hasError = hasError;
|
|
180
186
|
this.noLWSpinLeft = noSpinLeft;
|
|
187
|
+
this.assets = assets;
|
|
181
188
|
if (confirmationData) {
|
|
182
189
|
this.confirmationData = confirmationData;
|
|
183
190
|
}
|
|
@@ -196,9 +203,9 @@ const CasinoEngagementSuiteModalContainer = class {
|
|
|
196
203
|
}
|
|
197
204
|
render() {
|
|
198
205
|
const { ProgressToActivate } = this.confirmationData || {};
|
|
199
|
-
return (index.h("div", { key: '
|
|
206
|
+
return (index.h("div", { key: 'f6084274c1f53415a89aacca7cefc088b401e01a', class: `ModalContainer ${this.device}` }, index.h("casino-engagement-suite-modal", { key: '16e8e1db4bc6916197723aeec9d86edce5142fa4', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('NO_SPIN_LEFT_MODAL'), header: translate('noSpinsLeft', this.language), contentIcon: rewardIcon, assets: this.assets, modalType: "NO_SPIN_LEFT_MODAL", "show-animation": false, device: this.device }, index.h("div", { key: '666d74509a18ecf7250f594b65ed50d894e8bc69', slot: "body" }, index.h("div", { key: 'dae32188cb62d48681159a7f1953e8e24ad45a15' }, translate('seeYouLater', this.language))), index.h("div", { key: '57eae0585f9bbcaa0c3168b967db7d2197c69377', slot: "footer" }, index.h("button", { key: 'f4ffef3e030620dc2eacfc0315ad1ef87c648723', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "NO_SPIN_LEFT_MODAL" }, "OK"))), index.h("casino-engagement-suite-modal", { key: '3ab936accd2c6f7f4a47f506750527dba251b54b', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('REWARD_MODAL'), header: "Congratulations!", contentIcon: rewardIcon, assets: this.assets, modalType: "REWARD_MODAL", "show-animation": true, device: this.device }, index.h("div", { key: 'e8f31b5b1fa7b3cdbede19d2332c5aca912d6e17', slot: "body" }, index.h("div", { key: 'fa5a265da89b3d306c910bc74a65637fc775ebad' }, !this.rewardText && translate('won', this.language), ' ', index.h("span", { key: 'd95f375d21a90564b9d8c5e328c7c6d19d164571', class: "ModalReward" }, this.rewardText || this.rewardMessage)), this.hasError && index.h("div", { key: 'd5c9f2f8e3fe91bd2a6593c1796b2e60b69d6200', class: "SupportInfo" }, translate('supportInfo', this.language))), index.h("div", { key: 'a0b6d0d65298de17b3aa588db7154eab048482f4', slot: "footer" }, index.h("button", { key: 'f518cc3fefa88c5090d84f198b7ff3913c11faf1', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "REWARD_MODAL" }, translate(this.noLWSpinLeft ? 'close' : 'continue', this.language)), this.noLWSpinLeft && index.h("div", { key: '2a76bdd63efcba8c4c447586f390316ad4197ad6', class: "NoSpinsLeft" }, translate('noSpinsLeft', this.language)))), index.h("casino-engagement-suite-modal", { key: '250f50a7f9f8ee816c5855a0dd3fcf5a54a9eaca', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('JACKPOT_REWARD_MODAL'), header: "Congratulations!", contentIcon: rewardIcon, "show-animation": true, modalType: "JACKPOT_REWARD_MODAL", device: this.device }, index.h("div", { key: '9ed16e8dd8c074525b09e60058f6d4e1f347337f', slot: "body" }, index.h("div", { key: '4a62303a24951e6bbea43ca53195e639c916adca', class: "JackpotWinText" }, translate('jackpotWin', this.language)), index.h("div", { key: '6e338e3781e014066691609a2ff0055c63eb6c2b', class: "JackpotWinAmount" }, formatBalance(this.winAmount.amount, this.winAmount.currency))), index.h("div", { key: 'dd252ee2f9d4a55a9a148b71aaef0f4319b3664d', slot: "footer" }, index.h("button", { key: 'b547c0d0264fda93698a2dd6927908103e5bdf39', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "JACKPOT_REWARD_MODAL" }, translate('continue', this.language)), index.h("div", { key: '771804d487d49347ee30c1f158e3f6b3b9962b59', class: "JackpotWinInfoText" }, translate('jackpotWinInfo', this.language)))), index.h("casino-engagement-suite-modal", { key: 'ea0428fe8f377e427bd9ebe7ed1ed33bbbbc47d2', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('TARGET_MODAL'), header: ProgressToActivate ? translate('joinHeader', this.language) : translate('unJoinHeader', this.language), modalType: "TARGET_MODAL", device: this.device, isLoading: this.isJoiningToChallenge }, index.h("div", { key: '190bf7531bae3de373e7c04233bfd31bb007d22a', slot: "body" }, index.h("div", { key: '2437aec4f2393e2ddc934f0ed927a2b7043a1e88', class: "LeftAlign" }, translate('desc', this.language)), index.h("div", { key: 'eca39946bc741a4e56d09f9640822b0c51a17d79', class: "LeftAlignQuestion" }, ProgressToActivate
|
|
200
207
|
? translate('joinQuestion', this.language)
|
|
201
|
-
: translate('unJoinQuestion', this.language))), index.h("div", { key: '
|
|
208
|
+
: translate('unJoinQuestion', this.language))), index.h("div", { key: '81107a7b57a5c6dd573128090c1145171c4d7131', slot: "footer", class: "ManyActions" }, index.h("button", { key: 'c3e256cb8334e9386c572bd037c78678f7b922f4', class: `ModalFooterButton ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleChallengeAttendance }, ProgressToActivate ? translate('joinConfirm', this.language) : translate('unJoinConfirm', this.language)), index.h("button", { key: '29de3f6da68fd1ec8258856480bf89e3d286309f', class: `ModalFooterButtonOutlined ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleCloseClick, "data-type": "TARGET_MODAL" }, index.h("div", { key: 'f01704e080896e65c86ec67e3f14945fcbd2b016', class: "GradientText" }, ProgressToActivate ? translate('joinReject', this.language) : translate('unJoinReject', this.language))))), index.h("casino-engagement-suite-modal", { key: 'a5708ff6eb5ef898adf17b8869c687b816b0ace3', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('SUPPORT_MODAL'), header: translate('noReward', this.language), contentIcon: alertIcon, modalType: "SUPPORT_MODAL", device: this.device }, index.h("div", { key: 'aa5ee73704966ee4ec44de3c287b4520f5c0f45b', slot: "body" }, index.h("span", { key: '05783ef120dd1a61737540a4a6121ee20886ff63' }, translate('contactSupport', this.language))), index.h("div", { key: '3fc1e0534e3acd0c599fe7317fda89d51b841555', slot: "footer" }, index.h("button", { key: '85db69d240d1999e2b6f002688cda0c0be957e9f', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "SUPPORT_MODAL" }, translate(this.noLWSpinLeft ? 'close' : 'okContinue', this.language)), this.noLWSpinLeft && index.h("div", { key: 'fc864b315cb1f3f9829287a679125eb036a11c70', class: "NoSpinsLeft" }, translate('noSpinsLeft', this.language)))), index.h("casino-engagement-suite-modal", { key: '60f4f5237d24548da75067b8ab3f98308725947e', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('NO_PRIZE_MODAL'), header: translate('noPrizeTitle', this.language), contentIcon: alertIcon, modalType: "NO_PRIZE_MODAL", device: this.device }, index.h("div", { key: '91803a59daf6758a216501a09b6606f841eff290', slot: "body" }, index.h("span", { key: 'd5e268a168659c62bb0560d185481d62ad6c8ec3' }, translate('noPrizeMessage', this.language))), index.h("div", { key: 'a77a1128e6f746e7f889666659d69b6fc80b78ca', slot: "footer" }, index.h("button", { key: '17232068e5ecdd25567dbdc0a3c95406049a43b5', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "NO_PRIZE_MODAL" }, translate('spinAgain', this.language))))));
|
|
202
209
|
}
|
|
203
210
|
get host() { return index.getElement(this); }
|
|
204
211
|
};
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await appGlobals.globalScripts();
|
|
11
|
-
return index.bootstrapLazy([["casino-engagement-suite-modal_2.cjs",[[1,"casino-engagement-suite-modal-container",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[1],"isJoiningToChallenge":[1028,"is-joining-to-challenge"],"device":[1],"limitStylingAppends":[32],"openModals":[32],"rewardMessage":[32],"rewardText":[32],"hasError":[32],"confirmationData":[32],"winAmount":[32],"noLWSpinLeft":[32]},[[16,"openModal","openModalHandler"],[16,"closeModal","closeModalHandler"]]],[1,"casino-engagement-suite-modal",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[4,"is-open"],"isLoading":[1028,"is-loading"],"header":[1],"contentIcon":[1,"content-icon"],"modalType":[1,"modal-type"],"device":[1],"showAnimation":[4,"show-animation"],"limitStylingAppends":[32]}]]]], options);
|
|
11
|
+
return index.bootstrapLazy([["casino-engagement-suite-modal_2.cjs",[[1,"casino-engagement-suite-modal-container",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[1],"isJoiningToChallenge":[1028,"is-joining-to-challenge"],"device":[1],"limitStylingAppends":[32],"openModals":[32],"rewardMessage":[32],"rewardText":[32],"hasError":[32],"confirmationData":[32],"winAmount":[32],"noLWSpinLeft":[32],"assets":[32]},[[16,"openModal","openModalHandler"],[16,"closeModal","closeModalHandler"]]],[1,"casino-engagement-suite-modal",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[4,"is-open"],"isLoading":[1028,"is-loading"],"header":[1],"contentIcon":[1,"content-icon"],"modalType":[1,"modal-type"],"assets":[1],"device":[1],"showAnimation":[4,"show-animation"],"limitStylingAppends":[32]}]]]], options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -2,6 +2,8 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
import "../../../../../casino-engagement-suite-modal/dist/types/index";
|
|
3
3
|
import { translate } from "../../utils/locale.utils";
|
|
4
4
|
import { formatBalance } from "../../utils/utils";
|
|
5
|
+
const alertIcon = 'https://static.everymatrix.com/gic/img/engagement-suite/alert.svg';
|
|
6
|
+
const rewardIcon = 'https://static.everymatrix.com/gic/img/engagement-suite/cup-reward.svg';
|
|
5
7
|
export class CasinoEngagementSuiteModalContainer {
|
|
6
8
|
constructor() {
|
|
7
9
|
this.handleCloseClick = (e) => {
|
|
@@ -50,9 +52,10 @@ export class CasinoEngagementSuiteModalContainer {
|
|
|
50
52
|
this.confirmationData = null;
|
|
51
53
|
this.winAmount = { amount: 0, currency: '' };
|
|
52
54
|
this.noLWSpinLeft = false;
|
|
55
|
+
this.assets = undefined;
|
|
53
56
|
}
|
|
54
57
|
openModalHandler(event) {
|
|
55
|
-
const { modalType, rewardMessage, hasError, confirmationData, winAmount, rewardText, noSpinLeft } = event.detail;
|
|
58
|
+
const { modalType, rewardMessage, hasError, confirmationData, winAmount, rewardText, noSpinLeft, assets } = event.detail;
|
|
56
59
|
if (winAmount) {
|
|
57
60
|
// If jackpot win modal is already opened
|
|
58
61
|
// add won amount to the previous amount
|
|
@@ -68,6 +71,7 @@ export class CasinoEngagementSuiteModalContainer {
|
|
|
68
71
|
this.rewardText = rewardText;
|
|
69
72
|
this.hasError = hasError;
|
|
70
73
|
this.noLWSpinLeft = noSpinLeft;
|
|
74
|
+
this.assets = assets;
|
|
71
75
|
if (confirmationData) {
|
|
72
76
|
this.confirmationData = confirmationData;
|
|
73
77
|
}
|
|
@@ -86,9 +90,9 @@ export class CasinoEngagementSuiteModalContainer {
|
|
|
86
90
|
}
|
|
87
91
|
render() {
|
|
88
92
|
const { ProgressToActivate } = this.confirmationData || {};
|
|
89
|
-
return (h("div", { key: '
|
|
93
|
+
return (h("div", { key: 'f6084274c1f53415a89aacca7cefc088b401e01a', class: `ModalContainer ${this.device}` }, h("casino-engagement-suite-modal", { key: '16e8e1db4bc6916197723aeec9d86edce5142fa4', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('NO_SPIN_LEFT_MODAL'), header: translate('noSpinsLeft', this.language), contentIcon: rewardIcon, assets: this.assets, modalType: "NO_SPIN_LEFT_MODAL", "show-animation": false, device: this.device }, h("div", { key: '666d74509a18ecf7250f594b65ed50d894e8bc69', slot: "body" }, h("div", { key: 'dae32188cb62d48681159a7f1953e8e24ad45a15' }, translate('seeYouLater', this.language))), h("div", { key: '57eae0585f9bbcaa0c3168b967db7d2197c69377', slot: "footer" }, h("button", { key: 'f4ffef3e030620dc2eacfc0315ad1ef87c648723', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "NO_SPIN_LEFT_MODAL" }, "OK"))), h("casino-engagement-suite-modal", { key: '3ab936accd2c6f7f4a47f506750527dba251b54b', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('REWARD_MODAL'), header: "Congratulations!", contentIcon: rewardIcon, assets: this.assets, modalType: "REWARD_MODAL", "show-animation": true, device: this.device }, h("div", { key: 'e8f31b5b1fa7b3cdbede19d2332c5aca912d6e17', slot: "body" }, h("div", { key: 'fa5a265da89b3d306c910bc74a65637fc775ebad' }, !this.rewardText && translate('won', this.language), ' ', h("span", { key: 'd95f375d21a90564b9d8c5e328c7c6d19d164571', class: "ModalReward" }, this.rewardText || this.rewardMessage)), this.hasError && h("div", { key: 'd5c9f2f8e3fe91bd2a6593c1796b2e60b69d6200', class: "SupportInfo" }, translate('supportInfo', this.language))), h("div", { key: 'a0b6d0d65298de17b3aa588db7154eab048482f4', slot: "footer" }, h("button", { key: 'f518cc3fefa88c5090d84f198b7ff3913c11faf1', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "REWARD_MODAL" }, translate(this.noLWSpinLeft ? 'close' : 'continue', this.language)), this.noLWSpinLeft && h("div", { key: '2a76bdd63efcba8c4c447586f390316ad4197ad6', class: "NoSpinsLeft" }, translate('noSpinsLeft', this.language)))), h("casino-engagement-suite-modal", { key: '250f50a7f9f8ee816c5855a0dd3fcf5a54a9eaca', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('JACKPOT_REWARD_MODAL'), header: "Congratulations!", contentIcon: rewardIcon, "show-animation": true, modalType: "JACKPOT_REWARD_MODAL", device: this.device }, h("div", { key: '9ed16e8dd8c074525b09e60058f6d4e1f347337f', slot: "body" }, h("div", { key: '4a62303a24951e6bbea43ca53195e639c916adca', class: "JackpotWinText" }, translate('jackpotWin', this.language)), h("div", { key: '6e338e3781e014066691609a2ff0055c63eb6c2b', class: "JackpotWinAmount" }, formatBalance(this.winAmount.amount, this.winAmount.currency))), h("div", { key: 'dd252ee2f9d4a55a9a148b71aaef0f4319b3664d', slot: "footer" }, h("button", { key: 'b547c0d0264fda93698a2dd6927908103e5bdf39', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "JACKPOT_REWARD_MODAL" }, translate('continue', this.language)), h("div", { key: '771804d487d49347ee30c1f158e3f6b3b9962b59', class: "JackpotWinInfoText" }, translate('jackpotWinInfo', this.language)))), h("casino-engagement-suite-modal", { key: 'ea0428fe8f377e427bd9ebe7ed1ed33bbbbc47d2', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('TARGET_MODAL'), header: ProgressToActivate ? translate('joinHeader', this.language) : translate('unJoinHeader', this.language), modalType: "TARGET_MODAL", device: this.device, isLoading: this.isJoiningToChallenge }, h("div", { key: '190bf7531bae3de373e7c04233bfd31bb007d22a', slot: "body" }, h("div", { key: '2437aec4f2393e2ddc934f0ed927a2b7043a1e88', class: "LeftAlign" }, translate('desc', this.language)), h("div", { key: 'eca39946bc741a4e56d09f9640822b0c51a17d79', class: "LeftAlignQuestion" }, ProgressToActivate
|
|
90
94
|
? translate('joinQuestion', this.language)
|
|
91
|
-
: translate('unJoinQuestion', this.language))), h("div", { key: '
|
|
95
|
+
: translate('unJoinQuestion', this.language))), h("div", { key: '81107a7b57a5c6dd573128090c1145171c4d7131', slot: "footer", class: "ManyActions" }, h("button", { key: 'c3e256cb8334e9386c572bd037c78678f7b922f4', class: `ModalFooterButton ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleChallengeAttendance }, ProgressToActivate ? translate('joinConfirm', this.language) : translate('unJoinConfirm', this.language)), h("button", { key: '29de3f6da68fd1ec8258856480bf89e3d286309f', class: `ModalFooterButtonOutlined ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleCloseClick, "data-type": "TARGET_MODAL" }, h("div", { key: 'f01704e080896e65c86ec67e3f14945fcbd2b016', class: "GradientText" }, ProgressToActivate ? translate('joinReject', this.language) : translate('unJoinReject', this.language))))), h("casino-engagement-suite-modal", { key: 'a5708ff6eb5ef898adf17b8869c687b816b0ace3', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('SUPPORT_MODAL'), header: translate('noReward', this.language), contentIcon: alertIcon, modalType: "SUPPORT_MODAL", device: this.device }, h("div", { key: 'aa5ee73704966ee4ec44de3c287b4520f5c0f45b', slot: "body" }, h("span", { key: '05783ef120dd1a61737540a4a6121ee20886ff63' }, translate('contactSupport', this.language))), h("div", { key: '3fc1e0534e3acd0c599fe7317fda89d51b841555', slot: "footer" }, h("button", { key: '85db69d240d1999e2b6f002688cda0c0be957e9f', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "SUPPORT_MODAL" }, translate(this.noLWSpinLeft ? 'close' : 'okContinue', this.language)), this.noLWSpinLeft && h("div", { key: 'fc864b315cb1f3f9829287a679125eb036a11c70', class: "NoSpinsLeft" }, translate('noSpinsLeft', this.language)))), h("casino-engagement-suite-modal", { key: '60f4f5237d24548da75067b8ab3f98308725947e', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('NO_PRIZE_MODAL'), header: translate('noPrizeTitle', this.language), contentIcon: alertIcon, modalType: "NO_PRIZE_MODAL", device: this.device }, h("div", { key: '91803a59daf6758a216501a09b6606f841eff290', slot: "body" }, h("span", { key: 'd5e268a168659c62bb0560d185481d62ad6c8ec3' }, translate('noPrizeMessage', this.language))), h("div", { key: 'a77a1128e6f746e7f889666659d69b6fc80b78ca', slot: "footer" }, h("button", { key: '17232068e5ecdd25567dbdc0a3c95406049a43b5', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "NO_PRIZE_MODAL" }, translate('spinAgain', this.language))))));
|
|
92
96
|
}
|
|
93
97
|
static get is() { return "casino-engagement-suite-modal-container"; }
|
|
94
98
|
static get encapsulation() { return "shadow"; }
|
|
@@ -204,7 +208,8 @@ export class CasinoEngagementSuiteModalContainer {
|
|
|
204
208
|
"hasError": {},
|
|
205
209
|
"confirmationData": {},
|
|
206
210
|
"winAmount": {},
|
|
207
|
-
"noLWSpinLeft": {}
|
|
211
|
+
"noLWSpinLeft": {},
|
|
212
|
+
"assets": {}
|
|
208
213
|
};
|
|
209
214
|
}
|
|
210
215
|
static get events() {
|
|
@@ -25,7 +25,7 @@ const TRANSLATIONS = {
|
|
|
25
25
|
jackpotWin: 'Total Jackpot Win!',
|
|
26
26
|
jackpotWinInfo: 'Please refresh game page or place any bet to update game balance',
|
|
27
27
|
seeYouLater: 'See you later',
|
|
28
|
-
noSpinsLeft: '
|
|
28
|
+
noSpinsLeft: "You've used all spins here",
|
|
29
29
|
spinAgain: 'Spin again',
|
|
30
30
|
noPrizeMessage: "You didn't win this time, try again!",
|
|
31
31
|
noPrizeTitle: 'Oh, Sorry',
|
|
@@ -16,5 +16,5 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["casino-engagement-suite-modal_2",[[1,"casino-engagement-suite-modal-container",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[1],"isJoiningToChallenge":[1028,"is-joining-to-challenge"],"device":[1],"limitStylingAppends":[32],"openModals":[32],"rewardMessage":[32],"rewardText":[32],"hasError":[32],"confirmationData":[32],"winAmount":[32],"noLWSpinLeft":[32]},[[16,"openModal","openModalHandler"],[16,"closeModal","closeModalHandler"]]],[1,"casino-engagement-suite-modal",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[4,"is-open"],"isLoading":[1028,"is-loading"],"header":[1],"contentIcon":[1,"content-icon"],"modalType":[1,"modal-type"],"device":[1],"showAnimation":[4,"show-animation"],"limitStylingAppends":[32]}]]]], options);
|
|
19
|
+
return bootstrapLazy([["casino-engagement-suite-modal_2",[[1,"casino-engagement-suite-modal-container",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[1],"isJoiningToChallenge":[1028,"is-joining-to-challenge"],"device":[1],"limitStylingAppends":[32],"openModals":[32],"rewardMessage":[32],"rewardText":[32],"hasError":[32],"confirmationData":[32],"winAmount":[32],"noLWSpinLeft":[32],"assets":[32]},[[16,"openModal","openModalHandler"],[16,"closeModal","closeModalHandler"]]],[1,"casino-engagement-suite-modal",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[4,"is-open"],"isLoading":[1028,"is-loading"],"header":[1],"contentIcon":[1,"content-icon"],"modalType":[1,"modal-type"],"assets":[1],"device":[1],"showAnimation":[4,"show-animation"],"limitStylingAppends":[32]}]]]], options);
|
|
20
20
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-6912ff15.js';
|
|
2
2
|
|
|
3
|
-
const casinoEngagementSuiteModalCss = ":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}.EngagementSuiteIconButton{width:24px;height:24px}.EngagementSuiteIconButton.Close{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg) no-repeat}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);justify-content:center;align-items:center;z-index:1}.ModalOverlay.Open{display:flex}.IconCloseContainer{width:100%;display:flex;justify-content:end}.ModalBodyWrapper{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.ModalBodyWrapper::-webkit-scrollbar{width:3px;background:none}.ModalBodyWrapper::-webkit-scrollbar-thumb{border-radius:var(--emw--border-radius-small, 4px);background-color:var(--emw--color-gray-transparency-30, rgba(255, 255, 255, 0.3))}.ModalContent{display:flex;flex-direction:column;align-items:center;font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);position:relative;color:var(--emw--color-typography, #FFFFFF);background-color:var(--emw--color-background, #1E1638);padding:24px;border-radius:var(--emw--border-radius-large, 8px);width:450px;max-width:100%;text-align:center;max-height:90dvh}.GradientBorder::before{content:\"\";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--emw--border-radius-large, 9px);background:linear-gradient(143.2deg, #FF9401 -0.41%, #FFD32D 45.61%, #FF9401 82.77%);z-index:-1}.ModalHeader h1{font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-large-plus, 24px);padding:0 16px;margin-bottom:16px}.ModalIcon{width:44px;height:44px;border-radius:50%;background-size:cover;margin:12px 0}.ModalBody{font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-normal, 400);color:var(--emw--color-secondary, #BBB9C3);padding:0 16px}.ModalFooter{margin-top:40px;margin-bottom:28px;padding:0 16px;width:100%}@keyframes rotate{100%{transform:rotate(1turn)}}.ModalOverlay .ModalWinAnimation{display:none}.ModalOverlay.ShowAnimation .ModalWinAnimation{display:block;position:absolute;width:100%;height:100%;inset:0;background:center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/light.svg) no-repeat, center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/win.svg) no-repeat;animation:6s rotate linear infinite}.ModalOverlay.Mobile .EngagementSuiteIconButton{width:16px;height:16px}.ModalOverlay.Mobile .ModalBody{font-size:var(--emw--font-size-small, 14px)}.ModalOverlay.Mobile .ModalContent{width:318px;padding:12px}.ModalOverlay.Mobile .ModalHeader h1{font-size:var(--emw--font-size-large, 20px);padding:0 60px}.ModalOverlay.Mobile.ShowAnimation .ModalWinAnimation{background-size:400px}";
|
|
3
|
+
const casinoEngagementSuiteModalCss = ":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}.EngagementSuiteIconButton{width:24px;height:24px}.EngagementSuiteIconButton.Close{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg) no-repeat}.ModalOverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);justify-content:center;align-items:center;z-index:1}.ModalOverlay.Open{display:flex}.IconCloseContainer{width:100%;display:flex;justify-content:end}.ModalBodyWrapper{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.ModalBodyWrapper::-webkit-scrollbar{width:3px;background:none}.ModalBodyWrapper::-webkit-scrollbar-thumb{border-radius:var(--emw--border-radius-small, 4px);background-color:var(--emw--color-gray-transparency-30, rgba(255, 255, 255, 0.3))}.ModalContent{display:flex;flex-direction:column;align-items:center;font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);position:relative;color:var(--emw--color-typography, #FFFFFF);background-color:var(--emw--color-background, #1E1638);padding:24px;border-radius:var(--emw--border-radius-large, 8px);width:450px;max-width:100%;text-align:center;max-height:90dvh}.GradientBorder::before{content:\"\";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:var(--emw--border-radius-large, 9px);background:linear-gradient(143.2deg, #FF9401 -0.41%, #FFD32D 45.61%, #FF9401 82.77%);z-index:-1}.ModalHeader h1{font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-large-plus, 24px);padding:0 16px;margin-bottom:16px}.ModalIcon{width:44px;height:44px;border-radius:50%;background-size:cover;margin:12px 0}.ModalAssets{width:44px;height:44px;background-size:cover;margin:12px 0}.ModalBody{font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-normal, 400);color:var(--emw--color-secondary, #BBB9C3);padding:0 16px}.ModalFooter{margin-top:40px;margin-bottom:28px;padding:0 16px;width:100%}@keyframes rotate{100%{transform:rotate(1turn)}}.ModalOverlay .ModalWinAnimation{display:none}.ModalOverlay.ShowAnimation .ModalWinAnimation{display:block;position:absolute;width:100%;height:100%;inset:0;background:center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/light.svg) no-repeat, center/550px url(https://static.everymatrix.com/gic/img/engagement-suite/win.svg) no-repeat;animation:6s rotate linear infinite}.ModalOverlay.Mobile .EngagementSuiteIconButton{width:16px;height:16px}.ModalOverlay.Mobile .ModalBody{font-size:var(--emw--font-size-small, 14px)}.ModalOverlay.Mobile .ModalContent{width:318px;padding:12px}.ModalOverlay.Mobile .ModalHeader h1{font-size:var(--emw--font-size-large, 20px);padding:0 60px}.ModalOverlay.Mobile.ShowAnimation .ModalWinAnimation{background-size:400px}";
|
|
4
4
|
const CasinoEngagementSuiteModalStyle0 = casinoEngagementSuiteModalCss;
|
|
5
5
|
|
|
6
6
|
const CasinoEngagementSuiteModal = class {
|
|
@@ -37,6 +37,7 @@ const CasinoEngagementSuiteModal = class {
|
|
|
37
37
|
this.header = undefined;
|
|
38
38
|
this.contentIcon = undefined;
|
|
39
39
|
this.modalType = undefined;
|
|
40
|
+
this.assets = undefined;
|
|
40
41
|
this.device = 'Mobile';
|
|
41
42
|
this.showAnimation = false;
|
|
42
43
|
this.limitStylingAppends = false;
|
|
@@ -51,9 +52,11 @@ const CasinoEngagementSuiteModal = class {
|
|
|
51
52
|
}
|
|
52
53
|
}
|
|
53
54
|
render() {
|
|
54
|
-
return (h("div", { key: '
|
|
55
|
+
return (h("div", { key: '27c64eb08e60bdc0525d1bfa800f7d3257d8e377', class: `ModalOverlay ${this.isOpen && 'Open'} ${this.device} ${this.showAnimation && 'ShowAnimation'}` }, h("div", { key: '75080d22dbe97360c91356da2a4fa73dd1ded948', class: "ModalWinAnimation" }), h("div", { key: 'e25510992fa764b9d0976566df40c8aa04aca38a', class: "ModalContent GradientBorder" }, h("div", { key: '9d5f1d11afc7522857d49fd9dedb704b216c4a1e', class: 'IconCloseContainer' }, h("button", { key: '5edea8aafd0fbc7104e7093f2a9f12568187fa05', class: "EngagementSuiteIconButton Close", onClick: this.handleCloseClick })), this.assets ? (h("div", { class: "ModalAssets", style: {
|
|
56
|
+
background: `url(${this.assets}) no-repeat center / cover`
|
|
57
|
+
} })) : this.contentIcon ? (h("div", { class: "ModalIcon", style: {
|
|
55
58
|
background: `url(${this.contentIcon}) no-repeat center, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%)`
|
|
56
|
-
} })) : null, h("div", { key: '
|
|
59
|
+
} })) : null, h("div", { key: 'c787b35b593d94258072420ff4a47e0433369b21', class: "ModalHeader" }, h("h1", { key: '3e162d602050e9d3e1c3a97234549bc971370a23' }, this.header)), h("div", { key: '35784436dc1b5d8342730959d69bc8e08910aeb7', class: "ModalBodyWrapper" }, h("div", { key: '500831b113cde82958ae1971d8710c6f0e2a45ff', class: "ModalBody" }, h("slot", { key: 'b47a0252f9fe4fa01bea07a69e3d6b7cc02f575c', name: "body" })), h("div", { key: 'd10041375451213d55c7be600b237a802cbe56f5', class: "ModalFooter" }, h("slot", { key: 'db205227b152ead571e2029f66ba3d381337457a', name: "footer" }))))));
|
|
57
60
|
}
|
|
58
61
|
get host() { return getElement(this); }
|
|
59
62
|
};
|
|
@@ -86,7 +89,7 @@ const TRANSLATIONS = {
|
|
|
86
89
|
jackpotWin: 'Total Jackpot Win!',
|
|
87
90
|
jackpotWinInfo: 'Please refresh game page or place any bet to update game balance',
|
|
88
91
|
seeYouLater: 'See you later',
|
|
89
|
-
noSpinsLeft: '
|
|
92
|
+
noSpinsLeft: "You've used all spins here",
|
|
90
93
|
spinAgain: 'Spin again',
|
|
91
94
|
noPrizeMessage: "You didn't win this time, try again!",
|
|
92
95
|
noPrizeTitle: 'Oh, Sorry',
|
|
@@ -106,6 +109,8 @@ function formatBalance(amount, currency) {
|
|
|
106
109
|
const casinoEngagementSuiteModalContainerCss = ":host{display:block;font-family:inherit}.ModalFooterButton,.ModalFooterButtonOutlined{transition:all 0.5s ease-out;background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));color:var(--emw--color-background, #1E1638);border-radius:99px;min-width:160px;height:36px;font-size:var(--emw--font-size-medium, 16px);font-weight:var(--emw--font-weight-bold, 700);position:relative;font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);padding:0 12px;box-sizing:border-box;margin:auto;border:none;cursor:pointer}.ModalFooterButtonOutlined{background:linear-gradient(var(--emw--color-background, #1E1638) 0 0) padding-box, var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%)) border-box;border:2px solid transparent}.GradientText{background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));color:transparent;background-clip:text}.ManyActions{display:flex;width:100%;flex-direction:column;align-items:stretch}.ManyActions .ModalFooterButton,.ManyActions .ModalFooterButtonOutlined{width:280px}.ManyActions button:first-child{margin-bottom:16px}.Disabled{opacity:0.5;pointer-events:none;cursor:auto}.ModalReward{font-weight:var(--emw--font-weight-semibold, 600);color:var(--emw--color-typography, #FFFFFF);word-break:break-word}.JackpotWinText{margin:0;font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-medium, 16px);line-height:20px;color:var(--emw--color-typography, #FFF)}.JackpotWinAmount{margin-top:8px;background:var(--emw--linear-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:var(--emw--font-weight-black, 900);font-size:var(--emw--font-size-medium, 16px);line-height:16px}.JackpotWinInfoText{padding:0 50px;margin-top:20px;font-size:var(--emw--font-size-small, 14px);line-height:16px;color:var(--emw--color-secondary, #BBB9C3)}.SupportInfo{margin-top:20px}.ModalContainer.Mobile .ModalFooterButton,.ModalContainer.Mobile .ModalFooterButtonOutlined{font-size:var(--emw--font-size-small, 14px);min-width:140px;height:32px}.ModalContainer.Mobile .ManyActions .ModalFooterButton,.ModalContainer.Mobile .ManyActions .ModalFooterButtonOutlined{width:100%;height:32px}.ModalContainer.Mobile .ManyActions button:first-child{margin-bottom:8px}.ModalContainer.Mobile .JackpotWinText{font-size:var(--emw--font-size-small, 14px);line-height:16px}.ModalContainer.Mobile .JackpotWinAmount{font-size:var(--emw--font-size-small, 14px);line-height:14px}.ModalContainer.Mobile .JackpotWinInfoText{padding:0;margin-top:20px;font-size:var(--emw--font-size-small, 14px);line-height:16px;color:var(--emw--color-secondary, #BBB9C3)}.LeftAlign,.LeftAlignQuestion{text-align:left;line-height:1.2}.LeftAlignQuestion{margin-top:20px}.NoSpinsLeft{color:var(--emw--color-secondary, #BBB9C3);margin-top:20px}";
|
|
107
110
|
const CasinoEngagementSuiteModalContainerStyle0 = casinoEngagementSuiteModalContainerCss;
|
|
108
111
|
|
|
112
|
+
const alertIcon = 'https://static.everymatrix.com/gic/img/engagement-suite/alert.svg';
|
|
113
|
+
const rewardIcon = 'https://static.everymatrix.com/gic/img/engagement-suite/cup-reward.svg';
|
|
109
114
|
const CasinoEngagementSuiteModalContainer = class {
|
|
110
115
|
constructor(hostRef) {
|
|
111
116
|
registerInstance(this, hostRef);
|
|
@@ -156,9 +161,10 @@ const CasinoEngagementSuiteModalContainer = class {
|
|
|
156
161
|
this.confirmationData = null;
|
|
157
162
|
this.winAmount = { amount: 0, currency: '' };
|
|
158
163
|
this.noLWSpinLeft = false;
|
|
164
|
+
this.assets = undefined;
|
|
159
165
|
}
|
|
160
166
|
openModalHandler(event) {
|
|
161
|
-
const { modalType, rewardMessage, hasError, confirmationData, winAmount, rewardText, noSpinLeft } = event.detail;
|
|
167
|
+
const { modalType, rewardMessage, hasError, confirmationData, winAmount, rewardText, noSpinLeft, assets } = event.detail;
|
|
162
168
|
if (winAmount) {
|
|
163
169
|
// If jackpot win modal is already opened
|
|
164
170
|
// add won amount to the previous amount
|
|
@@ -174,6 +180,7 @@ const CasinoEngagementSuiteModalContainer = class {
|
|
|
174
180
|
this.rewardText = rewardText;
|
|
175
181
|
this.hasError = hasError;
|
|
176
182
|
this.noLWSpinLeft = noSpinLeft;
|
|
183
|
+
this.assets = assets;
|
|
177
184
|
if (confirmationData) {
|
|
178
185
|
this.confirmationData = confirmationData;
|
|
179
186
|
}
|
|
@@ -192,9 +199,9 @@ const CasinoEngagementSuiteModalContainer = class {
|
|
|
192
199
|
}
|
|
193
200
|
render() {
|
|
194
201
|
const { ProgressToActivate } = this.confirmationData || {};
|
|
195
|
-
return (h("div", { key: '
|
|
202
|
+
return (h("div", { key: 'f6084274c1f53415a89aacca7cefc088b401e01a', class: `ModalContainer ${this.device}` }, h("casino-engagement-suite-modal", { key: '16e8e1db4bc6916197723aeec9d86edce5142fa4', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('NO_SPIN_LEFT_MODAL'), header: translate('noSpinsLeft', this.language), contentIcon: rewardIcon, assets: this.assets, modalType: "NO_SPIN_LEFT_MODAL", "show-animation": false, device: this.device }, h("div", { key: '666d74509a18ecf7250f594b65ed50d894e8bc69', slot: "body" }, h("div", { key: 'dae32188cb62d48681159a7f1953e8e24ad45a15' }, translate('seeYouLater', this.language))), h("div", { key: '57eae0585f9bbcaa0c3168b967db7d2197c69377', slot: "footer" }, h("button", { key: 'f4ffef3e030620dc2eacfc0315ad1ef87c648723', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "NO_SPIN_LEFT_MODAL" }, "OK"))), h("casino-engagement-suite-modal", { key: '3ab936accd2c6f7f4a47f506750527dba251b54b', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('REWARD_MODAL'), header: "Congratulations!", contentIcon: rewardIcon, assets: this.assets, modalType: "REWARD_MODAL", "show-animation": true, device: this.device }, h("div", { key: 'e8f31b5b1fa7b3cdbede19d2332c5aca912d6e17', slot: "body" }, h("div", { key: 'fa5a265da89b3d306c910bc74a65637fc775ebad' }, !this.rewardText && translate('won', this.language), ' ', h("span", { key: 'd95f375d21a90564b9d8c5e328c7c6d19d164571', class: "ModalReward" }, this.rewardText || this.rewardMessage)), this.hasError && h("div", { key: 'd5c9f2f8e3fe91bd2a6593c1796b2e60b69d6200', class: "SupportInfo" }, translate('supportInfo', this.language))), h("div", { key: 'a0b6d0d65298de17b3aa588db7154eab048482f4', slot: "footer" }, h("button", { key: 'f518cc3fefa88c5090d84f198b7ff3913c11faf1', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "REWARD_MODAL" }, translate(this.noLWSpinLeft ? 'close' : 'continue', this.language)), this.noLWSpinLeft && h("div", { key: '2a76bdd63efcba8c4c447586f390316ad4197ad6', class: "NoSpinsLeft" }, translate('noSpinsLeft', this.language)))), h("casino-engagement-suite-modal", { key: '250f50a7f9f8ee816c5855a0dd3fcf5a54a9eaca', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('JACKPOT_REWARD_MODAL'), header: "Congratulations!", contentIcon: rewardIcon, "show-animation": true, modalType: "JACKPOT_REWARD_MODAL", device: this.device }, h("div", { key: '9ed16e8dd8c074525b09e60058f6d4e1f347337f', slot: "body" }, h("div", { key: '4a62303a24951e6bbea43ca53195e639c916adca', class: "JackpotWinText" }, translate('jackpotWin', this.language)), h("div", { key: '6e338e3781e014066691609a2ff0055c63eb6c2b', class: "JackpotWinAmount" }, formatBalance(this.winAmount.amount, this.winAmount.currency))), h("div", { key: 'dd252ee2f9d4a55a9a148b71aaef0f4319b3664d', slot: "footer" }, h("button", { key: 'b547c0d0264fda93698a2dd6927908103e5bdf39', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "JACKPOT_REWARD_MODAL" }, translate('continue', this.language)), h("div", { key: '771804d487d49347ee30c1f158e3f6b3b9962b59', class: "JackpotWinInfoText" }, translate('jackpotWinInfo', this.language)))), h("casino-engagement-suite-modal", { key: 'ea0428fe8f377e427bd9ebe7ed1ed33bbbbc47d2', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('TARGET_MODAL'), header: ProgressToActivate ? translate('joinHeader', this.language) : translate('unJoinHeader', this.language), modalType: "TARGET_MODAL", device: this.device, isLoading: this.isJoiningToChallenge }, h("div", { key: '190bf7531bae3de373e7c04233bfd31bb007d22a', slot: "body" }, h("div", { key: '2437aec4f2393e2ddc934f0ed927a2b7043a1e88', class: "LeftAlign" }, translate('desc', this.language)), h("div", { key: 'eca39946bc741a4e56d09f9640822b0c51a17d79', class: "LeftAlignQuestion" }, ProgressToActivate
|
|
196
203
|
? translate('joinQuestion', this.language)
|
|
197
|
-
: translate('unJoinQuestion', this.language))), h("div", { key: '
|
|
204
|
+
: translate('unJoinQuestion', this.language))), h("div", { key: '81107a7b57a5c6dd573128090c1145171c4d7131', slot: "footer", class: "ManyActions" }, h("button", { key: 'c3e256cb8334e9386c572bd037c78678f7b922f4', class: `ModalFooterButton ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleChallengeAttendance }, ProgressToActivate ? translate('joinConfirm', this.language) : translate('unJoinConfirm', this.language)), h("button", { key: '29de3f6da68fd1ec8258856480bf89e3d286309f', class: `ModalFooterButtonOutlined ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleCloseClick, "data-type": "TARGET_MODAL" }, h("div", { key: 'f01704e080896e65c86ec67e3f14945fcbd2b016', class: "GradientText" }, ProgressToActivate ? translate('joinReject', this.language) : translate('unJoinReject', this.language))))), h("casino-engagement-suite-modal", { key: 'a5708ff6eb5ef898adf17b8869c687b816b0ace3', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('SUPPORT_MODAL'), header: translate('noReward', this.language), contentIcon: alertIcon, modalType: "SUPPORT_MODAL", device: this.device }, h("div", { key: 'aa5ee73704966ee4ec44de3c287b4520f5c0f45b', slot: "body" }, h("span", { key: '05783ef120dd1a61737540a4a6121ee20886ff63' }, translate('contactSupport', this.language))), h("div", { key: '3fc1e0534e3acd0c599fe7317fda89d51b841555', slot: "footer" }, h("button", { key: '85db69d240d1999e2b6f002688cda0c0be957e9f', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "SUPPORT_MODAL" }, translate(this.noLWSpinLeft ? 'close' : 'okContinue', this.language)), this.noLWSpinLeft && h("div", { key: 'fc864b315cb1f3f9829287a679125eb036a11c70', class: "NoSpinsLeft" }, translate('noSpinsLeft', this.language)))), h("casino-engagement-suite-modal", { key: '60f4f5237d24548da75067b8ab3f98308725947e', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('NO_PRIZE_MODAL'), header: translate('noPrizeTitle', this.language), contentIcon: alertIcon, modalType: "NO_PRIZE_MODAL", device: this.device }, h("div", { key: '91803a59daf6758a216501a09b6606f841eff290', slot: "body" }, h("span", { key: 'd5e268a168659c62bb0560d185481d62ad6c8ec3' }, translate('noPrizeMessage', this.language))), h("div", { key: 'a77a1128e6f746e7f889666659d69b6fc80b78ca', slot: "footer" }, h("button", { key: '17232068e5ecdd25567dbdc0a3c95406049a43b5', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "NO_PRIZE_MODAL" }, translate('spinAgain', this.language))))));
|
|
198
205
|
}
|
|
199
206
|
get host() { return getElement(this); }
|
|
200
207
|
};
|
package/dist/esm/loader.js
CHANGED
|
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy([["casino-engagement-suite-modal_2",[[1,"casino-engagement-suite-modal-container",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[1],"isJoiningToChallenge":[1028,"is-joining-to-challenge"],"device":[1],"limitStylingAppends":[32],"openModals":[32],"rewardMessage":[32],"rewardText":[32],"hasError":[32],"confirmationData":[32],"winAmount":[32],"noLWSpinLeft":[32]},[[16,"openModal","openModalHandler"],[16,"closeModal","closeModalHandler"]]],[1,"casino-engagement-suite-modal",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[4,"is-open"],"isLoading":[1028,"is-loading"],"header":[1],"contentIcon":[1,"content-icon"],"modalType":[1,"modal-type"],"device":[1],"showAnimation":[4,"show-animation"],"limitStylingAppends":[32]}]]]], options);
|
|
8
|
+
return bootstrapLazy([["casino-engagement-suite-modal_2",[[1,"casino-engagement-suite-modal-container",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[1],"isJoiningToChallenge":[1028,"is-joining-to-challenge"],"device":[1],"limitStylingAppends":[32],"openModals":[32],"rewardMessage":[32],"rewardText":[32],"hasError":[32],"confirmationData":[32],"winAmount":[32],"noLWSpinLeft":[32],"assets":[32]},[[16,"openModal","openModalHandler"],[16,"closeModal","closeModalHandler"]]],[1,"casino-engagement-suite-modal",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[4,"is-open"],"isLoading":[1028,"is-loading"],"header":[1],"contentIcon":[1,"content-icon"],"modalType":[1,"modal-type"],"assets":[1],"device":[1],"showAnimation":[4,"show-animation"],"limitStylingAppends":[32]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
package/package.json
CHANGED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|