@everymatrix/casino-challenges-overlay-drawer 0.4.7 → 0.4.8

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-25fd45d2.js';
-import { E as EHistoryItemLevelStatus$1, t as translate$2, H as HistoryItemLevelStatusDictionary, a as EPostMessageRequestType$1, s as setClientStyling, b as setClientStylingURL, c as setStreamStyling, r as resolveTranslationUrl$1, d as EChallengesTabs$1, e as EFeatureFlags } from './casino-challenges-overlay-drawer-22f199a0.js';
-export { C as casino_challenges_overlay_drawer } from './casino-challenges-overlay-drawer-22f199a0.js';
+import { E as EHistoryItemLevelStatus$1, t as translate$2, H as HistoryItemLevelStatusDictionary, a as EPostMessageRequestType$1, s as setClientStyling, b as setClientStylingURL, c as setStreamStyling, r as resolveTranslationUrl$1, d as EChallengesTabs$1, e as EFeatureFlags } from './casino-challenges-overlay-drawer-524337b6.js';
+export { C as casino_challenges_overlay_drawer } from './casino-challenges-overlay-drawer-524337b6.js';
 
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -2350,6 +2350,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$1('contribution', this.language), " ", game.Contribution, "%")));
+        }))));
+    }
+};
+CasinoChallengeDetailsGames.style = CasinoChallengeDetailsGamesStyle0;
+
 var EChallengeLevelTargetType$1;
 (function (EChallengeLevelTargetType) {
     EChallengeLevelTargetType[EChallengeLevelTargetType["Accumulative"] = 0] = "Accumulative";
@@ -2490,32 +2511,6 @@ var EPostMessageRequestType;
     EPostMessageRequestType["ChallengeInGameRedirect"] = "ChallengeInGameRedirect";
 })(EPostMessageRequestType || (EPostMessageRequestType = {}));
 
-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.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$1('contribution', this.language), " ", game.Contribution, "%")));
-        }))));
-    }
-};
-CasinoChallengeDetailsGames.style = CasinoChallengeDetailsGamesStyle0;
-
 const lockSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjUwMDQ5IDQuNUMyLjUwMDQ5IDIuMDE0NzIgNC41MTUyMSAwIDcuMDAwNDkgMEM5LjQ4NTc3IDAgMTEuNTAwNSAyLjAxNDcyIDExLjUwMDUgNC41VjUuMzYyNzRDMTEuNzEyNCA1LjQwOTE5IDExLjkxNTkgNS40NzY4MiAxMi4xMTI1IDUuNTc2OThDMTIuNjc2OSA1Ljg2NDYgMTMuMTM1OSA2LjMyMzU0IDEzLjQyMzUgNi44ODgwM0MxMy42MDkgNy4yNTIwMyAxMy42ODI5IDcuNjM5NTYgMTMuNzE3MyA4LjA2MTEzQzEzLjc1MDUgOC40NjcwMiAxMy43NTA1IDguOTY1MjkgMTMuNzUwNSA5LjU2OTAxVjEwLjY4MUMxMy43NTA1IDExLjI4NDcgMTMuNzUwNSAxMS43ODMgMTMuNzE3MyAxMi4xODg5QzEzLjY4MjkgMTIuNjEwNCAxMy42MDkgMTIuOTk4IDEzLjQyMzUgMTMuMzYyQzEzLjEzNTkgMTMuOTI2NSAxMi42NzY5IDE0LjM4NTQgMTIuMTEyNSAxNC42NzNDMTEuNzQ4NSAxNC44NTg1IDExLjM2MDkgMTQuOTMyNCAxMC45Mzk0IDE0Ljk2NjlDMTAuNTMzNSAxNSAxMC4wMzUyIDE1IDkuNDMxNDggMTVINC41Njk1QzMuOTY1NzggMTUgMy40Njc1MSAxNSAzLjA2MTYyIDE0Ljk2NjlDMi42NDAwNSAxNC45MzI0IDIuMjUyNTIgMTQuODU4NSAxLjg4ODUyIDE0LjY3M0MxLjMyNDAzIDE0LjM4NTQgMC44NjUwODkgMTMuOTI2NSAwLjU3NzQ2OSAxMy4zNjJDMC4zOTIwMDEgMTIuOTk4IDAuMzE4MDc4IDEyLjYxMDQgMC4yODM2MzQgMTIuMTg4OUMwLjI1MDQ3MSAxMS43ODMgMC4yNTA0NzkgMTEuMjg0NyAwLjI1MDQ4OSAxMC42ODFWOS41NjkwM0MwLjI1MDQ3OSA4Ljk2NTMgMC4yNTA0NzEgOC40NjcwMyAwLjI4MzYzNCA4LjA2MTEzQzAuMzE4MDc4IDcuNjM5NTYgMC4zOTIwMDEgNy4yNTIwMyAwLjU3NzQ2OSA2Ljg4ODAzQzAuODY1MDkgNi4zMjM1NCAxLjMyNDAzIDUuODY0NiAxLjg4ODUyIDUuNTc2OThDMi4wODUwOSA1LjQ3NjgyIDIuMjg4NTMgNS40MDkxOSAyLjUwMDQ5IDUuMzYyNzRWNC41Wk00LjAwMDQ5IDUuMjUxMjJDNC4xNzg3NyA1LjI0OTk5IDQuMzY4MjkgNS4yNSA0LjU2OTUxIDUuMjVIOS40MzE0NkM5LjYzMjY5IDUuMjUgOS44MjIyMSA1LjI0OTk5IDEwLjAwMDUgNS4yNTEyMlY0LjVDMTAuMDAwNSAyLjg0MzE1IDguNjU3MzQgMS41IDcuMDAwNDkgMS41QzUuMzQzNjMgMS41IDQuMDAwNDkgMi44NDMxNSA0LjAwMDQ5IDQuNVY1LjI1MTIyWk0zLjE4Mzc3IDYuNzc4MTZDMi44NTQ5NiA2LjgwNTAzIDIuNjg2OCA2Ljg1MzcyIDIuNTY5NSA2LjkxMzQ5QzIuMjg3MjYgNy4wNTczIDIuMDU3NzkgNy4yODY3NyAxLjkxMzk4IDcuNTY5MDFDMS44NTQyMSA3LjY4NjMxIDEuODA1NTIgNy44NTQ0NyAxLjc3ODY1IDguMTgzMjhDMS43NTEwNyA4LjUyMDg1IDEuNzUwNDkgOC45NTc1NyAxLjc1MDQ5IDkuNlYxMC42NUMxLjc1MDQ5IDExLjI5MjQgMS43NTEwNyAxMS43MjkyIDEuNzc4NjUgMTIuMDY2N0MxLjgwNTUyIDEyLjM5NTUgMS44NTQyMSAxMi41NjM3IDEuOTEzOTggMTIuNjgxQzIuMDU3NzkgMTIuOTYzMiAyLjI4NzI2IDEzLjE5MjcgMi41Njk1IDEzLjMzNjVDMi42ODY4IDEzLjM5NjMgMi44NTQ5NiAxMy40NDUgMy4xODM3NyAxMy40NzE4QzMuNTIxMzMgMTMuNDk5NCAzLjk1ODA1IDEzLjUgNC42MDA0OSAxMy41SDkuNDAwNDlDMTAuMDQyOSAxMy41IDEwLjQ3OTYgMTMuNDk5NCAxMC44MTcyIDEzLjQ3MThDMTEuMTQ2IDEzLjQ0NSAxMS4zMTQyIDEzLjM5NjMgMTEuNDMxNSAxMy4zMzY1QzExLjcxMzcgMTMuMTkyNyAxMS45NDMyIDEyLjk2MzIgMTIuMDg3IDEyLjY4MUMxMi4xNDY4IDEyLjU2MzcgMTIuMTk1NSAxMi4zOTU1IDEyLjIyMjMgMTIuMDY2N0MxMi4yNDk5IDExLjcyOTIgMTIuMjUwNSAxMS4yOTI0IDEyLjI1MDUgMTAuNjVWOS42QzEyLjI1MDUgOC45NTc1NyAxMi4yNDk5IDguNTIwODUgMTIuMjIyMyA4LjE4MzI4QzEyLjE5NTUgNy44NTQ0NyAxMi4xNDY4IDcuNjg2MzEgMTIuMDg3IDcuNTY5MDFDMTEuOTQzMiA3LjI4Njc3IDExLjcxMzcgNy4wNTczIDExLjQzMTUgNi45MTM0OUMxMS4zMTQyIDYuODUzNzIgMTEuMTQ2IDYuODA1MDMgMTAuODE3MiA2Ljc3ODE2QzEwLjQ3OTYgNi43NTA1OCAxMC4wNDI5IDYuNzUgOS40MDA0OSA2Ljc1SDQuNjAwNDlDMy45NTgwNSA2Ljc1IDMuNTIxMzMgNi43NTA1OCAzLjE4Mzc3IDYuNzc4MTZaTTcuMDAwNDkgOC42MjVDNy40MTQ3IDguNjI1IDcuNzUwNDkgOC45NjA3OSA3Ljc1MDQ5IDkuMzc1VjEwLjg3NUM3Ljc1MDQ5IDExLjI4OTIgNy40MTQ3IDExLjYyNSA3LjAwMDQ5IDExLjYyNUM2LjU4NjI4IDExLjYyNSA2LjI1MDQ5IDExLjI4OTIgNi4yNTA0OSAxMC44NzVWOS4zNzVDNi4yNTA0OSA4Ljk2MDc5IDYuNTg2MjggOC42MjUgNy4wMDA0OSA4LjYyNVoiIGZpbGw9IiM3Mjc2NzIiLz4KPC9zdmc+Cg==';
 
 const calculateTargetValue = (level, currencySymbol, language) => {
@@ -2957,7 +2952,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 {
@@ -3652,7 +3647,7 @@ const CasinoChallengesOverlayDrawerDetails = class {
                 case EChallengeDetailsTabs.Levels:
                     return (h("casino-challenge-details-levels", { open: ((_b = this.detailsSubPageInfo) === null || _b === void 0 ? void 0 : _b.tab) === EChallengeDetailsTabs.Levels, challenge: this.challenge, isMobile: this.isMobile, isOptedOut: this.isOptedOut, isChallengePaused: this.isChallengePaused, language: this.language }));
                 case EChallengeDetailsTabs.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.Events:
                     return (h("casino-challenge-details-events", { open: ((_c = this.detailsSubPageInfo) === null || _c === void 0 ? void 0 : _c.tab) === EChallengeDetailsTabs.Events, challenge: this.challenge, isMobile: this.isMobile, language: this.language }));
                 case EChallengeDetailsTabs.Rules:
@@ -3858,10 +3853,16 @@ const CasinoChallengesOverlayDrawerDetails = class {
         }
         return null;
     }
+    handleGameClick(gameSlug) {
+        window.postMessage({
+            type: EPostMessageRequestType.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$1('games', this.language)), h("span", null, "(", this.challenge.TotalGamesCount, ")")), h("button", { class: "row button", onClick: this.handleAllGamesClick }, h("p", null, translate$1('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$1('games', this.language)), h("span", null, "(", this.challenge.TotalGamesCount, ")")), h("button", { class: "row button", onClick: this.handleAllGamesClick }, h("p", null, translate$1('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;
     }
@@ -3906,7 +3907,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,

package/dist/esm/{casino-challenges-overlay-drawer-22f199a0.js → casino-challenges-overlay-drawer-524337b6.js}

@@ -455,7 +455,7 @@ const errorSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUi
 
 const checkSvg = '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 {
@@ -993,6 +993,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()));
     }

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

@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["casino-challenge-details-events_21",[[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-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_21",[[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-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 CasinoChallengesOverlayDrawer } from './casino-challenges-overlay-drawer-22f199a0.js';
+export { C as CasinoChallengesOverlayDrawer } from './casino-challenges-overlay-drawer-524337b6.js';
 import './index-25fd45d2.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_21",[[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-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_21",[[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-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-drawer",
-  "version": "0.4.7",
+  "version": "0.4.8",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",