@everymatrix/casino-challenges-container 0.0.13 → 0.0.15

package/dist/cjs/{casino-challenges-container-f2c3603f.js → casino-challenges-container-50aca824.js}

@@ -1,7 +1,6 @@
 'use strict';
 
-const index = require('./index-cf89b5da.js');
-require('@everymatrix/casino-challenges-list');
+const index = require('./index-d5f8d1ee.js');
 
 /**
  * @name setClientStyling
@@ -66,10 +65,22 @@ const TRANSLATIONS = {
         title: 'Challenges',
         empty: 'No Challenges'
     },
-    ro: {},
-    fr: {},
-    ar: {},
-    hr: {}
+    ro: {
+        title: 'Provocări',
+        empty: 'Nicio provocare'
+    },
+    fr: {
+        title: 'Défis',
+        empty: 'Aucun défi'
+    },
+    ar: {
+        title: 'التحديات',
+        empty: 'لا توجد تحديات'
+    },
+    hr: {
+        title: 'Izazovi',
+        empty: 'Nema izazova'
+    }
 };
 const translate = (key, customLang) => {
     const lang = customLang;
@@ -121,8 +132,13 @@ const CasinoChallengesContainer = class {
         this.onLoadMore = () => {
             this.pageNumber += 1;
             this.getChallenges().then((res) => {
-                this.challenges = [...this.challenges, ...res.Data];
                 this.total = res.TotalCount;
+                if (this.activeTabIndex < 2) {
+                    this.challenges = [...this.challenges, ...res.Data];
+                }
+                else if (this.activeTabIndex === 2) {
+                    this.playerHistory = [...this.playerHistory, ...res.Data];
+                }
             });
         };
         this.handleTabClick = (index) => () => {
@@ -145,6 +161,7 @@ const CasinoChallengesContainer = class {
         this.error = '';
         this.hasError = false;
         this.challenges = [];
+        this.playerHistory = [];
         this.loading = false;
         this.pageNumber = 0;
         this.total = 0;
@@ -187,6 +204,12 @@ const CasinoChallengesContainer = class {
             if (res === null || res === void 0 ? void 0 : res.Success) {
                 this.pageNumber = res.PageNumber;
                 this.total = res.TotalCount;
+                if (this.activeTabIndex < 2) {
+                    this.challenges = res.Data;
+                }
+                else if (this.activeTabIndex === 2) {
+                    this.playerHistory = res.Data;
+                }
             }
         });
     }
@@ -215,8 +238,8 @@ const CasinoChallengesContainer = class {
         }, 10000);
     }
     render() {
-        var _a;
-        return (index.h("div", { key: 'af2e5b13351a5b8694258c628f545d6a127e80dc', ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: '91cdbc6a152a8b8c884842370c5509e7f6752074', class: "challenges" }, index.h("div", { key: 'd480a88d50cea5789eabb8dcc30233aea7d18d0f', class: "challenges__header" }, index.h("h1", { key: '8cd8787debb4f6f9897291f11c131c4ea1ef1d15', class: "challenges__title" }, index.h("img", { key: '1551482df42aaf36ed5cac7b2834bc276cc5cf52', src: titleIconSvg, alt: "icon" }), translate('title', this.language)), this.session && (index.h("div", { key: 'b45e42e56d5abc570b72979490f6e7ff4bf4f1bd', class: "challenges__tabs" }, this.tabs.map((label, index$1) => (index.h("div", { class: `challenges__tab ${index$1 === this.activeTabIndex ? 'active' : ''}`, onClick: this.handleTabClick(index$1) }, label, this.showNotification === index$1 && index.h("img", { src: notificationSvg }))))))), index.h("div", { key: 'd1a2a52ff5d26f17e401a7a3707f4153bbbc6290', class: "challenges__content" }, this.challenges.length === 0 && !this.loading && (index.h("div", { key: 'f0ab8469ac8a795b4d25d925bc1065217398e862', class: "empty" }, translate('empty', this.language))), this.activeTabIndex !== 3 && (index.h("casino-challenges-list", { key: '2f7aaf6e940668be6e15e1cfb81f5d2d063361ef', challenges: this.challenges, onLoadMore: this.onLoadMore, onTimerExpired: this.onTimerExpired, loading: this.loading, hasMore: ((_a = this.challenges) === null || _a === void 0 ? void 0 : _a.length) < this.total, language: this.language }))))));
+        var _a, _b;
+        return (index.h("div", { key: '4e2191039d59af380aab5d65f865727e04565ad9', ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: '5731ae9a18c13c0ff728512442a24e824fcab485', class: "challenges" }, index.h("div", { key: '391210a6442f95d421a223854b55da4f953a1ec3', class: "challenges__header" }, index.h("h1", { key: '90d93318a2082f4b19e9c2cc3fa341afcb223eb8', class: "challenges__title" }, index.h("img", { key: '167c1ee8869310677e864d0f7107bfb7f9e938cd', src: titleIconSvg, alt: "icon" }), translate('title', this.language)), this.session && (index.h("div", { key: '1479821da7d79a1d2d53de22b67a0d2d17c43a68', class: "challenges__tabs" }, this.tabs.map((label, index$1) => (index.h("div", { class: `challenges__tab ${index$1 === this.activeTabIndex ? 'active' : ''}`, onClick: this.handleTabClick(index$1) }, label, this.showNotification === index$1 && index.h("img", { src: notificationSvg }))))))), this.activeTabIndex < 2 && (index.h("div", { key: 'a0f87282b31054fb2b5c18c6d521530c92540db6', class: "challenges__content" }, this.challenges.length === 0 && !this.loading && (index.h("div", { key: '313b9431d71fe5d93d41c00d64b718159b86bfd3', class: "empty" }, translate('empty', this.language))), index.h("casino-challenges-list", { key: '4756590a375cdd1cd70f538084d0194523fa8c41', challenges: this.challenges, onLoadMore: this.onLoadMore, onTimerExpired: this.onTimerExpired, loading: this.loading, hasMore: ((_a = this.challenges) === null || _a === void 0 ? void 0 : _a.length) < this.total, language: this.language, activeTabIndex: this.activeTabIndex }))), this.activeTabIndex === 2 && (index.h("casino-challenges-player-history", { key: 'd1f077837fafb45d5c257541e3a3db5f149b210e', translationUrl: this.translationUrl, language: this.language, loading: this.loading, playerHistory: this.playerHistory, onLoadMore: this.onLoadMore, hasMore: ((_b = this.playerHistory) === null || _b === void 0 ? void 0 : _b.length) < this.total })))));
     }
     static get watchers() { return {
         "clientStyling": ["handleClientStylingChange"],
@@ -227,3 +250,6 @@ const CasinoChallengesContainer = class {
 CasinoChallengesContainer.style = CasinoChallengesContainerStyle0;
 
 exports.CasinoChallengesContainer = CasinoChallengesContainer;
+exports.setClientStyling = setClientStyling;
+exports.setClientStylingURL = setClientStylingURL;
+exports.setStreamStyling = setStreamStyling;

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-cf89b5da.js');
+const index = require('./index-d5f8d1ee.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["casino-challenges-container.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],"challenges":[32],"loading":[32],"pageNumber":[32],"total":[32],"pageSize":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+  return index.bootstrapLazy([["casino-challenge-card_5.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],"challenges":[32],"playerHistory":[32],"loading":[32],"pageNumber":[32],"total":[32],"pageSize":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[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"]},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-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"],"tooltipIndex":[32],"timeLeft":[32],"error":[32],"hasError":[32],"actionLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[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-cf89b5da.js → index-d5f8d1ee.js}

@@ -21,7 +21,7 @@ function _interopNamespace(e) {
 }
 
 const NAMESPACE = 'casino-challenges-container';
-const BUILD = /* casino-challenges-container */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: false, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: true };
+const BUILD = /* casino-challenges-container */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
 
 /*
  Stencil Client Platform v4.19.2 | MIT Licensed | https://stenciljs.com
@@ -71,10 +71,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'casino-challenges-container.cjs':
+                case 'casino-challenge-card_5.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
-                        './casino-challenges-container.cjs.entry.js')); }).then(processMod, consoleError);
+                        './casino-challenge-card_5.cjs.entry.js')); }).then(processMod, consoleError);
           }
       }
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
@@ -295,6 +295,12 @@ var Host = {};
 var isHost = (node) => node && node.$tag$ === Host;
 var parsePropertyValue = (propValue, propType) => {
   if (propValue != null && !isComplexType(propValue)) {
+    if (propType & 4 /* Boolean */) {
+      return propValue === "false" ? false : propValue === "" || !!propValue;
+    }
+    if (propType & 2 /* Number */) {
+      return parseFloat(propValue);
+    }
     if (propType & 1 /* String */) {
       return String(propValue);
     }
@@ -302,6 +308,22 @@ var parsePropertyValue = (propValue, propType) => {
   }
   return propValue;
 };
+var getElement = (ref) => getHostRef(ref).$hostElement$ ;
+
+// src/runtime/event-emitter.ts
+var createEvent = (ref, name, flags) => {
+  const elm = getElement(ref);
+  return {
+    emit: (detail) => {
+      return emitEvent(elm, name, {
+        bubbles: !!(flags & 4 /* Bubbles */),
+        composed: !!(flags & 2 /* Composed */),
+        cancelable: !!(flags & 1 /* Cancellable */),
+        detail
+      });
+    }
+  };
+};
 var emitEvent = (elm, name, opts) => {
   const ev = plt.ce(name, opts);
   elm.dispatchEvent(ev);
@@ -383,6 +405,27 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
       const newClasses = parseClassList(newValue);
       classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
       classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
+    } else if (memberName === "style") {
+      {
+        for (const prop in oldValue) {
+          if (!newValue || newValue[prop] == null) {
+            if (prop.includes("-")) {
+              elm.style.removeProperty(prop);
+            } else {
+              elm.style[prop] = "";
+            }
+          }
+        }
+      }
+      for (const prop in newValue) {
+        if (!oldValue || newValue[prop] !== oldValue[prop]) {
+          if (prop.includes("-")) {
+            elm.style.setProperty(prop, newValue[prop]);
+          } else {
+            elm.style[prop] = newValue[prop];
+          }
+        }
+      }
     } else if (memberName === "key") ; else if (memberName === "ref") {
       if (newValue) {
         newValue(elm);
@@ -786,6 +829,9 @@ var postUpdateComponent = (hostRef) => {
   const endPostUpdate = createTime("postUpdate", tagName);
   const instance = hostRef.$lazyInstance$ ;
   const ancestorComponent = hostRef.$ancestorComponent$;
+  {
+    safeCall(instance, "componentDidRender");
+  }
   if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
     hostRef.$flags$ |= 64 /* hasLoadedComponent */;
     {
@@ -985,6 +1031,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         hostRef.$flags$ |= 128 /* isWatchReady */;
       }
       endNewInstance();
+      fireConnectedCallback(hostRef.$lazyInstance$);
     } else {
       Cstr = elm.constructor;
       const cmpTag = elm.localName;
@@ -1012,6 +1059,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
   }
 };
 var fireConnectedCallback = (instance) => {
+  {
+    safeCall(instance, "connectedCallback");
+  }
 };
 
 // src/runtime/connected-callback.ts
@@ -1044,8 +1094,10 @@ var connectedCallback = (elm) => {
         initializeComponent(elm, hostRef, cmpMeta);
       }
     } else {
-      if (hostRef == null ? void 0 : hostRef.$lazyInstance$) ; else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
-        hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
+      if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
+        fireConnectedCallback(hostRef.$lazyInstance$);
+      } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
+        hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$));
       }
     }
     endConnected();
@@ -1190,7 +1242,10 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
 // src/runtime/nonce.ts
 var setNonce = (nonce) => plt.$nonce$ = nonce;
 
+exports.Host = Host;
 exports.bootstrapLazy = bootstrapLazy;
+exports.createEvent = createEvent;
+exports.getElement = getElement;
 exports.h = h;
 exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;

package/dist/cjs/index.cjs.js

@@ -2,9 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const casinoChallengesContainer = require('./casino-challenges-container-f2c3603f.js');
-require('./index-cf89b5da.js');
-require('@everymatrix/casino-challenges-list');
+const casinoChallengesContainer = require('./casino-challenges-container-50aca824.js');
+require('./index-d5f8d1ee.js');
 
 
 

package/dist/cjs/loader.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-cf89b5da.js');
+const index = require('./index-d5f8d1ee.js');
 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-challenges-container.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],"challenges":[32],"loading":[32],"pageNumber":[32],"total":[32],"pageSize":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+  return index.bootstrapLazy([["casino-challenge-card_5.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],"challenges":[32],"playerHistory":[32],"loading":[32],"pageNumber":[32],"total":[32],"pageSize":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[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"]},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-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"],"tooltipIndex":[32],"timeLeft":[32],"error":[32],"hasError":[32],"actionLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[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/collection-manifest.json

@@ -7,6 +7,31 @@
     "version": "4.19.2",
     "typescriptVersion": "5.4.5"
   },
-  "collections": [],
+  "collections": [
+    {
+      "name": "@everymatrix/casino-challenge-card",
+      "tags": [
+        "casino-challenge-card"
+      ]
+    },
+    {
+      "name": "@everymatrix/casino-challenges-list",
+      "tags": [
+        "casino-challenges-list"
+      ]
+    },
+    {
+      "name": "@everymatrix/casino-challenges-player-history",
+      "tags": [
+        "casino-challenges-player-history"
+      ]
+    },
+    {
+      "name": "@everymatrix/ui-skeleton",
+      "tags": [
+        "ui-skeleton"
+      ]
+    }
+  ],
   "bundles": []
 }

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

@@ -3,7 +3,8 @@ import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../.
 import { resolveTranslationUrl, translate } from "../../utils/locale.utils";
 import titleIcon from "../../assets/title-icon.svg";
 import notificationIcon from "../../assets/notification.svg";
-import "@everymatrix/casino-challenges-list";
+import "../../../../../casino-challenges-list/dist/types/index";
+import "../../../../../casino-challenges-player-history/dist/types/index";
 export class CasinoChallengesContainer {
     constructor() {
         this.tabs = ['Active', 'Pending', 'Finished', 'Code'];
@@ -19,8 +20,13 @@ export class CasinoChallengesContainer {
         this.onLoadMore = () => {
             this.pageNumber += 1;
             this.getChallenges().then((res) => {
-                this.challenges = [...this.challenges, ...res.Data];
                 this.total = res.TotalCount;
+                if (this.activeTabIndex < 2) {
+                    this.challenges = [...this.challenges, ...res.Data];
+                }
+                else if (this.activeTabIndex === 2) {
+                    this.playerHistory = [...this.playerHistory, ...res.Data];
+                }
             });
         };
         this.handleTabClick = (index) => () => {
@@ -43,6 +49,7 @@ export class CasinoChallengesContainer {
         this.error = '';
         this.hasError = false;
         this.challenges = [];
+        this.playerHistory = [];
         this.loading = false;
         this.pageNumber = 0;
         this.total = 0;
@@ -85,6 +92,12 @@ export class CasinoChallengesContainer {
             if (res === null || res === void 0 ? void 0 : res.Success) {
                 this.pageNumber = res.PageNumber;
                 this.total = res.TotalCount;
+                if (this.activeTabIndex < 2) {
+                    this.challenges = res.Data;
+                }
+                else if (this.activeTabIndex === 2) {
+                    this.playerHistory = res.Data;
+                }
             }
         });
     }
@@ -113,8 +126,8 @@ export class CasinoChallengesContainer {
         }, 10000);
     }
     render() {
-        var _a;
-        return (h("div", { key: 'af2e5b13351a5b8694258c628f545d6a127e80dc', ref: (el) => (this.stylingContainer = el) }, h("div", { key: '91cdbc6a152a8b8c884842370c5509e7f6752074', class: "challenges" }, h("div", { key: 'd480a88d50cea5789eabb8dcc30233aea7d18d0f', class: "challenges__header" }, h("h1", { key: '8cd8787debb4f6f9897291f11c131c4ea1ef1d15', class: "challenges__title" }, h("img", { key: '1551482df42aaf36ed5cac7b2834bc276cc5cf52', src: titleIcon, alt: "icon" }), translate('title', this.language)), this.session && (h("div", { key: 'b45e42e56d5abc570b72979490f6e7ff4bf4f1bd', class: "challenges__tabs" }, this.tabs.map((label, index) => (h("div", { class: `challenges__tab ${index === this.activeTabIndex ? 'active' : ''}`, onClick: this.handleTabClick(index) }, label, this.showNotification === index && h("img", { src: notificationIcon }))))))), h("div", { key: 'd1a2a52ff5d26f17e401a7a3707f4153bbbc6290', class: "challenges__content" }, this.challenges.length === 0 && !this.loading && (h("div", { key: 'f0ab8469ac8a795b4d25d925bc1065217398e862', class: "empty" }, translate('empty', this.language))), this.activeTabIndex !== 3 && (h("casino-challenges-list", { key: '2f7aaf6e940668be6e15e1cfb81f5d2d063361ef', challenges: this.challenges, onLoadMore: this.onLoadMore, onTimerExpired: this.onTimerExpired, loading: this.loading, hasMore: ((_a = this.challenges) === null || _a === void 0 ? void 0 : _a.length) < this.total, language: this.language }))))));
+        var _a, _b;
+        return (h("div", { key: '4e2191039d59af380aab5d65f865727e04565ad9', ref: (el) => (this.stylingContainer = el) }, h("div", { key: '5731ae9a18c13c0ff728512442a24e824fcab485', class: "challenges" }, h("div", { key: '391210a6442f95d421a223854b55da4f953a1ec3', class: "challenges__header" }, h("h1", { key: '90d93318a2082f4b19e9c2cc3fa341afcb223eb8', class: "challenges__title" }, h("img", { key: '167c1ee8869310677e864d0f7107bfb7f9e938cd', src: titleIcon, alt: "icon" }), translate('title', this.language)), this.session && (h("div", { key: '1479821da7d79a1d2d53de22b67a0d2d17c43a68', class: "challenges__tabs" }, this.tabs.map((label, index) => (h("div", { class: `challenges__tab ${index === this.activeTabIndex ? 'active' : ''}`, onClick: this.handleTabClick(index) }, label, this.showNotification === index && h("img", { src: notificationIcon }))))))), this.activeTabIndex < 2 && (h("div", { key: 'a0f87282b31054fb2b5c18c6d521530c92540db6', class: "challenges__content" }, this.challenges.length === 0 && !this.loading && (h("div", { key: '313b9431d71fe5d93d41c00d64b718159b86bfd3', class: "empty" }, translate('empty', this.language))), h("casino-challenges-list", { key: '4756590a375cdd1cd70f538084d0194523fa8c41', challenges: this.challenges, onLoadMore: this.onLoadMore, onTimerExpired: this.onTimerExpired, loading: this.loading, hasMore: ((_a = this.challenges) === null || _a === void 0 ? void 0 : _a.length) < this.total, language: this.language, activeTabIndex: this.activeTabIndex }))), this.activeTabIndex === 2 && (h("casino-challenges-player-history", { key: 'd1f077837fafb45d5c257541e3a3db5f149b210e', translationUrl: this.translationUrl, language: this.language, loading: this.loading, playerHistory: this.playerHistory, onLoadMore: this.onLoadMore, hasMore: ((_b = this.playerHistory) === null || _b === void 0 ? void 0 : _b.length) < this.total })))));
     }
     static get is() { return "casino-challenges-container"; }
     static get encapsulation() { return "shadow"; }
@@ -297,6 +310,7 @@ export class CasinoChallengesContainer {
             "error": {},
             "hasError": {},
             "challenges": {},
+            "playerHistory": {},
             "loading": {},
             "pageNumber": {},
             "total": {},

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

@@ -4,10 +4,22 @@ const TRANSLATIONS = {
         title: 'Challenges',
         empty: 'No Challenges'
     },
-    ro: {},
-    fr: {},
-    ar: {},
-    hr: {}
+    ro: {
+        title: 'Provocări',
+        empty: 'Nicio provocare'
+    },
+    fr: {
+        title: 'Défis',
+        empty: 'Aucun défi'
+    },
+    ar: {
+        title: 'التحديات',
+        empty: 'لا توجد تحديات'
+    },
+    hr: {
+        title: 'Izazovi',
+        empty: 'Nema izazova'
+    }
 };
 export const translate = (key, customLang) => {
     const lang = customLang;

package/dist/collection/utils/types.js

@@ -38,3 +38,10 @@ export var EChallengeValidityType;
     EChallengeValidityType[EChallengeValidityType["Period"] = 0] = "Period";
     EChallengeValidityType[EChallengeValidityType["Date"] = 1] = "Date";
 })(EChallengeValidityType || (EChallengeValidityType = {}));
+export var EHistoryItemLevelStatus;
+(function (EHistoryItemLevelStatus) {
+    EHistoryItemLevelStatus[EHistoryItemLevelStatus["Completed"] = 0] = "Completed";
+    EHistoryItemLevelStatus[EHistoryItemLevelStatus["Expired"] = 1] = "Expired";
+    EHistoryItemLevelStatus[EHistoryItemLevelStatus["Forfeited"] = 2] = "Forfeited";
+})(EHistoryItemLevelStatus || (EHistoryItemLevelStatus = {}));
+export const HistoryItemLevelStatusDictionary = ['Completed', 'Expired', 'Forfeited'];