@everymatrix/lottery-game-page 0.1.26 → 1.0.69

package/dist/components/lottery-draw-results2.js

@@ -1,335 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './lottery-bullet2.js';
-import { d as defineCustomElement$1 } from './lottery-grid2.js';
-
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en'];
-const TRANSLATIONS = {
-  en: {
-    drawResultsHeader: 'Last draw results',
-    drawId: 'Draw ID',
-    drawName: 'Game name',
-    drawDate: 'Draw Date',
-    drawNumbersGridDraw: 'Draw numbers Grid ',
-    drawNumbersGridTicket: 'Draw numbers Grid ',
-    ticketResult: 'Ticket result',
-    amountWon: 'Amount won',
-    numberOfDraws: 'Number of draws',
-    multiplier: 'Multiplier:',
-    ticketPurchaseDate: 'Ticket Purchase Date',
-    ticketStatus: 'Ticket Status',
-    ticketId: 'Ticket ID',
-    ticketAmount: 'Ticket Amount',
-    winUpTo: 'Win up to',
-  },
-  ro: {
-    drawResultsHeader: 'Ultimele rezultate extragere',
-    drawId: 'Id extragere',
-    drawName: 'Numele jocului',
-    drawDate: 'Data extragerii',
-    drawNumbersGridDraw: 'Numerele extrase Grid',
-    drawNumbersGridTicket: 'Numerele extrase Grid',
-    ticketResult: 'Rezultatul biletului',
-    amountWon: 'Suma castigata',
-    numberOfDraws: 'Numarul de extrageri',
-    multiplier: 'Multiplicator:',
-    ticketPurchaseDate: 'Data achizitionarii biletului',
-    ticketStatus: 'Statusul biletului',
-    ticketId: 'Id biletul',
-    ticketAmount: 'Valoarea biletului',
-    winUpTo: 'Poti castiga'
-  },
-};
-const translate = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
-};
-
-const lotteryDrawResultsCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.TicketInfo{display:flex;flex-direction:row;gap:15px;background-color:#009993;color:#fff;padding:12px;font-size:14px}.DrawResultsArea{margin-top:15px}.DrawResultsArea.TicketDraws .Content{padding:0;border:0}.DrawResultsArea.TicketDraws .DrawResultsBody{padding:0;margin-bottom:5px;border-radius:0;border:0}.DrawResultsSection{max-width:600px;margin:0px auto;border-radius:4px}.DrawResultsHeader{display:flex;justify-content:space-between;padding:10px 20px;background-color:#009993;color:#fff;font-size:14px;border-radius:4px 4px 0 0}.DrawResultsHeader h4{text-transform:uppercase;font-weight:400;margin:0;padding-top:15px}.DrawResultsBody{padding:20px;margin-bottom:5px;border-radius:0 0 4px 4px;border:1px solid #009993}.DrawResultsBody>div{margin:10px 0}.DrawResultsBody .NumberOfDrawsContainer{display:table;width:100%}.DrawNumbersGrid{margin-bottom:15px}.DrawNumbersGrid label{display:block;margin-bottom:10px}.Toggle{cursor:pointer;display:inline-block}.ToggleSwitch{display:inline-block;background:#ccc;border-radius:16px;width:58px;height:24px;position:relative;vertical-align:middle;transition:background 0.25s}.ToggleSwitch:before,.ToggleSwitch:after{content:\"\"}.ToggleSwitch:before{display:block;background:linear-gradient(to bottom, #fff 0%, #eee 100%);border-radius:50%;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.25);width:16px;height:16px;position:absolute;top:4px;left:4px;transition:left 0.25s}.Toggle:hover .ToggleSwitch:before{background:linear-gradient(to bottom, #fff 0%, #fff 100%);box-shadow:0 0 0 1px rgba(0, 0, 0, 0.5)}.ToggleCheckbox:checked+.ToggleSwitch{background:#56c080}.ToggleCheckbox:checked+.ToggleSwitch:before{left:38px}.ToggleCheckbox{position:absolute;visibility:hidden}.Label{position:relative}.DrawTicketsContainer{display:flex;flex-direction:column;margin:20px auto 0}.DrawMultipler{margin-top:15px}.ExpandableBoxes{position:relative;display:flex;flex-direction:column}.ExpandableBox{line-height:12px;font-weight:lighter;width:100%;height:100%;max-height:80px;float:left;margin:0 0 20px 0;border:1px solid #009993;background:#fff;border-radius:4px;padding:10px;box-sizing:border-box;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;overflow:hidden;box-shadow:rgba(99, 99, 99, 0.2) 0px 2px 8px 0px}.ExpandableBox:last-of-type{margin-bottom:0}.ExpandableBox.ShowBox{max-height:400px;margin:0px 0px 20p 0px}.ExpandableBox.HideBox{width:0;height:0;overflow:hidden;border:none;padding:0;margin:0;opacity:0}";
-
-const LotteryDrawResults = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    /**
-     * 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 = '';
-    this.multiplier = 3;
-    this.isLoading = true;
-    this.rules = {};
-    this.toggleDrawer = [false];
-    this.hasErrors = false;
-    this.errorText = '';
-    this.ticketData = [];
-    this.ticketDataLoaded = false;
-    this.ticketDraws = [];
-    this.hasDrawNumbers = false;
-    this.limitStylingAppends = false;
-    this.getTicketsData = () => {
-      let url = new URL(`${this.endpoint}/tickets`);
-      let drawOptions = {
-        method: "GET",
-        headers: {
-          'Content-Type': "application/json",
-          'Accept': 'application/json',
-          'Authorization': `Bearer ${this.sessionId}`
-        },
-      };
-      fetch(url.href, drawOptions)
-        .then((response) => {
-        return response.json();
-      })
-        .then((data) => {
-        if (data) {
-          this.ticketData = data;
-          this.ticketDataLoaded = true;
-        }
-        return this.ticketData;
-      }).then((response) => {
-        response.forEach(ticket => {
-          if (ticket.drawResults.length) {
-            ticket.drawResults.forEach(draw => {
-              fetch(`${this.endpoint}/games/${this.gameId}/draws/${draw.drawId}`)
-                .then((response) => {
-                return response.json();
-              })
-                .then((data) => {
-                // check if draw id is unique
-                if (!this.ticketDraws.some(el => el.drawId === draw.drawId)) {
-                  this.ticketDraws.push({ drawId: draw.drawId, drawNumbers: data.winningNumbers });
-                }
-              });
-            });
-          }
-          return this.ticketDraws;
-        });
-      }).then(() => {
-        this.hasDrawNumbers = true;
-      });
-    };
-    this.changeBox = (index) => {
-      this.toggleDrawer = this.toggleDrawer.map((item, itemIndex) => {
-        if (itemIndex == index) {
-          return !item;
-        }
-        return item;
-      });
-      if (index >= this.toggleDrawer.length) {
-        this.toggleDrawer.push(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 = [];
-    promises.push(this.getGameData());
-    if (this.drawId) {
-      promises.push(this.getDrawData());
-    }
-    if (!this.drawMode) {
-      this.getTicketsData();
-    }
-    Promise.all(promises)
-      .then(() => {
-      this.isLoading = 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) {
-    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) => {
-        this.drawData = data;
-        resolve(true);
-        this.isLoading = false;
-        if (drawID) {
-          return this.drawData.winningNumbers;
-        }
-      })
-        .catch((err) => {
-        reject(err);
-        this.isLoading = false;
-      });
-    });
-  }
-  getGameData() {
-    return new Promise((resolve, reject) => {
-      let url = new URL(`${this.endpoint}/games/${this.gameId}`);
-      fetch(url.href)
-        .then((response) => {
-        return response.json();
-      })
-        .then((data) => {
-        this.rules = {
-          maximumAllowed: data.rules.boards[0].maximumAllowed,
-          totalNumbers: data.rules.boards[0].totalNumbers
-        };
-        resolve(true);
-        this.isLoading = false;
-        this.hasErrors = false;
-      })
-        .catch((err) => {
-        this.isLoading = false;
-        this.hasErrors = true;
-        this.errorText = err;
-        reject(err);
-      });
-    });
-  }
-  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", { "maximum-allowed": this.rules.maximumAllowed, "total-numbers": this.rules.totalNumbers, "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" }, h("label", { class: "Label" }, translate('drawNumbersGridTicket', this.language), "0:"), h("div", { class: "BulletContainer" }, h("lottery-grid", { "maximum-allowed": this.rules.maximumAllowed, "total-numbers": this.rules.totalNumbers, "selected-numbers": JSON.parse(this.ticketNumbers).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.ticketData.map((ticket) => h("div", { class: "ExpandableBoxes" }, ticket.drawResults.length ?
-            h("div", null, ticket.id == this.ticketId && ticket.drawResults.map((item, index) => h("div", { class: this.toggleDrawer[index] ? 'ExpandableBox ShowBox' : 'ExpandableBox', onClick: () => this.changeBox(index) }, h("div", { class: "TicketResultContainer" }, h("p", null, translate('ticketResult', this.language), ": ", item.state)), item.state == 'won' &&
-              h("div", { class: "AmountWonContainer" }, h("p", null, translate('amountWon', this.language), ": ", Number(item.amount).toLocaleString('en'), " ", item.currency)), h("div", { class: "DrawIdContainer" }, h("p", null, translate('drawId', this.language), ": ", item.drawId)), h("div", { class: "DrawDateContainer" }, h("p", null, translate('drawDate', this.language), ": ", item.updatedAt.slice(0, 10), " | ", item.updatedAt.slice(11, 19))), h("div", { class: "DrawNumbersGrid" }, this.hasDrawNumbers && this.ticketDraws.map((ticketDraw) => item.drawId && item.drawId === ticketDraw.drawId &&
-              h("div", null, h("label", { class: "Label" }, translate('drawNumbersGridDraw', this.language), "A:"), h("lottery-grid", { "maximum-allowed": this.rules.maximumAllowed, "total-numbers": this.rules.totalNumbers, "selected-numbers": ticketDraw.drawNumbers.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), " ", item.multiplier)))))
-            :
-              h("span", null)))))))));
-    }
-  }
-  static get style() { return lotteryDrawResultsCss; }
-}, [1, "lottery-draw-results", {
-    "endpoint": [1],
-    "gameId": [1, "game-id"],
-    "language": [1],
-    "playerId": [1, "player-id"],
-    "drawMode": [4, "draw-mode"],
-    "drawId": [1, "draw-id"],
-    "gameName": [1, "game-name"],
-    "ticketDate": [1, "ticket-date"],
-    "ticketStatus": [1, "ticket-status"],
-    "ticketId": [1, "ticket-id"],
-    "ticketAmount": [1, "ticket-amount"],
-    "ticketMultiplier": [4, "ticket-multiplier"],
-    "ticketDrawCount": [2, "ticket-draw-count"],
-    "ticketNumbers": [1, "ticket-numbers"],
-    "sessionId": [1, "session-id"],
-    "clientStyling": [1, "client-styling"],
-    "clientStylingUrlContent": [1, "client-styling-url-content"],
-    "multiplier": [32],
-    "isLoading": [32],
-    "rules": [32],
-    "toggleDrawer": [32],
-    "hasErrors": [32],
-    "errorText": [32],
-    "ticketData": [32],
-    "ticketDataLoaded": [32],
-    "ticketDraws": [32],
-    "hasDrawNumbers": [32],
-    "limitStylingAppends": [32]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["lottery-draw-results", "lottery-bullet", "lottery-grid"];
-  components.forEach(tagName => { switch (tagName) {
-    case "lottery-draw-results":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, LotteryDrawResults);
-      }
-      break;
-    case "lottery-bullet":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "lottery-grid":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { LotteryDrawResults as L, defineCustomElement as d };

package/dist/components/lottery-game-details.js

@@ -1,6 +0,0 @@
-import { L as LotteryGameDetails$1, d as defineCustomElement$1 } from './lottery-game-details2.js';
-
-const LotteryGameDetails = LotteryGameDetails$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LotteryGameDetails, defineCustomElement };

package/dist/components/lottery-game-details2.js

@@ -1,85 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$3 } from './helper-accordion2.js';
-import { d as defineCustomElement$2 } from './helper-tab2.js';
-import { d as defineCustomElement$1 } from './helper-tabs2.js';
-
-const lotteryGameDetailsCss = ":host{display:block}";
-
-const LotteryGameDetails = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url content
-     */
-    this.clientStylingUrlContent = '';
-    this.limitStylingAppends = 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.clientStylingUrlContent;
-        this.stylingContainer.prepend(cssFile);
-      }, 1);
-    };
-  }
-  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
-  }
-  render() {
-    return (h("div", { class: "GamePageDetailsContainer", ref: el => this.stylingContainer = el }, h("helper-accordion", { "header-title": "Game Details", collapsed: false, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }, h("div", { class: "AccordionContainer", slot: "accordionContent" }, h("helper-tabs", { "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent })))));
-  }
-  static get style() { return lotteryGameDetailsCss; }
-}, [1, "lottery-game-details", {
-    "clientStyling": [1, "client-styling"],
-    "clientStylingUrlContent": [1, "client-styling-url-content"],
-    "limitStylingAppends": [32]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["lottery-game-details", "helper-accordion", "helper-tab", "helper-tabs"];
-  components.forEach(tagName => { switch (tagName) {
-    case "lottery-game-details":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, LotteryGameDetails);
-      }
-      break;
-    case "helper-accordion":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "helper-tab":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "helper-tabs":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { LotteryGameDetails as L, defineCustomElement as d };

package/dist/components/lottery-game-page.d.ts

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