@everymatrix/casino-tournament-info 1.16.1

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

@@ -0,0 +1,714 @@
+import { Component, Prop, h, State, Listen } from '@stencil/core';
+import '@everymatrix/casino-tournament-duration';
+import '@everymatrix/casino-tournament-prizes';
+import '@everymatrix/casino-tournament-buttons';
+import { translate } from '../../utils/locale.utils';
+import moment from 'moment';
+export class CasinoTournamentInfo {
+  constructor() {
+    this.termsUrl = '#';
+    this.keepContext = false;
+    this.useGroup = false;
+    this.align = 'center';
+    this.showDates = false;
+    this.showPrizes = false;
+    this.showButton = false;
+    this.shortStart = false;
+    this.seeGames = false;
+    this.useEvent = false;
+    this.shortStartFormat = 'DD MMM YYYY';
+    this.clientStyling = '';
+    this.clientStylingUrl = '';
+    this.enrolled = false;
+    this.showReadMore = false;
+    this.limitStylingAppends = false;
+    this.formatDate = () => {
+      const dateOptions = { month: 'long' };
+      const startTime = this.tournamentInfo.startTime;
+      const state = this.tournamentInfo.state;
+      let currentDate = new Date(startTime);
+      const setTranslation = () => {
+        return (state === 'Running' || state == 'Closing' || state == 'Closed') ?
+          translate('startedAt', this.language) :
+          translate('startingAt', this.language);
+      };
+      if (this.shortStart) {
+        let startTimeAsString = moment(currentDate).format(this.shortStartFormat);
+        this.startDate = (state === 'Running' || state == 'Closing' || state == 'Closed') ?
+          translate('startedAtWithTime', this.language) + startTimeAsString :
+          translate('startingAtWithTime', this.language) + startTimeAsString;
+      }
+      else {
+        let currentMonthKey = new Intl.DateTimeFormat('en', dateOptions).format(currentDate);
+        let currentDay = currentDate.getDate();
+        let currentHour = currentDate.toLocaleString('en-GB', { hour: 'numeric', minute: 'numeric', hour12: false });
+        this.startDate =
+          `${currentDay}` + ' ' +
+            translate(`${currentMonthKey}`, this.language) + ', ' +
+            setTranslation() +
+            ` ${currentHour}`;
+      }
+    };
+    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);
+    };
+    this.detailsAction = (tournamentId) => {
+      window.postMessage({ type: 'TournamentDetailsClicked', tournamentId }, window.location.href);
+    };
+  }
+  infoCompletedHandler(event) {
+    if (event.detail && this.useEvent) {
+      if (this.tournamentId && this.tournamentId != event.detail.id)
+        return;
+      this.tournamentInfo = event.detail;
+      if (this.tournamentInfo.startTime) {
+        this.formatDate();
+      }
+    }
+  }
+  componentWillLoad() {
+    if (!this.useEvent) {
+      this.tournamentInfo = {
+        nameOrTitle: this.nameOrTitle,
+        scoreCriteria: this.scoreCriteria,
+        termsUrl: this.termsUrl,
+        startTime: this.startTime,
+        endTime: this.endTime,
+        prizes: this.prizes,
+        minBetCount: this.minBetCount
+      };
+    }
+  }
+  componentDidRender() {
+    if (!this.limitStylingAppends && this.stylingContainer) {
+      if (this.clientStyling)
+        this.setClientStyling();
+      if (this.clientStylingUrl)
+        this.setClientStylingURL();
+      this.limitStylingAppends = true;
+    }
+  }
+  tournamentGamesClicked(id) {
+    window.postMessage({ type: 'tournamentGamesClicked', id }, window.location.href);
+  }
+  render() {
+    if (this.tournamentInfo) {
+      return h("div", { ref: el => this.stylingContainer = el },
+        h("div", { class: `TournamentInfo ${this.align}`, part: "TournamentInfo" },
+          h("h1", { class: "Title" }, this.tournamentInfo.nameOrTitle),
+          h("div", { class: "Details" },
+            h("p", { class: "Score" },
+              translate('scoreCriteria', this.language),
+              ":",
+              this.tournamentInfo.scoreCriteria,
+              " (",
+              translate('minbet', this.language),
+              ":",
+              this.tournamentInfo.minBetCount,
+              ")"),
+            this.showDates && h("p", { class: "Dates" }, this.startDate),
+            this.seeGames && h("p", { class: "SeeGames" },
+              translate('seegames', this.language),
+              ":",
+              h("a", { class: "GameLink", href: this.tournamentInfo.termsUrl || '#', target: this.keepContext == true ? '_self' : '_blank', onClick: () => this.tournamentGamesClicked(this.tournamentId) },
+                " ",
+                translate('here', this.language))),
+            this.showButton &&
+              h("div", { class: "InfoButtons" },
+                h("casino-tournament-buttons", { enrolled: this.enrolled, session: this.session, endpoint: this.endpoint, language: this.language, "tournament-id": this.tournamentId, "login-event": this.loginEvent, "login-url": this.loginUrl, "register-event": this.registerEvent, "register-url": this.registerUrl, currency: this.currency, "bonus-code": this.bonusCode, "show-read-more": this.showReadMore }))),
+          this.showPrizes && h("casino-tournament-prizes", { "raw-prizes": JSON.stringify(this.tournamentInfo.prizes), "use-event": "false", "use-group": this.useGroup, language: this.language }),
+          h("casino-tournament-duration", { exportparts: "Remaining,ProgressBar,ProgressBarFill,StartDate,EndDate", "start-date": this.tournamentInfo.startTime, "end-date": this.tournamentInfo.endTime, language: this.language })));
+    }
+  }
+  static get is() { return "casino-tournament-info"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["casino-tournament-info.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["casino-tournament-info.css"]
+  }; }
+  static get properties() { return {
+    "endpoint": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "endpoint",
+      "reflect": false
+    },
+    "nameOrTitle": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "name-or-title",
+      "reflect": false
+    },
+    "scoreCriteria": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "score-criteria",
+      "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
+    },
+    "session": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "session",
+      "reflect": false
+    },
+    "userId": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "user-id",
+      "reflect": false
+    },
+    "language": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "language",
+      "reflect": false
+    },
+    "termsUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "terms-url",
+      "reflect": false,
+      "defaultValue": "'#'"
+    },
+    "keepContext": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "keep-context",
+      "reflect": false,
+      "defaultValue": "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"
+    },
+    "align": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "align",
+      "reflect": false,
+      "defaultValue": "'center'"
+    },
+    "showDates": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "show-dates",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "showPrizes": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "show-prizes",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "showButton": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "show-button",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "shortStart": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "short-start",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "seeGames": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "see-games",
+      "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"
+    },
+    "startTime": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "start-time",
+      "reflect": false
+    },
+    "endTime": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "end-time",
+      "reflect": false
+    },
+    "minBetCount": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "min-bet-count",
+      "reflect": false
+    },
+    "prizes": {
+      "type": "any",
+      "mutable": false,
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "prizes",
+      "reflect": false
+    },
+    "shortStartFormat": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "short-start-format",
+      "reflect": false,
+      "defaultValue": "'DD MMM YYYY'"
+    },
+    "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": "''"
+    },
+    "enrolled": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "enrolled",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "loginEvent": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "login-event",
+      "reflect": false
+    },
+    "loginUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "login-url",
+      "reflect": false
+    },
+    "registerEvent": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "register-event",
+      "reflect": false
+    },
+    "registerUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "register-url",
+      "reflect": false
+    },
+    "currency": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "currency",
+      "reflect": false
+    },
+    "bonusCode": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "bonus-code",
+      "reflect": false
+    },
+    "showReadMore": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "show-read-more",
+      "reflect": false,
+      "defaultValue": "false"
+    }
+  }; }
+  static get states() { return {
+    "limitStylingAppends": {},
+    "stylingContainer": {},
+    "startDate": {},
+    "tournamentInfo": {}
+  }; }
+  static get listeners() { return [{
+      "name": "getTournamentInfoCompleted",
+      "method": "infoCompletedHandler",
+      "target": "window",
+      "capture": false,
+      "passive": false
+    }]; }
+}

package/dist/collection/index.js

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