@everymatrix/player-elevate-points-history 1.94.76 → 1.94.77
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.
- package/dist/cjs/{bonus-pagination-limits_6.cjs.entry.js → bonus-pagination-limits_7.cjs.entry.js} +202 -13
- package/dist/cjs/{index-8f337cb6.js → index-c3212d9e.js} +3 -2
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{player-elevate-card-items-151194f9.js → player-elevate-card-items-afdfd629.js} +1 -1
- package/dist/cjs/player-elevate-card.cjs.entry.js +2 -2
- package/dist/cjs/player-elevate-loyaltycard.cjs.entry.js +2 -2
- package/dist/cjs/player-elevate-points-history.cjs.js +2 -2
- package/dist/cjs/player-rakeback-card.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +6 -0
- package/dist/collection/components/player-elevate-points-history/player-elevate-points-history.js +17 -9
- package/dist/collection/renders/renderWallets.js +8 -1
- package/dist/esm/{bonus-pagination-limits_6.entry.js → bonus-pagination-limits_7.entry.js} +202 -14
- package/dist/esm/{index-58af35f4.js → index-717e7bf3.js} +3 -3
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{player-elevate-card-items-5a57ffb1.js → player-elevate-card-items-f1914b1a.js} +1 -1
- package/dist/esm/player-elevate-card.entry.js +2 -2
- package/dist/esm/player-elevate-loyaltycard.entry.js +2 -2
- package/dist/esm/player-elevate-points-history.js +3 -3
- package/dist/esm/player-rakeback-card.entry.js +1 -1
- package/dist/player-elevate-points-history/bonus-pagination-limits_7.entry.js +9 -0
- package/dist/player-elevate-points-history/{index-58af35f4.js → index-717e7bf3.js} +2 -2
- package/dist/player-elevate-points-history/{player-elevate-card-items-5a57ffb1.js → player-elevate-card-items-f1914b1a.js} +1 -1
- package/dist/player-elevate-points-history/player-elevate-card.entry.js +1 -1
- package/dist/player-elevate-points-history/player-elevate-loyaltycard.entry.js +1 -1
- package/dist/player-elevate-points-history/player-elevate-points-history.esm.js +1 -1
- package/dist/player-elevate-points-history/player-rakeback-card.entry.js +1 -1
- package/dist/types/components/player-elevate-points-history/player-elevate-points-history.d.ts +2 -0
- package/dist/types/renders/renderWallets.d.ts +2 -1
- package/package.json +1 -1
- package/dist/player-elevate-points-history/bonus-pagination-limits_6.entry.js +0 -9
package/dist/cjs/{bonus-pagination-limits_6.cjs.entry.js → bonus-pagination-limits_7.cjs.entry.js}
RENAMED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-c3212d9e.js');
|
|
6
6
|
const locale_utils = require('./locale.utils-7e9b7d77.js');
|
|
7
|
-
const playerElevateCardItems = require('./player-elevate-card-items-
|
|
7
|
+
const playerElevateCardItems = require('./player-elevate-card-items-afdfd629.js');
|
|
8
8
|
|
|
9
9
|
const DEFAULT_LANGUAGE$1 = 'en';
|
|
10
10
|
const SUPPORTED_LANGUAGES$1 = ['pt-br', 'en', 'es-mx', 'hu', 'hr', 'tr'];
|
|
@@ -1272,10 +1272,18 @@ const WalletItem = ({ locale, wallet, walletType, isRakeback }) => {
|
|
|
1272
1272
|
index.h("span", { class: 'Value' }, wallet.extension.powerUpCoefficient))))));
|
|
1273
1273
|
}
|
|
1274
1274
|
};
|
|
1275
|
-
const renderWallets = (locale, wallets, pageSetting
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
|
|
1275
|
+
const renderWallets = (locale, wallets, pageSetting, isLoading = false) => {
|
|
1276
|
+
if (isLoading)
|
|
1277
|
+
return renderSkeletons();
|
|
1278
|
+
return wallets && (index.h(index.Fragment, null,
|
|
1279
|
+
index.h("div", { class: "Records" }, wallets.map(wallet => index.h(WalletItem, { locale: locale, wallet: wallet, walletType: pageSetting.tableId, isRakeback: pageSetting.tableId === WalletType.rakeback }))),
|
|
1280
|
+
index.h("div", { class: "PaginationContainer" },
|
|
1281
|
+
index.h("bonus-pagination-nav", { offset: pageSetting.offset, limit: pageSetting.limit, tableId: pageSetting.tableId, secondaryArrowsActive: pageSetting.secondaryArrowsActive, total: pageSetting.total }))));
|
|
1282
|
+
};
|
|
1283
|
+
const renderSkeletons = (rows = 3) => {
|
|
1284
|
+
return index.h("div", { class: "Records" }, Array.from({ length: rows }).map(() => (index.h("div", { class: "RecordContainer" },
|
|
1285
|
+
index.h("ui-skeleton", { structure: "rectangle", width: "100%", height: "70px", "border-radius": "5px" })))));
|
|
1286
|
+
};
|
|
1279
1287
|
const getAmountConfig = (amount) => {
|
|
1280
1288
|
if (amount > 0) {
|
|
1281
1289
|
return {
|
|
@@ -6306,11 +6314,13 @@ const PlayerElevatePointsHistory = class {
|
|
|
6306
6314
|
this.pageSetting = undefined;
|
|
6307
6315
|
this.pointsWallets = {};
|
|
6308
6316
|
this.validWallets = [];
|
|
6317
|
+
this.isLoading = false;
|
|
6309
6318
|
}
|
|
6310
6319
|
switchTab(type) {
|
|
6311
6320
|
var _a, _b;
|
|
6312
6321
|
this.type = type;
|
|
6313
|
-
|
|
6322
|
+
window.postMessage({ type: 'PlayerElevatePointsHistorySwitchTab' }, window.location.href);
|
|
6323
|
+
if (this.pointsWallets[type] && !((_a = this.pointsWallets[type]) === null || _a === void 0 ? void 0 : _a.isLoadFailed)) {
|
|
6314
6324
|
return;
|
|
6315
6325
|
}
|
|
6316
6326
|
this.paginationReset.emit({ limit: ((_b = this.pointsWallets[type]) === null || _b === void 0 ? void 0 : _b.pageSetting.limit) || this.limit, tableId: this.type });
|
|
@@ -6325,7 +6335,7 @@ const PlayerElevatePointsHistory = class {
|
|
|
6325
6335
|
}
|
|
6326
6336
|
loadWallets(renderer) {
|
|
6327
6337
|
if (!this.pointsWallets[this.type] || this.pointsWallets[this.type].isLoading) {
|
|
6328
|
-
return
|
|
6338
|
+
return renderSkeletons();
|
|
6329
6339
|
}
|
|
6330
6340
|
else {
|
|
6331
6341
|
if (this.pointsWallets[this.type].wallets.length === 0) {
|
|
@@ -6342,14 +6352,14 @@ const PlayerElevatePointsHistory = class {
|
|
|
6342
6352
|
render() {
|
|
6343
6353
|
var _a, _b;
|
|
6344
6354
|
const pageSetting = this.getPageSettingByType(this.type);
|
|
6345
|
-
return (index.h("main", { key: '
|
|
6355
|
+
return (index.h("main", { key: '31bc0e0fec29354fa1941e7dbeb078955155092a' }, index.h("general-styling-wrapper", { key: 'ca42c2addde3b5741858eda057f162daf32daffc', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl,
|
|
6346
6356
|
// @ts-ignore
|
|
6347
|
-
targetTranslations: translation, translationUrl: this.translationUrl, mbSource: this.mbSource }), index.h("player-elevate-pointcard", { key: '
|
|
6357
|
+
targetTranslations: translation, translationUrl: this.translationUrl, mbSource: this.mbSource }), index.h("player-elevate-pointcard", { key: 'aaacea16dee050ea42960b5f78ce821ae0bfcaf2', playerAvatarUrl: this.playerAvatarUrl, endpoint: this.endpoint, session: this.session, language: this.language, clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling, translationUrl: this.translationUrl }), index.h("div", { key: 'a41847eb39948f9ebc8b511d1c0de3ac6d2fc4fa', class: "PlayerElevatePointsDetaisContainer" }, [
|
|
6348
6358
|
renderTopBar(this.locale, this.type, pageSetting, this.language),
|
|
6349
|
-
index.h("div", { key: '
|
|
6359
|
+
index.h("div", { key: 'c3987866c5039e1f94c07a3dfe5705ceaf6acf5a', class: "Tabs Row" }, (this.validWallets || []).map(key => (index.h("div", { class: "tab" }, index.h("div", { class: `TabText ${key === this.type ? 'active' : ''}`, onClick: this.switchTab.bind(this, key) }, this.locale.tabTitle[key]), index.h("div", { class: `TabBorderBottom ${key === this.type ? 'active' : ''}` }))))),
|
|
6350
6360
|
((_a = this.pointsWallets[this.type]) === null || _a === void 0 ? void 0 : _a.isLoadFailed)
|
|
6351
6361
|
? index.h("div", { class: "ReloadMsg" }, this.locale['reloadMsgWhenError'], index.h("a", { class: "Reload", onClick: this.updateWallets }, this.locale['reload']))
|
|
6352
|
-
: this.loadWallets(renderWallets.bind(this, this.locale, ((_b = this.pointsWallets[this.type]) === null || _b === void 0 ? void 0 : _b.wallets) || [], pageSetting))
|
|
6362
|
+
: this.loadWallets(renderWallets.bind(this, this.locale, ((_b = this.pointsWallets[this.type]) === null || _b === void 0 ? void 0 : _b.wallets) || [], pageSetting, this.isLoading))
|
|
6353
6363
|
])));
|
|
6354
6364
|
}
|
|
6355
6365
|
walletTypeChangedHandler() {
|
|
@@ -6363,6 +6373,9 @@ const PlayerElevatePointsHistory = class {
|
|
|
6363
6373
|
if (!this.endpoint || !this.session || this.session === 'undefined') {
|
|
6364
6374
|
return;
|
|
6365
6375
|
}
|
|
6376
|
+
this.isLoading = true;
|
|
6377
|
+
this.setLimit();
|
|
6378
|
+
window.postMessage({ type: 'PlayerElevatePointsHistoryUpdate' }, window.location.href);
|
|
6366
6379
|
let pageSetting = this.pointsWallets[this.type]
|
|
6367
6380
|
? this.pointsWallets[this.type].pageSetting
|
|
6368
6381
|
: this.getPageSettingByType(this.type);
|
|
@@ -6388,6 +6401,7 @@ const PlayerElevatePointsHistory = class {
|
|
|
6388
6401
|
console.error(e);
|
|
6389
6402
|
this.pointsWallets[this.type].isLoadFailed = true;
|
|
6390
6403
|
}
|
|
6404
|
+
this.isLoading = false;
|
|
6391
6405
|
}
|
|
6392
6406
|
formatRakebackWalletPoints(wallets) {
|
|
6393
6407
|
wallets.forEach(wallet => {
|
|
@@ -6402,7 +6416,7 @@ const PlayerElevatePointsHistory = class {
|
|
|
6402
6416
|
}
|
|
6403
6417
|
//reset all wallets when limit changed
|
|
6404
6418
|
//otherwise fetch new data with new offset when offset changed
|
|
6405
|
-
if (this.limit != event.detail.limit) {
|
|
6419
|
+
if (event.detail.limit != null && this.limit != event.detail.limit) {
|
|
6406
6420
|
this.pointsWallets = {};
|
|
6407
6421
|
this.limit = event.detail.limit;
|
|
6408
6422
|
}
|
|
@@ -6447,9 +6461,184 @@ const PlayerElevatePointsHistory = class {
|
|
|
6447
6461
|
};
|
|
6448
6462
|
PlayerElevatePointsHistory.style = PlayerElevatePointsHistoryStyle0;
|
|
6449
6463
|
|
|
6464
|
+
const uiSkeletonCss = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.SkeletonRectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.SkeletonCircle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.SkeletonText{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.SkeletonText:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.SkeletonTitle{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.SkeletonImage{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.SkeletonLogo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}";
|
|
6465
|
+
const UiSkeletonStyle0 = uiSkeletonCss;
|
|
6466
|
+
|
|
6467
|
+
const UiSkeleton = class {
|
|
6468
|
+
constructor(hostRef) {
|
|
6469
|
+
index.registerInstance(this, hostRef);
|
|
6470
|
+
this.stylingValue = {
|
|
6471
|
+
width: this.handleStylingProps(this.width),
|
|
6472
|
+
height: this.handleStylingProps(this.height),
|
|
6473
|
+
borderRadius: this.handleStylingProps(this.borderRadius),
|
|
6474
|
+
marginBottom: this.handleStylingProps(this.marginBottom),
|
|
6475
|
+
marginTop: this.handleStylingProps(this.marginTop),
|
|
6476
|
+
marginLeft: this.handleStylingProps(this.marginLeft),
|
|
6477
|
+
marginRight: this.handleStylingProps(this.marginRight),
|
|
6478
|
+
size: this.handleStylingProps(this.size),
|
|
6479
|
+
};
|
|
6480
|
+
this.structure = undefined;
|
|
6481
|
+
this.width = 'unset';
|
|
6482
|
+
this.height = 'unset';
|
|
6483
|
+
this.borderRadius = 'unset';
|
|
6484
|
+
this.marginBottom = 'unset';
|
|
6485
|
+
this.marginTop = 'unset';
|
|
6486
|
+
this.marginLeft = 'unset';
|
|
6487
|
+
this.marginRight = 'unset';
|
|
6488
|
+
this.animation = true;
|
|
6489
|
+
this.rows = 0;
|
|
6490
|
+
this.size = '100%';
|
|
6491
|
+
}
|
|
6492
|
+
handleStructureChange(newValue, oldValue) {
|
|
6493
|
+
if (oldValue !== newValue) {
|
|
6494
|
+
this.handleStructure(newValue);
|
|
6495
|
+
}
|
|
6496
|
+
}
|
|
6497
|
+
handleStylingProps(value) {
|
|
6498
|
+
switch (typeof value) {
|
|
6499
|
+
case 'number':
|
|
6500
|
+
return value === 0 ? 0 : `${value}px`;
|
|
6501
|
+
case 'undefined':
|
|
6502
|
+
return 'unset';
|
|
6503
|
+
case 'string':
|
|
6504
|
+
if (['auto', 'unset', 'none', 'inherit', 'initial'].includes(value) ||
|
|
6505
|
+
value.endsWith('px') ||
|
|
6506
|
+
value.endsWith('%')) {
|
|
6507
|
+
return value;
|
|
6508
|
+
}
|
|
6509
|
+
else {
|
|
6510
|
+
return 'unset';
|
|
6511
|
+
}
|
|
6512
|
+
default:
|
|
6513
|
+
return 'unset';
|
|
6514
|
+
}
|
|
6515
|
+
}
|
|
6516
|
+
handleStructure(structure) {
|
|
6517
|
+
switch (structure) {
|
|
6518
|
+
case 'logo':
|
|
6519
|
+
return this.renderLogo();
|
|
6520
|
+
case 'image':
|
|
6521
|
+
return this.renderImage();
|
|
6522
|
+
case 'title':
|
|
6523
|
+
return this.renderTitle();
|
|
6524
|
+
case 'text':
|
|
6525
|
+
return this.renderText();
|
|
6526
|
+
case 'rectangle':
|
|
6527
|
+
return this.renderRectangle();
|
|
6528
|
+
case 'circle':
|
|
6529
|
+
return this.renderCircle();
|
|
6530
|
+
default:
|
|
6531
|
+
return null;
|
|
6532
|
+
}
|
|
6533
|
+
}
|
|
6534
|
+
renderLogo() {
|
|
6535
|
+
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'SkeletonLogo ' + (this.animation ? 'Skeleton' : '') })));
|
|
6536
|
+
}
|
|
6537
|
+
renderImage() {
|
|
6538
|
+
return index.h("div", { class: 'SkeletonImage ' + (this.animation ? 'Skeleton' : '') });
|
|
6539
|
+
}
|
|
6540
|
+
renderTitle() {
|
|
6541
|
+
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'SkeletonTitle ' + (this.animation ? 'Skeleton' : '') })));
|
|
6542
|
+
}
|
|
6543
|
+
renderText() {
|
|
6544
|
+
return (index.h("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((_, index$1) => (index.h("div", { key: index$1, class: 'SkeletonText ' + (this.animation ? 'Skeleton' : '') })))));
|
|
6545
|
+
}
|
|
6546
|
+
renderRectangle() {
|
|
6547
|
+
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'SkeletonRectangle ' + (this.animation ? 'Skeleton' : '') })));
|
|
6548
|
+
}
|
|
6549
|
+
renderCircle() {
|
|
6550
|
+
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'SkeletonCircle ' + (this.animation ? 'Skeleton' : '') })));
|
|
6551
|
+
}
|
|
6552
|
+
render() {
|
|
6553
|
+
let styleBlock = '';
|
|
6554
|
+
switch (this.structure) {
|
|
6555
|
+
case 'logo':
|
|
6556
|
+
styleBlock = `
|
|
6557
|
+
:host {
|
|
6558
|
+
--emw-skeleton-logo-width: ${this.stylingValue.width};
|
|
6559
|
+
--emw-skeleton-logo-height: ${this.stylingValue.height};
|
|
6560
|
+
--emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
|
|
6561
|
+
--emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
|
|
6562
|
+
--emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
|
|
6563
|
+
--emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
|
|
6564
|
+
--emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
|
|
6565
|
+
}
|
|
6566
|
+
`;
|
|
6567
|
+
break;
|
|
6568
|
+
case 'image':
|
|
6569
|
+
styleBlock = `
|
|
6570
|
+
:host {
|
|
6571
|
+
--emw-skeleton-image-width: ${this.stylingValue.width};
|
|
6572
|
+
--emw-skeleton-image-height: ${this.stylingValue.height};
|
|
6573
|
+
--emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
|
|
6574
|
+
--emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
|
|
6575
|
+
--emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
|
|
6576
|
+
--emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
|
|
6577
|
+
--emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
|
|
6578
|
+
}
|
|
6579
|
+
`;
|
|
6580
|
+
break;
|
|
6581
|
+
case 'title':
|
|
6582
|
+
styleBlock = `
|
|
6583
|
+
:host {
|
|
6584
|
+
--emw-skeleton-title-width: ${this.stylingValue.width};
|
|
6585
|
+
--emw-skeleton-title-height: ${this.stylingValue.height};
|
|
6586
|
+
--emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
|
|
6587
|
+
--emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
|
|
6588
|
+
--emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
|
|
6589
|
+
--emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
|
|
6590
|
+
--emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
|
|
6591
|
+
}
|
|
6592
|
+
`;
|
|
6593
|
+
break;
|
|
6594
|
+
case 'text':
|
|
6595
|
+
styleBlock = `
|
|
6596
|
+
:host {
|
|
6597
|
+
--emw-skeleton-text-width: ${this.stylingValue.width};
|
|
6598
|
+
--emw-skeleton-text-height: ${this.stylingValue.height};
|
|
6599
|
+
--emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
|
|
6600
|
+
--emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
|
|
6601
|
+
--emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
|
|
6602
|
+
--emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
|
|
6603
|
+
--emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
|
|
6604
|
+
}
|
|
6605
|
+
`;
|
|
6606
|
+
break;
|
|
6607
|
+
case 'rectangle':
|
|
6608
|
+
styleBlock = `
|
|
6609
|
+
:host {
|
|
6610
|
+
--emw-skeleton-rectangle-width: ${this.stylingValue.width};
|
|
6611
|
+
--emw-skeleton-rectangle-height: ${this.stylingValue.height};
|
|
6612
|
+
--emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
|
|
6613
|
+
--emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
|
|
6614
|
+
--emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
|
|
6615
|
+
--emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
|
|
6616
|
+
--emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
|
|
6617
|
+
}
|
|
6618
|
+
`;
|
|
6619
|
+
break;
|
|
6620
|
+
case 'circle':
|
|
6621
|
+
styleBlock = `
|
|
6622
|
+
:host {
|
|
6623
|
+
--emw-skeleton-circle-size: ${this.stylingValue.size};
|
|
6624
|
+
}
|
|
6625
|
+
`;
|
|
6626
|
+
break;
|
|
6627
|
+
default:
|
|
6628
|
+
styleBlock = '';
|
|
6629
|
+
}
|
|
6630
|
+
return (index.h(index.Host, { key: 'c2a2650acd416962a2bc4e1a7ee18bc6d8e2def8' }, index.h("style", { key: '9bd7fc1f9e9ed9f17735a7b72fce6f09696f5e19' }, styleBlock), this.handleStructure(this.structure)));
|
|
6631
|
+
}
|
|
6632
|
+
static get watchers() { return {
|
|
6633
|
+
"structure": ["handleStructureChange"]
|
|
6634
|
+
}; }
|
|
6635
|
+
};
|
|
6636
|
+
UiSkeleton.style = UiSkeletonStyle0;
|
|
6637
|
+
|
|
6450
6638
|
exports.bonus_pagination_limits = BonusPaginationLimits;
|
|
6451
6639
|
exports.bonus_pagination_nav = BonusPaginationNav;
|
|
6452
6640
|
exports.general_styling_wrapper = GeneralStylingWrapper;
|
|
6453
6641
|
exports.player_elevate_card_data = PlayerElevateCardData;
|
|
6454
6642
|
exports.player_elevate_pointcard = PlayerElevatePointcard;
|
|
6455
6643
|
exports.player_elevate_points_history = PlayerElevatePointsHistory;
|
|
6644
|
+
exports.ui_skeleton = UiSkeleton;
|
|
@@ -71,10 +71,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
71
71
|
}
|
|
72
72
|
switch(bundleId) {
|
|
73
73
|
|
|
74
|
-
case 'bonus-pagination-
|
|
74
|
+
case 'bonus-pagination-limits_7.cjs':
|
|
75
75
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
76
76
|
/* webpackMode: "lazy" */
|
|
77
|
-
'./bonus-pagination-
|
|
77
|
+
'./bonus-pagination-limits_7.cjs.entry.js')); }).then(processMod, consoleError);
|
|
78
78
|
case 'player-elevate-card.cjs':
|
|
79
79
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
80
80
|
/* webpackMode: "lazy" */
|
|
@@ -1627,6 +1627,7 @@ var hostListenerOpts = (flags) => supportsListenerOptions ? {
|
|
|
1627
1627
|
var setNonce = (nonce) => plt.$nonce$ = nonce;
|
|
1628
1628
|
|
|
1629
1629
|
exports.Fragment = Fragment;
|
|
1630
|
+
exports.Host = Host;
|
|
1630
1631
|
exports.bootstrapLazy = bootstrapLazy;
|
|
1631
1632
|
exports.createEvent = createEvent;
|
|
1632
1633
|
exports.getAssetPath = getAssetPath;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-c3212d9e.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
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-
|
|
11
|
+
return index.bootstrapLazy([["bonus-pagination-limits_7.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"],"currencyPrecision":[1538,"currency-precision"],"enableRakeback":[1540,"enable-rakeback"],"language":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"locale":[32],"type":[32],"pageSetting":[32],"pointsWallets":[32],"validWallets":[32],"isLoading":[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],"mbSource":[513,"mb-source"],"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,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"],[8,"redeemGiftButton","redeemGiftButtonHandler"]],{"params":["onParamsChanged"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"mbSource":["handleMbSourceChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}]]],["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"],"mbSource":[513,"mb-source"],"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"],"mbSource":[1,"mb-source"],"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"]}]]],["player-rakeback-card.cjs",[[1,"player-rakeback-card",{"endpoint":[513],"theme":[513],"session":[513],"language":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"show":[516],"rakebackInfo":[32],"isLoading":[32],"coolingOffPeriod":[32],"showTheWidget":[32]},[[8,"message","handleMessage"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"],"show":["onShowOrHasRakebackWalletChange"],"rakebackInfo":["onShowOrHasRakebackWalletChange"]}]]]], options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
6
|
-
const playerElevateCardItems = require('./player-elevate-card-items-
|
|
5
|
+
const index = require('./index-c3212d9e.js');
|
|
6
|
+
const playerElevateCardItems = require('./player-elevate-card-items-afdfd629.js');
|
|
7
7
|
const locale_utils = require('./locale.utils-7e9b7d77.js');
|
|
8
8
|
|
|
9
9
|
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(--emw--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}";
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
6
|
-
const playerElevateCardItems = require('./player-elevate-card-items-
|
|
5
|
+
const index = require('./index-c3212d9e.js');
|
|
6
|
+
const playerElevateCardItems = require('./player-elevate-card-items-afdfd629.js');
|
|
7
7
|
const locale_utils = require('./locale.utils-7e9b7d77.js');
|
|
8
8
|
|
|
9
9
|
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:6px;margin-left:0px}}@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(--emw--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:0px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime{margin-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName{padding-left:0;font-size:var(--emw--elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emw--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(--emw--color-black, #000);opacity:0.8;font-weight:bold}";
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-c3212d9e.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
/*
|
|
@@ -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-
|
|
22
|
+
return index.bootstrapLazy([["bonus-pagination-limits_7.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"],"currencyPrecision":[1538,"currency-precision"],"enableRakeback":[1540,"enable-rakeback"],"language":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"locale":[32],"type":[32],"pageSetting":[32],"pointsWallets":[32],"validWallets":[32],"isLoading":[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],"mbSource":[513,"mb-source"],"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,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"],[8,"redeemGiftButton","redeemGiftButtonHandler"]],{"params":["onParamsChanged"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"mbSource":["handleMbSourceChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}]]],["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"],"mbSource":[513,"mb-source"],"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"],"mbSource":[1,"mb-source"],"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"]}]]],["player-rakeback-card.cjs",[[1,"player-rakeback-card",{"endpoint":[513],"theme":[513],"session":[513],"language":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"show":[516],"rakebackInfo":[32],"isLoading":[32],"coolingOffPeriod":[32],"showTheWidget":[32]},[[8,"message","handleMessage"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"],"show":["onShowOrHasRakebackWalletChange"],"rakebackInfo":["onShowOrHasRakebackWalletChange"]}]]]], options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-c3212d9e.js');
|
|
6
6
|
const locale_utils = require('./locale.utils-7e9b7d77.js');
|
|
7
7
|
|
|
8
8
|
const playerRakebackCardCss = ":host{display:block}@keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}.RakebackCard{border:2px solid var(--em-color-border-primary, #003E5C);padding:32px;border-radius:var(--emw--border-radius-medium, 12px);overflow:hidden;font-family:inherit}.RakebackCard .RakebackCardContent .RakebackTitle{font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-semibold, 500);color:var(--em-color-text-secondary, #727672)}.RakebackCard .RakebackCardContent .RakebackDetails{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:17px}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo{display:flex;flex-wrap:wrap;align-items:center;gap:0 17px}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo .RakebackRefresh{width:52px;height:52px;cursor:pointer}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo .RakebackRefresh.RakebackLoading{animation:rotate 0.5s linear infinite}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo .RakebackNumContainer{color:var(--em-color-text-primary, #fff);display:flex;align-items:center;gap:8px}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo .RakebackNumContainer .RakebackNum{display:inline-block;font-weight:var(--emw--font-weight-bold, 700);font-size:var(--emw--font-size-2x-large, 36px)}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo .RakebackNumContainer .RakebackCurrency{display:inline-block;font-weight:var(--emw--font-weight-semibold, 500);font-size:var(--emw--font-size-small, 14px);margin-top:14px}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackButton{font-family:inherit;cursor:pointer;width:90px;height:34px;border-radius:var(--emw--border-radius-large, 99px);border:2px solid var(--em-color-border-success, #083B17);display:flex;justify-content:center;align-items:center;color:var(--em-color-text-primary, #fff);background:linear-gradient(180deg, var(--em-color-gradient-1, #24B24E) 0%, var(--em-color-gradient-1, #24B24E) 100%)}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackButton.disabled{cursor:not-allowed;opacity:0.4}.RakebackCard .RakebackCardContent .RakebackCoolOff,.RakebackCard .RakebackCardContent .RakebackError{margin-top:8px;font-weight:var(--emw--font-weight-semibold, 500);font-size:var(--emw--font-size-x-small, 12px);color:var(--em-color-text-error, #FF7A73);text-align:center}";
|
package/dist/collection/components/player-elevate-points-history/player-elevate-points-history.js
CHANGED
|
@@ -2,13 +2,14 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
import { WalletType } from "../../utils/types";
|
|
3
3
|
import { translation } from "../../utils/translation";
|
|
4
4
|
import { getWallets } from "../../utils/business";
|
|
5
|
-
import { renderWallets } from "../../renders/renderWallets";
|
|
5
|
+
import { renderSkeletons, renderWallets } from "../../renders/renderWallets";
|
|
6
6
|
import { renderTopBar } from "../../renders/renderTopBar";
|
|
7
7
|
import Decimal from "decimal.js";
|
|
8
8
|
import "../../../../../general-styling-wrapper/dist/types/index";
|
|
9
9
|
import "../../../../../player-elevate-card/dist/types/index";
|
|
10
10
|
import "../../../../../bonus-pagination-limits/dist/types/index";
|
|
11
11
|
import "../../../../../bonus-pagination-nav/dist/types/index";
|
|
12
|
+
import "../../../../../ui-skeleton/dist/types/index";
|
|
12
13
|
export class PlayerElevatePointsHistory {
|
|
13
14
|
constructor() {
|
|
14
15
|
this.playerAvatarUrl = undefined;
|
|
@@ -30,11 +31,13 @@ export class PlayerElevatePointsHistory {
|
|
|
30
31
|
this.pageSetting = undefined;
|
|
31
32
|
this.pointsWallets = {};
|
|
32
33
|
this.validWallets = [];
|
|
34
|
+
this.isLoading = false;
|
|
33
35
|
}
|
|
34
36
|
switchTab(type) {
|
|
35
37
|
var _a, _b;
|
|
36
38
|
this.type = type;
|
|
37
|
-
|
|
39
|
+
window.postMessage({ type: 'PlayerElevatePointsHistorySwitchTab' }, window.location.href);
|
|
40
|
+
if (this.pointsWallets[type] && !((_a = this.pointsWallets[type]) === null || _a === void 0 ? void 0 : _a.isLoadFailed)) {
|
|
38
41
|
return;
|
|
39
42
|
}
|
|
40
43
|
this.paginationReset.emit({ limit: ((_b = this.pointsWallets[type]) === null || _b === void 0 ? void 0 : _b.pageSetting.limit) || this.limit, tableId: this.type });
|
|
@@ -49,7 +52,7 @@ export class PlayerElevatePointsHistory {
|
|
|
49
52
|
}
|
|
50
53
|
loadWallets(renderer) {
|
|
51
54
|
if (!this.pointsWallets[this.type] || this.pointsWallets[this.type].isLoading) {
|
|
52
|
-
return
|
|
55
|
+
return renderSkeletons();
|
|
53
56
|
}
|
|
54
57
|
else {
|
|
55
58
|
if (this.pointsWallets[this.type].wallets.length === 0) {
|
|
@@ -66,14 +69,14 @@ export class PlayerElevatePointsHistory {
|
|
|
66
69
|
render() {
|
|
67
70
|
var _a, _b;
|
|
68
71
|
const pageSetting = this.getPageSettingByType(this.type);
|
|
69
|
-
return (h("main", { key: '
|
|
72
|
+
return (h("main", { key: '31bc0e0fec29354fa1941e7dbeb078955155092a' }, h("general-styling-wrapper", { key: 'ca42c2addde3b5741858eda057f162daf32daffc', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl,
|
|
70
73
|
// @ts-ignore
|
|
71
|
-
targetTranslations: translation, translationUrl: this.translationUrl, mbSource: this.mbSource }), h("player-elevate-pointcard", { key: '
|
|
74
|
+
targetTranslations: translation, translationUrl: this.translationUrl, mbSource: this.mbSource }), h("player-elevate-pointcard", { key: 'aaacea16dee050ea42960b5f78ce821ae0bfcaf2', playerAvatarUrl: this.playerAvatarUrl, endpoint: this.endpoint, session: this.session, language: this.language, clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling, translationUrl: this.translationUrl }), h("div", { key: 'a41847eb39948f9ebc8b511d1c0de3ac6d2fc4fa', class: "PlayerElevatePointsDetaisContainer" }, [
|
|
72
75
|
renderTopBar(this.locale, this.type, pageSetting, this.language),
|
|
73
|
-
h("div", { key: '
|
|
76
|
+
h("div", { key: 'c3987866c5039e1f94c07a3dfe5705ceaf6acf5a', class: "Tabs Row" }, (this.validWallets || []).map(key => (h("div", { class: "tab" }, h("div", { class: `TabText ${key === this.type ? 'active' : ''}`, onClick: this.switchTab.bind(this, key) }, this.locale.tabTitle[key]), h("div", { class: `TabBorderBottom ${key === this.type ? 'active' : ''}` }))))),
|
|
74
77
|
((_a = this.pointsWallets[this.type]) === null || _a === void 0 ? void 0 : _a.isLoadFailed)
|
|
75
78
|
? h("div", { class: "ReloadMsg" }, this.locale['reloadMsgWhenError'], h("a", { class: "Reload", onClick: this.updateWallets }, this.locale['reload']))
|
|
76
|
-
: this.loadWallets(renderWallets.bind(this, this.locale, ((_b = this.pointsWallets[this.type]) === null || _b === void 0 ? void 0 : _b.wallets) || [], pageSetting))
|
|
79
|
+
: this.loadWallets(renderWallets.bind(this, this.locale, ((_b = this.pointsWallets[this.type]) === null || _b === void 0 ? void 0 : _b.wallets) || [], pageSetting, this.isLoading))
|
|
77
80
|
])));
|
|
78
81
|
}
|
|
79
82
|
walletTypeChangedHandler() {
|
|
@@ -87,6 +90,9 @@ export class PlayerElevatePointsHistory {
|
|
|
87
90
|
if (!this.endpoint || !this.session || this.session === 'undefined') {
|
|
88
91
|
return;
|
|
89
92
|
}
|
|
93
|
+
this.isLoading = true;
|
|
94
|
+
this.setLimit();
|
|
95
|
+
window.postMessage({ type: 'PlayerElevatePointsHistoryUpdate' }, window.location.href);
|
|
90
96
|
let pageSetting = this.pointsWallets[this.type]
|
|
91
97
|
? this.pointsWallets[this.type].pageSetting
|
|
92
98
|
: this.getPageSettingByType(this.type);
|
|
@@ -112,6 +118,7 @@ export class PlayerElevatePointsHistory {
|
|
|
112
118
|
console.error(e);
|
|
113
119
|
this.pointsWallets[this.type].isLoadFailed = true;
|
|
114
120
|
}
|
|
121
|
+
this.isLoading = false;
|
|
115
122
|
}
|
|
116
123
|
formatRakebackWalletPoints(wallets) {
|
|
117
124
|
wallets.forEach(wallet => {
|
|
@@ -126,7 +133,7 @@ export class PlayerElevatePointsHistory {
|
|
|
126
133
|
}
|
|
127
134
|
//reset all wallets when limit changed
|
|
128
135
|
//otherwise fetch new data with new offset when offset changed
|
|
129
|
-
if (this.limit != event.detail.limit) {
|
|
136
|
+
if (event.detail.limit != null && this.limit != event.detail.limit) {
|
|
130
137
|
this.pointsWallets = {};
|
|
131
138
|
this.limit = event.detail.limit;
|
|
132
139
|
}
|
|
@@ -433,7 +440,8 @@ export class PlayerElevatePointsHistory {
|
|
|
433
440
|
"type": {},
|
|
434
441
|
"pageSetting": {},
|
|
435
442
|
"pointsWallets": {},
|
|
436
|
-
"validWallets": {}
|
|
443
|
+
"validWallets": {},
|
|
444
|
+
"isLoading": {}
|
|
437
445
|
};
|
|
438
446
|
}
|
|
439
447
|
static get events() {
|
|
@@ -12,7 +12,14 @@ export const WalletItem = ({ locale, wallet, walletType, isRakeback }) => {
|
|
|
12
12
|
h("div", { class: 'PowerUpInfo' }, h("div", { class: 'PowerUpName' }, h("span", { class: 'Label' }, locale.powerUp, ": "), h("span", { class: 'Value' }, wallet.extension.powerUpName, ", ")), h("div", { class: 'PowerUpID' }, h("span", { class: 'Label' }, "ID: "), h("span", { class: 'Value' }, wallet.extension.powerUpID, ", ")), h("div", { class: 'PowerUpMultiplier' }, h("span", { class: 'Label' }, locale.multiplierRate, ": "), h("span", { class: 'Value' }, wallet.extension.powerUpCoefficient))))));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
|
-
export const renderWallets = (locale, wallets, pageSetting
|
|
15
|
+
export const renderWallets = (locale, wallets, pageSetting, isLoading = false) => {
|
|
16
|
+
if (isLoading)
|
|
17
|
+
return renderSkeletons();
|
|
18
|
+
return wallets && (h(Fragment, null, h("div", { class: "Records" }, wallets.map(wallet => h(WalletItem, { locale: locale, wallet: wallet, walletType: pageSetting.tableId, isRakeback: pageSetting.tableId === WalletType.rakeback }))), h("div", { class: "PaginationContainer" }, h("bonus-pagination-nav", { offset: pageSetting.offset, limit: pageSetting.limit, tableId: pageSetting.tableId, secondaryArrowsActive: pageSetting.secondaryArrowsActive, total: pageSetting.total }))));
|
|
19
|
+
};
|
|
20
|
+
export const renderSkeletons = (rows = 3) => {
|
|
21
|
+
return h("div", { class: "Records" }, Array.from({ length: rows }).map(() => (h("div", { class: "RecordContainer" }, h("ui-skeleton", { structure: "rectangle", width: "100%", height: "70px", "border-radius": "5px" })))));
|
|
22
|
+
};
|
|
16
23
|
const getAmountConfig = (amount) => {
|
|
17
24
|
if (amount > 0) {
|
|
18
25
|
return {
|