@everymatrix/lottery-game-page 0.1.24 → 0.1.26

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

@@ -1,6 +1,6 @@
-import { Component, h, Prop, State, Listen, Element, /*getAssetPath */ } from '@stencil/core';
+import { Component, h, Prop, State, Listen, Element, Watch, getAssetPath } from '@stencil/core';
 import { translate } from '../../utils/locale.utils';
-// import { isMobile } from "../../utils/utils";
+import { isMobile } from "../../utils/utils";
 import '@everymatrix/lottery-ticket-controller';
 import '@everymatrix/helper-modal';
 import '@everymatrix/lottery-game-details';
@@ -40,6 +40,8 @@ export class LotteryGamePage {
     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.setClientStyling = () => {
@@ -63,10 +65,12 @@ export class LotteryGamePage {
     };
   }
   // @TODO fix `any` type later, I'm lazy now
+  handleSessionIdValue() {
+    this.isLoggedIn = true;
+  }
   connectedCallback() {
     this.getGameDetails();
     this.getDraws();
-    console.log(this.language);
     if (this.sessionId) {
       this.isLoggedIn = true;
     }
@@ -83,12 +87,14 @@ export class LotteryGamePage {
     // 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);
+    if (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);
@@ -194,20 +200,20 @@ export class LotteryGamePage {
       return response.json();
     })
       .then((data) => {
-      var _a;
+      var _a, _b;
       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);
-      this.latestDraw = upcoming[0];
-      this.nextDate = this.latestDraw.date;
-      this.countdownLogic(this.nextDate);
+      this.latestDraw = upcoming[0] || {};
+      this.nextDate = (_a = this.latestDraw) === null || _a === void 0 ? void 0 : _a.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) => {
+      (_b = this.latestDraw) === null || _b === void 0 ? void 0 : _b.prizes.forEach((element) => {
         this.totalWinningsAmount += JSON.parse(element.amount);
       });
     })
@@ -282,8 +288,8 @@ export class LotteryGamePage {
     this.successVisible = true;
   }
   render() {
-    // const backgroundSrc = getAssetPath('./static/chrono_lottery_mobile.png');
-    // const backgroundDesktopSrc = getAssetPath('./static/chrono_desktop.png');
+    const backgroundSrc = getAssetPath('./static/chrono_lottery_mobile.png');
+    const backgroundDesktopSrc = getAssetPath('./static/chrono_desktop.png');
     if (this.hasErrors) {
       return (h("div", { class: "GamePage" },
         h("div", { class: "Title" }, translate('error', this.language))));
@@ -291,7 +297,7 @@ export class LotteryGamePage {
     return (
     /* Game details */
     h("div", { class: "GamePage", dir: this.language == 'ar' ? 'rtl' : 'ltr', ref: el => this.stylingContainer = el },
-      h("div", { class: "GridBanner" },
+      h("div", { class: "GridBanner", style: { backgroundImage: isMobile(this.userAgent) ? `url(${backgroundSrc})` : `url(${backgroundDesktopSrc})` } },
         h("div", { class: "BannerButtonsWrapper" },
           h("button", { class: "BannerBackButton" },
             h("span", { class: "BannerBackButtonArrow" }, "\u1438 "),
@@ -385,7 +391,7 @@ export class LotteryGamePage {
         "resolved": "string",
         "references": {}
       },
-      "required": false,
+      "required": true,
       "optional": false,
       "docs": {
         "tags": [],
@@ -402,7 +408,7 @@ export class LotteryGamePage {
         "resolved": "string",
         "references": {}
       },
-      "required": false,
+      "required": true,
       "optional": false,
       "docs": {
         "tags": [],
@@ -557,6 +563,10 @@ export class LotteryGamePage {
     "limitStylingAppends": {}
   }; }
   static get elementRef() { return "element"; }
+  static get watchers() { return [{
+      "propName": "sessionId",
+      "methodName": "handleSessionIdValue"
+    }]; }
   static get listeners() { return [{
       "name": "ticketCompleted",
       "method": "gridFilledHandler",

package/dist/components/helper-accordion2.js

@@ -9,12 +9,6 @@ const TRANSLATIONS = {
   ro: {
     deleteTicket: 'Sterge biletul'
   },
-  fr: {
-    deleteTicket: 'Supprimer le billet'
-  },
-  ar: {
-    deleteTicket: 'حذف التذكرة'
-  }
 };
 const translate = (key, customLang) => {
   const lang = customLang;

package/dist/components/helper-filters2.js

@@ -28,32 +28,6 @@ const TRANSLATIONS = {
     filterModalButton: 'Cauta',
     filterOrDate: 'sau cauta dupa data'
   },
-  fr: {
-    filterOpen: 'Filter',
-    filterClear: 'Clear',
-    filterModalTicketTitle: 'Ticket Results',
-    filterModalDrawTitle: 'Draws Results History',
-    filterTicketPlaceholder: 'Search for a ticket ID',
-    filterDrawPlaceholder: 'Search for a draw ID',
-    filterDateRangePlaceholder: 'Date Range',
-    filterModalButton: 'Search',
-    filterFromCalendar: 'From',
-    filterToCalendar: 'To',
-    filterOrDate: 'or search by date'
-  },
-  ar: {
-    filterOpen: 'Filter',
-    filterClear: 'Clear',
-    filterModalTicketTitle: 'Ticket Results',
-    filterModalDrawTitle: 'Draws Results History',
-    filterTicketPlaceholder: 'Search for a ticket ID',
-    filterDrawPlaceholder: 'Search for a draw ID',
-    filterDateRangePlaceholder: 'Date Range',
-    filterModalButton: 'Search',
-    filterFromCalendar: 'From',
-    filterToCalendar: 'To',
-    filterOrDate: 'or search by date'
-  }
 };
 const translate$1 = (key, customLang) => {
   const lang = customLang;

package/dist/components/helper-pagination.js

@@ -28,18 +28,6 @@ const TRANSLATIONS = {
     nextPage: 'Urmatoarea',
     lastPage: 'Ultima'
   },
-  fr: {
-    firstPage: 'First',
-    previousPage: 'Previous',
-    nextPage: 'Next',
-    lastPage: 'Last'
-  },
-  ar: {
-    firstPage: 'First',
-    previousPage: 'Previous',
-    nextPage: 'Next',
-    lastPage: 'Last'
-  }
 };
 const translate = (key, customLang) => {
   const lang = customLang;

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

@@ -6,7 +6,7 @@ import { d as defineCustomElement$2 } from './lottery-draw-results2.js';
 import { d as defineCustomElement$1 } from './lottery-grid2.js';
 
 const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar'];
+const SUPPORTED_LANGUAGES = ['ro', 'en'];
 const TRANSLATIONS = {
   en: {
     drawResultsHeader: 'Draw results history',
@@ -34,32 +34,6 @@ const TRANSLATIONS = {
     noResults: 'Niciun rezultat',
     fetchingResults: 'Se obtin rezultatele'
   },
-  fr: {
-    drawResultsHeader: 'Dessiner l\'historique des résultats',
-    drawId: 'ID de tirage',
-    drawDate: 'Date du tirage',
-    drawNumbersGridA: 'Tirage des numéros Grille',
-    viewAllResults: 'Voir tout',
-    lastFiveDraws: '5 derniers tirages',
-    lastTenDraws: '10 derniers tirages',
-    lastFifteenDraws: '15 derniers tirages',
-    allDrawResultsHistory: 'Historique des résultats de tous les tirages',
-    noResults: 'Aucun résultat',
-    fetchingResults: 'Récupération des résultats'
-  },
-  ar: {
-    drawResultsHeader: 'سجل نتائج السحب',
-    drawId: 'معرّف السحب',
-    drawDate: 'تاريخ السحب',
-    drawNumbersGridA: 'شبكة أرقام السحب',
-    viewAllResults: 'عرض الكل',
-    lastFiveDraws: 'آخر 5 سحوبات',
-    lastTenDraws: 'آخر 10 سحوبات',
-    lastFifteenDraws: 'آخر 15 سحبًا',
-    allDrawResultsHistory: 'سجل نتائج كل السحوبات',
-    noResults: 'لا توجد نتائج',
-    fetchingResults: 'جلب النتائج'
-  }
 };
 const translate = (key, customLang) => {
   const lang = customLang;

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

@@ -39,40 +39,6 @@ const TRANSLATIONS = {
     ticketAmount: 'Valoarea biletului',
     winUpTo: 'Poti castiga'
   },
-  fr: {
-    drawResultsHeader: 'Résultats du dernier tirage',
-    drawId: 'ID de tirage',
-    drawName: 'Nom du jeu',
-    drawDate: 'Date du tirage',
-    drawNumbersGridDraw: 'Tirage des numéros Grille',
-    drawNumbersGridTicket: 'Tirage des numéros Grille',
-    ticketResult: 'Résultat du ticket',
-    amountWon: 'Montant gagné',
-    numberOfDraws: 'Nombre de tirages',
-    multiplier: 'Multiplicateur',
-    ticketPurchaseDate: 'Date d\'achat du billet',
-    ticketStatus: 'Statut du ticket',
-    ticketId: 'ID de billets',
-    ticketAmount: 'Montant du billet',
-    winUpTo: 'Gagnez jusqu\'à'
-  },
-  ar: {
-    drawResultsHeader: 'نتائج آخر سحب',
-    drawId: 'معرّف السحب',
-    drawName: 'اسم اللعبة',
-    drawDate: 'تاريخ السحب',
-    drawNumbersGridDraw: 'شبكة أرقام السحب',
-    drawNumbersGridTicket: 'شبكة أرقام السحب',
-    ticketResult: 'نتيجة التذكرة',
-    amountWon: 'المبلغ الذي تم ربحه',
-    numberOfDraws: 'عدد السحوبات',
-    multiplier: 'مضاعف',
-    ticketPurchaseDate: 'تاريخ شراء التذكرة',
-    ticketStatus: 'حالة التذكرة',
-    ticketId: 'معرّف التذكرة',
-    ticketAmount: 'مبلغ التذكرة',
-    winUpTo: 'ربح يصل إلى'
-  }
 };
 const translate = (key, customLang) => {
   const lang = customLang;
@@ -173,8 +139,7 @@ const LotteryDrawResults = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
           this.ticketDataLoaded = true;
         }
         return this.ticketData;
-      })
-        .then((response) => {
+      }).then((response) => {
         response.forEach(ticket => {
           if (ticket.drawResults.length) {
             ticket.drawResults.forEach(draw => {
@@ -187,20 +152,13 @@ const LotteryDrawResults = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
                 if (!this.ticketDraws.some(el => el.drawId === draw.drawId)) {
                   this.ticketDraws.push({ drawId: draw.drawId, drawNumbers: data.winningNumbers });
                 }
-              })
-                .catch((err) => {
-                console.log('error ', err);
               });
             });
           }
           return this.ticketDraws;
         });
-      })
-        .then(() => {
+      }).then(() => {
         this.hasDrawNumbers = true;
-      })
-        .catch((err) => {
-        console.log('error ', err);
       });
     };
     this.changeBox = (index) => {
@@ -239,9 +197,6 @@ const LotteryDrawResults = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     Promise.all(promises)
       .then(() => {
       this.isLoading = false;
-    }).catch((err) => {
-      console.log('error ', err);
-      this.isLoading = false;
     });
   }
   componentDidRender() {

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

@@ -1,4 +1,4 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, 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';
@@ -113,6 +113,19 @@ const translate = (key, 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}.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}.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;border-bottom:solid 1px #D4D4D4;line-height:50px}.OrderSummary .Ticket span{text-align:right}.OrderSummary .Total{display:inline-block;color:#000;font-size:14px;height:50px;line-height:50px}.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 {
@@ -152,6 +165,8 @@ const LotteryGamePage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     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.setClientStyling = () => {
@@ -175,10 +190,12 @@ const LotteryGamePage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     };
   }
   // @TODO fix `any` type later, I'm lazy now
+  handleSessionIdValue() {
+    this.isLoggedIn = true;
+  }
   connectedCallback() {
     this.getGameDetails();
     this.getDraws();
-    console.log(this.language);
     if (this.sessionId) {
       this.isLoggedIn = true;
     }
@@ -195,12 +212,14 @@ const LotteryGamePage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     // 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);
+    if (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);
@@ -306,20 +325,20 @@ const LotteryGamePage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
       return response.json();
     })
       .then((data) => {
-      var _a;
+      var _a, _b;
       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);
-      this.latestDraw = upcoming[0];
-      this.nextDate = this.latestDraw.date;
-      this.countdownLogic(this.nextDate);
+      this.latestDraw = upcoming[0] || {};
+      this.nextDate = (_a = this.latestDraw) === null || _a === void 0 ? void 0 : _a.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) => {
+      (_b = this.latestDraw) === null || _b === void 0 ? void 0 : _b.prizes.forEach((element) => {
         this.totalWinningsAmount += JSON.parse(element.amount);
       });
     })
@@ -394,14 +413,14 @@ const LotteryGamePage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     this.successVisible = true;
   }
   render() {
-    // const backgroundSrc = getAssetPath('./static/chrono_lottery_mobile.png');
-    // const backgroundDesktopSrc = getAssetPath('./static/chrono_desktop.png');
+    const backgroundSrc = getAssetPath('./static/chrono_lottery_mobile.png');
+    const backgroundDesktopSrc = getAssetPath('./static/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" }, h("div", { class: "BannerButtonsWrapper" }, h("button", { class: "BannerBackButton" }, h("span", { class: "BannerBackButtonArrow" }, "\u1438 "), translate('backButton', this.language)), h("button", { class: "BannerLobbyButton" }, 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: "GamePage", dir: this.language == 'ar' ? 'rtl' : 'ltr', ref: el => this.stylingContainer = el }, h("div", { class: "GridBanner", style: { backgroundImage: isMobile(this.userAgent) ? `url(${backgroundSrc})` : `url(${backgroundDesktopSrc})` } }, h("div", { class: "BannerButtonsWrapper" }, h("button", { class: "BannerBackButton" }, h("span", { class: "BannerBackButtonArrow" }, "\u1438 "), translate('backButton', this.language)), h("button", { class: "BannerLobbyButton" }, 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, "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("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 &&
@@ -409,6 +428,9 @@ const LotteryGamePage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
   }
   static get assetsDirs() { return ["static"]; }
   get element() { return this; }
+  static get watchers() { return {
+    "sessionId": ["handleSessionIdValue"]
+  }; }
   static get style() { return lotteryGamePageCss; }
 }, [1, "lottery-game-page", {
     "endpoint": [1],

package/dist/components/lottery-ticket-controller2.js

@@ -5,7 +5,7 @@ import { d as defineCustomElement$2 } from './lottery-grid2.js';
 import { d as defineCustomElement$1 } from './lottery-ticket2.js';
 
 const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar'];
+const SUPPORTED_LANGUAGES = ['ro', 'en'];
 const TRANSLATIONS = {
   en: {
     ticket: 'Ticket',
@@ -13,12 +13,6 @@ const TRANSLATIONS = {
   ro: {
     ticket: 'Bilet',
   },
-  fr: {
-    ticket: 'Billet'
-  },
-  ar: {
-    ticket: 'تذكرة',
-  }
 };
 const translate = (key, customLang) => {
   const lang = customLang;

package/dist/components/lottery-ticket2.js

@@ -25,26 +25,6 @@ const TRANSLATIONS = {
     resetButton: 'Reseteaza',
     autoButton: 'Ma simt norocos'
   },
-  fr: {
-    loading: 'Loading, please wait ...',
-    error: 'It was an error while trying to fetch the data',
-    grid: 'Grid',
-    multiplier: 'Multiplier',
-    numberOfDraws: 'Number of draws',
-    wagerPerDraw: 'Wager per draw',
-    resetButton: 'Reset',
-    autoButton: 'I feel lucky'
-  },
-  ar: {
-    loading: 'Loading, please wait ...',
-    error: 'It was an error while trying to fetch the data',
-    grid: 'Grid',
-    multiplier: 'Multiplier',
-    numberOfDraws: 'Number of draws',
-    wagerPerDraw: 'Wager per draw',
-    resetButton: 'Reset',
-    autoButton: 'I feel lucky'
-  }
 };
 const translate = (key, customLang) => {
   const lang = customLang;

package/dist/esm/helper-accordion.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-0f8edfd2.js';
+import { r as registerInstance, c as createEvent, h } from './index-d1baacd4.js';
 
 const DEFAULT_LANGUAGE = 'en';
 const SUPPORTED_LANGUAGES = ['ro', 'en'];
@@ -9,12 +9,6 @@ const TRANSLATIONS = {
   ro: {
     deleteTicket: 'Sterge biletul'
   },
-  fr: {
-    deleteTicket: 'Supprimer le billet'
-  },
-  ar: {
-    deleteTicket: 'حذف التذكرة'
-  }
 };
 const translate = (key, customLang) => {
   const lang = customLang;

package/dist/esm/helper-filters_2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h as h$2 } from './index-0f8edfd2.js';
+import { r as registerInstance, c as createEvent, h as h$2 } from './index-d1baacd4.js';
 
 const DEFAULT_LANGUAGE$1 = 'en';
 const SUPPORTED_LANGUAGES$1 = ['ro', 'en'];
@@ -27,32 +27,6 @@ const TRANSLATIONS$1 = {
     filterModalButton: 'Cauta',
     filterOrDate: 'sau cauta dupa data'
   },
-  fr: {
-    filterOpen: 'Filter',
-    filterClear: 'Clear',
-    filterModalTicketTitle: 'Ticket Results',
-    filterModalDrawTitle: 'Draws Results History',
-    filterTicketPlaceholder: 'Search for a ticket ID',
-    filterDrawPlaceholder: 'Search for a draw ID',
-    filterDateRangePlaceholder: 'Date Range',
-    filterModalButton: 'Search',
-    filterFromCalendar: 'From',
-    filterToCalendar: 'To',
-    filterOrDate: 'or search by date'
-  },
-  ar: {
-    filterOpen: 'Filter',
-    filterClear: 'Clear',
-    filterModalTicketTitle: 'Ticket Results',
-    filterModalDrawTitle: 'Draws Results History',
-    filterTicketPlaceholder: 'Search for a ticket ID',
-    filterDrawPlaceholder: 'Search for a draw ID',
-    filterDateRangePlaceholder: 'Date Range',
-    filterModalButton: 'Search',
-    filterFromCalendar: 'From',
-    filterToCalendar: 'To',
-    filterOrDate: 'or search by date'
-  }
 };
 const translate$2 = (key, customLang) => {
   const lang = customLang;
@@ -22416,40 +22390,6 @@ const TRANSLATIONS = {
     ticketAmount: 'Valoarea biletului',
     winUpTo: 'Poti castiga'
   },
-  fr: {
-    drawResultsHeader: 'Résultats du dernier tirage',
-    drawId: 'ID de tirage',
-    drawName: 'Nom du jeu',
-    drawDate: 'Date du tirage',
-    drawNumbersGridDraw: 'Tirage des numéros Grille',
-    drawNumbersGridTicket: 'Tirage des numéros Grille',
-    ticketResult: 'Résultat du ticket',
-    amountWon: 'Montant gagné',
-    numberOfDraws: 'Nombre de tirages',
-    multiplier: 'Multiplicateur',
-    ticketPurchaseDate: 'Date d\'achat du billet',
-    ticketStatus: 'Statut du ticket',
-    ticketId: 'ID de billets',
-    ticketAmount: 'Montant du billet',
-    winUpTo: 'Gagnez jusqu\'à'
-  },
-  ar: {
-    drawResultsHeader: 'نتائج آخر سحب',
-    drawId: 'معرّف السحب',
-    drawName: 'اسم اللعبة',
-    drawDate: 'تاريخ السحب',
-    drawNumbersGridDraw: 'شبكة أرقام السحب',
-    drawNumbersGridTicket: 'شبكة أرقام السحب',
-    ticketResult: 'نتيجة التذكرة',
-    amountWon: 'المبلغ الذي تم ربحه',
-    numberOfDraws: 'عدد السحوبات',
-    multiplier: 'مضاعف',
-    ticketPurchaseDate: 'تاريخ شراء التذكرة',
-    ticketStatus: 'حالة التذكرة',
-    ticketId: 'معرّف التذكرة',
-    ticketAmount: 'مبلغ التذكرة',
-    winUpTo: 'ربح يصل إلى'
-  }
 };
 const translate = (key, customLang) => {
   const lang = customLang;
@@ -22548,8 +22488,7 @@ const LotteryDrawResults = class {
           this.ticketDataLoaded = true;
         }
         return this.ticketData;
-      })
-        .then((response) => {
+      }).then((response) => {
         response.forEach(ticket => {
           if (ticket.drawResults.length) {
             ticket.drawResults.forEach(draw => {
@@ -22562,20 +22501,13 @@ const LotteryDrawResults = class {
                 if (!this.ticketDraws.some(el => el.drawId === draw.drawId)) {
                   this.ticketDraws.push({ drawId: draw.drawId, drawNumbers: data.winningNumbers });
                 }
-              })
-                .catch((err) => {
-                console.log('error ', err);
               });
             });
           }
           return this.ticketDraws;
         });
-      })
-        .then(() => {
+      }).then(() => {
         this.hasDrawNumbers = true;
-      })
-        .catch((err) => {
-        console.log('error ', err);
       });
     };
     this.changeBox = (index) => {
@@ -22614,9 +22546,6 @@ const LotteryDrawResults = class {
     Promise.all(promises)
       .then(() => {
       this.isLoading = false;
-    }).catch((err) => {
-      console.log('error ', err);
-      this.isLoading = false;
     });
   }
   componentDidRender() {

package/dist/esm/helper-modal.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-0f8edfd2.js';
+import { r as registerInstance, c as createEvent, h } from './index-d1baacd4.js';
 
 /**
  * @name isMobile