@everymatrix/lottery-game-page 0.1.24 → 0.1.26

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b63209d.js');
+const index = require('./index-cd44e726.js');
 
 const DEFAULT_LANGUAGE = 'en';
 const SUPPORTED_LANGUAGES = ['ro', 'en'];
@@ -13,12 +13,6 @@ const TRANSLATIONS = {
   ro: {
     deleteTicket: 'Sterge biletul'
   },
-  fr: {
-    deleteTicket: 'Supprimer le billet'
-  },
-  ar: {
-    deleteTicket: 'حذف التذكرة'
-  }
 };
 const translate = (key, customLang) => {
   const lang = customLang;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b63209d.js');
+const index = require('./index-cd44e726.js');
 
 const DEFAULT_LANGUAGE$1 = 'en';
 const SUPPORTED_LANGUAGES$1 = ['ro', 'en'];
@@ -31,32 +31,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;
@@ -22420,40 +22394,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;
@@ -22552,8 +22492,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 => {
@@ -22566,20 +22505,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) => {
@@ -22618,9 +22550,6 @@ const LotteryDrawResults = class {
     Promise.all(promises)
       .then(() => {
       this.isLoading = false;
-    }).catch((err) => {
-      console.log('error ', err);
-      this.isLoading = false;
     });
   }
   componentDidRender() {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b63209d.js');
+const index = require('./index-cd44e726.js');
 
 /**
  * @name isMobile

package/dist/cjs/helper-pagination.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b63209d.js');
+const index = require('./index-cd44e726.js');
 
 /**
  * @name isMobile
@@ -32,18 +32,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/cjs/helper-tab.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b63209d.js');
+const index = require('./index-cd44e726.js');
 
 const helperTabCss = ":host{display:block}.TabContent{font-size:14px;color:#000;font-weight:normal}";
 

package/dist/cjs/helper-tabs.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b63209d.js');
+const index = require('./index-cd44e726.js');
 
 const helperTabsCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Tabs{display:flex;gap:10px;overflow-x:auto}.TabButton{cursor:pointer;width:auto;border-radius:4px;padding:8px 15px;margin:5px 0 10px;border:1px solid #009993;background:#FFF;color:#000;font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0;white-space:nowrap}.TabButton:hover{background:#F1F1F1}.TabButton.Active{background:#009993;color:#FFF}";
 

package/dist/cjs/{index-7b63209d.js → index-cd44e726.js}

@@ -270,6 +270,31 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
             classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
             classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
         }
+        else if (memberName === 'style') {
+            // update style attribute, css properties and values
+            {
+                for (const prop in oldValue) {
+                    if (!newValue || newValue[prop] == null) {
+                        if (prop.includes('-')) {
+                            elm.style.removeProperty(prop);
+                        }
+                        else {
+                            elm.style[prop] = '';
+                        }
+                    }
+                }
+            }
+            for (const prop in newValue) {
+                if (!oldValue || newValue[prop] !== oldValue[prop]) {
+                    if (prop.includes('-')) {
+                        elm.style.setProperty(prop, newValue[prop]);
+                    }
+                    else {
+                        elm.style[prop] = newValue[prop];
+                    }
+                }
+            }
+        }
         else if (memberName === 'ref') {
             // minifier will clean this up
             if (newValue) {
@@ -1202,6 +1227,10 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     // Fallback appLoad event
     endBootstrap();
 };
+const getAssetPath = (path) => {
+    const assetUrl = new URL(path, plt.$resourcesUrl$);
+    return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
+};
 const hostRefs = new WeakMap();
 const getHostRef = (ref) => hostRefs.get(ref);
 const registerInstance = (lazyInstance, hostRef) => hostRefs.set((hostRef.$lazyInstance$ = lazyInstance), hostRef);
@@ -1288,6 +1317,7 @@ const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
 exports.bootstrapLazy = bootstrapLazy;
 exports.createEvent = createEvent;
+exports.getAssetPath = getAssetPath;
 exports.getElement = getElement;
 exports.h = h;
 exports.promiseResolve = promiseResolve;

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b63209d.js');
+const index = require('./index-cd44e726.js');
 
 /*
  Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com

package/dist/cjs/lottery-bullet_2.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b63209d.js');
+const index = require('./index-cd44e726.js');
 
 const lotteryBulletCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}@-webkit-keyframes Circle{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes Circle{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hover-rotate{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(1.2) rotateZ(180deg);transform:scale(1.22) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}@keyframes hover-rotate{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(1.2) rotateZ(180deg);transform:scale(1.2) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}@-webkit-keyframes selected-scaleUp{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes selected-scaleUp{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.Circle{-webkit-animation:Circle 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:Circle 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;cursor:pointer;color:#000000;display:block;height:30px;width:30px;margin:0;display:flex;align-items:center;justify-content:center;justify-content:center;align-items:center;border:solid 2px #ffffff;background:radial-gradient(circle at top, white 0%, white 100%);font-weight:bold;border-radius:50%;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);user-select:none;font-size:16px;line-height:16px;font-weight:600;position:relative}.Circle:hover{-webkit-animation:hover-rotate 0.4s linear both;animation:hover-rotate 0.4s linear both;background:radial-gradient(circle at top, white 0%, #f1f1f1 100%)}.Circle.Selected{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:#ffffff;background:#9EC258;background:-webkit-radial-gradient(top, #00958f, #004D4A);background:-moz-radial-gradient(top, #00958f, #004D4A);background:radial-gradient(to bottom, #00958f, #004D4A);border:solid 2px #00958f}.Circle.Disabled{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:#f1f1f1;background:#D4D4D4;border:solid 2px #D4D4D4;cursor:default}.Circle.DisabledSelected{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:#f1f1f1;background:#9EC258;background:-webkit-radial-gradient(top, #00958f, #004D4A);background:-moz-radial-gradient(top, #00958f, #004D4A);background:radial-gradient(to bottom, #00958f, #004D4A);border:solid 2px #D4D4D4;cursor:default}";
 

package/dist/cjs/lottery-draw-results-history.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b63209d.js');
+const index = require('./index-cd44e726.js');
 
 const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar'];
+const SUPPORTED_LANGUAGES = ['ro', 'en'];
 const TRANSLATIONS = {
   en: {
     drawResultsHeader: 'Draw results history',
@@ -33,32 +33,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/cjs/lottery-game-details.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b63209d.js');
+const index = require('./index-cd44e726.js');
 
 const lotteryGameDetailsCss = ":host{display:block}";
 

package/dist/cjs/lottery-game-page.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b63209d.js');
+const index = require('./index-cd44e726.js');
 
 const DEFAULT_LANGUAGE = 'en';
 const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar'];
@@ -105,6 +105,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 = class {
@@ -142,6 +155,8 @@ const LotteryGamePage = class {
     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 = () => {
@@ -165,10 +180,12 @@ const LotteryGamePage = class {
     };
   }
   // @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;
     }
@@ -185,12 +202,14 @@ const LotteryGamePage = class {
     // 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);
@@ -296,20 +315,20 @@ const LotteryGamePage = class {
       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);
       });
     })
@@ -384,14 +403,14 @@ const LotteryGamePage = class {
     this.successVisible = true;
   }
   render() {
-    // const backgroundSrc = getAssetPath('./static/chrono_lottery_mobile.png');
-    // const backgroundDesktopSrc = getAssetPath('./static/chrono_desktop.png');
+    const backgroundSrc = index.getAssetPath('./static/chrono_lottery_mobile.png');
+    const backgroundDesktopSrc = index.getAssetPath('./static/chrono_desktop.png');
     if (this.hasErrors) {
       return (index.h("div", { class: "GamePage" }, index.h("div", { class: "Title" }, translate('error', this.language))));
     }
     return (
     /* Game details */
-    index.h("div", { class: "GamePage", dir: this.language == 'ar' ? 'rtl' : 'ltr', ref: el => this.stylingContainer = el }, index.h("div", { class: "GridBanner" }, index.h("div", { class: "BannerButtonsWrapper" }, index.h("button", { class: "BannerBackButton" }, index.h("span", { class: "BannerBackButtonArrow" }, "\u1438 "), translate('backButton', this.language)), index.h("button", { class: "BannerLobbyButton" }, translate('lobbyButton', this.language))), index.h("div", { class: "Tabs" }, index.h("div", { class: 'TabButton' + (this.tabIndex == 0 ? ' Active' : ''), onClick: () => this.tabIndex = 0 }, translate('buy', this.language)), index.h("div", { class: 'TabButton' + (this.tabIndex == 1 ? ' Active' : ''), onClick: () => this.tabIndex = 1 }, translate('viewLatest', this.language)))), index.h("div", { class: "NextDrawWrapper" }, index.h("div", { class: "TotalWinnings" }, translate('winUpTo', this.language), ": ", index.h("span", null, "$", this.totalWinningsAmount.toLocaleString('en-US', { maximumFractionDigits: 2 }))), index.h("div", { class: "NextDraw" }, index.h("p", { class: "BannerText" }, translate('nextDraw', this.language)), index.h("div", { class: "BannerCountdown" }, index.h("span", { class: "CountdownDays" }, this.daysRemaining, "D"), index.h("span", { class: "CountdownHours" }, this.hoursRemaining, "H"), index.h("span", { class: "CountdownMinutes" }, this.minutesRemaining, "M"), index.h("span", { class: "CountdownSeconds" }, this.secondsRemaining, "S")))), this.tabIndex == 0 &&
+    index.h("div", { class: "GamePage", dir: this.language == 'ar' ? 'rtl' : 'ltr', ref: el => this.stylingContainer = el }, index.h("div", { class: "GridBanner", style: { backgroundImage: isMobile(this.userAgent) ? `url(${backgroundSrc})` : `url(${backgroundDesktopSrc})` } }, index.h("div", { class: "BannerButtonsWrapper" }, index.h("button", { class: "BannerBackButton" }, index.h("span", { class: "BannerBackButtonArrow" }, "\u1438 "), translate('backButton', this.language)), index.h("button", { class: "BannerLobbyButton" }, translate('lobbyButton', this.language))), index.h("div", { class: "Tabs" }, index.h("div", { class: 'TabButton' + (this.tabIndex == 0 ? ' Active' : ''), onClick: () => this.tabIndex = 0 }, translate('buy', this.language)), index.h("div", { class: 'TabButton' + (this.tabIndex == 1 ? ' Active' : ''), onClick: () => this.tabIndex = 1 }, translate('viewLatest', this.language)))), index.h("div", { class: "NextDrawWrapper" }, index.h("div", { class: "TotalWinnings" }, translate('winUpTo', this.language), ": ", index.h("span", null, "$", this.totalWinningsAmount.toLocaleString('en-US', { maximumFractionDigits: 2 }))), index.h("div", { class: "NextDraw" }, index.h("p", { class: "BannerText" }, translate('nextDraw', this.language)), index.h("div", { class: "BannerCountdown" }, index.h("span", { class: "CountdownDays" }, this.daysRemaining, "D"), index.h("span", { class: "CountdownHours" }, this.hoursRemaining, "H"), index.h("span", { class: "CountdownMinutes" }, this.minutesRemaining, "M"), index.h("span", { class: "CountdownSeconds" }, this.secondsRemaining, "S")))), this.tabIndex == 0 &&
       index.h("div", { class: "GamePageContent" }, index.h("div", { class: "GameDetails" }, index.h("lottery-game-details", { "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent })), index.h("div", { class: "TicketsWrapper" }, this.tickets.map((item) => index.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 })), index.h("div", { class: "CreateNewTicket" }, index.h("button", { onClick: () => this.createNewTicket() }, "+"), index.h("span", null, translate('createTicket', this.language)))), index.h("div", { class: "OrderSummary" }, index.h("h3", { class: "OrderSummaryTitle" }, translate('orderSummaryTitle', this.language)), index.h("div", { class: "Ticket" }, translate('orderSummaryTickets', this.language), ": ", index.h("span", null, this.tickets.length)), index.h("div", { class: "Total" }, translate('orderSummaryTotal', this.language), ": ", index.h("span", null, this.totalAmount, " ", this.currency)), index.h("div", { class: "ButtonWrapper" }, this.isLoggedIn &&
         index.h("span", { class: "Button", onClick: () => this.submitTickets() }, translate('orderSummarySubmit', this.language)), !this.isLoggedIn &&
         index.h("div", null, index.h("span", { class: "Button", onClick: () => this.showLoginModal() }, translate('orderSummarySubmit', this.language)), index.h("helper-modal", { "title-modal": "Success", visible: this.loginModalVisible, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }, index.h("p", { class: "SubmitModalSuccess" }, translate('modalLogin', this.language))))))), this.tabIndex == 1 &&
@@ -399,6 +418,9 @@ const LotteryGamePage = class {
   }
   static get assetsDirs() { return ["static"]; }
   get element() { return index.getElement(this); }
+  static get watchers() { return {
+    "sessionId": ["handleSessionIdValue"]
+  }; }
 };
 LotteryGamePage.style = lotteryGamePageCss;
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-7b63209d.js');
+const index = require('./index-cd44e726.js');
 
 /*
  Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com

package/dist/cjs/lottery-ticket-controller.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b63209d.js');
+const index = require('./index-cd44e726.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/cjs/lottery-ticket.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7b63209d.js');
+const index = require('./index-cd44e726.js');
 
 const DEFAULT_LANGUAGE = 'en';
 const SUPPORTED_LANGUAGES = ['ro', 'en'];
@@ -27,26 +27,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;