@streamlayer/react 0.41.0 → 0.41.1

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 (7) hide show
  1. package/lib/cjs/masters2.js +1 -1
  2. package/lib/cjs/useStreamLayerApp.js +1 -1
  3. package/lib/dist/cjs/index.js +33 -33
  4. package/lib/dist/es/index.js +805 -805
  5. package/lib/es/masters2.js +5 -5
  6. package/lib/es/useStreamLayerApp.js +1 -1
  7. package/package.json +2 -2
package/lib/cjs/masters2.js CHANGED
@@ -163,4 +163,4 @@ You might need to use a local HTTP server (instead of file://): https://reactjs.
163
163
  .sl-pill-button {
164
164
  display: none;
165
165
  }
166
- `,Vx=h=>{const[g,y]=K.useState(h),S=K.useCallback(()=>y(!1),[]);return K.useEffect(()=>(h&&document.addEventListener("scroll",S),()=>{document.removeEventListener("scroll",S)}),[h,S]),K.useEffect(()=>{g===!1&&document.removeEventListener("scroll",S)},[g,S]),[g]},O4=({children:h,container:g,fixedView:y,useContainer:S})=>{const[E]=Vx(y);return g.current?S?cm.createPortal(m.jsxs(Mx,{className:x.cx_default(E&&Ox),children:[h,E&&m.jsx("style",{children:$x}),!E&&m.jsx("style",{children:Ux}),m.jsx("style",{children:Fx})]}),g.current,"modal-node"):cm.createPortal(h,g.current,"modal-node"):null},Bx=x.styled_default("div")({name:"Container",class:"c1pgyo67",propsAsIs:!1}),Hx="sx17qu6",Wx="h1692c5m",Wp=({children:h,style:g,className:y,enabled:S=!0,replayKey:E,hiding:I})=>{const[b,P]=K.useState(!0),M=S&&b,j=S&&I;return K.useEffect(()=>{E!==void 0&&(P(!1),requestAnimationFrame(()=>{P(!0)}))},[E]),m.jsx(Bx,{style:g,className:x.cx_default(y,M&&Hx,j&&Wx),children:h})},$4=K.createContext({sdk:null}),iy=()=>K.useContext($4),qx=x.styled_default("div")({name:"SponsorLogoWrap",class:"s8p5v5z",propsAsIs:!1}),Qx=()=>x.r1,Kx=x.styled_default(Qx())({name:"SponsorLogo",class:"s755yti",propsAsIs:!0}),Gx=()=>m.jsx(qx,{children:m.jsx(Kx,{name:"mastersLogo"})}),Yx=x.styled_default("div")({name:"Container",class:"c38csyt",propsAsIs:!1}),Xx=x.styled_default("div")({name:"Title",class:"ty221rx",propsAsIs:!1}),Zx=x.styled_default("div")({name:"Description",class:"dlaj9xp",propsAsIs:!1}),Jx=({title:h,description:g})=>m.jsxs(Yx,{children:[m.jsx(x.r1,{name:"icon-check-circle"}),m.jsx(Xx,{children:h}),m.jsx(Zx,{children:g})]}),eS=()=>Wp,tS=x.styled_default(eS())({name:"ShowInContainer",class:"s16sbdnm",propsAsIs:!0}),nS=x.styled_default("div")({name:"Container",class:"cbhorgl",propsAsIs:!1}),rS=()=>x.r1,Z6=x.styled_default(rS())({name:"IconPrediction",class:"i1g20ja7",propsAsIs:!0}),Up=x.styled_default("div")({name:"FeedbackIconWrap",class:"f455ozj",propsAsIs:!1}),rm=x.styled_default("div")({name:"FeedbackHeader",class:"f1913njx",propsAsIs:!1}),aS=x.styled_default("span")({name:"FeedbackTitle",class:"fzfk69z",propsAsIs:!1}),bu=x.styled_default("span")({name:"FeedbackDescription",class:"fx87qaj",propsAsIs:!1}),qg=x.styled_default("div")({name:"FeedbackText",class:"fvek9ew",propsAsIs:!1}),oS=x.styled_default("span")({name:"DynamicWrap",class:"d1kbtp09",propsAsIs:!1}),iS=({feedbackMessages:h,questionVotedCorrectly:g,questionVoted:y,questionType:S,hasCorrectAnswer:E,showExpiredNotification:I,showClosedNotificationTrivia:b,votedInCurrentRender:P,votedAfterQuestionClosed:M,voteErrorMessage:j,enteredAnActiveQuestion:ee,marketClosed:H,percentsAnimated:z})=>{var B;const Y=y&&(S===ce.QuestionType.TRIVIA||S===ce.QuestionType.PREDICTION),le=S===ce.QuestionType.PREDICTION&&!E,X=H&&S===ce.QuestionType.PREDICTION&&!y&&!ee||S===ce.QuestionType.PREDICTION&&M&&P&&ee,se=Y&&le,ue=Y&&E,he=S===ce.QuestionType.PREDICTION&&y&&P&&E,Te=y&&S===ce.QuestionType.POLL&&P,Ce=g?"correct":"incorrect",Je=g?h==null?void 0:h.correctFeedback:h==null?void 0:h.incorrectFeedback,Oe=I||b||se||ue||X||Te||he||j,Ct=K.useRef(null),at=(B=Ct.current)==null?void 0:B.getBoundingClientRect().height,ut=P&&!z;return Oe?m.jsx(tS,{enabled:P&&!ut,replayKey:ut,style:P?{height:ut?0:at}:{},children:m.jsxs(nS,{ref:Ct,"data-prediction":le,children:[j&&m.jsxs(m.Fragment,{children:[m.jsx(Z6,{name:"questionExpired"}),m.jsx(bu,{children:j})]}),I&&m.jsxs(m.Fragment,{children:[m.jsx(Up,{children:m.jsx(x.r1,{name:"questionExpired"})}),m.jsxs("div",{children:[m.jsx(rm,{children:m.jsx(bu,{children:"Question Expired"})}),m.jsx(qg,{children:"You can still answer to see if you're correct, but no points are awarded for expired questions."})]})]}),b&&m.jsxs(m.Fragment,{children:[m.jsx(Up,{children:m.jsx(x.r1,{name:"questionExpired"})}),m.jsxs("div",{children:[m.jsx(rm,{children:m.jsx(bu,{children:"Question Closed"})}),m.jsx(qg,{children:"This question was answered after the moderator closed the question. So the points for this answer won’t tally."})]})]}),!j&&X&&m.jsxs(m.Fragment,{children:[m.jsx(Up,{children:m.jsx(x.r1,{name:"questionExpired"})}),m.jsxs("div",{children:[m.jsx(rm,{children:m.jsx(bu,{children:"Question Closed"})}),m.jsx(qg,{children:"This event has already taken place, so the ability to make a prediction on its outcome is no longer available."})]})]}),se&&m.jsxs(m.Fragment,{children:[m.jsx(Z6,{name:"icon-prediction"}),m.jsxs(bu,{children:["Your pick has been recorded. ",m.jsx(oS,{children:"We’ll notify you of the result."})]})]}),Te&&m.jsxs(m.Fragment,{children:[m.jsx(Up,{"data-feedback-type":"correct",children:m.jsx(x.r1,{name:"correct"})}),m.jsx(bu,{children:"Thanks for answering. Please stay tuned for the next question."})]}),(ue||he)&&!b&&m.jsxs(m.Fragment,{children:[m.jsx(Up,{"data-feedback-type":Ce,children:m.jsx(x.r1,{name:Ce})}),m.jsx("div",{children:m.jsxs(rm,{children:[m.jsx(aS,{"data-feedback-type":Ce,children:Je==null?void 0:Je.title}),m.jsx(bu,{children:Je==null?void 0:Je.description})]})})]})]})}):null},lS=x.styled_default("div")({name:"Container",class:"c14ielyq",propsAsIs:!1}),sS=()=>E4,uS=x.styled_default(sS())({name:"QuestionScrollContainer",class:"q1tlqx57",propsAsIs:!0}),cS=x.styled_default("div")({name:"Content",class:"c1hq58md",propsAsIs:!1}),dS=x.styled_default("div")({name:"Title",class:"t1c8nxcx",propsAsIs:!1}),fS=x.styled_default("div")({name:"Options",class:"oiozuc3",propsAsIs:!1}),pS=x.styled_default("button")({name:"ButtonContainer",class:"b1b6dl8t",propsAsIs:!1}),mS=x.styled_default("div")({name:"ButtonPct",class:"b4iik8i",propsAsIs:!1}),hS=x.styled_default("span")({name:"ButtonBody",class:"b1gq1lnf",propsAsIs:!1}),vS=x.styled_default("div")({name:"IconContainer",class:"i1j65z51",propsAsIs:!1}),gS=x.styled_default("div")({name:"IconWrap",class:"i19tpfua",propsAsIs:!1}),U4=x.styled_default("img")({name:"Icon",class:"i1tubmma",propsAsIs:!1}),yS=()=>U4,bS=x.styled_default(yS())({name:"IconDefault",class:"i1grrgwj",propsAsIs:!0}),wS=()=>U4,kS=x.styled_default(wS())({name:"IconCircle",class:"ibemyq8",propsAsIs:!0}),xS=x.styled_default("span")({name:"Title",class:"t1dceht",propsAsIs:!1}),SS=x.styled_default("span")({name:"Indicators",class:"i116q4vq",propsAsIs:!1}),CS=x.styled_default("span")({name:"Pts",class:"p17ajcu2",propsAsIs:!1}),_S=x.styled_default("span")({name:"Percentage",class:"pu9kmlb",propsAsIs:!1}),ES=()=>x.r1,TS=x.styled_default(ES())({name:"CheckIcon",class:"c1j2j0s0",propsAsIs:!0}),J6={[ce.QuestionImages.CENTERED]:h=>m.jsx(bS,{alt:"option-icon",src:h}),[ce.QuestionImages.TRANSPARENT]:h=>m.jsx(vS,{children:m.jsx(gS,{style:{backgroundImage:`url(${h})`}})}),[ce.QuestionImages.ROUNDED]:h=>m.jsx(kS,{alt:"option-icon",src:h}),[ce.QuestionImages.NONE]:()=>null,[ce.QuestionImages.UNSET]:()=>null},IS=({questionType:h,hasCorrectAnswer:g,correct:y,youVoted:S,questionVoted:E})=>{if(h===ce.QuestionType.POLL&&S)return"correct";if(h===ce.QuestionType.PREDICTION){if(g&&E)return S?y?"correct":"incorrect":"unset";if(S)return"correct"}return h===ce.QuestionType.TRIVIA&&E&&S?y?"correct":"incorrect":"unset"},RS=({questionType:h,questionVoted:g,correct:y,hasCorrectAnswer:S,questionStatus:E})=>h===ce.QuestionType.TRIVIA?g&&y:h===ce.QuestionType.PREDICTION?g&&y&&S||E===ce.QuestionStatus.RESOLVED&&y:!1,LS=h=>{var g;const{id:y,icon:S,text:E,percentageDecimal:I,points:b,onVote:P,markThatVoted:M,onPercentsAnimated:j,youSelected:ee,questionVoted:H,imageMode:z,answerTimeExpired:B,questionStatus:Y,isLoading:le,questionType:X,correct:se,hasCorrectAnswer:ue,votedAfterQuestionClosed:he,enteredAnActiveQuestion:Te,marketClosed:Ce}=h,[Je,Oe]=K.useState(I),Ct=IS(h),at=RS({questionType:X,questionVoted:H,correct:se,hasCorrectAnswer:ue,questionStatus:Y}),ut=Ce&&X===ce.QuestionType.PREDICTION,_t=H||ut,dt=X===ce.QuestionType.PREDICTION&&!H&&!Ce,Be=H&&!ee&&Ct!=="incorrect";return K.useLayoutEffect(()=>{I>0&&(Oe(0),requestAnimationFrame(()=>{Oe(I)}))},[I]),m.jsxs(pS,{value:y,"data-selected":ee,"data-answer-state":Ct,disabled:H||le||B||ut&&!Te||ut&&Te&&he,"data-is-not-checked":Be,onClick:qe=>{M(X===ce.QuestionType.PREDICTION?Ce:Y===ce.QuestionStatus.RESOLVED),P(qe)},children:[m.jsx(mS,{"data-answer-state":Ct,style:{width:`${_t?Je:0}%`},onTransitionEnd:j}),m.jsxs(hS,{children:[S&&z&&((g=J6[z])==null?void 0:g.call(J6,S)),m.jsx(xS,{children:E}),dt&&m.jsxs("div",{children:[b,m.jsx(CS,{children:"pts"})]}),_t&&m.jsxs(SS,{children:[at&&m.jsx(TS,{name:"selected"}),m.jsx(_S,{children:m.jsx(x.d,{value:I,suffix:"%"})})]})]})]})},NS=[jt.E.PRIMARY_GREEN1,jt.E.SECONDARY_RED1,jt.E.SECONDARY_RED1,jt.E.NEUTRALS_GRAY3],PS=[10,10,1,0],zS=x.styled_default("div")({name:"RemainingTime",class:"r165427",propsAsIs:!1}),jS=jt.E.SECONDARY_GREEN6,e4=jt.E.SECONDARY_RED3,t4=jt.E.NEUTRALS_GRAY3,AS=({isPlaying:h=!0,duration:g=30,onTimerExpired:y})=>{const[S,E]=K.useState(g>10?jS:e4),[I,b]=K.useState(2);K.useEffect(()=>{g===0&&(b(0),E(t4))},[g]);const P=({remainingTime:ee})=>m.jsx(zS,{children:g===0?0:ee}),M=K.useCallback(()=>{y==null||y(),E(t4)},[y,E]),j=K.useCallback(ee=>{ee===10&&E(e4)},[E]);return m.jsx(Dk.CountdownCircleTimer,{isPlaying:h,duration:g,colors:NS,colorsTime:PS,size:32,strokeWidth:I,trailStrokeWidth:2,trailColor:S,onComplete:M,onUpdate:j,children:P})},DS=x.styled_default("div")({name:"WinBarContainer",class:"wie6cqo",propsAsIs:!1}),MS=x.styled_default("div")({name:"Content",class:"cgizw4u",propsAsIs:!1}),OS=x.styled_default("div")({name:"Title",class:"t1l3ucjp",propsAsIs:!1}),$S=()=>x.r1,US=x.styled_default($S())({name:"WinIcon",class:"wx7j799",propsAsIs:!0}),FS=x.styled_default("div")({name:"Points",class:"p4lwuj0",propsAsIs:!1}),VS=x.styled_default("span")({name:"PointsCount",class:"po9i64o",propsAsIs:!1}),BS=x.styled_default("span")({name:"PointsUnits",class:"pe5g05h",propsAsIs:!1}),HS=({title:h,points:g,isPlayingTimer:y,isTimer:S,animatePoints:E,questionType:I,timerDuration:b,onTimerExpired:P})=>m.jsxs(DS,{style:{justifyContent:I===ce.QuestionType.PREDICTION?"center":"space-between"},children:[m.jsxs(MS,{children:[h&&m.jsx(OS,{children:h}),g!==void 0&&I!==ce.QuestionType.POLL&&m.jsxs(m.Fragment,{children:[m.jsx(US,{name:"icon-trophy"}),m.jsxs(FS,{children:[m.jsx(VS,{children:E?m.jsx(x.d,{value:g,delay:.3}):g}),m.jsx(BS,{children:"PTS"})]})]})]}),S&&I!==ce.QuestionType.PREDICTION&&m.jsx(AS,{isPlaying:y,onTimerExpired:P,duration:b})]}),WS=({openedQuestion:h,isLoading:g,vote:y,close:S})=>{var E,I;const b=h.subject,P=h.type,M=h.status,j=(E=h.options)==null?void 0:E.options,ee=h.marketClosed,H=h.id,[z,B]=K.useState(!1),[Y,le]=K.useState(!1),[X,se]=K.useState(!0),[ue,he]=K.useState(!1),[Te,Ce]=K.useState(""),[Je,Oe]=K.useState(""),[Ct,at]=K.useState(!1);K.useEffect(()=>{Je&&at(!0)},[Je]),K.useEffect(()=>{P===ce.QuestionType.PREDICTION?ee&&se(!1):M===ce.QuestionStatus.RESOLVED&&se(!1)},[]);const ut=K.useCallback(rt=>{le(rt),B(!0)},[]),_t=K.useRef(!1),dt=K.useCallback(async rt=>{if(!_t.current&&(_t.current=!0,H)){const Gn=rt.currentTarget.value;Ce(Gn);try{await y(H,Gn)}catch(Yn){const Nr=Yn.message==="already_voted"?"You’ve already answered this question on other device. So the points for this answer won't tally.":"Something went wrong, please try again";Oe(Nr),Ce(""),console.error("Error while voting",Yn),_t.current=!1}}},[H,Ce,y]),Be=K.useCallback(()=>{he(!0),setTimeout(S,3e3)},[S]),qe=K.useMemo(()=>h==null?void 0:h.answers.find(rt=>rt.youVoted===!0),[h]),ht=K.useMemo(()=>!!(h!=null&&h.answers.find(rt=>rt.correct===!0)),[h]),nt=K.useMemo(()=>h==null?void 0:h.answers.find(rt=>rt.correct===!0),[h]);K.useEffect(()=>{let rt;return P===ce.QuestionType.PREDICTION&&qe&&z&&(rt=setTimeout(S,1e4)),()=>{clearTimeout(rt)}},[qe]);const aa=K.useMemo(()=>h?h.answers.map(rt=>{var Gn;return{...rt,questionVoted:!!qe,youSelected:Te===rt.id,isLoading:g,hasCorrectAnswer:ht,questionType:h.type,answerTimeExpired:ue,questionStatus:M,imageMode:(Gn=h.appearance)==null?void 0:Gn.images,onVote:dt}}):[],[ht,ue,g,h,qe,M,dt,Te]),ae=j&&(j.case==="trivia"||j.case==="prediction")?j.value:void 0,Ee=M===ce.QuestionStatus.RESOLVED&&P===ce.QuestionType.TRIVIA&&!qe&&!X,ve=P===ce.QuestionType.TRIVIA&&Y&&z&&X,ot=K.useMemo(()=>P===ce.QuestionType.PREDICTION?!!(qe&&!ht||qe&&ht&&nt!=null&&nt.youVoted):!0,[P,qe,ht,nt]),ft=K.useMemo(()=>{if(P===ce.QuestionType.PREDICTION&&qe&&(!ht||ht&&nt!=null&&nt.youVoted))return qe.points;if(!(Ee||ue))return qe?qe.correct?qe.pointsEarned:0:nt==null?void 0:nt.points},[ue,qe,nt,Ee,P,ht]),Kn=K.useMemo(()=>P===ce.QuestionType.PREDICTION&&qe?ht?ht&&nt!=null&&nt.youVoted?"You won":"":"To win":Ee||ue?"Time expired":P===ce.QuestionType.POLL?"Time remaining":qe?"You won":"To win",[ue,P,qe,Ee,ht,nt]),An=(P===ce.QuestionType.TRIVIA||P===ce.QuestionType.PREDICTION)&&qe&&ht&&(nt==null?void 0:nt.youVoted),xa=qe||Ee||ve||P===ce.QuestionType.TRIVIA&&M===ce.QuestionStatus.RESOLVED&&X;return m.jsx(uS,{children:m.jsx(lS,{children:m.jsxs(cS,{children:[m.jsx(iS,{feedbackMessages:ae,questionVoted:!!qe,questionVotedCorrectly:qe==null?void 0:qe.correct,questionType:P,hasCorrectAnswer:ht,showExpiredNotification:Ee,showClosedNotificationTrivia:ve,votedInCurrentRender:z,votedAfterQuestionClosed:Y,enteredAnActiveQuestion:X,marketClosed:ee,percentsAnimated:Ct,voteErrorMessage:Je}),ot&&m.jsx(HS,{title:Kn,points:ft,onTimerExpired:Be,questionType:h.type,isTimer:!g,isPlayingTimer:!qe,animatePoints:An,timerDuration:xa?0:Number(((I=h==null?void 0:h.appearance)==null?void 0:I.autoHideInterval)||"30")}),ue?m.jsx(Jx,{title:"More to come...",description:"Watch for additional enhanced stream interactive experience."}):m.jsxs(m.Fragment,{children:[m.jsx(dS,{style:ot?{}:{marginTop:0},children:b}),m.jsx(fS,{children:aa.map(rt=>m.jsx(LS,{...rt,markThatVoted:ut,onPercentsAnimated:()=>at(!0),votedAfterQuestionClosed:Y,enteredAnActiveQuestion:X,marketClosed:ee},rt.id))})]})]})})})},qS=x.styled_default("div")({name:"Container",class:"c1bgb86j",propsAsIs:!1}),QS=x.styled_default("video")({name:"Player",class:"p6703cq",propsAsIs:!1}),KS=x.styled_default("img")({name:"Poster",class:"p12ow7zo",propsAsIs:!1}),GS=x.styled_default("div")({name:"Control",class:"cdpal9o",propsAsIs:!1}),YS="t1xke4ml",XS=(h,g)=>{for(const y of h)y.isIntersecting||y.target instanceof HTMLVideoElement&&!y.target.paused&&(g.unobserve(y.target),y.target.pause())},F4=new IntersectionObserver(XS,{threshold:.5}),ly=new Set,ZS=h=>{F4.observe(h),ly.add(h)},Vp=h=>{F4.unobserve(h),ly.delete(h)},V4=()=>{for(const h of ly)h instanceof HTMLVideoElement&&!h.paused&&(h.pause(),Vp(h))},sy=({poster:h,source:g,controlVideo:y})=>{const S=K.useRef(null),[E,I]=K.useState(!1),[b,P]=K.useState(!0),M=K.useCallback(()=>{y==null||y({muted:!0})},[y]),j=K.useCallback(()=>{y==null||y({muted:!1})},[y]),ee=()=>{const z=S==null?void 0:S.current;if(z)if(E)z.pause(),S.current&&Vp(S.current);else{const B=S==null?void 0:S.current;if(!B)return;V4(),ZS(B),B.play().catch(Y=>console.log(Y)),P(!1)}},H=()=>{var z;S.current&&Vp(S.current),(z=S==null?void 0:S.current)==null||z.load(),P(!0)};return K.useEffect(()=>{S.current&&Vp(S.current)},[]),K.useEffect(()=>{const z=S==null?void 0:S.current;return()=>{z&&(z.paused||j(),Vp(z))}},[j]),m.jsxs(qS,{onClick:ee,className:x.cx_default(E&&YS),children:[m.jsx(QS,{ref:S,src:g,onPlay:()=>{M(),I(!0)},onPause:()=>{j(),I(!1)},onEnded:()=>{j(),I(!1),H()},style:{visibility:b?"hidden":"visible"},controls:!1,playsInline:!0}),m.jsx(KS,{src:h,style:{visibility:b?"visible":"hidden"}}),m.jsx(GS,{children:E?m.jsx(x.r1,{name:"icon-pause"}):m.jsx(x.r1,{name:"icon-play"})})]})},JS=x.styled_default("div")({name:"Container",class:"cgn5uen",propsAsIs:!1}),eC=x.styled_default("div")({name:"Content",class:"c1px8nt6",propsAsIs:!1}),tC=x.styled_default("h3")({name:"Title",class:"t5et2jt",propsAsIs:!1}),nC=x.styled_default("div")({name:"Description",class:"d1i2kpk2",propsAsIs:!1}),rC=x.styled_default("img")({name:"Image",class:"id3lh3p",propsAsIs:!1}),aC=x.styled_default("div")({name:"ImageContainer",class:"i1gfjeu5",propsAsIs:!1}),B4=({instantView:h,isDetail:g,notification:y,controlVideo:S})=>{const E=h==null?void 0:h.heading,I=h==null?void 0:h.body,b=E||I,P=y==null?void 0:y.title,M=y==null?void 0:y.body;return m.jsxs(JS,{children:[(h==null?void 0:h.video)&&m.jsx(sy,{source:h.video.url,poster:h.video.thumbnailUrl,controlVideo:S}),(h==null?void 0:h.image)&&!(h!=null&&h.video)&&m.jsx(aC,{"data-rounded":h.imageMode===ce.QuestionImages.ROUNDED,children:m.jsx(rC,{src:h==null?void 0:h.image})}),m.jsxs(eC,{children:[m.jsx(tC,{children:g&&b?E:P}),m.jsx(nC,{children:g&&b?I:M})]})]})},oC=x.styled_default("div")({name:"Container",class:"c1euiow",propsAsIs:!1}),iC=x.styled_default("a")({name:"WebLinkBtn",class:"w19zie3h",propsAsIs:!1}),lC=({instantView:h,...g})=>m.jsxs(oC,{children:[m.jsx(B4,{instantView:h,...g,isDetail:!0}),(h==null?void 0:h.webLink)&&m.jsxs(iC,{href:h==null?void 0:h.webLink.url,target:"_blank","data-analytics":"web-link",children:[h==null?void 0:h.webLink.label,m.jsx(x.r1,{name:"icon-external-link"})]})]}),sC=x.styled_default("div")({name:"Container",class:"cjq447q",propsAsIs:!1}),uC=x.styled_default("div")({name:"ImageContainer",class:"i14egogb",propsAsIs:!1}),cC=x.styled_default("img")({name:"Image",class:"i2g9g4l",propsAsIs:!1}),dC=()=>x.r1,fC=x.styled_default(dC())({name:"TwitterIcon",class:"t1c454nm",propsAsIs:!0}),pC=x.styled_default("div")({name:"Details",class:"d11nigc3",propsAsIs:!1}),mC=x.styled_default("div")({name:"Name",class:"nrxa4k8",propsAsIs:!1}),hC=x.styled_default("div")({name:"UserNameAndDate",class:"u1p051g3",propsAsIs:!1}),vC=({image:h,name:g,userName:y,verified:S,createdTweet:E})=>{const I=E&&ax(E);return m.jsxs(sC,{children:[h&&m.jsxs(uC,{children:[m.jsx(cC,{src:h}),m.jsx(fC,{name:"twitter"})]}),m.jsxs(pC,{children:[g&&m.jsxs(mC,{children:[g," ",S&&m.jsx(x.r1,{name:"icon-twitter-verified"})]}),y&&m.jsxs(hC,{children:["@",y," ",I&&`･ ${I}`]})]})]})},gC=x.styled_default("div")({name:"Container",class:"c1kzqw87",propsAsIs:!1}),yC=x.styled_default("div")({name:"Details",class:"d9r1hf9",propsAsIs:!1}),bC=x.styled_default("div")({name:"Body",class:"bezygt5",propsAsIs:!1}),Fp=x.styled_default("div")({name:"ImagesContainer",class:"i1y8f7ym",propsAsIs:!1}),Qg=x.styled_default("div")({name:"ImagesBlock",class:"i18gwonx",propsAsIs:!1}),H4=x.styled_default("img")({name:"Image",class:"i3g0xjd",propsAsIs:!1}),wC=()=>H4,Jl=x.styled_default(wC())({name:"ImageFullSize",class:"io8rt7p",propsAsIs:!0}),kC=()=>H4,Kg=x.styled_default(kC())({name:"ImageHalfSize",class:"i4hn3ox",propsAsIs:!0}),xC=new RegExp("\\s?https?://t.co[^\\s]+(\\s+)?$"),SC=h=>h==null?void 0:h.replace(xC,""),uy=({image:h,body:g,account:y,accountVerified:S,tweet:E,isDetail:I,controlVideo:b})=>{var P,M,j,ee,H,z,B,Y,le;const X=(M=(P=E==null?void 0:E.meta)==null?void 0:P.extendedEntities)==null?void 0:M.media,se=X==null?void 0:X.find(({type:he})=>he==="photo"),ue=(z=(H=(ee=(j=X==null?void 0:X[0])==null?void 0:j.videoInfo)==null?void 0:ee.variants)==null?void 0:H.find(({contentType:he})=>he==="video/mp4"))==null?void 0:z.url;return m.jsxs(gC,{children:[m.jsxs(yC,{children:[m.jsx(vC,{image:h,name:(B=E==null?void 0:E.meta)==null?void 0:B.accountName,userName:y,verified:S,createdTweet:E==null?void 0:E.date}),m.jsx(bC,{children:SC(g)}),!I&&se&&m.jsx(Fp,{children:m.jsx(Jl,{src:X==null?void 0:X[0].mediaUrlHttps})}),I&&se&&m.jsxs(m.Fragment,{children:[(X==null?void 0:X.length)===1&&m.jsx(Fp,{children:m.jsx(Jl,{src:X[0].mediaUrlHttps})}),(X==null?void 0:X.length)===2&&m.jsxs(Fp,{children:[m.jsx(Kg,{src:X[0].mediaUrlHttps}),m.jsx(Kg,{src:X[1].mediaUrlHttps})]}),(X==null?void 0:X.length)===3&&m.jsxs(Fp,{children:[m.jsx(Kg,{src:X[0].mediaUrlHttps}),m.jsxs(Qg,{children:[m.jsx(Jl,{src:X[1].mediaUrlHttps}),m.jsx(Jl,{src:X[2].mediaUrlHttps})]})]}),(X==null?void 0:X.length)===4&&m.jsxs(Fp,{children:[m.jsxs(Qg,{children:[m.jsx(Jl,{src:X[0].mediaUrlHttps}),m.jsx(Jl,{src:X[1].mediaUrlHttps})]}),m.jsxs(Qg,{children:[m.jsx(Jl,{src:X[2].mediaUrlHttps}),m.jsx(Jl,{src:X[3].mediaUrlHttps})]})]})]})]}),!se&&(((Y=X==null?void 0:X[0])==null?void 0:Y.type)==="video"||((le=X==null?void 0:X[0])==null?void 0:le.type)==="animated_gif")&&ue&&m.jsx(sy,{source:ue,poster:X[0].mediaUrlHttps,controlVideo:b})]})},CC=x.styled_default("div")({name:"Container",class:"c1dcxmvf",propsAsIs:!1}),_C=x.styled_default("blockquote")({name:"Quote",class:"qb4q22c",propsAsIs:!1}),EC=h=>m.jsxs(CC,{children:[h.title&&m.jsx(_C,{children:h.title}),m.jsx(uy,{...h,isDetail:!0})]}),TC=x.styled_default("div")({name:"QuestionContainer",class:"qdri6g3",propsAsIs:!1}),IC=({openedQuestion:h})=>{var g,y;const{sdk:S}=iy();return((g=h==null?void 0:h.attributes)==null?void 0:g.attributes.case)==="insight"?m.jsx(lC,{...h.attributes.attributes.value,controlVideo:S==null?void 0:S.controlVideoPlayer}):((y=h==null?void 0:h.attributes)==null?void 0:y.attributes.case)==="tweet"?m.jsx(EC,{...h.attributes.attributes.value,controlVideo:S==null?void 0:S.controlVideoPlayer}):null},RC=({extendedQuestion:h,vote:g,close:y})=>{const{loading:S,data:E}=h;return E?m.jsx(WS,{vote:g,close:y,openedQuestion:E,isLoading:!!S}):null},LC=({gamification:h})=>{var g;const y=Ot.useStore(h.openedQuestion.$store),S=Ot.useStore(h.openedQuestion.$extendedStore);if(!y)return null;const E=y.type;return m.jsxs(TC,{children:[m.jsx(I4,{close:h.closeQuestion,type:((g=y.attributes)==null?void 0:g.type)||ce.QuestionType.UNSET}),E==="question"&&m.jsx(RC,{vote:h.submitAnswer,close:h.closeQuestion,extendedQuestion:S}),E!=="question"&&m.jsx(IC,{openedQuestion:y}),m.jsx(Gx,{sponsorLogo:""})]})};let NC=Symbol("clean"),Qn=[],PC=(h,g)=>{let y=[],S={get(){return S.lc||S.listen(()=>{})(),S.value},l:g||0,lc:0,listen(E,I){return S.lc=y.push(E,I||S.l)/2,()=>{let b=y.indexOf(E);~b&&(y.splice(b,2),--S.lc||S.off())}},notify(E,I){let b=!Qn.length;for(let P=0;P<y.length;P+=2)Qn.push(y[P],y[P+1],S.value,E,I);if(b){for(let P=0;P<Qn.length;P+=5){let M;for(let j=P+1;!M&&(j+=5)<Qn.length;)Qn[j]<Qn[P+1]&&(M=Qn.push(Qn[P],Qn[P+1],Qn[P+2],Qn[P+3],Qn[P+4]));M||Qn[P](Qn[P+2],Qn[P+3],Qn[P+4])}Qn.length=0}},off(){},set(E){let I=S.value;I!==E&&(S.value=E,S.notify(I))},subscribe(E,I){let b=S.listen(E,I);return E(S.value),b},value:h};return Cd.env.NODE_ENV!=="production"&&(S[NC]=()=>{y=[],S.lc=0,S.off()}),S},W4=(h={})=>{let g=PC(h);return g.setKey=function(y,S){let E=g.value;typeof S>"u"&&y in g.value?(g.value={...g.value},delete g.value[y],g.notify(E,y)):g.value[y]!==S&&(g.value={...g.value,[y]:S},g.notify(E,y))},g};const cy=(h,g,y)=>{const S=g>=jt.O.lg&&g<jt.O.xl?75:52;h.current&&window.scrollTo({top:h.current.offsetTop-S,...y})},zC=(h,g)=>{const y=K.useRef(null),S=K.useRef(0),[E]=K.useState(W4({scrollPosition:0,tabsShown:!0,scrollDirection:"forward"})),I=Ot.useStore(g);return K.useEffect(()=>{const b=window.innerWidth<jt.O.xl?window:y.current;if(!b)return()=>{};const P=Hp(M=>{var j;const ee=M.target;if(!ee)return;let H=0;I.screen.size<jt.O.xl?H=((j=h.current)==null?void 0:j.getBoundingClientRect().y)||0:H=ee.scrollTop;const z=S.current<H?"forward":"backward";S.current=H,E.set({scrollPosition:Math.round(H),scrollDirection:z,tabsShown:E.get().tabsShown})},200);return b.addEventListener("scroll",P),()=>{b.removeEventListener("scroll",P)}},[E,h,I.screen]),[y,E]},jC=x.styled_default("div")({name:"Container",class:"c115qtkr",propsAsIs:!1}),AC=x.styled_default("div")({name:"STabs",class:"sxnslc8",propsAsIs:!1}),DC=x.styled_default("button")({name:"Button",class:"b1umzux0",propsAsIs:!1}),MC=x.styled_default("span")({name:"Title",class:"tspsaas",propsAsIs:!1});var um=(h=>(h.HOME="home",h.LEADERBOARD="leaderboard",h))(um||{});const n4=({title:h,active:g,onClick:y})=>m.jsx(DC,{onClick:y,"data-selected":g,children:m.jsx(MC,{children:h})}),OC=({activePage:h="home",toggleActivePage:g})=>m.jsx(jC,{children:m.jsxs(AC,{"data-position":h==="home"?"left":"right",children:[m.jsx(n4,{title:"Home",active:h==="home",onClick:()=>g("home")}),m.jsx(n4,{title:"Friends",active:h==="leaderboard",onClick:()=>g("leaderboard")})]})}),$C=x.styled_default("button")({name:"Container",class:"cpjnajb",propsAsIs:!1}),UC=x.styled_default("div")({name:"Content",class:"c4m6kaz",propsAsIs:!1}),FC=x.styled_default("span")({name:"Title",class:"t1h8t9cc",propsAsIs:!1}),VC=()=>m.jsx($C,{children:m.jsxs(UC,{children:[m.jsx(x.r1,{name:"iconCopySuccess"}),m.jsx(FC,{children:"Link Copied to Clipboard"})]})}),q4=h=>{const g=K.useRef(),[y,S]=K.useState(null),E=K.useCallback(async I=>{var b;if(I&&(b=navigator==null?void 0:navigator.clipboard)!=null&&b.writeText){g.current&&(clearTimeout(g.current),S(null));try{await navigator.clipboard.writeText(I),h.current&&(S(cm.createPortal(m.jsx(VC,{}),h.current)),g.current=setTimeout(()=>{S(null)},1e3))}catch(P){console.error("Unable to copy to clipboard",P)}}},[h]);return K.useEffect(()=>()=>{clearTimeout(g.current)},[]),[E,y]},BC=x.styled_default("div")({name:"Container",class:"c1ux29ft",propsAsIs:!1}),HC=x.styled_default("img")({name:"FriendsIcon",class:"f10ncfg2",propsAsIs:!1}),WC=x.styled_default("div")({name:"Content",class:"c1yc07bd",propsAsIs:!1}),qC=x.styled_default("div")({name:"Title",class:"tj6cq7w",propsAsIs:!1}),QC=x.styled_default("div")({name:"Description",class:"d1ag78xo",propsAsIs:!1}),KC=()=>x.r1,GC=x.styled_default(KC())({name:"ArrowInviteIcon",class:"awohrz6",propsAsIs:!0}),YC="data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20rx='16'%20fill='white'/%3e%3cpath%20d='M10.4615%2012.6875C9.44231%2012.6875%208.61538%2013.4665%208.61538%2014.4266C8.61538%2015.3868%209.44231%2016.1658%2010.4615%2016.1658C11.4808%2016.1658%2012.3077%2015.3868%2012.3077%2014.4266C12.3077%2013.4665%2011.4808%2012.6875%2010.4615%2012.6875ZM10.4615%2016.1658C9.10817%2016.1658%208%2017.2097%208%2018.4846V19.7527C8%2019.7527%208.61538%2020.2237%2010.4615%2020.2237C12.3077%2020.2237%2012.9231%2019.7527%2012.9231%2019.7527V18.4846C12.9231%2017.2097%2011.8149%2016.1658%2010.4615%2016.1658ZM21.5385%2012.6875C20.5192%2012.6875%2019.6923%2013.4665%2019.6923%2014.4266C19.6923%2015.3868%2020.5192%2016.1658%2021.5385%2016.1658C22.5577%2016.1658%2023.3846%2015.3868%2023.3846%2014.4266C23.3846%2013.4665%2022.5577%2012.6875%2021.5385%2012.6875ZM21.5385%2016.1658C20.1851%2016.1658%2019.0769%2017.2097%2019.0769%2018.4846V19.7527C19.0769%2019.7527%2019.6923%2020.2237%2021.5385%2020.2237C23.3846%2020.2237%2024%2019.7527%2024%2019.7527V18.4846C24%2017.2097%2022.8918%2016.1658%2021.5385%2016.1658ZM16%2015.0063C14.9808%2015.0063%2014.1538%2015.7853%2014.1538%2016.7455C14.1538%2017.7056%2014.9808%2018.4846%2016%2018.4846C17.0192%2018.4846%2017.8462%2017.7056%2017.8462%2016.7455C17.8462%2015.7853%2017.0192%2015.0063%2016%2015.0063ZM16%2018.4846C14.6466%2018.4846%2013.5385%2019.5285%2013.5385%2020.8034V22.0715C13.5385%2022.0715%2014.1538%2022.5425%2016%2022.5425C17.8462%2022.5425%2018.4615%2022.0715%2018.4615%2022.0715V20.8034C18.4615%2019.5285%2017.3534%2018.4846%2016%2018.4846Z'%20fill='%23107D57'/%3e%3cpath%20opacity='0.5'%20d='M13.3908%209C12.3103%209%2011.4336%209.82584%2011.4336%2010.8437C11.4336%2011.8616%2012.3103%2012.6875%2013.3908%2012.6875C14.4713%2012.6875%2015.348%2011.8616%2015.348%2010.8437C15.348%209.82584%2014.4713%209%2013.3908%209ZM13.3908%2012.6875C13.1946%2012.6875%2012.9958%2012.6827%2012.7996%2012.7451C13.192%2013.2372%2013.3908%2013.8542%2013.3908%2014.5312C13.3908%2014.7761%2013.3296%2015.0161%2013.3296%2015.261C13.8521%2014.524%2014.6956%2014.0391%2015.6742%2013.9166C15.218%2013.1796%2014.3694%2012.6875%2013.3908%2012.6875ZM18.61%209C17.5295%209%2016.6528%209.82584%2016.6528%2010.8437C16.6528%2011.8616%2017.5295%2012.6875%2018.61%2012.6875C19.6905%2012.6875%2020.5672%2011.8616%2020.5672%2010.8437C20.5672%209.82584%2019.6905%209%2018.61%209ZM18.61%2012.6875C17.6314%2012.6875%2016.7828%2013.1796%2016.3266%2013.9166C17.3052%2014.0391%2018.1487%2014.524%2018.6712%2015.261C18.6712%2015.0161%2018.61%2014.7761%2018.61%2014.5312C18.61%2013.8542%2018.8088%2013.2372%2019.2012%2012.7451C19.005%2012.6827%2018.8062%2012.6875%2018.61%2012.6875Z'%20fill='%23107D57'/%3e%3c/svg%3e",XC=({title:h,description:g,onClick:y,className:S})=>{const[E]=_4({type:"invitation",action:"sent",payload:{from:ce.InvitationFrom.TITLE_CARD}});return m.jsxs(BC,{onClick:E(y),className:S,children:[m.jsx(HC,{alt:"friends-icon",src:YC}),m.jsxs(WC,{children:[m.jsx(qC,{children:h}),m.jsx(QC,{children:g})]}),m.jsx(GC,{name:"icon-copy"})]})},ZC=globalThis||void 0||self;let $a;typeof window<"u"?$a=window:typeof self<"u"?$a=self:$a=ZC;let ny=null,ry=null;const r4=20,Gg=$a.clearTimeout,a4=$a.setTimeout,Yg=$a.cancelAnimationFrame||$a.mozCancelAnimationFrame||$a.webkitCancelAnimationFrame,o4=$a.requestAnimationFrame||$a.mozRequestAnimationFrame||$a.webkitRequestAnimationFrame;Yg==null||o4==null?(ny=Gg,ry=function(g){return a4(g,r4)}):(ny=function([g,y]){Yg(g),Gg(y)},ry=function(g){const y=o4(function(){Gg(S),g()}),S=a4(function(){Yg(y),g()},r4);return[y,S]});function JC(h){let g,y,S,E,I,b,P;const M=typeof document<"u"&&document.attachEvent;if(!M){b=function(se){const ue=se.__resizeTriggers__,he=ue.firstElementChild,Te=ue.lastElementChild,Ce=he.firstElementChild;Te.scrollLeft=Te.scrollWidth,Te.scrollTop=Te.scrollHeight,Ce.style.width=he.offsetWidth+1+"px",Ce.style.height=he.offsetHeight+1+"px",he.scrollLeft=he.scrollWidth,he.scrollTop=he.scrollHeight},I=function(se){return se.offsetWidth!==se.__resizeLast__.width||se.offsetHeight!==se.__resizeLast__.height},P=function(se){if(se.target.className&&typeof se.target.className.indexOf=="function"&&se.target.className.indexOf("contract-trigger")<0&&se.target.className.indexOf("expand-trigger")<0)return;const ue=this;b(this),this.__resizeRAF__&&ny(this.__resizeRAF__),this.__resizeRAF__=ry(function(){I(ue)&&(ue.__resizeLast__.width=ue.offsetWidth,ue.__resizeLast__.height=ue.offsetHeight,ue.__resizeListeners__.forEach(function(Ce){Ce.call(ue,se)}))})};let z=!1,B="";S="animationstart";const Y="Webkit Moz O ms".split(" ");let le="webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "),X="";{const se=document.createElement("fakeelement");if(se.style.animationName!==void 0&&(z=!0),z===!1){for(let ue=0;ue<Y.length;ue++)if(se.style[Y[ue]+"AnimationName"]!==void 0){X=Y[ue],B="-"+X.toLowerCase()+"-",S=le[ue],z=!0;break}}}y="resizeanim",g="@"+B+"keyframes "+y+" { from { opacity: 0; } to { opacity: 0; } } ",E=B+"animation: 1ms "+y+"; "}const j=function(z){if(!z.getElementById("detectElementResize")){const B=(g||"")+".resize-triggers { "+(E||"")+'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',Y=z.head||z.getElementsByTagName("head")[0],le=z.createElement("style");le.id="detectElementResize",le.type="text/css",h!=null&&le.setAttribute("nonce",h),le.styleSheet?le.styleSheet.cssText=B:le.appendChild(z.createTextNode(B)),Y.appendChild(le)}};return{addResizeListener:function(z,B){if(M)z.attachEvent("onresize",B);else{if(!z.__resizeTriggers__){const Y=z.ownerDocument,le=$a.getComputedStyle(z);le&&le.position==="static"&&(z.style.position="relative"),j(Y),z.__resizeLast__={},z.__resizeListeners__=[],(z.__resizeTriggers__=Y.createElement("div")).className="resize-triggers";const X=Y.createElement("div");X.className="expand-trigger",X.appendChild(Y.createElement("div"));const se=Y.createElement("div");se.className="contract-trigger",z.__resizeTriggers__.appendChild(X),z.__resizeTriggers__.appendChild(se),z.appendChild(z.__resizeTriggers__),b(z),z.addEventListener("scroll",P,!0),S&&(z.__resizeTriggers__.__animationListener__=function(he){he.animationName===y&&b(z)},z.__resizeTriggers__.addEventListener(S,z.__resizeTriggers__.__animationListener__))}z.__resizeListeners__.push(B)}},removeResizeListener:function(z,B){if(M)z.detachEvent("onresize",B);else if(z.__resizeListeners__.splice(z.__resizeListeners__.indexOf(B),1),!z.__resizeListeners__.length){z.removeEventListener("scroll",P,!0),z.__resizeTriggers__.__animationListener__&&(z.__resizeTriggers__.removeEventListener(S,z.__resizeTriggers__.__animationListener__),z.__resizeTriggers__.__animationListener__=null);try{z.__resizeTriggers__=!z.removeChild(z.__resizeTriggers__)}catch{}}}}}class e_ extends K.Component{constructor(...g){super(...g),this.state={height:this.props.defaultHeight||0,scaledHeight:this.props.defaultHeight||0,scaledWidth:this.props.defaultWidth||0,width:this.props.defaultWidth||0},this._autoSizer=null,this._detectElementResize=null,this._parentNode=null,this._resizeObserver=null,this._timeoutId=null,this._onResize=()=>{this._timeoutId=null;const{disableHeight:y,disableWidth:S,onResize:E}=this.props;if(this._parentNode){var I,b,P,M;const j=window.getComputedStyle(this._parentNode)||{},ee=parseFloat((I=j.paddingLeft)!==null&&I!==void 0?I:"0"),H=parseFloat((b=j.paddingRight)!==null&&b!==void 0?b:"0"),z=parseFloat((P=j.paddingTop)!==null&&P!==void 0?P:"0"),B=parseFloat((M=j.paddingBottom)!==null&&M!==void 0?M:"0"),Y=this._parentNode.getBoundingClientRect(),le=Y.height-z-B,X=Y.width-ee-H,se=this._parentNode.offsetHeight-z-B,ue=this._parentNode.offsetWidth-ee-H;(!y&&(this.state.height!==se||this.state.scaledHeight!==le)||!S&&(this.state.width!==ue||this.state.scaledWidth!==X))&&(this.setState({height:se,width:ue,scaledHeight:le,scaledWidth:X}),typeof E=="function"&&E({height:se,scaledHeight:le,scaledWidth:X,width:ue}))}},this._setRef=y=>{this._autoSizer=y}}componentDidMount(){const{nonce:g}=this.props;this._autoSizer&&this._autoSizer.parentNode&&this._autoSizer.parentNode.ownerDocument&&this._autoSizer.parentNode.ownerDocument.defaultView&&this._autoSizer.parentNode instanceof this._autoSizer.parentNode.ownerDocument.defaultView.HTMLElement&&(this._parentNode=this._autoSizer.parentNode,this._parentNode!=null&&(typeof ResizeObserver<"u"?(this._resizeObserver=new ResizeObserver(()=>{this._timeoutId=setTimeout(this._onResize,0)}),this._resizeObserver.observe(this._parentNode)):(this._detectElementResize=JC(g),this._detectElementResize.addResizeListener(this._parentNode,this._onResize)),this._onResize()))}componentWillUnmount(){this._parentNode&&(this._detectElementResize&&this._detectElementResize.removeResizeListener(this._parentNode,this._onResize),this._timeoutId!==null&&clearTimeout(this._timeoutId),this._resizeObserver&&(this._resizeObserver.observe(this._parentNode),this._resizeObserver.disconnect()))}render(){const{children:g,defaultHeight:y,defaultWidth:S,disableHeight:E=!1,disableWidth:I=!1,nonce:b,onResize:P,style:M={},tagName:j="div",...ee}=this.props,{height:H,scaledHeight:z,scaledWidth:B,width:Y}=this.state,le={overflow:"visible"},X={};let se=!1;return E||(H===0&&(se=!0),le.height=0,X.height=H,X.scaledHeight=z),I||(Y===0&&(se=!0),le.width=0,X.width=Y,X.scaledWidth=B),K.createElement(j,{ref:this._setRef,style:{...le,...M},...ee},!se&&g(X))}}function t_(h){var g=h.lastRenderedStartIndex,y=h.lastRenderedStopIndex,S=h.startIndex,E=h.stopIndex;return!(S>y||E<g)}function n_(h){for(var g=h.isItemLoaded,y=h.itemCount,S=h.minimumBatchSize,E=h.startIndex,I=h.stopIndex,b=[],P=null,M=null,j=E;j<=I;j++){var ee=g(j);ee?M!==null&&(b.push(P,M),P=M=null):(M=j,P===null&&(P=j))}if(M!==null){for(var H=Math.min(Math.max(M,P+S-1),y-1),z=M+1;z<=H&&!g(z);z++)M=z;b.push(P,M)}if(b.length)for(;b[1]-b[0]+1<S&&b[0]>0;){var B=b[0]-1;if(!g(B))b[0]=B;else break}return b}var r_=function(h,g){if(!(h instanceof g))throw new TypeError("Cannot call a class as a function")},a_=function(){function h(g,y){for(var S=0;S<y.length;S++){var E=y[S];E.enumerable=E.enumerable||!1,E.configurable=!0,"value"in E&&(E.writable=!0),Object.defineProperty(g,E.key,E)}}return function(g,y,S){return y&&h(g.prototype,y),S&&h(g,S),g}}(),o_=function(h,g){if(typeof g!="function"&&g!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof g);h.prototype=Object.create(g&&g.prototype,{constructor:{value:h,enumerable:!1,writable:!0,configurable:!0}}),g&&(Object.setPrototypeOf?Object.setPrototypeOf(h,g):h.__proto__=g)},i4=function(h,g){if(!h)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return g&&(typeof g=="object"||typeof g=="function")?g:h};(function(h){o_(g,h);function g(){var y,S,E,I;r_(this,g);for(var b=arguments.length,P=Array(b),M=0;M<b;M++)P[M]=arguments[M];return I=(S=(E=i4(this,(y=g.__proto__||Object.getPrototypeOf(g)).call.apply(y,[this].concat(P))),E),E._lastRenderedStartIndex=-1,E._lastRenderedStopIndex=-1,E._memoizedUnloadedRanges=[],E._onItemsRendered=function(j){var ee=j.visibleStartIndex,H=j.visibleStopIndex;E._lastRenderedStartIndex=ee,E._lastRenderedStopIndex=H,E._ensureRowsLoaded(ee,H)},E._setRef=function(j){E._listRef=j},S),i4(E,I)}return a_(g,[{key:"resetloadMoreItemsCache",value:function(){var S=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;this._memoizedUnloadedRanges=[],S&&this._ensureRowsLoaded(this._lastRenderedStartIndex,this._lastRenderedStopIndex)}},{key:"componentDidMount",value:function(){}},{key:"render",value:function(){var S=this.props.children;return S({onItemsRendered:this._onItemsRendered,ref:this._setRef})}},{key:"_ensureRowsLoaded",value:function(S,E){var I=this.props,b=I.isItemLoaded,P=I.itemCount,M=I.minimumBatchSize,j=M===void 0?10:M,ee=I.threshold,H=ee===void 0?15:ee,z=n_({isItemLoaded:b,itemCount:P,minimumBatchSize:j,startIndex:Math.max(0,S-H),stopIndex:Math.min(P-1,E+H)});(this._memoizedUnloadedRanges.length!==z.length||this._memoizedUnloadedRanges.some(function(B,Y){return z[Y]!==B}))&&(this._memoizedUnloadedRanges=z,this._loadUnloadedRanges(z))}},{key:"_loadUnloadedRanges",value:function(S){for(var E=this,I=this.props.loadMoreItems||this.props.loadMoreRows,b=function(j){var ee=S[j],H=S[j+1],z=I(ee,H);z!=null&&z.then(function(){if(t_({lastRenderedStartIndex:E._lastRenderedStartIndex,lastRenderedStopIndex:E._lastRenderedStopIndex,startIndex:ee,stopIndex:H})){if(E._listRef==null)return;typeof E._listRef.resetAfterIndex=="function"?E._listRef.resetAfterIndex(ee,!0):(typeof E._listRef._getItemStyleCache=="function"&&E._listRef._getItemStyleCache(-1),E._listRef.forceUpdate())}})},P=0;P<S.length;P+=2)b(P)}}]),g})(K.PureComponent);const i_=x.styled_default("div")({name:"Container",class:"culdu4a",propsAsIs:!1}),l_=x.styled_default("div")({name:"Position",class:"pwf8e69",propsAsIs:!1}),s_=x.styled_default("img")({name:"Avatar",class:"atf4yh4",propsAsIs:!1}),u_=x.styled_default("div")({name:"AvatarPlaceholder",class:"a1dg29ja",propsAsIs:!1}),c_=x.styled_default("div")({name:"Content",class:"c10a68rc",propsAsIs:!1}),d_=x.styled_default("div")({name:"NameContainer",class:"nc4kck5",propsAsIs:!1}),f_=x.styled_default("span")({name:"Name",class:"njsrqgr",propsAsIs:!1}),p_=()=>x.r1,m_=x.styled_default(p_())({name:"CurrentUserBadge",class:"c17uc4zr",propsAsIs:!0}),h_=({rank:h,avatar:g,name:y,points:S,isCurrentUser:E,openItemDetail:I,style:b})=>m.jsxs(i_,{onClick:I,style:b,children:[m.jsx(l_,{children:h||0}),m.jsxs(c_,{children:[g?m.jsx(s_,{alt:"leaderboard-item-avatar",src:g}):m.jsx(u_,{children:oy(y||"")}),m.jsxs(d_,{children:[m.jsx(f_,{children:y||""}),E&&m.jsx(m_,{name:"icon-star"})]})]}),m.jsx("div",{children:L4(S)})]}),v_=x.styled_default("div")({name:"Container",class:"c16btbfp",propsAsIs:!1}),g_=({items:h,currentUserId:g,openItemDetail:y,fetchMore:S,scrollNode:E,hasMore:I})=>m.jsx(Mk,{loadMore:S,initialLoad:!1,hasMore:I,useWindow:!1,getScrollParent:()=>E.current,children:m.jsx(v_,{children:h.map(b=>m.jsx(h_,{...b,openItemDetail:()=>y(b.userId),isCurrentUser:!!g&&g===b.userId},b.userId))})}),y_=x.styled_default("div")({name:"Container",class:"c1itm4k7",propsAsIs:!1}),b_=x.styled_default("div")({name:"IconContainer",class:"i1w4fsni",propsAsIs:!1}),w_=()=>x.r1,k_=x.styled_default(w_())({name:"InviteGameIcon",class:"i19m85r1",propsAsIs:!0}),x_=x.styled_default("div")({name:"Content",class:"c1mbu204",propsAsIs:!1}),S_=x.styled_default("div")({name:"Heading",class:"h1amdqtv",propsAsIs:!1}),C_=x.styled_default("div")({name:"Subtext",class:"s1lhlj9j",propsAsIs:!1}),__=x.styled_default("div")({name:"LinkContainer",class:"l1wot35e",propsAsIs:!1}),E_=x.styled_default("div")({name:"LinkInfo",class:"l1jdw39q",propsAsIs:!1}),T_=x.styled_default("span")({name:"LinkTitle",class:"l1cr5mk",propsAsIs:!1}),I_=x.styled_default("span")({name:"LinkAddress",class:"lvi87q4",propsAsIs:!1}),R_=()=>x.r1,L_=x.styled_default(R_())({name:"LinkIcon",class:"l1pqlvw3",propsAsIs:!0}),Q4=({inviteLink:h,inviteCardTitle:g,inviteCardSubtext:y,primaryColor:S,className:E})=>{const I=K.useRef(null),[b,P]=q4(I),[M]=_4({type:"invitation",action:"sent",payload:{from:ce.InvitationFrom.MENU}});return m.jsxs(y_,{className:E,children:[m.jsx(b_,{style:{backgroundColor:S},children:m.jsx(k_,{name:"invite-game-icon"})}),m.jsxs(x_,{children:[m.jsx(S_,{children:g||""}),m.jsx(C_,{children:y||""})]}),h&&m.jsxs(__,{ref:I,onClick:M(()=>b(h)),children:[m.jsxs(E_,{children:[m.jsx(T_,{children:"Invite link"}),m.jsx(I_,{children:h})]}),m.jsx(L_,{name:"icon-copy"})]}),P]})},N_=x.styled_default("div")({name:"InviteFriendsContainer",class:"i1xmyxez",propsAsIs:!1}),P_=({deepLink:h})=>m.jsx(N_,{children:m.jsx(Q4,{inviteLink:h,inviteCardTitle:"It’s More Fun With Friends",inviteCardSubtext:"Invite and compete against your friends for the top spot on the leaderboard."})}),z_=x.styled_default("div")({name:"InviteLinkContainer",class:"i1chxfpe",propsAsIs:!1}),j_=({gamification:h,scrollNode:g,scrollStore:y,renderClipBoardNode:S})=>{const E=K.useRef(null),{data:I,hasMore:b,loading:P,key:M}=Ot.useStore(h.leaderboardList.$store),{data:j}=Ot.useStore(h.deepLink.$store),[ee,H]=q4(E);return!I.length&&!P?m.jsx(P_,{renderClipBoardNode:S,deepLink:j}):m.jsxs(m.Fragment,{children:[m.jsx(g_,{items:I,scrollNode:g,scrollStore:y,fetchMore:h.leaderboardList.fetchMore,hasMore:b,openItemDetail:h.openUser,currentUserId:h.currentUserId.get()},M),j&&m.jsx(z_,{ref:E,children:m.jsx(XC,{onClick:()=>ee(j),title:"Invite Friends",description:"Challenge them now!"})}),H]})},A_=x.styled_default("div")({name:"QuestionItem",class:"q1w97g3p",propsAsIs:!1}),D_=x.styled_default("div")({name:"QuestionCaption",class:"q2sl39u",propsAsIs:!1}),M_=x.styled_default("div")({name:"QuestionBody",class:"qd5h0uc",propsAsIs:!1}),O_=x.styled_default("div")({name:"QuestionAction",class:"q105uluy",propsAsIs:!1}),$_=()=>x.r1,am=x.styled_default($_())({name:"QuestionActionIcon",class:"q1fa0b9h",propsAsIs:!0}),U_=()=>x.r1,F_=x.styled_default(U_())({name:"QuestionTypeIcon",class:"qxlt78s",propsAsIs:!0}),V_=x.styled_default("div")({name:"QuestionTypeLabel",class:"qmg0vkx",propsAsIs:!1}),B_=x.styled_default("div")({name:"QuestionContent",class:"q1uz5j1g",propsAsIs:!1}),H_=x.styled_default("button")({name:"PlayButton",class:"p1pba9p1",propsAsIs:!1}),W_=x.styled_default("div")({name:"SkeletonContainer",class:"s169lohr",propsAsIs:!1}),q_=()=>R4,Q_=x.styled_default(q_())({name:"SkeletonButton",class:"s1f43z3r",propsAsIs:!0}),K_={[ce.PickHistoryStatus.LOST]:m.jsx(am,{name:"incorrectVoted"}),[ce.PickHistoryStatus.WON]:m.jsx(am,{name:"icon-check"}),[ce.PickHistoryStatus.UNSET]:m.jsx(am,{name:"icon-arrow"}),[ce.PickHistoryStatus.DNP]:m.jsx(am,{name:"icon-arrow"})},G_=()=>m.jsxs(W_,{children:[m.jsx(Yi,{loading:!0,style:{width:"35%"}}),m.jsx(Yi,{loading:!0,style:{width:"70%"}}),m.jsx(Q_,{})]}),Y_=({questionId:h,questionType:g,questionStatus:y,subject:S,openForVoting:E,openQuestion:I,status:b})=>{const P=fm[g],M=K_[b];return P?m.jsxs(A_,{onClick:()=>I==null?void 0:I(h),children:[m.jsxs(B_,{children:[m.jsxs(D_,{children:[m.jsx(F_,{"data-type-trivia":g===ce.QuestionType.TRIVIA,"data-type-poll":g===ce.QuestionType.POLL,name:P.iconName}),m.jsxs(V_,{children:[P.label,g===ce.QuestionType.TRIVIA&&y===ce.QuestionStatus.RESOLVED&&" • Expired"]})]}),m.jsx(M_,{children:S||""})]}),m.jsx(O_,{children:E?m.jsx(H_,{children:"Play"}):M})]}):null},X_=x.styled_default("div")({name:"Container",class:"cll3md7",propsAsIs:!1}),Z_=x.styled_default("button")({name:"ActionBtn",class:"a10g1iik",propsAsIs:!1}),J_=({openInsight:h,questionId:g,...y})=>m.jsxs(X_,{children:[m.jsx(B4,{questionId:g,...y}),h&&m.jsx(Z_,{onClick:()=>h(g),children:"View Insight"})]}),eE=x.styled_default("button")({name:"SButton",class:"s1nve60q",propsAsIs:!1}),tE=x.styled_default("span")({name:"ButtonLabel",class:"b1xoswwx",propsAsIs:!1}),K4=({disabled:h,variant:g="primary",onClick:y,children:S,...E})=>m.jsx(eE,{onClick:y,disabled:h,"data-variant":g,...E,children:m.jsx(tE,{children:S})}),nE=x.styled_default("div")({name:"Container",class:"cl56x6b",propsAsIs:!1}),rE=()=>K4,aE=x.styled_default(rE())({name:"ActionButton",class:"a11pzf92",propsAsIs:!0}),oE=x.styled_default("blockquote")({name:"Quote",class:"q1hbaleq",propsAsIs:!1}),iE=({openTweet:h,...g})=>m.jsxs(nE,{children:[g.title&&m.jsx(oE,{children:g.title}),m.jsx(uy,{...g}),h&&m.jsx(aE,{onClick:()=>h(g.tweetId),children:"View Insight"})]}),l4=x.styled_default("div")({name:"QuestionsContainer",class:"qvghv3l",propsAsIs:!1}),lE=({questions:h,openQuestion:g,controlVideo:y})=>{const S=E=>{V4(),g(E,{openedFrom:"list"})};return h?m.jsx(l4,{children:h==null?void 0:h.map(E=>{var I,b,P;if(E.type==="question"&&((I=E.attributes)==null?void 0:I.attributes.case)==="question"){const M=E.attributes.attributes.value;return m.jsx(Y_,{openQuestion:S,...M},M.questionId)}if(E.type==="insight"&&((b=E.attributes)==null?void 0:b.attributes.case)==="insight"){const M=E.attributes.attributes.value;return m.jsx(J_,{openInsight:S,controlVideo:y,...M},M.questionId)}if(E.type==="tweet"&&((P=E.attributes)==null?void 0:P.attributes.case)==="tweet"){const M=E.attributes.attributes.value,j=E.attributes.id;return m.jsx(iE,{openTweet:S,controlVideo:y,...M,tweetId:j},j)}return null})}):m.jsx(l4,{children:Array.from({length:5}).map((E,I)=>m.jsx(G_,{},I))})},sE=({store:h,openQuestion:g})=>{const{sdk:y}=iy(),S=Ot.useStore(h);return m.jsx(lE,{openQuestion:g,questions:S.data,controlVideo:y==null?void 0:y.controlVideoPlayer})},uE=({userSummary:h})=>{var g;const[y,S]=K.useState(void 0);return K.useEffect(()=>{const E=h.subscribe(I=>{I!=null&&I.data&&S(I.data)});return()=>{E()}},[h]),m.jsx(N4,{loading:!(y!=null&&y.summary),...y==null?void 0:y.summary,successRate:(g=y==null?void 0:y.percentage)==null?void 0:g.correct})},cE=({gamification:h,className:g,scrollStore:y,scrollNode:S,appNode:E,style:I,responsiveStore:b,headerNode:P})=>{const{tabsShown:M}=Ot.useStore(y,{keys:["tabsShown"]}),[j,ee]=K.useState(um.HOME),[,H]=K.useTransition(),{sdkInDesktopView:z,screen:B}=Ot.useStore(b,{keys:["sdkInDesktopView"]}),Y=se=>{H(()=>{var ue;ee(se),z===!1&&(((ue=E.current)==null?void 0:ue.getBoundingClientRect().y)||0)<0&&cy(E,B.size,{behavior:"instant"})})};K.useEffect(()=>y.listen(se=>{if(se.scrollPosition===0){y.setKey("tabsShown",!0);return}b.get().sdkInDesktopView?y.setKey("tabsShown",se.scrollDirection==="backward"):y.setKey("tabsShown",se.scrollDirection==="forward")}),[y,b]);let le="0px";z?le=M?"0px":"calc(8px - var(--header-height) - var(--header-offset))":le=M?"calc(var(--header-height) + var(--header-offset) - 2px)":"0px";const X=z?E:P;return m.jsxs(Hk,{className:g,style:I,children:[m.jsx(Kk,{style:{top:le},children:m.jsx(OC,{activePage:j,toggleActivePage:Y})}),j===um.HOME&&m.jsxs(m.Fragment,{children:[m.jsx(dm,{style:{paddingTop:"8px"},children:m.jsx(Gk,{children:m.jsx(uE,{userSummary:h.userSummary})})}),m.jsx(T4,{style:{flex:1},children:m.jsx(sE,{openQuestion:h.openQuestion,store:h.feedList.getStore()})})]}),j===um.LEADERBOARD&&m.jsx(qk,{children:m.jsx(j_,{renderClipBoardNode:X,scrollStore:y,scrollNode:S,gamification:h})})]})},dE=()=>Wp,s4=x.styled_default(dE())({name:"OpenedContainer",class:"oar61gl",propsAsIs:!0}),fE=x.styled_default("div")({name:"UserContainer",class:"u14zaal4",propsAsIs:!1}),pE=({correct:h,incorrect:g})=>{const y=h+g;return y===0?0:Math.round(h/y*100)},mE=({gamification:h,scrollStore:g,className:y,appNode:S,scrollNode:E,headerNode:I,responsiveStore:b})=>m.jsx(cE,{appNode:S,headerNode:I,scrollStore:g,scrollNode:E,className:y,gamification:h,responsiveStore:b}),hE=({gamification:h,className:g,appNode:y,responsiveStore:S})=>{var E;const I=Ot.useStore(h.openedQuestion.$store),b=Ot.useStore(h.openedUser),{sdkInDesktopView:P}=Ot.useStore(S,{keys:["sdkInDesktopView"]}),M=(((E=y.current)==null?void 0:E.getBoundingClientRect().y)||0)<0;if(!y.current||!I&&!b)return null;const j=I?m.jsx(s4,{className:g,children:m.jsx(LC,{gamification:h})}):b?m.jsx(s4,{className:g,children:m.jsxs(fE,{children:[m.jsx(I4,{label:"Friend's Rank",close:h.closeUser}),m.jsx(dm,{children:m.jsx(N4,{...b,successRate:pE(b)})})]})}):null;return m.jsx(O4,{container:y,useContainer:!P,fixedView:M,children:j})},vE=K.lazy(()=>Promise.resolve().then(()=>require("./gamification-feature.js"))),gE=({sdk:h,feature:g,className:y,scrollStore:S,appNode:E,scrollNode:I,headerNode:b,responsiveStore:P})=>{const M=K.useMemo(()=>g&&g.featureConfig.get().type===ce.FeatureType.GAMES?m.jsx(Fk,{className:y,sdk:h,feature:g,children:m.jsx(vE,{appNode:E,scrollStore:S,scrollNode:I,headerNode:b,className:y,responsiveStore:P,gamification:g})}):null,[h,g,y,P,S,I,E,b]);return m.jsx(K.Suspense,{fallback:m.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"page loading..."}),children:M})},yE=({feature:h,className:g,appNode:y,responsiveStore:S})=>h&&h.featureConfig.get().type===ce.FeatureType.GAMES?m.jsx(hE,{className:g,appNode:y,responsiveStore:S,gamification:h}):null,bE=x.styled_default("button")({name:"SButton",class:"sxxa0c",propsAsIs:!1}),wE=x.styled_default("span")({name:"ButtonIcon",class:"b193dcyu",propsAsIs:!1}),kE=x.styled_default("span")({name:"ButtonLabel",class:"b40tuix",propsAsIs:!1}),xE="s14xk0af",SE="ha3mg7c",CE="h103yr45",G4=({disabled:h,active:g,onClick:y,label:S,icon:E,id:I})=>m.jsx(bE,{onClick:y,disabled:h,className:x.cx_default(g&&xE,!g&&(I==="channels"||I==="featuredGroups")&&SE,!g&&I==="leaderboard"&&CE),children:m.jsxs(m.Fragment,{children:[E&&m.jsx(wE,{children:E}),m.jsx(kE,{children:S})]})}),_E=()=>x.r1,EE=x.styled_default(_E())({name:"ButtonIcon",class:"b1whzxvd",propsAsIs:!0}),Gi="channels",TE=h=>{var g;return m.jsx(G4,{...h,id:"channels",label:"Channels",icon:m.jsx(EE,{name:"icon-btn-channels","data-selected":(g=h.active)==null?void 0:g.toString()})})},IE=()=>x.r1,RE=x.styled_default(IE())({name:"ButtonIcon",class:"b11des7c",propsAsIs:!0}),es="featuredGroups",LE=h=>{var g;return m.jsx(G4,{...h,label:h.labelFull?"Featured Groups +":"FG+",id:"featuredGroups",icon:m.jsx(RE,{name:"icon-btn-feature-groups","data-selected":(g=h.active)==null?void 0:g.toString()})})},NE="leaderboard",PE=x.styled_default("div")({name:"Buttons",class:"b6tbwuy",propsAsIs:!1}),zE=({children:h,className:g})=>m.jsx(PE,{className:g,children:h}),jE=x.styled_default("div")({name:"Navigation",class:"n19lpak2",propsAsIs:!1}),AE=()=>zE,DE=x.styled_default(AE())({name:"NavigationItems",class:"n1w473c2",propsAsIs:!0}),ME=K.forwardRef(({activeOverlay:h,setActiveOverlay:g,scrollToTop:y,sdkReady:S,className:E,responsiveStore:I},b)=>{const{screen:P}=Ot.useStore(I,{keys:["screen"]});return m.jsxs(jE,{className:E,children:[m.jsxs(DE,{children:[m.jsx(TE,{active:h===Gi,onClick:()=>{g(Gi),h!==Gi&&y()}}),m.jsx(LE,{active:h===es,disabled:!S,onClick:()=>{g(es),h!==es&&y()},labelFull:P.size>=jt.O.md&&P.size<jt.O.xl})]}),m.jsx("div",{ref:b})]})}),OE=x.styled_default("div")({name:"InsightContainer",class:"i1pqqgpo",propsAsIs:!1}),$E=x.styled_default("img")({name:"Image",class:"igj7luu",propsAsIs:!1}),UE=x.styled_default("div")({name:"ImageContainer",class:"i1qne9g6",propsAsIs:!1}),FE=x.styled_default("div")({name:"InsightContent",class:"itpr98r",propsAsIs:!1}),VE=x.styled_default("h3")({name:"Title",class:"t17iaqp8",propsAsIs:!1}),BE=x.styled_default("div")({name:"Description",class:"d16t3y7s",propsAsIs:!1}),HE=x.styled_default("button")({name:"ActionBtn",class:"a12495er",propsAsIs:!1}),WE=({video:h,image:g,imageMode:y,heading:S,body:E,action:I,controlVideo:b})=>m.jsxs(OE,{children:[(h==null?void 0:h.url)&&m.jsx(sy,{source:h.url,poster:h.thumbnailUrl,controlVideo:b}),g&&!(h!=null&&h.url)&&m.jsx(UE,{"data-rounded":y===ce.QuestionImages.ROUNDED,children:m.jsx($E,{src:g,alt:S})}),m.jsxs(FE,{children:[m.jsx(VE,{children:S}),m.jsx(BE,{children:E}),I&&m.jsx(HE,{onClick:I,children:"View Insight"})]})]}),qE=x.styled_default("div")({name:"Container",class:"c1eptrjd",propsAsIs:!1}),QE=x.styled_default("div")({name:"CloseIconWrap",class:"crylm65",propsAsIs:!1}),KE=()=>x.r1,GE=x.styled_default(KE())({name:"CloseIcon",class:"c9mrcz7",propsAsIs:!0}),YE=x.styled_default("div")({name:"Header",class:"hw3lzv4",propsAsIs:!1}),XE=()=>x.r1,ZE=x.styled_default(XE())({name:"TypeIcon",class:"t1rrb3kf",propsAsIs:!0}),JE=x.styled_default("span")({name:"TypeName",class:"t1ydnjov",propsAsIs:!1}),eT=x.styled_default("div")({name:"Question",class:"qlf90cl",propsAsIs:!1}),tT=x.styled_default("button")({name:"AnswerButton",class:"a1e0nhcl",propsAsIs:!1}),nT=x.styled_default("div")({name:"Container",class:"c1t4f0x4",propsAsIs:!1}),rT=x.styled_default("button")({name:"ActionBtn",class:"a16w1nl6",propsAsIs:!1}),aT=x.styled_default("div")({name:"QuoteWrap",class:"q14u54rf",propsAsIs:!1}),oT=x.styled_default("blockquote")({name:"Quote",class:"q1hxm6zo",propsAsIs:!1}),iT=({action:h,...g})=>m.jsxs(nT,{children:[g.title&&m.jsx(aT,{children:m.jsx(oT,{children:g.title})}),m.jsx(uy,{...g}),h&&m.jsx(rT,{onClick:h,children:"View Insight"})]}),u4=({close:h,action:g,controlVideo:y,data:{questionType:S,question:E,insight:I,tweet:b}})=>{const P=fm[S];return P?m.jsxs(qE,{style:S===ce.QuestionType.TWEET?{paddingTop:"12px"}:{},children:[m.jsx(QE,{onClick:h,children:m.jsx(GE,{name:"icon-cross"})}),S!==ce.QuestionType.TWEET&&m.jsxs(YE,{children:[m.jsx(ZE,{"data-type-trivia":S===ce.QuestionType.TRIVIA,"data-type-poll":S===ce.QuestionType.POLL,name:P.iconName}),m.jsx(JE,{children:P.label})]}),S===ce.QuestionType.FACTOID&&I&&m.jsx(WE,{...I,action:g,controlVideo:y}),S===ce.QuestionType.TWEET&&b&&m.jsx(iT,{...b,action:g,controlVideo:y}),S!==ce.QuestionType.FACTOID&&S!==ce.QuestionType.TWEET&&m.jsxs(m.Fragment,{children:[m.jsx(eT,{children:E==null?void 0:E.title}),m.jsx(tT,{onClick:g,children:"Answer"})]})]}):null},wd=x.styled_default("div")({name:"BGWrap",class:"b1dqe0sz",propsAsIs:!1}),ra=x.styled_default("div")({name:"BGLineBase",class:"b1v6w7ni",propsAsIs:!1}),lT=()=>ra,sT=x.styled_default(lT())({name:"BGOneLineOne",class:"b2nqb1p",propsAsIs:!0}),uT=()=>ra,cT=x.styled_default(uT())({name:"BGOneLineTwo",class:"b1xxgmbk",propsAsIs:!0}),dT=()=>ra,fT=x.styled_default(dT())({name:"BGOneLineThree",class:"b63lwcb",propsAsIs:!0}),pT=()=>ra,c4=x.styled_default(pT())({name:"BGTwoLineOne",class:"b2iah4",propsAsIs:!0}),mT=()=>ra,d4=x.styled_default(mT())({name:"BGTwoLineTwo",class:"b1xezvf6",propsAsIs:!0}),hT=()=>ra,f4=x.styled_default(hT())({name:"BGTwoLineThree",class:"b1jz1hg0",propsAsIs:!0}),vT=()=>ra,p4=x.styled_default(vT())({name:"BGThreeLineOne",class:"b18ho1tk",propsAsIs:!0}),gT=()=>ra,m4=x.styled_default(gT())({name:"BGThreeLineTwo",class:"b14uvjfm",propsAsIs:!0}),yT=()=>ra,h4=x.styled_default(yT())({name:"BGThreeLineThree",class:"b11c3ns7",propsAsIs:!0}),bT=()=>ra,v4=x.styled_default(bT())({name:"BGThreeLineFour",class:"b1bqhhet",propsAsIs:!0}),wT=()=>ra,kT=x.styled_default(wT())({name:"BGFourLineOne",class:"b1xyzi7o",propsAsIs:!0}),xT=()=>ra,ST=x.styled_default(xT())({name:"BGFourLineTwo",class:"byo0rup",propsAsIs:!0}),CT=()=>ra,_T=x.styled_default(CT())({name:"BGFourLineThree",class:"b1oyiqgv",propsAsIs:!0}),ET=()=>ra,TT=x.styled_default(ET())({name:"BGFourLineFour",class:"bx3ddqw",propsAsIs:!0}),IT=({step:h,correct:g})=>m.jsxs(m.Fragment,{children:[m.jsxs(wd,{"data-active":h===1,"data-first-screen":"true",children:[m.jsx(sT,{}),m.jsx(cT,{}),m.jsx(fT,{})]}),m.jsxs(wd,{"data-active":h===2,children:[m.jsx(c4,{}),m.jsx(d4,{}),m.jsx(f4,{})]}),m.jsxs(wd,{"data-active":h===3,children:[m.jsx(c4,{}),m.jsx(d4,{}),m.jsx(f4,{})]}),g?m.jsxs(m.Fragment,{children:[m.jsxs(wd,{"data-active":h===4,"data-correct":"true",children:[m.jsx(p4,{}),m.jsx(m4,{}),m.jsx(h4,{}),m.jsx(v4,{})]}),m.jsxs(wd,{"data-active":h===5,"data-correct":"true",children:[m.jsx(p4,{}),m.jsx(m4,{}),m.jsx(h4,{}),m.jsx(v4,{})]})]}):m.jsxs(wd,{"data-active":h===4,"data-correct":"false",children:[m.jsx(kT,{}),m.jsx(ST,{}),m.jsx(_T,{}),m.jsx(TT,{})]})]}),RT=118,LT=()=>Wp,NT=x.styled_default(LT())({name:"Container",class:"c10131zw",propsAsIs:!0}),PT=x.styled_default("div")({name:"InnerContainer",class:"ir6k2eo",propsAsIs:!1}),kd=x.styled_default("div")({name:"Content",class:"c1hwoq9l",propsAsIs:!1}),Bp=x.styled_default("div")({name:"Title",class:"t4ujo4g",propsAsIs:!1}),zT=()=>Bp,jT=x.styled_default(zT())({name:"PointsTitle",class:"p1pjil1h",propsAsIs:!0}),om=x.styled_default("div")({name:"Subtitle",class:"s1iorwr9",propsAsIs:!1}),g4=x.styled_default("div")({name:"SubtitleFG",class:"s51sv9d",propsAsIs:!1}),im=x.styled_default("div")({name:"AnswerText",class:"a1lbk2ye",propsAsIs:!1}),AT=()=>x.r1,Xg=x.styled_default(AT())({name:"FeedbackIcon",class:"frcvk3t",propsAsIs:!0}),y4=x.styled_default("div")({name:"CloseIconWrap",class:"c33p82r",propsAsIs:!1}),DT=()=>x.r1,b4=x.styled_default(DT())({name:"CloseIcon",class:"c12r9net",propsAsIs:!0}),MT="data:image/svg+xml,%3csvg%20width='154'%20height='37'%20viewBox='0%200%20154%2037'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M70.9776%2030.8796L74.668%2018.1381C75.0696%2016.7473%2076.1186%2015.6318%2077.4936%2015.1371L77.5928%2014.7217H72.466L63.7623%2024.9662L60.431%2014.7217H55.7389L55.6255%2015.1371C56.4288%2015.5291%2056.8683%2016.7052%2056.8683%2017.662V17.7227C56.8683%2023.1787%2052.781%2032.5598%2047.0352%2032.5598C44.8002%2032.5598%2043.6425%2031.0009%2043.6425%2029.7035C43.6425%2028.1306%2044.975%2027.0105%2046.3831%2027.0105C47.744%2027.0105%2047.9519%2027.5099%2048.741%2027.5099C49.2182%2027.5099%2049.6766%2027.2672%2049.9081%2026.8518C50.2672%2026.1984%2049.9931%2025.4049%2049.3363%2025.0922L48.9772%2024.9242C45.6271%2023.3327%2041.7383%2025.7457%2041.7383%2029.4188V29.4701C41.7383%2032.1444%2043.8646%2034.38%2046.5674%2034.4733C53.5417%2034.716%2058.2055%2025.4236%2058.9473%2018.6188L59.486%2020.4577L62.2313%2028.5927H63.2709L71.8518%2018.4741L68.2512%2030.8936C67.8401%2032.3171%2066.6966%2033.4232%2065.2412%2033.7966L65.142%2034.212H72.0408L72.1542%2033.7966C71.1383%2033.2039%2070.6516%2032.0044%2070.9776%2030.8796Z'%20fill='white'/%3e%3cpath%20d='M88.2952%2021.6521H88.2385C85.016%2021.6568%2081.5571%2021.9648%2079.7143%2027.1361C78.1692%2031.4813%2077.7487%2033.2828%2076.539%2033.2828C75.7641%2033.2828%2075.9531%2031.794%2074.7954%2031.794C74.2709%2031.794%2073.7275%2032.2094%2073.6897%2032.8068C73.6236%2033.8429%2075.0317%2034.4683%2076.0949%2034.4683C79.3316%2034.4683%2080.5696%2032.1347%2080.9759%2031.0472C81.0279%2030.9072%2081.3162%2030.1371%2081.6517%2029.2317H85.0538L84.4773%2031.3273C84.1749%2032.4334%2083.5464%2033.3388%2082.488%2033.8009L82.3982%2034.2163H87.9597L88.0637%2033.8009C87.3124%2033.1848%2086.9816%2032.2%2087.2273%2031.2853L89.3206%2023.4257C89.4812%2022.8236%2089.9018%2022.3242%2090.4783%2022.0628L90.568%2021.6475H88.7536H88.2952V21.6521ZM85.3231%2028.2189H82.0202C82.3935%2027.2108%2082.7526%2026.2493%2082.8755%2025.9366C83.7118%2023.757%2085.2995%2022.8749%2086.8399%2022.7536L86.8257%2022.7676L85.3231%2028.2189Z'%20fill='white'/%3e%3cpath%20d='M116.358%2022.5486C116.538%2022.2545%20116.708%2021.8112%20116.708%2021.5591C116.732%2021.0877%20116.297%2020.7237%20115.829%2020.8217C115.456%2020.9011%20115.187%2021.2324%20115.191%2021.6058C115.196%2021.9978%20115.12%2022.4226%20114.95%2022.6279C114.558%2023.104%20113.934%2023.062%20111.062%2022.2452V22.2405C110.797%2022.1659%20110.509%2022.0819%20110.206%2021.9978C110.187%2021.9932%20110.173%2021.9885%20110.159%2021.9838C108.723%2021.6011%20106.941%2021.2464%20105.774%2021.8205C105.765%2021.8252%20105.755%2021.8298%20105.746%2021.8345C104.602%2022.3992%20103.808%2023.4727%20103.567%2024.7142C103.53%2024.8962%20103.506%2025.0455%20103.501%2025.0969C103.468%2025.7456%20104.068%2026.2544%20104.711%2026.1143C105.235%2026.0023%20105.604%2025.5403%20105.59%2025.0129C105.58%2024.4808%20105.472%2023.7667%20105.765%2023.286C106.237%2022.6279%20106.729%2022.5812%20108.935%2023.3047L106.544%2031.323C106.214%2032.4291%20105.406%2033.3345%20104.338%2033.7966L104.238%2034.212H109.961L110.074%2033.7966C109.337%2033.1852%20109.03%2032.1957%20109.299%2031.2809L111.392%2024.0561C112.309%2024.2428%20113.24%2024.2941%20114.147%2024.0374L114.473%2023.9441C115.196%2023.7527%20115.943%2023.2347%20116.358%2022.5486Z'%20fill='white'/%3e%3cpath%20d='M118.649%2021.6523L118.536%2022.0677C119.245%2022.5531%20119.561%2023.4259%20119.335%2024.2427L117.208%2031.3228C116.877%2032.429%20116.069%2033.3344%20115.002%2033.7964L114.902%2034.2118H117.931H118.21H125.18L126.101%2030.8934H125.666L125.51%2031.2108C124.934%2032.3963%20123.72%2033.1524%20122.382%2033.1524H119.429L121.003%2027.5937H122.259C123.105%2027.5937%20123.743%2028.3545%20123.582%2029.1759H124.012L125.043%2025.4188H124.613C124.362%2026.1142%20123.696%2026.5763%20122.949%2026.5809H121.291L122.382%2022.7258L125.515%2022.7211C126.536%2022.7211%20127.301%2023.6452%20127.098%2024.6347H127.528L128.35%2021.6523H118.649Z'%20fill='white'/%3e%3cpath%20d='M138.251%2021.6582H131.333L131.22%2022.0736C131.881%2022.5263%20132.207%2023.3197%20132.056%2024.0898L129.892%2031.324C129.561%2032.4301%20128.753%2033.3356%20127.685%2033.7976L127.586%2034.213H133.303L133.417%2033.7976C132.68%2033.1862%20132.373%2032.2014%20132.637%2031.282L133.686%2027.5949H134.126C134.787%2027.5949%20135.34%2028.085%20135.416%2028.7337C135.439%2028.9437%20135.77%2031.506%20136.035%2032.3881C136.379%2033.5409%20136.833%2034.213%20137.868%2034.213H140.453L140.552%2033.7976L140.183%2033.5829C139.451%2033.1536%20138.922%2032.4908%20138.685%2031.6087C138.463%2030.7779%20138.043%2029.2284%20137.84%2028.4117C137.736%2027.9916%20137.202%2027.5996%20136.654%2027.5996H137.523C139.087%2027.5996%20140.457%2026.5681%20140.878%2025.0839C141.365%2023.3617%20140.056%2021.6582%20138.251%2021.6582ZM138.369%2024.6872C138.029%2025.812%20136.98%2026.5868%20135.789%2026.5868H133.974L135.071%2022.7317H136.89C137.925%2022.727%20138.662%2023.7118%20138.369%2024.6872Z'%20fill='white'/%3e%3cpath%20d='M100.265%2022.2961C100.081%2022.2961%2099.6794%2022.1701%2099.0651%2021.9181C98.4508%2021.6661%2097.8318%2021.54%2097.2034%2021.54C95.904%2021.54%2094.8219%2021.9554%2093.9336%2022.8422C93.1964%2023.5796%2092.8704%2024.401%2092.8704%2025.1105C92.8704%2025.8665%2093.3193%2026.7533%2094.2124%2027.4721C95.0582%2028.1488%2095.937%2028.8022%2096.8206%2029.465C97.7468%2030.1977%2098.2098%2030.8745%2098.2098%2031.4252C98.2098%2032.634%2097.416%2033.2828%2095.7669%2033.2828C94.0942%2033.2828%2092.9366%2032.074%2092.568%2029.8057H92.1144L90.8008%2034.2162H91.226C91.7694%2033.8382%2092.1569%2033.6001%2092.946%2033.6001C93.6973%2033.6001%2094.5006%2034.4729%2096.2158%2034.4729C97.5814%2034.4729%2098.6682%2034.1929%2099.5943%2033.2781C100.383%2032.4753%20100.776%2031.3552%20100.776%2030.4404C100.776%2029.591%20100.237%2028.6062%2099.2966%2027.8921C98.4886%2027.2807%2097.6286%2026.7347%2096.7923%2026.1419C95.8898%2025.4792%2095.4362%2024.9144%2095.4362%2024.2937C95.4362%2023.9483%2095.611%2023.6076%2095.9559%2023.2622C96.3954%2022.8282%2096.986%2022.7302%2097.7751%2022.7302C99.3581%2022.7302%20100.464%2023.5983%20100.558%2025.4325H100.974L102.08%2021.5447H101.664C101.215%2022.0441%20100.752%2022.2961%20100.265%2022.2961Z'%20fill='white'/%3e%3cpath%20d='M149.201%2022.7304C150.784%2022.7304%20151.89%2023.6032%20151.984%2025.4327H152.4L153.501%2021.5449H153.085C152.646%2022.049%20152.182%2022.301%20151.696%2022.301C151.512%2022.301%20151.11%2022.175%20150.496%2021.923C149.881%2021.6709%20149.262%2021.5449%20148.634%2021.5449C147.334%2021.5449%20146.252%2021.9603%20145.364%2022.8471C144.627%2023.5845%20144.296%2024.4059%20144.296%2025.1153C144.296%2025.8714%20144.745%2026.7582%20145.638%2027.477C146.484%2028.1537%20147.363%2028.8071%20148.246%2029.4699C149.173%2030.2026%20149.636%2030.8794%20149.636%2031.4301C149.636%2032.6389%20148.842%2033.2876%20147.193%2033.2876C145.52%2033.2876%20144.362%2032.0788%20143.994%2029.8106H143.54L142.227%2034.2211H142.642C143.186%2033.843%20143.573%2033.605%20144.358%2033.605C145.109%2033.605%20145.912%2034.4778%20147.627%2034.4778C148.993%2034.4778%20150.075%2034.1978%20151.006%2033.283C151.795%2032.4802%20152.187%2031.3601%20152.187%2030.4453C152.187%2029.6005%20151.649%2028.6111%20150.708%2027.897C149.9%2027.2856%20149.04%2026.7395%20148.204%2026.1468C147.301%2025.4841%20146.848%2024.9193%20146.848%2024.2986C146.848%2023.9532%20147.023%2023.6125%20147.368%2023.2671C147.826%2022.8237%20148.412%2022.7304%20149.201%2022.7304Z'%20fill='white'/%3e%3cpath%20d='M26.5433%202.60035C26.0377%202.44633%2025.5321%202.72169%2025.0265%203.00173C24.8469%203.09974%2024.7194%203.27243%2024.6768%203.46845L23.883%207.13222C23.8547%207.26757%2023.9775%207.38891%2024.1145%207.36091C24.9509%207.17422%2025.7447%206.4508%2026.5811%206.70283C27.5167%206.98753%2028.4522%205.81606%2029.3878%205.83006V1.60156C28.4475%201.60623%2027.4789%202.88505%2026.5433%202.60035Z'%20fill='white'/%3e%3cpath%20d='M38.4856%2013.8398C38.2871%2013.7044%2038.1643%2013.4851%2038.1643%2013.2471V12.5796C38.1643%2011.9822%2037.6729%2011.4922%2037.0633%2011.4922H36.6239C36.0994%2011.4922%2035.6174%2011.7536%2035.3339%2012.1876L33.9164%2014.3485C33.7746%2014.5632%2033.5383%2014.6892%2033.2832%2014.6892H32.3287C31.8562%2014.6892%2031.4215%2014.9459%2031.1947%2015.3566C30.9631%2015.7814%2030.552%2016.0754%2030.0843%2016.1734V1.1403C30.0843%200.94894%2029.9283%200.794922%2029.7346%200.794922C29.5409%200.794922%2029.3849%200.94894%2029.3849%201.1403V1.60702V5.83552V16.1827C28.9171%2016.0847%2028.506%2015.7907%2028.2745%2015.3613C28.0524%2014.9506%2027.6177%2014.6939%2027.1405%2014.6939H26.4979C25.9875%2014.6939%2025.5292%2014.9879%2025.3213%2015.45L24.7873%2016.6308C24.7023%2016.8175%2024.5133%2016.9388%2024.3054%2016.9388C24.0975%2016.9388%2023.9085%2016.8175%2023.8234%2016.6308L23.2895%2015.45C23.0816%2014.9926%2022.6232%2014.6939%2022.1129%2014.6939H4.00135C3.85487%2014.6939%203.73674%2014.8106%203.73674%2014.9553C3.73674%2015.2633%203.48158%2015.5107%203.17444%2015.5107H2.39007C2.24359%2015.5107%202.12546%2015.6273%202.12546%2015.772V16.6728C2.12546%2017.5176%201.96008%2018.339%201.62931%2019.1184L1.15207%2020.2526C0.707907%2021.3027%200.5%2022.3901%200.5%2023.4589V26.0726C0.5%2026.7773%200.603954%2027.4914%200.811861%2028.1868C1.39306%2030.1377%202.7161%2031.7339%204.53529%2032.6767L7.43182%2034.1842C7.46962%2034.2029%207.51214%2034.2122%207.55467%2034.2122L9.69517%2034.2309C10.196%2034.2355%2010.6875%2034.3616%2011.1269%2034.6043L12.2751%2035.239C12.3129%2035.2623%2012.3602%2035.2717%2012.4074%2035.2717H13.9431C14.4818%2035.2717%2015.0157%2035.4163%2015.474%2035.6917C15.474%2035.6917%2016.2253%2036.1444%2016.4805%2036.2891C16.8869%2036.5225%2017.3783%2036.7465%2018.2335%2036.7932C18.4273%2036.8025%2018.621%2036.7325%2018.7675%2036.5972C18.9092%2036.4618%2018.9943%2036.2704%2018.9943%2036.0791V35.0616C18.9943%2034.3242%2019.4337%2033.6521%2020.1189%2033.3581L22.4673%2032.3406C22.7886%2032.2006%2023.1477%2032.1773%2023.4832%2032.28L24.3621%2032.5367C24.7354%2032.644%2025.1323%2032.6487%2025.5056%2032.5367L27.5846%2031.9253C27.8587%2031.8459%2028.1517%2031.8459%2028.4304%2031.9299L29.2763%2032.1633C29.6684%2032.2706%2029.9472%2032.6347%2029.9472%2033.0361V35.071C29.9472%2036.0184%2030.7269%2036.7932%2031.6861%2036.7932C32.4043%2036.7932%2033.0328%2036.3405%2033.2501%2035.6637C33.6423%2034.4456%2033.8408%2033.1761%2033.8408%2031.8973V31.0292C33.8408%2030.4131%2034.1006%2029.8204%2034.5543%2029.3956L35.419%2028.5882C36.0002%2028.0421%2036.3356%2027.2674%2036.3356%2026.474V21.6481C36.3356%2020.9013%2036.5625%2020.1779%2036.9972%2019.5618C37.0302%2019.5198%2037.0444%2019.4638%2037.0444%2019.4125V18.2737C37.0444%2017.5316%2037.2712%2016.8128%2037.6965%2016.2014L38.5517%2014.9739C38.5848%2014.9319%2038.599%2014.8806%2038.599%2014.8246V14.0545C38.6037%2013.9098%2038.5139%2013.8585%2038.4856%2013.8398ZM30.0843%2025.2838C30.6654%2025.3725%2031.1002%2025.6665%2031.1002%2026.0212C31.1002%2026.3759%2030.6702%2026.67%2030.0843%2026.7587V25.2838ZM5.22516%2032.4433L4.78572%2032.2146C3.59026%2031.5939%202.63577%2030.6698%201.9837%2029.545V28.1355C2.73028%2029.2043%203.74619%2030.1144%204.98891%2030.7631L5.22516%2030.8845V32.4433ZM7.43654%2033.5961L6.2647%2032.9894V31.4305L7.43182%2032.0373H7.43654V33.5961ZM12.3129%2034.6556L11.3868%2034.1422C10.8812%2033.8622%2010.3142%2033.7128%209.73297%2033.7035V32.0793C10.2197%2032.0886%2010.7016%2032.2146%2011.1269%2032.448L12.2751%2033.0827C12.2846%2033.0874%2012.2987%2033.0874%2012.3129%2033.0921V34.6556ZM18.4603%2035.0616V35.8551V36.0791C18.4603%2036.1304%2018.4367%2036.1818%2018.3989%2036.2191C18.3611%2036.2564%2018.3139%2036.2705%2018.2619%2036.2705C17.52%2036.2331%2017.0948%2036.0418%2016.7498%2035.8411C16.4994%2035.6964%2015.7528%2035.2483%2015.7481%2035.2483C15.2803%2034.9683%2014.7511%2034.8143%2014.2077%2034.7723V33.1387C14.6519%2033.1808%2015.0866%2033.3114%2015.474%2033.5401L16.1214%2033.9228C16.8302%2034.3429%2017.6382%2034.5809%2018.4603%2034.6276V35.0616ZM24.8582%2032.0886C24.7448%2032.084%2024.6267%2032.0653%2024.5133%2032.0326L23.6344%2031.7713C23.4454%2031.7152%2023.2517%2031.6966%2023.0579%2031.6966V30.0677C23.1997%2030.0677%2023.3414%2030.0817%2023.4832%2030.1237L24.3621%2030.3804C24.5227%2030.4271%2024.6928%2030.4504%2024.8582%2030.4598V32.0886ZM30.363%2032.4807C30.1929%2032.0886%2029.8574%2031.7759%2029.4275%2031.6592L28.5864%2031.4259C28.3879%2031.3652%2028.18%2031.3419%2027.9721%2031.3419V29.7177C28.1328%2029.713%2028.2934%2029.7317%2028.4493%2029.783L29.1392%2029.9977C29.8716%2030.2264%2030.363%2030.8891%2030.363%2031.6452V32.4807ZM32.787%2035.365C32.7729%2035.4117%2032.7634%2035.4584%2032.7492%2035.505C32.6028%2035.9624%2032.1775%2036.2658%2031.6955%2036.2658C31.653%2036.2658%2031.6105%2036.2564%2031.568%2036.2518V34.6323C31.601%2034.6369%2031.6294%2034.6416%2031.6625%2034.6416C32.135%2034.6416%2032.565%2034.3802%2032.7918%2033.9835V35.365H32.787ZM37.3232%2015.0486C36.794%2015.8047%2036.5152%2016.6915%2036.5152%2017.6109V18.4137L36.1041%2019.0017C35.5702%2019.7625%2035.2867%2020.6539%2035.2867%2021.578V25.6245C35.2867%2026.2779%2035.0126%2026.9173%2034.5306%2027.3654L33.6659%2028.1775C33.0847%2028.7236%2032.7634%2029.489%2032.787%2030.2824L32.7918%2030.4644C32.8248%2031.5146%2032.6878%2032.56%2032.3901%2033.5681C32.2956%2033.8902%2031.9932%2034.1142%2031.6577%2034.1142C31.2372%2034.1142%2030.8923%2033.7782%2030.8923%2033.3581V31.6452C30.8923%2030.6558%2030.2496%2029.7923%2029.2952%2029.4983L28.6053%2029.2836C28.2225%2029.1669%2027.8209%2029.1623%2027.4334%2029.2743L25.3544%2029.881C25.0803%2029.9604%2024.7873%2029.9604%2024.5133%2029.881L23.6344%2029.6243C23.1808%2029.489%2022.6894%2029.5217%2022.2547%2029.7083L20.4071%2030.5111C19.2258%2031.0245%2018.4651%2032.1773%2018.4651%2033.4515V34.1095C17.7374%2034.0675%2017.0286%2033.8528%2016.4002%2033.4795L15.7528%2033.0967C15.2047%2032.7747%2014.581%2032.602%2013.9431%2032.602H12.4736L11.3868%2031.9999C10.8717%2031.7152%2010.2905%2031.5659%209.69989%2031.5612L7.62082%2031.5472L5.23461%2030.3057C1.61514%2028.4249%200.0700101%2024.1917%201.64349%2020.4579L2.12073%2019.3238C2.47512%2018.4837%202.6594%2017.5922%202.6594%2016.6775V16.0427H3.17444C3.68476%2016.0427%204.11948%2015.6927%204.2376%2015.2213H22.1176C22.4153%2015.2213%2022.6894%2015.394%2022.8075%2015.6647L23.3414%2016.8455C23.5115%2017.2235%2023.8896%2017.4662%2024.3101%2017.4662C24.7259%2017.4662%2025.1087%2017.2235%2025.2788%2016.8455L25.8127%2015.66C25.9356%2015.3893%2026.2049%2015.2166%2026.5026%2015.2166H27.1452C27.424%2015.2166%2027.6791%2015.366%2027.8114%2015.6087C28.1375%2016.2061%2028.7234%2016.6075%2029.3897%2016.7148V24.145C28.317%2024.2617%2027.4949%2024.8918%2027.4949%2025.6572C27.4949%2026.5066%2028.4966%2027.1927%2029.7346%2027.1927C30.9726%2027.1927%2031.9743%2026.5066%2031.9743%2025.6572C31.9743%2024.8918%2031.1521%2024.257%2030.0795%2024.145V16.7101C30.7458%2016.6028%2031.3317%2016.2014%2031.6577%2015.604C31.79%2015.3613%2032.0452%2015.212%2032.324%2015.212H33.2785C33.7179%2015.212%2034.1195%2014.9926%2034.3605%2014.6286L35.7781%2012.4676C35.9624%2012.1829%2036.2789%2012.0149%2036.6239%2012.0149H37.0633C37.3752%2012.0149%2037.6303%2012.2669%2037.6303%2012.575V13.2424C37.6303%2013.5644%2037.7579%2013.8725%2037.98%2014.1012L37.3232%2015.0486ZM29.3849%2025.2838V26.7587C28.8037%2026.67%2028.3737%2026.3759%2028.3737%2026.0212C28.3737%2025.6665%2028.8037%2025.3678%2029.3849%2025.2838Z'%20fill='white'/%3e%3c/svg%3e",OT=(h,g,y)=>h===g?"translateY(0px)":h>g?`translateY(${y}px)`:"translateY(-100%)",$T=({close:h,votedAnswer:g,correct:y,correctAnswerTitle:S,questionTitle:E,saveHeight:I,style:b,hiding:P})=>{const[M,j]=K.useState(1),ee=K.useRef({});K.useEffect(()=>{const B=setInterval(()=>{j(Y=>y&&Y>4||!y&&Y>3?Y:++Y)},3e3);return()=>clearInterval(B)},[y]),K.useEffect(()=>{var B,Y;ee.current[M]&&I(((Y=(B=ee.current[M])==null?void 0:B.getBoundingClientRect())==null?void 0:Y.height)||RT)},[M,I]);const H=B=>Y=>{ee.current&&(ee.current[B]=Y)},z=B=>({transform:OT(B,M,b.height)});return m.jsx(NT,{style:b.height?b:{...b,paddingTop:0,paddingBottom:0},hiding:P,children:m.jsxs(PT,{style:{height:b.height,minHeight:b.height,backgroundColor:M>3?"var(--color-white)":"var(--color-primary-green2)"},children:[m.jsx(IT,{step:M,correct:y}),m.jsxs(kd,{ref:H(1),style:z(1),children:[m.jsx("img",{alt:"sponsor-logo",src:MT}),m.jsx(g4,{children:"Featured Groups +"})]}),m.jsxs(kd,{ref:H(2),style:z(2),children:[m.jsx(Bp,{children:"Prediction results are in!"}),m.jsx(g4,{children:"Featured Groups +"})]}),m.jsxs(kd,{ref:H(3),style:z(3),children:[m.jsx(Bp,{children:E}),m.jsx(om,{children:m.jsxs(im,{children:[m.jsx("span",{children:"Your Pick:"})," ",g==null?void 0:g.title]})})]}),y?m.jsxs(m.Fragment,{children:[m.jsxs(kd,{ref:H(4),style:{...z(4),color:"var(--color-primary-green1)"},children:[m.jsx(Bp,{children:"Congratulations! You answered correctly."}),m.jsxs(om,{children:[m.jsx(Xg,{name:"selected"}),m.jsxs(im,{children:[m.jsx("span",{children:"Your Pick:"})," ",g==null?void 0:g.title]})]})]}),m.jsxs(kd,{ref:H(5),style:{...z(5),color:"var(--color-primary-green1)"},children:[m.jsx(jT,{children:M===5&&m.jsx(x.d,{delay:.5,prefix:"+",suffix:" points",value:g==null?void 0:g.points})}),m.jsxs(om,{children:[m.jsx(Xg,{name:"selected"}),m.jsxs(im,{children:[m.jsx("span",{children:"Your Pick:"})," ",g==null?void 0:g.title]})]}),m.jsx(y4,{onClick:h,children:m.jsx(b4,{name:"icon-cross"})})]})]}):m.jsxs(kd,{ref:H(4),style:z(4),children:[m.jsxs(Bp,{style:{color:"var(--color-neutrals-gray9)"},children:["Better luck next time! Correct: ",S,"."]}),m.jsxs(om,{style:{color:"var(--color-secondary-red1)"},children:[m.jsx(Xg,{name:"circleClose"}),m.jsxs(im,{children:[m.jsx("span",{children:"Your Pick:"})," ",g==null?void 0:g.title]})]}),m.jsx(y4,{onClick:h,children:m.jsx(b4,{name:"icon-cross"})})]})]})})},UT=h=>{const[g,y]=K.useState(!1),[S,E]=K.useState(!1),I=K.useRef(null),b=K.useCallback(()=>{E(!0),I.current&&clearTimeout(I.current),I.current=setTimeout(()=>{E(!1)},1e3)},[]),P=K.useCallback(async M=>{y(!0);const j=M.map(ee=>new Promise((H,z)=>{const B=new Image;B.onload=()=>H(ee),B.onerror=()=>z(),B.src=ee}));await Promise.allSettled(j),y(!1)},[]);return K.useEffect(()=>{h&&(b(),P(h))},[h,b,P]),{loading:g,throttled:S}},FT=x.styled_default("div")({name:"Container",class:"cl51m2q",propsAsIs:!1}),VT=x.styled_default("img")({name:"Avatar",class:"a2yhhhr",propsAsIs:!1}),BT=x.styled_default("div")({name:"AvatarPlaceholder",class:"a1dtxxlr",propsAsIs:!1}),HT=x.styled_default("div")({name:"Content",class:"c12clm3w",propsAsIs:!1}),WT=x.styled_default("span")({name:"Name",class:"n14lctn7",propsAsIs:!1}),qT=({avatar:h,name:g})=>m.jsxs(FT,{children:[h&&m.jsx(VT,{src:h}),!h&&m.jsx(BT,{children:oy(g||"")}),m.jsxs(HT,{children:[m.jsxs(WT,{children:[g," "]}),"is waiting for you!"]})]}),QT=x.styled_default("div")({name:"Container",class:"c1htq1lb",propsAsIs:!1}),KT=x.styled_default("div")({name:"Graphic",class:"gjyzpp7",propsAsIs:!1}),GT=x.styled_default("img")({name:"GraphicImage",class:"g16mldgz",propsAsIs:!1}),YT=x.styled_default("div")({name:"Headline",class:"h69js65",propsAsIs:!1}),XT=x.styled_default("div")({name:"Content",class:"cmm7qmo",propsAsIs:!1}),ZT=x.styled_default("div")({name:"StepsContainer",class:"s17knuw2",propsAsIs:!1}),JT=x.styled_default("span")({name:"StepIndicator",class:"s1b74psg",propsAsIs:!1}),eI=x.styled_default("div")({name:"InvitingUserWrap",class:"i1y99ug7",propsAsIs:!1}),tI=({loading:h,steps:g,currentStep:y,inviterName:S})=>{const{headline:E}=g[y];return m.jsxs(QT,{children:[m.jsxs(XT,{"data-welcome-screen":y===0,children:[m.jsx(KT,{children:m.jsx(Yi,{loading:h,children:g.map(({graphicSrc:I},b)=>m.jsx(GT,{src:I,"data-active":y===b}))})}),E&&m.jsx(Yi,{loading:h,children:m.jsx(YT,{children:E})})]}),S&&y===0&&m.jsx(eI,{children:m.jsx(qT,{name:S})}),m.jsx(ZT,{style:h?{visibility:"hidden"}:{},children:Array.from({length:g.length}).map((I,b)=>m.jsx(JT,{"data-active":y===b},b))})]})},nI=x.styled_default("div")({name:"Container",class:"cm0bev",propsAsIs:!1}),rI=x.styled_default("div")({name:"Content",class:"ce7x737",propsAsIs:!1}),aI=x.styled_default("div")({name:"Title",class:"tc2tor6",propsAsIs:!1}),oI=x.styled_default("div")({name:"RulesList",class:"r1k5klql",propsAsIs:!1}),iI=x.styled_default("div")({name:"RulesItem",class:"r1tf3ft2",propsAsIs:!1}),lI=x.styled_default("div")({name:"RuleIcon",class:"rwpvg1k",propsAsIs:!1}),sI=x.styled_default("div")({name:"RuleText",class:"rbxiag0",propsAsIs:!1}),uI=x.styled_default("button")({name:"TermsButton",class:"t6cyrry",propsAsIs:!1}),cI=({rules:h,rulesTitle:g,termsText:y,primaryColor:S,openTerms:E})=>m.jsxs(nI,{children:[m.jsxs(rI,{children:[m.jsx(aI,{children:g}),m.jsx(oI,{children:h==null?void 0:h.map(({label:I,icon:b},P)=>m.jsxs(iI,{children:[b&&m.jsx(lI,{style:{backgroundColor:S},children:m.jsx(x.r1,{name:b,"data-icon":b})}),m.jsx(sI,{children:I})]},P))})]}),y&&m.jsx(uI,{onClick:E,children:"See Terms and Conditions"})]}),dI=x.styled_default("div")({name:"Container",class:"cj0g35h",propsAsIs:!1}),fI=x.styled_default("div")({name:"Content",class:"c1xkhrbn",propsAsIs:!1}),pI=x.styled_default("div")({name:"Title",class:"tifzb8b",propsAsIs:!1}),mI=x.styled_default("div")({name:"ScrollingText",class:"stduw5c",propsAsIs:!1}),hI=({termsTitle:h,termsText:g})=>m.jsx(dI,{children:m.jsxs(fI,{children:[m.jsx(pI,{children:h}),m.jsx(mI,{children:g})]})}),vI=x.styled_default("div")({name:"Container",class:"c18uddbs",propsAsIs:!1}),gI=x.styled_default("div")({name:"Content",class:"cvcfjf6",propsAsIs:!1}),yI=x.styled_default("div")({name:"OnboardingHeader",class:"o1ie27lw",propsAsIs:!1}),bI=x.styled_default("button")({name:"CloseBtn",class:"c15cjkwi",propsAsIs:!1}),wI=()=>x.r1,kI=x.styled_default(wI())({name:"IconClose",class:"i1mavjt2",propsAsIs:!0}),xI=x.styled_default("div")({name:"OnboardingFooter",class:"o1x0dyzv",propsAsIs:!1}),SI=()=>K4,CI=x.styled_default(SI())({name:"OnboardingActionBtn",class:"o1jfi9c3",propsAsIs:!0}),xd={steps:!1,rules:!1,inviteCard:!1},_I=({gamification:h,steps:g,rules:y,rulesBtnLabel:S,rulesTitle:E,termsTitle:I,termsText:b,primaryColor:P,inviteLink:M,inviteCardTitle:j,inviteCardSubtext:ee,inviteCardBtnLabel:H,loading:z,inviterName:B,sdk:Y,onClose:le})=>{const[X,se]=K.useState(0),[ue,he]=K.useState(!1),[Te,Ce]=K.useState(xd);K.useEffect(()=>{g!=null&&g.length?Ce({...xd,steps:!0}):y!=null&&y.length?Ce({...xd,rules:!0}):Ce({...xd,inviteCard:!0})},[]);const Je=K.useMemo(()=>Te.steps&&X===0?"Continue":Te.rules?ue||!S?"Got it":S:Te.inviteCard?H||"Play Now":"Next",[Te,X,ue,S,H]),Oe=K.useCallback(()=>{g!=null&&g.length&&X<g.length-1?se(at=>++at):y!=null&&y.length&&Te.steps?Ce({...xd,rules:!0}):Te.rules&&Ce({...xd,inviteCard:!0})},[X,g==null?void 0:g.length,y==null?void 0:y.length,Te,se,Ce]),Ct=async()=>{Te.inviteCard?await h.onboardingStatus.submitInplay():Te.rules&&ue?he(!1):Oe()};return K.useEffect(()=>{!z&&B&&Y.inviteDisplayed()},[z,B,Y]),m.jsx(e_,{children:({width:at,height:ut})=>m.jsxs(vI,{style:{width:at,height:ut,maxHeight:ut},children:[m.jsx(yI,{children:m.jsx(bI,{onClick:le,children:m.jsx(kI,{name:"icon-close-btn-gray"})})}),m.jsxs(gI,{children:[Te.steps&&(g==null?void 0:g.length)&&m.jsx(tI,{loading:z,steps:g,currentStep:X,inviterName:B}),Te.rules&&!ue&&m.jsx(cI,{rules:y,rulesTitle:E,termsText:b,primaryColor:P,openTerms:()=>he(!0)}),Te.rules&&ue&&m.jsx(hI,{termsTitle:I,termsText:b}),Te.inviteCard&&m.jsx(Q4,{inviteLink:M,inviteCardTitle:j,inviteCardSubtext:ee,primaryColor:P})]}),m.jsx(xI,{children:m.jsx(Yi,{loading:z,style:{width:"100%"},children:m.jsx(CI,{onClick:Ct,children:Je})})})]})})},EI=x.styled_default("div")({name:"Container",class:"cocfo2g",propsAsIs:!1}),TI=x.styled_default("div")({name:"CloseIconWrap",class:"c1pdhxdk",propsAsIs:!1}),II=()=>x.r1,RI=x.styled_default(II())({name:"CloseIcon",class:"c1funj3r",propsAsIs:!0}),LI=x.styled_default("div")({name:"Title",class:"t1okg06y",propsAsIs:!1}),NI=x.styled_default("img")({name:"SponsorLogo",class:"sb1n923",propsAsIs:!1}),PI=x.styled_default("div")({name:"PresentsTitle",class:"p1stllxd",propsAsIs:!1}),zI=x.styled_default("div")({name:"Subtitle",class:"s13kvdzw",propsAsIs:!1}),jI=x.styled_default("div")({name:"Description",class:"dfvmv3t",propsAsIs:!1}),AI=x.styled_default("button")({name:"ActionButton",class:"ay8e3j9",propsAsIs:!1}),w4=({close:h,action:g,onboarding:y})=>{var S,E,I,b,P,M,j,ee;return m.jsxs(EI,{children:[m.jsx(TI,{onClick:h,children:m.jsx(RI,{name:"icon-cross"})}),((E=(S=y==null?void 0:y.titleCard)==null?void 0:S.media)==null?void 0:E.sponsorLogo)&&m.jsxs(LI,{children:[m.jsx(NI,{alt:"sponsor-logo",src:(b=(I=y==null?void 0:y.titleCard)==null?void 0:I.media)==null?void 0:b.sponsorLogo}),m.jsx(PI,{children:"PRESENTS"})]}),((P=y==null?void 0:y.titleCard)==null?void 0:P.title)&&m.jsx(zI,{children:(M=y==null?void 0:y.titleCard)==null?void 0:M.title}),((j=y==null?void 0:y.titleCard)==null?void 0:j.subtitle)&&m.jsx(jI,{children:(ee=y==null?void 0:y.titleCard)==null?void 0:ee.subtitle}),m.jsx(AI,{onClick:g,children:"Play Now"})]})},DI="data:image/svg+xml,%3csvg%20width='92'%20height='19'%20viewBox='0%200%2092%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.1701%200.953996C13.9047%200.873145%2013.6393%201.0177%2013.3739%201.1647C13.2797%201.21615%2013.2127%201.3068%2013.1904%201.4097L12.7736%203.33298C12.7588%203.40404%2012.8233%203.46774%2012.8952%203.45304C13.3342%203.35504%2013.7509%202.97528%2014.19%203.10758C14.6811%203.25703%2015.1722%202.64207%2015.6634%202.64942V0.429688C15.1698%200.432138%2014.6613%201.10345%2014.1701%200.953996Z'%20fill='%23006747'/%3e%3cpath%20d='M20.4404%206.84786C20.3362%206.77681%2020.2717%206.66166%2020.2717%206.53671V6.18635C20.2717%205.87275%2020.0138%205.61549%2019.6938%205.61549H19.4631C19.1878%205.61549%2018.9348%205.75269%2018.7859%205.98055L18.0418%207.11492C17.9674%207.22762%2017.8434%207.29377%2017.7094%207.29377H17.2084C16.9603%207.29377%2016.7321%207.42852%2016.6131%207.64412C16.4915%207.86708%2016.2757%208.02143%2016.0302%208.07288V0.181303C16.0302%200.0808513%2015.9483%200%2015.8466%200C15.7449%200%2015.663%200.0808513%2015.663%200.181303V0.426307V2.64604V8.07778C15.4175%208.02633%2015.2017%207.87198%2015.0801%207.64657C14.9636%207.43097%2014.7354%207.29622%2014.4848%207.29622H14.1475C13.8796%207.29622%2013.639%207.45057%2013.5298%207.69312L13.2496%208.31299C13.2049%208.41099%2013.1057%208.47469%2012.9965%208.47469C12.8874%208.47469%2012.7882%208.41099%2012.7435%208.31299L12.4633%207.69312C12.3541%207.45302%2012.1135%207.29622%2011.8456%207.29622H2.33802C2.26113%207.29622%202.19911%207.35747%202.19911%207.43342C2.19911%207.59512%202.06517%207.72498%201.90394%207.72498H1.49218C1.41529%207.72498%201.35328%207.78623%201.35328%207.86218V8.33504C1.35328%208.77849%201.26646%209.2097%201.09283%209.61886L0.842303%2010.2142C0.60914%2010.7655%200.5%2011.3363%200.5%2011.8974V13.2694C0.5%2013.6394%200.55457%2014.0142%200.66371%2014.3793C0.968807%2015.4034%201.66334%2016.2413%202.61831%2016.7362L4.13883%2017.5276C4.15868%2017.5374%204.181%2017.5423%204.20332%2017.5423L5.32697%2017.5521C5.5899%2017.5545%205.84787%2017.6207%206.07855%2017.7481L6.6813%2018.0813C6.70115%2018.0935%206.72595%2018.0984%206.75076%2018.0984H7.5569C7.83968%2018.0984%208.11997%2018.1744%208.36057%2018.3189C8.36057%2018.3189%208.75497%2018.5566%208.88891%2018.6326C9.10223%2018.7551%209.3602%2018.8727%209.80916%2018.8972C9.91086%2018.9021%2010.0126%2018.8653%2010.0895%2018.7943C10.1639%2018.7232%2010.2085%2018.6228%2010.2085%2018.5223V17.9882C10.2085%2017.6011%2010.4392%2017.2483%2010.7989%2017.0939L12.0317%2016.5598C12.2003%2016.4863%2012.3888%2016.4741%2012.5649%2016.528L13.0263%2016.6627C13.2223%2016.7191%2013.4306%2016.7215%2013.6266%2016.6627L14.718%2016.3418C14.8619%2016.3001%2015.0156%2016.3001%2015.162%2016.3442L15.606%2016.4667C15.8119%2016.5231%2015.9582%2016.7142%2015.9582%2016.9249V17.9931C15.9582%2018.4905%2016.3675%2018.8972%2016.871%2018.8972C17.2481%2018.8972%2017.578%2018.6595%2017.6921%2018.3042C17.8979%2017.6648%2018.0021%2016.9984%2018.0021%2016.3271V15.8714C18.0021%2015.548%2018.1385%2015.2368%2018.3767%2015.0138L18.8306%2014.59C19.1357%2014.3033%2019.3118%2013.8966%2019.3118%2013.4801V10.9468C19.3118%2010.5548%2019.4309%2010.175%2019.6591%209.85161C19.6764%209.82956%2019.6839%209.80016%2019.6839%209.77321V9.1754C19.6839%208.78584%2019.8029%208.40854%2020.0262%208.08758L20.4751%207.44322C20.4925%207.42117%2020.4999%207.39422%2020.4999%207.36482V6.96056C20.5024%206.88461%2020.4553%206.85766%2020.4404%206.84786ZM16.0302%2012.8554C16.3352%2012.9019%2016.5634%2013.0563%2016.5634%2013.2425C16.5634%2013.4287%2016.3377%2013.583%2016.0302%2013.6296V12.8554ZM2.98046%2016.6137L2.74978%2016.4937C2.12222%2016.1678%201.62117%2015.6827%201.27886%2015.0922V14.3523C1.67078%2014.9134%202.20407%2015.3912%202.85644%2015.7317L2.98046%2015.7954V16.6137ZM4.14131%2017.2189L3.52616%2016.9004V16.0821L4.13883%2016.4006H4.14131V17.2189ZM6.70115%2017.775L6.21498%2017.5055C5.94957%2017.3585%205.65191%2017.2801%205.34682%2017.2752V16.4226C5.6023%2016.4275%205.85531%2016.4937%206.07855%2016.6162L6.6813%2016.9494C6.68626%2016.9518%206.6937%2016.9518%206.70115%2016.9543V17.775ZM9.92822%2017.9882V18.4047V18.5223C9.92822%2018.5493%209.91582%2018.5762%209.89598%2018.5958C9.87613%2018.6154%209.85133%2018.6228%209.82404%2018.6228C9.43461%2018.6032%209.21137%2018.5027%209.0303%2018.3973C8.89883%2018.3214%208.50692%2018.0862%208.50444%2018.0862C8.25887%2017.9392%207.98106%2017.8583%207.69581%2017.8363V16.9788C7.92897%2017.0008%208.15718%2017.0694%208.36057%2017.1895L8.7004%2017.3904C9.07246%2017.6109%209.49662%2017.7358%209.92822%2017.7603V17.9882ZM13.2868%2016.4275C13.2272%2016.4251%2013.1652%2016.4153%2013.1057%2016.3981L12.6443%2016.2609C12.5451%2016.2315%2012.4434%2016.2217%2012.3417%2016.2217V15.3667C12.4161%2015.3667%2012.4905%2015.374%2012.5649%2015.3961L13.0263%2015.5308C13.1107%2015.5553%2013.1999%2015.5676%2013.2868%2015.5725V16.4275ZM16.1765%2016.6333C16.0872%2016.4275%2015.9111%2016.2634%2015.6854%2016.2021L15.2438%2016.0796C15.1397%2016.0478%2015.0305%2016.0355%2014.9214%2016.0355V15.1829C15.0057%2015.1804%2015.0901%2015.1902%2015.1719%2015.2172L15.5341%2015.3299C15.9185%2015.45%2016.1765%2015.7979%2016.1765%2016.1948V16.6333ZM17.449%2018.1474C17.4415%2018.1719%2017.4366%2018.1964%2017.4291%2018.2209C17.3522%2018.4611%2017.129%2018.6203%2016.876%2018.6203C16.8537%2018.6203%2016.8313%2018.6154%2016.809%2018.613V17.7628C16.8264%2017.7652%2016.8413%2017.7677%2016.8586%2017.7677C17.1067%2017.7677%2017.3324%2017.6305%2017.4515%2017.4222V18.1474H17.449ZM19.8302%207.48242C19.5524%207.87933%2019.4061%208.34484%2019.4061%208.82749V9.2489L19.1903%209.5576C18.91%209.95696%2018.7611%2010.4249%2018.7611%2010.91V13.0342C18.7611%2013.3772%2018.6173%2013.7129%2018.3643%2013.9481L17.9103%2014.3744C17.6052%2014.661%2017.4366%2015.0628%2017.449%2015.4794L17.4515%2015.5749C17.4688%2016.1262%2017.3969%2016.675%2017.2406%2017.2042C17.191%2017.3732%2017.0323%2017.4908%2016.8561%2017.4908C16.6354%2017.4908%2016.4543%2017.3144%2016.4543%2017.0939V16.1948C16.4543%2015.6754%2016.117%2015.2221%2015.6159%2015.0677L15.2538%2014.955C15.0528%2014.8938%2014.842%2014.8913%2014.6386%2014.9501L13.5472%2015.2686C13.4033%2015.3103%2013.2496%2015.3103%2013.1057%2015.2686L12.6443%2015.1339C12.4062%2015.0628%2012.1482%2015.08%2011.92%2015.178L10.9502%2015.5994C10.3301%2015.8689%209.9307%2016.4741%209.9307%2017.1429V17.4884C9.54871%2017.4663%209.17664%2017.3536%208.84674%2017.1576L8.50692%2016.9567C8.21919%2016.7877%207.89177%2016.697%207.5569%2016.697H6.78548L6.21498%2016.381C5.94461%2016.2315%205.63951%2016.1531%205.32945%2016.1507L4.23805%2016.1433L2.98542%2015.4916C1.08539%2014.5042%200.274278%2012.2821%201.10027%2010.322L1.3508%209.72666C1.53683%209.28565%201.63357%208.81769%201.63357%208.33749V8.00428H1.90394C2.17183%208.00428%202.40003%207.82053%202.46204%207.57307H11.8481C12.0044%207.57307%2012.1482%207.66372%2012.2102%207.80583L12.4905%208.42569C12.5798%208.62414%2012.7783%208.75154%2012.999%208.75154C13.2173%208.75154%2013.4182%208.62414%2013.5075%208.42569L13.7878%207.80338C13.8523%207.66127%2013.9937%207.57062%2014.15%207.57062H14.4873C14.6337%207.57062%2014.7676%207.64902%2014.837%207.77643C15.0082%208.09003%2015.3158%208.30074%2015.6655%208.35709V12.2575C15.1025%2012.3188%2014.6709%2012.6496%2014.6709%2013.0514C14.6709%2013.4973%2015.1967%2013.8574%2015.8466%2013.8574C16.4965%2013.8574%2017.0223%2013.4973%2017.0223%2013.0514C17.0223%2012.6496%2016.5907%2012.3163%2016.0277%2012.2575V8.35464C16.3774%208.29828%2016.685%208.08758%2016.8561%207.77398C16.9256%207.64657%2017.0595%207.56817%2017.2059%207.56817H17.7069C17.9376%207.56817%2018.1485%207.45302%2018.275%207.26192L19.0191%206.12755C19.1158%205.9781%2019.282%205.8899%2019.4631%205.8899H19.6938C19.8575%205.8899%2019.9914%206.0222%2019.9914%206.1839V6.53426C19.9914%206.70331%2020.0584%206.86501%2020.175%206.98506L19.8302%207.48242ZM15.663%2012.8554V13.6296C15.3579%2013.583%2015.1322%2013.4287%2015.1322%2013.2425C15.1322%2013.0563%2015.3579%2012.8995%2015.663%2012.8554Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M43.6355%2014.2212L45.783%206.63627C46.0175%205.80901%2046.629%205.14498%2047.4288%204.848L47.4874%204.60107H44.5028L39.434%2010.6989L37.4942%204.60107H34.7636L34.6978%204.848C35.1653%205.08213%2035.423%205.78176%2035.423%206.35097V6.38628C35.423%209.63469%2033.0443%2015.2183%2029.6984%2015.2183C28.3982%2015.2183%2027.7242%2014.2901%2027.7242%2013.5165C27.7242%2012.5794%2028.5003%2011.9129%2029.3191%2011.9129C30.112%2011.9129%2030.2342%2012.211%2030.6909%2012.211C30.9696%2012.211%2031.2366%2012.0667%2031.3701%2011.8195C31.5797%2011.4313%2031.4208%2010.9572%2031.0376%2010.7714L30.8283%2010.6705C28.8775%209.72228%2026.6152%2011.1582%2026.6152%2013.3453V13.3756C26.6152%2014.9675%2027.8525%2016.2989%2029.4275%2016.3545C33.4867%2016.4983%2036.2019%2010.9661%2036.6338%206.91684L36.9458%208.01243L38.5448%2012.8545H39.1504L44.1452%206.83425L42.0498%2014.229C41.8094%2015.0773%2041.1437%2015.7344%2040.2985%2015.958L40.2399%2016.2049H44.2561L44.3216%2015.958C43.7283%2015.6043%2043.4461%2014.8902%2043.6355%2014.2212Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M51.9847%2012.6335H50.0625C50.2808%2012.034%2050.4898%2011.4617%2050.5603%2011.2743C51.0465%209.97682%2051.971%209.45183%2052.8665%209.37842L52.8572%209.3862L51.9847%2012.6335ZM53.7159%208.72607H53.6817C51.8071%208.7283%2049.7916%208.91155%2048.719%2011.9903C47.8179%2014.5767%2047.5745%2015.6481%2046.8705%2015.6481C46.4204%2015.6481%2046.5297%2014.763%2045.8549%2014.763C45.5509%2014.763%2045.2332%2015.0093%2045.2104%2015.3661C45.1705%2015.9826%2045.9909%2016.3555%2046.6092%2016.3555C48.4929%2016.3555%2049.2148%2014.9671%2049.4505%2014.3203C49.481%2014.2358%2049.6473%2013.778%2049.8436%2013.2386H51.8231L51.4878%2014.4866C51.3107%2015.145%2050.9465%2015.6839%2050.3304%2015.9595L50.2772%2016.2062H53.5154L53.5755%2015.9595C53.1372%2015.5941%2052.9469%2015.0082%2053.089%2014.4627L54.3075%209.78302C54.4011%209.42403%2054.6472%209.12789%2054.9809%208.973L55.0338%208.72607H53.9785H53.7159Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M70.056%209.26026C70.1601%209.08619%2070.2595%208.82035%2070.2595%208.67186L70.2597%208.67103C70.2741%208.39018%2070.0208%208.17273%2069.7488%208.23196H69.7482C69.5304%208.27951%2069.373%208.47499%2069.3771%208.70023C69.3807%208.93436%2069.3341%209.18574%2069.2353%209.30836C69.0082%209.59116%2068.645%209.56697%2066.9717%209.08174V9.07896C66.8186%209.03363%2066.6504%208.98414%2066.4731%208.93492C66.4637%208.93241%2066.4549%208.92963%2066.4453%208.92657L66.4456%208.92741C65.6106%208.698%2064.5732%208.4875%2063.8929%208.82869C63.8874%208.83148%2063.8816%208.83453%2063.8764%208.83704C63.2118%209.17406%2062.7479%209.81223%2062.6086%2010.5502C62.5879%2010.6587%2062.5728%2010.7468%2062.5711%2010.7788V10.7799C62.5513%2011.1675%2062.9009%2011.4679%2063.2767%2011.3864L63.2773%2011.3858C63.5821%2011.3196%2063.7965%2011.0441%2063.7902%2010.7296C63.7836%2010.4117%2063.7205%209.98741%2063.8918%209.70267C64.1674%209.31059%2064.4537%209.28278%2065.7361%209.71462L64.3436%2014.4877C64.1514%2015.1456%2063.6812%2015.6848%2063.059%2015.9601L63.0001%2016.2073H66.3319L66.3977%2015.9601C65.9679%2015.595%2065.7906%2015.0088%2065.9453%2014.4635L67.1628%2010.1637C67.6969%2010.276%2068.2381%2010.305%2068.7651%2010.1531L68.9548%2010.0986C69.3787%209.97629%2069.8129%209.6668%2070.056%209.26026Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M71.3889%208.72607L71.3234%208.97328C71.736%209.26108%2071.9219%209.78079%2071.7886%2010.2671L70.5506%2014.4816C70.3584%2015.14%2069.8882%2015.6789%2069.2659%2015.9542L69.207%2016.2011H70.9696H71.1306H75.1868L75.7226%2014.2252H75.4709L75.3806%2014.4145C75.0447%2015.1206%2074.3372%2015.5699%2073.5614%2015.5699H71.8415L72.7572%2012.2623L73.4878%2012.2615C73.9807%2012.2612%2074.3512%2012.7153%2074.2568%2013.2036H74.5084L75.1094%2010.9679H74.8578C74.7122%2011.3814%2074.3253%2011.6578%2073.8904%2011.658L72.9243%2011.6592L73.5597%209.36341L75.3825%209.36202C75.9775%209.36146%2076.4229%209.9126%2076.304%2010.5015H76.5556L77.033%208.72607H71.3889Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M82.8655%2010.5324C82.6668%2011.2028%2082.0564%2011.6627%2081.3632%2011.6627L80.3076%2011.6636L80.9466%209.36726L82.0055%209.3667C82.6067%209.36642%2083.0379%209.9512%2082.8655%2010.5324ZM82.7978%208.72998H78.7711L78.7053%208.97691C79.0919%209.24636%2079.2791%209.71935%2079.1921%2010.1779L77.9311%2014.4846C77.739%2015.1431%2077.269%2015.682%2076.6465%2015.9573L76.5879%2016.2048H79.9164L79.9822%2015.9573C79.5524%2015.5922%2079.3754%2015.006%2079.5296%2014.4607L80.14%2012.2662H80.3944C80.7787%2012.2665%2081.1014%2012.5584%2081.1438%2012.9444C81.1578%2013.069%2081.3505%2014.5947%2081.5044%2015.1195C81.7059%2015.8052%2081.9705%2016.205%2082.5729%2016.205H84.0788L84.1375%2015.9578L83.9219%2015.8288C83.4966%2015.5738%2083.1885%2015.1773%2083.0508%2014.6531C82.9203%2014.1585%2082.677%2013.2372%2082.5578%2012.7495C82.4961%2012.4981%2082.1866%2012.2654%2081.8667%2012.2654L82.3741%2012.2651C83.284%2012.2645%2084.0827%2011.6525%2084.328%2010.7671C84.611%209.74382%2083.8495%208.72998%2082.7978%208.72998Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M60.6842%209.10931C60.576%209.10931%2060.3431%209.03478%2059.9858%208.88463C59.6281%208.73447%2059.2669%208.65967%2058.9027%208.65967C58.1467%208.65967%2057.5157%208.90687%2056.9997%209.4352C56.5703%209.87483%2056.3795%2010.3628%2056.3795%2010.7852C56.3795%2011.2349%2056.6399%2011.7635%2057.1616%2012.1909C57.6542%2012.5949%2058.1668%2012.982%2058.68%2013.3771C59.2196%2013.8134%2059.4897%2014.2158%2059.4897%2014.5431C59.4897%2015.2616%2059.0269%2015.6481%2058.0688%2015.6481C57.0953%2015.6481%2056.4221%2014.9276%2056.2063%2013.5782H55.9431L55.1777%2016.2045H55.4203C55.7366%2015.9807%2055.9615%2015.8366%2056.4202%2015.8366C56.858%2015.8366%2057.3257%2016.3558%2058.3229%2016.3558C59.1191%2016.3558%2059.7493%2016.189%2060.2892%2015.6434C60.7481%2015.1668%2060.9775%2014.4994%2060.9775%2013.9538C60.9775%2013.4494%2060.6644%2012.8613%2060.1174%2012.4375C59.648%2012.0741%2059.1453%2011.7496%2058.6596%2011.3948C58.1332%2010.9993%2057.87%2010.6637%2057.87%2010.2956C57.87%2010.0906%2057.9713%209.88651%2058.174%209.68213C58.43%209.42325%2058.773%209.36596%2059.232%209.36596C60.1529%209.36596%2060.7974%209.88429%2060.8516%2010.9746H61.0945L61.7368%208.65967H61.4939C61.2373%208.95971%2060.9675%209.10931%2060.6842%209.10931Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M89.1717%209.36569C90.0926%209.36569%2090.7374%209.88401%2090.7914%2010.9743H91.0345L91.6765%208.65967H91.4334C91.1771%208.95915%2090.9075%209.10903%2090.6237%209.10903C90.5158%209.10903%2090.2829%209.03423%2089.9252%208.88435C89.5676%208.73447%2089.2067%208.65967%2088.8422%208.65967C88.0864%208.65967%2087.4554%208.90687%2086.9395%209.43493C86.51%209.87455%2086.3192%2010.3628%2086.3192%2010.785C86.3192%2011.2351%2086.5796%2011.7629%2087.1014%2012.1909C87.5939%2012.5949%2088.1065%2012.9817%2088.6197%2013.3768C89.159%2013.8134%2089.4294%2014.2158%2089.4294%2014.5428C89.4294%2015.2613%2088.9666%2015.6478%2088.0085%2015.6478C87.035%2015.6478%2086.3619%2014.9274%2086.1458%2013.5782H85.8826L85.1172%2016.2045H85.3603C85.6763%2015.9807%2085.9013%2015.8366%2086.3597%2015.8366C86.7977%2015.8366%2087.2652%2016.3558%2088.2626%2016.3558C89.0588%2016.3558%2089.689%2016.1884%2090.2289%2015.6434C90.6878%2015.1662%2090.9172%2014.4991%2090.9172%2013.9538C90.9172%2013.4494%2090.6041%2012.8613%2090.0574%2012.4375C89.5877%2012.0738%2089.0853%2011.7493%2088.5996%2011.3945C88.0729%2010.9993%2087.8097%2010.6632%2087.8097%2010.295C87.8097%2010.0909%2087.911%209.88623%2088.1134%209.68185C88.3697%209.42297%2088.7128%209.36569%2089.1717%209.36569Z'%20fill='%23006747'/%3e%3c/svg%3e",ay=[{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_1.png",headline:"Welcome to Featured Groups +"},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_2.png",headline:"Get real-time insights"},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_3.png",headline:"Predictions, trivia & polls synced to match play"},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_4.png",headline:"Win points for every answer you get right"},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_5.png",headline:"Compete against friends on the leaderboard"}],MI=x.styled_default("div")({name:"OnboardingContainer",class:"o9squag",propsAsIs:!1}),OI=()=>Wp,$I=x.styled_default(OI())({name:"OnboardingNotificationContainer",class:"o1c8wcli",propsAsIs:!0}),k4=x.styled_default("div")({name:"InnerContainer",class:"i18oyadd",propsAsIs:!1}),UI=({deepLink:h,onboardingOpts:g,notification:y,gamification:S,loading:E,renderToNode:I,sdk:b})=>{var P,M,j,ee,H,z,B;const Y=Ot.useStore(S.friends.getStore()),[le,X]=K.useState(void 0),se=K.useMemo(()=>{var ue,he;const Te=b.getInviter();return Te?(he=(ue=Y.data)==null?void 0:ue.find(({slId:Ce})=>Ce===Te))==null?void 0:he.name:""},[Y.data,b]);return K.useEffect(()=>{const ue=h.$store.subscribe(he=>{he&&X(he.data)});return()=>{ue()}},[h.$store]),m.jsx(MI,{children:m.jsx(_I,{loading:E,renderToNode:I,rules:[{label:"Answer as many questions as you like.",icon:"icon-btn-feature-groups"},{label:"Win points for each correct trivia or prediction answer.",icon:"icon-thumb-up"},{label:"Top the leader board and best your friends.",icon:"icon-trophy"}],rulesBtnLabel:(P=g.rules)==null?void 0:P.buttonLabel,rulesTitle:(M=g.rules)==null?void 0:M.heading,termsTitle:"Terms and Conditions",termsText:(j=g.rules)==null?void 0:j.terms,steps:ay,primaryColor:(ee=g.inviteCard)==null?void 0:ee.iconColor,inviteLink:le,inviteCardTitle:(H=g.inviteCard)==null?void 0:H.heading,inviteCardSubtext:(z=g.inviteCard)==null?void 0:z.subtext,inviteCardBtnLabel:(B=g.inviteCard)==null?void 0:B.buttonLabel,onClose:()=>{var ue;(ue=y.close)==null||ue.call(y)},gamification:S,sdk:b,inviterName:se})})},FI=({sdk:h,notification:g,saveHeight:y,style:S,appNode:E,sdkInDesktopView:I,responsiveStore:b})=>{var P;const M=K.useRef(null),j=g.data.onboarding,[ee,H]=K.useState(j==null?void 0:j.instantOpen),z=h.getFeature(ce.FeatureType.GAMES),B=K.useMemo(()=>ay==null?void 0:ay.map(({graphicSrc:se})=>se),[]),{screen:Y}=Ot.useStore(b,{keys:["screen"]});(P=j==null?void 0:j.titleCard)!=null&&P.media&&(j.titleCard.media.sponsorLogo=DI),K.useLayoutEffect(()=>{var se;y(((se=M.current)==null?void 0:se.getBoundingClientRect().height)||0)},[y]);const{loading:le,throttled:X}=UT(B);return ee&&z&&j&&E.current&&!X?m.jsx(O4,{container:E,useContainer:!I,fixedView:!1,children:m.jsx(UI,{notification:g,setOpened:H,gamification:z,onboardingOpts:j,deepLink:z.deepLink,loading:le,renderToNode:E,sdk:h})}):m.jsxs(m.Fragment,{children:[m.jsx(k4,{ref:M,style:{position:"absolute",visibility:"hidden"},children:m.jsx(w4,{close:()=>{},action:()=>{},onboarding:j})}),m.jsx($I,{style:S,hiding:g.hiding,children:m.jsx(k4,{children:m.jsx(w4,{close:g.close,action:()=>{var se;H(!0),(((se=E.current)==null?void 0:se.getBoundingClientRect().y)||0)<0&&cy(E,Y.size,{behavior:"smooth"})},onboarding:j})})})]})},VI=x.styled_default("button")({name:"Container",class:"crkmfw1",propsAsIs:!1}),BI=x.styled_default("div")({name:"Content",class:"c11awpy4",propsAsIs:!1}),HI=x.styled_default("span")({name:"Title",class:"t154z7mh",propsAsIs:!1}),WI=({title:h,onClick:g,className:y,style:S})=>m.jsx(VI,{onClick:g,className:y,style:S,children:m.jsxs(BI,{children:[m.jsx(x.r1,{name:"iconUp"}),h&&m.jsx(HI,{children:h})]})}),qI=()=>Wp,QI=x.styled_default(qI())({name:"Container",class:"ctckejh",propsAsIs:!0}),Y4=x.styled_default("div")({name:"InnerContainer",class:"i1ri7tzr",propsAsIs:!1}),KI=()=>Y4,GI=x.styled_default(KI())({name:"HiddenContainer",class:"h1ng1qh5",propsAsIs:!0}),YI=x.styled_default("div")({name:"NotificationRefreshing",class:"nruq6ik",propsAsIs:!1}),XI=()=>WI,ZI=x.styled_default(XI())({name:"Pill",class:"pj6uyys",propsAsIs:!0}),JI=h=>{const[g,y]=K.useState(0),S=K.useRef(null),E=K.useCallback(b=>{S.current=b},[]);K.useEffect(()=>{var b;const P=(b=S.current)==null?void 0:b.getBoundingClientRect();P&&y(P.height)},[h]);const I=K.useCallback(b=>{y(b)},[]);return[E,g,I]},eR=({sdk:h,notification:g,appNode:y,sdkInDesktopView:S,responsiveStore:E})=>{var I,b;const{sdk:P}=iy(),[M,j,ee]=JI(g.id);return g.type===lm.NotificationType.QUESTION?m.jsxs(m.Fragment,{children:[m.jsx(GI,{ref:M,children:m.jsx(u4,{...g})}),m.jsxs(QI,{style:{height:g.hiding?0:j},hiding:g.hiding,children:[m.jsx(Y4,{style:{height:"100%"},children:m.jsx(u4,{...g,controlVideo:P==null?void 0:P.controlVideoPlayer})}),m.jsx(YI,{},g.id)]})]}):g.type===lm.NotificationType.QUESTION_RESOLVED&&(b=(I=g.data)==null?void 0:I.question)!=null&&b.predictionResult?m.jsx($T,{style:{height:g.hiding?0:j},saveHeight:ee,close:g.close,hiding:g.hiding,...g.data.question}):g.type===lm.NotificationType.ONBOARDING?m.jsx(FI,{style:{height:g.hiding?0:j},saveHeight:ee,sdk:h,notification:g,sdkInDesktopView:S,appNode:y,responsiveStore:E}):null},tR="p1d7yse1",nR=({sdk:h,headerNode:g,scrollNode:y,responsiveStore:S,appNode:E,scrollStore:I})=>{const[b]=K.useState(h.getNotificationsStore()),P=Ot.useStore(b),{tabsShown:M,scrollPosition:j}=Ot.useStore(I,{keys:["tabsShown","scrollPosition"]}),{sdkInDesktopView:ee,screen:H}=Ot.useStore(S,{keys:["sdkInView","sdkInDesktopView"]}),[z,B]=K.useState(null),Y=K.useMemo(()=>h.getActiveNotification(),[h,P]);K.useEffect(()=>{Y&&Zi.eventBus.emit("notification",{action:"rendered",payload:{questionId:Y.data.questionId,questionType:Y.data.questionType}})},[Y]),K.useEffect(()=>{Y&&(S.get().sdkInDesktopView||S.get().sdkInView)&&(!S.get().sdkInDesktopView&&S.get().sdkInView&&B(Y),S.get().sdkInDesktopView&&window.requestAnimationFrame(()=>{j!==0&&B(Y)}))},[Y]),K.useEffect(()=>{S.get().sdkInDesktopView?j<50&&B(null):j>-50&&B(null)},[j,S]);const le=K.useMemo(()=>{var X,se;const ue=S.get().sdkInDesktopView?E:g;return z&&ue.current&&cm.createPortal(m.jsx(ZI,{title:z.type===lm.NotificationType.QUESTION_RESOLVED?"Prediction result":`New ${((se=fm[(X=z.data)==null?void 0:X.questionType])==null?void 0:se.label)||"notification"}`,onClick:()=>{var he;S.get().sdkInDesktopView?(he=y.current)==null||he.scrollTo({top:0,behavior:"smooth"}):cy(E,H.size,{behavior:"smooth"}),B(null)},className:x.cx_default(M&&tR,"sl-pill-button")}),ue.current)||null},[z,E,g,y,M,S,H.size]);return m.jsxs(m.Fragment,{children:[!z&&Y&&m.jsx(eR,{sdkInDesktopView:ee,headerNode:g,appNode:E,sdk:h,notification:Y,responsiveStore:S}),le]})},rR=h=>{const g=K.useRef(""),[y,S]=K.useState(!1),E=Ot.useStore(h.status),I=Ot.useStore(h.userId()),b=Ot.useStore(h.getActiveFeature()),P=E==="ready",[M,j]=K.useState(es),ee=K.useCallback((B,Y)=>{j(Y),B&&h.createEventSession(B),Y===es?window.requestAnimationFrame(()=>{h.openFeature(ce.FeatureType.GAMES)}):h.closeFeature(!1)},[h]);K.useEffect(()=>{!P&&M===es&&(j(Gi),h.closeFeature(!0))},[P,M,h]),K.useEffect(()=>{b===ce.FeatureType.GAMES?j(es):b===ce.FeatureType.UNSET&&j(Gi)},[b]);const H=B=>{g.current=B,S(!0),h.initializeApp({skipOrganizationSettings:!0}).then(({enabled:Y,err:le})=>{if(le){ee(B,Gi);return}if(Y){h.isUserAuthorized().then(X=>{if(X){ee(B,Gi);return}else h.disableApp()});return}})},z=()=>{S(!1),h.disableApp()};return K.useEffect(()=>{if(!I){P&&(j(Gi),h.disableApp());return}if(I&&g.current&&y){h.initializeApp({skipOrganizationSettings:!0}).then(()=>{h.createEventSession(g.current)});return}},[I]),K.useEffect(()=>()=>{S(!1),h.disableApp()},[S,h]),{sdkEnabled:y,sdkReady:P,activeOverlay:M,activateAndLoadOverlay:ee,activateEventWithId:H,deactivate:z,isLogged:!!I}},aR=h=>{const g=Ot.useStore(h.getActiveFeature()),y=Ot.useStore(h.streamStore()),[S,E]=K.useState(null);return K.useEffect(()=>{const I=h.getFeatures();if(!g)E(null);else for(const[b,P]of I)b===g?(P.status.get()===Zi.FeatureStatus.Suspended&&P.enable(),E(P)):P.status.get()===Zi.FeatureStatus.Ready&&P.disable();return()=>{for(const[,b]of I)b.status.get()===Zi.FeatureStatus.Ready&&b.disable()}},[g,h,y]),[g,S]},x4=Object.keys(jt.O),Zg=()=>{const h=window.innerWidth;let g="sm";for(let y=x4.length-1;y>0;y--){const S=x4[y];if(!(h<jt.O[S])&&h>=jt.O[S]){g=S;break}}return{name:g,size:jt.O[g]}},S4=h=>{var g;return(((g=h.current)==null?void 0:g.getBoundingClientRect().y)||0)<-68},C4=h=>h>=jt.O.xl,oR=h=>{const[g]=K.useState(()=>{const y=Zg();return W4({screen:Zg(),sdkInView:S4(h),sdkInDesktopView:C4(y.size)})});return K.useEffect(()=>{const y=Hp(()=>{g.setKey("sdkInView",S4(h))},200),S=Hp(()=>{const E=Zg();g.setKey("screen",E),g.setKey("sdkInDesktopView",C4(E.size))},200);return window.addEventListener("scroll",y),window.addEventListener("resize",S),()=>{window.removeEventListener("scroll",y),window.removeEventListener("resize",S)}},[g,h]),[g]},iR=({sdk:h,className:g,scrollStore:y,appNode:S,scrollNode:E,headerNode:I,responsiveStore:b})=>{const[,P]=aR(h);return m.jsx(gE,{className:g,scrollNode:E,appNode:S,scrollStore:y,feature:P,headerNode:I,responsiveStore:b,sdk:h})},lR=({sdk:h,className:g,appNode:y,responsiveStore:S})=>{const E=Ot.useStore(h.featuresList.getStore());return E?Array.from(E,I=>{const b=h.getFeature(I);return b?m.jsx(yE,{className:g,appNode:y,feature:b,responsiveStore:S,sdk:h},I):null}):null},sR=({sdk:h,overlays:g,children:y})=>{const S=K.useRef(null),E=K.useRef(null),[I]=oR(S),[b,P]=zC(S,I),{sdkEnabled:M,sdkReady:j,activeOverlay:ee,activateAndLoadOverlay:H,activateEventWithId:z,deactivate:B,isLogged:Y}=rR(h);Bg(S,{enabled:M,event:"click",listener:Ok}),Bg(b,{enabled:M,event:"scrollend",listener:$k,useDomNode:!0}),Bg(b,{enabled:M,event:"click",listener:Uk,useDomNode:!0}),K.useEffect(()=>{Promise.resolve().then(()=>require("./gamification-feature.js"))},[]);const le=K.useMemo(()=>({sdk:h}),[h]);return m.jsx($4.Provider,{value:le,children:m.jsxs(Vk,{ref:S,children:[M&&m.jsx(ME,{ref:E,sdkReady:j,activeOverlay:ee,className:jt.m,setActiveOverlay:X=>H("",X),scrollToTop:()=>{var X;return(X=b.current)==null?void 0:X.scrollTo(0,0)},responsiveStore:I}),m.jsxs(E4,{className:"sl-hide-on-modal",ref:b,"data-nav":M.toString(),children:[j&&m.jsx(nR,{sdk:h,scrollNode:b,headerNode:E,appNode:S,scrollStore:P,responsiveStore:I}),m.jsx("div",{style:!M||ee===Gi?{}:{display:"none"},children:y&&y({activateEventWithId:z,deactivate:B})}),g&&ee===NE&&g[ee],j&&ee===es&&m.jsx(iR,{scrollStore:P,responsiveStore:I,scrollNode:b,appNode:S,headerNode:E,className:jt.m,sdk:h}),j&&m.jsx(lR,{responsiveStore:I,appNode:S,className:jt.m,sdk:h})]}),M&&!Y&&m.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"You are not logged in."})]})})},uR=({sdkKey:h,plugins:g,children:y,onDeepLinkHandled:S,videoPlayerController:E,production:I=!0})=>m.jsx(jt.StreamLayerProvider,{sdkKey:h,plugins:g,production:I,autoEnable:!1,onDeepLinkHandled:S,videoPlayerController:E,children:y}),cR=({children:h,overlays:g})=>{const{sdk:y,status:S}=K.useContext(jt.StreamLayerContext);return S===jt.StreamLayerStatus.UNSET?(console.error("Wrap app in `StreamLayerProvider`"),h({})):y?m.jsx("div",{className:"StreamLayerSDK",children:m.jsx(jt.p,{style:{height:"100%"},children:m.jsx(sR,{sdk:y,overlays:g,children:h})})}):h({})};class dR extends K.Component{constructor(g){super(g),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(g,y){console.error(g,y.componentStack)}render(){return this.state.hasError?this.props.children({}):m.jsx(cR,{...this.props})}}exports.MastersStreamLayerProvider=uR;exports.MastersStreamLayerSDKReact=dR;exports.so=mE;
166
+ `,Vx=h=>{const[g,y]=K.useState(h),S=K.useCallback(()=>y(!1),[]);return K.useEffect(()=>(h&&document.addEventListener("scroll",S),()=>{document.removeEventListener("scroll",S)}),[h,S]),K.useEffect(()=>{g===!1&&document.removeEventListener("scroll",S)},[g,S]),[g]},O4=({children:h,container:g,fixedView:y,useContainer:S})=>{const[E]=Vx(y);return g.current?S?cm.createPortal(m.jsxs(Mx,{className:x.cx_default(E&&Ox),children:[h,E&&m.jsx("style",{children:$x}),!E&&m.jsx("style",{children:Ux}),m.jsx("style",{children:Fx})]}),g.current,"modal-node"):cm.createPortal(h,g.current,"modal-node"):null},Bx=x.styled_default("div")({name:"Container",class:"c1pgyo67",propsAsIs:!1}),Hx="sx17qu6",Wx="h1692c5m",Wp=({children:h,style:g,className:y,enabled:S=!0,replayKey:E,hiding:I})=>{const[b,P]=K.useState(!0),M=S&&b,j=S&&I;return K.useEffect(()=>{E!==void 0&&(P(!1),requestAnimationFrame(()=>{P(!0)}))},[E]),m.jsx(Bx,{style:g,className:x.cx_default(y,M&&Hx,j&&Wx),children:h})},$4=K.createContext({sdk:null}),iy=()=>K.useContext($4),qx=x.styled_default("div")({name:"SponsorLogoWrap",class:"s8p5v5z",propsAsIs:!1}),Qx=()=>x.r1,Kx=x.styled_default(Qx())({name:"SponsorLogo",class:"s755yti",propsAsIs:!0}),Gx=()=>m.jsx(qx,{children:m.jsx(Kx,{name:"mastersLogo"})}),Yx=x.styled_default("div")({name:"Container",class:"c38csyt",propsAsIs:!1}),Xx=x.styled_default("div")({name:"Title",class:"ty221rx",propsAsIs:!1}),Zx=x.styled_default("div")({name:"Description",class:"dlaj9xp",propsAsIs:!1}),Jx=({title:h,description:g})=>m.jsxs(Yx,{children:[m.jsx(x.r1,{name:"icon-check-circle"}),m.jsx(Xx,{children:h}),m.jsx(Zx,{children:g})]}),eS=()=>Wp,tS=x.styled_default(eS())({name:"ShowInContainer",class:"s16sbdnm",propsAsIs:!0}),nS=x.styled_default("div")({name:"Container",class:"cbhorgl",propsAsIs:!1}),rS=()=>x.r1,Z6=x.styled_default(rS())({name:"IconPrediction",class:"i1g20ja7",propsAsIs:!0}),Up=x.styled_default("div")({name:"FeedbackIconWrap",class:"f455ozj",propsAsIs:!1}),rm=x.styled_default("div")({name:"FeedbackHeader",class:"f1913njx",propsAsIs:!1}),aS=x.styled_default("span")({name:"FeedbackTitle",class:"fzfk69z",propsAsIs:!1}),bu=x.styled_default("span")({name:"FeedbackDescription",class:"fx87qaj",propsAsIs:!1}),qg=x.styled_default("div")({name:"FeedbackText",class:"fvek9ew",propsAsIs:!1}),oS=x.styled_default("span")({name:"DynamicWrap",class:"d1kbtp09",propsAsIs:!1}),iS=({feedbackMessages:h,questionVotedCorrectly:g,questionVoted:y,questionType:S,hasCorrectAnswer:E,showExpiredNotification:I,showClosedNotificationTrivia:b,votedInCurrentRender:P,votedAfterQuestionClosed:M,voteErrorMessage:j,enteredAnActiveQuestion:ee,marketClosed:H,percentsAnimated:z})=>{var B;const Y=y&&(S===ce.QuestionType.TRIVIA||S===ce.QuestionType.PREDICTION),le=S===ce.QuestionType.PREDICTION&&!E,X=H&&S===ce.QuestionType.PREDICTION&&!y&&!ee||S===ce.QuestionType.PREDICTION&&M&&P&&ee,se=Y&&le,ue=Y&&E,he=S===ce.QuestionType.PREDICTION&&y&&P&&E,Te=y&&S===ce.QuestionType.POLL&&P,Ce=g?"correct":"incorrect",Je=g?h==null?void 0:h.correctFeedback:h==null?void 0:h.incorrectFeedback,Oe=I||b||se||ue||X||Te||he||j,Ct=K.useRef(null),at=(B=Ct.current)==null?void 0:B.getBoundingClientRect().height,ut=P&&!z;return Oe?m.jsx(tS,{enabled:P&&!ut,replayKey:ut,style:P?{height:ut?0:at}:{},children:m.jsxs(nS,{ref:Ct,"data-prediction":le,children:[j&&m.jsxs(m.Fragment,{children:[m.jsx(Z6,{name:"questionExpired"}),m.jsx(bu,{children:j})]}),!j&&I&&m.jsxs(m.Fragment,{children:[m.jsx(Up,{children:m.jsx(x.r1,{name:"questionExpired"})}),m.jsxs("div",{children:[m.jsx(rm,{children:m.jsx(bu,{children:"Question Expired"})}),m.jsx(qg,{children:"You can still answer to see if you're correct, but no points are awarded for expired questions."})]})]}),!j&&b&&m.jsxs(m.Fragment,{children:[m.jsx(Up,{children:m.jsx(x.r1,{name:"questionExpired"})}),m.jsxs("div",{children:[m.jsx(rm,{children:m.jsx(bu,{children:"Question Closed"})}),m.jsx(qg,{children:"This question was answered after the moderator closed the question. So the points for this answer won’t tally."})]})]}),!j&&X&&m.jsxs(m.Fragment,{children:[m.jsx(Up,{children:m.jsx(x.r1,{name:"questionExpired"})}),m.jsxs("div",{children:[m.jsx(rm,{children:m.jsx(bu,{children:"Question Closed"})}),m.jsx(qg,{children:"This event has already taken place, so the ability to make a prediction on its outcome is no longer available."})]})]}),!j&&se&&m.jsxs(m.Fragment,{children:[m.jsx(Z6,{name:"icon-prediction"}),m.jsxs(bu,{children:["Your pick has been recorded. ",m.jsx(oS,{children:"We’ll notify you of the result."})]})]}),!j&&Te&&m.jsxs(m.Fragment,{children:[m.jsx(Up,{"data-feedback-type":"correct",children:m.jsx(x.r1,{name:"correct"})}),m.jsx(bu,{children:"Thanks for answering. Please stay tuned for the next question."})]}),!j&&(ue||he)&&!b&&m.jsxs(m.Fragment,{children:[m.jsx(Up,{"data-feedback-type":Ce,children:m.jsx(x.r1,{name:Ce})}),m.jsx("div",{children:m.jsxs(rm,{children:[m.jsx(aS,{"data-feedback-type":Ce,children:Je==null?void 0:Je.title}),m.jsx(bu,{children:Je==null?void 0:Je.description})]})})]})]})}):null},lS=x.styled_default("div")({name:"Container",class:"c14ielyq",propsAsIs:!1}),sS=()=>E4,uS=x.styled_default(sS())({name:"QuestionScrollContainer",class:"q1tlqx57",propsAsIs:!0}),cS=x.styled_default("div")({name:"Content",class:"c1hq58md",propsAsIs:!1}),dS=x.styled_default("div")({name:"Title",class:"t1c8nxcx",propsAsIs:!1}),fS=x.styled_default("div")({name:"Options",class:"oiozuc3",propsAsIs:!1}),pS=x.styled_default("button")({name:"ButtonContainer",class:"b1b6dl8t",propsAsIs:!1}),mS=x.styled_default("div")({name:"ButtonPct",class:"b4iik8i",propsAsIs:!1}),hS=x.styled_default("span")({name:"ButtonBody",class:"b1gq1lnf",propsAsIs:!1}),vS=x.styled_default("div")({name:"IconContainer",class:"i1j65z51",propsAsIs:!1}),gS=x.styled_default("div")({name:"IconWrap",class:"i19tpfua",propsAsIs:!1}),U4=x.styled_default("img")({name:"Icon",class:"i1tubmma",propsAsIs:!1}),yS=()=>U4,bS=x.styled_default(yS())({name:"IconDefault",class:"i1grrgwj",propsAsIs:!0}),wS=()=>U4,kS=x.styled_default(wS())({name:"IconCircle",class:"ibemyq8",propsAsIs:!0}),xS=x.styled_default("span")({name:"Title",class:"t1dceht",propsAsIs:!1}),SS=x.styled_default("span")({name:"Indicators",class:"i116q4vq",propsAsIs:!1}),CS=x.styled_default("span")({name:"Pts",class:"p17ajcu2",propsAsIs:!1}),_S=x.styled_default("span")({name:"Percentage",class:"pu9kmlb",propsAsIs:!1}),ES=()=>x.r1,TS=x.styled_default(ES())({name:"CheckIcon",class:"c1j2j0s0",propsAsIs:!0}),J6={[ce.QuestionImages.CENTERED]:h=>m.jsx(bS,{alt:"option-icon",src:h}),[ce.QuestionImages.TRANSPARENT]:h=>m.jsx(vS,{children:m.jsx(gS,{style:{backgroundImage:`url(${h})`}})}),[ce.QuestionImages.ROUNDED]:h=>m.jsx(kS,{alt:"option-icon",src:h}),[ce.QuestionImages.NONE]:()=>null,[ce.QuestionImages.UNSET]:()=>null},IS=({questionType:h,hasCorrectAnswer:g,correct:y,youVoted:S,questionVoted:E})=>{if(h===ce.QuestionType.POLL&&S)return"correct";if(h===ce.QuestionType.PREDICTION){if(g&&E)return S?y?"correct":"incorrect":"unset";if(S)return"correct"}return h===ce.QuestionType.TRIVIA&&E&&S?y?"correct":"incorrect":"unset"},RS=({questionType:h,questionVoted:g,correct:y,hasCorrectAnswer:S,questionStatus:E})=>h===ce.QuestionType.TRIVIA?g&&y:h===ce.QuestionType.PREDICTION?g&&y&&S||E===ce.QuestionStatus.RESOLVED&&y:!1,LS=h=>{var g;const{id:y,icon:S,text:E,percentageDecimal:I,points:b,onVote:P,markThatVoted:M,onPercentsAnimated:j,youSelected:ee,questionVoted:H,imageMode:z,answerTimeExpired:B,questionStatus:Y,isLoading:le,questionType:X,correct:se,hasCorrectAnswer:ue,votedAfterQuestionClosed:he,enteredAnActiveQuestion:Te,marketClosed:Ce}=h,[Je,Oe]=K.useState(I),Ct=IS(h),at=RS({questionType:X,questionVoted:H,correct:se,hasCorrectAnswer:ue,questionStatus:Y}),ut=Ce&&X===ce.QuestionType.PREDICTION,_t=H||ut,dt=X===ce.QuestionType.PREDICTION&&!H&&!Ce,Be=H&&!ee&&Ct!=="incorrect";return K.useLayoutEffect(()=>{I>0&&(Oe(0),requestAnimationFrame(()=>{Oe(I)}))},[I]),m.jsxs(pS,{value:y,"data-selected":ee,"data-answer-state":Ct,disabled:H||le||B||ut&&!Te||ut&&Te&&he,"data-is-not-checked":Be,onClick:qe=>{M(X===ce.QuestionType.PREDICTION?Ce:Y===ce.QuestionStatus.RESOLVED),P(qe)},children:[m.jsx(mS,{"data-answer-state":Ct,style:{width:`${_t?Je:0}%`},onTransitionEnd:j}),m.jsxs(hS,{children:[S&&z&&((g=J6[z])==null?void 0:g.call(J6,S)),m.jsx(xS,{children:E}),dt&&m.jsxs("div",{children:[b,m.jsx(CS,{children:"pts"})]}),_t&&m.jsxs(SS,{children:[at&&m.jsx(TS,{name:"selected"}),m.jsx(_S,{children:m.jsx(x.d,{value:I,suffix:"%"})})]})]})]})},NS=[jt.E.PRIMARY_GREEN1,jt.E.SECONDARY_RED1,jt.E.SECONDARY_RED1,jt.E.NEUTRALS_GRAY3],PS=[10,10,1,0],zS=x.styled_default("div")({name:"RemainingTime",class:"r165427",propsAsIs:!1}),jS=jt.E.SECONDARY_GREEN6,e4=jt.E.SECONDARY_RED3,t4=jt.E.NEUTRALS_GRAY3,AS=({isPlaying:h=!0,duration:g=30,onTimerExpired:y})=>{const[S,E]=K.useState(g>10?jS:e4),[I,b]=K.useState(2);K.useEffect(()=>{g===0&&(b(0),E(t4))},[g]);const P=({remainingTime:ee})=>m.jsx(zS,{children:g===0?0:ee}),M=K.useCallback(()=>{y==null||y(),E(t4)},[y,E]),j=K.useCallback(ee=>{ee===10&&E(e4)},[E]);return m.jsx(Dk.CountdownCircleTimer,{isPlaying:h,duration:g,colors:NS,colorsTime:PS,size:32,strokeWidth:I,trailStrokeWidth:2,trailColor:S,onComplete:M,onUpdate:j,children:P})},DS=x.styled_default("div")({name:"WinBarContainer",class:"wie6cqo",propsAsIs:!1}),MS=x.styled_default("div")({name:"Content",class:"cgizw4u",propsAsIs:!1}),OS=x.styled_default("div")({name:"Title",class:"t1l3ucjp",propsAsIs:!1}),$S=()=>x.r1,US=x.styled_default($S())({name:"WinIcon",class:"wx7j799",propsAsIs:!0}),FS=x.styled_default("div")({name:"Points",class:"p4lwuj0",propsAsIs:!1}),VS=x.styled_default("span")({name:"PointsCount",class:"po9i64o",propsAsIs:!1}),BS=x.styled_default("span")({name:"PointsUnits",class:"pe5g05h",propsAsIs:!1}),HS=({title:h,points:g,isPlayingTimer:y,isTimer:S,animatePoints:E,questionType:I,timerDuration:b,onTimerExpired:P})=>m.jsxs(DS,{style:{justifyContent:I===ce.QuestionType.PREDICTION?"center":"space-between"},children:[m.jsxs(MS,{children:[h&&m.jsx(OS,{children:h}),g!==void 0&&I!==ce.QuestionType.POLL&&m.jsxs(m.Fragment,{children:[m.jsx(US,{name:"icon-trophy"}),m.jsxs(FS,{children:[m.jsx(VS,{children:E?m.jsx(x.d,{value:g,delay:.3}):g}),m.jsx(BS,{children:"PTS"})]})]})]}),S&&I!==ce.QuestionType.PREDICTION&&m.jsx(AS,{isPlaying:y,onTimerExpired:P,duration:b})]}),WS=({openedQuestion:h,isLoading:g,vote:y,close:S})=>{var E,I;const b=h.subject,P=h.type,M=h.status,j=(E=h.options)==null?void 0:E.options,ee=h.marketClosed,H=h.id,[z,B]=K.useState(!1),[Y,le]=K.useState(!1),[X,se]=K.useState(!0),[ue,he]=K.useState(!1),[Te,Ce]=K.useState(""),[Je,Oe]=K.useState(""),[Ct,at]=K.useState(!1);K.useEffect(()=>{Je&&at(!0)},[Je]),K.useEffect(()=>{P===ce.QuestionType.PREDICTION?ee&&se(!1):M===ce.QuestionStatus.RESOLVED&&se(!1)},[]);const ut=K.useCallback(rt=>{le(rt),B(!0)},[]),_t=K.useRef(!1),dt=K.useCallback(async rt=>{if(!_t.current&&(_t.current=!0,H)){const Gn=rt.currentTarget.value;Ce(Gn);try{await y(H,Gn)}catch(Yn){const Nr=Yn.message==="already_voted"?"You’ve already answered this question on other device. So the points for this answer won't tally.":"Something went wrong, please try again";Oe(Nr),Ce(""),console.error("Error while voting",Yn),_t.current=!1}}},[H,Ce,y]),Be=K.useCallback(()=>{he(!0),setTimeout(S,3e3)},[S]),qe=K.useMemo(()=>h==null?void 0:h.answers.find(rt=>rt.youVoted===!0),[h]),ht=K.useMemo(()=>!!(h!=null&&h.answers.find(rt=>rt.correct===!0)),[h]),nt=K.useMemo(()=>h==null?void 0:h.answers.find(rt=>rt.correct===!0),[h]);K.useEffect(()=>{let rt;return P===ce.QuestionType.PREDICTION&&qe&&z&&(rt=setTimeout(S,1e4)),()=>{clearTimeout(rt)}},[qe]);const aa=K.useMemo(()=>h?h.answers.map(rt=>{var Gn;return{...rt,questionVoted:!!qe,youSelected:Te===rt.id,isLoading:g,hasCorrectAnswer:ht,questionType:h.type,answerTimeExpired:ue,questionStatus:M,imageMode:(Gn=h.appearance)==null?void 0:Gn.images,onVote:dt}}):[],[ht,ue,g,h,qe,M,dt,Te]),ae=j&&(j.case==="trivia"||j.case==="prediction")?j.value:void 0,Ee=M===ce.QuestionStatus.RESOLVED&&P===ce.QuestionType.TRIVIA&&!qe&&!X,ve=P===ce.QuestionType.TRIVIA&&Y&&z&&X,ot=K.useMemo(()=>P===ce.QuestionType.PREDICTION?!!(qe&&!ht||qe&&ht&&nt!=null&&nt.youVoted):!0,[P,qe,ht,nt]),ft=K.useMemo(()=>{if(P===ce.QuestionType.PREDICTION&&qe&&(!ht||ht&&nt!=null&&nt.youVoted))return qe.points;if(!(Ee||ue))return qe?qe.correct?qe.pointsEarned:0:nt==null?void 0:nt.points},[ue,qe,nt,Ee,P,ht]),Kn=K.useMemo(()=>P===ce.QuestionType.PREDICTION&&qe?ht?ht&&nt!=null&&nt.youVoted?"You won":"":"To win":Ee||ue?"Time expired":P===ce.QuestionType.POLL?"Time remaining":qe?"You won":"To win",[ue,P,qe,Ee,ht,nt]),An=(P===ce.QuestionType.TRIVIA||P===ce.QuestionType.PREDICTION)&&qe&&ht&&(nt==null?void 0:nt.youVoted),xa=qe||Ee||ve||P===ce.QuestionType.TRIVIA&&M===ce.QuestionStatus.RESOLVED&&X;return m.jsx(uS,{children:m.jsx(lS,{children:m.jsxs(cS,{children:[m.jsx(iS,{feedbackMessages:ae,questionVoted:!!qe,questionVotedCorrectly:qe==null?void 0:qe.correct,questionType:P,hasCorrectAnswer:ht,showExpiredNotification:Ee,showClosedNotificationTrivia:ve,votedInCurrentRender:z,votedAfterQuestionClosed:Y,enteredAnActiveQuestion:X,marketClosed:ee,percentsAnimated:Ct,voteErrorMessage:Je}),ot&&m.jsx(HS,{title:Kn,points:ft,onTimerExpired:Be,questionType:h.type,isTimer:!g,isPlayingTimer:!qe,animatePoints:An,timerDuration:xa?0:Number(((I=h==null?void 0:h.appearance)==null?void 0:I.autoHideInterval)||"30")}),ue?m.jsx(Jx,{title:"More to come...",description:"Watch for additional enhanced stream interactive experience."}):m.jsxs(m.Fragment,{children:[m.jsx(dS,{style:ot?{}:{marginTop:0},children:b}),m.jsx(fS,{children:aa.map(rt=>m.jsx(LS,{...rt,markThatVoted:ut,onPercentsAnimated:()=>at(!0),votedAfterQuestionClosed:Y,enteredAnActiveQuestion:X,marketClosed:ee},rt.id))})]})]})})})},qS=x.styled_default("div")({name:"Container",class:"c1bgb86j",propsAsIs:!1}),QS=x.styled_default("video")({name:"Player",class:"p6703cq",propsAsIs:!1}),KS=x.styled_default("img")({name:"Poster",class:"p12ow7zo",propsAsIs:!1}),GS=x.styled_default("div")({name:"Control",class:"cdpal9o",propsAsIs:!1}),YS="t1xke4ml",XS=(h,g)=>{for(const y of h)y.isIntersecting||y.target instanceof HTMLVideoElement&&!y.target.paused&&(g.unobserve(y.target),y.target.pause())},F4=new IntersectionObserver(XS,{threshold:.5}),ly=new Set,ZS=h=>{F4.observe(h),ly.add(h)},Vp=h=>{F4.unobserve(h),ly.delete(h)},V4=()=>{for(const h of ly)h instanceof HTMLVideoElement&&!h.paused&&(h.pause(),Vp(h))},sy=({poster:h,source:g,controlVideo:y})=>{const S=K.useRef(null),[E,I]=K.useState(!1),[b,P]=K.useState(!0),M=K.useCallback(()=>{y==null||y({muted:!0})},[y]),j=K.useCallback(()=>{y==null||y({muted:!1})},[y]),ee=()=>{const z=S==null?void 0:S.current;if(z)if(E)z.pause(),S.current&&Vp(S.current);else{const B=S==null?void 0:S.current;if(!B)return;V4(),ZS(B),B.play().catch(Y=>console.log(Y)),P(!1)}},H=()=>{var z;S.current&&Vp(S.current),(z=S==null?void 0:S.current)==null||z.load(),P(!0)};return K.useEffect(()=>{S.current&&Vp(S.current)},[]),K.useEffect(()=>{const z=S==null?void 0:S.current;return()=>{z&&(z.paused||j(),Vp(z))}},[j]),m.jsxs(qS,{onClick:ee,className:x.cx_default(E&&YS),children:[m.jsx(QS,{ref:S,src:g,onPlay:()=>{M(),I(!0)},onPause:()=>{j(),I(!1)},onEnded:()=>{j(),I(!1),H()},style:{visibility:b?"hidden":"visible"},controls:!1,playsInline:!0}),m.jsx(KS,{src:h,style:{visibility:b?"visible":"hidden"}}),m.jsx(GS,{children:E?m.jsx(x.r1,{name:"icon-pause"}):m.jsx(x.r1,{name:"icon-play"})})]})},JS=x.styled_default("div")({name:"Container",class:"cgn5uen",propsAsIs:!1}),eC=x.styled_default("div")({name:"Content",class:"c1px8nt6",propsAsIs:!1}),tC=x.styled_default("h3")({name:"Title",class:"t5et2jt",propsAsIs:!1}),nC=x.styled_default("div")({name:"Description",class:"d1i2kpk2",propsAsIs:!1}),rC=x.styled_default("img")({name:"Image",class:"id3lh3p",propsAsIs:!1}),aC=x.styled_default("div")({name:"ImageContainer",class:"i1gfjeu5",propsAsIs:!1}),B4=({instantView:h,isDetail:g,notification:y,controlVideo:S})=>{const E=h==null?void 0:h.heading,I=h==null?void 0:h.body,b=E||I,P=y==null?void 0:y.title,M=y==null?void 0:y.body;return m.jsxs(JS,{children:[(h==null?void 0:h.video)&&m.jsx(sy,{source:h.video.url,poster:h.video.thumbnailUrl,controlVideo:S}),(h==null?void 0:h.image)&&!(h!=null&&h.video)&&m.jsx(aC,{"data-rounded":h.imageMode===ce.QuestionImages.ROUNDED,children:m.jsx(rC,{src:h==null?void 0:h.image})}),m.jsxs(eC,{children:[m.jsx(tC,{children:g&&b?E:P}),m.jsx(nC,{children:g&&b?I:M})]})]})},oC=x.styled_default("div")({name:"Container",class:"c1euiow",propsAsIs:!1}),iC=x.styled_default("a")({name:"WebLinkBtn",class:"w19zie3h",propsAsIs:!1}),lC=({instantView:h,...g})=>m.jsxs(oC,{children:[m.jsx(B4,{instantView:h,...g,isDetail:!0}),(h==null?void 0:h.webLink)&&m.jsxs(iC,{href:h==null?void 0:h.webLink.url,target:"_blank","data-analytics":"web-link",children:[h==null?void 0:h.webLink.label,m.jsx(x.r1,{name:"icon-external-link"})]})]}),sC=x.styled_default("div")({name:"Container",class:"cjq447q",propsAsIs:!1}),uC=x.styled_default("div")({name:"ImageContainer",class:"i14egogb",propsAsIs:!1}),cC=x.styled_default("img")({name:"Image",class:"i2g9g4l",propsAsIs:!1}),dC=()=>x.r1,fC=x.styled_default(dC())({name:"TwitterIcon",class:"t1c454nm",propsAsIs:!0}),pC=x.styled_default("div")({name:"Details",class:"d11nigc3",propsAsIs:!1}),mC=x.styled_default("div")({name:"Name",class:"nrxa4k8",propsAsIs:!1}),hC=x.styled_default("div")({name:"UserNameAndDate",class:"u1p051g3",propsAsIs:!1}),vC=({image:h,name:g,userName:y,verified:S,createdTweet:E})=>{const I=E&&ax(E);return m.jsxs(sC,{children:[h&&m.jsxs(uC,{children:[m.jsx(cC,{src:h}),m.jsx(fC,{name:"twitter"})]}),m.jsxs(pC,{children:[g&&m.jsxs(mC,{children:[g," ",S&&m.jsx(x.r1,{name:"icon-twitter-verified"})]}),y&&m.jsxs(hC,{children:["@",y," ",I&&`･ ${I}`]})]})]})},gC=x.styled_default("div")({name:"Container",class:"c1kzqw87",propsAsIs:!1}),yC=x.styled_default("div")({name:"Details",class:"d9r1hf9",propsAsIs:!1}),bC=x.styled_default("div")({name:"Body",class:"bezygt5",propsAsIs:!1}),Fp=x.styled_default("div")({name:"ImagesContainer",class:"i1y8f7ym",propsAsIs:!1}),Qg=x.styled_default("div")({name:"ImagesBlock",class:"i18gwonx",propsAsIs:!1}),H4=x.styled_default("img")({name:"Image",class:"i3g0xjd",propsAsIs:!1}),wC=()=>H4,Jl=x.styled_default(wC())({name:"ImageFullSize",class:"io8rt7p",propsAsIs:!0}),kC=()=>H4,Kg=x.styled_default(kC())({name:"ImageHalfSize",class:"i4hn3ox",propsAsIs:!0}),xC=new RegExp("\\s?https?://t.co[^\\s]+(\\s+)?$"),SC=h=>h==null?void 0:h.replace(xC,""),uy=({image:h,body:g,account:y,accountVerified:S,tweet:E,isDetail:I,controlVideo:b})=>{var P,M,j,ee,H,z,B,Y,le;const X=(M=(P=E==null?void 0:E.meta)==null?void 0:P.extendedEntities)==null?void 0:M.media,se=X==null?void 0:X.find(({type:he})=>he==="photo"),ue=(z=(H=(ee=(j=X==null?void 0:X[0])==null?void 0:j.videoInfo)==null?void 0:ee.variants)==null?void 0:H.find(({contentType:he})=>he==="video/mp4"))==null?void 0:z.url;return m.jsxs(gC,{children:[m.jsxs(yC,{children:[m.jsx(vC,{image:h,name:(B=E==null?void 0:E.meta)==null?void 0:B.accountName,userName:y,verified:S,createdTweet:E==null?void 0:E.date}),m.jsx(bC,{children:SC(g)}),!I&&se&&m.jsx(Fp,{children:m.jsx(Jl,{src:X==null?void 0:X[0].mediaUrlHttps})}),I&&se&&m.jsxs(m.Fragment,{children:[(X==null?void 0:X.length)===1&&m.jsx(Fp,{children:m.jsx(Jl,{src:X[0].mediaUrlHttps})}),(X==null?void 0:X.length)===2&&m.jsxs(Fp,{children:[m.jsx(Kg,{src:X[0].mediaUrlHttps}),m.jsx(Kg,{src:X[1].mediaUrlHttps})]}),(X==null?void 0:X.length)===3&&m.jsxs(Fp,{children:[m.jsx(Kg,{src:X[0].mediaUrlHttps}),m.jsxs(Qg,{children:[m.jsx(Jl,{src:X[1].mediaUrlHttps}),m.jsx(Jl,{src:X[2].mediaUrlHttps})]})]}),(X==null?void 0:X.length)===4&&m.jsxs(Fp,{children:[m.jsxs(Qg,{children:[m.jsx(Jl,{src:X[0].mediaUrlHttps}),m.jsx(Jl,{src:X[1].mediaUrlHttps})]}),m.jsxs(Qg,{children:[m.jsx(Jl,{src:X[2].mediaUrlHttps}),m.jsx(Jl,{src:X[3].mediaUrlHttps})]})]})]})]}),!se&&(((Y=X==null?void 0:X[0])==null?void 0:Y.type)==="video"||((le=X==null?void 0:X[0])==null?void 0:le.type)==="animated_gif")&&ue&&m.jsx(sy,{source:ue,poster:X[0].mediaUrlHttps,controlVideo:b})]})},CC=x.styled_default("div")({name:"Container",class:"c1dcxmvf",propsAsIs:!1}),_C=x.styled_default("blockquote")({name:"Quote",class:"qb4q22c",propsAsIs:!1}),EC=h=>m.jsxs(CC,{children:[h.title&&m.jsx(_C,{children:h.title}),m.jsx(uy,{...h,isDetail:!0})]}),TC=x.styled_default("div")({name:"QuestionContainer",class:"qdri6g3",propsAsIs:!1}),IC=({openedQuestion:h})=>{var g,y;const{sdk:S}=iy();return((g=h==null?void 0:h.attributes)==null?void 0:g.attributes.case)==="insight"?m.jsx(lC,{...h.attributes.attributes.value,controlVideo:S==null?void 0:S.controlVideoPlayer}):((y=h==null?void 0:h.attributes)==null?void 0:y.attributes.case)==="tweet"?m.jsx(EC,{...h.attributes.attributes.value,controlVideo:S==null?void 0:S.controlVideoPlayer}):null},RC=({extendedQuestion:h,vote:g,close:y})=>{const{loading:S,data:E}=h;return E?m.jsx(WS,{vote:g,close:y,openedQuestion:E,isLoading:!!S}):null},LC=({gamification:h})=>{var g;const y=Ot.useStore(h.openedQuestion.$store),S=Ot.useStore(h.openedQuestion.$extendedStore);if(!y)return null;const E=y.type;return m.jsxs(TC,{children:[m.jsx(I4,{close:h.closeQuestion,type:((g=y.attributes)==null?void 0:g.type)||ce.QuestionType.UNSET}),E==="question"&&m.jsx(RC,{vote:h.submitAnswer,close:h.closeQuestion,extendedQuestion:S}),E!=="question"&&m.jsx(IC,{openedQuestion:y}),m.jsx(Gx,{sponsorLogo:""})]})};let NC=Symbol("clean"),Qn=[],PC=(h,g)=>{let y=[],S={get(){return S.lc||S.listen(()=>{})(),S.value},l:g||0,lc:0,listen(E,I){return S.lc=y.push(E,I||S.l)/2,()=>{let b=y.indexOf(E);~b&&(y.splice(b,2),--S.lc||S.off())}},notify(E,I){let b=!Qn.length;for(let P=0;P<y.length;P+=2)Qn.push(y[P],y[P+1],S.value,E,I);if(b){for(let P=0;P<Qn.length;P+=5){let M;for(let j=P+1;!M&&(j+=5)<Qn.length;)Qn[j]<Qn[P+1]&&(M=Qn.push(Qn[P],Qn[P+1],Qn[P+2],Qn[P+3],Qn[P+4]));M||Qn[P](Qn[P+2],Qn[P+3],Qn[P+4])}Qn.length=0}},off(){},set(E){let I=S.value;I!==E&&(S.value=E,S.notify(I))},subscribe(E,I){let b=S.listen(E,I);return E(S.value),b},value:h};return Cd.env.NODE_ENV!=="production"&&(S[NC]=()=>{y=[],S.lc=0,S.off()}),S},W4=(h={})=>{let g=PC(h);return g.setKey=function(y,S){let E=g.value;typeof S>"u"&&y in g.value?(g.value={...g.value},delete g.value[y],g.notify(E,y)):g.value[y]!==S&&(g.value={...g.value,[y]:S},g.notify(E,y))},g};const cy=(h,g,y)=>{const S=g>=jt.O.lg&&g<jt.O.xl?75:52;h.current&&window.scrollTo({top:h.current.offsetTop-S,...y})},zC=(h,g)=>{const y=K.useRef(null),S=K.useRef(0),[E]=K.useState(W4({scrollPosition:0,tabsShown:!0,scrollDirection:"forward"})),I=Ot.useStore(g);return K.useEffect(()=>{const b=window.innerWidth<jt.O.xl?window:y.current;if(!b)return()=>{};const P=Hp(M=>{var j;const ee=M.target;if(!ee)return;let H=0;I.screen.size<jt.O.xl?H=((j=h.current)==null?void 0:j.getBoundingClientRect().y)||0:H=ee.scrollTop;const z=S.current<H?"forward":"backward";S.current=H,E.set({scrollPosition:Math.round(H),scrollDirection:z,tabsShown:E.get().tabsShown})},200);return b.addEventListener("scroll",P),()=>{b.removeEventListener("scroll",P)}},[E,h,I.screen]),[y,E]},jC=x.styled_default("div")({name:"Container",class:"c115qtkr",propsAsIs:!1}),AC=x.styled_default("div")({name:"STabs",class:"sxnslc8",propsAsIs:!1}),DC=x.styled_default("button")({name:"Button",class:"b1umzux0",propsAsIs:!1}),MC=x.styled_default("span")({name:"Title",class:"tspsaas",propsAsIs:!1});var um=(h=>(h.HOME="home",h.LEADERBOARD="leaderboard",h))(um||{});const n4=({title:h,active:g,onClick:y})=>m.jsx(DC,{onClick:y,"data-selected":g,children:m.jsx(MC,{children:h})}),OC=({activePage:h="home",toggleActivePage:g})=>m.jsx(jC,{children:m.jsxs(AC,{"data-position":h==="home"?"left":"right",children:[m.jsx(n4,{title:"Home",active:h==="home",onClick:()=>g("home")}),m.jsx(n4,{title:"Friends",active:h==="leaderboard",onClick:()=>g("leaderboard")})]})}),$C=x.styled_default("button")({name:"Container",class:"cpjnajb",propsAsIs:!1}),UC=x.styled_default("div")({name:"Content",class:"c4m6kaz",propsAsIs:!1}),FC=x.styled_default("span")({name:"Title",class:"t1h8t9cc",propsAsIs:!1}),VC=()=>m.jsx($C,{children:m.jsxs(UC,{children:[m.jsx(x.r1,{name:"iconCopySuccess"}),m.jsx(FC,{children:"Link Copied to Clipboard"})]})}),q4=h=>{const g=K.useRef(),[y,S]=K.useState(null),E=K.useCallback(async I=>{var b;if(I&&(b=navigator==null?void 0:navigator.clipboard)!=null&&b.writeText){g.current&&(clearTimeout(g.current),S(null));try{await navigator.clipboard.writeText(I),h.current&&(S(cm.createPortal(m.jsx(VC,{}),h.current)),g.current=setTimeout(()=>{S(null)},1e3))}catch(P){console.error("Unable to copy to clipboard",P)}}},[h]);return K.useEffect(()=>()=>{clearTimeout(g.current)},[]),[E,y]},BC=x.styled_default("div")({name:"Container",class:"c1ux29ft",propsAsIs:!1}),HC=x.styled_default("img")({name:"FriendsIcon",class:"f10ncfg2",propsAsIs:!1}),WC=x.styled_default("div")({name:"Content",class:"c1yc07bd",propsAsIs:!1}),qC=x.styled_default("div")({name:"Title",class:"tj6cq7w",propsAsIs:!1}),QC=x.styled_default("div")({name:"Description",class:"d1ag78xo",propsAsIs:!1}),KC=()=>x.r1,GC=x.styled_default(KC())({name:"ArrowInviteIcon",class:"awohrz6",propsAsIs:!0}),YC="data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20rx='16'%20fill='white'/%3e%3cpath%20d='M10.4615%2012.6875C9.44231%2012.6875%208.61538%2013.4665%208.61538%2014.4266C8.61538%2015.3868%209.44231%2016.1658%2010.4615%2016.1658C11.4808%2016.1658%2012.3077%2015.3868%2012.3077%2014.4266C12.3077%2013.4665%2011.4808%2012.6875%2010.4615%2012.6875ZM10.4615%2016.1658C9.10817%2016.1658%208%2017.2097%208%2018.4846V19.7527C8%2019.7527%208.61538%2020.2237%2010.4615%2020.2237C12.3077%2020.2237%2012.9231%2019.7527%2012.9231%2019.7527V18.4846C12.9231%2017.2097%2011.8149%2016.1658%2010.4615%2016.1658ZM21.5385%2012.6875C20.5192%2012.6875%2019.6923%2013.4665%2019.6923%2014.4266C19.6923%2015.3868%2020.5192%2016.1658%2021.5385%2016.1658C22.5577%2016.1658%2023.3846%2015.3868%2023.3846%2014.4266C23.3846%2013.4665%2022.5577%2012.6875%2021.5385%2012.6875ZM21.5385%2016.1658C20.1851%2016.1658%2019.0769%2017.2097%2019.0769%2018.4846V19.7527C19.0769%2019.7527%2019.6923%2020.2237%2021.5385%2020.2237C23.3846%2020.2237%2024%2019.7527%2024%2019.7527V18.4846C24%2017.2097%2022.8918%2016.1658%2021.5385%2016.1658ZM16%2015.0063C14.9808%2015.0063%2014.1538%2015.7853%2014.1538%2016.7455C14.1538%2017.7056%2014.9808%2018.4846%2016%2018.4846C17.0192%2018.4846%2017.8462%2017.7056%2017.8462%2016.7455C17.8462%2015.7853%2017.0192%2015.0063%2016%2015.0063ZM16%2018.4846C14.6466%2018.4846%2013.5385%2019.5285%2013.5385%2020.8034V22.0715C13.5385%2022.0715%2014.1538%2022.5425%2016%2022.5425C17.8462%2022.5425%2018.4615%2022.0715%2018.4615%2022.0715V20.8034C18.4615%2019.5285%2017.3534%2018.4846%2016%2018.4846Z'%20fill='%23107D57'/%3e%3cpath%20opacity='0.5'%20d='M13.3908%209C12.3103%209%2011.4336%209.82584%2011.4336%2010.8437C11.4336%2011.8616%2012.3103%2012.6875%2013.3908%2012.6875C14.4713%2012.6875%2015.348%2011.8616%2015.348%2010.8437C15.348%209.82584%2014.4713%209%2013.3908%209ZM13.3908%2012.6875C13.1946%2012.6875%2012.9958%2012.6827%2012.7996%2012.7451C13.192%2013.2372%2013.3908%2013.8542%2013.3908%2014.5312C13.3908%2014.7761%2013.3296%2015.0161%2013.3296%2015.261C13.8521%2014.524%2014.6956%2014.0391%2015.6742%2013.9166C15.218%2013.1796%2014.3694%2012.6875%2013.3908%2012.6875ZM18.61%209C17.5295%209%2016.6528%209.82584%2016.6528%2010.8437C16.6528%2011.8616%2017.5295%2012.6875%2018.61%2012.6875C19.6905%2012.6875%2020.5672%2011.8616%2020.5672%2010.8437C20.5672%209.82584%2019.6905%209%2018.61%209ZM18.61%2012.6875C17.6314%2012.6875%2016.7828%2013.1796%2016.3266%2013.9166C17.3052%2014.0391%2018.1487%2014.524%2018.6712%2015.261C18.6712%2015.0161%2018.61%2014.7761%2018.61%2014.5312C18.61%2013.8542%2018.8088%2013.2372%2019.2012%2012.7451C19.005%2012.6827%2018.8062%2012.6875%2018.61%2012.6875Z'%20fill='%23107D57'/%3e%3c/svg%3e",XC=({title:h,description:g,onClick:y,className:S})=>{const[E]=_4({type:"invitation",action:"sent",payload:{from:ce.InvitationFrom.TITLE_CARD}});return m.jsxs(BC,{onClick:E(y),className:S,children:[m.jsx(HC,{alt:"friends-icon",src:YC}),m.jsxs(WC,{children:[m.jsx(qC,{children:h}),m.jsx(QC,{children:g})]}),m.jsx(GC,{name:"icon-copy"})]})},ZC=globalThis||void 0||self;let $a;typeof window<"u"?$a=window:typeof self<"u"?$a=self:$a=ZC;let ny=null,ry=null;const r4=20,Gg=$a.clearTimeout,a4=$a.setTimeout,Yg=$a.cancelAnimationFrame||$a.mozCancelAnimationFrame||$a.webkitCancelAnimationFrame,o4=$a.requestAnimationFrame||$a.mozRequestAnimationFrame||$a.webkitRequestAnimationFrame;Yg==null||o4==null?(ny=Gg,ry=function(g){return a4(g,r4)}):(ny=function([g,y]){Yg(g),Gg(y)},ry=function(g){const y=o4(function(){Gg(S),g()}),S=a4(function(){Yg(y),g()},r4);return[y,S]});function JC(h){let g,y,S,E,I,b,P;const M=typeof document<"u"&&document.attachEvent;if(!M){b=function(se){const ue=se.__resizeTriggers__,he=ue.firstElementChild,Te=ue.lastElementChild,Ce=he.firstElementChild;Te.scrollLeft=Te.scrollWidth,Te.scrollTop=Te.scrollHeight,Ce.style.width=he.offsetWidth+1+"px",Ce.style.height=he.offsetHeight+1+"px",he.scrollLeft=he.scrollWidth,he.scrollTop=he.scrollHeight},I=function(se){return se.offsetWidth!==se.__resizeLast__.width||se.offsetHeight!==se.__resizeLast__.height},P=function(se){if(se.target.className&&typeof se.target.className.indexOf=="function"&&se.target.className.indexOf("contract-trigger")<0&&se.target.className.indexOf("expand-trigger")<0)return;const ue=this;b(this),this.__resizeRAF__&&ny(this.__resizeRAF__),this.__resizeRAF__=ry(function(){I(ue)&&(ue.__resizeLast__.width=ue.offsetWidth,ue.__resizeLast__.height=ue.offsetHeight,ue.__resizeListeners__.forEach(function(Ce){Ce.call(ue,se)}))})};let z=!1,B="";S="animationstart";const Y="Webkit Moz O ms".split(" ");let le="webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "),X="";{const se=document.createElement("fakeelement");if(se.style.animationName!==void 0&&(z=!0),z===!1){for(let ue=0;ue<Y.length;ue++)if(se.style[Y[ue]+"AnimationName"]!==void 0){X=Y[ue],B="-"+X.toLowerCase()+"-",S=le[ue],z=!0;break}}}y="resizeanim",g="@"+B+"keyframes "+y+" { from { opacity: 0; } to { opacity: 0; } } ",E=B+"animation: 1ms "+y+"; "}const j=function(z){if(!z.getElementById("detectElementResize")){const B=(g||"")+".resize-triggers { "+(E||"")+'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',Y=z.head||z.getElementsByTagName("head")[0],le=z.createElement("style");le.id="detectElementResize",le.type="text/css",h!=null&&le.setAttribute("nonce",h),le.styleSheet?le.styleSheet.cssText=B:le.appendChild(z.createTextNode(B)),Y.appendChild(le)}};return{addResizeListener:function(z,B){if(M)z.attachEvent("onresize",B);else{if(!z.__resizeTriggers__){const Y=z.ownerDocument,le=$a.getComputedStyle(z);le&&le.position==="static"&&(z.style.position="relative"),j(Y),z.__resizeLast__={},z.__resizeListeners__=[],(z.__resizeTriggers__=Y.createElement("div")).className="resize-triggers";const X=Y.createElement("div");X.className="expand-trigger",X.appendChild(Y.createElement("div"));const se=Y.createElement("div");se.className="contract-trigger",z.__resizeTriggers__.appendChild(X),z.__resizeTriggers__.appendChild(se),z.appendChild(z.__resizeTriggers__),b(z),z.addEventListener("scroll",P,!0),S&&(z.__resizeTriggers__.__animationListener__=function(he){he.animationName===y&&b(z)},z.__resizeTriggers__.addEventListener(S,z.__resizeTriggers__.__animationListener__))}z.__resizeListeners__.push(B)}},removeResizeListener:function(z,B){if(M)z.detachEvent("onresize",B);else if(z.__resizeListeners__.splice(z.__resizeListeners__.indexOf(B),1),!z.__resizeListeners__.length){z.removeEventListener("scroll",P,!0),z.__resizeTriggers__.__animationListener__&&(z.__resizeTriggers__.removeEventListener(S,z.__resizeTriggers__.__animationListener__),z.__resizeTriggers__.__animationListener__=null);try{z.__resizeTriggers__=!z.removeChild(z.__resizeTriggers__)}catch{}}}}}class e_ extends K.Component{constructor(...g){super(...g),this.state={height:this.props.defaultHeight||0,scaledHeight:this.props.defaultHeight||0,scaledWidth:this.props.defaultWidth||0,width:this.props.defaultWidth||0},this._autoSizer=null,this._detectElementResize=null,this._parentNode=null,this._resizeObserver=null,this._timeoutId=null,this._onResize=()=>{this._timeoutId=null;const{disableHeight:y,disableWidth:S,onResize:E}=this.props;if(this._parentNode){var I,b,P,M;const j=window.getComputedStyle(this._parentNode)||{},ee=parseFloat((I=j.paddingLeft)!==null&&I!==void 0?I:"0"),H=parseFloat((b=j.paddingRight)!==null&&b!==void 0?b:"0"),z=parseFloat((P=j.paddingTop)!==null&&P!==void 0?P:"0"),B=parseFloat((M=j.paddingBottom)!==null&&M!==void 0?M:"0"),Y=this._parentNode.getBoundingClientRect(),le=Y.height-z-B,X=Y.width-ee-H,se=this._parentNode.offsetHeight-z-B,ue=this._parentNode.offsetWidth-ee-H;(!y&&(this.state.height!==se||this.state.scaledHeight!==le)||!S&&(this.state.width!==ue||this.state.scaledWidth!==X))&&(this.setState({height:se,width:ue,scaledHeight:le,scaledWidth:X}),typeof E=="function"&&E({height:se,scaledHeight:le,scaledWidth:X,width:ue}))}},this._setRef=y=>{this._autoSizer=y}}componentDidMount(){const{nonce:g}=this.props;this._autoSizer&&this._autoSizer.parentNode&&this._autoSizer.parentNode.ownerDocument&&this._autoSizer.parentNode.ownerDocument.defaultView&&this._autoSizer.parentNode instanceof this._autoSizer.parentNode.ownerDocument.defaultView.HTMLElement&&(this._parentNode=this._autoSizer.parentNode,this._parentNode!=null&&(typeof ResizeObserver<"u"?(this._resizeObserver=new ResizeObserver(()=>{this._timeoutId=setTimeout(this._onResize,0)}),this._resizeObserver.observe(this._parentNode)):(this._detectElementResize=JC(g),this._detectElementResize.addResizeListener(this._parentNode,this._onResize)),this._onResize()))}componentWillUnmount(){this._parentNode&&(this._detectElementResize&&this._detectElementResize.removeResizeListener(this._parentNode,this._onResize),this._timeoutId!==null&&clearTimeout(this._timeoutId),this._resizeObserver&&(this._resizeObserver.observe(this._parentNode),this._resizeObserver.disconnect()))}render(){const{children:g,defaultHeight:y,defaultWidth:S,disableHeight:E=!1,disableWidth:I=!1,nonce:b,onResize:P,style:M={},tagName:j="div",...ee}=this.props,{height:H,scaledHeight:z,scaledWidth:B,width:Y}=this.state,le={overflow:"visible"},X={};let se=!1;return E||(H===0&&(se=!0),le.height=0,X.height=H,X.scaledHeight=z),I||(Y===0&&(se=!0),le.width=0,X.width=Y,X.scaledWidth=B),K.createElement(j,{ref:this._setRef,style:{...le,...M},...ee},!se&&g(X))}}function t_(h){var g=h.lastRenderedStartIndex,y=h.lastRenderedStopIndex,S=h.startIndex,E=h.stopIndex;return!(S>y||E<g)}function n_(h){for(var g=h.isItemLoaded,y=h.itemCount,S=h.minimumBatchSize,E=h.startIndex,I=h.stopIndex,b=[],P=null,M=null,j=E;j<=I;j++){var ee=g(j);ee?M!==null&&(b.push(P,M),P=M=null):(M=j,P===null&&(P=j))}if(M!==null){for(var H=Math.min(Math.max(M,P+S-1),y-1),z=M+1;z<=H&&!g(z);z++)M=z;b.push(P,M)}if(b.length)for(;b[1]-b[0]+1<S&&b[0]>0;){var B=b[0]-1;if(!g(B))b[0]=B;else break}return b}var r_=function(h,g){if(!(h instanceof g))throw new TypeError("Cannot call a class as a function")},a_=function(){function h(g,y){for(var S=0;S<y.length;S++){var E=y[S];E.enumerable=E.enumerable||!1,E.configurable=!0,"value"in E&&(E.writable=!0),Object.defineProperty(g,E.key,E)}}return function(g,y,S){return y&&h(g.prototype,y),S&&h(g,S),g}}(),o_=function(h,g){if(typeof g!="function"&&g!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof g);h.prototype=Object.create(g&&g.prototype,{constructor:{value:h,enumerable:!1,writable:!0,configurable:!0}}),g&&(Object.setPrototypeOf?Object.setPrototypeOf(h,g):h.__proto__=g)},i4=function(h,g){if(!h)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return g&&(typeof g=="object"||typeof g=="function")?g:h};(function(h){o_(g,h);function g(){var y,S,E,I;r_(this,g);for(var b=arguments.length,P=Array(b),M=0;M<b;M++)P[M]=arguments[M];return I=(S=(E=i4(this,(y=g.__proto__||Object.getPrototypeOf(g)).call.apply(y,[this].concat(P))),E),E._lastRenderedStartIndex=-1,E._lastRenderedStopIndex=-1,E._memoizedUnloadedRanges=[],E._onItemsRendered=function(j){var ee=j.visibleStartIndex,H=j.visibleStopIndex;E._lastRenderedStartIndex=ee,E._lastRenderedStopIndex=H,E._ensureRowsLoaded(ee,H)},E._setRef=function(j){E._listRef=j},S),i4(E,I)}return a_(g,[{key:"resetloadMoreItemsCache",value:function(){var S=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;this._memoizedUnloadedRanges=[],S&&this._ensureRowsLoaded(this._lastRenderedStartIndex,this._lastRenderedStopIndex)}},{key:"componentDidMount",value:function(){}},{key:"render",value:function(){var S=this.props.children;return S({onItemsRendered:this._onItemsRendered,ref:this._setRef})}},{key:"_ensureRowsLoaded",value:function(S,E){var I=this.props,b=I.isItemLoaded,P=I.itemCount,M=I.minimumBatchSize,j=M===void 0?10:M,ee=I.threshold,H=ee===void 0?15:ee,z=n_({isItemLoaded:b,itemCount:P,minimumBatchSize:j,startIndex:Math.max(0,S-H),stopIndex:Math.min(P-1,E+H)});(this._memoizedUnloadedRanges.length!==z.length||this._memoizedUnloadedRanges.some(function(B,Y){return z[Y]!==B}))&&(this._memoizedUnloadedRanges=z,this._loadUnloadedRanges(z))}},{key:"_loadUnloadedRanges",value:function(S){for(var E=this,I=this.props.loadMoreItems||this.props.loadMoreRows,b=function(j){var ee=S[j],H=S[j+1],z=I(ee,H);z!=null&&z.then(function(){if(t_({lastRenderedStartIndex:E._lastRenderedStartIndex,lastRenderedStopIndex:E._lastRenderedStopIndex,startIndex:ee,stopIndex:H})){if(E._listRef==null)return;typeof E._listRef.resetAfterIndex=="function"?E._listRef.resetAfterIndex(ee,!0):(typeof E._listRef._getItemStyleCache=="function"&&E._listRef._getItemStyleCache(-1),E._listRef.forceUpdate())}})},P=0;P<S.length;P+=2)b(P)}}]),g})(K.PureComponent);const i_=x.styled_default("div")({name:"Container",class:"culdu4a",propsAsIs:!1}),l_=x.styled_default("div")({name:"Position",class:"pwf8e69",propsAsIs:!1}),s_=x.styled_default("img")({name:"Avatar",class:"atf4yh4",propsAsIs:!1}),u_=x.styled_default("div")({name:"AvatarPlaceholder",class:"a1dg29ja",propsAsIs:!1}),c_=x.styled_default("div")({name:"Content",class:"c10a68rc",propsAsIs:!1}),d_=x.styled_default("div")({name:"NameContainer",class:"nc4kck5",propsAsIs:!1}),f_=x.styled_default("span")({name:"Name",class:"njsrqgr",propsAsIs:!1}),p_=()=>x.r1,m_=x.styled_default(p_())({name:"CurrentUserBadge",class:"c17uc4zr",propsAsIs:!0}),h_=({rank:h,avatar:g,name:y,points:S,isCurrentUser:E,openItemDetail:I,style:b})=>m.jsxs(i_,{onClick:I,style:b,children:[m.jsx(l_,{children:h||0}),m.jsxs(c_,{children:[g?m.jsx(s_,{alt:"leaderboard-item-avatar",src:g}):m.jsx(u_,{children:oy(y||"")}),m.jsxs(d_,{children:[m.jsx(f_,{children:y||""}),E&&m.jsx(m_,{name:"icon-star"})]})]}),m.jsx("div",{children:L4(S)})]}),v_=x.styled_default("div")({name:"Container",class:"c16btbfp",propsAsIs:!1}),g_=({items:h,currentUserId:g,openItemDetail:y,fetchMore:S,scrollNode:E,hasMore:I})=>m.jsx(Mk,{loadMore:S,initialLoad:!1,hasMore:I,useWindow:!1,getScrollParent:()=>E.current,children:m.jsx(v_,{children:h.map(b=>m.jsx(h_,{...b,openItemDetail:()=>y(b.userId),isCurrentUser:!!g&&g===b.userId},b.userId))})}),y_=x.styled_default("div")({name:"Container",class:"c1itm4k7",propsAsIs:!1}),b_=x.styled_default("div")({name:"IconContainer",class:"i1w4fsni",propsAsIs:!1}),w_=()=>x.r1,k_=x.styled_default(w_())({name:"InviteGameIcon",class:"i19m85r1",propsAsIs:!0}),x_=x.styled_default("div")({name:"Content",class:"c1mbu204",propsAsIs:!1}),S_=x.styled_default("div")({name:"Heading",class:"h1amdqtv",propsAsIs:!1}),C_=x.styled_default("div")({name:"Subtext",class:"s1lhlj9j",propsAsIs:!1}),__=x.styled_default("div")({name:"LinkContainer",class:"l1wot35e",propsAsIs:!1}),E_=x.styled_default("div")({name:"LinkInfo",class:"l1jdw39q",propsAsIs:!1}),T_=x.styled_default("span")({name:"LinkTitle",class:"l1cr5mk",propsAsIs:!1}),I_=x.styled_default("span")({name:"LinkAddress",class:"lvi87q4",propsAsIs:!1}),R_=()=>x.r1,L_=x.styled_default(R_())({name:"LinkIcon",class:"l1pqlvw3",propsAsIs:!0}),Q4=({inviteLink:h,inviteCardTitle:g,inviteCardSubtext:y,primaryColor:S,className:E})=>{const I=K.useRef(null),[b,P]=q4(I),[M]=_4({type:"invitation",action:"sent",payload:{from:ce.InvitationFrom.MENU}});return m.jsxs(y_,{className:E,children:[m.jsx(b_,{style:{backgroundColor:S},children:m.jsx(k_,{name:"invite-game-icon"})}),m.jsxs(x_,{children:[m.jsx(S_,{children:g||""}),m.jsx(C_,{children:y||""})]}),h&&m.jsxs(__,{ref:I,onClick:M(()=>b(h)),children:[m.jsxs(E_,{children:[m.jsx(T_,{children:"Invite link"}),m.jsx(I_,{children:h})]}),m.jsx(L_,{name:"icon-copy"})]}),P]})},N_=x.styled_default("div")({name:"InviteFriendsContainer",class:"i1xmyxez",propsAsIs:!1}),P_=({deepLink:h})=>m.jsx(N_,{children:m.jsx(Q4,{inviteLink:h,inviteCardTitle:"It’s More Fun With Friends",inviteCardSubtext:"Invite and compete against your friends for the top spot on the leaderboard."})}),z_=x.styled_default("div")({name:"InviteLinkContainer",class:"i1chxfpe",propsAsIs:!1}),j_=({gamification:h,scrollNode:g,scrollStore:y,renderClipBoardNode:S})=>{const E=K.useRef(null),{data:I,hasMore:b,loading:P,key:M}=Ot.useStore(h.leaderboardList.$store),{data:j}=Ot.useStore(h.deepLink.$store),[ee,H]=q4(E);return!I.length&&!P?m.jsx(P_,{renderClipBoardNode:S,deepLink:j}):m.jsxs(m.Fragment,{children:[m.jsx(g_,{items:I,scrollNode:g,scrollStore:y,fetchMore:h.leaderboardList.fetchMore,hasMore:b,openItemDetail:h.openUser,currentUserId:h.currentUserId.get()},M),j&&m.jsx(z_,{ref:E,children:m.jsx(XC,{onClick:()=>ee(j),title:"Invite Friends",description:"Challenge them now!"})}),H]})},A_=x.styled_default("div")({name:"QuestionItem",class:"q1w97g3p",propsAsIs:!1}),D_=x.styled_default("div")({name:"QuestionCaption",class:"q2sl39u",propsAsIs:!1}),M_=x.styled_default("div")({name:"QuestionBody",class:"qd5h0uc",propsAsIs:!1}),O_=x.styled_default("div")({name:"QuestionAction",class:"q105uluy",propsAsIs:!1}),$_=()=>x.r1,am=x.styled_default($_())({name:"QuestionActionIcon",class:"q1fa0b9h",propsAsIs:!0}),U_=()=>x.r1,F_=x.styled_default(U_())({name:"QuestionTypeIcon",class:"qxlt78s",propsAsIs:!0}),V_=x.styled_default("div")({name:"QuestionTypeLabel",class:"qmg0vkx",propsAsIs:!1}),B_=x.styled_default("div")({name:"QuestionContent",class:"q1uz5j1g",propsAsIs:!1}),H_=x.styled_default("button")({name:"PlayButton",class:"p1pba9p1",propsAsIs:!1}),W_=x.styled_default("div")({name:"SkeletonContainer",class:"s169lohr",propsAsIs:!1}),q_=()=>R4,Q_=x.styled_default(q_())({name:"SkeletonButton",class:"s1f43z3r",propsAsIs:!0}),K_={[ce.PickHistoryStatus.LOST]:m.jsx(am,{name:"incorrectVoted"}),[ce.PickHistoryStatus.WON]:m.jsx(am,{name:"icon-check"}),[ce.PickHistoryStatus.UNSET]:m.jsx(am,{name:"icon-arrow"}),[ce.PickHistoryStatus.DNP]:m.jsx(am,{name:"icon-arrow"})},G_=()=>m.jsxs(W_,{children:[m.jsx(Yi,{loading:!0,style:{width:"35%"}}),m.jsx(Yi,{loading:!0,style:{width:"70%"}}),m.jsx(Q_,{})]}),Y_=({questionId:h,questionType:g,questionStatus:y,subject:S,openForVoting:E,openQuestion:I,status:b})=>{const P=fm[g],M=K_[b];return P?m.jsxs(A_,{onClick:()=>I==null?void 0:I(h),children:[m.jsxs(B_,{children:[m.jsxs(D_,{children:[m.jsx(F_,{"data-type-trivia":g===ce.QuestionType.TRIVIA,"data-type-poll":g===ce.QuestionType.POLL,name:P.iconName}),m.jsxs(V_,{children:[P.label,g===ce.QuestionType.TRIVIA&&y===ce.QuestionStatus.RESOLVED&&" • Expired"]})]}),m.jsx(M_,{children:S||""})]}),m.jsx(O_,{children:E?m.jsx(H_,{children:"Play"}):M})]}):null},X_=x.styled_default("div")({name:"Container",class:"cll3md7",propsAsIs:!1}),Z_=x.styled_default("button")({name:"ActionBtn",class:"a10g1iik",propsAsIs:!1}),J_=({openInsight:h,questionId:g,...y})=>m.jsxs(X_,{children:[m.jsx(B4,{questionId:g,...y}),h&&m.jsx(Z_,{onClick:()=>h(g),children:"View Insight"})]}),eE=x.styled_default("button")({name:"SButton",class:"s1nve60q",propsAsIs:!1}),tE=x.styled_default("span")({name:"ButtonLabel",class:"b1xoswwx",propsAsIs:!1}),K4=({disabled:h,variant:g="primary",onClick:y,children:S,...E})=>m.jsx(eE,{onClick:y,disabled:h,"data-variant":g,...E,children:m.jsx(tE,{children:S})}),nE=x.styled_default("div")({name:"Container",class:"cl56x6b",propsAsIs:!1}),rE=()=>K4,aE=x.styled_default(rE())({name:"ActionButton",class:"a11pzf92",propsAsIs:!0}),oE=x.styled_default("blockquote")({name:"Quote",class:"q1hbaleq",propsAsIs:!1}),iE=({openTweet:h,...g})=>m.jsxs(nE,{children:[g.title&&m.jsx(oE,{children:g.title}),m.jsx(uy,{...g}),h&&m.jsx(aE,{onClick:()=>h(g.tweetId),children:"View Insight"})]}),l4=x.styled_default("div")({name:"QuestionsContainer",class:"qvghv3l",propsAsIs:!1}),lE=({questions:h,openQuestion:g,controlVideo:y})=>{const S=E=>{V4(),g(E,{openedFrom:"list"})};return h?m.jsx(l4,{children:h==null?void 0:h.map(E=>{var I,b,P;if(E.type==="question"&&((I=E.attributes)==null?void 0:I.attributes.case)==="question"){const M=E.attributes.attributes.value;return m.jsx(Y_,{openQuestion:S,...M},M.questionId)}if(E.type==="insight"&&((b=E.attributes)==null?void 0:b.attributes.case)==="insight"){const M=E.attributes.attributes.value;return m.jsx(J_,{openInsight:S,controlVideo:y,...M},M.questionId)}if(E.type==="tweet"&&((P=E.attributes)==null?void 0:P.attributes.case)==="tweet"){const M=E.attributes.attributes.value,j=E.attributes.id;return m.jsx(iE,{openTweet:S,controlVideo:y,...M,tweetId:j},j)}return null})}):m.jsx(l4,{children:Array.from({length:5}).map((E,I)=>m.jsx(G_,{},I))})},sE=({store:h,openQuestion:g})=>{const{sdk:y}=iy(),S=Ot.useStore(h);return m.jsx(lE,{openQuestion:g,questions:S.data,controlVideo:y==null?void 0:y.controlVideoPlayer})},uE=({userSummary:h})=>{var g;const[y,S]=K.useState(void 0);return K.useEffect(()=>{const E=h.subscribe(I=>{I!=null&&I.data&&S(I.data)});return()=>{E()}},[h]),m.jsx(N4,{loading:!(y!=null&&y.summary),...y==null?void 0:y.summary,successRate:(g=y==null?void 0:y.percentage)==null?void 0:g.correct})},cE=({gamification:h,className:g,scrollStore:y,scrollNode:S,appNode:E,style:I,responsiveStore:b,headerNode:P})=>{const{tabsShown:M}=Ot.useStore(y,{keys:["tabsShown"]}),[j,ee]=K.useState(um.HOME),[,H]=K.useTransition(),{sdkInDesktopView:z,screen:B}=Ot.useStore(b,{keys:["sdkInDesktopView"]}),Y=se=>{H(()=>{var ue;ee(se),z===!1&&(((ue=E.current)==null?void 0:ue.getBoundingClientRect().y)||0)<0&&cy(E,B.size,{behavior:"instant"})})};K.useEffect(()=>y.listen(se=>{if(se.scrollPosition===0){y.setKey("tabsShown",!0);return}b.get().sdkInDesktopView?y.setKey("tabsShown",se.scrollDirection==="backward"):y.setKey("tabsShown",se.scrollDirection==="forward")}),[y,b]);let le="0px";z?le=M?"0px":"calc(8px - var(--header-height) - var(--header-offset))":le=M?"calc(var(--header-height) + var(--header-offset) - 2px)":"0px";const X=z?E:P;return m.jsxs(Hk,{className:g,style:I,children:[m.jsx(Kk,{style:{top:le},children:m.jsx(OC,{activePage:j,toggleActivePage:Y})}),j===um.HOME&&m.jsxs(m.Fragment,{children:[m.jsx(dm,{style:{paddingTop:"8px"},children:m.jsx(Gk,{children:m.jsx(uE,{userSummary:h.userSummary})})}),m.jsx(T4,{style:{flex:1},children:m.jsx(sE,{openQuestion:h.openQuestion,store:h.feedList.getStore()})})]}),j===um.LEADERBOARD&&m.jsx(qk,{children:m.jsx(j_,{renderClipBoardNode:X,scrollStore:y,scrollNode:S,gamification:h})})]})},dE=()=>Wp,s4=x.styled_default(dE())({name:"OpenedContainer",class:"oar61gl",propsAsIs:!0}),fE=x.styled_default("div")({name:"UserContainer",class:"u14zaal4",propsAsIs:!1}),pE=({correct:h,incorrect:g})=>{const y=h+g;return y===0?0:Math.round(h/y*100)},mE=({gamification:h,scrollStore:g,className:y,appNode:S,scrollNode:E,headerNode:I,responsiveStore:b})=>m.jsx(cE,{appNode:S,headerNode:I,scrollStore:g,scrollNode:E,className:y,gamification:h,responsiveStore:b}),hE=({gamification:h,className:g,appNode:y,responsiveStore:S})=>{var E;const I=Ot.useStore(h.openedQuestion.$store),b=Ot.useStore(h.openedUser),{sdkInDesktopView:P}=Ot.useStore(S,{keys:["sdkInDesktopView"]}),M=(((E=y.current)==null?void 0:E.getBoundingClientRect().y)||0)<0;if(!y.current||!I&&!b)return null;const j=I?m.jsx(s4,{className:g,children:m.jsx(LC,{gamification:h})}):b?m.jsx(s4,{className:g,children:m.jsxs(fE,{children:[m.jsx(I4,{label:"Friend's Rank",close:h.closeUser}),m.jsx(dm,{children:m.jsx(N4,{...b,successRate:pE(b)})})]})}):null;return m.jsx(O4,{container:y,useContainer:!P,fixedView:M,children:j})},vE=K.lazy(()=>Promise.resolve().then(()=>require("./gamification-feature.js"))),gE=({sdk:h,feature:g,className:y,scrollStore:S,appNode:E,scrollNode:I,headerNode:b,responsiveStore:P})=>{const M=K.useMemo(()=>g&&g.featureConfig.get().type===ce.FeatureType.GAMES?m.jsx(Fk,{className:y,sdk:h,feature:g,children:m.jsx(vE,{appNode:E,scrollStore:S,scrollNode:I,headerNode:b,className:y,responsiveStore:P,gamification:g})}):null,[h,g,y,P,S,I,E,b]);return m.jsx(K.Suspense,{fallback:m.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"page loading..."}),children:M})},yE=({feature:h,className:g,appNode:y,responsiveStore:S})=>h&&h.featureConfig.get().type===ce.FeatureType.GAMES?m.jsx(hE,{className:g,appNode:y,responsiveStore:S,gamification:h}):null,bE=x.styled_default("button")({name:"SButton",class:"sxxa0c",propsAsIs:!1}),wE=x.styled_default("span")({name:"ButtonIcon",class:"b193dcyu",propsAsIs:!1}),kE=x.styled_default("span")({name:"ButtonLabel",class:"b40tuix",propsAsIs:!1}),xE="s14xk0af",SE="ha3mg7c",CE="h103yr45",G4=({disabled:h,active:g,onClick:y,label:S,icon:E,id:I})=>m.jsx(bE,{onClick:y,disabled:h,className:x.cx_default(g&&xE,!g&&(I==="channels"||I==="featuredGroups")&&SE,!g&&I==="leaderboard"&&CE),children:m.jsxs(m.Fragment,{children:[E&&m.jsx(wE,{children:E}),m.jsx(kE,{children:S})]})}),_E=()=>x.r1,EE=x.styled_default(_E())({name:"ButtonIcon",class:"b1whzxvd",propsAsIs:!0}),Gi="channels",TE=h=>{var g;return m.jsx(G4,{...h,id:"channels",label:"Channels",icon:m.jsx(EE,{name:"icon-btn-channels","data-selected":(g=h.active)==null?void 0:g.toString()})})},IE=()=>x.r1,RE=x.styled_default(IE())({name:"ButtonIcon",class:"b11des7c",propsAsIs:!0}),es="featuredGroups",LE=h=>{var g;return m.jsx(G4,{...h,label:h.labelFull?"Featured Groups +":"FG+",id:"featuredGroups",icon:m.jsx(RE,{name:"icon-btn-feature-groups","data-selected":(g=h.active)==null?void 0:g.toString()})})},NE="leaderboard",PE=x.styled_default("div")({name:"Buttons",class:"b6tbwuy",propsAsIs:!1}),zE=({children:h,className:g})=>m.jsx(PE,{className:g,children:h}),jE=x.styled_default("div")({name:"Navigation",class:"n19lpak2",propsAsIs:!1}),AE=()=>zE,DE=x.styled_default(AE())({name:"NavigationItems",class:"n1w473c2",propsAsIs:!0}),ME=K.forwardRef(({activeOverlay:h,setActiveOverlay:g,scrollToTop:y,sdkReady:S,className:E,responsiveStore:I},b)=>{const{screen:P}=Ot.useStore(I,{keys:["screen"]});return m.jsxs(jE,{className:E,children:[m.jsxs(DE,{children:[m.jsx(TE,{active:h===Gi,onClick:()=>{g(Gi),h!==Gi&&y()}}),m.jsx(LE,{active:h===es,disabled:!S,onClick:()=>{g(es),h!==es&&y()},labelFull:P.size>=jt.O.md&&P.size<jt.O.xl})]}),m.jsx("div",{ref:b})]})}),OE=x.styled_default("div")({name:"InsightContainer",class:"i1pqqgpo",propsAsIs:!1}),$E=x.styled_default("img")({name:"Image",class:"igj7luu",propsAsIs:!1}),UE=x.styled_default("div")({name:"ImageContainer",class:"i1qne9g6",propsAsIs:!1}),FE=x.styled_default("div")({name:"InsightContent",class:"itpr98r",propsAsIs:!1}),VE=x.styled_default("h3")({name:"Title",class:"t17iaqp8",propsAsIs:!1}),BE=x.styled_default("div")({name:"Description",class:"d16t3y7s",propsAsIs:!1}),HE=x.styled_default("button")({name:"ActionBtn",class:"a12495er",propsAsIs:!1}),WE=({video:h,image:g,imageMode:y,heading:S,body:E,action:I,controlVideo:b})=>m.jsxs(OE,{children:[(h==null?void 0:h.url)&&m.jsx(sy,{source:h.url,poster:h.thumbnailUrl,controlVideo:b}),g&&!(h!=null&&h.url)&&m.jsx(UE,{"data-rounded":y===ce.QuestionImages.ROUNDED,children:m.jsx($E,{src:g,alt:S})}),m.jsxs(FE,{children:[m.jsx(VE,{children:S}),m.jsx(BE,{children:E}),I&&m.jsx(HE,{onClick:I,children:"View Insight"})]})]}),qE=x.styled_default("div")({name:"Container",class:"c1eptrjd",propsAsIs:!1}),QE=x.styled_default("div")({name:"CloseIconWrap",class:"crylm65",propsAsIs:!1}),KE=()=>x.r1,GE=x.styled_default(KE())({name:"CloseIcon",class:"c9mrcz7",propsAsIs:!0}),YE=x.styled_default("div")({name:"Header",class:"hw3lzv4",propsAsIs:!1}),XE=()=>x.r1,ZE=x.styled_default(XE())({name:"TypeIcon",class:"t1rrb3kf",propsAsIs:!0}),JE=x.styled_default("span")({name:"TypeName",class:"t1ydnjov",propsAsIs:!1}),eT=x.styled_default("div")({name:"Question",class:"qlf90cl",propsAsIs:!1}),tT=x.styled_default("button")({name:"AnswerButton",class:"a1e0nhcl",propsAsIs:!1}),nT=x.styled_default("div")({name:"Container",class:"c1t4f0x4",propsAsIs:!1}),rT=x.styled_default("button")({name:"ActionBtn",class:"a16w1nl6",propsAsIs:!1}),aT=x.styled_default("div")({name:"QuoteWrap",class:"q14u54rf",propsAsIs:!1}),oT=x.styled_default("blockquote")({name:"Quote",class:"q1hxm6zo",propsAsIs:!1}),iT=({action:h,...g})=>m.jsxs(nT,{children:[g.title&&m.jsx(aT,{children:m.jsx(oT,{children:g.title})}),m.jsx(uy,{...g}),h&&m.jsx(rT,{onClick:h,children:"View Insight"})]}),u4=({close:h,action:g,controlVideo:y,data:{questionType:S,question:E,insight:I,tweet:b}})=>{const P=fm[S];return P?m.jsxs(qE,{style:S===ce.QuestionType.TWEET?{paddingTop:"12px"}:{},children:[m.jsx(QE,{onClick:h,children:m.jsx(GE,{name:"icon-cross"})}),S!==ce.QuestionType.TWEET&&m.jsxs(YE,{children:[m.jsx(ZE,{"data-type-trivia":S===ce.QuestionType.TRIVIA,"data-type-poll":S===ce.QuestionType.POLL,name:P.iconName}),m.jsx(JE,{children:P.label})]}),S===ce.QuestionType.FACTOID&&I&&m.jsx(WE,{...I,action:g,controlVideo:y}),S===ce.QuestionType.TWEET&&b&&m.jsx(iT,{...b,action:g,controlVideo:y}),S!==ce.QuestionType.FACTOID&&S!==ce.QuestionType.TWEET&&m.jsxs(m.Fragment,{children:[m.jsx(eT,{children:E==null?void 0:E.title}),m.jsx(tT,{onClick:g,children:"Answer"})]})]}):null},wd=x.styled_default("div")({name:"BGWrap",class:"b1dqe0sz",propsAsIs:!1}),ra=x.styled_default("div")({name:"BGLineBase",class:"b1v6w7ni",propsAsIs:!1}),lT=()=>ra,sT=x.styled_default(lT())({name:"BGOneLineOne",class:"b2nqb1p",propsAsIs:!0}),uT=()=>ra,cT=x.styled_default(uT())({name:"BGOneLineTwo",class:"b1xxgmbk",propsAsIs:!0}),dT=()=>ra,fT=x.styled_default(dT())({name:"BGOneLineThree",class:"b63lwcb",propsAsIs:!0}),pT=()=>ra,c4=x.styled_default(pT())({name:"BGTwoLineOne",class:"b2iah4",propsAsIs:!0}),mT=()=>ra,d4=x.styled_default(mT())({name:"BGTwoLineTwo",class:"b1xezvf6",propsAsIs:!0}),hT=()=>ra,f4=x.styled_default(hT())({name:"BGTwoLineThree",class:"b1jz1hg0",propsAsIs:!0}),vT=()=>ra,p4=x.styled_default(vT())({name:"BGThreeLineOne",class:"b18ho1tk",propsAsIs:!0}),gT=()=>ra,m4=x.styled_default(gT())({name:"BGThreeLineTwo",class:"b14uvjfm",propsAsIs:!0}),yT=()=>ra,h4=x.styled_default(yT())({name:"BGThreeLineThree",class:"b11c3ns7",propsAsIs:!0}),bT=()=>ra,v4=x.styled_default(bT())({name:"BGThreeLineFour",class:"b1bqhhet",propsAsIs:!0}),wT=()=>ra,kT=x.styled_default(wT())({name:"BGFourLineOne",class:"b1xyzi7o",propsAsIs:!0}),xT=()=>ra,ST=x.styled_default(xT())({name:"BGFourLineTwo",class:"byo0rup",propsAsIs:!0}),CT=()=>ra,_T=x.styled_default(CT())({name:"BGFourLineThree",class:"b1oyiqgv",propsAsIs:!0}),ET=()=>ra,TT=x.styled_default(ET())({name:"BGFourLineFour",class:"bx3ddqw",propsAsIs:!0}),IT=({step:h,correct:g})=>m.jsxs(m.Fragment,{children:[m.jsxs(wd,{"data-active":h===1,"data-first-screen":"true",children:[m.jsx(sT,{}),m.jsx(cT,{}),m.jsx(fT,{})]}),m.jsxs(wd,{"data-active":h===2,children:[m.jsx(c4,{}),m.jsx(d4,{}),m.jsx(f4,{})]}),m.jsxs(wd,{"data-active":h===3,children:[m.jsx(c4,{}),m.jsx(d4,{}),m.jsx(f4,{})]}),g?m.jsxs(m.Fragment,{children:[m.jsxs(wd,{"data-active":h===4,"data-correct":"true",children:[m.jsx(p4,{}),m.jsx(m4,{}),m.jsx(h4,{}),m.jsx(v4,{})]}),m.jsxs(wd,{"data-active":h===5,"data-correct":"true",children:[m.jsx(p4,{}),m.jsx(m4,{}),m.jsx(h4,{}),m.jsx(v4,{})]})]}):m.jsxs(wd,{"data-active":h===4,"data-correct":"false",children:[m.jsx(kT,{}),m.jsx(ST,{}),m.jsx(_T,{}),m.jsx(TT,{})]})]}),RT=118,LT=()=>Wp,NT=x.styled_default(LT())({name:"Container",class:"c10131zw",propsAsIs:!0}),PT=x.styled_default("div")({name:"InnerContainer",class:"ir6k2eo",propsAsIs:!1}),kd=x.styled_default("div")({name:"Content",class:"c1hwoq9l",propsAsIs:!1}),Bp=x.styled_default("div")({name:"Title",class:"t4ujo4g",propsAsIs:!1}),zT=()=>Bp,jT=x.styled_default(zT())({name:"PointsTitle",class:"p1pjil1h",propsAsIs:!0}),om=x.styled_default("div")({name:"Subtitle",class:"s1iorwr9",propsAsIs:!1}),g4=x.styled_default("div")({name:"SubtitleFG",class:"s51sv9d",propsAsIs:!1}),im=x.styled_default("div")({name:"AnswerText",class:"a1lbk2ye",propsAsIs:!1}),AT=()=>x.r1,Xg=x.styled_default(AT())({name:"FeedbackIcon",class:"frcvk3t",propsAsIs:!0}),y4=x.styled_default("div")({name:"CloseIconWrap",class:"c33p82r",propsAsIs:!1}),DT=()=>x.r1,b4=x.styled_default(DT())({name:"CloseIcon",class:"c12r9net",propsAsIs:!0}),MT="data:image/svg+xml,%3csvg%20width='154'%20height='37'%20viewBox='0%200%20154%2037'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M70.9776%2030.8796L74.668%2018.1381C75.0696%2016.7473%2076.1186%2015.6318%2077.4936%2015.1371L77.5928%2014.7217H72.466L63.7623%2024.9662L60.431%2014.7217H55.7389L55.6255%2015.1371C56.4288%2015.5291%2056.8683%2016.7052%2056.8683%2017.662V17.7227C56.8683%2023.1787%2052.781%2032.5598%2047.0352%2032.5598C44.8002%2032.5598%2043.6425%2031.0009%2043.6425%2029.7035C43.6425%2028.1306%2044.975%2027.0105%2046.3831%2027.0105C47.744%2027.0105%2047.9519%2027.5099%2048.741%2027.5099C49.2182%2027.5099%2049.6766%2027.2672%2049.9081%2026.8518C50.2672%2026.1984%2049.9931%2025.4049%2049.3363%2025.0922L48.9772%2024.9242C45.6271%2023.3327%2041.7383%2025.7457%2041.7383%2029.4188V29.4701C41.7383%2032.1444%2043.8646%2034.38%2046.5674%2034.4733C53.5417%2034.716%2058.2055%2025.4236%2058.9473%2018.6188L59.486%2020.4577L62.2313%2028.5927H63.2709L71.8518%2018.4741L68.2512%2030.8936C67.8401%2032.3171%2066.6966%2033.4232%2065.2412%2033.7966L65.142%2034.212H72.0408L72.1542%2033.7966C71.1383%2033.2039%2070.6516%2032.0044%2070.9776%2030.8796Z'%20fill='white'/%3e%3cpath%20d='M88.2952%2021.6521H88.2385C85.016%2021.6568%2081.5571%2021.9648%2079.7143%2027.1361C78.1692%2031.4813%2077.7487%2033.2828%2076.539%2033.2828C75.7641%2033.2828%2075.9531%2031.794%2074.7954%2031.794C74.2709%2031.794%2073.7275%2032.2094%2073.6897%2032.8068C73.6236%2033.8429%2075.0317%2034.4683%2076.0949%2034.4683C79.3316%2034.4683%2080.5696%2032.1347%2080.9759%2031.0472C81.0279%2030.9072%2081.3162%2030.1371%2081.6517%2029.2317H85.0538L84.4773%2031.3273C84.1749%2032.4334%2083.5464%2033.3388%2082.488%2033.8009L82.3982%2034.2163H87.9597L88.0637%2033.8009C87.3124%2033.1848%2086.9816%2032.2%2087.2273%2031.2853L89.3206%2023.4257C89.4812%2022.8236%2089.9018%2022.3242%2090.4783%2022.0628L90.568%2021.6475H88.7536H88.2952V21.6521ZM85.3231%2028.2189H82.0202C82.3935%2027.2108%2082.7526%2026.2493%2082.8755%2025.9366C83.7118%2023.757%2085.2995%2022.8749%2086.8399%2022.7536L86.8257%2022.7676L85.3231%2028.2189Z'%20fill='white'/%3e%3cpath%20d='M116.358%2022.5486C116.538%2022.2545%20116.708%2021.8112%20116.708%2021.5591C116.732%2021.0877%20116.297%2020.7237%20115.829%2020.8217C115.456%2020.9011%20115.187%2021.2324%20115.191%2021.6058C115.196%2021.9978%20115.12%2022.4226%20114.95%2022.6279C114.558%2023.104%20113.934%2023.062%20111.062%2022.2452V22.2405C110.797%2022.1659%20110.509%2022.0819%20110.206%2021.9978C110.187%2021.9932%20110.173%2021.9885%20110.159%2021.9838C108.723%2021.6011%20106.941%2021.2464%20105.774%2021.8205C105.765%2021.8252%20105.755%2021.8298%20105.746%2021.8345C104.602%2022.3992%20103.808%2023.4727%20103.567%2024.7142C103.53%2024.8962%20103.506%2025.0455%20103.501%2025.0969C103.468%2025.7456%20104.068%2026.2544%20104.711%2026.1143C105.235%2026.0023%20105.604%2025.5403%20105.59%2025.0129C105.58%2024.4808%20105.472%2023.7667%20105.765%2023.286C106.237%2022.6279%20106.729%2022.5812%20108.935%2023.3047L106.544%2031.323C106.214%2032.4291%20105.406%2033.3345%20104.338%2033.7966L104.238%2034.212H109.961L110.074%2033.7966C109.337%2033.1852%20109.03%2032.1957%20109.299%2031.2809L111.392%2024.0561C112.309%2024.2428%20113.24%2024.2941%20114.147%2024.0374L114.473%2023.9441C115.196%2023.7527%20115.943%2023.2347%20116.358%2022.5486Z'%20fill='white'/%3e%3cpath%20d='M118.649%2021.6523L118.536%2022.0677C119.245%2022.5531%20119.561%2023.4259%20119.335%2024.2427L117.208%2031.3228C116.877%2032.429%20116.069%2033.3344%20115.002%2033.7964L114.902%2034.2118H117.931H118.21H125.18L126.101%2030.8934H125.666L125.51%2031.2108C124.934%2032.3963%20123.72%2033.1524%20122.382%2033.1524H119.429L121.003%2027.5937H122.259C123.105%2027.5937%20123.743%2028.3545%20123.582%2029.1759H124.012L125.043%2025.4188H124.613C124.362%2026.1142%20123.696%2026.5763%20122.949%2026.5809H121.291L122.382%2022.7258L125.515%2022.7211C126.536%2022.7211%20127.301%2023.6452%20127.098%2024.6347H127.528L128.35%2021.6523H118.649Z'%20fill='white'/%3e%3cpath%20d='M138.251%2021.6582H131.333L131.22%2022.0736C131.881%2022.5263%20132.207%2023.3197%20132.056%2024.0898L129.892%2031.324C129.561%2032.4301%20128.753%2033.3356%20127.685%2033.7976L127.586%2034.213H133.303L133.417%2033.7976C132.68%2033.1862%20132.373%2032.2014%20132.637%2031.282L133.686%2027.5949H134.126C134.787%2027.5949%20135.34%2028.085%20135.416%2028.7337C135.439%2028.9437%20135.77%2031.506%20136.035%2032.3881C136.379%2033.5409%20136.833%2034.213%20137.868%2034.213H140.453L140.552%2033.7976L140.183%2033.5829C139.451%2033.1536%20138.922%2032.4908%20138.685%2031.6087C138.463%2030.7779%20138.043%2029.2284%20137.84%2028.4117C137.736%2027.9916%20137.202%2027.5996%20136.654%2027.5996H137.523C139.087%2027.5996%20140.457%2026.5681%20140.878%2025.0839C141.365%2023.3617%20140.056%2021.6582%20138.251%2021.6582ZM138.369%2024.6872C138.029%2025.812%20136.98%2026.5868%20135.789%2026.5868H133.974L135.071%2022.7317H136.89C137.925%2022.727%20138.662%2023.7118%20138.369%2024.6872Z'%20fill='white'/%3e%3cpath%20d='M100.265%2022.2961C100.081%2022.2961%2099.6794%2022.1701%2099.0651%2021.9181C98.4508%2021.6661%2097.8318%2021.54%2097.2034%2021.54C95.904%2021.54%2094.8219%2021.9554%2093.9336%2022.8422C93.1964%2023.5796%2092.8704%2024.401%2092.8704%2025.1105C92.8704%2025.8665%2093.3193%2026.7533%2094.2124%2027.4721C95.0582%2028.1488%2095.937%2028.8022%2096.8206%2029.465C97.7468%2030.1977%2098.2098%2030.8745%2098.2098%2031.4252C98.2098%2032.634%2097.416%2033.2828%2095.7669%2033.2828C94.0942%2033.2828%2092.9366%2032.074%2092.568%2029.8057H92.1144L90.8008%2034.2162H91.226C91.7694%2033.8382%2092.1569%2033.6001%2092.946%2033.6001C93.6973%2033.6001%2094.5006%2034.4729%2096.2158%2034.4729C97.5814%2034.4729%2098.6682%2034.1929%2099.5943%2033.2781C100.383%2032.4753%20100.776%2031.3552%20100.776%2030.4404C100.776%2029.591%20100.237%2028.6062%2099.2966%2027.8921C98.4886%2027.2807%2097.6286%2026.7347%2096.7923%2026.1419C95.8898%2025.4792%2095.4362%2024.9144%2095.4362%2024.2937C95.4362%2023.9483%2095.611%2023.6076%2095.9559%2023.2622C96.3954%2022.8282%2096.986%2022.7302%2097.7751%2022.7302C99.3581%2022.7302%20100.464%2023.5983%20100.558%2025.4325H100.974L102.08%2021.5447H101.664C101.215%2022.0441%20100.752%2022.2961%20100.265%2022.2961Z'%20fill='white'/%3e%3cpath%20d='M149.201%2022.7304C150.784%2022.7304%20151.89%2023.6032%20151.984%2025.4327H152.4L153.501%2021.5449H153.085C152.646%2022.049%20152.182%2022.301%20151.696%2022.301C151.512%2022.301%20151.11%2022.175%20150.496%2021.923C149.881%2021.6709%20149.262%2021.5449%20148.634%2021.5449C147.334%2021.5449%20146.252%2021.9603%20145.364%2022.8471C144.627%2023.5845%20144.296%2024.4059%20144.296%2025.1153C144.296%2025.8714%20144.745%2026.7582%20145.638%2027.477C146.484%2028.1537%20147.363%2028.8071%20148.246%2029.4699C149.173%2030.2026%20149.636%2030.8794%20149.636%2031.4301C149.636%2032.6389%20148.842%2033.2876%20147.193%2033.2876C145.52%2033.2876%20144.362%2032.0788%20143.994%2029.8106H143.54L142.227%2034.2211H142.642C143.186%2033.843%20143.573%2033.605%20144.358%2033.605C145.109%2033.605%20145.912%2034.4778%20147.627%2034.4778C148.993%2034.4778%20150.075%2034.1978%20151.006%2033.283C151.795%2032.4802%20152.187%2031.3601%20152.187%2030.4453C152.187%2029.6005%20151.649%2028.6111%20150.708%2027.897C149.9%2027.2856%20149.04%2026.7395%20148.204%2026.1468C147.301%2025.4841%20146.848%2024.9193%20146.848%2024.2986C146.848%2023.9532%20147.023%2023.6125%20147.368%2023.2671C147.826%2022.8237%20148.412%2022.7304%20149.201%2022.7304Z'%20fill='white'/%3e%3cpath%20d='M26.5433%202.60035C26.0377%202.44633%2025.5321%202.72169%2025.0265%203.00173C24.8469%203.09974%2024.7194%203.27243%2024.6768%203.46845L23.883%207.13222C23.8547%207.26757%2023.9775%207.38891%2024.1145%207.36091C24.9509%207.17422%2025.7447%206.4508%2026.5811%206.70283C27.5167%206.98753%2028.4522%205.81606%2029.3878%205.83006V1.60156C28.4475%201.60623%2027.4789%202.88505%2026.5433%202.60035Z'%20fill='white'/%3e%3cpath%20d='M38.4856%2013.8398C38.2871%2013.7044%2038.1643%2013.4851%2038.1643%2013.2471V12.5796C38.1643%2011.9822%2037.6729%2011.4922%2037.0633%2011.4922H36.6239C36.0994%2011.4922%2035.6174%2011.7536%2035.3339%2012.1876L33.9164%2014.3485C33.7746%2014.5632%2033.5383%2014.6892%2033.2832%2014.6892H32.3287C31.8562%2014.6892%2031.4215%2014.9459%2031.1947%2015.3566C30.9631%2015.7814%2030.552%2016.0754%2030.0843%2016.1734V1.1403C30.0843%200.94894%2029.9283%200.794922%2029.7346%200.794922C29.5409%200.794922%2029.3849%200.94894%2029.3849%201.1403V1.60702V5.83552V16.1827C28.9171%2016.0847%2028.506%2015.7907%2028.2745%2015.3613C28.0524%2014.9506%2027.6177%2014.6939%2027.1405%2014.6939H26.4979C25.9875%2014.6939%2025.5292%2014.9879%2025.3213%2015.45L24.7873%2016.6308C24.7023%2016.8175%2024.5133%2016.9388%2024.3054%2016.9388C24.0975%2016.9388%2023.9085%2016.8175%2023.8234%2016.6308L23.2895%2015.45C23.0816%2014.9926%2022.6232%2014.6939%2022.1129%2014.6939H4.00135C3.85487%2014.6939%203.73674%2014.8106%203.73674%2014.9553C3.73674%2015.2633%203.48158%2015.5107%203.17444%2015.5107H2.39007C2.24359%2015.5107%202.12546%2015.6273%202.12546%2015.772V16.6728C2.12546%2017.5176%201.96008%2018.339%201.62931%2019.1184L1.15207%2020.2526C0.707907%2021.3027%200.5%2022.3901%200.5%2023.4589V26.0726C0.5%2026.7773%200.603954%2027.4914%200.811861%2028.1868C1.39306%2030.1377%202.7161%2031.7339%204.53529%2032.6767L7.43182%2034.1842C7.46962%2034.2029%207.51214%2034.2122%207.55467%2034.2122L9.69517%2034.2309C10.196%2034.2355%2010.6875%2034.3616%2011.1269%2034.6043L12.2751%2035.239C12.3129%2035.2623%2012.3602%2035.2717%2012.4074%2035.2717H13.9431C14.4818%2035.2717%2015.0157%2035.4163%2015.474%2035.6917C15.474%2035.6917%2016.2253%2036.1444%2016.4805%2036.2891C16.8869%2036.5225%2017.3783%2036.7465%2018.2335%2036.7932C18.4273%2036.8025%2018.621%2036.7325%2018.7675%2036.5972C18.9092%2036.4618%2018.9943%2036.2704%2018.9943%2036.0791V35.0616C18.9943%2034.3242%2019.4337%2033.6521%2020.1189%2033.3581L22.4673%2032.3406C22.7886%2032.2006%2023.1477%2032.1773%2023.4832%2032.28L24.3621%2032.5367C24.7354%2032.644%2025.1323%2032.6487%2025.5056%2032.5367L27.5846%2031.9253C27.8587%2031.8459%2028.1517%2031.8459%2028.4304%2031.9299L29.2763%2032.1633C29.6684%2032.2706%2029.9472%2032.6347%2029.9472%2033.0361V35.071C29.9472%2036.0184%2030.7269%2036.7932%2031.6861%2036.7932C32.4043%2036.7932%2033.0328%2036.3405%2033.2501%2035.6637C33.6423%2034.4456%2033.8408%2033.1761%2033.8408%2031.8973V31.0292C33.8408%2030.4131%2034.1006%2029.8204%2034.5543%2029.3956L35.419%2028.5882C36.0002%2028.0421%2036.3356%2027.2674%2036.3356%2026.474V21.6481C36.3356%2020.9013%2036.5625%2020.1779%2036.9972%2019.5618C37.0302%2019.5198%2037.0444%2019.4638%2037.0444%2019.4125V18.2737C37.0444%2017.5316%2037.2712%2016.8128%2037.6965%2016.2014L38.5517%2014.9739C38.5848%2014.9319%2038.599%2014.8806%2038.599%2014.8246V14.0545C38.6037%2013.9098%2038.5139%2013.8585%2038.4856%2013.8398ZM30.0843%2025.2838C30.6654%2025.3725%2031.1002%2025.6665%2031.1002%2026.0212C31.1002%2026.3759%2030.6702%2026.67%2030.0843%2026.7587V25.2838ZM5.22516%2032.4433L4.78572%2032.2146C3.59026%2031.5939%202.63577%2030.6698%201.9837%2029.545V28.1355C2.73028%2029.2043%203.74619%2030.1144%204.98891%2030.7631L5.22516%2030.8845V32.4433ZM7.43654%2033.5961L6.2647%2032.9894V31.4305L7.43182%2032.0373H7.43654V33.5961ZM12.3129%2034.6556L11.3868%2034.1422C10.8812%2033.8622%2010.3142%2033.7128%209.73297%2033.7035V32.0793C10.2197%2032.0886%2010.7016%2032.2146%2011.1269%2032.448L12.2751%2033.0827C12.2846%2033.0874%2012.2987%2033.0874%2012.3129%2033.0921V34.6556ZM18.4603%2035.0616V35.8551V36.0791C18.4603%2036.1304%2018.4367%2036.1818%2018.3989%2036.2191C18.3611%2036.2564%2018.3139%2036.2705%2018.2619%2036.2705C17.52%2036.2331%2017.0948%2036.0418%2016.7498%2035.8411C16.4994%2035.6964%2015.7528%2035.2483%2015.7481%2035.2483C15.2803%2034.9683%2014.7511%2034.8143%2014.2077%2034.7723V33.1387C14.6519%2033.1808%2015.0866%2033.3114%2015.474%2033.5401L16.1214%2033.9228C16.8302%2034.3429%2017.6382%2034.5809%2018.4603%2034.6276V35.0616ZM24.8582%2032.0886C24.7448%2032.084%2024.6267%2032.0653%2024.5133%2032.0326L23.6344%2031.7713C23.4454%2031.7152%2023.2517%2031.6966%2023.0579%2031.6966V30.0677C23.1997%2030.0677%2023.3414%2030.0817%2023.4832%2030.1237L24.3621%2030.3804C24.5227%2030.4271%2024.6928%2030.4504%2024.8582%2030.4598V32.0886ZM30.363%2032.4807C30.1929%2032.0886%2029.8574%2031.7759%2029.4275%2031.6592L28.5864%2031.4259C28.3879%2031.3652%2028.18%2031.3419%2027.9721%2031.3419V29.7177C28.1328%2029.713%2028.2934%2029.7317%2028.4493%2029.783L29.1392%2029.9977C29.8716%2030.2264%2030.363%2030.8891%2030.363%2031.6452V32.4807ZM32.787%2035.365C32.7729%2035.4117%2032.7634%2035.4584%2032.7492%2035.505C32.6028%2035.9624%2032.1775%2036.2658%2031.6955%2036.2658C31.653%2036.2658%2031.6105%2036.2564%2031.568%2036.2518V34.6323C31.601%2034.6369%2031.6294%2034.6416%2031.6625%2034.6416C32.135%2034.6416%2032.565%2034.3802%2032.7918%2033.9835V35.365H32.787ZM37.3232%2015.0486C36.794%2015.8047%2036.5152%2016.6915%2036.5152%2017.6109V18.4137L36.1041%2019.0017C35.5702%2019.7625%2035.2867%2020.6539%2035.2867%2021.578V25.6245C35.2867%2026.2779%2035.0126%2026.9173%2034.5306%2027.3654L33.6659%2028.1775C33.0847%2028.7236%2032.7634%2029.489%2032.787%2030.2824L32.7918%2030.4644C32.8248%2031.5146%2032.6878%2032.56%2032.3901%2033.5681C32.2956%2033.8902%2031.9932%2034.1142%2031.6577%2034.1142C31.2372%2034.1142%2030.8923%2033.7782%2030.8923%2033.3581V31.6452C30.8923%2030.6558%2030.2496%2029.7923%2029.2952%2029.4983L28.6053%2029.2836C28.2225%2029.1669%2027.8209%2029.1623%2027.4334%2029.2743L25.3544%2029.881C25.0803%2029.9604%2024.7873%2029.9604%2024.5133%2029.881L23.6344%2029.6243C23.1808%2029.489%2022.6894%2029.5217%2022.2547%2029.7083L20.4071%2030.5111C19.2258%2031.0245%2018.4651%2032.1773%2018.4651%2033.4515V34.1095C17.7374%2034.0675%2017.0286%2033.8528%2016.4002%2033.4795L15.7528%2033.0967C15.2047%2032.7747%2014.581%2032.602%2013.9431%2032.602H12.4736L11.3868%2031.9999C10.8717%2031.7152%2010.2905%2031.5659%209.69989%2031.5612L7.62082%2031.5472L5.23461%2030.3057C1.61514%2028.4249%200.0700101%2024.1917%201.64349%2020.4579L2.12073%2019.3238C2.47512%2018.4837%202.6594%2017.5922%202.6594%2016.6775V16.0427H3.17444C3.68476%2016.0427%204.11948%2015.6927%204.2376%2015.2213H22.1176C22.4153%2015.2213%2022.6894%2015.394%2022.8075%2015.6647L23.3414%2016.8455C23.5115%2017.2235%2023.8896%2017.4662%2024.3101%2017.4662C24.7259%2017.4662%2025.1087%2017.2235%2025.2788%2016.8455L25.8127%2015.66C25.9356%2015.3893%2026.2049%2015.2166%2026.5026%2015.2166H27.1452C27.424%2015.2166%2027.6791%2015.366%2027.8114%2015.6087C28.1375%2016.2061%2028.7234%2016.6075%2029.3897%2016.7148V24.145C28.317%2024.2617%2027.4949%2024.8918%2027.4949%2025.6572C27.4949%2026.5066%2028.4966%2027.1927%2029.7346%2027.1927C30.9726%2027.1927%2031.9743%2026.5066%2031.9743%2025.6572C31.9743%2024.8918%2031.1521%2024.257%2030.0795%2024.145V16.7101C30.7458%2016.6028%2031.3317%2016.2014%2031.6577%2015.604C31.79%2015.3613%2032.0452%2015.212%2032.324%2015.212H33.2785C33.7179%2015.212%2034.1195%2014.9926%2034.3605%2014.6286L35.7781%2012.4676C35.9624%2012.1829%2036.2789%2012.0149%2036.6239%2012.0149H37.0633C37.3752%2012.0149%2037.6303%2012.2669%2037.6303%2012.575V13.2424C37.6303%2013.5644%2037.7579%2013.8725%2037.98%2014.1012L37.3232%2015.0486ZM29.3849%2025.2838V26.7587C28.8037%2026.67%2028.3737%2026.3759%2028.3737%2026.0212C28.3737%2025.6665%2028.8037%2025.3678%2029.3849%2025.2838Z'%20fill='white'/%3e%3c/svg%3e",OT=(h,g,y)=>h===g?"translateY(0px)":h>g?`translateY(${y}px)`:"translateY(-100%)",$T=({close:h,votedAnswer:g,correct:y,correctAnswerTitle:S,questionTitle:E,saveHeight:I,style:b,hiding:P})=>{const[M,j]=K.useState(1),ee=K.useRef({});K.useEffect(()=>{const B=setInterval(()=>{j(Y=>y&&Y>4||!y&&Y>3?Y:++Y)},3e3);return()=>clearInterval(B)},[y]),K.useEffect(()=>{var B,Y;ee.current[M]&&I(((Y=(B=ee.current[M])==null?void 0:B.getBoundingClientRect())==null?void 0:Y.height)||RT)},[M,I]);const H=B=>Y=>{ee.current&&(ee.current[B]=Y)},z=B=>({transform:OT(B,M,b.height)});return m.jsx(NT,{style:b.height?b:{...b,paddingTop:0,paddingBottom:0},hiding:P,children:m.jsxs(PT,{style:{height:b.height,minHeight:b.height,backgroundColor:M>3?"var(--color-white)":"var(--color-primary-green2)"},children:[m.jsx(IT,{step:M,correct:y}),m.jsxs(kd,{ref:H(1),style:z(1),children:[m.jsx("img",{alt:"sponsor-logo",src:MT}),m.jsx(g4,{children:"Featured Groups +"})]}),m.jsxs(kd,{ref:H(2),style:z(2),children:[m.jsx(Bp,{children:"Prediction results are in!"}),m.jsx(g4,{children:"Featured Groups +"})]}),m.jsxs(kd,{ref:H(3),style:z(3),children:[m.jsx(Bp,{children:E}),m.jsx(om,{children:m.jsxs(im,{children:[m.jsx("span",{children:"Your Pick:"})," ",g==null?void 0:g.title]})})]}),y?m.jsxs(m.Fragment,{children:[m.jsxs(kd,{ref:H(4),style:{...z(4),color:"var(--color-primary-green1)"},children:[m.jsx(Bp,{children:"Congratulations! You answered correctly."}),m.jsxs(om,{children:[m.jsx(Xg,{name:"selected"}),m.jsxs(im,{children:[m.jsx("span",{children:"Your Pick:"})," ",g==null?void 0:g.title]})]})]}),m.jsxs(kd,{ref:H(5),style:{...z(5),color:"var(--color-primary-green1)"},children:[m.jsx(jT,{children:M===5&&m.jsx(x.d,{delay:.5,prefix:"+",suffix:" points",value:g==null?void 0:g.points})}),m.jsxs(om,{children:[m.jsx(Xg,{name:"selected"}),m.jsxs(im,{children:[m.jsx("span",{children:"Your Pick:"})," ",g==null?void 0:g.title]})]}),m.jsx(y4,{onClick:h,children:m.jsx(b4,{name:"icon-cross"})})]})]}):m.jsxs(kd,{ref:H(4),style:z(4),children:[m.jsxs(Bp,{style:{color:"var(--color-neutrals-gray9)"},children:["Better luck next time! Correct: ",S,"."]}),m.jsxs(om,{style:{color:"var(--color-secondary-red1)"},children:[m.jsx(Xg,{name:"circleClose"}),m.jsxs(im,{children:[m.jsx("span",{children:"Your Pick:"})," ",g==null?void 0:g.title]})]}),m.jsx(y4,{onClick:h,children:m.jsx(b4,{name:"icon-cross"})})]})]})})},UT=h=>{const[g,y]=K.useState(!1),[S,E]=K.useState(!1),I=K.useRef(null),b=K.useCallback(()=>{E(!0),I.current&&clearTimeout(I.current),I.current=setTimeout(()=>{E(!1)},1e3)},[]),P=K.useCallback(async M=>{y(!0);const j=M.map(ee=>new Promise((H,z)=>{const B=new Image;B.onload=()=>H(ee),B.onerror=()=>z(),B.src=ee}));await Promise.allSettled(j),y(!1)},[]);return K.useEffect(()=>{h&&(b(),P(h))},[h,b,P]),{loading:g,throttled:S}},FT=x.styled_default("div")({name:"Container",class:"cl51m2q",propsAsIs:!1}),VT=x.styled_default("img")({name:"Avatar",class:"a2yhhhr",propsAsIs:!1}),BT=x.styled_default("div")({name:"AvatarPlaceholder",class:"a1dtxxlr",propsAsIs:!1}),HT=x.styled_default("div")({name:"Content",class:"c12clm3w",propsAsIs:!1}),WT=x.styled_default("span")({name:"Name",class:"n14lctn7",propsAsIs:!1}),qT=({avatar:h,name:g})=>m.jsxs(FT,{children:[h&&m.jsx(VT,{src:h}),!h&&m.jsx(BT,{children:oy(g||"")}),m.jsxs(HT,{children:[m.jsxs(WT,{children:[g," "]}),"is waiting for you!"]})]}),QT=x.styled_default("div")({name:"Container",class:"c1htq1lb",propsAsIs:!1}),KT=x.styled_default("div")({name:"Graphic",class:"gjyzpp7",propsAsIs:!1}),GT=x.styled_default("img")({name:"GraphicImage",class:"g16mldgz",propsAsIs:!1}),YT=x.styled_default("div")({name:"Headline",class:"h69js65",propsAsIs:!1}),XT=x.styled_default("div")({name:"Content",class:"cmm7qmo",propsAsIs:!1}),ZT=x.styled_default("div")({name:"StepsContainer",class:"s17knuw2",propsAsIs:!1}),JT=x.styled_default("span")({name:"StepIndicator",class:"s1b74psg",propsAsIs:!1}),eI=x.styled_default("div")({name:"InvitingUserWrap",class:"i1y99ug7",propsAsIs:!1}),tI=({loading:h,steps:g,currentStep:y,inviterName:S})=>{const{headline:E}=g[y];return m.jsxs(QT,{children:[m.jsxs(XT,{"data-welcome-screen":y===0,children:[m.jsx(KT,{children:m.jsx(Yi,{loading:h,children:g.map(({graphicSrc:I},b)=>m.jsx(GT,{src:I,"data-active":y===b}))})}),E&&m.jsx(Yi,{loading:h,children:m.jsx(YT,{children:E})})]}),S&&y===0&&m.jsx(eI,{children:m.jsx(qT,{name:S})}),m.jsx(ZT,{style:h?{visibility:"hidden"}:{},children:Array.from({length:g.length}).map((I,b)=>m.jsx(JT,{"data-active":y===b},b))})]})},nI=x.styled_default("div")({name:"Container",class:"cm0bev",propsAsIs:!1}),rI=x.styled_default("div")({name:"Content",class:"ce7x737",propsAsIs:!1}),aI=x.styled_default("div")({name:"Title",class:"tc2tor6",propsAsIs:!1}),oI=x.styled_default("div")({name:"RulesList",class:"r1k5klql",propsAsIs:!1}),iI=x.styled_default("div")({name:"RulesItem",class:"r1tf3ft2",propsAsIs:!1}),lI=x.styled_default("div")({name:"RuleIcon",class:"rwpvg1k",propsAsIs:!1}),sI=x.styled_default("div")({name:"RuleText",class:"rbxiag0",propsAsIs:!1}),uI=x.styled_default("button")({name:"TermsButton",class:"t6cyrry",propsAsIs:!1}),cI=({rules:h,rulesTitle:g,termsText:y,primaryColor:S,openTerms:E})=>m.jsxs(nI,{children:[m.jsxs(rI,{children:[m.jsx(aI,{children:g}),m.jsx(oI,{children:h==null?void 0:h.map(({label:I,icon:b},P)=>m.jsxs(iI,{children:[b&&m.jsx(lI,{style:{backgroundColor:S},children:m.jsx(x.r1,{name:b,"data-icon":b})}),m.jsx(sI,{children:I})]},P))})]}),y&&m.jsx(uI,{onClick:E,children:"See Terms and Conditions"})]}),dI=x.styled_default("div")({name:"Container",class:"cj0g35h",propsAsIs:!1}),fI=x.styled_default("div")({name:"Content",class:"c1xkhrbn",propsAsIs:!1}),pI=x.styled_default("div")({name:"Title",class:"tifzb8b",propsAsIs:!1}),mI=x.styled_default("div")({name:"ScrollingText",class:"stduw5c",propsAsIs:!1}),hI=({termsTitle:h,termsText:g})=>m.jsx(dI,{children:m.jsxs(fI,{children:[m.jsx(pI,{children:h}),m.jsx(mI,{children:g})]})}),vI=x.styled_default("div")({name:"Container",class:"c18uddbs",propsAsIs:!1}),gI=x.styled_default("div")({name:"Content",class:"cvcfjf6",propsAsIs:!1}),yI=x.styled_default("div")({name:"OnboardingHeader",class:"o1ie27lw",propsAsIs:!1}),bI=x.styled_default("button")({name:"CloseBtn",class:"c15cjkwi",propsAsIs:!1}),wI=()=>x.r1,kI=x.styled_default(wI())({name:"IconClose",class:"i1mavjt2",propsAsIs:!0}),xI=x.styled_default("div")({name:"OnboardingFooter",class:"o1x0dyzv",propsAsIs:!1}),SI=()=>K4,CI=x.styled_default(SI())({name:"OnboardingActionBtn",class:"o1jfi9c3",propsAsIs:!0}),xd={steps:!1,rules:!1,inviteCard:!1},_I=({gamification:h,steps:g,rules:y,rulesBtnLabel:S,rulesTitle:E,termsTitle:I,termsText:b,primaryColor:P,inviteLink:M,inviteCardTitle:j,inviteCardSubtext:ee,inviteCardBtnLabel:H,loading:z,inviterName:B,sdk:Y,onClose:le})=>{const[X,se]=K.useState(0),[ue,he]=K.useState(!1),[Te,Ce]=K.useState(xd);K.useEffect(()=>{g!=null&&g.length?Ce({...xd,steps:!0}):y!=null&&y.length?Ce({...xd,rules:!0}):Ce({...xd,inviteCard:!0})},[]);const Je=K.useMemo(()=>Te.steps&&X===0?"Continue":Te.rules?ue||!S?"Got it":S:Te.inviteCard?H||"Play Now":"Next",[Te,X,ue,S,H]),Oe=K.useCallback(()=>{g!=null&&g.length&&X<g.length-1?se(at=>++at):y!=null&&y.length&&Te.steps?Ce({...xd,rules:!0}):Te.rules&&Ce({...xd,inviteCard:!0})},[X,g==null?void 0:g.length,y==null?void 0:y.length,Te,se,Ce]),Ct=async()=>{Te.inviteCard?await h.onboardingStatus.submitInplay():Te.rules&&ue?he(!1):Oe()};return K.useEffect(()=>{!z&&B&&Y.inviteDisplayed()},[z,B,Y]),m.jsx(e_,{children:({width:at,height:ut})=>m.jsxs(vI,{style:{width:at,height:ut,maxHeight:ut},children:[m.jsx(yI,{children:m.jsx(bI,{onClick:le,children:m.jsx(kI,{name:"icon-close-btn-gray"})})}),m.jsxs(gI,{children:[Te.steps&&(g==null?void 0:g.length)&&m.jsx(tI,{loading:z,steps:g,currentStep:X,inviterName:B}),Te.rules&&!ue&&m.jsx(cI,{rules:y,rulesTitle:E,termsText:b,primaryColor:P,openTerms:()=>he(!0)}),Te.rules&&ue&&m.jsx(hI,{termsTitle:I,termsText:b}),Te.inviteCard&&m.jsx(Q4,{inviteLink:M,inviteCardTitle:j,inviteCardSubtext:ee,primaryColor:P})]}),m.jsx(xI,{children:m.jsx(Yi,{loading:z,style:{width:"100%"},children:m.jsx(CI,{onClick:Ct,children:Je})})})]})})},EI=x.styled_default("div")({name:"Container",class:"cocfo2g",propsAsIs:!1}),TI=x.styled_default("div")({name:"CloseIconWrap",class:"c1pdhxdk",propsAsIs:!1}),II=()=>x.r1,RI=x.styled_default(II())({name:"CloseIcon",class:"c1funj3r",propsAsIs:!0}),LI=x.styled_default("div")({name:"Title",class:"t1okg06y",propsAsIs:!1}),NI=x.styled_default("img")({name:"SponsorLogo",class:"sb1n923",propsAsIs:!1}),PI=x.styled_default("div")({name:"PresentsTitle",class:"p1stllxd",propsAsIs:!1}),zI=x.styled_default("div")({name:"Subtitle",class:"s13kvdzw",propsAsIs:!1}),jI=x.styled_default("div")({name:"Description",class:"dfvmv3t",propsAsIs:!1}),AI=x.styled_default("button")({name:"ActionButton",class:"ay8e3j9",propsAsIs:!1}),w4=({close:h,action:g,onboarding:y})=>{var S,E,I,b,P,M,j,ee;return m.jsxs(EI,{children:[m.jsx(TI,{onClick:h,children:m.jsx(RI,{name:"icon-cross"})}),((E=(S=y==null?void 0:y.titleCard)==null?void 0:S.media)==null?void 0:E.sponsorLogo)&&m.jsxs(LI,{children:[m.jsx(NI,{alt:"sponsor-logo",src:(b=(I=y==null?void 0:y.titleCard)==null?void 0:I.media)==null?void 0:b.sponsorLogo}),m.jsx(PI,{children:"PRESENTS"})]}),((P=y==null?void 0:y.titleCard)==null?void 0:P.title)&&m.jsx(zI,{children:(M=y==null?void 0:y.titleCard)==null?void 0:M.title}),((j=y==null?void 0:y.titleCard)==null?void 0:j.subtitle)&&m.jsx(jI,{children:(ee=y==null?void 0:y.titleCard)==null?void 0:ee.subtitle}),m.jsx(AI,{onClick:g,children:"Play Now"})]})},DI="data:image/svg+xml,%3csvg%20width='92'%20height='19'%20viewBox='0%200%2092%2019'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.1701%200.953996C13.9047%200.873145%2013.6393%201.0177%2013.3739%201.1647C13.2797%201.21615%2013.2127%201.3068%2013.1904%201.4097L12.7736%203.33298C12.7588%203.40404%2012.8233%203.46774%2012.8952%203.45304C13.3342%203.35504%2013.7509%202.97528%2014.19%203.10758C14.6811%203.25703%2015.1722%202.64207%2015.6634%202.64942V0.429688C15.1698%200.432138%2014.6613%201.10345%2014.1701%200.953996Z'%20fill='%23006747'/%3e%3cpath%20d='M20.4404%206.84786C20.3362%206.77681%2020.2717%206.66166%2020.2717%206.53671V6.18635C20.2717%205.87275%2020.0138%205.61549%2019.6938%205.61549H19.4631C19.1878%205.61549%2018.9348%205.75269%2018.7859%205.98055L18.0418%207.11492C17.9674%207.22762%2017.8434%207.29377%2017.7094%207.29377H17.2084C16.9603%207.29377%2016.7321%207.42852%2016.6131%207.64412C16.4915%207.86708%2016.2757%208.02143%2016.0302%208.07288V0.181303C16.0302%200.0808513%2015.9483%200%2015.8466%200C15.7449%200%2015.663%200.0808513%2015.663%200.181303V0.426307V2.64604V8.07778C15.4175%208.02633%2015.2017%207.87198%2015.0801%207.64657C14.9636%207.43097%2014.7354%207.29622%2014.4848%207.29622H14.1475C13.8796%207.29622%2013.639%207.45057%2013.5298%207.69312L13.2496%208.31299C13.2049%208.41099%2013.1057%208.47469%2012.9965%208.47469C12.8874%208.47469%2012.7882%208.41099%2012.7435%208.31299L12.4633%207.69312C12.3541%207.45302%2012.1135%207.29622%2011.8456%207.29622H2.33802C2.26113%207.29622%202.19911%207.35747%202.19911%207.43342C2.19911%207.59512%202.06517%207.72498%201.90394%207.72498H1.49218C1.41529%207.72498%201.35328%207.78623%201.35328%207.86218V8.33504C1.35328%208.77849%201.26646%209.2097%201.09283%209.61886L0.842303%2010.2142C0.60914%2010.7655%200.5%2011.3363%200.5%2011.8974V13.2694C0.5%2013.6394%200.55457%2014.0142%200.66371%2014.3793C0.968807%2015.4034%201.66334%2016.2413%202.61831%2016.7362L4.13883%2017.5276C4.15868%2017.5374%204.181%2017.5423%204.20332%2017.5423L5.32697%2017.5521C5.5899%2017.5545%205.84787%2017.6207%206.07855%2017.7481L6.6813%2018.0813C6.70115%2018.0935%206.72595%2018.0984%206.75076%2018.0984H7.5569C7.83968%2018.0984%208.11997%2018.1744%208.36057%2018.3189C8.36057%2018.3189%208.75497%2018.5566%208.88891%2018.6326C9.10223%2018.7551%209.3602%2018.8727%209.80916%2018.8972C9.91086%2018.9021%2010.0126%2018.8653%2010.0895%2018.7943C10.1639%2018.7232%2010.2085%2018.6228%2010.2085%2018.5223V17.9882C10.2085%2017.6011%2010.4392%2017.2483%2010.7989%2017.0939L12.0317%2016.5598C12.2003%2016.4863%2012.3888%2016.4741%2012.5649%2016.528L13.0263%2016.6627C13.2223%2016.7191%2013.4306%2016.7215%2013.6266%2016.6627L14.718%2016.3418C14.8619%2016.3001%2015.0156%2016.3001%2015.162%2016.3442L15.606%2016.4667C15.8119%2016.5231%2015.9582%2016.7142%2015.9582%2016.9249V17.9931C15.9582%2018.4905%2016.3675%2018.8972%2016.871%2018.8972C17.2481%2018.8972%2017.578%2018.6595%2017.6921%2018.3042C17.8979%2017.6648%2018.0021%2016.9984%2018.0021%2016.3271V15.8714C18.0021%2015.548%2018.1385%2015.2368%2018.3767%2015.0138L18.8306%2014.59C19.1357%2014.3033%2019.3118%2013.8966%2019.3118%2013.4801V10.9468C19.3118%2010.5548%2019.4309%2010.175%2019.6591%209.85161C19.6764%209.82956%2019.6839%209.80016%2019.6839%209.77321V9.1754C19.6839%208.78584%2019.8029%208.40854%2020.0262%208.08758L20.4751%207.44322C20.4925%207.42117%2020.4999%207.39422%2020.4999%207.36482V6.96056C20.5024%206.88461%2020.4553%206.85766%2020.4404%206.84786ZM16.0302%2012.8554C16.3352%2012.9019%2016.5634%2013.0563%2016.5634%2013.2425C16.5634%2013.4287%2016.3377%2013.583%2016.0302%2013.6296V12.8554ZM2.98046%2016.6137L2.74978%2016.4937C2.12222%2016.1678%201.62117%2015.6827%201.27886%2015.0922V14.3523C1.67078%2014.9134%202.20407%2015.3912%202.85644%2015.7317L2.98046%2015.7954V16.6137ZM4.14131%2017.2189L3.52616%2016.9004V16.0821L4.13883%2016.4006H4.14131V17.2189ZM6.70115%2017.775L6.21498%2017.5055C5.94957%2017.3585%205.65191%2017.2801%205.34682%2017.2752V16.4226C5.6023%2016.4275%205.85531%2016.4937%206.07855%2016.6162L6.6813%2016.9494C6.68626%2016.9518%206.6937%2016.9518%206.70115%2016.9543V17.775ZM9.92822%2017.9882V18.4047V18.5223C9.92822%2018.5493%209.91582%2018.5762%209.89598%2018.5958C9.87613%2018.6154%209.85133%2018.6228%209.82404%2018.6228C9.43461%2018.6032%209.21137%2018.5027%209.0303%2018.3973C8.89883%2018.3214%208.50692%2018.0862%208.50444%2018.0862C8.25887%2017.9392%207.98106%2017.8583%207.69581%2017.8363V16.9788C7.92897%2017.0008%208.15718%2017.0694%208.36057%2017.1895L8.7004%2017.3904C9.07246%2017.6109%209.49662%2017.7358%209.92822%2017.7603V17.9882ZM13.2868%2016.4275C13.2272%2016.4251%2013.1652%2016.4153%2013.1057%2016.3981L12.6443%2016.2609C12.5451%2016.2315%2012.4434%2016.2217%2012.3417%2016.2217V15.3667C12.4161%2015.3667%2012.4905%2015.374%2012.5649%2015.3961L13.0263%2015.5308C13.1107%2015.5553%2013.1999%2015.5676%2013.2868%2015.5725V16.4275ZM16.1765%2016.6333C16.0872%2016.4275%2015.9111%2016.2634%2015.6854%2016.2021L15.2438%2016.0796C15.1397%2016.0478%2015.0305%2016.0355%2014.9214%2016.0355V15.1829C15.0057%2015.1804%2015.0901%2015.1902%2015.1719%2015.2172L15.5341%2015.3299C15.9185%2015.45%2016.1765%2015.7979%2016.1765%2016.1948V16.6333ZM17.449%2018.1474C17.4415%2018.1719%2017.4366%2018.1964%2017.4291%2018.2209C17.3522%2018.4611%2017.129%2018.6203%2016.876%2018.6203C16.8537%2018.6203%2016.8313%2018.6154%2016.809%2018.613V17.7628C16.8264%2017.7652%2016.8413%2017.7677%2016.8586%2017.7677C17.1067%2017.7677%2017.3324%2017.6305%2017.4515%2017.4222V18.1474H17.449ZM19.8302%207.48242C19.5524%207.87933%2019.4061%208.34484%2019.4061%208.82749V9.2489L19.1903%209.5576C18.91%209.95696%2018.7611%2010.4249%2018.7611%2010.91V13.0342C18.7611%2013.3772%2018.6173%2013.7129%2018.3643%2013.9481L17.9103%2014.3744C17.6052%2014.661%2017.4366%2015.0628%2017.449%2015.4794L17.4515%2015.5749C17.4688%2016.1262%2017.3969%2016.675%2017.2406%2017.2042C17.191%2017.3732%2017.0323%2017.4908%2016.8561%2017.4908C16.6354%2017.4908%2016.4543%2017.3144%2016.4543%2017.0939V16.1948C16.4543%2015.6754%2016.117%2015.2221%2015.6159%2015.0677L15.2538%2014.955C15.0528%2014.8938%2014.842%2014.8913%2014.6386%2014.9501L13.5472%2015.2686C13.4033%2015.3103%2013.2496%2015.3103%2013.1057%2015.2686L12.6443%2015.1339C12.4062%2015.0628%2012.1482%2015.08%2011.92%2015.178L10.9502%2015.5994C10.3301%2015.8689%209.9307%2016.4741%209.9307%2017.1429V17.4884C9.54871%2017.4663%209.17664%2017.3536%208.84674%2017.1576L8.50692%2016.9567C8.21919%2016.7877%207.89177%2016.697%207.5569%2016.697H6.78548L6.21498%2016.381C5.94461%2016.2315%205.63951%2016.1531%205.32945%2016.1507L4.23805%2016.1433L2.98542%2015.4916C1.08539%2014.5042%200.274278%2012.2821%201.10027%2010.322L1.3508%209.72666C1.53683%209.28565%201.63357%208.81769%201.63357%208.33749V8.00428H1.90394C2.17183%208.00428%202.40003%207.82053%202.46204%207.57307H11.8481C12.0044%207.57307%2012.1482%207.66372%2012.2102%207.80583L12.4905%208.42569C12.5798%208.62414%2012.7783%208.75154%2012.999%208.75154C13.2173%208.75154%2013.4182%208.62414%2013.5075%208.42569L13.7878%207.80338C13.8523%207.66127%2013.9937%207.57062%2014.15%207.57062H14.4873C14.6337%207.57062%2014.7676%207.64902%2014.837%207.77643C15.0082%208.09003%2015.3158%208.30074%2015.6655%208.35709V12.2575C15.1025%2012.3188%2014.6709%2012.6496%2014.6709%2013.0514C14.6709%2013.4973%2015.1967%2013.8574%2015.8466%2013.8574C16.4965%2013.8574%2017.0223%2013.4973%2017.0223%2013.0514C17.0223%2012.6496%2016.5907%2012.3163%2016.0277%2012.2575V8.35464C16.3774%208.29828%2016.685%208.08758%2016.8561%207.77398C16.9256%207.64657%2017.0595%207.56817%2017.2059%207.56817H17.7069C17.9376%207.56817%2018.1485%207.45302%2018.275%207.26192L19.0191%206.12755C19.1158%205.9781%2019.282%205.8899%2019.4631%205.8899H19.6938C19.8575%205.8899%2019.9914%206.0222%2019.9914%206.1839V6.53426C19.9914%206.70331%2020.0584%206.86501%2020.175%206.98506L19.8302%207.48242ZM15.663%2012.8554V13.6296C15.3579%2013.583%2015.1322%2013.4287%2015.1322%2013.2425C15.1322%2013.0563%2015.3579%2012.8995%2015.663%2012.8554Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M43.6355%2014.2212L45.783%206.63627C46.0175%205.80901%2046.629%205.14498%2047.4288%204.848L47.4874%204.60107H44.5028L39.434%2010.6989L37.4942%204.60107H34.7636L34.6978%204.848C35.1653%205.08213%2035.423%205.78176%2035.423%206.35097V6.38628C35.423%209.63469%2033.0443%2015.2183%2029.6984%2015.2183C28.3982%2015.2183%2027.7242%2014.2901%2027.7242%2013.5165C27.7242%2012.5794%2028.5003%2011.9129%2029.3191%2011.9129C30.112%2011.9129%2030.2342%2012.211%2030.6909%2012.211C30.9696%2012.211%2031.2366%2012.0667%2031.3701%2011.8195C31.5797%2011.4313%2031.4208%2010.9572%2031.0376%2010.7714L30.8283%2010.6705C28.8775%209.72228%2026.6152%2011.1582%2026.6152%2013.3453V13.3756C26.6152%2014.9675%2027.8525%2016.2989%2029.4275%2016.3545C33.4867%2016.4983%2036.2019%2010.9661%2036.6338%206.91684L36.9458%208.01243L38.5448%2012.8545H39.1504L44.1452%206.83425L42.0498%2014.229C41.8094%2015.0773%2041.1437%2015.7344%2040.2985%2015.958L40.2399%2016.2049H44.2561L44.3216%2015.958C43.7283%2015.6043%2043.4461%2014.8902%2043.6355%2014.2212Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M51.9847%2012.6335H50.0625C50.2808%2012.034%2050.4898%2011.4617%2050.5603%2011.2743C51.0465%209.97682%2051.971%209.45183%2052.8665%209.37842L52.8572%209.3862L51.9847%2012.6335ZM53.7159%208.72607H53.6817C51.8071%208.7283%2049.7916%208.91155%2048.719%2011.9903C47.8179%2014.5767%2047.5745%2015.6481%2046.8705%2015.6481C46.4204%2015.6481%2046.5297%2014.763%2045.8549%2014.763C45.5509%2014.763%2045.2332%2015.0093%2045.2104%2015.3661C45.1705%2015.9826%2045.9909%2016.3555%2046.6092%2016.3555C48.4929%2016.3555%2049.2148%2014.9671%2049.4505%2014.3203C49.481%2014.2358%2049.6473%2013.778%2049.8436%2013.2386H51.8231L51.4878%2014.4866C51.3107%2015.145%2050.9465%2015.6839%2050.3304%2015.9595L50.2772%2016.2062H53.5154L53.5755%2015.9595C53.1372%2015.5941%2052.9469%2015.0082%2053.089%2014.4627L54.3075%209.78302C54.4011%209.42403%2054.6472%209.12789%2054.9809%208.973L55.0338%208.72607H53.9785H53.7159Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M70.056%209.26026C70.1601%209.08619%2070.2595%208.82035%2070.2595%208.67186L70.2597%208.67103C70.2741%208.39018%2070.0208%208.17273%2069.7488%208.23196H69.7482C69.5304%208.27951%2069.373%208.47499%2069.3771%208.70023C69.3807%208.93436%2069.3341%209.18574%2069.2353%209.30836C69.0082%209.59116%2068.645%209.56697%2066.9717%209.08174V9.07896C66.8186%209.03363%2066.6504%208.98414%2066.4731%208.93492C66.4637%208.93241%2066.4549%208.92963%2066.4453%208.92657L66.4456%208.92741C65.6106%208.698%2064.5732%208.4875%2063.8929%208.82869C63.8874%208.83148%2063.8816%208.83453%2063.8764%208.83704C63.2118%209.17406%2062.7479%209.81223%2062.6086%2010.5502C62.5879%2010.6587%2062.5728%2010.7468%2062.5711%2010.7788V10.7799C62.5513%2011.1675%2062.9009%2011.4679%2063.2767%2011.3864L63.2773%2011.3858C63.5821%2011.3196%2063.7965%2011.0441%2063.7902%2010.7296C63.7836%2010.4117%2063.7205%209.98741%2063.8918%209.70267C64.1674%209.31059%2064.4537%209.28278%2065.7361%209.71462L64.3436%2014.4877C64.1514%2015.1456%2063.6812%2015.6848%2063.059%2015.9601L63.0001%2016.2073H66.3319L66.3977%2015.9601C65.9679%2015.595%2065.7906%2015.0088%2065.9453%2014.4635L67.1628%2010.1637C67.6969%2010.276%2068.2381%2010.305%2068.7651%2010.1531L68.9548%2010.0986C69.3787%209.97629%2069.8129%209.6668%2070.056%209.26026Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M71.3889%208.72607L71.3234%208.97328C71.736%209.26108%2071.9219%209.78079%2071.7886%2010.2671L70.5506%2014.4816C70.3584%2015.14%2069.8882%2015.6789%2069.2659%2015.9542L69.207%2016.2011H70.9696H71.1306H75.1868L75.7226%2014.2252H75.4709L75.3806%2014.4145C75.0447%2015.1206%2074.3372%2015.5699%2073.5614%2015.5699H71.8415L72.7572%2012.2623L73.4878%2012.2615C73.9807%2012.2612%2074.3512%2012.7153%2074.2568%2013.2036H74.5084L75.1094%2010.9679H74.8578C74.7122%2011.3814%2074.3253%2011.6578%2073.8904%2011.658L72.9243%2011.6592L73.5597%209.36341L75.3825%209.36202C75.9775%209.36146%2076.4229%209.9126%2076.304%2010.5015H76.5556L77.033%208.72607H71.3889Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M82.8655%2010.5324C82.6668%2011.2028%2082.0564%2011.6627%2081.3632%2011.6627L80.3076%2011.6636L80.9466%209.36726L82.0055%209.3667C82.6067%209.36642%2083.0379%209.9512%2082.8655%2010.5324ZM82.7978%208.72998H78.7711L78.7053%208.97691C79.0919%209.24636%2079.2791%209.71935%2079.1921%2010.1779L77.9311%2014.4846C77.739%2015.1431%2077.269%2015.682%2076.6465%2015.9573L76.5879%2016.2048H79.9164L79.9822%2015.9573C79.5524%2015.5922%2079.3754%2015.006%2079.5296%2014.4607L80.14%2012.2662H80.3944C80.7787%2012.2665%2081.1014%2012.5584%2081.1438%2012.9444C81.1578%2013.069%2081.3505%2014.5947%2081.5044%2015.1195C81.7059%2015.8052%2081.9705%2016.205%2082.5729%2016.205H84.0788L84.1375%2015.9578L83.9219%2015.8288C83.4966%2015.5738%2083.1885%2015.1773%2083.0508%2014.6531C82.9203%2014.1585%2082.677%2013.2372%2082.5578%2012.7495C82.4961%2012.4981%2082.1866%2012.2654%2081.8667%2012.2654L82.3741%2012.2651C83.284%2012.2645%2084.0827%2011.6525%2084.328%2010.7671C84.611%209.74382%2083.8495%208.72998%2082.7978%208.72998Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M60.6842%209.10931C60.576%209.10931%2060.3431%209.03478%2059.9858%208.88463C59.6281%208.73447%2059.2669%208.65967%2058.9027%208.65967C58.1467%208.65967%2057.5157%208.90687%2056.9997%209.4352C56.5703%209.87483%2056.3795%2010.3628%2056.3795%2010.7852C56.3795%2011.2349%2056.6399%2011.7635%2057.1616%2012.1909C57.6542%2012.5949%2058.1668%2012.982%2058.68%2013.3771C59.2196%2013.8134%2059.4897%2014.2158%2059.4897%2014.5431C59.4897%2015.2616%2059.0269%2015.6481%2058.0688%2015.6481C57.0953%2015.6481%2056.4221%2014.9276%2056.2063%2013.5782H55.9431L55.1777%2016.2045H55.4203C55.7366%2015.9807%2055.9615%2015.8366%2056.4202%2015.8366C56.858%2015.8366%2057.3257%2016.3558%2058.3229%2016.3558C59.1191%2016.3558%2059.7493%2016.189%2060.2892%2015.6434C60.7481%2015.1668%2060.9775%2014.4994%2060.9775%2013.9538C60.9775%2013.4494%2060.6644%2012.8613%2060.1174%2012.4375C59.648%2012.0741%2059.1453%2011.7496%2058.6596%2011.3948C58.1332%2010.9993%2057.87%2010.6637%2057.87%2010.2956C57.87%2010.0906%2057.9713%209.88651%2058.174%209.68213C58.43%209.42325%2058.773%209.36596%2059.232%209.36596C60.1529%209.36596%2060.7974%209.88429%2060.8516%2010.9746H61.0945L61.7368%208.65967H61.4939C61.2373%208.95971%2060.9675%209.10931%2060.6842%209.10931Z'%20fill='%23006747'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M89.1717%209.36569C90.0926%209.36569%2090.7374%209.88401%2090.7914%2010.9743H91.0345L91.6765%208.65967H91.4334C91.1771%208.95915%2090.9075%209.10903%2090.6237%209.10903C90.5158%209.10903%2090.2829%209.03423%2089.9252%208.88435C89.5676%208.73447%2089.2067%208.65967%2088.8422%208.65967C88.0864%208.65967%2087.4554%208.90687%2086.9395%209.43493C86.51%209.87455%2086.3192%2010.3628%2086.3192%2010.785C86.3192%2011.2351%2086.5796%2011.7629%2087.1014%2012.1909C87.5939%2012.5949%2088.1065%2012.9817%2088.6197%2013.3768C89.159%2013.8134%2089.4294%2014.2158%2089.4294%2014.5428C89.4294%2015.2613%2088.9666%2015.6478%2088.0085%2015.6478C87.035%2015.6478%2086.3619%2014.9274%2086.1458%2013.5782H85.8826L85.1172%2016.2045H85.3603C85.6763%2015.9807%2085.9013%2015.8366%2086.3597%2015.8366C86.7977%2015.8366%2087.2652%2016.3558%2088.2626%2016.3558C89.0588%2016.3558%2089.689%2016.1884%2090.2289%2015.6434C90.6878%2015.1662%2090.9172%2014.4991%2090.9172%2013.9538C90.9172%2013.4494%2090.6041%2012.8613%2090.0574%2012.4375C89.5877%2012.0738%2089.0853%2011.7493%2088.5996%2011.3945C88.0729%2010.9993%2087.8097%2010.6632%2087.8097%2010.295C87.8097%2010.0909%2087.911%209.88623%2088.1134%209.68185C88.3697%209.42297%2088.7128%209.36569%2089.1717%209.36569Z'%20fill='%23006747'/%3e%3c/svg%3e",ay=[{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_1.png",headline:"Welcome to Featured Groups +"},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_2.png",headline:"Get real-time insights"},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_3.png",headline:"Predictions, trivia & polls synced to match play"},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_4.png",headline:"Win points for every answer you get right"},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/step_5.png",headline:"Compete against friends on the leaderboard"}],MI=x.styled_default("div")({name:"OnboardingContainer",class:"o9squag",propsAsIs:!1}),OI=()=>Wp,$I=x.styled_default(OI())({name:"OnboardingNotificationContainer",class:"o1c8wcli",propsAsIs:!0}),k4=x.styled_default("div")({name:"InnerContainer",class:"i18oyadd",propsAsIs:!1}),UI=({deepLink:h,onboardingOpts:g,notification:y,gamification:S,loading:E,renderToNode:I,sdk:b})=>{var P,M,j,ee,H,z,B;const Y=Ot.useStore(S.friends.getStore()),[le,X]=K.useState(void 0),se=K.useMemo(()=>{var ue,he;const Te=b.getInviter();return Te?(he=(ue=Y.data)==null?void 0:ue.find(({slId:Ce})=>Ce===Te))==null?void 0:he.name:""},[Y.data,b]);return K.useEffect(()=>{const ue=h.$store.subscribe(he=>{he&&X(he.data)});return()=>{ue()}},[h.$store]),m.jsx(MI,{children:m.jsx(_I,{loading:E,renderToNode:I,rules:[{label:"Answer as many questions as you like.",icon:"icon-btn-feature-groups"},{label:"Win points for each correct trivia or prediction answer.",icon:"icon-thumb-up"},{label:"Top the leader board and best your friends.",icon:"icon-trophy"}],rulesBtnLabel:(P=g.rules)==null?void 0:P.buttonLabel,rulesTitle:(M=g.rules)==null?void 0:M.heading,termsTitle:"Terms and Conditions",termsText:(j=g.rules)==null?void 0:j.terms,steps:ay,primaryColor:(ee=g.inviteCard)==null?void 0:ee.iconColor,inviteLink:le,inviteCardTitle:(H=g.inviteCard)==null?void 0:H.heading,inviteCardSubtext:(z=g.inviteCard)==null?void 0:z.subtext,inviteCardBtnLabel:(B=g.inviteCard)==null?void 0:B.buttonLabel,onClose:()=>{var ue;(ue=y.close)==null||ue.call(y)},gamification:S,sdk:b,inviterName:se})})},FI=({sdk:h,notification:g,saveHeight:y,style:S,appNode:E,sdkInDesktopView:I,responsiveStore:b})=>{var P;const M=K.useRef(null),j=g.data.onboarding,[ee,H]=K.useState(j==null?void 0:j.instantOpen),z=h.getFeature(ce.FeatureType.GAMES),B=K.useMemo(()=>ay==null?void 0:ay.map(({graphicSrc:se})=>se),[]),{screen:Y}=Ot.useStore(b,{keys:["screen"]});(P=j==null?void 0:j.titleCard)!=null&&P.media&&(j.titleCard.media.sponsorLogo=DI),K.useLayoutEffect(()=>{var se;y(((se=M.current)==null?void 0:se.getBoundingClientRect().height)||0)},[y]);const{loading:le,throttled:X}=UT(B);return ee&&z&&j&&E.current&&!X?m.jsx(O4,{container:E,useContainer:!I,fixedView:!1,children:m.jsx(UI,{notification:g,setOpened:H,gamification:z,onboardingOpts:j,deepLink:z.deepLink,loading:le,renderToNode:E,sdk:h})}):m.jsxs(m.Fragment,{children:[m.jsx(k4,{ref:M,style:{position:"absolute",visibility:"hidden"},children:m.jsx(w4,{close:()=>{},action:()=>{},onboarding:j})}),m.jsx($I,{style:S,hiding:g.hiding,children:m.jsx(k4,{children:m.jsx(w4,{close:g.close,action:()=>{var se;H(!0),(((se=E.current)==null?void 0:se.getBoundingClientRect().y)||0)<0&&cy(E,Y.size,{behavior:"smooth"})},onboarding:j})})})]})},VI=x.styled_default("button")({name:"Container",class:"crkmfw1",propsAsIs:!1}),BI=x.styled_default("div")({name:"Content",class:"c11awpy4",propsAsIs:!1}),HI=x.styled_default("span")({name:"Title",class:"t154z7mh",propsAsIs:!1}),WI=({title:h,onClick:g,className:y,style:S})=>m.jsx(VI,{onClick:g,className:y,style:S,children:m.jsxs(BI,{children:[m.jsx(x.r1,{name:"iconUp"}),h&&m.jsx(HI,{children:h})]})}),qI=()=>Wp,QI=x.styled_default(qI())({name:"Container",class:"ctckejh",propsAsIs:!0}),Y4=x.styled_default("div")({name:"InnerContainer",class:"i1ri7tzr",propsAsIs:!1}),KI=()=>Y4,GI=x.styled_default(KI())({name:"HiddenContainer",class:"h1ng1qh5",propsAsIs:!0}),YI=x.styled_default("div")({name:"NotificationRefreshing",class:"nruq6ik",propsAsIs:!1}),XI=()=>WI,ZI=x.styled_default(XI())({name:"Pill",class:"pj6uyys",propsAsIs:!0}),JI=h=>{const[g,y]=K.useState(0),S=K.useRef(null),E=K.useCallback(b=>{S.current=b},[]);K.useEffect(()=>{var b;const P=(b=S.current)==null?void 0:b.getBoundingClientRect();P&&y(P.height)},[h]);const I=K.useCallback(b=>{y(b)},[]);return[E,g,I]},eR=({sdk:h,notification:g,appNode:y,sdkInDesktopView:S,responsiveStore:E})=>{var I,b;const{sdk:P}=iy(),[M,j,ee]=JI(g.id);return g.type===lm.NotificationType.QUESTION?m.jsxs(m.Fragment,{children:[m.jsx(GI,{ref:M,children:m.jsx(u4,{...g})}),m.jsxs(QI,{style:{height:g.hiding?0:j},hiding:g.hiding,children:[m.jsx(Y4,{style:{height:"100%"},children:m.jsx(u4,{...g,controlVideo:P==null?void 0:P.controlVideoPlayer})}),m.jsx(YI,{},g.id)]})]}):g.type===lm.NotificationType.QUESTION_RESOLVED&&(b=(I=g.data)==null?void 0:I.question)!=null&&b.predictionResult?m.jsx($T,{style:{height:g.hiding?0:j},saveHeight:ee,close:g.close,hiding:g.hiding,...g.data.question}):g.type===lm.NotificationType.ONBOARDING?m.jsx(FI,{style:{height:g.hiding?0:j},saveHeight:ee,sdk:h,notification:g,sdkInDesktopView:S,appNode:y,responsiveStore:E}):null},tR="p1d7yse1",nR=({sdk:h,headerNode:g,scrollNode:y,responsiveStore:S,appNode:E,scrollStore:I})=>{const[b]=K.useState(h.getNotificationsStore()),P=Ot.useStore(b),{tabsShown:M,scrollPosition:j}=Ot.useStore(I,{keys:["tabsShown","scrollPosition"]}),{sdkInDesktopView:ee,screen:H}=Ot.useStore(S,{keys:["sdkInView","sdkInDesktopView"]}),[z,B]=K.useState(null),Y=K.useMemo(()=>h.getActiveNotification(),[h,P]);K.useEffect(()=>{Y&&Zi.eventBus.emit("notification",{action:"rendered",payload:{questionId:Y.data.questionId,questionType:Y.data.questionType}})},[Y]),K.useEffect(()=>{Y&&(S.get().sdkInDesktopView||S.get().sdkInView)&&(!S.get().sdkInDesktopView&&S.get().sdkInView&&B(Y),S.get().sdkInDesktopView&&window.requestAnimationFrame(()=>{j!==0&&B(Y)}))},[Y]),K.useEffect(()=>{S.get().sdkInDesktopView?j<50&&B(null):j>-50&&B(null)},[j,S]);const le=K.useMemo(()=>{var X,se;const ue=S.get().sdkInDesktopView?E:g;return z&&ue.current&&cm.createPortal(m.jsx(ZI,{title:z.type===lm.NotificationType.QUESTION_RESOLVED?"Prediction result":`New ${((se=fm[(X=z.data)==null?void 0:X.questionType])==null?void 0:se.label)||"notification"}`,onClick:()=>{var he;S.get().sdkInDesktopView?(he=y.current)==null||he.scrollTo({top:0,behavior:"smooth"}):cy(E,H.size,{behavior:"smooth"}),B(null)},className:x.cx_default(M&&tR,"sl-pill-button")}),ue.current)||null},[z,E,g,y,M,S,H.size]);return m.jsxs(m.Fragment,{children:[!z&&Y&&m.jsx(eR,{sdkInDesktopView:ee,headerNode:g,appNode:E,sdk:h,notification:Y,responsiveStore:S}),le]})},rR=h=>{const g=K.useRef(""),[y,S]=K.useState(!1),E=Ot.useStore(h.status),I=Ot.useStore(h.userId()),b=Ot.useStore(h.getActiveFeature()),P=E==="ready",[M,j]=K.useState(es),ee=K.useCallback((B,Y)=>{j(Y),B&&h.createEventSession(B),Y===es?window.requestAnimationFrame(()=>{h.openFeature(ce.FeatureType.GAMES)}):h.closeFeature(!1)},[h]);K.useEffect(()=>{!P&&M===es&&(j(Gi),h.closeFeature(!0))},[P,M,h]),K.useEffect(()=>{b===ce.FeatureType.GAMES?j(es):b===ce.FeatureType.UNSET&&j(Gi)},[b]);const H=B=>{g.current=B,S(!0),h.initializeApp({skipOrganizationSettings:!0}).then(({enabled:Y,err:le})=>{if(le){ee(B,Gi);return}if(Y){h.isUserAuthorized().then(X=>{if(X){ee(B,Gi);return}else h.disableApp()});return}})},z=()=>{S(!1),h.disableApp()};return K.useEffect(()=>{if(!I){P&&(j(Gi),h.disableApp());return}if(I&&g.current&&y){h.initializeApp({skipOrganizationSettings:!0}).then(()=>{h.createEventSession(g.current)});return}},[I]),K.useEffect(()=>()=>{S(!1),h.disableApp()},[S,h]),{sdkEnabled:y,sdkReady:P,activeOverlay:M,activateAndLoadOverlay:ee,activateEventWithId:H,deactivate:z,isLogged:!!I}},aR=h=>{const g=Ot.useStore(h.getActiveFeature()),y=Ot.useStore(h.streamStore()),[S,E]=K.useState(null);return K.useEffect(()=>{const I=h.getFeatures();if(!g)E(null);else for(const[b,P]of I)b===g?(P.status.get()===Zi.FeatureStatus.Suspended&&P.enable(),E(P)):P.status.get()===Zi.FeatureStatus.Ready&&P.disable();return()=>{for(const[,b]of I)b.status.get()===Zi.FeatureStatus.Ready&&b.disable()}},[g,h,y]),[g,S]},x4=Object.keys(jt.O),Zg=()=>{const h=window.innerWidth;let g="sm";for(let y=x4.length-1;y>0;y--){const S=x4[y];if(!(h<jt.O[S])&&h>=jt.O[S]){g=S;break}}return{name:g,size:jt.O[g]}},S4=h=>{var g;return(((g=h.current)==null?void 0:g.getBoundingClientRect().y)||0)<-68},C4=h=>h>=jt.O.xl,oR=h=>{const[g]=K.useState(()=>{const y=Zg();return W4({screen:Zg(),sdkInView:S4(h),sdkInDesktopView:C4(y.size)})});return K.useEffect(()=>{const y=Hp(()=>{g.setKey("sdkInView",S4(h))},200),S=Hp(()=>{const E=Zg();g.setKey("screen",E),g.setKey("sdkInDesktopView",C4(E.size))},200);return window.addEventListener("scroll",y),window.addEventListener("resize",S),()=>{window.removeEventListener("scroll",y),window.removeEventListener("resize",S)}},[g,h]),[g]},iR=({sdk:h,className:g,scrollStore:y,appNode:S,scrollNode:E,headerNode:I,responsiveStore:b})=>{const[,P]=aR(h);return m.jsx(gE,{className:g,scrollNode:E,appNode:S,scrollStore:y,feature:P,headerNode:I,responsiveStore:b,sdk:h})},lR=({sdk:h,className:g,appNode:y,responsiveStore:S})=>{const E=Ot.useStore(h.featuresList.getStore());return E?Array.from(E,I=>{const b=h.getFeature(I);return b?m.jsx(yE,{className:g,appNode:y,feature:b,responsiveStore:S,sdk:h},I):null}):null},sR=({sdk:h,overlays:g,children:y})=>{const S=K.useRef(null),E=K.useRef(null),[I]=oR(S),[b,P]=zC(S,I),{sdkEnabled:M,sdkReady:j,activeOverlay:ee,activateAndLoadOverlay:H,activateEventWithId:z,deactivate:B,isLogged:Y}=rR(h);Bg(S,{enabled:M,event:"click",listener:Ok}),Bg(b,{enabled:M,event:"scrollend",listener:$k,useDomNode:!0}),Bg(b,{enabled:M,event:"click",listener:Uk,useDomNode:!0}),K.useEffect(()=>{Promise.resolve().then(()=>require("./gamification-feature.js"))},[]);const le=K.useMemo(()=>({sdk:h}),[h]);return m.jsx($4.Provider,{value:le,children:m.jsxs(Vk,{ref:S,children:[M&&m.jsx(ME,{ref:E,sdkReady:j,activeOverlay:ee,className:jt.m,setActiveOverlay:X=>H("",X),scrollToTop:()=>{var X;return(X=b.current)==null?void 0:X.scrollTo(0,0)},responsiveStore:I}),m.jsxs(E4,{className:"sl-hide-on-modal",ref:b,"data-nav":M.toString(),children:[j&&m.jsx(nR,{sdk:h,scrollNode:b,headerNode:E,appNode:S,scrollStore:P,responsiveStore:I}),m.jsx("div",{style:!M||ee===Gi?{}:{display:"none"},children:y&&y({activateEventWithId:z,deactivate:B})}),g&&ee===NE&&g[ee],j&&ee===es&&m.jsx(iR,{scrollStore:P,responsiveStore:I,scrollNode:b,appNode:S,headerNode:E,className:jt.m,sdk:h}),j&&m.jsx(lR,{responsiveStore:I,appNode:S,className:jt.m,sdk:h})]}),M&&!Y&&m.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"You are not logged in."})]})})},uR=({sdkKey:h,plugins:g,children:y,onDeepLinkHandled:S,videoPlayerController:E,production:I=!0})=>m.jsx(jt.StreamLayerProvider,{sdkKey:h,plugins:g,production:I,autoEnable:!1,onDeepLinkHandled:S,videoPlayerController:E,children:y}),cR=({children:h,overlays:g})=>{const{sdk:y,status:S}=K.useContext(jt.StreamLayerContext);return S===jt.StreamLayerStatus.UNSET?(console.error("Wrap app in `StreamLayerProvider`"),h({})):y?m.jsx("div",{className:"StreamLayerSDK",children:m.jsx(jt.p,{style:{height:"100%"},children:m.jsx(sR,{sdk:y,overlays:g,children:h})})}):h({})};class dR extends K.Component{constructor(g){super(g),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(g,y){console.error(g,y.componentStack)}render(){return this.state.hasError?this.props.children({}):m.jsx(cR,{...this.props})}}exports.MastersStreamLayerProvider=uR;exports.MastersStreamLayerSDKReact=dR;exports.so=mE;
package/lib/cjs/useStreamLayerApp.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@streamlayer/sdk-web"),l=require("react"),p=({sdkKey:t,plugins:o,production:s,autoEnable:a,onDeepLinkHandled:i,videoPlayerController:c})=>{const[f,u]=l.useState(null);return l.useEffect(()=>{let r=!1;if(!t)return console.error("streamlayer sdk key should be provided"),u(e=>(e!==null&&typeof e.disableApp=="function"&&e.disableApp(),null)),()=>{r=!0};const n=d.StreamLayer(t,s,a,{version:"0.41.0",onDeepLinkHandled:i,videoPlayerController:c});if(o)for(const e of o)n.use(e);return n.ready().then(e=>{r||u(e.sdk)}).catch(e=>console.log(e)),()=>{r=!0,n.close(function(e){if(e)throw e})}},[t,s]),f};exports.useStreamLayerApp=p;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@streamlayer/sdk-web"),l=require("react"),p=({sdkKey:t,plugins:o,production:s,autoEnable:a,onDeepLinkHandled:i,videoPlayerController:c})=>{const[f,u]=l.useState(null);return l.useEffect(()=>{let r=!1;if(!t)return console.error("streamlayer sdk key should be provided"),u(e=>(e!==null&&typeof e.disableApp=="function"&&e.disableApp(),null)),()=>{r=!0};const n=d.StreamLayer(t,s,a,{version:"0.41.1",onDeepLinkHandled:i,videoPlayerController:c});if(o)for(const e of o)n.use(e);return n.ready().then(e=>{r||u(e.sdk)}).catch(e=>console.log(e)),()=>{r=!0,n.close(function(e){if(e)throw e})}},[t,s]),f};exports.useStreamLayerApp=p;