@everymatrix/bonus-elevate-shop 1.94.76 → 1.94.78
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/bonus-elevate-shop/bonus-elevate-shop.esm.js +1 -1
- package/dist/bonus-elevate-shop/bonus-elevate-shop_6.entry.js +1 -0
- package/dist/bonus-elevate-shop/{index-4bbe8850.js → index-19906d91.js} +2 -2
- package/dist/bonus-elevate-shop/{player-elevate-card-items-3e027a1b.js → player-elevate-card-items-1afa5433.js} +1 -1
- package/dist/bonus-elevate-shop/player-elevate-card.entry.js +1 -1
- package/dist/bonus-elevate-shop/player-elevate-loyaltycard.entry.js +1 -1
- package/dist/bonus-elevate-shop/player-rakeback-card.entry.js +1 -1
- package/dist/cjs/bonus-elevate-shop.cjs.js +2 -2
- package/dist/cjs/{bonus-elevate-shop_5.cjs.entry.js → bonus-elevate-shop_6.cjs.entry.js} +197 -5
- package/dist/cjs/{index-0c2bfc7d.js → index-3a5c4d6d.js} +3 -2
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{player-elevate-card-items-5f944325.js → player-elevate-card-items-4c0278e8.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-rakeback-card.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +6 -0
- package/dist/collection/components/bonus-elevate-shop/bonus-elevate-shop.js +7 -4
- package/dist/collection/renders/renderGifts.js +4 -0
- package/dist/esm/bonus-elevate-shop.js +3 -3
- package/dist/esm/{bonus-elevate-shop_5.entry.js → bonus-elevate-shop_6.entry.js} +197 -6
- package/dist/esm/{index-4bbe8850.js → index-19906d91.js} +3 -3
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{player-elevate-card-items-3e027a1b.js → player-elevate-card-items-1afa5433.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-rakeback-card.entry.js +1 -1
- package/dist/types/components/bonus-elevate-shop/bonus-elevate-shop.d.ts +1 -0
- package/dist/types/renders/renderGifts.d.ts +1 -0
- package/package.json +1 -1
- package/dist/bonus-elevate-shop/bonus-elevate-shop_5.entry.js +0 -1
|
@@ -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-3a5c4d6d.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-4c0278e8.js');
|
|
8
8
|
|
|
9
9
|
const getUrl = (path, params = {}) => {
|
|
10
10
|
return path + '?' + Object.keys(params).map(key => `${key}=${params[key]}`).join('&');
|
|
@@ -91,6 +91,21 @@ const renderGifts = (gifts, locale, redeem) => {
|
|
|
91
91
|
index.h("div", { class: `AvaliableWrap RedeemButton ${statusData.extraClass}`, onClick: statusData.onClick }, locale.redeemGift))));
|
|
92
92
|
})));
|
|
93
93
|
};
|
|
94
|
+
const renderGiftsSkeleton = () => {
|
|
95
|
+
return (index.h("div", { class: "Gifts FlexLayout" }, Array.from({ length: 3 })
|
|
96
|
+
.map(() => (index.h("div", { class: "Gift" },
|
|
97
|
+
index.h("div", { class: "ImgContainer" },
|
|
98
|
+
index.h("ui-skeleton", { structure: "image", width: "100%", height: "100%", "border-radius": "5px" })),
|
|
99
|
+
index.h("div", { class: "InfoContainer" },
|
|
100
|
+
index.h("div", null,
|
|
101
|
+
index.h("div", { class: "Point" },
|
|
102
|
+
index.h("ui-skeleton", { structure: "text", width: "100%", height: "16px" })),
|
|
103
|
+
index.h("div", { class: "Title" },
|
|
104
|
+
index.h("ui-skeleton", { structure: "text", width: "100%", height: "16px" })),
|
|
105
|
+
index.h("div", { class: "Description" },
|
|
106
|
+
index.h("ui-skeleton", { structure: "text", width: "100%", height: "16px" }))),
|
|
107
|
+
index.h("ui-skeleton", { structure: "rectangle", width: "100%", height: "34px" })))))));
|
|
108
|
+
};
|
|
94
109
|
|
|
95
110
|
const bonusElevateShopCss = ":host{display:block}svg circle{shape-rendering:crispEdges}.MainContainer{max-width:420px}.MainContainer player-elevate-pointcard{width:100%;height:220px}.MainContainer .ShopBottom{display:flex;flex-direction:row;justify-content:space-between}.Gifts{display:flex;justify-content:space-between;padding:15px;padding-left:-8px;padding-right:-8px;flex:0 0 45.1282051282%;flex-wrap:wrap;justify-content:flex-start;background:var(--emw--color-white, #FFFFFF);color:var(--emw--color-black-150, #000000);font-weight:500;gap:10px;margin-top:-100px;position:relative;min-height:200px}.InfoContainer{display:flex;margin-top:17px;justify-content:space-between;flex-direction:column}.Gift{display:block;margin-bottom:10px;padding:8px;box-shadow:0px 18px 45px 0px var(--emw--color-black-150, rgba(167, 167, 167, 0.2));border-radius:11px;background:var(--emw--color-white, #FFFFFF)}.Gift .ImgContainer{width:160px;height:107px;border-radius:11px;box-shadow:0px 2px 6px 0px var(--emw--color-black-200, rgba(0, 0, 0, 0.2509803922));cursor:pointer;background-size:cover;background-position:center center;background-repeat:no-repeat}.Gift .Point{font-size:20px}.Gift .Title,.Gift .Description{padding-left:3px}.Gift .Title{font-size:14px;margin-top:10px}.Gift .Description{font-size:12px;color:var(--emw--color-black-100, #767171)}.Gift .AvaliableWrap{align-self:self-end}.Gift .AvaliableWrap.active{cursor:pointer}.Gift .AvaliableWrap.deactive{cursor:not-allowed}.Gift .AvaliableWrap span svg{width:var(--emw--elevate-avaliable-button-size, 46px)}.RedeemButton{width:100%;padding:5px 0px;border:2px solid var(--emw--button-border-color, rgba(8, 59, 23, 0.1098039216));text-align:center;color:var(--emw--button-typography, var(--emw--color-white, #FFFFFF));font-size:var(--emw--font-size-small, 12px);font-weight:var(--emw--font-weight-bold, 700);line-height:var(--emw--font-size-medium, 14px);text-transform:uppercase;border-radius:var(--emw--border-radius-medium, 10px)}.RedeemButton.active{background:var(--emw--color-primary, #18CE51)}.RedeemButton.active:hover{background:var(--mmw--color-main-button-hover, #24B24E)}.RedeemButton.deactive{background:var(--mmw--color-disabled, rgba(153, 153, 153, 0.5019607843))}.NoContent{font-size:16px;color:var(--emw--color-black-100, #afafaf);text-align:center;height:120px;line-height:120px}";
|
|
96
111
|
const BonusElevateShopStyle0 = bonusElevateShopCss;
|
|
@@ -160,6 +175,7 @@ const BonusElevateShop = class {
|
|
|
160
175
|
if (res.success) {
|
|
161
176
|
this.redeemGiftButton.emit();
|
|
162
177
|
window.postMessage({ type: 'BEEGiftRedeem', itemId: id }, window.location.href);
|
|
178
|
+
await this.updateGifts();
|
|
163
179
|
}
|
|
164
180
|
else {
|
|
165
181
|
window.postMessage({ type: 'BEEGiftRedeemFailed', itemId: id, err: res }, window.location.href);
|
|
@@ -167,7 +183,7 @@ const BonusElevateShop = class {
|
|
|
167
183
|
}
|
|
168
184
|
loadGifts(renderer) {
|
|
169
185
|
if (this.isLoading) {
|
|
170
|
-
return
|
|
186
|
+
return renderGiftsSkeleton();
|
|
171
187
|
}
|
|
172
188
|
else {
|
|
173
189
|
if (this.gifts.length === 0) {
|
|
@@ -224,11 +240,12 @@ const BonusElevateShop = class {
|
|
|
224
240
|
this.locale = Object.assign(Object.assign({}, translation['en']), translation[this.language]);
|
|
225
241
|
}
|
|
226
242
|
render() {
|
|
227
|
-
return (index.h("main", { key: '
|
|
243
|
+
return (index.h("main", { key: 'e75f7ac6d1103d98d05196572b51bd84edf944ae', class: "MainContainer" }, index.h("general-styling-wrapper", { key: 'df22fe495b3fe624dc300cb60f0a46b06b735c17', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: translation, translationUrl: this.translationUrl, mbSource: this.mbSource }), index.h("player-elevate-pointcard", { key: 'bceb900d830076400f385f82f964d9cfc1fd35b2', endpoint: this.endpoint, session: this.session, language: this.language, mbSource: this.mbSource, clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling, translationUrl: this.translationUrl }), this.loadGifts(renderGifts.bind(this, this.gifts, this.locale, this.redeemGiftConfirm.bind(this))), index.h("div", { key: '9caecc74dc57353be54380068e20fa4f616b972a', class: "ShopBottom" }, index.h("bonus-pagination-nav", { key: '0be13e148c594b4cd130ed6c908bf73739c801cb', total: this.total, offset: this.offset, limit: this.limit, tableId: this.shopListId, "nav-item-account": 7, arrowsActive: false, "display-page-numbers": "true" }), index.h("general-input", { key: '4d7ed8b887731323d1c5e14d33fc76b8ac7c7ec6', type: "dropdown", name: "pageLimits", displayName: this.locale.perPage, defaultValue: this.limit, validation: { mandatory: false }, options: this.pageLimitSelectOptions, emitValue: true, language: this.language, mbSource: this.mbSource, "client-styling-url": this.clientStylingUrl }))));
|
|
228
244
|
}
|
|
229
245
|
handleMessage(message) {
|
|
230
246
|
if (message.data.type === 'bee-redeem-confirmed' && message.data.id) {
|
|
231
|
-
this.
|
|
247
|
+
this.isLoading = true;
|
|
248
|
+
this.redeemGift(message.data.id).finally(() => { this.isLoading = false; });
|
|
232
249
|
}
|
|
233
250
|
}
|
|
234
251
|
async componentDidLoad() {
|
|
@@ -1197,8 +1214,183 @@ const PlayerElevatePointcard = class {
|
|
|
1197
1214
|
};
|
|
1198
1215
|
PlayerElevatePointcard.style = PlayerElevatePointcardStyle0;
|
|
1199
1216
|
|
|
1217
|
+
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)}}";
|
|
1218
|
+
const UiSkeletonStyle0 = uiSkeletonCss;
|
|
1219
|
+
|
|
1220
|
+
const UiSkeleton = class {
|
|
1221
|
+
constructor(hostRef) {
|
|
1222
|
+
index.registerInstance(this, hostRef);
|
|
1223
|
+
this.stylingValue = {
|
|
1224
|
+
width: this.handleStylingProps(this.width),
|
|
1225
|
+
height: this.handleStylingProps(this.height),
|
|
1226
|
+
borderRadius: this.handleStylingProps(this.borderRadius),
|
|
1227
|
+
marginBottom: this.handleStylingProps(this.marginBottom),
|
|
1228
|
+
marginTop: this.handleStylingProps(this.marginTop),
|
|
1229
|
+
marginLeft: this.handleStylingProps(this.marginLeft),
|
|
1230
|
+
marginRight: this.handleStylingProps(this.marginRight),
|
|
1231
|
+
size: this.handleStylingProps(this.size),
|
|
1232
|
+
};
|
|
1233
|
+
this.structure = undefined;
|
|
1234
|
+
this.width = 'unset';
|
|
1235
|
+
this.height = 'unset';
|
|
1236
|
+
this.borderRadius = 'unset';
|
|
1237
|
+
this.marginBottom = 'unset';
|
|
1238
|
+
this.marginTop = 'unset';
|
|
1239
|
+
this.marginLeft = 'unset';
|
|
1240
|
+
this.marginRight = 'unset';
|
|
1241
|
+
this.animation = true;
|
|
1242
|
+
this.rows = 0;
|
|
1243
|
+
this.size = '100%';
|
|
1244
|
+
}
|
|
1245
|
+
handleStructureChange(newValue, oldValue) {
|
|
1246
|
+
if (oldValue !== newValue) {
|
|
1247
|
+
this.handleStructure(newValue);
|
|
1248
|
+
}
|
|
1249
|
+
}
|
|
1250
|
+
handleStylingProps(value) {
|
|
1251
|
+
switch (typeof value) {
|
|
1252
|
+
case 'number':
|
|
1253
|
+
return value === 0 ? 0 : `${value}px`;
|
|
1254
|
+
case 'undefined':
|
|
1255
|
+
return 'unset';
|
|
1256
|
+
case 'string':
|
|
1257
|
+
if (['auto', 'unset', 'none', 'inherit', 'initial'].includes(value) ||
|
|
1258
|
+
value.endsWith('px') ||
|
|
1259
|
+
value.endsWith('%')) {
|
|
1260
|
+
return value;
|
|
1261
|
+
}
|
|
1262
|
+
else {
|
|
1263
|
+
return 'unset';
|
|
1264
|
+
}
|
|
1265
|
+
default:
|
|
1266
|
+
return 'unset';
|
|
1267
|
+
}
|
|
1268
|
+
}
|
|
1269
|
+
handleStructure(structure) {
|
|
1270
|
+
switch (structure) {
|
|
1271
|
+
case 'logo':
|
|
1272
|
+
return this.renderLogo();
|
|
1273
|
+
case 'image':
|
|
1274
|
+
return this.renderImage();
|
|
1275
|
+
case 'title':
|
|
1276
|
+
return this.renderTitle();
|
|
1277
|
+
case 'text':
|
|
1278
|
+
return this.renderText();
|
|
1279
|
+
case 'rectangle':
|
|
1280
|
+
return this.renderRectangle();
|
|
1281
|
+
case 'circle':
|
|
1282
|
+
return this.renderCircle();
|
|
1283
|
+
default:
|
|
1284
|
+
return null;
|
|
1285
|
+
}
|
|
1286
|
+
}
|
|
1287
|
+
renderLogo() {
|
|
1288
|
+
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'SkeletonLogo ' + (this.animation ? 'Skeleton' : '') })));
|
|
1289
|
+
}
|
|
1290
|
+
renderImage() {
|
|
1291
|
+
return index.h("div", { class: 'SkeletonImage ' + (this.animation ? 'Skeleton' : '') });
|
|
1292
|
+
}
|
|
1293
|
+
renderTitle() {
|
|
1294
|
+
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'SkeletonTitle ' + (this.animation ? 'Skeleton' : '') })));
|
|
1295
|
+
}
|
|
1296
|
+
renderText() {
|
|
1297
|
+
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' : '') })))));
|
|
1298
|
+
}
|
|
1299
|
+
renderRectangle() {
|
|
1300
|
+
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'SkeletonRectangle ' + (this.animation ? 'Skeleton' : '') })));
|
|
1301
|
+
}
|
|
1302
|
+
renderCircle() {
|
|
1303
|
+
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'SkeletonCircle ' + (this.animation ? 'Skeleton' : '') })));
|
|
1304
|
+
}
|
|
1305
|
+
render() {
|
|
1306
|
+
let styleBlock = '';
|
|
1307
|
+
switch (this.structure) {
|
|
1308
|
+
case 'logo':
|
|
1309
|
+
styleBlock = `
|
|
1310
|
+
:host {
|
|
1311
|
+
--emw-skeleton-logo-width: ${this.stylingValue.width};
|
|
1312
|
+
--emw-skeleton-logo-height: ${this.stylingValue.height};
|
|
1313
|
+
--emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};
|
|
1314
|
+
--emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};
|
|
1315
|
+
--emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};
|
|
1316
|
+
--emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};
|
|
1317
|
+
--emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};
|
|
1318
|
+
}
|
|
1319
|
+
`;
|
|
1320
|
+
break;
|
|
1321
|
+
case 'image':
|
|
1322
|
+
styleBlock = `
|
|
1323
|
+
:host {
|
|
1324
|
+
--emw-skeleton-image-width: ${this.stylingValue.width};
|
|
1325
|
+
--emw-skeleton-image-height: ${this.stylingValue.height};
|
|
1326
|
+
--emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};
|
|
1327
|
+
--emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};
|
|
1328
|
+
--emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};
|
|
1329
|
+
--emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};
|
|
1330
|
+
--emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};
|
|
1331
|
+
}
|
|
1332
|
+
`;
|
|
1333
|
+
break;
|
|
1334
|
+
case 'title':
|
|
1335
|
+
styleBlock = `
|
|
1336
|
+
:host {
|
|
1337
|
+
--emw-skeleton-title-width: ${this.stylingValue.width};
|
|
1338
|
+
--emw-skeleton-title-height: ${this.stylingValue.height};
|
|
1339
|
+
--emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};
|
|
1340
|
+
--emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};
|
|
1341
|
+
--emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};
|
|
1342
|
+
--emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};
|
|
1343
|
+
--emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};
|
|
1344
|
+
}
|
|
1345
|
+
`;
|
|
1346
|
+
break;
|
|
1347
|
+
case 'text':
|
|
1348
|
+
styleBlock = `
|
|
1349
|
+
:host {
|
|
1350
|
+
--emw-skeleton-text-width: ${this.stylingValue.width};
|
|
1351
|
+
--emw-skeleton-text-height: ${this.stylingValue.height};
|
|
1352
|
+
--emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};
|
|
1353
|
+
--emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};
|
|
1354
|
+
--emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};
|
|
1355
|
+
--emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};
|
|
1356
|
+
--emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};
|
|
1357
|
+
}
|
|
1358
|
+
`;
|
|
1359
|
+
break;
|
|
1360
|
+
case 'rectangle':
|
|
1361
|
+
styleBlock = `
|
|
1362
|
+
:host {
|
|
1363
|
+
--emw-skeleton-rectangle-width: ${this.stylingValue.width};
|
|
1364
|
+
--emw-skeleton-rectangle-height: ${this.stylingValue.height};
|
|
1365
|
+
--emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};
|
|
1366
|
+
--emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};
|
|
1367
|
+
--emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};
|
|
1368
|
+
--emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};
|
|
1369
|
+
--emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};
|
|
1370
|
+
}
|
|
1371
|
+
`;
|
|
1372
|
+
break;
|
|
1373
|
+
case 'circle':
|
|
1374
|
+
styleBlock = `
|
|
1375
|
+
:host {
|
|
1376
|
+
--emw-skeleton-circle-size: ${this.stylingValue.size};
|
|
1377
|
+
}
|
|
1378
|
+
`;
|
|
1379
|
+
break;
|
|
1380
|
+
default:
|
|
1381
|
+
styleBlock = '';
|
|
1382
|
+
}
|
|
1383
|
+
return (index.h(index.Host, { key: 'c2a2650acd416962a2bc4e1a7ee18bc6d8e2def8' }, index.h("style", { key: '9bd7fc1f9e9ed9f17735a7b72fce6f09696f5e19' }, styleBlock), this.handleStructure(this.structure)));
|
|
1384
|
+
}
|
|
1385
|
+
static get watchers() { return {
|
|
1386
|
+
"structure": ["handleStructureChange"]
|
|
1387
|
+
}; }
|
|
1388
|
+
};
|
|
1389
|
+
UiSkeleton.style = UiSkeletonStyle0;
|
|
1390
|
+
|
|
1200
1391
|
exports.bonus_elevate_shop = BonusElevateShop;
|
|
1201
1392
|
exports.bonus_pagination_nav = BonusPaginationNav;
|
|
1202
1393
|
exports.general_styling_wrapper = GeneralStylingWrapper;
|
|
1203
1394
|
exports.player_elevate_card_data = PlayerElevateCardData;
|
|
1204
1395
|
exports.player_elevate_pointcard = PlayerElevatePointcard;
|
|
1396
|
+
exports.ui_skeleton = UiSkeleton;
|
|
@@ -71,10 +71,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
71
71
|
}
|
|
72
72
|
switch(bundleId) {
|
|
73
73
|
|
|
74
|
-
case 'bonus-elevate-
|
|
74
|
+
case 'bonus-elevate-shop_6.cjs':
|
|
75
75
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
76
76
|
/* webpackMode: "lazy" */
|
|
77
|
-
'./bonus-elevate-
|
|
77
|
+
'./bonus-elevate-shop_6.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" */
|
|
@@ -1628,6 +1628,7 @@ var hostListenerOpts = (flags) => supportsListenerOptions ? {
|
|
|
1628
1628
|
var setNonce = (nonce) => plt.$nonce$ = nonce;
|
|
1629
1629
|
|
|
1630
1630
|
exports.Fragment = Fragment;
|
|
1631
|
+
exports.Host = Host;
|
|
1631
1632
|
exports.bootstrapLazy = bootstrapLazy;
|
|
1632
1633
|
exports.createEvent = createEvent;
|
|
1633
1634
|
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-3a5c4d6d.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-elevate-
|
|
11
|
+
return index.bootstrapLazy([["bonus-elevate-shop_6.cjs",[[1,"bonus-elevate-shop",{"session":[513],"endpoint":[513],"language":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"limit":[1538],"navItemAccount":[514,"nav-item-account"],"pageLimitOptions":[1537,"page-limit-options"],"locale":[32],"gifts":[32],"total":[32],"offset":[32],"shopListId":[32],"isLoading":[32],"pageLimitSelectOptions":[32]},[[16,"sendInputValue","onPageLimitChangedHandler"],[0,"reloadPageByType","reloadPageByTypeHandler"]],{"endpoint":["onPropsChange"],"language":["onPropsChange"],"session":["onPropsChange"]}],[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-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-3a5c4d6d.js');
|
|
6
|
+
const playerElevateCardItems = require('./player-elevate-card-items-4c0278e8.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-3a5c4d6d.js');
|
|
6
|
+
const playerElevateCardItems = require('./player-elevate-card-items-4c0278e8.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-3a5c4d6d.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}";
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
import { fetchNorwayApi } from "../../utils/fetch";
|
|
3
3
|
import { translation } from "../../utils/translation";
|
|
4
|
-
import { renderGifts } from "../../renders/renderGifts";
|
|
4
|
+
import { renderGifts, renderGiftsSkeleton } from "../../renders/renderGifts";
|
|
5
5
|
import "../../../../../general-styling-wrapper/dist/types/index";
|
|
6
6
|
import "../../../../../player-elevate-card/dist/types/index";
|
|
7
7
|
import "../../../../../bonus-pagination-nav/dist/types/index";
|
|
8
|
+
import "../../../../../ui-skeleton/dist/types/index";
|
|
8
9
|
export class BonusElevateShop {
|
|
9
10
|
constructor() {
|
|
10
11
|
this.bindedHandler = this.handleMessage.bind(this);
|
|
@@ -68,6 +69,7 @@ export class BonusElevateShop {
|
|
|
68
69
|
if (res.success) {
|
|
69
70
|
this.redeemGiftButton.emit();
|
|
70
71
|
window.postMessage({ type: 'BEEGiftRedeem', itemId: id }, window.location.href);
|
|
72
|
+
await this.updateGifts();
|
|
71
73
|
}
|
|
72
74
|
else {
|
|
73
75
|
window.postMessage({ type: 'BEEGiftRedeemFailed', itemId: id, err: res }, window.location.href);
|
|
@@ -75,7 +77,7 @@ export class BonusElevateShop {
|
|
|
75
77
|
}
|
|
76
78
|
loadGifts(renderer) {
|
|
77
79
|
if (this.isLoading) {
|
|
78
|
-
return
|
|
80
|
+
return renderGiftsSkeleton();
|
|
79
81
|
}
|
|
80
82
|
else {
|
|
81
83
|
if (this.gifts.length === 0) {
|
|
@@ -132,11 +134,12 @@ export class BonusElevateShop {
|
|
|
132
134
|
this.locale = Object.assign(Object.assign({}, translation['en']), translation[this.language]);
|
|
133
135
|
}
|
|
134
136
|
render() {
|
|
135
|
-
return (h("main", { key: '
|
|
137
|
+
return (h("main", { key: 'e75f7ac6d1103d98d05196572b51bd84edf944ae', class: "MainContainer" }, h("general-styling-wrapper", { key: 'df22fe495b3fe624dc300cb60f0a46b06b735c17', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: translation, translationUrl: this.translationUrl, mbSource: this.mbSource }), h("player-elevate-pointcard", { key: 'bceb900d830076400f385f82f964d9cfc1fd35b2', endpoint: this.endpoint, session: this.session, language: this.language, mbSource: this.mbSource, clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling, translationUrl: this.translationUrl }), this.loadGifts(renderGifts.bind(this, this.gifts, this.locale, this.redeemGiftConfirm.bind(this))), h("div", { key: '9caecc74dc57353be54380068e20fa4f616b972a', class: "ShopBottom" }, h("bonus-pagination-nav", { key: '0be13e148c594b4cd130ed6c908bf73739c801cb', total: this.total, offset: this.offset, limit: this.limit, tableId: this.shopListId, "nav-item-account": 7, arrowsActive: false, "display-page-numbers": "true" }), h("general-input", { key: '4d7ed8b887731323d1c5e14d33fc76b8ac7c7ec6', type: "dropdown", name: "pageLimits", displayName: this.locale.perPage, defaultValue: this.limit, validation: { mandatory: false }, options: this.pageLimitSelectOptions, emitValue: true, language: this.language, mbSource: this.mbSource, "client-styling-url": this.clientStylingUrl }))));
|
|
136
138
|
}
|
|
137
139
|
handleMessage(message) {
|
|
138
140
|
if (message.data.type === 'bee-redeem-confirmed' && message.data.id) {
|
|
139
|
-
this.
|
|
141
|
+
this.isLoading = true;
|
|
142
|
+
this.redeemGift(message.data.id).finally(() => { this.isLoading = false; });
|
|
140
143
|
}
|
|
141
144
|
}
|
|
142
145
|
async componentDidLoad() {
|
|
@@ -25,3 +25,7 @@ export const renderGifts = (gifts, locale, redeem) => {
|
|
|
25
25
|
return (h("div", { class: "Gift" }, h("div", { class: "ImgContainer", onClick: () => window.postMessage({ type: 'BEEShopImgClicked', itemId: gift.id }, window.location.href), style: Object.assign({}, getPropForBackgroundImage(((_a = presentation.assets) === null || _a === void 0 ? void 0 : _a.length) > 0 ? presentation.assets[0] : '')) }), h("div", { class: "InfoContainer" }, h("div", null, h("div", { class: "Point" }, gift.points, " ", gift.points === 1 ? locale.Point : locale.Points), h("div", { class: "Title" }, (presentation === null || presentation === void 0 ? void 0 : presentation.displayName) || gift.displayName), h("div", { class: "Description" }, (presentation === null || presentation === void 0 ? void 0 : presentation.description) || '')), h("div", { class: `AvaliableWrap RedeemButton ${statusData.extraClass}`, onClick: statusData.onClick }, locale.redeemGift))));
|
|
26
26
|
})));
|
|
27
27
|
};
|
|
28
|
+
export const renderGiftsSkeleton = () => {
|
|
29
|
+
return (h("div", { class: "Gifts FlexLayout" }, Array.from({ length: 3 })
|
|
30
|
+
.map(() => (h("div", { class: "Gift" }, h("div", { class: "ImgContainer" }, h("ui-skeleton", { structure: "image", width: "100%", height: "100%", "border-radius": "5px" })), h("div", { class: "InfoContainer" }, h("div", null, h("div", { class: "Point" }, h("ui-skeleton", { structure: "text", width: "100%", height: "16px" })), h("div", { class: "Title" }, h("ui-skeleton", { structure: "text", width: "100%", height: "16px" })), h("div", { class: "Description" }, h("ui-skeleton", { structure: "text", width: "100%", height: "16px" }))), h("ui-skeleton", { structure: "rectangle", width: "100%", height: "34px" })))))));
|
|
31
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-19906d91.js';
|
|
2
|
+
export { s as setNonce } from './index-19906d91.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
@@ -16,5 +16,5 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["bonus-elevate-
|
|
19
|
+
return bootstrapLazy([["bonus-elevate-shop_6",[[1,"bonus-elevate-shop",{"session":[513],"endpoint":[513],"language":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"limit":[1538],"navItemAccount":[514,"nav-item-account"],"pageLimitOptions":[1537,"page-limit-options"],"locale":[32],"gifts":[32],"total":[32],"offset":[32],"shopListId":[32],"isLoading":[32],"pageLimitSelectOptions":[32]},[[16,"sendInputValue","onPageLimitChangedHandler"],[0,"reloadPageByType","reloadPageByTypeHandler"]],{"endpoint":["onPropsChange"],"language":["onPropsChange"],"session":["onPropsChange"]}],[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-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",[[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",[[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",[[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);
|
|
20
20
|
});
|