@everymatrix/lottery-tipping-latest-result 0.0.1

package/dist/cjs/lottery-tipping-latest-result-c9dbebc8.js

@@ -0,0 +1,650 @@
+'use strict';
+
+const index = require('./index-e5294eca.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) {
+  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);
+      }
+    });
+  }
+}
+
+// This icon file is generated automatically.
+var LeftOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" } }] }, "name": "left", "theme": "outlined" };
+const LeftOutlined$1 = LeftOutlined;
+
+// This icon file is generated automatically.
+var RightOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, "name": "right", "theme": "outlined" };
+const RightOutlined$1 = RightOutlined;
+
+var __assign = (undefined && undefined.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var defaultColors = {
+    primaryColor: '#333',
+    secondaryColor: '#E6E6E6'
+};
+function renderIconDefinitionToSVGElement(icond, options) {
+    if (options === void 0) { options = {}; }
+    if (typeof icond.icon === 'function') {
+        // two-tone
+        var placeholders = options.placeholders || defaultColors;
+        return renderAbstractNodeToSVGElement(icond.icon(placeholders.primaryColor, placeholders.secondaryColor), options);
+    }
+    // fill, outline
+    return renderAbstractNodeToSVGElement(icond.icon, options);
+}
+function renderAbstractNodeToSVGElement(node, options) {
+    var targetAttrs = node.tag === 'svg'
+        ? __assign(__assign({}, node.attrs), (options.extraSVGAttrs || {})) : node.attrs;
+    var attrs = Object.keys(targetAttrs).reduce(function (acc, nextKey) {
+        var key = nextKey;
+        var value = targetAttrs[key];
+        var token = "".concat(key, "=\"").concat(value, "\"");
+        acc.push(token);
+        return acc;
+    }, []);
+    var attrsToken = attrs.length ? ' ' + attrs.join(' ') : '';
+    var children = (node.children || [])
+        .map(function (child) { return renderAbstractNodeToSVGElement(child, options); })
+        .join('');
+    if (children && children.length) {
+        return "<".concat(node.tag).concat(attrsToken, ">").concat(children, "</").concat(node.tag, ">");
+    }
+    return "<".concat(node.tag).concat(attrsToken, " />");
+}
+
+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) {
+                throw new Error(`HTTP error! Status: ${response.status}`);
+            }
+            return response.json();
+        })
+            .then((data) => resolve(data))
+            .catch((error) => reject(error));
+    });
+}
+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;
+    }
+}
+function toQueryParams(params) {
+    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}` : '';
+}
+const bulletMap = {
+    '0': '1',
+    '1': 'X',
+    '2': '2'
+};
+function parseBulletNumber(numberArr) {
+    const bulletArr = [];
+    Object.keys(bulletMap).forEach((key) => {
+        bulletArr.push({
+            isSelected: numberArr.includes(Number(key)),
+            value: bulletMap[key]
+        });
+    });
+    return bulletArr;
+}
+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));
+    });
+    return result;
+}
+function thousandSeperator(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('.');
+}
+async function fetchGameInfo(endpoint, gameId) {
+    try {
+        const response = await fetchRequest(`${endpoint}/games/${gameId}`, 'GET', {});
+        return response;
+    }
+    catch (error) {
+        console.error('Failed to fetch game info:', error);
+        throw new Error('The game is currently not available. Please try again later.');
+    }
+}
+
+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 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....'
+    },
+    ro: {
+        bettingType: 'Tip de pariu:',
+        prizeAllocation: 'Alocarea premiilor (Cifră de afaceri: € {turnover})',
+        prizes: 'Premii',
+        numberOfWinners: 'Număr de câștigători',
+        prizeMoney: 'Bani de premiu',
+        noLatestResult: 'Niciun rezultat recent.',
+        loading: 'Se încarcă....'
+    },
+    fr: {
+        bettingType: 'Type de pari:',
+        prizeAllocation: "Répartition des prix (Chiffre d'affaires: € {turnover})",
+        prizes: 'Prix',
+        numberOfWinners: 'Nombre de gagnants',
+        prizeMoney: 'Prix en argent',
+        noLatestResult: 'Aucun résultat récent.',
+        loading: 'Chargement....'
+    },
+    ar: {
+        bettingType: 'نوع الرهان:',
+        prizeAllocation: 'تخصيص الجائزة (دوران: € {turnover})',
+        prizes: 'الجوائز',
+        numberOfWinners: 'عدد الفائزين',
+        prizeMoney: 'أموال الجائزة',
+        noLatestResult: 'لا يوجد أحدث نتيجة.',
+        loading: 'جار التحميل....'
+    },
+    hr: {
+        bettingType: 'Vrsta oklade:',
+        prizeAllocation: 'Raspodjela nagrada (Promet: € {turnover})',
+        prizes: 'Nagrade',
+        numberOfWinners: 'Broj pobjednika',
+        prizeMoney: 'Novčana nagrada',
+        noLatestResult: 'Nema najnovijih rezultata.',
+        loading: 'Učitavanje....'
+    }
+};
+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 lotteryTippingLatestResultCss = ".lottery-tipping-latest-result {\n  padding: 16px;\n  container-type: inline-size;\n}\n.lottery-tipping-latest-result .date-selection {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 24px;\n  width: 400px;\n}\n.lottery-tipping-latest-result .date-selection-leftIcon, .lottery-tipping-latest-result .date-selection-rightIcon {\n  cursor: pointer;\n}\n\n.LotteryTippingTicketController__segmented-control {\n  height: 2.2rem;\n  display: inline-flex;\n  background-color: var(--emw--color-gray-100, #e6e6e6);\n  border-radius: 2rem;\n  padding: 0.2rem;\n}\n.LotteryTippingTicketController__segment {\n  background-color: transparent;\n  border: none;\n  padding: 0.3rem 0.8rem;\n  cursor: pointer;\n  font-weight: 500;\n  border-radius: 2rem;\n  outline: none;\n  transition: background-color 0.25s ease, color 0.25s ease;\n  white-space: nowrap;\n}\n.LotteryTippingTicketController__segment--active {\n  background-color: var(--emw--color-background, #fff);\n  color: #000000;\n  font-weight: 600;\n}\n.LotteryTippingTicketController__segment:not(.LotteryTippingTicketController__segment--active):hover {\n  background-color: var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));\n}\n\n.betting-type {\n  margin-bottom: 16px;\n  display: flex;\n  align-items: center;\n  gap: 20px;\n}\n.betting-type-title {\n  font-weight: 600;\n  font-size: 16px;\n}\n.betting-type-text {\n  font-size: 16px;\n}\n\n.result-wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 60%;\n  margin: 0 auto;\n}\n.result-wrapper .winning-result {\n  width: 100%;\n  margin-top: 20px;\n}\n.result-wrapper .prize-result {\n  width: 100%;\n  margin-top: 20px;\n}\n.result-wrapper .prize-result-title {\n  font-size: 16px;\n  font-weight: 600;\n  margin-bottom: 12px;\n}\n.result-wrapper .prize-result-table {\n  width: 100%;\n}\n.result-wrapper .prize-result-table-row {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-evenly;\n}\n.result-wrapper .prize-result-table-column {\n  text-align: left;\n  padding: 12px 14px;\n  width: 160px;\n  color: rgb(85, 85, 85);\n  font-size: 14px;\n  width: calc((100% - 2px) / 3);\n}\n.result-wrapper .prize-result-table-header {\n  width: 100%;\n  background-color: var(--emw--color-gray-100, #e6e6e6);\n  border-radius: 4px;\n}\n.result-wrapper .prize-result-table .prize-result-table-header .prize-result-table-column {\n  color: var(--emw--color-gray-300, #333);\n  font-weight: 600;\n  border-right: 1px solid var(--emw--color-background, #fff);\n}\n.result-wrapper .prize-result-table .prize-result-table-body .prize-result-table-row:hover {\n  background-color: var(--emw--color-gray-50, #f5f5f5);\n}\n\n@container (max-width: 980px) and (min-width: 780px) {\n  .result-wrapper {\n    width: 84%;\n  }\n}\n@container (max-width: 780px) and (min-width: 480px) {\n  .result-wrapper {\n    width: 100%;\n  }\n}\n@container (max-width: 480px) {\n  .result-wrapper {\n    width: 100%;\n  }\n  .result-wrapper .winning-result {\n    width: 100%;\n    margin-top: 14px;\n  }\n  .result-wrapper .prize-result {\n    width: 100%;\n  }\n  .result-wrapper .prize-result-table-column {\n    padding: 6px;\n    width: 100px;\n  }\n}";
+const LotteryTippingLatestResultStyle0 = lotteryTippingLatestResultCss;
+
+const leftArrowIcon = renderIconDefinitionToSVGElement(LeftOutlined$1, {
+    extraSVGAttrs: { width: '16px', height: '16px', fill: '' }
+});
+const rightArrowIcon = renderIconDefinitionToSVGElement(RightOutlined$1, {
+    extraSVGAttrs: { width: '16px', height: '16px', fill: '' }
+});
+const LotteryTippingLatestResult = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.mbSource = undefined;
+        this.clientStyling = undefined;
+        this.clientStylingUrl = undefined;
+        this.translationUrl = '';
+        this.language = 'en';
+        this.endpoint = undefined;
+        this.endpointTicket = undefined;
+        this.gameId = undefined;
+        this.playerId = undefined;
+        this.sessionId = undefined;
+        this.hasDrawDates = ['2025-05-28T02:00:00Z', '2025-05-16T02:00:00Z'];
+        this.lastestDate = '2025-05-28T02:00:00Z';
+        this.drawList = undefined;
+        this.curDrawItem = undefined;
+        this.curDrawItemIdx = 0;
+        this.curDrawSelection = [];
+        this.curDrawSelectionBettingType = undefined;
+        this.curDrawSelectionMap = {};
+        this.curPrizes = undefined;
+        this.curPrizeMap = {};
+        this.curTurnOver = 0;
+        this.isLoading = false;
+        this.playTypes = null;
+        this.bettingTypes = undefined;
+        this.vendorGameId = undefined;
+    }
+    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`);
+        }
+    }
+    componentWillLoad() {
+        if (this.translationUrl) {
+            getTranslations(JSON.parse(this.translationUrl));
+        }
+        this.getGameById();
+        this.fetDrawList();
+    }
+    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 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;
+            this.bettingTypes = (_d = (_c = gameInfo === null || gameInfo === void 0 ? void 0 : gameInfo.rules) === null || _c === void 0 ? void 0 : _c.poolGame) === null || _d === void 0 ? void 0 : _d.bettingTypes;
+        }
+        catch (e) {
+            console.log(e);
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    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 fetDrawList() {
+        try {
+            this.isLoading = true;
+            const filterData = {
+                excludeStatus: 'INIT,OPEN,CANCELED'
+            };
+            const { items } = await fetchRequest(`${this.endpoint}/games/${this.gameId}/draws${toQueryParams(filterData)}`, 'GET');
+            if (!items || items.length === 0)
+                return;
+            const filteredItems = items.filter((item) => item.winningNumbers.length > 0);
+            filteredItems.sort((a, b) => a.date.localeCompare(b.date));
+            this.drawList = filteredItems;
+            this.hasDrawDates = filteredItems.map((item) => item.date);
+            this.curDrawItemIdx = this.findLatestDateIdx(this.hasDrawDates);
+            this.lastestDate = this.hasDrawDates[this.curDrawItemIdx];
+            //set the first draw as default value
+            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.curDrawItem.prizes.forEach((prize) => {
+                const winningType = prize.winningType;
+                if (!this.curPrizeMap[winningType]) {
+                    this.curPrizeMap[winningType] = [prize];
+                }
+                else {
+                    this.curPrizeMap[winningType].push(prize);
+                    this.curPrizeMap[winningType].sort((a, b) => b.totalAmount.value - a.totalAmount.value);
+                }
+            });
+            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;
+        }
+    }
+    changeCurDateItem(idx) {
+        this.lastestDate = this.hasDrawDates[idx];
+        this.curDrawItemIdx = idx;
+        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.curPrizeMap = {};
+        this.curDrawItem.prizes.forEach((prize) => {
+            const winningType = prize.winningType;
+            if (!this.curPrizeMap[winningType]) {
+                this.curPrizeMap[winningType] = [prize];
+            }
+            else {
+                this.curPrizeMap[winningType].push(prize);
+                this.curPrizeMap[winningType].sort((a, b) => b.totalAmount.value - a.totalAmount.value);
+            }
+        });
+        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);
+    }
+    handleChangeDate(e) {
+        const idx = e.detail;
+        this.changeCurDateItem(idx);
+    }
+    preDraw() {
+        if (this.curDrawItemIdx > 0) {
+            this.changeCurDateItem(--this.curDrawItemIdx);
+        }
+    }
+    nextDraw() {
+        if (this.curDrawItemIdx < this.drawList.length - 1) {
+            this.changeCurDateItem(++this.curDrawItemIdx);
+        }
+    }
+    handleDrawBettingTypeChange(bettingType) {
+        this.curDrawSelectionBettingType = bettingType;
+        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);
+    }
+    getBettingTypeName(bettingType) {
+        var _a, _b;
+        const name = (_b = (_a = this.bettingTypes) === 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 (index.h("div", { key: 'e745605e51cfb92c4503b5e96e0142c8c6b4a8d0', class: "lottery-tipping-latest-result", ref: (el) => (this.stylingContainer = el) }, this.curDrawSelection && this.curDrawSelection.length > 0 && (index.h("div", { key: 'ae825710096f1ec467379bd8c62ee57a7ed472e5', class: "result-wrapper" }, index.h("div", { key: '1bb57f7cce3985f991eecc95546d2716b7960b17', class: "date-selection" }, index.h("div", { key: '9798fd769521260bf8c8e264a6eda272fb4b2841', class: "date-selection-leftIcon", innerHTML: leftArrowIcon, onClick: this.preDraw.bind(this) }), index.h("div", { key: '8ba6a02c69cc4c3b943a8995deaa9d9ceeb2544a', class: "date-selection-calendar" }, index.h("lottery-tipping-calendar", { key: 'a8f1f1f44bc77cf5cfe65434c383b875d5594ed5', date: this.lastestDate, highLightDates: this.hasDrawDates, language: this.language, "translation-url": this.translationUrl })), index.h("div", { key: 'b525125953bba88d153b64ee3ff72112b1ccf80f', class: "date-selection-rightIcon", innerHTML: rightArrowIcon, onClick: this.nextDraw.bind(this) })), index.h("div", { key: 'fcfc5e6e072049f1279fb4388471d2b339849de0', class: "winning-result" }, index.h("div", { key: '00b4104f637649b1e2f31cb5087d3fa53c80f98d', class: "betting-type" }, index.h("div", { key: '1abcbb1189d30622dc9e8601cd57dcc2275e5524', class: "betting-type-title" }, translate('bettingType', this.language)), index.h("div", { key: '1a963bbb6558eb52e4b69bd17025435c6fc5f4f7', class: "betting-type-text" }, index.h("div", { key: '8eeffcdad2700e4ab82f10ad38715a3170812444', class: "LotteryTippingTicketController__segmented-control" }, Object.keys(this.curDrawSelectionMap).map((bettingType) => (index.h("button", { class: {
+                LotteryTippingTicketController__segment: true,
+                'LotteryTippingTicketController__segment--active': this.curDrawSelectionBettingType === bettingType
+            }, onClick: this.handleDrawBettingTypeChange.bind(this, bettingType) }, this.getBettingTypeName(bettingType))))))), index.h("lottery-tipping-ticket-bet", { key: '723bbd8deda3681467d3cc3d391cf80df47f274b', "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, "translation-url": this.translationUrl })), index.h("div", { key: '1fd49aa75429a82e71721ff7da75ecb6b88a460b', class: "prize-result" }, index.h("div", { key: 'a4534c61808ec601e983cce8adda6971e91600cd', class: "prize-result-title" }, translate('prizeAllocation', this.language, { turnover: thousandSeperator(this.curTurnOver) })), index.h("div", { key: '515e207fcf899cb68d11bddb69522f9f5bfc6362', class: "prize-result-table" }, index.h("div", { key: 'd9d4b212c9d4ef6b5c2cf7b4d1aba7d710a73d5a', class: "prize-result-table-header" }, index.h("div", { key: '2daa570ac8e6b26d67003b1bfdb5d8af24a820a5', class: "prize-result-table-row" }, index.h("div", { key: 'ad5a06f05ab88d75608feaad5ab2f51ef3f02ad7', class: "prize-result-table-column" }, translate('prizes', this.language)), index.h("div", { key: '48fc4148c21d5c8fa51de77eea636ba19f5b518f', class: "prize-result-table-column" }, translate('numberOfWinners', this.language)), index.h("div", { key: '3d8880732e6d883f7f2b9a741be5b9c3aed86be2', class: "prize-result-table-column" }, translate('prizeMoney', this.language)))), index.h("div", { key: '85f554ac8100a75f95f61eee7d6df801b9c00d9b', class: "prize-result-table-body" }, this.curPrizes.map((prize) => (index.h("div", { class: "prize-result-table-row" }, index.h("div", { class: "prize-result-table-column" }, prize.divisionDisplayName), index.h("div", { class: "prize-result-table-column" }, prize.tickets), index.h("div", { class: "prize-result-table-column" }, thousandSeperator(prize.totalAmount.value)))))))))), this.curDrawSelection.length == 0 && !this.isLoading && (index.h("div", { key: 'a369e399406415a630a2bd33a1c5e495c57511f7' }, translate('noLatestResult', this.language))), this.isLoading && index.h("div", { key: 'd37433e1e86308b269612678b04d82440ce059a7', class: "loading-wrap" }, translate('loading', this.language))));
+    }
+    static get watchers() { return {
+        "clientStyling": ["handleClientStylingChange"],
+        "clientStylingUrl": ["handleClientStylingUrlChange"],
+        "mbSource": ["handleMbSourceChange"]
+    }; }
+};
+LotteryTippingLatestResult.style = LotteryTippingLatestResultStyle0;
+
+exports.LotteryTippingLatestResult = LotteryTippingLatestResult;
+exports._typeof = _typeof;
+exports.getTranslations = getTranslations;
+exports.renderIconDefinitionToSVGElement = renderIconDefinitionToSVGElement;
+exports.requiredArgs = requiredArgs;
+exports.setClientStyling = setClientStyling;
+exports.setClientStylingURL = setClientStylingURL;
+exports.setStreamStyling = setStreamStyling;
+exports.toDate = toDate;
+exports.translate = translate;