@everymatrix/lottery-draw-results 1.31.2 → 1.32.4

package/dist/collection/components/lottery-draw-results/lottery-draw-results.js

@@ -1,622 +0,0 @@
-import { Component, Prop, h, State } from '@stencil/core';
-import { translate } from '../../utils/locale.utils';
-import '@everymatrix/lottery-grid';
-export class LotteryDrawResults {
-  constructor() {
-    /**
-     * Language of the widget
-     */
-    this.language = 'en';
-    /**
-     * Shows only the last draw
-     */
-    this.drawMode = false;
-    /**
-     * The drawID (option)
-     */
-    this.drawId = '';
-    /**
-     * The game name
-     */
-    this.gameName = '';
-    /**
-     * The ticket submission date
-     */
-    this.ticketDate = '';
-    /**
-     * The ticket status
-     */
-    this.ticketStatus = '';
-    /**
-     * The ticket id
-     */
-    this.ticketId = '';
-    /**
-     * The ticket amount
-     */
-    this.ticketAmount = '';
-    /**
-     * The ticket multiplier
-     */
-    this.ticketMultiplier = false;
-    /**
-     * The ticket draw count
-     */
-    this.ticketDrawCount = 0;
-    /**
-     * The ticket winning numbers
-     */
-    this.ticketNumbers = '';
-    /**
-     * The session id
-     */
-    this.sessionId = '';
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url content
-     */
-    this.clientStylingUrlContent = '';
-    /**
-     * Data showing the ticket's draw results details
-     */
-    this.ticketDrawData = '';
-    this.multiplier = 3;
-    this.isLoading = true;
-    this.hasErrors = false;
-    this.errorText = '';
-    this.ticketData = [];
-    this.ticketDataLoaded = false;
-    this.ticketDraws = [];
-    this.toggleDrawer = [false];
-    this.limitStylingAppends = false;
-    this.ticketDrawDetails = [];
-    this.ticketDrawDetailsFlag = true;
-    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.clientStylingUrlContent;
-        this.stylingContainer.prepend(cssFile);
-      }, 1);
-    };
-  }
-  connectedCallback() {
-    let promises = [];
-    // Split ticket numbers for each grid
-    if (this.ticketNumbers) {
-      this.gridNumbers = JSON.parse(this.ticketNumbers);
-    }
-    if (this.drawId) {
-      promises.push(this.getDrawData());
-    }
-    Promise.all(promises)
-      .then(() => {
-      this.isLoading = false;
-    }).catch((err) => {
-      console.log('error ', err);
-      this.isLoading = false;
-    });
-  }
-  componentWillRender() {
-    if (this.ticketDrawData && this.ticketDrawDetailsFlag) {
-      this.ticketDrawDetails = JSON.parse(this.ticketDrawData);
-      this.ticketDrawDetails.forEach((drawDetail) => {
-        this.getDrawData(drawDetail.drawId).then((drawData) => drawDetail.drawData = drawData);
-      });
-      this.ticketDrawDetailsFlag = false;
-    }
-  }
-  componentDidRender() {
-    // start custom styling area
-    if (!this.limitStylingAppends && this.stylingContainer) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrlContent)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
-    }
-    // end custom styling area
-  }
-  getDrawData(drawId) {
-    this.isLoading = true;
-    return new Promise((resolve, reject) => {
-      let url = new URL(`${this.endpoint}/games/${this.gameId}/draws/${drawId ? drawId : this.drawId}`);
-      fetch(url.href)
-        .then((response) => {
-        // @TODO EXCEPTIONS
-        return response.json();
-      })
-        .then((data) => {
-        if (drawId) {
-          resolve(data);
-        }
-        else {
-          this.drawData = data;
-          resolve(true);
-        }
-        this.isLoading = false;
-      })
-        .catch((err) => {
-        reject(err);
-        this.isLoading = false;
-      });
-    });
-  }
-  drawerToggle(index) {
-    this.toggleDrawer = this.toggleDrawer.map((item, itemIndex) => {
-      if (itemIndex == index) {
-        return !item;
-      }
-      return item;
-    });
-    if (index >= this.toggleDrawer.length) {
-      this.toggleDrawer.push(true);
-    }
-  }
-  render() {
-    if (this.isLoading) {
-      return (h("p", null, "Loading, please wait ..."));
-    }
-    else if (this.hasErrors) {
-      h("p", null, this.errorText);
-    }
-    else {
-      return (h("section", { class: "DrawResultsSection", ref: el => this.stylingContainer = el }, this.drawMode ?
-        h("div", { class: "DrawResultsArea" }, this.drawData &&
-          h("div", null,
-            h("div", { class: "DrawResultsHeader" },
-              h("span", null,
-                translate('drawId', this.language),
-                ":  ",
-                this.drawData.id),
-              h("span", null,
-                translate('drawDate', this.language),
-                ": ",
-                this.drawData.date.slice(0, 10))),
-            h("div", { class: "DrawResultsBody" },
-              h("div", { class: "DrawNumbersGrid" },
-                h("p", null,
-                  translate('drawNumbersGridDraw', this.language),
-                  "0:"),
-                h("div", { class: "BulletContainer" },
-                  h("lottery-grid", { "selected-numbers": this.drawData.winningNumbers.join(','), "display-selected": true, selectable: false, language: this.language, "grid-type": 'ticket', "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent })),
-                h("div", { class: "DrawMultipler" },
-                  h("label", { class: "Label" },
-                    translate('multiplier', this.language),
-                    " ",
-                    this.multiplier))))))
-        :
-          h("div", { class: "DrawResultsArea TicketDraws" },
-            h("div", { class: "DrawResultsBody" },
-              h("div", { class: "TicketIdContainer" },
-                h("label", { class: "Label" },
-                  translate('ticketId', this.language),
-                  ": ",
-                  h("span", null, this.ticketId))),
-              h("div", { class: "TicketAmountContainer" },
-                h("label", { class: "Label" },
-                  translate('ticketAmount', this.language),
-                  " ",
-                  h("span", null, this.ticketAmount))),
-              h("div", { class: "DrawNumbersGrid" }, this.gridNumbers.map((grid, index) => h("div", null,
-                h("label", { class: "Label" },
-                  translate('drawNumbersGridTicket', this.language),
-                  " ",
-                  String.fromCharCode(index + 65),
-                  ":"),
-                h("div", { class: "BulletContainer" },
-                  h("lottery-grid", { "selected-numbers": grid.join(','), selectable: false, "display-selected": true, language: this.language, "grid-type": 'ticket', "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }))))),
-              h("div", { class: "DrawMultipler" },
-                h("label", { class: "Label" },
-                  translate('multiplier', this.language),
-                  " ",
-                  JSON.stringify(this.ticketMultiplier))),
-              h("div", { class: "NumberOfDrawsContainer" },
-                h("label", { class: "Label" },
-                  translate('numberOfDraws', this.language),
-                  ": ",
-                  this.ticketDrawCount),
-                h("div", { class: "DrawTicketsContainer" }, this.ticketDrawDetails && this.ticketDrawDetails.length > 0 &&
-                  h("div", { class: "ExpandableBoxes" }, this.ticketDrawDetails.map((drawDetail, index) => {
-                    var _a, _b, _c, _d, _e;
-                    return h("div", { class: { 'ExpandableBox': true, 'ShowBox': this.toggleDrawer[index] }, onClick: () => this.drawerToggle(index) },
-                      h("div", { class: "ExpandableBoxHeader" },
-                        h("div", { class: "TicketResultContainer" },
-                          h("p", null,
-                            translate('ticketResult', this.language),
-                            ": ",
-                            drawDetail.state)),
-                        drawDetail.state == 'won' &&
-                          h("div", { class: "AmountWonContainer" },
-                            h("p", null,
-                              translate('amountWon', this.language),
-                              ": ",
-                              Number(drawDetail.amount).toLocaleString('en'),
-                              " ",
-                              drawDetail.currency)),
-                        drawDetail.state == 'lost' &&
-                          h("div", { class: "DrawIdContainer" },
-                            h("p", null,
-                              translate('drawId', this.language),
-                              ": ",
-                              drawDetail.drawId))),
-                      h("div", { class: "ExpandableBoxBody" },
-                        h("div", { class: "DrawIdContainer" },
-                          h("p", null,
-                            translate('drawId', this.language),
-                            ": ",
-                            drawDetail.drawId)),
-                        h("div", { class: "DrawDateContainer" },
-                          h("p", null,
-                            translate('drawDate', this.language),
-                            ": ", (_a = drawDetail.drawData) === null || _a === void 0 ? void 0 :
-                            _a.date.slice(0, 10),
-                            " | ", (_b = drawDetail.drawData) === null || _b === void 0 ? void 0 :
-                            _b.date.slice(11, 19))),
-                        h("div", { class: "DrawNumbersGrid" }, drawDetail.drawData &&
-                          h("div", { class: 'BulletContainer' },
-                            h("label", { class: "Label" },
-                              translate('drawNumbersGridDraw', this.language),
-                              " ",
-                              String.fromCharCode(index + 10),
-                              ":"),
-                            h("lottery-grid", { "selected-numbers": (_d = (_c = drawDetail.drawData) === null || _c === void 0 ? void 0 : _c.winningNumbers) === null || _d === void 0 ? void 0 : _d.join(','), selectable: false, "display-selected": true, language: this.language, "grid-type": 'ticket', "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }))),
-                        h("div", { class: "DrawMultipler" },
-                          h("label", { class: "Label" },
-                            translate('multiplier', this.language),
-                            " ", (_e = drawDetail.drawData) === null || _e === void 0 ? void 0 :
-                            _e.multiplier))));
-                  }))))))));
-    }
-  }
-  static get is() { return "lottery-draw-results"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["lottery-draw-results.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["lottery-draw-results.css"]
-  }; }
-  static get properties() { return {
-    "endpoint": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Endpoint URL for the source of data"
-      },
-      "attribute": "endpoint",
-      "reflect": true
-    },
-    "gameId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "GameID of the lottery game"
-      },
-      "attribute": "game-id",
-      "reflect": true
-    },
-    "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": true,
-      "defaultValue": "'en'"
-    },
-    "playerId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Player ID"
-      },
-      "attribute": "player-id",
-      "reflect": true
-    },
-    "drawMode": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Shows only the last draw"
-      },
-      "attribute": "draw-mode",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "drawId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The drawID (option)"
-      },
-      "attribute": "draw-id",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "gameName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The game name"
-      },
-      "attribute": "game-name",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "ticketDate": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The ticket submission date"
-      },
-      "attribute": "ticket-date",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "ticketStatus": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The ticket status"
-      },
-      "attribute": "ticket-status",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "ticketId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The ticket id"
-      },
-      "attribute": "ticket-id",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "ticketAmount": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The ticket amount"
-      },
-      "attribute": "ticket-amount",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "ticketMultiplier": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The ticket multiplier"
-      },
-      "attribute": "ticket-multiplier",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "ticketDrawCount": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The ticket draw count"
-      },
-      "attribute": "ticket-draw-count",
-      "reflect": true,
-      "defaultValue": "0"
-    },
-    "ticketNumbers": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The ticket winning numbers"
-      },
-      "attribute": "ticket-numbers",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "sessionId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The session id"
-      },
-      "attribute": "session-id",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "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": "''"
-    },
-    "clientStylingUrlContent": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Client custom styling via url content"
-      },
-      "attribute": "client-styling-url-content",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "ticketDrawData": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Data showing the ticket's draw results details"
-      },
-      "attribute": "ticket-draw-data",
-      "reflect": true,
-      "defaultValue": "''"
-    }
-  }; }
-  static get states() { return {
-    "multiplier": {},
-    "isLoading": {},
-    "hasErrors": {},
-    "errorText": {},
-    "ticketData": {},
-    "ticketDataLoaded": {},
-    "ticketDraws": {},
-    "toggleDrawer": {},
-    "limitStylingAppends": {},
-    "drawData": {}
-  }; }
-}

package/dist/collection/index.js

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