@everymatrix/lottery-game-page 0.1.1 → 0.1.2

package/dist/collection/collection-manifest.json

@@ -8,17 +8,78 @@
     "typescriptVersion": "4.5.4"
   },
   "collections": [
+    {
+      "name": "@everymatrix/helper-accordion",
+      "tags": [
+        "helper-accordion"
+      ]
+    },
+    {
+      "name": "@everymatrix/helper-filters",
+      "tags": [
+        "helper-filters"
+      ]
+    },
     {
       "name": "@everymatrix/helper-modal",
       "tags": [
         "helper-modal"
       ]
     },
+    {
+      "name": "@everymatrix/helper-pagination",
+      "tags": [
+        "helper-pagination"
+      ]
+    },
+    {
+      "name": "@everymatrix/helper-tabs",
+      "tags": [
+        "helper-tab",
+        "helper-tabs"
+      ]
+    },
+    {
+      "name": "@everymatrix/lottery-bullet",
+      "tags": [
+        "lottery-bullet"
+      ]
+    },
     {
       "name": "@everymatrix/lottery-draw-results",
       "tags": [
         "lottery-draw-results"
       ]
+    },
+    {
+      "name": "@everymatrix/lottery-draw-results-history",
+      "tags": [
+        "lottery-draw-results-history"
+      ]
+    },
+    {
+      "name": "@everymatrix/lottery-game-details",
+      "tags": [
+        "lottery-game-details"
+      ]
+    },
+    {
+      "name": "@everymatrix/lottery-grid",
+      "tags": [
+        "lottery-grid"
+      ]
+    },
+    {
+      "name": "@everymatrix/lottery-ticket",
+      "tags": [
+        "lottery-ticket"
+      ]
+    },
+    {
+      "name": "@everymatrix/lottery-ticket-controller",
+      "tags": [
+        "lottery-ticket-controller"
+      ]
     }
   ],
   "bundles": [

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

@@ -36,17 +36,16 @@
   align-items: center;
 }
 .GamePage .TotalWinnings {
-  color: #000;
+  color: #00958f;
   font-size: 18px;
   display: flex;
-  flex-direction: row;
+  flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 10px;
-  text-transform: uppercase;
 }
 .GamePage .TotalWinnings span {
-  font-size: 18px;
+  font-size: 22px;
   font-weight: 700;
 }
 .GamePage .NextDraw {
@@ -55,7 +54,7 @@
   font-weight: 600;
   margin: 0 auto;
   text-align: center;
-  text-transform: uppercase;
+  text-transform: capitalize;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -64,9 +63,6 @@
 .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;
@@ -99,21 +95,9 @@
   color: #FFF;
 }
 
-.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%);
+  background: #fff;
 }
 .NextDrawWrapper .BannerText {
   font-size: 16px;
@@ -130,7 +114,7 @@
 }
 
 .GamePageContent {
-  padding: 15px;
+  padding: 10px 15px;
   max-width: 1200px;
   margin: 0 auto;
 }
@@ -138,6 +122,7 @@
 .GameDetails {
   padding-bottom: 10px;
   margin-bottom: 20px;
+  border-bottom: 1px solid #e9e9e9;
 }
 
 .CreateNewTicket {
@@ -236,11 +221,6 @@
 .ButtonWrapper .Button:hover {
   background: #00ABA4;
 }
-.ButtonWrapper .Button.ButtonDisabled {
-  pointer-events: none;
-  background: #ccc;
-  border: 1px solid #ccc;
-}
 
 .SubmitModalSuccess {
   text-align: center;

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

@@ -28,8 +28,6 @@ export class LotteryGamePage {
     this.deleteVisible = false;
     this.latestDraw = {};
     this.totalWinningsAmount = 0;
-    this.isLoggedIn = false;
-    this.loginModalVisible = false;
     this.multiplier = false;
     this.quickPick = false;
   }
@@ -37,10 +35,6 @@ export class LotteryGamePage {
   connectedCallback() {
     this.getGameDetails();
     this.getDraws();
-    console.log(this.language);
-    if (this.sessionId) {
-      this.isLoggedIn = true;
-    }
   }
   countdownLogic(date) {
     this.interval = setInterval(() => {
@@ -67,6 +61,7 @@ export class LotteryGamePage {
       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();
     })
@@ -129,7 +124,6 @@ export class LotteryGamePage {
   }
   modalCloseEvent() {
     this.deleteVisible = false;
-    this.loginModalVisible = false;
   }
   stakeChangeHandler(event) {
     const { ticketId, stake } = event.detail;
@@ -191,9 +185,6 @@ export class LotteryGamePage {
       { gameId: this.gameId, ticketId: this.tickets.length + 1, completed: false, amount: 1, stake: this.basicStake, grids: [] }
     ];
   }
-  showLoginModal() {
-    this.loginModalVisible = true;
-  }
   submitTickets() {
     let url = new URL(`${this.endpoint}/tickets`);
     // @TODO Body TS type
@@ -201,6 +192,7 @@ export class LotteryGamePage {
       gameId: this.gameId,
       tickets: []
     };
+    console.log('body', body);
     this.tickets.forEach((item) => {
       body.tickets.push({
         startingDrawId: this.nextDraw,
@@ -244,7 +236,7 @@ export class LotteryGamePage {
     }
     return (
     /* Game details */
-    h("div", { class: "GamePage", dir: this.language == 'ar' ? 'rtl' : 'ltr' },
+    h("div", { class: "GamePage" },
       h("div", { class: "GridBanner" },
         h("div", { class: "BannerButtonsWrapper" },
           h("button", { class: "BannerBackButton" },
@@ -299,16 +291,9 @@ export class LotteryGamePage {
                 " ",
                 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 },
-                    h("p", { class: "SubmitModalSuccess" }, translate('modalLogin', this.language))))))),
+              h("span", { class: "Button", onClick: () => this.submitTickets() }, translate('orderSummarySubmit', this.language))))),
       this.tabIndex == 1 &&
         h("div", null,
-          h("h4", { class: "LastDrawResultsTitle" }, translate('lastDrawResultsTitle', this.language)),
           h("lottery-draw-results", { endpoint: this.endpoint, "game-id": this.gameId, language: this.language, "draw-id": this.lastDrawId, "draw-mode": true }),
           h("lottery-draw-results-history", { endpoint: this.endpoint, "game-id": this.gameId, language: this.language })),
       h("helper-modal", { "title-modal": "Success", visible: this.successVisible },
@@ -468,9 +453,7 @@ export class LotteryGamePage {
     "secondsRemaining": {},
     "latestDraw": {},
     "totalWinningsAmount": {},
-    "nextDate": {},
-    "isLoggedIn": {},
-    "loginModalVisible": {}
+    "nextDate": {}
   }; }
   static get elementRef() { return "element"; }
   static get listeners() { return [{

package/dist/collection/utils/locale.utils.js

@@ -1,5 +1,5 @@
 const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en', 'ar'];
+const SUPPORTED_LANGUAGES = ['ro', 'en'];
 const TRANSLATIONS = {
   en: {
     error: 'Error',
@@ -12,7 +12,7 @@ const TRANSLATIONS = {
     buy: 'Buy tickets',
     viewLatest: 'View latest results',
     createTicket: 'Create Ticket',
-    modalSuccess: 'Purchase successfully completed!',
+    modalSuccess: 'Purchase will be successfull soon!',
     deleteTicketModalTitle: 'Delete Ticket',
     deleteTicketModalText: 'Are you sure you want to delete this ticket?',
     deleteTicketModalCancel: 'Cancel',
@@ -20,9 +20,7 @@ const TRANSLATIONS = {
     orderSummaryTitle: 'Order Summary',
     orderSummaryTickets: 'Ticket',
     orderSummaryTotal: 'Total',
-    orderSummarySubmit: 'Submit',
-    lastDrawResultsTitle: 'Last Draw Results',
-    modalLogin: 'Please login to submit a ticket',
+    orderSummarySubmit: 'Submit'
   },
   ro: {
     error: 'Eroare',
@@ -31,11 +29,11 @@ const TRANSLATIONS = {
     lobbyButton: 'Lobby',
     prize: 'MARELE JACKPOT OMG',
     winUpTo: 'Castiga pana la',
-    nextDraw: 'Urmatoarea extragere:',
+    nextDraw: 'In cat timp devii milionar daca cumperi acum!!!',
     buy: 'Cumpara bilet',
     viewLatest: 'Ultimile extrageri',
     createTicket: 'Creeaza bilet',
-    modalSuccess: 'Achizitie efectuata cu succes',
+    modalSuccess: 'Achiziția va avea succes în curând!',
     deleteTicketModalTitle: 'Sterge biletul',
     deleteTicketModalText: 'Esti sigur ca vrei sa stergi acest bilet?',
     deleteTicketModalCancel: 'Anuleaza',
@@ -43,32 +41,7 @@ const TRANSLATIONS = {
     orderSummaryTitle: 'Rezumat comanda',
     orderSummaryTickets: 'Bilet',
     orderSummaryTotal: 'Total',
-    orderSummarySubmit: 'Trimite',
-    lastDrawResultsTitle: 'Cele mai recente extrageri',
-    modalLogin: 'Please login to submit a ticket',
-  },
-  ar: {
-    error: 'خطأ',
-    title: 'كرونو',
-    backButton: 'خلف',
-    lobbyButton: 'ردهة',
-    prize: 'جائزة',
-    winUpTo: 'الفوز بما يصل الى',
-    nextDraw: 'السحب التالي:',
-    buy: 'اشتري تذاكر',
-    viewLatest: 'عرض أحدث النتائج',
-    createTicket: 'إنشاء تذكرة',
-    modalSuccess: '!سيتم الشراء بنجاح قريبًا',
-    deleteTicketModalTitle: 'حذف التذكرة',
-    deleteTicketModalText: 'هل أنت متأكد أنك تريد حذف هذه التذكرة؟',
-    deleteTicketModalCancel: 'يلغي',
-    deleteTicketModalConfirm: 'حذف',
-    orderSummaryTitle: 'ملخص الطلب',
-    orderSummaryTickets: 'تذكرة',
-    orderSummaryTotal: 'المجموع',
-    orderSummarySubmit: 'يُقدِّم',
-    lastDrawResultsTitle: 'Cele mai recente extrageri',
-    modalLogin: 'الرجاء تسجيل الدخول لتقديم تذكرة'
+    orderSummarySubmit: 'Trimite'
   },
 };
 export const translate = (key, customLang) => {

package/dist/components/helper-accordion.js

@@ -0,0 +1,6 @@
+import { A as Accordion, d as defineCustomElement$1 } from './helper-accordion2.js';
+
+const HelperAccordion = Accordion;
+const defineCustomElement = defineCustomElement$1;
+
+export { HelperAccordion, defineCustomElement };

package/dist/components/helper-accordion2.js

@@ -0,0 +1,111 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['ro', 'en'];
+const TRANSLATIONS = {
+  en: {
+    deleteTicket: 'Delete ticket'
+  },
+  ro: {
+    deleteTicket: 'Sterge biletul'
+  },
+};
+const translate = (key, customLang) => {
+  const lang = customLang;
+  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+};
+
+const helperAccordionCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Header{border-radius:4px;margin-bottom:1px;background:#009993;display:flex;gap:30px;border:1px solid #009993;padding:8px 10px;user-select:none}.Header:hover{background:#00ABA4}.Header .Title,.Header .Subtitle,.Header .Description{margin:0;font-size:14px;color:#fff}.Header .Expand{margin-left:auto;color:#FFF;width:17px;height:17px;cursor:pointer;text-align:center;transform:rotate(90deg);font-size:20px;user-select:none}.Content{border-radius:4px;background:#fff;border:1px solid #009993;padding:10px 15px;user-select:none;color:#000;margin-bottom:10px}.ActionButton{border-radius:4px;margin-top:10px;cursor:pointer;text-transform:capitalize;display:block;font-size:12px;text-align:center;padding:8px 20px;width:80px;background:#FF3D00;border:1px solid #FF3D00;color:#FFF}.ActionButton:hover{background:#FF6536;border:1px solid #FF3D00}";
+
+const Accordion = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.accordionEvent = createEvent(this, "helperAccordionAction", 7);
+    /**
+     * Title (top header)
+     */
+    this.headerTitle = '';
+    /**
+     * SubTitle (top header)
+     */
+    this.headerSubtitle = '';
+    /**
+     * Description
+     */
+    this.description = '';
+    /**
+     * Enables footer content
+     */
+    this.footer = false;
+    /**
+     * Enables footer button for tab deletion
+     */
+    this.deleteTab = false;
+    /**
+     * Activates postMessages as events for actions from the widget
+     */
+    this.postMessage = false;
+    /**
+     * Name of the event emitter by the action button
+     */
+    this.eventName = 'helperAccordionAction';
+    /**
+     * Collapsed
+     */
+    this.collapsed = true;
+    /**
+     * Language
+     */
+    this.language = 'en';
+  }
+  // @TODO fix the `any` type :)
+  connectedCallback() {
+    this.showContent = !this.collapsed;
+  }
+  toggleContent() {
+    this.showContent = !this.showContent;
+  }
+  deleteAction() {
+    if (this.postMessage) {
+      // @TODO maybe change the name type, this one sucks
+      window.postMessage({ type: this.eventName }, window.location.href);
+    }
+    this.accordionEvent.emit();
+  }
+  render() {
+    return (h("div", { class: "Wrapper" }, h("div", { class: "Header" }, h("p", { class: "Title" }, this.headerTitle), h("p", { class: "Subtitle" }, this.headerSubtitle), h("p", { class: "Subtitle" }, this.description), h("span", { class: "Expand", onClick: () => this.toggleContent() }, this.showContent ? '<' : '>')), this.showContent &&
+      h("div", null, h("div", { class: "Content" }, h("slot", { name: 'accordionContent' }), this.footer && this.showContent &&
+        h("div", null, this.deleteTab &&
+          h("span", { class: "ActionButton", onClick: () => this.deleteAction() }, translate('deleteTicket', this.language)))))));
+  }
+  static get style() { return helperAccordionCss; }
+}, [1, "helper-accordion", {
+    "headerTitle": [1, "header-title"],
+    "headerSubtitle": [1, "header-subtitle"],
+    "description": [1],
+    "footer": [4],
+    "deleteTab": [4, "delete-tab"],
+    "postMessage": [4, "post-message"],
+    "eventName": [1, "event-name"],
+    "collapsed": [4],
+    "language": [1],
+    "showContent": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["helper-accordion"];
+  components.forEach(tagName => { switch (tagName) {
+    case "helper-accordion":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Accordion);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { Accordion as A, defineCustomElement as d };

package/dist/components/helper-filters.js

@@ -0,0 +1,6 @@
+import { H as HelperFilters$1, d as defineCustomElement$1 } from './helper-filters2.js';
+
+const HelperFilters = HelperFilters$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { HelperFilters, defineCustomElement };