@everymatrix/lottery-tipping-latest-result 1.83.5 → 1.83.7

package/dist/esm/{lottery-tipping-latest-result-3709c6a2.js → lottery-tipping-latest-result-92cd90b4.js}

@@ -1,5 +1,58 @@
 import { r as registerInstance, h } from './index-32d8a144.js';
 
+// 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, " />");
+}
+
 /**
  * @name setClientStyling
  * @description Method used to create and append to the passed element of the widget a style element with the content received
@@ -57,59 +110,168 @@ function setStreamStyling(stylingContainer, domain, subscription) {
   }
 }
 
-// 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;
+function _typeof(o) {
+  "@babel/helpers - typeof";
 
-// 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;
+  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);
+}
 
-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 requiredArgs(required, args) {
+  if (args.length < required) {
+    throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');
+  }
 }
-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, ">");
+
+/**
+ * @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 "<".concat(node.tag).concat(attrsToken, " />");
+    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 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;
@@ -256,6 +418,12 @@ function thousandSeperator(value) {
     parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
     return parts.join('.');
 }
+function formattedTurnover(turnover) {
+    if (turnover === null || turnover === undefined)
+        return '';
+    const unit = '€';
+    return `${unit}${turnover ? thousandSeperator(turnover) : 0}`;
+}
 async function fetchGameInfo(endpoint, gameId) {
     try {
         const response = await fetchRequest(`${endpoint}/games/${gameId}`, 'GET', {});
@@ -267,168 +435,6 @@ async function fetchGameInfo(endpoint, gameId) {
     }
 }
 
-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  background-color: var(--emw--color-background, #fff);\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-background-secondary, #f5f5f5);\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  color: var(--emw--color-typography, #000);\n}\n.LotteryTippingTicketController__segment--active {\n  background-color: var(--emw--color-background, #fff);\n  color: var(--emw--color-typography, #000);\n  font-weight: 600;\n}\n.LotteryTippingTicketController__segment:not(.LotteryTippingTicketController__segment--active):hover {\n  background-color: var(--emw--color-background-tertiary, #ccc);\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  color: var(--emw--color-typography-secondary, #333);\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  color: var(--emw--color-typography-secondary, #333);\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  font-size: 14px;\n  width: calc((100% - 2px) / 3);\n  color: var(--emw--color-typography, #000);\n}\n.result-wrapper .prize-result-table-header {\n  width: 100%;\n  background-color: var(--emw--color-background-secondary, #e6e6e6);\n  border-radius: 4px;\n}\n.result-wrapper .prize-result-table-body {\n  background-color: var(--emw--color-background-tertiary, #fff);\n}\n.result-wrapper .prize-result-table .prize-result-table-header .prize-result-table-column {\n  color: var(--emw--color-typography, #000);\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  color: var(--emw--color-typography, #000);\n  background-color: var(--emw--color-background-secondary, #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;
 
@@ -574,6 +580,17 @@ const LotteryTippingLatestResult = class {
             this.isLoading = false;
         }
     }
+    get displayedPrizes() {
+        const correctItems = this.curPrizes
+            .filter((item) => item.divisionDisplayName.includes('Correct'))
+            .sort((a, b) => {
+            const numA = Number(a.divisionDisplayName.match(/\d+/)[0]);
+            const numB = Number(b === null || b === void 0 ? void 0 : b.divisionDisplayName.match(/\d+/)[0]);
+            return numB - numA;
+        });
+        const bonusItems = this.curPrizes.filter((item) => item.divisionDisplayName === 'Bonus');
+        return [...correctItems, ...bonusItems];
+    }
     changeCurDateItem(idx) {
         this.lastestDate = this.hasDrawDates[idx];
         this.curDrawItemIdx = idx;
@@ -615,6 +632,7 @@ const LotteryTippingLatestResult = class {
         this.curDrawSelectionBettingType = bettingType;
         this.curDrawSelection = this.curDrawSelectionMap[this.curDrawSelectionBettingType];
         this.curPrizes = this.curPrizeMap[this.curDrawSelectionBettingType];
+        console.log('this.curPrizes', this.curPrizes);
         this.curTurnOver = this.curPrizes.reduce((acc, cur) => acc + Number(cur.totalAmount.value), 0);
     }
     getBettingTypeName(bettingType) {
@@ -623,10 +641,10 @@ const LotteryTippingLatestResult = class {
         return name !== null && name !== void 0 ? name : bettingType;
     }
     render() {
-        return (h("div", { key: 'e745605e51cfb92c4503b5e96e0142c8c6b4a8d0', class: "lottery-tipping-latest-result", ref: (el) => (this.stylingContainer = el) }, this.curDrawSelection && this.curDrawSelection.length > 0 && (h("div", { key: 'ae825710096f1ec467379bd8c62ee57a7ed472e5', class: "result-wrapper" }, h("div", { key: '1bb57f7cce3985f991eecc95546d2716b7960b17', class: "date-selection" }, h("div", { key: '9798fd769521260bf8c8e264a6eda272fb4b2841', class: "date-selection-leftIcon", innerHTML: leftArrowIcon, onClick: this.preDraw.bind(this) }), h("div", { key: '8ba6a02c69cc4c3b943a8995deaa9d9ceeb2544a', class: "date-selection-calendar" }, h("lottery-tipping-calendar", { key: '21952e766dc6277a7b894bb98bc608431a418bf3', date: this.lastestDate, highLightDates: this.hasDrawDates, language: this.language, "mb-source": this.mbSource, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl })), h("div", { key: 'ba4cf48d9233ff3c2d3cc869c08ec4ec4c6b5d94', class: "date-selection-rightIcon", innerHTML: rightArrowIcon, onClick: this.nextDraw.bind(this) })), h("div", { key: 'f7dff45466ead7e98665e9feeb490d3814511a5c', class: "winning-result" }, h("div", { key: '323148d834a1857ee356724f999f295a4b89692e', class: "betting-type" }, h("div", { key: '45ec8ea6fdd52a566f718d17b9d11c3417e4ce6f', class: "betting-type-title" }, translate('bettingType', this.language)), h("div", { key: 'e61f4334b41095ec94c61a62d671985686120c72', class: "betting-type-text" }, h("div", { key: '683f2f04744b484cadcb1ad11118356359eba91c', class: "LotteryTippingTicketController__segmented-control" }, Object.keys(this.curDrawSelectionMap).map((bettingType) => (h("button", { class: {
+        return (h("div", { key: '896146c7c069e71fe6f652527c0086d942a23aa7', class: "lottery-tipping-latest-result", ref: (el) => (this.stylingContainer = el) }, this.curDrawSelection && this.curDrawSelection.length > 0 && (h("div", { key: '7098b4ad44e5ef8ca1b9c3df95dfccdb375a9867', class: "result-wrapper" }, h("div", { key: '14254a04b639a9ae0d8e7ee6fd8abb1938dc1c36', class: "date-selection" }, h("div", { key: '0f70418f699fa6884cd910ce46affd62e332267b', class: "date-selection-leftIcon", innerHTML: leftArrowIcon, onClick: this.preDraw.bind(this) }), h("div", { key: 'eb75d194c50a888a4ce2b57719da3d91b1718ea0', class: "date-selection-calendar" }, h("lottery-tipping-calendar", { key: 'feee855ed9c8e7afa3138c0bf92b821f6ab36421', date: this.lastestDate, highLightDates: this.hasDrawDates, language: this.language, "mb-source": this.mbSource, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl })), h("div", { key: '65c44ad37658cc2a523db08419ba7ea1d383840f', class: "date-selection-rightIcon", innerHTML: rightArrowIcon, onClick: this.nextDraw.bind(this) })), h("div", { key: '829ccba627f01454dc8eb307a6377c893bdea8c5', class: "winning-result" }, h("div", { key: '20952759d278b8727b4013e41f6227127a776ac7', class: "betting-type" }, h("div", { key: '802989e535ebdb2059681740587b476c812e35b4', class: "betting-type-title" }, translate('bettingType', this.language)), h("div", { key: 'aa69117cbb91fb269a66e2aab97309b06dfecd57', class: "betting-type-text" }, h("div", { key: '708ec51e5d307b1e27ff3ad4a2f0e43195e4a944', class: "LotteryTippingTicketController__segmented-control" }, Object.keys(this.curDrawSelectionMap).map((bettingType) => (h("button", { class: {
                 LotteryTippingTicketController__segment: true,
                 'LotteryTippingTicketController__segment--active': this.curDrawSelectionBettingType === bettingType
-            }, onClick: this.handleDrawBettingTypeChange.bind(this, bettingType) }, this.getBettingTypeName(bettingType))))))), h("lottery-tipping-ticket-bet", { key: 'e6754f5ad0f7a26625731a34c823db145f98cce8', "session-id": this.sessionId, endpoint: this.endpoint, "game-id": this.vendorGameId, "draw-id": this.curDrawItem.id, "default-bullet-config-line-group": JSON.stringify(this.curDrawSelection), "read-pretty": true, "total-pages": this.curDrawSelection.length, language: this.language, "mb-source": this.mbSource, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl })), h("div", { key: '8ba16a8c5472176ccf6402fa37149a4aef36a7d4', class: "prize-result" }, h("div", { key: '222fdca860622286275a1eca6fea94ae1aa5630e', class: "prize-result-title" }, translate('prizeAllocation', this.language, { turnover: thousandSeperator(this.curTurnOver) })), h("div", { key: 'c059684d4b8cfdb361224e031de3b72d83b25b47', class: "prize-result-table" }, h("div", { key: '617e627a32793cec2f18a51a3ec34821e413e539', class: "prize-result-table-header" }, h("div", { key: 'f43417f07f2a05e0438505a90217cc2dfea733f7', class: "prize-result-table-row" }, h("div", { key: '28a80707e4e1e4baacf7dcf347e4cdd68e5f336b', class: "prize-result-table-column" }, translate('prizes', this.language)), h("div", { key: '7213294fcbb792c5901b60ccc5f7a706ec37e05b', class: "prize-result-table-column" }, translate('numberOfWinners', this.language)), h("div", { key: 'dcad0d120a7eb92dfe9000f4e78221acb8c680ca', class: "prize-result-table-column" }, translate('prizeMoney', this.language)))), h("div", { key: 'f761e6d328b6f66333349b3fe85304d7f7b17ae2', class: "prize-result-table-body" }, this.curPrizes.map((prize) => (h("div", { class: "prize-result-table-row" }, h("div", { class: "prize-result-table-column" }, prize.divisionDisplayName), h("div", { class: "prize-result-table-column" }, prize.tickets), h("div", { class: "prize-result-table-column" }, thousandSeperator(prize.totalAmount.value)))))))))), this.curDrawSelection.length == 0 && !this.isLoading && (h("div", { key: '40a63a7af5886c646eae8803bc67766b94d7f5a3' }, translate('noLatestResult', this.language))), this.isLoading && h("div", { key: '879160955606bbc2e0c75adf6983abc960b5ccb2', class: "loading-wrap" }, translate('loading', this.language))));
+            }, onClick: this.handleDrawBettingTypeChange.bind(this, bettingType) }, this.getBettingTypeName(bettingType))))))), h("lottery-tipping-ticket-bet", { key: '8ee998390f5f9965d8a927231ab2f99ad552c5ba', "session-id": this.sessionId, endpoint: this.endpoint, "game-id": this.vendorGameId, "draw-id": this.curDrawItem.id, "default-bullet-config-line-group": JSON.stringify(this.curDrawSelection), "read-pretty": true, "total-pages": this.curDrawSelection.length, language: this.language, "mb-source": this.mbSource, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl })), h("div", { key: '10bdd643b69be187783ce4e2c50568ad1851be53', class: "prize-result" }, h("div", { key: '5c7466e02f8d0920dd7146d99f9360b66c6ee737', class: "prize-result-title" }, translate('prizeAllocation', this.language, { turnover: formattedTurnover(this.curTurnOver) })), h("div", { key: 'd37344089ddf988ea5093131c1ab3f56ff41fa5d', class: "prize-result-table" }, h("div", { key: '26f21fa18cc30e1981bd4d0c23ddfca123b65404', class: "prize-result-table-header" }, h("div", { key: 'f2f7fe64694c2a82bf5aec287a3349cd68221f07', class: "prize-result-table-row" }, h("div", { key: '7e6cf967655516f71d1a28209ddc3cc10ab0b246', class: "prize-result-table-column" }, translate('prizes', this.language)), h("div", { key: '420087a0cbf9ed50b764d8d05526f3f219539649', class: "prize-result-table-column" }, translate('numberOfWinners', this.language)), h("div", { key: 'df5fce05e03f48709ecd7f2f6f90e4408c4aa694', class: "prize-result-table-column" }, translate('prizeMoney', this.language)))), h("div", { key: '5ca663cc2a2d69124205158b90b82c2a299a45b3', class: "prize-result-table-body" }, this.displayedPrizes.map((prize) => (h("div", { class: "prize-result-table-row" }, h("div", { class: "prize-result-table-column" }, prize.divisionDisplayName), h("div", { class: "prize-result-table-column" }, prize.players), h("div", { class: "prize-result-table-column" }, thousandSeperator(prize.totalAmount.value)))))))))), this.curDrawSelection.length == 0 && !this.isLoading && (h("div", { key: '3efeea6a27837d8d4ea9c4a93bd225294a116ca6' }, translate('noLatestResult', this.language))), this.isLoading && h("div", { key: '6dbcdda8e4d044476f125fbf51dc6179b2eae8f1', class: "loading-wrap" }, translate('loading', this.language))));
     }
     static get watchers() { return {
         "clientStyling": ["handleClientStylingChange"],

package/dist/esm/lottery-tipping-latest-result.js

@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["general-tooltip_6",[[1,"lottery-tipping-latest-result",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"endpointTicket":[513,"endpoint-ticket"],"gameId":[1537,"game-id"],"playerId":[1538,"player-id"],"sessionId":[1537,"session-id"],"hasDrawDates":[32],"lastestDate":[32],"drawList":[32],"curDrawItem":[32],"curDrawItemIdx":[32],"curDrawSelection":[32],"curDrawSelectionBettingType":[32],"curDrawSelectionMap":[32],"curPrizes":[32],"curPrizeMap":[32],"curTurnOver":[32],"isLoading":[32],"playTypes":[32],"bettingTypes":[32],"vendorGameId":[32]},[[0,"changeDate","handleChangeDate"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-ticket-bet",{"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"],"totalPages":[1538,"total-pages"],"minTotalPages":[514,"min-total-pages"],"maxTotalPages":[514,"max-total-pages"],"mode":[513],"readPretty":[516,"read-pretty"],"defaultBulletConfigLineGroup":[513,"default-bullet-config-line-group"],"translationData":[32],"clientStylingUrlContent":[32],"bulletConfigLineGroup":[32],"currentPage":[32],"isLoading":[32],"hasErrors":[32],"dialogConfig":[32],"ticketDataSource":[32],"resetBulletConfig":[64],"getData":[64]},[[0,"lotteryTippingBulletGroupToggle","lotteryTippingBulletGroupSelectionHandler"]],{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameId":["fetchMatchData"],"sessionId":["fetchMatchData"],"drawId":["fetchMatchData"],"currentPage":["handleCurrentPageChange"]}],[1,"lottery-tipping-calendar",{"date":[1],"highLightDates":[16],"language":[513],"translationUrl":[520,"translation-url"],"weeks":[32],"days":[32],"alterDate":[32],"curDate":[32],"recordInfo":[32],"showCalendar":[32]},null,{"date":["handleDateChange"]}],[1,"lottery-tipping-bullet-group",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"positionIdx":[513,"position-idx"],"theme":[513],"mode":[513],"bulletConfigContent":[513,"bullet-config-content"]},[[0,"lotteryTippingBulletToggle","lotteryTippingBulletSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"general-tooltip",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"position":[1],"delay":[2],"isVisible":[32],"_tooltipId":[32]},[[1,"mouseenter","handleMouseEnterOrFocus"],[0,"focusin","handleMouseEnterOrFocus"],[1,"mouseleave","handleMouseLeaveOrBlur"],[0,"focusout","handleMouseLeaveOrBlur"],[0,"keydown","handleKeyDown"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-bullet",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"positionIdx":[514,"position-idx"],"theme":[513],"value":[513],"disabled":[516],"isSelected":[516,"is-selected"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+  return bootstrapLazy([["general-tooltip_6",[[1,"lottery-tipping-latest-result",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"endpointTicket":[513,"endpoint-ticket"],"gameId":[1537,"game-id"],"playerId":[1538,"player-id"],"sessionId":[1537,"session-id"],"hasDrawDates":[32],"lastestDate":[32],"drawList":[32],"curDrawItem":[32],"curDrawItemIdx":[32],"curDrawSelection":[32],"curDrawSelectionBettingType":[32],"curDrawSelectionMap":[32],"curPrizes":[32],"curPrizeMap":[32],"curTurnOver":[32],"isLoading":[32],"playTypes":[32],"bettingTypes":[32],"vendorGameId":[32]},[[0,"changeDate","handleChangeDate"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-ticket-bet",{"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"],"totalPages":[1538,"total-pages"],"minTotalPages":[514,"min-total-pages"],"maxTotalPages":[514,"max-total-pages"],"mode":[513],"readPretty":[516,"read-pretty"],"defaultBulletConfigLineGroup":[513,"default-bullet-config-line-group"],"translationData":[32],"clientStylingUrlContent":[32],"bulletConfigLineGroup":[32],"currentPage":[32],"isLoading":[32],"hasErrors":[32],"dialogConfig":[32],"ticketDataSource":[32],"resetBulletConfig":[64],"getData":[64]},[[0,"lotteryTippingBulletGroupToggle","lotteryTippingBulletGroupSelectionHandler"]],{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameId":["fetchMatchData"],"sessionId":["fetchMatchData"],"drawId":["fetchMatchData"],"defaultBulletConfigLineGroup":["fetchMatchData"],"currentPage":["handleCurrentPageChange"]}],[1,"lottery-tipping-calendar",{"date":[1],"highLightDates":[16],"language":[513],"translationUrl":[520,"translation-url"],"weeks":[32],"days":[32],"alterDate":[32],"curDate":[32],"recordInfo":[32],"showCalendar":[32]},null,{"date":["handleDateChange"]}],[1,"lottery-tipping-bullet-group",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"positionIdx":[513,"position-idx"],"theme":[513],"mode":[513],"bulletConfigContent":[513,"bullet-config-content"]},[[0,"lotteryTippingBulletToggle","lotteryTippingBulletSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"general-tooltip",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"position":[1],"delay":[2],"isVisible":[32],"_tooltipId":[32]},[[1,"mouseenter","handleMouseEnterOrFocus"],[0,"focusin","handleMouseEnterOrFocus"],[1,"mouseleave","handleMouseLeaveOrBlur"],[0,"focusout","handleMouseLeaveOrBlur"],[0,"keydown","handleKeyDown"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-bullet",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"positionIdx":[514,"position-idx"],"theme":[513],"value":[513],"disabled":[516],"isSelected":[516,"is-selected"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
 });