@everymatrix/casino-engagement-suite-modal-container 1.44.0 → 1.45.2

package/dist/collection/components/casino-engagement-suite-modal-container/casino-engagement-suite-modal-container.js

@@ -1,267 +1,242 @@
-import { Component, h, Prop, State, Listen, Element, Event } from '@stencil/core';
-import '@everymatrix/casino-engagement-suite-modal';
-import { translate } from '../../utils/locale.utils';
-import { formatBalance } from '../../utils/utils';
+import { h } from "@stencil/core";
+import "../../../../../casino-engagement-suite-modal/dist/types/index";
+import { translate } from "../../utils/locale.utils";
+import { formatBalance } from "../../utils/utils";
 export class CasinoEngagementSuiteModalContainer {
-  constructor() {
-    /**
-    * Client custom styling via string
-    */
-    this.clientStyling = '';
-    /**
-    * Client custom styling via url
-    */
-    this.clientStylingUrl = '';
-    /**
-     * Language of the widget
-     */
-    this.language = 'en';
-    this.device = 'Mobile';
-    this.limitStylingAppends = false;
-    this.openModals = [];
-    this.rewardMessage = '';
-    this.hasError = false;
-    this.confirmationData = null;
-    this.winAmount = { amount: 0, currency: '' };
-    this.handleCloseClick = (e) => {
-      const type = e.currentTarget.getAttribute('data-type');
-      this.closeModal.emit(type);
-    };
-    this.handleChallengeAttendance = () => {
-      window.postMessage({
-        type: 'ChallengeJoinRequest',
-        data: this.confirmationData,
-      });
-    };
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.host.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let url = new URL(this.clientStylingUrl);
-      let cssFile = document.createElement('style');
-      fetch(url.href)
-        .then((res) => res.text())
-        .then((data) => {
-        cssFile.innerHTML = data;
-        setTimeout(() => { this.host.prepend(cssFile); }, 1);
-      })
-        .catch((err) => {
-        console.log('Error ', err);
-      });
-    };
-    this.isModalOpen = (type) => {
-      return Boolean(this.openModals.find(el => el === type));
-    };
-  }
-  openModalHandler(event) {
-    const { modalType, rewardMessage, hasError, confirmationData, winAmount } = event.detail;
-    if (winAmount) {
-      // If jackpot win modal is already opened
-      // add won amount to the previous amount
-      if (this.isModalOpen('JACKPOT_REWARD_MODAL')) {
-        this.winAmount = { amount: this.winAmount.amount + winAmount.amount, currency: winAmount.currency };
-      }
-      else {
-        this.winAmount = winAmount;
-      }
+    constructor() {
+        this.handleCloseClick = (e) => {
+            const type = e.currentTarget.getAttribute('data-type');
+            this.closeModal.emit(type);
+        };
+        this.handleChallengeAttendance = () => {
+            window.postMessage({
+                type: 'ChallengeJoinRequest',
+                data: this.confirmationData,
+            });
+        };
+        this.setClientStyling = () => {
+            let sheet = document.createElement('style');
+            sheet.innerHTML = this.clientStyling;
+            this.host.prepend(sheet);
+        };
+        this.setClientStylingURL = () => {
+            let url = new URL(this.clientStylingUrl);
+            let cssFile = document.createElement('style');
+            fetch(url.href)
+                .then((res) => res.text())
+                .then((data) => {
+                cssFile.innerHTML = data;
+                setTimeout(() => { this.host.prepend(cssFile); }, 1);
+            })
+                .catch((err) => {
+                console.log('Error ', err);
+            });
+        };
+        this.isModalOpen = (type) => {
+            return Boolean(this.openModals.find(el => el === type));
+        };
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.language = 'en';
+        this.isJoiningToChallenge = undefined;
+        this.device = 'Mobile';
+        this.limitStylingAppends = false;
+        this.openModals = [];
+        this.rewardMessage = '';
+        this.hasError = false;
+        this.confirmationData = null;
+        this.winAmount = { amount: 0, currency: '' };
     }
-    this.openModals = [...this.openModals, modalType];
-    this.rewardMessage = rewardMessage;
-    this.hasError = hasError;
-    if (confirmationData) {
-      this.confirmationData = confirmationData;
+    openModalHandler(event) {
+        const { modalType, rewardMessage, hasError, confirmationData, winAmount } = event.detail;
+        if (winAmount) {
+            // If jackpot win modal is already opened
+            // add won amount to the previous amount
+            if (this.isModalOpen('JACKPOT_REWARD_MODAL')) {
+                this.winAmount = { amount: this.winAmount.amount + winAmount.amount, currency: winAmount.currency };
+            }
+            else {
+                this.winAmount = winAmount;
+            }
+        }
+        this.openModals = [...this.openModals, modalType];
+        this.rewardMessage = rewardMessage;
+        this.hasError = hasError;
+        if (confirmationData) {
+            this.confirmationData = confirmationData;
+        }
     }
-  }
-  closeModalHandler(event) {
-    this.openModals = this.openModals.filter(el => el !== event.detail);
-  }
-  componentDidRender() {
-    if (!this.limitStylingAppends && this.host) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
+    closeModalHandler(event) {
+        this.openModals = this.openModals.filter(el => el !== event.detail);
     }
-  }
-  render() {
-    const { ProgressToActivate } = this.confirmationData || {};
-    return (h("div", { class: `ModalContainer ${this.device}` },
-      h("casino-engagement-suite-modal", { isOpen: this.isModalOpen("REWARD_MODAL"), header: "Congratulations!", contentIcon: "https://static.everymatrix.com/gic/img/engagement-suite/cup-reward.svg", modalType: "REWARD_MODAL", "show-animation": true, device: this.device },
-        h("div", { slot: "body" },
-          h("div", null,
-            translate('won', this.language),
-            " ",
-            h("span", { class: 'ModalReward' }, this.rewardMessage)),
-          this.hasError && (h("div", { class: "SupportInfo" }, translate('supportInfo', this.language)))),
-        h("div", { slot: "footer" },
-          h("button", { class: 'ModalFooterButton', onClick: this.handleCloseClick, "data-type": 'REWARD_MODAL' }, translate('continue', this.language)))),
-      h("casino-engagement-suite-modal", { isOpen: this.isModalOpen("JACKPOT_REWARD_MODAL"), header: "Congratulations!", contentIcon: "https://static.everymatrix.com/gic/img/engagement-suite/cup-reward.svg", "show-animation": true, modalType: "JACKPOT_REWARD_MODAL", device: this.device },
-        h("div", { slot: "body" },
-          h("div", { class: "JackpotWinText" }, translate('jackpotWin', this.language)),
-          h("div", { class: "JackpotWinAmount" }, formatBalance(this.winAmount.amount, this.winAmount.currency))),
-        h("div", { slot: "footer" },
-          h("button", { class: 'ModalFooterButton', onClick: this.handleCloseClick, "data-type": 'JACKPOT_REWARD_MODAL' }, translate('continue', this.language)),
-          h("div", { class: "JackpotWinInfoText" }, translate('jackpotWinInfo', this.language)))),
-      h("casino-engagement-suite-modal", { 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", { slot: "body" },
-          h("div", { class: 'LeftAlign' }, translate('desc', this.language)),
-          h("div", { class: 'LeftAlignQuestion' }, ProgressToActivate ?
+    componentDidRender() {
+        if (!this.limitStylingAppends && this.host) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            if (this.clientStylingUrl)
+                this.setClientStylingURL();
+            this.limitStylingAppends = true;
+        }
+    }
+    render() {
+        const { ProgressToActivate } = this.confirmationData || {};
+        return (h("div", { key: 'e9a8acb94d06f7c7f551de2fa61d601d3a0eeac8', class: `ModalContainer ${this.device}` }, h("casino-engagement-suite-modal", { key: '5d28d01520bb671c4c932b6e53d6b1075f9c3378', 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": true, device: this.device }, h("div", { key: '6ef8750352a10fcbffbbe09c8bfba46b96c2098a', slot: "body" }, h("div", { key: 'c7b0c5c5202185a4001fbd23a60077e5b4484cfd' }, translate('won', this.language), " ", h("span", { key: 'a4635cada0b6b4bb54a73377fcd0165a12400c5f', class: 'ModalReward' }, this.rewardMessage)), this.hasError && (h("div", { key: 'e06df98ca254006caf79ff443da7e7c4dc7c8e46', class: "SupportInfo" }, translate('supportInfo', this.language)))), h("div", { key: '434d5bf025fe0222f8d73d94e26bfe465492eacb', slot: "footer" }, h("button", { key: '6927f9a1ee16c3b50abd62fe5bc736800b18d8f8', class: 'ModalFooterButton', onClick: this.handleCloseClick, "data-type": 'REWARD_MODAL' }, translate('continue', this.language)))), h("casino-engagement-suite-modal", { key: '802cb8c9e712f387f26ea4411f3bb0a1497fba80', 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": true, modalType: "JACKPOT_REWARD_MODAL", device: this.device }, h("div", { key: '70fe768de685e857cdf3cc889ec9f7a841ed4c09', slot: "body" }, h("div", { key: 'bfafa6ea6d1d200d4c4c1a1e2a9d5bc43a0fbfa1', class: "JackpotWinText" }, translate('jackpotWin', this.language)), h("div", { key: '62d3c8a92e0d0e0b2178087f421701a00b23bd32', class: "JackpotWinAmount" }, formatBalance(this.winAmount.amount, this.winAmount.currency))), h("div", { key: 'a062a76ba5d7d5ccb9defc85697b69d59ef1af5a', slot: "footer" }, h("button", { key: '9fa028e9f0857539e66007b1ac5f5f005dd03267', class: 'ModalFooterButton', onClick: this.handleCloseClick, "data-type": 'JACKPOT_REWARD_MODAL' }, translate('continue', this.language)), h("div", { key: '483eb12b73245887e6ebc251e2e93db7e6d7dbc3', class: "JackpotWinInfoText" }, translate('jackpotWinInfo', this.language)))), h("casino-engagement-suite-modal", { key: '898dc39daf3ee36027a080364042e8653df9c390', 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: '08bcfbe6506982e393c92b0f776629dc336b751a', slot: "body" }, h("div", { key: '58e20c9775e690344804f505ef30c5a4d59940ce', class: 'LeftAlign' }, translate('desc', this.language)), h("div", { key: '8081f426a1c5556b3d95e875da12e9fb214937db', class: 'LeftAlignQuestion' }, ProgressToActivate ?
             translate('joinQuestion', this.language) :
-            translate('unJoinQuestion', this.language))),
-        h("div", { slot: "footer", class: 'ManyActions' },
-          h("button", { class: `ModalFooterButton ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleChallengeAttendance }, ProgressToActivate ?
+            translate('unJoinQuestion', this.language))), h("div", { key: '44614b02fd105bbe4a698460696a7842c85e3c49', slot: "footer", class: 'ManyActions' }, h("button", { key: '21b8b45fd8e28625d2ece9124bca65fb5429eb12', class: `ModalFooterButton ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleChallengeAttendance }, ProgressToActivate ?
             translate('joinConfirm', this.language) :
-            translate('unJoinConfirm', this.language)),
-          h("button", { class: `ModalFooterButtonOutlined ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleCloseClick, "data-type": 'TARGET_MODAL' },
-            h("div", { class: 'GradientText' }, ProgressToActivate ?
-              translate('joinReject', this.language) :
-              translate('unJoinReject', this.language))))),
-      h("casino-engagement-suite-modal", { isOpen: this.isModalOpen("SUPPORT_MODAL"), header: translate('noReward', this.language), contentIcon: "https://static.everymatrix.com/gic/img/engagement-suite/alert.svg", modalType: "SUPPORT_MODAL", device: this.device },
-        h("div", { slot: "body" },
-          h("span", null, translate('contactSupport', this.language))),
-        h("div", { slot: "footer" },
-          h("button", { class: 'ModalFooterButton', onClick: this.handleCloseClick, "data-type": 'SUPPORT_MODAL' }, translate('okContinue', this.language))))));
-  }
-  static get is() { return "casino-engagement-suite-modal-container"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["casino-engagement-suite-modal-container.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["casino-engagement-suite-modal-container.css"]
-  }; }
-  static get properties() { return {
-    "clientStyling": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Client custom styling via string"
-      },
-      "attribute": "client-styling",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "clientStylingUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Client custom styling via url"
-      },
-      "attribute": "client-styling-url",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "language": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Language of the widget"
-      },
-      "attribute": "language",
-      "reflect": false,
-      "defaultValue": "'en'"
-    },
-    "isJoiningToChallenge": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Is joining to challenge"
-      },
-      "attribute": "is-joining-to-challenge",
-      "reflect": false
-    },
-    "device": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"Mobile\" | \"Tablet\" | \"Desktop\"",
-        "resolved": "\"Desktop\" | \"Mobile\" | \"Tablet\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "device",
-      "reflect": false,
-      "defaultValue": "'Mobile' as 'Mobile' | 'Tablet' | 'Desktop'"
+            translate('unJoinConfirm', this.language)), h("button", { key: 'e01e434afa2e1129c325042a37b1ac76be5a28c7', class: `ModalFooterButtonOutlined ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleCloseClick, "data-type": 'TARGET_MODAL' }, h("div", { key: '622d587b43206691f4f67b7f13c18f4187560b15', class: 'GradientText' }, ProgressToActivate ?
+            translate('joinReject', this.language) :
+            translate('unJoinReject', this.language))))), h("casino-engagement-suite-modal", { key: '8310ae114d8eefd5d91fb07c5d7cca34c70bffa3', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen("SUPPORT_MODAL"), header: translate('noReward', this.language), contentIcon: "https://static.everymatrix.com/gic/img/engagement-suite/alert.svg", modalType: "SUPPORT_MODAL", device: this.device }, h("div", { key: 'f6cc0be359c4cdbe0c2a3dd3ff3dbfb0841e65fe', slot: "body" }, h("span", { key: 'd4229846b65de554ba68c2c4545e2ac1fcc4fabe' }, translate('contactSupport', this.language))), h("div", { key: '55a91614a32feca8f3ea613b2ea27bb0f37145e9', slot: "footer" }, h("button", { key: '9ea26fa1b55d7fe1201e460c11ec46e8ea673240', class: 'ModalFooterButton', onClick: this.handleCloseClick, "data-type": 'SUPPORT_MODAL' }, translate('okContinue', this.language))))));
+    }
+    static get is() { return "casino-engagement-suite-modal-container"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["casino-engagement-suite-modal-container.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["casino-engagement-suite-modal-container.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via string"
+                },
+                "attribute": "client-styling",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "clientStylingUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via url"
+                },
+                "attribute": "client-styling-url",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Language of the widget"
+                },
+                "attribute": "language",
+                "reflect": false,
+                "defaultValue": "'en'"
+            },
+            "isJoiningToChallenge": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Is joining to challenge"
+                },
+                "attribute": "is-joining-to-challenge",
+                "reflect": false
+            },
+            "device": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "\"Mobile\" | \"Tablet\" | \"Desktop\"",
+                    "resolved": "\"Desktop\" | \"Mobile\" | \"Tablet\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "device",
+                "reflect": false,
+                "defaultValue": "'Mobile' as 'Mobile' | 'Tablet' | 'Desktop'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "limitStylingAppends": {},
+            "openModals": {},
+            "rewardMessage": {},
+            "hasError": {},
+            "confirmationData": {},
+            "winAmount": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "closeModal",
+                "name": "closeModal",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "host"; }
+    static get listeners() {
+        return [{
+                "name": "openModal",
+                "method": "openModalHandler",
+                "target": "body",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "closeModal",
+                "method": "closeModalHandler",
+                "target": "body",
+                "capture": false,
+                "passive": false
+            }];
     }
-  }; }
-  static get states() { return {
-    "limitStylingAppends": {},
-    "openModals": {},
-    "rewardMessage": {},
-    "hasError": {},
-    "confirmationData": {},
-    "winAmount": {}
-  }; }
-  static get events() { return [{
-      "method": "closeModal",
-      "name": "closeModal",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get elementRef() { return "host"; }
-  static get listeners() { return [{
-      "name": "openModal",
-      "method": "openModalHandler",
-      "target": "body",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "closeModal",
-      "method": "closeModalHandler",
-      "target": "body",
-      "capture": false,
-      "passive": false
-    }]; }
 }

package/dist/collection/components/casino-engagement-suite-modal-container/index.js

@@ -0,0 +1 @@
+export { CasinoEngagementSuiteModalContainer } from './casino-engagement-suite-modal-container';

package/dist/collection/utils/locale.utils.js

@@ -1,32 +1,32 @@
 const DEFAULT_LANGUAGE = 'en';
 const SUPPORTED_LANGUAGES = ['en'];
 const TRANSLATIONS = {
-  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'
-  }
+    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'
+    }
 };
 export const translate = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+    const lang = customLang;
+    return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
 };

package/dist/collection/utils/utils.js

@@ -1,4 +1,4 @@
 export function formatBalance(amount, currency) {
-  return `${currency} ${new Intl.NumberFormat('en', { minimumFractionDigits: 2, maximumFractionDigits: 2 })
-    .format(amount)}`;
+    return `${currency} ${new Intl.NumberFormat('en', { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+        .format(amount)}`;
 }

package/dist/esm/app-globals-0f993ce5.js

@@ -0,0 +1,3 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };

package/dist/esm/casino-engagement-suite-modal-container.js

@@ -1,17 +1,20 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-89c6c4a4.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-896654aa.js';
+export { s as setNonce } from './index-896654aa.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.20.0 | MIT Licensed | https://stenciljs.com
  */
-const patchBrowser = () => {
-    const importMeta = import.meta.url;
-    const opts = {};
-    if (importMeta !== '') {
-        opts.resourcesUrl = new URL('.', importMeta).href;
-    }
-    return promiseResolve(opts);
+var patchBrowser = () => {
+  const importMeta = import.meta.url;
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
 };
 
-patchBrowser().then(options => {
+patchBrowser().then(async (options) => {
+  await globalScripts();
   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],"hasError":[32],"confirmationData":[32],"winAmount":[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);
 });