@everymatrix/casino-tournament-prizes 1.44.0 → 1.45.0

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

@@ -1,11 +0,0 @@
-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;

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

@@ -1,205 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-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',
-  }
-};
-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]);
-};
-
-const casinoTournamentPrizesCss = ":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)}";
-
-const CasinoTournamentPrizes$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.useGroup = false;
-    this.useEvent = false;
-    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() {
-    {
-      return h("div", { 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))));
-    }
-  }
-  get host() { return this; }
-  static get style() { return casinoTournamentPrizesCss; }
-}, [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"]]]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["casino-tournament-prizes"];
-  components.forEach(tagName => { switch (tagName) {
-    case "casino-tournament-prizes":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, CasinoTournamentPrizes$1);
-      }
-      break;
-  } });
-}
-
-const CasinoTournamentPrizes = CasinoTournamentPrizes$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { CasinoTournamentPrizes, defineCustomElement };

package/dist/components/index.d.ts

@@ -1,26 +0,0 @@
-/* CasinoTournamentPrizes custom elements */
-
-import type { Components, JSX } from "../types/components";
-
-/**
- * Used to manually set the base path where assets can be found.
- * If the script is used as "module", it's recommended to use "import.meta.url",
- * such as "setAssetPath(import.meta.url)". Other options include
- * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
- * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
- * But do note that this configuration depends on how your script is bundled, or lack of
- * bundling, and where your assets can be loaded from. Additionally custom bundling
- * will have to ensure the static assets are copied to its build directory.
- */
-export declare const setAssetPath: (path: string) => void;
-
-export interface SetPlatformOptions {
-  raf?: (c: FrameRequestCallback) => number;
-  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-}
-export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-
-export type { Components, JSX };
-
-export * from '../types';

package/dist/components/index.js

@@ -1 +0,0 @@
-export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';