@everymatrix/lottery-tipping-ticket-history 0.0.1

package/dist/collection/components/lottery-tipping-ticket-history/lottery-tipping-ticket-history.js

@@ -0,0 +1,625 @@
+import { h } from "@stencil/core";
+import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
+import { fetchRequest, toQueryParams, parseEachLineNumber, thousandSeperator, isMobile, fetcher } from "../../utils/utils";
+import { DrawResult } from "../../models";
+import { format } from "date-fns";
+import "../../../../../lottery-tipping-dialog/dist/types/index";
+import "../../../../../lottery-tipping-ticket-bet/dist/types/index";
+import { getTranslations, translate } from "../../utils/locale.utils";
+export class LotteryTippingTicketHistory {
+    constructor() {
+        this.ticketTypeMap = {
+            NORMAL: 'Normal',
+            SYNDICATE: 'Syndicate',
+            SUBSCRIPTION: 'Subscription'
+        };
+        this.resultMap = { [DrawResult.WON]: 'Win', [DrawResult.LOST]: 'Lose' };
+        this.displayPrizeCategory = (details) => {
+            const prizeMap = new Map();
+            details.forEach((detail) => {
+                let prizeName = detail.divisionDisplayName;
+                let amount = detail.amount;
+                let currency = detail.currency;
+                if (prizeName && prizeName != 'None') {
+                    if (prizeMap.has(prizeName)) {
+                        prizeMap.set(prizeName, {
+                            amount: prizeMap.get(prizeName)['amount'] + amount,
+                            currency,
+                            times: prizeMap.get(prizeName)['times'] + 1
+                        });
+                    }
+                    else {
+                        prizeMap.set(prizeName, { amount, currency, times: 1 });
+                    }
+                }
+            });
+            const resultArr = [];
+            for (let [key, val] of prizeMap.entries()) {
+                resultArr.push({ prizeName: key, amount: val['amount'], currency: val['currency'], times: val['times'] });
+            }
+            resultArr.sort((p1, p2) => p2.prizeName.localeCompare(p1.prizeName));
+            return resultArr;
+        };
+        this.endpoint = undefined;
+        this.endpointTicket = undefined;
+        this.gameId = undefined;
+        this.playerId = undefined;
+        this.sessionId = '';
+        this.drawId = undefined;
+        this.mbSource = undefined;
+        this.clientStyling = undefined;
+        this.clientStylingUrl = undefined;
+        this.language = 'en';
+        this.translationUrl = '';
+        this.ticketHistory = [];
+        this.activeStatus = '';
+        this.statusOptions = undefined;
+        this.isLoading = false;
+        this.rawData = {};
+        this.filterData = {
+            offset: 0,
+            limit: 10,
+            state: '',
+            from: '',
+            to: '',
+            wagerType: '',
+            vendorGameType: 'PoolGame',
+            id: ''
+        };
+        this.paginationInfo = {
+            current: 1,
+            total: 0,
+            pageSize: 10
+        };
+        this.quickFiltersActive = false;
+        this.showCurrentTicketLine = false;
+        this.curTicketItem = undefined;
+        this.curSelection = [];
+        this.curSelectionIdx = 0;
+        this.showCurrentDrawResult = false;
+        this.curDrawItem = undefined;
+        this.curDrawSelection = [];
+        this.curDrawSelectionBettingType = undefined;
+        this.curDrawSelectionMap = {};
+    }
+    handleClientStylingChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStyling(this.stylingContainer, this.clientStyling);
+        }
+    }
+    handleClientStylingUrlChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    handleMbSourceChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
+        }
+    }
+    componentDidLoad() {
+        if (this.stylingContainer) {
+            if (this.mbSource)
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
+            if (this.clientStyling)
+                setClientStyling(this.stylingContainer, this.clientStyling);
+            if (this.clientStylingUrl)
+                setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    connectedCallback() {
+        const fetchData = () => {
+            let url = new URL(`${this.endpoint}/games/${this.gameId}`);
+            this.isLoading = true;
+            fetcher(url.href)
+                .then((res) => {
+                this.rawData = res;
+            })
+                .finally(() => {
+                this.isLoading = false;
+            });
+        };
+        fetchData();
+    }
+    disconnectedCallback() {
+        this.stylingSubscription && this.stylingSubscription.unsubscribe();
+    }
+    async fetchTicketList() {
+        this.isLoading = true;
+        try {
+            const { items, total } = await fetchRequest(`${this.endpointTicket}/tickets${toQueryParams(this.filterData)}`, 'GET', null, {
+                Authorization: `Bearer ${this.sessionId}`
+            });
+            this.ticketHistory = items;
+            this.paginationInfo.total = total;
+            this.isLoading = false;
+            if (items.length > 0) {
+                this.getDrawResult();
+            }
+        }
+        catch (e) {
+            console.log('in fetchTicketList error is: ', e);
+            if (e.status === 401) {
+                this.showNotification(e.message, 'error');
+                this.logout.emit();
+            }
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    async fetchDrwaResult(gameId, drawId) {
+        try {
+            const res = await fetchRequest(`${this.endpoint}/games/${gameId}/draws/${drawId}`, 'GET', {});
+            return res;
+        }
+        catch (e) {
+            console.log(e);
+        }
+    }
+    showNotification(message, theme = '', position = 'top-end') {
+        const notification = document.createElement('vaadin-notification');
+        notification.renderer = (root) => {
+            root.textContent = message;
+        };
+        notification.duration = 5000;
+        if (theme) {
+            notification.setAttribute('theme', theme);
+        }
+        notification.setAttribute('position', position);
+        document.body.appendChild(notification);
+        notification.opened = true;
+    }
+    getDivision(detail, drawData) {
+        var _a;
+        let division = detail.division;
+        let prize = (_a = drawData.prizes) === null || _a === void 0 ? void 0 : _a.filter((prize) => prize.order === division);
+        if (prize && prize.length) {
+            return prize[0].division;
+        }
+        else {
+            return null;
+        }
+    }
+    async getDrawResult() {
+        const idMapper = new Map();
+        this.ticketHistory.forEach((item, ticketIndex) => {
+            item.drawResults.forEach((drawResult, drawIndex) => {
+                const id = `${drawResult.drawId}-${item.gameId}`;
+                if (!idMapper.has(id)) {
+                    idMapper.set(id, {
+                        drawId: drawResult.drawId,
+                        gameId: item.gameId,
+                        indices: [{ ticketIndex, drawIndex }]
+                    });
+                }
+                else {
+                    idMapper.get(id).indices.push({ ticketIndex, drawIndex });
+                }
+            });
+        });
+        let updatedTicketHistory = [...this.ticketHistory];
+        await Promise.all(Array.from(idMapper.values()).map(async ({ gameId, drawId, indices }) => {
+            try {
+                const drawData = await this.fetchDrwaResult(gameId, drawId);
+                if (drawData) {
+                    indices.forEach(({ ticketIndex, drawIndex }) => {
+                        const updatedDrawResult = Object.assign(Object.assign({}, updatedTicketHistory[ticketIndex].drawResults[drawIndex]), { tempDrawData: Object.assign(Object.assign({}, drawData), { vendorGameId: updatedTicketHistory[ticketIndex].vendorGameId }), prizeDetails: this.displayPrizeCategory(updatedTicketHistory[ticketIndex].drawResults[drawIndex].details) });
+                        const updatedDrawResults = [...updatedTicketHistory[ticketIndex].drawResults];
+                        updatedDrawResults[drawIndex] = updatedDrawResult;
+                        updatedTicketHistory[ticketIndex] = Object.assign(Object.assign({}, updatedTicketHistory[ticketIndex]), { drawResults: updatedDrawResults });
+                    });
+                }
+            }
+            catch (error) {
+                console.error(`failed to fetch draw result (gameId: ${gameId}, drawId: ${drawId}):`, error);
+            }
+        }));
+        this.ticketHistory = updatedTicketHistory;
+    }
+    componentWillLoad() {
+        if (this.translationUrl) {
+            getTranslations(JSON.parse(this.translationUrl));
+        }
+        this.statusOptions = [
+            {
+                label: translate('settled', this.language),
+                value: 'Settled'
+            },
+            {
+                label: translate('purchased', this.language),
+                value: 'Purchased'
+            },
+            {
+                label: translate('canceled', this.language),
+                value: 'Canceled'
+            }
+        ];
+        this.fetchTicketList();
+    }
+    changeStatus(status) {
+        this.activeStatus = status;
+        this.filterData.state = status;
+        this.quickFiltersActive = true;
+        this.fetchTicketList();
+    }
+    handlePageSizeChange(event) {
+        this.filterData.limit = event.detail;
+        this.fetchTicketList();
+    }
+    handlePageChange(event) {
+        this.filterData.offset = (event.detail - 1) * this.filterData.limit;
+        this.fetchTicketList();
+    }
+    handleShowTicketLineDetial(item) {
+        this.curSelectionIdx = 0;
+        this.showCurrentTicketLine = true;
+        this.curTicketItem = item;
+        this.curSelection = this.parseSelection();
+    }
+    handleShowCurrentDraw(item) {
+        this.showCurrentDrawResult = true;
+        this.curDrawItem = item;
+        this.curDrawSelectionBettingType = item.winningNumbers[0].winning_type;
+        this.curDrawItem.winningNumbers.forEach((item) => {
+            this.curDrawSelectionMap[item.winning_type] = [parseEachLineNumber(item.numbers)];
+        });
+        this.curDrawSelection = this.curDrawSelectionMap[this.curDrawSelectionBettingType];
+    }
+    parseSelection() {
+        const result = [];
+        this.curTicketItem.selection.forEach((selection, index) => {
+            result[index] = parseEachLineNumber(selection.selections);
+        });
+        return result;
+    }
+    handleFilterChange(e) {
+        const filterData = e.detail;
+        this.filterData.from = filterData.filterFromCalendar;
+        this.filterData.to = filterData.filterToCalendar;
+        this.filterData.id = filterData.ticketId;
+        this.filterData.wagerType = filterData.ticketType;
+        this.fetchTicketList();
+    }
+    handleFilterClear() {
+        this.activeStatus = '';
+        this.quickFiltersActive = false;
+        this.filterData = {
+            offset: 0,
+            limit: 10,
+            state: '',
+            from: '',
+            to: '',
+            wagerType: '',
+            vendorGameType: 'PoolGame',
+            id: ''
+        };
+        this.fetchTicketList();
+    }
+    get playTypeConfig() {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = this.rawData) === null || _a === void 0 ? void 0 : _a.rules) === null || _b === void 0 ? void 0 : _b.poolGame) === null || _c === void 0 ? void 0 : _c.playTypes;
+    }
+    get bettingTypeConfig() {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = this.rawData) === null || _a === void 0 ? void 0 : _a.rules) === null || _b === void 0 ? void 0 : _b.poolGame) === null || _c === void 0 ? void 0 : _c.bettingTypes;
+    }
+    getBettingType(betTypeId) {
+        var _a;
+        return (_a = this.playTypeConfig.find((item) => item.betTypeId === betTypeId)['bettingType']) !== null && _a !== void 0 ? _a : '';
+    }
+    handlePoolGameCurrentPageChange(e) {
+        const { currentPage } = e.detail;
+        this.curSelectionIdx = currentPage - 1;
+    }
+    handleDrawBettingTypeChange(bettingType) {
+        this.curDrawSelectionBettingType = bettingType;
+        this.curDrawSelection = this.curDrawSelectionMap[this.curDrawSelectionBettingType];
+    }
+    getBettingTypeName(bettingType) {
+        var _a, _b;
+        const name = (_b = (_a = this.bettingTypeConfig) === null || _a === void 0 ? void 0 : _a.find((item) => item.code === bettingType)) === null || _b === void 0 ? void 0 : _b.name;
+        return name !== null && name !== void 0 ? name : bettingType;
+    }
+    render() {
+        return (h("div", { key: '27d7945395c1bd5cf8c50fabcf9358dd10a2f379', class: "lottery-tipping-ticket-history", ref: (el) => (this.stylingContainer = el) }, h("div", { key: '29bf61bc1b7a2f34bf24814c5d256bc84b703fa9', class: "ticket-history-title" }, translate('ticketsHistory', this.language)), h("div", { key: 'aabcc336535e36248c07afac1b3777c8e00e6d36', class: "filter-wrap" }, h("div", { key: '6a2ce1224363104c27d63026e3d246f70db12516', class: "filter-status" }, this.statusOptions.map((status) => (h("div", { class: 'filter-status-btn' + (this.activeStatus == status.value ? ' active' : ''), onClick: () => this.changeStatus(status.value) }, status.label)))), h("div", { key: '740826baea69e1adf534bcf9a2bb4d5083fa9d90', class: "filter-operation" }, h("lottery-tipping-filter", { key: '395ebb8b2c040804adb4e0a87daff0d01a0598cf', "quick-filters-active": this.quickFiltersActive, language: this.language, "translation-url": this.translationUrl }))), this.isLoading && (h("div", { key: 'c27852dcd7902ac43a1ff7408476e5f8667c1010', class: "loading-wrap" }, h("section", { key: '9ab2fea4cafdefe3accbc0e49be19ec16158cd14', class: "dots-container" }, h("div", { key: 'c5d6c3227c51c462eb4bcca926b7ab70e3676dfd', class: "dot" }), h("div", { key: '9ac68a72b257614a1c048a870f18753fe85967db', class: "dot" }), h("div", { key: '6c5d426f926a5726a3d88ad509fc6e38f715c10d', class: "dot" }), h("div", { key: '90959f4befb4d2308a1cf1651dd76f7be71b3e34', class: "dot" }), h("div", { key: '1e8dda2f5e4e460cb0f4aa7897b19fad23d98834', class: "dot" })))), !this.isLoading && (!this.ticketHistory || this.ticketHistory.length == 0) && (h("div", { key: '452303d3d8221e2c3905b1d0d2e81651f1e62038', class: "empty-wrap" }, translate('noData', this.language))), !this.isLoading && this.ticketHistory && this.ticketHistory.length != 0 && (h("div", { key: 'e7c5d75d70077d6b65a006fa6169ff9d2edca2ea', class: "ticket-list-wrap" }, this.ticketHistory.map((item) => (h("lottery-tipping-panel", { "header-title": format(new Date(item.createdAt), 'dd/MM/yyyy HH:mm:ss') + '  ' + item.state }, h("div", { class: "panel-content", slot: "content" }, h("div", { class: "ticket-info" }, h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate('ticketId', this.language)), h("div", { class: "ticket-info-val" }, item.id, " ")), h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate('ticketType', this.language)), h("div", { class: "ticket-info-val" }, this.ticketTypeMap[item.wagerType], " ")), h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate('ticketAmount', this.language)), h("div", { class: "ticket-info-val" }, `${item.amount} ${item.currency}`)), h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate('lineDetail', this.language)), h("div", { class: "ticket-info-val" }, h("span", { class: "show-detail-link", onClick: () => this.handleShowTicketLineDetial(item) }, translate('seeDetails', this.language)))), h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate('numberOfDraw', this.language)), h("div", { class: "ticket-info-val" }, item.drawCount))), item.state == 'Settled' &&
+            item.drawResults.map((drawResultItem) => (h("div", { class: "draw-info-container" }, drawResultItem.tempDrawData ? (h("div", { class: "draw-info" }, h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate('ticketResult', this.language)), h("div", { class: "draw-info-val" }, this.resultMap[drawResultItem.state])), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate('drawId', this.language)), h("div", { class: "draw-info-val" }, drawResultItem.drawId)), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate('drawDate', this.language)), h("div", { class: "draw-info-val" }, format(new Date(drawResultItem.tempDrawData.date), 'dd/MM/yyyy'))), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate('result', this.language)), h("div", { class: "draw-info-val" }, h("span", { class: "show-detail-link", onClick: () => this.handleShowCurrentDraw(drawResultItem.tempDrawData) }, translate('seeDetails', this.language)))), drawResultItem.state === DrawResult.WON && (h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate('prize', this.language)), h("div", { class: "draw-info-val1" }, h("div", { style: { height: '20px' } }), drawResultItem.prizeDetails.map((prizeItem) => (h("span", null, h("div", null, h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.prizeName, prizeItem.times > 1 ? ' x ' + prizeItem.times : '', ":", ' '), h("span", { style: { 'margin-right': '4px', color: 'rgb(85, 85, 85)' } }, thousandSeperator(prizeItem.amount)), h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.currency)))))))))) : (h("div", { class: "draw-info-skeleton" }, [...Array(5)].map(() => (h("div", { class: "skeleton-line" })))))))))))))), h("lottery-tipping-dialog", { key: '913a521d05ae95b088fba515d951bc79b1433938', visible: this.showCurrentTicketLine, width: !isMobile(window.navigator.userAgent) ? '720px' : undefined, fullscreen: isMobile(window.navigator.userAgent), closable: true, showFooter: false, onCancel: () => {
+                this.showCurrentTicketLine = false;
+            }, language: this.language, "translation-url": this.translationUrl }, this.curSelection && this.curSelection.length && (h("div", { key: '6608c983a4bc781f4beac6488b0857abfb59ca48' }, h("div", { key: '77690236f6e654e8f178bdb6fb76f49826b02a60', class: "betting-type" }, h("div", { key: '30d239aa23d01edb20049b5fbbbbc094c6742f75', class: "betting-type-title" }, translate('bettingType', this.language)), h("div", { key: '93770717ac08bbacc84d9de8b16133073e36d4c9', class: "betting-type-text" }, this.getBettingTypeName(this.getBettingType(this.curTicketItem.selection[this.curSelectionIdx].betType)))), h("lottery-tipping-ticket-bet", { key: '11641a37abe2ca65ecb706f94ce8a911f9e849d9', endpoint: this.endpoint, "session-id": this.sessionId, "game-id": this.curTicketItem.vendorGameId, "draw-id": this.curTicketItem.startingDrawId, "default-bullet-config-line-group": JSON.stringify(this.curSelection), "read-pretty": true, "total-pages": this.curSelection.length, language: this.language, "translation-url": this.translationUrl })))), h("lottery-tipping-dialog", { key: 'fdac976410e6b1b1e1ea20072d5c4caa474f4130', visible: this.showCurrentDrawResult, width: !isMobile(window.navigator.userAgent) ? '720px' : undefined, fullscreen: isMobile(window.navigator.userAgent), closable: true, showFooter: false, onCancel: () => {
+                this.showCurrentDrawResult = false;
+            }, language: this.language, "translation-url": this.translationUrl }, this.curDrawSelection && this.curDrawSelection.length && (h("div", { key: 'b495d8bb01c4bb18edf951889850d56700564d8b' }, h("div", { key: '77443b43ee363dd2051da4a8c6cb004f2acab410', class: "betting-type" }, h("div", { key: 'ada4a3803b9073e78c248790f24de86900e5776f', class: "betting-type-title" }, translate('bettingType', this.language)), h("div", { key: '20826ed1192db8acfb25310c31252cb7f5a75f2a', class: "betting-type-text" }, h("div", { key: '7721c04879283138870833b3ce0b881cd84aec6c', 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(bettingType) }, this.getBettingTypeName(bettingType))))))), h("lottery-tipping-ticket-bet", { key: 'b8b29a1a6e6bda2ce5004765e219e58d8e12bb2f', endpoint: this.endpoint, "session-id": this.sessionId, "game-id": this.curDrawItem.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, "translation-url": this.translationUrl })))), h("div", { key: 'a84c658d87e936cbf20731a64bc753f13c099024', class: "pagination-wrap" }, h("lottery-tipping-pagination", { key: 'fdf7443bd153e90c131e4ba937f08d611706a56d', total: this.paginationInfo.total, current: this.paginationInfo.current, "page-size": this.paginationInfo.pageSize, language: this.language, "translation-url": this.translationUrl }))));
+    }
+    static get is() { return "lottery-tipping-ticket-history"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["lottery-tipping-ticket-history.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["lottery-tipping-ticket-history.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "endpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "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,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "GameID of the lottery game"
+                },
+                "attribute": "game-id",
+                "reflect": true
+            },
+            "playerId": {
+                "type": "number",
+                "mutable": true,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Player ID"
+                },
+                "attribute": "player-id",
+                "reflect": true
+            },
+            "sessionId": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "GIC Session"
+                },
+                "attribute": "session-id",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "drawId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Draw ID"
+                },
+                "attribute": "draw-id",
+                "reflect": true
+            },
+            "mbSource": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "mb-source",
+                "reflect": true
+            },
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "client-styling",
+                "reflect": true
+            },
+            "clientStylingUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "client-styling-url",
+                "reflect": true
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "language",
+                "reflect": true,
+                "defaultValue": "'en'"
+            },
+            "translationUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "translation-url",
+                "reflect": true,
+                "defaultValue": "''"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "ticketHistory": {},
+            "activeStatus": {},
+            "statusOptions": {},
+            "isLoading": {},
+            "rawData": {},
+            "filterData": {},
+            "paginationInfo": {},
+            "quickFiltersActive": {},
+            "showCurrentTicketLine": {},
+            "curTicketItem": {},
+            "curSelection": {},
+            "curSelectionIdx": {},
+            "showCurrentDrawResult": {},
+            "curDrawItem": {},
+            "curDrawSelection": {},
+            "curDrawSelectionBettingType": {},
+            "curDrawSelectionMap": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "logout",
+                "name": "logout",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "clientStyling",
+                "methodName": "handleClientStylingChange"
+            }, {
+                "propName": "clientStylingUrl",
+                "methodName": "handleClientStylingUrlChange"
+            }, {
+                "propName": "mbSource",
+                "methodName": "handleMbSourceChange"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "pageSizeChange",
+                "method": "handlePageSizeChange",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "pageChange",
+                "method": "handlePageChange",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "filterChange",
+                "method": "handleFilterChange",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "filterClear",
+                "method": "handleFilterClear",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "poolGameCurrentPageChange",
+                "method": "handlePoolGameCurrentPageChange",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
+}

package/dist/collection/index.js

@@ -0,0 +1 @@
+export * from './components/lottery-tipping-ticket-history';

package/dist/collection/models/index.js

@@ -0,0 +1,5 @@
+export var DrawResult;
+(function (DrawResult) {
+    DrawResult["WON"] = "Won";
+    DrawResult["LOST"] = "Lost";
+})(DrawResult || (DrawResult = {}));