@everymatrix/lottery-tipping-latest-result 1.86.26 → 1.86.28

package/dist/collection/components/lottery-tipping-latest-result/lottery-tipping-latest-result.js

@@ -6,6 +6,8 @@ import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../.
 import { differenceInMilliseconds } from "date-fns";
 import { getTranslations, translate } from "../../utils/locale.utils";
 import { fetchGameInfo, fetchRequest, formattedTurnover, parseEachLineNumber, thousandSeperator, toQueryParams } from "../../utils/utils";
+import { fetchSaleStatistics } from "../../utils/api";
+import "../../../../../ui-skeleton/dist/types/index";
 const leftArrowIcon = renderIconDefinitionToSVGElement(LeftOutlined, {
     extraSVGAttrs: { width: '16px', height: '16px', fill: '' }
 });
@@ -20,7 +22,6 @@ export class LotteryTippingLatestResult {
         this.translationUrl = '';
         this.language = 'en';
         this.endpoint = undefined;
-        this.endpointTicket = undefined;
         this.gameId = undefined;
         this.playerId = undefined;
         this.sessionId = undefined;
@@ -35,10 +36,11 @@ export class LotteryTippingLatestResult {
         this.curPrizes = undefined;
         this.curPrizeMap = {};
         this.curTurnOver = 0;
-        this.isLoading = false;
+        this.isLoading = true;
         this.playTypes = null;
         this.bettingTypes = undefined;
         this.vendorGameId = undefined;
+        this.isLoadingTurnover = false;
     }
     handleClientStylingChange(newValue, oldValue) {
         if (newValue != oldValue) {
@@ -59,8 +61,20 @@ export class LotteryTippingLatestResult {
         if (this.translationUrl) {
             getTranslations(JSON.parse(this.translationUrl));
         }
-        this.getGameById();
-        this.fetDrawList();
+        this.initData();
+    }
+    async initData() {
+        try {
+            this.isLoading = true;
+            await Promise.all([this.getGameById(), this.fetDrawList()]);
+            this.getTurnOver();
+        }
+        catch (e) {
+            console.error(e);
+        }
+        finally {
+            this.isLoading = false;
+        }
     }
     componentDidLoad() {
         if (this.stylingContainer) {
@@ -78,7 +92,6 @@ export class LotteryTippingLatestResult {
     async getGameById() {
         var _a, _b, _c, _d;
         try {
-            this.isLoading = true;
             const gameInfo = await fetchGameInfo(this.endpoint, this.gameId);
             this.vendorGameId = gameInfo === null || gameInfo === void 0 ? void 0 : gameInfo.type;
             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;
@@ -87,9 +100,6 @@ export class LotteryTippingLatestResult {
         catch (e) {
             console.log(e);
         }
-        finally {
-            this.isLoading = false;
-        }
     }
     findLatestDateIdx(dateArr) {
         const currentDate = new Date();
@@ -107,7 +117,6 @@ export class LotteryTippingLatestResult {
     }
     async fetDrawList() {
         try {
-            this.isLoading = true;
             const GAME_DRAW_LIMIT = 9999;
             const filterData = { status: 'PAYABLE', limit: GAME_DRAW_LIMIT };
             const { items } = await fetchRequest(`${this.endpoint}/games/${this.gameId}/draws${toQueryParams(filterData)}`, 'GET');
@@ -123,7 +132,7 @@ export class LotteryTippingLatestResult {
             this.curDrawItem = filteredItems[this.curDrawItemIdx];
             this.curDrawSelectionBettingType = filteredItems[this.curDrawItemIdx].winningNumbers[0].winning_type;
             this.curDrawItem.winningNumbers.forEach((item) => {
-                this.curDrawSelectionMap[item.winning_type] = [parseEachLineNumber(item.numbers)];
+                this.curDrawSelectionMap[item.winning_type] = [parseEachLineNumber(item.poolGameOutcomes)];
             });
             this.curDrawItem.prizes.forEach((prize) => {
                 const winningType = prize.winningType;
@@ -137,14 +146,10 @@ export class LotteryTippingLatestResult {
             });
             this.curDrawSelection = this.curDrawSelectionMap[this.curDrawSelectionBettingType];
             this.curPrizes = this.curPrizeMap[this.curDrawSelectionBettingType];
-            this.curTurnOver = this.curPrizes.reduce((acc, cur) => acc + Number(cur.totalAmount.value), 0);
         }
         catch (e) {
             console.log(e);
         }
-        finally {
-            this.isLoading = false;
-        }
     }
     get displayedPrizes() {
         const correctItems = this.curPrizes
@@ -163,7 +168,7 @@ export class LotteryTippingLatestResult {
         this.curDrawItem = this.drawList[idx];
         this.curDrawSelectionBettingType = this.curDrawItem.winningNumbers[0].winning_type;
         this.curDrawItem.winningNumbers.forEach((item) => {
-            this.curDrawSelectionMap[item.winning_type] = [parseEachLineNumber(item.numbers)];
+            this.curDrawSelectionMap[item.winning_type] = [parseEachLineNumber(item.poolGameOutcomes)];
         });
         this.curPrizeMap = {};
         this.curDrawItem.prizes.forEach((prize) => {
@@ -178,7 +183,7 @@ export class LotteryTippingLatestResult {
         });
         this.curDrawSelection = this.curDrawSelectionMap[this.curDrawSelectionBettingType];
         this.curPrizes = this.curPrizeMap[this.curDrawSelectionBettingType];
-        this.curTurnOver = this.curPrizes.reduce((acc, cur) => acc + Number(cur.totalAmount.value), 0);
+        this.getTurnOver();
     }
     handleChangeDate(e) {
         const idx = e.detail;
@@ -194,12 +199,31 @@ export class LotteryTippingLatestResult {
             this.changeCurDateItem(++this.curDrawItemIdx);
         }
     }
+    async getTurnOver() {
+        var _a, _b, _c;
+        if (!((_a = this.curDrawItem) === null || _a === void 0 ? void 0 : _a.id))
+            return;
+        try {
+            this.isLoadingTurnover = true;
+            const res = await fetchSaleStatistics({
+                endpoint: this.endpoint,
+                gameId: this.vendorGameId,
+                drawId: this.curDrawItem.id
+            });
+            this.curTurnOver = (_c = (_b = res === null || res === void 0 ? void 0 : res.wagerSegment) === null || _b === void 0 ? void 0 : _b.totalSalesCrossDraw) !== null && _c !== void 0 ? _c : 0;
+        }
+        catch (e) {
+            console.error(e);
+        }
+        finally {
+            this.isLoadingTurnover = false;
+        }
+    }
     handleDrawBettingTypeChange(bettingType) {
         this.curDrawSelectionBettingType = bettingType;
         this.curDrawSelection = this.curDrawSelectionMap[this.curDrawSelectionBettingType];
         this.curPrizes = this.curPrizeMap[this.curDrawSelectionBettingType];
-        console.log('this.curPrizes', this.curPrizes);
-        this.curTurnOver = this.curPrizes.reduce((acc, cur) => acc + Number(cur.totalAmount.value), 0);
+        this.getTurnOver();
     }
     getBettingTypeName(bettingType) {
         var _a, _b;
@@ -207,10 +231,10 @@ export class LotteryTippingLatestResult {
         return name !== null && name !== void 0 ? name : bettingType;
     }
     render() {
-        return (h("div", { key: '7007ddb59aed34fc20fecdf06d0d53452313e787', class: "lottery-tipping-latest-result", ref: (el) => (this.stylingContainer = el) }, this.curDrawSelection && this.curDrawSelection.length > 0 && (h("div", { key: '59a729ba714503d5b536133e80b68ad6fa3d97a2', class: "result-wrapper" }, h("div", { key: '54e9234aaa863b63c7560ea3bba43b78501046d3', class: "date-selection" }, h("div", { key: 'aed56b08b9f7fe29c58ba5e55353397b906ac686', class: "date-selection-leftIcon", innerHTML: leftArrowIcon, onClick: this.preDraw.bind(this) }), h("div", { key: '56a8536a2e6b81947adffad3f865d605c3b9c32e', class: "date-selection-calendar" }, h("lottery-tipping-calendar", { key: 'e6f6498838ec7d2ca56db9f85bd888b2b7d6511f', date: this.lastestDate, highLightDates: this.hasDrawDates, language: this.language, "mb-source": this.mbSource, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl })), h("div", { key: '6f2380ab5945ba0fb53a0fc69541312723306202', class: "date-selection-rightIcon", innerHTML: rightArrowIcon, onClick: this.nextDraw.bind(this) })), h("div", { key: '74771044a8391de4ae6caad07b3c4c39a3e1a1e1', class: "winning-result" }, h("div", { key: '999094cbf4db0b96479ceadfb58e39393438ae30', class: "betting-type" }, h("div", { key: '38af0c363d784156fb5835f59775e29c620800ac', class: "betting-type-title" }, translate('bettingType', this.language)), h("div", { key: '496a1eebcd1cc0f8d4a5ece6c0e472e0d2595b8e', class: "betting-type-text" }, h("div", { key: 'e2d7bf643dcea0909228ec15b27c3bd8223a037d', class: "LotteryTippingTicketController__segmented-control" }, Object.keys(this.curDrawSelectionMap).map((bettingType) => (h("button", { class: {
+        return (h("div", { key: 'e104fc35ddcdaad1e461bcc867f779dc90254bc6', class: "lottery-tipping-latest-result", ref: (el) => (this.stylingContainer = el) }, this.curDrawSelection && this.curDrawSelection.length > 0 && (h("div", { key: '085e418338a52262e8866f300be8e67f4d3bbfc7', class: "result-wrapper" }, h("div", { key: '7cf61f06f845fb6aabe53896163fa402b1e52a26', class: "date-selection" }, h("div", { key: 'da4abd68318c454324a665f6e02257dda4f224be', class: "date-selection-leftIcon", innerHTML: leftArrowIcon, onClick: this.preDraw.bind(this) }), h("div", { key: '938f8f160c10eae2678dc7a98027a3421409f096', class: "date-selection-calendar" }, h("lottery-tipping-calendar", { key: 'c8048c6977b3740b8d2e0e7eff3292c329cdc4be', date: this.lastestDate, highLightDates: this.hasDrawDates, language: this.language, "mb-source": this.mbSource, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl })), h("div", { key: 'eb17af80ec1b1c38f9d51b878013477290c824d7', class: "date-selection-rightIcon", innerHTML: rightArrowIcon, onClick: this.nextDraw.bind(this) })), h("div", { key: 'ab7ad2efffe5f9437db6a77b0b0c60e3d9454c5e', class: "winning-result" }, h("div", { key: 'e6a7ae5ba4c6c967858bb6e4e9a7a75246ec86f2', class: "betting-type" }, h("div", { key: '341e5ee07c3e588b154d3a73373bed40a8e51a90', class: "betting-type-title" }, translate('bettingType', this.language)), h("div", { key: 'f824ded5140f92aee54748939fecb5aac692cd6f', class: "betting-type-text" }, h("div", { key: '85cb8c0a387b378b36f05af6703c023d9b0819f9', class: "LotteryTippingTicketController__segmented-control" }, Object.keys(this.curDrawSelectionMap).map((bettingType) => (h("button", { class: {
                 LotteryTippingTicketController__segment: true,
                 'LotteryTippingTicketController__segment--active': this.curDrawSelectionBettingType === bettingType
-            }, onClick: this.handleDrawBettingTypeChange.bind(this, bettingType) }, this.getBettingTypeName(bettingType))))))), h("lottery-tipping-ticket-bet", { key: '0075d96aa6f5a3278be09a9859d09de127d1d4a1', "session-id": this.sessionId, endpoint: this.endpoint, "game-id": this.vendorGameId, "draw-id": this.curDrawItem.id, "default-bullet-config-line-group": JSON.stringify(this.curDrawSelection), "read-pretty": true, "total-pages": this.curDrawSelection.length, language: this.language, "mb-source": this.mbSource, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl })), h("div", { key: '1b1203abf46c48ce37301ad964995548488fab13', class: "prize-result" }, h("div", { key: '6ca0a57e88e2f104f7cd9b9c8b656259c4f85c48', class: "prize-result-title" }, translate('prizeAllocation', this.language, { turnover: formattedTurnover(this.curTurnOver) })), h("div", { key: 'eb5c63f5cf063bf3d58e5f67a934d4aa646e5d2a', class: "prize-result-table" }, h("div", { key: 'f4aa7aa010af6b7cc7461029cd3b6d0cd5f1fa17', class: "prize-result-table-header" }, h("div", { key: 'ce5afb5067aaa10d2b8aed55eb9bf2e456640a22', class: "prize-result-table-row" }, h("div", { key: 'a25246d5ed02922cdc424e3ba995219e248298cc', class: "prize-result-table-column" }, translate('prizes', this.language)), h("div", { key: '701aed9ffb565e7530d96afa946f630b27cb6bc4', class: "prize-result-table-column" }, translate('numberOfWinners', this.language)), h("div", { key: 'c8dcd3e3c5315a29a76d641898b569667a32c6a3', class: "prize-result-table-column" }, translate('prizeMoney', this.language)))), h("div", { key: 'a1fe82d196b3db775a8e671b107b0b8aa835b2c4', class: "prize-result-table-body" }, this.displayedPrizes.map((prize) => (h("div", { class: "prize-result-table-row" }, h("div", { class: "prize-result-table-column" }, prize.divisionDisplayName), h("div", { class: "prize-result-table-column" }, prize.players), h("div", { class: "prize-result-table-column" }, thousandSeperator(prize.totalAmount.value)))))))))), this.curDrawSelection.length == 0 && !this.isLoading && (h("div", { key: '84d70585471cffd14e2e0c0db37966b54f4150ac' }, translate('noLatestResult', this.language))), this.isLoading && h("div", { key: 'b8988afe78bf47497f09743cf5841014e8611a05', class: "loading-wrap" }, translate('loading', this.language))));
+            }, onClick: this.handleDrawBettingTypeChange.bind(this, bettingType) }, this.getBettingTypeName(bettingType))))))), h("lottery-tipping-ticket-bet", { key: '06293a063a9ac5f0f59ab8ec9033df764eadd511', "session-id": this.sessionId, endpoint: this.endpoint, "game-id": this.vendorGameId, "draw-id": this.curDrawItem.id, "default-bullet-config-line-group": JSON.stringify(this.curDrawSelection), "read-pretty": true, "total-pages": this.curDrawSelection.length, language: this.language, "mb-source": this.mbSource, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl })), this.isLoadingTurnover ? (h("div", { class: "loading-wrap" }, h("ui-skeleton", { structure: "title", width: "140px", height: "30px" }), h("ui-skeleton", { structure: "rectangle", width: "100%", height: "30px" }), h("ui-skeleton", { structure: "rectangle", width: "100%", height: "30px" }), h("ui-skeleton", { structure: "rectangle", width: "100%", height: "30px" }), h("ui-skeleton", { structure: "rectangle", width: "100%", height: "30px" }))) : (h("div", { class: "prize-result" }, h("div", { class: "prize-result-title" }, translate('prizeAllocation', this.language, { turnover: formattedTurnover(this.curTurnOver) })), h("div", { class: "prize-result-table" }, h("div", { class: "prize-result-table-header" }, h("div", { class: "prize-result-table-row" }, h("div", { class: "prize-result-table-column" }, translate('prizes', this.language)), h("div", { class: "prize-result-table-column" }, translate('numberOfWinners', this.language)), h("div", { class: "prize-result-table-column" }, translate('prizeMoney', this.language)))), h("div", { class: "prize-result-table-body" }, this.displayedPrizes.map((prize) => (h("div", { class: "prize-result-table-row" }, h("div", { class: "prize-result-table-column" }, prize.divisionDisplayName), h("div", { class: "prize-result-table-column" }, prize.players), h("div", { class: "prize-result-table-column" }, thousandSeperator(prize.totalAmount.value))))))))))), this.curDrawSelection.length == 0 && !this.isLoading && (h("div", { key: '9aa470442a1f2b4600d0f7727210e71cebf934c8' }, translate('noLatestResult', this.language))), this.isLoading && h("div", { key: '4568a1cda8eca35552d84075fbc4507d397e3178', class: "loading-wrap" }, translate('loading', this.language))));
     }
     static get is() { return "lottery-tipping-latest-result"; }
     static get encapsulation() { return "shadow"; }
@@ -330,23 +354,6 @@ export class LotteryTippingLatestResult {
                 "attribute": "endpoint",
                 "reflect": true
             },
-            "endpointTicket": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "EndpointTicket URL for the source of ticket data"
-                },
-                "attribute": "endpoint-ticket",
-                "reflect": true
-            },
             "gameId": {
                 "type": "string",
                 "mutable": true,
@@ -416,7 +423,8 @@ export class LotteryTippingLatestResult {
             "isLoading": {},
             "playTypes": {},
             "bettingTypes": {},
-            "vendorGameId": {}
+            "vendorGameId": {},
+            "isLoadingTurnover": {}
         };
     }
     static get watchers() {

package/dist/collection/utils/api.js

@@ -0,0 +1,10 @@
+import { fetchRequest } from "./utils";
+export async function fetchSaleStatistics({ endpoint, gameId, drawId }) {
+    try {
+        const res = await fetchRequest(`${endpoint}/games/${gameId}/draws/${drawId}/saleStatistics`);
+        return res;
+    }
+    catch (error) {
+        return Promise.reject(error);
+    }
+}

package/dist/collection/utils/utils.js

@@ -108,33 +108,30 @@ const bulletMap = {
     '1': 'X',
     '2': '2'
 };
-export function parseBulletNumber(numberArr) {
-    const bulletArr = [];
-    Object.keys(bulletMap).forEach((key) => {
-        bulletArr.push({
-            isSelected: numberArr.includes(Number(key)),
-            value: bulletMap[key]
-        });
-    });
-    return bulletArr;
+function parseBulletNumber(numberArr) {
+    return numberArr.map((v, index) => ({
+        isSelected: v === 1,
+        value: bulletMap[index]
+    }));
 }
-export function parseEachLineNumber(numbers) {
-    const result = [];
-    const matchRes = [];
-    for (let i = 0; i < numbers.length; i += 2) {
-        const [resultNumber, matchNumber] = [numbers[i], numbers[i + 1]];
-        if (!matchRes[matchNumber]) {
-            matchRes[matchNumber] = [resultNumber];
-        }
-        else {
-            matchRes[matchNumber].push(resultNumber);
-        }
-    }
-    matchRes.forEach((matchArr) => {
-        result.push(parseBulletNumber(matchArr));
+const outcomeIndexMap = {
+    H: 0,
+    D: 1,
+    A: 2
+};
+export const parseEachLineNumber = (outcomes) => {
+    const res = outcomes.map((matchOutcomes) => {
+        const selected = matchOutcomes[0];
+        const result = [0, 0, 0];
+        selected.forEach((outcome) => {
+            const idx = outcomeIndexMap[outcome];
+            if (idx !== undefined)
+                result[idx] = 1;
+        });
+        return parseBulletNumber(result);
     });
-    return result;
-}
+    return res;
+};
 export function thousandSeperator(value) {
     if (value === 0) {
         return '0';