@everymatrix/casino-challenges-container 0.0.18 → 0.0.20
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.
- package/dist/casino-challenges-container/casino-challenge-card_6.entry.js +1 -1
- package/dist/casino-challenges-container/casino-challenges-container-a8c7bb9a.js +1 -0
- package/dist/casino-challenges-container/index.esm.js +1 -1
- package/dist/cjs/casino-challenge-card_6.cjs.entry.js +79 -49
- package/dist/cjs/{casino-challenges-container-da454267.js → casino-challenges-container-056beb65.js} +32 -11
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/collection/components/casino-challenges-container/casino-challenges-container.css +2 -10
- package/dist/collection/components/casino-challenges-container/casino-challenges-container.js +26 -9
- package/dist/collection/utils/locale.utils.js +5 -1
- package/dist/esm/casino-challenge-card_6.entry.js +80 -50
- package/dist/esm/{casino-challenges-container-ea97765a.js → casino-challenges-container-a8c7bb9a.js} +32 -11
- package/dist/esm/index.js +1 -1
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenges-container/.stencil/packages/stencil/casino-challenges-container/stencil.config.d.ts +2 -0
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/casino-challenges-container/.stencil/packages/stencil/casino-challenges-container/stencil.config.dev.d.ts +2 -0
- package/dist/types/components/casino-challenges-container/casino-challenges-container.d.ts +1 -0
- package/package.json +1 -1
- package/dist/casino-challenges-container/casino-challenges-container-ea97765a.js +0 -1
- package/dist/types/Users/mihai.balan/Desktop/EM-Projects/widgets-monorepo/packages/stencil/casino-challenges-container/.stencil/packages/stencil/casino-challenges-container/stencil.config.d.ts +0 -2
- package/dist/types/Users/mihai.balan/Desktop/EM-Projects/widgets-monorepo/packages/stencil/casino-challenges-container/.stencil/packages/stencil/casino-challenges-container/stencil.config.dev.d.ts +0 -2
- /package/dist/types/{Users/mihai.balan/Desktop/EM-Projects → builds/emfe-widgets}/widgets-monorepo/packages/stencil/casino-challenges-container/.stencil/libs/common/src/storybook/storybook-utils.d.ts +0 -0
- /package/dist/types/{Users/mihai.balan/Desktop/EM-Projects → builds/emfe-widgets}/widgets-monorepo/packages/stencil/casino-challenges-container/.stencil/packages/stencil/casino-challenges-container/storybook/main.d.ts +0 -0
- /package/dist/types/{Users/mihai.balan/Desktop/EM-Projects → builds/emfe-widgets}/widgets-monorepo/packages/stencil/casino-challenges-container/.stencil/packages/stencil/casino-challenges-container/storybook/preview.d.ts +0 -0
- /package/dist/types/{Users/mihai.balan/Desktop/EM-Projects → builds/emfe-widgets}/widgets-monorepo/packages/stencil/casino-challenges-container/.stencil/tools/plugins/index.d.ts +0 -0
- /package/dist/types/{Users/mihai.balan/Desktop/EM-Projects → builds/emfe-widgets}/widgets-monorepo/packages/stencil/casino-challenges-container/.stencil/tools/plugins/lazy-load-chunk-plugin.d.ts +0 -0
- /package/dist/types/{Users/mihai.balan/Desktop/EM-Projects → builds/emfe-widgets}/widgets-monorepo/packages/stencil/casino-challenges-container/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
- /package/dist/types/{Users/mihai.balan/Desktop/EM-Projects → builds/emfe-widgets}/widgets-monorepo/packages/stencil/casino-challenges-container/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
- /package/dist/types/{Users/mihai.balan/Desktop/EM-Projects → builds/emfe-widgets}/widgets-monorepo/packages/stencil/casino-challenges-container/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-7720ad93.js';
|
|
2
|
-
import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './casino-challenges-container-
|
|
3
|
-
export { C as casino_challenges_container } from './casino-challenges-container-
|
|
2
|
+
import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './casino-challenges-container-a8c7bb9a.js';
|
|
3
|
+
export { C as casino_challenges_container } from './casino-challenges-container-a8c7bb9a.js';
|
|
4
4
|
|
|
5
|
-
const DEFAULT_LANGUAGE$
|
|
5
|
+
const DEFAULT_LANGUAGE$3 = 'en';
|
|
6
6
|
const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hr'];
|
|
7
|
-
const TRANSLATIONS$
|
|
7
|
+
const TRANSLATIONS$3 = {
|
|
8
8
|
en: {
|
|
9
9
|
totalLevels: 'Total levels:',
|
|
10
10
|
level1: 'Level 1:',
|
|
@@ -101,14 +101,14 @@ const TRANSLATIONS$2 = {
|
|
|
101
101
|
pause: 'Pauza'
|
|
102
102
|
}
|
|
103
103
|
};
|
|
104
|
-
const translate$
|
|
104
|
+
const translate$3 = (key, customLang) => {
|
|
105
105
|
const lang = customLang;
|
|
106
|
-
return TRANSLATIONS$
|
|
106
|
+
return TRANSLATIONS$3[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE$3][key];
|
|
107
107
|
};
|
|
108
108
|
const getTranslations$2 = (data) => {
|
|
109
109
|
Object.keys(data).forEach((item) => {
|
|
110
110
|
for (let key in data[item]) {
|
|
111
|
-
TRANSLATIONS$
|
|
111
|
+
TRANSLATIONS$3[item][key] = data[item][key];
|
|
112
112
|
}
|
|
113
113
|
});
|
|
114
114
|
};
|
|
@@ -211,7 +211,7 @@ const finishSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTY
|
|
|
211
211
|
|
|
212
212
|
const trophySvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNjI4NzQgMTAuMTI1VjExLjI2MzNDOC42Mjg3NCAxMS4yNjMzIDguMTQ0MTcgMTEuNzYzMiA1Ljk5OTkyIDExLjc2MzJDMy44NTU2NiAxMS43NjMyIDMuMzcxMDkgMTEuMjYzMyAzLjM3MTA5IDExLjI2MzNWMTAuMTI1SDguNjI4NzRaIiBmaWxsPSIjRTZBNDVFIi8+CjxwYXRoIGQ9Ik04LjYyODggMTAuMTI1VjExLjI2MzNDOC42Mjg4IDExLjI2MzMgOC4xNDQyMyAxMS43NjMyIDUuOTk5OTggMTEuNzYzMkM1LjI4MzMxIDExLjc2MzIgNC43NTIwNSAxMS43MDczIDQuMzYyMyAxMS42MzNDNi4zMTYxMiAxMS43NTk0IDguNjI4OCAxMC4xMjUgOC42Mjg4IDEwLjEyNVoiIGZpbGw9IiNEODkyNEUiLz4KPHBhdGggZD0iTTQuODg2OSA5LjU3NDcxQzMuOTkxNDEgOS42NzE1MyAzLjM3MTA5IDkuODgxNTYgMy4zNzEwOSAxMC4xMjUxQzMuMzcxMDkgMTAuNDYwNSA0LjU0ODA2IDEwLjczMjQgNS45OTk5MiAxMC43MzI0QzcuNDUxNzggMTAuNzMyNCA4LjYyODc0IDEwLjQ2MDUgOC42Mjg3NCAxMC4xMjUxQzguNjI4NzQgOS44ODE1OCA4LjAwODU0IDkuNjcxNTcgNy4xMTMyIDkuNTc0NzRMNC44ODY5IDkuNTc0NzFaIiBmaWxsPSIjRkZFRENDIi8+CjxwYXRoIGQ9Ik01LjQzMTA2IDcuMTE0MjZWOC4yNzk0NkM1LjQzMTA2IDkuMDMyNzYgNC45NjYzMyA5LjcwNzk2IDQuMjYyNyA5Ljk3Njk1QzQuMjYyNyA5Ljk3Njk1IDQuNjQ1NjcgMTAuMjgxOSA2LjAwMDIzIDEwLjI4MTlDNy4zNTQ3OSAxMC4yODE5IDcuNzM3NzYgOS45NzY5NSA3LjczNzc2IDkuOTc2OTVDNy4wMzQxMyA5LjcwNzk2IDYuNTY5MzkgOS4wMzI3NiA2LjU2OTM5IDguMjc5NDZWNy4xMTQyNkg1LjQzMTA2WiIgZmlsbD0iI0Y3RDE3RiIvPgo8cGF0aCBkPSJNMi45MTQwNiAwLjc4MzY5MUMyLjkxNDA2IDQuMzEyNjcgMy42MDEyIDcuMzQ4NzMgNS45OTk5NCA3LjM0ODczQzguMzk4NjcgNy4zNDg3MyA5LjA4NTgxIDQuMzEyNjcgOS4wODU4MSAwLjc4MzY5MUgyLjkxNDA2WiIgZmlsbD0iI0VBQjE2NiIvPgo8cGF0aCBkPSJNMi45NDQzNiAyLjAwMjc3SDEuMTU3MDlDMS4wNTkwNiAyLjAwMjc3IDAuOTg2NjMyIDIuMDkxNjcgMS4wMDcwNyAyLjE4NzU1QzEuMTQwODMgMi44MTUyIDEuNzEwNjUgNC44NTM2NCAzLjU0MDk3IDUuMzQ1NTlMMy44NTU3OCA2LjAxNTMzQzEuMjEwODYgNS4zNjYyOSAwLjUzMjQyNiAzLjEyNTYxIDAuMzU4NDA2IDIuMDIyMDVDMC4zMDY3NjEgMS42OTQ1NCAwLjU1Mzc2MyAxLjM5Nzk1IDAuODg1MzIxIDEuMzk3OTVIMi45MjE1MkwyLjk0NDM2IDIuMDAyNzdaIiBmaWxsPSIjRjdEMTdGIi8+CjxwYXRoIGQ9Ik05LjA1NTk0IDIuMDAyNzdIMTAuODQzMkMxMC45NDEyIDIuMDAyNzcgMTEuMDEzNyAyLjA5MTY3IDEwLjk5MzIgMi4xODc1NUMxMC44NTk1IDIuODE1MiAxMC4yODk3IDQuODUzNjQgOC40NTkzNCA1LjM0NTU5TDguMTQ0NTMgNi4wMTUzM0MxMC43ODk0IDUuMzY2MjkgMTEuNDY3OSAzLjEyNTYxIDExLjY0MTkgMi4wMjIwNUMxMS42OTM1IDEuNjk0NTQgMTEuNDQ2NSAxLjM5Nzk1IDExLjExNSAxLjM5Nzk1SDkuMDc4NzlMOS4wNTU5NCAyLjAwMjc3WiIgZmlsbD0iI0Y3RDE3RiIvPgo8cGF0aCBkPSJNNS45OTk5NCAxLjMyNjE3QzcuNzA0MjIgMS4zMjYxNyA5LjA4NTgxIDEuMDgyMzEgOS4wODU4MSAwLjc4MTQ5NUM5LjA4NTgxIDAuNDgwNjc3IDcuNzA0MjIgMC4yMzY4MTYgNS45OTk5NCAwLjIzNjgxNkM0LjI5NTY1IDAuMjM2ODE2IDIuOTE0MDYgMC40ODA2NzcgMi45MTQwNiAwLjc4MTQ5NUMyLjkxNDA2IDEuMDgyMzEgNC4yOTU2NSAxLjMyNjE3IDUuOTk5OTQgMS4zMjYxN1oiIGZpbGw9IiNFNkE0NUUiLz4KPHBhdGggZD0iTTguODIzNjYgMC43ODM2OTFDNy44OTgxOSA3LjAxNjg0IDQuNjE1NzcgNi41NzYxNyA0LjE5MDkyIDYuNDk4NThDNC42NDE1IDcuMDM2OCA1LjIzMzAxIDcuMzQ4NzIgNi4wMDA0MyA3LjM0ODcyQzguMzk5MTYgNy4zNDg3MiA5LjA4NjMgNC4zMTI2NyA5LjA4NjMgMC43ODM2OTFIOC44MjM2NloiIGZpbGw9IiNFNkE0NUUiLz4KPHBhdGggZD0iTTQuNjQyNCAwLjI5MzQ1N0MzLjYyMDA4IDAuMzgyMDYzIDIuOTE0MDYgMC41NjY3NDQgMi45MTQwNiAwLjc4MTM2NUMyLjkxNDA2IDEuMDAxOTQgMy42NTg3OSAxLjE5MTIxIDQuNzI3MTcgMS4yNzY3NUM0LjY3NTggMC45NTA3ODEgNC42NDY1MSAwLjYyMjIxOSA0LjY0MjQgMC4yOTM0NTdaIiBmaWxsPSIjRDg5MjRFIi8+CjxwYXRoIGQ9Ik02LjIyNTQ4IDIuNjAzNjlMNi4zOTQ5IDMuMTI1MTFDNi40MjY2MiAzLjIyMjc1IDYuNTE3NjEgMy4yODg4NiA2LjYyMDI3IDMuMjg4ODZINy4xNjg1M0M3LjM5ODA5IDMuMjg4ODYgNy40OTM1NCAzLjU4MjYxIDcuMzA3ODIgMy43MTc1NUw2Ljg2NDI3IDQuMDM5ODFDNi43ODEyMSA0LjEwMDE1IDYuNzQ2NDYgNC4yMDcxMSA2Ljc3ODE4IDQuMzA0NzVMNi45NDc2MSA0LjgyNjE4QzcuMDE4NTQgNS4wNDQ1IDYuNzY4NjYgNS4yMjYwNiA2LjU4Mjk0IDUuMDkxMTJMNi4xMzkzOSA0Ljc2ODg2QzYuMDU2MzMgNC43MDg1MiA1Ljk0Mzg3IDQuNzA4NTIgNS44NjA4MSA0Ljc2ODg2TDUuNDE3MjYgNS4wOTExMkM1LjIzMTU0IDUuMjI2MDYgNC45ODE2NSA1LjA0NDUgNS4wNTI1OSA0LjgyNjE4TDUuMjIyMDEgNC4zMDQ3NUM1LjI1Mzc0IDQuMjA3MTEgNS4yMTg5OCA0LjEwMDE1IDUuMTM1OTMgNC4wMzk4MUw0LjY5MjM4IDMuNzE3NTVDNC41MDY2NiAzLjU4MjYxIDQuNjAyMSAzLjI4ODg2IDQuODMxNjcgMy4yODg4Nkg1LjM3OTkzQzUuNDgyNTkgMy4yODg4NiA1LjU3MzU4IDMuMjIyNzUgNS42MDUzIDMuMTI1MTFMNS43NzQ3MiAyLjYwMzY5QzUuODQ1NjYgMi4zODUzNiA2LjE1NDU0IDIuMzg1MzYgNi4yMjU0OCAyLjYwMzY5WiIgZmlsbD0iI0Q4OTI0RSIvPgo8cGF0aCBkPSJNNi4yMjU0OCAyLjUwOTk0TDYuMzk0OSAzLjAzMTM2QzYuNDI2NjIgMy4xMjkgNi41MTc2MSAzLjE5NTExIDYuNjIwMjcgMy4xOTUxMUg3LjE2ODUzQzcuMzk4MDkgMy4xOTUxMSA3LjQ5MzU0IDMuNDg4ODYgNy4zMDc4MiAzLjYyMzhMNi44NjQyNyAzLjk0NjA2QzYuNzgxMjEgNC4wMDY0IDYuNzQ2NDYgNC4xMTMzNiA2Ljc3ODE4IDQuMjExTDYuOTQ3NjEgNC43MzI0M0M3LjAxODU0IDQuOTUwNzUgNi43Njg2NiA1LjEzMjMxIDYuNTgyOTQgNC45OTczN0w2LjEzOTM5IDQuNjc1MTFDNi4wNTYzMyA0LjYxNDc3IDUuOTQzODcgNC42MTQ3NyA1Ljg2MDgxIDQuNjc1MTFMNS40MTcyNiA0Ljk5NzM3QzUuMjMxNTQgNS4xMzIzMSA0Ljk4MTY1IDQuOTUwNzUgNS4wNTI1OSA0LjczMjQzTDUuMjIyMDEgNC4yMTFDNS4yNTM3NCA0LjExMzM2IDUuMjE4OTggNC4wMDY0IDUuMTM1OTMgMy45NDYwNkw0LjY5MjM4IDMuNjIzOEM0LjUwNjY2IDMuNDg4ODYgNC42MDIxIDMuMTk1MTEgNC44MzE2NyAzLjE5NTExSDUuMzc5OTNDNS40ODI1OSAzLjE5NTExIDUuNTczNTggMy4xMjkgNS42MDUzIDMuMDMxMzZMNS43NzQ3MiAyLjUwOTk0QzUuODQ1NjYgMi4yOTE2MSA2LjE1NDU0IDIuMjkxNjEgNi4yMjU0OCAyLjUwOTk0WiIgZmlsbD0iI0ZGRURDQyIvPgo8L3N2Zz4K';
|
|
213
213
|
|
|
214
|
-
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:
|
|
214
|
+
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}";
|
|
215
215
|
const CasinoChallengeCardStyle0 = casinoChallengeCardCss;
|
|
216
216
|
|
|
217
217
|
const CasinoChallengeCard = class {
|
|
@@ -223,15 +223,15 @@ const CasinoChallengeCard = class {
|
|
|
223
223
|
if (!level)
|
|
224
224
|
return '';
|
|
225
225
|
const minbet = ((_a = level.BetRange) === null || _a === void 0 ? void 0 : _a.MinBet)
|
|
226
|
-
? `, ${translate$
|
|
226
|
+
? `, ${translate$3('minBet', this.language)} ${currencySymbol + level.BetRange.MinBet}`
|
|
227
227
|
: '';
|
|
228
228
|
switch (level.LevelTargetType) {
|
|
229
229
|
case EChallengeLevelTargetType.Accumulative:
|
|
230
|
-
return `${translate$
|
|
230
|
+
return `${translate$3('placeBetsOf', this.language)} ${currencySymbol + level.DisplayCurrencyTargetTurnover + minbet}`;
|
|
231
231
|
case EChallengeLevelTargetType.SingleBet:
|
|
232
|
-
return `${translate$
|
|
232
|
+
return `${translate$3('place', this.language)} ${currencySymbol + level.TargetTurnover} ${translate$3('bet', this.language)}`;
|
|
233
233
|
case EChallengeLevelTargetType.MultipleOneBetSize:
|
|
234
|
-
return `${translate$
|
|
234
|
+
return `${translate$3('place', this.language)} ${level.TargetBetCount} ${translate$3('bets', this.language) + minbet}`;
|
|
235
235
|
}
|
|
236
236
|
};
|
|
237
237
|
this.onMouseEnterHandler = (index, el) => {
|
|
@@ -245,17 +245,17 @@ const CasinoChallengeCard = class {
|
|
|
245
245
|
this.getBadgeContent = () => {
|
|
246
246
|
switch (this.challenge.Status) {
|
|
247
247
|
case EChallengeStatus.Expired:
|
|
248
|
-
return translate$
|
|
248
|
+
return translate$3('expired', this.language);
|
|
249
249
|
case EChallengeStatus.Forfeited:
|
|
250
|
-
return translate$
|
|
250
|
+
return translate$3('forfeited', this.language);
|
|
251
251
|
case EChallengeStatus.Completed:
|
|
252
|
-
return translate$
|
|
252
|
+
return translate$3('finished', this.language);
|
|
253
253
|
case EChallengeStatus.Paused:
|
|
254
|
-
return translate$
|
|
254
|
+
return translate$3('suspended', this.language);
|
|
255
255
|
default:
|
|
256
256
|
return this.timeLeft
|
|
257
|
-
? [translate$
|
|
258
|
-
: translate$
|
|
257
|
+
? [translate$3('endsIn', this.language), ' - ', h("span", null, this.timeLeft)]
|
|
258
|
+
: translate$3('expired', this.language);
|
|
259
259
|
}
|
|
260
260
|
};
|
|
261
261
|
this.goToDetailsPage = (challengeId) => () => {
|
|
@@ -287,24 +287,26 @@ const CasinoChallengeCard = class {
|
|
|
287
287
|
this.actionLoading = false;
|
|
288
288
|
}
|
|
289
289
|
get infoItems() {
|
|
290
|
-
var _a, _b, _c, _d, _e;
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
290
|
+
var _a, _b, _c, _d, _e, _f;
|
|
291
|
+
let level = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.LevelProgresses.find((x) => x.OrderNumber === 0);
|
|
292
|
+
if (this.isUserAuthorized) {
|
|
293
|
+
level =
|
|
294
|
+
(_c = (_b = this.challenge) === null || _b === void 0 ? void 0 : _b.LevelProgresses.find((x) => x.ProgressStatus === EChallengeProgressStatus.InProgress)) !== null && _c !== void 0 ? _c : level;
|
|
295
|
+
}
|
|
294
296
|
if (level) {
|
|
295
|
-
const rewardValue = (
|
|
297
|
+
const rewardValue = (_d = level.Rewards) === null || _d === void 0 ? void 0 : _d.slice(0, 2).map((r) => r.RewardDescription).join(' + ');
|
|
296
298
|
return [
|
|
297
299
|
{
|
|
298
|
-
lable: translate$
|
|
299
|
-
value: (
|
|
300
|
+
lable: translate$3('totalLevels', this.language),
|
|
301
|
+
value: ((_e = this.challenge.LevelProgresses) === null || _e === void 0 ? void 0 : _e.length) || '-'
|
|
300
302
|
},
|
|
301
303
|
{
|
|
302
|
-
lable: translate$
|
|
303
|
-
value: this.calculateTargetValue(level, (
|
|
304
|
+
lable: translate$3('level1', this.language),
|
|
305
|
+
value: this.calculateTargetValue(level, (_f = this.challenge) === null || _f === void 0 ? void 0 : _f.CurrencySymbol) || '-'
|
|
304
306
|
},
|
|
305
307
|
{
|
|
306
|
-
lable: translate$
|
|
307
|
-
value: rewardValue
|
|
308
|
+
lable: translate$3('get', this.language),
|
|
309
|
+
value: rewardValue || '-'
|
|
308
310
|
}
|
|
309
311
|
];
|
|
310
312
|
}
|
|
@@ -381,9 +383,9 @@ const CasinoChallengeCard = class {
|
|
|
381
383
|
return h("div", { class: "progress__placeholder" });
|
|
382
384
|
}
|
|
383
385
|
const barValue = Status === EChallengeStatus.Paused
|
|
384
|
-
? translate$
|
|
386
|
+
? translate$3('suspended', this.language)
|
|
385
387
|
: Status === EChallengeStatus.Completed
|
|
386
|
-
? translate$
|
|
388
|
+
? translate$3('finished', this.language)
|
|
387
389
|
: `${currLevel.ProgressPercentage}%`;
|
|
388
390
|
const isLastLevel = !LevelProgresses.some((x) => x.OrderNumber > currLevel.OrderNumber);
|
|
389
391
|
const secondImgSrc = Status === EChallengeStatus.Completed ? trophySvg : isLastLevel ? finishSvg : '';
|
|
@@ -407,17 +409,17 @@ const CasinoChallengeCard = class {
|
|
|
407
409
|
get getCardButton() {
|
|
408
410
|
if (this.isUserAuthorized) {
|
|
409
411
|
if (this.challenge.Status === EChallengeStatus.Started) {
|
|
410
|
-
return (h("button", { class: "card__button filled", disabled: this.actionLoading, onClick: () => this.joinUnjoinProgress(true) }, translate$
|
|
412
|
+
return (h("button", { class: "card__button filled", disabled: this.actionLoading, onClick: () => this.joinUnjoinProgress(true) }, translate$3('start', this.language)));
|
|
411
413
|
}
|
|
412
414
|
if (this.challenge.Status === EChallengeStatus.Paused) {
|
|
413
|
-
return (h("button", { class: "card__button grayed", disabled: this.actionLoading, onClick: () => this.joinUnjoinProgress(true) }, translate$
|
|
415
|
+
return (h("button", { class: "card__button grayed", disabled: this.actionLoading, onClick: () => this.joinUnjoinProgress(true) }, translate$3('resume', this.language)));
|
|
414
416
|
}
|
|
415
417
|
if (this.challenge.Status === EChallengeStatus.InProgress ||
|
|
416
418
|
this.challenge.Status === EChallengeStatus.PendingLevelReward) {
|
|
417
|
-
return (h("button", { class: "card__button grayed", disabled: this.actionLoading, onClick: () => this.joinUnjoinProgress(false) }, translate$
|
|
419
|
+
return (h("button", { class: "card__button grayed", disabled: this.actionLoading, onClick: () => this.joinUnjoinProgress(false) }, translate$3('pause', this.language)));
|
|
418
420
|
}
|
|
419
421
|
}
|
|
420
|
-
return (h("button", { class: "card__button", onClick: this.goToDetailsPage(this.challenge.ChallengeId) }, translate$
|
|
422
|
+
return (h("button", { class: "card__button", onClick: this.goToDetailsPage(this.challenge.ChallengeId) }, translate$3('viewDetails', this.language)));
|
|
421
423
|
}
|
|
422
424
|
async joinUnjoinProgress(join) {
|
|
423
425
|
var _a;
|
|
@@ -439,7 +441,7 @@ const CasinoChallengeCard = class {
|
|
|
439
441
|
}
|
|
440
442
|
render() {
|
|
441
443
|
var _a, _b, _c, _d;
|
|
442
|
-
return (h("div", { key: '
|
|
444
|
+
return (h("div", { key: 'd06d95b4c40b32d6da14ef42439040332d820bd8', ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'a0d56b13bdb886bbb35a59120990cea5e5be88fe', class: "card" }, 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, h("div", { key: '71a2967e587a2a78bf79745faeeab7cd3fb74b0e', class: "card__content" }, 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))));
|
|
443
445
|
}
|
|
444
446
|
static get watchers() { return {
|
|
445
447
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -449,8 +451,8 @@ const CasinoChallengeCard = class {
|
|
|
449
451
|
};
|
|
450
452
|
CasinoChallengeCard.style = CasinoChallengeCardStyle0;
|
|
451
453
|
|
|
452
|
-
const DEFAULT_LANGUAGE$
|
|
453
|
-
const TRANSLATIONS$
|
|
454
|
+
const DEFAULT_LANGUAGE$2 = 'en';
|
|
455
|
+
const TRANSLATIONS$2 = {
|
|
454
456
|
en: {
|
|
455
457
|
title: 'Enter the secret code to unlock hidden quests and rewards.',
|
|
456
458
|
btnText: 'Apply code',
|
|
@@ -466,14 +468,14 @@ const TRANSLATIONS$1 = {
|
|
|
466
468
|
ar: {},
|
|
467
469
|
hr: {}
|
|
468
470
|
};
|
|
469
|
-
const translate$
|
|
471
|
+
const translate$2 = (key, customLang) => {
|
|
470
472
|
const lang = customLang;
|
|
471
|
-
return TRANSLATIONS$
|
|
473
|
+
return TRANSLATIONS$2[lang !== undefined && lang in TRANSLATIONS$2 ? lang : DEFAULT_LANGUAGE$2][key];
|
|
472
474
|
};
|
|
473
475
|
const getTranslations$1 = (data) => {
|
|
474
476
|
Object.keys(data).forEach((item) => {
|
|
475
477
|
for (let key in data[item]) {
|
|
476
|
-
TRANSLATIONS$
|
|
478
|
+
TRANSLATIONS$2[item][key] = data[item][key];
|
|
477
479
|
}
|
|
478
480
|
});
|
|
479
481
|
};
|
|
@@ -505,7 +507,7 @@ const CasinoChallengesClaimCode = class {
|
|
|
505
507
|
if (this.endpoint && this.session && this.domain) {
|
|
506
508
|
const response = await this.applyCode();
|
|
507
509
|
if (response.Success) {
|
|
508
|
-
this.openNotification.emit({ message: translate$
|
|
510
|
+
this.openNotification.emit({ message: translate$2('successMessage', this.language) });
|
|
509
511
|
}
|
|
510
512
|
else {
|
|
511
513
|
this.hasError = true;
|
|
@@ -591,7 +593,7 @@ const CasinoChallengesClaimCode = class {
|
|
|
591
593
|
return val.length >= 3 && val.length <= 30 && this.asciiPrintableRegex.test(val);
|
|
592
594
|
}
|
|
593
595
|
render() {
|
|
594
|
-
return (h("div", { key: '241aeeb9f0f0984bbf0367a7c925e0b84ef15fa0', ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'f20ec43253905cb0e9a356f65d1e51e695f784cf', class: "container" }, h("p", { key: 'a4c3b0ca894db101c192f7c62ff141ec51eaede1', class: "container__title" }, translate$
|
|
596
|
+
return (h("div", { key: '241aeeb9f0f0984bbf0367a7c925e0b84ef15fa0', ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'f20ec43253905cb0e9a356f65d1e51e695f784cf', class: "container" }, h("p", { key: 'a4c3b0ca894db101c192f7c62ff141ec51eaede1', class: "container__title" }, translate$2('title', this.language)), h("input", { key: 'c99bdd43659c9d2fc06702fe041eab8458bb0ee5', class: `code-input ${this.hasError ? 'errored' : ''}`, type: "text", placeholder: "e.g. SPRING24", onInput: this.handleInput }), h("p", { key: 'c2aacc2d4a23c7d222f895dce3a3a47b8f03f587', class: "code-input__text" }, translate$2('inputLabel', this.language)), h("button", { key: '51e79d07278368567026d31b0c70e8c9f0eb4840', class: "container__button", onClick: this.handleSubmit, disabled: this.loading || !this.code || this.hasError }, translate$2('btnText', this.language)))));
|
|
595
597
|
}
|
|
596
598
|
static get watchers() { return {
|
|
597
599
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -601,7 +603,25 @@ const CasinoChallengesClaimCode = class {
|
|
|
601
603
|
};
|
|
602
604
|
CasinoChallengesClaimCode.style = CasinoChallengesClaimCodeStyle0;
|
|
603
605
|
|
|
604
|
-
const
|
|
606
|
+
const emptyStateSvg$1 = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxyZWN0IHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgZmlsbD0idXJsKCNwYXR0ZXJuMF8xODk5XzE1MzA5KSIvPgo8ZGVmcz4KPHBhdHRlcm4gaWQ9InBhdHRlcm4wXzE4OTlfMTUzMDkiIHBhdHRlcm5Db250ZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIj4KPHVzZSB4bGluazpocmVmPSIjaW1hZ2UwXzE4OTlfMTUzMDkiIHRyYW5zZm9ybT0ic2NhbGUoMC4wMSkiLz4KPC9wYXR0ZXJuPgo8aW1hZ2UgaWQ9ImltYWdlMF8xODk5XzE1MzA5IiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFHUUFBQUJrQ0FZQUFBQnc0cFZVQUFBQUNYQklXWE1BQUFzVEFBQUxFd0VBbXB3WUFBQUhsRWxFUVZSNG5PMmRhWXdVUlJUSC80dG52UENJOXhFMWFoUVROWm1wNmdYUnphcjR3VHRHdlBXTFVlSVZQeGdWTldiaXpxdlpSZFRBR29pb0VRd2FGRFdLMFlCQ3ZNVWJKV0pJQkQ4UU9VSUVvd2hFUUZqemVwdTRXYVo2cW5wNnRxdWIraVg5aGV4VVYvVy9YaDN2dlNvQWo4Zmo4WGc4SG8vSDQvRjRpa2FwQjhQTE5ZaXl3czJTOExCVTZKRUtVNFRDTktrd1dTalVoTUw5WllXclJSZk9QR1V5OXNtNnpvV2lvNElEcE1JMS9ORWxZYWxVNkxONWhNSTJTVmdvRlVncWRJNmRqVDJ5YmxQKzZFTmJ1WXFMSkdHbUpHeTBGU0ZXSU1JcVFaZ29GVVprM1V6M3FXQlltWEM1VlBnMlRSRmludm1TMEo1MXM1MUVLblFLd3M5REpNUmdxNWtqcXpncDYyL2dCT2NvSEM0VlhzNUNpRUdpYkJhRVJ6c3EyQk83SzZLSzg0WEN5a1FmVU9HdmFHaWJKeFZtczZoQzRRMGVoaUpMMjVLdzNNOWtENDdEN29Za1BCQ3VnRXcvRm1HRkpFd1ZDdGVhZkREdTZTV0YwNlhDT0tud3FpQnNzQkRtZDFuRkJkZ3RxR0FZN3hjTWUrdTJhRGpyNU44MTg5cFNCZnNKaFJzRjRWTkRVYmF3K0NpOEdJU1pCdVA1djVMd1hLc21XcWx3bmxENHlFQ1U3V3hoS0NxU01OVmdhUG9tNkVacEtPckRGaU1KYXhxSlVxN2lPaFFOU2FnMGFqaTdQWVo2bFJPdThnaHpEWWF2QzFFVVJBMlhTY0tPR0t2WXlIK1Q4VkJhYlRqUkYySDFWYTdpZUVsWUZ6TnhyM2RsdDF3bTNCWE5HOW9sY2U3M0taS3dJS2FCZjdQbkZnNFJpUkpuS1k4Z3I0U1Rac3lTTmxBWUF3ZUpQTU02UVRZRjNUZ1JlVU5XY0ZDREZjeURjSHV2TkM5bVdUNEhlVU1vakk4Ull4NjcyT0V3SXlzNElxNURsUWdTZWFHamduMTFqUkdFemVWdW5Jd2NFRVlsOVVQdTI4Z0xjUk9qSUR4bVd4NkhZamxpbURUYUYvWjJoZWs4akZyOXNBOXRrdkN4WnFtK0krakNHY2dEdWdDVFVGZy9hZ0lPdENrcmNoQ3Vqc3FZYmJ2c2pJYWVuNkxPOE4zb2JoeGk4L3V5UWtmTTBOc0QxK0hRYUl4MVBHNXJHVUpoN2FBeVpwbGFTbVFaU3diMTdJVzJsaEs2NU90M3NKWE94K2o1bzJzRTJkNU9PTFlaTVd4RXFTdEdRbEZFRlRmcE9obGJFRnhHS255aHFmeDgweko0V0JLRVpYRWJ0RGhSWXNYNC81bHVXcCt6Sm1KLzNzUnF5dW1DMHlrN2hLMmFpbyt6S1V2VU1ES0tDbHFKWWlqR0V2NDdxL29RWHRkWTIrZHdGZmFJYWo5ZURhZFpsMmNwU3F2RWlOcDJwMGFRclNNcTJCc3VJaFh1MWxSNlRkSXlUVVVaTlFISHRFcU1Sb3NWWjVlL2t0Q3JFV1JCTStXYWlHS1FVSmRZakozeldreml4RlZ3RVVGNFQxUGhLVTJYYlNKS2k4VFlpUzZWbFhPSjRTSTh3YlhTWlMyU2laS0tHRXlZNlZqZk9xdHdFVUZZck9sQjk2YjFEbzYzQzhJZlJtSVFscFlJUjZmMWJrRjRTek9IVFlLTFNJWGxtbzl6VzVydkNXcTR3a0NNalR6UnAvbGVYY2FNSUx3QUY5SGw1ckt6RVNreDBEZGw4Rmo3dnBMc1JZVENNM0FScWZDMXBnYzlsSUVZcVlzaUNPOXIycWZnSXRwMEdzS1R6Wlp0dU9tcis5ZzRKQnUwYjVIR1FzYkRSZGgwTlIvbG5Rd3NJMTFMNlVPYjFwOVZ4UTF3RVY1TmFYcm9zcVJsbXJwREpPSEtKTDR2VTBvOU9FRlg3bEJsV2xwVFVqaFhNMlR0RUUvZ0tOdnliSDFUU1IyU0pyQVY2TnBtRzNRYk10akp4bWt5OVNwZXRzeVBOUnFtNnV3ekRQY3Axc09YVkhoZTF5SGdNb0x3Z2VianZXSVpEMWxzYWhrSmQvVEc3aHkyS0Q0c3FtbFhMMXdtSU55aCtRQ2JiRXc3VUxnK1BKWmdLWWFKS0J5SjVJaWtSVjNHeEFqcnBtTnhKNktHdzNSZVVhRnd1MDFaR2xHTWZWUDFSTEVWSXl5SE1Fc3pIMjNnZzBCd25lak1YOTNWMWxqTENYV1FLUGFSdmdHaUpCRWo2TUtwTVpacUhBYk9sS0NHUUd2aU5keGlYVjYvS0l1VGVtMURVUWpMYk1WZ0pHRkd6SERWaWJ3Z0ZUN1JXTW1xSk12RVp0MGZTWDdQUXVxT0p3aUY3MTFQaDkyMU1mcERPcFBoT0tWcDJFc3EvS0N6RHI3Y0JubERONWRJRm9wd0tSeEdLanlsRTBNUWZtejJWSEFtY0dLY0pQeXBFV1dkcTlkWmNPL1hXamZuOUZZeEdubUZsN294aytMeVFPRkl1TFlnaVVtWUVJUVhrV3ZZUzZvSmZjcitIcmNvclpoM0dtTEV1bDBJSzlvck9CUjU1K3dLRG80SjcvS0s1WmVzaDYrZ2hrdGlVNGtJVzNtaGdpTEFGaUFhWGIxRVdKZkowZWdLaHZHWmxaak5YL2dFQ3ZlaENGaEYraWhjZmZWYUg2eEpTTFFMLzlDZ1hrMUhQSjJnaWJEcmFrbTR0VlZud3FNaGxDVGhuMFoxRVFvdjVXb0QySW9ZdUJ5NENtUHZjVW9XdzFFL1RralFMc1YzdFl6ZVhPNDNrb2doK3VjVTdVUmY1N2EzV1h6dTNUYnhMVXlTSnR3VG5SWFUzdEl3Nk5uT1Y5Q2lDTmlFWFVzOUdDNEpieWF4SE00akZvU25PY1dJODc3WWtuamk1V3Y2Qk9GWm5odDBKN0FhREZGclpRMFhvd2drT3AvUmh6Yk9iRFFlUmxyNUVPYW1uZTJZR2MwZWxtbG5Od3Y3dnVKdURXclJJd2kvOFdYTktBcHBubHlTaEhhZDY3NEZ6Mm8rU3NCbkNGRVUyQmZWaXBOTFFiOVA2YldrdDR2R1dvVENsM3pta1crY1FKRm9sUmdEWWQ4Uk95akR2TnJrMTQ1djRjc3Z3eDE1Z3JPT3VXQW94S2dYTkNwWE1TcTZ1b1AvSjRSM0JlR3JLSFB4Vnc0b2hSKysvOThuUlFjMU8zT1JpTkFNU1pQWVBDM0FpK0VRWGd5SDhHSTRoQmZESWJ3WUR1SEZjQWd2aGtONE1SekNpK0VRWGd5SDhHSTRoQmNqTHpmQkRmRGF1cGFEVzNnNFdjQmJodXVpZURFY0VzV0w0UTVobnBPZk16d2VqOGZqOFhnOEhvL0g0L0dneVB3SE4rTUJXWEhhUDdBQUFBQUFTVVZPUks1Q1lJST0iLz4KPC9kZWZzPgo8L3N2Zz4K';
|
|
607
|
+
|
|
608
|
+
const DEFAULT_LANGUAGE$1 = 'en';
|
|
609
|
+
const TRANSLATIONS$1 = {
|
|
610
|
+
en: {
|
|
611
|
+
emptyTitle: 'Nothing here — yet!',
|
|
612
|
+
emptyDescription: 'No challenges at the moment. Try exploring events or keep playing to unlock new ones.'
|
|
613
|
+
},
|
|
614
|
+
ro: {},
|
|
615
|
+
fr: {},
|
|
616
|
+
ar: {},
|
|
617
|
+
hr: {}
|
|
618
|
+
};
|
|
619
|
+
const translate$1 = (key, customLang) => {
|
|
620
|
+
const lang = customLang;
|
|
621
|
+
return TRANSLATIONS$1[lang !== undefined && lang in TRANSLATIONS$1 ? lang : DEFAULT_LANGUAGE$1][key];
|
|
622
|
+
};
|
|
623
|
+
|
|
624
|
+
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}";
|
|
605
625
|
const CasinoChallengesListStyle0 = casinoChallengesListCss;
|
|
606
626
|
|
|
607
627
|
const skeletons$1 = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
|
|
@@ -688,8 +708,11 @@ const CasinoChallengeList = class {
|
|
|
688
708
|
this.timerExpired.emit(e.detail);
|
|
689
709
|
}
|
|
690
710
|
}
|
|
711
|
+
renderEmptyState() {
|
|
712
|
+
return (h("div", { class: "empty" }, h("img", { src: emptyStateSvg$1 }), h("b", null, translate$1('emptyTitle', this.language)), h("span", null, translate$1('emptyDescription', this.language))));
|
|
713
|
+
}
|
|
691
714
|
render() {
|
|
692
|
-
return (h("div", { key: '
|
|
715
|
+
return (h("div", { key: '09ef210fa11672939ebafe62f9ac5ce5361258e6', ref: (el) => (this.stylingContainer = el) }, this.challenges.length === 0 && !this.loading && this.renderEmptyState(), h("div", { key: '822f0decec2878b12d9b5929528852286e0fac7a', class: "challenges-list" }, this.challenges.map((challenge, index) => (h("div", { key: challenge.Id, ref: index === this.challenges.length - 1 ? this.setLastItemRef : null, class: "list-item" }, h("casino-challenge-card", { challenge: challenge, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, onTimerExpired: this.onTimerExpired, activeTabIndex: this.activeTabIndex })))), this.loading && this.renderSkeletons())));
|
|
693
716
|
}
|
|
694
717
|
get el() { return getElement(this); }
|
|
695
718
|
static get watchers() { return {
|
|
@@ -713,7 +736,9 @@ const TRANSLATIONS = {
|
|
|
713
736
|
en: {
|
|
714
737
|
level: 'Level',
|
|
715
738
|
status: 'Status',
|
|
716
|
-
time: 'Time'
|
|
739
|
+
time: 'Time',
|
|
740
|
+
emptyTitle: 'Nothing here — yet!',
|
|
741
|
+
emptyDescription: 'Join challenges and unlock your history of victories in this section.'
|
|
717
742
|
},
|
|
718
743
|
ro: {
|
|
719
744
|
level: 'Nivel',
|
|
@@ -769,6 +794,8 @@ const arrowDownSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0i
|
|
|
769
794
|
|
|
770
795
|
const giftSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjkzNzE4IDEuMjQ5OTJDNC43OTE0MiAxLjI0OTkyIDQuNjQ5NDYgMS4zMDg3OCA0LjU0MzEzIDEuNDE3MDRDNC40MzY0NSAxLjUyNTY2IDQuMzc0NjggMS42NzUxOCA0LjM3NDY4IDEuODMzMjVDNC4zNzQ2OCAxLjk5MTMyIDQuNDM2NDUgMi4xNDA4NCA0LjU0MzEzIDIuMjQ5NDZDNC42NDk0NiAyLjM1NzczIDQuNzkxNDIgMi40MTY1OSA0LjkzNzE4IDIuNDE2NTlINi4yMDI5OUM2LjE2MDc2IDIuMzE2NjMgNi4xMTIxNyAyLjIxMzEgNi4wNTY3NSAyLjExMDQ5QzUuNzczMzMgMS41ODU4MSA1LjQwOTQ5IDEuMjQ5OTIgNC45MzcxOCAxLjI0OTkyWk02LjQxNjM0IDMuNTgzMjVWNS4zMzMyNUwyLjA5OTY4IDUuMzMzMjVDMS45MjY3IDUuMzMzMjUgMS44MzIwNiA1LjMzMjggMS43NjQwNSA1LjMyNzI0QzEuNzYxMzQgNS4zMjcwMiAxLjc1ODc4IDUuMzI2OCAxLjc1NjM2IDUuMzI2NTdDMS43NTYxMyA1LjMyNDE1IDEuNzU1OTEgNS4zMjE1OSAxLjc1NTY5IDUuMzE4ODhDMS43NTAxMyA1LjI1MDg3IDEuNzQ5NjggNS4xNTYyMyAxLjc0OTY4IDQuOTgzMjVWMy45MzMyNUMxLjc0OTY4IDMuNzYwMjggMS43NTAxMyAzLjY2NTYzIDEuNzU1NjkgMy41OTc2MkMxLjc1NTkxIDMuNTk0OTEgMS43NTYxMyAzLjU5MjM1IDEuNzU2MzYgMy41ODk5M0MxLjc1ODc4IDMuNTg5NzEgMS43NjEzNCAzLjU4OTQ4IDEuNzY0MDUgMy41ODkyNkMxLjgzMjA2IDMuNTgzNzEgMS45MjY3IDMuNTgzMjUgMi4wOTk2OCAzLjU4MzI1SDYuNDE2MzRaTTMuMzA2OSAyLjQxNjU5QzMuMjQxOTcgMi4yMzA3IDMuMjA4MDEgMi4wMzM1NiAzLjIwODAxIDEuODMzMjVDMy4yMDgwMSAxLjM3MjQ4IDMuMzg3NjggMC45Mjg1MTEgMy43MTA3NyAwLjU5OTU0OEM0LjAzNDIxIDAuMjcwMjI4IDQuNDc1MTUgMC4wODMyNTIgNC45MzcxOCAwLjA4MzI1MkM1Ljk4NDA5IDAuMDgzMjUyIDYuNjMzNjYgMC43OTQwMTcgNi45OTk2OCAxLjQwODcyQzcuMzY1NyAwLjc5NDAxNyA4LjAxNTI3IDAuMDgzMjUyIDkuMDYyMTggMC4wODMyNTJDOS41MjQyMSAwLjA4MzI1MiA5Ljk2NTE0IDAuMjcwMjI4IDEwLjI4ODYgMC41OTk1NDhDMTAuNjExNyAwLjkyODUxMSAxMC43OTEzIDEuMzcyNDggMTAuNzkxMyAxLjgzMzI1QzEwLjc5MTMgMi4wMzM1NiAxMC43NTc0IDIuMjMwNyAxMC42OTI1IDIuNDE2NTlMMTEuOTE4MyAyLjQxNjU4QzEyLjA2NTUgMi40MTY1NyAxMi4yMDg5IDIuNDE2NTUgMTIuMzMwMyAyLjQyNjQ3QzEyLjQ2MzcgMi40MzczNyAxMi42MjEgMi40NjMwNyAxMi43NzkzIDIuNTQzNzRDMTIuOTk4OSAyLjY1NTYgMTMuMTc3MyAyLjgzNDA3IDEzLjI4OTIgMy4wNTM2QzEzLjM2OTkgMy4yMTE5MyAxMy4zOTU2IDMuMzY5MjcgMTMuNDA2NSAzLjUwMjYyQzEzLjQxNjQgMy42MjQwNCAxMy40MTY0IDMuNzY3NDIgMTMuNDE2MyAzLjkxNDYzVjUuMDAxODdDMTMuNDE2NCA1LjE0OTA5IDEzLjQxNjQgNS4yOTI0NiAxMy40MDY1IDUuNDEzODlDMTMuMzk1NiA1LjU0NzIzIDEzLjM2OTkgNS43MDQ1OCAxMy4yODkyIDUuODYyOTFDMTMuMTc3MyA2LjA4MjQzIDEyLjk5ODkgNi4yNjA5MSAxMi43NzkzIDYuMzcyNzZDMTIuNjIxIDYuNDUzNDMgMTIuNDYzNyA2LjQ3OTE0IDEyLjMzMDMgNi40OTAwM0MxMi4zMDQ0IDYuNDkyMTUgMTIuMjc3NCA2LjQ5MzgyIDEyLjI0OTcgNi40OTUxM1YxMC40ODkxQzEyLjI0OTcgMTAuNzk2NiAxMi4yNDk3IDExLjA2MTkgMTIuMjMxOCAxMS4yODA0QzEyLjIxMyAxMS41MTEgMTIuMTcxNCAxMS43NDAzIDEyLjA1ODkgMTEuOTYxMUMxMS44OTEyIDEyLjI5MDQgMTEuNjIzNCAxMi41NTgxIDExLjI5NDIgMTIuNzI1OEMxMS4wNzM0IDEyLjgzODMgMTAuODQ0MSAxMi44Nzk5IDEwLjYxMzQgMTIuODk4OEMxMC4zOTQ5IDEyLjkxNjYgMTAuMTI5NyAxMi45MTY2IDkuODIyMTggMTIuOTE2Nkg3LjAwMDQ5QzcuMDAwMjIgMTIuOTE2NiA2Ljk5OTk1IDEyLjkxNjYgNi45OTk2OCAxMi45MTY2QzYuOTk5NDEgMTIuOTE2NiA2Ljk5OTEzIDEyLjkxNjYgNi45OTg4NiAxMi45MTY2SDQuMTc3MThDMy44Njk2OCAxMi45MTY2IDMuNjA0NDEgMTIuOTE2NiAzLjM4NTkxIDEyLjg5ODhDMy4xNTUyOSAxMi44Nzk5IDIuOTI1OTIgMTIuODM4MyAyLjcwNTE5IDEyLjcyNThDMi4zNzU5MSAxMi41NTgxIDIuMTA4MTkgMTIuMjkwNCAxLjk0MDQyIDExLjk2MTFDMS44Mjc5NSAxMS43NDAzIDEuNzg2MzUgMTEuNTExIDEuNzY3NTEgMTEuMjgwNEMxLjc0OTY2IDExLjA2MTkgMS43NDk2NyAxMC43OTY2IDEuNzQ5NjggMTAuNDg5MUwxLjc0OTY4IDYuNDk1MTNDMS43MjE5MiA2LjQ5MzgyIDEuNjk0OTggNi40OTIxNSAxLjY2OTA0IDYuNDkwMDNDMS41MzU3IDYuNDc5MTQgMS4zNzgzNSA2LjQ1MzQzIDEuMjIwMDIgNi4zNzI3NkMxLjAwMDUgNi4yNjA5MSAwLjgyMjAyMiA2LjA4MjQzIDAuNzEwMTcgNS44NjI5MUMwLjYyOTQ5NiA1LjcwNDU4IDAuNjAzNzkgNS41NDcyMyAwLjU5Mjg5NiA1LjQxMzg5QzAuNTgyOTc1IDUuMjkyNDYgMC41ODI5OTIgNS4xNDkwOCAwLjU4MzAwOSA1LjAwMTg2TDAuNTgzMDExIDMuOTMzMjVDMC41ODMwMTEgMy45MjcwNCAwLjU4MzAxIDMuOTIwODQgMC41ODMwMDkgMy45MTQ2NUMwLjU4Mjk5MiAzLjc2NzQyIDAuNTgyOTc1IDMuNjI0MDQgMC41OTI4OTYgMy41MDI2MkMwLjYwMzc5IDMuMzY5MjcgMC42Mjk0OTcgMy4yMTE5MyAwLjcxMDE3IDMuMDUzNkMwLjgyMjAyMiAyLjgzNDA3IDEuMDAwNSAyLjY1NTYgMS4yMjAwMiAyLjU0Mzc0QzEuMzc4MzUgMi40NjMwNyAxLjUzNTcgMi40MzczNyAxLjY2OTA0IDIuNDI2NDdDMS43OTA0NyAyLjQxNjU1IDEuOTMzODUgMi40MTY1NyAyLjA4MTA3IDIuNDE2NThDMi4wODcyNyAyLjQxNjU4IDIuMDkzNDcgMi40MTY1OSAyLjA5OTY4IDIuNDE2NTlIMy4zMDY5Wk0yLjkxNjM0IDYuNDk5OTJWMTAuNDY2NkMyLjkxNjM0IDEwLjgwMjkgMi45MTY4IDExLjAyMDEgMi45MzAzIDExLjE4NTNDMi45NDMyNSAxMS4zNDM4IDIuOTY1MjMgMTEuNDAyNiAyLjk3OTkyIDExLjQzMTRDMy4wMzU4NSAxMS41NDEyIDMuMTI1MDkgMTEuNjMwNCAzLjIzNDg1IDExLjY4NjNDMy4yNjM2OSAxMS43MDEgMy4zMjI0NCAxMS43MjMgMy40ODA5MiAxMS43MzZDMy42NDYyIDExLjc0OTUgMy44NjMzNSAxMS43NDk5IDQuMTk5NjggMTEuNzQ5OUg2LjQxNjM0VjYuNDk5OTJIMi45MTYzNFpNNy41ODMwMSA2LjQ5OTkyVjExLjc0OTlIOS43OTk2OEMxMC4xMzYgMTEuNzQ5OSAxMC4zNTMyIDExLjc0OTUgMTAuNTE4NCAxMS43MzZDMTAuNjc2OSAxMS43MjMgMTAuNzM1NyAxMS43MDEgMTAuNzY0NSAxMS42ODYzQzEwLjg3NDMgMTEuNjMwNCAxMC45NjM1IDExLjU0MTIgMTEuMDE5NCAxMS40MzE0QzExLjAzNDEgMTEuNDAyNiAxMS4wNTYxIDExLjM0MzggMTEuMDY5MSAxMS4xODUzQzExLjA4MjYgMTEuMDIwMSAxMS4wODMgMTAuODAyOSAxMS4wODMgMTAuNDY2NlY2LjQ5OTkySDcuNTgzMDFaTTExLjg5OTcgNS4zMzMyNUMxMi4wNzI3IDUuMzMzMjUgMTIuMTY3MyA1LjMzMjggMTIuMjM1MyA1LjMyNzI0QzEyLjIzOCA1LjMyNzAyIDEyLjI0MDYgNS4zMjY3OSAxMi4yNDMgNS4zMjY1N0MxMi4yNDMyIDUuMzI0MTUgMTIuMjQzNCA1LjMyMTU5IDEyLjI0MzcgNS4zMTg4OEMxMi4yNDkyIDUuMjUwODcgMTIuMjQ5NyA1LjE1NjIzIDEyLjI0OTcgNC45ODMyNVYzLjkzMzI1QzEyLjI0OTcgMy43NjAyOCAxMi4yNDkyIDMuNjY1NjMgMTIuMjQzNyAzLjU5NzYyQzEyLjI0MzQgMy41OTQ5MiAxMi4yNDMyIDMuNTkyMzUgMTIuMjQzIDMuNTg5OTNDMTIuMjQwNiAzLjU4OTcxIDEyLjIzOCAzLjU4OTQ4IDEyLjIzNTMgMy41ODkyNkMxMi4xNjczIDMuNTgzNzEgMTIuMDcyNyAzLjU4MzI1IDExLjg5OTcgMy41ODMyNUg3LjU4MzAxVjUuMzMzMjVIMTEuODk5N1pNOS4wNjIxOCAyLjQxNjU5QzkuMjA3OTQgMi40MTY1OSA5LjM0OTg5IDIuMzU3NzMgOS40NTYyMyAyLjI0OTQ2QzkuNTYyOTEgMi4xNDA4NCA5LjYyNDY4IDEuOTkxMzIgOS42MjQ2OCAxLjgzMzI1QzkuNjI0NjggMS42NzUxOCA5LjU2MjkxIDEuNTI1NjYgOS40NTYyMyAxLjQxNzA0QzkuMzQ5ODkgMS4zMDg3OCA5LjIwNzk0IDEuMjQ5OTIgOS4wNjIxOCAxLjI0OTkyQzguNTg5ODYgMS4yNDk5MiA4LjIyNjAzIDEuNTg1ODEgNy45NDI2MSAyLjExMDQ5QzcuODg3MTggMi4yMTMxIDcuODM4NTkgMi4zMTY2MyA3Ljc5NjM3IDIuNDE2NTlIOS4wNjIxOFoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xNTIwXzI5ODEpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTUyMF8yOTgxIiB4MT0iNi45OTk2OCIgeTE9IjAuMDgzMjUyIiB4Mj0iNi45OTk2OCIgeTI9IjEyLjkxNjYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0VBOTAxOCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNFMEE4NEUiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K';
|
|
771
796
|
|
|
797
|
+
const emptyStateSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxyZWN0IHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgZmlsbD0idXJsKCNwYXR0ZXJuMF8xODk5XzE1MzA5KSIvPgo8ZGVmcz4KPHBhdHRlcm4gaWQ9InBhdHRlcm4wXzE4OTlfMTUzMDkiIHBhdHRlcm5Db250ZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIj4KPHVzZSB4bGluazpocmVmPSIjaW1hZ2UwXzE4OTlfMTUzMDkiIHRyYW5zZm9ybT0ic2NhbGUoMC4wMSkiLz4KPC9wYXR0ZXJuPgo8aW1hZ2UgaWQ9ImltYWdlMF8xODk5XzE1MzA5IiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFHUUFBQUJrQ0FZQUFBQnc0cFZVQUFBQUNYQklXWE1BQUFzVEFBQUxFd0VBbXB3WUFBQUhsRWxFUVZSNG5PMmRhWXdVUlJUSC80dG52UENJOXhFMWFoUVROWm1wNmdYUnphcjR3VHRHdlBXTFVlSVZQeGdWTldiaXpxdlpSZFRBR29pb0VRd2FGRFdLMFlCQ3ZNVWJKV0pJQkQ4UU9VSUVvd2hFUUZqemVwdTRXYVo2cW5wNnRxdWIraVg5aGV4VVYvVy9YaDN2dlNvQWo4Zmo4WGc4SG8vSDQvRjRpa2FwQjhQTE5ZaXl3czJTOExCVTZKRUtVNFRDTktrd1dTalVoTUw5WllXclJSZk9QR1V5OXNtNnpvV2lvNElEcE1JMS9ORWxZYWxVNkxONWhNSTJTVmdvRlVncWRJNmRqVDJ5YmxQKzZFTmJ1WXFMSkdHbUpHeTBGU0ZXSU1JcVFaZ29GVVprM1V6M3FXQlltWEM1VlBnMlRSRmludm1TMEo1MXM1MUVLblFLd3M5REpNUmdxNWtqcXpncDYyL2dCT2NvSEM0VlhzNUNpRUdpYkJhRVJ6c3EyQk83SzZLSzg0WEN5a1FmVU9HdmFHaWJKeFZtczZoQzRRMGVoaUpMMjVLdzNNOWtENDdEN29Za1BCQ3VnRXcvRm1HRkpFd1ZDdGVhZkREdTZTV0YwNlhDT0tud3FpQnNzQkRtZDFuRkJkZ3RxR0FZN3hjTWUrdTJhRGpyNU44MTg5cFNCZnNKaFJzRjRWTkRVYmF3K0NpOEdJU1pCdVA1djVMd1hLc21XcWx3bmxENHlFQ1U3V3hoS0NxU01OVmdhUG9tNkVacEtPckRGaU1KYXhxSlVxN2lPaFFOU2FnMGFqaTdQWVo2bFJPdThnaHpEWWF2QzFFVVJBMlhTY0tPR0t2WXlIK1Q4VkJhYlRqUkYySDFWYTdpZUVsWUZ6TnhyM2RsdDF3bTNCWE5HOW9sY2U3M0taS3dJS2FCZjdQbkZnNFJpUkpuS1k4Z3I0U1Rac3lTTmxBWUF3ZUpQTU02UVRZRjNUZ1JlVU5XY0ZDREZjeURjSHV2TkM5bVdUNEhlVU1vakk4Ull4NjcyT0V3SXlzNElxNURsUWdTZWFHamduMTFqUkdFemVWdW5Jd2NFRVlsOVVQdTI4Z0xjUk9qSUR4bVd4NkhZamxpbURUYUYvWjJoZWs4akZyOXNBOXRrdkN4WnFtK0krakNHY2dEdWdDVFVGZy9hZ0lPdENrcmNoQ3Vqc3FZYmJ2c2pJYWVuNkxPOE4zb2JoeGk4L3V5UWtmTTBOc0QxK0hRYUl4MVBHNXJHVUpoN2FBeVpwbGFTbVFaU3diMTdJVzJsaEs2NU90M3NKWE94K2o1bzJzRTJkNU9PTFlaTVd4RXFTdEdRbEZFRlRmcE9obGJFRnhHS255aHFmeDgweko0V0JLRVpYRWJ0RGhSWXNYNC81bHVXcCt6Sm1KLzNzUnF5dW1DMHlrN2hLMmFpbyt6S1V2VU1ES0tDbHFKWWlqR0V2NDdxL29RWHRkWTIrZHdGZmFJYWo5ZURhZFpsMmNwU3F2RWlOcDJwMGFRclNNcTJCc3VJaFh1MWxSNlRkSXlUVVVaTlFISHRFcU1Sb3NWWjVlL2t0Q3JFV1JCTStXYWlHS1FVSmRZakozeldreml4RlZ3RVVGNFQxUGhLVTJYYlNKS2k4VFlpUzZWbFhPSjRTSTh3YlhTWlMyU2laS0tHRXlZNlZqZk9xdHdFVUZZck9sQjk2YjFEbzYzQzhJZlJtSVFscFlJUjZmMWJrRjRTek9IVFlLTFNJWGxtbzl6VzVydkNXcTR3a0NNalR6UnAvbGVYY2FNSUx3QUY5SGw1ckt6RVNreDBEZGw4Rmo3dnBMc1JZVENNM0FScWZDMXBnYzlsSUVZcVlzaUNPOXIycWZnSXRwMEdzS1R6Wlp0dU9tcis5ZzRKQnUwYjVIR1FzYkRSZGgwTlIvbG5Rd3NJMTFMNlVPYjFwOVZ4UTF3RVY1TmFYcm9zcVJsbXJwREpPSEtKTDR2VTBvOU9FRlg3bEJsV2xwVFVqaFhNMlR0RUUvZ0tOdnliSDFUU1IyU0pyQVY2TnBtRzNRYk10akp4bWt5OVNwZXRzeVBOUnFtNnV3ekRQY3Axc09YVkhoZTF5SGdNb0x3Z2VianZXSVpEMWxzYWhrSmQvVEc3aHkyS0Q0c3FtbFhMMXdtSU55aCtRQ2JiRXc3VUxnK1BKWmdLWWFKS0J5SjVJaWtSVjNHeEFqcnBtTnhKNktHdzNSZVVhRnd1MDFaR2xHTWZWUDFSTEVWSXl5SE1Fc3pIMjNnZzBCd25lak1YOTNWMWxqTENYV1FLUGFSdmdHaUpCRWo2TUtwTVpacUhBYk9sS0NHUUd2aU5keGlYVjYvS0l1VGVtMURVUWpMYk1WZ0pHRkd6SERWaWJ3Z0ZUN1JXTW1xSk12RVp0MGZTWDdQUXVxT0p3aUY3MTFQaDkyMU1mcERPcFBoT0tWcDJFc3EvS0N6RHI3Y0JubERONWRJRm9wd0tSeEdLanlsRTBNUWZtejJWSEFtY0dLY0pQeXBFV1dkcTlkWmNPL1hXamZuOUZZeEdubUZsN294aytMeVFPRkl1TFlnaVVtWUVJUVhrV3ZZUzZvSmZjcitIcmNvclpoM0dtTEV1bDBJSzlvck9CUjU1K3dLRG80SjcvS0s1WmVzaDYrZ2hrdGlVNGtJVzNtaGdpTEFGaUFhWGIxRVdKZkowZWdLaHZHWmxaak5YL2dFQ3ZlaENGaEYraWhjZmZWYUg2eEpTTFFMLzlDZ1hrMUhQSjJnaWJEcmFrbTR0VlZud3FNaGxDVGhuMFoxRVFvdjVXb0QySW9ZdUJ5NENtUHZjVW9XdzFFL1RralFMc1YzdFl6ZVhPNDNrb2doK3VjVTdVUmY1N2EzV1h6dTNUYnhMVXlTSnR3VG5SWFUzdEl3Nk5uT1Y5Q2lDTmlFWFVzOUdDNEpieWF4SE00akZvU25PY1dJODc3WWtuamk1V3Y2Qk9GWm5odDBKN0FhREZGclpRMFhvd2drT3AvUmh6Yk9iRFFlUmxyNUVPYW1uZTJZR2MwZWxtbG5Od3Y3dnVKdURXclJJd2kvOFdYTktBcHBubHlTaEhhZDY3NEZ6Mm8rU3NCbkNGRVUyQmZWaXBOTFFiOVA2YldrdDR2R1dvVENsM3pta1crY1FKRm9sUmdEWWQ4Uk95akR2TnJrMTQ1djRjc3Z3eDE1Z3JPT3VXQW94S2dYTkNwWE1TcTZ1b1AvSjRSM0JlR3JLSFB4Vnc0b2hSKysvOThuUlFjMU8zT1JpTkFNU1pQWVBDM0FpK0VRWGd5SDhHSTRoQmZESWJ3WUR1SEZjQWd2aGtONE1SekNpK0VRWGd5SDhHSTRoQmNqTHpmQkRmRGF1cGFEVzNnNFdjQmJodXVpZURFY0VzV0w0UTVobnBPZk16d2VqOGZqOFhnOEhvL0g0L0dneVB3SE4rTUJXWEhhUDdBQUFBQUFTVVZPUks1Q1lJST0iLz4KPC9kZWZzPgo8L3N2Zz4K';
|
|
798
|
+
|
|
772
799
|
function _typeof(o) {
|
|
773
800
|
"@babel/helpers - typeof";
|
|
774
801
|
|
|
@@ -2965,10 +2992,10 @@ function cleanEscapedString(input) {
|
|
|
2965
2992
|
return matched[1].replace(doubleQuoteRegExp, "'");
|
|
2966
2993
|
}
|
|
2967
2994
|
|
|
2968
|
-
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}";
|
|
2995
|
+
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}";
|
|
2969
2996
|
const CasinoChallengesPlayerHistoryStyle0 = casinoChallengesPlayerHistoryCss;
|
|
2970
2997
|
|
|
2971
|
-
const skeletons = [0, 1, 2, 3
|
|
2998
|
+
const skeletons = [0, 1, 2, 3];
|
|
2972
2999
|
const CasinoChallengesPlayerHistory = class {
|
|
2973
3000
|
constructor(hostRef) {
|
|
2974
3001
|
registerInstance(this, hostRef);
|
|
@@ -3059,13 +3086,16 @@ const CasinoChallengesPlayerHistory = class {
|
|
|
3059
3086
|
const rewards = Object.values(level.Rewards)
|
|
3060
3087
|
.map((r) => r.RewardDescription)
|
|
3061
3088
|
.join(', ');
|
|
3062
|
-
return (h("div", null, h("div", { class: "row" }, h("span", { class: "col-1" }, `${translate('level', this.language)} ${level.OrderNumber + 1}`), h("span", { class: `col-2 ${level.Status === EHistoryItemLevelStatus.Forfeited ? 'errored' : ''}` }, HistoryItemLevelStatusDictionary[level.Status]), h("span", { class: "col-2" }, format(new Date(level.Time), 'dd/MM/yy HH:mm'))), h("p", { class: `reward ${level.Status === EHistoryItemLevelStatus.Completed ? '' : 'grayed'}` }, h("img", { src: giftSvg }), rewards)));
|
|
3089
|
+
return (h("div", null, h("div", { class: "row" }, h("span", { class: "col-1" }, `${translate('level', this.language)} ${level.OrderNumber + 1}`), h("span", { class: `col-2 ${level.Status === EHistoryItemLevelStatus.Forfeited ? 'errored' : ''}` }, HistoryItemLevelStatusDictionary[level.Status]), h("span", { class: "col-2" }, format(new Date(level.Time), 'dd/MM/yy HH:mm'))), rewards && (h("p", { class: `reward ${level.Status === EHistoryItemLevelStatus.Completed ? '' : 'grayed'}` }, h("img", { src: giftSvg }), rewards))));
|
|
3063
3090
|
}
|
|
3064
3091
|
renderSkeletons() {
|
|
3065
3092
|
return skeletons.map((skeleton) => (h("div", { class: "loader", key: skeleton }, h("ui-skeleton", { structure: "title", width: "auto", height: "60px", marginBottom: 0 }))));
|
|
3066
3093
|
}
|
|
3094
|
+
renderEmptyState() {
|
|
3095
|
+
return (h("div", { class: "empty" }, h("img", { src: emptyStateSvg }), h("b", null, translate('emptyTitle', this.language)), h("span", null, translate('emptyDescription', this.language))));
|
|
3096
|
+
}
|
|
3067
3097
|
render() {
|
|
3068
|
-
return (h("div", { key: '
|
|
3098
|
+
return (h("div", { key: '21b45bb8459e1c28e19a2b845da834db76936d71', ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'aad1a29cf4c5fa3a548cf18052497bbe82476a57', class: "history" }, this.playerHistory.map((item, index) => (h("div", { class: "item", ref: index === this.playerHistory.length - 1 ? this.setLastItemRef : null }, h("button", { class: "header", onClick: () => this.toggle(index) }, h("span", null, item.Name), h("img", { src: this.openItems[index] ? arrowUpSvg : arrowDownSvg })), h("div", { class: `content ${this.openItems[index] ? 'open' : ''}` }, h("div", { class: "row list-header" }, h("span", { class: "col-1" }, translate('level', this.language)), h("span", { class: "col-2" }, translate('status', this.language)), h("span", { class: "col-2" }, translate('time', this.language))), item.Levels.map((level) => this.renderLevel(level)))))), this.loading && this.renderSkeletons(), !this.playerHistory.length && !this.loading && this.renderEmptyState())));
|
|
3069
3099
|
}
|
|
3070
3100
|
static get watchers() { return {
|
|
3071
3101
|
"clientStyling": ["handleClientStylingChange"],
|
package/dist/esm/{casino-challenges-container-ea97765a.js → casino-challenges-container-a8c7bb9a.js}
RENAMED
|
@@ -62,7 +62,11 @@ const TRANSLATIONS = {
|
|
|
62
62
|
en: {
|
|
63
63
|
title: 'Challenges',
|
|
64
64
|
empty: 'No Challenges',
|
|
65
|
-
activeTab: 'Active tab'
|
|
65
|
+
activeTab: 'Active tab',
|
|
66
|
+
active: 'Active',
|
|
67
|
+
pending: 'Pending',
|
|
68
|
+
finished: 'Finished',
|
|
69
|
+
code: 'Code'
|
|
66
70
|
},
|
|
67
71
|
ro: {
|
|
68
72
|
title: 'Provocări',
|
|
@@ -116,13 +120,18 @@ const errorCircleSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD
|
|
|
116
120
|
|
|
117
121
|
const checkCircleSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS4wMDA3IDQuNzQ5OTJDMTEuMTMwNiA0Ljc0OTkyIDQuNzUwNjUgMTEuMTI5OSA0Ljc1MDY1IDE4Ljk5OTlDNC43NTA2NSAyNi44NyAxMS4xMzA2IDMzLjI0OTkgMTkuMDAwNyAzMy4yNDk5QzI2Ljg3MDcgMzMuMjQ5OSAzMy4yNTA3IDI2Ljg3IDMzLjI1MDcgMTguOTk5OUMzMy4yNTA3IDExLjEyOTkgMjYuODcwNyA0Ljc0OTkyIDE5LjAwMDcgNC43NDk5MlpNMS41ODM5OCAxOC45OTk5QzEuNTgzOTggOS4zODA5NiA5LjM4MTY5IDEuNTgzMjUgMTkuMDAwNyAxLjU4MzI1QzI4LjYxOTYgMS41ODMyNSAzNi40MTczIDkuMzgwOTYgMzYuNDE3MyAxOC45OTk5QzM2LjQxNzMgMjguNjE4OSAyOC42MTk2IDM2LjQxNjYgMTkuMDAwNyAzNi40MTY2QzkuMzgxNjkgMzYuNDE2NiAxLjU4Mzk4IDI4LjYxODkgMS41ODM5OCAxOC45OTk5Wk0yNy4yNDUyIDEzLjEzMDNDMjcuODYzNiAxMy43NDg3IDI3Ljg2MzYgMTQuNzUxMiAyNy4yNDUyIDE1LjM2OTVMMTcuNzQ1MiAyNC44Njk1QzE3LjEyNjkgMjUuNDg3OCAxNi4xMjQ0IDI1LjQ4NzggMTUuNTA2MSAyNC44Njk1TDEwLjc1NjEgMjAuMTE5NUMxMC4xMzc3IDE5LjUwMTIgMTAuMTM3NyAxOC40OTg3IDEwLjc1NjEgMTcuODgwM0MxMS4zNzQ0IDE3LjI2MiAxMi4zNzY5IDE3LjI2MiAxMi45OTUyIDE3Ljg4MDNMMTYuNjI1NyAyMS41MTA3TDI1LjAwNjEgMTMuMTMwM0MyNS42MjQ0IDEyLjUxMiAyNi42MjY5IDEyLjUxMiAyNy4yNDUyIDEzLjEzMDNaIiBmaWxsPSIjMDBCNzRGIi8+Cjwvc3ZnPgo=';
|
|
118
122
|
|
|
119
|
-
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
|
|
123
|
+
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}";
|
|
120
124
|
const CasinoChallengesContainerStyle0 = casinoChallengesContainerCss;
|
|
121
125
|
|
|
122
126
|
const CasinoChallengesContainer = class {
|
|
123
127
|
constructor(hostRef) {
|
|
124
128
|
registerInstance(this, hostRef);
|
|
125
|
-
this.tabs = [
|
|
129
|
+
this.tabs = [
|
|
130
|
+
translate('active', this.language),
|
|
131
|
+
translate('pending', this.language),
|
|
132
|
+
translate('finished', this.language),
|
|
133
|
+
translate('code', this.language)
|
|
134
|
+
];
|
|
126
135
|
this.showNotification = 1;
|
|
127
136
|
this.onOpenNotification = (event) => {
|
|
128
137
|
this.notification = event.detail;
|
|
@@ -149,12 +158,14 @@ const CasinoChallengesContainer = class {
|
|
|
149
158
|
});
|
|
150
159
|
};
|
|
151
160
|
this.handleTabClick = (index) => () => {
|
|
152
|
-
this.
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
161
|
+
if (index !== this.activeTabIndex) {
|
|
162
|
+
this.notification = null;
|
|
163
|
+
this.activeTabIndex = index;
|
|
164
|
+
this.challenges = [];
|
|
165
|
+
this.pageNumber = 0;
|
|
166
|
+
this.total = 0;
|
|
167
|
+
this.loadData();
|
|
168
|
+
}
|
|
158
169
|
};
|
|
159
170
|
this.renderNotification = () => {
|
|
160
171
|
return (h("div", { class: `notification ${this.notification.errored ? 'errored' : ''}` }, h("img", { src: this.notification.errored ? errorCircleSvg : checkCircleSvg, 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))))));
|
|
@@ -249,9 +260,19 @@ const CasinoChallengesContainer = class {
|
|
|
249
260
|
this.challenges = this.challenges.filter((challenge) => challenge.Id !== e.detail);
|
|
250
261
|
}, 10000);
|
|
251
262
|
}
|
|
252
|
-
|
|
263
|
+
renderChallengesContent() {
|
|
253
264
|
var _a, _b;
|
|
254
|
-
|
|
265
|
+
switch (this.activeTabIndex) {
|
|
266
|
+
case 2:
|
|
267
|
+
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 }));
|
|
268
|
+
case 3:
|
|
269
|
+
return (h("casino-challenges-claim-code", { endpoint: this.endpoint, session: this.session, domain: this.domain, onOpenNotification: this.onOpenNotification }));
|
|
270
|
+
default:
|
|
271
|
+
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 }));
|
|
272
|
+
}
|
|
273
|
+
}
|
|
274
|
+
render() {
|
|
275
|
+
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: titleIconSvg, 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: notificationSvg }))))))), this.renderChallengesContent(), this.notification && this.renderNotification())));
|
|
255
276
|
}
|
|
256
277
|
static get watchers() { return {
|
|
257
278
|
"clientStyling": ["handleClientStylingChange"],
|
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { C as CasinoChallengesContainer } from './casino-challenges-container-
|
|
1
|
+
export { C as CasinoChallengesContainer } from './casino-challenges-container-a8c7bb9a.js';
|
|
2
2
|
import './index-7720ad93.js';
|