@everymatrix/lottery-game-page 0.0.7 → 0.0.8

package/dist/lottery-game-page/p-91420518.js

@@ -0,0 +1,2 @@
+let e,t,n=!1;const l="undefined"!=typeof window?window:{},s=l.document||{head:{}},o={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},c=e=>Promise.resolve(e),r=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),i=(e,t,n)=>{n&&n.map((([n,l,s])=>{const c=u(e,n),r=a(t,s),i=f(n);o.ael(c,l,r,i),(t.o=t.o||[]).push((()=>o.rel(c,l,r,i)))}))},a=(e,t)=>n=>{try{256&e.t?e.i[t](n):(e.u=e.u||[]).push([t,n])}catch(e){K(e)}},u=(e,t)=>4&t?s:e,f=e=>0!=(2&e),d=new WeakMap,h=e=>"sc-"+e.h,y={},$=e=>"object"==(e=typeof e)||"function"===e,m=(e,t,...n)=>{let l=null,s=!1,o=!1;const c=[],r=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?r(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!$(l))&&(l+=""),s&&o?c[c.length-1].$+=l:c.push(s?p(null,l):l),o=s)};if(r(n),t){const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}const i=p(e,null);return i.m=t,c.length>0&&(i.p=c),i},p=(e,t)=>({t:0,g:e,$:t,S:null,p:null,m:null}),b={},w=(e,t,n,s,c,r)=>{if(n!==s){let i=J(e,t),a=t.toLowerCase();if("class"===t){const t=e.classList,l=S(n),o=S(s);t.remove(...l.filter((e=>e&&!o.includes(e)))),t.add(...o.filter((e=>e&&!l.includes(e))))}else if(i||"o"!==t[0]||"n"!==t[1]){const l=$(s);if((i||l&&null!==s)&&!c)try{if(e.tagName.includes("-"))e[t]=s;else{const l=null==s?"":s;"list"===t?i=!1:null!=n&&e[t]==l||(e[t]=l)}}catch(e){}null==s||!1===s?!1===s&&""!==e.getAttribute(t)||e.removeAttribute(t):(!i||4&r||c)&&!l&&e.setAttribute(t,s=!0===s?"":s)}else t="-"===t[2]?t.slice(3):J(l,a)?a.slice(2):a[2]+t.slice(3),n&&o.rel(e,t,n,!1),s&&o.ael(e,t,s,!1)}},g=/\s/,S=e=>e?e.split(g):[],j=(e,t,n,l)=>{const s=11===t.S.nodeType&&t.S.host?t.S.host:t.S,o=e&&e.m||y,c=t.m||y;for(l in o)l in c||w(s,l,o[l],void 0,n,t.t);for(l in c)w(s,l,o[l],c[l],n,t.t)},k=(t,n,l)=>{const o=n.p[l];let c,r,i=0;if(null!==o.$)c=o.S=s.createTextNode(o.$);else if(c=o.S=s.createElement(o.g),j(null,o,!1),null!=e&&c["s-si"]!==e&&c.classList.add(c["s-si"]=e),o.p)for(i=0;i<o.p.length;++i)r=k(t,o,i),r&&c.appendChild(r);return c},v=(e,n,l,s,o,c)=>{let r,i=e;for(i.shadowRoot&&i.tagName===t&&(i=i.shadowRoot);o<=c;++o)s[o]&&(r=k(null,l,o),r&&(s[o].S=r,i.insertBefore(r,n)))},C=(e,t,n,l)=>{for(;t<=n;++t)(l=e[t])&&l.S.remove()},M=(e,t)=>e.g===t.g,O=(e,t)=>{const n=t.S=e.S,l=e.p,s=t.p,o=t.$;null===o?("slot"===t.g||j(e,t,!1),null!==l&&null!==s?((e,t,n,l)=>{let s,o=0,c=0,r=t.length-1,i=t[0],a=t[r],u=l.length-1,f=l[0],d=l[u];for(;o<=r&&c<=u;)null==i?i=t[++o]:null==a?a=t[--r]:null==f?f=l[++c]:null==d?d=l[--u]:M(i,f)?(O(i,f),i=t[++o],f=l[++c]):M(a,d)?(O(a,d),a=t[--r],d=l[--u]):M(i,d)?(O(i,d),e.insertBefore(i.S,a.S.nextSibling),i=t[++o],d=l[--u]):M(a,f)?(O(a,f),e.insertBefore(a.S,i.S),a=t[--r],f=l[++c]):(s=k(t&&t[c],n,c),f=l[++c],s&&i.S.parentNode.insertBefore(s,i.S));o>r?v(e,null==l[u+1]?null:l[u+1].S,n,l,c,u):c>u&&C(t,o,r)})(n,l,t,s):null!==s?(null!==e.$&&(n.textContent=""),v(n,null,t,s,0,s.length-1)):null!==l&&C(l,0,l.length-1)):e.$!==o&&(n.data=o)},P=e=>D(e).j,x=(e,t,n)=>{const l=P(e);return{emit:e=>E(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},E=(e,t,n)=>{const l=o.ce(t,n);return e.dispatchEvent(l),l},N=(e,t)=>{t&&!e.k&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.k=t)))},R=(e,t)=>{if(e.t|=16,!(4&e.t))return N(e,e.v),oe((()=>T(e,t)));e.t|=512},T=(e,t)=>{const n=e.i;let l;return t&&(e.t|=256,e.u&&(e.u.map((([e,t])=>U(n,e,t))),e.u=null)),l=q(l,(()=>U(n,"componentWillRender"))),q(l,(()=>W(e,n,t)))},W=async(e,t,n)=>{const l=e.j,o=l["s-rc"];n&&(e=>{const t=e.C,n=e.j,l=t.t,o=((e,t)=>{let n=h(t);const l=Y.get(n);if(e=11===e.nodeType?e:s,l)if("string"==typeof l){let t,o=d.get(e=e.head||e);o||d.set(e,o=new Set),o.has(n)||(t=s.createElement("style"),t.innerHTML=l,e.insertBefore(t,e.querySelector("link")),o&&o.add(n))}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return n})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);A(e,t),o&&(o.map((e=>e())),l["s-rc"]=void 0);{const t=l["s-p"],n=()=>F(e);0===t.length?n():(Promise.all(t).then(n),e.t|=4,t.length=0)}},A=(n,l)=>{try{l=l.render(),n.t&=-17,n.t|=2,((n,l)=>{const s=n.j,o=n.C,c=n.M||p(null,null),r=(e=>e&&e.g===b)(l)?l:m(null,null,l);t=s.tagName,o.O&&(r.m=r.m||{},o.O.map((([e,t])=>r.m[t]=s[e]))),r.g=null,r.t|=4,n.M=r,r.S=c.S=s.shadowRoot||s,e=s["s-sc"],O(c,r)})(n,l)}catch(e){K(e,n.j)}return null},F=e=>{const t=e.j,n=e.v;64&e.t||(e.t|=64,H(t),e.P(t),n||L()),e.k&&(e.k(),e.k=void 0),512&e.t&&se((()=>R(e,!1))),e.t&=-517},L=()=>{H(s.documentElement),se((()=>E(l,"appload",{detail:{namespace:"lottery-game-page"}})))},U=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){K(e)}},q=(e,t)=>e&&e.then?e.then(t):t(),H=e=>e.classList.add("hydrated"),V=(e,t,n)=>{if(t.N){e.watchers&&(t.R=e.watchers);const l=Object.entries(t.N),s=e.prototype;if(l.map((([e,[l]])=>{(31&l||2&n&&32&l)&&Object.defineProperty(s,e,{get(){return((e,t)=>D(this).T.get(t))(0,e)},set(n){((e,t,n,l)=>{const s=D(e),o=s.j,c=s.T.get(t),r=s.t,i=s.i;if(n=((e,t)=>null==e||$(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,l.N[t][0]),(!(8&r)||void 0===c)&&n!==c&&(!Number.isNaN(c)||!Number.isNaN(n))&&(s.T.set(t,n),i)){if(l.R&&128&r){const e=l.R[t];e&&e.map((e=>{try{i[e](n,c,t)}catch(e){K(e,o)}}))}2==(18&r)&&R(s,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0})})),1&n){const n=new Map;s.attributeChangedCallback=function(e,t,l){o.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))l=this[t],delete this[t];else if(s.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==l)return;this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,l])=>{const s=l[1]||e;return n.set(s,e),512&l[0]&&t.O.push([e,s]),s}))}}return e},_=e=>{U(e,"connectedCallback")},z=(e,t={})=>{const n=[],c=t.exclude||[],a=l.customElements,u=s.head,f=u.querySelector("meta[charset]"),d=s.createElement("style"),y=[];let $,m=!0;Object.assign(o,t),o.l=new URL(t.resourcesUrl||"./",s.baseURI).href,e.map((e=>{e[1].map((t=>{const l={t:t[0],h:t[1],N:t[2],W:t[3]};l.N=t[2],l.W=t[3],l.O=[],l.R={};const s=l.h,u=class extends HTMLElement{constructor(e){super(e),I(e=this,l),1&l.t&&e.attachShadow({mode:"open"})}connectedCallback(){$&&(clearTimeout($),$=null),m?y.push(this):o.jmp((()=>(e=>{if(0==(1&o.t)){const t=D(e),n=t.C,l=()=>{};if(1&t.t)i(e,t,n.W),_(t.i);else{t.t|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){N(t,t.v=n);break}}n.N&&Object.entries(n.N).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,s)=>{if(0==(32&t.t)){{if(t.t|=32,(s=X(n)).then){const e=()=>{};s=await s,e()}s.isProxied||(n.R=s.watchers,V(s,n,2),s.isProxied=!0);const e=()=>{};t.t|=8;try{new s(t)}catch(e){K(e)}t.t&=-9,t.t|=128,e(),_(t.i)}if(s.style){let e=s.style;const t=h(n);if(!Y.has(t)){const l=()=>{};((e,t,n)=>{let l=Y.get(e);r&&n?(l=l||new CSSStyleSheet,l.replace(t)):l=t,Y.set(e,l)})(t,e,!!(1&n.t)),l()}}}const o=t.v,c=()=>R(t,!0);o&&o["s-rc"]?o["s-rc"].push(c):c()})(0,t,n)}l()}})(this)))}disconnectedCallback(){o.jmp((()=>(()=>{if(0==(1&o.t)){const e=D(this),t=e.i;e.o&&(e.o.map((e=>e())),e.o=void 0),U(t,"disconnectedCallback")}})()))}componentOnReady(){return D(this).A}};l.F=e[0],c.includes(s)||a.get(s)||(n.push(s),a.define(s,V(u,l,1)))}))})),d.innerHTML=n+"{visibility:hidden}.hydrated{visibility:inherit}",d.setAttribute("data-styles",""),u.insertBefore(d,f?f.nextSibling:u.firstChild),m=!1,y.length?y.map((e=>e.connectedCallback())):o.jmp((()=>$=setTimeout(L,30)))},B=new WeakMap,D=e=>B.get(e),G=(e,t)=>B.set(t.i=e,t),I=(e,t)=>{const n={t:0,j:e,C:t,T:new Map};return n.A=new Promise((e=>n.P=e)),e["s-p"]=[],e["s-rc"]=[],i(e,n,t.W),B.set(e,n)},J=(e,t)=>t in e,K=(e,t)=>(0,console.error)(e,t),Q=new Map,X=e=>{const t=e.h.replace(/-/g,"_"),n=e.F,l=Q.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(Q.set(n,e),e[t])),K)
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},Y=new Map,Z=[],ee=[],te=(e,t)=>l=>{e.push(l),n||(n=!0,t&&4&o.t?se(le):o.raf(le))},ne=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){K(e)}e.length=0},le=()=>{ne(Z),ne(ee),(n=Z.length>0)&&o.raf(le)},se=e=>c().then(e),oe=te(ee,!0);export{z as b,x as c,P as g,m as h,c as p,G as r}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/lottery-game-page",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "main": "./dist/index.cjs.js",
   "module": "./dist/components/index.js",
   "es2015": "./dist/esm/index.mjs",

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

@@ -1,304 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-af6d701d.js');
-require('@everymatrix/lottery-ticket-controller');
-require('@everymatrix/helper-modal');
-require('@everymatrix/lottery-game-details');
-require('@everymatrix/lottery-draw-results-history');
-require('@everymatrix/lottery-draw-results');
-
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en'];
-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 will be successfull soon!',
-    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'
-  },
-  ro: {
-    error: 'Eroare',
-    title: 'Loto 6/49',
-    backButton: 'Inapoi',
-    lobbyButton: 'Lobby',
-    prize: 'MARELE JACKPOT OMG',
-    winUpTo: 'Castiga pana la',
-    nextDraw: 'In cat timp devii milionar daca cumperi acum!!!',
-    buy: 'Cumpara bilet',
-    viewLatest: 'Ultimile extrageri',
-    createTicket: 'Creeaza bilet',
-    modalSuccess: 'Achiziția va avea succes în curând!',
-    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'
-  },
-};
-const translate = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
-};
-
-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:#00958f;font-size:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.GamePage .TotalWinnings span{font-size:22px;font-weight:700}.GamePage .NextDraw{color:#00958f;font-size:24px;font-weight:600;margin:0 auto;text-align:center;text-transform:capitalize;display:flex;justify-content:center;align-items:center;flex-direction:column}.GamePage .NextDraw .BannerText{font-weight:400;font-size:18px}.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:#F1F1F1;color:#000;font-size:12px;transition:all 0.2s linear;text-transform:uppercase;text-align:center;letter-spacing:0}.GamePage .Tabs .TabButton.Active{background:#00958f;color:#FFF}.NextDrawWrapper{padding:10px 15px;background:#fff}.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:10px 15px;max-width:1200px;margin:0 auto}.GameDetails{padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #e9e9e9}.CreateNewTicket{background:#004D4A;height:100px;width:100%;display:flex;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}.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 {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * Language of the widget
-     */
-    this.language = 'en';
-    /**
-     * Shows the auto-pick button
-     */
-    this.autoPick = false;
-    /**
-     * Shows the reset button
-     */
-    this.resetButton = false;
-    this.tickets = [];
-    this.tabIndex = 0;
-    this.hasErrors = false;
-    this.totalAmount = 0;
-    this.successVisible = false;
-    this.deleteVisible = false;
-    this.latestDraw = {};
-    this.totalWinningsAmount = 0;
-    this.multiplier = false;
-    this.quickPick = false;
-  }
-  // @TODO fix `any` type later, I'm lazy now
-  connectedCallback() {
-    this.getGameDetails();
-    this.getDraws();
-  }
-  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.rules.stakes[0].amount;
-      let draws = this.gameData.draws.filter((item) => !item.winningNumbers);
-      console.log('draws', draws);
-      this.nextDraw = draws[0].id;
-      this.createNewTicket();
-    })
-      .catch((err) => {
-      this.hasErrors = true;
-      console.log('Error', err);
-    });
-  }
-  calculateTotalAmount() {
-    const { currency } = this.gameData.rules.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;
-  }
-  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);
-      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);
-      });
-    });
-  }
-  ;
-  // @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: [] }
-    ];
-  }
-  submitTickets() {
-    let url = new URL(`${this.endpoint}/tickets`);
-    // @TODO Body TS type
-    let body = {
-      gameId: this.gameId,
-      tickets: []
-    };
-    console.log('body', body);
-    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) => {
-      console.log('data', data);
-    });
-    this.successVisible = true;
-  }
-  render() {
-    // const backgroundSrc = getAssetPath('./static/chrono_lottery_mobile.png');
-    // const backgroundDesktopSrc = 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" }, 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: "GamePageContent" }, index.h("div", { class: "GameDetails" }, index.h("lottery-game-details", null)), 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 })), 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" }, index.h("span", { class: "Button", onClick: () => this.submitTickets() }, translate('orderSummarySubmit', this.language))))), this.tabIndex == 1 &&
-      index.h("div", null, index.h("lottery-draw-results", { endpoint: this.endpoint, "game-id": this.gameId, language: this.language, "draw-id": this.lastDrawId, "draw-mode": true }), index.h("lottery-draw-results-history", { endpoint: this.endpoint, "game-id": this.gameId, language: this.language })), index.h("helper-modal", { "title-modal": "Success", visible: this.successVisible }, index.h("p", { class: "SubmitModalSuccess" }, translate('modalSuccess', this.language))), index.h("helper-modal", { "title-modal": "Delete Ticket", visible: this.deleteVisible }, index.h("div", { class: "DeleteTicketModalWrapper" }, index.h("h3", { class: "DeleteTicketModalTitle" }, translate('deleteTicketModalTitle', this.language)), index.h("p", { class: "DeleteTicketModalText" }, translate('deleteTicketModalText', this.language)), index.h("div", { class: "DeleteTicketModalButtons" }, index.h("button", { class: "DeleteTicketModalCancel", onClick: () => this.modalCloseEvent() }, translate('deleteTicketModalCancel', this.language)), index.h("button", { class: "DeleteTicketModalConfirm", onClick: () => this.confirmDeleteTicketHandler(this.deleteEventData) }, translate('deleteTicketModalConfirm', this.language)))))));
-  }
-  static get assetsDirs() { return ["static"]; }
-  get element() { return index.getElement(this); }
-};
-LotteryGamePage.style = lotteryGamePageCss;
-
-exports.lottery_game_page = LotteryGamePage;

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

@@ -1,300 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-8c700c5e.js';
-import '@everymatrix/lottery-ticket-controller';
-import '@everymatrix/helper-modal';
-import '@everymatrix/lottery-game-details';
-import '@everymatrix/lottery-draw-results-history';
-import '@everymatrix/lottery-draw-results';
-
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en'];
-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 will be successfull soon!',
-    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'
-  },
-  ro: {
-    error: 'Eroare',
-    title: 'Loto 6/49',
-    backButton: 'Inapoi',
-    lobbyButton: 'Lobby',
-    prize: 'MARELE JACKPOT OMG',
-    winUpTo: 'Castiga pana la',
-    nextDraw: 'In cat timp devii milionar daca cumperi acum!!!',
-    buy: 'Cumpara bilet',
-    viewLatest: 'Ultimile extrageri',
-    createTicket: 'Creeaza bilet',
-    modalSuccess: 'Achiziția va avea succes în curând!',
-    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'
-  },
-};
-const translate = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
-};
-
-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:#00958f;font-size:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.GamePage .TotalWinnings span{font-size:22px;font-weight:700}.GamePage .NextDraw{color:#00958f;font-size:24px;font-weight:600;margin:0 auto;text-align:center;text-transform:capitalize;display:flex;justify-content:center;align-items:center;flex-direction:column}.GamePage .NextDraw .BannerText{font-weight:400;font-size:18px}.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:#F1F1F1;color:#000;font-size:12px;transition:all 0.2s linear;text-transform:uppercase;text-align:center;letter-spacing:0}.GamePage .Tabs .TabButton.Active{background:#00958f;color:#FFF}.NextDrawWrapper{padding:10px 15px;background:#fff}.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:10px 15px;max-width:1200px;margin:0 auto}.GameDetails{padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #e9e9e9}.CreateNewTicket{background:#004D4A;height:100px;width:100%;display:flex;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}.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 {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * Language of the widget
-     */
-    this.language = 'en';
-    /**
-     * Shows the auto-pick button
-     */
-    this.autoPick = false;
-    /**
-     * Shows the reset button
-     */
-    this.resetButton = false;
-    this.tickets = [];
-    this.tabIndex = 0;
-    this.hasErrors = false;
-    this.totalAmount = 0;
-    this.successVisible = false;
-    this.deleteVisible = false;
-    this.latestDraw = {};
-    this.totalWinningsAmount = 0;
-    this.multiplier = false;
-    this.quickPick = false;
-  }
-  // @TODO fix `any` type later, I'm lazy now
-  connectedCallback() {
-    this.getGameDetails();
-    this.getDraws();
-  }
-  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.rules.stakes[0].amount;
-      let draws = this.gameData.draws.filter((item) => !item.winningNumbers);
-      console.log('draws', draws);
-      this.nextDraw = draws[0].id;
-      this.createNewTicket();
-    })
-      .catch((err) => {
-      this.hasErrors = true;
-      console.log('Error', err);
-    });
-  }
-  calculateTotalAmount() {
-    const { currency } = this.gameData.rules.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;
-  }
-  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);
-      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);
-      });
-    });
-  }
-  ;
-  // @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: [] }
-    ];
-  }
-  submitTickets() {
-    let url = new URL(`${this.endpoint}/tickets`);
-    // @TODO Body TS type
-    let body = {
-      gameId: this.gameId,
-      tickets: []
-    };
-    console.log('body', body);
-    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) => {
-      console.log('data', data);
-    });
-    this.successVisible = true;
-  }
-  render() {
-    // 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" }, 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: "GamePageContent" }, h("div", { class: "GameDetails" }, h("lottery-game-details", null)), 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 })), 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" }, h("span", { class: "Button", onClick: () => this.submitTickets() }, translate('orderSummarySubmit', this.language))))), this.tabIndex == 1 &&
-      h("div", null, h("lottery-draw-results", { endpoint: this.endpoint, "game-id": this.gameId, language: this.language, "draw-id": this.lastDrawId, "draw-mode": true }), h("lottery-draw-results-history", { endpoint: this.endpoint, "game-id": this.gameId, language: this.language })), h("helper-modal", { "title-modal": "Success", visible: this.successVisible }, h("p", { class: "SubmitModalSuccess" }, translate('modalSuccess', this.language))), h("helper-modal", { "title-modal": "Delete Ticket", visible: this.deleteVisible }, 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 getElement(this); }
-};
-LotteryGamePage.style = lotteryGamePageCss;
-
-export { LotteryGamePage as lottery_game_page };