@everymatrix/lottery-tipping-entrance 1.83.4 → 1.83.6

package/dist/collection/components/lottery-tipping-entrance/lottery-tipping-entrance.js

@@ -3,8 +3,9 @@ import "../../../../../lottery-tipping-page/dist/types/index";
 import { h } from "@stencil/core";
 import "../../../../../../../libs/vaadin-facade/index";
 import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
-import { fetchGameInfo } from "../../utils/api";
+import { fetchGameInfo, fetchSaleStatistics } from "../../utils/api";
 import { getTranslations, translate } from "../../utils/locale.utils";
+import { thousandSeparator } from "../../utils/utils";
 export class LotteryTippingEntrance {
     constructor() {
         this.mbSource = undefined;
@@ -13,6 +14,7 @@ export class LotteryTippingEntrance {
         this.translationUrl = '';
         this.language = 'en';
         this.endpoint = undefined;
+        this.endpointLotteryBe = undefined;
         this.endpointTicket = undefined;
         this.gameId = undefined;
         this.playerId = undefined;
@@ -25,6 +27,8 @@ export class LotteryTippingEntrance {
         this.isLoading = false;
         this.selectedTabIndex = 0;
         this.showSelectDrawPage = true;
+        this.gameInfo = {};
+        this.saleStatisticsInfo = {};
     }
     handleClientStylingChange(newValue, oldValue) {
         if (newValue != oldValue) {
@@ -41,6 +45,9 @@ export class LotteryTippingEntrance {
             setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
         }
     }
+    async onPropsChange() {
+        this.getGameById();
+    }
     componentWillLoad() {
         this.getGameById();
         if (this.translationUrl) {
@@ -58,14 +65,18 @@ export class LotteryTippingEntrance {
         }
     }
     async getGameById() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e, _f;
         try {
+            if (!(this.endpoint && this.gameId))
+                return;
             this.isLoading = true;
             const gameInfo = await fetchGameInfo(this.endpoint, this.gameId);
-            this.date = gameInfo === null || gameInfo === void 0 ? void 0 : gameInfo.currentDraw.date;
-            this.drawId = gameInfo === null || gameInfo === void 0 ? void 0 : gameInfo.currentDraw.id;
-            this.playTypes = (_b = (_a = gameInfo === null || gameInfo === void 0 ? void 0 : gameInfo.rules) === null || _a === void 0 ? void 0 : _a.poolGame) === null || _b === void 0 ? void 0 : _b.playTypes;
-            this.bettingTypes = (_d = (_c = gameInfo === null || gameInfo === void 0 ? void 0 : gameInfo.rules) === null || _c === void 0 ? void 0 : _c.poolGame) === null || _d === void 0 ? void 0 : _d.bettingTypes;
+            this.gameInfo = gameInfo || {};
+            this.date = (_a = gameInfo === null || gameInfo === void 0 ? void 0 : gameInfo.currentDraw) === null || _a === void 0 ? void 0 : _a.date;
+            this.drawId = (_b = gameInfo === null || gameInfo === void 0 ? void 0 : gameInfo.currentDraw) === null || _b === void 0 ? void 0 : _b.id;
+            this.playTypes = (_d = (_c = gameInfo === null || gameInfo === void 0 ? void 0 : gameInfo.rules) === null || _c === void 0 ? void 0 : _c.poolGame) === null || _d === void 0 ? void 0 : _d.playTypes;
+            this.bettingTypes = (_f = (_e = gameInfo === null || gameInfo === void 0 ? void 0 : gameInfo.rules) === null || _e === void 0 ? void 0 : _e.poolGame) === null || _f === void 0 ? void 0 : _f.bettingTypes;
+            this.fetchSaleStatisticsHandler();
         }
         catch (e) {
             console.log(e);
@@ -74,19 +85,37 @@ export class LotteryTippingEntrance {
             this.isLoading = false;
         }
     }
+    get formattedTurnover() {
+        var _a, _b;
+        const turnover = (_b = (_a = this.saleStatisticsInfo) === null || _a === void 0 ? void 0 : _a.wagerSegment) === null || _b === void 0 ? void 0 : _b.totalSalesCrossDraw;
+        const unit = '€';
+        if (turnover === null || turnover === undefined)
+            return '';
+        return `${unit}${turnover ? thousandSeparator(turnover) : 0}`;
+    }
     disconnectedCallback() {
         this.stylingSubscription && this.stylingSubscription.unsubscribe();
     }
     handleSelectDraw() {
         this.showSelectDrawPage = false;
     }
-    handleClosePoolGamePage() {
+    async fetchSaleStatisticsHandler() {
+        var _a;
+        this.saleStatisticsInfo = await fetchSaleStatistics({
+            endpoint: this.endpointLotteryBe,
+            gameId: (_a = this.gameInfo) === null || _a === void 0 ? void 0 : _a.type,
+            drawId: this.drawId
+        });
+    }
+    async handleClosePoolGamePage() {
         this.showSelectDrawPage = true;
+        // refresh data
+        this.fetchSaleStatisticsHandler();
     }
     render() {
-        return (h("div", { key: 'dca8e524dab5d828460ebdeffaa0218d74cb9bec', class: "lottery-tipping-entrance", ref: (el) => (this.stylingContainer = el) }, this.showSelectDrawPage && (h("div", { key: '04ce9da3d9fec1dbdb95adaf11dba5057551ef13', class: "select-draw-page" }, h("div", { key: 'e92486eb044f785ef8fa618cbb632fde150a6e3d', class: "lottery-tipping-entrance__header" }, h("div", { key: '71f5ab8d77354b371fc42ed4b2e128a8768e790b', class: "header" }, h("div", { key: '1b1811ca5f27048e966d04a8533cdd3bd53791e7', class: "header-logo" }, this.logoUrl && h("img", { key: 'af7aaae73db8dfc1eca18258d8df8cfa379b3991', class: "logo", src: this.logoUrl })), h("div", { key: 'd0f4cecdbda9934b4a7d7033383163150697bc67', class: "header-btns" }, h("div", { key: '086c0691f099c798f348ac0fa1493e8fb93def04', class: "header-btns--left" }, h("slot", { key: '25399060895d061e95f5fe9b28de3b9c4616528b', name: "backGameSelectionBtn" })), h("div", { key: 'df371aec19551da9c9a1c0ff025acd30365cfd5e', class: "header-btns--right" }, h("slot", { key: '6f90aeb471289fda8211886556705c106b39e7d7', name: "themeBtn" }), h("slot", { key: '3c30f16b92ab910313190d9532421b6afd6f022f', name: "logoutBtn" })))), h("div", { key: '073f3cebf19388e65836c25ee35fe303ffa3371f', class: "tabs-wrap" }, h("vaadin-tabs", { key: 'c9376ce368ff3e0bc1e2fde48bf8969abc274149', theme: "equal-width-tabs", selected: this.selectedTabIndex, "on-selected-changed": (e) => {
+        return (h("div", { key: '1e7f56ec3ac87c977967336379c32ebb5924d2b5', class: "lottery-tipping-entrance", ref: (el) => (this.stylingContainer = el) }, this.showSelectDrawPage && (h("div", { key: '8434458fc307e34b2e153ce2a812b1b551011a7c', class: "select-draw-page" }, h("div", { key: '7ecebea05d9f60c54ca25222834f634b795993c6', class: "lottery-tipping-entrance__header" }, h("div", { key: 'c9323636edee6538a2963c46a91419dad5215121', class: "header" }, h("div", { key: 'd3093cb65c291f30f1da29df53cfea9577099d8e', class: "header-logo" }, this.logoUrl && h("img", { key: '21ade9ed843e8368c603db5a69744d561fd632fd', class: "logo", src: this.logoUrl })), h("div", { key: '0019ff7a1e93d8ee59849e0568bd114bbb3ff6ee', class: "header-btns" }, h("div", { key: '8c81411cdec022e6e50ada845773facf820608de', class: "header-btns--left" }, h("slot", { key: '72ea0d0849652d8ff14f2215b78785a983752044', name: "backGameSelectionBtn" })), h("div", { key: '524477221d37fb83e423fa63fb22466c5687b5ee', class: "header-btns--right" }, h("slot", { key: '6fa12400b787246843fbf32d1bee85eef856e397', name: "themeBtn" }), h("slot", { key: '02e019644a014fcbda7c132047391566a6b5c338', name: "logoutBtn" })))), h("div", { key: '4c84195953e3c52d3a27d9b4ef09b02b734a2a59', class: "tabs-wrap" }, h("vaadin-tabs", { key: '5651126d167a51de1c10abf0ad24d2a942713948', theme: "equal-width-tabs", selected: this.selectedTabIndex, "on-selected-changed": (e) => {
                 this.selectedTabIndex = e.detail.value;
-            } }, h("vaadin-tab", { key: 'c9bf4c283d48652effc0733f2654d45e0a6a66d0', value: "0" }, translate('draws', this.language)), h("vaadin-tab", { key: '9f69a7ff8882bc0f6683ac3313338ce029a9bf8c', value: "1" }, translate('latestResults', this.language)), h("vaadin-tab", { key: '1427bde46937892a53605b29829a44660efd6863', value: "2" }, translate('instruction', this.language))))), h("div", { key: '233e5b219b1e25a447949c6969e10237d99ab153', class: "tabs-content" }, this.selectedTabIndex === 0 && (h("draw-selection", { key: '40aaee914fdf40a9d55b4c74c586c4fc4946ab2c', date: this.date, "is-loading": this.isLoading, language: this.language, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, "mb-source": this.mbSource, "translation-url": this.translationUrl })), this.selectedTabIndex === 1 && (h("lottery-tipping-latest-result", { key: 'a4cfa01d3d8ed2b4272235f2e38f7289f2eb3bf3', endpoint: this.endpoint, "endpoint-ticket": this.endpointTicket, "game-id": this.gameId, "player-id": this.playerId, "session-id": this.sessionId, language: this.language, "translation-url": this.translationUrl })), this.selectedTabIndex === 2 && (h("div", { key: '07495a5e676dee5f1c0753f95236507ae212a322', class: "instruction-content-wrapper" }, translate('instructionContent', this.language)))))), !this.showSelectDrawPage && (h("lottery-tipping-page", { key: 'de9577e560cc1b441c24ed5551ce5fb98cbe7823', endpoint: this.endpoint, "endpoint-ticket": this.endpointTicket, "game-id": this.gameId, "player-id": this.playerId, "session-id": this.sessionId, "draw-id": this.drawId, playTypes: this.playTypes, bettingTypes: this.bettingTypes, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, "mb-source": this.mbSource, "translation-url": this.translationUrl, language: this.language, "logo-url": this.logoUrl }, h("slot", { key: 'cad777da411ea6e5bba5744311030217ac8d0db3', name: "backBtn", slot: "backBtn" }), h("slot", { key: '91c5ee8a78e94d765b834eaeac251bb666ad9ebb', name: "themeBtn", slot: "themeBtn" }), h("slot", { key: '0cbeddc1c26bf935ecd298f69805ddf8cede1f13', name: "logoutBtn", slot: "logoutBtn" })))));
+            } }, h("vaadin-tab", { key: '4b55f75ea95afefa41f9dbb8c427759bad0fc6e4', value: "0" }, translate('draws', this.language)), h("vaadin-tab", { key: '9da0765e66af92e8b805952ead084cbabda309e6', value: "1" }, translate('latestResults', this.language)), h("vaadin-tab", { key: 'ee9d410e283f5c38644493a6ad5e471d4ce30c36', value: "2" }, translate('instruction', this.language))))), h("div", { key: 'ac7c848f56cf04a7864a0dcc4ac964ae62e249e2', class: "tabs-content" }, this.selectedTabIndex === 0 && (h("draw-selection", { key: '7175c2b8a31ae442f2751c3510a4239ac7f7ac74', date: this.date, turnover: this.formattedTurnover, "is-loading": this.isLoading, language: this.language, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, "mb-source": this.mbSource, "translation-url": this.translationUrl })), this.selectedTabIndex === 1 && (h("lottery-tipping-latest-result", { key: '64591b31563dee4eee5c93595e8e7a440cbc12b7', endpoint: this.endpoint, "endpoint-ticket": this.endpointTicket, "game-id": this.gameId, "player-id": this.playerId, "session-id": this.sessionId, language: this.language, "translation-url": this.translationUrl })), this.selectedTabIndex === 2 && (h("div", { key: '824cf05dc9bc88920ef9a7f537228e96580c8644', class: "instruction-content-wrapper" }, translate('instructionContent', this.language)))))), !this.showSelectDrawPage && (h("lottery-tipping-page", { key: '4225d04badd4e2a4121352f0f65437f8a29bde75', endpoint: this.endpoint, "endpoint-ticket": this.endpointTicket, "endpoint-lottery-be": this.endpointLotteryBe, "game-id": this.gameId, "player-id": this.playerId, "session-id": this.sessionId, "draw-id": this.drawId, playTypes: this.playTypes, bettingTypes: this.bettingTypes, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, "mb-source": this.mbSource, "translation-url": this.translationUrl, language: this.language, "logo-url": this.logoUrl }, h("slot", { key: '45108757d6855dc3e62b1e437c012570a179ca61', name: "backBtn", slot: "backBtn" }), h("slot", { key: 'a11825879c69265fa35e593c8faf3eab81c0ccbc', name: "themeBtn", slot: "themeBtn" }), h("slot", { key: '907e6b5bac44f30ff57f9b27b641d44ac0a4701e', name: "logoutBtn", slot: "logoutBtn" })))));
     }
     static get is() { return "lottery-tipping-entrance"; }
     static get encapsulation() { return "shadow"; }
@@ -207,6 +236,23 @@ export class LotteryTippingEntrance {
                 "attribute": "endpoint",
                 "reflect": true
             },
+            "endpointLotteryBe": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "endpoint-lottery-be",
+                "reflect": true
+            },
             "endpointTicket": {
                 "type": "string",
                 "mutable": false,
@@ -302,7 +348,30 @@ export class LotteryTippingEntrance {
             "bettingTypes": {},
             "isLoading": {},
             "selectedTabIndex": {},
-            "showSelectDrawPage": {}
+            "showSelectDrawPage": {},
+            "gameInfo": {},
+            "saleStatisticsInfo": {}
+        };
+    }
+    static get methods() {
+        return {
+            "handleClosePoolGamePage": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
         };
     }
     static get watchers() {
@@ -315,6 +384,12 @@ export class LotteryTippingEntrance {
             }, {
                 "propName": "mbSource",
                 "methodName": "handleMbSourceChange"
+            }, {
+                "propName": "endpoint",
+                "methodName": "onPropsChange"
+            }, {
+                "propName": "gameId",
+                "methodName": "onPropsChange"
             }];
     }
     static get listeners() {
@@ -324,12 +399,6 @@ export class LotteryTippingEntrance {
                 "target": undefined,
                 "capture": false,
                 "passive": false
-            }, {
-                "name": "closePoolGamePage",
-                "method": "handleClosePoolGamePage",
-                "target": undefined,
-                "capture": false,
-                "passive": false
             }];
     }
 }

package/dist/collection/utils/api.js

@@ -9,3 +9,12 @@ export async function fetchGameInfo(endpoint, gameId) {
         throw new Error('The game is currently not available. Please try again later.');
     }
 }
+export async function fetchSaleStatistics({ endpoint, gameId, drawId }) {
+    try {
+        const res = await fetchRequest(`${endpoint}/api/v1/lottery/core/widget/games/${gameId}/draws/${drawId}/saleStatistics`);
+        return res;
+    }
+    catch (error) {
+        return Promise.reject(error);
+    }
+}

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

@@ -8,6 +8,7 @@ const TRANSLATIONS = {
         instruction: 'INSTRUCTION',
         howToWin: 'HOW TO WIN',
         selectDraws: 'Select Draws from the following bars:',
+        turnover: 'Turnover: ',
         gameNotAvailable: 'Sorry. The Game is not available now.',
         instructionContent: 'Instruction content goes here.'
     },

package/dist/collection/utils/utils.js

@@ -90,3 +90,15 @@ export function getDayWithSuffixLocal(isoString) {
     const month = _format(date, 'LLLL');
     return `${day}${suffix} ${month}`;
 }
+export function thousandSeparator(value) {
+    if (value === 0) {
+        return '0';
+    }
+    if (!value) {
+        return '';
+    }
+    value = value.toString();
+    const parts = value.split('.');
+    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+    return parts.join('.');
+}