@everymatrix/casino-challenges-container 0.17.94 → 0.17.96
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-53872941.js → casino-challenges-container-3156ef07.js} +1 -1
- package/dist/casino-challenges-container/index.esm.js +1 -1
- package/dist/cjs/casino-challenge-card_6.cjs.entry.js +8 -8
- package/dist/cjs/{casino-challenges-container-b8e39bf9.js → casino-challenges-container-b7b4f347.js} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/collection/components/casino-challenges-container/casino-challenges-container.css +6 -6
- package/dist/esm/casino-challenge-card_6.entry.js +9 -9
- package/dist/esm/{casino-challenges-container-53872941.js → casino-challenges-container-3156ef07.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-cfebd6c9.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-3156ef07.js';
|
|
3
|
+
export { C as casino_challenges_container } from './casino-challenges-container-3156ef07.js';
|
|
4
4
|
|
|
5
5
|
const DEFAULT_LANGUAGE$3 = 'en';
|
|
6
6
|
const TRANSLATIONS$3 = {
|
|
@@ -34,7 +34,7 @@ const TRANSLATIONS$3 = {
|
|
|
34
34
|
time: 'time',
|
|
35
35
|
times: 'times',
|
|
36
36
|
winStakeRatio: 'Win/Stake Ratio',
|
|
37
|
-
|
|
37
|
+
cardTerms: 'Terms & Conditions',
|
|
38
38
|
grantClaimByButtonSuccessMessage: 'Challenge has been triggered successfully and is now available on the Active tab'
|
|
39
39
|
}
|
|
40
40
|
};
|
|
@@ -224,7 +224,7 @@ const linkSvg$1 = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTA
|
|
|
224
224
|
|
|
225
225
|
const MIN_DEPOSIT_AMOUNT = '0';
|
|
226
226
|
|
|
227
|
-
const casinoChallengeCardCss = ".card {\n background-color: var(--emw--color-card-background, #141515);\n border: 2px solid var(--emw--card-border-color, rgba(221, 255, 207, 0.1019607843));\n border-radius: 16px;\n box-sizing: border-box;\n color: var(--emw--color-black, #000000);\n position: relative;\n width: 308px;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n@container challenges-container (max-width: 670px) {\n .card {\n width: 100%;\n height: auto;\n padding-bottom: 52px;\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 border-radius: 16px 16px 0 0;\n height: 200px;\n object-fit: cover;\n width: 100%;\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 -webkit-box-orient: vertical;\n color: var(--emw--color-white, #ffffff);\n display: -webkit-box;\n font-size: var(--emw--font-size-medium, 16px);\n max-height: 39px;\n min-height: 22px;\n -webkit-line-clamp: 2;\n margin: 0 0 8px;\n overflow: hidden;\n padding-right: 32px;\n position: relative;\n text-overflow: ellipsis;\n}\n.card__content {\n padding: 20px;\n}\n.card__button {\n background: transparent;\n border: 2px solid var(--emw--button-border-color-gray, #727672);\n border-radius: var(--emw--button-border-radius, 99px);\n color: var(--emw--color-secondary, #e9931e);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n height: 34px;\n text-transform: uppercase;\n width: calc(100% - 40px);\n margin: auto auto 20px auto;\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 border-color: var(--emw--color-gray-300, #083b17);\n color: var(--emw--color-white, #ffffff);\n}\n.card__button.filled:hover {\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 color: var(--emw--color-gray-300, #083b17);\n}\n.card__button.grayed {\n color: var(--emw--color-gray-50, #e2e2e2);\n}\n.card__button.grayed:hover {\n border-color: var(--emw--button-primary-border, #24b24e);\n color: var(--emw--color-white, #ffffff);\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 border: 2px solid var(--emw--button-border-color-gray, #727672);\n color: var(--emw--color-gray-50, #e2e2e2);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.card__badge {\n backdrop-filter: blur(20px);\n background: var(--emw--color-white, #ffffff);\n border-radius: 30px;\n box-shadow: 0 4px 4px 0 var(--emw--button-box-shadow-color, rgba(0, 0, 0, 0.25));\n box-sizing: border-box;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n padding: 2px 12px;\n position: absolute;\n right: 6px;\n top: 6px;\n}\n.card__badge span {\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.card__badge.expired {\n background: var(--emw--background-gray-color, rgba(250, 250, 250, 0.5019607843));\n border: 1px solid var(--emw--border-gray-color, #292c29);\n font-weight: 700;\n}\n.card__badge.completed {\n background: var(--emw--background-success-color, #c9f0d7);\n border: 1px solid var(--emw--border-success-color, #00b74f);\n color: var(--emw--color-gray-300, #083b17);\n font-weight: 700;\n}\n.card__badge.forfeited {\n background: var(--emw--background-errored-color, #ffe1df);\n border: 1px solid var(--emw--border-errored-color, #d6421e);\n color: var(--emw--errored-color, #850606);\n font-weight: 700;\n}\n.card__badge.paused {\n background: var(--emw--background-warning-color, #f8e4ad);\n border: 1px solid var(--emw--border-warning-color, #ea9018);\n color: var(--emw--warning-color, #6d460a);\n font-weight: 700;\n}\n.card__icon--casino {\n height: 24px;\n position: absolute;\n right: 0;\n top: 0;\n width: 24px;\n}\n.card__icon--sportsbook {\n height: 22px;\n position: absolute;\n right: 0;\n top: 0;\n width: 22px;\n}\n\n.additional-info-trigger-info {\n background: var(--emw--button-background-color, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 24px;\n margin: 0px;\n word-break: break-word;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n max-height: 48px;\n min-height: 24px;\n -webkit-line-clamp: 2;\n overflow: hidden;\n position: relative;\n text-overflow: ellipsis;\n}\n\n.info-item {\n color: var(--emw--color-primary, #1dbf51);\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 24px;\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--button-border-color-gray, #727672);\n}\n.info-item__label {\n color: var(--emw--color-gray-150, #c8d6ce);\n font-weight: var(--emw--font-weight-medium, 500);\n margin-right: 3px;\n}\n.info-item__tooltip {\n background-color: var(--emw--color-card-background-secondary, #1b1c2b);\n border-radius: 8px;\n color: var(--emw--color-white, #ffffff);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n opacity: 1;\n padding: 8px 12px;\n position: absolute;\n white-space: normal;\n z-index: 200;\n}\n.info-item__tooltip::before {\n border-bottom: 6px solid var(--emw--color-card-background-secondary, #1b1c2b);\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n content: \"\";\n height: 0;\n left: 50%;\n position: absolute;\n top: -5px;\n transform: translateX(-50%);\n width: 0;\n z-index: 201;\n}\n\n.progress {\n align-content: center;\n background-color: var(--emw--progress-background, rgba(188, 252, 177, 0.1019607843));\n border-radius: 100px;\n box-sizing: border-box;\n height: 22px;\n margin-bottom: 8px;\n padding: 0 2px;\n position: relative;\n}\n.progress.paused {\n opacity: 0.5;\n}\n.progress.grayed {\n mix-blend-mode: luminosity;\n}\n.progress__placeholder {\n height: 28px;\n}\n.progress__icon {\n width: 11px;\n}\n.progress__point {\n align-items: center;\n border-radius: 50%;\n color: var(--emw--color-gray-150, #c8d6ce);\n display: flex;\n font-size: 12px;\n font-weight: 700;\n height: 19px;\n justify-content: center;\n line-height: 19px;\n position: absolute;\n text-align: center;\n top: 0;\n width: 19px;\n}\n.progress__point.start {\n background: linear-gradient(90deg, var(--emw--progress-active-level, #24aa4d) 0%, var(--emw--progress-active-level-secondary, #113f21) 100%);\n border: 2px solid var(--emw--button-background-primary-color, #18ce51);\n left: 0;\n}\n.progress__point.end {\n background: var(--emw--color-gray-300, #083b17);\n border: 2px solid var(--emw--dark-green, #1c8d56);\n opacity: 0.7;\n right: 0;\n}\n.progress__point.finished {\n background: linear-gradient(90deg, var(--emw--progress-active-level, #24aa4d) 0%, var(--emw--progress-active-level-secondary, #113f21) 100%);\n border: 2px solid var(--emw--button-background-primary-color, #18ce51);\n opacity: 1;\n}\n.progress__point.hidden {\n opacity: 0;\n}\n.progress__bar {\n background: linear-gradient(90deg, var(--emw--secondary-green, #1e654f) 0%, var(--emw--dark-green, #1c8d56) 100%);\n border-radius: 73px;\n box-sizing: border-box;\n height: 16px;\n padding-right: 6px;\n}\n.progress__text {\n color: var(--emw--color-gray-50, #e2e2e2);\n font-size: 11px;\n font-weight: 700;\n left: 50%;\n line-height: 16px;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.new-label {\n align-items: center;\n background: linear-gradient(0deg, var(--emw--new-badge-background-color, #ff3d3d) 0%, var(--emw--new-badge-background-color-2, #a80000) 100%);\n clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 50% 100%, 0% 70%);\n display: flex;\n height: 28px;\n justify-content: center;\n position: absolute;\n right: 16px;\n top: 32px;\n width: 37px;\n}\n.new-label span {\n background: linear-gradient(to bottom right, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) bottom right/50% 50% no-repeat, linear-gradient(to bottom left, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) bottom left/50% 50% no-repeat, linear-gradient(to top left, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) top left/50% 50% no-repeat, linear-gradient(to top right, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) top right/50% 50% no-repeat;\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n font-size: var(--emw--font-size-medium, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n padding-bottom: 3px;\n}\n\n.conditions {\n color: var(--emw--color-gray-150, #c8d6ce);\n font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif), serif;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 14px;\n margin: 6px 0 0 0;\n word-break: break-word;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n max-height: 28px;\n min-height: 14px;\n -webkit-line-clamp: 2;\n overflow: hidden;\n position: relative;\n text-overflow: ellipsis;\n}\n.conditions .link {\n display: inline-flex;\n align-items: center;\n margin: 0 8px 0 0;\n line-height: 14px;\n color: var(--emw--color-blue, #005fe4);\n padding: 0;\n text-decoration: none;\n border-bottom: 1px solid var(--emw--color-blue, #005fe4);\n}\n.conditions .link .icon {\n margin: 2px 0 0 4px;\n width: 8px;\n height: 8px;\n}";
|
|
227
|
+
const casinoChallengeCardCss = ".card {\n background-color: var(--emw--color-card-background, #141515);\n border: 2px solid var(--emw--card-border-color, rgba(221, 255, 207, 0.1019607843));\n border-radius: 16px;\n box-sizing: border-box;\n color: var(--emw--color-black, #000000);\n position: relative;\n width: 308px;\n height: 100%;\n display: flex;\n flex-direction: column;\n}\n@container challenges-container (max-width: 670px) {\n .card {\n width: 100%;\n height: auto;\n padding-bottom: 52px;\n }\n}\n.card:hover {\n background: var(--emw--color-card-background-hover, linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%));\n cursor: pointer;\n}\n.card__image {\n border-radius: 16px 16px 0 0;\n height: 200px;\n object-fit: cover;\n width: 100%;\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 -webkit-box-orient: vertical;\n color: var(--emw--color-white, #ffffff);\n display: -webkit-box;\n font-size: var(--emw--font-size-medium, 16px);\n max-height: 39px;\n min-height: 22px;\n -webkit-line-clamp: 2;\n margin: 0 0 8px;\n overflow: hidden;\n padding-right: 32px;\n position: relative;\n text-overflow: ellipsis;\n}\n.card__content {\n padding: 20px;\n}\n.card__button {\n background: transparent;\n border: 2px solid var(--emw--button-border-color-gray, #727672);\n border-radius: var(--emw--button-border-radius, 99px);\n color: var(--emw--color-secondary, #e9931e);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n height: 34px;\n text-transform: uppercase;\n width: calc(100% - 40px);\n margin: auto auto 20px auto;\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 border-color: var(--emw--color-green-300, #083b17);\n color: var(--emw--color-white, #ffffff);\n}\n.card__button.filled:hover {\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 color: var(--emw--color-green-300, #083b17);\n}\n.card__button.grayed {\n color: var(--emw--color-gray-50, #e2e2e2);\n}\n.card__button.grayed:hover {\n border-color: var(--emw--button-primary-border, #24b24e);\n color: var(--emw--color-white, #ffffff);\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 border: 2px solid var(--emw--button-border-color-gray, #727672);\n color: var(--emw--color-gray-50, #e2e2e2);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.card__badge {\n backdrop-filter: blur(20px);\n background: var(--emw--color-white, #ffffff);\n border-radius: 30px;\n box-shadow: 0 4px 4px 0 var(--emw--button-box-shadow-color, rgba(0, 0, 0, 0.25));\n box-sizing: border-box;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n padding: 2px 12px;\n position: absolute;\n right: 6px;\n top: 6px;\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-green-300, #083b17);\n font-weight: 700;\n}\n.card__badge.forfeited {\n background: var(--emw--background-errored-color, #ffe1df);\n border: 1px solid var(--emw--border-errored-color, #d6421e);\n color: var(--emw--errored-color, #850606);\n font-weight: 700;\n}\n.card__badge.paused {\n background: var(--emw--background-warning-color, #f8e4ad);\n border: 1px solid var(--emw--border-warning-color, #ea9018);\n color: var(--emw--warning-color, #6d460a);\n font-weight: 700;\n}\n.card__icon--casino {\n height: 24px;\n position: absolute;\n right: 0;\n top: 0;\n width: 24px;\n}\n.card__icon--sportsbook {\n height: 22px;\n position: absolute;\n right: 0;\n top: 0;\n width: 22px;\n}\n\n.additional-info-trigger-info {\n background: var(--emw--additional-button-background-color, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 24px;\n margin: 0px;\n word-break: break-word;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n max-height: 48px;\n min-height: 24px;\n -webkit-line-clamp: 2;\n overflow: hidden;\n position: relative;\n text-overflow: ellipsis;\n}\n\n.info-item {\n color: var(--emw--color-primary, #1dbf51);\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: 24px;\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--button-border-color-gray, #727672);\n}\n.info-item__label {\n color: var(--emw--color-gray-150, #c8d6ce);\n font-weight: var(--emw--font-weight-medium, 500);\n margin-right: 3px;\n}\n.info-item__tooltip {\n background-color: var(--emw--color-card-background-secondary, #1b1c2b);\n border-radius: 8px;\n color: var(--emw--color-white, #ffffff);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n opacity: 1;\n padding: 8px 12px;\n position: absolute;\n white-space: normal;\n z-index: 200;\n}\n.info-item__tooltip::before {\n border-bottom: 6px solid var(--emw--color-card-background-secondary, #1b1c2b);\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n content: \"\";\n height: 0;\n left: 50%;\n position: absolute;\n top: -5px;\n transform: translateX(-50%);\n width: 0;\n z-index: 201;\n}\n\n.progress {\n align-content: center;\n background-color: var(--emw--progress-background, rgba(188, 252, 177, 0.1019607843));\n border-radius: 100px;\n box-sizing: border-box;\n height: 22px;\n margin-bottom: 8px;\n padding: 0 2px;\n position: relative;\n}\n.progress.paused {\n opacity: 0.5;\n}\n.progress.grayed {\n mix-blend-mode: luminosity;\n}\n.progress__placeholder {\n height: 28px;\n}\n.progress__icon {\n width: 11px;\n}\n.progress__point {\n align-items: center;\n border-radius: 50%;\n color: var(--emw--color-gray-150, #c8d6ce);\n display: flex;\n font-size: 12px;\n font-weight: 700;\n height: 19px;\n justify-content: center;\n line-height: 19px;\n position: absolute;\n text-align: center;\n top: 0;\n width: 19px;\n}\n.progress__point.start {\n background: var(--emw--progress-active-level, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n border: 2px solid var(--emw--button-background-primary-color, #18ce51);\n left: 0;\n}\n.progress__point.end {\n background: var(--emw--color-green-300, #083b17);\n border: 2px solid var(--emw--dark-green, #1c8d56);\n opacity: 0.7;\n right: 0;\n}\n.progress__point.finished {\n background: var(--emw--progress-active-level, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n border: 2px solid var(--emw--button-background-primary-color, #18ce51);\n opacity: 1;\n}\n.progress__point.hidden {\n opacity: 0;\n}\n.progress__bar {\n background: var(--emw--progress-bar-bg, linear-gradient(90deg, #1e654f 0%, #1c8d56 100%));\n border-radius: 73px;\n box-sizing: border-box;\n height: 16px;\n padding-right: 6px;\n}\n.progress__text {\n color: var(--emw--color-gray-50, #e2e2e2);\n font-size: 11px;\n font-weight: 700;\n left: 50%;\n line-height: 16px;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.new-label {\n align-items: center;\n background: var(--emw--new-badge-background-color, linear-gradient(0deg, #ff3d3d 0%, #a80000 100%));\n clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 50% 100%, 0% 70%);\n display: flex;\n height: 28px;\n justify-content: center;\n position: absolute;\n right: 16px;\n top: 32px;\n width: 37px;\n}\n.new-label span {\n background: linear-gradient(to bottom right, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) bottom right/50% 50% no-repeat, linear-gradient(to bottom left, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) bottom left/50% 50% no-repeat, linear-gradient(to top left, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) top left/50% 50% no-repeat, linear-gradient(to top right, var(--emw--color-white, #ffffff) 0%, var(--emw--color-gray-100, #d4d4d4) 50%) top right/50% 50% no-repeat;\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n font-size: var(--emw--font-size-medium, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n padding-bottom: 3px;\n}\n\n.conditions {\n color: var(--emw--color-gray-150, #c8d6ce);\n font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif), serif;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 14px;\n margin: 6px 0 0 0;\n word-break: break-word;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n max-height: 28px;\n min-height: 14px;\n -webkit-line-clamp: 2;\n overflow: hidden;\n position: relative;\n text-overflow: ellipsis;\n}\n.conditions .link {\n display: inline-flex;\n align-items: center;\n margin: 0 8px 0 0;\n line-height: 14px;\n color: var(--emw--color-blue, #005fe4);\n padding: 0;\n text-decoration: none;\n border-bottom: 1px solid var(--emw--color-blue, #005fe4);\n}\n.conditions .link .icon {\n margin: 2px 0 0 4px;\n width: 8px;\n height: 8px;\n}";
|
|
228
228
|
const CasinoChallengeCardStyle0 = casinoChallengeCardCss;
|
|
229
229
|
|
|
230
230
|
const CasinoChallengeCard = class {
|
|
@@ -574,7 +574,7 @@ const CasinoChallengeCard = class {
|
|
|
574
574
|
}
|
|
575
575
|
getTermsAndConditions() {
|
|
576
576
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
577
|
-
return ((((_b = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ChallengePresentation) === null || _b === void 0 ? void 0 : _b.Url) || ((_d = (_c = this.challenge) === null || _c === void 0 ? void 0 : _c.ChallengePresentation) === null || _d === void 0 ? void 0 : _d.SignificantCondition)) && (h("p", { class: "conditions" }, ((_f = (_e = this.challenge) === null || _e === void 0 ? void 0 : _e.ChallengePresentation) === null || _f === void 0 ? void 0 : _f.Url) && (h("a", { class: "link", onClick: this.handleTermsClick }, translate$3('
|
|
577
|
+
return ((((_b = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ChallengePresentation) === null || _b === void 0 ? void 0 : _b.Url) || ((_d = (_c = this.challenge) === null || _c === void 0 ? void 0 : _c.ChallengePresentation) === null || _d === void 0 ? void 0 : _d.SignificantCondition)) && (h("p", { class: "conditions" }, ((_f = (_e = this.challenge) === null || _e === void 0 ? void 0 : _e.ChallengePresentation) === null || _f === void 0 ? void 0 : _f.Url) && (h("a", { class: "link", onClick: this.handleTermsClick }, translate$3('cardTerms', this.language), h("img", { class: "icon", src: linkSvg$1 }))), ((_h = (_g = this.challenge) === null || _g === void 0 ? void 0 : _g.ChallengePresentation) === null || _h === void 0 ? void 0 : _h.SignificantCondition) && (h("span", null, (_k = (_j = this.challenge) === null || _j === void 0 ? void 0 : _j.ChallengePresentation) === null || _k === void 0 ? void 0 : _k.SignificantCondition)))));
|
|
578
578
|
}
|
|
579
579
|
async joinUnjoinProgress(join) {
|
|
580
580
|
if (!this.checkAttrs() && this.challenge) {
|
|
@@ -617,10 +617,10 @@ const CasinoChallengeCard = class {
|
|
|
617
617
|
}
|
|
618
618
|
render() {
|
|
619
619
|
var _a, _b, _c, _d;
|
|
620
|
-
return (h("div", { key: '
|
|
620
|
+
return (h("div", { key: '9d62b279d6e7d8e8718dd481a6e7e5e848eaf06c', ref: (el) => (this.stylingContainer = el), style: { height: '100%' } }, h("div", { key: '7c18fcb7a1865960abb414ccc8316ae29bfbc265', class: "card", onClick: this.goToDetailsPage(true, EDetailsTabs.Rules) }, h("img", { key: 'b76e87412cb3f8bddb612951092920ecdc6927fe', class: {
|
|
621
621
|
card__image: true,
|
|
622
622
|
grayed: !!this.isChallengeGrayed || this.challenge.Status === EChallengeProgressStatus.Awaiting
|
|
623
|
-
}, src: (_b = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ChallengePresentation) === null || _b === void 0 ? void 0 : _b.BannerUrl }), this.getCardBadge, this.challenge.IsNew && this.renderNewLabel(), h("div", { key: '
|
|
623
|
+
}, src: (_b = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ChallengePresentation) === null || _b === void 0 ? void 0 : _b.BannerUrl }), this.getCardBadge, this.challenge.IsNew && this.renderNewLabel(), h("div", { key: '627c9d13b6c4c57aa2b238975ddb0a30d2fd2653', class: "card__content" }, h("h1", { key: 'bf873f60b9deb65a609de72fe2c9e971ef95e546', class: "card__title" }, (_d = (_c = this.challenge) === null || _c === void 0 ? void 0 : _c.ChallengePresentation) === null || _d === void 0 ? void 0 :
|
|
624
624
|
_d.PresentationName, this.renderCardIcon()), this.getChallengeProgress, this.additionalInfo, this.infoItems.map((x, index) => this.renderInfoItem(x, index)), this.getTermsAndConditions()), this.getCardButton)));
|
|
625
625
|
}
|
|
626
626
|
static get watchers() { return {
|
|
@@ -671,7 +671,7 @@ const resolveTranslationUrl$2 = async (translationUrl) => {
|
|
|
671
671
|
}
|
|
672
672
|
};
|
|
673
673
|
|
|
674
|
-
const casinoChallengesClaimCodeCss = ".code-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 80px 0;\n text-align: center;\n}\n.code-container__title {\n font-size: var(--emw--font-size-medium-plus, 18px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n color: var(--emw--color-white, white);\n margin: 0 0 32px;\n}\n.code-container__button {\n margin-top: 45px;\n padding: 14px 20px;\n
|
|
674
|
+
const casinoChallengesClaimCodeCss = ".code-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 80px 0;\n text-align: center;\n}\n.code-container__title {\n font-size: var(--emw--font-size-medium-plus, 18px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n color: var(--emw--color-white, white);\n margin: 0 0 32px;\n}\n.code-container__button {\n margin-top: 45px;\n padding: 14px 20px;\n text-transform: uppercase;\n border-radius: var(--emw--button-border-radius, 99px);\n border: 2px solid var(--emw--button-border-color, #083b17);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-white, #ffffff);\n background-color: var(--emw--button-background-color, #18ce51);\n cursor: pointer;\n}\n.code-container__button:hover {\n color: var(--emw--button-border-color, #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.code-container__button:disabled, .code-container__button:disabled:hover {\n color: var(--emw--color-gray-50, #e2e2e2);\n border: 2px solid var(--emw--button-border-color, #083b17);\n opacity: 0.7;\n cursor: not-allowed;\n}\n@container challenges-container (max-width: 576px) {\n .code-container__button {\n width: 100%;\n position: absolute;\n bottom: 50px;\n }\n}\n\n.code-input {\n border: 1px solid var(--emw--button-border-color, #083b17);\n background: var(--emw--color-code-background-secondary, rgba(221, 255, 207, 0.1019607843));\n border-radius: 6px;\n padding: 12px 0;\n line-height: 24px;\n color: var(--emw--color-white, #ffffff);\n text-align: center;\n font-size: var(--emw--font-size-medium, 16px);\n min-width: 340px;\n}\n.code-input:focus {\n outline: 1px solid var(--emw--border-success-color, #00b74f);\n}\n.code-input:focus.errored {\n outline-color: var(--emw--color-error, #d6421e);\n}\n.code-input.errored {\n border-color: var(--emw--color-error, #d6421e);\n}\n.code-input__text {\n margin: 8px 0 0;\n line-height: 22px;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n color: var(--emw--color-gray-150, #c8d6ce);\n}\n.code-input__text.errored {\n color: var(--emw--color-error, #d6421e);\n}\n@container challenges-container (max-width: 576px) {\n .code-input {\n min-width: 100%;\n }\n}";
|
|
675
675
|
const CasinoChallengesClaimCodeStyle0 = casinoChallengesClaimCodeCss;
|
|
676
676
|
|
|
677
677
|
const CasinoChallengesClaimCode = class {
|
|
@@ -3204,7 +3204,7 @@ function cleanEscapedString(input) {
|
|
|
3204
3204
|
return matched[1].replace(doubleQuoteRegExp, "'");
|
|
3205
3205
|
}
|
|
3206
3206
|
|
|
3207
|
-
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
|
|
3207
|
+
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.conditions {\n color: var(--emw--color-gray-200, #c8d6ce);\n font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif), serif;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: 500;\n line-height: 14px;\n margin: 20px 0 0 0;\n word-break: break-word;\n}\n.conditions .link {\n display: inline-flex;\n align-items: center;\n margin: 0 8px 0 0;\n line-height: 14px;\n color: var(--emw--color-blue, #005fe4);\n padding: 0;\n text-decoration: none;\n border-bottom: 1px solid var(--emw--color-blue, #005fe4);\n}\n.conditions .link .icon {\n margin: 2px 0 0 4px;\n width: 8px;\n height: 8px;\n}\n@container challenges-container (max-width: 800px) {\n .conditions {\n margin: 22px 0 0 0;\n }\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--line-height-small, 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-small, 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.list-header .col-1,\n.content .row.list-header .col-2 {\n text-transform: uppercase;\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-x-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-x-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-translucent, rgba(200, 214, 206, 0.1019607843));\n display: flex;\n gap: 8px;\n}\n.content .reward.grayed {\n color: var(--emw--color-gray-350, #555a57);\n}\n@container challenges-container (max-width: 800px) {\n .content .reward {\n font-size: var(--emw--font-size-x-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-x-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 {\n margin-top: 22px;\n }\n .content .list-header span {\n font-size: var(--emw--font-size-2x-small, 10px);\n line-height: 20px;\n }\n}\n\n.empty {\n color: var(--emw--color-gray-50, #e2e2e2);\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}";
|
|
3208
3208
|
const CasinoChallengesPlayerHistoryStyle0 = casinoChallengesPlayerHistoryCss;
|
|
3209
3209
|
|
|
3210
3210
|
const skeletons = [0, 1, 2, 3];
|
package/dist/esm/{casino-challenges-container-53872941.js → casino-challenges-container-3156ef07.js}
RENAMED
|
@@ -1294,7 +1294,7 @@ var eventsource = {exports: {}};
|
|
|
1294
1294
|
}(typeof globalThis === 'undefined' ? (typeof window !== 'undefined' ? window : typeof self !== 'undefined' ? self : commonjsGlobal) : globalThis));
|
|
1295
1295
|
}(eventsource, eventsource.exports));
|
|
1296
1296
|
|
|
1297
|
-
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: 650px;\n position: relative;\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-scroll-row {\n display: flex;\n align-items: center;\n overflow-x: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n}\n.challenges__tabs-scroll-row::-webkit-scrollbar {\n display: none;\n}\n.challenges__tabs--promo {\n margin: 0 10px;\n}\n.challenges__tab--promo {\n width: 113px;\n}\n.challenges__tab--promo span {\n margin-right: 4px;\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-scroll-row {\n width: 100%;\n }\n .challenges__tabs {\n width: 100%;\n gap: 8px;\n }\n .challenges__tabs--promo {\n width: 76px;\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: 71px;\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, #
|
|
1297
|
+
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: 650px;\n position: relative;\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-scroll-row {\n display: flex;\n align-items: center;\n overflow-x: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n}\n.challenges__tabs-scroll-row::-webkit-scrollbar {\n display: none;\n}\n.challenges__tabs--promo {\n margin: 0 10px;\n}\n.challenges__tab--promo {\n width: 113px;\n}\n.challenges__tab--promo span {\n margin-right: 4px;\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: var(--emw--active-tab-bg, 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-scroll-row {\n width: 100%;\n }\n .challenges__tabs {\n width: 100%;\n gap: 8px;\n }\n .challenges__tabs--promo {\n width: 76px;\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: 71px;\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: 107px;\n right: 12px;\n max-width: 290px;\n }\n}";
|
|
1298
1298
|
const CasinoChallengesContainerStyle0 = casinoChallengesContainerCss;
|
|
1299
1299
|
|
|
1300
1300
|
const CasinoChallengesContainer = class {
|
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-3156ef07.js';
|
|
2
2
|
import './index-cfebd6c9.js';
|