@everymatrix/lottery-tipping-page 1.83.5 → 1.83.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3,7 +3,8 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-9d5d8231.js');
6
- const lotteryTippingPage = require('./lottery-tipping-page-288fd924.js');
6
+ const lotteryTippingPage = require('./lottery-tipping-page-3acdd222.js');
7
+ require('@everymatrix/lottery-button');
7
8
 
8
9
  const generalMultiSelectCss = ".multi-select-container{position:relative;font-family:\"Inter\", sans-serif;margin-top:4px;width:100%}.flex-row{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;padding:8px 12px;padding-right:4px;border-radius:4px;background:var(--emw-selector-color-background, #e8ebef);cursor:pointer}.control{flex:1;display:flex;align-items:center;flex-wrap:nowrap;overflow:hidden}.control:focus-within{border-color:var(--emw--color-primary, #fed275);box-shadow:0 0 0 2px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15))}.chip{display:inline-flex;align-items:center;background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-dialog-typography, #000);border-radius:4px;padding:2px 8px;margin-right:6px;font-size:0.875rem;line-height:1.2;justify-content:space-between;flex:0 1 auto;min-width:0}.chip-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-chip{background:var(--emw--color-gray-100, #e6e6e6);color:var(--emw--color-gray-300, #333);width:20px;text-align:center;display:block}.remove-btn{background:none;border:none;font-size:1rem;margin-left:6px;cursor:pointer;color:var(--emw--color-gray-150, #6f6f6f)}.remove-btn:hover{color:var(--emw--color-error, red)}.placeholder{color:var(--emw--color-gray-150, #6f6f6f);font-size:0.875rem;padding:3px 8px;line-height:1.2}.arrow{margin-left:auto;font-size:0.8rem;width:20px;color:var(--emw--color-gray-150, #6f6f6f)}.dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:240px;overflow-y:auto;border:1px solid var(--emw--color-gray-100, #e6e6e6);border-radius:6px;background:var(--emw--color-dialog-background, #ffffff);box-shadow:0 4px 12px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));z-index:10}.dropdown-item{padding:10px 14px;cursor:pointer;font-size:0.875rem;line-height:1.4;transition:background 0.2s}.dropdown-item:hover{background:var(--emw--color-background-tertiary, #ccc);color:var(--emw--color-typography, #000)}.dropdown-item.selected{background:var(--emw--color-background-secondary, #f5f5f5);color:var(--emw--color-typography, #000);font-weight:500}.overflow-popover{position:absolute;top:var(--overflow-top, 0px);left:var(--overflow-left, 0px);max-width:200px;padding:12px;display:flex;flex-wrap:wrap;gap:6px;border:1px solid var(--emw--color-gray-100, #d0d5dd);border-radius:6px;background:var(--emw--color-background, #ffffff);box-shadow:0 4px 12px var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));z-index:20}";
9
10
  const GeneralMultiSelectStyle0 = generalMultiSelectCss;
@@ -455,7 +456,7 @@ const resolveTranslationUrl$1 = async (translationUrl) => {
455
456
  }
456
457
  };
457
458
 
458
- const lotteryTippingDialogCss = ".dialog-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:1;z-index:199}.dialog-wrapper-visible{visibility:visible}.mask{position:fixed;inset:0;background-color:rgba(0, 0, 0, 0.5);opacity:0;z-index:1000;transition:opacity var(--duration) linear}.mask-enter{opacity:1}.mask-leave{opacity:0}.dialog{position:relative;background:var(--emw--color-dialog-background, #fff);border-radius:12px;box-shadow:0 4px 32px rgba(0, 0, 0, 0.15);opacity:0;transform:scale(0.9);transition:all var(--duration) linear;width:100%;max-width:100vw;overflow:hidden;z-index:1000}.dialog-enter{opacity:1;transform:scale(1)}.dialog-leave{opacity:0}.dialog.fullscreen{width:100vw !important;height:100vh;overflow:auto;max-height:none;border-radius:0;overflow:hidden}.dialog-header{padding:16px 16px 0 16px;display:flex;justify-content:space-between;align-items:center}.dialog-header .dialog-title{margin:0;font-size:1.25rem;font-weight:500;color:var(--emw--color-dialog-typography, #000)}.dialog-header .close-btn{background:transparent;border:none;font-size:1.5rem;width:2rem;height:2rem;color:var(--emw--color-gray-150, #6f6f6f);cursor:pointer;border-radius:4px}.dialog-header .close-btn:hover{background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-gray-300, #333)}.dialog-content{padding:24px;font-size:0.95rem;line-height:1.6;color:var(--emw--color-dialog-typography, #000);flex:1;overflow-y:auto;max-height:calc(100vh - 200px)}.dialog.fullscreen .dialog-content{max-height:none}.dialog-footer{padding:0 16px 16px 16px;display:flex;justify-content:center;gap:12px}.dialog-footer .cancel-btn,.dialog-footer .confirm-btn{padding:10px 24px;border-radius:6px;font-size:0.9rem;cursor:pointer;transition:all 0.3s linear}.dialog-footer .cancel-btn{border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));color:var(--emw--color-gray-300, #333);background:var(--emw--color-gray-400, #fff)}.dialog-footer .cancel-btn:hover{border-color:var(--emw--color-gray-100, #e6e6e6)}.dialog-footer .confirm-btn{border:none;color:var(--emw--color-gray-400, #fff);background:var(--emw--color-primary, #009993)}.dialog-footer .confirm-btn:hover{background:var(--emw--color-primary-variant, #004d4a)}@media screen and (max-width: 480px){.dialog.fullscreen .dialog-content{padding:12px}}";
459
+ const lotteryTippingDialogCss = ".dialog-wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:1;z-index:199}.dialog-wrapper-visible{visibility:visible}.mask{position:fixed;inset:0;background-color:rgba(0, 0, 0, 0.5);opacity:0;z-index:1000;transition:opacity var(--duration) linear}.mask-enter{opacity:1}.mask-leave{opacity:0}.dialog{position:relative;background:var(--emw--color-background, #fff);border-radius:12px;box-shadow:0 4px 32px rgba(0, 0, 0, 0.15);opacity:0;transform:scale(0.9);transition:all var(--duration) linear;width:100%;max-width:100vw;overflow:hidden;z-index:1000}.dialog-enter{opacity:1;transform:scale(1)}.dialog-leave{opacity:0}.dialog.fullscreen{width:100vw !important;height:100vh;overflow:auto;max-height:none;border-radius:0;overflow:hidden}.dialog-header{padding:16px 16px 0 16px;display:flex;justify-content:space-between;align-items:center}.dialog-header .dialog-title{margin:0;font-size:1.25rem;font-weight:500;color:var(--emw--color-typography, #000)}.dialog-header .close-btn{background:transparent;border:none;font-size:1.5rem;width:2rem;height:2rem;color:var(--emw--color-gray-150, #6f6f6f);cursor:pointer;border-radius:4px}.dialog-header .close-btn:hover{background:var(--emw--color-gray-50, #f5f5f5);color:var(--emw--color-gray-300, #333)}.dialog-content{padding:24px;font-size:0.95rem;line-height:1.6;color:var(--emw--color-dialog-typography, #000);flex:1;overflow-y:auto;max-height:calc(100vh - 200px)}.dialog.fullscreen .dialog-content{max-height:none}.dialog-footer{padding:0 16px 16px 16px;display:flex;justify-content:center;gap:12px}.dialog-footer .cancel-btn,.dialog-footer .confirm-btn{padding:10px 24px;border-radius:6px;font-size:0.9rem;cursor:pointer;transition:all 0.3s linear}.dialog-footer .cancel-btn{border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));background-color:var(--emw--color-background, #fff);color:var(--emw--color-typography, #000)}.dialog-footer .cancel-btn:hover{background-color:var(--emw--color-background-tertiary, #ccc)}.dialog-footer .confirm-btn{border:none;color:var(--emw--color-gray-400, #fff);background:var(--emw--color-primary, #009993)}.dialog-footer .confirm-btn:hover{background:var(--emw--color-primary-variant, #004d4a)}@media screen and (max-width: 480px){.dialog.fullscreen .dialog-content{padding:12px}}.Loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.Loading svg{animation:spin 1s linear infinite;transform-origin:center}@keyframes spin{100%{transform:rotate(360deg)}}";
459
460
  const LotteryTippingDialogStyle0 = lotteryTippingDialogCss;
460
461
 
461
462
  const LotteryTippingDialog = class {
@@ -9815,7 +9816,7 @@ const getTranslations$2 = (data) => {
9815
9816
  });
9816
9817
  };
9817
9818
 
9818
- const lotteryTippingFilterCss = ".lottery-tipping-filter .operate-btns{display:flex;gap:10px}.lottery-tipping-filter .operate-btns .operate-btn{background:var(--emw--color-primary, #fed275);border:1px solid var(--emw--color-primary, #fed275);border-radius:16px;padding:8px 10px;font-size:14px;color:var(--emw--color-typography, #000);font-weight:600;cursor:pointer;transition:0.2s linear}.dialog-content{display:flex;flex-direction:column;align-items:center}.dialog-content .filter-item{margin-bottom:12px}.dialog-content .filter-item-label{text-align:center}.dialog-content .filter-item-val{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media screen and (max-width: 480px){.lottery-tipping-filter .operate-btns{gap:4px}}.general-multi-select-container{width:var(--vaadin-field-default-width, 16em)}";
9819
+ const lotteryTippingFilterCss = ".lottery-tipping-filter .operate-btns{display:flex;gap:10px}.lottery-tipping-filter .operate-btns .operate-btn{background:var(--emw--color-primary, #fed275);border:1px solid var(--emw--color-primary, #fed275);border-radius:16px;padding:8px 10px;font-size:14px;color:var(--emw--color-typography, #000);font-weight:600;cursor:pointer;transition:0.2s linear}.dialog-content{display:flex;flex-direction:column;align-items:center}.dialog-content .filter-item{margin-bottom:12px}.dialog-content .filter-item-label{text-align:center;color:var(--emw--color-typography, #000)}.dialog-content .filter-item-val{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@media screen and (max-width: 480px){.lottery-tipping-filter .operate-btns{gap:4px}}.general-multi-select-container{width:var(--vaadin-field-default-width, 16em)}";
9819
9820
  const LotteryTippingFilterStyle0 = lotteryTippingFilterCss;
9820
9821
 
9821
9822
  const LotteryTippingFilter = class {
@@ -9966,7 +9967,7 @@ const LotteryTippingFilter = class {
9966
9967
  };
9967
9968
  LotteryTippingFilter.style = LotteryTippingFilterStyle0;
9968
9969
 
9969
- const generateUUID$1 = () => {
9970
+ const generateUUID$2 = () => {
9970
9971
  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
9971
9972
  var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
9972
9973
  return v.toString(16);
@@ -9974,7 +9975,7 @@ const generateUUID$1 = () => {
9974
9975
  };
9975
9976
  function fetchRequest$1(url, method = 'GET', body = null, headers = {}) {
9976
9977
  return new Promise((resolve, reject) => {
9977
- const uuid = generateUUID$1();
9978
+ const uuid = generateUUID$2();
9978
9979
  const headersOrigin = Object.assign({ 'Content-Type': 'application/json' }, headers);
9979
9980
  if (method !== 'GET' && method !== 'HEAD') {
9980
9981
  headersOrigin['X-Idempotency-Key'] = uuid;
@@ -9993,7 +9994,7 @@ function fetchRequest$1(url, method = 'GET', body = null, headers = {}) {
9993
9994
  fetch(url, options)
9994
9995
  .then((response) => {
9995
9996
  if (!response.ok) {
9996
- throw new Error(`HTTP error! Status: ${response.status}`);
9997
+ return reject(response);
9997
9998
  }
9998
9999
  return response.json();
9999
10000
  })
@@ -10126,7 +10127,7 @@ const showNotification$2 = ({ message, theme = 'success' }) => {
10126
10127
  });
10127
10128
  };
10128
10129
 
10129
- const lotteryTippingPaginationCss = ".paginator{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}button{padding:4px 8px;font-size:14px;background:var(--emw--color-background, #fff);border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));border-radius:var(--emw--border-radius-small, 4px);cursor:pointer;min-width:28px;transition:all 0.2s ease}button.active{color:#333;background:var(--emw--color-primary, #fed275);border-color:var(--emw--color-primary, #fed275);font-weight:bold}button:not(.arrow-btn):hover{background:var(--emw--color-secondary, #fff3b9);border-color:var(--emw--color-secondary, #fff3b9)}button:disabled{cursor:not-allowed;border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));user-select:none}.ellipsis{font-weight:bold;color:var(--emw--color-typography, #000);border:none}select{padding:4px 8px;border-radius:4px;border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));font-size:14px}.jump-box{display:flex;align-items:center;gap:4px;margin-left:8px}.jump-box input{width:50px;padding:2px 6px;font-size:14px;border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));border-radius:4px;text-align:center}.total-num{user-select:none;font-size:14px;color:var(--emw--color-typography, #333)}";
10130
+ const lotteryTippingPaginationCss = ".paginator{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.paginator .page{color:var(--emw--color-typography, #000)}button{padding:4px 8px;font-size:14px;background:var(--emw--color-background, #fff);border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));border-radius:var(--emw--border-radius-small, 4px);cursor:pointer;min-width:28px;transition:all 0.2s ease}.arrow-btn{color:var(--emw--color-typography, #000)}button.active{color:#333;background:var(--emw--color-primary, #fed275);border-color:var(--emw--color-primary, #fed275);font-weight:bold}button:not(.arrow-btn):hover{background:var(--emw--color-secondary, #fff3b9);border-color:var(--emw--color-secondary, #fff3b9)}button:disabled{cursor:not-allowed;border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));user-select:none}.ellipsis{font-weight:bold;color:var(--emw--color-typography, #000);border:none}select{padding:4px 8px;border-radius:4px;border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));font-size:14px}.jump-box{display:flex;align-items:center;gap:4px;margin-left:8px;color:var(--emw--color-typography, #000)}.jump-box input{width:50px;padding:2px 6px;font-size:14px;border:var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));border-radius:4px;text-align:center}.total-num{user-select:none;font-size:14px;color:var(--emw--color-typography, #333)}";
10130
10131
  const LotteryTippingPaginationStyle0 = lotteryTippingPaginationCss;
10131
10132
 
10132
10133
  const LotteryTippingPagination = class {
@@ -10270,10 +10271,6 @@ const DeleteOutlined$1 = DeleteOutlined;
10270
10271
  var DownOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z" } }] }, "name": "down", "theme": "outlined" };
10271
10272
  const DownOutlined$1 = DownOutlined;
10272
10273
 
10273
- // This icon file is generated automatically.
10274
- var EllipsisOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z" } }] }, "name": "ellipsis", "theme": "outlined" };
10275
- const EllipsisOutlined$1 = EllipsisOutlined;
10276
-
10277
10274
  // This icon file is generated automatically.
10278
10275
  var InfoCircleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z" } }] }, "name": "info-circle", "theme": "outlined" };
10279
10276
  const InfoCircleOutlined$1 = InfoCircleOutlined;
@@ -10397,6 +10394,9 @@ const DEFAULT_LANGUAGE$2 = 'en';
10397
10394
  const SUPPORTED_LANGUAGES$2 = ['ro', 'en', 'fr', 'ar', 'hr'];
10398
10395
  const TRANSLATIONS$2 = {
10399
10396
  en: {
10397
+ stop: 'Stop',
10398
+ at: 'at',
10399
+ turnover: 'Turnover: ',
10400
10400
  selectionCleared: 'Your selection will be cleared.',
10401
10401
  ticketSubmitted: 'Ticket submitted successfully.',
10402
10402
  ticketFailed: 'Failed to purchase the ticket. Please try again.',
@@ -10521,7 +10521,7 @@ const formatDate$1 = ({ date, type = 'date', format: format$1 }) => {
10521
10521
  return '';
10522
10522
  }
10523
10523
  };
10524
- const generateUUID = () => {
10524
+ const generateUUID$1 = () => {
10525
10525
  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
10526
10526
  var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
10527
10527
  return v.toString(16);
@@ -10529,7 +10529,7 @@ const generateUUID = () => {
10529
10529
  };
10530
10530
  function fetchRequest(url, method = 'GET', body = null, headers = {}) {
10531
10531
  return new Promise((resolve, reject) => {
10532
- const uuid = generateUUID();
10532
+ const uuid = generateUUID$1();
10533
10533
  const headersOrigin = Object.assign({ 'Content-Type': 'application/json' }, headers);
10534
10534
  if (method !== 'GET' && method !== 'HEAD') {
10535
10535
  headersOrigin['X-Idempotency-Key'] = uuid;
@@ -10571,7 +10571,6 @@ const thousandSeparator = (value) => {
10571
10571
  parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
10572
10572
  return parts.join('.');
10573
10573
  };
10574
- const TICKET_INVALID_TOKEN = 'TICKET_INVALID_TOKEN';
10575
10574
  // format results to winning numbers
10576
10575
  const formatResultsToWinningNumbers = (rawResults) => {
10577
10576
  const formatMatchCheckRes = (matchRes) => matchRes.map((bulletItem) => (bulletItem.isSelected ? 1 : 0));
@@ -10591,27 +10590,6 @@ const formatResultsToWinningNumbers = (rawResults) => {
10591
10590
  }
10592
10591
  return result;
10593
10592
  };
10594
- const doSubmitTicket = ({ body, sessionId, url }) => {
10595
- const options = {
10596
- method: 'POST',
10597
- headers: {
10598
- 'Content-Type': 'application/json',
10599
- Accept: 'application/json',
10600
- Authorization: `Bearer ${sessionId}`,
10601
- 'X-Idempotency-Key': generateUUID()
10602
- },
10603
- body: JSON.stringify(body)
10604
- };
10605
- return fetch(url, options).then((res) => {
10606
- if (res.status === 401) {
10607
- throw new Error(TICKET_INVALID_TOKEN);
10608
- }
10609
- if (res.status > 300) {
10610
- throw new Error(res.statusText);
10611
- }
10612
- return res.json();
10613
- });
10614
- };
10615
10593
  // BettingTypes, playModes and playTypes
10616
10594
  const getEnableOptions = (raw = []) => raw.filter((i) => i.enabled);
10617
10595
  // the first one in bet type config that enabled = true, will be default choice
@@ -10649,7 +10627,8 @@ const SUPPORTED_LANGUAGES$1 = ['ro', 'en', 'fr', 'ar', 'hr'];
10649
10627
  const TRANSLATIONS$1 = {
10650
10628
  en: {
10651
10629
  stop: 'Stop',
10652
- at: 'at'
10630
+ at: 'at',
10631
+ turnover: 'Turnover: '
10653
10632
  },
10654
10633
  ro: {
10655
10634
  stop: 'Oprește',
@@ -10687,6 +10666,7 @@ const LotteryTippingTicketBanner = class {
10687
10666
  this.logoUrl = undefined;
10688
10667
  this.stopTime = '';
10689
10668
  this.period = undefined;
10669
+ this.formattedTurnover = undefined;
10690
10670
  }
10691
10671
  get formattedStopTime() {
10692
10672
  let _temp = '';
@@ -10741,7 +10721,7 @@ const LotteryTippingTicketBanner = class {
10741
10721
  this.stylingSubscription && this.stylingSubscription.unsubscribe();
10742
10722
  }
10743
10723
  render() {
10744
- return (index.h("div", { key: '8b8b9d66021090e8a4f566e11908341fb6a65bad', ref: (el) => (this.stylingContainer = el), class: "lottery-tipping-ticket-banner__container" }, index.h("section", { key: '37d23ad6aca6c4a02283a78e6011d0c6e4f81dff', class: "banner" }, index.h("div", { key: '919a9f7535468d5d75fa21e5c48c56c6c994aea7', class: "left" }, this.logoUrl && index.h("img", { key: '1d8e9f3e9ed7eaec36b604401c0a4045d735c209', alt: "Betting", src: this.logoUrl, class: "logo" })), index.h("div", { key: '3cdc189bcab34d964e6a17339c60e449ba4883d7', class: "mid period" }, this.formattedPeriod), index.h("div", { key: '526f90497ed8a14ba03d04cffbbe7c263b0bd23c', class: "right" }, index.h("span", { key: '00676d5b0fae7ad7b4d2cf549572ae7b3d3091c1', class: "pill" }, index.h("strong", { key: 'dde2bac5a9316cf97d34a19a433e6bcb74d50750' }, translate$1('stop', this.language)), "\u00A0", translate$1('at', this.language), "\u00A0", this.formattedStopTime)))));
10724
+ return (index.h("div", { key: 'e9286d0a6a9433698703b9c04d6d50892a7b3168', ref: (el) => (this.stylingContainer = el), class: "lottery-tipping-ticket-banner__container" }, index.h("section", { key: 'd787e64156f76cf6d12bd552513971301534860c', class: "banner" }, index.h("div", { key: '027baf0c88733d1430801c96b5b338f79f92f22c', class: "left" }, this.logoUrl && index.h("img", { key: '7b41d5635a2121ccf394aca19de48e10e9a93357', alt: "Betting", src: this.logoUrl, class: "logo" })), index.h("div", { key: '73e6c3ffa336b020a3819a72b71117b8084381b1', class: "mid period" }, this.formattedPeriod), index.h("div", { key: '922ae894814157f68aa8f0774c8aa5ca06e1e7cd', class: "right" }, index.h("span", { key: 'efaf79b1ff5617f2ba92cfef464232041cd87fbf', class: "pill" }, index.h("strong", { key: 'c842562b15a13407038933da9d1cc7c6fafa0b76' }, translate$1('stop', this.language)), "\u00A0", translate$1('at', this.language), "\u00A0", this.formattedStopTime), index.h("span", { key: '3e79a5ec17cbcf0896d58196286fa0b637988f69', class: "pill" }, index.h("strong", { key: '1158b00abffb1c6bf04e9eec10b4c996d04f118e' }, translate$1('turnover', this.language)), "\u00A0", this.formattedTurnover)))));
10745
10725
  }
10746
10726
  static get assetsDirs() { return ["../static"]; }
10747
10727
  static get watchers() { return {
@@ -11032,11 +11012,7 @@ const LotteryTippingTicketBet = class {
11032
11012
  .then((data) => {
11033
11013
  this.ticketDataSource = data || [];
11034
11014
  this.isLoading = false;
11035
- if (this.parsedDefaultBulletConfigLineGroup && this.parsedDefaultBulletConfigLineGroup.length > 0)
11036
- this.bulletConfigLineGroup = this.parsedDefaultBulletConfigLineGroup;
11037
- else {
11038
- this._resetBulletConfig();
11039
- }
11015
+ this.updateBulletConfigLineGroup();
11040
11016
  })
11041
11017
  .catch((err) => {
11042
11018
  this.isLoading = false;
@@ -11044,6 +11020,13 @@ const LotteryTippingTicketBet = class {
11044
11020
  console.error('Error!', err);
11045
11021
  });
11046
11022
  }
11023
+ updateBulletConfigLineGroup() {
11024
+ if (this.parsedDefaultBulletConfigLineGroup && this.parsedDefaultBulletConfigLineGroup.length > 0)
11025
+ this.bulletConfigLineGroup = this.parsedDefaultBulletConfigLineGroup;
11026
+ else {
11027
+ this._resetBulletConfig();
11028
+ }
11029
+ }
11047
11030
  connectedCallback() {
11048
11031
  this.fetchMatchData();
11049
11032
  }
@@ -11211,6 +11194,7 @@ const LotteryTippingTicketBet = class {
11211
11194
  "gameId": ["fetchMatchData"],
11212
11195
  "sessionId": ["fetchMatchData"],
11213
11196
  "drawId": ["fetchMatchData"],
11197
+ "defaultBulletConfigLineGroup": ["fetchMatchData"],
11214
11198
  "currentPage": ["handleCurrentPageChange"]
11215
11199
  }; }
11216
11200
  };
@@ -11228,16 +11212,52 @@ var BettingTypeEnum;
11228
11212
  BettingTypeEnum["Both"] = "Both";
11229
11213
  })(BettingTypeEnum || (BettingTypeEnum = {}));
11230
11214
 
11215
+ const TICKET_INVALID_TOKEN = 'TICKET_INVALID_TOKEN';
11216
+ const generateUUID = () => {
11217
+ return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
11218
+ var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
11219
+ return v.toString(16);
11220
+ });
11221
+ };
11222
+ const doSubmitTicket = ({ body, sessionId, url }) => {
11223
+ const options = {
11224
+ method: 'POST',
11225
+ headers: {
11226
+ 'Content-Type': 'application/json',
11227
+ Accept: 'application/json',
11228
+ Authorization: `Bearer ${sessionId}`,
11229
+ 'X-Idempotency-Key': generateUUID()
11230
+ },
11231
+ body: JSON.stringify(body)
11232
+ };
11233
+ return fetch(url, options).then((res) => {
11234
+ if (res.status === 401) {
11235
+ throw new Error(TICKET_INVALID_TOKEN);
11236
+ }
11237
+ if (res.status > 300) {
11238
+ throw new Error(res.statusText);
11239
+ }
11240
+ return res.json();
11241
+ });
11242
+ };
11243
+ async function fetchSaleStatistics({ endpoint, gameId, drawId }) {
11244
+ try {
11245
+ const res = await fetchRequest(`${endpoint}/api/v1/lottery/core/widget/games/${gameId}/draws/${drawId}/saleStatistics`);
11246
+ return res;
11247
+ }
11248
+ catch (error) {
11249
+ return Promise.reject(error);
11250
+ }
11251
+ }
11252
+
11231
11253
  const lotteryTippingTicketControllerCss = ".lottery-tipping-ticket-controller__container {\n display: block;\n box-sizing: border-box;\n font-size: 14px;\n container-type: inline-size;\n background: var(--emw--color-background, #fff);\n}\n@container (max-width: 375px) {\n .lottery-tipping-ticket-controller__container {\n font-size: 12px;\n }\n}\n\n.LotteryTippingTicketController__top {\n padding: 1.8rem;\n display: flex;\n flex-direction: column;\n gap: 2rem;\n margin: 0 auto;\n max-width: 800px;\n}\n.LotteryTippingTicketController__row {\n display: flex;\n align-items: center;\n gap: 1rem;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n.LotteryTippingTicketController__section {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n.LotteryTippingTicketController__label {\n font-weight: 500;\n white-space: nowrap;\n width: 6rem;\n color: var(--emw--color-typography-secondary, #333);\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, #ffffff);\n color: var(--emw--color-typography, #000);\n font-weight: 600;\n}\n.LotteryTippingTicketController__segment--disabled:hover {\n cursor: not-allowed !important;\n}\n.LotteryTippingTicketController__segment:not(.LotteryTippingTicketController__segment--active):hover {\n background-color: var(--emw--color-background-tertiary, #ccc);\n}\n\n.flex {\n display: flex;\n}\n\n.flex-wrap {\n flex-wrap: wrap;\n}\n\n.align-center {\n align-items: center;\n}\n\n.gap-1 {\n gap: 4px;\n}\n\n.LotteryTippingTicketController__main {\n align-items: flex-start;\n justify-content: center;\n gap: 2rem;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n flex-wrap: wrap;\n}\n.LotteryTippingTicketController__main--left {\n border: 1px solid var(--emw--color-gray-50, #f5f5f5);\n padding: 1rem;\n border-radius: 1rem;\n flex: 1.5;\n}\n.LotteryTippingTicketController__main--right {\n padding: 1rem;\n border-radius: 1rem;\n flex: 1;\n}\n\n.order-summary {\n max-width: 360px;\n width: 100%;\n background: var(--emw--color-background, #fff);\n}\n\n.order-summary__title {\n margin-bottom: 16px;\n text-align: center;\n color: var(--emw--color-typography, #000);\n text-transform: uppercase;\n}\n\n.order-summary__ticket-info {\n display: flex;\n align-items: center;\n margin-bottom: 16px;\n gap: 10px;\n color: var(--emw--color-typography, #000);\n}\n\n.order-summary__ticket {\n font-weight: 500;\n width: 50px;\n text-align: right;\n color: var(--emw--color-typography, #000);\n}\n\n.order-summary__details {\n display: flex;\n align-items: center;\n color: var(--emw--color-typography, #000);\n}\n\n.order-summary__multiplier {\n color: var(--emw--color-typography-secondary, #333);\n margin: 0 8px;\n}\n\n.order-summary__divider {\n border: none;\n border-top: 1px solid var(--emw--color-gray-100, #e6e6e6);\n margin: 20px 0;\n}\n\n.order-summary__button-wrapper {\n display: flex;\n justify-content: center;\n}\n\n.order-summary__button {\n cursor: pointer;\n padding: 0.8rem 4rem;\n background: var(--emw--color-primary, #fed275);\n color: var(--emw--color-typography, #000);\n border-radius: var(--emw--button-border-radius, 4px);\n border: none;\n position: relative;\n}\n\n.loading-icon {\n position: absolute;\n right: 40px;\n top: 10px;\n}\n\n.order-summary__button:not(.order-summary__button--disabled):not(.order-summary__button--loading):hover {\n transform: translateY(-1px);\n background: var(--emw--color-primary-variant, #ffe66f);\n}\n\n.order-summary__button--loading {\n background: var(--emw--color-primary-variant, #ffe66f);\n cursor: not-allowed;\n}\n\n.order-summary__button--disabled {\n background: var(--emw--color-background-secondary, #f5f5f5);\n color: var(--emw--color-typography, #000);\n cursor: not-allowed;\n}\n\n.skeleton-content {\n display: flex;\n flex-direction: column;\n gap: 29px;\n align-items: center;\n}\n\n.skeleton-item {\n background: var(--emw--color-background-secondary, #f5f5f5);\n border-radius: 4px;\n height: 40px;\n width: 200px;\n}\n\n.skeleton-animated {\n animation: skeleton-shimmer 1.5s infinite linear;\n background: linear-gradient(90deg, var(--emw--color-background-secondary, #f5f5f5) 25%, var(--emw--color-background-tertiary, #ccc) 37%, var(--emw--color-background-secondary, #f5f5f5) 63%);\n background-size: 200% 100%;\n}\n\n@keyframes skeleton-shimmer {\n to {\n background-position: 100% 0;\n }\n}\n.loading-icon.scale {\n animation: scale 1s infinite ease-in-out;\n}\n\n@keyframes scale {\n 0%, 100% {\n transform: scale(1);\n }\n 50% {\n transform: scale(1.2);\n }\n}";
11232
11254
  const LotteryTippingTicketControllerStyle0 = lotteryTippingTicketControllerCss;
11233
11255
 
11234
- const loadingImagePath = renderIconDefinitionToSVGElement(EllipsisOutlined$1, {
11235
- extraSVGAttrs: { height: '20px', width: '20px', fill: 'currentColor' }
11236
- });
11237
11256
  const LotteryTippingTicketController = class {
11238
11257
  constructor(hostRef) {
11239
11258
  index.registerInstance(this, hostRef);
11240
11259
  this.logoutEventHandler = index.createEvent(this, "logout", 7);
11260
+ this.bothBettingTypeMultiplier = 2;
11241
11261
  this.mbSource = undefined;
11242
11262
  this.clientStyling = undefined;
11243
11263
  this.clientStylingUrl = undefined;
@@ -11245,6 +11265,7 @@ const LotteryTippingTicketController = class {
11245
11265
  this.language = 'en';
11246
11266
  this.logoUrl = undefined;
11247
11267
  this.endpoint = '';
11268
+ this.endpointLotteryBe = '';
11248
11269
  this.endpointTicket = undefined;
11249
11270
  this.sessionId = undefined;
11250
11271
  this.gameId = undefined;
@@ -11260,6 +11281,7 @@ const LotteryTippingTicketController = class {
11260
11281
  this.totalLineCombination = 0;
11261
11282
  this.submitLoading = undefined;
11262
11283
  this.rawData = {};
11284
+ this.saleStatisticsInfo = {};
11263
11285
  this.dialogConfig = { visible: false };
11264
11286
  }
11265
11287
  async getLotteryTippingBulletResults() {
@@ -11358,12 +11380,14 @@ const LotteryTippingTicketController = class {
11358
11380
  return 0;
11359
11381
  }
11360
11382
  let totalAmount = stake.value * this.totalLineCombination;
11383
+ if (this.isBothBettingType)
11384
+ totalAmount = this.bothBettingTypeMultiplier * totalAmount;
11361
11385
  return totalAmount;
11362
11386
  }
11363
11387
  get totalAmountFormatted() {
11364
11388
  var _a;
11365
11389
  const totalAmount = this.calculateTotalAmount();
11366
- return thousandSeparator(totalAmount) + ' ' + ((_a = this.currentStake) === null || _a === void 0 ? void 0 : _a.currency) || '';
11390
+ return thousandSeparator(totalAmount) + ' ' + (((_a = this.currentStake) === null || _a === void 0 ? void 0 : _a.currency) || '');
11367
11391
  }
11368
11392
  get currentStakeFormatted() {
11369
11393
  const { value = '', currency = '' } = this.currentStake || {};
@@ -11443,6 +11467,7 @@ const LotteryTippingTicketController = class {
11443
11467
  });
11444
11468
  this.handleBettingTypeChange(bettingType);
11445
11469
  this.selectedPlayingMode = playMode;
11470
+ return this.updateSaleStatistics();
11446
11471
  })
11447
11472
  .catch((err) => {
11448
11473
  console.error('Error!', err);
@@ -11453,6 +11478,16 @@ const LotteryTippingTicketController = class {
11453
11478
  };
11454
11479
  fetchData();
11455
11480
  }
11481
+ updateSaleStatistics() {
11482
+ var _a;
11483
+ return fetchSaleStatistics({
11484
+ endpoint: this.endpointLotteryBe,
11485
+ gameId: (_a = this.rawData) === null || _a === void 0 ? void 0 : _a.type,
11486
+ drawId: this.drawId
11487
+ }).then((res) => {
11488
+ this.saleStatisticsInfo = res;
11489
+ });
11490
+ }
11456
11491
  async handleSubmit() {
11457
11492
  const rawResults = await this.getLotteryTippingBulletResults();
11458
11493
  const { betTypeId, betType } = getPlayTypeConfig({
@@ -11494,6 +11529,7 @@ const LotteryTippingTicketController = class {
11494
11529
  .then(() => {
11495
11530
  showNotification$1({ message: translate$2('ticketSubmitted', this.language) });
11496
11531
  this.clearBulletConfig();
11532
+ this.updateSaleStatistics();
11497
11533
  })
11498
11534
  .catch((res) => {
11499
11535
  if (res.message === TICKET_INVALID_TOKEN) {
@@ -11527,15 +11563,19 @@ const LotteryTippingTicketController = class {
11527
11563
  return (index.h("div", { class: "LotteryTippingTicketController__top" }, index.h("div", { class: "LotteryTippingTicketController__row" }, index.h("div", { class: "LotteryTippingTicketController__section" }, index.h("span", { class: "LotteryTippingTicketController__label" }, translate$2('bettingType', this.language)), !!this.bettingTypeOptions.length ? renderBettingTypeOptions() : renderSkeleton()), index.h("div", { class: "LotteryTippingTicketController__section" }, index.h("span", { class: "LotteryTippingTicketController__label" }, translate$2('playingMode', this.language)), !!this.playingModeOptions.length ? renderPlayingModeOptions() : renderSkeleton()))));
11528
11564
  }
11529
11565
  renderOrderSummary() {
11530
- return (index.h("div", { class: "LotteryTippingTicketController__main--right order-summary" }, index.h("h3", { class: "order-summary__title" }, translate$2('orderSummaryTitle', this.language)), index.h("div", { class: "order-summary__ticket-info" }, index.h("div", { class: "order-summary__ticket" }, translate$2('orderSummaryTickets', this.language), ":"), index.h("div", { class: "order-summary__details" }, index.h("span", { class: "order-summary__line-count" }, this.lineCountRender), index.h("div", null, this.currentStake && index.h("span", { class: "order-summary__multiplier" }, "x"), index.h("span", { class: "order-summary__stake" }, this.currentStakeFormatted)), this.isBothBettingType && (index.h("div", null, index.h("span", { class: "order-summary__multiplier" }, "x"), index.h("span", { class: "order-summary__stake" }, "2"))))), index.h("hr", { class: "order-summary__divider" }), index.h("div", { class: "order-summary__ticket-info" }, index.h("div", { class: "order-summary__ticket" }, translate$2('orderSummaryTotal', this.language), ":"), index.h("span", { class: "order-summary__details" }, this.totalAmountFormatted)), index.h("div", { class: "order-summary__button-wrapper" }, index.h("button", { class: {
11531
- 'order-summary__button': true,
11532
- 'order-summary__button--disabled': !this.hasSelectAllBullet,
11533
- 'order-summary__button--loading': this.submitLoading
11534
- }, onClick: this.handleSubmit.bind(this), disabled: !this.hasSelectAllBullet || this.submitLoading }, index.h("span", { class: "order-summary__button--text" }, translate$2('orderSummarySubmit', this.language)), this.submitLoading && index.h("span", { class: "loading-icon scale", innerHTML: loadingImagePath })))));
11566
+ return (index.h("div", { class: "LotteryTippingTicketController__main--right order-summary" }, index.h("h3", { class: "order-summary__title" }, translate$2('orderSummaryTitle', this.language)), index.h("div", { class: "order-summary__ticket-info" }, index.h("div", { class: "order-summary__ticket" }, translate$2('orderSummaryTickets', this.language), ":"), index.h("div", { class: "order-summary__details" }, index.h("span", { class: "order-summary__line-count" }, this.lineCountRender), index.h("div", null, this.currentStake && index.h("span", { class: "order-summary__multiplier" }, "x"), index.h("span", { class: "order-summary__stake" }, this.currentStakeFormatted)), this.isBothBettingType && (index.h("div", null, index.h("span", { class: "order-summary__multiplier" }, "x"), index.h("span", { class: "order-summary__stake" }, this.bothBettingTypeMultiplier))))), index.h("hr", { class: "order-summary__divider" }), index.h("div", { class: "order-summary__ticket-info" }, index.h("div", { class: "order-summary__ticket" }, translate$2('orderSummaryTotal', this.language), ":"), index.h("span", { class: "order-summary__details" }, this.totalAmountFormatted)), index.h("div", { class: "order-summary__button-wrapper" }, index.h("lottery-button", { onClick: this.handleSubmit.bind(this), loading: this.submitLoading, disabled: !this.hasSelectAllBullet || this.submitLoading, text: translate$2('orderSummarySubmit', this.language) }))));
11567
+ }
11568
+ get formattedTurnover() {
11569
+ var _a, _b;
11570
+ const turnover = (_b = (_a = this.saleStatisticsInfo) === null || _a === void 0 ? void 0 : _a.wagerSegment) === null || _b === void 0 ? void 0 : _b.totalSalesCrossDraw;
11571
+ if (turnover === null || turnover === undefined)
11572
+ return '';
11573
+ const unit = '€';
11574
+ return `${unit}${turnover ? thousandSeparator(turnover) : 0}`;
11535
11575
  }
11536
11576
  render() {
11537
11577
  var _a, _b, _c, _d, _e, _f, _g;
11538
- return (index.h("div", { key: '337388f1cf75297195a88c3728b865e74f613849', class: "lottery-tipping-ticket-controller__container", ref: (el) => (this.stylingContainer = el) }, index.h("lottery-tipping-ticket-banner", { key: '2cd069a119c2a29773d217d0ad40f985fe05fb14', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, stopTime: (_b = (_a = this.rawData) === null || _a === void 0 ? void 0 : _a.currentDraw) === null || _b === void 0 ? void 0 : _b.wagerCloseTime, period: (_d = (_c = this.rawData) === null || _c === void 0 ? void 0 : _c.currentDraw) === null || _d === void 0 ? void 0 : _d.date, language: this.language, "translation-url": this.translationUrl, "logo-url": this.logoUrl }), this.renderBettingControls(), index.h("div", { key: '1ab326849e99b9558d1d6bc94985a4c48d74ab4a', class: "flex flex-wrap LotteryTippingTicketController__main" }, index.h("div", { key: 'abfb225ed18d7325555e2cdebd93348e82ae773e', class: "LotteryTippingTicketController__main--left" }, index.h("lottery-tipping-ticket-bet", { key: '19237e4c08ae390801898dd38796a6622255cd94', ref: (el) => (this.childRef = el), endpoint: this.endpoint, "session-id": this.sessionId, "game-id": (_e = this.rawData) === null || _e === void 0 ? void 0 : _e.type, "draw-id": this.drawId, language: this.language, "translation-url": this.translationUrl, "max-total-pages": this.lineNumberRange.maxLineNumber, "min-total-pages": this.lineNumberRange.minLineNumber, "total-pages": this.lineNumberRange.defaultBoards, mode: this.selectedPlayingMode === PlayModeEnum.SingleBet ? 'single' : 'multi', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl })), this.renderOrderSummary()), this.dialogConfig.visible && (index.h("vaadin-confirm-dialog", { key: 'fa596e199dfc64d23768c739981a4c494c93010c', rejectButtonVisible: true, rejectText: translate$2('cancel', this.language), confirmText: translate$2('confirm', this.language), opened: (_f = this.dialogConfig) === null || _f === void 0 ? void 0 : _f.visible, onConfirm: this.dialogConfig.onConfirm, onReject: this.dialogConfig.onCancel }, (_g = this.dialogConfig) === null || _g === void 0 ? void 0 : _g.content))));
11578
+ return (index.h("div", { key: 'a849624b0fe5fae436bec3e42836d4dc30074539', class: "lottery-tipping-ticket-controller__container", ref: (el) => (this.stylingContainer = el) }, index.h("lottery-tipping-ticket-banner", { key: 'dde87c0980564b39eb882121911125f630994369', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, stopTime: (_b = (_a = this.rawData) === null || _a === void 0 ? void 0 : _a.currentDraw) === null || _b === void 0 ? void 0 : _b.wagerCloseTime, period: (_d = (_c = this.rawData) === null || _c === void 0 ? void 0 : _c.currentDraw) === null || _d === void 0 ? void 0 : _d.date, "formatted-turnover": this.formattedTurnover, language: this.language, "translation-url": this.translationUrl, "logo-url": this.logoUrl }), this.renderBettingControls(), index.h("div", { key: 'b8cfcea8d213bd0275ab9f1a3a164ebcaa629f71', class: "flex flex-wrap LotteryTippingTicketController__main" }, index.h("div", { key: '9fec0554e90804ae4b261d5facc28de4d242524d', class: "LotteryTippingTicketController__main--left" }, index.h("lottery-tipping-ticket-bet", { key: '7d36a1095dba6541b480a989e6b1661b576963bb', ref: (el) => (this.childRef = el), endpoint: this.endpoint, "session-id": this.sessionId, "game-id": (_e = this.rawData) === null || _e === void 0 ? void 0 : _e.type, "draw-id": this.drawId, language: this.language, "translation-url": this.translationUrl, "max-total-pages": this.lineNumberRange.maxLineNumber, "min-total-pages": this.lineNumberRange.minLineNumber, "total-pages": this.lineNumberRange.defaultBoards, mode: this.selectedPlayingMode === PlayModeEnum.SingleBet ? 'single' : 'multi', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl })), this.renderOrderSummary()), this.dialogConfig.visible && (index.h("vaadin-confirm-dialog", { key: 'c7935460a02c65697f30dd3da5e2886cec75f3fb', rejectButtonVisible: true, rejectText: translate$2('cancel', this.language), confirmText: translate$2('confirm', this.language), opened: (_f = this.dialogConfig) === null || _f === void 0 ? void 0 : _f.visible, onConfirm: this.dialogConfig.onConfirm, onReject: this.dialogConfig.onCancel }, (_g = this.dialogConfig) === null || _g === void 0 ? void 0 : _g.content))));
11539
11579
  }
11540
11580
  static get assetsDirs() { return ["../static"]; }
11541
11581
  static get watchers() { return {
@@ -11605,7 +11645,7 @@ const LotteryTippingTicketHistory = class {
11605
11645
  this.ticketHistory = [];
11606
11646
  this.activeStatus = '';
11607
11647
  this.statusOptions = undefined;
11608
- this.isLoading = false;
11648
+ this.isLoading = true;
11609
11649
  this.rawData = {};
11610
11650
  this.filterData = {
11611
11651
  offset: 0,
@@ -11615,6 +11655,7 @@ const LotteryTippingTicketHistory = class {
11615
11655
  to: '',
11616
11656
  wagerType: '',
11617
11657
  vendorGameType: 'PoolGame',
11658
+ vendorGameBettingObject: 'HomeDrawAway',
11618
11659
  id: ''
11619
11660
  };
11620
11661
  this.paginationInfo = {
@@ -11661,7 +11702,6 @@ const LotteryTippingTicketHistory = class {
11661
11702
  async fetchGameData() {
11662
11703
  var _a;
11663
11704
  try {
11664
- this.isLoading = true;
11665
11705
  let url = new URL(`${this.endpoint}/games/${this.gameId}`);
11666
11706
  const res = await fetchRequest$1(url.href, 'GET');
11667
11707
  this.rawData = res;
@@ -11670,7 +11710,6 @@ const LotteryTippingTicketHistory = class {
11670
11710
  showNotification$2({ message: (_a = e.message) !== null && _a !== void 0 ? _a : e, theme: 'error' });
11671
11711
  }
11672
11712
  finally {
11673
- this.isLoading = false;
11674
11713
  }
11675
11714
  }
11676
11715
  connectedCallback() {
@@ -11724,7 +11763,7 @@ const LotteryTippingTicketHistory = class {
11724
11763
  this.isLoading = false;
11725
11764
  }
11726
11765
  }
11727
- async fetchDrwaResult(gameId, drawId) {
11766
+ async fetchDrawResult(gameId, drawId) {
11728
11767
  try {
11729
11768
  const res = await fetchRequest$1(`${this.endpoint}/games/${gameId}/draws/${drawId}`, 'GET', {});
11730
11769
  return res;
@@ -11764,7 +11803,7 @@ const LotteryTippingTicketHistory = class {
11764
11803
  let updatedTicketHistory = [...this.ticketHistory];
11765
11804
  await Promise.all(Array.from(idMapper.values()).map(async ({ gameId, drawId, indices }) => {
11766
11805
  try {
11767
- const drawData = await this.fetchDrwaResult(gameId, drawId);
11806
+ const drawData = await this.fetchDrawResult(gameId, drawId);
11768
11807
  if (drawData) {
11769
11808
  indices.forEach(({ ticketIndex, drawIndex }) => {
11770
11809
  const updatedDrawResult = Object.assign(Object.assign({}, updatedTicketHistory[ticketIndex].drawResults[drawIndex]), { tempDrawData: Object.assign(Object.assign({}, drawData), { vendorGameId: updatedTicketHistory[ticketIndex].vendorGameId }), prizeDetails: this.displayPrizeCategory(updatedTicketHistory[ticketIndex].drawResults[drawIndex].details) });
@@ -11855,6 +11894,7 @@ const LotteryTippingTicketHistory = class {
11855
11894
  to: '',
11856
11895
  wagerType: '',
11857
11896
  vendorGameType: 'PoolGame',
11897
+ vendorGameBettingObject: 'HomeDrawAway',
11858
11898
  id: ''
11859
11899
  };
11860
11900
  this.fetchTicketList();
@@ -11885,15 +11925,15 @@ const LotteryTippingTicketHistory = class {
11885
11925
  return name !== null && name !== void 0 ? name : bettingType;
11886
11926
  }
11887
11927
  render() {
11888
- return (index.h("div", { key: '0a8574ec1ba181a07043ec0451dfca73f8aaaf9d', class: "lottery-tipping-ticket-history", ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: 'f6f0f989a7b4e598e2d9c3d18c83d4f8b4595d84', class: "ticket-history-title" }, translate$3('ticketsHistory', this.language)), index.h("div", { key: 'e80a9d6e39d899fe6a210837853aacfea21a6cb3', class: "filter-wrap" }, index.h("div", { key: 'edeaca1e9062a0b9ef264151113bc6130f358017', class: "filter-status" }, this.statusOptions.map((status) => (index.h("div", { class: 'filter-status-btn' + (this.activeStatus == status.value ? ' active' : ''), onClick: () => this.changeStatus(status.value) }, status.label)))), index.h("div", { key: 'fdae8b8a796d62827530955449baf85152b4bd49', class: "filter-operation" }, index.h("lottery-tipping-filter", { key: '004a977ff4460be8e1fbffd22fb6a742401b6597', "quick-filters-active": this.quickFiltersActive, language: this.language, "translation-url": this.translationUrl }))), this.isLoading && (index.h("div", { key: '4142baea434e611b871f7b8712a8ed03961bf929', class: "loading-wrap" }, index.h("section", { key: 'd412ab2648dc168e76d13957b9d654522d0211e4', class: "dots-container" }, index.h("div", { key: '81cca835dff7b6708354d79ecdb804fd768dfdf5', class: "dot" }), index.h("div", { key: '4fd405a231c5560b014bc9dc34e8847daf197ab1', class: "dot" }), index.h("div", { key: 'b89f42119dc855255ffb27b7d12d525dca40ab20', class: "dot" }), index.h("div", { key: 'c9ce133fe12b41639719558922ab0651ed82f605', class: "dot" }), index.h("div", { key: '8a18cbe9892de938f731045c0d8a01a6f58ab19d', class: "dot" })))), !this.isLoading && (!this.ticketHistory || this.ticketHistory.length == 0) && (index.h("div", { key: 'c806d553da2223941f0e1a28a12f96088e0bd45d', class: "empty-wrap" }, translate$3('noData', this.language))), !this.isLoading && this.ticketHistory && this.ticketHistory.length != 0 && (index.h("div", { key: '4ac929f08ef09e5f18cfcb0424c489f8d513bc9b', class: "ticket-list-wrap" }, this.ticketHistory.map((item) => (index.h("lottery-tipping-panel", { "header-title": format(new Date(item.createdAt), 'dd/MM/yyyy HH:mm:ss') + ' ' + item.state }, index.h("div", { class: "panel-content", slot: "content" }, index.h("div", { class: "ticket-info" }, index.h("div", { class: "ticket-info-item" }, index.h("div", { class: "ticket-info-label" }, translate$3('ticketId', this.language)), index.h("div", { class: "ticket-info-val" }, item.id, " ")), index.h("div", { class: "ticket-info-item" }, index.h("div", { class: "ticket-info-label" }, translate$3('ticketType', this.language)), index.h("div", { class: "ticket-info-val" }, this.ticketTypeMap[item.wagerType], " ")), index.h("div", { class: "ticket-info-item" }, index.h("div", { class: "ticket-info-label" }, translate$3('ticketAmount', this.language)), index.h("div", { class: "ticket-info-val" }, `${item.amount} ${item.currency}`)), index.h("div", { class: "ticket-info-item" }, index.h("div", { class: "ticket-info-label" }, translate$3('lineDetail', this.language)), index.h("div", { class: "ticket-info-val" }, index.h("span", { class: "show-detail-link", onClick: () => this.handleShowTicketLineDetial(item) }, translate$3('seeDetails', this.language)))), index.h("div", { class: "ticket-info-item" }, index.h("div", { class: "ticket-info-label" }, translate$3('numberOfDraw', this.language)), index.h("div", { class: "ticket-info-val" }, item.drawCount))), item.state == 'Settled' &&
11889
- item.drawResults.map((drawResultItem) => (index.h("div", { class: "draw-info-container" }, drawResultItem.tempDrawData ? (index.h("div", { class: "draw-info" }, index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$3('ticketResult', this.language)), index.h("div", { class: "draw-info-val" }, this.resultMap[drawResultItem.state])), index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$3('drawId', this.language)), index.h("div", { class: "draw-info-val" }, drawResultItem.drawId)), index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$3('drawDate', this.language)), index.h("div", { class: "draw-info-val" }, format(new Date(drawResultItem.tempDrawData.date), 'dd/MM/yyyy'))), index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$3('result', this.language)), index.h("div", { class: "draw-info-val" }, index.h("span", { class: "show-detail-link", onClick: () => this.handleShowCurrentDraw(drawResultItem.tempDrawData) }, translate$3('seeDetails', this.language)))), drawResultItem.state === DrawResult.WON && (index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$3('prize', this.language)), index.h("div", { class: "draw-info-val1" }, index.h("div", { style: { height: '20px' } }), drawResultItem.prizeDetails.map((prizeItem) => (index.h("span", null, index.h("div", null, index.h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.prizeName, prizeItem.times > 1 ? ' x ' + prizeItem.times : '', ":", ' '), index.h("span", { style: { 'margin-right': '4px', color: 'rgb(85, 85, 85)' } }, thousandSeperator(prizeItem.amount)), index.h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.currency)))))))))) : (index.h("div", { class: "draw-info-skeleton" }, [...Array(5)].map(() => (index.h("div", { class: "skeleton-line" })))))))))))))), index.h("lottery-tipping-dialog", { key: 'ef4cff5d933545372cef4f6eb4e7dcd1a8f6f111', visible: this.showCurrentTicketLine, width: !isMobile(window.navigator.userAgent) ? '720px' : undefined, fullscreen: isMobile(window.navigator.userAgent), closable: true, showFooter: false, onCancel: () => {
11928
+ return (index.h("div", { key: '482c0231847e34c4778109388a4119311f967a23', class: "lottery-tipping-ticket-history", ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: '23ca773d34a5519bed5a46bdddeb631b7cf1a860', class: "ticket-history-title" }, translate$3('ticketsHistory', this.language)), index.h("div", { key: '490645a92e95d8f9372de8da178d68192dbd9833', class: "filter-wrap" }, index.h("div", { key: 'e6148ecca58e013dbb3cf14c63a775ac7b7bf1e1', class: "filter-status" }, this.statusOptions.map((status) => (index.h("div", { class: 'filter-status-btn' + (this.activeStatus == status.value ? ' active' : ''), onClick: () => this.changeStatus(status.value) }, status.label)))), index.h("div", { key: 'a4b4a6bf6bf4ee1f6ac96d070e166a9c3d9d8685', class: "filter-operation" }, index.h("lottery-tipping-filter", { key: '4840846470dd119ddf612596b5384cacfeaf3712', "quick-filters-active": this.quickFiltersActive, language: this.language, "translation-url": this.translationUrl }))), this.isLoading && (index.h("div", { key: '889098ccaa01cc2ac09a7137877d539cbe3d065e', class: "loading-wrap" }, index.h("section", { key: '8e2dbde5a065631809ce58351970455087ad15f2', class: "dots-container" }, index.h("div", { key: '57091e88a4d804978c82fc7539c8176ed6749c36', class: "dot" }), index.h("div", { key: '5ebfda4acf1a2313a320cebbf50997ea61591aac', class: "dot" }), index.h("div", { key: 'b8bcf4f0c3d56daeb0905fcc30ad2ddd2486d163', class: "dot" }), index.h("div", { key: '66b9f178213463bb7b52942a3ff3e46a179564fc', class: "dot" }), index.h("div", { key: 'a37e51ff17057fc722e45004de2b0af121f7caf4', class: "dot" })))), !this.isLoading && this.paginationInfo.total > 0 && (index.h("div", { key: 'b79011a6606fec6865b9444b6b72a4ee8e6e6eea', class: "ticket-list-wrap" }, this.ticketHistory.map((item) => (index.h("lottery-tipping-panel", { "header-title": format(new Date(item.createdAt), 'dd/MM/yyyy HH:mm:ss') + ' ' + item.state }, index.h("div", { class: "panel-content", slot: "content" }, index.h("div", { class: "ticket-info" }, index.h("div", { class: "ticket-info-item" }, index.h("div", { class: "ticket-info-label" }, translate$3('ticketId', this.language)), index.h("div", { class: "ticket-info-val" }, item.id, " ")), index.h("div", { class: "ticket-info-item" }, index.h("div", { class: "ticket-info-label" }, translate$3('ticketType', this.language)), index.h("div", { class: "ticket-info-val" }, this.ticketTypeMap[item.wagerType], " ")), index.h("div", { class: "ticket-info-item" }, index.h("div", { class: "ticket-info-label" }, translate$3('ticketAmount', this.language)), index.h("div", { class: "ticket-info-val" }, `${item.amount} ${item.currency}`)), index.h("div", { class: "ticket-info-item" }, index.h("div", { class: "ticket-info-label" }, translate$3('lineDetail', this.language)), index.h("div", { class: "ticket-info-val" }, index.h("span", { class: "show-detail-link", onClick: () => this.handleShowTicketLineDetial(item) }, translate$3('seeDetails', this.language)))), index.h("div", { class: "ticket-info-item" }, index.h("div", { class: "ticket-info-label" }, translate$3('numberOfDraw', this.language)), index.h("div", { class: "ticket-info-val" }, item.drawCount))), item.state == 'Settled' &&
11929
+ item.drawResults.map((drawResultItem) => (index.h("div", { class: "draw-info-container" }, drawResultItem.tempDrawData ? (index.h("div", { class: "draw-info" }, index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$3('ticketResult', this.language)), index.h("div", { class: "draw-info-val" }, this.resultMap[drawResultItem.state])), index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$3('drawId', this.language)), index.h("div", { class: "draw-info-val" }, drawResultItem.drawId)), index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$3('drawDate', this.language)), index.h("div", { class: "draw-info-val" }, format(new Date(drawResultItem.tempDrawData.date), 'dd/MM/yyyy'))), index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$3('result', this.language)), index.h("div", { class: "draw-info-val" }, index.h("span", { class: "show-detail-link", onClick: () => this.handleShowCurrentDraw(drawResultItem.tempDrawData) }, translate$3('seeDetails', this.language)))), drawResultItem.state === DrawResult.WON && (index.h("div", { class: "draw-info-item" }, index.h("div", { class: "draw-info-label" }, translate$3('prize', this.language)), index.h("div", { class: "draw-info-val1" }, index.h("div", { style: { height: '20px' } }), drawResultItem.prizeDetails.map((prizeItem) => (index.h("span", null, index.h("div", null, index.h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.prizeName, prizeItem.times > 1 ? ' x ' + prizeItem.times : '', ":", ' '), index.h("span", { style: { 'margin-right': '4px', color: 'rgb(85, 85, 85)' } }, thousandSeperator(prizeItem.amount)), index.h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.currency)))))))))) : (index.h("div", { class: "draw-info-skeleton" }, [...Array(5)].map(() => (index.h("div", { class: "skeleton-line" })))))))))))))), !this.isLoading && this.paginationInfo.total === 0 && (index.h("div", { key: 'ee7a1052955280e5a6ada4c0efc30b9fd0d98fd9', class: "empty-wrap" }, translate$3('noData', this.language))), index.h("lottery-tipping-dialog", { key: 'd9e0305ee9099100ab185744e2aaac73307a7c1e', visible: this.showCurrentTicketLine, width: !isMobile(window.navigator.userAgent) ? '720px' : undefined, fullscreen: isMobile(window.navigator.userAgent), closable: true, showFooter: false, onCancel: () => {
11890
11930
  this.showCurrentTicketLine = false;
11891
- }, language: this.language, "translation-url": this.translationUrl }, this.curSelection && this.curSelection.length && (index.h("div", { key: '817ee1fe2541a4ed62b944b58b7abb1eda7afdbe' }, index.h("div", { key: '68672db719f3cc643d6b17769c0a786b3c931a42', class: "betting-type" }, index.h("div", { key: 'af264555814c9e3262b64722438ecd449f451ceb', class: "betting-type-title" }, translate$3('bettingType', this.language)), index.h("div", { key: '25b9bff20eb5a221bed6d345412dd48964890ae7', class: "betting-type-text" }, this.getBettingTypeName(this.getBettingType(this.curTicketItem.selection[this.curSelectionIdx].betType)))), index.h("lottery-tipping-ticket-bet", { key: '4a01e6f1734e5165b06713d3dbb7484463cc1bf4', endpoint: this.endpoint, "session-id": this.sessionId, "game-id": this.curTicketItem.vendorGameId, "draw-id": this.curTicketItem.startingDrawId, "default-bullet-config-line-group": JSON.stringify(this.curSelection), "read-pretty": true, "total-pages": this.curSelection.length, language: this.language, "translation-url": this.translationUrl })))), index.h("lottery-tipping-dialog", { key: '06fd83f481eb08a4601a96353557a925b1205b66', visible: this.showCurrentDrawResult, width: !isMobile(window.navigator.userAgent) ? '720px' : undefined, fullscreen: isMobile(window.navigator.userAgent), closable: true, showFooter: false, onCancel: () => {
11931
+ }, language: this.language, "translation-url": this.translationUrl }, this.curSelection && this.curSelection.length && this.showCurrentTicketLine && (index.h("div", { key: 'fe67de05d41d4e49d1fd50dbf6ce92c599a37ea7' }, index.h("div", { key: 'c367ac116ad9ea927291881f5ff136840ccb4081', class: "betting-type" }, index.h("div", { key: '021e57f03a8c96a78dbcb5843186170fe1d0a53d', class: "betting-type-title" }, translate$3('bettingType', this.language)), index.h("div", { key: 'ea1fec0f472ab8187f09db90fc164ec0fa0c294d', class: "betting-type-text" }, this.getBettingTypeName(this.getBettingType(this.curTicketItem.selection[this.curSelectionIdx].betType)))), index.h("lottery-tipping-ticket-bet", { key: '8ee7e277f0a31c6d2e7e3206eef4ecb00563117f', endpoint: this.endpoint, "session-id": this.sessionId, "game-id": this.curTicketItem.vendorGameId, "draw-id": this.curTicketItem.startingDrawId, "default-bullet-config-line-group": JSON.stringify(this.curSelection), "read-pretty": true, "total-pages": this.curSelection.length, language: this.language, "translation-url": this.translationUrl })))), index.h("lottery-tipping-dialog", { key: 'b35fe7a03de9f0613f40a6728fb9b517ee7720ff', visible: this.showCurrentDrawResult, width: !isMobile(window.navigator.userAgent) ? '720px' : undefined, fullscreen: isMobile(window.navigator.userAgent), closable: true, showFooter: false, onCancel: () => {
11892
11932
  this.showCurrentDrawResult = false;
11893
- }, language: this.language, "translation-url": this.translationUrl }, this.curDrawSelection && this.curDrawSelection.length && (index.h("div", { key: 'c9161334967e9e5abaae4a3d1df922ee7d8d7945' }, index.h("div", { key: 'c7a3ac60084056b899a2b59a6205cddbc8d4e7fc', class: "betting-type" }, index.h("div", { key: '97aa9e8c9048bb57f70d4230f29f8fde3aa4454a', class: "betting-type-title" }, translate$3('bettingType', this.language)), index.h("div", { key: '64332b20eabf75e9273bb6f16c16436e90b28346', class: "betting-type-text" }, index.h("div", { key: 'cbd1ec9e723c6a369a98141077e4648d802c76ad', class: "LotteryTippingTicketController__segmented-control" }, Object.keys(this.curDrawSelectionMap).map((bettingType) => (index.h("button", { class: {
11933
+ }, language: this.language, "translation-url": this.translationUrl }, this.curDrawSelection && this.curDrawSelection.length && this.showCurrentDrawResult && (index.h("div", { key: 'c0c43e4d4aa54c55b2f69fa254d78b02ebbf3d58' }, index.h("div", { key: 'f6f7971515335c61aa3ef179aafc4936a3445b72', class: "betting-type" }, index.h("div", { key: 'ed535b79ad7db63ca771b063eb30c5d2b89942e5', class: "betting-type-title" }, translate$3('bettingType', this.language)), index.h("div", { key: 'f017fe599cf209fa9a55e691b5943188e6a708ec', class: "betting-type-text" }, index.h("div", { key: 'cc9db96d2def2c0de5aa9b1e8b2075adbf40f728', class: "LotteryTippingTicketController__segmented-control" }, Object.keys(this.curDrawSelectionMap).map((bettingType) => (index.h("button", { class: {
11894
11934
  LotteryTippingTicketController__segment: true,
11895
11935
  'LotteryTippingTicketController__segment--active': this.curDrawSelectionBettingType === bettingType
11896
- }, onClick: () => this.handleDrawBettingTypeChange(bettingType) }, this.getBettingTypeName(bettingType))))))), index.h("lottery-tipping-ticket-bet", { key: '8b352410c87858e5629a5524e70134ccc2e1b116', endpoint: this.endpoint, "session-id": this.sessionId, "game-id": this.curDrawItem.vendorGameId, "draw-id": this.curDrawItem.id, "default-bullet-config-line-group": JSON.stringify(this.curDrawSelection), "read-pretty": true, "total-pages": this.curDrawSelection.length, language: this.language, "translation-url": this.translationUrl })))), index.h("div", { key: 'e730c86100cb47c4c63051174cd9b33dbb8e6ce4', class: "pagination-wrap" }, index.h("lottery-tipping-pagination", { key: 'dce4d6e9a18e783339d0ff545d1bd47bf1b2a33d', total: this.paginationInfo.total, current: this.paginationInfo.current, "page-size": this.paginationInfo.pageSize, language: this.language, "translation-url": this.translationUrl }))));
11936
+ }, onClick: () => this.handleDrawBettingTypeChange(bettingType) }, this.getBettingTypeName(bettingType))))))), index.h("lottery-tipping-ticket-bet", { key: 'da2bd7b45abeb7c610c712c459ecacebafe7aa03', endpoint: this.endpoint, "session-id": this.sessionId, "game-id": this.curDrawItem.vendorGameId, "draw-id": this.curDrawItem.id, "default-bullet-config-line-group": JSON.stringify(this.curDrawSelection), "read-pretty": true, "total-pages": this.curDrawSelection.length, language: this.language, "translation-url": this.translationUrl })))), index.h("div", { key: 'a64d5819bf8db8e46e419cf88ac92eaef61288b5', class: "pagination-wrap" }, index.h("lottery-tipping-pagination", { key: 'e2dbfdf08c0b0f356bda2134c3dd349315232dad', total: this.paginationInfo.total, current: this.paginationInfo.current, "page-size": this.paginationInfo.pageSize, language: this.language, "translation-url": this.translationUrl }))));
11897
11937
  }
11898
11938
  static get watchers() { return {
11899
11939
  "clientStyling": ["handleClientStylingChange"],
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const lotteryTippingPage = require('./lottery-tipping-page-288fd924.js');
5
+ const lotteryTippingPage = require('./lottery-tipping-page-3acdd222.js');
6
6
  require('./index-9d5d8231.js');
7
7
 
8
8
 
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
8
8
  const defineCustomElements = async (win, options) => {
9
9
  if (typeof window === 'undefined') return undefined;
10
10
  await appGlobals.globalScripts();
11
- return index.bootstrapLazy([["general-multi-select_13.cjs",[[1,"lottery-tipping-page",{"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":[513,"game-id"],"playerId":[514,"player-id"],"sessionId":[513,"session-id"],"drawId":[513,"draw-id"],"logoUrl":[513,"logo-url"],"activeTab":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-ticket-history",{"endpoint":[513],"endpointTicket":[513,"endpoint-ticket"],"gameId":[1537,"game-id"],"playerId":[1538,"player-id"],"sessionId":[1537,"session-id"],"drawId":[513,"draw-id"],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"ticketHistory":[32],"activeStatus":[32],"statusOptions":[32],"isLoading":[32],"rawData":[32],"filterData":[32],"paginationInfo":[32],"quickFiltersActive":[32],"showCurrentTicketLine":[32],"curTicketItem":[32],"curSelection":[32],"curSelectionIdx":[32],"showCurrentDrawResult":[32],"curDrawItem":[32],"curDrawSelection":[32],"curDrawSelectionBettingType":[32],"curDrawSelectionMap":[32]},[[0,"pageSizeChange","handlePageSizeChange"],[0,"pageChange","handlePageChange"],[0,"filterChange","handleFilterChange"],[0,"filterClear","handleFilterClear"],[0,"poolGameCurrentPageChange","handlePoolGameCurrentPageChange"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameId":["handleGameInfoChange"],"endpoint":["handleGameInfoChange"],"endpointTicket":["handleTicketInfoChange"],"playerId":["handleTicketInfoChange"],"sessionId":["handleTicketInfoChange"]}],[1,"lottery-tipping-ticket-controller",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"logoUrl":[513,"logo-url"],"endpoint":[513],"endpointTicket":[513,"endpoint-ticket"],"sessionId":[513,"session-id"],"gameId":[513,"game-id"],"playerId":[513,"player-id"],"drawId":[513,"draw-id"],"isLoading":[32],"bettingTypeOptions":[32],"playingModeOptions":[32],"selectedBettingType":[32],"selectedPlayingMode":[32],"hasSelectBullet":[32],"hasSelectAllBullet":[32],"totalLineCombination":[32],"submitLoading":[32],"rawData":[32],"dialogConfig":[32]},[[0,"lotteryTippingBulletBetSelect","lotteryTippingBulletGroupSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-filter",{"quickFiltersActive":[516,"quick-filters-active"],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[520,"translation-url"],"isOpen":[32],"filterData":[32],"ticketTypeList":[32],"showClearButton":[32]},[[0,"modalCloseEvent","handleModalClose"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-pagination",{"total":[2],"pageSizeOptions":[16],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[520,"translation-url"],"current":[2],"pageSize":[32],"totalPages":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"total":["updateTotalPages"],"pageSize":["updateTotalPages"]}],[1,"lottery-tipping-panel",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"headerTitle":[1,"header-title"],"expanded":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-ticket-banner",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"logoUrl":[513,"logo-url"],"stopTime":[1,"stop-time"],"period":[1]},null,{"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,"general-multi-select",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"options":[16],"maxVisibleChips":[2,"max-visible-chips"],"placeholder":[1],"selectedValues":[32],"dropdownOpen":[32],"overflowOpen":[32],"popoverStyle":[32],"clear":[64]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-dialog",{"mbSource":[1,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"visible":[516],"dialogTitle":[1,"dialog-title"],"width":[1],"closable":[4],"mask":[4],"maskClosable":[4,"mask-closable"],"animationDuration":[2,"animation-duration"],"fullscreen":[4],"showFooter":[4,"show-footer"],"showCancelBtn":[4,"show-cancel-btn"],"language":[513],"translationUrl":[520,"translation-url"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[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);
11
+ return index.bootstrapLazy([["general-multi-select_13.cjs",[[1,"lottery-tipping-page",{"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"],"endpointLotteryBe":[513,"endpoint-lottery-be"],"gameId":[513,"game-id"],"playerId":[514,"player-id"],"sessionId":[513,"session-id"],"drawId":[513,"draw-id"],"logoUrl":[513,"logo-url"],"activeTab":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-ticket-history",{"endpoint":[513],"endpointTicket":[513,"endpoint-ticket"],"gameId":[1537,"game-id"],"playerId":[1538,"player-id"],"sessionId":[1537,"session-id"],"drawId":[513,"draw-id"],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"ticketHistory":[32],"activeStatus":[32],"statusOptions":[32],"isLoading":[32],"rawData":[32],"filterData":[32],"paginationInfo":[32],"quickFiltersActive":[32],"showCurrentTicketLine":[32],"curTicketItem":[32],"curSelection":[32],"curSelectionIdx":[32],"showCurrentDrawResult":[32],"curDrawItem":[32],"curDrawSelection":[32],"curDrawSelectionBettingType":[32],"curDrawSelectionMap":[32]},[[0,"pageSizeChange","handlePageSizeChange"],[0,"pageChange","handlePageChange"],[0,"filterChange","handleFilterChange"],[0,"filterClear","handleFilterClear"],[0,"poolGameCurrentPageChange","handlePoolGameCurrentPageChange"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameId":["handleGameInfoChange"],"endpoint":["handleGameInfoChange"],"endpointTicket":["handleTicketInfoChange"],"playerId":["handleTicketInfoChange"],"sessionId":["handleTicketInfoChange"]}],[1,"lottery-tipping-ticket-controller",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"logoUrl":[513,"logo-url"],"endpoint":[513],"endpointLotteryBe":[513,"endpoint-lottery-be"],"endpointTicket":[513,"endpoint-ticket"],"sessionId":[513,"session-id"],"gameId":[513,"game-id"],"playerId":[513,"player-id"],"drawId":[513,"draw-id"],"isLoading":[32],"bettingTypeOptions":[32],"playingModeOptions":[32],"selectedBettingType":[32],"selectedPlayingMode":[32],"hasSelectBullet":[32],"hasSelectAllBullet":[32],"totalLineCombination":[32],"submitLoading":[32],"rawData":[32],"saleStatisticsInfo":[32],"dialogConfig":[32]},[[0,"lotteryTippingBulletBetSelect","lotteryTippingBulletGroupSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-filter",{"quickFiltersActive":[516,"quick-filters-active"],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[520,"translation-url"],"isOpen":[32],"filterData":[32],"ticketTypeList":[32],"showClearButton":[32]},[[0,"modalCloseEvent","handleModalClose"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-pagination",{"total":[2],"pageSizeOptions":[16],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[520,"translation-url"],"current":[2],"pageSize":[32],"totalPages":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"total":["updateTotalPages"],"pageSize":["updateTotalPages"]}],[1,"lottery-tipping-panel",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"headerTitle":[1,"header-title"],"expanded":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-ticket-banner",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"logoUrl":[513,"logo-url"],"stopTime":[1,"stop-time"],"period":[1],"formattedTurnover":[1,"formatted-turnover"]},null,{"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,"general-multi-select",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"options":[16],"maxVisibleChips":[2,"max-visible-chips"],"placeholder":[1],"selectedValues":[32],"dropdownOpen":[32],"overflowOpen":[32],"popoverStyle":[32],"clear":[64]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-dialog",{"mbSource":[1,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"visible":[516],"dialogTitle":[1,"dialog-title"],"width":[1],"closable":[4],"mask":[4],"maskClosable":[4,"mask-closable"],"animationDuration":[2,"animation-duration"],"fullscreen":[4],"showFooter":[4,"show-footer"],"showCancelBtn":[4,"show-cancel-btn"],"language":[513],"translationUrl":[520,"translation-url"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[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);
12
12
  };
13
13
 
14
14
  exports.setNonce = index.setNonce;
@@ -137,6 +137,7 @@ const LotteryTippingPage = class {
137
137
  this.language = 'en';
138
138
  this.endpoint = undefined;
139
139
  this.endpointTicket = undefined;
140
+ this.endpointLotteryBe = undefined;
140
141
  this.gameId = undefined;
141
142
  this.playerId = undefined;
142
143
  this.sessionId = undefined;
@@ -188,7 +189,7 @@ const LotteryTippingPage = class {
188
189
  }
189
190
  renderContent() {
190
191
  if (this.activeTab === Tab.BuyTickets) {
191
- return (index.h("lottery-tipping-ticket-controller", { endpoint: this.endpoint, endpointTicket: this.endpointTicket, gameId: this.gameId, playerId: this.playerId, sessionId: this.sessionId, drawId: this.drawId, language: this.language, "mb-source": this.mbSource, "client-styling": this.clientStylingUrl, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl, "logo-url": this.logoUrl }));
192
+ return (index.h("lottery-tipping-ticket-controller", { endpoint: this.endpoint, endpointTicket: this.endpointTicket, "endpoint-lottery-be": this.endpointLotteryBe, gameId: this.gameId, playerId: this.playerId, sessionId: this.sessionId, drawId: this.drawId, language: this.language, "mb-source": this.mbSource, "client-styling": this.clientStylingUrl, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl, "logo-url": this.logoUrl }));
192
193
  }
193
194
  if (this.activeTab === Tab.MyTickets) {
194
195
  return (index.h("lottery-tipping-ticket-history", { endpoint: this.endpoint, endpointTicket: this.endpointTicket, gameId: this.gameId, playerId: this.playerId, sessionId: this.sessionId, drawId: this.drawId, language: this.language, "mb-source": this.mbSource, "client-styling-url": this.clientStylingUrl, "client-styling": this.clientStylingUrl, "translation-url": this.translationUrl }));
@@ -196,7 +197,7 @@ const LotteryTippingPage = class {
196
197
  return null;
197
198
  }
198
199
  render() {
199
- return (index.h("div", { key: 'e3f90ee042b701e6e676ed244d5c4f5e3b8aa6c8', class: "lottery-tipping-page", ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: '6e3ecc173663a6c695b875347f97e7201ee000ac', class: "lottery-tipping-page-header" }, index.h("slot", { key: '11b34047ac66f16d642c3bf201ecc3e306a49925', name: "backBtn" }), this.renderTabs(), index.h("div", { key: '130a3596c6a360d92c67e5d6225a6ab4e98477e0', class: "lottery-tipping-page-header-operation" }, index.h("slot", { key: '3358dc585d3b08916a35f873a7d3c533e306c4a4', name: "themeBtn" }), index.h("slot", { key: 'afa9e206303d0037f4a32e0d5255eceb81989df3', name: "logoutBtn" }))), index.h("div", { key: 'c97f79985f02dd25fbf599c8c9ee956d57158a0b', class: "lottery-tipping-content" }, this.renderContent())));
200
+ return (index.h("div", { key: '25d9a739d9040f9b79d9652b8cef03cf72a1d8e6', class: "lottery-tipping-page", ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: 'a94afa5201c3b6ccbe7edf59cdd04251ef280713', class: "lottery-tipping-page-header" }, index.h("slot", { key: 'ca7b177f464fbae1a54cae96a9ddad5bc50c5f9c', name: "backBtn" }), this.renderTabs(), index.h("div", { key: '28cd52ce3161d7da7136adc41fb021967a4a2ae9', class: "lottery-tipping-page-header-operation" }, index.h("slot", { key: '4caab039d48ecaf202a2d993ca2b1b46f3291804', name: "themeBtn" }), index.h("slot", { key: '5ab4e60d657bf0b945afd87f7778fb1d57b8f69b', name: "logoutBtn" }))), index.h("div", { key: '31e2e35380bde69f1e5b65cf9841f856fe6e9ed2', class: "lottery-tipping-content" }, this.renderContent())));
200
201
  }
201
202
  static get watchers() { return {
202
203
  "clientStyling": ["handleClientStylingChange"],