@everymatrix/casino-challenges-list 1.80.11 → 1.80.13
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-list/casino-challenge-card_3.entry.js +1 -1
- package/dist/casino-challenges-list/{casino-challenges-list-0f422465.js → casino-challenges-list-2f7889c4.js} +1 -1
- package/dist/casino-challenges-list/casino-challenges-list.esm.js +1 -1
- package/dist/casino-challenges-list/index.esm.js +1 -1
- package/dist/cjs/casino-challenge-card_3.cjs.entry.js +91 -66
- package/dist/cjs/{casino-challenges-list-4129c1e3.js → casino-challenges-list-4fa5138e.js} +1 -1
- package/dist/cjs/casino-challenges-list.cjs.js +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/casino-challenges-list/casino-challenges-list.css +3 -3
- package/dist/esm/casino-challenge-card_3.entry.js +92 -67
- package/dist/esm/{casino-challenges-list-0f422465.js → casino-challenges-list-2f7889c4.js} +1 -1
- package/dist/esm/casino-challenges-list.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,c as t,h as i,H as n}from"./index-d84ca385.js";import{s as r,a as o,b as M}from"./casino-challenges-list-0f422465.js";export{C as casino_challenges_list}from"./casino-challenges-list-0f422465.js";const s=["ro","en","fr","ar","hr"],a={en:{totalLevels:"Total levels:",level1:"Level 1:",get:"Get:",endsIn:"Ends In",expired:"Expired",viewDetails:"View details",placeBetsOf:"Place bets of",place:"Place",bet:"bet",bets:"bets",minBet:"min bet",forfeited:"Forfeited",finished:"Finished",suspended:"Suspended",start:"Start",resume:"Resume",pause:"Pause",new:"New"},ro:{totalLevels:"Niveluri totale:",level1:"Nivel 1:",get:"Obține:",endsIn:"Se termină în",expired:"Expirat",viewDetails:"Vezi detalii",placeBetsOf:"Plasează pariuri de",place:"Plasare",bet:"pariu",bets:"pariuri",minBet:"pariu minim",forfeited:"Pierdut",finished:"Terminat",suspended:"Suspendat",start:"Start",resume:"Reia",pause:"Pauză"},fr:{totalLevels:"Niveaux totaux :",level1:"Niveau 1 :",get:"Obtenir :",endsIn:"Se termine dans",expired:"Expiré",viewDetails:"Voir les détails",placeBetsOf:"Placez des paris de",place:"Placer",bet:"pari",bets:"paris",minBet:"mise minimale",forfeited:"Forfait",finished:"Terminé",suspended:"Suspendu",start:"Démarrer",resume:"Reprendre",pause:"Pause"},ar:{totalLevels:"إجمالي المستويات:",level1:"المستوى 1:",get:"احصل على:",endsIn:"ينتهي في",expired:"منتهي الصلاحية",viewDetails:"عرض التفاصيل",placeBetsOf:"قم بوضع رهانات بقيمة",place:"ضع",bet:"رهان",bets:"رهانات",minBet:"الحد الأدنى للرهان",forfeited:"خاسر",finished:"منتهي",suspended:"معلق",start:"ابدأ",resume:"استئناف",pause:"إيقاف مؤقت"},hr:{totalLevels:"Ukupno razina:",level1:"Razina 1:",get:"Dobiti:",endsIn:"Završava za",expired:"Isteklo",viewDetails:"Pogledaj detalje",placeBetsOf:"Postavite oklade od",place:"Postavi",bet:"kladnja",bets:"kladnje",minBet:"minimalna oklada",forfeited:"Oduzeto",finished:"Završeno",suspended:"Suspendirano",start:"Počni",resume:"Nastavi",pause:"Pauza"}},g=(e,t)=>{const i=t;return a[void 0!==i&&s.includes(i)?i:"en"][e]};var l,N,c,D,d;!function(e){e[e.Accumulative=0]="Accumulative",e[e.SingleBet=1]="SingleBet",e[e.MultipleOneBetSize=2]="MultipleOneBetSize"}(l||(l={})),function(e){e[e.Single=0]="Single",e[e.Daily=1]="Daily",e[e.Weekly=2]="Weekly",e[e.Monthly=3]="Monthly"}(N||(N={})),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"}(c||(c={})),function(e){e[e.Closed=0]="Closed",e[e.InProgress=1]="InProgress",e[e.Fillup=2]="Fillup",e[e.Completed=3]="Completed"}(D||(D={})),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"}(d||(d={}));const u=["started","inProgress","pendingLevelReward","completed","expired","forfeited","awaiting","paused"];var j,h;!function(e){e[e.GameLaunch=0]="GameLaunch",e[e.Reward=1]="Reward",e[e.Manual=2]="Manual"}(j||(j={})),function(e){e[e.Period=0]="Period",e[e.Date=1]="Date"}(h||(h={}));const I=class{constructor(n){e(this,n),this.timerExpired=t(this,"timerExpired",7),this.calculateTargetValue=(e,t)=>{var i;if(!e)return"";const n=(null===(i=e.BetRange)||void 0===i?void 0:i.MinBet)?`, ${g("minBet",this.language)} ${t+e.BetRange.MinBet}`:"";switch(e.LevelTargetType){case l.Accumulative:return`${g("placeBetsOf",this.language)} ${t+e.DisplayCurrencyTargetTurnover+n}`;case l.SingleBet:return`${g("place",this.language)} ${t+e.TargetTurnover} ${g("bet",this.language)}`;case l.MultipleOneBetSize:return`${g("place",this.language)} ${e.TargetBetCount} ${g("bets",this.language)+n}`}},this.onMouseEnterHandler=(e,t)=>{t.scrollWidth>t.clientWidth&&(this.tooltipIndex=e)},this.onMouseLeaveHandler=()=>{this.tooltipIndex=null},this.getBadgeContent=()=>{switch(this.challenge.Status){case d.Expired:return g("expired",this.language);case d.Forfeited:return g("forfeited",this.language);case d.Completed:return g("finished",this.language);case d.Paused:return g("suspended",this.language);default:return this.timeLeft?[g("endsIn",this.language)," - ",i("span",null,this.timeLeft)]:g("expired",this.language)}},this.goToDetailsPage=e=>()=>{window.postMessage({type:"GoToDetailsPage",info:{challengeId:e,activeTabIndex:this.activeTabIndex}},window.location.href)},this.checkAttrs=()=>(this.endpoint||(this.error="Endpoint is missing! Please provide a valid endpointURL.",this.hasError=!0,console.error(this.error)),this.hasError),this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.endpoint="",this.domain="",this.session="",this.challenge=void 0,this.isUserAuthorized=!0,this.activeTabIndex=0,this.userId="",this.tooltipIndex=null,this.timeLeft=void 0,this.error="",this.hasError=!1,this.actionLoading=!1}get infoItems(){var e,t,i,n,r,o;let M=null===(e=this.challenge)||void 0===e?void 0:e.LevelProgresses.find((e=>0===e.OrderNumber));if(this.isUserAuthorized&&(M=null!==(i=null===(t=this.challenge)||void 0===t?void 0:t.LevelProgresses.find((e=>e.ProgressStatus===D.InProgress)))&&void 0!==i?i:M),M){const e=null===(n=M.Rewards)||void 0===n?void 0:n.slice(0,2).map((e=>e.RewardDescription)).join(" + ");return[{lable:g("totalLevels",this.language),value:(null===(r=this.challenge.LevelProgresses)||void 0===r?void 0:r.length)||"-"},{lable:g("level1",this.language),value:this.calculateTargetValue(M,null===(o=this.challenge)||void 0===o?void 0:o.CurrencySymbol)||"-"},{lable:g("get",this.language),value:e||"-"}]}return[]}handleClientStylingChange(e,t){e!=t&&r(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(e,t){e!=t&&o(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(e,t){e!=t&&M(this.stylingContainer,`${this.mbSource}.Style`)}connectedCallback(){this.timerId=setInterval((()=>{this.updateTime()}),1e3)}componentWillLoad(){this.translationUrl&&(async e=>{if(e)try{const i=await fetch(e);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);const n=await i.json();t=n,Object.keys(t).forEach((e=>{for(let i in t[e])a[e][i]=t[e][i]}))}catch(e){console.error("Failed to fetch or parse translations from URL:",e)}var t})(this.translationUrl),this.updateTime()}componentDidLoad(){this.stylingContainer&&(this.mbSource&&M(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&r(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&o(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe(),clearInterval(this.timerId)}updateTime(){var e;this.timeLeft=function(e){const t=new Date;let i=new Date(e).getTime()-t.getTime();if(i<=0)return;const n=Math.floor(i/864e5);i-=864e5*n;const r=Math.floor(i/36e5);i-=36e5*r;const o=Math.floor(i/6e4);i-=6e4*o;const M=Math.floor(i/1e3),s=e=>e.toString().padStart(2,"0");return`${s(n)} : ${s(r)} : ${s(o)} : ${s(M)}`}(null===(e=this.challenge)||void 0===e?void 0:e.ExpirationTime),!this.timeLeft&&this.timerExpired&&(clearInterval(this.timerId),this.challenge.Status=d.Expired,this.timerExpired.emit(this.challenge.Id))}renderInfoItem(e,t){return i("div",{class:`info-item ${this.isChallengeGrayed}`,onMouseEnter:e=>this.onMouseEnterHandler(t,e.currentTarget),onMouseLeave:this.onMouseLeaveHandler},i("span",{class:"info-item__label"},e.lable),e.value,this.tooltipIndex===t&&i("div",{class:"info-item__tooltip"},e.value))}get getCardBadge(){return i("div",{class:`card__badge ${u[this.challenge.Status]}`},this.getBadgeContent())}get isChallengeGrayed(){return[d.Expired,d.Forfeited,d.Completed].includes(this.challenge.Status)?"grayed":""}get getChallengeProgress(){var e;const t=null===(e=this.challenge)||void 0===e?void 0:e.LevelProgresses.find((e=>e.ProgressStatus===D.InProgress));if(!this.isUserAuthorized||!t)return null;const{Status:n,LevelProgresses:r}=this.challenge;if(n===d.Expired||n===d.Started)return i("div",{class:"progress__placeholder"});const o=n===d.Paused?g("suspended",this.language):n===d.Completed?g("finished",this.language):`${t.ProgressPercentage}%`,M=!r.some((e=>e.OrderNumber>t.OrderNumber)),s=n===d.Completed?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNjI4NzQgMTAuMTI1VjExLjI2MzNDOC42Mjg3NCAxMS4yNjMzIDguMTQ0MTcgMTEuNzYzMiA1Ljk5OTkyIDExLjc2MzJDMy44NTU2NiAxMS43NjMyIDMuMzcxMDkgMTEuMjYzMyAzLjM3MTA5IDExLjI2MzNWMTAuMTI1SDguNjI4NzRaIiBmaWxsPSIjRTZBNDVFIi8+CjxwYXRoIGQ9Ik04LjYyODggMTAuMTI1VjExLjI2MzNDOC42Mjg4IDExLjI2MzMgOC4xNDQyMyAxMS43NjMyIDUuOTk5OTggMTEuNzYzMkM1LjI4MzMxIDExLjc2MzIgNC43NTIwNSAxMS43MDczIDQuMzYyMyAxMS42MzNDNi4zMTYxMiAxMS43NTk0IDguNjI4OCAxMC4xMjUgOC42Mjg4IDEwLjEyNVoiIGZpbGw9IiNEODkyNEUiLz4KPHBhdGggZD0iTTQuODg2OSA5LjU3NDcxQzMuOTkxNDEgOS42NzE1MyAzLjM3MTA5IDkuODgxNTYgMy4zNzEwOSAxMC4xMjUxQzMuMzcxMDkgMTAuNDYwNSA0LjU0ODA2IDEwLjczMjQgNS45OTk5MiAxMC43MzI0QzcuNDUxNzggMTAuNzMyNCA4LjYyODc0IDEwLjQ2MDUgOC42Mjg3NCAxMC4xMjUxQzguNjI4NzQgOS44ODE1OCA4LjAwODU0IDkuNjcxNTcgNy4xMTMyIDkuNTc0NzRMNC44ODY5IDkuNTc0NzFaIiBmaWxsPSIjRkZFRENDIi8+CjxwYXRoIGQ9Ik01LjQzMTA2IDcuMTE0MjZWOC4yNzk0NkM1LjQzMTA2IDkuMDMyNzYgNC45NjYzMyA5LjcwNzk2IDQuMjYyNyA5Ljk3Njk1QzQuMjYyNyA5Ljk3Njk1IDQuNjQ1NjcgMTAuMjgxOSA2LjAwMDIzIDEwLjI4MTlDNy4zNTQ3OSAxMC4yODE5IDcuNzM3NzYgOS45NzY5NSA3LjczNzc2IDkuOTc2OTVDNy4wMzQxMyA5LjcwNzk2IDYuNTY5MzkgOS4wMzI3NiA2LjU2OTM5IDguMjc5NDZWNy4xMTQyNkg1LjQzMTA2WiIgZmlsbD0iI0Y3RDE3RiIvPgo8cGF0aCBkPSJNMi45MTQwNiAwLjc4MzY5MUMyLjkxNDA2IDQuMzEyNjcgMy42MDEyIDcuMzQ4NzMgNS45OTk5NCA3LjM0ODczQzguMzk4NjcgNy4zNDg3MyA5LjA4NTgxIDQuMzEyNjcgOS4wODU4MSAwLjc4MzY5MUgyLjkxNDA2WiIgZmlsbD0iI0VBQjE2NiIvPgo8cGF0aCBkPSJNMi45NDQzNiAyLjAwMjc3SDEuMTU3MDlDMS4wNTkwNiAyLjAwMjc3IDAuOTg2NjMyIDIuMDkxNjcgMS4wMDcwNyAyLjE4NzU1QzEuMTQwODMgMi44MTUyIDEuNzEwNjUgNC44NTM2NCAzLjU0MDk3IDUuMzQ1NTlMMy44NTU3OCA2LjAxNTMzQzEuMjEwODYgNS4zNjYyOSAwLjUzMjQyNiAzLjEyNTYxIDAuMzU4NDA2IDIuMDIyMDVDMC4zMDY3NjEgMS42OTQ1NCAwLjU1Mzc2MyAxLjM5Nzk1IDAuODg1MzIxIDEuMzk3OTVIMi45MjE1MkwyLjk0NDM2IDIuMDAyNzdaIiBmaWxsPSIjRjdEMTdGIi8+CjxwYXRoIGQ9Ik05LjA1NTk0IDIuMDAyNzdIMTAuODQzMkMxMC45NDEyIDIuMDAyNzcgMTEuMDEzNyAyLjA5MTY3IDEwLjk5MzIgMi4xODc1NUMxMC44NTk1IDIuODE1MiAxMC4yODk3IDQuODUzNjQgOC40NTkzNCA1LjM0NTU5TDguMTQ0NTMgNi4wMTUzM0MxMC43ODk0IDUuMzY2MjkgMTEuNDY3OSAzLjEyNTYxIDExLjY0MTkgMi4wMjIwNUMxMS42OTM1IDEuNjk0NTQgMTEuNDQ2NSAxLjM5Nzk1IDExLjExNSAxLjM5Nzk1SDkuMDc4NzlMOS4wNTU5NCAyLjAwMjc3WiIgZmlsbD0iI0Y3RDE3RiIvPgo8cGF0aCBkPSJNNS45OTk5NCAxLjMyNjE3QzcuNzA0MjIgMS4zMjYxNyA5LjA4NTgxIDEuMDgyMzEgOS4wODU4MSAwLjc4MTQ5NUM5LjA4NTgxIDAuNDgwNjc3IDcuNzA0MjIgMC4yMzY4MTYgNS45OTk5NCAwLjIzNjgxNkM0LjI5NTY1IDAuMjM2ODE2IDIuOTE0MDYgMC40ODA2NzcgMi45MTQwNiAwLjc4MTQ5NUMyLjkxNDA2IDEuMDgyMzEgNC4yOTU2NSAxLjMyNjE3IDUuOTk5OTQgMS4zMjYxN1oiIGZpbGw9IiNFNkE0NUUiLz4KPHBhdGggZD0iTTguODIzNjYgMC43ODM2OTFDNy44OTgxOSA3LjAxNjg0IDQuNjE1NzcgNi41NzYxNyA0LjE5MDkyIDYuNDk4NThDNC42NDE1IDcuMDM2OCA1LjIzMzAxIDcuMzQ4NzIgNi4wMDA0MyA3LjM0ODcyQzguMzk5MTYgNy4zNDg3MiA5LjA4NjMgNC4zMTI2NyA5LjA4NjMgMC43ODM2OTFIOC44MjM2NloiIGZpbGw9IiNFNkE0NUUiLz4KPHBhdGggZD0iTTQuNjQyNCAwLjI5MzQ1N0MzLjYyMDA4IDAuMzgyMDYzIDIuOTE0MDYgMC41NjY3NDQgMi45MTQwNiAwLjc4MTM2NUMyLjkxNDA2IDEuMDAxOTQgMy42NTg3OSAxLjE5MTIxIDQuNzI3MTcgMS4yNzY3NUM0LjY3NTggMC45NTA3ODEgNC42NDY1MSAwLjYyMjIxOSA0LjY0MjQgMC4yOTM0NTdaIiBmaWxsPSIjRDg5MjRFIi8+CjxwYXRoIGQ9Ik02LjIyNTQ4IDIuNjAzNjlMNi4zOTQ5IDMuMTI1MTFDNi40MjY2MiAzLjIyMjc1IDYuNTE3NjEgMy4yODg4NiA2LjYyMDI3IDMuMjg4ODZINy4xNjg1M0M3LjM5ODA5IDMuMjg4ODYgNy40OTM1NCAzLjU4MjYxIDcuMzA3ODIgMy43MTc1NUw2Ljg2NDI3IDQuMDM5ODFDNi43ODEyMSA0LjEwMDE1IDYuNzQ2NDYgNC4yMDcxMSA2Ljc3ODE4IDQuMzA0NzVMNi45NDc2MSA0LjgyNjE4QzcuMDE4NTQgNS4wNDQ1IDYuNzY4NjYgNS4yMjYwNiA2LjU4Mjk0IDUuMDkxMTJMNi4xMzkzOSA0Ljc2ODg2QzYuMDU2MzMgNC43MDg1MiA1Ljk0Mzg3IDQuNzA4NTIgNS44NjA4MSA0Ljc2ODg2TDUuNDE3MjYgNS4wOTExMkM1LjIzMTU0IDUuMjI2MDYgNC45ODE2NSA1LjA0NDUgNS4wNTI1OSA0LjgyNjE4TDUuMjIyMDEgNC4zMDQ3NUM1LjI1Mzc0IDQuMjA3MTEgNS4yMTg5OCA0LjEwMDE1IDUuMTM1OTMgNC4wMzk4MUw0LjY5MjM4IDMuNzE3NTVDNC41MDY2NiAzLjU4MjYxIDQuNjAyMSAzLjI4ODg2IDQuODMxNjcgMy4yODg4Nkg1LjM3OTkzQzUuNDgyNTkgMy4yODg4NiA1LjU3MzU4IDMuMjIyNzUgNS42MDUzIDMuMTI1MTFMNS43NzQ3MiAyLjYwMzY5QzUuODQ1NjYgMi4zODUzNiA2LjE1NDU0IDIuMzg1MzYgNi4yMjU0OCAyLjYwMzY5WiIgZmlsbD0iI0Q4OTI0RSIvPgo8cGF0aCBkPSJNNi4yMjU0OCAyLjUwOTk0TDYuMzk0OSAzLjAzMTM2QzYuNDI2NjIgMy4xMjkgNi41MTc2MSAzLjE5NTExIDYuNjIwMjcgMy4xOTUxMUg3LjE2ODUzQzcuMzk4MDkgMy4xOTUxMSA3LjQ5MzU0IDMuNDg4ODYgNy4zMDc4MiAzLjYyMzhMNi44NjQyNyAzLjk0NjA2QzYuNzgxMjEgNC4wMDY0IDYuNzQ2NDYgNC4xMTMzNiA2Ljc3ODE4IDQuMjExTDYuOTQ3NjEgNC43MzI0M0M3LjAxODU0IDQuOTUwNzUgNi43Njg2NiA1LjEzMjMxIDYuNTgyOTQgNC45OTczN0w2LjEzOTM5IDQuNjc1MTFDNi4wNTYzMyA0LjYxNDc3IDUuOTQzODcgNC42MTQ3NyA1Ljg2MDgxIDQuNjc1MTFMNS40MTcyNiA0Ljk5NzM3QzUuMjMxNTQgNS4xMzIzMSA0Ljk4MTY1IDQuOTUwNzUgNS4wNTI1OSA0LjczMjQzTDUuMjIyMDEgNC4yMTFDNS4yNTM3NCA0LjExMzM2IDUuMjE4OTggNC4wMDY0IDUuMTM1OTMgMy45NDYwNkw0LjY5MjM4IDMuNjIzOEM0LjUwNjY2IDMuNDg4ODYgNC42MDIxIDMuMTk1MTEgNC44MzE2NyAzLjE5NTExSDUuMzc5OTNDNS40ODI1OSAzLjE5NTExIDUuNTczNTggMy4xMjkgNS42MDUzIDMuMDMxMzZMNS43NzQ3MiAyLjUwOTk0QzUuODQ1NjYgMi4yOTE2MSA2LjE1NDU0IDIuMjkxNjEgNi4yMjU0OCAyLjUwOTk0WiIgZmlsbD0iI0ZGRURDQyIvPgo8L3N2Zz4K":M?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNjQ0NTQgMTIuMTI2MkMxLjU5ODQyIDEyLjEyNzkgMS41NTEyOSAxMi4xMjI3IDEuNTA0MzIgMTIuMTA5OUMxLjI1NzU3IDEyLjA0MjEgMS4xMTI0OSAxMS43ODcyIDEuMTgwMjIgMTEuNTQwM0wzLjUzMDE2IDIuOTU4N0MzLjU5NzkxIDIuNzEyMSAzLjg1MjIyIDIuNTY2NzQgNC4wOTk3MyAyLjYzNDZDNC4zNDY0NyAyLjcwMjM0IDQuNDkxNTUgMi45NTcyNyA0LjQyMzgyIDMuMjA0MTZMMi4wNzM4OCAxMS43ODU4QzIuMDE5MDIgMTEuOTg1NSAxLjg0MTIzIDEyLjExODggMS42NDQ1NCAxMi4xMjYyWiIgZmlsbD0iIzM2QkEzQiIvPgo8cGF0aCBkPSJNMS41NjMwNCAxMS4yNjM0QzEuNTQ3NjggMTEuMjYzOSAxLjUzMTk4IDExLjI2MjIgMS41MTYzMyAxMS4yNTc5QzEuNDM0MTQgMTEuMjM1NCAxLjM4NTgyIDExLjE1MDUgMS40MDgzOCAxMS4wNjgyTDMuNjU4MTMgMi45MTUwM0MzLjY4MDY5IDIuODMyODkgMy43NjU0MSAyLjc4NDQ3IDMuODQ3ODUgMi44MDcwN0MzLjkzMDA0IDIuODI5NjMgMy45NzgzNyAyLjkxNDU1IDMuOTU1OCAyLjk5Njc5TDEuNzA2MDUgMTEuMTVDMS42ODc3OCAxMS4yMTY1IDEuNjI4NTYgMTEuMjYwOSAxLjU2MzA0IDExLjI2MzRaIiBmaWxsPSIjQkNGQ0IxIiBmaWxsLW9wYWNpdHk9IjAuMSIvPgo8cGF0aCBkPSJNMTIuNTE5MyAxMi43OTMyTDEwLjcyNjEgMTMuMDIzNEM5LjM2MTczIDEzLjE5ODYgNy45NzM2MSAxMi43MjIyIDcuMDkzMzkgMTEuNjY1Mkw3LjA0Nzc5IDExLjYxMDRDNi4zMjg0MyAxMC43NDY2IDUuMzA5MzEgMTAuMTY1NCA0LjE4NjU2IDEwLjEwOTFMMi4zNjIzOSAxMC4wMTc2TDIuMzA0NjkgOS45NTk4OEw0LjIyOTY5IDMuMTg0NTdMNi4wOTMxMiAzLjI4MzY3QzcuMjIxNjkgMy4zNDM2OCA4LjI3Mjk3IDMuODc1NjIgOC45ODk4MSA0Ljc0OTM1QzkuODY4OTIgNS44MjA4NyAxMS4yMzc3IDYuMzY0NDUgMTIuNjEyNCA2LjE4Nzk4TDE0LjMzODIgNS44OTc2N0wxNC4zODY2IDUuOTYwMjNMMTIuNTE5MyAxMi43OTMyWiIgZmlsbD0iI0JDRkNCMSIgZmlsbC1vcGFjaXR5PSIwLjEiLz4KPHBhdGggZD0iTTEyLjQ2MTYgMTIuNzM1NkwxMC42Njg0IDEyLjk2NThDOS4zMDQwMyAxMy4xNDA5IDcuOTQ0NzYgMTIuNjA2OSA3LjA2NDU0IDExLjU0OTlMNy4wMTg5NCAxMS40OTUxQzYuMjk5NTggMTAuNjMxMiA1LjI1MTYxIDEwLjEwNzggNC4xMjg4NiAxMC4wNTE0TDIuMzA0NjkgOS45NTk5Nkw0LjE3MTk5IDMuMTI2OTVMNi4wMzU0MiAzLjIyNjA1QzcuMTYzOTkgMy4yODYwNyA4LjIxNTI4IDMuODE4IDguOTMyMTEgNC42OTE3NEM5LjgxMTIyIDUuNzYzMjYgMTEuMTggNi4zMDY4MyAxMi41NTQ3IDYuMTMwMzZMMTQuMzI4OSA1LjkwMjYxTDEyLjQ2MTYgMTIuNzM1NloiIGZpbGw9IiNCRUZGQkEiLz4KPHBhdGggZD0iTTEwLjQ4NDYgMTAuNzE2NEMxMC4wOTEzIDEwLjY4NTMgOS43MDIzOSAxMC42MDM4IDkuMzMzNjggMTAuNDU5NUM4LjgxMjM1IDEwLjI1NTIgOC4zNDIzNyA5LjkzNzIxIDcuOTQ4OTEgOS41NDA0Nkw4LjU4MTY5IDcuMjI1MDNDOC45NzYwNyA3LjYyMTkxIDkuNDQ2ODcgNy45Mzk4OSA5Ljk2OTE0IDguMTQzODhDMTAuMzM2OCA4LjI4NzUzIDEwLjcyNDIgOC4zNzM3NSAxMS4xMTYzIDguNDA0OTVMMTAuNDg0NiAxMC43MTY0Wk01LjY0NTA3IDcuOTM5MDJDNS4zNjg1OCA3Ljg2MjgzIDUuMDgzMjEgNy44MTQ2NCA0Ljc5Mjc4IDcuNzk5MThMMi45MzAxOCA3LjcwMDA0TDMuNTYzMTMgNS4zODM4Nkw1LjQyNzM5IDUuNDgzMDFDNS43MTczIDUuNDk4NCA2LjAwMjE1IDUuNTQ2NDkgNi4yNzgxNSA1LjYyMjUyTDUuNjQ1MDcgNy45MzkwMlpNOC45NDEzNyA0LjY4NjgyQzkuMDIxNjggNC43ODQ3MyA5LjEwODM1IDQuODc1NTMgOS4xOTY0OCA0Ljk2NDQ3TDkuMTkyMjUgNC45NjMzNUw4LjU3ODA2IDcuMjEwNzdDOC41MDI3OSA3LjEzNDU0IDguNDI1MzYgNy4wNjAzOSA4LjM1NjM0IDYuOTc4MTlMOC4zMjcwNCA2Ljk0Mjg0QzcuNzk3MzUgNi4yOTcyMiA3LjA4MDM2IDUuODM4IDYuMjg2OTYgNS42MTc4MUw2LjkwMzI5IDMuMzYyNTVDNy42OTYyMSAzLjU4MTkyIDguNDEwNjggNC4wMzk5OSA4Ljk0MTM3IDQuNjg2ODJaTTcuMDczNzggMTEuNTQ0OUw3LjAyODE5IDExLjQ5MDJDNi41MDUzNiAxMC44NjIzIDUuODA3ODYgMTAuNDE3MyA1LjAzNTMgMTAuMTk3OEw1LjY1MDA3IDcuOTQ4MjNDNi40NDIwNCA4LjE2Nzk1IDcuMTU3NzQgOC42MjYzNCA3LjY4NjUxIDkuMjcwODNMNy43MTE0NCA5LjMwMDk4QzcuNzgyODQgOS4zODYyOSA3Ljg2Mjc3IDkuNDYzNDcgNy45NDA4NiA5LjU0MjM5TDcuMzIxMDQgMTEuODEwNEM3LjIzNTkgMTEuNzI1MSA3LjE1MTczIDExLjYzODUgNy4wNzM3OCAxMS41NDQ5Wk0xMi40NzA5IDEyLjczMDdMMTAuNjc3NiAxMi45NjA5QzEwLjUwNjQgMTIuOTgyOSAxMC4zMzUxIDEyLjk5MzcgMTAuMTY1IDEyLjk5MzdDMTAuMDY3NCAxMi45OTM3IDkuOTcwODcgMTIuOTg0NyA5Ljg3NDEzIDEyLjk3NzdMMTAuNDg4OCAxMC43Mjg4QzEwLjU5MjkgMTAuNzM2OSAxMC42OTczIDEwLjc0MzMgMTAuODAxOCAxMC43NDMzQzEwLjk3MjMgMTAuNzQzMyAxMS4xNDI5IDEwLjczMjUgMTEuMzEyMyAxMC43MTA3TDEzLjA4NTEgMTAuNDgzMUwxMi40NzA5IDEyLjczMDdaTTEzLjcyMjEgOC4xNTIxOEwxMS45NDY0IDguMzgwMTJDMTEuNjc0MSA4LjQxNDg4IDExLjM5OTcgOC40MTQzIDExLjEyNyA4LjM5MzI5TDExLjc0MjUgNi4xNDEwOEMxMS44NDUyIDYuMTQ5IDExLjk0NzYgNi4xNTgyNSAxMi4wNTEyIDYuMTU4MjVDMTIuMjIxNSA2LjE1ODI1IDEyLjM5MjYgNi4xNDc0NCAxMi41NjM5IDYuMTI1NDRMMTQuMzM4MiA1Ljg5NzY5TDEzLjcyMjEgOC4xNTIxOFoiIGZpbGw9IiMzNkJBM0IiLz4KPC9zdmc+Cg==":"";return i("div",{class:{progress:!0,paused:n===d.Paused,grayed:n===d.Forfeited}},i("div",{class:{progress__point:!0,start:!0,hidden:n===d.Completed}},t.OrderNumber+1),i("div",{class:{progress__bar:!0,finished:n===d.Completed},style:{width:`${t.ProgressPercentage}%`}},o),i("div",{class:{progress__point:!0,end:!0,finished:n===d.Completed}},s?i("img",{class:"progress__icon",src:s}):t.OrderNumber+2))}get getCardButton(){if(this.isUserAuthorized){if(this.challenge.Status===d.Started)return i("button",{class:"card__button filled",disabled:this.actionLoading,onClick:()=>this.joinUnjoinProgress(!0)},g("start",this.language));if(this.challenge.Status===d.Paused)return i("button",{class:"card__button grayed",disabled:this.actionLoading,onClick:()=>this.joinUnjoinProgress(!0)},g("resume",this.language));if(this.challenge.Status===d.InProgress||this.challenge.Status===d.PendingLevelReward)return i("button",{class:"card__button grayed",disabled:this.actionLoading,onClick:()=>this.joinUnjoinProgress(!1)},g("pause",this.language))}return i("button",{class:"card__button",onClick:this.goToDetailsPage(this.isUserAuthorized?this.challenge.ChallengeId:this.challenge.Id)},g("viewDetails",this.language))}async joinUnjoinProgress(e){var t;const i=null===(t=this.challenge)||void 0===t?void 0:t.LevelProgresses.find((e=>e.ProgressStatus===D.InProgress));if(!this.checkAttrs()){const t=`${this.endpoint}/challenge/ChangeProgressStatus`,n=Object.assign(Object.assign(Object.assign({DomainId:this.domain},this.session&&{PlayerSessionId:this.session}),this.userId&&{InternalUserId:this.userId}),e?{ProgressToActivate:i.LevelId}:{ProgressToDeactivate:i.LevelId});return this.actionLoading=!0,fetch(t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n)}).then((e=>e.json())).finally((()=>this.actionLoading=!1))}}renderNewLabel(){return i("div",{class:"new-label"},i("span",null,g("new",this.language)))}render(){var e,t,n,r;return i("div",{key:"b2250b74947a3e145e81535e912a5507b54fba19",ref:e=>this.stylingContainer=e},i("div",{key:"8520e09fb2861b21717f8f971576b023259cf126",class:"card"},i("img",{key:"71709558d9ee5a7dc4c08ff108e9c9df8d38bf74",class:`card__image ${this.isChallengeGrayed}`,src:null===(t=null===(e=this.challenge)||void 0===e?void 0:e.ChallengePresentation)||void 0===t?void 0:t.BannerUrl}),this.getCardBadge,this.challenge.IsNew&&this.renderNewLabel(),i("div",{key:"b221a56e5dd0c879819ee64ce5a461fe50c7cedc",class:"card__content"},i("h1",{key:"4c0abf09924267b65ccf1694a648078d9bf03450",class:"card__title"},null===(r=null===(n=this.challenge)||void 0===n?void 0:n.ChallengePresentation)||void 0===r?void 0:r.PresentationName),this.getChallengeProgress,this.infoItems.map(((e,t)=>this.renderInfoItem(e,t))),this.getCardButton)))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};I.style='.card {\n width: 308px;\n border-radius: 16px;\n border: 2px solid var(--emw--button-border-color, rgba(221, 255, 207, 0.1019607843));\n background-color: var(--emw--color-background, #141515);\n box-sizing: border-box;\n position: relative;\n}\n@container challenges-container (max-width: 670px) {\n .card {\n width: 100%;\n }\n}\n.card:hover {\n background: linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%);\n cursor: pointer;\n}\n.card__image {\n width: 100%;\n height: 200px;\n border-radius: 16px 16px 0 0;\n object-fit: cover;\n}\n@container challenges-container (max-width: 576px) {\n .card__image {\n height: 224px;\n }\n}\n.card__image.grayed {\n opacity: 0.6;\n}\n.card__title {\n color: var(--emw--color-white, #FFFFFF);\n font-size: var(--emw--font-size-medium, 16px);\n height: 39px;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0 0 10px;\n}\n.card__content {\n padding: 20px;\n}\n.card__button {\n margin-top: 20px;\n width: 100%;\n height: 34px;\n background: transparent;\n text-transform: uppercase;\n border-radius: var(--emw--button-border-radius, 99px);\n border: 2px solid var(--emw--button-border-color, #727672);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-secondary, #e9931e);\n}\n.card__button:hover {\n border-color: var(--emw--color-secondary, #e9931e);\n cursor: pointer;\n}\n.card__button.filled {\n background-color: var(--emw--button-background-primary-color, #18CE51);\n color: var(--emw--color-white, #FFFFFF);\n border-color: var(--emw--color-gray-300, #083B17);\n}\n.card__button.filled:hover {\n color: var(--emw--color-gray-300, #083B17);\n border-color: transparent;\n box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);\n}\n.card__button.grayed {\n color: var(--emw--color-gray-50, #E2E2E2);\n}\n.card__button.grayed:hover {\n color: var(--emw--color-white, #FFFFFF);\n border-color: var(--emw--button-primary-border, #24B24E);\n}\n.card__button:hover {\n border-color: var(--emw--color-secondary, #e9931e);\n cursor: pointer;\n}\n.card__button:disabled, .card__button:disabled:hover {\n color: var(--emw--color-gray-50, #E2E2E2);\n cursor: not-allowed;\n border: 2px solid var(--emw--button-border-color, #727672);\n opacity: 0.7;\n}\n.card__badge {\n position: absolute;\n background: var(--emw--color-white, #FFFFFF);\n top: 6px;\n right: 6px;\n border-radius: 30px;\n padding: 2px 12px;\n line-height: 22px;\n font-weight: var(--emw--font-weight-medium, 500);\n font-size: var(--emw--font-size-x-small, 12px);\n box-shadow: 0 4px 4px 0 var(--emw--button-box-shadow-color, rgba(0, 0, 0, 0.25));\n backdrop-filter: blur(20px);\n box-sizing: border-box;\n}\n.card__badge span {\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.card__badge.expired {\n background: var(--emw--background-gray-color, rgba(250, 250, 250, 0.5019607843));\n border: 1px solid var(--emw--border-gray-color, #292C29);\n font-weight: 700;\n}\n.card__badge.completed {\n background: var(--emw--background-success-color, #C9F0D7);\n border: 1px solid var(--emw--border-success-color, #00B74F);\n color: var(--emw--color-gray-300, #083B17);\n font-weight: 700;\n}\n.card__badge.forfeited {\n background: var(--emw--background-errored-color, #FFE1DF);\n border: 1px solid var(--emw--border-errored-color, #D6421E);\n color: var(--emw--errored-color, #850606);\n font-weight: 700;\n}\n.card__badge.paused {\n background: var(--emw--background-warning-color, #F8E4AD);\n border: 1px solid var(--emw--border-warning-color, #EA9018);\n color: var(--emw--warning-color, #6D460A);\n font-weight: 700;\n}\n\n.info-item {\n line-height: 24px;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-primary, #1dbf51);\n}\n@container challenges-container (min-width: 576px) {\n .info-item {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: bottom;\n }\n}\n.info-item.grayed {\n color: var(--emw--disabled-color, #727672);\n}\n.info-item__label {\n font-weight: var(--emw--font-weight-medium, 500);\n margin-right: 3px;\n color: var(--emw--color-gray-150, #C8D6CE);\n}\n.info-item__tooltip {\n position: absolute;\n line-height: 22px;\n padding: 8px 12px;\n border-radius: 8px;\n opacity: 1;\n z-index: 200;\n white-space: nowrap;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n color: var(--emw--color-white, #FFFFFF);\n background-color: var(--emw--color-background-secondary, #1B1C2B);\n}\n.info-item__tooltip::before {\n content: "";\n position: absolute;\n top: -5px;\n left: 50%;\n transform: translateX(-50%);\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-bottom: 6px solid var(--emw--color-background-secondary, #1B1C2B);\n width: 0;\n height: 0;\n z-index: 201;\n}\n\n.progress {\n background-color: var(--emw--progress-background, rgba(188, 252, 177, 0.1019607843));\n border-radius: 100px;\n height: 20px;\n margin-bottom: 10px;\n position: relative;\n align-content: center;\n padding: 0 2px;\n box-sizing: border-box;\n}\n.progress.paused {\n opacity: 0.5;\n}\n.progress.grayed {\n mix-blend-mode: luminosity;\n}\n.progress__placeholder {\n height: 20px;\n}\n.progress__icon {\n padding-top: 4px;\n}\n.progress__point {\n position: absolute;\n text-align: center;\n font-size: 12px;\n color: var(--emw--color-gray-150, #C8D6CE);\n font-weight: 700;\n line-height: 19px;\n top: 0;\n height: 19px;\n width: 19px;\n border-radius: 50%;\n}\n.progress__point.start {\n left: 0;\n border: 2px solid var(--emw--button-background-primary-color, #18CE51);\n background: linear-gradient(90deg, var(--emw--progress-active-level, #24AA4D) 0%, var(--emw--progress-active-level-secondary, #113F21) 100%);\n}\n.progress__point.end {\n right: 0;\n border: 2px solid var(--emw--dark-green, #1C8D56);\n background: var(--emw--color-gray-300, #083B17);\n opacity: 0.7;\n}\n.progress__point.finished {\n opacity: 1;\n}\n.progress__point.hidden {\n opacity: 0;\n}\n.progress__bar {\n border-radius: 73px;\n height: 16px;\n background: linear-gradient(90deg, var(--emw--secondary-green, #1E654F) 0%, var(--emw--dark-green, #1C8D56) 100%);\n text-align: end;\n color: var(--emw--color-gray-50, #E2E2E2);\n font-size: 11px;\n font-weight: 700;\n line-height: 16px;\n padding-right: 6px;\n box-sizing: border-box;\n}\n.progress__bar.finished {\n text-align: center;\n}\n\n.new-label {\n height: 28px;\n width: 37px;\n background: linear-gradient(0deg, var(--emw--new-badge-background-color, #FF3D3D) 0%, var(--emw--new-badge-background-color-2, #A80000) 100%);\n position: absolute;\n top: 32px;\n right: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 50% 100%, 0% 70%);\n}\n.new-label span {\n background: linear-gradient(to bottom right, var(--emw--color-white, #FFFFFF) 0%, var(--emw--color-gray-100, #D4D4D4) 50%) bottom right/50% 50% no-repeat, linear-gradient(to bottom left, var(--emw--color-white, #FFFFFF) 0%, var(--emw--color-gray-100, #D4D4D4) 50%) bottom left/50% 50% no-repeat, linear-gradient(to top left, var(--emw--color-white, #FFFFFF) 0%, var(--emw--color-gray-100, #D4D4D4) 50%) top left/50% 50% no-repeat, linear-gradient(to top right, var(--emw--color-white, #FFFFFF) 0%, var(--emw--color-gray-100, #D4D4D4) 50%) top right/50% 50% no-repeat;\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n font-weight: var(--emw--font-weight-bold, 700);\n font-size: var(--emw--font-size-medium, 14px);\n padding-bottom: 3px;\n}';const z=class{constructor(t){e(this,t),this.stylingValue={width:this.handleStylingProps(this.width),height:this.handleStylingProps(this.height),borderRadius:this.handleStylingProps(this.borderRadius),marginBottom:this.handleStylingProps(this.marginBottom),marginTop:this.handleStylingProps(this.marginTop),marginLeft:this.handleStylingProps(this.marginLeft),marginRight:this.handleStylingProps(this.marginRight),size:this.handleStylingProps(this.size)},this.structure=void 0,this.width="unset",this.height="unset",this.borderRadius="unset",this.marginBottom="unset",this.marginTop="unset",this.marginLeft="unset",this.marginRight="unset",this.animation=!0,this.rows=0,this.size="100%"}handleStructureChange(e,t){t!==e&&this.handleStructure(e)}handleStylingProps(e){switch(typeof e){case"number":return 0===e?0:`${e}px`;case"undefined":default:return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(e)||e.endsWith("px")||e.endsWith("%")?e:"unset"}}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return i("div",{class:"SkeletonContainer"},i("div",{class:"Logo "+(this.animation?"Skeleton":"")}))}renderImage(){return i("div",{class:"Image "+(this.animation?"Skeleton":"")})}renderTitle(){return i("div",{class:"SkeletonContainer"},i("div",{class:"Title "+(this.animation?"Skeleton":"")}))}renderText(){return i("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map(((e,t)=>i("div",{key:t,class:"Text "+(this.animation?"Skeleton":"")}))))}renderRectangle(){return i("div",{class:"SkeletonContainer"},i("div",{class:"Rectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return i("div",{class:"SkeletonContainer"},i("div",{class:"Circle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`\n :host {\n --emw-skeleton-logo-width: ${this.stylingValue.width};\n --emw-skeleton-logo-height: ${this.stylingValue.height};\n --emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"image":e=`\n :host {\n --emw-skeleton-image-width: ${this.stylingValue.width};\n --emw-skeleton-image-height: ${this.stylingValue.height};\n --emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"title":e=`\n :host {\n --emw-skeleton-title-width: ${this.stylingValue.width};\n --emw-skeleton-title-height: ${this.stylingValue.height};\n --emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"text":e=`\n :host {\n --emw-skeleton-text-width: ${this.stylingValue.width};\n --emw-skeleton-text-height: ${this.stylingValue.height};\n --emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"rectangle":e=`\n :host {\n --emw-skeleton-rectangle-width: ${this.stylingValue.width};\n --emw-skeleton-rectangle-height: ${this.stylingValue.height};\n --emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"circle":e=`\n :host {\n --emw-skeleton-circle-size: ${this.stylingValue.size};\n }\n `;break;default:e=""}return i(n,{key:"e6b885bfd985ce7663d990756fe9101e25eb97f0"},i("style",{key:"06ae24c7bb74f4dacfc12ae58085333f9dc89da5"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};z.style=":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.Rectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.Circle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.Text{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.Text:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.Title{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.Image{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.Logo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}";export{I as casino_challenge_card,z as ui_skeleton}
|
|
1
|
+
import{r as e,c as t,h as i,H as n}from"./index-d84ca385.js";import{s as r,a as o,b as M}from"./casino-challenges-list-2f7889c4.js";export{C as casino_challenges_list}from"./casino-challenges-list-2f7889c4.js";const a=["ro","en","fr","ar","hr"],s={en:{totalLevels:"Total levels:",level1:"Level 1:",get:"Get:",endsIn:"Ends In",expired:"Expired",viewDetails:"View details",placeBetsOf:"Place bets of",place:"Place",bet:"bet",bets:"bets",minBet:"min bet",forfeited:"Forfeited",finished:"Finished",suspended:"Suspended",unavailable:"Unavailable",start:"Start",resume:"Resume",pause:"Pause",new:"New"},ro:{totalLevels:"Niveluri totale:",level1:"Nivel 1:",get:"Obține:",endsIn:"Se termină în",expired:"Expirat",viewDetails:"Vezi detalii",placeBetsOf:"Plasează pariuri de",place:"Plasare",bet:"pariu",bets:"pariuri",minBet:"pariu minim",forfeited:"Pierdut",finished:"Terminat",suspended:"Suspendat",unavailable:"Indisponibil",start:"Start",resume:"Reia",pause:"Pauză"},fr:{totalLevels:"Niveaux totaux :",level1:"Niveau 1 :",get:"Obtenir :",endsIn:"Se termine dans",expired:"Expiré",viewDetails:"Voir les détails",placeBetsOf:"Placez des paris de",place:"Placer",bet:"pari",bets:"paris",minBet:"mise minimale",forfeited:"Forfait",finished:"Terminé",suspended:"Suspendu",unavailable:"Indisponible",start:"Démarrer",resume:"Reprendre",pause:"Pause"},ar:{totalLevels:"إجمالي المستويات:",level1:"المستوى 1:",get:"احصل على:",endsIn:"ينتهي في",expired:"منتهي الصلاحية",viewDetails:"عرض التفاصيل",placeBetsOf:"قم بوضع رهانات بقيمة",place:"ضع",bet:"رهان",bets:"رهانات",minBet:"الحد الأدنى للرهان",forfeited:"خاسر",finished:"منتهي",suspended:"معلق",unavailable:"غير متاح",start:"ابدأ",resume:"استئناف",pause:"إيقاف مؤقت"},hr:{totalLevels:"Ukupno razina:",level1:"Razina 1:",get:"Dobiti:",endsIn:"Završava za",expired:"Isteklo",viewDetails:"Pogledaj detalje",placeBetsOf:"Postavite oklade od",place:"Postavi",bet:"kladnja",bets:"kladnje",minBet:"minimalna oklada",forfeited:"Oduzeto",finished:"Završeno",suspended:"Suspendirano",unavailable:"غير متاح",start:"Počni",resume:"Nastavi",pause:"Pauza"}},g=(e,t)=>{const i=t;return s[void 0!==i&&a.includes(i)?i:"en"][e]};var l,c,N,d,D,u;!function(e){e[e.Accumulative=0]="Accumulative",e[e.SingleBet=1]="SingleBet",e[e.MultipleOneBetSize=2]="MultipleOneBetSize"}(l||(l={})),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"}(N||(N={})),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"}(d||(d={})),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"}(D||(D={})),function(e){e[e.Closed=0]="Closed",e[e.InProgress=1]="InProgress",e[e.Fillup=2]="Fillup",e[e.Completed=3]="Completed"}(u||(u={}));const h=["started","inProgress","pendingLevelReward","completed","expired","forfeited","awaiting","paused"];var j,I;!function(e){e[e.GameLaunch=0]="GameLaunch",e[e.Reward=1]="Reward",e[e.Manual=2]="Manual"}(j||(j={})),function(e){e[e.Period=0]="Period",e[e.Date=1]="Date"}(I||(I={}));const z=class{constructor(n){e(this,n),this.timerExpired=t(this,"timerExpired",7),this.calculateTargetValue=(e,t)=>{var i;if(!e)return"";switch(e.LevelTargetType){case l.Accumulative:{const n=(null===(i=e.BetRange)||void 0===i?void 0:i.MinBet)?`, ${g("minBet",this.language)} ${t+e.BetRange.MinBet}`:"";return`${g("placeBetsOf",this.language)} ${t+e.DisplayCurrencyTargetTurnover+n}`}case l.SingleBet:return`${g("place",this.language)} ${t+e.TargetTurnover} ${g("bet",this.language)}`;case l.MultipleOneBetSize:{const i=e.TargetTurnover?`, ${g("minBet",this.language)} ${t+e.TargetTurnover}`:"";return`${g("place",this.language)} ${e.TargetBetCount} ${g("bets",this.language)+i}`}}},this.onMouseEnterHandler=(e,t)=>{t.scrollWidth>t.clientWidth&&(this.tooltipIndex=e)},this.onMouseLeaveHandler=()=>{this.tooltipIndex=null},this.getBadgeContent=()=>{if(this.isChallengePaused)return g("unavailable",this.language);switch(this.challenge.Status){case D.Expired:return g("expired",this.language);case D.Forfeited:return g("forfeited",this.language);case D.Completed:return g("finished",this.language);case D.Paused:return g("suspended",this.language);default:return this.timeLeft?[g("endsIn",this.language)," - ",i("span",null,this.timeLeft)]:g("expired",this.language)}},this.goToDetailsPage=()=>{window.postMessage({type:"GoToDetailsPage",info:{challengeId:this.challenge.ChallengeId,activeTabIndex:this.activeTabIndex}},window.location.href)},this.checkAttrs=()=>(this.endpoint||(this.error="Endpoint is missing! Please provide a valid endpointURL.",this.hasError=!0,console.error(this.error)),this.hasError),this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.translationUrl="",this.language="en",this.endpoint="",this.domain="",this.session="",this.challenge=void 0,this.isUserAuthorized=!0,this.activeTabIndex=0,this.userId="",this.tooltipIndex=null,this.timeLeft=void 0,this.error="",this.hasError=!1,this.actionLoading=!1,this.isChallengePaused=!1}get infoItems(){var e,t,i,n,r;let o=null===(e=this.challenge)||void 0===e?void 0:e.LevelProgresses.find((e=>0===e.OrderNumber));return this.isUserAuthorized&&(o=null!==(i=null===(t=this.challenge)||void 0===t?void 0:t.LevelProgresses.find((e=>e.ProgressStatus===u.InProgress)))&&void 0!==i?i:o),o?[{lable:g("totalLevels",this.language),value:(null===(n=this.challenge.LevelProgresses)||void 0===n?void 0:n.length)||"-"},{lable:g("level1",this.language),value:this.calculateTargetValue(o,null===(r=this.challenge)||void 0===r?void 0:r.CurrencySymbol)||"-"},{lable:g("get",this.language),value:o.CustomRewardMessage||"-"}]:[]}handleClientStylingChange(e,t){e!=t&&r(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(e,t){e!=t&&o(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(e,t){e!=t&&M(this.stylingContainer,`${this.mbSource}.Style`)}connectedCallback(){this.timerId=setInterval((()=>{this.updateTime()}),1e3)}componentWillLoad(){this.translationUrl&&(async e=>{if(e)try{const i=await fetch(e);if(!i.ok)throw new Error(`HTTP error! status: ${i.status}`);const n=await i.json();t=n,Object.keys(t).forEach((e=>{for(let i in t[e])s[e][i]=t[e][i]}))}catch(e){console.error("Failed to fetch or parse translations from URL:",e)}var t})(this.translationUrl),this.updateTime()}componentDidLoad(){this.isChallengePaused=this.challenge.ChallengeStatus===d.Paused,this.stylingContainer&&(this.mbSource&&M(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&r(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&o(this.stylingContainer,this.clientStylingUrl))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe(),clearInterval(this.timerId)}updateTime(){var e;this.timeLeft=function(e){const t=new Date;let i=new Date(e).getTime()-t.getTime();if(i<=0)return;const n=Math.floor(i/864e5);i-=864e5*n;const r=Math.floor(i/36e5);i-=36e5*r;const o=Math.floor(i/6e4);i-=6e4*o;const M=Math.floor(i/1e3),a=e=>e.toString().padStart(2,"0");return`${a(n)} : ${a(r)} : ${a(o)} : ${a(M)}`}(null===(e=this.challenge)||void 0===e?void 0:e.ExpirationTime),!this.timeLeft&&this.timerExpired&&(clearInterval(this.timerId),this.challenge.Status=D.Expired,this.timerExpired.emit(this.challenge.Id))}renderInfoItem(e,t){return i("div",{class:`info-item ${this.isChallengeGrayed}`,onMouseEnter:e=>this.onMouseEnterHandler(t,e.currentTarget),onMouseLeave:this.onMouseLeaveHandler},i("span",{class:"info-item__label"},e.lable),e.value,this.tooltipIndex===t&&i("div",{class:"info-item__tooltip"},e.value))}get getCardBadge(){return i("div",{class:`card__badge ${this.isChallengePaused?h[D.Expired]:h[this.challenge.Status]}`},this.getBadgeContent())}get isChallengeGrayed(){return[D.Expired,D.Forfeited,D.Completed].includes(this.challenge.Status)||this.isChallengePaused?"grayed":""}get getChallengeProgress(){var e;const t=null===(e=this.challenge)||void 0===e?void 0:e.LevelProgresses.find((e=>e.ProgressStatus===u.InProgress));if(this.isChallengePaused||!this.isUserAuthorized||!t)return null;const{Status:n,LevelProgresses:r}=this.challenge;if(n===D.Expired||n===D.Started)return i("div",{class:"progress__placeholder"});const o=n===D.Paused?g("suspended",this.language):n===D.Completed?g("finished",this.language):`${t.ProgressPercentage}%`,M=!r.some((e=>e.OrderNumber>t.OrderNumber)),a=n===D.Completed?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNjI4NzQgMTAuMTI1VjExLjI2MzNDOC42Mjg3NCAxMS4yNjMzIDguMTQ0MTcgMTEuNzYzMiA1Ljk5OTkyIDExLjc2MzJDMy44NTU2NiAxMS43NjMyIDMuMzcxMDkgMTEuMjYzMyAzLjM3MTA5IDExLjI2MzNWMTAuMTI1SDguNjI4NzRaIiBmaWxsPSIjRTZBNDVFIi8+CjxwYXRoIGQ9Ik04LjYyODggMTAuMTI1VjExLjI2MzNDOC42Mjg4IDExLjI2MzMgOC4xNDQyMyAxMS43NjMyIDUuOTk5OTggMTEuNzYzMkM1LjI4MzMxIDExLjc2MzIgNC43NTIwNSAxMS43MDczIDQuMzYyMyAxMS42MzNDNi4zMTYxMiAxMS43NTk0IDguNjI4OCAxMC4xMjUgOC42Mjg4IDEwLjEyNVoiIGZpbGw9IiNEODkyNEUiLz4KPHBhdGggZD0iTTQuODg2OSA5LjU3NDcxQzMuOTkxNDEgOS42NzE1MyAzLjM3MTA5IDkuODgxNTYgMy4zNzEwOSAxMC4xMjUxQzMuMzcxMDkgMTAuNDYwNSA0LjU0ODA2IDEwLjczMjQgNS45OTk5MiAxMC43MzI0QzcuNDUxNzggMTAuNzMyNCA4LjYyODc0IDEwLjQ2MDUgOC42Mjg3NCAxMC4xMjUxQzguNjI4NzQgOS44ODE1OCA4LjAwODU0IDkuNjcxNTcgNy4xMTMyIDkuNTc0NzRMNC44ODY5IDkuNTc0NzFaIiBmaWxsPSIjRkZFRENDIi8+CjxwYXRoIGQ9Ik01LjQzMTA2IDcuMTE0MjZWOC4yNzk0NkM1LjQzMTA2IDkuMDMyNzYgNC45NjYzMyA5LjcwNzk2IDQuMjYyNyA5Ljk3Njk1QzQuMjYyNyA5Ljk3Njk1IDQuNjQ1NjcgMTAuMjgxOSA2LjAwMDIzIDEwLjI4MTlDNy4zNTQ3OSAxMC4yODE5IDcuNzM3NzYgOS45NzY5NSA3LjczNzc2IDkuOTc2OTVDNy4wMzQxMyA5LjcwNzk2IDYuNTY5MzkgOS4wMzI3NiA2LjU2OTM5IDguMjc5NDZWNy4xMTQyNkg1LjQzMTA2WiIgZmlsbD0iI0Y3RDE3RiIvPgo8cGF0aCBkPSJNMi45MTQwNiAwLjc4MzY5MUMyLjkxNDA2IDQuMzEyNjcgMy42MDEyIDcuMzQ4NzMgNS45OTk5NCA3LjM0ODczQzguMzk4NjcgNy4zNDg3MyA5LjA4NTgxIDQuMzEyNjcgOS4wODU4MSAwLjc4MzY5MUgyLjkxNDA2WiIgZmlsbD0iI0VBQjE2NiIvPgo8cGF0aCBkPSJNMi45NDQzNiAyLjAwMjc3SDEuMTU3MDlDMS4wNTkwNiAyLjAwMjc3IDAuOTg2NjMyIDIuMDkxNjcgMS4wMDcwNyAyLjE4NzU1QzEuMTQwODMgMi44MTUyIDEuNzEwNjUgNC44NTM2NCAzLjU0MDk3IDUuMzQ1NTlMMy44NTU3OCA2LjAxNTMzQzEuMjEwODYgNS4zNjYyOSAwLjUzMjQyNiAzLjEyNTYxIDAuMzU4NDA2IDIuMDIyMDVDMC4zMDY3NjEgMS42OTQ1NCAwLjU1Mzc2MyAxLjM5Nzk1IDAuODg1MzIxIDEuMzk3OTVIMi45MjE1MkwyLjk0NDM2IDIuMDAyNzdaIiBmaWxsPSIjRjdEMTdGIi8+CjxwYXRoIGQ9Ik05LjA1NTk0IDIuMDAyNzdIMTAuODQzMkMxMC45NDEyIDIuMDAyNzcgMTEuMDEzNyAyLjA5MTY3IDEwLjk5MzIgMi4xODc1NUMxMC44NTk1IDIuODE1MiAxMC4yODk3IDQuODUzNjQgOC40NTkzNCA1LjM0NTU5TDguMTQ0NTMgNi4wMTUzM0MxMC43ODk0IDUuMzY2MjkgMTEuNDY3OSAzLjEyNTYxIDExLjY0MTkgMi4wMjIwNUMxMS42OTM1IDEuNjk0NTQgMTEuNDQ2NSAxLjM5Nzk1IDExLjExNSAxLjM5Nzk1SDkuMDc4NzlMOS4wNTU5NCAyLjAwMjc3WiIgZmlsbD0iI0Y3RDE3RiIvPgo8cGF0aCBkPSJNNS45OTk5NCAxLjMyNjE3QzcuNzA0MjIgMS4zMjYxNyA5LjA4NTgxIDEuMDgyMzEgOS4wODU4MSAwLjc4MTQ5NUM5LjA4NTgxIDAuNDgwNjc3IDcuNzA0MjIgMC4yMzY4MTYgNS45OTk5NCAwLjIzNjgxNkM0LjI5NTY1IDAuMjM2ODE2IDIuOTE0MDYgMC40ODA2NzcgMi45MTQwNiAwLjc4MTQ5NUMyLjkxNDA2IDEuMDgyMzEgNC4yOTU2NSAxLjMyNjE3IDUuOTk5OTQgMS4zMjYxN1oiIGZpbGw9IiNFNkE0NUUiLz4KPHBhdGggZD0iTTguODIzNjYgMC43ODM2OTFDNy44OTgxOSA3LjAxNjg0IDQuNjE1NzcgNi41NzYxNyA0LjE5MDkyIDYuNDk4NThDNC42NDE1IDcuMDM2OCA1LjIzMzAxIDcuMzQ4NzIgNi4wMDA0MyA3LjM0ODcyQzguMzk5MTYgNy4zNDg3MiA5LjA4NjMgNC4zMTI2NyA5LjA4NjMgMC43ODM2OTFIOC44MjM2NloiIGZpbGw9IiNFNkE0NUUiLz4KPHBhdGggZD0iTTQuNjQyNCAwLjI5MzQ1N0MzLjYyMDA4IDAuMzgyMDYzIDIuOTE0MDYgMC41NjY3NDQgMi45MTQwNiAwLjc4MTM2NUMyLjkxNDA2IDEuMDAxOTQgMy42NTg3OSAxLjE5MTIxIDQuNzI3MTcgMS4yNzY3NUM0LjY3NTggMC45NTA3ODEgNC42NDY1MSAwLjYyMjIxOSA0LjY0MjQgMC4yOTM0NTdaIiBmaWxsPSIjRDg5MjRFIi8+CjxwYXRoIGQ9Ik02LjIyNTQ4IDIuNjAzNjlMNi4zOTQ5IDMuMTI1MTFDNi40MjY2MiAzLjIyMjc1IDYuNTE3NjEgMy4yODg4NiA2LjYyMDI3IDMuMjg4ODZINy4xNjg1M0M3LjM5ODA5IDMuMjg4ODYgNy40OTM1NCAzLjU4MjYxIDcuMzA3ODIgMy43MTc1NUw2Ljg2NDI3IDQuMDM5ODFDNi43ODEyMSA0LjEwMDE1IDYuNzQ2NDYgNC4yMDcxMSA2Ljc3ODE4IDQuMzA0NzVMNi45NDc2MSA0LjgyNjE4QzcuMDE4NTQgNS4wNDQ1IDYuNzY4NjYgNS4yMjYwNiA2LjU4Mjk0IDUuMDkxMTJMNi4xMzkzOSA0Ljc2ODg2QzYuMDU2MzMgNC43MDg1MiA1Ljk0Mzg3IDQuNzA4NTIgNS44NjA4MSA0Ljc2ODg2TDUuNDE3MjYgNS4wOTExMkM1LjIzMTU0IDUuMjI2MDYgNC45ODE2NSA1LjA0NDUgNS4wNTI1OSA0LjgyNjE4TDUuMjIyMDEgNC4zMDQ3NUM1LjI1Mzc0IDQuMjA3MTEgNS4yMTg5OCA0LjEwMDE1IDUuMTM1OTMgNC4wMzk4MUw0LjY5MjM4IDMuNzE3NTVDNC41MDY2NiAzLjU4MjYxIDQuNjAyMSAzLjI4ODg2IDQuODMxNjcgMy4yODg4Nkg1LjM3OTkzQzUuNDgyNTkgMy4yODg4NiA1LjU3MzU4IDMuMjIyNzUgNS42MDUzIDMuMTI1MTFMNS43NzQ3MiAyLjYwMzY5QzUuODQ1NjYgMi4zODUzNiA2LjE1NDU0IDIuMzg1MzYgNi4yMjU0OCAyLjYwMzY5WiIgZmlsbD0iI0Q4OTI0RSIvPgo8cGF0aCBkPSJNNi4yMjU0OCAyLjUwOTk0TDYuMzk0OSAzLjAzMTM2QzYuNDI2NjIgMy4xMjkgNi41MTc2MSAzLjE5NTExIDYuNjIwMjcgMy4xOTUxMUg3LjE2ODUzQzcuMzk4MDkgMy4xOTUxMSA3LjQ5MzU0IDMuNDg4ODYgNy4zMDc4MiAzLjYyMzhMNi44NjQyNyAzLjk0NjA2QzYuNzgxMjEgNC4wMDY0IDYuNzQ2NDYgNC4xMTMzNiA2Ljc3ODE4IDQuMjExTDYuOTQ3NjEgNC43MzI0M0M3LjAxODU0IDQuOTUwNzUgNi43Njg2NiA1LjEzMjMxIDYuNTgyOTQgNC45OTczN0w2LjEzOTM5IDQuNjc1MTFDNi4wNTYzMyA0LjYxNDc3IDUuOTQzODcgNC42MTQ3NyA1Ljg2MDgxIDQuNjc1MTFMNS40MTcyNiA0Ljk5NzM3QzUuMjMxNTQgNS4xMzIzMSA0Ljk4MTY1IDQuOTUwNzUgNS4wNTI1OSA0LjczMjQzTDUuMjIyMDEgNC4yMTFDNS4yNTM3NCA0LjExMzM2IDUuMjE4OTggNC4wMDY0IDUuMTM1OTMgMy45NDYwNkw0LjY5MjM4IDMuNjIzOEM0LjUwNjY2IDMuNDg4ODYgNC42MDIxIDMuMTk1MTEgNC44MzE2NyAzLjE5NTExSDUuMzc5OTNDNS40ODI1OSAzLjE5NTExIDUuNTczNTggMy4xMjkgNS42MDUzIDMuMDMxMzZMNS43NzQ3MiAyLjUwOTk0QzUuODQ1NjYgMi4yOTE2MSA2LjE1NDU0IDIuMjkxNjEgNi4yMjU0OCAyLjUwOTk0WiIgZmlsbD0iI0ZGRURDQyIvPgo8L3N2Zz4K":M?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuNjQ0NTQgMTIuMTI2MkMxLjU5ODQyIDEyLjEyNzkgMS41NTEyOSAxMi4xMjI3IDEuNTA0MzIgMTIuMTA5OUMxLjI1NzU3IDEyLjA0MjEgMS4xMTI0OSAxMS43ODcyIDEuMTgwMjIgMTEuNTQwM0wzLjUzMDE2IDIuOTU4N0MzLjU5NzkxIDIuNzEyMSAzLjg1MjIyIDIuNTY2NzQgNC4wOTk3MyAyLjYzNDZDNC4zNDY0NyAyLjcwMjM0IDQuNDkxNTUgMi45NTcyNyA0LjQyMzgyIDMuMjA0MTZMMi4wNzM4OCAxMS43ODU4QzIuMDE5MDIgMTEuOTg1NSAxLjg0MTIzIDEyLjExODggMS42NDQ1NCAxMi4xMjYyWiIgZmlsbD0iIzM2QkEzQiIvPgo8cGF0aCBkPSJNMS41NjMwNCAxMS4yNjM0QzEuNTQ3NjggMTEuMjYzOSAxLjUzMTk4IDExLjI2MjIgMS41MTYzMyAxMS4yNTc5QzEuNDM0MTQgMTEuMjM1NCAxLjM4NTgyIDExLjE1MDUgMS40MDgzOCAxMS4wNjgyTDMuNjU4MTMgMi45MTUwM0MzLjY4MDY5IDIuODMyODkgMy43NjU0MSAyLjc4NDQ3IDMuODQ3ODUgMi44MDcwN0MzLjkzMDA0IDIuODI5NjMgMy45NzgzNyAyLjkxNDU1IDMuOTU1OCAyLjk5Njc5TDEuNzA2MDUgMTEuMTVDMS42ODc3OCAxMS4yMTY1IDEuNjI4NTYgMTEuMjYwOSAxLjU2MzA0IDExLjI2MzRaIiBmaWxsPSIjQkNGQ0IxIiBmaWxsLW9wYWNpdHk9IjAuMSIvPgo8cGF0aCBkPSJNMTIuNTE5MyAxMi43OTMyTDEwLjcyNjEgMTMuMDIzNEM5LjM2MTczIDEzLjE5ODYgNy45NzM2MSAxMi43MjIyIDcuMDkzMzkgMTEuNjY1Mkw3LjA0Nzc5IDExLjYxMDRDNi4zMjg0MyAxMC43NDY2IDUuMzA5MzEgMTAuMTY1NCA0LjE4NjU2IDEwLjEwOTFMMi4zNjIzOSAxMC4wMTc2TDIuMzA0NjkgOS45NTk4OEw0LjIyOTY5IDMuMTg0NTdMNi4wOTMxMiAzLjI4MzY3QzcuMjIxNjkgMy4zNDM2OCA4LjI3Mjk3IDMuODc1NjIgOC45ODk4MSA0Ljc0OTM1QzkuODY4OTIgNS44MjA4NyAxMS4yMzc3IDYuMzY0NDUgMTIuNjEyNCA2LjE4Nzk4TDE0LjMzODIgNS44OTc2N0wxNC4zODY2IDUuOTYwMjNMMTIuNTE5MyAxMi43OTMyWiIgZmlsbD0iI0JDRkNCMSIgZmlsbC1vcGFjaXR5PSIwLjEiLz4KPHBhdGggZD0iTTEyLjQ2MTYgMTIuNzM1NkwxMC42Njg0IDEyLjk2NThDOS4zMDQwMyAxMy4xNDA5IDcuOTQ0NzYgMTIuNjA2OSA3LjA2NDU0IDExLjU0OTlMNy4wMTg5NCAxMS40OTUxQzYuMjk5NTggMTAuNjMxMiA1LjI1MTYxIDEwLjEwNzggNC4xMjg4NiAxMC4wNTE0TDIuMzA0NjkgOS45NTk5Nkw0LjE3MTk5IDMuMTI2OTVMNi4wMzU0MiAzLjIyNjA1QzcuMTYzOTkgMy4yODYwNyA4LjIxNTI4IDMuODE4IDguOTMyMTEgNC42OTE3NEM5LjgxMTIyIDUuNzYzMjYgMTEuMTggNi4zMDY4MyAxMi41NTQ3IDYuMTMwMzZMMTQuMzI4OSA1LjkwMjYxTDEyLjQ2MTYgMTIuNzM1NloiIGZpbGw9IiNCRUZGQkEiLz4KPHBhdGggZD0iTTEwLjQ4NDYgMTAuNzE2NEMxMC4wOTEzIDEwLjY4NTMgOS43MDIzOSAxMC42MDM4IDkuMzMzNjggMTAuNDU5NUM4LjgxMjM1IDEwLjI1NTIgOC4zNDIzNyA5LjkzNzIxIDcuOTQ4OTEgOS41NDA0Nkw4LjU4MTY5IDcuMjI1MDNDOC45NzYwNyA3LjYyMTkxIDkuNDQ2ODcgNy45Mzk4OSA5Ljk2OTE0IDguMTQzODhDMTAuMzM2OCA4LjI4NzUzIDEwLjcyNDIgOC4zNzM3NSAxMS4xMTYzIDguNDA0OTVMMTAuNDg0NiAxMC43MTY0Wk01LjY0NTA3IDcuOTM5MDJDNS4zNjg1OCA3Ljg2MjgzIDUuMDgzMjEgNy44MTQ2NCA0Ljc5Mjc4IDcuNzk5MThMMi45MzAxOCA3LjcwMDA0TDMuNTYzMTMgNS4zODM4Nkw1LjQyNzM5IDUuNDgzMDFDNS43MTczIDUuNDk4NCA2LjAwMjE1IDUuNTQ2NDkgNi4yNzgxNSA1LjYyMjUyTDUuNjQ1MDcgNy45MzkwMlpNOC45NDEzNyA0LjY4NjgyQzkuMDIxNjggNC43ODQ3MyA5LjEwODM1IDQuODc1NTMgOS4xOTY0OCA0Ljk2NDQ3TDkuMTkyMjUgNC45NjMzNUw4LjU3ODA2IDcuMjEwNzdDOC41MDI3OSA3LjEzNDU0IDguNDI1MzYgNy4wNjAzOSA4LjM1NjM0IDYuOTc4MTlMOC4zMjcwNCA2Ljk0Mjg0QzcuNzk3MzUgNi4yOTcyMiA3LjA4MDM2IDUuODM4IDYuMjg2OTYgNS42MTc4MUw2LjkwMzI5IDMuMzYyNTVDNy42OTYyMSAzLjU4MTkyIDguNDEwNjggNC4wMzk5OSA4Ljk0MTM3IDQuNjg2ODJaTTcuMDczNzggMTEuNTQ0OUw3LjAyODE5IDExLjQ5MDJDNi41MDUzNiAxMC44NjIzIDUuODA3ODYgMTAuNDE3MyA1LjAzNTMgMTAuMTk3OEw1LjY1MDA3IDcuOTQ4MjNDNi40NDIwNCA4LjE2Nzk1IDcuMTU3NzQgOC42MjYzNCA3LjY4NjUxIDkuMjcwODNMNy43MTE0NCA5LjMwMDk4QzcuNzgyODQgOS4zODYyOSA3Ljg2Mjc3IDkuNDYzNDcgNy45NDA4NiA5LjU0MjM5TDcuMzIxMDQgMTEuODEwNEM3LjIzNTkgMTEuNzI1MSA3LjE1MTczIDExLjYzODUgNy4wNzM3OCAxMS41NDQ5Wk0xMi40NzA5IDEyLjczMDdMMTAuNjc3NiAxMi45NjA5QzEwLjUwNjQgMTIuOTgyOSAxMC4zMzUxIDEyLjk5MzcgMTAuMTY1IDEyLjk5MzdDMTAuMDY3NCAxMi45OTM3IDkuOTcwODcgMTIuOTg0NyA5Ljg3NDEzIDEyLjk3NzdMMTAuNDg4OCAxMC43Mjg4QzEwLjU5MjkgMTAuNzM2OSAxMC42OTczIDEwLjc0MzMgMTAuODAxOCAxMC43NDMzQzEwLjk3MjMgMTAuNzQzMyAxMS4xNDI5IDEwLjczMjUgMTEuMzEyMyAxMC43MTA3TDEzLjA4NTEgMTAuNDgzMUwxMi40NzA5IDEyLjczMDdaTTEzLjcyMjEgOC4xNTIxOEwxMS45NDY0IDguMzgwMTJDMTEuNjc0MSA4LjQxNDg4IDExLjM5OTcgOC40MTQzIDExLjEyNyA4LjM5MzI5TDExLjc0MjUgNi4xNDEwOEMxMS44NDUyIDYuMTQ5IDExLjk0NzYgNi4xNTgyNSAxMi4wNTEyIDYuMTU4MjVDMTIuMjIxNSA2LjE1ODI1IDEyLjM5MjYgNi4xNDc0NCAxMi41NjM5IDYuMTI1NDRMMTQuMzM4MiA1Ljg5NzY5TDEzLjcyMjEgOC4xNTIxOFoiIGZpbGw9IiMzNkJBM0IiLz4KPC9zdmc+Cg==":"";return i("div",{class:{progress:!0,paused:n===D.Paused,grayed:n===D.Forfeited}},i("div",{class:{progress__point:!0,start:!0,hidden:n===D.Completed}},t.OrderNumber+1),i("div",{class:{progress__bar:!0,finished:n===D.Completed},style:{width:`${t.ProgressPercentage}%`}},o),i("div",{class:{progress__point:!0,end:!0,finished:n===D.Completed}},a?i("img",{class:"progress__icon",src:a}):t.OrderNumber+2))}get getCardButton(){if(this.isUserAuthorized&&!this.isChallengePaused){if(this.challenge.Status===D.Started)return i("button",{class:"card__button filled",disabled:this.actionLoading,onClick:()=>this.joinUnjoinProgress(!0)},g("start",this.language));if(this.challenge.Status===D.Paused)return i("button",{class:"card__button grayed",disabled:this.actionLoading,onClick:()=>this.joinUnjoinProgress(!0)},g("resume",this.language));if(this.challenge.Status===D.InProgress||this.challenge.Status===D.PendingLevelReward)return i("button",{class:"card__button grayed",disabled:this.actionLoading,onClick:()=>this.joinUnjoinProgress(!1)},g("pause",this.language))}return i("button",{class:"card__button"},g("viewDetails",this.language))}async joinUnjoinProgress(e){if(!this.checkAttrs()&&this.challenge){const t=`${this.endpoint}/challenge/ChangeProgressStatus`,i=Object.assign(Object.assign(Object.assign({DomainId:this.domain},this.session&&{PlayerSessionId:this.session}),this.userId&&{InternalUserId:this.userId}),e?{ProgressToActivate:this.challenge.Id}:{ProgressToDeactivate:this.challenge.Id});return this.actionLoading=!0,fetch(t,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(i)}).then((e=>e.json())).finally((()=>this.actionLoading=!1))}}renderNewLabel(){return i("div",{class:"new-label"},i("span",null,g("new",this.language)))}render(){var e,t,n,r;return i("div",{key:"9e7fac60f8b832183578ec00e6e88e37ab4a4d41",ref:e=>this.stylingContainer=e},i("div",{key:"a044740c3586e9151dfe38c50c51ada830622316",class:"card",onClick:this.goToDetailsPage},i("img",{key:"25dd98c358074160ad4f32241deb5f99c30829ed",class:`card__image ${this.isChallengeGrayed}`,src:null===(t=null===(e=this.challenge)||void 0===e?void 0:e.ChallengePresentation)||void 0===t?void 0:t.BannerUrl}),this.getCardBadge,this.challenge.IsNew&&this.renderNewLabel(),i("div",{key:"9236700fe41744ccfd78d16364dfb49eff350926",class:"card__content"},i("h1",{key:"c4207cf505d6fa57ab61dd4142c7bcfccc981a02",class:"card__title"},null===(r=null===(n=this.challenge)||void 0===n?void 0:n.ChallengePresentation)||void 0===r?void 0:r.PresentationName),this.getChallengeProgress,this.infoItems.map(((e,t)=>this.renderInfoItem(e,t))),this.getCardButton)))}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};z.style='.card {\n width: 308px;\n border-radius: 16px;\n border: 2px solid var(--emw--button-border-color, rgba(221, 255, 207, 0.1019607843));\n background-color: var(--emw--color-background, #141515);\n box-sizing: border-box;\n position: relative;\n}\n@container challenges-container (max-width: 670px) {\n .card {\n width: 100%;\n }\n}\n.card:hover {\n background: linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%);\n cursor: pointer;\n}\n.card__image {\n width: 100%;\n height: 200px;\n border-radius: 16px 16px 0 0;\n object-fit: cover;\n}\n@container challenges-container (max-width: 576px) {\n .card__image {\n height: 224px;\n }\n}\n.card__image.grayed {\n opacity: 0.6;\n}\n.card__title {\n color: var(--emw--color-white, #FFFFFF);\n font-size: var(--emw--font-size-medium, 16px);\n height: 39px;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 0 0 10px;\n}\n.card__content {\n padding: 20px;\n}\n.card__button {\n margin-top: 20px;\n width: 100%;\n height: 34px;\n background: transparent;\n text-transform: uppercase;\n border-radius: var(--emw--button-border-radius, 99px);\n border: 2px solid var(--emw--button-border-color, #727672);\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-secondary, #e9931e);\n}\n.card__button:hover {\n border-color: var(--emw--color-secondary, #e9931e);\n cursor: pointer;\n}\n.card__button.filled {\n background-color: var(--emw--button-background-primary-color, #18CE51);\n color: var(--emw--color-white, #FFFFFF);\n border-color: var(--emw--color-gray-300, #083B17);\n}\n.card__button.filled:hover {\n color: var(--emw--color-gray-300, #083B17);\n border-color: transparent;\n box-shadow: 0 0 4px 0 rgba(188, 252, 177, 0.2), 0 0 20px 0 rgba(0, 183, 79, 0.5);\n}\n.card__button.grayed {\n color: var(--emw--color-gray-50, #E2E2E2);\n}\n.card__button.grayed:hover {\n color: var(--emw--color-white, #FFFFFF);\n border-color: var(--emw--button-primary-border, #24B24E);\n}\n.card__button:hover {\n border-color: var(--emw--color-secondary, #e9931e);\n cursor: pointer;\n}\n.card__button:disabled, .card__button:disabled:hover {\n color: var(--emw--color-gray-50, #E2E2E2);\n cursor: not-allowed;\n border: 2px solid var(--emw--button-border-color, #727672);\n opacity: 0.7;\n}\n.card__badge {\n position: absolute;\n background: var(--emw--color-white, #FFFFFF);\n top: 6px;\n right: 6px;\n border-radius: 30px;\n padding: 2px 12px;\n line-height: 22px;\n font-weight: var(--emw--font-weight-medium, 500);\n font-size: var(--emw--font-size-x-small, 12px);\n box-shadow: 0 4px 4px 0 var(--emw--button-box-shadow-color, rgba(0, 0, 0, 0.25));\n backdrop-filter: blur(20px);\n box-sizing: border-box;\n}\n.card__badge span {\n font-weight: var(--emw--font-weight-bold, 700);\n}\n.card__badge.expired {\n background: var(--emw--background-gray-color, rgba(250, 250, 250, 0.5019607843));\n border: 1px solid var(--emw--border-gray-color, #292C29);\n font-weight: 700;\n}\n.card__badge.completed {\n background: var(--emw--background-success-color, #C9F0D7);\n border: 1px solid var(--emw--border-success-color, #00B74F);\n color: var(--emw--color-gray-300, #083B17);\n font-weight: 700;\n}\n.card__badge.forfeited {\n background: var(--emw--background-errored-color, #FFE1DF);\n border: 1px solid var(--emw--border-errored-color, #D6421E);\n color: var(--emw--errored-color, #850606);\n font-weight: 700;\n}\n.card__badge.paused {\n background: var(--emw--background-warning-color, #F8E4AD);\n border: 1px solid var(--emw--border-warning-color, #EA9018);\n color: var(--emw--warning-color, #6D460A);\n font-weight: 700;\n}\n\n.info-item {\n line-height: 24px;\n font-size: var(--emw--font-size-small, 14px);\n font-weight: var(--emw--font-weight-bold, 700);\n color: var(--emw--color-primary, #1dbf51);\n}\n@container challenges-container (min-width: 576px) {\n .info-item {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: bottom;\n }\n}\n.info-item.grayed {\n color: var(--emw--disabled-color, #727672);\n}\n.info-item__label {\n font-weight: var(--emw--font-weight-medium, 500);\n margin-right: 3px;\n color: var(--emw--color-gray-150, #C8D6CE);\n}\n.info-item__tooltip {\n position: absolute;\n line-height: 22px;\n padding: 8px 12px;\n border-radius: 8px;\n opacity: 1;\n z-index: 200;\n white-space: nowrap;\n font-size: var(--emw--font-size-x-small, 12px);\n font-weight: var(--emw--font-weight-medium, 500);\n color: var(--emw--color-white, #FFFFFF);\n background-color: var(--emw--color-background-secondary, #1B1C2B);\n}\n.info-item__tooltip::before {\n content: "";\n position: absolute;\n top: -5px;\n left: 50%;\n transform: translateX(-50%);\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-bottom: 6px solid var(--emw--color-background-secondary, #1B1C2B);\n width: 0;\n height: 0;\n z-index: 201;\n}\n\n.progress {\n background-color: var(--emw--progress-background, rgba(188, 252, 177, 0.1019607843));\n border-radius: 100px;\n height: 20px;\n margin-bottom: 10px;\n position: relative;\n align-content: center;\n padding: 0 2px;\n box-sizing: border-box;\n}\n.progress.paused {\n opacity: 0.5;\n}\n.progress.grayed {\n mix-blend-mode: luminosity;\n}\n.progress__placeholder {\n height: 20px;\n}\n.progress__icon {\n padding-top: 4px;\n}\n.progress__point {\n position: absolute;\n text-align: center;\n font-size: 12px;\n color: var(--emw--color-gray-150, #C8D6CE);\n font-weight: 700;\n line-height: 19px;\n top: 0;\n height: 19px;\n width: 19px;\n border-radius: 50%;\n}\n.progress__point.start {\n left: 0;\n border: 2px solid var(--emw--button-background-primary-color, #18CE51);\n background: linear-gradient(90deg, var(--emw--progress-active-level, #24AA4D) 0%, var(--emw--progress-active-level-secondary, #113F21) 100%);\n}\n.progress__point.end {\n right: 0;\n border: 2px solid var(--emw--dark-green, #1C8D56);\n background: var(--emw--color-gray-300, #083B17);\n opacity: 0.7;\n}\n.progress__point.finished {\n opacity: 1;\n}\n.progress__point.hidden {\n opacity: 0;\n}\n.progress__bar {\n border-radius: 73px;\n height: 16px;\n background: linear-gradient(90deg, var(--emw--secondary-green, #1E654F) 0%, var(--emw--dark-green, #1C8D56) 100%);\n text-align: end;\n color: var(--emw--color-gray-50, #E2E2E2);\n font-size: 11px;\n font-weight: 700;\n line-height: 16px;\n padding-right: 6px;\n box-sizing: border-box;\n}\n.progress__bar.finished {\n text-align: center;\n}\n\n.new-label {\n height: 28px;\n width: 37px;\n background: linear-gradient(0deg, var(--emw--new-badge-background-color, #FF3D3D) 0%, var(--emw--new-badge-background-color-2, #A80000) 100%);\n position: absolute;\n top: 32px;\n right: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n clip-path: polygon(0% 0%, 100% 0%, 100% 70%, 50% 100%, 0% 70%);\n}\n.new-label span {\n background: linear-gradient(to bottom right, var(--emw--color-white, #FFFFFF) 0%, var(--emw--color-gray-100, #D4D4D4) 50%) bottom right/50% 50% no-repeat, linear-gradient(to bottom left, var(--emw--color-white, #FFFFFF) 0%, var(--emw--color-gray-100, #D4D4D4) 50%) bottom left/50% 50% no-repeat, linear-gradient(to top left, var(--emw--color-white, #FFFFFF) 0%, var(--emw--color-gray-100, #D4D4D4) 50%) top left/50% 50% no-repeat, linear-gradient(to top right, var(--emw--color-white, #FFFFFF) 0%, var(--emw--color-gray-100, #D4D4D4) 50%) top right/50% 50% no-repeat;\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n font-weight: var(--emw--font-weight-bold, 700);\n font-size: var(--emw--font-size-medium, 14px);\n padding-bottom: 3px;\n}';const w=class{constructor(t){e(this,t),this.stylingValue={width:this.handleStylingProps(this.width),height:this.handleStylingProps(this.height),borderRadius:this.handleStylingProps(this.borderRadius),marginBottom:this.handleStylingProps(this.marginBottom),marginTop:this.handleStylingProps(this.marginTop),marginLeft:this.handleStylingProps(this.marginLeft),marginRight:this.handleStylingProps(this.marginRight),size:this.handleStylingProps(this.size)},this.structure=void 0,this.width="unset",this.height="unset",this.borderRadius="unset",this.marginBottom="unset",this.marginTop="unset",this.marginLeft="unset",this.marginRight="unset",this.animation=!0,this.rows=0,this.size="100%"}handleStructureChange(e,t){t!==e&&this.handleStructure(e)}handleStylingProps(e){switch(typeof e){case"number":return 0===e?0:`${e}px`;case"undefined":default:return"unset";case"string":return["auto","unset","none","inherit","initial"].includes(e)||e.endsWith("px")||e.endsWith("%")?e:"unset"}}handleStructure(e){switch(e){case"logo":return this.renderLogo();case"image":return this.renderImage();case"title":return this.renderTitle();case"text":return this.renderText();case"rectangle":return this.renderRectangle();case"circle":return this.renderCircle();default:return null}}renderLogo(){return i("div",{class:"SkeletonContainer"},i("div",{class:"SkeletonLogo "+(this.animation?"Skeleton":"")}))}renderImage(){return i("div",{class:"SkeletonImage "+(this.animation?"Skeleton":"")})}renderTitle(){return i("div",{class:"SkeletonContainer"},i("div",{class:"SkeletonTitle "+(this.animation?"Skeleton":"")}))}renderText(){return i("div",{class:"SkeletonContainer"},Array.from({length:this.rows>0?this.rows:1}).map(((e,t)=>i("div",{key:t,class:"SkeletonText "+(this.animation?"Skeleton":"")}))))}renderRectangle(){return i("div",{class:"SkeletonContainer"},i("div",{class:"SkeletonRectangle "+(this.animation?"Skeleton":"")}))}renderCircle(){return i("div",{class:"SkeletonContainer"},i("div",{class:"SkeletonCircle "+(this.animation?"Skeleton":"")}))}render(){let e="";switch(this.structure){case"logo":e=`\n :host {\n --emw-skeleton-logo-width: ${this.stylingValue.width};\n --emw-skeleton-logo-height: ${this.stylingValue.height};\n --emw-skeleton-logo-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-logo-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-logo-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-logo-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-logo-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"image":e=`\n :host {\n --emw-skeleton-image-width: ${this.stylingValue.width};\n --emw-skeleton-image-height: ${this.stylingValue.height};\n --emw-skeleton-image-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-image-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-image-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-image-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-image-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"title":e=`\n :host {\n --emw-skeleton-title-width: ${this.stylingValue.width};\n --emw-skeleton-title-height: ${this.stylingValue.height};\n --emw-skeleton-title-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-title-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-title-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-title-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-title-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"text":e=`\n :host {\n --emw-skeleton-text-width: ${this.stylingValue.width};\n --emw-skeleton-text-height: ${this.stylingValue.height};\n --emw-skeleton-text-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-text-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-text-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-text-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-text-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"rectangle":e=`\n :host {\n --emw-skeleton-rectangle-width: ${this.stylingValue.width};\n --emw-skeleton-rectangle-height: ${this.stylingValue.height};\n --emw-skeleton-rectangle-border-radius: ${this.stylingValue.borderRadius};\n --emw-skeleton-rectangle-margin-bottom: ${this.stylingValue.marginBottom};\n --emw-skeleton-rectangle-margin-top: ${this.stylingValue.marginTop};\n --emw-skeleton-rectangle-margin-left: ${this.stylingValue.marginLeft};\n --emw-skeleton-rectangle-margin-right: ${this.stylingValue.marginRight};\n }\n `;break;case"circle":e=`\n :host {\n --emw-skeleton-circle-size: ${this.stylingValue.size};\n }\n `;break;default:e=""}return i(n,{key:"c2a2650acd416962a2bc4e1a7ee18bc6d8e2def8"},i("style",{key:"9bd7fc1f9e9ed9f17735a7b72fce6f09696f5e19"},e),this.handleStructure(this.structure))}static get watchers(){return{structure:["handleStructureChange"]}}};w.style=":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.SkeletonRectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.SkeletonCircle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.SkeletonText{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.SkeletonText:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.SkeletonTitle{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.SkeletonImage{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.SkeletonLogo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}";export{z as casino_challenge_card,w as ui_skeleton}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as n,h as e,g as i}from"./index-d84ca385.js";function
|
|
1
|
+
import{r as t,c as n,h as e,g as i}from"./index-d84ca385.js";function l(t,n){if(t){const e=document.createElement("style");e.innerHTML=n,t.appendChild(e)}}function d(t,n){const e=new URL(n);fetch(e.href).then((t=>t.text())).then((n=>{const e=document.createElement("style");e.innerHTML=n,t&&t.appendChild(e)})).catch((t=>{console.error("There was an error while trying to load client styling from URL",t)}))}function h(t,n){if(window.emMessageBus){const e=document.createElement("style");window.emMessageBus.subscribe(n,(n=>{e.innerHTML=n,t&&t.appendChild(e)}))}}const a={en:{emptyTitle:"Nothing here — yet!",emptyDescription:"No challenges at the moment. Try exploring events or keep playing to unlock new ones."},ro:{},fr:{},ar:{},hr:{}},s=(t,n)=>a[void 0!==n&&n in a?n:"en"][t],V=[0,1,2,3,4,5,6,7,8,9],o=class{constructor(e){t(this,e),this.loadMore=n(this,"loadMore",7),this.timerExpired=n(this,"timerExpired",7),this.setLastItemRef=t=>{this.lastItemRef&&this.observer&&this.observer.unobserve(this.lastItemRef),this.lastItemRef=t,t&&this.observer&&!this.loading&&this.observer.observe(t)},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.language="en",this.translationUrl=void 0,this.challenges=[],this.loading=!1,this.hasMore=!1,this.activeTabIndex=0,this.isUserAuthorized=!1,this.userId="",this.endpoint="",this.domain="",this.session=""}handleClientStylingChange(t,n){t!=n&&l(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,n){t!=n&&d(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,n){t!=n&&h(this.stylingContainer,`${this.mbSource}.Style`)}setupObserver(){this.lastItemRef&&!this.loading&&this.hasMore&&(this.observer||(this.observer=new IntersectionObserver((([t])=>{t.isIntersecting&&!this.loading&&this.hasMore&&(this.observer.unobserve(t.target),this.loadMore.emit())}),{root:null,rootMargin:"0px",threshold:.1})),this.observer.disconnect(),this.observer.observe(this.lastItemRef))}componentDidRender(){this.setupObserver()}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect(),this.observer=void 0}componentDidLoad(){this.stylingContainer&&(this.mbSource&&h(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&l(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&d(this.stylingContainer,this.clientStylingUrl))}renderSkeletons(){return V.map((t=>e("div",{class:"loader",key:t},e("ui-skeleton",{structure:"image",height:"200px","border-radius":"16px 16px 0 0"}),e("ui-skeleton",{class:"SkeletonRows",structure:"text",width:"220px",height:"16px",rows:"3"}),e("ui-skeleton",{class:"SkeletonButton",structure:"text",width:"100%"}))))}onTimerExpired(t){this.timerExpired&&this.timerExpired.emit(t.detail)}renderEmptyState(){return e("div",{class:"empty"},e("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxyZWN0IHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgZmlsbD0idXJsKCNwYXR0ZXJuMF8xODk5XzE1MzA5KSIvPgo8ZGVmcz4KPHBhdHRlcm4gaWQ9InBhdHRlcm4wXzE4OTlfMTUzMDkiIHBhdHRlcm5Db250ZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIj4KPHVzZSB4bGluazpocmVmPSIjaW1hZ2UwXzE4OTlfMTUzMDkiIHRyYW5zZm9ybT0ic2NhbGUoMC4wMSkiLz4KPC9wYXR0ZXJuPgo8aW1hZ2UgaWQ9ImltYWdlMF8xODk5XzE1MzA5IiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFHUUFBQUJrQ0FZQUFBQnc0cFZVQUFBQUNYQklXWE1BQUFzVEFBQUxFd0VBbXB3WUFBQUhsRWxFUVZSNG5PMmRhWXdVUlJUSC80dG52UENJOXhFMWFoUVROWm1wNmdYUnphcjR3VHRHdlBXTFVlSVZQeGdWTldiaXpxdlpSZFRBR29pb0VRd2FGRFdLMFlCQ3ZNVWJKV0pJQkQ4UU9VSUVvd2hFUUZqemVwdTRXYVo2cW5wNnRxdWIraVg5aGV4VVYvVy9YaDN2dlNvQWo4Zmo4WGc4SG8vSDQvRjRpa2FwQjhQTE5ZaXl3czJTOExCVTZKRUtVNFRDTktrd1dTalVoTUw5WllXclJSZk9QR1V5OXNtNnpvV2lvNElEcE1JMS9ORWxZYWxVNkxONWhNSTJTVmdvRlVncWRJNmRqVDJ5YmxQKzZFTmJ1WXFMSkdHbUpHeTBGU0ZXSU1JcVFaZ29GVVprM1V6M3FXQlltWEM1VlBnMlRSRmludm1TMEo1MXM1MUVLblFLd3M5REpNUmdxNWtqcXpncDYyL2dCT2NvSEM0VlhzNUNpRUdpYkJhRVJ6c3EyQk83SzZLSzg0WEN5a1FmVU9HdmFHaWJKeFZtczZoQzRRMGVoaUpMMjVLdzNNOWtENDdEN29Za1BCQ3VnRXcvRm1HRkpFd1ZDdGVhZkREdTZTV0YwNlhDT0tud3FpQnNzQkRtZDFuRkJkZ3RxR0FZN3hjTWUrdTJhRGpyNU44MTg5cFNCZnNKaFJzRjRWTkRVYmF3K0NpOEdJU1pCdVA1djVMd1hLc21XcWx3bmxENHlFQ1U3V3hoS0NxU01OVmdhUG9tNkVacEtPckRGaU1KYXhxSlVxN2lPaFFOU2FnMGFqaTdQWVo2bFJPdThnaHpEWWF2QzFFVVJBMlhTY0tPR0t2WXlIK1Q4VkJhYlRqUkYySDFWYTdpZUVsWUZ6TnhyM2RsdDF3bTNCWE5HOW9sY2U3M0taS3dJS2FCZjdQbkZnNFJpUkpuS1k4Z3I0U1Rac3lTTmxBWUF3ZUpQTU02UVRZRjNUZ1JlVU5XY0ZDREZjeURjSHV2TkM5bVdUNEhlVU1vakk4Ull4NjcyT0V3SXlzNElxNURsUWdTZWFHamduMTFqUkdFemVWdW5Jd2NFRVlsOVVQdTI4Z0xjUk9qSUR4bVd4NkhZamxpbURUYUYvWjJoZWs4akZyOXNBOXRrdkN4WnFtK0krakNHY2dEdWdDVFVGZy9hZ0lPdENrcmNoQ3Vqc3FZYmJ2c2pJYWVuNkxPOE4zb2JoeGk4L3V5UWtmTTBOc0QxK0hRYUl4MVBHNXJHVUpoN2FBeVpwbGFTbVFaU3diMTdJVzJsaEs2NU90M3NKWE94K2o1bzJzRTJkNU9PTFlaTVd4RXFTdEdRbEZFRlRmcE9obGJFRnhHS255aHFmeDgweko0V0JLRVpYRWJ0RGhSWXNYNC81bHVXcCt6Sm1KLzNzUnF5dW1DMHlrN2hLMmFpbyt6S1V2VU1ES0tDbHFKWWlqR0V2NDdxL29RWHRkWTIrZHdGZmFJYWo5ZURhZFpsMmNwU3F2RWlOcDJwMGFRclNNcTJCc3VJaFh1MWxSNlRkSXlUVVVaTlFISHRFcU1Sb3NWWjVlL2t0Q3JFV1JCTStXYWlHS1FVSmRZakozeldreml4RlZ3RVVGNFQxUGhLVTJYYlNKS2k4VFlpUzZWbFhPSjRTSTh3YlhTWlMyU2laS0tHRXlZNlZqZk9xdHdFVUZZck9sQjk2YjFEbzYzQzhJZlJtSVFscFlJUjZmMWJrRjRTek9IVFlLTFNJWGxtbzl6VzVydkNXcTR3a0NNalR6UnAvbGVYY2FNSUx3QUY5SGw1ckt6RVNreDBEZGw4Rmo3dnBMc1JZVENNM0FScWZDMXBnYzlsSUVZcVlzaUNPOXIycWZnSXRwMEdzS1R6Wlp0dU9tcis5ZzRKQnUwYjVIR1FzYkRSZGgwTlIvbG5Rd3NJMTFMNlVPYjFwOVZ4UTF3RVY1TmFYcm9zcVJsbXJwREpPSEtKTDR2VTBvOU9FRlg3bEJsV2xwVFVqaFhNMlR0RUUvZ0tOdnliSDFUU1IyU0pyQVY2TnBtRzNRYk10akp4bWt5OVNwZXRzeVBOUnFtNnV3ekRQY3Axc09YVkhoZTF5SGdNb0x3Z2VianZXSVpEMWxzYWhrSmQvVEc3aHkyS0Q0c3FtbFhMMXdtSU55aCtRQ2JiRXc3VUxnK1BKWmdLWWFKS0J5SjVJaWtSVjNHeEFqcnBtTnhKNktHdzNSZVVhRnd1MDFaR2xHTWZWUDFSTEVWSXl5SE1Fc3pIMjNnZzBCd25lak1YOTNWMWxqTENYV1FLUGFSdmdHaUpCRWo2TUtwTVpacUhBYk9sS0NHUUd2aU5keGlYVjYvS0l1VGVtMURVUWpMYk1WZ0pHRkd6SERWaWJ3Z0ZUN1JXTW1xSk12RVp0MGZTWDdQUXVxT0p3aUY3MTFQaDkyMU1mcERPcFBoT0tWcDJFc3EvS0N6RHI3Y0JubERONWRJRm9wd0tSeEdLanlsRTBNUWZtejJWSEFtY0dLY0pQeXBFV1dkcTlkWmNPL1hXamZuOUZZeEdubUZsN294aytMeVFPRkl1TFlnaVVtWUVJUVhrV3ZZUzZvSmZjcitIcmNvclpoM0dtTEV1bDBJSzlvck9CUjU1K3dLRG80SjcvS0s1WmVzaDYrZ2hrdGlVNGtJVzNtaGdpTEFGaUFhWGIxRVdKZkowZWdLaHZHWmxaak5YL2dFQ3ZlaENGaEYraWhjZmZWYUg2eEpTTFFMLzlDZ1hrMUhQSjJnaWJEcmFrbTR0VlZud3FNaGxDVGhuMFoxRVFvdjVXb0QySW9ZdUJ5NENtUHZjVW9XdzFFL1RralFMc1YzdFl6ZVhPNDNrb2doK3VjVTdVUmY1N2EzV1h6dTNUYnhMVXlTSnR3VG5SWFUzdEl3Nk5uT1Y5Q2lDTmlFWFVzOUdDNEpieWF4SE00akZvU25PY1dJODc3WWtuamk1V3Y2Qk9GWm5odDBKN0FhREZGclpRMFhvd2drT3AvUmh6Yk9iRFFlUmxyNUVPYW1uZTJZR2MwZWxtbG5Od3Y3dnVKdURXclJJd2kvOFdYTktBcHBubHlTaEhhZDY3NEZ6Mm8rU3NCbkNGRVUyQmZWaXBOTFFiOVA2YldrdDR2R1dvVENsM3pta1crY1FKRm9sUmdEWWQ4Uk95akR2TnJrMTQ1djRjc3Z3eDE1Z3JPT3VXQW94S2dYTkNwWE1TcTZ1b1AvSjRSM0JlR3JLSFB4Vnc0b2hSKysvOThuUlFjMU8zT1JpTkFNU1pQWVBDM0FpK0VRWGd5SDhHSTRoQmZESWJ3WUR1SEZjQWd2aGtONE1SekNpK0VRWGd5SDhHSTRoQmNqTHpmQkRmRGF1cGFEVzNnNFdjQmJodXVpZURFY0VzV0w0UTVobnBPZk16d2VqOGZqOFhnOEhvL0g0L0dneVB3SE4rTUJXWEhhUDdBQUFBQUFTVVZPUks1Q1lJST0iLz4KPC9kZWZzPgo8L3N2Zz4K"}),e("b",null,s("emptyTitle",this.language)),e("span",null,s("emptyDescription",this.language)))}render(){return e("div",{key:"25f70150e2c14010ecda0a3b1df56fdf8021c873",ref:t=>this.stylingContainer=t},0===this.challenges.length&&!this.loading&&this.renderEmptyState(),e("div",{key:"df8deb491992156cefa919b7e045ff9c0d602709",class:"challenges-list"},this.challenges.map(((t,n)=>e("div",{key:t.Id,ref:n===this.challenges.length-1?this.setLastItemRef:null,class:"list-item"},e("casino-challenge-card",{challenge:t,language:this.language,mbSource:this.mbSource,clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,translationUrl:this.translationUrl,onTimerExpired:this.onTimerExpired,activeTabIndex:this.activeTabIndex,isUserAuthorized:this.isUserAuthorized,userId:this.userId,endpoint:this.endpoint,session:this.session,domain:this.domain})))),this.loading&&this.renderSkeletons()))}get el(){return i(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};o.style=".empty {\n color: var(--emw--color-gray-50, #E2E2E2);\n padding: 80px 0 0;\n display: flex;\n gap: 12px;\n flex-direction: column;\n align-items: center;\n line-height: 24px;\n font-size: var(--emw--font-size-medium, 16px);\n text-align: center;\n}\n.empty img {\n height: 38px;\n margin-bottom: 18px;\n}\n\n.challenges-list {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 30px;\n width: 100%;\n}\n@container challenges-container (max-width: 670px) {\n .challenges-list .list-item {\n width: 100%;\n }\n}\n\n.loader {\n width: 308px;\n border-radius: 16px;\n border: 2px solid var(--emw--button-border-color, rgba(221, 255, 207, 0.1019607843));\n background-color: var(--emw--color-background, #141515);\n box-sizing: border-box;\n position: relative;\n}\n@container challenges-container (max-width: 576px) {\n .loader {\n width: 100%;\n }\n}\n.loader:hover {\n background: linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%);\n cursor: pointer;\n}\n.loader .SkeletonRows .SkeletonContainer {\n padding: 0 20px 0 20px;\n}\n.loader .SkeletonButton .Skeleton.SkeletonText {\n margin: 0;\n height: 28px;\n margin: 0 20px 20px 20px;\n border-radius: var(--emw--button-border-radius, 99px);\n width: auto;\n}\n.loader .Skeleton.SkeletonImage {\n border-radius: 16px 16px 0 0;\n}\n.loader .Skeleton.SkeletonText {\n margin: 20px 0;\n}";export{o as C,d as a,h as b,l as s}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as
|
|
1
|
+
import{p as e,b as n}from"./index-d84ca385.js";export{s as setNonce}from"./index-d84ca385.js";import{g as i}from"./app-globals-0f993ce5.js";(()=>{const n=import.meta.url,i={};return""!==n&&(i.resourcesUrl=new URL(".",n).href),e(i)})().then((async e=>(await i(),n([["casino-challenge-card_3",[[1,"casino-challenges-list",{mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],language:[513],translationUrl:[513,"translation-url"],challenges:[16],loading:[516],hasMore:[516,"has-more"],activeTabIndex:[514,"active-tab-index"],isUserAuthorized:[516,"is-user-authorized"],userId:[513,"user-id"],endpoint:[513],domain:[513],session:[513]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}],[1,"casino-challenge-card",{mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],language:[513],endpoint:[513],domain:[513],session:[513],challenge:[16],isUserAuthorized:[516,"is-user-authorized"],activeTabIndex:[514,"active-tab-index"],userId:[513,"user-id"],tooltipIndex:[32],timeLeft:[32],error:[32],hasError:[32],actionLoading:[32],isChallengePaused:[32]},null,{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}],[0,"ui-skeleton",{structure:[1],width:[1],height:[1],borderRadius:[8,"border-radius"],marginBottom:[8,"margin-bottom"],marginTop:[8,"margin-top"],marginLeft:[8,"margin-left"],marginRight:[8,"margin-right"],animation:[4],rows:[2],size:[1]},null,{structure:["handleStructureChange"]}]]]],e))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{C as CasinoChallengeList}from"./casino-challenges-list-
|
|
1
|
+
export{C as CasinoChallengeList}from"./casino-challenges-list-2f7889c4.js";import"./index-d84ca385.js";
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-6a66c51c.js');
|
|
6
|
-
const casinoChallengesList = require('./casino-challenges-list-
|
|
6
|
+
const casinoChallengesList = require('./casino-challenges-list-4fa5138e.js');
|
|
7
7
|
|
|
8
8
|
const DEFAULT_LANGUAGE = 'en';
|
|
9
9
|
const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hr'];
|
|
@@ -23,6 +23,7 @@ const TRANSLATIONS = {
|
|
|
23
23
|
forfeited: 'Forfeited',
|
|
24
24
|
finished: 'Finished',
|
|
25
25
|
suspended: 'Suspended',
|
|
26
|
+
unavailable: 'Unavailable',
|
|
26
27
|
start: 'Start',
|
|
27
28
|
resume: 'Resume',
|
|
28
29
|
pause: 'Pause',
|
|
@@ -43,6 +44,7 @@ const TRANSLATIONS = {
|
|
|
43
44
|
forfeited: 'Pierdut',
|
|
44
45
|
finished: 'Terminat',
|
|
45
46
|
suspended: 'Suspendat',
|
|
47
|
+
unavailable: 'Indisponibil',
|
|
46
48
|
start: 'Start',
|
|
47
49
|
resume: 'Reia',
|
|
48
50
|
pause: 'Pauză'
|
|
@@ -62,6 +64,7 @@ const TRANSLATIONS = {
|
|
|
62
64
|
forfeited: 'Forfait',
|
|
63
65
|
finished: 'Terminé',
|
|
64
66
|
suspended: 'Suspendu',
|
|
67
|
+
unavailable: 'Indisponible',
|
|
65
68
|
start: 'Démarrer',
|
|
66
69
|
resume: 'Reprendre',
|
|
67
70
|
pause: 'Pause'
|
|
@@ -81,6 +84,7 @@ const TRANSLATIONS = {
|
|
|
81
84
|
forfeited: 'خاسر',
|
|
82
85
|
finished: 'منتهي',
|
|
83
86
|
suspended: 'معلق',
|
|
87
|
+
unavailable: 'غير متاح',
|
|
84
88
|
start: 'ابدأ',
|
|
85
89
|
resume: 'استئناف',
|
|
86
90
|
pause: 'إيقاف مؤقت'
|
|
@@ -100,6 +104,7 @@ const TRANSLATIONS = {
|
|
|
100
104
|
forfeited: 'Oduzeto',
|
|
101
105
|
finished: 'Završeno',
|
|
102
106
|
suspended: 'Suspendirano',
|
|
107
|
+
unavailable: 'غير متاح',
|
|
103
108
|
start: 'Počni',
|
|
104
109
|
resume: 'Nastavi',
|
|
105
110
|
pause: 'Pauza'
|
|
@@ -153,24 +158,32 @@ var EChallengeRewardType;
|
|
|
153
158
|
EChallengeRewardType[EChallengeRewardType["Challenge"] = 3] = "Challenge";
|
|
154
159
|
EChallengeRewardType[EChallengeRewardType["Custom"] = 4] = "Custom";
|
|
155
160
|
})(EChallengeRewardType || (EChallengeRewardType = {}));
|
|
161
|
+
var EChallengeStatus;
|
|
162
|
+
(function (EChallengeStatus) {
|
|
163
|
+
EChallengeStatus[EChallengeStatus["Draft"] = 0] = "Draft";
|
|
164
|
+
EChallengeStatus[EChallengeStatus["Enabled"] = 1] = "Enabled";
|
|
165
|
+
EChallengeStatus[EChallengeStatus["Paused"] = 2] = "Paused";
|
|
166
|
+
EChallengeStatus[EChallengeStatus["Closed"] = 3] = "Closed";
|
|
167
|
+
EChallengeStatus[EChallengeStatus["Deleted"] = 4] = "Deleted";
|
|
168
|
+
})(EChallengeStatus || (EChallengeStatus = {}));
|
|
156
169
|
var EChallengeProgressStatus;
|
|
157
170
|
(function (EChallengeProgressStatus) {
|
|
158
|
-
EChallengeProgressStatus[EChallengeProgressStatus["
|
|
171
|
+
EChallengeProgressStatus[EChallengeProgressStatus["Started"] = 0] = "Started";
|
|
159
172
|
EChallengeProgressStatus[EChallengeProgressStatus["InProgress"] = 1] = "InProgress";
|
|
160
|
-
EChallengeProgressStatus[EChallengeProgressStatus["
|
|
173
|
+
EChallengeProgressStatus[EChallengeProgressStatus["PendingLevelReward"] = 2] = "PendingLevelReward";
|
|
161
174
|
EChallengeProgressStatus[EChallengeProgressStatus["Completed"] = 3] = "Completed";
|
|
175
|
+
EChallengeProgressStatus[EChallengeProgressStatus["Expired"] = 4] = "Expired";
|
|
176
|
+
EChallengeProgressStatus[EChallengeProgressStatus["Forfeited"] = 5] = "Forfeited";
|
|
177
|
+
EChallengeProgressStatus[EChallengeProgressStatus["Awaiting"] = 6] = "Awaiting";
|
|
178
|
+
EChallengeProgressStatus[EChallengeProgressStatus["Paused"] = 7] = "Paused";
|
|
162
179
|
})(EChallengeProgressStatus || (EChallengeProgressStatus = {}));
|
|
163
|
-
var
|
|
164
|
-
(function (
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
EChallengeStatus[EChallengeStatus["Forfeited"] = 5] = "Forfeited";
|
|
171
|
-
EChallengeStatus[EChallengeStatus["Awaiting"] = 6] = "Awaiting";
|
|
172
|
-
EChallengeStatus[EChallengeStatus["Paused"] = 7] = "Paused";
|
|
173
|
-
})(EChallengeStatus || (EChallengeStatus = {}));
|
|
180
|
+
var EChallengeProgressLevelStatus;
|
|
181
|
+
(function (EChallengeProgressLevelStatus) {
|
|
182
|
+
EChallengeProgressLevelStatus[EChallengeProgressLevelStatus["Closed"] = 0] = "Closed";
|
|
183
|
+
EChallengeProgressLevelStatus[EChallengeProgressLevelStatus["InProgress"] = 1] = "InProgress";
|
|
184
|
+
EChallengeProgressLevelStatus[EChallengeProgressLevelStatus["Fillup"] = 2] = "Fillup";
|
|
185
|
+
EChallengeProgressLevelStatus[EChallengeProgressLevelStatus["Completed"] = 3] = "Completed";
|
|
186
|
+
})(EChallengeProgressLevelStatus || (EChallengeProgressLevelStatus = {}));
|
|
174
187
|
const ChallengeStatusDictionary = [
|
|
175
188
|
'started',
|
|
176
189
|
'inProgress',
|
|
@@ -226,16 +239,21 @@ const CasinoChallengeCard = class {
|
|
|
226
239
|
var _a;
|
|
227
240
|
if (!level)
|
|
228
241
|
return '';
|
|
229
|
-
const minbet = ((_a = level.BetRange) === null || _a === void 0 ? void 0 : _a.MinBet)
|
|
230
|
-
? `, ${translate('minBet', this.language)} ${currencySymbol + level.BetRange.MinBet}`
|
|
231
|
-
: '';
|
|
232
242
|
switch (level.LevelTargetType) {
|
|
233
|
-
case EChallengeLevelTargetType.Accumulative:
|
|
243
|
+
case EChallengeLevelTargetType.Accumulative: {
|
|
244
|
+
const minbet = ((_a = level.BetRange) === null || _a === void 0 ? void 0 : _a.MinBet)
|
|
245
|
+
? `, ${translate('minBet', this.language)} ${currencySymbol + level.BetRange.MinBet}`
|
|
246
|
+
: '';
|
|
234
247
|
return `${translate('placeBetsOf', this.language)} ${currencySymbol + level.DisplayCurrencyTargetTurnover + minbet}`;
|
|
248
|
+
}
|
|
235
249
|
case EChallengeLevelTargetType.SingleBet:
|
|
236
250
|
return `${translate('place', this.language)} ${currencySymbol + level.TargetTurnover} ${translate('bet', this.language)}`;
|
|
237
|
-
case EChallengeLevelTargetType.MultipleOneBetSize:
|
|
251
|
+
case EChallengeLevelTargetType.MultipleOneBetSize: {
|
|
252
|
+
const minbet = level.TargetTurnover
|
|
253
|
+
? `, ${translate('minBet', this.language)} ${currencySymbol + level.TargetTurnover}`
|
|
254
|
+
: '';
|
|
238
255
|
return `${translate('place', this.language)} ${level.TargetBetCount} ${translate('bets', this.language) + minbet}`;
|
|
256
|
+
}
|
|
239
257
|
}
|
|
240
258
|
};
|
|
241
259
|
this.onMouseEnterHandler = (index, el) => {
|
|
@@ -247,14 +265,17 @@ const CasinoChallengeCard = class {
|
|
|
247
265
|
this.tooltipIndex = null;
|
|
248
266
|
};
|
|
249
267
|
this.getBadgeContent = () => {
|
|
268
|
+
if (this.isChallengePaused) {
|
|
269
|
+
return translate('unavailable', this.language);
|
|
270
|
+
}
|
|
250
271
|
switch (this.challenge.Status) {
|
|
251
|
-
case
|
|
272
|
+
case EChallengeProgressStatus.Expired:
|
|
252
273
|
return translate('expired', this.language);
|
|
253
|
-
case
|
|
274
|
+
case EChallengeProgressStatus.Forfeited:
|
|
254
275
|
return translate('forfeited', this.language);
|
|
255
|
-
case
|
|
276
|
+
case EChallengeProgressStatus.Completed:
|
|
256
277
|
return translate('finished', this.language);
|
|
257
|
-
case
|
|
278
|
+
case EChallengeProgressStatus.Paused:
|
|
258
279
|
return translate('suspended', this.language);
|
|
259
280
|
default:
|
|
260
281
|
return this.timeLeft
|
|
@@ -262,11 +283,11 @@ const CasinoChallengeCard = class {
|
|
|
262
283
|
: translate('expired', this.language);
|
|
263
284
|
}
|
|
264
285
|
};
|
|
265
|
-
this.goToDetailsPage = (
|
|
286
|
+
this.goToDetailsPage = () => {
|
|
266
287
|
window.postMessage({
|
|
267
288
|
type: 'GoToDetailsPage',
|
|
268
289
|
info: {
|
|
269
|
-
challengeId:
|
|
290
|
+
challengeId: this.challenge.ChallengeId,
|
|
270
291
|
activeTabIndex: this.activeTabIndex
|
|
271
292
|
}
|
|
272
293
|
}, window.location.href);
|
|
@@ -296,28 +317,28 @@ const CasinoChallengeCard = class {
|
|
|
296
317
|
this.error = '';
|
|
297
318
|
this.hasError = false;
|
|
298
319
|
this.actionLoading = false;
|
|
320
|
+
this.isChallengePaused = false;
|
|
299
321
|
}
|
|
300
322
|
get infoItems() {
|
|
301
|
-
var _a, _b, _c, _d, _e
|
|
323
|
+
var _a, _b, _c, _d, _e;
|
|
302
324
|
let level = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.LevelProgresses.find((x) => x.OrderNumber === 0);
|
|
303
325
|
if (this.isUserAuthorized) {
|
|
304
326
|
level =
|
|
305
|
-
(_c = (_b = this.challenge) === null || _b === void 0 ? void 0 : _b.LevelProgresses.find((x) => x.ProgressStatus ===
|
|
327
|
+
(_c = (_b = this.challenge) === null || _b === void 0 ? void 0 : _b.LevelProgresses.find((x) => x.ProgressStatus === EChallengeProgressLevelStatus.InProgress)) !== null && _c !== void 0 ? _c : level;
|
|
306
328
|
}
|
|
307
329
|
if (level) {
|
|
308
|
-
const rewardValue = (_d = level.Rewards) === null || _d === void 0 ? void 0 : _d.slice(0, 2).map((r) => r.RewardDescription).join(' + ');
|
|
309
330
|
return [
|
|
310
331
|
{
|
|
311
332
|
lable: translate('totalLevels', this.language),
|
|
312
|
-
value: ((
|
|
333
|
+
value: ((_d = this.challenge.LevelProgresses) === null || _d === void 0 ? void 0 : _d.length) || '-'
|
|
313
334
|
},
|
|
314
335
|
{
|
|
315
336
|
lable: translate('level1', this.language),
|
|
316
|
-
value: this.calculateTargetValue(level, (
|
|
337
|
+
value: this.calculateTargetValue(level, (_e = this.challenge) === null || _e === void 0 ? void 0 : _e.CurrencySymbol) || '-'
|
|
317
338
|
},
|
|
318
339
|
{
|
|
319
340
|
lable: translate('get', this.language),
|
|
320
|
-
value:
|
|
341
|
+
value: level.CustomRewardMessage || '-'
|
|
321
342
|
}
|
|
322
343
|
];
|
|
323
344
|
}
|
|
@@ -350,6 +371,7 @@ const CasinoChallengeCard = class {
|
|
|
350
371
|
this.updateTime();
|
|
351
372
|
}
|
|
352
373
|
componentDidLoad() {
|
|
374
|
+
this.isChallengePaused = this.challenge.ChallengeStatus === EChallengeStatus.Paused;
|
|
353
375
|
if (this.stylingContainer) {
|
|
354
376
|
if (this.mbSource)
|
|
355
377
|
casinoChallengesList.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
@@ -370,7 +392,7 @@ const CasinoChallengeCard = class {
|
|
|
370
392
|
this.timeLeft = getTimeLeft((_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ExpirationTime);
|
|
371
393
|
if (!this.timeLeft && this.timerExpired) {
|
|
372
394
|
clearInterval(this.timerId);
|
|
373
|
-
this.challenge.Status =
|
|
395
|
+
this.challenge.Status = EChallengeProgressStatus.Expired;
|
|
374
396
|
this.timerExpired.emit(this.challenge.Id);
|
|
375
397
|
}
|
|
376
398
|
}
|
|
@@ -378,68 +400,71 @@ const CasinoChallengeCard = class {
|
|
|
378
400
|
return (index.h("div", { class: `info-item ${this.isChallengeGrayed}`, onMouseEnter: (e) => this.onMouseEnterHandler(index$1, e.currentTarget), onMouseLeave: this.onMouseLeaveHandler }, index.h("span", { class: "info-item__label" }, item.lable), item.value, this.tooltipIndex === index$1 && index.h("div", { class: "info-item__tooltip" }, item.value)));
|
|
379
401
|
}
|
|
380
402
|
get getCardBadge() {
|
|
381
|
-
return (index.h("div", { class: `card__badge ${
|
|
403
|
+
return (index.h("div", { class: `card__badge ${this.isChallengePaused
|
|
404
|
+
? ChallengeStatusDictionary[EChallengeProgressStatus.Expired]
|
|
405
|
+
: ChallengeStatusDictionary[this.challenge.Status]}` }, this.getBadgeContent()));
|
|
382
406
|
}
|
|
383
407
|
get isChallengeGrayed() {
|
|
384
|
-
return [
|
|
408
|
+
return [
|
|
409
|
+
EChallengeProgressStatus.Expired,
|
|
410
|
+
EChallengeProgressStatus.Forfeited,
|
|
411
|
+
EChallengeProgressStatus.Completed
|
|
412
|
+
].includes(this.challenge.Status) || this.isChallengePaused
|
|
385
413
|
? 'grayed'
|
|
386
414
|
: '';
|
|
387
415
|
}
|
|
388
416
|
get getChallengeProgress() {
|
|
389
417
|
var _a;
|
|
390
|
-
const currLevel = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.LevelProgresses.find((x) => x.ProgressStatus ===
|
|
391
|
-
if (!this.isUserAuthorized || !currLevel)
|
|
418
|
+
const currLevel = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.LevelProgresses.find((x) => x.ProgressStatus === EChallengeProgressLevelStatus.InProgress);
|
|
419
|
+
if (this.isChallengePaused || !this.isUserAuthorized || !currLevel)
|
|
392
420
|
return null;
|
|
393
421
|
const { Status, LevelProgresses } = this.challenge;
|
|
394
|
-
if (Status ===
|
|
422
|
+
if (Status === EChallengeProgressStatus.Expired || Status === EChallengeProgressStatus.Started) {
|
|
395
423
|
return index.h("div", { class: "progress__placeholder" });
|
|
396
424
|
}
|
|
397
|
-
const barValue = Status ===
|
|
425
|
+
const barValue = Status === EChallengeProgressStatus.Paused
|
|
398
426
|
? translate('suspended', this.language)
|
|
399
|
-
: Status ===
|
|
427
|
+
: Status === EChallengeProgressStatus.Completed
|
|
400
428
|
? translate('finished', this.language)
|
|
401
429
|
: `${currLevel.ProgressPercentage}%`;
|
|
402
430
|
const isLastLevel = !LevelProgresses.some((x) => x.OrderNumber > currLevel.OrderNumber);
|
|
403
|
-
const secondImgSrc = Status ===
|
|
431
|
+
const secondImgSrc = Status === EChallengeProgressStatus.Completed ? trophySvg : isLastLevel ? finishSvg : '';
|
|
404
432
|
return (index.h("div", { class: {
|
|
405
433
|
progress: true,
|
|
406
|
-
paused: Status ===
|
|
407
|
-
grayed: Status ===
|
|
434
|
+
paused: Status === EChallengeProgressStatus.Paused,
|
|
435
|
+
grayed: Status === EChallengeProgressStatus.Forfeited
|
|
408
436
|
} }, index.h("div", { class: {
|
|
409
437
|
progress__point: true,
|
|
410
438
|
start: true,
|
|
411
|
-
hidden: Status ===
|
|
439
|
+
hidden: Status === EChallengeProgressStatus.Completed
|
|
412
440
|
} }, currLevel.OrderNumber + 1), index.h("div", { class: {
|
|
413
441
|
progress__bar: true,
|
|
414
|
-
finished: Status ===
|
|
442
|
+
finished: Status === EChallengeProgressStatus.Completed
|
|
415
443
|
}, style: { width: `${currLevel.ProgressPercentage}%` } }, barValue), index.h("div", { class: {
|
|
416
444
|
progress__point: true,
|
|
417
445
|
end: true,
|
|
418
|
-
finished: Status ===
|
|
446
|
+
finished: Status === EChallengeProgressStatus.Completed
|
|
419
447
|
} }, secondImgSrc ? index.h("img", { class: "progress__icon", src: secondImgSrc }) : currLevel.OrderNumber + 2)));
|
|
420
448
|
}
|
|
421
449
|
get getCardButton() {
|
|
422
|
-
if (this.isUserAuthorized) {
|
|
423
|
-
if (this.challenge.Status ===
|
|
450
|
+
if (this.isUserAuthorized && !this.isChallengePaused) {
|
|
451
|
+
if (this.challenge.Status === EChallengeProgressStatus.Started) {
|
|
424
452
|
return (index.h("button", { class: "card__button filled", disabled: this.actionLoading, onClick: () => this.joinUnjoinProgress(true) }, translate('start', this.language)));
|
|
425
453
|
}
|
|
426
|
-
if (this.challenge.Status ===
|
|
454
|
+
if (this.challenge.Status === EChallengeProgressStatus.Paused) {
|
|
427
455
|
return (index.h("button", { class: "card__button grayed", disabled: this.actionLoading, onClick: () => this.joinUnjoinProgress(true) }, translate('resume', this.language)));
|
|
428
456
|
}
|
|
429
|
-
if (this.challenge.Status ===
|
|
430
|
-
this.challenge.Status ===
|
|
457
|
+
if (this.challenge.Status === EChallengeProgressStatus.InProgress ||
|
|
458
|
+
this.challenge.Status === EChallengeProgressStatus.PendingLevelReward) {
|
|
431
459
|
return (index.h("button", { class: "card__button grayed", disabled: this.actionLoading, onClick: () => this.joinUnjoinProgress(false) }, translate('pause', this.language)));
|
|
432
460
|
}
|
|
433
461
|
}
|
|
434
|
-
|
|
435
|
-
return (index.h("button", { class: "card__button", onClick: this.goToDetailsPage(detailsId) }, translate('viewDetails', this.language)));
|
|
462
|
+
return index.h("button", { class: "card__button" }, translate('viewDetails', this.language));
|
|
436
463
|
}
|
|
437
464
|
async joinUnjoinProgress(join) {
|
|
438
|
-
|
|
439
|
-
const progress = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.LevelProgresses.find((x) => x.ProgressStatus === EChallengeProgressStatus.InProgress);
|
|
440
|
-
if (!this.checkAttrs()) {
|
|
465
|
+
if (!this.checkAttrs() && this.challenge) {
|
|
441
466
|
const url = `${this.endpoint}/challenge/ChangeProgressStatus`;
|
|
442
|
-
const body = Object.assign(Object.assign(Object.assign({ DomainId: this.domain }, (this.session && { PlayerSessionId: this.session })), (this.userId && { InternalUserId: this.userId })), (join ? { ProgressToActivate:
|
|
467
|
+
const body = Object.assign(Object.assign(Object.assign({ DomainId: this.domain }, (this.session && { PlayerSessionId: this.session })), (this.userId && { InternalUserId: this.userId })), (join ? { ProgressToActivate: this.challenge.Id } : { ProgressToDeactivate: this.challenge.Id }));
|
|
443
468
|
this.actionLoading = true;
|
|
444
469
|
return fetch(url, {
|
|
445
470
|
method: 'POST',
|
|
@@ -457,7 +482,7 @@ const CasinoChallengeCard = class {
|
|
|
457
482
|
}
|
|
458
483
|
render() {
|
|
459
484
|
var _a, _b, _c, _d;
|
|
460
|
-
return (index.h("div", { key: '
|
|
485
|
+
return (index.h("div", { key: '9e7fac60f8b832183578ec00e6e88e37ab4a4d41', ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: 'a044740c3586e9151dfe38c50c51ada830622316', class: "card", onClick: this.goToDetailsPage }, index.h("img", { key: '25dd98c358074160ad4f32241deb5f99c30829ed', class: `card__image ${this.isChallengeGrayed}`, src: (_b = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ChallengePresentation) === null || _b === void 0 ? void 0 : _b.BannerUrl }), this.getCardBadge, this.challenge.IsNew && this.renderNewLabel(), index.h("div", { key: '9236700fe41744ccfd78d16364dfb49eff350926', class: "card__content" }, index.h("h1", { key: 'c4207cf505d6fa57ab61dd4142c7bcfccc981a02', class: "card__title" }, (_d = (_c = this.challenge) === null || _c === void 0 ? void 0 : _c.ChallengePresentation) === null || _d === void 0 ? void 0 : _d.PresentationName), this.getChallengeProgress, this.infoItems.map((x, index) => this.renderInfoItem(x, index)), this.getCardButton))));
|
|
461
486
|
}
|
|
462
487
|
static get watchers() { return {
|
|
463
488
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -467,7 +492,7 @@ const CasinoChallengeCard = class {
|
|
|
467
492
|
};
|
|
468
493
|
CasinoChallengeCard.style = CasinoChallengeCardStyle0;
|
|
469
494
|
|
|
470
|
-
const uiSkeletonCss = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.
|
|
495
|
+
const uiSkeletonCss = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.SkeletonRectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.SkeletonCircle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.SkeletonText{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.SkeletonText:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.SkeletonTitle{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.SkeletonImage{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.SkeletonLogo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}";
|
|
471
496
|
const UiSkeletonStyle0 = uiSkeletonCss;
|
|
472
497
|
|
|
473
498
|
const UiSkeleton = class {
|
|
@@ -481,7 +506,7 @@ const UiSkeleton = class {
|
|
|
481
506
|
marginTop: this.handleStylingProps(this.marginTop),
|
|
482
507
|
marginLeft: this.handleStylingProps(this.marginLeft),
|
|
483
508
|
marginRight: this.handleStylingProps(this.marginRight),
|
|
484
|
-
size: this.handleStylingProps(this.size)
|
|
509
|
+
size: this.handleStylingProps(this.size),
|
|
485
510
|
};
|
|
486
511
|
this.structure = undefined;
|
|
487
512
|
this.width = 'unset';
|
|
@@ -538,22 +563,22 @@ const UiSkeleton = class {
|
|
|
538
563
|
}
|
|
539
564
|
}
|
|
540
565
|
renderLogo() {
|
|
541
|
-
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: '
|
|
566
|
+
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'SkeletonLogo ' + (this.animation ? 'Skeleton' : '') })));
|
|
542
567
|
}
|
|
543
568
|
renderImage() {
|
|
544
|
-
return index.h("div", { class: '
|
|
569
|
+
return index.h("div", { class: 'SkeletonImage ' + (this.animation ? 'Skeleton' : '') });
|
|
545
570
|
}
|
|
546
571
|
renderTitle() {
|
|
547
|
-
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: '
|
|
572
|
+
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'SkeletonTitle ' + (this.animation ? 'Skeleton' : '') })));
|
|
548
573
|
}
|
|
549
574
|
renderText() {
|
|
550
|
-
return (index.h("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((_, index$1) => (index.h("div", { key: index$1, class: '
|
|
575
|
+
return (index.h("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((_, index$1) => (index.h("div", { key: index$1, class: 'SkeletonText ' + (this.animation ? 'Skeleton' : '') })))));
|
|
551
576
|
}
|
|
552
577
|
renderRectangle() {
|
|
553
|
-
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: '
|
|
578
|
+
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'SkeletonRectangle ' + (this.animation ? 'Skeleton' : '') })));
|
|
554
579
|
}
|
|
555
580
|
renderCircle() {
|
|
556
|
-
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: '
|
|
581
|
+
return (index.h("div", { class: "SkeletonContainer" }, index.h("div", { class: 'SkeletonCircle ' + (this.animation ? 'Skeleton' : '') })));
|
|
557
582
|
}
|
|
558
583
|
render() {
|
|
559
584
|
let styleBlock = '';
|
|
@@ -633,7 +658,7 @@ const UiSkeleton = class {
|
|
|
633
658
|
default:
|
|
634
659
|
styleBlock = '';
|
|
635
660
|
}
|
|
636
|
-
return (index.h(index.Host, { key: '
|
|
661
|
+
return (index.h(index.Host, { key: 'c2a2650acd416962a2bc4e1a7ee18bc6d8e2def8' }, index.h("style", { key: '9bd7fc1f9e9ed9f17735a7b72fce6f09696f5e19' }, styleBlock), this.handleStructure(this.structure)));
|
|
637
662
|
}
|
|
638
663
|
static get watchers() { return {
|
|
639
664
|
"structure": ["handleStructureChange"]
|
|
@@ -77,7 +77,7 @@ const translate = (key, customLang) => {
|
|
|
77
77
|
return TRANSLATIONS[lang !== undefined && lang in TRANSLATIONS ? lang : DEFAULT_LANGUAGE][key];
|
|
78
78
|
};
|
|
79
79
|
|
|
80
|
-
const casinoChallengesListCss = ".empty {\n color: var(--emw--color-gray-50, #E2E2E2);\n padding: 80px 0 0;\n display: flex;\n gap: 12px;\n flex-direction: column;\n align-items: center;\n line-height: 24px;\n font-size: var(--emw--font-size-medium, 16px);\n text-align: center;\n}\n.empty img {\n height: 38px;\n margin-bottom: 18px;\n}\n\n.challenges-list {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 30px;\n width: 100%;\n}\n@container challenges-container (max-width: 670px) {\n .challenges-list .list-item {\n width: 100%;\n }\n}\n\n.loader {\n width: 308px;\n border-radius: 16px;\n border: 2px solid var(--emw--button-border-color, rgba(221, 255, 207, 0.1019607843));\n background-color: var(--emw--color-background, #141515);\n box-sizing: border-box;\n position: relative;\n}\n@container challenges-container (max-width: 576px) {\n .loader {\n width: 100%;\n }\n}\n.loader:hover {\n background: linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%);\n cursor: pointer;\n}\n.loader .SkeletonRows .SkeletonContainer {\n padding: 0 20px 0 20px;\n}\n.loader .SkeletonButton .Skeleton.
|
|
80
|
+
const casinoChallengesListCss = ".empty {\n color: var(--emw--color-gray-50, #E2E2E2);\n padding: 80px 0 0;\n display: flex;\n gap: 12px;\n flex-direction: column;\n align-items: center;\n line-height: 24px;\n font-size: var(--emw--font-size-medium, 16px);\n text-align: center;\n}\n.empty img {\n height: 38px;\n margin-bottom: 18px;\n}\n\n.challenges-list {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 30px;\n width: 100%;\n}\n@container challenges-container (max-width: 670px) {\n .challenges-list .list-item {\n width: 100%;\n }\n}\n\n.loader {\n width: 308px;\n border-radius: 16px;\n border: 2px solid var(--emw--button-border-color, rgba(221, 255, 207, 0.1019607843));\n background-color: var(--emw--color-background, #141515);\n box-sizing: border-box;\n position: relative;\n}\n@container challenges-container (max-width: 576px) {\n .loader {\n width: 100%;\n }\n}\n.loader:hover {\n background: linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%);\n cursor: pointer;\n}\n.loader .SkeletonRows .SkeletonContainer {\n padding: 0 20px 0 20px;\n}\n.loader .SkeletonButton .Skeleton.SkeletonText {\n margin: 0;\n height: 28px;\n margin: 0 20px 20px 20px;\n border-radius: var(--emw--button-border-radius, 99px);\n width: auto;\n}\n.loader .Skeleton.SkeletonImage {\n border-radius: 16px 16px 0 0;\n}\n.loader .Skeleton.SkeletonText {\n margin: 20px 0;\n}";
|
|
81
81
|
const CasinoChallengesListStyle0 = casinoChallengesListCss;
|
|
82
82
|
|
|
83
83
|
const skeletons = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy([["casino-challenge-card_3.cjs",[[1,"casino-challenges-list",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"challenges":[16],"loading":[516],"hasMore":[516,"has-more"],"activeTabIndex":[514,"active-tab-index"],"isUserAuthorized":[516,"is-user-authorized"],"userId":[513,"user-id"],"endpoint":[513],"domain":[513],"session":[513]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"casino-challenge-card",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"challenge":[16],"isUserAuthorized":[516,"is-user-authorized"],"activeTabIndex":[514,"active-tab-index"],"userId":[513,"user-id"],"tooltipIndex":[32],"timeLeft":[32],"error":[32],"hasError":[32],"actionLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
|
|
22
|
+
return index.bootstrapLazy([["casino-challenge-card_3.cjs",[[1,"casino-challenges-list",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"challenges":[16],"loading":[516],"hasMore":[516,"has-more"],"activeTabIndex":[514,"active-tab-index"],"isUserAuthorized":[516,"is-user-authorized"],"userId":[513,"user-id"],"endpoint":[513],"domain":[513],"session":[513]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"casino-challenge-card",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"challenge":[16],"isUserAuthorized":[516,"is-user-authorized"],"activeTabIndex":[514,"active-tab-index"],"userId":[513,"user-id"],"tooltipIndex":[32],"timeLeft":[32],"error":[32],"hasError":[32],"actionLoading":[32],"isChallengePaused":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
package/dist/cjs/index.cjs.js
CHANGED
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await appGlobals.globalScripts();
|
|
11
|
-
return index.bootstrapLazy([["casino-challenge-card_3.cjs",[[1,"casino-challenges-list",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"challenges":[16],"loading":[516],"hasMore":[516,"has-more"],"activeTabIndex":[514,"active-tab-index"],"isUserAuthorized":[516,"is-user-authorized"],"userId":[513,"user-id"],"endpoint":[513],"domain":[513],"session":[513]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"casino-challenge-card",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"challenge":[16],"isUserAuthorized":[516,"is-user-authorized"],"activeTabIndex":[514,"active-tab-index"],"userId":[513,"user-id"],"tooltipIndex":[32],"timeLeft":[32],"error":[32],"hasError":[32],"actionLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
|
|
11
|
+
return index.bootstrapLazy([["casino-challenge-card_3.cjs",[[1,"casino-challenges-list",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"challenges":[16],"loading":[516],"hasMore":[516,"has-more"],"activeTabIndex":[514,"active-tab-index"],"isUserAuthorized":[516,"is-user-authorized"],"userId":[513,"user-id"],"endpoint":[513],"domain":[513],"session":[513]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"casino-challenge-card",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"challenge":[16],"isUserAuthorized":[516,"is-user-authorized"],"activeTabIndex":[514,"active-tab-index"],"userId":[513,"user-id"],"tooltipIndex":[32],"timeLeft":[32],"error":[32],"hasError":[32],"actionLoading":[32],"isChallengePaused":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -47,16 +47,16 @@
|
|
|
47
47
|
.loader .SkeletonRows .SkeletonContainer {
|
|
48
48
|
padding: 0 20px 0 20px;
|
|
49
49
|
}
|
|
50
|
-
.loader .SkeletonButton .Skeleton.
|
|
50
|
+
.loader .SkeletonButton .Skeleton.SkeletonText {
|
|
51
51
|
margin: 0;
|
|
52
52
|
height: 28px;
|
|
53
53
|
margin: 0 20px 20px 20px;
|
|
54
54
|
border-radius: var(--emw--button-border-radius, 99px);
|
|
55
55
|
width: auto;
|
|
56
56
|
}
|
|
57
|
-
.loader .Skeleton.
|
|
57
|
+
.loader .Skeleton.SkeletonImage {
|
|
58
58
|
border-radius: 16px 16px 0 0;
|
|
59
59
|
}
|
|
60
|
-
.loader .Skeleton.
|
|
60
|
+
.loader .Skeleton.SkeletonText {
|
|
61
61
|
margin: 20px 0;
|
|
62
62
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host } from './index-d84ca385.js';
|
|
2
|
-
import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './casino-challenges-list-
|
|
3
|
-
export { C as casino_challenges_list } from './casino-challenges-list-
|
|
2
|
+
import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './casino-challenges-list-2f7889c4.js';
|
|
3
|
+
export { C as casino_challenges_list } from './casino-challenges-list-2f7889c4.js';
|
|
4
4
|
|
|
5
5
|
const DEFAULT_LANGUAGE = 'en';
|
|
6
6
|
const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hr'];
|
|
@@ -20,6 +20,7 @@ const TRANSLATIONS = {
|
|
|
20
20
|
forfeited: 'Forfeited',
|
|
21
21
|
finished: 'Finished',
|
|
22
22
|
suspended: 'Suspended',
|
|
23
|
+
unavailable: 'Unavailable',
|
|
23
24
|
start: 'Start',
|
|
24
25
|
resume: 'Resume',
|
|
25
26
|
pause: 'Pause',
|
|
@@ -40,6 +41,7 @@ const TRANSLATIONS = {
|
|
|
40
41
|
forfeited: 'Pierdut',
|
|
41
42
|
finished: 'Terminat',
|
|
42
43
|
suspended: 'Suspendat',
|
|
44
|
+
unavailable: 'Indisponibil',
|
|
43
45
|
start: 'Start',
|
|
44
46
|
resume: 'Reia',
|
|
45
47
|
pause: 'Pauză'
|
|
@@ -59,6 +61,7 @@ const TRANSLATIONS = {
|
|
|
59
61
|
forfeited: 'Forfait',
|
|
60
62
|
finished: 'Terminé',
|
|
61
63
|
suspended: 'Suspendu',
|
|
64
|
+
unavailable: 'Indisponible',
|
|
62
65
|
start: 'Démarrer',
|
|
63
66
|
resume: 'Reprendre',
|
|
64
67
|
pause: 'Pause'
|
|
@@ -78,6 +81,7 @@ const TRANSLATIONS = {
|
|
|
78
81
|
forfeited: 'خاسر',
|
|
79
82
|
finished: 'منتهي',
|
|
80
83
|
suspended: 'معلق',
|
|
84
|
+
unavailable: 'غير متاح',
|
|
81
85
|
start: 'ابدأ',
|
|
82
86
|
resume: 'استئناف',
|
|
83
87
|
pause: 'إيقاف مؤقت'
|
|
@@ -97,6 +101,7 @@ const TRANSLATIONS = {
|
|
|
97
101
|
forfeited: 'Oduzeto',
|
|
98
102
|
finished: 'Završeno',
|
|
99
103
|
suspended: 'Suspendirano',
|
|
104
|
+
unavailable: 'غير متاح',
|
|
100
105
|
start: 'Počni',
|
|
101
106
|
resume: 'Nastavi',
|
|
102
107
|
pause: 'Pauza'
|
|
@@ -150,24 +155,32 @@ var EChallengeRewardType;
|
|
|
150
155
|
EChallengeRewardType[EChallengeRewardType["Challenge"] = 3] = "Challenge";
|
|
151
156
|
EChallengeRewardType[EChallengeRewardType["Custom"] = 4] = "Custom";
|
|
152
157
|
})(EChallengeRewardType || (EChallengeRewardType = {}));
|
|
158
|
+
var EChallengeStatus;
|
|
159
|
+
(function (EChallengeStatus) {
|
|
160
|
+
EChallengeStatus[EChallengeStatus["Draft"] = 0] = "Draft";
|
|
161
|
+
EChallengeStatus[EChallengeStatus["Enabled"] = 1] = "Enabled";
|
|
162
|
+
EChallengeStatus[EChallengeStatus["Paused"] = 2] = "Paused";
|
|
163
|
+
EChallengeStatus[EChallengeStatus["Closed"] = 3] = "Closed";
|
|
164
|
+
EChallengeStatus[EChallengeStatus["Deleted"] = 4] = "Deleted";
|
|
165
|
+
})(EChallengeStatus || (EChallengeStatus = {}));
|
|
153
166
|
var EChallengeProgressStatus;
|
|
154
167
|
(function (EChallengeProgressStatus) {
|
|
155
|
-
EChallengeProgressStatus[EChallengeProgressStatus["
|
|
168
|
+
EChallengeProgressStatus[EChallengeProgressStatus["Started"] = 0] = "Started";
|
|
156
169
|
EChallengeProgressStatus[EChallengeProgressStatus["InProgress"] = 1] = "InProgress";
|
|
157
|
-
EChallengeProgressStatus[EChallengeProgressStatus["
|
|
170
|
+
EChallengeProgressStatus[EChallengeProgressStatus["PendingLevelReward"] = 2] = "PendingLevelReward";
|
|
158
171
|
EChallengeProgressStatus[EChallengeProgressStatus["Completed"] = 3] = "Completed";
|
|
172
|
+
EChallengeProgressStatus[EChallengeProgressStatus["Expired"] = 4] = "Expired";
|
|
173
|
+
EChallengeProgressStatus[EChallengeProgressStatus["Forfeited"] = 5] = "Forfeited";
|
|
174
|
+
EChallengeProgressStatus[EChallengeProgressStatus["Awaiting"] = 6] = "Awaiting";
|
|
175
|
+
EChallengeProgressStatus[EChallengeProgressStatus["Paused"] = 7] = "Paused";
|
|
159
176
|
})(EChallengeProgressStatus || (EChallengeProgressStatus = {}));
|
|
160
|
-
var
|
|
161
|
-
(function (
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
EChallengeStatus[EChallengeStatus["Forfeited"] = 5] = "Forfeited";
|
|
168
|
-
EChallengeStatus[EChallengeStatus["Awaiting"] = 6] = "Awaiting";
|
|
169
|
-
EChallengeStatus[EChallengeStatus["Paused"] = 7] = "Paused";
|
|
170
|
-
})(EChallengeStatus || (EChallengeStatus = {}));
|
|
177
|
+
var EChallengeProgressLevelStatus;
|
|
178
|
+
(function (EChallengeProgressLevelStatus) {
|
|
179
|
+
EChallengeProgressLevelStatus[EChallengeProgressLevelStatus["Closed"] = 0] = "Closed";
|
|
180
|
+
EChallengeProgressLevelStatus[EChallengeProgressLevelStatus["InProgress"] = 1] = "InProgress";
|
|
181
|
+
EChallengeProgressLevelStatus[EChallengeProgressLevelStatus["Fillup"] = 2] = "Fillup";
|
|
182
|
+
EChallengeProgressLevelStatus[EChallengeProgressLevelStatus["Completed"] = 3] = "Completed";
|
|
183
|
+
})(EChallengeProgressLevelStatus || (EChallengeProgressLevelStatus = {}));
|
|
171
184
|
const ChallengeStatusDictionary = [
|
|
172
185
|
'started',
|
|
173
186
|
'inProgress',
|
|
@@ -223,16 +236,21 @@ const CasinoChallengeCard = class {
|
|
|
223
236
|
var _a;
|
|
224
237
|
if (!level)
|
|
225
238
|
return '';
|
|
226
|
-
const minbet = ((_a = level.BetRange) === null || _a === void 0 ? void 0 : _a.MinBet)
|
|
227
|
-
? `, ${translate('minBet', this.language)} ${currencySymbol + level.BetRange.MinBet}`
|
|
228
|
-
: '';
|
|
229
239
|
switch (level.LevelTargetType) {
|
|
230
|
-
case EChallengeLevelTargetType.Accumulative:
|
|
240
|
+
case EChallengeLevelTargetType.Accumulative: {
|
|
241
|
+
const minbet = ((_a = level.BetRange) === null || _a === void 0 ? void 0 : _a.MinBet)
|
|
242
|
+
? `, ${translate('minBet', this.language)} ${currencySymbol + level.BetRange.MinBet}`
|
|
243
|
+
: '';
|
|
231
244
|
return `${translate('placeBetsOf', this.language)} ${currencySymbol + level.DisplayCurrencyTargetTurnover + minbet}`;
|
|
245
|
+
}
|
|
232
246
|
case EChallengeLevelTargetType.SingleBet:
|
|
233
247
|
return `${translate('place', this.language)} ${currencySymbol + level.TargetTurnover} ${translate('bet', this.language)}`;
|
|
234
|
-
case EChallengeLevelTargetType.MultipleOneBetSize:
|
|
248
|
+
case EChallengeLevelTargetType.MultipleOneBetSize: {
|
|
249
|
+
const minbet = level.TargetTurnover
|
|
250
|
+
? `, ${translate('minBet', this.language)} ${currencySymbol + level.TargetTurnover}`
|
|
251
|
+
: '';
|
|
235
252
|
return `${translate('place', this.language)} ${level.TargetBetCount} ${translate('bets', this.language) + minbet}`;
|
|
253
|
+
}
|
|
236
254
|
}
|
|
237
255
|
};
|
|
238
256
|
this.onMouseEnterHandler = (index, el) => {
|
|
@@ -244,14 +262,17 @@ const CasinoChallengeCard = class {
|
|
|
244
262
|
this.tooltipIndex = null;
|
|
245
263
|
};
|
|
246
264
|
this.getBadgeContent = () => {
|
|
265
|
+
if (this.isChallengePaused) {
|
|
266
|
+
return translate('unavailable', this.language);
|
|
267
|
+
}
|
|
247
268
|
switch (this.challenge.Status) {
|
|
248
|
-
case
|
|
269
|
+
case EChallengeProgressStatus.Expired:
|
|
249
270
|
return translate('expired', this.language);
|
|
250
|
-
case
|
|
271
|
+
case EChallengeProgressStatus.Forfeited:
|
|
251
272
|
return translate('forfeited', this.language);
|
|
252
|
-
case
|
|
273
|
+
case EChallengeProgressStatus.Completed:
|
|
253
274
|
return translate('finished', this.language);
|
|
254
|
-
case
|
|
275
|
+
case EChallengeProgressStatus.Paused:
|
|
255
276
|
return translate('suspended', this.language);
|
|
256
277
|
default:
|
|
257
278
|
return this.timeLeft
|
|
@@ -259,11 +280,11 @@ const CasinoChallengeCard = class {
|
|
|
259
280
|
: translate('expired', this.language);
|
|
260
281
|
}
|
|
261
282
|
};
|
|
262
|
-
this.goToDetailsPage = (
|
|
283
|
+
this.goToDetailsPage = () => {
|
|
263
284
|
window.postMessage({
|
|
264
285
|
type: 'GoToDetailsPage',
|
|
265
286
|
info: {
|
|
266
|
-
challengeId:
|
|
287
|
+
challengeId: this.challenge.ChallengeId,
|
|
267
288
|
activeTabIndex: this.activeTabIndex
|
|
268
289
|
}
|
|
269
290
|
}, window.location.href);
|
|
@@ -293,28 +314,28 @@ const CasinoChallengeCard = class {
|
|
|
293
314
|
this.error = '';
|
|
294
315
|
this.hasError = false;
|
|
295
316
|
this.actionLoading = false;
|
|
317
|
+
this.isChallengePaused = false;
|
|
296
318
|
}
|
|
297
319
|
get infoItems() {
|
|
298
|
-
var _a, _b, _c, _d, _e
|
|
320
|
+
var _a, _b, _c, _d, _e;
|
|
299
321
|
let level = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.LevelProgresses.find((x) => x.OrderNumber === 0);
|
|
300
322
|
if (this.isUserAuthorized) {
|
|
301
323
|
level =
|
|
302
|
-
(_c = (_b = this.challenge) === null || _b === void 0 ? void 0 : _b.LevelProgresses.find((x) => x.ProgressStatus ===
|
|
324
|
+
(_c = (_b = this.challenge) === null || _b === void 0 ? void 0 : _b.LevelProgresses.find((x) => x.ProgressStatus === EChallengeProgressLevelStatus.InProgress)) !== null && _c !== void 0 ? _c : level;
|
|
303
325
|
}
|
|
304
326
|
if (level) {
|
|
305
|
-
const rewardValue = (_d = level.Rewards) === null || _d === void 0 ? void 0 : _d.slice(0, 2).map((r) => r.RewardDescription).join(' + ');
|
|
306
327
|
return [
|
|
307
328
|
{
|
|
308
329
|
lable: translate('totalLevels', this.language),
|
|
309
|
-
value: ((
|
|
330
|
+
value: ((_d = this.challenge.LevelProgresses) === null || _d === void 0 ? void 0 : _d.length) || '-'
|
|
310
331
|
},
|
|
311
332
|
{
|
|
312
333
|
lable: translate('level1', this.language),
|
|
313
|
-
value: this.calculateTargetValue(level, (
|
|
334
|
+
value: this.calculateTargetValue(level, (_e = this.challenge) === null || _e === void 0 ? void 0 : _e.CurrencySymbol) || '-'
|
|
314
335
|
},
|
|
315
336
|
{
|
|
316
337
|
lable: translate('get', this.language),
|
|
317
|
-
value:
|
|
338
|
+
value: level.CustomRewardMessage || '-'
|
|
318
339
|
}
|
|
319
340
|
];
|
|
320
341
|
}
|
|
@@ -347,6 +368,7 @@ const CasinoChallengeCard = class {
|
|
|
347
368
|
this.updateTime();
|
|
348
369
|
}
|
|
349
370
|
componentDidLoad() {
|
|
371
|
+
this.isChallengePaused = this.challenge.ChallengeStatus === EChallengeStatus.Paused;
|
|
350
372
|
if (this.stylingContainer) {
|
|
351
373
|
if (this.mbSource)
|
|
352
374
|
setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
|
|
@@ -367,7 +389,7 @@ const CasinoChallengeCard = class {
|
|
|
367
389
|
this.timeLeft = getTimeLeft((_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ExpirationTime);
|
|
368
390
|
if (!this.timeLeft && this.timerExpired) {
|
|
369
391
|
clearInterval(this.timerId);
|
|
370
|
-
this.challenge.Status =
|
|
392
|
+
this.challenge.Status = EChallengeProgressStatus.Expired;
|
|
371
393
|
this.timerExpired.emit(this.challenge.Id);
|
|
372
394
|
}
|
|
373
395
|
}
|
|
@@ -375,68 +397,71 @@ const CasinoChallengeCard = class {
|
|
|
375
397
|
return (h("div", { class: `info-item ${this.isChallengeGrayed}`, onMouseEnter: (e) => this.onMouseEnterHandler(index, e.currentTarget), onMouseLeave: this.onMouseLeaveHandler }, h("span", { class: "info-item__label" }, item.lable), item.value, this.tooltipIndex === index && h("div", { class: "info-item__tooltip" }, item.value)));
|
|
376
398
|
}
|
|
377
399
|
get getCardBadge() {
|
|
378
|
-
return (h("div", { class: `card__badge ${
|
|
400
|
+
return (h("div", { class: `card__badge ${this.isChallengePaused
|
|
401
|
+
? ChallengeStatusDictionary[EChallengeProgressStatus.Expired]
|
|
402
|
+
: ChallengeStatusDictionary[this.challenge.Status]}` }, this.getBadgeContent()));
|
|
379
403
|
}
|
|
380
404
|
get isChallengeGrayed() {
|
|
381
|
-
return [
|
|
405
|
+
return [
|
|
406
|
+
EChallengeProgressStatus.Expired,
|
|
407
|
+
EChallengeProgressStatus.Forfeited,
|
|
408
|
+
EChallengeProgressStatus.Completed
|
|
409
|
+
].includes(this.challenge.Status) || this.isChallengePaused
|
|
382
410
|
? 'grayed'
|
|
383
411
|
: '';
|
|
384
412
|
}
|
|
385
413
|
get getChallengeProgress() {
|
|
386
414
|
var _a;
|
|
387
|
-
const currLevel = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.LevelProgresses.find((x) => x.ProgressStatus ===
|
|
388
|
-
if (!this.isUserAuthorized || !currLevel)
|
|
415
|
+
const currLevel = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.LevelProgresses.find((x) => x.ProgressStatus === EChallengeProgressLevelStatus.InProgress);
|
|
416
|
+
if (this.isChallengePaused || !this.isUserAuthorized || !currLevel)
|
|
389
417
|
return null;
|
|
390
418
|
const { Status, LevelProgresses } = this.challenge;
|
|
391
|
-
if (Status ===
|
|
419
|
+
if (Status === EChallengeProgressStatus.Expired || Status === EChallengeProgressStatus.Started) {
|
|
392
420
|
return h("div", { class: "progress__placeholder" });
|
|
393
421
|
}
|
|
394
|
-
const barValue = Status ===
|
|
422
|
+
const barValue = Status === EChallengeProgressStatus.Paused
|
|
395
423
|
? translate('suspended', this.language)
|
|
396
|
-
: Status ===
|
|
424
|
+
: Status === EChallengeProgressStatus.Completed
|
|
397
425
|
? translate('finished', this.language)
|
|
398
426
|
: `${currLevel.ProgressPercentage}%`;
|
|
399
427
|
const isLastLevel = !LevelProgresses.some((x) => x.OrderNumber > currLevel.OrderNumber);
|
|
400
|
-
const secondImgSrc = Status ===
|
|
428
|
+
const secondImgSrc = Status === EChallengeProgressStatus.Completed ? trophySvg : isLastLevel ? finishSvg : '';
|
|
401
429
|
return (h("div", { class: {
|
|
402
430
|
progress: true,
|
|
403
|
-
paused: Status ===
|
|
404
|
-
grayed: Status ===
|
|
431
|
+
paused: Status === EChallengeProgressStatus.Paused,
|
|
432
|
+
grayed: Status === EChallengeProgressStatus.Forfeited
|
|
405
433
|
} }, h("div", { class: {
|
|
406
434
|
progress__point: true,
|
|
407
435
|
start: true,
|
|
408
|
-
hidden: Status ===
|
|
436
|
+
hidden: Status === EChallengeProgressStatus.Completed
|
|
409
437
|
} }, currLevel.OrderNumber + 1), h("div", { class: {
|
|
410
438
|
progress__bar: true,
|
|
411
|
-
finished: Status ===
|
|
439
|
+
finished: Status === EChallengeProgressStatus.Completed
|
|
412
440
|
}, style: { width: `${currLevel.ProgressPercentage}%` } }, barValue), h("div", { class: {
|
|
413
441
|
progress__point: true,
|
|
414
442
|
end: true,
|
|
415
|
-
finished: Status ===
|
|
443
|
+
finished: Status === EChallengeProgressStatus.Completed
|
|
416
444
|
} }, secondImgSrc ? h("img", { class: "progress__icon", src: secondImgSrc }) : currLevel.OrderNumber + 2)));
|
|
417
445
|
}
|
|
418
446
|
get getCardButton() {
|
|
419
|
-
if (this.isUserAuthorized) {
|
|
420
|
-
if (this.challenge.Status ===
|
|
447
|
+
if (this.isUserAuthorized && !this.isChallengePaused) {
|
|
448
|
+
if (this.challenge.Status === EChallengeProgressStatus.Started) {
|
|
421
449
|
return (h("button", { class: "card__button filled", disabled: this.actionLoading, onClick: () => this.joinUnjoinProgress(true) }, translate('start', this.language)));
|
|
422
450
|
}
|
|
423
|
-
if (this.challenge.Status ===
|
|
451
|
+
if (this.challenge.Status === EChallengeProgressStatus.Paused) {
|
|
424
452
|
return (h("button", { class: "card__button grayed", disabled: this.actionLoading, onClick: () => this.joinUnjoinProgress(true) }, translate('resume', this.language)));
|
|
425
453
|
}
|
|
426
|
-
if (this.challenge.Status ===
|
|
427
|
-
this.challenge.Status ===
|
|
454
|
+
if (this.challenge.Status === EChallengeProgressStatus.InProgress ||
|
|
455
|
+
this.challenge.Status === EChallengeProgressStatus.PendingLevelReward) {
|
|
428
456
|
return (h("button", { class: "card__button grayed", disabled: this.actionLoading, onClick: () => this.joinUnjoinProgress(false) }, translate('pause', this.language)));
|
|
429
457
|
}
|
|
430
458
|
}
|
|
431
|
-
|
|
432
|
-
return (h("button", { class: "card__button", onClick: this.goToDetailsPage(detailsId) }, translate('viewDetails', this.language)));
|
|
459
|
+
return h("button", { class: "card__button" }, translate('viewDetails', this.language));
|
|
433
460
|
}
|
|
434
461
|
async joinUnjoinProgress(join) {
|
|
435
|
-
|
|
436
|
-
const progress = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.LevelProgresses.find((x) => x.ProgressStatus === EChallengeProgressStatus.InProgress);
|
|
437
|
-
if (!this.checkAttrs()) {
|
|
462
|
+
if (!this.checkAttrs() && this.challenge) {
|
|
438
463
|
const url = `${this.endpoint}/challenge/ChangeProgressStatus`;
|
|
439
|
-
const body = Object.assign(Object.assign(Object.assign({ DomainId: this.domain }, (this.session && { PlayerSessionId: this.session })), (this.userId && { InternalUserId: this.userId })), (join ? { ProgressToActivate:
|
|
464
|
+
const body = Object.assign(Object.assign(Object.assign({ DomainId: this.domain }, (this.session && { PlayerSessionId: this.session })), (this.userId && { InternalUserId: this.userId })), (join ? { ProgressToActivate: this.challenge.Id } : { ProgressToDeactivate: this.challenge.Id }));
|
|
440
465
|
this.actionLoading = true;
|
|
441
466
|
return fetch(url, {
|
|
442
467
|
method: 'POST',
|
|
@@ -454,7 +479,7 @@ const CasinoChallengeCard = class {
|
|
|
454
479
|
}
|
|
455
480
|
render() {
|
|
456
481
|
var _a, _b, _c, _d;
|
|
457
|
-
return (h("div", { key: '
|
|
482
|
+
return (h("div", { key: '9e7fac60f8b832183578ec00e6e88e37ab4a4d41', ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'a044740c3586e9151dfe38c50c51ada830622316', class: "card", onClick: this.goToDetailsPage }, h("img", { key: '25dd98c358074160ad4f32241deb5f99c30829ed', class: `card__image ${this.isChallengeGrayed}`, src: (_b = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ChallengePresentation) === null || _b === void 0 ? void 0 : _b.BannerUrl }), this.getCardBadge, this.challenge.IsNew && this.renderNewLabel(), h("div", { key: '9236700fe41744ccfd78d16364dfb49eff350926', class: "card__content" }, h("h1", { key: 'c4207cf505d6fa57ab61dd4142c7bcfccc981a02', class: "card__title" }, (_d = (_c = this.challenge) === null || _c === void 0 ? void 0 : _c.ChallengePresentation) === null || _d === void 0 ? void 0 : _d.PresentationName), this.getChallengeProgress, this.infoItems.map((x, index) => this.renderInfoItem(x, index)), this.getCardButton))));
|
|
458
483
|
}
|
|
459
484
|
static get watchers() { return {
|
|
460
485
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -464,7 +489,7 @@ const CasinoChallengeCard = class {
|
|
|
464
489
|
};
|
|
465
490
|
CasinoChallengeCard.style = CasinoChallengeCardStyle0;
|
|
466
491
|
|
|
467
|
-
const uiSkeletonCss = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.
|
|
492
|
+
const uiSkeletonCss = ":host{display:block}.Skeleton{animation:skeleton-loading 1s linear infinite alternate}.SkeletonRectangle{background-color:var(--emw-skeleton-rectangle-background, #c2c2c2);width:var(--emw-skeleton-rectangle-width, 400px);height:var(--emw-skeleton-rectangle-height, 200px);border-radius:var(--emw-skeleton-rectangle-border-radius, 10px)}.SkeletonCircle{background-color:var(--emw-skeleton-circle-background, #c2c2c2);width:var(--emw-skeleton-circle-size, 400px);height:var(--emw-skeleton-circle-size, 400px);border-radius:50%}.SkeletonText{background-color:var(--emw-skeleton-text-background, #c2c2c2);width:var(--emw-skeleton-text-width, 500px);height:var(--emw-skeleton-text-height, 20px);border-radius:var(--emw-skeleton-text-border-radius, 10px);margin-bottom:var(--emw-skeleton-text-margin-bottom, 5px)}.SkeletonText:last-child{width:calc(var(--emw-skeleton-text-width, 400px) - 100px)}.SkeletonTitle{background-color:var(--emw-skeleton-title-background, #c2c2c2);width:var(--emw-skeleton-title-width, 300px);height:var(--emw-skeleton-title-height, 30px);border-radius:var(--emw-skeleton-title-border-radius, 10px);margin-bottom:var(--emw-skeleton-title-margin-bottom, 5px)}.SkeletonImage{background-color:var(--emw-skeleton-image-background, #c2c2c2);width:var(--emw-skeleton-image-width, 100%);height:var(--emw-skeleton-image-height, 100%);border-radius:var(--emw-skeleton-image-border-radius, unset)}.SkeletonLogo{background-color:var(--emw-skeleton-logo-background, #c2c2c2);width:var(--emw-skeleton-logo-width, 120px);height:var(--emw-skeleton-logo-height, 75px);border-radius:var(--emw-skeleton-logo-border-radius, 10px)}@keyframes skeleton-loading{0%{background-color:var(--emw-skeleton-primary-color, #e0e0e0)}100%{background-color:var(--emw-skeleton-secondary-color, #f0f0f0)}}";
|
|
468
493
|
const UiSkeletonStyle0 = uiSkeletonCss;
|
|
469
494
|
|
|
470
495
|
const UiSkeleton = class {
|
|
@@ -478,7 +503,7 @@ const UiSkeleton = class {
|
|
|
478
503
|
marginTop: this.handleStylingProps(this.marginTop),
|
|
479
504
|
marginLeft: this.handleStylingProps(this.marginLeft),
|
|
480
505
|
marginRight: this.handleStylingProps(this.marginRight),
|
|
481
|
-
size: this.handleStylingProps(this.size)
|
|
506
|
+
size: this.handleStylingProps(this.size),
|
|
482
507
|
};
|
|
483
508
|
this.structure = undefined;
|
|
484
509
|
this.width = 'unset';
|
|
@@ -535,22 +560,22 @@ const UiSkeleton = class {
|
|
|
535
560
|
}
|
|
536
561
|
}
|
|
537
562
|
renderLogo() {
|
|
538
|
-
return (h("div", { class: "SkeletonContainer" }, h("div", { class: '
|
|
563
|
+
return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'SkeletonLogo ' + (this.animation ? 'Skeleton' : '') })));
|
|
539
564
|
}
|
|
540
565
|
renderImage() {
|
|
541
|
-
return h("div", { class: '
|
|
566
|
+
return h("div", { class: 'SkeletonImage ' + (this.animation ? 'Skeleton' : '') });
|
|
542
567
|
}
|
|
543
568
|
renderTitle() {
|
|
544
|
-
return (h("div", { class: "SkeletonContainer" }, h("div", { class: '
|
|
569
|
+
return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'SkeletonTitle ' + (this.animation ? 'Skeleton' : '') })));
|
|
545
570
|
}
|
|
546
571
|
renderText() {
|
|
547
|
-
return (h("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((_, index) => (h("div", { key: index, class: '
|
|
572
|
+
return (h("div", { class: "SkeletonContainer" }, Array.from({ length: this.rows > 0 ? this.rows : 1 }).map((_, index) => (h("div", { key: index, class: 'SkeletonText ' + (this.animation ? 'Skeleton' : '') })))));
|
|
548
573
|
}
|
|
549
574
|
renderRectangle() {
|
|
550
|
-
return (h("div", { class: "SkeletonContainer" }, h("div", { class: '
|
|
575
|
+
return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'SkeletonRectangle ' + (this.animation ? 'Skeleton' : '') })));
|
|
551
576
|
}
|
|
552
577
|
renderCircle() {
|
|
553
|
-
return (h("div", { class: "SkeletonContainer" }, h("div", { class: '
|
|
578
|
+
return (h("div", { class: "SkeletonContainer" }, h("div", { class: 'SkeletonCircle ' + (this.animation ? 'Skeleton' : '') })));
|
|
554
579
|
}
|
|
555
580
|
render() {
|
|
556
581
|
let styleBlock = '';
|
|
@@ -630,7 +655,7 @@ const UiSkeleton = class {
|
|
|
630
655
|
default:
|
|
631
656
|
styleBlock = '';
|
|
632
657
|
}
|
|
633
|
-
return (h(Host, { key: '
|
|
658
|
+
return (h(Host, { key: 'c2a2650acd416962a2bc4e1a7ee18bc6d8e2def8' }, h("style", { key: '9bd7fc1f9e9ed9f17735a7b72fce6f09696f5e19' }, styleBlock), this.handleStructure(this.structure)));
|
|
634
659
|
}
|
|
635
660
|
static get watchers() { return {
|
|
636
661
|
"structure": ["handleStructureChange"]
|
|
@@ -75,7 +75,7 @@ const translate = (key, customLang) => {
|
|
|
75
75
|
return TRANSLATIONS[lang !== undefined && lang in TRANSLATIONS ? lang : DEFAULT_LANGUAGE][key];
|
|
76
76
|
};
|
|
77
77
|
|
|
78
|
-
const casinoChallengesListCss = ".empty {\n color: var(--emw--color-gray-50, #E2E2E2);\n padding: 80px 0 0;\n display: flex;\n gap: 12px;\n flex-direction: column;\n align-items: center;\n line-height: 24px;\n font-size: var(--emw--font-size-medium, 16px);\n text-align: center;\n}\n.empty img {\n height: 38px;\n margin-bottom: 18px;\n}\n\n.challenges-list {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 30px;\n width: 100%;\n}\n@container challenges-container (max-width: 670px) {\n .challenges-list .list-item {\n width: 100%;\n }\n}\n\n.loader {\n width: 308px;\n border-radius: 16px;\n border: 2px solid var(--emw--button-border-color, rgba(221, 255, 207, 0.1019607843));\n background-color: var(--emw--color-background, #141515);\n box-sizing: border-box;\n position: relative;\n}\n@container challenges-container (max-width: 576px) {\n .loader {\n width: 100%;\n }\n}\n.loader:hover {\n background: linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%);\n cursor: pointer;\n}\n.loader .SkeletonRows .SkeletonContainer {\n padding: 0 20px 0 20px;\n}\n.loader .SkeletonButton .Skeleton.
|
|
78
|
+
const casinoChallengesListCss = ".empty {\n color: var(--emw--color-gray-50, #E2E2E2);\n padding: 80px 0 0;\n display: flex;\n gap: 12px;\n flex-direction: column;\n align-items: center;\n line-height: 24px;\n font-size: var(--emw--font-size-medium, 16px);\n text-align: center;\n}\n.empty img {\n height: 38px;\n margin-bottom: 18px;\n}\n\n.challenges-list {\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 30px;\n width: 100%;\n}\n@container challenges-container (max-width: 670px) {\n .challenges-list .list-item {\n width: 100%;\n }\n}\n\n.loader {\n width: 308px;\n border-radius: 16px;\n border: 2px solid var(--emw--button-border-color, rgba(221, 255, 207, 0.1019607843));\n background-color: var(--emw--color-background, #141515);\n box-sizing: border-box;\n position: relative;\n}\n@container challenges-container (max-width: 576px) {\n .loader {\n width: 100%;\n }\n}\n.loader:hover {\n background: linear-gradient(90deg, rgb(0, 62, 92) 0%, rgb(17, 59, 33) 100%);\n cursor: pointer;\n}\n.loader .SkeletonRows .SkeletonContainer {\n padding: 0 20px 0 20px;\n}\n.loader .SkeletonButton .Skeleton.SkeletonText {\n margin: 0;\n height: 28px;\n margin: 0 20px 20px 20px;\n border-radius: var(--emw--button-border-radius, 99px);\n width: auto;\n}\n.loader .Skeleton.SkeletonImage {\n border-radius: 16px 16px 0 0;\n}\n.loader .Skeleton.SkeletonText {\n margin: 20px 0;\n}";
|
|
79
79
|
const CasinoChallengesListStyle0 = casinoChallengesListCss;
|
|
80
80
|
|
|
81
81
|
const skeletons = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];
|
|
@@ -16,5 +16,5 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["casino-challenge-card_3",[[1,"casino-challenges-list",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"challenges":[16],"loading":[516],"hasMore":[516,"has-more"],"activeTabIndex":[514,"active-tab-index"],"isUserAuthorized":[516,"is-user-authorized"],"userId":[513,"user-id"],"endpoint":[513],"domain":[513],"session":[513]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"casino-challenge-card",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"challenge":[16],"isUserAuthorized":[516,"is-user-authorized"],"activeTabIndex":[514,"active-tab-index"],"userId":[513,"user-id"],"tooltipIndex":[32],"timeLeft":[32],"error":[32],"hasError":[32],"actionLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
|
|
19
|
+
return bootstrapLazy([["casino-challenge-card_3",[[1,"casino-challenges-list",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"challenges":[16],"loading":[516],"hasMore":[516,"has-more"],"activeTabIndex":[514,"active-tab-index"],"isUserAuthorized":[516,"is-user-authorized"],"userId":[513,"user-id"],"endpoint":[513],"domain":[513],"session":[513]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"casino-challenge-card",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"challenge":[16],"isUserAuthorized":[516,"is-user-authorized"],"activeTabIndex":[514,"active-tab-index"],"userId":[513,"user-id"],"tooltipIndex":[32],"timeLeft":[32],"error":[32],"hasError":[32],"actionLoading":[32],"isChallengePaused":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
|
|
20
20
|
});
|
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { C as CasinoChallengeList } from './casino-challenges-list-
|
|
1
|
+
export { C as CasinoChallengeList } from './casino-challenges-list-2f7889c4.js';
|
|
2
2
|
import './index-d84ca385.js';
|
package/dist/esm/loader.js
CHANGED
|
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy([["casino-challenge-card_3",[[1,"casino-challenges-list",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"challenges":[16],"loading":[516],"hasMore":[516,"has-more"],"activeTabIndex":[514,"active-tab-index"],"isUserAuthorized":[516,"is-user-authorized"],"userId":[513,"user-id"],"endpoint":[513],"domain":[513],"session":[513]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"casino-challenge-card",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"challenge":[16],"isUserAuthorized":[516,"is-user-authorized"],"activeTabIndex":[514,"active-tab-index"],"userId":[513,"user-id"],"tooltipIndex":[32],"timeLeft":[32],"error":[32],"hasError":[32],"actionLoading":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
|
|
8
|
+
return bootstrapLazy([["casino-challenge-card_3",[[1,"casino-challenges-list",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"challenges":[16],"loading":[516],"hasMore":[516,"has-more"],"activeTabIndex":[514,"active-tab-index"],"isUserAuthorized":[516,"is-user-authorized"],"userId":[513,"user-id"],"endpoint":[513],"domain":[513],"session":[513]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"casino-challenge-card",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"domain":[513],"session":[513],"challenge":[16],"isUserAuthorized":[516,"is-user-authorized"],"activeTabIndex":[514,"active-tab-index"],"userId":[513,"user-id"],"tooltipIndex":[32],"timeLeft":[32],"error":[32],"hasError":[32],"actionLoading":[32],"isChallengePaused":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|