https://www.mixnpik.com/static/js/HomePageV2.e8740ea6.chunk.js

1"use strict";(self.webpackChunkweb=self.webpackChunkweb||[]).push([[171],{43621(e,s,a){a.r(s),a.d(s,{HomePageV2:()=>B,HomePageV2View:()=>D});var t=a(50016),o=a(33651),n=a(13403),i=a(27316),m=a(25694),l=a(76862),r=a(61449),d=a(5532),c=a(306),u=a(84242),p=a(13828),g=a(1948),v=a(38671),h=a(11750),y=a(31356),_=a(97961),x=a(81824),j=a(22513),C=a(10672),S=a(29080),N=a(30447),k=a(40908),L=a(97206),b=a(76966),f=a(47192),w=a(8089),M=a(50876),A=a(12118),T=a(78200),E=a(20219),O=a(73514),I=a(71668),P=a(90076);const U=e=>{var s,a,o,n;const{comp:i,onSelected:m}=e,l=i.summary.status===h.CompStatus.DRAFT,r=(0,T.getCompetitionClientStatus)(i.summary.starts,i.summary.status),d=(0,t.useCallback)((()=>m(i)),[i,m]),c=null===i.entry&&i.summary.status===h.CompStatus.OPEN||i.outstandingQuestions>0,u=null!==i.entry||i.summary.status!==h.CompStatus.OPEN?`${i.outstandingQuestions} NEW`:"NEW",p=null===(s=i.summary.promo.image)||void 0===s?void 0:s.url;return(0,P.jsxs)("button",{type:"button",className:"game-tile-v2",disabled:l,onClick:d,children:[(0,P.jsxs)("span",{className:"game-tile-v2__media",children:[p?(0,P.jsx)("img",{src:p,alt:"",loading:"lazy"}):(0,P.jsx)("span",{className:"game-tile-v2__media-placeholder"}),(0,P.jsx)("span",{className:"game-tile-v2__scrim"}),l?(0,P.jsx)("span",{className:"game-tile-v2__lock",children:(0,P.jsxs)("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","aria-hidden":"true",children:[(0,P.jsx)("rect",{x:"3",y:"11",width:"18",height:"11",rx:"2"}),(0,P.jsx)("path",{d:"M7 11V7a5 5 0 0110 0v4"})]})}):(0,P.jsxs)("span",{className:"game-tile-v2__foreground",children:[c&&(0,P.jsx)("span",{className:"game-tile-v2__badge",children:u}),(0,P.jsxs)("span",{className:"game-tile-v2__status",children:[(0,P.jsx)(I.y,{startTime:i.summary.starts,status:r,showDurationFromMs:6*E.MILLISECONDS_IN_DAY,compressedFormat:!0,questionsInPlay:i.summary.inPlayQuestions.length>0,isLive:null===(a=i.summary.liveScore)||void 0===a?void 0:a.isLive,period:null===(o=i.summary.liveScore)||void 0===o?void 0:o.period,periodSeconds:null===(n=i.summary.liveScore)||void 0===n?void 0:n.periodSeconds}),(0,P.jsx)(O.o,{withIcon:!1,count:i.summary.entriesCount})]})]})]}),(0,P.jsxs)("span",{className:"game-tile-v2__info",children:[(0,P.jsx)("span",{className:"game-tile-v2__title",children:(0,T.getCompTitleGameTiles)(i.summary,!1)}),(0,P.jsx)("span",{className:"game-tile-v2__meta",children:i.summary.name})]})]})},V=e=>0===e.competitions.length?null:(0,P.jsx)("div",{className:"game-tile-list-v2",children:e.competitions.map((s=>(0,P.jsx)(U,{comp:s,onSelected:e.onSelected},s.summary.id)))}),B=e=>{const s=(0,o.wA)(),a=(0,o.d4)(c.getIsMute),n=(0,t.useCallback)((()=>s((0,k.Uz)())),[s]),h=(0,t.useCallback)((e=>s((0,m.addOverlay)(e))),[s]),y=(0,t.useCallback)((()=>s((0,i.setMute)(!a))),[a,s]);return(0,P.jsx)(D,{...e,isAppReadyToDisplay:(0,o.d4)(p.q),mute:a,config:(0,o.d4)(b.z),remoteConfig:(0,o.d4)(u.LO),userImageUrl:(0,o.d4)(g.getUserImageUrl),vendors:(0,o.d4)(v.getVendors),compsLoaded:(0,o.d4)(l.getCompSummariesLoaded),upcomingByStatusComps:(0,o.d4)(r.getUpcomingSortByStatusCompetitions),upcomingComps:(0,o.d4)(r.getUpcomingCompetitions),resultedComps:(0,o.d4)(r.getResultedCompetitions),miniLeagueCompsMap:(0,o.d4)(d.jy),onOpenAccountScreen:n,onAddOverlay:h,onMute:y})},D=t.memo((e=>{var s;const a=(0,n.Zp)();(0,t.useEffect)((()=>{(0,L.X3)("Home Page V2")}),[]);let o=e.upcomingComps,i=e.resultedComps;const m=!e.isAppReadyToDisplay||!e.compsLoaded;m&&(o=[],i=[]);const l=(0,r.getFeaturedComp)(o,i),d=e.upcomingByStatusComps.filter((e=>!e.vendor.isMiniLeague)).filter((e=>e.summary.status!==h.CompStatus.DRAFT)),c=o.filter((e=>!e.vendor.isMiniLeague)),u=i.filter((e=>!e.vendor.isMiniLeague)),p=(0,t.useCallback)(((e,s)=>{a({pathname:`/${e}/${s}`,search:window.location.search},{state:{canGoBack:!0}})}),[a]),g=(0,t.useCallback)((e=>{(0,L.d4)("home_page_story_item"),p(e.summary.vendor,e.summary.key)}),[p]),v=(0,t.useCallback)((e=>{(0,L.d4)("home_page_story_item"),p(e.summary.vendor,e.summary.key)}),[p]),k=(0,t.useCallback)((e=>{(0,L.d4)("home_page_comp_tile"),p(e.summary.vendor,e.summary.key)}),[p]),b=(0,t.useCallback)((e=>{(0,L.d4)("home_page_vendor_item"),a({pathname:`/${e.vendor}`,search:window.location.search},{state:{canGoBack:!0}})}),[a]);

1return(0,P.jsxs)(f.L,{children:[(0,P.jsx)(A.n,{config:e.config}),(0,P.jsx)("div",{className:"home-page-v2",children:(0,P.jsxs)("div",{className:(0,y.kY)("home-page-v2__container"),children:[l?(0,P.jsx)(S.q,{competition:l,mediaComponent:(0,P.jsx)(w.l,{active:!0,preload:!0,media:null!==(s=l.summary.feature)&&void 0!==s?s:l.summary.promo,animationName:"kenburns2",mute:e.mute,onMute:e.onMute}),onOpenCompetition:g}):(0,P.jsx)(S.e,{}),(m||d.length>0)&&(0,P.jsx)("div",{className:"home-page-v2__stories",children:(0,P.jsx)(x.N,{loading:m,competitions:d,vendors:e.vendors,showVendors:!1,onCompSelected:v,onVendorSelected:b})}),(0,P.jsxs)("div",{className:"home-page-v2__content",children:[(m||c.length>0)&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("h2",{className:"home-page-v2__section-header",children:"Latest Games"}),(0,P.jsx)(V,{competitions:c,onSelected:k})]}),(0,P.jsx)("div",{className:"home-page-v2__mini-leagues",children:e.vendors.filter((e=>e.isMiniLeague)).map((s=>{var a;return(0,P.jsxs)(t.Fragment,{children:[(0,P.jsx)(N.g,{vendor:s,onPress:b}),(0,P.jsx)(j.O,{display:"league",loading:0===o.length,competitions:[...null!==(a=e.miniLeagueCompsMap.get(s.vendor))&&void 0!==a?a:[]].sort(r.sortUpcomingAndStatusCompetitions),enableHighlight:!0,onSelected:k})]},s.vendor)}))}),(m||u.length>0)&&(0,P.jsx)(_.k,{style:{marginHorizontal:16},primaryColor:"#212121",title:"LATEST RESULTS",competitions:u.slice(0,5),onSelectCompetition:k}),(0,P.jsx)("h2",{className:"home-page-v2__section-header",children:"All Games"}),(0,P.jsx)(C.E,{style:F.vendorList,vendors:e.vendors,onSelected:b}),(0,P.jsx)(M.w,{className:"home-page-v2__footer"})]})]})})]})})),F={vendorList:{paddingHorizontal:4,paddingBottom:24}}}}]);