@everymatrix/casino-challenges-container 0.0.19 → 0.0.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/casino-challenges-container/casino-challenge-card_6.entry.js +1 -1
  2. package/dist/casino-challenges-container/casino-challenges-container-a8c7bb9a.js +1 -0
  3. package/dist/casino-challenges-container/index.esm.js +1 -1
  4. package/dist/cjs/casino-challenge-card_6.cjs.entry.js +79 -49
  5. package/dist/cjs/{casino-challenges-container-da454267.js → casino-challenges-container-056beb65.js} +32 -11
  6. package/dist/cjs/index.cjs.js +1 -1
  7. package/dist/collection/components/casino-challenges-container/casino-challenges-container.css +2 -10
  8. package/dist/collection/components/casino-challenges-container/casino-challenges-container.js +26 -9
  9. package/dist/collection/utils/locale.utils.js +5 -1
  10. package/dist/esm/casino-challenge-card_6.entry.js +80 -50
  11. package/dist/esm/{casino-challenges-container-ea97765a.js → casino-challenges-container-a8c7bb9a.js} +32 -11
  12. package/dist/esm/index.js +1 -1
  13. package/dist/types/components/casino-challenges-container/casino-challenges-container.d.ts +1 -0
  14. package/package.json +1 -1
  15. package/dist/casino-challenges-container/casino-challenges-container-ea97765a.js +0 -1
package/dist/cjs/casino-challenge-card_6.cjs.entry.js CHANGED
@@ -3,11 +3,11 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-d5f8d1ee.js');
6
- const casinoChallengesContainer = require('./casino-challenges-container-da454267.js');
6
+ const casinoChallengesContainer = require('./casino-challenges-container-056beb65.js');
7
7
 
8
- const DEFAULT_LANGUAGE$2 = 'en';
8
+ const DEFAULT_LANGUAGE$3 = 'en';
9
9
  const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hr'];
10
- const TRANSLATIONS$2 = {
10
+ const TRANSLATIONS$3 = {
11
11
  en: {
12
12
  totalLevels: 'Total levels:',
13
13
  level1: 'Level 1:',
@@ -104,14 +104,14 @@ const TRANSLATIONS$2 = {
104
104
  pause: 'Pauza'
105
105
  }
106
106
  };
107
- const translate$2 = (key, customLang) => {
107
+ const translate$3 = (key, customLang) => {
108
108
  const lang = customLang;
109
- return TRANSLATIONS$2[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE$2][key];
109
+ return TRANSLATIONS$3[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE$3][key];
110
110
  };
111
111
  const getTranslations$2 = (data) => {
112
112
  Object.keys(data).forEach((item) => {
113
113
  for (let key in data[item]) {
114
- TRANSLATIONS$2[item][key] = data[item][key];
114
+ TRANSLATIONS$3[item][key] = data[item][key];
115
115
  }
116
116
  });
117
117
  };
@@ -214,7 +214,7 @@ const finishSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTY
214
214
 
215
215
  const trophySvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNjI4NzQgMTAuMTI1VjExLjI2MzNDOC42Mjg3NCAxMS4yNjMzIDguMTQ0MTcgMTEuNzYzMiA1Ljk5OTkyIDExLjc2MzJDMy44NTU2NiAxMS43NjMyIDMuMzcxMDkgMTEuMjYzMyAzLjM3MTA5IDExLjI2MzNWMTAuMTI1SDguNjI4NzRaIiBmaWxsPSIjRTZBNDVFIi8+CjxwYXRoIGQ9Ik04LjYyODggMTAuMTI1VjExLjI2MzNDOC42Mjg4IDExLjI2MzMgOC4xNDQyMyAxMS43NjMyIDUuOTk5OTggMTEuNzYzMkM1LjI4MzMxIDExLjc2MzIgNC43NTIwNSAxMS43MDczIDQuMzYyMyAxMS42MzNDNi4zMTYxMiAxMS43NTk0IDguNjI4OCAxMC4xMjUgOC42Mjg4IDEwLjEyNVoiIGZpbGw9IiNEODkyNEUiLz4KPHBhdGggZD0iTTQuODg2OSA5LjU3NDcxQzMuOTkxNDEgOS42NzE1MyAzLjM3MTA5IDkuODgxNTYgMy4zNzEwOSAxMC4xMjUxQzMuMzcxMDkgMTAuNDYwNSA0LjU0ODA2IDEwLjczMjQgNS45OTk5MiAxMC43MzI0QzcuNDUxNzggMTAuNzMyNCA4LjYyODc0IDEwLjQ2MDUgOC42Mjg3NCAxMC4xMjUxQzguNjI4NzQgOS44ODE1OCA4LjAwODU0IDkuNjcxNTcgNy4xMTMyIDkuNTc0NzRMNC44ODY5IDkuNTc0NzFaIiBmaWxsPSIjRkZFRENDIi8+CjxwYXRoIGQ9Ik01LjQzMTA2IDcuMTE0MjZWOC4yNzk0NkM1LjQzMTA2IDkuMDMyNzYgNC45NjYzMyA5LjcwNzk2IDQuMjYyNyA5Ljk3Njk1QzQuMjYyNyA5Ljk3Njk1IDQuNjQ1NjcgMTAuMjgxOSA2LjAwMDIzIDEwLjI4MTlDNy4zNTQ3OSAxMC4yODE5IDcuNzM3NzYgOS45NzY5NSA3LjczNzc2IDkuOTc2OTVDNy4wMzQxMyA5LjcwNzk2IDYuNTY5MzkgOS4wMzI3NiA2LjU2OTM5IDguMjc5NDZWNy4xMTQyNkg1LjQzMTA2WiIgZmlsbD0iI0Y3RDE3RiIvPgo8cGF0aCBkPSJNMi45MTQwNiAwLjc4MzY5MUMyLjkxNDA2IDQuMzEyNjcgMy42MDEyIDcuMzQ4NzMgNS45OTk5NCA3LjM0ODczQzguMzk4NjcgNy4zNDg3MyA5LjA4NTgxIDQuMzEyNjcgOS4wODU4MSAwLjc4MzY5MUgyLjkxNDA2WiIgZmlsbD0iI0VBQjE2NiIvPgo8cGF0aCBkPSJNMi45NDQzNiAyLjAwMjc3SDEuMTU3MDlDMS4wNTkwNiAyLjAwMjc3IDAuOTg2NjMyIDIuMDkxNjcgMS4wMDcwNyAyLjE4NzU1QzEuMTQwODMgMi44MTUyIDEuNzEwNjUgNC44NTM2NCAzLjU0MDk3IDUuMzQ1NTlMMy44NTU3OCA2LjAxNTMzQzEuMjEwODYgNS4zNjYyOSAwLjUzMjQyNiAzLjEyNTYxIDAuMzU4NDA2IDIuMDIyMDVDMC4zMDY3NjEgMS42OTQ1NCAwLjU1Mzc2MyAxLjM5Nzk1IDAuODg1MzIxIDEuMzk3OTVIMi45MjE1MkwyLjk0NDM2IDIuMDAyNzdaIiBmaWxsPSIjRjdEMTdGIi8+CjxwYXRoIGQ9Ik05LjA1NTk0IDIuMDAyNzdIMTAuODQzMkMxMC45NDEyIDIuMDAyNzcgMTEuMDEzNyAyLjA5MTY3IDEwLjk5MzIgMi4xODc1NUMxMC44NTk1IDIuODE1MiAxMC4yODk3IDQuODUzNjQgOC40NTkzNCA1LjM0NTU5TDguMTQ0NTMgNi4wMTUzM0MxMC43ODk0IDUuMzY2MjkgMTEuNDY3OSAzLjEyNTYxIDExLjY0MTkgMi4wMjIwNUMxMS42OTM1IDEuNjk0NTQgMTEuNDQ2NSAxLjM5Nzk1IDExLjExNSAxLjM5Nzk1SDkuMDc4NzlMOS4wNTU5NCAyLjAwMjc3WiIgZmlsbD0iI0Y3RDE3RiIvPgo8cGF0aCBkPSJNNS45OTk5NCAxLjMyNjE3QzcuNzA0MjIgMS4zMjYxNyA5LjA4NTgxIDEuMDgyMzEgOS4wODU4MSAwLjc4MTQ5NUM5LjA4NTgxIDAuNDgwNjc3IDcuNzA0MjIgMC4yMzY4MTYgNS45OTk5NCAwLjIzNjgxNkM0LjI5NTY1IDAuMjM2ODE2IDIuOTE0MDYgMC40ODA2NzcgMi45MTQwNiAwLjc4MTQ5NUMyLjkxNDA2IDEuMDgyMzEgNC4yOTU2NSAxLjMyNjE3IDUuOTk5OTQgMS4zMjYxN1oiIGZpbGw9IiNFNkE0NUUiLz4KPHBhdGggZD0iTTguODIzNjYgMC43ODM2OTFDNy44OTgxOSA3LjAxNjg0IDQuNjE1NzcgNi41NzYxNyA0LjE5MDkyIDYuNDk4NThDNC42NDE1IDcuMDM2OCA1LjIzMzAxIDcuMzQ4NzIgNi4wMDA0MyA3LjM0ODcyQzguMzk5MTYgNy4zNDg3MiA5LjA4NjMgNC4zMTI2NyA5LjA4NjMgMC43ODM2OTFIOC44MjM2NloiIGZpbGw9IiNFNkE0NUUiLz4KPHBhdGggZD0iTTQuNjQyNCAwLjI5MzQ1N0MzLjYyMDA4IDAuMzgyMDYzIDIuOTE0MDYgMC41NjY3NDQgMi45MTQwNiAwLjc4MTM2NUMyLjkxNDA2IDEuMDAxOTQgMy42NTg3OSAxLjE5MTIxIDQuNzI3MTcgMS4yNzY3NUM0LjY3NTggMC45NTA3ODEgNC42NDY1MSAwLjYyMjIxOSA0LjY0MjQgMC4yOTM0NTdaIiBmaWxsPSIjRDg5MjRFIi8+CjxwYXRoIGQ9Ik02LjIyNTQ4IDIuNjAzNjlMNi4zOTQ5IDMuMTI1MTFDNi40MjY2MiAzLjIyMjc1IDYuNTE3NjEgMy4yODg4NiA2LjYyMDI3IDMuMjg4ODZINy4xNjg1M0M3LjM5ODA5IDMuMjg4ODYgNy40OTM1NCAzLjU4MjYxIDcuMzA3ODIgMy43MTc1NUw2Ljg2NDI3IDQuMDM5ODFDNi43ODEyMSA0LjEwMDE1IDYuNzQ2NDYgNC4yMDcxMSA2Ljc3ODE4IDQuMzA0NzVMNi45NDc2MSA0LjgyNjE4QzcuMDE4NTQgNS4wNDQ1IDYuNzY4NjYgNS4yMjYwNiA2LjU4Mjk0IDUuMDkxMTJMNi4xMzkzOSA0Ljc2ODg2QzYuMDU2MzMgNC43MDg1MiA1Ljk0Mzg3IDQuNzA4NTIgNS44NjA4MSA0Ljc2ODg2TDUuNDE3MjYgNS4wOTExMkM1LjIzMTU0IDUuMjI2MDYgNC45ODE2NSA1LjA0NDUgNS4wNTI1OSA0LjgyNjE4TDUuMjIyMDEgNC4zMDQ3NUM1LjI1Mzc0IDQuMjA3MTEgNS4yMTg5OCA0LjEwMDE1IDUuMTM1OTMgNC4wMzk4MUw0LjY5MjM4IDMuNzE3NTVDNC41MDY2NiAzLjU4MjYxIDQuNjAyMSAzLjI4ODg2IDQuODMxNjcgMy4yODg4Nkg1LjM3OTkzQzUuNDgyNTkgMy4yODg4NiA1LjU3MzU4IDMuMjIyNzUgNS42MDUzIDMuMTI1MTFMNS43NzQ3MiAyLjYwMzY5QzUuODQ1NjYgMi4zODUzNiA2LjE1NDU0IDIuMzg1MzYgNi4yMjU0OCAyLjYwMzY5WiIgZmlsbD0iI0Q4OTI0RSIvPgo8cGF0aCBkPSJNNi4yMjU0OCAyLjUwOTk0TDYuMzk0OSAzLjAzMTM2QzYuNDI2NjIgMy4xMjkgNi41MTc2MSAzLjE5NTExIDYuNjIwMjcgMy4xOTUxMUg3LjE2ODUzQzcuMzk4MDkgMy4xOTUxMSA3LjQ5MzU0IDMuNDg4ODYgNy4zMDc4MiAzLjYyMzhMNi44NjQyNyAzLjk0NjA2QzYuNzgxMjEgNC4wMDY0IDYuNzQ2NDYgNC4xMTMzNiA2Ljc3ODE4IDQuMjExTDYuOTQ3NjEgNC43MzI0M0M3LjAxODU0IDQuOTUwNzUgNi43Njg2NiA1LjEzMjMxIDYuNTgyOTQgNC45OTczN0w2LjEzOTM5IDQuNjc1MTFDNi4wNTYzMyA0LjYxNDc3IDUuOTQzODcgNC42MTQ3NyA1Ljg2MDgxIDQuNjc1MTFMNS40MTcyNiA0Ljk5NzM3QzUuMjMxNTQgNS4xMzIzMSA0Ljk4MTY1IDQuOTUwNzUgNS4wNTI1OSA0LjczMjQzTDUuMjIyMDEgNC4yMTFDNS4yNTM3NCA0LjExMzM2IDUuMjE4OTggNC4wMDY0IDUuMTM1OTMgMy45NDYwNkw0LjY5MjM4IDMuNjIzOEM0LjUwNjY2IDMuNDg4ODYgNC42MDIxIDMuMTk1MTEgNC44MzE2NyAzLjE5NTExSDUuMzc5OTNDNS40ODI1OSAzLjE5NTExIDUuNTczNTggMy4xMjkgNS42MDUzIDMuMDMxMzZMNS43NzQ3MiAyLjUwOTk0QzUuODQ1NjYgMi4yOTE2MSA2LjE1NDU0IDIuMjkxNjEgNi4yMjU0OCAyLjUwOTk0WiIgZmlsbD0iI0ZGRURDQyIvPgo8L3N2Zz4K';
216
216
 
217
- 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: 576px) {\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}\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 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: nowrap;\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: 10px;\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: 20px;\n}\n.progress__icon {\n padding-top: 4px;\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}";
217
+ 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 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: nowrap;\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: 10px;\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: 20px;\n}\n.progress__icon {\n padding-top: 4px;\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}";
218
218
  const CasinoChallengeCardStyle0 = casinoChallengeCardCss;
219
219
 
220
220
  const CasinoChallengeCard = class {
@@ -226,15 +226,15 @@ const CasinoChallengeCard = class {
226
226
  if (!level)
227
227
  return '';
228
228
  const minbet = ((_a = level.BetRange) === null || _a === void 0 ? void 0 : _a.MinBet)
229
- ? `, ${translate$2('minBet', this.language)} ${currencySymbol + level.BetRange.MinBet}`
229
+ ? `, ${translate$3('minBet', this.language)} ${currencySymbol + level.BetRange.MinBet}`
230
230
  : '';
231
231
  switch (level.LevelTargetType) {
232
232
  case EChallengeLevelTargetType.Accumulative:
233
- return `${translate$2('placeBetsOf', this.language)} ${currencySymbol + level.DisplayCurrencyTargetTurnover + minbet}`;
233
+ return `${translate$3('placeBetsOf', this.language)} ${currencySymbol + level.DisplayCurrencyTargetTurnover + minbet}`;
234
234
  case EChallengeLevelTargetType.SingleBet:
235
- return `${translate$2('place', this.language)} ${currencySymbol + level.TargetTurnover} ${translate$2('bet', this.language)}`;
235
+ return `${translate$3('place', this.language)} ${currencySymbol + level.TargetTurnover} ${translate$3('bet', this.language)}`;
236
236
  case EChallengeLevelTargetType.MultipleOneBetSize:
237
- return `${translate$2('place', this.language)} ${level.TargetBetCount} ${translate$2('bets', this.language) + minbet}`;
237
+ return `${translate$3('place', this.language)} ${level.TargetBetCount} ${translate$3('bets', this.language) + minbet}`;
238
238
  }
239
239
  };
240
240
  this.onMouseEnterHandler = (index, el) => {
@@ -248,17 +248,17 @@ const CasinoChallengeCard = class {
248
248
  this.getBadgeContent = () => {
249
249
  switch (this.challenge.Status) {
250
250
  case EChallengeStatus.Expired:
251
- return translate$2('expired', this.language);
251
+ return translate$3('expired', this.language);
252
252
  case EChallengeStatus.Forfeited:
253
- return translate$2('forfeited', this.language);
253
+ return translate$3('forfeited', this.language);
254
254
  case EChallengeStatus.Completed:
255
- return translate$2('finished', this.language);
255
+ return translate$3('finished', this.language);
256
256
  case EChallengeStatus.Paused:
257
- return translate$2('suspended', this.language);
257
+ return translate$3('suspended', this.language);
258
258
  default:
259
259
  return this.timeLeft
260
- ? [translate$2('endsIn', this.language), ' - ', index.h("span", null, this.timeLeft)]
261
- : translate$2('expired', this.language);
260
+ ? [translate$3('endsIn', this.language), ' - ', index.h("span", null, this.timeLeft)]
261
+ : translate$3('expired', this.language);
262
262
  }
263
263
  };
264
264
  this.goToDetailsPage = (challengeId) => () => {
@@ -290,24 +290,26 @@ const CasinoChallengeCard = class {
290
290
  this.actionLoading = false;
291
291
  }
292
292
  get infoItems() {
293
- var _a, _b, _c, _d, _e;
294
- const level = this.isUserAuthorized
295
- ? (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.LevelProgresses.find((x) => x.ProgressStatus === EChallengeProgressStatus.InProgress)
296
- : (_b = this.challenge) === null || _b === void 0 ? void 0 : _b.LevelProgresses.find((x) => x.OrderNumber === 0);
293
+ var _a, _b, _c, _d, _e, _f;
294
+ let level = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.LevelProgresses.find((x) => x.OrderNumber === 0);
295
+ if (this.isUserAuthorized) {
296
+ level =
297
+ (_c = (_b = this.challenge) === null || _b === void 0 ? void 0 : _b.LevelProgresses.find((x) => x.ProgressStatus === EChallengeProgressStatus.InProgress)) !== null && _c !== void 0 ? _c : level;
298
+ }
297
299
  if (level) {
298
- const rewardValue = (_c = level.Rewards) === null || _c === void 0 ? void 0 : _c.slice(0, 2).map((r) => r.RewardDescription).join(' + ');
300
+ const rewardValue = (_d = level.Rewards) === null || _d === void 0 ? void 0 : _d.slice(0, 2).map((r) => r.RewardDescription).join(' + ');
299
301
  return [
300
302
  {
301
- lable: translate$2('totalLevels', this.language),
302
- value: (_d = this.challenge.LevelProgresses) === null || _d === void 0 ? void 0 : _d.length
303
+ lable: translate$3('totalLevels', this.language),
304
+ value: ((_e = this.challenge.LevelProgresses) === null || _e === void 0 ? void 0 : _e.length) || '-'
303
305
  },
304
306
  {
305
- lable: translate$2('level1', this.language),
306
- value: this.calculateTargetValue(level, (_e = this.challenge) === null || _e === void 0 ? void 0 : _e.CurrencySymbol)
307
+ lable: translate$3('level1', this.language),
308
+ value: this.calculateTargetValue(level, (_f = this.challenge) === null || _f === void 0 ? void 0 : _f.CurrencySymbol) || '-'
307
309
  },
308
310
  {
309
- lable: translate$2('get', this.language),
310
- value: rewardValue
311
+ lable: translate$3('get', this.language),
312
+ value: rewardValue || '-'
311
313
  }
312
314
  ];
313
315
  }
@@ -384,9 +386,9 @@ const CasinoChallengeCard = class {
384
386
  return index.h("div", { class: "progress__placeholder" });
385
387
  }
386
388
  const barValue = Status === EChallengeStatus.Paused
387
- ? translate$2('suspended', this.language)
389
+ ? translate$3('suspended', this.language)
388
390
  : Status === EChallengeStatus.Completed
389
- ? translate$2('finished', this.language)
391
+ ? translate$3('finished', this.language)
390
392
  : `${currLevel.ProgressPercentage}%`;
391
393
  const isLastLevel = !LevelProgresses.some((x) => x.OrderNumber > currLevel.OrderNumber);
392
394
  const secondImgSrc = Status === EChallengeStatus.Completed ? trophySvg : isLastLevel ? finishSvg : '';
@@ -410,17 +412,17 @@ const CasinoChallengeCard = class {
410
412
  get getCardButton() {
411
413
  if (this.isUserAuthorized) {
412
414
  if (this.challenge.Status === EChallengeStatus.Started) {
413
- return (index.h("button", { class: "card__button filled", disabled: this.actionLoading, onClick: () => this.joinUnjoinProgress(true) }, translate$2('start', this.language)));
415
+ return (index.h("button", { class: "card__button filled", disabled: this.actionLoading, onClick: () => this.joinUnjoinProgress(true) }, translate$3('start', this.language)));
414
416
  }
415
417
  if (this.challenge.Status === EChallengeStatus.Paused) {
416
- return (index.h("button", { class: "card__button grayed", disabled: this.actionLoading, onClick: () => this.joinUnjoinProgress(true) }, translate$2('resume', this.language)));
418
+ return (index.h("button", { class: "card__button grayed", disabled: this.actionLoading, onClick: () => this.joinUnjoinProgress(true) }, translate$3('resume', this.language)));
417
419
  }
418
420
  if (this.challenge.Status === EChallengeStatus.InProgress ||
419
421
  this.challenge.Status === EChallengeStatus.PendingLevelReward) {
420
- return (index.h("button", { class: "card__button grayed", disabled: this.actionLoading, onClick: () => this.joinUnjoinProgress(false) }, translate$2('pause', this.language)));
422
+ return (index.h("button", { class: "card__button grayed", disabled: this.actionLoading, onClick: () => this.joinUnjoinProgress(false) }, translate$3('pause', this.language)));
421
423
  }
422
424
  }
423
- return (index.h("button", { class: "card__button", onClick: this.goToDetailsPage(this.challenge.ChallengeId) }, translate$2('viewDetails', this.language)));
425
+ return (index.h("button", { class: "card__button", onClick: this.goToDetailsPage(this.challenge.ChallengeId) }, translate$3('viewDetails', this.language)));
424
426
  }
425
427
  async joinUnjoinProgress(join) {
426
428
  var _a;
@@ -442,7 +444,7 @@ const CasinoChallengeCard = class {
442
444
  }
443
445
  render() {
444
446
  var _a, _b, _c, _d;
445
- return (index.h("div", { key: '7d075d85a754e70a62910c2b3994ee10f4e289f6', ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: '0d8b0c19b9cfd582588d3a8f62364753ddb6c391', class: "card" }, index.h("img", { key: '1547104e52b2f755bbe4f9b7acedc949990d5df8', class: `card__image ${this.isChallengeGrayed}`, src: (_b = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ChallengePresentation) === null || _b === void 0 ? void 0 : _b.Url }), this.getCardBadge, index.h("div", { key: '34474831cd774f48f2730d77c82e46252b857f75', class: "card__content" }, index.h("h1", { key: 'a3ea4dab06b090c96961f7fa3e958a1a577100ef', 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))));
447
+ return (index.h("div", { key: 'd06d95b4c40b32d6da14ef42439040332d820bd8', ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: 'a0d56b13bdb886bbb35a59120990cea5e5be88fe', class: "card" }, index.h("img", { key: 'f76caf28ce213a79b2572321bd7999be231b30d5', class: `card__image ${this.isChallengeGrayed}`, src: (_b = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ChallengePresentation) === null || _b === void 0 ? void 0 : _b.BannerUrl }), this.getCardBadge, index.h("div", { key: '71a2967e587a2a78bf79745faeeab7cd3fb74b0e', class: "card__content" }, index.h("h1", { key: '4357aaeedab6b4181f72ebaddd530f4151e655c4', 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))));
446
448
  }
447
449
  static get watchers() { return {
448
450
  "clientStyling": ["handleClientStylingChange"],
@@ -452,8 +454,8 @@ const CasinoChallengeCard = class {
452
454
  };
453
455
  CasinoChallengeCard.style = CasinoChallengeCardStyle0;
454
456
 
455
- const DEFAULT_LANGUAGE$1 = 'en';
456
- const TRANSLATIONS$1 = {
457
+ const DEFAULT_LANGUAGE$2 = 'en';
458
+ const TRANSLATIONS$2 = {
457
459
  en: {
458
460
  title: 'Enter the secret code to unlock hidden quests and rewards.',
459
461
  btnText: 'Apply code',
@@ -469,14 +471,14 @@ const TRANSLATIONS$1 = {
469
471
  ar: {},
470
472
  hr: {}
471
473
  };
472
- const translate$1 = (key, customLang) => {
474
+ const translate$2 = (key, customLang) => {
473
475
  const lang = customLang;
474
- return TRANSLATIONS$1[lang !== undefined && lang in TRANSLATIONS$1 ? lang : DEFAULT_LANGUAGE$1][key];
476
+ return TRANSLATIONS$2[lang !== undefined && lang in TRANSLATIONS$2 ? lang : DEFAULT_LANGUAGE$2][key];
475
477
  };
476
478
  const getTranslations$1 = (data) => {
477
479
  Object.keys(data).forEach((item) => {
478
480
  for (let key in data[item]) {
479
- TRANSLATIONS$1[item][key] = data[item][key];
481
+ TRANSLATIONS$2[item][key] = data[item][key];
480
482
  }
481
483
  });
482
484
  };
@@ -508,7 +510,7 @@ const CasinoChallengesClaimCode = class {
508
510
  if (this.endpoint && this.session && this.domain) {
509
511
  const response = await this.applyCode();
510
512
  if (response.Success) {
511
- this.openNotification.emit({ message: translate$1('successMessage', this.language) });
513
+ this.openNotification.emit({ message: translate$2('successMessage', this.language) });
512
514
  }
513
515
  else {
514
516
  this.hasError = true;
@@ -594,7 +596,7 @@ const CasinoChallengesClaimCode = class {
594
596
  return val.length >= 3 && val.length <= 30 && this.asciiPrintableRegex.test(val);
595
597
  }
596
598
  render() {
597
- return (index.h("div", { key: '241aeeb9f0f0984bbf0367a7c925e0b84ef15fa0', ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: 'f20ec43253905cb0e9a356f65d1e51e695f784cf', class: "container" }, index.h("p", { key: 'a4c3b0ca894db101c192f7c62ff141ec51eaede1', class: "container__title" }, translate$1('title', this.language)), index.h("input", { key: 'c99bdd43659c9d2fc06702fe041eab8458bb0ee5', class: `code-input ${this.hasError ? 'errored' : ''}`, type: "text", placeholder: "e.g. SPRING24", onInput: this.handleInput }), index.h("p", { key: 'c2aacc2d4a23c7d222f895dce3a3a47b8f03f587', class: "code-input__text" }, translate$1('inputLabel', this.language)), index.h("button", { key: '51e79d07278368567026d31b0c70e8c9f0eb4840', class: "container__button", onClick: this.handleSubmit, disabled: this.loading || !this.code || this.hasError }, translate$1('btnText', this.language)))));
599
+ return (index.h("div", { key: '241aeeb9f0f0984bbf0367a7c925e0b84ef15fa0', ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: 'f20ec43253905cb0e9a356f65d1e51e695f784cf', class: "container" }, index.h("p", { key: 'a4c3b0ca894db101c192f7c62ff141ec51eaede1', class: "container__title" }, translate$2('title', this.language)), index.h("input", { key: 'c99bdd43659c9d2fc06702fe041eab8458bb0ee5', class: `code-input ${this.hasError ? 'errored' : ''}`, type: "text", placeholder: "e.g. SPRING24", onInput: this.handleInput }), index.h("p", { key: 'c2aacc2d4a23c7d222f895dce3a3a47b8f03f587', class: "code-input__text" }, translate$2('inputLabel', this.language)), index.h("button", { key: '51e79d07278368567026d31b0c70e8c9f0eb4840', class: "container__button", onClick: this.handleSubmit, disabled: this.loading || !this.code || this.hasError }, translate$2('btnText', this.language)))));
598
600
  }
599
601
  static get watchers() { return {
600
602
  "clientStyling": ["handleClientStylingChange"],
@@ -604,7 +606,25 @@ const CasinoChallengesClaimCode = class {
604
606
  };
605
607
  CasinoChallengesClaimCode.style = CasinoChallengesClaimCodeStyle0;
606
608
 
607
- const casinoChallengesListCss = ".challenges-list {\n display: flex;\n flex-wrap: wrap;\n gap: 30px;\n width: 100%;\n}\n\n.loader {\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 challenge-list (max-width: 576px) {\n .loader {\n width: 100%;\n }\n}\n.loader:hover {\n background: linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%);\n cursor: pointer;\n}\n.loader .SkeletonRows .SkeletonContainer {\n padding: 0 20px 0 20px;\n}\n.loader .SkeletonButton .Skeleton.Text {\n margin: 0;\n height: 28px;\n margin: 0 20px 20px 20px;\n border-radius: var(--emw--button-border-radius, 99px);\n width: auto;\n}\n.loader .Skeleton.Image {\n border-radius: 16px 16px 0 0;\n}\n.loader .Skeleton.Text {\n margin: 20px 0;\n}";
609
+ const emptyStateSvg$1 = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxyZWN0IHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgZmlsbD0idXJsKCNwYXR0ZXJuMF8xODk5XzE1MzA5KSIvPgo8ZGVmcz4KPHBhdHRlcm4gaWQ9InBhdHRlcm4wXzE4OTlfMTUzMDkiIHBhdHRlcm5Db250ZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIj4KPHVzZSB4bGluazpocmVmPSIjaW1hZ2UwXzE4OTlfMTUzMDkiIHRyYW5zZm9ybT0ic2NhbGUoMC4wMSkiLz4KPC9wYXR0ZXJuPgo8aW1hZ2UgaWQ9ImltYWdlMF8xODk5XzE1MzA5IiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFHUUFBQUJrQ0FZQUFBQnc0cFZVQUFBQUNYQklXWE1BQUFzVEFBQUxFd0VBbXB3WUFBQUhsRWxFUVZSNG5PMmRhWXdVUlJUSC80dG52UENJOXhFMWFoUVROWm1wNmdYUnphcjR3VHRHdlBXTFVlSVZQeGdWTldiaXpxdlpSZFRBR29pb0VRd2FGRFdLMFlCQ3ZNVWJKV0pJQkQ4UU9VSUVvd2hFUUZqemVwdTRXYVo2cW5wNnRxdWIraVg5aGV4VVYvVy9YaDN2dlNvQWo4Zmo4WGc4SG8vSDQvRjRpa2FwQjhQTE5ZaXl3czJTOExCVTZKRUtVNFRDTktrd1dTalVoTUw5WllXclJSZk9QR1V5OXNtNnpvV2lvNElEcE1JMS9ORWxZYWxVNkxONWhNSTJTVmdvRlVncWRJNmRqVDJ5YmxQKzZFTmJ1WXFMSkdHbUpHeTBGU0ZXSU1JcVFaZ29GVVprM1V6M3FXQlltWEM1VlBnMlRSRmludm1TMEo1MXM1MUVLblFLd3M5REpNUmdxNWtqcXpncDYyL2dCT2NvSEM0VlhzNUNpRUdpYkJhRVJ6c3EyQk83SzZLSzg0WEN5a1FmVU9HdmFHaWJKeFZtczZoQzRRMGVoaUpMMjVLdzNNOWtENDdEN29Za1BCQ3VnRXcvRm1HRkpFd1ZDdGVhZkREdTZTV0YwNlhDT0tud3FpQnNzQkRtZDFuRkJkZ3RxR0FZN3hjTWUrdTJhRGpyNU44MTg5cFNCZnNKaFJzRjRWTkRVYmF3K0NpOEdJU1pCdVA1djVMd1hLc21XcWx3bmxENHlFQ1U3V3hoS0NxU01OVmdhUG9tNkVacEtPckRGaU1KYXhxSlVxN2lPaFFOU2FnMGFqaTdQWVo2bFJPdThnaHpEWWF2QzFFVVJBMlhTY0tPR0t2WXlIK1Q4VkJhYlRqUkYySDFWYTdpZUVsWUZ6TnhyM2RsdDF3bTNCWE5HOW9sY2U3M0taS3dJS2FCZjdQbkZnNFJpUkpuS1k4Z3I0U1Rac3lTTmxBWUF3ZUpQTU02UVRZRjNUZ1JlVU5XY0ZDREZjeURjSHV2TkM5bVdUNEhlVU1vakk4Ull4NjcyT0V3SXlzNElxNURsUWdTZWFHamduMTFqUkdFemVWdW5Jd2NFRVlsOVVQdTI4Z0xjUk9qSUR4bVd4NkhZamxpbURUYUYvWjJoZWs4akZyOXNBOXRrdkN4WnFtK0krakNHY2dEdWdDVFVGZy9hZ0lPdENrcmNoQ3Vqc3FZYmJ2c2pJYWVuNkxPOE4zb2JoeGk4L3V5UWtmTTBOc0QxK0hRYUl4MVBHNXJHVUpoN2FBeVpwbGFTbVFaU3diMTdJVzJsaEs2NU90M3NKWE94K2o1bzJzRTJkNU9PTFlaTVd4RXFTdEdRbEZFRlRmcE9obGJFRnhHS255aHFmeDgweko0V0JLRVpYRWJ0RGhSWXNYNC81bHVXcCt6Sm1KLzNzUnF5dW1DMHlrN2hLMmFpbyt6S1V2VU1ES0tDbHFKWWlqR0V2NDdxL29RWHRkWTIrZHdGZmFJYWo5ZURhZFpsMmNwU3F2RWlOcDJwMGFRclNNcTJCc3VJaFh1MWxSNlRkSXlUVVVaTlFISHRFcU1Sb3NWWjVlL2t0Q3JFV1JCTStXYWlHS1FVSmRZakozeldreml4RlZ3RVVGNFQxUGhLVTJYYlNKS2k4VFlpUzZWbFhPSjRTSTh3YlhTWlMyU2laS0tHRXlZNlZqZk9xdHdFVUZZck9sQjk2YjFEbzYzQzhJZlJtSVFscFlJUjZmMWJrRjRTek9IVFlLTFNJWGxtbzl6VzVydkNXcTR3a0NNalR6UnAvbGVYY2FNSUx3QUY5SGw1ckt6RVNreDBEZGw4Rmo3dnBMc1JZVENNM0FScWZDMXBnYzlsSUVZcVlzaUNPOXIycWZnSXRwMEdzS1R6Wlp0dU9tcis5ZzRKQnUwYjVIR1FzYkRSZGgwTlIvbG5Rd3NJMTFMNlVPYjFwOVZ4UTF3RVY1TmFYcm9zcVJsbXJwREpPSEtKTDR2VTBvOU9FRlg3bEJsV2xwVFVqaFhNMlR0RUUvZ0tOdnliSDFUU1IyU0pyQVY2TnBtRzNRYk10akp4bWt5OVNwZXRzeVBOUnFtNnV3ekRQY3Axc09YVkhoZTF5SGdNb0x3Z2VianZXSVpEMWxzYWhrSmQvVEc3aHkyS0Q0c3FtbFhMMXdtSU55aCtRQ2JiRXc3VUxnK1BKWmdLWWFKS0J5SjVJaWtSVjNHeEFqcnBtTnhKNktHdzNSZVVhRnd1MDFaR2xHTWZWUDFSTEVWSXl5SE1Fc3pIMjNnZzBCd25lak1YOTNWMWxqTENYV1FLUGFSdmdHaUpCRWo2TUtwTVpacUhBYk9sS0NHUUd2aU5keGlYVjYvS0l1VGVtMURVUWpMYk1WZ0pHRkd6SERWaWJ3Z0ZUN1JXTW1xSk12RVp0MGZTWDdQUXVxT0p3aUY3MTFQaDkyMU1mcERPcFBoT0tWcDJFc3EvS0N6RHI3Y0JubERONWRJRm9wd0tSeEdLanlsRTBNUWZtejJWSEFtY0dLY0pQeXBFV1dkcTlkWmNPL1hXamZuOUZZeEdubUZsN294aytMeVFPRkl1TFlnaVVtWUVJUVhrV3ZZUzZvSmZjcitIcmNvclpoM0dtTEV1bDBJSzlvck9CUjU1K3dLRG80SjcvS0s1WmVzaDYrZ2hrdGlVNGtJVzNtaGdpTEFGaUFhWGIxRVdKZkowZWdLaHZHWmxaak5YL2dFQ3ZlaENGaEYraWhjZmZWYUg2eEpTTFFMLzlDZ1hrMUhQSjJnaWJEcmFrbTR0VlZud3FNaGxDVGhuMFoxRVFvdjVXb0QySW9ZdUJ5NENtUHZjVW9XdzFFL1RralFMc1YzdFl6ZVhPNDNrb2doK3VjVTdVUmY1N2EzV1h6dTNUYnhMVXlTSnR3VG5SWFUzdEl3Nk5uT1Y5Q2lDTmlFWFVzOUdDNEpieWF4SE00akZvU25PY1dJODc3WWtuamk1V3Y2Qk9GWm5odDBKN0FhREZGclpRMFhvd2drT3AvUmh6Yk9iRFFlUmxyNUVPYW1uZTJZR2MwZWxtbG5Od3Y3dnVKdURXclJJd2kvOFdYTktBcHBubHlTaEhhZDY3NEZ6Mm8rU3NCbkNGRVUyQmZWaXBOTFFiOVA2YldrdDR2R1dvVENsM3pta1crY1FKRm9sUmdEWWQ4Uk95akR2TnJrMTQ1djRjc3Z3eDE1Z3JPT3VXQW94S2dYTkNwWE1TcTZ1b1AvSjRSM0JlR3JLSFB4Vnc0b2hSKysvOThuUlFjMU8zT1JpTkFNU1pQWVBDM0FpK0VRWGd5SDhHSTRoQmZESWJ3WUR1SEZjQWd2aGtONE1SekNpK0VRWGd5SDhHSTRoQmNqTHpmQkRmRGF1cGFEVzNnNFdjQmJodXVpZURFY0VzV0w0UTVobnBPZk16d2VqOGZqOFhnOEhvL0g0L0dneVB3SE4rTUJXWEhhUDdBQUFBQUFTVVZPUks1Q1lJST0iLz4KPC9kZWZzPgo8L3N2Zz4K';
610
+
611
+ const DEFAULT_LANGUAGE$1 = 'en';
612
+ const TRANSLATIONS$1 = {
613
+ en: {
614
+ emptyTitle: 'Nothing here — yet!',
615
+ emptyDescription: 'No challenges at the moment. Try exploring events or keep playing to unlock new ones.'
616
+ },
617
+ ro: {},
618
+ fr: {},
619
+ ar: {},
620
+ hr: {}
621
+ };
622
+ const translate$1 = (key, customLang) => {
623
+ const lang = customLang;
624
+ return TRANSLATIONS$1[lang !== undefined && lang in TRANSLATIONS$1 ? lang : DEFAULT_LANGUAGE$1][key];
625
+ };
626
+
627
+ const casinoChallengesListCss = ".empty {\n color: var(--emw--color-white, white);\n padding: 80px 0 0;\n display: flex;\n gap: 12px;\n flex-direction: column;\n align-items: center;\n line-height: 24px;\n font-size: var(--emw--font-size-medium, 16px);\n text-align: center;\n}\n.empty img {\n height: 38px;\n margin-bottom: 18px;\n}\n\n.challenges-list {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 30px;\n width: 100%;\n}\n@container challenges-container (max-width: 670px) {\n .challenges-list .list-item {\n width: 100%;\n }\n}\n\n.loader {\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: 576px) {\n .loader {\n width: 100%;\n }\n}\n.loader:hover {\n background: linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%);\n cursor: pointer;\n}\n.loader .SkeletonRows .SkeletonContainer {\n padding: 0 20px 0 20px;\n}\n.loader .SkeletonButton .Skeleton.Text {\n margin: 0;\n height: 28px;\n margin: 0 20px 20px 20px;\n border-radius: var(--emw--button-border-radius, 99px);\n width: auto;\n}\n.loader .Skeleton.Image {\n border-radius: 16px 16px 0 0;\n}\n.loader .Skeleton.Text {\n margin: 20px 0;\n}";
608
628
  const CasinoChallengesListStyle0 = casinoChallengesListCss;
609
629
 
610
630
  const skeletons$1 = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
@@ -691,8 +711,11 @@ const CasinoChallengeList = class {
691
711
  this.timerExpired.emit(e.detail);
692
712
  }
693
713
  }
714
+ renderEmptyState() {
715
+ return (index.h("div", { class: "empty" }, index.h("img", { src: emptyStateSvg$1 }), index.h("b", null, translate$1('emptyTitle', this.language)), index.h("span", null, translate$1('emptyDescription', this.language))));
716
+ }
694
717
  render() {
695
- return (index.h("div", { key: 'a86f75428a1ada59409164e3c83582794d186c5c', ref: (el) => (this.stylingContainer = el), class: "challenges-list" }, this.challenges.map((challenge, index$1) => (index.h("div", { key: challenge.Id, ref: index$1 === this.challenges.length - 1 ? this.setLastItemRef : null }, index.h("casino-challenge-card", { challenge: challenge, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, onTimerExpired: this.onTimerExpired, activeTabIndex: this.activeTabIndex })))), this.loading && this.renderSkeletons()));
718
+ return (index.h("div", { key: '09ef210fa11672939ebafe62f9ac5ce5361258e6', ref: (el) => (this.stylingContainer = el) }, this.challenges.length === 0 && !this.loading && this.renderEmptyState(), index.h("div", { key: '822f0decec2878b12d9b5929528852286e0fac7a', class: "challenges-list" }, this.challenges.map((challenge, index$1) => (index.h("div", { key: challenge.Id, ref: index$1 === this.challenges.length - 1 ? this.setLastItemRef : null, class: "list-item" }, index.h("casino-challenge-card", { challenge: challenge, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, onTimerExpired: this.onTimerExpired, activeTabIndex: this.activeTabIndex })))), this.loading && this.renderSkeletons())));
696
719
  }
697
720
  get el() { return index.getElement(this); }
698
721
  static get watchers() { return {
@@ -716,7 +739,9 @@ const TRANSLATIONS = {
716
739
  en: {
717
740
  level: 'Level',
718
741
  status: 'Status',
719
- time: 'Time'
742
+ time: 'Time',
743
+ emptyTitle: 'Nothing here — yet!',
744
+ emptyDescription: 'Join challenges and unlock your history of victories in this section.'
720
745
  },
721
746
  ro: {
722
747
  level: 'Nivel',
@@ -772,6 +797,8 @@ const arrowDownSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0i
772
797
 
773
798
  const giftSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjkzNzE4IDEuMjQ5OTJDNC43OTE0MiAxLjI0OTkyIDQuNjQ5NDYgMS4zMDg3OCA0LjU0MzEzIDEuNDE3MDRDNC40MzY0NSAxLjUyNTY2IDQuMzc0NjggMS42NzUxOCA0LjM3NDY4IDEuODMzMjVDNC4zNzQ2OCAxLjk5MTMyIDQuNDM2NDUgMi4xNDA4NCA0LjU0MzEzIDIuMjQ5NDZDNC42NDk0NiAyLjM1NzczIDQuNzkxNDIgMi40MTY1OSA0LjkzNzE4IDIuNDE2NTlINi4yMDI5OUM2LjE2MDc2IDIuMzE2NjMgNi4xMTIxNyAyLjIxMzEgNi4wNTY3NSAyLjExMDQ5QzUuNzczMzMgMS41ODU4MSA1LjQwOTQ5IDEuMjQ5OTIgNC45MzcxOCAxLjI0OTkyWk02LjQxNjM0IDMuNTgzMjVWNS4zMzMyNUwyLjA5OTY4IDUuMzMzMjVDMS45MjY3IDUuMzMzMjUgMS44MzIwNiA1LjMzMjggMS43NjQwNSA1LjMyNzI0QzEuNzYxMzQgNS4zMjcwMiAxLjc1ODc4IDUuMzI2OCAxLjc1NjM2IDUuMzI2NTdDMS43NTYxMyA1LjMyNDE1IDEuNzU1OTEgNS4zMjE1OSAxLjc1NTY5IDUuMzE4ODhDMS43NTAxMyA1LjI1MDg3IDEuNzQ5NjggNS4xNTYyMyAxLjc0OTY4IDQuOTgzMjVWMy45MzMyNUMxLjc0OTY4IDMuNzYwMjggMS43NTAxMyAzLjY2NTYzIDEuNzU1NjkgMy41OTc2MkMxLjc1NTkxIDMuNTk0OTEgMS43NTYxMyAzLjU5MjM1IDEuNzU2MzYgMy41ODk5M0MxLjc1ODc4IDMuNTg5NzEgMS43NjEzNCAzLjU4OTQ4IDEuNzY0MDUgMy41ODkyNkMxLjgzMjA2IDMuNTgzNzEgMS45MjY3IDMuNTgzMjUgMi4wOTk2OCAzLjU4MzI1SDYuNDE2MzRaTTMuMzA2OSAyLjQxNjU5QzMuMjQxOTcgMi4yMzA3IDMuMjA4MDEgMi4wMzM1NiAzLjIwODAxIDEuODMzMjVDMy4yMDgwMSAxLjM3MjQ4IDMuMzg3NjggMC45Mjg1MTEgMy43MTA3NyAwLjU5OTU0OEM0LjAzNDIxIDAuMjcwMjI4IDQuNDc1MTUgMC4wODMyNTIgNC45MzcxOCAwLjA4MzI1MkM1Ljk4NDA5IDAuMDgzMjUyIDYuNjMzNjYgMC43OTQwMTcgNi45OTk2OCAxLjQwODcyQzcuMzY1NyAwLjc5NDAxNyA4LjAxNTI3IDAuMDgzMjUyIDkuMDYyMTggMC4wODMyNTJDOS41MjQyMSAwLjA4MzI1MiA5Ljk2NTE0IDAuMjcwMjI4IDEwLjI4ODYgMC41OTk1NDhDMTAuNjExNyAwLjkyODUxMSAxMC43OTEzIDEuMzcyNDggMTAuNzkxMyAxLjgzMzI1QzEwLjc5MTMgMi4wMzM1NiAxMC43NTc0IDIuMjMwNyAxMC42OTI1IDIuNDE2NTlMMTEuOTE4MyAyLjQxNjU4QzEyLjA2NTUgMi40MTY1NyAxMi4yMDg5IDIuNDE2NTUgMTIuMzMwMyAyLjQyNjQ3QzEyLjQ2MzcgMi40MzczNyAxMi42MjEgMi40NjMwNyAxMi43NzkzIDIuNTQzNzRDMTIuOTk4OSAyLjY1NTYgMTMuMTc3MyAyLjgzNDA3IDEzLjI4OTIgMy4wNTM2QzEzLjM2OTkgMy4yMTE5MyAxMy4zOTU2IDMuMzY5MjcgMTMuNDA2NSAzLjUwMjYyQzEzLjQxNjQgMy42MjQwNCAxMy40MTY0IDMuNzY3NDIgMTMuNDE2MyAzLjkxNDYzVjUuMDAxODdDMTMuNDE2NCA1LjE0OTA5IDEzLjQxNjQgNS4yOTI0NiAxMy40MDY1IDUuNDEzODlDMTMuMzk1NiA1LjU0NzIzIDEzLjM2OTkgNS43MDQ1OCAxMy4yODkyIDUuODYyOTFDMTMuMTc3MyA2LjA4MjQzIDEyLjk5ODkgNi4yNjA5MSAxMi43NzkzIDYuMzcyNzZDMTIuNjIxIDYuNDUzNDMgMTIuNDYzNyA2LjQ3OTE0IDEyLjMzMDMgNi40OTAwM0MxMi4zMDQ0IDYuNDkyMTUgMTIuMjc3NCA2LjQ5MzgyIDEyLjI0OTcgNi40OTUxM1YxMC40ODkxQzEyLjI0OTcgMTAuNzk2NiAxMi4yNDk3IDExLjA2MTkgMTIuMjMxOCAxMS4yODA0QzEyLjIxMyAxMS41MTEgMTIuMTcxNCAxMS43NDAzIDEyLjA1ODkgMTEuOTYxMUMxMS44OTEyIDEyLjI5MDQgMTEuNjIzNCAxMi41NTgxIDExLjI5NDIgMTIuNzI1OEMxMS4wNzM0IDEyLjgzODMgMTAuODQ0MSAxMi44Nzk5IDEwLjYxMzQgMTIuODk4OEMxMC4zOTQ5IDEyLjkxNjYgMTAuMTI5NyAxMi45MTY2IDkuODIyMTggMTIuOTE2Nkg3LjAwMDQ5QzcuMDAwMjIgMTIuOTE2NiA2Ljk5OTk1IDEyLjkxNjYgNi45OTk2OCAxMi45MTY2QzYuOTk5NDEgMTIuOTE2NiA2Ljk5OTEzIDEyLjkxNjYgNi45OTg4NiAxMi45MTY2SDQuMTc3MThDMy44Njk2OCAxMi45MTY2IDMuNjA0NDEgMTIuOTE2NiAzLjM4NTkxIDEyLjg5ODhDMy4xNTUyOSAxMi44Nzk5IDIuOTI1OTIgMTIuODM4MyAyLjcwNTE5IDEyLjcyNThDMi4zNzU5MSAxMi41NTgxIDIuMTA4MTkgMTIuMjkwNCAxLjk0MDQyIDExLjk2MTFDMS44Mjc5NSAxMS43NDAzIDEuNzg2MzUgMTEuNTExIDEuNzY3NTEgMTEuMjgwNEMxLjc0OTY2IDExLjA2MTkgMS43NDk2NyAxMC43OTY2IDEuNzQ5NjggMTAuNDg5MUwxLjc0OTY4IDYuNDk1MTNDMS43MjE5MiA2LjQ5MzgyIDEuNjk0OTggNi40OTIxNSAxLjY2OTA0IDYuNDkwMDNDMS41MzU3IDYuNDc5MTQgMS4zNzgzNSA2LjQ1MzQzIDEuMjIwMDIgNi4zNzI3NkMxLjAwMDUgNi4yNjA5MSAwLjgyMjAyMiA2LjA4MjQzIDAuNzEwMTcgNS44NjI5MUMwLjYyOTQ5NiA1LjcwNDU4IDAuNjAzNzkgNS41NDcyMyAwLjU5Mjg5NiA1LjQxMzg5QzAuNTgyOTc1IDUuMjkyNDYgMC41ODI5OTIgNS4xNDkwOCAwLjU4MzAwOSA1LjAwMTg2TDAuNTgzMDExIDMuOTMzMjVDMC41ODMwMTEgMy45MjcwNCAwLjU4MzAxIDMuOTIwODQgMC41ODMwMDkgMy45MTQ2NUMwLjU4Mjk5MiAzLjc2NzQyIDAuNTgyOTc1IDMuNjI0MDQgMC41OTI4OTYgMy41MDI2MkMwLjYwMzc5IDMuMzY5MjcgMC42Mjk0OTcgMy4yMTE5MyAwLjcxMDE3IDMuMDUzNkMwLjgyMjAyMiAyLjgzNDA3IDEuMDAwNSAyLjY1NTYgMS4yMjAwMiAyLjU0Mzc0QzEuMzc4MzUgMi40NjMwNyAxLjUzNTcgMi40MzczNyAxLjY2OTA0IDIuNDI2NDdDMS43OTA0NyAyLjQxNjU1IDEuOTMzODUgMi40MTY1NyAyLjA4MTA3IDIuNDE2NThDMi4wODcyNyAyLjQxNjU4IDIuMDkzNDcgMi40MTY1OSAyLjA5OTY4IDIuNDE2NTlIMy4zMDY5Wk0yLjkxNjM0IDYuNDk5OTJWMTAuNDY2NkMyLjkxNjM0IDEwLjgwMjkgMi45MTY4IDExLjAyMDEgMi45MzAzIDExLjE4NTNDMi45NDMyNSAxMS4zNDM4IDIuOTY1MjMgMTEuNDAyNiAyLjk3OTkyIDExLjQzMTRDMy4wMzU4NSAxMS41NDEyIDMuMTI1MDkgMTEuNjMwNCAzLjIzNDg1IDExLjY4NjNDMy4yNjM2OSAxMS43MDEgMy4zMjI0NCAxMS43MjMgMy40ODA5MiAxMS43MzZDMy42NDYyIDExLjc0OTUgMy44NjMzNSAxMS43NDk5IDQuMTk5NjggMTEuNzQ5OUg2LjQxNjM0VjYuNDk5OTJIMi45MTYzNFpNNy41ODMwMSA2LjQ5OTkyVjExLjc0OTlIOS43OTk2OEMxMC4xMzYgMTEuNzQ5OSAxMC4zNTMyIDExLjc0OTUgMTAuNTE4NCAxMS43MzZDMTAuNjc2OSAxMS43MjMgMTAuNzM1NyAxMS43MDEgMTAuNzY0NSAxMS42ODYzQzEwLjg3NDMgMTEuNjMwNCAxMC45NjM1IDExLjU0MTIgMTEuMDE5NCAxMS40MzE0QzExLjAzNDEgMTEuNDAyNiAxMS4wNTYxIDExLjM0MzggMTEuMDY5MSAxMS4xODUzQzExLjA4MjYgMTEuMDIwMSAxMS4wODMgMTAuODAyOSAxMS4wODMgMTAuNDY2NlY2LjQ5OTkySDcuNTgzMDFaTTExLjg5OTcgNS4zMzMyNUMxMi4wNzI3IDUuMzMzMjUgMTIuMTY3MyA1LjMzMjggMTIuMjM1MyA1LjMyNzI0QzEyLjIzOCA1LjMyNzAyIDEyLjI0MDYgNS4zMjY3OSAxMi4yNDMgNS4zMjY1N0MxMi4yNDMyIDUuMzI0MTUgMTIuMjQzNCA1LjMyMTU5IDEyLjI0MzcgNS4zMTg4OEMxMi4yNDkyIDUuMjUwODcgMTIuMjQ5NyA1LjE1NjIzIDEyLjI0OTcgNC45ODMyNVYzLjkzMzI1QzEyLjI0OTcgMy43NjAyOCAxMi4yNDkyIDMuNjY1NjMgMTIuMjQzNyAzLjU5NzYyQzEyLjI0MzQgMy41OTQ5MiAxMi4yNDMyIDMuNTkyMzUgMTIuMjQzIDMuNTg5OTNDMTIuMjQwNiAzLjU4OTcxIDEyLjIzOCAzLjU4OTQ4IDEyLjIzNTMgMy41ODkyNkMxMi4xNjczIDMuNTgzNzEgMTIuMDcyNyAzLjU4MzI1IDExLjg5OTcgMy41ODMyNUg3LjU4MzAxVjUuMzMzMjVIMTEuODk5N1pNOS4wNjIxOCAyLjQxNjU5QzkuMjA3OTQgMi40MTY1OSA5LjM0OTg5IDIuMzU3NzMgOS40NTYyMyAyLjI0OTQ2QzkuNTYyOTEgMi4xNDA4NCA5LjYyNDY4IDEuOTkxMzIgOS42MjQ2OCAxLjgzMzI1QzkuNjI0NjggMS42NzUxOCA5LjU2MjkxIDEuNTI1NjYgOS40NTYyMyAxLjQxNzA0QzkuMzQ5ODkgMS4zMDg3OCA5LjIwNzk0IDEuMjQ5OTIgOS4wNjIxOCAxLjI0OTkyQzguNTg5ODYgMS4yNDk5MiA4LjIyNjAzIDEuNTg1ODEgNy45NDI2MSAyLjExMDQ5QzcuODg3MTggMi4yMTMxIDcuODM4NTkgMi4zMTY2MyA3Ljc5NjM3IDIuNDE2NTlIOS4wNjIxOFoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xNTIwXzI5ODEpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTUyMF8yOTgxIiB4MT0iNi45OTk2OCIgeTE9IjAuMDgzMjUyIiB4Mj0iNi45OTk2OCIgeTI9IjEyLjkxNjYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0VBOTAxOCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNFMEE4NEUiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K';
774
799
 
800
+ const emptyStateSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxyZWN0IHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgZmlsbD0idXJsKCNwYXR0ZXJuMF8xODk5XzE1MzA5KSIvPgo8ZGVmcz4KPHBhdHRlcm4gaWQ9InBhdHRlcm4wXzE4OTlfMTUzMDkiIHBhdHRlcm5Db250ZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIj4KPHVzZSB4bGluazpocmVmPSIjaW1hZ2UwXzE4OTlfMTUzMDkiIHRyYW5zZm9ybT0ic2NhbGUoMC4wMSkiLz4KPC9wYXR0ZXJuPgo8aW1hZ2UgaWQ9ImltYWdlMF8xODk5XzE1MzA5IiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFHUUFBQUJrQ0FZQUFBQnc0cFZVQUFBQUNYQklXWE1BQUFzVEFBQUxFd0VBbXB3WUFBQUhsRWxFUVZSNG5PMmRhWXdVUlJUSC80dG52UENJOXhFMWFoUVROWm1wNmdYUnphcjR3VHRHdlBXTFVlSVZQeGdWTldiaXpxdlpSZFRBR29pb0VRd2FGRFdLMFlCQ3ZNVWJKV0pJQkQ4UU9VSUVvd2hFUUZqemVwdTRXYVo2cW5wNnRxdWIraVg5aGV4VVYvVy9YaDN2dlNvQWo4Zmo4WGc4SG8vSDQvRjRpa2FwQjhQTE5ZaXl3czJTOExCVTZKRUtVNFRDTktrd1dTalVoTUw5WllXclJSZk9QR1V5OXNtNnpvV2lvNElEcE1JMS9ORWxZYWxVNkxONWhNSTJTVmdvRlVncWRJNmRqVDJ5YmxQKzZFTmJ1WXFMSkdHbUpHeTBGU0ZXSU1JcVFaZ29GVVprM1V6M3FXQlltWEM1VlBnMlRSRmludm1TMEo1MXM1MUVLblFLd3M5REpNUmdxNWtqcXpncDYyL2dCT2NvSEM0VlhzNUNpRUdpYkJhRVJ6c3EyQk83SzZLSzg0WEN5a1FmVU9HdmFHaWJKeFZtczZoQzRRMGVoaUpMMjVLdzNNOWtENDdEN29Za1BCQ3VnRXcvRm1HRkpFd1ZDdGVhZkREdTZTV0YwNlhDT0tud3FpQnNzQkRtZDFuRkJkZ3RxR0FZN3hjTWUrdTJhRGpyNU44MTg5cFNCZnNKaFJzRjRWTkRVYmF3K0NpOEdJU1pCdVA1djVMd1hLc21XcWx3bmxENHlFQ1U3V3hoS0NxU01OVmdhUG9tNkVacEtPckRGaU1KYXhxSlVxN2lPaFFOU2FnMGFqaTdQWVo2bFJPdThnaHpEWWF2QzFFVVJBMlhTY0tPR0t2WXlIK1Q4VkJhYlRqUkYySDFWYTdpZUVsWUZ6TnhyM2RsdDF3bTNCWE5HOW9sY2U3M0taS3dJS2FCZjdQbkZnNFJpUkpuS1k4Z3I0U1Rac3lTTmxBWUF3ZUpQTU02UVRZRjNUZ1JlVU5XY0ZDREZjeURjSHV2TkM5bVdUNEhlVU1vakk4Ull4NjcyT0V3SXlzNElxNURsUWdTZWFHamduMTFqUkdFemVWdW5Jd2NFRVlsOVVQdTI4Z0xjUk9qSUR4bVd4NkhZamxpbURUYUYvWjJoZWs4akZyOXNBOXRrdkN4WnFtK0krakNHY2dEdWdDVFVGZy9hZ0lPdENrcmNoQ3Vqc3FZYmJ2c2pJYWVuNkxPOE4zb2JoeGk4L3V5UWtmTTBOc0QxK0hRYUl4MVBHNXJHVUpoN2FBeVpwbGFTbVFaU3diMTdJVzJsaEs2NU90M3NKWE94K2o1bzJzRTJkNU9PTFlaTVd4RXFTdEdRbEZFRlRmcE9obGJFRnhHS255aHFmeDgweko0V0JLRVpYRWJ0RGhSWXNYNC81bHVXcCt6Sm1KLzNzUnF5dW1DMHlrN2hLMmFpbyt6S1V2VU1ES0tDbHFKWWlqR0V2NDdxL29RWHRkWTIrZHdGZmFJYWo5ZURhZFpsMmNwU3F2RWlOcDJwMGFRclNNcTJCc3VJaFh1MWxSNlRkSXlUVVVaTlFISHRFcU1Sb3NWWjVlL2t0Q3JFV1JCTStXYWlHS1FVSmRZakozeldreml4RlZ3RVVGNFQxUGhLVTJYYlNKS2k4VFlpUzZWbFhPSjRTSTh3YlhTWlMyU2laS0tHRXlZNlZqZk9xdHdFVUZZck9sQjk2YjFEbzYzQzhJZlJtSVFscFlJUjZmMWJrRjRTek9IVFlLTFNJWGxtbzl6VzVydkNXcTR3a0NNalR6UnAvbGVYY2FNSUx3QUY5SGw1ckt6RVNreDBEZGw4Rmo3dnBMc1JZVENNM0FScWZDMXBnYzlsSUVZcVlzaUNPOXIycWZnSXRwMEdzS1R6Wlp0dU9tcis5ZzRKQnUwYjVIR1FzYkRSZGgwTlIvbG5Rd3NJMTFMNlVPYjFwOVZ4UTF3RVY1TmFYcm9zcVJsbXJwREpPSEtKTDR2VTBvOU9FRlg3bEJsV2xwVFVqaFhNMlR0RUUvZ0tOdnliSDFUU1IyU0pyQVY2TnBtRzNRYk10akp4bWt5OVNwZXRzeVBOUnFtNnV3ekRQY3Axc09YVkhoZTF5SGdNb0x3Z2VianZXSVpEMWxzYWhrSmQvVEc3aHkyS0Q0c3FtbFhMMXdtSU55aCtRQ2JiRXc3VUxnK1BKWmdLWWFKS0J5SjVJaWtSVjNHeEFqcnBtTnhKNktHdzNSZVVhRnd1MDFaR2xHTWZWUDFSTEVWSXl5SE1Fc3pIMjNnZzBCd25lak1YOTNWMWxqTENYV1FLUGFSdmdHaUpCRWo2TUtwTVpacUhBYk9sS0NHUUd2aU5keGlYVjYvS0l1VGVtMURVUWpMYk1WZ0pHRkd6SERWaWJ3Z0ZUN1JXTW1xSk12RVp0MGZTWDdQUXVxT0p3aUY3MTFQaDkyMU1mcERPcFBoT0tWcDJFc3EvS0N6RHI3Y0JubERONWRJRm9wd0tSeEdLanlsRTBNUWZtejJWSEFtY0dLY0pQeXBFV1dkcTlkWmNPL1hXamZuOUZZeEdubUZsN294aytMeVFPRkl1TFlnaVVtWUVJUVhrV3ZZUzZvSmZjcitIcmNvclpoM0dtTEV1bDBJSzlvck9CUjU1K3dLRG80SjcvS0s1WmVzaDYrZ2hrdGlVNGtJVzNtaGdpTEFGaUFhWGIxRVdKZkowZWdLaHZHWmxaak5YL2dFQ3ZlaENGaEYraWhjZmZWYUg2eEpTTFFMLzlDZ1hrMUhQSjJnaWJEcmFrbTR0VlZud3FNaGxDVGhuMFoxRVFvdjVXb0QySW9ZdUJ5NENtUHZjVW9XdzFFL1RralFMc1YzdFl6ZVhPNDNrb2doK3VjVTdVUmY1N2EzV1h6dTNUYnhMVXlTSnR3VG5SWFUzdEl3Nk5uT1Y5Q2lDTmlFWFVzOUdDNEpieWF4SE00akZvU25PY1dJODc3WWtuamk1V3Y2Qk9GWm5odDBKN0FhREZGclpRMFhvd2drT3AvUmh6Yk9iRFFlUmxyNUVPYW1uZTJZR2MwZWxtbG5Od3Y3dnVKdURXclJJd2kvOFdYTktBcHBubHlTaEhhZDY3NEZ6Mm8rU3NCbkNGRVUyQmZWaXBOTFFiOVA2YldrdDR2R1dvVENsM3pta1crY1FKRm9sUmdEWWQ4Uk95akR2TnJrMTQ1djRjc3Z3eDE1Z3JPT3VXQW94S2dYTkNwWE1TcTZ1b1AvSjRSM0JlR3JLSFB4Vnc0b2hSKysvOThuUlFjMU8zT1JpTkFNU1pQWVBDM0FpK0VRWGd5SDhHSTRoQmZESWJ3WUR1SEZjQWd2aGtONE1SekNpK0VRWGd5SDhHSTRoQmNqTHpmQkRmRGF1cGFEVzNnNFdjQmJodXVpZURFY0VzV0w0UTVobnBPZk16d2VqOGZqOFhnOEhvL0g0L0dneVB3SE4rTUJXWEhhUDdBQUFBQUFTVVZPUks1Q1lJST0iLz4KPC9kZWZzPgo8L3N2Zz4K';
801
+
775
802
  function _typeof(o) {
776
803
  "@babel/helpers - typeof";
777
804
 
@@ -2968,10 +2995,10 @@ function cleanEscapedString(input) {
2968
2995
  return matched[1].replace(doubleQuoteRegExp, "'");
2969
2996
  }
2970
2997
 
2971
- const casinoChallengesPlayerHistoryCss = ".history {\n width: 100%;\n padding: 0 10%;\n box-sizing: border-box;\n display: flex;\n gap: 16px;\n flex-direction: column;\n}\n@container challenges-container (max-width: 800px) {\n .history {\n padding: 0;\n }\n}\n\n.item {\n background-color: var(--emw--history-item-background, rgba(114, 118, 114, 0.2));\n border-radius: 12px;\n padding: 20px;\n}\n\n.header {\n cursor: pointer;\n border: none;\n width: 100%;\n text-align: left;\n background: transparent;\n color: var(--emw--color-white, white);\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-bold, 700);\n display: flex;\n justify-content: space-between;\n padding: 0;\n}\n@container challenges-container (max-width: 800px) {\n .header {\n line-height: var(--emw--font-size-medium, 14px);\n }\n}\n\n.content {\n max-height: 0;\n overflow: auto;\n transition: max-height 0.3s ease;\n background: transparent;\n color: var(--emw--color-white, white);\n}\n.content.open {\n max-height: 400px;\n}\n.content .row {\n display: flex;\n font-size: var(--emw--font-size-medium, 14px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 24px;\n padding: 10px 12px 4px;\n box-sizing: border-box;\n color: var(--emw--color-gray-150, #c8d6ce);\n}\n.content .row .col-1 {\n flex-grow: 1;\n}\n.content .row .col-2 {\n width: 120px;\n}\n.content .row .col-2.errored {\n color: var(--emw--color-error, #D6421E);\n}\n@container challenges-container (max-width: 800px) {\n .content .row {\n font-size: var(--emw--font-size-small, 12px);\n line-height: 22px;\n }\n}\n@container challenges-container (max-width: 620px) {\n .content .row .col-1,\n .content .row .col-2 {\n width: 91px;\n }\n}\n.content .reward {\n margin: 0;\n padding: 0 12px 10px;\n box-sizing: border-box;\n font-size: var(--emw--font-size-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 19px;\n color: var(--emw--color-valid, #03873e);\n border-bottom: 1px solid var(--emw--button-border-color, rgba(200, 214, 206, 0.1019607843));\n display: flex;\n gap: 8px;\n}\n.content .reward.grayed {\n color: var(--emw--color-gray-300, #555a57);\n}\n@container challenges-container (max-width: 800px) {\n .content .reward {\n font-size: var(--emw--font-size-small, 12px);\n line-height: 14px;\n }\n .content .reward img {\n width: 12px;\n height: 12px;\n }\n}\n.content .list-header {\n padding: 0 12px;\n margin-top: 20px;\n border-radius: 6px 6px 0 0;\n color: var(--emw--history-header-color, #727672);\n background: var(--emw--history-item-header-background, #202120);\n}\n.content .list-header span {\n font-size: var(--emw--font-size-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 28px;\n}\n@container challenges-container (max-width: 800px) {\n .content .list-header span {\n font-size: var(--emw--font-size-x-small, 10px);\n line-height: 20px;\n }\n}";
2998
+ const casinoChallengesPlayerHistoryCss = ".history {\n width: 100%;\n padding: 0 10%;\n box-sizing: border-box;\n display: flex;\n gap: 16px;\n flex-direction: column;\n}\n@container challenges-container (max-width: 800px) {\n .history {\n padding: 0;\n }\n}\n\n.item {\n background-color: var(--emw--history-item-background, rgba(114, 118, 114, 0.2));\n border-radius: 12px;\n padding: 20px;\n}\n\n.header {\n cursor: pointer;\n border: none;\n width: 100%;\n text-align: left;\n background: transparent;\n color: var(--emw--color-white, white);\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-bold, 700);\n display: flex;\n justify-content: space-between;\n padding: 0;\n}\n@container challenges-container (max-width: 800px) {\n .header {\n line-height: var(--emw--font-size-medium, 14px);\n }\n}\n\n.content {\n max-height: 0;\n overflow: auto;\n transition: max-height 0.3s ease;\n background: transparent;\n color: var(--emw--color-white, white);\n}\n.content.open {\n max-height: 400px;\n}\n.content .row {\n display: flex;\n font-size: var(--emw--font-size-medium, 14px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 24px;\n padding: 10px 12px 4px;\n box-sizing: border-box;\n color: var(--emw--color-gray-150, #c8d6ce);\n}\n.content .row .col-1 {\n flex-grow: 1;\n text-transform: uppercase;\n}\n.content .row .col-2 {\n width: 120px;\n text-transform: uppercase;\n}\n.content .row .col-2.errored {\n color: var(--emw--color-error, #D6421E);\n}\n@container challenges-container (max-width: 800px) {\n .content .row {\n font-size: var(--emw--font-size-small, 12px);\n line-height: 22px;\n }\n}\n@container challenges-container (max-width: 620px) {\n .content .row .col-1,\n .content .row .col-2 {\n width: 91px;\n }\n}\n.content .reward {\n margin: 0;\n padding: 0 12px 10px;\n box-sizing: border-box;\n font-size: var(--emw--font-size-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 19px;\n color: var(--emw--color-valid, #03873e);\n border-bottom: 1px solid var(--emw--button-border-color, rgba(200, 214, 206, 0.1019607843));\n display: flex;\n gap: 8px;\n}\n.content .reward.grayed {\n color: var(--emw--color-gray-300, #555a57);\n}\n@container challenges-container (max-width: 800px) {\n .content .reward {\n font-size: var(--emw--font-size-small, 12px);\n line-height: 14px;\n }\n .content .reward img {\n width: 12px;\n height: 12px;\n }\n}\n.content .list-header {\n padding: 0 12px;\n margin-top: 20px;\n border-radius: 6px 6px 0 0;\n color: var(--emw--history-header-color, #727672);\n background: var(--emw--history-item-header-background, #202120);\n}\n.content .list-header span {\n font-size: var(--emw--font-size-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 28px;\n}\n@container challenges-container (max-width: 800px) {\n .content .list-header span {\n font-size: var(--emw--font-size-x-small, 10px);\n line-height: 20px;\n }\n}\n\n.empty {\n color: var(--emw--color-white, white);\n padding: 80px 0 0;\n display: flex;\n gap: 12px;\n flex-direction: column;\n align-items: center;\n line-height: 24px;\n font-size: var(--emw--font-size-medium, 16px);\n text-align: center;\n}\n.empty img {\n height: 38px;\n margin-bottom: 18px;\n}";
2972
2999
  const CasinoChallengesPlayerHistoryStyle0 = casinoChallengesPlayerHistoryCss;
2973
3000
 
2974
- const skeletons = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
3001
+ const skeletons = [0, 1, 2, 3];
2975
3002
  const CasinoChallengesPlayerHistory = class {
2976
3003
  constructor(hostRef) {
2977
3004
  index.registerInstance(this, hostRef);
@@ -3062,13 +3089,16 @@ const CasinoChallengesPlayerHistory = class {
3062
3089
  const rewards = Object.values(level.Rewards)
3063
3090
  .map((r) => r.RewardDescription)
3064
3091
  .join(', ');
3065
- return (index.h("div", null, index.h("div", { class: "row" }, index.h("span", { class: "col-1" }, `${translate('level', this.language)} ${level.OrderNumber + 1}`), index.h("span", { class: `col-2 ${level.Status === EHistoryItemLevelStatus.Forfeited ? 'errored' : ''}` }, HistoryItemLevelStatusDictionary[level.Status]), index.h("span", { class: "col-2" }, format(new Date(level.Time), 'dd/MM/yy HH:mm'))), index.h("p", { class: `reward ${level.Status === EHistoryItemLevelStatus.Completed ? '' : 'grayed'}` }, index.h("img", { src: giftSvg }), rewards)));
3092
+ return (index.h("div", null, index.h("div", { class: "row" }, index.h("span", { class: "col-1" }, `${translate('level', this.language)} ${level.OrderNumber + 1}`), index.h("span", { class: `col-2 ${level.Status === EHistoryItemLevelStatus.Forfeited ? 'errored' : ''}` }, HistoryItemLevelStatusDictionary[level.Status]), index.h("span", { class: "col-2" }, format(new Date(level.Time), 'dd/MM/yy HH:mm'))), rewards && (index.h("p", { class: `reward ${level.Status === EHistoryItemLevelStatus.Completed ? '' : 'grayed'}` }, index.h("img", { src: giftSvg }), rewards))));
3066
3093
  }
3067
3094
  renderSkeletons() {
3068
3095
  return skeletons.map((skeleton) => (index.h("div", { class: "loader", key: skeleton }, index.h("ui-skeleton", { structure: "title", width: "auto", height: "60px", marginBottom: 0 }))));
3069
3096
  }
3097
+ renderEmptyState() {
3098
+ return (index.h("div", { class: "empty" }, index.h("img", { src: emptyStateSvg }), index.h("b", null, translate('emptyTitle', this.language)), index.h("span", null, translate('emptyDescription', this.language))));
3099
+ }
3070
3100
  render() {
3071
- return (index.h("div", { key: '0781f3ee74b3f3b8b5b09e3269974e876ece82ef', ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: '78108ee5c86b0e87363e9ed980c242890f2453b1', class: "history" }, this.playerHistory.map((item, index$1) => (index.h("div", { class: "item", ref: index$1 === this.playerHistory.length - 1 ? this.setLastItemRef : null }, index.h("button", { class: "header", onClick: () => this.toggle(index$1) }, index.h("span", null, item.Name), index.h("img", { src: this.openItems[index$1] ? arrowUpSvg : arrowDownSvg })), index.h("div", { class: `content ${this.openItems[index$1] ? 'open' : ''}` }, index.h("div", { class: "row list-header" }, index.h("span", { class: "col-1", style: { textTransform: 'uppercase' } }, translate('level', this.language)), index.h("span", { class: "col-2", style: { textTransform: 'uppercase' } }, translate('status', this.language)), index.h("span", { class: "col-2", style: { textTransform: 'uppercase' } }, translate('time', this.language))), item.Levels.map((level) => this.renderLevel(level)))))), this.loading && this.renderSkeletons())));
3101
+ return (index.h("div", { key: '21b45bb8459e1c28e19a2b845da834db76936d71', ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: 'aad1a29cf4c5fa3a548cf18052497bbe82476a57', class: "history" }, this.playerHistory.map((item, index$1) => (index.h("div", { class: "item", ref: index$1 === this.playerHistory.length - 1 ? this.setLastItemRef : null }, index.h("button", { class: "header", onClick: () => this.toggle(index$1) }, index.h("span", null, item.Name), index.h("img", { src: this.openItems[index$1] ? arrowUpSvg : arrowDownSvg })), index.h("div", { class: `content ${this.openItems[index$1] ? 'open' : ''}` }, index.h("div", { class: "row list-header" }, index.h("span", { class: "col-1" }, translate('level', this.language)), index.h("span", { class: "col-2" }, translate('status', this.language)), index.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())));
3072
3102
  }
3073
3103
  static get watchers() { return {
3074
3104
  "clientStyling": ["handleClientStylingChange"],
package/dist/cjs/{casino-challenges-container-da454267.js → casino-challenges-container-056beb65.js} RENAMED
@@ -64,7 +64,11 @@ const TRANSLATIONS = {
64
64
  en: {
65
65
  title: 'Challenges',
66
66
  empty: 'No Challenges',
67
- activeTab: 'Active tab'
67
+ activeTab: 'Active tab',
68
+ active: 'Active',
69
+ pending: 'Pending',
70
+ finished: 'Finished',
71
+ code: 'Code'
68
72
  },
69
73
  ro: {
70
74
  title: 'Provocări',
@@ -118,13 +122,18 @@ const errorCircleSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD
118
122
 
119
123
  const checkCircleSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS4wMDA3IDQuNzQ5OTJDMTEuMTMwNiA0Ljc0OTkyIDQuNzUwNjUgMTEuMTI5OSA0Ljc1MDY1IDE4Ljk5OTlDNC43NTA2NSAyNi44NyAxMS4xMzA2IDMzLjI0OTkgMTkuMDAwNyAzMy4yNDk5QzI2Ljg3MDcgMzMuMjQ5OSAzMy4yNTA3IDI2Ljg3IDMzLjI1MDcgMTguOTk5OUMzMy4yNTA3IDExLjEyOTkgMjYuODcwNyA0Ljc0OTkyIDE5LjAwMDcgNC43NDk5MlpNMS41ODM5OCAxOC45OTk5QzEuNTgzOTggOS4zODA5NiA5LjM4MTY5IDEuNTgzMjUgMTkuMDAwNyAxLjU4MzI1QzI4LjYxOTYgMS41ODMyNSAzNi40MTczIDkuMzgwOTYgMzYuNDE3MyAxOC45OTk5QzM2LjQxNzMgMjguNjE4OSAyOC42MTk2IDM2LjQxNjYgMTkuMDAwNyAzNi40MTY2QzkuMzgxNjkgMzYuNDE2NiAxLjU4Mzk4IDI4LjYxODkgMS41ODM5OCAxOC45OTk5Wk0yNy4yNDUyIDEzLjEzMDNDMjcuODYzNiAxMy43NDg3IDI3Ljg2MzYgMTQuNzUxMiAyNy4yNDUyIDE1LjM2OTVMMTcuNzQ1MiAyNC44Njk1QzE3LjEyNjkgMjUuNDg3OCAxNi4xMjQ0IDI1LjQ4NzggMTUuNTA2MSAyNC44Njk1TDEwLjc1NjEgMjAuMTE5NUMxMC4xMzc3IDE5LjUwMTIgMTAuMTM3NyAxOC40OTg3IDEwLjc1NjEgMTcuODgwM0MxMS4zNzQ0IDE3LjI2MiAxMi4zNzY5IDE3LjI2MiAxMi45OTUyIDE3Ljg4MDNMMTYuNjI1NyAyMS41MTA3TDI1LjAwNjEgMTMuMTMwM0MyNS42MjQ0IDEyLjUxMiAyNi42MjY5IDEyLjUxMiAyNy4yNDUyIDEzLjEzMDNaIiBmaWxsPSIjMDBCNzRGIi8+Cjwvc3ZnPgo=';
120
124
 
121
- const casinoChallengesContainerCss = ".challenges {\n container-type: inline-size;\n container-name: challenges-container;\n background-color: var(--emw--color-background, #000);\n padding: 16px 12px;\n}\n.challenges__header {\n margin: 0 0 32px;\n display: flex;\n justify-content: space-between;\n}\n.challenges__title {\n margin: 0;\n display: flex;\n gap: 10px;\n align-items: center;\n font-size: var(--emw--font-size-x-large, 24px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-white, #ffffff);\n}\n.challenges__tabs {\n display: flex;\n gap: 12px;\n border-radius: 48px;\n padding: 6px;\n color: var(--emw--color-gray-150, #c8d6ce);\n background-color: var(--emw--color-background-secondary, #272727);\n}\n.challenges__tab {\n padding: 10px 16px;\n border-radius: 40px;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n cursor: pointer;\n text-align: center;\n width: 95px;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n}\n.challenges__tab.active {\n color: var(--emw--color-white, #ffffff);\n background: linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%);\n}\n.challenges__tab:last-child {\n width: inherit;\n padding: 10px 16px;\n}\n.challenges__content {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 300px;\n overflow-y: auto;\n}\n.challenges__empty {\n color: var(--emw--color-white, #ffffff);\n}\n@container challenges-container (max-width: 800px) {\n .challenges__header {\n margin: 0 0 16px;\n flex-wrap: wrap;\n row-gap: 12px;\n }\n .challenges__title {\n width: 100%;\n font-size: var(--emw--font-size-large, 20px);\n }\n .challenges__title img {\n height: 32px;\n }\n .challenges__tabs {\n width: 100%;\n gap: 8px;\n }\n .challenges__tab {\n flex: 1;\n padding: 5px 0;\n font-size: var(--emw--font-size-x-small, 12px);\n }\n .challenges__tab:last-child {\n width: inherit;\n padding: 5px 0;\n }\n}\n\n.notification {\n display: flex;\n position: absolute;\n align-items: center;\n bottom: 90px;\n box-shadow: 0 0 20px 0 rgba(136, 143, 170, 0.15);\n border-radius: 8px;\n padding: 20px 16px;\n gap: 16px;\n right: 40px;\n max-width: 445px;\n box-sizing: border-box;\n background-color: var(--emw--background-success-color, #C9F0D7);\n border: 2px solid var(--emw--border-success-color, #00B74F);\n}\n.notification.errored {\n background: var(--emw--background-errored-color, #FFE1DF);\n border-color: var(--emw--color-error, #D6421E);\n}\n.notification__icon {\n width: 32px;\n height: 32px;\n}\n.notification__message {\n margin: 0;\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.notification__message .active-tab {\n color: var(--emw--border-success-color, #00B74F);\n text-decoration-line: underline;\n cursor: pointer;\n}\n@container challenges-container (max-width: 576px) {\n .notification {\n bottom: 60px;\n right: 12px;\n max-width: 290px;\n }\n}";
125
+ const casinoChallengesContainerCss = ".challenges {\n container-type: inline-size;\n container-name: challenges-container;\n background-color: var(--emw--color-background, #000);\n padding: 16px 12px;\n min-height: 100vh;\n}\n.challenges__header {\n margin: 0 0 32px;\n display: flex;\n justify-content: space-between;\n}\n.challenges__title {\n margin: 0;\n display: flex;\n gap: 10px;\n align-items: center;\n font-size: var(--emw--font-size-x-large, 24px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-white, #ffffff);\n}\n.challenges__tabs {\n display: flex;\n gap: 12px;\n border-radius: 48px;\n padding: 6px;\n color: var(--emw--color-gray-150, #c8d6ce);\n background-color: var(--emw--color-background-secondary, #272727);\n}\n.challenges__tab {\n padding: 10px 16px;\n border-radius: 40px;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n cursor: pointer;\n text-align: center;\n width: 95px;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n}\n.challenges__tab.active {\n color: var(--emw--color-white, #ffffff);\n background: linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%);\n}\n.challenges__tab:last-child {\n width: inherit;\n padding: 10px 16px;\n}\n@container challenges-container (max-width: 800px) {\n .challenges__header {\n margin: 0 0 16px;\n flex-wrap: wrap;\n row-gap: 12px;\n }\n .challenges__title {\n width: 100%;\n font-size: var(--emw--font-size-large, 20px);\n }\n .challenges__title img {\n height: 32px;\n }\n .challenges__tabs {\n width: 100%;\n gap: 8px;\n }\n .challenges__tab {\n flex: 1;\n padding: 5px 0;\n font-size: var(--emw--font-size-x-small, 12px);\n }\n .challenges__tab:last-child {\n width: inherit;\n padding: 5px 0;\n }\n}\n\n.notification {\n display: flex;\n position: absolute;\n z-index: 400;\n align-items: center;\n bottom: 90px;\n box-shadow: 0 0 20px 0 rgba(136, 143, 170, 0.15);\n border-radius: 8px;\n padding: 20px 16px;\n gap: 16px;\n right: 40px;\n max-width: 445px;\n box-sizing: border-box;\n background-color: var(--emw--background-success-color, #C9F0D7);\n border: 2px solid var(--emw--border-success-color, #00B74F);\n}\n.notification.errored {\n background: var(--emw--background-errored-color, #FFE1DF);\n border-color: var(--emw--color-error, #D6421E);\n}\n.notification__icon {\n width: 32px;\n height: 32px;\n}\n.notification__message {\n margin: 0;\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.notification__message .active-tab {\n color: var(--emw--border-success-color, #00B74F);\n text-decoration-line: underline;\n cursor: pointer;\n}\n@container challenges-container (max-width: 576px) {\n .notification {\n bottom: 60px;\n right: 12px;\n max-width: 290px;\n }\n}";
122
126
  const CasinoChallengesContainerStyle0 = casinoChallengesContainerCss;
123
127
 
124
128
  const CasinoChallengesContainer = class {
125
129
  constructor(hostRef) {
126
130
  index.registerInstance(this, hostRef);
127
- this.tabs = ['Active', 'Pending', 'Finished', 'Code'];
131
+ this.tabs = [
132
+ translate('active', this.language),
133
+ translate('pending', this.language),
134
+ translate('finished', this.language),
135
+ translate('code', this.language)
136
+ ];
128
137
  this.showNotification = 1;
129
138
  this.onOpenNotification = (event) => {
130
139
  this.notification = event.detail;
@@ -151,12 +160,14 @@ const CasinoChallengesContainer = class {
151
160
  });
152
161
  };
153
162
  this.handleTabClick = (index) => () => {
154
- this.notification = null;
155
- this.activeTabIndex = index;
156
- this.challenges = [];
157
- this.pageNumber = 0;
158
- this.total = 0;
159
- this.loadData();
163
+ if (index !== this.activeTabIndex) {
164
+ this.notification = null;
165
+ this.activeTabIndex = index;
166
+ this.challenges = [];
167
+ this.pageNumber = 0;
168
+ this.total = 0;
169
+ this.loadData();
170
+ }
160
171
  };
161
172
  this.renderNotification = () => {
162
173
  return (index.h("div", { class: `notification ${this.notification.errored ? 'errored' : ''}` }, index.h("img", { src: this.notification.errored ? errorCircleSvg : checkCircleSvg, class: "notification__icon" }), index.h("p", { class: "notification__message" }, this.notification.message + ' ', this.notification.showTabLink && (index.h("span", { class: "active-tab", onClick: this.handleTabClick(0) }, translate('activeTab', this.language))))));
@@ -251,9 +262,19 @@ const CasinoChallengesContainer = class {
251
262
  this.challenges = this.challenges.filter((challenge) => challenge.Id !== e.detail);
252
263
  }, 10000);
253
264
  }
254
- render() {
265
+ renderChallengesContent() {
255
266
  var _a, _b;
256
- return (index.h("div", { key: '18dbc05aa857b65262bfce730e1e410e478bd657', ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: '592c62d6d5334874112f9fcb88547b22f73e75ad', class: "challenges" }, index.h("div", { key: '4e96b468e8be71f2f2a785954dc3a473cc2e6cda', class: "challenges__header" }, index.h("h1", { key: '292d55fd2dcd2f23f02b3648657c696dbf2104e0', class: "challenges__title" }, index.h("img", { key: '6eb390eebfdffd29c6cc42cb6c8585617419561b', src: titleIconSvg, alt: "icon" }), translate('title', this.language)), this.session && (index.h("div", { key: '605ba6644169130cef63e675388a801124a8cbbd', class: "challenges__tabs" }, this.tabs.map((label, index$1) => (index.h("div", { class: `challenges__tab ${index$1 === this.activeTabIndex ? 'active' : ''}`, onClick: this.handleTabClick(index$1) }, label, this.showNotification === index$1 && index.h("img", { src: notificationSvg }))))))), this.activeTabIndex < 2 && (index.h("div", { key: '2951e0f23a3de8fae3e1bbfd6eb1d607d2dc2275', class: "challenges__content" }, this.challenges.length === 0 && !this.loading && (index.h("div", { key: 'dc42b66dfb6f4fa42753123bdc07e00bfb716c3d', class: "empty" }, translate('empty', this.language))), index.h("casino-challenges-list", { key: '53eb947a6637400095e9c7b77c58b47b70b45afb', challenges: this.challenges, onLoadMore: this.onLoadMore, onTimerExpired: this.onTimerExpired, loading: this.loading, hasMore: ((_a = this.challenges) === null || _a === void 0 ? void 0 : _a.length) < this.total, language: this.language, activeTabIndex: this.activeTabIndex }))), this.activeTabIndex === 2 && (index.h("casino-challenges-player-history", { key: '467ce910010a03e26c1ecfac3c14f35acbc307c9', translationUrl: this.translationUrl, language: this.language, loading: this.loading, playerHistory: this.playerHistory, onLoadMore: this.onLoadMore, hasMore: ((_b = this.playerHistory) === null || _b === void 0 ? void 0 : _b.length) < this.total })), this.activeTabIndex === 3 && (index.h("casino-challenges-claim-code", { key: '62a08e91c1d991cd53e4f7ed47fcd2da9b323dc7', endpoint: this.endpoint, session: this.session, domain: this.domain, onOpenNotification: this.onOpenNotification })), this.notification && this.renderNotification())));
267
+ switch (this.activeTabIndex) {
268
+ case 2:
269
+ return (index.h("casino-challenges-player-history", { translationUrl: this.translationUrl, language: this.language, loading: this.loading, playerHistory: this.playerHistory, onLoadMore: this.onLoadMore, hasMore: ((_a = this.playerHistory) === null || _a === void 0 ? void 0 : _a.length) < this.total }));
270
+ case 3:
271
+ return (index.h("casino-challenges-claim-code", { endpoint: this.endpoint, session: this.session, domain: this.domain, onOpenNotification: this.onOpenNotification }));
272
+ default:
273
+ return (index.h("casino-challenges-list", { challenges: this.challenges, onLoadMore: this.onLoadMore, onTimerExpired: this.onTimerExpired, loading: this.loading, hasMore: ((_b = this.challenges) === null || _b === void 0 ? void 0 : _b.length) < this.total, language: this.language, activeTabIndex: this.activeTabIndex }));
274
+ }
275
+ }
276
+ render() {
277
+ return (index.h("div", { key: 'edd1491d14a19888c1e05a95456902895f0d302c', ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: 'cef5cc903cb9ec1b131aeb225ba21401868f213b', class: "challenges" }, index.h("div", { key: 'b0a8fdf654296d2262dffea33540dc803607f1fd', class: "challenges__header" }, index.h("h1", { key: '93bf4abe581b00290f7ba52f3c00161757f8d870', class: "challenges__title" }, index.h("img", { key: '30c48424cfb74b89302de8bf99c5fc170f60f32e', src: titleIconSvg, alt: "icon" }), translate('title', this.language)), this.session && (index.h("div", { key: '657958ad2ad833c969a7d739e3a8bb7268321621', class: "challenges__tabs" }, this.tabs.map((label, index$1) => (index.h("div", { class: `challenges__tab ${index$1 === this.activeTabIndex ? 'active' : ''}`, onClick: this.handleTabClick(index$1) }, label, this.showNotification === index$1 && index.h("img", { src: notificationSvg }))))))), this.renderChallengesContent(), this.notification && this.renderNotification())));
257
278
  }
258
279
  static get watchers() { return {
259
280
  "clientStyling": ["handleClientStylingChange"],
package/dist/cjs/index.cjs.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const casinoChallengesContainer = require('./casino-challenges-container-da454267.js');
5
+ const casinoChallengesContainer = require('./casino-challenges-container-056beb65.js');
6
6
  require('./index-d5f8d1ee.js');
7
7
 
8
8
 
package/dist/collection/components/casino-challenges-container/casino-challenges-container.css CHANGED
@@ -3,6 +3,7 @@
3
3
  container-name: challenges-container;
4
4
  background-color: var(--emw--color-background, #000);
5
5
  padding: 16px 12px;
6
+ min-height: 100vh;
6
7
  }
7
8
  .challenges__header {
8
9
  margin: 0 0 32px;
@@ -47,16 +48,6 @@
47
48
  width: inherit;
48
49
  padding: 10px 16px;
49
50
  }
50
- .challenges__content {
51
- display: flex;
52
- align-items: center;
53
- justify-content: center;
54
- min-height: 300px;
55
- overflow-y: auto;
56
- }
57
- .challenges__empty {
58
- color: var(--emw--color-white, #ffffff);
59
- }
60
51
  @container challenges-container (max-width: 800px) {
61
52
  .challenges__header {
62
53
  margin: 0 0 16px;
@@ -88,6 +79,7 @@
88
79
  .notification {
89
80
  display: flex;
90
81
  position: absolute;
82
+ z-index: 400;
91
83
  align-items: center;
92
84
  bottom: 90px;
93
85
  box-shadow: 0 0 20px 0 rgba(136, 143, 170, 0.15);
package/dist/collection/components/casino-challenges-container/casino-challenges-container.js CHANGED
@@ -10,7 +10,12 @@ import "../../../../../casino-challenges-player-history/dist/types/index";
10
10
  import "../../../../../casino-challenges-claim-code/dist/types/index";
11
11
  export class CasinoChallengesContainer {
12
12
  constructor() {
13
- this.tabs = ['Active', 'Pending', 'Finished', 'Code'];
13
+ this.tabs = [
14
+ translate('active', this.language),
15
+ translate('pending', this.language),
16
+ translate('finished', this.language),
17
+ translate('code', this.language)
18
+ ];
14
19
  this.showNotification = 1;
15
20
  this.onOpenNotification = (event) => {
16
21
  this.notification = event.detail;
@@ -37,12 +42,14 @@ export class CasinoChallengesContainer {
37
42
  });
38
43
  };
39
44
  this.handleTabClick = (index) => () => {
40
- this.notification = null;
41
- this.activeTabIndex = index;
42
- this.challenges = [];
43
- this.pageNumber = 0;
44
- this.total = 0;
45
- this.loadData();
45
+ if (index !== this.activeTabIndex) {
46
+ this.notification = null;
47
+ this.activeTabIndex = index;
48
+ this.challenges = [];
49
+ this.pageNumber = 0;
50
+ this.total = 0;
51
+ this.loadData();
52
+ }
46
53
  };
47
54
  this.renderNotification = () => {
48
55
  return (h("div", { class: `notification ${this.notification.errored ? 'errored' : ''}` }, h("img", { src: this.notification.errored ? errorIcon : checkIcon, class: "notification__icon" }), h("p", { class: "notification__message" }, this.notification.message + ' ', this.notification.showTabLink && (h("span", { class: "active-tab", onClick: this.handleTabClick(0) }, translate('activeTab', this.language))))));
@@ -137,9 +144,19 @@ export class CasinoChallengesContainer {
137
144
  this.challenges = this.challenges.filter((challenge) => challenge.Id !== e.detail);
138
145
  }, 10000);
139
146
  }
140
- render() {
147
+ renderChallengesContent() {
141
148
  var _a, _b;
142
- return (h("div", { key: '18dbc05aa857b65262bfce730e1e410e478bd657', ref: (el) => (this.stylingContainer = el) }, h("div", { key: '592c62d6d5334874112f9fcb88547b22f73e75ad', class: "challenges" }, h("div", { key: '4e96b468e8be71f2f2a785954dc3a473cc2e6cda', class: "challenges__header" }, h("h1", { key: '292d55fd2dcd2f23f02b3648657c696dbf2104e0', class: "challenges__title" }, h("img", { key: '6eb390eebfdffd29c6cc42cb6c8585617419561b', src: titleIcon, alt: "icon" }), translate('title', this.language)), this.session && (h("div", { key: '605ba6644169130cef63e675388a801124a8cbbd', class: "challenges__tabs" }, this.tabs.map((label, index) => (h("div", { class: `challenges__tab ${index === this.activeTabIndex ? 'active' : ''}`, onClick: this.handleTabClick(index) }, label, this.showNotification === index && h("img", { src: notificationIcon }))))))), this.activeTabIndex < 2 && (h("div", { key: '2951e0f23a3de8fae3e1bbfd6eb1d607d2dc2275', class: "challenges__content" }, this.challenges.length === 0 && !this.loading && (h("div", { key: 'dc42b66dfb6f4fa42753123bdc07e00bfb716c3d', class: "empty" }, translate('empty', this.language))), h("casino-challenges-list", { key: '53eb947a6637400095e9c7b77c58b47b70b45afb', challenges: this.challenges, onLoadMore: this.onLoadMore, onTimerExpired: this.onTimerExpired, loading: this.loading, hasMore: ((_a = this.challenges) === null || _a === void 0 ? void 0 : _a.length) < this.total, language: this.language, activeTabIndex: this.activeTabIndex }))), this.activeTabIndex === 2 && (h("casino-challenges-player-history", { key: '467ce910010a03e26c1ecfac3c14f35acbc307c9', translationUrl: this.translationUrl, language: this.language, loading: this.loading, playerHistory: this.playerHistory, onLoadMore: this.onLoadMore, hasMore: ((_b = this.playerHistory) === null || _b === void 0 ? void 0 : _b.length) < this.total })), this.activeTabIndex === 3 && (h("casino-challenges-claim-code", { key: '62a08e91c1d991cd53e4f7ed47fcd2da9b323dc7', endpoint: this.endpoint, session: this.session, domain: this.domain, onOpenNotification: this.onOpenNotification })), this.notification && this.renderNotification())));
149
+ switch (this.activeTabIndex) {
150
+ case 2:
151
+ return (h("casino-challenges-player-history", { translationUrl: this.translationUrl, language: this.language, loading: this.loading, playerHistory: this.playerHistory, onLoadMore: this.onLoadMore, hasMore: ((_a = this.playerHistory) === null || _a === void 0 ? void 0 : _a.length) < this.total }));
152
+ case 3:
153
+ return (h("casino-challenges-claim-code", { endpoint: this.endpoint, session: this.session, domain: this.domain, onOpenNotification: this.onOpenNotification }));
154
+ default:
155
+ return (h("casino-challenges-list", { challenges: this.challenges, onLoadMore: this.onLoadMore, onTimerExpired: this.onTimerExpired, loading: this.loading, hasMore: ((_b = this.challenges) === null || _b === void 0 ? void 0 : _b.length) < this.total, language: this.language, activeTabIndex: this.activeTabIndex }));
156
+ }
157
+ }
158
+ render() {
159
+ return (h("div", { key: 'edd1491d14a19888c1e05a95456902895f0d302c', ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'cef5cc903cb9ec1b131aeb225ba21401868f213b', class: "challenges" }, h("div", { key: 'b0a8fdf654296d2262dffea33540dc803607f1fd', class: "challenges__header" }, h("h1", { key: '93bf4abe581b00290f7ba52f3c00161757f8d870', class: "challenges__title" }, h("img", { key: '30c48424cfb74b89302de8bf99c5fc170f60f32e', src: titleIcon, alt: "icon" }), translate('title', this.language)), this.session && (h("div", { key: '657958ad2ad833c969a7d739e3a8bb7268321621', class: "challenges__tabs" }, this.tabs.map((label, index) => (h("div", { class: `challenges__tab ${index === this.activeTabIndex ? 'active' : ''}`, onClick: this.handleTabClick(index) }, label, this.showNotification === index && h("img", { src: notificationIcon }))))))), this.renderChallengesContent(), this.notification && this.renderNotification())));
143
160
  }
144
161
  static get is() { return "casino-challenges-container"; }
145
162
  static get encapsulation() { return "shadow"; }