@everymatrix/casino-tournament-prizes 1.16.1

package/dist/cjs/index.cjs.js

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

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-e93b78a6.js');
+
+/*
+ Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
+ */
+const patchEsm = () => {
+    return index.promiseResolve();
+};
+
+const defineCustomElements = (win, options) => {
+  if (typeof window === 'undefined') return Promise.resolve();
+  return patchEsm().then(() => {
+  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],"stylingContainer":[32],"prizes":[32],"prizeGroups":[32],"initialLoad":[32]},[[10,"getTournamentInfoCompleted","infoCompletedHandler"]]]]]], options);
+  });
+};
+
+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": "2.15.2",
+    "typescriptVersion": "4.5.4"
+  },
+  "collections": [],
+  "bundles": []
+}

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

@@ -0,0 +1,100 @@
+:host {
+  display: block;
+}
+
+.PrizeGroups {
+  color: #fff;
+  display: flex;
+  gap: 20px;
+  font-size: 14px;
+}
+
+.PrizeGroup {
+  flex: 1;
+  background: #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: #fff;
+}
+
+.PrizeIcon path {
+  fill: #fff;
+}
+
+.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,312 @@
+import { Component, Prop, h, State, Listen } from '@stencil/core';
+import { translate } from '../../utils/locale.utils';
+export class CasinoTournamentPrizes {
+  constructor() {
+    this.useGroup = false;
+    this.useEvent = false;
+    this.clientStyling = '';
+    this.clientStylingUrl = '';
+    this.limitStylingAppends = false;
+    this.prizes = [];
+    this.prizeGroups = [];
+    this.initialLoad = false;
+    this.setClientStyling = () => {
+      let sheet = document.createElement('style');
+      sheet.innerHTML = this.clientStyling;
+      this.stylingContainer.prepend(sheet);
+    };
+    this.setClientStylingURL = () => {
+      let cssFile = document.createElement('style');
+      setTimeout(() => {
+        cssFile.innerHTML = this.clientStylingUrl;
+        this.stylingContainer.prepend(cssFile);
+      }, 1);
+    };
+  }
+  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 + `/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.stylingContainer) {
+      if (this.clientStyling)
+        this.setClientStyling();
+      if (this.clientStylingUrl)
+        this.setClientStylingURL();
+      this.limitStylingAppends = true;
+    }
+  }
+  render() {
+    {
+      this.prizes && this.prizes.length > 0;
+      return h("div", { ref: el => this.stylingContainer = el, class: `TournamentPrizes ${this.useGroup ? '' : 'PrizeView'}` },
+        this.initialLoad && !this.useGroup && h("div", { class: "PrizeTitle" },
+          h("svg", { class: "PrizeIcon", xmlns: "http://www.w3.org/2000/svg", width: "30", height: "27.454", viewBox: "0 0 30 27.454" },
+            h("path", { 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", { class: "Title" }, translate('prizes', this.language))),
+        this.initialLoad && this.useGroup && h("div", { class: "GroupPrizeTitle" },
+          h("svg", { class: "PrizeIcon", xmlns: "http://www.w3.org/2000/svg", width: "19", height: "16", viewBox: "0 0 19 16", fill: "none" },
+            h("g", { "clip-path": "url(#clip0_2459_42455)" },
+              h("path", { 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", null,
+              h("clipPath", { id: "clip0_2459_42455" },
+                h("rect", { width: "18.2857", height: "16", fill: "white", transform: "translate(0.5)" })))),
+          h("div", { class: "Title" }, translate('prizes', this.language))),
+        h("div", { 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", null, 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": {},
+    "stylingContainer": {},
+    "prizes": {},
+    "prizeGroups": {},
+    "initialLoad": {}
+  }; }
+  static get listeners() { return [{
+      "name": "getTournamentInfoCompleted",
+      "method": "infoCompletedHandler",
+      "target": "window",
+      "capture": true,
+      "passive": false
+    }]; }
+}

package/dist/collection/index.js

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

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

@@ -0,0 +1,53 @@
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['ro', 'en', 'zh-hk', 'fr', 'hu', 'tr', 'el', 'es', 'pt'];
+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
+  }
+};
+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,3 @@
+export function format(first, middle, last) {
+  return ((first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : ''));
+}

package/dist/components/casino-tournament-prizes.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface CasinoTournamentPrizes extends Components.CasinoTournamentPrizes, HTMLElement {}
+export const CasinoTournamentPrizes: {
+  prototype: CasinoTournamentPrizes;
+  new (): CasinoTournamentPrizes;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;