@everymatrix/casino-challenges-overlay-drawer 0.4.1 → 0.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/dist/casino-challenges-overlay-drawer/casino-challenge-details-events_21.entry.js +1 -1
  2. package/dist/casino-challenges-overlay-drawer/casino-challenges-overlay-drawer-22f199a0.js +1 -0
  3. package/dist/casino-challenges-overlay-drawer/casino-challenges-overlay-drawer.esm.js +1 -1
  4. package/dist/casino-challenges-overlay-drawer/index.esm.js +1 -1
  5. package/dist/cjs/casino-challenge-details-events_21.cjs.entry.js +32 -14
  6. package/dist/cjs/{casino-challenges-overlay-drawer-fc0f80db.js → casino-challenges-overlay-drawer-47aaa28f.js} +12 -3
  7. package/dist/cjs/casino-challenges-overlay-drawer.cjs.js +1 -1
  8. package/dist/cjs/index.cjs.js +1 -1
  9. package/dist/cjs/loader.cjs.js +1 -1
  10. package/dist/collection/components/casino-challenges-overlay-drawer/casino-challenges-overlay-drawer.js +27 -4
  11. package/dist/collection/components/components/casino-challenges-overlay-tabs/casino-challenges-overlay-tabs.css +5 -2
  12. package/dist/collection/components/components/casino-challenges-overlay-tabs/casino-challenges-overlay-tabs.js +41 -9
  13. package/dist/collection/components/components/swipe-up/swipe-up.css +22 -0
  14. package/dist/collection/components/components/swipe-up/swipe-up.js +9 -2
  15. package/dist/collection/utils/types.js +7 -0
  16. package/dist/esm/casino-challenge-details-events_21.entry.js +33 -15
  17. package/dist/esm/{casino-challenges-overlay-drawer-7f1fbfff.js → casino-challenges-overlay-drawer-22f199a0.js} +13 -4
  18. package/dist/esm/casino-challenges-overlay-drawer.js +1 -1
  19. package/dist/esm/index.js +1 -1
  20. package/dist/esm/loader.js +1 -1
  21. package/dist/types/components/casino-challenges-overlay-drawer/casino-challenges-overlay-drawer.d.ts +2 -1
  22. package/dist/types/components/components/casino-challenges-overlay-tabs/casino-challenges-overlay-tabs.d.ts +3 -1
  23. package/dist/types/components.d.ts +6 -2
  24. package/dist/types/utils/types.d.ts +6 -0
  25. package/package.json +1 -1
  26. package/dist/casino-challenges-overlay-drawer/casino-challenges-overlay-drawer-7f1fbfff.js +0 -1
package/dist/casino-challenges-overlay-drawer/casino-challenges-overlay-drawer-22f199a0.js ADDED
@@ -0,0 +1 @@
1
+ import{r as e,h as t}from"./index-25fd45d2.js";const i="__WIDGET_GLOBAL_STYLE_CACHE__";function n(e,t){if(e){const i=document.createElement("style");i.innerHTML=t,e.appendChild(i)}}function s(e,t){if(!e||!t)return;const i=new URL(t);fetch(i.href).then((e=>e.text())).then((t=>{const i=document.createElement("style");i.innerHTML=t,e&&e.appendChild(i)})).catch((e=>{console.error("There was an error while trying to load client styling from URL",e)}))}function o(e,t,n,s=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!s)return n=function(e,t){const i=document.createElement("style");return window.emMessageBus.subscribe(t,(t=>{e&&(i.innerHTML=t,e.appendChild(i))}))}(e,t),n;window[i]||(window[i]={}),n=function(e,t){return window.emMessageBus.subscribe(t,(n=>{if(!e)return;const s=e.getRootNode(),o=window[i];let a=o[t]&&o[t].sheet;a?o[t].refCount=o[t].refCount+1:(a=new CSSStyleSheet,a.replaceSync(n),o[t]={sheet:a,refCount:1});const l=s.adoptedStyleSheets||[];l.includes(a)||(s.adoptedStyleSheets=[...l,a])}))}(e,t);const o=n.unsubscribe.bind(n);return n.unsubscribe=()=>{if(window[i][t]){const e=window[i][t];e.refCount>1?e.refCount=e.refCount-1:delete window[i][t]}o()},n}const a={en:{title:"Challenges",promo:"Promo",active:"Active",pendingTab:"Pending",finishedTab:"Finished",levels:"Levels",level:"Level",seeAll:"See All",games:"Games",rules:"Rules",events:"Events",codeTab:"Code",endsIn:"Ends In",expired:"Expired",placeBetsOf:"Place bets of",place:"Place",bet:"bet",bets:"bets",minBet:"min bet",forfeited:"Forfeited",finished:"Finished",suspended:"Suspended",completed:"Completed",unavailable:"Unavailable",optIn:"Opt In",optOutLeavingText:"Leaving the challenge will cancel your progress and disqualify from future participation",optOutLeavingActionText:"Opt out of Challenge",optOutModalTitle:"Opt out of challenge?",optOudModalDescription:"Current progress will be lost, but you will keep earned rewards. You will not be able to opt in for this challenge again.",optOutModalConfirm:"Opt Out",optOutModalCancel:"Cancel",optOutSuccessMessage:"You’ve opted out of the challenge.",resume:"Resume",pause:"Pause",join:"Join to Start",deposit:"Deposit",launchGame:"Launch Game",launchDescription:"Launch any game from the Games tab to unlock the Challenge",depositAmountDescription:"to unlock the Challenge",noDepositAmountDescription:"Deposit any amount to unlock the Challenge",claimByButton:"Claim",claimDescription:"Click Claim button to unlock the Challenge",resumeDescription:"Your progress is saved while Challenge is suspended",optInDescription:"You are ready to opt-in!",pausedDescription:"Your progress is saved while Challenge is paused",congrats:"Congratulations!",forfeitNotification:"Unfortunately, your progress has been forfeited, and you are no longer eligible to continue this challenge. Check out other available challenges!",optedOutNotification:"You’ve left this challenge. Your progress has been lost, and rejoining is no longer possible. Discover other available challenges.",completedNofitication:"You've successfully completed this challenge! Explore the next one and keep playing to earn more rewards!",expiredNotification:"Unfortunately, this challenge has expired and is no longer available to complete. Try another one that’s still active!",pendingDescription:"You can join this challenge once you've finished the previous progress in the Active tab",terms:"Terms & Conditions",readFullTerms:"Read full Terms & Conditions",contribution:"contribution",endDate:"End Date",back:"Back",all:"All Challenges",sports:"Sports",casino:"Casino",contributionType:"Contribution Type",contributionRule:"Contribution Rule",isContributeToOne:"Bets contribute only to the earliest started challenge (if there are multiple started challenges)",isNotContributeToOne:"Bets contribute to all started challenges",bonusMoney:"Bonus Money",realMoney:"Real Money",mixedMoney:"Real and Bonus Money contribution",defaultRule:"All events - ",fundsUsed:"Funds Used",sportsbookRealMoney:"Only Real Money bets can contribute",sportsbookBonusMoney:"Only Bonus bets can contribute",sportsbookMixMoney:"Both Real Money and Bonus bets can contribute",eligibleMatchTypes:"Eligible Match Types",preLiveMatchType:"Only Pre-Match bets can contribute",liveMatchType:"Only Live bets can contribute",mixMatchType:"Both Pre-Match and Live bets can contribute",eligibleBetTypes:"Eligible Bet Types",single:"Single",multi:"Multi/Combi",betBuilder:"Only Bet Builder Bets",nonBetBuilder:"Only Non-Bet Builder Bets",mixBetBuilder:"Bet Builder & Non-Bet Builder Bets",system:"System",banker:"Only Banker Bets",nonBanker:"Only Non-Banker Bets",mixBanker:"Banker & Non-Banker Bets",oddsPerSection:"Odds per Selection",totalOdds:"Total Odds",totalLevels:"Total Levels",selections:"Selections",time:"time",times:"times",winStakeRatio:"Win/Stake Ratio",promoTabEmptyHeader:"Nothing here - yet!",promoTabEmptyDescription:"No challenges at the moment. Try exploring events or keep playing to unlock new ones.",activeTabEmptyHeader:"No active challenges yet",activeTabEmptyDescription:"Check Promo tab to find available offers",pendingTabEmptyHeader:"No pending challenges yet",pendingTabEmptyDescription:"Check Promo tab to find available offers",finishedTabEmptyHeader:"No finished challenges yet",finishedTabEmptyDescription:"Check Promo tab to find available offers",yourProgress:"Your Progress",claimCodeTitle:"Enter the secret code to unlock hidden quests and rewards.",claimCodeSuccessMessage:"The code was successfully applied.",claimCodeInputLabel:"3–30 characters, no spaces",claimCodeBtnText:"Apply Code",claimCodeError:"Invalid format. Use Latin letters, numbers, or symbols.",claimCodeDescription:"Enter code to unlock the challenge",status:"Status",grantClaimByButtonSuccessMessage:"Challenge has been triggered successfully and is now available on the Active tab"},da:{title:""}},l=(e,t)=>a[void 0!==t&&t in a?t:"en"][e],r=async e=>{if(e)try{const i=await fetch(e);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);const n=await i.json();t=n,Object.keys(t).forEach((e=>{a[e]||(a[e]={});for(let i in t[e])a[e][i]=t[e][i]}))}catch(e){console.error("Failed to fetch or parse translations from URL:",e)}var t};var h,c,d,g,u,M,p,b,m,v,z,y,w,f,x,C;!function(e){e[e.Accumulative=0]="Accumulative",e[e.SingleBet=1]="SingleBet",e[e.MultipleOneBetSize=2]="MultipleOneBetSize",e[e.BetMultiplier=3]="BetMultiplier"}(h||(h={})),function(e){e[e.Single=0]="Single",e[e.Daily=1]="Daily",e[e.Weekly=2]="Weekly",e[e.Monthly=3]="Monthly"}(c||(c={})),function(e){e[e.FreeSpins=0]="FreeSpins",e[e.LuckyWheel=1]="LuckyWheel",e[e.Leaderboard=2]="Leaderboard",e[e.Challenge=3]="Challenge",e[e.Custom=4]="Custom"}(d||(d={})),function(e){e[e.Closed=0]="Closed",e[e.InProgress=1]="InProgress",e[e.Fillup=2]="Fillup",e[e.Completed=3]="Completed"}(g||(g={})),function(e){e[e.Started=0]="Started",e[e.InProgress=1]="InProgress",e[e.PendingLevelReward=2]="PendingLevelReward",e[e.Completed=3]="Completed",e[e.Expired=4]="Expired",e[e.Forfeited=5]="Forfeited",e[e.Awaiting=6]="Awaiting",e[e.Paused=7]="Paused"}(u||(u={})),function(e){e[e.Draft=0]="Draft",e[e.Enabled=1]="Enabled",e[e.Paused=2]="Paused",e[e.Closed=3]="Closed",e[e.Deleted=4]="Deleted"}(M||(M={})),function(e){e[e.GameLaunch=0]="GameLaunch",e[e.Reward=1]="Reward",e[e.Manual=2]="Manual",e[e.Claim=3]="Claim",e[e.Event=4]="Event",e[e.Deposit=5]="Deposit",e[e.ClaimByButton=6]="ClaimByButton"}(p||(p={})),function(e){e[e.Period=0]="Period",e[e.Date=1]="Date"}(b||(b={})),function(e){e[e.Casino=0]="Casino",e[e.Any=1]="Any",e[e.Sportsbook=2]="Sportsbook"}(m||(m={})),function(e){e[e.Any=0]="Any",e[e.Live=1]="Live",e[e.PreLive=2]="PreLive"}(v||(v={})),function(e){e[e.Single=0]="Single",e[e.Multiple=1]="Multiple",e[e.System=2]="System"}(z||(z={})),function(e){e[e.Any=0]="Any",e[e.BankerOnly=1]="BankerOnly",e[e.NotBankerOnly=2]="NotBankerOnly"}(y||(y={})),function(e){e[e.Any=0]="Any",e[e.BetBuilderOnly=1]="BetBuilderOnly",e[e.NotBetBuilderOnly=2]="NotBetBuilderOnly"}(w||(w={})),function(e){e[e.RealCash=0]="RealCash",e[e.BonusMoney=1]="BonusMoney",e[e.Mixed=2]="Mixed"}(f||(f={})),function(e){e[e.Promo=0]="Promo",e[e.Active=1]="Active",e[e.Pending=2]="Pending",e[e.Finished=3]="Finished",e[e.Code=4]="Code"}(x||(x={})),function(e){e[e.Levels=0]="Levels",e[e.Games=1]="Games",e[e.Events=2]="Events",e[e.Rules=3]="Rules"}(C||(C={}));const N=["Completed","Expired","Forfeited"];var j,D,I,_;!function(e){e[e.Completed=0]="Completed",e[e.Expired=1]="Expired",e[e.Forfeited=2]="Forfeited"}(j||(j={})),function(e){e.ChallengesHistory="ChallengesHistoryRequest",e.ChallengePromoTab="ChallengePromoTabRequest",e.ClaimChallengeByCode="ClaimChallengeByCodeRequest",e.ChallengeJoin="ChallengeJoinRequest",e.RedirectToDepositPage="RedirectToDepositPage",e.ClaimChallengeByButton="ClaimChallengeByButtonRequest",e.GetChallengeGames="GetChallengeGamesRequest",e.ChallengeIsNew="ChallengeIsNewRequest",e.ChallengeInGameRedirect="ChallengeInGameRedirect",e.ForfeitChallenge="ForfeitChallengeRequest"}(D||(D={})),function(e){e.ChallengesHistory="ChallengesHistoryResponse",e.ChallengePromoTab="ChallengePromoTabResponse",e.ClaimChallengeByCode="ClaimChallengeByCodeResponse",e.ChallengeJoin="ChallengeJoinResponse",e.ClaimChallengeByButton="ClaimChallengeByButtonResponse",e.GetChallengeGames="GetChallengeGamesResponse",e.ChallengeIsNew="ChallengeIsNewResponse",e.ForfeitChallenge="ForfeitChallengeResponse",e.ChangeChallengeProgressStatus="ChangeChallengeProgressStatus",e.ChallengeChangeStatusNotification="ChallengeChangeStatusNotification",e.ChallengeForfeitNotification="ChallengeForfeitNotification",e.UpdateChallengeProgress="UpdateChallengeProgress",e.NewChallengeProgressGranted="NewChallengeProgressGranted"}(I||(I={})),function(e){e.PromoTab="promo",e.PendingTab="pending",e.FinishedTab="finished",e.CodeTab="code"}(_||(_={}));const A=class{constructor(i){var n,s,o,r,h,c,d,g,p,b;e(this,i),this.EMPTY_STATE_PAGE_DESCRIPTION_MAP={[x.Promo]:{header:null===(n=a[this.language])||void 0===n?void 0:n.promoTabEmptyHeader,description:null===(s=a[this.language])||void 0===s?void 0:s.promoTabEmptyDescription},[x.Active]:{header:null===(o=a[this.language])||void 0===o?void 0:o.activeTabEmptyHeader,description:null===(r=a[this.language])||void 0===r?void 0:r.activeTabEmptyDescription},[x.Pending]:{header:null===(h=a[this.language])||void 0===h?void 0:h.pendingTabEmptyHeader,description:null===(c=a[this.language])||void 0===c?void 0:c.pendingTabEmptyDescription},[x.Finished]:{header:null===(d=a[this.language])||void 0===d?void 0:d.finishedTabEmptyHeader,description:null===(g=a[this.language])||void 0===g?void 0:g.finishedTabEmptyDescription}},this.onActiveChallengeChange=e=>{var t,i,n;(null==e?void 0:e.detail)&&(this.removeOptedOutChallenge(),this.updateActiveChallenge(this.activeTabIndex===x.Active?null===(t=this.activeChallenges)||void 0===t?void 0:t.find((t=>(null==t?void 0:t.Id)===e.detail)):this.activeTabIndex===x.Pending?null===(i=this.pendingChallenges)||void 0===i?void 0:i.find((t=>(null==t?void 0:t.Id)===e.detail)):null===(n=this.promoChallenges)||void 0===n?void 0:n.find((t=>(null==t?void 0:t.Id)===e.detail))))},this.onSeeMoreClick=e=>{this.detailsSubPageInfo={open:e.detail.open,tab:e.detail.tab}},this.onLoadMorePlayerHistory=e=>{window.postMessage({type:D.ChallengesHistory,data:e.detail})},this.isInactiveChallenge=e=>[u.Awaiting,u.Forfeited,u.Completed,u.Expired].includes(e.Status)||e.ChallengeStatus===M.Paused,this.updateActiveChallenge=e=>{var t;this.activeChallenge=e,this.activeProgressId=null===(t=this.activeChallenge)||void 0===t?void 0:t.Id},this.removeOptedOutChallenge=()=>{var e;this.isOptedOut&&(this.isOptedOut=!1,this.activeChallenges=null===(e=this.activeChallenges)||void 0===e?void 0:e.filter((e=>{var t;return(null==e?void 0:e.Id)!==(null===(t=this.activeChallenge)||void 0===t?void 0:t.Id)})),this.activeChallenge=null)},this.handleTabClick=e=>{e.detail!==this.activeTabIndex&&(this.removeOptedOutChallenge(),this.activeTabIndex=e.detail,this.activeTabIndex===x.Promo&&window.postMessage({type:D.ChallengePromoTab,data:{}}),this.activeTabIndex===x.Active&&this.updateActiveChallenge(this.activeChallenges[0]),this.activeTabIndex===x.Pending&&this.updateActiveChallenge(this.pendingChallenges[0]),this.activeTabIndex===x.Finished&&window.postMessage({type:D.ChallengesHistory,data:{PageSize:20,PageNumber:0}}),e.detail!==x.Code&&(this.emptyState=this.EMPTY_STATE_PAGE_DESCRIPTION_MAP[e.detail]))},this.openNotification=e=>{this.notification=e,setTimeout((()=>this.notification=null),1e4)},this.renderNotification=()=>{var e,i,n;return t("div",{class:"notification "+((null===(e=this.notification)||void 0===e?void 0:e.errored)?"errored":"")},t("div",{class:"row"},t("img",{src:(null===(i=this.notification)||void 0===i?void 0:i.errored)?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjMzMzMzIDEuMzMzMzNDNC4wMTk2MiAxLjMzMzMzIDEuMzMzMzMgNC4wMTk2MiAxLjMzMzMzIDcuMzMzMzNDMS4zMzMzMyAxMC42NDcgNC4wMTk2MiAxMy4zMzMzIDcuMzMzMzMgMTMuMzMzM0MxMC42NDcgMTMuMzMzMyAxMy4zMzMzIDEwLjY0NyAxMy4zMzMzIDcuMzMzMzNDMTMuMzMzMyA0LjAxOTYyIDEwLjY0NyAxLjMzMzMzIDcuMzMzMzMgMS4zMzMzM1pNMCA3LjMzMzMzQzAgMy4yODMyNSAzLjI4MzI1IDAgNy4zMzMzMyAwQzExLjM4MzQgMCAxNC42NjY3IDMuMjgzMjUgMTQuNjY2NyA3LjMzMzMzQzE0LjY2NjcgMTEuMzgzNCAxMS4zODM0IDE0LjY2NjcgNy4zMzMzMyAxNC42NjY3QzMuMjgzMjUgMTQuNjY2NyAwIDExLjM4MzQgMCA3LjMzMzMzWk03LjMzMzMzIDRDNy43MDE1MiA0IDggNC4yOTg0OCA4IDQuNjY2NjdWNy4zMzMzM0M4IDcuNzAxNTIgNy43MDE1MiA4IDcuMzMzMzMgOEM2Ljk2NTE0IDggNi42NjY2NyA3LjcwMTUyIDYuNjY2NjcgNy4zMzMzM1Y0LjY2NjY3QzYuNjY2NjcgNC4yOTg0OCA2Ljk2NTE0IDQgNy4zMzMzMyA0Wk02LjY2NjY3IDEwQzYuNjY2NjcgOS42MzE4MSA2Ljk2NTE0IDkuMzMzMzMgNy4zMzMzMyA5LjMzMzMzSDcuMzRDNy43MDgxOSA5LjMzMzMzIDguMDA2NjcgOS42MzE4MSA4LjAwNjY3IDEwQzguMDA2NjcgMTAuMzY4MiA3LjcwODE5IDEwLjY2NjcgNy4zNCAxMC42NjY3SDcuMzMzMzNDNi45NjUxNCAxMC42NjY3IDYuNjY2NjcgMTAuMzY4MiA2LjY2NjY3IDEwWiIgZmlsbD0iI0ZGNEQ0RiIvPgo8L3N2Zz4K":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjMzMzMzIDEuMzMzMzNDNC4wMTk2MiAxLjMzMzMzIDEuMzMzMzMgNC4wMTk2MiAxLjMzMzMzIDcuMzMzMzNDMS4zMzMzMyAxMC42NDcgNC4wMTk2MiAxMy4zMzMzIDcuMzMzMzMgMTMuMzMzM0MxMC42NDcgMTMuMzMzMyAxMy4zMzMzIDEwLjY0NyAxMy4zMzMzIDcuMzMzMzNDMTMuMzMzMyA0LjAxOTYyIDEwLjY0NyAxLjMzMzMzIDcuMzMzMzMgMS4zMzMzM1pNMCA3LjMzMzMzQzAgMy4yODMyNSAzLjI4MzI1IDAgNy4zMzMzMyAwQzExLjM4MzQgMCAxNC42NjY3IDMuMjgzMjUgMTQuNjY2NyA3LjMzMzMzQzE0LjY2NjcgMTEuMzgzNCAxMS4zODM0IDE0LjY2NjcgNy4zMzMzMyAxNC42NjY3QzMuMjgzMjUgMTQuNjY2NyAwIDExLjM4MzQgMCA3LjMzMzMzWk0xMC44MDQ3IDQuODYxOTNDMTEuMDY1MSA1LjEyMjI4IDExLjA2NTEgNS41NDQzOSAxMC44MDQ3IDUuODA0NzRMNi44MDQ3NCA5LjgwNDc0QzYuNTQ0MzkgMTAuMDY1MSA2LjEyMjI4IDEwLjA2NTEgNS44NjE5MyA5LjgwNDc0TDMuODYxOTMgNy44MDQ3NEMzLjYwMTU4IDcuNTQ0MzkgMy42MDE1OCA3LjEyMjI4IDMuODYxOTMgNi44NjE5M0M0LjEyMjI4IDYuNjAxNTggNC41NDQzOSA2LjYwMTU4IDQuODA0NzQgNi44NjE5M0w2LjMzMzMzIDguMzkwNTJMOS44NjE5MyA0Ljg2MTkzQzEwLjEyMjMgNC42MDE1OCAxMC41NDQ0IDQuNjAxNTggMTAuODA0NyA0Ljg2MTkzWiIgZmlsbD0iIzAwRkE1QSIvPgo8L3N2Zz4K",class:"notification__icon",alt:""}),t("p",{class:"notification__message"},null===(n=this.notification)||void 0===n?void 0:n.message)))},this.renderHeader=e=>t("div",null,t("h1",{class:"challenges__drawer__title"},t("span",null,l("title",this.language)),t("button",{class:"challenges__drawer__close",onClick:this.onCloseClick},t("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNSAxNy41TDE3LjUgMi41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMDA0NTkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yLjUgMi41TDE3LjUgMTcuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjAwNDU5IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K",alt:""}))),this.enabledWidgetTabs.length>0&&t("casino-challenges-overlay-tabs",{onTabClick:this.handleTabClick,activeTabIndex:this.activeTabIndex,activeTabHasNotification:!1,pendingTabHasNotification:!1,language:this.language,"is-mobile":e,enabledWidgetTabs:this.enabledWidgetTabs})),this.isEmptyState=()=>{if(!this.loading&&this.activeTabIndex!==x.Code){if(this.activeTabIndex===x.Active&&!this.activeChallenges.length)return!0;if(this.activeTabIndex===x.Pending&&!this.pendingChallenges.length)return!0;if(this.activeTabIndex===x.Promo&&!this.promoChallenges.length)return!0;if(this.activeTabIndex===x.Finished&&!this.playerHistory.length)return!0}return!1},this.renderEmptyState=e=>{var i,n;return t("div",null,this.renderHeader(e),t("casino-challenges-empty-state",{header:null===(i=this.emptyState)||void 0===i?void 0:i.header,description:null===(n=this.emptyState)||void 0===n?void 0:n.description,"is-mobile":e}))},this.renderFinishedTab=e=>t("div",null,this.renderHeader(e),t("casino-challenges-overlay-drawer-history",{mbSource:this.mbSource,clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,translationUrl:this.translationUrl,language:this.language,isMobile:e,historyItems:this.playerHistory,hasMore:this.hasMorePlayerHistory,onLoadMore:this.onLoadMorePlayerHistory,loading:this.loading})),this.renderCodeTab=e=>t("div",null,this.renderHeader(e),t("casino-challenges-claim-code",{"is-mobile":e})),this.renderChallengeDetails=(e,i=!1)=>t("casino-challenges-overlay-drawer-details",{challenge:this.activeChallenge,swipped:this.swipped,progress:this.progress,"is-mobile":e,"is-unique":i,"is-opted-out":this.isOptedOut,"active-challenges-tab-index":this.activeTabIndex,onSeeMoreClick:this.onSeeMoreClick,detailsSubPageInfo:this.detailsSubPageInfo,challengeGames:this.challengeGames,onCloseClick:this.onCloseClick}),this.renderChallengesTabs=e=>{const i=this.activeTabIndex===x.Active?this.activeChallenges:this.activeTabIndex===x.Pending?this.pendingChallenges:this.promoChallenges,n=1===i.length;return t("swipe-up",{onSwippedUp:e=>{this.swipped=e.detail.swipped,this.progress=e.detail.progress},isMobile:e,isOneSlider:n},t("div",{class:"content-header",slot:"header"},this.renderHeader(e),t("div",{class:{"content-spacer":this.swipped||!e,"one-slide":n&&this.swipped}},t("casino-challenges-overlay-slider",{mbSource:this.mbSource,clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,translationUrl:this.translationUrl,language:this.language,challenges:i,isMobile:e,onActiveChallengeChange:this.onActiveChallengeChange,initialProgressId:this.activeProgressId,activeTabIndex:this.activeTabIndex}))),t("div",{class:"content-details",slot:"details",style:{overflow:this.swipped?"auto":"hidden"}},this.renderChallengeDetails(e,n)))},this.onCloseClick=()=>{var e,t;this.pendingChallenges=null===(e=this.pendingChallenges)||void 0===e?void 0:e.filter((e=>e.Status===u.Awaiting)),this.activeChallenges=null===(t=this.activeChallenges)||void 0===t?void 0:t.filter((e=>!this.isInactiveChallenge(e))),this.detailsSubPageInfo={open:!1,tab:null},this.loading=!1,this.isOptedOut=!1,this.handleClose()},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.isOpen=!1,this.handleClose=()=>{},this.challenges=[],this.initialProgressId="",this.enabledWidgetTabs=void 0,this.activeChallenge=null,this.activeProgressId="",this.activeTabIndex=x.Active,this.error="",this.hasError=!1,this.swipped=!1,this.detailsSubPageInfo=void 0,this.progress=0,this.loading=!1,this.notification=null,this.optOutModaIsOpen=!1,this.isOptedOut=!1,this.prevUpdateEvent=void 0,this.challengeGames=[],this.activeChallenges=[],this.pendingChallenges=[],this.promoChallenges=[],this.playerHistory=[],this.hasMorePlayerHistory=!1,this.emptyState={header:null===(p=a[this.language])||void 0===p?void 0:p.activeTabEmptyHeader,description:null===(b=a[this.language])||void 0===b?void 0:b.activeTabEmptyDescription}}handleClientStylingChange(e,t){e!=t&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(e,t){e!=t&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(e,t){e!=t&&o(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}handleIsOpenChange(e){var t;if(e)if(this.initialProgressId&&this.challenges.length||!this.enabledWidgetTabs.includes(_.PromoTab)){this.activeTabIndex=x.Active,this.activeProgressId=this.initialProgressId;const e=(null===(t=this.activeChallenges)||void 0===t?void 0:t.find((e=>e.Id===this.activeProgressId)))||this.activeChallenges[0];this.updateActiveChallenge(e||null)}else this.activeTabIndex=x.Promo,window.postMessage({type:D.ChallengePromoTab,data:{}})}onActiveChallengeChanged(){this.challengeGames=[]}onOpenOptOut(){this.optOutModaIsOpen=!0}onCloseOptOut(){this.optOutModaIsOpen=!1}onConfirmOptOut(){window.postMessage({type:D.ForfeitChallenge,data:{ChallengeId:this.activeChallenge.ChallengeId}})}onChallengeExpired(e){if(null==e?void 0:e.detail)switch(this.activeTabIndex){case x.Active:this.activeChallenges=this.updateChallenge(this.activeChallenges,e.detail,{Status:u.Expired});break;case x.Pending:this.pendingChallenges=this.updateChallenge(this.pendingChallenges,e.detail,{Status:u.Expired});break;case x.Promo:this.promoChallenges=this.updateChallenge(this.promoChallenges,e.detail,{Status:u.Expired})}}handleEvent(e){var t,i,n,s;const{type:o,data:a,success:r,errorMessage:h}=null==e?void 0:e.data;switch(console.log("\nReceived event: ",null==e?void 0:e.data.type),console.log(e),o){case I.ChallengePromoTab:r?(this.promoChallenges=a||[],this.updateActiveChallenge(this.promoChallenges[0])):(this.promoChallenges=[],this.updateActiveChallenge(null),this.openNotification({message:h,errored:!0})),this.loading=!1;break;case I.ChallengesHistory:r?(this.playerHistory=this.playerHistory.length<(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.totalItem)?[...this.playerHistory,...a]:a,this.hasMorePlayerHistory=(null===(i=null==e?void 0:e.data)||void 0===i?void 0:i.totalItem)>this.playerHistory.length):this.openNotification({message:h,errored:!0}),this.loading=!1;break;case I.ClaimChallengeByCode:r?(this.openNotification({message:l("claimCodeSuccessMessage",this.language)}),this.activeChallenges=[...this.activeChallenges,a]):this.openNotification({message:h,errored:!0}),this.loading=!1;break;case I.ChallengeJoin:if(r){const e=[u.Paused,u.Started].includes(null===(n=this.activeChallenge)||void 0===n?void 0:n.Status);this.activeChallenges=this.updateChallenge(this.activeChallenges,e?null==a?void 0:a.joinId:null==a?void 0:a.unjoinId,{Status:e?u.InProgress:u.Paused})}else this.openNotification({message:h,errored:!0});this.loading=!1;break;case I.ChallengeIsNew:r?this.updateChallengeByProgressId(null==a?void 0:a.challengeProgressId,{IsNew:!1}):this.openNotification({message:h,errored:!0});break;case I.GetChallengeGames:r?this.challengeGames=a:this.openNotification({message:h,errored:!0}),this.loading=!1;break;case I.ClaimChallengeByButton:if(r){const e=Array.isArray(a)?a[0]:a;e&&(e.IsNew=!1,this.activeChallenges=[...this.activeChallenges,e],this.updateActiveChallenge(e),this.activeTabIndex=x.Active,this.openNotification({message:l("grantClaimByButtonSuccessMessage",this.language)}))}else this.openNotification({message:h,errored:!0});this.loading=!1;break;case I.ForfeitChallenge:this.optOutModaIsOpen=!1,r?(this.openNotification({message:l("optOutSuccessMessage",this.language)}),this.detailsSubPageInfo={open:!1,tab:null},this.isOptedOut=!0):this.openNotification({message:h,errored:!0}),this.loading=!1;break;case I.ChangeChallengeProgressStatus:this.updateChallengeByProgressId(null==a?void 0:a.ChallengeProgressId,{Status:null==a?void 0:a.ChallengeProgressStatus});break;case I.ChallengeChangeStatusNotification:this.updateChallengeById(null==a?void 0:a.ChallengeId,{ChallengeStatus:(null==a?void 0:a.IsEnabled)?M.Enabled:M.Paused});break;case I.ChallengeForfeitNotification:this.updateChallengeById(null==a?void 0:a.ChallengeId,{Status:u.Forfeited});break;case I.UpdateChallengeProgress:{const e=a;if(!((e,t)=>{if(!e)return!0;if(e.ProgressId!==t.ProgressId)return!0;if(e.Levels.length!==t.Levels.length)return!0;for(let i=0;i<t.Levels.length;i++){const n=e.Levels[i],s=t.Levels[i];if(n.LevelId!==s.LevelId||n.ProgressStatus!==s.ProgressStatus||n.ProgressPercentage!==s.ProgressPercentage)return!0}return!1})(this.prevUpdateEvent,e))return;this.prevUpdateEvent=e,this.activeChallenges=null===(s=this.activeChallenges)||void 0===s?void 0:s.map((t=>{if(t.Id!==(null==e?void 0:e.ProgressId))return t;const i=t.LevelProgresses.map((t=>{const i=null==e?void 0:e.Levels.find((e=>e.LevelId===t.LevelId));return i?Object.assign(Object.assign({},t),{ProgressStatus:i.ProgressStatus,ProgressPercentage:i.ProgressPercentage}):t}));return Object.assign(Object.assign({},t),{Status:null==e?void 0:e.Status,LevelProgresses:i})}));break}case I.NewChallengeProgressGranted:const o=(null==a?void 0:a.Status)===u.Awaiting,c=o?this.pendingChallenges:this.activeChallenges;if(null==c?void 0:c.some((e=>e.Id===(null==a?void 0:a.Id))))break;o?(this.pendingChallenges=[...c,a],this.activeTabIndex===x.Pending&&1===this.pendingChallenges.length&&this.updateActiveChallenge(a)):(this.activeChallenges=[...c,a],this.activeTabIndex===x.Active&&1===this.activeChallenges.length&&this.updateActiveChallenge(a));break;case D.ChallengeJoin:case D.GetChallengeGames:case D.ClaimChallengeByButton:case D.RedirectToDepositPage:case D.ChallengeInGameRedirect:case D.ChallengesHistory:case D.ChallengePromoTab:case D.ClaimChallengeByCode:case D.ForfeitChallenge:this.loading=!0}}componentWillLoad(){var e;if(this.translationUrl&&r(this.translationUrl),null===(e=this.challenges)||void 0===e?void 0:e.length){const e=[...this.challenges];this.pendingChallenges=e.filter((e=>e.Status===u.Awaiting)),this.activeChallenges=e.filter((e=>!this.isInactiveChallenge(e)))}}componentDidLoad(){this.stylingContainer&&(this.mbSource&&o(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription),this.clientStyling&&n(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&s(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}updateChallenge(e,t,i){var n;return(null===(n=this.activeChallenge)||void 0===n?void 0:n.Id)===t&&(this.activeChallenge=Object.assign(Object.assign({},this.activeChallenge),i)),e.map((e=>e.Id===t?Object.assign(Object.assign({},e),i):e))}updateChallengeList(e,t,i){let n=!1;const s=e.map((e=>e.ChallengeId===t?(n=!0,Object.assign(Object.assign({},e),i)):e));return n?s:e}updateChallengeById(e,t){var i;(null===(i=this.activeChallenge)||void 0===i?void 0:i.ChallengeId)===e&&(this.activeChallenge=Object.assign(Object.assign({},this.activeChallenge),t)),this.activeChallenges=this.updateChallengeList(this.activeChallenges,e,t),this.pendingChallenges=this.updateChallengeList(this.pendingChallenges,e,t),this.promoChallenges=this.updateChallengeList(this.promoChallenges,e,t)}updateChallengeByProgressId(e,t){var i;(null===(i=this.activeChallenge)||void 0===i?void 0:i.Id)===e&&(this.activeChallenge=Object.assign(Object.assign({},this.activeChallenge),t)),this.activeChallenges.find((t=>t.Id===e))?this.activeChallenges=this.activeChallenges.map((i=>i.Id===e?Object.assign(Object.assign({},i),t):i)):this.pendingChallenges.find((t=>t.Id===e))?this.pendingChallenges=this.pendingChallenges.map((i=>i.Id===e?Object.assign(Object.assign({},i),t):i)):this.promoChallenges=this.promoChallenges.map((i=>i.Id===e?Object.assign(Object.assign({},i),t):i))}renderContent(e,i){var n;if(i)return this.renderEmptyState(e);if(null===(n=this.detailsSubPageInfo)||void 0===n?void 0:n.open)return t("div",{class:"content-sub-page",slot:"details"},this.renderChallengeDetails(e));switch(this.activeTabIndex){case x.Promo:case x.Active:case x.Pending:return this.renderChallengesTabs(e);case x.Code:return this.renderCodeTab(e);case x.Finished:return this.renderFinishedTab(e);default:return}}render(){if(!this.isOpen)return;const e=(()=>{let e=window.navigator.userAgent;return!!(e.toLowerCase().match(/android/i)||e.toLowerCase().match(/blackberry|bb/i)||e.toLowerCase().match(/iphone|ipad|ipod/i)||e.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i))})()||window.innerWidth<=768,i=this.isEmptyState();return t("div",{ref:e=>this.stylingContainer=e,class:{container:!0,mobile:e}},t("div",{class:"challenges__backdrop",onClick:this.onCloseClick}),t("div",{class:"challenges__drawer"},t("casino-challenge-overlay-background",{empty:i}),t("div",{class:"challenges__drawer__content"},this.renderContent(e,i)),this.loading&&t("casino-challenges-overlay-loader",{"full-size":!0,"is-mobile":e}),t("casino-challenge-opt-out-modal",{open:this.optOutModaIsOpen,"is-mobile":e,language:this.language})),this.notification&&this.renderNotification())}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"],isOpen:["handleIsOpenChange"],activeChallenge:["onActiveChallengeChanged"]}}};A.style='@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}';export{A as C,j as E,N as H,D as a,s as b,o as c,x as d,_ as e,r,n as s,l as t}
package/dist/casino-challenges-overlay-drawer/casino-challenges-overlay-drawer.esm.js CHANGED
@@ -1 +1 @@
1
- import{p as e,b as l}from"./index-25fd45d2.js";export{s as setNonce}from"./index-25fd45d2.js";import{g as n}from"./app-globals-0f993ce5.js";(()=>{const l=import.meta.url,n={};return""!==l&&(n.resourcesUrl=new URL(".",l).href),e(n)})().then((async e=>(await n(),l([["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"],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"]}],[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]}]]]],e))));
1
+ import{p as e,b as l}from"./index-25fd45d2.js";export{s as setNonce}from"./index-25fd45d2.js";import{g as n}from"./app-globals-0f993ce5.js";(()=>{const l=import.meta.url,n={};return""!==l&&(n.resourcesUrl=new URL(".",l).href),e(n)})().then((async e=>(await n(),l([["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]}]]]],e))));
package/dist/casino-challenges-overlay-drawer/index.esm.js CHANGED
@@ -1 +1 @@
1
- export{C as CasinoChallengesOverlayDrawer}from"./casino-challenges-overlay-drawer-7f1fbfff.js";import"./index-25fd45d2.js";
1
+ export{C as CasinoChallengesOverlayDrawer}from"./casino-challenges-overlay-drawer-22f199a0.js";import"./index-25fd45d2.js";
package/dist/cjs/casino-challenge-details-events_21.cjs.entry.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-d2288c94.js');
6
- const casinoChallengesOverlayDrawer = require('./casino-challenges-overlay-drawer-fc0f80db.js');
6
+ const casinoChallengesOverlayDrawer = require('./casino-challenges-overlay-drawer-47aaa28f.js');
7
7
 
8
8
  function _typeof(o) {
9
9
  "@babel/helpers - typeof";
@@ -3516,7 +3516,7 @@ const alertSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTki
3516
3516
 
3517
3517
  const crossSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNSAxNy41TDE3LjUgMi41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMDA0NTkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yLjUgMi41TDE3LjUgMTcuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjAwNDU5IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K';
3518
3518
 
3519
- const casinoChallengesOverlayDrawerDetailsCss = ".Mobile.challenge-details.tabView, .Mobile.challenge-details.swipped.hasAction.tabView {\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n.Mobile.challenge-details.tabView::-webkit-scrollbar, .Mobile.challenge-details.swipped.hasAction.tabView::-webkit-scrollbar {\n display: none;\n}\n.Mobile.challenge-details {\n overflow-x: hidden;\n border-radius: 0;\n padding: 0;\n}\n.Mobile.challenge-details .content,\n.Mobile.challenge-details .sub-page-wrapper {\n padding: 0 12px;\n}\n.Mobile.challenge-details.tabView {\n border-radius: 20px 20px 0 0;\n border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n}\n.Mobile.challenge-details .breadcrumbs {\n margin: 16px 0 8px 0;\n height: 26px;\n}\n.Mobile.challenge-details .breadcrumbs .challenge-name,\n.Mobile.challenge-details .breadcrumbs .tab-name,\n.Mobile.challenge-details .breadcrumbs .total-number {\n font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile.challenge-details .breadcrumbs .action {\n right: 16px;\n width: 26px;\n height: 26px;\n}\n.Mobile.challenge-details .breadcrumbs .action img {\n width: 14px;\n}\n.Mobile.challenge-details .progress-block h3 {\n font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile.challenge-details .action-description,\n.Mobile.challenge-details .terms-title,\n.Mobile.challenge-details .terms-description {\n font-size: var(--emw--font-size-x-small, 12px);\n line-height: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-semibold, 600);\n}\n.Mobile.challenge-details.swipped .head .row .challenge-title {\n margin: 12px 0 24px 0;\n}\n.Mobile.challenge-details.swipped .head .action-description {\n display: none;\n}\n.Mobile.challenge-details .footer .action-description {\n margin: 0;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n max-height: 28px;\n min-height: 14px;\n -webkit-line-clamp: 2;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.Mobile.challenge-details .footer {\n border-top: 2px solid var(--emw--gradient-blue, #003e5c);\n background: var(--emw--backdrop-background, rgba(9, 9, 9, 0.8));\n backdrop-filter: blur(16px);\n padding: 12px 16px;\n border-radius: 0;\n}\n.Mobile.challenge-details .banner {\n position: relative;\n justify-self: center;\n}\n.Mobile.challenge-details .banner.grayed {\n opacity: 0.5;\n}\n.Mobile.challenge-details .banner__badge {\n height: 27px;\n box-sizing: border-box;\n align-content: center;\n color: var(--emw--badge-font-color, #f4eff4);\n font-size: var(--emw--font-size-xs-small, 13px);\n font-weight: var(--emw--font-weight-normal, 400);\n position: absolute;\n top: 10px;\n left: 12px;\n padding: 3px 4px;\n border: 1px solid var(--emw--dot-button-active-bg, rgba(255, 255, 255, 0.2));\n background: var(--emw--color-container-background, rgba(9, 9, 9, 0.5019607843));\n backdrop-filter: blur(4.5px);\n border-radius: 15px;\n}\n.Mobile.challenge-details .banner__badge .status {\n height: 100%;\n display: inline-flex;\n align-items: center;\n border-radius: 15px;\n border: 1px 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 padding: 0 8px 0 6px;\n}\n.Mobile.challenge-details .banner__badge .status::before {\n content: \"\";\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: var(--emw--status-badge-gray-bg, rgba(255, 255, 255, 0.5019607843));\n margin-right: 5px;\n flex-shrink: 0;\n}\n.Mobile.challenge-details .banner__badge .timer {\n font-weight: var(--emw--font-weight-bold, 700);\n padding-right: 4px;\n}\n.Mobile.challenge-details .banner__badge.unavailable .status::before, .Mobile.challenge-details .banner__badge.expired .status::before {\n background: var(--emw--status-badge-gray-bg, rgba(255, 255, 255, 0.5019607843));\n}\n.Mobile.challenge-details .banner__badge.completed .status::before {\n background: var(--emw--background-green-color, #00b541);\n}\n.Mobile.challenge-details .banner__badge.forfeited .status::before {\n background: var(--emw--status-badge-red-bg, #d63d1e);\n}\n.Mobile.challenge-details .banner__badge.paused .status::before {\n background: var(--emw--status-badge-yellow-bg, #ffb801);\n}\n.Mobile.challenge-details .banner__badge:has(.timer) {\n padding-left: 6px;\n}\n.Mobile.challenge-details .banner__image-wrapper {\n position: relative;\n width: 343px;\n height: 180px;\n border-radius: 16px;\n overflow: hidden;\n}\n.Mobile.challenge-details .banner__image-wrapper img {\n width: 100%;\n height: 100%;\n object-fit: fill;\n}\n.Mobile.challenge-details .banner * {\n pointer-events: none;\n}\n.Mobile.challenge-details .challenge-title {\n margin: 12px 0 8px 0;\n font-size: var(--emw--font-size-large, 18px);\n line-height: 22px;\n}\n.Mobile.challenge-details .challenge-rules {\n margin-bottom: 0;\n}\n.Mobile.challenge-details .challenge-rules .challenge-rule {\n font-size: var(--emw--font-size-x-small, 12px);\n}\n.Mobile.challenge-details .mobile-banner {\n display: flex;\n width: 343px;\n height: 180px;\n flex-direction: column;\n align-items: flex-start;\n gap: 10px;\n flex-shrink: 0;\n border-radius: 20px;\n border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n margin-bottom: 16px;\n}\n.Mobile.challenge-details .challenge-terms {\n margin-top: 0;\n}\n.Mobile.challenge-details .label {\n font-size: var(--emw--font-size-x-small, 12px);\n line-height: 12px;\n margin: 0;\n}\n.Mobile.challenge-details .description {\n font-size: var(--emw--font-size-xs-small, 13px);\n line-height: 12px;\n}\n.Mobile.challenge-details .date-description,\n.Mobile.challenge-details .total-level-description {\n line-height: 20px;\n}\n.Mobile.challenge-details .challenge-levels,\n.Mobile.challenge-details .challenge-games,\n.Mobile.challenge-details .challenge-rules {\n padding: 14px;\n}\n.Mobile.challenge-details .chevron-button {\n width: 26px;\n height: 26px;\n}\n.Mobile.challenge-details .chevron-button img {\n width: 14px;\n height: 14px;\n}\n.Mobile.challenge-details .challenge-level {\n padding: 10px;\n}\n.Mobile.challenge-details .challenge-block-header .total-levels h3,\n.Mobile.challenge-details .challenge-block-header .total-levels span,\n.Mobile.challenge-details .challenge-block-header .total-games h3,\n.Mobile.challenge-details .challenge-block-header .total-games span {\n font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile.challenge-details .challenge-block-header p {\n font-size: var(--emw--font-size-x-small, 12px);\n}\n.Mobile.challenge-details .challenge-level {\n box-sizing: border-box;\n}\n.Mobile.challenge-details .challenge-level .level__title {\n font-size: var(--emw--font-size-x-small, 12px);\n line-height: 14px;\n}\n.Mobile.challenge-details .challenge-level .level__status {\n font-size: var(--emw--font-size-x-small, 12px);\n line-height: 14px;\n}\n.Mobile.challenge-details .challenge-level .level__bonus {\n margin-bottom: 3px;\n}\n.Mobile.challenge-details .challenge-level .label {\n font-size: var(--emw--font-size-x-small, 12px);\n margin-bottom: 8px;\n}\n.Mobile.challenge-details .challenge-level .description {\n font-size: var(--emw--font-size-2x-small, 11px);\n line-height: 12px;\n max-width: 110px;\n}\n.Mobile.challenge-details .challenge-game {\n min-width: 85px;\n height: 60px;\n}\n.Mobile.challenge-details .action-button {\n font-size: var(--emw--font-size-small, 14px);\n height: 34px;\n}\n.Mobile.challenge-details .notification {\n padding: 14px 12px;\n}\n.Mobile.challenge-details .notification__message, .Mobile.challenge-details .notification__title {\n font-size: 14px;\n}\n.Mobile.challenge-details .notification__icon {\n margin-top: 2px;\n width: 14px;\n height: 14px;\n}\n\n.challenge-details {\n font-family: var(--emw--font-family-primary, \"Teachers\"), sans-serif;\n position: relative;\n z-index: 2;\n display: flex;\n flex-direction: column;\n overflow: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n box-sizing: border-box;\n border-radius: 0 0 30px 30px;\n padding: 0;\n height: 100%;\n}\n.challenge-details .sub-page-wrapper {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n padding: 0 24px;\n display: flex;\n flex-direction: column;\n}\n.challenge-details .sub-page-wrapper .sub-page {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n padding-bottom: 24px;\n}\n.challenge-details .content {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n padding: 0 24px 24px;\n}\n.challenge-details .breadcrumbs {\n display: flex;\n align-items: center;\n margin: 4px 0 16px 0;\n height: 36px;\n justify-content: space-between;\n flex-shrink: 0;\n}\n.challenge-details .breadcrumbs div {\n display: flex;\n align-items: center;\n}\n.challenge-details .breadcrumbs .challenge-name {\n color: var(--emw--color-gray-250, rgba(255, 255, 255, 0.15));\n font-size: var(--emw--font-size-medium, 16px);\n font-style: normal;\n font-weight: var(--emw--font-weight-semibold, 600);\n line-height: normal;\n margin: 0 3px 0 10px;\n max-width: 150px;\n}\n.challenge-details .breadcrumbs .action {\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}\n.challenge-details .breadcrumbs .action img {\n width: 20px;\n height: 20px;\n}\n.challenge-details .breadcrumbs .tab-name,\n.challenge-details .breadcrumbs .divider {\n color: var(--emw--color-gray-450, #edeff2);\n font-size: var(--emw--font-size-medium, 16px);\n font-style: normal;\n font-weight: var(--emw--font-weight-semibold, 600);\n line-height: normal;\n margin-left: 3px;\n}\n.challenge-details .breadcrumbs .total-number {\n color: var(--emw--color-gray-500, rgba(255, 255, 255, 0.5));\n font-size: var(--emw--font-size-medium, 16px);\n font-style: normal;\n font-weight: var(--emw--font-weight-normal, 400);\n line-height: normal;\n margin-left: 3px;\n}\n.challenge-details .challenge-title {\n color: #fff;\n font-size: var(--emw--font-size-large-plus, 26px);\n font-style: normal;\n font-weight: var(--emw--font-weight-semibold, 600);\n line-height: normal;\n margin: 16px 0 8px 0;\n}\n.challenge-details .challenge-block {\n border-radius: 20px;\n border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n background: var(--emw--block-background, rgba(9, 9, 9, 0.5));\n backdrop-filter: blur(11.47px);\n display: flex;\n padding: 20px 12px;\n justify-content: center;\n align-items: center;\n gap: 16px;\n margin: 16px 0;\n align-self: stretch;\n}\n.challenge-details .progress-block h3 {\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-medium, 16px);\n font-style: normal;\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: normal;\n margin: 0 0 10px 0;\n}\n.challenge-details .chevron-button {\n box-sizing: border-box;\n display: flex;\n width: 36px;\n height: 36px;\n padding: 4px 5px;\n justify-content: center;\n align-items: center;\n gap: 6.923px;\n aspect-ratio: 1/1;\n border-radius: 27.692px;\n border: 2px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n background: var(--emw--block-background, rgba(9, 9, 9, 0.5));\n backdrop-filter: blur(9.52px);\n margin-left: 4px;\n padding: 4px 5px;\n cursor: pointer;\n}\n.challenge-details .challenge-block-header {\n display: flex;\n padding-left: 4px;\n align-items: center;\n gap: 4px;\n align-self: stretch;\n justify-content: space-between;\n}\n.challenge-details .challenge-block-header .total-levels,\n.challenge-details .challenge-block-header .total-games {\n display: flex;\n align-items: center;\n}\n.challenge-details .challenge-block-header .total-levels span,\n.challenge-details .challenge-block-header .total-games span {\n color: var(--emw--dot-button-active-bg, rgba(255, 255, 255, 0.2));\n display: inline-block;\n font-size: var(--emw--font-size-medium, 16px);\n font-style: normal;\n font-weight: var(--emw--font-weight-normal, 400);\n line-height: normal;\n margin-left: 4px;\n}\n.challenge-details .challenge-block-header h3 {\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-medium, 16px);\n font-style: normal;\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: normal;\n margin: 0;\n}\n.challenge-details .challenge-block-header p {\n color: var(--emw--color-empty-state, rgba(255, 255, 255, 0.7));\n font-size: var(--emw--font-size-small, 14px);\n font-style: normal;\n font-weight: var(--emw--font-weight-normal, 400);\n line-height: normal;\n margin: 0;\n}\n.challenge-details .column {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n}\n.challenge-details .row {\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n background: transparent;\n border: none;\n}\n.challenge-details .button {\n cursor: pointer;\n}\n.challenge-details .general-info-col {\n width: 33%;\n}\n.challenge-details .general-info-icon {\n margin-left: 4px;\n}\n.challenge-details .label {\n text-transform: capitalize;\n color: var(--emw--color-gray-400, #c9cacb);\n font-size: var(--emw--font-size-small, 14px);\n font-style: normal;\n font-weight: var(--emw--font-weight-normal, 400);\n line-height: normal;\n margin: 0 0 3px 0;\n line-height: 17px;\n}\n.challenge-details .description {\n display: flex;\n align-items: center;\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-small, 14px);\n font-style: normal;\n font-weight: var(--emw--font-weight-semibold, 600);\n line-height: normal;\n margin: 0;\n line-height: 17px;\n}\n.challenge-details .description span {\n display: inline-block;\n}\n.challenge-details .challenge-terms {\n margin: 16px 12px 0 12px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.challenge-details .terms-title {\n display: flex;\n align-items: center;\n color: var(--emw--background-green-color, #00b541);\n line-height: 17px;\n font-size: var(--emw--font-size-small, 14px);\n font-style: normal;\n font-weight: var(--emw--font-weight-bold, 700);\n border-bottom: 1px solid var(--emw--background-green-color, #00b541);\n cursor: pointer;\n text-underline-offset: 3px;\n margin: 0;\n}\n.challenge-details .terms-title img {\n margin-left: 4px;\n}\n.challenge-details .terms-description {\n color: var(--emw--color-empty-state, rgba(255, 255, 255, 0.7));\n text-align: center;\n font-size: var(--emw--font-size-small, 14px);\n font-style: normal;\n font-weight: var(--emw--font-weight-normal, 400);\n line-height: normal;\n margin: 6px 0;\n line-height: 14px;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n max-height: 28px;\n min-height: 14px;\n -webkit-line-clamp: 2;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.challenge-details .challenge-general-info {\n padding: 20px 12px;\n box-sizing: border-box;\n}\n.challenge-details .challenge-levels,\n.challenge-details .challenge-games,\n.challenge-details .challenge-rules {\n display: flex;\n padding: 16px;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n align-self: stretch;\n}\n.challenge-details .levels-row {\n overflow-x: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n width: 100%;\n display: flex;\n align-items: flex-start;\n gap: 10px;\n justify-content: flex-start;\n}\n.challenge-details .challenge-games {\n margin: 0;\n}\n.challenge-details .challenge-level {\n display: flex;\n padding: 12px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n border-radius: 14px;\n background: var(--emw--level-color-background, rgba(114, 118, 114, 0.2));\n min-width: 153px;\n}\n.challenge-details .challenge-level .label {\n margin-bottom: 8px;\n}\n.challenge-details .challenge-level .description {\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-normal, 400);\n line-height: 14px;\n max-width: 130px;\n}\n.challenge-details .challenge-level img {\n margin-right: 6px;\n}\n.challenge-details .challenge-games .games-row {\n overflow-x: auto;\n overflow-y: hidden;\n scrollbar-width: none;\n -ms-overflow-style: none;\n width: 100%;\n display: flex;\n gap: 10px;\n align-items: flex-start;\n justify-content: flex-start;\n}\n.challenge-details .challenge-game {\n display: flex;\n min-width: 120px;\n height: 84px;\n justify-content: flex-end;\n align-items: flex-start;\n gap: 7.978px;\n border-radius: 10.53px;\n cursor: pointer;\n}\n.challenge-details .challenge-game img {\n width: 100%;\n height: auto;\n}\n.challenge-details .challenge-rules {\n padding: 14px;\n}\n.challenge-details .challenge-rule,\n.challenge-details .challenge-event {\n color: var(--emw--color-empty-state, rgba(255, 255, 255, 0.7));\n font-size: var(--emw--font-size-small, 14px);\n font-style: normal;\n font-weight: var(--emw--font-weight-normal, 400);\n line-height: normal;\n}\n.challenge-details .ellipsed {\n display: inline-block;\n max-width: 100%;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.challenge-details .footer {\n box-sizing: border-box;\n display: flex;\n width: 100%;\n padding: 20px 24px 24px 24px;\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n border-top: 1px solid var(--emw--gradient-blue, #003e5c);\n background: var(--emw--backdrop-background, rgba(9, 9, 9, 0.8));\n backdrop-filter: blur(16.05px);\n border-radius: 0 0 30px 30px;\n flex-shrink: 0;\n}\n.challenge-details .action-description {\n font-size: var(--emw--font-size-small, 14px);\n line-height: var(--emw--font-size-small, 14px);\n font-style: normal;\n font-weight: var(--emw--font-weight-semibold, 600);\n color: var(--emw--color-white, #fff);\n}\n.challenge-details .promo-action-description {\n background: var(--emw--action-description-background, linear-gradient(310deg, #d6ffdc 12.98%, #74b580 92.6%, #509142 131.58%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.challenge-details .action-button {\n border-radius: 99px;\n border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n background: var(--emw--color-green, #00fa5a);\n display: flex;\n height: 40px;\n padding: 14px 20px;\n justify-content: center;\n align-items: center;\n gap: 4px;\n flex-shrink: 0;\n color: var(--emw--color-black-100, #090909);\n font-size: var(--emw--font-size-medium, 16px);\n font-style: normal;\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: normal;\n}\n.challenge-details .action-button:hover {\n border-color: var(--emw--color-gray-300, #083b17);\n cursor: pointer;\n}\n.challenge-details .action-button.filled {\n color: var(--emw--color-green, #00fa5a);\n border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n background: var(--emw--button-background-primary-color, linear-gradient(35deg, rgba(255, 255, 255, 0) 33.61%, rgba(255, 255, 255, 0.15) 89.19%)), var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n background-blend-mode: overlay;\n}\n.challenge-details .action-button.filled:hover {\n border-color: transparent;\n box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);\n}\n.challenge-details .action-button.grayed {\n color: var(--emw--color-gray-50, #e2e2e2);\n background: var(--emw--color-black, #000000);\n border-color: var(--emw--button-disabled-border-color, rgba(255, 255, 255, 0.5));\n box-shadow: 0 0 20px 0 rgba(188, 252, 177, 0.2);\n}\n.challenge-details .action-button.grayed:hover {\n color: var(--emw--color-white, #fff);\n}\n.challenge-details .action-button:disabled, .challenge-details .action-button:disabled:hover {\n color: var(--emw--color-gray-50, #e2e2e2);\n cursor: not-allowed;\n border: 2px solid var(--emw--button-disabled-border-color, rgba(255, 255, 255, 0.5));\n opacity: 0.7;\n}\n.challenge-details .expand-button {\n outline: none;\n border: none;\n width: 39px;\n height: 16px;\n background: transparent;\n margin: 0 auto;\n cursor: pointer;\n}\n.challenge-details .levels-row .level {\n display: flex;\n padding: 12px;\n flex-direction: column;\n align-items: flex-start;\n align-self: stretch;\n border-radius: 14px;\n background: var(--emw--level-color-background, rgba(114, 118, 114, 0.2));\n border: none;\n}\n.challenge-details .levels-row .level.active, .challenge-details .levels-row .level.completed {\n border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n background: var(--emw--level-completed-gradient, linear-gradient(90deg, rgba(30, 101, 79, 0.2) 0%, rgba(28, 141, 86, 0.2) 100%));\n}\n.challenge-details .levels-row .level.active .level__title span, .challenge-details .levels-row .level.completed .level__title span {\n color: var(--emw--color-white, #fff);\n}\n.challenge-details .levels-row .level.suspended {\n border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n background: var(--emw--color-level-suspended rgba(9, 9, 9, 0.4));\n}\n.challenge-details .levels-row .level.suspended .level__status .suspended {\n color: var(--emw--color-level-status-suspended, rgba(255, 255, 255, 0.5));\n font-weight: 400;\n}\n.challenge-details .levels-row .level.suspended .level__title span {\n color: var(--emw--color-white, #fff);\n}\n.challenge-details .levels-row .level.forfeited {\n background: var(--emw--color-level-color-background, rgba(114, 118, 114, 0.2));\n border: none;\n color: var(--emw--color-level-status-suspended, rgba(255, 255, 255, 0.5));\n}\n.challenge-details .levels-row .level.forfeited .level__title span {\n color: var(--emw--color-level-status-suspended, rgba(255, 255, 255, 0.5));\n}\n.challenge-details .levels-row .level.forfeited .level__target,\n.challenge-details .levels-row .level.forfeited .level__value {\n color: var(--emw--color-level-status-suspended, rgba(255, 255, 255, 0.5));\n}\n.challenge-details .levels-row .level__status {\n display: flex;\n align-items: center;\n gap: 4px;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-semibold, 600);\n}\n.challenge-details .levels-row .level__title {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-semibold, 600);\n line-height: 17px;\n margin-bottom: 8px;\n}\n.challenge-details .levels-row .level__title span {\n color: var(--emw--color-white-150, rgba(255, 255, 255, 0.7));\n}\n.challenge-details .levels-row .level__title .completed {\n background: var(--emw--action-description-background, linear-gradient(310deg, #d6ffdc 12.98%, #74b580 92.6%, #509142 131.58%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.challenge-details .levels-row .level__title .completed, .challenge-details .levels-row .level__title .in-progress {\n color: var(--emw--border-success-color, #00b74f);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n text-align: right;\n line-height: 17px;\n}\n.challenge-details .levels-row .level__progress {\n width: 100%;\n margin-bottom: 10px;\n}\n.challenge-details .levels-row .level__icon {\n display: flex;\n opacity: 1;\n}\n.challenge-details .levels-row .level__icon img {\n display: block;\n width: 12px;\n height: 12px;\n margin: 4px 6px 0 0;\n}\n.challenge-details .levels-row .level__icon img.grayed {\n opacity: 0.5;\n}\n.challenge-details .levels-row .level__bonus, .challenge-details .levels-row .level__target {\n display: flex;\n align-items: flex-start;\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n}\n.challenge-details .levels-row .level__bonus {\n margin-bottom: 6px;\n}\n.challenge-details .levels-row .level__value {\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n width: 100%;\n}\n.challenge-details .notification {\n display: flex;\n align-items: flex-start;\n border-radius: var(--emw--border-radius-small, 12px);\n background: rgba(188, 252, 177, 0.1);\n display: flex;\n padding: 20px 16px;\n align-items: flex-start;\n gap: 10px;\n margin: 16px 0;\n}\n.challenge-details .notification__icon {\n width: 18px;\n height: 18px;\n}\n.challenge-details .notification__message, .challenge-details .notification__title {\n color: var(--emw--color-white-150, rgba(255, 255, 255, 0.7));\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-normal, 400);\n}\n.challenge-details .notification__title {\n background: var(--emw--color-notification-background-secondary, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.challenge-details .notification__column {\n display: flex;\n flex-direction: column;\n}\n\n@container challenges-drawer (width <=500px) {\n .challenge-details .content,\n .challenge-details .sub-page-wrapper {\n padding: 0 20px;\n }\n}\n@container challenges-drawer (width <=475px) {\n .challenge-details .challenge-title {\n margin: 0 0 4px;\n }\n .challenge-details .challenge-block {\n margin: 12px 0;\n }\n .challenge-details .challenge-levels,\n .challenge-details .challenge-games,\n .challenge-details .challenge-rules {\n padding: 12px;\n }\n}\n@container challenges-drawer (width <=400px) {\n .challenge-details .content,\n .challenge-details .sub-page-wrapper {\n padding: 0 15px;\n }\n}\n@container challenges-drawer (width <= 480px) {\n .footer .action-description {\n font-size: var(--emw--font-size-xs-small, 13px);\n }\n .challenge-details .footer {\n padding: 20px 15px 24px;\n }\n}\n@container challenges-drawer (width <= 440px) {\n .challenge-details .footer {\n padding: 15px;\n }\n}\n@container challenges-game-page (height <= 850px) {}";
3519
+ const casinoChallengesOverlayDrawerDetailsCss = ".Mobile.challenge-details.tabView, .Mobile.challenge-details.swipped.hasAction.tabView {\n -ms-overflow-style: none !important;\n scrollbar-width: none !important;\n}\n.Mobile.challenge-details.tabView::-webkit-scrollbar, .Mobile.challenge-details.swipped.hasAction.tabView::-webkit-scrollbar {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n}\n.Mobile.challenge-details.tabView *, .Mobile.challenge-details.swipped.hasAction.tabView * {\n scrollbar-width: none !important;\n -ms-overflow-style: none !important;\n}\n.Mobile.challenge-details.tabView *::-webkit-scrollbar, .Mobile.challenge-details.swipped.hasAction.tabView *::-webkit-scrollbar {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n}\n.Mobile.challenge-details {\n overflow-x: hidden;\n border-radius: 0;\n padding: 0;\n scrollbar-width: none !important;\n -ms-overflow-style: none !important;\n}\n.Mobile.challenge-details::-webkit-scrollbar {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n}\n.Mobile.challenge-details .content,\n.Mobile.challenge-details .sub-page-wrapper {\n padding: 0 12px;\n}\n.Mobile.challenge-details.tabView {\n border-radius: 20px 20px 0 0;\n border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n}\n.Mobile.challenge-details .breadcrumbs {\n margin: 16px 0 8px 0;\n height: 26px;\n}\n.Mobile.challenge-details .breadcrumbs .challenge-name,\n.Mobile.challenge-details .breadcrumbs .tab-name,\n.Mobile.challenge-details .breadcrumbs .total-number {\n font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile.challenge-details .breadcrumbs .action {\n right: 16px;\n width: 26px;\n height: 26px;\n}\n.Mobile.challenge-details .breadcrumbs .action img {\n width: 14px;\n}\n.Mobile.challenge-details .progress-block h3 {\n font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile.challenge-details .action-description,\n.Mobile.challenge-details .terms-title,\n.Mobile.challenge-details .terms-description {\n font-size: var(--emw--font-size-x-small, 12px);\n line-height: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-semibold, 600);\n}\n.Mobile.challenge-details.swipped .head .row .challenge-title {\n margin: 12px 0 24px 0;\n}\n.Mobile.challenge-details.swipped .head .action-description {\n display: none;\n}\n.Mobile.challenge-details .footer .action-description {\n margin: 0;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n max-height: 28px;\n min-height: 14px;\n -webkit-line-clamp: 2;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.Mobile.challenge-details .footer {\n border-top: 2px solid var(--emw--gradient-blue, #003e5c);\n background: var(--emw--backdrop-background, rgba(9, 9, 9, 0.8));\n backdrop-filter: blur(16px);\n padding: 12px 16px;\n border-radius: 0;\n}\n.Mobile.challenge-details .banner {\n position: relative;\n justify-self: center;\n}\n.Mobile.challenge-details .banner.grayed {\n opacity: 0.5;\n}\n.Mobile.challenge-details .banner__badge {\n height: 27px;\n box-sizing: border-box;\n align-content: center;\n color: var(--emw--badge-font-color, #f4eff4);\n font-size: var(--emw--font-size-xs-small, 13px);\n font-weight: var(--emw--font-weight-normal, 400);\n position: absolute;\n top: 10px;\n left: 12px;\n padding: 3px 4px;\n border: 1px solid var(--emw--dot-button-active-bg, rgba(255, 255, 255, 0.2));\n background: var(--emw--color-container-background, rgba(9, 9, 9, 0.5019607843));\n backdrop-filter: blur(4.5px);\n border-radius: 15px;\n}\n.Mobile.challenge-details .banner__badge .status {\n height: 100%;\n display: inline-flex;\n align-items: center;\n border-radius: 15px;\n border: 1px 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 padding: 0 8px 0 6px;\n}\n.Mobile.challenge-details .banner__badge .status::before {\n content: \"\";\n width: 5px;\n height: 5px;\n border-radius: 50%;\n background: var(--emw--status-badge-gray-bg, rgba(255, 255, 255, 0.5019607843));\n margin-right: 5px;\n flex-shrink: 0;\n}\n.Mobile.challenge-details .banner__badge .timer {\n font-weight: var(--emw--font-weight-bold, 700);\n padding-right: 4px;\n}\n.Mobile.challenge-details .banner__badge.unavailable .status::before, .Mobile.challenge-details .banner__badge.expired .status::before {\n background: var(--emw--status-badge-gray-bg, rgba(255, 255, 255, 0.5019607843));\n}\n.Mobile.challenge-details .banner__badge.completed .status::before {\n background: var(--emw--background-green-color, #00b541);\n}\n.Mobile.challenge-details .banner__badge.forfeited .status::before {\n background: var(--emw--status-badge-red-bg, #d63d1e);\n}\n.Mobile.challenge-details .banner__badge.paused .status::before {\n background: var(--emw--status-badge-yellow-bg, #ffb801);\n}\n.Mobile.challenge-details .banner__badge:has(.timer) {\n padding-left: 6px;\n}\n.Mobile.challenge-details .banner__image-wrapper {\n position: relative;\n width: 343px;\n height: 180px;\n border-radius: 16px;\n overflow: hidden;\n}\n.Mobile.challenge-details .banner__image-wrapper img {\n width: 100%;\n height: 100%;\n object-fit: fill;\n}\n.Mobile.challenge-details .banner * {\n pointer-events: none;\n}\n.Mobile.challenge-details .challenge-title {\n margin: 12px 0 8px 0;\n font-size: var(--emw--font-size-large, 18px);\n line-height: 22px;\n}\n.Mobile.challenge-details .challenge-rules {\n margin-bottom: 0;\n}\n.Mobile.challenge-details .challenge-rules .challenge-rule {\n font-size: var(--emw--font-size-x-small, 12px);\n}\n.Mobile.challenge-details .mobile-banner {\n display: flex;\n width: 343px;\n height: 180px;\n flex-direction: column;\n align-items: flex-start;\n gap: 10px;\n flex-shrink: 0;\n border-radius: 20px;\n border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n margin-bottom: 16px;\n}\n.Mobile.challenge-details .challenge-terms {\n margin-top: 0;\n}\n.Mobile.challenge-details .label {\n font-size: var(--emw--font-size-x-small, 12px);\n line-height: 12px;\n margin: 0;\n}\n.Mobile.challenge-details .description {\n font-size: var(--emw--font-size-xs-small, 13px);\n line-height: 12px;\n}\n.Mobile.challenge-details .date-description,\n.Mobile.challenge-details .total-level-description {\n line-height: 20px;\n}\n.Mobile.challenge-details .challenge-levels,\n.Mobile.challenge-details .challenge-games,\n.Mobile.challenge-details .challenge-rules {\n padding: 14px;\n}\n.Mobile.challenge-details .chevron-button {\n width: 26px;\n height: 26px;\n}\n.Mobile.challenge-details .chevron-button img {\n width: 14px;\n height: 14px;\n}\n.Mobile.challenge-details .challenge-level {\n padding: 10px;\n}\n.Mobile.challenge-details .challenge-block-header .total-levels h3,\n.Mobile.challenge-details .challenge-block-header .total-levels span,\n.Mobile.challenge-details .challenge-block-header .total-games h3,\n.Mobile.challenge-details .challenge-block-header .total-games span {\n font-size: var(--emw--font-size-small, 14px);\n}\n.Mobile.challenge-details .challenge-block-header p {\n font-size: var(--emw--font-size-x-small, 12px);\n}\n.Mobile.challenge-details .challenge-level {\n box-sizing: border-box;\n}\n.Mobile.challenge-details .challenge-level .level__title {\n font-size: var(--emw--font-size-x-small, 12px);\n line-height: 14px;\n}\n.Mobile.challenge-details .challenge-level .level__status {\n font-size: var(--emw--font-size-x-small, 12px);\n line-height: 14px;\n}\n.Mobile.challenge-details .challenge-level .level__bonus {\n margin-bottom: 3px;\n}\n.Mobile.challenge-details .challenge-level .label {\n font-size: var(--emw--font-size-x-small, 12px);\n margin-bottom: 8px;\n}\n.Mobile.challenge-details .challenge-level .description {\n font-size: var(--emw--font-size-2x-small, 11px);\n line-height: 12px;\n max-width: 110px;\n}\n.Mobile.challenge-details .challenge-game {\n min-width: 85px;\n height: 60px;\n}\n.Mobile.challenge-details .action-button {\n font-size: var(--emw--font-size-small, 14px);\n height: 34px;\n}\n.Mobile.challenge-details .notification {\n padding: 14px 12px;\n}\n.Mobile.challenge-details .notification__message, .Mobile.challenge-details .notification__title {\n font-size: 14px;\n}\n.Mobile.challenge-details .notification__icon {\n margin-top: 2px;\n width: 14px;\n height: 14px;\n}\n\n.challenge-details {\n font-family: var(--emw--font-family-primary, \"Teachers\"), sans-serif;\n position: relative;\n z-index: 2;\n display: flex;\n flex-direction: column;\n overflow: auto;\n scrollbar-width: none !important;\n -ms-overflow-style: none !important;\n box-sizing: border-box;\n border-radius: 0 0 30px 30px;\n padding: 0;\n height: 100%;\n}\n.challenge-details::-webkit-scrollbar {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n}\n.challenge-details .sub-page-wrapper {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n scrollbar-width: none !important;\n -ms-overflow-style: none !important;\n padding: 0 24px;\n display: flex;\n flex-direction: column;\n}\n.challenge-details .sub-page-wrapper::-webkit-scrollbar {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n}\n.challenge-details .sub-page-wrapper .sub-page {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n scrollbar-width: none !important;\n -ms-overflow-style: none !important;\n padding-bottom: 24px;\n overflow-x: hidden;\n}\n.challenge-details .sub-page-wrapper .sub-page::-webkit-scrollbar {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n}\n.challenge-details .content {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n scrollbar-width: none !important;\n -ms-overflow-style: none !important;\n padding: 0 24px 24px;\n}\n.challenge-details .content::-webkit-scrollbar {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n}\n.challenge-details .breadcrumbs {\n display: flex;\n align-items: center;\n margin: 4px 0 16px 0;\n height: 36px;\n justify-content: space-between;\n flex-shrink: 0;\n}\n.challenge-details .breadcrumbs div {\n display: flex;\n align-items: center;\n}\n.challenge-details .breadcrumbs .challenge-name {\n color: var(--emw--color-gray-250, rgba(255, 255, 255, 0.15));\n font-size: var(--emw--font-size-medium, 16px);\n font-style: normal;\n font-weight: var(--emw--font-weight-semibold, 600);\n line-height: normal;\n margin: 0 3px 0 10px;\n max-width: 150px;\n}\n.challenge-details .breadcrumbs .action {\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}\n.challenge-details .breadcrumbs .action img {\n width: 20px;\n height: 20px;\n}\n.challenge-details .breadcrumbs .tab-name,\n.challenge-details .breadcrumbs .divider {\n color: var(--emw--color-gray-450, #edeff2);\n font-size: var(--emw--font-size-medium, 16px);\n font-style: normal;\n font-weight: var(--emw--font-weight-semibold, 600);\n line-height: normal;\n margin-left: 3px;\n}\n.challenge-details .breadcrumbs .total-number {\n color: var(--emw--color-gray-500, rgba(255, 255, 255, 0.5));\n font-size: var(--emw--font-size-medium, 16px);\n font-style: normal;\n font-weight: var(--emw--font-weight-normal, 400);\n line-height: normal;\n margin-left: 3px;\n}\n.challenge-details .challenge-title {\n color: #fff;\n font-size: var(--emw--font-size-large-plus, 26px);\n font-style: normal;\n font-weight: var(--emw--font-weight-semibold, 600);\n line-height: normal;\n margin: 16px 0 8px 0;\n}\n.challenge-details .challenge-block {\n border-radius: 20px;\n border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n background: var(--emw--block-background, rgba(9, 9, 9, 0.5));\n backdrop-filter: blur(11.47px);\n display: flex;\n padding: 20px 12px;\n justify-content: center;\n align-items: center;\n gap: 16px;\n margin: 16px 0;\n align-self: stretch;\n}\n.challenge-details .progress-block h3 {\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-medium, 16px);\n font-style: normal;\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: normal;\n margin: 0 0 10px 0;\n}\n.challenge-details .chevron-button {\n box-sizing: border-box;\n display: flex;\n width: 36px;\n height: 36px;\n padding: 4px 5px;\n justify-content: center;\n align-items: center;\n gap: 6.923px;\n aspect-ratio: 1/1;\n border-radius: 27.692px;\n border: 2px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n background: var(--emw--block-background, rgba(9, 9, 9, 0.5));\n backdrop-filter: blur(9.52px);\n margin-left: 4px;\n padding: 4px 5px;\n cursor: pointer;\n}\n.challenge-details .challenge-block-header {\n display: flex;\n padding-left: 4px;\n align-items: center;\n gap: 4px;\n align-self: stretch;\n justify-content: space-between;\n}\n.challenge-details .challenge-block-header .total-levels,\n.challenge-details .challenge-block-header .total-games {\n display: flex;\n align-items: center;\n}\n.challenge-details .challenge-block-header .total-levels span,\n.challenge-details .challenge-block-header .total-games span {\n color: var(--emw--dot-button-active-bg, rgba(255, 255, 255, 0.2));\n display: inline-block;\n font-size: var(--emw--font-size-medium, 16px);\n font-style: normal;\n font-weight: var(--emw--font-weight-normal, 400);\n line-height: normal;\n margin-left: 4px;\n}\n.challenge-details .challenge-block-header h3 {\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-medium, 16px);\n font-style: normal;\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: normal;\n margin: 0;\n}\n.challenge-details .challenge-block-header p {\n color: var(--emw--color-empty-state, rgba(255, 255, 255, 0.7));\n font-size: var(--emw--font-size-small, 14px);\n font-style: normal;\n font-weight: var(--emw--font-weight-normal, 400);\n line-height: normal;\n margin: 0;\n}\n.challenge-details .column {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-between;\n}\n.challenge-details .row {\n display: flex;\n align-items: center;\n justify-content: center;\n outline: none;\n background: transparent;\n border: none;\n}\n.challenge-details .button {\n cursor: pointer;\n}\n.challenge-details .general-info-col {\n width: 33%;\n}\n.challenge-details .general-info-icon {\n margin-left: 4px;\n}\n.challenge-details .label {\n text-transform: capitalize;\n color: var(--emw--color-gray-400, #c9cacb);\n font-size: var(--emw--font-size-small, 14px);\n font-style: normal;\n font-weight: var(--emw--font-weight-normal, 400);\n line-height: normal;\n margin: 0 0 3px 0;\n line-height: 17px;\n}\n.challenge-details .description {\n display: flex;\n align-items: center;\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-small, 14px);\n font-style: normal;\n font-weight: var(--emw--font-weight-semibold, 600);\n line-height: normal;\n margin: 0;\n line-height: 17px;\n}\n.challenge-details .description span {\n display: inline-block;\n}\n.challenge-details .challenge-terms {\n margin: 16px 12px 0 12px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.challenge-details .terms-title {\n display: flex;\n align-items: center;\n color: var(--emw--background-green-color, #00b541);\n line-height: 17px;\n font-size: var(--emw--font-size-small, 14px);\n font-style: normal;\n font-weight: var(--emw--font-weight-bold, 700);\n border-bottom: 1px solid var(--emw--background-green-color, #00b541);\n cursor: pointer;\n text-underline-offset: 3px;\n margin: 0;\n}\n.challenge-details .terms-title img {\n margin-left: 4px;\n}\n.challenge-details .terms-description {\n color: var(--emw--color-empty-state, rgba(255, 255, 255, 0.7));\n text-align: center;\n font-size: var(--emw--font-size-small, 14px);\n font-style: normal;\n font-weight: var(--emw--font-weight-normal, 400);\n line-height: normal;\n margin: 6px 0;\n line-height: 14px;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n max-height: 28px;\n min-height: 14px;\n -webkit-line-clamp: 2;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.challenge-details .challenge-general-info {\n padding: 20px 12px;\n box-sizing: border-box;\n}\n.challenge-details .challenge-levels,\n.challenge-details .challenge-games,\n.challenge-details .challenge-rules {\n display: flex;\n padding: 16px;\n flex-direction: column;\n align-items: flex-start;\n gap: 12px;\n align-self: stretch;\n}\n.challenge-details .levels-row {\n overflow-x: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n width: 100%;\n display: flex;\n align-items: flex-start;\n gap: 10px;\n justify-content: flex-start;\n}\n.challenge-details .challenge-games {\n margin: 0;\n}\n.challenge-details .challenge-level {\n display: flex;\n padding: 12px;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n border-radius: 14px;\n background: var(--emw--level-color-background, rgba(114, 118, 114, 0.2));\n min-width: 153px;\n}\n.challenge-details .challenge-level .label {\n margin-bottom: 8px;\n}\n.challenge-details .challenge-level .description {\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-normal, 400);\n line-height: 14px;\n max-width: 130px;\n}\n.challenge-details .challenge-level img {\n margin-right: 6px;\n}\n.challenge-details .challenge-games .games-row {\n overflow-x: auto;\n overflow-y: hidden;\n scrollbar-width: none;\n -ms-overflow-style: none;\n width: 100%;\n display: flex;\n gap: 10px;\n align-items: flex-start;\n justify-content: flex-start;\n}\n.challenge-details .challenge-game {\n display: flex;\n min-width: 120px;\n height: 84px;\n justify-content: flex-end;\n align-items: flex-start;\n gap: 7.978px;\n border-radius: 10.53px;\n cursor: pointer;\n}\n.challenge-details .challenge-game img {\n width: 100%;\n height: auto;\n}\n.challenge-details .challenge-rules {\n padding: 14px;\n}\n.challenge-details .challenge-rule,\n.challenge-details .challenge-event {\n color: var(--emw--color-empty-state, rgba(255, 255, 255, 0.7));\n font-size: var(--emw--font-size-small, 14px);\n font-style: normal;\n font-weight: var(--emw--font-weight-normal, 400);\n line-height: normal;\n}\n.challenge-details .ellipsed {\n display: inline-block;\n max-width: 100%;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.challenge-details .footer {\n box-sizing: border-box;\n display: flex;\n width: 100%;\n padding: 20px 24px 24px 24px;\n justify-content: space-between;\n align-items: center;\n gap: 8px;\n border-top: 1px solid var(--emw--gradient-blue, #003e5c);\n background: var(--emw--backdrop-background, rgba(9, 9, 9, 0.8));\n backdrop-filter: blur(16.05px);\n border-radius: 0 0 30px 30px;\n flex-shrink: 0;\n}\n.challenge-details .action-description {\n font-size: var(--emw--font-size-small, 14px);\n line-height: var(--emw--font-size-small, 14px);\n font-style: normal;\n font-weight: var(--emw--font-weight-semibold, 600);\n color: var(--emw--color-white, #fff);\n}\n.challenge-details .promo-action-description {\n background: var(--emw--action-description-background, linear-gradient(310deg, #d6ffdc 12.98%, #74b580 92.6%, #509142 131.58%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.challenge-details .action-button {\n border-radius: 99px;\n border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n background: var(--emw--color-green, #00fa5a);\n display: flex;\n height: 40px;\n padding: 14px 20px;\n justify-content: center;\n align-items: center;\n gap: 4px;\n flex-shrink: 0;\n color: var(--emw--color-black-100, #090909);\n font-size: var(--emw--font-size-medium, 16px);\n font-style: normal;\n font-weight: var(--emw--font-weight-bold, 700);\n line-height: normal;\n}\n.challenge-details .action-button:hover {\n border-color: var(--emw--color-gray-300, #083b17);\n cursor: pointer;\n}\n.challenge-details .action-button.filled {\n color: var(--emw--color-green, #00fa5a);\n border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n background: var(--emw--button-background-primary-color, linear-gradient(35deg, rgba(255, 255, 255, 0) 33.61%, rgba(255, 255, 255, 0.15) 89.19%)), var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n background-blend-mode: overlay;\n}\n.challenge-details .action-button.filled:hover {\n border-color: transparent;\n box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);\n}\n.challenge-details .action-button.grayed {\n color: var(--emw--color-gray-50, #e2e2e2);\n background: var(--emw--color-black, #000000);\n border-color: var(--emw--button-disabled-border-color, rgba(255, 255, 255, 0.5));\n box-shadow: 0 0 20px 0 rgba(188, 252, 177, 0.2);\n}\n.challenge-details .action-button.grayed:hover {\n color: var(--emw--color-white, #fff);\n}\n.challenge-details .action-button:disabled, .challenge-details .action-button:disabled:hover {\n color: var(--emw--color-gray-50, #e2e2e2);\n cursor: not-allowed;\n border: 2px solid var(--emw--button-disabled-border-color, rgba(255, 255, 255, 0.5));\n opacity: 0.7;\n}\n.challenge-details .expand-button {\n outline: none;\n border: none;\n width: 39px;\n height: 16px;\n background: transparent;\n margin: 0 auto;\n cursor: pointer;\n}\n.challenge-details .levels-row .level {\n display: flex;\n padding: 12px;\n flex-direction: column;\n align-items: flex-start;\n align-self: stretch;\n border-radius: 14px;\n background: var(--emw--level-color-background, rgba(114, 118, 114, 0.2));\n border: none;\n}\n.challenge-details .levels-row .level.active, .challenge-details .levels-row .level.completed {\n border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n background: var(--emw--level-completed-gradient, linear-gradient(90deg, rgba(30, 101, 79, 0.2) 0%, rgba(28, 141, 86, 0.2) 100%));\n}\n.challenge-details .levels-row .level.active .level__title span, .challenge-details .levels-row .level.completed .level__title span {\n color: var(--emw--color-white, #fff);\n}\n.challenge-details .levels-row .level.suspended {\n border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n background: var(--emw--color-level-suspended rgba(9, 9, 9, 0.4));\n}\n.challenge-details .levels-row .level.suspended .level__status .suspended {\n color: var(--emw--color-level-status-suspended, rgba(255, 255, 255, 0.5));\n font-weight: 400;\n}\n.challenge-details .levels-row .level.suspended .level__title span {\n color: var(--emw--color-white, #fff);\n}\n.challenge-details .levels-row .level.forfeited {\n background: var(--emw--color-level-color-background, rgba(114, 118, 114, 0.2));\n border: none;\n color: var(--emw--color-level-status-suspended, rgba(255, 255, 255, 0.5));\n}\n.challenge-details .levels-row .level.forfeited .level__title span {\n color: var(--emw--color-level-status-suspended, rgba(255, 255, 255, 0.5));\n}\n.challenge-details .levels-row .level.forfeited .level__target,\n.challenge-details .levels-row .level.forfeited .level__value {\n color: var(--emw--color-level-status-suspended, rgba(255, 255, 255, 0.5));\n}\n.challenge-details .levels-row .level__status {\n display: flex;\n align-items: center;\n gap: 4px;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-semibold, 600);\n}\n.challenge-details .levels-row .level__title {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-semibold, 600);\n line-height: 17px;\n margin-bottom: 8px;\n}\n.challenge-details .levels-row .level__title span {\n color: var(--emw--color-white-150, rgba(255, 255, 255, 0.7));\n}\n.challenge-details .levels-row .level__title .completed {\n background: var(--emw--action-description-background, linear-gradient(310deg, #d6ffdc 12.98%, #74b580 92.6%, #509142 131.58%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.challenge-details .levels-row .level__title .completed, .challenge-details .levels-row .level__title .in-progress {\n color: var(--emw--border-success-color, #00b74f);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n text-align: right;\n line-height: 17px;\n}\n.challenge-details .levels-row .level__progress {\n width: 100%;\n margin-bottom: 10px;\n}\n.challenge-details .levels-row .level__icon {\n display: flex;\n opacity: 1;\n}\n.challenge-details .levels-row .level__icon img {\n display: block;\n width: 12px;\n height: 12px;\n margin: 4px 6px 0 0;\n}\n.challenge-details .levels-row .level__icon img.grayed {\n opacity: 0.5;\n}\n.challenge-details .levels-row .level__bonus, .challenge-details .levels-row .level__target {\n display: flex;\n align-items: flex-start;\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n}\n.challenge-details .levels-row .level__bonus {\n margin-bottom: 6px;\n}\n.challenge-details .levels-row .level__value {\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n line-height: 22px;\n width: 100%;\n}\n.challenge-details .notification {\n display: flex;\n align-items: flex-start;\n border-radius: var(--emw--border-radius-small, 12px);\n background: rgba(188, 252, 177, 0.1);\n display: flex;\n padding: 20px 16px;\n align-items: flex-start;\n gap: 10px;\n margin: 16px 0;\n}\n.challenge-details .notification__icon {\n width: 18px;\n height: 18px;\n}\n.challenge-details .notification__message, .challenge-details .notification__title {\n color: var(--emw--color-white-150, rgba(255, 255, 255, 0.7));\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-normal, 400);\n}\n.challenge-details .notification__title {\n background: var(--emw--color-notification-background-secondary, linear-gradient(180deg, #24b24e 0%, #18ce51 100%));\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n.challenge-details .notification__column {\n display: flex;\n flex-direction: column;\n}\n\n@container challenges-drawer (width <=500px) {\n .challenge-details .content,\n .challenge-details .sub-page-wrapper {\n padding: 0 20px;\n }\n}\n@container challenges-drawer (width <=475px) {\n .challenge-details .challenge-title {\n margin: 0 0 4px;\n }\n .challenge-details .challenge-block {\n margin: 12px 0;\n }\n .challenge-details .challenge-levels,\n .challenge-details .challenge-games,\n .challenge-details .challenge-rules {\n padding: 12px;\n }\n}\n@container challenges-drawer (width <=400px) {\n .challenge-details .content,\n .challenge-details .sub-page-wrapper {\n padding: 0 15px;\n }\n}\n@container challenges-drawer (width <= 480px) {\n .footer .action-description {\n font-size: var(--emw--font-size-xs-small, 13px);\n }\n .challenge-details .footer {\n padding: 20px 15px 24px;\n }\n}\n@container challenges-drawer (width <= 440px) {\n .challenge-details .footer {\n padding: 15px;\n }\n}\n@container challenges-game-page (height <= 850px) {}";
3520
3520
  const CasinoChallengesOverlayDrawerDetailsStyle0 = casinoChallengesOverlayDrawerDetailsCss;
3521
3521
 
3522
3522
  const CasinoChallengesOverlayDrawerDetails = class {
@@ -4309,7 +4309,7 @@ const notificationSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdod
4309
4309
 
4310
4310
  const crownSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjU4MzMgNi43MDU0N0wxMS40NjEgNy44NDE5M0wxMi40NTUzIDcuOTQ4ODdMMTIuNTc3NSA2LjgxMjRMMTEuNTgzMyA2LjcwNTQ3Wk03LjU1ODYgMTJINi4xMDgwN1YxM0g3LjU1ODZWMTJaTTIuMjA1NjcgNy44NDE5M0wyLjA4MzQzIDYuNzA1NDdMMS4wODkxNyA2LjgxMjRMMS4yMTE0IDcuOTQ4ODdMMi4yMDU2NyA3Ljg0MTkzWk01LjExMDA1IDYuMDMyODdMNi4zMDMwNyAzLjg5MzgxTDUuNDI5NjkgMy40MDY3Mkw0LjIzNjY5IDUuNTQ1NzNMNS4xMTAwNSA2LjAzMjg3Wk03LjM2MzYgMy44OTM4MUw4LjU1NjYgNi4wMzI4N0w5LjQzIDUuNTQ1NzNMOC4yMzcgMy40MDY3Mkw3LjM2MzYgMy44OTM4MVpNOC41NTY2IDYuMDMyODdDOC42NjQ0NiA2LjIyNjIgOC43NjM3MyA2LjQwNTQ3IDguODU5OTMgNi41NDI1M0M4Ljk1OSA2LjY4MzUzIDkuMDk0MDcgNi44MzkyNyA5LjMwMSA2LjkzMDRMOS43MDQgNi4wMTUyQzkuNzQxMjcgNi4wMzE1MyA5LjczNDkzIDYuMDQ4NCA5LjY3ODMzIDUuOTY3ODdDOS42MTg5MyA1Ljg4MzI3IDkuNTQ4NDcgNS43NTgyIDkuNDMgNS41NDU3M0w4LjU1NjYgNi4wMzI4N1pNMTAuMTI3NSA1LjY0MjUzQzkuOTU1IDUuODE0MzMgOS44NTI2NiA1LjkxNTQgOS43NzIxMyA1Ljk4MDUzQzkuNjk1NCA2LjA0MjYgOS42OTM3MyA2LjAyNDggOS43MzM3MyA2LjAxOTI3TDkuODcwNjYgNy4wMDk4N0MxMC4wOTQ1IDYuOTc4OTMgMTAuMjY3MSA2Ljg2NjMzIDEwLjQwMTEgNi43NTc5M0MxMC41MzEzIDYuNjUyNiAxMC42NzYxIDYuNTA3NDcgMTAuODMzMiA2LjM1MUwxMC4xMjc1IDUuNjQyNTNaTTkuMzAxIDYuOTMwNEM5LjQ3OTg3IDcuMDA5MTMgOS42NzcxMyA3LjAzNjYgOS44NzA2NiA3LjAwOTg3TDkuNzMzNzMgNi4wMTkyN0M5LjcyMzUzIDYuMDIwNjcgOS43MTMyNyA2LjAxOTI3IDkuNzA0IDYuMDE1Mkw5LjMwMSA2LjkzMDRaTTIuODMzNDcgNi4zNTFDMi45OTA1MiA2LjUwNzQ3IDMuMTM1MzMgNi42NTI2IDMuMjY1NTYgNi43NTc5M0MzLjM5OTU1IDYuODY2MzMgMy41NzIxNiA2Ljk3ODkzIDMuNzk1OTggNy4wMDk4N0wzLjkzMjk1IDYuMDE5MjdDMy45NzI5NiA2LjAyNDggMy45NzEyNyA2LjA0MjYgMy44OTQ1MyA1Ljk4MDUzQzMuODE0MDMgNS45MTU0IDMuNzExNjkgNS44MTQzMyAzLjUzOTE5IDUuNjQyNTNMMi44MzM0NyA2LjM1MVpNNC4yMzY2OSA1LjU0NTczQzQuMTE4MjEgNS43NTgyIDQuMDQ3NzIgNS44ODMyNyAzLjk4ODMzIDUuOTY3ODdDMy45MzE3NyA2LjA0ODQgMy45MjU0MyA2LjAzMTUzIDMuOTYyNjMgNi4wMTUyTDQuMzY1NjQgNi45MzA0QzQuNTcyNTggNi44MzkyNyA0LjcwNzcgNi42ODM1MyA0LjgwNjczIDYuNTQyNTNDNC45MDI5NCA2LjQwNTUzIDUuMDAyMiA2LjIyNjIgNS4xMTAwNSA2LjAzMjg3TDQuMjM2NjkgNS41NDU3M1pNMy43OTU5OCA3LjAwOTg3QzMuOTg5NTMgNy4wMzY2IDQuMTg2NzcgNy4wMDkxMyA0LjM2NTY0IDYuOTMwNEwzLjk2MjYzIDYuMDE1MkMzLjk1MzQxIDYuMDE5MjcgMy45NDMxMSA2LjAyMDY3IDMuOTMyOTUgNi4wMTkyN0wzLjc5NTk4IDcuMDA5ODdaTTYuMTA4MDcgMTJDNS4xNDk0NyAxMiA0LjQ3ODEzIDExLjk5OTEgMy45NjU3MSAxMS45MzM1QzMuNDY3MjcgMTEuODY5NyAzLjE4NTY3IDExLjc1MTYgMi45NzQ4NSAxMS41NjI5TDIuMzA3OTEgMTIuMzA4QzIuNzI3ODIgMTIuNjgzOSAzLjIzNDI1IDEyLjg0OCAzLjgzODc5IDEyLjkyNTRDNC40MjkzNyAxMy4wMDA5IDUuMTc1OTkgMTMgNi4xMDgwNyAxM1YxMlpNMS4yMTE0IDcuOTQ4ODdDMS4zMTAxNyA4Ljg2NzEzIDEuMzg4NTUgOS43NjY2IDEuNTIyMTUgMTAuNDk2QzEuNTg5NTMgMTAuODYzOSAxLjY3NDUyIDExLjIxMDYgMS43OTIyMiAxMS41MTE1QzEuOTA4OTMgMTEuODA5OSAyLjA2OTkzIDEyLjA5NSAyLjMwNzkxIDEyLjMwOEwyLjk3NDg1IDExLjU2MjlDMi44OTc0NyAxMS40OTM2IDIuODA5MzcgMTEuMzY2NyAyLjcyMzUgMTEuMTQ3MkMyLjYzODYzIDEwLjkzMDMgMi41Njc1OSAxMC42NTMzIDIuNTA1NzkgMTAuMzE1OUMyLjM4MDk5IDkuNjM0NTMgMi4zMDgzMSA4Ljc5NjIgMi4yMDU2NyA3Ljg0MTkzTDEuMjExNCA3Ljk0ODg3Wk0xMS40NjEgNy44NDE5M0MxMS4zNTgzIDguNzk2MiAxMS4yODU3IDkuNjM0NTMgMTEuMTYwOSAxMC4zMTU5QzExLjA5OTEgMTAuNjUzMyAxMS4wMjggMTAuOTMwMyAxMC45NDMxIDExLjE0NzJDMTAuODU3MyAxMS4zNjY3IDEwLjc2OTIgMTEuNDkzNiAxMC42OTE4IDExLjU2MjlMMTEuMzU4NyAxMi4zMDhDMTEuNTk2NyAxMi4wOTUgMTEuNzU3NyAxMS44MDk5IDExLjg3NDUgMTEuNTExNUMxMS45OTIxIDExLjIxMDYgMTIuMDc3MSAxMC44NjM5IDEyLjE0NDUgMTAuNDk2QzEyLjI3ODEgOS43NjY2IDEyLjM1NjUgOC44NjcxMyAxMi40NTUzIDcuOTQ4ODdMMTEuNDYxIDcuODQxOTNaTTcuNTU4NiAxM0M4LjQ5MDY3IDEzIDkuMjM3MjcgMTMuMDAwOSA5LjgyNzg3IDEyLjkyNTRDMTAuNDMyNCAxMi44NDggMTAuOTM4OSAxMi42ODM5IDExLjM1ODcgMTIuMzA4TDEwLjY5MTggMTEuNTYyOUMxMC40ODEgMTEuNzUxNiAxMC4xOTk0IDExLjg2OTcgOS43MDA5MyAxMS45MzM1QzkuMTg4NTMgMTEuOTk5MSA4LjUxNzIgMTIgNy41NTg2IDEyVjEzWk02IDEuODMzMzNDNiAxLjM3MzA5IDYuMzczMDcgMSA2LjgzMzMzIDFWMEM1LjgyMDggMCA1IDAuODIwODEzIDUgMS44MzMzM0g2Wk02LjgzMzMzIDFDNy4yOTM2IDEgNy42NjY2NyAxLjM3MzA5IDcuNjY2NjcgMS44MzMzM0g4LjY2NjY3QzguNjY2NjcgMC44MjA4MTMgNy44NDU4NyAwIDYuODMzMzMgMFYxWk0xMi42NjY3IDQuNUMxMi42NjY3IDQuNzc2MTQgMTIuNDQyOCA1IDEyLjE2NjcgNVY2QzEyLjk5NTEgNiAxMy42NjY3IDUuMzI4NCAxMy42NjY3IDQuNUgxMi42NjY3Wk0xMS42NjY3IDQuNUMxMS42NjY3IDQuMjIzODYgMTEuODkwNSA0IDEyLjE2NjcgNFYzQzExLjMzODMgMyAxMC42NjY3IDMuNjcxNTcgMTAuNjY2NyA0LjVIMTEuNjY2N1pNMTIuMTY2NyA0QzEyLjQ0MjggNCAxMi42NjY3IDQuMjIzODYgMTIuNjY2NyA0LjVIMTMuNjY2N0MxMy42NjY3IDMuNjcxNTcgMTIuOTk1MSAzIDEyLjE2NjcgM1Y0Wk0xLjUgNUMxLjIyMzg2IDUgMSA0Ljc3NjE0IDEgNC41SDBDMCA1LjMyODQgMC42NzE1NzMgNiAxLjUgNlY1Wk0xIDQuNUMxIDQuMjIzODYgMS4yMjM4NiA0IDEuNSA0VjNDMC42NzE1NzMgMyAwIDMuNjcxNTcgMCA0LjVIMVpNMS41IDRDMS43NzYxNCA0IDIgNC4yMjM4NiAyIDQuNUgzQzMgMy42NzE1NyAyLjMyODQzIDMgMS41IDNWNFpNMTIuMTY2NyA1QzEyLjE2NDcgNSAxMi4xNjI3IDQuOTk5OTkgMTIuMTYwNyA0Ljk5OTk3TDEyLjE0OTEgNS45OTk4N0MxMi4xNTQ5IDUuOTk5OTMgMTIuMTYwOCA2IDEyLjE2NjcgNlY1Wk0xMi41Nzc1IDYuODEyNEMxMi42MDk3IDYuNTEyNDcgMTIuNjM4IDYuMjUwNTMgMTIuNjUzNSA2LjAzMkMxMi42Njg3IDUuODE3OTMgMTIuNjc0NCA1LjYxMjYgMTIuNjUwNCA1LjQzMzUzTDExLjY1OTMgNS41NjYzM0MxMS42NjkxIDUuNjM5NTMgMTEuNjcwMiA1Ljc2MDUzIDExLjY1NiA1Ljk2MTMzQzExLjY0MjEgNi4xNTc2NyAxMS42MTYyIDYuMzk5MDcgMTEuNTgzMyA2LjcwNTQ3TDEyLjU3NzUgNi44MTI0Wk0xMi4xNjA3IDQuOTk5OTdDMTIuMDEyMSA0Ljk5ODI1IDExLjg3OTMgNC45MzIxOCAxMS43ODggNC44MjY1NUwxMS4wMzEzIDUuNDgwMjdDMTEuMzAyIDUuNzkzNjcgMTEuNzAyMSA1Ljk5NDczIDEyLjE0OTEgNS45OTk4N0wxMi4xNjA3IDQuOTk5OTdaTTExLjc4OCA0LjgyNjU1QzExLjcxMjEgNC43Mzg2NiAxMS42NjY3IDQuNjI1MjYgMTEuNjY2NyA0LjVIMTAuNjY2N0MxMC42NjY3IDQuODc0MjkgMTAuODA0NCA1LjIxNzY3IDExLjAzMTMgNS40ODAyN0wxMS43ODggNC44MjY1NVpNMTAuODMzMiA2LjM1MUMxMS4yODQ5IDUuOTAxMTMgMTEuNTE3NSA1LjY3NDQgMTEuNjcyMyA1LjU3ODg3TDExLjE0NyA0LjcyNzk0QzEwLjg2NzEgNC45MDA3MyAxMC41MzEzIDUuMjQwMiAxMC4xMjc1IDUuNjQyNTNMMTAuODMzMiA2LjM1MVpNMiA0LjVDMiA0LjYyNTI2IDEuOTU0NTkgNC43Mzg2NiAxLjg3ODY2IDQuODI2NTVMMi42MzUzOCA1LjQ4MDI3QzIuODYyMjcgNS4yMTc2NyAzIDQuODc0MjkgMyA0LjVIMlpNMy41MzkxOSA1LjY0MjUzQzMuMTM1MzEgNS4yNDAyIDIuNzk5NTcgNC45MDA3MyAyLjUxOTY0IDQuNzI3OTRMMS45OTQ0IDUuNTc4ODdDMi4xNDkxOCA1LjY3NDQgMi4zODE4MiA1LjkwMTEzIDIuODMzNDcgNi4zNTFMMy41MzkxOSA1LjY0MjUzWk0xLjg3ODY2IDQuODI2NTVDMS43ODc0IDQuOTMyMTggMS42NTQ2MSA0Ljk5ODI1IDEuNTA2MDMgNC45OTk5N0wxLjUxNzU5IDUuOTk5ODdDMS45NjQ1MSA1Ljk5NDczIDIuMzY0NjcgNS43OTM2NyAyLjYzNTM4IDUuNDgwMjdMMS44Nzg2NiA0LjgyNjU1Wk0xLjUwNjAzIDQuOTk5OTdDMS41MDQwMSA0Ljk5OTk5IDEuNTAyMDEgNSAxLjUgNVY2QzEuNTA1ODcgNiAxLjUxMTc0IDUuOTk5OTMgMS41MTc1OSA1Ljk5OTg3TDEuNTA2MDMgNC45OTk5N1pNMi4wODM0MyA2LjcwNTQ3QzIuMDUwNDcgNi4zOTkwNyAyLjAyNDU4IDYuMTU3NjcgMi4wMTA2NyA1Ljk2MTMzQzEuOTk2NDUgNS43NjA1MyAxLjk5NzU3IDUuNjM5NTMgMi4wMDczOCA1LjU2NjMzTDEuMDE2MjMgNS40MzM1M0MwLjk5MjI0NiA1LjYxMjYgMC45OTgwMDYgNS44MTc5MyAxLjAxMzE3IDYuMDMyQzEuMDI4NjUgNi4yNTA1MyAxLjA1NjkgNi41MTI0NyAxLjA4OTE3IDYuODEyNEwyLjA4MzQzIDYuNzA1NDdaTTcuNjY2NjcgMS44MzMzM0M3LjY2NjY3IDIuMTU2NjkgNy40ODI2IDIuNDM3OTMgNy4yMTEyIDIuNTc2MzhMNy42NjU2NyAzLjQ2NzE1QzguMjU4NzMgMy4xNjQ1NyA4LjY2NjY3IDIuNTQ3MDIgOC42NjY2NyAxLjgzMzMzSDcuNjY2NjdaTTcuMjExMiAyLjU3NjM4QzcuMDk4MzMgMi42MzM5NyA2Ljk3MDQgMi42NjY2NyA2LjgzMzMzIDIuNjY2NjdWMy42NjY2N0M3LjEzMiAzLjY2NjY3IDcuNDE1MzMgMy41OTQ4NyA3LjY2NTY3IDMuNDY3MTVMNy4yMTEyIDIuNTc2MzhaTTguMjM3IDMuNDA2NzJDOC4wOTk0NyAzLjE2MDEzIDcuOTc1ODcgMi45MzgzMSA3Ljg2MjQ3IDIuNzU2OEw3LjAxNDQgMy4yODY3M0M3LjExMTczIDMuNDQyNDggNy4yMjE4NyAzLjYzOTY1IDcuMzYzNiAzLjg5MzgxTDguMjM3IDMuNDA2NzJaTTYuODMzMzMgMi42NjY2N0M2LjY5NjI3IDIuNjY2NjcgNi41NjgzMyAyLjYzMzk3IDYuNDU1NDcgMi41NzYzOEw2LjAwMSAzLjQ2NzE1QzYuMjUxMzMgMy41OTQ4NyA2LjUzNDY3IDMuNjY2NjcgNi44MzMzMyAzLjY2NjY3VjIuNjY2NjdaTTYuNDU1NDcgMi41NzYzOEM2LjE4NDA3IDIuNDM3OTMgNiAyLjE1NjY5IDYgMS44MzMzM0g1QzUgMi41NDcwMiA1LjQwNzkxIDMuMTY0NTcgNi4wMDEgMy40NjcxNUw2LjQ1NTQ3IDIuNTc2MzhaTTYuMzAzMDcgMy44OTM4MUM2LjQ0NDggMy42Mzk2NSA2LjU1NDkzIDMuNDQyNDggNi42NTIyNyAzLjI4NjczTDUuODA0MiAyLjc1NjhDNS42OTA4IDIuOTM4MzEgNS41NjcyIDMuMTYwMTMgNS40Mjk2OSAzLjQwNjcyTDYuMzAzMDcgMy44OTM4MVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xOTE2XzE2ODEyKSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzE5MTZfMTY4MTIiIHgxPSIyNS45NzUzIiB5MT0iLTAuNjAzMzc1IiB4Mj0iMjUuOTc1MyIgeTI9IjEyLjM5NjYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjIwNSIgc3RvcC1jb2xvcj0iI0ZGQjgwMSIvPgo8c3RvcCBvZmZzZXQ9IjAuMzYiIHN0b3AtY29sb3I9IiNGRUY3NDYiLz4KPHN0b3Agb2Zmc2V0PSIwLjQxNSIgc3RvcC1jb2xvcj0iI0ZCRkZFMCIvPgo8c3RvcCBvZmZzZXQ9IjAuNTI1IiBzdG9wLWNvbG9yPSIjRkZGQTYwIi8+CjxzdG9wIG9mZnNldD0iMC45MiIgc3RvcC1jb2xvcj0iI0ZGOTQwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=';
4311
4311
 
4312
- const casinoChallengesOverlayTabsCss = ".challenges__tabs-wrapper.Mobile {\n width: auto;\n margin: 0 16px;\n}\n.challenges__tabs-wrapper.Mobile .challenges__tabs {\n height: 34px;\n padding: 2px 5px;\n margin: 12px 0;\n font-size: var(--emw--font-size-small, 14px);\n}\n.challenges__tabs-wrapper.Mobile .challenges__tabs.challenges__tabs--promo {\n min-width: 84px;\n border: 1px solid transparent;\n}\n.challenges__tabs-wrapper.Mobile .challenges__tab {\n height: 28px;\n min-width: auto;\n border: 1px solid transparent;\n}\n.challenges__tabs-wrapper.Mobile .challenges-tab--promo {\n min-width: auto;\n}\n.challenges__tabs-wrapper.Mobile .challenges-tab--promo.active {\n background: var(--emw--active-tab-background, rgba(9, 9, 9, 0.4));\n backdrop-filter: blur(11.4705886841px);\n}\n.challenges__tabs-wrapper.Mobile .challenges-tab--promo span {\n margin-right: 4px;\n}\n\n.challenges__tabs-wrapper {\n position: relative;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 24px;\n}\n.challenges__tabs-wrapper .challenges__tabs {\n width: 100%;\n box-sizing: border-box;\n height: 42px;\n display: flex;\n align-items: center;\n padding: 4px;\n margin: 16px 0;\n overflow-x: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n border-radius: var(--emw--border-radius-large, 99px);\n border: 1px solid var(--emw--color-gray-100, rgba(255, 255, 255, 0.1));\n background: var(--emw--tabs-background, linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.1) 100%));\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-medium, 500);\n}\n.challenges__tabs-wrapper .challenges__tabs.challenges__tabs--promo {\n min-width: 89px;\n margin-right: 10px;\n padding: 0;\n overflow-x: hidden;\n width: initial;\n}\n.challenges__tabs-wrapper .challenges__tab {\n box-sizing: border-box;\n height: 34px;\n width: 25%;\n min-width: 75px;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n padding: 4px 8px;\n cursor: pointer;\n text-align: center;\n border-radius: var(--emw--border-radius-large, 99px);\n border: 1px solid transparent;\n}\n.challenges__tabs-wrapper .challenges__tab.active {\n background: var(--emw--active-tab-background, rgba(9, 9, 9, 0.4));\n backdrop-filter: blur(6.882352829px);\n border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n}\n.challenges__tabs-wrapper .challenges__tab.challenges__tab--promo {\n box-sizing: content-box;\n min-width: 65px;\n padding: 8px 12px;\n background: var(--emw--color-gray-200, rgba(255, 255, 255, 0.2));\n box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.05), 0 10px 10px 0 rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(10px);\n}\n.challenges__tabs-wrapper .challenges__tab.challenges__tab--promo.active {\n background: var(--emw--active-tab-background, rgba(9, 9, 9, 0.4));\n backdrop-filter: blur(11.4705886841px);\n border: 1px solid transparent;\n}\n\n@container challenges-drawer (width <= 500px) {\n .challenges__tabs-wrapper {\n margin: 0 20px;\n }\n .challenges__tabs-wrapper .challenges__tabs {\n font-size: var(--emw--font-size-small, 14px);\n }\n}\n@container challenges-drawer (width <= 400px) {\n .challenges__tabs-wrapper {\n margin: 0 15px;\n }\n}\n@container challenges-drawer (height <= 760px) {\n .challenges__tabs-wrapper .challenges__tabs {\n margin: 0 0 10px;\n }\n}";
4312
+ const casinoChallengesOverlayTabsCss = ".challenges__tabs-wrapper.Mobile {\n width: auto;\n margin: 0 16px;\n}\n.challenges__tabs-wrapper.Mobile .challenges__tabs {\n height: 34px;\n padding: 2px 5px;\n margin: 12px 0;\n font-size: var(--emw--font-size-small, 14px);\n}\n.challenges__tabs-wrapper.Mobile .challenges__tabs.challenges__tabs--promo {\n min-width: 84px;\n border: 1px solid transparent;\n}\n.challenges__tabs-wrapper.Mobile .challenges__tab {\n height: 28px;\n min-width: auto;\n border: 1px solid transparent;\n}\n.challenges__tabs-wrapper.Mobile .challenges-tab--promo {\n min-width: auto;\n}\n.challenges__tabs-wrapper.Mobile .challenges-tab--promo.active {\n background: var(--emw--active-tab-background, rgba(9, 9, 9, 0.4));\n backdrop-filter: blur(11.4705886841px);\n}\n.challenges__tabs-wrapper.Mobile .challenges-tab--promo span {\n margin-right: 4px;\n}\n\n.challenges__tabs-wrapper {\n position: relative;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 24px;\n}\n.challenges__tabs-wrapper .challenges__tabs {\n width: 100%;\n box-sizing: border-box;\n height: 42px;\n display: flex;\n align-items: center;\n padding: 4px;\n margin: 16px 0;\n overflow-x: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n border-radius: var(--emw--border-radius-large, 99px);\n border: 1px solid var(--emw--color-gray-100, rgba(255, 255, 255, 0.1));\n background: var(--emw--tabs-background, linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.1) 100%));\n color: var(--emw--color-white, #fff);\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-medium, 500);\n}\n.challenges__tabs-wrapper .challenges__tabs.challenges__tabs--promo {\n min-width: 89px;\n margin-right: 10px;\n padding: 0;\n overflow-x: hidden;\n width: initial;\n}\n.challenges__tabs-wrapper .challenges__tab {\n box-sizing: border-box;\n height: 34px;\n flex: 1;\n min-width: 75px;\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 4px;\n padding: 4px 8px;\n cursor: pointer;\n text-align: center;\n border-radius: var(--emw--border-radius-large, 99px);\n border: 1px solid transparent;\n}\n.challenges__tabs-wrapper .challenges__tab.active {\n background: var(--emw--active-tab-background, rgba(9, 9, 9, 0.4));\n backdrop-filter: blur(6.882352829px);\n border: 1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));\n}\n.challenges__tabs-wrapper .challenges__tab.challenges__tab--promo {\n box-sizing: content-box;\n min-width: 65px;\n padding: 8px 12px;\n background: var(--emw--color-gray-200, rgba(255, 255, 255, 0.2));\n box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.05), 0 10px 10px 0 rgba(0, 0, 0, 0.1);\n backdrop-filter: blur(10px);\n}\n.challenges__tabs-wrapper .challenges__tab.challenges__tab--promo.active {\n background: var(--emw--active-tab-background, rgba(9, 9, 9, 0.4));\n backdrop-filter: blur(11.4705886841px);\n border: 1px solid transparent;\n}\n.challenges__tabs-wrapper .challenges__tabs.challenges__tabs--promo.large {\n width: 100%;\n}\n\n@container challenges-drawer (width <= 500px) {\n .challenges__tabs-wrapper {\n margin: 0 20px;\n }\n .challenges__tabs-wrapper .challenges__tabs {\n font-size: var(--emw--font-size-small, 14px);\n }\n}\n@container challenges-drawer (width <= 400px) {\n .challenges__tabs-wrapper {\n margin: 0 15px;\n }\n}\n@container challenges-drawer (height <= 760px) {\n .challenges__tabs-wrapper .challenges__tabs {\n margin: 5px 0 10px;\n }\n}";
4313
4313
  const CasinoChallengesOverlayTabsStyle0 = casinoChallengesOverlayTabsCss;
4314
4314
 
4315
4315
  const CasinoChallengeOverlayTabs = class {
@@ -4324,24 +4324,35 @@ const CasinoChallengeOverlayTabs = class {
4324
4324
  this.activeTabIndex = casinoChallengesOverlayDrawer.EChallengesTabs.Active;
4325
4325
  this.activeTabHasNotification = false;
4326
4326
  this.pendingTabHasNotification = false;
4327
+ this.enabledWidgetTabs = undefined;
4327
4328
  }
4328
4329
  get tabs() {
4329
4330
  return [
4330
- { label: casinoChallengesOverlayDrawer.translate('promo', this.language) },
4331
- { label: casinoChallengesOverlayDrawer.translate('active', this.language) },
4332
- { label: casinoChallengesOverlayDrawer.translate('pendingTab', this.language) },
4333
- { label: casinoChallengesOverlayDrawer.translate('finishedTab', this.language) },
4334
- { label: casinoChallengesOverlayDrawer.translate('codeTab', this.language) }
4331
+ { label: casinoChallengesOverlayDrawer.translate('promo', this.language), shown: this.enabledWidgetTabs.includes(casinoChallengesOverlayDrawer.EFeatureFlags.PromoTab) },
4332
+ { label: casinoChallengesOverlayDrawer.translate('active', this.language), shown: true },
4333
+ {
4334
+ label: casinoChallengesOverlayDrawer.translate('pendingTab', this.language),
4335
+ shown: this.enabledWidgetTabs.includes(casinoChallengesOverlayDrawer.EFeatureFlags.PendingTab)
4336
+ },
4337
+ {
4338
+ label: casinoChallengesOverlayDrawer.translate('finishedTab', this.language),
4339
+ shown: this.enabledWidgetTabs.includes(casinoChallengesOverlayDrawer.EFeatureFlags.FinishedTab)
4340
+ },
4341
+ { label: casinoChallengesOverlayDrawer.translate('codeTab', this.language), shown: this.enabledWidgetTabs.includes(casinoChallengesOverlayDrawer.EFeatureFlags.CodeTab) }
4335
4342
  ];
4336
4343
  }
4337
4344
  render() {
4338
4345
  var _a;
4339
- return (index.h(index.Host, { key: 'ee3ef4b4bc68c97e9d2cf09fdb18bd07c89fa393' }, index.h("div", { key: '7c5ad9fa44f4fb9593be61b4c47fe28d793913c4', class: { 'challenges__tabs-wrapper': true, Mobile: this.isMobile } }, index.h("div", { key: '2188b25224bd3f9bb2a69b1946490d7eeac49bf4', class: "challenges__tabs challenges__tabs--promo" }, index.h("div", { key: '6545accdd8c223d1f28c4344497b5aa236653b84', class: {
4346
+ return (index.h(index.Host, { key: 'd7406b70fa77065267703e6fe15a5a7476b13a47' }, index.h("div", { key: '0e92159292c795a7ecd972d8fa58af96ef4471fe', class: { 'challenges__tabs-wrapper': true, Mobile: this.isMobile } }, this.enabledWidgetTabs.includes(casinoChallengesOverlayDrawer.EFeatureFlags.PromoTab) && (index.h("div", { key: '238e070c09337d8f347d0e5b0d0e8c66f477e92d', class: {
4347
+ challenges__tabs: true,
4348
+ 'challenges__tabs--promo': true,
4349
+ large: this.enabledWidgetTabs.length === 1
4350
+ } }, index.h("div", { key: '50cfb51db808d2fc5036be2fd06b70f8a0364aee', class: {
4340
4351
  challenges__tab: true,
4341
4352
  'challenges__tab--promo': true,
4342
4353
  active: this.activeTabIndex === casinoChallengesOverlayDrawer.EChallengesTabs.Promo
4343
- }, onClick: this.handleTabClick(casinoChallengesOverlayDrawer.EChallengesTabs.Promo) }, index.h("span", { key: 'e145f5bf9fc6c87df0c86bedc70b97c77f1f6021' }, (_a = this.tabs[0]) === null || _a === void 0 ? void 0 : _a.label), index.h("img", { key: 'd7d2e925a73673ec536f9aeea11211bb8db7988c', src: crownSvg }))), index.h("div", { key: 'd24f27763e7b288a939252f3b0d2214372e5b922', class: "challenges__tabs" }, this.tabs.map((tab, index$1) => {
4344
- if (index$1 === casinoChallengesOverlayDrawer.EChallengesTabs.Promo)
4354
+ }, onClick: this.handleTabClick(casinoChallengesOverlayDrawer.EChallengesTabs.Promo) }, index.h("span", { key: 'a69d7dc4a1a798332bd9881cedb216ef82d279ab' }, (_a = this.tabs[0]) === null || _a === void 0 ? void 0 : _a.label), index.h("img", { key: '877a1c0c86ed9a632a1af6831f08dc4d2a172856', src: crownSvg })))), index.h("div", { key: '96e99a2e385f48878f4f7b25625b241be7f2560a', class: "challenges__tabs" }, this.tabs.map((tab, index$1) => {
4355
+ if (index$1 === casinoChallengesOverlayDrawer.EChallengesTabs.Promo || !tab.shown)
4345
4356
  return;
4346
4357
  return (index.h("div", { class: {
4347
4358
  challenges__tab: true,
@@ -4355,7 +4366,7 @@ CasinoChallengeOverlayTabs.style = CasinoChallengesOverlayTabsStyle0;
4355
4366
 
4356
4367
  const swipeSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDIzIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC40NzU5NTEgNS4xMzc3NUMxLjExMDU1IDUuMzk4MSAyLjEzOTQ1IDUuMzk4MSAyLjc3NDA1IDUuMTM3NzVMMTEuMzc1IDEuNjA5MTVMMTkuOTc2IDUuMTM3NzVDMjAuNjEwNiA1LjM5ODEgMjEuNjM5NCA1LjM5ODEgMjIuMjc0IDUuMTM3NzVDMjIuOTA4NyA0Ljg3NzQgMjIuOTA4NyA0LjQ1NTI5IDIyLjI3NCA0LjE5NDk0TDEyLjUyNCAwLjE5NDkzN0MxMS44ODk0IC0wLjA2NTQxMyAxMC44NjA2IC0wLjA2NTQxMyAxMC4yMjYgMC4xOTQ5MzdMMC40NzU5NTEgNC4xOTQ5NEMtMC4xNTg2NTEgNC40NTUyOSAtMC4xNTg2NTEgNC44Nzc0IDAuNDc1OTUxIDUuMTM3NzVaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjIiLz4KPC9zdmc+Cg==';
4357
4368
 
4358
- const swipeUpCss = ":host{display:block;height:100%;overflow:hidden}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform 120ms linear, opacity 120ms linear;will-change:transform, opacity;margin-bottom:16px}.swipe-btn{display:flex;justify-content:center;align-items:center;border:none;padding:14px 28px;cursor:grab;touch-action:none;user-select:none;width:39px;height:16px;margin:0 auto}.content{overflow:hidden;transform-origin:top center;transition:transform 120ms linear, height 120ms linear, border-radius 120ms linear;will-change:transform, height, border-radius;border-radius:20px 20px 0 0;border-top:1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));background:var(--emw--color-black-200, rgba(9, 9, 9, 0.8))}.swipe-down-handle{display:flex;justify-content:center;align-items:center;padding:10px 0;cursor:grab;touch-action:none;user-select:none}.swipe-btn{border:none;border-radius:999px;padding:14px 28px;font-size:var(--emw--font-size-large, 18px);background:transparent;color:black;cursor:grab;touch-action:none;user-select:none}";
4369
+ const swipeUpCss = ":host{display:block;height:100%;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}:host::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform 120ms linear, opacity 120ms linear;will-change:transform, opacity;margin-bottom:16px}.swipe-btn{display:flex;justify-content:center;align-items:center;border:none;padding:14px 28px;cursor:grab;touch-action:none;user-select:none;width:39px;height:16px;margin:0 auto}.content{overflow:hidden;transform-origin:top center;transition:transform 120ms linear, height 120ms linear, border-radius 120ms linear;will-change:transform, height, border-radius;border-radius:20px 20px 0 0;border-top:1px solid var(--emw--color-gray-300, rgba(255, 255, 255, 0.07));background:var(--emw--color-black-200, rgba(9, 9, 9, 0.8));scrollbar-width:none;-ms-overflow-style:none}.content::-webkit-scrollbar{display:none}.swipe-down-handle{display:flex;justify-content:center;align-items:center;padding:10px 0;cursor:grab;touch-action:none;user-select:none}.swipe-btn{border:none;border-radius:999px;padding:14px 28px;font-size:var(--emw--font-size-large, 18px);background:transparent;color:black;cursor:grab;touch-action:none;user-select:none}";
4359
4370
  const SwipeUpStyle0 = swipeUpCss;
4360
4371
 
4361
4372
  const SwipeUp = class {
@@ -4417,13 +4428,20 @@ const SwipeUp = class {
4417
4428
  const heroOpacity = 1 - this.progress;
4418
4429
  const contentTranslate = this.progress * -this.maxSwipe;
4419
4430
  if (this.isMobile) {
4420
- return (index.h("div", { style: { display: 'flex', height: '100%', 'flex-direction': 'column', overflow: 'auto' } }, index.h("header", { class: "hero", style: {
4431
+ return (index.h("div", { style: {
4432
+ display: 'flex',
4433
+ height: '100%',
4434
+ 'flex-direction': 'column',
4435
+ overflow: 'auto',
4436
+ 'overscroll-behavior-y': 'none'
4437
+ } }, index.h("header", { class: "hero", style: {
4421
4438
  transform: `translateY(${heroTranslate}px)`,
4422
4439
  opacity: `${heroOpacity}`
4423
4440
  } }, index.h("slot", { name: "header" })), index.h("main", { class: "content", style: {
4424
4441
  transform: `translateY(${contentTranslate}px)`,
4425
4442
  'margin-bottom': `-${this.maxSwipe}px`,
4426
- height: '100%',
4443
+ flex: '1',
4444
+ 'min-height': '0',
4427
4445
  overflow: this.isOpened ? 'auto' : 'hidden'
4428
4446
  } }, this.isOpened ? (index.h("button", { class: "swipe-btn", onPointerDown: this.onPointerDown, style: { position: 'sticky', zIndex: '123', left: 'calc(50% - 40px)' } }, index.h("img", { src: swipeSvg, width: 23, height: 6, style: { rotate: '180deg' } }))) : (index.h("button", { class: "swipe-btn", onPointerDown: this.onPointerDown }, index.h("img", { src: swipeSvg, width: 23, height: 6 }))), index.h("slot", { name: "details" }))));
4429
4447
  }
package/dist/cjs/{casino-challenges-overlay-drawer-fc0f80db.js → casino-challenges-overlay-drawer-47aaa28f.js} RENAMED
@@ -443,6 +443,13 @@ var EPostMessageResponseType;
443
443
  EPostMessageResponseType["UpdateChallengeProgress"] = "UpdateChallengeProgress";
444
444
  EPostMessageResponseType["NewChallengeProgressGranted"] = "NewChallengeProgressGranted";
445
445
  })(EPostMessageResponseType || (EPostMessageResponseType = {}));
446
+ exports.EFeatureFlags = void 0;
447
+ (function (EFeatureFlags) {
448
+ EFeatureFlags["PromoTab"] = "promo";
449
+ EFeatureFlags["PendingTab"] = "pending";
450
+ EFeatureFlags["FinishedTab"] = "finished";
451
+ EFeatureFlags["CodeTab"] = "code";
452
+ })(exports.EFeatureFlags || (exports.EFeatureFlags = {}));
446
453
 
447
454
  const crossSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNSAxNy41TDE3LjUgMi41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMDA0NTkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yLjUgMi41TDE3LjUgMTcuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjAwNDU5IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K';
448
455
 
@@ -557,7 +564,7 @@ const CasinoChallengesOverlayDrawer = class {
557
564
  return (index.h("div", { class: `notification ${((_a = this.notification) === null || _a === void 0 ? void 0 : _a.errored) ? 'errored' : ''}` }, index.h("div", { class: "row" }, index.h("img", { src: ((_b = this.notification) === null || _b === void 0 ? void 0 : _b.errored) ? errorSvg : checkSvg, class: "notification__icon", alt: "" }), index.h("p", { class: "notification__message" }, (_c = this.notification) === null || _c === void 0 ? void 0 : _c.message))));
558
565
  };
559
566
  this.renderHeader = (isMobile) => {
560
- return (index.h("div", null, index.h("h1", { class: "challenges__drawer__title" }, index.h("span", null, translate('title', this.language)), index.h("button", { class: "challenges__drawer__close", onClick: this.onCloseClick }, index.h("img", { src: crossSvg, alt: "" }))), index.h("casino-challenges-overlay-tabs", { onTabClick: this.handleTabClick, activeTabIndex: this.activeTabIndex, activeTabHasNotification: false, pendingTabHasNotification: false, language: this.language, "is-mobile": isMobile })));
567
+ return (index.h("div", null, index.h("h1", { class: "challenges__drawer__title" }, index.h("span", null, translate('title', this.language)), index.h("button", { class: "challenges__drawer__close", onClick: this.onCloseClick }, index.h("img", { src: crossSvg, alt: "" }))), this.enabledWidgetTabs.length > 0 && (index.h("casino-challenges-overlay-tabs", { onTabClick: this.handleTabClick, activeTabIndex: this.activeTabIndex, activeTabHasNotification: false, pendingTabHasNotification: false, language: this.language, "is-mobile": isMobile, enabledWidgetTabs: this.enabledWidgetTabs }))));
561
568
  };
562
569
  this.isEmptyState = () => {
563
570
  if (!this.loading && this.activeTabIndex !== exports.EChallengesTabs.Code) {
@@ -599,7 +606,7 @@ const CasinoChallengesOverlayDrawer = class {
599
606
  return (index.h("swipe-up", { onSwippedUp: (e) => {
600
607
  this.swipped = e.detail.swipped;
601
608
  this.progress = e.detail.progress;
602
- }, isMobile: isMobile, isOneSlider: isUnique }, index.h("div", { class: "content-header", slot: "header" }, this.renderHeader(isMobile), index.h("div", { class: { 'content-spacer': this.swipped || !isMobile, 'one-slide': isUnique && this.swipped } }, index.h("casino-challenges-overlay-slider", { mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, language: this.language, challenges: challenges, isMobile: isMobile, onActiveChallengeChange: this.onActiveChallengeChange, initialProgressId: this.activeProgressId, activeTabIndex: this.activeTabIndex }))), index.h("div", { class: "content-details", slot: "details" }, this.renderChallengeDetails(isMobile, isUnique))));
609
+ }, isMobile: isMobile, isOneSlider: isUnique }, index.h("div", { class: "content-header", slot: "header" }, this.renderHeader(isMobile), index.h("div", { class: { 'content-spacer': this.swipped || !isMobile, 'one-slide': isUnique && this.swipped } }, index.h("casino-challenges-overlay-slider", { mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, language: this.language, challenges: challenges, isMobile: isMobile, onActiveChallengeChange: this.onActiveChallengeChange, initialProgressId: this.activeProgressId, activeTabIndex: this.activeTabIndex }))), index.h("div", { class: "content-details", slot: "details", style: { overflow: this.swipped ? 'auto' : 'hidden' } }, this.renderChallengeDetails(isMobile, isUnique))));
603
610
  };
604
611
  this.onCloseClick = () => {
605
612
  var _a, _b;
@@ -619,6 +626,7 @@ const CasinoChallengesOverlayDrawer = class {
619
626
  this.handleClose = () => { };
620
627
  this.challenges = [];
621
628
  this.initialProgressId = '';
629
+ this.enabledWidgetTabs = undefined;
622
630
  this.activeChallenge = null;
623
631
  this.activeProgressId = '';
624
632
  this.activeTabIndex = exports.EChallengesTabs.Active;
@@ -661,7 +669,8 @@ const CasinoChallengesOverlayDrawer = class {
661
669
  handleIsOpenChange(newValue) {
662
670
  var _a;
663
671
  if (newValue) {
664
- if (this.initialProgressId && this.challenges.length) {
672
+ if ((this.initialProgressId && this.challenges.length) ||
673
+ !this.enabledWidgetTabs.includes(exports.EFeatureFlags.PromoTab)) {
665
674
  this.activeTabIndex = exports.EChallengesTabs.Active;
666
675
  this.activeProgressId = this.initialProgressId;
667
676
  const currentChallenge = ((_a = this.activeChallenges) === null || _a === void 0 ? void 0 : _a.find((x) => x.Id === this.activeProgressId)) || this.activeChallenges[0];
package/dist/cjs/casino-challenges-overlay-drawer.cjs.js CHANGED
@@ -19,7 +19,7 @@ var patchBrowser = () => {
19
19
 
20
20
  patchBrowser().then(async (options) => {
21
21
  await appGlobals.globalScripts();
22
- return index.bootstrapLazy([["casino-challenge-details-events_21.cjs",[[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"],"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"]}],[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);
22
+ return index.bootstrapLazy([["casino-challenge-details-events_21.cjs",[[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);
23
23
  });
24
24
 
25
25
  exports.setNonce = index.setNonce;
package/dist/cjs/index.cjs.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const casinoChallengesOverlayDrawer = require('./casino-challenges-overlay-drawer-fc0f80db.js');
5
+ const casinoChallengesOverlayDrawer = require('./casino-challenges-overlay-drawer-47aaa28f.js');
6
6
  require('./index-d2288c94.js');
7
7
 
8
8
 
package/dist/cjs/loader.cjs.js CHANGED
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
8
8
  const defineCustomElements = async (win, options) => {
9
9
  if (typeof window === 'undefined') return undefined;
10
10
  await appGlobals.globalScripts();
11
- return index.bootstrapLazy([["casino-challenge-details-events_21.cjs",[[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"],"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"]}],[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);
11
+ return index.bootstrapLazy([["casino-challenge-details-events_21.cjs",[[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);
12
12
  };
13
13
 
14
14
  exports.setNonce = index.setNonce;