@everymatrix/lottery-oddsbom-latest-result-group 0.0.1

package/dist/collection/components/lottery-oddsbom-latest-result-group/lottery-oddsbom-latest-result-group.js

@@ -0,0 +1,306 @@
+import "../../../../../helper-date-navigator/dist/types/index";
+import "../../../../../lottery-oddsbom-latest-result/dist/types/index";
+import { h } from "@stencil/core";
+import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
+import { fetchData } from "../../utils/api";
+import { findLatestDateIdx, getUniqueDatesOptions } from "../../utils/utils";
+export class LotteryOddsbomLatestResultGroup {
+    constructor() {
+        this.mbSource = undefined;
+        this.clientStyling = undefined;
+        this.clientStylingUrl = undefined;
+        this.translationUrl = '';
+        this.language = 'en';
+        this.endpoint = undefined;
+        this.sessionId = undefined;
+        this.playerId = '';
+        this.gameIds = undefined;
+        this.gameIdArr = [];
+        this.drawDatesOptions = [];
+        this.curDate = undefined;
+        this.isLoading = false;
+        this.drawResultsObj = {};
+    }
+    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);
+        }
+    }
+    handleGameIdStringChange(newValue, oldValue) {
+        var _a;
+        if (newValue != oldValue) {
+            this.gameIdArr = ((_a = this.gameIds) === null || _a === void 0 ? void 0 : _a.split(',')) || [];
+            this.getData();
+        }
+    }
+    componentDidLoad() {
+        var _a;
+        this.gameIdArr = ((_a = this.gameIds) === null || _a === void 0 ? void 0 : _a.split(',')) || [];
+        this.getData();
+        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);
+        }
+    }
+    disconnectedCallback() {
+        this.stylingSubscription && this.stylingSubscription.unsubscribe();
+    }
+    getData() {
+        this.isLoading = true;
+        fetchData({ endpoint: this.endpoint, gameIds: this.gameIdArr })
+            .then((res) => {
+            this.drawResultsObj = res;
+            const dates = Object.values(res)
+                .map((i) => i.drawDatesOptions)
+                .filter(Boolean)
+                .flat();
+            this.drawDatesOptions = getUniqueDatesOptions([], dates);
+            this.curDate = this.drawDatesOptions[findLatestDateIdx(this.drawDatesOptions)];
+        })
+            .finally(() => {
+            this.isLoading = false;
+        });
+    }
+    handleChange(e) {
+        const idx = e.detail;
+        this.curDate = this.drawDatesOptions[idx];
+    }
+    handleNext() {
+        if (this.curDate) {
+            const idx = this.drawDatesOptions.findIndex((v) => v === this.curDate);
+            if (idx < this.drawDatesOptions.length - 1) {
+                this.curDate = this.drawDatesOptions[idx + 1];
+            }
+        }
+    }
+    handlePrev() {
+        if (this.curDate) {
+            const idx = this.drawDatesOptions.findIndex((v) => v === this.curDate);
+            if (idx > 0) {
+                this.curDate = this.drawDatesOptions[idx - 1];
+            }
+        }
+    }
+    renderLoading() {
+        return (h("div", { class: "loading-wrap" }, h("section", { class: "dots-container" }, h("div", { class: "dot" }), h("div", { class: "dot" }), h("div", { class: "dot" }), h("div", { class: "dot" }), h("div", { class: "dot" }))));
+    }
+    renderMainContent() {
+        return (h("div", null, this.curDate && (h("helper-date-navigator", { language: this.language, "mb-source": this.mbSource, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl, date: this.curDate, "default-highlight-dates": JSON.stringify(this.drawDatesOptions || []), onNext: this.handleNext.bind(this), onPrev: this.handlePrev.bind(this), onChangeDate: this.handleChange.bind(this) })), h("div", { class: "games-container" }, this.gameIdArr.map((gameId) => {
+            var _a, _b;
+            return (h("lottery-oddsbom-latest-result", { endpoint: this.endpoint, "game-id": gameId, "cur-date": this.curDate, drawResults: JSON.stringify((_b = (_a = this.drawResultsObj) === null || _a === void 0 ? void 0 : _a[gameId]) === null || _b === void 0 ? void 0 : _b.drawResultsList), "is-passing-data": true, "show-loading": false, "hide-wrapper-empty": true, language: this.language, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource, "session-id": this.sessionId, "player-id": this.playerId }));
+        }))));
+    }
+    render() {
+        return (h("div", { key: 'e576645b260f4a713cce833aae814ce7edad137e', ref: (el) => (this.stylingContainer = el), class: "lottery-tipping-latest-result-group" }, this.isLoading ? this.renderLoading() : this.renderMainContent()));
+    }
+    static get is() { return "lottery-oddsbom-latest-result-group"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["lottery-oddsbom-latest-result-group.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["lottery-oddsbom-latest-result-group.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "mbSource": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via message bus"
+                },
+                "attribute": "mb-source",
+                "reflect": true
+            },
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via string"
+                },
+                "attribute": "client-styling",
+                "reflect": true
+            },
+            "clientStylingUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via css file url"
+                },
+                "attribute": "client-styling-url",
+                "reflect": true
+            },
+            "translationUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom translation via json file url"
+                },
+                "attribute": "translation-url",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom language for translation"
+                },
+                "attribute": "language",
+                "reflect": true,
+                "defaultValue": "'en'"
+            },
+            "endpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "endpoint",
+                "reflect": true
+            },
+            "sessionId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "GIC Session"
+                },
+                "attribute": "session-id",
+                "reflect": true
+            },
+            "playerId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "ID of the pool game"
+                },
+                "attribute": "player-id",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "gameIds": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "GameID list of the games"
+                },
+                "attribute": "game-ids",
+                "reflect": true
+            }
+        };
+    }
+    static get states() {
+        return {
+            "gameIdArr": {},
+            "drawDatesOptions": {},
+            "curDate": {},
+            "isLoading": {},
+            "drawResultsObj": {}
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "clientStyling",
+                "methodName": "handleClientStylingChange"
+            }, {
+                "propName": "clientStylingUrl",
+                "methodName": "handleClientStylingUrlChange"
+            }, {
+                "propName": "mbSource",
+                "methodName": "handleMbSourceChange"
+            }, {
+                "propName": "gameIds",
+                "methodName": "handleGameIdStringChange"
+            }];
+    }
+}

package/dist/collection/index.js

@@ -0,0 +1 @@
+export * from './components/lottery-oddsbom-latest-result-group';

package/dist/collection/models/index.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/utils/api.js

@@ -0,0 +1,39 @@
+import { fetchRequest, toQueryParams } from "./utils";
+async function fetchDrawsInfo({ endpoint, gameId }) {
+    if (!(endpoint && gameId))
+        return;
+    const GAME_DRAW_LIMIT = 9999;
+    const filterData = { status: 'PAYABLE', limit: GAME_DRAW_LIMIT };
+    const { items: drawList } = await fetchRequest(`${endpoint}/games/${gameId}/draws${toQueryParams(filterData)}`);
+    if (!drawList || drawList.length === 0)
+        return {};
+    const settledDrawList = drawList.sort((a, b) => a === null || a === void 0 ? void 0 : a.date.localeCompare(b === null || b === void 0 ? void 0 : b.date));
+    const drawDatesOptions = settledDrawList.map((item) => item.date);
+    return {
+        drawDatesOptions,
+        drawResultsList: settledDrawList
+    };
+}
+export function fetchData({ endpoint, gameIds }) {
+    if (!(endpoint && gameIds))
+        return;
+    return Promise.allSettled(gameIds.map((gameId) => fetchDrawsInfo({ endpoint, gameId })
+        .then((res) => {
+        return { gameId, drawResultsList: res.drawResultsList, drawDatesOptions: res.drawDatesOptions };
+    })
+        .catch((error) => {
+        console.error(`Failed to fetch data for gameId: ${gameId}`, error);
+        return { gameId, drawResultsList: [], drawDatesOptions: [] };
+    }))).then((results) => {
+        return results.reduce((pre, cur) => {
+            if (cur.status === 'fulfilled') {
+                const { gameId, drawResultsList, drawDatesOptions } = cur.value;
+                pre[gameId] = {
+                    drawResultsList,
+                    drawDatesOptions
+                };
+                return pre;
+            }
+        }, {});
+    });
+}

package/dist/collection/utils/utils.js

@@ -0,0 +1,134 @@
+import { differenceInMilliseconds } from "date-fns";
+export function format(first, middle, last) {
+    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+export const generateUUID = () => {
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+        var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
+        return v.toString(16);
+    });
+};
+export function fetchRequest(url, method = 'GET', body = null, headers = {}) {
+    return new Promise((resolve, reject) => {
+        const uuid = generateUUID();
+        const headersOrigin = Object.assign({ 'Content-Type': 'application/json' }, headers);
+        if (method !== 'GET' && method !== 'HEAD') {
+            headersOrigin['X-Idempotency-Key'] = uuid;
+        }
+        const options = {
+            method,
+            headers: headersOrigin,
+            body: null
+        };
+        if (body && method !== 'GET' && method !== 'HEAD') {
+            options.body = JSON.stringify(body);
+        }
+        else {
+            delete options.body;
+        }
+        fetch(url, options)
+            .then((response) => {
+            if (!response.ok) {
+                reject(`HTTP error! Status: ${response.status}`);
+                throw new Error(`HTTP error! Status: ${response.status}`);
+            }
+            return response.json();
+        })
+            .then((data) => resolve(data))
+            .catch((error) => reject(error));
+    });
+}
+export function toQueryParams(params) {
+    function isEmptyValueOfArray(arr) {
+        if (arr.length === 0) {
+            return true;
+        }
+        const len = arr.length;
+        let count = 0;
+        for (let i = 0; i < len; i++) {
+            if (isEmptyValue(arr[i])) {
+                count++;
+            }
+            else {
+                return false;
+            }
+        }
+        if (count === len) {
+            return true;
+        }
+        return false;
+    }
+    function isEmptyValueOfObject(obj) {
+        if (Object.keys(obj).length === 0) {
+            return true;
+        }
+        const len = Object.keys(obj).length;
+        let count = 0;
+        for (const val of Object.values(obj)) {
+            if (isEmptyValue(val)) {
+                count++;
+            }
+            else {
+                return false;
+            }
+        }
+        if (count === len) {
+            return true;
+        }
+        return false;
+    }
+    function isEmptyValue(value, allowZero) {
+        if (value === null || value === undefined || value === '') {
+            return true;
+        }
+        else if (value === 0 && allowZero) {
+            return false;
+        }
+        else if (Array.isArray(value)) {
+            return isEmptyValueOfArray(value);
+        }
+        else if (Object.prototype.toString.call(value) === '[object Object]') {
+            return isEmptyValueOfObject(value);
+        }
+        else {
+            return !value;
+        }
+    }
+    const finalParams = {};
+    Object.entries(params).forEach(([key, value]) => {
+        if (!isEmptyValue(value, true)) {
+            finalParams[key] = value;
+        }
+    });
+    const queryString = Object.entries(finalParams)
+        .map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`)
+        .join('&');
+    return queryString ? `?${queryString}` : '';
+}
+export function findLatestDateIdx(dateArr) {
+    const currentDate = new Date();
+    let closestIndex = 0;
+    let minDiff = Infinity;
+    dateArr.forEach((dateStr, index) => {
+        const date = new Date(dateStr);
+        const diff = Math.abs(differenceInMilliseconds(currentDate, date));
+        if (diff < minDiff) {
+            minDiff = diff;
+            closestIndex = index;
+        }
+    });
+    return closestIndex;
+}
+export function getUniqueDatesOptions(preDates = [], dates = []) {
+    const dateSet = new Set();
+    dates.forEach((date) => {
+        if (!dateSet.has(date)) {
+            dateSet.add(date);
+            preDates.push(date);
+        }
+    });
+    return preDates.length ? [...sortDates(preDates)] : [];
+}
+export function sortDates(dateArray) {
+    return dateArray.slice().sort((a, b) => a.localeCompare(b));
+}

package/dist/esm/app-globals-0f993ce5.js

@@ -0,0 +1,3 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };