@everymatrix/casino-engagement-suite-challenges-list 1.44.0 → 1.45.0

package/dist/esm/casino-engagement-suite-challenges-list_2.entry.js

@@ -1,67 +1,67 @@
-import { h, r as registerInstance, c as createEvent, g as getElement } from './index-ddf7e990.js';
+import { h, r as registerInstance, c as createEvent, g as getElement } from './index-00eb432b.js';
 
 var ChallengeRewardType;
 (function (ChallengeRewardType) {
-  ChallengeRewardType[ChallengeRewardType["FreeSpins"] = 0] = "FreeSpins";
-  ChallengeRewardType[ChallengeRewardType["LuckyWheel"] = 1] = "LuckyWheel";
-  ChallengeRewardType[ChallengeRewardType["Leaderboard"] = 2] = "Leaderboard";
-  ChallengeRewardType[ChallengeRewardType["Challenge"] = 3] = "Challenge";
-  ChallengeRewardType[ChallengeRewardType["Custom"] = 4] = "Custom";
+    ChallengeRewardType[ChallengeRewardType["FreeSpins"] = 0] = "FreeSpins";
+    ChallengeRewardType[ChallengeRewardType["LuckyWheel"] = 1] = "LuckyWheel";
+    ChallengeRewardType[ChallengeRewardType["Leaderboard"] = 2] = "Leaderboard";
+    ChallengeRewardType[ChallengeRewardType["Challenge"] = 3] = "Challenge";
+    ChallengeRewardType[ChallengeRewardType["Custom"] = 4] = "Custom";
 })(ChallengeRewardType || (ChallengeRewardType = {}));
 var ChallengeHistoryLevelStatus;
 (function (ChallengeHistoryLevelStatus) {
-  ChallengeHistoryLevelStatus[ChallengeHistoryLevelStatus["Completed"] = 0] = "Completed";
-  ChallengeHistoryLevelStatus[ChallengeHistoryLevelStatus["Expired"] = 1] = "Expired";
-  ChallengeHistoryLevelStatus[ChallengeHistoryLevelStatus["Forfeited"] = 2] = "Forfeited";
+    ChallengeHistoryLevelStatus[ChallengeHistoryLevelStatus["Completed"] = 0] = "Completed";
+    ChallengeHistoryLevelStatus[ChallengeHistoryLevelStatus["Expired"] = 1] = "Expired";
+    ChallengeHistoryLevelStatus[ChallengeHistoryLevelStatus["Forfeited"] = 2] = "Forfeited";
 })(ChallengeHistoryLevelStatus || (ChallengeHistoryLevelStatus = {}));
 var ChallengeLevelProgressStatus;
 (function (ChallengeLevelProgressStatus) {
-  ChallengeLevelProgressStatus[ChallengeLevelProgressStatus["Closed"] = 0] = "Closed";
-  ChallengeLevelProgressStatus[ChallengeLevelProgressStatus["InProgress"] = 1] = "InProgress";
-  ChallengeLevelProgressStatus[ChallengeLevelProgressStatus["Fillup"] = 2] = "Fillup";
-  ChallengeLevelProgressStatus[ChallengeLevelProgressStatus["Completed"] = 3] = "Completed";
+    ChallengeLevelProgressStatus[ChallengeLevelProgressStatus["Closed"] = 0] = "Closed";
+    ChallengeLevelProgressStatus[ChallengeLevelProgressStatus["InProgress"] = 1] = "InProgress";
+    ChallengeLevelProgressStatus[ChallengeLevelProgressStatus["Fillup"] = 2] = "Fillup";
+    ChallengeLevelProgressStatus[ChallengeLevelProgressStatus["Completed"] = 3] = "Completed";
 })(ChallengeLevelProgressStatus || (ChallengeLevelProgressStatus = {}));
 var ChallengeProgressStatus;
 (function (ChallengeProgressStatus) {
-  ChallengeProgressStatus[ChallengeProgressStatus["Started"] = 0] = "Started";
-  ChallengeProgressStatus[ChallengeProgressStatus["InProgress"] = 1] = "InProgress";
-  ChallengeProgressStatus[ChallengeProgressStatus["PendingLevelReward"] = 2] = "PendingLevelReward";
-  ChallengeProgressStatus[ChallengeProgressStatus["Completed"] = 3] = "Completed";
-  ChallengeProgressStatus[ChallengeProgressStatus["Expired"] = 4] = "Expired";
-  ChallengeProgressStatus[ChallengeProgressStatus["Forfeited"] = 5] = "Forfeited";
+    ChallengeProgressStatus[ChallengeProgressStatus["Started"] = 0] = "Started";
+    ChallengeProgressStatus[ChallengeProgressStatus["InProgress"] = 1] = "InProgress";
+    ChallengeProgressStatus[ChallengeProgressStatus["PendingLevelReward"] = 2] = "PendingLevelReward";
+    ChallengeProgressStatus[ChallengeProgressStatus["Completed"] = 3] = "Completed";
+    ChallengeProgressStatus[ChallengeProgressStatus["Expired"] = 4] = "Expired";
+    ChallengeProgressStatus[ChallengeProgressStatus["Forfeited"] = 5] = "Forfeited";
 })(ChallengeProgressStatus || (ChallengeProgressStatus = {}));
 
 const DEFAULT_LANGUAGE = 'en';
 const SUPPORTED_LANGUAGES = ['en'];
 const TRANSLATIONS = {
-  en: {
-    missions: 'Missions',
-    join: 'Join',
-    unjoin: 'Unjoin',
-    new: 'new',
-    noMissions: 'No Missions yet',
-    tryOtherGames: 'Try winning Missions as rewards or launching other booster games',
-    tooltip: 'Mission where your real money bets contribute towards the level progress to achieve the level reward',
-    history: 'History',
-    level: 'Level',
-    status: 'Status',
-    time: 'Time',
-    loading: 'Loading...',
-    completed: 'Completed',
-    expired: 'Expired',
-    forfeited: 'Forfeited',
-    noHistory: 'No missions’ history available (last 30 days)',
-    freeSpins: 'Free Spins',
-    luckyWheel: 'Lucky Wheel',
-    leaderboard: 'Leaderboard',
-    mission: 'Mission',
-    missionHasBeenForfeited: 'The mission has been canceled.',
-    support: 'Please, contact support.'
-  }
+    en: {
+        missions: 'Missions',
+        join: 'Join',
+        unjoin: 'Unjoin',
+        new: 'new',
+        noMissions: 'No Missions yet',
+        tryOtherGames: 'Try winning Missions as rewards or launching other booster games',
+        tooltip: 'Mission where your real money bets contribute towards the level progress to achieve the level reward',
+        history: 'History',
+        level: 'Level',
+        status: 'Status',
+        time: 'Time',
+        loading: 'Loading...',
+        completed: 'Completed',
+        expired: 'Expired',
+        forfeited: 'Forfeited',
+        noHistory: 'No missions’ history available (last 30 days)',
+        freeSpins: 'Free Spins',
+        luckyWheel: 'Lucky Wheel',
+        leaderboard: 'Leaderboard',
+        mission: 'Mission',
+        missionHasBeenForfeited: 'The mission has been canceled.',
+        support: 'Please, contact support.'
+    }
 };
 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];
 };
 
 function _typeof(o) {
@@ -449,7 +449,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
@@ -515,6 +515,7 @@ var formatters$1 = {
     return addLeadingZeros(fractionalSeconds, token.length);
   }
 };
+const formatters$3 = formatters$2;
 
 var dayPeriodEnum = {
   am: 'am',
@@ -608,7 +609,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) {
@@ -730,7 +731,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, {
@@ -820,7 +821,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) {
@@ -1100,7 +1101,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) {
@@ -1109,7 +1110,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) {
@@ -1139,7 +1140,7 @@ var formatters = {
         unit: 'minute'
       });
     }
-    return formatters$1.m(date, token);
+    return formatters$3.m(date, token);
   },
   // Second
   s: function s(date, token, localize) {
@@ -1148,11 +1149,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) {
@@ -1280,6 +1281,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) {
@@ -1360,6 +1362,7 @@ var longFormatters = {
   p: timeLongFormatter,
   P: dateTimeLongFormatter
 };
+const longFormatters$1 = longFormatters;
 
 var protectedDayOfYearTokens = ['D', 'DD'];
 var protectedWeekYearTokens = ['YY', 'YYYY'];
@@ -1463,6 +1466,7 @@ var formatDistance = function formatDistance(token, count, options) {
   }
   return result;
 };
+const formatDistance$1 = formatDistance;
 
 function buildFormatLongFn(args) {
   return function () {
@@ -1506,6 +1510,7 @@ var formatLong = {
     defaultWidth: 'full'
   })
 };
+const formatLong$1 = formatLong;
 
 var formatRelativeLocale = {
   lastWeek: "'last' eeee 'at' p",
@@ -1518,6 +1523,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) {
@@ -1679,6 +1685,7 @@ var localize = {
     defaultFormattingWidth: 'wide'
   })
 };
+const localize$1 = localize;
 
 function buildMatchFn(args) {
   return function (string) {
@@ -1836,6 +1843,7 @@ var match = {
     defaultParseWidth: 'any'
   })
 };
+const match$1 = match;
 
 /**
  * @type {Locale}
@@ -1848,16 +1856,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`)
@@ -2175,7 +2184,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
@@ -2188,10 +2197,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);
@@ -2207,14 +2216,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) {
@@ -2226,7 +2235,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));
@@ -2234,7 +2243,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 + '`');
@@ -2252,440 +2261,409 @@ function cleanEscapedString(input) {
 }
 
 const getHistoryLoaderTemplate = (lang) => {
-  return h("div", { class: "HistoryLoader" },
-    h("casino-engagement-suite-progress-bar", { indeterminate: true }),
-    h("span", null, translate('loading', lang)));
+    return h("div", { class: "HistoryLoader" },
+        h("casino-engagement-suite-progress-bar", { indeterminate: true }),
+        h("span", null, translate('loading', lang)));
 };
 const getRewardNameByType = (type, lang) => {
-  switch (type) {
-    case 0: return translate('freeSpins', lang);
-    case 1: return translate('luckyWheel', lang);
-    case 2: return translate('leaderboard', lang);
-    case 3: return translate('mission', lang);
-  }
+    switch (type) {
+        case 0: return translate('freeSpins', lang);
+        case 1: return translate('luckyWheel', lang);
+        case 2: return translate('leaderboard', lang);
+        case 3: return translate('mission', lang);
+    }
 };
 const getLevelStatusString = (status, lang) => {
-  switch (status) {
-    case ChallengeHistoryLevelStatus.Completed: return translate('completed', lang);
-    case ChallengeHistoryLevelStatus.Expired: return translate('expired', lang);
-    case ChallengeHistoryLevelStatus.Forfeited: return translate('forfeited', lang);
-    default: return status;
-  }
+    switch (status) {
+        case ChallengeHistoryLevelStatus.Completed: return translate('completed', lang);
+        case ChallengeHistoryLevelStatus.Expired: return translate('expired', lang);
+        case ChallengeHistoryLevelStatus.Forfeited: return translate('forfeited', lang);
+        default: return status;
+    }
 };
 const showRewards = (level) => {
-  return !!level.Rewards && level.Status === ChallengeHistoryLevelStatus.Completed;
+    return !!level.Rewards && level.Status === ChallengeHistoryLevelStatus.Completed;
 };
 const getRewardTemplate = (reward, lang) => {
-  const isCustom = reward.Type === ChallengeRewardType.Custom;
-  const rewardName = isCustom ? reward.RewardDescription : getRewardNameByType(reward.Type, lang);
-  const isRewarded = isCustom || reward.IsRewarded;
-  return h("div", { class: `HistoryRewardsItem ${isRewarded || isCustom ? 'IsRewarded' : 'IsNotRewarded'}` },
-    h("span", { class: "HistoryRewardsItemName" }, rewardName),
-    !isCustom && h("div", { class: "HistoryRewardStatusIcon" }));
+    const isCustom = reward.Type === ChallengeRewardType.Custom;
+    const rewardName = isCustom ? reward.RewardDescription : getRewardNameByType(reward.Type, lang);
+    const isRewarded = isCustom || reward.IsRewarded;
+    return h("div", { class: `HistoryRewardsItem ${isRewarded || isCustom ? 'IsRewarded' : 'IsNotRewarded'}` },
+        h("span", { class: "HistoryRewardsItemName" }, rewardName),
+        !isCustom && h("div", { class: `EngagementSuiteIconButton ${isRewarded ? 'Check' : 'Close'}` }));
 };
 const getHistoryLevelRewardsTemplate = (level, lang) => {
-  return h("div", { class: "HistoryRewardsList" },
-    h("img", { class: "HistoryRewardsIcon", src: "https://static.everymatrix.com/gic/img/engagement-suite/cup-reward-list.svg", alt: "Reward" }),
-    Object.values(level.Rewards).map(reward => getRewardTemplate(reward, lang)));
+    return h("div", { class: "HistoryRewardsList" },
+        h("div", { class: "EngagementSuiteIconButton CupRewardList" }),
+        Object.values(level.Rewards).map(reward => getRewardTemplate(reward, lang)));
 };
 const getHistoryLevelTemplate = (level, index, lang) => {
-  return h("div", { class: "HistoryLevelInfo" },
-    h("span", { class: "Level" }, `${translate('level', lang)} ${index + 1}`),
-    h("span", { class: "Status" }, getLevelStatusString(level.Status, lang)),
-    h("span", { class: "Time" }, format(new Date(level.Time), 'LLL d, yyyy HH:mm:ss')));
+    return h("div", { class: "HistoryLevelInfo" },
+        h("span", { class: "Level" }, `${translate('level', lang)} ${index + 1}`),
+        h("span", { class: "Status" }, getLevelStatusString(level.Status, lang)),
+        h("span", { class: "Time" }, format(new Date(level.Time), 'LLL d, yyyy HH:mm:ss')));
 };
 const getChallengesHistoryTemplate = (histories, openedHistoryIds, toggleChallengeHistory, lang) => {
-  if (histories.length === 0) {
-    return h("p", { class: "HistoryEmptyMessage" }, translate('noHistory', lang));
-  }
-  return h("div", { class: "HistoryList" }, histories.map((history) => {
-    return h("div", { key: history.ProgressId, class: `HistoryListItem ${openedHistoryIds.includes(history.ProgressId) ? 'Opened' : 'Closed'}` },
-      h("header", { class: "HistoryListItemHeader", "data-id": history.ProgressId, onClick: toggleChallengeHistory },
-        history.Name,
-        h("button", { class: "HistoryListItemButton" })),
-      h("div", { class: "HistoryListItemBody" },
-        h("div", null, history.Levels.map((level, index) => {
-          return h("div", { class: "HistoryListItemLevelCard" },
-            getHistoryLevelTemplate(level, index, lang),
-            showRewards(level) && getHistoryLevelRewardsTemplate(level, lang));
-        }))));
-  }));
+    if (histories.length === 0) {
+        return h("p", { class: "HistoryEmptyMessage" }, translate('noHistory', lang));
+    }
+    return h("div", { class: "HistoryList" }, histories.map((history) => {
+        return h("div", { key: history.ProgressId, class: `HistoryListItem ${openedHistoryIds.includes(history.ProgressId) ? 'Opened' : 'Closed'}` },
+            h("header", { class: "HistoryListItemHeader", "data-id": history.ProgressId, onClick: toggleChallengeHistory },
+                history.Name,
+                h("button", { class: "EngagementSuiteIconButton ArrowDown" })),
+            h("div", { class: "HistoryListItemBody" },
+                h("div", null, history.Levels.map((level, index) => {
+                    return h("div", { class: "HistoryListItemLevelCard" },
+                        getHistoryLevelTemplate(level, index, lang),
+                        showRewards(level) && getHistoryLevelRewardsTemplate(level, lang));
+                }))));
+    }));
 };
 
-const casinoEngagementSuiteChallengesListCss = ":host{display:block;font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}button{border:none;background:none;cursor:pointer;touch-action:manipulation}button:focus{outline:none}.ChallengesListPopup{display:flex;height:100%;background-color:var(--emw--color-background, #1E1638);border-radius:8px;overflow:hidden;flex-direction:column;position:relative;padding-bottom:20px}.ChallengesListPopupHeader{display:flex;justify-content:space-between;align-items:center;padding:12px 8px 8px}.ChallengesIconButton{width:16px;height:16px;cursor:pointer}.ChallengesIconButton img{width:100%;height:100%}.ChallengesListPopupHeaderName{color:var(--emw--color-gray-100, #BBB9C3);font-size:14px;font-weight:500;line-height:14px}.HistoryList,.ChallengesListWrapper{overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.HistoryList::-webkit-scrollbar,.ChallengesListWrapper::-webkit-scrollbar{display:none}.ChallengesList{display:flex;flex-direction:column;row-gap:12px;padding:12px 19px 0}.ChallengeCard{padding:15px 15px 19px;border:1px solid var(--emw--button-border-color, #403956);border-radius:6px;position:relative;cursor:pointer}.ChallengeJoinButton.Joined::before,.ChallengeCard.InProgress::before{content:\"\";position:absolute;inset:0;border-radius:var(--emw--button-border-radius, 4px);padding:1px;background:linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);-webkit-mask:linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.ChallengeCardHeader{display:flex;justify-content:space-between;gap:24px;margin-bottom:12px}.ForfeitedChallengeCard{cursor:default}.ChallengeName,.ForfeitedChallengeName{color:var(--emw--color-typography, #FFFFFF);font-family:\"Montserrat\", sans-serif;line-height:22px;font-weight:700;font-size:18px;word-break:break-word}.ForfeitedChallengeName,.ForfeitedChallengeMessage{color:var(--emw--color-primary, #8F8B9C)}.ForfeitedChallengeInfo{margin-top:14px;display:flex;gap:4px}.ForfeitedChallengeMessage{font-family:\"Inter\", sans-serif;font-weight:var(--emw--font-weight-normal, 400);font-size:var(--emw--font-size-x-small, 12px);line-height:15px}.ChallengeJoinButton{transition:all 0.5s ease-out;background:linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);color:var(--emw--color-typography, #1E1638);border-radius:99px;min-width:88px;height:32px;font-size:14px;font-weight:700;position:relative;font-family:\"Montserrat\", sans-serif}.ChallengeJoinButton.Joined{background:linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ChallengeJoinButton.Joined::before{border-radius:99px}.Disabled{opacity:0.5;pointer-events:none;cursor:auto}.ChallengesListEmpty{padding:20px 32px}.ChallengesListEmpty h2{margin:0 0 16px 0;text-align:center;font-weight:600;font-size:20px;line-height:24px;font-family:\"Montserrat\", sans-serif;color:var(--emw--color-typography, #FFFFFF)}.ChallengesListEmpty p{font-size:14px;line-height:17px;color:var(--emw--color-gray-100, #BBB9C3)}.ChallengeCountdown{color:var(--emw--color-gray-100, #BBB9C3);font-size:12px;line-height:12px}.ChallengeLabel{min-width:35px;height:18px;background:linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%);border-radius:2px;display:none;position:absolute;top:-11px;right:11px;padding:0 2px;align-items:center;justify-content:center}.ChallengeLabel span{display:inline-block;text-transform:uppercase;font-size:10px;line-height:10px;font-weight:700;font-family:\"Montserrat\", sans-serif;color:var(--emw--color-typography, #1E1638)}.ShowChallengeLabel{display:inline-flex}.ChallengesTooltipBackdrop{padding:48px 30px 0;position:absolute;width:100%;height:100%;inset:0;background-color:rgba(0, 0, 0, 0.5)}.ChallengesTooltipBackdrop .ChallengesTooltip{border:1px solid var(--emw--button-border-color, #403956);background-color:var(--emw--color-background, #1E1638);border-radius:8px;padding:32px;font-size:14px;line-height:17px;color:var(--emw--color-gray-100, #BBB9C3);position:relative}.ChallengesTooltipBackdrop .ChallengesTooltip .ChallengesIconButton{top:12px;right:6px;position:absolute}.Tabs::after,.HistoryCols::after,.HistoryListItem.Opened .HistoryListItemBody::after{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--emw--color-typography, #FFF);opacity:0.1}.TabsWrapper{padding:0 20px;margin:8px 0}.TabsWrapper .Tabs{display:flex;position:relative}.TabsWrapper .Tabs .Tab{padding:9px 16px 7px;font-weight:500;font-size:12px;line-height:15px;color:var(--emw--color-background, #666178);border-bottom:2px solid transparent;cursor:pointer}.TabsWrapper .Tabs .Tab.Active{color:var(--emw--color-typography, #FFF);border-color:var(--emw--color-typography, #FFF)}.HistoryWrapper{padding:0 20px;display:flex;flex-direction:column;height:100%;overflow:hidden}.HistoryWrapper .HistoryEmptyMessage{margin-top:8px;font-size:var(--emw--font-size-x-small, 14px);color:var(--emw--color-gray-100, #BBB9C3);line-height:30px}.HistoryWrapper .HistoryCols{padding:12px 0;position:relative;display:flex}.HistoryWrapper .HistoryCols .HistoryColName{padding:0 5px;font-size:var(--emw--font-size-x-small, 12px);color:var(--emw--color-gray-100, #BBB9C3)}.HistoryWrapper .HistoryCols .HistoryColName.Level{flex-basis:90px}.HistoryWrapper .HistoryCols .HistoryColName.Status{flex-basis:100px}.HistoryWrapper .HistoryLoader{display:flex;flex-direction:column;justify-content:center;align-items:center;height:inherit;font-size:var(--emw--font-size-x-small, 12px);color:var(--emw--color-primary, #8F8B9C)}.HistoryWrapper .HistoryLoader casino-engagement-suite-progress-bar{margin-bottom:8px;width:100px}.HistoryWrapper .HistoryListItem{margin-top:8px}.HistoryWrapper .HistoryListItem.Opened .HistoryListItemButton{transform:rotate(180deg)}.HistoryWrapper .HistoryListItem.Opened .HistoryListItemBody{padding-bottom:8px;grid-template-rows:1fr}.HistoryWrapper .HistoryListItem .HistoryListItemHeader{padding:16px 0;display:flex;justify-content:space-between;align-items:center;color:var(--emw--color-typography, #FFFFFF);font-size:var(--emw--font-size-small, 14px)}.HistoryWrapper .HistoryListItem .HistoryListItemButton{transition:transform 0.3s ease-out;width:16px;height:16px;background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/arrow-down.svg) no-repeat}.HistoryWrapper .HistoryListItem .HistoryListItemBody{position:relative;display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s ease-out}.HistoryWrapper .HistoryListItem .HistoryListItemBody>div{overflow:hidden}.HistoryWrapper .HistoryListItem .HistoryListItemLevelCard{padding:12px 5px}.HistoryWrapper .HistoryListItem .HistoryLevelInfo{display:flex;font-size:var(--emw--font-size-x-small, 12px);color:var(--emw--color-gray-100, #BBB9C3)}.HistoryWrapper .HistoryListItem .HistoryLevelInfo .Level{flex-basis:90px}.HistoryWrapper .HistoryListItem .HistoryLevelInfo .Status{flex-basis:100px}.HistoryWrapper .HistoryListItem .HistoryRewardsList{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:var(--emw--font-size-x-small, 10px);font-weight:var(--emw--font-weight-bold, 700)}.HistoryWrapper .HistoryListItem .HistoryRewardsList .HistoryRewardStatusIcon,.HistoryWrapper .HistoryListItem .HistoryRewardsList .HistoryRewardsIcon{height:14px;width:14px}.HistoryWrapper .HistoryListItem .HistoryRewardsList .HistoryRewardsItem{display:flex;align-items:center;gap:2px;color:var(--emw--color-typography, #FFF)}.HistoryWrapper .HistoryListItem .HistoryRewardsList .HistoryRewardsItem .HistoryRewardStatusIcon{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/check.svg) no-repeat}.HistoryWrapper .HistoryListItem .HistoryRewardsList .HistoryRewardsItem.IsNotRewarded{color:var(--emw--color-background, #666178)}.HistoryWrapper .HistoryListItem .HistoryRewardsList .HistoryRewardsItem.IsNotRewarded .HistoryRewardStatusIcon{background-image:url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg)}.ChallengesListPopup.Tablet .ChallengesListPopupHeader,.ChallengesListPopup.Desktop .ChallengesListPopupHeader{padding-top:16px}.ChallengesListPopup.Tablet .ChallengesListPopupHeaderName,.ChallengesListPopup.Desktop .ChallengesListPopupHeaderName{font-size:16px;line-height:16px}.ChallengesListPopup.Tablet .ChallengesIconButton,.ChallengesListPopup.Desktop .ChallengesIconButton{width:24px;height:24px}.ChallengesListPopup.Tablet .ChallengesList,.ChallengesListPopup.Desktop .ChallengesList{padding:20px 24px 0;row-gap:20px}.ChallengesListPopup.Tablet .ChallengesListEmpty,.ChallengesListPopup.Desktop .ChallengesListEmpty{padding:40px 65px}.ChallengesListPopup.Tablet .ChallengesListEmpty h2,.ChallengesListPopup.Desktop .ChallengesListEmpty h2{margin-bottom:32px;font-size:var(--emw--size-large, 24px);line-height:29px}.ChallengesListPopup.Tablet .ChallengesListEmpty p,.ChallengesListPopup.Desktop .ChallengesListEmpty p{font-size:var(--emw--font-size-small, 16px);line-height:20px}.ChallengesListPopup.Tablet .ChallengeCardHeader,.ChallengesListPopup.Desktop .ChallengeCardHeader{margin-bottom:16px}.ChallengesListPopup.Tablet .ChallengeName,.ChallengesListPopup.Tablet .ForfeitedChallengeName,.ChallengesListPopup.Desktop .ChallengeName,.ChallengesListPopup.Desktop .ForfeitedChallengeName{line-height:27px;font-size:22px}.ChallengesListPopup.Tablet .ForfeitedChallengeMessage,.ChallengesListPopup.Desktop .ForfeitedChallengeMessage{font-size:var(--emw--font-size-small, 14px);line-height:16px}.ChallengesListPopup.Tablet .ChallengeJoinButton,.ChallengesListPopup.Desktop .ChallengeJoinButton{min-width:100px;height:36px;font-size:16px}.ChallengesListPopup.Tablet .ChallengeCountdown,.ChallengesListPopup.Desktop .ChallengeCountdown{font-size:14px;line-height:14px}.ChallengesListPopup.Tablet .ChallengesTooltipBackdrop,.ChallengesListPopup.Desktop .ChallengesTooltipBackdrop{padding:90px 75px 0}.ChallengesListPopup.Tablet .ChallengesTooltip,.ChallengesListPopup.Desktop .ChallengesTooltip{padding:60px 65px;font-size:16px;line-height:20px}.ChallengesListPopup.Tablet .ChallengesTooltip .ChallengesIconButton,.ChallengesListPopup.Desktop .ChallengesTooltip .ChallengesIconButton{top:24px;right:24px}.ChallengesListPopup.Tablet .TabsWrapper,.ChallengesListPopup.Desktop .TabsWrapper{padding:0 24px;margin:20px 0}.ChallengesListPopup.Tablet .TabsWrapper .Tabs .Tab,.ChallengesListPopup.Desktop .TabsWrapper .Tabs .Tab{font-size:var(--emw--font-size-small, 16px)}.ChallengesListPopup.Tablet .HistoryWrapper,.ChallengesListPopup.Desktop .HistoryWrapper{padding:0 24px}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryEmptyMessage,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryEmptyMessage{margin-top:20px;font-size:var(--emw--font-size-small, 16px);line-height:20px}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryCols .HistoryColName,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryCols .HistoryColName{padding:0 12px;font-size:var(--emw--font-size-small, 16px)}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryCols .HistoryColName.Level,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryCols .HistoryColName.Level{flex-basis:140px}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryCols .HistoryColName.Status,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryCols .HistoryColName.Status{flex-basis:200px}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryLoader,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryLoader{font-size:var(--emw--font-size-small, 16px)}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryLoader casino-engagement-suite-progress-bar,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryLoader casino-engagement-suite-progress-bar{margin-bottom:10px;width:150px}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem{margin-top:20px}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem.Opened .HistoryListItemBody,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem.Opened .HistoryListItemBody{padding-bottom:24px}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryListItemHeader,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryListItemHeader{cursor:pointer;padding:17px 5px;font-size:var(--emw--font-size-small, 16px)}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryListItemButton,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryListItemButton{width:24px;height:24px}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryListItemLevelCard,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryListItemLevelCard{padding:12px}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryLevelInfo,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryLevelInfo{font-size:var(--emw--font-size-small, 16px)}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryLevelInfo .Level,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryLevelInfo .Level{flex-basis:140px}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryLevelInfo .Status,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryLevelInfo .Status{flex-basis:200px}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryRewardsList,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryRewardsList{margin-top:12px;gap:12px;font-size:var(--emw--font-size-small, 14px);align-items:flex-end}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryRewardsList .HistoryRewardsIcon,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryRewardsList .HistoryRewardsIcon{height:24px;flex-basis:24px}";
+const casinoEngagementSuiteChallengesListCss = ":host{display:block;font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}button{border:none;background:none;cursor:pointer;touch-action:manipulation}button:focus{outline:none}.EngagementSuiteIconButton{width:16px;height:16px}.EngagementSuiteIconButton.Help{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/help.svg) no-repeat}.EngagementSuiteIconButton.Close{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/close.svg) no-repeat}.EngagementSuiteIconButton.CupRewardList{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/cup-reward-list.svg) no-repeat}.EngagementSuiteIconButton.Check{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/check.svg) no-repeat}.EngagementSuiteIconButton.ArrowDown{background:center/100% url(https://static.everymatrix.com/gic/img/engagement-suite/arrow-down.svg) no-repeat}.ChallengesListPopup{display:flex;height:100%;background-color:var(--emw--color-background, #1E1638);border-radius:var(--emw--border-radius-large, 8px);overflow:hidden;flex-direction:column;position:relative;padding-bottom:20px}.ChallengesListPopupHeader{display:flex;justify-content:space-between;align-items:center;padding:12px 8px 8px}.ChallengesListPopupHeader .EngagementSuiteIconButton{cursor:pointer}.ChallengesListPopupHeaderName{color:var(--emw--color-secondary, #BBB9C3);font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-medium, 500);line-height:14px}.HistoryList,.ChallengesListWrapper{overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.HistoryList::-webkit-scrollbar,.ChallengesListWrapper::-webkit-scrollbar{display:none}.ChallengesList{display:flex;flex-direction:column;row-gap:12px;padding:12px 19px 0}.ChallengeCard{padding:15px 15px 19px;border:1px solid var(--emw--button-border-color, #403956);border-radius:var(--emw--border-radius-medium, 6px);position:relative;cursor:pointer}.EngagementSuiteButton.Active::before,.ChallengeCard.InProgress::before{content:\"\";position:absolute;inset:0;border-radius:var(--emw--border-radius-small, 4px);padding:1px;background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));-webkit-mask:linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.ChallengeCardHeader{display:flex;justify-content:space-between;gap:24px;margin-bottom:12px}.ForfeitedChallengeCard{cursor:default}.ChallengeName,.ForfeitedChallengeName{color:var(--emw--color-typography, #FFFFFF);font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);line-height:22px;font-weight:var(--emw--font-weight-bold, 700);font-size:var(--emw--font-size-medium-plus, 18px);word-break:break-word}.ForfeitedChallengeName,.ForfeitedChallengeMessage{color:var(--emw--color-gray-150, #8F8B9C)}.ForfeitedChallengeInfo{margin-top:14px;display:flex;gap:4px}.ForfeitedChallengeMessage{font-weight:var(--emw--font-weight-normal, 400);font-size:var(--emw--font-size-x-small, 12px);line-height:15px}.EngagementSuiteButton{transition:all 0.5s ease-out;background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));color:var(--emw--color-background, #1E1638);border-radius:99px;min-width:88px;height:32px;font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-bold, 700);position:relative;font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif)}.EngagementSuiteButton.Active{background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.EngagementSuiteButton.Active::before{border-radius:99px}.Disabled{opacity:0.5;pointer-events:none;cursor:auto}.ChallengesListEmpty{padding:20px 32px}.ChallengesListEmpty h2{margin:0 0 16px 0;text-align:center;font-weight:var(--emw--font-weight-semibold, 600);font-size:var(--emw--font-size-large, 20px);line-height:24px;font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);color:var(--emw--color-typography, #FFFFFF)}.ChallengesListEmpty p{font-size:var(--emw--font-size-small, 14px);line-height:17px;color:var(--emw--color-secondary, #BBB9C3)}.ChallengeCountdown{color:var(--emw--color-secondary, #BBB9C3);font-size:var(--emw--font-size-x-small, 12px);line-height:12px}.ChallengeLabel{min-width:35px;height:18px;background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));border-radius:var(--emw--border-radius-x-small, 2px);display:none;position:absolute;top:-11px;right:11px;padding:0 2px;align-items:center;justify-content:center}.ChallengeLabel span{display:inline-block;text-transform:uppercase;font-size:var(--emw--font-size-2x-small, 10px);line-height:10px;font-weight:var(--emw--font-weight-bold, 700);font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);color:var(--emw--color-background, #1E1638)}.ShowChallengeLabel{display:inline-flex}.EngagementSuiteTooltipBackdrop{padding:48px 30px 0;position:absolute;width:100%;height:100%;inset:0;background-color:rgba(0, 0, 0, 0.5)}.EngagementSuiteTooltipBackdrop .EngagementSuiteTooltip{border:1px solid var(--emw--button-border-color, #403956);background-color:var(--emw--color-background, #1E1638);border-radius:var(--emw--border-radius-large, 8px);padding:32px;font-size:var(--emw--font-size-small, 14px);line-height:17px;color:var(--emw--color-secondary, #BBB9C3);position:relative}.EngagementSuiteTooltipBackdrop .EngagementSuiteTooltip .EngagementSuiteIconButton{top:12px;right:12px;position:absolute}.EngagementSuiteTabs::after,.HistoryCols::after,.HistoryListItem.Opened .HistoryListItemBody::after{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--emw--color-typography, #FFF);opacity:0.1}.EngagementSuiteTabsWrapper{padding:0 20px;margin:8px 0}.EngagementSuiteTabsWrapper .EngagementSuiteTabs{display:flex;position:relative}.EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab{padding:9px 16px 7px;font-weight:var(--emw--font-weight-medium, 500);font-size:var(--emw--font-size-x-small, 12px);line-height:15px;color:var(--emw--color-gray-300, #666178);border-bottom:2px solid transparent;cursor:pointer}.EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab.Active{color:var(--emw--color-typography, #FFF);border-color:var(--emw--color-typography, #FFF)}.HistoryWrapper{padding:0 20px;display:flex;flex-direction:column;height:100%;overflow:hidden}.HistoryWrapper .HistoryEmptyMessage{margin-top:8px;font-size:var(--emw--font-size-small, 14px);color:var(--emw--color-secondary, #BBB9C3);line-height:30px}.HistoryWrapper .HistoryCols{padding:12px 0;position:relative;display:flex}.HistoryWrapper .HistoryCols .HistoryColName{padding:0 5px;font-size:var(--emw--font-size-x-small, 12px);color:var(--emw--color-secondary, #BBB9C3)}.HistoryWrapper .HistoryCols .HistoryColName.Level{flex-basis:90px}.HistoryWrapper .HistoryCols .HistoryColName.Status{flex-basis:100px}.HistoryWrapper .HistoryLoader{display:flex;flex-direction:column;justify-content:center;align-items:center;height:inherit;font-size:var(--emw--font-size-x-small, 12px);color:var(--emw--color-gray-150, #8F8B9C)}.HistoryWrapper .HistoryLoader casino-engagement-suite-progress-bar{margin-bottom:8px;width:100px}.HistoryWrapper .HistoryListItem{margin-top:8px}.HistoryWrapper .HistoryListItem.Opened .EngagementSuiteIconButton.ArrowDown{transform:rotate(180deg)}.HistoryWrapper .HistoryListItem.Opened .HistoryListItemBody{padding-bottom:8px;grid-template-rows:1fr}.HistoryWrapper .HistoryListItem .HistoryListItemHeader{padding:16px 0;display:flex;justify-content:space-between;align-items:center;color:var(--emw--color-typography, #FFFFFF);font-size:var(--emw--font-size-small, 14px)}.HistoryWrapper .HistoryListItem .EngagementSuiteIconButton.ArrowDown{transition:transform 0.3s ease-out}.HistoryWrapper .HistoryListItem .HistoryListItemBody{position:relative;display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.3s ease-out}.HistoryWrapper .HistoryListItem .HistoryListItemBody>div{overflow:hidden}.HistoryWrapper .HistoryListItem .HistoryListItemLevelCard{padding:12px 5px}.HistoryWrapper .HistoryListItem .HistoryLevelInfo{display:flex;font-size:var(--emw--font-size-x-small, 12px);color:var(--emw--color-secondary, #BBB9C3)}.HistoryWrapper .HistoryListItem .HistoryLevelInfo .Level{flex-basis:90px}.HistoryWrapper .HistoryListItem .HistoryLevelInfo .Status{flex-basis:100px}.HistoryWrapper .HistoryListItem .HistoryRewardsList{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:var(--emw--font-size-x-small, 10px);font-weight:var(--emw--font-weight-bold, 700)}.HistoryWrapper .HistoryListItem .HistoryRewardsList .EngagementSuiteIconButton{height:14px;width:14px}.HistoryWrapper .HistoryListItem .HistoryRewardsList .HistoryRewardsItem{display:flex;align-items:center;gap:2px;color:var(--emw--color-typography, #FFF)}.HistoryWrapper .HistoryListItem .HistoryRewardsList .HistoryRewardsItem.IsNotRewarded{color:var(--emw--color-gray-300, #666178)}.ChallengesListPopup.Tablet .ChallengesListPopupHeader,.ChallengesListPopup.Desktop .ChallengesListPopupHeader{padding-top:16px}.ChallengesListPopup.Tablet .ChallengesListPopupHeaderName,.ChallengesListPopup.Desktop .ChallengesListPopupHeaderName{font-size:var(--emw--font-size-medium, 16px);line-height:16px}.ChallengesListPopup.Tablet .EngagementSuiteIconButton.ArrowDown,.ChallengesListPopup.Tablet .EngagementSuiteTooltip .EngagementSuiteIconButton,.ChallengesListPopup.Tablet .ChallengesListPopupHeader .EngagementSuiteIconButton,.ChallengesListPopup.Desktop .EngagementSuiteIconButton.ArrowDown,.ChallengesListPopup.Desktop .EngagementSuiteTooltip .EngagementSuiteIconButton,.ChallengesListPopup.Desktop .ChallengesListPopupHeader .EngagementSuiteIconButton{width:24px;height:24px}.ChallengesListPopup.Tablet .ChallengesList,.ChallengesListPopup.Desktop .ChallengesList{padding:20px 24px 0;row-gap:20px}.ChallengesListPopup.Tablet .ChallengesListEmpty,.ChallengesListPopup.Desktop .ChallengesListEmpty{padding:40px 65px}.ChallengesListPopup.Tablet .ChallengesListEmpty h2,.ChallengesListPopup.Desktop .ChallengesListEmpty h2{margin-bottom:32px;font-size:var(--emw--font-size-large-plus, 24px);line-height:29px}.ChallengesListPopup.Tablet .ChallengesListEmpty p,.ChallengesListPopup.Desktop .ChallengesListEmpty p{font-size:var(--emw--font-size-medium, 16px);line-height:20px}.ChallengesListPopup.Tablet .ChallengeCardHeader,.ChallengesListPopup.Desktop .ChallengeCardHeader{margin-bottom:16px}.ChallengesListPopup.Tablet .ChallengeName,.ChallengesListPopup.Tablet .ForfeitedChallengeName,.ChallengesListPopup.Desktop .ChallengeName,.ChallengesListPopup.Desktop .ForfeitedChallengeName{line-height:27px;font-size:var(--emw--font-size-large-plus, 22px)}.ChallengesListPopup.Tablet .ForfeitedChallengeMessage,.ChallengesListPopup.Desktop .ForfeitedChallengeMessage{font-size:var(--emw--font-size-small, 14px);line-height:16px}.ChallengesListPopup.Tablet .EngagementSuiteButton,.ChallengesListPopup.Desktop .EngagementSuiteButton{min-width:100px;height:36px;font-size:var(--emw--font-size-medium, 16px)}.ChallengesListPopup.Tablet .ChallengeCountdown,.ChallengesListPopup.Desktop .ChallengeCountdown{font-size:var(--emw--font-size-small, 14px);line-height:14px}.ChallengesListPopup.Tablet .EngagementSuiteTooltipBackdrop,.ChallengesListPopup.Desktop .EngagementSuiteTooltipBackdrop{padding:90px 75px 0}.ChallengesListPopup.Tablet .EngagementSuiteTooltip,.ChallengesListPopup.Desktop .EngagementSuiteTooltip{padding:60px 65px;font-size:var(--emw--font-size-medium, 16px);line-height:20px}.ChallengesListPopup.Tablet .EngagementSuiteTooltip .EngagementSuiteIconButton,.ChallengesListPopup.Desktop .EngagementSuiteTooltip .EngagementSuiteIconButton{top:24px;right:24px}.ChallengesListPopup.Tablet .EngagementSuiteTabsWrapper,.ChallengesListPopup.Desktop .EngagementSuiteTabsWrapper{padding:0 24px;margin:20px 0}.ChallengesListPopup.Tablet .EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab,.ChallengesListPopup.Desktop .EngagementSuiteTabsWrapper .EngagementSuiteTabs .EngagementSuiteTab{font-size:var(--emw--font-size-medium, 16px)}.ChallengesListPopup.Tablet .HistoryWrapper,.ChallengesListPopup.Desktop .HistoryWrapper{padding:0 24px}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryEmptyMessage,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryEmptyMessage{margin-top:20px;font-size:var(--emw--font-size-medium, 16px);line-height:20px}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryCols .HistoryColName,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryCols .HistoryColName{padding:0 12px;font-size:var(--emw--font-size-medium, 16px)}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryCols .HistoryColName.Level,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryCols .HistoryColName.Level{flex-basis:140px}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryCols .HistoryColName.Status,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryCols .HistoryColName.Status{flex-basis:200px}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryLoader,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryLoader{font-size:var(--emw--font-size-medium, 16px)}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryLoader casino-engagement-suite-progress-bar,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryLoader casino-engagement-suite-progress-bar{margin-bottom:10px;width:150px}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem{margin-top:20px}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem.Opened .HistoryListItemBody,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem.Opened .HistoryListItemBody{padding-bottom:24px}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryListItemHeader,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryListItemHeader{cursor:pointer;padding:17px 5px;font-size:var(--emw--font-size-medium, 16px)}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryListItemLevelCard,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryListItemLevelCard{padding:12px}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryLevelInfo,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryLevelInfo{font-size:var(--emw--font-size-medium, 16px)}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryLevelInfo .Level,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryLevelInfo .Level{flex-basis:140px}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryLevelInfo .Status,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryLevelInfo .Status{flex-basis:200px}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryRewardsList,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryRewardsList{margin-top:12px;gap:12px;font-size:var(--emw--font-size-small, 14px);align-items:flex-end}.ChallengesListPopup.Tablet .HistoryWrapper .HistoryListItem .HistoryRewardsList .EngagementSuiteIconButton.CupRewardList,.ChallengesListPopup.Desktop .HistoryWrapper .HistoryListItem .HistoryRewardsList .EngagementSuiteIconButton.CupRewardList{height:24px;flex-basis:24px}";
+const CasinoEngagementSuiteChallengesListStyle0 = casinoEngagementSuiteChallengesListCss;
 
 const CasinoEngagementSuiteChallengesList = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.close = createEvent(this, "close", 7);
-    this.resetNewChallengeLabel = createEvent(this, "resetNewChallengeLabel", 7);
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url
-     */
-    this.clientStylingUrl = '';
-    /**
-     * Language of the widget
-     */
-    this.language = 'en';
-    /**
-     * User's device type
-     */
-    this.device = 'Mobile';
-    /**
-     * List of challenges
-     */
-    this.challenges = [];
-    /**
-     *Paused Challenge Ids
-     */
-    this.pausedChallengeIds = [];
-    this.tooltip = false;
-    this.timers = {};
-    this.limitStylingAppends = false;
-    this.activeTab = 1;
-    this.historyLoading = false;
-    this.openedHistoryIds = [];
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.host.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let url = new URL(this.clientStylingUrl);
-      let cssFile = document.createElement('style');
-      fetch(url.href)
-        .then((res) => res.text())
-        .then((data) => {
-        cssFile.innerHTML = data;
-        setTimeout(() => { this.host.prepend(cssFile); }, 1);
-      })
-        .catch((err) => {
-        console.log('Error ', err);
-      });
-    };
-    this.handleTabChange = (e) => {
-      this.activeTab = +(e.target.getAttribute('data-index'));
-      if (this.activeTab === 2) {
-        this.sendHistoryRequest();
-      }
-    };
-    this.toggleChallengeHistory = (ev) => {
-      const id = ev.currentTarget.getAttribute('data-id');
-      const index = this.openedHistoryIds.findIndex(historyId => historyId === id);
-      if (index > -1) {
-        this.openedHistoryIds.splice(index, 1);
-      }
-      else {
-        this.openedHistoryIds.push(id);
-      }
-      this.openedHistoryIds = [...this.openedHistoryIds];
-    };
-    this.handleCloseClick = () => {
-      this.close.emit();
-      this.tooltip = false;
-      this.resetNewChallengeLabel.emit('list');
-    };
-    this.handleChallengeClick = (ev) => {
-      const id = ev.currentTarget.getAttribute('data-id');
-      window.postMessage({ type: 'ChallengeClick', id });
-    };
-    this.showTooltip = () => {
-      this.tooltip = true;
-    };
-    this.hideTooltip = () => {
-      this.tooltip = false;
-    };
-    this.changeChallengeStatus = (e) => {
-      var _a, _b;
-      e.stopPropagation();
-      const id = e.currentTarget.getAttribute('data-id');
-      if ((_a = this.inProgressChallenges) === null || _a === void 0 ? void 0 : _a.includes(id)) {
-        window.postMessage({
-          type: 'ShowConfirmationModal',
-          ProgressToDeactivate: id,
-        });
-        return;
-      }
-      if (((_b = this.inProgressChallenges) === null || _b === void 0 ? void 0 : _b.length) > 0) {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.close = createEvent(this, "close", 7);
+        this.resetNewChallengeLabel = createEvent(this, "resetNewChallengeLabel", 7);
+        this.setClientStyling = () => {
+            let sheet = document.createElement('style');
+            sheet.innerHTML = this.clientStyling;
+            this.host.prepend(sheet);
+        };
+        this.setClientStylingURL = () => {
+            let url = new URL(this.clientStylingUrl);
+            let cssFile = document.createElement('style');
+            fetch(url.href)
+                .then((res) => res.text())
+                .then((data) => {
+                cssFile.innerHTML = data;
+                setTimeout(() => { this.host.prepend(cssFile); }, 1);
+            })
+                .catch((err) => {
+                console.log('Error ', err);
+            });
+        };
+        this.handleTabChange = (e) => {
+            this.activeTab = +(e.target.getAttribute('data-index'));
+            if (this.activeTab === 2) {
+                this.sendHistoryRequest();
+            }
+        };
+        this.toggleChallengeHistory = (ev) => {
+            const id = ev.currentTarget.getAttribute('data-id');
+            const index = this.openedHistoryIds.findIndex(historyId => historyId === id);
+            if (index > -1) {
+                this.openedHistoryIds.splice(index, 1);
+            }
+            else {
+                this.openedHistoryIds.push(id);
+            }
+            this.openedHistoryIds = [...this.openedHistoryIds];
+        };
+        this.handleCloseClick = () => {
+            this.close.emit();
+            this.tooltip = false;
+            this.resetNewChallengeLabel.emit('list');
+        };
+        this.handleChallengeClick = (ev) => {
+            const id = ev.currentTarget.getAttribute('data-id');
+            window.postMessage({ type: 'ChallengeClick', id });
+        };
+        this.showTooltip = () => {
+            this.tooltip = true;
+        };
+        this.hideTooltip = () => {
+            this.tooltip = false;
+        };
+        this.changeChallengeStatus = (e) => {
+            var _a, _b;
+            e.stopPropagation();
+            const id = e.currentTarget.getAttribute('data-id');
+            if ((_a = this.inProgressChallenges) === null || _a === void 0 ? void 0 : _a.includes(id)) {
+                window.postMessage({
+                    type: 'ShowConfirmationModal',
+                    ProgressToDeactivate: id,
+                });
+                return;
+            }
+            if (((_b = this.inProgressChallenges) === null || _b === void 0 ? void 0 : _b.length) > 0) {
+                window.postMessage({
+                    type: 'ShowConfirmationModal',
+                    ProgressToActivate: id,
+                    ProgressToDeactivate: this.inProgressChallenges[0],
+                });
+                return;
+            }
+            window.postMessage({
+                type: 'ChallengeJoinRequest',
+                data: {
+                    ProgressToActivate: id,
+                },
+            });
+        };
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.language = 'en';
+        this.device = 'Mobile';
+        this.challenges = [];
+        this.isJoiningToChallenge = undefined;
+        this.inProgressChallenges = undefined;
+        this.pausedChallengeIds = [];
+        this.tooltip = false;
+        this.timers = {};
+        this.limitStylingAppends = false;
+        this.activeTab = 1;
+        this.historyLoading = false;
+        this.challengesHistory = undefined;
+        this.openedHistoryIds = [];
+    }
+    handleEvent(e) {
+        const { type } = e === null || e === void 0 ? void 0 : e.data;
+        if (type === 'ChallengesHistoryResponse') {
+            this.openedHistoryIds = [];
+            this.challengesHistory = e.data.data || [];
+            this.historyLoading = false;
+        }
+        if (type === 'BarChallengesClick') {
+            this.activeTab = 1;
+            this.openedHistoryIds = [];
+        }
+    }
+    challengesPropHandler(value) {
+        if (!this.interval && value.length) {
+            this.updateTimers();
+            this.startCountdown();
+        }
+        if (this.interval && !value.length) {
+            clearInterval(this.interval);
+        }
+    }
+    componentWillLoad() {
+        this.challengesPropHandler(this.challenges);
+    }
+    componentDidRender() {
+        if (!this.limitStylingAppends && this.host) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            if (this.clientStylingUrl)
+                this.setClientStylingURL();
+            this.limitStylingAppends = true;
+        }
+    }
+    disconnectedCallback() {
+        this.interval && clearInterval(this.interval);
+    }
+    sendHistoryRequest() {
+        this.historyLoading = true;
         window.postMessage({
-          type: 'ShowConfirmationModal',
-          ProgressToActivate: id,
-          ProgressToDeactivate: this.inProgressChallenges[0],
+            type: 'ChallengesHistoryRequest'
         });
-        return;
-      }
-      window.postMessage({
-        type: 'ChallengeJoinRequest',
-        data: {
-          ProgressToActivate: id,
-        },
-      });
-    };
-  }
-  handleEvent(e) {
-    const { type } = e === null || e === void 0 ? void 0 : e.data;
-    if (type === 'ChallengesHistoryResponse') {
-      this.openedHistoryIds = [];
-      this.challengesHistory = e.data.data || [];
-      this.historyLoading = false;
-    }
-    if (type === 'BarChallengesClick') {
-      this.activeTab = 1;
-      this.openedHistoryIds = [];
     }
-  }
-  challengesPropHandler(value) {
-    if (!this.interval && value.length) {
-      this.updateTimers();
-      this.startCountdown();
+    startCountdown() {
+        this.interval = setInterval(() => {
+            this.updateTimers();
+        }, 1000);
     }
-    if (this.interval && !value.length) {
-      clearInterval(this.interval);
+    updateTimers() {
+        const now = new Date().getTime();
+        this.timers = this.challenges.filter(challenge => challenge.Status !== ChallengeProgressStatus.Expired).reduce((acc, challenge) => {
+            const expirationDate = new Date(challenge.ExpirationTime).getTime();
+            const diff = expirationDate - now;
+            let countdown = '00h:00m:00s';
+            if (diff < 1) {
+                this.removeChallenge(challenge.Id);
+            }
+            else {
+                const { days, hours, minutes, seconds } = {
+                    days: String(Math.floor(diff / (1000 * 60 * 60 * 24))).padStart(2, '0'),
+                    hours: String(Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))).padStart(2, '0'),
+                    minutes: String(Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60))).padStart(2, '0'),
+                    seconds: String(Math.floor((diff % (1000 * 60)) / 1000)).padStart(2, '0')
+                };
+                countdown = days === '00'
+                    ? `${hours}h:${minutes}m:${seconds}s`
+                    : `${days}d:${hours}h:${minutes}m`;
+            }
+            return Object.assign(Object.assign({}, acc), { [challenge.Id]: countdown });
+        }, {});
     }
-  }
-  componentWillLoad() {
-    this.challengesPropHandler(this.challenges);
-  }
-  componentDidRender() {
-    if (!this.limitStylingAppends && this.host) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
+    removeChallenge(id) {
+        const index = this.challenges.findIndex(challenge => challenge.Id === id);
+        if (index > -1) {
+            this.challenges.splice(index, 1);
+            window.postMessage({ type: 'ChallengeHasExpired', id });
+        }
     }
-  }
-  disconnectedCallback() {
-    this.interval && clearInterval(this.interval);
-  }
-  sendHistoryRequest() {
-    this.historyLoading = true;
-    window.postMessage({
-      type: 'ChallengesHistoryRequest'
-    });
-  }
-  startCountdown() {
-    this.interval = setInterval(() => {
-      this.updateTimers();
-    }, 1000);
-  }
-  updateTimers() {
-    const now = new Date().getTime();
-    this.timers = this.challenges.filter(challenge => challenge.Status !== ChallengeProgressStatus.Expired).reduce((acc, challenge) => {
-      const expirationDate = new Date(challenge.ExpirationTime).getTime();
-      const diff = expirationDate - now;
-      let countdown = '00h:00m:00s';
-      if (diff < 1) {
-        this.removeChallenge(challenge.Id);
-      }
-      else {
-        const { days, hours, minutes, seconds } = {
-          days: String(Math.floor(diff / (1000 * 60 * 60 * 24))).padStart(2, '0'),
-          hours: String(Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))).padStart(2, '0'),
-          minutes: String(Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60))).padStart(2, '0'),
-          seconds: String(Math.floor((diff % (1000 * 60)) / 1000)).padStart(2, '0')
+    getChallengeClasses(challenge) {
+        return {
+            ChallengeCard: true,
+            InProgress: challenge.Status === ChallengeProgressStatus.InProgress
+                && !this.pausedChallengeIds.includes(challenge.ChallengeId),
+            Completed: this.isChallengeCompleted(challenge),
+            Paused: this.isChallengePaused(challenge)
         };
-        countdown = days === '00'
-          ? `${hours}h:${minutes}m:${seconds}s`
-          : `${days}d:${hours}h:${minutes}m`;
-      }
-      return Object.assign(Object.assign({}, acc), { [challenge.Id]: countdown });
-    }, {});
-  }
-  removeChallenge(id) {
-    const index = this.challenges.findIndex(challenge => challenge.Id === id);
-    if (index > -1) {
-      this.challenges.splice(index, 1);
-      window.postMessage({ type: 'ChallengeHasExpired', id });
     }
-  }
-  getChallengeClasses(challenge) {
-    return {
-      ChallengeCard: true,
-      InProgress: challenge.Status === ChallengeProgressStatus.InProgress
-        && !this.pausedChallengeIds.includes(challenge.ChallengeId),
-      Completed: this.isChallengeCompleted(challenge),
-      Paused: this.isChallengePaused(challenge)
-    };
-  }
-  isChallengePaused(challenge) {
-    return (challenge.Status === ChallengeProgressStatus.Started
-      && challenge.LevelProgresses[0].ProgressPercentage > 0)
-      || this.pausedChallengeIds.includes(challenge.ChallengeId);
-  }
-  isChallengeCompleted(challenge) {
-    return challenge.Status === ChallengeProgressStatus.Completed
-      || (challenge.Status === ChallengeProgressStatus.PendingLevelReward
-        && challenge.LevelProgresses.every(progress => progress.ProgressPercentage === 100));
-  }
-  getChallengeProgress(challenge) {
-    if (challenge.Status === ChallengeProgressStatus.Completed) {
-      return 100;
-    }
-    if (this.isChallengePaused(challenge)
-      || challenge.Status === ChallengeProgressStatus.PendingLevelReward
-      || challenge.Status === ChallengeProgressStatus.InProgress) {
-      const activeLevel = challenge.LevelProgresses
-        .find(level => level.ProgressStatus === ChallengeLevelProgressStatus.InProgress);
-      const completedLevel = challenge.LevelProgresses
-        .filter(level => level.ProgressStatus === ChallengeLevelProgressStatus.Fillup ||
-        level.ProgressStatus === ChallengeLevelProgressStatus.Completed).slice(-1)[0];
-      /**
-       * It is possible that Paused/InProgress challenge
-       * doesn't have InProgress, Fillup or Completed level
-       * because level becomes InProgress after user's bet.
-       * In this case should be displayed progress of the next level (0%)
-       */
-      return activeLevel ? activeLevel.ProgressPercentage
-        : (completedLevel ? completedLevel.ProgressPercentage : 0);
-    }
-    return -1;
-  }
-  getChallengeHeaderTemplate(challenge) {
-    const { Id } = challenge;
-    const inProgressChallenge = challenge.Status === ChallengeProgressStatus.InProgress
-      || challenge.Status === ChallengeProgressStatus.PendingLevelReward;
-    return h("div", { class: "ChallengeCardHeader" }, h("div", { class: "ChallengeName" }, challenge.ChallengePresentation.PresentationName), challenge.Status !== ChallengeProgressStatus.Completed ? (h("button", { class: `${inProgressChallenge ?
-        'ChallengeJoinButton Joined' : 'ChallengeJoinButton'} ${this.isJoiningToChallenge ||
-        this.pausedChallengeIds.includes(challenge.ChallengeId) ?
-        'Disabled' : ''}`, onClick: this.changeChallengeStatus, "data-id": Id }, inProgressChallenge
-      ? translate('unjoin', this.language)
-      : translate('join', this.language))) : null);
-  }
-  getChallengeTemplate(challenge) {
-    const isForfeitedChallenge = challenge.Status === ChallengeProgressStatus.Forfeited;
-    const challengeProgress = this.getChallengeProgress(challenge);
-    const countdown = this.timers[challenge.Id];
-    const progressTemplate = challengeProgress > -1
-      ? h("casino-engagement-suite-progress-bar", { class: this.device, value: challengeProgress, disabled: this.isChallengePaused(challenge) }, h("span", { slot: "Title", class: "ChallengeCountdown" }, countdown))
-      : h("span", { class: "ChallengeCountdown" }, countdown);
-    return isForfeitedChallenge ? (this.getForfeitedChallengeTemplate(challenge)) : (h("div", { class: this.getChallengeClasses(challenge), onClick: this.handleChallengeClick, key: challenge.Id, "data-id": challenge.Id }, this.getChallengeHeaderTemplate(challenge), progressTemplate, h("div", { class: `ChallengeLabel ${challenge.IsNew ? 'ShowChallengeLabel' : ''}` }, h("span", null, translate('new', this.language)))));
-  }
-  getForfeitedChallengeTemplate(challenge) {
-    return h("div", { class: "ChallengeCard ForfeitedChallengeCard" }, h("div", { class: "ForfeitedChallengeName" }, challenge.ChallengePresentation.PresentationName), h("div", { class: "ForfeitedChallengeInfo" }, h("div", null, h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/alert-circle.svg", alt: "Forfeited" })), h("div", { class: "ForfeitedChallengeMessage" }, h("div", null, translate('missionHasBeenForfeited', this.language)), h("div", null, translate('support', this.language)))));
-  }
-  getHeaderTemplate() {
-    return h("header", { class: "ChallengesListPopupHeader" }, h("button", { onClick: this.showTooltip, class: "ChallengesIconButton" }, h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/help.svg", alt: "Show tooltip" })), h("div", { class: "ChallengesListPopupHeaderName" }, translate('missions', this.language)), h("button", { class: "ChallengesIconButton", onClick: this.handleCloseClick }, h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/close.svg", alt: "Close missions list" })));
-  }
-  getListTabTemplate() {
-    if (this.challenges.length) {
-      return h("div", { class: "ChallengesListWrapper" }, h("div", { class: "ChallengesList" }, [...this.challenges]
-        .sort(challenge => challenge.Status === ChallengeProgressStatus.InProgress ? -1 : 0)
-        .map(challenge => this.getChallengeTemplate(challenge))));
+    isChallengePaused(challenge) {
+        return (challenge.Status === ChallengeProgressStatus.Started
+            && challenge.LevelProgresses[0].ProgressPercentage > 0)
+            || this.pausedChallengeIds.includes(challenge.ChallengeId);
     }
-    else {
-      return h("div", { class: "ChallengesListEmpty" }, h("h2", null, translate('noMissions', this.language)), h("p", null, translate('tryOtherGames', this.language)));
+    isChallengeCompleted(challenge) {
+        return challenge.Status === ChallengeProgressStatus.Completed
+            || (challenge.Status === ChallengeProgressStatus.PendingLevelReward
+                && challenge.LevelProgresses.every(progress => progress.ProgressPercentage === 100));
     }
-  }
-  getTooltipTemplate() {
-    return h("div", { class: "ChallengesTooltipBackdrop" }, h("div", { class: "ChallengesTooltip" }, h("button", { class: "ChallengesIconButton", onClick: this.hideTooltip }, h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/close.svg", alt: "Close tooltip" })), translate('tooltip', this.language)));
-  }
-  getHistoryTabTemplate() {
-    return h("div", { class: "HistoryWrapper" }, h("div", { class: "HistoryCols" }, h("div", { class: "HistoryColName Level" }, translate('level', this.language)), h("div", { class: "HistoryColName Status" }, translate('status', this.language)), h("div", { class: "HistoryColName Time" }, translate('time', this.language))), this.historyLoading
-      ? getHistoryLoaderTemplate(this.language)
-      : getChallengesHistoryTemplate(this.challengesHistory, this.openedHistoryIds, this.toggleChallengeHistory, this.language));
-  }
-  getTabsTemplate() {
-    return h("div", { class: "TabsWrapper" }, h("div", { class: "Tabs" }, h("div", { "data-index": "1", onClick: this.handleTabChange, class: `Tab ${this.activeTab === 1 ? 'Active' : ''}` }, translate('missions', this.language)), h("div", { "data-index": "2", onClick: this.handleTabChange, class: `Tab ${this.activeTab === 2 ? 'Active' : ''}` }, translate('history', this.language))));
-  }
-  getTabsContentTemplate() {
-    return this.activeTab === 1
-      ? this.getListTabTemplate()
-      : this.getHistoryTabTemplate();
-  }
-  render() {
-    return h("div", { class: `ChallengesListPopup ${this.device}` }, this.getHeaderTemplate(), this.getTabsTemplate(), this.getTabsContentTemplate(), this.tooltip && this.getTooltipTemplate());
-  }
-  get host() { return getElement(this); }
-  static get watchers() { return {
-    "challenges": ["challengesPropHandler"]
-  }; }
+    getChallengeProgress(challenge) {
+        if (challenge.Status === ChallengeProgressStatus.Completed) {
+            return 100;
+        }
+        if (this.isChallengePaused(challenge)
+            || challenge.Status === ChallengeProgressStatus.PendingLevelReward
+            || challenge.Status === ChallengeProgressStatus.InProgress) {
+            const activeLevel = challenge.LevelProgresses
+                .find(level => level.ProgressStatus === ChallengeLevelProgressStatus.InProgress);
+            const completedLevel = challenge.LevelProgresses
+                .filter(level => level.ProgressStatus === ChallengeLevelProgressStatus.Fillup ||
+                level.ProgressStatus === ChallengeLevelProgressStatus.Completed).slice(-1)[0];
+            /**
+             * It is possible that Paused/InProgress challenge
+             * doesn't have InProgress, Fillup or Completed level
+             * because level becomes InProgress after user's bet.
+             * In this case should be displayed progress of the next level (0%)
+             */
+            return activeLevel ? activeLevel.ProgressPercentage
+                : (completedLevel ? completedLevel.ProgressPercentage : 0);
+        }
+        return -1;
+    }
+    getChallengeHeaderTemplate(challenge) {
+        const { Id } = challenge;
+        const inProgressChallenge = challenge.Status === ChallengeProgressStatus.InProgress
+            || challenge.Status === ChallengeProgressStatus.PendingLevelReward;
+        return h("div", { class: "ChallengeCardHeader" }, h("div", { class: "ChallengeName" }, challenge.ChallengePresentation.PresentationName), challenge.Status !== ChallengeProgressStatus.Completed ? (h("button", { class: `${inProgressChallenge ?
+                'EngagementSuiteButton Active' : 'EngagementSuiteButton'} ${this.isJoiningToChallenge ||
+                this.pausedChallengeIds.includes(challenge.ChallengeId) ?
+                'Disabled' : ''}`, onClick: this.changeChallengeStatus, "data-id": Id }, inProgressChallenge
+            ? translate('unjoin', this.language)
+            : translate('join', this.language))) : null);
+    }
+    getChallengeTemplate(challenge) {
+        const isForfeitedChallenge = challenge.Status === ChallengeProgressStatus.Forfeited;
+        const challengeProgress = this.getChallengeProgress(challenge);
+        const countdown = this.timers[challenge.Id];
+        const progressTemplate = challengeProgress > -1
+            ? h("casino-engagement-suite-progress-bar", { clientStylingUrl: this.clientStylingUrl, class: this.device, value: challengeProgress, disabled: this.isChallengePaused(challenge) }, h("span", { slot: "Title", class: "ChallengeCountdown" }, countdown))
+            : h("span", { class: "ChallengeCountdown" }, countdown);
+        return isForfeitedChallenge ? (this.getForfeitedChallengeTemplate(challenge)) : (h("div", { class: this.getChallengeClasses(challenge), onClick: this.handleChallengeClick, key: challenge.Id, "data-id": challenge.Id }, this.getChallengeHeaderTemplate(challenge), progressTemplate, h("div", { class: `ChallengeLabel ${challenge.IsNew ? 'ShowChallengeLabel' : ''}` }, h("span", null, translate('new', this.language)))));
+    }
+    getForfeitedChallengeTemplate(challenge) {
+        return h("div", { class: "ChallengeCard ForfeitedChallengeCard" }, h("div", { class: "ForfeitedChallengeName" }, challenge.ChallengePresentation.PresentationName), h("div", { class: "ForfeitedChallengeInfo" }, h("div", null, h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/alert-circle.svg", alt: "Forfeited" })), h("div", { class: "ForfeitedChallengeMessage" }, h("div", null, translate('missionHasBeenForfeited', this.language)), h("div", null, translate('support', this.language)))));
+    }
+    getHeaderTemplate() {
+        return h("header", { class: "ChallengesListPopupHeader" }, h("button", { onClick: this.showTooltip, class: "EngagementSuiteIconButton Help" }), h("div", { class: "ChallengesListPopupHeaderName" }, translate('missions', this.language)), h("button", { class: "EngagementSuiteIconButton Close", onClick: this.handleCloseClick }));
+    }
+    getListTabTemplate() {
+        if (this.challenges.length) {
+            return h("div", { class: "ChallengesListWrapper" }, h("div", { class: "ChallengesList" }, [...this.challenges]
+                .sort(challenge => challenge.Status === ChallengeProgressStatus.InProgress ? -1 : 0)
+                .map(challenge => this.getChallengeTemplate(challenge))));
+        }
+        else {
+            return h("div", { class: "ChallengesListEmpty" }, h("h2", null, translate('noMissions', this.language)), h("p", null, translate('tryOtherGames', this.language)));
+        }
+    }
+    getTooltipTemplate() {
+        return h("div", { class: "EngagementSuiteTooltipBackdrop" }, h("div", { class: "EngagementSuiteTooltip" }, h("button", { class: "EngagementSuiteIconButton Close", onClick: this.hideTooltip }), translate('tooltip', this.language)));
+    }
+    getHistoryTabTemplate() {
+        return h("div", { class: "HistoryWrapper" }, h("div", { class: "HistoryCols" }, h("div", { class: "HistoryColName Level" }, translate('level', this.language)), h("div", { class: "HistoryColName Status" }, translate('status', this.language)), h("div", { class: "HistoryColName Time" }, translate('time', this.language))), this.historyLoading
+            ? getHistoryLoaderTemplate(this.language)
+            : getChallengesHistoryTemplate(this.challengesHistory, this.openedHistoryIds, this.toggleChallengeHistory, this.language));
+    }
+    getTabsTemplate() {
+        return h("div", { class: "EngagementSuiteTabsWrapper" }, h("div", { class: "EngagementSuiteTabs" }, h("div", { "data-index": "1", onClick: this.handleTabChange, class: `EngagementSuiteTab ${this.activeTab === 1 ? 'Active' : ''}` }, translate('missions', this.language)), h("div", { "data-index": "2", onClick: this.handleTabChange, class: `EngagementSuiteTab ${this.activeTab === 2 ? 'Active' : ''}` }, translate('history', this.language))));
+    }
+    getTabsContentTemplate() {
+        return this.activeTab === 1
+            ? this.getListTabTemplate()
+            : this.getHistoryTabTemplate();
+    }
+    render() {
+        return h("div", { key: '50b676f6394d813aa946ed1fd85e9612ba04a7a1', class: `ChallengesListPopup ${this.device}` }, this.getHeaderTemplate(), this.getTabsTemplate(), this.getTabsContentTemplate(), this.tooltip && this.getTooltipTemplate());
+    }
+    get host() { return getElement(this); }
+    static get watchers() { return {
+        "challenges": ["challengesPropHandler"]
+    }; }
 };
-CasinoEngagementSuiteChallengesList.style = casinoEngagementSuiteChallengesListCss;
+CasinoEngagementSuiteChallengesList.style = CasinoEngagementSuiteChallengesListStyle0;
 
-const casinoEngagementSuiteProgressBarCss = ":host{display:block;font-family:inherit}:host(.Desktop) .ProgressBarPercent{font-size:14px;line-height:14px}@keyframes indeterminate{0%{left:-200%;right:100%}60%{left:110%;right:-10%}to{left:110%;right:-10%}}.ProgressBarBackground{height:8px;background-color:var(--emw--color-background, #666178);border-radius:4px;position:relative;overflow:hidden}.ProgressBarLine{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);transition:width ease-out 0.3s}.ProgressBarLine.Indeterminate{animation:indeterminate 1s linear infinite}.ProgressBarInfo{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.ProgressBarPercent{font-weight:700;font-size:12px;line-height:12px}.HidePercent .ProgressBarPercent{display:none}.ProgressBar:not(.Disabled) .ProgressBarPercent{background:linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ProgressBar.Disabled .ProgressBarPercent{color:var(--emw--color-background, #666178)}.ProgressBar.Disabled .ProgressBarLine{background:var(--emw--color-background-secondary, #474668)}";
+const casinoEngagementSuiteProgressBarCss = ":host{display:block;font-family:inherit}:host(.Desktop) .ProgressBarPercent{font-size:var(--emw--font-size-small, 14px);line-height:14px}@keyframes indeterminate{0%{left:-200%;right:100%}60%{left:110%;right:-10%}to{left:110%;right:-10%}}.ProgressBarBackground{height:8px;background-color:var(--emw--color-gray-300, #666178);border-radius:var(--emw--border-radius-small, 4px);position:relative;overflow:hidden}.ProgressBarLine{position:absolute;left:0;top:0;bottom:0;border-radius:var(--emw--border-radius-small, 4px);background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));transition:width ease-out 0.3s}.ProgressBarLine.Indeterminate{animation:indeterminate 1s linear infinite}.ProgressBarInfo{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.ProgressBarPercent{font-weight:var(--emw--font-weight-bold, 700);font-size:var(--emw--font-size-x-small, 12px);line-height:12px}.HidePercent .ProgressBarPercent{display:none}.ProgressBar:not(.Disabled) .ProgressBarPercent{background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ProgressBar.Disabled .ProgressBarPercent{color:var(--emw--color-gray-300, #666178)}.ProgressBar.Disabled .ProgressBarLine{background:var(--emw--color-background-secondary, #474668)}";
+const CasinoEngagementSuiteProgressBarStyle0 = casinoEngagementSuiteProgressBarCss;
 
 const CasinoEngagementSuiteProgressBar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * Value for the widget
-     */
-    this.value = 0;
-    /**
-     * Shows disabled styles
-     */
-    this.disabled = false;
-    /**
-     * Hide percent value
-     */
-    this.hidePercent = false;
-    /**
-     * Constantly animates
-     */
-    this.indeterminate = false;
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url
-     */
-    this.clientStylingUrl = '';
-    this.limitStylingAppends = false;
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.host.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let url = new URL(this.clientStylingUrl);
-      let cssFile = document.createElement('style');
-      fetch(url.href)
-        .then((res) => res.text())
-        .then((data) => {
-        cssFile.innerHTML = data;
-        setTimeout(() => { this.host.prepend(cssFile); }, 1);
-      })
-        .catch((err) => {
-        console.log('Error ', err);
-      });
-    };
-  }
-  componentDidRender() {
-    if (!this.limitStylingAppends && this.host) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.setClientStyling = () => {
+            let sheet = document.createElement('style');
+            sheet.innerHTML = this.clientStyling;
+            this.host.prepend(sheet);
+        };
+        this.setClientStylingURL = () => {
+            let url = new URL(this.clientStylingUrl);
+            let cssFile = document.createElement('style');
+            fetch(url.href)
+                .then((res) => res.text())
+                .then((data) => {
+                cssFile.innerHTML = data;
+                setTimeout(() => { this.host.prepend(cssFile); }, 1);
+            })
+                .catch((err) => {
+                console.log('Error ', err);
+            });
+        };
+        this.value = 0;
+        this.disabled = false;
+        this.hidePercent = false;
+        this.indeterminate = false;
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.limitStylingAppends = false;
     }
-  }
-  getProgressBarClasses() {
-    return {
-      ProgressBar: true,
-      Completed: this.value === 100,
-      Disabled: this.disabled,
-      HidePercent: this.hidePercent || this.indeterminate
-    };
-  }
-  getProgressBarLineTemplate() {
-    if (this.indeterminate) {
-      return h("div", { class: "ProgressBarLine Indeterminate", part: "ProgressBarLine Indeterminate" });
+    componentDidRender() {
+        if (!this.limitStylingAppends && this.host) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            if (this.clientStylingUrl)
+                this.setClientStylingURL();
+            this.limitStylingAppends = true;
+        }
     }
-    else {
-      return h("div", { class: "ProgressBarLine", part: "ProgressBarLine", style: { width: this.value + '%' } });
+    getProgressBarClasses() {
+        return {
+            ProgressBar: true,
+            Completed: this.value === 100,
+            Disabled: this.disabled,
+            HidePercent: this.hidePercent || this.indeterminate
+        };
     }
-  }
-  render() {
-    return h("div", { class: this.getProgressBarClasses(), part: "ProgressBar" }, h("div", { class: "ProgressBarInfo", part: "ProgressBarInfo" }, h("slot", { name: "Title" }, h("div", null)), h("slot", { name: "Percent" }, h("div", { class: "ProgressBarPercent", part: "ProgressBarPercent" }, this.value, "%"))), h("div", { class: "ProgressBarBackground", part: "ProgressBarBackground" }, this.getProgressBarLineTemplate()));
-  }
-  get host() { return getElement(this); }
+    getProgressBarLineTemplate() {
+        if (this.indeterminate) {
+            return h("div", { class: "ProgressBarLine Indeterminate", part: "ProgressBarLine Indeterminate" });
+        }
+        else {
+            return h("div", { class: "ProgressBarLine", part: "ProgressBarLine", style: { width: this.value + '%' } });
+        }
+    }
+    render() {
+        return h("div", { key: 'ecce3a26a92d2e090c1db84bdc1bdbeb505080ed', class: this.getProgressBarClasses(), part: "ProgressBar" }, h("div", { key: '649fe1103d222200f2a1ad3b5967e37da1f1ab3d', class: "ProgressBarInfo", part: "ProgressBarInfo" }, h("slot", { key: '49dc180eedd823f0027f75099813fb9d91bcd938', name: "Title" }, h("div", { key: 'e6e59da3fe7bbcb37e118e7fd23a8ff35587aca5' })), h("slot", { key: '3dc8e5fd1dbc8c268b9c76e393b751cb53605e7e', name: "Percent" }, h("div", { key: '6a9e880f3ee3c4f26e8577c69be5db5f8e2d10ad', class: "ProgressBarPercent", part: "ProgressBarPercent" }, this.value, "%"))), h("div", { key: '141106e77caad7b04bb199f911e87c0c6f0adc2d', class: "ProgressBarBackground", part: "ProgressBarBackground" }, this.getProgressBarLineTemplate()));
+    }
+    get host() { return getElement(this); }
 };
-CasinoEngagementSuiteProgressBar.style = casinoEngagementSuiteProgressBarCss;
+CasinoEngagementSuiteProgressBar.style = CasinoEngagementSuiteProgressBarStyle0;
 
 export { CasinoEngagementSuiteChallengesList as casino_engagement_suite_challenges_list, CasinoEngagementSuiteProgressBar as casino_engagement_suite_progress_bar };