@streamlayer/react 1.18.7 → 1.19.1

package/lib/classic/cjs/provider.js

@@ -89,4 +89,4 @@ Error generating stack: `+i.message+`
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var bE=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?Me.useLayoutEffect:Me.useEffect;function Lt(e){var t=Me.useRef(e);return bE(function(){t.current=e}),Me.useCallback(function(){for(var n=arguments.length,r=new Array(n),a=0;a<n;a++)r[a]=arguments[a];return t.current.apply(void 0,r)},[])}var wE=function(t,n){var r=n.decimal,a=n.decimals,i=n.duration,s=n.easingFn,l=n.end,u=n.formattingFn,c=n.numerals,m=n.prefix,C=n.separator,h=n.start,y=n.suffix,w=n.useEasing,L=n.useGrouping,S=n.useIndianSeparators,f=n.enableScrollSpy,d=n.scrollSpyDelay,v=n.scrollSpyOnce,b=n.plugin;return new cE.CountUp(t,l,{startVal:h,duration:i,decimal:r,decimalPlaces:a,easingFn:s,formattingFn:u,numerals:c,separator:C,prefix:m,suffix:y,plugin:b,useEasing:w,useIndianSeparators:S,useGrouping:L,enableScrollSpy:f,scrollSpyDelay:d,scrollSpyOnce:v})},xE=["ref","startOnMount","enableReinitialize","delay","onEnd","onStart","onPauseResume","onReset","onUpdate"],EE={decimal:".",separator:",",delay:null,prefix:"",suffix:"",duration:2,start:0,decimals:0,startOnMount:!0,enableReinitialize:!0,useEasing:!0,useGrouping:!0,useIndianSeparators:!1},N7=function(t){var n=Object.fromEntries(Object.entries(t).filter(function(M){var F=CE(M,2),K=F[1];return K!==void 0})),r=Me.useMemo(function(){return Ur(Ur({},EE),n)},[t]),a=r.ref,i=r.startOnMount,s=r.enableReinitialize,l=r.delay,u=r.onEnd,c=r.onStart,m=r.onPauseResume,C=r.onReset,h=r.onUpdate,y=F7(r,xE),w=Me.useRef(),L=Me.useRef(),S=Me.useRef(!1),f=Lt(function(){return wE(typeof a=="string"?a:a.current,y)}),d=Lt(function(M){var F=w.current;if(F&&!M)return F;var K=f();return w.current=K,K}),v=Lt(function(){var M=function(){return d(!0).start(function(){u==null||u({pauseResume:b,reset:I,start:j,update:_})})};l&&l>0?L.current=setTimeout(M,l*1e3):M(),c==null||c({pauseResume:b,reset:I,update:_})}),b=Lt(function(){d().pauseResume(),m==null||m({reset:I,start:j,update:_})}),I=Lt(function(){d().el&&(L.current&&clearTimeout(L.current),d().reset(),C==null||C({pauseResume:b,start:j,update:_}))}),_=Lt(function(M){d().update(M),h==null||h({pauseResume:b,reset:I,start:j})}),j=Lt(function(){I(),v()}),O=Lt(function(M){i&&(M&&I(),v())});return Me.useEffect(function(){S.current?s&&O(!0):(S.current=!0,O())},[s,S,O,l,t.start,t.suffix,t.prefix,t.duration,t.separator,t.decimals,t.decimal,t.formattingFn]),Me.useEffect(function(){return function(){I()}},[I]),{start:j,pauseResume:b,reset:I,update:_,getCountUp:d}},LE=["className","redraw","containerProps","children","style"],SE=function(t){var n=t.className,r=t.redraw,a=t.containerProps,i=t.children,s=t.style,l=F7(t,LE),u=Me.useRef(null),c=Me.useRef(!1),m=N7(Ur(Ur({},l),{},{ref:u,startOnMount:typeof i!="function"||t.delay===0,enableReinitialize:!1})),C=m.start,h=m.reset,y=m.update,w=m.pauseResume,L=m.getCountUp,S=Lt(function(){C()}),f=Lt(function(b){t.preserveValue||h(),y(b)}),d=Lt(function(){if(typeof t.children=="function"&&!(u.current instanceof Element)){console.error(`Couldn't find attached element to hook the CountUp instance into! Try to attach "containerRef" from the render prop to a an Element, eg. <span ref={containerRef} />.`);return}L()});Me.useEffect(function(){d()},[d]),Me.useEffect(function(){c.current&&f(t.end)},[t.end,f]);var v=r&&t;return Me.useEffect(function(){r&&c.current&&S()},[S,r,v]),Me.useEffect(function(){!r&&c.current&&S()},[S,r,t.start,t.suffix,t.prefix,t.duration,t.separator,t.decimals,t.decimal,t.className,t.formattingFn]),Me.useEffect(function(){c.current=!0},[]),typeof i=="function"?i({countUpRef:u,start:C,reset:h,update:y,pauseResume:w,getCountUp:L}):Me.createElement("span",V0({className:n,ref:u,style:s},a),typeof t.start<"u"?L().formattingFn(t.start):"")},kE=no.default=SE;no.useCountUp=N7;const ha=({value:e=0,decimals:t,duration:n=1,preserveValue:r=!0,...a})=>{const[,i]=e.toString().split("."),s=t??((i==null?void 0:i.length)||0);return o.jsx(kE,{end:e,...a,duration:n,decimals:s,enableScrollSpy:!1,preserveValue:r})},IE=p("button")({name:"ButtonContainer",class:"b1b6dl8t",propsAsIs:!1}),_E=p("div")({name:"ButtonPctWrap",class:"b4iik8i",propsAsIs:!1}),TE=p("div")({name:"ButtonPct",class:"b1gq1lnf",propsAsIs:!1}),$E=p("span")({name:"ButtonBody",class:"b1j65z51",propsAsIs:!1}),AE=p("div")({name:"IconContainer",class:"i19tpfua",propsAsIs:!1}),jE=p("div")({name:"IconWrap",class:"i1tubmma",propsAsIs:!1}),P7=p("img")({name:"Icon",class:"i1grrgwj",propsAsIs:!1}),RE=()=>P7,OE=p(RE())({name:"IconDefault",class:"ibemyq8",propsAsIs:!0}),ME=()=>P7,FE=p(ME())({name:"IconCircle",class:"i1dceht",propsAsIs:!0}),NE=p("span")({name:"Title",class:"t116q4vq",propsAsIs:!1}),PE=p("span")({name:"Indicators",class:"i17ajcu2",propsAsIs:!1}),VE=p("div")({name:"PtsWrap",class:"pu9kmlb",propsAsIs:!1}),DE=p("span")({name:"Pts",class:"p1j2j0s0",propsAsIs:!1}),HE=p("span")({name:"Percentage",class:"p1mzj1sj",propsAsIs:!1}),BE=()=>Z,zE=p(BE())({name:"CheckIcon",class:"cichgz8",propsAsIs:!0}),l4={[T.QuestionImages.CENTERED]:e=>o.jsx(OE,{"data-testid":"vote-icon",alt:"option-icon",src:e}),[T.QuestionImages.TRANSPARENT]:e=>o.jsx(AE,{"data-testid":"vote-icon",children:o.jsx(jE,{style:{backgroundImage:`url(${e})`}})}),[T.QuestionImages.ROUNDED]:e=>o.jsx(FE,{"data-testid":"vote-icon",alt:"option-icon",src:e}),[T.QuestionImages.NONE]:()=>null,[T.QuestionImages.UNSET]:()=>null},UE=({questionType:e,hasCorrectAnswer:t,correct:n,youVoted:r,questionVoted:a})=>{if(e===T.QuestionType.POLL&&r)return"voted";if(e===T.QuestionType.PREDICTION){if(!t&&a)return r?"voted":"unset";if(t&&a)return r?n?"correct":"incorrect":"unset";if(r)return"correct"}return e===T.QuestionType.TRIVIA&&a&&r?n?"correct":"incorrect":"unset"},qE=({questionType:e,questionVoted:t,correct:n,hasCorrectAnswer:r,questionStatus:a})=>e===T.QuestionType.TRIVIA?t&&n:e===T.QuestionType.PREDICTION?t&&n&&r||a===T.QuestionStatus.RESOLVED&&n:!1,KE=Xr(IE),ZE=e=>{var t;const{id:n,icon:r,text:a,percentageDecimal:i,points:s,onVote:l,markThatVoted:u,firstOption:c,onPercentsAnimated:m,youSelected:C,youVoted:h,questionVoted:y,imageMode:w,answerTimeExpired:L,questionStatus:S,isLoading:f,questionType:d,correct:v,hasCorrectAnswer:b,marketClosed:I,isEarlyPrediction:_,isAd:j,webos:O}=e,[M,F]=x.useState(0),K=UE(e),W=qE({questionType:d,questionVoted:y,correct:v,hasCorrectAnswer:b,questionStatus:S}),H=I&&d===T.QuestionType.PREDICTION,ee=y||H,ve=d===T.QuestionType.PREDICTION&&!y&&!I&&!j,de=y&&!C&&K!=="incorrect"&&!h;return x.useLayoutEffect(()=>{F(0),requestAnimationFrame(()=>{F(i)})},[i]),o.jsxs(KE,{value:n,webos:O,autoFocus:c,"data-selected":C,"data-answer-state":K,disabled:y||f||L||H,"data-is-not-checked":de,"data-a":"intr",onClick:xe=>{u(d===T.QuestionType.PREDICTION?I:S===T.QuestionStatus.RESOLVED),l(xe)},"data-is-ad":j,children:[o.jsx(_E,{children:o.jsx(TE,{"data-answer-state":K,"data-is-not-checked":de,style:{width:`${ee?M:0}%`},onTransitionEnd:()=>{H||m==null||m()},"data-is-ad":j})}),o.jsxs($E,{"data-a":"intr",children:[r&&w&&((t=l4[w])==null?void 0:t.call(l4,r)),o.jsx(NE,{"data-a":"intr",children:a}),ve&&o.jsxs(VE,{children:[s,o.jsx(DE,{children:"pts"})]}),ee&&o.jsxs(PE,{children:[W&&o.jsx(zE,{name:_?"selectedBetPack":"selected"}),o.jsx(HE,{children:o.jsx(ha,{value:i,suffix:"%"})})]})]})]})},QE=()=>j7,WE=p(QE())({name:"ShowInContainer",class:"sie6cqo",propsAsIs:!0}),GE=p("div")({name:"WinBarContainer",class:"wgizw4u",propsAsIs:!1}),YE=p("div")({name:"Content",class:"c1l3ucjp",propsAsIs:!1}),XE=p("div")({name:"Title",class:"tx7j799",propsAsIs:!1}),JE=()=>Z,eL=p(JE())({name:"WinIcon",class:"w4lwuj0",propsAsIs:!0}),tL=p("div")({name:"Points",class:"po9i64o",propsAsIs:!1}),nL=p("span")({name:"PointsCount",class:"pe5g05h",propsAsIs:!1}),rL=p("span")({name:"PointsUnits",class:"p1hdtpmb",propsAsIs:!1}),aL=({title:e,points:t,isPlayingTimer:n,isTimer:r,animatePoints:a,questionType:i,timerDuration:s,votedInCurrentRender:l,percentsAnimated:u,onTimerExpired:c})=>o.jsx(WE,{enabled:i===T.QuestionType.PREDICTION&&l,animate:u,children:o.jsxs(GE,{style:{justifyContent:i===T.QuestionType.PREDICTION?"center":"space-between"},children:[o.jsxs(YE,{children:[e&&o.jsx(XE,{children:e}),t!==void 0&&i!==T.QuestionType.POLL&&o.jsxs(o.Fragment,{children:[o.jsx(eL,{name:"icon-trophy"}),o.jsxs(tL,{children:[o.jsx(nL,{children:a?o.jsx(ha,{value:t,delay:.3}):t}),o.jsx(rL,{children:"PTS"})]})]})]}),r&&i!==T.QuestionType.PREDICTION&&o.jsx(yy,{isPlaying:n,onTimerExpired:c,duration:s})]})}),iL=(e,t)=>{switch(e){case"already_voted":return t===T.QuestionType.POLL?"You’ve already answered this question on another device.":"You’ve already answered this question on another device. So the points for this answer won't tally.";default:return"Something went wrong, please try again"}},sL=()=>o.jsx(R7,{children:o.jsxs(O7,{children:[o.jsx(it,{loading:!0,style:{height:"40px",borderRadius:"100px"}}),o.jsx(it,{loading:!0,style:{height:"24px",margin:"16px 0"}}),o.jsx(M7,{children:Array.from({length:5}).map((e,t)=>o.jsx(it,{loading:!0,style:{height:"44px"}},t))})]})}),V7=({openedQuestion:e,isLoading:t,vote:n,close:r,isEarlyPrediction:a,mastersApp:i,webos:s})=>{var l,u;const c=e.subject,m=e.type,C=e.status,h=(l=e.options)==null?void 0:l.options,y=e.marketClosed,w=e.id,L=x.useRef(),S=x.useRef(),f=i?!1:(e==null?void 0:e.adUnit)===T.AdUnit.STANDART,[d,v]=x.useState(!1),[b,I]=x.useState(!1),[_,j]=x.useState(!0),[O,M]=x.useState(!1),[F,K]=x.useState(!1),[W,H]=x.useState(""),[ee,ve]=x.useState(""),[de,xe]=x.useState(!1),[P,q]=x.useState(!1),[U,ne]=x.useState(!1),{runAnimation:G,finished:Se}=K4();x.useEffect(()=>{Se&&r(w)},[r,Se]),x.useEffect(()=>{m===T.QuestionType.PREDICTION?y&&j(!1):C===T.QuestionStatus.RESOLVED&&j(!1)},[]);const Te=x.useCallback(J=>{I(J),v(!0)},[]),Y=x.useCallback(()=>{a&&v(!1)},[a]),ie=x.useRef(!1),ke=x.useCallback(()=>{S.current&&clearTimeout(S.current),S.current=setTimeout(()=>{ne(!0),G({delay:5500})},4e3)},[G]),Ne=x.useCallback(async J=>{if(!ie.current&&(ie.current=!0,w)){const ue=J.currentTarget.value;H(ue);try{await n(w,ue),f&&ke()}catch(Be){ve(iL(Be.message,m)),H(""),console.error("Error while voting",Be),ie.current=!1}}},[m,w,H,n,f,ke]),Gt=x.useCallback(()=>{M(!0),G({delay:3500})},[G]),B1=x.useCallback(()=>{K(!0),G({delay:3500})},[G]),A=e==null?void 0:e.answers.find(J=>J.youVoted===!0),E=x.useMemo(()=>!!(e!=null&&e.answers.find(J=>J.correct===!0)),[e]),k=x.useMemo(()=>e==null?void 0:e.answers.find(J=>J.correct===!0),[e]);x.useEffect(()=>{A&&d&&!P&&(L.current=setTimeout(B1,1e4),q(!0))},[A]),x.useEffect(()=>()=>{clearTimeout(L.current),clearTimeout(S.current)},[]);const $=x.useMemo(()=>e?e.answers.map(J=>{var ue;return{...J,questionVoted:!!A,youSelected:W===J.id,isLoading:t,hasCorrectAnswer:E,questionType:e.type,answerTimeExpired:O,questionStatus:C,imageMode:(ue=e.appearance)==null?void 0:ue.images,onVote:Ne}}):[],[E,O,t,e,A,C,Ne,W]);x.useEffect(()=>{const J=$.some(({percentageDecimal:Be})=>Be!==0),ue=A&&m===T.QuestionType.PREDICTION;ee&&(a||!J||y&&ue)&&xe(!0)},[$,ee,a,y,m,A]);const R=h&&(h.case==="trivia"||h.case==="prediction")?h.value:void 0,V=C===T.QuestionStatus.RESOLVED&&m===T.QuestionType.TRIVIA&&!A&&!_,B=m===T.QuestionType.TRIVIA&&b,z=x.useMemo(()=>f?!1:m===T.QuestionType.PREDICTION?a?!1:!!(A&&!E||A&&E&&k!=null&&k.youVoted):!0,[m,A,E,k,a,f]),Q=x.useMemo(()=>{if(m===T.QuestionType.PREDICTION&&A&&(!E||E&&k!=null&&k.youVoted))return A.points;if(!(V||O))return A?A.correct?A.pointsEarned:0:k==null?void 0:k.points},[O,A,k,V,m,E]),le=x.useMemo(()=>m===T.QuestionType.PREDICTION&&A?E?E&&k!=null&&k.youVoted?"You won":"":"To win":V||O?"Time expired":m===T.QuestionType.POLL?"Time remaining":A?"You won":"To win",[O,m,A,V,E,k]),oe=!z||z&&m===T.QuestionType.PREDICTION&&d&&!de,re=(m===T.QuestionType.TRIVIA||m===T.QuestionType.PREDICTION)&&A&&E&&(k==null?void 0:k.youVoted),te=A||V||B||m===T.QuestionType.TRIVIA&&C===T.QuestionStatus.RESOLVED&&_,X=!a&&(O||F)||U,Ie=()=>{const J=()=>m===T.QuestionType.TRIVIA?A!=null&&A.correct?`That's correct!
 You chose wisely.`:`So close!
 Better luck next time.`:m===T.QuestionType.POLL?`Thanks for answering.
-Please stay tuned for the next question.`:m===T.QuestionType.PREDICTION?"Stay tuned to see if your prediction was correct.":"",ue=()=>m===T.QuestionType.TRIVIA?`Your Pick: ${k==null?void 0:k.text}`:m===T.QuestionType.POLL||m===T.QuestionType.PREDICTION?`Your Pick: ${A==null?void 0:A.text}`:"",Be=()=>m===T.QuestionType.TRIVIA&&(h==null?void 0:h.case)==="trivia"?h==null?void 0:h.value.explanation:m===T.QuestionType.PREDICTION?c:"";return U?o.jsx(i4,{children:o.jsx(Zx,{title:J(),description:ue(),...A!=null&&A.correct||m===T.QuestionType.POLL||m===T.QuestionType.PREDICTION?{icon:"icon-correct"}:{},...m===T.QuestionType.TRIVIA||m===T.QuestionType.PREDICTION?{additionalDescription:Be()}:{}})}):!a&&(O||F)?o.jsx(i4,{children:o.jsx(Ix,{icon:"icon-check-circle",title:"More to come...",description:F?o.jsxs(o.Fragment,{children:["Stay tuned for more questions ",o.jsx("br",{})," and insights."]}):o.jsxs(o.Fragment,{children:["Watch for additional enhanced stream ",o.jsx("br",{})," interactive experience."]})})}):null};return o.jsxs(Wx,{children:[a&&o.jsx(Gx,{}),o.jsx(R7,{style:a?{marginTop:"-40px"}:{},children:o.jsxs(O7,{children:[!a&&!f&&o.jsx(a4,{feedbackMessages:R,questionVoted:!!A,questionVotedCorrectly:A==null?void 0:A.correct,questionType:m,hasCorrectAnswer:E,showExpiredNotification:V,showClosedNotificationTrivia:B,votedInCurrentRender:d,votedAfterQuestionClosed:b,enteredAnActiveQuestion:_,marketClosed:y,percentsAnimated:de,voteErrorMessage:ee,votedAnswer:A}),z&&o.jsx(aL,{title:le,points:Q,onTimerExpired:Gt,questionType:e.type,isTimer:!t,isPlayingTimer:!A,animatePoints:re,timerDuration:te?0:Number(((u=e==null?void 0:e.appearance)==null?void 0:u.autoHideInterval)||"30"),votedInCurrentRender:d,percentsAnimated:de}),X?Ie():o.jsxs(o.Fragment,{children:[a&&o.jsxs(nE,{children:[o.jsx(aE,{name:"iconEarlyPrediction"}),"EARLY PREDICTION"]}),o.jsx(Jx,{style:oe?{marginTop:0}:{},children:c}),a&&o.jsx(a4,{feedbackMessages:R,questionVoted:!!A,questionVotedCorrectly:A==null?void 0:A.correct,questionType:m,hasCorrectAnswer:E,showExpiredNotification:V,showClosedNotificationTrivia:B,votedInCurrentRender:d,votedAfterQuestionClosed:b,enteredAnActiveQuestion:_,marketClosed:y,percentsAnimated:de,voteErrorMessage:ee,isEarlyPrediction:a,correctAnswer:k,votedAnswer:A,onAnimationEnd:Y}),o.jsxs(eE,{children:[o.jsx(M7,{children:$.sort((J,ue)=>J.id>ue.id?1:-1).map((J,ue)=>o.jsx(ZE,{...J,firstOption:ue===0,markThatVoted:Te,onPercentsAnimated:()=>xe(!0),votedAfterQuestionClosed:b,enteredAnActiveQuestion:_,marketClosed:y,isEarlyPrediction:a,isAd:f,webos:s},J.id))}),a&&o.jsxs(o.Fragment,{children:[o.jsx(Yx,{}),o.jsx(Xx,{children:o.jsx(sE,{name:"mastersLogoWhite"})})]})]})]})]})})]})},D7=({height:e="37px",width:t="37px"})=>o.jsx("div",{style:{height:e,width:t},children:o.jsx(Z,{name:"loader"})}),oL=p("div")({name:"Container",class:"c1bgb86j",propsAsIs:!1}),lL=p("video")({name:"Player",class:"p6703cq",propsAsIs:!1}),uL=p("img")({name:"Poster",class:"p12ow7zo",propsAsIs:!1}),qr=p("div")({name:"Control",class:"cdpal9o",propsAsIs:!1}),cL="t1xke4ml",dL="h1yzxv57",fL=p("div")({name:"VideoControls",class:"vxo8xch",propsAsIs:!1}),ro=p("button")({name:"ControlBtn",class:"coyuzu0",propsAsIs:!1}),pL=()=>ro,hL=p(pL())({name:"MuteIcon",class:"musmi9a",propsAsIs:!0}),mL=()=>ro,CL=p(mL())({name:"PauseIcon",class:"p1qe7rum",propsAsIs:!0}),vL=()=>ro,gL=p(vL())({name:"PlayIcon",class:"psevery",propsAsIs:!0}),H7=p("button")({name:"WebOSIconButton",class:"w1q3u7py",propsAsIs:!1}),yL=()=>H7,ma=p(yL())({name:"WebOSIconButtonAnimation",class:"wdlqvum",propsAsIs:!0}),bL=()=>ma,wL=p(bL())({name:"WebOSIconButtonPlay",class:"w1ylz9ea",propsAsIs:!0}),xL=()=>ma,EL=p(xL())({name:"WebOSIconButtonPause",class:"w1iylt55",propsAsIs:!0}),LL=()=>ma,SL=p(LL())({name:"WebOSIconButtonMute",class:"w8h4h7",propsAsIs:!0}),kL=()=>ma,IL=p(kL())({name:"WebOSIconButtonUnmute",class:"w12l12kt",propsAsIs:!0}),_L=e=>{for(const t of e)t.isIntersecting?t.target instanceof HTMLVideoElement&&t.target.autoplay&&t.target.play():t.target instanceof HTMLVideoElement&&!t.target.paused&&t.target.pause()},B7=new IntersectionObserver(_L,{threshold:.5}),ao=new Set,TL=e=>{B7.observe(e),ao.add(e)},$L=e=>{B7.unobserve(e),ao.delete(e)},z7=()=>{for(const e of ao)e instanceof HTMLVideoElement&&!e.paused&&e.pause()};function AL(...e){return x.useCallback(t=>{for(const n of e)n!==null&&(typeof n=="function"?n(t):n&&(n.current=t))},[...e])}const jL=Xr(oL),RL=({loading:e,autoPlay:t,played:n,playing:r,isMuted:a,unmute:i,mute:s,togglePlaying:l})=>!e&&!t&&!n?o.jsx(qr,{children:r?o.jsx(Z,{name:"icon-pause"}):o.jsx(Z,{name:"icon-play"})}):n?o.jsxs(fL,{children:[r?o.jsx(CL,{onClick:l}):o.jsx(gL,{onClick:l}),o.jsx(hL,{className:De(!a&&"muted"),onClick:a?i:s})]}):null,OL=({loading:e,autoPlay:t,playMuted:n,playing:r,played:a,unmute:i,mute:s,isMuted:l,hasNotPausedVideo:u,hasInteractedWithAudio:c})=>o.jsxs(o.Fragment,{children:[!e&&!(t&&n)&&o.jsx(qr,{"data-control-btn":"true",children:r?u?null:o.jsx(wL,{children:o.jsx(Z,{name:"icon-play"})}):a?o.jsx(EL,{children:o.jsx(Z,{name:"icon-pause"})}):o.jsx(H7,{"data-control-icon":"true",children:o.jsx(Z,{name:"icon-play"})})}),!e&&t&&n&&c&&o.jsx(qr,{children:l?o.jsx(SL,{onClick:i,children:o.jsx(Z,{name:"iconMute"})}):o.jsx(IL,{onClick:s,children:o.jsx(Z,{name:"iconUnMute"})})})]}),A2=x.forwardRef(({poster:e,source:t,aspectRatio:n,controlVideo:r,onReplay:a,onPlay:i,onPause:s,onEnd:l,onRender:u,onMute:c,onQuartile:m,autoPlay:C,playMuted:h,className:y,muted:w,webos:L,hasNotPausedVideo:S},f)=>{const d=x.useRef(null),v=AL(d,f),b=x.useRef(!1),I=x.useRef(!1),_=x.useRef(new Set),[j,O]=x.useState(!1),[M,F]=x.useState(!1),[K,W]=x.useState(!1),[H,ee]=x.useState(!0),[ve,de]=x.useState(h),[xe,P]=x.useState(!1);x.useEffect(()=>{t&&(de(h),O(!1))},[t]);const q=x.useCallback(()=>{r==null||r({muted:!1})},[r]),U=x.useCallback(()=>{r==null||r({muted:!0})},[r]),ne=x.useCallback(Y=>{Y==null||Y.stopPropagation(),d.current&&(d.current.muted=!0),de(!0)},[]),G=x.useCallback(Y=>{Y==null||Y.stopPropagation(),d.current&&(d.current.muted=!1),de(!1),xe||P(!0)},[]);x.useEffect(()=>{w!==void 0&&(w?ne():G())},[ne,w,G]);const Se=Y=>{var ie;(ie=Y.stopPropagation)==null||ie.call(Y);const ke=d==null?void 0:d.current;if(ke)if(M)ke.pause();else{const Ne=d==null?void 0:d.current;if(!Ne)return;z7(),Ne.play().catch(Gt=>console.log(Gt)),ee(!1)}},Te=()=>{var Y;(Y=d==null?void 0:d.current)==null||Y.load(),ee(!0)};return x.useEffect(()=>()=>{q()},[q]),x.useEffect(()=>{const Y=d.current;return Y?(I.current=Y.muted,de(Y.muted),TL(Y),()=>{$L(Y)}):()=>{}},[]),x.useEffect(()=>{u==null||u()},[u]),x.useEffect(()=>{_.current.clear(),b.current=!1},[t]),o.jsxs(jL,{webos:L,onClick:C&&h?ve?G:ne:Se,"data-a":"intr",autoFocus:!0,options:{focusKey:"video-play-btn"},className:De(M&&!L&&cL,C&&dL,y),style:n?{aspectRatio:n}:{},children:[o.jsx(lL,{ref:v,src:t,autoPlay:C,onPlay:()=>{O(!0),b.current&&(a==null||a(),_.current.clear()),F(!0),ee(!1),i==null||i(),h?ne():U()},onTimeUpdate:Y=>{const ie=Y.target.duration,ke=Y.target.currentTime;if(ie&&ke){const Ne=Math.floor(ke/ie*100);Ne>=25&&Ne<50&&!_.current.has(25)?(m==null||m(25),_.current.add(25)):Ne>=50&&Ne<75&&!_.current.has(50)?(m==null||m(50),_.current.add(50)):Ne>=75&&!_.current.has(75)&&(m==null||m(75),_.current.add(75))}},onVolumeChange:Y=>{const ie=Y.target.muted;I.current!==ie&&(c==null||c(ie),I.current=ie,(ie!==w||w===void 0)&&(ie?q():U()))},onError:async Y=>{try{if(Y.target instanceof HTMLVideoElement){W(!0);const ie=await(await fetch(Y.target.src)).blob(),ke=URL.createObjectURL(ie);Y.target.src=ke}}catch(ie){console.error("video fallback fetch failed",ie),F(!0),ee(!0)}finally{W(!1),q()}},onPause:()=>{F(!1),s==null||s(),q()},onEnded:()=>{F(!1),b.current=!0,Te(),l==null||l(),q()},style:{visibility:H?"hidden":"visible"},controls:!1,playsInline:!0}),o.jsx(uL,{src:e,style:{visibility:H?"visible":"hidden"}}),!L&&o.jsx(RL,{loading:K,autoPlay:C,played:j,playing:M,isMuted:ve,unmute:G,mute:ne,togglePlaying:Se}),L&&o.jsx(OL,{loading:K,autoPlay:C,playMuted:h,playing:M,played:j,unmute:G,mute:ne,isMuted:ve,hasNotPausedVideo:S,hasInteractedWithAudio:xe}),K&&o.jsx(qr,{children:o.jsx(D7,{})})]})}),ML=p("div")({name:"Container",class:"cq8qxhy",propsAsIs:!1}),FL=p("div")({name:"VideoWrapper",class:"v18kj6dc",propsAsIs:!1}),NL=()=>A2,PL=p(NL())({name:"FocusableVideo",class:"fv2nwib",propsAsIs:!0}),u4=p("div")({name:"VideoStatus",class:"v8ptucg",propsAsIs:!1}),c4="caip8y5",VL=p("div")({name:"Content",class:"ccgc65e",propsAsIs:!1}),DL=p("h3")({name:"Title",class:"t1q3iml2",propsAsIs:!1}),HL=p("div")({name:"Description",class:"d1y2pxs8",propsAsIs:!1}),BL=p("img")({name:"Image",class:"ig2j4fc",propsAsIs:!1}),zL=p("div")({name:"ImageContainer",class:"i3dd6iy",propsAsIs:!1}),UL=({instantView:e,isDetail:t,notification:n,controlVideo:r,muted:a})=>{var i,s;const l=x.useRef(null),[u,c]=x.useState(!1),[m,C]=x.useState(void 0),h=(e==null?void 0:e.playVideoMuted)===T.PlayVideoMuted.ENABLED,y=t&&(e==null?void 0:e.autoPlayVideo)===T.AutoPlayVideo.ENABLED,w=h&&y,L=e==null?void 0:e.heading,S=e==null?void 0:e.body,f=L||S,[d,v]=x.useState(!0),b=n==null?void 0:n.title,I=n==null?void 0:n.body;return o.jsxs(ML,{children:[((i=e==null?void 0:e.video)==null?void 0:i.url)&&o.jsxs(FL,{children:[o.jsx(PL,{className:c4,source:e.video.url,poster:e.video.thumbnailUrl,controlVideo:r,muted:a,autoPlay:t&&e.autoPlayVideo===T.AutoPlayVideo.ENABLED,ref:l,onPause:()=>{c==null||c(!0),v(!1)},onMute:_=>{C(_)},onPlay:()=>{c==null||c(!1)},playMuted:h,hasNotPausedVideo:d,webos:!0}),u&&!d&&o.jsxs(u4,{children:[o.jsx(Z,{name:"icon-pause"}),"PAUSED"]}),m&&w&&o.jsxs(u4,{children:[o.jsx(Z,{name:"iconMute"}),"MUTED"]})]}),(e==null?void 0:e.image)&&!((s=e==null?void 0:e.video)!=null&&s.url)&&o.jsx(zL,{className:c4,"data-rounded":e.imageMode===T.QuestionImages.ROUNDED,children:o.jsx(BL,{src:e==null?void 0:e.image})}),o.jsxs(VL,{children:[o.jsx(DL,{children:t&&f?L:b}),o.jsx(HL,{children:t&&f?S:I})]})]})},qL=p("div")({name:"Container",class:"cgn5uen",propsAsIs:!1}),d4="c1px8nt6",KL=p("div")({name:"Content",class:"c5et2jt",propsAsIs:!1}),ZL=p("h3")({name:"Title",class:"t1i2kpk2",propsAsIs:!1}),QL=p("div")({name:"Description",class:"dd3lh3p",propsAsIs:!1}),WL=p("img")({name:"Image",class:"i1gfjeu5",propsAsIs:!1}),GL=p("div")({name:"ImageContainer",class:"i58y999",propsAsIs:!1}),U7=({instantView:e,isDetail:t,notification:n,controlVideo:r,muted:a})=>{var i,s;const l=e==null?void 0:e.heading,u=e==null?void 0:e.body,c=l||u,m=n==null?void 0:n.title,C=n==null?void 0:n.body;return o.jsxs(qL,{children:[((i=e==null?void 0:e.video)==null?void 0:i.url)&&o.jsx(A2,{className:d4,source:e.video.url,poster:e.video.thumbnailUrl,controlVideo:r,muted:a,autoPlay:t&&e.autoPlayVideo===T.AutoPlayVideo.ENABLED}),(e==null?void 0:e.image)&&!((s=e==null?void 0:e.video)!=null&&s.url)&&o.jsx(GL,{className:d4,"data-rounded":e.imageMode===T.QuestionImages.ROUNDED,children:o.jsx(WL,{src:e==null?void 0:e.image})}),o.jsxs(KL,{children:[o.jsx(ZL,{children:t&&c?l:m}),o.jsx(QL,{children:t&&c?u:C})]})]})},YL=p("div")({name:"Container",class:"c1euiow",propsAsIs:!1}),XL=p("a")({name:"WebLinkBtn",class:"w19zie3h",propsAsIs:!1}),JL=()=>Z,eS=p(JL())({name:"WebLinkIcon",class:"wyg5v7z",propsAsIs:!0}),tS=({instantView:e,...t})=>o.jsxs(YL,{children:[t.webos?o.jsx(UL,{instantView:e,...t,isDetail:!0}):o.jsx(U7,{instantView:e,...t,isDetail:!0}),(e==null?void 0:e.webLink)&&o.jsxs(XL,{href:e==null?void 0:e.webLink.url,target:"_blank","data-a":"web-link",children:[e==null?void 0:e.webLink.label,o.jsx(eS,{name:"icon-external-link"})]})]}),nS=p("div")({name:"Container",class:"cjq447q",propsAsIs:!1}),rS=p("div")({name:"ImageContainer",class:"i14egogb",propsAsIs:!1}),aS=p("img")({name:"Image",class:"i2g9g4l",propsAsIs:!1}),iS=()=>Z,sS=p(iS())({name:"TwitterIcon",class:"t1c454nm",propsAsIs:!0}),oS=p("div")({name:"Details",class:"d11nigc3",propsAsIs:!1}),lS=p("div")({name:"Name",class:"nrxa4k8",propsAsIs:!1}),uS=p("div")({name:"UserNameAndDate",class:"u1p051g3",propsAsIs:!1}),q7=({image:e,name:t,userName:n,verified:r,createdTweet:a})=>{const i=a&&Oy(a);return o.jsxs(nS,{children:[e&&o.jsxs(rS,{children:[o.jsx(aS,{className:"SL_AccountImage",src:e}),o.jsx(sS,{name:"twitter"})]}),o.jsxs(oS,{children:[t&&o.jsxs(lS,{className:"SL_TweetAccountName",children:[t," ",r&&o.jsx(Z,{name:"icon-twitter-verified"})]}),n&&o.jsxs(uS,{className:"SL_TweetAccountUserName",children:["@",n," ",i&&`･ ${i}`]})]})]})},cS=p("div")({name:"Container",class:"c1kzqw87",propsAsIs:!1}),dS=p("div")({name:"Details",class:"d9r1hf9",propsAsIs:!1}),fS=p("div")({name:"Body",class:"bezygt5",propsAsIs:!1}),Hn=p("div")({name:"ImagesContainer",class:"i1y8f7ym",propsAsIs:!1}),Pi=p("div")({name:"ImagesBlock",class:"i18gwonx",propsAsIs:!1}),K7=p("img")({name:"Image",class:"i3g0xjd",propsAsIs:!1}),pS=()=>K7,e1=p(pS())({name:"ImageFullSize",class:"io8rt7p",propsAsIs:!0}),hS=()=>K7,Vi=p(hS())({name:"ImageHalfSize",class:"i4hn3ox",propsAsIs:!0}),mS=new RegExp("\\s?https?://t.co[^\\s]+(\\s+)?$"),Z7=e=>e==null?void 0:e.replace(mS,""),io=x.memo(({image:e,body:t,muted:n,account:r,accountVerified:a,tweet:i,isDetail:s,controlVideo:l})=>{var u,c,m,C,h;const y=(c=(u=i==null?void 0:i.meta)==null?void 0:u.extendedEntities)==null?void 0:c.media,w=y==null?void 0:y.find(({type:S})=>S==="photo"),L=x.useMemo(()=>{var S,f,d,v;return(v=(d=(f=(S=y==null?void 0:y[0])==null?void 0:S.videoInfo)==null?void 0:f.variants)==null?void 0:d.findLast(({contentType:b})=>b==="video/mp4"))==null?void 0:v.url},[y]);return o.jsxs(cS,{children:[o.jsxs(dS,{children:[o.jsx(q7,{image:e,name:(m=i==null?void 0:i.meta)==null?void 0:m.accountName,userName:r,verified:a,createdTweet:i==null?void 0:i.date}),o.jsx(fS,{children:Z7(t)}),!s&&w&&o.jsx(Hn,{children:o.jsx(e1,{src:y==null?void 0:y[0].mediaUrlHttps})}),s&&w&&o.jsxs(o.Fragment,{children:[(y==null?void 0:y.length)===1&&o.jsx(Hn,{children:o.jsx(e1,{src:y[0].mediaUrlHttps})}),(y==null?void 0:y.length)===2&&o.jsxs(Hn,{children:[o.jsx(Vi,{src:y[0].mediaUrlHttps}),o.jsx(Vi,{src:y[1].mediaUrlHttps})]}),(y==null?void 0:y.length)===3&&o.jsxs(Hn,{children:[o.jsx(Vi,{src:y[0].mediaUrlHttps}),o.jsxs(Pi,{children:[o.jsx(e1,{src:y[1].mediaUrlHttps}),o.jsx(e1,{src:y[2].mediaUrlHttps})]})]}),(y==null?void 0:y.length)===4&&o.jsxs(Hn,{children:[o.jsxs(Pi,{children:[o.jsx(e1,{src:y[0].mediaUrlHttps}),o.jsx(e1,{src:y[1].mediaUrlHttps})]}),o.jsxs(Pi,{children:[o.jsx(e1,{src:y[2].mediaUrlHttps}),o.jsx(e1,{src:y[3].mediaUrlHttps})]})]})]})]}),!w&&(((C=y==null?void 0:y[0])==null?void 0:C.type)==="video"||((h=y==null?void 0:y[0])==null?void 0:h.type)==="animated_gif")&&L&&o.jsx(A2,{muted:n,source:L,poster:y[0].mediaUrlHttps,controlVideo:l})]})}),CS=p("div")({name:"Container",class:"c1dcxmvf",propsAsIs:!1}),vS=p("blockquote")({name:"Quote",class:"qb4q22c",propsAsIs:!1}),gS=e=>o.jsxs(CS,{children:[e.title&&o.jsx(vS,{children:e.title}),o.jsx(io,{...e,isDetail:!0})]}),yS=p("div")({name:"QuestionAdvertisementContainer",class:"qwludgs",propsAsIs:!1}),bS=p("div")({name:"QuestionAdvertisementText",class:"qvce6pv",propsAsIs:!1}),wS=p("div")({name:"QuestionAdvertisementImage",class:"qsid7hx",propsAsIs:!1}),xS=({sponsorLogo:e,id:t,hasBanner:n,setAdShowed:r})=>{const a=x.useRef();return x.useEffect(()=>(a.current=setTimeout(()=>{r(!0),n&&dn.emit("poll",{action:"bannerOpened",payload:{questionId:t}})},5e3),()=>{clearTimeout(a.current)}),[r,t,n]),o.jsxs(yS,{children:[o.jsx(bS,{children:"PRESENTED BY"}),o.jsx(wS,{children:o.jsx("img",{src:e,alt:"ad-sponsor-logo"})})]})},f4=p("div")({name:"QuestionContainer",class:"q14ckf9e",propsAsIs:!1}),ES=({openedQuestion:e,muted:t,webos:n})=>{var r,a;const{sdk:i}=Kr();return((r=e==null?void 0:e.attributes)==null?void 0:r.attributes.case)==="insight"?o.jsx(tS,{...e.attributes.attributes.value,muted:t,controlVideo:i==null?void 0:i.controlVideoPlayer,webos:n}):((a=e==null?void 0:e.attributes)==null?void 0:a.attributes.case)==="tweet"?o.jsx(gS,{...e.attributes.attributes.value,muted:t,controlVideo:i==null?void 0:i.controlVideoPlayer}):null},LS=({extendedQuestion:e,vote:t,close:n,webos:r})=>{const{loading:a,data:i}=e;return i?o.jsx(V7,{webos:r,vote:t,close:n,openedQuestion:i,isLoading:!!a}):o.jsx(sL,{})},Q7=({gamification:e,sdk:t,muted:n,skipAutoClose:r,hideSponsor:a,className:i,hideHeader:s,webos:l})=>{var u,c,m,C,h,y,w,L,S,f,d,v,b,I,_,j,O,M,F;const K=ae(e.openedQuestion.$store),W=ae(e.openedQuestion.$extendedStore),[H,ee]=x.useState(!1),ve=ae(t.options),de=((u=K==null?void 0:K.attributes)==null?void 0:u.type)===T.QuestionType.FACTOID,xe=(c=K==null?void 0:K.attributes)==null?void 0:c.backgroundImage,P=(m=W.data)==null?void 0:m.backgroundImage,q=de?xe==null?void 0:xe.landscapeUrl:P==null?void 0:P.landscapeUrl,U=de?xe==null?void 0:xe.portraitUrl:P==null?void 0:P.portraitUrl,ne=T7({containerId:ve.containerId,landscapeUrl:q,portraitUrl:U});if(!K)return null;const G=K.type,Se=((h=(C=W.data)==null?void 0:C.options)==null?void 0:h.options.case)==="factoid"?W.data.options.options.value.closeTimer:void 0;return((y=W.data)==null?void 0:y.adUnit)===T.AdUnit.STANDART&&!H?o.jsxs(f4,{className:i,children:[ne,o.jsx(xS,{id:W.data.id,hasBanner:!!((L=(w=W.data.promotion)==null?void 0:w.banner)!=null&&L.imageUrl),setAdShowed:ee,sponsorLogo:((d=(f=(S=W.data)==null?void 0:S.promotion)==null?void 0:f.sponsor)==null?void 0:d.logo)||((b=(v=W.data)==null?void 0:v.sponsorship)==null?void 0:b.logo)||""})]}):o.jsxs(f4,{className:i,children:[ne,!s&&o.jsx(x8,{closeTimer:r?void 0:Se,close:e.closeQuestion,type:((I=K.attributes)==null?void 0:I.type)||T.QuestionType.UNSET,webos:l}),G==="question"&&o.jsx(LS,{webos:l,vote:e.submitAnswer,close:e.closeQuestion,extendedQuestion:W}),G!=="question"&&o.jsx(ES,{muted:n,openedQuestion:K,webos:l}),!a&&o.jsx(wx,{sponsorLogo:((O=(j=(_=W.data)==null?void 0:_.promotion)==null?void 0:j.sponsor)==null?void 0:O.logo)||((F=(M=W.data)==null?void 0:M.sponsorship)==null?void 0:F.logo)})]})},SS=p("div")({name:"Container",class:"c115qtkr",propsAsIs:!1}),kS=p("div")({name:"STabs",class:"sxnslc8",propsAsIs:!1}),IS=p("button")({name:"Button",class:"b1umzux0",propsAsIs:!1}),_S=p("span")({name:"Title",class:"tspsaas",propsAsIs:!1});var Zn=(e=>(e.HOME="home",e.LEADERBOARD="leaderboard",e))(Zn||{});const p4=({title:e,active:t,onClick:n})=>o.jsx(IS,{"data-a":"intr",onClick:n,"data-selected":t,children:o.jsx(_S,{"data-a":"intr",children:e})}),TS=({activePage:e="home",toggleActivePage:t})=>o.jsx(SS,{children:o.jsxs(kS,{"data-position":e==="home"?"left":"right",children:[o.jsx(p4,{title:"Home",active:e==="home",onClick:()=>t("home")}),o.jsx(p4,{title:"Friends",active:e==="leaderboard",onClick:()=>t("leaderboard")})]})}),$S=p("button")({name:"Container",class:"cpjnajb",propsAsIs:!1}),AS=p("div")({name:"Content",class:"c4m6kaz",propsAsIs:!1}),jS=p("span")({name:"Title",class:"t1h8t9cc",propsAsIs:!1}),RS=()=>o.jsx($S,{children:o.jsxs(AS,{children:[o.jsx(Z,{name:"iconCopySuccess"}),o.jsx(jS,{children:"Link Copied to Clipboard"})]})}),W7=e=>{const t=x.useRef(),[n,r]=x.useState(null),a=x.useCallback(async i=>{var s;if(i&&(s=navigator==null?void 0:navigator.clipboard)!=null&&s.writeText){t.current&&(clearTimeout(t.current),r(null));try{await navigator.clipboard.writeText(i),e.current&&(r(Br.createPortal(o.jsx(RS,{}),e.current)),t.current=setTimeout(()=>{r(null)},1e3))}catch(l){console.error("Unable to copy to clipboard",l)}}},[e]);return x.useEffect(()=>()=>{clearTimeout(t.current)},[]),[a,n]},OS=p("div")({name:"Container",class:"c1ux29ft",propsAsIs:!1}),MS=()=>Z,FS=p(MS())({name:"FriendsIcon",class:"f10ncfg2",propsAsIs:!0}),NS=p("div")({name:"Content",class:"c1yc07bd",propsAsIs:!1}),PS=p("div")({name:"Title",class:"tj6cq7w",propsAsIs:!1}),VS=p("div")({name:"Description",class:"d1ag78xo",propsAsIs:!1}),DS=()=>Z,HS=p(DS())({name:"ArrowInviteIcon",class:"awohrz6",propsAsIs:!0}),BS=({title:e,description:t,onClick:n,className:r})=>{const[a]=z4({type:"invitation",action:"sent",payload:{from:T.InvitationFrom.TITLE_CARD}});return o.jsxs(OS,{"data-a":"intr",onClick:a(n),className:r,children:[o.jsx(FS,{name:"icon-friends"}),o.jsxs(NS,{children:[o.jsx(PS,{children:e}),o.jsx(VS,{children:t})]}),o.jsx(HS,{name:"icon-copy"})]})};let vt;typeof window<"u"?vt=window:typeof self<"u"?vt=self:vt=T.global;let D0=null,H0=null;const h4=20,Di=vt.clearTimeout,m4=vt.setTimeout,Hi=vt.cancelAnimationFrame||vt.mozCancelAnimationFrame||vt.webkitCancelAnimationFrame,C4=vt.requestAnimationFrame||vt.mozRequestAnimationFrame||vt.webkitRequestAnimationFrame;Hi==null||C4==null?(D0=Di,H0=function(t){return m4(t,h4)}):(D0=function([t,n]){Hi(t),Di(n)},H0=function(t){const n=C4(function(){Di(r),t()}),r=m4(function(){Hi(n),t()},h4);return[n,r]});function zS(e){let t,n,r,a,i,s,l;const u=typeof document<"u"&&document.attachEvent;if(!u){s=function(f){const d=f.__resizeTriggers__,v=d.firstElementChild,b=d.lastElementChild,I=v.firstElementChild;b.scrollLeft=b.scrollWidth,b.scrollTop=b.scrollHeight,I.style.width=v.offsetWidth+1+"px",I.style.height=v.offsetHeight+1+"px",v.scrollLeft=v.scrollWidth,v.scrollTop=v.scrollHeight},i=function(f){return f.offsetWidth!==f.__resizeLast__.width||f.offsetHeight!==f.__resizeLast__.height},l=function(f){if(f.target.className&&typeof f.target.className.indexOf=="function"&&f.target.className.indexOf("contract-trigger")<0&&f.target.className.indexOf("expand-trigger")<0)return;const d=this;s(this),this.__resizeRAF__&&D0(this.__resizeRAF__),this.__resizeRAF__=H0(function(){i(d)&&(d.__resizeLast__.width=d.offsetWidth,d.__resizeLast__.height=d.offsetHeight,d.__resizeListeners__.forEach(function(I){I.call(d,f)}))})};let h=!1,y="";r="animationstart";const w="Webkit Moz O ms".split(" ");let L="webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "),S="";{const f=document.createElement("fakeelement");if(f.style.animationName!==void 0&&(h=!0),h===!1){for(let d=0;d<w.length;d++)if(f.style[w[d]+"AnimationName"]!==void 0){S=w[d],y="-"+S.toLowerCase()+"-",r=L[d],h=!0;break}}}n="resizeanim",t="@"+y+"keyframes "+n+" { from { opacity: 0; } to { opacity: 0; } } ",a=y+"animation: 1ms "+n+"; "}const c=function(h){if(!h.getElementById("detectElementResize")){const y=(t||"")+".resize-triggers { "+(a||"")+'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%; }',w=h.head||h.getElementsByTagName("head")[0],L=h.createElement("style");L.id="detectElementResize",L.type="text/css",e!=null&&L.setAttribute("nonce",e),L.styleSheet?L.styleSheet.cssText=y:L.appendChild(h.createTextNode(y)),w.appendChild(L)}};return{addResizeListener:function(h,y){if(u)h.attachEvent("onresize",y);else{if(!h.__resizeTriggers__){const w=h.ownerDocument,L=vt.getComputedStyle(h);L&&L.position==="static"&&(h.style.position="relative"),c(w),h.__resizeLast__={},h.__resizeListeners__=[],(h.__resizeTriggers__=w.createElement("div")).className="resize-triggers";const S=w.createElement("div");S.className="expand-trigger",S.appendChild(w.createElement("div"));const f=w.createElement("div");f.className="contract-trigger",h.__resizeTriggers__.appendChild(S),h.__resizeTriggers__.appendChild(f),h.appendChild(h.__resizeTriggers__),s(h),h.addEventListener("scroll",l,!0),r&&(h.__resizeTriggers__.__animationListener__=function(v){v.animationName===n&&s(h)},h.__resizeTriggers__.addEventListener(r,h.__resizeTriggers__.__animationListener__))}h.__resizeListeners__.push(y)}},removeResizeListener:function(h,y){if(u)h.detachEvent("onresize",y);else if(h.__resizeListeners__.splice(h.__resizeListeners__.indexOf(y),1),!h.__resizeListeners__.length){h.removeEventListener("scroll",l,!0),h.__resizeTriggers__.__animationListener__&&(h.__resizeTriggers__.removeEventListener(r,h.__resizeTriggers__.__animationListener__),h.__resizeTriggers__.__animationListener__=null);try{h.__resizeTriggers__=!h.removeChild(h.__resizeTriggers__)}catch{}}}}}class US extends x.Component{constructor(...t){super(...t),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:n,disableWidth:r,onResize:a}=this.props;if(this._parentNode){const i=window.getComputedStyle(this._parentNode)||{},s=parseFloat(i.paddingLeft||"0"),l=parseFloat(i.paddingRight||"0"),u=parseFloat(i.paddingTop||"0"),c=parseFloat(i.paddingBottom||"0"),m=this._parentNode.getBoundingClientRect(),C=m.height-u-c,h=m.width-s-l,y=this._parentNode.offsetHeight-u-c,w=this._parentNode.offsetWidth-s-l;(!n&&(this.state.height!==y||this.state.scaledHeight!==C)||!r&&(this.state.width!==w||this.state.scaledWidth!==h))&&(this.setState({height:y,width:w,scaledHeight:C,scaledWidth:h}),typeof a=="function"&&a({height:y,scaledHeight:C,scaledWidth:h,width:w}))}},this._setRef=n=>{this._autoSizer=n}}componentDidMount(){const{nonce:t}=this.props,n=this._autoSizer?this._autoSizer.parentNode:null;if(n!=null&&n.ownerDocument&&n.ownerDocument.defaultView&&n instanceof n.ownerDocument.defaultView.HTMLElement){this._parentNode=n;const r=n.ownerDocument.defaultView.ResizeObserver;r!=null?(this._resizeObserver=new r(()=>{this._timeoutId=setTimeout(this._onResize,0)}),this._resizeObserver.observe(n)):(this._detectElementResize=zS(t),this._detectElementResize.addResizeListener(n,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.disconnect())}render(){const{children:t,defaultHeight:n,defaultWidth:r,disableHeight:a=!1,disableWidth:i=!1,doNotBailOutOnEmptyChildren:s=!1,nonce:l,onResize:u,style:c={},tagName:m="div",...C}=this.props,{height:h,scaledHeight:y,scaledWidth:w,width:L}=this.state,S={overflow:"visible"},f={};let d=!1;return a||(h===0&&(d=!0),S.height=0,f.height=h,f.scaledHeight=y),i||(L===0&&(d=!0),S.width=0,f.width=L,f.scaledWidth=w),s&&(d=!1),x.createElement(m,{ref:this._setRef,style:{...S,...c},...C},!d&&t(f))}}function qS(e){var t=e.lastRenderedStartIndex,n=e.lastRenderedStopIndex,r=e.startIndex,a=e.stopIndex;return!(r>n||a<t)}function KS(e){for(var t=e.isItemLoaded,n=e.itemCount,r=e.minimumBatchSize,a=e.startIndex,i=e.stopIndex,s=[],l=null,u=null,c=a;c<=i;c++){var m=t(c);m?u!==null&&(s.push(l,u),l=u=null):(u=c,l===null&&(l=c))}if(u!==null){for(var C=Math.min(Math.max(u,l+r-1),n-1),h=u+1;h<=C&&!t(h);h++)u=h;s.push(l,u)}if(s.length)for(;s[1]-s[0]+1<r&&s[0]>0;){var y=s[0]-1;if(!t(y))s[0]=y;else break}return s}var ZS=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},QS=function(){function e(t,n){for(var r=0;r<n.length;r++){var a=n[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),WS=function(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)},v4=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:e};(function(e){WS(t,e);function t(){var n,r,a,i;ZS(this,t);for(var s=arguments.length,l=Array(s),u=0;u<s;u++)l[u]=arguments[u];return i=(r=(a=v4(this,(n=t.__proto__||Object.getPrototypeOf(t)).call.apply(n,[this].concat(l))),a),a._lastRenderedStartIndex=-1,a._lastRenderedStopIndex=-1,a._memoizedUnloadedRanges=[],a._onItemsRendered=function(c){var m=c.visibleStartIndex,C=c.visibleStopIndex;a._lastRenderedStartIndex=m,a._lastRenderedStopIndex=C,a._ensureRowsLoaded(m,C)},a._setRef=function(c){a._listRef=c},r),v4(a,i)}return QS(t,[{key:"resetloadMoreItemsCache",value:function(){var r=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;this._memoizedUnloadedRanges=[],r&&this._ensureRowsLoaded(this._lastRenderedStartIndex,this._lastRenderedStopIndex)}},{key:"componentDidMount",value:function(){}},{key:"render",value:function(){var r=this.props.children;return r({onItemsRendered:this._onItemsRendered,ref:this._setRef})}},{key:"_ensureRowsLoaded",value:function(r,a){var i=this.props,s=i.isItemLoaded,l=i.itemCount,u=i.minimumBatchSize,c=u===void 0?10:u,m=i.threshold,C=m===void 0?15:m,h=KS({isItemLoaded:s,itemCount:l,minimumBatchSize:c,startIndex:Math.max(0,r-C),stopIndex:Math.min(l-1,a+C)});(this._memoizedUnloadedRanges.length!==h.length||this._memoizedUnloadedRanges.some(function(y,w){return h[w]!==y}))&&(this._memoizedUnloadedRanges=h,this._loadUnloadedRanges(h))}},{key:"_loadUnloadedRanges",value:function(r){for(var a=this,i=this.props.loadMoreItems||this.props.loadMoreRows,s=function(c){var m=r[c],C=r[c+1],h=i(m,C);h!=null&&h.then(function(){if(qS({lastRenderedStartIndex:a._lastRenderedStartIndex,lastRenderedStopIndex:a._lastRenderedStopIndex,startIndex:m,stopIndex:C})){if(a._listRef==null)return;typeof a._listRef.resetAfterIndex=="function"?a._listRef.resetAfterIndex(m,!0):(typeof a._listRef._getItemStyleCache=="function"&&a._listRef._getItemStyleCache(-1),a._listRef.forceUpdate())}})},l=0;l<r.length;l+=2)s(l)}}]),t})(x.PureComponent);const GS=p("div")({name:"Container",class:"culdu4a",propsAsIs:!1}),YS=p("div")({name:"Position",class:"pwf8e69",propsAsIs:!1}),XS=p("img")({name:"Avatar",class:"atf4yh4",propsAsIs:!1}),JS=p("div")({name:"AvatarPlaceholder",class:"a1dg29ja",propsAsIs:!1}),ek=p("div")({name:"Content",class:"c10a68rc",propsAsIs:!1}),tk=p("div")({name:"NameContainer",class:"nc4kck5",propsAsIs:!1}),nk=p("span")({name:"Name",class:"njsrqgr",propsAsIs:!1}),rk=()=>Z,ak=p(rk())({name:"CurrentUserBadge",class:"c17uc4zr",propsAsIs:!0});var G7={exports:{}},ik="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",sk=ik,ok=sk;function Y7(){}function X7(){}X7.resetWarningCache=Y7;var lk=function(){function e(r,a,i,s,l,u){if(u!==ok){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}e.isRequired=e;function t(){return e}var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:X7,resetWarningCache:Y7};return n.PropTypes=n,n};G7.exports=lk();var uk=G7.exports;const rt=F4(uk);class B0 extends x.Component{constructor(t){super(t),this.scrollListener=this.scrollListener.bind(this),this.eventListenerOptions=this.eventListenerOptions.bind(this),this.mousewheelListener=this.mousewheelListener.bind(this)}componentDidMount(){this.pageLoaded=this.props.pageStart,this.options=this.eventListenerOptions(),this.attachScrollListener()}componentDidUpdate(){if(this.props.isReverse&&this.loadMore){const t=this.getParentElement(this.scrollComponent);t.scrollTop=t.scrollHeight-this.beforeScrollHeight+this.beforeScrollTop,this.loadMore=!1}this.attachScrollListener()}componentWillUnmount(){this.detachScrollListener(),this.detachMousewheelListener()}isPassiveSupported(){let t=!1;const n={get passive(){t=!0}};try{document.addEventListener("test",null,n),document.removeEventListener("test",null,n)}catch{}return t}eventListenerOptions(){let t=this.props.useCapture;return this.isPassiveSupported()?t={useCapture:this.props.useCapture,passive:!0}:t={passive:!1},t}setDefaultLoader(t){this.defaultLoader=t}detachMousewheelListener(){let t=window;this.props.useWindow===!1&&(t=this.scrollComponent.parentNode),t.removeEventListener("mousewheel",this.mousewheelListener,this.options?this.options:this.props.useCapture)}detachScrollListener(){let t=window;this.props.useWindow===!1&&(t=this.getParentElement(this.scrollComponent)),t.removeEventListener("scroll",this.scrollListener,this.options?this.options:this.props.useCapture),t.removeEventListener("resize",this.scrollListener,this.options?this.options:this.props.useCapture)}getParentElement(t){const n=this.props.getScrollParent&&this.props.getScrollParent();return n??(t&&t.parentNode)}filterProps(t){return t}attachScrollListener(){const t=this.getParentElement(this.scrollComponent);if(!this.props.hasMore||!t)return;let n=window;this.props.useWindow===!1&&(n=t),n.addEventListener("mousewheel",this.mousewheelListener,this.options?this.options:this.props.useCapture),n.addEventListener("scroll",this.scrollListener,this.options?this.options:this.props.useCapture),n.addEventListener("resize",this.scrollListener,this.options?this.options:this.props.useCapture),this.props.initialLoad&&this.scrollListener()}mousewheelListener(t){t.deltaY===1&&!this.isPassiveSupported()&&t.preventDefault()}scrollListener(){const t=this.scrollComponent,n=window,r=this.getParentElement(t);let a;if(this.props.useWindow){const i=document.documentElement||document.body.parentNode||document.body,s=n.pageYOffset!==void 0?n.pageYOffset:i.scrollTop;this.props.isReverse?a=s:a=this.calculateOffset(t,s)}else this.props.isReverse?a=r.scrollTop:a=t.scrollHeight-r.scrollTop-r.clientHeight;a<Number(this.props.threshold)&&t&&t.offsetParent!==null&&(this.detachScrollListener(),this.beforeScrollHeight=r.scrollHeight,this.beforeScrollTop=r.scrollTop,typeof this.props.loadMore=="function"&&(this.props.loadMore(this.pageLoaded+=1),this.loadMore=!0))}calculateOffset(t,n){return t?this.calculateTopPosition(t)+(t.offsetHeight-n-window.innerHeight):0}calculateTopPosition(t){return t?t.offsetTop+this.calculateTopPosition(t.offsetParent):0}render(){const t=this.filterProps(this.props),{children:n,element:r,hasMore:a,initialLoad:i,isReverse:s,loader:l,loadMore:u,pageStart:c,ref:m,threshold:C,useCapture:h,useWindow:y,getScrollParent:w,...L}=t;L.ref=f=>{this.scrollComponent=f,m&&m(f)};const S=[n];return a&&(l?s?S.unshift(l):S.push(l):this.defaultLoader&&(s?S.unshift(this.defaultLoader):S.push(this.defaultLoader))),x.createElement(r,L,S)}}ge(B0,"propTypes",{children:rt.node.isRequired,element:rt.node,hasMore:rt.bool,initialLoad:rt.bool,isReverse:rt.bool,loader:rt.node,loadMore:rt.func.isRequired,pageStart:rt.number,ref:rt.func,getScrollParent:rt.func,threshold:rt.number,useCapture:rt.bool,useWindow:rt.bool}),ge(B0,"defaultProps",{element:"div",hasMore:!1,initialLoad:!0,pageStart:0,ref:null,threshold:250,useWindow:!0,isReverse:!1,useCapture:!1,loader:null,getScrollParent:null});const ck=({friendsRank:e,avatar:t,name:n,userId:r,points:a,isCurrentUser:i,style:s})=>o.jsxs(GS,{"data-name":r,style:s,children:[o.jsx(YS,{children:e||0}),o.jsxs(ek,{children:[t?o.jsx(XS,{alt:"leaderboard-item-avatar",src:t}):o.jsx(JS,{children:ds(n||"")}),o.jsxs(tk,{children:[o.jsx(nk,{children:n||""}),i&&o.jsx(ak,{name:"icon-star"})]})]}),o.jsx("div",{children:L8(a)})]}),dk=p("div")({name:"Container",class:"c16btbfp",propsAsIs:!1}),fk=({items:e,currentUserId:t,openItemDetail:n,fetchMore:r,scrollNode:a,hasMore:i})=>{const s=x.useCallback(l=>{const u=l.target.getAttribute("data-name");u&&n(u)},[n]);return o.jsx(B0,{loadMore:r,initialLoad:!1,hasMore:i,useWindow:!1,getScrollParent:()=>a.current,children:o.jsx(dk,{"data-a":"intr",onClick:s,children:e.map(l=>o.jsx(ck,{...l,isCurrentUser:!!t&&t===l.userId},l.userId))})})},pk=p("div")({name:"Container",class:"c1itm4k7",propsAsIs:!1}),hk=p("div")({name:"IconContainer",class:"i1w4fsni",propsAsIs:!1}),mk=()=>Z,Ck=p(mk())({name:"InviteGameIcon",class:"i19m85r1",propsAsIs:!0}),vk=p("div")({name:"Content",class:"c1mbu204",propsAsIs:!1}),gk=p("div")({name:"Heading",class:"h1amdqtv",propsAsIs:!1}),yk=p("div")({name:"Subtext",class:"s1lhlj9j",propsAsIs:!1}),bk=p("div")({name:"LinkContainer",class:"l1wot35e",propsAsIs:!1}),wk=p("div")({name:"LinkInfo",class:"l1jdw39q",propsAsIs:!1}),xk=p("span")({name:"LinkTitle",class:"l1cr5mk",propsAsIs:!1}),Ek=p("span")({name:"LinkAddress",class:"lvi87q4",propsAsIs:!1}),Lk=()=>Z,Sk=p(Lk())({name:"LinkIcon",class:"l1pqlvw3",propsAsIs:!0}),J7=({inviteLink:e,inviteCardTitle:t,inviteCardSubtext:n,primaryColor:r,className:a})=>{const i=x.useRef(null),[s,l]=W7(i),[u]=z4({type:"invitation",action:"sent",payload:{from:T.InvitationFrom.MENU}});return o.jsxs(pk,{className:a,children:[o.jsx(hk,{style:{backgroundColor:r},children:o.jsx(Ck,{name:"invite-game-icon"})}),o.jsxs(vk,{children:[o.jsx(gk,{children:t||""}),o.jsx(yk,{children:n||""})]}),e&&o.jsxs(bk,{ref:i,"data-a":"intr",onClick:u(()=>s(e)),children:[o.jsxs(wk,{children:[o.jsx(xk,{children:"Invite link"}),o.jsx(Ek,{children:e})]}),o.jsx(Sk,{name:"icon-copy"})]}),l]})},kk=p("div")({name:"InviteFriendsContainer",class:"i1c9dygq",propsAsIs:!1}),Ik=({deepLink:e})=>o.jsx(kk,{children:o.jsx(J7,{inviteLink:e,inviteCardTitle:"It’s More Fun With Friends",inviteCardSubtext:"Invite and compete against your friends for the top spot on the leaderboard."})}),_k=p("div")({name:"InviteLinkContainer",class:"i1odbhm4",propsAsIs:!1}),Tk=({gamification:e,scrollNode:t,scrollStore:n})=>{const r=x.useRef(null),{data:a,hasMore:i,loading:s,key:l}=ae(e.leaderboardList.$store),{data:u}=ae(e.deepLink.$store),[c,m]=W7(r);return!a.length&&!s?o.jsx(Ik,{deepLink:u}):o.jsxs(o.Fragment,{children:[o.jsx(fk,{items:a,scrollNode:t,scrollStore:n,fetchMore:e.leaderboardList.fetchMore,hasMore:i,openItemDetail:e.openUser,currentUserId:e.currentUserId.get()},l),u&&o.jsx(_k,{ref:r,children:o.jsx(BS,{"data-a":"intr",onClick:()=>c(u),title:"Invite Friends",description:"Challenge them now!"})}),m]})},so=p("div")({name:"QuestionItem",class:"q1w97g3p",propsAsIs:!1}),$k=p("div")({name:"QuestionCaption",class:"q2sl39u",propsAsIs:!1}),Ak=p("div")({name:"QuestionBody",class:"qd5h0uc",propsAsIs:!1}),jk=p("div")({name:"QuestionAction",class:"q105uluy",propsAsIs:!1}),Rk=()=>Z,dr=p(Rk())({name:"QuestionActionIcon",class:"q1fa0b9h",propsAsIs:!0}),Ok=()=>dr,Mk=p(Ok())({name:"QuestionCheckIcon",class:"qxlt78s",propsAsIs:!0}),Fk=()=>Z,Nk=p(Fk())({name:"QuestionTypeIcon",class:"qmg0vkx",propsAsIs:!0}),Pk=p("div")({name:"QuestionTypeLabel",class:"q1uz5j1g",propsAsIs:!1}),Vk=p("div")({name:"QuestionContent",class:"qc3icwa",propsAsIs:!1}),e5=p("button")({name:"PlayButton",class:"p169lohr",propsAsIs:!1}),Dk=p("div")({name:"SkeletonContainer",class:"s1f43z3r",propsAsIs:!1}),Hk=()=>E8,Bk=p(Hk())({name:"SkeletonButton",class:"s16k8geu",propsAsIs:!0}),zk={[T.PickHistoryStatus.LOST]:o.jsx(dr,{name:"incorrectVoted"}),[T.PickHistoryStatus.WON]:o.jsx(Mk,{name:"icon-check"}),[T.PickHistoryStatus.UNSET]:o.jsx(dr,{name:"icon-arrow"}),[T.PickHistoryStatus.DNP]:o.jsx(dr,{name:"icon-arrow"})},Uk=()=>o.jsxs(Dk,{children:[o.jsx(it,{loading:!0,style:{width:"35%"}}),o.jsx(it,{loading:!0,style:{width:"70%"}}),o.jsx(Bk,{})]}),t5=({questionTypeData:e,questionType:t,questionStatus:n})=>o.jsxs($k,{className:"SL_QuestionCaption",children:[o.jsx(Nk,{className:"SL_QuestionTypeIcon","data-testid":"question-type-icon","data-type-trivia":t===T.QuestionType.TRIVIA,"data-type-poll":t===T.QuestionType.POLL,name:e.iconName}),o.jsxs(Pk,{className:"SL_QuestionTypeLabel",children:[e.label,t===T.QuestionType.TRIVIA&&n===T.QuestionStatus.RESOLVED&&" • Expired"]})]}),qk=({questionId:e,questionType:t,questionStatus:n,subject:r,openForVoting:a,status:i})=>{const s=k2[t],l=zk[i];return s?o.jsxs(so,{"data-a":"intr","data-name":e,children:[o.jsxs(Vk,{children:[o.jsx(t5,{questionTypeData:s,questionType:t,questionStatus:n}),o.jsx(Ak,{children:r||""})]}),o.jsx(jk,{children:a?o.jsx(e5,{"data-a":"intr","data-name":e,children:"Play"}):l})]}):null},Kk=()=>so,Zk=p(Kk())({name:"Container",class:"cll3md7",propsAsIs:!0}),Qk=()=>e5,Wk=p(Qk())({name:"ActionBtn",class:"a10g1iik",propsAsIs:!0}),Gk=({questionId:e,...t})=>o.jsxs(Zk,{"data-a":"intr","data-name":e,children:[o.jsx(U7,{questionId:e,...t}),o.jsx(Wk,{"data-a":"intr","data-name":e,children:"View Insight"})]}),Yk=()=>so,Xk=p(Yk())({name:"Container",class:"cl56x6b",propsAsIs:!0}),Jk=p("button")({name:"ActionButton",class:"a11pzf92",propsAsIs:!1}),eI=p("blockquote")({name:"Quote",class:"q1hbaleq",propsAsIs:!1}),tI=({...e})=>o.jsxs(Xk,{"data-a":"intr","data-name":e.tweetId,children:[e.title&&o.jsx(eI,{children:e.title}),o.jsx(io,{...e}),o.jsx(Jk,{"data-a":"intr","data-name":e.tweetId,children:"View Insight"})]}),g4=p("div")({name:"QuestionsContainer",class:"qvghv3l",propsAsIs:!1}),nI=({questions:e,openQuestion:t,controlVideo:n})=>{const r=a=>{const i=a.target.getAttribute("data-name");i&&(z7(),t(i,{openedFrom:"list"}))};return e?o.jsx(g4,{"data-a":"intr",onClick:r,children:e==null?void 0:e.map(a=>{var i,s,l;if(a.type==="question"&&((i=a.attributes)==null?void 0:i.attributes.case)==="question"){const u=a.attributes.attributes.value;return o.jsx(qk,{...u},u.questionId)}if(a.type==="insight"&&((s=a.attributes)==null?void 0:s.attributes.case)==="insight"){const u=a.attributes.attributes.value;return o.jsx(Gk,{controlVideo:n,...u},u.questionId)}if(a.type==="tweet"&&((l=a.attributes)==null?void 0:l.attributes.case)==="tweet"){const u=a.attributes.attributes.value,c=a.attributes.id;return o.jsx(tI,{controlVideo:n,...u,tweetId:c},c)}return null})}):o.jsx(g4,{children:Array.from({length:5}).map((a,i)=>o.jsx(Uk,{},i))})},rI=({store:e,openQuestion:t})=>{const{sdk:n}=Kr(),r=ae(e);return o.jsx(nI,{openQuestion:t,questions:r.data,controlVideo:n==null?void 0:n.controlVideoPlayer})},aI=({userSummary:e})=>{var t;const[n,r]=x.useState(void 0);return x.useEffect(()=>{const a=e.$store.subscribe(i=>{i&&r(i)});return()=>{a()}},[e]),o.jsx(S8,{loading:!(n!=null&&n.summary),...n==null?void 0:n.summary,successRate:(t=n==null?void 0:n.percentage)==null?void 0:t.correct})},iI=({gamification:e,className:t,scrollStore:n,scrollNode:r,appNode:a,style:i,responsiveStore:s})=>{const{tabsShown:l}=ae(n,{keys:["tabsShown"]}),u=ae(e.friendsTabEnabled),[c,m]=x.useState(Zn.HOME),[,C]=tu(),{sdkInDesktopView:h,screen:y}=ae(s,{keys:["sdkInDesktopView"]}),w=S=>{C(()=>{var f;m(S),h===!1&&(((f=a.current)==null?void 0:f.getBoundingClientRect().y)||0)<0&&Q0(a,y.size,{behavior:"instant"})})};x.useEffect(()=>n.subscribe(S=>{if(S.scrollPosition===0){n.setKey("tabsShown",!0);return}s.get().sdkInDesktopView?n.setKey("tabsShown",S.scrollDirection==="backward"):n.setKey("tabsShown",S.scrollDirection==="forward")}),[n,s]),x.useEffect(()=>{u||m(Zn.HOME)},[u]);let L="0px";return h?L=l?"0px":"calc(0px - var(--header-height))":L=l?"var(--header-height)":"0px",o.jsxs(N5,{className:De(t,"SL-Tabs","sl-hide-on-modal"),style:i,children:[u&&o.jsx(H5,{style:{top:L},children:o.jsx(TS,{activePage:c,toggleActivePage:w})}),c===Zn.HOME&&o.jsxs(o.Fragment,{children:[o.jsx(F5,{children:o.jsx(B5,{children:o.jsx(aI,{userSummary:e.userSummary})})}),o.jsx(q0,{style:{flex:1},children:o.jsx(rI,{openQuestion:e.openQuestion,store:e.feedList.getStore()})})]}),c===Zn.LEADERBOARD&&o.jsx(V5,{children:o.jsx(Tk,{scrollStore:n,scrollNode:r,gamification:e})})]})},sI=()=>_n,y4=p(sI())({name:"OpenedContainer",class:"ouvguos",propsAsIs:!0}),b4="t1eu4lbg",oI=p("div")({name:"UserContainer",class:"uuv2xqo",propsAsIs:!1}),lI=({correct:e,incorrect:t})=>{const n=e+t;return n===0?0:Math.round(e/n*100)},uI=({gamification:e,scrollStore:t,className:n,appNode:r,scrollNode:a,responsiveStore:i})=>o.jsx(iI,{appNode:r,scrollStore:t,scrollNode:a,className:n,gamification:e,responsiveStore:i}),cI=({gamification:e,muted:t,sdk:n,className:r,appNode:a,responsiveStore:i})=>{const{topNavigation:s}=Kr(),l=ae(e.openedQuestionId),u=ae(e.openedQuestion.$store),c=ae(e.openedUser),{sdkInDesktopView:m}=ae(i,{keys:["sdkInDesktopView"]}),{hiding:C,onAnimationEnd:h}=K4();if(!l&&!c)return null;const y=u?o.jsx(y4,{className:De(r,!s&&b4),hiding:C,onAnimationEnd:h,children:o.jsx(Q7,{muted:t,sdk:n,gamification:e})}):c?o.jsx(y4,{className:De(r,!s&&b4),hiding:C,onAnimationEnd:h,children:o.jsxs(oI,{children:[o.jsx(x8,{label:"Friend's Rank",close:e.closeUser}),o.jsx(K0,{children:o.jsx(S8,{...c,successRate:lI(c)})})]})}):null;return o.jsx(A7,{container:a,useContainer:!m,children:y})},dI=x.lazy(()=>Promise.resolve().then(()=>require("./gamification-feature.js"))),fI=({sdk:e,feature:t,className:n,scrollStore:r,appNode:a,scrollNode:i,responsiveStore:s})=>{const l=x.useMemo(()=>t&&t.featureConfig.get().type===T.SdkOverlayType.GAMES?o.jsx(ju,{className:n,sdk:e,feature:t,children:o.jsx(dI,{appNode:a,scrollStore:r,scrollNode:i,className:n,responsiveStore:s,gamification:t})}):null,[e,t,n,s,r,i,a]);return o.jsx(x.Suspense,{fallback:o.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"page loading..."}),children:l})},pI=({feature:e,sdk:t,muted:n,className:r,appNode:a,responsiveStore:i})=>e&&e.featureConfig.get().type===T.SdkOverlayType.GAMES?o.jsx(cI,{className:r,appNode:a,muted:n,sdk:t,responsiveStore:i,gamification:e}):null,hI=p("div")({name:"Buttons",class:"b5o8qbl",propsAsIs:!1}),mI=({children:e,className:t})=>o.jsx(hI,{className:t,children:e}),n5=p("div")({name:"Navigation",class:"n6tbwuy",propsAsIs:!1}),CI=()=>mI,w4=p(CI())({name:"NavigationItems",class:"n1up4z7v",propsAsIs:!0}),vI=p("button")({name:"SButton",class:"sxxa0c",propsAsIs:!1}),gI=p("span")({name:"ButtonIcon",class:"b193dcyu",propsAsIs:!1}),yI=p("span")({name:"ButtonLabel",class:"b40tuix",propsAsIs:!1}),bI="s14xk0af",wI="ha3mg7c",xI="h103yr45",X2=({disabled:e,active:t,onClick:n,label:r,icon:a,id:i})=>o.jsx(vI,{onClick:n,"data-a":"intr",disabled:e,className:De(t&&bI,!t&&(i==="channels"||i==="featuredGroups")&&wI,!t&&i==="leaderboard"&&xI),children:o.jsxs(o.Fragment,{children:[a&&o.jsx(gI,{children:a}),o.jsx(yI,{children:r})]})}),EI=()=>Z,LI=p(EI())({name:"ButtonIcon",class:"b11wpe79",propsAsIs:!0}),SI=p("div")({name:"Container",class:"calnblm",propsAsIs:!1}),kI=p("div")({name:"Title",class:"t1438p52",propsAsIs:!1}),II=p("div")({name:"CloseIconWrap",class:"c17srj38",propsAsIs:!1}),_I=()=>Z,TI=p(_I())({name:"CloseIcon",class:"clqia8k",propsAsIs:!0}),$I=()=>Z,AI=p($I())({name:"DashboardIcon",class:"df5w958",propsAsIs:!0}),jI="h12x6aiv",RI=x.forwardRef(({sdk:e,className:t},n)=>{const r=()=>{e.closeFeature()};return o.jsxs(n5,{className:De(t,jI),children:[o.jsxs(SI,{children:[o.jsxs(kI,{children:[o.jsx(AI,{name:"dashboard"}),"Dashboard"]}),o.jsx(II,{"data-a":"intr",onClick:r,children:o.jsx(TI,{name:"icon-cross"})})]}),o.jsx("div",{ref:n})]})}),OI=x.forwardRef(({sdk:e,className:t},n)=>{const r=ae(e.sdkStore.organizationSettings),a=ae(e.sdkStore.streamSettings),i=ae(e.getActiveFeature()),s=x.useMemo(()=>{const u=(a==null?void 0:a.data)||(r==null?void 0:r.data);return u!=null&&u.overlays?u.overlays:[]},[r,a]),l=x.useMemo(()=>[...s.filter(({enableSdkButton:u,type:c})=>c===T.SdkOverlayType.GAMES||u).map(u=>({id:u.type,onClick:()=>e.openFeature(u.type),disabled:!(u.type in L5),label:u.name,icon:o.jsx("img",{src:u.icon,alt:""}),position:u.position*10}))].sort((u,c)=>u.position-c.position),[s,e]);return o.jsxs(n5,{className:t,children:[l.length!==0&&o.jsx(w4,{children:[o.jsx(X2,{id:"Channels",onClick:()=>e.closeFeature(),label:"Channels",active:i===0},"Channels"),...l.map(u=>u.id===T.SdkOverlayType.GAMES?o.jsx(X2,{...u,active:u.id===i,label:"StreamLayer +",id:"featuredGroups",icon:o.jsx(LI,{name:"icon-btn-feature-groups","data-selected":u.id===i})},u.id):o.jsx(X2,{...u,icon:void 0,active:u.id===i},u.id))]}),!l.length&&o.jsx(w4,{children:[o.jsx(X2,{id:"empty",label:"No Features...",active:!1,disabled:!0},"empty")]}),o.jsx("div",{ref:n})]})}),MI=p("div")({name:"InsightContainer",class:"i1pqqgpo",propsAsIs:!1}),FI=p("img")({name:"Image",class:"igj7luu",propsAsIs:!1}),NI=p("div")({name:"ImageContainer",class:"i1qne9g6",propsAsIs:!1}),PI=p("div")({name:"InsightContent",class:"itpr98r",propsAsIs:!1}),VI=p("h3")({name:"Title",class:"t17iaqp8",propsAsIs:!1}),DI=p("div")({name:"Description",class:"d16t3y7s",propsAsIs:!1}),HI=p("button")({name:"ActionBtn",class:"a12495er",propsAsIs:!1}),BI=({video:e,image:t,imageMode:n,heading:r,body:a,action:i,controlVideo:s})=>o.jsxs(MI,{children:[(e==null?void 0:e.url)&&o.jsx(A2,{source:e.url,poster:e.thumbnailUrl,controlVideo:s}),t&&!(e!=null&&e.url)&&o.jsx(NI,{"data-rounded":n===T.QuestionImages.ROUNDED,children:o.jsx(FI,{src:t,alt:r})}),o.jsxs(PI,{children:[o.jsx(VI,{children:r}),o.jsx(DI,{children:a}),i&&o.jsx(HI,{onClick:i,children:"View Insight"})]})]}),zI=p("div")({name:"Container",class:"c1eptrjd",propsAsIs:!1}),UI=p("div")({name:"CloseIconWrap",class:"crylm65",propsAsIs:!1}),qI=()=>Z,KI=p(qI())({name:"CloseIcon",class:"c9mrcz7",propsAsIs:!0}),ZI=p("div")({name:"Header",class:"hw3lzv4",propsAsIs:!1}),QI=()=>Z,WI=p(QI())({name:"TypeIcon",class:"t1rrb3kf",propsAsIs:!0}),GI=p("span")({name:"TypeName",class:"t1ydnjov",propsAsIs:!1}),YI=p("div")({name:"Question",class:"qlf90cl",propsAsIs:!1}),XI=p("button")({name:"AnswerButton",class:"a1e0nhcl",propsAsIs:!1}),JI=p("div")({name:"Container",class:"c1t4f0x4",propsAsIs:!1}),e_=p("button")({name:"ActionBtn",class:"a16w1nl6",propsAsIs:!1}),t_=p("div")({name:"QuoteWrap",class:"q14u54rf",propsAsIs:!1}),n_=p("blockquote")({name:"Quote",class:"q1hxm6zo",propsAsIs:!1}),r_=({action:e,...t})=>o.jsxs(JI,{children:[t.title&&o.jsx(t_,{children:o.jsx(n_,{children:t.title})}),o.jsx(io,{...t}),e&&o.jsx(e_,{onClick:e,children:"View Insight"})]}),x4=({close:e,action:t,controlVideo:n,data:{questionType:r,question:a,insight:i,tweet:s}})=>{const l=k2[r];return l?o.jsxs(zI,{onClick:t,style:r===T.QuestionType.TWEET?{paddingTop:"12px"}:{},children:[o.jsx(UI,{"data-a":"intr",onClick:u=>{u.stopPropagation(),e&&e(u)},children:o.jsx(KI,{name:"icon-cross"})}),r!==T.QuestionType.TWEET&&o.jsxs(ZI,{children:[o.jsx(WI,{"data-type-trivia":r===T.QuestionType.TRIVIA,"data-type-poll":r===T.QuestionType.POLL,name:l.iconName}),o.jsx(GI,{children:l.label})]}),r===T.QuestionType.FACTOID&&i&&o.jsx(BI,{...i,action:t,controlVideo:n}),r===T.QuestionType.TWEET&&s&&o.jsx(r_,{...s,action:t,controlVideo:n}),r!==T.QuestionType.FACTOID&&r!==T.QuestionType.TWEET&&o.jsxs(o.Fragment,{children:[o.jsx(YI,{children:a==null?void 0:a.title}),o.jsx(XI,{children:"Answer"})]})]}):null},U1=p("div")({name:"BGWrap",class:"b1dqe0sz",propsAsIs:!1}),nt=p("div")({name:"BGLineBase",class:"b1v6w7ni",propsAsIs:!1}),a_=()=>nt,i_=p(a_())({name:"BGOneLineOne",class:"b2nqb1p",propsAsIs:!0}),s_=()=>nt,o_=p(s_())({name:"BGOneLineTwo",class:"b1xxgmbk",propsAsIs:!0}),l_=()=>nt,u_=p(l_())({name:"BGOneLineThree",class:"b63lwcb",propsAsIs:!0}),c_=()=>nt,E4=p(c_())({name:"BGTwoLineOne",class:"b2iah4",propsAsIs:!0}),d_=()=>nt,L4=p(d_())({name:"BGTwoLineTwo",class:"b1xezvf6",propsAsIs:!0}),f_=()=>nt,S4=p(f_())({name:"BGTwoLineThree",class:"b1jz1hg0",propsAsIs:!0}),p_=()=>nt,k4=p(p_())({name:"BGThreeLineOne",class:"b18ho1tk",propsAsIs:!0}),h_=()=>nt,I4=p(h_())({name:"BGThreeLineTwo",class:"b14uvjfm",propsAsIs:!0}),m_=()=>nt,_4=p(m_())({name:"BGThreeLineThree",class:"b11c3ns7",propsAsIs:!0}),C_=()=>nt,T4=p(C_())({name:"BGThreeLineFour",class:"b1bqhhet",propsAsIs:!0}),v_=()=>nt,g_=p(v_())({name:"BGFourLineOne",class:"b1xyzi7o",propsAsIs:!0}),y_=()=>nt,b_=p(y_())({name:"BGFourLineTwo",class:"byo0rup",propsAsIs:!0}),w_=()=>nt,x_=p(w_())({name:"BGFourLineThree",class:"b1oyiqgv",propsAsIs:!0}),E_=()=>nt,L_=p(E_())({name:"BGFourLineFour",class:"bx3ddqw",propsAsIs:!0}),S_=({step:e,correct:t})=>o.jsxs(o.Fragment,{children:[o.jsxs(U1,{"data-active":e===1,"data-first-screen":"true",children:[o.jsx(i_,{}),o.jsx(o_,{}),o.jsx(u_,{})]}),o.jsxs(U1,{"data-active":e===2,children:[o.jsx(E4,{}),o.jsx(L4,{}),o.jsx(S4,{})]}),o.jsxs(U1,{"data-active":e===3,children:[o.jsx(E4,{}),o.jsx(L4,{}),o.jsx(S4,{})]}),t?o.jsxs(o.Fragment,{children:[o.jsxs(U1,{"data-active":e===4,"data-correct":"true",children:[o.jsx(k4,{}),o.jsx(I4,{}),o.jsx(_4,{}),o.jsx(T4,{})]}),o.jsxs(U1,{"data-active":e===5,"data-correct":"true",children:[o.jsx(k4,{}),o.jsx(I4,{}),o.jsx(_4,{}),o.jsx(T4,{})]})]}):o.jsxs(U1,{"data-active":e===4,"data-correct":"false",children:[o.jsx(g_,{}),o.jsx(b_,{}),o.jsx(x_,{}),o.jsx(L_,{})]})]}),k_=118,I_=()=>_n,__=p(I_())({name:"Container",class:"c10131zw",propsAsIs:!0}),T_=p("div")({name:"InnerContainer",class:"ir6k2eo",propsAsIs:!1}),w1=p("div")({name:"Content",class:"c1hwoq9l",propsAsIs:!1}),Qn=p("div")({name:"Title",class:"t4ujo4g",propsAsIs:!1}),$_=()=>Qn,A_=p($_())({name:"PointsTitle",class:"p1pjil1h",propsAsIs:!0}),J2=p("div")({name:"Subtitle",class:"s1iorwr9",propsAsIs:!1}),$4=p("div")({name:"SubtitleFG",class:"s51sv9d",propsAsIs:!1}),er=p("div")({name:"AnswerText",class:"a1lbk2ye",propsAsIs:!1}),j_=()=>Z,r5=p(j_())({name:"FeedbackIcon",class:"frcvk3t",propsAsIs:!0}),R_=()=>r5,A4=p(R_())({name:"FeedbackIconCorrect",class:"f33p82r",propsAsIs:!0}),O_=()=>r5,M_=p(O_())({name:"FeedbackIconIncorrect",class:"f12r9net",propsAsIs:!0}),j4=p("div")({name:"CloseIconWrap",class:"c1fw6699",propsAsIs:!1}),F_=()=>Z,R4=p(F_())({name:"CloseIcon",class:"c115o126",propsAsIs:!0}),N_="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",P_="data:image/svg+xml,%3csvg%20width='159'%20height='28'%20viewBox='0%200%20159%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_6919_71839)'%3e%3cpath%20d='M4.13243%2025.9198C5.34921%2026.9052%207.05161%2027.0267%208.39597%2026.224L22.9838%2017.5138C25.4013%2016.0703%2025.4117%2012.5721%2023.0028%2011.1144L17.4686%207.76522C15.4767%206.55981%2012.8918%207.10053%2011.5501%209.00325L3.27399%2020.7399C2.14132%2022.3462%202.44805%2024.5556%203.97544%2025.7926L4.13243%2025.9198Z'%20stroke='white'%20style='stroke:white;stroke-opacity:1;'%20stroke-width='2.33333'/%3e%3cpath%20d='M4.11673%202.57147C5.33939%201.58127%207.0516%201.46387%208.39797%202.27791L22.9843%2011.0971C25.3835%2012.5477%2025.3874%2016.0265%2022.9914%2017.4824L17.5405%2020.7946C15.5485%2022.005%2012.9594%2021.4661%2011.6157%2019.5615L3.27518%207.7386C2.142%206.1323%202.44856%203.92248%203.97619%202.68529L4.11673%202.57147Z'%20stroke='white'%20style='stroke:white;stroke-opacity:1;'%20stroke-width='2.33333'/%3e%3cpath%20d='M49.8088%2020.0063C47.924%2020.0063%2046.7521%2018.7437%2046.7521%2016.6748V13.1359H50.1977V10.9296H46.7521V7.34668L44.2736%209.18483V10.9271H42.8892V13.1333H44.2736V16.6515C44.2736%2020.2137%2046.3632%2022.4174%2049.8321%2022.4174H50.361V20.0063H49.8088Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M30.4704%2019.5631L32.6818%2017.8339C33.6722%2019.4231%2035.01%2020.2761%2036.7159%2020.2761C38.5826%2020.2761%2039.757%2019.0783%2039.757%2017.5798C39.757%2015.8505%2037.9137%2015.2983%2035.977%2014.6761C33.6956%2013.9398%2031.23%2013.0168%2031.23%209.92907C31.23%207.37018%2033.5115%205.34277%2036.6226%205.34277C39.1815%205.34277%2040.7707%206.33314%2042.0618%207.83166L40.0111%209.35351C39.2515%208.17907%2038.1211%207.55685%2036.6226%207.55685C34.9167%207.55685%2033.8096%208.57055%2033.8096%209.88499C33.8096%2011.4976%2035.5856%2012.0291%2037.5196%2012.6746C39.8244%2013.4576%2042.3367%2014.4506%2042.3367%2017.585C42.3367%2020.1672%2040.2159%2022.6328%2036.7367%2022.6328C33.8563%2022.6328%2031.8963%2021.4117%2030.4678%2019.5683L30.4704%2019.5631Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M58.9189%2016.7007C58.9189%2013.3225%2061.5141%2010.6807%2064.8923%2010.6807C68.2704%2010.6807%2070.7982%2013.1384%2070.7982%2016.5399V17.5044H61.286C61.6075%2019.2725%2062.9867%2020.4444%2064.9856%2020.4444C66.5489%2020.4444%2067.7441%2019.6173%2068.3404%2018.3755L70.3627%2019.5007C69.3515%2021.3855%2067.5367%2022.6247%2064.9856%2022.6247C61.356%2022.6247%2058.9189%2020.0296%2058.9189%2016.6981V16.7007ZM61.4001%2015.4147H68.2938C67.9256%2013.7607%2066.663%2012.8403%2064.8923%2012.8403C63.1215%2012.8403%2061.8589%2013.8981%2061.4001%2015.4147Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M51.8955%2016.6752C51.8955%2013.113%2053.9851%2010.9326%2057.454%2010.9326H58.5559V13.323H57.4307C55.5459%2013.323%2054.33%2014.6322%2054.3533%2016.7011V22.423H51.8955V16.6804V16.6752Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M72.0138%2016.6774C72.0138%2013.3226%2074.6557%2010.7041%2077.9638%2010.7041C81.272%2010.7041%2083.8672%2013.3226%2083.8672%2016.6774V22.42H81.456V20.9267C80.6523%2022.0052%2079.4105%2022.6274%2077.8938%2022.6274C74.609%2022.6274%2072.0112%2020.0556%2072.0112%2016.6774H72.0138ZM81.5027%2016.6774C81.5027%2014.6319%2079.9394%2013.0011%2077.9638%2013.0011C75.9883%2013.0011%2074.4249%2014.6319%2074.4249%2016.6774C74.4249%2018.723%2075.9649%2020.3537%2077.9638%2020.3537C79.9627%2020.3537%2081.5027%2018.6997%2081.5027%2016.6774Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M85.4155%2015.978C85.4155%2012.9214%2087.5052%2010.6943%2090.6085%2010.6943C92.3766%2010.6943%2093.8026%2011.4073%2094.697%2012.6025C95.5474%2011.4073%2096.9266%2010.6943%2098.6948%2010.6943C101.819%2010.6943%20104.002%2012.8773%20104.002%2015.978V22.4103H101.544V16.0014C101.544%2014.2566%20100.372%2013.038%2098.6948%2013.038C97.0174%2013.038%2095.9155%2014.2799%2095.9389%2015.934V22.4129H93.4811V16.004C93.4811%2014.2592%2092.2859%2013.0406%2090.6085%2013.0406C88.9311%2013.0406%2087.8526%2014.2825%2087.8733%2015.9366V22.4154H85.4155V15.9832V15.978Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M105.578%205.6416H108.082V20.0227H114.859V22.4131H105.578V5.6416Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M138.483%2016.7007C138.483%2013.3225%20141.078%2010.6807%20144.456%2010.6807C147.834%2010.6807%20150.362%2013.1384%20150.362%2016.5399V17.5044H140.85C141.171%2019.2725%20142.551%2020.4444%20144.55%2020.4444C146.113%2020.4444%20147.308%2019.6173%20147.904%2018.3755L149.927%2019.5007C148.916%2021.3855%20147.101%2022.6247%20144.55%2022.6247C140.92%2022.6247%20138.483%2020.0296%20138.483%2016.6981V16.7007ZM140.964%2015.4147H147.858C147.49%2013.7607%20146.227%2012.8403%20144.456%2012.8403C142.685%2012.8403%20141.423%2013.8981%20140.964%2015.4147Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M115.269%2016.6774C115.269%2013.3226%20117.911%2010.7041%20121.219%2010.7041C124.527%2010.7041%20127.122%2013.3226%20127.122%2016.6774V22.42H124.711V20.9267C123.907%2022.0052%20122.665%2022.6274%20121.149%2022.6274C117.864%2022.6274%20115.266%2020.0556%20115.266%2016.6774H115.269ZM124.758%2016.6774C124.758%2014.6319%20123.194%2013.0011%20121.219%2013.0011C119.243%2013.0011%20117.68%2014.6319%20117.68%2016.6774C117.68%2018.723%20119.22%2020.3537%20121.219%2020.3537C123.218%2020.3537%20124.758%2018.6997%20124.758%2016.6774Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M131.67%2021.8547L126.915%2010.9658H129.557L132.912%2018.938L136.082%2010.9658H138.678L131.74%2027.7606H129.212L131.67%2021.8573V21.8547Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M151.897%2016.6674C151.897%2013.1052%20153.987%2010.9248%20157.455%2010.9248H158.557V13.3152H157.432C155.547%2013.3152%20154.331%2014.6244%20154.355%2016.6933V22.4152H151.897V16.6726V16.6674Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_6919_71839'%3e%3crect%20width='158.12'%20height='28'%20fill='white'%20style='fill:white;fill-opacity:1;'%20transform='translate(0.44043)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",V_=(e,t,n)=>e===t?"translateY(0px)":e>t?`translateY(${n}px)`:"translateY(-100%)",D_=({close:e,votedAnswer:t,mastersApp:n,correct:r,correctAnswerTitle:a,questionTitle:i,saveHeight:s,style:l,hiding:u})=>{const[c,m]=x.useState(1),C=x.useRef({});x.useEffect(()=>{const L=setInterval(()=>{m(S=>r&&S>4||!r&&S>3?S:++S)},3e3);return()=>clearInterval(L)},[r]),x.useEffect(()=>{var L,S;C.current[c]&&s(((S=(L=C.current[c])==null?void 0:L.getBoundingClientRect())==null?void 0:S.height)||k_)},[c,s]);const h=L=>S=>{C.current&&(C.current[L]=S)},y=L=>({transform:V_(L,c,l.height)}),w={...l};return n&&w.height&&typeof w.height=="number"&&(w.height+=32),o.jsx(__,{style:l.height?w:{...l,paddingTop:0,paddingBottom:0},hiding:u,children:o.jsxs(T_,{style:{height:l.height,minHeight:l.height,backgroundColor:c>3?r?"var(--color-sdk-prediction-result-success-bg)":"var(--color-sdk-prediction-result-incorrect-bg)":"var(--color-primary-1)"},children:[o.jsx(S_,{step:c,correct:r}),n&&o.jsxs(w1,{ref:h(1),style:y(1),children:[o.jsx("img",{alt:"sponsor-logo",src:N_}),o.jsx($4,{children:"Featured Groups +"})]}),!n&&o.jsx(w1,{ref:h(1),style:y(1),children:o.jsx("img",{alt:"sponsor-logo",src:P_})}),o.jsxs(w1,{ref:h(2),style:y(2),children:[o.jsx(Qn,{children:"Prediction results are in!"}),n&&o.jsx($4,{children:"Featured Groups +"})]}),o.jsxs(w1,{ref:h(3),style:y(3),children:[o.jsx(Qn,{children:i}),o.jsx(J2,{children:o.jsxs(er,{children:[o.jsx("span",{children:"Your Pick:"})," ",t==null?void 0:t.title]})})]}),r?o.jsxs(o.Fragment,{children:[o.jsxs(w1,{ref:h(4),style:{...y(4),color:"var(--color-sdk-prediction-result-success-text)"},children:[o.jsxs(Qn,{children:["Congratulations!",o.jsx("br",{}),"You answered correctly."]}),o.jsxs(J2,{children:[o.jsx(A4,{name:"selected"}),o.jsxs(er,{children:[o.jsx("span",{children:"Your Pick:"})," ",t==null?void 0:t.title]})]})]}),o.jsxs(w1,{ref:h(5),style:{...y(5),color:"var(--color-sdk-prediction-result-success-text)"},children:[o.jsx(A_,{children:c===5&&o.jsx(ha,{delay:.5,prefix:"+",suffix:" points",value:t==null?void 0:t.points})}),o.jsxs(J2,{children:[o.jsx(A4,{name:"selected"}),o.jsxs(er,{children:[o.jsx("span",{children:"Your Pick:"})," ",t==null?void 0:t.title]})]}),o.jsx(j4,{"data-a":"intr",onClick:e,children:o.jsx(R4,{name:"icon-cross"})})]})]}):o.jsxs(w1,{ref:h(4),style:y(4),children:[o.jsxs(Qn,{style:{color:"var(--color-sdk-prediction-result-error-title)"},children:["Better luck next time!",o.jsx("br",{}),"Correct: ",a,"."]}),o.jsxs(J2,{style:{color:"var(--color-sdk-prediction-result-error-subtitle)"},children:[o.jsx(M_,{name:"circleClose"}),o.jsxs(er,{children:[o.jsx("span",{children:"Your Pick:"})," ",t==null?void 0:t.title]})]}),o.jsx(j4,{"data-a":"intr",onClick:e,children:o.jsx(R4,{name:"icon-cross"})})]})]})})},H_=e=>{const[t,n]=x.useState(!1),[r,a]=x.useState(!1),i=x.useRef(null),s=x.useCallback(()=>{a(!0),i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{a(!1)},1e3)},[]),l=x.useCallback(async u=>{n(!0);const c=u.map(m=>new Promise((C,h)=>{const y=new Image;y.onload=()=>C(m),y.onerror=()=>h(),y.src=m}));await Promise.allSettled(c),n(!1)},[]);return x.useEffect(()=>{e&&(s(),l(e))},[e,s,l]),{loading:t,throttled:r}},B_=p("div")({name:"Container",class:"cl51m2q",propsAsIs:!1}),z_=p("img")({name:"Avatar",class:"a2yhhhr",propsAsIs:!1}),U_=p("div")({name:"AvatarPlaceholder",class:"a1dtxxlr",propsAsIs:!1}),q_=p("div")({name:"Content",class:"c12clm3w",propsAsIs:!1}),K_=p("span")({name:"Name",class:"n14lctn7",propsAsIs:!1}),Z_=({avatar:e,name:t})=>o.jsxs(B_,{children:[e&&o.jsx(z_,{src:e}),!e&&o.jsx(U_,{children:ds(t||"")}),o.jsxs(q_,{children:[o.jsxs(K_,{children:[t," "]}),"is waiting for you!"]})]}),Q_=p("div")({name:"Container",class:"c1htq1lb",propsAsIs:!1}),W_=p("div")({name:"Graphic",class:"gjyzpp7",propsAsIs:!1}),G_=p("img")({name:"GraphicImage",class:"g16mldgz",propsAsIs:!1}),Y_=p("div")({name:"Headline",class:"h69js65",propsAsIs:!1}),X_=p("div")({name:"TaglineContainer",class:"tmm7qmo",propsAsIs:!1}),J_=p("div")({name:"Tagline",class:"t17knuw2",propsAsIs:!1}),eT=p("div")({name:"Content",class:"c1b74psg",propsAsIs:!1}),tT=p("div")({name:"StepsContainer",class:"s1y99ug7",propsAsIs:!1}),nT=p("span")({name:"StepIndicator",class:"sgf3v5n",propsAsIs:!1}),rT=p("div")({name:"InvitingUserWrap",class:"i1sj6gn8",propsAsIs:!1}),aT=({loading:e,steps:t,currentStep:n,inviterName:r})=>{const{headline:a,tagline:i}=t[n];return o.jsxs(Q_,{children:[i&&o.jsx(X_,{children:o.jsx(it,{loading:e,children:o.jsx(J_,{children:i})})}),o.jsxs(eT,{"data-welcome-screen":n===0,children:[o.jsx(W_,{children:o.jsx(it,{loading:e,children:t.map(({graphicSrc:s},l)=>o.jsx(G_,{src:s,"data-active":n===l}))})}),a&&o.jsx(it,{loading:e,children:o.jsx(Y_,{children:a})})]}),r&&n===0&&o.jsx(rT,{children:o.jsx(Z_,{name:r})}),o.jsx(tT,{style:e?{visibility:"hidden"}:{},children:Array.from({length:t.length}).map((s,l)=>o.jsx(nT,{"data-active":n===l},l))})]})},iT=p("div")({name:"Container",class:"cm0bev",propsAsIs:!1}),sT=p("div")({name:"Content",class:"ce7x737",propsAsIs:!1}),oT=p("div")({name:"Title",class:"tc2tor6",propsAsIs:!1}),lT=p("div")({name:"RulesList",class:"r1k5klql",propsAsIs:!1}),uT=p("div")({name:"RulesItem",class:"r1tf3ft2",propsAsIs:!1}),cT=p("div")({name:"RuleIcon",class:"rwpvg1k",propsAsIs:!1}),dT=p("div")({name:"RuleText",class:"rbxiag0",propsAsIs:!1}),fT=p("button")({name:"TermsButton",class:"t6cyrry",propsAsIs:!1}),pT=({rules:e,rulesTitle:t,termsText:n,primaryColor:r,openTerms:a})=>o.jsxs(iT,{children:[o.jsxs(sT,{children:[o.jsx(oT,{children:t}),o.jsx(lT,{children:e==null?void 0:e.map(({label:i,icon:s},l)=>o.jsxs(uT,{children:[s&&o.jsx(cT,{style:{backgroundColor:r},children:o.jsx(Z,{name:s,"data-icon":s})}),o.jsx(dT,{children:i})]},l))})]}),n&&o.jsx(fT,{"data-a":"intr",onClick:a,children:"See Terms and Conditions"})]}),hT=p("div")({name:"Container",class:"cj0g35h",propsAsIs:!1}),mT=p("div")({name:"Content",class:"c1xkhrbn",propsAsIs:!1}),CT=p("div")({name:"Title",class:"tifzb8b",propsAsIs:!1}),vT=p("div")({name:"ScrollingText",class:"stduw5c",propsAsIs:!1}),gT=({termsTitle:e,termsText:t})=>o.jsx(hT,{children:o.jsxs(mT,{children:[o.jsx(CT,{children:e}),o.jsx(vT,{children:t})]})}),yT=p("button")({name:"SButton",class:"s1nve60q",propsAsIs:!1}),bT=p("span")({name:"ButtonLabel",class:"b1xoswwx",propsAsIs:!1}),wT=({disabled:e,variant:t="primary",onClick:n,children:r,...a})=>o.jsx(yT,{"data-a":"intr",onClick:n,disabled:e,"data-variant":t,...a,children:o.jsx(bT,{children:r})}),xT=p("div")({name:"Container",class:"c18uddbs",propsAsIs:!1}),ET=p("div")({name:"Content",class:"cvcfjf6",propsAsIs:!1}),LT=p("div")({name:"OnboardingHeader",class:"o1ie27lw",propsAsIs:!1}),ST=p("button")({name:"CloseBtn",class:"c15cjkwi",propsAsIs:!1}),kT=()=>Z,IT=p(kT())({name:"IconClose",class:"i1mavjt2",propsAsIs:!0}),_T=p("div")({name:"OnboardingFooter",class:"o1x0dyzv",propsAsIs:!1}),TT=()=>wT,$T=p(TT())({name:"OnboardingActionBtn",class:"o1jfi9c3",propsAsIs:!0}),q1={steps:!1,rules:!1,inviteCard:!1},AT=({gamification:e,steps:t,rules:n,rulesBtnLabel:r,rulesTitle:a,termsTitle:i,termsText:s,primaryColor:l,inviteLink:u,inviteCardTitle:c,inviteCardSubtext:m,inviteCardBtnLabel:C,loading:h,inviterName:y,sdk:w,onClose:L})=>{const[S,f]=x.useState(0),[d,v]=x.useState(!1),[b,I]=x.useState(q1);x.useEffect(()=>{t!=null&&t.length?I({...q1,steps:!0}):n!=null&&n.length?I({...q1,rules:!0}):I({...q1,inviteCard:!0})},[]);const _=x.useMemo(()=>b.steps&&S===0?"Continue":b.rules?d||!r?"Got it":r:b.inviteCard?C||"Play Now":"Next",[b,S,d,r,C]),j=x.useCallback(()=>{t!=null&&t.length&&S<t.length-1?f(M=>++M):n!=null&&n.length&&b.steps?I({...q1,rules:!0}):b.rules&&I({...q1,inviteCard:!0})},[S,t==null?void 0:t.length,n==null?void 0:n.length,b,f,I]),O=async()=>{b.inviteCard?await e.onboardingStatus.submitInplay():b.rules&&d?v(!1):j()};return x.useEffect(()=>{!h&&y&&w.inviteDisplayed()},[h,y,w]),o.jsx(US,{children:({width:M,height:F})=>o.jsxs(xT,{style:{width:M,height:F,maxHeight:F},children:[o.jsx(LT,{children:o.jsx(ST,{"data-a":"intr",onClick:L,children:o.jsx(IT,{name:"icon-close-btn-gray"})})}),o.jsxs(ET,{children:[b.steps&&(t==null?void 0:t.length)&&o.jsx(aT,{loading:h,steps:t,currentStep:S,inviterName:y}),b.rules&&!d&&o.jsx(pT,{rules:n,rulesTitle:a,termsText:s,primaryColor:l,openTerms:()=>v(!0)}),b.rules&&d&&o.jsx(gT,{termsTitle:i,termsText:s}),b.inviteCard&&o.jsx(J7,{inviteLink:u,inviteCardTitle:c,inviteCardSubtext:m,primaryColor:l})]}),o.jsx(_T,{children:o.jsx(it,{loading:h,style:{width:"100%"},children:o.jsx($T,{"data-a":"intr",onClick:O,children:_})})})]})})},jT=p("div")({name:"Container",class:"c1qjj4d4",propsAsIs:!1}),RT=p("div")({name:"CloseIconWrap",class:"c1lg6b8a",propsAsIs:!1}),OT=()=>Z,MT=p(OT())({name:"CloseIcon",class:"c159el66",propsAsIs:!0}),FT=p("div")({name:"Title",class:"t16xmufv",propsAsIs:!1}),NT=p("img")({name:"SponsorLogo",class:"s83lc21",propsAsIs:!1}),PT=p("div")({name:"PresentsTitle",class:"p1p7igia",propsAsIs:!1}),VT=p("div")({name:"Subtitle",class:"s1eftsbu",propsAsIs:!1}),DT=p("div")({name:"Description",class:"d8uezec",propsAsIs:!1}),HT=p("button")({name:"ActionButton",class:"a1h1bk90",propsAsIs:!1}),O4=({close:e,action:t,onboarding:n})=>{var r,a,i,s,l,u,c,m;return o.jsxs(jT,{children:[o.jsx(RT,{"data-a":"intr",onClick:e,children:o.jsx(MT,{name:"icon-cross"})}),((a=(r=n==null?void 0:n.titleCard)==null?void 0:r.media)==null?void 0:a.sponsorLogo)&&o.jsxs(FT,{children:[o.jsx(NT,{alt:"sponsor-logo",src:(s=(i=n==null?void 0:n.titleCard)==null?void 0:i.media)==null?void 0:s.sponsorLogo}),o.jsx(PT,{children:"PRESENTS"})]}),((l=n==null?void 0:n.titleCard)==null?void 0:l.title)&&o.jsx(VT,{children:(u=n==null?void 0:n.titleCard)==null?void 0:u.title}),((c=n==null?void 0:n.titleCard)==null?void 0:c.subtitle)&&o.jsx(DT,{children:(m=n==null?void 0:n.titleCard)==null?void 0:m.subtitle}),o.jsx(HT,{"data-a":"intr",onClick:t,children:"Play Now"})]})},z0=[{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_1.png",tagline:"",headline:o.jsxs(o.Fragment,{children:["Welcome to ",o.jsx("br",{})," Live Challenge"]})},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_2.png",headline:"Live insights, polls, trivia and predictions."},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_3.png",headline:"Win points and play against friends."}],BT=p("div")({name:"OnboardingContainer",class:"o1xni1kr",propsAsIs:!1}),zT=()=>_n,UT=p(zT())({name:"OnboardingNotificationContainer",class:"o1vnouv7",propsAsIs:!0}),M4=p("div")({name:"InnerContainer",class:"i59uefw",propsAsIs:!1}),qT=p("div")({name:"OnboardingOverlap",class:"ovnr8ov",propsAsIs:!1}),KT=({deepLink:e,onboardingOpts:t,notification:n,gamification:r,loading:a,sdk:i,throttled:s})=>{var l,u,c,m,C,h,y;const w=ae(r.friends.getStore()),[L,S]=x.useState(void 0),f=x.useMemo(()=>{var d,v;const b=i.getInviter();return b?(v=(d=w.data)==null?void 0:d.find(({slId:I})=>I===b))==null?void 0:v.name:""},[w.data,i]);return x.useEffect(()=>{const d=e.$store.subscribe(v=>{v&&S(v.data)});return()=>{d()}},[e.$store]),o.jsxs(BT,{children:[o.jsx(AT,{loading:a,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:(l=t.rules)==null?void 0:l.buttonLabel,rulesTitle:(u=t.rules)==null?void 0:u.heading,termsTitle:"Terms and Conditions",termsText:(c=t.rules)==null?void 0:c.terms,steps:z0,primaryColor:(m=t.inviteCard)==null?void 0:m.iconColor,inviteLink:L,inviteCardTitle:(C=t.inviteCard)==null?void 0:C.heading,inviteCardSubtext:(h=t.inviteCard)==null?void 0:h.subtext,inviteCardBtnLabel:(y=t.inviteCard)==null?void 0:y.buttonLabel,onClose:()=>{var d;(d=n.close)==null||d.call(n)},gamification:r,sdk:i,inviterName:f}),s&&o.jsx(qT,{})]})},ZT=({sdk:e,notification:t,saveHeight:n,style:r,appNode:a,sdkInDesktopView:i,responsiveStore:s})=>{const l=x.useRef(null),u=t.data.onboarding,[c,m]=x.useState(u==null?void 0:u.instantOpen),C=e.getFeature(T.SdkOverlayType.GAMES),h=x.useMemo(()=>z0==null?void 0:z0.map(({graphicSrc:S})=>S),[]),{screen:y}=ae(s,{keys:["screen"]});x.useLayoutEffect(()=>{var S;n(((S=l.current)==null?void 0:S.getBoundingClientRect().height)||0)},[n]);const{loading:w,throttled:L}=H_(h);return c&&C&&u&&a.current?o.jsx(A7,{container:a,useContainer:!i,children:o.jsx(KT,{throttled:L,notification:t,setOpened:m,gamification:C,onboardingOpts:u,deepLink:C.deepLink,loading:w,renderToNode:a,sdk:e})}):o.jsxs(o.Fragment,{children:[o.jsx(M4,{ref:l,style:{position:"absolute",visibility:"hidden"},children:o.jsx(O4,{close:()=>{},action:()=>{},onboarding:u})}),o.jsx(UT,{style:r,hiding:t.hiding,children:o.jsx(M4,{children:o.jsx(O4,{close:t.close,action:()=>{var S;m(!0),(((S=a.current)==null?void 0:S.getBoundingClientRect().y)||0)<0&&Q0(a,y.size,{behavior:"smooth"})},onboarding:u})})})]})},QT=p("button")({name:"Container",class:"crkmfw1",propsAsIs:!1}),WT=p("div")({name:"Content",class:"c11awpy4",propsAsIs:!1}),GT=p("span")({name:"Title",class:"t154z7mh",propsAsIs:!1}),YT=({title:e,onClick:t,className:n,style:r})=>o.jsx(QT,{"data-a":"intr",onClick:t,className:n,style:r,children:o.jsxs(WT,{"data-a":"intr",children:[o.jsx(Z,{"data-a":"intr",name:"iconUp"}),e&&o.jsx(GT,{"data-a":"intr",children:e})]})}),XT=()=>_n,JT=p(XT())({name:"Container",class:"c8ol1ve",propsAsIs:!0}),a5=p("div")({name:"InnerContainer",class:"iqfywam",propsAsIs:!1}),e$=()=>a5,t$=p(e$())({name:"HiddenContainer",class:"hokmtod",propsAsIs:!0}),n$=p("div")({name:"NotificationRefreshing",class:"n192d1q8",propsAsIs:!1}),r$=()=>YT,a$=p(r$())({name:"Pill",class:"p1lha68t",propsAsIs:!0}),i$=e=>{const[t,n]=x.useState(0),r=x.useRef(null),a=x.useMemo(()=>new ResizeObserver(l=>{window.requestAnimationFrame(()=>{var u;if(Array.isArray(l)){for(const c of l)if(c.contentBoxSize){const m=(u=r.current)==null?void 0:u.getBoundingClientRect();m&&n(m.height)}}})}),[]),i=x.useCallback(l=>{r.current=l},[]),s=x.useCallback(l=>{n(l)},[]);return x.useEffect(()=>{const l=r.current;return l?(a.observe(l),()=>{a.unobserve(l)}):()=>{}},[e]),x.useEffect(()=>()=>{a.disconnect()}),[i,t,s]},s$=({sdk:e,notification:t,appNode:n,responsiveStore:r,hasActiveFeature:a})=>{var i,s;const{sdkInDesktopView:l}=ae(r,{keys:["sdkInDesktopView"]}),{sdk:u}=Kr(),[c,m,C]=i$(t.id);let h=m;return a||(h="auto"),t.type===exports.NotificationType.QUESTION?o.jsxs(o.Fragment,{children:[o.jsx(t$,{ref:c,children:o.jsx(x4,{...t})}),o.jsxs(JT,{style:{height:t.hiding?0:h},hiding:t.hiding,children:[o.jsx(a5,{style:{height:"100%"},children:o.jsx(x4,{...t,controlVideo:u==null?void 0:u.controlVideoPlayer})}),o.jsx(n$,{},t.id)]})]}):t.type===exports.NotificationType.QUESTION_RESOLVED&&(s=(i=t.data)==null?void 0:i.question)!=null&&s.predictionResult?o.jsx(D_,{style:{height:t.hiding?0:m},saveHeight:C,close:t.close,hiding:t.hiding,...t.data.question}):t.type===exports.NotificationType.ONBOARDING?o.jsx(ZT,{style:{height:t.hiding?0:h},saveHeight:C,sdk:e,notification:t,sdkInDesktopView:l,appNode:n,responsiveStore:r}):null},o$="p7vfi6t",l$=({pill:e,setPill:t,appNode:n,headerNode:r,scrollNode:a,responsiveStore:i,scrollStore:s})=>{var l,u;const{screen:c}=ae(i,{keys:["screen"]}),{tabsShown:m,scrollPosition:C}=ae(s,{keys:["tabsShown","scrollPosition"]});x.useEffect(()=>{i.get().sdkInDesktopView?C<50&&t(null):C>-50&&t(null)},[C,i,t]);const h=i.get().sdkInDesktopView?n:r;return!e||!h.current?null:Br.createPortal(o.jsx(a$,{title:e.type===exports.NotificationType.QUESTION_RESOLVED?"Prediction result":`New ${((u=k2[(l=e.data)==null?void 0:l.questionType])==null?void 0:u.label)||"notification"}`,"data-a":"intr",onClick:()=>{var y;i.get().sdkInDesktopView?(y=a.current)==null||y.scrollTo({top:0,behavior:"smooth"}):Q0(n,c.size,{behavior:"smooth"}),t(null)},className:De(m&&o$,"sl-pill-button")}),h.current)},u$=({sdk:e,headerNode:t,scrollNode:n,responsiveStore:r,appNode:a,scrollStore:i,hasActiveFeature:s})=>{const[l]=x.useState(e.getNotificationsStore()),u=ae(l),[c,m]=x.useState(null),C=x.useMemo(()=>e.getActiveNotification(),[e,u]);return x.useEffect(()=>{C&&dn.emit("notification",{action:"rendered",payload:{questionId:C.data.questionId,questionType:C.data.questionType}})},[C]),x.useEffect(()=>{const{sdkInDesktopView:h,sdkInView:y}=r.get();C&&(h||y)&&(!h&&y&&m(C),h&&window.requestAnimationFrame(()=>{i.get().scrollPosition!==0&&m(C)}))},[C]),x.useEffect(()=>{C||m(null)},[C]),o.jsxs(o.Fragment,{children:[!c&&C&&o.jsx(s$,{appNode:a,sdk:e,hasActiveFeature:s,notification:C,responsiveStore:r}),c&&o.jsx(l$,{pill:c,setPill:m,appNode:a,notification:C,headerNode:t,scrollNode:n,scrollStore:i,responsiveStore:r})]})},c$=e=>{const t=ae(e.status),n=ae(e.sdkStore.slStreamId),r=ae(e.userId()),a=ae(e.getActiveFeature()),i=t==="ready"&&!!n.data;return x.useEffect(()=>{const s=e.getFeature(T.SdkOverlayType.GAMES);s&&a!==T.SdkOverlayType.GAMES&&(s.closeQuestion(),s.closeUser()),s==null||s.openedQuestionId.subscribe(l=>{l&&a!==T.SdkOverlayType.GAMES&&e.openFeature(T.SdkOverlayType.GAMES)})},[a,e]),{sdkReady:i,activeFeature:a,isLogged:!!r}},d$=({sdk:e,className:t,scrollStore:n,appNode:r,scrollNode:a,responsiveStore:i})=>{const[,s]=nu(e);return o.jsx(fI,{className:t,scrollNode:a,appNode:r,scrollStore:n,feature:s,responsiveStore:i,sdk:e})},f$=({sdk:e,muted:t,className:n,appNode:r,responsiveStore:a})=>{const i=ae(e.featuresList.getStore());return i?Array.from(i,s=>{const l=e.getFeature(s);return l?o.jsx(pI,{className:n,muted:t,appNode:r,feature:l,responsiveStore:a,sdk:e},s):null}):null},p$=({sdk:e,muted:t,topNavigation:n})=>{const[r,a]=x.useState(!0),i=x.useRef(null),s=ae(e.uiState),l=x.useRef(null),[u]=Iu(i),[c,m]=Tu(i,u),{sdkReady:C,activeFeature:h,isLogged:y}=c$(e),w=!!C;U4(i,{enabled:w,event:"click",listener:$u});const L=x.useMemo(()=>({sdk:e,topNavigation:n}),[e,n]);return x.useEffect(()=>{Promise.resolve().then(()=>require("./gamification-feature.js"))},[]),o.jsx(q4.Provider,{value:L,children:o.jsxs(R5,{ref:S=>{i.current=S,a(!!S)},className:n?"":"c10llmat",children:[w&&n&&s.app&&o.jsx(OI,{className:De(Bn,"sl-hide-on-modal"),sdk:e,ref:l}),w&&!n&&!!h&&s.app&&o.jsx(RI,{className:De(Bn,"sl-hide-on-modal"),sdk:e,ref:l}),o.jsxs(P4,{className:"sl-hide-on-modal",ref:c,"data-nav":(!!h&&w).toString(),children:[w&&s.app&&o.jsx(u$,{sdk:e,scrollNode:c,headerNode:l,appNode:i,scrollStore:m,responsiveStore:u,hasActiveFeature:!!h}),w&&s.app&&o.jsx(d$,{scrollStore:m,responsiveStore:u,scrollNode:c,appNode:i,className:Bn,sdk:e}),w&&r&&o.jsx(f$,{muted:t,responsiveStore:u,appNode:i,className:Bn,sdk:e})]}),w&&!y&&r&&s.app&&o.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"You are not logged in."})]})})},i5=({children:e,customTheme:t,themeMode:n,style:r})=>o.jsx("div",{className:"StreamLayerSDKTheme",children:o.jsx("div",{className:De(Au,n,t),style:r,children:e})}),s5=()=>{const{sdk:e}=x.useContext(F1);return e},h$=()=>{const{event:e}=x.useContext(F1);return e},o5=()=>{const{sdk:e}=x.useContext(F1),[t,n]=x.useState({});return x.useEffect(()=>{var r;return e!=null&&e.options?(r=e==null?void 0:e.options)==null?void 0:r.subscribe(a=>{n({theme:a.theme,themeMode:a.themeMode})}):()=>{}},[e==null?void 0:e.options]),t},l5=()=>{const{sdk:e}=x.useContext(F1),[t,n]=x.useState({});return x.useEffect(()=>e!=null&&e.uiState?e==null?void 0:e.uiState.subscribe(r=>{n({...r})}):()=>{},[e==null?void 0:e.uiState]),t},m$=({event:e,topNavigation:t,theme:n,muted:r,withSidebarNotification:a=!0})=>{const{sdk:i,status:s}=x.useContext(F1),l=l5(),u=o5(),{event:c}=x.useContext(F1);if(s===U0.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return s===U0.CONNECTED?o.jsx("div",{className:"StreamLayerSDK",children:"wait"}):i===null?o.jsx("div",{className:"StreamLayerSDK",children:"sdk not initialized"}):!l.app&&!l.appNotification&&!l.appSidebar||!l.app&&!l.appSidebar&&l.appNotification&&!a?null:o.jsx("div",{className:"StreamLayerSDK",children:o.jsx(i5,{customTheme:n??u.theme,themeMode:u.themeMode,children:o.jsx(p$,{sdk:i,muted:r,event:(c==null?void 0:c.current)||e,topNavigation:t})})})},u5=({event:e,internal:t})=>{const n=s5(),r=h$();return x.useEffect(()=>(n&&(e&&(n.createEventSession(e,t),r&&(r.current=e)),!e&&(r!=null&&r.current)&&(n.createEventSession("",t),r.current="")),()=>{n&&n.disableApp()}),[e,t,r,n]),null};var U0=(e=>(e[e.UNSET=0]="UNSET",e[e.CONNECTED=1]="CONNECTED",e[e.READY=2]="READY",e))(U0||{});const C$={status:0,sdk:null},F1=x.createContext(C$),v$=({sdkKey:e,theme:t,themeMode:n,plugins:r,children:a,event:i,production:s=!0,autoEnable:l=!0,withAdNotification:u,withAd:c=!0,betPack:m=!1,hideFriends:C,skipOnboarding:h,friendsTab:y="enabled",onDeepLinkHandled:w,videoPlayerController:L,onContentActivate:S,containerId:f,webOS:d})=>{const v=T.useStreamLayerApp({sdkKey:e,plugins:r,production:s,autoEnable:l,onDeepLinkHandled:w,videoPlayerController:L,onContentActivate:S,hideFriends:C,skipOnboarding:h,withAdNotification:u,withAd:c,friendsTab:y,betPack:m,webOS:d}),b=x.useRef(""),I=x.useMemo(()=>v?{sdk:v,status:2,event:b}:{status:1,sdk:null,event:b},[v]);return x.useEffect(()=>{v&&(v.options.setKey("friendsTab",y),v.options.setKey("theme",t),v.options.setKey("themeMode",n),v.options.setKey("skipOnboarding",h),v.options.setKey("betPack",m),v.options.setKey("containerId",f))},[v,y,t,n,h,m,f]),x.useEffect(()=>()=>{w&&(v==null||v.removeDeepLinkHandler(w)),L&&(v==null||v.removeVideoPlayerController(L))},[v]),x.useEffect(()=>{localStorage.getItem("SL_DEBUG")&&console.log("StreamLayerProvider mounted with props:",{sdkKey:!!e,onDeepLinkHandled:!!w,videoPlayerController:!!L})},[e,w,L]),o.jsxs(F1.Provider,{value:I,children:[i!==void 0&&o.jsx(u5,{event:i}),a]})};exports.B1=Z;exports.D=q7;exports.D$1=Z7;exports.Et=A2;exports.O=Xr;exports.StreamLayerProvider=v$;exports.StreamLayerSDKEvent=u5;exports.StreamLayerSDKReact=m$;exports.Tt=Q7;exports.V=pr;exports.a=B4;exports.b=U4;exports.createLogger=N1;exports.cx_default=De;exports.d=ha;exports.d$1=D7;exports.e=k2;exports.ee=V7;exports.eventBus=dn;exports.g=uI;exports.h=i5;exports.i=Z0;exports.m=Bn;exports.o=Ly;exports.styled_default=p;exports.useStore=ae;exports.useStreamLayer=s5;exports.useStreamLayerTheme=o5;exports.useStreamLayerUI=l5;exports.x=t5;exports.y=w8;exports.y$1=T7;
+Please stay tuned for the next question.`:m===T.QuestionType.PREDICTION?"Stay tuned to see if your prediction was correct.":"",ue=()=>m===T.QuestionType.TRIVIA?`Your Pick: ${k==null?void 0:k.text}`:m===T.QuestionType.POLL||m===T.QuestionType.PREDICTION?`Your Pick: ${A==null?void 0:A.text}`:"",Be=()=>m===T.QuestionType.TRIVIA&&(h==null?void 0:h.case)==="trivia"?h==null?void 0:h.value.explanation:m===T.QuestionType.PREDICTION?c:"";return U?o.jsx(i4,{children:o.jsx(Zx,{title:J(),description:ue(),...A!=null&&A.correct||m===T.QuestionType.POLL||m===T.QuestionType.PREDICTION?{icon:"icon-correct"}:{},...m===T.QuestionType.TRIVIA||m===T.QuestionType.PREDICTION?{additionalDescription:Be()}:{}})}):!a&&(O||F)?o.jsx(i4,{children:o.jsx(Ix,{icon:"icon-check-circle",title:"More to come...",description:F?o.jsxs(o.Fragment,{children:["Stay tuned for more questions ",o.jsx("br",{})," and insights."]}):o.jsxs(o.Fragment,{children:["Watch for additional enhanced stream ",o.jsx("br",{})," interactive experience."]})})}):null};return o.jsxs(Wx,{children:[a&&o.jsx(Gx,{}),o.jsx(R7,{style:a?{marginTop:"-40px"}:{},children:o.jsxs(O7,{children:[!a&&!f&&o.jsx(a4,{feedbackMessages:R,questionVoted:!!A,questionVotedCorrectly:A==null?void 0:A.correct,questionType:m,hasCorrectAnswer:E,showExpiredNotification:V,showClosedNotificationTrivia:B,votedInCurrentRender:d,votedAfterQuestionClosed:b,enteredAnActiveQuestion:_,marketClosed:y,percentsAnimated:de,voteErrorMessage:ee,votedAnswer:A}),z&&o.jsx(aL,{title:le,points:Q,onTimerExpired:Gt,questionType:e.type,isTimer:!t,isPlayingTimer:!A,animatePoints:re,timerDuration:te?0:Number(((u=e==null?void 0:e.appearance)==null?void 0:u.autoHideInterval)||"30"),votedInCurrentRender:d,percentsAnimated:de}),X?Ie():o.jsxs(o.Fragment,{children:[a&&o.jsxs(nE,{children:[o.jsx(aE,{name:"iconEarlyPrediction"}),"EARLY PREDICTION"]}),o.jsx(Jx,{style:oe?{marginTop:0}:{},children:c}),a&&o.jsx(a4,{feedbackMessages:R,questionVoted:!!A,questionVotedCorrectly:A==null?void 0:A.correct,questionType:m,hasCorrectAnswer:E,showExpiredNotification:V,showClosedNotificationTrivia:B,votedInCurrentRender:d,votedAfterQuestionClosed:b,enteredAnActiveQuestion:_,marketClosed:y,percentsAnimated:de,voteErrorMessage:ee,isEarlyPrediction:a,correctAnswer:k,votedAnswer:A,onAnimationEnd:Y}),o.jsxs(eE,{children:[o.jsx(M7,{children:$.sort((J,ue)=>J.id>ue.id?1:-1).map((J,ue)=>o.jsx(ZE,{...J,firstOption:ue===0,markThatVoted:Te,onPercentsAnimated:()=>xe(!0),votedAfterQuestionClosed:b,enteredAnActiveQuestion:_,marketClosed:y,isEarlyPrediction:a,isAd:f,webos:s},J.id))}),a&&o.jsxs(o.Fragment,{children:[o.jsx(Yx,{}),o.jsx(Xx,{children:o.jsx(sE,{name:"mastersLogoWhite"})})]})]})]})]})})]})},D7=({height:e="37px",width:t="37px"})=>o.jsx("div",{style:{height:e,width:t},children:o.jsx(Z,{name:"loader"})}),oL=p("div")({name:"Container",class:"c1bgb86j",propsAsIs:!1}),lL=p("video")({name:"Player",class:"p6703cq",propsAsIs:!1}),uL=p("img")({name:"Poster",class:"p12ow7zo",propsAsIs:!1}),qr=p("div")({name:"Control",class:"cdpal9o",propsAsIs:!1}),cL="t1xke4ml",dL="h1yzxv57",fL=p("div")({name:"VideoControls",class:"vxo8xch",propsAsIs:!1}),ro=p("button")({name:"ControlBtn",class:"coyuzu0",propsAsIs:!1}),pL=()=>ro,hL=p(pL())({name:"MuteIcon",class:"musmi9a",propsAsIs:!0}),mL=()=>ro,CL=p(mL())({name:"PauseIcon",class:"p1qe7rum",propsAsIs:!0}),vL=()=>ro,gL=p(vL())({name:"PlayIcon",class:"psevery",propsAsIs:!0}),H7=p("button")({name:"WebOSIconButton",class:"w1q3u7py",propsAsIs:!1}),yL=()=>H7,ma=p(yL())({name:"WebOSIconButtonAnimation",class:"wdlqvum",propsAsIs:!0}),bL=()=>ma,wL=p(bL())({name:"WebOSIconButtonPlay",class:"w1ylz9ea",propsAsIs:!0}),xL=()=>ma,EL=p(xL())({name:"WebOSIconButtonPause",class:"w1iylt55",propsAsIs:!0}),LL=()=>ma,SL=p(LL())({name:"WebOSIconButtonMute",class:"w8h4h7",propsAsIs:!0}),kL=()=>ma,IL=p(kL())({name:"WebOSIconButtonUnmute",class:"w12l12kt",propsAsIs:!0}),_L=e=>{for(const t of e)t.isIntersecting?t.target instanceof HTMLVideoElement&&t.target.autoplay&&t.target.play():t.target instanceof HTMLVideoElement&&!t.target.paused&&t.target.pause()},B7=new IntersectionObserver(_L,{threshold:.5}),ao=new Set,TL=e=>{B7.observe(e),ao.add(e)},$L=e=>{B7.unobserve(e),ao.delete(e)},z7=()=>{for(const e of ao)e instanceof HTMLVideoElement&&!e.paused&&e.pause()};function AL(...e){return x.useCallback(t=>{for(const n of e)n!==null&&(typeof n=="function"?n(t):n&&(n.current=t))},[...e])}const jL=Xr(oL),RL=({loading:e,autoPlay:t,played:n,playing:r,isMuted:a,unmute:i,mute:s,togglePlaying:l})=>!e&&!t&&!n?o.jsx(qr,{children:r?o.jsx(Z,{name:"icon-pause"}):o.jsx(Z,{name:"icon-play"})}):n?o.jsxs(fL,{children:[r?o.jsx(CL,{onClick:l}):o.jsx(gL,{onClick:l}),o.jsx(hL,{className:De(!a&&"muted"),onClick:a?i:s})]}):null,OL=({loading:e,autoPlay:t,playMuted:n,playing:r,played:a,unmute:i,mute:s,isMuted:l,hasNotPausedVideo:u,hasInteractedWithAudio:c})=>o.jsxs(o.Fragment,{children:[!e&&!(t&&n)&&o.jsx(qr,{"data-control-btn":"true",children:r?u?null:o.jsx(wL,{children:o.jsx(Z,{name:"icon-play"})}):a?o.jsx(EL,{children:o.jsx(Z,{name:"icon-pause"})}):o.jsx(H7,{"data-control-icon":"true",children:o.jsx(Z,{name:"icon-play"})})}),!e&&t&&n&&c&&o.jsx(qr,{children:l?o.jsx(SL,{onClick:i,children:o.jsx(Z,{name:"iconMute"})}):o.jsx(IL,{onClick:s,children:o.jsx(Z,{name:"iconUnMute"})})})]}),A2=x.forwardRef(({poster:e,source:t,aspectRatio:n,controlVideo:r,onReplay:a,onPlay:i,onPause:s,onEnd:l,onRender:u,onMute:c,onQuartile:m,autoPlay:C,playMuted:h,className:y,muted:w,webos:L,hasNotPausedVideo:S},f)=>{const d=x.useRef(null),v=AL(d,f),b=x.useRef(!1),I=x.useRef(!1),_=x.useRef(new Set),[j,O]=x.useState(!1),[M,F]=x.useState(!1),[K,W]=x.useState(!1),[H,ee]=x.useState(!0),[ve,de]=x.useState(h),[xe,P]=x.useState(!1);x.useEffect(()=>{t&&(de(h),O(!1))},[t]);const q=x.useCallback(()=>{r==null||r({muted:!1})},[r]),U=x.useCallback(()=>{r==null||r({muted:!0})},[r]),ne=x.useCallback(Y=>{Y==null||Y.stopPropagation(),d.current&&(d.current.muted=!0),de(!0)},[]),G=x.useCallback(Y=>{Y==null||Y.stopPropagation(),d.current&&(d.current.muted=!1),de(!1),xe||P(!0)},[]);x.useEffect(()=>{w!==void 0&&(w?ne():G())},[ne,w,G]);const Se=Y=>{var ie;(ie=Y.stopPropagation)==null||ie.call(Y);const ke=d==null?void 0:d.current;if(ke)if(M)ke.pause();else{const Ne=d==null?void 0:d.current;if(!Ne)return;z7(),Ne.play().catch(Gt=>console.log(Gt)),ee(!1)}},Te=()=>{var Y;(Y=d==null?void 0:d.current)==null||Y.load(),ee(!0)};return x.useEffect(()=>()=>{q()},[q]),x.useEffect(()=>{const Y=d.current;return Y?(I.current=Y.muted,de(Y.muted),TL(Y),()=>{$L(Y)}):()=>{}},[]),x.useEffect(()=>{u==null||u()},[u]),x.useEffect(()=>{_.current.clear(),b.current=!1},[t]),o.jsxs(jL,{webos:L,onClick:C&&h?ve?G:ne:Se,"data-a":"intr",autoFocus:!0,options:{focusKey:"video-play-btn"},className:De(M&&!L&&cL,C&&dL,y),style:n?{aspectRatio:n}:{},children:[o.jsx(lL,{ref:v,src:t,autoPlay:C,onPlay:()=>{O(!0),b.current&&(a==null||a(),_.current.clear()),F(!0),ee(!1),i==null||i(),h?ne():U()},onTimeUpdate:Y=>{const ie=Y.target.duration,ke=Y.target.currentTime;if(ie&&ke){const Ne=Math.floor(ke/ie*100);Ne>=25&&Ne<50&&!_.current.has(25)?(m==null||m(25),_.current.add(25)):Ne>=50&&Ne<75&&!_.current.has(50)?(m==null||m(50),_.current.add(50)):Ne>=75&&!_.current.has(75)&&(m==null||m(75),_.current.add(75))}},onVolumeChange:Y=>{const ie=Y.target.muted;I.current!==ie&&(c==null||c(ie),I.current=ie,(ie!==w||w===void 0)&&(ie?q():U()))},onError:async Y=>{try{if(Y.target instanceof HTMLVideoElement){W(!0);const ie=await(await fetch(Y.target.src)).blob(),ke=URL.createObjectURL(ie);Y.target.src=ke}}catch(ie){console.error("video fallback fetch failed",ie),F(!0),ee(!0)}finally{W(!1),q()}},onPause:()=>{F(!1),s==null||s(),q()},onEnded:()=>{F(!1),b.current=!0,Te(),l==null||l(),q()},style:{visibility:H?"hidden":"visible"},controls:!1,playsInline:!0}),o.jsx(uL,{src:e,style:{visibility:H?"visible":"hidden"}}),!L&&o.jsx(RL,{loading:K,autoPlay:C,played:j,playing:M,isMuted:ve,unmute:G,mute:ne,togglePlaying:Se}),L&&o.jsx(OL,{loading:K,autoPlay:C,playMuted:h,playing:M,played:j,unmute:G,mute:ne,isMuted:ve,hasNotPausedVideo:S,hasInteractedWithAudio:xe}),K&&o.jsx(qr,{children:o.jsx(D7,{})})]})}),ML=p("div")({name:"Container",class:"cq8qxhy",propsAsIs:!1}),FL=p("div")({name:"VideoWrapper",class:"v18kj6dc",propsAsIs:!1}),NL=()=>A2,PL=p(NL())({name:"FocusableVideo",class:"fv2nwib",propsAsIs:!0}),u4=p("div")({name:"VideoStatus",class:"v8ptucg",propsAsIs:!1}),c4="caip8y5",VL=p("div")({name:"Content",class:"ccgc65e",propsAsIs:!1}),DL=p("h3")({name:"Title",class:"t1q3iml2",propsAsIs:!1}),HL=p("div")({name:"Description",class:"d1y2pxs8",propsAsIs:!1}),BL=p("img")({name:"Image",class:"ig2j4fc",propsAsIs:!1}),zL=p("div")({name:"ImageContainer",class:"i3dd6iy",propsAsIs:!1}),UL=({instantView:e,isDetail:t,notification:n,controlVideo:r,muted:a})=>{var i,s;const l=x.useRef(null),[u,c]=x.useState(!1),[m,C]=x.useState(void 0),h=(e==null?void 0:e.playVideoMuted)===T.PlayVideoMuted.ENABLED,y=t&&(e==null?void 0:e.autoPlayVideo)===T.AutoPlayVideo.ENABLED,w=h&&y,L=e==null?void 0:e.heading,S=e==null?void 0:e.body,f=L||S,[d,v]=x.useState(!0),b=n==null?void 0:n.title,I=n==null?void 0:n.body;return o.jsxs(ML,{children:[((i=e==null?void 0:e.video)==null?void 0:i.url)&&o.jsxs(FL,{children:[o.jsx(PL,{className:c4,source:e.video.url,poster:e.video.thumbnailUrl,controlVideo:r,muted:a,autoPlay:t&&e.autoPlayVideo===T.AutoPlayVideo.ENABLED,ref:l,onPause:()=>{c==null||c(!0),v(!1)},onMute:_=>{C(_)},onPlay:()=>{c==null||c(!1)},playMuted:h,hasNotPausedVideo:d,webos:!0}),u&&!d&&o.jsxs(u4,{children:[o.jsx(Z,{name:"icon-pause"}),"PAUSED"]}),m&&w&&o.jsxs(u4,{children:[o.jsx(Z,{name:"iconMute"}),"MUTED"]})]}),(e==null?void 0:e.image)&&!((s=e==null?void 0:e.video)!=null&&s.url)&&o.jsx(zL,{className:c4,"data-rounded":e.imageMode===T.QuestionImages.ROUNDED,children:o.jsx(BL,{src:e==null?void 0:e.image})}),o.jsxs(VL,{children:[o.jsx(DL,{children:t&&f?L:b}),o.jsx(HL,{children:t&&f?S:I})]})]})},qL=p("div")({name:"Container",class:"cgn5uen",propsAsIs:!1}),d4="c1px8nt6",KL=p("div")({name:"Content",class:"c5et2jt",propsAsIs:!1}),ZL=p("h3")({name:"Title",class:"t1i2kpk2",propsAsIs:!1}),QL=p("div")({name:"Description",class:"dd3lh3p",propsAsIs:!1}),WL=p("img")({name:"Image",class:"i1gfjeu5",propsAsIs:!1}),GL=p("div")({name:"ImageContainer",class:"i58y999",propsAsIs:!1}),U7=({instantView:e,isDetail:t,notification:n,controlVideo:r,muted:a})=>{var i,s;const l=e==null?void 0:e.heading,u=e==null?void 0:e.body,c=l||u,m=n==null?void 0:n.title,C=n==null?void 0:n.body;return o.jsxs(qL,{children:[((i=e==null?void 0:e.video)==null?void 0:i.url)&&o.jsx(A2,{className:d4,source:e.video.url,poster:e.video.thumbnailUrl,controlVideo:r,muted:a,autoPlay:t&&e.autoPlayVideo===T.AutoPlayVideo.ENABLED}),(e==null?void 0:e.image)&&!((s=e==null?void 0:e.video)!=null&&s.url)&&o.jsx(GL,{className:d4,"data-rounded":e.imageMode===T.QuestionImages.ROUNDED,children:o.jsx(WL,{src:e==null?void 0:e.image})}),o.jsxs(KL,{children:[o.jsx(ZL,{children:t&&c?l:m}),o.jsx(QL,{children:t&&c?u:C})]})]})},YL=p("div")({name:"Container",class:"c1euiow",propsAsIs:!1}),XL=p("a")({name:"WebLinkBtn",class:"w19zie3h",propsAsIs:!1}),JL=()=>Z,eS=p(JL())({name:"WebLinkIcon",class:"wyg5v7z",propsAsIs:!0}),tS=({instantView:e,...t})=>o.jsxs(YL,{children:[t.webos?o.jsx(UL,{instantView:e,...t,isDetail:!0}):o.jsx(U7,{instantView:e,...t,isDetail:!0}),(e==null?void 0:e.webLink)&&o.jsxs(XL,{href:e==null?void 0:e.webLink.url,target:"_blank","data-a":"web-link",children:[e==null?void 0:e.webLink.label,o.jsx(eS,{name:"icon-external-link"})]})]}),nS=p("div")({name:"Container",class:"cjq447q",propsAsIs:!1}),rS=p("div")({name:"ImageContainer",class:"i14egogb",propsAsIs:!1}),aS=p("img")({name:"Image",class:"i2g9g4l",propsAsIs:!1}),iS=()=>Z,sS=p(iS())({name:"TwitterIcon",class:"t1c454nm",propsAsIs:!0}),oS=p("div")({name:"Details",class:"d11nigc3",propsAsIs:!1}),lS=p("div")({name:"Name",class:"nrxa4k8",propsAsIs:!1}),uS=p("div")({name:"UserNameAndDate",class:"u1p051g3",propsAsIs:!1}),q7=({image:e,name:t,userName:n,verified:r,createdTweet:a})=>{const i=a&&Oy(a);return o.jsxs(nS,{children:[e&&o.jsxs(rS,{children:[o.jsx(aS,{className:"SL_AccountImage",src:e}),o.jsx(sS,{name:"twitter"})]}),o.jsxs(oS,{children:[t&&o.jsxs(lS,{className:"SL_TweetAccountName",children:[t," ",r&&o.jsx(Z,{name:"icon-twitter-verified"})]}),n&&o.jsxs(uS,{className:"SL_TweetAccountUserName",children:["@",n," ",i&&`･ ${i}`]})]})]})},cS=p("div")({name:"Container",class:"c1kzqw87",propsAsIs:!1}),dS=p("div")({name:"Details",class:"d9r1hf9",propsAsIs:!1}),fS=p("div")({name:"Body",class:"bezygt5",propsAsIs:!1}),Hn=p("div")({name:"ImagesContainer",class:"i1y8f7ym",propsAsIs:!1}),Pi=p("div")({name:"ImagesBlock",class:"i18gwonx",propsAsIs:!1}),K7=p("img")({name:"Image",class:"i3g0xjd",propsAsIs:!1}),pS=()=>K7,e1=p(pS())({name:"ImageFullSize",class:"io8rt7p",propsAsIs:!0}),hS=()=>K7,Vi=p(hS())({name:"ImageHalfSize",class:"i4hn3ox",propsAsIs:!0}),mS=new RegExp("\\s?https?://t.co[^\\s]+(\\s+)?$"),Z7=e=>e==null?void 0:e.replace(mS,""),io=x.memo(({image:e,body:t,muted:n,account:r,accountVerified:a,tweet:i,isDetail:s,controlVideo:l})=>{var u,c,m,C,h;const y=(c=(u=i==null?void 0:i.meta)==null?void 0:u.extendedEntities)==null?void 0:c.media,w=y==null?void 0:y.find(({type:S})=>S==="photo"),L=x.useMemo(()=>{var S,f,d,v;return(v=(d=(f=(S=y==null?void 0:y[0])==null?void 0:S.videoInfo)==null?void 0:f.variants)==null?void 0:d.findLast(({contentType:b})=>b==="video/mp4"))==null?void 0:v.url},[y]);return o.jsxs(cS,{children:[o.jsxs(dS,{children:[o.jsx(q7,{image:e,name:(m=i==null?void 0:i.meta)==null?void 0:m.accountName,userName:r,verified:a,createdTweet:i==null?void 0:i.date}),o.jsx(fS,{children:Z7(t)}),!s&&w&&o.jsx(Hn,{children:o.jsx(e1,{src:y==null?void 0:y[0].mediaUrlHttps})}),s&&w&&o.jsxs(o.Fragment,{children:[(y==null?void 0:y.length)===1&&o.jsx(Hn,{children:o.jsx(e1,{src:y[0].mediaUrlHttps})}),(y==null?void 0:y.length)===2&&o.jsxs(Hn,{children:[o.jsx(Vi,{src:y[0].mediaUrlHttps}),o.jsx(Vi,{src:y[1].mediaUrlHttps})]}),(y==null?void 0:y.length)===3&&o.jsxs(Hn,{children:[o.jsx(Vi,{src:y[0].mediaUrlHttps}),o.jsxs(Pi,{children:[o.jsx(e1,{src:y[1].mediaUrlHttps}),o.jsx(e1,{src:y[2].mediaUrlHttps})]})]}),(y==null?void 0:y.length)===4&&o.jsxs(Hn,{children:[o.jsxs(Pi,{children:[o.jsx(e1,{src:y[0].mediaUrlHttps}),o.jsx(e1,{src:y[1].mediaUrlHttps})]}),o.jsxs(Pi,{children:[o.jsx(e1,{src:y[2].mediaUrlHttps}),o.jsx(e1,{src:y[3].mediaUrlHttps})]})]})]})]}),!w&&(((C=y==null?void 0:y[0])==null?void 0:C.type)==="video"||((h=y==null?void 0:y[0])==null?void 0:h.type)==="animated_gif")&&L&&o.jsx(A2,{muted:n,source:L,poster:y[0].mediaUrlHttps,controlVideo:l})]})}),CS=p("div")({name:"Container",class:"c1dcxmvf",propsAsIs:!1}),vS=p("blockquote")({name:"Quote",class:"qb4q22c",propsAsIs:!1}),gS=e=>o.jsxs(CS,{children:[e.title&&o.jsx(vS,{children:e.title}),o.jsx(io,{...e,isDetail:!0})]}),yS=p("div")({name:"QuestionAdvertisementContainer",class:"qwludgs",propsAsIs:!1}),bS=p("div")({name:"QuestionAdvertisementText",class:"qvce6pv",propsAsIs:!1}),wS=p("div")({name:"QuestionAdvertisementImage",class:"qsid7hx",propsAsIs:!1}),xS=({sponsorLogo:e,id:t,hasBanner:n,setAdShowed:r})=>{const a=x.useRef();return x.useEffect(()=>(a.current=setTimeout(()=>{r(!0),n&&dn.emit("poll",{action:"bannerOpened",payload:{questionId:t}})},5e3),()=>{clearTimeout(a.current)}),[r,t,n]),o.jsxs(yS,{children:[o.jsx(bS,{children:"PRESENTED BY"}),o.jsx(wS,{children:o.jsx("img",{src:e,alt:"ad-sponsor-logo"})})]})},f4=p("div")({name:"QuestionContainer",class:"q14ckf9e",propsAsIs:!1}),ES=({openedQuestion:e,muted:t,webos:n})=>{var r,a;const{sdk:i}=Kr();return((r=e==null?void 0:e.attributes)==null?void 0:r.attributes.case)==="insight"?o.jsx(tS,{...e.attributes.attributes.value,muted:t,controlVideo:i==null?void 0:i.controlVideoPlayer,webos:n}):((a=e==null?void 0:e.attributes)==null?void 0:a.attributes.case)==="tweet"?o.jsx(gS,{...e.attributes.attributes.value,muted:t,controlVideo:i==null?void 0:i.controlVideoPlayer}):null},LS=({extendedQuestion:e,vote:t,close:n,webos:r})=>{const{loading:a,data:i}=e;return i?o.jsx(V7,{webos:r,vote:t,close:n,openedQuestion:i,isLoading:!!a}):o.jsx(sL,{})},Q7=({gamification:e,sdk:t,muted:n,skipAutoClose:r,hideSponsor:a,className:i,hideHeader:s,webos:l})=>{var u,c,m,C,h,y,w,L,S,f,d,v,b,I,_,j,O,M,F;const K=ae(e.openedQuestion.$store),W=ae(e.openedQuestion.$extendedStore),[H,ee]=x.useState(!1),ve=ae(t.options),de=((u=K==null?void 0:K.attributes)==null?void 0:u.type)===T.QuestionType.FACTOID,xe=(c=K==null?void 0:K.attributes)==null?void 0:c.backgroundImage,P=(m=W.data)==null?void 0:m.backgroundImage,q=de?xe==null?void 0:xe.landscapeUrl:P==null?void 0:P.landscapeUrl,U=de?xe==null?void 0:xe.portraitUrl:P==null?void 0:P.portraitUrl,ne=T7({containerId:ve.containerId,landscapeUrl:q,portraitUrl:U});if(!K)return null;const G=K.type,Se=((h=(C=W.data)==null?void 0:C.options)==null?void 0:h.options.case)==="factoid"?W.data.options.options.value.closeTimer:void 0;return((y=W.data)==null?void 0:y.adUnit)===T.AdUnit.STANDART&&!H?o.jsxs(f4,{className:i,children:[ne,o.jsx(xS,{id:W.data.id,hasBanner:!!((L=(w=W.data.promotion)==null?void 0:w.banner)!=null&&L.imageUrl),setAdShowed:ee,sponsorLogo:((d=(f=(S=W.data)==null?void 0:S.promotion)==null?void 0:f.sponsor)==null?void 0:d.logo)||((b=(v=W.data)==null?void 0:v.sponsorship)==null?void 0:b.logo)||""})]}):o.jsxs(f4,{className:i,children:[ne,!s&&o.jsx(x8,{closeTimer:r?void 0:Se,close:e.closeQuestion,type:((I=K.attributes)==null?void 0:I.type)||T.QuestionType.UNSET,webos:l}),G==="question"&&o.jsx(LS,{webos:l,vote:e.submitAnswer,close:e.closeQuestion,extendedQuestion:W}),G!=="question"&&o.jsx(ES,{muted:n,openedQuestion:K,webos:l}),!a&&o.jsx(wx,{sponsorLogo:((O=(j=(_=W.data)==null?void 0:_.promotion)==null?void 0:j.sponsor)==null?void 0:O.logo)||((F=(M=W.data)==null?void 0:M.sponsorship)==null?void 0:F.logo)})]})},SS=p("div")({name:"Container",class:"c115qtkr",propsAsIs:!1}),kS=p("div")({name:"STabs",class:"sxnslc8",propsAsIs:!1}),IS=p("button")({name:"Button",class:"b1umzux0",propsAsIs:!1}),_S=p("span")({name:"Title",class:"tspsaas",propsAsIs:!1});var Zn=(e=>(e.HOME="home",e.LEADERBOARD="leaderboard",e))(Zn||{});const p4=({title:e,active:t,onClick:n})=>o.jsx(IS,{"data-a":"intr",onClick:n,"data-selected":t,children:o.jsx(_S,{"data-a":"intr",children:e})}),TS=({activePage:e="home",toggleActivePage:t})=>o.jsx(SS,{children:o.jsxs(kS,{"data-position":e==="home"?"left":"right",children:[o.jsx(p4,{title:"Home",active:e==="home",onClick:()=>t("home")}),o.jsx(p4,{title:"Friends",active:e==="leaderboard",onClick:()=>t("leaderboard")})]})}),$S=p("button")({name:"Container",class:"cpjnajb",propsAsIs:!1}),AS=p("div")({name:"Content",class:"c4m6kaz",propsAsIs:!1}),jS=p("span")({name:"Title",class:"t1h8t9cc",propsAsIs:!1}),RS=()=>o.jsx($S,{children:o.jsxs(AS,{children:[o.jsx(Z,{name:"iconCopySuccess"}),o.jsx(jS,{children:"Link Copied to Clipboard"})]})}),W7=e=>{const t=x.useRef(),[n,r]=x.useState(null),a=x.useCallback(async i=>{var s;if(i&&(s=navigator==null?void 0:navigator.clipboard)!=null&&s.writeText){t.current&&(clearTimeout(t.current),r(null));try{await navigator.clipboard.writeText(i),e.current&&(r(Br.createPortal(o.jsx(RS,{}),e.current)),t.current=setTimeout(()=>{r(null)},1e3))}catch(l){console.error("Unable to copy to clipboard",l)}}},[e]);return x.useEffect(()=>()=>{clearTimeout(t.current)},[]),[a,n]},OS=p("div")({name:"Container",class:"c1ux29ft",propsAsIs:!1}),MS=()=>Z,FS=p(MS())({name:"FriendsIcon",class:"f10ncfg2",propsAsIs:!0}),NS=p("div")({name:"Content",class:"c1yc07bd",propsAsIs:!1}),PS=p("div")({name:"Title",class:"tj6cq7w",propsAsIs:!1}),VS=p("div")({name:"Description",class:"d1ag78xo",propsAsIs:!1}),DS=()=>Z,HS=p(DS())({name:"ArrowInviteIcon",class:"awohrz6",propsAsIs:!0}),BS=({title:e,description:t,onClick:n,className:r})=>{const[a]=z4({type:"invitation",action:"sent",payload:{from:T.InvitationFrom.TITLE_CARD}});return o.jsxs(OS,{"data-a":"intr",onClick:a(n),className:r,children:[o.jsx(FS,{name:"icon-friends"}),o.jsxs(NS,{children:[o.jsx(PS,{children:e}),o.jsx(VS,{children:t})]}),o.jsx(HS,{name:"icon-copy"})]})};let vt;typeof window<"u"?vt=window:typeof self<"u"?vt=self:vt=T.global;let D0=null,H0=null;const h4=20,Di=vt.clearTimeout,m4=vt.setTimeout,Hi=vt.cancelAnimationFrame||vt.mozCancelAnimationFrame||vt.webkitCancelAnimationFrame,C4=vt.requestAnimationFrame||vt.mozRequestAnimationFrame||vt.webkitRequestAnimationFrame;Hi==null||C4==null?(D0=Di,H0=function(t){return m4(t,h4)}):(D0=function([t,n]){Hi(t),Di(n)},H0=function(t){const n=C4(function(){Di(r),t()}),r=m4(function(){Hi(n),t()},h4);return[n,r]});function zS(e){let t,n,r,a,i,s,l;const u=typeof document<"u"&&document.attachEvent;if(!u){s=function(f){const d=f.__resizeTriggers__,v=d.firstElementChild,b=d.lastElementChild,I=v.firstElementChild;b.scrollLeft=b.scrollWidth,b.scrollTop=b.scrollHeight,I.style.width=v.offsetWidth+1+"px",I.style.height=v.offsetHeight+1+"px",v.scrollLeft=v.scrollWidth,v.scrollTop=v.scrollHeight},i=function(f){return f.offsetWidth!==f.__resizeLast__.width||f.offsetHeight!==f.__resizeLast__.height},l=function(f){if(f.target.className&&typeof f.target.className.indexOf=="function"&&f.target.className.indexOf("contract-trigger")<0&&f.target.className.indexOf("expand-trigger")<0)return;const d=this;s(this),this.__resizeRAF__&&D0(this.__resizeRAF__),this.__resizeRAF__=H0(function(){i(d)&&(d.__resizeLast__.width=d.offsetWidth,d.__resizeLast__.height=d.offsetHeight,d.__resizeListeners__.forEach(function(I){I.call(d,f)}))})};let h=!1,y="";r="animationstart";const w="Webkit Moz O ms".split(" ");let L="webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "),S="";{const f=document.createElement("fakeelement");if(f.style.animationName!==void 0&&(h=!0),h===!1){for(let d=0;d<w.length;d++)if(f.style[w[d]+"AnimationName"]!==void 0){S=w[d],y="-"+S.toLowerCase()+"-",r=L[d],h=!0;break}}}n="resizeanim",t="@"+y+"keyframes "+n+" { from { opacity: 0; } to { opacity: 0; } } ",a=y+"animation: 1ms "+n+"; "}const c=function(h){if(!h.getElementById("detectElementResize")){const y=(t||"")+".resize-triggers { "+(a||"")+'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%; }',w=h.head||h.getElementsByTagName("head")[0],L=h.createElement("style");L.id="detectElementResize",L.type="text/css",e!=null&&L.setAttribute("nonce",e),L.styleSheet?L.styleSheet.cssText=y:L.appendChild(h.createTextNode(y)),w.appendChild(L)}};return{addResizeListener:function(h,y){if(u)h.attachEvent("onresize",y);else{if(!h.__resizeTriggers__){const w=h.ownerDocument,L=vt.getComputedStyle(h);L&&L.position==="static"&&(h.style.position="relative"),c(w),h.__resizeLast__={},h.__resizeListeners__=[],(h.__resizeTriggers__=w.createElement("div")).className="resize-triggers";const S=w.createElement("div");S.className="expand-trigger",S.appendChild(w.createElement("div"));const f=w.createElement("div");f.className="contract-trigger",h.__resizeTriggers__.appendChild(S),h.__resizeTriggers__.appendChild(f),h.appendChild(h.__resizeTriggers__),s(h),h.addEventListener("scroll",l,!0),r&&(h.__resizeTriggers__.__animationListener__=function(v){v.animationName===n&&s(h)},h.__resizeTriggers__.addEventListener(r,h.__resizeTriggers__.__animationListener__))}h.__resizeListeners__.push(y)}},removeResizeListener:function(h,y){if(u)h.detachEvent("onresize",y);else if(h.__resizeListeners__.splice(h.__resizeListeners__.indexOf(y),1),!h.__resizeListeners__.length){h.removeEventListener("scroll",l,!0),h.__resizeTriggers__.__animationListener__&&(h.__resizeTriggers__.removeEventListener(r,h.__resizeTriggers__.__animationListener__),h.__resizeTriggers__.__animationListener__=null);try{h.__resizeTriggers__=!h.removeChild(h.__resizeTriggers__)}catch{}}}}}class US extends x.Component{constructor(...t){super(...t),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:n,disableWidth:r,onResize:a}=this.props;if(this._parentNode){const i=window.getComputedStyle(this._parentNode)||{},s=parseFloat(i.paddingLeft||"0"),l=parseFloat(i.paddingRight||"0"),u=parseFloat(i.paddingTop||"0"),c=parseFloat(i.paddingBottom||"0"),m=this._parentNode.getBoundingClientRect(),C=m.height-u-c,h=m.width-s-l,y=this._parentNode.offsetHeight-u-c,w=this._parentNode.offsetWidth-s-l;(!n&&(this.state.height!==y||this.state.scaledHeight!==C)||!r&&(this.state.width!==w||this.state.scaledWidth!==h))&&(this.setState({height:y,width:w,scaledHeight:C,scaledWidth:h}),typeof a=="function"&&a({height:y,scaledHeight:C,scaledWidth:h,width:w}))}},this._setRef=n=>{this._autoSizer=n}}componentDidMount(){const{nonce:t}=this.props,n=this._autoSizer?this._autoSizer.parentNode:null;if(n!=null&&n.ownerDocument&&n.ownerDocument.defaultView&&n instanceof n.ownerDocument.defaultView.HTMLElement){this._parentNode=n;const r=n.ownerDocument.defaultView.ResizeObserver;r!=null?(this._resizeObserver=new r(()=>{this._timeoutId=setTimeout(this._onResize,0)}),this._resizeObserver.observe(n)):(this._detectElementResize=zS(t),this._detectElementResize.addResizeListener(n,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.disconnect())}render(){const{children:t,defaultHeight:n,defaultWidth:r,disableHeight:a=!1,disableWidth:i=!1,doNotBailOutOnEmptyChildren:s=!1,nonce:l,onResize:u,style:c={},tagName:m="div",...C}=this.props,{height:h,scaledHeight:y,scaledWidth:w,width:L}=this.state,S={overflow:"visible"},f={};let d=!1;return a||(h===0&&(d=!0),S.height=0,f.height=h,f.scaledHeight=y),i||(L===0&&(d=!0),S.width=0,f.width=L,f.scaledWidth=w),s&&(d=!1),x.createElement(m,{ref:this._setRef,style:{...S,...c},...C},!d&&t(f))}}function qS(e){var t=e.lastRenderedStartIndex,n=e.lastRenderedStopIndex,r=e.startIndex,a=e.stopIndex;return!(r>n||a<t)}function KS(e){for(var t=e.isItemLoaded,n=e.itemCount,r=e.minimumBatchSize,a=e.startIndex,i=e.stopIndex,s=[],l=null,u=null,c=a;c<=i;c++){var m=t(c);m?u!==null&&(s.push(l,u),l=u=null):(u=c,l===null&&(l=c))}if(u!==null){for(var C=Math.min(Math.max(u,l+r-1),n-1),h=u+1;h<=C&&!t(h);h++)u=h;s.push(l,u)}if(s.length)for(;s[1]-s[0]+1<r&&s[0]>0;){var y=s[0]-1;if(!t(y))s[0]=y;else break}return s}var ZS=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},QS=function(){function e(t,n){for(var r=0;r<n.length;r++){var a=n[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),WS=function(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)},v4=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:e};(function(e){WS(t,e);function t(){var n,r,a,i;ZS(this,t);for(var s=arguments.length,l=Array(s),u=0;u<s;u++)l[u]=arguments[u];return i=(r=(a=v4(this,(n=t.__proto__||Object.getPrototypeOf(t)).call.apply(n,[this].concat(l))),a),a._lastRenderedStartIndex=-1,a._lastRenderedStopIndex=-1,a._memoizedUnloadedRanges=[],a._onItemsRendered=function(c){var m=c.visibleStartIndex,C=c.visibleStopIndex;a._lastRenderedStartIndex=m,a._lastRenderedStopIndex=C,a._ensureRowsLoaded(m,C)},a._setRef=function(c){a._listRef=c},r),v4(a,i)}return QS(t,[{key:"resetloadMoreItemsCache",value:function(){var r=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;this._memoizedUnloadedRanges=[],r&&this._ensureRowsLoaded(this._lastRenderedStartIndex,this._lastRenderedStopIndex)}},{key:"componentDidMount",value:function(){}},{key:"render",value:function(){var r=this.props.children;return r({onItemsRendered:this._onItemsRendered,ref:this._setRef})}},{key:"_ensureRowsLoaded",value:function(r,a){var i=this.props,s=i.isItemLoaded,l=i.itemCount,u=i.minimumBatchSize,c=u===void 0?10:u,m=i.threshold,C=m===void 0?15:m,h=KS({isItemLoaded:s,itemCount:l,minimumBatchSize:c,startIndex:Math.max(0,r-C),stopIndex:Math.min(l-1,a+C)});(this._memoizedUnloadedRanges.length!==h.length||this._memoizedUnloadedRanges.some(function(y,w){return h[w]!==y}))&&(this._memoizedUnloadedRanges=h,this._loadUnloadedRanges(h))}},{key:"_loadUnloadedRanges",value:function(r){for(var a=this,i=this.props.loadMoreItems||this.props.loadMoreRows,s=function(c){var m=r[c],C=r[c+1],h=i(m,C);h!=null&&h.then(function(){if(qS({lastRenderedStartIndex:a._lastRenderedStartIndex,lastRenderedStopIndex:a._lastRenderedStopIndex,startIndex:m,stopIndex:C})){if(a._listRef==null)return;typeof a._listRef.resetAfterIndex=="function"?a._listRef.resetAfterIndex(m,!0):(typeof a._listRef._getItemStyleCache=="function"&&a._listRef._getItemStyleCache(-1),a._listRef.forceUpdate())}})},l=0;l<r.length;l+=2)s(l)}}]),t})(x.PureComponent);const GS=p("div")({name:"Container",class:"culdu4a",propsAsIs:!1}),YS=p("div")({name:"Position",class:"pwf8e69",propsAsIs:!1}),XS=p("img")({name:"Avatar",class:"atf4yh4",propsAsIs:!1}),JS=p("div")({name:"AvatarPlaceholder",class:"a1dg29ja",propsAsIs:!1}),ek=p("div")({name:"Content",class:"c10a68rc",propsAsIs:!1}),tk=p("div")({name:"NameContainer",class:"nc4kck5",propsAsIs:!1}),nk=p("span")({name:"Name",class:"njsrqgr",propsAsIs:!1}),rk=()=>Z,ak=p(rk())({name:"CurrentUserBadge",class:"c17uc4zr",propsAsIs:!0});var G7={exports:{}},ik="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",sk=ik,ok=sk;function Y7(){}function X7(){}X7.resetWarningCache=Y7;var lk=function(){function e(r,a,i,s,l,u){if(u!==ok){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}e.isRequired=e;function t(){return e}var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:X7,resetWarningCache:Y7};return n.PropTypes=n,n};G7.exports=lk();var uk=G7.exports;const rt=F4(uk);class B0 extends x.Component{constructor(t){super(t),this.scrollListener=this.scrollListener.bind(this),this.eventListenerOptions=this.eventListenerOptions.bind(this),this.mousewheelListener=this.mousewheelListener.bind(this)}componentDidMount(){this.pageLoaded=this.props.pageStart,this.options=this.eventListenerOptions(),this.attachScrollListener()}componentDidUpdate(){if(this.props.isReverse&&this.loadMore){const t=this.getParentElement(this.scrollComponent);t.scrollTop=t.scrollHeight-this.beforeScrollHeight+this.beforeScrollTop,this.loadMore=!1}this.attachScrollListener()}componentWillUnmount(){this.detachScrollListener(),this.detachMousewheelListener()}isPassiveSupported(){let t=!1;const n={get passive(){t=!0}};try{document.addEventListener("test",null,n),document.removeEventListener("test",null,n)}catch{}return t}eventListenerOptions(){let t=this.props.useCapture;return this.isPassiveSupported()?t={useCapture:this.props.useCapture,passive:!0}:t={passive:!1},t}setDefaultLoader(t){this.defaultLoader=t}detachMousewheelListener(){let t=window;this.props.useWindow===!1&&(t=this.scrollComponent.parentNode),t.removeEventListener("mousewheel",this.mousewheelListener,this.options?this.options:this.props.useCapture)}detachScrollListener(){let t=window;this.props.useWindow===!1&&(t=this.getParentElement(this.scrollComponent)),t.removeEventListener("scroll",this.scrollListener,this.options?this.options:this.props.useCapture),t.removeEventListener("resize",this.scrollListener,this.options?this.options:this.props.useCapture)}getParentElement(t){const n=this.props.getScrollParent&&this.props.getScrollParent();return n??(t&&t.parentNode)}filterProps(t){return t}attachScrollListener(){const t=this.getParentElement(this.scrollComponent);if(!this.props.hasMore||!t)return;let n=window;this.props.useWindow===!1&&(n=t),n.addEventListener("mousewheel",this.mousewheelListener,this.options?this.options:this.props.useCapture),n.addEventListener("scroll",this.scrollListener,this.options?this.options:this.props.useCapture),n.addEventListener("resize",this.scrollListener,this.options?this.options:this.props.useCapture),this.props.initialLoad&&this.scrollListener()}mousewheelListener(t){t.deltaY===1&&!this.isPassiveSupported()&&t.preventDefault()}scrollListener(){const t=this.scrollComponent,n=window,r=this.getParentElement(t);let a;if(this.props.useWindow){const i=document.documentElement||document.body.parentNode||document.body,s=n.pageYOffset!==void 0?n.pageYOffset:i.scrollTop;this.props.isReverse?a=s:a=this.calculateOffset(t,s)}else this.props.isReverse?a=r.scrollTop:a=t.scrollHeight-r.scrollTop-r.clientHeight;a<Number(this.props.threshold)&&t&&t.offsetParent!==null&&(this.detachScrollListener(),this.beforeScrollHeight=r.scrollHeight,this.beforeScrollTop=r.scrollTop,typeof this.props.loadMore=="function"&&(this.props.loadMore(this.pageLoaded+=1),this.loadMore=!0))}calculateOffset(t,n){return t?this.calculateTopPosition(t)+(t.offsetHeight-n-window.innerHeight):0}calculateTopPosition(t){return t?t.offsetTop+this.calculateTopPosition(t.offsetParent):0}render(){const t=this.filterProps(this.props),{children:n,element:r,hasMore:a,initialLoad:i,isReverse:s,loader:l,loadMore:u,pageStart:c,ref:m,threshold:C,useCapture:h,useWindow:y,getScrollParent:w,...L}=t;L.ref=f=>{this.scrollComponent=f,m&&m(f)};const S=[n];return a&&(l?s?S.unshift(l):S.push(l):this.defaultLoader&&(s?S.unshift(this.defaultLoader):S.push(this.defaultLoader))),x.createElement(r,L,S)}}ge(B0,"propTypes",{children:rt.node.isRequired,element:rt.node,hasMore:rt.bool,initialLoad:rt.bool,isReverse:rt.bool,loader:rt.node,loadMore:rt.func.isRequired,pageStart:rt.number,ref:rt.func,getScrollParent:rt.func,threshold:rt.number,useCapture:rt.bool,useWindow:rt.bool}),ge(B0,"defaultProps",{element:"div",hasMore:!1,initialLoad:!0,pageStart:0,ref:null,threshold:250,useWindow:!0,isReverse:!1,useCapture:!1,loader:null,getScrollParent:null});const ck=({friendsRank:e,avatar:t,name:n,userId:r,points:a,isCurrentUser:i,style:s})=>o.jsxs(GS,{"data-name":r,style:s,children:[o.jsx(YS,{children:e||0}),o.jsxs(ek,{children:[t?o.jsx(XS,{alt:"leaderboard-item-avatar",src:t}):o.jsx(JS,{children:ds(n||"")}),o.jsxs(tk,{children:[o.jsx(nk,{children:n||""}),i&&o.jsx(ak,{name:"icon-star"})]})]}),o.jsx("div",{children:L8(a)})]}),dk=p("div")({name:"Container",class:"c16btbfp",propsAsIs:!1}),fk=({items:e,currentUserId:t,openItemDetail:n,fetchMore:r,scrollNode:a,hasMore:i})=>{const s=x.useCallback(l=>{const u=l.target.getAttribute("data-name");u&&n(u)},[n]);return o.jsx(B0,{loadMore:r,initialLoad:!1,hasMore:i,useWindow:!1,getScrollParent:()=>a.current,children:o.jsx(dk,{"data-a":"intr",onClick:s,children:e.map(l=>o.jsx(ck,{...l,isCurrentUser:!!t&&t===l.userId},l.userId))})})},pk=p("div")({name:"Container",class:"c1itm4k7",propsAsIs:!1}),hk=p("div")({name:"IconContainer",class:"i1w4fsni",propsAsIs:!1}),mk=()=>Z,Ck=p(mk())({name:"InviteGameIcon",class:"i19m85r1",propsAsIs:!0}),vk=p("div")({name:"Content",class:"c1mbu204",propsAsIs:!1}),gk=p("div")({name:"Heading",class:"h1amdqtv",propsAsIs:!1}),yk=p("div")({name:"Subtext",class:"s1lhlj9j",propsAsIs:!1}),bk=p("div")({name:"LinkContainer",class:"l1wot35e",propsAsIs:!1}),wk=p("div")({name:"LinkInfo",class:"l1jdw39q",propsAsIs:!1}),xk=p("span")({name:"LinkTitle",class:"l1cr5mk",propsAsIs:!1}),Ek=p("span")({name:"LinkAddress",class:"lvi87q4",propsAsIs:!1}),Lk=()=>Z,Sk=p(Lk())({name:"LinkIcon",class:"l1pqlvw3",propsAsIs:!0}),J7=({inviteLink:e,inviteCardTitle:t,inviteCardSubtext:n,primaryColor:r,className:a})=>{const i=x.useRef(null),[s,l]=W7(i),[u]=z4({type:"invitation",action:"sent",payload:{from:T.InvitationFrom.MENU}});return o.jsxs(pk,{className:a,children:[o.jsx(hk,{style:{backgroundColor:r},children:o.jsx(Ck,{name:"invite-game-icon"})}),o.jsxs(vk,{children:[o.jsx(gk,{children:t||""}),o.jsx(yk,{children:n||""})]}),e&&o.jsxs(bk,{ref:i,"data-a":"intr",onClick:u(()=>s(e)),children:[o.jsxs(wk,{children:[o.jsx(xk,{children:"Invite link"}),o.jsx(Ek,{children:e})]}),o.jsx(Sk,{name:"icon-copy"})]}),l]})},kk=p("div")({name:"InviteFriendsContainer",class:"i1c9dygq",propsAsIs:!1}),Ik=({deepLink:e})=>o.jsx(kk,{children:o.jsx(J7,{inviteLink:e,inviteCardTitle:"It’s More Fun With Friends",inviteCardSubtext:"Invite and compete against your friends for the top spot on the leaderboard."})}),_k=p("div")({name:"InviteLinkContainer",class:"i1odbhm4",propsAsIs:!1}),Tk=({gamification:e,scrollNode:t,scrollStore:n})=>{const r=x.useRef(null),{data:a,hasMore:i,loading:s,key:l}=ae(e.leaderboardList.$store),{data:u}=ae(e.deepLink.$store),[c,m]=W7(r);return!a.length&&!s?o.jsx(Ik,{deepLink:u}):o.jsxs(o.Fragment,{children:[o.jsx(fk,{items:a,scrollNode:t,scrollStore:n,fetchMore:e.leaderboardList.fetchMore,hasMore:i,openItemDetail:e.openUser,currentUserId:e.currentUserId.get()},l),u&&o.jsx(_k,{ref:r,children:o.jsx(BS,{"data-a":"intr",onClick:()=>c(u),title:"Invite Friends",description:"Challenge them now!"})}),m]})},so=p("div")({name:"QuestionItem",class:"q1w97g3p",propsAsIs:!1}),$k=p("div")({name:"QuestionCaption",class:"q2sl39u",propsAsIs:!1}),Ak=p("div")({name:"QuestionBody",class:"qd5h0uc",propsAsIs:!1}),jk=p("div")({name:"QuestionAction",class:"q105uluy",propsAsIs:!1}),Rk=()=>Z,dr=p(Rk())({name:"QuestionActionIcon",class:"q1fa0b9h",propsAsIs:!0}),Ok=()=>dr,Mk=p(Ok())({name:"QuestionCheckIcon",class:"qxlt78s",propsAsIs:!0}),Fk=()=>Z,Nk=p(Fk())({name:"QuestionTypeIcon",class:"qmg0vkx",propsAsIs:!0}),Pk=p("div")({name:"QuestionTypeLabel",class:"q1uz5j1g",propsAsIs:!1}),Vk=p("div")({name:"QuestionContent",class:"qc3icwa",propsAsIs:!1}),e5=p("button")({name:"PlayButton",class:"p169lohr",propsAsIs:!1}),Dk=p("div")({name:"SkeletonContainer",class:"s1f43z3r",propsAsIs:!1}),Hk=()=>E8,Bk=p(Hk())({name:"SkeletonButton",class:"s16k8geu",propsAsIs:!0}),zk={[T.PickHistoryStatus.LOST]:o.jsx(dr,{name:"incorrectVoted"}),[T.PickHistoryStatus.WON]:o.jsx(Mk,{name:"icon-check"}),[T.PickHistoryStatus.UNSET]:o.jsx(dr,{name:"icon-arrow"}),[T.PickHistoryStatus.DNP]:o.jsx(dr,{name:"icon-arrow"})},Uk=()=>o.jsxs(Dk,{children:[o.jsx(it,{loading:!0,style:{width:"35%"}}),o.jsx(it,{loading:!0,style:{width:"70%"}}),o.jsx(Bk,{})]}),t5=({questionTypeData:e,questionType:t,questionStatus:n})=>o.jsxs($k,{className:"SL_QuestionCaption",children:[o.jsx(Nk,{className:"SL_QuestionTypeIcon","data-testid":"question-type-icon","data-type-trivia":t===T.QuestionType.TRIVIA,"data-type-poll":t===T.QuestionType.POLL,name:e.iconName}),o.jsxs(Pk,{className:"SL_QuestionTypeLabel",children:[e.label,t===T.QuestionType.TRIVIA&&n===T.QuestionStatus.RESOLVED&&" • Expired"]})]}),qk=({questionId:e,questionType:t,questionStatus:n,subject:r,openForVoting:a,status:i})=>{const s=k2[t],l=zk[i];return s?o.jsxs(so,{"data-a":"intr","data-name":e,children:[o.jsxs(Vk,{children:[o.jsx(t5,{questionTypeData:s,questionType:t,questionStatus:n}),o.jsx(Ak,{children:r||""})]}),o.jsx(jk,{children:a?o.jsx(e5,{"data-a":"intr","data-name":e,children:"Play"}):l})]}):null},Kk=()=>so,Zk=p(Kk())({name:"Container",class:"cll3md7",propsAsIs:!0}),Qk=()=>e5,Wk=p(Qk())({name:"ActionBtn",class:"a10g1iik",propsAsIs:!0}),Gk=({questionId:e,...t})=>o.jsxs(Zk,{"data-a":"intr","data-name":e,children:[o.jsx(U7,{questionId:e,...t}),o.jsx(Wk,{"data-a":"intr","data-name":e,children:"View Insight"})]}),Yk=()=>so,Xk=p(Yk())({name:"Container",class:"cl56x6b",propsAsIs:!0}),Jk=p("button")({name:"ActionButton",class:"a11pzf92",propsAsIs:!1}),eI=p("blockquote")({name:"Quote",class:"q1hbaleq",propsAsIs:!1}),tI=({...e})=>o.jsxs(Xk,{"data-a":"intr","data-name":e.tweetId,children:[e.title&&o.jsx(eI,{children:e.title}),o.jsx(io,{...e}),o.jsx(Jk,{"data-a":"intr","data-name":e.tweetId,children:"View Insight"})]}),g4=p("div")({name:"QuestionsContainer",class:"qvghv3l",propsAsIs:!1}),nI=({questions:e,openQuestion:t,controlVideo:n})=>{const r=a=>{const i=a.target.getAttribute("data-name");i&&(z7(),t(i,{openedFrom:"list"}))};return e?o.jsx(g4,{"data-a":"intr",onClick:r,children:e==null?void 0:e.map(a=>{var i,s,l;if(a.type==="question"&&((i=a.attributes)==null?void 0:i.attributes.case)==="question"){const u=a.attributes.attributes.value;return o.jsx(qk,{...u},u.questionId)}if(a.type==="insight"&&((s=a.attributes)==null?void 0:s.attributes.case)==="insight"){const u=a.attributes.attributes.value;return o.jsx(Gk,{controlVideo:n,...u},u.questionId)}if(a.type==="tweet"&&((l=a.attributes)==null?void 0:l.attributes.case)==="tweet"){const u=a.attributes.attributes.value,c=a.attributes.id;return o.jsx(tI,{controlVideo:n,...u,tweetId:c},c)}return null})}):o.jsx(g4,{children:Array.from({length:5}).map((a,i)=>o.jsx(Uk,{},i))})},rI=({store:e,openQuestion:t})=>{const{sdk:n}=Kr(),r=ae(e);return o.jsx(nI,{openQuestion:t,questions:r.data,controlVideo:n==null?void 0:n.controlVideoPlayer})},aI=({userSummary:e})=>{var t;const[n,r]=x.useState(void 0);return x.useEffect(()=>{const a=e.$store.subscribe(i=>{i&&r(i)});return()=>{a()}},[e]),o.jsx(S8,{loading:!(n!=null&&n.summary),...n==null?void 0:n.summary,successRate:(t=n==null?void 0:n.percentage)==null?void 0:t.correct})},iI=({gamification:e,className:t,scrollStore:n,scrollNode:r,appNode:a,style:i,responsiveStore:s})=>{const{tabsShown:l}=ae(n,{keys:["tabsShown"]}),u=ae(e.friendsTabEnabled),[c,m]=x.useState(Zn.HOME),[,C]=tu(),{sdkInDesktopView:h,screen:y}=ae(s,{keys:["sdkInDesktopView"]}),w=S=>{C(()=>{var f;m(S),h===!1&&(((f=a.current)==null?void 0:f.getBoundingClientRect().y)||0)<0&&Q0(a,y.size,{behavior:"instant"})})};x.useEffect(()=>n.subscribe(S=>{if(S.scrollPosition===0){n.setKey("tabsShown",!0);return}s.get().sdkInDesktopView?n.setKey("tabsShown",S.scrollDirection==="backward"):n.setKey("tabsShown",S.scrollDirection==="forward")}),[n,s]),x.useEffect(()=>{u||m(Zn.HOME)},[u]);let L="0px";return h?L=l?"0px":"calc(0px - var(--header-height))":L=l?"var(--header-height)":"0px",o.jsxs(N5,{className:De(t,"SL-Tabs","sl-hide-on-modal"),style:i,children:[u&&o.jsx(H5,{style:{top:L},children:o.jsx(TS,{activePage:c,toggleActivePage:w})}),c===Zn.HOME&&o.jsxs(o.Fragment,{children:[o.jsx(F5,{children:o.jsx(B5,{children:o.jsx(aI,{userSummary:e.userSummary})})}),o.jsx(q0,{style:{flex:1},children:o.jsx(rI,{openQuestion:e.openQuestion,store:e.feedList.getStore()})})]}),c===Zn.LEADERBOARD&&o.jsx(V5,{children:o.jsx(Tk,{scrollStore:n,scrollNode:r,gamification:e})})]})},sI=()=>_n,y4=p(sI())({name:"OpenedContainer",class:"ouvguos",propsAsIs:!0}),b4="t1eu4lbg",oI=p("div")({name:"UserContainer",class:"uuv2xqo",propsAsIs:!1}),lI=({correct:e,incorrect:t})=>{const n=e+t;return n===0?0:Math.round(e/n*100)},uI=({gamification:e,scrollStore:t,className:n,appNode:r,scrollNode:a,responsiveStore:i})=>o.jsx(iI,{appNode:r,scrollStore:t,scrollNode:a,className:n,gamification:e,responsiveStore:i}),cI=({gamification:e,muted:t,sdk:n,className:r,appNode:a,responsiveStore:i})=>{const{topNavigation:s}=Kr(),l=ae(e.openedQuestionId),u=ae(e.openedQuestion.$store),c=ae(e.openedUser),{sdkInDesktopView:m}=ae(i,{keys:["sdkInDesktopView"]}),{hiding:C,onAnimationEnd:h}=K4();if(!l&&!c)return null;const y=u?o.jsx(y4,{className:De(r,!s&&b4),hiding:C,onAnimationEnd:h,children:o.jsx(Q7,{muted:t,sdk:n,gamification:e})}):c?o.jsx(y4,{className:De(r,!s&&b4),hiding:C,onAnimationEnd:h,children:o.jsxs(oI,{children:[o.jsx(x8,{label:"Friend's Rank",close:e.closeUser}),o.jsx(K0,{children:o.jsx(S8,{...c,successRate:lI(c)})})]})}):null;return o.jsx(A7,{container:a,useContainer:!m,children:y})},dI=x.lazy(()=>Promise.resolve().then(()=>require("./gamification-feature.js"))),fI=({sdk:e,feature:t,className:n,scrollStore:r,appNode:a,scrollNode:i,responsiveStore:s})=>{const l=x.useMemo(()=>t&&t.featureConfig.get().type===T.SdkOverlayType.GAMES?o.jsx(ju,{className:n,sdk:e,feature:t,children:o.jsx(dI,{appNode:a,scrollStore:r,scrollNode:i,className:n,responsiveStore:s,gamification:t})}):null,[e,t,n,s,r,i,a]);return o.jsx(x.Suspense,{fallback:o.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"page loading..."}),children:l})},pI=({feature:e,sdk:t,muted:n,className:r,appNode:a,responsiveStore:i})=>e&&e.featureConfig.get().type===T.SdkOverlayType.GAMES?o.jsx(cI,{className:r,appNode:a,muted:n,sdk:t,responsiveStore:i,gamification:e}):null,hI=p("div")({name:"Buttons",class:"b5o8qbl",propsAsIs:!1}),mI=({children:e,className:t})=>o.jsx(hI,{className:t,children:e}),n5=p("div")({name:"Navigation",class:"n6tbwuy",propsAsIs:!1}),CI=()=>mI,w4=p(CI())({name:"NavigationItems",class:"n1up4z7v",propsAsIs:!0}),vI=p("button")({name:"SButton",class:"sxxa0c",propsAsIs:!1}),gI=p("span")({name:"ButtonIcon",class:"b193dcyu",propsAsIs:!1}),yI=p("span")({name:"ButtonLabel",class:"b40tuix",propsAsIs:!1}),bI="s14xk0af",wI="ha3mg7c",xI="h103yr45",X2=({disabled:e,active:t,onClick:n,label:r,icon:a,id:i})=>o.jsx(vI,{onClick:n,"data-a":"intr",disabled:e,className:De(t&&bI,!t&&(i==="channels"||i==="featuredGroups")&&wI,!t&&i==="leaderboard"&&xI),children:o.jsxs(o.Fragment,{children:[a&&o.jsx(gI,{children:a}),o.jsx(yI,{children:r})]})}),EI=()=>Z,LI=p(EI())({name:"ButtonIcon",class:"b11wpe79",propsAsIs:!0}),SI=p("div")({name:"Container",class:"calnblm",propsAsIs:!1}),kI=p("div")({name:"Title",class:"t1438p52",propsAsIs:!1}),II=p("div")({name:"CloseIconWrap",class:"c17srj38",propsAsIs:!1}),_I=()=>Z,TI=p(_I())({name:"CloseIcon",class:"clqia8k",propsAsIs:!0}),$I=()=>Z,AI=p($I())({name:"DashboardIcon",class:"df5w958",propsAsIs:!0}),jI="h12x6aiv",RI=x.forwardRef(({sdk:e,className:t},n)=>{const r=()=>{e.closeFeature()};return o.jsxs(n5,{className:De(t,jI),children:[o.jsxs(SI,{children:[o.jsxs(kI,{children:[o.jsx(AI,{name:"dashboard"}),"Dashboard"]}),o.jsx(II,{"data-a":"intr",onClick:r,children:o.jsx(TI,{name:"icon-cross"})})]}),o.jsx("div",{ref:n})]})}),OI=x.forwardRef(({sdk:e,className:t},n)=>{const r=ae(e.sdkStore.organizationSettings),a=ae(e.sdkStore.streamSettings),i=ae(e.getActiveFeature()),s=x.useMemo(()=>{const u=(a==null?void 0:a.data)||(r==null?void 0:r.data);return u!=null&&u.overlays?u.overlays:[]},[r,a]),l=x.useMemo(()=>[...s.filter(({enableSdkButton:u,type:c})=>c===T.SdkOverlayType.GAMES||u).map(u=>({id:u.type,onClick:()=>e.openFeature(u.type),disabled:!(u.type in L5),label:u.name,icon:o.jsx("img",{src:u.icon,alt:""}),position:u.position*10}))].sort((u,c)=>u.position-c.position),[s,e]);return o.jsxs(n5,{className:t,children:[l.length!==0&&o.jsx(w4,{children:[o.jsx(X2,{id:"Channels",onClick:()=>e.closeFeature(),label:"Channels",active:i===0},"Channels"),...l.map(u=>u.id===T.SdkOverlayType.GAMES?o.jsx(X2,{...u,active:u.id===i,label:"StreamLayer +",id:"featuredGroups",icon:o.jsx(LI,{name:"icon-btn-feature-groups","data-selected":u.id===i})},u.id):o.jsx(X2,{...u,icon:void 0,active:u.id===i},u.id))]}),!l.length&&o.jsx(w4,{children:[o.jsx(X2,{id:"empty",label:"No Features...",active:!1,disabled:!0},"empty")]}),o.jsx("div",{ref:n})]})}),MI=p("div")({name:"InsightContainer",class:"i1pqqgpo",propsAsIs:!1}),FI=p("img")({name:"Image",class:"igj7luu",propsAsIs:!1}),NI=p("div")({name:"ImageContainer",class:"i1qne9g6",propsAsIs:!1}),PI=p("div")({name:"InsightContent",class:"itpr98r",propsAsIs:!1}),VI=p("h3")({name:"Title",class:"t17iaqp8",propsAsIs:!1}),DI=p("div")({name:"Description",class:"d16t3y7s",propsAsIs:!1}),HI=p("button")({name:"ActionBtn",class:"a12495er",propsAsIs:!1}),BI=({video:e,image:t,imageMode:n,heading:r,body:a,action:i,controlVideo:s})=>o.jsxs(MI,{children:[(e==null?void 0:e.url)&&o.jsx(A2,{source:e.url,poster:e.thumbnailUrl,controlVideo:s}),t&&!(e!=null&&e.url)&&o.jsx(NI,{"data-rounded":n===T.QuestionImages.ROUNDED,children:o.jsx(FI,{src:t,alt:r})}),o.jsxs(PI,{children:[o.jsx(VI,{children:r}),o.jsx(DI,{children:a}),i&&o.jsx(HI,{onClick:i,children:"View Insight"})]})]}),zI=p("div")({name:"Container",class:"c1eptrjd",propsAsIs:!1}),UI=p("div")({name:"CloseIconWrap",class:"crylm65",propsAsIs:!1}),qI=()=>Z,KI=p(qI())({name:"CloseIcon",class:"c9mrcz7",propsAsIs:!0}),ZI=p("div")({name:"Header",class:"hw3lzv4",propsAsIs:!1}),QI=()=>Z,WI=p(QI())({name:"TypeIcon",class:"t1rrb3kf",propsAsIs:!0}),GI=p("span")({name:"TypeName",class:"t1ydnjov",propsAsIs:!1}),YI=p("div")({name:"Question",class:"qlf90cl",propsAsIs:!1}),XI=p("button")({name:"AnswerButton",class:"a1e0nhcl",propsAsIs:!1}),JI=p("div")({name:"Container",class:"c1t4f0x4",propsAsIs:!1}),e_=p("button")({name:"ActionBtn",class:"a16w1nl6",propsAsIs:!1}),t_=p("div")({name:"QuoteWrap",class:"q14u54rf",propsAsIs:!1}),n_=p("blockquote")({name:"Quote",class:"q1hxm6zo",propsAsIs:!1}),r_=({action:e,...t})=>o.jsxs(JI,{children:[t.title&&o.jsx(t_,{children:o.jsx(n_,{children:t.title})}),o.jsx(io,{...t}),e&&o.jsx(e_,{onClick:e,children:"View Insight"})]}),x4=({close:e,action:t,controlVideo:n,data:{questionType:r,question:a,insight:i,tweet:s}})=>{const l=k2[r];return l?o.jsxs(zI,{onClick:t,style:r===T.QuestionType.TWEET?{paddingTop:"12px"}:{},children:[o.jsx(UI,{"data-a":"intr",onClick:u=>{u.stopPropagation(),e&&e(u)},children:o.jsx(KI,{name:"icon-cross"})}),r!==T.QuestionType.TWEET&&o.jsxs(ZI,{children:[o.jsx(WI,{"data-type-trivia":r===T.QuestionType.TRIVIA,"data-type-poll":r===T.QuestionType.POLL,name:l.iconName}),o.jsx(GI,{children:l.label})]}),r===T.QuestionType.FACTOID&&i&&o.jsx(BI,{...i,action:t,controlVideo:n}),r===T.QuestionType.TWEET&&s&&o.jsx(r_,{...s,action:t,controlVideo:n}),r!==T.QuestionType.FACTOID&&r!==T.QuestionType.TWEET&&o.jsxs(o.Fragment,{children:[o.jsx(YI,{children:a==null?void 0:a.title}),o.jsx(XI,{children:"Answer"})]})]}):null},U1=p("div")({name:"BGWrap",class:"b1dqe0sz",propsAsIs:!1}),nt=p("div")({name:"BGLineBase",class:"b1v6w7ni",propsAsIs:!1}),a_=()=>nt,i_=p(a_())({name:"BGOneLineOne",class:"b2nqb1p",propsAsIs:!0}),s_=()=>nt,o_=p(s_())({name:"BGOneLineTwo",class:"b1xxgmbk",propsAsIs:!0}),l_=()=>nt,u_=p(l_())({name:"BGOneLineThree",class:"b63lwcb",propsAsIs:!0}),c_=()=>nt,E4=p(c_())({name:"BGTwoLineOne",class:"b2iah4",propsAsIs:!0}),d_=()=>nt,L4=p(d_())({name:"BGTwoLineTwo",class:"b1xezvf6",propsAsIs:!0}),f_=()=>nt,S4=p(f_())({name:"BGTwoLineThree",class:"b1jz1hg0",propsAsIs:!0}),p_=()=>nt,k4=p(p_())({name:"BGThreeLineOne",class:"b18ho1tk",propsAsIs:!0}),h_=()=>nt,I4=p(h_())({name:"BGThreeLineTwo",class:"b14uvjfm",propsAsIs:!0}),m_=()=>nt,_4=p(m_())({name:"BGThreeLineThree",class:"b11c3ns7",propsAsIs:!0}),C_=()=>nt,T4=p(C_())({name:"BGThreeLineFour",class:"b1bqhhet",propsAsIs:!0}),v_=()=>nt,g_=p(v_())({name:"BGFourLineOne",class:"b1xyzi7o",propsAsIs:!0}),y_=()=>nt,b_=p(y_())({name:"BGFourLineTwo",class:"byo0rup",propsAsIs:!0}),w_=()=>nt,x_=p(w_())({name:"BGFourLineThree",class:"b1oyiqgv",propsAsIs:!0}),E_=()=>nt,L_=p(E_())({name:"BGFourLineFour",class:"bx3ddqw",propsAsIs:!0}),S_=({step:e,correct:t})=>o.jsxs(o.Fragment,{children:[o.jsxs(U1,{"data-active":e===1,"data-first-screen":"true",children:[o.jsx(i_,{}),o.jsx(o_,{}),o.jsx(u_,{})]}),o.jsxs(U1,{"data-active":e===2,children:[o.jsx(E4,{}),o.jsx(L4,{}),o.jsx(S4,{})]}),o.jsxs(U1,{"data-active":e===3,children:[o.jsx(E4,{}),o.jsx(L4,{}),o.jsx(S4,{})]}),t?o.jsxs(o.Fragment,{children:[o.jsxs(U1,{"data-active":e===4,"data-correct":"true",children:[o.jsx(k4,{}),o.jsx(I4,{}),o.jsx(_4,{}),o.jsx(T4,{})]}),o.jsxs(U1,{"data-active":e===5,"data-correct":"true",children:[o.jsx(k4,{}),o.jsx(I4,{}),o.jsx(_4,{}),o.jsx(T4,{})]})]}):o.jsxs(U1,{"data-active":e===4,"data-correct":"false",children:[o.jsx(g_,{}),o.jsx(b_,{}),o.jsx(x_,{}),o.jsx(L_,{})]})]}),k_=118,I_=()=>_n,__=p(I_())({name:"Container",class:"c10131zw",propsAsIs:!0}),T_=p("div")({name:"InnerContainer",class:"ir6k2eo",propsAsIs:!1}),w1=p("div")({name:"Content",class:"c1hwoq9l",propsAsIs:!1}),Qn=p("div")({name:"Title",class:"t4ujo4g",propsAsIs:!1}),$_=()=>Qn,A_=p($_())({name:"PointsTitle",class:"p1pjil1h",propsAsIs:!0}),J2=p("div")({name:"Subtitle",class:"s1iorwr9",propsAsIs:!1}),$4=p("div")({name:"SubtitleFG",class:"s51sv9d",propsAsIs:!1}),er=p("div")({name:"AnswerText",class:"a1lbk2ye",propsAsIs:!1}),j_=()=>Z,r5=p(j_())({name:"FeedbackIcon",class:"frcvk3t",propsAsIs:!0}),R_=()=>r5,A4=p(R_())({name:"FeedbackIconCorrect",class:"f33p82r",propsAsIs:!0}),O_=()=>r5,M_=p(O_())({name:"FeedbackIconIncorrect",class:"f12r9net",propsAsIs:!0}),j4=p("div")({name:"CloseIconWrap",class:"c1fw6699",propsAsIs:!1}),F_=()=>Z,R4=p(F_())({name:"CloseIcon",class:"c115o126",propsAsIs:!0}),N_="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",P_="data:image/svg+xml,%3csvg%20width='159'%20height='28'%20viewBox='0%200%20159%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_6919_71839)'%3e%3cpath%20d='M4.13243%2025.9198C5.34921%2026.9052%207.05161%2027.0267%208.39597%2026.224L22.9838%2017.5138C25.4013%2016.0703%2025.4117%2012.5721%2023.0028%2011.1144L17.4686%207.76522C15.4767%206.55981%2012.8918%207.10053%2011.5501%209.00325L3.27399%2020.7399C2.14132%2022.3462%202.44805%2024.5556%203.97544%2025.7926L4.13243%2025.9198Z'%20stroke='white'%20style='stroke:white;stroke-opacity:1;'%20stroke-width='2.33333'/%3e%3cpath%20d='M4.11673%202.57147C5.33939%201.58127%207.0516%201.46387%208.39797%202.27791L22.9843%2011.0971C25.3835%2012.5477%2025.3874%2016.0265%2022.9914%2017.4824L17.5405%2020.7946C15.5485%2022.005%2012.9594%2021.4661%2011.6157%2019.5615L3.27518%207.7386C2.142%206.1323%202.44856%203.92248%203.97619%202.68529L4.11673%202.57147Z'%20stroke='white'%20style='stroke:white;stroke-opacity:1;'%20stroke-width='2.33333'/%3e%3cpath%20d='M49.8088%2020.0063C47.924%2020.0063%2046.7521%2018.7437%2046.7521%2016.6748V13.1359H50.1977V10.9296H46.7521V7.34668L44.2736%209.18483V10.9271H42.8892V13.1333H44.2736V16.6515C44.2736%2020.2137%2046.3632%2022.4174%2049.8321%2022.4174H50.361V20.0063H49.8088Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M30.4704%2019.5631L32.6818%2017.8339C33.6722%2019.4231%2035.01%2020.2761%2036.7159%2020.2761C38.5826%2020.2761%2039.757%2019.0783%2039.757%2017.5798C39.757%2015.8505%2037.9137%2015.2983%2035.977%2014.6761C33.6956%2013.9398%2031.23%2013.0168%2031.23%209.92907C31.23%207.37018%2033.5115%205.34277%2036.6226%205.34277C39.1815%205.34277%2040.7707%206.33314%2042.0618%207.83166L40.0111%209.35351C39.2515%208.17907%2038.1211%207.55685%2036.6226%207.55685C34.9167%207.55685%2033.8096%208.57055%2033.8096%209.88499C33.8096%2011.4976%2035.5856%2012.0291%2037.5196%2012.6746C39.8244%2013.4576%2042.3367%2014.4506%2042.3367%2017.585C42.3367%2020.1672%2040.2159%2022.6328%2036.7367%2022.6328C33.8563%2022.6328%2031.8963%2021.4117%2030.4678%2019.5683L30.4704%2019.5631Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M58.9189%2016.7007C58.9189%2013.3225%2061.5141%2010.6807%2064.8923%2010.6807C68.2704%2010.6807%2070.7982%2013.1384%2070.7982%2016.5399V17.5044H61.286C61.6075%2019.2725%2062.9867%2020.4444%2064.9856%2020.4444C66.5489%2020.4444%2067.7441%2019.6173%2068.3404%2018.3755L70.3627%2019.5007C69.3515%2021.3855%2067.5367%2022.6247%2064.9856%2022.6247C61.356%2022.6247%2058.9189%2020.0296%2058.9189%2016.6981V16.7007ZM61.4001%2015.4147H68.2938C67.9256%2013.7607%2066.663%2012.8403%2064.8923%2012.8403C63.1215%2012.8403%2061.8589%2013.8981%2061.4001%2015.4147Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M51.8955%2016.6752C51.8955%2013.113%2053.9851%2010.9326%2057.454%2010.9326H58.5559V13.323H57.4307C55.5459%2013.323%2054.33%2014.6322%2054.3533%2016.7011V22.423H51.8955V16.6804V16.6752Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M72.0138%2016.6774C72.0138%2013.3226%2074.6557%2010.7041%2077.9638%2010.7041C81.272%2010.7041%2083.8672%2013.3226%2083.8672%2016.6774V22.42H81.456V20.9267C80.6523%2022.0052%2079.4105%2022.6274%2077.8938%2022.6274C74.609%2022.6274%2072.0112%2020.0556%2072.0112%2016.6774H72.0138ZM81.5027%2016.6774C81.5027%2014.6319%2079.9394%2013.0011%2077.9638%2013.0011C75.9883%2013.0011%2074.4249%2014.6319%2074.4249%2016.6774C74.4249%2018.723%2075.9649%2020.3537%2077.9638%2020.3537C79.9627%2020.3537%2081.5027%2018.6997%2081.5027%2016.6774Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M85.4155%2015.978C85.4155%2012.9214%2087.5052%2010.6943%2090.6085%2010.6943C92.3766%2010.6943%2093.8026%2011.4073%2094.697%2012.6025C95.5474%2011.4073%2096.9266%2010.6943%2098.6948%2010.6943C101.819%2010.6943%20104.002%2012.8773%20104.002%2015.978V22.4103H101.544V16.0014C101.544%2014.2566%20100.372%2013.038%2098.6948%2013.038C97.0174%2013.038%2095.9155%2014.2799%2095.9389%2015.934V22.4129H93.4811V16.004C93.4811%2014.2592%2092.2859%2013.0406%2090.6085%2013.0406C88.9311%2013.0406%2087.8526%2014.2825%2087.8733%2015.9366V22.4154H85.4155V15.9832V15.978Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M105.578%205.6416H108.082V20.0227H114.859V22.4131H105.578V5.6416Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M138.483%2016.7007C138.483%2013.3225%20141.078%2010.6807%20144.456%2010.6807C147.834%2010.6807%20150.362%2013.1384%20150.362%2016.5399V17.5044H140.85C141.171%2019.2725%20142.551%2020.4444%20144.55%2020.4444C146.113%2020.4444%20147.308%2019.6173%20147.904%2018.3755L149.927%2019.5007C148.916%2021.3855%20147.101%2022.6247%20144.55%2022.6247C140.92%2022.6247%20138.483%2020.0296%20138.483%2016.6981V16.7007ZM140.964%2015.4147H147.858C147.49%2013.7607%20146.227%2012.8403%20144.456%2012.8403C142.685%2012.8403%20141.423%2013.8981%20140.964%2015.4147Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M115.269%2016.6774C115.269%2013.3226%20117.911%2010.7041%20121.219%2010.7041C124.527%2010.7041%20127.122%2013.3226%20127.122%2016.6774V22.42H124.711V20.9267C123.907%2022.0052%20122.665%2022.6274%20121.149%2022.6274C117.864%2022.6274%20115.266%2020.0556%20115.266%2016.6774H115.269ZM124.758%2016.6774C124.758%2014.6319%20123.194%2013.0011%20121.219%2013.0011C119.243%2013.0011%20117.68%2014.6319%20117.68%2016.6774C117.68%2018.723%20119.22%2020.3537%20121.219%2020.3537C123.218%2020.3537%20124.758%2018.6997%20124.758%2016.6774Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M131.67%2021.8547L126.915%2010.9658H129.557L132.912%2018.938L136.082%2010.9658H138.678L131.74%2027.7606H129.212L131.67%2021.8573V21.8547Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3cpath%20d='M151.897%2016.6674C151.897%2013.1052%20153.987%2010.9248%20157.455%2010.9248H158.557V13.3152H157.432C155.547%2013.3152%20154.331%2014.6244%20154.355%2016.6933V22.4152H151.897V16.6726V16.6674Z'%20fill='white'%20style='fill:white;fill-opacity:1;'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_6919_71839'%3e%3crect%20width='158.12'%20height='28'%20fill='white'%20style='fill:white;fill-opacity:1;'%20transform='translate(0.44043)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e",V_=(e,t,n)=>e===t?"translateY(0px)":e>t?`translateY(${n}px)`:"translateY(-100%)",D_=({close:e,votedAnswer:t,mastersApp:n,correct:r,correctAnswerTitle:a,questionTitle:i,saveHeight:s,style:l,hiding:u})=>{const[c,m]=x.useState(1),C=x.useRef({});x.useEffect(()=>{const L=setInterval(()=>{m(S=>r&&S>4||!r&&S>3?S:++S)},3e3);return()=>clearInterval(L)},[r]),x.useEffect(()=>{var L,S;C.current[c]&&s(((S=(L=C.current[c])==null?void 0:L.getBoundingClientRect())==null?void 0:S.height)||k_)},[c,s]);const h=L=>S=>{C.current&&(C.current[L]=S)},y=L=>({transform:V_(L,c,l.height)}),w={...l};return n&&w.height&&typeof w.height=="number"&&(w.height+=32),o.jsx(__,{style:l.height?w:{...l,paddingTop:0,paddingBottom:0},hiding:u,children:o.jsxs(T_,{style:{height:l.height,minHeight:l.height,backgroundColor:c>3?r?"var(--color-sdk-prediction-result-success-bg)":"var(--color-sdk-prediction-result-incorrect-bg)":"var(--color-primary-1)"},children:[o.jsx(S_,{step:c,correct:r}),n&&o.jsxs(w1,{ref:h(1),style:y(1),children:[o.jsx("img",{alt:"sponsor-logo",src:N_}),o.jsx($4,{children:"Featured Groups +"})]}),!n&&o.jsx(w1,{ref:h(1),style:y(1),children:o.jsx("img",{alt:"sponsor-logo",src:P_})}),o.jsxs(w1,{ref:h(2),style:y(2),children:[o.jsx(Qn,{children:"Prediction results are in!"}),n&&o.jsx($4,{children:"Featured Groups +"})]}),o.jsxs(w1,{ref:h(3),style:y(3),children:[o.jsx(Qn,{children:i}),o.jsx(J2,{children:o.jsxs(er,{children:[o.jsx("span",{children:"Your Pick:"})," ",t==null?void 0:t.title]})})]}),r?o.jsxs(o.Fragment,{children:[o.jsxs(w1,{ref:h(4),style:{...y(4),color:"var(--color-sdk-prediction-result-success-text)"},children:[o.jsxs(Qn,{children:["Congratulations!",o.jsx("br",{}),"You answered correctly."]}),o.jsxs(J2,{children:[o.jsx(A4,{name:"selected"}),o.jsxs(er,{children:[o.jsx("span",{children:"Your Pick:"})," ",t==null?void 0:t.title]})]})]}),o.jsxs(w1,{ref:h(5),style:{...y(5),color:"var(--color-sdk-prediction-result-success-text)"},children:[o.jsx(A_,{children:c===5&&o.jsx(ha,{delay:.5,prefix:"+",suffix:" points",value:t==null?void 0:t.points})}),o.jsxs(J2,{children:[o.jsx(A4,{name:"selected"}),o.jsxs(er,{children:[o.jsx("span",{children:"Your Pick:"})," ",t==null?void 0:t.title]})]}),o.jsx(j4,{"data-a":"intr",onClick:e,children:o.jsx(R4,{name:"icon-cross"})})]})]}):o.jsxs(w1,{ref:h(4),style:y(4),children:[o.jsxs(Qn,{style:{color:"var(--color-sdk-prediction-result-error-title)"},children:["Better luck next time!",o.jsx("br",{}),"Correct: ",a,"."]}),o.jsxs(J2,{style:{color:"var(--color-sdk-prediction-result-error-subtitle)"},children:[o.jsx(M_,{name:"circleClose"}),o.jsxs(er,{children:[o.jsx("span",{children:"Your Pick:"})," ",t==null?void 0:t.title]})]}),o.jsx(j4,{"data-a":"intr",onClick:e,children:o.jsx(R4,{name:"icon-cross"})})]})]})})},H_=e=>{const[t,n]=x.useState(!1),[r,a]=x.useState(!1),i=x.useRef(null),s=x.useCallback(()=>{a(!0),i.current&&clearTimeout(i.current),i.current=setTimeout(()=>{a(!1)},1e3)},[]),l=x.useCallback(async u=>{n(!0);const c=u.map(m=>new Promise((C,h)=>{const y=new Image;y.onload=()=>C(m),y.onerror=()=>h(),y.src=m}));await Promise.allSettled(c),n(!1)},[]);return x.useEffect(()=>{e&&(s(),l(e))},[e,s,l]),{loading:t,throttled:r}},B_=p("div")({name:"Container",class:"cl51m2q",propsAsIs:!1}),z_=p("img")({name:"Avatar",class:"a2yhhhr",propsAsIs:!1}),U_=p("div")({name:"AvatarPlaceholder",class:"a1dtxxlr",propsAsIs:!1}),q_=p("div")({name:"Content",class:"c12clm3w",propsAsIs:!1}),K_=p("span")({name:"Name",class:"n14lctn7",propsAsIs:!1}),Z_=({avatar:e,name:t})=>o.jsxs(B_,{children:[e&&o.jsx(z_,{src:e}),!e&&o.jsx(U_,{children:ds(t||"")}),o.jsxs(q_,{children:[o.jsxs(K_,{children:[t," "]}),"is waiting for you!"]})]}),Q_=p("div")({name:"Container",class:"c1htq1lb",propsAsIs:!1}),W_=p("div")({name:"Graphic",class:"gjyzpp7",propsAsIs:!1}),G_=p("img")({name:"GraphicImage",class:"g16mldgz",propsAsIs:!1}),Y_=p("div")({name:"Headline",class:"h69js65",propsAsIs:!1}),X_=p("div")({name:"TaglineContainer",class:"tmm7qmo",propsAsIs:!1}),J_=p("div")({name:"Tagline",class:"t17knuw2",propsAsIs:!1}),eT=p("div")({name:"Content",class:"c1b74psg",propsAsIs:!1}),tT=p("div")({name:"StepsContainer",class:"s1y99ug7",propsAsIs:!1}),nT=p("span")({name:"StepIndicator",class:"sgf3v5n",propsAsIs:!1}),rT=p("div")({name:"InvitingUserWrap",class:"i1sj6gn8",propsAsIs:!1}),aT=({loading:e,steps:t,currentStep:n,inviterName:r})=>{const{headline:a,tagline:i}=t[n];return o.jsxs(Q_,{children:[i&&o.jsx(X_,{children:o.jsx(it,{loading:e,children:o.jsx(J_,{children:i})})}),o.jsxs(eT,{"data-welcome-screen":n===0,children:[o.jsx(W_,{children:o.jsx(it,{loading:e,children:t.map(({graphicSrc:s},l)=>o.jsx(G_,{src:s,"data-active":n===l}))})}),a&&o.jsx(it,{loading:e,children:o.jsx(Y_,{children:a})})]}),r&&n===0&&o.jsx(rT,{children:o.jsx(Z_,{name:r})}),o.jsx(tT,{style:e?{visibility:"hidden"}:{},children:Array.from({length:t.length}).map((s,l)=>o.jsx(nT,{"data-active":n===l},l))})]})},iT=p("div")({name:"Container",class:"cm0bev",propsAsIs:!1}),sT=p("div")({name:"Content",class:"ce7x737",propsAsIs:!1}),oT=p("div")({name:"Title",class:"tc2tor6",propsAsIs:!1}),lT=p("div")({name:"RulesList",class:"r1k5klql",propsAsIs:!1}),uT=p("div")({name:"RulesItem",class:"r1tf3ft2",propsAsIs:!1}),cT=p("div")({name:"RuleIcon",class:"rwpvg1k",propsAsIs:!1}),dT=p("div")({name:"RuleText",class:"rbxiag0",propsAsIs:!1}),fT=p("button")({name:"TermsButton",class:"t6cyrry",propsAsIs:!1}),pT=({rules:e,rulesTitle:t,termsText:n,primaryColor:r,openTerms:a})=>o.jsxs(iT,{children:[o.jsxs(sT,{children:[o.jsx(oT,{children:t}),o.jsx(lT,{children:e==null?void 0:e.map(({label:i,icon:s},l)=>o.jsxs(uT,{children:[s&&o.jsx(cT,{style:{backgroundColor:r},children:o.jsx(Z,{name:s,"data-icon":s})}),o.jsx(dT,{children:i})]},l))})]}),n&&o.jsx(fT,{"data-a":"intr",onClick:a,children:"See Terms and Conditions"})]}),hT=p("div")({name:"Container",class:"cj0g35h",propsAsIs:!1}),mT=p("div")({name:"Content",class:"c1xkhrbn",propsAsIs:!1}),CT=p("div")({name:"Title",class:"tifzb8b",propsAsIs:!1}),vT=p("div")({name:"ScrollingText",class:"stduw5c",propsAsIs:!1}),gT=({termsTitle:e,termsText:t})=>o.jsx(hT,{children:o.jsxs(mT,{children:[o.jsx(CT,{children:e}),o.jsx(vT,{children:t})]})}),yT=p("button")({name:"SButton",class:"s1nve60q",propsAsIs:!1}),bT=p("span")({name:"ButtonLabel",class:"b1xoswwx",propsAsIs:!1}),wT=({disabled:e,variant:t="primary",onClick:n,children:r,...a})=>o.jsx(yT,{"data-a":"intr",onClick:n,disabled:e,"data-variant":t,...a,children:o.jsx(bT,{children:r})}),xT=p("div")({name:"Container",class:"c18uddbs",propsAsIs:!1}),ET=p("div")({name:"Content",class:"cvcfjf6",propsAsIs:!1}),LT=p("div")({name:"OnboardingHeader",class:"o1ie27lw",propsAsIs:!1}),ST=p("button")({name:"CloseBtn",class:"c15cjkwi",propsAsIs:!1}),kT=()=>Z,IT=p(kT())({name:"IconClose",class:"i1mavjt2",propsAsIs:!0}),_T=p("div")({name:"OnboardingFooter",class:"o1x0dyzv",propsAsIs:!1}),TT=()=>wT,$T=p(TT())({name:"OnboardingActionBtn",class:"o1jfi9c3",propsAsIs:!0}),q1={steps:!1,rules:!1,inviteCard:!1},AT=({gamification:e,steps:t,rules:n,rulesBtnLabel:r,rulesTitle:a,termsTitle:i,termsText:s,primaryColor:l,inviteLink:u,inviteCardTitle:c,inviteCardSubtext:m,inviteCardBtnLabel:C,loading:h,inviterName:y,sdk:w,onClose:L})=>{const[S,f]=x.useState(0),[d,v]=x.useState(!1),[b,I]=x.useState(q1);x.useEffect(()=>{t!=null&&t.length?I({...q1,steps:!0}):n!=null&&n.length?I({...q1,rules:!0}):I({...q1,inviteCard:!0})},[]);const _=x.useMemo(()=>b.steps&&S===0?"Continue":b.rules?d||!r?"Got it":r:b.inviteCard?C||"Play Now":"Next",[b,S,d,r,C]),j=x.useCallback(()=>{t!=null&&t.length&&S<t.length-1?f(M=>++M):n!=null&&n.length&&b.steps?I({...q1,rules:!0}):b.rules&&I({...q1,inviteCard:!0})},[S,t==null?void 0:t.length,n==null?void 0:n.length,b,f,I]),O=async()=>{b.inviteCard?await e.onboardingStatus.submitInplay():b.rules&&d?v(!1):j()};return x.useEffect(()=>{!h&&y&&w.inviteDisplayed()},[h,y,w]),o.jsx(US,{children:({width:M,height:F})=>o.jsxs(xT,{style:{width:M,height:F,maxHeight:F},children:[o.jsx(LT,{children:o.jsx(ST,{"data-a":"intr",onClick:L,children:o.jsx(IT,{name:"icon-close-btn-gray"})})}),o.jsxs(ET,{children:[b.steps&&(t==null?void 0:t.length)&&o.jsx(aT,{loading:h,steps:t,currentStep:S,inviterName:y}),b.rules&&!d&&o.jsx(pT,{rules:n,rulesTitle:a,termsText:s,primaryColor:l,openTerms:()=>v(!0)}),b.rules&&d&&o.jsx(gT,{termsTitle:i,termsText:s}),b.inviteCard&&o.jsx(J7,{inviteLink:u,inviteCardTitle:c,inviteCardSubtext:m,primaryColor:l})]}),o.jsx(_T,{children:o.jsx(it,{loading:h,style:{width:"100%"},children:o.jsx($T,{"data-a":"intr",onClick:O,children:_})})})]})})},jT=p("div")({name:"Container",class:"c1qjj4d4",propsAsIs:!1}),RT=p("div")({name:"CloseIconWrap",class:"c1lg6b8a",propsAsIs:!1}),OT=()=>Z,MT=p(OT())({name:"CloseIcon",class:"c159el66",propsAsIs:!0}),FT=p("div")({name:"Title",class:"t16xmufv",propsAsIs:!1}),NT=p("img")({name:"SponsorLogo",class:"s83lc21",propsAsIs:!1}),PT=p("div")({name:"PresentsTitle",class:"p1p7igia",propsAsIs:!1}),VT=p("div")({name:"Subtitle",class:"s1eftsbu",propsAsIs:!1}),DT=p("div")({name:"Description",class:"d8uezec",propsAsIs:!1}),HT=p("button")({name:"ActionButton",class:"a1h1bk90",propsAsIs:!1}),O4=({close:e,action:t,onboarding:n})=>{var r,a,i,s,l,u,c,m;return o.jsxs(jT,{children:[o.jsx(RT,{"data-a":"intr",onClick:e,children:o.jsx(MT,{name:"icon-cross"})}),((a=(r=n==null?void 0:n.titleCard)==null?void 0:r.media)==null?void 0:a.sponsorLogo)&&o.jsxs(FT,{children:[o.jsx(NT,{alt:"sponsor-logo",src:(s=(i=n==null?void 0:n.titleCard)==null?void 0:i.media)==null?void 0:s.sponsorLogo}),o.jsx(PT,{children:"PRESENTS"})]}),((l=n==null?void 0:n.titleCard)==null?void 0:l.title)&&o.jsx(VT,{children:(u=n==null?void 0:n.titleCard)==null?void 0:u.title}),((c=n==null?void 0:n.titleCard)==null?void 0:c.subtitle)&&o.jsx(DT,{children:(m=n==null?void 0:n.titleCard)==null?void 0:m.subtitle}),o.jsx(HT,{"data-a":"intr",onClick:t,children:"Play Now"})]})},z0=[{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_1.png",tagline:"",headline:o.jsxs(o.Fragment,{children:["Welcome to ",o.jsx("br",{})," Live Challenge"]})},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_2.png",headline:"Live insights, polls, trivia and predictions."},{graphicSrc:"https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/dark/step_3.png",headline:"Win points and play against friends."}],BT=p("div")({name:"OnboardingContainer",class:"o1xni1kr",propsAsIs:!1}),zT=()=>_n,UT=p(zT())({name:"OnboardingNotificationContainer",class:"o1vnouv7",propsAsIs:!0}),M4=p("div")({name:"InnerContainer",class:"i59uefw",propsAsIs:!1}),qT=p("div")({name:"OnboardingOverlap",class:"ovnr8ov",propsAsIs:!1}),KT=({deepLink:e,onboardingOpts:t,notification:n,gamification:r,loading:a,sdk:i,throttled:s})=>{var l,u,c,m,C,h,y;const w=ae(r.friends.getStore()),[L,S]=x.useState(void 0),f=x.useMemo(()=>{var d,v;const b=i.getInviter();return b?(v=(d=w.data)==null?void 0:d.find(({slId:I})=>I===b))==null?void 0:v.name:""},[w.data,i]);return x.useEffect(()=>{const d=e.$store.subscribe(v=>{v&&S(v.data)});return()=>{d()}},[e.$store]),o.jsxs(BT,{children:[o.jsx(AT,{loading:a,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:(l=t.rules)==null?void 0:l.buttonLabel,rulesTitle:(u=t.rules)==null?void 0:u.heading,termsTitle:"Terms and Conditions",termsText:(c=t.rules)==null?void 0:c.terms,steps:z0,primaryColor:(m=t.inviteCard)==null?void 0:m.iconColor,inviteLink:L,inviteCardTitle:(C=t.inviteCard)==null?void 0:C.heading,inviteCardSubtext:(h=t.inviteCard)==null?void 0:h.subtext,inviteCardBtnLabel:(y=t.inviteCard)==null?void 0:y.buttonLabel,onClose:()=>{var d;(d=n.close)==null||d.call(n)},gamification:r,sdk:i,inviterName:f}),s&&o.jsx(qT,{})]})},ZT=({sdk:e,notification:t,saveHeight:n,style:r,appNode:a,sdkInDesktopView:i,responsiveStore:s})=>{const l=x.useRef(null),u=t.data.onboarding,[c,m]=x.useState(u==null?void 0:u.instantOpen),C=e.getFeature(T.SdkOverlayType.GAMES),h=x.useMemo(()=>z0==null?void 0:z0.map(({graphicSrc:S})=>S),[]),{screen:y}=ae(s,{keys:["screen"]});x.useLayoutEffect(()=>{var S;n(((S=l.current)==null?void 0:S.getBoundingClientRect().height)||0)},[n]);const{loading:w,throttled:L}=H_(h);return c&&C&&u&&a.current?o.jsx(A7,{container:a,useContainer:!i,children:o.jsx(KT,{throttled:L,notification:t,setOpened:m,gamification:C,onboardingOpts:u,deepLink:C.deepLink,loading:w,renderToNode:a,sdk:e})}):o.jsxs(o.Fragment,{children:[o.jsx(M4,{ref:l,style:{position:"absolute",visibility:"hidden"},children:o.jsx(O4,{close:()=>{},action:()=>{},onboarding:u})}),o.jsx(UT,{style:r,hiding:t.hiding,children:o.jsx(M4,{children:o.jsx(O4,{close:t.close,action:()=>{var S;m(!0),(((S=a.current)==null?void 0:S.getBoundingClientRect().y)||0)<0&&Q0(a,y.size,{behavior:"smooth"})},onboarding:u})})})]})},QT=p("button")({name:"Container",class:"crkmfw1",propsAsIs:!1}),WT=p("div")({name:"Content",class:"c11awpy4",propsAsIs:!1}),GT=p("span")({name:"Title",class:"t154z7mh",propsAsIs:!1}),YT=({title:e,onClick:t,className:n,style:r})=>o.jsx(QT,{"data-a":"intr",onClick:t,className:n,style:r,children:o.jsxs(WT,{"data-a":"intr",children:[o.jsx(Z,{"data-a":"intr",name:"iconUp"}),e&&o.jsx(GT,{"data-a":"intr",children:e})]})}),XT=()=>_n,JT=p(XT())({name:"Container",class:"c8ol1ve",propsAsIs:!0}),a5=p("div")({name:"InnerContainer",class:"iqfywam",propsAsIs:!1}),e$=()=>a5,t$=p(e$())({name:"HiddenContainer",class:"hokmtod",propsAsIs:!0}),n$=p("div")({name:"NotificationRefreshing",class:"n192d1q8",propsAsIs:!1}),r$=()=>YT,a$=p(r$())({name:"Pill",class:"p1lha68t",propsAsIs:!0}),i$=e=>{const[t,n]=x.useState(0),r=x.useRef(null),a=x.useMemo(()=>new ResizeObserver(l=>{window.requestAnimationFrame(()=>{var u;if(Array.isArray(l)){for(const c of l)if(c.contentBoxSize){const m=(u=r.current)==null?void 0:u.getBoundingClientRect();m&&n(m.height)}}})}),[]),i=x.useCallback(l=>{r.current=l},[]),s=x.useCallback(l=>{n(l)},[]);return x.useEffect(()=>{const l=r.current;return l?(a.observe(l),()=>{a.unobserve(l)}):()=>{}},[e]),x.useEffect(()=>()=>{a.disconnect()}),[i,t,s]},s$=({sdk:e,notification:t,appNode:n,responsiveStore:r,hasActiveFeature:a})=>{var i,s;const{sdkInDesktopView:l}=ae(r,{keys:["sdkInDesktopView"]}),{sdk:u}=Kr(),[c,m,C]=i$(t.id);let h=m;return a||(h="auto"),t.type===exports.NotificationType.QUESTION?o.jsxs(o.Fragment,{children:[o.jsx(t$,{ref:c,children:o.jsx(x4,{...t})}),o.jsxs(JT,{style:{height:t.hiding?0:h},hiding:t.hiding,children:[o.jsx(a5,{style:{height:"100%"},children:o.jsx(x4,{...t,controlVideo:u==null?void 0:u.controlVideoPlayer})}),o.jsx(n$,{},t.id)]})]}):t.type===exports.NotificationType.QUESTION_RESOLVED&&(s=(i=t.data)==null?void 0:i.question)!=null&&s.predictionResult?o.jsx(D_,{style:{height:t.hiding?0:m},saveHeight:C,close:t.close,hiding:t.hiding,...t.data.question}):t.type===exports.NotificationType.ONBOARDING?o.jsx(ZT,{style:{height:t.hiding?0:h},saveHeight:C,sdk:e,notification:t,sdkInDesktopView:l,appNode:n,responsiveStore:r}):null},o$="p7vfi6t",l$=({pill:e,setPill:t,appNode:n,headerNode:r,scrollNode:a,responsiveStore:i,scrollStore:s})=>{var l,u;const{screen:c}=ae(i,{keys:["screen"]}),{tabsShown:m,scrollPosition:C}=ae(s,{keys:["tabsShown","scrollPosition"]});x.useEffect(()=>{i.get().sdkInDesktopView?C<50&&t(null):C>-50&&t(null)},[C,i,t]);const h=i.get().sdkInDesktopView?n:r;return!e||!h.current?null:Br.createPortal(o.jsx(a$,{title:e.type===exports.NotificationType.QUESTION_RESOLVED?"Prediction result":`New ${((u=k2[(l=e.data)==null?void 0:l.questionType])==null?void 0:u.label)||"notification"}`,"data-a":"intr",onClick:()=>{var y;i.get().sdkInDesktopView?(y=a.current)==null||y.scrollTo({top:0,behavior:"smooth"}):Q0(n,c.size,{behavior:"smooth"}),t(null)},className:De(m&&o$,"sl-pill-button")}),h.current)},u$=({sdk:e,headerNode:t,scrollNode:n,responsiveStore:r,appNode:a,scrollStore:i,hasActiveFeature:s})=>{const[l]=x.useState(e.getNotificationsStore()),u=ae(l),[c,m]=x.useState(null),C=x.useMemo(()=>e.getActiveNotification(),[e,u]);return x.useEffect(()=>{C&&dn.emit("notification",{action:"rendered",payload:{questionId:C.data.questionId,questionType:C.data.questionType}})},[C]),x.useEffect(()=>{const{sdkInDesktopView:h,sdkInView:y}=r.get();C&&(h||y)&&(!h&&y&&m(C),h&&window.requestAnimationFrame(()=>{i.get().scrollPosition!==0&&m(C)}))},[C]),x.useEffect(()=>{C||m(null)},[C]),o.jsxs(o.Fragment,{children:[!c&&C&&o.jsx(s$,{appNode:a,sdk:e,hasActiveFeature:s,notification:C,responsiveStore:r}),c&&o.jsx(l$,{pill:c,setPill:m,appNode:a,notification:C,headerNode:t,scrollNode:n,scrollStore:i,responsiveStore:r})]})},c$=e=>{const t=ae(e.status),n=ae(e.sdkStore.slStreamId),r=ae(e.userId()),a=ae(e.getActiveFeature()),i=t==="ready"&&!!n.data;return x.useEffect(()=>{const s=e.getFeature(T.SdkOverlayType.GAMES);s&&a!==T.SdkOverlayType.GAMES&&(s.closeQuestion(),s.closeUser()),s==null||s.openedQuestionId.subscribe(l=>{l&&a!==T.SdkOverlayType.GAMES&&e.openFeature(T.SdkOverlayType.GAMES)})},[a,e]),{sdkReady:i,activeFeature:a,isLogged:!!r}},d$=({sdk:e,className:t,scrollStore:n,appNode:r,scrollNode:a,responsiveStore:i})=>{const[,s]=nu(e);return o.jsx(fI,{className:t,scrollNode:a,appNode:r,scrollStore:n,feature:s,responsiveStore:i,sdk:e})},f$=({sdk:e,muted:t,className:n,appNode:r,responsiveStore:a})=>{const i=ae(e.featuresList.getStore());return i?Array.from(i,s=>{const l=e.getFeature(s);return l?o.jsx(pI,{className:n,muted:t,appNode:r,feature:l,responsiveStore:a,sdk:e},s):null}):null},p$=({sdk:e,muted:t,topNavigation:n})=>{const[r,a]=x.useState(!0),i=x.useRef(null),s=ae(e.uiState),l=x.useRef(null),[u]=Iu(i),[c,m]=Tu(i,u),{sdkReady:C,activeFeature:h,isLogged:y}=c$(e),w=!!C;U4(i,{enabled:w,event:"click",listener:$u});const L=x.useMemo(()=>({sdk:e,topNavigation:n}),[e,n]);return x.useEffect(()=>{Promise.resolve().then(()=>require("./gamification-feature.js"))},[]),o.jsx(q4.Provider,{value:L,children:o.jsxs(R5,{ref:S=>{i.current=S,a(!!S)},className:n?"":"c10llmat",children:[w&&n&&s.app&&o.jsx(OI,{className:De(Bn,"sl-hide-on-modal"),sdk:e,ref:l}),w&&!n&&!!h&&s.app&&o.jsx(RI,{className:De(Bn,"sl-hide-on-modal"),sdk:e,ref:l}),o.jsxs(P4,{className:"sl-hide-on-modal",ref:c,"data-nav":(!!h&&w).toString(),children:[w&&s.app&&o.jsx(u$,{sdk:e,scrollNode:c,headerNode:l,appNode:i,scrollStore:m,responsiveStore:u,hasActiveFeature:!!h}),w&&s.app&&o.jsx(d$,{scrollStore:m,responsiveStore:u,scrollNode:c,appNode:i,className:Bn,sdk:e}),w&&r&&o.jsx(f$,{muted:t,responsiveStore:u,appNode:i,className:Bn,sdk:e})]}),w&&!y&&r&&s.app&&o.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%"},children:"You are not logged in."})]})})},i5=({children:e,customTheme:t,themeMode:n,style:r})=>o.jsx("div",{className:"StreamLayerSDKTheme",children:o.jsx("div",{className:De(Au,n,t),style:r,children:e})}),s5=()=>{const{sdk:e}=x.useContext(F1);return e},h$=()=>{const{event:e}=x.useContext(F1);return e},o5=()=>{const{sdk:e}=x.useContext(F1),[t,n]=x.useState({});return x.useEffect(()=>{var r;return e!=null&&e.options?(r=e==null?void 0:e.options)==null?void 0:r.subscribe(a=>{n({theme:a.theme,themeMode:a.themeMode})}):()=>{}},[e==null?void 0:e.options]),t},l5=()=>{const{sdk:e}=x.useContext(F1),[t,n]=x.useState({});return x.useEffect(()=>e!=null&&e.uiState?e==null?void 0:e.uiState.subscribe(r=>{n({...r})}):()=>{},[e==null?void 0:e.uiState]),t},m$=({event:e,topNavigation:t,theme:n,muted:r,withSidebarNotification:a=!0})=>{const{sdk:i,status:s}=x.useContext(F1),l=l5(),u=o5(),{event:c}=x.useContext(F1);if(s===U0.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return s===U0.CONNECTED?o.jsx("div",{className:"StreamLayerSDK",children:"wait"}):i===null?o.jsx("div",{className:"StreamLayerSDK",children:"sdk not initialized"}):!l.app&&!l.appNotification&&!l.appSidebar||!l.app&&!l.appSidebar&&l.appNotification&&!a?null:o.jsx("div",{className:"StreamLayerSDK",children:o.jsx(i5,{customTheme:n??u.theme,themeMode:u.themeMode,children:o.jsx(p$,{sdk:i,muted:r,event:(c==null?void 0:c.current)||e,topNavigation:t})})})},u5=({event:e,internal:t})=>{const n=s5(),r=h$();return x.useEffect(()=>(n&&(e&&(n.createEventSession(e,t),r&&(r.current=e)),!e&&(r!=null&&r.current)&&(n.createEventSession("",t),r.current="")),()=>{n&&n.disableApp()}),[e,t,r,n]),null};var U0=(e=>(e[e.UNSET=0]="UNSET",e[e.CONNECTED=1]="CONNECTED",e[e.READY=2]="READY",e))(U0||{});const C$={status:0,sdk:null},F1=x.createContext(C$),v$=({sdkKey:e,theme:t,themeMode:n,plugins:r,children:a,event:i,production:s=!0,autoEnable:l=!0,withAdNotification:u,withAd:c=!0,betPack:m=!1,hideFriends:C,skipOnboarding:h,friendsTab:y="enabled",onDeepLinkHandled:w,videoPlayerController:L,onContentActivate:S,containerId:f,webOS:d})=>{const v=T.useStreamLayerApp({sdkKey:e,plugins:r,production:s,autoEnable:l,onDeepLinkHandled:w,videoPlayerController:L,onContentActivate:S,hideFriends:C,skipOnboarding:h,withAdNotification:u,withAd:c,friendsTab:y,betPack:m,webOS:d}),b=x.useRef(""),I=x.useMemo(()=>v?{sdk:v,status:2,event:b}:{status:1,sdk:null,event:b},[v]);return x.useEffect(()=>{v&&(v.options.setKey("friendsTab",y),v.options.setKey("theme",t),v.options.setKey("themeMode",n),v.options.setKey("skipOnboarding",h),v.options.setKey("betPack",m),v.options.setKey("containerId",f))},[v,y,t,n,h,m,f]),x.useEffect(()=>()=>{w&&(v==null||v.removeDeepLinkHandler(w)),L&&(v==null||v.removeVideoPlayerController(L))},[v]),x.useEffect(()=>{localStorage.getItem("SL_DEBUG")&&console.log("StreamLayerProvider mounted with props:",{sdkKey:!!e,onDeepLinkHandled:!!w,videoPlayerController:!!L})},[e,w,L]),o.jsxs(F1.Provider,{value:I,children:[i!==void 0&&o.jsx(u5,{event:i}),a]})};exports.B1=Z;exports.D=q7;exports.D$1=Z7;exports.Et=A2;exports.O=Xr;exports.StreamLayerProvider=v$;exports.StreamLayerSDKEvent=u5;exports.StreamLayerSDKReact=m$;exports.Tt=Q7;exports.a=B4;exports.b=U4;exports.createLogger=N1;exports.cx_default=De;exports.d=ha;exports.d$1=D7;exports.e=k2;exports.ee=V7;exports.eventBus=dn;exports.g=uI;exports.h=i5;exports.i=Z0;exports.m=Bn;exports.o=Ly;exports.q=pr;exports.styled_default=p;exports.useStore=ae;exports.useStreamLayer=s5;exports.useStreamLayerTheme=o5;exports.useStreamLayerUI=l5;exports.x=t5;exports.y=w8;exports.y$1=T7;