@everymatrix/casino-challenges-overlay-drawer 0.5.33 → 0.5.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/casino-challenges-overlay-drawer/casino-challenge-details-events_21.entry.js +1 -1
- package/dist/casino-challenges-overlay-drawer/{casino-challenges-overlay-drawer-dff16c4b.js → casino-challenges-overlay-drawer-8f04dcba.js} +1 -1
- package/dist/casino-challenges-overlay-drawer/index.esm.js +1 -1
- package/dist/cjs/casino-challenge-details-events_21.cjs.entry.js +2 -2
- package/dist/cjs/{casino-challenges-overlay-drawer-a880559b.js → casino-challenges-overlay-drawer-2553511e.js} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/collection/components/casino-challenges-overlay-drawer/casino-challenges-overlay-drawer.css +2 -0
- package/dist/collection/components/components/casino-challenges-overlay-tabs/casino-challenges-overlay-tabs.css +4 -0
- package/dist/esm/casino-challenge-details-events_21.entry.js +3 -3
- package/dist/esm/{casino-challenges-overlay-drawer-dff16c4b.js → casino-challenges-overlay-drawer-8f04dcba.js} +1 -1
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as i}from"./index-25fd45d2.js";const t="__WIDGET_GLOBAL_STYLE_CACHE__";function n(e,i){if(e){const t=document.createElement("style");t.innerHTML=i,e.appendChild(t)}}function s(e,i){if(!e||!i)return;const t=new URL(i);fetch(t.href).then((e=>e.text())).then((i=>{const t=document.createElement("style");t.innerHTML=i,e&&e.appendChild(t)})).catch((e=>{console.error("There was an error while trying to load client styling from URL",e)}))}function a(e,i,n,s=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!s)return n=function(e,i){const t=document.createElement("style");return window.emMessageBus.subscribe(i,(i=>{e&&(t.innerHTML=i,e.appendChild(t))}))}(e,i),n;window[t]||(window[t]={}),n=function(e,i){return window.emMessageBus.subscribe(i,(n=>{if(!e)return;const s=e.getRootNode(),a=window[t];let o=a[i]&&a[i].sheet;o?a[i].refCount=a[i].refCount+1:(o=new CSSStyleSheet,o.replaceSync(n),a[i]={sheet:o,refCount:1});const l=s.adoptedStyleSheets||[];l.includes(o)||(s.adoptedStyleSheets=[...l,o])}))}(e,i);const a=n.unsubscribe.bind(n);return n.unsubscribe=()=>{if(window[t][i]){const e=window[t][i];e.refCount>1?e.refCount=e.refCount-1:delete window[t][i]}a()},n}const o={en:{title:"Challenges",promo:"Promo",active:"Active",pendingTab:"Pending",finishedTab:"Finished",level:"Level",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",optOutModalTitle:"Opt out of challenge?",optOutModalDescription:"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.",deposit:"Deposit",depositAmountDescription:"to unlock the Challenge",noDepositAmountDescription:"Deposit any amount to unlock the Challenge",terms:"Terms & Conditions",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",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"}},l=(e,i)=>o[void 0!==i&&i in o?i:"en"][e],r=async e=>{if(e)try{const t=await fetch(e);if(!t.ok)throw new Error(`HTTP error! status: ${t.status}`);const n=await t.json();i=n,Object.keys(i).forEach((e=>{o[e]||(o[e]={});for(let t in i[e])o[e][t]=i[e][t]}))}catch(e){console.error("Failed to fetch or parse translations from URL:",e)}var i};var h,c,d,g,M,u,p,b,m,z,w,v,y,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",e[e.Unavailable=8]="Unavailable"}(M||(M={})),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"}(u||(u={})),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"}(z||(z={})),function(e){e[e.Single=0]="Single",e[e.Multiple=1]="Multiple",e[e.System=2]="System"}(w||(w={})),function(e){e[e.Any=0]="Any",e[e.BankerOnly=1]="BankerOnly",e[e.NotBankerOnly=2]="NotBankerOnly"}(v||(v={})),function(e){e[e.Any=0]="Any",e[e.BetBuilderOnly=1]="BetBuilderOnly",e[e.NotBetBuilderOnly=2]="NotBetBuilderOnly"}(y||(y={})),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(t){e(this,t),this.forfeitPending=!1,this.EMPTY_STATE_PAGE_DESCRIPTION_MAP={[x.Promo]:{header:"promoTabEmptyHeader",description:"promoTabEmptyDescription"},[x.Active]:{header:"activeTabEmptyHeader",description:"activeTabEmptyDescription"},[x.Pending]:{header:"pendingTabEmptyHeader",description:"pendingTabEmptyDescription"},[x.Finished]:{header:"finishedTabEmptyHeader",description:"finishedTabEmptyDescription"}},this.onActiveChallengeChange=e=>{var i,t,n;(null==e?void 0:e.detail)&&(this.removeOptedOutChallenge(),this.updateActiveChallenge(this.activeTabIndex===x.Active?null===(i=this.activeChallenges)||void 0===i?void 0:i.find((i=>(null==i?void 0:i.Id)===e.detail)):this.activeTabIndex===x.Pending?null===(t=this.pendingChallenges)||void 0===t?void 0:t.find((i=>(null==i?void 0:i.Id)===e.detail)):null===(n=this.promoChallenges)||void 0===n?void 0:n.find((i=>(null==i?void 0:i.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=>[M.Awaiting,M.Forfeited,M.Completed,M.Expired].includes(e.Status)||e.ChallengeStatus===u.Paused,this.updateActiveChallenge=e=>{var i;this.activeChallenge=e,this.activeProgressId=null===(i=this.activeChallenge)||void 0===i?void 0:i.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 i;return(null==e?void 0:e.Id)!==(null===(i=this.activeChallenge)||void 0===i?void 0:i.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,t,n,s,a,o;return i("div",{class:"notification "+((null===(e=this.notification)||void 0===e?void 0:e.errored)?"errored":"")},i("div",{class:"row"},i("img",{src:(null===(t=this.notification)||void 0===t?void 0:t.errored)?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjMzMzMzIDEuMzMzMzNDNC4wMTk2MiAxLjMzMzMzIDEuMzMzMzMgNC4wMTk2MiAxLjMzMzMzIDcuMzMzMzNDMS4zMzMzMyAxMC42NDcgNC4wMTk2MiAxMy4zMzMzIDcuMzMzMzMgMTMuMzMzM0MxMC42NDcgMTMuMzMzMyAxMy4zMzMzIDEwLjY0NyAxMy4zMzMzIDcuMzMzMzNDMTMuMzMzMyA0LjAxOTYyIDEwLjY0NyAxLjMzMzMzIDcuMzMzMzMgMS4zMzMzM1pNMCA3LjMzMzMzQzAgMy4yODMyNSAzLjI4MzI1IDAgNy4zMzMzMyAwQzExLjM4MzQgMCAxNC42NjY3IDMuMjgzMjUgMTQuNjY2NyA3LjMzMzMzQzE0LjY2NjcgMTEuMzgzNCAxMS4zODM0IDE0LjY2NjcgNy4zMzMzMyAxNC42NjY3QzMuMjgzMjUgMTQuNjY2NyAwIDExLjM4MzQgMCA3LjMzMzMzWk03LjMzMzMzIDRDNy43MDE1MiA0IDggNC4yOTg0OCA4IDQuNjY2NjdWNy4zMzMzM0M4IDcuNzAxNTIgNy43MDE1MiA4IDcuMzMzMzMgOEM2Ljk2NTE0IDggNi42NjY2NyA3LjcwMTUyIDYuNjY2NjcgNy4zMzMzM1Y0LjY2NjY3QzYuNjY2NjcgNC4yOTg0OCA2Ljk2NTE0IDQgNy4zMzMzMyA0Wk02LjY2NjY3IDEwQzYuNjY2NjcgOS42MzE4MSA2Ljk2NTE0IDkuMzMzMzMgNy4zMzMzMyA5LjMzMzMzSDcuMzRDNy43MDgxOSA5LjMzMzMzIDguMDA2NjcgOS42MzE4MSA4LjAwNjY3IDEwQzguMDA2NjcgMTAuMzY4MiA3LjcwODE5IDEwLjY2NjcgNy4zNCAxMC42NjY3SDcuMzMzMzNDNi45NjUxNCAxMC42NjY3IDYuNjY2NjcgMTAuMzY4MiA2LjY2NjY3IDEwWiIgZmlsbD0iI0ZGNEQ0RiIvPgo8L3N2Zz4K":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjMzMzMzIDEuMzMzMzNDNC4wMTk2MiAxLjMzMzMzIDEuMzMzMzMgNC4wMTk2MiAxLjMzMzMzIDcuMzMzMzNDMS4zMzMzMyAxMC42NDcgNC4wMTk2MiAxMy4zMzMzIDcuMzMzMzMgMTMuMzMzM0MxMC42NDcgMTMuMzMzMyAxMy4zMzMzIDEwLjY0NyAxMy4zMzMzIDcuMzMzMzNDMTMuMzMzMyA0LjAxOTYyIDEwLjY0NyAxLjMzMzMzIDcuMzMzMzMgMS4zMzMzM1pNMCA3LjMzMzMzQzAgMy4yODMyNSAzLjI4MzI1IDAgNy4zMzMzMyAwQzExLjM4MzQgMCAxNC42NjY3IDMuMjgzMjUgMTQuNjY2NyA3LjMzMzMzQzE0LjY2NjcgMTEuMzgzNCAxMS4zODM0IDE0LjY2NjcgNy4zMzMzMyAxNC42NjY3QzMuMjgzMjUgMTQuNjY2NyAwIDExLjM4MzQgMCA3LjMzMzMzWk0xMC44MDQ3IDQuODYxOTNDMTEuMDY1MSA1LjEyMjI4IDExLjA2NTEgNS41NDQzOSAxMC44MDQ3IDUuODA0NzRMNi44MDQ3NCA5LjgwNDc0QzYuNTQ0MzkgMTAuMDY1MSA2LjEyMjI4IDEwLjA2NTEgNS44NjE5MyA5LjgwNDc0TDMuODYxOTMgNy44MDQ3NEMzLjYwMTU4IDcuNTQ0MzkgMy42MDE1OCA3LjEyMjI4IDMuODYxOTMgNi44NjE5M0M0LjEyMjI4IDYuNjAxNTggNC41NDQzOSA2LjYwMTU4IDQuODA0NzQgNi44NjE5M0w2LjMzMzMzIDguMzkwNTJMOS44NjE5MyA0Ljg2MTkzQzEwLjEyMjMgNC42MDE1OCAxMC41NDQ0IDQuNjAxNTggMTAuODA0NyA0Ljg2MTkzWiIgZmlsbD0iIzAwRkE1QSIvPgo8L3N2Zz4K",class:"notification__icon",alt:""}),i("p",{class:"notification__message"},null!==(a=l(null!==(s=null===(n=this.notification)||void 0===n?void 0:n.message)&&void 0!==s?s:"",this.language))&&void 0!==a?a:null===(o=this.notification)||void 0===o?void 0:o.message)))},this.renderHeader=e=>i("div",null,i("h1",{class:"challenges__drawer__title"},i("span",null,l("title",this.language)),i("button",{class:"challenges__drawer__close",onClick:this.onCloseClick},i("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNSAxNy41TDE3LjUgMi41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMDA0NTkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yLjUgMi41TDE3LjUgMTcuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjAwNDU5IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K",alt:""}))),this.enabledWidgetTabs.length>0&&i("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 t,n;return i("div",null,this.renderHeader(e),i("casino-challenges-empty-state",{header:l(null===(t=this.emptyState)||void 0===t?void 0:t.header,this.language),description:l(null===(n=this.emptyState)||void 0===n?void 0:n.description,this.language),"is-mobile":e}))},this.renderFinishedTab=e=>i("div",null,this.renderHeader(e),i("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=>i("div",null,this.renderHeader(e),i("casino-challenges-claim-code",{"is-mobile":e,translationUrl:this.translationUrl,language:this.language})),this.renderChallengeDetails=(e,t=!1)=>i("casino-challenges-overlay-drawer-details",{translationUrl:this.translationUrl,language:this.language,challenge:this.activeChallenge,swipped:this.swipped,progress:this.progress,"is-mobile":e,"is-unique":t,"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 t=this.activeTabIndex===x.Active?this.activeChallenges:this.activeTabIndex===x.Pending?this.pendingChallenges:this.promoChallenges,n=1===t.length;return i("swipe-up",{onSwippedUp:e=>{this.swipped=e.detail.swipped,this.progress=e.detail.progress},isMobile:e,isOneSlider:n},i("div",{class:"content-header",slot:"header"},this.renderHeader(e),i("div",{class:{"content-spacer":this.swipped||!e,"one-slide":n&&this.swipped}},i("casino-challenges-overlay-slider",{mbSource:this.mbSource,clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,translationUrl:this.translationUrl,language:this.language,challenges:t,isMobile:e,onActiveChallengeChange:this.onActiveChallengeChange,initialProgressId:this.activeProgressId,activeTabIndex:this.activeTabIndex}))),i("div",{class:"content-details",slot:"details",style:{overflow:this.swipped?"auto":"hidden"}},this.renderChallengeDetails(e,n)))},this.onCloseClick=()=>{var e,i;this.pendingChallenges=null===(e=this.pendingChallenges)||void 0===e?void 0:e.filter((e=>e.Status===M.Awaiting)),this.activeChallenges=null===(i=this.activeChallenges)||void 0===i?void 0:i.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:"activeTabEmptyHeader",description:"activeTabEmptyDescription"}}handleClientStylingChange(e,i){e!=i&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(e,i){e!=i&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(e,i){e!=i&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}handleIsOpenChange(e){var i;if(e)if(this.initialProgressId&&this.challenges.length||!this.enabledWidgetTabs.includes(_.PromoTab)){this.activeTabIndex=x.Active,this.activeProgressId=this.initialProgressId;const e=(null===(i=this.activeChallenges)||void 0===i?void 0:i.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(){this.forfeitPending||(this.forfeitPending=!0,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:M.Expired});break;case x.Pending:this.pendingChallenges=this.updateChallenge(this.pendingChallenges,e.detail,{Status:M.Expired});break;case x.Promo:this.promoChallenges=this.updateChallenge(this.promoChallenges,e.detail,{Status:M.Expired})}}handleEvent(e){var i,t,n,s;const{type:a,data:o,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),a){case I.ChallengePromoTab:r?(this.promoChallenges=o||[],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===(i=null==e?void 0:e.data)||void 0===i?void 0:i.totalItem)?[...this.playerHistory,...o]:o,this.hasMorePlayerHistory=(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.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,o]):this.openNotification({message:h,errored:!0}),this.loading=!1;break;case I.ChallengeJoin:if(r){const e=[M.Paused,M.Started].includes(null===(n=this.activeChallenge)||void 0===n?void 0:n.Status);this.activeChallenges=this.updateChallenge(this.activeChallenges,e?null==o?void 0:o.joinId:null==o?void 0:o.unjoinId,{Status:e?M.InProgress:M.Paused})}else this.openNotification({message:h,errored:!0});this.loading=!1;break;case I.ChallengeIsNew:r?this.updateChallengeByProgressId(null==o?void 0:o.challengeProgressId,{IsNew:!1}):this.openNotification({message:h,errored:!0});break;case I.GetChallengeGames:r?this.challengeGames=o:this.openNotification({message:h,errored:!0}),this.loading=!1;break;case I.ClaimChallengeByButton:if(r){const e=Array.isArray(o)?o[0]:o;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.forfeitPending=!1,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==o?void 0:o.ChallengeProgressId,{Status:null==o?void 0:o.ChallengeProgressStatus});break;case I.ChallengeChangeStatusNotification:this.updateChallengeById(null==o?void 0:o.ChallengeId,{ChallengeStatus:(null==o?void 0:o.IsEnabled)?u.Enabled:u.Paused});break;case I.ChallengeForfeitNotification:this.updateChallengeById(null==o?void 0:o.ChallengeId,{Status:M.Forfeited});break;case I.UpdateChallengeProgress:{const e=o;if(!((e,i)=>{if(!e)return!0;if(e.ProgressId!==i.ProgressId)return!0;if(e.Levels.length!==i.Levels.length)return!0;for(let t=0;t<i.Levels.length;t++){const n=e.Levels[t],s=i.Levels[t];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((i=>{if(i.Id!==(null==e?void 0:e.ProgressId))return i;const t=i.LevelProgresses.map((i=>{const t=null==e?void 0:e.Levels.find((e=>e.LevelId===i.LevelId));return t?Object.assign(Object.assign({},i),{ProgressStatus:t.ProgressStatus,ProgressPercentage:t.ProgressPercentage}):i}));return Object.assign(Object.assign({},i),{Status:null==e?void 0:e.Status,LevelProgresses:t})}));break}case I.NewChallengeProgressGranted:const a=(null==o?void 0:o.Status)===M.Awaiting,c=a?this.pendingChallenges:this.activeChallenges;if(null==c?void 0:c.some((e=>e.Id===(null==o?void 0:o.Id))))break;a?(this.pendingChallenges=[...c,o],this.activeTabIndex===x.Pending&&1===this.pendingChallenges.length&&this.updateActiveChallenge(o)):(this.activeChallenges=[...c,o],this.activeTabIndex===x.Active&&1===this.activeChallenges.length&&this.updateActiveChallenge(o));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===M.Awaiting)),this.activeChallenges=e.filter((e=>!this.isInactiveChallenge(e)))}}componentDidLoad(){this.stylingContainer&&(this.mbSource&&a(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,i,t){var n;return(null===(n=this.activeChallenge)||void 0===n?void 0:n.Id)===i&&(this.activeChallenge=Object.assign(Object.assign({},this.activeChallenge),t)),e.map((e=>e.Id===i?Object.assign(Object.assign({},e),t):e))}updateChallengeList(e,i,t){let n=!1;const s=e.map((e=>e.ChallengeId===i?(n=!0,Object.assign(Object.assign({},e),t)):e));return n?s:e}updateChallengeById(e,i){var t;(null===(t=this.activeChallenge)||void 0===t?void 0:t.ChallengeId)===e&&(this.activeChallenge=Object.assign(Object.assign({},this.activeChallenge),i)),this.activeChallenges=this.updateChallengeList(this.activeChallenges,e,i),this.pendingChallenges=this.updateChallengeList(this.pendingChallenges,e,i),this.promoChallenges=this.updateChallengeList(this.promoChallenges,e,i)}updateChallengeByProgressId(e,i){var t;(null===(t=this.activeChallenge)||void 0===t?void 0:t.Id)===e&&(this.activeChallenge=Object.assign(Object.assign({},this.activeChallenge),i)),this.activeChallenges.find((i=>i.Id===e))?this.activeChallenges=this.activeChallenges.map((t=>t.Id===e?Object.assign(Object.assign({},t),i):t)):this.pendingChallenges.find((i=>i.Id===e))?this.pendingChallenges=this.pendingChallenges.map((t=>t.Id===e?Object.assign(Object.assign({},t),i):t)):this.promoChallenges=this.promoChallenges.map((t=>t.Id===e?Object.assign(Object.assign({},t),i):t))}renderContent(e,t){var n;if(t)return this.renderEmptyState(e);if(null===(n=this.detailsSubPageInfo)||void 0===n?void 0:n.open)return i("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,t=this.isEmptyState();return i("div",{ref:e=>this.stylingContainer=e,class:{container:!0,open:this.isOpen,mobile:e}},i("div",{class:"challenges__backdrop",onClick:this.onCloseClick}),i("div",{class:"challenges__drawer"},i("casino-challenge-overlay-background",{empty:t}),i("div",{class:"challenges__drawer__content"},this.renderContent(e,t)),this.loading&&i("casino-challenges-overlay-loader",{"full-size":!0,"is-mobile":e}),i("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 pointer-events: none;\n container-name: challenges-game-page;\n container-type: size;\n}\n.container.open {\n pointer-events: auto;\n}\n\n.mobile .challenges__drawer {\n width: 100%;\n height: 100%;\n left: 0;\n bottom: 0;\n border-radius: 0;\n backdrop-filter: blur(16px);\n border: none;\n max-width: none;\n min-width: initial;\n}\n.mobile .challenges__drawer .content-spacer {\n margin-bottom: 32px;\n}\n.mobile .challenges__drawer .content-spacer.one-slide {\n margin-bottom: 38px;\n}\n.mobile .challenges__drawer__content {\n padding: 16px 0 0;\n}\n.mobile .challenges__drawer__content .content-details {\n height: calc(100% - 30px);\n}\n.mobile .challenges__drawer__title {\n height: 26px;\n font-size: var(--emw--font-size-large, 18px);\n}\n.mobile .challenges__drawer__close {\n right: 16px;\n width: 26px;\n height: 26px;\n}\n.mobile .challenges__drawer__close img {\n width: 14px;\n}\n.mobile .challenges__backdrop {\n display: none;\n}\n.mobile .notification {\n padding: 8px 16px;\n gap: 8px;\n}\n.mobile .notification .row {\n margin: 15px 0 14px 0;\n}\n.mobile .notification__icon {\n width: 16px;\n height: 16px;\n}\n.mobile .notification__message {\n font-size: var(--emw--font-size-small, 14px);\n}\n\n.challenges__drawer {\n z-index: 302;\n position: fixed;\n left: 62px;\n bottom: 76px;\n border: 1px solid var(--emw--color-container-border, rgba(255, 255, 255, 0.0705882353));\n background: var(--emw--color-Overlay-Background, rgba(9, 9, 9, 0.8));\n backdrop-filter: blur(11px);\n box-sizing: border-box;\n width: 35%;\n min-width: 400px;\n max-width: 600px;\n height: calc(100% - 20px - 76px);\n border-radius: 30px;\n opacity: 1;\n font-family: var(--emw--font-family-primary, "Teachers"), sans-serif;\n container-name: challenges-drawer;\n container-type: size;\n}\n.challenges__drawer__title {\n height: 36px;\n color: var(--emw--color-title, #edeff2);\n text-align: center;\n font-size: var(--emw--font-size-large-xl, 22px);\n font-weight: var(--emw--font-weight-semibold, 600);\n margin: 0;\n position: relative;\n z-index: 1;\n align-content: center;\n}\n.challenges__drawer__close {\n outline: none;\n background: transparent;\n border-radius: 20px;\n border: 1.5px solid var(--emw--color-container-border, rgba(255, 255, 255, 0.0705882353));\n background: var(--emw--color-container-background, rgba(9, 9, 9, 0.5019607843));\n backdrop-filter: blur(6.882352829px);\n cursor: pointer;\n width: 36px;\n height: 36px;\n min-width: 36px;\n min-height: 36px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n right: 24px;\n}\n.challenges__drawer__content {\n height: 100%;\n position: relative;\n z-index: 2;\n padding: 24px 0 0;\n box-sizing: border-box;\n}\n.challenges__drawer__content .content-header {\n width: 100%;\n flex-shrink: 0;\n}\n.challenges__drawer__content .content-details {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n}\n.challenges__drawer__content .content-sub-page {\n display: flex;\n height: 100%;\n}\n.challenges__drawer .content-spacer {\n margin-bottom: 24px;\n}\n.challenges__drawer, .challenges__drawer * {\n scrollbar-width: thin;\n scrollbar-color: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3)) transparent;\n}\n.challenges__drawer::-webkit-scrollbar, .challenges__drawer *::-webkit-scrollbar {\n width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-track, .challenges__drawer *::-webkit-scrollbar-track {\n background: transparent;\n}\n.challenges__drawer::-webkit-scrollbar-thumb, .challenges__drawer *::-webkit-scrollbar-thumb {\n background: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3));\n opacity: 0.3;\n border-radius: 999px;\n transition: none;\n width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-thumb:hover, .challenges__drawer *::-webkit-scrollbar-thumb:hover {\n background: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3));\n opacity: 0.3;\n width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-button, .challenges__drawer *::-webkit-scrollbar-button {\n display: none;\n}\n.challenges__backdrop {\n border: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--emw--color-gray-backdrop, rgba(0, 0, 0, 0.6));\n box-shadow: -5px 0 0 0 var(--emw--color-gray-backdrop, rgba(0, 0, 0, 0.6));\n z-index: 301;\n opacity: 1;\n}\n\n.notification {\n display: flex;\n position: fixed;\n z-index: 400;\n align-items: center;\n bottom: 76px;\n right: 0;\n padding: 24px;\n gap: 12px;\n max-width: 445px;\n box-sizing: border-box;\n border-radius: 20px 0 0 20px;\n border-top: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n border-bottom: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n border-left: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n background: var(--emw--background-success-notification, linear-gradient(112deg, rgba(74, 255, 135, 0.2) 0%, rgba(74, 255, 135, 0) 100%));\n backdrop-filter: blur(16px);\n color: var(--emw--color-white, #ffffff);\n font-family: var(--emw--font-family-primary, "Teachers"), sans-serif;\n}\n.notification.errored {\n border-top: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n border-bottom: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n border-left: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n background: var(--emw--background-error-notification, rgba(9, 9, 9, 0.4));\n}\n.notification .row {\n display: flex;\n align-items: flex-start;\n}\n.notification__icon {\n width: 18px;\n height: 18px;\n margin-right: 12px;\n}\n.notification__message {\n margin: 0;\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-medium, 500);\n}\n.notification__message .active-tab {\n color: var(--emw--border-success-color, #00b74f);\n text-decoration-line: underline;\n cursor: pointer;\n}\n\ncasino-challenges-overlay-drawer-details {\n flex: 1;\n}\n\n@container challenges-game-page (width <= 1430px) {\n .challenges__drawer {\n width: 40%;\n left: 45px;\n }\n}\n@container challenges-game-page (width <= 1250px) {\n .challenges__drawer {\n width: 45%;\n }\n}\n@container challenges-game-page (width <= 1000px) {\n .challenges__drawer {\n width: 50%;\n left: 25px;\n }\n}\n@container challenges-game-page (width <= 800px) {\n .challenges__drawer__content {\n padding: 20px 0 0;\n }\n}\n@container challenges-game-page (height <= 850px) {\n .challenges__drawer {\n bottom: 36px;\n height: calc(100% - 20px - 36px);\n }\n .challenges__drawer .content-spacer {\n margin-bottom: 18px;\n }\n}\n@container challenges-drawer (height <= 760px) {\n .challenges__drawer .content-spacer {\n margin-bottom: 12px;\n }\n}';export{A as C,j as E,N as H,D as a,s as b,a as c,x as d,_ as e,r,n as s,l as t}
|
|
1
|
+
import{r as e,h as i}from"./index-25fd45d2.js";const t="__WIDGET_GLOBAL_STYLE_CACHE__";function n(e,i){if(e){const t=document.createElement("style");t.innerHTML=i,e.appendChild(t)}}function s(e,i){if(!e||!i)return;const t=new URL(i);fetch(t.href).then((e=>e.text())).then((i=>{const t=document.createElement("style");t.innerHTML=i,e&&e.appendChild(t)})).catch((e=>{console.error("There was an error while trying to load client styling from URL",e)}))}function a(e,i,n,s=!1){if(!window.emMessageBus)return;if(!("adoptedStyleSheets"in Document.prototype)||!s)return n=function(e,i){const t=document.createElement("style");return window.emMessageBus.subscribe(i,(i=>{e&&(t.innerHTML=i,e.appendChild(t))}))}(e,i),n;window[t]||(window[t]={}),n=function(e,i){return window.emMessageBus.subscribe(i,(n=>{if(!e)return;const s=e.getRootNode(),a=window[t];let o=a[i]&&a[i].sheet;o?a[i].refCount=a[i].refCount+1:(o=new CSSStyleSheet,o.replaceSync(n),a[i]={sheet:o,refCount:1});const l=s.adoptedStyleSheets||[];l.includes(o)||(s.adoptedStyleSheets=[...l,o])}))}(e,i);const a=n.unsubscribe.bind(n);return n.unsubscribe=()=>{if(window[t][i]){const e=window[t][i];e.refCount>1?e.refCount=e.refCount-1:delete window[t][i]}a()},n}const o={en:{title:"Challenges",promo:"Promo",active:"Active",pendingTab:"Pending",finishedTab:"Finished",level:"Level",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",optOutModalTitle:"Opt out of challenge?",optOutModalDescription:"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.",deposit:"Deposit",depositAmountDescription:"to unlock the Challenge",noDepositAmountDescription:"Deposit any amount to unlock the Challenge",terms:"Terms & Conditions",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",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"}},l=(e,i)=>o[void 0!==i&&i in o?i:"en"][e],r=async e=>{if(e)try{const t=await fetch(e);if(!t.ok)throw new Error(`HTTP error! status: ${t.status}`);const n=await t.json();i=n,Object.keys(i).forEach((e=>{o[e]||(o[e]={});for(let t in i[e])o[e][t]=i[e][t]}))}catch(e){console.error("Failed to fetch or parse translations from URL:",e)}var i};var h,c,d,g,M,u,p,b,m,z,w,v,y,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",e[e.Unavailable=8]="Unavailable"}(M||(M={})),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"}(u||(u={})),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"}(z||(z={})),function(e){e[e.Single=0]="Single",e[e.Multiple=1]="Multiple",e[e.System=2]="System"}(w||(w={})),function(e){e[e.Any=0]="Any",e[e.BankerOnly=1]="BankerOnly",e[e.NotBankerOnly=2]="NotBankerOnly"}(v||(v={})),function(e){e[e.Any=0]="Any",e[e.BetBuilderOnly=1]="BetBuilderOnly",e[e.NotBetBuilderOnly=2]="NotBetBuilderOnly"}(y||(y={})),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(t){e(this,t),this.forfeitPending=!1,this.EMPTY_STATE_PAGE_DESCRIPTION_MAP={[x.Promo]:{header:"promoTabEmptyHeader",description:"promoTabEmptyDescription"},[x.Active]:{header:"activeTabEmptyHeader",description:"activeTabEmptyDescription"},[x.Pending]:{header:"pendingTabEmptyHeader",description:"pendingTabEmptyDescription"},[x.Finished]:{header:"finishedTabEmptyHeader",description:"finishedTabEmptyDescription"}},this.onActiveChallengeChange=e=>{var i,t,n;(null==e?void 0:e.detail)&&(this.removeOptedOutChallenge(),this.updateActiveChallenge(this.activeTabIndex===x.Active?null===(i=this.activeChallenges)||void 0===i?void 0:i.find((i=>(null==i?void 0:i.Id)===e.detail)):this.activeTabIndex===x.Pending?null===(t=this.pendingChallenges)||void 0===t?void 0:t.find((i=>(null==i?void 0:i.Id)===e.detail)):null===(n=this.promoChallenges)||void 0===n?void 0:n.find((i=>(null==i?void 0:i.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=>[M.Awaiting,M.Forfeited,M.Completed,M.Expired].includes(e.Status)||e.ChallengeStatus===u.Paused,this.updateActiveChallenge=e=>{var i;this.activeChallenge=e,this.activeProgressId=null===(i=this.activeChallenge)||void 0===i?void 0:i.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 i;return(null==e?void 0:e.Id)!==(null===(i=this.activeChallenge)||void 0===i?void 0:i.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,t,n,s,a,o;return i("div",{class:"notification "+((null===(e=this.notification)||void 0===e?void 0:e.errored)?"errored":"")},i("div",{class:"row"},i("img",{src:(null===(t=this.notification)||void 0===t?void 0:t.errored)?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjMzMzMzIDEuMzMzMzNDNC4wMTk2MiAxLjMzMzMzIDEuMzMzMzMgNC4wMTk2MiAxLjMzMzMzIDcuMzMzMzNDMS4zMzMzMyAxMC42NDcgNC4wMTk2MiAxMy4zMzMzIDcuMzMzMzMgMTMuMzMzM0MxMC42NDcgMTMuMzMzMyAxMy4zMzMzIDEwLjY0NyAxMy4zMzMzIDcuMzMzMzNDMTMuMzMzMyA0LjAxOTYyIDEwLjY0NyAxLjMzMzMzIDcuMzMzMzMgMS4zMzMzM1pNMCA3LjMzMzMzQzAgMy4yODMyNSAzLjI4MzI1IDAgNy4zMzMzMyAwQzExLjM4MzQgMCAxNC42NjY3IDMuMjgzMjUgMTQuNjY2NyA3LjMzMzMzQzE0LjY2NjcgMTEuMzgzNCAxMS4zODM0IDE0LjY2NjcgNy4zMzMzMyAxNC42NjY3QzMuMjgzMjUgMTQuNjY2NyAwIDExLjM4MzQgMCA3LjMzMzMzWk03LjMzMzMzIDRDNy43MDE1MiA0IDggNC4yOTg0OCA4IDQuNjY2NjdWNy4zMzMzM0M4IDcuNzAxNTIgNy43MDE1MiA4IDcuMzMzMzMgOEM2Ljk2NTE0IDggNi42NjY2NyA3LjcwMTUyIDYuNjY2NjcgNy4zMzMzM1Y0LjY2NjY3QzYuNjY2NjcgNC4yOTg0OCA2Ljk2NTE0IDQgNy4zMzMzMyA0Wk02LjY2NjY3IDEwQzYuNjY2NjcgOS42MzE4MSA2Ljk2NTE0IDkuMzMzMzMgNy4zMzMzMyA5LjMzMzMzSDcuMzRDNy43MDgxOSA5LjMzMzMzIDguMDA2NjcgOS42MzE4MSA4LjAwNjY3IDEwQzguMDA2NjcgMTAuMzY4MiA3LjcwODE5IDEwLjY2NjcgNy4zNCAxMC42NjY3SDcuMzMzMzNDNi45NjUxNCAxMC42NjY3IDYuNjY2NjcgMTAuMzY4MiA2LjY2NjY3IDEwWiIgZmlsbD0iI0ZGNEQ0RiIvPgo8L3N2Zz4K":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjMzMzMzIDEuMzMzMzNDNC4wMTk2MiAxLjMzMzMzIDEuMzMzMzMgNC4wMTk2MiAxLjMzMzMzIDcuMzMzMzNDMS4zMzMzMyAxMC42NDcgNC4wMTk2MiAxMy4zMzMzIDcuMzMzMzMgMTMuMzMzM0MxMC42NDcgMTMuMzMzMyAxMy4zMzMzIDEwLjY0NyAxMy4zMzMzIDcuMzMzMzNDMTMuMzMzMyA0LjAxOTYyIDEwLjY0NyAxLjMzMzMzIDcuMzMzMzMgMS4zMzMzM1pNMCA3LjMzMzMzQzAgMy4yODMyNSAzLjI4MzI1IDAgNy4zMzMzMyAwQzExLjM4MzQgMCAxNC42NjY3IDMuMjgzMjUgMTQuNjY2NyA3LjMzMzMzQzE0LjY2NjcgMTEuMzgzNCAxMS4zODM0IDE0LjY2NjcgNy4zMzMzMyAxNC42NjY3QzMuMjgzMjUgMTQuNjY2NyAwIDExLjM4MzQgMCA3LjMzMzMzWk0xMC44MDQ3IDQuODYxOTNDMTEuMDY1MSA1LjEyMjI4IDExLjA2NTEgNS41NDQzOSAxMC44MDQ3IDUuODA0NzRMNi44MDQ3NCA5LjgwNDc0QzYuNTQ0MzkgMTAuMDY1MSA2LjEyMjI4IDEwLjA2NTEgNS44NjE5MyA5LjgwNDc0TDMuODYxOTMgNy44MDQ3NEMzLjYwMTU4IDcuNTQ0MzkgMy42MDE1OCA3LjEyMjI4IDMuODYxOTMgNi44NjE5M0M0LjEyMjI4IDYuNjAxNTggNC41NDQzOSA2LjYwMTU4IDQuODA0NzQgNi44NjE5M0w2LjMzMzMzIDguMzkwNTJMOS44NjE5MyA0Ljg2MTkzQzEwLjEyMjMgNC42MDE1OCAxMC41NDQ0IDQuNjAxNTggMTAuODA0NyA0Ljg2MTkzWiIgZmlsbD0iIzAwRkE1QSIvPgo8L3N2Zz4K",class:"notification__icon",alt:""}),i("p",{class:"notification__message"},null!==(a=l(null!==(s=null===(n=this.notification)||void 0===n?void 0:n.message)&&void 0!==s?s:"",this.language))&&void 0!==a?a:null===(o=this.notification)||void 0===o?void 0:o.message)))},this.renderHeader=e=>i("div",null,i("h1",{class:"challenges__drawer__title"},i("span",null,l("title",this.language)),i("button",{class:"challenges__drawer__close",onClick:this.onCloseClick},i("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuNSAxNy41TDE3LjUgMi41IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMDA0NTkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yLjUgMi41TDE3LjUgMTcuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjAwNDU5IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K",alt:""}))),this.enabledWidgetTabs.length>0&&i("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 t,n;return i("div",null,this.renderHeader(e),i("casino-challenges-empty-state",{header:l(null===(t=this.emptyState)||void 0===t?void 0:t.header,this.language),description:l(null===(n=this.emptyState)||void 0===n?void 0:n.description,this.language),"is-mobile":e}))},this.renderFinishedTab=e=>i("div",null,this.renderHeader(e),i("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=>i("div",null,this.renderHeader(e),i("casino-challenges-claim-code",{"is-mobile":e,translationUrl:this.translationUrl,language:this.language})),this.renderChallengeDetails=(e,t=!1)=>i("casino-challenges-overlay-drawer-details",{translationUrl:this.translationUrl,language:this.language,challenge:this.activeChallenge,swipped:this.swipped,progress:this.progress,"is-mobile":e,"is-unique":t,"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 t=this.activeTabIndex===x.Active?this.activeChallenges:this.activeTabIndex===x.Pending?this.pendingChallenges:this.promoChallenges,n=1===t.length;return i("swipe-up",{onSwippedUp:e=>{this.swipped=e.detail.swipped,this.progress=e.detail.progress},isMobile:e,isOneSlider:n},i("div",{class:"content-header",slot:"header"},this.renderHeader(e),i("div",{class:{"content-spacer":this.swipped||!e,"one-slide":n&&this.swipped}},i("casino-challenges-overlay-slider",{mbSource:this.mbSource,clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,translationUrl:this.translationUrl,language:this.language,challenges:t,isMobile:e,onActiveChallengeChange:this.onActiveChallengeChange,initialProgressId:this.activeProgressId,activeTabIndex:this.activeTabIndex}))),i("div",{class:"content-details",slot:"details",style:{overflow:this.swipped?"auto":"hidden"}},this.renderChallengeDetails(e,n)))},this.onCloseClick=()=>{var e,i;this.pendingChallenges=null===(e=this.pendingChallenges)||void 0===e?void 0:e.filter((e=>e.Status===M.Awaiting)),this.activeChallenges=null===(i=this.activeChallenges)||void 0===i?void 0:i.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:"activeTabEmptyHeader",description:"activeTabEmptyDescription"}}handleClientStylingChange(e,i){e!=i&&n(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(e,i){e!=i&&s(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(e,i){e!=i&&a(this.stylingContainer,`${this.mbSource}.Style`,this.stylingSubscription)}handleIsOpenChange(e){var i;if(e)if(this.initialProgressId&&this.challenges.length||!this.enabledWidgetTabs.includes(_.PromoTab)){this.activeTabIndex=x.Active,this.activeProgressId=this.initialProgressId;const e=(null===(i=this.activeChallenges)||void 0===i?void 0:i.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(){this.forfeitPending||(this.forfeitPending=!0,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:M.Expired});break;case x.Pending:this.pendingChallenges=this.updateChallenge(this.pendingChallenges,e.detail,{Status:M.Expired});break;case x.Promo:this.promoChallenges=this.updateChallenge(this.promoChallenges,e.detail,{Status:M.Expired})}}handleEvent(e){var i,t,n,s;const{type:a,data:o,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),a){case I.ChallengePromoTab:r?(this.promoChallenges=o||[],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===(i=null==e?void 0:e.data)||void 0===i?void 0:i.totalItem)?[...this.playerHistory,...o]:o,this.hasMorePlayerHistory=(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.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,o]):this.openNotification({message:h,errored:!0}),this.loading=!1;break;case I.ChallengeJoin:if(r){const e=[M.Paused,M.Started].includes(null===(n=this.activeChallenge)||void 0===n?void 0:n.Status);this.activeChallenges=this.updateChallenge(this.activeChallenges,e?null==o?void 0:o.joinId:null==o?void 0:o.unjoinId,{Status:e?M.InProgress:M.Paused})}else this.openNotification({message:h,errored:!0});this.loading=!1;break;case I.ChallengeIsNew:r?this.updateChallengeByProgressId(null==o?void 0:o.challengeProgressId,{IsNew:!1}):this.openNotification({message:h,errored:!0});break;case I.GetChallengeGames:r?this.challengeGames=o:this.openNotification({message:h,errored:!0}),this.loading=!1;break;case I.ClaimChallengeByButton:if(r){const e=Array.isArray(o)?o[0]:o;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.forfeitPending=!1,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==o?void 0:o.ChallengeProgressId,{Status:null==o?void 0:o.ChallengeProgressStatus});break;case I.ChallengeChangeStatusNotification:this.updateChallengeById(null==o?void 0:o.ChallengeId,{ChallengeStatus:(null==o?void 0:o.IsEnabled)?u.Enabled:u.Paused});break;case I.ChallengeForfeitNotification:this.updateChallengeById(null==o?void 0:o.ChallengeId,{Status:M.Forfeited});break;case I.UpdateChallengeProgress:{const e=o;if(!((e,i)=>{if(!e)return!0;if(e.ProgressId!==i.ProgressId)return!0;if(e.Levels.length!==i.Levels.length)return!0;for(let t=0;t<i.Levels.length;t++){const n=e.Levels[t],s=i.Levels[t];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((i=>{if(i.Id!==(null==e?void 0:e.ProgressId))return i;const t=i.LevelProgresses.map((i=>{const t=null==e?void 0:e.Levels.find((e=>e.LevelId===i.LevelId));return t?Object.assign(Object.assign({},i),{ProgressStatus:t.ProgressStatus,ProgressPercentage:t.ProgressPercentage}):i}));return Object.assign(Object.assign({},i),{Status:null==e?void 0:e.Status,LevelProgresses:t})}));break}case I.NewChallengeProgressGranted:const a=(null==o?void 0:o.Status)===M.Awaiting,c=a?this.pendingChallenges:this.activeChallenges;if(null==c?void 0:c.some((e=>e.Id===(null==o?void 0:o.Id))))break;a?(this.pendingChallenges=[...c,o],this.activeTabIndex===x.Pending&&1===this.pendingChallenges.length&&this.updateActiveChallenge(o)):(this.activeChallenges=[...c,o],this.activeTabIndex===x.Active&&1===this.activeChallenges.length&&this.updateActiveChallenge(o));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===M.Awaiting)),this.activeChallenges=e.filter((e=>!this.isInactiveChallenge(e)))}}componentDidLoad(){this.stylingContainer&&(this.mbSource&&a(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,i,t){var n;return(null===(n=this.activeChallenge)||void 0===n?void 0:n.Id)===i&&(this.activeChallenge=Object.assign(Object.assign({},this.activeChallenge),t)),e.map((e=>e.Id===i?Object.assign(Object.assign({},e),t):e))}updateChallengeList(e,i,t){let n=!1;const s=e.map((e=>e.ChallengeId===i?(n=!0,Object.assign(Object.assign({},e),t)):e));return n?s:e}updateChallengeById(e,i){var t;(null===(t=this.activeChallenge)||void 0===t?void 0:t.ChallengeId)===e&&(this.activeChallenge=Object.assign(Object.assign({},this.activeChallenge),i)),this.activeChallenges=this.updateChallengeList(this.activeChallenges,e,i),this.pendingChallenges=this.updateChallengeList(this.pendingChallenges,e,i),this.promoChallenges=this.updateChallengeList(this.promoChallenges,e,i)}updateChallengeByProgressId(e,i){var t;(null===(t=this.activeChallenge)||void 0===t?void 0:t.Id)===e&&(this.activeChallenge=Object.assign(Object.assign({},this.activeChallenge),i)),this.activeChallenges.find((i=>i.Id===e))?this.activeChallenges=this.activeChallenges.map((t=>t.Id===e?Object.assign(Object.assign({},t),i):t)):this.pendingChallenges.find((i=>i.Id===e))?this.pendingChallenges=this.pendingChallenges.map((t=>t.Id===e?Object.assign(Object.assign({},t),i):t)):this.promoChallenges=this.promoChallenges.map((t=>t.Id===e?Object.assign(Object.assign({},t),i):t))}renderContent(e,t){var n;if(t)return this.renderEmptyState(e);if(null===(n=this.detailsSubPageInfo)||void 0===n?void 0:n.open)return i("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,t=this.isEmptyState();return i("div",{ref:e=>this.stylingContainer=e,class:{container:!0,open:this.isOpen,mobile:e}},i("div",{class:"challenges__backdrop",onClick:this.onCloseClick}),i("div",{class:"challenges__drawer"},i("casino-challenge-overlay-background",{empty:t}),i("div",{class:"challenges__drawer__content"},this.renderContent(e,t)),this.loading&&i("casino-challenges-overlay-loader",{"full-size":!0,"is-mobile":e}),i("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 pointer-events: none;\n container-name: challenges-game-page;\n container-type: size;\n}\n.container.open {\n pointer-events: auto;\n}\n\n.mobile .challenges__drawer {\n width: 100%;\n height: 100%;\n left: 0;\n bottom: 0;\n border-radius: 0;\n backdrop-filter: blur(16px);\n border: none;\n max-width: none;\n min-width: initial;\n}\n.mobile .challenges__drawer .content-spacer {\n margin-bottom: 32px;\n}\n.mobile .challenges__drawer .content-spacer.one-slide {\n margin-bottom: 38px;\n}\n.mobile .challenges__drawer__content {\n padding: 16px 0 0;\n}\n.mobile .challenges__drawer__content .content-details {\n height: calc(100% - 30px);\n}\n.mobile .challenges__drawer__title {\n height: 26px;\n font-size: var(--emw--font-size-large, 18px);\n}\n.mobile .challenges__drawer__close {\n right: 16px;\n width: 26px;\n height: 26px;\n min-width: 26px;\n min-height: 26px;\n}\n.mobile .challenges__drawer__close img {\n width: 14px;\n}\n.mobile .challenges__backdrop {\n display: none;\n}\n.mobile .notification {\n padding: 8px 16px;\n gap: 8px;\n}\n.mobile .notification .row {\n margin: 15px 0 14px 0;\n}\n.mobile .notification__icon {\n width: 16px;\n height: 16px;\n}\n.mobile .notification__message {\n font-size: var(--emw--font-size-small, 14px);\n}\n\n.challenges__drawer {\n z-index: 302;\n position: fixed;\n left: 62px;\n bottom: 76px;\n border: 1px solid var(--emw--color-container-border, rgba(255, 255, 255, 0.0705882353));\n background: var(--emw--color-Overlay-Background, rgba(9, 9, 9, 0.8));\n backdrop-filter: blur(11px);\n box-sizing: border-box;\n width: 35%;\n min-width: 400px;\n max-width: 600px;\n height: calc(100% - 20px - 76px);\n border-radius: 30px;\n opacity: 1;\n font-family: var(--emw--font-family-primary, "Teachers"), sans-serif;\n container-name: challenges-drawer;\n container-type: size;\n}\n.challenges__drawer__title {\n height: 36px;\n color: var(--emw--color-title, #edeff2);\n text-align: center;\n font-size: var(--emw--font-size-large-xl, 22px);\n font-weight: var(--emw--font-weight-semibold, 600);\n margin: 0;\n position: relative;\n z-index: 1;\n align-content: center;\n}\n.challenges__drawer__close {\n outline: none;\n background: transparent;\n border-radius: 20px;\n border: 1.5px solid var(--emw--color-container-border, rgba(255, 255, 255, 0.0705882353));\n background: var(--emw--color-container-background, rgba(9, 9, 9, 0.5019607843));\n backdrop-filter: blur(6.882352829px);\n cursor: pointer;\n width: 36px;\n height: 36px;\n min-width: 36px;\n min-height: 36px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n right: 24px;\n}\n.challenges__drawer__content {\n height: 100%;\n position: relative;\n z-index: 2;\n padding: 24px 0 0;\n box-sizing: border-box;\n}\n.challenges__drawer__content .content-header {\n width: 100%;\n flex-shrink: 0;\n}\n.challenges__drawer__content .content-details {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n}\n.challenges__drawer__content .content-sub-page {\n display: flex;\n height: 100%;\n}\n.challenges__drawer .content-spacer {\n margin-bottom: 24px;\n}\n.challenges__drawer, .challenges__drawer * {\n scrollbar-width: thin;\n scrollbar-color: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3)) transparent;\n}\n.challenges__drawer::-webkit-scrollbar, .challenges__drawer *::-webkit-scrollbar {\n width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-track, .challenges__drawer *::-webkit-scrollbar-track {\n background: transparent;\n}\n.challenges__drawer::-webkit-scrollbar-thumb, .challenges__drawer *::-webkit-scrollbar-thumb {\n background: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3));\n opacity: 0.3;\n border-radius: 999px;\n transition: none;\n width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-thumb:hover, .challenges__drawer *::-webkit-scrollbar-thumb:hover {\n background: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3));\n opacity: 0.3;\n width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-button, .challenges__drawer *::-webkit-scrollbar-button {\n display: none;\n}\n.challenges__backdrop {\n border: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--emw--color-gray-backdrop, rgba(0, 0, 0, 0.6));\n box-shadow: -5px 0 0 0 var(--emw--color-gray-backdrop, rgba(0, 0, 0, 0.6));\n z-index: 301;\n opacity: 1;\n}\n\n.notification {\n display: flex;\n position: fixed;\n z-index: 400;\n align-items: center;\n bottom: 76px;\n right: 0;\n padding: 24px;\n gap: 12px;\n max-width: 445px;\n box-sizing: border-box;\n border-radius: 20px 0 0 20px;\n border-top: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n border-bottom: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n border-left: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n background: var(--emw--background-success-notification, linear-gradient(112deg, rgba(74, 255, 135, 0.2) 0%, rgba(74, 255, 135, 0) 100%));\n backdrop-filter: blur(16px);\n color: var(--emw--color-white, #ffffff);\n font-family: var(--emw--font-family-primary, "Teachers"), sans-serif;\n}\n.notification.errored {\n border-top: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n border-bottom: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n border-left: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n background: var(--emw--background-error-notification, rgba(9, 9, 9, 0.4));\n}\n.notification .row {\n display: flex;\n align-items: flex-start;\n}\n.notification__icon {\n width: 18px;\n height: 18px;\n margin-right: 12px;\n}\n.notification__message {\n margin: 0;\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-medium, 500);\n}\n.notification__message .active-tab {\n color: var(--emw--border-success-color, #00b74f);\n text-decoration-line: underline;\n cursor: pointer;\n}\n\ncasino-challenges-overlay-drawer-details {\n flex: 1;\n}\n\n@container challenges-game-page (width <= 1430px) {\n .challenges__drawer {\n width: 40%;\n left: 45px;\n }\n}\n@container challenges-game-page (width <= 1250px) {\n .challenges__drawer {\n width: 45%;\n }\n}\n@container challenges-game-page (width <= 1000px) {\n .challenges__drawer {\n width: 50%;\n left: 25px;\n }\n}\n@container challenges-game-page (width <= 800px) {\n .challenges__drawer__content {\n padding: 20px 0 0;\n }\n}\n@container challenges-game-page (height <= 850px) {\n .challenges__drawer {\n bottom: 36px;\n height: calc(100% - 20px - 36px);\n }\n .challenges__drawer .content-spacer {\n margin-bottom: 18px;\n }\n}\n@container challenges-drawer (height <= 760px) {\n .challenges__drawer .content-spacer {\n margin-bottom: 12px;\n }\n}';export{A as C,j as E,N as H,D as a,s as b,a as c,x as d,_ as e,r,n as s,l as t}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{C as CasinoChallengesOverlayDrawer}from"./casino-challenges-overlay-drawer-
|
|
1
|
+
export{C as CasinoChallengesOverlayDrawer}from"./casino-challenges-overlay-drawer-8f04dcba.js";import"./index-25fd45d2.js";
|
|
@@ -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-
|
|
6
|
+
const casinoChallengesOverlayDrawer = require('./casino-challenges-overlay-drawer-2553511e.js');
|
|
7
7
|
|
|
8
8
|
function _typeof(o) {
|
|
9
9
|
"@babel/helpers - typeof";
|
|
@@ -4353,7 +4353,7 @@ const notificationSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdod
|
|
|
4353
4353
|
|
|
4354
4354
|
const crownSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjU4MzMgNi43MDU0N0wxMS40NjEgNy44NDE5M0wxMi40NTUzIDcuOTQ4ODdMMTIuNTc3NSA2LjgxMjRMMTEuNTgzMyA2LjcwNTQ3Wk03LjU1ODYgMTJINi4xMDgwN1YxM0g3LjU1ODZWMTJaTTIuMjA1NjcgNy44NDE5M0wyLjA4MzQzIDYuNzA1NDdMMS4wODkxNyA2LjgxMjRMMS4yMTE0IDcuOTQ4ODdMMi4yMDU2NyA3Ljg0MTkzWk01LjExMDA1IDYuMDMyODdMNi4zMDMwNyAzLjg5MzgxTDUuNDI5NjkgMy40MDY3Mkw0LjIzNjY5IDUuNTQ1NzNMNS4xMTAwNSA2LjAzMjg3Wk03LjM2MzYgMy44OTM4MUw4LjU1NjYgNi4wMzI4N0w5LjQzIDUuNTQ1NzNMOC4yMzcgMy40MDY3Mkw3LjM2MzYgMy44OTM4MVpNOC41NTY2IDYuMDMyODdDOC42NjQ0NiA2LjIyNjIgOC43NjM3MyA2LjQwNTQ3IDguODU5OTMgNi41NDI1M0M4Ljk1OSA2LjY4MzUzIDkuMDk0MDcgNi44MzkyNyA5LjMwMSA2LjkzMDRMOS43MDQgNi4wMTUyQzkuNzQxMjcgNi4wMzE1MyA5LjczNDkzIDYuMDQ4NCA5LjY3ODMzIDUuOTY3ODdDOS42MTg5MyA1Ljg4MzI3IDkuNTQ4NDcgNS43NTgyIDkuNDMgNS41NDU3M0w4LjU1NjYgNi4wMzI4N1pNMTAuMTI3NSA1LjY0MjUzQzkuOTU1IDUuODE0MzMgOS44NTI2NiA1LjkxNTQgOS43NzIxMyA1Ljk4MDUzQzkuNjk1NCA2LjA0MjYgOS42OTM3MyA2LjAyNDggOS43MzM3MyA2LjAxOTI3TDkuODcwNjYgNy4wMDk4N0MxMC4wOTQ1IDYuOTc4OTMgMTAuMjY3MSA2Ljg2NjMzIDEwLjQwMTEgNi43NTc5M0MxMC41MzEzIDYuNjUyNiAxMC42NzYxIDYuNTA3NDcgMTAuODMzMiA2LjM1MUwxMC4xMjc1IDUuNjQyNTNaTTkuMzAxIDYuOTMwNEM5LjQ3OTg3IDcuMDA5MTMgOS42NzcxMyA3LjAzNjYgOS44NzA2NiA3LjAwOTg3TDkuNzMzNzMgNi4wMTkyN0M5LjcyMzUzIDYuMDIwNjcgOS43MTMyNyA2LjAxOTI3IDkuNzA0IDYuMDE1Mkw5LjMwMSA2LjkzMDRaTTIuODMzNDcgNi4zNTFDMi45OTA1MiA2LjUwNzQ3IDMuMTM1MzMgNi42NTI2IDMuMjY1NTYgNi43NTc5M0MzLjM5OTU1IDYuODY2MzMgMy41NzIxNiA2Ljk3ODkzIDMuNzk1OTggNy4wMDk4N0wzLjkzMjk1IDYuMDE5MjdDMy45NzI5NiA2LjAyNDggMy45NzEyNyA2LjA0MjYgMy44OTQ1MyA1Ljk4MDUzQzMuODE0MDMgNS45MTU0IDMuNzExNjkgNS44MTQzMyAzLjUzOTE5IDUuNjQyNTNMMi44MzM0NyA2LjM1MVpNNC4yMzY2OSA1LjU0NTczQzQuMTE4MjEgNS43NTgyIDQuMDQ3NzIgNS44ODMyNyAzLjk4ODMzIDUuOTY3ODdDMy45MzE3NyA2LjA0ODQgMy45MjU0MyA2LjAzMTUzIDMuOTYyNjMgNi4wMTUyTDQuMzY1NjQgNi45MzA0QzQuNTcyNTggNi44MzkyNyA0LjcwNzcgNi42ODM1MyA0LjgwNjczIDYuNTQyNTNDNC45MDI5NCA2LjQwNTUzIDUuMDAyMiA2LjIyNjIgNS4xMTAwNSA2LjAzMjg3TDQuMjM2NjkgNS41NDU3M1pNMy43OTU5OCA3LjAwOTg3QzMuOTg5NTMgNy4wMzY2IDQuMTg2NzcgNy4wMDkxMyA0LjM2NTY0IDYuOTMwNEwzLjk2MjYzIDYuMDE1MkMzLjk1MzQxIDYuMDE5MjcgMy45NDMxMSA2LjAyMDY3IDMuOTMyOTUgNi4wMTkyN0wzLjc5NTk4IDcuMDA5ODdaTTYuMTA4MDcgMTJDNS4xNDk0NyAxMiA0LjQ3ODEzIDExLjk5OTEgMy45NjU3MSAxMS45MzM1QzMuNDY3MjcgMTEuODY5NyAzLjE4NTY3IDExLjc1MTYgMi45NzQ4NSAxMS41NjI5TDIuMzA3OTEgMTIuMzA4QzIuNzI3ODIgMTIuNjgzOSAzLjIzNDI1IDEyLjg0OCAzLjgzODc5IDEyLjkyNTRDNC40MjkzNyAxMy4wMDA5IDUuMTc1OTkgMTMgNi4xMDgwNyAxM1YxMlpNMS4yMTE0IDcuOTQ4ODdDMS4zMTAxNyA4Ljg2NzEzIDEuMzg4NTUgOS43NjY2IDEuNTIyMTUgMTAuNDk2QzEuNTg5NTMgMTAuODYzOSAxLjY3NDUyIDExLjIxMDYgMS43OTIyMiAxMS41MTE1QzEuOTA4OTMgMTEuODA5OSAyLjA2OTkzIDEyLjA5NSAyLjMwNzkxIDEyLjMwOEwyLjk3NDg1IDExLjU2MjlDMi44OTc0NyAxMS40OTM2IDIuODA5MzcgMTEuMzY2NyAyLjcyMzUgMTEuMTQ3MkMyLjYzODYzIDEwLjkzMDMgMi41Njc1OSAxMC42NTMzIDIuNTA1NzkgMTAuMzE1OUMyLjM4MDk5IDkuNjM0NTMgMi4zMDgzMSA4Ljc5NjIgMi4yMDU2NyA3Ljg0MTkzTDEuMjExNCA3Ljk0ODg3Wk0xMS40NjEgNy44NDE5M0MxMS4zNTgzIDguNzk2MiAxMS4yODU3IDkuNjM0NTMgMTEuMTYwOSAxMC4zMTU5QzExLjA5OTEgMTAuNjUzMyAxMS4wMjggMTAuOTMwMyAxMC45NDMxIDExLjE0NzJDMTAuODU3MyAxMS4zNjY3IDEwLjc2OTIgMTEuNDkzNiAxMC42OTE4IDExLjU2MjlMMTEuMzU4NyAxMi4zMDhDMTEuNTk2NyAxMi4wOTUgMTEuNzU3NyAxMS44MDk5IDExLjg3NDUgMTEuNTExNUMxMS45OTIxIDExLjIxMDYgMTIuMDc3MSAxMC44NjM5IDEyLjE0NDUgMTAuNDk2QzEyLjI3ODEgOS43NjY2IDEyLjM1NjUgOC44NjcxMyAxMi40NTUzIDcuOTQ4ODdMMTEuNDYxIDcuODQxOTNaTTcuNTU4NiAxM0M4LjQ5MDY3IDEzIDkuMjM3MjcgMTMuMDAwOSA5LjgyNzg3IDEyLjkyNTRDMTAuNDMyNCAxMi44NDggMTAuOTM4OSAxMi42ODM5IDExLjM1ODcgMTIuMzA4TDEwLjY5MTggMTEuNTYyOUMxMC40ODEgMTEuNzUxNiAxMC4xOTk0IDExLjg2OTcgOS43MDA5MyAxMS45MzM1QzkuMTg4NTMgMTEuOTk5MSA4LjUxNzIgMTIgNy41NTg2IDEyVjEzWk02IDEuODMzMzNDNiAxLjM3MzA5IDYuMzczMDcgMSA2LjgzMzMzIDFWMEM1LjgyMDggMCA1IDAuODIwODEzIDUgMS44MzMzM0g2Wk02LjgzMzMzIDFDNy4yOTM2IDEgNy42NjY2NyAxLjM3MzA5IDcuNjY2NjcgMS44MzMzM0g4LjY2NjY3QzguNjY2NjcgMC44MjA4MTMgNy44NDU4NyAwIDYuODMzMzMgMFYxWk0xMi42NjY3IDQuNUMxMi42NjY3IDQuNzc2MTQgMTIuNDQyOCA1IDEyLjE2NjcgNVY2QzEyLjk5NTEgNiAxMy42NjY3IDUuMzI4NCAxMy42NjY3IDQuNUgxMi42NjY3Wk0xMS42NjY3IDQuNUMxMS42NjY3IDQuMjIzODYgMTEuODkwNSA0IDEyLjE2NjcgNFYzQzExLjMzODMgMyAxMC42NjY3IDMuNjcxNTcgMTAuNjY2NyA0LjVIMTEuNjY2N1pNMTIuMTY2NyA0QzEyLjQ0MjggNCAxMi42NjY3IDQuMjIzODYgMTIuNjY2NyA0LjVIMTMuNjY2N0MxMy42NjY3IDMuNjcxNTcgMTIuOTk1MSAzIDEyLjE2NjcgM1Y0Wk0xLjUgNUMxLjIyMzg2IDUgMSA0Ljc3NjE0IDEgNC41SDBDMCA1LjMyODQgMC42NzE1NzMgNiAxLjUgNlY1Wk0xIDQuNUMxIDQuMjIzODYgMS4yMjM4NiA0IDEuNSA0VjNDMC42NzE1NzMgMyAwIDMuNjcxNTcgMCA0LjVIMVpNMS41IDRDMS43NzYxNCA0IDIgNC4yMjM4NiAyIDQuNUgzQzMgMy42NzE1NyAyLjMyODQzIDMgMS41IDNWNFpNMTIuMTY2NyA1QzEyLjE2NDcgNSAxMi4xNjI3IDQuOTk5OTkgMTIuMTYwNyA0Ljk5OTk3TDEyLjE0OTEgNS45OTk4N0MxMi4xNTQ5IDUuOTk5OTMgMTIuMTYwOCA2IDEyLjE2NjcgNlY1Wk0xMi41Nzc1IDYuODEyNEMxMi42MDk3IDYuNTEyNDcgMTIuNjM4IDYuMjUwNTMgMTIuNjUzNSA2LjAzMkMxMi42Njg3IDUuODE3OTMgMTIuNjc0NCA1LjYxMjYgMTIuNjUwNCA1LjQzMzUzTDExLjY1OTMgNS41NjYzM0MxMS42NjkxIDUuNjM5NTMgMTEuNjcwMiA1Ljc2MDUzIDExLjY1NiA1Ljk2MTMzQzExLjY0MjEgNi4xNTc2NyAxMS42MTYyIDYuMzk5MDcgMTEuNTgzMyA2LjcwNTQ3TDEyLjU3NzUgNi44MTI0Wk0xMi4xNjA3IDQuOTk5OTdDMTIuMDEyMSA0Ljk5ODI1IDExLjg3OTMgNC45MzIxOCAxMS43ODggNC44MjY1NUwxMS4wMzEzIDUuNDgwMjdDMTEuMzAyIDUuNzkzNjcgMTEuNzAyMSA1Ljk5NDczIDEyLjE0OTEgNS45OTk4N0wxMi4xNjA3IDQuOTk5OTdaTTExLjc4OCA0LjgyNjU1QzExLjcxMjEgNC43Mzg2NiAxMS42NjY3IDQuNjI1MjYgMTEuNjY2NyA0LjVIMTAuNjY2N0MxMC42NjY3IDQuODc0MjkgMTAuODA0NCA1LjIxNzY3IDExLjAzMTMgNS40ODAyN0wxMS43ODggNC44MjY1NVpNMTAuODMzMiA2LjM1MUMxMS4yODQ5IDUuOTAxMTMgMTEuNTE3NSA1LjY3NDQgMTEuNjcyMyA1LjU3ODg3TDExLjE0NyA0LjcyNzk0QzEwLjg2NzEgNC45MDA3MyAxMC41MzEzIDUuMjQwMiAxMC4xMjc1IDUuNjQyNTNMMTAuODMzMiA2LjM1MVpNMiA0LjVDMiA0LjYyNTI2IDEuOTU0NTkgNC43Mzg2NiAxLjg3ODY2IDQuODI2NTVMMi42MzUzOCA1LjQ4MDI3QzIuODYyMjcgNS4yMTc2NyAzIDQuODc0MjkgMyA0LjVIMlpNMy41MzkxOSA1LjY0MjUzQzMuMTM1MzEgNS4yNDAyIDIuNzk5NTcgNC45MDA3MyAyLjUxOTY0IDQuNzI3OTRMMS45OTQ0IDUuNTc4ODdDMi4xNDkxOCA1LjY3NDQgMi4zODE4MiA1LjkwMTEzIDIuODMzNDcgNi4zNTFMMy41MzkxOSA1LjY0MjUzWk0xLjg3ODY2IDQuODI2NTVDMS43ODc0IDQuOTMyMTggMS42NTQ2MSA0Ljk5ODI1IDEuNTA2MDMgNC45OTk5N0wxLjUxNzU5IDUuOTk5ODdDMS45NjQ1MSA1Ljk5NDczIDIuMzY0NjcgNS43OTM2NyAyLjYzNTM4IDUuNDgwMjdMMS44Nzg2NiA0LjgyNjU1Wk0xLjUwNjAzIDQuOTk5OTdDMS41MDQwMSA0Ljk5OTk5IDEuNTAyMDEgNSAxLjUgNVY2QzEuNTA1ODcgNiAxLjUxMTc0IDUuOTk5OTMgMS41MTc1OSA1Ljk5OTg3TDEuNTA2MDMgNC45OTk5N1pNMi4wODM0MyA2LjcwNTQ3QzIuMDUwNDcgNi4zOTkwNyAyLjAyNDU4IDYuMTU3NjcgMi4wMTA2NyA1Ljk2MTMzQzEuOTk2NDUgNS43NjA1MyAxLjk5NzU3IDUuNjM5NTMgMi4wMDczOCA1LjU2NjMzTDEuMDE2MjMgNS40MzM1M0MwLjk5MjI0NiA1LjYxMjYgMC45OTgwMDYgNS44MTc5MyAxLjAxMzE3IDYuMDMyQzEuMDI4NjUgNi4yNTA1MyAxLjA1NjkgNi41MTI0NyAxLjA4OTE3IDYuODEyNEwyLjA4MzQzIDYuNzA1NDdaTTcuNjY2NjcgMS44MzMzM0M3LjY2NjY3IDIuMTU2NjkgNy40ODI2IDIuNDM3OTMgNy4yMTEyIDIuNTc2MzhMNy42NjU2NyAzLjQ2NzE1QzguMjU4NzMgMy4xNjQ1NyA4LjY2NjY3IDIuNTQ3MDIgOC42NjY2NyAxLjgzMzMzSDcuNjY2NjdaTTcuMjExMiAyLjU3NjM4QzcuMDk4MzMgMi42MzM5NyA2Ljk3MDQgMi42NjY2NyA2LjgzMzMzIDIuNjY2NjdWMy42NjY2N0M3LjEzMiAzLjY2NjY3IDcuNDE1MzMgMy41OTQ4NyA3LjY2NTY3IDMuNDY3MTVMNy4yMTEyIDIuNTc2MzhaTTguMjM3IDMuNDA2NzJDOC4wOTk0NyAzLjE2MDEzIDcuOTc1ODcgMi45MzgzMSA3Ljg2MjQ3IDIuNzU2OEw3LjAxNDQgMy4yODY3M0M3LjExMTczIDMuNDQyNDggNy4yMjE4NyAzLjYzOTY1IDcuMzYzNiAzLjg5MzgxTDguMjM3IDMuNDA2NzJaTTYuODMzMzMgMi42NjY2N0M2LjY5NjI3IDIuNjY2NjcgNi41NjgzMyAyLjYzMzk3IDYuNDU1NDcgMi41NzYzOEw2LjAwMSAzLjQ2NzE1QzYuMjUxMzMgMy41OTQ4NyA2LjUzNDY3IDMuNjY2NjcgNi44MzMzMyAzLjY2NjY3VjIuNjY2NjdaTTYuNDU1NDcgMi41NzYzOEM2LjE4NDA3IDIuNDM3OTMgNiAyLjE1NjY5IDYgMS44MzMzM0g1QzUgMi41NDcwMiA1LjQwNzkxIDMuMTY0NTcgNi4wMDEgMy40NjcxNUw2LjQ1NTQ3IDIuNTc2MzhaTTYuMzAzMDcgMy44OTM4MUM2LjQ0NDggMy42Mzk2NSA2LjU1NDkzIDMuNDQyNDggNi42NTIyNyAzLjI4NjczTDUuODA0MiAyLjc1NjhDNS42OTA4IDIuOTM4MzEgNS41NjcyIDMuMTYwMTMgNS40Mjk2OSAzLjQwNjcyTDYuMzAzMDcgMy44OTM4MVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xOTE2XzE2ODEyKSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzE5MTZfMTY4MTIiIHgxPSIyNS45NzUzIiB5MT0iLTAuNjAzMzc1IiB4Mj0iMjUuOTc1MyIgeTI9IjEyLjM5NjYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjIwNSIgc3RvcC1jb2xvcj0iI0ZGQjgwMSIvPgo8c3RvcCBvZmZzZXQ9IjAuMzYiIHN0b3AtY29sb3I9IiNGRUY3NDYiLz4KPHN0b3Agb2Zmc2V0PSIwLjQxNSIgc3RvcC1jb2xvcj0iI0ZCRkZFMCIvPgo8c3RvcCBvZmZzZXQ9IjAuNTI1IiBzdG9wLWNvbG9yPSIjRkZGQTYwIi8+CjxzdG9wIG9mZnNldD0iMC45MiIgc3RvcC1jb2xvcj0iI0ZGOTQwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=';
|
|
4355
4355
|
|
|
4356
|
-
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}";
|
|
4356
|
+
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 text-wrap: nowrap;\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 flex-shrink: 0;\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 text-wrap: nowrap;\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 white-space: nowrap;\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}";
|
|
4357
4357
|
const CasinoChallengesOverlayTabsStyle0 = casinoChallengesOverlayTabsCss;
|
|
4358
4358
|
|
|
4359
4359
|
const CasinoChallengeOverlayTabs = class {
|
|
@@ -393,7 +393,7 @@ const errorSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUi
|
|
|
393
393
|
|
|
394
394
|
const checkSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjMzMzMzIDEuMzMzMzNDNC4wMTk2MiAxLjMzMzMzIDEuMzMzMzMgNC4wMTk2MiAxLjMzMzMzIDcuMzMzMzNDMS4zMzMzMyAxMC42NDcgNC4wMTk2MiAxMy4zMzMzIDcuMzMzMzMgMTMuMzMzM0MxMC42NDcgMTMuMzMzMyAxMy4zMzMzIDEwLjY0NyAxMy4zMzMzIDcuMzMzMzNDMTMuMzMzMyA0LjAxOTYyIDEwLjY0NyAxLjMzMzMzIDcuMzMzMzMgMS4zMzMzM1pNMCA3LjMzMzMzQzAgMy4yODMyNSAzLjI4MzI1IDAgNy4zMzMzMyAwQzExLjM4MzQgMCAxNC42NjY3IDMuMjgzMjUgMTQuNjY2NyA3LjMzMzMzQzE0LjY2NjcgMTEuMzgzNCAxMS4zODM0IDE0LjY2NjcgNy4zMzMzMyAxNC42NjY3QzMuMjgzMjUgMTQuNjY2NyAwIDExLjM4MzQgMCA3LjMzMzMzWk0xMC44MDQ3IDQuODYxOTNDMTEuMDY1MSA1LjEyMjI4IDExLjA2NTEgNS41NDQzOSAxMC44MDQ3IDUuODA0NzRMNi44MDQ3NCA5LjgwNDc0QzYuNTQ0MzkgMTAuMDY1MSA2LjEyMjI4IDEwLjA2NTEgNS44NjE5MyA5LjgwNDc0TDMuODYxOTMgNy44MDQ3NEMzLjYwMTU4IDcuNTQ0MzkgMy42MDE1OCA3LjEyMjI4IDMuODYxOTMgNi44NjE5M0M0LjEyMjI4IDYuNjAxNTggNC41NDQzOSA2LjYwMTU4IDQuODA0NzQgNi44NjE5M0w2LjMzMzMzIDguMzkwNTJMOS44NjE5MyA0Ljg2MTkzQzEwLjEyMjMgNC42MDE1OCAxMC41NDQ0IDQuNjAxNTggMTAuODA0NyA0Ljg2MTkzWiIgZmlsbD0iIzAwRkE1QSIvPgo8L3N2Zz4K';
|
|
395
395
|
|
|
396
|
-
const casinoChallengesOverlayDrawerCss = "@import url(\"https://fonts.googleapis.com/css2?family=Teachers:ital,wght@0,400..800;1,400..800&display=swap\");\n.container {\n z-index: 301;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n container-name: challenges-game-page;\n container-type: size;\n}\n.container.open {\n pointer-events: auto;\n}\n\n.mobile .challenges__drawer {\n width: 100%;\n height: 100%;\n left: 0;\n bottom: 0;\n border-radius: 0;\n backdrop-filter: blur(16px);\n border: none;\n max-width: none;\n min-width: initial;\n}\n.mobile .challenges__drawer .content-spacer {\n margin-bottom: 32px;\n}\n.mobile .challenges__drawer .content-spacer.one-slide {\n margin-bottom: 38px;\n}\n.mobile .challenges__drawer__content {\n padding: 16px 0 0;\n}\n.mobile .challenges__drawer__content .content-details {\n height: calc(100% - 30px);\n}\n.mobile .challenges__drawer__title {\n height: 26px;\n font-size: var(--emw--font-size-large, 18px);\n}\n.mobile .challenges__drawer__close {\n right: 16px;\n width: 26px;\n height: 26px;\n}\n.mobile .challenges__drawer__close img {\n width: 14px;\n}\n.mobile .challenges__backdrop {\n display: none;\n}\n.mobile .notification {\n padding: 8px 16px;\n gap: 8px;\n}\n.mobile .notification .row {\n margin: 15px 0 14px 0;\n}\n.mobile .notification__icon {\n width: 16px;\n height: 16px;\n}\n.mobile .notification__message {\n font-size: var(--emw--font-size-small, 14px);\n}\n\n.challenges__drawer {\n z-index: 302;\n position: fixed;\n left: 62px;\n bottom: 76px;\n border: 1px solid var(--emw--color-container-border, rgba(255, 255, 255, 0.0705882353));\n background: var(--emw--color-Overlay-Background, rgba(9, 9, 9, 0.8));\n backdrop-filter: blur(11px);\n box-sizing: border-box;\n width: 35%;\n min-width: 400px;\n max-width: 600px;\n height: calc(100% - 20px - 76px);\n border-radius: 30px;\n opacity: 1;\n font-family: var(--emw--font-family-primary, \"Teachers\"), sans-serif;\n container-name: challenges-drawer;\n container-type: size;\n}\n.challenges__drawer__title {\n height: 36px;\n color: var(--emw--color-title, #edeff2);\n text-align: center;\n font-size: var(--emw--font-size-large-xl, 22px);\n font-weight: var(--emw--font-weight-semibold, 600);\n margin: 0;\n position: relative;\n z-index: 1;\n align-content: center;\n}\n.challenges__drawer__close {\n outline: none;\n background: transparent;\n border-radius: 20px;\n border: 1.5px solid var(--emw--color-container-border, rgba(255, 255, 255, 0.0705882353));\n background: var(--emw--color-container-background, rgba(9, 9, 9, 0.5019607843));\n backdrop-filter: blur(6.882352829px);\n cursor: pointer;\n width: 36px;\n height: 36px;\n min-width: 36px;\n min-height: 36px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n right: 24px;\n}\n.challenges__drawer__content {\n height: 100%;\n position: relative;\n z-index: 2;\n padding: 24px 0 0;\n box-sizing: border-box;\n}\n.challenges__drawer__content .content-header {\n width: 100%;\n flex-shrink: 0;\n}\n.challenges__drawer__content .content-details {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n}\n.challenges__drawer__content .content-sub-page {\n display: flex;\n height: 100%;\n}\n.challenges__drawer .content-spacer {\n margin-bottom: 24px;\n}\n.challenges__drawer, .challenges__drawer * {\n scrollbar-width: thin;\n scrollbar-color: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3)) transparent;\n}\n.challenges__drawer::-webkit-scrollbar, .challenges__drawer *::-webkit-scrollbar {\n width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-track, .challenges__drawer *::-webkit-scrollbar-track {\n background: transparent;\n}\n.challenges__drawer::-webkit-scrollbar-thumb, .challenges__drawer *::-webkit-scrollbar-thumb {\n background: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3));\n opacity: 0.3;\n border-radius: 999px;\n transition: none;\n width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-thumb:hover, .challenges__drawer *::-webkit-scrollbar-thumb:hover {\n background: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3));\n opacity: 0.3;\n width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-button, .challenges__drawer *::-webkit-scrollbar-button {\n display: none;\n}\n.challenges__backdrop {\n border: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--emw--color-gray-backdrop, rgba(0, 0, 0, 0.6));\n box-shadow: -5px 0 0 0 var(--emw--color-gray-backdrop, rgba(0, 0, 0, 0.6));\n z-index: 301;\n opacity: 1;\n}\n\n.notification {\n display: flex;\n position: fixed;\n z-index: 400;\n align-items: center;\n bottom: 76px;\n right: 0;\n padding: 24px;\n gap: 12px;\n max-width: 445px;\n box-sizing: border-box;\n border-radius: 20px 0 0 20px;\n border-top: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n border-bottom: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n border-left: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n background: var(--emw--background-success-notification, linear-gradient(112deg, rgba(74, 255, 135, 0.2) 0%, rgba(74, 255, 135, 0) 100%));\n backdrop-filter: blur(16px);\n color: var(--emw--color-white, #ffffff);\n font-family: var(--emw--font-family-primary, \"Teachers\"), sans-serif;\n}\n.notification.errored {\n border-top: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n border-bottom: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n border-left: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n background: var(--emw--background-error-notification, rgba(9, 9, 9, 0.4));\n}\n.notification .row {\n display: flex;\n align-items: flex-start;\n}\n.notification__icon {\n width: 18px;\n height: 18px;\n margin-right: 12px;\n}\n.notification__message {\n margin: 0;\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-medium, 500);\n}\n.notification__message .active-tab {\n color: var(--emw--border-success-color, #00b74f);\n text-decoration-line: underline;\n cursor: pointer;\n}\n\ncasino-challenges-overlay-drawer-details {\n flex: 1;\n}\n\n@container challenges-game-page (width <= 1430px) {\n .challenges__drawer {\n width: 40%;\n left: 45px;\n }\n}\n@container challenges-game-page (width <= 1250px) {\n .challenges__drawer {\n width: 45%;\n }\n}\n@container challenges-game-page (width <= 1000px) {\n .challenges__drawer {\n width: 50%;\n left: 25px;\n }\n}\n@container challenges-game-page (width <= 800px) {\n .challenges__drawer__content {\n padding: 20px 0 0;\n }\n}\n@container challenges-game-page (height <= 850px) {\n .challenges__drawer {\n bottom: 36px;\n height: calc(100% - 20px - 36px);\n }\n .challenges__drawer .content-spacer {\n margin-bottom: 18px;\n }\n}\n@container challenges-drawer (height <= 760px) {\n .challenges__drawer .content-spacer {\n margin-bottom: 12px;\n }\n}";
|
|
396
|
+
const casinoChallengesOverlayDrawerCss = "@import url(\"https://fonts.googleapis.com/css2?family=Teachers:ital,wght@0,400..800;1,400..800&display=swap\");\n.container {\n z-index: 301;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n container-name: challenges-game-page;\n container-type: size;\n}\n.container.open {\n pointer-events: auto;\n}\n\n.mobile .challenges__drawer {\n width: 100%;\n height: 100%;\n left: 0;\n bottom: 0;\n border-radius: 0;\n backdrop-filter: blur(16px);\n border: none;\n max-width: none;\n min-width: initial;\n}\n.mobile .challenges__drawer .content-spacer {\n margin-bottom: 32px;\n}\n.mobile .challenges__drawer .content-spacer.one-slide {\n margin-bottom: 38px;\n}\n.mobile .challenges__drawer__content {\n padding: 16px 0 0;\n}\n.mobile .challenges__drawer__content .content-details {\n height: calc(100% - 30px);\n}\n.mobile .challenges__drawer__title {\n height: 26px;\n font-size: var(--emw--font-size-large, 18px);\n}\n.mobile .challenges__drawer__close {\n right: 16px;\n width: 26px;\n height: 26px;\n min-width: 26px;\n min-height: 26px;\n}\n.mobile .challenges__drawer__close img {\n width: 14px;\n}\n.mobile .challenges__backdrop {\n display: none;\n}\n.mobile .notification {\n padding: 8px 16px;\n gap: 8px;\n}\n.mobile .notification .row {\n margin: 15px 0 14px 0;\n}\n.mobile .notification__icon {\n width: 16px;\n height: 16px;\n}\n.mobile .notification__message {\n font-size: var(--emw--font-size-small, 14px);\n}\n\n.challenges__drawer {\n z-index: 302;\n position: fixed;\n left: 62px;\n bottom: 76px;\n border: 1px solid var(--emw--color-container-border, rgba(255, 255, 255, 0.0705882353));\n background: var(--emw--color-Overlay-Background, rgba(9, 9, 9, 0.8));\n backdrop-filter: blur(11px);\n box-sizing: border-box;\n width: 35%;\n min-width: 400px;\n max-width: 600px;\n height: calc(100% - 20px - 76px);\n border-radius: 30px;\n opacity: 1;\n font-family: var(--emw--font-family-primary, \"Teachers\"), sans-serif;\n container-name: challenges-drawer;\n container-type: size;\n}\n.challenges__drawer__title {\n height: 36px;\n color: var(--emw--color-title, #edeff2);\n text-align: center;\n font-size: var(--emw--font-size-large-xl, 22px);\n font-weight: var(--emw--font-weight-semibold, 600);\n margin: 0;\n position: relative;\n z-index: 1;\n align-content: center;\n}\n.challenges__drawer__close {\n outline: none;\n background: transparent;\n border-radius: 20px;\n border: 1.5px solid var(--emw--color-container-border, rgba(255, 255, 255, 0.0705882353));\n background: var(--emw--color-container-background, rgba(9, 9, 9, 0.5019607843));\n backdrop-filter: blur(6.882352829px);\n cursor: pointer;\n width: 36px;\n height: 36px;\n min-width: 36px;\n min-height: 36px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n right: 24px;\n}\n.challenges__drawer__content {\n height: 100%;\n position: relative;\n z-index: 2;\n padding: 24px 0 0;\n box-sizing: border-box;\n}\n.challenges__drawer__content .content-header {\n width: 100%;\n flex-shrink: 0;\n}\n.challenges__drawer__content .content-details {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n}\n.challenges__drawer__content .content-sub-page {\n display: flex;\n height: 100%;\n}\n.challenges__drawer .content-spacer {\n margin-bottom: 24px;\n}\n.challenges__drawer, .challenges__drawer * {\n scrollbar-width: thin;\n scrollbar-color: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3)) transparent;\n}\n.challenges__drawer::-webkit-scrollbar, .challenges__drawer *::-webkit-scrollbar {\n width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-track, .challenges__drawer *::-webkit-scrollbar-track {\n background: transparent;\n}\n.challenges__drawer::-webkit-scrollbar-thumb, .challenges__drawer *::-webkit-scrollbar-thumb {\n background: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3));\n opacity: 0.3;\n border-radius: 999px;\n transition: none;\n width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-thumb:hover, .challenges__drawer *::-webkit-scrollbar-thumb:hover {\n background: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3));\n opacity: 0.3;\n width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-button, .challenges__drawer *::-webkit-scrollbar-button {\n display: none;\n}\n.challenges__backdrop {\n border: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--emw--color-gray-backdrop, rgba(0, 0, 0, 0.6));\n box-shadow: -5px 0 0 0 var(--emw--color-gray-backdrop, rgba(0, 0, 0, 0.6));\n z-index: 301;\n opacity: 1;\n}\n\n.notification {\n display: flex;\n position: fixed;\n z-index: 400;\n align-items: center;\n bottom: 76px;\n right: 0;\n padding: 24px;\n gap: 12px;\n max-width: 445px;\n box-sizing: border-box;\n border-radius: 20px 0 0 20px;\n border-top: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n border-bottom: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n border-left: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n background: var(--emw--background-success-notification, linear-gradient(112deg, rgba(74, 255, 135, 0.2) 0%, rgba(74, 255, 135, 0) 100%));\n backdrop-filter: blur(16px);\n color: var(--emw--color-white, #ffffff);\n font-family: var(--emw--font-family-primary, \"Teachers\"), sans-serif;\n}\n.notification.errored {\n border-top: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n border-bottom: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n border-left: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n background: var(--emw--background-error-notification, rgba(9, 9, 9, 0.4));\n}\n.notification .row {\n display: flex;\n align-items: flex-start;\n}\n.notification__icon {\n width: 18px;\n height: 18px;\n margin-right: 12px;\n}\n.notification__message {\n margin: 0;\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-medium, 500);\n}\n.notification__message .active-tab {\n color: var(--emw--border-success-color, #00b74f);\n text-decoration-line: underline;\n cursor: pointer;\n}\n\ncasino-challenges-overlay-drawer-details {\n flex: 1;\n}\n\n@container challenges-game-page (width <= 1430px) {\n .challenges__drawer {\n width: 40%;\n left: 45px;\n }\n}\n@container challenges-game-page (width <= 1250px) {\n .challenges__drawer {\n width: 45%;\n }\n}\n@container challenges-game-page (width <= 1000px) {\n .challenges__drawer {\n width: 50%;\n left: 25px;\n }\n}\n@container challenges-game-page (width <= 800px) {\n .challenges__drawer__content {\n padding: 20px 0 0;\n }\n}\n@container challenges-game-page (height <= 850px) {\n .challenges__drawer {\n bottom: 36px;\n height: calc(100% - 20px - 36px);\n }\n .challenges__drawer .content-spacer {\n margin-bottom: 18px;\n }\n}\n@container challenges-drawer (height <= 760px) {\n .challenges__drawer .content-spacer {\n margin-bottom: 12px;\n }\n}";
|
|
397
397
|
const CasinoChallengesOverlayDrawerStyle0 = casinoChallengesOverlayDrawerCss;
|
|
398
398
|
|
|
399
399
|
const CasinoChallengesOverlayDrawer = class {
|
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-
|
|
5
|
+
const casinoChallengesOverlayDrawer = require('./casino-challenges-overlay-drawer-2553511e.js');
|
|
6
6
|
require('./index-d2288c94.js');
|
|
7
7
|
|
|
8
8
|
|
|
@@ -16,6 +16,7 @@
|
|
|
16
16
|
height: 28px;
|
|
17
17
|
min-width: auto;
|
|
18
18
|
border: 1px solid transparent;
|
|
19
|
+
text-wrap: nowrap;
|
|
19
20
|
}
|
|
20
21
|
.challenges__tabs-wrapper.Mobile .challenges-tab--promo {
|
|
21
22
|
min-width: auto;
|
|
@@ -60,6 +61,7 @@
|
|
|
60
61
|
padding: 0;
|
|
61
62
|
overflow-x: hidden;
|
|
62
63
|
width: initial;
|
|
64
|
+
flex-shrink: 0;
|
|
63
65
|
}
|
|
64
66
|
.challenges__tabs-wrapper .challenges__tab {
|
|
65
67
|
box-sizing: border-box;
|
|
@@ -71,6 +73,7 @@
|
|
|
71
73
|
justify-content: center;
|
|
72
74
|
align-items: center;
|
|
73
75
|
gap: 4px;
|
|
76
|
+
text-wrap: nowrap;
|
|
74
77
|
padding: 4px 8px;
|
|
75
78
|
cursor: pointer;
|
|
76
79
|
text-align: center;
|
|
@@ -86,6 +89,7 @@
|
|
|
86
89
|
box-sizing: content-box;
|
|
87
90
|
min-width: 65px;
|
|
88
91
|
padding: 8px 12px;
|
|
92
|
+
white-space: nowrap;
|
|
89
93
|
background: var(--emw--color-gray-200, rgba(255, 255, 255, 0.2));
|
|
90
94
|
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);
|
|
91
95
|
backdrop-filter: blur(10px);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-25fd45d2.js';
|
|
2
|
-
import { E as EHistoryItemLevelStatus$1, t as translate$2, H as HistoryItemLevelStatusDictionary, a as EPostMessageRequestType$1, s as setClientStyling, b as setClientStylingURL, c as setStreamStyling, r as resolveTranslationUrl$2, d as EChallengesTabs$1, e as EFeatureFlags } from './casino-challenges-overlay-drawer-
|
|
3
|
-
export { C as casino_challenges_overlay_drawer } from './casino-challenges-overlay-drawer-
|
|
2
|
+
import { E as EHistoryItemLevelStatus$1, t as translate$2, H as HistoryItemLevelStatusDictionary, a as EPostMessageRequestType$1, s as setClientStyling, b as setClientStylingURL, c as setStreamStyling, r as resolveTranslationUrl$2, d as EChallengesTabs$1, e as EFeatureFlags } from './casino-challenges-overlay-drawer-8f04dcba.js';
|
|
3
|
+
export { C as casino_challenges_overlay_drawer } from './casino-challenges-overlay-drawer-8f04dcba.js';
|
|
4
4
|
|
|
5
5
|
function _typeof(o) {
|
|
6
6
|
"@babel/helpers - typeof";
|
|
@@ -4350,7 +4350,7 @@ const notificationSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdod
|
|
|
4350
4350
|
|
|
4351
4351
|
const crownSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjU4MzMgNi43MDU0N0wxMS40NjEgNy44NDE5M0wxMi40NTUzIDcuOTQ4ODdMMTIuNTc3NSA2LjgxMjRMMTEuNTgzMyA2LjcwNTQ3Wk03LjU1ODYgMTJINi4xMDgwN1YxM0g3LjU1ODZWMTJaTTIuMjA1NjcgNy44NDE5M0wyLjA4MzQzIDYuNzA1NDdMMS4wODkxNyA2LjgxMjRMMS4yMTE0IDcuOTQ4ODdMMi4yMDU2NyA3Ljg0MTkzWk01LjExMDA1IDYuMDMyODdMNi4zMDMwNyAzLjg5MzgxTDUuNDI5NjkgMy40MDY3Mkw0LjIzNjY5IDUuNTQ1NzNMNS4xMTAwNSA2LjAzMjg3Wk03LjM2MzYgMy44OTM4MUw4LjU1NjYgNi4wMzI4N0w5LjQzIDUuNTQ1NzNMOC4yMzcgMy40MDY3Mkw3LjM2MzYgMy44OTM4MVpNOC41NTY2IDYuMDMyODdDOC42NjQ0NiA2LjIyNjIgOC43NjM3MyA2LjQwNTQ3IDguODU5OTMgNi41NDI1M0M4Ljk1OSA2LjY4MzUzIDkuMDk0MDcgNi44MzkyNyA5LjMwMSA2LjkzMDRMOS43MDQgNi4wMTUyQzkuNzQxMjcgNi4wMzE1MyA5LjczNDkzIDYuMDQ4NCA5LjY3ODMzIDUuOTY3ODdDOS42MTg5MyA1Ljg4MzI3IDkuNTQ4NDcgNS43NTgyIDkuNDMgNS41NDU3M0w4LjU1NjYgNi4wMzI4N1pNMTAuMTI3NSA1LjY0MjUzQzkuOTU1IDUuODE0MzMgOS44NTI2NiA1LjkxNTQgOS43NzIxMyA1Ljk4MDUzQzkuNjk1NCA2LjA0MjYgOS42OTM3MyA2LjAyNDggOS43MzM3MyA2LjAxOTI3TDkuODcwNjYgNy4wMDk4N0MxMC4wOTQ1IDYuOTc4OTMgMTAuMjY3MSA2Ljg2NjMzIDEwLjQwMTEgNi43NTc5M0MxMC41MzEzIDYuNjUyNiAxMC42NzYxIDYuNTA3NDcgMTAuODMzMiA2LjM1MUwxMC4xMjc1IDUuNjQyNTNaTTkuMzAxIDYuOTMwNEM5LjQ3OTg3IDcuMDA5MTMgOS42NzcxMyA3LjAzNjYgOS44NzA2NiA3LjAwOTg3TDkuNzMzNzMgNi4wMTkyN0M5LjcyMzUzIDYuMDIwNjcgOS43MTMyNyA2LjAxOTI3IDkuNzA0IDYuMDE1Mkw5LjMwMSA2LjkzMDRaTTIuODMzNDcgNi4zNTFDMi45OTA1MiA2LjUwNzQ3IDMuMTM1MzMgNi42NTI2IDMuMjY1NTYgNi43NTc5M0MzLjM5OTU1IDYuODY2MzMgMy41NzIxNiA2Ljk3ODkzIDMuNzk1OTggNy4wMDk4N0wzLjkzMjk1IDYuMDE5MjdDMy45NzI5NiA2LjAyNDggMy45NzEyNyA2LjA0MjYgMy44OTQ1MyA1Ljk4MDUzQzMuODE0MDMgNS45MTU0IDMuNzExNjkgNS44MTQzMyAzLjUzOTE5IDUuNjQyNTNMMi44MzM0NyA2LjM1MVpNNC4yMzY2OSA1LjU0NTczQzQuMTE4MjEgNS43NTgyIDQuMDQ3NzIgNS44ODMyNyAzLjk4ODMzIDUuOTY3ODdDMy45MzE3NyA2LjA0ODQgMy45MjU0MyA2LjAzMTUzIDMuOTYyNjMgNi4wMTUyTDQuMzY1NjQgNi45MzA0QzQuNTcyNTggNi44MzkyNyA0LjcwNzcgNi42ODM1MyA0LjgwNjczIDYuNTQyNTNDNC45MDI5NCA2LjQwNTUzIDUuMDAyMiA2LjIyNjIgNS4xMTAwNSA2LjAzMjg3TDQuMjM2NjkgNS41NDU3M1pNMy43OTU5OCA3LjAwOTg3QzMuOTg5NTMgNy4wMzY2IDQuMTg2NzcgNy4wMDkxMyA0LjM2NTY0IDYuOTMwNEwzLjk2MjYzIDYuMDE1MkMzLjk1MzQxIDYuMDE5MjcgMy45NDMxMSA2LjAyMDY3IDMuOTMyOTUgNi4wMTkyN0wzLjc5NTk4IDcuMDA5ODdaTTYuMTA4MDcgMTJDNS4xNDk0NyAxMiA0LjQ3ODEzIDExLjk5OTEgMy45NjU3MSAxMS45MzM1QzMuNDY3MjcgMTEuODY5NyAzLjE4NTY3IDExLjc1MTYgMi45NzQ4NSAxMS41NjI5TDIuMzA3OTEgMTIuMzA4QzIuNzI3ODIgMTIuNjgzOSAzLjIzNDI1IDEyLjg0OCAzLjgzODc5IDEyLjkyNTRDNC40MjkzNyAxMy4wMDA5IDUuMTc1OTkgMTMgNi4xMDgwNyAxM1YxMlpNMS4yMTE0IDcuOTQ4ODdDMS4zMTAxNyA4Ljg2NzEzIDEuMzg4NTUgOS43NjY2IDEuNTIyMTUgMTAuNDk2QzEuNTg5NTMgMTAuODYzOSAxLjY3NDUyIDExLjIxMDYgMS43OTIyMiAxMS41MTE1QzEuOTA4OTMgMTEuODA5OSAyLjA2OTkzIDEyLjA5NSAyLjMwNzkxIDEyLjMwOEwyLjk3NDg1IDExLjU2MjlDMi44OTc0NyAxMS40OTM2IDIuODA5MzcgMTEuMzY2NyAyLjcyMzUgMTEuMTQ3MkMyLjYzODYzIDEwLjkzMDMgMi41Njc1OSAxMC42NTMzIDIuNTA1NzkgMTAuMzE1OUMyLjM4MDk5IDkuNjM0NTMgMi4zMDgzMSA4Ljc5NjIgMi4yMDU2NyA3Ljg0MTkzTDEuMjExNCA3Ljk0ODg3Wk0xMS40NjEgNy44NDE5M0MxMS4zNTgzIDguNzk2MiAxMS4yODU3IDkuNjM0NTMgMTEuMTYwOSAxMC4zMTU5QzExLjA5OTEgMTAuNjUzMyAxMS4wMjggMTAuOTMwMyAxMC45NDMxIDExLjE0NzJDMTAuODU3MyAxMS4zNjY3IDEwLjc2OTIgMTEuNDkzNiAxMC42OTE4IDExLjU2MjlMMTEuMzU4NyAxMi4zMDhDMTEuNTk2NyAxMi4wOTUgMTEuNzU3NyAxMS44MDk5IDExLjg3NDUgMTEuNTExNUMxMS45OTIxIDExLjIxMDYgMTIuMDc3MSAxMC44NjM5IDEyLjE0NDUgMTAuNDk2QzEyLjI3ODEgOS43NjY2IDEyLjM1NjUgOC44NjcxMyAxMi40NTUzIDcuOTQ4ODdMMTEuNDYxIDcuODQxOTNaTTcuNTU4NiAxM0M4LjQ5MDY3IDEzIDkuMjM3MjcgMTMuMDAwOSA5LjgyNzg3IDEyLjkyNTRDMTAuNDMyNCAxMi44NDggMTAuOTM4OSAxMi42ODM5IDExLjM1ODcgMTIuMzA4TDEwLjY5MTggMTEuNTYyOUMxMC40ODEgMTEuNzUxNiAxMC4xOTk0IDExLjg2OTcgOS43MDA5MyAxMS45MzM1QzkuMTg4NTMgMTEuOTk5MSA4LjUxNzIgMTIgNy41NTg2IDEyVjEzWk02IDEuODMzMzNDNiAxLjM3MzA5IDYuMzczMDcgMSA2LjgzMzMzIDFWMEM1LjgyMDggMCA1IDAuODIwODEzIDUgMS44MzMzM0g2Wk02LjgzMzMzIDFDNy4yOTM2IDEgNy42NjY2NyAxLjM3MzA5IDcuNjY2NjcgMS44MzMzM0g4LjY2NjY3QzguNjY2NjcgMC44MjA4MTMgNy44NDU4NyAwIDYuODMzMzMgMFYxWk0xMi42NjY3IDQuNUMxMi42NjY3IDQuNzc2MTQgMTIuNDQyOCA1IDEyLjE2NjcgNVY2QzEyLjk5NTEgNiAxMy42NjY3IDUuMzI4NCAxMy42NjY3IDQuNUgxMi42NjY3Wk0xMS42NjY3IDQuNUMxMS42NjY3IDQuMjIzODYgMTEuODkwNSA0IDEyLjE2NjcgNFYzQzExLjMzODMgMyAxMC42NjY3IDMuNjcxNTcgMTAuNjY2NyA0LjVIMTEuNjY2N1pNMTIuMTY2NyA0QzEyLjQ0MjggNCAxMi42NjY3IDQuMjIzODYgMTIuNjY2NyA0LjVIMTMuNjY2N0MxMy42NjY3IDMuNjcxNTcgMTIuOTk1MSAzIDEyLjE2NjcgM1Y0Wk0xLjUgNUMxLjIyMzg2IDUgMSA0Ljc3NjE0IDEgNC41SDBDMCA1LjMyODQgMC42NzE1NzMgNiAxLjUgNlY1Wk0xIDQuNUMxIDQuMjIzODYgMS4yMjM4NiA0IDEuNSA0VjNDMC42NzE1NzMgMyAwIDMuNjcxNTcgMCA0LjVIMVpNMS41IDRDMS43NzYxNCA0IDIgNC4yMjM4NiAyIDQuNUgzQzMgMy42NzE1NyAyLjMyODQzIDMgMS41IDNWNFpNMTIuMTY2NyA1QzEyLjE2NDcgNSAxMi4xNjI3IDQuOTk5OTkgMTIuMTYwNyA0Ljk5OTk3TDEyLjE0OTEgNS45OTk4N0MxMi4xNTQ5IDUuOTk5OTMgMTIuMTYwOCA2IDEyLjE2NjcgNlY1Wk0xMi41Nzc1IDYuODEyNEMxMi42MDk3IDYuNTEyNDcgMTIuNjM4IDYuMjUwNTMgMTIuNjUzNSA2LjAzMkMxMi42Njg3IDUuODE3OTMgMTIuNjc0NCA1LjYxMjYgMTIuNjUwNCA1LjQzMzUzTDExLjY1OTMgNS41NjYzM0MxMS42NjkxIDUuNjM5NTMgMTEuNjcwMiA1Ljc2MDUzIDExLjY1NiA1Ljk2MTMzQzExLjY0MjEgNi4xNTc2NyAxMS42MTYyIDYuMzk5MDcgMTEuNTgzMyA2LjcwNTQ3TDEyLjU3NzUgNi44MTI0Wk0xMi4xNjA3IDQuOTk5OTdDMTIuMDEyMSA0Ljk5ODI1IDExLjg3OTMgNC45MzIxOCAxMS43ODggNC44MjY1NUwxMS4wMzEzIDUuNDgwMjdDMTEuMzAyIDUuNzkzNjcgMTEuNzAyMSA1Ljk5NDczIDEyLjE0OTEgNS45OTk4N0wxMi4xNjA3IDQuOTk5OTdaTTExLjc4OCA0LjgyNjU1QzExLjcxMjEgNC43Mzg2NiAxMS42NjY3IDQuNjI1MjYgMTEuNjY2NyA0LjVIMTAuNjY2N0MxMC42NjY3IDQuODc0MjkgMTAuODA0NCA1LjIxNzY3IDExLjAzMTMgNS40ODAyN0wxMS43ODggNC44MjY1NVpNMTAuODMzMiA2LjM1MUMxMS4yODQ5IDUuOTAxMTMgMTEuNTE3NSA1LjY3NDQgMTEuNjcyMyA1LjU3ODg3TDExLjE0NyA0LjcyNzk0QzEwLjg2NzEgNC45MDA3MyAxMC41MzEzIDUuMjQwMiAxMC4xMjc1IDUuNjQyNTNMMTAuODMzMiA2LjM1MVpNMiA0LjVDMiA0LjYyNTI2IDEuOTU0NTkgNC43Mzg2NiAxLjg3ODY2IDQuODI2NTVMMi42MzUzOCA1LjQ4MDI3QzIuODYyMjcgNS4yMTc2NyAzIDQuODc0MjkgMyA0LjVIMlpNMy41MzkxOSA1LjY0MjUzQzMuMTM1MzEgNS4yNDAyIDIuNzk5NTcgNC45MDA3MyAyLjUxOTY0IDQuNzI3OTRMMS45OTQ0IDUuNTc4ODdDMi4xNDkxOCA1LjY3NDQgMi4zODE4MiA1LjkwMTEzIDIuODMzNDcgNi4zNTFMMy41MzkxOSA1LjY0MjUzWk0xLjg3ODY2IDQuODI2NTVDMS43ODc0IDQuOTMyMTggMS42NTQ2MSA0Ljk5ODI1IDEuNTA2MDMgNC45OTk5N0wxLjUxNzU5IDUuOTk5ODdDMS45NjQ1MSA1Ljk5NDczIDIuMzY0NjcgNS43OTM2NyAyLjYzNTM4IDUuNDgwMjdMMS44Nzg2NiA0LjgyNjU1Wk0xLjUwNjAzIDQuOTk5OTdDMS41MDQwMSA0Ljk5OTk5IDEuNTAyMDEgNSAxLjUgNVY2QzEuNTA1ODcgNiAxLjUxMTc0IDUuOTk5OTMgMS41MTc1OSA1Ljk5OTg3TDEuNTA2MDMgNC45OTk5N1pNMi4wODM0MyA2LjcwNTQ3QzIuMDUwNDcgNi4zOTkwNyAyLjAyNDU4IDYuMTU3NjcgMi4wMTA2NyA1Ljk2MTMzQzEuOTk2NDUgNS43NjA1MyAxLjk5NzU3IDUuNjM5NTMgMi4wMDczOCA1LjU2NjMzTDEuMDE2MjMgNS40MzM1M0MwLjk5MjI0NiA1LjYxMjYgMC45OTgwMDYgNS44MTc5MyAxLjAxMzE3IDYuMDMyQzEuMDI4NjUgNi4yNTA1MyAxLjA1NjkgNi41MTI0NyAxLjA4OTE3IDYuODEyNEwyLjA4MzQzIDYuNzA1NDdaTTcuNjY2NjcgMS44MzMzM0M3LjY2NjY3IDIuMTU2NjkgNy40ODI2IDIuNDM3OTMgNy4yMTEyIDIuNTc2MzhMNy42NjU2NyAzLjQ2NzE1QzguMjU4NzMgMy4xNjQ1NyA4LjY2NjY3IDIuNTQ3MDIgOC42NjY2NyAxLjgzMzMzSDcuNjY2NjdaTTcuMjExMiAyLjU3NjM4QzcuMDk4MzMgMi42MzM5NyA2Ljk3MDQgMi42NjY2NyA2LjgzMzMzIDIuNjY2NjdWMy42NjY2N0M3LjEzMiAzLjY2NjY3IDcuNDE1MzMgMy41OTQ4NyA3LjY2NTY3IDMuNDY3MTVMNy4yMTEyIDIuNTc2MzhaTTguMjM3IDMuNDA2NzJDOC4wOTk0NyAzLjE2MDEzIDcuOTc1ODcgMi45MzgzMSA3Ljg2MjQ3IDIuNzU2OEw3LjAxNDQgMy4yODY3M0M3LjExMTczIDMuNDQyNDggNy4yMjE4NyAzLjYzOTY1IDcuMzYzNiAzLjg5MzgxTDguMjM3IDMuNDA2NzJaTTYuODMzMzMgMi42NjY2N0M2LjY5NjI3IDIuNjY2NjcgNi41NjgzMyAyLjYzMzk3IDYuNDU1NDcgMi41NzYzOEw2LjAwMSAzLjQ2NzE1QzYuMjUxMzMgMy41OTQ4NyA2LjUzNDY3IDMuNjY2NjcgNi44MzMzMyAzLjY2NjY3VjIuNjY2NjdaTTYuNDU1NDcgMi41NzYzOEM2LjE4NDA3IDIuNDM3OTMgNiAyLjE1NjY5IDYgMS44MzMzM0g1QzUgMi41NDcwMiA1LjQwNzkxIDMuMTY0NTcgNi4wMDEgMy40NjcxNUw2LjQ1NTQ3IDIuNTc2MzhaTTYuMzAzMDcgMy44OTM4MUM2LjQ0NDggMy42Mzk2NSA2LjU1NDkzIDMuNDQyNDggNi42NTIyNyAzLjI4NjczTDUuODA0MiAyLjc1NjhDNS42OTA4IDIuOTM4MzEgNS41NjcyIDMuMTYwMTMgNS40Mjk2OSAzLjQwNjcyTDYuMzAzMDcgMy44OTM4MVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xOTE2XzE2ODEyKSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzE5MTZfMTY4MTIiIHgxPSIyNS45NzUzIiB5MT0iLTAuNjAzMzc1IiB4Mj0iMjUuOTc1MyIgeTI9IjEyLjM5NjYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjIwNSIgc3RvcC1jb2xvcj0iI0ZGQjgwMSIvPgo8c3RvcCBvZmZzZXQ9IjAuMzYiIHN0b3AtY29sb3I9IiNGRUY3NDYiLz4KPHN0b3Agb2Zmc2V0PSIwLjQxNSIgc3RvcC1jb2xvcj0iI0ZCRkZFMCIvPgo8c3RvcCBvZmZzZXQ9IjAuNTI1IiBzdG9wLWNvbG9yPSIjRkZGQTYwIi8+CjxzdG9wIG9mZnNldD0iMC45MiIgc3RvcC1jb2xvcj0iI0ZGOTQwMCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=';
|
|
4352
4352
|
|
|
4353
|
-
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}";
|
|
4353
|
+
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 text-wrap: nowrap;\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 flex-shrink: 0;\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 text-wrap: nowrap;\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 white-space: nowrap;\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}";
|
|
4354
4354
|
const CasinoChallengesOverlayTabsStyle0 = casinoChallengesOverlayTabsCss;
|
|
4355
4355
|
|
|
4356
4356
|
const CasinoChallengeOverlayTabs = class {
|
|
@@ -391,7 +391,7 @@ const errorSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUi
|
|
|
391
391
|
|
|
392
392
|
const checkSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjMzMzMzIDEuMzMzMzNDNC4wMTk2MiAxLjMzMzMzIDEuMzMzMzMgNC4wMTk2MiAxLjMzMzMzIDcuMzMzMzNDMS4zMzMzMyAxMC42NDcgNC4wMTk2MiAxMy4zMzMzIDcuMzMzMzMgMTMuMzMzM0MxMC42NDcgMTMuMzMzMyAxMy4zMzMzIDEwLjY0NyAxMy4zMzMzIDcuMzMzMzNDMTMuMzMzMyA0LjAxOTYyIDEwLjY0NyAxLjMzMzMzIDcuMzMzMzMgMS4zMzMzM1pNMCA3LjMzMzMzQzAgMy4yODMyNSAzLjI4MzI1IDAgNy4zMzMzMyAwQzExLjM4MzQgMCAxNC42NjY3IDMuMjgzMjUgMTQuNjY2NyA3LjMzMzMzQzE0LjY2NjcgMTEuMzgzNCAxMS4zODM0IDE0LjY2NjcgNy4zMzMzMyAxNC42NjY3QzMuMjgzMjUgMTQuNjY2NyAwIDExLjM4MzQgMCA3LjMzMzMzWk0xMC44MDQ3IDQuODYxOTNDMTEuMDY1MSA1LjEyMjI4IDExLjA2NTEgNS41NDQzOSAxMC44MDQ3IDUuODA0NzRMNi44MDQ3NCA5LjgwNDc0QzYuNTQ0MzkgMTAuMDY1MSA2LjEyMjI4IDEwLjA2NTEgNS44NjE5MyA5LjgwNDc0TDMuODYxOTMgNy44MDQ3NEMzLjYwMTU4IDcuNTQ0MzkgMy42MDE1OCA3LjEyMjI4IDMuODYxOTMgNi44NjE5M0M0LjEyMjI4IDYuNjAxNTggNC41NDQzOSA2LjYwMTU4IDQuODA0NzQgNi44NjE5M0w2LjMzMzMzIDguMzkwNTJMOS44NjE5MyA0Ljg2MTkzQzEwLjEyMjMgNC42MDE1OCAxMC41NDQ0IDQuNjAxNTggMTAuODA0NyA0Ljg2MTkzWiIgZmlsbD0iIzAwRkE1QSIvPgo8L3N2Zz4K';
|
|
393
393
|
|
|
394
|
-
const casinoChallengesOverlayDrawerCss = "@import url(\"https://fonts.googleapis.com/css2?family=Teachers:ital,wght@0,400..800;1,400..800&display=swap\");\n.container {\n z-index: 301;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n container-name: challenges-game-page;\n container-type: size;\n}\n.container.open {\n pointer-events: auto;\n}\n\n.mobile .challenges__drawer {\n width: 100%;\n height: 100%;\n left: 0;\n bottom: 0;\n border-radius: 0;\n backdrop-filter: blur(16px);\n border: none;\n max-width: none;\n min-width: initial;\n}\n.mobile .challenges__drawer .content-spacer {\n margin-bottom: 32px;\n}\n.mobile .challenges__drawer .content-spacer.one-slide {\n margin-bottom: 38px;\n}\n.mobile .challenges__drawer__content {\n padding: 16px 0 0;\n}\n.mobile .challenges__drawer__content .content-details {\n height: calc(100% - 30px);\n}\n.mobile .challenges__drawer__title {\n height: 26px;\n font-size: var(--emw--font-size-large, 18px);\n}\n.mobile .challenges__drawer__close {\n right: 16px;\n width: 26px;\n height: 26px;\n}\n.mobile .challenges__drawer__close img {\n width: 14px;\n}\n.mobile .challenges__backdrop {\n display: none;\n}\n.mobile .notification {\n padding: 8px 16px;\n gap: 8px;\n}\n.mobile .notification .row {\n margin: 15px 0 14px 0;\n}\n.mobile .notification__icon {\n width: 16px;\n height: 16px;\n}\n.mobile .notification__message {\n font-size: var(--emw--font-size-small, 14px);\n}\n\n.challenges__drawer {\n z-index: 302;\n position: fixed;\n left: 62px;\n bottom: 76px;\n border: 1px solid var(--emw--color-container-border, rgba(255, 255, 255, 0.0705882353));\n background: var(--emw--color-Overlay-Background, rgba(9, 9, 9, 0.8));\n backdrop-filter: blur(11px);\n box-sizing: border-box;\n width: 35%;\n min-width: 400px;\n max-width: 600px;\n height: calc(100% - 20px - 76px);\n border-radius: 30px;\n opacity: 1;\n font-family: var(--emw--font-family-primary, \"Teachers\"), sans-serif;\n container-name: challenges-drawer;\n container-type: size;\n}\n.challenges__drawer__title {\n height: 36px;\n color: var(--emw--color-title, #edeff2);\n text-align: center;\n font-size: var(--emw--font-size-large-xl, 22px);\n font-weight: var(--emw--font-weight-semibold, 600);\n margin: 0;\n position: relative;\n z-index: 1;\n align-content: center;\n}\n.challenges__drawer__close {\n outline: none;\n background: transparent;\n border-radius: 20px;\n border: 1.5px solid var(--emw--color-container-border, rgba(255, 255, 255, 0.0705882353));\n background: var(--emw--color-container-background, rgba(9, 9, 9, 0.5019607843));\n backdrop-filter: blur(6.882352829px);\n cursor: pointer;\n width: 36px;\n height: 36px;\n min-width: 36px;\n min-height: 36px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n right: 24px;\n}\n.challenges__drawer__content {\n height: 100%;\n position: relative;\n z-index: 2;\n padding: 24px 0 0;\n box-sizing: border-box;\n}\n.challenges__drawer__content .content-header {\n width: 100%;\n flex-shrink: 0;\n}\n.challenges__drawer__content .content-details {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n}\n.challenges__drawer__content .content-sub-page {\n display: flex;\n height: 100%;\n}\n.challenges__drawer .content-spacer {\n margin-bottom: 24px;\n}\n.challenges__drawer, .challenges__drawer * {\n scrollbar-width: thin;\n scrollbar-color: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3)) transparent;\n}\n.challenges__drawer::-webkit-scrollbar, .challenges__drawer *::-webkit-scrollbar {\n width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-track, .challenges__drawer *::-webkit-scrollbar-track {\n background: transparent;\n}\n.challenges__drawer::-webkit-scrollbar-thumb, .challenges__drawer *::-webkit-scrollbar-thumb {\n background: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3));\n opacity: 0.3;\n border-radius: 999px;\n transition: none;\n width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-thumb:hover, .challenges__drawer *::-webkit-scrollbar-thumb:hover {\n background: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3));\n opacity: 0.3;\n width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-button, .challenges__drawer *::-webkit-scrollbar-button {\n display: none;\n}\n.challenges__backdrop {\n border: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--emw--color-gray-backdrop, rgba(0, 0, 0, 0.6));\n box-shadow: -5px 0 0 0 var(--emw--color-gray-backdrop, rgba(0, 0, 0, 0.6));\n z-index: 301;\n opacity: 1;\n}\n\n.notification {\n display: flex;\n position: fixed;\n z-index: 400;\n align-items: center;\n bottom: 76px;\n right: 0;\n padding: 24px;\n gap: 12px;\n max-width: 445px;\n box-sizing: border-box;\n border-radius: 20px 0 0 20px;\n border-top: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n border-bottom: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n border-left: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n background: var(--emw--background-success-notification, linear-gradient(112deg, rgba(74, 255, 135, 0.2) 0%, rgba(74, 255, 135, 0) 100%));\n backdrop-filter: blur(16px);\n color: var(--emw--color-white, #ffffff);\n font-family: var(--emw--font-family-primary, \"Teachers\"), sans-serif;\n}\n.notification.errored {\n border-top: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n border-bottom: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n border-left: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n background: var(--emw--background-error-notification, rgba(9, 9, 9, 0.4));\n}\n.notification .row {\n display: flex;\n align-items: flex-start;\n}\n.notification__icon {\n width: 18px;\n height: 18px;\n margin-right: 12px;\n}\n.notification__message {\n margin: 0;\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-medium, 500);\n}\n.notification__message .active-tab {\n color: var(--emw--border-success-color, #00b74f);\n text-decoration-line: underline;\n cursor: pointer;\n}\n\ncasino-challenges-overlay-drawer-details {\n flex: 1;\n}\n\n@container challenges-game-page (width <= 1430px) {\n .challenges__drawer {\n width: 40%;\n left: 45px;\n }\n}\n@container challenges-game-page (width <= 1250px) {\n .challenges__drawer {\n width: 45%;\n }\n}\n@container challenges-game-page (width <= 1000px) {\n .challenges__drawer {\n width: 50%;\n left: 25px;\n }\n}\n@container challenges-game-page (width <= 800px) {\n .challenges__drawer__content {\n padding: 20px 0 0;\n }\n}\n@container challenges-game-page (height <= 850px) {\n .challenges__drawer {\n bottom: 36px;\n height: calc(100% - 20px - 36px);\n }\n .challenges__drawer .content-spacer {\n margin-bottom: 18px;\n }\n}\n@container challenges-drawer (height <= 760px) {\n .challenges__drawer .content-spacer {\n margin-bottom: 12px;\n }\n}";
|
|
394
|
+
const casinoChallengesOverlayDrawerCss = "@import url(\"https://fonts.googleapis.com/css2?family=Teachers:ital,wght@0,400..800;1,400..800&display=swap\");\n.container {\n z-index: 301;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n pointer-events: none;\n container-name: challenges-game-page;\n container-type: size;\n}\n.container.open {\n pointer-events: auto;\n}\n\n.mobile .challenges__drawer {\n width: 100%;\n height: 100%;\n left: 0;\n bottom: 0;\n border-radius: 0;\n backdrop-filter: blur(16px);\n border: none;\n max-width: none;\n min-width: initial;\n}\n.mobile .challenges__drawer .content-spacer {\n margin-bottom: 32px;\n}\n.mobile .challenges__drawer .content-spacer.one-slide {\n margin-bottom: 38px;\n}\n.mobile .challenges__drawer__content {\n padding: 16px 0 0;\n}\n.mobile .challenges__drawer__content .content-details {\n height: calc(100% - 30px);\n}\n.mobile .challenges__drawer__title {\n height: 26px;\n font-size: var(--emw--font-size-large, 18px);\n}\n.mobile .challenges__drawer__close {\n right: 16px;\n width: 26px;\n height: 26px;\n min-width: 26px;\n min-height: 26px;\n}\n.mobile .challenges__drawer__close img {\n width: 14px;\n}\n.mobile .challenges__backdrop {\n display: none;\n}\n.mobile .notification {\n padding: 8px 16px;\n gap: 8px;\n}\n.mobile .notification .row {\n margin: 15px 0 14px 0;\n}\n.mobile .notification__icon {\n width: 16px;\n height: 16px;\n}\n.mobile .notification__message {\n font-size: var(--emw--font-size-small, 14px);\n}\n\n.challenges__drawer {\n z-index: 302;\n position: fixed;\n left: 62px;\n bottom: 76px;\n border: 1px solid var(--emw--color-container-border, rgba(255, 255, 255, 0.0705882353));\n background: var(--emw--color-Overlay-Background, rgba(9, 9, 9, 0.8));\n backdrop-filter: blur(11px);\n box-sizing: border-box;\n width: 35%;\n min-width: 400px;\n max-width: 600px;\n height: calc(100% - 20px - 76px);\n border-radius: 30px;\n opacity: 1;\n font-family: var(--emw--font-family-primary, \"Teachers\"), sans-serif;\n container-name: challenges-drawer;\n container-type: size;\n}\n.challenges__drawer__title {\n height: 36px;\n color: var(--emw--color-title, #edeff2);\n text-align: center;\n font-size: var(--emw--font-size-large-xl, 22px);\n font-weight: var(--emw--font-weight-semibold, 600);\n margin: 0;\n position: relative;\n z-index: 1;\n align-content: center;\n}\n.challenges__drawer__close {\n outline: none;\n background: transparent;\n border-radius: 20px;\n border: 1.5px solid var(--emw--color-container-border, rgba(255, 255, 255, 0.0705882353));\n background: var(--emw--color-container-background, rgba(9, 9, 9, 0.5019607843));\n backdrop-filter: blur(6.882352829px);\n cursor: pointer;\n width: 36px;\n height: 36px;\n min-width: 36px;\n min-height: 36px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n right: 24px;\n}\n.challenges__drawer__content {\n height: 100%;\n position: relative;\n z-index: 2;\n padding: 24px 0 0;\n box-sizing: border-box;\n}\n.challenges__drawer__content .content-header {\n width: 100%;\n flex-shrink: 0;\n}\n.challenges__drawer__content .content-details {\n flex: 1;\n min-height: 0;\n overflow-y: auto;\n}\n.challenges__drawer__content .content-sub-page {\n display: flex;\n height: 100%;\n}\n.challenges__drawer .content-spacer {\n margin-bottom: 24px;\n}\n.challenges__drawer, .challenges__drawer * {\n scrollbar-width: thin;\n scrollbar-color: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3)) transparent;\n}\n.challenges__drawer::-webkit-scrollbar, .challenges__drawer *::-webkit-scrollbar {\n width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-track, .challenges__drawer *::-webkit-scrollbar-track {\n background: transparent;\n}\n.challenges__drawer::-webkit-scrollbar-thumb, .challenges__drawer *::-webkit-scrollbar-thumb {\n background: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3));\n opacity: 0.3;\n border-radius: 999px;\n transition: none;\n width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-thumb:hover, .challenges__drawer *::-webkit-scrollbar-thumb:hover {\n background: var(--emw--color-gray-250, rgba(255, 255, 255, 0.3));\n opacity: 0.3;\n width: 3px;\n}\n.challenges__drawer::-webkit-scrollbar-button, .challenges__drawer *::-webkit-scrollbar-button {\n display: none;\n}\n.challenges__backdrop {\n border: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: var(--emw--color-gray-backdrop, rgba(0, 0, 0, 0.6));\n box-shadow: -5px 0 0 0 var(--emw--color-gray-backdrop, rgba(0, 0, 0, 0.6));\n z-index: 301;\n opacity: 1;\n}\n\n.notification {\n display: flex;\n position: fixed;\n z-index: 400;\n align-items: center;\n bottom: 76px;\n right: 0;\n padding: 24px;\n gap: 12px;\n max-width: 445px;\n box-sizing: border-box;\n border-radius: 20px 0 0 20px;\n border-top: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n border-bottom: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n border-left: 1px solid var(--emw--status-badge-success-color, #d6fff0);\n background: var(--emw--background-success-notification, linear-gradient(112deg, rgba(74, 255, 135, 0.2) 0%, rgba(74, 255, 135, 0) 100%));\n backdrop-filter: blur(16px);\n color: var(--emw--color-white, #ffffff);\n font-family: var(--emw--font-family-primary, \"Teachers\"), sans-serif;\n}\n.notification.errored {\n border-top: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n border-bottom: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n border-left: 1px solid var(--emw--status-badge-red-bg, #d63d1e);\n background: var(--emw--background-error-notification, rgba(9, 9, 9, 0.4));\n}\n.notification .row {\n display: flex;\n align-items: flex-start;\n}\n.notification__icon {\n width: 18px;\n height: 18px;\n margin-right: 12px;\n}\n.notification__message {\n margin: 0;\n font-size: var(--emw--font-size-medium, 16px);\n font-weight: var(--emw--font-weight-medium, 500);\n}\n.notification__message .active-tab {\n color: var(--emw--border-success-color, #00b74f);\n text-decoration-line: underline;\n cursor: pointer;\n}\n\ncasino-challenges-overlay-drawer-details {\n flex: 1;\n}\n\n@container challenges-game-page (width <= 1430px) {\n .challenges__drawer {\n width: 40%;\n left: 45px;\n }\n}\n@container challenges-game-page (width <= 1250px) {\n .challenges__drawer {\n width: 45%;\n }\n}\n@container challenges-game-page (width <= 1000px) {\n .challenges__drawer {\n width: 50%;\n left: 25px;\n }\n}\n@container challenges-game-page (width <= 800px) {\n .challenges__drawer__content {\n padding: 20px 0 0;\n }\n}\n@container challenges-game-page (height <= 850px) {\n .challenges__drawer {\n bottom: 36px;\n height: calc(100% - 20px - 36px);\n }\n .challenges__drawer .content-spacer {\n margin-bottom: 18px;\n }\n}\n@container challenges-drawer (height <= 760px) {\n .challenges__drawer .content-spacer {\n margin-bottom: 12px;\n }\n}";
|
|
395
395
|
const CasinoChallengesOverlayDrawerStyle0 = casinoChallengesOverlayDrawerCss;
|
|
396
396
|
|
|
397
397
|
const CasinoChallengesOverlayDrawer = class {
|
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { C as CasinoChallengesOverlayDrawer } from './casino-challenges-overlay-drawer-
|
|
1
|
+
export { C as CasinoChallengesOverlayDrawer } from './casino-challenges-overlay-drawer-8f04dcba.js';
|
|
2
2
|
import './index-25fd45d2.js';
|