@everymatrix/player-elevate-level 1.69.2 → 1.70.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.
- package/dist/cjs/bonus-elevate-levels_8.cjs.entry.js +102 -30
- package/dist/cjs/{index-fc200b31.js → index-935495e7.js} +11 -3
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{player-elevate-card-items-87c795e4.js → player-elevate-card-items-cfb502f3.js} +1 -1
- package/dist/cjs/player-elevate-card.cjs.entry.js +4 -3
- package/dist/cjs/player-elevate-level.cjs.js +2 -2
- package/dist/cjs/player-elevate-pointcard.cjs.entry.js +5 -4
- package/dist/cjs/player-rakeback-card.cjs.entry.js +3 -2
- package/dist/collection/components/player-elevate-level/player-elevate-level.js +19 -1
- package/dist/collection/components/player-elevate-level/player-elevate-level.stories.js +5 -2
- package/dist/esm/bonus-elevate-levels_8.entry.js +102 -30
- package/dist/esm/{index-625be212.js → index-8b0eeaf7.js} +11 -3
- package/dist/esm/loader.js +3 -3
- package/dist/esm/{player-elevate-card-items-a72d9079.js → player-elevate-card-items-4fdc5656.js} +1 -1
- package/dist/esm/player-elevate-card.entry.js +4 -3
- package/dist/esm/player-elevate-level.js +3 -3
- package/dist/esm/player-elevate-pointcard.entry.js +5 -4
- package/dist/esm/player-rakeback-card.entry.js +3 -2
- package/dist/player-elevate-level/bonus-elevate-levels_8.entry.js +1 -1
- package/dist/player-elevate-level/{index-625be212.js → index-8b0eeaf7.js} +2 -2
- package/dist/player-elevate-level/{player-elevate-card-items-a72d9079.js → player-elevate-card-items-4fdc5656.js} +1 -1
- package/dist/player-elevate-level/player-elevate-card.entry.js +1 -1
- package/dist/player-elevate-level/player-elevate-level.esm.js +1 -1
- package/dist/player-elevate-level/player-elevate-pointcard.entry.js +1 -1
- package/dist/player-elevate-level/player-rakeback-card.entry.js +1 -1
- package/dist/types/components/player-elevate-level/player-elevate-level.d.ts +2 -0
- package/dist/types/components.d.ts +8 -0
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, h, c as createEvent, H as Host, g as getElement, a as getAssetPath, F as Fragment } from './index-
|
|
1
|
+
import { r as registerInstance, h, c as createEvent, H as Host, g as getElement, a as getAssetPath, F as Fragment } from './index-8b0eeaf7.js';
|
|
2
2
|
import { t as translateWithParams, T as TRANSLATIONS$1 } from './locale.utils-34e6f004.js';
|
|
3
|
-
import { r as requiredArgs, t as toDate, g as getTimezoneOffsetInMilliseconds, P as PlayerAvatar, a as PlayerPoints, b as PlayerLoyaltyProcess, L as LoyaltyLevelExpireDay } from './player-elevate-card-items-
|
|
3
|
+
import { r as requiredArgs, t as toDate, g as getTimezoneOffsetInMilliseconds, P as PlayerAvatar, a as PlayerPoints, b as PlayerLoyaltyProcess, L as LoyaltyLevelExpireDay } from './player-elevate-card-items-4fdc5656.js';
|
|
4
4
|
|
|
5
5
|
const DEFAULT_LANGUAGE = 'en';
|
|
6
6
|
const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'hr', 'tr'];
|
|
@@ -59,6 +59,7 @@ const BonusElevateLevels = class {
|
|
|
59
59
|
registerInstance(this, hostRef);
|
|
60
60
|
this.clientStyling = '';
|
|
61
61
|
this.clientStylingUrl = '';
|
|
62
|
+
this.mbSource = undefined;
|
|
62
63
|
this.endpoint = undefined;
|
|
63
64
|
this.language = 'en';
|
|
64
65
|
this.translationUrl = '';
|
|
@@ -115,9 +116,9 @@ const BonusElevateLevels = class {
|
|
|
115
116
|
}
|
|
116
117
|
render() {
|
|
117
118
|
var _a;
|
|
118
|
-
return (h("div", { key: '
|
|
119
|
+
return (h("div", { key: '6bc46c87633a9a295108e50886096f67dd35d44a', class: "ElevateLevelContent" }, h("elevate-levels-data", { key: '902d2796991a8acf293761255ab10f2cee54a92e', scopeParams: this.elevateLevelParamProxy }), h("div", { key: '7e47a25dce1d0fba40e3e432dd9c805aa5bbe308', class: "LevelContent" }, ((_a = this.elevateLevels) === null || _a === void 0 ? void 0 : _a.length) ?
|
|
119
120
|
h("elevate-level-list", { language: this.language, selectedLevelId: this.selectedLevelId, levels: this.elevateLevels }) : translate('noLevelsSet', this.language), this.currentLevel &&
|
|
120
|
-
h("elevate-level-presentation", { key: '
|
|
121
|
+
h("elevate-level-presentation", { key: 'dcfad9aa4422545fa74a7b8b957eb72001506046', elevateLevel: this.currentLevel })), this.errorMessage && h("div", { key: '7e2741168e50a1ee2adebe39c2c3433b5c9bf7ca' }, this.errorMessage), h("general-styling-wrapper", { key: '74cae021838f61964a519c2f200cfbb1f8470778', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl, mbSource: this.mbSource })));
|
|
121
122
|
}
|
|
122
123
|
static get watchers() { return {
|
|
123
124
|
"selectedLevelId": ["selectedLevelIdChangedHandler"],
|
|
@@ -382,6 +383,63 @@ const mergeTranslations = (url, target) => {
|
|
|
382
383
|
});
|
|
383
384
|
};
|
|
384
385
|
|
|
386
|
+
/**
|
|
387
|
+
* @name setClientStyling
|
|
388
|
+
* @description Method used to create and append to the passed element of the widget a style element with the content received
|
|
389
|
+
* @param {HTMLElement} stylingContainer The reference element of the widget
|
|
390
|
+
* @param {string} clientStyling The style content
|
|
391
|
+
*/
|
|
392
|
+
function setClientStyling(stylingContainer, clientStyling) {
|
|
393
|
+
if (stylingContainer) {
|
|
394
|
+
const sheet = document.createElement('style');
|
|
395
|
+
sheet.innerHTML = clientStyling;
|
|
396
|
+
stylingContainer.appendChild(sheet);
|
|
397
|
+
}
|
|
398
|
+
}
|
|
399
|
+
|
|
400
|
+
/**
|
|
401
|
+
* @name setClientStylingURL
|
|
402
|
+
* @description Method used to create and append to the passed element of the widget a style element with the content fetched from a given URL
|
|
403
|
+
* @param {HTMLElement} stylingContainer The reference element of the widget
|
|
404
|
+
* @param {string} clientStylingUrl The URL of the style content
|
|
405
|
+
*/
|
|
406
|
+
function setClientStylingURL(stylingContainer, clientStylingUrl) {
|
|
407
|
+
const url = new URL(clientStylingUrl);
|
|
408
|
+
|
|
409
|
+
fetch(url.href)
|
|
410
|
+
.then((res) => res.text())
|
|
411
|
+
.then((data) => {
|
|
412
|
+
const cssFile = document.createElement('style');
|
|
413
|
+
cssFile.innerHTML = data;
|
|
414
|
+
if (stylingContainer) {
|
|
415
|
+
stylingContainer.appendChild(cssFile);
|
|
416
|
+
}
|
|
417
|
+
})
|
|
418
|
+
.catch((err) => {
|
|
419
|
+
console.error('There was an error while trying to load client styling from URL', err);
|
|
420
|
+
});
|
|
421
|
+
}
|
|
422
|
+
|
|
423
|
+
/**
|
|
424
|
+
* @name setStreamLibrary
|
|
425
|
+
* @description Method used to create and append to the passed element of the widget a style element with content fetched from the MessageBus
|
|
426
|
+
* @param {HTMLElement} stylingContainer The highest element of the widget
|
|
427
|
+
* @param {string} domain The domain from where the content should be fetched (e.g. 'Casino.Style', 'App.Style', 'casino-footer.style', etc.)
|
|
428
|
+
* @param {ref} subscription A reference to a variable where the subscription should be saved for unsubscribing when no longer needed
|
|
429
|
+
*/
|
|
430
|
+
function setStreamStyling(stylingContainer, domain, subscription) {
|
|
431
|
+
if (window.emMessageBus) {
|
|
432
|
+
const sheet = document.createElement('style');
|
|
433
|
+
|
|
434
|
+
window.emMessageBus.subscribe(domain, (data) => {
|
|
435
|
+
sheet.innerHTML = data;
|
|
436
|
+
if (stylingContainer) {
|
|
437
|
+
stylingContainer.appendChild(sheet);
|
|
438
|
+
}
|
|
439
|
+
});
|
|
440
|
+
}
|
|
441
|
+
}
|
|
442
|
+
|
|
385
443
|
const generalStylingWrapperCss = ":host{display:block}";
|
|
386
444
|
const GeneralStylingWrapperStyle0 = generalStylingWrapperCss;
|
|
387
445
|
|
|
@@ -389,38 +447,47 @@ const GeneralStylingWrapper = class {
|
|
|
389
447
|
constructor(hostRef) {
|
|
390
448
|
registerInstance(this, hostRef);
|
|
391
449
|
this.stylingAppends = false;
|
|
392
|
-
this.setClientStyling = () => {
|
|
393
|
-
let sheet = document.createElement('style');
|
|
394
|
-
sheet.innerHTML = this.clientStyling;
|
|
395
|
-
this.el.prepend(sheet);
|
|
396
|
-
};
|
|
397
|
-
this.setClientStylingURL = () => {
|
|
398
|
-
let url = new URL(this.clientStylingUrl);
|
|
399
|
-
let cssFile = document.createElement('style');
|
|
400
|
-
fetch(url.href)
|
|
401
|
-
.then((res) => res.text())
|
|
402
|
-
.then((data) => {
|
|
403
|
-
cssFile.innerHTML = data;
|
|
404
|
-
setTimeout(() => {
|
|
405
|
-
this.el.prepend(cssFile);
|
|
406
|
-
}, 1);
|
|
407
|
-
})
|
|
408
|
-
.catch((err) => {
|
|
409
|
-
console.log('error ', err);
|
|
410
|
-
});
|
|
411
|
-
};
|
|
412
450
|
this.clientStyling = '';
|
|
413
451
|
this.clientStylingUrl = '';
|
|
452
|
+
this.mbSource = undefined;
|
|
414
453
|
this.translationUrl = '';
|
|
415
454
|
this.targetTranslations = undefined;
|
|
416
455
|
}
|
|
456
|
+
componentDidLoad() {
|
|
457
|
+
if (this.el) {
|
|
458
|
+
if (window.emMessageBus != undefined) {
|
|
459
|
+
setStreamStyling(this.el, `${this.mbSource}.Style`);
|
|
460
|
+
}
|
|
461
|
+
else {
|
|
462
|
+
if (this.clientStyling)
|
|
463
|
+
setClientStyling(this.el, this.clientStyling);
|
|
464
|
+
if (this.clientStylingUrl)
|
|
465
|
+
setClientStylingURL(this.el, this.clientStylingUrl);
|
|
466
|
+
this.stylingAppends = true;
|
|
467
|
+
}
|
|
468
|
+
}
|
|
469
|
+
}
|
|
470
|
+
disconnectedCallback() {
|
|
471
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
472
|
+
}
|
|
473
|
+
handleClientStylingChange(newValue, oldValue) {
|
|
474
|
+
if (newValue != oldValue) {
|
|
475
|
+
setClientStyling(this.el, this.clientStyling);
|
|
476
|
+
}
|
|
477
|
+
}
|
|
478
|
+
handleClientStylingUrlChange(newValue, oldValue) {
|
|
479
|
+
if (newValue != oldValue) {
|
|
480
|
+
if (this.clientStylingUrl)
|
|
481
|
+
setClientStylingURL(this.el, this.clientStylingUrl);
|
|
482
|
+
}
|
|
483
|
+
}
|
|
417
484
|
componentDidRender() {
|
|
418
485
|
// start custom styling area
|
|
419
486
|
if (!this.stylingAppends) {
|
|
420
487
|
if (this.clientStyling)
|
|
421
|
-
this.
|
|
488
|
+
setClientStyling(this.el, this.clientStyling);
|
|
422
489
|
if (this.clientStylingUrl)
|
|
423
|
-
this.
|
|
490
|
+
setClientStylingURL(this.el, this.clientStylingUrl);
|
|
424
491
|
this.stylingAppends = true;
|
|
425
492
|
}
|
|
426
493
|
// end custom styling area
|
|
@@ -434,9 +501,13 @@ const GeneralStylingWrapper = class {
|
|
|
434
501
|
return await Promise.all(promises);
|
|
435
502
|
}
|
|
436
503
|
render() {
|
|
437
|
-
return (h("div", { key: '
|
|
504
|
+
return (h("div", { key: '09ad83748bbad518743c8671b986c541c52bf3f0', class: "StyleShell" }, h("slot", { key: '3b28b776d3944410c717b002b70946d274a4e8e7', name: "mainContent" })));
|
|
438
505
|
}
|
|
439
506
|
get el() { return getElement(this); }
|
|
507
|
+
static get watchers() { return {
|
|
508
|
+
"clientStyling": ["handleClientStylingChange"],
|
|
509
|
+
"clientStylingUrl": ["handleClientStylingUrlChange"]
|
|
510
|
+
}; }
|
|
440
511
|
};
|
|
441
512
|
GeneralStylingWrapper.style = GeneralStylingWrapperStyle0;
|
|
442
513
|
|
|
@@ -907,6 +978,7 @@ const PlayerElevateLevel = class {
|
|
|
907
978
|
this.language = undefined;
|
|
908
979
|
this.playerName = undefined;
|
|
909
980
|
this.dateFormat = 'yyyy-MM-dd';
|
|
981
|
+
this.mbSource = undefined;
|
|
910
982
|
this.clientStyling = '';
|
|
911
983
|
this.clientStylingUrl = '';
|
|
912
984
|
this.translationUrl = '';
|
|
@@ -918,7 +990,7 @@ const PlayerElevateLevel = class {
|
|
|
918
990
|
}
|
|
919
991
|
}
|
|
920
992
|
render() {
|
|
921
|
-
return h(Host, { key: '
|
|
993
|
+
return h(Host, { key: 'f039ea289aa472352232b46c7cdac78736edca71' }, h("div", { key: '6085bdf6bd805e59a83172c384dc580d44f09fcb', class: 'PlayerElevateCard' }, h("player-elevate-loyaltycard", { key: '8cb6d33753fa01274b358592303090e43fc59391', playerName: this.playerName, dateFormat: this.dateFormat, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, mbSource: this.mbSource, clientStyling: `${this.clientStyling} .Outer{height: 185px}`, endpoint: this.endpoint, language: this.language, session: this.session })), h("div", { key: '403f5f92bbf5e3142e89f0f8e6ec6a73c4326cb3', class: 'ElevateLevelsInfo' }, h("bonus-elevate-levels", { key: '0b9dfbbd8dfd10480c3088f5770a52ee711b19f5', selectedLevelId: this.userLevelId, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, mbSource: this.mbSource, language: this.language, endpoint: this.endpoint })), h("general-styling-wrapper", { key: '813ea25a331bfd4274988212da027663e5e46b73', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, mbSource: this.mbSource }));
|
|
922
994
|
}
|
|
923
995
|
};
|
|
924
996
|
PlayerElevateLevel.style = PlayerElevateLevelStyle0;
|
|
@@ -992,8 +1064,8 @@ const PlayerElevateLoyaltycard = class {
|
|
|
992
1064
|
render() {
|
|
993
1065
|
const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
|
|
994
1066
|
const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
|
|
995
|
-
return (h("div", { key: 'aa8f0d13a1e1d26ea7307d05fc50cda507172949', class: `ElevateCardWrapper ${this.theme}` }, h("div", { key: '485075740ced316bf89f69359bdc8642dbb2af8f', class: "LoyaltyCard Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h("general-styling-wrapper", { key: '
|
|
996
|
-
h(LoyaltyLevelExpireDay, { key: '
|
|
1067
|
+
return (h("div", { key: 'aa8f0d13a1e1d26ea7307d05fc50cda507172949', class: `ElevateCardWrapper ${this.theme}` }, h("div", { key: '485075740ced316bf89f69359bdc8642dbb2af8f', class: "LoyaltyCard Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h("general-styling-wrapper", { key: '3648821972ac115a1c33705463cdc2cdb427a95b', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS$1, translationUrl: this.translationUrl, mbSource: this.mbSource }), h("player-elevate-card-data", { key: '7b36c46a869bd4b014d1f04dbb718445b23ec964', params: this.paramProxy }), h("div", { key: 'f4e5aa453459f693e07c166028aec9b0b696c907', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, h("div", { key: 'd5f1894120cba3e7cf3c54b838a025f469bc445e', class: 'Content Row' }, this.playerElevateLevel && (h(Fragment, { key: '112ee04598b23dda6911f043101c0c1631454d7f' }, h("div", { key: '7af4b6e937bbe73cc00aae0f27f8c93da47bb626', class: "PlayerImg" }, h(PlayerAvatar, { key: '1b5037bfa196063f56cccd947c988a3aca0781b0', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h("div", { key: '7b714e446f4e01edd4f4aefcc035d070b7d6a47b', class: `LevelInfo ${this.playerElevateLevel.name}` }, h("div", { key: '37ad8ce5dae374685e74f6772d28e79d251932e3', class: 'CardCell ElevateLevel' }, h("span", { key: '2d9dcf4b08fcecc927d3e8bdca74c75ff4336480', class: "LevelName", title: this.playerElevateLevel.name }, this.playerElevateLevel.name)), h("div", { key: 'cc89cbaa70d9583b9626da15e98f9fd61d82f81f', class: 'PointsRange' }, h(PlayerPoints, { key: '32de4cac05a4fd5610af857b25e096a7cb9ba34d', loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), h(PlayerPoints, { key: '298f492c8991384547c31396fc930b5c21f41501', loyaltyPoints: this.getNextLevelPoints(), language: this.language })), h(PlayerLoyaltyProcess, { key: 'aca4f5642c41db1c4b7fa04411331a5c25c655dd' }), h("div", { key: 'd841c5df319de105376c6eee24bc685757916aae', class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && (h("div", { key: '774279829f3f52ee5696550a855a833b39df8c81', class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " ")), this.playerElevateLevel.expireTime &&
|
|
1068
|
+
h(LoyaltyLevelExpireDay, { key: '3a4319e502e85b26cb220942492b161ad842be82', expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat, language: this.language })))))))));
|
|
997
1069
|
}
|
|
998
1070
|
static get watchers() { return {
|
|
999
1071
|
"session": ["onSessionOrEndpointChange"],
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const NAMESPACE = 'player-elevate-level';
|
|
2
|
-
const BUILD = /* player-elevate-level */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad:
|
|
2
|
+
const BUILD = /* player-elevate-level */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
5
|
Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
|
|
@@ -1175,6 +1175,9 @@ var postUpdateComponent = (hostRef) => {
|
|
|
1175
1175
|
{
|
|
1176
1176
|
addHydratedFlag(elm);
|
|
1177
1177
|
}
|
|
1178
|
+
{
|
|
1179
|
+
safeCall(instance, "componentDidLoad");
|
|
1180
|
+
}
|
|
1178
1181
|
endPostUpdate();
|
|
1179
1182
|
{
|
|
1180
1183
|
hostRef.$onReadyResolve$(elm);
|
|
@@ -1447,6 +1450,9 @@ var setContentReference = (elm) => {
|
|
|
1447
1450
|
insertBefore(elm, contentRefElm, elm.firstChild);
|
|
1448
1451
|
};
|
|
1449
1452
|
var disconnectInstance = (instance) => {
|
|
1453
|
+
{
|
|
1454
|
+
safeCall(instance, "disconnectedCallback");
|
|
1455
|
+
}
|
|
1450
1456
|
};
|
|
1451
1457
|
var disconnectedCallback = async (elm) => {
|
|
1452
1458
|
if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
|
|
@@ -1457,8 +1463,10 @@ var disconnectedCallback = async (elm) => {
|
|
|
1457
1463
|
hostRef.$rmListeners$ = void 0;
|
|
1458
1464
|
}
|
|
1459
1465
|
}
|
|
1460
|
-
if (hostRef == null ? void 0 : hostRef.$lazyInstance$)
|
|
1461
|
-
hostRef.$
|
|
1466
|
+
if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
|
|
1467
|
+
disconnectInstance(hostRef.$lazyInstance$);
|
|
1468
|
+
} else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
|
|
1469
|
+
hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$));
|
|
1462
1470
|
}
|
|
1463
1471
|
}
|
|
1464
1472
|
};
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { b as bootstrapLazy } from './index-8b0eeaf7.js';
|
|
2
|
+
export { s as setNonce } from './index-8b0eeaf7.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy([["bonus-elevate-levels_8",[[1,"player-elevate-level",{"endpoint":[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"],"userLevelId":[32]},[[0,"playerElevateLeveLoaded","setPlayerElevateLevelInfo"]]],[1,"bonus-elevate-levels",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"endpoint":[513],"language":[513],"translationUrl":[513,"translation-url"],"selectedLevelId":[1537,"selected-level-id"],"showDefault":[4,"show-default"],"elevateLevelParamProxy":[32],"elevateLevels":[32],"currentLevel":[32],"errorMessage":[32]},[[0,"selectedLevelChanged","selectedLevelChangedHandler"],[2,"elevateLevelsDataChange","elevateLevelsDataChangeHandler"]],{"selectedLevelId":["selectedLevelIdChangedHandler"],"elevateLevels":["selectedLevelIdChangedHandler"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[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"]}],[0,"elevate-level-list",{"levels":[16],"language":[1],"selectedLevelId":[1537,"selected-level-id"],"isShowSliderButton":[32],"touchPosStart":[32],"touchPosEnd":[32],"offset":[32]},[[1,"touchstart","onTouchStart"],[1,"touchmove","onTouchMove"],[9,"resize","handleResize"]],{"selectedLevelId":["levelsChangedHandler"]}],[0,"elevate-level-presentation",{"elevateLevel":[16]}],[0,"elevate-levels-data",{"scopeParams":[1544,"scope-params"]}],[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"],"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-pointcard",[[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"]}]]],["player-rakeback-card",[[1,"player-rakeback-card",{"endpoint":[513],"theme":[513],"session":[513],"language":[513],"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);
|
|
8
|
+
return bootstrapLazy([["bonus-elevate-levels_8",[[1,"player-elevate-level",{"endpoint":[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"],"userLevelId":[32]},[[0,"playerElevateLeveLoaded","setPlayerElevateLevelInfo"]]],[1,"bonus-elevate-levels",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"endpoint":[513],"language":[513],"translationUrl":[513,"translation-url"],"selectedLevelId":[1537,"selected-level-id"],"showDefault":[4,"show-default"],"elevateLevelParamProxy":[32],"elevateLevels":[32],"currentLevel":[32],"errorMessage":[32]},[[0,"selectedLevelChanged","selectedLevelChangedHandler"],[2,"elevateLevelsDataChange","elevateLevelsDataChangeHandler"]],{"selectedLevelId":["selectedLevelIdChangedHandler"],"elevateLevels":["selectedLevelIdChangedHandler"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[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"]}],[0,"elevate-level-list",{"levels":[16],"language":[1],"selectedLevelId":[1537,"selected-level-id"],"isShowSliderButton":[32],"touchPosStart":[32],"touchPosEnd":[32],"offset":[32]},[[1,"touchstart","onTouchStart"],[1,"touchmove","onTouchMove"],[9,"resize","handleResize"]],{"selectedLevelId":["levelsChangedHandler"]}],[0,"elevate-level-presentation",{"elevateLevel":[16]}],[0,"elevate-levels-data",{"scopeParams":[1544,"scope-params"]}],[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,{"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-pointcard",[[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"]}]]],["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);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { r as registerInstance, a as getAssetPath, h, F as Fragment } from './index-
|
|
2
|
-
import { P as PlayerAvatar, a as PlayerPoints, c as PlayerNameDiv, d as PlayerElevateLoyaltyLevel, b as PlayerLoyaltyProcess, e as PlayerElevateCardRedeem } from './player-elevate-card-items-
|
|
1
|
+
import { r as registerInstance, a as getAssetPath, h, F as Fragment } from './index-8b0eeaf7.js';
|
|
2
|
+
import { P as PlayerAvatar, a as PlayerPoints, c as PlayerNameDiv, d as PlayerElevateLoyaltyLevel, b as PlayerLoyaltyProcess, e as PlayerElevateCardRedeem } from './player-elevate-card-items-4fdc5656.js';
|
|
3
3
|
import { T as TRANSLATIONS } from './locale.utils-34e6f004.js';
|
|
4
4
|
|
|
5
5
|
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}";
|
|
@@ -15,6 +15,7 @@ const PlayerElevateCard = class {
|
|
|
15
15
|
this.language = 'en';
|
|
16
16
|
this.playerName = undefined;
|
|
17
17
|
this.dateFormat = 'yyyy-MM-dd';
|
|
18
|
+
this.mbSource = undefined;
|
|
18
19
|
this.clientStyling = '';
|
|
19
20
|
this.clientStylingUrl = '';
|
|
20
21
|
this.translationUrl = '';
|
|
@@ -57,7 +58,7 @@ const PlayerElevateCard = class {
|
|
|
57
58
|
render() {
|
|
58
59
|
const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
|
|
59
60
|
const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
|
|
60
|
-
return (h("div", { key: '
|
|
61
|
+
return (h("div", { key: 'e976417483a756b8f67d70feb09afb544efb3802', class: `ElevateCardWrapper ${this.theme}` }, h("div", { key: '5de2dbc7d093bbcbe7b415122effa691c058ddb6', class: "Card Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h("general-styling-wrapper", { key: '1a5b13640d37efab6dacee24e27f9f2bdc83cd0c', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl, mbSource: this.mbSource }), h("player-elevate-card-data", { key: 'e80389984932f77408c772ad9cb130de99e88504', params: this.paramProxy }), h("div", { key: 'fec6145e06a300bc044fec2f96e61dfe86f44d6c', class: "OuterCover Inner", style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, this.playerElevateLevel && (h(Fragment, { key: '90b1f057c5d1d5ae286a75c3d30182c16593bbe6' }, h("div", { key: 'cf5a0cc332fc6beafe079a2b500ebbc1f8d21b91', class: 'Content Row' }, h("div", { key: 'f3348ba8eb7bcb08085ab49ce2059c7fd86f862f', class: "PlayerImg" }, h(PlayerAvatar, { key: '8fa96d942ee70d43ea0231b87f5d5de0b72198df', playerAvatarUrl: this.playerAvatarUrl, loyaltyIconUrl: this.playerElevateLevel.presentation.asset }), h(PlayerPoints, { key: 'f774e833169326404d44dd8c2361bd89f0e5a9e6', loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language })), this.pointExpireString && (h("div", { key: 'c85b28e71be4e13df275f2ae74f5b0c9538b3cda', class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " ")), h("div", { key: '63ef752d5e25c3a65e5af7977b9e9f4846b8ba45', class: `LevelInfo Level${this.playerLevelFlag} ${this.playerElevateLevel.presentation.displayName}` }, h(PlayerNameDiv, { key: '7cc0d416fe0aadc1b7406b95b31d23ad2ca45ba4', playerName: this.playerName }), h(PlayerElevateLoyaltyLevel, { key: '38d7c5aed410c9bf55e9640a98f6f74fc2d38291', hideInfo: true, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }), h(PlayerLoyaltyProcess, { key: '2e1305ff3bea4cb2f432f1187c40bb36a1464627' }), h(PlayerElevateCardRedeem, { key: '427405f246bec7a028b5164fc70292b769ea609b', onRedeemClick: this.onRedeemClick, language: this.language })))))))));
|
|
61
62
|
}
|
|
62
63
|
static get assetsDirs() { return ["../static"]; }
|
|
63
64
|
static get watchers() { return {
|
|
@@ -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-8b0eeaf7.js';
|
|
2
|
+
export { s as setNonce } from './index-8b0eeaf7.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-levels_8",[[1,"player-elevate-level",{"endpoint":[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"],"userLevelId":[32]},[[0,"playerElevateLeveLoaded","setPlayerElevateLevelInfo"]]],[1,"bonus-elevate-levels",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"endpoint":[513],"language":[513],"translationUrl":[513,"translation-url"],"selectedLevelId":[1537,"selected-level-id"],"showDefault":[4,"show-default"],"elevateLevelParamProxy":[32],"elevateLevels":[32],"currentLevel":[32],"errorMessage":[32]},[[0,"selectedLevelChanged","selectedLevelChangedHandler"],[2,"elevateLevelsDataChange","elevateLevelsDataChangeHandler"]],{"selectedLevelId":["selectedLevelIdChangedHandler"],"elevateLevels":["selectedLevelIdChangedHandler"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[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"]}],[0,"elevate-level-list",{"levels":[16],"language":[1],"selectedLevelId":[1537,"selected-level-id"],"isShowSliderButton":[32],"touchPosStart":[32],"touchPosEnd":[32],"offset":[32]},[[1,"touchstart","onTouchStart"],[1,"touchmove","onTouchMove"],[9,"resize","handleResize"]],{"selectedLevelId":["levelsChangedHandler"]}],[0,"elevate-level-presentation",{"elevateLevel":[16]}],[0,"elevate-levels-data",{"scopeParams":[1544,"scope-params"]}],[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"],"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-pointcard",[[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"]}]]],["player-rakeback-card",[[1,"player-rakeback-card",{"endpoint":[513],"theme":[513],"session":[513],"language":[513],"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);
|
|
19
|
+
return bootstrapLazy([["bonus-elevate-levels_8",[[1,"player-elevate-level",{"endpoint":[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"],"userLevelId":[32]},[[0,"playerElevateLeveLoaded","setPlayerElevateLevelInfo"]]],[1,"bonus-elevate-levels",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"endpoint":[513],"language":[513],"translationUrl":[513,"translation-url"],"selectedLevelId":[1537,"selected-level-id"],"showDefault":[4,"show-default"],"elevateLevelParamProxy":[32],"elevateLevels":[32],"currentLevel":[32],"errorMessage":[32]},[[0,"selectedLevelChanged","selectedLevelChangedHandler"],[2,"elevateLevelsDataChange","elevateLevelsDataChangeHandler"]],{"selectedLevelId":["selectedLevelIdChangedHandler"],"elevateLevels":["selectedLevelIdChangedHandler"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[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"]}],[0,"elevate-level-list",{"levels":[16],"language":[1],"selectedLevelId":[1537,"selected-level-id"],"isShowSliderButton":[32],"touchPosStart":[32],"touchPosEnd":[32],"offset":[32]},[[1,"touchstart","onTouchStart"],[1,"touchmove","onTouchMove"],[9,"resize","handleResize"]],{"selectedLevelId":["levelsChangedHandler"]}],[0,"elevate-level-presentation",{"elevateLevel":[16]}],[0,"elevate-levels-data",{"scopeParams":[1544,"scope-params"]}],[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,{"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-pointcard",[[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"]}]]],["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
|
});
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { r as registerInstance, a as getAssetPath, h, F as Fragment } from './index-
|
|
1
|
+
import { r as registerInstance, a as getAssetPath, h, F as Fragment } from './index-8b0eeaf7.js';
|
|
2
2
|
import { T as TRANSLATIONS, a as translate } from './locale.utils-34e6f004.js';
|
|
3
|
-
import { P as PlayerAvatar, a as PlayerPoints } from './player-elevate-card-items-
|
|
3
|
+
import { P as PlayerAvatar, a as PlayerPoints } from './player-elevate-card-items-4fdc5656.js';
|
|
4
4
|
|
|
5
5
|
const playerElevatePointcardCss = ":host{display:block}.PointsCard .Inner .Row .ExpirationPoints{text-align:left}.PointsCard .Inner .PlayerAvatar .Avatar{display:none}.PointsCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%;position:inherit}.PointsCard .Inner .PointsTxt{display:flex;flex-direction:row;justify-content:space-between}.PointsCard .Inner .DetailButton{background:linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%), linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));border-radius:5px;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);border:2px solid;font-size:11px;width:108px;padding:4px;cursor:pointer;margin-top:5px;height:16px;min-width:45px;text-align:center}.PointsCard .Inner .DetailButton span{color:var(--emw--color-gray-150, #6D6D6D)}.PointsCard .Inner .DetailButton span{display:inline-block;vertical-align:middle}.PointsCard .Inner .DetailButton:hover span{color:var(--emw--color-gray-150, #6D6D6D)}.PointsCard .Inner .LevelInfo{gap:15px;width:70%}.PointsCard .Inner .LevelInfo .PointsTxt{font-size:15px}.PointsCard .Inner .LevelInfo .PointsTxt.Label{display:none}.PointsCard .Inner .LevelInfo .PointsTxt.SPPoints{padding-top:15px}.PointsCard .Inner .LevelInfo .PointsTxt .TC{font-size:x-small;color:var(--emw--color-gray-300, #58586B);display:flex;align-content:center;height:100%;flex-wrap:wrap;text-decoration:underline;cursor:pointer;display:none}";
|
|
6
6
|
const PlayerElevatePointcardStyle0 = playerElevatePointcardCss;
|
|
@@ -14,6 +14,7 @@ const PlayerElevatePointcard = class {
|
|
|
14
14
|
this.session = undefined;
|
|
15
15
|
this.playerAvatarUrl = undefined;
|
|
16
16
|
this.language = 'en';
|
|
17
|
+
this.mbSource = undefined;
|
|
17
18
|
this.playerName = undefined;
|
|
18
19
|
this.cardTitle = undefined;
|
|
19
20
|
this.buttonType = 'earningRule';
|
|
@@ -58,9 +59,9 @@ const PlayerElevatePointcard = class {
|
|
|
58
59
|
render() {
|
|
59
60
|
const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
|
|
60
61
|
const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
|
|
61
|
-
return (h("div", { key: '
|
|
62
|
+
return (h("div", { key: '45aa5be359b46d5503a8310daa4db2029a8c59b8', class: `ElevateCardWrapper ${this.theme}` }, h("div", { key: '0d1773bd9eb0913ede4eeedfc93f22967aa133d6', class: "PointsCard Outer ", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h("general-styling-wrapper", { key: 'cfb35c5220633e39e25b11f0be5b6fc5cc73df5c', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl, mbSource: this.mbSource }), h("player-elevate-card-data", { key: '25206c4deb6e51e3ea60259d4fee3452df8253d6', params: this.paramProxy }), h("div", { key: 'c14ee3498a1a584b7f484fe2ef6a204c337d2b27', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, h("div", { key: 'dd7e0528034013d889f1f9bfbacf7928d2b4d1e9', class: 'Content Row' }, this.playerElevateLevel && (h(Fragment, { key: '20b36f112f735446a6219b61e012e4568f199717' }, h("div", { key: '3705136c1ee509484f43b7268b23cfbe273f727c', class: "PlayerImg" }, h(PlayerAvatar, { key: 'b81cbcff0528acd3253a676e0a64141c6414fc2a', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h("div", { key: '311b3ffcdf8a3ffe4b609fd0f1d9dee83424ca58', class: `LevelInfo ${this.playerElevateLevel.name}` }, h("div", { key: 'ba1744b3b9cee03a424093df96454ff68d04aec1', class: "PointsTxt Label" }, this.cardTitle ? this.cardTitle : translate('spendablePoints', this.language)), h("div", { key: '6b554d17a0f74684e23549365fb06f6079ba7239', class: 'PointsTxt SPPoints' }, h(PlayerPoints, { key: '6c9f812eccea99cd94095c252ba552816f800447', spendablePoints: this.playerElevateLevel.spendablePoints, language: this.language }), h("a", { key: 'eb79d25c2ccce8c542a192c1ca07265649dbd1bc', class: "TC", onClick: () => {
|
|
62
63
|
this.onDetailsClick();
|
|
63
|
-
} }, translate('termAndConditions', this.language))), this.pointExpireString && (h("div", { key: '
|
|
64
|
+
} }, translate('termAndConditions', this.language))), this.pointExpireString && (h("div", { key: 'e64127c87c4c4a3e5253606e2c4c472e9b728103', class: 'ExpirationPoints' }, this.pointExpireString, " "))))))))));
|
|
64
65
|
}
|
|
65
66
|
static get watchers() { return {
|
|
66
67
|
"session": ["onSessionOrEndpointChange"],
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-
|
|
1
|
+
import { r as registerInstance, h } from './index-8b0eeaf7.js';
|
|
2
2
|
import { a as translate, t as translateWithParams, T as TRANSLATIONS } from './locale.utils-34e6f004.js';
|
|
3
3
|
|
|
4
4
|
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}";
|
|
@@ -27,6 +27,7 @@ const PlayerRakebackCard = class {
|
|
|
27
27
|
this.theme = 'Dark';
|
|
28
28
|
this.session = undefined;
|
|
29
29
|
this.language = 'en';
|
|
30
|
+
this.mbSource = undefined;
|
|
30
31
|
this.clientStyling = '';
|
|
31
32
|
this.clientStylingUrl = '';
|
|
32
33
|
this.translationUrl = '';
|
|
@@ -140,7 +141,7 @@ const PlayerRakebackCard = class {
|
|
|
140
141
|
await this.onShowOrHasRakebackWalletChange();
|
|
141
142
|
}
|
|
142
143
|
render() {
|
|
143
|
-
return this.showTheWidget ? (h("div", { class: "RakebackCard" }, h("general-styling-wrapper", { clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), h("div", { class: "RakebackCardContent" }, h("div", { class: "RakebackTitle" }, translate('rakebackTitle', this.language)), h("div", { class: "RakebackDetails" }, h("div", { class: "RakebackInfo" }, h("div", { class: "RakebackNumContainer" }, h("span", { class: "RakebackNum" }, this.rakebackInfo.points), h("span", { class: "RakebackCurrency" }, this.rakebackInfo.currency))), h("div", { class: `RakebackButton ${this.isLoading || !this.rakebackInfo.claimable ? 'disabled' : ''}`, onClick: this.sendRakebackClaimedEvent }, translate('claim', this.language))), !this.rakebackInfo.claimable && this.rakebackInfo.showCanClaim && (h("div", { class: "RakebackCoolOff" }, translateWithParams('minutesCanClaim', {
|
|
144
|
+
return this.showTheWidget ? (h("div", { class: "RakebackCard" }, h("general-styling-wrapper", { clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl, mbSource: this.mbSource }), h("div", { class: "RakebackCardContent" }, h("div", { class: "RakebackTitle" }, translate('rakebackTitle', this.language)), h("div", { class: "RakebackDetails" }, h("div", { class: "RakebackInfo" }, h("div", { class: "RakebackNumContainer" }, h("span", { class: "RakebackNum" }, this.rakebackInfo.points), h("span", { class: "RakebackCurrency" }, this.rakebackInfo.currency))), h("div", { class: `RakebackButton ${this.isLoading || !this.rakebackInfo.claimable ? 'disabled' : ''}`, onClick: this.sendRakebackClaimedEvent }, translate('claim', this.language))), !this.rakebackInfo.claimable && this.rakebackInfo.showCanClaim && (h("div", { class: "RakebackCoolOff" }, translateWithParams('minutesCanClaim', {
|
|
144
145
|
lang: this.language,
|
|
145
146
|
minutes: this.rakebackInfo.minutesCanClaim
|
|
146
147
|
})))))) : null;
|