@everymatrix/player-elevate-card 1.69.0 → 1.69.2
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/general-styling-wrapper_6.cjs.entry.js +13 -4
- package/dist/collection/components/player-elevate-card/player-elevate-card-items.js +1 -0
- package/dist/collection/components/player-elevate-loyaltycard/player-elevate-loyaltycard.css +3 -3
- package/dist/collection/components/player-elevate-loyaltycard/player-elevate-loyaltycard.js +3 -2
- package/dist/collection/components/player-elevate-pointcard/player-elevate-pointcard.js +2 -2
- package/dist/esm/general-styling-wrapper_6.entry.js +13 -4
- package/dist/player-elevate-card/general-styling-wrapper_6.entry.js +1 -1
- package/dist/types/components/player-elevate-card/player-elevate-card-items.d.ts +1 -0
- package/package.json +1 -1
|
@@ -29,6 +29,10 @@ const mergeTranslations = (url, target) => {
|
|
|
29
29
|
});
|
|
30
30
|
});
|
|
31
31
|
resolve(true);
|
|
32
|
+
})
|
|
33
|
+
.catch(err => {
|
|
34
|
+
console.error("Failed to load translations:", err);
|
|
35
|
+
resolve(false);
|
|
32
36
|
});
|
|
33
37
|
});
|
|
34
38
|
};
|
|
@@ -2645,6 +2649,10 @@ const PlayerElevateLoyaltyLevel = (props) => (index.h("div", { class: 'CardCell
|
|
|
2645
2649
|
index.h("span", { class: "ExpireTime" }, format(new Date(props.expireTime), props.dateFormat || 'yyyy-MM-dd')),
|
|
2646
2650
|
!props.hideInfo && (index.h("span", { class: "fa Info", style: { 'background': `url(${index.getAssetPath('../static/info.svg')})` } },
|
|
2647
2651
|
index.h("span", { class: "InfoTips", innerHTML: TipsInfo })))))));
|
|
2652
|
+
const LoyaltyLevelExpireDay = (props) => (index.h("div", { class: 'CardCell ElevateLevel Expire' },
|
|
2653
|
+
index.h("div", { class: "CardCell ExpirationDate Txt" },
|
|
2654
|
+
translate('expireOn', props.language),
|
|
2655
|
+
index.h("span", { class: "ExpireTime" }, format(new Date(props.expireTime), props.dateFormat || 'yyyy-MM-dd')))));
|
|
2648
2656
|
const PlayerAvatar = (props) => {
|
|
2649
2657
|
const badge = props.loyaltyIconUrl
|
|
2650
2658
|
? index.h("img", { class: "Badge", src: props.loyaltyIconUrl })
|
|
@@ -3176,7 +3184,7 @@ const PlayerElevateCardData = class {
|
|
|
3176
3184
|
};
|
|
3177
3185
|
PlayerElevateCardData.style = PlayerElevateCardDataStyle0;
|
|
3178
3186
|
|
|
3179
|
-
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:
|
|
3187
|
+
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}";
|
|
3180
3188
|
const PlayerElevateLoyaltycardStyle0 = playerElevateLoyaltycardCss;
|
|
3181
3189
|
|
|
3182
3190
|
const PlayerElevateLoyaltycard = class {
|
|
@@ -3245,7 +3253,8 @@ const PlayerElevateLoyaltycard = class {
|
|
|
3245
3253
|
render() {
|
|
3246
3254
|
const backgroundOuterImagePath = index.getAssetPath('../static/card-ground.svg');
|
|
3247
3255
|
const backgroundInnerImagePath = index.getAssetPath('../static/card-ground-over.svg');
|
|
3248
|
-
return (index.h("div", { key: '
|
|
3256
|
+
return (index.h("div", { key: 'aa8f0d13a1e1d26ea7307d05fc50cda507172949', class: `ElevateCardWrapper ${this.theme}` }, index.h("div", { key: '485075740ced316bf89f69359bdc8642dbb2af8f', class: "LoyaltyCard Outer", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, index.h("general-styling-wrapper", { key: '24dc58d3f4f6026b113239d1cc9ccfd316142ff9', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), index.h("player-elevate-card-data", { key: '0cbffe246628e3927bf76ce5b125b7419cafc25d', params: this.paramProxy }), index.h("div", { key: '36253daeadefe0b3ee2eb2eccb361e5033364202', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, index.h("div", { key: '49f97f2c1cafa39556c34432557e000690698105', class: 'Content Row' }, this.playerElevateLevel && (index.h(index.Fragment, { key: '4eab6948bc49da8f28acd5d85364246495f81af5' }, index.h("div", { key: '5f95c9bbafc6f20df602adf279cfcbd069ab2319', class: "PlayerImg" }, index.h(PlayerAvatar, { key: '53c37a7676b053ea9447e833053aa13fb67e0392', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), index.h("div", { key: 'ce9b24f9bf2b87878edd04ac75ec64545fa62711', class: `LevelInfo ${this.playerElevateLevel.name}` }, index.h("div", { key: '79ab8fc735a7ddeb9b8786e3f832ec4188d5942f', class: 'CardCell ElevateLevel' }, index.h("span", { key: 'e7cf27215748ce93683ce95dde701dd991e6854b', class: "LevelName", title: this.playerElevateLevel.name }, this.playerElevateLevel.name)), index.h("div", { key: '0c4bfe25c728722d5e97e9728b642e3503940908', class: 'PointsRange' }, index.h(PlayerPoints, { key: 'f2fba862e377beafb8e7a682503cfce682fb863f', loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), index.h(PlayerPoints, { key: 'a6fa3560bfb9acf7abc3bdb23acb6cb1f51ff0df', loyaltyPoints: this.getNextLevelPoints(), language: this.language })), index.h(PlayerLoyaltyProcess, { key: 'c185c3ac46e10ec9715fb081a05f9a8d4d8007f9' }), index.h("div", { key: 'd0f85005176bd8acc499cd8e5efe53b9ec2a3b80', class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && (index.h("div", { key: '763be6168567973ad3df88d116a97dd00d53a6d8', class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " ")), this.playerElevateLevel.expireTime &&
|
|
3257
|
+
index.h(LoyaltyLevelExpireDay, { key: '662982c38dd920149566a87503b5de1b123ee414', expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat, language: this.language })))))))));
|
|
3249
3258
|
}
|
|
3250
3259
|
static get watchers() { return {
|
|
3251
3260
|
"session": ["onSessionOrEndpointChange"],
|
|
@@ -3311,9 +3320,9 @@ const PlayerElevatePointcard = class {
|
|
|
3311
3320
|
render() {
|
|
3312
3321
|
const backgroundOuterImagePath = index.getAssetPath('../static/card-ground.svg');
|
|
3313
3322
|
const backgroundInnerImagePath = index.getAssetPath('../static/card-ground-over.svg');
|
|
3314
|
-
return (index.h("div", { key: '
|
|
3323
|
+
return (index.h("div", { key: 'ab47a39fc8fa5562e2843755b6b935296f6952fd', class: `ElevateCardWrapper ${this.theme}` }, index.h("div", { key: '8b9ce754eb082af8005b40915e9b2e861ec99287', class: "PointsCard Outer ", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, index.h("general-styling-wrapper", { key: 'f7d660116db83ce86b36a558441bf02bf74592e6', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), index.h("player-elevate-card-data", { key: 'f42375d3631031e7ef8041ccabe62659858e6ac0', params: this.paramProxy }), index.h("div", { key: '0b5eb08baa589ed85c96e0c5731ea7d93c76d398', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, index.h("div", { key: '3b66d8f8baa7c510c04a6ebe73ba87fc1ba33426', class: 'Content Row' }, this.playerElevateLevel && (index.h(index.Fragment, { key: 'fa0f8a796e0d08f18bd37ab193f1e6a49d6138b5' }, index.h("div", { key: 'ffe65be1e5d9f04a2c3711e9f61f56c95818244b', class: "PlayerImg" }, index.h(PlayerAvatar, { key: '4947af0ebd6978f938d5f3f0185f8700a3506b75', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), index.h("div", { key: '2f0a7c4ef826f16472313cca974b4c208c33e83a', class: `LevelInfo ${this.playerElevateLevel.name}` }, index.h("div", { key: '118eabd6511b72fbb7c78a0ee2d190b719d708ae', class: "PointsTxt Label" }, this.cardTitle ? this.cardTitle : translate('spendablePoints', this.language)), index.h("div", { key: '5a15d9630c51f23024ddd5967ef8753bac746936', class: 'PointsTxt SPPoints' }, index.h(PlayerPoints, { key: '7994e6b898d69a62ec8c4aeb0892a1c718104d7e', spendablePoints: this.playerElevateLevel.spendablePoints, language: this.language }), index.h("a", { key: '8d25c48516245dc067676278cd861193ca4863bd', class: "TC", onClick: () => {
|
|
3315
3324
|
this.onDetailsClick();
|
|
3316
|
-
} }, translate('termAndConditions', this.language))), this.pointExpireString && (index.h("div", { key: '
|
|
3325
|
+
} }, translate('termAndConditions', this.language))), this.pointExpireString && (index.h("div", { key: '6c221bd9a75643bce76e493addbb45cee6edf8b9', class: 'ExpirationPoints' }, this.pointExpireString, " "))))))))));
|
|
3317
3326
|
}
|
|
3318
3327
|
static get watchers() { return {
|
|
3319
3328
|
"session": ["onSessionOrEndpointChange"],
|
|
@@ -12,6 +12,7 @@ export const PlayerElevateCardRedeem = ({ language, onRedeemClick }) => (h("div"
|
|
|
12
12
|
} }, h("span", null, translate('redeem', language)))));
|
|
13
13
|
export const PlayerNameDiv = (props) => (h("div", { class: 'CardCell PlayerName Txt' }, props.playerName));
|
|
14
14
|
export const PlayerElevateLoyaltyLevel = (props) => (h("div", { class: 'CardCell ElevateLevel' }, h("span", { class: "LevelName", title: props.level }, props.level), props.expireTime && (h("div", { class: "CardCell ExpirationDate Txt" }, translate('expireOn', props.language), h("span", { class: "ExpireTime" }, dateFnsFormat(new Date(props.expireTime), props.dateFormat || 'yyyy-MM-dd')), !props.hideInfo && (h("span", { class: "fa Info", style: { 'background': `url(${getAssetPath('../static/info.svg')})` } }, h("span", { class: "InfoTips", innerHTML: TipsInfo })))))));
|
|
15
|
+
export const LoyaltyLevelExpireDay = (props) => (h("div", { class: 'CardCell ElevateLevel Expire' }, h("div", { class: "CardCell ExpirationDate Txt" }, translate('expireOn', props.language), h("span", { class: "ExpireTime" }, dateFnsFormat(new Date(props.expireTime), props.dateFormat || 'yyyy-MM-dd')))));
|
|
15
16
|
export const PlayerAvatar = (props) => {
|
|
16
17
|
const badge = props.loyaltyIconUrl
|
|
17
18
|
? h("img", { class: "Badge", src: props.loyaltyIconUrl })
|
package/dist/collection/components/player-elevate-loyaltycard/player-elevate-loyaltycard.css
CHANGED
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
flex-wrap: nowrap;
|
|
8
8
|
}
|
|
9
9
|
.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate {
|
|
10
|
-
padding-top:
|
|
11
|
-
margin-left:
|
|
10
|
+
padding-top: 6px;
|
|
11
|
+
margin-left: 0px;
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
@media screen and (max-width: 500px) {
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
}
|
|
44
44
|
.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate {
|
|
45
45
|
position: relative;
|
|
46
|
-
padding-left:
|
|
46
|
+
padding-left: 0px;
|
|
47
47
|
}
|
|
48
48
|
.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime {
|
|
49
49
|
margin-left: 5px;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Fragment, getAssetPath, h } from "@stencil/core";
|
|
2
|
-
import {
|
|
2
|
+
import { LoyaltyLevelExpireDay, PlayerAvatar, PlayerLoyaltyProcess, PlayerPoints } from "../player-elevate-card/player-elevate-card-items";
|
|
3
3
|
import { translateWithParams, TRANSLATIONS } from "../../utils/locale.utils";
|
|
4
4
|
export class PlayerElevateLoyaltycard {
|
|
5
5
|
constructor() {
|
|
@@ -66,7 +66,8 @@ export class PlayerElevateLoyaltycard {
|
|
|
66
66
|
render() {
|
|
67
67
|
const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
|
|
68
68
|
const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
|
|
69
|
-
return (h("div", { key: '
|
|
69
|
+
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: '24dc58d3f4f6026b113239d1cc9ccfd316142ff9', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), h("player-elevate-card-data", { key: '0cbffe246628e3927bf76ce5b125b7419cafc25d', params: this.paramProxy }), h("div", { key: '36253daeadefe0b3ee2eb2eccb361e5033364202', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, h("div", { key: '49f97f2c1cafa39556c34432557e000690698105', class: 'Content Row' }, this.playerElevateLevel && (h(Fragment, { key: '4eab6948bc49da8f28acd5d85364246495f81af5' }, h("div", { key: '5f95c9bbafc6f20df602adf279cfcbd069ab2319', class: "PlayerImg" }, h(PlayerAvatar, { key: '53c37a7676b053ea9447e833053aa13fb67e0392', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h("div", { key: 'ce9b24f9bf2b87878edd04ac75ec64545fa62711', class: `LevelInfo ${this.playerElevateLevel.name}` }, h("div", { key: '79ab8fc735a7ddeb9b8786e3f832ec4188d5942f', class: 'CardCell ElevateLevel' }, h("span", { key: 'e7cf27215748ce93683ce95dde701dd991e6854b', class: "LevelName", title: this.playerElevateLevel.name }, this.playerElevateLevel.name)), h("div", { key: '0c4bfe25c728722d5e97e9728b642e3503940908', class: 'PointsRange' }, h(PlayerPoints, { key: 'f2fba862e377beafb8e7a682503cfce682fb863f', loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), h(PlayerPoints, { key: 'a6fa3560bfb9acf7abc3bdb23acb6cb1f51ff0df', loyaltyPoints: this.getNextLevelPoints(), language: this.language })), h(PlayerLoyaltyProcess, { key: 'c185c3ac46e10ec9715fb081a05f9a8d4d8007f9' }), h("div", { key: 'd0f85005176bd8acc499cd8e5efe53b9ec2a3b80', class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && (h("div", { key: '763be6168567973ad3df88d116a97dd00d53a6d8', class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " ")), this.playerElevateLevel.expireTime &&
|
|
70
|
+
h(LoyaltyLevelExpireDay, { key: '662982c38dd920149566a87503b5de1b123ee414', expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat, language: this.language })))))))));
|
|
70
71
|
}
|
|
71
72
|
static get is() { return "player-elevate-loyaltycard"; }
|
|
72
73
|
static get encapsulation() { return "shadow"; }
|
|
@@ -53,9 +53,9 @@ export class PlayerElevatePointcard {
|
|
|
53
53
|
render() {
|
|
54
54
|
const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
|
|
55
55
|
const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
|
|
56
|
-
return (h("div", { key: '
|
|
56
|
+
return (h("div", { key: 'ab47a39fc8fa5562e2843755b6b935296f6952fd', class: `ElevateCardWrapper ${this.theme}` }, h("div", { key: '8b9ce754eb082af8005b40915e9b2e861ec99287', class: "PointsCard Outer ", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h("general-styling-wrapper", { key: 'f7d660116db83ce86b36a558441bf02bf74592e6', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), h("player-elevate-card-data", { key: 'f42375d3631031e7ef8041ccabe62659858e6ac0', params: this.paramProxy }), h("div", { key: '0b5eb08baa589ed85c96e0c5731ea7d93c76d398', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, h("div", { key: '3b66d8f8baa7c510c04a6ebe73ba87fc1ba33426', class: 'Content Row' }, this.playerElevateLevel && (h(Fragment, { key: 'fa0f8a796e0d08f18bd37ab193f1e6a49d6138b5' }, h("div", { key: 'ffe65be1e5d9f04a2c3711e9f61f56c95818244b', class: "PlayerImg" }, h(PlayerAvatar, { key: '4947af0ebd6978f938d5f3f0185f8700a3506b75', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h("div", { key: '2f0a7c4ef826f16472313cca974b4c208c33e83a', class: `LevelInfo ${this.playerElevateLevel.name}` }, h("div", { key: '118eabd6511b72fbb7c78a0ee2d190b719d708ae', class: "PointsTxt Label" }, this.cardTitle ? this.cardTitle : translate('spendablePoints', this.language)), h("div", { key: '5a15d9630c51f23024ddd5967ef8753bac746936', class: 'PointsTxt SPPoints' }, h(PlayerPoints, { key: '7994e6b898d69a62ec8c4aeb0892a1c718104d7e', spendablePoints: this.playerElevateLevel.spendablePoints, language: this.language }), h("a", { key: '8d25c48516245dc067676278cd861193ca4863bd', class: "TC", onClick: () => {
|
|
57
57
|
this.onDetailsClick();
|
|
58
|
-
} }, translate('termAndConditions', this.language))), this.pointExpireString && (h("div", { key: '
|
|
58
|
+
} }, translate('termAndConditions', this.language))), this.pointExpireString && (h("div", { key: '6c221bd9a75643bce76e493addbb45cee6edf8b9', class: 'ExpirationPoints' }, this.pointExpireString, " "))))))))));
|
|
59
59
|
}
|
|
60
60
|
static get is() { return "player-elevate-pointcard"; }
|
|
61
61
|
static get encapsulation() { return "shadow"; }
|
|
@@ -25,6 +25,10 @@ const mergeTranslations = (url, target) => {
|
|
|
25
25
|
});
|
|
26
26
|
});
|
|
27
27
|
resolve(true);
|
|
28
|
+
})
|
|
29
|
+
.catch(err => {
|
|
30
|
+
console.error("Failed to load translations:", err);
|
|
31
|
+
resolve(false);
|
|
28
32
|
});
|
|
29
33
|
});
|
|
30
34
|
};
|
|
@@ -2641,6 +2645,10 @@ const PlayerElevateLoyaltyLevel = (props) => (h("div", { class: 'CardCell Elevat
|
|
|
2641
2645
|
h("span", { class: "ExpireTime" }, format(new Date(props.expireTime), props.dateFormat || 'yyyy-MM-dd')),
|
|
2642
2646
|
!props.hideInfo && (h("span", { class: "fa Info", style: { 'background': `url(${getAssetPath('../static/info.svg')})` } },
|
|
2643
2647
|
h("span", { class: "InfoTips", innerHTML: TipsInfo })))))));
|
|
2648
|
+
const LoyaltyLevelExpireDay = (props) => (h("div", { class: 'CardCell ElevateLevel Expire' },
|
|
2649
|
+
h("div", { class: "CardCell ExpirationDate Txt" },
|
|
2650
|
+
translate('expireOn', props.language),
|
|
2651
|
+
h("span", { class: "ExpireTime" }, format(new Date(props.expireTime), props.dateFormat || 'yyyy-MM-dd')))));
|
|
2644
2652
|
const PlayerAvatar = (props) => {
|
|
2645
2653
|
const badge = props.loyaltyIconUrl
|
|
2646
2654
|
? h("img", { class: "Badge", src: props.loyaltyIconUrl })
|
|
@@ -3172,7 +3180,7 @@ const PlayerElevateCardData = class {
|
|
|
3172
3180
|
};
|
|
3173
3181
|
PlayerElevateCardData.style = PlayerElevateCardDataStyle0;
|
|
3174
3182
|
|
|
3175
|
-
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:
|
|
3183
|
+
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}";
|
|
3176
3184
|
const PlayerElevateLoyaltycardStyle0 = playerElevateLoyaltycardCss;
|
|
3177
3185
|
|
|
3178
3186
|
const PlayerElevateLoyaltycard = class {
|
|
@@ -3241,7 +3249,8 @@ const PlayerElevateLoyaltycard = class {
|
|
|
3241
3249
|
render() {
|
|
3242
3250
|
const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
|
|
3243
3251
|
const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
|
|
3244
|
-
return (h("div", { key: '
|
|
3252
|
+
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: '24dc58d3f4f6026b113239d1cc9ccfd316142ff9', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), h("player-elevate-card-data", { key: '0cbffe246628e3927bf76ce5b125b7419cafc25d', params: this.paramProxy }), h("div", { key: '36253daeadefe0b3ee2eb2eccb361e5033364202', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, h("div", { key: '49f97f2c1cafa39556c34432557e000690698105', class: 'Content Row' }, this.playerElevateLevel && (h(Fragment, { key: '4eab6948bc49da8f28acd5d85364246495f81af5' }, h("div", { key: '5f95c9bbafc6f20df602adf279cfcbd069ab2319', class: "PlayerImg" }, h(PlayerAvatar, { key: '53c37a7676b053ea9447e833053aa13fb67e0392', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h("div", { key: 'ce9b24f9bf2b87878edd04ac75ec64545fa62711', class: `LevelInfo ${this.playerElevateLevel.name}` }, h("div", { key: '79ab8fc735a7ddeb9b8786e3f832ec4188d5942f', class: 'CardCell ElevateLevel' }, h("span", { key: 'e7cf27215748ce93683ce95dde701dd991e6854b', class: "LevelName", title: this.playerElevateLevel.name }, this.playerElevateLevel.name)), h("div", { key: '0c4bfe25c728722d5e97e9728b642e3503940908', class: 'PointsRange' }, h(PlayerPoints, { key: 'f2fba862e377beafb8e7a682503cfce682fb863f', loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), h(PlayerPoints, { key: 'a6fa3560bfb9acf7abc3bdb23acb6cb1f51ff0df', loyaltyPoints: this.getNextLevelPoints(), language: this.language })), h(PlayerLoyaltyProcess, { key: 'c185c3ac46e10ec9715fb081a05f9a8d4d8007f9' }), h("div", { key: 'd0f85005176bd8acc499cd8e5efe53b9ec2a3b80', class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && (h("div", { key: '763be6168567973ad3df88d116a97dd00d53a6d8', class: 'PointsInfo ExpirationPoints' }, this.pointExpireString, " ")), this.playerElevateLevel.expireTime &&
|
|
3253
|
+
h(LoyaltyLevelExpireDay, { key: '662982c38dd920149566a87503b5de1b123ee414', expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat, language: this.language })))))))));
|
|
3245
3254
|
}
|
|
3246
3255
|
static get watchers() { return {
|
|
3247
3256
|
"session": ["onSessionOrEndpointChange"],
|
|
@@ -3307,9 +3316,9 @@ const PlayerElevatePointcard = class {
|
|
|
3307
3316
|
render() {
|
|
3308
3317
|
const backgroundOuterImagePath = getAssetPath('../static/card-ground.svg');
|
|
3309
3318
|
const backgroundInnerImagePath = getAssetPath('../static/card-ground-over.svg');
|
|
3310
|
-
return (h("div", { key: '
|
|
3319
|
+
return (h("div", { key: 'ab47a39fc8fa5562e2843755b6b935296f6952fd', class: `ElevateCardWrapper ${this.theme}` }, h("div", { key: '8b9ce754eb082af8005b40915e9b2e861ec99287', class: "PointsCard Outer ", style: { 'backgroundImage': `url(${backgroundOuterImagePath}` } }, h("general-styling-wrapper", { key: 'f7d660116db83ce86b36a558441bf02bf74592e6', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), h("player-elevate-card-data", { key: 'f42375d3631031e7ef8041ccabe62659858e6ac0', params: this.paramProxy }), h("div", { key: '0b5eb08baa589ed85c96e0c5731ea7d93c76d398', class: 'OuterCover Inner', style: { 'backgroundImage': `url(${backgroundInnerImagePath}` } }, h("div", { key: '3b66d8f8baa7c510c04a6ebe73ba87fc1ba33426', class: 'Content Row' }, this.playerElevateLevel && (h(Fragment, { key: 'fa0f8a796e0d08f18bd37ab193f1e6a49d6138b5' }, h("div", { key: 'ffe65be1e5d9f04a2c3711e9f61f56c95818244b', class: "PlayerImg" }, h(PlayerAvatar, { key: '4947af0ebd6978f938d5f3f0185f8700a3506b75', onlyBadge: true, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), h("div", { key: '2f0a7c4ef826f16472313cca974b4c208c33e83a', class: `LevelInfo ${this.playerElevateLevel.name}` }, h("div", { key: '118eabd6511b72fbb7c78a0ee2d190b719d708ae', class: "PointsTxt Label" }, this.cardTitle ? this.cardTitle : translate('spendablePoints', this.language)), h("div", { key: '5a15d9630c51f23024ddd5967ef8753bac746936', class: 'PointsTxt SPPoints' }, h(PlayerPoints, { key: '7994e6b898d69a62ec8c4aeb0892a1c718104d7e', spendablePoints: this.playerElevateLevel.spendablePoints, language: this.language }), h("a", { key: '8d25c48516245dc067676278cd861193ca4863bd', class: "TC", onClick: () => {
|
|
3311
3320
|
this.onDetailsClick();
|
|
3312
|
-
} }, translate('termAndConditions', this.language))), this.pointExpireString && (h("div", { key: '
|
|
3321
|
+
} }, translate('termAndConditions', this.language))), this.pointExpireString && (h("div", { key: '6c221bd9a75643bce76e493addbb45cee6edf8b9', class: 'ExpirationPoints' }, this.pointExpireString, " "))))))))));
|
|
3313
3322
|
}
|
|
3314
3323
|
static get watchers() { return {
|
|
3315
3324
|
"session": ["onSessionOrEndpointChange"],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as n,g as t,a as i,F as a,c as r}from"./index-f1097e33.js";const o=class{constructor(n){e(this,n),this.stylingAppends=!1,this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.el.prepend(e)},this.setClientStylingURL=()=>{let e=new URL(this.clientStylingUrl),n=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{n.innerHTML=e,setTimeout((()=>{this.el.prepend(n)}),1)})).catch((e=>{console.log("error ",e)}))},this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.targetTranslations=void 0}componentDidRender(){this.stylingAppends||(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.stylingAppends=!0)}async componentWillLoad(){const e=[];if(this.translationUrl){const i=(n=this.translationUrl,t=this.targetTranslations,new Promise((e=>{fetch(n).then((e=>e.json())).then((n=>{Object.keys(n).forEach((e=>{t[e]=t[e]||t.en,Object.keys(n[e]).forEach((i=>{t.en[i]&&(t[e][i]=t[e][i]||t.en[i],"object"==typeof n[e][i]?Object.keys(n[e][i]).forEach((a=>{t[e][i][a]=n[e][i][a]})):t[e][i]=n[e][i])}))})),e(!0)}))})));e.push(i)}var n,t;return await Promise.all(e)}render(){return n("div",{key:"4d3414408c7662f88331dbe655966237f74d6958",class:"StyleShell"},n("slot",{key:"1d004644d84602c4314bdf5dfc26b55b160f57df",name:"mainContent"}))}get el(){return t(this)}};o.style=":host{display:block}";const s="en",l=["en","zh-hk","it","fr","tr","hr"],d={en:{redeem:"Redeem",claim:"Claim",expireOn:"Expire on ",coinsToBeExpired:"${expirationPoints} coins to expire in ${expireDay} days",coinsToBeExpiredDay:"${expirationPoints} coins to expire in ${expireDay} day",coinsToBeExpiredHours:"${expirationPoints} coins to expire in ${expireDay} hours",coinsToBeExpiredHour:"${expirationPoints} coins to expire in ${expireDay} hour",coinsToBeExpiredMinutes:"${expirationPoints} coins to expire in ${expireDay} minutes",coinsToBeExpiredMinute:"${expirationPoints} coins to expire in ${expireDay} minute",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"Details",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions",rakebackTitle:"Available Rakeback",loading:"Loading",minutesCanClaim:"Next Claim is available in ${minutes} minutes"},"zh-hk":{redeem:"兑奖",claim:"返佣",expireOn:"Expire on ",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"明细",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions",rakebackTitle:"可用的返利",loading:"加載中",minutesCanClaim:"下次可領取時間為${minutes}分鐘後"},de:{redeem:"Redeem",claim:"Anspruch",expireOn:"Expire on ",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"Details",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions",rakebackTitle:"Verfügbarer Rakeback",loading:"Laden",minutesCanClaim:"Nächster Anspruch ist in ${minutes} Minuten verfügbar"},it:{redeem:"Redeem",claim:"Richiesta",expireOn:"Expire on ",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"Details",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions",rakebackTitle:"Rakeback Disponibile",loading:"Caricamento",minutesCanClaim:"La prossima richiesta sarà disponibile tra ${minutes} minuti"},fr:{redeem:"Redeem",claim:"Réclamer",expireOn:"Expire on ",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"Details",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions",rakebackTitle:"Rakeback Disponible",loading:"Chargement",minutesCanClaim:"La prochaine réclamation sera disponible dans ${minutes} minutes"},es:{redeem:"Redeem",claim:"Reclamar",rakebackTitle:"Rakeback Disponible",loading:"Cargando",minutesCanClaim:"La próxima reclamación estará disponible en ${minutes} minutos"},tr:{redeem:"Redeem",claim:"Talep",expireOn:"Expire on ",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"Details",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions",rakebackTitle:"Mevcut Rakeback",loading:"Yükleniyor",minutesCanClaim:"Sonraki talep ${minutes} dakika içinde kullanılabilir"},ru:{redeem:"Redeem",claim:"Требовать",rakebackTitle:"Доступный Рейкбек",loading:"Загрузка",minutesCanClaim:"Следующее требование будет доступно через ${minutes} минут"},ro:{redeem:"Redeem",claim:"Revendicare",rakebackTitle:"Rakeback Disponibil",loading:"Se încarcă",minutesCanClaim:"Următoarea revendicare va fi disponibilă în ${minutes} minute"},hr:{redeem:"Otkupiti",claim:"Zahtjev",expireOn:"Istječe",pointsToBeExpired:"${expirationPoints} bodova ističe za ${expireDay} dana",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Trebate ${pointsToReach} da dosegnete razinu ${levelName}",spendablePoints:"Bodovi za potrošit:",details:"Detalji",xp:"XP",rakebackTitle:"Dostupan Rakeback",loading:"Učitavanje",minutesCanClaim:"Sljedeći zahtjev bit će dostupan za ${minutes} minuta"},hu:{redeem:"Redeem",claim:"Igény",rakebackTitle:"Elérhető Rakeback",loading:"Betöltés",minutesCanClaim:"A következő igény ${minutes} perc múlva lesz elérhető"},pl:{redeem:"Redeem",claim:"Roszczenie",rakebackTitle:"Dostępny Rakeback",loading:"Ładowanie",minutesCanClaim:"Następne roszczenie będzie dostępne za ${minutes} minut"},pt:{redeem:"Redeem",claim:"Reivindicar",rakebackTitle:"Rakeback Disponível",loading:"Carregando",minutesCanClaim:"Próxima reivindicação disponível em ${minutes} minutos"},sl:{redeem:"Redeem",claim:"Zahtevek",rakebackTitle:"Razpoložljiv Rakeback",loading:"Nalaganje",minutesCanClaim:"Naslednji zahtevek bo na voljo čez ${minutes} minut"},sr:{redeem:"Redeem",claim:"Zahtev",rakebackTitle:"Dostupan Rakeback",loading:"Učitavanje",minutesCanClaim:"Sledeći zahtev biće dostupan za ${minutes} minuta"}},c=(e,n)=>{const t=n;return d[void 0!==t&&l.includes(t)?t:s][e]},u=(e,n)=>{const t=n.lang;let i=d[void 0!==t&&l.includes(t)?t:s][e];return n?(Object.keys(n).forEach((e=>{i=i.replace(new RegExp("\\${"+e+"}","gm"),n[e])})),i):d[void 0!==t&&l.includes(t)?t:s][e]};function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function p(e,n){if(n.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+n.length+" present")}function f(e){p(1,arguments);var n=Object.prototype.toString.call(e);return e instanceof Date||"object"===h(e)&&"[object Date]"===n?new Date(e.getTime()):"number"==typeof e||"[object Number]"===n?new Date(e):("string"!=typeof e&&"[object String]"!==n||"undefined"==typeof console||(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn((new Error).stack)),new Date(NaN))}function v(e){if(null===e||!0===e||!1===e)return NaN;var n=Number(e);return isNaN(n)?n:n<0?Math.ceil(n):Math.floor(n)}function m(e){p(1,arguments);var n=f(e),t=n.getUTCDay(),i=(t<1?7:0)+t-1;return n.setUTCDate(n.getUTCDate()-i),n.setUTCHours(0,0,0,0),n}function g(e){p(1,arguments);var n=f(e),t=n.getUTCFullYear(),i=new Date(0);i.setUTCFullYear(t+1,0,4),i.setUTCHours(0,0,0,0);var a=m(i),r=new Date(0);r.setUTCFullYear(t,0,4),r.setUTCHours(0,0,0,0);var o=m(r);return n.getTime()>=a.getTime()?t+1:n.getTime()>=o.getTime()?t:t-1}var x={};function b(){return x}function y(e,n){var t,i,a,r,o,s,l,d;p(1,arguments);var c=b(),u=v(null!==(t=null!==(i=null!==(a=null!==(r=null==n?void 0:n.weekStartsOn)&&void 0!==r?r:null==n||null===(o=n.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.weekStartsOn)&&void 0!==a?a:c.weekStartsOn)&&void 0!==i?i:null===(l=c.locale)||void 0===l||null===(d=l.options)||void 0===d?void 0:d.weekStartsOn)&&void 0!==t?t:0);if(!(u>=0&&u<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var h=f(e),m=h.getUTCDay(),g=(m<u?7:0)+m-u;return h.setUTCDate(h.getUTCDate()-g),h.setUTCHours(0,0,0,0),h}function w(e,n){var t,i,a,r,o,s,l,d;p(1,arguments);var c=f(e),u=c.getUTCFullYear(),h=b(),m=v(null!==(t=null!==(i=null!==(a=null!==(r=null==n?void 0:n.firstWeekContainsDate)&&void 0!==r?r:null==n||null===(o=n.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.firstWeekContainsDate)&&void 0!==a?a:h.firstWeekContainsDate)&&void 0!==i?i:null===(l=h.locale)||void 0===l||null===(d=l.options)||void 0===d?void 0:d.firstWeekContainsDate)&&void 0!==t?t:1);if(!(m>=1&&m<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var g=new Date(0);g.setUTCFullYear(u+1,0,m),g.setUTCHours(0,0,0,0);var x=y(g,n),w=new Date(0);w.setUTCFullYear(u,0,m),w.setUTCHours(0,0,0,0);var k=y(w,n);return c.getTime()>=x.getTime()?u+1:c.getTime()>=k.getTime()?u:u-1}function k(e,n){for(var t=e<0?"-":"",i=Math.abs(e).toString();i.length<n;)i="0"+i;return t+i}const C=function(e,n){var t=e.getUTCFullYear(),i=t>0?t:1-t;return k("yy"===n?i%100:i,n.length)},P=function(e,n){var t=e.getUTCMonth();return"M"===n?String(t+1):k(t+1,2)},R=function(e,n){return k(e.getUTCDate(),n.length)},E=function(e,n){return k(e.getUTCHours()%12||12,n.length)},D=function(e,n){return k(e.getUTCHours(),n.length)},$=function(e,n){return k(e.getUTCMinutes(),n.length)},I=function(e,n){return k(e.getUTCSeconds(),n.length)},L=function(e,n){var t=n.length,i=e.getUTCMilliseconds();return k(Math.floor(i*Math.pow(10,t-3)),n.length)};var T={G:function(e,n,t){var i=e.getUTCFullYear()>0?1:0;switch(n){case"G":case"GG":case"GGG":return t.era(i,{width:"abbreviated"});case"GGGGG":return t.era(i,{width:"narrow"});default:return t.era(i,{width:"wide"})}},y:function(e,n,t){if("yo"===n){var i=e.getUTCFullYear();return t.ordinalNumber(i>0?i:1-i,{unit:"year"})}return C(e,n)},Y:function(e,n,t,i){var a=w(e,i),r=a>0?a:1-a;return"YY"===n?k(r%100,2):"Yo"===n?t.ordinalNumber(r,{unit:"year"}):k(r,n.length)},R:function(e,n){return k(g(e),n.length)},u:function(e,n){return k(e.getUTCFullYear(),n.length)},Q:function(e,n,t){var i=Math.ceil((e.getUTCMonth()+1)/3);switch(n){case"Q":return String(i);case"QQ":return k(i,2);case"Qo":return t.ordinalNumber(i,{unit:"quarter"});case"QQQ":return t.quarter(i,{width:"abbreviated",context:"formatting"});case"QQQQQ":return t.quarter(i,{width:"narrow",context:"formatting"});default:return t.quarter(i,{width:"wide",context:"formatting"})}},q:function(e,n,t){var i=Math.ceil((e.getUTCMonth()+1)/3);switch(n){case"q":return String(i);case"qq":return k(i,2);case"qo":return t.ordinalNumber(i,{unit:"quarter"});case"qqq":return t.quarter(i,{width:"abbreviated",context:"standalone"});case"qqqqq":return t.quarter(i,{width:"narrow",context:"standalone"});default:return t.quarter(i,{width:"wide",context:"standalone"})}},M:function(e,n,t){var i=e.getUTCMonth();switch(n){case"M":case"MM":return P(e,n);case"Mo":return t.ordinalNumber(i+1,{unit:"month"});case"MMM":return t.month(i,{width:"abbreviated",context:"formatting"});case"MMMMM":return t.month(i,{width:"narrow",context:"formatting"});default:return t.month(i,{width:"wide",context:"formatting"})}},L:function(e,n,t){var i=e.getUTCMonth();switch(n){case"L":return String(i+1);case"LL":return k(i+1,2);case"Lo":return t.ordinalNumber(i+1,{unit:"month"});case"LLL":return t.month(i,{width:"abbreviated",context:"standalone"});case"LLLLL":return t.month(i,{width:"narrow",context:"standalone"});default:return t.month(i,{width:"wide",context:"standalone"})}},w:function(e,n,t,i){var a=function(e,n){p(1,arguments);var t=f(e),i=y(t,n).getTime()-function(e,n){var t,i,a,r,o,s,l,d;p(1,arguments);var c=b(),u=v(null!==(t=null!==(i=null!==(a=null!==(r=null==n?void 0:n.firstWeekContainsDate)&&void 0!==r?r:null==n||null===(o=n.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.firstWeekContainsDate)&&void 0!==a?a:c.firstWeekContainsDate)&&void 0!==i?i:null===(l=c.locale)||void 0===l||null===(d=l.options)||void 0===d?void 0:d.firstWeekContainsDate)&&void 0!==t?t:1),h=w(e,n),f=new Date(0);return f.setUTCFullYear(h,0,u),f.setUTCHours(0,0,0,0),y(f,n)}(t,n).getTime();return Math.round(i/6048e5)+1}(e,i);return"wo"===n?t.ordinalNumber(a,{unit:"week"}):k(a,n.length)},I:function(e,n,t){var i=function(e){p(1,arguments);var n=f(e),t=m(n).getTime()-function(e){p(1,arguments);var n=g(e),t=new Date(0);return t.setUTCFullYear(n,0,4),t.setUTCHours(0,0,0,0),m(t)}(n).getTime();return Math.round(t/6048e5)+1}(e);return"Io"===n?t.ordinalNumber(i,{unit:"week"}):k(i,n.length)},d:function(e,n,t){return"do"===n?t.ordinalNumber(e.getUTCDate(),{unit:"date"}):R(e,n)},D:function(e,n,t){var i=function(e){p(1,arguments);var n=f(e),t=n.getTime();n.setUTCMonth(0,1),n.setUTCHours(0,0,0,0);var i=n.getTime();return Math.floor((t-i)/864e5)+1}(e);return"Do"===n?t.ordinalNumber(i,{unit:"dayOfYear"}):k(i,n.length)},E:function(e,n,t){var i=e.getUTCDay();switch(n){case"E":case"EE":case"EEE":return t.day(i,{width:"abbreviated",context:"formatting"});case"EEEEE":return t.day(i,{width:"narrow",context:"formatting"});case"EEEEEE":return t.day(i,{width:"short",context:"formatting"});default:return t.day(i,{width:"wide",context:"formatting"})}},e:function(e,n,t,i){var a=e.getUTCDay(),r=(a-i.weekStartsOn+8)%7||7;switch(n){case"e":return String(r);case"ee":return k(r,2);case"eo":return t.ordinalNumber(r,{unit:"day"});case"eee":return t.day(a,{width:"abbreviated",context:"formatting"});case"eeeee":return t.day(a,{width:"narrow",context:"formatting"});case"eeeeee":return t.day(a,{width:"short",context:"formatting"});default:return t.day(a,{width:"wide",context:"formatting"})}},c:function(e,n,t,i){var a=e.getUTCDay(),r=(a-i.weekStartsOn+8)%7||7;switch(n){case"c":return String(r);case"cc":return k(r,n.length);case"co":return t.ordinalNumber(r,{unit:"day"});case"ccc":return t.day(a,{width:"abbreviated",context:"standalone"});case"ccccc":return t.day(a,{width:"narrow",context:"standalone"});case"cccccc":return t.day(a,{width:"short",context:"standalone"});default:return t.day(a,{width:"wide",context:"standalone"})}},i:function(e,n,t){var i=e.getUTCDay(),a=0===i?7:i;switch(n){case"i":return String(a);case"ii":return k(a,n.length);case"io":return t.ordinalNumber(a,{unit:"day"});case"iii":return t.day(i,{width:"abbreviated",context:"formatting"});case"iiiii":return t.day(i,{width:"narrow",context:"formatting"});case"iiiiii":return t.day(i,{width:"short",context:"formatting"});default:return t.day(i,{width:"wide",context:"formatting"})}},a:function(e,n,t){var i=e.getUTCHours()/12>=1?"pm":"am";switch(n){case"a":case"aa":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"aaa":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return t.dayPeriod(i,{width:"narrow",context:"formatting"});default:return t.dayPeriod(i,{width:"wide",context:"formatting"})}},b:function(e,n,t){var i,a=e.getUTCHours();switch(i=12===a?"noon":0===a?"midnight":a/12>=1?"pm":"am",n){case"b":case"bb":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"bbb":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return t.dayPeriod(i,{width:"narrow",context:"formatting"});default:return t.dayPeriod(i,{width:"wide",context:"formatting"})}},B:function(e,n,t){var i,a=e.getUTCHours();switch(i=a>=17?"evening":a>=12?"afternoon":a>=4?"morning":"night",n){case"B":case"BB":case"BBB":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"BBBBB":return t.dayPeriod(i,{width:"narrow",context:"formatting"});default:return t.dayPeriod(i,{width:"wide",context:"formatting"})}},h:function(e,n,t){if("ho"===n){var i=e.getUTCHours()%12;return 0===i&&(i=12),t.ordinalNumber(i,{unit:"hour"})}return E(e,n)},H:function(e,n,t){return"Ho"===n?t.ordinalNumber(e.getUTCHours(),{unit:"hour"}):D(e,n)},K:function(e,n,t){var i=e.getUTCHours()%12;return"Ko"===n?t.ordinalNumber(i,{unit:"hour"}):k(i,n.length)},k:function(e,n,t){var i=e.getUTCHours();return 0===i&&(i=24),"ko"===n?t.ordinalNumber(i,{unit:"hour"}):k(i,n.length)},m:function(e,n,t){return"mo"===n?t.ordinalNumber(e.getUTCMinutes(),{unit:"minute"}):$(e,n)},s:function(e,n,t){return"so"===n?t.ordinalNumber(e.getUTCSeconds(),{unit:"second"}):I(e,n)},S:function(e,n){return L(e,n)},X:function(e,n,t,i){var a=(i._originalDate||e).getTimezoneOffset();if(0===a)return"Z";switch(n){case"X":return M(a);case"XXXX":case"XX":return S(a);default:return S(a,":")}},x:function(e,n,t,i){var a=(i._originalDate||e).getTimezoneOffset();switch(n){case"x":return M(a);case"xxxx":case"xx":return S(a);default:return S(a,":")}},O:function(e,n,t,i){var a=(i._originalDate||e).getTimezoneOffset();switch(n){case"O":case"OO":case"OOO":return"GMT"+B(a,":");default:return"GMT"+S(a,":")}},z:function(e,n,t,i){var a=(i._originalDate||e).getTimezoneOffset();switch(n){case"z":case"zz":case"zzz":return"GMT"+B(a,":");default:return"GMT"+S(a,":")}},t:function(e,n,t,i){return k(Math.floor((i._originalDate||e).getTime()/1e3),n.length)},T:function(e,n,t,i){return k((i._originalDate||e).getTime(),n.length)}};function B(e,n){var t=e>0?"-":"+",i=Math.abs(e),a=Math.floor(i/60),r=i%60;if(0===r)return t+String(a);var o=n||"";return t+String(a)+o+k(r,2)}function M(e,n){return e%60==0?(e>0?"-":"+")+k(Math.abs(e)/60,2):S(e,n)}function S(e,n){var t=n||"",i=e>0?"-":"+",a=Math.abs(e);return i+k(Math.floor(a/60),2)+t+k(a%60,2)}const _=T;var O=function(e,n){switch(e){case"P":return n.date({width:"short"});case"PP":return n.date({width:"medium"});case"PPP":return n.date({width:"long"});default:return n.date({width:"full"})}},z=function(e,n){switch(e){case"p":return n.time({width:"short"});case"pp":return n.time({width:"medium"});case"ppp":return n.time({width:"long"});default:return n.time({width:"full"})}},N={p:z,P:function(e,n){var t,i=e.match(/(P+)(p+)?/)||[],a=i[1],r=i[2];if(!r)return O(e,n);switch(a){case"P":t=n.dateTime({width:"short"});break;case"PP":t=n.dateTime({width:"medium"});break;case"PPP":t=n.dateTime({width:"long"});break;default:t=n.dateTime({width:"full"})}return t.replace("{{date}}",O(a,n)).replace("{{time}}",z(r,n))}};const A=N;function j(e){var n=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return n.setUTCFullYear(e.getFullYear()),e.getTime()-n.getTime()}var F=["D","DD"],W=["YY","YYYY"];function H(e,n,t){if("YYYY"===e)throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(n,"`) for formatting years to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("YY"===e)throw new RangeError("Use `yy` instead of `YY` (in `".concat(n,"`) for formatting years to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("D"===e)throw new RangeError("Use `d` instead of `D` (in `".concat(n,"`) for formatting days of the month to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("DD"===e)throw new RangeError("Use `dd` instead of `DD` (in `".concat(n,"`) for formatting days of the month to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}var G={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function U(e){return function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=n.width?String(n.width):e.defaultWidth;return e.formats[t]||e.formats[e.defaultWidth]}}var X,Y={date:U({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:U({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:U({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},q={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function Q(e){return function(n,t){var i;if("formatting"===(null!=t&&t.context?String(t.context):"standalone")&&e.formattingValues){var a=e.defaultFormattingWidth||e.defaultWidth,r=null!=t&&t.width?String(t.width):a;i=e.formattingValues[r]||e.formattingValues[a]}else{var o=e.defaultWidth,s=null!=t&&t.width?String(t.width):e.defaultWidth;i=e.values[s]||e.values[o]}return i[e.argumentCallback?e.argumentCallback(n):n]}}function J(e){return function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=t.width,a=n.match(i&&e.matchPatterns[i]||e.matchPatterns[e.defaultMatchWidth]);if(!a)return null;var r,o=a[0],s=i&&e.parsePatterns[i]||e.parsePatterns[e.defaultParseWidth],l=Array.isArray(s)?function(e){for(var n=0;n<e.length;n++)if(e[n].test(o))return n}(s):function(e){for(var n in e)if(e.hasOwnProperty(n)&&e[n].test(o))return n}(s);return r=e.valueCallback?e.valueCallback(l):l,{value:r=t.valueCallback?t.valueCallback(r):r,rest:n.slice(o.length)}}}const V={code:"en-US",formatDistance:function(e,n,t){var i,a=G[e];return i="string"==typeof a?a:1===n?a.one:a.other.replace("{{count}}",n.toString()),null!=t&&t.addSuffix?t.comparison&&t.comparison>0?"in "+i:i+" ago":i},formatLong:Y,formatRelative:function(e){return q[e]},localize:{ordinalNumber:function(e){var n=Number(e),t=n%100;if(t>20||t<10)switch(t%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},era:Q({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:Q({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:function(e){return e-1}}),month:Q({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:Q({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:Q({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:(X={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:function(e){return parseInt(e,10)}},function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=e.match(X.matchPattern);if(!t)return null;var i=t[0],a=e.match(X.parsePattern);if(!a)return null;var r=X.valueCallback?X.valueCallback(a[0]):a[0];return{value:r=n.valueCallback?n.valueCallback(r):r,rest:e.slice(i.length)}}),era:J({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:J({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:function(e){return e+1}}),month:J({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:J({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:J({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}};var Z=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,K=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,ee=/^'([^]*?)'?$/,ne=/''/g,te=/[a-zA-Z]/;function ie(e,n,t){var i,a,r,o,s,l,d,c,u,m,g,x,y,w,k,C,P,R;p(2,arguments);var E=String(n),D=b(),$=null!==(i=null!==(a=null==t?void 0:t.locale)&&void 0!==a?a:D.locale)&&void 0!==i?i:V,I=v(null!==(r=null!==(o=null!==(s=null!==(l=null==t?void 0:t.firstWeekContainsDate)&&void 0!==l?l:null==t||null===(d=t.locale)||void 0===d||null===(c=d.options)||void 0===c?void 0:c.firstWeekContainsDate)&&void 0!==s?s:D.firstWeekContainsDate)&&void 0!==o?o:null===(u=D.locale)||void 0===u||null===(m=u.options)||void 0===m?void 0:m.firstWeekContainsDate)&&void 0!==r?r:1);if(!(I>=1&&I<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var L=v(null!==(g=null!==(x=null!==(y=null!==(w=null==t?void 0:t.weekStartsOn)&&void 0!==w?w:null==t||null===(k=t.locale)||void 0===k||null===(C=k.options)||void 0===C?void 0:C.weekStartsOn)&&void 0!==y?y:D.weekStartsOn)&&void 0!==x?x:null===(P=D.locale)||void 0===P||null===(R=P.options)||void 0===R?void 0:R.weekStartsOn)&&void 0!==g?g:0);if(!(L>=0&&L<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!$.localize)throw new RangeError("locale must contain localize property");if(!$.formatLong)throw new RangeError("locale must contain formatLong property");var T=f(e);if(!function(e){if(p(1,arguments),!function(e){return p(1,arguments),e instanceof Date||"object"===h(e)&&"[object Date]"===Object.prototype.toString.call(e)}(e)&&"number"!=typeof e)return!1;var n=f(e);return!isNaN(Number(n))}(T))throw new RangeError("Invalid time value");var B=function(e,n){return p(2,arguments),function(e,n){p(2,arguments);var t=f(e).getTime(),i=v(n);return new Date(t+i)}(e,-v(n))}(T,j(T)),M={firstWeekContainsDate:I,weekStartsOn:L,locale:$,_originalDate:T};return E.match(K).map((function(e){var n=e[0];return"p"===n||"P"===n?(0,A[n])(e,$.formatLong):e})).join("").match(Z).map((function(i){if("''"===i)return"'";var a,r,o=i[0];if("'"===o)return(r=(a=i).match(ee))?r[1].replace(ne,"'"):a;var s=_[o];if(s)return null!=t&&t.useAdditionalWeekYearTokens||-1===W.indexOf(i)||H(i,n,String(e)),null!=t&&t.useAdditionalDayOfYearTokens||!(-1!==F.indexOf(i))||H(i,n,String(e)),s(B,i,$.localize,M);if(o.match(te))throw new RangeError("Format string contains an unescaped latin alphabet character `"+o+"`");return i})).join("")}const ae=()=>n("span",{class:"LevelProgress",id:"LevelProgress",innerHTML:'<svg width="100%" height="28" style="opacity: 0" fill="none" xmlns="http://www.w3.org/2000/svg">\n <rect y="12" x="2" width="100%" id="total_level" height="5" rx="2.5" fill="white" fill-opacity="0.5"/>\n <rect y="12" x="2" id="current_level" width="64" height="5" rx="2.5" fill="white"/>\n <g filter="url(#filter_current_level)">\n <circle id="circle_current_level" cx="74.5" cy="14.5" r="6.5" fill="white"/>\n </g>\n <g filter="url(#filter_heart_ball)">\n <g filter="url(#filter_ball)">\n <circle cx="169" cy="14" r="10" id="lock" fill="url(#paint0_linear_ball)"/>\n </g>\n <g filter="url(#filter_heart)">\n <svg x="0" y="4" id="lock_box">\n <path d="M10.217 6.42442c-0.713,-0.574,-1.304,-1.083,-1.928,-1.622c-0.348,-0.299,-0.707,-0.611,-1.101,-0.943l-0.013,-0.01c0,0,-0.023,-0.017,-0.04,-0.027l-0.167,-0.095l-0.15,0.12c0,0,-0.015,0.012,-0.024,0.02c-0.391,0.33,-0.749,0.64,-1.094,0.939c-0.622,0.539,-1.211,1.048,-1.924,1.624c-1.816,1.463,-3.598,3.263,-3.033,5.506c0.404,1.601,2.104,2.905,3.789,2.905c0.211,0,0.423,-0.02,0.626,-0.061c0.286,-0.058,0.572,-0.145,0.864,-0.265c-0.079,0.962,-0.413,1.864,-0.881,2.369l-0.423,0.459h0.633c0.633,0,1.018,-0.007,1.356,-0.013c0.248,-0.004,0.462,-0.008,0.72,-0.008c0.335,0,0.709,0.006,1.215,0.021l0.686,0.02l-0.474,-0.483c-0.504,-0.514,-0.847,-1.403,-0.923,-2.385c0.311,0.132,0.616,0.227,0.916,0.287c0.204,0.039,0.411,0.059,0.623,0.059c1.687,0,3.386,-1.304,3.789,-2.909c0.56,-2.243,-1.224,-4.041,-3.042,-5.504v-0.004z" fill="#933CBF"/>\n <path d="M9.727,6.98459c-1.004,-0.83,-1.741,-1.515,-2.723,-2.365c-0.002,0,-0.004,-0.004,-0.007,-0.006c-0.002,0,-0.004,0.004,-0.006,0.006c-0.98,0.85,-1.715,1.537,-2.721,2.367c-1.455,1.202,-3.126,2.821,-2.638,4.81c0.37,1.511,2.091,2.751,3.665,2.43c0.389,-0.08,0.75,-0.224,1.094,-0.402c0,0.116,-0.004,0.233,-0.012,0.353c-0.064,0.991,-0.398,1.892,-0.86,2.401c1.481,0,1.481,-0.043,2.961,0c-0.481,-0.503,-0.834,-1.382,-0.9,-2.401c-0.008,-0.127,-0.012,-0.253,-0.012,-0.378c0.357,0.19,0.733,0.342,1.14,0.425c1.574,0.319,3.292,-0.922,3.661,-2.433c0.486,-1.992,-1.189,-3.609,-2.644,\n -4.809l0.002,0.002z" fill="url(#paint1_linear_lock)"/>\n <path d="M9.255,7.551c-0.844,-0.716,-1.462,-1.309,-2.286,-2.045c-0.002,0,-0.004,-0.004,-0.006,-0.006c0,0,-0.004,0.004,-0.006,0.006c-0.824,0.736,-1.44,1.329,-2.284,2.047c-0.919,0.782,-1.94,1.769,-2.214,2.943c-0.115,0.021,-0.914,0.044,-0.914,0.044l0.887,0.083c-0.039,0.206,-0.055,0.418,-0.041,0.638c0.087,-1.371,1.25,-2.507,2.282,-3.384c0.844,-0.718,1.462,-1.313,2.284,-2.047c0.002,-0.002,0.004,-0.004,0.006,-0.006c0.002,0,0.004,0.004,0.006,0.004c0.824,0.734,1.442,1.329,2.286,2.045c1.034,0.879,2.198,2.013,2.286,3.386c0.093,-1.517,-1.173,-2.761,-2.286,-3.708z" fill="#9040C9"/>\n </svg>\n </g>\n </g>\n <g filter="url(#filter_lock)">\n <svg x="100%" y="9" id="heart_box">\n <path d="M7,6c-0.19,-0.002,-0.377,0.052,-0.534,0.154c-0.158,0.103,-0.278,0.25,-0.346,0.42c-0.069,0.171,-0.081,0.357,-0.035,0.535c0.046,0.177,0.147,0.337,0.29,0.457v0.834c0,0.159,0.066,0.312,0.183,0.424c0.117,0.113,0.276,0.176,0.442,0.176c0.166,0,0.325,-0.063,0.442,-0.176c0.117,-0.112,0.183,-0.265,0.183,-0.424v-0.834c0.143,-0.12,0.244,-0.28,0.29,-0.457c0.046,-0.178,0.034,-0.364,-0.035,-0.535c-0.068,-0.17,-0.188,-0.317,-0.346,-0.42c-0.157,-0.102,-0.344,-0.156,-0.534,-0.154zm3.125,-2.4v-1.2c0,-0.796,-0.329,-1.559,-0.915,-2.121c-0.586,-0.563,-1.381,-0.879,-2.21,-0.879c-0.829,0,-1.624,0.316,-2.21,0.879c-0.586,0.562,-0.915,1.325,-0.915,2.121v1.2c-0.497,0,-0.974,0.19,-1.326,0.527c-0.351,0.338,-0.549,0.796,-0.549,1.273v4.2c0,0.477,0.198,0.935,0.549,1.273c0.352,0.337,0.829,0.527,1.326,0.527h6.25c0.497,0,0.974,-0.19,1.326,-0.527c0.351,-0.338,0.549,-0.796,0.549,-1.273v-4.2c0,-0.477,-0.198,-0.935,-0.549,-1.273c-0.352,-0.337,-0.829,-0.527,-1.326,-0.527zm-5,-1.2c0,-0.477,0.198,-0.935,0.549,-1.273c0.352,-0.337,0.829,-0.527,1.326,-0.527c0.497,0,0.974,0.19,1.326,0.527c0.351,0.338,0.549,0.796,0.549,1.273v1.2h-3.75v-1.2zm5.625,7.2c0,0.159,-0.066,0.312,-0.183,0.424c-0.117,0.113,-0.276,0.176,-0.442,0.176h-6.25c-0.166,0,-0.325,-0.063,-0.442,-0.176c-0.117,-0.112,-0.183,-0.265,-0.183,-0.424v-4.2c0,-0.159,0.066,-0.312,0.183,-0.424c0.117,-0.113,0.276,-0.176,0.442,-0.176h6.25c0.166,0,0.325,0.063,0.442,0.176c0.117,0.112,0.183,0.265,0.183,0.424v4.2z" fill="white"/>\n </svg>\n </g>\n <defs>\n <filter id="filter_current_level" x="64" y="4" width="21" height="21" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>\n <feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_305_23"/>\n </filter>\n <filter id="filter_heart_ball" x="155" y="0" width="28" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset/>\n <feGaussianBlur stdDeviation="2"/>\n <feComposite in2="hardAlpha" operator="out"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_305_23"/>\n <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_305_23" result="shape"/>\n </filter>\n <filter id="filter_ball" x="159" y="4" width="20" height="21" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset dy="1"/>\n <feGaussianBlur stdDeviation="1"/>\n <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0"/>\n <feBlend mode="normal" in2="shape" result="effect1_innerShadow_305_23"/>\n </filter>\n <filter id="filter_heart" x="161.636" y="5.72727" width="14.7271" height="15.6364" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset/>\n <feGaussianBlur stdDeviation="0.5"/>\n <feComposite in2="hardAlpha" operator="out"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_305_23"/>\n <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_305_23" result="shape"/>\n </filter>\n <filter id="filter_lock" x="50" y="7" width="12" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset/>\n <feGaussianBlur stdDeviation="0.5"/>\n <feComposite in2="hardAlpha" operator="out"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_305_23"/>\n <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_305_23" result="shape"/>\n </filter>\n <linearGradient id="paint0_linear_ball" x1="163" y1="6" x2="174.2" y2="22.6" gradientUnits="userSpaceOnUse">\n <stop stop-color="#946AD7"/>\n <stop offset="1" stop-color="#EFABEB"/>\n </linearGradient>\n <linearGradient id="paint1_linear_lock" x1="100%" y1="18.4056" x2="169.002" y2="10.2845" gradientUnits="userSpaceOnUse">\n <stop stop-color="#814FD6"/>\n <stop offset="1" stop-color="#D679D8"/>\n </linearGradient>\n </defs>\n</svg>\n'}),re=({loyaltyPoints:e,spendablePoints:t,pointExpireString:i,language:a})=>n("div",{class:"PointsInfo"},e&&e>=0&&n("div",{class:"Points"},e," ",n("sub",{class:"XP"},c("xp",a))),t&&n("div",{class:"Points"},t," ",n("sub",{class:"XP"},c("sp",a))),i&&n("div",{class:"ExpirationPoints"},i," ")),oe=({language:e,onRedeemClick:t})=>n("div",{class:"CardCell Redeem"},n("div",{class:"RedeemButton",onClick:()=>{t()}},n("span",null,c("redeem",e)))),se=e=>n("div",{class:"CardCell PlayerName Txt"},e.playerName),le=e=>n("div",{class:"CardCell ElevateLevel"},n("span",{class:"LevelName",title:e.level},e.level),e.expireTime&&n("div",{class:"CardCell ExpirationDate Txt"},c("expireOn",e.language),n("span",{class:"ExpireTime"},ie(new Date(e.expireTime),e.dateFormat||"yyyy-MM-dd")),!e.hideInfo&&n("span",{class:"fa Info",style:{background:`url(${i("../static/info.svg")})`}},n("span",{class:"InfoTips",innerHTML:'<svg width="126" height="92" viewBox="0 0 126 92" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_d_242_4231)">\n<rect x="24" y="20" width="78" height="36" rx="4" fill="white"/>\n<path d="M24 24C24 21.7909 25.7909 20 28 20H64V56H28C25.7909 56 24 54.2091 24 52V24Z" fill="#464646"/>\n<path d="M51 56H37L43.2474 63.1399C43.6458 63.5952 44.3542 63.5952 44.7526 63.1399L51 56Z" fill="#464646"/>\n<circle cx="44" cy="38" r="7" fill="white"/>\n<path d="M43.9405 34C44.5456 34 45.0362 34.4906 45.0362 35.0957C45.0362 35.7009 44.5456 36.1915 43.9405 36.1915C43.3353 36.1915 42.8447 35.7009 42.8447 35.0957C42.8447 34.4906 43.3353 34 43.9405 34Z" fill="#464646"/>\n<path d="M45.8801 41.3737C45.8801 41.7617 45.5626 42.0791 45.1746 42.0791H44.3233H43.551H42.7055C42.3175 42.0791 42 41.7617 42 41.3737V41.3575C42 40.9695 42.3175 40.6521 42.7055 40.6521H42.8455V37.8714H42.3528C42.1588 37.8714 42 37.7127 42 37.5187V37.4936C42 37.2996 42.1588 37.1409 42.3528 37.1409H43.551H44.031H44.3233C44.7113 37.1409 45.0287 37.4583 45.0287 37.8463V40.6521H45.1746C45.5626 40.6521 45.8801 40.9696 45.8801 41.3576V41.3737Z" fill="#464646"/>\n</g>\n<defs>\n<filter id="filter0_d_242_4231" x="0" y="0" width="126" height="91.4814" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feOffset dy="4"/>\n<feGaussianBlur stdDeviation="12"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_242_4231"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_242_4231" result="shape"/>\n</filter>\n</defs>\n</svg>\n'})))),de=e=>{const t=e.loyaltyIconUrl?n("img",{class:"Badge",src:e.loyaltyIconUrl}):e.hideIfNull?"":n("div",{class:"Badge"}),a=e.playerAvatarUrl||i("../static/user.svg");return n("div",{class:"PlayerAvatar",style:{position:e.onlyBadge?"":"relative"}},!e.onlyBadge&&n("img",{class:"Avatar",src:a}),t)},ce=class{constructor(n){e(this,n),this.endpoint=void 0,this.theme="Dark",this.session=void 0,this.playerAvatarUrl=void 0,this.language="en",this.playerName=void 0,this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.pointExpireString=void 0,this.playerLevelFlag=0,this.playerElevateLevel=void 0,this.elevateWalletTotal=void 0}onSessionOrEndpointChange(){this.paramProxy=Object.assign(Object.assign({},this.paramProxy),{session:this.session,endpoint:this.endpoint,language:this.language})}playerElevateLeveLoadedHandler(e){e.detail&&(e.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=e.detail.elevateLevelWalletTotal),e.detail.elevateLevel&&(this.playerElevateLevel=e.detail.elevateLevel),e.detail.pointExpireString&&(this.pointExpireString=e.detail.xpExpireString),e.detail.calculatedLevelFlag&&(this.playerLevelFlag=e.detail.calculatedLevelFlag))}onRedeemClick(){window.postMessage({type:"BEERedeemClicked"},window.location.href)}componentWillLoad(){this.paramProxy={endpoint:this.endpoint,session:this.session,language:this.language,calculateLevelFlag:!0}}render(){const e=i("../static/card-ground.svg"),t=i("../static/card-ground-over.svg");return n("div",{key:"278a328dd084ee73b2707b93a57bccae64a2c9c7",class:`ElevateCardWrapper ${this.theme}`},n("div",{key:"68c885baf533447a7c77fd887bbec11e53768277",class:"Card Outer",style:{backgroundImage:`url(${e}`}},n("general-styling-wrapper",{key:"4066253a70cdd5e712ca244a708e7c1600c83071",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:d,translationUrl:this.translationUrl}),n("player-elevate-card-data",{key:"64cda2a267c752056b3c7e3134cc324fa96bc261",params:this.paramProxy}),n("div",{key:"c63ae83b401a35f5a78acd83dc3d7296c25141d7",class:"OuterCover Inner",style:{backgroundImage:`url(${t}`}},this.playerElevateLevel&&n(a,{key:"ba16e5bb54259c17fd9e5aa0e3c03c2ec5d4263c"},n("div",{key:"fa1bf74f45e28318c95266cc42c54541bde92718",class:"Content Row"},n("div",{key:"7ede46f91bcc0d894b2b633627a4ca97d15fbe90",class:"PlayerImg"},n(de,{key:"b6d0bac085e0178512b8a63ba8fccae7d4cc8399",playerAvatarUrl:this.playerAvatarUrl,loyaltyIconUrl:this.playerElevateLevel.presentation.asset}),n(re,{key:"88c445dbcd7dbe426a8de18beea02aecc03e26f3",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language})),this.pointExpireString&&n("div",{key:"4d985e486ecb74a6c916b28e619de83cb3d77ac1",class:"PointsInfo ExpirationPoints"},this.pointExpireString," "),n("div",{key:"34e051ee1ff79b825fca57db958e1e5684a0aca1",class:`LevelInfo Level${this.playerLevelFlag} ${this.playerElevateLevel.presentation.displayName}`},n(se,{key:"fa1b1f16e0b25c6adfba4c215e4ed377e05699b2",playerName:this.playerName}),n(le,{key:"6d18b1422db202363ebcd56cc56946e0e071937b",hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat}),n(ae,{key:"7dae355c4a5a9e28c70dced0ac061608f1753020"}),n(oe,{key:"7e5f830b612c962a828c58f20a88dc97d315c910",onRedeemClick:this.onRedeemClick,language:this.language})))))))}static get assetsDirs(){return["../static"]}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};function ue(e){p(1,arguments);var n=f(e);return n.setHours(0,0,0,0),n}function he(e,n){return p(2,arguments),f(e).getTime()-f(n).getTime()}ce.style="@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}";var pe={ceil:Math.ceil,round:Math.round,floor:Math.floor,trunc:function(e){return e<0?Math.ceil(e):Math.floor(e)}};function fe(e){return e?pe[e]:pe.trunc}const ve=class{constructor(n){e(this,n),this.playerElevateLeveLoaded=r(this,"playerElevateLeveLoaded",7),this.params=void 0,this.playerElevateLevel=void 0,this.pointExpireString=void 0}handleWindowResizs(){this.initLevelProgressbar()}onParamsChanged(){this.loadElevateInfo()}redeemGiftButtonHandler(){this.loadElevateInfo()}onRedeemClick(){window.postMessage({type:"BEERedeemClicked"},window.location.href)}loadLevels(){let e=new URL(`${this.params.endpoint}/v1/elevate/levels?language=${this.params.language}`);return new Promise(((n,t)=>fetch(e.href,{method:"GET"}).then((e=>e.json())).then((e=>{this.levels=e.data,n(!0)})).catch((e=>{t(e)}))))}calcuatePointsToBeExpired(e,n){let t="";if(!e||!e.aboutToExpire||0==e.aboutToExpire.length||e.aboutToExpire[0].points<=0)return t;e.aboutToExpire.sort(((e,n)=>function(e,n){p(2,arguments);var t=f(e),i=f(n);return t.getTime()<i.getTime()}(new Date(e.expireTime),new Date(n.expireTime))?-1:1));const i=e.aboutToExpire[0],a=function(e,n){p(2,arguments);var t=ue(e),i=ue(n),a=t.getTime()-j(t),r=i.getTime()-j(i);return Math.round((a-r)/864e5)}(new Date(i.expireTime),new Date);let r=0,o=0,s=0===a?`${n}Day`:n;return a<=0&&(r=function(e,n,t){p(2,arguments);var i=he(e,n)/36e5;return fe(null==t?void 0:t.roundingMethod)(i)}(new Date(i.expireTime),new Date,{roundingMethod:"floor"}),s=r>1?`${n}Hours`:`${n}Hour`,r<=0&&(o=function(e,n,t){p(2,arguments);var i=he(e,n)/6e4;return fe(null==t?void 0:t.roundingMethod)(i)}(new Date(i.expireTime),new Date,{roundingMethod:"floor"}),s=o>1?`${n}Minutes`:`${n}Minute`)),t=u(s,{expirationPoints:i.points,expireDay:Math.max(a,r,o),lang:this.params.language}),t}loadPlayerLevelInfo(){let e=new URL(`${this.params.endpoint}/v1/elevate/playerInfo?language=${this.params.language}`);return new Promise(((n,t)=>fetch(e.href,{method:"GET",headers:{"X-Sessionid":this.params.session,"Content-Type":"application/json"}}).then((e=>e.json())).then((e=>{var i,a,r;if(!e.success)return console.error("Exception when fetch user elevateinfo, ",e.errorCode,e.errorMessage),void t(!0);let o=e.data;this.playerElevateLevel=o.level,this.playerElevateLevel.name=this.playerElevateLevel.presentation.displayName||this.playerElevateLevel.name,this.playerElevateLevel.spendablePoints=(null===(i=o.spendableWallet)||void 0===i?void 0:i.total.points)||0,this.playerElevateLeveLoaded.emit({elevateLevel:this.playerElevateLevel});const s=null===(a=e.data.spendableWallet)||void 0===a?void 0:a.total,l=null===(r=e.data.loyaltyWallet)||void 0===r?void 0:r.total;this.playerElevateLeveLoaded.emit({elevateLevelWalletTotal:s,loyaltyWalletTotal:l});let d=this.calcuatePointsToBeExpired(s,"coinsToBeExpired"),c=this.calcuatePointsToBeExpired(l,"pointsToBeExpired");(d||c)&&this.playerElevateLeveLoaded.emit({pointExpireString:d,xpExpireString:c}),n(this.playerElevateLevel)})).catch((e=>{console.log("error ",e),t(!0)}))))}setLoyaltyProgress(e){!function(e,n){const t=e.querySelector("#total_level"),i=t.getBBox().width,a=n>1?1:n,r=a*i-17<0?0:a*i-17,o=e.querySelector("#current_level"),s=e.querySelector("#filter_current_level"),l=e.querySelector("#circle_current_level");t.setAttribute("viewbox",`0 0 ${r} 28`),o.setAttribute("width",`${r}`),l.setAttribute("cx",`${r<6.5?6.5:r}`),s.setAttribute("x",""+(r-8));const d=e.querySelector("#lock"),c=e.querySelector("#filter_heart_ball"),u=e.querySelector("#filter_ball"),h=e.querySelector("#filter_heart"),p=e.querySelector("#filter_lock"),f=e.querySelector("#paint0_linear_ball"),v=e.querySelector("#paint1_linear_lock"),m=e.querySelector("#lock_box"),g=e.querySelector("#heart_box"),x=i-10;d.setAttribute("cx",`${x}`),v.setAttribute("x1",`${x}`),v.setAttribute("x2",`${x}`),f.setAttribute("x1",""+(x-6)),f.setAttribute("x2",""+(x-6+11.2)),p.setAttribute("x",""+(x-6)),h.setAttribute("x",""+(x-6-2)),u.setAttribute("x",""+(x-6-2-2)),c.setAttribute("x",""+(x-6-2-2-4)),m.setAttribute("x",""+(x-6)),g.setAttribute("x",""+(x-6)),t.parentElement.style.opacity="1"}(this.loyaltyProgressEle,e)}initLevelProgressbar(){setTimeout((()=>{this.loyaltyProgressEle=this.elevateCardRef.parentElement.querySelector("#LevelProgress"),this.loyaltyProgressEle&&(this.setLoyaltyProgress(this.playerElevateLevel.nextLevel?this.playerElevateLevel.loyaltyPoints/this.playerElevateLevel.nextLevel.entryPoints:1),this.params.playerElevateLevel=this.playerElevateLevel)}),80)}componentDidRender(){this.initLevelProgressbar()}loadElevateInfo(){if(!this.params.endpoint||!this.params.session)return;const e=[];e.push(this.loadPlayerLevelInfo()),this.params.calculateLevelFlag&&e.push(this.loadLevels()),Promise.all(e).then((e=>{if(console.log("elevate-init",e),this.initLevelProgressbar(),!this.levels)return;this.levels.sort(((e,n)=>e.firstEntryPoints>n.firstEntryPoints?1:-1));const n=this.playerElevateLevel.loyaltyPoints;let t=0;this.levels.forEach(((e,i)=>{n>e.firstEntryPoints&&(t=i)})),this.playerElevateLeveLoaded.emit({calculatedLevelFlag:t})}))}componentWillLoad(){this.loadElevateInfo()}get elevateCardRef(){return t(this)}static get watchers(){return{params:["onParamsChanged"]}}};ve.style=':host {\n display: block;\n width: 360px;\n height: 230px;\n}\n\n.ElevateCardWrapper {\n contain: layout inline-size;\n width: 100%;\n height: fit-content;\n min-height: 218px;\n}\n\n.Outer {\n container-type: inline-size;\n font-size: 12px;\n background-size: cover;\n background-repeat: no-repeat;\n line-height: initial;\n width: 100%;\n height: 100%;\n}\n\n.Dark {\n color: var(--emw--color-gray150, #efefef);\n}\n\n.Light {\n color: var(--emw--color-black, #0e0e0e);\n}\n\n@container (min-width: 381px) {\n .Outer {\n background-size: cover;\n }\n .Outer .OuterCover {\n min-height: 190px;\n }\n}\n@container (min-width: 260px) {\n .Outer {\n background-size: contain;\n }\n}\n.OuterCover {\n width: 100%;\n height: 100%;\n content: "";\n background-repeat: no-repeat;\n background-size: cover;\n border-radius: 15px;\n}\n\n.Inner {\n display: flex;\n flex-direction: column;\n min-height: 158px;\n}\n.Inner .Content {\n padding: 15px;\n flex-wrap: wrap;\n gap: 8px;\n}\n.Inner .Row {\n display: flex;\n flex-direction: row;\n}\n.Inner .CardCell {\n display: flex;\n}\n.Inner .LevelProgress svg {\n transition: opacity 0.4s;\n}\n.Inner .LevelInfo {\n display: flex;\n flex-direction: column;\n}\n.Inner .LevelInfo .ElevateLevel .LevelName {\n height: 28px;\n border-radius: 5px;\n line-height: 28px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.Inner .LevelInfo.Level0 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level0button-shadow, rgba(191, 84, 6, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level0-bg0, #E2792C) 0%, var(--emw--elevate-color-level0-bg1, rgba(242, 151, 99, 0)) 100%);\n}\n.Inner .LevelInfo.Level1 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level1button-shadow, rgba(151, 151, 151, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level1-bg0, #BEBFED) 0%, var(--emw--elevate-color-level1-bg1, rgba(216, 217, 233, 0)) 100%);\n}\n.Inner .LevelInfo.Level2 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level2button-shadow, rgba(191, 120, 6, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level2-bg0, #FCC410) 0%, var(--emw--elevate-color-level2-bg1, rgba(255, 189, 43, 0)) 100%);\n}\n.Inner .LevelInfo.Level3 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level3button-shadow, rgba(65, 6, 191, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level3-bg0, #B1A2DB) 0%, var(--emw--elevate-color-level3-bg1, rgba(203, 202, 245, 0)) 100%);\n}\n.Inner .LevelInfo.Level4 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level4button-shadow, rgba(65, 6, 191, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level4-bg0, #B1A2DB) 0%, var(--emw--elevate-color-level4-bg1, rgba(203, 202, 245, 0)) 100%);\n}\n.Inner .LevelInfo .ElevateLevel {\n display: flex;\n}\n.Inner .LevelInfo {\n flex: 1;\n flex-grow: 1;\n min-width: 150px;\n}\n.Inner .PlayerImg {\n width: 29%;\n margin: auto;\n max-width: 100px;\n min-width: 30px;\n order: 0;\n}\n.Inner .PlayerAvatar {\n max-width: 100px;\n flex-basis: 100px;\n height: auto;\n margin: auto;\n padding-top: 10px;\n}\n.Inner .PlayerAvatar .Avatar, .Inner .PlayerAvatar .Badge {\n width: 100%;\n height: 100%;\n}\n.Inner .PlayerAvatar .Avatar {\n border-radius: 50%;\n background-size: contain;\n background-repeat: no-repeat;\n}\n.Inner .ElevateLevel .ExpirationDate {\n max-width: 138px;\n min-width: 118px;\n}\n.Inner .PlayerName, .Inner .RedeemButton, .Inner .ElevateLevel {\n text-transform: capitalize;\n width: 100%;\n}\n.Inner .PlayerName {\n font-size: 16px;\n}\n.Inner .Row .PointsInfo {\n display: table;\n font-weight: 600;\n}\n.Inner .Row .Redeem {\n justify-content: flex-end;\n margin-left: auto;\n}\n.Inner .Row .Redeem:hover {\n color: var(--emw--elevate-color-redeem-hover, #00ABA4);\n cursor: pointer;\n}\n.Inner .Row .RedeemButton:hover span {\n color: var(emfe-w-elevate-color-redeem-text-hover, #f1f1f1);\n font-weight: bold;\n}\n.Inner .Row .RedeemButton {\n width: 95px;\n height: 35px;\n display: flex;\n align-items: center;\n border-radius: var(--emw--border-radius-medium, 10px);\n background: var(--emw--elevate-color-redeem-bg, linear-gradient(0deg, #26CC37, #26CC37)), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%);\n box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);\n}\n.Inner .Row .RedeemButton span {\n color: var(--emw--color-white, #fff);\n line-height: 18px;\n font-size: 15px;\n text-align: center;\n width: 100%;\n}\n.Inner .Row .Points {\n font-size: large;\n vertical-align: middle;\n}\n.Inner .Row .Points .XP {\n font-size: x-small;\n}\n.Inner .Row .ExpirationPoints {\n font-size: small;\n text-align: right;\n font-weight: bold;\n color: var(--emw--color-red, #9e595f);\n}';const me=class{constructor(n){e(this,n),this.endpoint=void 0,this.theme="Dark",this.session=void 0,this.playerAvatarUrl=void 0,this.language="en",this.playerName=void 0,this.dateFormat="yyyy-MM-dd",this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.pointExpireString=void 0,this.playerElevateLevel=void 0,this.elevateWalletTotal=void 0}onSessionOrEndpointChange(){this.paramProxy=Object.assign(Object.assign({},this.paramProxy),{session:this.session,endpoint:this.endpoint,language:this.language})}playerElevateLeveLoadedHandler(e){e.detail&&(e.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=e.detail.elevateLevelWalletTotal),e.detail.elevateLevel&&(this.playerElevateLevel=e.detail.elevateLevel),e.detail.pointExpireString&&(this.pointExpireString=e.detail.xpExpireString))}onRedeemClick(){window.postMessage({type:"BEERedeemClicked"},window.location.href)}componentWillLoad(){this.paramProxy={endpoint:this.endpoint,session:this.session,language:this.language}}getNextLevelPoints(){var e,n;return(null===(e=this.playerElevateLevel)||void 0===e?void 0:e.nextLevel)?null===(n=this.playerElevateLevel)||void 0===n?void 0:n.nextLevel.entryPoints:-1}getNextLevelTips(){var e;let n=null===(e=this.playerElevateLevel)||void 0===e?void 0:e.nextLevel;if(this.playerElevateLevel&&n){const e=(n.entryPoints-this.playerElevateLevel.loyaltyPoints).toFixed(2);return u("tipsForNextLevel",{pointsToReach:e,levelName:n.name,lang:this.language})}return""}render(){const e=i("../static/card-ground.svg"),t=i("../static/card-ground-over.svg");return n("div",{key:"39295a651da66747a20554699bba5f96b8ad5c35",class:`ElevateCardWrapper ${this.theme}`},n("div",{key:"78c34fe054fc2459f8af3354116cd21a68ce01be",class:"LoyaltyCard Outer",style:{backgroundImage:`url(${e}`}},n("general-styling-wrapper",{key:"be6efc6da4c3ccf4cc3ece8ecc73561bae75aa20",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:d,translationUrl:this.translationUrl}),n("player-elevate-card-data",{key:"b53e4b59d4ee55a2f567efa09afab3d72969e6e4",params:this.paramProxy}),n("div",{key:"1f3e504440bab2df3a181058fad7149c85c48c14",class:"OuterCover Inner",style:{backgroundImage:`url(${t}`}},n("div",{key:"a07c6cd95770dc1bfd3da78b1c7cc8e1367321b1",class:"Content Row"},this.playerElevateLevel&&n(a,{key:"5c104f5ba1a018219c6ed5f6e50af99b035a0344"},n("div",{key:"bd94591e6ab9298ab7c769fa48efaf314dc1a63b",class:"PlayerImg"},n(de,{key:"928849ce86d8c7a483eba7850efc83f8149bae43",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),n("div",{key:"37192c9b8502eb3c7d93914369df2d784c17e9f7",class:`LevelInfo ${this.playerElevateLevel.name}`},n(le,{key:"2d1df152fa288291128259c3950ff84e7cb6d8f2",hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat,language:this.language}),n("div",{key:"798167bf5a4525623008954bd91c241fb1fe6f59",class:"PointsRange"},n(re,{key:"cb88a77677200b0b459900c34781857933e15c26",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language}),n(re,{key:"c7958718ca7b423842c7f88808ab69246388b75c",loyaltyPoints:this.getNextLevelPoints(),language:this.language})),n(ae,{key:"e66ef489cbaa28ac60019daa1eba0b0f04309181"}),n("div",{key:"e6ca3ffc781b37bc92be8a264ae44dcbc01d9024",class:"NextLevelTip"},this.getNextLevelTips()),this.pointExpireString&&n("div",{key:"9538973ab5c1d4bdd33f4d532f7041f94a1cb2d7",class:"PointsInfo ExpirationPoints"},this.pointExpireString," ")))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};me.style=":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:11px;margin-left:5px}}@media screen and (max-width: 500px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:wrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:0px;margin-left:0px}}.LoyaltyCard .Inner .LevelProgress{margin-left:0px}.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints{text-align:left;color:var(--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:5px}.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}";const ge=class{constructor(n){e(this,n),this.isPointDetailCard="earningRule"===this.buttonType,this.endpoint=void 0,this.theme="Dark",this.session=void 0,this.playerAvatarUrl=void 0,this.language="en",this.playerName=void 0,this.cardTitle=void 0,this.buttonType="earningRule",this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.pointExpireString=void 0,this.playerElevateLevel=void 0,this.elevateWalletTotal=void 0,this.elevateSPTotal=void 0}onSessionOrEndpointChange(){this.paramProxy=Object.assign(Object.assign({},this.paramProxy),{session:this.session,endpoint:this.endpoint,language:this.language})}playerElevateLeveLoadedHandler(e){e.detail&&(e.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=e.detail.elevateLevelWalletTotal,this.elevateSPTotal=e.detail.loyaltyWalletTotal),e.detail.elevateLevel&&(this.playerElevateLevel=e.detail.elevateLevel),e.detail.pointExpireString&&(this.pointExpireString=e.detail.pointExpireString))}onDetailsClick(){window.postMessage({type:this.isPointDetailCard?"BEEPointRulesClicked":"BEEDetailsClicked",path:this.isPointDetailCard?"player-elevate-level":"player-elevate-point-details"},window.location.href)}componentWillLoad(){this.paramProxy={endpoint:this.endpoint,session:this.session,language:this.language}}render(){const e=i("../static/card-ground.svg"),t=i("../static/card-ground-over.svg");return n("div",{key:"4e6e25bdd2a9f795369b39dbfd7e9adbd1523e17",class:`ElevateCardWrapper ${this.theme}`},n("div",{key:"ddeea1e67d51d5c0c8ed56edfd2d8d9c39e85253",class:"PointsCard Outer ",style:{backgroundImage:`url(${e}`}},n("general-styling-wrapper",{key:"c6d6e3a3bc9a54cb99b4268feb3c296527d1ba8c",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:d,translationUrl:this.translationUrl}),n("player-elevate-card-data",{key:"4371faac6967c5b3eced57f6251064ea4e1d6a65",params:this.paramProxy}),n("div",{key:"c78235a6fdc2aed90df898f007b5ee091cece8dc",class:"OuterCover Inner",style:{backgroundImage:`url(${t}`}},n("div",{key:"025e779223c1c85c11998be8389a8ff836a31e6c",class:"Content Row"},this.playerElevateLevel&&n(a,{key:"68daa6047dc93d2596d8b2309a26f56960737617"},n("div",{key:"6a2d2b2e7d234bceaf3d9240c5d4f2eb80395319",class:"PlayerImg"},n(de,{key:"aeaf35ad8055ad4f7312922c8600ea58d09be74f",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),n("div",{key:"bd51ce868b4d8a547f40ec55548bbf3cfa416534",class:`LevelInfo ${this.playerElevateLevel.name}`},n("div",{key:"5f4d77a5b43c8efee850b9813bc1c8e61d27d45d",class:"PointsTxt Label"},this.cardTitle?this.cardTitle:c("spendablePoints",this.language)),n("div",{key:"eb83431a73b78eaa1e9384e87492f45a258927c7",class:"PointsTxt SPPoints"},n(re,{key:"91e1326134f0417dcbc6a0811739ab906272862c",spendablePoints:this.playerElevateLevel.spendablePoints,language:this.language}),n("a",{key:"4333bb9afa6276f62f25acb8042d9df82fe03f40",class:"TC",onClick:()=>{this.onDetailsClick()}},c("termAndConditions",this.language))),this.pointExpireString&&n("div",{key:"77c30ba4c25c810e84bac42199ab4ca78bdbae99",class:"ExpirationPoints"},this.pointExpireString," ")))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};ge.style=":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}";const xe=class{constructor(n){e(this,n),this.truncateNumber=(e,n=2)=>{const t=e.toString(),[i,a=""]=t.split(".");return n>0?`${i}.${a?a.slice(0,n):"00"}`:`${i}`},this.sendRakebackClaimedEvent=()=>{this.endpoint&&this.session&&this.rakebackInfo.claimable&&!this.isLoading&&window.postMessage({type:"RakebackClaimTrigger",points:this.rakebackInfo.points},window.location.href)},this.endpoint=void 0,this.theme="Dark",this.session=void 0,this.language="en",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.show=!0,this.rakebackInfo={hasRakebackWallet:!1,points:0,currency:"TRY",claimable:!1,minutesCanClaim:0,showCanClaim:!1},this.isLoading=!1,this.coolingOffPeriod=!1,this.showTheWidget=!1}async onSessionOrEndpointChange(){await this.loadRakebackInfo()}async onShowOrHasRakebackWalletChange(){this.showTheWidget=this.show&&this.rakebackInfo.hasRakebackWallet}handleMessage(e){const{type:n}=null==e?void 0:e.data;"RakebackClaimConfirmed"===n&&this.claimRakeback()}async loadRakebackInfo(){if(this.endpoint&&this.session){this.isLoading=!0;try{const e=new URL(`${this.endpoint}/v1/elevate/playerInfo?language=${this.language}`),n=await fetch(e.href,{method:"GET",headers:{"X-Sessionid":this.session,"Content-Type":"application/json"}});if(!n.ok)throw new Error(`HTTP error! status: ${n.status}`);const t=await n.json();if(!t.success)throw new Error(t.errorMessage||"Failed to load rakeback info");const{rakebackWallet:i}=null==t?void 0:t.data;if(!i)return void window.postMessage({type:"RakebackWalletMissing"},window.location.href);const{total:a,claimable:r,currency:o,minutesCanClaim:s}=i||{};this.rakebackInfo={hasRakebackWallet:!0,points:(null==a?void 0:a.points)?this.truncateNumber(a.points,2):"0.00",currency:o||"",claimable:r||!1,showCanClaim:Boolean(s&&s>0),minutesCanClaim:s?s<=1&&s>0?1:this.truncateNumber(s,0):0}}catch(e){console.error("Error loading rakeback info:",e),window.postMessage({type:"RakebackClaimError",message:e.message},window.location.href)}finally{this.isLoading=!1}}}async claimRakeback(){this.isLoading=!0;try{const e=new URL(`${this.endpoint}/v1/elevate/rakeback/claim`),n=await fetch(e.href,{method:"PUT",headers:{"X-Sessionid":this.session,"Content-Type":"application/json"},body:JSON.stringify({})});if(!n.ok)throw new Error(`HTTP error! status: ${n.status}`);const t=await n.json();if(!t.success)throw new Error(t.errorMessage||"Failed to claim rakeback");await this.loadRakebackInfo(),window.postMessage({type:"RakebackClaimed",points:this.rakebackInfo.points},window.location.href)}catch(e){console.error("Error claiming rakeback:",e),window.postMessage({type:"RakebackClaimError",message:e.message},window.location.href)}finally{this.isLoading=!1}}async componentWillLoad(){await this.loadRakebackInfo(),await this.onShowOrHasRakebackWalletChange()}render(){return this.showTheWidget?n("div",{class:"RakebackCard"},n("general-styling-wrapper",{clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:d,translationUrl:this.translationUrl}),n("div",{class:"RakebackCardContent"},n("div",{class:"RakebackTitle"},c("rakebackTitle",this.language)),n("div",{class:"RakebackDetails"},n("div",{class:"RakebackInfo"},n("div",{class:"RakebackNumContainer"},n("span",{class:"RakebackNum"},this.rakebackInfo.points),n("span",{class:"RakebackCurrency"},this.rakebackInfo.currency))),n("div",{class:"RakebackButton "+(this.isLoading||!this.rakebackInfo.claimable?"disabled":""),onClick:this.sendRakebackClaimedEvent},c("claim",this.language))),!this.rakebackInfo.claimable&&this.rakebackInfo.showCanClaim&&n("div",{class:"RakebackCoolOff"},u("minutesCanClaim",{lang:this.language,minutes:this.rakebackInfo.minutesCanClaim})))):null}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"],show:["onShowOrHasRakebackWalletChange"],rakebackInfo:["onShowOrHasRakebackWalletChange"]}}};xe.style=":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}";export{o as general_styling_wrapper,ce as player_elevate_card,ve as player_elevate_card_data,me as player_elevate_loyaltycard,ge as player_elevate_pointcard,xe as player_rakeback_card}
|
|
1
|
+
import{r as e,h as n,g as t,a as i,F as a,c as r}from"./index-f1097e33.js";const o=class{constructor(n){e(this,n),this.stylingAppends=!1,this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.el.prepend(e)},this.setClientStylingURL=()=>{let e=new URL(this.clientStylingUrl),n=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{n.innerHTML=e,setTimeout((()=>{this.el.prepend(n)}),1)})).catch((e=>{console.log("error ",e)}))},this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.targetTranslations=void 0}componentDidRender(){this.stylingAppends||(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.stylingAppends=!0)}async componentWillLoad(){const e=[];if(this.translationUrl){const i=(n=this.translationUrl,t=this.targetTranslations,new Promise((e=>{fetch(n).then((e=>e.json())).then((n=>{Object.keys(n).forEach((e=>{t[e]=t[e]||t.en,Object.keys(n[e]).forEach((i=>{t.en[i]&&(t[e][i]=t[e][i]||t.en[i],"object"==typeof n[e][i]?Object.keys(n[e][i]).forEach((a=>{t[e][i][a]=n[e][i][a]})):t[e][i]=n[e][i])}))})),e(!0)})).catch((n=>{console.error("Failed to load translations:",n),e(!1)}))})));e.push(i)}var n,t;return await Promise.all(e)}render(){return n("div",{key:"4d3414408c7662f88331dbe655966237f74d6958",class:"StyleShell"},n("slot",{key:"1d004644d84602c4314bdf5dfc26b55b160f57df",name:"mainContent"}))}get el(){return t(this)}};o.style=":host{display:block}";const s="en",l=["en","zh-hk","it","fr","tr","hr"],d={en:{redeem:"Redeem",claim:"Claim",expireOn:"Expire on ",coinsToBeExpired:"${expirationPoints} coins to expire in ${expireDay} days",coinsToBeExpiredDay:"${expirationPoints} coins to expire in ${expireDay} day",coinsToBeExpiredHours:"${expirationPoints} coins to expire in ${expireDay} hours",coinsToBeExpiredHour:"${expirationPoints} coins to expire in ${expireDay} hour",coinsToBeExpiredMinutes:"${expirationPoints} coins to expire in ${expireDay} minutes",coinsToBeExpiredMinute:"${expirationPoints} coins to expire in ${expireDay} minute",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"Details",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions",rakebackTitle:"Available Rakeback",loading:"Loading",minutesCanClaim:"Next Claim is available in ${minutes} minutes"},"zh-hk":{redeem:"兑奖",claim:"返佣",expireOn:"Expire on ",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"明细",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions",rakebackTitle:"可用的返利",loading:"加載中",minutesCanClaim:"下次可領取時間為${minutes}分鐘後"},de:{redeem:"Redeem",claim:"Anspruch",expireOn:"Expire on ",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"Details",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions",rakebackTitle:"Verfügbarer Rakeback",loading:"Laden",minutesCanClaim:"Nächster Anspruch ist in ${minutes} Minuten verfügbar"},it:{redeem:"Redeem",claim:"Richiesta",expireOn:"Expire on ",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"Details",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions",rakebackTitle:"Rakeback Disponibile",loading:"Caricamento",minutesCanClaim:"La prossima richiesta sarà disponibile tra ${minutes} minuti"},fr:{redeem:"Redeem",claim:"Réclamer",expireOn:"Expire on ",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"Details",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions",rakebackTitle:"Rakeback Disponible",loading:"Chargement",minutesCanClaim:"La prochaine réclamation sera disponible dans ${minutes} minutes"},es:{redeem:"Redeem",claim:"Reclamar",rakebackTitle:"Rakeback Disponible",loading:"Cargando",minutesCanClaim:"La próxima reclamación estará disponible en ${minutes} minutos"},tr:{redeem:"Redeem",claim:"Talep",expireOn:"Expire on ",pointsToBeExpired:"${expirationPoints} points to expire in ${expireDay} days",pointsToBeExpiredDay:"${expirationPoints} points to expire in ${expireDay} day",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"Details",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions",rakebackTitle:"Mevcut Rakeback",loading:"Yükleniyor",minutesCanClaim:"Sonraki talep ${minutes} dakika içinde kullanılabilir"},ru:{redeem:"Redeem",claim:"Требовать",rakebackTitle:"Доступный Рейкбек",loading:"Загрузка",minutesCanClaim:"Следующее требование будет доступно через ${minutes} минут"},ro:{redeem:"Redeem",claim:"Revendicare",rakebackTitle:"Rakeback Disponibil",loading:"Se încarcă",minutesCanClaim:"Următoarea revendicare va fi disponibilă în ${minutes} minute"},hr:{redeem:"Otkupiti",claim:"Zahtjev",expireOn:"Istječe",pointsToBeExpired:"${expirationPoints} bodova ističe za ${expireDay} dana",pointsToBeExpiredHours:"${expirationPoints} points to expire in ${expireDay} hours",pointsToBeExpiredHour:"${expirationPoints} points to expire in ${expireDay} hour",pointsToBeExpiredMinutes:"${expirationPoints} points to expire in ${expireDay} minutes",pointsToBeExpiredMinute:"${expirationPoints} points to expire in ${expireDay} minute",tipsForNextLevel:"Trebate ${pointsToReach} da dosegnete razinu ${levelName}",spendablePoints:"Bodovi za potrošit:",details:"Detalji",xp:"XP",rakebackTitle:"Dostupan Rakeback",loading:"Učitavanje",minutesCanClaim:"Sljedeći zahtjev bit će dostupan za ${minutes} minuta"},hu:{redeem:"Redeem",claim:"Igény",rakebackTitle:"Elérhető Rakeback",loading:"Betöltés",minutesCanClaim:"A következő igény ${minutes} perc múlva lesz elérhető"},pl:{redeem:"Redeem",claim:"Roszczenie",rakebackTitle:"Dostępny Rakeback",loading:"Ładowanie",minutesCanClaim:"Następne roszczenie będzie dostępne za ${minutes} minut"},pt:{redeem:"Redeem",claim:"Reivindicar",rakebackTitle:"Rakeback Disponível",loading:"Carregando",minutesCanClaim:"Próxima reivindicação disponível em ${minutes} minutos"},sl:{redeem:"Redeem",claim:"Zahtevek",rakebackTitle:"Razpoložljiv Rakeback",loading:"Nalaganje",minutesCanClaim:"Naslednji zahtevek bo na voljo čez ${minutes} minut"},sr:{redeem:"Redeem",claim:"Zahtev",rakebackTitle:"Dostupan Rakeback",loading:"Učitavanje",minutesCanClaim:"Sledeći zahtev biće dostupan za ${minutes} minuta"}},c=(e,n)=>{const t=n;return d[void 0!==t&&l.includes(t)?t:s][e]},u=(e,n)=>{const t=n.lang;let i=d[void 0!==t&&l.includes(t)?t:s][e];return n?(Object.keys(n).forEach((e=>{i=i.replace(new RegExp("\\${"+e+"}","gm"),n[e])})),i):d[void 0!==t&&l.includes(t)?t:s][e]};function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function h(e,n){if(n.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+n.length+" present")}function f(e){h(1,arguments);var n=Object.prototype.toString.call(e);return e instanceof Date||"object"===p(e)&&"[object Date]"===n?new Date(e.getTime()):"number"==typeof e||"[object Number]"===n?new Date(e):("string"!=typeof e&&"[object String]"!==n||"undefined"==typeof console||(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn((new Error).stack)),new Date(NaN))}function v(e){if(null===e||!0===e||!1===e)return NaN;var n=Number(e);return isNaN(n)?n:n<0?Math.ceil(n):Math.floor(n)}function m(e){h(1,arguments);var n=f(e),t=n.getUTCDay(),i=(t<1?7:0)+t-1;return n.setUTCDate(n.getUTCDate()-i),n.setUTCHours(0,0,0,0),n}function g(e){h(1,arguments);var n=f(e),t=n.getUTCFullYear(),i=new Date(0);i.setUTCFullYear(t+1,0,4),i.setUTCHours(0,0,0,0);var a=m(i),r=new Date(0);r.setUTCFullYear(t,0,4),r.setUTCHours(0,0,0,0);var o=m(r);return n.getTime()>=a.getTime()?t+1:n.getTime()>=o.getTime()?t:t-1}var x={};function b(){return x}function y(e,n){var t,i,a,r,o,s,l,d;h(1,arguments);var c=b(),u=v(null!==(t=null!==(i=null!==(a=null!==(r=null==n?void 0:n.weekStartsOn)&&void 0!==r?r:null==n||null===(o=n.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.weekStartsOn)&&void 0!==a?a:c.weekStartsOn)&&void 0!==i?i:null===(l=c.locale)||void 0===l||null===(d=l.options)||void 0===d?void 0:d.weekStartsOn)&&void 0!==t?t:0);if(!(u>=0&&u<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var p=f(e),m=p.getUTCDay(),g=(m<u?7:0)+m-u;return p.setUTCDate(p.getUTCDate()-g),p.setUTCHours(0,0,0,0),p}function w(e,n){var t,i,a,r,o,s,l,d;h(1,arguments);var c=f(e),u=c.getUTCFullYear(),p=b(),m=v(null!==(t=null!==(i=null!==(a=null!==(r=null==n?void 0:n.firstWeekContainsDate)&&void 0!==r?r:null==n||null===(o=n.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.firstWeekContainsDate)&&void 0!==a?a:p.firstWeekContainsDate)&&void 0!==i?i:null===(l=p.locale)||void 0===l||null===(d=l.options)||void 0===d?void 0:d.firstWeekContainsDate)&&void 0!==t?t:1);if(!(m>=1&&m<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var g=new Date(0);g.setUTCFullYear(u+1,0,m),g.setUTCHours(0,0,0,0);var x=y(g,n),w=new Date(0);w.setUTCFullYear(u,0,m),w.setUTCHours(0,0,0,0);var k=y(w,n);return c.getTime()>=x.getTime()?u+1:c.getTime()>=k.getTime()?u:u-1}function k(e,n){for(var t=e<0?"-":"",i=Math.abs(e).toString();i.length<n;)i="0"+i;return t+i}const C=function(e,n){var t=e.getUTCFullYear(),i=t>0?t:1-t;return k("yy"===n?i%100:i,n.length)},P=function(e,n){var t=e.getUTCMonth();return"M"===n?String(t+1):k(t+1,2)},E=function(e,n){return k(e.getUTCDate(),n.length)},R=function(e,n){return k(e.getUTCHours()%12||12,n.length)},D=function(e,n){return k(e.getUTCHours(),n.length)},$=function(e,n){return k(e.getUTCMinutes(),n.length)},I=function(e,n){return k(e.getUTCSeconds(),n.length)},L=function(e,n){var t=n.length,i=e.getUTCMilliseconds();return k(Math.floor(i*Math.pow(10,t-3)),n.length)};var T={G:function(e,n,t){var i=e.getUTCFullYear()>0?1:0;switch(n){case"G":case"GG":case"GGG":return t.era(i,{width:"abbreviated"});case"GGGGG":return t.era(i,{width:"narrow"});default:return t.era(i,{width:"wide"})}},y:function(e,n,t){if("yo"===n){var i=e.getUTCFullYear();return t.ordinalNumber(i>0?i:1-i,{unit:"year"})}return C(e,n)},Y:function(e,n,t,i){var a=w(e,i),r=a>0?a:1-a;return"YY"===n?k(r%100,2):"Yo"===n?t.ordinalNumber(r,{unit:"year"}):k(r,n.length)},R:function(e,n){return k(g(e),n.length)},u:function(e,n){return k(e.getUTCFullYear(),n.length)},Q:function(e,n,t){var i=Math.ceil((e.getUTCMonth()+1)/3);switch(n){case"Q":return String(i);case"QQ":return k(i,2);case"Qo":return t.ordinalNumber(i,{unit:"quarter"});case"QQQ":return t.quarter(i,{width:"abbreviated",context:"formatting"});case"QQQQQ":return t.quarter(i,{width:"narrow",context:"formatting"});default:return t.quarter(i,{width:"wide",context:"formatting"})}},q:function(e,n,t){var i=Math.ceil((e.getUTCMonth()+1)/3);switch(n){case"q":return String(i);case"qq":return k(i,2);case"qo":return t.ordinalNumber(i,{unit:"quarter"});case"qqq":return t.quarter(i,{width:"abbreviated",context:"standalone"});case"qqqqq":return t.quarter(i,{width:"narrow",context:"standalone"});default:return t.quarter(i,{width:"wide",context:"standalone"})}},M:function(e,n,t){var i=e.getUTCMonth();switch(n){case"M":case"MM":return P(e,n);case"Mo":return t.ordinalNumber(i+1,{unit:"month"});case"MMM":return t.month(i,{width:"abbreviated",context:"formatting"});case"MMMMM":return t.month(i,{width:"narrow",context:"formatting"});default:return t.month(i,{width:"wide",context:"formatting"})}},L:function(e,n,t){var i=e.getUTCMonth();switch(n){case"L":return String(i+1);case"LL":return k(i+1,2);case"Lo":return t.ordinalNumber(i+1,{unit:"month"});case"LLL":return t.month(i,{width:"abbreviated",context:"standalone"});case"LLLLL":return t.month(i,{width:"narrow",context:"standalone"});default:return t.month(i,{width:"wide",context:"standalone"})}},w:function(e,n,t,i){var a=function(e,n){h(1,arguments);var t=f(e),i=y(t,n).getTime()-function(e,n){var t,i,a,r,o,s,l,d;h(1,arguments);var c=b(),u=v(null!==(t=null!==(i=null!==(a=null!==(r=null==n?void 0:n.firstWeekContainsDate)&&void 0!==r?r:null==n||null===(o=n.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.firstWeekContainsDate)&&void 0!==a?a:c.firstWeekContainsDate)&&void 0!==i?i:null===(l=c.locale)||void 0===l||null===(d=l.options)||void 0===d?void 0:d.firstWeekContainsDate)&&void 0!==t?t:1),p=w(e,n),f=new Date(0);return f.setUTCFullYear(p,0,u),f.setUTCHours(0,0,0,0),y(f,n)}(t,n).getTime();return Math.round(i/6048e5)+1}(e,i);return"wo"===n?t.ordinalNumber(a,{unit:"week"}):k(a,n.length)},I:function(e,n,t){var i=function(e){h(1,arguments);var n=f(e),t=m(n).getTime()-function(e){h(1,arguments);var n=g(e),t=new Date(0);return t.setUTCFullYear(n,0,4),t.setUTCHours(0,0,0,0),m(t)}(n).getTime();return Math.round(t/6048e5)+1}(e);return"Io"===n?t.ordinalNumber(i,{unit:"week"}):k(i,n.length)},d:function(e,n,t){return"do"===n?t.ordinalNumber(e.getUTCDate(),{unit:"date"}):E(e,n)},D:function(e,n,t){var i=function(e){h(1,arguments);var n=f(e),t=n.getTime();n.setUTCMonth(0,1),n.setUTCHours(0,0,0,0);var i=n.getTime();return Math.floor((t-i)/864e5)+1}(e);return"Do"===n?t.ordinalNumber(i,{unit:"dayOfYear"}):k(i,n.length)},E:function(e,n,t){var i=e.getUTCDay();switch(n){case"E":case"EE":case"EEE":return t.day(i,{width:"abbreviated",context:"formatting"});case"EEEEE":return t.day(i,{width:"narrow",context:"formatting"});case"EEEEEE":return t.day(i,{width:"short",context:"formatting"});default:return t.day(i,{width:"wide",context:"formatting"})}},e:function(e,n,t,i){var a=e.getUTCDay(),r=(a-i.weekStartsOn+8)%7||7;switch(n){case"e":return String(r);case"ee":return k(r,2);case"eo":return t.ordinalNumber(r,{unit:"day"});case"eee":return t.day(a,{width:"abbreviated",context:"formatting"});case"eeeee":return t.day(a,{width:"narrow",context:"formatting"});case"eeeeee":return t.day(a,{width:"short",context:"formatting"});default:return t.day(a,{width:"wide",context:"formatting"})}},c:function(e,n,t,i){var a=e.getUTCDay(),r=(a-i.weekStartsOn+8)%7||7;switch(n){case"c":return String(r);case"cc":return k(r,n.length);case"co":return t.ordinalNumber(r,{unit:"day"});case"ccc":return t.day(a,{width:"abbreviated",context:"standalone"});case"ccccc":return t.day(a,{width:"narrow",context:"standalone"});case"cccccc":return t.day(a,{width:"short",context:"standalone"});default:return t.day(a,{width:"wide",context:"standalone"})}},i:function(e,n,t){var i=e.getUTCDay(),a=0===i?7:i;switch(n){case"i":return String(a);case"ii":return k(a,n.length);case"io":return t.ordinalNumber(a,{unit:"day"});case"iii":return t.day(i,{width:"abbreviated",context:"formatting"});case"iiiii":return t.day(i,{width:"narrow",context:"formatting"});case"iiiiii":return t.day(i,{width:"short",context:"formatting"});default:return t.day(i,{width:"wide",context:"formatting"})}},a:function(e,n,t){var i=e.getUTCHours()/12>=1?"pm":"am";switch(n){case"a":case"aa":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"aaa":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return t.dayPeriod(i,{width:"narrow",context:"formatting"});default:return t.dayPeriod(i,{width:"wide",context:"formatting"})}},b:function(e,n,t){var i,a=e.getUTCHours();switch(i=12===a?"noon":0===a?"midnight":a/12>=1?"pm":"am",n){case"b":case"bb":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"bbb":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return t.dayPeriod(i,{width:"narrow",context:"formatting"});default:return t.dayPeriod(i,{width:"wide",context:"formatting"})}},B:function(e,n,t){var i,a=e.getUTCHours();switch(i=a>=17?"evening":a>=12?"afternoon":a>=4?"morning":"night",n){case"B":case"BB":case"BBB":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"BBBBB":return t.dayPeriod(i,{width:"narrow",context:"formatting"});default:return t.dayPeriod(i,{width:"wide",context:"formatting"})}},h:function(e,n,t){if("ho"===n){var i=e.getUTCHours()%12;return 0===i&&(i=12),t.ordinalNumber(i,{unit:"hour"})}return R(e,n)},H:function(e,n,t){return"Ho"===n?t.ordinalNumber(e.getUTCHours(),{unit:"hour"}):D(e,n)},K:function(e,n,t){var i=e.getUTCHours()%12;return"Ko"===n?t.ordinalNumber(i,{unit:"hour"}):k(i,n.length)},k:function(e,n,t){var i=e.getUTCHours();return 0===i&&(i=24),"ko"===n?t.ordinalNumber(i,{unit:"hour"}):k(i,n.length)},m:function(e,n,t){return"mo"===n?t.ordinalNumber(e.getUTCMinutes(),{unit:"minute"}):$(e,n)},s:function(e,n,t){return"so"===n?t.ordinalNumber(e.getUTCSeconds(),{unit:"second"}):I(e,n)},S:function(e,n){return L(e,n)},X:function(e,n,t,i){var a=(i._originalDate||e).getTimezoneOffset();if(0===a)return"Z";switch(n){case"X":return M(a);case"XXXX":case"XX":return S(a);default:return S(a,":")}},x:function(e,n,t,i){var a=(i._originalDate||e).getTimezoneOffset();switch(n){case"x":return M(a);case"xxxx":case"xx":return S(a);default:return S(a,":")}},O:function(e,n,t,i){var a=(i._originalDate||e).getTimezoneOffset();switch(n){case"O":case"OO":case"OOO":return"GMT"+B(a,":");default:return"GMT"+S(a,":")}},z:function(e,n,t,i){var a=(i._originalDate||e).getTimezoneOffset();switch(n){case"z":case"zz":case"zzz":return"GMT"+B(a,":");default:return"GMT"+S(a,":")}},t:function(e,n,t,i){return k(Math.floor((i._originalDate||e).getTime()/1e3),n.length)},T:function(e,n,t,i){return k((i._originalDate||e).getTime(),n.length)}};function B(e,n){var t=e>0?"-":"+",i=Math.abs(e),a=Math.floor(i/60),r=i%60;if(0===r)return t+String(a);var o=n||"";return t+String(a)+o+k(r,2)}function M(e,n){return e%60==0?(e>0?"-":"+")+k(Math.abs(e)/60,2):S(e,n)}function S(e,n){var t=n||"",i=e>0?"-":"+",a=Math.abs(e);return i+k(Math.floor(a/60),2)+t+k(a%60,2)}const _=T;var O=function(e,n){switch(e){case"P":return n.date({width:"short"});case"PP":return n.date({width:"medium"});case"PPP":return n.date({width:"long"});default:return n.date({width:"full"})}},z=function(e,n){switch(e){case"p":return n.time({width:"short"});case"pp":return n.time({width:"medium"});case"ppp":return n.time({width:"long"});default:return n.time({width:"full"})}},N={p:z,P:function(e,n){var t,i=e.match(/(P+)(p+)?/)||[],a=i[1],r=i[2];if(!r)return O(e,n);switch(a){case"P":t=n.dateTime({width:"short"});break;case"PP":t=n.dateTime({width:"medium"});break;case"PPP":t=n.dateTime({width:"long"});break;default:t=n.dateTime({width:"full"})}return t.replace("{{date}}",O(a,n)).replace("{{time}}",z(r,n))}};const A=N;function j(e){var n=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return n.setUTCFullYear(e.getFullYear()),e.getTime()-n.getTime()}var F=["D","DD"],W=["YY","YYYY"];function H(e,n,t){if("YYYY"===e)throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(n,"`) for formatting years to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("YY"===e)throw new RangeError("Use `yy` instead of `YY` (in `".concat(n,"`) for formatting years to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("D"===e)throw new RangeError("Use `d` instead of `D` (in `".concat(n,"`) for formatting days of the month to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("DD"===e)throw new RangeError("Use `dd` instead of `DD` (in `".concat(n,"`) for formatting days of the month to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}var G={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function U(e){return function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=n.width?String(n.width):e.defaultWidth;return e.formats[t]||e.formats[e.defaultWidth]}}var X,Y={date:U({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:U({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:U({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},q={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function Q(e){return function(n,t){var i;if("formatting"===(null!=t&&t.context?String(t.context):"standalone")&&e.formattingValues){var a=e.defaultFormattingWidth||e.defaultWidth,r=null!=t&&t.width?String(t.width):a;i=e.formattingValues[r]||e.formattingValues[a]}else{var o=e.defaultWidth,s=null!=t&&t.width?String(t.width):e.defaultWidth;i=e.values[s]||e.values[o]}return i[e.argumentCallback?e.argumentCallback(n):n]}}function J(e){return function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=t.width,a=n.match(i&&e.matchPatterns[i]||e.matchPatterns[e.defaultMatchWidth]);if(!a)return null;var r,o=a[0],s=i&&e.parsePatterns[i]||e.parsePatterns[e.defaultParseWidth],l=Array.isArray(s)?function(e){for(var n=0;n<e.length;n++)if(e[n].test(o))return n}(s):function(e){for(var n in e)if(e.hasOwnProperty(n)&&e[n].test(o))return n}(s);return r=e.valueCallback?e.valueCallback(l):l,{value:r=t.valueCallback?t.valueCallback(r):r,rest:n.slice(o.length)}}}const V={code:"en-US",formatDistance:function(e,n,t){var i,a=G[e];return i="string"==typeof a?a:1===n?a.one:a.other.replace("{{count}}",n.toString()),null!=t&&t.addSuffix?t.comparison&&t.comparison>0?"in "+i:i+" ago":i},formatLong:Y,formatRelative:function(e){return q[e]},localize:{ordinalNumber:function(e){var n=Number(e),t=n%100;if(t>20||t<10)switch(t%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},era:Q({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:Q({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:function(e){return e-1}}),month:Q({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:Q({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:Q({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:(X={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:function(e){return parseInt(e,10)}},function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=e.match(X.matchPattern);if(!t)return null;var i=t[0],a=e.match(X.parsePattern);if(!a)return null;var r=X.valueCallback?X.valueCallback(a[0]):a[0];return{value:r=n.valueCallback?n.valueCallback(r):r,rest:e.slice(i.length)}}),era:J({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:J({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:function(e){return e+1}}),month:J({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:J({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:J({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}};var Z=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,K=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,ee=/^'([^]*?)'?$/,ne=/''/g,te=/[a-zA-Z]/;function ie(e,n,t){var i,a,r,o,s,l,d,c,u,m,g,x,y,w,k,C,P,E;h(2,arguments);var R=String(n),D=b(),$=null!==(i=null!==(a=null==t?void 0:t.locale)&&void 0!==a?a:D.locale)&&void 0!==i?i:V,I=v(null!==(r=null!==(o=null!==(s=null!==(l=null==t?void 0:t.firstWeekContainsDate)&&void 0!==l?l:null==t||null===(d=t.locale)||void 0===d||null===(c=d.options)||void 0===c?void 0:c.firstWeekContainsDate)&&void 0!==s?s:D.firstWeekContainsDate)&&void 0!==o?o:null===(u=D.locale)||void 0===u||null===(m=u.options)||void 0===m?void 0:m.firstWeekContainsDate)&&void 0!==r?r:1);if(!(I>=1&&I<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var L=v(null!==(g=null!==(x=null!==(y=null!==(w=null==t?void 0:t.weekStartsOn)&&void 0!==w?w:null==t||null===(k=t.locale)||void 0===k||null===(C=k.options)||void 0===C?void 0:C.weekStartsOn)&&void 0!==y?y:D.weekStartsOn)&&void 0!==x?x:null===(P=D.locale)||void 0===P||null===(E=P.options)||void 0===E?void 0:E.weekStartsOn)&&void 0!==g?g:0);if(!(L>=0&&L<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!$.localize)throw new RangeError("locale must contain localize property");if(!$.formatLong)throw new RangeError("locale must contain formatLong property");var T=f(e);if(!function(e){if(h(1,arguments),!function(e){return h(1,arguments),e instanceof Date||"object"===p(e)&&"[object Date]"===Object.prototype.toString.call(e)}(e)&&"number"!=typeof e)return!1;var n=f(e);return!isNaN(Number(n))}(T))throw new RangeError("Invalid time value");var B=function(e,n){return h(2,arguments),function(e,n){h(2,arguments);var t=f(e).getTime(),i=v(n);return new Date(t+i)}(e,-v(n))}(T,j(T)),M={firstWeekContainsDate:I,weekStartsOn:L,locale:$,_originalDate:T};return R.match(K).map((function(e){var n=e[0];return"p"===n||"P"===n?(0,A[n])(e,$.formatLong):e})).join("").match(Z).map((function(i){if("''"===i)return"'";var a,r,o=i[0];if("'"===o)return(r=(a=i).match(ee))?r[1].replace(ne,"'"):a;var s=_[o];if(s)return null!=t&&t.useAdditionalWeekYearTokens||-1===W.indexOf(i)||H(i,n,String(e)),null!=t&&t.useAdditionalDayOfYearTokens||!(-1!==F.indexOf(i))||H(i,n,String(e)),s(B,i,$.localize,M);if(o.match(te))throw new RangeError("Format string contains an unescaped latin alphabet character `"+o+"`");return i})).join("")}const ae=()=>n("span",{class:"LevelProgress",id:"LevelProgress",innerHTML:'<svg width="100%" height="28" style="opacity: 0" fill="none" xmlns="http://www.w3.org/2000/svg">\n <rect y="12" x="2" width="100%" id="total_level" height="5" rx="2.5" fill="white" fill-opacity="0.5"/>\n <rect y="12" x="2" id="current_level" width="64" height="5" rx="2.5" fill="white"/>\n <g filter="url(#filter_current_level)">\n <circle id="circle_current_level" cx="74.5" cy="14.5" r="6.5" fill="white"/>\n </g>\n <g filter="url(#filter_heart_ball)">\n <g filter="url(#filter_ball)">\n <circle cx="169" cy="14" r="10" id="lock" fill="url(#paint0_linear_ball)"/>\n </g>\n <g filter="url(#filter_heart)">\n <svg x="0" y="4" id="lock_box">\n <path d="M10.217 6.42442c-0.713,-0.574,-1.304,-1.083,-1.928,-1.622c-0.348,-0.299,-0.707,-0.611,-1.101,-0.943l-0.013,-0.01c0,0,-0.023,-0.017,-0.04,-0.027l-0.167,-0.095l-0.15,0.12c0,0,-0.015,0.012,-0.024,0.02c-0.391,0.33,-0.749,0.64,-1.094,0.939c-0.622,0.539,-1.211,1.048,-1.924,1.624c-1.816,1.463,-3.598,3.263,-3.033,5.506c0.404,1.601,2.104,2.905,3.789,2.905c0.211,0,0.423,-0.02,0.626,-0.061c0.286,-0.058,0.572,-0.145,0.864,-0.265c-0.079,0.962,-0.413,1.864,-0.881,2.369l-0.423,0.459h0.633c0.633,0,1.018,-0.007,1.356,-0.013c0.248,-0.004,0.462,-0.008,0.72,-0.008c0.335,0,0.709,0.006,1.215,0.021l0.686,0.02l-0.474,-0.483c-0.504,-0.514,-0.847,-1.403,-0.923,-2.385c0.311,0.132,0.616,0.227,0.916,0.287c0.204,0.039,0.411,0.059,0.623,0.059c1.687,0,3.386,-1.304,3.789,-2.909c0.56,-2.243,-1.224,-4.041,-3.042,-5.504v-0.004z" fill="#933CBF"/>\n <path d="M9.727,6.98459c-1.004,-0.83,-1.741,-1.515,-2.723,-2.365c-0.002,0,-0.004,-0.004,-0.007,-0.006c-0.002,0,-0.004,0.004,-0.006,0.006c-0.98,0.85,-1.715,1.537,-2.721,2.367c-1.455,1.202,-3.126,2.821,-2.638,4.81c0.37,1.511,2.091,2.751,3.665,2.43c0.389,-0.08,0.75,-0.224,1.094,-0.402c0,0.116,-0.004,0.233,-0.012,0.353c-0.064,0.991,-0.398,1.892,-0.86,2.401c1.481,0,1.481,-0.043,2.961,0c-0.481,-0.503,-0.834,-1.382,-0.9,-2.401c-0.008,-0.127,-0.012,-0.253,-0.012,-0.378c0.357,0.19,0.733,0.342,1.14,0.425c1.574,0.319,3.292,-0.922,3.661,-2.433c0.486,-1.992,-1.189,-3.609,-2.644,\n -4.809l0.002,0.002z" fill="url(#paint1_linear_lock)"/>\n <path d="M9.255,7.551c-0.844,-0.716,-1.462,-1.309,-2.286,-2.045c-0.002,0,-0.004,-0.004,-0.006,-0.006c0,0,-0.004,0.004,-0.006,0.006c-0.824,0.736,-1.44,1.329,-2.284,2.047c-0.919,0.782,-1.94,1.769,-2.214,2.943c-0.115,0.021,-0.914,0.044,-0.914,0.044l0.887,0.083c-0.039,0.206,-0.055,0.418,-0.041,0.638c0.087,-1.371,1.25,-2.507,2.282,-3.384c0.844,-0.718,1.462,-1.313,2.284,-2.047c0.002,-0.002,0.004,-0.004,0.006,-0.006c0.002,0,0.004,0.004,0.006,0.004c0.824,0.734,1.442,1.329,2.286,2.045c1.034,0.879,2.198,2.013,2.286,3.386c0.093,-1.517,-1.173,-2.761,-2.286,-3.708z" fill="#9040C9"/>\n </svg>\n </g>\n </g>\n <g filter="url(#filter_lock)">\n <svg x="100%" y="9" id="heart_box">\n <path d="M7,6c-0.19,-0.002,-0.377,0.052,-0.534,0.154c-0.158,0.103,-0.278,0.25,-0.346,0.42c-0.069,0.171,-0.081,0.357,-0.035,0.535c0.046,0.177,0.147,0.337,0.29,0.457v0.834c0,0.159,0.066,0.312,0.183,0.424c0.117,0.113,0.276,0.176,0.442,0.176c0.166,0,0.325,-0.063,0.442,-0.176c0.117,-0.112,0.183,-0.265,0.183,-0.424v-0.834c0.143,-0.12,0.244,-0.28,0.29,-0.457c0.046,-0.178,0.034,-0.364,-0.035,-0.535c-0.068,-0.17,-0.188,-0.317,-0.346,-0.42c-0.157,-0.102,-0.344,-0.156,-0.534,-0.154zm3.125,-2.4v-1.2c0,-0.796,-0.329,-1.559,-0.915,-2.121c-0.586,-0.563,-1.381,-0.879,-2.21,-0.879c-0.829,0,-1.624,0.316,-2.21,0.879c-0.586,0.562,-0.915,1.325,-0.915,2.121v1.2c-0.497,0,-0.974,0.19,-1.326,0.527c-0.351,0.338,-0.549,0.796,-0.549,1.273v4.2c0,0.477,0.198,0.935,0.549,1.273c0.352,0.337,0.829,0.527,1.326,0.527h6.25c0.497,0,0.974,-0.19,1.326,-0.527c0.351,-0.338,0.549,-0.796,0.549,-1.273v-4.2c0,-0.477,-0.198,-0.935,-0.549,-1.273c-0.352,-0.337,-0.829,-0.527,-1.326,-0.527zm-5,-1.2c0,-0.477,0.198,-0.935,0.549,-1.273c0.352,-0.337,0.829,-0.527,1.326,-0.527c0.497,0,0.974,0.19,1.326,0.527c0.351,0.338,0.549,0.796,0.549,1.273v1.2h-3.75v-1.2zm5.625,7.2c0,0.159,-0.066,0.312,-0.183,0.424c-0.117,0.113,-0.276,0.176,-0.442,0.176h-6.25c-0.166,0,-0.325,-0.063,-0.442,-0.176c-0.117,-0.112,-0.183,-0.265,-0.183,-0.424v-4.2c0,-0.159,0.066,-0.312,0.183,-0.424c0.117,-0.113,0.276,-0.176,0.442,-0.176h6.25c0.166,0,0.325,0.063,0.442,0.176c0.117,0.112,0.183,0.265,0.183,0.424v4.2z" fill="white"/>\n </svg>\n </g>\n <defs>\n <filter id="filter_current_level" x="64" y="4" width="21" height="21" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>\n <feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_305_23"/>\n </filter>\n <filter id="filter_heart_ball" x="155" y="0" width="28" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset/>\n <feGaussianBlur stdDeviation="2"/>\n <feComposite in2="hardAlpha" operator="out"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_305_23"/>\n <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_305_23" result="shape"/>\n </filter>\n <filter id="filter_ball" x="159" y="4" width="20" height="21" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset dy="1"/>\n <feGaussianBlur stdDeviation="1"/>\n <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0"/>\n <feBlend mode="normal" in2="shape" result="effect1_innerShadow_305_23"/>\n </filter>\n <filter id="filter_heart" x="161.636" y="5.72727" width="14.7271" height="15.6364" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset/>\n <feGaussianBlur stdDeviation="0.5"/>\n <feComposite in2="hardAlpha" operator="out"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_305_23"/>\n <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_305_23" result="shape"/>\n </filter>\n <filter id="filter_lock" x="50" y="7" width="12" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset/>\n <feGaussianBlur stdDeviation="0.5"/>\n <feComposite in2="hardAlpha" operator="out"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_305_23"/>\n <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_305_23" result="shape"/>\n </filter>\n <linearGradient id="paint0_linear_ball" x1="163" y1="6" x2="174.2" y2="22.6" gradientUnits="userSpaceOnUse">\n <stop stop-color="#946AD7"/>\n <stop offset="1" stop-color="#EFABEB"/>\n </linearGradient>\n <linearGradient id="paint1_linear_lock" x1="100%" y1="18.4056" x2="169.002" y2="10.2845" gradientUnits="userSpaceOnUse">\n <stop stop-color="#814FD6"/>\n <stop offset="1" stop-color="#D679D8"/>\n </linearGradient>\n </defs>\n</svg>\n'}),re=({loyaltyPoints:e,spendablePoints:t,pointExpireString:i,language:a})=>n("div",{class:"PointsInfo"},e&&e>=0&&n("div",{class:"Points"},e," ",n("sub",{class:"XP"},c("xp",a))),t&&n("div",{class:"Points"},t," ",n("sub",{class:"XP"},c("sp",a))),i&&n("div",{class:"ExpirationPoints"},i," ")),oe=({language:e,onRedeemClick:t})=>n("div",{class:"CardCell Redeem"},n("div",{class:"RedeemButton",onClick:()=>{t()}},n("span",null,c("redeem",e)))),se=e=>n("div",{class:"CardCell PlayerName Txt"},e.playerName),le=e=>n("div",{class:"CardCell ElevateLevel"},n("span",{class:"LevelName",title:e.level},e.level),e.expireTime&&n("div",{class:"CardCell ExpirationDate Txt"},c("expireOn",e.language),n("span",{class:"ExpireTime"},ie(new Date(e.expireTime),e.dateFormat||"yyyy-MM-dd")),!e.hideInfo&&n("span",{class:"fa Info",style:{background:`url(${i("../static/info.svg")})`}},n("span",{class:"InfoTips",innerHTML:'<svg width="126" height="92" viewBox="0 0 126 92" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_d_242_4231)">\n<rect x="24" y="20" width="78" height="36" rx="4" fill="white"/>\n<path d="M24 24C24 21.7909 25.7909 20 28 20H64V56H28C25.7909 56 24 54.2091 24 52V24Z" fill="#464646"/>\n<path d="M51 56H37L43.2474 63.1399C43.6458 63.5952 44.3542 63.5952 44.7526 63.1399L51 56Z" fill="#464646"/>\n<circle cx="44" cy="38" r="7" fill="white"/>\n<path d="M43.9405 34C44.5456 34 45.0362 34.4906 45.0362 35.0957C45.0362 35.7009 44.5456 36.1915 43.9405 36.1915C43.3353 36.1915 42.8447 35.7009 42.8447 35.0957C42.8447 34.4906 43.3353 34 43.9405 34Z" fill="#464646"/>\n<path d="M45.8801 41.3737C45.8801 41.7617 45.5626 42.0791 45.1746 42.0791H44.3233H43.551H42.7055C42.3175 42.0791 42 41.7617 42 41.3737V41.3575C42 40.9695 42.3175 40.6521 42.7055 40.6521H42.8455V37.8714H42.3528C42.1588 37.8714 42 37.7127 42 37.5187V37.4936C42 37.2996 42.1588 37.1409 42.3528 37.1409H43.551H44.031H44.3233C44.7113 37.1409 45.0287 37.4583 45.0287 37.8463V40.6521H45.1746C45.5626 40.6521 45.8801 40.9696 45.8801 41.3576V41.3737Z" fill="#464646"/>\n</g>\n<defs>\n<filter id="filter0_d_242_4231" x="0" y="0" width="126" height="91.4814" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feOffset dy="4"/>\n<feGaussianBlur stdDeviation="12"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_242_4231"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_242_4231" result="shape"/>\n</filter>\n</defs>\n</svg>\n'})))),de=e=>n("div",{class:"CardCell ElevateLevel Expire"},n("div",{class:"CardCell ExpirationDate Txt"},c("expireOn",e.language),n("span",{class:"ExpireTime"},ie(new Date(e.expireTime),e.dateFormat||"yyyy-MM-dd")))),ce=e=>{const t=e.loyaltyIconUrl?n("img",{class:"Badge",src:e.loyaltyIconUrl}):e.hideIfNull?"":n("div",{class:"Badge"}),a=e.playerAvatarUrl||i("../static/user.svg");return n("div",{class:"PlayerAvatar",style:{position:e.onlyBadge?"":"relative"}},!e.onlyBadge&&n("img",{class:"Avatar",src:a}),t)},ue=class{constructor(n){e(this,n),this.endpoint=void 0,this.theme="Dark",this.session=void 0,this.playerAvatarUrl=void 0,this.language="en",this.playerName=void 0,this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.pointExpireString=void 0,this.playerLevelFlag=0,this.playerElevateLevel=void 0,this.elevateWalletTotal=void 0}onSessionOrEndpointChange(){this.paramProxy=Object.assign(Object.assign({},this.paramProxy),{session:this.session,endpoint:this.endpoint,language:this.language})}playerElevateLeveLoadedHandler(e){e.detail&&(e.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=e.detail.elevateLevelWalletTotal),e.detail.elevateLevel&&(this.playerElevateLevel=e.detail.elevateLevel),e.detail.pointExpireString&&(this.pointExpireString=e.detail.xpExpireString),e.detail.calculatedLevelFlag&&(this.playerLevelFlag=e.detail.calculatedLevelFlag))}onRedeemClick(){window.postMessage({type:"BEERedeemClicked"},window.location.href)}componentWillLoad(){this.paramProxy={endpoint:this.endpoint,session:this.session,language:this.language,calculateLevelFlag:!0}}render(){const e=i("../static/card-ground.svg"),t=i("../static/card-ground-over.svg");return n("div",{key:"278a328dd084ee73b2707b93a57bccae64a2c9c7",class:`ElevateCardWrapper ${this.theme}`},n("div",{key:"68c885baf533447a7c77fd887bbec11e53768277",class:"Card Outer",style:{backgroundImage:`url(${e}`}},n("general-styling-wrapper",{key:"4066253a70cdd5e712ca244a708e7c1600c83071",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:d,translationUrl:this.translationUrl}),n("player-elevate-card-data",{key:"64cda2a267c752056b3c7e3134cc324fa96bc261",params:this.paramProxy}),n("div",{key:"c63ae83b401a35f5a78acd83dc3d7296c25141d7",class:"OuterCover Inner",style:{backgroundImage:`url(${t}`}},this.playerElevateLevel&&n(a,{key:"ba16e5bb54259c17fd9e5aa0e3c03c2ec5d4263c"},n("div",{key:"fa1bf74f45e28318c95266cc42c54541bde92718",class:"Content Row"},n("div",{key:"7ede46f91bcc0d894b2b633627a4ca97d15fbe90",class:"PlayerImg"},n(ce,{key:"b6d0bac085e0178512b8a63ba8fccae7d4cc8399",playerAvatarUrl:this.playerAvatarUrl,loyaltyIconUrl:this.playerElevateLevel.presentation.asset}),n(re,{key:"88c445dbcd7dbe426a8de18beea02aecc03e26f3",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language})),this.pointExpireString&&n("div",{key:"4d985e486ecb74a6c916b28e619de83cb3d77ac1",class:"PointsInfo ExpirationPoints"},this.pointExpireString," "),n("div",{key:"34e051ee1ff79b825fca57db958e1e5684a0aca1",class:`LevelInfo Level${this.playerLevelFlag} ${this.playerElevateLevel.presentation.displayName}`},n(se,{key:"fa1b1f16e0b25c6adfba4c215e4ed377e05699b2",playerName:this.playerName}),n(le,{key:"6d18b1422db202363ebcd56cc56946e0e071937b",hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat}),n(ae,{key:"7dae355c4a5a9e28c70dced0ac061608f1753020"}),n(oe,{key:"7e5f830b612c962a828c58f20a88dc97d315c910",onRedeemClick:this.onRedeemClick,language:this.language})))))))}static get assetsDirs(){return["../static"]}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};function pe(e){h(1,arguments);var n=f(e);return n.setHours(0,0,0,0),n}function he(e,n){return h(2,arguments),f(e).getTime()-f(n).getTime()}ue.style="@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}";var fe={ceil:Math.ceil,round:Math.round,floor:Math.floor,trunc:function(e){return e<0?Math.ceil(e):Math.floor(e)}};function ve(e){return e?fe[e]:fe.trunc}const me=class{constructor(n){e(this,n),this.playerElevateLeveLoaded=r(this,"playerElevateLeveLoaded",7),this.params=void 0,this.playerElevateLevel=void 0,this.pointExpireString=void 0}handleWindowResizs(){this.initLevelProgressbar()}onParamsChanged(){this.loadElevateInfo()}redeemGiftButtonHandler(){this.loadElevateInfo()}onRedeemClick(){window.postMessage({type:"BEERedeemClicked"},window.location.href)}loadLevels(){let e=new URL(`${this.params.endpoint}/v1/elevate/levels?language=${this.params.language}`);return new Promise(((n,t)=>fetch(e.href,{method:"GET"}).then((e=>e.json())).then((e=>{this.levels=e.data,n(!0)})).catch((e=>{t(e)}))))}calcuatePointsToBeExpired(e,n){let t="";if(!e||!e.aboutToExpire||0==e.aboutToExpire.length||e.aboutToExpire[0].points<=0)return t;e.aboutToExpire.sort(((e,n)=>function(e,n){h(2,arguments);var t=f(e),i=f(n);return t.getTime()<i.getTime()}(new Date(e.expireTime),new Date(n.expireTime))?-1:1));const i=e.aboutToExpire[0],a=function(e,n){h(2,arguments);var t=pe(e),i=pe(n),a=t.getTime()-j(t),r=i.getTime()-j(i);return Math.round((a-r)/864e5)}(new Date(i.expireTime),new Date);let r=0,o=0,s=0===a?`${n}Day`:n;return a<=0&&(r=function(e,n,t){h(2,arguments);var i=he(e,n)/36e5;return ve(null==t?void 0:t.roundingMethod)(i)}(new Date(i.expireTime),new Date,{roundingMethod:"floor"}),s=r>1?`${n}Hours`:`${n}Hour`,r<=0&&(o=function(e,n,t){h(2,arguments);var i=he(e,n)/6e4;return ve(null==t?void 0:t.roundingMethod)(i)}(new Date(i.expireTime),new Date,{roundingMethod:"floor"}),s=o>1?`${n}Minutes`:`${n}Minute`)),t=u(s,{expirationPoints:i.points,expireDay:Math.max(a,r,o),lang:this.params.language}),t}loadPlayerLevelInfo(){let e=new URL(`${this.params.endpoint}/v1/elevate/playerInfo?language=${this.params.language}`);return new Promise(((n,t)=>fetch(e.href,{method:"GET",headers:{"X-Sessionid":this.params.session,"Content-Type":"application/json"}}).then((e=>e.json())).then((e=>{var i,a,r;if(!e.success)return console.error("Exception when fetch user elevateinfo, ",e.errorCode,e.errorMessage),void t(!0);let o=e.data;this.playerElevateLevel=o.level,this.playerElevateLevel.name=this.playerElevateLevel.presentation.displayName||this.playerElevateLevel.name,this.playerElevateLevel.spendablePoints=(null===(i=o.spendableWallet)||void 0===i?void 0:i.total.points)||0,this.playerElevateLeveLoaded.emit({elevateLevel:this.playerElevateLevel});const s=null===(a=e.data.spendableWallet)||void 0===a?void 0:a.total,l=null===(r=e.data.loyaltyWallet)||void 0===r?void 0:r.total;this.playerElevateLeveLoaded.emit({elevateLevelWalletTotal:s,loyaltyWalletTotal:l});let d=this.calcuatePointsToBeExpired(s,"coinsToBeExpired"),c=this.calcuatePointsToBeExpired(l,"pointsToBeExpired");(d||c)&&this.playerElevateLeveLoaded.emit({pointExpireString:d,xpExpireString:c}),n(this.playerElevateLevel)})).catch((e=>{console.log("error ",e),t(!0)}))))}setLoyaltyProgress(e){!function(e,n){const t=e.querySelector("#total_level"),i=t.getBBox().width,a=n>1?1:n,r=a*i-17<0?0:a*i-17,o=e.querySelector("#current_level"),s=e.querySelector("#filter_current_level"),l=e.querySelector("#circle_current_level");t.setAttribute("viewbox",`0 0 ${r} 28`),o.setAttribute("width",`${r}`),l.setAttribute("cx",`${r<6.5?6.5:r}`),s.setAttribute("x",""+(r-8));const d=e.querySelector("#lock"),c=e.querySelector("#filter_heart_ball"),u=e.querySelector("#filter_ball"),p=e.querySelector("#filter_heart"),h=e.querySelector("#filter_lock"),f=e.querySelector("#paint0_linear_ball"),v=e.querySelector("#paint1_linear_lock"),m=e.querySelector("#lock_box"),g=e.querySelector("#heart_box"),x=i-10;d.setAttribute("cx",`${x}`),v.setAttribute("x1",`${x}`),v.setAttribute("x2",`${x}`),f.setAttribute("x1",""+(x-6)),f.setAttribute("x2",""+(x-6+11.2)),h.setAttribute("x",""+(x-6)),p.setAttribute("x",""+(x-6-2)),u.setAttribute("x",""+(x-6-2-2)),c.setAttribute("x",""+(x-6-2-2-4)),m.setAttribute("x",""+(x-6)),g.setAttribute("x",""+(x-6)),t.parentElement.style.opacity="1"}(this.loyaltyProgressEle,e)}initLevelProgressbar(){setTimeout((()=>{this.loyaltyProgressEle=this.elevateCardRef.parentElement.querySelector("#LevelProgress"),this.loyaltyProgressEle&&(this.setLoyaltyProgress(this.playerElevateLevel.nextLevel?this.playerElevateLevel.loyaltyPoints/this.playerElevateLevel.nextLevel.entryPoints:1),this.params.playerElevateLevel=this.playerElevateLevel)}),80)}componentDidRender(){this.initLevelProgressbar()}loadElevateInfo(){if(!this.params.endpoint||!this.params.session)return;const e=[];e.push(this.loadPlayerLevelInfo()),this.params.calculateLevelFlag&&e.push(this.loadLevels()),Promise.all(e).then((e=>{if(console.log("elevate-init",e),this.initLevelProgressbar(),!this.levels)return;this.levels.sort(((e,n)=>e.firstEntryPoints>n.firstEntryPoints?1:-1));const n=this.playerElevateLevel.loyaltyPoints;let t=0;this.levels.forEach(((e,i)=>{n>e.firstEntryPoints&&(t=i)})),this.playerElevateLeveLoaded.emit({calculatedLevelFlag:t})}))}componentWillLoad(){this.loadElevateInfo()}get elevateCardRef(){return t(this)}static get watchers(){return{params:["onParamsChanged"]}}};me.style=':host {\n display: block;\n width: 360px;\n height: 230px;\n}\n\n.ElevateCardWrapper {\n contain: layout inline-size;\n width: 100%;\n height: fit-content;\n min-height: 218px;\n}\n\n.Outer {\n container-type: inline-size;\n font-size: 12px;\n background-size: cover;\n background-repeat: no-repeat;\n line-height: initial;\n width: 100%;\n height: 100%;\n}\n\n.Dark {\n color: var(--emw--color-gray150, #efefef);\n}\n\n.Light {\n color: var(--emw--color-black, #0e0e0e);\n}\n\n@container (min-width: 381px) {\n .Outer {\n background-size: cover;\n }\n .Outer .OuterCover {\n min-height: 190px;\n }\n}\n@container (min-width: 260px) {\n .Outer {\n background-size: contain;\n }\n}\n.OuterCover {\n width: 100%;\n height: 100%;\n content: "";\n background-repeat: no-repeat;\n background-size: cover;\n border-radius: 15px;\n}\n\n.Inner {\n display: flex;\n flex-direction: column;\n min-height: 158px;\n}\n.Inner .Content {\n padding: 15px;\n flex-wrap: wrap;\n gap: 8px;\n}\n.Inner .Row {\n display: flex;\n flex-direction: row;\n}\n.Inner .CardCell {\n display: flex;\n}\n.Inner .LevelProgress svg {\n transition: opacity 0.4s;\n}\n.Inner .LevelInfo {\n display: flex;\n flex-direction: column;\n}\n.Inner .LevelInfo .ElevateLevel .LevelName {\n height: 28px;\n border-radius: 5px;\n line-height: 28px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.Inner .LevelInfo.Level0 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level0button-shadow, rgba(191, 84, 6, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level0-bg0, #E2792C) 0%, var(--emw--elevate-color-level0-bg1, rgba(242, 151, 99, 0)) 100%);\n}\n.Inner .LevelInfo.Level1 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level1button-shadow, rgba(151, 151, 151, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level1-bg0, #BEBFED) 0%, var(--emw--elevate-color-level1-bg1, rgba(216, 217, 233, 0)) 100%);\n}\n.Inner .LevelInfo.Level2 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level2button-shadow, rgba(191, 120, 6, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level2-bg0, #FCC410) 0%, var(--emw--elevate-color-level2-bg1, rgba(255, 189, 43, 0)) 100%);\n}\n.Inner .LevelInfo.Level3 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level3button-shadow, rgba(65, 6, 191, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level3-bg0, #B1A2DB) 0%, var(--emw--elevate-color-level3-bg1, rgba(203, 202, 245, 0)) 100%);\n}\n.Inner .LevelInfo.Level4 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level4button-shadow, rgba(65, 6, 191, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level4-bg0, #B1A2DB) 0%, var(--emw--elevate-color-level4-bg1, rgba(203, 202, 245, 0)) 100%);\n}\n.Inner .LevelInfo .ElevateLevel {\n display: flex;\n}\n.Inner .LevelInfo {\n flex: 1;\n flex-grow: 1;\n min-width: 150px;\n}\n.Inner .PlayerImg {\n width: 29%;\n margin: auto;\n max-width: 100px;\n min-width: 30px;\n order: 0;\n}\n.Inner .PlayerAvatar {\n max-width: 100px;\n flex-basis: 100px;\n height: auto;\n margin: auto;\n padding-top: 10px;\n}\n.Inner .PlayerAvatar .Avatar, .Inner .PlayerAvatar .Badge {\n width: 100%;\n height: 100%;\n}\n.Inner .PlayerAvatar .Avatar {\n border-radius: 50%;\n background-size: contain;\n background-repeat: no-repeat;\n}\n.Inner .ElevateLevel .ExpirationDate {\n max-width: 138px;\n min-width: 118px;\n}\n.Inner .PlayerName, .Inner .RedeemButton, .Inner .ElevateLevel {\n text-transform: capitalize;\n width: 100%;\n}\n.Inner .PlayerName {\n font-size: 16px;\n}\n.Inner .Row .PointsInfo {\n display: table;\n font-weight: 600;\n}\n.Inner .Row .Redeem {\n justify-content: flex-end;\n margin-left: auto;\n}\n.Inner .Row .Redeem:hover {\n color: var(--emw--elevate-color-redeem-hover, #00ABA4);\n cursor: pointer;\n}\n.Inner .Row .RedeemButton:hover span {\n color: var(emfe-w-elevate-color-redeem-text-hover, #f1f1f1);\n font-weight: bold;\n}\n.Inner .Row .RedeemButton {\n width: 95px;\n height: 35px;\n display: flex;\n align-items: center;\n border-radius: var(--emw--border-radius-medium, 10px);\n background: var(--emw--elevate-color-redeem-bg, linear-gradient(0deg, #26CC37, #26CC37)), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%);\n box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);\n}\n.Inner .Row .RedeemButton span {\n color: var(--emw--color-white, #fff);\n line-height: 18px;\n font-size: 15px;\n text-align: center;\n width: 100%;\n}\n.Inner .Row .Points {\n font-size: large;\n vertical-align: middle;\n}\n.Inner .Row .Points .XP {\n font-size: x-small;\n}\n.Inner .Row .ExpirationPoints {\n font-size: small;\n text-align: right;\n font-weight: bold;\n color: var(--emw--color-red, #9e595f);\n}';const ge=class{constructor(n){e(this,n),this.endpoint=void 0,this.theme="Dark",this.session=void 0,this.playerAvatarUrl=void 0,this.language="en",this.playerName=void 0,this.dateFormat="yyyy-MM-dd",this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.pointExpireString=void 0,this.playerElevateLevel=void 0,this.elevateWalletTotal=void 0}onSessionOrEndpointChange(){this.paramProxy=Object.assign(Object.assign({},this.paramProxy),{session:this.session,endpoint:this.endpoint,language:this.language})}playerElevateLeveLoadedHandler(e){e.detail&&(e.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=e.detail.elevateLevelWalletTotal),e.detail.elevateLevel&&(this.playerElevateLevel=e.detail.elevateLevel),e.detail.pointExpireString&&(this.pointExpireString=e.detail.xpExpireString))}onRedeemClick(){window.postMessage({type:"BEERedeemClicked"},window.location.href)}componentWillLoad(){this.paramProxy={endpoint:this.endpoint,session:this.session,language:this.language}}getNextLevelPoints(){var e,n;return(null===(e=this.playerElevateLevel)||void 0===e?void 0:e.nextLevel)?null===(n=this.playerElevateLevel)||void 0===n?void 0:n.nextLevel.entryPoints:-1}getNextLevelTips(){var e;let n=null===(e=this.playerElevateLevel)||void 0===e?void 0:e.nextLevel;if(this.playerElevateLevel&&n){const e=(n.entryPoints-this.playerElevateLevel.loyaltyPoints).toFixed(2);return u("tipsForNextLevel",{pointsToReach:e,levelName:n.name,lang:this.language})}return""}render(){const e=i("../static/card-ground.svg"),t=i("../static/card-ground-over.svg");return n("div",{key:"aa8f0d13a1e1d26ea7307d05fc50cda507172949",class:`ElevateCardWrapper ${this.theme}`},n("div",{key:"485075740ced316bf89f69359bdc8642dbb2af8f",class:"LoyaltyCard Outer",style:{backgroundImage:`url(${e}`}},n("general-styling-wrapper",{key:"24dc58d3f4f6026b113239d1cc9ccfd316142ff9",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:d,translationUrl:this.translationUrl}),n("player-elevate-card-data",{key:"0cbffe246628e3927bf76ce5b125b7419cafc25d",params:this.paramProxy}),n("div",{key:"36253daeadefe0b3ee2eb2eccb361e5033364202",class:"OuterCover Inner",style:{backgroundImage:`url(${t}`}},n("div",{key:"49f97f2c1cafa39556c34432557e000690698105",class:"Content Row"},this.playerElevateLevel&&n(a,{key:"4eab6948bc49da8f28acd5d85364246495f81af5"},n("div",{key:"5f95c9bbafc6f20df602adf279cfcbd069ab2319",class:"PlayerImg"},n(ce,{key:"53c37a7676b053ea9447e833053aa13fb67e0392",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),n("div",{key:"ce9b24f9bf2b87878edd04ac75ec64545fa62711",class:`LevelInfo ${this.playerElevateLevel.name}`},n("div",{key:"79ab8fc735a7ddeb9b8786e3f832ec4188d5942f",class:"CardCell ElevateLevel"},n("span",{key:"e7cf27215748ce93683ce95dde701dd991e6854b",class:"LevelName",title:this.playerElevateLevel.name},this.playerElevateLevel.name)),n("div",{key:"0c4bfe25c728722d5e97e9728b642e3503940908",class:"PointsRange"},n(re,{key:"f2fba862e377beafb8e7a682503cfce682fb863f",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language}),n(re,{key:"a6fa3560bfb9acf7abc3bdb23acb6cb1f51ff0df",loyaltyPoints:this.getNextLevelPoints(),language:this.language})),n(ae,{key:"c185c3ac46e10ec9715fb081a05f9a8d4d8007f9"}),n("div",{key:"d0f85005176bd8acc499cd8e5efe53b9ec2a3b80",class:"NextLevelTip"},this.getNextLevelTips()),this.pointExpireString&&n("div",{key:"763be6168567973ad3df88d116a97dd00d53a6d8",class:"PointsInfo ExpirationPoints"},this.pointExpireString," "),this.playerElevateLevel.expireTime&&n(de,{key:"662982c38dd920149566a87503b5de1b123ee414",expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat,language:this.language})))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};ge.style=":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}";const xe=class{constructor(n){e(this,n),this.isPointDetailCard="earningRule"===this.buttonType,this.endpoint=void 0,this.theme="Dark",this.session=void 0,this.playerAvatarUrl=void 0,this.language="en",this.playerName=void 0,this.cardTitle=void 0,this.buttonType="earningRule",this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.pointExpireString=void 0,this.playerElevateLevel=void 0,this.elevateWalletTotal=void 0,this.elevateSPTotal=void 0}onSessionOrEndpointChange(){this.paramProxy=Object.assign(Object.assign({},this.paramProxy),{session:this.session,endpoint:this.endpoint,language:this.language})}playerElevateLeveLoadedHandler(e){e.detail&&(e.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=e.detail.elevateLevelWalletTotal,this.elevateSPTotal=e.detail.loyaltyWalletTotal),e.detail.elevateLevel&&(this.playerElevateLevel=e.detail.elevateLevel),e.detail.pointExpireString&&(this.pointExpireString=e.detail.pointExpireString))}onDetailsClick(){window.postMessage({type:this.isPointDetailCard?"BEEPointRulesClicked":"BEEDetailsClicked",path:this.isPointDetailCard?"player-elevate-level":"player-elevate-point-details"},window.location.href)}componentWillLoad(){this.paramProxy={endpoint:this.endpoint,session:this.session,language:this.language}}render(){const e=i("../static/card-ground.svg"),t=i("../static/card-ground-over.svg");return n("div",{key:"ab47a39fc8fa5562e2843755b6b935296f6952fd",class:`ElevateCardWrapper ${this.theme}`},n("div",{key:"8b9ce754eb082af8005b40915e9b2e861ec99287",class:"PointsCard Outer ",style:{backgroundImage:`url(${e}`}},n("general-styling-wrapper",{key:"f7d660116db83ce86b36a558441bf02bf74592e6",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:d,translationUrl:this.translationUrl}),n("player-elevate-card-data",{key:"f42375d3631031e7ef8041ccabe62659858e6ac0",params:this.paramProxy}),n("div",{key:"0b5eb08baa589ed85c96e0c5731ea7d93c76d398",class:"OuterCover Inner",style:{backgroundImage:`url(${t}`}},n("div",{key:"3b66d8f8baa7c510c04a6ebe73ba87fc1ba33426",class:"Content Row"},this.playerElevateLevel&&n(a,{key:"fa0f8a796e0d08f18bd37ab193f1e6a49d6138b5"},n("div",{key:"ffe65be1e5d9f04a2c3711e9f61f56c95818244b",class:"PlayerImg"},n(ce,{key:"4947af0ebd6978f938d5f3f0185f8700a3506b75",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),n("div",{key:"2f0a7c4ef826f16472313cca974b4c208c33e83a",class:`LevelInfo ${this.playerElevateLevel.name}`},n("div",{key:"118eabd6511b72fbb7c78a0ee2d190b719d708ae",class:"PointsTxt Label"},this.cardTitle?this.cardTitle:c("spendablePoints",this.language)),n("div",{key:"5a15d9630c51f23024ddd5967ef8753bac746936",class:"PointsTxt SPPoints"},n(re,{key:"7994e6b898d69a62ec8c4aeb0892a1c718104d7e",spendablePoints:this.playerElevateLevel.spendablePoints,language:this.language}),n("a",{key:"8d25c48516245dc067676278cd861193ca4863bd",class:"TC",onClick:()=>{this.onDetailsClick()}},c("termAndConditions",this.language))),this.pointExpireString&&n("div",{key:"6c221bd9a75643bce76e493addbb45cee6edf8b9",class:"ExpirationPoints"},this.pointExpireString," ")))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};xe.style=":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}";const be=class{constructor(n){e(this,n),this.truncateNumber=(e,n=2)=>{const t=e.toString(),[i,a=""]=t.split(".");return n>0?`${i}.${a?a.slice(0,n):"00"}`:`${i}`},this.sendRakebackClaimedEvent=()=>{this.endpoint&&this.session&&this.rakebackInfo.claimable&&!this.isLoading&&window.postMessage({type:"RakebackClaimTrigger",points:this.rakebackInfo.points},window.location.href)},this.endpoint=void 0,this.theme="Dark",this.session=void 0,this.language="en",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.show=!0,this.rakebackInfo={hasRakebackWallet:!1,points:0,currency:"TRY",claimable:!1,minutesCanClaim:0,showCanClaim:!1},this.isLoading=!1,this.coolingOffPeriod=!1,this.showTheWidget=!1}async onSessionOrEndpointChange(){await this.loadRakebackInfo()}async onShowOrHasRakebackWalletChange(){this.showTheWidget=this.show&&this.rakebackInfo.hasRakebackWallet}handleMessage(e){const{type:n}=null==e?void 0:e.data;"RakebackClaimConfirmed"===n&&this.claimRakeback()}async loadRakebackInfo(){if(this.endpoint&&this.session){this.isLoading=!0;try{const e=new URL(`${this.endpoint}/v1/elevate/playerInfo?language=${this.language}`),n=await fetch(e.href,{method:"GET",headers:{"X-Sessionid":this.session,"Content-Type":"application/json"}});if(!n.ok)throw new Error(`HTTP error! status: ${n.status}`);const t=await n.json();if(!t.success)throw new Error(t.errorMessage||"Failed to load rakeback info");const{rakebackWallet:i}=null==t?void 0:t.data;if(!i)return void window.postMessage({type:"RakebackWalletMissing"},window.location.href);const{total:a,claimable:r,currency:o,minutesCanClaim:s}=i||{};this.rakebackInfo={hasRakebackWallet:!0,points:(null==a?void 0:a.points)?this.truncateNumber(a.points,2):"0.00",currency:o||"",claimable:r||!1,showCanClaim:Boolean(s&&s>0),minutesCanClaim:s?s<=1&&s>0?1:this.truncateNumber(s,0):0}}catch(e){console.error("Error loading rakeback info:",e),window.postMessage({type:"RakebackClaimError",message:e.message},window.location.href)}finally{this.isLoading=!1}}}async claimRakeback(){this.isLoading=!0;try{const e=new URL(`${this.endpoint}/v1/elevate/rakeback/claim`),n=await fetch(e.href,{method:"PUT",headers:{"X-Sessionid":this.session,"Content-Type":"application/json"},body:JSON.stringify({})});if(!n.ok)throw new Error(`HTTP error! status: ${n.status}`);const t=await n.json();if(!t.success)throw new Error(t.errorMessage||"Failed to claim rakeback");await this.loadRakebackInfo(),window.postMessage({type:"RakebackClaimed",points:this.rakebackInfo.points},window.location.href)}catch(e){console.error("Error claiming rakeback:",e),window.postMessage({type:"RakebackClaimError",message:e.message},window.location.href)}finally{this.isLoading=!1}}async componentWillLoad(){await this.loadRakebackInfo(),await this.onShowOrHasRakebackWalletChange()}render(){return this.showTheWidget?n("div",{class:"RakebackCard"},n("general-styling-wrapper",{clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:d,translationUrl:this.translationUrl}),n("div",{class:"RakebackCardContent"},n("div",{class:"RakebackTitle"},c("rakebackTitle",this.language)),n("div",{class:"RakebackDetails"},n("div",{class:"RakebackInfo"},n("div",{class:"RakebackNumContainer"},n("span",{class:"RakebackNum"},this.rakebackInfo.points),n("span",{class:"RakebackCurrency"},this.rakebackInfo.currency))),n("div",{class:"RakebackButton "+(this.isLoading||!this.rakebackInfo.claimable?"disabled":""),onClick:this.sendRakebackClaimedEvent},c("claim",this.language))),!this.rakebackInfo.claimable&&this.rakebackInfo.showCanClaim&&n("div",{class:"RakebackCoolOff"},u("minutesCanClaim",{lang:this.language,minutes:this.rakebackInfo.minutesCanClaim})))):null}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"],show:["onShowOrHasRakebackWalletChange"],rakebackInfo:["onShowOrHasRakebackWalletChange"]}}};be.style=":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}";export{o as general_styling_wrapper,ue as player_elevate_card,me as player_elevate_card_data,ge as player_elevate_loyaltycard,xe as player_elevate_pointcard,be as player_rakeback_card}
|
|
@@ -14,6 +14,7 @@ interface PlayerRedeemButtonProps {
|
|
|
14
14
|
export declare const PlayerElevateCardRedeem: FunctionalComponent<PlayerRedeemButtonProps>;
|
|
15
15
|
export declare const PlayerNameDiv: (props: any) => any;
|
|
16
16
|
export declare const PlayerElevateLoyaltyLevel: (props: any) => any;
|
|
17
|
+
export declare const LoyaltyLevelExpireDay: (props: any) => any;
|
|
17
18
|
export declare const PlayerAvatar: (props: any) => any;
|
|
18
19
|
export declare const TextSpan: (props: any) => any;
|
|
19
20
|
export {};
|