@everymatrix/casino-challenges-container 0.10.28 → 0.10.30

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

@@ -105,9 +105,9 @@ export class CasinoChallengesContainer {
         var _a, _b;
         return [
             { label: translate('active', this.language), showNotification: (_a = this.activeChallenges) === null || _a === void 0 ? void 0 : _a.some((x) => x.IsNew) },
-            { label: translate('pending', this.language), showNotification: (_b = this.pendingChallenges) === null || _b === void 0 ? void 0 : _b.some((x) => x.IsNew) },
-            { label: translate('finished', this.language) },
-            { label: translate('code', this.language) }
+            { 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) },
+            { label: translate('codeTab', this.language) }
         ];
     }
     connectGameToLiveLobby() {
@@ -286,7 +286,7 @@ export class CasinoChallengesContainer {
         }
     }
     render() {
-        return (h("div", { key: 'b39ec87230492228cf8f980f1fcc75d7eb0944a0', ref: (el) => (this.stylingContainer = el) }, h("div", { key: '08bae4d71dee4e812cb2a42880ab1e618672d212', class: "challenges" }, h("div", { key: '9a5573ff4ef8bfaeda84228c96a754b3c4bc2b9e', class: "challenges__header" }, h("h1", { key: 'ec9ae182462413e5138a08768ece0cfe2b77a80d', class: "challenges__title" }, h("img", { key: '1d2a79a25c271a3e8bbf0640f606d75b2aeb973a', src: titleIcon, alt: "icon" }), translate('title', this.language)), this.session && (h("div", { key: 'ee25cad35bf08ab526b338f1facd28a9be6cc850', 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: '46ee509063e5efb447049717a443b1354e9ee308', ref: (el) => (this.stylingContainer = el) }, h("div", { key: '554d7c629308b219b86e3cfb211015e820c2d041', class: "challenges" }, h("div", { key: 'ab83af1e1f47b80d474316132a5a4447b0906c0b', class: "challenges__header" }, h("h1", { key: 'e622dd4a676a4234ee0fd8ac8d9777a2a1d2cf0e', class: "challenges__title" }, h("img", { key: '490a2c44a98c0714bc26dc9e4fc942f2819e298e', src: titleIcon, alt: "icon" }), translate('containerTitle', this.language)), this.session && (h("div", { key: 'f76d2b5834deb4cd26e92a45229434f609f68b9d', 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())));
     }
     static get is() { return "casino-challenges-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,29 +1,12 @@
 const DEFAULT_LANGUAGE = 'en';
-const TRANSLATIONS = {
+export const TRANSLATIONS = {
     en: {
-        title: 'Challenges',
-        empty: 'No Challenges',
-        activeTab: 'Active tab',
+        containerTitle: 'Challenges',
         active: 'Active',
-        pending: 'Pending',
-        finished: 'Finished',
-        code: 'Code'
-    },
-    ro: {
-        title: 'Provocări',
-        empty: 'Nicio provocare'
-    },
-    fr: {
-        title: 'Défis',
-        empty: 'Aucun défi'
-    },
-    ar: {
-        title: 'التحديات',
-        empty: 'لا توجد تحديات'
-    },
-    hr: {
-        title: 'Izazovi',
-        empty: 'Nema izazova'
+        activeTab: 'Active tab',
+        pendingTab: 'Pending',
+        finishedTab: 'Finished',
+        codeTab: 'Code'
     }
 };
 export const translate = (key, customLang) => {
@@ -32,6 +15,9 @@ export const translate = (key, customLang) => {
 };
 export const getTranslations = (data) => {
     Object.keys(data).forEach((item) => {
+        if (!TRANSLATIONS[item]) {
+            TRANSLATIONS[item] = {};
+        }
         for (let key in data[item]) {
             TRANSLATIONS[item][key] = data[item][key];
         }

package/dist/esm/casino-challenge-card_6.entry.js

@@ -1,9 +1,8 @@
 import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-7720ad93.js';
-import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './casino-challenges-container-7aba0ecc.js';
-export { C as casino_challenges_container } from './casino-challenges-container-7aba0ecc.js';
+import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './casino-challenges-container-1f5739c9.js';
+export { C as casino_challenges_container } from './casino-challenges-container-1f5739c9.js';
 
 const DEFAULT_LANGUAGE$3 = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hr'];
 const TRANSLATIONS$3 = {
     en: {
         totalLevels: 'Total levels:',
@@ -25,94 +24,17 @@ const TRANSLATIONS$3 = {
         resume: 'Resume',
         pause: 'Pause',
         new: 'New'
-    },
-    ro: {
-        totalLevels: 'Niveluri totale:',
-        level1: 'Nivel 1:',
-        get: 'Obține:',
-        endsIn: 'Se termină în',
-        expired: 'Expirat',
-        viewDetails: 'Vezi detalii',
-        placeBetsOf: 'Plasează pariuri de',
-        place: 'Plasare',
-        bet: 'pariu',
-        bets: 'pariuri',
-        minBet: 'pariu minim',
-        forfeited: 'Pierdut',
-        finished: 'Terminat',
-        suspended: 'Suspendat',
-        unavailable: 'Indisponibil',
-        start: 'Start',
-        resume: 'Reia',
-        pause: 'Pauză'
-    },
-    fr: {
-        totalLevels: 'Niveaux totaux :',
-        level1: 'Niveau 1 :',
-        get: 'Obtenir :',
-        endsIn: 'Se termine dans',
-        expired: 'Expiré',
-        viewDetails: 'Voir les détails',
-        placeBetsOf: 'Placez des paris de',
-        place: 'Placer',
-        bet: 'pari',
-        bets: 'paris',
-        minBet: 'mise minimale',
-        forfeited: 'Forfait',
-        finished: 'Terminé',
-        suspended: 'Suspendu',
-        unavailable: 'Indisponible',
-        start: 'Démarrer',
-        resume: 'Reprendre',
-        pause: 'Pause'
-    },
-    ar: {
-        totalLevels: 'إجمالي المستويات:',
-        level1: 'المستوى 1:',
-        get: 'احصل على:',
-        endsIn: 'ينتهي في',
-        expired: 'منتهي الصلاحية',
-        viewDetails: 'عرض التفاصيل',
-        placeBetsOf: 'قم بوضع رهانات بقيمة',
-        place: 'ضع',
-        bet: 'رهان',
-        bets: 'رهانات',
-        minBet: 'الحد الأدنى للرهان',
-        forfeited: 'خاسر',
-        finished: 'منتهي',
-        suspended: 'معلق',
-        unavailable: 'غير متاح',
-        start: 'ابدأ',
-        resume: 'استئناف',
-        pause: 'إيقاف مؤقت'
-    },
-    hr: {
-        totalLevels: 'Ukupno razina:',
-        level1: 'Razina 1:',
-        get: 'Dobiti:',
-        endsIn: 'Završava za',
-        expired: 'Isteklo',
-        viewDetails: 'Pogledaj detalje',
-        placeBetsOf: 'Postavite oklade od',
-        place: 'Postavi',
-        bet: 'kladnja',
-        bets: 'kladnje',
-        minBet: 'minimalna oklada',
-        forfeited: 'Oduzeto',
-        finished: 'Završeno',
-        suspended: 'Suspendirano',
-        unavailable: 'غير متاح',
-        start: 'Počni',
-        resume: 'Nastavi',
-        pause: 'Pauza'
     }
 };
 const translate$3 = (key, customLang) => {
     const lang = customLang;
-    return TRANSLATIONS$3[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE$3][key];
+    return TRANSLATIONS$3[lang !== undefined && lang in TRANSLATIONS$3 ? lang : DEFAULT_LANGUAGE$3][key];
 };
 const getTranslations$2 = (data) => {
     Object.keys(data).forEach((item) => {
+        if (!TRANSLATIONS$3[item]) {
+            TRANSLATIONS$3[item] = {};
+        }
         for (let key in data[item]) {
             TRANSLATIONS$3[item][key] = data[item][key];
         }
@@ -263,7 +185,7 @@ const sportsbookSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0
 
 const slotMachineSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzMyNDdfNzg5MCkiPgo8cGF0aCBkPSJNMTkuODMyIDE3LjA0MzhMMjEuMzU2NCAxNy4wMzQ1TDIxLjM4NjQgMTMuNzMwN0wyMi4zNTAyIDEzLjc0NTdDMjIuMzUwMiAxMy43NDU3IDIyLjMyMDIgMTcuMjgwMSAyMi4zMjAyIDE3LjUyMzhDMjIuMzIwMiAxNy43Njk1IDIyLjE2NjQgMTguMDEzMiAyMS45NTI3IDE4LjA0MzJDMjEuNzM4OSAxOC4wNzMyIDIwLjA1NTIgMTguMDczMiAyMC4wNTUyIDE4LjA3MzJMMTkuODMyIDE3LjA0MzhaIiBmaWxsPSIjOUE5QTlBIi8+CjxwYXRoIGQ9Ik0yMC40OTIgMTIuNjgwNkMyMC40Njk1IDEzLjQyMzEgMjAuOTEzOSAxNC4xNDY4IDIxLjkwOTUgMTQuMTM3NEMyMi45MDUxIDE0LjEyODEgMjMuMjUwMSAxMy41MjYyIDIzLjI3MDggMTIuNzg1NkMyMy4yODk1IDEyLjExODEgMjIuODY3NiAxMS4yOTEyIDIxLjg2MjYgMTEuMzE5M0MyMC45NTMzIDExLjM0NTYgMjAuNTEwOCAxMi4wNjE4IDIwLjQ5MiAxMi42ODA2WiIgZmlsbD0iI0RCMEQyQiIvPgo8cGF0aCBkPSJNMjAuOTc4NyAxMi44NzkzQzIxLjMyNTYgMTMuMDI5MyAyMS4zNDA2IDEyLjYyOTkgMjEuNTI5OSAxMi4zNjU2QzIxLjcyMTIgMTIuMDk5MyAyMi4wMzk5IDExLjk5NjIgMjEuODYxOCAxMS43ODA2QzIxLjc1MTIgMTEuNjQ3NCAyMS4zODc0IDExLjUyMTggMjEuMDMxMiAxMS45ODMxQzIwLjc4NzQgMTIuMjk2MiAyMC42ODYyIDEyLjc1MTggMjAuOTc4NyAxMi44NzkzWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEuMTk2NDUgMTguODA4QzEuMTk2NDUgMTguODA4IDEuMTk2NDUgMTEuMDA5OSAxLjI3MzMyIDkuNjgwNTJDMS4zNTAyIDguMzUxMTUgMi41MjU4MiA0Ljc0NTUyIDYuOTQ4OTUgMy4yODg2NUMxMS4zNzIxIDEuODMxNzcgMTUuNTMwOCAzLjQ1NTUyIDE3LjE3MzMgNC44NzQ5QzIwLjE5MDIgNy40ODMwMiAyMC4xMzk2IDkuOTExMTUgMjAuMTM5NiA5LjkxMTE1TDIwLjE2NTggMTguNjAzNkMyMC4xNjU4IDE4LjYwMzYgMjAuNzU2NCAxOS4zNjY4IDIwLjc1NjQgMTkuNTcxMUMyMC43NTY0IDE5Ljc3NTUgMjAuNzUyNyAyMC4yMzg2IDIwLjc1MjcgMjAuMjM4NkwwLjU4MTQ0OCAyMC4yOTExQzAuNTgxNDQ4IDIwLjI5MTEgMC41NjI2OTggMTkuNzQ3NCAwLjY2Mzk0OCAxOS41MTY4QzAuNzY1MTk4IDE5LjI4NjEgMS4xOTY0NSAxOC44MDggMS4xOTY0NSAxOC44MDhaIiBmaWxsPSIjQ0FDQUNBIi8+CjxwYXRoIGQ9Ik0xMC40Nzc3IDAuODc1NDg4QzkuNTY0NTMgMC44NzU0ODggOC45ODE0MSAxLjQ4MTExIDguNzk5NTMgMS45MzY3NEM4LjY0MjAzIDIuMzM0MjQgOC42Mjg5MSAyLjg2MTExIDguNjI4OTEgMi44NjExMUM4LjYyODkxIDIuODYxMTEgOS4xMTA3OCAyLjk2MjM2IDEwLjUxMTQgMi45NjIzNkMxMS45MTIgMi45NjIzNiAxMi4yODE0IDIuODI5MjQgMTIuMjgxNCAyLjgyOTI0QzEyLjI4MTQgMi44MjkyNCAxMi4zNDcgMi4yNjI5OSAxMi4xMzMzIDEuODcyOTlDMTEuODg5NSAxLjQyNjc0IDExLjQzMzkgMC44NzU0ODggMTAuNDc3NyAwLjg3NTQ4OFoiIGZpbGw9IiNEQjBBMjciLz4KPHBhdGggZD0iTTguOTcyMDQgMi40MDE4NUM5LjIxMjA0IDIuNjkwNiA5LjcwODkyIDIuNTI3NDcgMTAuMTU1MiAyLjE3MTIyQzEwLjUyNDUgMS44NzQ5NyAxMC45MzcgMS4zMTYyMiAxMC43MTk1IDEuMTI4NzJDMTAuNDA2NCAwLjg2MDU5NiA5Ljg3MjA0IDEuMDQwNiA5LjQwMTQyIDEuNDA2MjJDOS4xMDg5MiAxLjYzNDk3IDguNzU4MjkgMi4xNDY4NSA4Ljk3MjA0IDIuNDAxODVaIiBmaWxsPSIjRkY0RTIzIi8+CjxwYXRoIGQ9Ik05LjIyMzQ5IDIuMTc4NzZDOS4zNzE2MSAyLjI5Njg4IDkuNTc3ODYgMi4wODMxMyA5Ljg1NzI0IDEuODQ4NzZDMTAuMDkzNSAxLjY1MTg4IDEwLjQ0NiAxLjQ0NzUxIDEwLjMwOTEgMS4yODA2M0MxMC4xNzA0IDEuMTExODggOS44MDA5OSAxLjI2NTYzIDkuNTM0NzQgMS40NzkzOEM5LjI5ODQ5IDEuNjY1MDEgOC45OTI4NiAxLjk5NTAxIDkuMjIzNDkgMi4xNzg3NloiIGZpbGw9IiNGRkZERkQiLz4KPHBhdGggZD0iTTAuNjI4MzE1IDE5LjY4OTJDMC41MzY0NCAxOS44NTA1IDAuNDg5NTY1IDIyLjUyMDUgMC43MTA4MTUgMjIuNjg3NEMwLjkzMjA2NSAyMi44NTQyIDUuMTUyNjkgMjIuNzE1NSAxMC43MzA4IDIyLjcxNTVDMTYuMzA4OSAyMi43MTU1IDIwLjM4ODkgMjIuNjg3NCAyMC41ODM5IDIyLjQzOEMyMC44NjMzIDIyLjA3OCAyMC44NTAyIDE5LjY3MDUgMjAuNzY1OCAxOS41MzE3QzIwLjYwNDYgMTkuMjYxNyAxNS41NTg5IDE5LjQ5NjEgMTAuNzAyNyAxOS41MjQyQzUuNzA1ODIgMTkuNTUwNSAwLjc3MjY5IDE5LjQzNDIgMC42MjgzMTUgMTkuNjg5MloiIGZpbGw9IiM5QTlBOUEiLz4KPHBhdGggZD0iTTEuNjgxNjQgMjAuMzAwNkMxLjQ4NjY0IDIwLjM4MzEgMS40NjAzOSAyMS45MTEyIDEuNjgxNjQgMjEuOTY1NkMxLjk1MTY0IDIyLjAzMzEgOC4wNDE2NCAyMS45ODI0IDEwLjU5NTQgMjEuOTgyNEMxMy4xNDkxIDIxLjk4MjQgMTkuNDczNSAyMi4wNzYyIDE5LjcyMjkgMjEuODU0OUMxOS45NzIzIDIxLjYzMzcgMTkuOTQ5OCAyMC40MjQzIDE5Ljc4MjkgMjAuMjI5M0MxOS42MTYgMjAuMDM0MyAxMy4wODkxIDIwLjE4OTkgMTAuNjQ2IDIwLjE4OTlDOC4yMDI4OSAyMC4xODk5IDIuMDgxMDEgMjAuMTI4MSAxLjY4MTY0IDIwLjMwMDZaIiBmaWxsPSIjODU4NTg1Ii8+CjxwYXRoIGQ9Ik0yLjE4MjM3IDkuNjQxM0MyLjEyNjEyIDkuODM2MyAyLjA5OTg3IDE4LjE4OTQgMi4xODIzNyAxOC4yNDU3QzIuMjY0ODcgMTguMzAxOSAxOS4wNTc0IDE4LjM1NjMgMTkuMjI0MiAxOC4xODk0QzE5LjM5MTEgMTguMDIyNSAxOS4yODA1IDkuNzgwMDUgMTkuMjUyNCA5LjYxMzE3QzE5LjIyNDIgOS40NDYzIDEwLjYxOTkgOS4yNTMxNyAxMC42MTk5IDkuMjUzMTdMMi4xODIzNyA5LjY0MTNaIiBmaWxsPSIjNkY3MTc4Ii8+CjxwYXRoIGQ9Ik0yLjc2MDg2IDEwLjI2MzhDMi43Mjg5OSAxMC4zNSAyLjc3Nzc0IDE3LjY2NjMgMi44NTY0OSAxNy43NDY5QzIuOTM3MTEgMTcuODI3NSAxOC42MTAyIDE3LjcxNSAxOC42OTA5IDE3LjY1MTNDMTguNzcxNSAxNy41ODc1IDE4Ljc1NDYgMTAuMjczMiAxOC42OTA5IDEwLjIxNjlDMTguNjI3MSAxMC4xNTg4IDIuNzkyNzQgMTAuMTczOCAyLjc2MDg2IDEwLjI2MzhaIiBmaWxsPSIjM0EzODM5Ii8+CjxwYXRoIGQ9Ik0xMC43NTA4IDMuNDUzODZDNi45ODk1OCAzLjQyMDExIDQuNjg4OTYgNS4xMzk0OCAzLjY0MDgzIDYuNTMwNzNDMi41OTI3MSA3LjkyMTk4IDIuMDE4OTYgOS4yMDYzNiAyLjE4MDIxIDkuNjQxMzZDMi4yMjMzMyA5Ljc1OTQ4IDQuOTQwMjEgOS42NTI2MSAxMC40MzIxIDkuNjc1MTFDMTUuOTI0IDkuNjk3NjEgMTkuMTYwMiA5Ljc4MDExIDE5LjI1MDIgOS42MTMyM0MxOS4zNDIxIDkuNDQ2MzYgMTguOTY3MSA3LjU1ODIzIDE2LjkyNTIgNS44MDEzNkMxNS4yODY1IDQuMzg3NjEgMTMuMzQ5NiAzLjQ3NjM2IDEwLjc1MDggMy40NTM4NloiIGZpbGw9IiNGRkRCOEIiLz4KPHBhdGggZD0iTTIuNzkwMDQgOS4xMDE0N0MyLjc5MDA0IDkuMTAxNDcgNC42NTE5MSAzLjg3NzcyIDEwLjU3NjkgMy45MjgzNEMxNy4wNjYzIDMuOTg0NTkgMTguMzgyNSA5LjA2Mzk3IDE4LjM4MjUgOS4wNjM5N0wyLjc5MDA0IDkuMTAxNDdaIiBmaWxsPSIjRkZBRjI5Ii8+CjxwYXRoIGQ9Ik01LjYwMzg3IDYuNTI4ODFDNC40ODQ0OSA3LjU0NTA2IDMuOTk1MTIgOC41OTUwNiAzLjk5NTEyIDguNTk1MDZDMy45OTUxMiA4LjU5NTA2IDguMTY4ODcgOC42ODEzMSA4LjE4MDEyIDguNjE3NTZDOC4xOTMyNCA4LjUzNjkzIDUuNjAzODcgNi41Mjg4MSA1LjYwMzg3IDYuNTI4ODFaIiBmaWxsPSIjRkZENjFDIi8+CjxwYXRoIGQ9Ik04LjE5MTg0IDQuOTg5NUM3LjQzODA5IDUuMjMzMjUgNi43OTQ5NiA1LjU4MDEzIDYuMjU2ODQgNS45NjQ1QzYuOTY1NTkgNi42MDk1IDguOTI0OTYgOC4xMDU3NSA5LjE5MTIxIDguMjk1MTNDOS41MDgwOSA4LjUyMDEzIDkuNjEzMDkgOC42NDIgOS42ODQzNCA4LjU5ODg4QzkuNzQyNDYgOC41NjUxMyA5LjU4NDk2IDguMjY4ODggOS41MzQzNCA4LjE0N0M5LjQ0NjIxIDcuOTMxMzggOC40NzEyMSA1Ljc1ODI1IDguMTkxODQgNC45ODk1WiIgZmlsbD0iI0ZGRDYxQyIvPgo8cGF0aCBkPSJNMTEuNzE1IDQuNzMyMzFDMTEuMzI4OCA0LjY3MjMxIDEwLjg0NjkgNC42MTYwNiAxMC40MTk0IDQuNjE5ODFDOS44OTgxMiA0LjYyMzU2IDkuNTQzNzUgNC42NzYwNiA5LjA5Mzc1IDQuNzY2MDZDOS4wOTM3NSA0Ljc2NjA2IDEwLjU3MTIgOC40MjA0MyAxMC42MDMxIDguNTA4NTZDMTAuNjM2OSA4LjU5NjY4IDEwLjcxMTkgOC42ODY2OCAxMC43NTMxIDguNTA4NTZDMTAuNzkyNSA4LjMzMjMxIDExLjcxNSA0LjczMjMxIDExLjcxNSA0LjczMjMxWiIgZmlsbD0iI0ZGRDYxQyIvPgo8cGF0aCBkPSJNMTMuMjQ5OCA4LjY0OTE4QzEzLjI3NiA4LjcwNzMxIDE3LjI5MjMgOC42NzM1NiAxNy4yOTIzIDguNjczNTZDMTcuMjkyMyA4LjY3MzU2IDE2LjcxODUgNy41ODA0MyAxNS41MTQ4IDYuNTM0MThDMTUuNTE0OCA2LjUzMjMxIDEzLjIwMSA4LjUzODU2IDEzLjI0OTggOC42NDkxOFoiIGZpbGw9IiNGRkQ2MUMiLz4KPHBhdGggZD0iTTE0LjgwMzggNS45NDczOUMxNC4xOTI2IDUuNTE5ODkgMTMuNDY2OSA1LjEzNzM5IDEyLjYxNTcgNC44ODk4OUMxMi4zNzc2IDUuNzg5ODkgMTEuODU2MyA3Ljk3MDUyIDExLjgwMzggOC4yNDYxNEMxMS43ODMyIDguMzQ5MjcgMTEuNzEwMSA4LjU2ODY0IDExLjc2MDcgOC42MDk4OUMxMS44MTMyIDguNjUzMDIgMTIuMDAyNiA4LjUzMTE0IDEyLjE2NTcgOC4zNzM2NEMxMi4zNTEzIDguMTkzNjQgMTQuODAzOCA1Ljk0NzM5IDE0LjgwMzggNS45NDczOVoiIGZpbGw9IiNGRkQ2MUMiLz4KPHBhdGggZD0iTTcuNzk0NDQgMTMuOTcyNEM3Ljc2MDY5IDEyLjIwNDMgOC4yMTQ0NCAxMS4xODI0IDguNDQ2OTQgMTAuNzc5M0w0LjM4OTQ0IDEwLjc4NDlDNC4zODk0NCAxMC43ODQ5IDMuMzg4MTkgMTIuMDMxOCAzLjM3MTMxIDEzLjg0MTJDMy4zNTQ0NCAxNS42NTA1IDQuMzIwMDYgMTcuMjE0MyA0LjMyMDA2IDE3LjIxNDNMOC40MjgxOSAxNy4xOTc0QzguMjMxMzEgMTYuNzg0OSA3LjgyODE5IDE1LjcyNzQgNy43OTQ0NCAxMy45NzI0WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTEzLjE1NzcgMTMuOTcyNEMxMy4yMTQgMTIuMzM5MyAxMi44MTQ2IDExLjIzNDkgMTIuNjA0NiAxMC43NzM3TDguODc1MjUgMTAuNzc5M0M4LjY0NjUgMTEuMzI0OSA4LjIzNzc1IDEyLjUwNjIgOC4yNzE1IDEzLjk0MjRDOC4zMDcxMiAxNS41MDgxIDguNzE3NzUgMTYuNzQ1NiA4Ljg4ODM3IDE3LjE5NzRMMTIuNzM0IDE3LjE4MjRDMTIuODYzNCAxNi42Nzk5IDEzLjEwMTUgMTUuNTYwNiAxMy4xNTc3IDEzLjk3MjRaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTcuMTk2MyAxMC43NjgzTDEzLjExODIgMTAuNzczOUMxMy4zNiAxMS4zNzU4IDEzLjc1NTcgMTIuNjA3NyAxMy42ODA3IDE0LjA4MTRDMTMuNjAzOCAxNS41NjQ2IDEzLjMzNzUgMTYuNzA4MyAxMy4yMSAxNy4xNzg5TDE3LjA3NDQgMTcuMTYyMUMxNy4wNzQ0IDE3LjE2MjEgMTguMDU4OCAxNS45Njc3IDE4LjE0NjkgMTQuMTA1OEMxOC4yMzMyIDEyLjI0MzkgMTcuMTk2MyAxMC43NjgzIDE3LjE5NjMgMTAuNzY4M1oiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik01LjE4NDU3IDE3LjIxNDNMNy4wMzg5NSAxNy4yMDQ5QzcuMDM4OTUgMTcuMjA0OSA2Ljg5NjQ1IDE2LjY4MzYgNi4xOTE0NSAxNi43MDI0QzUuNDcxNDUgMTYuNzI0OSA1LjE4NDU3IDE3LjIxNDMgNS4xODQ1NyAxNy4yMTQzWiIgZmlsbD0iI0ZBQjAzNyIvPgo8cGF0aCBkPSJNMTAuMTM5NiAxNy4xOTM1TDExLjU2MDkgMTcuMTg2QzExLjU2MDkgMTcuMTg2IDExLjU0NzggMTYuNzU2NiAxMC44NTIxIDE2Ljc2NkMxMC4yNTIxIDE2Ljc3MzUgMTAuMTY0IDE3LjE0NDggMTAuMTM5NiAxNy4xOTM1WiIgZmlsbD0iI0ZGRDQyOSIvPgo8cGF0aCBkPSJNMTQuNzI0NCAxNy4xNzVMMTYuMzY4NyAxNy4xNjU2QzE2LjM2ODcgMTcuMTY1NiAxNi40NTMxIDE2LjY5NjkgMTYuMDI5NCAxNi42NTk0QzE1LjY2OTQgMTYuNjI3NSAxNS41ODEyIDE2Ljk2MzEgMTUuNTgxMiAxNi45NjMxQzE1LjU4MTIgMTYuOTYzMSAxNS41MDI1IDE2LjcyMTIgMTUuMTg5NCAxNi43MTU2QzE0LjgxMjUgMTYuNzA4MSAxNC43MDc1IDE3LjExODcgMTQuNzI0NCAxNy4xNzVaIiBmaWxsPSIjQTc1RkI3Ii8+CjxwYXRoIGQ9Ik0xNC4zODY3IDEwLjc3MThMMTYuNTQ0OCAxMC43NjgxQzE2LjU0NDggMTAuNzY4MSAxNi41NTggMTEuNDM5MyAxNS43MTYxIDExLjQ1NjJDMTQuNTE2MSAxMS40ODA2IDE0LjM4NjcgMTAuNzcxOCAxNC4zODY3IDEwLjc3MThaIiBmaWxsPSIjRkVCRjIxIi8+CjxwYXRoIGQ9Ik05Ljk5NjA4IDEwLjc3NTZDOS45OTYwOCAxMC43NzU2IDkuODU5MiAxMS4yMzg3IDkuOTU0ODMgMTEuMzI4N0MxMC4wNjczIDExLjQzMTggMTEuNTc4NiAxMS40NTI0IDExLjY4MzYgMTEuMzI0OUMxMS43ODg2IDExLjE5NTYgMTEuNjU3MyAxMC43NzM3IDExLjY1NzMgMTAuNzczN0w5Ljk5NjA4IDEwLjc3NTZaIiBmaWxsPSIjNUI2NDY3Ii8+CjxwYXRoIGQ9Ik01LjExNzE5IDEwLjc4MTNMNy4yNzM0NCAxMC43Nzc2QzcuMjczNDQgMTAuNzc3NiA3LjI5NDA2IDExLjMyNyA2LjMyNDY5IDExLjMzODJDNS4yMjU5NCAxMS4zNTMyIDUuMTE3MTkgMTAuNzgxMyA1LjExNzE5IDEwLjc4MTNaIiBmaWxsPSIjNEU5MjI2Ii8+CjxwYXRoIGQ9Ik05LjY4MjU1IDEyLjQ4OTRDOS42MDE5MiAxMi40OTUgOS40ODE5MiAxMi4xNTM4IDkuMzM3NTUgMTIuMTg1NkM5LjE5MzE3IDEyLjIxNzUgOC45OTI1NSAxMi4yNTY5IDkuMDMzOCAxMy4xODY5QzkuMDc1MDUgMTQuMTE2OSA5LjE0NjMgMTQuMTk1NiA5LjMzMDA1IDE0LjE4ODFDOS41MTM4IDE0LjE4MDYgOS43OTUwNSAxMy42NDQ0IDkuNzk1MDUgMTMuNjQ0NEM5Ljc5NTA1IDEzLjY0NDQgOS45OTE5MiAxMy41NiAxMC4xMjg4IDEzLjU1MDZDMTAuMjY1NyAxMy41NDMxIDEwLjM2MzIgMTMuNjY2OSAxMC41MzE5IDEzLjcyMzFDMTAuNzAwNyAxMy43Nzk0IDEwLjk0MDcgMTMuNzg2OSAxMC45NDA3IDEzLjc4NjlDMTAuOTQwNyAxMy43ODY5IDEwLjM3MjUgMTQuMjY2OSAxMC4xNzk0IDE0Ljg4MzhDOS45ODYzIDE1LjUwMDYgOS45Nzg4IDE2LjEwODEgMTAuMDI3NSAxNi4xNDc1QzEwLjA3NjMgMTYuMTg2OSAxMS41NDA3IDE2LjIwMzggMTEuNTk2OSAxNi4xNjQ0QzExLjY1MzIgMTYuMTI1IDExLjU3MjUgMTQuNDY3NSAxMS44Njg4IDEzLjk0ODFDMTIuMTY1IDEzLjQyODggMTIuNTY0NCAxMi44MDQ0IDEyLjU2NDQgMTIuODA0NEMxMi41NjQ0IDEyLjgwNDQgMTIuNDEyNSAxMi4zOTU2IDEyLjI4NSAxMi4zNDg4QzEyLjE1NzUgMTIuMyAxMS44ODU3IDEyLjUwMDYgMTEuNTQ4MiAxMi40ODU2QzExLjIxMjUgMTIuNDY4OCAxMC44MTg4IDEyLjEzNSAxMC42MiAxMi4wNzY5QzEwLjI4MjUgMTEuOTc3NSA5LjkyMjU1IDEyLjQ3MjUgOS42ODI1NSAxMi40ODk0WiIgZmlsbD0iI0ZGMkIyNiIvPgo8cGF0aCBkPSJNNC42MjM4NSAxMi40NUM0LjU0MzIzIDEyLjQ1NTcgNC40MzA3MyAxMi4xODM4IDQuMjgyNiAxMi4xNzQ0QzQuMTExOTggMTIuMTYzMiAzLjk4NjM1IDEyLjE4OTQgMy45NzUxIDEzLjExNzVDMy45NjU3MyAxNC4wMjg4IDQuMDkxMzUgMTQuMjE2MyA0LjI3NTEgMTQuMjA4OEM0LjQ1ODg1IDE0LjIwMTMgNC43MzgyMyAxMy42MzEzIDQuNzM4MjMgMTMuNjMxM0M0LjczODIzIDEzLjYzMTMgNC44ODgyMyAxMy41Mzc1IDUuMDI4ODUgMTMuNTg0NEM1LjE1ODIzIDEzLjYyNzUgNS4yNTk0OCAxMy43MTE5IDUuNDU2MzUgMTMuNzRDNS42MzI2IDEzLjc2NDQgNS44MzEzNSAxMy43OTQ0IDUuODMxMzUgMTMuNzk0NEM1LjgzMTM1IDEzLjc5NDQgNS4zMTU3MyAxNC4yNTc1IDUuMTIyNiAxNC44NzI1QzQuOTMxMzUgMTUuNDg5NCA0LjkyMTk4IDE2LjA5NjkgNC45NzA3MyAxNi4xMzYzQzUuMDE5NDggMTYuMTc1NyA2LjQ4Mzg1IDE2LjE5MjUgNi41NDAxIDE2LjE1MzJDNi41OTYzNSAxNi4xMTM4IDYuNTUxMzUgMTQuNTEyNSA2Ljg0NzYgMTMuOTkxM0M3LjE0Mzg1IDEzLjQ3IDcuNTA5NDggMTIuNzkxMyA3LjUwOTQ4IDEyLjc5MTNDNy41MDk0OCAxMi43OTEzIDcuMzU3NiAxMi4zODI1IDcuMjMwMSAxMi4zMzU3QzcuMTAyNiAxMi4yODY5IDYuNzY4ODUgMTIuNDQ2MyA2LjQzMzIzIDEyLjQyOTRDNi4wOTc2IDEyLjQxMjUgNS43MzE5OCAxMi4xMDUgNS41MjU3MyAxMi4wNzVDNS4xNDMyMyAxMi4wMTg4IDQuODYzODUgMTIuNDM1IDQuNjIzODUgMTIuNDVaIiBmaWxsPSIjRkYyQjI2Ii8+CjxwYXRoIGQ9Ik0xNC43ODY2IDEyLjM1NjJDMTQuNzA2IDEyLjM2MTkgMTQuNTYzNSAxMi4wNzUgMTQuNDIxIDEyLjEwNjlDMTQuMjc2NiAxMi4xMzg3IDE0LjExOTEgMTIuMTc4MSAxNC4xMTcyIDEzLjEwODFDMTQuMTE1MyAxMy44ODYyIDE0LjIyOTcgMTQuMSAxNC40MTM1IDE0LjEwOTRDMTQuNzA2IDE0LjEyMjUgMTQuODYxNiAxMy42MDY5IDE0Ljg2MTYgMTMuNjA2OUMxNC44NjE2IDEzLjYwNjkgMTUuMDY2IDEzLjUzMzcgMTUuMjAxIDEzLjUyNjJDMTUuMzM3OCAxMy41MTg3IDE1LjQ0NDcgMTMuNTkgMTUuNjEzNSAxMy42NDYyQzE1Ljc4MjIgMTMuNzAyNSAxNS45OTAzIDEzLjcyNSAxNS45OTAzIDEzLjcyNUMxNS45OTAzIDEzLjcyNSAxNS40NTIyIDE0LjE5IDE1LjI2MSAxNC44MDY5QzE1LjA2OTcgMTUuNDIzNyAxNS4wNjAzIDE2LjAzMTIgMTUuMTA5MSAxNi4wNzA2QzE1LjE1NzggMTYuMTEgMTYuNjIyMiAxNi4xMjY5IDE2LjY3ODUgMTYuMDg3NUMxNi43MzQ3IDE2LjA0ODEgMTYuNjYzNSAxNC40Njk0IDE2Ljk1OTcgMTMuOTVDMTcuMjU2IDEzLjQzMDYgMTcuNjUzNSAxMi45MjA2IDE3LjY1MzUgMTIuODA4MUMxNy42NTM1IDEyLjY5NTYgMTcuNDY2IDEyLjI3NTYgMTcuMzM2NiAxMi4yMjY5QzE3LjIwOTEgMTIuMTc4MSAxNi45NjkxIDEyLjM3NSAxNi42MzM1IDEyLjM2QzE2LjI5NzggMTIuMzQzMSAxNS44OTQ3IDEyLjAzIDE1LjY5NiAxMS45NzE5QzE1LjM1ODUgMTEuODcyNSAxNS4wMjg1IDEyLjMzOTQgMTQuNzg2NiAxMi4zNTYyWiIgZmlsbD0iI0ZGMkIyNiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzMyNDdfNzg5MCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K';
 
-const casinoChallengeCardCss = ".card {\n  width: 308px;\n  border-radius: 16px;\n  border: 2px solid var(--emw--button-border-color, rgba(221, 255, 207, 0.1019607843));\n  background-color: var(--emw--color-background, #141515);\n  box-sizing: border-box;\n  position: relative;\n}\n@container challenges-container (max-width: 670px) {\n  .card {\n    width: 100%;\n  }\n}\n.card:hover {\n  background: linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%);\n  cursor: pointer;\n}\n.card__image {\n  width: 100%;\n  height: 200px;\n  border-radius: 16px 16px 0 0;\n  object-fit: cover;\n}\n@container challenges-container (max-width: 576px) {\n  .card__image {\n    height: 224px;\n  }\n}\n.card__image.grayed {\n  opacity: 0.6;\n}\n.card__title {\n  color: var(--emw--color-white, #FFFFFF);\n  font-size: var(--emw--font-size-medium, 16px);\n  height: 39px;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  margin: 0 0 10px;\n  display: flex;\n  justify-content: space-between;\n}\n.card__content {\n  padding: 20px;\n}\n.card__button {\n  margin-top: 20px;\n  width: 100%;\n  height: 34px;\n  background: transparent;\n  text-transform: uppercase;\n  border-radius: var(--emw--button-border-radius, 99px);\n  border: 2px solid var(--emw--button-border-color, #727672);\n  font-size: var(--emw--font-size-x-small, 12px);\n  font-weight: var(--emw--font-weight-bold, 700);\n  color: var(--emw--color-secondary, #e9931e);\n}\n.card__button:hover {\n  border-color: var(--emw--color-secondary, #e9931e);\n  cursor: pointer;\n}\n.card__button.filled {\n  background-color: var(--emw--button-background-primary-color, #18CE51);\n  color: var(--emw--color-white, #FFFFFF);\n  border-color: var(--emw--color-gray-300, #083B17);\n}\n.card__button.filled:hover {\n  color: var(--emw--color-gray-300, #083B17);\n  border-color: transparent;\n  box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);\n}\n.card__button.grayed {\n  color: var(--emw--color-gray-50, #E2E2E2);\n}\n.card__button.grayed:hover {\n  color: var(--emw--color-white, #FFFFFF);\n  border-color: var(--emw--button-primary-border, #24B24E);\n}\n.card__button:hover {\n  border-color: var(--emw--color-secondary, #e9931e);\n  cursor: pointer;\n}\n.card__button:disabled, .card__button:disabled:hover {\n  color: var(--emw--color-gray-50, #E2E2E2);\n  cursor: not-allowed;\n  border: 2px solid var(--emw--button-border-color, #727672);\n  opacity: 0.7;\n}\n.card__badge {\n  position: absolute;\n  background: var(--emw--color-white, #FFFFFF);\n  top: 6px;\n  right: 6px;\n  border-radius: 30px;\n  padding: 2px 12px;\n  line-height: 22px;\n  font-weight: var(--emw--font-weight-medium, 500);\n  font-size: var(--emw--font-size-x-small, 12px);\n  box-shadow: 0 4px 4px 0 var(--emw--button-box-shadow-color, rgba(0, 0, 0, 0.25));\n  backdrop-filter: blur(20px);\n  box-sizing: border-box;\n}\n.card__badge span {\n  font-weight: var(--emw--font-weight-bold, 700);\n}\n.card__badge.expired {\n  background: var(--emw--background-gray-color, rgba(250, 250, 250, 0.5019607843));\n  border: 1px solid var(--emw--border-gray-color, #292C29);\n  font-weight: 700;\n}\n.card__badge.completed {\n  background: var(--emw--background-success-color, #C9F0D7);\n  border: 1px solid var(--emw--border-success-color, #00B74F);\n  color: var(--emw--color-gray-300, #083B17);\n  font-weight: 700;\n}\n.card__badge.forfeited {\n  background: var(--emw--background-errored-color, #FFE1DF);\n  border: 1px solid var(--emw--border-errored-color, #D6421E);\n  color: var(--emw--errored-color, #850606);\n  font-weight: 700;\n}\n.card__badge.paused {\n  background: var(--emw--background-warning-color, #F8E4AD);\n  border: 1px solid var(--emw--border-warning-color, #EA9018);\n  color: var(--emw--warning-color, #6D460A);\n  font-weight: 700;\n}\n.card__icon--casino {\n  width: 24px;\n  height: 24px;\n}\n.card__icon--sportsbook {\n  width: 22px;\n  height: 22px;\n}\n\n.info-item {\n  line-height: 24px;\n  font-size: var(--emw--font-size-small, 14px);\n  font-weight: var(--emw--font-weight-bold, 700);\n  color: var(--emw--color-primary, #1dbf51);\n}\n@container challenges-container (min-width: 576px) {\n  .info-item {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    vertical-align: bottom;\n  }\n}\n.info-item.grayed {\n  color: var(--emw--disabled-color, #727672);\n}\n.info-item__label {\n  font-weight: var(--emw--font-weight-medium, 500);\n  margin-right: 3px;\n  color: var(--emw--color-gray-150, #C8D6CE);\n}\n.info-item__tooltip {\n  position: absolute;\n  line-height: 22px;\n  padding: 8px 12px;\n  border-radius: 8px;\n  opacity: 1;\n  z-index: 200;\n  white-space: normal;\n  font-size: var(--emw--font-size-x-small, 12px);\n  font-weight: var(--emw--font-weight-medium, 500);\n  color: var(--emw--color-white, #FFFFFF);\n  background-color: var(--emw--color-background-secondary, #1B1C2B);\n}\n.info-item__tooltip::before {\n  content: \"\";\n  position: absolute;\n  top: -5px;\n  left: 50%;\n  transform: translateX(-50%);\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n  border-bottom: 6px solid var(--emw--color-background-secondary, #1B1C2B);\n  width: 0;\n  height: 0;\n  z-index: 201;\n}\n\n.progress {\n  background-color: var(--emw--progress-background, rgba(188, 252, 177, 0.1019607843));\n  border-radius: 100px;\n  height: 22px;\n  margin-bottom: 8px;\n  position: relative;\n  align-content: center;\n  padding: 0 2px;\n  box-sizing: border-box;\n}\n.progress.paused {\n  opacity: 0.5;\n}\n.progress.grayed {\n  mix-blend-mode: luminosity;\n}\n.progress__placeholder {\n  height: 28px;\n}\n.progress__icon {\n  width: 11px;\n}\n.progress__point {\n  position: absolute;\n  text-align: center;\n  font-size: 12px;\n  color: var(--emw--color-gray-150, #C8D6CE);\n  font-weight: 700;\n  line-height: 19px;\n  top: 0;\n  height: 19px;\n  width: 19px;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.progress__point.start {\n  left: 0;\n  border: 2px solid var(--emw--button-background-primary-color, #18CE51);\n  background: linear-gradient(90deg, var(--emw--progress-active-level, #24AA4D) 0%, var(--emw--progress-active-level-secondary, #113F21) 100%);\n}\n.progress__point.end {\n  right: 0;\n  border: 2px solid var(--emw--dark-green, #1C8D56);\n  background: var(--emw--color-gray-300, #083B17);\n  opacity: 0.7;\n}\n.progress__point.finished {\n  opacity: 1;\n  border: 2px solid var(--emw--button-background-primary-color, #18CE51);\n  background: linear-gradient(90deg, var(--emw--progress-active-level, #24AA4D) 0%, var(--emw--progress-active-level-secondary, #113F21) 100%);\n}\n.progress__point.hidden {\n  opacity: 0;\n}\n.progress__bar {\n  border-radius: 73px;\n  height: 16px;\n  background: linear-gradient(90deg, var(--emw--secondary-green, #1E654F) 0%, var(--emw--dark-green, #1C8D56) 100%);\n  padding-right: 6px;\n  box-sizing: border-box;\n}\n.progress__text {\n  font-size: 11px;\n  font-weight: 700;\n  line-height: 16px;\n  color: var(--emw--color-gray-50, #E2E2E2);\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.new-label {\n  height: 28px;\n  width: 37px;\n  background: linear-gradient(0deg, var(--emw--new-badge-background-color, #FF3D3D) 0%, var(--emw--new-badge-background-color-2, #A80000) 100%);\n  position: absolute;\n  top: 32px;\n  right: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 50% 100%, 0% 70%);\n}\n.new-label span {\n  background: linear-gradient(to bottom right, var(--emw--color-white, #FFFFFF) 0%, var(--emw--color-gray-100, #D4D4D4) 50%) bottom right/50% 50% no-repeat, linear-gradient(to bottom left, var(--emw--color-white, #FFFFFF) 0%, var(--emw--color-gray-100, #D4D4D4) 50%) bottom left/50% 50% no-repeat, linear-gradient(to top left, var(--emw--color-white, #FFFFFF) 0%, var(--emw--color-gray-100, #D4D4D4) 50%) top left/50% 50% no-repeat, linear-gradient(to top right, var(--emw--color-white, #FFFFFF) 0%, var(--emw--color-gray-100, #D4D4D4) 50%) top right/50% 50% no-repeat;\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n  font-weight: var(--emw--font-weight-bold, 700);\n  font-size: var(--emw--font-size-medium, 14px);\n  padding-bottom: 3px;\n}";
+const casinoChallengeCardCss = ".card {\n  width: 308px;\n  border-radius: 16px;\n  border: 2px solid var(--emw--button-border-color, rgba(221, 255, 207, 0.1019607843));\n  background-color: var(--emw--color-background, #141515);\n  box-sizing: border-box;\n  position: relative;\n  color: var(--emw--color-black, #000000);\n}\n@container challenges-container (max-width: 670px) {\n  .card {\n    width: 100%;\n  }\n}\n.card:hover {\n  background: linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%);\n  cursor: pointer;\n}\n.card__image {\n  width: 100%;\n  height: 200px;\n  border-radius: 16px 16px 0 0;\n  object-fit: cover;\n}\n@container challenges-container (max-width: 576px) {\n  .card__image {\n    height: 224px;\n  }\n}\n.card__image.grayed {\n  opacity: 0.6;\n}\n.card__title {\n  color: var(--emw--color-white, #FFFFFF);\n  font-size: var(--emw--font-size-medium, 16px);\n  height: 39px;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  margin: 0 0 10px;\n  position: relative;\n  padding-right: 32px;\n}\n.card__content {\n  padding: 20px;\n}\n.card__button {\n  margin-top: 20px;\n  width: 100%;\n  height: 34px;\n  background: transparent;\n  text-transform: uppercase;\n  border-radius: var(--emw--button-border-radius, 99px);\n  border: 2px solid var(--emw--button-border-color, #727672);\n  font-size: var(--emw--font-size-x-small, 12px);\n  font-weight: var(--emw--font-weight-bold, 700);\n  color: var(--emw--color-secondary, #e9931e);\n}\n.card__button:hover {\n  border-color: var(--emw--color-secondary, #e9931e);\n  cursor: pointer;\n}\n.card__button.filled {\n  background-color: var(--emw--button-background-primary-color, #18CE51);\n  color: var(--emw--color-white, #FFFFFF);\n  border-color: var(--emw--color-gray-300, #083B17);\n}\n.card__button.filled:hover {\n  color: var(--emw--color-gray-300, #083B17);\n  border-color: transparent;\n  box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);\n}\n.card__button.grayed {\n  color: var(--emw--color-gray-50, #E2E2E2);\n}\n.card__button.grayed:hover {\n  color: var(--emw--color-white, #FFFFFF);\n  border-color: var(--emw--button-primary-border, #24B24E);\n}\n.card__button:hover {\n  border-color: var(--emw--color-secondary, #e9931e);\n  cursor: pointer;\n}\n.card__button:disabled, .card__button:disabled:hover {\n  color: var(--emw--color-gray-50, #E2E2E2);\n  cursor: not-allowed;\n  border: 2px solid var(--emw--button-border-color, #727672);\n  opacity: 0.7;\n}\n.card__badge {\n  position: absolute;\n  background: var(--emw--color-white, #FFFFFF);\n  top: 6px;\n  right: 6px;\n  border-radius: 30px;\n  padding: 2px 12px;\n  line-height: 22px;\n  font-weight: var(--emw--font-weight-medium, 500);\n  font-size: var(--emw--font-size-x-small, 12px);\n  box-shadow: 0 4px 4px 0 var(--emw--button-box-shadow-color, rgba(0, 0, 0, 0.25));\n  backdrop-filter: blur(20px);\n  box-sizing: border-box;\n}\n.card__badge span {\n  font-weight: var(--emw--font-weight-bold, 700);\n}\n.card__badge.expired {\n  background: var(--emw--background-gray-color, rgba(250, 250, 250, 0.5019607843));\n  border: 1px solid var(--emw--border-gray-color, #292C29);\n  font-weight: 700;\n}\n.card__badge.completed {\n  background: var(--emw--background-success-color, #C9F0D7);\n  border: 1px solid var(--emw--border-success-color, #00B74F);\n  color: var(--emw--color-gray-300, #083B17);\n  font-weight: 700;\n}\n.card__badge.forfeited {\n  background: var(--emw--background-errored-color, #FFE1DF);\n  border: 1px solid var(--emw--border-errored-color, #D6421E);\n  color: var(--emw--errored-color, #850606);\n  font-weight: 700;\n}\n.card__badge.paused {\n  background: var(--emw--background-warning-color, #F8E4AD);\n  border: 1px solid var(--emw--border-warning-color, #EA9018);\n  color: var(--emw--warning-color, #6D460A);\n  font-weight: 700;\n}\n.card__icon--casino {\n  width: 24px;\n  height: 24px;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n.card__icon--sportsbook {\n  width: 22px;\n  height: 22px;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n\n.info-item {\n  line-height: 24px;\n  font-size: var(--emw--font-size-small, 14px);\n  font-weight: var(--emw--font-weight-bold, 700);\n  color: var(--emw--color-primary, #1dbf51);\n}\n@container challenges-container (min-width: 576px) {\n  .info-item {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    vertical-align: bottom;\n  }\n}\n.info-item.grayed {\n  color: var(--emw--disabled-color, #727672);\n}\n.info-item__label {\n  font-weight: var(--emw--font-weight-medium, 500);\n  margin-right: 3px;\n  color: var(--emw--color-gray-150, #C8D6CE);\n}\n.info-item__tooltip {\n  position: absolute;\n  line-height: 22px;\n  padding: 8px 12px;\n  border-radius: 8px;\n  opacity: 1;\n  z-index: 200;\n  white-space: normal;\n  font-size: var(--emw--font-size-x-small, 12px);\n  font-weight: var(--emw--font-weight-medium, 500);\n  color: var(--emw--color-white, #FFFFFF);\n  background-color: var(--emw--color-background-secondary, #1B1C2B);\n}\n.info-item__tooltip::before {\n  content: \"\";\n  position: absolute;\n  top: -5px;\n  left: 50%;\n  transform: translateX(-50%);\n  border-left: 6px solid transparent;\n  border-right: 6px solid transparent;\n  border-bottom: 6px solid var(--emw--color-background-secondary, #1B1C2B);\n  width: 0;\n  height: 0;\n  z-index: 201;\n}\n\n.progress {\n  background-color: var(--emw--progress-background, rgba(188, 252, 177, 0.1019607843));\n  border-radius: 100px;\n  height: 22px;\n  margin-bottom: 8px;\n  position: relative;\n  align-content: center;\n  padding: 0 2px;\n  box-sizing: border-box;\n}\n.progress.paused {\n  opacity: 0.5;\n}\n.progress.grayed {\n  mix-blend-mode: luminosity;\n}\n.progress__placeholder {\n  height: 28px;\n}\n.progress__icon {\n  width: 11px;\n}\n.progress__point {\n  position: absolute;\n  text-align: center;\n  font-size: 12px;\n  color: var(--emw--color-gray-150, #C8D6CE);\n  font-weight: 700;\n  line-height: 19px;\n  top: 0;\n  height: 19px;\n  width: 19px;\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.progress__point.start {\n  left: 0;\n  border: 2px solid var(--emw--button-background-primary-color, #18CE51);\n  background: linear-gradient(90deg, var(--emw--progress-active-level, #24AA4D) 0%, var(--emw--progress-active-level-secondary, #113F21) 100%);\n}\n.progress__point.end {\n  right: 0;\n  border: 2px solid var(--emw--dark-green, #1C8D56);\n  background: var(--emw--color-gray-300, #083B17);\n  opacity: 0.7;\n}\n.progress__point.finished {\n  opacity: 1;\n  border: 2px solid var(--emw--button-background-primary-color, #18CE51);\n  background: linear-gradient(90deg, var(--emw--progress-active-level, #24AA4D) 0%, var(--emw--progress-active-level-secondary, #113F21) 100%);\n}\n.progress__point.hidden {\n  opacity: 0;\n}\n.progress__bar {\n  border-radius: 73px;\n  height: 16px;\n  background: linear-gradient(90deg, var(--emw--secondary-green, #1E654F) 0%, var(--emw--dark-green, #1C8D56) 100%);\n  padding-right: 6px;\n  box-sizing: border-box;\n}\n.progress__text {\n  font-size: 11px;\n  font-weight: 700;\n  line-height: 16px;\n  color: var(--emw--color-gray-50, #E2E2E2);\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.new-label {\n  height: 28px;\n  width: 37px;\n  background: linear-gradient(0deg, var(--emw--new-badge-background-color, #FF3D3D) 0%, var(--emw--new-badge-background-color-2, #A80000) 100%);\n  position: absolute;\n  top: 32px;\n  right: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 50% 100%, 0% 70%);\n}\n.new-label span {\n  background: linear-gradient(to bottom right, var(--emw--color-white, #FFFFFF) 0%, var(--emw--color-gray-100, #D4D4D4) 50%) bottom right/50% 50% no-repeat, linear-gradient(to bottom left, var(--emw--color-white, #FFFFFF) 0%, var(--emw--color-gray-100, #D4D4D4) 50%) bottom left/50% 50% no-repeat, linear-gradient(to top left, var(--emw--color-white, #FFFFFF) 0%, var(--emw--color-gray-100, #D4D4D4) 50%) top left/50% 50% no-repeat, linear-gradient(to top right, var(--emw--color-white, #FFFFFF) 0%, var(--emw--color-gray-100, #D4D4D4) 50%) top right/50% 50% no-repeat;\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n  font-weight: var(--emw--font-weight-bold, 700);\n  font-size: var(--emw--font-size-medium, 14px);\n  padding-bottom: 3px;\n}";
 const CasinoChallengeCardStyle0 = casinoChallengeCardCss;
 
 const CasinoChallengeCard = class {
@@ -564,19 +486,11 @@ CasinoChallengeCard.style = CasinoChallengeCardStyle0;
 const DEFAULT_LANGUAGE$2 = 'en';
 const TRANSLATIONS$2 = {
     en: {
-        title: 'Enter the secret code to unlock hidden quests and rewards.',
-        btnText: 'Apply code',
-        successMessage: 'The code was successfully applied.',
-        inputLabel: '3–30 characters, no spaces',
-        lengthMinError: 'Code must be at least 3 characters',
-        lengthMaxError: 'Too long — max 30 characters',
-        formatError: 'Invalid code format. Please use only Latin letters (case-sensitive), numbers, and special characters.',
-        genericError: 'Something went wrong, please retry'
-    },
-    ro: {},
-    fr: {},
-    ar: {},
-    hr: {}
+        claimCodeTitle: 'Enter the secret code to unlock hidden quests and rewards.',
+        claimCodeSuccessMessage: 'The code was successfully applied.',
+        claimCodeInputLabel: '3–30 characters, no spaces',
+        claimCodeBtnText: 'Apply code',
+    }
 };
 const translate$2 = (key, customLang) => {
     const lang = customLang;
@@ -584,6 +498,9 @@ const translate$2 = (key, customLang) => {
 };
 const getTranslations$1 = (data) => {
     Object.keys(data).forEach((item) => {
+        if (!TRANSLATIONS$2[item]) {
+            TRANSLATIONS$2[item] = {};
+        }
         for (let key in data[item]) {
             TRANSLATIONS$2[item][key] = data[item][key];
         }
@@ -617,7 +534,7 @@ const CasinoChallengesClaimCode = class {
             if (this.endpoint && this.session && this.domain) {
                 const response = await this.applyCode();
                 if (response.Success) {
-                    this.openNotification.emit({ message: translate$2('successMessage', this.language) });
+                    this.openNotification.emit({ message: translate$2('claimCodeSuccessMessage', this.language) });
                 }
                 else {
                     this.hasError = true;
@@ -703,7 +620,7 @@ const CasinoChallengesClaimCode = class {
         return val.length >= 3 && val.length <= 30 && this.asciiPrintableRegex.test(val);
     }
     render() {
-        return (h("div", { key: '241aeeb9f0f0984bbf0367a7c925e0b84ef15fa0', ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'f20ec43253905cb0e9a356f65d1e51e695f784cf', class: "container" }, h("p", { key: 'a4c3b0ca894db101c192f7c62ff141ec51eaede1', class: "container__title" }, translate$2('title', this.language)), h("input", { key: 'c99bdd43659c9d2fc06702fe041eab8458bb0ee5', class: `code-input ${this.hasError ? 'errored' : ''}`, type: "text", placeholder: "e.g. SPRING24", onInput: this.handleInput }), h("p", { key: 'c2aacc2d4a23c7d222f895dce3a3a47b8f03f587', class: "code-input__text" }, translate$2('inputLabel', this.language)), h("button", { key: '51e79d07278368567026d31b0c70e8c9f0eb4840', class: "container__button", onClick: this.handleSubmit, disabled: this.loading || !this.code || this.hasError }, translate$2('btnText', this.language)))));
+        return (h("div", { key: '1851f81fab42f91bf0fc6caf7cd511a2d65cd2dc', ref: (el) => (this.stylingContainer = el) }, h("div", { key: '21f59630652cb8ea012fff54aa4aacc3599622c1', class: "container" }, h("p", { key: '601bbd84b46e514275037c2fc95587eff435215d', class: "container__title" }, translate$2('claimCodeTitle', this.language)), h("input", { key: 'fb2ae2a629c064e5cce8c9dbcfcc6f2d134ee1e8', class: `code-input ${this.hasError ? 'errored' : ''}`, type: "text", placeholder: "e.g. SPRING24", onInput: this.handleInput }), h("p", { key: '6aec852b1620e4784b2f9e563a87290a66d46801', class: "code-input__text" }, translate$2('claimCodeInputLabel', this.language)), h("button", { key: 'e7b489081cd2c3d9ec9c52db60064f6c6fbef662', class: "container__button", onClick: this.handleSubmit, disabled: this.loading || !this.code || this.hasError }, translate$2('claimCodeBtnText', this.language)))));
     }
     static get watchers() { return {
         "clientStyling": ["handleClientStylingChange"],
@@ -718,13 +635,9 @@ const emptyStateSvg$1 = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdod
 const DEFAULT_LANGUAGE$1 = 'en';
 const TRANSLATIONS$1 = {
     en: {
-        emptyTitle: 'Nothing here — yet!',
-        emptyDescription: 'No challenges at the moment. Try exploring events or keep playing to unlock new ones.'
-    },
-    ro: {},
-    fr: {},
-    ar: {},
-    hr: {}
+        listEmptyTitle: 'Nothing here — yet!',
+        listEmptyDescription: 'No challenges at the moment. Try exploring events or keep playing to unlock new ones.'
+    }
 };
 const translate$1 = (key, customLang) => {
     const lang = customLang;
@@ -830,10 +743,10 @@ const CasinoChallengeList = class {
         }
     }
     renderEmptyState() {
-        return (h("div", { class: "empty" }, h("img", { src: emptyStateSvg$1 }), h("b", null, translate$1('emptyTitle', this.language)), h("span", null, translate$1('emptyDescription', this.language))));
+        return (h("div", { class: "empty" }, h("img", { src: emptyStateSvg$1 }), h("b", null, translate$1('listEmptyTitle', this.language)), h("span", null, translate$1('listEmptyDescription', this.language))));
     }
     render() {
-        return (h("div", { key: '8028a3fdc24ea18de2266eb5e34cfe5f9add779f', ref: (el) => (this.stylingContainer = el) }, this.challenges.length === 0 && !this.loading && this.renderEmptyState(), h("div", { key: 'ab1b0dc25aa05d9678064b8edef2f35b392319ce', class: "challenges-list" }, this.challenges.map((challenge, index) => (h("div", { key: challenge.Id, ref: index === this.challenges.length - 1 ? this.setLastItemRef : null, class: "list-item" }, h("casino-challenge-card", { challenge: challenge, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, onTimerExpired: this.onTimerExpired, onItemViewed: this.onItemViewed, activeTabIndex: this.activeTabIndex, isUserAuthorized: this.isUserAuthorized, userId: this.userId, endpoint: this.endpoint, session: this.session, domain: this.domain })))), this.loading && this.renderSkeletons())));
+        return (h("div", { key: '581e42c5b46ebc376aa107462a6a2653e3fe5996', ref: (el) => (this.stylingContainer = el) }, this.challenges.length === 0 && !this.loading && this.renderEmptyState(), h("div", { key: '957c68a659c032f029307f4b77bcad32850e1010', class: "challenges-list" }, this.challenges.map((challenge, index) => (h("div", { key: challenge.Id, ref: index === this.challenges.length - 1 ? this.setLastItemRef : null, class: "list-item" }, h("casino-challenge-card", { challenge: challenge, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, onTimerExpired: this.onTimerExpired, onItemViewed: this.onItemViewed, activeTabIndex: this.activeTabIndex, isUserAuthorized: this.isUserAuthorized, userId: this.userId, endpoint: this.endpoint, session: this.session, domain: this.domain })))), this.loading && this.renderSkeletons())));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -858,28 +771,8 @@ const TRANSLATIONS = {
         level: 'Level',
         status: 'Status',
         time: 'Time',
-        emptyTitle: 'Nothing here — yet!',
-        emptyDescription: 'Join challenges and unlock your history of victories in this section.'
-    },
-    ro: {
-        level: 'Nivel',
-        status: 'Stare',
-        time: 'Timp'
-    },
-    fr: {
-        level: 'Niveau',
-        status: 'Statut',
-        time: 'Temps'
-    },
-    ar: {
-        level: 'المستوى',
-        status: 'الحالة',
-        time: 'الوقت'
-    },
-    hr: {
-        level: 'Razina',
-        status: 'Status',
-        time: 'Vrijeme'
+        playerHistoryEmptyTitle: 'Nothing here — yet!',
+        playerHistoryEmptyDescription: 'Join challenges and unlock your history of victories in this section.'
     }
 };
 const translate = (key, customLang) => {
@@ -888,6 +781,9 @@ const translate = (key, customLang) => {
 };
 const getTranslations = (data) => {
     Object.keys(data).forEach((item) => {
+        if (!TRANSLATIONS[item]) {
+            TRANSLATIONS[item] = {};
+        }
         for (let key in data[item]) {
             TRANSLATIONS[item][key] = data[item][key];
         }
@@ -3210,10 +3106,10 @@ const CasinoChallengesPlayerHistory = class {
         return skeletons.map((skeleton) => (h("div", { class: "loader", key: skeleton }, h("ui-skeleton", { structure: "title", width: "auto", height: "60px", marginBottom: 0 }))));
     }
     renderEmptyState() {
-        return (h("div", { class: "empty" }, h("img", { src: emptyStateSvg }), h("b", null, translate('emptyTitle', this.language)), h("span", null, translate('emptyDescription', this.language))));
+        return (h("div", { class: "empty" }, h("img", { src: emptyStateSvg }), h("b", null, translate('playerHistoryEmptyTitle', this.language)), h("span", null, translate('playerHistoryEmptyDescription', this.language))));
     }
     render() {
-        return (h("div", { key: '90fb797053cfa07c56dffc17865fb1cc9883bca7', ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'a43e4b60b3967150ddd5425bfc94a41b0372bc31', class: "history" }, this.playerHistory.map((item, index) => (h("div", { class: "item", ref: index === this.playerHistory.length - 1 ? this.setLastItemRef : null }, h("button", { class: "header", onClick: () => this.toggle(index) }, h("span", null, item.Name), h("img", { src: this.openItems[index] ? arrowUpSvg : arrowDownSvg })), h("div", { class: `content ${this.openItems[index] ? 'open' : ''}` }, h("div", { class: "row list-header" }, h("span", { class: "col-1" }, translate('level', this.language)), h("span", { class: "col-2" }, translate('status', this.language)), h("span", { class: "col-2" }, translate('time', this.language))), item.Levels.map((level) => this.renderLevel(level)))))), this.loading && this.renderSkeletons(), !this.playerHistory.length && !this.loading && this.renderEmptyState())));
+        return (h("div", { key: 'db8489f80dde691f596fe757d4eb635b53b87cf0', ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'ffb1ebaacbff9418ed8a5cf62b1cf97c66f07bb9', class: "history" }, this.playerHistory.map((item, index) => (h("div", { class: "item", ref: index === this.playerHistory.length - 1 ? this.setLastItemRef : null }, h("button", { class: "header", onClick: () => this.toggle(index) }, h("span", null, item.Name), h("img", { src: this.openItems[index] ? arrowUpSvg : arrowDownSvg })), h("div", { class: `content ${this.openItems[index] ? 'open' : ''}` }, h("div", { class: "row list-header" }, h("span", { class: "col-1" }, translate('level', this.language)), h("span", { class: "col-2" }, translate('status', this.language)), h("span", { class: "col-2" }, translate('time', this.language))), item.Levels.map((level) => this.renderLevel(level)))))), this.loading && this.renderSkeletons(), !this.playerHistory.length && !this.loading && this.renderEmptyState())));
     }
     static get watchers() { return {
         "clientStyling": ["handleClientStylingChange"],

package/dist/esm/{casino-challenges-container-7aba0ecc.js → casino-challenges-container-1f5739c9.js}

@@ -121,29 +121,12 @@ function getAdoptStyleSubscription(stylingContainer, domain) {
 const DEFAULT_LANGUAGE = 'en';
 const TRANSLATIONS = {
     en: {
-        title: 'Challenges',
-        empty: 'No Challenges',
-        activeTab: 'Active tab',
+        containerTitle: 'Challenges',
         active: 'Active',
-        pending: 'Pending',
-        finished: 'Finished',
-        code: 'Code'
-    },
-    ro: {
-        title: 'Provocări',
-        empty: 'Nicio provocare'
-    },
-    fr: {
-        title: 'Défis',
-        empty: 'Aucun défi'
-    },
-    ar: {
-        title: 'التحديات',
-        empty: 'لا توجد تحديات'
-    },
-    hr: {
-        title: 'Izazovi',
-        empty: 'Nema izazova'
+        activeTab: 'Active tab',
+        pendingTab: 'Pending',
+        finishedTab: 'Finished',
+        codeTab: 'Code'
     }
 };
 const translate = (key, customLang) => {
@@ -152,6 +135,9 @@ const translate = (key, customLang) => {
 };
 const getTranslations = (data) => {
     Object.keys(data).forEach((item) => {
+        if (!TRANSLATIONS[item]) {
+            TRANSLATIONS[item] = {};
+        }
         for (let key in data[item]) {
             TRANSLATIONS[item][key] = data[item][key];
         }
@@ -1392,9 +1378,9 @@ const CasinoChallengesContainer = class {
         var _a, _b;
         return [
             { label: translate('active', this.language), showNotification: (_a = this.activeChallenges) === null || _a === void 0 ? void 0 : _a.some((x) => x.IsNew) },
-            { label: translate('pending', this.language), showNotification: (_b = this.pendingChallenges) === null || _b === void 0 ? void 0 : _b.some((x) => x.IsNew) },
-            { label: translate('finished', this.language) },
-            { label: translate('code', this.language) }
+            { 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) },
+            { label: translate('codeTab', this.language) }
         ];
     }
     connectGameToLiveLobby() {
@@ -1573,7 +1559,7 @@ const CasinoChallengesContainer = class {
         }
     }
     render() {
-        return (h("div", { key: 'b39ec87230492228cf8f980f1fcc75d7eb0944a0', ref: (el) => (this.stylingContainer = el) }, h("div", { key: '08bae4d71dee4e812cb2a42880ab1e618672d212', class: "challenges" }, h("div", { key: '9a5573ff4ef8bfaeda84228c96a754b3c4bc2b9e', class: "challenges__header" }, h("h1", { key: 'ec9ae182462413e5138a08768ece0cfe2b77a80d', class: "challenges__title" }, h("img", { key: '1d2a79a25c271a3e8bbf0640f606d75b2aeb973a', src: titleIconSvg, alt: "icon" }), translate('title', this.language)), this.session && (h("div", { key: 'ee25cad35bf08ab526b338f1facd28a9be6cc850', 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: notificationSvg }))))))), this.renderChallengesContent(), this.notification && this.renderNotification())));
+        return (h("div", { key: '46ee509063e5efb447049717a443b1354e9ee308', ref: (el) => (this.stylingContainer = el) }, h("div", { key: '554d7c629308b219b86e3cfb211015e820c2d041', class: "challenges" }, h("div", { key: 'ab83af1e1f47b80d474316132a5a4447b0906c0b', class: "challenges__header" }, h("h1", { key: 'e622dd4a676a4234ee0fd8ac8d9777a2a1d2cf0e', class: "challenges__title" }, h("img", { key: '490a2c44a98c0714bc26dc9e4fc942f2819e298e', src: titleIconSvg, alt: "icon" }), translate('containerTitle', this.language)), this.session && (h("div", { key: 'f76d2b5834deb4cd26e92a45229434f609f68b9d', 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: notificationSvg }))))))), this.renderChallengesContent(), this.notification && this.renderNotification())));
     }
     static get watchers() { return {
         "clientStyling": ["handleClientStylingChange"],

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export { C as CasinoChallengesContainer } from './casino-challenges-container-7aba0ecc.js';
+export { C as CasinoChallengesContainer } from './casino-challenges-container-1f5739c9.js';
 import './index-7720ad93.js';

package/dist/types/utils/locale.utils.d.ts

@@ -1,3 +1,11 @@
+interface Translation {
+    [key: string]: string;
+}
+interface Translations {
+    en: Translation;
+}
+export declare const TRANSLATIONS: Translations;
 export declare const translate: (key: string, customLang?: any) => string;
 export declare const getTranslations: (data: any) => void;
 export declare const resolveTranslationUrl: (translationUrl: string) => Promise<void>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-challenges-container",
-  "version": "0.10.28",
+  "version": "0.10.30",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",