@everymatrix/lottery-game-page 0.1.2 → 0.1.6

package/dist/collection/collection-manifest.json

@@ -39,12 +39,6 @@
         "helper-tabs"
       ]
     },
-    {
-      "name": "@everymatrix/lottery-bullet",
-      "tags": [
-        "lottery-bullet"
-      ]
-    },
     {
       "name": "@everymatrix/lottery-draw-results",
       "tags": [
@@ -62,24 +56,6 @@
       "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,16 +36,17 @@
   align-items: center;
 }
 .GamePage .TotalWinnings {
-  color: #00958f;
+  color: #000;
   font-size: 18px;
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
   justify-content: center;
   align-items: center;
   gap: 10px;
+  text-transform: uppercase;
 }
 .GamePage .TotalWinnings span {
-  font-size: 22px;
+  font-size: 18px;
   font-weight: 700;
 }
 .GamePage .NextDraw {
@@ -54,7 +55,7 @@
   font-weight: 600;
   margin: 0 auto;
   text-align: center;
-  text-transform: capitalize;
+  text-transform: uppercase;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -63,6 +64,9 @@
 .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;
@@ -95,9 +99,21 @@
   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: #fff;
+  background: #F1F1F1;
+  background: linear-gradient(0deg, #f1f1f1 0%, rgba(253, 187, 45, 0) 100%);
 }
 .NextDrawWrapper .BannerText {
   font-size: 16px;
@@ -114,7 +130,7 @@
 }
 
 .GamePageContent {
-  padding: 10px 15px;
+  padding: 15px;
   max-width: 1200px;
   margin: 0 auto;
 }
@@ -122,7 +138,6 @@
 .GameDetails {
   padding-bottom: 10px;
   margin-bottom: 20px;
-  border-bottom: 1px solid #e9e9e9;
 }
 
 .CreateNewTicket {
@@ -221,6 +236,11 @@
 .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,6 +28,8 @@ export class LotteryGamePage {
     this.deleteVisible = false;
     this.latestDraw = {};
     this.totalWinningsAmount = 0;
+    this.isLoggedIn = false;
+    this.loginModalVisible = false;
     this.multiplier = false;
     this.quickPick = false;
   }
@@ -35,6 +37,9 @@ export class LotteryGamePage {
   connectedCallback() {
     this.getGameDetails();
     this.getDraws();
+    if (this.sessionId) {
+      this.isLoggedIn = true;
+    }
   }
   countdownLogic(date) {
     this.interval = setInterval(() => {
@@ -61,7 +66,6 @@ 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();
     })
@@ -124,6 +128,7 @@ export class LotteryGamePage {
   }
   modalCloseEvent() {
     this.deleteVisible = false;
+    this.loginModalVisible = false;
   }
   stakeChangeHandler(event) {
     const { ticketId, stake } = event.detail;
@@ -185,6 +190,9 @@ 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
@@ -192,7 +200,6 @@ export class LotteryGamePage {
       gameId: this.gameId,
       tickets: []
     };
-    console.log('body', body);
     this.tickets.forEach((item) => {
       body.tickets.push({
         startingDrawId: this.nextDraw,
@@ -236,7 +243,7 @@ export class LotteryGamePage {
     }
     return (
     /* Game details */
-    h("div", { class: "GamePage" },
+    h("div", { class: "GamePage", dir: this.language == 'ar' ? 'rtl' : 'ltr' },
       h("div", { class: "GridBanner" },
         h("div", { class: "BannerButtonsWrapper" },
           h("button", { class: "BannerBackButton" },
@@ -291,9 +298,16 @@ export class LotteryGamePage {
                 " ",
                 this.currency)),
             h("div", { class: "ButtonWrapper" },
-              h("span", { class: "Button", onClick: () => this.submitTickets() }, translate('orderSummarySubmit', this.language))))),
+              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))))))),
       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 },
@@ -453,7 +467,9 @@ export class LotteryGamePage {
     "secondsRemaining": {},
     "latestDraw": {},
     "totalWinningsAmount": {},
-    "nextDate": {}
+    "nextDate": {},
+    "isLoggedIn": {},
+    "loginModalVisible": {}
   }; }
   static get elementRef() { return "element"; }
   static get listeners() { return [{
@@ -494,3 +510,4 @@ export class LotteryGamePage {
       "passive": false
     }]; }
 }
+//# sourceMappingURL=lottery-game-page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lottery-game-page.js","sourceRoot":"","sources":["../../../../../../src/components/lottery-game-page/lottery-game-page.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, State, Listen, Element, /*getAssetPath */} from '@stencil/core';\nimport { translate } from '../../utils/locale.utils';\n// import { isMobile } from \"../../utils/utils\";\n\nimport '@everymatrix/lottery-ticket-controller';\nimport '@everymatrix/helper-modal';\nimport '@everymatrix/lottery-game-details';\nimport '@everymatrix/lottery-draw-results-history';\nimport '@everymatrix/lottery-draw-results';\n\n@Component({\n  tag: 'lottery-game-page',\n  styleUrl: 'lottery-game-page.scss',\n  shadow: true,\n  assetsDirs: ['static']\n})\nexport class LotteryGamePage {\n  /**\n   * Endpoint URL for the source of data\n   */\n  @Prop() endpoint: string;\n  /**\n   * GameID of the lottery game\n   */\n  @Prop() gameId: string;\n  /**\n   * Player ID\n   */\n  @Prop() playerId: number;\n  /**\n   * GIC Session\n   */\n  @Prop() sessionId: string;\n  /**\n   * Language of the widget\n   */\n  @Prop() language: string = 'en';\n  /**\n   * Shows the auto-pick button\n   */\n  @Prop() autoPick: boolean = false;\n  /**\n   * Shows the reset button\n   */\n  @Prop() resetButton: boolean = false;\n\n  @State() tickets: Array<any> = [];\n  @State() tabIndex: number = 0;\n  @State() hasErrors: boolean = false;\n  @State() totalAmount: number = 0;\n  @State() successVisible: boolean = false;\n  @State() deleteVisible: boolean = false;\n  @State() deleteEventData: any;\n\n  @State() private daysRemaining: number;\n  @State() private hoursRemaining: number;\n  @State() private minutesRemaining: number;\n  @State() private secondsRemaining: number;\n  @State() private latestDraw:any = {};\n  @State() private totalWinningsAmount:number = 0;\n  @State() private nextDate:string;\n  @State() private isLoggedIn:boolean = false;\n  @State() private loginModalVisible:boolean = false;\n\n  @Element() element: HTMLElement;\n\n  // @TODO fix any type\n  // private userAgent:string = window.navigator.userAgent;\n  private basicStake: number;\n  private multiplier: boolean = false;\n  private quickPick: boolean = false;\n  private nextDraw: string;\n  private lastDrawId: string;\n\n  private currency: string;\n  private gameData:any;\n  private interval:any;\n  // @TODO fix `any` type later, I'm lazy now\n\n  connectedCallback(): void {\n    this.getGameDetails();\n    this.getDraws();\n\n    if (this.sessionId) {\n      this.isLoggedIn = true;\n    }\n  }\n\n  countdownLogic(date:any):void {\n    this.interval = setInterval(() => {\n      this.daysRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / (1000 * 60 * 60 * 24));\n      this.hoursRemaining  = Math.floor((Date.parse(date) - new Date().getTime()) / (1000 * 60 * 60) - this.daysRemaining * 24);\n      this.minutesRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / (1000 * 60) - this.daysRemaining * 24 * 60 - this.hoursRemaining * 60);\n      this.secondsRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / 1000 - this.daysRemaining * 24 * 60 * 60 - this.hoursRemaining * 60 * 60 - this.minutesRemaining * 60);\n    }, 1000);\n  }\n\n  disconnectedCallback(): void {\n    clearInterval(this.interval);\n  }\n\n  getGameDetails(): void {\n    let url:URL = new URL(`${this.endpoint}/games/${this.gameId}`);\n\n    fetch(url.href)\n      .then((res:any) => {\n        if (res.status >= 300) {\n          this.hasErrors = true;\n          throw new Error('There was an error while fetching the data');\n        }\n\n        return res.json();\n      })\n      .then((data:any) => {\n        this.gameData = data;\n        this.basicStake = this.gameData.rules.stakes[0].amount;\n\n        let draws = this.gameData.draws.filter((item) => !item.winningNumbers);\n\n        this.nextDraw = draws[0].id;\n        this.createNewTicket();\n      })\n      .catch((err:any) => {\n        this.hasErrors = true;\n\n        console.log('Error', err);\n      });\n  }\n\n  calculateTotalAmount(): void {\n    const { currency } = this.gameData.rules.stakes[0];\n\n    this.totalAmount = 0;\n\n    this.tickets.forEach((item:any) => {\n      if (item.completed) {\n        this.totalAmount += item.amount * item.stake;\n      }\n    });\n    this.currency = currency;\n  }\n\n  // @TODO CustomEvent type\n  @Listen('ticketCompleted')\n  gridFilledHandler(event: CustomEvent<any>): void {\n    // @TODO item ts\n    this.tickets = this.tickets.map((item:any) => {\n      if (item.ticketId == event.detail.id) {\n        let arr = item.selectedNumbers || [];\n        arr[event.detail.index] = event.detail.selectedNumbers.map((item:string) => parseInt(item, 10));\n\n        return {\n          gameId: item.gameId,\n          ticketId: item.ticketId,\n          completed: true,\n          amount: event.detail.draws,\n          stake: item.stake,\n          selectedNumbers: arr\n        };\n      }\n\n      return item;\n    });\n\n    this.calculateTotalAmount();\n  }\n\n  @Listen('gridDirty')\n  // @TODO fix any type\n  gridDirtyHandler(event: CustomEvent<any>) {\n    // @TODO item ts\n    this.tickets = this.tickets.map((item:any) => {\n      if (item.gameId == event.detail.id) {\n        return {\n          gameId: item.gameId,\n          ticketId: item.ticketId,\n          completed: false,\n          amount: item.amount,\n          stake: item.stake,\n          grids: []\n        };\n      }\n\n      return item;\n    });\n  }\n\n  // @TODO CustomEvent type\n  @Listen('deleteTicket')\n  deleteTicketHandler(event: CustomEvent<any>): void {\n    this.deleteVisible = true;\n    this.deleteEventData = event;\n  }\n\n  @Listen('modalCloseEvent')\n  modalCloseEvent(): void {\n    this.deleteVisible = false;\n    this.loginModalVisible = false;\n  }\n\n  @Listen('stakeChange')\n  stakeChangeHandler(event:any): void {\n    const { ticketId, stake } = event.detail;\n    this.tickets[ticketId - 1].stake = stake;\n    this.calculateTotalAmount();\n  }\n\n  @Listen('multiplierChange')\n  multiplierChangeHandler(event:CustomEvent<any>): void {\n    this.multiplier = event.detail;\n  }\n\n  getDraws(): void {\n    // append from query param with the current date value in order to get the next draw\n    let url:URL = new URL(`${this.endpoint}/games/${this.gameId}/draws`);\n\n    let drawOptions = {\n      method: \"GET\",\n      headers: {\n        'Content-Type': \"application/json\",\n        'Accept': 'application/json',\n      },\n    };\n\n    fetch( url.href , drawOptions )\n      .then((response:any) => {\n        return response.json();\n      })\n      .then((data:any) => {\n        let upcoming:Array<any> = data.items.filter((item:any) => {\n          if(Date.parse(item.date) > new Date().getTime()) {\n            return !item.winningNumbers;\n          }\n        });\n\n        let past:Array<any> = data.items.filter((item:any) => item.winningNumbers);\n\n          this.latestDraw = upcoming[0];\n          this.nextDate = this.latestDraw.date;\n          this.countdownLogic(this.nextDate);\n\n        this.lastDrawId = past[past.length - 1].id;\n          // calculate total winnings\n          // @TODO fix any type\n          this.latestDraw?.prizes.forEach((element:any) => {\n            this.totalWinningsAmount += JSON.parse(element.amount);\n          });\n      });\n  };\n\n  // @TODO fix any type\n  confirmDeleteTicketHandler(event:any): void {\n    // @TODO fix any type\n    this.tickets = this.tickets.filter((item:any) => {\n      if (item.ticketId == event.detail.ticketId) {\n        return false;\n      }\n\n      return true;\n    });\n\n    this.calculateTotalAmount();\n    this.deleteVisible = false;\n  }\n\n  createNewTicket(): void {\n    this.tickets = [\n      ...this.tickets,\n      { gameId: this.gameId, ticketId: this.tickets.length + 1, completed: false, amount: 1, stake: this.basicStake, grids: [] }\n    ];\n  }\n\n  showLoginModal(): void {\n    this.loginModalVisible = true;\n  }\n\n  submitTickets(): void {\n    let url:URL = new URL(`${this.endpoint}/tickets`);\n\n    // @TODO Body TS type\n    let body:any = {\n      gameId: this.gameId,\n      tickets: []\n    }\n\n    this.tickets.forEach((item:any) => {\n      body.tickets.push({\n        startingDrawId: this.nextDraw,\n        amount: item.stake,\n        gameId: this.gameId,\n        currency: this.currency,\n        selection: item.selectedNumbers,\n        multiplier: this.multiplier,\n        drawCount: item.amount,\n        quickPick: this.quickPick,\n      })\n    });\n    \n    // @TODO Options TS type\n    let options = {\n      method: 'POST',\n      headers: {\n        'Content-Type': 'application/json',\n        'Accept': 'application/json',\n        'Authorization': `Bearer ${this.sessionId}`\n      },\n      body: JSON.stringify(body)\n    };\n\n    fetch(url.href, options)\n      .then((res:any) => {\n        if (res.status > 300) {\n          throw new Error('err');\n        }\n\n        return res.json();\n      })\n      .then((data:any) => {\n        console.log('data', data)\n      });\n\n    this.successVisible = true;\n  }\n\n  render(): void {\n    // const backgroundSrc = getAssetPath('./static/chrono_lottery_mobile.png');\n    // const backgroundDesktopSrc = getAssetPath('./static/chrono_desktop.png');\n\n    if (this.hasErrors) {\n      return (\n        <div class=\"GamePage\">\n          <div class=\"Title\">{translate('error', this.language)}</div>\n        </div>\n      )\n    }\n\n    return (\n      /* Game details */\n      <div class=\"GamePage\" dir={this.language == 'ar' ? 'rtl' : 'ltr'}>\n        <div class=\"GridBanner\"\n             >\n          <div class=\"BannerButtonsWrapper\">\n            <button class=\"BannerBackButton\"><span class=\"BannerBackButtonArrow\">&#5176; </span>{translate('backButton', this.language)}</button>\n            <button class=\"BannerLobbyButton\">{translate('lobbyButton', this.language)}</button>\n          </div>\n          <div class=\"Tabs\">\n            <div class={'TabButton' + (this.tabIndex == 0 ? ' Active' : '')}\n                 onClick={() => this.tabIndex = 0}>{translate('buy', this.language)}</div>\n            <div class={'TabButton' + (this.tabIndex == 1 ? ' Active' : '')}\n                 onClick={() => this.tabIndex = 1}>{translate('viewLatest', this.language)}</div>\n          </div>\n        </div>\n        <div class=\"NextDrawWrapper\">\n          <div class=\"TotalWinnings\">{translate('winUpTo', this.language)}: <span>${this.totalWinningsAmount.toLocaleString('en-US', {maximumFractionDigits:2})}</span></div>\n          <div class=\"NextDraw\">\n            <p class=\"BannerText\">{translate('nextDraw', this.language)}</p>\n            <div class=\"BannerCountdown\">\n              <span class=\"CountdownDays\">{this.daysRemaining}D</span>\n              <span class=\"CountdownHours\">{this.hoursRemaining}H</span>\n              <span class=\"CountdownMinutes\">{this.minutesRemaining}M</span>\n              <span class=\"CountdownSeconds\">{this.secondsRemaining}S</span>\n            </div>\n          </div>\n        </div>\n        {this.tabIndex == 0 &&\n          <div class=\"GamePageContent\">\n            <div class=\"GameDetails\">\n              <lottery-game-details></lottery-game-details>\n            </div>\n            <div class=\"TicketsWrapper\">\n              {this.tickets.map((item) =>\n                <lottery-ticket-controller\n                  endpoint={this.endpoint}\n                  ticket-id={item.ticketId}\n                  game-id={item.gameId}\n                  collapsed={false}\n                  last={true}\n                  language={this.language}\n                  auto-pick={this.autoPick}\n                  reset-button={this.resetButton}\n                >\n                </lottery-ticket-controller>\n              )}\n              <div class=\"CreateNewTicket\">\n                <button onClick={() => this.createNewTicket()}>+</button>\n                <span>{translate('createTicket', this.language)}</span>\n              </div>\n            </div>\n              <div class=\"OrderSummary\">\n                <h3 class=\"OrderSummaryTitle\">{translate('orderSummaryTitle', this.language)}</h3>\n                <div class=\"Ticket\">{translate('orderSummaryTickets', this.language)}: <span>{this.tickets.length}</span></div>\n                <div class=\"Total\">{translate('orderSummaryTotal', this.language)}: <span>{this.totalAmount} {this.currency}</span></div>\n                <div class=\"ButtonWrapper\">\n                  {this.isLoggedIn && \n                    <span class=\"Button\" onClick={() => this.submitTickets()}>{translate('orderSummarySubmit', this.language)}</span>\n                  }\n                  {!this.isLoggedIn &&\n                    <div>\n                      <span class=\"Button\" onClick={() => this.showLoginModal()}>{translate('orderSummarySubmit', this.language)}</span>\n                      <helper-modal title-modal=\"Success\" visible={this.loginModalVisible}><p class=\"SubmitModalSuccess\">{translate('modalLogin', this.language)}</p></helper-modal>\n                    </div>\n                  }\n                </div>\n              </div>\n          </div>\n        }\n        {this.tabIndex == 1 &&\n        <div>\n          <h4 class=\"LastDrawResultsTitle\">{translate('lastDrawResultsTitle', this.language)}</h4>\n          <lottery-draw-results endpoint={this.endpoint} game-id={this.gameId} language={this.language} draw-id={this.lastDrawId} draw-mode={true}></lottery-draw-results>\n          <lottery-draw-results-history endpoint={this.endpoint} game-id={this.gameId} language={this.language}></lottery-draw-results-history>\n        </div>}\n        <helper-modal title-modal=\"Success\" visible={this.successVisible}><p class=\"SubmitModalSuccess\">{translate('modalSuccess', this.language)}</p></helper-modal>\n        <helper-modal title-modal=\"Delete Ticket\" visible={this.deleteVisible}>\n          <div class=\"DeleteTicketModalWrapper\">\n            <h3 class=\"DeleteTicketModalTitle\">{translate('deleteTicketModalTitle', this.language)}</h3>\n            <p class=\"DeleteTicketModalText\">{translate('deleteTicketModalText', this.language)}</p>\n            <div class=\"DeleteTicketModalButtons\">\n              <button class=\"DeleteTicketModalCancel\" onClick={() => this.modalCloseEvent()}>{translate('deleteTicketModalCancel', this.language)}</button>\n              <button class=\"DeleteTicketModalConfirm\" onClick={() => this.confirmDeleteTicketHandler(this.deleteEventData)}>{translate('deleteTicketModalConfirm', this.language)}</button>\n            </div>\n          </div>\n        </helper-modal>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/index.js

@@ -1 +1,2 @@
 export * from './components';
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC","sourcesContent":["export * from './components';\n"]}

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

@@ -1,5 +1,5 @@
 const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en'];
+const SUPPORTED_LANGUAGES = ['ro', 'en', 'ar'];
 const TRANSLATIONS = {
   en: {
     error: 'Error',
@@ -12,7 +12,7 @@ const TRANSLATIONS = {
     buy: 'Buy tickets',
     viewLatest: 'View latest results',
     createTicket: 'Create Ticket',
-    modalSuccess: 'Purchase will be successfull soon!',
+    modalSuccess: 'Purchase successfully completed!',
     deleteTicketModalTitle: 'Delete Ticket',
     deleteTicketModalText: 'Are you sure you want to delete this ticket?',
     deleteTicketModalCancel: 'Cancel',
@@ -20,7 +20,9 @@ const TRANSLATIONS = {
     orderSummaryTitle: 'Order Summary',
     orderSummaryTickets: 'Ticket',
     orderSummaryTotal: 'Total',
-    orderSummarySubmit: 'Submit'
+    orderSummarySubmit: 'Submit',
+    lastDrawResultsTitle: 'Last Draw Results',
+    modalLogin: 'Please login to submit a ticket',
   },
   ro: {
     error: 'Eroare',
@@ -29,11 +31,11 @@ const TRANSLATIONS = {
     lobbyButton: 'Lobby',
     prize: 'MARELE JACKPOT OMG',
     winUpTo: 'Castiga pana la',
-    nextDraw: 'In cat timp devii milionar daca cumperi acum!!!',
+    nextDraw: 'Urmatoarea extragere:',
     buy: 'Cumpara bilet',
     viewLatest: 'Ultimile extrageri',
     createTicket: 'Creeaza bilet',
-    modalSuccess: 'Achiziția va avea succes în curând!',
+    modalSuccess: 'Achizitie efectuata cu succes',
     deleteTicketModalTitle: 'Sterge biletul',
     deleteTicketModalText: 'Esti sigur ca vrei sa stergi acest bilet?',
     deleteTicketModalCancel: 'Anuleaza',
@@ -41,10 +43,36 @@ const TRANSLATIONS = {
     orderSummaryTitle: 'Rezumat comanda',
     orderSummaryTickets: 'Bilet',
     orderSummaryTotal: 'Total',
-    orderSummarySubmit: 'Trimite'
+    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: 'الرجاء تسجيل الدخول لتقديم تذكرة'
   },
 };
 export const translate = (key, customLang) => {
   const lang = customLang;
   return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
 };
+//# sourceMappingURL=locale.utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"locale.utils.js","sourceRoot":"","sources":["../../../../../src/utils/locale.utils.ts"],"names":[],"mappings":"AAUA,MAAM,gBAAgB,GAAS,IAAI,CAAA;AACnC,MAAM,mBAAmB,GAAa,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AACzD,MAAM,YAAY,GAAiB;EACjC,EAAE,EAAE;IACF,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,QAAQ;IACf,UAAU,EAAE,MAAM;IAClB,WAAW,EAAE,OAAO;IACpB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,WAAW;IACpB,QAAQ,EAAE,gBAAgB;IAC1B,GAAG,EAAE,aAAa;IAClB,UAAU,EAAE,qBAAqB;IACjC,YAAY,EAAE,eAAe;IAC7B,YAAY,EAAE,kCAAkC;IAChD,sBAAsB,EAAE,eAAe;IACvC,qBAAqB,EAAE,8CAA8C;IACrE,uBAAuB,EAAE,QAAQ;IACjC,wBAAwB,EAAE,QAAQ;IAClC,iBAAiB,EAAE,eAAe;IAClC,mBAAmB,EAAE,QAAQ;IAC7B,iBAAiB,EAAE,OAAO;IAC1B,kBAAkB,EAAE,QAAQ;IAC5B,oBAAoB,EAAE,mBAAmB;IACzC,UAAU,EAAE,iCAAiC;GAC9C;EACD,EAAE,EAAE;IACF,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,WAAW;IAClB,UAAU,EAAE,QAAQ;IACpB,WAAW,EAAE,OAAO;IACpB,KAAK,EAAE,oBAAoB;IAC3B,OAAO,EAAE,iBAAiB;IAC1B,QAAQ,EAAE,uBAAuB;IACjC,GAAG,EAAE,eAAe;IACpB,UAAU,EAAE,oBAAoB;IAChC,YAAY,EAAE,eAAe;IAC7B,YAAY,EAAE,+BAA+B;IAC7C,sBAAsB,EAAE,gBAAgB;IACxC,qBAAqB,EAAE,2CAA2C;IAClE,uBAAuB,EAAE,UAAU;IACnC,wBAAwB,EAAE,QAAQ;IAClC,iBAAiB,EAAE,iBAAiB;IACpC,mBAAmB,EAAE,OAAO;IAC5B,iBAAiB,EAAE,OAAO;IAC1B,kBAAkB,EAAE,SAAS;IAC7B,oBAAoB,EAAE,4BAA4B;IAClD,UAAU,EAAE,iCAAiC;GAC9C;EACD,EAAE,EAAE;IACF,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,KAAK;IACjB,WAAW,EAAE,MAAM;IACnB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,mBAAmB;IAC5B,QAAQ,EAAE,eAAe;IACzB,GAAG,EAAE,aAAa;IAClB,UAAU,EAAE,kBAAkB;IAC9B,YAAY,EAAE,aAAa;IAC3B,YAAY,EAAE,2BAA2B;IACzC,sBAAsB,EAAE,aAAa;IACrC,qBAAqB,EAAE,wCAAwC;IAC/D,uBAAuB,EAAE,MAAM;IAC/B,wBAAwB,EAAE,KAAK;IAC/B,iBAAiB,EAAE,YAAY;IAC/B,mBAAmB,EAAE,OAAO;IAC5B,iBAAiB,EAAE,SAAS;IAC5B,kBAAkB,EAAE,SAAS;IAC7B,oBAAoB,EAAE,4BAA4B;IAClD,UAAU,EAAE,kCAAkC;GAC/C;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,GAAW,EAAE,UAAW,EAAU,EAAE;EAC5D,MAAM,IAAI,GAAuB,UAAU,CAAC;EAC5C,OAAO,YAAY,CAAC,IAAI,KAAK,SAAS,IAAI,mBAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC,CAAC;AAC/G,CAAC,CAAC","sourcesContent":["interface Translation {\n  [key: string]: string;\n}\n\ninterface Translations {\n  en: Translation,\n  ro: Translation,\n  ar: Translation\n}\n\nconst DEFAULT_LANGUAGE: 'en' = 'en'\nconst SUPPORTED_LANGUAGES: string[] = ['ro', 'en', 'ar'];\nconst TRANSLATIONS: Translations = {\n  en: {\n    error: 'Error',\n    title: 'Chrono',\n    backButton: 'Back',\n    lobbyButton: 'Lobby',\n    prize: 'Prize',\n    winUpTo: 'Win up to',\n    nextDraw: 'Next draw in: ',\n    buy: 'Buy tickets',\n    viewLatest: 'View latest results',\n    createTicket: 'Create Ticket',\n    modalSuccess: 'Purchase successfully completed!',\n    deleteTicketModalTitle: 'Delete Ticket',\n    deleteTicketModalText: 'Are you sure you want to delete this ticket?',\n    deleteTicketModalCancel: 'Cancel',\n    deleteTicketModalConfirm: 'Delete',\n    orderSummaryTitle: 'Order Summary',\n    orderSummaryTickets: 'Ticket',\n    orderSummaryTotal: 'Total',\n    orderSummarySubmit: 'Submit',\n    lastDrawResultsTitle: 'Last Draw Results',\n    modalLogin: 'Please login to submit a ticket',\n  },\n  ro: {\n    error: 'Eroare',\n    title: 'Loto 6/49',\n    backButton: 'Inapoi',\n    lobbyButton: 'Lobby',\n    prize: 'MARELE JACKPOT OMG',\n    winUpTo: 'Castiga pana la',\n    nextDraw: 'Urmatoarea extragere:',\n    buy: 'Cumpara bilet',\n    viewLatest: 'Ultimile extrageri',\n    createTicket: 'Creeaza bilet',\n    modalSuccess: 'Achizitie efectuata cu succes',\n    deleteTicketModalTitle: 'Sterge biletul',\n    deleteTicketModalText: 'Esti sigur ca vrei sa stergi acest bilet?',\n    deleteTicketModalCancel: 'Anuleaza',\n    deleteTicketModalConfirm: 'Sterge',\n    orderSummaryTitle: 'Rezumat comanda',\n    orderSummaryTickets: 'Bilet',\n    orderSummaryTotal: 'Total',\n    orderSummarySubmit: 'Trimite',\n    lastDrawResultsTitle: 'Cele mai recente extrageri',\n    modalLogin: 'Please login to submit a ticket',\n  },\n  ar: {\n    error: 'خطأ',\n    title: 'كرونو',\n    backButton: 'خلف',\n    lobbyButton: 'ردهة',\n    prize: 'جائزة',\n    winUpTo: 'الفوز بما يصل الى',\n    nextDraw: 'السحب التالي:',\n    buy: 'اشتري تذاكر',\n    viewLatest: 'عرض أحدث النتائج',\n    createTicket: 'إنشاء تذكرة',\n    modalSuccess: '!سيتم الشراء بنجاح قريبًا',\n    deleteTicketModalTitle: 'حذف التذكرة',\n    deleteTicketModalText: 'هل أنت متأكد أنك تريد حذف هذه التذكرة؟',\n    deleteTicketModalCancel: 'يلغي',\n    deleteTicketModalConfirm: 'حذف',\n    orderSummaryTitle: 'ملخص الطلب',\n    orderSummaryTickets: 'تذكرة',\n    orderSummaryTotal: 'المجموع',\n    orderSummarySubmit: 'يُقدِّم',\n    lastDrawResultsTitle: 'Cele mai recente extrageri',\n    modalLogin: 'الرجاء تسجيل الدخول لتقديم تذكرة'\n  },\n};\n\nexport const translate = (key: string, customLang?): string => {\n  const lang: string | undefined = customLang;\n  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];\n};\n"]}

package/dist/collection/utils/utils.js

@@ -10,3 +10,4 @@ export const isMobile = (userAgent) => {
     userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
     userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
 };
+//# sourceMappingURL=utils.js.map

package/dist/collection/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/utils/utils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,SAAgB,EAAU,EAAE;EACnD,OAAO,CAAC,CAAC,CACP,SAAS,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC;IACzC,SAAS,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC;IAC/C,SAAS,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC;IAClD,SAAS,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,kDAAkD,CAAC,CAClF,CAAC;AACJ,CAAC,CAAA","sourcesContent":["/**\n * @name isMobile\n * @description A method that returns if the browser used to access the app is from a mobile device or not\n * @param {String} userAgent window.navigator.userAgent\n * @returns {Boolean} true or false\n */\nexport const isMobile = (userAgent:string):boolean => {\n  return !!(\n    userAgent.toLowerCase().match(/android/i) ||\n    userAgent.toLowerCase().match(/blackberry|bb/i) ||\n    userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||\n    userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i)\n  );\n}\n"]}

package/dist/components/helper-accordion.js

@@ -4,3 +4,5 @@ const HelperAccordion = Accordion;
 const defineCustomElement = defineCustomElement$1;
 
 export { HelperAccordion, defineCustomElement };
+
+//# sourceMappingURL=helper-accordion.js.map

package/dist/components/helper-accordion.js.map

@@ -0,0 +1 @@
+{"file":"helper-accordion.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/helper-accordion2.js

@@ -15,7 +15,7 @@ const translate = (key, 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 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 4px 0 0;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}.HeaderTicketHistory{border-radius:4px;background:#F1F1F1;display:flex;gap:30px;border:1px solid #009993;padding:8px 10px;user-select:none;margin-bottom:5px}.HeaderTicketHistory:hover{background:#00ABA4}.HeaderTicketHistory .Title,.HeaderTicketHistory .Subtitle,.HeaderTicketHistory .Description{margin:0;font-size:14px;color:#000}.HeaderTicketHistory .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:0 0 4px 4px;background:#fff;border:1px solid #009993;padding:10px 15px;user-select:none;color:#000;margin-bottom:10px}.ActionButton{cursor:pointer;display:inline-block;border-radius:4px;margin:20px 0 10px;text-transform:uppercase;font-size:12px;text-align:center;padding:8px 20px;min-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() {
@@ -23,6 +23,10 @@ const Accordion = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.__attachShadow();
     this.accordionEvent = createEvent(this, "helperAccordionAction", 7);
+    /**
+   * Flag for ticket history
+   */
+    this.ticketHistoryFlag = false;
     /**
      * Title (top header)
      */
@@ -75,13 +79,14 @@ const Accordion = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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 &&
+    return (h("div", { class: "Wrapper" }, h("div", { class: this.ticketHistoryFlag === true ? 'HeaderTicketHistory' : '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", {
+    "ticketHistoryFlag": [4, "ticket-history-flag"],
     "headerTitle": [1, "header-title"],
     "headerSubtitle": [1, "header-subtitle"],
     "description": [1],
@@ -109,3 +114,5 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Accordion as A, defineCustomElement as d };
+
+//# sourceMappingURL=helper-accordion2.js.map

package/dist/components/helper-accordion2.js.map

@@ -0,0 +1 @@
+{"file":"helper-accordion2.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC;AAC9B,MAAM,mBAAmB,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACzC,MAAM,YAAY,GAAG;AACrB,EAAE,EAAE,EAAE;AACN,IAAI,YAAY,EAAE,eAAe;AACjC,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,YAAY,EAAE,gBAAgB;AAClC,GAAG;AACH,CAAC,CAAC;AACK,MAAM,SAAS,GAAG,CAAC,GAAG,EAAE,UAAU,KAAK;AAC9C,EAAE,MAAM,IAAI,GAAG,UAAU,CAAC;AAC1B,EAAE,OAAO,YAAY,CAAC,IAAI,KAAK,SAAS,IAAI,mBAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,gBAAgB,CAAC,CAAC,GAAG,CAAC,CAAC;AAC/G,CAAC;;ACbD,MAAM,kBAAkB,GAAG,q9CAAq9C;;MCEn+C,SAAS;EACpB;;;;;;;;IAIE,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;;;;IAI/B,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;;;;IAItB,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;;;;IAIzB,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;;;;IAItB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;;;;IAIpB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;;;;IAIvB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;;;;IAIzB,IAAI,CAAC,SAAS,GAAG,uBAAuB,CAAC;;;;IAIzC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;;;;IAItB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;GACtB;;EAED,iBAAiB;IACf,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;GACpC;EACD,aAAa;IACX,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;GACtC;EACD,YAAY;IACV,IAAI,IAAI,CAAC,WAAW,EAAE;;MAEpB,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KACpE;IACD,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,CAAC;GAC5B;EACD,MAAM;IACJ,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EACnC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,iBAAiB,KAAK,IAAI,GAAG,qBAAqB,GAAG,QAAQ,EAAE,EACpF,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,EAC5C,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,IAAI,CAAC,cAAc,CAAC,EAClD,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,EAC/C,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,EAAE,EAAE,IAAI,CAAC,WAAW,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,EACpG,IAAI,CAAC,WAAW;MACd,CAAC,CAAC,KAAK,EAAE,IAAI,EACX,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAC3B,CAAC,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,EACvC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,WAAW;QAC7B,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS;UAC3B,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,EAAE,EAAE,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;GACrI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../helper-accordion/dist/collection/utils/locale.utils.js","../helper-accordion/dist/collection/components/helper-accordion/helper-accordion.css?tag=helper-accordion&encapsulation=shadow","../helper-accordion/dist/collection/components/helper-accordion/helper-accordion.js"],"sourcesContent":["const DEFAULT_LANGUAGE = 'en';\nconst SUPPORTED_LANGUAGES = ['ro', 'en'];\nconst TRANSLATIONS = {\n  en: {\n    deleteTicket: 'Delete ticket'\n  },\n  ro: {\n    deleteTicket: 'Sterge biletul'\n  },\n};\nexport const translate = (key, customLang) => {\n  const lang = customLang;\n  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];\n};\n","@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");\n:host {\n  display: block;\n  font-family: \"Roboto\", sans-serif;\n}\n\n.Header {\n  border-radius: 4px 4px 0 0;\n  background: #009993;\n  display: flex;\n  gap: 30px;\n  border: 1px solid #009993;\n  padding: 8px 10px;\n  user-select: none;\n}\n.Header:hover {\n  background: #00ABA4;\n}\n.Header .Title,\n.Header .Subtitle,\n.Header .Description {\n  margin: 0;\n  font-size: 14px;\n  color: #fff;\n}\n.Header .Expand {\n  margin-left: auto;\n  color: #FFF;\n  width: 17px;\n  height: 17px;\n  cursor: pointer;\n  text-align: center;\n  transform: rotate(90deg);\n  font-size: 20px;\n  user-select: none;\n}\n\n.HeaderTicketHistory {\n  border-radius: 4px;\n  background: #F1F1F1;\n  display: flex;\n  gap: 30px;\n  border: 1px solid #009993;\n  padding: 8px 10px;\n  user-select: none;\n  margin-bottom: 5px;\n}\n.HeaderTicketHistory:hover {\n  background: #00ABA4;\n}\n.HeaderTicketHistory .Title,\n.HeaderTicketHistory .Subtitle,\n.HeaderTicketHistory .Description {\n  margin: 0;\n  font-size: 14px;\n  color: #000;\n}\n.HeaderTicketHistory .Expand {\n  margin-left: auto;\n  color: #FFF;\n  width: 17px;\n  height: 17px;\n  cursor: pointer;\n  text-align: center;\n  transform: rotate(90deg);\n  font-size: 20px;\n  user-select: none;\n}\n\n.Content {\n  border-radius: 0 0 4px 4px;\n  background: #fff;\n  border: 1px solid #009993;\n  padding: 10px 15px;\n  user-select: none;\n  color: #000;\n  margin-bottom: 10px;\n}\n\n.ActionButton {\n  cursor: pointer;\n  display: inline-block;\n  border-radius: 4px;\n  margin: 20px 0 10px;\n  text-transform: uppercase;\n  font-size: 12px;\n  text-align: center;\n  padding: 8px 20px;\n  min-width: 80px;\n  background: #FF3D00;\n  border: 1px solid #FF3D00;\n  color: #FFF;\n}\n.ActionButton:hover {\n  background: #FF6536;\n  border: 1px solid #FF3D00;\n}","import { Component, Prop, h, State, Event } from '@stencil/core';\nimport { translate } from '../../utils/locale.utils';\nexport class Accordion {\n  constructor() {\n    /**\n   * Flag for ticket history\n   */\n    this.ticketHistoryFlag = false;\n    /**\n     * Title (top header)\n     */\n    this.headerTitle = '';\n    /**\n     * SubTitle (top header)\n     */\n    this.headerSubtitle = '';\n    /**\n     * Description\n     */\n    this.description = '';\n    /**\n     * Enables footer content\n     */\n    this.footer = false;\n    /**\n     * Enables footer button for tab deletion\n     */\n    this.deleteTab = false;\n    /**\n     * Activates postMessages as events for actions from the widget\n     */\n    this.postMessage = false;\n    /**\n     * Name of the event emitter by the action button\n     */\n    this.eventName = 'helperAccordionAction';\n    /**\n     * Collapsed\n     */\n    this.collapsed = true;\n    /**\n     * Language\n     */\n    this.language = 'en';\n  }\n  // @TODO fix the `any` type :)\n  connectedCallback() {\n    this.showContent = !this.collapsed;\n  }\n  toggleContent() {\n    this.showContent = !this.showContent;\n  }\n  deleteAction() {\n    if (this.postMessage) {\n      // @TODO maybe change the name type, this one sucks\n      window.postMessage({ type: this.eventName }, window.location.href);\n    }\n    this.accordionEvent.emit();\n  }\n  render() {\n    return (h(\"div\", { class: \"Wrapper\" },\n      h(\"div\", { class: this.ticketHistoryFlag === true ? 'HeaderTicketHistory' : 'Header' },\n        h(\"p\", { class: \"Title\" }, this.headerTitle),\n        h(\"p\", { class: \"Subtitle\" }, this.headerSubtitle),\n        h(\"p\", { class: \"Subtitle\" }, this.description),\n        h(\"span\", { class: \"Expand\", onClick: () => this.toggleContent() }, this.showContent ? '<' : '>')),\n      this.showContent &&\n        h(\"div\", null,\n          h(\"div\", { class: \"Content\" },\n            h(\"slot\", { name: 'accordionContent' }),\n            this.footer && this.showContent &&\n              h(\"div\", null, this.deleteTab &&\n                h(\"span\", { class: \"ActionButton\", onClick: () => this.deleteAction() }, translate('deleteTicket', this.language)))))));\n  }\n  static get is() { return \"helper-accordion\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"helper-accordion.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"helper-accordion.css\"]\n  }; }\n  static get properties() { return {\n    \"ticketHistoryFlag\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Flag for ticket history\"\n      },\n      \"attribute\": \"ticket-history-flag\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"headerTitle\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Title (top header)\"\n      },\n      \"attribute\": \"header-title\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"headerSubtitle\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"SubTitle (top header)\"\n      },\n      \"attribute\": \"header-subtitle\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"description\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Description\"\n      },\n      \"attribute\": \"description\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"footer\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Enables footer content\"\n      },\n      \"attribute\": \"footer\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"deleteTab\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Enables footer button for tab deletion\"\n      },\n      \"attribute\": \"delete-tab\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"postMessage\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Activates postMessages as events for actions from the widget\"\n      },\n      \"attribute\": \"post-message\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"eventName\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Name of the event emitter by the action button\"\n      },\n      \"attribute\": \"event-name\",\n      \"reflect\": false,\n      \"defaultValue\": \"'helperAccordionAction'\"\n    },\n    \"collapsed\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Collapsed\"\n      },\n      \"attribute\": \"collapsed\",\n      \"reflect\": false,\n      \"defaultValue\": \"true\"\n    },\n    \"language\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Language\"\n      },\n      \"attribute\": \"language\",\n      \"reflect\": false,\n      \"defaultValue\": \"'en'\"\n    }\n  }; }\n  static get states() { return {\n    \"showContent\": {}\n  }; }\n  static get events() { return [{\n      \"method\": \"accordionEvent\",\n      \"name\": \"helperAccordionAction\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Action event\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }]; }\n}\n"],"version":3}

package/dist/components/helper-filters.js

@@ -4,3 +4,5 @@ const HelperFilters = HelperFilters$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { HelperFilters, defineCustomElement };
+
+//# sourceMappingURL=helper-filters.js.map

package/dist/components/helper-filters.js.map

@@ -0,0 +1 @@
+{"file":"helper-filters.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}