https://www.mixnpik.com/static/js/YourGamesPage.f5465f37.chunk.js

1"use strict";(self.webpackChunkweb=self.webpackChunkweb||[]).push([[246],{54789(e,l,t){t.r(l),t.d(l,{YourGamesPage:()=>Q,YourGamesPageView:()=>X});var n,r=t(50016),a=t(33651),o=t(25694),s=t(10901),i=t(61449),d=t(77452),g=t(84242),u=t(1948),c=t(38671),m=t(44296),h=t(31356),C=t(57610),p=t(64205),b=t(90578),y=t(26444),f=t(7214),v=t(29038),x=t(82880),U=t(99998),j=t(66776),w=t(78200),S=t(20219),A=t(44277),O=t(50026),I=t(1841),R=t(39470),L=t(55108),D=t(57417),_=t(96239),B=t(90076);!function(e){e[e.OPEN=0]="OPEN",e[e.WON=1]="WON",e[e.LOST=2]="LOST",e[e.DRAW=3]="DRAW"}(n||(n={}));const E=e=>{var l,t,r,a,o,s,i,d;const g=e.size||"large",u="large"===g?112:72,c=T(g,u),m=e.result&&2===e.result.length?e.result[0]===e.result[1]?n.DRAW:e.currentUser.id===e.challenger.id&&e.result[0]>e.result[1]||e.currentUser.id===e.challenged.id&&e.result[0]<e.result[1]?n.WON:n.LOST:n.OPEN,h=e.currentUser.id===e.challenged.id?e.challenger:e.challenged,C=h===e.challenger?e.challenged:e.challenger,p=null!==(l=null===(t=h.media)||void 0===t||null===(r=t.image)||void 0===r?void 0:r.url)&&void 0!==l?l:(0,O.v)(h.id,h.name),b=null!==(a=null!==(o=e.compImage)&&void 0!==o?o:null===(s=C.media)||void 0===s||null===(i=s.image)||void 0===i?void 0:i.url)&&void 0!==a?a:(0,O.v)(C.id,C.name);return(0,B.jsxs)(A.A,{style:[c.container,e.style],onPress:()=>{e.onSelected(e.challenger,e.challenged)},children:[(0,B.jsxs)(y.A,{style:[c.userContainer,c.upperUserContainer],children:[(0,B.jsx)(I.e,{style:c.image,highlightGap:0,highlightWidth:0,size:u,radius:0,imageUrl:p}),"large"===g&&e.showLabels&&h.id!==e.currentUser.id&&(0,B.jsx)(L.c,{style:c.label,backgroundColor:D._E,labelColor:D.DO,label:h.name.toUpperCase(),ellipsizeMode:"tail",numberOfLines:2})]}),"large"===g?(0,B.jsxs)(y.A,{style:[c.userContainer,c.lowerUserContainer],children:[(0,B.jsx)(I.e,{style:c.image,highlightGap:0,highlightWidth:0,size:u,radius:0,imageUrl:b}),e.showLabels&&C.id!==e.currentUser.id?(0,B.jsx)(L.c,{style:c.label2,backgroundColor:D._E,labelColor:D.DO,label:C.name.toUpperCase(),ellipsizeMode:"tail",numberOfLines:2}):(0,B.jsx)(k,{state:m,style:c.label2})]}):(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(k,{state:m,style:c.label2Absolute}),(0,B.jsx)(y.A,{style:[c.labelContainer,{backgroundColor:e.compPrimaryColor}],children:(0,B.jsx)(L.c,{style:c.label2,backgroundColor:null!==(d=e.compPrimaryColor)&&void 0!==d?d:D._E,labelColor:D.DO,label:h.name.toUpperCase(),ellipsizeMode:"tail",numberOfLines:1})})]}),(0,B.jsx)(y.A,{style:c.vsIcon,children:(0,B.jsx)(_.PK,{color:D.DO,width:"large"===g?24:11,height:"large"===g?46:20})}),e.badge>0&&(0,B.jsx)(R.E,{style:c.badge,size:"medium",count:e.badge,maxCount:9})]})},T=(e,l)=>v.A.create({container:{width:l,height:"large"===e?2*l:l+32,overflow:"visible",borderRadius:16,justifyContent:"space-between",borderWidth:"large"===e?2:0,borderColor:D.SI,backgroundColor:D.hO,marginTop:"large"===e?4:6},userContainer:{position:"relative",height:"large"===e?l-2:l,width:"large"===e?l-4:l,display:"flex",flexDirection:"column",justifyContent:"flex-start",alignItems:"center",paddingHorizontal:16,paddingVertical:8,overflow:"hidden"},upperUserContainer:{borderTopLeftRadius:14,borderTopRightRadius:14},lowerUserContainer:{justifyContent:"flex-end",borderBottomLeftRadius:14,borderBottomRightRadius:14},labelContainer:{flex:1,justifyContent:"center",overflow:"hidden",borderBottomLeftRadius:14,borderBottomRightRadius:14},image:{position:"absolute",top:0},label:{maxWidth:l-32,alignSelf:"center",marginBottom:8},label2:{maxWidth:"large"===e?l-32:l-8,alignSelf:"center"},label2Absolute:{maxWidth:"large"===e?l-32:l-8,width:"large"===e?void 0:l-8,alignSelf:"center",position:"large"===e?"relative":"absolute",top:"large"===e?void 0:l-8,left:"large"===e?void 0:4,zIndex:"large"===e?0:1},vsIcon:{position:"absolute",top:"large"===e?l-23:l-28,left:"large"===e?l/2-12:l/2-5.5},badge:{position:"absolute",top:-6,right:-6,overflow:"visible"}}),k=e=>{switch(e.state){case n.WON:return(0,B.jsx)(L.c,{style:e.style,label:"WON",labelColor:D.bL,backgroundColor:D.RO});case n.LOST:return(0,B.jsx)(L.c,{style:e.style,label:"LOST",labelColor:D.DO,backgroundColor:D.oH});case n.DRAW:return(0,B.jsx)(L.c,{style:e.style,label:"DRAW",labelColor:D.DO,backgroundColor:D.bL});default:return null}},P=e=>{const{currentUser:l,getUserById:t}=e,[n,a]=(0,r.useState)(l.id===e.challengerId?l:null),[o,s]=(0,r.useState)(l.id===e.challengedId?l:null);return(0,r.useEffect)((()=>{let l;return null===n&&(l=t(e.challengerId).subscribe({next:e=>{a(e)}})),null===o&&(l=t(e.challengedId).subscribe({next:e=>{s(e)}})),()=>{l&&l.unsubscribe()}}),[t,n,o,e.challengerId,e.challengedId]),null!==n&&null!==o&&(0,B.jsx)(E,{style:e.style,compImage:e.compImage,currentUser:l,challenger:n,challenged:o,showLabels:!0,badge:e.badge,result:e.result,size:e.size,compPrimaryColor:e.compPrimaryColor,onSelected:e.onSelected})},z=e=>{const l=e.size||"large",t=W(l);return(0,B.jsxs)(A.A,{style:[t.container,e.style],onPress:()=>{e.onSelected()},children:["small"!==l&&(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(y.A,{style:t.vsIconBubble,children:(0,B.jsx)(_.x2,{color:D.DO,width:"large"===l?64:32,height:"large"===l?55:27.5})}),(0,B.jsx)(f.A,{style:t.tapLabel,children:"Create a challenge"})]}),"small"===l&&(0,B.jsx)(_.PK,{color:D.DO,width:14,height:26})]})},W=e=>v.A.create({container:{flexDirection:"column",alignItems:"center",justifyContent:"large"===e?"flex-end":"center",width:"large"===e?112:"medium"===e?72:32,height:"large"===e?224:"medium"===e?104:32,overflow:"hidden",paddingVertical:"large"===e?32:"medium"===e?16:0,borderRadius:"small"!==e?16:4,borderWidth:2,borderColor:D._j,backgroundColor:D.fu},vsIconBubble:{marginBottom:"large"===e?40:20},tapLabel:{color:D.DO,fontFamily:D.mF,fontSize:"large"===e?16:12,textAlign:"center"}});var N=t(95030),G=t(9489);const M=e=>{const{currentUser:l,enteredUpcomingComps:t,enteredResultedComps:n,challenges:a,challengesEnabled:o,getUserById:s,onChallengeSelected:i,onNewChallenge:d,onCompSelected:g}=e,u=(0,r.useCallback)(((e,l)=>e.filter(l).map((e=>({...e,challenges:a.filter((l=>l.challenge.competitionId===e.summary.id))})))),[a]),c=(0,r.useMemo)((()=>u(t,(e=>(0,w.getCompetitionClientStatus)(e.summary.starts,e.summary.status)===x.ClientStatus.IN_PLAY||e.summary.inPlayQuestions.length>0))),[u,t]),m=(0,r.useMemo)((()=>u(t,(e=>(0,w.getCompetitionClientStatus)(e.summary.starts,e.summary.status)!==x.ClientStatus.IN_PLAY&&e.summary.inPlayQuestions.length<=0))),[u,t]),h=(0,r.useMemo)((()=>u(n,(e=>(0,S.isDayOffset)(new Date,e.summary.starts.toDate(),0)))),[u,n]),C=(0,r.useMemo)((()=>u(n,(e=>(0,S.isDayOffset)(new Date,e.summary.starts.toDate(),-1)))),[u,n]),v=(0,r.useMemo)((()=>u(n,(e=>(0,S.isDayOffset)(new Date,e.summary.starts.toDate(),-1,"lessthan")))),[u,n]);return(0,B.jsx)(p.A,{showsVerticalScrollIndicator:!1,alwaysBounceVertical:!1,style:F.scrollContainer,contentContainerStyle:F.scrollContentContainer,children:0===t.length&&0===n.length?(0,B.jsx)(b.A,{style:F.image,resizeMode:"cover",source:{uri:`${e.config.cdnUrl}/vendors/yourgames-none.png`}}):[{subTitle:"Live",data:c,canAddChallenge:!0,showScore:!0},{subTitle:"Upcoming",data:m,canAddChallenge:!0,showScore:!1},{subTitle:"Today",data:h,canAddChallenge:!1,showScore:!0},{subTitle:"Yesterday",data:C,canAddChallenge:!1,showScore:!0},{subTitle:"Previous",data:v,canAddChallenge:!1,showScore:!0}].map((e=>e.data.length>0&&(0,B.jsxs)(y.A,{children:[(0,B.jsx)(G.K,{title:"",subTitle:e.subTitle}),e.data.map((t=>(0,B.jsxs)(y.A,{style:F.itemContainer,children:[(0,B.jsx)(N.T,{comp:t,colorConfig:(0,j.getColorConfiguration)(t.summary.primaryColor),onPress:()=>

1g(t),noColorBackground:!0,children:o&&e.canAddChallenge&&0===t.challenges.length&&o&&(0,B.jsx)(z,{style:F.newChallengeButtonChild,size:"small",onSelected:()=>d(t.summary)})}),l&&t.challenges.length>0&&(0,B.jsxs)(y.A,{style:F.challengesList,children:[(0,B.jsx)(f.A,{style:F.challengesLabel,children:"Challenges"}),(0,B.jsxs)(p.A,{centerContent:!1,scrollEnabled:!0,horizontal:!0,showsHorizontalScrollIndicator:!1,children:[t.challenges.map((e=>(0,B.jsx)(P,{style:F.challengeButton,size:"medium",result:e.challenge.result,badge:e.unread,compPrimaryColor:t.summary.primaryColor,currentUser:l,challengerId:(0,U.getChallengerId)(e.challenge),challengedId:(0,U.getChallengedId)(e.challenge),getUserById:s,onSelected:(l,t)=>i(e.challenge)},e.challenge.id))),o&&e.canAddChallenge&&(0,w.getCompetitionClientStatus)(t.summary.starts,t.summary.status)!==x.ClientStatus.RESULTED&&(0,w.getCompetitionClientStatus)(t.summary.starts,t.summary.status)!==x.ClientStatus.VERIFIED&&(0,B.jsx)(z,{style:F.newChallengeButton,size:"medium",onSelected:()=>d(t.summary)})]})]})]},t.summary.id)))]},e.subTitle)))})},F=v.A.create({scrollContainer:{flex:1},scrollContentContainer:{flexGrow:1},itemContainer:{backgroundColor:D.nE,marginBottom:2},challengesLabel:{paddingBottom:4,color:D.Z7,fontFamily:D.kh,fontSize:11,textTransform:"uppercase"},challengesList:{marginLeft:76,marginRight:16,paddingBottom:16},challengeButton:{marginRight:16},newChallengeButtonChild:{height:32,width:32,marginLeft:16},newChallengeButton:{marginTop:6},image:{backgroundColor:D.Xm,width:"100%",aspectRatio:594/332,overflow:"hidden",borderRadius:16,marginTop:56}});var V=t(13403),Y=t(97206),H=t(76966),K=t(47192),$=t(12723);const Q=e=>{const l=(0,a.d4)(H.z),t=(0,a.wA)();return(0,B.jsxs)(r.Fragment,{children:[(0,B.jsx)($.O,{config:l}),(0,B.jsx)(X,{...e,config:l,remoteConfig:(0,a.d4)(g.LO),currentUserId:(0,a.d4)(u.getUserId),currentUser:(0,a.d4)(u.getUser),vendors:(0,a.d4)(c.getVendorsForGroups),enteredUpcomingComps:(0,a.d4)(i.getEnteredUpcomingCompetitions),enteredResultedComps:(0,a.d4)(i.getEnteredResultedCompetitions),challenges:(0,a.d4)(d.getUserChallengesAndUnreadCounts),dispatchAction:(0,r.useCallback)((e=>t(e)),[t])})]})},X=r.memo((e=>{const{config:l,vendors:t,currentUser:n,enteredUpcomingComps:a,enteredResultedComps:i,challenges:d,dispatchAction:g}=e;(0,r.useEffect)((()=>{(0,Y.X3)("YourGames page")}),[]);const u=(0,V.Zp)(),c=e.remoteConfig.feature_challenges_enabled===s.d9.TRUE,p=(0,C.getUserByIdStream)(e.config.gameUrl);return(0,B.jsx)(K.L,{children:(0,B.jsx)("div",{className:(0,h.kY)("your-games-page__container"),children:(0,B.jsx)(M,{config:l,currentUser:n,vendors:t,challenges:d,challengesEnabled:c,enteredResultedComps:i,enteredUpcomingComps:a,getUserById:p,onChallengeSelected:e=>{(0,Y.d4)("your_games_page_challenge_button"),g((0,o.addOverlay)((0,m.getChallengeDetailsOverlay)(e,0)))},onNewChallenge:e=>{(0,Y.d4)("your_games_page_new_challenge_button"),g((0,o.addOverlay)((0,m.getNativeAppChallengeOverlay)()))},onCompSelected:e=>{(0,Y.d4)("your_games_page_comp_tile"),u({pathname:`/${e.summary.vendor}/${e.summary.key}`,search:window.location.search},{state:{canGoBack:!0}})}})})})}))},77452(e,l,t){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var l,t=1,n=arguments.length;t<n;t++)for(var r in l=arguments[t])Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r]);return e},n.apply(this,arguments)};Object.defineProperty(l,"__esModule",{value:!0}),l.getUserChallengesAndUnreadCounts=l.getUserCurrentCompetitionChallengeReadCounts=l.getUserCurrentCompetitionChallengeCounts=l.getUsersCurrentCompetitionChallenges=l.getUserChallenges=void 0;var r=t(56667),a=t(11750),o=t(99998),s=t(13313),i=t(61449),d=t(306),g=t(1948),u=t(78598);l.getUserChallenges=(0,r.createSelector)(g.getUserGroupsResponse,(function(e){var l;return null!==(l=null===e||void 0===e?void 0:e.filter((function(e){return e.type===a.GroupType.CHALLENGE})))&&void 0!==l?l:[]})),l.getUsersCurrentCompetitionChallenges=(0,r.createSelector)(s.getCompetitionId,l.getUserChallenges,(function(e,l){return e&&l?l.filter((function(l){return l.competitionId===e})):[]})),l.getUserCurrentCompetitionChallengeCounts=(0,r.createSelector)(l.getUsersCurrentCompetitionChallenges,u.getGroupCounts,(function(e,l){if(null!==l){var t={};return e.forEach((function(e){t[e.id]=l[e.id]})),t}return null})),l.getUserCurrentCompetitionChallengeReadCounts=(0,r.createSelector)(l.getUsersCurrentCompetitionChallenges,d.getChatReadCounts,(function(e,l){if(null!==l){var t={};return e.forEach((function(e){void 0!==l[e.id]&&(t[e.id]=l[e.id])})),t}return null})),l.getUserChallengesAndUnreadCounts=(0,r.createSelector)(l.getUserChallenges,u.getGroupCounts,d.getChatReadCounts,i.getFilteredCompSummariesAndEntries,(function(e,l,t,r){return e.map((function(e){var a,s,i;return n({challenge:e,unread:(null===(a=null===l||void 0===l?void 0:l[e.id])||void 0===a?void 0:a.messageCount)?l[e.id].messageCount-(null!==(s=null===t||void 0===t?void 0:t[e.id])&&void 0!==s?s:0):0}

1,null!==(i=r.find((function(l){return l.summary.id===(0,o.getChallengeCompId)(e)})))&&void 0!==i?i:{})}))}))}}]);