@everymatrix/lottery-game-page 1.43.4 → 1.45.0

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

@@ -1 +0,0 @@
-{"file":"lottery-game-details2.js","mappings":";;;;;AAAA,MAAM,qBAAqB,GAAG,sBAAsB;;MCGvC,kBAAkB;EAC7B;;;;;;;IAIE,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;;;;IAIxB,IAAI,CAAC,uBAAuB,GAAG,EAAE,CAAC;IAClC,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;IACjC,IAAI,CAAC,gBAAgB,GAAG;MACtB,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;MAC5C,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC;MACrC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;KACtC,CAAC;IACF,IAAI,CAAC,mBAAmB,GAAG;MACzB,IAAI,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;MAC9C,UAAU,CAAC;QACT,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,uBAAuB,CAAC;QACjD,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;OACxC,EAAE,CAAC,CAAC,CAAC;KACP,CAAC;GACH;EACD,kBAAkB;;IAEhB,IAAI,CAAC,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,gBAAgB,EAAE;MACtD,IAAI,IAAI,CAAC,aAAa;QACpB,IAAI,CAAC,gBAAgB,EAAE,CAAC;MAC1B,IAAI,IAAI,CAAC,uBAAuB;QAC9B,IAAI,CAAC,mBAAmB,EAAE,CAAC;MAC7B,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;KACjC;;GAEF;EACD,MAAM;IACJ,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,0BAA0B,EAAE,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,gBAAgB,GAAG,EAAE,EAAE,EAC3F,CAAC,CAAC,kBAAkB,EAAE,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,4BAA4B,EAAE,IAAI,CAAC,uBAAuB,EAAE,EAC1K,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,EAAE,IAAI,EAAE,kBAAkB,EAAE,EAChE,CAAC,CAAC,aAAa,EAAE,EAAE,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,4BAA4B,EAAE,IAAI,CAAC,uBAAuB,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;GAClI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../lottery-game-details/dist/collection/components/lottery-game-details/lottery-game-details.css?tag=lottery-game-details&encapsulation=shadow","../lottery-game-details/dist/collection/components/lottery-game-details/lottery-game-details.js"],"sourcesContent":[":host {\n  display: block;\n}","import { Component, h, Prop, State, } from '@stencil/core';\nimport '@everymatrix/helper-accordion';\nimport '@everymatrix/helper-tabs';\nexport class LotteryGameDetails {\n  constructor() {\n    /**\n     * Client custom styling via string\n     */\n    this.clientStyling = '';\n    /**\n     * Client custom styling via url content\n     */\n    this.clientStylingUrlContent = '';\n    this.limitStylingAppends = false;\n    this.setClientStyling = () => {\n      let sheet = document.createElement('style');\n      sheet.innerHTML = this.clientStyling;\n      this.stylingContainer.prepend(sheet);\n    };\n    this.setClientStylingURL = () => {\n      let cssFile = document.createElement('style');\n      setTimeout(() => {\n        cssFile.innerHTML = this.clientStylingUrlContent;\n        this.stylingContainer.prepend(cssFile);\n      }, 1);\n    };\n  }\n  componentDidRender() {\n    // start custom styling area\n    if (!this.limitStylingAppends && this.stylingContainer) {\n      if (this.clientStyling)\n        this.setClientStyling();\n      if (this.clientStylingUrlContent)\n        this.setClientStylingURL();\n      this.limitStylingAppends = true;\n    }\n    // end custom styling area\n  }\n  render() {\n    return (h(\"div\", { class: \"GamePageDetailsContainer\", ref: el => this.stylingContainer = el },\n      h(\"helper-accordion\", { \"header-title\": \"Game Details\", collapsed: false, \"client-styling\": this.clientStyling, \"client-styling-url-content\": this.clientStylingUrlContent },\n        h(\"div\", { class: \"AccordionContainer\", slot: \"accordionContent\" },\n          h(\"helper-tabs\", { \"client-styling\": this.clientStyling, \"client-styling-url-content\": this.clientStylingUrlContent })))));\n  }\n  static get is() { return \"lottery-game-details\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"lottery-game-details.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"lottery-game-details.css\"]\n  }; }\n  static get properties() { return {\n    \"clientStyling\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Client custom styling via string\"\n      },\n      \"attribute\": \"client-styling\",\n      \"reflect\": true,\n      \"defaultValue\": \"''\"\n    },\n    \"clientStylingUrlContent\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Client custom styling via url content\"\n      },\n      \"attribute\": \"client-styling-url-content\",\n      \"reflect\": true,\n      \"defaultValue\": \"''\"\n    }\n  }; }\n  static get states() { return {\n    \"limitStylingAppends\": {}\n  }; }\n}\n"],"version":3}

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;

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

@@ -1,572 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$d } from './helper-accordion2.js';
-import { d as defineCustomElement$c } from './helper-filters2.js';
-import { d as defineCustomElement$b } from './helper-modal2.js';
-import { d as defineCustomElement$a } from './helper-tab2.js';
-import { d as defineCustomElement$9 } from './helper-tabs2.js';
-import { d as defineCustomElement$8 } from './lottery-bullet2.js';
-import { d as defineCustomElement$7 } from './lottery-draw-results2.js';
-import { d as defineCustomElement$6 } from './lottery-draw-results-history2.js';
-import { d as defineCustomElement$5 } from './lottery-game-details2.js';
-import { d as defineCustomElement$4 } from './lottery-grid2.js';
-import { d as defineCustomElement$3 } from './lottery-ticket2.js';
-import { d as defineCustomElement$2 } from './lottery-ticket-controller2.js';
-
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hr'];
-const TRANSLATIONS = {
-  en: {
-    error: 'Error',
-    title: 'Chrono',
-    backButton: 'Back',
-    lobbyButton: 'Lobby',
-    prize: 'Prize',
-    winUpTo: 'Win up to',
-    nextDraw: 'Next draw in: ',
-    buy: 'Buy tickets',
-    viewLatest: 'View latest results',
-    createTicket: 'Create Ticket',
-    modalSuccess: 'Purchase successfully completed!',
-    deleteTicketModalTitle: 'Delete Ticket',
-    deleteTicketModalText: 'Are you sure you want to delete this ticket?',
-    deleteTicketModalCancel: 'Cancel',
-    deleteTicketModalConfirm: 'Delete',
-    orderSummaryTitle: 'Order Summary',
-    orderSummaryTickets: 'Ticket',
-    orderSummaryTotal: 'Total',
-    orderSummarySubmit: 'Submit',
-    lastDrawResultsTitle: 'Last Draw Results',
-    modalLogin: 'Please login to submit a ticket',
-  },
-  ro: {
-    error: 'Eroare',
-    title: 'Loto 6/49',
-    backButton: 'Inapoi',
-    lobbyButton: 'Lobby',
-    prize: 'MARELE JACKPOT OMG',
-    winUpTo: 'Castiga pana la',
-    nextDraw: 'Urmatoarea extragere:',
-    buy: 'Cumpara bilet',
-    viewLatest: 'Ultimile extrageri',
-    createTicket: 'Creeaza bilet',
-    modalSuccess: 'Achizitie efectuata cu succes',
-    deleteTicketModalTitle: 'Sterge biletul',
-    deleteTicketModalText: 'Esti sigur ca vrei sa stergi acest bilet?',
-    deleteTicketModalCancel: 'Anuleaza',
-    deleteTicketModalConfirm: 'Sterge',
-    orderSummaryTitle: 'Rezumat comanda',
-    orderSummaryTickets: 'Bilet',
-    orderSummaryTotal: 'Total',
-    orderSummarySubmit: 'Trimite',
-    lastDrawResultsTitle: 'Cele mai recente extrageri',
-    modalLogin: 'Please login to submit a ticket',
-  },
-  fr: {
-    error: 'Error',
-    title: 'Chrono',
-    backButton: 'Back',
-    lobbyButton: 'Lobby',
-    prize: 'Prize',
-    winUpTo: 'Win up to',
-    nextDraw: 'Next draw in: ',
-    buy: 'Buy tickets',
-    viewLatest: 'View latest results',
-    createTicket: 'Create Ticket',
-    modalSuccess: 'Purchase successfully completed!',
-    deleteTicketModalTitle: 'Delete Ticket',
-    deleteTicketModalText: 'Are you sure you want to delete this ticket?',
-    deleteTicketModalCancel: 'Cancel',
-    deleteTicketModalConfirm: 'Delete',
-    orderSummaryTitle: 'Order Summary',
-    orderSummaryTickets: 'Ticket',
-    orderSummaryTotal: 'Total',
-    orderSummarySubmit: 'Submit',
-    lastDrawResultsTitle: 'Résultats du dernier tirage',
-    modalLogin: 'Please login to submit a ticket',
-  },
-  ar: {
-    error: 'خطأ',
-    title: 'كرونو',
-    backButton: 'خلف',
-    lobbyButton: 'ردهة',
-    prize: 'جائزة',
-    winUpTo: 'الفوز بما يصل الى',
-    nextDraw: 'السحب التالي:',
-    buy: 'اشتري تذاكر',
-    viewLatest: 'عرض أحدث النتائج',
-    createTicket: 'إنشاء تذكرة',
-    modalSuccess: '!سيتم الشراء بنجاح قريبًا',
-    deleteTicketModalTitle: 'حذف التذكرة',
-    deleteTicketModalText: 'هل أنت متأكد أنك تريد حذف هذه التذكرة؟',
-    deleteTicketModalCancel: 'يلغي',
-    deleteTicketModalConfirm: 'حذف',
-    orderSummaryTitle: 'ملخص الطلب',
-    orderSummaryTickets: 'تذكرة',
-    orderSummaryTotal: 'المجموع',
-    orderSummarySubmit: 'يُقدِّم',
-    lastDrawResultsTitle: 'نتائج آخر سحب',
-    modalLogin: 'الرجاء تسجيل الدخول لتقديم تذكرة'
-  },
-  hr: {
-    error: 'Greška',
-    title: 'Krono',
-    backButton: 'Nazad',
-    lobbyButton: 'Lobby',
-    prize: 'Nagrada',
-    winUpTo: 'Osvoji do',
-    nextDraw: 'Sljedeće izvlačenje za: ',
-    buy: 'Uplati listić',
-    viewLatest: 'Pogledajte najnovije rezultate',
-    createTicket: 'Uplati listić',
-    modalSuccess: 'Kupnja uspješno obavljena!',
-    deleteTicketModalTitle: 'Izbriši listić',
-    deleteTicketModalText: 'Are you sure you want to delete this ticket?',
-    deleteTicketModalCancel: 'Otkaži',
-    deleteTicketModalConfirm: 'Izbriši',
-    orderSummaryTitle: 'Sažetak narudžbe',
-    orderSummaryTickets: 'Listić',
-    orderSummaryTotal: 'Ukupno',
-    orderSummarySubmit: 'Podnijeti',
-    lastDrawResultsTitle: 'Rezultati posljednjeg izvlačenja',
-    modalLogin: 'Molimo prijavite se da uplatite listić',
-  }
-};
-const translate = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
-};
-
-/**
- * @name isMobile
- * @description A method that returns if the browser used to access the app is from a mobile device or not
- * @param {String} userAgent window.navigator.userAgent
- * @returns {Boolean} true or false
- */
-const isMobile = (userAgent) => {
-  return !!(userAgent.toLowerCase().match(/android/i) ||
-    userAgent.toLowerCase().match(/blackberry|bb/i) ||
-    userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
-    userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
-};
-
-const lotteryGamePageCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.GamePage .GridBanner{background-color:#009993;background-repeat:no-repeat;background-position:center;color:#111;padding:0 20px 10px;height:220px;display:flex;flex-direction:column;justify-content:space-between}.GamePage .GridBanner .BannerButtonsWrapper{display:flex;justify-content:space-between;padding-top:16px}.GamePage .GridBanner .BannerButtonsWrapper .BannerBackButton,.GamePage .GridBanner .BannerButtonsWrapper .BannerLobbyButton{background:#fff;border:1px solid #D4D4D4;border-radius:4px;padding:7px 15px;font-size:12px;text-transform:uppercase;width:80px;cursor:pointer}.GamePage .GridBanner .GridBannerArea{padding-top:30px;display:flex;flex-direction:column;align-items:center}.GamePage .TotalWinnings{color:#000;font-size:18px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;text-transform:uppercase}.GamePage .TotalWinnings span{font-size:18px;font-weight:700}.GamePage .NextDraw{color:#00958f;font-size:24px;font-weight:600;margin:0 auto;text-align:center;text-transform:uppercase;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4px}.GamePage .NextDraw .BannerText{font-weight:400;font-size:18px;text-transform:uppercase;padding:0;margin:15px 0 0 0}.GamePage .NextDraw .BannerCountdown{font-size:22px;color:#00958f;display:flex;gap:20px}.GamePage .Tabs{display:flex;justify-content:center;gap:10px}.GamePage .Tabs .TabButton{border-radius:4px;cursor:pointer;padding:8px 0;width:50%;max-width:200px;border:1px solid #00958f;background:#00958f;color:#fff;font-size:12px;transition:all 0.2s linear;text-transform:uppercase;text-align:center;letter-spacing:0}.GamePage .Tabs .TabButton.Active{color:#00958f;background:#F1F1F1;border:1px solid #F1F1F1}.LastDrawResultsTitle{color:#009993;padding:25px 0 10px 0;text-align:center;border-radius:4px;text-transform:uppercase;font-size:16px;font-weight:600;margin:0}.NextDrawWrapper{padding:10px 15px;background:#F1F1F1;background:linear-gradient(0deg, #f1f1f1 0%, rgba(253, 187, 45, 0) 100%)}.NextDrawWrapper .BannerText{font-size:16px;font-weight:700;text-align:center}.NextDrawWrapper .BannerCountdown{font-size:22px;display:flex;gap:8px;color:#009993;font-weight:bolder;justify-content:center}.GamePageContent{padding:15px;max-width:1200px;margin:0 auto}.GameDetails{padding-bottom:10px;margin-bottom:20px}.CreateNewTicket{background:#004D4A;height:100px;width:100%;display:flex;margin-top:10px;flex-direction:column;justify-content:center;align-items:center}.CreateNewTicket button{cursor:pointer;display:inline-block;border-radius:50%;width:40px;height:40px;margin:5px;border:1px solid #FFF;background:#FFF;color:#004D4A;font-size:12px;transition:all 0.2s linear;text-transform:uppercase;text-align:center;letter-spacing:0}.CreateNewTicket button:hover{background:#F1F1F1}.CreateNewTicket span{display:inline-block;font-size:12px;text-align:center;margin:0 auto;color:#FFF}.OrderSummary{min-width:200px;border-radius:4px;display:flex;flex-direction:column;justify-content:center;margin-top:20px;background:#fff}.OrderSummary .OrderSummaryTitle{font-size:16px;color:#009993;text-transform:uppercase;text-align:center}.OrderSummary .Ticket{display:inline-block;color:#000;font-size:14px;height:50px;line-height:50px;margin-left:15px}.OrderSummary .Ticket span{text-align:right}.OrderSummary hr{border:none;border-top:1px double #D4D4D4;color:#D4D4D4;width:100%}.OrderSummary .Total{display:inline-block;color:#000;font-size:14px;height:50px;line-height:50px;margin-left:15px}.OrderSummary .Total span{text-align:right}.ButtonWrapper{display:flex;align-items:center;justify-content:center}.ButtonWrapper .Button{cursor:pointer;border-radius:4px;padding:8px 60px;width:max-content;margin:5px;font-size:12px;transition:all 0.2s linear;text-transform:uppercase;text-align:center;letter-spacing:0;background:#009993;border:1px solid #009993;color:#FFF}.ButtonWrapper .Button:hover{background:#00ABA4}.ButtonWrapper .Button.ButtonDisabled{pointer-events:none;background:#ccc;border:1px solid #ccc}.SubmitModalSuccess{text-align:center;font-size:18px;padding:20px}.DeleteTicketModalWrapper{padding:20px;text-align:center}.DeleteTicketModalWrapper .DeleteTicketModalTitle{font-size:16px;color:#00958f;font-weight:400;text-transform:uppercase;margin:20px 0 40px}.DeleteTicketModalWrapper .DeleteTicketModalText{font-size:14px;color:#000;line-height:22px;margin-bottom:40px}.DeleteTicketModalWrapper .DeleteTicketModalButtons{display:flex;gap:10px;justify-content:center}.DeleteTicketModalWrapper .DeleteTicketModalButtons .DeleteTicketModalConfirm{cursor:pointer;border-radius:4px;padding:8px 25px;width:max-content;margin:5px;color:#000;font-size:12px;transition:all 0.2s linear;text-transform:uppercase;text-align:center;letter-spacing:0;background:#FF3D00;border:1px solid #FF3D00;color:#FFF}.DeleteTicketModalWrapper .DeleteTicketModalButtons .DeleteTicketModalConfirm:hover{background:#FF6536;border:1px solid #FF3D00}.DeleteTicketModalWrapper .DeleteTicketModalButtons .DeleteTicketModalCancel{cursor:pointer;width:max-content;border-radius:4px;padding:10px 25px;margin:5px;border:1px solid #00958f;background:#FFF;color:#000;font-size:12px;transition:all 0.2s linear;text-transform:uppercase;text-align:center;letter-spacing:0}.DeleteTicketModalWrapper .DeleteTicketModalButtons .DeleteTicketModalCancel:hover{background:#F1F1F1}@media (min-width: 1200px){.GamePageContent .TicketsWrapper{float:left;width:49%}.GamePageContent .GameDetails{float:right;width:49%}.GamePageContent .OrderSummary{float:right;width:49%}}";
-
-const LotteryGamePage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.goBackEvent = createEvent(this, "goBackEvent", 7);
-    this.goToLobbyEvent = createEvent(this, "goToLobbyEvent", 7);
-    /**
-     * Language of the widget
-     */
-    this.language = 'en';
-    /**
-     * Shows the auto-pick button
-     */
-    this.autoPick = false;
-    /**
-     * Shows the reset button
-     */
-    this.resetButton = false;
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url
-     */
-    this.clientStylingurl = '';
-    this.clientStylingUrlContent = '';
-    this.tickets = [];
-    this.tabIndex = 0;
-    this.hasErrors = false;
-    this.totalAmount = 0;
-    this.successVisible = false;
-    this.deleteVisible = false;
-    this.latestDraw = {};
-    this.totalWinningsAmount = 0;
-    this.isLoggedIn = false;
-    this.loginModalVisible = false;
-    this.limitStylingAppends = false;
-    // @TODO fix any type
-    this.userAgent = window.navigator.userAgent;
-    this.multiplier = false;
-    this.quickPick = false;
-    this.isMobile = isMobile(this.userAgent);
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.stylingContainer.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let url = new URL(this.clientStylingurl);
-      let cssFile = document.createElement('style');
-      fetch(url.href)
-        .then((res) => res.text())
-        .then((data) => {
-        this.clientStylingUrlContent = data;
-        cssFile.innerHTML = data;
-        setTimeout(() => { this.stylingContainer.prepend(cssFile); }, 1);
-      })
-        .catch((err) => {
-        console.log('error ', err);
-      });
-    };
-  }
-  // @TODO fix `any` type later, I'm lazy now
-  connectedCallback() {
-    this.getGameDetails();
-    this.getDraws();
-    if (this.sessionId) {
-      this.isLoggedIn = true;
-    }
-  }
-  componentDidRender() {
-    // start custom styling area
-    if (!this.limitStylingAppends && this.stylingContainer) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingurl)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
-    }
-    // end custom styling area
-  }
-  countdownLogic(date) {
-    this.interval = setInterval(() => {
-      this.daysRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / (1000 * 60 * 60 * 24));
-      this.hoursRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / (1000 * 60 * 60) - this.daysRemaining * 24);
-      this.minutesRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / (1000 * 60) - this.daysRemaining * 24 * 60 - this.hoursRemaining * 60);
-      this.secondsRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / 1000 - this.daysRemaining * 24 * 60 * 60 - this.hoursRemaining * 60 * 60 - this.minutesRemaining * 60);
-    }, 1000);
-  }
-  disconnectedCallback() {
-    clearInterval(this.interval);
-  }
-  getGameDetails() {
-    let url = new URL(`${this.endpoint}/games/${this.gameId}`);
-    fetch(url.href)
-      .then((res) => {
-      if (res.status >= 300) {
-        this.hasErrors = true;
-        throw new Error('There was an error while fetching the data');
-      }
-      return res.json();
-    })
-      .then((data) => {
-      this.gameData = data;
-      this.basicStake = this.gameData.type.stakes[0].amount;
-      let draws = this.gameData.draws.filter((item) => !item.winningNumbers);
-      draws.length > 0 && (this.nextDraw = draws[0].id);
-      this.createNewTicket();
-    })
-      .catch((err) => {
-      this.hasErrors = true;
-      console.log('Error', err);
-    });
-  }
-  calculateTotalAmount() {
-    const { currency } = this.gameData.type.stakes[0];
-    this.totalAmount = 0;
-    this.tickets.forEach((item) => {
-      if (item.completed) {
-        this.totalAmount += item.amount * item.stake;
-      }
-    });
-    this.currency = currency;
-  }
-  // @TODO CustomEvent type
-  gridFilledHandler(event) {
-    // @TODO item ts
-    this.tickets = this.tickets.map((item) => {
-      if (item.ticketId == event.detail.id) {
-        let arr = item.selectedNumbers || [];
-        arr[event.detail.index] = event.detail.selectedNumbers.map((item) => parseInt(item, 10));
-        return {
-          gameId: item.gameId,
-          ticketId: item.ticketId,
-          completed: true,
-          amount: event.detail.draws,
-          stake: item.stake,
-          selectedNumbers: arr
-        };
-      }
-      return item;
-    });
-    this.calculateTotalAmount();
-  }
-  // @TODO fix any type
-  gridDirtyHandler(event) {
-    // @TODO item ts
-    this.tickets = this.tickets.map((item) => {
-      if (item.gameId == event.detail.id) {
-        return {
-          gameId: item.gameId,
-          ticketId: item.ticketId,
-          completed: false,
-          amount: item.amount,
-          stake: item.stake,
-          grids: []
-        };
-      }
-      return item;
-    });
-  }
-  // @TODO CustomEvent type
-  deleteTicketHandler(event) {
-    this.deleteVisible = true;
-    this.deleteEventData = event;
-  }
-  modalCloseEvent() {
-    this.deleteVisible = false;
-    this.loginModalVisible = false;
-  }
-  stakeChangeHandler(event) {
-    const { ticketId, stake } = event.detail;
-    this.tickets[ticketId - 1].stake = stake;
-    this.calculateTotalAmount();
-  }
-  multiplierChangeHandler(event) {
-    this.multiplier = event.detail;
-  }
-  getDraws() {
-    // append from query param with the current date value in order to get the next draw
-    let url = new URL(`${this.endpoint}/games/${this.gameId}/draws`);
-    let drawOptions = {
-      method: "GET",
-      headers: {
-        'Content-Type': "application/json",
-        'Accept': 'application/json',
-      },
-    };
-    fetch(url.href, drawOptions)
-      .then((response) => {
-      return response.json();
-    })
-      .then((data) => {
-      var _a;
-      let upcoming = data.items.filter((item) => {
-        if (Date.parse(item.date) > new Date().getTime()) {
-          return !item.winningNumbers;
-        }
-      });
-      let past = data.items.filter((item) => item.winningNumbers);
-      if (!upcoming[0])
-        return;
-      this.latestDraw = upcoming[0];
-      this.nextDate = this.latestDraw.date;
-      this.countdownLogic(this.nextDate);
-      this.lastDrawId = past[past.length - 1].id;
-      // calculate total winnings
-      // @TODO fix any type
-      (_a = this.latestDraw) === null || _a === void 0 ? void 0 : _a.prizes.forEach((element) => {
-        this.totalWinningsAmount += JSON.parse(element.amount);
-      });
-    })
-      .catch((err) => {
-      console.log('error ', err);
-    });
-  }
-  ;
-  // @TODO fix any type
-  confirmDeleteTicketHandler(event) {
-    // @TODO fix any type
-    this.tickets = this.tickets.filter((item) => {
-      if (item.ticketId == event.detail.ticketId) {
-        return false;
-      }
-      return true;
-    });
-    this.calculateTotalAmount();
-    this.deleteVisible = false;
-  }
-  createNewTicket() {
-    this.tickets = [
-      ...this.tickets,
-      { gameId: this.gameId, ticketId: this.tickets.length + 1, completed: false, amount: 1, stake: this.basicStake, grids: [] }
-    ];
-  }
-  showLoginModal() {
-    this.loginModalVisible = true;
-  }
-  submitTickets() {
-    let url = new URL(`${this.endpoint}/tickets`);
-    // @TODO Body TS type
-    let body = {
-      gameId: this.gameId,
-      tickets: []
-    };
-    this.tickets.forEach((item) => {
-      body.tickets.push({
-        startingDrawId: this.nextDraw,
-        amount: item.stake,
-        gameId: this.gameId,
-        currency: this.currency,
-        selection: item.selectedNumbers,
-        multiplier: this.multiplier,
-        drawCount: item.amount,
-        quickPick: this.quickPick,
-      });
-    });
-    // @TODO Options TS type
-    let options = {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'Accept': 'application/json',
-        'Authorization': `Bearer ${this.sessionId}`
-      },
-      body: JSON.stringify(body)
-    };
-    fetch(url.href, options)
-      .then((res) => {
-      if (res.status > 300) {
-        throw new Error('err');
-      }
-      return res.json();
-    })
-      .then((data) => {
-      // should we treat this res?
-      console.log('data', data);
-    })
-      .catch((err) => {
-      console.log('error ', err);
-    });
-    this.successVisible = true;
-  }
-  goBack() {
-    this.goBackEvent.emit();
-  }
-  goToLobby() {
-    this.goToLobbyEvent.emit();
-  }
-  render() {
-    //Get path for background image
-    const backgroundImagePath = getAssetPath(this.isMobile ? '/assets/chrono_lottery_mobile.png' : '/assets/chrono_desktop.png');
-    if (this.hasErrors) {
-      return (h("div", { class: "GamePage" }, h("div", { class: "Title" }, translate('error', this.language))));
-    }
-    return (
-    /* Game details */
-    h("div", { class: "GamePage", dir: this.language == 'ar' ? 'rtl' : 'ltr', ref: el => this.stylingContainer = el }, h("div", { class: "GridBanner", style: { 'background': `url(${this.backgroundUrl ? this.backgroundUrl : backgroundImagePath})`, 'background-size': 'contain', 'background-repeat': 'no-repeat', 'background-position': 'center' } }, h("div", { class: "BannerButtonsWrapper" }, h("button", { class: "BannerBackButton", onClick: this.goBack.bind(this) }, h("span", { class: "BannerBackButtonArrow" }, "\u1438 "), translate('backButton', this.language)), h("button", { class: "BannerLobbyButton", onClick: this.goToLobby.bind(this) }, translate('lobbyButton', this.language))), h("div", { class: "Tabs" }, h("div", { class: 'TabButton' + (this.tabIndex == 0 ? ' Active' : ''), onClick: () => this.tabIndex = 0 }, translate('buy', this.language)), h("div", { class: 'TabButton' + (this.tabIndex == 1 ? ' Active' : ''), onClick: () => this.tabIndex = 1 }, translate('viewLatest', this.language)))), h("div", { class: "NextDrawWrapper" }, h("div", { class: "TotalWinnings" }, translate('winUpTo', this.language), ": ", h("span", null, "$", this.totalWinningsAmount.toLocaleString('en-US', { maximumFractionDigits: 2 }))), h("div", { class: "NextDraw" }, h("p", { class: "BannerText" }, translate('nextDraw', this.language)), h("div", { class: "BannerCountdown" }, h("span", { class: "CountdownDays" }, this.daysRemaining, "D"), h("span", { class: "CountdownHours" }, this.hoursRemaining, "H"), h("span", { class: "CountdownMinutes" }, this.minutesRemaining, "M"), h("span", { class: "CountdownSeconds" }, this.secondsRemaining, "S")))), this.tabIndex == 0 &&
-      h("div", { class: "GamePageContent" }, h("div", { class: "GameDetails" }, h("lottery-game-details", { "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent })), h("div", { class: "TicketsWrapper" }, this.tickets.map((item) => h("lottery-ticket-controller", { endpoint: this.endpoint, "ticket-id": item.ticketId, "game-id": item.gameId, collapsed: false, last: true, language: this.language, "auto-pick": this.autoPick, "reset-button": this.resetButton, "total-controllers": this.tickets.length, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent })), h("div", { class: "CreateNewTicket" }, h("button", { onClick: () => this.createNewTicket() }, "+"), h("span", null, translate('createTicket', this.language)))), h("div", { class: "OrderSummary" }, h("h3", { class: "OrderSummaryTitle" }, translate('orderSummaryTitle', this.language)), h("div", { class: "Ticket" }, translate('orderSummaryTickets', this.language), ": ", h("span", null, this.tickets.length)), h("hr", null), h("div", { class: "Total" }, translate('orderSummaryTotal', this.language), ": ", h("span", null, this.totalAmount, " ", this.currency)), h("div", { class: "ButtonWrapper" }, this.isLoggedIn &&
-        h("span", { class: "Button", onClick: () => this.submitTickets() }, translate('orderSummarySubmit', this.language)), !this.isLoggedIn &&
-        h("div", null, h("span", { class: "Button", onClick: () => this.showLoginModal() }, translate('orderSummarySubmit', this.language)), h("helper-modal", { "title-modal": "Success", visible: this.loginModalVisible, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }, h("p", { class: "SubmitModalSuccess" }, translate('modalLogin', this.language))))))), this.tabIndex == 1 &&
-      h("div", null, h("h4", { class: "LastDrawResultsTitle" }, translate('lastDrawResultsTitle', this.language)), h("lottery-draw-results", { endpoint: this.endpoint, "game-id": this.gameId, language: this.language, "draw-id": this.lastDrawId, "draw-mode": true, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }), h("lottery-draw-results-history", { endpoint: this.endpoint, "game-id": this.gameId, language: this.language, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent })), h("helper-modal", { "title-modal": "Success", visible: this.successVisible, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }, h("p", { class: "SubmitModalSuccess" }, translate('modalSuccess', this.language))), h("helper-modal", { "title-modal": "Delete Ticket", visible: this.deleteVisible, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }, h("div", { class: "DeleteTicketModalWrapper" }, h("h3", { class: "DeleteTicketModalTitle" }, translate('deleteTicketModalTitle', this.language)), h("p", { class: "DeleteTicketModalText" }, translate('deleteTicketModalText', this.language)), h("div", { class: "DeleteTicketModalButtons" }, h("button", { class: "DeleteTicketModalCancel", onClick: () => this.modalCloseEvent() }, translate('deleteTicketModalCancel', this.language)), h("button", { class: "DeleteTicketModalConfirm", onClick: () => this.confirmDeleteTicketHandler(this.deleteEventData) }, translate('deleteTicketModalConfirm', this.language)))))));
-  }
-  static get assetsDirs() { return ["static"]; }
-  get element() { return this; }
-  static get style() { return lotteryGamePageCss; }
-}, [1, "lottery-game-page", {
-    "endpoint": [513],
-    "gameId": [513, "game-id"],
-    "playerId": [514, "player-id"],
-    "sessionId": [513, "session-id"],
-    "language": [513],
-    "backgroundUrl": [513, "background-url"],
-    "autoPick": [516, "auto-pick"],
-    "resetButton": [516, "reset-button"],
-    "clientStyling": [513, "client-styling"],
-    "clientStylingurl": [513, "client-stylingurl"],
-    "clientStylingUrlContent": [32],
-    "tickets": [32],
-    "tabIndex": [32],
-    "hasErrors": [32],
-    "totalAmount": [32],
-    "successVisible": [32],
-    "deleteVisible": [32],
-    "deleteEventData": [32],
-    "daysRemaining": [32],
-    "hoursRemaining": [32],
-    "minutesRemaining": [32],
-    "secondsRemaining": [32],
-    "latestDraw": [32],
-    "totalWinningsAmount": [32],
-    "nextDate": [32],
-    "isLoggedIn": [32],
-    "loginModalVisible": [32],
-    "limitStylingAppends": [32]
-  }, [[0, "ticketCompleted", "gridFilledHandler"], [0, "gridDirty", "gridDirtyHandler"], [0, "deleteTicket", "deleteTicketHandler"], [0, "modalCloseEvent", "modalCloseEvent"], [0, "stakeChange", "stakeChangeHandler"], [0, "multiplierChange", "multiplierChangeHandler"]]]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["lottery-game-page", "helper-accordion", "helper-filters", "helper-modal", "helper-tab", "helper-tabs", "lottery-bullet", "lottery-draw-results", "lottery-draw-results-history", "lottery-game-details", "lottery-grid", "lottery-ticket", "lottery-ticket-controller"];
-  components.forEach(tagName => { switch (tagName) {
-    case "lottery-game-page":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, LotteryGamePage$1);
-      }
-      break;
-    case "helper-accordion":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$d();
-      }
-      break;
-    case "helper-filters":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$c();
-      }
-      break;
-    case "helper-modal":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$b();
-      }
-      break;
-    case "helper-tab":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$a();
-      }
-      break;
-    case "helper-tabs":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$9();
-      }
-      break;
-    case "lottery-bullet":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$8();
-      }
-      break;
-    case "lottery-draw-results":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$7();
-      }
-      break;
-    case "lottery-draw-results-history":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$6();
-      }
-      break;
-    case "lottery-game-details":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "lottery-grid":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "lottery-ticket":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "lottery-ticket-controller":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const LotteryGamePage = LotteryGamePage$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LotteryGamePage, defineCustomElement };
-
-//# sourceMappingURL=lottery-game-page.js.map