@everymatrix/player-elevate-card 1.49.0 → 1.49.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/general-styling-wrapper_5.cjs.entry.js +74 -4
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/player-elevate-card.cjs.js +1 -1
- package/dist/collection/components/player-elevate-card-data/player-elevate-card-data.js +16 -5
- package/dist/collection/utils/locale.utils.js +17 -1
- package/dist/esm/general-styling-wrapper_5.entry.js +74 -4
- package/dist/esm/loader.js +1 -1
- package/dist/esm/player-elevate-card.js +1 -1
- package/dist/player-elevate-card/p-a9ce0470.entry.js +1 -0
- package/dist/player-elevate-card/player-elevate-card.esm.js +1 -1
- package/dist/types/components/player-elevate-card-data/player-elevate-card-data.d.ts +1 -0
- package/package.json +2 -2
- package/dist/player-elevate-card/p-f0255884.entry.js +0 -1
|
@@ -161,7 +161,7 @@ const LoyaltyProgress = `<svg width="100%" height="28" style="opacity: 0" fill="
|
|
|
161
161
|
`;
|
|
162
162
|
|
|
163
163
|
const DEFAULT_LANGUAGE = 'en';
|
|
164
|
-
const SUPPORTED_LANGUAGES = ['en', 'zh-hk', 'it', 'fr', 'tr'];
|
|
164
|
+
const SUPPORTED_LANGUAGES = ['en', 'zh-hk', 'it', 'fr', 'tr', 'hr'];
|
|
165
165
|
const TRANSLATIONS = {
|
|
166
166
|
en: {
|
|
167
167
|
redeem: 'Redeem',
|
|
@@ -170,6 +170,8 @@ const TRANSLATIONS = {
|
|
|
170
170
|
pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
|
|
171
171
|
pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
|
|
172
172
|
pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
|
|
173
|
+
pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
|
|
174
|
+
pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
|
|
173
175
|
tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
|
|
174
176
|
spendablePoints: 'Spendable Points:',
|
|
175
177
|
details: 'Details',
|
|
@@ -185,6 +187,8 @@ const TRANSLATIONS = {
|
|
|
185
187
|
pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
|
|
186
188
|
pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
|
|
187
189
|
pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
|
|
190
|
+
pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
|
|
191
|
+
pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
|
|
188
192
|
tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
|
|
189
193
|
spendablePoints: 'Spendable Points:',
|
|
190
194
|
details: '明细',
|
|
@@ -200,6 +204,8 @@ const TRANSLATIONS = {
|
|
|
200
204
|
pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
|
|
201
205
|
pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
|
|
202
206
|
pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
|
|
207
|
+
pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
|
|
208
|
+
pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
|
|
203
209
|
tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
|
|
204
210
|
spendablePoints: 'Spendable Points:',
|
|
205
211
|
details: 'Details',
|
|
@@ -215,6 +221,8 @@ const TRANSLATIONS = {
|
|
|
215
221
|
pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
|
|
216
222
|
pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
|
|
217
223
|
pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
|
|
224
|
+
pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
|
|
225
|
+
pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
|
|
218
226
|
tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
|
|
219
227
|
spendablePoints: 'Spendable Points:',
|
|
220
228
|
details: 'Details',
|
|
@@ -230,6 +238,8 @@ const TRANSLATIONS = {
|
|
|
230
238
|
pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
|
|
231
239
|
pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
|
|
232
240
|
pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
|
|
241
|
+
pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
|
|
242
|
+
pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
|
|
233
243
|
tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
|
|
234
244
|
spendablePoints: 'Spendable Points:',
|
|
235
245
|
details: 'Details',
|
|
@@ -248,6 +258,8 @@ const TRANSLATIONS = {
|
|
|
248
258
|
pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
|
|
249
259
|
pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
|
|
250
260
|
pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
|
|
261
|
+
pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
|
|
262
|
+
pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
|
|
251
263
|
tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
|
|
252
264
|
spendablePoints: 'Spendable Points:',
|
|
253
265
|
details: 'Details',
|
|
@@ -266,6 +278,10 @@ const TRANSLATIONS = {
|
|
|
266
278
|
redeem: 'Otkupiti',
|
|
267
279
|
expireOn: 'Istječe',
|
|
268
280
|
pointsToBeExpired: '${expirationPoints} bodova ističe za ${expireDay} dana',
|
|
281
|
+
pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
|
|
282
|
+
pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
|
|
283
|
+
pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
|
|
284
|
+
pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
|
|
269
285
|
tipsForNextLevel: 'Trebate ${pointsToReach} da dosegnete razinu ${levelName}',
|
|
270
286
|
spendablePoints: 'Bodovi za potrošit:',
|
|
271
287
|
details: 'Detalji',
|
|
@@ -2705,6 +2721,16 @@ function differenceInCalendarDays(dirtyDateLeft, dirtyDateRight) {
|
|
|
2705
2721
|
* @default
|
|
2706
2722
|
*/
|
|
2707
2723
|
|
|
2724
|
+
/**
|
|
2725
|
+
* Milliseconds in 1 minute
|
|
2726
|
+
*
|
|
2727
|
+
* @name millisecondsInMinute
|
|
2728
|
+
* @constant
|
|
2729
|
+
* @type {number}
|
|
2730
|
+
* @default
|
|
2731
|
+
*/
|
|
2732
|
+
var millisecondsInMinute = 60000;
|
|
2733
|
+
|
|
2708
2734
|
/**
|
|
2709
2735
|
* Milliseconds in 1 hour
|
|
2710
2736
|
*
|
|
@@ -2785,6 +2811,43 @@ function differenceInHours(dateLeft, dateRight, options) {
|
|
|
2785
2811
|
return getRoundingMethod(options === null || options === void 0 ? void 0 : options.roundingMethod)(diff);
|
|
2786
2812
|
}
|
|
2787
2813
|
|
|
2814
|
+
/**
|
|
2815
|
+
* @name differenceInMinutes
|
|
2816
|
+
* @category Minute Helpers
|
|
2817
|
+
* @summary Get the number of minutes between the given dates.
|
|
2818
|
+
*
|
|
2819
|
+
* @description
|
|
2820
|
+
* Get the signed number of full (rounded towards 0) minutes between the given dates.
|
|
2821
|
+
*
|
|
2822
|
+
* @param {Date|Number} dateLeft - the later date
|
|
2823
|
+
* @param {Date|Number} dateRight - the earlier date
|
|
2824
|
+
* @param {Object} [options] - an object with options.
|
|
2825
|
+
* @param {String} [options.roundingMethod='trunc'] - a rounding method (`ceil`, `floor`, `round` or `trunc`)
|
|
2826
|
+
* @returns {Number} the number of minutes
|
|
2827
|
+
* @throws {TypeError} 2 arguments required
|
|
2828
|
+
*
|
|
2829
|
+
* @example
|
|
2830
|
+
* // How many minutes are between 2 July 2014 12:07:59 and 2 July 2014 12:20:00?
|
|
2831
|
+
* const result = differenceInMinutes(
|
|
2832
|
+
* new Date(2014, 6, 2, 12, 20, 0),
|
|
2833
|
+
* new Date(2014, 6, 2, 12, 7, 59)
|
|
2834
|
+
* )
|
|
2835
|
+
* //=> 12
|
|
2836
|
+
*
|
|
2837
|
+
* @example
|
|
2838
|
+
* // How many minutes are between 10:01:59 and 10:00:00
|
|
2839
|
+
* const result = differenceInMinutes(
|
|
2840
|
+
* new Date(2000, 0, 1, 10, 0, 0),
|
|
2841
|
+
* new Date(2000, 0, 1, 10, 1, 59)
|
|
2842
|
+
* )
|
|
2843
|
+
* //=> -1
|
|
2844
|
+
*/
|
|
2845
|
+
function differenceInMinutes(dateLeft, dateRight, options) {
|
|
2846
|
+
requiredArgs(2, arguments);
|
|
2847
|
+
var diff = differenceInMilliseconds(dateLeft, dateRight) / millisecondsInMinute;
|
|
2848
|
+
return getRoundingMethod(options === null || options === void 0 ? void 0 : options.roundingMethod)(diff);
|
|
2849
|
+
}
|
|
2850
|
+
|
|
2788
2851
|
/**
|
|
2789
2852
|
* @name isBefore
|
|
2790
2853
|
* @category Common Helpers
|
|
@@ -2879,6 +2942,9 @@ const PlayerElevateCardData = class {
|
|
|
2879
2942
|
onParamsChanged() {
|
|
2880
2943
|
this.loadElevateInfo();
|
|
2881
2944
|
}
|
|
2945
|
+
redeemGiftButtonHandler() {
|
|
2946
|
+
this.loadElevateInfo();
|
|
2947
|
+
}
|
|
2882
2948
|
onRedeemClick() {
|
|
2883
2949
|
window.postMessage({ type: 'BEERedeemClicked' }, window.location.href);
|
|
2884
2950
|
}
|
|
@@ -2912,14 +2978,18 @@ const PlayerElevateCardData = class {
|
|
|
2912
2978
|
});
|
|
2913
2979
|
const aboutToExpire = walletTotalInfo.aboutToExpire[0];
|
|
2914
2980
|
const daysToExpried = differenceInCalendarDays(new Date(aboutToExpire.expireTime), new Date());
|
|
2915
|
-
let hoursToExpired = 0, expiredTranslationKey = daysToExpried === 0 ? 'pointsToBeExpiredDay' : 'pointsToBeExpired';
|
|
2981
|
+
let hoursToExpired = 0, minutesToExpired = 0, expiredTranslationKey = daysToExpried === 0 ? 'pointsToBeExpiredDay' : 'pointsToBeExpired';
|
|
2916
2982
|
if (daysToExpried == 0) {
|
|
2917
|
-
hoursToExpired = differenceInHours(new Date(aboutToExpire.expireTime), new Date());
|
|
2983
|
+
hoursToExpired = differenceInHours(new Date(aboutToExpire.expireTime), new Date(), { roundingMethod: 'floor' });
|
|
2918
2984
|
expiredTranslationKey = hoursToExpired > 1 ? 'pointsToBeExpiredHours' : 'pointsToBeExpiredHour';
|
|
2919
2985
|
}
|
|
2986
|
+
if (hoursToExpired == 0) {
|
|
2987
|
+
minutesToExpired = differenceInMinutes(new Date(aboutToExpire.expireTime), new Date(), { roundingMethod: 'floor' });
|
|
2988
|
+
expiredTranslationKey = minutesToExpired > 1 ? 'pointsToBeExpiredMinutes' : 'pointsToBeExpiredMinute';
|
|
2989
|
+
}
|
|
2920
2990
|
pointExpireInfoAsString = translateWithParams(expiredTranslationKey, {
|
|
2921
2991
|
expirationPoints: aboutToExpire.points,
|
|
2922
|
-
expireDay: daysToExpried,
|
|
2992
|
+
expireDay: Math.max(daysToExpried, hoursToExpired, minutesToExpired),
|
|
2923
2993
|
});
|
|
2924
2994
|
return pointExpireInfoAsString;
|
|
2925
2995
|
}
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await appGlobals.globalScripts();
|
|
11
|
-
return index.bootstrapLazy([["general-styling-wrapper_5.cjs",[[1,"player-elevate-card",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerLevelFlag":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[1,"player-elevate-loyaltycard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[1,"player-elevate-pointcard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"cardTitle":[513,"card-title"],"buttonType":[513,"button-type"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32],"elevateSPTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"]],{"params":["onParamsChanged"]}]]]], options);
|
|
11
|
+
return index.bootstrapLazy([["general-styling-wrapper_5.cjs",[[1,"player-elevate-card",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerLevelFlag":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[1,"player-elevate-loyaltycard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[1,"player-elevate-pointcard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"cardTitle":[513,"card-title"],"buttonType":[513,"button-type"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32],"elevateSPTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"],[8,"redeemGiftButton","redeemGiftButtonHandler"]],{"params":["onParamsChanged"]}]]]], options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy([["general-styling-wrapper_5.cjs",[[1,"player-elevate-card",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerLevelFlag":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[1,"player-elevate-loyaltycard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[1,"player-elevate-pointcard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"cardTitle":[513,"card-title"],"buttonType":[513,"button-type"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32],"elevateSPTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"]],{"params":["onParamsChanged"]}]]]], options);
|
|
22
|
+
return index.bootstrapLazy([["general-styling-wrapper_5.cjs",[[1,"player-elevate-card",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerLevelFlag":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[1,"player-elevate-loyaltycard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[1,"player-elevate-pointcard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"cardTitle":[513,"card-title"],"buttonType":[513,"button-type"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32],"elevateSPTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"],[8,"redeemGiftButton","redeemGiftButtonHandler"]],{"params":["onParamsChanged"]}]]]], options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { differenceInCalendarDays, differenceInHours, isBefore } from "date-fns";
|
|
1
|
+
import { differenceInCalendarDays, differenceInHours, differenceInMinutes, isBefore } from "date-fns";
|
|
2
2
|
import { translateWithParams } from "../../utils/locale.utils";
|
|
3
3
|
import "../../../../../general-styling-wrapper/dist/types/index";
|
|
4
4
|
import { updateProgressSvg } from "../../utils/utils";
|
|
@@ -14,6 +14,9 @@ export class PlayerElevateCardData {
|
|
|
14
14
|
onParamsChanged() {
|
|
15
15
|
this.loadElevateInfo();
|
|
16
16
|
}
|
|
17
|
+
redeemGiftButtonHandler() {
|
|
18
|
+
this.loadElevateInfo();
|
|
19
|
+
}
|
|
17
20
|
onRedeemClick() {
|
|
18
21
|
window.postMessage({ type: 'BEERedeemClicked' }, window.location.href);
|
|
19
22
|
}
|
|
@@ -47,16 +50,18 @@ export class PlayerElevateCardData {
|
|
|
47
50
|
});
|
|
48
51
|
const aboutToExpire = walletTotalInfo.aboutToExpire[0];
|
|
49
52
|
const daysToExpried = differenceInCalendarDays(new Date(aboutToExpire.expireTime), new Date());
|
|
50
|
-
let hoursToExpired = 0, expiredTranslationKey = daysToExpried === 0 ? 'pointsToBeExpiredDay' : 'pointsToBeExpired';
|
|
53
|
+
let hoursToExpired = 0, minutesToExpired = 0, expiredTranslationKey = daysToExpried === 0 ? 'pointsToBeExpiredDay' : 'pointsToBeExpired';
|
|
51
54
|
if (daysToExpried == 0) {
|
|
52
|
-
hoursToExpired = differenceInHours(new Date(aboutToExpire.expireTime), new Date());
|
|
55
|
+
hoursToExpired = differenceInHours(new Date(aboutToExpire.expireTime), new Date(), { roundingMethod: 'floor' });
|
|
53
56
|
expiredTranslationKey = hoursToExpired > 1 ? 'pointsToBeExpiredHours' : 'pointsToBeExpiredHour';
|
|
54
57
|
}
|
|
55
|
-
|
|
58
|
+
if (hoursToExpired == 0) {
|
|
59
|
+
minutesToExpired = differenceInMinutes(new Date(aboutToExpire.expireTime), new Date(), { roundingMethod: 'floor' });
|
|
60
|
+
expiredTranslationKey = minutesToExpired > 1 ? 'pointsToBeExpiredMinutes' : 'pointsToBeExpiredMinute';
|
|
56
61
|
}
|
|
57
62
|
pointExpireInfoAsString = translateWithParams(expiredTranslationKey, {
|
|
58
63
|
expirationPoints: aboutToExpire.points,
|
|
59
|
-
expireDay: daysToExpried,
|
|
64
|
+
expireDay: Math.max(daysToExpried, hoursToExpired, minutesToExpired),
|
|
60
65
|
});
|
|
61
66
|
return pointExpireInfoAsString;
|
|
62
67
|
}
|
|
@@ -226,6 +231,12 @@ export class PlayerElevateCardData {
|
|
|
226
231
|
"target": "window",
|
|
227
232
|
"capture": false,
|
|
228
233
|
"passive": true
|
|
234
|
+
}, {
|
|
235
|
+
"name": "redeemGiftButton",
|
|
236
|
+
"method": "redeemGiftButtonHandler",
|
|
237
|
+
"target": "window",
|
|
238
|
+
"capture": false,
|
|
239
|
+
"passive": false
|
|
229
240
|
}];
|
|
230
241
|
}
|
|
231
242
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
const DEFAULT_LANGUAGE = 'en';
|
|
2
|
-
const SUPPORTED_LANGUAGES = ['en', 'zh-hk', 'it', 'fr', 'tr'];
|
|
2
|
+
const SUPPORTED_LANGUAGES = ['en', 'zh-hk', 'it', 'fr', 'tr', 'hr'];
|
|
3
3
|
export const TRANSLATIONS = {
|
|
4
4
|
en: {
|
|
5
5
|
redeem: 'Redeem',
|
|
@@ -8,6 +8,8 @@ export const TRANSLATIONS = {
|
|
|
8
8
|
pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
|
|
9
9
|
pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
|
|
10
10
|
pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
|
|
11
|
+
pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
|
|
12
|
+
pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
|
|
11
13
|
tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
|
|
12
14
|
spendablePoints: 'Spendable Points:',
|
|
13
15
|
details: 'Details',
|
|
@@ -23,6 +25,8 @@ export const TRANSLATIONS = {
|
|
|
23
25
|
pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
|
|
24
26
|
pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
|
|
25
27
|
pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
|
|
28
|
+
pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
|
|
29
|
+
pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
|
|
26
30
|
tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
|
|
27
31
|
spendablePoints: 'Spendable Points:',
|
|
28
32
|
details: '明细',
|
|
@@ -38,6 +42,8 @@ export const TRANSLATIONS = {
|
|
|
38
42
|
pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
|
|
39
43
|
pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
|
|
40
44
|
pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
|
|
45
|
+
pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
|
|
46
|
+
pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
|
|
41
47
|
tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
|
|
42
48
|
spendablePoints: 'Spendable Points:',
|
|
43
49
|
details: 'Details',
|
|
@@ -53,6 +59,8 @@ export const TRANSLATIONS = {
|
|
|
53
59
|
pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
|
|
54
60
|
pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
|
|
55
61
|
pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
|
|
62
|
+
pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
|
|
63
|
+
pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
|
|
56
64
|
tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
|
|
57
65
|
spendablePoints: 'Spendable Points:',
|
|
58
66
|
details: 'Details',
|
|
@@ -68,6 +76,8 @@ export const TRANSLATIONS = {
|
|
|
68
76
|
pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
|
|
69
77
|
pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
|
|
70
78
|
pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
|
|
79
|
+
pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
|
|
80
|
+
pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
|
|
71
81
|
tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
|
|
72
82
|
spendablePoints: 'Spendable Points:',
|
|
73
83
|
details: 'Details',
|
|
@@ -86,6 +96,8 @@ export const TRANSLATIONS = {
|
|
|
86
96
|
pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
|
|
87
97
|
pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
|
|
88
98
|
pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
|
|
99
|
+
pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
|
|
100
|
+
pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
|
|
89
101
|
tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
|
|
90
102
|
spendablePoints: 'Spendable Points:',
|
|
91
103
|
details: 'Details',
|
|
@@ -104,6 +116,10 @@ export const TRANSLATIONS = {
|
|
|
104
116
|
redeem: 'Otkupiti',
|
|
105
117
|
expireOn: 'Istječe',
|
|
106
118
|
pointsToBeExpired: '${expirationPoints} bodova ističe za ${expireDay} dana',
|
|
119
|
+
pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
|
|
120
|
+
pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
|
|
121
|
+
pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
|
|
122
|
+
pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
|
|
107
123
|
tipsForNextLevel: 'Trebate ${pointsToReach} da dosegnete razinu ${levelName}',
|
|
108
124
|
spendablePoints: 'Bodovi za potrošit:',
|
|
109
125
|
details: 'Detalji',
|
|
@@ -157,7 +157,7 @@ const LoyaltyProgress = `<svg width="100%" height="28" style="opacity: 0" fill="
|
|
|
157
157
|
`;
|
|
158
158
|
|
|
159
159
|
const DEFAULT_LANGUAGE = 'en';
|
|
160
|
-
const SUPPORTED_LANGUAGES = ['en', 'zh-hk', 'it', 'fr', 'tr'];
|
|
160
|
+
const SUPPORTED_LANGUAGES = ['en', 'zh-hk', 'it', 'fr', 'tr', 'hr'];
|
|
161
161
|
const TRANSLATIONS = {
|
|
162
162
|
en: {
|
|
163
163
|
redeem: 'Redeem',
|
|
@@ -166,6 +166,8 @@ const TRANSLATIONS = {
|
|
|
166
166
|
pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
|
|
167
167
|
pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
|
|
168
168
|
pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
|
|
169
|
+
pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
|
|
170
|
+
pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
|
|
169
171
|
tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
|
|
170
172
|
spendablePoints: 'Spendable Points:',
|
|
171
173
|
details: 'Details',
|
|
@@ -181,6 +183,8 @@ const TRANSLATIONS = {
|
|
|
181
183
|
pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
|
|
182
184
|
pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
|
|
183
185
|
pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
|
|
186
|
+
pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
|
|
187
|
+
pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
|
|
184
188
|
tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
|
|
185
189
|
spendablePoints: 'Spendable Points:',
|
|
186
190
|
details: '明细',
|
|
@@ -196,6 +200,8 @@ const TRANSLATIONS = {
|
|
|
196
200
|
pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
|
|
197
201
|
pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
|
|
198
202
|
pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
|
|
203
|
+
pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
|
|
204
|
+
pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
|
|
199
205
|
tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
|
|
200
206
|
spendablePoints: 'Spendable Points:',
|
|
201
207
|
details: 'Details',
|
|
@@ -211,6 +217,8 @@ const TRANSLATIONS = {
|
|
|
211
217
|
pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
|
|
212
218
|
pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
|
|
213
219
|
pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
|
|
220
|
+
pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
|
|
221
|
+
pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
|
|
214
222
|
tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
|
|
215
223
|
spendablePoints: 'Spendable Points:',
|
|
216
224
|
details: 'Details',
|
|
@@ -226,6 +234,8 @@ const TRANSLATIONS = {
|
|
|
226
234
|
pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
|
|
227
235
|
pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
|
|
228
236
|
pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
|
|
237
|
+
pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
|
|
238
|
+
pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
|
|
229
239
|
tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
|
|
230
240
|
spendablePoints: 'Spendable Points:',
|
|
231
241
|
details: 'Details',
|
|
@@ -244,6 +254,8 @@ const TRANSLATIONS = {
|
|
|
244
254
|
pointsToBeExpiredDay: '${expirationPoints} points to expire in ${expireDay} day',
|
|
245
255
|
pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
|
|
246
256
|
pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
|
|
257
|
+
pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
|
|
258
|
+
pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
|
|
247
259
|
tipsForNextLevel: 'Next level is ${levelName}. ${pointsToReach} XP to level up',
|
|
248
260
|
spendablePoints: 'Spendable Points:',
|
|
249
261
|
details: 'Details',
|
|
@@ -262,6 +274,10 @@ const TRANSLATIONS = {
|
|
|
262
274
|
redeem: 'Otkupiti',
|
|
263
275
|
expireOn: 'Istječe',
|
|
264
276
|
pointsToBeExpired: '${expirationPoints} bodova ističe za ${expireDay} dana',
|
|
277
|
+
pointsToBeExpiredHours: '${expirationPoints} points to expire in ${expireDay} hours',
|
|
278
|
+
pointsToBeExpiredHour: '${expirationPoints} points to expire in ${expireDay} hour',
|
|
279
|
+
pointsToBeExpiredMinutes: '${expirationPoints} points to expire in ${expireDay} minutes',
|
|
280
|
+
pointsToBeExpiredMinute: '${expirationPoints} points to expire in ${expireDay} minute',
|
|
265
281
|
tipsForNextLevel: 'Trebate ${pointsToReach} da dosegnete razinu ${levelName}',
|
|
266
282
|
spendablePoints: 'Bodovi za potrošit:',
|
|
267
283
|
details: 'Detalji',
|
|
@@ -2701,6 +2717,16 @@ function differenceInCalendarDays(dirtyDateLeft, dirtyDateRight) {
|
|
|
2701
2717
|
* @default
|
|
2702
2718
|
*/
|
|
2703
2719
|
|
|
2720
|
+
/**
|
|
2721
|
+
* Milliseconds in 1 minute
|
|
2722
|
+
*
|
|
2723
|
+
* @name millisecondsInMinute
|
|
2724
|
+
* @constant
|
|
2725
|
+
* @type {number}
|
|
2726
|
+
* @default
|
|
2727
|
+
*/
|
|
2728
|
+
var millisecondsInMinute = 60000;
|
|
2729
|
+
|
|
2704
2730
|
/**
|
|
2705
2731
|
* Milliseconds in 1 hour
|
|
2706
2732
|
*
|
|
@@ -2781,6 +2807,43 @@ function differenceInHours(dateLeft, dateRight, options) {
|
|
|
2781
2807
|
return getRoundingMethod(options === null || options === void 0 ? void 0 : options.roundingMethod)(diff);
|
|
2782
2808
|
}
|
|
2783
2809
|
|
|
2810
|
+
/**
|
|
2811
|
+
* @name differenceInMinutes
|
|
2812
|
+
* @category Minute Helpers
|
|
2813
|
+
* @summary Get the number of minutes between the given dates.
|
|
2814
|
+
*
|
|
2815
|
+
* @description
|
|
2816
|
+
* Get the signed number of full (rounded towards 0) minutes between the given dates.
|
|
2817
|
+
*
|
|
2818
|
+
* @param {Date|Number} dateLeft - the later date
|
|
2819
|
+
* @param {Date|Number} dateRight - the earlier date
|
|
2820
|
+
* @param {Object} [options] - an object with options.
|
|
2821
|
+
* @param {String} [options.roundingMethod='trunc'] - a rounding method (`ceil`, `floor`, `round` or `trunc`)
|
|
2822
|
+
* @returns {Number} the number of minutes
|
|
2823
|
+
* @throws {TypeError} 2 arguments required
|
|
2824
|
+
*
|
|
2825
|
+
* @example
|
|
2826
|
+
* // How many minutes are between 2 July 2014 12:07:59 and 2 July 2014 12:20:00?
|
|
2827
|
+
* const result = differenceInMinutes(
|
|
2828
|
+
* new Date(2014, 6, 2, 12, 20, 0),
|
|
2829
|
+
* new Date(2014, 6, 2, 12, 7, 59)
|
|
2830
|
+
* )
|
|
2831
|
+
* //=> 12
|
|
2832
|
+
*
|
|
2833
|
+
* @example
|
|
2834
|
+
* // How many minutes are between 10:01:59 and 10:00:00
|
|
2835
|
+
* const result = differenceInMinutes(
|
|
2836
|
+
* new Date(2000, 0, 1, 10, 0, 0),
|
|
2837
|
+
* new Date(2000, 0, 1, 10, 1, 59)
|
|
2838
|
+
* )
|
|
2839
|
+
* //=> -1
|
|
2840
|
+
*/
|
|
2841
|
+
function differenceInMinutes(dateLeft, dateRight, options) {
|
|
2842
|
+
requiredArgs(2, arguments);
|
|
2843
|
+
var diff = differenceInMilliseconds(dateLeft, dateRight) / millisecondsInMinute;
|
|
2844
|
+
return getRoundingMethod(options === null || options === void 0 ? void 0 : options.roundingMethod)(diff);
|
|
2845
|
+
}
|
|
2846
|
+
|
|
2784
2847
|
/**
|
|
2785
2848
|
* @name isBefore
|
|
2786
2849
|
* @category Common Helpers
|
|
@@ -2875,6 +2938,9 @@ const PlayerElevateCardData = class {
|
|
|
2875
2938
|
onParamsChanged() {
|
|
2876
2939
|
this.loadElevateInfo();
|
|
2877
2940
|
}
|
|
2941
|
+
redeemGiftButtonHandler() {
|
|
2942
|
+
this.loadElevateInfo();
|
|
2943
|
+
}
|
|
2878
2944
|
onRedeemClick() {
|
|
2879
2945
|
window.postMessage({ type: 'BEERedeemClicked' }, window.location.href);
|
|
2880
2946
|
}
|
|
@@ -2908,14 +2974,18 @@ const PlayerElevateCardData = class {
|
|
|
2908
2974
|
});
|
|
2909
2975
|
const aboutToExpire = walletTotalInfo.aboutToExpire[0];
|
|
2910
2976
|
const daysToExpried = differenceInCalendarDays(new Date(aboutToExpire.expireTime), new Date());
|
|
2911
|
-
let hoursToExpired = 0, expiredTranslationKey = daysToExpried === 0 ? 'pointsToBeExpiredDay' : 'pointsToBeExpired';
|
|
2977
|
+
let hoursToExpired = 0, minutesToExpired = 0, expiredTranslationKey = daysToExpried === 0 ? 'pointsToBeExpiredDay' : 'pointsToBeExpired';
|
|
2912
2978
|
if (daysToExpried == 0) {
|
|
2913
|
-
hoursToExpired = differenceInHours(new Date(aboutToExpire.expireTime), new Date());
|
|
2979
|
+
hoursToExpired = differenceInHours(new Date(aboutToExpire.expireTime), new Date(), { roundingMethod: 'floor' });
|
|
2914
2980
|
expiredTranslationKey = hoursToExpired > 1 ? 'pointsToBeExpiredHours' : 'pointsToBeExpiredHour';
|
|
2915
2981
|
}
|
|
2982
|
+
if (hoursToExpired == 0) {
|
|
2983
|
+
minutesToExpired = differenceInMinutes(new Date(aboutToExpire.expireTime), new Date(), { roundingMethod: 'floor' });
|
|
2984
|
+
expiredTranslationKey = minutesToExpired > 1 ? 'pointsToBeExpiredMinutes' : 'pointsToBeExpiredMinute';
|
|
2985
|
+
}
|
|
2916
2986
|
pointExpireInfoAsString = translateWithParams(expiredTranslationKey, {
|
|
2917
2987
|
expirationPoints: aboutToExpire.points,
|
|
2918
|
-
expireDay: daysToExpried,
|
|
2988
|
+
expireDay: Math.max(daysToExpried, hoursToExpired, minutesToExpired),
|
|
2919
2989
|
});
|
|
2920
2990
|
return pointExpireInfoAsString;
|
|
2921
2991
|
}
|
package/dist/esm/loader.js
CHANGED
|
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy([["general-styling-wrapper_5",[[1,"player-elevate-card",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerLevelFlag":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[1,"player-elevate-loyaltycard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[1,"player-elevate-pointcard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"cardTitle":[513,"card-title"],"buttonType":[513,"button-type"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32],"elevateSPTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"]],{"params":["onParamsChanged"]}]]]], options);
|
|
8
|
+
return bootstrapLazy([["general-styling-wrapper_5",[[1,"player-elevate-card",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerLevelFlag":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[1,"player-elevate-loyaltycard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[1,"player-elevate-pointcard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"cardTitle":[513,"card-title"],"buttonType":[513,"button-type"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32],"elevateSPTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"],[8,"redeemGiftButton","redeemGiftButtonHandler"]],{"params":["onParamsChanged"]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -16,5 +16,5 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["general-styling-wrapper_5",[[1,"player-elevate-card",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerLevelFlag":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[1,"player-elevate-loyaltycard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[1,"player-elevate-pointcard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"cardTitle":[513,"card-title"],"buttonType":[513,"button-type"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32],"elevateSPTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"]],{"params":["onParamsChanged"]}]]]], options);
|
|
19
|
+
return bootstrapLazy([["general-styling-wrapper_5",[[1,"player-elevate-card",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerLevelFlag":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[1,"player-elevate-loyaltycard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[1,"player-elevate-pointcard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"cardTitle":[513,"card-title"],"buttonType":[513,"button-type"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32],"elevateSPTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]}],[0,"player-elevate-card-data",{"params":[8],"playerElevateLevel":[32],"pointExpireString":[32]},[[9,"resize","handleWindowResizs"],[8,"redeemGiftButton","redeemGiftButtonHandler"]],{"params":["onParamsChanged"]}]]]], options);
|
|
20
20
|
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as n,g as t,a as i,F as r,c as a}from"./p-ba534fa2.js";const o=class{constructor(n){e(this,n),this.stylingAppends=!1,this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.el.prepend(e)},this.setClientStylingURL=()=>{let e=new URL(this.clientStylingUrl),n=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{n.innerHTML=e,setTimeout((()=>{this.el.prepend(n)}),1)})).catch((e=>{console.log("error ",e)}))},this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.targetTranslations=void 0}componentDidRender(){this.stylingAppends||(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.stylingAppends=!0)}async componentWillLoad(){const e=[];if(this.translationUrl){const i=(n=this.translationUrl,t=this.targetTranslations,new Promise((e=>{fetch(n).then((e=>e.json())).then((n=>{Object.keys(n).forEach((e=>{t[e]=t[e]?t[e]:{};for(let i in n[e])t[e][i]=n[e][i]})),e(!0)}))})));e.push(i)}var n,t;return await Promise.all(e)}render(){return n("div",{key:"4d3414408c7662f88331dbe655966237f74d6958",class:"StyleShell"},n("slot",{key:"1d004644d84602c4314bdf5dfc26b55b160f57df",name:"mainContent"}))}get el(){return t(this)}};o.style=":host{display:block}";const s="en",l=["en","zh-hk","it","fr","tr","hr"],d={en:{redeem:"Redeem",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"},"zh-hk":{redeem:"兑奖",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"},de:{redeem:"Redeem",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"},it:{redeem:"Redeem",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"},fr:{redeem:"Redeem",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"},es:{redeem:"Redeem"},tr:{redeem:"Redeem",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"},ru:{redeem:"Redeem"},ro:{redeem:"Redeem"},hr:{redeem:"Otkupiti",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"},hu:{redeem:"Redeem"},pl:{redeem:"Redeem"},pt:{redeem:"Redeem"},sl:{redeem:"Redeem"},sr:{redeem:"Redeem"}},c=(e,n)=>{const t=n;return d[void 0!==t&&l.includes(t)?t:s][e]},u=(e,n)=>{const t=n.lang;let i=d[void 0!==t&&l.includes(t)?t:s][e];return n?(Object.keys(n).forEach((e=>{i=i.replace(new RegExp("\\${"+e+"}","gm"),n[e])})),i):d[void 0!==t&&l.includes(t)?t:s][e]};function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function h(e,n){if(n.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+n.length+" present")}function f(e){h(1,arguments);var n=Object.prototype.toString.call(e);return e instanceof Date||"object"===p(e)&&"[object Date]"===n?new Date(e.getTime()):"number"==typeof e||"[object Number]"===n?new Date(e):("string"!=typeof e&&"[object String]"!==n||"undefined"==typeof console||(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn((new Error).stack)),new Date(NaN))}function v(e){if(null===e||!0===e||!1===e)return NaN;var n=Number(e);return isNaN(n)?n:n<0?Math.ceil(n):Math.floor(n)}function g(e){h(1,arguments);var n=f(e),t=n.getUTCDay(),i=(t<1?7:0)+t-1;return n.setUTCDate(n.getUTCDate()-i),n.setUTCHours(0,0,0,0),n}function x(e){h(1,arguments);var n=f(e),t=n.getUTCFullYear(),i=new Date(0);i.setUTCFullYear(t+1,0,4),i.setUTCHours(0,0,0,0);var r=g(i),a=new Date(0);a.setUTCFullYear(t,0,4),a.setUTCHours(0,0,0,0);var o=g(a);return n.getTime()>=r.getTime()?t+1:n.getTime()>=o.getTime()?t:t-1}var m={};function y(){return m}function b(e,n){var t,i,r,a,o,s,l,d;h(1,arguments);var c=y(),u=v(null!==(t=null!==(i=null!==(r=null!==(a=null==n?void 0:n.weekStartsOn)&&void 0!==a?a:null==n||null===(o=n.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.weekStartsOn)&&void 0!==r?r:c.weekStartsOn)&&void 0!==i?i:null===(l=c.locale)||void 0===l||null===(d=l.options)||void 0===d?void 0:d.weekStartsOn)&&void 0!==t?t:0);if(!(u>=0&&u<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var p=f(e),g=p.getUTCDay(),x=(g<u?7:0)+g-u;return p.setUTCDate(p.getUTCDate()-x),p.setUTCHours(0,0,0,0),p}function w(e,n){var t,i,r,a,o,s,l,d;h(1,arguments);var c=f(e),u=c.getUTCFullYear(),p=y(),g=v(null!==(t=null!==(i=null!==(r=null!==(a=null==n?void 0:n.firstWeekContainsDate)&&void 0!==a?a:null==n||null===(o=n.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.firstWeekContainsDate)&&void 0!==r?r:p.firstWeekContainsDate)&&void 0!==i?i:null===(l=p.locale)||void 0===l||null===(d=l.options)||void 0===d?void 0:d.firstWeekContainsDate)&&void 0!==t?t:1);if(!(g>=1&&g<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var x=new Date(0);x.setUTCFullYear(u+1,0,g),x.setUTCHours(0,0,0,0);var m=b(x,n),w=new Date(0);w.setUTCFullYear(u,0,g),w.setUTCHours(0,0,0,0);var P=b(w,n);return c.getTime()>=m.getTime()?u+1:c.getTime()>=P.getTime()?u:u-1}function P(e,n){for(var t=e<0?"-":"",i=Math.abs(e).toString();i.length<n;)i="0"+i;return t+i}const E=function(e,n){var t=e.getUTCFullYear(),i=t>0?t:1-t;return P("yy"===n?i%100:i,n.length)},C=function(e,n){var t=e.getUTCMonth();return"M"===n?String(t+1):P(t+1,2)},k=function(e,n){return P(e.getUTCDate(),n.length)},I=function(e,n){return P(e.getUTCHours()%12||12,n.length)},L=function(e,n){return P(e.getUTCHours(),n.length)},D=function(e,n){return P(e.getUTCMinutes(),n.length)},B=function(e,n){return P(e.getUTCSeconds(),n.length)},M=function(e,n){var t=n.length,i=e.getUTCMilliseconds();return P(Math.floor(i*Math.pow(10,t-3)),n.length)};var $={G:function(e,n,t){var i=e.getUTCFullYear()>0?1:0;switch(n){case"G":case"GG":case"GGG":return t.era(i,{width:"abbreviated"});case"GGGGG":return t.era(i,{width:"narrow"});default:return t.era(i,{width:"wide"})}},y:function(e,n,t){if("yo"===n){var i=e.getUTCFullYear();return t.ordinalNumber(i>0?i:1-i,{unit:"year"})}return E(e,n)},Y:function(e,n,t,i){var r=w(e,i),a=r>0?r:1-r;return"YY"===n?P(a%100,2):"Yo"===n?t.ordinalNumber(a,{unit:"year"}):P(a,n.length)},R:function(e,n){return P(x(e),n.length)},u:function(e,n){return P(e.getUTCFullYear(),n.length)},Q:function(e,n,t){var i=Math.ceil((e.getUTCMonth()+1)/3);switch(n){case"Q":return String(i);case"QQ":return P(i,2);case"Qo":return t.ordinalNumber(i,{unit:"quarter"});case"QQQ":return t.quarter(i,{width:"abbreviated",context:"formatting"});case"QQQQQ":return t.quarter(i,{width:"narrow",context:"formatting"});default:return t.quarter(i,{width:"wide",context:"formatting"})}},q:function(e,n,t){var i=Math.ceil((e.getUTCMonth()+1)/3);switch(n){case"q":return String(i);case"qq":return P(i,2);case"qo":return t.ordinalNumber(i,{unit:"quarter"});case"qqq":return t.quarter(i,{width:"abbreviated",context:"standalone"});case"qqqqq":return t.quarter(i,{width:"narrow",context:"standalone"});default:return t.quarter(i,{width:"wide",context:"standalone"})}},M:function(e,n,t){var i=e.getUTCMonth();switch(n){case"M":case"MM":return C(e,n);case"Mo":return t.ordinalNumber(i+1,{unit:"month"});case"MMM":return t.month(i,{width:"abbreviated",context:"formatting"});case"MMMMM":return t.month(i,{width:"narrow",context:"formatting"});default:return t.month(i,{width:"wide",context:"formatting"})}},L:function(e,n,t){var i=e.getUTCMonth();switch(n){case"L":return String(i+1);case"LL":return P(i+1,2);case"Lo":return t.ordinalNumber(i+1,{unit:"month"});case"LLL":return t.month(i,{width:"abbreviated",context:"standalone"});case"LLLLL":return t.month(i,{width:"narrow",context:"standalone"});default:return t.month(i,{width:"wide",context:"standalone"})}},w:function(e,n,t,i){var r=function(e,n){h(1,arguments);var t=f(e),i=b(t,n).getTime()-function(e,n){var t,i,r,a,o,s,l,d;h(1,arguments);var c=y(),u=v(null!==(t=null!==(i=null!==(r=null!==(a=null==n?void 0:n.firstWeekContainsDate)&&void 0!==a?a:null==n||null===(o=n.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.firstWeekContainsDate)&&void 0!==r?r:c.firstWeekContainsDate)&&void 0!==i?i:null===(l=c.locale)||void 0===l||null===(d=l.options)||void 0===d?void 0:d.firstWeekContainsDate)&&void 0!==t?t:1),p=w(e,n),f=new Date(0);return f.setUTCFullYear(p,0,u),f.setUTCHours(0,0,0,0),b(f,n)}(t,n).getTime();return Math.round(i/6048e5)+1}(e,i);return"wo"===n?t.ordinalNumber(r,{unit:"week"}):P(r,n.length)},I:function(e,n,t){var i=function(e){h(1,arguments);var n=f(e),t=g(n).getTime()-function(e){h(1,arguments);var n=x(e),t=new Date(0);return t.setUTCFullYear(n,0,4),t.setUTCHours(0,0,0,0),g(t)}(n).getTime();return Math.round(t/6048e5)+1}(e);return"Io"===n?t.ordinalNumber(i,{unit:"week"}):P(i,n.length)},d:function(e,n,t){return"do"===n?t.ordinalNumber(e.getUTCDate(),{unit:"date"}):k(e,n)},D:function(e,n,t){var i=function(e){h(1,arguments);var n=f(e),t=n.getTime();n.setUTCMonth(0,1),n.setUTCHours(0,0,0,0);var i=n.getTime();return Math.floor((t-i)/864e5)+1}(e);return"Do"===n?t.ordinalNumber(i,{unit:"dayOfYear"}):P(i,n.length)},E:function(e,n,t){var i=e.getUTCDay();switch(n){case"E":case"EE":case"EEE":return t.day(i,{width:"abbreviated",context:"formatting"});case"EEEEE":return t.day(i,{width:"narrow",context:"formatting"});case"EEEEEE":return t.day(i,{width:"short",context:"formatting"});default:return t.day(i,{width:"wide",context:"formatting"})}},e:function(e,n,t,i){var r=e.getUTCDay(),a=(r-i.weekStartsOn+8)%7||7;switch(n){case"e":return String(a);case"ee":return P(a,2);case"eo":return t.ordinalNumber(a,{unit:"day"});case"eee":return t.day(r,{width:"abbreviated",context:"formatting"});case"eeeee":return t.day(r,{width:"narrow",context:"formatting"});case"eeeeee":return t.day(r,{width:"short",context:"formatting"});default:return t.day(r,{width:"wide",context:"formatting"})}},c:function(e,n,t,i){var r=e.getUTCDay(),a=(r-i.weekStartsOn+8)%7||7;switch(n){case"c":return String(a);case"cc":return P(a,n.length);case"co":return t.ordinalNumber(a,{unit:"day"});case"ccc":return t.day(r,{width:"abbreviated",context:"standalone"});case"ccccc":return t.day(r,{width:"narrow",context:"standalone"});case"cccccc":return t.day(r,{width:"short",context:"standalone"});default:return t.day(r,{width:"wide",context:"standalone"})}},i:function(e,n,t){var i=e.getUTCDay(),r=0===i?7:i;switch(n){case"i":return String(r);case"ii":return P(r,n.length);case"io":return t.ordinalNumber(r,{unit:"day"});case"iii":return t.day(i,{width:"abbreviated",context:"formatting"});case"iiiii":return t.day(i,{width:"narrow",context:"formatting"});case"iiiiii":return t.day(i,{width:"short",context:"formatting"});default:return t.day(i,{width:"wide",context:"formatting"})}},a:function(e,n,t){var i=e.getUTCHours()/12>=1?"pm":"am";switch(n){case"a":case"aa":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"aaa":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return t.dayPeriod(i,{width:"narrow",context:"formatting"});default:return t.dayPeriod(i,{width:"wide",context:"formatting"})}},b:function(e,n,t){var i,r=e.getUTCHours();switch(i=12===r?"noon":0===r?"midnight":r/12>=1?"pm":"am",n){case"b":case"bb":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"bbb":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return t.dayPeriod(i,{width:"narrow",context:"formatting"});default:return t.dayPeriod(i,{width:"wide",context:"formatting"})}},B:function(e,n,t){var i,r=e.getUTCHours();switch(i=r>=17?"evening":r>=12?"afternoon":r>=4?"morning":"night",n){case"B":case"BB":case"BBB":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"BBBBB":return t.dayPeriod(i,{width:"narrow",context:"formatting"});default:return t.dayPeriod(i,{width:"wide",context:"formatting"})}},h:function(e,n,t){if("ho"===n){var i=e.getUTCHours()%12;return 0===i&&(i=12),t.ordinalNumber(i,{unit:"hour"})}return I(e,n)},H:function(e,n,t){return"Ho"===n?t.ordinalNumber(e.getUTCHours(),{unit:"hour"}):L(e,n)},K:function(e,n,t){var i=e.getUTCHours()%12;return"Ko"===n?t.ordinalNumber(i,{unit:"hour"}):P(i,n.length)},k:function(e,n,t){var i=e.getUTCHours();return 0===i&&(i=24),"ko"===n?t.ordinalNumber(i,{unit:"hour"}):P(i,n.length)},m:function(e,n,t){return"mo"===n?t.ordinalNumber(e.getUTCMinutes(),{unit:"minute"}):D(e,n)},s:function(e,n,t){return"so"===n?t.ordinalNumber(e.getUTCSeconds(),{unit:"second"}):B(e,n)},S:function(e,n){return M(e,n)},X:function(e,n,t,i){var r=(i._originalDate||e).getTimezoneOffset();if(0===r)return"Z";switch(n){case"X":return S(r);case"XXXX":case"XX":return R(r);default:return R(r,":")}},x:function(e,n,t,i){var r=(i._originalDate||e).getTimezoneOffset();switch(n){case"x":return S(r);case"xxxx":case"xx":return R(r);default:return R(r,":")}},O:function(e,n,t,i){var r=(i._originalDate||e).getTimezoneOffset();switch(n){case"O":case"OO":case"OOO":return"GMT"+T(r,":");default:return"GMT"+R(r,":")}},z:function(e,n,t,i){var r=(i._originalDate||e).getTimezoneOffset();switch(n){case"z":case"zz":case"zzz":return"GMT"+T(r,":");default:return"GMT"+R(r,":")}},t:function(e,n,t,i){return P(Math.floor((i._originalDate||e).getTime()/1e3),n.length)},T:function(e,n,t,i){return P((i._originalDate||e).getTime(),n.length)}};function T(e,n){var t=e>0?"-":"+",i=Math.abs(e),r=Math.floor(i/60),a=i%60;if(0===a)return t+String(r);var o=n||"";return t+String(r)+o+P(a,2)}function S(e,n){return e%60==0?(e>0?"-":"+")+P(Math.abs(e)/60,2):R(e,n)}function R(e,n){var t=n||"",i=e>0?"-":"+",r=Math.abs(e);return i+P(Math.floor(r/60),2)+t+P(r%60,2)}const _=$;var O=function(e,n){switch(e){case"P":return n.date({width:"short"});case"PP":return n.date({width:"medium"});case"PPP":return n.date({width:"long"});default:return n.date({width:"full"})}},A=function(e,n){switch(e){case"p":return n.time({width:"short"});case"pp":return n.time({width:"medium"});case"ppp":return n.time({width:"long"});default:return n.time({width:"full"})}},N={p:A,P:function(e,n){var t,i=e.match(/(P+)(p+)?/)||[],r=i[1],a=i[2];if(!a)return O(e,n);switch(r){case"P":t=n.dateTime({width:"short"});break;case"PP":t=n.dateTime({width:"medium"});break;case"PPP":t=n.dateTime({width:"long"});break;default:t=n.dateTime({width:"full"})}return t.replace("{{date}}",O(r,n)).replace("{{time}}",A(a,n))}};const z=N;function F(e){var n=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return n.setUTCFullYear(e.getFullYear()),e.getTime()-n.getTime()}var W=["D","DD"],G=["YY","YYYY"];function H(e,n,t){if("YYYY"===e)throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(n,"`) for formatting years to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("YY"===e)throw new RangeError("Use `yy` instead of `YY` (in `".concat(n,"`) for formatting years to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("D"===e)throw new RangeError("Use `d` instead of `D` (in `".concat(n,"`) for formatting days of the month to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("DD"===e)throw new RangeError("Use `dd` instead of `DD` (in `".concat(n,"`) for formatting days of the month to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}var j={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function U(e){return function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=n.width?String(n.width):e.defaultWidth;return e.formats[t]||e.formats[e.defaultWidth]}}var X,Y={date:U({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:U({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:U({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},q={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function Q(e){return function(n,t){var i;if("formatting"===(null!=t&&t.context?String(t.context):"standalone")&&e.formattingValues){var r=e.defaultFormattingWidth||e.defaultWidth,a=null!=t&&t.width?String(t.width):r;i=e.formattingValues[a]||e.formattingValues[r]}else{var o=e.defaultWidth,s=null!=t&&t.width?String(t.width):e.defaultWidth;i=e.values[s]||e.values[o]}return i[e.argumentCallback?e.argumentCallback(n):n]}}function J(e){return function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=t.width,r=n.match(i&&e.matchPatterns[i]||e.matchPatterns[e.defaultMatchWidth]);if(!r)return null;var a,o=r[0],s=i&&e.parsePatterns[i]||e.parsePatterns[e.defaultParseWidth],l=Array.isArray(s)?function(e){for(var n=0;n<e.length;n++)if(e[n].test(o))return n}(s):function(e){for(var n in e)if(e.hasOwnProperty(n)&&e[n].test(o))return n}(s);return a=e.valueCallback?e.valueCallback(l):l,{value:a=t.valueCallback?t.valueCallback(a):a,rest:n.slice(o.length)}}}const V={code:"en-US",formatDistance:function(e,n,t){var i,r=j[e];return i="string"==typeof r?r:1===n?r.one:r.other.replace("{{count}}",n.toString()),null!=t&&t.addSuffix?t.comparison&&t.comparison>0?"in "+i:i+" ago":i},formatLong:Y,formatRelative:function(e){return q[e]},localize:{ordinalNumber:function(e){var n=Number(e),t=n%100;if(t>20||t<10)switch(t%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},era:Q({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:Q({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:function(e){return e-1}}),month:Q({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:Q({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:Q({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:(X={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:function(e){return parseInt(e,10)}},function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=e.match(X.matchPattern);if(!t)return null;var i=t[0],r=e.match(X.parsePattern);if(!r)return null;var a=X.valueCallback?X.valueCallback(r[0]):r[0];return{value:a=n.valueCallback?n.valueCallback(a):a,rest:e.slice(i.length)}}),era:J({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:J({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:function(e){return e+1}}),month:J({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:J({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:J({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}};var Z=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,K=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,ee=/^'([^]*?)'?$/,ne=/''/g,te=/[a-zA-Z]/;function ie(e,n,t){var i,r,a,o,s,l,d,c,u,g,x,m,b,w,P,E,C,k;h(2,arguments);var I=String(n),L=y(),D=null!==(i=null!==(r=null==t?void 0:t.locale)&&void 0!==r?r:L.locale)&&void 0!==i?i:V,B=v(null!==(a=null!==(o=null!==(s=null!==(l=null==t?void 0:t.firstWeekContainsDate)&&void 0!==l?l:null==t||null===(d=t.locale)||void 0===d||null===(c=d.options)||void 0===c?void 0:c.firstWeekContainsDate)&&void 0!==s?s:L.firstWeekContainsDate)&&void 0!==o?o:null===(u=L.locale)||void 0===u||null===(g=u.options)||void 0===g?void 0:g.firstWeekContainsDate)&&void 0!==a?a:1);if(!(B>=1&&B<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var M=v(null!==(x=null!==(m=null!==(b=null!==(w=null==t?void 0:t.weekStartsOn)&&void 0!==w?w:null==t||null===(P=t.locale)||void 0===P||null===(E=P.options)||void 0===E?void 0:E.weekStartsOn)&&void 0!==b?b:L.weekStartsOn)&&void 0!==m?m:null===(C=L.locale)||void 0===C||null===(k=C.options)||void 0===k?void 0:k.weekStartsOn)&&void 0!==x?x:0);if(!(M>=0&&M<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!D.localize)throw new RangeError("locale must contain localize property");if(!D.formatLong)throw new RangeError("locale must contain formatLong property");var $=f(e);if(!function(e){if(h(1,arguments),!function(e){return h(1,arguments),e instanceof Date||"object"===p(e)&&"[object Date]"===Object.prototype.toString.call(e)}(e)&&"number"!=typeof e)return!1;var n=f(e);return!isNaN(Number(n))}($))throw new RangeError("Invalid time value");var T=function(e,n){return h(2,arguments),function(e,n){h(2,arguments);var t=f(e).getTime(),i=v(n);return new Date(t+i)}(e,-v(n))}($,F($)),S={firstWeekContainsDate:B,weekStartsOn:M,locale:D,_originalDate:$};return I.match(K).map((function(e){var n=e[0];return"p"===n||"P"===n?(0,z[n])(e,D.formatLong):e})).join("").match(Z).map((function(i){if("''"===i)return"'";var r,a,o=i[0];if("'"===o)return(a=(r=i).match(ee))?a[1].replace(ne,"'"):r;var s=_[o];if(s)return null!=t&&t.useAdditionalWeekYearTokens||-1===G.indexOf(i)||H(i,n,String(e)),null!=t&&t.useAdditionalDayOfYearTokens||!(-1!==W.indexOf(i))||H(i,n,String(e)),s(T,i,D.localize,S);if(o.match(te))throw new RangeError("Format string contains an unescaped latin alphabet character `"+o+"`");return i})).join("")}const re=()=>n("span",{class:"LevelProgress",id:"LevelProgress",innerHTML:'<svg width="100%" height="28" style="opacity: 0" fill="none" xmlns="http://www.w3.org/2000/svg">\n <rect y="12" x="2" width="100%" id="total_level" height="5" rx="2.5" fill="white" fill-opacity="0.5"/>\n <rect y="12" x="2" id="current_level" width="64" height="5" rx="2.5" fill="white"/>\n <g filter="url(#filter_current_level)">\n <circle id="circle_current_level" cx="74.5" cy="14.5" r="6.5" fill="white"/>\n </g>\n <g filter="url(#filter_heart_ball)">\n <g filter="url(#filter_ball)">\n <circle cx="169" cy="14" r="10" id="lock" fill="url(#paint0_linear_ball)"/>\n </g>\n <g filter="url(#filter_heart)">\n <svg x="0" y="4" id="lock_box">\n <path d="M10.217 6.42442c-0.713,-0.574,-1.304,-1.083,-1.928,-1.622c-0.348,-0.299,-0.707,-0.611,-1.101,-0.943l-0.013,-0.01c0,0,-0.023,-0.017,-0.04,-0.027l-0.167,-0.095l-0.15,0.12c0,0,-0.015,0.012,-0.024,0.02c-0.391,0.33,-0.749,0.64,-1.094,0.939c-0.622,0.539,-1.211,1.048,-1.924,1.624c-1.816,1.463,-3.598,3.263,-3.033,5.506c0.404,1.601,2.104,2.905,3.789,2.905c0.211,0,0.423,-0.02,0.626,-0.061c0.286,-0.058,0.572,-0.145,0.864,-0.265c-0.079,0.962,-0.413,1.864,-0.881,2.369l-0.423,0.459h0.633c0.633,0,1.018,-0.007,1.356,-0.013c0.248,-0.004,0.462,-0.008,0.72,-0.008c0.335,0,0.709,0.006,1.215,0.021l0.686,0.02l-0.474,-0.483c-0.504,-0.514,-0.847,-1.403,-0.923,-2.385c0.311,0.132,0.616,0.227,0.916,0.287c0.204,0.039,0.411,0.059,0.623,0.059c1.687,0,3.386,-1.304,3.789,-2.909c0.56,-2.243,-1.224,-4.041,-3.042,-5.504v-0.004z" fill="#933CBF"/>\n <path d="M9.727,6.98459c-1.004,-0.83,-1.741,-1.515,-2.723,-2.365c-0.002,0,-0.004,-0.004,-0.007,-0.006c-0.002,0,-0.004,0.004,-0.006,0.006c-0.98,0.85,-1.715,1.537,-2.721,2.367c-1.455,1.202,-3.126,2.821,-2.638,4.81c0.37,1.511,2.091,2.751,3.665,2.43c0.389,-0.08,0.75,-0.224,1.094,-0.402c0,0.116,-0.004,0.233,-0.012,0.353c-0.064,0.991,-0.398,1.892,-0.86,2.401c1.481,0,1.481,-0.043,2.961,0c-0.481,-0.503,-0.834,-1.382,-0.9,-2.401c-0.008,-0.127,-0.012,-0.253,-0.012,-0.378c0.357,0.19,0.733,0.342,1.14,0.425c1.574,0.319,3.292,-0.922,3.661,-2.433c0.486,-1.992,-1.189,-3.609,-2.644,\n -4.809l0.002,0.002z" fill="url(#paint1_linear_lock)"/>\n <path d="M9.255,7.551c-0.844,-0.716,-1.462,-1.309,-2.286,-2.045c-0.002,0,-0.004,-0.004,-0.006,-0.006c0,0,-0.004,0.004,-0.006,0.006c-0.824,0.736,-1.44,1.329,-2.284,2.047c-0.919,0.782,-1.94,1.769,-2.214,2.943c-0.115,0.021,-0.914,0.044,-0.914,0.044l0.887,0.083c-0.039,0.206,-0.055,0.418,-0.041,0.638c0.087,-1.371,1.25,-2.507,2.282,-3.384c0.844,-0.718,1.462,-1.313,2.284,-2.047c0.002,-0.002,0.004,-0.004,0.006,-0.006c0.002,0,0.004,0.004,0.006,0.004c0.824,0.734,1.442,1.329,2.286,2.045c1.034,0.879,2.198,2.013,2.286,3.386c0.093,-1.517,-1.173,-2.761,-2.286,-3.708z" fill="#9040C9"/>\n </svg>\n </g>\n </g>\n <g filter="url(#filter_lock)">\n <svg x="100%" y="9" id="heart_box">\n <path d="M7,6c-0.19,-0.002,-0.377,0.052,-0.534,0.154c-0.158,0.103,-0.278,0.25,-0.346,0.42c-0.069,0.171,-0.081,0.357,-0.035,0.535c0.046,0.177,0.147,0.337,0.29,0.457v0.834c0,0.159,0.066,0.312,0.183,0.424c0.117,0.113,0.276,0.176,0.442,0.176c0.166,0,0.325,-0.063,0.442,-0.176c0.117,-0.112,0.183,-0.265,0.183,-0.424v-0.834c0.143,-0.12,0.244,-0.28,0.29,-0.457c0.046,-0.178,0.034,-0.364,-0.035,-0.535c-0.068,-0.17,-0.188,-0.317,-0.346,-0.42c-0.157,-0.102,-0.344,-0.156,-0.534,-0.154zm3.125,-2.4v-1.2c0,-0.796,-0.329,-1.559,-0.915,-2.121c-0.586,-0.563,-1.381,-0.879,-2.21,-0.879c-0.829,0,-1.624,0.316,-2.21,0.879c-0.586,0.562,-0.915,1.325,-0.915,2.121v1.2c-0.497,0,-0.974,0.19,-1.326,0.527c-0.351,0.338,-0.549,0.796,-0.549,1.273v4.2c0,0.477,0.198,0.935,0.549,1.273c0.352,0.337,0.829,0.527,1.326,0.527h6.25c0.497,0,0.974,-0.19,1.326,-0.527c0.351,-0.338,0.549,-0.796,0.549,-1.273v-4.2c0,-0.477,-0.198,-0.935,-0.549,-1.273c-0.352,-0.337,-0.829,-0.527,-1.326,-0.527zm-5,-1.2c0,-0.477,0.198,-0.935,0.549,-1.273c0.352,-0.337,0.829,-0.527,1.326,-0.527c0.497,0,0.974,0.19,1.326,0.527c0.351,0.338,0.549,0.796,0.549,1.273v1.2h-3.75v-1.2zm5.625,7.2c0,0.159,-0.066,0.312,-0.183,0.424c-0.117,0.113,-0.276,0.176,-0.442,0.176h-6.25c-0.166,0,-0.325,-0.063,-0.442,-0.176c-0.117,-0.112,-0.183,-0.265,-0.183,-0.424v-4.2c0,-0.159,0.066,-0.312,0.183,-0.424c0.117,-0.113,0.276,-0.176,0.442,-0.176h6.25c0.166,0,0.325,0.063,0.442,0.176c0.117,0.112,0.183,0.265,0.183,0.424v4.2z" fill="white"/>\n </svg>\n </g>\n <defs>\n <filter id="filter_current_level" x="64" y="4" width="21" height="21" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>\n <feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_305_23"/>\n </filter>\n <filter id="filter_heart_ball" x="155" y="0" width="28" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset/>\n <feGaussianBlur stdDeviation="2"/>\n <feComposite in2="hardAlpha" operator="out"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_305_23"/>\n <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_305_23" result="shape"/>\n </filter>\n <filter id="filter_ball" x="159" y="4" width="20" height="21" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset dy="1"/>\n <feGaussianBlur stdDeviation="1"/>\n <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0"/>\n <feBlend mode="normal" in2="shape" result="effect1_innerShadow_305_23"/>\n </filter>\n <filter id="filter_heart" x="161.636" y="5.72727" width="14.7271" height="15.6364" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset/>\n <feGaussianBlur stdDeviation="0.5"/>\n <feComposite in2="hardAlpha" operator="out"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_305_23"/>\n <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_305_23" result="shape"/>\n </filter>\n <filter id="filter_lock" x="50" y="7" width="12" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset/>\n <feGaussianBlur stdDeviation="0.5"/>\n <feComposite in2="hardAlpha" operator="out"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_305_23"/>\n <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_305_23" result="shape"/>\n </filter>\n <linearGradient id="paint0_linear_ball" x1="163" y1="6" x2="174.2" y2="22.6" gradientUnits="userSpaceOnUse">\n <stop stop-color="#946AD7"/>\n <stop offset="1" stop-color="#EFABEB"/>\n </linearGradient>\n <linearGradient id="paint1_linear_lock" x1="100%" y1="18.4056" x2="169.002" y2="10.2845" gradientUnits="userSpaceOnUse">\n <stop stop-color="#814FD6"/>\n <stop offset="1" stop-color="#D679D8"/>\n </linearGradient>\n </defs>\n</svg>\n'}),ae=({loyaltyPoints:e,spendablePoints:t,pointExpireString:i,language:r})=>n("div",{class:"PointsInfo"},e&&e>=0&&n("div",{class:"Points"},e," ",n("sub",{class:"XP"},c("xp",r))),t&&n("div",{class:"Points"},t," ",n("sub",{class:"XP"},c("sp",r))),i&&n("div",{class:"ExpirationPoints"},i," ")),oe=({language:e,onRedeemClick:t})=>n("div",{class:"CardCell Redeem"},n("div",{class:"RedeemButton",onClick:()=>{t()}},n("span",null,c("redeem",e)))),se=e=>n("div",{class:"CardCell PlayerName Txt"},e.playerName),le=e=>n("div",{class:"CardCell ElevateLevel"},n("span",{class:"LevelName",title:e.level},e.level),e.expireTime&&n("div",{class:"CardCell ExpirationDate Txt"},c("expireOn",e.language),n("span",{class:"ExpireTime"},ie(new Date(e.expireTime),e.dateFormat||"yyyy-MM-dd")),!e.hideInfo&&n("span",{class:"fa Info",style:{background:`url(${i("../static/info.svg")})`}},n("span",{class:"InfoTips",innerHTML:'<svg width="126" height="92" viewBox="0 0 126 92" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_d_242_4231)">\n<rect x="24" y="20" width="78" height="36" rx="4" fill="white"/>\n<path d="M24 24C24 21.7909 25.7909 20 28 20H64V56H28C25.7909 56 24 54.2091 24 52V24Z" fill="#464646"/>\n<path d="M51 56H37L43.2474 63.1399C43.6458 63.5952 44.3542 63.5952 44.7526 63.1399L51 56Z" fill="#464646"/>\n<circle cx="44" cy="38" r="7" fill="white"/>\n<path d="M43.9405 34C44.5456 34 45.0362 34.4906 45.0362 35.0957C45.0362 35.7009 44.5456 36.1915 43.9405 36.1915C43.3353 36.1915 42.8447 35.7009 42.8447 35.0957C42.8447 34.4906 43.3353 34 43.9405 34Z" fill="#464646"/>\n<path d="M45.8801 41.3737C45.8801 41.7617 45.5626 42.0791 45.1746 42.0791H44.3233H43.551H42.7055C42.3175 42.0791 42 41.7617 42 41.3737V41.3575C42 40.9695 42.3175 40.6521 42.7055 40.6521H42.8455V37.8714H42.3528C42.1588 37.8714 42 37.7127 42 37.5187V37.4936C42 37.2996 42.1588 37.1409 42.3528 37.1409H43.551H44.031H44.3233C44.7113 37.1409 45.0287 37.4583 45.0287 37.8463V40.6521H45.1746C45.5626 40.6521 45.8801 40.9696 45.8801 41.3576V41.3737Z" fill="#464646"/>\n</g>\n<defs>\n<filter id="filter0_d_242_4231" x="0" y="0" width="126" height="91.4814" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feOffset dy="4"/>\n<feGaussianBlur stdDeviation="12"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_242_4231"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_242_4231" result="shape"/>\n</filter>\n</defs>\n</svg>\n'})))),de=e=>{const t=e.loyaltyIconUrl?n("img",{class:"Badge",src:e.loyaltyIconUrl}):e.hideIfNull?"":n("div",{class:"Badge"}),r=e.playerAvatarUrl||i("../static/user.svg");return n("div",{class:"PlayerAvatar",style:{position:e.onlyBadge?"":"relative"}},!e.onlyBadge&&n("img",{class:"Avatar",src:r}),t)},ce=class{constructor(n){e(this,n),this.endpoint=void 0,this.theme="Dark",this.session=void 0,this.playerAvatarUrl=void 0,this.language="en",this.playerName=void 0,this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.pointExpireString=void 0,this.playerLevelFlag=0,this.playerElevateLevel=void 0,this.elevateWalletTotal=void 0}onSessionOrEndpointChange(){this.paramProxy=Object.assign(Object.assign({},this.paramProxy),{session:this.session,endpoint:this.endpoint,language:this.language})}playerElevateLeveLoadedHandler(e){e.detail&&(e.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=e.detail.elevateLevelWalletTotal),e.detail.elevateLevel&&(this.playerElevateLevel=e.detail.elevateLevel),e.detail.pointExpireString&&(this.pointExpireString=e.detail.xpExpireString),e.detail.calculatedLevelFlag&&(this.playerLevelFlag=e.detail.calculatedLevelFlag))}onRedeemClick(){window.postMessage({type:"BEERedeemClicked"},window.location.href)}componentWillLoad(){this.paramProxy={endpoint:this.endpoint,session:this.session,language:this.language,calculateLevelFlag:!0}}render(){const e=i("../static/card-ground.svg"),t=i("../static/card-ground-over.svg");return n("div",{key:"278a328dd084ee73b2707b93a57bccae64a2c9c7",class:`ElevateCardWrapper ${this.theme}`},n("div",{key:"68c885baf533447a7c77fd887bbec11e53768277",class:"Card Outer",style:{backgroundImage:`url(${e}`}},n("general-styling-wrapper",{key:"4066253a70cdd5e712ca244a708e7c1600c83071",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:d,translationUrl:this.translationUrl}),n("player-elevate-card-data",{key:"64cda2a267c752056b3c7e3134cc324fa96bc261",params:this.paramProxy}),n("div",{key:"c63ae83b401a35f5a78acd83dc3d7296c25141d7",class:"OuterCover Inner",style:{backgroundImage:`url(${t}`}},this.playerElevateLevel&&n(r,{key:"ba16e5bb54259c17fd9e5aa0e3c03c2ec5d4263c"},n("div",{key:"fa1bf74f45e28318c95266cc42c54541bde92718",class:"Content Row"},n("div",{key:"7ede46f91bcc0d894b2b633627a4ca97d15fbe90",class:"PlayerImg"},n(de,{key:"b6d0bac085e0178512b8a63ba8fccae7d4cc8399",playerAvatarUrl:this.playerAvatarUrl,loyaltyIconUrl:this.playerElevateLevel.presentation.asset}),n(ae,{key:"88c445dbcd7dbe426a8de18beea02aecc03e26f3",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language})),this.pointExpireString&&n("div",{key:"4d985e486ecb74a6c916b28e619de83cb3d77ac1",class:"PointsInfo ExpirationPoints"},this.pointExpireString," "),n("div",{key:"34e051ee1ff79b825fca57db958e1e5684a0aca1",class:`LevelInfo Level${this.playerLevelFlag} ${this.playerElevateLevel.presentation.displayName}`},n(se,{key:"fa1b1f16e0b25c6adfba4c215e4ed377e05699b2",playerName:this.playerName}),n(le,{key:"6d18b1422db202363ebcd56cc56946e0e071937b",hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat}),n(re,{key:"7dae355c4a5a9e28c70dced0ac061608f1753020"}),n(oe,{key:"7e5f830b612c962a828c58f20a88dc97d315c910",onRedeemClick:this.onRedeemClick,language:this.language})))))))}static get assetsDirs(){return["../static"]}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};function ue(e){h(1,arguments);var n=f(e);return n.setHours(0,0,0,0),n}function pe(e,n){return h(2,arguments),f(e).getTime()-f(n).getTime()}ce.style="@container (max-width: 270px) {\n .Card .Inner {\n flex-direction: column;\n }\n .Card .Inner .Content {\n padding: 9px;\n }\n .Inner .Row .ExpirationPoints {\n order: 1;\n }\n}\n.Card .PlayerImg {\n order: 0;\n}\n.Card .ExpirationPoints {\n order: 3;\n}\n.Card .LevelInfo {\n order: 2;\n}\n.Card .Inner .Row .PlayerImg {\n flex-direction: column;\n}\n.Card .Inner .Row .PointsInfo {\n width: 100%;\n text-align: center;\n display: flex;\n flex-direction: column;\n max-height: 50%;\n}\n.Card .Inner .PlayerAvatar .Badge {\n background-size: contain;\n background-repeat: no-repeat;\n position: absolute;\n right: 5px;\n bottom: -5px;\n width: 40%;\n height: 40%;\n overflow: visible;\n}\n.Card .Inner .Row .ExpirationPoints {\n text-align: left;\n color: var(--emfe-w-color-red, red);\n}\n.Card .Inner .Row .Points {\n text-wrap: nowrap;\n}\n.Card .Inner .LevelInfo .ElevateLevel {\n flex-direction: column;\n}\n.Card .Inner .LevelInfo .ElevateLevel .LevelName {\n width: calc(100% - 20px);\n text-align: left;\n font-size: 13px;\n padding-left: 20px;\n margin: 10px 0;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpirationDate {\n text-align: center;\n font-size: smaller;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpireTime {\n margin-left: 5px;\n}";var he={ceil:Math.ceil,round:Math.round,floor:Math.floor,trunc:function(e){return e<0?Math.ceil(e):Math.floor(e)}};function fe(e){return e?he[e]:he.trunc}const ve=class{constructor(n){e(this,n),this.playerElevateLeveLoaded=a(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){let n="";if(!e||!e.aboutToExpire||0==e.aboutToExpire.length||e.aboutToExpire[0].points<=0)return n;e.aboutToExpire.sort(((e,n)=>function(e,n){h(2,arguments);var t=f(e),i=f(n);return t.getTime()<i.getTime()}(new Date(e.expireTime),new Date(n.expireTime))?-1:1));const t=e.aboutToExpire[0],i=function(e,n){h(2,arguments);var t=ue(e),i=ue(n),r=t.getTime()-F(t),a=i.getTime()-F(i);return Math.round((r-a)/864e5)}(new Date(t.expireTime),new Date);let r=0,a=0,o=0===i?"pointsToBeExpiredDay":"pointsToBeExpired";return 0==i&&(r=function(e,n,t){h(2,arguments);var i=pe(e,n)/36e5;return fe(null==t?void 0:t.roundingMethod)(i)}(new Date(t.expireTime),new Date,{roundingMethod:"floor"}),o=r>1?"pointsToBeExpiredHours":"pointsToBeExpiredHour"),0==r&&(a=function(e,n,t){h(2,arguments);var i=pe(e,n)/6e4;return fe(null==t?void 0:t.roundingMethod)(i)}(new Date(t.expireTime),new Date,{roundingMethod:"floor"}),o=a>1?"pointsToBeExpiredMinutes":"pointsToBeExpiredMinute"),n=u(o,{expirationPoints:t.points,expireDay:Math.max(i,r,a)}),n}loadPlayerLevelInfo(){let e=new URL(`${this.params.endpoint}/v1/elevate/playerInfo?language=${this.params.language}`);return new Promise(((n,t)=>fetch(e.href,{method:"GET",headers:{"X-Sessionid":this.params.session,"Content-Type":"application/json"}}).then((e=>e.json())).then((e=>{var i,r,a;if(!e.success)return console.error("Exception when fetch user elevateinfo, ",e.errorCode,e.errorMessage),void t(!0);let o=e.data;this.playerElevateLevel=o.level,this.playerElevateLevel.name=this.playerElevateLevel.presentation.displayName||this.playerElevateLevel.name,this.playerElevateLevel.spendablePoints=(null===(i=o.spendableWallet)||void 0===i?void 0:i.total.points)||0,this.playerElevateLeveLoaded.emit({elevateLevel:this.playerElevateLevel});const s=null===(r=e.data.spendableWallet)||void 0===r?void 0:r.total,l=null===(a=e.data.loyaltyWallet)||void 0===a?void 0:a.total;this.playerElevateLeveLoaded.emit({elevateLevelWalletTotal:s,loyaltyWalletTotal:l});let d=this.calcuatePointsToBeExpired(s),c=this.calcuatePointsToBeExpired(l);(d||c)&&this.playerElevateLeveLoaded.emit({pointExpireString:d,xpExpireString:c}),n(this.playerElevateLevel)})).catch((e=>{console.log("error ",e),t(!0)}))))}setLoyaltyProgress(e){!function(e,n){const t=e.querySelector("#total_level"),i=t.getBBox().width,r=n>1?1:n,a=r*i-17<0?0:r*i-17,o=e.querySelector("#current_level"),s=e.querySelector("#filter_current_level"),l=e.querySelector("#circle_current_level");t.setAttribute("viewbox",`0 0 ${a} 28`),o.setAttribute("width",`${a}`),l.setAttribute("cx",`${a<6.5?6.5:a}`),s.setAttribute("x",""+(a-8));const d=e.querySelector("#lock"),c=e.querySelector("#filter_heart_ball"),u=e.querySelector("#filter_ball"),p=e.querySelector("#filter_heart"),h=e.querySelector("#filter_lock"),f=e.querySelector("#paint0_linear_ball"),v=e.querySelector("#paint1_linear_lock"),g=e.querySelector("#lock_box"),x=e.querySelector("#heart_box"),m=i-10;d.setAttribute("cx",`${m}`),v.setAttribute("x1",`${m}`),v.setAttribute("x2",`${m}`),f.setAttribute("x1",""+(m-6)),f.setAttribute("x2",""+(m-6+11.2)),h.setAttribute("x",""+(m-6)),p.setAttribute("x",""+(m-6-2)),u.setAttribute("x",""+(m-6-2-2)),c.setAttribute("x",""+(m-6-2-2-4)),g.setAttribute("x",""+(m-6)),x.setAttribute("x",""+(m-6)),t.parentElement.style.opacity="1"}(this.loyaltyProgressEle,e)}initLevelProgressbar(){setTimeout((()=>{this.loyaltyProgressEle=this.elevateCardRef.parentElement.querySelector("#LevelProgress"),this.loyaltyProgressEle&&(this.setLoyaltyProgress(this.playerElevateLevel.nextLevel?this.playerElevateLevel.loyaltyPoints/this.playerElevateLevel.nextLevel.entryPoints:1),this.params.playerElevateLevel=this.playerElevateLevel)}),80)}componentDidRender(){this.initLevelProgressbar()}loadElevateInfo(){if(!this.params.endpoint||!this.params.session)return;const e=[];e.push(this.loadPlayerLevelInfo()),this.params.calculateLevelFlag&&e.push(this.loadLevels()),Promise.all(e).then((e=>{if(console.log("elevate-init",e),this.initLevelProgressbar(),!this.levels)return;this.levels.sort(((e,n)=>e.firstEntryPoints>n.firstEntryPoints?1:-1));const n=this.playerElevateLevel.loyaltyPoints;let t=0;this.levels.forEach(((e,i)=>{n>e.firstEntryPoints&&(t=i)})),this.playerElevateLeveLoaded.emit({calculatedLevelFlag:t})}))}componentWillLoad(){this.loadElevateInfo()}get elevateCardRef(){return t(this)}static get watchers(){return{params:["onParamsChanged"]}}};ve.style=':host {\n display: block;\n width: 360px;\n height: 230px;\n}\n\n.ElevateCardWrapper {\n contain: layout inline-size;\n width: 100%;\n height: fit-content;\n min-height: 218px;\n}\n\n.Outer {\n container-type: inline-size;\n font-size: 12px;\n background-size: cover;\n background-repeat: no-repeat;\n line-height: initial;\n width: 100%;\n height: 100%;\n}\n\n.Dark {\n color: var(--emfe-w-color-gray150, #efefef);\n}\n\n.Light {\n color: var(--emfe-w-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(--emfe-w-elevate-color-level0button-shadow, rgba(191, 84, 6, 0.75));\n background: linear-gradient(180deg, var(--emfe-w-elevate-color-level0-bg0, #E2792C) 0%, var(--emfe-w-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(--emfe-w-elevate-color-level1button-shadow, rgba(151, 151, 151, 0.75));\n background: linear-gradient(180deg, var(--emfe-w-elevate-color-level1-bg0, #BEBFED) 0%, var(--emfe-w-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(--emfe-w-elevate-color-level2button-shadow, rgba(191, 120, 6, 0.75));\n background: linear-gradient(180deg, var(--emfe-w-elevate-color-level2-bg0, #FCC410) 0%, var(--emfe-w-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(--emfe-w-elevate-color-level3button-shadow, rgba(65, 6, 191, 0.75));\n background: linear-gradient(180deg, var(--emfe-w-elevate-color-level3-bg0, #B1A2DB) 0%, var(--emfe-w-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(--emfe-w-elevate-color-level4button-shadow, rgba(65, 6, 191, 0.75));\n background: linear-gradient(180deg, var(--emfe-w-elevate-color-level4-bg0, #B1A2DB) 0%, var(--emfe-w-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(--emfe-w-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: 10px;\n background: var(--emfe-w-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(--emfe-w-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(--emfe-w-color-red, #9e595f);\n}';const ge=class{constructor(n){e(this,n),this.endpoint=void 0,this.theme="Dark",this.session=void 0,this.playerAvatarUrl=void 0,this.language="en",this.playerName=void 0,this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.pointExpireString=void 0,this.playerElevateLevel=void 0,this.elevateWalletTotal=void 0}onSessionOrEndpointChange(){this.paramProxy=Object.assign(Object.assign({},this.paramProxy),{session:this.session,endpoint:this.endpoint,language:this.language})}playerElevateLeveLoadedHandler(e){e.detail&&(e.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=e.detail.elevateLevelWalletTotal),e.detail.elevateLevel&&(this.playerElevateLevel=e.detail.elevateLevel),e.detail.pointExpireString&&(this.pointExpireString=e.detail.xpExpireString))}onRedeemClick(){window.postMessage({type:"BEERedeemClicked"},window.location.href)}componentWillLoad(){this.paramProxy={endpoint:this.endpoint,session:this.session,language:this.language}}getNextLevelPoints(){var e,n;return(null===(e=this.playerElevateLevel)||void 0===e?void 0:e.nextLevel)?null===(n=this.playerElevateLevel)||void 0===n?void 0:n.nextLevel.entryPoints:-1}getNextLevelTips(){var e;let n=null===(e=this.playerElevateLevel)||void 0===e?void 0:e.nextLevel;if(this.playerElevateLevel&&n){const e=(n.entryPoints-this.playerElevateLevel.loyaltyPoints).toFixed(2);return u("tipsForNextLevel",{pointsToReach:e,levelName:n.name,lang:this.language})}return""}render(){const e=i("../static/card-ground.svg"),t=i("../static/card-ground-over.svg");return n("div",{key:"2b0944f8317a94621e1bc65bbbb3726654b8963b",class:`ElevateCardWrapper ${this.theme}`},n("div",{key:"c6d4dbba143435b4485d7fde91ab0a48a2f6688b",class:"LoyaltyCard Outer",style:{backgroundImage:`url(${e}`}},n("general-styling-wrapper",{key:"e47a4efe925eb35d4449c6ff33a0afef9d284e55",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:d,translationUrl:this.translationUrl}),n("player-elevate-card-data",{key:"a560991893305894ddd41756cd7b3c32d0ef9e03",params:this.paramProxy}),n("div",{key:"ceb8b71386f84f54518a3694535aa16c2c3d3951",class:"OuterCover Inner",style:{backgroundImage:`url(${t}`}},n("div",{key:"1df9647c3de42e74adee0f8895511442118ae381",class:"Content Row"},this.playerElevateLevel&&n(r,{key:"569bcd5fc3c578d2e6cc7442d28444e29688660c"},n("div",{key:"aa40032bff99c5462b906e4427232ca2d4019017",class:"PlayerImg"},n(de,{key:"7a2d535b0c2029c90b9f1c123f9feebafca6bdde",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),n("div",{key:"90999da8fc2a3102eac235fcbc8afbec2a2bbdf8",class:`LevelInfo ${this.playerElevateLevel.name}`},n(le,{key:"67e8bf370b1b77e776fb6d955ae63928fd1338d8",hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat}),n("div",{key:"1e0fefc6a23f4aeeef5e19828399fe1229a3fc81",class:"PointsRange"},n(ae,{key:"dd176e624cde3b6f517101d7702a15465305174d",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language}),n(ae,{key:"6cddb64c92545803d08fbbc513cc951b2691a42e",loyaltyPoints:this.getNextLevelPoints(),language:this.language})),this.pointExpireString&&n("div",{key:"6ead0fa321a73f2f4ae69e1c424037b739c85994",class:"PointsInfo ExpirationPoints"},this.pointExpireString," "),n(re,{key:"53c623e1852fd47fddec758159c4bf6e82be1aaa"}),n("div",{key:"99894852a3f1751e80010fff0c1a841562963f6e",class:"NextLevelTip"},this.getNextLevelTips())))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};ge.style=":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:11px;margin-left:5px}}@media screen and (max-width: 500px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:wrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:0px;margin-left:0px}}.LoyaltyCard .Inner .LevelProgress{margin-left:0px}.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints{text-align:left;color:var(--emfe-w-color-red-50, red)}.LoyaltyCard .Inner .PlayerAvatar .Avatar{display:none}.LoyaltyCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%}.LoyaltyCard .Inner .LevelInfo .ElevateLevel{display:flex;flex:1;align-items:center}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{position:relative;padding-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime{margin-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName{padding-left:0;font-size:var(--emfe-w-elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emfe-w-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(--emfe-w-color-black, #000);opacity:0.8;font-weight:bold}";const xe=class{constructor(n){e(this,n),this.isPointDetailCard="earningRule"===this.buttonType,this.endpoint=void 0,this.theme="Dark",this.session=void 0,this.playerAvatarUrl=void 0,this.language="en",this.playerName=void 0,this.cardTitle=void 0,this.buttonType="earningRule",this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.pointExpireString=void 0,this.playerElevateLevel=void 0,this.elevateWalletTotal=void 0,this.elevateSPTotal=void 0}onSessionOrEndpointChange(){this.paramProxy=Object.assign(Object.assign({},this.paramProxy),{session:this.session,endpoint:this.endpoint,language:this.language})}playerElevateLeveLoadedHandler(e){e.detail&&(e.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=e.detail.elevateLevelWalletTotal,this.elevateSPTotal=e.detail.loyaltyWalletTotal),e.detail.elevateLevel&&(this.playerElevateLevel=e.detail.elevateLevel),e.detail.pointExpireString&&(this.pointExpireString=e.detail.pointExpireString))}onDetailsClick(){window.postMessage({type:this.isPointDetailCard?"BEEPointRulesClicked":"BEEDetailsClicked",path:this.isPointDetailCard?"player-elevate-level":"player-elevate-point-details"},window.location.href)}componentWillLoad(){this.paramProxy={endpoint:this.endpoint,session:this.session,language:this.language}}render(){const e=i("../static/card-ground.svg"),t=i("../static/card-ground-over.svg");return n("div",{key:"4e6e25bdd2a9f795369b39dbfd7e9adbd1523e17",class:`ElevateCardWrapper ${this.theme}`},n("div",{key:"ddeea1e67d51d5c0c8ed56edfd2d8d9c39e85253",class:"PointsCard Outer ",style:{backgroundImage:`url(${e}`}},n("general-styling-wrapper",{key:"c6d6e3a3bc9a54cb99b4268feb3c296527d1ba8c",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:d,translationUrl:this.translationUrl}),n("player-elevate-card-data",{key:"4371faac6967c5b3eced57f6251064ea4e1d6a65",params:this.paramProxy}),n("div",{key:"c78235a6fdc2aed90df898f007b5ee091cece8dc",class:"OuterCover Inner",style:{backgroundImage:`url(${t}`}},n("div",{key:"025e779223c1c85c11998be8389a8ff836a31e6c",class:"Content Row"},this.playerElevateLevel&&n(r,{key:"68daa6047dc93d2596d8b2309a26f56960737617"},n("div",{key:"6a2d2b2e7d234bceaf3d9240c5d4f2eb80395319",class:"PlayerImg"},n(de,{key:"aeaf35ad8055ad4f7312922c8600ea58d09be74f",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),n("div",{key:"bd51ce868b4d8a547f40ec55548bbf3cfa416534",class:`LevelInfo ${this.playerElevateLevel.name}`},n("div",{key:"5f4d77a5b43c8efee850b9813bc1c8e61d27d45d",class:"PointsTxt Label"},this.cardTitle?this.cardTitle:c("spendablePoints")),n("div",{key:"bae5dc76d00c98aed803601c19fe3bf1aa4418d5",class:"PointsTxt SPPoints"},n(ae,{key:"59d51bd37f44ed23108fc4356af41c01668354e3",spendablePoints:this.playerElevateLevel.spendablePoints,language:this.language}),n("a",{key:"3a923bea242ae5fa412f4448dca7277b3588621e",class:"TC",onClick:()=>{this.onDetailsClick()}},c("termAndConditions",this.language))),this.pointExpireString&&n("div",{key:"8803ae8d343885da58dfa04b9a4474ff473b5a74",class:"ExpirationPoints"},this.pointExpireString," ")))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};xe.style=":host{display:block}.PointsCard .Inner .Row .ExpirationPoints{text-align:left}.PointsCard .Inner .PlayerAvatar .Avatar{display:none}.PointsCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%;position:inherit}.PointsCard .Inner .PointsTxt{display:flex;flex-direction:row;justify-content:space-between}.PointsCard .Inner .DetailButton{background:linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%), linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));border-radius:5px;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);border:2px solid;font-size:11px;width:108px;padding:4px;cursor:pointer;margin-top:5px;height:16px;min-width:45px;text-align:center}.PointsCard .Inner .DetailButton span{color:var(--emfe-w-color-gray-150, #6D6D6D)}.PointsCard .Inner .DetailButton span{display:inline-block;vertical-align:middle}.PointsCard .Inner .DetailButton:hover span{color:var(--emfe-w-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{o as general_styling_wrapper,ce as player_elevate_card,ve as player_elevate_card_data,ge as player_elevate_loyaltycard,xe as player_elevate_pointcard}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as a}from"./p-ba534fa2.js";export{s as setNonce}from"./p-ba534fa2.js";import{g as n}from"./p-e1255160.js";(()=>{const a=import.meta.url,n={};return""!==a&&(n.resourcesUrl=new URL(".",a).href),e(n)})().then((async e=>(await n(),a([["p-
|
|
1
|
+
import{p as e,b as a}from"./p-ba534fa2.js";export{s as setNonce}from"./p-ba534fa2.js";import{g as n}from"./p-e1255160.js";(()=>{const a=import.meta.url,n={};return""!==a&&(n.resourcesUrl=new URL(".",a).href),e(n)})().then((async e=>(await n(),a([["p-a9ce0470",[[1,"player-elevate-card",{endpoint:[513],theme:[513],session:[513],playerAvatarUrl:[513,"player-avatar-url"],language:[513],playerName:[513,"player-name"],dateFormat:[513,"date-format"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],pointExpireString:[32],playerLevelFlag:[32],playerElevateLevel:[32],elevateWalletTotal:[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}],[1,"player-elevate-loyaltycard",{endpoint:[513],theme:[513],session:[513],playerAvatarUrl:[513,"player-avatar-url"],language:[513],playerName:[513,"player-name"],dateFormat:[513,"date-format"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],pointExpireString:[32],playerElevateLevel:[32],elevateWalletTotal:[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}],[1,"player-elevate-pointcard",{endpoint:[513],theme:[513],session:[513],playerAvatarUrl:[513,"player-avatar-url"],language:[513],playerName:[513,"player-name"],cardTitle:[513,"card-title"],buttonType:[513,"button-type"],dateFormat:[513,"date-format"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],pointExpireString:[32],playerElevateLevel:[32],elevateWalletTotal:[32],elevateSPTotal:[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}],[4,"general-styling-wrapper",{clientStyling:[1,"client-styling"],clientStylingUrl:[1,"client-styling-url"],translationUrl:[1,"translation-url"],targetTranslations:[16]}],[0,"player-elevate-card-data",{params:[8],playerElevateLevel:[32],pointExpireString:[32]},[[9,"resize","handleWindowResizs"],[8,"redeemGiftButton","redeemGiftButtonHandler"]],{params:["onParamsChanged"]}]]]],e))));
|
|
@@ -8,6 +8,7 @@ export declare class PlayerElevateCardData {
|
|
|
8
8
|
playerElevateLeveLoaded: EventEmitter;
|
|
9
9
|
handleWindowResizs(): void;
|
|
10
10
|
onParamsChanged(): void;
|
|
11
|
+
redeemGiftButtonHandler(): void;
|
|
11
12
|
elevateCardRef: HTMLElement;
|
|
12
13
|
loyaltyProgressEle: HTMLElement;
|
|
13
14
|
private levels;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@everymatrix/player-elevate-card",
|
|
3
|
-
"version": "1.49.
|
|
3
|
+
"version": "1.49.2",
|
|
4
4
|
"main": "./dist/index.cjs.js",
|
|
5
5
|
"module": "./dist/index.js",
|
|
6
6
|
"es2015": "./dist/esm/index.mjs",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"access": "public"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@everymatrix/general-styling-wrapper": "^1.49.
|
|
27
|
+
"@everymatrix/general-styling-wrapper": "^1.49.2",
|
|
28
28
|
"date-fns": "^2.30.0"
|
|
29
29
|
}
|
|
30
30
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as n,g as t,a as i,F as r,c as a}from"./p-ba534fa2.js";const o=class{constructor(n){e(this,n),this.stylingAppends=!1,this.setClientStyling=()=>{let e=document.createElement("style");e.innerHTML=this.clientStyling,this.el.prepend(e)},this.setClientStylingURL=()=>{let e=new URL(this.clientStylingUrl),n=document.createElement("style");fetch(e.href).then((e=>e.text())).then((e=>{n.innerHTML=e,setTimeout((()=>{this.el.prepend(n)}),1)})).catch((e=>{console.log("error ",e)}))},this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.targetTranslations=void 0}componentDidRender(){this.stylingAppends||(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.stylingAppends=!0)}async componentWillLoad(){const e=[];if(this.translationUrl){const i=(n=this.translationUrl,t=this.targetTranslations,new Promise((e=>{fetch(n).then((e=>e.json())).then((n=>{Object.keys(n).forEach((e=>{t[e]=t[e]?t[e]:{};for(let i in n[e])t[e][i]=n[e][i]})),e(!0)}))})));e.push(i)}var n,t;return await Promise.all(e)}render(){return n("div",{key:"4d3414408c7662f88331dbe655966237f74d6958",class:"StyleShell"},n("slot",{key:"1d004644d84602c4314bdf5dfc26b55b160f57df",name:"mainContent"}))}get el(){return t(this)}};o.style=":host{display:block}";const s="en",l=["en","zh-hk","it","fr","tr"],d={en:{redeem:"Redeem",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",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"},"zh-hk":{redeem:"兑奖",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",tipsForNextLevel:"Next level is ${levelName}. ${pointsToReach} XP to level up",spendablePoints:"Spendable Points:",details:"明细",earningRules:"Earning Rules",xp:"XP",sp:"Coins",termAndConditions:"Term & Conditions"},de:{redeem:"Redeem",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",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"},it:{redeem:"Redeem",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",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"},fr:{redeem:"Redeem",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",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"},es:{redeem:"Redeem"},tr:{redeem:"Redeem",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",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"},ru:{redeem:"Redeem"},ro:{redeem:"Redeem"},hr:{redeem:"Otkupiti",expireOn:"Istječe",pointsToBeExpired:"${expirationPoints} bodova ističe za ${expireDay} dana",tipsForNextLevel:"Trebate ${pointsToReach} da dosegnete razinu ${levelName}",spendablePoints:"Bodovi za potrošit:",details:"Detalji",xp:"XP"},hu:{redeem:"Redeem"},pl:{redeem:"Redeem"},pt:{redeem:"Redeem"},sl:{redeem:"Redeem"},sr:{redeem:"Redeem"}},c=(e,n)=>{const t=n;return d[void 0!==t&&l.includes(t)?t:s][e]},u=(e,n)=>{const t=n.lang;let i=d[void 0!==t&&l.includes(t)?t:s][e];return n?(Object.keys(n).forEach((e=>{i=i.replace(new RegExp("\\${"+e+"}","gm"),n[e])})),i):d[void 0!==t&&l.includes(t)?t:s][e]};function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function f(e,n){if(n.length<e)throw new TypeError(e+" argument"+(e>1?"s":"")+" required, but only "+n.length+" present")}function p(e){f(1,arguments);var n=Object.prototype.toString.call(e);return e instanceof Date||"object"===h(e)&&"[object Date]"===n?new Date(e.getTime()):"number"==typeof e||"[object Number]"===n?new Date(e):("string"!=typeof e&&"[object String]"!==n||"undefined"==typeof console||(console.warn("Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments"),console.warn((new Error).stack)),new Date(NaN))}function v(e){if(null===e||!0===e||!1===e)return NaN;var n=Number(e);return isNaN(n)?n:n<0?Math.ceil(n):Math.floor(n)}function g(e){f(1,arguments);var n=p(e),t=n.getUTCDay(),i=(t<1?7:0)+t-1;return n.setUTCDate(n.getUTCDate()-i),n.setUTCHours(0,0,0,0),n}function m(e){f(1,arguments);var n=p(e),t=n.getUTCFullYear(),i=new Date(0);i.setUTCFullYear(t+1,0,4),i.setUTCHours(0,0,0,0);var r=g(i),a=new Date(0);a.setUTCFullYear(t,0,4),a.setUTCHours(0,0,0,0);var o=g(a);return n.getTime()>=r.getTime()?t+1:n.getTime()>=o.getTime()?t:t-1}var x={};function y(){return x}function b(e,n){var t,i,r,a,o,s,l,d;f(1,arguments);var c=y(),u=v(null!==(t=null!==(i=null!==(r=null!==(a=null==n?void 0:n.weekStartsOn)&&void 0!==a?a:null==n||null===(o=n.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.weekStartsOn)&&void 0!==r?r:c.weekStartsOn)&&void 0!==i?i:null===(l=c.locale)||void 0===l||null===(d=l.options)||void 0===d?void 0:d.weekStartsOn)&&void 0!==t?t:0);if(!(u>=0&&u<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");var h=p(e),g=h.getUTCDay(),m=(g<u?7:0)+g-u;return h.setUTCDate(h.getUTCDate()-m),h.setUTCHours(0,0,0,0),h}function w(e,n){var t,i,r,a,o,s,l,d;f(1,arguments);var c=p(e),u=c.getUTCFullYear(),h=y(),g=v(null!==(t=null!==(i=null!==(r=null!==(a=null==n?void 0:n.firstWeekContainsDate)&&void 0!==a?a:null==n||null===(o=n.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.firstWeekContainsDate)&&void 0!==r?r:h.firstWeekContainsDate)&&void 0!==i?i:null===(l=h.locale)||void 0===l||null===(d=l.options)||void 0===d?void 0:d.firstWeekContainsDate)&&void 0!==t?t:1);if(!(g>=1&&g<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var m=new Date(0);m.setUTCFullYear(u+1,0,g),m.setUTCHours(0,0,0,0);var x=b(m,n),w=new Date(0);w.setUTCFullYear(u,0,g),w.setUTCHours(0,0,0,0);var P=b(w,n);return c.getTime()>=x.getTime()?u+1:c.getTime()>=P.getTime()?u:u-1}function P(e,n){for(var t=e<0?"-":"",i=Math.abs(e).toString();i.length<n;)i="0"+i;return t+i}const C=function(e,n){var t=e.getUTCFullYear(),i=t>0?t:1-t;return P("yy"===n?i%100:i,n.length)},E=function(e,n){var t=e.getUTCMonth();return"M"===n?String(t+1):P(t+1,2)},k=function(e,n){return P(e.getUTCDate(),n.length)},I=function(e,n){return P(e.getUTCHours()%12||12,n.length)},L=function(e,n){return P(e.getUTCHours(),n.length)},D=function(e,n){return P(e.getUTCMinutes(),n.length)},B=function(e,n){return P(e.getUTCSeconds(),n.length)},M=function(e,n){var t=n.length,i=e.getUTCMilliseconds();return P(Math.floor(i*Math.pow(10,t-3)),n.length)};var S={G:function(e,n,t){var i=e.getUTCFullYear()>0?1:0;switch(n){case"G":case"GG":case"GGG":return t.era(i,{width:"abbreviated"});case"GGGGG":return t.era(i,{width:"narrow"});default:return t.era(i,{width:"wide"})}},y:function(e,n,t){if("yo"===n){var i=e.getUTCFullYear();return t.ordinalNumber(i>0?i:1-i,{unit:"year"})}return C(e,n)},Y:function(e,n,t,i){var r=w(e,i),a=r>0?r:1-r;return"YY"===n?P(a%100,2):"Yo"===n?t.ordinalNumber(a,{unit:"year"}):P(a,n.length)},R:function(e,n){return P(m(e),n.length)},u:function(e,n){return P(e.getUTCFullYear(),n.length)},Q:function(e,n,t){var i=Math.ceil((e.getUTCMonth()+1)/3);switch(n){case"Q":return String(i);case"QQ":return P(i,2);case"Qo":return t.ordinalNumber(i,{unit:"quarter"});case"QQQ":return t.quarter(i,{width:"abbreviated",context:"formatting"});case"QQQQQ":return t.quarter(i,{width:"narrow",context:"formatting"});default:return t.quarter(i,{width:"wide",context:"formatting"})}},q:function(e,n,t){var i=Math.ceil((e.getUTCMonth()+1)/3);switch(n){case"q":return String(i);case"qq":return P(i,2);case"qo":return t.ordinalNumber(i,{unit:"quarter"});case"qqq":return t.quarter(i,{width:"abbreviated",context:"standalone"});case"qqqqq":return t.quarter(i,{width:"narrow",context:"standalone"});default:return t.quarter(i,{width:"wide",context:"standalone"})}},M:function(e,n,t){var i=e.getUTCMonth();switch(n){case"M":case"MM":return E(e,n);case"Mo":return t.ordinalNumber(i+1,{unit:"month"});case"MMM":return t.month(i,{width:"abbreviated",context:"formatting"});case"MMMMM":return t.month(i,{width:"narrow",context:"formatting"});default:return t.month(i,{width:"wide",context:"formatting"})}},L:function(e,n,t){var i=e.getUTCMonth();switch(n){case"L":return String(i+1);case"LL":return P(i+1,2);case"Lo":return t.ordinalNumber(i+1,{unit:"month"});case"LLL":return t.month(i,{width:"abbreviated",context:"standalone"});case"LLLLL":return t.month(i,{width:"narrow",context:"standalone"});default:return t.month(i,{width:"wide",context:"standalone"})}},w:function(e,n,t,i){var r=function(e,n){f(1,arguments);var t=p(e),i=b(t,n).getTime()-function(e,n){var t,i,r,a,o,s,l,d;f(1,arguments);var c=y(),u=v(null!==(t=null!==(i=null!==(r=null!==(a=null==n?void 0:n.firstWeekContainsDate)&&void 0!==a?a:null==n||null===(o=n.locale)||void 0===o||null===(s=o.options)||void 0===s?void 0:s.firstWeekContainsDate)&&void 0!==r?r:c.firstWeekContainsDate)&&void 0!==i?i:null===(l=c.locale)||void 0===l||null===(d=l.options)||void 0===d?void 0:d.firstWeekContainsDate)&&void 0!==t?t:1),h=w(e,n),p=new Date(0);return p.setUTCFullYear(h,0,u),p.setUTCHours(0,0,0,0),b(p,n)}(t,n).getTime();return Math.round(i/6048e5)+1}(e,i);return"wo"===n?t.ordinalNumber(r,{unit:"week"}):P(r,n.length)},I:function(e,n,t){var i=function(e){f(1,arguments);var n=p(e),t=g(n).getTime()-function(e){f(1,arguments);var n=m(e),t=new Date(0);return t.setUTCFullYear(n,0,4),t.setUTCHours(0,0,0,0),g(t)}(n).getTime();return Math.round(t/6048e5)+1}(e);return"Io"===n?t.ordinalNumber(i,{unit:"week"}):P(i,n.length)},d:function(e,n,t){return"do"===n?t.ordinalNumber(e.getUTCDate(),{unit:"date"}):k(e,n)},D:function(e,n,t){var i=function(e){f(1,arguments);var n=p(e),t=n.getTime();n.setUTCMonth(0,1),n.setUTCHours(0,0,0,0);var i=n.getTime();return Math.floor((t-i)/864e5)+1}(e);return"Do"===n?t.ordinalNumber(i,{unit:"dayOfYear"}):P(i,n.length)},E:function(e,n,t){var i=e.getUTCDay();switch(n){case"E":case"EE":case"EEE":return t.day(i,{width:"abbreviated",context:"formatting"});case"EEEEE":return t.day(i,{width:"narrow",context:"formatting"});case"EEEEEE":return t.day(i,{width:"short",context:"formatting"});default:return t.day(i,{width:"wide",context:"formatting"})}},e:function(e,n,t,i){var r=e.getUTCDay(),a=(r-i.weekStartsOn+8)%7||7;switch(n){case"e":return String(a);case"ee":return P(a,2);case"eo":return t.ordinalNumber(a,{unit:"day"});case"eee":return t.day(r,{width:"abbreviated",context:"formatting"});case"eeeee":return t.day(r,{width:"narrow",context:"formatting"});case"eeeeee":return t.day(r,{width:"short",context:"formatting"});default:return t.day(r,{width:"wide",context:"formatting"})}},c:function(e,n,t,i){var r=e.getUTCDay(),a=(r-i.weekStartsOn+8)%7||7;switch(n){case"c":return String(a);case"cc":return P(a,n.length);case"co":return t.ordinalNumber(a,{unit:"day"});case"ccc":return t.day(r,{width:"abbreviated",context:"standalone"});case"ccccc":return t.day(r,{width:"narrow",context:"standalone"});case"cccccc":return t.day(r,{width:"short",context:"standalone"});default:return t.day(r,{width:"wide",context:"standalone"})}},i:function(e,n,t){var i=e.getUTCDay(),r=0===i?7:i;switch(n){case"i":return String(r);case"ii":return P(r,n.length);case"io":return t.ordinalNumber(r,{unit:"day"});case"iii":return t.day(i,{width:"abbreviated",context:"formatting"});case"iiiii":return t.day(i,{width:"narrow",context:"formatting"});case"iiiiii":return t.day(i,{width:"short",context:"formatting"});default:return t.day(i,{width:"wide",context:"formatting"})}},a:function(e,n,t){var i=e.getUTCHours()/12>=1?"pm":"am";switch(n){case"a":case"aa":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"aaa":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return t.dayPeriod(i,{width:"narrow",context:"formatting"});default:return t.dayPeriod(i,{width:"wide",context:"formatting"})}},b:function(e,n,t){var i,r=e.getUTCHours();switch(i=12===r?"noon":0===r?"midnight":r/12>=1?"pm":"am",n){case"b":case"bb":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"bbb":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return t.dayPeriod(i,{width:"narrow",context:"formatting"});default:return t.dayPeriod(i,{width:"wide",context:"formatting"})}},B:function(e,n,t){var i,r=e.getUTCHours();switch(i=r>=17?"evening":r>=12?"afternoon":r>=4?"morning":"night",n){case"B":case"BB":case"BBB":return t.dayPeriod(i,{width:"abbreviated",context:"formatting"});case"BBBBB":return t.dayPeriod(i,{width:"narrow",context:"formatting"});default:return t.dayPeriod(i,{width:"wide",context:"formatting"})}},h:function(e,n,t){if("ho"===n){var i=e.getUTCHours()%12;return 0===i&&(i=12),t.ordinalNumber(i,{unit:"hour"})}return I(e,n)},H:function(e,n,t){return"Ho"===n?t.ordinalNumber(e.getUTCHours(),{unit:"hour"}):L(e,n)},K:function(e,n,t){var i=e.getUTCHours()%12;return"Ko"===n?t.ordinalNumber(i,{unit:"hour"}):P(i,n.length)},k:function(e,n,t){var i=e.getUTCHours();return 0===i&&(i=24),"ko"===n?t.ordinalNumber(i,{unit:"hour"}):P(i,n.length)},m:function(e,n,t){return"mo"===n?t.ordinalNumber(e.getUTCMinutes(),{unit:"minute"}):D(e,n)},s:function(e,n,t){return"so"===n?t.ordinalNumber(e.getUTCSeconds(),{unit:"second"}):B(e,n)},S:function(e,n){return M(e,n)},X:function(e,n,t,i){var r=(i._originalDate||e).getTimezoneOffset();if(0===r)return"Z";switch(n){case"X":return T(r);case"XXXX":case"XX":return _(r);default:return _(r,":")}},x:function(e,n,t,i){var r=(i._originalDate||e).getTimezoneOffset();switch(n){case"x":return T(r);case"xxxx":case"xx":return _(r);default:return _(r,":")}},O:function(e,n,t,i){var r=(i._originalDate||e).getTimezoneOffset();switch(n){case"O":case"OO":case"OOO":return"GMT"+R(r,":");default:return"GMT"+_(r,":")}},z:function(e,n,t,i){var r=(i._originalDate||e).getTimezoneOffset();switch(n){case"z":case"zz":case"zzz":return"GMT"+R(r,":");default:return"GMT"+_(r,":")}},t:function(e,n,t,i){return P(Math.floor((i._originalDate||e).getTime()/1e3),n.length)},T:function(e,n,t,i){return P((i._originalDate||e).getTime(),n.length)}};function R(e,n){var t=e>0?"-":"+",i=Math.abs(e),r=Math.floor(i/60),a=i%60;if(0===a)return t+String(r);var o=n||"";return t+String(r)+o+P(a,2)}function T(e,n){return e%60==0?(e>0?"-":"+")+P(Math.abs(e)/60,2):_(e,n)}function _(e,n){var t=n||"",i=e>0?"-":"+",r=Math.abs(e);return i+P(Math.floor(r/60),2)+t+P(r%60,2)}const $=S;var O=function(e,n){switch(e){case"P":return n.date({width:"short"});case"PP":return n.date({width:"medium"});case"PPP":return n.date({width:"long"});default:return n.date({width:"full"})}},A=function(e,n){switch(e){case"p":return n.time({width:"short"});case"pp":return n.time({width:"medium"});case"ppp":return n.time({width:"long"});default:return n.time({width:"full"})}},N={p:A,P:function(e,n){var t,i=e.match(/(P+)(p+)?/)||[],r=i[1],a=i[2];if(!a)return O(e,n);switch(r){case"P":t=n.dateTime({width:"short"});break;case"PP":t=n.dateTime({width:"medium"});break;case"PPP":t=n.dateTime({width:"long"});break;default:t=n.dateTime({width:"full"})}return t.replace("{{date}}",O(r,n)).replace("{{time}}",A(a,n))}};const z=N;function F(e){var n=new Date(Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds(),e.getMilliseconds()));return n.setUTCFullYear(e.getFullYear()),e.getTime()-n.getTime()}var W=["D","DD"],G=["YY","YYYY"];function j(e,n,t){if("YYYY"===e)throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(n,"`) for formatting years to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("YY"===e)throw new RangeError("Use `yy` instead of `YY` (in `".concat(n,"`) for formatting years to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("D"===e)throw new RangeError("Use `d` instead of `D` (in `".concat(n,"`) for formatting days of the month to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"));if("DD"===e)throw new RangeError("Use `dd` instead of `DD` (in `".concat(n,"`) for formatting days of the month to the input `").concat(t,"`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md"))}var H={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function U(e){return function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=n.width?String(n.width):e.defaultWidth;return e.formats[t]||e.formats[e.defaultWidth]}}var X,Y={date:U({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:U({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:U({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},q={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function Q(e){return function(n,t){var i;if("formatting"===(null!=t&&t.context?String(t.context):"standalone")&&e.formattingValues){var r=e.defaultFormattingWidth||e.defaultWidth,a=null!=t&&t.width?String(t.width):r;i=e.formattingValues[a]||e.formattingValues[r]}else{var o=e.defaultWidth,s=null!=t&&t.width?String(t.width):e.defaultWidth;i=e.values[s]||e.values[o]}return i[e.argumentCallback?e.argumentCallback(n):n]}}function J(e){return function(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=t.width,r=n.match(i&&e.matchPatterns[i]||e.matchPatterns[e.defaultMatchWidth]);if(!r)return null;var a,o=r[0],s=i&&e.parsePatterns[i]||e.parsePatterns[e.defaultParseWidth],l=Array.isArray(s)?function(e){for(var n=0;n<e.length;n++)if(e[n].test(o))return n}(s):function(e){for(var n in e)if(e.hasOwnProperty(n)&&e[n].test(o))return n}(s);return a=e.valueCallback?e.valueCallback(l):l,{value:a=t.valueCallback?t.valueCallback(a):a,rest:n.slice(o.length)}}}const V={code:"en-US",formatDistance:function(e,n,t){var i,r=H[e];return i="string"==typeof r?r:1===n?r.one:r.other.replace("{{count}}",n.toString()),null!=t&&t.addSuffix?t.comparison&&t.comparison>0?"in "+i:i+" ago":i},formatLong:Y,formatRelative:function(e){return q[e]},localize:{ordinalNumber:function(e){var n=Number(e),t=n%100;if(t>20||t<10)switch(t%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},era:Q({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:Q({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:function(e){return e-1}}),month:Q({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:Q({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:Q({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:(X={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:function(e){return parseInt(e,10)}},function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=e.match(X.matchPattern);if(!t)return null;var i=t[0],r=e.match(X.parsePattern);if(!r)return null;var a=X.valueCallback?X.valueCallback(r[0]):r[0];return{value:a=n.valueCallback?n.valueCallback(a):a,rest:e.slice(i.length)}}),era:J({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:J({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:function(e){return e+1}}),month:J({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:J({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:J({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}};var Z=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,K=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,ee=/^'([^]*?)'?$/,ne=/''/g,te=/[a-zA-Z]/;function ie(e,n,t){var i,r,a,o,s,l,d,c,u,g,m,x,b,w,P,C,E,k;f(2,arguments);var I=String(n),L=y(),D=null!==(i=null!==(r=null==t?void 0:t.locale)&&void 0!==r?r:L.locale)&&void 0!==i?i:V,B=v(null!==(a=null!==(o=null!==(s=null!==(l=null==t?void 0:t.firstWeekContainsDate)&&void 0!==l?l:null==t||null===(d=t.locale)||void 0===d||null===(c=d.options)||void 0===c?void 0:c.firstWeekContainsDate)&&void 0!==s?s:L.firstWeekContainsDate)&&void 0!==o?o:null===(u=L.locale)||void 0===u||null===(g=u.options)||void 0===g?void 0:g.firstWeekContainsDate)&&void 0!==a?a:1);if(!(B>=1&&B<=7))throw new RangeError("firstWeekContainsDate must be between 1 and 7 inclusively");var M=v(null!==(m=null!==(x=null!==(b=null!==(w=null==t?void 0:t.weekStartsOn)&&void 0!==w?w:null==t||null===(P=t.locale)||void 0===P||null===(C=P.options)||void 0===C?void 0:C.weekStartsOn)&&void 0!==b?b:L.weekStartsOn)&&void 0!==x?x:null===(E=L.locale)||void 0===E||null===(k=E.options)||void 0===k?void 0:k.weekStartsOn)&&void 0!==m?m:0);if(!(M>=0&&M<=6))throw new RangeError("weekStartsOn must be between 0 and 6 inclusively");if(!D.localize)throw new RangeError("locale must contain localize property");if(!D.formatLong)throw new RangeError("locale must contain formatLong property");var S=p(e);if(!function(e){if(f(1,arguments),!function(e){return f(1,arguments),e instanceof Date||"object"===h(e)&&"[object Date]"===Object.prototype.toString.call(e)}(e)&&"number"!=typeof e)return!1;var n=p(e);return!isNaN(Number(n))}(S))throw new RangeError("Invalid time value");var R=function(e,n){return f(2,arguments),function(e,n){f(2,arguments);var t=p(e).getTime(),i=v(n);return new Date(t+i)}(e,-v(n))}(S,F(S)),T={firstWeekContainsDate:B,weekStartsOn:M,locale:D,_originalDate:S};return I.match(K).map((function(e){var n=e[0];return"p"===n||"P"===n?(0,z[n])(e,D.formatLong):e})).join("").match(Z).map((function(i){if("''"===i)return"'";var r,a,o=i[0];if("'"===o)return(a=(r=i).match(ee))?a[1].replace(ne,"'"):r;var s=$[o];if(s)return null!=t&&t.useAdditionalWeekYearTokens||-1===G.indexOf(i)||j(i,n,String(e)),null!=t&&t.useAdditionalDayOfYearTokens||!(-1!==W.indexOf(i))||j(i,n,String(e)),s(R,i,D.localize,T);if(o.match(te))throw new RangeError("Format string contains an unescaped latin alphabet character `"+o+"`");return i})).join("")}const re=()=>n("span",{class:"LevelProgress",id:"LevelProgress",innerHTML:'<svg width="100%" height="28" style="opacity: 0" fill="none" xmlns="http://www.w3.org/2000/svg">\n <rect y="12" x="2" width="100%" id="total_level" height="5" rx="2.5" fill="white" fill-opacity="0.5"/>\n <rect y="12" x="2" id="current_level" width="64" height="5" rx="2.5" fill="white"/>\n <g filter="url(#filter_current_level)">\n <circle id="circle_current_level" cx="74.5" cy="14.5" r="6.5" fill="white"/>\n </g>\n <g filter="url(#filter_heart_ball)">\n <g filter="url(#filter_ball)">\n <circle cx="169" cy="14" r="10" id="lock" fill="url(#paint0_linear_ball)"/>\n </g>\n <g filter="url(#filter_heart)">\n <svg x="0" y="4" id="lock_box">\n <path d="M10.217 6.42442c-0.713,-0.574,-1.304,-1.083,-1.928,-1.622c-0.348,-0.299,-0.707,-0.611,-1.101,-0.943l-0.013,-0.01c0,0,-0.023,-0.017,-0.04,-0.027l-0.167,-0.095l-0.15,0.12c0,0,-0.015,0.012,-0.024,0.02c-0.391,0.33,-0.749,0.64,-1.094,0.939c-0.622,0.539,-1.211,1.048,-1.924,1.624c-1.816,1.463,-3.598,3.263,-3.033,5.506c0.404,1.601,2.104,2.905,3.789,2.905c0.211,0,0.423,-0.02,0.626,-0.061c0.286,-0.058,0.572,-0.145,0.864,-0.265c-0.079,0.962,-0.413,1.864,-0.881,2.369l-0.423,0.459h0.633c0.633,0,1.018,-0.007,1.356,-0.013c0.248,-0.004,0.462,-0.008,0.72,-0.008c0.335,0,0.709,0.006,1.215,0.021l0.686,0.02l-0.474,-0.483c-0.504,-0.514,-0.847,-1.403,-0.923,-2.385c0.311,0.132,0.616,0.227,0.916,0.287c0.204,0.039,0.411,0.059,0.623,0.059c1.687,0,3.386,-1.304,3.789,-2.909c0.56,-2.243,-1.224,-4.041,-3.042,-5.504v-0.004z" fill="#933CBF"/>\n <path d="M9.727,6.98459c-1.004,-0.83,-1.741,-1.515,-2.723,-2.365c-0.002,0,-0.004,-0.004,-0.007,-0.006c-0.002,0,-0.004,0.004,-0.006,0.006c-0.98,0.85,-1.715,1.537,-2.721,2.367c-1.455,1.202,-3.126,2.821,-2.638,4.81c0.37,1.511,2.091,2.751,3.665,2.43c0.389,-0.08,0.75,-0.224,1.094,-0.402c0,0.116,-0.004,0.233,-0.012,0.353c-0.064,0.991,-0.398,1.892,-0.86,2.401c1.481,0,1.481,-0.043,2.961,0c-0.481,-0.503,-0.834,-1.382,-0.9,-2.401c-0.008,-0.127,-0.012,-0.253,-0.012,-0.378c0.357,0.19,0.733,0.342,1.14,0.425c1.574,0.319,3.292,-0.922,3.661,-2.433c0.486,-1.992,-1.189,-3.609,-2.644,\n -4.809l0.002,0.002z" fill="url(#paint1_linear_lock)"/>\n <path d="M9.255,7.551c-0.844,-0.716,-1.462,-1.309,-2.286,-2.045c-0.002,0,-0.004,-0.004,-0.006,-0.006c0,0,-0.004,0.004,-0.006,0.006c-0.824,0.736,-1.44,1.329,-2.284,2.047c-0.919,0.782,-1.94,1.769,-2.214,2.943c-0.115,0.021,-0.914,0.044,-0.914,0.044l0.887,0.083c-0.039,0.206,-0.055,0.418,-0.041,0.638c0.087,-1.371,1.25,-2.507,2.282,-3.384c0.844,-0.718,1.462,-1.313,2.284,-2.047c0.002,-0.002,0.004,-0.004,0.006,-0.006c0.002,0,0.004,0.004,0.006,0.004c0.824,0.734,1.442,1.329,2.286,2.045c1.034,0.879,2.198,2.013,2.286,3.386c0.093,-1.517,-1.173,-2.761,-2.286,-3.708z" fill="#9040C9"/>\n </svg>\n </g>\n </g>\n <g filter="url(#filter_lock)">\n <svg x="100%" y="9" id="heart_box">\n <path d="M7,6c-0.19,-0.002,-0.377,0.052,-0.534,0.154c-0.158,0.103,-0.278,0.25,-0.346,0.42c-0.069,0.171,-0.081,0.357,-0.035,0.535c0.046,0.177,0.147,0.337,0.29,0.457v0.834c0,0.159,0.066,0.312,0.183,0.424c0.117,0.113,0.276,0.176,0.442,0.176c0.166,0,0.325,-0.063,0.442,-0.176c0.117,-0.112,0.183,-0.265,0.183,-0.424v-0.834c0.143,-0.12,0.244,-0.28,0.29,-0.457c0.046,-0.178,0.034,-0.364,-0.035,-0.535c-0.068,-0.17,-0.188,-0.317,-0.346,-0.42c-0.157,-0.102,-0.344,-0.156,-0.534,-0.154zm3.125,-2.4v-1.2c0,-0.796,-0.329,-1.559,-0.915,-2.121c-0.586,-0.563,-1.381,-0.879,-2.21,-0.879c-0.829,0,-1.624,0.316,-2.21,0.879c-0.586,0.562,-0.915,1.325,-0.915,2.121v1.2c-0.497,0,-0.974,0.19,-1.326,0.527c-0.351,0.338,-0.549,0.796,-0.549,1.273v4.2c0,0.477,0.198,0.935,0.549,1.273c0.352,0.337,0.829,0.527,1.326,0.527h6.25c0.497,0,0.974,-0.19,1.326,-0.527c0.351,-0.338,0.549,-0.796,0.549,-1.273v-4.2c0,-0.477,-0.198,-0.935,-0.549,-1.273c-0.352,-0.337,-0.829,-0.527,-1.326,-0.527zm-5,-1.2c0,-0.477,0.198,-0.935,0.549,-1.273c0.352,-0.337,0.829,-0.527,1.326,-0.527c0.497,0,0.974,0.19,1.326,0.527c0.351,0.338,0.549,0.796,0.549,1.273v1.2h-3.75v-1.2zm5.625,7.2c0,0.159,-0.066,0.312,-0.183,0.424c-0.117,0.113,-0.276,0.176,-0.442,0.176h-6.25c-0.166,0,-0.325,-0.063,-0.442,-0.176c-0.117,-0.112,-0.183,-0.265,-0.183,-0.424v-4.2c0,-0.159,0.066,-0.312,0.183,-0.424c0.117,-0.113,0.276,-0.176,0.442,-0.176h6.25c0.166,0,0.325,0.063,0.442,0.176c0.117,0.112,0.183,0.265,0.183,0.424v4.2z" fill="white"/>\n </svg>\n </g>\n <defs>\n <filter id="filter_current_level" x="64" y="4" width="21" height="21" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>\n <feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_305_23"/>\n </filter>\n <filter id="filter_heart_ball" x="155" y="0" width="28" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset/>\n <feGaussianBlur stdDeviation="2"/>\n <feComposite in2="hardAlpha" operator="out"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_305_23"/>\n <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_305_23" result="shape"/>\n </filter>\n <filter id="filter_ball" x="159" y="4" width="20" height="21" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset dy="1"/>\n <feGaussianBlur stdDeviation="1"/>\n <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.55 0"/>\n <feBlend mode="normal" in2="shape" result="effect1_innerShadow_305_23"/>\n </filter>\n <filter id="filter_heart" x="161.636" y="5.72727" width="14.7271" height="15.6364" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset/>\n <feGaussianBlur stdDeviation="0.5"/>\n <feComposite in2="hardAlpha" operator="out"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_305_23"/>\n <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_305_23" result="shape"/>\n </filter>\n <filter id="filter_lock" x="50" y="7" width="12" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n <feFlood flood-opacity="0" result="BackgroundImageFix"/>\n <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n <feOffset/>\n <feGaussianBlur stdDeviation="0.5"/>\n <feComposite in2="hardAlpha" operator="out"/>\n <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_305_23"/>\n <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_305_23" result="shape"/>\n </filter>\n <linearGradient id="paint0_linear_ball" x1="163" y1="6" x2="174.2" y2="22.6" gradientUnits="userSpaceOnUse">\n <stop stop-color="#946AD7"/>\n <stop offset="1" stop-color="#EFABEB"/>\n </linearGradient>\n <linearGradient id="paint1_linear_lock" x1="100%" y1="18.4056" x2="169.002" y2="10.2845" gradientUnits="userSpaceOnUse">\n <stop stop-color="#814FD6"/>\n <stop offset="1" stop-color="#D679D8"/>\n </linearGradient>\n </defs>\n</svg>\n'}),ae=({loyaltyPoints:e,spendablePoints:t,pointExpireString:i,language:r})=>n("div",{class:"PointsInfo"},e&&e>=0&&n("div",{class:"Points"},e," ",n("sub",{class:"XP"},c("xp",r))),t&&n("div",{class:"Points"},t," ",n("sub",{class:"XP"},c("sp",r))),i&&n("div",{class:"ExpirationPoints"},i," ")),oe=({language:e,onRedeemClick:t})=>n("div",{class:"CardCell Redeem"},n("div",{class:"RedeemButton",onClick:()=>{t()}},n("span",null,c("redeem",e)))),se=e=>n("div",{class:"CardCell PlayerName Txt"},e.playerName),le=e=>n("div",{class:"CardCell ElevateLevel"},n("span",{class:"LevelName",title:e.level},e.level),e.expireTime&&n("div",{class:"CardCell ExpirationDate Txt"},c("expireOn",e.language),n("span",{class:"ExpireTime"},ie(new Date(e.expireTime),e.dateFormat||"yyyy-MM-dd")),!e.hideInfo&&n("span",{class:"fa Info",style:{background:`url(${i("../static/info.svg")})`}},n("span",{class:"InfoTips",innerHTML:'<svg width="126" height="92" viewBox="0 0 126 92" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#filter0_d_242_4231)">\n<rect x="24" y="20" width="78" height="36" rx="4" fill="white"/>\n<path d="M24 24C24 21.7909 25.7909 20 28 20H64V56H28C25.7909 56 24 54.2091 24 52V24Z" fill="#464646"/>\n<path d="M51 56H37L43.2474 63.1399C43.6458 63.5952 44.3542 63.5952 44.7526 63.1399L51 56Z" fill="#464646"/>\n<circle cx="44" cy="38" r="7" fill="white"/>\n<path d="M43.9405 34C44.5456 34 45.0362 34.4906 45.0362 35.0957C45.0362 35.7009 44.5456 36.1915 43.9405 36.1915C43.3353 36.1915 42.8447 35.7009 42.8447 35.0957C42.8447 34.4906 43.3353 34 43.9405 34Z" fill="#464646"/>\n<path d="M45.8801 41.3737C45.8801 41.7617 45.5626 42.0791 45.1746 42.0791H44.3233H43.551H42.7055C42.3175 42.0791 42 41.7617 42 41.3737V41.3575C42 40.9695 42.3175 40.6521 42.7055 40.6521H42.8455V37.8714H42.3528C42.1588 37.8714 42 37.7127 42 37.5187V37.4936C42 37.2996 42.1588 37.1409 42.3528 37.1409H43.551H44.031H44.3233C44.7113 37.1409 45.0287 37.4583 45.0287 37.8463V40.6521H45.1746C45.5626 40.6521 45.8801 40.9696 45.8801 41.3576V41.3737Z" fill="#464646"/>\n</g>\n<defs>\n<filter id="filter0_d_242_4231" x="0" y="0" width="126" height="91.4814" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">\n<feFlood flood-opacity="0" result="BackgroundImageFix"/>\n<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>\n<feOffset dy="4"/>\n<feGaussianBlur stdDeviation="12"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>\n<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_242_4231"/>\n<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_242_4231" result="shape"/>\n</filter>\n</defs>\n</svg>\n'})))),de=e=>{const t=e.loyaltyIconUrl?n("img",{class:"Badge",src:e.loyaltyIconUrl}):e.hideIfNull?"":n("div",{class:"Badge"}),r=e.playerAvatarUrl||i("../static/user.svg");return n("div",{class:"PlayerAvatar",style:{position:e.onlyBadge?"":"relative"}},!e.onlyBadge&&n("img",{class:"Avatar",src:r}),t)},ce=class{constructor(n){e(this,n),this.endpoint=void 0,this.theme="Dark",this.session=void 0,this.playerAvatarUrl=void 0,this.language="en",this.playerName=void 0,this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.pointExpireString=void 0,this.playerLevelFlag=0,this.playerElevateLevel=void 0,this.elevateWalletTotal=void 0}onSessionOrEndpointChange(){this.paramProxy=Object.assign(Object.assign({},this.paramProxy),{session:this.session,endpoint:this.endpoint,language:this.language})}playerElevateLeveLoadedHandler(e){e.detail&&(e.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=e.detail.elevateLevelWalletTotal),e.detail.elevateLevel&&(this.playerElevateLevel=e.detail.elevateLevel),e.detail.pointExpireString&&(this.pointExpireString=e.detail.xpExpireString),e.detail.calculatedLevelFlag&&(this.playerLevelFlag=e.detail.calculatedLevelFlag))}onRedeemClick(){window.postMessage({type:"BEERedeemClicked"},window.location.href)}componentWillLoad(){this.paramProxy={endpoint:this.endpoint,session:this.session,language:this.language,calculateLevelFlag:!0}}render(){const e=i("../static/card-ground.svg"),t=i("../static/card-ground-over.svg");return n("div",{key:"278a328dd084ee73b2707b93a57bccae64a2c9c7",class:`ElevateCardWrapper ${this.theme}`},n("div",{key:"68c885baf533447a7c77fd887bbec11e53768277",class:"Card Outer",style:{backgroundImage:`url(${e}`}},n("general-styling-wrapper",{key:"4066253a70cdd5e712ca244a708e7c1600c83071",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:d,translationUrl:this.translationUrl}),n("player-elevate-card-data",{key:"64cda2a267c752056b3c7e3134cc324fa96bc261",params:this.paramProxy}),n("div",{key:"c63ae83b401a35f5a78acd83dc3d7296c25141d7",class:"OuterCover Inner",style:{backgroundImage:`url(${t}`}},this.playerElevateLevel&&n(r,{key:"ba16e5bb54259c17fd9e5aa0e3c03c2ec5d4263c"},n("div",{key:"fa1bf74f45e28318c95266cc42c54541bde92718",class:"Content Row"},n("div",{key:"7ede46f91bcc0d894b2b633627a4ca97d15fbe90",class:"PlayerImg"},n(de,{key:"b6d0bac085e0178512b8a63ba8fccae7d4cc8399",playerAvatarUrl:this.playerAvatarUrl,loyaltyIconUrl:this.playerElevateLevel.presentation.asset}),n(ae,{key:"88c445dbcd7dbe426a8de18beea02aecc03e26f3",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language})),this.pointExpireString&&n("div",{key:"4d985e486ecb74a6c916b28e619de83cb3d77ac1",class:"PointsInfo ExpirationPoints"},this.pointExpireString," "),n("div",{key:"34e051ee1ff79b825fca57db958e1e5684a0aca1",class:`LevelInfo Level${this.playerLevelFlag} ${this.playerElevateLevel.presentation.displayName}`},n(se,{key:"fa1b1f16e0b25c6adfba4c215e4ed377e05699b2",playerName:this.playerName}),n(le,{key:"6d18b1422db202363ebcd56cc56946e0e071937b",hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat}),n(re,{key:"7dae355c4a5a9e28c70dced0ac061608f1753020"}),n(oe,{key:"7e5f830b612c962a828c58f20a88dc97d315c910",onRedeemClick:this.onRedeemClick,language:this.language})))))))}static get assetsDirs(){return["../static"]}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};function ue(e){f(1,arguments);var n=p(e);return n.setHours(0,0,0,0),n}ce.style="@container (max-width: 270px) {\n .Card .Inner {\n flex-direction: column;\n }\n .Card .Inner .Content {\n padding: 9px;\n }\n .Inner .Row .ExpirationPoints {\n order: 1;\n }\n}\n.Card .PlayerImg {\n order: 0;\n}\n.Card .ExpirationPoints {\n order: 3;\n}\n.Card .LevelInfo {\n order: 2;\n}\n.Card .Inner .Row .PlayerImg {\n flex-direction: column;\n}\n.Card .Inner .Row .PointsInfo {\n width: 100%;\n text-align: center;\n display: flex;\n flex-direction: column;\n max-height: 50%;\n}\n.Card .Inner .PlayerAvatar .Badge {\n background-size: contain;\n background-repeat: no-repeat;\n position: absolute;\n right: 5px;\n bottom: -5px;\n width: 40%;\n height: 40%;\n overflow: visible;\n}\n.Card .Inner .Row .ExpirationPoints {\n text-align: left;\n color: var(--emfe-w-color-red, red);\n}\n.Card .Inner .Row .Points {\n text-wrap: nowrap;\n}\n.Card .Inner .LevelInfo .ElevateLevel {\n flex-direction: column;\n}\n.Card .Inner .LevelInfo .ElevateLevel .LevelName {\n width: calc(100% - 20px);\n text-align: left;\n font-size: 13px;\n padding-left: 20px;\n margin: 10px 0;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpirationDate {\n text-align: center;\n font-size: smaller;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpireTime {\n margin-left: 5px;\n}";var he={ceil:Math.ceil,round:Math.round,floor:Math.floor,trunc:function(e){return e<0?Math.ceil(e):Math.floor(e)}};const fe=class{constructor(n){e(this,n),this.playerElevateLeveLoaded=a(this,"playerElevateLeveLoaded",7),this.params=void 0,this.playerElevateLevel=void 0,this.pointExpireString=void 0}handleWindowResizs(){this.initLevelProgressbar()}onParamsChanged(){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){let n="";if(!e||!e.aboutToExpire||0==e.aboutToExpire.length||e.aboutToExpire[0].points<=0)return n;e.aboutToExpire.sort(((e,n)=>function(e,n){f(2,arguments);var t=p(e),i=p(n);return t.getTime()<i.getTime()}(new Date(e.expireTime),new Date(n.expireTime))?-1:1));const t=e.aboutToExpire[0],i=function(e,n){f(2,arguments);var t=ue(e),i=ue(n),r=t.getTime()-F(t),a=i.getTime()-F(i);return Math.round((r-a)/864e5)}(new Date(t.expireTime),new Date);let r=0,a=0===i?"pointsToBeExpiredDay":"pointsToBeExpired";return 0==i&&(r=function(e,n,t){f(2,arguments);var i,r=function(e,n){return f(2,arguments),p(e).getTime()-p(n).getTime()}(e,n)/36e5;return((i=null==t?void 0:t.roundingMethod)?he[i]:he.trunc)(r)}(new Date(t.expireTime),new Date),a=r>1?"pointsToBeExpiredHours":"pointsToBeExpiredHour"),n=u(a,{expirationPoints:t.points,expireDay:i}),n}loadPlayerLevelInfo(){let e=new URL(`${this.params.endpoint}/v1/elevate/playerInfo?language=${this.params.language}`);return new Promise(((n,t)=>fetch(e.href,{method:"GET",headers:{"X-Sessionid":this.params.session,"Content-Type":"application/json"}}).then((e=>e.json())).then((e=>{var i,r,a;if(!e.success)return console.error("Exception when fetch user elevateinfo, ",e.errorCode,e.errorMessage),void t(!0);let o=e.data;this.playerElevateLevel=o.level,this.playerElevateLevel.name=this.playerElevateLevel.presentation.displayName||this.playerElevateLevel.name,this.playerElevateLevel.spendablePoints=(null===(i=o.spendableWallet)||void 0===i?void 0:i.total.points)||0,this.playerElevateLeveLoaded.emit({elevateLevel:this.playerElevateLevel});const s=null===(r=e.data.spendableWallet)||void 0===r?void 0:r.total,l=null===(a=e.data.loyaltyWallet)||void 0===a?void 0:a.total;this.playerElevateLeveLoaded.emit({elevateLevelWalletTotal:s,loyaltyWalletTotal:l});let d=this.calcuatePointsToBeExpired(s),c=this.calcuatePointsToBeExpired(l);(d||c)&&this.playerElevateLeveLoaded.emit({pointExpireString:d,xpExpireString:c}),n(this.playerElevateLevel)})).catch((e=>{console.log("error ",e),t(!0)}))))}setLoyaltyProgress(e){!function(e,n){const t=e.querySelector("#total_level"),i=t.getBBox().width,r=n>1?1:n,a=r*i-17<0?0:r*i-17,o=e.querySelector("#current_level"),s=e.querySelector("#filter_current_level"),l=e.querySelector("#circle_current_level");t.setAttribute("viewbox",`0 0 ${a} 28`),o.setAttribute("width",`${a}`),l.setAttribute("cx",`${a<6.5?6.5:a}`),s.setAttribute("x",""+(a-8));const d=e.querySelector("#lock"),c=e.querySelector("#filter_heart_ball"),u=e.querySelector("#filter_ball"),h=e.querySelector("#filter_heart"),f=e.querySelector("#filter_lock"),p=e.querySelector("#paint0_linear_ball"),v=e.querySelector("#paint1_linear_lock"),g=e.querySelector("#lock_box"),m=e.querySelector("#heart_box"),x=i-10;d.setAttribute("cx",`${x}`),v.setAttribute("x1",`${x}`),v.setAttribute("x2",`${x}`),p.setAttribute("x1",""+(x-6)),p.setAttribute("x2",""+(x-6+11.2)),f.setAttribute("x",""+(x-6)),h.setAttribute("x",""+(x-6-2)),u.setAttribute("x",""+(x-6-2-2)),c.setAttribute("x",""+(x-6-2-2-4)),g.setAttribute("x",""+(x-6)),m.setAttribute("x",""+(x-6)),t.parentElement.style.opacity="1"}(this.loyaltyProgressEle,e)}initLevelProgressbar(){setTimeout((()=>{this.loyaltyProgressEle=this.elevateCardRef.parentElement.querySelector("#LevelProgress"),this.loyaltyProgressEle&&(this.setLoyaltyProgress(this.playerElevateLevel.nextLevel?this.playerElevateLevel.loyaltyPoints/this.playerElevateLevel.nextLevel.entryPoints:1),this.params.playerElevateLevel=this.playerElevateLevel)}),80)}componentDidRender(){this.initLevelProgressbar()}loadElevateInfo(){if(!this.params.endpoint||!this.params.session)return;const e=[];e.push(this.loadPlayerLevelInfo()),this.params.calculateLevelFlag&&e.push(this.loadLevels()),Promise.all(e).then((e=>{if(console.log("elevate-init",e),this.initLevelProgressbar(),!this.levels)return;this.levels.sort(((e,n)=>e.firstEntryPoints>n.firstEntryPoints?1:-1));const n=this.playerElevateLevel.loyaltyPoints;let t=0;this.levels.forEach(((e,i)=>{n>e.firstEntryPoints&&(t=i)})),this.playerElevateLeveLoaded.emit({calculatedLevelFlag:t})}))}componentWillLoad(){this.loadElevateInfo()}get elevateCardRef(){return t(this)}static get watchers(){return{params:["onParamsChanged"]}}};fe.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(--emfe-w-color-gray150, #efefef);\n}\n\n.Light {\n color: var(--emfe-w-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(--emfe-w-elevate-color-level0button-shadow, rgba(191, 84, 6, 0.75));\n background: linear-gradient(180deg, var(--emfe-w-elevate-color-level0-bg0, #E2792C) 0%, var(--emfe-w-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(--emfe-w-elevate-color-level1button-shadow, rgba(151, 151, 151, 0.75));\n background: linear-gradient(180deg, var(--emfe-w-elevate-color-level1-bg0, #BEBFED) 0%, var(--emfe-w-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(--emfe-w-elevate-color-level2button-shadow, rgba(191, 120, 6, 0.75));\n background: linear-gradient(180deg, var(--emfe-w-elevate-color-level2-bg0, #FCC410) 0%, var(--emfe-w-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(--emfe-w-elevate-color-level3button-shadow, rgba(65, 6, 191, 0.75));\n background: linear-gradient(180deg, var(--emfe-w-elevate-color-level3-bg0, #B1A2DB) 0%, var(--emfe-w-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(--emfe-w-elevate-color-level4button-shadow, rgba(65, 6, 191, 0.75));\n background: linear-gradient(180deg, var(--emfe-w-elevate-color-level4-bg0, #B1A2DB) 0%, var(--emfe-w-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(--emfe-w-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: 10px;\n background: var(--emfe-w-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(--emfe-w-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(--emfe-w-color-red, #9e595f);\n}';const pe=class{constructor(n){e(this,n),this.endpoint=void 0,this.theme="Dark",this.session=void 0,this.playerAvatarUrl=void 0,this.language="en",this.playerName=void 0,this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.pointExpireString=void 0,this.playerElevateLevel=void 0,this.elevateWalletTotal=void 0}onSessionOrEndpointChange(){this.paramProxy=Object.assign(Object.assign({},this.paramProxy),{session:this.session,endpoint:this.endpoint,language:this.language})}playerElevateLeveLoadedHandler(e){e.detail&&(e.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=e.detail.elevateLevelWalletTotal),e.detail.elevateLevel&&(this.playerElevateLevel=e.detail.elevateLevel),e.detail.pointExpireString&&(this.pointExpireString=e.detail.xpExpireString))}onRedeemClick(){window.postMessage({type:"BEERedeemClicked"},window.location.href)}componentWillLoad(){this.paramProxy={endpoint:this.endpoint,session:this.session,language:this.language}}getNextLevelPoints(){var e,n;return(null===(e=this.playerElevateLevel)||void 0===e?void 0:e.nextLevel)?null===(n=this.playerElevateLevel)||void 0===n?void 0:n.nextLevel.entryPoints:-1}getNextLevelTips(){var e;let n=null===(e=this.playerElevateLevel)||void 0===e?void 0:e.nextLevel;if(this.playerElevateLevel&&n){const e=(n.entryPoints-this.playerElevateLevel.loyaltyPoints).toFixed(2);return u("tipsForNextLevel",{pointsToReach:e,levelName:n.name,lang:this.language})}return""}render(){const e=i("../static/card-ground.svg"),t=i("../static/card-ground-over.svg");return n("div",{key:"2b0944f8317a94621e1bc65bbbb3726654b8963b",class:`ElevateCardWrapper ${this.theme}`},n("div",{key:"c6d4dbba143435b4485d7fde91ab0a48a2f6688b",class:"LoyaltyCard Outer",style:{backgroundImage:`url(${e}`}},n("general-styling-wrapper",{key:"e47a4efe925eb35d4449c6ff33a0afef9d284e55",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:d,translationUrl:this.translationUrl}),n("player-elevate-card-data",{key:"a560991893305894ddd41756cd7b3c32d0ef9e03",params:this.paramProxy}),n("div",{key:"ceb8b71386f84f54518a3694535aa16c2c3d3951",class:"OuterCover Inner",style:{backgroundImage:`url(${t}`}},n("div",{key:"1df9647c3de42e74adee0f8895511442118ae381",class:"Content Row"},this.playerElevateLevel&&n(r,{key:"569bcd5fc3c578d2e6cc7442d28444e29688660c"},n("div",{key:"aa40032bff99c5462b906e4427232ca2d4019017",class:"PlayerImg"},n(de,{key:"7a2d535b0c2029c90b9f1c123f9feebafca6bdde",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),n("div",{key:"90999da8fc2a3102eac235fcbc8afbec2a2bbdf8",class:`LevelInfo ${this.playerElevateLevel.name}`},n(le,{key:"67e8bf370b1b77e776fb6d955ae63928fd1338d8",hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat}),n("div",{key:"1e0fefc6a23f4aeeef5e19828399fe1229a3fc81",class:"PointsRange"},n(ae,{key:"dd176e624cde3b6f517101d7702a15465305174d",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language}),n(ae,{key:"6cddb64c92545803d08fbbc513cc951b2691a42e",loyaltyPoints:this.getNextLevelPoints(),language:this.language})),this.pointExpireString&&n("div",{key:"6ead0fa321a73f2f4ae69e1c424037b739c85994",class:"PointsInfo ExpirationPoints"},this.pointExpireString," "),n(re,{key:"53c623e1852fd47fddec758159c4bf6e82be1aaa"}),n("div",{key:"99894852a3f1751e80010fff0c1a841562963f6e",class:"NextLevelTip"},this.getNextLevelTips())))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};pe.style=":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:11px;margin-left:5px}}@media screen and (max-width: 500px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:wrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:0px;margin-left:0px}}.LoyaltyCard .Inner .LevelProgress{margin-left:0px}.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints{text-align:left;color:var(--emfe-w-color-red-50, red)}.LoyaltyCard .Inner .PlayerAvatar .Avatar{display:none}.LoyaltyCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%}.LoyaltyCard .Inner .LevelInfo .ElevateLevel{display:flex;flex:1;align-items:center}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{position:relative;padding-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime{margin-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName{padding-left:0;font-size:var(--emfe-w-elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emfe-w-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(--emfe-w-color-black, #000);opacity:0.8;font-weight:bold}";const ve=class{constructor(n){e(this,n),this.isPointDetailCard="earningRule"===this.buttonType,this.endpoint=void 0,this.theme="Dark",this.session=void 0,this.playerAvatarUrl=void 0,this.language="en",this.playerName=void 0,this.cardTitle=void 0,this.buttonType="earningRule",this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.pointExpireString=void 0,this.playerElevateLevel=void 0,this.elevateWalletTotal=void 0,this.elevateSPTotal=void 0}onSessionOrEndpointChange(){this.paramProxy=Object.assign(Object.assign({},this.paramProxy),{session:this.session,endpoint:this.endpoint,language:this.language})}playerElevateLeveLoadedHandler(e){e.detail&&(e.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=e.detail.elevateLevelWalletTotal,this.elevateSPTotal=e.detail.loyaltyWalletTotal),e.detail.elevateLevel&&(this.playerElevateLevel=e.detail.elevateLevel),e.detail.pointExpireString&&(this.pointExpireString=e.detail.pointExpireString))}onDetailsClick(){window.postMessage({type:this.isPointDetailCard?"BEEPointRulesClicked":"BEEDetailsClicked",path:this.isPointDetailCard?"player-elevate-level":"player-elevate-point-details"},window.location.href)}componentWillLoad(){this.paramProxy={endpoint:this.endpoint,session:this.session,language:this.language}}render(){const e=i("../static/card-ground.svg"),t=i("../static/card-ground-over.svg");return n("div",{key:"4e6e25bdd2a9f795369b39dbfd7e9adbd1523e17",class:`ElevateCardWrapper ${this.theme}`},n("div",{key:"ddeea1e67d51d5c0c8ed56edfd2d8d9c39e85253",class:"PointsCard Outer ",style:{backgroundImage:`url(${e}`}},n("general-styling-wrapper",{key:"c6d6e3a3bc9a54cb99b4268feb3c296527d1ba8c",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:d,translationUrl:this.translationUrl}),n("player-elevate-card-data",{key:"4371faac6967c5b3eced57f6251064ea4e1d6a65",params:this.paramProxy}),n("div",{key:"c78235a6fdc2aed90df898f007b5ee091cece8dc",class:"OuterCover Inner",style:{backgroundImage:`url(${t}`}},n("div",{key:"025e779223c1c85c11998be8389a8ff836a31e6c",class:"Content Row"},this.playerElevateLevel&&n(r,{key:"68daa6047dc93d2596d8b2309a26f56960737617"},n("div",{key:"6a2d2b2e7d234bceaf3d9240c5d4f2eb80395319",class:"PlayerImg"},n(de,{key:"aeaf35ad8055ad4f7312922c8600ea58d09be74f",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),n("div",{key:"bd51ce868b4d8a547f40ec55548bbf3cfa416534",class:`LevelInfo ${this.playerElevateLevel.name}`},n("div",{key:"5f4d77a5b43c8efee850b9813bc1c8e61d27d45d",class:"PointsTxt Label"},this.cardTitle?this.cardTitle:c("spendablePoints")),n("div",{key:"bae5dc76d00c98aed803601c19fe3bf1aa4418d5",class:"PointsTxt SPPoints"},n(ae,{key:"59d51bd37f44ed23108fc4356af41c01668354e3",spendablePoints:this.playerElevateLevel.spendablePoints,language:this.language}),n("a",{key:"3a923bea242ae5fa412f4448dca7277b3588621e",class:"TC",onClick:()=>{this.onDetailsClick()}},c("termAndConditions",this.language))),this.pointExpireString&&n("div",{key:"8803ae8d343885da58dfa04b9a4474ff473b5a74",class:"ExpirationPoints"},this.pointExpireString," ")))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};ve.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(--emfe-w-color-gray-150, #6D6D6D)}.PointsCard .Inner .DetailButton span{display:inline-block;vertical-align:middle}.PointsCard .Inner .DetailButton:hover span{color:var(--emfe-w-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{o as general_styling_wrapper,ce as player_elevate_card,fe as player_elevate_card_data,pe as player_elevate_loyaltycard,ve as player_elevate_pointcard}
|