@everymatrix/casino-engagement-suite-modal-container 1.0.69

package/dist/cjs/index.cjs.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-00ddb955.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
+  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],"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);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,19 @@
+{
+  "entries": [
+    "components/casino-engagement-suite-modal-container/casino-engagement-suite-modal-container.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.20.0",
+    "typescriptVersion": "5.5.3"
+  },
+  "collections": [
+    {
+      "name": "@everymatrix/casino-engagement-suite-modal",
+      "tags": [
+        "casino-engagement-suite-modal"
+      ]
+    }
+  ],
+  "bundles": []
+}

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

@@ -0,0 +1,115 @@
+:host {
+  display: block;
+  font-family: inherit;
+}
+
+.ModalFooterButton, .ModalFooterButtonOutlined {
+  transition: all 0.5s ease-out;
+  background: linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);
+  color: var(--emw--color-typography, #1E1638);
+  border-radius: 99px;
+  min-width: 160px;
+  height: 36px;
+  font-size: var(--emw--font-size-small-plus, 16px);
+  font-weight: var(--emw--font-weight-bold, 700);
+  position: relative;
+  font-family: "Montserrat", sans-serif;
+  padding: 0 16px;
+  box-sizing: border-box;
+  margin: auto;
+  border: none;
+  cursor: pointer;
+}
+
+.ModalFooterButtonOutlined {
+  background: linear-gradient(var(--emw--color-background, #1E1638) 0 0) padding-box, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%) border-box;
+  border: 2px solid transparent;
+}
+
+.GradientText {
+  background-image: 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-bold, 600);
+  font-size: 16px;
+  line-height: 20px;
+  color: var(--emw--color-typography, #FFF);
+}
+
+.JackpotWinAmount {
+  margin-top: 8px;
+  box-shadow: -0.41px 0.41px 0px 0px rgba(0, 0, 0, 0.1490196078), -0.41px 0.41px 2px 0px rgba(0, 0, 0, 0.5019607843);
+  background: 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: 900;
+  font-size: 16px;
+  line-height: 16px;
+}
+
+.SupportInfo {
+  margin-top: 20px;
+}
+
+.ModalContainer.Mobile .ModalFooterButton,
+.ModalContainer.Mobile .ModalFooterButtonOutlined,
+.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,
+.ModalContainer.Mobile .ManyActions .ModalFooterButton,
+.ModalContainer.Mobile .ManyActions .ModalFooterButtonOutlined {
+  width: 100%;
+  height: 32px;
+}
+.ModalContainer.Mobile .ManyActions button:first-child,
+.ModalContainer.Mobile .ManyActions button:first-child {
+  margin-bottom: 8px;
+}
+.ModalContainer.Mobile .JackpotWinText,
+.ModalContainer.Mobile .JackpotWinText {
+  font-size: 14px;
+  line-height: 16px;
+}
+.ModalContainer.Mobile .JackpotWinAmount,
+.ModalContainer.Mobile .JackpotWinAmount {
+  font-size: 14px;
+  line-height: 14px;
+}
+
+.LeftAlign {
+  text-align: left;
+  line-height: 1.2;
+}

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

@@ -0,0 +1,242 @@
+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() {
+        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: '' };
+    }
+    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;
+        }
+    }
+    render() {
+        const { ProgressToActivate } = this.confirmationData || {};
+        return (h("div", { key: '136c2521b6ce142d9c0dddf9300526e156b937d6', class: `ModalContainer ${this.device}` }, h("casino-engagement-suite-modal", { key: '151a21ef6d3b0e5f3d82ebe45f0a22aa519821bb', 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: '00d4a4ea4d1a790d68a06156b4829b1b181c072f', slot: "body" }, h("div", { key: 'dff1a278e656acaec2aa5045a54dd12226f5ac61' }, translate('won', this.language), " ", h("span", { key: 'bf8eccf6e0221fab5fb319ca05a61917956dc2b0', class: 'ModalReward' }, this.rewardMessage)), this.hasError && (h("div", { key: 'b9ab84114f91fc3e2d80bc5871afd804abb3daab', class: "SupportInfo" }, translate('supportInfo', this.language)))), h("div", { key: 'e45e9a072f5cf1bb5d36d232896dffbeff110621', slot: "footer" }, h("button", { key: 'c76d8b69e2ceef4f93fd01319b79e09e638e4212', class: 'ModalFooterButton', onClick: this.handleCloseClick, "data-type": 'REWARD_MODAL' }, translate('continue', this.language)))), h("casino-engagement-suite-modal", { key: 'cd1500c95db9670004deaee3f374aff36dbdb156', 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: 'a6832af4eb48940d5c573ed906a7511082c1b59e', slot: "body" }, h("div", { key: 'ad484526c5fbfcd2aa8280f6050c573022b6c04e', class: "JackpotWinText" }, translate('jackpotWin', this.language)), h("div", { key: '3475b1d2824afd37f07cfbbe7db97b15f56f9772', class: "JackpotWinAmount" }, formatBalance(this.winAmount.amount, this.winAmount.currency))), h("div", { key: 'd5da13989c807d509a307fe21e5eb37d2f417926', slot: "footer" }, h("button", { key: '43b080260542d91712e8ae956e6e97e4d51ba4ac', class: 'ModalFooterButton', onClick: this.handleCloseClick, "data-type": 'JACKPOT_REWARD_MODAL' }, translate('continue', this.language)), h("div", { key: '145b2a136d92cdf575267d9350ea8c673cac6a21', class: "JackpotWinInfoText" }, translate('jackpotWinInfo', this.language)))), h("casino-engagement-suite-modal", { key: 'ef905b8a730bdae1f03711fecef7b32b15b8d98d', 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: 'cf234ba1fef13cade20db68b8a5c8973fe7a2285', slot: "body" }, h("div", { key: '1ed85c4005cf467491b96e4a1ecc76f635bae15d', class: 'LeftAlign' }, translate('desc', this.language)), h("div", { key: '1cbad96502b6fc3d730ae7301e062728e1030cd6', class: 'LeftAlignQuestion' }, ProgressToActivate ?
+            translate('joinQuestion', this.language) :
+            translate('unJoinQuestion', this.language))), h("div", { key: 'c288c8eddba30f36c4aa9d59c12c47c84033cecd', slot: "footer", class: 'ManyActions' }, h("button", { key: '184eddbe4d080628f87ab863b2f045d85a2122d5', class: `ModalFooterButton ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleChallengeAttendance }, ProgressToActivate ?
+            translate('joinConfirm', this.language) :
+            translate('unJoinConfirm', this.language)), h("button", { key: 'aa165d256092a64d907645cc62102156d4caf02b', class: `ModalFooterButtonOutlined ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleCloseClick, "data-type": 'TARGET_MODAL' }, h("div", { key: '5bb286abafdd1676ddb3080fc1e96adfd68af39f', class: 'GradientText' }, ProgressToActivate ?
+            translate('joinReject', this.language) :
+            translate('unJoinReject', this.language))))), h("casino-engagement-suite-modal", { key: '44ab65b8618af413b70e647ba6d497a581dbff91', 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: 'fe6cff805502a17e61d4c9bae8a434635f708e58', slot: "body" }, h("span", { key: 'aae084da0430fc62a484f16c1fe7dc1278955b5e' }, translate('contactSupport', this.language))), h("div", { key: 'ff10b11d061bfafe306491afe8461da76dfd991c', slot: "footer" }, h("button", { key: 'ae2a9345e70d5dd24c7c52aa15a3734464074f81', 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
+            }];
+    }
+}

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/index.js

@@ -0,0 +1 @@
+export * from './components';

package/dist/collection/models/index.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,31 @@
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['en'];
+const TRANSLATIONS = {
+    en: {
+        joinHeader: 'Choose another challenge?',
+        desc: 'Any progress on the current challenge will be kept and you can rejoin the challenge at any time.',
+        joinQuestion: 'Would you still like to join another challenge?',
+        joinConfirm: 'Yes, join another challenge',
+        joinReject: 'No, stay at current challenge',
+        unJoinHeader: 'Quit Challenge?',
+        unJoinQuestion: 'Would you still like to quit the challenge?',
+        unJoinConfirm: 'Yes, I want to quit challenge',
+        unJoinReject: 'No, stay at challenge',
+        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',
+        noChallenges: 'No Challenges yet',
+        tryOtherGames: 'Try winning Challenges as rewards or launching other booster games',
+        tooltip: 'Competition where your real money bets contribute towards the level progress to achieve the level reward',
+        jackpotWin: 'Total Jackpot Win!'
+    }
+};
+export const translate = (key, customLang) => {
+    const lang = customLang;
+    return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+};

package/dist/collection/utils/utils.js

@@ -0,0 +1,4 @@
+export function formatBalance(amount, currency) {
+    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

@@ -0,0 +1,20 @@
+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 v4.20.0 | MIT Licensed | https://stenciljs.com
+ */
+var patchBrowser = () => {
+  const importMeta = import.meta.url;
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
+};
+
+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);
+});