@everymatrix/lottery-oddsbom-latest-result 0.0.1

package/dist/cjs/lottery-oddsbom-latest-result-04622cbf.js

@@ -0,0 +1,634 @@
+'use strict';
+
+const index = require('./index-1c32912a.js');
+
+/**
+ * @name setClientStyling
+ * @description Method used to create and append to the passed element of the widget a style element with the content received
+ * @param {HTMLElement} stylingContainer The reference element of the widget
+ * @param {string} clientStyling The style content
+ */
+function setClientStyling(stylingContainer, clientStyling) {
+  if (stylingContainer) {
+    const sheet = document.createElement('style');
+    sheet.innerHTML = clientStyling;
+    stylingContainer.appendChild(sheet);
+  }
+}
+
+/**
+ * @name setClientStylingURL
+ * @description Method used to create and append to the passed element of the widget a style element with the content fetched from a given URL
+ * @param {HTMLElement} stylingContainer The reference element of the widget
+ * @param {string} clientStylingUrl The URL of the style content
+ */
+function setClientStylingURL(stylingContainer, clientStylingUrl) {
+  if (!stylingContainer || !clientStylingUrl) return;
+
+  const url = new URL(clientStylingUrl);
+
+  fetch(url.href)
+    .then((res) => res.text())
+    .then((data) => {
+      const cssFile = document.createElement('style');
+      cssFile.innerHTML = data;
+      if (stylingContainer) {
+        stylingContainer.appendChild(cssFile);
+      }
+    })
+    .catch((err) => {
+      console.error('There was an error while trying to load client styling from URL', err);
+    });
+}
+
+/**
+ * @name setStreamLibrary
+ * @description Method used to create and append to the passed element of the widget a style element with content fetched from the MessageBus
+ * @param {HTMLElement} stylingContainer The highest element of the widget
+ * @param {string} domain The domain from where the content should be fetched (e.g. 'Casino.Style', 'App.Style', 'casino-footer.style', etc.)
+ * @param {ref} subscription A reference to a variable where the subscription should be saved for unsubscribing when no longer needed
+ */
+function setStreamStyling(stylingContainer, domain, subscription) {
+  if (window.emMessageBus) {
+    const sheet = document.createElement('style');
+
+    window.emMessageBus.subscribe(domain, (data) => {
+      sheet.innerHTML = data;
+      if (stylingContainer) {
+        stylingContainer.appendChild(sheet);
+      }
+    });
+  }
+}
+
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+
+function requiredArgs(required, args) {
+  if (args.length < required) {
+    throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');
+  }
+}
+
+/**
+ * @name toDate
+ * @category Common Helpers
+ * @summary Convert the given argument to an instance of Date.
+ *
+ * @description
+ * Convert the given argument to an instance of Date.
+ *
+ * If the argument is an instance of Date, the function returns its clone.
+ *
+ * If the argument is a number, it is treated as a timestamp.
+ *
+ * If the argument is none of the above, the function returns Invalid Date.
+ *
+ * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.
+ *
+ * @param {Date|Number} argument - the value to convert
+ * @returns {Date} the parsed date in the local time zone
+ * @throws {TypeError} 1 argument required
+ *
+ * @example
+ * // Clone the date:
+ * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))
+ * //=> Tue Feb 11 2014 11:30:30
+ *
+ * @example
+ * // Convert the timestamp to date:
+ * const result = toDate(1392098430000)
+ * //=> Tue Feb 11 2014 11:30:30
+ */
+function toDate(argument) {
+  requiredArgs(1, arguments);
+  var argStr = Object.prototype.toString.call(argument);
+
+  // Clone the date
+  if (argument instanceof Date || _typeof(argument) === 'object' && argStr === '[object Date]') {
+    // Prevent the date to lose the milliseconds when passed to new Date() in IE10
+    return new Date(argument.getTime());
+  } else if (typeof argument === 'number' || argStr === '[object Number]') {
+    return new Date(argument);
+  } else {
+    if ((typeof argument === 'string' || argStr === '[object String]') && typeof console !== 'undefined') {
+      // eslint-disable-next-line no-console
+      console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments");
+      // eslint-disable-next-line no-console
+      console.warn(new Error().stack);
+    }
+    return new Date(NaN);
+  }
+}
+
+/**
+ * @name differenceInMilliseconds
+ * @category Millisecond Helpers
+ * @summary Get the number of milliseconds between the given dates.
+ *
+ * @description
+ * Get the number of milliseconds between the given dates.
+ *
+ * @param {Date|Number} dateLeft - the later date
+ * @param {Date|Number} dateRight - the earlier date
+ * @returns {Number} the number of milliseconds
+ * @throws {TypeError} 2 arguments required
+ *
+ * @example
+ * // How many milliseconds are between
+ * // 2 July 2014 12:30:20.600 and 2 July 2014 12:30:21.700?
+ * const result = differenceInMilliseconds(
+ *   new Date(2014, 6, 2, 12, 30, 21, 700),
+ *   new Date(2014, 6, 2, 12, 30, 20, 600)
+ * )
+ * //=> 1100
+ */
+function differenceInMilliseconds(dateLeft, dateRight) {
+  requiredArgs(2, arguments);
+  return toDate(dateLeft).getTime() - toDate(dateRight).getTime();
+}
+
+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);
+    });
+};
+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));
+    });
+}
+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}` : '';
+}
+function transformResults(results) {
+    if (results && results.length > 0) {
+        return results.map((i) => i === null || i === void 0 ? void 0 : i[0]);
+    }
+    return [[]];
+}
+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('.');
+}
+function changeCurDrawItemByDate(date, drawList) {
+    var _a, _b, _c;
+    const curDrawItem = drawList.find((i) => i.date === date);
+    if (!curDrawItem) {
+        //  NO DATA
+        return Promise.reject();
+    }
+    const curDrawSelectionBettingType = curDrawItem.winningNumbers[0].winning_type;
+    const curDrawSelectionMap = {};
+    curDrawItem.winningNumbers.forEach((item) => {
+        curDrawSelectionMap[item.winning_type] = transformResults(item.poolGameOutcomes);
+    });
+    const results = curDrawSelectionMap[curDrawSelectionBettingType];
+    const curPrizeMap = {};
+    curDrawItem.prizes.forEach((prize) => {
+        const winningType = prize.winningType;
+        if (!curPrizeMap[winningType]) {
+            curPrizeMap[winningType] = [prize];
+        }
+        else {
+            curPrizeMap[winningType].push(prize);
+            curPrizeMap[winningType].sort((a, b) => { var _a; return ((_a = b.totalAmount) === null || _a === void 0 ? void 0 : _a.value) - (a === null || a === void 0 ? void 0 : a.totalAmount.value); });
+        }
+    });
+    const prizes = (((_a = Object.values(curPrizeMap)) === null || _a === void 0 ? void 0 : _a[0]) || []);
+    const currency = ((_c = (_b = prizes[0]) === null || _b === void 0 ? void 0 : _b.totalAmount) === null || _c === void 0 ? void 0 : _c.currency) || '';
+    const { turnOver, winNumber, winTurnOver } = prizes.reduce((pre, cur) => {
+        var _a;
+        const { turnOver: _turnOver, winNumber: _winNumber, winTurnOver: _winTurnOver } = pre;
+        // FIXME: no turnover
+        const turnOver = 0;
+        const winNumber = _winNumber + Number(cur === null || cur === void 0 ? void 0 : cur.players);
+        const winTurnOver = _turnOver + Number((_a = cur === null || cur === void 0 ? void 0 : cur.totalAmount) === null || _a === void 0 ? void 0 : _a.value);
+        return {
+            turnOver,
+            winNumber,
+            winTurnOver
+        };
+    }, {
+        turnOver: 0,
+        winNumber: 0,
+        winTurnOver: 0
+    });
+    return Promise.resolve({
+        date,
+        formattedTurnOver: currency + ' ' + thousandSeparator(turnOver),
+        winNumber,
+        formattedWinTurnOver: currency + ' ' + thousandSeparator(winTurnOver),
+        drawId: curDrawItem.id,
+        results
+    });
+}
+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;
+}
+
+async function fetchGameInfo({ endpoint, gameId }) {
+    if (!(endpoint && gameId))
+        return;
+    const gameInfo = await fetchRequest(`${endpoint}/games/${gameId}`, 'GET', {});
+    return {
+        vendorGameId: gameInfo === null || gameInfo === void 0 ? void 0 : gameInfo.type,
+        gameName: gameInfo.name
+    };
+}
+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
+        .filter((item) => item.winningNumbers.length > 0)
+        .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
+    };
+}
+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);
+    }
+}
+
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hr'];
+const TRANSLATIONS = {
+    en: {
+        weeks: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+        bettingType: 'Betting Type:',
+        prizeAllocation: 'Prize Allocation (Turnover: €{turnover})',
+        prizes: 'Prizes',
+        numberOfWinners: 'Number of Winners',
+        prizeMoney: 'Prize Money',
+        noLatestResult: 'No latest result.',
+        loading: 'Loading....',
+        turnover: 'Turnover:',
+        winners: 'winners,',
+        prize: 'Prize:',
+    },
+};
+const translate = (key, customLang, replacements) => {
+    const lang = customLang;
+    let translation = TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+    if (replacements) {
+        Object.keys(replacements).forEach((placeholder) => {
+            translation = translation.replace(`{${placeholder}}`, replacements[placeholder]);
+        });
+    }
+    return translation;
+};
+const getTranslations = (data) => {
+    Object.keys(data).forEach((item) => {
+        for (let key in data[item]) {
+            TRANSLATIONS[item][key] = data[item][key];
+        }
+    });
+};
+const resolveTranslationUrl = async (translationUrl) => {
+    if (translationUrl) {
+        try {
+            const response = await fetch(translationUrl);
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+            const translations = await response.json();
+            getTranslations(translations);
+        }
+        catch (error) {
+            console.error('Failed to fetch or parse translations from URL:', error);
+        }
+    }
+};
+
+const lotteryOddsbomLatestResultCss = ".lottery-tipping-latest-result{container-type:inline-size;background:var(--emw--color-background, #fff);color:var(--emw--color-typography, #000)}.lottery-tipping-latest-result .header-section{display:flex;justify-content:center;align-items:center}.lottery-tipping-latest-result .match-info-section{justify-content:space-between;padding:15px 0px;height:18px}.lottery-tipping-latest-result .match-details,.lottery-tipping-latest-result .prize-details{font-weight:600;display:flex;align-items:center}.lottery-tipping-latest-result .match-details .title-icon{margin-right:8px;display:flex}.lottery-tipping-latest-result .match-details .title-text__extra{margin-left:5px}.lottery-tipping-latest-result .prize-details .winners-count{margin-right:5px}.loading-wrap{margin:20px 0;display:flex;align-items:center;justify-content:center;min-height:100px}.loading-wrap .dots-container{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.loading-wrap .dot{height:14px;width:14px;margin-right:14px;border-radius:14px;background-color:var(--emw--color-gray-300, #333);animation:pulse 1.5s infinite ease-in-out}.loading-wrap .dot:last-child{margin-right:0}.loading-wrap .dot:nth-child(1){animation-delay:-0.3s}.loading-wrap .dot:nth-child(2){animation-delay:-0.1s}.loading-wrap .dot:nth-child(3){animation-delay:0.1s}@keyframes pulse{0%{transform:scale(0.8);background-color:var(--emw--color-gray-300, #333)}50%{transform:scale(1.2);background-color:var(--emw--color-gray-100, #e6e6e6)}100%{transform:scale(0.8);background-color:var(--emw--color-gray-150, #6f6f6f)}}.latest-result-wrapper{background:var(--emw--color-background, #fff)}.latest-result-wrapper.game-wrapper{border:1px solid var(--emw--color-background-tertiary, #ccc);border-radius:8px;box-shadow:0 2px 4px var(--emw--color-background-tertiary, #ccc);overflow-x:auto;transition:box-shadow 0.3s ease;padding:20px}.latest-result-wrapper.game-wrapper:hover{box-shadow:0 4px 12px var(--emw--color-background-tertiary, #ccc)}.loading-turnOver{display:inline-flex;align-items:center}";
+const LotteryOddsbomLatestResultStyle0 = lotteryOddsbomLatestResultCss;
+
+const BombIcons = {
+    ['Football']: (index.h("svg", { height: "18px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", class: "text-sm" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.063 19.072l-.81-.97-.117.083.385-2.43.136-.211 2.23-3.464.037-.057h1.075a9.964 9.964 0 01-2.936 7.049zM4.769 5.112l2.8.877-.072 3.246-2.427 2.95-1.561-.153L2.39 9.26a9.977 9.977 0 012.378-4.148zm7.745-3.086l-.72 1.645-3.798 1.404-2.395-.75A9.953 9.953 0 0112 2c.174 0 .343.017.514.026zm7.346 3.812l-1.128 1.29-3.402-.755-.033-.008-2.446-2.241.057.016.862-1.973a9.996 9.996 0 016.09 3.67zm-1.87 8.894l-3.385-.493-1.358-4.067 2.173-2.755 3.144.698 1.347 3.634-1.921 2.983zm-4.64 5.787l4.304-1.486.62.742a9.945 9.945 0 01-5.878 2.205l.954-1.461zm-6.314-2.84l3.91.873-.001.003 1.509 1.507-1.24 1.898a9.946 9.946 0 01-5.908-2.553l1.73-1.728zm1.16-7.72l4.168.725 1.302 3.9-2.552 2.98-3.97-.885-1.412-3.724L8.196 9.96zM2 12c0-.31.019-.615.047-.92l.485 1.203-.454.907A9.934 9.934 0 012 11.999zM12 1C5.934 1 1 5.935 1 12c0 6.067 4.935 11 11 11 6.066 0 11-4.933 11-11 0-6.065-4.934-11-11-11z", fill: "currentColor" })))
+};
+const LotteryOddsbomLatestResult = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.getGameDrawInfoEvent = index.createEvent(this, "getGameDrawInfo", 7);
+        this.mbSource = undefined;
+        this.clientStyling = undefined;
+        this.clientStylingUrl = undefined;
+        this.translationUrl = '';
+        this.language = 'en';
+        this.endpoint = undefined;
+        this.gameId = undefined;
+        this.curDate = undefined;
+        this.showLoading = true;
+        this.hideWrapperEmpty = false;
+        this.isPassingData = false;
+        this.drawResults = '';
+        this.isEmpty = true;
+        this._curDate = undefined;
+        this.drawResultsList = [];
+        this.curDrawItem = {};
+        this.curTurnOver = 0;
+        this.isLoadingTurnover = false;
+        this.vendorGameId = undefined;
+        this.gameName = undefined;
+        this.isLoading = false;
+    }
+    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`);
+        }
+    }
+    async handleDateChange(n, o) {
+        if (n !== o) {
+            await this.setCurItem(n);
+            if (this.curDrawItem && this.curDrawItem.drawId) {
+                this.getTurnOver();
+            }
+        }
+    }
+    async handleDrawResultsChange(n, o) {
+        if (n !== o) {
+            await this.setDrawResults();
+        }
+    }
+    async getTurnOver() {
+        var _a, _b;
+        try {
+            this.isLoadingTurnover = true;
+            const res = await fetchSaleStatistics({
+                endpoint: this.endpoint,
+                gameId: this.vendorGameId,
+                drawId: this.curDrawItem.drawId
+            });
+            this.curTurnOver = (_b = (_a = res === null || res === void 0 ? void 0 : res.wagerSegment) === null || _a === void 0 ? void 0 : _a.totalSalesCrossDraw) !== null && _b !== void 0 ? _b : 0;
+        }
+        catch (e) {
+            console.error(e);
+        }
+        finally {
+            this.isLoadingTurnover = false;
+        }
+    }
+    get formattedTurnover() {
+        const turnover = this.curTurnOver;
+        const unit = '€';
+        if (turnover === null || turnover === undefined)
+            return '';
+        return `${unit}${turnover ? thousandSeparator(turnover) : 0}`;
+    }
+    async setCurItem(curDate) {
+        var _a;
+        try {
+            if (curDate && ((_a = this.drawResultsList) === null || _a === void 0 ? void 0 : _a.length)) {
+                this.curDrawItem = await changeCurDrawItemByDate(curDate, this.drawResultsList);
+                this.isEmpty = false;
+            }
+            else {
+                this.isEmpty = true;
+            }
+        }
+        catch (_b) {
+            this.isEmpty = true;
+        }
+    }
+    async setDrawResults() {
+        try {
+            if (this.drawResults) {
+                this.drawResultsList = JSON.parse(this.drawResults);
+                await this.setCurItem(this.curDate);
+            }
+        }
+        catch (err) {
+            console.error(err);
+        }
+    }
+    componentDidLoad() {
+        if (this.stylingContainer) {
+            if (this.mbSource)
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            if (this.clientStyling)
+                setClientStyling(this.stylingContainer, this.clientStyling);
+            if (this.clientStylingUrl)
+                setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    disconnectedCallback() {
+        this.stylingSubscription && this.stylingSubscription.unsubscribe();
+    }
+    async getDrawData() {
+        if (this.isPassingData) {
+            this.setDrawResults();
+        }
+        else {
+            this.fetchData();
+        }
+    }
+    async getGameInfo() {
+        return fetchGameInfo({ endpoint: this.endpoint, gameId: this.gameId }).then(({ vendorGameId, gameName }) => {
+            this.vendorGameId = vendorGameId;
+            this.gameName = gameName;
+        });
+    }
+    async componentWillLoad() {
+        resolveTranslationUrl(this.translationUrl);
+        await Promise.all([this.getDrawData(), this.getGameInfo()]);
+        if (this.curDrawItem && this.curDrawItem.drawId) {
+            this.getTurnOver();
+        }
+    }
+    async fetchData() {
+        this.isLoading = true;
+        try {
+            const res = await fetchDrawsInfo({ endpoint: this.endpoint, gameId: this.gameId });
+            this.getGameDrawInfoEvent.emit({
+                drawDatesOptions: res.drawDatesOptions,
+                gameId: this.gameId
+            });
+            this.drawResultsList = res.drawResultsList;
+            this._curDate = res.drawDatesOptions[findLatestDateIdx(res.drawDatesOptions)];
+            await this.setCurItem(this._curDate);
+        }
+        catch (error) {
+            this.getGameDrawInfoEvent.emit({
+                drawDatesOptions: [],
+                gameId: this.gameId
+            });
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    renderLoading() {
+        return (index.h("div", { class: "loading-wrap" }, index.h("section", { class: "dots-container" }, index.h("div", { class: "dot" }), index.h("div", { class: "dot" }), index.h("div", { class: "dot" }), index.h("div", { class: "dot" }), index.h("div", { class: "dot" }))));
+    }
+    renderEmpty() {
+        return null;
+    }
+    renderMainContent() {
+        var _a, _b, _c, _d, _e, _f;
+        if (!(this.curDate || this._curDate) || this.isEmpty) {
+            return this.renderEmpty();
+        }
+        return (index.h("div", { class: "lottery-tipping-latest-result" }, index.h("div", { class: "header-section match-info-section" }, index.h("div", { class: "match-details" }, index.h("span", { class: "title-icon" }, BombIcons.Football), index.h("span", { class: "title-text" }, this.gameName, ' ', this.isLoadingTurnover ? (index.h("div", { class: "loading-turnOver" }, index.h("ui-skeleton", { structure: "rectangle", width: "100px", height: "16px" }))) : (index.h("span", { class: "title-text__extra" }, "(", translate('turnover', this.language) + ' ' + this.formattedTurnover || 0, ")")))), index.h("div", { class: "prize-details" }, index.h("span", { class: "winners-count" }, (((_a = this.curDrawItem) === null || _a === void 0 ? void 0 : _a.winNumber) || 0) + ' ' + translate('winners', this.language)), index.h("span", { class: "prize-amount" }, translate('prize', this.language) + ' ' + (((_b = this.curDrawItem) === null || _b === void 0 ? void 0 : _b.formattedWinTurnOver) || 0)))), !!(((_c = this.curDrawItem) === null || _c === void 0 ? void 0 : _c.drawId) || (((_d = this.curDrawItem) === null || _d === void 0 ? void 0 : _d.results) || []).length) && (index.h("lottery-oddsbom-ticket-result", { language: this.language, "mb-source": this.mbSource, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl, endpoint: this.endpoint, "game-id": this.vendorGameId, "draw-id": (_e = this.curDrawItem) === null || _e === void 0 ? void 0 : _e.drawId, "default-results": JSON.stringify(((_f = this.curDrawItem) === null || _f === void 0 ? void 0 : _f.results) || []), "split-view": false }))));
+    }
+    render() {
+        return (index.h("div", { key: '08c7308433c4d55f4cec1540002a03596155fe98', ref: (el) => (this.stylingContainer = el), class: {
+                'latest-result-wrapper': true,
+                'game-wrapper': !(this.hideWrapperEmpty && this.isEmpty)
+            } }, this.isLoading && this.showLoading ? this.renderLoading() : this.renderMainContent()));
+    }
+    static get watchers() { return {
+        "clientStyling": ["handleClientStylingChange"],
+        "clientStylingUrl": ["handleClientStylingUrlChange"],
+        "mbSource": ["handleMbSourceChange"],
+        "curDate": ["handleDateChange"],
+        "drawResults": ["handleDrawResultsChange"]
+    }; }
+};
+LotteryOddsbomLatestResult.style = LotteryOddsbomLatestResultStyle0;
+
+exports.LotteryOddsbomLatestResult = LotteryOddsbomLatestResult;
+exports._typeof = _typeof;
+exports.requiredArgs = requiredArgs;
+exports.setClientStyling = setClientStyling;
+exports.setClientStylingURL = setClientStylingURL;
+exports.setStreamStyling = setStreamStyling;
+exports.toDate = toDate;

package/dist/cjs/lottery-oddsbom-latest-result.cjs.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-1c32912a.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+/*
+ Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
+ */
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('lottery-oddsbom-latest-result.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["lottery-oddsbom-bullet_4.cjs",[[1,"lottery-oddsbom-latest-result",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"gameId":[513,"game-id"],"curDate":[513,"cur-date"],"showLoading":[516,"show-loading"],"hideWrapperEmpty":[516,"hide-wrapper-empty"],"isPassingData":[516,"is-passing-data"],"drawResults":[513,"draw-results"],"isEmpty":[32],"_curDate":[32],"drawResultsList":[32],"curDrawItem":[32],"curTurnOver":[32],"isLoadingTurnover":[32],"vendorGameId":[32],"gameName":[32],"isLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"curDate":["handleDateChange"],"drawResults":["handleDrawResultsChange"]}],[1,"lottery-oddsbom-ticket-result",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"sessionId":[513,"session-id"],"endpoint":[513],"gameId":[513,"game-id"],"drawId":[513,"draw-id"],"defaultResults":[513,"default-results"],"splitView":[516,"split-view"],"allResults":[32],"ticketBetDataSource":[32],"isLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameId":["fetchMatchData"],"drawId":["fetchMatchData"],"defaultResults":["fetchMatchData"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}],[1,"lottery-oddsbom-bullet",{"isSelected":[516,"is-selected"],"disabled":[516],"text":[513],"idx":[514],"isReading":[516,"is-reading"],"isDeleteByIcon":[516,"is-delete-by-icon"],"isCallDialogBtn":[516,"is-call-dialog-btn"],"isAddedByMoreBtn":[516,"is-added-by-more-btn"],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+});
+
+exports.setNonce = index.setNonce;