@everymatrix/player-elevate-points-history 1.47.3 → 1.48.0

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,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-c769d3e9.js');
6
- const playerElevateCardItems = require('./player-elevate-card-items-5f76fac2.js');
6
+ const playerElevateCardItems = require('./player-elevate-card-items-e3b5809c.js');
7
7
 
8
8
  const DEFAULT_LANGUAGE$1 = 'en';
9
9
  const SUPPORTED_LANGUAGES$1 = ['pt-br', 'en', 'es-mx', 'hu', 'hr'];
@@ -130,7 +130,7 @@ const translate = (key, customLang, values) => {
130
130
  return translation;
131
131
  };
132
132
 
133
- const bonusPaginationNavCss = ":host{display:block}.PageNavigationWrapper{display:flex;flex-direction:row}.PageNavigationWrapper .PageOfMessage{margin:5px;padding:5px 6px;margin:2px}.PageNavigation{display:flex;flex-direction:row;align-items:center}.PageNavigation .PageArrow{color:var(--emfe-w-color-primary, #777676);padding:6px 5px;cursor:pointer;font-weight:bold;width:1.2rem;text-align:center}.PageNavigation .PageArrow.Disabled{color:var(--emfe-w-color-gray-100, #e0e0e0)}ul.PaginationArea{list-style:none;padding:0px;margin:0px;display:flex}ul.PaginationArea li.PageItem{cursor:pointer;padding:5px 6px;margin:2px;width:0.9rem;text-align:center}ul.PaginationArea li.PageItem.Active,ul.PaginationArea li.PageItem:hover{font-weight:bold;color:var(--emfe-w-color-primary, #f5f1f1);background-color:var(--emfe-w-color-secondary, #8c8989);border-radius:0.3rem}";
133
+ const bonusPaginationNavCss = ":host{display:block}.PageNavigationWrapper{display:flex;flex-direction:row;height:100%;align-content:center}.PageNavigationWrapper .PageOfMessage{margin:5px;padding:5px 6px;margin:2px}.PageNavigation{display:flex;flex-direction:row;align-items:center}.PageNavigation .PageArrow{color:var(--emfe-w-color-primary, #777676);padding:6px 5px;cursor:pointer;font-weight:bold;width:1.2rem;text-align:center}.PageNavigation .PageArrow.Disabled{color:var(--emfe-w-color-gray-100, #e0e0e0)}ul.PaginationArea{list-style:none;padding:0px;margin:0px;display:flex}ul.PaginationArea li.PageItem{cursor:pointer;padding:5px 6px;margin:2px;width:0.9rem;text-align:center}ul.PaginationArea li.PageItem.Active,ul.PaginationArea li.PageItem:hover{font-weight:bold;color:var(--emfe-w-color-primary, #f5f1f1);background-color:var(--emfe-w-color-secondary, #8c8989);border-radius:0.3rem}";
134
134
  const BonusPaginationNavStyle0 = bonusPaginationNavCss;
135
135
 
136
136
  const BonusPaginationNav = class {
@@ -147,9 +147,11 @@ const BonusPaginationNav = class {
147
147
  this.secondaryArrowsActive = true;
148
148
  this.displayPageNumbers = true;
149
149
  this.displayRangeOfTotal = undefined;
150
+ this.navItemAccount = 5;
150
151
  this.endPageIndex = 0;
151
152
  this.pagesArray = undefined;
152
153
  this.currentPage = 1;
154
+ this.showAsEllipsisMid = !this.arrowsActive;
153
155
  }
154
156
  pageLimitChangedHandler(event) {
155
157
  this.limit = event.detail.limit ? event.detail.limit : this.limit;
@@ -179,31 +181,74 @@ const BonusPaginationNav = class {
179
181
  renderStylingWrapper() {
180
182
  return index.h("general-styling-wrapper", { targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl });
181
183
  }
182
- updatePageStatus() {
183
- this.endPageIndex = (Math.ceil(this.total / this.limit) - 1);
184
- this.endPageIndex = this.endPageIndex < 0 ? this.endPageIndex = 0 : this.endPageIndex;
185
- this.pagesArray = [];
186
- if (this.endPageIndex < 5) {
187
- this.pagesArray = Array.from({ length: this.endPageIndex + 1 }, (_, i) => i + 1);
184
+ /**
185
+ *
186
+ * @param maxNavItemsCount
187
+ * @param ellipsisMid
188
+ * @private
189
+ */
190
+ generateNavItemsByType(maxNavItemsCount, ellipsisMid) {
191
+ if (this.endPageIndex < maxNavItemsCount) {
192
+ return Array.from({ length: this.endPageIndex + 1 }, (_, i) => i + 1);
193
+ }
194
+ let pageArray = [];
195
+ /**
196
+ * Construct numbered navigation area based on current page position
197
+ * if ellipsisMid => 1, 2, 3 ... 8,9,10 / 1 ... 5,6,7,...10
198
+ * else => 1, 2, ... / ... 2, 3,4... / ... 9, 10
199
+ */
200
+ let halfOfMaxPageCount = Math.floor(maxNavItemsCount / 2);
201
+ const firstPageNo = 1, lastPageNo = this.endPageIndex + 1;
202
+ if (ellipsisMid) {
203
+ //Assume navItemAccount = 7, and totalPage = 10, in this case, we got halfOfMaxPageCount = 3,
204
+ if (this.currentPage < halfOfMaxPageCount || this.currentPage > (lastPageNo - halfOfMaxPageCount + 1)) {
205
+ //current page: (1, 2, 9, 10)
206
+ //Nav show as ( 1, 2, 3, ..., 8, 9, 10)
207
+ pageArray = Array.from({ length: halfOfMaxPageCount }, (_, i) => i + 1);
208
+ pageArray.push('...');
209
+ pageArray = pageArray.concat(Array.from({ length: halfOfMaxPageCount }, (_, i) => (this.endPageIndex - 1) + i));
210
+ }
211
+ else if (this.currentPage == halfOfMaxPageCount) {
212
+ //current page: 3 (=halfOfMaxPageCount)
213
+ //Nav show as ( 1, 2, 3, 4, ..., 9,10)
214
+ pageArray = Array.from({ length: halfOfMaxPageCount + 1 }, (_, i) => i + 1);
215
+ pageArray.push('...');
216
+ pageArray = pageArray.concat(Array.from({ length: halfOfMaxPageCount - 1 }, (_, i) => (this.endPageIndex) + i));
217
+ }
218
+ else if (this.currentPage == (lastPageNo - halfOfMaxPageCount + 1)) {
219
+ //current page: 8, (the page index after this.total - halfOfMaxPageCount ) Nav show as ( 1, 2, ... ,7, 8,9,10)
220
+ pageArray = Array.from({ length: halfOfMaxPageCount - 1 }, (_, i) => i + 1);
221
+ pageArray.push('...');
222
+ pageArray = pageArray.concat(Array.from({ length: halfOfMaxPageCount + 1 }, (_, i) => (this.endPageIndex - 2) + i));
223
+ }
224
+ else {
225
+ //current page: > 3 and < 7, let's say is 5 Nav show as ( 1, ..., 4, 5, 6, ... ,10)
226
+ pageArray = [firstPageNo, '...'];
227
+ pageArray = pageArray.concat([this.currentPage - 1], [this.currentPage], [this.currentPage + 1]);
228
+ pageArray = pageArray.concat(['...', lastPageNo]);
229
+ }
188
230
  }
189
231
  else {
190
- /**
191
- * Construct numbered navigation area based on current page position
192
- */
193
- if (this.currentPage == 1 || this.currentPage == 2) {
194
- this.pagesArray = Array.from({ length: 4 }, (_, i) => i + 1);
195
- this.pagesArray.push('...');
232
+ if (this.currentPage < (halfOfMaxPageCount - 1)) { // when current page is in first half of nav
233
+ pageArray = Array.from({ length: (maxNavItemsCount - 1) }, (_, i) => i + 1);
234
+ pageArray.push('...');
196
235
  }
197
- else if (this.currentPage >= 3 && ((this.endPageIndex - this.currentPage) >= 2)) {
198
- this.pagesArray = Array.from({ length: 3 }, (_, i) => this.currentPage + i - 1);
199
- this.pagesArray.push('...');
200
- this.pagesArray.unshift('...');
236
+ else if ((this.endPageIndex - this.currentPage) < (halfOfMaxPageCount + 1)) { // when current page is in last half of nav
237
+ pageArray = Array.from({ length: (maxNavItemsCount - 1) }, (_, i) => this.endPageIndex - halfOfMaxPageCount + i);
238
+ pageArray.unshift('...');
201
239
  }
202
- else if ((this.endPageIndex - this.currentPage) < 3) {
203
- this.pagesArray = Array.from({ length: 4 }, (_, i) => this.endPageIndex - 2 + i);
204
- this.pagesArray.unshift('...');
240
+ else {
241
+ pageArray = Array.from({ length: (halfOfMaxPageCount + 1) }, (_, i) => this.currentPage + i - 1);
242
+ pageArray.push('...');
243
+ pageArray.unshift('...');
205
244
  }
206
245
  }
246
+ return pageArray;
247
+ }
248
+ updatePageStatus() {
249
+ this.endPageIndex = (Math.ceil(this.total / this.limit) - 1);
250
+ this.endPageIndex = this.endPageIndex < 0 ? this.endPageIndex = 0 : this.endPageIndex;
251
+ this.pagesArray = this.generateNavItemsByType(this.navItemAccount, this.showAsEllipsisMid);
207
252
  }
208
253
  componentWillRender() {
209
254
  this.currentPage = Math.floor(this.offset / this.limit) + 1;
@@ -212,23 +257,23 @@ const BonusPaginationNav = class {
212
257
  render() {
213
258
  const startOffset = (this.currentPage - 1) * this.limit + 1;
214
259
  const endOffset = this.currentPage * this.limit > this.total ? this.total : this.currentPage * this.limit;
215
- return index.h("div", { key: 'a6817c12f1e1e9960f8e91cfd5c5e2fa1ea72f7f', class: 'PageNavigationWrapper' }, this.displayRangeOfTotal && this.total > 0 && index.h("span", { key: '8f7a16c5835147e2a83808f882a66a2463e3998e', class: 'PageOfMessage' }, translate('pageOfTotal', this.language, {
260
+ return index.h("div", { key: 'aa8d14788833b1b0e13ea20943935b03a3b043ac', class: 'PageNavigationWrapper' }, this.displayRangeOfTotal && this.total > 0 && index.h("span", { key: 'a018261b6c598116829d878b8120aee7ae2576c4', class: 'PageOfMessage' }, translate('pageOfTotal', this.language, {
216
261
  values: {
217
262
  start: startOffset,
218
263
  end: endOffset,
219
264
  total: this.total
220
265
  }
221
- })), index.h("div", { key: 'ddc20a86777c2fde667ad8b75ab86f3bc72ccfdb', class: 'PageNavigation' }, this.arrowsActive &&
222
- index.h("div", { key: 'ce2a45b8c0d6e32cfa3f1c5cc8b3c9ac58acc409', class: `PageArrow FirstPage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
266
+ })), index.h("div", { key: '64fc17d0b992b30a4b8d712e47442ee6a2d44b82', class: 'PageNavigation' }, this.arrowsActive &&
267
+ index.h("div", { key: 'f5f3b562fbdfb9e4b39ffd9755e5dba41e6231ba', class: `PageArrow FirstPage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
223
268
  this.goTo(1);
224
269
  } }, translate('firstPage', this.language)), this.secondaryArrowsActive &&
225
- index.h("span", { key: '82dce028e4283dcac511b3b62823e87f2085f4b5', class: `PageArrow PrePage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
270
+ index.h("span", { key: '39222e258f6c63502bfd3914c673d804edc96b53', class: `PageArrow PrePage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
226
271
  this.goTo(this.currentPage - 1);
227
272
  } }, translate('prePage', this.language)), this.displayPageNumbers && this.renderPageList(), this.secondaryArrowsActive &&
228
- index.h("span", { key: 'a6ed748ce3e2555ac3d9d4bae174ad5bad0fabec', class: `PageArrow NextPage ${this.currentPage == (this.endPageIndex + 1) ? 'Disabled' : ''}`, onClick: () => {
273
+ index.h("span", { key: 'd6f9a1394debdae49702713ccc59bea710ccd7ae', class: `PageArrow NextPage ${this.currentPage == (this.endPageIndex + 1) ? 'Disabled' : ''}`, onClick: () => {
229
274
  this.goTo(this.currentPage + 1);
230
275
  } }, translate('nextPage', this.language)), this.arrowsActive &&
231
- index.h("div", { key: '60a81a86f11e2bb07ee93b61d6f367a11b0e2b6c', class: `PageArrow LastPage ${this.currentPage == this.endPageIndex + 1 ? 'Disabled' : ''}`, onClick: () => {
276
+ index.h("div", { key: 'd2bb76f9d40fcfc3dbc6bb5fbfe6d237e77f0ee6', class: `PageArrow LastPage ${this.currentPage == this.endPageIndex + 1 ? 'Disabled' : ''}`, onClick: () => {
232
277
  this.goTo(this.endPageIndex + 1);
233
278
  } }, " ", translate('lastPage', this.language), " "), this.renderStylingWrapper()));
234
279
  }
@@ -765,9 +810,9 @@ const PlayerElevatePointcard = class {
765
810
  render() {
766
811
  const backgroundOuterImagePath = index.getAssetPath('../static/card-ground.svg');
767
812
  const backgroundInnerImagePath = index.getAssetPath('../static/card-ground-over.svg');
768
- return (index.h("div", { key: '13461fc9cf8b777337a539c15da4bb2781f5a837', class: `ElevateCardWrapper ${this.theme}` }, index.h("div", { key: '526e72c0ada871f74ba4a07f0a125bc25840c09c', class: "PointsCard Outer ", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, index.h("general-styling-wrapper", { key: '95e358ceb8fa3c247660f7ca15a4684b132874be', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: playerElevateCardItems.TRANSLATIONS, translationUrl: this.translationUrl }), index.h("player-elevate-card-data", { key: '24c765d743446ac597a9dcc9cd22515e7e39e6db', params: this.paramProxy }), index.h("div", { key: '309db4bbfc244a7fb97827774d9d4383109ca0d7', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, index.h("div", { key: '9d5614ded2f73b505e60900675a7d95b3cfbcbc6', class: 'Content Row' }, this.playerElevateLevel && (index.h(index.Fragment, { key: '9a17e809083e61aad19f7ffef5d5ee5885ae8b4d' }, index.h("div", { key: '47068df3c0070ee2785b0d0201b08766fe0d71e8', class: "PlayerImg" }, index.h(playerElevateCardItems.PlayerAvatar, { key: '40115f8b190d871c85f9531fbf0bafb8fbd739e2', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), index.h("div", { key: '278cd70c23ecb48655e90810af570ce5366d13d5', class: `LevelInfo ${this.playerElevateLevel.name}` }, index.h("div", { key: 'ce682ff881c5b12ed0b736ffcc67ad07b3713999', class: "PointsTxt Label" }, this.cardTitle ? this.cardTitle : playerElevateCardItems.translate('spendablePoints')), index.h("div", { key: 'eeebc5c468cf6e3d566f708fd47a19956ad9defe', class: 'PointsTxt SPPoints' }, index.h(playerElevateCardItems.PlayerPoints, { key: 'ad58990b7fa789cf2d5c524191447196e97c8a16', spendablePoints: this.playerElevateLevel.spendablePoints, language: this.language }), index.h("a", { key: '0dbdd6cd84e1cb43dac4485f4e3eec3130d6c65c', class: "TC", onClick: () => {
813
+ return (index.h("div", { key: '4e6e25bdd2a9f795369b39dbfd7e9adbd1523e17', class: `ElevateCardWrapper ${this.theme}` }, index.h("div", { key: 'ddeea1e67d51d5c0c8ed56edfd2d8d9c39e85253', class: "PointsCard Outer ", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, index.h("general-styling-wrapper", { key: 'c6d6e3a3bc9a54cb99b4268feb3c296527d1ba8c', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: playerElevateCardItems.TRANSLATIONS, translationUrl: this.translationUrl }), index.h("player-elevate-card-data", { key: '4371faac6967c5b3eced57f6251064ea4e1d6a65', params: this.paramProxy }), index.h("div", { key: 'c78235a6fdc2aed90df898f007b5ee091cece8dc', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, index.h("div", { key: '025e779223c1c85c11998be8389a8ff836a31e6c', class: 'Content Row' }, this.playerElevateLevel && (index.h(index.Fragment, { key: '68daa6047dc93d2596d8b2309a26f56960737617' }, index.h("div", { key: '6a2d2b2e7d234bceaf3d9240c5d4f2eb80395319', class: "PlayerImg" }, index.h(playerElevateCardItems.PlayerAvatar, { key: 'aeaf35ad8055ad4f7312922c8600ea58d09be74f', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), index.h("div", { key: 'bd51ce868b4d8a547f40ec55548bbf3cfa416534', class: `LevelInfo ${this.playerElevateLevel.name}` }, index.h("div", { key: '5f4d77a5b43c8efee850b9813bc1c8e61d27d45d', class: "PointsTxt Label" }, this.cardTitle ? this.cardTitle : playerElevateCardItems.translate('spendablePoints')), index.h("div", { key: 'bae5dc76d00c98aed803601c19fe3bf1aa4418d5', class: 'PointsTxt SPPoints' }, index.h(playerElevateCardItems.PlayerPoints, { key: '59d51bd37f44ed23108fc4356af41c01668354e3', spendablePoints: this.playerElevateLevel.spendablePoints, language: this.language }), index.h("a", { key: '3a923bea242ae5fa412f4448dca7277b3588621e', class: "TC", onClick: () => {
769
814
  this.onDetailsClick();
770
- } }, playerElevateCardItems.translate('termAndConditions', this.language))), this.pointExpireString && (index.h("div", { key: '45c3267d390995fabe34974913adf97b112cf8c2', class: 'ExpirationPoints' }, this.pointExpireString, " "))))))))));
815
+ } }, playerElevateCardItems.translate('termAndConditions', this.language))), this.pointExpireString && (index.h("div", { key: '8803ae8d343885da58dfa04b9a4474ff473b5a74', class: 'ExpirationPoints' }, this.pointExpireString, " "))))))))));
771
816
  }
772
817
  static get watchers() { return {
773
818
  "session": ["onSessionOrEndpointChange"],
@@ -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([["bonus-pagination-limits_6.cjs",[[1,"player-elevate-points-history",{"playerAvatarUrl":[513,"player-avatar-url"],"session":[513],"endpoint":[513],"limit":[1538],"secondaryArrowsActive":[1540,"secondary-arrows-active"],"displayPageNumbers":[1540,"display-page-numbers"],"pageLimitOptions":[1537,"page-limit-options"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"locale":[32],"type":[32],"pageSetting":[32],"pointsWallets":[32]},[[0,"reloadPageByType","reloadPageByTypeHandler"]],{"type":["walletTypeChangedHandler"],"endpoint":["updateWallets"],"language":["updateWallets"],"session":["updateWallets"]}],[1,"player-elevate-pointcard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"cardTitle":[513,"card-title"],"buttonType":[513,"button-type"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32],"elevateSPTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[0,"bonus-pagination-limits",{"language":[513],"translationUrl":[513,"translation-url"],"pageLimitOptions":[513,"page-limit-options"],"limit":[1538],"pageLimits":[32]}],[0,"bonus-pagination-nav",{"total":[1538],"limit":[1538],"offset":[1538],"tableId":[1537,"table-id"],"language":[1537],"translationUrl":[513,"translation-url"],"arrowsActive":[1540,"arrows-active"],"secondaryArrowsActive":[1540,"secondary-arrows-active"],"displayPageNumbers":[1540,"display-page-numbers"],"displayRangeOfTotal":[1540,"display-range-of-total"],"endPageIndex":[32],"pagesArray":[32],"currentPage":[32]},[[8,"paginationReset","pageLimitChangedHandler"],[8,"pageLimitChanged","pageLimitChangedHandler"]]],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"]],{"params":["onParamsChanged"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}]]],["player-elevate-card.cjs",[[1,"player-elevate-card",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerLevelFlag":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]],["player-elevate-loyaltycard.cjs",[[1,"player-elevate-loyaltycard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]]], options);
11
+ return index.bootstrapLazy([["bonus-pagination-limits_6.cjs",[[1,"player-elevate-points-history",{"playerAvatarUrl":[513,"player-avatar-url"],"session":[513],"endpoint":[513],"limit":[1538],"secondaryArrowsActive":[1540,"secondary-arrows-active"],"displayPageNumbers":[1540,"display-page-numbers"],"pageLimitOptions":[1537,"page-limit-options"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"locale":[32],"type":[32],"pageSetting":[32],"pointsWallets":[32]},[[0,"reloadPageByType","reloadPageByTypeHandler"]],{"type":["walletTypeChangedHandler"],"endpoint":["updateWallets"],"language":["updateWallets"],"session":["updateWallets"]}],[1,"player-elevate-pointcard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"cardTitle":[513,"card-title"],"buttonType":[513,"button-type"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32],"elevateSPTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[0,"bonus-pagination-limits",{"language":[513],"translationUrl":[513,"translation-url"],"pageLimitOptions":[513,"page-limit-options"],"limit":[1538],"pageLimits":[32]}],[0,"bonus-pagination-nav",{"total":[1538],"limit":[1538],"offset":[1538],"tableId":[1537,"table-id"],"language":[1537],"translationUrl":[513,"translation-url"],"arrowsActive":[1540,"arrows-active"],"secondaryArrowsActive":[1540,"secondary-arrows-active"],"displayPageNumbers":[1540,"display-page-numbers"],"displayRangeOfTotal":[1540,"display-range-of-total"],"navItemAccount":[1538,"nav-item-account"],"endPageIndex":[32],"pagesArray":[32],"currentPage":[32],"showAsEllipsisMid":[32]},[[8,"paginationReset","pageLimitChangedHandler"],[8,"pageLimitChanged","pageLimitChangedHandler"]]],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"]],{"params":["onParamsChanged"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}]]],["player-elevate-card.cjs",[[1,"player-elevate-card",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerLevelFlag":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]],["player-elevate-loyaltycard.cjs",[[1,"player-elevate-loyaltycard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]]], options);
12
12
  };
13
13
 
14
14
  exports.setNonce = index.setNonce;
@@ -2199,7 +2199,7 @@ function cleanEscapedString(input) {
2199
2199
  }
2200
2200
 
2201
2201
  const DEFAULT_LANGUAGE = 'en';
2202
- const SUPPORTED_LANGUAGES = ['ro', 'en'];
2202
+ const SUPPORTED_LANGUAGES = ['en', 'zh-hk', 'it', 'fr', 'tr'];
2203
2203
  const TRANSLATIONS = {
2204
2204
  en: {
2205
2205
  redeem: 'Redeem',
@@ -2208,7 +2208,7 @@ const TRANSLATIONS = {
2208
2208
  pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
2209
2209
  pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
2210
2210
  pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
2211
- tipsForNextLevel: 'Need ${pointsToReach} to reach ${levelName}',
2211
+ tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
2212
2212
  spendablePoints: 'Spendable Points:',
2213
2213
  details: 'Details',
2214
2214
  earningRules: 'Earning Rules',
@@ -2223,7 +2223,7 @@ const TRANSLATIONS = {
2223
2223
  pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
2224
2224
  pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
2225
2225
  pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
2226
- tipsForNextLevel: 'Need ${pointsToReach} to reach ${levelName}',
2226
+ tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
2227
2227
  spendablePoints: 'Spendable Points:',
2228
2228
  details: '明细',
2229
2229
  earningRules: 'Earning Rules',
@@ -2238,7 +2238,7 @@ const TRANSLATIONS = {
2238
2238
  pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
2239
2239
  pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
2240
2240
  pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
2241
- tipsForNextLevel: 'Need ${pointsToReach} to reach ${levelName}',
2241
+ tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
2242
2242
  spendablePoints: 'Spendable Points:',
2243
2243
  details: 'Details',
2244
2244
  earningRules: 'Earning Rules',
@@ -2253,7 +2253,7 @@ const TRANSLATIONS = {
2253
2253
  pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
2254
2254
  pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
2255
2255
  pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
2256
- tipsForNextLevel: 'Need ${pointsToReach} to reach ${levelName}',
2256
+ tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
2257
2257
  spendablePoints: 'Spendable Points:',
2258
2258
  details: 'Details',
2259
2259
  earningRules: 'Earning Rules',
@@ -2268,7 +2268,7 @@ const TRANSLATIONS = {
2268
2268
  pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
2269
2269
  pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
2270
2270
  pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
2271
- tipsForNextLevel: 'Need ${pointsToReach} to reach ${levelName}',
2271
+ tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
2272
2272
  spendablePoints: 'Spendable Points:',
2273
2273
  details: 'Details',
2274
2274
  earningRules: 'Earning Rules',
@@ -2280,7 +2280,19 @@ const TRANSLATIONS = {
2280
2280
  redeem: 'Redeem'
2281
2281
  },
2282
2282
  tr: {
2283
- redeem: 'Redeem'
2283
+ redeem: 'Redeem',
2284
+ expireOn: 'Expire on ',
2285
+ pointsToBeExpired: '${expirationPoints} points to expire in ${expireDay} days',
2286
+ pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
2287
+ pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
2288
+ pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
2289
+ tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
2290
+ spendablePoints: 'Spendable Points:',
2291
+ details: 'Details',
2292
+ earningRules: 'Earning Rules',
2293
+ xp: 'XP',
2294
+ sp: 'Coins',
2295
+ termAndConditions: 'Term & Conditions',
2284
2296
  },
2285
2297
  ru: {
2286
2298
  redeem: 'Redeem'
@@ -2435,7 +2447,7 @@ const TipsInfo = `<svg width="126" height="92" viewBox="0 0 126 92" fill="none"
2435
2447
  `;
2436
2448
 
2437
2449
  const PlayerLoyaltyProcess = () => (index.h("span", { class: "LevelProgress", id: 'LevelProgress', innerHTML: LoyaltyProgress }));
2438
- const PlayerPoints = ({ loyaltyPoints, spendablePoints, pointExpireString, language, }) => (index.h("div", { class: "PointsInfo" }, loyaltyPoints &&
2450
+ const PlayerPoints = ({ loyaltyPoints, spendablePoints, pointExpireString, language, }) => (index.h("div", { class: "PointsInfo" }, (loyaltyPoints || loyaltyPoints == 0) &&
2439
2451
  index.h("div", { class: 'Points' }, loyaltyPoints, " ", index.h("sub", { class: "XP" }, translate('xp', language))), spendablePoints &&
2440
2452
  index.h("div", { class: 'Points' }, spendablePoints, " ", index.h("sub", { class: "XP" }, translate('sp', language))), pointExpireString && (index.h("div", { class: 'ExpirationPoints' }, pointExpireString, " "))));
2441
2453
  const PlayerElevateCardRedeem = ({ language, onRedeemClick }) => (index.h("div", { class: "CardCell Redeem" }, index.h("div", { class: "RedeemButton", onClick: () => {
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-c769d3e9.js');
6
- const playerElevateCardItems = require('./player-elevate-card-items-5f76fac2.js');
6
+ const playerElevateCardItems = require('./player-elevate-card-items-e3b5809c.js');
7
7
 
8
8
  const playerElevateCardCss = "@container (max-width: 270px) {\n .Card .Inner {\n flex-direction: column;\n }\n .Card .Inner .Content {\n padding: 9px;\n }\n .Inner .Row .ExpirationPoints {\n order: 1;\n }\n}\n.Card .PlayerImg {\n order: 0;\n}\n.Card .ExpirationPoints {\n order: 3;\n}\n.Card .LevelInfo {\n order: 2;\n}\n.Card .Inner .Row .PlayerImg {\n flex-direction: column;\n}\n.Card .Inner .Row .PointsInfo {\n width: 100%;\n text-align: center;\n display: flex;\n flex-direction: column;\n max-height: 50%;\n}\n.Card .Inner .PlayerAvatar .Badge {\n background-size: contain;\n background-repeat: no-repeat;\n position: absolute;\n right: 5px;\n bottom: -5px;\n width: 40%;\n height: 40%;\n overflow: visible;\n}\n.Card .Inner .Row .ExpirationPoints {\n text-align: left;\n color: var(--emfe-w-color-red, red);\n}\n.Card .Inner .Row .Points {\n text-wrap: nowrap;\n}\n.Card .Inner .LevelInfo .ElevateLevel {\n flex-direction: column;\n}\n.Card .Inner .LevelInfo .ElevateLevel .LevelName {\n width: calc(100% - 20px);\n text-align: left;\n font-size: 13px;\n padding-left: 20px;\n margin: 10px 0;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpirationDate {\n text-align: center;\n font-size: smaller;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpireTime {\n margin-left: 5px;\n}";
9
9
  const PlayerElevateCardStyle0 = playerElevateCardCss;
@@ -3,9 +3,9 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-c769d3e9.js');
6
- const playerElevateCardItems = require('./player-elevate-card-items-5f76fac2.js');
6
+ const playerElevateCardItems = require('./player-elevate-card-items-e3b5809c.js');
7
7
 
8
- const playerElevateLoyaltycardCss = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:11px;margin-left:5px}}@media screen and (max-width: 500px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:wrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:0px;margin-left:0px}}.LoyaltyCard .Inner .LevelProgress{margin-left:0px}.LoyaltyCard .Inner .Row .PointsInfo{width:100%}.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints{text-align:left;color:var(--emfe-w-color-red-50, red)}.LoyaltyCard .Inner .PlayerAvatar .Avatar{display:none}.LoyaltyCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%}.LoyaltyCard .Inner .LevelInfo .ElevateLevel{display:flex;flex:1;align-items:center}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{position:relative;padding-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime{margin-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName{padding-left:0;font-size:var(--emfe-w-elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emfe-w-elevate-color-levelname, #FFBD2B);font-weight:bold}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emfe-w-color-black, #000);opacity:0.8;font-weight:bold}";
8
+ const playerElevateLoyaltycardCss = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:11px;margin-left:5px}}@media screen and (max-width: 500px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:wrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:0px;margin-left:0px}}.LoyaltyCard .Inner .LevelProgress{margin-left:0px}.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints{text-align:left;color:var(--emfe-w-color-red-50, red)}.LoyaltyCard .Inner .PlayerAvatar .Avatar{display:none}.LoyaltyCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%}.LoyaltyCard .Inner .LevelInfo .ElevateLevel{display:flex;flex:1;align-items:center}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{position:relative;padding-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime{margin-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName{padding-left:0;font-size:var(--emfe-w-elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emfe-w-elevate-color-levelname, #FFBD2B);font-weight:bold}.LoyaltyCard .PointsRange{display:flex;justify-content:space-between}.LoyaltyCard .PointsRange .PointsInfo{width:auto}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emfe-w-color-black, #000);opacity:0.8;font-weight:bold}";
9
9
  const PlayerElevateLoyaltycardStyle0 = playerElevateLoyaltycardCss;
10
10
 
11
11
  const PlayerElevateLoyaltycard = class {
@@ -52,6 +52,10 @@ const PlayerElevateLoyaltycard = class {
52
52
  language: this.language,
53
53
  };
54
54
  }
55
+ getNextLevelPoints() {
56
+ var _a, _b;
57
+ return ((_a = this.playerElevateLevel) === null || _a === void 0 ? void 0 : _a.nextLevel) ? (_b = this.playerElevateLevel) === null || _b === void 0 ? void 0 : _b.nextLevel.entryPoints : -1;
58
+ }
55
59
  getNextLevelTips() {
56
60
  var _a;
57
61
  //need xx to reach Diamond
@@ -61,6 +65,7 @@ const PlayerElevateLoyaltycard = class {
61
65
  return playerElevateCardItems.translateWithParams('tipsForNextLevel', {
62
66
  pointsToReach,
63
67
  levelName: nextLevel.name,
68
+ lang: this.language
64
69
  });
65
70
  }
66
71
  return '';
@@ -68,7 +73,7 @@ const PlayerElevateLoyaltycard = class {
68
73
  render() {
69
74
  const backgroundOuterImagePath = index.getAssetPath('../static/card-ground.svg');
70
75
  const backgroundInnerImagePath = index.getAssetPath('../static/card-ground-over.svg');
71
- return (index.h("div", { key: 'd32d09786bf66e0abef026482e7ea04a53c051b1', class: `ElevateCardWrapper ${this.theme}` }, index.h("div", { key: 'dd2685eb840341b8823f24db9b72d0f6b7d340ae', class: "LoyaltyCard Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, index.h("general-styling-wrapper", { key: '3e2a00d1697c89441a8254cb81c6dc72e5b9f534', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: playerElevateCardItems.TRANSLATIONS, translationUrl: this.translationUrl }), index.h("player-elevate-card-data", { key: '56221e6d50df3b09c4269000637818009807c994', params: this.paramProxy }), index.h("div", { key: 'f11201024b280d6beb2ce1978ebfa7f2c7c59678', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, index.h("div", { key: '948a023268fad3945b5069686eb29312111042a2', class: 'Content Row' }, this.playerElevateLevel && (index.h(index.Fragment, { key: 'de7c52faa07386949ce1ca728968534922e9d880' }, index.h("div", { key: '7c1a0c6ea5dbe7ee2375813b3819efa61e283232', class: "PlayerImg" }, index.h(playerElevateCardItems.PlayerAvatar, { key: '70ae13ee168c6de7bf4618f6ab8761462c8812b2', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), index.h("div", { key: 'c11f916999b52e43e04ee472b0f54691012409a5', class: `LevelInfo ${this.playerElevateLevel.name}` }, index.h(playerElevateCardItems.PlayerElevateLoyaltyLevel, { key: '6aa61d117b24f9abbee9c5d33e882d6f023f205b', hideInfo: true, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }), index.h(playerElevateCardItems.PlayerPoints, { key: '7cc02e34d4682c25095dbf6a3077b314410d8093', loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), this.pointExpireString && (index.h("div", { key: '793e388644891e15b32e003ac8914e57e758e86b', class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " ")), index.h(playerElevateCardItems.PlayerLoyaltyProcess, { key: 'a4f6c3b9f9cd5e8c6a025c26154702f9495bbe5b' }), index.h("div", { key: 'd91eda0f963ba9ffd481237f4b16bd4ef638d25e', class: "NextLevelTip" }, this.getNextLevelTips())))))))));
76
+ return (index.h("div", { key: '2b0944f8317a94621e1bc65bbbb3726654b8963b', class: `ElevateCardWrapper ${this.theme}` }, index.h("div", { key: 'c6d4dbba143435b4485d7fde91ab0a48a2f6688b', class: "LoyaltyCard Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, index.h("general-styling-wrapper", { key: 'e47a4efe925eb35d4449c6ff33a0afef9d284e55', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: playerElevateCardItems.TRANSLATIONS, translationUrl: this.translationUrl }), index.h("player-elevate-card-data", { key: 'a560991893305894ddd41756cd7b3c32d0ef9e03', params: this.paramProxy }), index.h("div", { key: 'ceb8b71386f84f54518a3694535aa16c2c3d3951', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, index.h("div", { key: '1df9647c3de42e74adee0f8895511442118ae381', class: 'Content Row' }, this.playerElevateLevel && (index.h(index.Fragment, { key: '569bcd5fc3c578d2e6cc7442d28444e29688660c' }, index.h("div", { key: 'aa40032bff99c5462b906e4427232ca2d4019017', class: "PlayerImg" }, index.h(playerElevateCardItems.PlayerAvatar, { key: '7a2d535b0c2029c90b9f1c123f9feebafca6bdde', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), index.h("div", { key: '90999da8fc2a3102eac235fcbc8afbec2a2bbdf8', class: `LevelInfo ${this.playerElevateLevel.name}` }, index.h(playerElevateCardItems.PlayerElevateLoyaltyLevel, { key: '67e8bf370b1b77e776fb6d955ae63928fd1338d8', hideInfo: true, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }), index.h("div", { key: '1e0fefc6a23f4aeeef5e19828399fe1229a3fc81', class: 'PointsRange' }, index.h(playerElevateCardItems.PlayerPoints, { key: 'dd176e624cde3b6f517101d7702a15465305174d', loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), index.h(playerElevateCardItems.PlayerPoints, { key: '6cddb64c92545803d08fbbc513cc951b2691a42e', loyaltyPoints: this.getNextLevelPoints(), language: this.language })), this.pointExpireString && (index.h("div", { key: '6ead0fa321a73f2f4ae69e1c424037b739c85994', class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " ")), index.h(playerElevateCardItems.PlayerLoyaltyProcess, { key: '53c623e1852fd47fddec758159c4bf6e82be1aaa' }), index.h("div", { key: '99894852a3f1751e80010fff0c1a841562963f6e', class: "NextLevelTip" }, this.getNextLevelTips())))))))));
72
77
  }
73
78
  static get watchers() { return {
74
79
  "session": ["onSessionOrEndpointChange"],
@@ -19,7 +19,7 @@ var patchBrowser = () => {
19
19
 
20
20
  patchBrowser().then(async (options) => {
21
21
  await appGlobals.globalScripts();
22
- return index.bootstrapLazy([["bonus-pagination-limits_6.cjs",[[1,"player-elevate-points-history",{"playerAvatarUrl":[513,"player-avatar-url"],"session":[513],"endpoint":[513],"limit":[1538],"secondaryArrowsActive":[1540,"secondary-arrows-active"],"displayPageNumbers":[1540,"display-page-numbers"],"pageLimitOptions":[1537,"page-limit-options"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"locale":[32],"type":[32],"pageSetting":[32],"pointsWallets":[32]},[[0,"reloadPageByType","reloadPageByTypeHandler"]],{"type":["walletTypeChangedHandler"],"endpoint":["updateWallets"],"language":["updateWallets"],"session":["updateWallets"]}],[1,"player-elevate-pointcard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"cardTitle":[513,"card-title"],"buttonType":[513,"button-type"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32],"elevateSPTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[0,"bonus-pagination-limits",{"language":[513],"translationUrl":[513,"translation-url"],"pageLimitOptions":[513,"page-limit-options"],"limit":[1538],"pageLimits":[32]}],[0,"bonus-pagination-nav",{"total":[1538],"limit":[1538],"offset":[1538],"tableId":[1537,"table-id"],"language":[1537],"translationUrl":[513,"translation-url"],"arrowsActive":[1540,"arrows-active"],"secondaryArrowsActive":[1540,"secondary-arrows-active"],"displayPageNumbers":[1540,"display-page-numbers"],"displayRangeOfTotal":[1540,"display-range-of-total"],"endPageIndex":[32],"pagesArray":[32],"currentPage":[32]},[[8,"paginationReset","pageLimitChangedHandler"],[8,"pageLimitChanged","pageLimitChangedHandler"]]],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"]],{"params":["onParamsChanged"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}]]],["player-elevate-card.cjs",[[1,"player-elevate-card",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerLevelFlag":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]],["player-elevate-loyaltycard.cjs",[[1,"player-elevate-loyaltycard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]]], options);
22
+ return index.bootstrapLazy([["bonus-pagination-limits_6.cjs",[[1,"player-elevate-points-history",{"playerAvatarUrl":[513,"player-avatar-url"],"session":[513],"endpoint":[513],"limit":[1538],"secondaryArrowsActive":[1540,"secondary-arrows-active"],"displayPageNumbers":[1540,"display-page-numbers"],"pageLimitOptions":[1537,"page-limit-options"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"locale":[32],"type":[32],"pageSetting":[32],"pointsWallets":[32]},[[0,"reloadPageByType","reloadPageByTypeHandler"]],{"type":["walletTypeChangedHandler"],"endpoint":["updateWallets"],"language":["updateWallets"],"session":["updateWallets"]}],[1,"player-elevate-pointcard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"cardTitle":[513,"card-title"],"buttonType":[513,"button-type"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32],"elevateSPTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[0,"bonus-pagination-limits",{"language":[513],"translationUrl":[513,"translation-url"],"pageLimitOptions":[513,"page-limit-options"],"limit":[1538],"pageLimits":[32]}],[0,"bonus-pagination-nav",{"total":[1538],"limit":[1538],"offset":[1538],"tableId":[1537,"table-id"],"language":[1537],"translationUrl":[513,"translation-url"],"arrowsActive":[1540,"arrows-active"],"secondaryArrowsActive":[1540,"secondary-arrows-active"],"displayPageNumbers":[1540,"display-page-numbers"],"displayRangeOfTotal":[1540,"display-range-of-total"],"navItemAccount":[1538,"nav-item-account"],"endPageIndex":[32],"pagesArray":[32],"currentPage":[32],"showAsEllipsisMid":[32]},[[8,"paginationReset","pageLimitChangedHandler"],[8,"pageLimitChanged","pageLimitChangedHandler"]]],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"]],{"params":["onParamsChanged"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}]]],["player-elevate-card.cjs",[[1,"player-elevate-card",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerLevelFlag":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]],["player-elevate-loyaltycard.cjs",[[1,"player-elevate-loyaltycard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]]], options);
23
23
  });
24
24
 
25
25
  exports.setNonce = index.setNonce;
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, c as createEvent, h, g as getElement, a as getAssetPath, F as Fragment } from './index-e7bde614.js';
2
- import { r as requiredArgs, t as toDate, g as getTimezoneOffsetInMilliseconds, a as translateWithParams, T as TRANSLATIONS$2, P as PlayerAvatar, b as translate$2, c as PlayerPoints } from './player-elevate-card-items-02f45acf.js';
2
+ import { r as requiredArgs, t as toDate, g as getTimezoneOffsetInMilliseconds, a as translateWithParams, T as TRANSLATIONS$2, P as PlayerAvatar, b as translate$2, c as PlayerPoints } from './player-elevate-card-items-c2343f2a.js';
3
3
 
4
4
  const DEFAULT_LANGUAGE$1 = 'en';
5
5
  const SUPPORTED_LANGUAGES$1 = ['pt-br', 'en', 'es-mx', 'hu', 'hr'];
@@ -126,7 +126,7 @@ const translate = (key, customLang, values) => {
126
126
  return translation;
127
127
  };
128
128
 
129
- const bonusPaginationNavCss = ":host{display:block}.PageNavigationWrapper{display:flex;flex-direction:row}.PageNavigationWrapper .PageOfMessage{margin:5px;padding:5px 6px;margin:2px}.PageNavigation{display:flex;flex-direction:row;align-items:center}.PageNavigation .PageArrow{color:var(--emfe-w-color-primary, #777676);padding:6px 5px;cursor:pointer;font-weight:bold;width:1.2rem;text-align:center}.PageNavigation .PageArrow.Disabled{color:var(--emfe-w-color-gray-100, #e0e0e0)}ul.PaginationArea{list-style:none;padding:0px;margin:0px;display:flex}ul.PaginationArea li.PageItem{cursor:pointer;padding:5px 6px;margin:2px;width:0.9rem;text-align:center}ul.PaginationArea li.PageItem.Active,ul.PaginationArea li.PageItem:hover{font-weight:bold;color:var(--emfe-w-color-primary, #f5f1f1);background-color:var(--emfe-w-color-secondary, #8c8989);border-radius:0.3rem}";
129
+ const bonusPaginationNavCss = ":host{display:block}.PageNavigationWrapper{display:flex;flex-direction:row;height:100%;align-content:center}.PageNavigationWrapper .PageOfMessage{margin:5px;padding:5px 6px;margin:2px}.PageNavigation{display:flex;flex-direction:row;align-items:center}.PageNavigation .PageArrow{color:var(--emfe-w-color-primary, #777676);padding:6px 5px;cursor:pointer;font-weight:bold;width:1.2rem;text-align:center}.PageNavigation .PageArrow.Disabled{color:var(--emfe-w-color-gray-100, #e0e0e0)}ul.PaginationArea{list-style:none;padding:0px;margin:0px;display:flex}ul.PaginationArea li.PageItem{cursor:pointer;padding:5px 6px;margin:2px;width:0.9rem;text-align:center}ul.PaginationArea li.PageItem.Active,ul.PaginationArea li.PageItem:hover{font-weight:bold;color:var(--emfe-w-color-primary, #f5f1f1);background-color:var(--emfe-w-color-secondary, #8c8989);border-radius:0.3rem}";
130
130
  const BonusPaginationNavStyle0 = bonusPaginationNavCss;
131
131
 
132
132
  const BonusPaginationNav = class {
@@ -143,9 +143,11 @@ const BonusPaginationNav = class {
143
143
  this.secondaryArrowsActive = true;
144
144
  this.displayPageNumbers = true;
145
145
  this.displayRangeOfTotal = undefined;
146
+ this.navItemAccount = 5;
146
147
  this.endPageIndex = 0;
147
148
  this.pagesArray = undefined;
148
149
  this.currentPage = 1;
150
+ this.showAsEllipsisMid = !this.arrowsActive;
149
151
  }
150
152
  pageLimitChangedHandler(event) {
151
153
  this.limit = event.detail.limit ? event.detail.limit : this.limit;
@@ -175,31 +177,74 @@ const BonusPaginationNav = class {
175
177
  renderStylingWrapper() {
176
178
  return h("general-styling-wrapper", { targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl });
177
179
  }
178
- updatePageStatus() {
179
- this.endPageIndex = (Math.ceil(this.total / this.limit) - 1);
180
- this.endPageIndex = this.endPageIndex < 0 ? this.endPageIndex = 0 : this.endPageIndex;
181
- this.pagesArray = [];
182
- if (this.endPageIndex < 5) {
183
- this.pagesArray = Array.from({ length: this.endPageIndex + 1 }, (_, i) => i + 1);
180
+ /**
181
+ *
182
+ * @param maxNavItemsCount
183
+ * @param ellipsisMid
184
+ * @private
185
+ */
186
+ generateNavItemsByType(maxNavItemsCount, ellipsisMid) {
187
+ if (this.endPageIndex < maxNavItemsCount) {
188
+ return Array.from({ length: this.endPageIndex + 1 }, (_, i) => i + 1);
189
+ }
190
+ let pageArray = [];
191
+ /**
192
+ * Construct numbered navigation area based on current page position
193
+ * if ellipsisMid => 1, 2, 3 ... 8,9,10 / 1 ... 5,6,7,...10
194
+ * else => 1, 2, ... / ... 2, 3,4... / ... 9, 10
195
+ */
196
+ let halfOfMaxPageCount = Math.floor(maxNavItemsCount / 2);
197
+ const firstPageNo = 1, lastPageNo = this.endPageIndex + 1;
198
+ if (ellipsisMid) {
199
+ //Assume navItemAccount = 7, and totalPage = 10, in this case, we got halfOfMaxPageCount = 3,
200
+ if (this.currentPage < halfOfMaxPageCount || this.currentPage > (lastPageNo - halfOfMaxPageCount + 1)) {
201
+ //current page: (1, 2, 9, 10)
202
+ //Nav show as ( 1, 2, 3, ..., 8, 9, 10)
203
+ pageArray = Array.from({ length: halfOfMaxPageCount }, (_, i) => i + 1);
204
+ pageArray.push('...');
205
+ pageArray = pageArray.concat(Array.from({ length: halfOfMaxPageCount }, (_, i) => (this.endPageIndex - 1) + i));
206
+ }
207
+ else if (this.currentPage == halfOfMaxPageCount) {
208
+ //current page: 3 (=halfOfMaxPageCount)
209
+ //Nav show as ( 1, 2, 3, 4, ..., 9,10)
210
+ pageArray = Array.from({ length: halfOfMaxPageCount + 1 }, (_, i) => i + 1);
211
+ pageArray.push('...');
212
+ pageArray = pageArray.concat(Array.from({ length: halfOfMaxPageCount - 1 }, (_, i) => (this.endPageIndex) + i));
213
+ }
214
+ else if (this.currentPage == (lastPageNo - halfOfMaxPageCount + 1)) {
215
+ //current page: 8, (the page index after this.total - halfOfMaxPageCount ) Nav show as ( 1, 2, ... ,7, 8,9,10)
216
+ pageArray = Array.from({ length: halfOfMaxPageCount - 1 }, (_, i) => i + 1);
217
+ pageArray.push('...');
218
+ pageArray = pageArray.concat(Array.from({ length: halfOfMaxPageCount + 1 }, (_, i) => (this.endPageIndex - 2) + i));
219
+ }
220
+ else {
221
+ //current page: > 3 and < 7, let's say is 5 Nav show as ( 1, ..., 4, 5, 6, ... ,10)
222
+ pageArray = [firstPageNo, '...'];
223
+ pageArray = pageArray.concat([this.currentPage - 1], [this.currentPage], [this.currentPage + 1]);
224
+ pageArray = pageArray.concat(['...', lastPageNo]);
225
+ }
184
226
  }
185
227
  else {
186
- /**
187
- * Construct numbered navigation area based on current page position
188
- */
189
- if (this.currentPage == 1 || this.currentPage == 2) {
190
- this.pagesArray = Array.from({ length: 4 }, (_, i) => i + 1);
191
- this.pagesArray.push('...');
228
+ if (this.currentPage < (halfOfMaxPageCount - 1)) { // when current page is in first half of nav
229
+ pageArray = Array.from({ length: (maxNavItemsCount - 1) }, (_, i) => i + 1);
230
+ pageArray.push('...');
192
231
  }
193
- else if (this.currentPage >= 3 && ((this.endPageIndex - this.currentPage) >= 2)) {
194
- this.pagesArray = Array.from({ length: 3 }, (_, i) => this.currentPage + i - 1);
195
- this.pagesArray.push('...');
196
- this.pagesArray.unshift('...');
232
+ else if ((this.endPageIndex - this.currentPage) < (halfOfMaxPageCount + 1)) { // when current page is in last half of nav
233
+ pageArray = Array.from({ length: (maxNavItemsCount - 1) }, (_, i) => this.endPageIndex - halfOfMaxPageCount + i);
234
+ pageArray.unshift('...');
197
235
  }
198
- else if ((this.endPageIndex - this.currentPage) < 3) {
199
- this.pagesArray = Array.from({ length: 4 }, (_, i) => this.endPageIndex - 2 + i);
200
- this.pagesArray.unshift('...');
236
+ else {
237
+ pageArray = Array.from({ length: (halfOfMaxPageCount + 1) }, (_, i) => this.currentPage + i - 1);
238
+ pageArray.push('...');
239
+ pageArray.unshift('...');
201
240
  }
202
241
  }
242
+ return pageArray;
243
+ }
244
+ updatePageStatus() {
245
+ this.endPageIndex = (Math.ceil(this.total / this.limit) - 1);
246
+ this.endPageIndex = this.endPageIndex < 0 ? this.endPageIndex = 0 : this.endPageIndex;
247
+ this.pagesArray = this.generateNavItemsByType(this.navItemAccount, this.showAsEllipsisMid);
203
248
  }
204
249
  componentWillRender() {
205
250
  this.currentPage = Math.floor(this.offset / this.limit) + 1;
@@ -208,23 +253,23 @@ const BonusPaginationNav = class {
208
253
  render() {
209
254
  const startOffset = (this.currentPage - 1) * this.limit + 1;
210
255
  const endOffset = this.currentPage * this.limit > this.total ? this.total : this.currentPage * this.limit;
211
- return h("div", { key: 'a6817c12f1e1e9960f8e91cfd5c5e2fa1ea72f7f', class: 'PageNavigationWrapper' }, this.displayRangeOfTotal && this.total > 0 && h("span", { key: '8f7a16c5835147e2a83808f882a66a2463e3998e', class: 'PageOfMessage' }, translate('pageOfTotal', this.language, {
256
+ return h("div", { key: 'aa8d14788833b1b0e13ea20943935b03a3b043ac', class: 'PageNavigationWrapper' }, this.displayRangeOfTotal && this.total > 0 && h("span", { key: 'a018261b6c598116829d878b8120aee7ae2576c4', class: 'PageOfMessage' }, translate('pageOfTotal', this.language, {
212
257
  values: {
213
258
  start: startOffset,
214
259
  end: endOffset,
215
260
  total: this.total
216
261
  }
217
- })), h("div", { key: 'ddc20a86777c2fde667ad8b75ab86f3bc72ccfdb', class: 'PageNavigation' }, this.arrowsActive &&
218
- h("div", { key: 'ce2a45b8c0d6e32cfa3f1c5cc8b3c9ac58acc409', class: `PageArrow FirstPage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
262
+ })), h("div", { key: '64fc17d0b992b30a4b8d712e47442ee6a2d44b82', class: 'PageNavigation' }, this.arrowsActive &&
263
+ h("div", { key: 'f5f3b562fbdfb9e4b39ffd9755e5dba41e6231ba', class: `PageArrow FirstPage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
219
264
  this.goTo(1);
220
265
  } }, translate('firstPage', this.language)), this.secondaryArrowsActive &&
221
- h("span", { key: '82dce028e4283dcac511b3b62823e87f2085f4b5', class: `PageArrow PrePage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
266
+ h("span", { key: '39222e258f6c63502bfd3914c673d804edc96b53', class: `PageArrow PrePage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
222
267
  this.goTo(this.currentPage - 1);
223
268
  } }, translate('prePage', this.language)), this.displayPageNumbers && this.renderPageList(), this.secondaryArrowsActive &&
224
- h("span", { key: 'a6ed748ce3e2555ac3d9d4bae174ad5bad0fabec', class: `PageArrow NextPage ${this.currentPage == (this.endPageIndex + 1) ? 'Disabled' : ''}`, onClick: () => {
269
+ h("span", { key: 'd6f9a1394debdae49702713ccc59bea710ccd7ae', class: `PageArrow NextPage ${this.currentPage == (this.endPageIndex + 1) ? 'Disabled' : ''}`, onClick: () => {
225
270
  this.goTo(this.currentPage + 1);
226
271
  } }, translate('nextPage', this.language)), this.arrowsActive &&
227
- h("div", { key: '60a81a86f11e2bb07ee93b61d6f367a11b0e2b6c', class: `PageArrow LastPage ${this.currentPage == this.endPageIndex + 1 ? 'Disabled' : ''}`, onClick: () => {
272
+ h("div", { key: 'd2bb76f9d40fcfc3dbc6bb5fbfe6d237e77f0ee6', class: `PageArrow LastPage ${this.currentPage == this.endPageIndex + 1 ? 'Disabled' : ''}`, onClick: () => {
228
273
  this.goTo(this.endPageIndex + 1);
229
274
  } }, " ", translate('lastPage', this.language), " "), this.renderStylingWrapper()));
230
275
  }
@@ -761,9 +806,9 @@ const PlayerElevatePointcard = class {
761
806
  render() {
762
807
  const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
763
808
  const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
764
- return (h("div", { key: '13461fc9cf8b777337a539c15da4bb2781f5a837', class: `ElevateCardWrapper ${this.theme}` }, h("div", { key: '526e72c0ada871f74ba4a07f0a125bc25840c09c', class: "PointsCard Outer ", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h("general-styling-wrapper", { key: '95e358ceb8fa3c247660f7ca15a4684b132874be', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS$2, translationUrl: this.translationUrl }), h("player-elevate-card-data", { key: '24c765d743446ac597a9dcc9cd22515e7e39e6db', params: this.paramProxy }), h("div", { key: '309db4bbfc244a7fb97827774d9d4383109ca0d7', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, h("div", { key: '9d5614ded2f73b505e60900675a7d95b3cfbcbc6', class: 'Content Row' }, this.playerElevateLevel && (h(Fragment, { key: '9a17e809083e61aad19f7ffef5d5ee5885ae8b4d' }, h("div", { key: '47068df3c0070ee2785b0d0201b08766fe0d71e8', class: "PlayerImg" }, h(PlayerAvatar, { key: '40115f8b190d871c85f9531fbf0bafb8fbd739e2', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h("div", { key: '278cd70c23ecb48655e90810af570ce5366d13d5', class: `LevelInfo ${this.playerElevateLevel.name}` }, h("div", { key: 'ce682ff881c5b12ed0b736ffcc67ad07b3713999', class: "PointsTxt Label" }, this.cardTitle ? this.cardTitle : translate$2('spendablePoints')), h("div", { key: 'eeebc5c468cf6e3d566f708fd47a19956ad9defe', class: 'PointsTxt SPPoints' }, h(PlayerPoints, { key: 'ad58990b7fa789cf2d5c524191447196e97c8a16', spendablePoints: this.playerElevateLevel.spendablePoints, language: this.language }), h("a", { key: '0dbdd6cd84e1cb43dac4485f4e3eec3130d6c65c', class: "TC", onClick: () => {
809
+ return (h("div", { key: '4e6e25bdd2a9f795369b39dbfd7e9adbd1523e17', class: `ElevateCardWrapper ${this.theme}` }, h("div", { key: 'ddeea1e67d51d5c0c8ed56edfd2d8d9c39e85253', class: "PointsCard Outer ", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h("general-styling-wrapper", { key: 'c6d6e3a3bc9a54cb99b4268feb3c296527d1ba8c', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS$2, translationUrl: this.translationUrl }), h("player-elevate-card-data", { key: '4371faac6967c5b3eced57f6251064ea4e1d6a65', params: this.paramProxy }), h("div", { key: 'c78235a6fdc2aed90df898f007b5ee091cece8dc', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, h("div", { key: '025e779223c1c85c11998be8389a8ff836a31e6c', class: 'Content Row' }, this.playerElevateLevel && (h(Fragment, { key: '68daa6047dc93d2596d8b2309a26f56960737617' }, h("div", { key: '6a2d2b2e7d234bceaf3d9240c5d4f2eb80395319', class: "PlayerImg" }, h(PlayerAvatar, { key: 'aeaf35ad8055ad4f7312922c8600ea58d09be74f', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h("div", { key: 'bd51ce868b4d8a547f40ec55548bbf3cfa416534', class: `LevelInfo ${this.playerElevateLevel.name}` }, h("div", { key: '5f4d77a5b43c8efee850b9813bc1c8e61d27d45d', class: "PointsTxt Label" }, this.cardTitle ? this.cardTitle : translate$2('spendablePoints')), h("div", { key: 'bae5dc76d00c98aed803601c19fe3bf1aa4418d5', class: 'PointsTxt SPPoints' }, h(PlayerPoints, { key: '59d51bd37f44ed23108fc4356af41c01668354e3', spendablePoints: this.playerElevateLevel.spendablePoints, language: this.language }), h("a", { key: '3a923bea242ae5fa412f4448dca7277b3588621e', class: "TC", onClick: () => {
765
810
  this.onDetailsClick();
766
- } }, translate$2('termAndConditions', this.language))), this.pointExpireString && (h("div", { key: '45c3267d390995fabe34974913adf97b112cf8c2', class: 'ExpirationPoints' }, this.pointExpireString, " "))))))))));
811
+ } }, translate$2('termAndConditions', this.language))), this.pointExpireString && (h("div", { key: '8803ae8d343885da58dfa04b9a4474ff473b5a74', class: 'ExpirationPoints' }, this.pointExpireString, " "))))))))));
767
812
  }
768
813
  static get watchers() { return {
769
814
  "session": ["onSessionOrEndpointChange"],
@@ -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([["bonus-pagination-limits_6",[[1,"player-elevate-points-history",{"playerAvatarUrl":[513,"player-avatar-url"],"session":[513],"endpoint":[513],"limit":[1538],"secondaryArrowsActive":[1540,"secondary-arrows-active"],"displayPageNumbers":[1540,"display-page-numbers"],"pageLimitOptions":[1537,"page-limit-options"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"locale":[32],"type":[32],"pageSetting":[32],"pointsWallets":[32]},[[0,"reloadPageByType","reloadPageByTypeHandler"]],{"type":["walletTypeChangedHandler"],"endpoint":["updateWallets"],"language":["updateWallets"],"session":["updateWallets"]}],[1,"player-elevate-pointcard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"cardTitle":[513,"card-title"],"buttonType":[513,"button-type"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32],"elevateSPTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[0,"bonus-pagination-limits",{"language":[513],"translationUrl":[513,"translation-url"],"pageLimitOptions":[513,"page-limit-options"],"limit":[1538],"pageLimits":[32]}],[0,"bonus-pagination-nav",{"total":[1538],"limit":[1538],"offset":[1538],"tableId":[1537,"table-id"],"language":[1537],"translationUrl":[513,"translation-url"],"arrowsActive":[1540,"arrows-active"],"secondaryArrowsActive":[1540,"secondary-arrows-active"],"displayPageNumbers":[1540,"display-page-numbers"],"displayRangeOfTotal":[1540,"display-range-of-total"],"endPageIndex":[32],"pagesArray":[32],"currentPage":[32]},[[8,"paginationReset","pageLimitChangedHandler"],[8,"pageLimitChanged","pageLimitChangedHandler"]]],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"]],{"params":["onParamsChanged"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}]]],["player-elevate-card",[[1,"player-elevate-card",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerLevelFlag":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]],["player-elevate-loyaltycard",[[1,"player-elevate-loyaltycard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]]], options);
8
+ return bootstrapLazy([["bonus-pagination-limits_6",[[1,"player-elevate-points-history",{"playerAvatarUrl":[513,"player-avatar-url"],"session":[513],"endpoint":[513],"limit":[1538],"secondaryArrowsActive":[1540,"secondary-arrows-active"],"displayPageNumbers":[1540,"display-page-numbers"],"pageLimitOptions":[1537,"page-limit-options"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"locale":[32],"type":[32],"pageSetting":[32],"pointsWallets":[32]},[[0,"reloadPageByType","reloadPageByTypeHandler"]],{"type":["walletTypeChangedHandler"],"endpoint":["updateWallets"],"language":["updateWallets"],"session":["updateWallets"]}],[1,"player-elevate-pointcard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"cardTitle":[513,"card-title"],"buttonType":[513,"button-type"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32],"elevateSPTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[0,"bonus-pagination-limits",{"language":[513],"translationUrl":[513,"translation-url"],"pageLimitOptions":[513,"page-limit-options"],"limit":[1538],"pageLimits":[32]}],[0,"bonus-pagination-nav",{"total":[1538],"limit":[1538],"offset":[1538],"tableId":[1537,"table-id"],"language":[1537],"translationUrl":[513,"translation-url"],"arrowsActive":[1540,"arrows-active"],"secondaryArrowsActive":[1540,"secondary-arrows-active"],"displayPageNumbers":[1540,"display-page-numbers"],"displayRangeOfTotal":[1540,"display-range-of-total"],"navItemAccount":[1538,"nav-item-account"],"endPageIndex":[32],"pagesArray":[32],"currentPage":[32],"showAsEllipsisMid":[32]},[[8,"paginationReset","pageLimitChangedHandler"],[8,"pageLimitChanged","pageLimitChangedHandler"]]],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"]],{"params":["onParamsChanged"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}]]],["player-elevate-card",[[1,"player-elevate-card",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerLevelFlag":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]],["player-elevate-loyaltycard",[[1,"player-elevate-loyaltycard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]]], options);
9
9
  };
10
10
 
11
11
  export { defineCustomElements };