@everymatrix/casino-challenge-card 1.85.11 → 1.85.13

package/dist/esm/casino-challenge-card-a61ede26.js

@@ -1,573 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-3c031981.js';
-
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hr'];
-const TRANSLATIONS = {
-    en: {
-        totalLevels: 'Total levels:',
-        level1: 'Level 1:',
-        get: 'Get:',
-        endsIn: 'Ends In',
-        expired: 'Expired',
-        viewDetails: 'View details',
-        placeBetsOf: 'Place bets of',
-        place: 'Place',
-        bet: 'bet',
-        bets: 'bets',
-        minBet: 'min bet',
-        forfeited: 'Forfeited',
-        finished: 'Finished',
-        suspended: 'Suspended',
-        unavailable: 'Unavailable',
-        start: 'Start',
-        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 = (key, customLang) => {
-    const lang = customLang;
-    return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
-};
-const getTranslations = (data) => {
-    Object.keys(data).forEach((item) => {
-        for (let key in data[item]) {
-            TRANSLATIONS[item][key] = data[item][key];
-        }
-    });
-};
-const resolveTranslationUrl = async (translationUrl) => {
-    if (translationUrl) {
-        try {
-            const response = await fetch(translationUrl);
-            if (!response.ok) {
-                throw new Error(`HTTP error! status: ${response.status}`);
-            }
-            const translations = await response.json();
-            getTranslations(translations);
-        }
-        catch (error) {
-            console.error('Failed to fetch or parse translations from URL:', error);
-        }
-    }
-};
-
-var EChallengeLevelTargetType;
-(function (EChallengeLevelTargetType) {
-    EChallengeLevelTargetType[EChallengeLevelTargetType["Accumulative"] = 0] = "Accumulative";
-    EChallengeLevelTargetType[EChallengeLevelTargetType["SingleBet"] = 1] = "SingleBet";
-    EChallengeLevelTargetType[EChallengeLevelTargetType["MultipleOneBetSize"] = 2] = "MultipleOneBetSize";
-})(EChallengeLevelTargetType || (EChallengeLevelTargetType = {}));
-var EChallengeRecurrenceType;
-(function (EChallengeRecurrenceType) {
-    EChallengeRecurrenceType[EChallengeRecurrenceType["Single"] = 0] = "Single";
-    EChallengeRecurrenceType[EChallengeRecurrenceType["Daily"] = 1] = "Daily";
-    EChallengeRecurrenceType[EChallengeRecurrenceType["Weekly"] = 2] = "Weekly";
-    EChallengeRecurrenceType[EChallengeRecurrenceType["Monthly"] = 3] = "Monthly";
-})(EChallengeRecurrenceType || (EChallengeRecurrenceType = {}));
-var EChallengeRewardType;
-(function (EChallengeRewardType) {
-    EChallengeRewardType[EChallengeRewardType["FreeSpins"] = 0] = "FreeSpins";
-    EChallengeRewardType[EChallengeRewardType["LuckyWheel"] = 1] = "LuckyWheel";
-    EChallengeRewardType[EChallengeRewardType["Leaderboard"] = 2] = "Leaderboard";
-    EChallengeRewardType[EChallengeRewardType["Challenge"] = 3] = "Challenge";
-    EChallengeRewardType[EChallengeRewardType["Custom"] = 4] = "Custom";
-})(EChallengeRewardType || (EChallengeRewardType = {}));
-var EChallengeStatus;
-(function (EChallengeStatus) {
-    EChallengeStatus[EChallengeStatus["Draft"] = 0] = "Draft";
-    EChallengeStatus[EChallengeStatus["Enabled"] = 1] = "Enabled";
-    EChallengeStatus[EChallengeStatus["Paused"] = 2] = "Paused";
-    EChallengeStatus[EChallengeStatus["Closed"] = 3] = "Closed";
-    EChallengeStatus[EChallengeStatus["Deleted"] = 4] = "Deleted";
-})(EChallengeStatus || (EChallengeStatus = {}));
-var EChallengeProgressStatus;
-(function (EChallengeProgressStatus) {
-    EChallengeProgressStatus[EChallengeProgressStatus["Started"] = 0] = "Started";
-    EChallengeProgressStatus[EChallengeProgressStatus["InProgress"] = 1] = "InProgress";
-    EChallengeProgressStatus[EChallengeProgressStatus["PendingLevelReward"] = 2] = "PendingLevelReward";
-    EChallengeProgressStatus[EChallengeProgressStatus["Completed"] = 3] = "Completed";
-    EChallengeProgressStatus[EChallengeProgressStatus["Expired"] = 4] = "Expired";
-    EChallengeProgressStatus[EChallengeProgressStatus["Forfeited"] = 5] = "Forfeited";
-    EChallengeProgressStatus[EChallengeProgressStatus["Awaiting"] = 6] = "Awaiting";
-    EChallengeProgressStatus[EChallengeProgressStatus["Paused"] = 7] = "Paused";
-})(EChallengeProgressStatus || (EChallengeProgressStatus = {}));
-var EChallengeProgressLevelStatus;
-(function (EChallengeProgressLevelStatus) {
-    EChallengeProgressLevelStatus[EChallengeProgressLevelStatus["Closed"] = 0] = "Closed";
-    EChallengeProgressLevelStatus[EChallengeProgressLevelStatus["InProgress"] = 1] = "InProgress";
-    EChallengeProgressLevelStatus[EChallengeProgressLevelStatus["Fillup"] = 2] = "Fillup";
-    EChallengeProgressLevelStatus[EChallengeProgressLevelStatus["Completed"] = 3] = "Completed";
-})(EChallengeProgressLevelStatus || (EChallengeProgressLevelStatus = {}));
-const ChallengeStatusDictionary = [
-    'started',
-    'inProgress',
-    'pendingLevelReward',
-    'completed',
-    'expired',
-    'forfeited',
-    'awaiting',
-    'paused'
-];
-var EChallengeTriggerType;
-(function (EChallengeTriggerType) {
-    EChallengeTriggerType[EChallengeTriggerType["GameLaunch"] = 0] = "GameLaunch";
-    EChallengeTriggerType[EChallengeTriggerType["Reward"] = 1] = "Reward";
-    EChallengeTriggerType[EChallengeTriggerType["Manual"] = 2] = "Manual";
-})(EChallengeTriggerType || (EChallengeTriggerType = {}));
-var EChallengeValidityType;
-(function (EChallengeValidityType) {
-    EChallengeValidityType[EChallengeValidityType["Period"] = 0] = "Period";
-    EChallengeValidityType[EChallengeValidityType["Date"] = 1] = "Date";
-})(EChallengeValidityType || (EChallengeValidityType = {}));
-
-function getTimeLeft(endTime) {
-    const now = new Date();
-    const end = new Date(endTime);
-    let diff = end.getTime() - now.getTime();
-    if (diff <= 0) {
-        return;
-    }
-    const days = Math.floor(diff / (1000 * 60 * 60 * 24));
-    diff -= days * (1000 * 60 * 60 * 24);
-    const hours = Math.floor(diff / (1000 * 60 * 60));
-    diff -= hours * (1000 * 60 * 60);
-    const minutes = Math.floor(diff / (1000 * 60));
-    diff -= minutes * (1000 * 60);
-    const seconds = Math.floor(diff / 1000);
-    const pad = (n) => n.toString().padStart(2, '0');
-    return `${pad(days)} : ${pad(hours)} : ${pad(minutes)} : ${pad(seconds)}`;
-}
-
-/**
- * @name setClientStyling
- * @description Method used to create and append to the passed element of the widget a style element with the content received
- * @param {HTMLElement} stylingContainer The reference element of the widget
- * @param {string} clientStyling The style content
- */
-function setClientStyling(stylingContainer, clientStyling) {
-  if (stylingContainer) {
-    const sheet = document.createElement('style');
-    sheet.innerHTML = clientStyling;
-    stylingContainer.appendChild(sheet);
-  }
-}
-
-/**
- * @name setClientStylingURL
- * @description Method used to create and append to the passed element of the widget a style element with the content fetched from a given URL
- * @param {HTMLElement} stylingContainer The reference element of the widget
- * @param {string} clientStylingUrl The URL of the style content
- */
-function setClientStylingURL(stylingContainer, clientStylingUrl) {
-  const url = new URL(clientStylingUrl);
-
-  fetch(url.href)
-    .then((res) => res.text())
-    .then((data) => {
-      const cssFile = document.createElement('style');
-      cssFile.innerHTML = data;
-      if (stylingContainer) {
-        stylingContainer.appendChild(cssFile);
-      }
-    })
-    .catch((err) => {
-      console.error('There was an error while trying to load client styling from URL', err);
-    });
-}
-
-/**
- * @name setStreamLibrary
- * @description Method used to create and append to the passed element of the widget a style element with content fetched from the MessageBus
- * @param {HTMLElement} stylingContainer The highest element of the widget
- * @param {string} domain The domain from where the content should be fetched (e.g. 'Casino.Style', 'App.Style', 'casino-footer.style', etc.)
- * @param {ref} subscription A reference to a variable where the subscription should be saved for unsubscribing when no longer needed
- */
-function setStreamStyling(stylingContainer, domain, subscription) {
-  if (window.emMessageBus) {
-    const sheet = document.createElement('style');
-
-    window.emMessageBus.subscribe(domain, (data) => {
-      sheet.innerHTML = data;
-      if (stylingContainer) {
-        stylingContainer.appendChild(sheet);
-      }
-    });
-  }
-}
-
-const finishSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNjQ0NTQgMTIuMTI2MkMxLjU5ODQyIDEyLjEyNzkgMS41NTEyOSAxMi4xMjI3IDEuNTA0MzIgMTIuMTA5OUMxLjI1NzU3IDEyLjA0MjEgMS4xMTI0OSAxMS43ODcyIDEuMTgwMjIgMTEuNTQwM0wzLjUzMDE2IDIuOTU4N0MzLjU5NzkxIDIuNzEyMSAzLjg1MjIyIDIuNTY2NzQgNC4wOTk3MyAyLjYzNDZDNC4zNDY0NyAyLjcwMjM0IDQuNDkxNTUgMi45NTcyNyA0LjQyMzgyIDMuMjA0MTZMMi4wNzM4OCAxMS43ODU4QzIuMDE5MDIgMTEuOTg1NSAxLjg0MTIzIDEyLjExODggMS42NDQ1NCAxMi4xMjYyWiIgZmlsbD0iIzM2QkEzQiIvPgo8cGF0aCBkPSJNMS41NjMwNCAxMS4yNjM0QzEuNTQ3NjggMTEuMjYzOSAxLjUzMTk4IDExLjI2MjIgMS41MTYzMyAxMS4yNTc5QzEuNDM0MTQgMTEuMjM1NCAxLjM4NTgyIDExLjE1MDUgMS40MDgzOCAxMS4wNjgyTDMuNjU4MTMgMi45MTUwM0MzLjY4MDY5IDIuODMyODkgMy43NjU0MSAyLjc4NDQ3IDMuODQ3ODUgMi44MDcwN0MzLjkzMDA0IDIuODI5NjMgMy45NzgzNyAyLjkxNDU1IDMuOTU1OCAyLjk5Njc5TDEuNzA2MDUgMTEuMTVDMS42ODc3OCAxMS4yMTY1IDEuNjI4NTYgMTEuMjYwOSAxLjU2MzA0IDExLjI2MzRaIiBmaWxsPSIjQkNGQ0IxIiBmaWxsLW9wYWNpdHk9IjAuMSIvPgo8cGF0aCBkPSJNMTIuNTE5MyAxMi43OTMyTDEwLjcyNjEgMTMuMDIzNEM5LjM2MTczIDEzLjE5ODYgNy45NzM2MSAxMi43MjIyIDcuMDkzMzkgMTEuNjY1Mkw3LjA0Nzc5IDExLjYxMDRDNi4zMjg0MyAxMC43NDY2IDUuMzA5MzEgMTAuMTY1NCA0LjE4NjU2IDEwLjEwOTFMMi4zNjIzOSAxMC4wMTc2TDIuMzA0NjkgOS45NTk4OEw0LjIyOTY5IDMuMTg0NTdMNi4wOTMxMiAzLjI4MzY3QzcuMjIxNjkgMy4zNDM2OCA4LjI3Mjk3IDMuODc1NjIgOC45ODk4MSA0Ljc0OTM1QzkuODY4OTIgNS44MjA4NyAxMS4yMzc3IDYuMzY0NDUgMTIuNjEyNCA2LjE4Nzk4TDE0LjMzODIgNS44OTc2N0wxNC4zODY2IDUuOTYwMjNMMTIuNTE5MyAxMi43OTMyWiIgZmlsbD0iI0JDRkNCMSIgZmlsbC1vcGFjaXR5PSIwLjEiLz4KPHBhdGggZD0iTTEyLjQ2MTYgMTIuNzM1NkwxMC42Njg0IDEyLjk2NThDOS4zMDQwMyAxMy4xNDA5IDcuOTQ0NzYgMTIuNjA2OSA3LjA2NDU0IDExLjU0OTlMNy4wMTg5NCAxMS40OTUxQzYuMjk5NTggMTAuNjMxMiA1LjI1MTYxIDEwLjEwNzggNC4xMjg4NiAxMC4wNTE0TDIuMzA0NjkgOS45NTk5Nkw0LjE3MTk5IDMuMTI2OTVMNi4wMzU0MiAzLjIyNjA1QzcuMTYzOTkgMy4yODYwNyA4LjIxNTI4IDMuODE4IDguOTMyMTEgNC42OTE3NEM5LjgxMTIyIDUuNzYzMjYgMTEuMTggNi4zMDY4MyAxMi41NTQ3IDYuMTMwMzZMMTQuMzI4OSA1LjkwMjYxTDEyLjQ2MTYgMTIuNzM1NloiIGZpbGw9IiNCRUZGQkEiLz4KPHBhdGggZD0iTTEwLjQ4NDYgMTAuNzE2NEMxMC4wOTEzIDEwLjY4NTMgOS43MDIzOSAxMC42MDM4IDkuMzMzNjggMTAuNDU5NUM4LjgxMjM1IDEwLjI1NTIgOC4zNDIzNyA5LjkzNzIxIDcuOTQ4OTEgOS41NDA0Nkw4LjU4MTY5IDcuMjI1MDNDOC45NzYwNyA3LjYyMTkxIDkuNDQ2ODcgNy45Mzk4OSA5Ljk2OTE0IDguMTQzODhDMTAuMzM2OCA4LjI4NzUzIDEwLjcyNDIgOC4zNzM3NSAxMS4xMTYzIDguNDA0OTVMMTAuNDg0NiAxMC43MTY0Wk01LjY0NTA3IDcuOTM5MDJDNS4zNjg1OCA3Ljg2MjgzIDUuMDgzMjEgNy44MTQ2NCA0Ljc5Mjc4IDcuNzk5MThMMi45MzAxOCA3LjcwMDA0TDMuNTYzMTMgNS4zODM4Nkw1LjQyNzM5IDUuNDgzMDFDNS43MTczIDUuNDk4NCA2LjAwMjE1IDUuNTQ2NDkgNi4yNzgxNSA1LjYyMjUyTDUuNjQ1MDcgNy45MzkwMlpNOC45NDEzNyA0LjY4NjgyQzkuMDIxNjggNC43ODQ3MyA5LjEwODM1IDQuODc1NTMgOS4xOTY0OCA0Ljk2NDQ3TDkuMTkyMjUgNC45NjMzNUw4LjU3ODA2IDcuMjEwNzdDOC41MDI3OSA3LjEzNDU0IDguNDI1MzYgNy4wNjAzOSA4LjM1NjM0IDYuOTc4MTlMOC4zMjcwNCA2Ljk0Mjg0QzcuNzk3MzUgNi4yOTcyMiA3LjA4MDM2IDUuODM4IDYuMjg2OTYgNS42MTc4MUw2LjkwMzI5IDMuMzYyNTVDNy42OTYyMSAzLjU4MTkyIDguNDEwNjggNC4wMzk5OSA4Ljk0MTM3IDQuNjg2ODJaTTcuMDczNzggMTEuNTQ0OUw3LjAyODE5IDExLjQ5MDJDNi41MDUzNiAxMC44NjIzIDUuODA3ODYgMTAuNDE3MyA1LjAzNTMgMTAuMTk3OEw1LjY1MDA3IDcuOTQ4MjNDNi40NDIwNCA4LjE2Nzk1IDcuMTU3NzQgOC42MjYzNCA3LjY4NjUxIDkuMjcwODNMNy43MTE0NCA5LjMwMDk4QzcuNzgyODQgOS4zODYyOSA3Ljg2Mjc3IDkuNDYzNDcgNy45NDA4NiA5LjU0MjM5TDcuMzIxMDQgMTEuODEwNEM3LjIzNTkgMTEuNzI1MSA3LjE1MTczIDExLjYzODUgNy4wNzM3OCAxMS41NDQ5Wk0xMi40NzA5IDEyLjczMDdMMTAuNjc3NiAxMi45NjA5QzEwLjUwNjQgMTIuOTgyOSAxMC4zMzUxIDEyLjk5MzcgMTAuMTY1IDEyLjk5MzdDMTAuMDY3NCAxMi45OTM3IDkuOTcwODcgMTIuOTg0NyA5Ljg3NDEzIDEyLjk3NzdMMTAuNDg4OCAxMC43Mjg4QzEwLjU5MjkgMTAuNzM2OSAxMC42OTczIDEwLjc0MzMgMTAuODAxOCAxMC43NDMzQzEwLjk3MjMgMTAuNzQzMyAxMS4xNDI5IDEwLjczMjUgMTEuMzEyMyAxMC43MTA3TDEzLjA4NTEgMTAuNDgzMUwxMi40NzA5IDEyLjczMDdaTTEzLjcyMjEgOC4xNTIxOEwxMS45NDY0IDguMzgwMTJDMTEuNjc0MSA4LjQxNDg4IDExLjM5OTcgOC40MTQzIDExLjEyNyA4LjM5MzI5TDExLjc0MjUgNi4xNDEwOEMxMS44NDUyIDYuMTQ5IDExLjk0NzYgNi4xNTgyNSAxMi4wNTEyIDYuMTU4MjVDMTIuMjIxNSA2LjE1ODI1IDEyLjM5MjYgNi4xNDc0NCAxMi41NjM5IDYuMTI1NDRMMTQuMzM4MiA1Ljg5NzY5TDEzLjcyMjEgOC4xNTIxOFoiIGZpbGw9IiMzNkJBM0IiLz4KPC9zdmc+Cg==';
-
-const trophySvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNjI4NzQgMTAuMTI1VjExLjI2MzNDOC42Mjg3NCAxMS4yNjMzIDguMTQ0MTcgMTEuNzYzMiA1Ljk5OTkyIDExLjc2MzJDMy44NTU2NiAxMS43NjMyIDMuMzcxMDkgMTEuMjYzMyAzLjM3MTA5IDExLjI2MzNWMTAuMTI1SDguNjI4NzRaIiBmaWxsPSIjRTZBNDVFIi8+CjxwYXRoIGQ9Ik04LjYyODggMTAuMTI1VjExLjI2MzNDOC42Mjg4IDExLjI2MzMgOC4xNDQyMyAxMS43NjMyIDUuOTk5OTggMTEuNzYzMkM1LjI4MzMxIDExLjc2MzIgNC43NTIwNSAxMS43MDczIDQuMzYyMyAxMS42MzNDNi4zMTYxMiAxMS43NTk0IDguNjI4OCAxMC4xMjUgOC42Mjg4IDEwLjEyNVoiIGZpbGw9IiNEODkyNEUiLz4KPHBhdGggZD0iTTQuODg2OSA5LjU3NDcxQzMuOTkxNDEgOS42NzE1MyAzLjM3MTA5IDkuODgxNTYgMy4zNzEwOSAxMC4xMjUxQzMuMzcxMDkgMTAuNDYwNSA0LjU0ODA2IDEwLjczMjQgNS45OTk5MiAxMC43MzI0QzcuNDUxNzggMTAuNzMyNCA4LjYyODc0IDEwLjQ2MDUgOC42Mjg3NCAxMC4xMjUxQzguNjI4NzQgOS44ODE1OCA4LjAwODU0IDkuNjcxNTcgNy4xMTMyIDkuNTc0NzRMNC44ODY5IDkuNTc0NzFaIiBmaWxsPSIjRkZFRENDIi8+CjxwYXRoIGQ9Ik01LjQzMTA2IDcuMTE0MjZWOC4yNzk0NkM1LjQzMTA2IDkuMDMyNzYgNC45NjYzMyA5LjcwNzk2IDQuMjYyNyA5Ljk3Njk1QzQuMjYyNyA5Ljk3Njk1IDQuNjQ1NjcgMTAuMjgxOSA2LjAwMDIzIDEwLjI4MTlDNy4zNTQ3OSAxMC4yODE5IDcuNzM3NzYgOS45NzY5NSA3LjczNzc2IDkuOTc2OTVDNy4wMzQxMyA5LjcwNzk2IDYuNTY5MzkgOS4wMzI3NiA2LjU2OTM5IDguMjc5NDZWNy4xMTQyNkg1LjQzMTA2WiIgZmlsbD0iI0Y3RDE3RiIvPgo8cGF0aCBkPSJNMi45MTQwNiAwLjc4MzY5MUMyLjkxNDA2IDQuMzEyNjcgMy42MDEyIDcuMzQ4NzMgNS45OTk5NCA3LjM0ODczQzguMzk4NjcgNy4zNDg3MyA5LjA4NTgxIDQuMzEyNjcgOS4wODU4MSAwLjc4MzY5MUgyLjkxNDA2WiIgZmlsbD0iI0VBQjE2NiIvPgo8cGF0aCBkPSJNMi45NDQzNiAyLjAwMjc3SDEuMTU3MDlDMS4wNTkwNiAyLjAwMjc3IDAuOTg2NjMyIDIuMDkxNjcgMS4wMDcwNyAyLjE4NzU1QzEuMTQwODMgMi44MTUyIDEuNzEwNjUgNC44NTM2NCAzLjU0MDk3IDUuMzQ1NTlMMy44NTU3OCA2LjAxNTMzQzEuMjEwODYgNS4zNjYyOSAwLjUzMjQyNiAzLjEyNTYxIDAuMzU4NDA2IDIuMDIyMDVDMC4zMDY3NjEgMS42OTQ1NCAwLjU1Mzc2MyAxLjM5Nzk1IDAuODg1MzIxIDEuMzk3OTVIMi45MjE1MkwyLjk0NDM2IDIuMDAyNzdaIiBmaWxsPSIjRjdEMTdGIi8+CjxwYXRoIGQ9Ik05LjA1NTk0IDIuMDAyNzdIMTAuODQzMkMxMC45NDEyIDIuMDAyNzcgMTEuMDEzNyAyLjA5MTY3IDEwLjk5MzIgMi4xODc1NUMxMC44NTk1IDIuODE1MiAxMC4yODk3IDQuODUzNjQgOC40NTkzNCA1LjM0NTU5TDguMTQ0NTMgNi4wMTUzM0MxMC43ODk0IDUuMzY2MjkgMTEuNDY3OSAzLjEyNTYxIDExLjY0MTkgMi4wMjIwNUMxMS42OTM1IDEuNjk0NTQgMTEuNDQ2NSAxLjM5Nzk1IDExLjExNSAxLjM5Nzk1SDkuMDc4NzlMOS4wNTU5NCAyLjAwMjc3WiIgZmlsbD0iI0Y3RDE3RiIvPgo8cGF0aCBkPSJNNS45OTk5NCAxLjMyNjE3QzcuNzA0MjIgMS4zMjYxNyA5LjA4NTgxIDEuMDgyMzEgOS4wODU4MSAwLjc4MTQ5NUM5LjA4NTgxIDAuNDgwNjc3IDcuNzA0MjIgMC4yMzY4MTYgNS45OTk5NCAwLjIzNjgxNkM0LjI5NTY1IDAuMjM2ODE2IDIuOTE0MDYgMC40ODA2NzcgMi45MTQwNiAwLjc4MTQ5NUMyLjkxNDA2IDEuMDgyMzEgNC4yOTU2NSAxLjMyNjE3IDUuOTk5OTQgMS4zMjYxN1oiIGZpbGw9IiNFNkE0NUUiLz4KPHBhdGggZD0iTTguODIzNjYgMC43ODM2OTFDNy44OTgxOSA3LjAxNjg0IDQuNjE1NzcgNi41NzYxNyA0LjE5MDkyIDYuNDk4NThDNC42NDE1IDcuMDM2OCA1LjIzMzAxIDcuMzQ4NzIgNi4wMDA0MyA3LjM0ODcyQzguMzk5MTYgNy4zNDg3MiA5LjA4NjMgNC4zMTI2NyA5LjA4NjMgMC43ODM2OTFIOC44MjM2NloiIGZpbGw9IiNFNkE0NUUiLz4KPHBhdGggZD0iTTQuNjQyNCAwLjI5MzQ1N0MzLjYyMDA4IDAuMzgyMDYzIDIuOTE0MDYgMC41NjY3NDQgMi45MTQwNiAwLjc4MTM2NUMyLjkxNDA2IDEuMDAxOTQgMy42NTg3OSAxLjE5MTIxIDQuNzI3MTcgMS4yNzY3NUM0LjY3NTggMC45NTA3ODEgNC42NDY1MSAwLjYyMjIxOSA0LjY0MjQgMC4yOTM0NTdaIiBmaWxsPSIjRDg5MjRFIi8+CjxwYXRoIGQ9Ik02LjIyNTQ4IDIuNjAzNjlMNi4zOTQ5IDMuMTI1MTFDNi40MjY2MiAzLjIyMjc1IDYuNTE3NjEgMy4yODg4NiA2LjYyMDI3IDMuMjg4ODZINy4xNjg1M0M3LjM5ODA5IDMuMjg4ODYgNy40OTM1NCAzLjU4MjYxIDcuMzA3ODIgMy43MTc1NUw2Ljg2NDI3IDQuMDM5ODFDNi43ODEyMSA0LjEwMDE1IDYuNzQ2NDYgNC4yMDcxMSA2Ljc3ODE4IDQuMzA0NzVMNi45NDc2MSA0LjgyNjE4QzcuMDE4NTQgNS4wNDQ1IDYuNzY4NjYgNS4yMjYwNiA2LjU4Mjk0IDUuMDkxMTJMNi4xMzkzOSA0Ljc2ODg2QzYuMDU2MzMgNC43MDg1MiA1Ljk0Mzg3IDQuNzA4NTIgNS44NjA4MSA0Ljc2ODg2TDUuNDE3MjYgNS4wOTExMkM1LjIzMTU0IDUuMjI2MDYgNC45ODE2NSA1LjA0NDUgNS4wNTI1OSA0LjgyNjE4TDUuMjIyMDEgNC4zMDQ3NUM1LjI1Mzc0IDQuMjA3MTEgNS4yMTg5OCA0LjEwMDE1IDUuMTM1OTMgNC4wMzk4MUw0LjY5MjM4IDMuNzE3NTVDNC41MDY2NiAzLjU4MjYxIDQuNjAyMSAzLjI4ODg2IDQuODMxNjcgMy4yODg4Nkg1LjM3OTkzQzUuNDgyNTkgMy4yODg4NiA1LjU3MzU4IDMuMjIyNzUgNS42MDUzIDMuMTI1MTFMNS43NzQ3MiAyLjYwMzY5QzUuODQ1NjYgMi4zODUzNiA2LjE1NDU0IDIuMzg1MzYgNi4yMjU0OCAyLjYwMzY5WiIgZmlsbD0iI0Q4OTI0RSIvPgo8cGF0aCBkPSJNNi4yMjU0OCAyLjUwOTk0TDYuMzk0OSAzLjAzMTM2QzYuNDI2NjIgMy4xMjkgNi41MTc2MSAzLjE5NTExIDYuNjIwMjcgMy4xOTUxMUg3LjE2ODUzQzcuMzk4MDkgMy4xOTUxMSA3LjQ5MzU0IDMuNDg4ODYgNy4zMDc4MiAzLjYyMzhMNi44NjQyNyAzLjk0NjA2QzYuNzgxMjEgNC4wMDY0IDYuNzQ2NDYgNC4xMTMzNiA2Ljc3ODE4IDQuMjExTDYuOTQ3NjEgNC43MzI0M0M3LjAxODU0IDQuOTUwNzUgNi43Njg2NiA1LjEzMjMxIDYuNTgyOTQgNC45OTczN0w2LjEzOTM5IDQuNjc1MTFDNi4wNTYzMyA0LjYxNDc3IDUuOTQzODcgNC42MTQ3NyA1Ljg2MDgxIDQuNjc1MTFMNS40MTcyNiA0Ljk5NzM3QzUuMjMxNTQgNS4xMzIzMSA0Ljk4MTY1IDQuOTUwNzUgNS4wNTI1OSA0LjczMjQzTDUuMjIyMDEgNC4yMTFDNS4yNTM3NCA0LjExMzM2IDUuMjE4OTggNC4wMDY0IDUuMTM1OTMgMy45NDYwNkw0LjY5MjM4IDMuNjIzOEM0LjUwNjY2IDMuNDg4ODYgNC42MDIxIDMuMTk1MTEgNC44MzE2NyAzLjE5NTExSDUuMzc5OTNDNS40ODI1OSAzLjE5NTExIDUuNTczNTggMy4xMjkgNS42MDUzIDMuMDMxMzZMNS43NzQ3MiAyLjUwOTk0QzUuODQ1NjYgMi4yOTE2MSA2LjE1NDU0IDIuMjkxNjEgNi4yMjU0OCAyLjUwOTk0WiIgZmlsbD0iI0ZGRURDQyIvPgo8L3N2Zz4K';
-
-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}\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\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: 20px;\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  padding-top: 4px;\n  width: 12px;\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}\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}\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  text-align: end;\n  color: var(--emw--color-gray-50, #E2E2E2);\n  font-size: 11px;\n  font-weight: 700;\n  line-height: 16px;\n  padding-right: 6px;\n  box-sizing: border-box;\n}\n.progress__bar.finished {\n  text-align: center;\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 {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.timerExpired = createEvent(this, "timerExpired", 7);
-        this.itemViewed = createEvent(this, "itemViewed", 7);
-        this.calculateTargetValue = (level, currencySymbol) => {
-            var _a;
-            if (!level)
-                return '';
-            switch (level.LevelTargetType) {
-                case EChallengeLevelTargetType.Accumulative: {
-                    const minbet = ((_a = level.BetRange) === null || _a === void 0 ? void 0 : _a.MinBet)
-                        ? `, ${translate('minBet', this.language)} ${currencySymbol + level.BetRange.MinBet}`
-                        : '';
-                    return `${translate('placeBetsOf', this.language)} ${currencySymbol + level.DisplayCurrencyTargetTurnover + minbet}`;
-                }
-                case EChallengeLevelTargetType.SingleBet:
-                    return `${translate('place', this.language)} ${currencySymbol + level.TargetTurnover} ${translate('bet', this.language)}`;
-                case EChallengeLevelTargetType.MultipleOneBetSize: {
-                    const minbet = level.TargetTurnover
-                        ? `, ${translate('minBet', this.language)} ${currencySymbol + level.TargetTurnover}`
-                        : '';
-                    return `${translate('place', this.language)} ${level.TargetBetCount} ${translate('bets', this.language) + minbet}`;
-                }
-            }
-        };
-        this.onMouseEnterHandler = (index, el) => {
-            if (el.scrollWidth > el.clientWidth) {
-                this.tooltipIndex = index;
-            }
-        };
-        this.onMouseLeaveHandler = () => {
-            this.tooltipIndex = null;
-        };
-        this.getBadgeContent = () => {
-            if (this.isChallengePaused) {
-                return translate('unavailable', this.language);
-            }
-            switch (this.challenge.Status) {
-                case EChallengeProgressStatus.Expired:
-                    return translate('expired', this.language);
-                case EChallengeProgressStatus.Forfeited:
-                    return translate('forfeited', this.language);
-                case EChallengeProgressStatus.Completed:
-                    return translate('finished', this.language);
-                case EChallengeProgressStatus.Paused:
-                    return translate('suspended', this.language);
-                default:
-                    return this.timeLeft
-                        ? [translate('endsIn', this.language), ' - ', h("span", null, this.timeLeft)]
-                        : translate('expired', this.language);
-            }
-        };
-        this.goToDetailsPage = () => {
-            this.itemViewed.emit(this.challenge.Id);
-            window.postMessage({
-                type: 'GoToDetailsPage',
-                info: {
-                    challengeId: this.challenge.ChallengeId,
-                    activeTabIndex: this.activeTabIndex
-                }
-            }, window.location.href);
-        };
-        this.checkAttrs = () => {
-            if (!this.endpoint) {
-                this.error = 'Endpoint is missing! Please provide a valid endpointURL.';
-                this.hasError = true;
-                console.error(this.error);
-            }
-            return this.hasError;
-        };
-        this.mbSource = undefined;
-        this.clientStyling = undefined;
-        this.clientStylingUrl = undefined;
-        this.translationUrl = '';
-        this.language = 'en';
-        this.endpoint = '';
-        this.domain = '';
-        this.session = '';
-        this.challenge = undefined;
-        this.isUserAuthorized = true;
-        this.activeTabIndex = 0;
-        this.userId = '';
-        this.tooltipIndex = null;
-        this.timeLeft = undefined;
-        this.error = '';
-        this.hasError = false;
-        this.actionLoading = false;
-        this.isChallengePaused = false;
-    }
-    get infoItems() {
-        var _a, _b, _c, _d, _e;
-        let level = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.LevelProgresses.find((x) => x.OrderNumber === 0);
-        if (this.isUserAuthorized) {
-            level =
-                (_c = (_b = this.challenge) === null || _b === void 0 ? void 0 : _b.LevelProgresses.find((x) => x.ProgressStatus === EChallengeProgressLevelStatus.InProgress)) !== null && _c !== void 0 ? _c : level;
-        }
-        if (level) {
-            return [
-                {
-                    lable: translate('totalLevels', this.language),
-                    value: ((_d = this.challenge.LevelProgresses) === null || _d === void 0 ? void 0 : _d.length) || '-'
-                },
-                {
-                    lable: translate('level1', this.language),
-                    value: this.calculateTargetValue(level, (_e = this.challenge) === null || _e === void 0 ? void 0 : _e.CurrencySymbol) || '-'
-                },
-                {
-                    lable: translate('get', this.language),
-                    value: level.CustomRewardMessage || '-'
-                }
-            ];
-        }
-        return [];
-    }
-    handleClientStylingChange(newValue, oldValue) {
-        if (newValue != oldValue) {
-            setClientStyling(this.stylingContainer, this.clientStyling);
-        }
-    }
-    handleClientStylingUrlChange(newValue, oldValue) {
-        if (newValue != oldValue) {
-            setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
-        }
-    }
-    handleMbSourceChange(newValue, oldValue) {
-        if (newValue != oldValue) {
-            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
-        }
-    }
-    handleChallengeChange(newValue) {
-        if (newValue) {
-            this.isChallengePaused = (newValue === null || newValue === void 0 ? void 0 : newValue.ChallengeStatus) === EChallengeStatus.Paused;
-        }
-    }
-    connectedCallback() {
-        this.timerId = setInterval(() => {
-            this.updateTime();
-        }, 1000);
-    }
-    componentWillLoad() {
-        if (this.translationUrl) {
-            resolveTranslationUrl(this.translationUrl);
-        }
-        this.updateTime();
-    }
-    componentDidLoad() {
-        this.isChallengePaused = this.challenge.ChallengeStatus === EChallengeStatus.Paused;
-        if (this.stylingContainer) {
-            if (this.mbSource)
-                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
-            if (this.clientStyling)
-                setClientStyling(this.stylingContainer, this.clientStyling);
-            if (this.clientStylingUrl)
-                setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
-        }
-    }
-    disconnectedCallback() {
-        if (this.stylingSubscription) {
-            this.stylingSubscription.unsubscribe();
-        }
-        clearInterval(this.timerId);
-    }
-    updateTime() {
-        var _a;
-        this.timeLeft = getTimeLeft((_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ExpirationTime);
-        if (!this.timeLeft && this.timerExpired) {
-            clearInterval(this.timerId);
-            this.challenge.Status = EChallengeProgressStatus.Expired;
-            this.timerExpired.emit(this.challenge.Id);
-        }
-    }
-    renderInfoItem(item, index) {
-        return (h("div", { class: `info-item ${this.isChallengeGrayed}`, onMouseEnter: (e) => this.onMouseEnterHandler(index, e.currentTarget), onMouseLeave: this.onMouseLeaveHandler }, h("span", { class: "info-item__label" }, item.lable), item.value, this.tooltipIndex === index && h("div", { class: "info-item__tooltip" }, item.value)));
-    }
-    get getCardBadge() {
-        return (h("div", { class: `card__badge ${this.isChallengePaused
-                ? ChallengeStatusDictionary[EChallengeProgressStatus.Expired]
-                : ChallengeStatusDictionary[this.challenge.Status]}` }, this.getBadgeContent()));
-    }
-    get isChallengeGrayed() {
-        return [
-            EChallengeProgressStatus.Expired,
-            EChallengeProgressStatus.Forfeited,
-            EChallengeProgressStatus.Completed
-        ].includes(this.challenge.Status) || this.isChallengePaused
-            ? 'grayed'
-            : '';
-    }
-    get getChallengeProgress() {
-        var _a;
-        const currLevel = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.LevelProgresses.find((x) => x.ProgressStatus === EChallengeProgressLevelStatus.InProgress);
-        if (!this.isUserAuthorized) {
-            return;
-        }
-        const { Status, LevelProgresses } = this.challenge;
-        if (Status === EChallengeProgressStatus.Awaiting ||
-            Status === EChallengeProgressStatus.Expired ||
-            Status === EChallengeProgressStatus.Started ||
-            this.isChallengePaused ||
-            !currLevel) {
-            return h("div", { class: "progress__placeholder" });
-        }
-        const barValue = Status === EChallengeProgressStatus.Paused
-            ? translate('suspended', this.language)
-            : Status === EChallengeProgressStatus.Completed
-                ? translate('finished', this.language)
-                : `${Math.floor(currLevel.ProgressPercentage)}%`;
-        const isLastLevel = !LevelProgresses.some((x) => x.OrderNumber > currLevel.OrderNumber);
-        const secondImgSrc = Status === EChallengeProgressStatus.Completed ? trophySvg : isLastLevel ? finishSvg : '';
-        return (h("div", { class: {
-                progress: true,
-                paused: Status === EChallengeProgressStatus.Paused,
-                grayed: Status === EChallengeProgressStatus.Forfeited
-            } }, h("div", { class: {
-                progress__point: true,
-                start: true,
-                hidden: Status === EChallengeProgressStatus.Completed
-            } }, currLevel.OrderNumber + 1), h("div", { class: {
-                progress__bar: true,
-                finished: Status === EChallengeProgressStatus.Completed
-            }, style: { width: `${currLevel.ProgressPercentage}%` } }, barValue), h("div", { class: {
-                progress__point: true,
-                end: true,
-                finished: Status === EChallengeProgressStatus.Completed
-            } }, secondImgSrc ? h("img", { class: "progress__icon", src: secondImgSrc }) : currLevel.OrderNumber + 2)));
-    }
-    get getCardButton() {
-        if (this.isUserAuthorized && !this.isChallengePaused) {
-            if (this.challenge.Status === EChallengeProgressStatus.Started) {
-                return (h("button", { class: "card__button filled", disabled: this.actionLoading, onClick: (e) => (e.stopPropagation(), this.joinUnjoinProgress(true)) }, translate('start', this.language)));
-            }
-            if (this.challenge.Status === EChallengeProgressStatus.Paused) {
-                return (h("button", { class: "card__button grayed", disabled: this.actionLoading, onClick: (e) => (e.stopPropagation(), this.joinUnjoinProgress(true)) }, translate('resume', this.language)));
-            }
-            if (this.challenge.Status === EChallengeProgressStatus.InProgress ||
-                this.challenge.Status === EChallengeProgressStatus.PendingLevelReward) {
-                return (h("button", { class: "card__button grayed", disabled: this.actionLoading, onClick: (e) => (e.stopPropagation(), this.joinUnjoinProgress(false)) }, translate('pause', this.language)));
-            }
-        }
-        return h("button", { class: "card__button" }, translate('viewDetails', this.language));
-    }
-    async joinUnjoinProgress(join) {
-        if (!this.checkAttrs() && this.challenge) {
-            const url = `${this.endpoint}/challenge/ChangeProgressStatus`;
-            const body = Object.assign(Object.assign(Object.assign({ DomainId: this.domain }, (this.session && { PlayerSessionId: this.session })), (this.userId && { InternalUserId: this.userId })), (join ? { ProgressToActivate: this.challenge.Id } : { ProgressToDeactivate: this.challenge.Id }));
-            this.actionLoading = true;
-            return fetch(url, {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                body: JSON.stringify(body)
-            })
-                .then((res) => res.json())
-                .then((res) => {
-                if (res.Success) {
-                    if (join) {
-                        this.challenge.Status = EChallengeProgressStatus.InProgress;
-                    }
-                    else {
-                        this.challenge.Status = EChallengeProgressStatus.Paused;
-                    }
-                }
-            })
-                .finally(() => (this.actionLoading = false));
-        }
-    }
-    renderNewLabel() {
-        return (h("div", { class: "new-label" }, h("span", null, translate('new', this.language))));
-    }
-    render() {
-        var _a, _b, _c, _d;
-        return (h("div", { key: '0468a7f2fa29a88ea49e08e277b1040db4d7ecfa', ref: (el) => (this.stylingContainer = el) }, h("div", { key: '88abd78585e195c21dcc2f3770b176e84475dc10', class: "card", onClick: this.goToDetailsPage }, h("img", { key: '16da3c6d047c9138a47c979dc8286bdbb91a0258', class: {
-                card__image: true,
-                grayed: !!this.isChallengeGrayed || this.challenge.Status === EChallengeProgressStatus.Awaiting
-            }, src: (_b = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ChallengePresentation) === null || _b === void 0 ? void 0 : _b.BannerUrl }), this.getCardBadge, this.challenge.IsNew && this.renderNewLabel(), h("div", { key: '19f205347c401edea1dcce3ff6c4b090eee32a80', class: "card__content" }, h("h1", { key: '04fd604addd8d6f589dbe54d4647b9a3221eeece', class: "card__title" }, (_d = (_c = this.challenge) === null || _c === void 0 ? void 0 : _c.ChallengePresentation) === null || _d === void 0 ? void 0 : _d.PresentationName), this.getChallengeProgress, this.infoItems.map((x, index) => this.renderInfoItem(x, index)), this.getCardButton))));
-    }
-    static get watchers() { return {
-        "clientStyling": ["handleClientStylingChange"],
-        "clientStylingUrl": ["handleClientStylingUrlChange"],
-        "mbSource": ["handleMbSourceChange"],
-        "challenge": ["handleChallengeChange"]
-    }; }
-};
-CasinoChallengeCard.style = CasinoChallengeCardStyle0;
-
-export { CasinoChallengeCard as C };