@everymatrix/gamification-dropdown 1.44.0 → 1.54.4

package/dist/esm/index.js

@@ -1 +1,2 @@
-
+export { G as GamificationDropdown } from './gamification-dropdown-ae7b7c69.js';
+import './index-ea7720e4.js';

package/dist/esm/loader.js

@@ -1,17 +1,11 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-a803f08b.js';
+import { b as bootstrapLazy } from './index-ea7720e4.js';
+export { s as setNonce } from './index-ea7720e4.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
 
-/*
- Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
- */
-const patchEsm = () => {
-    return promiseResolve();
-};
-
-const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
-  return patchEsm().then(() => {
-  return bootstrapLazy([["gamification-dropdown_4",[[1,"gamification-dropdown",{"endpoint":[513],"language":[513],"session":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isOpen":[32],"isLoading":[32],"stylingAppends":[32],"loyaltyPoints":[32]}],[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"]]],[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"]]]]],["player-elevate-card",[[1,"player-elevate-card",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerLevelFlag":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]]]]],["player-elevate-pointcard",[[1,"player-elevate-pointcard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"cardTitle":[513,"card-title"],"buttonType":[513,"button-type"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32],"elevateSPTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]]]]]], options);
-  });
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await globalScripts();
+  return bootstrapLazy([["gamification-dropdown_4",[[1,"gamification-dropdown",{"endpoint":[513],"language":[513],"session":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isOpen":[32],"isLoading":[32],"stylingAppends":[32],"loyaltyPoints":[32]},null,{"translationUrl":["handleNewTranslations"]}],[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"]}],[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"]}]]],["player-elevate-card",[[1,"player-elevate-card",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerLevelFlag":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]],["player-elevate-pointcard",[[1,"player-elevate-pointcard",{"endpoint":[513],"theme":[513],"session":[513],"playerAvatarUrl":[513,"player-avatar-url"],"language":[513],"playerName":[513,"player-name"],"cardTitle":[513,"card-title"],"buttonType":[513,"button-type"],"dateFormat":[513,"date-format"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"pointExpireString":[32],"playerElevateLevel":[32],"elevateWalletTotal":[32],"elevateSPTotal":[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{"session":["onSessionOrEndpointChange"],"endpoint":["onSessionOrEndpointChange"],"language":["onSessionOrEndpointChange"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/{player-elevate-card-items-5bf07fe3.js → player-elevate-card-items-9d490a3b.js}

@@ -1,4 +1,4 @@
-import { h, a as getAssetPath } from './index-a803f08b.js';
+import { h, a as getAssetPath } from './index-ea7720e4.js';
 
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -385,7 +385,7 @@ function addLeadingZeros(number, targetLength) {
  *
  * Letters marked by * are not implemented but reserved by Unicode standard.
  */
-var formatters$1 = {
+var formatters$2 = {
   // Year
   y: function y(date, token) {
     // From http://www.unicode.org/reports/tr35/tr35-31/tr35-dates.html#Date_Format_tokens
@@ -451,6 +451,7 @@ var formatters$1 = {
     return addLeadingZeros(fractionalSeconds, token.length);
   }
 };
+const formatters$3 = formatters$2;
 
 var dayPeriodEnum = {
   am: 'am',
@@ -544,7 +545,7 @@ var formatters = {
         unit: 'year'
       });
     }
-    return formatters$1.y(date, token);
+    return formatters$3.y(date, token);
   },
   // Local week-numbering year
   Y: function Y(date, token, localize, options) {
@@ -666,7 +667,7 @@ var formatters = {
     switch (token) {
       case 'M':
       case 'MM':
-        return formatters$1.M(date, token);
+        return formatters$3.M(date, token);
       // 1st, 2nd, ..., 12th
       case 'Mo':
         return localize.ordinalNumber(month + 1, {
@@ -756,7 +757,7 @@ var formatters = {
         unit: 'date'
       });
     }
-    return formatters$1.d(date, token);
+    return formatters$3.d(date, token);
   },
   // Day of year
   D: function D(date, token, localize) {
@@ -1036,7 +1037,7 @@ var formatters = {
         unit: 'hour'
       });
     }
-    return formatters$1.h(date, token);
+    return formatters$3.h(date, token);
   },
   // Hour [0-23]
   H: function H(date, token, localize) {
@@ -1045,7 +1046,7 @@ var formatters = {
         unit: 'hour'
       });
     }
-    return formatters$1.H(date, token);
+    return formatters$3.H(date, token);
   },
   // Hour [0-11]
   K: function K(date, token, localize) {
@@ -1075,7 +1076,7 @@ var formatters = {
         unit: 'minute'
       });
     }
-    return formatters$1.m(date, token);
+    return formatters$3.m(date, token);
   },
   // Second
   s: function s(date, token, localize) {
@@ -1084,11 +1085,11 @@ var formatters = {
         unit: 'second'
       });
     }
-    return formatters$1.s(date, token);
+    return formatters$3.s(date, token);
   },
   // Fraction of second
   S: function S(date, token) {
-    return formatters$1.S(date, token);
+    return formatters$3.S(date, token);
   },
   // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
   X: function X(date, token, _localize, options) {
@@ -1216,6 +1217,7 @@ function formatTimezone(offset, dirtyDelimiter) {
   var minutes = addLeadingZeros(absOffset % 60, 2);
   return sign + hours + delimiter + minutes;
 }
+const formatters$1 = formatters;
 
 var dateLongFormatter = function dateLongFormatter(pattern, formatLong) {
   switch (pattern) {
@@ -1296,6 +1298,7 @@ var longFormatters = {
   p: timeLongFormatter,
   P: dateTimeLongFormatter
 };
+const longFormatters$1 = longFormatters;
 
 var protectedDayOfYearTokens = ['D', 'DD'];
 var protectedWeekYearTokens = ['YY', 'YYYY'];
@@ -1399,6 +1402,7 @@ var formatDistance = function formatDistance(token, count, options) {
   }
   return result;
 };
+const formatDistance$1 = formatDistance;
 
 function buildFormatLongFn(args) {
   return function () {
@@ -1442,6 +1446,7 @@ var formatLong = {
     defaultWidth: 'full'
   })
 };
+const formatLong$1 = formatLong;
 
 var formatRelativeLocale = {
   lastWeek: "'last' eeee 'at' p",
@@ -1454,6 +1459,7 @@ var formatRelativeLocale = {
 var formatRelative = function formatRelative(token, _date, _baseDate, _options) {
   return formatRelativeLocale[token];
 };
+const formatRelative$1 = formatRelative;
 
 function buildLocalizeFn(args) {
   return function (dirtyIndex, options) {
@@ -1615,6 +1621,7 @@ var localize = {
     defaultFormattingWidth: 'wide'
   })
 };
+const localize$1 = localize;
 
 function buildMatchFn(args) {
   return function (string) {
@@ -1772,6 +1779,7 @@ var match = {
     defaultParseWidth: 'any'
   })
 };
+const match$1 = match;
 
 /**
  * @type {Locale}
@@ -1784,16 +1792,17 @@ var match = {
  */
 var locale = {
   code: 'en-US',
-  formatDistance: formatDistance,
-  formatLong: formatLong,
-  formatRelative: formatRelative,
-  localize: localize,
-  match: match,
+  formatDistance: formatDistance$1,
+  formatLong: formatLong$1,
+  formatRelative: formatRelative$1,
+  localize: localize$1,
+  match: match$1,
   options: {
     weekStartsOn: 0 /* Sunday */,
     firstWeekContainsDate: 1
   }
 };
+const defaultLocale = locale;
 
 // - [yYQqMLwIdDecihHKkms]o matches any available ordinal number token
 //   (one of the certain letters followed by `o`)
@@ -2111,7 +2120,7 @@ function format(dirtyDate, dirtyFormatStr, options) {
   requiredArgs(2, arguments);
   var formatStr = String(dirtyFormatStr);
   var defaultOptions = getDefaultOptions();
-  var locale$1 = (_ref = (_options$locale = options === null || options === void 0 ? void 0 : options.locale) !== null && _options$locale !== void 0 ? _options$locale : defaultOptions.locale) !== null && _ref !== void 0 ? _ref : locale;
+  var locale = (_ref = (_options$locale = options === null || options === void 0 ? void 0 : options.locale) !== null && _options$locale !== void 0 ? _options$locale : defaultOptions.locale) !== null && _ref !== void 0 ? _ref : defaultLocale;
   var firstWeekContainsDate = toInteger((_ref2 = (_ref3 = (_ref4 = (_options$firstWeekCon = options === null || options === void 0 ? void 0 : options.firstWeekContainsDate) !== null && _options$firstWeekCon !== void 0 ? _options$firstWeekCon : options === null || options === void 0 ? void 0 : (_options$locale2 = options.locale) === null || _options$locale2 === void 0 ? void 0 : (_options$locale2$opti = _options$locale2.options) === null || _options$locale2$opti === void 0 ? void 0 : _options$locale2$opti.firstWeekContainsDate) !== null && _ref4 !== void 0 ? _ref4 : defaultOptions.firstWeekContainsDate) !== null && _ref3 !== void 0 ? _ref3 : (_defaultOptions$local = defaultOptions.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.firstWeekContainsDate) !== null && _ref2 !== void 0 ? _ref2 : 1);
 
   // Test if weekStartsOn is between 1 and 7 _and_ is not NaN
@@ -2124,10 +2133,10 @@ function format(dirtyDate, dirtyFormatStr, options) {
   if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
     throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
   }
-  if (!locale$1.localize) {
+  if (!locale.localize) {
     throw new RangeError('locale must contain localize property');
   }
-  if (!locale$1.formatLong) {
+  if (!locale.formatLong) {
     throw new RangeError('locale must contain formatLong property');
   }
   var originalDate = toDate(dirtyDate);
@@ -2143,14 +2152,14 @@ function format(dirtyDate, dirtyFormatStr, options) {
   var formatterOptions = {
     firstWeekContainsDate: firstWeekContainsDate,
     weekStartsOn: weekStartsOn,
-    locale: locale$1,
+    locale: locale,
     _originalDate: originalDate
   };
   var result = formatStr.match(longFormattingTokensRegExp).map(function (substring) {
     var firstCharacter = substring[0];
     if (firstCharacter === 'p' || firstCharacter === 'P') {
-      var longFormatter = longFormatters[firstCharacter];
-      return longFormatter(substring, locale$1.formatLong);
+      var longFormatter = longFormatters$1[firstCharacter];
+      return longFormatter(substring, locale.formatLong);
     }
     return substring;
   }).join('').match(formattingTokensRegExp).map(function (substring) {
@@ -2162,7 +2171,7 @@ function format(dirtyDate, dirtyFormatStr, options) {
     if (firstCharacter === "'") {
       return cleanEscapedString(substring);
     }
-    var formatter = formatters[firstCharacter];
+    var formatter = formatters$1[firstCharacter];
     if (formatter) {
       if (!(options !== null && options !== void 0 && options.useAdditionalWeekYearTokens) && isProtectedWeekYearToken(substring)) {
         throwProtectedError(substring, dirtyFormatStr, String(dirtyDate));
@@ -2170,7 +2179,7 @@ function format(dirtyDate, dirtyFormatStr, options) {
       if (!(options !== null && options !== void 0 && options.useAdditionalDayOfYearTokens) && isProtectedDayOfYearToken(substring)) {
         throwProtectedError(substring, dirtyFormatStr, String(dirtyDate));
       }
-      return formatter(utcDate, substring, locale$1.localize, formatterOptions);
+      return formatter(utcDate, substring, locale.localize, formatterOptions);
     }
     if (firstCharacter.match(unescapedLatinCharacterRegExp)) {
       throw new RangeError('Format string contains an unescaped latin alphabet character `' + firstCharacter + '`');
@@ -2188,134 +2197,162 @@ function cleanEscapedString(input) {
 }
 
 const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en'];
+const SUPPORTED_LANGUAGES = ['en', 'zh-hk', 'it', 'fr', 'tr', 'hr'];
 const TRANSLATIONS = {
-  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: 'Need ${pointsToReach} to reach ${levelName}',
-    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: 'Need ${pointsToReach} to reach ${levelName}',
-    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: 'Need ${pointsToReach} to reach ${levelName}',
-    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: 'Need ${pointsToReach} to reach ${levelName}',
-    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: 'Need ${pointsToReach} to reach ${levelName}',
-    spendablePoints: 'Spendable Points:',
-    details: 'Details',
-    earningRules: 'Earning Rules',
-    xp: 'XP',
-    sp: 'Coins',
-    termAndConditions: 'Term & Conditions',
-  },
-  es: {
-    redeem: 'Redeem'
-  },
-  tr: {
-    redeem: 'Redeem'
-  },
-  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'
-  }
+    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'
+    }
 };
 const translate = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+    const lang = customLang;
+    return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
 };
 const translateWithParams = (key, params) => {
-  const lang = params['lang'];
-  let templateString = TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
-  if (!params) {
-    return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
-  }
-  Object.keys(params).forEach((paramName) => {
-    templateString = templateString.replace(new RegExp('\\$\{' + paramName + '\}', 'gm'), params[paramName]);
-  });
-  return templateString;
+    const lang = params['lang'];
+    let templateString = TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+    if (!params) {
+        return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+    }
+    Object.keys(params).forEach((paramName) => {
+        templateString = templateString.replace(new RegExp('\\$\{' + paramName + '\}', 'gm'), params[paramName]);
+    });
+    return templateString;
 };
 
 const levelPercentSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyOCIgc3R5bGU9Im9wYWNpdHk6IDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cmVjdCB5PSIxMiIgeD0iMiIgd2lkdGg9IjEwMCUiIGlkPSJ0b3RhbF9sZXZlbCIgaGVpZ2h0PSI1IiByeD0iMi41IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjUiLz4KICAgIDxyZWN0IHk9IjEyIiAgeD0iMiIgaWQ9ImN1cnJlbnRfbGV2ZWwiIHdpZHRoPSI2NCIgaGVpZ2h0PSI1IiByeD0iMi41IiBmaWxsPSJ3aGl0ZSIvPgogICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcl9jdXJyZW50X2xldmVsKSI+CiAgICAgICAgPGNpcmNsZSBpZD0iY2lyY2xlX2N1cnJlbnRfbGV2ZWwiIGN4PSI3NC41IiBjeT0iMTQuNSIgcj0iNi41IiBmaWxsPSJ3aGl0ZSIvPgogICAgPC9nPgogICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcl9oZWFydF9iYWxsKSI+CiAgICAgICAgPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcl9iYWxsKSI+CiAgICAgICAgICAgIDxjaXJjbGUgY3g9IjE2OSIgY3k9IjE0IiByPSIxMCIgaWQ9ImxvY2siIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl9iYWxsKSIvPgogICAgICAgIDwvZz4KICAgICAgICA8ZyBmaWx0ZXI9InVybCgjZmlsdGVyX2hlYXJ0KSI+CiAgICAgICAgICA8c3ZnIHg9IjAiIHk9IjQiIGlkPSJsb2NrX2JveCI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMC4yMTcgNi40MjQ0MmMtMC43MTMsLTAuNTc0LC0xLjMwNCwtMS4wODMsLTEuOTI4LC0xLjYyMmMtMC4zNDgsLTAuMjk5LC0wLjcwNywtMC42MTEsLTEuMTAxLC0wLjk0M2wtMC4wMTMsLTAuMDFjMCwwLC0wLjAyMywtMC4wMTcsLTAuMDQsLTAuMDI3bC0wLjE2NywtMC4wOTVsLTAuMTUsMC4xMmMwLDAsLTAuMDE1LDAuMDEyLC0wLjAyNCwwLjAyYy0wLjM5MSwwLjMzLC0wLjc0OSwwLjY0LC0xLjA5NCwwLjkzOWMtMC42MjIsMC41MzksLTEuMjExLDEuMDQ4LC0xLjkyNCwxLjYyNGMtMS44MTYsMS40NjMsLTMuNTk4LDMuMjYzLC0zLjAzMyw1LjUwNmMwLjQwNCwxLjYwMSwyLjEwNCwyLjkwNSwzLjc4OSwyLjkwNWMwLjIxMSwwLDAuNDIzLC0wLjAyLDAuNjI2LC0wLjA2MWMwLjI4NiwtMC4wNTgsMC41NzIsLTAuMTQ1LDAuODY0LC0wLjI2NWMtMC4wNzksMC45NjIsLTAuNDEzLDEuODY0LC0wLjg4MSwyLjM2OWwtMC40MjMsMC40NTloMC42MzNjMC42MzMsMCwxLjAxOCwtMC4wMDcsMS4zNTYsLTAuMDEzYzAuMjQ4LC0wLjAwNCwwLjQ2MiwtMC4wMDgsMC43MiwtMC4wMDhjMC4zMzUsMCwwLjcwOSwwLjAwNiwxLjIxNSwwLjAyMWwwLjY4NiwwLjAybC0wLjQ3NCwtMC40ODNjLTAuNTA0LC0wLjUxNCwtMC44NDcsLTEuNDAzLC0wLjkyMywtMi4zODVjMC4zMTEsMC4xMzIsMC42MTYsMC4yMjcsMC45MTYsMC4yODdjMC4yMDQsMC4wMzksMC40MTEsMC4wNTksMC42MjMsMC4wNTljMS42ODcsMCwzLjM4NiwtMS4zMDQsMy43ODksLTIuOTA5YzAuNTYsLTIuMjQzLC0xLjIyNCwtNC4wNDEsLTMuMDQyLC01LjUwNHYtMC4wMDR6IiBmaWxsPSIjOTMzQ0JGIi8+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik05LjcyNyw2Ljk4NDU5Yy0xLjAwNCwtMC44MywtMS43NDEsLTEuNTE1LC0yLjcyMywtMi4zNjVjLTAuMDAyLDAsLTAuMDA0LC0wLjAwNCwtMC4wMDcsLTAuMDA2Yy0wLjAwMiwwLC0wLjAwNCwwLjAwNCwtMC4wMDYsMC4wMDZjLTAuOTgsMC44NSwtMS43MTUsMS41MzcsLTIuNzIxLDIuMzY3Yy0xLjQ1NSwxLjIwMiwtMy4xMjYsMi44MjEsLTIuNjM4LDQuODFjMC4zNywxLjUxMSwyLjA5MSwyLjc1MSwzLjY2NSwyLjQzYzAuMzg5LC0wLjA4LDAuNzUsLTAuMjI0LDEuMDk0LC0wLjQwMmMwLDAuMTE2LC0wLjAwNCwwLjIzMywtMC4wMTIsMC4zNTNjLTAuMDY0LDAuOTkxLC0wLjM5OCwxLjg5MiwtMC44NiwyLjQwMWMxLjQ4MSwwLDEuNDgxLC0wLjA0MywyLjk2MSwwYy0wLjQ4MSwtMC41MDMsLTAuODM0LC0xLjM4MiwtMC45LC0yLjQwMWMtMC4wMDgsLTAuMTI3LC0wLjAxMiwtMC4yNTMsLTAuMDEyLC0wLjM3OGMwLjM1NywwLjE5LDAuNzMzLDAuMzQyLDEuMTQsMC40MjVjMS41NzQsMC4zMTksMy4yOTIsLTAuOTIyLDMuNjYxLC0yLjQzM2MwLjQ4NiwtMS45OTIsLTEuMTg5LC0zLjYwOSwtMi42NDQsCiAgICAgICAgICAgIC00LjgwOWwwLjAwMiwwLjAwMnoiIGZpbGw9InVybCgjcGFpbnQxX2xpbmVhcl9sb2NrKSIvPgogICAgICAgICAgICA8cGF0aCBkPSJNOS4yNTUsNy41NTFjLTAuODQ0LC0wLjcxNiwtMS40NjIsLTEuMzA5LC0yLjI4NiwtMi4wNDVjLTAuMDAyLDAsLTAuMDA0LC0wLjAwNCwtMC4wMDYsLTAuMDA2YzAsMCwtMC4wMDQsMC4wMDQsLTAuMDA2LDAuMDA2Yy0wLjgyNCwwLjczNiwtMS40NCwxLjMyOSwtMi4yODQsMi4wNDdjLTAuOTE5LDAuNzgyLC0xLjk0LDEuNzY5LC0yLjIxNCwyLjk0M2MtMC4xMTUsMC4wMjEsLTAuOTE0LDAuMDQ0LC0wLjkxNCwwLjA0NGwwLjg4NywwLjA4M2MtMC4wMzksMC4yMDYsLTAuMDU1LDAuNDE4LC0wLjA0MSwwLjYzOGMwLjA4NywtMS4zNzEsMS4yNSwtMi41MDcsMi4yODIsLTMuMzg0YzAuODQ0LC0wLjcxOCwxLjQ2MiwtMS4zMTMsMi4yODQsLTIuMDQ3YzAuMDAyLC0wLjAwMiwwLjAwNCwtMC4wMDQsMC4wMDYsLTAuMDA2YzAuMDAyLDAsMC4wMDQsMC4wMDQsMC4wMDYsMC4wMDRjMC44MjQsMC43MzQsMS40NDIsMS4zMjksMi4yODYsMi4wNDVjMS4wMzQsMC44NzksMi4xOTgsMi4wMTMsMi4yODYsMy4zODZjMC4wOTMsLTEuNTE3LC0xLjE3MywtMi43NjEsLTIuMjg2LC0zLjcwOHoiIGZpbGw9IiM5MDQwQzkiLz4KICAgICAgICAgIDwvc3ZnPgogICAgICAgIDwvZz4KICAgIDwvZz4KICAgIDxnIGZpbHRlcj0idXJsKCNmaWx0ZXJfbG9jaykiPgogICAgICA8c3ZnIHg9IjEwMCUiIHk9IjkiIGlkPSJoZWFydF9ib3giPgogICAgICAgIDxwYXRoIGQ9Ik03LDZjLTAuMTksLTAuMDAyLC0wLjM3NywwLjA1MiwtMC41MzQsMC4xNTRjLTAuMTU4LDAuMTAzLC0wLjI3OCwwLjI1LC0wLjM0NiwwLjQyYy0wLjA2OSwwLjE3MSwtMC4wODEsMC4zNTcsLTAuMDM1LDAuNTM1YzAuMDQ2LDAuMTc3LDAuMTQ3LDAuMzM3LDAuMjksMC40NTd2MC44MzRjMCwwLjE1OSwwLjA2NiwwLjMxMiwwLjE4MywwLjQyNGMwLjExNywwLjExMywwLjI3NiwwLjE3NiwwLjQ0MiwwLjE3NmMwLjE2NiwwLDAuMzI1LC0wLjA2MywwLjQ0MiwtMC4xNzZjMC4xMTcsLTAuMTEyLDAuMTgzLC0wLjI2NSwwLjE4MywtMC40MjR2LTAuODM0YzAuMTQzLC0wLjEyLDAuMjQ0LC0wLjI4LDAuMjksLTAuNDU3YzAuMDQ2LC0wLjE3OCwwLjAzNCwtMC4zNjQsLTAuMDM1LC0wLjUzNWMtMC4wNjgsLTAuMTcsLTAuMTg4LC0wLjMxNywtMC4zNDYsLTAuNDJjLTAuMTU3LC0wLjEwMiwtMC4zNDQsLTAuMTU2LC0wLjUzNCwtMC4xNTR6bTMuMTI1LC0yLjR2LTEuMmMwLC0wLjc5NiwtMC4zMjksLTEuNTU5LC0wLjkxNSwtMi4xMjFjLTAuNTg2LC0wLjU2MywtMS4zODEsLTAuODc5LC0yLjIxLC0wLjg3OWMtMC44MjksMCwtMS42MjQsMC4zMTYsLTIuMjEsMC44NzljLTAuNTg2LDAuNTYyLC0wLjkxNSwxLjMyNSwtMC45MTUsMi4xMjF2MS4yYy0wLjQ5NywwLC0wLjk3NCwwLjE5LC0xLjMyNiwwLjUyN2MtMC4zNTEsMC4zMzgsLTAuNTQ5LDAuNzk2LC0wLjU0OSwxLjI3M3Y0LjJjMCwwLjQ3NywwLjE5OCwwLjkzNSwwLjU0OSwxLjI3M2MwLjM1MiwwLjMzNywwLjgyOSwwLjUyNywxLjMyNiwwLjUyN2g2LjI1YzAuNDk3LDAsMC45NzQsLTAuMTksMS4zMjYsLTAuNTI3YzAuMzUxLC0wLjMzOCwwLjU0OSwtMC43OTYsMC41NDksLTEuMjczdi00LjJjMCwtMC40NzcsLTAuMTk4LC0wLjkzNSwtMC41NDksLTEuMjczYy0wLjM1MiwtMC4zMzcsLTAuODI5LC0wLjUyNywtMS4zMjYsLTAuNTI3em0tNSwtMS4yYzAsLTAuNDc3LDAuMTk4LC0wLjkzNSwwLjU0OSwtMS4yNzNjMC4zNTIsLTAuMzM3LDAuODI5LC0wLjUyNywxLjMyNiwtMC41MjdjMC40OTcsMCwwLjk3NCwwLjE5LDEuMzI2LDAuNTI3YzAuMzUxLDAuMzM4LDAuNTQ5LDAuNzk2LDAuNTQ5LDEuMjczdjEuMmgtMy43NXYtMS4yem01LjYyNSw3LjJjMCwwLjE1OSwtMC4wNjYsMC4zMTIsLTAuMTgzLDAuNDI0Yy0wLjExNywwLjExMywtMC4yNzYsMC4xNzYsLTAuNDQyLDAuMTc2aC02LjI1Yy0wLjE2NiwwLC0wLjMyNSwtMC4wNjMsLTAuNDQyLC0wLjE3NmMtMC4xMTcsLTAuMTEyLC0wLjE4MywtMC4yNjUsLTAuMTgzLC0wLjQyNHYtNC4yYzAsLTAuMTU5LDAuMDY2LC0wLjMxMiwwLjE4MywtMC40MjRjMC4xMTcsLTAuMTEzLDAuMjc2LC0wLjE3NiwwLjQ0MiwtMC4xNzZoNi4yNWMwLjE2NiwwLDAuMzI1LDAuMDYzLDAuNDQyLDAuMTc2YzAuMTE3LDAuMTEyLDAuMTgzLDAuMjY1LDAuMTgzLDAuNDI0djQuMnoiIGZpbGw9IndoaXRlIi8+CiAgICAgIDwvc3ZnPgogICAgPC9nPgogICAgPGRlZnM+CiAgICAgICAgPGZpbHRlciBpZD0iZmlsdGVyX2N1cnJlbnRfbGV2ZWwiIHg9IjY0IiB5PSI0IiB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KICAgICAgICAgICAgPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzMwNV8yMyIvPgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxmaWx0ZXIgaWQ9ImZpbHRlcl9oZWFydF9iYWxsIiB4PSIxNTUiIHk9IjAiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgogICAgICAgICAgICA8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIgcmVzdWx0PSJoYXJkQWxwaGEiLz4KICAgICAgICAgICAgPGZlT2Zmc2V0Lz4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIvPgogICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJvdXQiLz4KICAgICAgICAgICAgPGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMjUgMCIvPgogICAgICAgICAgICA8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9ImVmZmVjdDFfZHJvcFNoYWRvd18zMDVfMjMiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3dfMzA1XzIzIiByZXN1bHQ9InNoYXBlIi8+CiAgICAgICAgPC9maWx0ZXI+CiAgICAgICAgPGZpbHRlciBpZD0iZmlsdGVyX2JhbGwiIHg9IjE1OSIgeT0iNCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIxIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgICAgICAgIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgogICAgICAgICAgICA8ZmVPZmZzZXQgZHk9IjEiLz4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIvPgogICAgICAgICAgICA8ZmVDb21wb3NpdGUgaW4yPSJoYXJkQWxwaGEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiBrMj0iLTEiIGszPSIxIi8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjU1IDAiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9InNoYXBlIiByZXN1bHQ9ImVmZmVjdDFfaW5uZXJTaGFkb3dfMzA1XzIzIi8+CiAgICAgICAgPC9maWx0ZXI+CiAgICAgICAgPGZpbHRlciBpZD0iZmlsdGVyX2hlYXJ0IiB4PSIxNjEuNjM2IiB5PSI1LjcyNzI3IiB3aWR0aD0iMTQuNzI3MSIgaGVpZ2h0PSIxNS42MzY0IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgICAgICAgIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgogICAgICAgICAgICA8ZmVPZmZzZXQvPgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMzA1XzIzIi8+CiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzMwNV8yMyIgcmVzdWx0PSJzaGFwZSIvPgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxmaWx0ZXIgaWQ9ImZpbHRlcl9sb2NrIiB4PSI1MCIgeT0iNyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjE0IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CiAgICAgICAgICAgIDxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IGluPSJTb3VyY2VBbHBoYSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDEyNyAwIiByZXN1bHQ9ImhhcmRBbHBoYSIvPgogICAgICAgICAgICA8ZmVPZmZzZXQvPgogICAgICAgICAgICA8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIwLjUiLz4KICAgICAgICAgICAgPGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+CiAgICAgICAgICAgIDxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjI1IDAiLz4KICAgICAgICAgICAgPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMzA1XzIzIi8+CiAgICAgICAgICAgIDxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzMwNV8yMyIgcmVzdWx0PSJzaGFwZSIvPgogICAgICAgIDwvZmlsdGVyPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl9iYWxsIiB4MT0iMTYzIiB5MT0iNiIgeDI9IjE3NC4yIiB5Mj0iMjIuNiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjOTQ2QUQ3Ii8+CiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0VGQUJFQiIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyX2xvY2siIHgxPSIxMDAlIiB5MT0iMTguNDA1NiIgeDI9IjE2OS4wMDIiIHkyPSIxMC4yODQ1IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM4MTRGRDYiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRDY3OUQ4Ii8+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KPC9zdmc+Cg==';
@@ -2323,41 +2360,20 @@ const levelPercentSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ
 const tipsInfoSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI2IiBoZWlnaHQ9IjkyIiB2aWV3Qm94PSIwIDAgMTI2IDkyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kXzI0Ml80MjMxKSI+CjxyZWN0IHg9IjI0IiB5PSIyMCIgd2lkdGg9Ijc4IiBoZWlnaHQ9IjM2IiByeD0iNCIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTI0IDI0QzI0IDIxLjc5MDkgMjUuNzkwOSAyMCAyOCAyMEg2NFY1NkgyOEMyNS43OTA5IDU2IDI0IDU0LjIwOTEgMjQgNTJWMjRaIiBmaWxsPSIjNDY0NjQ2Ii8+CjxwYXRoIGQ9Ik01MSA1NkgzN0w0My4yNDc0IDYzLjEzOTlDNDMuNjQ1OCA2My41OTUyIDQ0LjM1NDIgNjMuNTk1MiA0NC43NTI2IDYzLjEzOTlMNTEgNTZaIiBmaWxsPSIjNDY0NjQ2Ii8+CjxjaXJjbGUgY3g9IjQ0IiBjeT0iMzgiIHI9IjciIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik00My45NDA1IDM0QzQ0LjU0NTYgMzQgNDUuMDM2MiAzNC40OTA2IDQ1LjAzNjIgMzUuMDk1N0M0NS4wMzYyIDM1LjcwMDkgNDQuNTQ1NiAzNi4xOTE1IDQzLjk0MDUgMzYuMTkxNUM0My4zMzUzIDM2LjE5MTUgNDIuODQ0NyAzNS43MDA5IDQyLjg0NDcgMzUuMDk1N0M0Mi44NDQ3IDM0LjQ5MDYgNDMuMzM1MyAzNCA0My45NDA1IDM0WiIgZmlsbD0iIzQ2NDY0NiIvPgo8cGF0aCBkPSJNNDUuODgwMSA0MS4zNzM3QzQ1Ljg4MDEgNDEuNzYxNyA0NS41NjI2IDQyLjA3OTEgNDUuMTc0NiA0Mi4wNzkxSDQ0LjMyMzNINDMuNTUxSDQyLjcwNTVDNDIuMzE3NSA0Mi4wNzkxIDQyIDQxLjc2MTcgNDIgNDEuMzczN1Y0MS4zNTc1QzQyIDQwLjk2OTUgNDIuMzE3NSA0MC42NTIxIDQyLjcwNTUgNDAuNjUyMUg0Mi44NDU1VjM3Ljg3MTRINDIuMzUyOEM0Mi4xNTg4IDM3Ljg3MTQgNDIgMzcuNzEyNyA0MiAzNy41MTg3VjM3LjQ5MzZDNDIgMzcuMjk5NiA0Mi4xNTg4IDM3LjE0MDkgNDIuMzUyOCAzNy4xNDA5SDQzLjU1MUg0NC4wMzFINDQuMzIzM0M0NC43MTEzIDM3LjE0MDkgNDUuMDI4NyAzNy40NTgzIDQ1LjAyODcgMzcuODQ2M1Y0MC42NTIxSDQ1LjE3NDZDNDUuNTYyNiA0MC42NTIxIDQ1Ljg4MDEgNDAuOTY5NiA0NS44ODAxIDQxLjM1NzZWNDEuMzczN1oiIGZpbGw9IiM0NjQ2NDYiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kXzI0Ml80MjMxIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTI2IiBoZWlnaHQ9IjkxLjQ4MTQiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iNCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMiIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4yNSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93XzI0Ml80MjMxIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93XzI0Ml80MjMxIiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=';
 
 const PlayerLoyaltyProcess = () => (h("span", { class: "LevelProgress", id: 'LevelProgress', innerHTML: levelPercentSvg }));
-const PlayerPoints = ({ loyaltyPoints, spendablePoints, pointExpireString, language, }) => (h("div", { class: "PointsInfo" },
-  loyaltyPoints &&
-    h("div", { class: 'Points' },
-      loyaltyPoints,
-      " ",
-      h("sub", { class: "XP" }, translate('xp', language))),
-  spendablePoints &&
-    h("div", { class: 'Points' },
-      spendablePoints,
-      " ",
-      h("sub", { class: "XP" }, translate('sp', language))),
-  pointExpireString && (h("div", { class: 'ExpirationPoints' },
-    pointExpireString,
-    " "))));
-const PlayerElevateCardRedeem = ({ language, onRedeemClick }) => (h("div", { class: "CardCell Redeem" },
-  h("div", { class: "RedeemButton", onClick: () => {
-      onRedeemClick();
-    } },
-    h("span", null, translate('redeem', language)))));
+const PlayerPoints = ({ loyaltyPoints, spendablePoints, pointExpireString, language, }) => (h("div", { class: "PointsInfo" }, (loyaltyPoints && loyaltyPoints >= 0) &&
+    h("div", { class: 'Points' }, loyaltyPoints, " ", h("sub", { class: "XP" }, translate('xp', language))), spendablePoints &&
+    h("div", { class: 'Points' }, spendablePoints, " ", h("sub", { class: "XP" }, translate('sp', language))), pointExpireString && (h("div", { class: 'ExpirationPoints' }, pointExpireString, " "))));
+const PlayerElevateCardRedeem = ({ language, onRedeemClick }) => (h("div", { class: "CardCell Redeem" }, h("div", { class: "RedeemButton", onClick: () => {
+        onRedeemClick();
+    } }, h("span", null, translate('redeem', language)))));
 const PlayerNameDiv = (props) => (h("div", { class: 'CardCell PlayerName Txt' }, props.playerName));
-const PlayerElevateLoyaltyLevel = (props) => (h("div", { class: 'CardCell ElevateLevel' },
-  h("span", { class: "LevelName", title: props.level }, props.level),
-  props.expireTime && (h("div", { class: "CardCell ExpirationDate Txt" },
-    translate('expireOn', props.language),
-    h("span", { class: "ExpireTime" }, format(new Date(props.expireTime), props.dateFormat || 'yyyy-MM-dd')),
-    !props.hideInfo && (h("span", { class: "fa Info", style: { 'background': `url(${getAssetPath('../static/info.svg')})` } },
-      h("span", { class: "InfoTips", innerHTML: tipsInfoSvg })))))));
+const PlayerElevateLoyaltyLevel = (props) => (h("div", { class: 'CardCell ElevateLevel' }, h("span", { class: "LevelName", title: props.level }, props.level), props.expireTime && (h("div", { class: "CardCell ExpirationDate Txt" }, translate('expireOn', props.language), h("span", { class: "ExpireTime" }, format(new Date(props.expireTime), props.dateFormat || 'yyyy-MM-dd')), !props.hideInfo && (h("span", { class: "fa Info", style: { 'background': `url(${getAssetPath('../static/info.svg')})` } }, h("span", { class: "InfoTips", innerHTML: tipsInfoSvg })))))));
 const PlayerAvatar = (props) => {
-  const badge = props.loyaltyIconUrl
-    ? h("img", { class: "Badge", src: props.loyaltyIconUrl })
-    : props.hideIfNull ? '' : h("div", { class: "Badge" });
-  const avatarSrc = props.playerAvatarUrl || getAssetPath('../static/user.svg');
-  return h("div", { class: "PlayerAvatar", style: { 'position': `${props.onlyBadge ? '' : 'relative'}` } },
-    !props.onlyBadge && h("img", { class: "Avatar", src: avatarSrc }),
-    badge);
+    const badge = props.loyaltyIconUrl
+        ? h("img", { class: "Badge", src: props.loyaltyIconUrl })
+        : props.hideIfNull ? '' : h("div", { class: "Badge" });
+    const avatarSrc = props.playerAvatarUrl || getAssetPath('../static/user.svg');
+    return h("div", { class: "PlayerAvatar", style: { 'position': `${props.onlyBadge ? '' : 'relative'}` } }, !props.onlyBadge && h("img", { class: "Avatar", src: avatarSrc }), badge);
 };
 
-export { PlayerAvatar as P, TRANSLATIONS as T, translateWithParams as a, PlayerPoints as b, PlayerLoyaltyProcess as c, translate as d, PlayerNameDiv as e, format as f, getTimezoneOffsetInMilliseconds as g, PlayerElevateLoyaltyLevel as h, PlayerElevateCardRedeem as i, requiredArgs as r, toDate as t };
+export { PlayerAvatar as P, TRANSLATIONS as T, translateWithParams as a, PlayerElevateLoyaltyLevel as b, PlayerPoints as c, PlayerLoyaltyProcess as d, PlayerNameDiv as e, PlayerElevateCardRedeem as f, getTimezoneOffsetInMilliseconds as g, translate as h, requiredArgs as r, toDate as t };