npm - @everymatrix/casino-challenges-list - Versions diffs - 1.80.16 → 1.80.17 - Mend

@everymatrix/casino-challenges-list 1.80.16 → 1.80.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (19) hide show

package/dist/casino-challenges-list/casino-challenge-card_3.entry.js CHANGED Viewed

	@@ -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-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-=864e5n;const r=Math.floor(i/36e5);i-=36e5r;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	+ 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-133346f7.js";export{C as casino_challenges_list}from"./casino-challenges-list-133346f7.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.itemViewed=t(this,"itemViewed",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=()=>()=>{this.itemViewed.emit(this.challenge.Id),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`)}handleChallengeChange(e){e&&(this.isChallengePaused=(null==e?void 0:e.ChallengeStatus)===d.Paused)}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-=864e5n;const r=Math.floor(i/36e5);i-=36e5r;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:"1fff07a022a7ab552a4fc1ae88e5041267902f85",ref:e=>this.stylingContainer=e},i("div",{key:"8002cca9419931b12ca5ba35713e5914da7b8ef3",class:"card",onClick:this.goToDetailsPage},i("img",{key:"b3201e9d52ddc3bf98c597b084240e66e4fe1cb7",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:"3d393004b10d6dd70ed702034239cf39168609c4",class:"card__content"},i("h1",{key:"f2b2c37cd574adb8762b1b7497a9da2d30fc5046",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"],challenge:["handleChallengeChange"]}}};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}

package/dist/casino-challenges-list/casino-challenges-list-133346f7.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as t,c as e,h as n,g as i}from"./index-d84ca385.js";function d(t,e){if(t){const n=document.createElement("style");n.innerHTML=e,t.appendChild(n)}}function l(t,e){const n=new URL(e);fetch(n.href).then((t=>t.text())).then((e=>{const n=document.createElement("style");n.innerHTML=e,t&&t.appendChild(n)})).catch((t=>{console.error("There was an error while trying to load client styling from URL",t)}))}function h(t,e){if(window.emMessageBus){const n=document.createElement("style");window.emMessageBus.subscribe(e,(e=>{n.innerHTML=e,t&&t.appendChild(n)}))}}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,e)=>a[void 0!==e&&e in a?e:"en"][t],V=[0,1,2,3,4,5,6,7,8,9],o=class{constructor(n){t(this,n),this.loadMore=e(this,"loadMore",7),this.timerExpired=e(this,"timerExpired",7),this.itemViewed=e(this,"itemViewed",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,e){t!=e&&d(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&l(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&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&&d(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&l(this.stylingContainer,this.clientStylingUrl))}renderSkeletons(){return V.map((t=>n("div",{class:"loader",key:t},n("ui-skeleton",{structure:"image",height:"200px","border-radius":"16px 16px 0 0"}),n("ui-skeleton",{class:"SkeletonRows",structure:"text",width:"220px",height:"16px",rows:"3"}),n("ui-skeleton",{class:"SkeletonButton",structure:"text",width:"100%"}))))}onTimerExpired(t){this.timerExpired&&this.timerExpired.emit(t.detail)}onItemViewed(t){this.itemViewed&&this.itemViewed.emit(t.detail)}renderEmptyState(){return n("div",{class:"empty"},n("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxyZWN0IHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgZmlsbD0idXJsKCNwYXR0ZXJuMF8xODk5XzE1MzA5KSIvPgo8ZGVmcz4KPHBhdHRlcm4gaWQ9InBhdHRlcm4wXzE4OTlfMTUzMDkiIHBhdHRlcm5Db250ZW50VW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIj4KPHVzZSB4bGluazpocmVmPSIjaW1hZ2UwXzE4OTlfMTUzMDkiIHRyYW5zZm9ybT0ic2NhbGUoMC4wMSkiLz4KPC9wYXR0ZXJuPgo8aW1hZ2UgaWQ9ImltYWdlMF8xODk5XzE1MzA5IiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFHUUFBQUJrQ0FZQUFBQnc0cFZVQUFBQUNYQklXWE1BQUFzVEFBQUxFd0VBbXB3WUFBQUhsRWxFUVZSNG5PMmRhWXdVUlJUSC80dG52UENJOXhFMWFoUVROWm1wNmdYUnphcjR3VHRHdlBXTFVlSVZQeGdWTldiaXpxdlpSZFRBR29pb0VRd2FGRFdLMFlCQ3ZNVWJKV0pJQkQ4UU9VSUVvd2hFUUZqemVwdTRXYVo2cW5wNnRxdWIraVg5aGV4VVYvVy9YaDN2dlNvQWo4Zmo4WGc4SG8vSDQvRjRpa2FwQjhQTE5ZaXl3czJTOExCVTZKRUtVNFRDTktrd1dTalVoTUw5WllXclJSZk9QR1V5OXNtNnpvV2lvNElEcE1JMS9ORWxZYWxVNkxONWhNSTJTVmdvRlVncWRJNmRqVDJ5YmxQKzZFTmJ1WXFMSkdHbUpHeTBGU0ZXSU1JcVFaZ29GVVprM1V6M3FXQlltWEM1VlBnMlRSRmludm1TMEo1MXM1MUVLblFLd3M5REpNUmdxNWtqcXpncDYyL2dCT2NvSEM0VlhzNUNpRUdpYkJhRVJ6c3EyQk83SzZLSzg0WEN5a1FmVU9HdmFHaWJKeFZtczZoQzRRMGVoaUpMMjVLdzNNOWtENDdEN29Za1BCQ3VnRXcvRm1HRkpFd1ZDdGVhZkREdTZTV0YwNlhDT0tud3FpQnNzQkRtZDFuRkJkZ3RxR0FZN3hjTWUrdTJhRGpyNU44MTg5cFNCZnNKaFJzRjRWTkRVYmF3K0NpOEdJU1pCdVA1djVMd1hLc21XcWx3bmxENHlFQ1U3V3hoS0NxU01OVmdhUG9tNkVacEtPckRGaU1KYXhxSlVxN2lPaFFOU2FnMGFqaTdQWVo2bFJPdThnaHpEWWF2QzFFVVJBMlhTY0tPR0t2WXlIK1Q4VkJhYlRqUkYySDFWYTdpZUVsWUZ6TnhyM2RsdDF3bTNCWE5HOW9sY2U3M0taS3dJS2FCZjdQbkZnNFJpUkpuS1k4Z3I0U1Rac3lTTmxBWUF3ZUpQTU02UVRZRjNUZ1JlVU5XY0ZDREZjeURjSHV2TkM5bVdUNEhlVU1vakk4Ull4NjcyT0V3SXlzNElxNURsUWdTZWFHamduMTFqUkdFemVWdW5Jd2NFRVlsOVVQdTI4Z0xjUk9qSUR4bVd4NkhZamxpbURUYUYvWjJoZWs4akZyOXNBOXRrdkN4WnFtK0krakNHY2dEdWdDVFVGZy9hZ0lPdENrcmNoQ3Vqc3FZYmJ2c2pJYWVuNkxPOE4zb2JoeGk4L3V5UWtmTTBOc0QxK0hRYUl4MVBHNXJHVUpoN2FBeVpwbGFTbVFaU3diMTdJVzJsaEs2NU90M3NKWE94K2o1bzJzRTJkNU9PTFlaTVd4RXFTdEdRbEZFRlRmcE9obGJFRnhHS255aHFmeDgweko0V0JLRVpYRWJ0RGhSWXNYNC81bHVXcCt6Sm1KLzNzUnF5dW1DMHlrN2hLMmFpbyt6S1V2VU1ES0tDbHFKWWlqR0V2NDdxL29RWHRkWTIrZHdGZmFJYWo5ZURhZFpsMmNwU3F2RWlOcDJwMGFRclNNcTJCc3VJaFh1MWxSNlRkSXlUVVVaTlFISHRFcU1Sb3NWWjVlL2t0Q3JFV1JCTStXYWlHS1FVSmRZakozeldreml4RlZ3RVVGNFQxUGhLVTJYYlNKS2k4VFlpUzZWbFhPSjRTSTh3YlhTWlMyU2laS0tHRXlZNlZqZk9xdHdFVUZZck9sQjk2YjFEbzYzQzhJZlJtSVFscFlJUjZmMWJrRjRTek9IVFlLTFNJWGxtbzl6VzVydkNXcTR3a0NNalR6UnAvbGVYY2FNSUx3QUY5SGw1ckt6RVNreDBEZGw4Rmo3dnBMc1JZVENNM0FScWZDMXBnYzlsSUVZcVlzaUNPOXIycWZnSXRwMEdzS1R6Wlp0dU9tcis5ZzRKQnUwYjVIR1FzYkRSZGgwTlIvbG5Rd3NJMTFMNlVPYjFwOVZ4UTF3RVY1TmFYcm9zcVJsbXJwREpPSEtKTDR2VTBvOU9FRlg3bEJsV2xwVFVqaFhNMlR0RUUvZ0tOdnliSDFUU1IyU0pyQVY2TnBtRzNRYk10akp4bWt5OVNwZXRzeVBOUnFtNnV3ekRQY3Axc09YVkhoZTF5SGdNb0x3Z2VianZXSVpEMWxzYWhrSmQvVEc3aHkyS0Q0c3FtbFhMMXdtSU55aCtRQ2JiRXc3VUxnK1BKWmdLWWFKS0J5SjVJaWtSVjNHeEFqcnBtTnhKNktHdzNSZVVhRnd1MDFaR2xHTWZWUDFSTEVWSXl5SE1Fc3pIMjNnZzBCd25lak1YOTNWMWxqTENYV1FLUGFSdmdHaUpCRWo2TUtwTVpacUhBYk9sS0NHUUd2aU5keGlYVjYvS0l1VGVtMURVUWpMYk1WZ0pHRkd6SERWaWJ3Z0ZUN1JXTW1xSk12RVp0MGZTWDdQUXVxT0p3aUY3MTFQaDkyMU1mcERPcFBoT0tWcDJFc3EvS0N6RHI3Y0JubERONWRJRm9wd0tSeEdLanlsRTBNUWZtejJWSEFtY0dLY0pQeXBFV1dkcTlkWmNPL1hXamZuOUZZeEdubUZsN294aytMeVFPRkl1TFlnaVVtWUVJUVhrV3ZZUzZvSmZjcitIcmNvclpoM0dtTEV1bDBJSzlvck9CUjU1K3dLRG80SjcvS0s1WmVzaDYrZ2hrdGlVNGtJVzNtaGdpTEFGaUFhWGIxRVdKZkowZWdLaHZHWmxaak5YL2dFQ3ZlaENGaEYraWhjZmZWYUg2eEpTTFFMLzlDZ1hrMUhQSjJnaWJEcmFrbTR0VlZud3FNaGxDVGhuMFoxRVFvdjVXb0QySW9ZdUJ5NENtUHZjVW9XdzFFL1RralFMc1YzdFl6ZVhPNDNrb2doK3VjVTdVUmY1N2EzV1h6dTNUYnhMVXlTSnR3VG5SWFUzdEl3Nk5uT1Y5Q2lDTmlFWFVzOUdDNEpieWF4SE00akZvU25PY1dJODc3WWtuamk1V3Y2Qk9GWm5odDBKN0FhREZGclpRMFhvd2drT3AvUmh6Yk9iRFFlUmxyNUVPYW1uZTJZR2MwZWxtbG5Od3Y3dnVKdURXclJJd2kvOFdYTktBcHBubHlTaEhhZDY3NEZ6Mm8rU3NCbkNGRVUyQmZWaXBOTFFiOVA2YldrdDR2R1dvVENsM3pta1crY1FKRm9sUmdEWWQ4Uk95akR2TnJrMTQ1djRjc3Z3eDE1Z3JPT3VXQW94S2dYTkNwWE1TcTZ1b1AvSjRSM0JlR3JLSFB4Vnc0b2hSKysvOThuUlFjMU8zT1JpTkFNU1pQWVBDM0FpK0VRWGd5SDhHSTRoQmZESWJ3WUR1SEZjQWd2aGtONE1SekNpK0VRWGd5SDhHSTRoQmNqTHpmQkRmRGF1cGFEVzNnNFdjQmJodXVpZURFY0VzV0w0UTVobnBPZk16d2VqOGZqOFhnOEhvL0g0L0dneVB3SE4rTUJXWEhhUDdBQUFBQUFTVVZPUks1Q1lJST0iLz4KPC9kZWZzPgo8L3N2Zz4K"}),n("b",null,s("emptyTitle",this.language)),n("span",null,s("emptyDescription",this.language)))}render(){return n("div",{key:"8028a3fdc24ea18de2266eb5e34cfe5f9add779f",ref:t=>this.stylingContainer=t},0===this.challenges.length&&!this.loading&&this.renderEmptyState(),n("div",{key:"ab1b0dc25aa05d9678064b8edef2f35b392319ce",class:"challenges-list"},this.challenges.map(((t,e)=>n("div",{key:t.Id,ref:e===this.challenges.length-1?this.setLastItemRef:null,class:"list-item"},n("casino-challenge-card",{challenge:t,language:this.language,mbSource:this.mbSource,clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,translationUrl:this.translationUrl,onTimerExpired:this.onTimerExpired,onItemViewed:this.onItemViewed,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,l as a,h as b,d as s}

package/dist/casino-challenges-list/casino-challenges-list.esm.js CHANGED Viewed

	@@ -1 +1 @@
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	+ 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"],challenge:["handleChallengeChange"]}],[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))));

package/dist/casino-challenges-list/index.esm.js CHANGED Viewed

	@@ -1 +1 @@
1	- export{C as CasinoChallengeList}from"./casino-challenges-list-~~2f7889c4~~.js";import"./index-d84ca385.js";
1	+ export{C as CasinoChallengeList}from"./casino-challenges-list-133346f7.js";import"./index-d84ca385.js";

package/dist/cjs/casino-challenge-card_3.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-6a66c51c.js');
-const casinoChallengesList = require('./casino-challenges-list-4fa5138e.js');
+const casinoChallengesList = require('./casino-challenges-list-f5e80d1c.js');
 const DEFAULT_LANGUAGE = 'en';
 const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hr'];
@@ -235,6 +235,7 @@ const CasinoChallengeCard = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.timerExpired = index.createEvent(this, "timerExpired", 7);
+        this.itemViewed = index.createEvent(this, "itemViewed", 7);
         this.calculateTargetValue = (level, currencySymbol) => {
             var _a;
             if (!level)
@@ -283,7 +284,8 @@ const CasinoChallengeCard = class {
                         : translate('expired', this.language);
             }
         };
-        this.goToDetailsPage = () => {
+        this.goToDetailsPage = () => () => {
+            this.itemViewed.emit(this.challenge.Id);
             window.postMessage({
                 type: 'GoToDetailsPage',
                 info: {
@@ -359,6 +361,11 @@ const CasinoChallengeCard = class {
             casinoChallengesList.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
         }
     }
+    handleChallengeChange(newValue) {
+        if (newValue) {
+            this.isChallengePaused = (newValue === null || newValue === void 0 ? void 0 : newValue.ChallengeStatus) === EChallengeStatus.Paused;
+        }
+    }
     connectedCallback() {
         this.timerId = setInterval(() => {
             this.updateTime();
@@ -482,12 +489,13 @@ const CasinoChallengeCard = class {
     }
     render() {
         var _a, _b, _c, _d;
-        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))));
+        return (index.h("div", { key: '1fff07a022a7ab552a4fc1ae88e5041267902f85', ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: '8002cca9419931b12ca5ba35713e5914da7b8ef3', class: "card", onClick: this.goToDetailsPage }, index.h("img", { key: 'b3201e9d52ddc3bf98c597b084240e66e4fe1cb7', 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: '3d393004b10d6dd70ed702034239cf39168609c4', class: "card__content" }, index.h("h1", { key: 'f2b2c37cd574adb8762b1b7497a9da2d30fc5046', 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))));
     }
     static get watchers() { return {
         "clientStyling": ["handleClientStylingChange"],
         "clientStylingUrl": ["handleClientStylingUrlChange"],
-        "mbSource": ["handleMbSourceChange"]
+        "mbSource": ["handleMbSourceChange"],
+        "challenge": ["handleChallengeChange"]
     }; }
 };
 CasinoChallengeCard.style = CasinoChallengeCardStyle0;

package/dist/cjs/{casino-challenges-list-4fa5138e.js → casino-challenges-list-f5e80d1c.js} RENAMED Viewed

@@ -86,6 +86,7 @@ const CasinoChallengeList = class {
         index.registerInstance(this, hostRef);
         this.loadMore = index.createEvent(this, "loadMore", 7);
         this.timerExpired = index.createEvent(this, "timerExpired", 7);
+        this.itemViewed = index.createEvent(this, "itemViewed", 7);
         this.setLastItemRef = (el) => {
             if (this.lastItemRef && this.observer) {
                 this.observer.unobserve(this.lastItemRef);
@@ -169,11 +170,16 @@ const CasinoChallengeList = class {
             this.timerExpired.emit(e.detail);
         }
     }
+    onItemViewed(e) {
+        if (this.itemViewed) {
+            this.itemViewed.emit(e.detail);
+        }
+    }
     renderEmptyState() {
         return (index.h("div", { class: "empty" }, index.h("img", { src: emptyStateSvg }), index.h("b", null, translate('emptyTitle', this.language)), index.h("span", null, translate('emptyDescription', this.language))));
     }
     render() {
-        return (index.h("div", { key: '25f70150e2c14010ecda0a3b1df56fdf8021c873', ref: (el) => (this.stylingContainer = el) }, this.challenges.length === 0 && !this.loading && this.renderEmptyState(), index.h("div", { key: 'df8deb491992156cefa919b7e045ff9c0d602709', class: "challenges-list" }, this.challenges.map((challenge, index$1) => (index.h("div", { key: challenge.Id, ref: index$1 === this.challenges.length - 1 ? this.setLastItemRef : null, class: "list-item" }, index.h("casino-challenge-card", { challenge: challenge, 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())));
+        return (index.h("div", { key: '8028a3fdc24ea18de2266eb5e34cfe5f9add779f', ref: (el) => (this.stylingContainer = el) }, this.challenges.length === 0 && !this.loading && this.renderEmptyState(), index.h("div", { key: 'ab1b0dc25aa05d9678064b8edef2f35b392319ce', class: "challenges-list" }, this.challenges.map((challenge, index$1) => (index.h("div", { key: challenge.Id, ref: index$1 === this.challenges.length - 1 ? this.setLastItemRef : null, class: "list-item" }, index.h("casino-challenge-card", { challenge: challenge, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, onTimerExpired: this.onTimerExpired, onItemViewed: this.onItemViewed, 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 index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/casino-challenges-list.cjs.js CHANGED Viewed

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  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);
+  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"],"challenge":["handleChallengeChange"]}],[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);
 });
 exports.setNonce = index.setNonce;

package/dist/cjs/index.cjs.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const casinoChallengesList = require('./casino-challenges-list-4fa5138e.js');
+const casinoChallengesList = require('./casino-challenges-list-f5e80d1c.js');
 require('./index-6a66c51c.js');

package/dist/cjs/loader.cjs.js CHANGED Viewed

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  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);
+  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"],"challenge":["handleChallengeChange"]}],[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);
 };
 exports.setNonce = index.setNonce;

package/dist/collection/components/casino-challenges-list/casino-challenges-list.js CHANGED Viewed

@@ -90,11 +90,16 @@ export class CasinoChallengeList {
             this.timerExpired.emit(e.detail);
         }
     }
+    onItemViewed(e) {
+        if (this.itemViewed) {
+            this.itemViewed.emit(e.detail);
+        }
+    }
     renderEmptyState() {
         return (h("div", { class: "empty" }, h("img", { src: emptyStateIcon }), h("b", null, translate('emptyTitle', this.language)), h("span", null, translate('emptyDescription', this.language))));
     }
     render() {
-        return (h("div", { key: '25f70150e2c14010ecda0a3b1df56fdf8021c873', ref: (el) => (this.stylingContainer = el) }, this.challenges.length === 0 && !this.loading && this.renderEmptyState(), h("div", { key: 'df8deb491992156cefa919b7e045ff9c0d602709', class: "challenges-list" }, this.challenges.map((challenge, index) => (h("div", { key: challenge.Id, ref: index === this.challenges.length - 1 ? this.setLastItemRef : null, class: "list-item" }, h("casino-challenge-card", { challenge: challenge, 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())));
+        return (h("div", { key: '8028a3fdc24ea18de2266eb5e34cfe5f9add779f', ref: (el) => (this.stylingContainer = el) }, this.challenges.length === 0 && !this.loading && this.renderEmptyState(), h("div", { key: 'ab1b0dc25aa05d9678064b8edef2f35b392319ce', class: "challenges-list" }, this.challenges.map((challenge, index) => (h("div", { key: challenge.Id, ref: index === this.challenges.length - 1 ? this.setLastItemRef : null, class: "list-item" }, h("casino-challenge-card", { challenge: challenge, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, onTimerExpired: this.onTimerExpired, onItemViewed: this.onItemViewed, activeTabIndex: this.activeTabIndex, isUserAuthorized: this.isUserAuthorized, userId: this.userId, endpoint: this.endpoint, session: this.session, domain: this.domain })))), this.loading && this.renderSkeletons())));
     }
     static get is() { return "casino-challenges-list"; }
     static get encapsulation() { return "shadow"; }
@@ -395,6 +400,21 @@ export class CasinoChallengeList {
                     "resolved": "any",
                     "references": {}
                 }
+            }, {
+                "method": "itemViewed",
+                "name": "itemViewed",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
             }];
     }
     static get elementRef() { return "el"; }

package/dist/esm/casino-challenge-card_3.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-d84ca385.js';
-import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './casino-challenges-list-2f7889c4.js';
-export { C as casino_challenges_list } from './casino-challenges-list-2f7889c4.js';
+import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './casino-challenges-list-133346f7.js';
+export { C as casino_challenges_list } from './casino-challenges-list-133346f7.js';
 const DEFAULT_LANGUAGE = 'en';
 const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hr'];
@@ -232,6 +232,7 @@ const CasinoChallengeCard = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.timerExpired = createEvent(this, "timerExpired", 7);
+        this.itemViewed = createEvent(this, "itemViewed", 7);
         this.calculateTargetValue = (level, currencySymbol) => {
             var _a;
             if (!level)
@@ -280,7 +281,8 @@ const CasinoChallengeCard = class {
                         : translate('expired', this.language);
             }
         };
-        this.goToDetailsPage = () => {
+        this.goToDetailsPage = () => () => {
+            this.itemViewed.emit(this.challenge.Id);
             window.postMessage({
                 type: 'GoToDetailsPage',
                 info: {
@@ -356,6 +358,11 @@ const CasinoChallengeCard = class {
             setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
         }
     }
+    handleChallengeChange(newValue) {
+        if (newValue) {
+            this.isChallengePaused = (newValue === null || newValue === void 0 ? void 0 : newValue.ChallengeStatus) === EChallengeStatus.Paused;
+        }
+    }
     connectedCallback() {
         this.timerId = setInterval(() => {
             this.updateTime();
@@ -479,12 +486,13 @@ const CasinoChallengeCard = class {
     }
     render() {
         var _a, _b, _c, _d;
-        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))));
+        return (h("div", { key: '1fff07a022a7ab552a4fc1ae88e5041267902f85', ref: (el) => (this.stylingContainer = el) }, h("div", { key: '8002cca9419931b12ca5ba35713e5914da7b8ef3', class: "card", onClick: this.goToDetailsPage }, h("img", { key: 'b3201e9d52ddc3bf98c597b084240e66e4fe1cb7', 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: '3d393004b10d6dd70ed702034239cf39168609c4', class: "card__content" }, h("h1", { key: 'f2b2c37cd574adb8762b1b7497a9da2d30fc5046', 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))));
     }
     static get watchers() { return {
         "clientStyling": ["handleClientStylingChange"],
         "clientStylingUrl": ["handleClientStylingUrlChange"],
-        "mbSource": ["handleMbSourceChange"]
+        "mbSource": ["handleMbSourceChange"],
+        "challenge": ["handleChallengeChange"]
     }; }
 };
 CasinoChallengeCard.style = CasinoChallengeCardStyle0;

package/dist/esm/{casino-challenges-list-2f7889c4.js → casino-challenges-list-133346f7.js} RENAMED Viewed

@@ -84,6 +84,7 @@ const CasinoChallengeList = class {
         registerInstance(this, hostRef);
         this.loadMore = createEvent(this, "loadMore", 7);
         this.timerExpired = createEvent(this, "timerExpired", 7);
+        this.itemViewed = createEvent(this, "itemViewed", 7);
         this.setLastItemRef = (el) => {
             if (this.lastItemRef && this.observer) {
                 this.observer.unobserve(this.lastItemRef);
@@ -167,11 +168,16 @@ const CasinoChallengeList = class {
             this.timerExpired.emit(e.detail);
         }
     }
+    onItemViewed(e) {
+        if (this.itemViewed) {
+            this.itemViewed.emit(e.detail);
+        }
+    }
     renderEmptyState() {
         return (h("div", { class: "empty" }, h("img", { src: emptyStateSvg }), h("b", null, translate('emptyTitle', this.language)), h("span", null, translate('emptyDescription', this.language))));
     }
     render() {
-        return (h("div", { key: '25f70150e2c14010ecda0a3b1df56fdf8021c873', ref: (el) => (this.stylingContainer = el) }, this.challenges.length === 0 && !this.loading && this.renderEmptyState(), h("div", { key: 'df8deb491992156cefa919b7e045ff9c0d602709', class: "challenges-list" }, this.challenges.map((challenge, index) => (h("div", { key: challenge.Id, ref: index === this.challenges.length - 1 ? this.setLastItemRef : null, class: "list-item" }, h("casino-challenge-card", { challenge: challenge, 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())));
+        return (h("div", { key: '8028a3fdc24ea18de2266eb5e34cfe5f9add779f', ref: (el) => (this.stylingContainer = el) }, this.challenges.length === 0 && !this.loading && this.renderEmptyState(), h("div", { key: 'ab1b0dc25aa05d9678064b8edef2f35b392319ce', class: "challenges-list" }, this.challenges.map((challenge, index) => (h("div", { key: challenge.Id, ref: index === this.challenges.length - 1 ? this.setLastItemRef : null, class: "list-item" }, h("casino-challenge-card", { challenge: challenge, language: this.language, mbSource: this.mbSource, clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, translationUrl: this.translationUrl, onTimerExpired: this.onTimerExpired, onItemViewed: this.onItemViewed, 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 getElement(this); }
     static get watchers() { return {

package/dist/esm/casino-challenges-list.js CHANGED Viewed

@@ -16,5 +16,5 @@ var patchBrowser = () => {
 patchBrowser().then(async (options) => {
   await globalScripts();
-  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);
+  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"],"challenge":["handleChallengeChange"]}],[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);
 });

package/dist/esm/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export { C as CasinoChallengeList } from './casino-challenges-list-2f7889c4.js';
+export { C as CasinoChallengeList } from './casino-challenges-list-133346f7.js';
 import './index-d84ca385.js';

package/dist/esm/loader.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["casino-challenge-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);
+  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"],"challenge":["handleChallengeChange"]}],[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);
 };
 export { defineCustomElements };

package/dist/types/components/casino-challenges-list/casino-challenges-list.d.ts CHANGED Viewed

@@ -20,6 +20,7 @@ export declare class CasinoChallengeList {
     el: HTMLElement;
     loadMore: EventEmitter;
     timerExpired: EventEmitter;
+    itemViewed: EventEmitter;
     private observer;
     private lastItemRef;
     private stylingContainer;
@@ -34,6 +35,7 @@ export declare class CasinoChallengeList {
     componentDidLoad(): void;
     renderSkeletons(): any[];
     onTimerExpired(e: CustomEvent): void;
+    onItemViewed(e: CustomEvent): void;
     renderEmptyState(): any;
     render(): any;
 }

package/dist/types/components.d.ts CHANGED Viewed

@@ -33,6 +33,7 @@ declare global {
     interface HTMLCasinoChallengesListElementEventMap {
         "loadMore": any;
         "timerExpired": any;
+        "itemViewed": any;
     }
     interface HTMLCasinoChallengesListElement extends Components.CasinoChallengesList, HTMLStencilElement {
         addEventListener<K extends keyof HTMLCasinoChallengesListElementEventMap>(type: K, listener: (this: HTMLCasinoChallengesListElement, ev: CasinoChallengesListCustomEvent<HTMLCasinoChallengesListElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -65,6 +66,7 @@ declare namespace LocalJSX {
         "language"?: string;
         "loading"?: boolean;
         "mbSource"?: string;
+        "onItemViewed"?: (event: CasinoChallengesListCustomEvent<any>) => void;
         "onLoadMore"?: (event: CasinoChallengesListCustomEvent<any>) => void;
         "onTimerExpired"?: (event: CasinoChallengesListCustomEvent<any>) => void;
         "session"?: string;

package/package.json CHANGED Viewed

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

package/dist/casino-challenges-list/casino-challenges-list-2f7889c4.js DELETED Viewed

@@ -1 +0,0 @@

- 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}