@everymatrix/lottery-tipping-page 1.83.4 → 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.
@@ -1,6 +1,7 @@
1
1
  import { r as registerInstance, c as createEvent, g as getAssetPath, h, a as getElement } from './index-3be4f76e.js';
2
- import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './lottery-tipping-page-b611e76d.js';
3
- export { L as lottery_tipping_page } from './lottery-tipping-page-b611e76d.js';
2
+ import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './lottery-tipping-page-92169e63.js';
3
+ export { L as lottery_tipping_page } from './lottery-tipping-page-92169e63.js';
4
+ import '@everymatrix/lottery-button';
4
5
 
5
6
  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}";
6
7
  const GeneralMultiSelectStyle0 = generalMultiSelectCss;
@@ -452,7 +453,7 @@ const resolveTranslationUrl$1 = async (translationUrl) => {
452
453
  }
453
454
  };
454
455
 
455
- 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}}";
456
+ 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)}}";
456
457
  const LotteryTippingDialogStyle0 = lotteryTippingDialogCss;
457
458
 
458
459
  const LotteryTippingDialog = class {
@@ -9812,7 +9813,7 @@ const getTranslations$2 = (data) => {
9812
9813
  });
9813
9814
  };
9814
9815
 
9815
- 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)}";
9816
+ 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)}";
9816
9817
  const LotteryTippingFilterStyle0 = lotteryTippingFilterCss;
9817
9818
 
9818
9819
  const LotteryTippingFilter = class {
@@ -9963,7 +9964,7 @@ const LotteryTippingFilter = class {
9963
9964
  };
9964
9965
  LotteryTippingFilter.style = LotteryTippingFilterStyle0;
9965
9966
 
9966
- const generateUUID$1 = () => {
9967
+ const generateUUID$2 = () => {
9967
9968
  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
9968
9969
  var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
9969
9970
  return v.toString(16);
@@ -9971,7 +9972,7 @@ const generateUUID$1 = () => {
9971
9972
  };
9972
9973
  function fetchRequest$1(url, method = 'GET', body = null, headers = {}) {
9973
9974
  return new Promise((resolve, reject) => {
9974
- const uuid = generateUUID$1();
9975
+ const uuid = generateUUID$2();
9975
9976
  const headersOrigin = Object.assign({ 'Content-Type': 'application/json' }, headers);
9976
9977
  if (method !== 'GET' && method !== 'HEAD') {
9977
9978
  headersOrigin['X-Idempotency-Key'] = uuid;
@@ -9990,7 +9991,7 @@ function fetchRequest$1(url, method = 'GET', body = null, headers = {}) {
9990
9991
  fetch(url, options)
9991
9992
  .then((response) => {
9992
9993
  if (!response.ok) {
9993
- throw new Error(`HTTP error! Status: ${response.status}`);
9994
+ return reject(response);
9994
9995
  }
9995
9996
  return response.json();
9996
9997
  })
@@ -10123,7 +10124,7 @@ const showNotification$2 = ({ message, theme = 'success' }) => {
10123
10124
  });
10124
10125
  };
10125
10126
 
10126
- 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)}";
10127
+ 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)}";
10127
10128
  const LotteryTippingPaginationStyle0 = lotteryTippingPaginationCss;
10128
10129
 
10129
10130
  const LotteryTippingPagination = class {
@@ -10267,10 +10268,6 @@ const DeleteOutlined$1 = DeleteOutlined;
10267
10268
  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" };
10268
10269
  const DownOutlined$1 = DownOutlined;
10269
10270
 
10270
- // This icon file is generated automatically.
10271
- 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" };
10272
- const EllipsisOutlined$1 = EllipsisOutlined;
10273
-
10274
10271
  // This icon file is generated automatically.
10275
10272
  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" };
10276
10273
  const InfoCircleOutlined$1 = InfoCircleOutlined;
@@ -10394,6 +10391,9 @@ const DEFAULT_LANGUAGE$2 = 'en';
10394
10391
  const SUPPORTED_LANGUAGES$2 = ['ro', 'en', 'fr', 'ar', 'hr'];
10395
10392
  const TRANSLATIONS$2 = {
10396
10393
  en: {
10394
+ stop: 'Stop',
10395
+ at: 'at',
10396
+ turnover: 'Turnover: ',
10397
10397
  selectionCleared: 'Your selection will be cleared.',
10398
10398
  ticketSubmitted: 'Ticket submitted successfully.',
10399
10399
  ticketFailed: 'Failed to purchase the ticket. Please try again.',
@@ -10518,7 +10518,7 @@ const formatDate$1 = ({ date, type = 'date', format: format$1 }) => {
10518
10518
  return '';
10519
10519
  }
10520
10520
  };
10521
- const generateUUID = () => {
10521
+ const generateUUID$1 = () => {
10522
10522
  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
10523
10523
  var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
10524
10524
  return v.toString(16);
@@ -10526,7 +10526,7 @@ const generateUUID = () => {
10526
10526
  };
10527
10527
  function fetchRequest(url, method = 'GET', body = null, headers = {}) {
10528
10528
  return new Promise((resolve, reject) => {
10529
- const uuid = generateUUID();
10529
+ const uuid = generateUUID$1();
10530
10530
  const headersOrigin = Object.assign({ 'Content-Type': 'application/json' }, headers);
10531
10531
  if (method !== 'GET' && method !== 'HEAD') {
10532
10532
  headersOrigin['X-Idempotency-Key'] = uuid;
@@ -10568,7 +10568,6 @@ const thousandSeparator = (value) => {
10568
10568
  parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
10569
10569
  return parts.join('.');
10570
10570
  };
10571
- const TICKET_INVALID_TOKEN = 'TICKET_INVALID_TOKEN';
10572
10571
  // format results to winning numbers
10573
10572
  const formatResultsToWinningNumbers = (rawResults) => {
10574
10573
  const formatMatchCheckRes = (matchRes) => matchRes.map((bulletItem) => (bulletItem.isSelected ? 1 : 0));
@@ -10588,27 +10587,6 @@ const formatResultsToWinningNumbers = (rawResults) => {
10588
10587
  }
10589
10588
  return result;
10590
10589
  };
10591
- const doSubmitTicket = ({ body, sessionId, url }) => {
10592
- const options = {
10593
- method: 'POST',
10594
- headers: {
10595
- 'Content-Type': 'application/json',
10596
- Accept: 'application/json',
10597
- Authorization: `Bearer ${sessionId}`,
10598
- 'X-Idempotency-Key': generateUUID()
10599
- },
10600
- body: JSON.stringify(body)
10601
- };
10602
- return fetch(url, options).then((res) => {
10603
- if (res.status === 401) {
10604
- throw new Error(TICKET_INVALID_TOKEN);
10605
- }
10606
- if (res.status > 300) {
10607
- throw new Error(res.statusText);
10608
- }
10609
- return res.json();
10610
- });
10611
- };
10612
10590
  // BettingTypes, playModes and playTypes
10613
10591
  const getEnableOptions = (raw = []) => raw.filter((i) => i.enabled);
10614
10592
  // the first one in bet type config that enabled = true, will be default choice
@@ -10646,7 +10624,8 @@ const SUPPORTED_LANGUAGES$1 = ['ro', 'en', 'fr', 'ar', 'hr'];
10646
10624
  const TRANSLATIONS$1 = {
10647
10625
  en: {
10648
10626
  stop: 'Stop',
10649
- at: 'at'
10627
+ at: 'at',
10628
+ turnover: 'Turnover: '
10650
10629
  },
10651
10630
  ro: {
10652
10631
  stop: 'Oprește',
@@ -10684,6 +10663,7 @@ const LotteryTippingTicketBanner = class {
10684
10663
  this.logoUrl = undefined;
10685
10664
  this.stopTime = '';
10686
10665
  this.period = undefined;
10666
+ this.formattedTurnover = undefined;
10687
10667
  }
10688
10668
  get formattedStopTime() {
10689
10669
  let _temp = '';
@@ -10738,7 +10718,7 @@ const LotteryTippingTicketBanner = class {
10738
10718
  this.stylingSubscription && this.stylingSubscription.unsubscribe();
10739
10719
  }
10740
10720
  render() {
10741
- return (h("div", { key: '8b8b9d66021090e8a4f566e11908341fb6a65bad', ref: (el) => (this.stylingContainer = el), class: "lottery-tipping-ticket-banner__container" }, h("section", { key: '37d23ad6aca6c4a02283a78e6011d0c6e4f81dff', class: "banner" }, h("div", { key: '919a9f7535468d5d75fa21e5c48c56c6c994aea7', class: "left" }, this.logoUrl && h("img", { key: '1d8e9f3e9ed7eaec36b604401c0a4045d735c209', alt: "Betting", src: this.logoUrl, class: "logo" })), h("div", { key: '3cdc189bcab34d964e6a17339c60e449ba4883d7', class: "mid period" }, this.formattedPeriod), h("div", { key: '526f90497ed8a14ba03d04cffbbe7c263b0bd23c', class: "right" }, h("span", { key: '00676d5b0fae7ad7b4d2cf549572ae7b3d3091c1', class: "pill" }, h("strong", { key: 'dde2bac5a9316cf97d34a19a433e6bcb74d50750' }, translate$1('stop', this.language)), "\u00A0", translate$1('at', this.language), "\u00A0", this.formattedStopTime)))));
10721
+ return (h("div", { key: 'e9286d0a6a9433698703b9c04d6d50892a7b3168', ref: (el) => (this.stylingContainer = el), class: "lottery-tipping-ticket-banner__container" }, h("section", { key: 'd787e64156f76cf6d12bd552513971301534860c', class: "banner" }, h("div", { key: '027baf0c88733d1430801c96b5b338f79f92f22c', class: "left" }, this.logoUrl && h("img", { key: '7b41d5635a2121ccf394aca19de48e10e9a93357', alt: "Betting", src: this.logoUrl, class: "logo" })), h("div", { key: '73e6c3ffa336b020a3819a72b71117b8084381b1', class: "mid period" }, this.formattedPeriod), h("div", { key: '922ae894814157f68aa8f0774c8aa5ca06e1e7cd', class: "right" }, h("span", { key: 'efaf79b1ff5617f2ba92cfef464232041cd87fbf', class: "pill" }, h("strong", { key: 'c842562b15a13407038933da9d1cc7c6fafa0b76' }, translate$1('stop', this.language)), "\u00A0", translate$1('at', this.language), "\u00A0", this.formattedStopTime), h("span", { key: '3e79a5ec17cbcf0896d58196286fa0b637988f69', class: "pill" }, h("strong", { key: '1158b00abffb1c6bf04e9eec10b4c996d04f118e' }, translate$1('turnover', this.language)), "\u00A0", this.formattedTurnover)))));
10742
10722
  }
10743
10723
  static get assetsDirs() { return ["../static"]; }
10744
10724
  static get watchers() { return {
@@ -11029,11 +11009,7 @@ const LotteryTippingTicketBet = class {
11029
11009
  .then((data) => {
11030
11010
  this.ticketDataSource = data || [];
11031
11011
  this.isLoading = false;
11032
- if (this.parsedDefaultBulletConfigLineGroup && this.parsedDefaultBulletConfigLineGroup.length > 0)
11033
- this.bulletConfigLineGroup = this.parsedDefaultBulletConfigLineGroup;
11034
- else {
11035
- this._resetBulletConfig();
11036
- }
11012
+ this.updateBulletConfigLineGroup();
11037
11013
  })
11038
11014
  .catch((err) => {
11039
11015
  this.isLoading = false;
@@ -11041,6 +11017,13 @@ const LotteryTippingTicketBet = class {
11041
11017
  console.error('Error!', err);
11042
11018
  });
11043
11019
  }
11020
+ updateBulletConfigLineGroup() {
11021
+ if (this.parsedDefaultBulletConfigLineGroup && this.parsedDefaultBulletConfigLineGroup.length > 0)
11022
+ this.bulletConfigLineGroup = this.parsedDefaultBulletConfigLineGroup;
11023
+ else {
11024
+ this._resetBulletConfig();
11025
+ }
11026
+ }
11044
11027
  connectedCallback() {
11045
11028
  this.fetchMatchData();
11046
11029
  }
@@ -11208,6 +11191,7 @@ const LotteryTippingTicketBet = class {
11208
11191
  "gameId": ["fetchMatchData"],
11209
11192
  "sessionId": ["fetchMatchData"],
11210
11193
  "drawId": ["fetchMatchData"],
11194
+ "defaultBulletConfigLineGroup": ["fetchMatchData"],
11211
11195
  "currentPage": ["handleCurrentPageChange"]
11212
11196
  }; }
11213
11197
  };
@@ -11225,16 +11209,52 @@ var BettingTypeEnum;
11225
11209
  BettingTypeEnum["Both"] = "Both";
11226
11210
  })(BettingTypeEnum || (BettingTypeEnum = {}));
11227
11211
 
11212
+ const TICKET_INVALID_TOKEN = 'TICKET_INVALID_TOKEN';
11213
+ const generateUUID = () => {
11214
+ return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
11215
+ var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
11216
+ return v.toString(16);
11217
+ });
11218
+ };
11219
+ const doSubmitTicket = ({ body, sessionId, url }) => {
11220
+ const options = {
11221
+ method: 'POST',
11222
+ headers: {
11223
+ 'Content-Type': 'application/json',
11224
+ Accept: 'application/json',
11225
+ Authorization: `Bearer ${sessionId}`,
11226
+ 'X-Idempotency-Key': generateUUID()
11227
+ },
11228
+ body: JSON.stringify(body)
11229
+ };
11230
+ return fetch(url, options).then((res) => {
11231
+ if (res.status === 401) {
11232
+ throw new Error(TICKET_INVALID_TOKEN);
11233
+ }
11234
+ if (res.status > 300) {
11235
+ throw new Error(res.statusText);
11236
+ }
11237
+ return res.json();
11238
+ });
11239
+ };
11240
+ async function fetchSaleStatistics({ endpoint, gameId, drawId }) {
11241
+ try {
11242
+ const res = await fetchRequest(`${endpoint}/api/v1/lottery/core/widget/games/${gameId}/draws/${drawId}/saleStatistics`);
11243
+ return res;
11244
+ }
11245
+ catch (error) {
11246
+ return Promise.reject(error);
11247
+ }
11248
+ }
11249
+
11228
11250
  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}";
11229
11251
  const LotteryTippingTicketControllerStyle0 = lotteryTippingTicketControllerCss;
11230
11252
 
11231
- const loadingImagePath = renderIconDefinitionToSVGElement(EllipsisOutlined$1, {
11232
- extraSVGAttrs: { height: '20px', width: '20px', fill: 'currentColor' }
11233
- });
11234
11253
  const LotteryTippingTicketController = class {
11235
11254
  constructor(hostRef) {
11236
11255
  registerInstance(this, hostRef);
11237
11256
  this.logoutEventHandler = createEvent(this, "logout", 7);
11257
+ this.bothBettingTypeMultiplier = 2;
11238
11258
  this.mbSource = undefined;
11239
11259
  this.clientStyling = undefined;
11240
11260
  this.clientStylingUrl = undefined;
@@ -11242,6 +11262,7 @@ const LotteryTippingTicketController = class {
11242
11262
  this.language = 'en';
11243
11263
  this.logoUrl = undefined;
11244
11264
  this.endpoint = '';
11265
+ this.endpointLotteryBe = '';
11245
11266
  this.endpointTicket = undefined;
11246
11267
  this.sessionId = undefined;
11247
11268
  this.gameId = undefined;
@@ -11257,6 +11278,7 @@ const LotteryTippingTicketController = class {
11257
11278
  this.totalLineCombination = 0;
11258
11279
  this.submitLoading = undefined;
11259
11280
  this.rawData = {};
11281
+ this.saleStatisticsInfo = {};
11260
11282
  this.dialogConfig = { visible: false };
11261
11283
  }
11262
11284
  async getLotteryTippingBulletResults() {
@@ -11355,12 +11377,14 @@ const LotteryTippingTicketController = class {
11355
11377
  return 0;
11356
11378
  }
11357
11379
  let totalAmount = stake.value * this.totalLineCombination;
11380
+ if (this.isBothBettingType)
11381
+ totalAmount = this.bothBettingTypeMultiplier * totalAmount;
11358
11382
  return totalAmount;
11359
11383
  }
11360
11384
  get totalAmountFormatted() {
11361
11385
  var _a;
11362
11386
  const totalAmount = this.calculateTotalAmount();
11363
- return thousandSeparator(totalAmount) + ' ' + ((_a = this.currentStake) === null || _a === void 0 ? void 0 : _a.currency) || '';
11387
+ return thousandSeparator(totalAmount) + ' ' + (((_a = this.currentStake) === null || _a === void 0 ? void 0 : _a.currency) || '');
11364
11388
  }
11365
11389
  get currentStakeFormatted() {
11366
11390
  const { value = '', currency = '' } = this.currentStake || {};
@@ -11440,6 +11464,7 @@ const LotteryTippingTicketController = class {
11440
11464
  });
11441
11465
  this.handleBettingTypeChange(bettingType);
11442
11466
  this.selectedPlayingMode = playMode;
11467
+ return this.updateSaleStatistics();
11443
11468
  })
11444
11469
  .catch((err) => {
11445
11470
  console.error('Error!', err);
@@ -11450,6 +11475,16 @@ const LotteryTippingTicketController = class {
11450
11475
  };
11451
11476
  fetchData();
11452
11477
  }
11478
+ updateSaleStatistics() {
11479
+ var _a;
11480
+ return fetchSaleStatistics({
11481
+ endpoint: this.endpointLotteryBe,
11482
+ gameId: (_a = this.rawData) === null || _a === void 0 ? void 0 : _a.type,
11483
+ drawId: this.drawId
11484
+ }).then((res) => {
11485
+ this.saleStatisticsInfo = res;
11486
+ });
11487
+ }
11453
11488
  async handleSubmit() {
11454
11489
  const rawResults = await this.getLotteryTippingBulletResults();
11455
11490
  const { betTypeId, betType } = getPlayTypeConfig({
@@ -11491,6 +11526,7 @@ const LotteryTippingTicketController = class {
11491
11526
  .then(() => {
11492
11527
  showNotification$1({ message: translate$2('ticketSubmitted', this.language) });
11493
11528
  this.clearBulletConfig();
11529
+ this.updateSaleStatistics();
11494
11530
  })
11495
11531
  .catch((res) => {
11496
11532
  if (res.message === TICKET_INVALID_TOKEN) {
@@ -11524,15 +11560,19 @@ const LotteryTippingTicketController = class {
11524
11560
  return (h("div", { class: "LotteryTippingTicketController__top" }, h("div", { class: "LotteryTippingTicketController__row" }, h("div", { class: "LotteryTippingTicketController__section" }, h("span", { class: "LotteryTippingTicketController__label" }, translate$2('bettingType', this.language)), !!this.bettingTypeOptions.length ? renderBettingTypeOptions() : renderSkeleton()), h("div", { class: "LotteryTippingTicketController__section" }, h("span", { class: "LotteryTippingTicketController__label" }, translate$2('playingMode', this.language)), !!this.playingModeOptions.length ? renderPlayingModeOptions() : renderSkeleton()))));
11525
11561
  }
11526
11562
  renderOrderSummary() {
11527
- return (h("div", { class: "LotteryTippingTicketController__main--right order-summary" }, h("h3", { class: "order-summary__title" }, translate$2('orderSummaryTitle', this.language)), h("div", { class: "order-summary__ticket-info" }, h("div", { class: "order-summary__ticket" }, translate$2('orderSummaryTickets', this.language), ":"), h("div", { class: "order-summary__details" }, h("span", { class: "order-summary__line-count" }, this.lineCountRender), h("div", null, this.currentStake && h("span", { class: "order-summary__multiplier" }, "x"), h("span", { class: "order-summary__stake" }, this.currentStakeFormatted)), this.isBothBettingType && (h("div", null, h("span", { class: "order-summary__multiplier" }, "x"), h("span", { class: "order-summary__stake" }, "2"))))), h("hr", { class: "order-summary__divider" }), h("div", { class: "order-summary__ticket-info" }, h("div", { class: "order-summary__ticket" }, translate$2('orderSummaryTotal', this.language), ":"), h("span", { class: "order-summary__details" }, this.totalAmountFormatted)), h("div", { class: "order-summary__button-wrapper" }, h("button", { class: {
11528
- 'order-summary__button': true,
11529
- 'order-summary__button--disabled': !this.hasSelectAllBullet,
11530
- 'order-summary__button--loading': this.submitLoading
11531
- }, onClick: this.handleSubmit.bind(this), disabled: !this.hasSelectAllBullet || this.submitLoading }, h("span", { class: "order-summary__button--text" }, translate$2('orderSummarySubmit', this.language)), this.submitLoading && h("span", { class: "loading-icon scale", innerHTML: loadingImagePath })))));
11563
+ return (h("div", { class: "LotteryTippingTicketController__main--right order-summary" }, h("h3", { class: "order-summary__title" }, translate$2('orderSummaryTitle', this.language)), h("div", { class: "order-summary__ticket-info" }, h("div", { class: "order-summary__ticket" }, translate$2('orderSummaryTickets', this.language), ":"), h("div", { class: "order-summary__details" }, h("span", { class: "order-summary__line-count" }, this.lineCountRender), h("div", null, this.currentStake && h("span", { class: "order-summary__multiplier" }, "x"), h("span", { class: "order-summary__stake" }, this.currentStakeFormatted)), this.isBothBettingType && (h("div", null, h("span", { class: "order-summary__multiplier" }, "x"), h("span", { class: "order-summary__stake" }, this.bothBettingTypeMultiplier))))), h("hr", { class: "order-summary__divider" }), h("div", { class: "order-summary__ticket-info" }, h("div", { class: "order-summary__ticket" }, translate$2('orderSummaryTotal', this.language), ":"), h("span", { class: "order-summary__details" }, this.totalAmountFormatted)), h("div", { class: "order-summary__button-wrapper" }, h("lottery-button", { onClick: this.handleSubmit.bind(this), loading: this.submitLoading, disabled: !this.hasSelectAllBullet || this.submitLoading, text: translate$2('orderSummarySubmit', this.language) }))));
11564
+ }
11565
+ get formattedTurnover() {
11566
+ var _a, _b;
11567
+ const turnover = (_b = (_a = this.saleStatisticsInfo) === null || _a === void 0 ? void 0 : _a.wagerSegment) === null || _b === void 0 ? void 0 : _b.totalSalesCrossDraw;
11568
+ if (turnover === null || turnover === undefined)
11569
+ return '';
11570
+ const unit = '€';
11571
+ return `${unit}${turnover ? thousandSeparator(turnover) : 0}`;
11532
11572
  }
11533
11573
  render() {
11534
11574
  var _a, _b, _c, _d, _e, _f, _g;
11535
- return (h("div", { key: '337388f1cf75297195a88c3728b865e74f613849', class: "lottery-tipping-ticket-controller__container", ref: (el) => (this.stylingContainer = el) }, 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(), h("div", { key: '1ab326849e99b9558d1d6bc94985a4c48d74ab4a', class: "flex flex-wrap LotteryTippingTicketController__main" }, h("div", { key: 'abfb225ed18d7325555e2cdebd93348e82ae773e', class: "LotteryTippingTicketController__main--left" }, 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 && (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))));
11575
+ return (h("div", { key: 'a849624b0fe5fae436bec3e42836d4dc30074539', class: "lottery-tipping-ticket-controller__container", ref: (el) => (this.stylingContainer = el) }, 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(), h("div", { key: 'b8cfcea8d213bd0275ab9f1a3a164ebcaa629f71', class: "flex flex-wrap LotteryTippingTicketController__main" }, h("div", { key: '9fec0554e90804ae4b261d5facc28de4d242524d', class: "LotteryTippingTicketController__main--left" }, 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 && (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))));
11536
11576
  }
11537
11577
  static get assetsDirs() { return ["../static"]; }
11538
11578
  static get watchers() { return {
@@ -11602,7 +11642,7 @@ const LotteryTippingTicketHistory = class {
11602
11642
  this.ticketHistory = [];
11603
11643
  this.activeStatus = '';
11604
11644
  this.statusOptions = undefined;
11605
- this.isLoading = false;
11645
+ this.isLoading = true;
11606
11646
  this.rawData = {};
11607
11647
  this.filterData = {
11608
11648
  offset: 0,
@@ -11612,6 +11652,7 @@ const LotteryTippingTicketHistory = class {
11612
11652
  to: '',
11613
11653
  wagerType: '',
11614
11654
  vendorGameType: 'PoolGame',
11655
+ vendorGameBettingObject: 'HomeDrawAway',
11615
11656
  id: ''
11616
11657
  };
11617
11658
  this.paginationInfo = {
@@ -11658,7 +11699,6 @@ const LotteryTippingTicketHistory = class {
11658
11699
  async fetchGameData() {
11659
11700
  var _a;
11660
11701
  try {
11661
- this.isLoading = true;
11662
11702
  let url = new URL(`${this.endpoint}/games/${this.gameId}`);
11663
11703
  const res = await fetchRequest$1(url.href, 'GET');
11664
11704
  this.rawData = res;
@@ -11667,7 +11707,6 @@ const LotteryTippingTicketHistory = class {
11667
11707
  showNotification$2({ message: (_a = e.message) !== null && _a !== void 0 ? _a : e, theme: 'error' });
11668
11708
  }
11669
11709
  finally {
11670
- this.isLoading = false;
11671
11710
  }
11672
11711
  }
11673
11712
  connectedCallback() {
@@ -11721,7 +11760,7 @@ const LotteryTippingTicketHistory = class {
11721
11760
  this.isLoading = false;
11722
11761
  }
11723
11762
  }
11724
- async fetchDrwaResult(gameId, drawId) {
11763
+ async fetchDrawResult(gameId, drawId) {
11725
11764
  try {
11726
11765
  const res = await fetchRequest$1(`${this.endpoint}/games/${gameId}/draws/${drawId}`, 'GET', {});
11727
11766
  return res;
@@ -11761,7 +11800,7 @@ const LotteryTippingTicketHistory = class {
11761
11800
  let updatedTicketHistory = [...this.ticketHistory];
11762
11801
  await Promise.all(Array.from(idMapper.values()).map(async ({ gameId, drawId, indices }) => {
11763
11802
  try {
11764
- const drawData = await this.fetchDrwaResult(gameId, drawId);
11803
+ const drawData = await this.fetchDrawResult(gameId, drawId);
11765
11804
  if (drawData) {
11766
11805
  indices.forEach(({ ticketIndex, drawIndex }) => {
11767
11806
  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) });
@@ -11852,6 +11891,7 @@ const LotteryTippingTicketHistory = class {
11852
11891
  to: '',
11853
11892
  wagerType: '',
11854
11893
  vendorGameType: 'PoolGame',
11894
+ vendorGameBettingObject: 'HomeDrawAway',
11855
11895
  id: ''
11856
11896
  };
11857
11897
  this.fetchTicketList();
@@ -11882,15 +11922,15 @@ const LotteryTippingTicketHistory = class {
11882
11922
  return name !== null && name !== void 0 ? name : bettingType;
11883
11923
  }
11884
11924
  render() {
11885
- return (h("div", { key: '0a8574ec1ba181a07043ec0451dfca73f8aaaf9d', class: "lottery-tipping-ticket-history", ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'f6f0f989a7b4e598e2d9c3d18c83d4f8b4595d84', class: "ticket-history-title" }, translate$3('ticketsHistory', this.language)), h("div", { key: 'e80a9d6e39d899fe6a210837853aacfea21a6cb3', class: "filter-wrap" }, h("div", { key: 'edeaca1e9062a0b9ef264151113bc6130f358017', class: "filter-status" }, this.statusOptions.map((status) => (h("div", { class: 'filter-status-btn' + (this.activeStatus == status.value ? ' active' : ''), onClick: () => this.changeStatus(status.value) }, status.label)))), h("div", { key: 'fdae8b8a796d62827530955449baf85152b4bd49', class: "filter-operation" }, h("lottery-tipping-filter", { key: '004a977ff4460be8e1fbffd22fb6a742401b6597', "quick-filters-active": this.quickFiltersActive, language: this.language, "translation-url": this.translationUrl }))), this.isLoading && (h("div", { key: '4142baea434e611b871f7b8712a8ed03961bf929', class: "loading-wrap" }, h("section", { key: 'd412ab2648dc168e76d13957b9d654522d0211e4', class: "dots-container" }, h("div", { key: '81cca835dff7b6708354d79ecdb804fd768dfdf5', class: "dot" }), h("div", { key: '4fd405a231c5560b014bc9dc34e8847daf197ab1', class: "dot" }), h("div", { key: 'b89f42119dc855255ffb27b7d12d525dca40ab20', class: "dot" }), h("div", { key: 'c9ce133fe12b41639719558922ab0651ed82f605', class: "dot" }), h("div", { key: '8a18cbe9892de938f731045c0d8a01a6f58ab19d', class: "dot" })))), !this.isLoading && (!this.ticketHistory || this.ticketHistory.length == 0) && (h("div", { key: 'c806d553da2223941f0e1a28a12f96088e0bd45d', class: "empty-wrap" }, translate$3('noData', this.language))), !this.isLoading && this.ticketHistory && this.ticketHistory.length != 0 && (h("div", { key: '4ac929f08ef09e5f18cfcb0424c489f8d513bc9b', class: "ticket-list-wrap" }, this.ticketHistory.map((item) => (h("lottery-tipping-panel", { "header-title": format(new Date(item.createdAt), 'dd/MM/yyyy HH:mm:ss') + ' ' + item.state }, h("div", { class: "panel-content", slot: "content" }, h("div", { class: "ticket-info" }, h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate$3('ticketId', this.language)), h("div", { class: "ticket-info-val" }, item.id, " ")), h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate$3('ticketType', this.language)), h("div", { class: "ticket-info-val" }, this.ticketTypeMap[item.wagerType], " ")), h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate$3('ticketAmount', this.language)), h("div", { class: "ticket-info-val" }, `${item.amount} ${item.currency}`)), h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate$3('lineDetail', this.language)), h("div", { class: "ticket-info-val" }, h("span", { class: "show-detail-link", onClick: () => this.handleShowTicketLineDetial(item) }, translate$3('seeDetails', this.language)))), h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate$3('numberOfDraw', this.language)), h("div", { class: "ticket-info-val" }, item.drawCount))), item.state == 'Settled' &&
11886
- item.drawResults.map((drawResultItem) => (h("div", { class: "draw-info-container" }, drawResultItem.tempDrawData ? (h("div", { class: "draw-info" }, h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate$3('ticketResult', this.language)), h("div", { class: "draw-info-val" }, this.resultMap[drawResultItem.state])), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate$3('drawId', this.language)), h("div", { class: "draw-info-val" }, drawResultItem.drawId)), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate$3('drawDate', this.language)), h("div", { class: "draw-info-val" }, format(new Date(drawResultItem.tempDrawData.date), 'dd/MM/yyyy'))), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate$3('result', this.language)), h("div", { class: "draw-info-val" }, h("span", { class: "show-detail-link", onClick: () => this.handleShowCurrentDraw(drawResultItem.tempDrawData) }, translate$3('seeDetails', this.language)))), drawResultItem.state === DrawResult.WON && (h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate$3('prize', this.language)), h("div", { class: "draw-info-val1" }, h("div", { style: { height: '20px' } }), drawResultItem.prizeDetails.map((prizeItem) => (h("span", null, h("div", null, h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.prizeName, prizeItem.times > 1 ? ' x ' + prizeItem.times : '', ":", ' '), h("span", { style: { 'margin-right': '4px', color: 'rgb(85, 85, 85)' } }, thousandSeperator(prizeItem.amount)), h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.currency)))))))))) : (h("div", { class: "draw-info-skeleton" }, [...Array(5)].map(() => (h("div", { class: "skeleton-line" })))))))))))))), 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: () => {
11925
+ return (h("div", { key: '482c0231847e34c4778109388a4119311f967a23', class: "lottery-tipping-ticket-history", ref: (el) => (this.stylingContainer = el) }, h("div", { key: '23ca773d34a5519bed5a46bdddeb631b7cf1a860', class: "ticket-history-title" }, translate$3('ticketsHistory', this.language)), h("div", { key: '490645a92e95d8f9372de8da178d68192dbd9833', class: "filter-wrap" }, h("div", { key: 'e6148ecca58e013dbb3cf14c63a775ac7b7bf1e1', class: "filter-status" }, this.statusOptions.map((status) => (h("div", { class: 'filter-status-btn' + (this.activeStatus == status.value ? ' active' : ''), onClick: () => this.changeStatus(status.value) }, status.label)))), h("div", { key: 'a4b4a6bf6bf4ee1f6ac96d070e166a9c3d9d8685', class: "filter-operation" }, h("lottery-tipping-filter", { key: '4840846470dd119ddf612596b5384cacfeaf3712', "quick-filters-active": this.quickFiltersActive, language: this.language, "translation-url": this.translationUrl }))), this.isLoading && (h("div", { key: '889098ccaa01cc2ac09a7137877d539cbe3d065e', class: "loading-wrap" }, h("section", { key: '8e2dbde5a065631809ce58351970455087ad15f2', class: "dots-container" }, h("div", { key: '57091e88a4d804978c82fc7539c8176ed6749c36', class: "dot" }), h("div", { key: '5ebfda4acf1a2313a320cebbf50997ea61591aac', class: "dot" }), h("div", { key: 'b8bcf4f0c3d56daeb0905fcc30ad2ddd2486d163', class: "dot" }), h("div", { key: '66b9f178213463bb7b52942a3ff3e46a179564fc', class: "dot" }), h("div", { key: 'a37e51ff17057fc722e45004de2b0af121f7caf4', class: "dot" })))), !this.isLoading && this.paginationInfo.total > 0 && (h("div", { key: 'b79011a6606fec6865b9444b6b72a4ee8e6e6eea', class: "ticket-list-wrap" }, this.ticketHistory.map((item) => (h("lottery-tipping-panel", { "header-title": format(new Date(item.createdAt), 'dd/MM/yyyy HH:mm:ss') + ' ' + item.state }, h("div", { class: "panel-content", slot: "content" }, h("div", { class: "ticket-info" }, h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate$3('ticketId', this.language)), h("div", { class: "ticket-info-val" }, item.id, " ")), h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate$3('ticketType', this.language)), h("div", { class: "ticket-info-val" }, this.ticketTypeMap[item.wagerType], " ")), h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate$3('ticketAmount', this.language)), h("div", { class: "ticket-info-val" }, `${item.amount} ${item.currency}`)), h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate$3('lineDetail', this.language)), h("div", { class: "ticket-info-val" }, h("span", { class: "show-detail-link", onClick: () => this.handleShowTicketLineDetial(item) }, translate$3('seeDetails', this.language)))), h("div", { class: "ticket-info-item" }, h("div", { class: "ticket-info-label" }, translate$3('numberOfDraw', this.language)), h("div", { class: "ticket-info-val" }, item.drawCount))), item.state == 'Settled' &&
11926
+ item.drawResults.map((drawResultItem) => (h("div", { class: "draw-info-container" }, drawResultItem.tempDrawData ? (h("div", { class: "draw-info" }, h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate$3('ticketResult', this.language)), h("div", { class: "draw-info-val" }, this.resultMap[drawResultItem.state])), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate$3('drawId', this.language)), h("div", { class: "draw-info-val" }, drawResultItem.drawId)), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate$3('drawDate', this.language)), h("div", { class: "draw-info-val" }, format(new Date(drawResultItem.tempDrawData.date), 'dd/MM/yyyy'))), h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate$3('result', this.language)), h("div", { class: "draw-info-val" }, h("span", { class: "show-detail-link", onClick: () => this.handleShowCurrentDraw(drawResultItem.tempDrawData) }, translate$3('seeDetails', this.language)))), drawResultItem.state === DrawResult.WON && (h("div", { class: "draw-info-item" }, h("div", { class: "draw-info-label" }, translate$3('prize', this.language)), h("div", { class: "draw-info-val1" }, h("div", { style: { height: '20px' } }), drawResultItem.prizeDetails.map((prizeItem) => (h("span", null, h("div", null, h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.prizeName, prizeItem.times > 1 ? ' x ' + prizeItem.times : '', ":", ' '), h("span", { style: { 'margin-right': '4px', color: 'rgb(85, 85, 85)' } }, thousandSeperator(prizeItem.amount)), h("span", { style: { color: 'rgb(85, 85, 85)' } }, prizeItem.currency)))))))))) : (h("div", { class: "draw-info-skeleton" }, [...Array(5)].map(() => (h("div", { class: "skeleton-line" })))))))))))))), !this.isLoading && this.paginationInfo.total === 0 && (h("div", { key: 'ee7a1052955280e5a6ada4c0efc30b9fd0d98fd9', class: "empty-wrap" }, translate$3('noData', this.language))), 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: () => {
11887
11927
  this.showCurrentTicketLine = false;
11888
- }, language: this.language, "translation-url": this.translationUrl }, this.curSelection && this.curSelection.length && (h("div", { key: '817ee1fe2541a4ed62b944b58b7abb1eda7afdbe' }, h("div", { key: '68672db719f3cc643d6b17769c0a786b3c931a42', class: "betting-type" }, h("div", { key: 'af264555814c9e3262b64722438ecd449f451ceb', class: "betting-type-title" }, translate$3('bettingType', this.language)), h("div", { key: '25b9bff20eb5a221bed6d345412dd48964890ae7', class: "betting-type-text" }, this.getBettingTypeName(this.getBettingType(this.curTicketItem.selection[this.curSelectionIdx].betType)))), 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 })))), 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: () => {
11928
+ }, language: this.language, "translation-url": this.translationUrl }, this.curSelection && this.curSelection.length && this.showCurrentTicketLine && (h("div", { key: 'fe67de05d41d4e49d1fd50dbf6ce92c599a37ea7' }, h("div", { key: 'c367ac116ad9ea927291881f5ff136840ccb4081', class: "betting-type" }, h("div", { key: '021e57f03a8c96a78dbcb5843186170fe1d0a53d', class: "betting-type-title" }, translate$3('bettingType', this.language)), h("div", { key: 'ea1fec0f472ab8187f09db90fc164ec0fa0c294d', class: "betting-type-text" }, this.getBettingTypeName(this.getBettingType(this.curTicketItem.selection[this.curSelectionIdx].betType)))), 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 })))), 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: () => {
11889
11929
  this.showCurrentDrawResult = false;
11890
- }, language: this.language, "translation-url": this.translationUrl }, this.curDrawSelection && this.curDrawSelection.length && (h("div", { key: 'c9161334967e9e5abaae4a3d1df922ee7d8d7945' }, h("div", { key: 'c7a3ac60084056b899a2b59a6205cddbc8d4e7fc', class: "betting-type" }, h("div", { key: '97aa9e8c9048bb57f70d4230f29f8fde3aa4454a', class: "betting-type-title" }, translate$3('bettingType', this.language)), h("div", { key: '64332b20eabf75e9273bb6f16c16436e90b28346', class: "betting-type-text" }, h("div", { key: 'cbd1ec9e723c6a369a98141077e4648d802c76ad', class: "LotteryTippingTicketController__segmented-control" }, Object.keys(this.curDrawSelectionMap).map((bettingType) => (h("button", { class: {
11930
+ }, language: this.language, "translation-url": this.translationUrl }, this.curDrawSelection && this.curDrawSelection.length && this.showCurrentDrawResult && (h("div", { key: 'c0c43e4d4aa54c55b2f69fa254d78b02ebbf3d58' }, h("div", { key: 'f6f7971515335c61aa3ef179aafc4936a3445b72', class: "betting-type" }, h("div", { key: 'ed535b79ad7db63ca771b063eb30c5d2b89942e5', class: "betting-type-title" }, translate$3('bettingType', this.language)), h("div", { key: 'f017fe599cf209fa9a55e691b5943188e6a708ec', class: "betting-type-text" }, h("div", { key: 'cc9db96d2def2c0de5aa9b1e8b2075adbf40f728', class: "LotteryTippingTicketController__segmented-control" }, Object.keys(this.curDrawSelectionMap).map((bettingType) => (h("button", { class: {
11891
11931
  LotteryTippingTicketController__segment: true,
11892
11932
  'LotteryTippingTicketController__segment--active': this.curDrawSelectionBettingType === bettingType
11893
- }, onClick: () => this.handleDrawBettingTypeChange(bettingType) }, this.getBettingTypeName(bettingType))))))), 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 })))), h("div", { key: 'e730c86100cb47c4c63051174cd9b33dbb8e6ce4', class: "pagination-wrap" }, 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 }))));
11933
+ }, onClick: () => this.handleDrawBettingTypeChange(bettingType) }, this.getBettingTypeName(bettingType))))))), 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 })))), h("div", { key: 'a64d5819bf8db8e46e419cf88ac92eaef61288b5', class: "pagination-wrap" }, 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 }))));
11894
11934
  }
11895
11935
  static get watchers() { return {
11896
11936
  "clientStyling": ["handleClientStylingChange"],
package/dist/esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export { L as LotteryTippingPage } from './lottery-tipping-page-b611e76d.js';
1
+ export { L as LotteryTippingPage } from './lottery-tipping-page-92169e63.js';
2
2
  import './index-3be4f76e.js';
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
5
5
  const defineCustomElements = async (win, options) => {
6
6
  if (typeof window === 'undefined') return undefined;
7
7
  await globalScripts();
8
- return bootstrapLazy([["general-multi-select_13",[[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);
8
+ return bootstrapLazy([["general-multi-select_13",[[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);
9
9
  };
10
10
 
11
11
  export { defineCustomElements };
@@ -135,6 +135,7 @@ const LotteryTippingPage = class {
135
135
  this.language = 'en';
136
136
  this.endpoint = undefined;
137
137
  this.endpointTicket = undefined;
138
+ this.endpointLotteryBe = undefined;
138
139
  this.gameId = undefined;
139
140
  this.playerId = undefined;
140
141
  this.sessionId = undefined;
@@ -186,7 +187,7 @@ const LotteryTippingPage = class {
186
187
  }
187
188
  renderContent() {
188
189
  if (this.activeTab === Tab.BuyTickets) {
189
- return (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 }));
190
+ return (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 }));
190
191
  }
191
192
  if (this.activeTab === Tab.MyTickets) {
192
193
  return (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 }));
@@ -194,7 +195,7 @@ const LotteryTippingPage = class {
194
195
  return null;
195
196
  }
196
197
  render() {
197
- return (h("div", { key: 'e3f90ee042b701e6e676ed244d5c4f5e3b8aa6c8', class: "lottery-tipping-page", ref: (el) => (this.stylingContainer = el) }, h("div", { key: '6e3ecc173663a6c695b875347f97e7201ee000ac', class: "lottery-tipping-page-header" }, h("slot", { key: '11b34047ac66f16d642c3bf201ecc3e306a49925', name: "backBtn" }), this.renderTabs(), h("div", { key: '130a3596c6a360d92c67e5d6225a6ab4e98477e0', class: "lottery-tipping-page-header-operation" }, h("slot", { key: '3358dc585d3b08916a35f873a7d3c533e306c4a4', name: "themeBtn" }), h("slot", { key: 'afa9e206303d0037f4a32e0d5255eceb81989df3', name: "logoutBtn" }))), h("div", { key: 'c97f79985f02dd25fbf599c8c9ee956d57158a0b', class: "lottery-tipping-content" }, this.renderContent())));
198
+ return (h("div", { key: '25d9a739d9040f9b79d9652b8cef03cf72a1d8e6', class: "lottery-tipping-page", ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'a94afa5201c3b6ccbe7edf59cdd04251ef280713', class: "lottery-tipping-page-header" }, h("slot", { key: 'ca7b177f464fbae1a54cae96a9ddad5bc50c5f9c', name: "backBtn" }), this.renderTabs(), h("div", { key: '28cd52ce3161d7da7136adc41fb021967a4a2ae9', class: "lottery-tipping-page-header-operation" }, h("slot", { key: '4caab039d48ecaf202a2d993ca2b1b46f3291804', name: "themeBtn" }), h("slot", { key: '5ab4e60d657bf0b945afd87f7778fb1d57b8f69b', name: "logoutBtn" }))), h("div", { key: '31e2e35380bde69f1e5b65cf9841f856fe6e9ed2', class: "lottery-tipping-content" }, this.renderContent())));
198
199
  }
199
200
  static get watchers() { return {
200
201
  "clientStyling": ["handleClientStylingChange"],