@everymatrix/casino-tournament-prizes 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-c53c7832.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-tournament-prizes.cjs",[[1,"casino-tournament-prizes",{"language":[1],"useGroup":[4,"use-group"],"useEvent":[4,"use-event"],"endpoint":[1],"session":[1],"rawPrizes":[1,"raw-prizes"],"tournamentId":[1,"tournament-id"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"limitStylingAppends":[32],"prizes":[32],"prizeGroups":[32],"initialLoad":[32]},[[10,"getTournamentInfoCompleted","infoCompletedHandler"]]]]]], options);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,12 @@
+{
+  "entries": [
+    "components/casino-tournament-prizes/casino-tournament-prizes.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.20.0",
+    "typescriptVersion": "5.5.3"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/casino-tournament-prizes/casino-tournament-prizes.css

@@ -0,0 +1,100 @@
+:host {
+  display: block;
+}
+
+.PrizeGroups {
+  color: var(--emfe-w-color-white, #FFFFFF);
+  display: flex;
+  gap: 20px;
+  font-size: 14px;
+}
+
+.PrizeGroup {
+  flex: 1;
+  background: var(--emfe-w-tournament-color-bg, #153a5c);
+}
+
+.PrizeTitle {
+  text-align: center;
+  width: 100%;
+}
+
+.GroupPrizeTitle {
+  width: 100%;
+  display: flex;
+  padding: 8px 6px;
+  gap: 8px;
+  justify-content: center;
+}
+
+.PrizeView {
+  display: flex;
+  gap: 10px;
+  font-size: 12px;
+}
+.PrizeView .PrizeTitle {
+  display: inline-block;
+  width: auto;
+}
+.PrizeView .PrizeGroups {
+  display: inline-flex;
+}
+
+.Title {
+  text-align: center;
+  color: var(--emfe-w-color-white, #FFFFFF);
+}
+
+.PrizeIcon path {
+  fill: var(--emfe-w-color-white, #FFFFFF);
+}
+
+.PrizeRow {
+  padding: 8px;
+  border-bottom: 1px solid rgba(206, 210, 214, 0.15);
+}
+
+.PrizeItem {
+  display: flex;
+  justify-content: space-between;
+  padding: 6px;
+  font-size: 12px;
+  border-radius: 2px;
+}
+
+.Group1 .Rank1 {
+  background: #7e6c22;
+}
+.Group1 .Rank2 {
+  background: #666;
+}
+.Group1 .Rank3 {
+  background: #6a5446;
+}
+
+.Prizes {
+  padding-left: 20px;
+  flex-wrap: wrap;
+  display: flex;
+  gap: 20px;
+  width: 100%;
+  min-height: 50px;
+  padding-top: 8px;
+}
+
+.Prize {
+  flex-grow: 1;
+  color: var(--emfe-w-color-gray-300, #58586B);
+}
+.Prize.Prize0 span {
+  color: #FECF00;
+}
+.Prize.Prize1 span {
+  color: #D9B206;
+}
+.Prize.Prize2 span {
+  color: #9B8007;
+}
+.Prize p {
+  color: var(--emfe-w-color-white, #FFFFFF);
+}

package/dist/collection/components/casino-tournament-prizes/casino-tournament-prizes.js

@@ -0,0 +1,305 @@
+import { h } from "@stencil/core";
+import { translate } from "../../utils/locale.utils";
+export class CasinoTournamentPrizes {
+    constructor() {
+        this.language = undefined;
+        this.useGroup = false;
+        this.useEvent = false;
+        this.endpoint = undefined;
+        this.session = undefined;
+        this.rawPrizes = undefined;
+        this.tournamentId = undefined;
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.limitStylingAppends = false;
+        this.prizes = [];
+        this.prizeGroups = [];
+        this.initialLoad = false;
+    }
+    infoCompletedHandler(event) {
+        if (event.detail) {
+            this.prizes = event.detail.prizes;
+            this.formatGroup();
+            this.initialLoad = true;
+        }
+    }
+    formatGroup() {
+        const prizes = this.prizes;
+        prizes.forEach((prize) => {
+            let array = [];
+            if (prize.count > 0) {
+                for (let index = 0; index < prize.count; index++) {
+                    const element = { name: prize.name, rank: prize.rank + index };
+                    array.push(element);
+                }
+            }
+            this.prizeGroups.push(array);
+        });
+    }
+    getTournamentInfo() {
+        let url = new URL(this.endpoint + `/v1/tournaments/${this.tournamentId}`);
+        let reqHeaders = new Headers();
+        url.searchParams.append('expand', 'games');
+        url.searchParams.append('language', this.language);
+        url.searchParams.append('fields', 'playerEnrolled,games(id,name,thumbnail)');
+        if (this.session) {
+            reqHeaders.append('X-SessionId', this.session);
+        }
+        let requestOptions = {
+            method: 'GET',
+            headers: reqHeaders,
+        };
+        fetch(url.href, requestOptions).then((res) => res.json())
+            .then((res) => {
+            this.prizes = res.item.prizes;
+            if (this.useGroup) {
+                this.formatGroup();
+            }
+            this.initialLoad = true;
+        });
+    }
+    componentWillLoad() {
+        if (!this.useEvent && this.rawPrizes) {
+            this.prizes = JSON.parse(this.rawPrizes);
+            if (this.useGroup) {
+                this.formatGroup();
+            }
+            this.initialLoad = true;
+        }
+        if (!this.useEvent && this.endpoint && this.tournamentId) {
+            this.getTournamentInfo();
+        }
+    }
+    componentDidRender() {
+        if (!this.limitStylingAppends && this.host) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            if (this.clientStylingUrl)
+                this.setClientStylingURL();
+            this.limitStylingAppends = true;
+        }
+    }
+    setClientStyling() {
+        const sheet = new CSSStyleSheet();
+        // @ts-ignore
+        sheet.replace(this.clientStyling);
+        // @ts-ignore
+        this.host.shadowRoot.adoptedStyleSheets = [...this.host.shadowRoot.adoptedStyleSheets, sheet];
+    }
+    setClientStylingURL() {
+        let url = new URL(this.clientStylingUrl);
+        fetch(url.href)
+            .then((res) => res.text())
+            .then((data) => {
+            const sheet = new CSSStyleSheet();
+            // @ts-ignore
+            sheet.replace(data);
+            // @ts-ignore
+            this.host.shadowRoot.adoptedStyleSheets = [...this.host.shadowRoot.adoptedStyleSheets, sheet];
+        });
+    }
+    render() {
+        {
+            this.prizes && this.prizes.length > 0;
+            return h("div", { key: '6f6d6a40e0374ad146b0eda343d963679fbd11f0', class: `TournamentPrizes ${this.useGroup ? '' : 'PrizeView'}` }, this.initialLoad && !this.useGroup && h("div", { key: '28edb876913c67479b4fb5c885244cea36a073ea', class: "PrizeTitle" }, h("svg", { key: '6cd86bf5db8eacee01a9577458c136cbe78684bc', class: "PrizeIcon", xmlns: "http://www.w3.org/2000/svg", width: "30", height: "27.454", viewBox: "0 0 30 27.454" }, h("path", { key: '744e27a1ee73240f5876abd14b2e912b8dbc979e', d: "M35.84,12.887a1.023,1.023,0,0,0-.853-.481h-5.2l.242-1.456a1.023,1.023,0,0,0-1.023-1.19H12.977a1.023,1.023,0,0,0-1.023,1.19l.242,1.456H7.022a1.023,1.023,0,0,0-.921,1.47l2.967,6.077a6.48,6.48,0,0,0,5.163,3.581,7.227,7.227,0,0,0,3.7,3.963v2.667h-.426a3.525,3.525,0,1,0,0,7.049H24.5a3.525,3.525,0,1,0,0-7.049h-.426V27.5a7.227,7.227,0,0,0,3.7-3.963,6.48,6.48,0,0,0,5.167-3.581L35.9,13.876a1.023,1.023,0,0,0-.058-.989ZM10.914,19.05l-2.241-4.6h3.891l1.153,6.916A4.406,4.406,0,0,1,10.914,19.05ZM25.977,33.687A1.477,1.477,0,0,1,24.5,35.164H17.509a1.478,1.478,0,0,1,0-2.957H24.5A1.48,1.48,0,0,1,25.977,33.687Zm-3.949-3.526H19.982V28.094a6.729,6.729,0,0,0,2.046,0Zm4.123-8.383a5.218,5.218,0,0,1-10.293,0L14.184,11.8H27.826ZM31.1,19.05a4.406,4.406,0,0,1-2.8,2.309l1.153-6.916h3.891Z", transform: "translate(-5.999 -9.76)" })), h("div", { key: 'ddd4dd055f8441b1b0355e95e88b43049a108b2c', class: "Title" }, translate('prizes', this.language))), this.initialLoad && this.useGroup && h("div", { key: '83b846fe441de36598d01742fd6730de4c5920bf', class: "GroupPrizeTitle" }, h("svg", { key: 'e6b379df8cc991173b588e8dd9408b0c6716de7a', class: "PrizeIcon", xmlns: "http://www.w3.org/2000/svg", width: "19", height: "16", viewBox: "0 0 19 16", fill: "none" }, h("g", { key: '0332923cca76d7ccbe779cb367abb4e8952842b5', "clip-path": "url(#clip0_2459_42455)" }, h("path", { key: '607a3379976189ca332117ec968c34046b3dcb46', d: "M14.7476 2.84132V0.664551H4.03327V2.84132H0.818359V5.01946C0.818359 6.8229 2.2568 8.28496 4.0326 8.28496C4.36862 8.28496 4.69326 8.23192 4.99647 8.13399C5.76958 9.25604 6.94898 10.07 8.31782 10.3516V13.7266H7.24685C6.06276 13.7266 5.1029 14.701 5.1029 15.9026H13.6753C13.6753 14.7004 12.7168 13.7266 11.5327 13.7266H10.4611V10.3516C11.8293 10.07 13.0087 9.25672 13.7818 8.13399C14.0863 8.23124 14.4116 8.28496 14.7463 8.28496C16.5214 8.28496 17.9612 6.8229 17.9612 5.01946V2.84132H14.7476ZM4.03327 6.99222C2.9623 6.99222 2.0908 6.10751 2.0908 5.01946V3.93005H4.03327V5.01946C4.03327 5.70221 4.15844 6.3564 4.38401 6.9589C4.27089 6.9793 4.15175 6.99086 4.03327 6.99086V6.99222ZM11.0207 5.88989L12.0414 9.06223L9.38945 7.09355L6.7368 9.06223L7.75757 5.88989L5.09688 3.93481L8.3814 3.94229L9.38945 0.767235L10.3968 3.94229L13.6814 3.93481L11.0207 5.88989ZM16.6901 5.01946C16.6901 6.10683 15.8193 6.99222 14.7483 6.99222C14.6285 6.99222 14.512 6.9793 14.3982 6.95958C14.6245 6.3564 14.7483 5.70357 14.7483 5.02014V3.93073H16.6901V5.02014V5.01946Z", fill: "white" })), h("defs", { key: '66f11be400aac05c7f334a48b82cfb1aabdead8c' }, h("clipPath", { key: '65e879523cff89288af691d5f705ef55996f3107', id: "clip0_2459_42455" }, h("rect", { key: '382441f3ade90fa866096c5f25dfc3cb49d82132', width: "18.2857", height: "16", fill: "white", transform: "translate(0.5)" })))), h("div", { key: '8610b8361faa0d2316415e39a21162dfcdcaeccf', class: "Title" }, translate('prizes', this.language))), h("div", { key: '76d9452769046d3c9cd4d0dd7a65396c5083ebc6', class: "PrizeGroups" }, this.useGroup == true && this.prizeGroups && this.prizeGroups.map((group, groupIndex) => {
+                return h("div", { class: `PrizeGroup Group${groupIndex + 1}` }, group && group.map((prize, prizeIndex) => {
+                    return h("div", { class: "PrizeRow" }, h("div", { class: `PrizeItem Rank${prizeIndex + 1}` }, h("span", { class: "PrizeRank" }, prize.rank, " ", translate('place', this.language), "  "), h("span", { class: "PrizeName" }, prize.name)));
+                }));
+            }), this.useGroup == false && this.prizes && this.prizes.map((prize, prizeIndex) => {
+                return h("div", { class: `Prize Prize${prizeIndex}` }, h("p", { class: "PrizeText" }, h("span", { class: "PrizeRank" }, prize.count > 1 ? (`${prize.rank}~${prize.rank + prize.count - 1}`) : (prize.rank)), " ", translate('place', this.language), ": ", prize.name));
+            }), !this.prizes && h("p", { key: '2df9ce5a0f56928a550f0ebf3de962835df0d6f2' }, translate('noprizes', this.language))));
+        }
+        ;
+    }
+    static get is() { return "casino-tournament-prizes"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["casino-tournament-prizes.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["casino-tournament-prizes.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "language",
+                "reflect": false
+            },
+            "useGroup": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "use-group",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "useEvent": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "use-event",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "endpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "endpoint",
+                "reflect": false
+            },
+            "session": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "session",
+                "reflect": false
+            },
+            "rawPrizes": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "raw-prizes",
+                "reflect": false
+            },
+            "tournamentId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "tournament-id",
+                "reflect": false
+            },
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "client-styling",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "clientStylingUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "client-styling-url",
+                "reflect": false,
+                "defaultValue": "''"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "limitStylingAppends": {},
+            "prizes": {},
+            "prizeGroups": {},
+            "initialLoad": {}
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get listeners() {
+        return [{
+                "name": "getTournamentInfoCompleted",
+                "method": "infoCompletedHandler",
+                "target": "window",
+                "capture": true,
+                "passive": false
+            }];
+    }
+}

package/dist/collection/components/casino-tournament-prizes/index.js

@@ -0,0 +1 @@
+export { CasinoTournamentPrizes } from './casino-tournament-prizes';

package/dist/collection/index.js

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

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

@@ -0,0 +1,58 @@
+const DEFAULT_LANGUAGE = 'en';
+const TRANSLATIONS = {
+    en: {
+        prizes: 'Prizes',
+        noprizes: 'No available prizes',
+        place: 'place',
+    },
+    'zh-hk': {
+        prizes: '獎品',
+        noprizes: '沒有可用的獎品',
+        place: 'place', // need translation
+    },
+    fr: {
+        prizes: 'Prix',
+        noprizes: 'Aucun prix disponible',
+        place: 'place', // need translation
+    },
+    ro: {
+        prizes: 'Premii',
+        noprizes: 'Nu sunt disponibile premii',
+        place: 'poziție',
+    },
+    tr: {
+        prizes: 'Ödüller',
+        noprizes: 'Geçerli ödül yok',
+        place: 'Sıra',
+    },
+    el: {
+        prizes: 'Έπαθλα',
+        noprizes: 'Μη διαθέσιμα έπαθλα',
+        place: 'θέση',
+    },
+    es: {
+        prizes: 'Premios',
+        noprizes: 'No hay premios disponibles',
+        place: 'posición',
+    },
+    hu: {
+        prizes: 'Nyeremények',
+        noprizes: 'Nincs elérhető nyeremény',
+        place: 'helyezés',
+    },
+    pt: {
+        prizes: 'Prêmios',
+        noprizes: 'Não há prêmios disponíveis',
+        place: 'place', // need translation
+    },
+    hr: {
+        prizes: 'Nagrade',
+        noprizes: 'Nema dostupnih nagrada',
+        place: 'mjesto',
+    }
+};
+export const translate = (key, customLang) => {
+    var _a, _b;
+    const lang = customLang;
+    return ((_a = TRANSLATIONS[lang]) === null || _a === void 0 ? void 0 : _a[key]) || ((_b = TRANSLATIONS[DEFAULT_LANGUAGE]) === null || _b === void 0 ? void 0 : _b[key]);
+};

package/dist/collection/utils/utils.js

@@ -0,0 +1,3 @@
+export function format(first, middle, last) {
+    return ((first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : ''));
+}

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

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