@everymatrix/casino-challenges-container 0.13.16 → 0.13.17

package/dist/cjs/{casino-challenges-container-210b7c83.js → casino-challenges-container-56802166.js}

@@ -124,6 +124,7 @@ const DEFAULT_LANGUAGE = 'en';
 const TRANSLATIONS = {
     en: {
         containerTitle: 'Challenges',
+        promoTab: 'Promo',
         active: 'Active',
         activeTab: 'Active tab',
         pendingTab: 'Pending',
@@ -206,6 +207,9 @@ var EChallengeTriggerType;
     EChallengeTriggerType[EChallengeTriggerType["GameLaunch"] = 0] = "GameLaunch";
     EChallengeTriggerType[EChallengeTriggerType["Reward"] = 1] = "Reward";
     EChallengeTriggerType[EChallengeTriggerType["Manual"] = 2] = "Manual";
+    EChallengeTriggerType[EChallengeTriggerType["Claim"] = 3] = "Claim";
+    EChallengeTriggerType[EChallengeTriggerType["Event"] = 4] = "Event";
+    EChallengeTriggerType[EChallengeTriggerType["Deposit"] = 5] = "Deposit";
 })(EChallengeTriggerType || (EChallengeTriggerType = {}));
 var EChallengeValidityType;
 (function (EChallengeValidityType) {
@@ -226,6 +230,14 @@ var EHistoryItemLevelStatus;
     EHistoryItemLevelStatus[EHistoryItemLevelStatus["Expired"] = 1] = "Expired";
     EHistoryItemLevelStatus[EHistoryItemLevelStatus["Forfeited"] = 2] = "Forfeited";
 })(EHistoryItemLevelStatus || (EHistoryItemLevelStatus = {}));
+var EChallengesTabs;
+(function (EChallengesTabs) {
+    EChallengesTabs[EChallengesTabs["Promo"] = 0] = "Promo";
+    EChallengesTabs[EChallengesTabs["Active"] = 1] = "Active";
+    EChallengesTabs[EChallengesTabs["Pending"] = 2] = "Pending";
+    EChallengesTabs[EChallengesTabs["Finished"] = 3] = "Finished";
+    EChallengesTabs[EChallengesTabs["Code"] = 4] = "Code";
+})(EChallengesTabs || (EChallengesTabs = {}));
 
 function updateInState(array, id, updates) {
     return array.map((el) => (el.Id === id ? Object.assign(Object.assign({}, el), updates) : el));
@@ -1288,8 +1300,8 @@ const CasinoChallengesContainerStyle0 = casinoChallengesContainerCss;
 const CasinoChallengesContainer = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.activeProgressTabIndex = 0;
-        this.pendingProgressTabIndex = 1;
+        this.activeProgressTabIndex = EChallengesTabs.Active;
+        this.pendingProgressTabIndex = EChallengesTabs.Pending;
         this.onOpenNotification = (event) => {
             this.notification = event.detail;
             setTimeout(() => (this.notification = null), 10000);
@@ -1311,13 +1323,16 @@ const CasinoChallengesContainer = class {
             this.getChallenges(this.activeTabIndex).then((res) => {
                 this.total = res.TotalCount;
                 switch (this.activeTabIndex) {
-                    case 0:
+                    case EChallengesTabs.Promo:
+                        this.promoChallenges = [...this.promoChallenges, ...res.Data];
+                        break;
+                    case EChallengesTabs.Active:
                         this.activeChallenges = [...this.activeChallenges, ...res.Data];
                         break;
-                    case 1:
+                    case EChallengesTabs.Pending:
                         this.pendingChallenges = [...this.pendingChallenges, ...res.Data];
                         break;
-                    case 2:
+                    case EChallengesTabs.Finished:
                         this.playerHistory = [...this.playerHistory, ...res.Data];
                         break;
                 }
@@ -1333,12 +1348,12 @@ const CasinoChallengesContainer = class {
             }
         };
         this.renderNotification = () => {
-            return (index.h("div", { class: `notification ${this.notification.errored ? 'errored' : ''}` }, index.h("img", { src: this.notification.errored ? errorCircleSvg : checkCircleSvg, class: "notification__icon" }), index.h("p", { class: "notification__message" }, this.notification.message + ' ', this.notification.showTabLink && (index.h("span", { class: "active-tab", onClick: this.handleTabClick(0) }, translate('activeTab', this.language))))));
+            return (index.h("div", { class: `notification ${this.notification.errored ? 'errored' : ''}` }, index.h("img", { src: this.notification.errored ? errorCircleSvg : checkCircleSvg, class: "notification__icon" }), index.h("p", { class: "notification__message" }, this.notification.message + ' ', this.notification.showTabLink && (index.h("span", { class: "active-tab", onClick: this.handleTabClick(EChallengesTabs.Active) }, translate('activeTab', this.language))))));
         };
         this.onTimerExpired = (e) => {
             const currentTabIndex = this.activeTabIndex;
             setTimeout(() => {
-                if (currentTabIndex === 0) {
+                if (currentTabIndex === EChallengesTabs.Active) {
                     this.activeChallenges = this.activeChallenges.filter((challenge) => challenge.Id !== e.detail);
                 }
                 else {
@@ -1347,7 +1362,7 @@ const CasinoChallengesContainer = class {
             }, 10000);
         };
         this.onItemViewed = (e) => {
-            if (this.activeTabIndex === 0) {
+            if (this.activeTabIndex === EChallengesTabs.Active) {
                 this.activeChallenges = updateInState(this.activeChallenges, e.detail, { IsNew: false });
             }
             else {
@@ -1363,9 +1378,10 @@ const CasinoChallengesContainer = class {
         this.domain = '';
         this.session = '';
         this.userId = '';
-        this.activeTabIndex = 0;
+        this.activeTabIndex = EChallengesTabs.Active;
         this.error = '';
         this.hasError = false;
+        this.promoChallenges = [];
         this.activeChallenges = [];
         this.pendingChallenges = [];
         this.playerHistory = [];
@@ -1379,6 +1395,7 @@ const CasinoChallengesContainer = class {
     get tabs() {
         var _a, _b;
         return [
+            { label: translate('promoTab', this.language) },
             { label: translate('active', this.language), showNotification: (_a = this.activeChallenges) === null || _a === void 0 ? void 0 : _a.some((x) => x.IsNew) },
             { label: translate('pendingTab', this.language), showNotification: (_b = this.pendingChallenges) === null || _b === void 0 ? void 0 : _b.some((x) => x.IsNew) },
             { label: translate('finishedTab', this.language) },
@@ -1419,13 +1436,13 @@ const CasinoChallengesContainer = class {
                     break;
                 }
                 case 'disabledChallengeNotification': {
-                    if (this.activeTabIndex === 0) {
+                    if (this.activeTabIndex === EChallengesTabs.Active) {
                         this.activeChallenges = updateInStateByChallengeId(this.activeChallenges, `${data === null || data === void 0 ? void 0 : data.challengeId}`, {
                             StatusName: 'Paused',
                             ChallengeStatus: EChallengeStatus.Paused
                         });
                     }
-                    else if (this.activeTabIndex === 1) {
+                    else if (this.activeTabIndex === EChallengesTabs.Pending) {
                         this.pendingChallenges = updateInStateByChallengeId(this.pendingChallenges, `${data === null || data === void 0 ? void 0 : data.challengeId}`, {
                             StatusName: 'Paused',
                             ChallengeStatus: EChallengeStatus.Paused
@@ -1434,13 +1451,13 @@ const CasinoChallengesContainer = class {
                     break;
                 }
                 case 'enabledChallengeNotification': {
-                    if (this.activeTabIndex === 0) {
+                    if (this.activeTabIndex === EChallengesTabs.Active) {
                         this.activeChallenges = updateInStateByChallengeId(this.activeChallenges, `${data === null || data === void 0 ? void 0 : data.challengeId}`, {
                             StatusName: 'Enabled',
                             ChallengeStatus: EChallengeStatus.Enabled
                         });
                     }
-                    else if (this.activeTabIndex === 1) {
+                    else if (this.activeTabIndex === EChallengesTabs.Pending) {
                         this.pendingChallenges = updateInStateByChallengeId(this.pendingChallenges, `${data === null || data === void 0 ? void 0 : data.challengeId}`, {
                             StatusName: 'Enabled',
                             ChallengeStatus: EChallengeStatus.Enabled
@@ -1450,12 +1467,12 @@ const CasinoChallengesContainer = class {
                 }
                 case 'forfeitedChallengeProgressNotification': {
                     if (this.session) {
-                        if (this.activeTabIndex === 0) {
+                        if (this.activeTabIndex === EChallengesTabs.Active) {
                             this.activeChallenges = updateInState(this.activeChallenges, `${data === null || data === void 0 ? void 0 : data.challengeProgressId}`, {
                                 Status: EChallengeProgressStatus.Forfeited
                             });
                         }
-                        else if (this.activeTabIndex === 1) {
+                        else if (this.activeTabIndex === EChallengesTabs.Pending) {
                             this.pendingChallenges = updateInState(this.pendingChallenges, `${data === null || data === void 0 ? void 0 : data.challengeProgressId}`, {
                                 Status: EChallengeProgressStatus.Forfeited
                             });
@@ -1491,9 +1508,9 @@ const CasinoChallengesContainer = class {
     }
     async getChallenges(tabIndex) {
         if (!this.checkAttrs()) {
-            const path = tabIndex === 2 ? 'PlayerHistory' : 'GetChallengesInfo';
+            const path = tabIndex === EChallengesTabs.Finished ? 'PlayerHistory' : 'GetChallengesInfo';
             const url = `${this.endpoint}/challenge/${path}`;
-            const body = Object.assign(Object.assign(Object.assign({ DomainId: this.domain, PlayerLanguage: this.language, PageNumber: this.pageNumber, PageSize: this.pageSize }, (this.session && { PlayerSession: this.session })), (this.userId && tabIndex === 2 && { UserId: this.userId })), (this.session && { IsFutureAvailable: tabIndex === 0 ? false : true }));
+            const body = Object.assign(Object.assign(Object.assign({ DomainId: this.domain, PlayerLanguage: this.language, PageNumber: this.pageNumber, PageSize: this.pageSize }, (this.session && { PlayerSession: this.session })), (this.userId && tabIndex === EChallengesTabs.Finished && { UserId: this.userId })), (this.session && { IsFutureAvailable: tabIndex === EChallengesTabs.Active ? false : true }));
             this.loading = true;
             return fetch(url, {
                 method: 'POST',
@@ -1512,13 +1529,16 @@ const CasinoChallengesContainer = class {
                 this.pageNumber = res.PageNumber;
                 this.total = res.TotalCount;
                 switch (tabIndex) {
-                    case 0:
+                    case EChallengesTabs.Promo:
+                        this.promoChallenges = res.Data;
+                        break;
+                    case EChallengesTabs.Active:
                         this.activeChallenges = res.Data;
                         break;
-                    case 1:
+                    case EChallengesTabs.Pending:
                         this.pendingChallenges = res.Data;
                         break;
-                    case 2:
+                    case EChallengesTabs.Finished:
                         this.playerHistory = res.Data;
                         break;
                 }
@@ -1548,20 +1568,26 @@ const CasinoChallengesContainer = class {
         this.connectGameToLiveLobby();
     }
     renderChallengesContent() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         switch (this.activeTabIndex) {
-            case 0:
-                return (index.h("casino-challenges-list", { challenges: this.activeChallenges, onLoadMore: this.onLoadMore, onTimerExpired: this.onTimerExpired, onItemViewed: this.onItemViewed, loading: this.loading, hasMore: ((_a = this.activeChallenges) === null || _a === void 0 ? void 0 : _a.length) < this.total, language: this.language, activeTabIndex: this.activeTabIndex, isUserAuthorized: !!this.session, userId: this.userId, translationUrl: this.translationUrl, endpoint: this.endpoint, domain: this.domain, session: this.session, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl }));
-            case 1:
-                return (index.h("casino-challenges-list", { challenges: this.pendingChallenges, onLoadMore: this.onLoadMore, onTimerExpired: this.onTimerExpired, onItemViewed: this.onItemViewed, loading: this.loading, hasMore: ((_b = this.pendingChallenges) === null || _b === void 0 ? void 0 : _b.length) < this.total, language: this.language, activeTabIndex: this.activeTabIndex, isUserAuthorized: !!this.session, userId: this.userId, translationUrl: this.translationUrl, endpoint: this.endpoint, domain: this.domain, session: this.session, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl }));
-            case 2:
-                return (index.h("casino-challenges-player-history", { mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, language: this.language, loading: this.loading, playerHistory: this.playerHistory, onLoadMore: this.onLoadMore, hasMore: ((_c = this.playerHistory) === null || _c === void 0 ? void 0 : _c.length) < this.total }));
-            case 3:
+            case EChallengesTabs.Promo:
+                return (index.h("casino-challenges-list", { challenges: this.promoChallenges, onLoadMore: this.onLoadMore, loading: this.loading, hasMore: ((_a = this.promoChallenges) === null || _a === void 0 ? void 0 : _a.length) < this.total, language: this.language, activeChallengesTabIndex: this.activeTabIndex, isUserAuthorized: !!this.session, userId: this.userId, translationUrl: this.translationUrl, endpoint: this.endpoint, domain: this.domain, session: this.session, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl }));
+            case EChallengesTabs.Active:
+                return (index.h("casino-challenges-list", { challenges: this.activeChallenges, onLoadMore: this.onLoadMore, onTimerExpired: this.onTimerExpired, onItemViewed: this.onItemViewed, loading: this.loading, hasMore: ((_b = this.activeChallenges) === null || _b === void 0 ? void 0 : _b.length) < this.total, language: this.language, activeChallengesTabIndex: this.activeTabIndex, isUserAuthorized: !!this.session, userId: this.userId, translationUrl: this.translationUrl, endpoint: this.endpoint, domain: this.domain, session: this.session, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl }));
+            case EChallengesTabs.Pending:
+                return (index.h("casino-challenges-list", { challenges: this.pendingChallenges, onLoadMore: this.onLoadMore, onTimerExpired: this.onTimerExpired, onItemViewed: this.onItemViewed, loading: this.loading, hasMore: ((_c = this.pendingChallenges) === null || _c === void 0 ? void 0 : _c.length) < this.total, language: this.language, activeChallengesTabIndex: this.activeTabIndex, isUserAuthorized: !!this.session, userId: this.userId, translationUrl: this.translationUrl, endpoint: this.endpoint, domain: this.domain, session: this.session, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl }));
+            case EChallengesTabs.Finished:
+                return (index.h("casino-challenges-player-history", { mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, language: this.language, loading: this.loading, playerHistory: this.playerHistory, onLoadMore: this.onLoadMore, hasMore: ((_d = this.playerHistory) === null || _d === void 0 ? void 0 : _d.length) < this.total }));
+            case EChallengesTabs.Code:
                 return (index.h("casino-challenges-claim-code", { mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, language: this.language, endpoint: this.endpoint, session: this.session, domain: this.domain, onOpenNotification: this.onOpenNotification }));
         }
     }
     render() {
-        return (index.h("div", { key: 'b6fda48f84b3a8834353802e24eebe202a1a8e0b', ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: 'e5af55bca06b97466eb3794f969a0bf12d678c0b', class: "challenges" }, index.h("div", { key: '1667101cb52c52cd77a5f9e31f0e3b5123f17219', class: "challenges__header" }, index.h("h1", { key: 'd9ed8d16524e00a68edd0674a248e23df5870100', class: "challenges__title" }, index.h("img", { key: '2a498599b4cc64eb834785d09198554c435210d9', src: titleIconSvg, alt: "icon" }), translate('containerTitle', this.language)), this.session && (index.h("div", { key: '05ac59db8f9180f64a4af0c89990aec024e9ab2f', class: "challenges__tabs" }, this.tabs.map((tab, index$1) => (index.h("div", { class: `challenges__tab ${index$1 === this.activeTabIndex ? 'active' : ''}`, onClick: this.handleTabClick(index$1) }, tab.label, (tab === null || tab === void 0 ? void 0 : tab.showNotification) && index.h("img", { src: notificationSvg }))))))), this.renderChallengesContent(), this.notification && this.renderNotification())));
+        return (index.h("div", { key: '47e72f3c0219689d0d8e17a152f9738de106d347', ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: 'f6e150aa38dacfe0bea7fa12e1a45c00e7c76010', class: "challenges" }, index.h("div", { key: '3832b0971f6533af2f71be300c6cd4396e7e7dc7', class: "challenges__header" }, index.h("h1", { key: '1e9042e38fc0fa19363cfe9702147739cc339e7a', class: "challenges__title" }, index.h("img", { key: '919ac7789096afa6e63d085f80592bab52cc679b', src: titleIconSvg, alt: "icon" }), translate('containerTitle', this.language)), this.session && (index.h("div", { key: '46c3c6e862b922d06ee62d7021f206d11f19f474', class: "challenges__tabs" }, this.tabs.map((tab, index$1) => {
+            if (tab.label === EChallengesTabs[0])
+                return;
+            return (index.h("div", { class: `challenges__tab ${index$1 === this.activeTabIndex ? 'active' : ''}`, onClick: this.handleTabClick(index$1) }, tab.label, (tab === null || tab === void 0 ? void 0 : tab.showNotification) && index.h("img", { src: notificationSvg })));
+        })))), this.renderChallengesContent(), this.notification && this.renderNotification())));
     }
     static get watchers() { return {
         "clientStyling": ["handleClientStylingChange"],

package/dist/cjs/casino-challenges-container.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["casino-challenge-card_6.cjs",[[1,"casino-challenges-container",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"userId":[513,"user-id"],"activeTabIndex":[32],"error":[32],"hasError":[32],"activeChallenges":[32],"pendingChallenges":[32],"playerHistory":[32],"loading":[32],"pageNumber":[32],"total":[32],"pageSize":[32],"notification":[32],"sseConnection":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"userId":["handleSessionChange"]}],[1,"casino-challenges-list",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"challenges":[16],"loading":[516],"hasMore":[516,"has-more"],"activeTabIndex":[514,"active-tab-index"],"isUserAuthorized":[516,"is-user-authorized"],"userId":[513,"user-id"],"endpoint":[513],"domain":[513],"session":[513]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"casino-challenges-player-history",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"playerHistory":[16],"loading":[516],"hasMore":[516,"has-more"],"openItems":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"playerHistory":["handlePlayerHistoryChange"]}],[1,"casino-challenges-claim-code",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"loading":[32],"hasError":[32],"code":[32],"notificationMessage":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"casino-challenge-card",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"challenge":[16],"isUserAuthorized":[516,"is-user-authorized"],"activeTabIndex":[514,"active-tab-index"],"userId":[513,"user-id"],"tooltipIndex":[32],"timeLeft":[32],"error":[32],"hasError":[32],"actionLoading":[32],"isChallengePaused":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"challenge":["handleChallengeChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
+  return index.bootstrapLazy([["casino-challenge-card_6.cjs",[[1,"casino-challenges-container",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"userId":[513,"user-id"],"activeTabIndex":[32],"error":[32],"hasError":[32],"promoChallenges":[32],"activeChallenges":[32],"pendingChallenges":[32],"playerHistory":[32],"loading":[32],"pageNumber":[32],"total":[32],"pageSize":[32],"notification":[32],"sseConnection":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"userId":["handleSessionChange"]}],[1,"casino-challenges-list",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"challenges":[16],"loading":[516],"hasMore":[516,"has-more"],"activeChallengesTabIndex":[514,"active-challenges-tab-index"],"isUserAuthorized":[516,"is-user-authorized"],"userId":[513,"user-id"],"endpoint":[513],"domain":[513],"session":[513]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"casino-challenges-player-history",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"playerHistory":[16],"loading":[516],"hasMore":[516,"has-more"],"openItems":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"playerHistory":["handlePlayerHistoryChange"]}],[1,"casino-challenges-claim-code",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"loading":[32],"hasError":[32],"code":[32],"notificationMessage":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"casino-challenge-card",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"challenge":[16],"isUserAuthorized":[516,"is-user-authorized"],"activeChallengesTabIndex":[514,"active-challenges-tab-index"],"userId":[513,"user-id"],"tooltipIndex":[32],"timeLeft":[32],"error":[32],"hasError":[32],"actionLoading":[32],"isChallengePaused":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"challenge":["handleChallengeChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const casinoChallengesContainer = require('./casino-challenges-container-210b7c83.js');
+const casinoChallengesContainer = require('./casino-challenges-container-56802166.js');
 require('./index-d5f8d1ee.js');
 
 

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["casino-challenge-card_6.cjs",[[1,"casino-challenges-container",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"userId":[513,"user-id"],"activeTabIndex":[32],"error":[32],"hasError":[32],"activeChallenges":[32],"pendingChallenges":[32],"playerHistory":[32],"loading":[32],"pageNumber":[32],"total":[32],"pageSize":[32],"notification":[32],"sseConnection":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"userId":["handleSessionChange"]}],[1,"casino-challenges-list",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"challenges":[16],"loading":[516],"hasMore":[516,"has-more"],"activeTabIndex":[514,"active-tab-index"],"isUserAuthorized":[516,"is-user-authorized"],"userId":[513,"user-id"],"endpoint":[513],"domain":[513],"session":[513]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"casino-challenges-player-history",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"playerHistory":[16],"loading":[516],"hasMore":[516,"has-more"],"openItems":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"playerHistory":["handlePlayerHistoryChange"]}],[1,"casino-challenges-claim-code",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"loading":[32],"hasError":[32],"code":[32],"notificationMessage":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"casino-challenge-card",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"challenge":[16],"isUserAuthorized":[516,"is-user-authorized"],"activeTabIndex":[514,"active-tab-index"],"userId":[513,"user-id"],"tooltipIndex":[32],"timeLeft":[32],"error":[32],"hasError":[32],"actionLoading":[32],"isChallengePaused":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"challenge":["handleChallengeChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
+  return index.bootstrapLazy([["casino-challenge-card_6.cjs",[[1,"casino-challenges-container",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"userId":[513,"user-id"],"activeTabIndex":[32],"error":[32],"hasError":[32],"promoChallenges":[32],"activeChallenges":[32],"pendingChallenges":[32],"playerHistory":[32],"loading":[32],"pageNumber":[32],"total":[32],"pageSize":[32],"notification":[32],"sseConnection":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"userId":["handleSessionChange"]}],[1,"casino-challenges-list",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"challenges":[16],"loading":[516],"hasMore":[516,"has-more"],"activeChallengesTabIndex":[514,"active-challenges-tab-index"],"isUserAuthorized":[516,"is-user-authorized"],"userId":[513,"user-id"],"endpoint":[513],"domain":[513],"session":[513]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"casino-challenges-player-history",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"playerHistory":[16],"loading":[516],"hasMore":[516,"has-more"],"openItems":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"playerHistory":["handlePlayerHistoryChange"]}],[1,"casino-challenges-claim-code",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"loading":[32],"hasError":[32],"code":[32],"notificationMessage":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"casino-challenge-card",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"challenge":[16],"isUserAuthorized":[516,"is-user-authorized"],"activeChallengesTabIndex":[514,"active-challenges-tab-index"],"userId":[513,"user-id"],"tooltipIndex":[32],"timeLeft":[32],"error":[32],"hasError":[32],"actionLoading":[32],"isChallengePaused":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"challenge":["handleChallengeChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/casino-challenges-container/casino-challenges-container.js

@@ -5,7 +5,7 @@ import titleIcon from "../../assets/title-icon.svg";
 import notificationIcon from "../../assets/notification.svg";
 import errorIcon from "../../assets/error-circle.svg";
 import checkIcon from "../../assets/check-circle.svg";
-import { EChallengeProgressStatus, EChallengeStatus } from "../../utils/types";
+import { EChallengeProgressStatus, EChallengesTabs, EChallengeStatus } from "../../utils/types";
 import "../../../../../casino-challenges-list/dist/types/index";
 import "../../../../../casino-challenges-player-history/dist/types/index";
 import "../../../../../casino-challenges-claim-code/dist/types/index";
@@ -13,8 +13,8 @@ import { updateInState, updateInStateByChallengeId } from "../../utils/utils";
 import { EventSourcePolyfill } from "event-source-polyfill";
 export class CasinoChallengesContainer {
     constructor() {
-        this.activeProgressTabIndex = 0;
-        this.pendingProgressTabIndex = 1;
+        this.activeProgressTabIndex = EChallengesTabs.Active;
+        this.pendingProgressTabIndex = EChallengesTabs.Pending;
         this.onOpenNotification = (event) => {
             this.notification = event.detail;
             setTimeout(() => (this.notification = null), 10000);
@@ -36,13 +36,16 @@ export class CasinoChallengesContainer {
             this.getChallenges(this.activeTabIndex).then((res) => {
                 this.total = res.TotalCount;
                 switch (this.activeTabIndex) {
-                    case 0:
+                    case EChallengesTabs.Promo:
+                        this.promoChallenges = [...this.promoChallenges, ...res.Data];
+                        break;
+                    case EChallengesTabs.Active:
                         this.activeChallenges = [...this.activeChallenges, ...res.Data];
                         break;
-                    case 1:
+                    case EChallengesTabs.Pending:
                         this.pendingChallenges = [...this.pendingChallenges, ...res.Data];
                         break;
-                    case 2:
+                    case EChallengesTabs.Finished:
                         this.playerHistory = [...this.playerHistory, ...res.Data];
                         break;
                 }
@@ -58,12 +61,12 @@ export class CasinoChallengesContainer {
             }
         };
         this.renderNotification = () => {
-            return (h("div", { class: `notification ${this.notification.errored ? 'errored' : ''}` }, h("img", { src: this.notification.errored ? errorIcon : checkIcon, class: "notification__icon" }), h("p", { class: "notification__message" }, this.notification.message + ' ', this.notification.showTabLink && (h("span", { class: "active-tab", onClick: this.handleTabClick(0) }, translate('activeTab', this.language))))));
+            return (h("div", { class: `notification ${this.notification.errored ? 'errored' : ''}` }, h("img", { src: this.notification.errored ? errorIcon : checkIcon, class: "notification__icon" }), h("p", { class: "notification__message" }, this.notification.message + ' ', this.notification.showTabLink && (h("span", { class: "active-tab", onClick: this.handleTabClick(EChallengesTabs.Active) }, translate('activeTab', this.language))))));
         };
         this.onTimerExpired = (e) => {
             const currentTabIndex = this.activeTabIndex;
             setTimeout(() => {
-                if (currentTabIndex === 0) {
+                if (currentTabIndex === EChallengesTabs.Active) {
                     this.activeChallenges = this.activeChallenges.filter((challenge) => challenge.Id !== e.detail);
                 }
                 else {
@@ -72,7 +75,7 @@ export class CasinoChallengesContainer {
             }, 10000);
         };
         this.onItemViewed = (e) => {
-            if (this.activeTabIndex === 0) {
+            if (this.activeTabIndex === EChallengesTabs.Active) {
                 this.activeChallenges = updateInState(this.activeChallenges, e.detail, { IsNew: false });
             }
             else {
@@ -88,9 +91,10 @@ export class CasinoChallengesContainer {
         this.domain = '';
         this.session = '';
         this.userId = '';
-        this.activeTabIndex = 0;
+        this.activeTabIndex = EChallengesTabs.Active;
         this.error = '';
         this.hasError = false;
+        this.promoChallenges = [];
         this.activeChallenges = [];
         this.pendingChallenges = [];
         this.playerHistory = [];
@@ -104,6 +108,7 @@ export class CasinoChallengesContainer {
     get tabs() {
         var _a, _b;
         return [
+            { label: translate('promoTab', this.language) },
             { label: translate('active', this.language), showNotification: (_a = this.activeChallenges) === null || _a === void 0 ? void 0 : _a.some((x) => x.IsNew) },
             { label: translate('pendingTab', this.language), showNotification: (_b = this.pendingChallenges) === null || _b === void 0 ? void 0 : _b.some((x) => x.IsNew) },
             { label: translate('finishedTab', this.language) },
@@ -144,13 +149,13 @@ export class CasinoChallengesContainer {
                     break;
                 }
                 case 'disabledChallengeNotification': {
-                    if (this.activeTabIndex === 0) {
+                    if (this.activeTabIndex === EChallengesTabs.Active) {
                         this.activeChallenges = updateInStateByChallengeId(this.activeChallenges, `${data === null || data === void 0 ? void 0 : data.challengeId}`, {
                             StatusName: 'Paused',
                             ChallengeStatus: EChallengeStatus.Paused
                         });
                     }
-                    else if (this.activeTabIndex === 1) {
+                    else if (this.activeTabIndex === EChallengesTabs.Pending) {
                         this.pendingChallenges = updateInStateByChallengeId(this.pendingChallenges, `${data === null || data === void 0 ? void 0 : data.challengeId}`, {
                             StatusName: 'Paused',
                             ChallengeStatus: EChallengeStatus.Paused
@@ -159,13 +164,13 @@ export class CasinoChallengesContainer {
                     break;
                 }
                 case 'enabledChallengeNotification': {
-                    if (this.activeTabIndex === 0) {
+                    if (this.activeTabIndex === EChallengesTabs.Active) {
                         this.activeChallenges = updateInStateByChallengeId(this.activeChallenges, `${data === null || data === void 0 ? void 0 : data.challengeId}`, {
                             StatusName: 'Enabled',
                             ChallengeStatus: EChallengeStatus.Enabled
                         });
                     }
-                    else if (this.activeTabIndex === 1) {
+                    else if (this.activeTabIndex === EChallengesTabs.Pending) {
                         this.pendingChallenges = updateInStateByChallengeId(this.pendingChallenges, `${data === null || data === void 0 ? void 0 : data.challengeId}`, {
                             StatusName: 'Enabled',
                             ChallengeStatus: EChallengeStatus.Enabled
@@ -175,12 +180,12 @@ export class CasinoChallengesContainer {
                 }
                 case 'forfeitedChallengeProgressNotification': {
                     if (this.session) {
-                        if (this.activeTabIndex === 0) {
+                        if (this.activeTabIndex === EChallengesTabs.Active) {
                             this.activeChallenges = updateInState(this.activeChallenges, `${data === null || data === void 0 ? void 0 : data.challengeProgressId}`, {
                                 Status: EChallengeProgressStatus.Forfeited
                             });
                         }
-                        else if (this.activeTabIndex === 1) {
+                        else if (this.activeTabIndex === EChallengesTabs.Pending) {
                             this.pendingChallenges = updateInState(this.pendingChallenges, `${data === null || data === void 0 ? void 0 : data.challengeProgressId}`, {
                                 Status: EChallengeProgressStatus.Forfeited
                             });
@@ -216,9 +221,9 @@ export class CasinoChallengesContainer {
     }
     async getChallenges(tabIndex) {
         if (!this.checkAttrs()) {
-            const path = tabIndex === 2 ? 'PlayerHistory' : 'GetChallengesInfo';
+            const path = tabIndex === EChallengesTabs.Finished ? 'PlayerHistory' : 'GetChallengesInfo';
             const url = `${this.endpoint}/challenge/${path}`;
-            const body = Object.assign(Object.assign(Object.assign({ DomainId: this.domain, PlayerLanguage: this.language, PageNumber: this.pageNumber, PageSize: this.pageSize }, (this.session && { PlayerSession: this.session })), (this.userId && tabIndex === 2 && { UserId: this.userId })), (this.session && { IsFutureAvailable: tabIndex === 0 ? false : true }));
+            const body = Object.assign(Object.assign(Object.assign({ DomainId: this.domain, PlayerLanguage: this.language, PageNumber: this.pageNumber, PageSize: this.pageSize }, (this.session && { PlayerSession: this.session })), (this.userId && tabIndex === EChallengesTabs.Finished && { UserId: this.userId })), (this.session && { IsFutureAvailable: tabIndex === EChallengesTabs.Active ? false : true }));
             this.loading = true;
             return fetch(url, {
                 method: 'POST',
@@ -237,13 +242,16 @@ export class CasinoChallengesContainer {
                 this.pageNumber = res.PageNumber;
                 this.total = res.TotalCount;
                 switch (tabIndex) {
-                    case 0:
+                    case EChallengesTabs.Promo:
+                        this.promoChallenges = res.Data;
+                        break;
+                    case EChallengesTabs.Active:
                         this.activeChallenges = res.Data;
                         break;
-                    case 1:
+                    case EChallengesTabs.Pending:
                         this.pendingChallenges = res.Data;
                         break;
-                    case 2:
+                    case EChallengesTabs.Finished:
                         this.playerHistory = res.Data;
                         break;
                 }
@@ -273,20 +281,26 @@ export class CasinoChallengesContainer {
         this.connectGameToLiveLobby();
     }
     renderChallengesContent() {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         switch (this.activeTabIndex) {
-            case 0:
-                return (h("casino-challenges-list", { challenges: this.activeChallenges, onLoadMore: this.onLoadMore, onTimerExpired: this.onTimerExpired, onItemViewed: this.onItemViewed, loading: this.loading, hasMore: ((_a = this.activeChallenges) === null || _a === void 0 ? void 0 : _a.length) < this.total, language: this.language, activeTabIndex: this.activeTabIndex, isUserAuthorized: !!this.session, userId: this.userId, translationUrl: this.translationUrl, endpoint: this.endpoint, domain: this.domain, session: this.session, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl }));
-            case 1:
-                return (h("casino-challenges-list", { challenges: this.pendingChallenges, onLoadMore: this.onLoadMore, onTimerExpired: this.onTimerExpired, onItemViewed: this.onItemViewed, loading: this.loading, hasMore: ((_b = this.pendingChallenges) === null || _b === void 0 ? void 0 : _b.length) < this.total, language: this.language, activeTabIndex: this.activeTabIndex, isUserAuthorized: !!this.session, userId: this.userId, translationUrl: this.translationUrl, endpoint: this.endpoint, domain: this.domain, session: this.session, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl }));
-            case 2:
-                return (h("casino-challenges-player-history", { mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, language: this.language, loading: this.loading, playerHistory: this.playerHistory, onLoadMore: this.onLoadMore, hasMore: ((_c = this.playerHistory) === null || _c === void 0 ? void 0 : _c.length) < this.total }));
-            case 3:
+            case EChallengesTabs.Promo:
+                return (h("casino-challenges-list", { challenges: this.promoChallenges, onLoadMore: this.onLoadMore, loading: this.loading, hasMore: ((_a = this.promoChallenges) === null || _a === void 0 ? void 0 : _a.length) < this.total, language: this.language, activeChallengesTabIndex: this.activeTabIndex, isUserAuthorized: !!this.session, userId: this.userId, translationUrl: this.translationUrl, endpoint: this.endpoint, domain: this.domain, session: this.session, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl }));
+            case EChallengesTabs.Active:
+                return (h("casino-challenges-list", { challenges: this.activeChallenges, onLoadMore: this.onLoadMore, onTimerExpired: this.onTimerExpired, onItemViewed: this.onItemViewed, loading: this.loading, hasMore: ((_b = this.activeChallenges) === null || _b === void 0 ? void 0 : _b.length) < this.total, language: this.language, activeChallengesTabIndex: this.activeTabIndex, isUserAuthorized: !!this.session, userId: this.userId, translationUrl: this.translationUrl, endpoint: this.endpoint, domain: this.domain, session: this.session, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl }));
+            case EChallengesTabs.Pending:
+                return (h("casino-challenges-list", { challenges: this.pendingChallenges, onLoadMore: this.onLoadMore, onTimerExpired: this.onTimerExpired, onItemViewed: this.onItemViewed, loading: this.loading, hasMore: ((_c = this.pendingChallenges) === null || _c === void 0 ? void 0 : _c.length) < this.total, language: this.language, activeChallengesTabIndex: this.activeTabIndex, isUserAuthorized: !!this.session, userId: this.userId, translationUrl: this.translationUrl, endpoint: this.endpoint, domain: this.domain, session: this.session, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl }));
+            case EChallengesTabs.Finished:
+                return (h("casino-challenges-player-history", { mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, language: this.language, loading: this.loading, playerHistory: this.playerHistory, onLoadMore: this.onLoadMore, hasMore: ((_d = this.playerHistory) === null || _d === void 0 ? void 0 : _d.length) < this.total }));
+            case EChallengesTabs.Code:
                 return (h("casino-challenges-claim-code", { mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, language: this.language, endpoint: this.endpoint, session: this.session, domain: this.domain, onOpenNotification: this.onOpenNotification }));
         }
     }
     render() {
-        return (h("div", { key: 'b6fda48f84b3a8834353802e24eebe202a1a8e0b', ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'e5af55bca06b97466eb3794f969a0bf12d678c0b', class: "challenges" }, h("div", { key: '1667101cb52c52cd77a5f9e31f0e3b5123f17219', class: "challenges__header" }, h("h1", { key: 'd9ed8d16524e00a68edd0674a248e23df5870100', class: "challenges__title" }, h("img", { key: '2a498599b4cc64eb834785d09198554c435210d9', src: titleIcon, alt: "icon" }), translate('containerTitle', this.language)), this.session && (h("div", { key: '05ac59db8f9180f64a4af0c89990aec024e9ab2f', class: "challenges__tabs" }, this.tabs.map((tab, index) => (h("div", { class: `challenges__tab ${index === this.activeTabIndex ? 'active' : ''}`, onClick: this.handleTabClick(index) }, tab.label, (tab === null || tab === void 0 ? void 0 : tab.showNotification) && h("img", { src: notificationIcon }))))))), this.renderChallengesContent(), this.notification && this.renderNotification())));
+        return (h("div", { key: '47e72f3c0219689d0d8e17a152f9738de106d347', ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'f6e150aa38dacfe0bea7fa12e1a45c00e7c76010', class: "challenges" }, h("div", { key: '3832b0971f6533af2f71be300c6cd4396e7e7dc7', class: "challenges__header" }, h("h1", { key: '1e9042e38fc0fa19363cfe9702147739cc339e7a', class: "challenges__title" }, h("img", { key: '919ac7789096afa6e63d085f80592bab52cc679b', src: titleIcon, alt: "icon" }), translate('containerTitle', this.language)), this.session && (h("div", { key: '46c3c6e862b922d06ee62d7021f206d11f19f474', class: "challenges__tabs" }, this.tabs.map((tab, index) => {
+            if (tab.label === EChallengesTabs[0])
+                return;
+            return (h("div", { class: `challenges__tab ${index === this.activeTabIndex ? 'active' : ''}`, onClick: this.handleTabClick(index) }, tab.label, (tab === null || tab === void 0 ? void 0 : tab.showNotification) && h("img", { src: notificationIcon })));
+        })))), this.renderChallengesContent(), this.notification && this.renderNotification())));
     }
     static get is() { return "casino-challenges-container"; }
     static get encapsulation() { return "shadow"; }
@@ -468,6 +482,7 @@ export class CasinoChallengesContainer {
             "activeTabIndex": {},
             "error": {},
             "hasError": {},
+            "promoChallenges": {},
             "activeChallenges": {},
             "pendingChallenges": {},
             "playerHistory": {},

package/dist/collection/utils/locale.utils.js

@@ -2,6 +2,7 @@ const DEFAULT_LANGUAGE = 'en';
 export const TRANSLATIONS = {
     en: {
         containerTitle: 'Challenges',
+        promoTab: 'Promo',
         active: 'Active',
         activeTab: 'Active tab',
         pendingTab: 'Pending',

package/dist/collection/utils/types.js

@@ -35,6 +35,9 @@ export var EChallengeTriggerType;
     EChallengeTriggerType[EChallengeTriggerType["GameLaunch"] = 0] = "GameLaunch";
     EChallengeTriggerType[EChallengeTriggerType["Reward"] = 1] = "Reward";
     EChallengeTriggerType[EChallengeTriggerType["Manual"] = 2] = "Manual";
+    EChallengeTriggerType[EChallengeTriggerType["Claim"] = 3] = "Claim";
+    EChallengeTriggerType[EChallengeTriggerType["Event"] = 4] = "Event";
+    EChallengeTriggerType[EChallengeTriggerType["Deposit"] = 5] = "Deposit";
 })(EChallengeTriggerType || (EChallengeTriggerType = {}));
 export var EChallengeValidityType;
 (function (EChallengeValidityType) {
@@ -56,3 +59,11 @@ export var EHistoryItemLevelStatus;
     EHistoryItemLevelStatus[EHistoryItemLevelStatus["Forfeited"] = 2] = "Forfeited";
 })(EHistoryItemLevelStatus || (EHistoryItemLevelStatus = {}));
 export const HistoryItemLevelStatusDictionary = ['Completed', 'Expired', 'Forfeited'];
+export var EChallengesTabs;
+(function (EChallengesTabs) {
+    EChallengesTabs[EChallengesTabs["Promo"] = 0] = "Promo";
+    EChallengesTabs[EChallengesTabs["Active"] = 1] = "Active";
+    EChallengesTabs[EChallengesTabs["Pending"] = 2] = "Pending";
+    EChallengesTabs[EChallengesTabs["Finished"] = 3] = "Finished";
+    EChallengesTabs[EChallengesTabs["Code"] = 4] = "Code";
+})(EChallengesTabs || (EChallengesTabs = {}));