@everymatrix/gamification-dropdown 1.86.2 → 1.86.3
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/gamification-dropdown_4.cjs.entry.js +2 -2
- package/dist/cjs/{locale.utils-6b4c0dbd.js → locale.utils-457021be.js} +21 -15
- package/dist/cjs/{player-elevate-card-items-a02cb413.js → player-elevate-card-items-1c252d88.js} +1 -1
- package/dist/cjs/player-elevate-card.cjs.entry.js +2 -2
- package/dist/cjs/player-elevate-pointcard.cjs.entry.js +2 -2
- package/dist/cjs/player-rakeback-card.cjs.entry.js +1 -1
- package/dist/esm/gamification-dropdown_4.entry.js +2 -2
- package/dist/esm/{locale.utils-34e6f004.js → locale.utils-471ae737.js} +21 -15
- package/dist/esm/{player-elevate-card-items-08c6fbd8.js → player-elevate-card-items-b4571def.js} +1 -1
- package/dist/esm/player-elevate-card.entry.js +2 -2
- package/dist/esm/player-elevate-pointcard.entry.js +2 -2
- package/dist/esm/player-rakeback-card.entry.js +1 -1
- package/dist/gamification-dropdown/gamification-dropdown_4.entry.js +1 -1
- package/dist/gamification-dropdown/{locale.utils-34e6f004.js → locale.utils-471ae737.js} +1 -1
- package/dist/gamification-dropdown/{player-elevate-card-items-08c6fbd8.js → player-elevate-card-items-b4571def.js} +1 -1
- package/dist/gamification-dropdown/player-elevate-card.entry.js +1 -1
- package/dist/gamification-dropdown/player-elevate-pointcard.entry.js +1 -1
- package/dist/gamification-dropdown/player-rakeback-card.entry.js +1 -1
- package/dist/types/Users/maria.bumbar/Desktop/Widgets & Template/widgets-monorepo/packages/stencil/gamification-dropdown/.stencil/packages/stencil/gamification-dropdown/stencil.config.d.ts +2 -0
- package/dist/types/Users/maria.bumbar/Desktop/Widgets & Template/widgets-monorepo/packages/stencil/gamification-dropdown/.stencil/packages/stencil/gamification-dropdown/stencil.config.dev.d.ts +2 -0
- package/package.json +1 -1
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/gamification-dropdown/.stencil/packages/stencil/gamification-dropdown/stencil.config.d.ts +0 -2
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/gamification-dropdown/.stencil/packages/stencil/gamification-dropdown/stencil.config.dev.d.ts +0 -2
- /package/dist/types/{builds/emfe-widgets → Users/maria.bumbar/Desktop/Widgets & Template}/widgets-monorepo/packages/stencil/gamification-dropdown/.stencil/libs/common/src/storybook/storybook-utils.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/maria.bumbar/Desktop/Widgets & Template}/widgets-monorepo/packages/stencil/gamification-dropdown/.stencil/packages/stencil/gamification-dropdown/storybook/main.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/maria.bumbar/Desktop/Widgets & Template}/widgets-monorepo/packages/stencil/gamification-dropdown/.stencil/packages/stencil/gamification-dropdown/storybook/preview.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/maria.bumbar/Desktop/Widgets & Template}/widgets-monorepo/packages/stencil/gamification-dropdown/.stencil/tools/plugins/index.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/maria.bumbar/Desktop/Widgets & Template}/widgets-monorepo/packages/stencil/gamification-dropdown/.stencil/tools/plugins/lazy-load-chunk-plugin.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/maria.bumbar/Desktop/Widgets & Template}/widgets-monorepo/packages/stencil/gamification-dropdown/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/maria.bumbar/Desktop/Widgets & Template}/widgets-monorepo/packages/stencil/gamification-dropdown/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/maria.bumbar/Desktop/Widgets & Template}/widgets-monorepo/packages/stencil/gamification-dropdown/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
|
@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const gamificationDropdown = require('./gamification-dropdown-bd2a8974.js');
|
|
6
6
|
const index = require('./index-43105bc3.js');
|
|
7
|
-
const locale_utils = require('./locale.utils-
|
|
8
|
-
const playerElevateCardItems = require('./player-elevate-card-items-
|
|
7
|
+
const locale_utils = require('./locale.utils-457021be.js');
|
|
8
|
+
const playerElevateCardItems = require('./player-elevate-card-items-1c252d88.js');
|
|
9
9
|
|
|
10
10
|
const mergeTranslations = (url, target) => {
|
|
11
11
|
return new Promise((resolve) => {
|
|
@@ -122,22 +122,28 @@ const TRANSLATIONS = {
|
|
|
122
122
|
minutesCanClaim: 'La próxima reclamación estará disponible en ${minutes} minutos'
|
|
123
123
|
},
|
|
124
124
|
tr: {
|
|
125
|
-
redeem: '
|
|
126
|
-
claim: 'Talep',
|
|
127
|
-
expireOn: '
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
125
|
+
redeem: 'Kullan',
|
|
126
|
+
claim: 'Talep Et',
|
|
127
|
+
expireOn: 'Geçerlilik tarihi: ',
|
|
128
|
+
coinsToBeExpired: '${expirationPoints} coin ${expireDay} gün içinde sona erecek',
|
|
129
|
+
coinsToBeExpiredDay: '${expirationPoints} coin ${expireDay} gün içinde sona erecek',
|
|
130
|
+
coinsToBeExpiredHours: '${expirationPoints} coin ${expireDay} saat içinde sona erecek',
|
|
131
|
+
coinsToBeExpiredHour: '${expirationPoints} coin ${expireDay} saat içinde sona erecek',
|
|
132
|
+
coinsToBeExpiredMinutes: '${expirationPoints} coin ${expireDay} dakika içinde sona erecek',
|
|
133
|
+
coinsToBeExpiredMinute: '${expirationPoints} coin ${expireDay} dakika içinde sona erecek',
|
|
134
|
+
pointsToBeExpired: '${expirationPoints} puan ${expireDay} gün içinde sona erecek',
|
|
135
|
+
pointsToBeExpiredDay: '${expirationPoints} puan ${expireDay} gün içinde sona erecek',
|
|
136
|
+
pointsToBeExpiredHours: '${expirationPoints} puan ${expireDay} saat içinde sona erecek',
|
|
137
|
+
pointsToBeExpiredHour: '${expirationPoints} puan ${expireDay} saat içinde sona erecek',
|
|
138
|
+
pointsToBeExpiredMinutes: '${expirationPoints} puan ${expireDay} dakika içinde sona erecek',
|
|
139
|
+
pointsToBeExpiredMinute: '${expirationPoints} puan ${expireDay} dakika içinde sona erecek',
|
|
140
|
+
tipsForNextLevel: 'Sonraki seviye ${levelName}. Seviye atlamak için ${pointsToReach} XP',
|
|
141
|
+
spendablePoints: 'Kullanılabilir Puan:',
|
|
142
|
+
details: 'Detaylar',
|
|
143
|
+
earningRules: 'Kazanma Kuralları',
|
|
138
144
|
xp: 'XP',
|
|
139
|
-
sp: '
|
|
140
|
-
termAndConditions: '
|
|
145
|
+
sp: 'Coin',
|
|
146
|
+
termAndConditions: 'Şartlar ve Koşullar',
|
|
141
147
|
rakebackTitle: 'Mevcut Rakeback',
|
|
142
148
|
loading: 'Yükleniyor',
|
|
143
149
|
minutesCanClaim: 'Sonraki talep ${minutes} dakika içinde kullanılabilir'
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-43105bc3.js');
|
|
6
|
-
const playerElevateCardItems = require('./player-elevate-card-items-
|
|
7
|
-
const locale_utils = require('./locale.utils-
|
|
6
|
+
const playerElevateCardItems = require('./player-elevate-card-items-1c252d88.js');
|
|
7
|
+
const locale_utils = require('./locale.utils-457021be.js');
|
|
8
8
|
|
|
9
9
|
const playerElevateCardCss = "@container (max-width: 270px) {\n .Card .Inner {\n flex-direction: column;\n }\n .Card .Inner .Content {\n padding: 9px;\n }\n .Inner .Row .ExpirationPoints {\n order: 1;\n }\n}\n.Card .PlayerImg {\n order: 0;\n}\n.Card .ExpirationPoints {\n order: 3;\n}\n.Card .LevelInfo {\n order: 2;\n}\n.Card .Inner .Row .PlayerImg {\n flex-direction: column;\n}\n.Card .Inner .Row .PointsInfo {\n width: 100%;\n text-align: center;\n display: flex;\n flex-direction: column;\n max-height: 50%;\n}\n.Card .Inner .PlayerAvatar .Badge {\n background-size: contain;\n background-repeat: no-repeat;\n position: absolute;\n right: 5px;\n bottom: -5px;\n width: 40%;\n height: 40%;\n overflow: visible;\n}\n.Card .Inner .Row .ExpirationPoints {\n text-align: left;\n color: var(--emw--color-red, red);\n}\n.Card .Inner .Row .Points {\n text-wrap: nowrap;\n}\n.Card .Inner .LevelInfo .ElevateLevel {\n flex-direction: column;\n}\n.Card .Inner .LevelInfo .ElevateLevel .LevelName {\n width: calc(100% - 20px);\n text-align: left;\n font-size: 13px;\n padding-left: 20px;\n margin: 10px 0;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpirationDate {\n text-align: center;\n font-size: smaller;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpireTime {\n margin-left: 5px;\n}";
|
|
10
10
|
const PlayerElevateCardStyle0 = playerElevateCardCss;
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-43105bc3.js');
|
|
6
|
-
const locale_utils = require('./locale.utils-
|
|
7
|
-
const playerElevateCardItems = require('./player-elevate-card-items-
|
|
6
|
+
const locale_utils = require('./locale.utils-457021be.js');
|
|
7
|
+
const playerElevateCardItems = require('./player-elevate-card-items-1c252d88.js');
|
|
8
8
|
|
|
9
9
|
const playerElevatePointcardCss = ":host{display:block}.PointsCard .Inner .Row .ExpirationPoints{text-align:left}.PointsCard .Inner .PlayerAvatar .Avatar{display:none}.PointsCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%;position:inherit}.PointsCard .Inner .PointsTxt{display:flex;flex-direction:row;justify-content:space-between}.PointsCard .Inner .DetailButton{background:linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%), linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));border-radius:5px;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);border:2px solid;font-size:11px;width:108px;padding:4px;cursor:pointer;margin-top:5px;height:16px;min-width:45px;text-align:center}.PointsCard .Inner .DetailButton span{color:var(--emw--color-gray-150, #6D6D6D)}.PointsCard .Inner .DetailButton span{display:inline-block;vertical-align:middle}.PointsCard .Inner .DetailButton:hover span{color:var(--emw--color-gray-150, #6D6D6D)}.PointsCard .Inner .LevelInfo{gap:15px;width:70%}.PointsCard .Inner .LevelInfo .PointsTxt{font-size:15px}.PointsCard .Inner .LevelInfo .PointsTxt.Label{display:none}.PointsCard .Inner .LevelInfo .PointsTxt.SPPoints{padding-top:15px}.PointsCard .Inner .LevelInfo .PointsTxt .TC{font-size:x-small;color:var(--emw--color-gray-300, #58586B);display:flex;align-content:center;height:100%;flex-wrap:wrap;text-decoration:underline;cursor:pointer;display:none}";
|
|
10
10
|
const PlayerElevatePointcardStyle0 = playerElevatePointcardCss;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-43105bc3.js');
|
|
6
|
-
const locale_utils = require('./locale.utils-
|
|
6
|
+
const locale_utils = require('./locale.utils-457021be.js');
|
|
7
7
|
|
|
8
8
|
const playerRakebackCardCss = ":host{display:block}@keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}.RakebackCard{border:2px solid var(--em-color-border-primary, #003E5C);padding:32px;border-radius:var(--emw--border-radius-medium, 12px);overflow:hidden;font-family:inherit}.RakebackCard .RakebackCardContent .RakebackTitle{font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-semibold, 500);color:var(--em-color-text-secondary, #727672)}.RakebackCard .RakebackCardContent .RakebackDetails{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:17px}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo{display:flex;flex-wrap:wrap;align-items:center;gap:0 17px}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo .RakebackRefresh{width:52px;height:52px;cursor:pointer}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo .RakebackRefresh.RakebackLoading{animation:rotate 0.5s linear infinite}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo .RakebackNumContainer{color:var(--em-color-text-primary, #fff);display:flex;align-items:center;gap:8px}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo .RakebackNumContainer .RakebackNum{display:inline-block;font-weight:var(--emw--font-weight-bold, 700);font-size:var(--emw--font-size-2x-large, 36px)}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo .RakebackNumContainer .RakebackCurrency{display:inline-block;font-weight:var(--emw--font-weight-semibold, 500);font-size:var(--emw--font-size-small, 14px);margin-top:14px}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackButton{font-family:inherit;cursor:pointer;width:90px;height:34px;border-radius:var(--emw--border-radius-large, 99px);border:2px solid var(--em-color-border-success, #083B17);display:flex;justify-content:center;align-items:center;color:var(--em-color-text-primary, #fff);background:linear-gradient(180deg, var(--em-color-gradient-1, #24B24E) 0%, var(--em-color-gradient-1, #24B24E) 100%)}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackButton.disabled{cursor:not-allowed;opacity:0.4}.RakebackCard .RakebackCardContent .RakebackCoolOff,.RakebackCard .RakebackCardContent .RakebackError{margin-top:8px;font-weight:var(--emw--font-weight-semibold, 500);font-size:var(--emw--font-size-x-small, 12px);color:var(--em-color-text-error, #FF7A73);text-align:center}";
|
|
9
9
|
const PlayerRakebackCardStyle0 = playerRakebackCardCss;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { s as setStreamStyling, a as setClientStyling, b as setClientStylingURL } from './gamification-dropdown-92e6c856.js';
|
|
2
2
|
export { G as gamification_dropdown } from './gamification-dropdown-92e6c856.js';
|
|
3
3
|
import { r as registerInstance, h, g as getElement, c as createEvent, a as getAssetPath, F as Fragment } from './index-71b1bdfa.js';
|
|
4
|
-
import { t as translateWithParams, T as TRANSLATIONS } from './locale.utils-
|
|
5
|
-
import { r as requiredArgs, t as toDate, g as getTimezoneOffsetInMilliseconds, P as PlayerAvatar, a as PlayerPoints, b as PlayerLoyaltyProcess, L as LoyaltyLevelExpireDay } from './player-elevate-card-items-
|
|
4
|
+
import { t as translateWithParams, T as TRANSLATIONS } from './locale.utils-471ae737.js';
|
|
5
|
+
import { r as requiredArgs, t as toDate, g as getTimezoneOffsetInMilliseconds, P as PlayerAvatar, a as PlayerPoints, b as PlayerLoyaltyProcess, L as LoyaltyLevelExpireDay } from './player-elevate-card-items-b4571def.js';
|
|
6
6
|
|
|
7
7
|
const mergeTranslations = (url, target) => {
|
|
8
8
|
return new Promise((resolve) => {
|
|
@@ -120,22 +120,28 @@ const TRANSLATIONS = {
|
|
|
120
120
|
minutesCanClaim: 'La próxima reclamación estará disponible en ${minutes} minutos'
|
|
121
121
|
},
|
|
122
122
|
tr: {
|
|
123
|
-
redeem: '
|
|
124
|
-
claim: 'Talep',
|
|
125
|
-
expireOn: '
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
123
|
+
redeem: 'Kullan',
|
|
124
|
+
claim: 'Talep Et',
|
|
125
|
+
expireOn: 'Geçerlilik tarihi: ',
|
|
126
|
+
coinsToBeExpired: '${expirationPoints} coin ${expireDay} gün içinde sona erecek',
|
|
127
|
+
coinsToBeExpiredDay: '${expirationPoints} coin ${expireDay} gün içinde sona erecek',
|
|
128
|
+
coinsToBeExpiredHours: '${expirationPoints} coin ${expireDay} saat içinde sona erecek',
|
|
129
|
+
coinsToBeExpiredHour: '${expirationPoints} coin ${expireDay} saat içinde sona erecek',
|
|
130
|
+
coinsToBeExpiredMinutes: '${expirationPoints} coin ${expireDay} dakika içinde sona erecek',
|
|
131
|
+
coinsToBeExpiredMinute: '${expirationPoints} coin ${expireDay} dakika içinde sona erecek',
|
|
132
|
+
pointsToBeExpired: '${expirationPoints} puan ${expireDay} gün içinde sona erecek',
|
|
133
|
+
pointsToBeExpiredDay: '${expirationPoints} puan ${expireDay} gün içinde sona erecek',
|
|
134
|
+
pointsToBeExpiredHours: '${expirationPoints} puan ${expireDay} saat içinde sona erecek',
|
|
135
|
+
pointsToBeExpiredHour: '${expirationPoints} puan ${expireDay} saat içinde sona erecek',
|
|
136
|
+
pointsToBeExpiredMinutes: '${expirationPoints} puan ${expireDay} dakika içinde sona erecek',
|
|
137
|
+
pointsToBeExpiredMinute: '${expirationPoints} puan ${expireDay} dakika içinde sona erecek',
|
|
138
|
+
tipsForNextLevel: 'Sonraki seviye ${levelName}. Seviye atlamak için ${pointsToReach} XP',
|
|
139
|
+
spendablePoints: 'Kullanılabilir Puan:',
|
|
140
|
+
details: 'Detaylar',
|
|
141
|
+
earningRules: 'Kazanma Kuralları',
|
|
136
142
|
xp: 'XP',
|
|
137
|
-
sp: '
|
|
138
|
-
termAndConditions: '
|
|
143
|
+
sp: 'Coin',
|
|
144
|
+
termAndConditions: 'Şartlar ve Koşullar',
|
|
139
145
|
rakebackTitle: 'Mevcut Rakeback',
|
|
140
146
|
loading: 'Yükleniyor',
|
|
141
147
|
minutesCanClaim: 'Sonraki talep ${minutes} dakika içinde kullanılabilir'
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, a as getAssetPath, h, F as Fragment } from './index-71b1bdfa.js';
|
|
2
|
-
import { P as PlayerAvatar, a as PlayerPoints, c as PlayerNameDiv, d as PlayerElevateLoyaltyLevel, b as PlayerLoyaltyProcess, e as PlayerElevateCardRedeem } from './player-elevate-card-items-
|
|
3
|
-
import { T as TRANSLATIONS } from './locale.utils-
|
|
2
|
+
import { P as PlayerAvatar, a as PlayerPoints, c as PlayerNameDiv, d as PlayerElevateLoyaltyLevel, b as PlayerLoyaltyProcess, e as PlayerElevateCardRedeem } from './player-elevate-card-items-b4571def.js';
|
|
3
|
+
import { T as TRANSLATIONS } from './locale.utils-471ae737.js';
|
|
4
4
|
|
|
5
5
|
const playerElevateCardCss = "@container (max-width: 270px) {\n .Card .Inner {\n flex-direction: column;\n }\n .Card .Inner .Content {\n padding: 9px;\n }\n .Inner .Row .ExpirationPoints {\n order: 1;\n }\n}\n.Card .PlayerImg {\n order: 0;\n}\n.Card .ExpirationPoints {\n order: 3;\n}\n.Card .LevelInfo {\n order: 2;\n}\n.Card .Inner .Row .PlayerImg {\n flex-direction: column;\n}\n.Card .Inner .Row .PointsInfo {\n width: 100%;\n text-align: center;\n display: flex;\n flex-direction: column;\n max-height: 50%;\n}\n.Card .Inner .PlayerAvatar .Badge {\n background-size: contain;\n background-repeat: no-repeat;\n position: absolute;\n right: 5px;\n bottom: -5px;\n width: 40%;\n height: 40%;\n overflow: visible;\n}\n.Card .Inner .Row .ExpirationPoints {\n text-align: left;\n color: var(--emw--color-red, red);\n}\n.Card .Inner .Row .Points {\n text-wrap: nowrap;\n}\n.Card .Inner .LevelInfo .ElevateLevel {\n flex-direction: column;\n}\n.Card .Inner .LevelInfo .ElevateLevel .LevelName {\n width: calc(100% - 20px);\n text-align: left;\n font-size: 13px;\n padding-left: 20px;\n margin: 10px 0;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpirationDate {\n text-align: center;\n font-size: smaller;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpireTime {\n margin-left: 5px;\n}";
|
|
6
6
|
const PlayerElevateCardStyle0 = playerElevateCardCss;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, a as getAssetPath, h, F as Fragment } from './index-71b1bdfa.js';
|
|
2
|
-
import { T as TRANSLATIONS, a as translate } from './locale.utils-
|
|
3
|
-
import { P as PlayerAvatar, a as PlayerPoints } from './player-elevate-card-items-
|
|
2
|
+
import { T as TRANSLATIONS, a as translate } from './locale.utils-471ae737.js';
|
|
3
|
+
import { P as PlayerAvatar, a as PlayerPoints } from './player-elevate-card-items-b4571def.js';
|
|
4
4
|
|
|
5
5
|
const playerElevatePointcardCss = ":host{display:block}.PointsCard .Inner .Row .ExpirationPoints{text-align:left}.PointsCard .Inner .PlayerAvatar .Avatar{display:none}.PointsCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%;position:inherit}.PointsCard .Inner .PointsTxt{display:flex;flex-direction:row;justify-content:space-between}.PointsCard .Inner .DetailButton{background:linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%), linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));border-radius:5px;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);border:2px solid;font-size:11px;width:108px;padding:4px;cursor:pointer;margin-top:5px;height:16px;min-width:45px;text-align:center}.PointsCard .Inner .DetailButton span{color:var(--emw--color-gray-150, #6D6D6D)}.PointsCard .Inner .DetailButton span{display:inline-block;vertical-align:middle}.PointsCard .Inner .DetailButton:hover span{color:var(--emw--color-gray-150, #6D6D6D)}.PointsCard .Inner .LevelInfo{gap:15px;width:70%}.PointsCard .Inner .LevelInfo .PointsTxt{font-size:15px}.PointsCard .Inner .LevelInfo .PointsTxt.Label{display:none}.PointsCard .Inner .LevelInfo .PointsTxt.SPPoints{padding-top:15px}.PointsCard .Inner .LevelInfo .PointsTxt .TC{font-size:x-small;color:var(--emw--color-gray-300, #58586B);display:flex;align-content:center;height:100%;flex-wrap:wrap;text-decoration:underline;cursor:pointer;display:none}";
|
|
6
6
|
const PlayerElevatePointcardStyle0 = playerElevatePointcardCss;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-71b1bdfa.js';
|
|
2
|
-
import { a as translate, t as translateWithParams, T as TRANSLATIONS } from './locale.utils-
|
|
2
|
+
import { a as translate, t as translateWithParams, T as TRANSLATIONS } from './locale.utils-471ae737.js';
|
|
3
3
|
|
|
4
4
|
const playerRakebackCardCss = ":host{display:block}@keyframes rotate{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}.RakebackCard{border:2px solid var(--em-color-border-primary, #003E5C);padding:32px;border-radius:var(--emw--border-radius-medium, 12px);overflow:hidden;font-family:inherit}.RakebackCard .RakebackCardContent .RakebackTitle{font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-semibold, 500);color:var(--em-color-text-secondary, #727672)}.RakebackCard .RakebackCardContent .RakebackDetails{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:17px}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo{display:flex;flex-wrap:wrap;align-items:center;gap:0 17px}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo .RakebackRefresh{width:52px;height:52px;cursor:pointer}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo .RakebackRefresh.RakebackLoading{animation:rotate 0.5s linear infinite}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo .RakebackNumContainer{color:var(--em-color-text-primary, #fff);display:flex;align-items:center;gap:8px}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo .RakebackNumContainer .RakebackNum{display:inline-block;font-weight:var(--emw--font-weight-bold, 700);font-size:var(--emw--font-size-2x-large, 36px)}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackInfo .RakebackNumContainer .RakebackCurrency{display:inline-block;font-weight:var(--emw--font-weight-semibold, 500);font-size:var(--emw--font-size-small, 14px);margin-top:14px}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackButton{font-family:inherit;cursor:pointer;width:90px;height:34px;border-radius:var(--emw--border-radius-large, 99px);border:2px solid var(--em-color-border-success, #083B17);display:flex;justify-content:center;align-items:center;color:var(--em-color-text-primary, #fff);background:linear-gradient(180deg, var(--em-color-gradient-1, #24B24E) 0%, var(--em-color-gradient-1, #24B24E) 100%)}.RakebackCard .RakebackCardContent .RakebackDetails .RakebackButton.disabled{cursor:not-allowed;opacity:0.4}.RakebackCard .RakebackCardContent .RakebackCoolOff,.RakebackCard .RakebackCardContent .RakebackError{margin-top:8px;font-weight:var(--emw--font-weight-semibold, 500);font-size:var(--emw--font-size-x-small, 12px);color:var(--em-color-text-error, #FF7A73);text-align:center}";
|
|
5
5
|
const PlayerRakebackCardStyle0 = playerRakebackCardCss;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{s as e,a as n,b as t}from"./gamification-dropdown-92e6c856.js";export{G as gamification_dropdown}from"./gamification-dropdown-92e6c856.js";import{r as a,h as i,g as r,c as o,a as l,F as s}from"./index-71b1bdfa.js";import{t as d,T as c}from"./locale.utils-34e6f004.js";import{r as h,t as v,g,P as p,a as f,b,L as x}from"./player-elevate-card-items-08c6fbd8.js";const u=class{constructor(e){a(this,e),this.stylingAppends=!1,this.clientStyling="",this.clientStylingUrl="",this.mbSource=void 0,this.translationUrl="",this.targetTranslations=void 0}componentDidLoad(){this.el&&(null!=window.emMessageBus?e(this.el,`${this.mbSource}.Style`):(this.clientStyling&&n(this.el,this.clientStyling),this.clientStylingUrl&&t(this.el,this.clientStylingUrl),this.stylingAppends=!0))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleClientStylingChange(e,t){e!=t&&n(this.el,this.clientStyling)}handleClientStylingUrlChange(e,n){e!=n&&this.clientStylingUrl&&t(this.el,this.clientStylingUrl)}componentDidRender(){this.stylingAppends||(this.clientStyling&&n(this.el,this.clientStyling),this.clientStylingUrl&&t(this.el,this.clientStylingUrl),this.stylingAppends=!0)}async componentWillLoad(){const e=[];if(this.translationUrl){const a=(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]||{},Object.keys(n[e]).forEach((a=>{if(!t.en[a])return;const i=t.en[a];"object"==typeof n[e][a]?(t[e][a]=t[e][a]||Object.assign({},i),Object.keys(n[e][a]).forEach((i=>{t[e][a][i]=n[e][a][i]}))):t[e][a]=n[e][a]||Object.assign({},i)}))})),e(!0)})).catch((n=>{console.error("Failed to load translations:",n),e(!1)}))})));e.push(a)}var n,t;return await Promise.all(e)}render(){return i("div",{key:"09ad83748bbad518743c8671b986c541c52bf3f0",class:"StyleShell"},i("slot",{key:"3b28b776d3944410c717b002b70946d274a4e8e7",name:"mainContent"}))}get el(){return r(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}}};function w(e){h(1,arguments);var n=v(e);return n.setHours(0,0,0,0),n}function y(e,n){return h(2,arguments),v(e).getTime()-v(n).getTime()}u.style=":host{display:block}";var m={ceil:Math.ceil,round:Math.round,floor:Math.floor,trunc:function(e){return e<0?Math.ceil(e):Math.floor(e)}};function L(e){return e?m[e]:m.trunc}const I=class{constructor(e){a(this,e),this.playerElevateLeveLoaded=o(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=v(e),a=v(n);return t.getTime()<a.getTime()}(new Date(e.expireTime),new Date(n.expireTime))?-1:1));const a=e.aboutToExpire[0],i=function(e,n){h(2,arguments);var t=w(e),a=w(n),i=t.getTime()-g(t),r=a.getTime()-g(a);return Math.round((i-r)/864e5)}(new Date(a.expireTime),new Date);let r=0,o=0,l=0===i?`${n}Day`:n;return i<=0&&(r=function(e,n,t){h(2,arguments);var a=y(e,n)/36e5;return L(null==t?void 0:t.roundingMethod)(a)}(new Date(a.expireTime),new Date,{roundingMethod:"floor"}),l=r>1?`${n}Hours`:`${n}Hour`,r<=0&&(o=function(e,n,t){h(2,arguments);var a=y(e,n)/6e4;return L(null==t?void 0:t.roundingMethod)(a)}(new Date(a.expireTime),new Date,{roundingMethod:"floor"}),l=o>1?`${n}Minutes`:`${n}Minute`)),t=d(l,{expirationPoints:a.points,expireDay:Math.max(i,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 a,i,r,o,l;if(!e.success)return console.error("Exception when fetch user elevateinfo, ",e.errorCode,e.errorMessage),void t(!0);window.postMessage({type:"UpdateGamificationXp",points:null===(i=null===(a=e.data)||void 0===a?void 0:a.level)||void 0===i?void 0:i.loyaltyPoints},window.location.href);let s=e.data;this.playerElevateLevel=s.level,this.playerElevateLevel.name=this.playerElevateLevel.presentation.displayName||this.playerElevateLevel.name,this.playerElevateLevel.spendablePoints=(null===(r=s.spendableWallet)||void 0===r?void 0:r.total.points)||0,this.playerElevateLeveLoaded.emit({elevateLevel:this.playerElevateLevel});const d=null===(o=e.data.spendableWallet)||void 0===o?void 0:o.total,c=null===(l=e.data.loyaltyWallet)||void 0===l?void 0:l.total;this.playerElevateLeveLoaded.emit({elevateLevelWalletTotal:d,loyaltyWalletTotal:c});let h=this.calcuatePointsToBeExpired(d,"coinsToBeExpired"),v=this.calcuatePointsToBeExpired(c,"pointsToBeExpired");(h||v)&&this.playerElevateLeveLoaded.emit({pointExpireString:h,xpExpireString:v}),n(this.playerElevateLevel)})).catch((e=>{console.log("error ",e),t(!0)}))))}setLoyaltyProgress(e){!function(e,n){const t=e.querySelector("#total_level"),a=t.getBBox().width,i=n>1?1:n,r=i*a-17<0?0:i*a-17,o=e.querySelector("#current_level"),l=e.querySelector("#filter_current_level"),s=e.querySelector("#circle_current_level");t.setAttribute("viewbox",`0 0 ${r} 28`),o.setAttribute("width",`${r}`),s.setAttribute("cx",`${r<6.5?6.5:r}`),l.setAttribute("x",""+(r-8));const d=e.querySelector("#lock"),c=e.querySelector("#filter_heart_ball"),h=e.querySelector("#filter_ball"),v=e.querySelector("#filter_heart"),g=e.querySelector("#filter_lock"),p=e.querySelector("#paint0_linear_ball"),f=e.querySelector("#paint1_linear_lock"),b=e.querySelector("#lock_box"),x=e.querySelector("#heart_box"),u=a-10;d.setAttribute("cx",`${u}`),f.setAttribute("x1",`${u}`),f.setAttribute("x2",`${u}`),p.setAttribute("x1",""+(u-6)),p.setAttribute("x2",""+(u-6+11.2)),g.setAttribute("x",""+(u-6)),v.setAttribute("x",""+(u-6-2)),h.setAttribute("x",""+(u-6-2-2)),c.setAttribute("x",""+(u-6-2-2-4)),b.setAttribute("x",""+(u-6)),x.setAttribute("x",""+(u-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,a)=>{n>e.firstEntryPoints&&(t=a)})),this.playerElevateLeveLoaded.emit({calculatedLevelFlag:t})}))}componentWillLoad(){this.loadElevateInfo()}get elevateCardRef(){return r(this)}static get watchers(){return{params:["onParamsChanged"]}}};I.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 C=class{constructor(e){a(this,e),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 d("tipsForNextLevel",{pointsToReach:e,levelName:n.name,lang:this.language})}return""}render(){const e=l("../static/card-ground.svg"),n=l("../static/card-ground-over.svg");return i("div",{key:"aa8f0d13a1e1d26ea7307d05fc50cda507172949",class:`ElevateCardWrapper ${this.theme}`},i("div",{key:"485075740ced316bf89f69359bdc8642dbb2af8f",class:"LoyaltyCard Outer",style:{backgroundImage:`url(${e}`}},i("general-styling-wrapper",{key:"3648821972ac115a1c33705463cdc2cdb427a95b",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:c,translationUrl:this.translationUrl,mbSource:this.mbSource}),i("player-elevate-card-data",{key:"7b36c46a869bd4b014d1f04dbb718445b23ec964",params:this.paramProxy}),i("div",{key:"f4e5aa453459f693e07c166028aec9b0b696c907",class:"OuterCover Inner",style:{backgroundImage:`url(${n}`}},i("div",{key:"d5f1894120cba3e7cf3c54b838a025f469bc445e",class:"Content Row"},this.playerElevateLevel&&i(s,{key:"112ee04598b23dda6911f043101c0c1631454d7f"},i("div",{key:"7af4b6e937bbe73cc00aae0f27f8c93da47bb626",class:"PlayerImg"},i(p,{key:"1b5037bfa196063f56cccd947c988a3aca0781b0",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),i("div",{key:"7b714e446f4e01edd4f4aefcc035d070b7d6a47b",class:`LevelInfo ${this.playerElevateLevel.name}`},i("div",{key:"37ad8ce5dae374685e74f6772d28e79d251932e3",class:"CardCell ElevateLevel"},i("span",{key:"2d9dcf4b08fcecc927d3e8bdca74c75ff4336480",class:"LevelName",title:this.playerElevateLevel.name},this.playerElevateLevel.name)),i("div",{key:"cc89cbaa70d9583b9626da15e98f9fd61d82f81f",class:"PointsRange"},i(f,{key:"32de4cac05a4fd5610af857b25e096a7cb9ba34d",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language}),i(f,{key:"298f492c8991384547c31396fc930b5c21f41501",loyaltyPoints:this.getNextLevelPoints(),language:this.language})),i(b,{key:"aca4f5642c41db1c4b7fa04411331a5c25c655dd"}),i("div",{key:"d841c5df319de105376c6eee24bc685757916aae",class:"NextLevelTip"},this.getNextLevelTips()),this.pointExpireString&&i("div",{key:"774279829f3f52ee5696550a855a833b39df8c81",class:"PointsInfo ExpirationPoints"},this.pointExpireString," "),this.playerElevateLevel.expireTime&&i(x,{key:"3a4319e502e85b26cb220942492b161ad842be82",expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat,language:this.language})))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};C.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}";export{u as general_styling_wrapper,I as player_elevate_card_data,C as player_elevate_loyaltycard}
|
|
1
|
+
import{s as e,a as n,b as t}from"./gamification-dropdown-92e6c856.js";export{G as gamification_dropdown}from"./gamification-dropdown-92e6c856.js";import{r as a,h as i,g as r,c as o,a as l,F as s}from"./index-71b1bdfa.js";import{t as d,T as c}from"./locale.utils-471ae737.js";import{r as h,t as v,g,P as p,a as f,b,L as x}from"./player-elevate-card-items-b4571def.js";const u=class{constructor(e){a(this,e),this.stylingAppends=!1,this.clientStyling="",this.clientStylingUrl="",this.mbSource=void 0,this.translationUrl="",this.targetTranslations=void 0}componentDidLoad(){this.el&&(null!=window.emMessageBus?e(this.el,`${this.mbSource}.Style`):(this.clientStyling&&n(this.el,this.clientStyling),this.clientStylingUrl&&t(this.el,this.clientStylingUrl),this.stylingAppends=!0))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleClientStylingChange(e,t){e!=t&&n(this.el,this.clientStyling)}handleClientStylingUrlChange(e,n){e!=n&&this.clientStylingUrl&&t(this.el,this.clientStylingUrl)}componentDidRender(){this.stylingAppends||(this.clientStyling&&n(this.el,this.clientStyling),this.clientStylingUrl&&t(this.el,this.clientStylingUrl),this.stylingAppends=!0)}async componentWillLoad(){const e=[];if(this.translationUrl){const a=(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]||{},Object.keys(n[e]).forEach((a=>{if(!t.en[a])return;const i=t.en[a];"object"==typeof n[e][a]?(t[e][a]=t[e][a]||Object.assign({},i),Object.keys(n[e][a]).forEach((i=>{t[e][a][i]=n[e][a][i]}))):t[e][a]=n[e][a]||Object.assign({},i)}))})),e(!0)})).catch((n=>{console.error("Failed to load translations:",n),e(!1)}))})));e.push(a)}var n,t;return await Promise.all(e)}render(){return i("div",{key:"09ad83748bbad518743c8671b986c541c52bf3f0",class:"StyleShell"},i("slot",{key:"3b28b776d3944410c717b002b70946d274a4e8e7",name:"mainContent"}))}get el(){return r(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}}};function w(e){h(1,arguments);var n=v(e);return n.setHours(0,0,0,0),n}function y(e,n){return h(2,arguments),v(e).getTime()-v(n).getTime()}u.style=":host{display:block}";var m={ceil:Math.ceil,round:Math.round,floor:Math.floor,trunc:function(e){return e<0?Math.ceil(e):Math.floor(e)}};function L(e){return e?m[e]:m.trunc}const I=class{constructor(e){a(this,e),this.playerElevateLeveLoaded=o(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=v(e),a=v(n);return t.getTime()<a.getTime()}(new Date(e.expireTime),new Date(n.expireTime))?-1:1));const a=e.aboutToExpire[0],i=function(e,n){h(2,arguments);var t=w(e),a=w(n),i=t.getTime()-g(t),r=a.getTime()-g(a);return Math.round((i-r)/864e5)}(new Date(a.expireTime),new Date);let r=0,o=0,l=0===i?`${n}Day`:n;return i<=0&&(r=function(e,n,t){h(2,arguments);var a=y(e,n)/36e5;return L(null==t?void 0:t.roundingMethod)(a)}(new Date(a.expireTime),new Date,{roundingMethod:"floor"}),l=r>1?`${n}Hours`:`${n}Hour`,r<=0&&(o=function(e,n,t){h(2,arguments);var a=y(e,n)/6e4;return L(null==t?void 0:t.roundingMethod)(a)}(new Date(a.expireTime),new Date,{roundingMethod:"floor"}),l=o>1?`${n}Minutes`:`${n}Minute`)),t=d(l,{expirationPoints:a.points,expireDay:Math.max(i,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 a,i,r,o,l;if(!e.success)return console.error("Exception when fetch user elevateinfo, ",e.errorCode,e.errorMessage),void t(!0);window.postMessage({type:"UpdateGamificationXp",points:null===(i=null===(a=e.data)||void 0===a?void 0:a.level)||void 0===i?void 0:i.loyaltyPoints},window.location.href);let s=e.data;this.playerElevateLevel=s.level,this.playerElevateLevel.name=this.playerElevateLevel.presentation.displayName||this.playerElevateLevel.name,this.playerElevateLevel.spendablePoints=(null===(r=s.spendableWallet)||void 0===r?void 0:r.total.points)||0,this.playerElevateLeveLoaded.emit({elevateLevel:this.playerElevateLevel});const d=null===(o=e.data.spendableWallet)||void 0===o?void 0:o.total,c=null===(l=e.data.loyaltyWallet)||void 0===l?void 0:l.total;this.playerElevateLeveLoaded.emit({elevateLevelWalletTotal:d,loyaltyWalletTotal:c});let h=this.calcuatePointsToBeExpired(d,"coinsToBeExpired"),v=this.calcuatePointsToBeExpired(c,"pointsToBeExpired");(h||v)&&this.playerElevateLeveLoaded.emit({pointExpireString:h,xpExpireString:v}),n(this.playerElevateLevel)})).catch((e=>{console.log("error ",e),t(!0)}))))}setLoyaltyProgress(e){!function(e,n){const t=e.querySelector("#total_level"),a=t.getBBox().width,i=n>1?1:n,r=i*a-17<0?0:i*a-17,o=e.querySelector("#current_level"),l=e.querySelector("#filter_current_level"),s=e.querySelector("#circle_current_level");t.setAttribute("viewbox",`0 0 ${r} 28`),o.setAttribute("width",`${r}`),s.setAttribute("cx",`${r<6.5?6.5:r}`),l.setAttribute("x",""+(r-8));const d=e.querySelector("#lock"),c=e.querySelector("#filter_heart_ball"),h=e.querySelector("#filter_ball"),v=e.querySelector("#filter_heart"),g=e.querySelector("#filter_lock"),p=e.querySelector("#paint0_linear_ball"),f=e.querySelector("#paint1_linear_lock"),b=e.querySelector("#lock_box"),x=e.querySelector("#heart_box"),u=a-10;d.setAttribute("cx",`${u}`),f.setAttribute("x1",`${u}`),f.setAttribute("x2",`${u}`),p.setAttribute("x1",""+(u-6)),p.setAttribute("x2",""+(u-6+11.2)),g.setAttribute("x",""+(u-6)),v.setAttribute("x",""+(u-6-2)),h.setAttribute("x",""+(u-6-2-2)),c.setAttribute("x",""+(u-6-2-2-4)),b.setAttribute("x",""+(u-6)),x.setAttribute("x",""+(u-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,a)=>{n>e.firstEntryPoints&&(t=a)})),this.playerElevateLeveLoaded.emit({calculatedLevelFlag:t})}))}componentWillLoad(){this.loadElevateInfo()}get elevateCardRef(){return r(this)}static get watchers(){return{params:["onParamsChanged"]}}};I.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 C=class{constructor(e){a(this,e),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 d("tipsForNextLevel",{pointsToReach:e,levelName:n.name,lang:this.language})}return""}render(){const e=l("../static/card-ground.svg"),n=l("../static/card-ground-over.svg");return i("div",{key:"aa8f0d13a1e1d26ea7307d05fc50cda507172949",class:`ElevateCardWrapper ${this.theme}`},i("div",{key:"485075740ced316bf89f69359bdc8642dbb2af8f",class:"LoyaltyCard Outer",style:{backgroundImage:`url(${e}`}},i("general-styling-wrapper",{key:"3648821972ac115a1c33705463cdc2cdb427a95b",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:c,translationUrl:this.translationUrl,mbSource:this.mbSource}),i("player-elevate-card-data",{key:"7b36c46a869bd4b014d1f04dbb718445b23ec964",params:this.paramProxy}),i("div",{key:"f4e5aa453459f693e07c166028aec9b0b696c907",class:"OuterCover Inner",style:{backgroundImage:`url(${n}`}},i("div",{key:"d5f1894120cba3e7cf3c54b838a025f469bc445e",class:"Content Row"},this.playerElevateLevel&&i(s,{key:"112ee04598b23dda6911f043101c0c1631454d7f"},i("div",{key:"7af4b6e937bbe73cc00aae0f27f8c93da47bb626",class:"PlayerImg"},i(p,{key:"1b5037bfa196063f56cccd947c988a3aca0781b0",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),i("div",{key:"7b714e446f4e01edd4f4aefcc035d070b7d6a47b",class:`LevelInfo ${this.playerElevateLevel.name}`},i("div",{key:"37ad8ce5dae374685e74f6772d28e79d251932e3",class:"CardCell ElevateLevel"},i("span",{key:"2d9dcf4b08fcecc927d3e8bdca74c75ff4336480",class:"LevelName",title:this.playerElevateLevel.name},this.playerElevateLevel.name)),i("div",{key:"cc89cbaa70d9583b9626da15e98f9fd61d82f81f",class:"PointsRange"},i(f,{key:"32de4cac05a4fd5610af857b25e096a7cb9ba34d",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language}),i(f,{key:"298f492c8991384547c31396fc930b5c21f41501",loyaltyPoints:this.getNextLevelPoints(),language:this.language})),i(b,{key:"aca4f5642c41db1c4b7fa04411331a5c25c655dd"}),i("div",{key:"d841c5df319de105376c6eee24bc685757916aae",class:"NextLevelTip"},this.getNextLevelTips()),this.pointExpireString&&i("div",{key:"774279829f3f52ee5696550a855a833b39df8c81",class:"PointsInfo ExpirationPoints"},this.pointExpireString," "),this.playerElevateLevel.expireTime&&i(x,{key:"3a4319e502e85b26cb220942492b161ad842be82",expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat,language:this.language})))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};C.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}";export{u as general_styling_wrapper,I as player_elevate_card_data,C as player_elevate_loyaltycard}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
const e="en",i=["en","zh-hk","it","fr","tr","hr"],n={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:"
|
|
1
|
+
const e="en",i=["en","zh-hk","it","fr","tr","hr"],n={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:"Kullan",claim:"Talep Et",expireOn:"Geçerlilik tarihi: ",coinsToBeExpired:"${expirationPoints} coin ${expireDay} gün içinde sona erecek",coinsToBeExpiredDay:"${expirationPoints} coin ${expireDay} gün içinde sona erecek",coinsToBeExpiredHours:"${expirationPoints} coin ${expireDay} saat içinde sona erecek",coinsToBeExpiredHour:"${expirationPoints} coin ${expireDay} saat içinde sona erecek",coinsToBeExpiredMinutes:"${expirationPoints} coin ${expireDay} dakika içinde sona erecek",coinsToBeExpiredMinute:"${expirationPoints} coin ${expireDay} dakika içinde sona erecek",pointsToBeExpired:"${expirationPoints} puan ${expireDay} gün içinde sona erecek",pointsToBeExpiredDay:"${expirationPoints} puan ${expireDay} gün içinde sona erecek",pointsToBeExpiredHours:"${expirationPoints} puan ${expireDay} saat içinde sona erecek",pointsToBeExpiredHour:"${expirationPoints} puan ${expireDay} saat içinde sona erecek",pointsToBeExpiredMinutes:"${expirationPoints} puan ${expireDay} dakika içinde sona erecek",pointsToBeExpiredMinute:"${expirationPoints} puan ${expireDay} dakika içinde sona erecek",tipsForNextLevel:"Sonraki seviye ${levelName}. Seviye atlamak için ${pointsToReach} XP",spendablePoints:"Kullanılabilir Puan:",details:"Detaylar",earningRules:"Kazanma Kuralları",xp:"XP",sp:"Coin",termAndConditions:"Şartlar ve Koşullar",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"}},o=(o,t)=>{const a=t;return n[void 0!==a&&i.includes(a)?a:e][o]},t=(o,t)=>{const a=t.lang;let r=n[void 0!==a&&i.includes(a)?a:e][o];return t?(Object.keys(t).forEach((e=>{r=r.replace(new RegExp("\\${"+e+"}","gm"),t[e])})),r):n[void 0!==a&&i.includes(a)?a:e][o]};export{n as T,o as a,t}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,a as t}from"./index-71b1bdfa.js";import{a as n}from"./locale.utils-34e6f004.js";function r(e){return r="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},r(e)}function a(e){if(null===e||!0===e||!1===e)return NaN;var t=Number(e);return isNaN(t)?t:t<0?Math.ceil(t):Math.floor(t)}function i(e,t){if(t.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+t.length+" present")}function o(e){i(1,arguments);var t=Object.prototype.toString.call(e);return e instanceof Date||"object"===r(e)&&"[object Date]"===t?new Date(e.getTime()):"number"==typeof e||"[object Number]"===t?new Date(e):("string"!=typeof e&&"[object String]"!==t||"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))}var u={};function l(){return u}function s(e){var t=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return t.setUTCFullYear(e.getFullYear()),e.getTime()-t.getTime()}function c(e){i(1,arguments);var t=o(e),n=t.getUTCDay(),r=(n<1?7:0)+n-1;return t.setUTCDate(t.getUTCDate()-r),t.setUTCHours(0,0,0,0),t}function d(e){i(1,arguments);var t=o(e),n=t.getUTCFullYear(),r=new Date(0);r.setUTCFullYear(n+1,0,4),r.setUTCHours(0,0,0,0);var a=c(r),u=new Date(0);u.setUTCFullYear(n,0,4),u.setUTCHours(0,0,0,0);var l=c(u);return t.getTime()>=a.getTime()?n+1:t.getTime()>=l.getTime()?n:n-1}function f(e,t){var n,r,u,s,c,d,f,h;i(1,arguments);var m=l(),v=a(null!==(n=null!==(r=null!==(u=null!==(s=null==t?void 0:t.weekStartsOn)&&void 0!==s?s:null==t||null===(c=t.locale)||void 0===c||null===(d=c.options)||void 0===d?void 0:d.weekStartsOn)&&void 0!==u?u:m.weekStartsOn)&&void 0!==r?r:null===(f=m.locale)||void 0===f||null===(h=f.options)||void 0===h?void 0:h.weekStartsOn)&&void 0!==n?n:0);if(!(v>=0&&v<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var g=o(e),w=g.getUTCDay(),p=(w<v?7:0)+w-v;return g.setUTCDate(g.getUTCDate()-p),g.setUTCHours(0,0,0,0),g}function h(e,t){var n,r,u,s,c,d,h,m;i(1,arguments);var v=o(e),g=v.getUTCFullYear(),w=l(),p=a(null!==(n=null!==(r=null!==(u=null!==(s=null==t?void 0:t.firstWeekContainsDate)&&void 0!==s?s:null==t||null===(c=t.locale)||void 0===c||null===(d=c.options)||void 0===d?void 0:d.firstWeekContainsDate)&&void 0!==u?u:w.firstWeekContainsDate)&&void 0!==r?r:null===(h=w.locale)||void 0===h||null===(m=h.options)||void 0===m?void 0:m.firstWeekContainsDate)&&void 0!==n?n:1);if(!(p>=1&&p<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var y=new Date(0);y.setUTCFullYear(g+1,0,p),y.setUTCHours(0,0,0,0);var b=f(y,t),x=new Date(0);x.setUTCFullYear(g,0,p),x.setUTCHours(0,0,0,0);var M=f(x,t);return v.getTime()>=b.getTime()?g+1:v.getTime()>=M.getTime()?g:g-1}function m(e,t){for(var n=e<0?"-":"",r=Math.abs(e).toString();r.length<t;)r="0"+r;return n+r}const v=function(e,t){var n=e.getUTCFullYear(),r=n>0?n:1-n;return m("yy"===t?r%100:r,t.length)},g=function(e,t){var n=e.getUTCMonth();return"M"===t?String(n+1):m(n+1,2)},w=function(e,t){return m(e.getUTCDate(),t.length)},p=function(e,t){return m(e.getUTCHours()%12||12,t.length)},y=function(e,t){return m(e.getUTCHours(),t.length)},b=function(e,t){return m(e.getUTCMinutes(),t.length)},x=function(e,t){return m(e.getUTCSeconds(),t.length)},M=function(e,t){var n=t.length,r=e.getUTCMilliseconds();return m(Math.floor(r*Math.pow(10,n-3)),t.length)};var S={G:function(e,t,n){var r=e.getUTCFullYear()>0?1:0;switch(t){case"G":case"GG":case"GGG":return n.era(r,{width:"abbreviated"});case"GGGGG":return n.era(r,{width:"narrow"});default:return n.era(r,{width:"wide"})}},y:function(e,t,n){if("yo"===t){var r=e.getUTCFullYear();return n.ordinalNumber(r>0?r:1-r,{unit:"year"})}return v(e,t)},Y:function(e,t,n,r){var a=h(e,r),i=a>0?a:1-a;return"YY"===t?m(i%100,2):"Yo"===t?n.ordinalNumber(i,{unit:"year"}):m(i,t.length)},R:function(e,t){return m(d(e),t.length)},u:function(e,t){return m(e.getUTCFullYear(),t.length)},Q:function(e,t,n){var r=Math.ceil((e.getUTCMonth()+1)/3);switch(t){case"Q":return String(r);case"QQ":return m(r,2);case"Qo":return n.ordinalNumber(r,{unit:"quarter"});case"QQQ":return n.quarter(r,{width:"abbreviated",context:"formatting"});case"QQQQQ":return n.quarter(r,{width:"narrow",context:"formatting"});default:return n.quarter(r,{width:"wide",context:"formatting"})}},q:function(e,t,n){var r=Math.ceil((e.getUTCMonth()+1)/3);switch(t){case"q":return String(r);case"qq":return m(r,2);case"qo":return n.ordinalNumber(r,{unit:"quarter"});case"qqq":return n.quarter(r,{width:"abbreviated",context:"standalone"});case"qqqqq":return n.quarter(r,{width:"narrow",context:"standalone"});default:return n.quarter(r,{width:"wide",context:"standalone"})}},M:function(e,t,n){var r=e.getUTCMonth();switch(t){case"M":case"MM":return g(e,t);case"Mo":return n.ordinalNumber(r+1,{unit:"month"});case"MMM":return n.month(r,{width:"abbreviated",context:"formatting"});case"MMMMM":return n.month(r,{width:"narrow",context:"formatting"});default:return n.month(r,{width:"wide",context:"formatting"})}},L:function(e,t,n){var r=e.getUTCMonth();switch(t){case"L":return String(r+1);case"LL":return m(r+1,2);case"Lo":return n.ordinalNumber(r+1,{unit:"month"});case"LLL":return n.month(r,{width:"abbreviated",context:"standalone"});case"LLLLL":return n.month(r,{width:"narrow",context:"standalone"});default:return n.month(r,{width:"wide",context:"standalone"})}},w:function(e,t,n,r){var u=function(e,t){i(1,arguments);var n=o(e),r=f(n,t).getTime()-function(e,t){var n,r,o,u,s,c,d,m;i(1,arguments);var v=l(),g=a(null!==(n=null!==(r=null!==(o=null!==(u=null==t?void 0:t.firstWeekContainsDate)&&void 0!==u?u:null==t||null===(s=t.locale)||void 0===s||null===(c=s.options)||void 0===c?void 0:c.firstWeekContainsDate)&&void 0!==o?o:v.firstWeekContainsDate)&&void 0!==r?r:null===(d=v.locale)||void 0===d||null===(m=d.options)||void 0===m?void 0:m.firstWeekContainsDate)&&void 0!==n?n:1),w=h(e,t),p=new Date(0);return p.setUTCFullYear(w,0,g),p.setUTCHours(0,0,0,0),f(p,t)}(n,t).getTime();return Math.round(r/6048e5)+1}(e,r);return"wo"===t?n.ordinalNumber(u,{unit:"week"}):m(u,t.length)},I:function(e,t,n){var r=function(e){i(1,arguments);var t=o(e),n=c(t).getTime()-function(e){i(1,arguments);var t=d(e),n=new Date(0);return n.setUTCFullYear(t,0,4),n.setUTCHours(0,0,0,0),c(n)}(t).getTime();return Math.round(n/6048e5)+1}(e);return"Io"===t?n.ordinalNumber(r,{unit:"week"}):m(r,t.length)},d:function(e,t,n){return"do"===t?n.ordinalNumber(e.getUTCDate(),{unit:"date"}):w(e,t)},D:function(e,t,n){var r=function(e){i(1,arguments);var t=o(e),n=t.getTime();t.setUTCMonth(0,1),t.setUTCHours(0,0,0,0);var r=t.getTime();return Math.floor((n-r)/864e5)+1}(e);return"Do"===t?n.ordinalNumber(r,{unit:"dayOfYear"}):m(r,t.length)},E:function(e,t,n){var r=e.getUTCDay();switch(t){case"E":case"EE":case"EEE":return n.day(r,{width:"abbreviated",context:"formatting"});case"EEEEE":return n.day(r,{width:"narrow",context:"formatting"});case"EEEEEE":return n.day(r,{width:"short",context:"formatting"});default:return n.day(r,{width:"wide",context:"formatting"})}},e:function(e,t,n,r){var a=e.getUTCDay(),i=(a-r.weekStartsOn+8)%7||7;switch(t){case"e":return String(i);case"ee":return m(i,2);case"eo":return n.ordinalNumber(i,{unit:"day"});case"eee":return n.day(a,{width:"abbreviated",context:"formatting"});case"eeeee":return n.day(a,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(a,{width:"short",context:"formatting"});default:return n.day(a,{width:"wide",context:"formatting"})}},c:function(e,t,n,r){var a=e.getUTCDay(),i=(a-r.weekStartsOn+8)%7||7;switch(t){case"c":return String(i);case"cc":return m(i,t.length);case"co":return n.ordinalNumber(i,{unit:"day"});case"ccc":return n.day(a,{width:"abbreviated",context:"standalone"});case"ccccc":return n.day(a,{width:"narrow",context:"standalone"});case"cccccc":return n.day(a,{width:"short",context:"standalone"});default:return n.day(a,{width:"wide",context:"standalone"})}},i:function(e,t,n){var r=e.getUTCDay(),a=0===r?7:r;switch(t){case"i":return String(a);case"ii":return m(a,t.length);case"io":return n.ordinalNumber(a,{unit:"day"});case"iii":return n.day(r,{width:"abbreviated",context:"formatting"});case"iiiii":return n.day(r,{width:"narrow",context:"formatting"});case"iiiiii":return n.day(r,{width:"short",context:"formatting"});default:return n.day(r,{width:"wide",context:"formatting"})}},a:function(e,t,n){var r=e.getUTCHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"aaa":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return n.dayPeriod(r,{width:"narrow",context:"formatting"});default:return n.dayPeriod(r,{width:"wide",context:"formatting"})}},b:function(e,t,n){var r,a=e.getUTCHours();switch(r=12===a?"noon":0===a?"midnight":a/12>=1?"pm":"am",t){case"b":case"bb":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"bbb":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return n.dayPeriod(r,{width:"narrow",context:"formatting"});default:return n.dayPeriod(r,{width:"wide",context:"formatting"})}},B:function(e,t,n){var r,a=e.getUTCHours();switch(r=a>=17?"evening":a>=12?"afternoon":a>=4?"morning":"night",t){case"B":case"BB":case"BBB":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"BBBBB":return n.dayPeriod(r,{width:"narrow",context:"formatting"});default:return n.dayPeriod(r,{width:"wide",context:"formatting"})}},h:function(e,t,n){if("ho"===t){var r=e.getUTCHours()%12;return 0===r&&(r=12),n.ordinalNumber(r,{unit:"hour"})}return p(e,t)},H:function(e,t,n){return"Ho"===t?n.ordinalNumber(e.getUTCHours(),{unit:"hour"}):y(e,t)},K:function(e,t,n){var r=e.getUTCHours()%12;return"Ko"===t?n.ordinalNumber(r,{unit:"hour"}):m(r,t.length)},k:function(e,t,n){var r=e.getUTCHours();return 0===r&&(r=24),"ko"===t?n.ordinalNumber(r,{unit:"hour"}):m(r,t.length)},m:function(e,t,n){return"mo"===t?n.ordinalNumber(e.getUTCMinutes(),{unit:"minute"}):b(e,t)},s:function(e,t,n){return"so"===t?n.ordinalNumber(e.getUTCSeconds(),{unit:"second"}):x(e,t)},S:function(e,t){return M(e,t)},X:function(e,t,n,r){var a=(r._originalDate||e).getTimezoneOffset();if(0===a)return"Z";switch(t){case"X":return B(a);case"XXXX":case"XX":return k(a);default:return k(a,":")}},x:function(e,t,n,r){var a=(r._originalDate||e).getTimezoneOffset();switch(t){case"x":return B(a);case"xxxx":case"xx":return k(a);default:return k(a,":")}},O:function(e,t,n,r){var a=(r._originalDate||e).getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+_(a,":");default:return"GMT"+k(a,":")}},z:function(e,t,n,r){var a=(r._originalDate||e).getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+_(a,":");default:return"GMT"+k(a,":")}},t:function(e,t,n,r){return m(Math.floor((r._originalDate||e).getTime()/1e3),t.length)},T:function(e,t,n,r){return m((r._originalDate||e).getTime(),t.length)}};function _(e,t){var n=e>0?"-":"+",r=Math.abs(e),a=Math.floor(r/60),i=r%60;if(0===i)return n+String(a);var o=t||"";return n+String(a)+o+m(i,2)}function B(e,t){return e%60==0?(e>0?"-":"+")+m(Math.abs(e)/60,2):k(e,t)}function k(e,t){var n=t||"",r=e>0?"-":"+",a=Math.abs(e);return r+m(Math.floor(a/60),2)+n+m(a%60,2)}const D=S;var C=function(e,t){switch(e){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});default:return t.date({width:"full"})}},P=function(e,t){switch(e){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});default:return t.time({width:"full"})}},E={p:P,P:function(e,t){var n,r=e.match(/(P+)(p+)?/)||[],a=r[1],i=r[2];if(!i)return C(e,t);switch(a){case"P":n=t.dateTime({width:"short"});break;case"PP":n=t.dateTime({width:"medium"});break;case"PPP":n=t.dateTime({width:"long"});break;default:n=t.dateTime({width:"full"})}return n.replace("{{date}}",C(a,t)).replace("{{time}}",P(i,t))}};const G=E;var O=["D","DD"],A=["YY","YYYY"];function W(e,t,n){if("YYYY"===e)throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(t,"`) for formatting years to the input `").concat(n,"`; 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(t,"`) for formatting years to the input `").concat(n,"`; 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(t,"`) for formatting days of the month to the input `").concat(n,"`; 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(t,"`) for formatting days of the month to the input `").concat(n,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}var F={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 T(e){return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=t.width?String(t.width):e.defaultWidth;return e.formats[n]||e.formats[e.defaultWidth]}}var Y,L={date:T({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:T({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:T({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 j(e){return function(t,n){var r;if("formatting"===(null!=n&&n.context?String(n.context):"standalone")&&e.formattingValues){var a=e.defaultFormattingWidth||e.defaultWidth,i=null!=n&&n.width?String(n.width):a;r=e.formattingValues[i]||e.formattingValues[a]}else{var o=e.defaultWidth,u=null!=n&&n.width?String(n.width):e.defaultWidth;r=e.values[u]||e.values[o]}return r[e.argumentCallback?e.argumentCallback(t):t]}}function R(e){return function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=n.width,a=t.match(r&&e.matchPatterns[r]||e.matchPatterns[e.defaultMatchWidth]);if(!a)return null;var i,o=a[0],u=r&&e.parsePatterns[r]||e.parsePatterns[e.defaultParseWidth],l=Array.isArray(u)?function(e){for(var t=0;t<e.length;t++)if(e[t].test(o))return t}(u):function(e){for(var t in e)if(e.hasOwnProperty(t)&&e[t].test(o))return t}(u);return i=e.valueCallback?e.valueCallback(l):l,{value:i=n.valueCallback?n.valueCallback(i):i,rest:t.slice(o.length)}}}const z={code:"en-US",formatDistance:function(e,t,n){var r,a=F[e];return r="string"==typeof a?a:1===t?a.one:a.other.replace("{{count}}",t.toString()),null!=n&&n.addSuffix?n.comparison&&n.comparison>0?"in "+r:r+" ago":r},formatLong:L,formatRelative:function(e){return q[e]},localize:{ordinalNumber:function(e){var t=Number(e),n=t%100;if(n>20||n<10)switch(n%10){case 1:return t+"st";case 2:return t+"nd";case 3:return t+"rd"}return t+"th"},era:j({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:j({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:j({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:j({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:j({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:(Y={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:function(e){return parseInt(e,10)}},function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.match(Y.matchPattern);if(!n)return null;var r=n[0],a=e.match(Y.parsePattern);if(!a)return null;var i=Y.valueCallback?Y.valueCallback(a[0]):a[0];return{value:i=t.valueCallback?t.valueCallback(i):i,rest:e.slice(r.length)}}),era:R({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:R({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:R({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:R({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:R({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 I=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,U=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,H=/^'([^]*?)'?$/,N=/''/g,Q=/[a-zA-Z]/;function X(e,t,n){var u,c,d,f,h,m,v,g,w,p,y,b,x,M,S,_,B,k;i(2,arguments);var C=String(t),P=l(),E=null!==(u=null!==(c=null==n?void 0:n.locale)&&void 0!==c?c:P.locale)&&void 0!==u?u:z,F=a(null!==(d=null!==(f=null!==(h=null!==(m=null==n?void 0:n.firstWeekContainsDate)&&void 0!==m?m:null==n||null===(v=n.locale)||void 0===v||null===(g=v.options)||void 0===g?void 0:g.firstWeekContainsDate)&&void 0!==h?h:P.firstWeekContainsDate)&&void 0!==f?f:null===(w=P.locale)||void 0===w||null===(p=w.options)||void 0===p?void 0:p.firstWeekContainsDate)&&void 0!==d?d:1);if(!(F>=1&&F<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var T=a(null!==(y=null!==(b=null!==(x=null!==(M=null==n?void 0:n.weekStartsOn)&&void 0!==M?M:null==n||null===(S=n.locale)||void 0===S||null===(_=S.options)||void 0===_?void 0:_.weekStartsOn)&&void 0!==x?x:P.weekStartsOn)&&void 0!==b?b:null===(B=P.locale)||void 0===B||null===(k=B.options)||void 0===k?void 0:k.weekStartsOn)&&void 0!==y?y:0);if(!(T>=0&&T<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!E.localize)throw new RangeError("locale must contain localize property");if(!E.formatLong)throw new RangeError("locale must contain formatLong property");var Y=o(e);if(!function(e){if(i(1,arguments),!function(e){return i(1,arguments),e instanceof Date||"object"===r(e)&&"[object Date]"===Object.prototype.toString.call(e)}(e)&&"number"!=typeof e)return!1;var t=o(e);return!isNaN(Number(t))}(Y))throw new RangeError("Invalid time value");var L=function(e,t){return i(2,arguments),function(e,t){i(2,arguments);var n=o(e).getTime(),r=a(t);return new Date(n+r)}(e,-a(t))}(Y,s(Y)),q={firstWeekContainsDate:F,weekStartsOn:T,locale:E,_originalDate:Y};return C.match(U).map((function(e){var t=e[0];return"p"===t||"P"===t?(0,G[t])(e,E.formatLong):e})).join("").match(I).map((function(r){if("''"===r)return"'";var a,i,o=r[0];if("'"===o)return(i=(a=r).match(H))?i[1].replace(N,"'"):a;var u=D[o];if(u)return null!=n&&n.useAdditionalWeekYearTokens||-1===A.indexOf(r)||W(r,t,String(e)),null!=n&&n.useAdditionalDayOfYearTokens||!(-1!==O.indexOf(r))||W(r,t,String(e)),u(L,r,E.localize,q);if(o.match(Q))throw new RangeError("Format string contains an unescaped latin alphabet character `"+o+"`");return r})).join("")}const J=()=>e("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'}),V=({loyaltyPoints:t,spendablePoints:r,pointExpireString:a,language:i})=>e("div",{class:"PointsInfo"},t&&t>=0&&e("div",{class:"Points"},t," ",e("sub",{class:"XP"},n("xp",i))),r&&e("div",{class:"Points"},r," ",e("sub",{class:"XP"},n("sp",i))),a&&e("div",{class:"ExpirationPoints"},a," ")),Z=({language:t,onRedeemClick:r})=>e("div",{class:"CardCell Redeem"},e("div",{class:"RedeemButton",onClick:()=>{r()}},e("span",null,n("redeem",t)))),$=t=>e("div",{class:"CardCell PlayerName Txt"},t.playerName),K=r=>e("div",{class:"CardCell ElevateLevel"},e("span",{class:"LevelName",title:r.level},r.level),r.expireTime&&e("div",{class:"CardCell ExpirationDate Txt"},n("expireOn",r.language),e("span",{class:"ExpireTime"},X(new Date(r.expireTime),r.dateFormat||"yyyy-MM-dd")),!r.hideInfo&&e("span",{class:"fa Info",style:{background:`url(${t("../static/info.svg")})`}},e("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'})))),ee=t=>e("div",{class:"CardCell ElevateLevel Expire"},e("div",{class:"CardCell ExpirationDate Txt"},n("expireOn",t.language),e("span",{class:"ExpireTime"},X(new Date(t.expireTime),t.dateFormat||"yyyy-MM-dd")))),te=n=>{const r=n.loyaltyIconUrl?e("img",{class:"Badge",src:n.loyaltyIconUrl}):n.hideIfNull?"":e("div",{class:"Badge"}),a=n.playerAvatarUrl||t("../static/user.svg");return e("div",{class:"PlayerAvatar",style:{position:n.onlyBadge?"":"relative"}},!n.onlyBadge&&e("img",{class:"Avatar",src:a}),r)};export{ee as L,te as P,V as a,J as b,$ as c,K as d,Z as e,s as g,i as r,o as t}
|
|
1
|
+
import{h as e,a as t}from"./index-71b1bdfa.js";import{a as n}from"./locale.utils-471ae737.js";function r(e){return r="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},r(e)}function a(e){if(null===e||!0===e||!1===e)return NaN;var t=Number(e);return isNaN(t)?t:t<0?Math.ceil(t):Math.floor(t)}function i(e,t){if(t.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+t.length+" present")}function o(e){i(1,arguments);var t=Object.prototype.toString.call(e);return e instanceof Date||"object"===r(e)&&"[object Date]"===t?new Date(e.getTime()):"number"==typeof e||"[object Number]"===t?new Date(e):("string"!=typeof e&&"[object String]"!==t||"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))}var u={};function l(){return u}function s(e){var t=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return t.setUTCFullYear(e.getFullYear()),e.getTime()-t.getTime()}function c(e){i(1,arguments);var t=o(e),n=t.getUTCDay(),r=(n<1?7:0)+n-1;return t.setUTCDate(t.getUTCDate()-r),t.setUTCHours(0,0,0,0),t}function d(e){i(1,arguments);var t=o(e),n=t.getUTCFullYear(),r=new Date(0);r.setUTCFullYear(n+1,0,4),r.setUTCHours(0,0,0,0);var a=c(r),u=new Date(0);u.setUTCFullYear(n,0,4),u.setUTCHours(0,0,0,0);var l=c(u);return t.getTime()>=a.getTime()?n+1:t.getTime()>=l.getTime()?n:n-1}function f(e,t){var n,r,u,s,c,d,f,h;i(1,arguments);var m=l(),v=a(null!==(n=null!==(r=null!==(u=null!==(s=null==t?void 0:t.weekStartsOn)&&void 0!==s?s:null==t||null===(c=t.locale)||void 0===c||null===(d=c.options)||void 0===d?void 0:d.weekStartsOn)&&void 0!==u?u:m.weekStartsOn)&&void 0!==r?r:null===(f=m.locale)||void 0===f||null===(h=f.options)||void 0===h?void 0:h.weekStartsOn)&&void 0!==n?n:0);if(!(v>=0&&v<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var g=o(e),w=g.getUTCDay(),p=(w<v?7:0)+w-v;return g.setUTCDate(g.getUTCDate()-p),g.setUTCHours(0,0,0,0),g}function h(e,t){var n,r,u,s,c,d,h,m;i(1,arguments);var v=o(e),g=v.getUTCFullYear(),w=l(),p=a(null!==(n=null!==(r=null!==(u=null!==(s=null==t?void 0:t.firstWeekContainsDate)&&void 0!==s?s:null==t||null===(c=t.locale)||void 0===c||null===(d=c.options)||void 0===d?void 0:d.firstWeekContainsDate)&&void 0!==u?u:w.firstWeekContainsDate)&&void 0!==r?r:null===(h=w.locale)||void 0===h||null===(m=h.options)||void 0===m?void 0:m.firstWeekContainsDate)&&void 0!==n?n:1);if(!(p>=1&&p<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var y=new Date(0);y.setUTCFullYear(g+1,0,p),y.setUTCHours(0,0,0,0);var b=f(y,t),x=new Date(0);x.setUTCFullYear(g,0,p),x.setUTCHours(0,0,0,0);var M=f(x,t);return v.getTime()>=b.getTime()?g+1:v.getTime()>=M.getTime()?g:g-1}function m(e,t){for(var n=e<0?"-":"",r=Math.abs(e).toString();r.length<t;)r="0"+r;return n+r}const v=function(e,t){var n=e.getUTCFullYear(),r=n>0?n:1-n;return m("yy"===t?r%100:r,t.length)},g=function(e,t){var n=e.getUTCMonth();return"M"===t?String(n+1):m(n+1,2)},w=function(e,t){return m(e.getUTCDate(),t.length)},p=function(e,t){return m(e.getUTCHours()%12||12,t.length)},y=function(e,t){return m(e.getUTCHours(),t.length)},b=function(e,t){return m(e.getUTCMinutes(),t.length)},x=function(e,t){return m(e.getUTCSeconds(),t.length)},M=function(e,t){var n=t.length,r=e.getUTCMilliseconds();return m(Math.floor(r*Math.pow(10,n-3)),t.length)};var S={G:function(e,t,n){var r=e.getUTCFullYear()>0?1:0;switch(t){case"G":case"GG":case"GGG":return n.era(r,{width:"abbreviated"});case"GGGGG":return n.era(r,{width:"narrow"});default:return n.era(r,{width:"wide"})}},y:function(e,t,n){if("yo"===t){var r=e.getUTCFullYear();return n.ordinalNumber(r>0?r:1-r,{unit:"year"})}return v(e,t)},Y:function(e,t,n,r){var a=h(e,r),i=a>0?a:1-a;return"YY"===t?m(i%100,2):"Yo"===t?n.ordinalNumber(i,{unit:"year"}):m(i,t.length)},R:function(e,t){return m(d(e),t.length)},u:function(e,t){return m(e.getUTCFullYear(),t.length)},Q:function(e,t,n){var r=Math.ceil((e.getUTCMonth()+1)/3);switch(t){case"Q":return String(r);case"QQ":return m(r,2);case"Qo":return n.ordinalNumber(r,{unit:"quarter"});case"QQQ":return n.quarter(r,{width:"abbreviated",context:"formatting"});case"QQQQQ":return n.quarter(r,{width:"narrow",context:"formatting"});default:return n.quarter(r,{width:"wide",context:"formatting"})}},q:function(e,t,n){var r=Math.ceil((e.getUTCMonth()+1)/3);switch(t){case"q":return String(r);case"qq":return m(r,2);case"qo":return n.ordinalNumber(r,{unit:"quarter"});case"qqq":return n.quarter(r,{width:"abbreviated",context:"standalone"});case"qqqqq":return n.quarter(r,{width:"narrow",context:"standalone"});default:return n.quarter(r,{width:"wide",context:"standalone"})}},M:function(e,t,n){var r=e.getUTCMonth();switch(t){case"M":case"MM":return g(e,t);case"Mo":return n.ordinalNumber(r+1,{unit:"month"});case"MMM":return n.month(r,{width:"abbreviated",context:"formatting"});case"MMMMM":return n.month(r,{width:"narrow",context:"formatting"});default:return n.month(r,{width:"wide",context:"formatting"})}},L:function(e,t,n){var r=e.getUTCMonth();switch(t){case"L":return String(r+1);case"LL":return m(r+1,2);case"Lo":return n.ordinalNumber(r+1,{unit:"month"});case"LLL":return n.month(r,{width:"abbreviated",context:"standalone"});case"LLLLL":return n.month(r,{width:"narrow",context:"standalone"});default:return n.month(r,{width:"wide",context:"standalone"})}},w:function(e,t,n,r){var u=function(e,t){i(1,arguments);var n=o(e),r=f(n,t).getTime()-function(e,t){var n,r,o,u,s,c,d,m;i(1,arguments);var v=l(),g=a(null!==(n=null!==(r=null!==(o=null!==(u=null==t?void 0:t.firstWeekContainsDate)&&void 0!==u?u:null==t||null===(s=t.locale)||void 0===s||null===(c=s.options)||void 0===c?void 0:c.firstWeekContainsDate)&&void 0!==o?o:v.firstWeekContainsDate)&&void 0!==r?r:null===(d=v.locale)||void 0===d||null===(m=d.options)||void 0===m?void 0:m.firstWeekContainsDate)&&void 0!==n?n:1),w=h(e,t),p=new Date(0);return p.setUTCFullYear(w,0,g),p.setUTCHours(0,0,0,0),f(p,t)}(n,t).getTime();return Math.round(r/6048e5)+1}(e,r);return"wo"===t?n.ordinalNumber(u,{unit:"week"}):m(u,t.length)},I:function(e,t,n){var r=function(e){i(1,arguments);var t=o(e),n=c(t).getTime()-function(e){i(1,arguments);var t=d(e),n=new Date(0);return n.setUTCFullYear(t,0,4),n.setUTCHours(0,0,0,0),c(n)}(t).getTime();return Math.round(n/6048e5)+1}(e);return"Io"===t?n.ordinalNumber(r,{unit:"week"}):m(r,t.length)},d:function(e,t,n){return"do"===t?n.ordinalNumber(e.getUTCDate(),{unit:"date"}):w(e,t)},D:function(e,t,n){var r=function(e){i(1,arguments);var t=o(e),n=t.getTime();t.setUTCMonth(0,1),t.setUTCHours(0,0,0,0);var r=t.getTime();return Math.floor((n-r)/864e5)+1}(e);return"Do"===t?n.ordinalNumber(r,{unit:"dayOfYear"}):m(r,t.length)},E:function(e,t,n){var r=e.getUTCDay();switch(t){case"E":case"EE":case"EEE":return n.day(r,{width:"abbreviated",context:"formatting"});case"EEEEE":return n.day(r,{width:"narrow",context:"formatting"});case"EEEEEE":return n.day(r,{width:"short",context:"formatting"});default:return n.day(r,{width:"wide",context:"formatting"})}},e:function(e,t,n,r){var a=e.getUTCDay(),i=(a-r.weekStartsOn+8)%7||7;switch(t){case"e":return String(i);case"ee":return m(i,2);case"eo":return n.ordinalNumber(i,{unit:"day"});case"eee":return n.day(a,{width:"abbreviated",context:"formatting"});case"eeeee":return n.day(a,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(a,{width:"short",context:"formatting"});default:return n.day(a,{width:"wide",context:"formatting"})}},c:function(e,t,n,r){var a=e.getUTCDay(),i=(a-r.weekStartsOn+8)%7||7;switch(t){case"c":return String(i);case"cc":return m(i,t.length);case"co":return n.ordinalNumber(i,{unit:"day"});case"ccc":return n.day(a,{width:"abbreviated",context:"standalone"});case"ccccc":return n.day(a,{width:"narrow",context:"standalone"});case"cccccc":return n.day(a,{width:"short",context:"standalone"});default:return n.day(a,{width:"wide",context:"standalone"})}},i:function(e,t,n){var r=e.getUTCDay(),a=0===r?7:r;switch(t){case"i":return String(a);case"ii":return m(a,t.length);case"io":return n.ordinalNumber(a,{unit:"day"});case"iii":return n.day(r,{width:"abbreviated",context:"formatting"});case"iiiii":return n.day(r,{width:"narrow",context:"formatting"});case"iiiiii":return n.day(r,{width:"short",context:"formatting"});default:return n.day(r,{width:"wide",context:"formatting"})}},a:function(e,t,n){var r=e.getUTCHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"aaa":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return n.dayPeriod(r,{width:"narrow",context:"formatting"});default:return n.dayPeriod(r,{width:"wide",context:"formatting"})}},b:function(e,t,n){var r,a=e.getUTCHours();switch(r=12===a?"noon":0===a?"midnight":a/12>=1?"pm":"am",t){case"b":case"bb":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"bbb":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return n.dayPeriod(r,{width:"narrow",context:"formatting"});default:return n.dayPeriod(r,{width:"wide",context:"formatting"})}},B:function(e,t,n){var r,a=e.getUTCHours();switch(r=a>=17?"evening":a>=12?"afternoon":a>=4?"morning":"night",t){case"B":case"BB":case"BBB":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"BBBBB":return n.dayPeriod(r,{width:"narrow",context:"formatting"});default:return n.dayPeriod(r,{width:"wide",context:"formatting"})}},h:function(e,t,n){if("ho"===t){var r=e.getUTCHours()%12;return 0===r&&(r=12),n.ordinalNumber(r,{unit:"hour"})}return p(e,t)},H:function(e,t,n){return"Ho"===t?n.ordinalNumber(e.getUTCHours(),{unit:"hour"}):y(e,t)},K:function(e,t,n){var r=e.getUTCHours()%12;return"Ko"===t?n.ordinalNumber(r,{unit:"hour"}):m(r,t.length)},k:function(e,t,n){var r=e.getUTCHours();return 0===r&&(r=24),"ko"===t?n.ordinalNumber(r,{unit:"hour"}):m(r,t.length)},m:function(e,t,n){return"mo"===t?n.ordinalNumber(e.getUTCMinutes(),{unit:"minute"}):b(e,t)},s:function(e,t,n){return"so"===t?n.ordinalNumber(e.getUTCSeconds(),{unit:"second"}):x(e,t)},S:function(e,t){return M(e,t)},X:function(e,t,n,r){var a=(r._originalDate||e).getTimezoneOffset();if(0===a)return"Z";switch(t){case"X":return B(a);case"XXXX":case"XX":return k(a);default:return k(a,":")}},x:function(e,t,n,r){var a=(r._originalDate||e).getTimezoneOffset();switch(t){case"x":return B(a);case"xxxx":case"xx":return k(a);default:return k(a,":")}},O:function(e,t,n,r){var a=(r._originalDate||e).getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+_(a,":");default:return"GMT"+k(a,":")}},z:function(e,t,n,r){var a=(r._originalDate||e).getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+_(a,":");default:return"GMT"+k(a,":")}},t:function(e,t,n,r){return m(Math.floor((r._originalDate||e).getTime()/1e3),t.length)},T:function(e,t,n,r){return m((r._originalDate||e).getTime(),t.length)}};function _(e,t){var n=e>0?"-":"+",r=Math.abs(e),a=Math.floor(r/60),i=r%60;if(0===i)return n+String(a);var o=t||"";return n+String(a)+o+m(i,2)}function B(e,t){return e%60==0?(e>0?"-":"+")+m(Math.abs(e)/60,2):k(e,t)}function k(e,t){var n=t||"",r=e>0?"-":"+",a=Math.abs(e);return r+m(Math.floor(a/60),2)+n+m(a%60,2)}const D=S;var C=function(e,t){switch(e){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});default:return t.date({width:"full"})}},P=function(e,t){switch(e){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});default:return t.time({width:"full"})}},E={p:P,P:function(e,t){var n,r=e.match(/(P+)(p+)?/)||[],a=r[1],i=r[2];if(!i)return C(e,t);switch(a){case"P":n=t.dateTime({width:"short"});break;case"PP":n=t.dateTime({width:"medium"});break;case"PPP":n=t.dateTime({width:"long"});break;default:n=t.dateTime({width:"full"})}return n.replace("{{date}}",C(a,t)).replace("{{time}}",P(i,t))}};const G=E;var O=["D","DD"],A=["YY","YYYY"];function W(e,t,n){if("YYYY"===e)throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(t,"`) for formatting years to the input `").concat(n,"`; 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(t,"`) for formatting years to the input `").concat(n,"`; 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(t,"`) for formatting days of the month to the input `").concat(n,"`; 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(t,"`) for formatting days of the month to the input `").concat(n,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}var F={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 T(e){return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=t.width?String(t.width):e.defaultWidth;return e.formats[n]||e.formats[e.defaultWidth]}}var Y,L={date:T({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:T({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:T({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 j(e){return function(t,n){var r;if("formatting"===(null!=n&&n.context?String(n.context):"standalone")&&e.formattingValues){var a=e.defaultFormattingWidth||e.defaultWidth,i=null!=n&&n.width?String(n.width):a;r=e.formattingValues[i]||e.formattingValues[a]}else{var o=e.defaultWidth,u=null!=n&&n.width?String(n.width):e.defaultWidth;r=e.values[u]||e.values[o]}return r[e.argumentCallback?e.argumentCallback(t):t]}}function R(e){return function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=n.width,a=t.match(r&&e.matchPatterns[r]||e.matchPatterns[e.defaultMatchWidth]);if(!a)return null;var i,o=a[0],u=r&&e.parsePatterns[r]||e.parsePatterns[e.defaultParseWidth],l=Array.isArray(u)?function(e){for(var t=0;t<e.length;t++)if(e[t].test(o))return t}(u):function(e){for(var t in e)if(e.hasOwnProperty(t)&&e[t].test(o))return t}(u);return i=e.valueCallback?e.valueCallback(l):l,{value:i=n.valueCallback?n.valueCallback(i):i,rest:t.slice(o.length)}}}const z={code:"en-US",formatDistance:function(e,t,n){var r,a=F[e];return r="string"==typeof a?a:1===t?a.one:a.other.replace("{{count}}",t.toString()),null!=n&&n.addSuffix?n.comparison&&n.comparison>0?"in "+r:r+" ago":r},formatLong:L,formatRelative:function(e){return q[e]},localize:{ordinalNumber:function(e){var t=Number(e),n=t%100;if(n>20||n<10)switch(n%10){case 1:return t+"st";case 2:return t+"nd";case 3:return t+"rd"}return t+"th"},era:j({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:j({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:j({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:j({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:j({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:(Y={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:function(e){return parseInt(e,10)}},function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.match(Y.matchPattern);if(!n)return null;var r=n[0],a=e.match(Y.parsePattern);if(!a)return null;var i=Y.valueCallback?Y.valueCallback(a[0]):a[0];return{value:i=t.valueCallback?t.valueCallback(i):i,rest:e.slice(r.length)}}),era:R({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:R({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:R({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:R({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:R({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 I=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,U=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,H=/^'([^]*?)'?$/,N=/''/g,Q=/[a-zA-Z]/;function X(e,t,n){var u,c,d,f,h,m,v,g,w,p,y,b,x,M,S,_,B,k;i(2,arguments);var C=String(t),P=l(),E=null!==(u=null!==(c=null==n?void 0:n.locale)&&void 0!==c?c:P.locale)&&void 0!==u?u:z,F=a(null!==(d=null!==(f=null!==(h=null!==(m=null==n?void 0:n.firstWeekContainsDate)&&void 0!==m?m:null==n||null===(v=n.locale)||void 0===v||null===(g=v.options)||void 0===g?void 0:g.firstWeekContainsDate)&&void 0!==h?h:P.firstWeekContainsDate)&&void 0!==f?f:null===(w=P.locale)||void 0===w||null===(p=w.options)||void 0===p?void 0:p.firstWeekContainsDate)&&void 0!==d?d:1);if(!(F>=1&&F<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var T=a(null!==(y=null!==(b=null!==(x=null!==(M=null==n?void 0:n.weekStartsOn)&&void 0!==M?M:null==n||null===(S=n.locale)||void 0===S||null===(_=S.options)||void 0===_?void 0:_.weekStartsOn)&&void 0!==x?x:P.weekStartsOn)&&void 0!==b?b:null===(B=P.locale)||void 0===B||null===(k=B.options)||void 0===k?void 0:k.weekStartsOn)&&void 0!==y?y:0);if(!(T>=0&&T<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!E.localize)throw new RangeError("locale must contain localize property");if(!E.formatLong)throw new RangeError("locale must contain formatLong property");var Y=o(e);if(!function(e){if(i(1,arguments),!function(e){return i(1,arguments),e instanceof Date||"object"===r(e)&&"[object Date]"===Object.prototype.toString.call(e)}(e)&&"number"!=typeof e)return!1;var t=o(e);return!isNaN(Number(t))}(Y))throw new RangeError("Invalid time value");var L=function(e,t){return i(2,arguments),function(e,t){i(2,arguments);var n=o(e).getTime(),r=a(t);return new Date(n+r)}(e,-a(t))}(Y,s(Y)),q={firstWeekContainsDate:F,weekStartsOn:T,locale:E,_originalDate:Y};return C.match(U).map((function(e){var t=e[0];return"p"===t||"P"===t?(0,G[t])(e,E.formatLong):e})).join("").match(I).map((function(r){if("''"===r)return"'";var a,i,o=r[0];if("'"===o)return(i=(a=r).match(H))?i[1].replace(N,"'"):a;var u=D[o];if(u)return null!=n&&n.useAdditionalWeekYearTokens||-1===A.indexOf(r)||W(r,t,String(e)),null!=n&&n.useAdditionalDayOfYearTokens||!(-1!==O.indexOf(r))||W(r,t,String(e)),u(L,r,E.localize,q);if(o.match(Q))throw new RangeError("Format string contains an unescaped latin alphabet character `"+o+"`");return r})).join("")}const J=()=>e("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'}),V=({loyaltyPoints:t,spendablePoints:r,pointExpireString:a,language:i})=>e("div",{class:"PointsInfo"},t&&t>=0&&e("div",{class:"Points"},t," ",e("sub",{class:"XP"},n("xp",i))),r&&e("div",{class:"Points"},r," ",e("sub",{class:"XP"},n("sp",i))),a&&e("div",{class:"ExpirationPoints"},a," ")),Z=({language:t,onRedeemClick:r})=>e("div",{class:"CardCell Redeem"},e("div",{class:"RedeemButton",onClick:()=>{r()}},e("span",null,n("redeem",t)))),$=t=>e("div",{class:"CardCell PlayerName Txt"},t.playerName),K=r=>e("div",{class:"CardCell ElevateLevel"},e("span",{class:"LevelName",title:r.level},r.level),r.expireTime&&e("div",{class:"CardCell ExpirationDate Txt"},n("expireOn",r.language),e("span",{class:"ExpireTime"},X(new Date(r.expireTime),r.dateFormat||"yyyy-MM-dd")),!r.hideInfo&&e("span",{class:"fa Info",style:{background:`url(${t("../static/info.svg")})`}},e("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'})))),ee=t=>e("div",{class:"CardCell ElevateLevel Expire"},e("div",{class:"CardCell ExpirationDate Txt"},n("expireOn",t.language),e("span",{class:"ExpireTime"},X(new Date(t.expireTime),t.dateFormat||"yyyy-MM-dd")))),te=n=>{const r=n.loyaltyIconUrl?e("img",{class:"Badge",src:n.loyaltyIconUrl}):n.hideIfNull?"":e("div",{class:"Badge"}),a=n.playerAvatarUrl||t("../static/user.svg");return e("div",{class:"PlayerAvatar",style:{position:n.onlyBadge?"":"relative"}},!n.onlyBadge&&e("img",{class:"Avatar",src:a}),r)};export{ee as L,te as P,V as a,J as b,$ as c,K as d,Z as e,s as g,i as r,o as t}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,a as n,h as a,F as t}from"./index-71b1bdfa.js";import{P as i,a as s,c as r,d,b as o,e as l}from"./player-elevate-card-items-
|
|
1
|
+
import{r as e,a as n,h as a,F as t}from"./index-71b1bdfa.js";import{P as i,a as s,c as r,d,b as o,e as l}from"./player-elevate-card-items-b4571def.js";import{T as c}from"./locale.utils-471ae737.js";const f=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.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=n("../static/card-ground.svg"),f=n("../static/card-ground-over.svg");return a("div",{key:"e976417483a756b8f67d70feb09afb544efb3802",class:`ElevateCardWrapper ${this.theme}`},a("div",{key:"5de2dbc7d093bbcbe7b415122effa691c058ddb6",class:"Card Outer",style:{backgroundImage:`url(${e}`}},a("general-styling-wrapper",{key:"1a5b13640d37efab6dacee24e27f9f2bdc83cd0c",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:c,translationUrl:this.translationUrl,mbSource:this.mbSource}),a("player-elevate-card-data",{key:"e80389984932f77408c772ad9cb130de99e88504",params:this.paramProxy}),a("div",{key:"fec6145e06a300bc044fec2f96e61dfe86f44d6c",class:"OuterCover Inner",style:{backgroundImage:`url(${f}`}},this.playerElevateLevel&&a(t,{key:"90b1f057c5d1d5ae286a75c3d30182c16593bbe6"},a("div",{key:"cf5a0cc332fc6beafe079a2b500ebbc1f8d21b91",class:"Content Row"},a("div",{key:"f3348ba8eb7bcb08085ab49ce2059c7fd86f862f",class:"PlayerImg"},a(i,{key:"8fa96d942ee70d43ea0231b87f5d5de0b72198df",playerAvatarUrl:this.playerAvatarUrl,loyaltyIconUrl:this.playerElevateLevel.presentation.asset}),a(s,{key:"f774e833169326404d44dd8c2361bd89f0e5a9e6",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language})),this.pointExpireString&&a("div",{key:"c85b28e71be4e13df275f2ae74f5b0c9538b3cda",class:"PointsInfo ExpirationPoints"},this.pointExpireString," "),a("div",{key:"63ef752d5e25c3a65e5af7977b9e9f4846b8ba45",class:`LevelInfo Level${this.playerLevelFlag} ${this.playerElevateLevel.presentation.displayName}`},a(r,{key:"7cc0d416fe0aadc1b7406b95b31d23ad2ca45ba4",playerName:this.playerName}),a(d,{key:"38d7c5aed410c9bf55e9640a98f6f74fc2d38291",hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat}),a(o,{key:"2e1305ff3bea4cb2f432f1187c40bb36a1464627"}),a(l,{key:"427405f246bec7a028b5164fc70292b769ea609b",onRedeemClick:this.onRedeemClick,language:this.language})))))))}static get assetsDirs(){return["../static"]}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};f.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}";export{f as player_elevate_card}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,a as t,h as i,F as a}from"./index-71b1bdfa.js";import{T as n,a as s}from"./locale.utils-
|
|
1
|
+
import{r as e,a as t,h as i,F as a}from"./index-71b1bdfa.js";import{T as n,a as s}from"./locale.utils-471ae737.js";import{P as r,a as o}from"./player-elevate-card-items-b4571def.js";const d=class{constructor(t){e(this,t),this.isPointDetailCard="earningRule"===this.buttonType,this.endpoint=void 0,this.theme="Dark",this.session=void 0,this.playerAvatarUrl=void 0,this.language="en",this.mbSource=void 0,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=t("../static/card-ground.svg"),d=t("../static/card-ground-over.svg");return i("div",{key:"45aa5be359b46d5503a8310daa4db2029a8c59b8",class:`ElevateCardWrapper ${this.theme}`},i("div",{key:"0d1773bd9eb0913ede4eeedfc93f22967aa133d6",class:"PointsCard Outer ",style:{backgroundImage:`url(${e}`}},i("general-styling-wrapper",{key:"cfb35c5220633e39e25b11f0be5b6fc5cc73df5c",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:n,translationUrl:this.translationUrl,mbSource:this.mbSource}),i("player-elevate-card-data",{key:"25206c4deb6e51e3ea60259d4fee3452df8253d6",params:this.paramProxy}),i("div",{key:"c14ee3498a1a584b7f484fe2ef6a204c337d2b27",class:"OuterCover Inner",style:{backgroundImage:`url(${d}`}},i("div",{key:"dd7e0528034013d889f1f9bfbacf7928d2b4d1e9",class:"Content Row"},this.playerElevateLevel&&i(a,{key:"20b36f112f735446a6219b61e012e4568f199717"},i("div",{key:"3705136c1ee509484f43b7268b23cfbe273f727c",class:"PlayerImg"},i(r,{key:"b81cbcff0528acd3253a676e0a64141c6414fc2a",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),i("div",{key:"311b3ffcdf8a3ffe4b609fd0f1d9dee83424ca58",class:`LevelInfo ${this.playerElevateLevel.name}`},i("div",{key:"ba1744b3b9cee03a424093df96454ff68d04aec1",class:"PointsTxt Label"},this.cardTitle?this.cardTitle:s("spendablePoints",this.language)),i("div",{key:"6b554d17a0f74684e23549365fb06f6079ba7239",class:"PointsTxt SPPoints"},i(o,{key:"6c9f812eccea99cd94095c252ba552816f800447",spendablePoints:this.playerElevateLevel.spendablePoints,language:this.language}),i("a",{key:"eb79d25c2ccce8c542a192c1ca07265649dbd1bc",class:"TC",onClick:()=>{this.onDetailsClick()}},s("termAndConditions",this.language))),this.pointExpireString&&i("div",{key:"e64127c87c4c4a3e5253606e2c4c472e9b728103",class:"ExpirationPoints"},this.pointExpireString," ")))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};d.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}";export{d as player_elevate_pointcard}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as a,h as e}from"./index-71b1bdfa.js";import{a as t,t as i,T as n}from"./locale.utils-
|
|
1
|
+
import{r as a,h as e}from"./index-71b1bdfa.js";import{a as t,t as i,T as n}from"./locale.utils-471ae737.js";const r=class{constructor(e){a(this,e),this.truncateNumber=(a,e=2)=>{const t=a.toString(),[i,n=""]=t.split(".");return e>0?`${i}.${n?n.slice(0,e):"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.mbSource=void 0,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(a){const{type:e}=null==a?void 0:a.data;"RakebackClaimConfirmed"===e&&this.claimRakeback()}async loadRakebackInfo(){if(this.endpoint&&this.session){this.isLoading=!0;try{const a=new URL(`${this.endpoint}/v1/elevate/playerInfo?language=${this.language}`),e=await fetch(a.href,{method:"GET",headers:{"X-Sessionid":this.session,"Content-Type":"application/json"}});if(!e.ok)throw new Error(`HTTP error! status: ${e.status}`);const t=await e.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:n,claimable:r,currency:o,minutesCanClaim:s}=i||{};this.rakebackInfo={hasRakebackWallet:!0,points:(null==n?void 0:n.points)?this.truncateNumber(n.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(a){console.error("Error loading rakeback info:",a),window.postMessage({type:"RakebackClaimError",message:a.message},window.location.href)}finally{this.isLoading=!1}}}async claimRakeback(){this.isLoading=!0;try{const a=new URL(`${this.endpoint}/v1/elevate/rakeback/claim`),e=await fetch(a.href,{method:"PUT",headers:{"X-Sessionid":this.session,"Content-Type":"application/json"},body:JSON.stringify({})});if(!e.ok)throw new Error(`HTTP error! status: ${e.status}`);const t=await e.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(a){console.error("Error claiming rakeback:",a),window.postMessage({type:"RakebackClaimError",message:a.message},window.location.href)}finally{this.isLoading=!1}}async componentWillLoad(){await this.loadRakebackInfo(),await this.onShowOrHasRakebackWalletChange()}render(){return this.showTheWidget?e("div",{class:"RakebackCard"},e("general-styling-wrapper",{clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:n,translationUrl:this.translationUrl,mbSource:this.mbSource}),e("div",{class:"RakebackCardContent"},e("div",{class:"RakebackTitle"},t("rakebackTitle",this.language)),e("div",{class:"RakebackDetails"},e("div",{class:"RakebackInfo"},e("div",{class:"RakebackNumContainer"},e("span",{class:"RakebackNum"},this.rakebackInfo.points),e("span",{class:"RakebackCurrency"},this.rakebackInfo.currency))),e("div",{class:"RakebackButton "+(this.isLoading||!this.rakebackInfo.claimable?"disabled":""),onClick:this.sendRakebackClaimedEvent},t("claim",this.language))),!this.rakebackInfo.claimable&&this.rakebackInfo.showCanClaim&&e("div",{class:"RakebackCoolOff"},i("minutesCanClaim",{lang:this.language,minutes:this.rakebackInfo.minutesCanClaim})))):null}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"],show:["onShowOrHasRakebackWalletChange"],rakebackInfo:["onShowOrHasRakebackWalletChange"]}}};r.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{r as player_rakeback_card}
|
package/package.json
CHANGED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|