@everymatrix/casino-challenges-overlay 0.21.7 → 0.21.9

package/dist/esm/casino-challenge-details-events_23.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-b4a452f5.js';
-import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './casino-challenges-overlay-1f8c3734.js';
-export { C as casino_challenges_overlay } from './casino-challenges-overlay-1f8c3734.js';
+import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './casino-challenges-overlay-476a98cd.js';
+export { C as casino_challenges_overlay } from './casino-challenges-overlay-476a98cd.js';
 
 const DEFAULT_LANGUAGE$3 = 'en';
 const TRANSLATIONS$3 = {
@@ -154,6 +154,27 @@ const CasinoChallengeDetailsEvents = class {
 };
 CasinoChallengeDetailsEvents.style = CasinoChallengeDetailsEventsStyle0;
 
+const casinoChallengeDetailsGamesCss = ".Mobile .games-tab {\n  row-gap: 5px;\n}\n.Mobile .games-tab .game .contribution {\n  right: 2px;\n  font-size: var(--emw--font-size-5x-small, 6px);\n  line-height: 17px;\n}\n\n.games-tab {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 2%;\n  row-gap: 10px;\n  overflow-y: auto;\n  margin-top: 16px;\n  flex-direction: row;\n  height: auto;\n  max-height: initial;\n}\n.games-tab .game {\n  position: relative;\n  width: 23.5%;\n  height: 4%;\n  max-height: 85px;\n  min-width: 82px;\n  min-height: 59px;\n  cursor: pointer;\n}\n.games-tab .game img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--emw--border-radius-medium, 10px);\n}\n.games-tab .game .contribution {\n  position: absolute;\n  top: 4px;\n  right: 4px;\n  color: var(--emw--color-white, #fff);\n  border-radius: var(--emw--border-radius-small, 12px);\n  border: 1px solid var(--emw--gradient-blue, #003e5c);\n  background: var(--emw--color-mask-dialog-background, rgba(0, 0, 0, 0.5));\n  box-shadow: 0 4px 4px 0 var(--emw--button-box-shadow-color, rgba(0, 0, 0, 0.25));\n  backdrop-filter: blur(5px);\n  padding: 0 8px;\n  font-size: var(--emw--font-size-4x-small, 8px);\n  font-weight: var(--emw--font-weight-bold, 700);\n  line-height: 22px;\n  text-align: center;\n}\n\n@container challenges-drawer (width <=450px) {\n  .games-tab .game .contribution {\n    padding: 0 4px;\n  }\n}";
+const CasinoChallengeDetailsGamesStyle0 = casinoChallengeDetailsGamesCss;
+
+const CasinoChallengeDetailsGames = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.challenge = undefined;
+        this.language = 'en';
+        this.isMobile = false;
+        this.games = [];
+        this.handleGameClick = undefined;
+    }
+    render() {
+        var _a;
+        return (h(Host, { key: '9260aab3fc8eff56a94603da843ff62d454e7605' }, h("div", { key: '0834d1607eb92eb1da6096530b6e855cbe6346d2', class: { Mobile: this.isMobile, 'games-tab': true, tab: true } }, (_a = this.games) === null || _a === void 0 ? void 0 : _a.map((game) => {
+            return (h("div", { class: "game", onClick: () => this.handleGameClick(game.GameSlug) }, h("img", { src: game.Thumbnail, alt: "game-icon", title: "game-icon" }), h("span", { class: "contribution" }, translate$3('contribution', this.language), " ", game.Contribution, "%")));
+        }))));
+    }
+};
+CasinoChallengeDetailsGames.style = CasinoChallengeDetailsGamesStyle0;
+
 var EChallengeLevelTargetType$2;
 (function (EChallengeLevelTargetType) {
     EChallengeLevelTargetType[EChallengeLevelTargetType["Accumulative"] = 0] = "Accumulative";
@@ -294,32 +315,6 @@ var EPostMessageRequestType$1;
     EPostMessageRequestType["ChallengeInGameRedirect"] = "ChallengeInGameRedirect";
 })(EPostMessageRequestType$1 || (EPostMessageRequestType$1 = {}));
 
-const casinoChallengeDetailsGamesCss = ".Mobile .games-tab {\n  row-gap: 5px;\n}\n.Mobile .games-tab .game .contribution {\n  right: 2px;\n  font-size: var(--emw--font-size-5x-small, 6px);\n  line-height: 17px;\n}\n\n.games-tab {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 2%;\n  row-gap: 10px;\n  overflow-y: auto;\n  margin-top: 16px;\n  flex-direction: row;\n  height: auto;\n  max-height: initial;\n}\n.games-tab .game {\n  position: relative;\n  width: 23.5%;\n  height: 4%;\n  max-height: 85px;\n  min-width: 82px;\n  min-height: 59px;\n  cursor: pointer;\n}\n.games-tab .game img {\n  width: 100%;\n  height: 100%;\n  border-radius: var(--emw--border-radius-medium, 10px);\n}\n.games-tab .game .contribution {\n  position: absolute;\n  top: 4px;\n  right: 4px;\n  color: var(--emw--color-white, #fff);\n  border-radius: var(--emw--border-radius-small, 12px);\n  border: 1px solid var(--emw--gradient-blue, #003e5c);\n  background: var(--emw--color-mask-dialog-background, rgba(0, 0, 0, 0.5));\n  box-shadow: 0 4px 4px 0 var(--emw--button-box-shadow-color, rgba(0, 0, 0, 0.25));\n  backdrop-filter: blur(5px);\n  padding: 0 8px;\n  font-size: var(--emw--font-size-4x-small, 8px);\n  font-weight: var(--emw--font-weight-bold, 700);\n  line-height: 22px;\n  text-align: center;\n}\n\n@container challenges-drawer (width <=450px) {\n  .games-tab .game .contribution {\n    padding: 0 4px;\n  }\n}";
-const CasinoChallengeDetailsGamesStyle0 = casinoChallengeDetailsGamesCss;
-
-const CasinoChallengeDetailsGames = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.challenge = undefined;
-        this.language = 'en';
-        this.isMobile = false;
-        this.games = [];
-    }
-    handleGameClick(game) {
-        window.postMessage({
-            type: EPostMessageRequestType$1.ChallengeInGameRedirect,
-            data: { Slug: game.GameSlug }
-        });
-    }
-    render() {
-        var _a;
-        return (h(Host, { key: 'bf18a1f72babada2698ce42f54bf2d73b0d41d0b' }, h("div", { key: 'e06327e8b8f5c439314ef9ff5c5d01947125a2bc', class: { Mobile: this.isMobile, 'games-tab': true, tab: true } }, (_a = this.games) === null || _a === void 0 ? void 0 : _a.map((game) => {
-            return (h("div", { class: "game", onClick: () => this.handleGameClick(game) }, h("img", { src: game.Thumbnail, alt: "game-icon", title: "game-icon" }), h("span", { class: "contribution" }, translate$3('contribution', this.language), " ", game.Contribution, "%")));
-        }))));
-    }
-};
-CasinoChallengeDetailsGames.style = CasinoChallengeDetailsGamesStyle0;
-
 const lockSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjUwMDQ5IDQuNUMyLjUwMDQ5IDIuMDE0NzIgNC41MTUyMSAwIDcuMDAwNDkgMEM5LjQ4NTc3IDAgMTEuNTAwNSAyLjAxNDcyIDExLjUwMDUgNC41VjUuMzYyNzRDMTEuNzEyNCA1LjQwOTE5IDExLjkxNTkgNS40NzY4MiAxMi4xMTI1IDUuNTc2OThDMTIuNjc2OSA1Ljg2NDYgMTMuMTM1OSA2LjMyMzU0IDEzLjQyMzUgNi44ODgwM0MxMy42MDkgNy4yNTIwMyAxMy42ODI5IDcuNjM5NTYgMTMuNzE3MyA4LjA2MTEzQzEzLjc1MDUgOC40NjcwMiAxMy43NTA1IDguOTY1MjkgMTMuNzUwNSA5LjU2OTAxVjEwLjY4MUMxMy43NTA1IDExLjI4NDcgMTMuNzUwNSAxMS43ODMgMTMuNzE3MyAxMi4xODg5QzEzLjY4MjkgMTIuNjEwNCAxMy42MDkgMTIuOTk4IDEzLjQyMzUgMTMuMzYyQzEzLjEzNTkgMTMuOTI2NSAxMi42NzY5IDE0LjM4NTQgMTIuMTEyNSAxNC42NzNDMTEuNzQ4NSAxNC44NTg1IDExLjM2MDkgMTQuOTMyNCAxMC45Mzk0IDE0Ljk2NjlDMTAuNTMzNSAxNSAxMC4wMzUyIDE1IDkuNDMxNDggMTVINC41Njk1QzMuOTY1NzggMTUgMy40Njc1MSAxNSAzLjA2MTYyIDE0Ljk2NjlDMi42NDAwNSAxNC45MzI0IDIuMjUyNTIgMTQuODU4NSAxLjg4ODUyIDE0LjY3M0MxLjMyNDAzIDE0LjM4NTQgMC44NjUwODkgMTMuOTI2NSAwLjU3NzQ2OSAxMy4zNjJDMC4zOTIwMDEgMTIuOTk4IDAuMzE4MDc4IDEyLjYxMDQgMC4yODM2MzQgMTIuMTg4OUMwLjI1MDQ3MSAxMS43ODMgMC4yNTA0NzkgMTEuMjg0NyAwLjI1MDQ4OSAxMC42ODFWOS41NjkwM0MwLjI1MDQ3OSA4Ljk2NTMgMC4yNTA0NzEgOC40NjcwMyAwLjI4MzYzNCA4LjA2MTEzQzAuMzE4MDc4IDcuNjM5NTYgMC4zOTIwMDEgNy4yNTIwMyAwLjU3NzQ2OSA2Ljg4ODAzQzAuODY1MDkgNi4zMjM1NCAxLjMyNDAzIDUuODY0NiAxLjg4ODUyIDUuNTc2OThDMi4wODUwOSA1LjQ3NjgyIDIuMjg4NTMgNS40MDkxOSAyLjUwMDQ5IDUuMzYyNzRWNC41Wk00LjAwMDQ5IDUuMjUxMjJDNC4xNzg3NyA1LjI0OTk5IDQuMzY4MjkgNS4yNSA0LjU2OTUxIDUuMjVIOS40MzE0NkM5LjYzMjY5IDUuMjUgOS44MjIyMSA1LjI0OTk5IDEwLjAwMDUgNS4yNTEyMlY0LjVDMTAuMDAwNSAyLjg0MzE1IDguNjU3MzQgMS41IDcuMDAwNDkgMS41QzUuMzQzNjMgMS41IDQuMDAwNDkgMi44NDMxNSA0LjAwMDQ5IDQuNVY1LjI1MTIyWk0zLjE4Mzc3IDYuNzc4MTZDMi44NTQ5NiA2LjgwNTAzIDIuNjg2OCA2Ljg1MzcyIDIuNTY5NSA2LjkxMzQ5QzIuMjg3MjYgNy4wNTczIDIuMDU3NzkgNy4yODY3NyAxLjkxMzk4IDcuNTY5MDFDMS44NTQyMSA3LjY4NjMxIDEuODA1NTIgNy44NTQ0NyAxLjc3ODY1IDguMTgzMjhDMS43NTEwNyA4LjUyMDg1IDEuNzUwNDkgOC45NTc1NyAxLjc1MDQ5IDkuNlYxMC42NUMxLjc1MDQ5IDExLjI5MjQgMS43NTEwNyAxMS43MjkyIDEuNzc4NjUgMTIuMDY2N0MxLjgwNTUyIDEyLjM5NTUgMS44NTQyMSAxMi41NjM3IDEuOTEzOTggMTIuNjgxQzIuMDU3NzkgMTIuOTYzMiAyLjI4NzI2IDEzLjE5MjcgMi41Njk1IDEzLjMzNjVDMi42ODY4IDEzLjM5NjMgMi44NTQ5NiAxMy40NDUgMy4xODM3NyAxMy40NzE4QzMuNTIxMzMgMTMuNDk5NCAzLjk1ODA1IDEzLjUgNC42MDA0OSAxMy41SDkuNDAwNDlDMTAuMDQyOSAxMy41IDEwLjQ3OTYgMTMuNDk5NCAxMC44MTcyIDEzLjQ3MThDMTEuMTQ2IDEzLjQ0NSAxMS4zMTQyIDEzLjM5NjMgMTEuNDMxNSAxMy4zMzY1QzExLjcxMzcgMTMuMTkyNyAxMS45NDMyIDEyLjk2MzIgMTIuMDg3IDEyLjY4MUMxMi4xNDY4IDEyLjU2MzcgMTIuMTk1NSAxMi4zOTU1IDEyLjIyMjMgMTIuMDY2N0MxMi4yNDk5IDExLjcyOTIgMTIuMjUwNSAxMS4yOTI0IDEyLjI1MDUgMTAuNjVWOS42QzEyLjI1MDUgOC45NTc1NyAxMi4yNDk5IDguNTIwODUgMTIuMjIyMyA4LjE4MzI4QzEyLjE5NTUgNy44NTQ0NyAxMi4xNDY4IDcuNjg2MzEgMTIuMDg3IDcuNTY5MDFDMTEuOTQzMiA3LjI4Njc3IDExLjcxMzcgNy4wNTczIDExLjQzMTUgNi45MTM0OUMxMS4zMTQyIDYuODUzNzIgMTEuMTQ2IDYuODA1MDMgMTAuODE3MiA2Ljc3ODE2QzEwLjQ3OTYgNi43NTA1OCAxMC4wNDI5IDYuNzUgOS40MDA0OSA2Ljc1SDQuNjAwNDlDMy45NTgwNSA2Ljc1IDMuNTIxMzMgNi43NTA1OCAzLjE4Mzc3IDYuNzc4MTZaTTcuMDAwNDkgOC42MjVDNy40MTQ3IDguNjI1IDcuNzUwNDkgOC45NjA3OSA3Ljc1MDQ5IDkuMzc1VjEwLjg3NUM3Ljc1MDQ5IDExLjI4OTIgNy40MTQ3IDExLjYyNSA3LjAwMDQ5IDExLjYyNUM2LjU4NjI4IDExLjYyNSA2LjI1MDQ5IDExLjI4OTIgNi4yNTA0OSAxMC44NzVWOS4zNzVDNi4yNTA0OSA4Ljk2MDc5IDYuNTg2MjggOC42MjUgNy4wMDA0OSA4LjYyNVoiIGZpbGw9IiM3Mjc2NzIiLz4KPC9zdmc+Cg==';
 
 const calculateTargetValue = (level, currencySymbol, language) => {
@@ -3262,7 +3257,7 @@ CasinoChallengeLevelProgressBar.style = CasinoChallengeLevelProgressBarStyle0;
 
 const optOutSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjM1OTI0IDIuNTE1ODdlLTA3TDQuMDgzMzMgNS4yOTc0MmUtMDdDNC40MDU1IDUuMjk3NDJlLTA3IDQuNjY2NjcgMC4yNjExNjggNC42NjY2NyAwLjU4MzMzNEM0LjY2NjY3IDAuOTA1NSA0LjQwNTUgMS4xNjY2NyA0LjA4MzMzIDEuMTY2NjdIMy4zODMzM0MyLjg4MzY2IDEuMTY2NjcgMi41NDM5OSAxLjE2NzEyIDIuMjgxNDQgMS4xODg1N0MyLjAyNTcgMS4yMDk0NyAxLjg5NDkxIDEuMjQ3MzQgMS44MDM2OCAxLjI5MzgzQzEuNTg0MTYgMS40MDU2OCAxLjQwNTY4IDEuNTg0MTYgMS4yOTM4MyAxLjgwMzY4QzEuMjQ3MzQgMS44OTQ5MSAxLjIwOTQ3IDIuMDI1NyAxLjE4ODU3IDIuMjgxNDRDMS4xNjcxMiAyLjU0Mzk5IDEuMTY2NjcgMi44ODM2NiAxLjE2NjY3IDMuMzgzMzNWOC4yODMzM0MxLjE2NjY3IDguNzgzMDEgMS4xNjcxMiA5LjEyMjY4IDEuMTg4NTcgOS4zODUyM0MxLjIwOTQ3IDkuNjQwOTcgMS4yNDczNCA5Ljc3MTc1IDEuMjkzODMgOS44NjI5OUMxLjQwNTY4IDEwLjA4MjUgMS41ODQxNiAxMC4yNjEgMS44MDM2OCAxMC4zNzI4QzEuODk0OTEgMTAuNDE5MyAyLjAyNTcgMTAuNDU3MiAyLjI4MTQ0IDEwLjQ3ODFDMi41NDM5OSAxMC40OTk1IDIuODgzNjYgMTAuNSAzLjM4MzMzIDEwLjVINC4wODMzM0M0LjQwNTUgMTAuNSA0LjY2NjY3IDEwLjc2MTIgNC42NjY2NyAxMS4wODMzQzQuNjY2NjcgMTEuNDA1NSA0LjQwNTUgMTEuNjY2NyA0LjA4MzMzIDExLjY2NjdIMy4zNTkyM0MyLjg4OTY3IDExLjY2NjcgMi41MDIxMyAxMS42NjY3IDIuMTg2NDQgMTEuNjQwOUMxLjg1ODU1IDExLjYxNDEgMS41NTcxNCAxMS41NTY2IDEuMjc0MDIgMTEuNDEyM0MwLjgzNDk3OCAxMS4xODg2IDAuNDc4MDIzIDEwLjgzMTcgMC4yNTQzMTkgMTAuMzkyNkMwLjExMDA2NiAxMC4xMDk1IDAuMDUyNTY5OCA5LjgwODEyIDAuMDI1NzgwMiA5LjQ4MDIzQy0xLjMzMDhlLTA1IDkuMTY0NTMgLTcuMTg5MDZlLTA2IDguNzc2OTkgMi41MTU4N2UtMDcgOC4zMDc0M1YzLjM1OTI0Qy03LjE4OTA2ZS0wNiAyLjg4OTY4IC0xLjMzMDhlLTA1IDIuNTAyMTMgMC4wMjU3ODAyIDIuMTg2NDRDMC4wNTI1NyAxLjg1ODU0IDAuMTEwMDY2IDEuNTU3MTMgMC4yNTQzMTkgMS4yNzQwMkMwLjQ3ODAyNCAwLjgzNDk3NyAwLjgzNDk3OCAwLjQ3ODAyMyAxLjI3NDAyIDAuMjU0MzE5QzEuNTU3MTQgMC4xMTAwNjYgMS44NTg1NSAwLjA1MjU2OTggMi4xODY0NCAwLjAyNTc4MDFDMi41MDIxMyAtMS4zMzA4ZS0wNSAyLjg4OTY4IC03LjE4OTA2ZS0wNiAzLjM1OTI0IDIuNTE1ODdlLTA3Wk03Ljc1NDE5IDIuNTA0MTlDNy45ODE5OSAyLjI3NjM4IDguMzUxMzQgMi4yNzYzOCA4LjU3OTE1IDIuNTA0MTlMMTEuNDk1OCA1LjQyMDg1QzExLjcyMzYgNS42NDg2NiAxMS43MjM2IDYuMDE4MDEgMTEuNDk1OCA2LjI0NTgxTDguNTc5MTUgOS4xNjI0OEM4LjM1MTM0IDkuMzkwMjkgNy45ODE5OSA5LjM5MDI5IDcuNzU0MTkgOS4xNjI0OEM3LjUyNjM4IDguOTM0NjcgNy41MjYzOCA4LjU2NTMzIDcuNzU0MTkgOC4zMzc1Mkw5LjY3NTA0IDYuNDE2NjdINC4wODMzM0MzLjc2MTE3IDYuNDE2NjcgMy41IDYuMTU1NSAzLjUgNS44MzMzM0MzLjUgNS41MTExNyAzLjc2MTE3IDUuMjUgNC4wODMzMyA1LjI1SDkuNjc1MDRMNy43NTQxOSAzLjMyOTE1QzcuNTI2MzggMy4xMDEzNCA3LjUyNjM4IDIuNzMxOTkgNy43NTQxOSAyLjUwNDE5WiIgZmlsbD0iI0Q2NDIxRSIvPgo8L3N2Zz4K';
 
-const casinoChallengeOptOutModalCss = ".Mobile casino-challenges-modal::part(modal-content){width:258px;padding-bottom:24px}.Mobile .opt-out-icon-circle{width:38px;height:38px}.Mobile .modal-header-title{font-size:var(--emw--font-size-large, 18px)}.Mobile .modal-body-description{font-size:var(--emw--font-size-small, 14px)}.Mobile .modal-footer{margin-top:24px}.Mobile .modal-footer-button{width:92px;height:28px;font-size:var(--emw--font-size-x-small, 12px)}casino-challenges-modal::part(modal-content){padding:42px 22px 32px 22px;background:var(--emw--color-black-150, rgba(9, 9, 9, 0.5));border:1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));backdrop-filter:blur(16.0588245392px);width:365px;min-width:258px;font-family:var(--emw--font-family-primary, \"Teachers\"), sans-serif}casino-challenges-modal::part(modal-backdrop){border-radius:26px;background:var(--emw--color-black-200, rgba(9, 9, 9, 0.8));backdrop-filter:blur(11.47px)}casino-challenges-modal::part(close-button){border-radius:20px;border:1.5px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));background:var(--emw--color-black-150, rgba(9, 9, 9, 0.5));width:26px;height:26px}casino-challenges-modal::part(close-icon){width:18px;height:18px}casino-challenges-modal::part(inner-container){padding:0;width:100%;background:transparent}.opt-out-icon-circle{width:44px;height:44px;padding:10px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;border-radius:99px;border:1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));background:var(--emw--background-error-notification, rgba(9, 9, 9, 0.4));margin:0 auto 12px auto}.opt-out-icon{width:20px;height:20px}.modal-header-title{color:var(--emw--color-white, #ffffff);text-align:center;font-style:normal;line-height:normal;font-family:var(--emw--font-family-primary, \"Teachers\"), sans-serif;font-size:var(--emw--font-size-large-xl, 22px);font-weight:var(--emw--font-weight-semibold, 600);text-transform:none;margin:0 0 16px 0}.modal-body-description{font-family:var(--emw--font-family-primary, \"Teachers\"), sans-serif;font-size:var(--emw--font-size-medium, 16px);font-style:normal;margin:0;color:var(--emw--color-white-150, rgba(255, 255, 255, 0.7));text-align:center;font-weight:var(--emw--font-weight-normal, 400);line-height:normal}.modal-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:32px}.modal-footer-button{height:36px;padding:14px 20px;display:flex;justify-content:center;align-items:center;gap:10px;border-radius:var(--emw--button-border-radius, 99px);cursor:pointer;background:transparent;border:1px solid var(--emw--color-white-150, rgba(255, 255, 255, 0.7));width:145px;font-size:var(--emw--font-size-small, 14px)}.modal-footer-button.cancel{color:var(--emw--color-white, #ffffff);text-align:center;font-family:inherit;font-style:normal;font-weight:var(--emw--font-weight-bold, 700);line-height:normal}.modal-footer-button.confirm{border-radius:var(--emw--button-border-radius, 99px);color:var(--emw--color-white, #ffffff);text-align:center;font-family:inherit;font-style:normal;font-weight:var(--emw--font-weight-bold, 700);line-height:normal}";
+const casinoChallengeOptOutModalCss = ".Mobile casino-challenges-modal::part(modal-content){width:258px;padding-bottom:24px}.Mobile .opt-out-icon-circle{width:38px;height:38px}.Mobile .modal-header-title{font-size:var(--emw--font-size-large, 18px)}.Mobile .modal-body-description{font-size:var(--emw--font-size-small, 14px)}.Mobile .modal-footer{margin-top:24px}.Mobile .modal-footer-button{width:92px;height:28px;font-size:var(--emw--font-size-x-small, 12px)}casino-challenges-modal::part(modal-content){padding:42px 22px 32px 22px;background:var(--emw--color-black-150, rgba(9, 9, 9, 0.5));border:1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));backdrop-filter:blur(16.0588245392px);width:365px;min-width:258px;font-family:var(--emw--font-family-primary, \"Teachers\"), sans-serif}casino-challenges-modal::part(modal-backdrop){border-radius:26px;background:var(--emw--color-black-200, rgba(9, 9, 9, 0.8));backdrop-filter:blur(11.47px)}casino-challenges-modal::part(close-button){border-radius:20px;border:1.5px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));background:var(--emw--color-black-150, rgba(9, 9, 9, 0.5));width:26px;height:26px}casino-challenges-modal::part(close-icon){width:18px;height:18px}casino-challenges-modal::part(inner-container){padding:0;width:100%;background:transparent}.opt-out-icon-circle{width:44px;height:44px;padding:10px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;border-radius:99px;border:1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));background:var(--emw--background-error-notification, rgba(9, 9, 9, 0.4));margin:0 auto 12px auto}.opt-out-icon{width:20px;height:20px}.modal-header-title{color:var(--emw--color-white, #ffffff);text-align:center;font-style:normal;line-height:normal;font-family:var(--emw--font-family-primary, \"Teachers\"), sans-serif;font-size:var(--emw--font-size-large-xl, 22px);font-weight:var(--emw--font-weight-semibold, 600);text-transform:none;margin:0 0 16px 0}.modal-body-description{font-family:var(--emw--font-family-primary, \"Teachers\"), sans-serif;font-size:var(--emw--font-size-medium, 16px);font-style:normal;margin:0;color:var(--emw--color-white-150, rgba(255, 255, 255, 0.7));text-align:center;font-weight:var(--emw--font-weight-normal, 400);line-height:normal}.modal-footer{display:flex;justify-content:space-between;flex-wrap:nowrap;gap:8px;margin-top:32px}.modal-footer-button{height:36px;padding:14px 20px;display:flex;justify-content:center;align-items:center;gap:10px;border-radius:var(--emw--button-border-radius, 99px);cursor:pointer;background:transparent;border:1px solid var(--emw--color-white-150, rgba(255, 255, 255, 0.7));width:145px;font-size:var(--emw--font-size-small, 14px)}.modal-footer-button.cancel{color:var(--emw--color-white, #ffffff);text-align:center;font-family:inherit;font-style:normal;font-weight:var(--emw--font-weight-bold, 700);line-height:normal}.modal-footer-button.confirm{border-radius:var(--emw--button-border-radius, 99px);color:var(--emw--color-white, #ffffff);text-align:center;font-family:inherit;font-style:normal;font-weight:var(--emw--font-weight-bold, 700);line-height:normal}";
 const CasinoChallengeOptOutModalStyle0 = casinoChallengeOptOutModalCss;
 
 const CasinoChallengeDetailsOptOut$1 = class {
@@ -3704,7 +3699,7 @@ const errorSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUi
 
 const checkSvg$1 = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjMzMzMzIDEuMzMzMzNDNC4wMTk2MiAxLjMzMzMzIDEuMzMzMzMgNC4wMTk2MiAxLjMzMzMzIDcuMzMzMzNDMS4zMzMzMyAxMC42NDcgNC4wMTk2MiAxMy4zMzMzIDcuMzMzMzMgMTMuMzMzM0MxMC42NDcgMTMuMzMzMyAxMy4zMzMzIDEwLjY0NyAxMy4zMzMzIDcuMzMzMzNDMTMuMzMzMyA0LjAxOTYyIDEwLjY0NyAxLjMzMzMzIDcuMzMzMzMgMS4zMzMzM1pNMCA3LjMzMzMzQzAgMy4yODMyNSAzLjI4MzI1IDAgNy4zMzMzMyAwQzExLjM4MzQgMCAxNC42NjY3IDMuMjgzMjUgMTQuNjY2NyA3LjMzMzMzQzE0LjY2NjcgMTEuMzgzNCAxMS4zODM0IDE0LjY2NjcgNy4zMzMzMyAxNC42NjY3QzMuMjgzMjUgMTQuNjY2NyAwIDExLjM4MzQgMCA3LjMzMzMzWk0xMC44MDQ3IDQuODYxOTNDMTEuMDY1MSA1LjEyMjI4IDExLjA2NTEgNS41NDQzOSAxMC44MDQ3IDUuODA0NzRMNi44MDQ3NCA5LjgwNDc0QzYuNTQ0MzkgMTAuMDY1MSA2LjEyMjI4IDEwLjA2NTEgNS44NjE5MyA5LjgwNDc0TDMuODYxOTMgNy44MDQ3NEMzLjYwMTU4IDcuNTQ0MzkgMy42MDE1OCA3LjEyMjI4IDMuODYxOTMgNi44NjE5M0M0LjEyMjI4IDYuNjAxNTggNC41NDQzOSA2LjYwMTU4IDQuODA0NzQgNi44NjE5M0w2LjMzMzMzIDguMzkwNTJMOS44NjE5MyA0Ljg2MTkzQzEwLjEyMjMgNC42MDE1OCAxMC41NDQ0IDQuNjAxNTggMTAuODA0NyA0Ljg2MTkzWiIgZmlsbD0iIzAwRkE1QSIvPgo8L3N2Zz4K';
 
-const casinoChallengesOverlayDrawerCss = "@import url(\"https://fonts.googleapis.com/css2?family=Teachers:ital,wght@0,400..800;1,400..800&display=swap\");\n.container {\n  z-index: 301;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  container-name: challenges-game-page;\n  container-type: size;\n}\n\n.mobile .challenges__drawer {\n  width: 100%;\n  height: 100%;\n  left: 0;\n  bottom: 0;\n  border-radius: 0;\n  backdrop-filter: blur(16px);\n  border: none;\n  max-width: none;\n  min-width: initial;\n}\n.mobile .challenges__drawer .content-spacer {\n  margin-bottom: 32px;\n}\n.mobile .challenges__drawer .content-spacer.one-slide {\n  margin-bottom: 38px;\n}\n.mobile .challenges__drawer__content {\n  padding: 16px 0 0;\n}\n.mobile .challenges__drawer__content .content-details {\n  height: calc(100% - 30px);\n}\n.mobile .challenges__drawer__title {\n  height: 26px;\n  font-size: var(--emw--font-size-large, 18px);\n}\n.mobile .challenges__drawer__close {\n  right: 16px;\n  width: 26px;\n  height: 26px;\n}\n.mobile .challenges__drawer__close img {\n  width: 14px;\n}\n.mobile .challenges__backdrop {\n  display: none;\n}\n.mobile .notification {\n  padding: 8px 16px;\n  gap: 8px;\n}\n.mobile .notification .row {\n  margin: 15px 0 14px 0;\n}\n.mobile .notification__icon {\n  width: 16px;\n  height: 16px;\n}\n.mobile .notification__message {\n  font-size: var(--emw--font-size-small, 14px);\n}\n\n.challenges__drawer {\n  z-index: 302;\n  position: fixed;\n  left: 62px;\n  bottom: 76px;\n  border: 1px solid var(--emw--color-container-border, rgba(255, 255, 255, 0.0705882353));\n  background: var(--emw--color-Overlay-Background, rgba(9, 9, 9, 0.8));\n  backdrop-filter: blur(11px);\n  box-sizing: border-box;\n  width: 35%;\n  min-width: 400px;\n  max-width: 600px;\n  height: calc(100% - 20px - 76px);\n  border-radius: 30px;\n  opacity: 1;\n  font-family: var(--emw--font-family-primary, \"Teachers\"), sans-serif;\n  container-name: challenges-drawer;\n  container-type: size;\n}\n.challenges__drawer__title {\n  height: 36px;\n  color: var(--emw--color-title, #edeff2);\n  text-align: center;\n  font-size: var(--emw--font-size-large-xl, 22px);\n  font-weight: var(--emw--font-weight-semibold, 600);\n  margin: 0;\n  position: relative;\n  z-index: 1;\n  align-content: center;\n}\n.challenges__drawer__close {\n  outline: none;\n  background: transparent;\n  border-radius: 20px;\n  border: 1.5px solid var(--emw--color-container-border, rgba(255, 255, 255, 0.0705882353));\n  background: var(--emw--color-container-background, rgba(9, 9, 9, 0.5019607843));\n  backdrop-filter: blur(6.882352829px);\n  cursor: pointer;\n  width: 36px;\n  height: 36px;\n  min-width: 36px;\n  min-height: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 0;\n  right: 24px;\n}\n.challenges__drawer__content {\n  height: 100%;\n  position: relative;\n  z-index: 2;\n  padding: 24px 0 0;\n  box-sizing: border-box;\n}\n.challenges__drawer__content .content-header {\n  width: 100%;\n  flex-shrink: 0;\n}\n.challenges__drawer__content .content-details {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n}\n.challenges__drawer__content .content-sub-page {\n  display: flex;\n  height: 100%;\n}\n.challenges__drawer .content-spacer {\n  margin-bottom: 24px;\n}\n.challenges__drawer, .challenges__drawer * {\n  scrollbar-width: thin;\n  scrollbar-color: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3)) transparent;\n}\n.challenges__drawer::-webkit-scrollbar, .challenges__drawer *::-webkit-scrollbar {\n  width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-track, .challenges__drawer *::-webkit-scrollbar-track {\n  background: transparent;\n}\n.challenges__drawer::-webkit-scrollbar-thumb, .challenges__drawer *::-webkit-scrollbar-thumb {\n  background: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3));\n  opacity: 0.3;\n  border-radius: 999px;\n  transition: none;\n  width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-thumb:hover, .challenges__drawer *::-webkit-scrollbar-thumb:hover {\n  background: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3));\n  opacity: 0.3;\n  width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-button, .challenges__drawer *::-webkit-scrollbar-button {\n  display: none;\n}\n.challenges__backdrop {\n  border: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--emw--color-gray-backdrop, rgba(0, 0, 0, 0.6));\n  z-index: 301;\n  opacity: 1;\n}\n\n.notification {\n  display: flex;\n  position: fixed;\n  z-index: 400;\n  align-items: center;\n  bottom: 76px;\n  right: 0;\n  padding: 24px;\n  gap: 12px;\n  max-width: 445px;\n  box-sizing: border-box;\n  border-radius: 20px 0 0 20px;\n  border-top: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n  border-bottom: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n  border-left: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n  background: var(--emw--background-success-notification, linear-gradient(112deg, rgba(74, 255, 135, 0.2) 0%, rgba(74, 255, 135, 0) 100%));\n  backdrop-filter: blur(16px);\n  color: var(--emw--color-white, #ffffff);\n  font-family: var(--emw--font-family-primary, \"Teachers\"), sans-serif;\n}\n.notification.errored {\n  border-top: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n  border-bottom: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n  border-left: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n  background: var(--emw--background-error-notification, rgba(9, 9, 9, 0.4));\n}\n.notification .row {\n  display: flex;\n  align-items: flex-start;\n}\n.notification__icon {\n  width: 18px;\n  height: 18px;\n  margin-right: 12px;\n}\n.notification__message {\n  margin: 0;\n  font-size: var(--emw--font-size-medium, 16px);\n  font-weight: var(--emw--font-weight-medium, 500);\n}\n.notification__message .active-tab {\n  color: var(--emw--border-success-color, #00b74f);\n  text-decoration-line: underline;\n  cursor: pointer;\n}\n\ncasino-challenges-overlay-drawer-details {\n  flex: 1;\n}\n\n@container challenges-game-page (width <= 1430px) {\n  .challenges__drawer {\n    width: 40%;\n    left: 45px;\n  }\n}\n@container challenges-game-page (width <= 1250px) {\n  .challenges__drawer {\n    width: 45%;\n  }\n}\n@container challenges-game-page (width <= 1000px) {\n  .challenges__drawer {\n    width: 50%;\n    left: 25px;\n  }\n}\n@container challenges-game-page (width <= 800px) {\n  .challenges__drawer__content {\n    padding: 20px 0 0;\n  }\n}\n@container challenges-game-page (height <= 850px) {\n  .challenges__drawer {\n    bottom: 36px;\n    height: calc(100% - 20px - 36px);\n  }\n  .challenges__drawer .content-spacer {\n    margin-bottom: 18px;\n  }\n}\n@container challenges-drawer (height <= 760px) {\n  .challenges__drawer .content-spacer {\n    margin-bottom: 12px;\n  }\n}";
+const casinoChallengesOverlayDrawerCss = "@import url(\"https://fonts.googleapis.com/css2?family=Teachers:ital,wght@0,400..800;1,400..800&display=swap\");\n.container {\n  z-index: 301;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  pointer-events: none;\n  container-name: challenges-game-page;\n  container-type: size;\n}\n.container.open {\n  pointer-events: auto;\n}\n\n.mobile .challenges__drawer {\n  width: 100%;\n  height: 100%;\n  left: 0;\n  bottom: 0;\n  border-radius: 0;\n  backdrop-filter: blur(16px);\n  border: none;\n  max-width: none;\n  min-width: initial;\n}\n.mobile .challenges__drawer .content-spacer {\n  margin-bottom: 32px;\n}\n.mobile .challenges__drawer .content-spacer.one-slide {\n  margin-bottom: 38px;\n}\n.mobile .challenges__drawer__content {\n  padding: 16px 0 0;\n}\n.mobile .challenges__drawer__content .content-details {\n  height: calc(100% - 30px);\n}\n.mobile .challenges__drawer__title {\n  height: 26px;\n  font-size: var(--emw--font-size-large, 18px);\n}\n.mobile .challenges__drawer__close {\n  right: 16px;\n  width: 26px;\n  height: 26px;\n}\n.mobile .challenges__drawer__close img {\n  width: 14px;\n}\n.mobile .challenges__backdrop {\n  display: none;\n}\n.mobile .notification {\n  padding: 8px 16px;\n  gap: 8px;\n}\n.mobile .notification .row {\n  margin: 15px 0 14px 0;\n}\n.mobile .notification__icon {\n  width: 16px;\n  height: 16px;\n}\n.mobile .notification__message {\n  font-size: var(--emw--font-size-small, 14px);\n}\n\n.challenges__drawer {\n  z-index: 302;\n  position: fixed;\n  left: 62px;\n  bottom: 76px;\n  border: 1px solid var(--emw--color-container-border, rgba(255, 255, 255, 0.0705882353));\n  background: var(--emw--color-Overlay-Background, rgba(9, 9, 9, 0.8));\n  backdrop-filter: blur(11px);\n  box-sizing: border-box;\n  width: 35%;\n  min-width: 400px;\n  max-width: 600px;\n  height: calc(100% - 20px - 76px);\n  border-radius: 30px;\n  opacity: 1;\n  font-family: var(--emw--font-family-primary, \"Teachers\"), sans-serif;\n  container-name: challenges-drawer;\n  container-type: size;\n}\n.challenges__drawer__title {\n  height: 36px;\n  color: var(--emw--color-title, #edeff2);\n  text-align: center;\n  font-size: var(--emw--font-size-large-xl, 22px);\n  font-weight: var(--emw--font-weight-semibold, 600);\n  margin: 0;\n  position: relative;\n  z-index: 1;\n  align-content: center;\n}\n.challenges__drawer__close {\n  outline: none;\n  background: transparent;\n  border-radius: 20px;\n  border: 1.5px solid var(--emw--color-container-border, rgba(255, 255, 255, 0.0705882353));\n  background: var(--emw--color-container-background, rgba(9, 9, 9, 0.5019607843));\n  backdrop-filter: blur(6.882352829px);\n  cursor: pointer;\n  width: 36px;\n  height: 36px;\n  min-width: 36px;\n  min-height: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: 0;\n  right: 24px;\n}\n.challenges__drawer__content {\n  height: 100%;\n  position: relative;\n  z-index: 2;\n  padding: 24px 0 0;\n  box-sizing: border-box;\n}\n.challenges__drawer__content .content-header {\n  width: 100%;\n  flex-shrink: 0;\n}\n.challenges__drawer__content .content-details {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n}\n.challenges__drawer__content .content-sub-page {\n  display: flex;\n  height: 100%;\n}\n.challenges__drawer .content-spacer {\n  margin-bottom: 24px;\n}\n.challenges__drawer, .challenges__drawer * {\n  scrollbar-width: thin;\n  scrollbar-color: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3)) transparent;\n}\n.challenges__drawer::-webkit-scrollbar, .challenges__drawer *::-webkit-scrollbar {\n  width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-track, .challenges__drawer *::-webkit-scrollbar-track {\n  background: transparent;\n}\n.challenges__drawer::-webkit-scrollbar-thumb, .challenges__drawer *::-webkit-scrollbar-thumb {\n  background: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3));\n  opacity: 0.3;\n  border-radius: 999px;\n  transition: none;\n  width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-thumb:hover, .challenges__drawer *::-webkit-scrollbar-thumb:hover {\n  background: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3));\n  opacity: 0.3;\n  width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-button, .challenges__drawer *::-webkit-scrollbar-button {\n  display: none;\n}\n.challenges__backdrop {\n  border: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: var(--emw--color-gray-backdrop, rgba(0, 0, 0, 0.6));\n  box-shadow: -5px 0 0 0 var(--emw--color-gray-backdrop, rgba(0, 0, 0, 0.6));\n  z-index: 301;\n  opacity: 1;\n}\n\n.notification {\n  display: flex;\n  position: fixed;\n  z-index: 400;\n  align-items: center;\n  bottom: 76px;\n  right: 0;\n  padding: 24px;\n  gap: 12px;\n  max-width: 445px;\n  box-sizing: border-box;\n  border-radius: 20px 0 0 20px;\n  border-top: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n  border-bottom: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n  border-left: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n  background: var(--emw--background-success-notification, linear-gradient(112deg, rgba(74, 255, 135, 0.2) 0%, rgba(74, 255, 135, 0) 100%));\n  backdrop-filter: blur(16px);\n  color: var(--emw--color-white, #ffffff);\n  font-family: var(--emw--font-family-primary, \"Teachers\"), sans-serif;\n}\n.notification.errored {\n  border-top: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n  border-bottom: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n  border-left: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n  background: var(--emw--background-error-notification, rgba(9, 9, 9, 0.4));\n}\n.notification .row {\n  display: flex;\n  align-items: flex-start;\n}\n.notification__icon {\n  width: 18px;\n  height: 18px;\n  margin-right: 12px;\n}\n.notification__message {\n  margin: 0;\n  font-size: var(--emw--font-size-medium, 16px);\n  font-weight: var(--emw--font-weight-medium, 500);\n}\n.notification__message .active-tab {\n  color: var(--emw--border-success-color, #00b74f);\n  text-decoration-line: underline;\n  cursor: pointer;\n}\n\ncasino-challenges-overlay-drawer-details {\n  flex: 1;\n}\n\n@container challenges-game-page (width <= 1430px) {\n  .challenges__drawer {\n    width: 40%;\n    left: 45px;\n  }\n}\n@container challenges-game-page (width <= 1250px) {\n  .challenges__drawer {\n    width: 45%;\n  }\n}\n@container challenges-game-page (width <= 1000px) {\n  .challenges__drawer {\n    width: 50%;\n    left: 25px;\n  }\n}\n@container challenges-game-page (width <= 800px) {\n  .challenges__drawer__content {\n    padding: 20px 0 0;\n  }\n}\n@container challenges-game-page (height <= 850px) {\n  .challenges__drawer {\n    bottom: 36px;\n    height: calc(100% - 20px - 36px);\n  }\n  .challenges__drawer .content-spacer {\n    margin-bottom: 18px;\n  }\n}\n@container challenges-drawer (height <= 760px) {\n  .challenges__drawer .content-spacer {\n    margin-bottom: 12px;\n  }\n}";
 const CasinoChallengesOverlayDrawerStyle0 = casinoChallengesOverlayDrawerCss;
 
 const CasinoChallengesOverlayDrawer = class {
@@ -4242,6 +4237,7 @@ const CasinoChallengesOverlayDrawer = class {
         const showEmptyState = this.isEmptyState();
         return (h("div", { ref: (el) => (this.stylingContainer = el), class: {
                 container: true,
+                open: this.isOpen,
                 mobile: isMobile$1
             } }, h("div", { class: "challenges__backdrop", onClick: this.onCloseClick }), h("div", { class: "challenges__drawer" }, h("casino-challenge-overlay-background", { empty: showEmptyState }), h("div", { class: "challenges__drawer__content" }, this.renderContent(isMobile$1, showEmptyState)), this.loading && h("casino-challenges-overlay-loader", { "full-size": true, "is-mobile": isMobile$1 }), h("casino-challenge-opt-out-modal", { open: this.optOutModaIsOpen, "is-mobile": isMobile$1, language: this.language })), this.notification && this.renderNotification()));
     }
@@ -4540,7 +4536,7 @@ const CasinoChallengesOverlayDrawerDetails = class {
                 case EChallengeDetailsTabs$1.Levels:
                     return (h("casino-challenge-details-levels", { open: ((_b = this.detailsSubPageInfo) === null || _b === void 0 ? void 0 : _b.tab) === EChallengeDetailsTabs$1.Levels, challenge: this.challenge, isMobile: this.isMobile, isOptedOut: this.isOptedOut, isChallengePaused: this.isChallengePaused, language: this.language }));
                 case EChallengeDetailsTabs$1.Games:
-                    return (h("casino-challenge-details-games", { challenge: this.challenge, isMobile: this.isMobile, language: this.language, games: this.challengeGames }));
+                    return (h("casino-challenge-details-games", { challenge: this.challenge, isMobile: this.isMobile, language: this.language, games: this.challengeGames, handleGameClick: this.handleGameClick }));
                 case EChallengeDetailsTabs$1.Events:
                     return (h("casino-challenge-details-events", { open: ((_c = this.detailsSubPageInfo) === null || _c === void 0 ? void 0 : _c.tab) === EChallengeDetailsTabs$1.Events, challenge: this.challenge, isMobile: this.isMobile, language: this.language }));
                 case EChallengeDetailsTabs$1.Rules:
@@ -4746,10 +4742,16 @@ const CasinoChallengesOverlayDrawerDetails = class {
         }
         return null;
     }
+    handleGameClick(gameSlug) {
+        window.postMessage({
+            type: EPostMessageRequestType$1.ChallengeInGameRedirect,
+            data: { Slug: gameSlug }
+        });
+    }
     renderGames() {
         var _a, _b, _c, _d, _e;
         if (!!((_b = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.Games) === null || _b === void 0 ? void 0 : _b.length) && ((_c = this.challenge) === null || _c === void 0 ? void 0 : _c.TotalGamesCount)) {
-            return (h("div", { class: { 'challenge-block': true, 'challenge-games': true } }, h("div", { class: "challenge-block-header" }, h("div", { class: "total-games" }, h("h3", null, translate$3('games', this.language)), h("span", null, "(", this.challenge.TotalGamesCount, ")")), h("button", { class: "row button", onClick: this.handleAllGamesClick }, h("p", null, translate$3('seeAll', this.language)), h("div", { class: "chevron-button" }, h("img", { src: chevronSvg })))), h("div", { class: "row games-row" }, (_e = (_d = this.challenge) === null || _d === void 0 ? void 0 : _d.Games) === null || _e === void 0 ? void 0 : _e.map((game) => (h("div", { class: "challenge-game" }, h("img", { src: game.GameIcon })))))));
+            return (h("div", { class: { 'challenge-block': true, 'challenge-games': true } }, h("div", { class: "challenge-block-header" }, h("div", { class: "total-games" }, h("h3", null, translate$3('games', this.language)), h("span", null, "(", this.challenge.TotalGamesCount, ")")), h("button", { class: "row button", onClick: this.handleAllGamesClick }, h("p", null, translate$3('seeAll', this.language)), h("div", { class: "chevron-button" }, h("img", { src: chevronSvg })))), h("div", { class: "row games-row" }, (_e = (_d = this.challenge) === null || _d === void 0 ? void 0 : _d.Games) === null || _e === void 0 ? void 0 : _e.map((game) => (h("div", { class: "challenge-game", onClick: () => this.handleGameClick(game.GameSlug) }, h("img", { src: game.GameIcon })))))));
         }
         return null;
     }
@@ -4794,7 +4796,7 @@ const CasinoChallengesOverlayDrawerDetails = class {
         var _a, _b;
         const fullScreen = (this.swipping && this.progress > 0) || ((_a = this.detailsSubPageInfo) === null || _a === void 0 ? void 0 : _a.open);
         const footerIsVisible = !this.isMobile || (this.isMobile && fullScreen);
-        return (h("div", { key: '86168e21384bf7f861e12c69af8e1218167c712e', class: {
+        return (h("div", { key: '220d4ad44d1bd16544edc01af1a10bc8b915de9b', class: {
                 Mobile: this.isMobile,
                 swipped: (this.isMobile && this.swipping && this.progress > 0) || !this.isMobile,
                 moved: this.progress > 0,
@@ -5002,7 +5004,7 @@ const resolveTranslationUrl = async (translationUrl) => {
     }
 };
 
-const casinoChallengesOverlayModalCss = ":host {\n  display: block;\n  font-family: inherit;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbutton {\n  border: none;\n  background: none;\n  cursor: pointer;\n  touch-action: manipulation;\n}\nbutton:focus {\n  outline: none;\n}\n\n.ModalOverlay {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0);\n  justify-content: center;\n  align-items: center;\n  z-index: 302;\n  container-name: modal-container;\n  container-type: size;\n}\n\n.ModalOverlay.Open {\n  display: flex;\n}\n\n.ModalWrapper {\n  container: modal/size;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.ModalContent {\n  display: flex;\n  background: var(--emw--modal-border-color, linear-gradient(90deg, #003e5c 0.05%, #113b21 87.69%));\n  padding: 40px;\n  border-radius: 26px;\n  border: 2px solid var(--emw--modal-outline-color, #1e654f);\n  width: 540px;\n  max-width: 90%;\n  text-align: center;\n  max-height: 90dvh;\n  min-height: 100px;\n  font-family: \"Roboto\", sans-serif;\n}\n\n.InnerContainer {\n  border-radius: 20px;\n  background: var(--emw--modal-background-color, #f9f8f8);\n  padding: 20px;\n  width: 100%;\n  flex-direction: column;\n  align-items: center;\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n\n.InnerContainer::-webkit-scrollbar {\n  display: none;\n}\n\n.ImageWrapper {\n  margin-bottom: 10px;\n}\n\n.ModalHeader {\n  color: var(--emw--modal-title-color, #212529);\n  text-align: center;\n  font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);\n  font-size: var(--emw--font-size-medium, 16px);\n  font-weight: var(--emw--font-weight-bold, 700);\n  line-height: normal;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.ModalSubtitle {\n  color: var(--emw--modal-title-color, #212529);\n  text-align: center;\n  font-size: var(--emw--font-size-medium, 16px);\n  font-weight: var(--emw--font-weigh-normal, 400);\n  margin: 10px auto 0;\n  line-height: 24px;\n}\n\n.ModalErrorMessage {\n  color: var(--emw--modal-title-color, #212529);\n  font-size: var(--emw--font-size-medium, 16px);\n  line-height: 24px;\n  margin: 10px 0;\n}\n\n.ModalReward {\n  background: var(--emw--modal-reward-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  font-family: var(--emw--modal-reward-typography, \"PF BeauSans Pro\", sans-serif);\n  font-size: var(--emw--modal-reward-font-size, 16px);\n  font-weight: var(--emw--modal-reward-font-weight, 700);\n}\n\n.ModalAddition {\n  color: var(--emw--modal-addition-color, #727672);\n  text-align: center;\n  font-family: var(--emw--modal-addition-typography, \"Roboto\", sans-serif);\n  font-size: var(--emw--modal-addition-font-size, 16px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-normal, 400);\n  align-content: center;\n  margin-top: 10px;\n  line-height: 24px;\n}\n\n.ModalAddition span {\n  background: var(--emw--modal-support-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  font-style: normal;\n  font-weight: var(--emw--modal-support-font-weight, 700);\n  line-height: 15px;\n  text-decoration: none;\n  position: relative;\n}\n.ModalAddition span::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: 1px;\n  width: 100%;\n  background: var(--emw--modal-support-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n}\n\n.ModalAction {\n  border-radius: var(--emw--modal-button-border-radius, 99px);\n  border: 2px solid var(--emw--modal-button-border-color, #083b17);\n  background: var(--emw--modal-button-background-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  padding: 9px 20px;\n  margin-top: 24px;\n  text-transform: uppercase;\n  color: var(--emw--modal-button-color, #fff);\n  text-align: center;\n  font-family: var(--emw--modal-button-typography, \"PF BeauSans Pro\", sans-serif);\n  font-size: var(--emw--modal-button-font-size, 14px);\n  font-weight: var(--emw--modal-button-font-weight, 700);\n  min-width: 100px;\n}\n\n.ModalSliderWrapper {\n  margin: 24px auto 0;\n  position: relative;\n  overflow: hidden;\n  width: 316px;\n}\n\n.ModalSlider {\n  display: flex;\n  transition: transform 0.3s ease;\n  cursor: pointer;\n  touch-action: pan-y;\n}\n\n.ModalSlider:active {\n  cursor: grabbing;\n}\n\n.ModalSlide {\n  min-width: 100%;\n  flex-shrink: 0;\n  position: relative;\n  display: flex;\n  justify-content: center;\n}\n.ModalSlide .ModalSlideSpins {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: var(--emw--modal-game-border-radius, 99px);\n  width: 188px;\n  height: 48px;\n  text-transform: uppercase;\n  font-size: var(--emw--modal-game-font-size, 14px);\n  font-weight: var(--emw--modal-game-font-weight, 700);\n  color: var(--emw--modal-game-font-color, #ffffff);\n  align-content: center;\n  background: var(--emw--modal-game-background, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%));\n}\n.ModalSlide .ModalSlideSpins svg {\n  margin-left: 8px;\n}\n.ModalSlide .ModalSlideImageWrapper {\n  position: relative;\n  width: 244px;\n  height: 144px;\n  border-radius: 12px;\n  overflow: hidden;\n}\n.ModalSlide .ModalSlideImageWrapper img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n.ModalSlide .ModalSlideImageWrapper::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: var(--emw--color-black-shadow, rgba(0, 0, 0, 0.5019607843));\n}\n\n.prev,\n.next {\n  position: absolute;\n  top: 42%;\n  transform: translateY(-50%);\n  stroke: var(--emw--modal-slider-arrow-color, #ffffff);\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  border: 2px solid var(--emw--modal-slider-border-color, #083b17);\n  background: var(--emw--modal-slider-arrow-bg, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.prev.disabled,\n.next.disabled {\n  stroke: var(--emw--modal-slider-arrow-secondary-color, #727672);\n  background: var(--emw--modal-slider-arrow-secondary-bg, rgba(0, 0, 0, 0.4));\n  border-color: var(--emw--modal-slider-border-secondary-color, #727672);\n}\n\n.prev {\n  left: 2px;\n}\n\n.next {\n  right: 2px;\n}\n\n.ModalSliderDots {\n  display: flex;\n  justify-content: center;\n  margin-top: 10px;\n}\n\n.ModalSliderDot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--emw--modal-slider-dot-color, #e2e2e2);\n  margin: 8px;\n  cursor: pointer;\n}\n\n.ModalSliderDot.active {\n  background: var(--emw--modal-slider-active-dot-color, #00b74f);\n}\n\n.Mobile .ModalContent {\n  padding: 26px;\n}\n.Mobile .InnerContainer {\n  padding: 25px;\n}\n.Mobile .ImageWrapper {\n  margin-bottom: 6px;\n}\n.Mobile .ModalHeader {\n  margin-bottom: 16px;\n  font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile .ModalAddition {\n  font-size: var(--emw--font-size-x-small, 12px);\n  margin-top: 8px;\n  line-height: normal;\n}\n.Mobile .ModalAction,\n.Mobile .ModalSliderWrapper {\n  margin: 20px auto 0;\n}\n.Mobile .ModalSliderWrapper {\n  width: 230px;\n}\n.Mobile .ModalSliderWrapper .prev,\n.Mobile .ModalSliderWrapper .next {\n  display: none;\n}\n.Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n  height: 125px;\n  width: 220px;\n}\n.Mobile .ModalSliderWrapper .ModalSlideSpins {\n  width: 154px;\n  height: 34px;\n  font-size: var(--emw--font-size-x-small, 12px);\n}\n.Mobile .ModalSliderWrapper .ModalSliderDots {\n  margin-top: 5px;\n}\n.Mobile .ModalSliderWrapper .ModalSliderDots .ModalSliderDot {\n  margin: 4px;\n}\n.Mobile .ModalSubtitle,\n.Mobile .ModalReward {\n  font-size: var(--emw--font-size-small, 14px);\n  line-height: 18px;\n}\n.Mobile .ModalAction {\n  font-size: var(--emw--font-size-x-small, 12px);\n}\n\n@container modal (height < 720px) {\n  .Mobile .ModalContent {\n    padding: 20px;\n  }\n  .Mobile .InnerContainer {\n    padding: 8px 20px;\n  }\n  .Mobile .ModalHeader {\n    margin-bottom: 8px;\n  }\n  .Mobile .ModalSubtitle {\n    width: 100%;\n    margin: 0 auto;\n  }\n  .Mobile .ModalAction {\n    margin-top: 8px;\n  }\n  .Mobile .ModalSliderWrapper {\n    margin: 8px auto 0;\n  }\n  .Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n    width: 176px;\n    height: 100px;\n  }\n}\n@container modal-container (max-height: 750px) {\n  .InnerContainer {\n    padding: 12px;\n  }\n  .ModalContent {\n    padding: 25px;\n  }\n  .ModalSliderWrapper,\n  .ModalAction {\n    margin-top: 15px;\n  }\n  .ModalSlideImageWrapper {\n    height: 125px;\n    width: 220px;\n  }\n  .ModalSlideSpins {\n    width: 154px;\n    height: 34px;\n    font-size: var(--emw--font-size-x-small, 12px);\n  }\n  .ModalAction {\n    padding: 5px 15px;\n  }\n}";
+const casinoChallengesOverlayModalCss = ":host {\n  display: block;\n  font-family: inherit;\n}\n\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\n\nbutton {\n  border: none;\n  background: none;\n  cursor: pointer;\n  touch-action: manipulation;\n}\nbutton:focus {\n  outline: none;\n}\n\n.ModalOverlay {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0);\n  justify-content: center;\n  align-items: center;\n  z-index: 302;\n  pointer-events: none;\n  container-name: modal-container;\n  container-type: size;\n}\n\n.ModalOverlay.Open {\n  display: flex;\n  pointer-events: auto;\n}\n\n.ModalWrapper {\n  container: modal/size;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n}\n\n.ModalContent {\n  display: flex;\n  background: var(--emw--modal-border-color, linear-gradient(90deg, #003e5c 0.05%, #113b21 87.69%));\n  padding: 40px;\n  border-radius: 26px;\n  border: 2px solid var(--emw--modal-outline-color, #1e654f);\n  width: 540px;\n  max-width: 90%;\n  text-align: center;\n  max-height: 90dvh;\n  min-height: 100px;\n  font-family: \"Roboto\", sans-serif;\n}\n\n.InnerContainer {\n  border-radius: 20px;\n  background: var(--emw--modal-background-color, #f9f8f8);\n  padding: 20px;\n  width: 100%;\n  flex-direction: column;\n  align-items: center;\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n}\n\n.InnerContainer::-webkit-scrollbar {\n  display: none;\n}\n\n.ImageWrapper {\n  margin-bottom: 10px;\n}\n\n.ModalHeader {\n  color: var(--emw--modal-title-color, #212529);\n  text-align: center;\n  font-family: var(--emw--button-typography, \"PF BeauSans Pro\", sans-serif);\n  font-size: var(--emw--font-size-medium, 16px);\n  font-weight: var(--emw--font-weight-bold, 700);\n  line-height: normal;\n  text-transform: uppercase;\n  letter-spacing: 1px;\n}\n\n.ModalSubtitle {\n  color: var(--emw--modal-title-color, #212529);\n  text-align: center;\n  font-size: var(--emw--font-size-medium, 16px);\n  font-weight: var(--emw--font-weigh-normal, 400);\n  margin: 10px auto 0;\n  line-height: 24px;\n}\n\n.ModalErrorMessage {\n  color: var(--emw--modal-title-color, #212529);\n  font-size: var(--emw--font-size-medium, 16px);\n  line-height: 24px;\n  margin: 10px 0;\n}\n\n.ModalReward {\n  background: var(--emw--modal-reward-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  font-family: var(--emw--modal-reward-typography, \"PF BeauSans Pro\", sans-serif);\n  font-size: var(--emw--modal-reward-font-size, 16px);\n  font-weight: var(--emw--modal-reward-font-weight, 700);\n}\n\n.ModalAddition {\n  color: var(--emw--modal-addition-color, #727672);\n  text-align: center;\n  font-family: var(--emw--modal-addition-typography, \"Roboto\", sans-serif);\n  font-size: var(--emw--modal-addition-font-size, 16px);\n  font-style: normal;\n  font-weight: var(--emw--font-weight-normal, 400);\n  align-content: center;\n  margin-top: 10px;\n  line-height: 24px;\n}\n\n.ModalAddition span {\n  background: var(--emw--modal-support-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  background-clip: text;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  font-style: normal;\n  font-weight: var(--emw--modal-support-font-weight, 700);\n  line-height: 15px;\n  text-decoration: none;\n  position: relative;\n}\n.ModalAddition span::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  height: 1px;\n  width: 100%;\n  background: var(--emw--modal-support-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n}\n\n.ModalAction {\n  border-radius: var(--emw--modal-button-border-radius, 99px);\n  border: 2px solid var(--emw--modal-button-border-color, #083b17);\n  background: var(--emw--modal-button-background-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  padding: 9px 20px;\n  margin-top: 24px;\n  text-transform: uppercase;\n  color: var(--emw--modal-button-color, #fff);\n  text-align: center;\n  font-family: var(--emw--modal-button-typography, \"PF BeauSans Pro\", sans-serif);\n  font-size: var(--emw--modal-button-font-size, 14px);\n  font-weight: var(--emw--modal-button-font-weight, 700);\n  min-width: 100px;\n}\n\n.ModalSliderWrapper {\n  margin: 24px auto 0;\n  position: relative;\n  overflow: hidden;\n  width: 316px;\n}\n\n.ModalSlider {\n  display: flex;\n  transition: transform 0.3s ease;\n  cursor: pointer;\n  touch-action: pan-y;\n}\n\n.ModalSlider:active {\n  cursor: grabbing;\n}\n\n.ModalSlide {\n  min-width: 100%;\n  flex-shrink: 0;\n  position: relative;\n  display: flex;\n  justify-content: center;\n}\n.ModalSlide .ModalSlideSpins {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: var(--emw--modal-game-border-radius, 99px);\n  width: 188px;\n  height: 48px;\n  text-transform: uppercase;\n  font-size: var(--emw--modal-game-font-size, 14px);\n  font-weight: var(--emw--modal-game-font-weight, 700);\n  color: var(--emw--modal-game-font-color, #ffffff);\n  align-content: center;\n  background: var(--emw--modal-game-background, linear-gradient(180deg, #ea9018 0%, #e0a84e 100%));\n}\n.ModalSlide .ModalSlideSpins svg {\n  margin-left: 8px;\n}\n.ModalSlide .ModalSlideImageWrapper {\n  position: relative;\n  width: 244px;\n  height: 144px;\n  border-radius: 12px;\n  overflow: hidden;\n}\n.ModalSlide .ModalSlideImageWrapper img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  pointer-events: none;\n  user-select: none;\n  -webkit-user-drag: none;\n}\n.ModalSlide .ModalSlideImageWrapper::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: var(--emw--color-black-shadow, rgba(0, 0, 0, 0.5019607843));\n}\n\n.prev,\n.next {\n  position: absolute;\n  top: 42%;\n  transform: translateY(-50%);\n  stroke: var(--emw--modal-slider-arrow-color, #ffffff);\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  border: 2px solid var(--emw--modal-slider-border-color, #083b17);\n  background: var(--emw--modal-slider-arrow-bg, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.prev.disabled,\n.next.disabled {\n  stroke: var(--emw--modal-slider-arrow-secondary-color, #727672);\n  background: var(--emw--modal-slider-arrow-secondary-bg, rgba(0, 0, 0, 0.4));\n  border-color: var(--emw--modal-slider-border-secondary-color, #727672);\n}\n\n.prev {\n  left: 2px;\n}\n\n.next {\n  right: 2px;\n}\n\n.ModalSliderDots {\n  display: flex;\n  justify-content: center;\n  margin-top: 10px;\n}\n\n.ModalSliderDot {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: var(--emw--modal-slider-dot-color, #e2e2e2);\n  margin: 8px;\n  cursor: pointer;\n}\n\n.ModalSliderDot.active {\n  background: var(--emw--modal-slider-active-dot-color, #00b74f);\n}\n\n.Mobile .ModalContent {\n  padding: 26px;\n}\n.Mobile .InnerContainer {\n  padding: 25px;\n}\n.Mobile .ImageWrapper {\n  margin-bottom: 6px;\n}\n.Mobile .ModalHeader {\n  margin-bottom: 16px;\n  font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile .ModalAddition {\n  font-size: var(--emw--font-size-x-small, 12px);\n  margin-top: 8px;\n  line-height: normal;\n}\n.Mobile .ModalAction,\n.Mobile .ModalSliderWrapper {\n  margin: 20px auto 0;\n}\n.Mobile .ModalSliderWrapper {\n  width: 230px;\n}\n.Mobile .ModalSliderWrapper .prev,\n.Mobile .ModalSliderWrapper .next {\n  display: none;\n}\n.Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n  height: 125px;\n  width: 220px;\n}\n.Mobile .ModalSliderWrapper .ModalSlideSpins {\n  width: 154px;\n  height: 34px;\n  font-size: var(--emw--font-size-x-small, 12px);\n}\n.Mobile .ModalSliderWrapper .ModalSliderDots {\n  margin-top: 5px;\n}\n.Mobile .ModalSliderWrapper .ModalSliderDots .ModalSliderDot {\n  margin: 4px;\n}\n.Mobile .ModalSubtitle,\n.Mobile .ModalReward {\n  font-size: var(--emw--font-size-small, 14px);\n  line-height: 18px;\n}\n.Mobile .ModalAction {\n  font-size: var(--emw--font-size-x-small, 12px);\n}\n\n@container modal (height < 720px) {\n  .Mobile .ModalContent {\n    padding: 20px;\n  }\n  .Mobile .InnerContainer {\n    padding: 8px 20px;\n  }\n  .Mobile .ModalHeader {\n    margin-bottom: 8px;\n  }\n  .Mobile .ModalSubtitle {\n    width: 100%;\n    margin: 0 auto;\n  }\n  .Mobile .ModalAction {\n    margin-top: 8px;\n  }\n  .Mobile .ModalSliderWrapper {\n    margin: 8px auto 0;\n  }\n  .Mobile .ModalSliderWrapper .ModalSlideImageWrapper {\n    width: 176px;\n    height: 100px;\n  }\n}\n@container modal-container (max-height: 750px) {\n  .InnerContainer {\n    padding: 12px;\n  }\n  .ModalContent {\n    padding: 25px;\n  }\n  .ModalSliderWrapper,\n  .ModalAction {\n    margin-top: 15px;\n  }\n  .ModalSlideImageWrapper {\n    height: 125px;\n    width: 220px;\n  }\n  .ModalSlideSpins {\n    width: 154px;\n    height: 34px;\n    font-size: var(--emw--font-size-x-small, 12px);\n  }\n  .ModalAction {\n    padding: 5px 15px;\n  }\n}";
 const CasinoChallengesOverlayModalStyle0 = casinoChallengesOverlayModalCss;
 
 const CasinoChallengesOverlayModal = class {

package/dist/esm/{casino-challenges-overlay-1f8c3734.js → casino-challenges-overlay-476a98cd.js}

@@ -240,7 +240,7 @@ var EContributedFrom;
     EContributedFrom[EContributedFrom["Sportsbook"] = 2] = "Sportsbook";
 })(EContributedFrom || (EContributedFrom = {}));
 
-const casinoChallengesOverlayCss = ".container{z-index:300;position:absolute;top:24px;left:10px;cursor:pointer}.circle{display:inline-block;box-sizing:border-box;border-radius:24px;position:relative;background:conic-gradient(from 270deg at 50% 50%, transparent 0deg var(--progress), var(--emw--border-color, #a4d3b4) var(--progress) 360deg), var(--emw--color-active-progress, linear-gradient(103deg, #ff9400 16.9%, #fef746 95.33%, #ffe24a 95.96%)) no-repeat center/100% 100%;box-shadow:var(--emw--button-box-shadow, 0 4px 4px 0 rgba(0, 0, 0, 0.3019607843));width:55px;height:32px;padding:4px 6px;isolation:isolate}.circle__content{display:flex;align-items:center;justify-content:center;height:100%;pointer-events:none;color:var(--emw--color-white, #ffffff);z-index:302;position:relative;padding:0 0 0 12px}.circle__content span{font-family:var(--emw--font-family-secondary, \"Cherry Bomb One\"), sans-serif;font-size:var(--emw--font-size-x-small, 11px);font-weight:var(--emw--font-weight-normal, 400);letter-spacing:-0.22px;text-transform:uppercase}.circle__img{position:absolute;left:0;z-index:304;top:0}.circle.grayed{mix-blend-mode:luminosity}.circle.grayed::before{display:block}.circle.grayed .dot{filter:grayscale(100%)}.circle::after{content:\"\";position:absolute;inset:3px;border-radius:24px;background:var(--emw--background-gradient-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));pointer-events:none}.dot{position:absolute;width:4px;height:4px;background:var(--emw--color-white, #ffffff);border-radius:50%;box-sizing:border-box;transform:translate(-50%, -50%);pointer-events:none;z-index:303;box-shadow:var(--emw--secondary-box-shadow, 0 0.33px 1.32px 0.165px rgba(0, 0, 0, 0.1215686275))}.dot::before{content:\"\";position:absolute;inset:0;border-radius:50%;padding:1px;background:var(--emw--color-active-dot-progress, linear-gradient(103deg, #ff9400 16.9%, #fef746 95.33%, #ffe24a 95.96%));-webkit-mask:linear-gradient(var(--emw--color-white, #ffffff) 0 0) content-box, linear-gradient(var(--emw--color-white, #ffffff) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.dot::after{content:\"\";position:absolute;top:50%;left:50%;width:9px;height:9px;background:url(\"../../assets/indicator.png\") no-repeat center/contain, url(\"../../assets/shining.svg\") no-repeat center/contain;transform:translate(-50%, -50%);pointer-events:none;z-index:304}.circle::before{content:\"\";position:absolute;inset:0;background:var(--emw--color-gray-150, #808080);border-radius:24px;mix-blend-mode:saturation;pointer-events:none;z-index:305;display:none}.badge{border-radius:50%;background:var(--emw--badge-gradient-color, radial-gradient(93.38% 91.12% at 11.11% 0%, rgba(35, 176, 78, 0.8) 0%, rgba(188, 252, 177, 0.0784313725) 100%), var(--emw--color-black, #000000));border:1px solid var(--emw--button-border-color, rgba(29, 249, 139, 0.8));position:absolute;height:18px;min-width:18px;align-content:center;box-sizing:border-box;top:-5px;left:44px;font-size:var(--emw--font-size-2x-small, 10px);line-height:10px;font-weight:var(--emw--font-weight-normal, 400);font-family:var(--emw--font-family-secondary, \"Cherry Bomb One\"), sans-serif;text-align:center}.badge.new{height:14px;border-radius:200px;padding:0 4px;padding-bottom:3px}.badge .icon{height:10px;width:10px}.badge .gradient-text{background:var(--emw--color-badge-color, linear-gradient(103deg, #ff9400 16.9%, #fef746 95.33%, #ffe24a 95.96%));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}";
+const casinoChallengesOverlayCss = ".container{z-index:300;position:absolute;top:24px;left:10px;cursor:pointer;pointer-events:auto}.circle{display:inline-block;box-sizing:border-box;border-radius:24px;position:relative;background:conic-gradient(from 270deg at 50% 50%, transparent 0deg var(--progress), var(--emw--border-color, #a4d3b4) var(--progress) 360deg), var(--emw--color-active-progress, linear-gradient(103deg, #ff9400 16.9%, #fef746 95.33%, #ffe24a 95.96%)) no-repeat center/100% 100%;box-shadow:var(--emw--button-box-shadow, 0 4px 4px 0 rgba(0, 0, 0, 0.3019607843));width:55px;height:32px;padding:4px 6px;isolation:isolate}.circle__content{display:flex;align-items:center;justify-content:center;height:100%;pointer-events:none;color:var(--emw--color-white, #ffffff);z-index:302;position:relative;padding:0 0 0 12px}.circle__content span{font-family:var(--emw--font-family-secondary, \"Cherry Bomb One\"), sans-serif;font-size:var(--emw--font-size-x-small, 11px);font-weight:var(--emw--font-weight-normal, 400);letter-spacing:-0.22px;text-transform:uppercase}.circle__img{position:absolute;left:0;z-index:304;top:0}.circle.grayed{mix-blend-mode:luminosity}.circle.grayed::before{display:block}.circle.grayed .dot{filter:grayscale(100%)}.circle::after{content:\"\";position:absolute;inset:3px;border-radius:24px;background:var(--emw--background-gradient-color, linear-gradient(90deg, #24aa4d 0%, #113f21 100%));pointer-events:none}.dot{position:absolute;width:4px;height:4px;background:var(--emw--color-white, #ffffff);border-radius:50%;box-sizing:border-box;transform:translate(-50%, -50%);pointer-events:none;z-index:303;box-shadow:var(--emw--secondary-box-shadow, 0 0.33px 1.32px 0.165px rgba(0, 0, 0, 0.1215686275))}.dot::before{content:\"\";position:absolute;inset:0;border-radius:50%;padding:1px;background:var(--emw--color-active-dot-progress, linear-gradient(103deg, #ff9400 16.9%, #fef746 95.33%, #ffe24a 95.96%));-webkit-mask:linear-gradient(var(--emw--color-white, #ffffff) 0 0) content-box, linear-gradient(var(--emw--color-white, #ffffff) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.dot::after{content:\"\";position:absolute;top:50%;left:50%;width:9px;height:9px;background:url(\"../../assets/indicator.png\") no-repeat center/contain, url(\"../../assets/shining.svg\") no-repeat center/contain;transform:translate(-50%, -50%);pointer-events:none;z-index:304}.circle::before{content:\"\";position:absolute;inset:0;background:var(--emw--color-gray-150, #808080);border-radius:24px;mix-blend-mode:saturation;pointer-events:none;z-index:305;display:none}.badge{border-radius:50%;background:var(--emw--badge-gradient-color, radial-gradient(93.38% 91.12% at 11.11% 0%, rgba(35, 176, 78, 0.8) 0%, rgba(188, 252, 177, 0.0784313725) 100%), var(--emw--color-black, #000000));border:1px solid var(--emw--button-border-color, rgba(29, 249, 139, 0.8));position:absolute;height:18px;min-width:18px;align-content:center;box-sizing:border-box;top:-5px;left:44px;font-size:var(--emw--font-size-2x-small, 10px);line-height:10px;font-weight:var(--emw--font-weight-normal, 400);font-family:var(--emw--font-family-secondary, \"Cherry Bomb One\"), sans-serif;text-align:center}.badge.new{height:14px;border-radius:200px;padding:0 4px;padding-bottom:3px}.badge .icon{height:10px;width:10px}.badge .gradient-text{background:var(--emw--color-badge-color, linear-gradient(103deg, #ff9400 16.9%, #fef746 95.33%, #ffe24a 95.96%));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}";
 const CasinoChallengesOverlayStyle0 = casinoChallengesOverlayCss;
 
 const CasinoChallengesOverlay = class {

package/dist/esm/casino-challenges-overlay.js

@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["casino-challenge-details-events_23",[[1,"casino-challenges-overlay",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"challenges":[16],"extendedIngameWidget":[516,"extended-ingame-widget"],"enabledWidgetTabs":[32],"progress":[32],"isNew":[32],"isGift":[32],"isNotification":[32],"inProgressCount":[32],"activeChallenge":[32],"completedLevelId":[32],"prevUpdateEvent":[32],"showModal":[32],"modalErrored":[32],"modalReward":[32],"modalAddition":[32],"modalOrderNumber":[32],"modalIsFreeSpinsGranted":[32],"modalBonusProgramGames":[32],"showDrawer":[32],"init":[64]},[[8,"message","handleEvent"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"challenges":["handleChallengesChange"]}],[1,"casino-challenges-overlay-drawer",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"handleClose":[16],"challenges":[16],"initialProgressId":[513,"initial-progress-id"],"enabledWidgetTabs":[16],"activeChallenge":[32],"activeProgressId":[32],"activeTabIndex":[32],"error":[32],"hasError":[32],"swipped":[32],"detailsSubPageInfo":[32],"progress":[32],"loading":[32],"notification":[32],"optOutModaIsOpen":[32],"isOptedOut":[32],"prevUpdateEvent":[32],"challengeGames":[32],"activeChallenges":[32],"pendingChallenges":[32],"promoChallenges":[32],"playerHistory":[32],"hasMorePlayerHistory":[32],"emptyState":[32]},[[0,"openOptOutModal","onOpenOptOut"],[0,"closeOptOutModal","onCloseOptOut"],[0,"confirmOptOut","onConfirmOptOut"],[0,"challengeExpired","onChallengeExpired"],[8,"message","handleEvent"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"isOpen":["handleIsOpenChange"],"activeChallenge":["onActiveChallengeChanged"]}],[1,"casino-challenges-overlay-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"reward":[513],"addition":[516],"handleClick":[16],"errored":[516],"orderNumber":[514,"order-number"],"isFreeSpinsGranted":[516,"is-free-spins-granted"],"bonusProgramGames":[16],"currentIndex":[32],"isMobile":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"bonusProgramGames":["handleBonusProgramGameChange"]}],[1,"casino-challenges-overlay-drawer-details",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"challenge":[16],"language":[513],"isMobile":[516,"is-mobile"],"isUnique":[516,"is-unique"],"swipped":[516],"progress":[514],"activeChallengesTabIndex":[513,"active-challenges-tab-index"],"detailsSubPageInfo":[16],"isOptedOut":[516,"is-opted-out"],"challengeGames":[16],"swipping":[32],"actionLoading":[32],"error":[32],"isChallengePaused":[32],"timeLeft":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"progress":["onSwipeChange"],"challenge":["onChallengeChange"]}],[0,"casino-challenge-opt-out-modal",{"language":[1],"isMobile":[4,"is-mobile"],"open":[4]}],[1,"casino-challenges-overlay-drawer-history",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isMobile":[516,"is-mobile"],"loading":[516],"hasMore":[516,"has-more"],"historyItems":[16],"openItems":[32],"pageSize":[32],"pageNumber":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"historyItems":["handlePlayerHistoryChange"]}],[1,"casino-challenges-overlay-slider",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isMobile":[516,"is-mobile"],"challenges":[16],"initialProgressId":[1,"initial-progress-id"],"activeTabIndex":[1,"active-tab-index"],"currentIndex":[32],"slideWidth":[32],"slideHeight":[32],"isOneSlide":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"currentIndex":["onCurrentIndexChange"],"challenges":["onChallengesChange"],"initialProgressId":["onInitialProgressIdChange"]}],[0,"casino-challenge-overlay-background",{"empty":[4]}],[1,"casino-challenges-claim-code",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"isMobile":[516,"is-mobile"],"loading":[32],"hasError":[32],"code":[32],"notificationMessage":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"casino-challenges-empty-state",{"header":[1],"description":[1],"isMobile":[516,"is-mobile"]}],[0,"casino-challenges-overlay-loader",{"fullSize":[4,"full-size"],"isMobile":[516,"is-mobile"]}],[0,"casino-challenges-overlay-tabs",{"language":[513],"isMobile":[516,"is-mobile"],"activeTabIndex":[514,"active-tab-index"],"activeTabHasNotification":[516,"active-tab-has-notification"],"pendingTabHasNotification":[516,"pending-tab-has-notification"],"enabledWidgetTabs":[16]}],[4,"swipe-up",{"isMobile":[516,"is-mobile"],"isOneSlider":[516,"is-one-slider"],"progress":[32]},null,{"isOneSlider":["onIsOneSliderChange"],"progress":["onSwipeChange"]}],[0,"casino-challenge-details-levels",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"isChallengePaused":[4,"is-challenge-paused"],"isOptedOut":[4,"is-opted-out"],"open":[4]}],[0,"casino-challenge-details-events",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"open":[4]}],[0,"casino-challenge-details-games",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"games":[16]}],[0,"casino-challenge-details-progress-bar",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"]}],[0,"casino-challenge-details-rules",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"isOptedOut":[4,"is-opted-out"],"open":[4]}],[0,"casino-challenge-drawer-history-item",{"language":[513],"index":[514],"historyItem":[16],"itemRef":[16],"isOpen":[4,"is-open"],"isMobile":[4,"is-mobile"],"toggle":[16]}],[1,"casino-challenges-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[516,"is-open"],"showWinAnimation":[516,"show-win-animation"],"showBackdrop":[516,"show-backdrop"],"showCloseButton":[516,"show-close-button"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"casino-challenges-overlay-card",{"challenge":[16],"index":[2],"arrLength":[2,"arr-length"],"currentIndex":[2,"current-index"],"language":[1],"isOptedOut":[4,"is-opted-out"],"slideWidth":[2,"slide-width"],"slideHeight":[2,"slide-height"],"timeLeft":[32]}],[4,"casino-challenge-expandable-paragraph",{"maxHeight":[2,"max-height"],"active":[4],"expanded":[32],"needsTruncation":[32]}],[0,"casino-challenge-level-progress-bar",{"height":[1],"active":[4],"value":[2]}]]]], options);
+  return bootstrapLazy([["casino-challenge-details-events_23",[[1,"casino-challenges-overlay",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"challenges":[16],"extendedIngameWidget":[516,"extended-ingame-widget"],"enabledWidgetTabs":[32],"progress":[32],"isNew":[32],"isGift":[32],"isNotification":[32],"inProgressCount":[32],"activeChallenge":[32],"completedLevelId":[32],"prevUpdateEvent":[32],"showModal":[32],"modalErrored":[32],"modalReward":[32],"modalAddition":[32],"modalOrderNumber":[32],"modalIsFreeSpinsGranted":[32],"modalBonusProgramGames":[32],"showDrawer":[32],"init":[64]},[[8,"message","handleEvent"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"challenges":["handleChallengesChange"]}],[1,"casino-challenges-overlay-drawer",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"handleClose":[16],"challenges":[16],"initialProgressId":[513,"initial-progress-id"],"enabledWidgetTabs":[16],"activeChallenge":[32],"activeProgressId":[32],"activeTabIndex":[32],"error":[32],"hasError":[32],"swipped":[32],"detailsSubPageInfo":[32],"progress":[32],"loading":[32],"notification":[32],"optOutModaIsOpen":[32],"isOptedOut":[32],"prevUpdateEvent":[32],"challengeGames":[32],"activeChallenges":[32],"pendingChallenges":[32],"promoChallenges":[32],"playerHistory":[32],"hasMorePlayerHistory":[32],"emptyState":[32]},[[0,"openOptOutModal","onOpenOptOut"],[0,"closeOptOutModal","onCloseOptOut"],[0,"confirmOptOut","onConfirmOptOut"],[0,"challengeExpired","onChallengeExpired"],[8,"message","handleEvent"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"isOpen":["handleIsOpenChange"],"activeChallenge":["onActiveChallengeChanged"]}],[1,"casino-challenges-overlay-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"reward":[513],"addition":[516],"handleClick":[16],"errored":[516],"orderNumber":[514,"order-number"],"isFreeSpinsGranted":[516,"is-free-spins-granted"],"bonusProgramGames":[16],"currentIndex":[32],"isMobile":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"bonusProgramGames":["handleBonusProgramGameChange"]}],[1,"casino-challenges-overlay-drawer-details",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"challenge":[16],"language":[513],"isMobile":[516,"is-mobile"],"isUnique":[516,"is-unique"],"swipped":[516],"progress":[514],"activeChallengesTabIndex":[513,"active-challenges-tab-index"],"detailsSubPageInfo":[16],"isOptedOut":[516,"is-opted-out"],"challengeGames":[16],"swipping":[32],"actionLoading":[32],"error":[32],"isChallengePaused":[32],"timeLeft":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"progress":["onSwipeChange"],"challenge":["onChallengeChange"]}],[0,"casino-challenge-opt-out-modal",{"language":[1],"isMobile":[4,"is-mobile"],"open":[4]}],[1,"casino-challenges-overlay-drawer-history",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isMobile":[516,"is-mobile"],"loading":[516],"hasMore":[516,"has-more"],"historyItems":[16],"openItems":[32],"pageSize":[32],"pageNumber":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"historyItems":["handlePlayerHistoryChange"]}],[1,"casino-challenges-overlay-slider",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isMobile":[516,"is-mobile"],"challenges":[16],"initialProgressId":[1,"initial-progress-id"],"activeTabIndex":[1,"active-tab-index"],"currentIndex":[32],"slideWidth":[32],"slideHeight":[32],"isOneSlide":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"currentIndex":["onCurrentIndexChange"],"challenges":["onChallengesChange"],"initialProgressId":["onInitialProgressIdChange"]}],[0,"casino-challenge-overlay-background",{"empty":[4]}],[1,"casino-challenges-claim-code",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"isMobile":[516,"is-mobile"],"loading":[32],"hasError":[32],"code":[32],"notificationMessage":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"casino-challenges-empty-state",{"header":[1],"description":[1],"isMobile":[516,"is-mobile"]}],[0,"casino-challenges-overlay-loader",{"fullSize":[4,"full-size"],"isMobile":[516,"is-mobile"]}],[0,"casino-challenges-overlay-tabs",{"language":[513],"isMobile":[516,"is-mobile"],"activeTabIndex":[514,"active-tab-index"],"activeTabHasNotification":[516,"active-tab-has-notification"],"pendingTabHasNotification":[516,"pending-tab-has-notification"],"enabledWidgetTabs":[16]}],[4,"swipe-up",{"isMobile":[516,"is-mobile"],"isOneSlider":[516,"is-one-slider"],"progress":[32]},null,{"isOneSlider":["onIsOneSliderChange"],"progress":["onSwipeChange"]}],[0,"casino-challenge-details-levels",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"isChallengePaused":[4,"is-challenge-paused"],"isOptedOut":[4,"is-opted-out"],"open":[4]}],[0,"casino-challenge-details-events",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"open":[4]}],[0,"casino-challenge-details-games",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"games":[16],"handleGameClick":[16]}],[0,"casino-challenge-details-progress-bar",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"]}],[0,"casino-challenge-details-rules",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"isOptedOut":[4,"is-opted-out"],"open":[4]}],[0,"casino-challenge-drawer-history-item",{"language":[513],"index":[514],"historyItem":[16],"itemRef":[16],"isOpen":[4,"is-open"],"isMobile":[4,"is-mobile"],"toggle":[16]}],[1,"casino-challenges-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[516,"is-open"],"showWinAnimation":[516,"show-win-animation"],"showBackdrop":[516,"show-backdrop"],"showCloseButton":[516,"show-close-button"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"casino-challenges-overlay-card",{"challenge":[16],"index":[2],"arrLength":[2,"arr-length"],"currentIndex":[2,"current-index"],"language":[1],"isOptedOut":[4,"is-opted-out"],"slideWidth":[2,"slide-width"],"slideHeight":[2,"slide-height"],"timeLeft":[32]}],[4,"casino-challenge-expandable-paragraph",{"maxHeight":[2,"max-height"],"active":[4],"expanded":[32],"needsTruncation":[32]}],[0,"casino-challenge-level-progress-bar",{"height":[1],"active":[4],"value":[2]}]]]], options);
 });

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-export { C as CasinoChallengesOverlay } from './casino-challenges-overlay-1f8c3734.js';
+export { C as CasinoChallengesOverlay } from './casino-challenges-overlay-476a98cd.js';
 import './index-b4a452f5.js';

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["casino-challenge-details-events_23",[[1,"casino-challenges-overlay",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"challenges":[16],"extendedIngameWidget":[516,"extended-ingame-widget"],"enabledWidgetTabs":[32],"progress":[32],"isNew":[32],"isGift":[32],"isNotification":[32],"inProgressCount":[32],"activeChallenge":[32],"completedLevelId":[32],"prevUpdateEvent":[32],"showModal":[32],"modalErrored":[32],"modalReward":[32],"modalAddition":[32],"modalOrderNumber":[32],"modalIsFreeSpinsGranted":[32],"modalBonusProgramGames":[32],"showDrawer":[32],"init":[64]},[[8,"message","handleEvent"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"challenges":["handleChallengesChange"]}],[1,"casino-challenges-overlay-drawer",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"handleClose":[16],"challenges":[16],"initialProgressId":[513,"initial-progress-id"],"enabledWidgetTabs":[16],"activeChallenge":[32],"activeProgressId":[32],"activeTabIndex":[32],"error":[32],"hasError":[32],"swipped":[32],"detailsSubPageInfo":[32],"progress":[32],"loading":[32],"notification":[32],"optOutModaIsOpen":[32],"isOptedOut":[32],"prevUpdateEvent":[32],"challengeGames":[32],"activeChallenges":[32],"pendingChallenges":[32],"promoChallenges":[32],"playerHistory":[32],"hasMorePlayerHistory":[32],"emptyState":[32]},[[0,"openOptOutModal","onOpenOptOut"],[0,"closeOptOutModal","onCloseOptOut"],[0,"confirmOptOut","onConfirmOptOut"],[0,"challengeExpired","onChallengeExpired"],[8,"message","handleEvent"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"isOpen":["handleIsOpenChange"],"activeChallenge":["onActiveChallengeChanged"]}],[1,"casino-challenges-overlay-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"reward":[513],"addition":[516],"handleClick":[16],"errored":[516],"orderNumber":[514,"order-number"],"isFreeSpinsGranted":[516,"is-free-spins-granted"],"bonusProgramGames":[16],"currentIndex":[32],"isMobile":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"bonusProgramGames":["handleBonusProgramGameChange"]}],[1,"casino-challenges-overlay-drawer-details",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"challenge":[16],"language":[513],"isMobile":[516,"is-mobile"],"isUnique":[516,"is-unique"],"swipped":[516],"progress":[514],"activeChallengesTabIndex":[513,"active-challenges-tab-index"],"detailsSubPageInfo":[16],"isOptedOut":[516,"is-opted-out"],"challengeGames":[16],"swipping":[32],"actionLoading":[32],"error":[32],"isChallengePaused":[32],"timeLeft":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"progress":["onSwipeChange"],"challenge":["onChallengeChange"]}],[0,"casino-challenge-opt-out-modal",{"language":[1],"isMobile":[4,"is-mobile"],"open":[4]}],[1,"casino-challenges-overlay-drawer-history",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isMobile":[516,"is-mobile"],"loading":[516],"hasMore":[516,"has-more"],"historyItems":[16],"openItems":[32],"pageSize":[32],"pageNumber":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"historyItems":["handlePlayerHistoryChange"]}],[1,"casino-challenges-overlay-slider",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isMobile":[516,"is-mobile"],"challenges":[16],"initialProgressId":[1,"initial-progress-id"],"activeTabIndex":[1,"active-tab-index"],"currentIndex":[32],"slideWidth":[32],"slideHeight":[32],"isOneSlide":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"currentIndex":["onCurrentIndexChange"],"challenges":["onChallengesChange"],"initialProgressId":["onInitialProgressIdChange"]}],[0,"casino-challenge-overlay-background",{"empty":[4]}],[1,"casino-challenges-claim-code",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"isMobile":[516,"is-mobile"],"loading":[32],"hasError":[32],"code":[32],"notificationMessage":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"casino-challenges-empty-state",{"header":[1],"description":[1],"isMobile":[516,"is-mobile"]}],[0,"casino-challenges-overlay-loader",{"fullSize":[4,"full-size"],"isMobile":[516,"is-mobile"]}],[0,"casino-challenges-overlay-tabs",{"language":[513],"isMobile":[516,"is-mobile"],"activeTabIndex":[514,"active-tab-index"],"activeTabHasNotification":[516,"active-tab-has-notification"],"pendingTabHasNotification":[516,"pending-tab-has-notification"],"enabledWidgetTabs":[16]}],[4,"swipe-up",{"isMobile":[516,"is-mobile"],"isOneSlider":[516,"is-one-slider"],"progress":[32]},null,{"isOneSlider":["onIsOneSliderChange"],"progress":["onSwipeChange"]}],[0,"casino-challenge-details-levels",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"isChallengePaused":[4,"is-challenge-paused"],"isOptedOut":[4,"is-opted-out"],"open":[4]}],[0,"casino-challenge-details-events",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"open":[4]}],[0,"casino-challenge-details-games",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"games":[16]}],[0,"casino-challenge-details-progress-bar",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"]}],[0,"casino-challenge-details-rules",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"isOptedOut":[4,"is-opted-out"],"open":[4]}],[0,"casino-challenge-drawer-history-item",{"language":[513],"index":[514],"historyItem":[16],"itemRef":[16],"isOpen":[4,"is-open"],"isMobile":[4,"is-mobile"],"toggle":[16]}],[1,"casino-challenges-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[516,"is-open"],"showWinAnimation":[516,"show-win-animation"],"showBackdrop":[516,"show-backdrop"],"showCloseButton":[516,"show-close-button"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"casino-challenges-overlay-card",{"challenge":[16],"index":[2],"arrLength":[2,"arr-length"],"currentIndex":[2,"current-index"],"language":[1],"isOptedOut":[4,"is-opted-out"],"slideWidth":[2,"slide-width"],"slideHeight":[2,"slide-height"],"timeLeft":[32]}],[4,"casino-challenge-expandable-paragraph",{"maxHeight":[2,"max-height"],"active":[4],"expanded":[32],"needsTruncation":[32]}],[0,"casino-challenge-level-progress-bar",{"height":[1],"active":[4],"value":[2]}]]]], options);
+  return bootstrapLazy([["casino-challenge-details-events_23",[[1,"casino-challenges-overlay",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"challenges":[16],"extendedIngameWidget":[516,"extended-ingame-widget"],"enabledWidgetTabs":[32],"progress":[32],"isNew":[32],"isGift":[32],"isNotification":[32],"inProgressCount":[32],"activeChallenge":[32],"completedLevelId":[32],"prevUpdateEvent":[32],"showModal":[32],"modalErrored":[32],"modalReward":[32],"modalAddition":[32],"modalOrderNumber":[32],"modalIsFreeSpinsGranted":[32],"modalBonusProgramGames":[32],"showDrawer":[32],"init":[64]},[[8,"message","handleEvent"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"challenges":["handleChallengesChange"]}],[1,"casino-challenges-overlay-drawer",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"handleClose":[16],"challenges":[16],"initialProgressId":[513,"initial-progress-id"],"enabledWidgetTabs":[16],"activeChallenge":[32],"activeProgressId":[32],"activeTabIndex":[32],"error":[32],"hasError":[32],"swipped":[32],"detailsSubPageInfo":[32],"progress":[32],"loading":[32],"notification":[32],"optOutModaIsOpen":[32],"isOptedOut":[32],"prevUpdateEvent":[32],"challengeGames":[32],"activeChallenges":[32],"pendingChallenges":[32],"promoChallenges":[32],"playerHistory":[32],"hasMorePlayerHistory":[32],"emptyState":[32]},[[0,"openOptOutModal","onOpenOptOut"],[0,"closeOptOutModal","onCloseOptOut"],[0,"confirmOptOut","onConfirmOptOut"],[0,"challengeExpired","onChallengeExpired"],[8,"message","handleEvent"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"isOpen":["handleIsOpenChange"],"activeChallenge":["onActiveChallengeChanged"]}],[1,"casino-challenges-overlay-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isOpen":[516,"is-open"],"reward":[513],"addition":[516],"handleClick":[16],"errored":[516],"orderNumber":[514,"order-number"],"isFreeSpinsGranted":[516,"is-free-spins-granted"],"bonusProgramGames":[16],"currentIndex":[32],"isMobile":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"bonusProgramGames":["handleBonusProgramGameChange"]}],[1,"casino-challenges-overlay-drawer-details",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"challenge":[16],"language":[513],"isMobile":[516,"is-mobile"],"isUnique":[516,"is-unique"],"swipped":[516],"progress":[514],"activeChallengesTabIndex":[513,"active-challenges-tab-index"],"detailsSubPageInfo":[16],"isOptedOut":[516,"is-opted-out"],"challengeGames":[16],"swipping":[32],"actionLoading":[32],"error":[32],"isChallengePaused":[32],"timeLeft":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"progress":["onSwipeChange"],"challenge":["onChallengeChange"]}],[0,"casino-challenge-opt-out-modal",{"language":[1],"isMobile":[4,"is-mobile"],"open":[4]}],[1,"casino-challenges-overlay-drawer-history",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isMobile":[516,"is-mobile"],"loading":[516],"hasMore":[516,"has-more"],"historyItems":[16],"openItems":[32],"pageSize":[32],"pageNumber":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"historyItems":["handlePlayerHistoryChange"]}],[1,"casino-challenges-overlay-slider",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"isMobile":[516,"is-mobile"],"challenges":[16],"initialProgressId":[1,"initial-progress-id"],"activeTabIndex":[1,"active-tab-index"],"currentIndex":[32],"slideWidth":[32],"slideHeight":[32],"isOneSlide":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"currentIndex":["onCurrentIndexChange"],"challenges":["onChallengesChange"],"initialProgressId":["onInitialProgressIdChange"]}],[0,"casino-challenge-overlay-background",{"empty":[4]}],[1,"casino-challenges-claim-code",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"isMobile":[516,"is-mobile"],"loading":[32],"hasError":[32],"code":[32],"notificationMessage":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"casino-challenges-empty-state",{"header":[1],"description":[1],"isMobile":[516,"is-mobile"]}],[0,"casino-challenges-overlay-loader",{"fullSize":[4,"full-size"],"isMobile":[516,"is-mobile"]}],[0,"casino-challenges-overlay-tabs",{"language":[513],"isMobile":[516,"is-mobile"],"activeTabIndex":[514,"active-tab-index"],"activeTabHasNotification":[516,"active-tab-has-notification"],"pendingTabHasNotification":[516,"pending-tab-has-notification"],"enabledWidgetTabs":[16]}],[4,"swipe-up",{"isMobile":[516,"is-mobile"],"isOneSlider":[516,"is-one-slider"],"progress":[32]},null,{"isOneSlider":["onIsOneSliderChange"],"progress":["onSwipeChange"]}],[0,"casino-challenge-details-levels",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"isChallengePaused":[4,"is-challenge-paused"],"isOptedOut":[4,"is-opted-out"],"open":[4]}],[0,"casino-challenge-details-events",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"open":[4]}],[0,"casino-challenge-details-games",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"games":[16],"handleGameClick":[16]}],[0,"casino-challenge-details-progress-bar",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"]}],[0,"casino-challenge-details-rules",{"challenge":[16],"language":[1],"isMobile":[4,"is-mobile"],"isOptedOut":[4,"is-opted-out"],"open":[4]}],[0,"casino-challenge-drawer-history-item",{"language":[513],"index":[514],"historyItem":[16],"itemRef":[16],"isOpen":[4,"is-open"],"isMobile":[4,"is-mobile"],"toggle":[16]}],[1,"casino-challenges-modal",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"isOpen":[516,"is-open"],"showWinAnimation":[516,"show-win-animation"],"showBackdrop":[516,"show-backdrop"],"showCloseButton":[516,"show-close-button"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"casino-challenges-overlay-card",{"challenge":[16],"index":[2],"arrLength":[2,"arr-length"],"currentIndex":[2,"current-index"],"language":[1],"isOptedOut":[4,"is-opted-out"],"slideWidth":[2,"slide-width"],"slideHeight":[2,"slide-height"],"timeLeft":[32]}],[4,"casino-challenge-expandable-paragraph",{"maxHeight":[2,"max-height"],"active":[4],"expanded":[32],"needsTruncation":[32]}],[0,"casino-challenge-level-progress-bar",{"height":[1],"active":[4],"value":[2]}]]]], options);
 };
 
 export { defineCustomElements };

package/package.json

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