@streamlayer/react 0.32.5 → 0.32.6

package/lib/dist/cjs/gamification-feature.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("./masters.js"),x=require("react"),Ae=n.styled_default("div")({name:"Container",class:"c1vwopgc",propsAsIs:!1}),Se=n.styled_default("div")({name:"QuestionTypeWrap",class:"qyktpt0",propsAsIs:!1}),De=()=>n.n1,ze=n.styled_default(De())({name:"QuestionTypeIcon",class:"q951jdx",propsAsIs:!0}),ke=n.styled_default("span")({name:"QuestionTypeTitle",class:"qss5f0e",propsAsIs:!1}),Oe=n.styled_default("button")({name:"CloseButton",class:"c1ao1jtv",propsAsIs:!1}),we=()=>n.n1,_e=n.styled_default(we())({name:"CloseIcon",class:"cvsl7l3",propsAsIs:!0}),ce=({type:e,close:t,label:i})=>{const r=e?n.o[e]:{label:i,iconName:void 0};return s.jsxs(Ae,{children:[s.jsxs(Se,{children:[(r==null?void 0:r.iconName)&&s.jsx(ze,{"data-type-trivia":e===n.QuestionType.TRIVIA,"data-type-poll":e===n.QuestionType.POLL,name:r.iconName}),(r==null?void 0:r.label)&&s.jsx(ke,{children:r.label})]}),s.jsx(Oe,{onClick:t,children:s.jsx(_e,{name:"icon-cross"})})]})},de=e=>e.split(/\s+/).map(t=>t[0]).join("").toUpperCase(),ue=e=>e?e.toLocaleString("en-US"):"0",Ce=e=>e.toLocaleDateString("en-US",{weekday:"short",month:"short",day:"numeric"}),be=e=>e.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"}),Ee=e=>!isNaN(e.getTime()),Le=n.styled_default("div")({name:"Container",class:"c1zy8a",propsAsIs:!1}),$e=n.styled_default("div")({name:"Title",class:"t1vih9p5",propsAsIs:!1}),Re=n.styled_default("div")({name:"Indicator",class:"i1fbnvpb",propsAsIs:!1}),V=({indicator:e,title:t})=>s.jsxs(Le,{children:[s.jsx($e,{children:t}),s.jsx(Re,{children:e})]}),Qe=n.styled_default("div")({name:"Container",class:"ctmhwyc",propsAsIs:!1}),Ue=n.styled_default("div")({name:"Indicator",class:"i1jri200",propsAsIs:!1}),Pe=n.styled_default("div")({name:"Title",class:"t8s05oq",propsAsIs:!1}),C=({indicator:e,title:t})=>s.jsxs(Qe,{children:[s.jsx(Ue,{children:e}),s.jsx(Pe,{children:t})]}),qe=n.styled_default("div")({name:"Container",class:"c1yrpn9o",propsAsIs:!1}),Ye=n.styled_default("div")({name:"TopInfo",class:"t17fwahh",propsAsIs:!1}),We=n.styled_default("div")({name:"BottomInfo",class:"by6w7e9",propsAsIs:!1}),Fe=n.styled_default("div")({name:"User",class:"u1g7arbm",propsAsIs:!1}),Ve=n.styled_default("img")({name:"Avatar",class:"a1ldeata",propsAsIs:!1}),Be=n.styled_default("div")({name:"UserInfo",class:"u10d4koz",propsAsIs:!1}),He=n.styled_default("div")({name:"UserName",class:"u1q6roj0",propsAsIs:!1}),Ge=n.styled_default("div")({name:"UserRating",class:"ui0m425",propsAsIs:!1}),Ze=n.styled_default("img")({name:"TrophyIcon",class:"t1el3mrn",propsAsIs:!1}),Je=n.styled_default("div")({name:"Rts",class:"r2vgnxv",propsAsIs:!1}),Ke=n.styled_default("div")({name:"RtsIndicator",class:"roqn06j",propsAsIs:!1}),Xe=n.styled_default("div")({name:"RtsLabel",class:"r15adx7c",propsAsIs:!1}),et=n.styled_default("div")({name:"Divider",class:"dv59lta",propsAsIs:!1}),tt=n.styled_default("div")({name:"Ranks",class:"r55lotb",propsAsIs:!1}),st=n.styled_default("div")({name:"Statistics",class:"s1knfgqt",propsAsIs:!1}),nt=n.styled_default("div")({name:"AvatarPlaceholder",class:"a1mqo824",propsAsIs:!1}),it=n.styled_default("button")({name:"UserAccountBtn",class:"uxareh6",propsAsIs:!1}),rt="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=",pe=({avatar:e,name:t,points:i,friendsRank:r,rank:o,streak:l,correct:c,incorrect:m,inTop:u,successRate:f})=>s.jsxs(qe,{children:[s.jsx(Ye,{children:s.jsxs(Fe,{children:[s.jsxs(it,{children:[e&&s.jsx(Ve,{alt:"avatar",src:e}),!e&&s.jsx(nt,{children:de(t||"")})]}),s.jsxs(Be,{children:[s.jsx(He,{children:t}),s.jsxs(Ge,{children:[s.jsxs(Je,{children:[s.jsx(Ze,{alt:"rank-icon",src:rt}),s.jsxs(Ke,{children:[ue(i),s.jsx(Xe,{children:"PTS"})]})]}),s.jsx(et,{}),s.jsxs("div",{children:["TOP ",u||0,"%"]})]})]})]})}),s.jsxs(We,{children:[s.jsxs(tt,{children:[s.jsx(V,{indicator:r||0,title:"Friends rank"}),s.jsx(V,{indicator:o||0,title:"Global rank"})]}),s.jsxs(st,{children:[s.jsx(C,{indicator:l||0,title:"Win streak"}),s.jsx(C,{indicator:c||0,title:"Correct"}),s.jsx(C,{indicator:m||0,title:"Incorrect"}),s.jsx(C,{indicator:`${f||0}%`,title:"Succ. rate"})]})]})]}),ot=n.styled_default("div")({name:"SponsorLogoWrap",class:"s8p5v5z",propsAsIs:!1}),at=()=>n.n1,lt=n.styled_default(at())({name:"SponsorLogo",class:"s755yti",propsAsIs:!0}),ct=()=>s.jsx(ot,{children:s.jsx(lt,{name:"mastersLogo"})}),dt=n.styled_default("div")({name:"Container",class:"c38csyt",propsAsIs:!1}),ut=n.styled_default("div")({name:"Title",class:"ty221rx",propsAsIs:!1}),pt=n.styled_default("div")({name:"Description",class:"dlaj9xp",propsAsIs:!1}),mt=({title:e,description:t})=>s.jsxs(dt,{children:[s.jsx(n.n1,{name:"icon-check-circle"}),s.jsx(ut,{children:e}),s.jsx(pt,{children:t})]}),ft=n.styled_default("div")({name:"Container",class:"c16sbdnm",propsAsIs:!1}),ht=()=>n.n1,It=n.styled_default(ht())({name:"IconPrediction",class:"ibhorgl",propsAsIs:!0}),B=n.styled_default("div")({name:"FeedbackIconWrap",class:"f1g20ja7",propsAsIs:!1}),H=n.styled_default("div")({name:"FeedbackHeader",class:"f455ozj",propsAsIs:!1}),yt=n.styled_default("span")({name:"FeedbackTitle",class:"f1913njx",propsAsIs:!1}),$=n.styled_default("span")({name:"FeedbackDescription",class:"fzfk69z",propsAsIs:!1}),gt=n.styled_default("div")({name:"FeedbackText",class:"fx87qaj",propsAsIs:!1}),xt=({feedbackMessages:e,questionVotedCorrectly:t,questionVoted:i,questionType:r,hasCorrectAnswer:o,questionStatus:l})=>{const c=i&&(r===n.QuestionType.TRIVIA||r===n.QuestionType.PREDICTION);if(!c&&l!==n.QuestionStatus.RESOLVED||l===n.QuestionStatus.RESOLVED&&r===n.QuestionType.PREDICTION&&!i)return null;const m=r===n.QuestionType.PREDICTION&&!o,u=t?"correct":"incorrect",f=t?e.correctFeedback:e.incorrectFeedback;return s.jsxs(ft,{"data-isPrediction":m,children:[l===n.QuestionStatus.RESOLVED&&r===n.QuestionType.TRIVIA&&!i&&s.jsxs(s.Fragment,{children:[s.jsx(B,{children:s.jsx(n.n1,{name:"questionExpired"})}),s.jsxs("div",{children:[s.jsx(H,{children:s.jsx($,{children:"Question Expired"})}),s.jsx(gt,{children:"You can still answer to see if you're correct, but no points are awarded for expired questions."})]})]}),c&&m&&s.jsxs(s.Fragment,{children:[s.jsx(It,{name:"icon-prediction"}),s.jsx($,{children:"Stay tuned to see if your prediction was correct."})]}),c&&o&&s.jsxs(s.Fragment,{children:[s.jsx(B,{"data-feedbackType":u,children:s.jsx(n.n1,{name:u})}),s.jsx("div",{children:s.jsxs(H,{children:[s.jsx(yt,{"data-feedbackType":u,children:f==null?void 0:f.title}),s.jsx($,{children:f==null?void 0:f.description})]})})]})]})},jt=n.styled_default("div")({name:"Container",class:"c14ielyq",propsAsIs:!1}),vt=n.styled_default("div")({name:"Content",class:"c1tlqx57",propsAsIs:!1}),Mt=n.styled_default("div")({name:"Title",class:"t1hq58md",propsAsIs:!1}),Tt=n.styled_default("div")({name:"Options",class:"o1c8nxcx",propsAsIs:!1}),Nt=n.styled_default("button")({name:"ButtonContainer",class:"b1b6dl8t",propsAsIs:!1}),At=n.styled_default("div")({name:"ButtonPct",class:"b4iik8i",propsAsIs:!1}),St=n.styled_default("span")({name:"ButtonBody",class:"b1gq1lnf",propsAsIs:!1}),Dt=n.styled_default("div")({name:"IconContainer",class:"i1j65z51",propsAsIs:!1}),zt=n.styled_default("div")({name:"IconWrap",class:"i19tpfua",propsAsIs:!1}),me=n.styled_default("img")({name:"Icon",class:"i1tubmma",propsAsIs:!1}),kt=()=>me,Ot=n.styled_default(kt())({name:"IconDefault",class:"i1grrgwj",propsAsIs:!0}),wt=()=>me,_t=n.styled_default(wt())({name:"IconCircle",class:"ibemyq8",propsAsIs:!0}),Ct=n.styled_default("span")({name:"Title",class:"t1dceht",propsAsIs:!1}),bt=n.styled_default("span")({name:"Indicators",class:"i116q4vq",propsAsIs:!1}),Et=n.styled_default("span")({name:"Percentage",class:"p17ajcu2",propsAsIs:!1}),Lt=()=>n.n1,$t=n.styled_default(Lt())({name:"CheckIcon",class:"cu9kmlb",propsAsIs:!0}),G={[n.QuestionImages.CENTERED]:e=>s.jsx(Ot,{alt:"option-icon",src:e}),[n.QuestionImages.TRANSPARENT]:e=>s.jsx(Dt,{children:s.jsx(zt,{style:{backgroundImage:`url(${e})`}})}),[n.QuestionImages.ROUNDED]:e=>s.jsx(_t,{alt:"option-icon",src:e}),[n.QuestionImages.NONE]:()=>null,[n.QuestionImages.UNSET]:()=>null},Rt=({questionType:e,hasCorrectAnswer:t,correct:i,youVoted:r,questionVoted:o})=>{if(e===n.QuestionType.POLL&&r)return"correct";if(e===n.QuestionType.PREDICTION){if(t&&o)return r?i?"correct":"incorrect":"unset";if(r)return"correct"}return e===n.QuestionType.TRIVIA&&o&&r?i?"correct":"incorrect":"unset"},Qt=({questionType:e,questionVoted:t,correct:i,hasCorrectAnswer:r,questionStatus:o})=>e===n.QuestionType.TRIVIA?t&&i:e===n.QuestionType.PREDICTION?t&&i&&r||o===n.QuestionStatus.RESOLVED&&i:!1,Ut=e=>{var t;const{id:i,icon:r,text:o,percentageDecimal:l,onVote:c,youSelected:m,questionVoted:u,imageMode:f,answerTimeExpired:v,questionStatus:g,isLoading:y,questionType:M,correct:N,hasCorrectAnswer:a}=e,d=Rt(e),p=Qt({questionType:M,questionVoted:u,correct:N,hasCorrectAnswer:a,questionStatus:g}),h=g===n.QuestionStatus.RESOLVED&&M===n.QuestionType.PREDICTION,I=u||h;return s.jsxs(Nt,{value:i,"data-selected":m,"data-answerState":d,disabled:u||y||v||h,"data-isNotChecked":u&&!m&&d!=="incorrect",onClick:c,children:[s.jsx(At,{"data-answerState":d,style:{width:`${I?l:0}%`}}),s.jsxs(St,{children:[r&&f&&((t=G[f])==null?void 0:t.call(G,r)),s.jsx(Ct,{children:o}),I&&s.jsxs(bt,{children:[p&&s.jsx($t,{name:"selected"}),s.jsx(Et,{children:s.jsx(n.d,{value:l,suffix:"%"})})]})]})]})};var Z=typeof window>"u"?x.useEffect:x.useLayoutEffect,Pt=({isPlaying:e,duration:t,startAt:i=0,updateInterval:r=0,onComplete:o,onUpdate:l})=>{let[c,m]=x.useState(i),u=x.useRef(0),f=x.useRef(i),v=x.useRef(i*-1e3),g=x.useRef(null),y=x.useRef(null),M=x.useRef(null),N=p=>{let h=p/1e3;if(y.current===null){y.current=h,g.current=requestAnimationFrame(N);return}let I=h-y.current,A=u.current+I;y.current=h,u.current=A;let j=f.current+(r===0?A:(A/r|0)*r),S=f.current+A,T=typeof t=="number"&&S>=t;m(T?t:j),T||(g.current=requestAnimationFrame(N))},a=()=>{g.current&&cancelAnimationFrame(g.current),M.current&&clearTimeout(M.current),y.current=null},d=x.useCallback(p=>{a(),u.current=0;let h=typeof p=="number"?p:i;f.current=h,m(h),e&&(g.current=requestAnimationFrame(N))},[e,i]);return Z(()=>{if(l==null||l(c),t&&c>=t){v.current+=t*1e3;let{shouldRepeat:p=!1,delay:h=0,newStartAt:I}=(o==null?void 0:o(v.current/1e3))||{};p&&(M.current=setTimeout(()=>d(I),h*1e3))}},[c,t]),Z(()=>(e&&(g.current=requestAnimationFrame(N)),a),[e,t,r]),{elapsedTime:c,reset:d}},qt=(e,t,i)=>{let r=e/2,o=t/2,l=r-o,c=2*l,m=i==="clockwise"?"1,0":"0,1",u=2*Math.PI*l;return{path:`m ${r},${o} a ${l},${l} 0 ${m} 0,${c} a ${l},${l} 0 ${m} 0,-${c}`,pathLength:u}},J=(e,t)=>e===0||e===t?0:typeof t=="number"?e-t:0,Yt=e=>({position:"relative",width:e,height:e}),Wt={display:"flex",justifyContent:"center",alignItems:"center",position:"absolute",left:0,top:0,width:"100%",height:"100%"},fe=(e,t,i,r,o)=>{if(r===0)return t;let l=(o?r-e:e)/r;return t+i*l},K=e=>{var t,i;return(i=(t=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(r,o,l,c)=>`#${o}${o}${l}${l}${c}${c}`).substring(1).match(/.{2}/g))==null?void 0:t.map(r=>parseInt(r,16)))!=null?i:[]},Ft=(e,t)=>{var i;let{colors:r,colorsTime:o,isSmoothColorTransition:l=!0}=e;if(typeof r=="string")return r;let c=(i=o==null?void 0:o.findIndex((y,M)=>y>=t&&t>=o[M+1]))!=null?i:-1;if(!o||c===-1)return r[0];if(!l)return r[c];let m=o[c]-t,u=o[c]-o[c+1],f=K(r[c]),v=K(r[c+1]),g=!!e.isGrowing;return`rgb(${f.map((y,M)=>fe(m,y,v[M]-y,u,g)|0).join(",")})`},Vt=e=>{let{duration:t,initialRemainingTime:i,updateInterval:r,size:o=180,strokeWidth:l=12,trailStrokeWidth:c,isPlaying:m=!1,isGrowing:u=!1,rotation:f="clockwise",onComplete:v,onUpdate:g}=e,y=x.useRef(),M=Math.max(l,c??0),{path:N,pathLength:a}=qt(o,M,f),{elapsedTime:d}=Pt({isPlaying:m,duration:t,startAt:J(t,i),updateInterval:r,onUpdate:typeof g=="function"?h=>{let I=Math.ceil(t-h);I!==y.current&&(y.current=I,g(I))}:void 0,onComplete:typeof v=="function"?h=>{var I;let{shouldRepeat:A,delay:j,newInitialRemainingTime:S}=(I=v(h))!=null?I:{};if(A)return{shouldRepeat:A,delay:j,newStartAt:J(t,S)}}:void 0}),p=t-d;return{elapsedTime:d,path:N,pathLength:a,remainingTime:Math.ceil(p),rotation:f,size:o,stroke:Ft(e,p),strokeDashoffset:fe(d,0,a,t,u),strokeWidth:l}},he=e=>{let{children:t,strokeLinecap:i,trailColor:r,trailStrokeWidth:o}=e,{path:l,pathLength:c,stroke:m,strokeDashoffset:u,remainingTime:f,elapsedTime:v,size:g,strokeWidth:y}=Vt(e);return x.createElement("div",{style:Yt(g)},x.createElement("svg",{viewBox:`0 0 ${g} ${g}`,width:g,height:g,xmlns:"http://www.w3.org/2000/svg"},x.createElement("path",{d:l,fill:"none",stroke:r??"#d9d9d9",strokeWidth:o??y}),x.createElement("path",{d:l,fill:"none",stroke:m,strokeLinecap:i??"round",strokeWidth:y,strokeDasharray:c,strokeDashoffset:u})),typeof t=="function"&&x.createElement("div",{style:Wt},t({remainingTime:f,elapsedTime:v,color:m})))};he.displayName="CountdownCircleTimer";const Bt=[n.E.PRIMARY_GREEN1,n.E.SECONDARY_RED1,n.E.SECONDARY_RED1,n.E.NEUTRALS_GRAY3],Ht=[10,10,1,0],Gt=n.styled_default("div")({name:"RemainingTime",class:"r165427",propsAsIs:!1}),Zt=n.E.SECONDARY_GREEN6,X=n.E.SECONDARY_RED3,Jt=n.E.NEUTRALS_GRAY3,Kt=({isPlaying:e=!0,duration:t=30,onTimerExpired:i})=>{const[r,o]=x.useState(t>10?Zt:X),l=({remainingTime:u})=>s.jsx(Gt,{children:u}),c=x.useCallback(()=>{i==null||i(),o(Jt)},[i,o]),m=x.useCallback(u=>{u===10&&o(X)},[o]);return s.jsx(he,{isPlaying:e,duration:t,colors:Bt,colorsTime:Ht,size:32,strokeWidth:2,trailStrokeWidth:2,trailColor:r,onComplete:c,onUpdate:m,children:l})},Xt=n.styled_default("div")({name:"WinBarContainer",class:"wie6cqo",propsAsIs:!1}),es=n.styled_default("div")({name:"Content",class:"cgizw4u",propsAsIs:!1}),ts=n.styled_default("div")({name:"Title",class:"t1l3ucjp",propsAsIs:!1}),ss=()=>n.n1,ns=n.styled_default(ss())({name:"WinIcon",class:"wx7j799",propsAsIs:!0}),is=n.styled_default("div")({name:"Points",class:"p4lwuj0",propsAsIs:!1}),rs=n.styled_default("span")({name:"PointsCount",class:"po9i64o",propsAsIs:!1}),os=n.styled_default("span")({name:"PointsUnits",class:"pe5g05h",propsAsIs:!1}),as=({title:e,points:t,isPlayingTimer:i,isTimer:r,questionType:o,timerDuration:l,onTimerExpired:c})=>s.jsxs(Xt,{children:[s.jsxs(es,{children:[e&&s.jsx(ts,{children:e}),t!==void 0&&o!==n.QuestionType.POLL&&s.jsxs(s.Fragment,{children:[s.jsx(ns,{name:"icon-trophy"}),s.jsxs(is,{children:[s.jsx(rs,{children:s.jsx(n.d,{value:t})}),s.jsx(os,{children:"PTS"})]})]})]}),r&&s.jsx(Kt,{isPlaying:i,onTimerExpired:c,duration:l})]}),ls=({openedQuestion:e,isLoading:t,vote:i,close:r})=>{var o,l;const c=e.subject,m=e.type,u=(o=e.options)==null?void 0:o.options,[f,v]=x.useState(!1),[g,y]=x.useState(""),M=e==null?void 0:e.id,N=x.useCallback(async T=>{if(M){const D=T.currentTarget.value;y(D),await i(M,D)}},[M,y,i]),a=x.useCallback(()=>{v(!0),setTimeout(r,3e3)},[r]),d=x.useMemo(()=>e==null?void 0:e.answers.find(T=>T.youVoted===!0),[e]),p=x.useMemo(()=>!!(e!=null&&e.answers.find(T=>T.correct===!0)),[e]),h=x.useMemo(()=>e==null?void 0:e.answers.find(T=>T.correct===!0),[e]),I=x.useMemo(()=>e?e.answers.map(T=>{var D;return{...T,questionVoted:!!d,youSelected:g===T.id,isLoading:t,hasCorrectAnswer:p,questionType:e.type,answerTimeExpired:f,questionStatus:e.status,imageMode:(D=e.appearance)==null?void 0:D.images,onVote:N}}):[],[p,f,t,e,d,N,g]),A=u&&(u.case==="trivia"||u.case==="prediction")?u.value:void 0,j=x.useMemo(()=>{if(e.status===n.QuestionStatus.RESOLVED)return 0;if(!f)return d?d.correct?d.points:0:h==null?void 0:h.points},[f,d,h,e.status]),S=x.useMemo(()=>f?"Time expired":e.type===n.QuestionType.POLL?"Time remaining":d?"You won":"To win",[f,e.type,d]);return s.jsx(n.r,{"data-question-header":"true",children:s.jsx(jt,{children:s.jsxs(vt,{children:[A&&s.jsx(xt,{feedbackMessages:A,questionVoted:!!d,questionVotedCorrectly:d==null?void 0:d.correct,questionType:m,hasCorrectAnswer:p,questionStatus:e.status}),e.type!==n.QuestionType.PREDICTION&&s.jsx(as,{title:S,points:j,onTimerExpired:a,questionType:e.type,isTimer:!t,isPlayingTimer:!d,timerDuration:d?0:Number(((l=e==null?void 0:e.appearance)==null?void 0:l.autoHideInterval)||"30")}),f?s.jsx(mt,{title:"More to come...",description:"Watch for additional enhanced stream interactive experience."}):s.jsxs(s.Fragment,{children:[s.jsx(Mt,{"data-isPrediction":e.type===n.QuestionType.PREDICTION,children:c}),s.jsx(Tt,{children:I.map(T=>s.jsx(Ut,{...T},T.id))})]})]})})})},cs=n.styled_default("div")({name:"Container",class:"cgn5uen",propsAsIs:!1}),ds=n.styled_default("div")({name:"Content",class:"c1px8nt6",propsAsIs:!1}),us=n.styled_default("h3")({name:"Title",class:"t5et2jt",propsAsIs:!1}),ps=n.styled_default("div")({name:"Description",class:"d1i2kpk2",propsAsIs:!1}),ms=n.styled_default("div")({name:"DateWrap",class:"dd3lh3p",propsAsIs:!1}),fs=n.styled_default("img")({name:"Image",class:"i1gfjeu5",propsAsIs:!1}),Ie=({created:e,image:t,title:i,instantView:r})=>{const o=x.useMemo(()=>{if(e){const c=new Date(e);if(Ee(c))return{date:Ce(c),time:be(c)}}return null},[e]),l=(r==null?void 0:r.image)||t;return s.jsxs(cs,{children:[o&&s.jsxs(ms,{children:[o.date," · ",o.time]}),(r==null?void 0:r.video)&&s.jsx(n.w,{source:r.video.url,poster:r.video.thumbnailUrl}),l&&s.jsx(fs,{src:l}),s.jsxs(ds,{children:[s.jsx(us,{children:(r==null?void 0:r.heading)||i}),s.jsx(ps,{children:r==null?void 0:r.body})]})]})},hs=n.styled_default("div")({name:"Container",class:"c1euiow",propsAsIs:!1}),Is=n.styled_default("a")({name:"WebLinkBtn",class:"w19zie3h",propsAsIs:!1}),ys=({instantView:e,...t})=>s.jsxs(hs,{children:[s.jsx(Ie,{instantView:e,...t}),(e==null?void 0:e.webLink)&&s.jsxs(Is,{href:e==null?void 0:e.webLink.url,target:"_blank",children:["Explore more of the Masters History",s.jsx(n.n1,{name:"icon-external-link"})]})]}),gs=n.styled_default("div")({name:"QuestionContainer",class:"qdri6g3",propsAsIs:!1}),xs=({openedQuestion:e})=>{var t;return((t=e==null?void 0:e.attributes)==null?void 0:t.attributes.case)==="insight"?s.jsx(ys,{created:e.attributes.created,...e.attributes.attributes.value}):null},js=({extendedQuestion:e,vote:t,close:i})=>{const{loading:r,data:o}=e;return o?s.jsx(ls,{vote:t,close:i,openedQuestion:o,isLoading:!!r}):null},vs=({gamification:e})=>{var t;const i=n.useStore(e.openedQuestion.$store),r=n.useStore(e.openedQuestion.$extendedStore);if(!i)return null;const o=i.type;return s.jsxs(gs,{children:[s.jsx(ce,{close:e.closeQuestion,type:((t=i.attributes)==null?void 0:t.type)||n.QuestionType.UNSET}),o==="question"&&s.jsx(js,{vote:e.submitAnswer,close:e.closeQuestion,extendedQuestion:r}),o!=="question"&&s.jsx(xs,{openedQuestion:i}),s.jsx(ct,{sponsorLogo:""})]})},Ms=n.styled_default("div")({name:"Container",class:"c115qtkr",propsAsIs:!1}),Ts=n.styled_default("div")({name:"STabs",class:"sxnslc8",propsAsIs:!1}),Ns=n.styled_default("button")({name:"Button",class:"b1umzux0",propsAsIs:!1}),As=n.styled_default("span")({name:"Title",class:"tspsaas",propsAsIs:!1});var E=(e=>(e.HOME="home",e.LEADERBOARD="leaderboard",e))(E||{});const ee=({title:e,active:t,onClick:i})=>s.jsx(Ns,{onClick:i,"data-selected":t,children:s.jsx(As,{children:e})}),Ss=({activePage:e="home",toggleActivePage:t})=>s.jsx(Ms,{children:s.jsxs(Ts,{"data-position":e==="home"?"left":"right",children:[s.jsx(ee,{title:"Home",active:e==="home",onClick:()=>t("home")}),s.jsx(ee,{title:"Leader Board",active:e==="leaderboard",onClick:()=>t("leaderboard")})]})});function U(){return U=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e},U.apply(this,arguments)}function te(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function P(e,t){return P=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,o){return r.__proto__=o,r},P(e,t)}function Ds(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,P(e,t)}var se=Number.isNaN||function(t){return typeof t=="number"&&t!==t};function zs(e,t){return!!(e===t||se(e)&&se(t))}function ks(e,t){if(e.length!==t.length)return!1;for(var i=0;i<e.length;i++)if(!zs(e[i],t[i]))return!1;return!0}function R(e,t){t===void 0&&(t=ks);var i,r=[],o,l=!1;function c(){for(var m=[],u=0;u<arguments.length;u++)m[u]=arguments[u];return l&&i===this&&t(m,r)||(o=e.apply(this,m),l=!0,i=this,r=m),o}return c}var Os=typeof performance=="object"&&typeof performance.now=="function",ne=Os?function(){return performance.now()}:function(){return Date.now()};function ie(e){cancelAnimationFrame(e.id)}function ws(e,t){var i=ne();function r(){ne()-i>=t?e.call(null):o.id=requestAnimationFrame(r)}var o={id:requestAnimationFrame(r)};return o}var Q=-1;function re(e){if(e===void 0&&(e=!1),Q===-1||e){var t=document.createElement("div"),i=t.style;i.width="50px",i.height="50px",i.overflow="scroll",document.body.appendChild(t),Q=t.offsetWidth-t.clientWidth,document.body.removeChild(t)}return Q}var k=null;function oe(e){if(e===void 0&&(e=!1),k===null||e){var t=document.createElement("div"),i=t.style;i.width="50px",i.height="50px",i.overflow="scroll",i.direction="rtl";var r=document.createElement("div"),o=r.style;return o.width="100px",o.height="100px",t.appendChild(r),document.body.appendChild(t),t.scrollLeft>0?k="positive-descending":(t.scrollLeft=1,t.scrollLeft===0?k="negative":k="positive-ascending"),document.body.removeChild(t),k}return k}var _s=150,Cs=function(t,i){return t};function bs(e){var t,i=e.getItemOffset,r=e.getEstimatedTotalSize,o=e.getItemSize,l=e.getOffsetForIndexAndAlignment,c=e.getStartIndexForOffset,m=e.getStopIndexForStartIndex,u=e.initInstanceProps,f=e.shouldResetStyleCacheOnItemSizeChange,v=e.validateProps;return t=function(g){Ds(y,g);function y(N){var a;return a=g.call(this,N)||this,a._instanceProps=u(a.props,te(a)),a._outerRef=void 0,a._resetIsScrollingTimeoutId=null,a.state={instance:te(a),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof a.props.initialScrollOffset=="number"?a.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},a._callOnItemsRendered=void 0,a._callOnItemsRendered=R(function(d,p,h,I){return a.props.onItemsRendered({overscanStartIndex:d,overscanStopIndex:p,visibleStartIndex:h,visibleStopIndex:I})}),a._callOnScroll=void 0,a._callOnScroll=R(function(d,p,h){return a.props.onScroll({scrollDirection:d,scrollOffset:p,scrollUpdateWasRequested:h})}),a._getItemStyle=void 0,a._getItemStyle=function(d){var p=a.props,h=p.direction,I=p.itemSize,A=p.layout,j=a._getItemStyleCache(f&&I,f&&A,f&&h),S;if(j.hasOwnProperty(d))S=j[d];else{var T=i(a.props,d,a._instanceProps),D=o(a.props,d,a._instanceProps),z=h==="horizontal"||A==="horizontal",w=h==="rtl",_=z?T:0;j[d]=S={position:"absolute",left:w?void 0:_,right:w?_:void 0,top:z?0:T,height:z?"100%":D,width:z?D:"100%"}}return S},a._getItemStyleCache=void 0,a._getItemStyleCache=R(function(d,p,h){return{}}),a._onScrollHorizontal=function(d){var p=d.currentTarget,h=p.clientWidth,I=p.scrollLeft,A=p.scrollWidth;a.setState(function(j){if(j.scrollOffset===I)return null;var S=a.props.direction,T=I;if(S==="rtl")switch(oe()){case"negative":T=-I;break;case"positive-descending":T=A-h-I;break}return T=Math.max(0,Math.min(T,A-h)),{isScrolling:!0,scrollDirection:j.scrollOffset<I?"forward":"backward",scrollOffset:T,scrollUpdateWasRequested:!1}},a._resetIsScrollingDebounced)},a._onScrollVertical=function(d){var p=d.currentTarget,h=p.clientHeight,I=p.scrollHeight,A=p.scrollTop;a.setState(function(j){if(j.scrollOffset===A)return null;var S=Math.max(0,Math.min(A,I-h));return{isScrolling:!0,scrollDirection:j.scrollOffset<S?"forward":"backward",scrollOffset:S,scrollUpdateWasRequested:!1}},a._resetIsScrollingDebounced)},a._outerRefSetter=function(d){var p=a.props.outerRef;a._outerRef=d,typeof p=="function"?p(d):p!=null&&typeof p=="object"&&p.hasOwnProperty("current")&&(p.current=d)},a._resetIsScrollingDebounced=function(){a._resetIsScrollingTimeoutId!==null&&ie(a._resetIsScrollingTimeoutId),a._resetIsScrollingTimeoutId=ws(a._resetIsScrolling,_s)},a._resetIsScrolling=function(){a._resetIsScrollingTimeoutId=null,a.setState({isScrolling:!1},function(){a._getItemStyleCache(-1,null)})},a}y.getDerivedStateFromProps=function(a,d){return Es(a,d),v(a),null};var M=y.prototype;return M.scrollTo=function(a){a=Math.max(0,a),this.setState(function(d){return d.scrollOffset===a?null:{scrollDirection:d.scrollOffset<a?"forward":"backward",scrollOffset:a,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},M.scrollToItem=function(a,d){d===void 0&&(d="auto");var p=this.props,h=p.itemCount,I=p.layout,A=this.state.scrollOffset;a=Math.max(0,Math.min(a,h-1));var j=0;if(this._outerRef){var S=this._outerRef;I==="vertical"?j=S.scrollWidth>S.clientWidth?re():0:j=S.scrollHeight>S.clientHeight?re():0}this.scrollTo(l(this.props,a,d,A,this._instanceProps,j))},M.componentDidMount=function(){var a=this.props,d=a.direction,p=a.initialScrollOffset,h=a.layout;if(typeof p=="number"&&this._outerRef!=null){var I=this._outerRef;d==="horizontal"||h==="horizontal"?I.scrollLeft=p:I.scrollTop=p}this._callPropsCallbacks()},M.componentDidUpdate=function(){var a=this.props,d=a.direction,p=a.layout,h=this.state,I=h.scrollOffset,A=h.scrollUpdateWasRequested;if(A&&this._outerRef!=null){var j=this._outerRef;if(d==="horizontal"||p==="horizontal")if(d==="rtl")switch(oe()){case"negative":j.scrollLeft=-I;break;case"positive-ascending":j.scrollLeft=I;break;default:var S=j.clientWidth,T=j.scrollWidth;j.scrollLeft=T-S-I;break}else j.scrollLeft=I;else j.scrollTop=I}this._callPropsCallbacks()},M.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&ie(this._resetIsScrollingTimeoutId)},M.render=function(){var a=this.props,d=a.children,p=a.className,h=a.direction,I=a.height,A=a.innerRef,j=a.innerElementType,S=a.innerTagName,T=a.itemCount,D=a.itemData,z=a.itemKey,w=z===void 0?Cs:z,_=a.layout,ye=a.outerElementType,ge=a.outerTagName,xe=a.style,je=a.useIsScrolling,ve=a.width,q=this.state.isScrolling,L=h==="horizontal"||_==="horizontal",Me=L?this._onScrollHorizontal:this._onScrollVertical,Y=this._getRangeToRender(),Te=Y[0],Ne=Y[1],W=[];if(T>0)for(var O=Te;O<=Ne;O++)W.push(x.createElement(d,{data:D,key:w(O,D),index:O,isScrolling:je?q:void 0,style:this._getItemStyle(O)}));var F=r(this.props,this._instanceProps);return x.createElement(ye||ge||"div",{className:p,onScroll:Me,ref:this._outerRefSetter,style:U({position:"relative",height:I,width:ve,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:h},xe)},x.createElement(j||S||"div",{children:W,ref:A,style:{height:L?"100%":F,pointerEvents:q?"none":void 0,width:L?F:"100%"}}))},M._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var a=this.props.itemCount;if(a>0){var d=this._getRangeToRender(),p=d[0],h=d[1],I=d[2],A=d[3];this._callOnItemsRendered(p,h,I,A)}}if(typeof this.props.onScroll=="function"){var j=this.state,S=j.scrollDirection,T=j.scrollOffset,D=j.scrollUpdateWasRequested;this._callOnScroll(S,T,D)}},M._getRangeToRender=function(){var a=this.props,d=a.itemCount,p=a.overscanCount,h=this.state,I=h.isScrolling,A=h.scrollDirection,j=h.scrollOffset;if(d===0)return[0,0,0,0];var S=c(this.props,j,this._instanceProps),T=m(this.props,S,j,this._instanceProps),D=!I||A==="backward"?Math.max(1,p):1,z=!I||A==="forward"?Math.max(1,p):1;return[Math.max(0,S-D),Math.max(0,Math.min(d-1,T+z)),S,T]},y}(x.PureComponent),t.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},t}var Es=function(t,i){t.children,t.direction,t.height,t.layout,t.innerTagName,t.outerTagName,t.width,i.instance},Ls=bs({getItemOffset:function(t,i){var r=t.itemSize;return i*r},getItemSize:function(t,i){var r=t.itemSize;return r},getEstimatedTotalSize:function(t){var i=t.itemCount,r=t.itemSize;return r*i},getOffsetForIndexAndAlignment:function(t,i,r,o,l,c){var m=t.direction,u=t.height,f=t.itemCount,v=t.itemSize,g=t.layout,y=t.width,M=m==="horizontal"||g==="horizontal",N=M?y:u,a=Math.max(0,f*v-N),d=Math.min(a,i*v),p=Math.max(0,i*v-N+v+c);switch(r==="smart"&&(o>=p-N&&o<=d+N?r="auto":r="center"),r){case"start":return d;case"end":return p;case"center":{var h=Math.round(p+(d-p)/2);return h<Math.ceil(N/2)?0:h>a+Math.floor(N/2)?a:h}case"auto":default:return o>=p&&o<=d?o:o<p?p:d}},getStartIndexForOffset:function(t,i){var r=t.itemCount,o=t.itemSize;return Math.max(0,Math.min(r-1,Math.floor(i/o)))},getStopIndexForStartIndex:function(t,i,r){var o=t.direction,l=t.height,c=t.itemCount,m=t.itemSize,u=t.layout,f=t.width,v=o==="horizontal"||u==="horizontal",g=i*m,y=v?f:l,M=Math.ceil((y+r-g)/m);return Math.max(0,Math.min(c-1,i+M-1))},initInstanceProps:function(t){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(t){t.itemSize}});function $s(e){var t=e.lastRenderedStartIndex,i=e.lastRenderedStopIndex,r=e.startIndex,o=e.stopIndex;return!(r>i||o<t)}function Rs(e){for(var t=e.isItemLoaded,i=e.itemCount,r=e.minimumBatchSize,o=e.startIndex,l=e.stopIndex,c=[],m=null,u=null,f=o;f<=l;f++){var v=t(f);v?u!==null&&(c.push(m,u),m=u=null):(u=f,m===null&&(m=f))}if(u!==null){for(var g=Math.min(Math.max(u,m+r-1),i-1),y=u+1;y<=g&&!t(y);y++)u=y;c.push(m,u)}if(c.length)for(;c[1]-c[0]+1<r&&c[0]>0;){var M=c[0]-1;if(!t(M))c[0]=M;else break}return c}var Qs=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},Us=function(){function e(t,i){for(var r=0;r<i.length;r++){var o=i[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(t,i,r){return i&&e(t.prototype,i),r&&e(t,r),t}}(),Ps=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)},ae=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},qs=function(e){Ps(t,e);function t(){var i,r,o,l;Qs(this,t);for(var c=arguments.length,m=Array(c),u=0;u<c;u++)m[u]=arguments[u];return l=(r=(o=ae(this,(i=t.__proto__||Object.getPrototypeOf(t)).call.apply(i,[this].concat(m))),o),o._lastRenderedStartIndex=-1,o._lastRenderedStopIndex=-1,o._memoizedUnloadedRanges=[],o._onItemsRendered=function(f){var v=f.visibleStartIndex,g=f.visibleStopIndex;o._lastRenderedStartIndex=v,o._lastRenderedStopIndex=g,o._ensureRowsLoaded(v,g)},o._setRef=function(f){o._listRef=f},r),ae(o,l)}return Us(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,o){var l=this.props,c=l.isItemLoaded,m=l.itemCount,u=l.minimumBatchSize,f=u===void 0?10:u,v=l.threshold,g=v===void 0?15:v,y=Rs({isItemLoaded:c,itemCount:m,minimumBatchSize:f,startIndex:Math.max(0,r-g),stopIndex:Math.min(m-1,o+g)});(this._memoizedUnloadedRanges.length!==y.length||this._memoizedUnloadedRanges.some(function(M,N){return y[N]!==M}))&&(this._memoizedUnloadedRanges=y,this._loadUnloadedRanges(y))}},{key:"_loadUnloadedRanges",value:function(r){for(var o=this,l=this.props.loadMoreItems||this.props.loadMoreRows,c=function(f){var v=r[f],g=r[f+1],y=l(v,g);y!=null&&y.then(function(){if($s({lastRenderedStartIndex:o._lastRenderedStartIndex,lastRenderedStopIndex:o._lastRenderedStopIndex,startIndex:v,stopIndex:g})){if(o._listRef==null)return;typeof o._listRef.resetAfterIndex=="function"?o._listRef.resetAfterIndex(v,!0):(typeof o._listRef._getItemStyleCache=="function"&&o._listRef._getItemStyleCache(-1),o._listRef.forceUpdate())}})},m=0;m<r.length;m+=2)c(m)}}]),t}(x.PureComponent);const Ys=n.styled_default("div")({name:"Container",class:"culdu4a",propsAsIs:!1}),Ws=n.styled_default("div")({name:"Position",class:"pwf8e69",propsAsIs:!1}),Fs=n.styled_default("img")({name:"Avatar",class:"atf4yh4",propsAsIs:!1}),Vs=n.styled_default("div")({name:"AvatarPlaceholder",class:"a1dg29ja",propsAsIs:!1}),Bs=n.styled_default("div")({name:"Content",class:"c10a68rc",propsAsIs:!1}),Hs=n.styled_default("div")({name:"NameContainer",class:"nc4kck5",propsAsIs:!1}),Gs=n.styled_default("span")({name:"Name",class:"njsrqgr",propsAsIs:!1}),Zs=()=>n.n1,Js=n.styled_default(Zs())({name:"CurrentUserBadge",class:"c17uc4zr",propsAsIs:!0}),Ks=({rank:e,avatar:t,name:i,points:r,isCurrentUser:o,openItemDetail:l,style:c})=>s.jsxs(Ys,{onClick:l,style:c,children:[s.jsx(Ws,{children:e||0}),s.jsxs(Bs,{children:[t?s.jsx(Fs,{alt:"leaderboard-item-avatar",src:t}):s.jsx(Vs,{children:de(i||"")}),s.jsxs(Hs,{children:[s.jsx(Gs,{children:i||""}),o&&s.jsx(Js,{name:"icon-star"})]})]}),s.jsx("div",{children:ue(r)})]}),Xs=n.styled_default("div")({name:"ScrollContainer",class:"s13d8sg6",propsAsIs:!1}),en=({items:e,currentUserId:t,openItemDetail:i,fetchMore:r})=>s.jsx(n.AutoSizer,{children:({width:o,height:l})=>s.jsx(qs,{isItemLoaded:c=>c<e.length,itemCount:e.length+1,loadMoreItems:r,children:({onItemsRendered:c,ref:m})=>s.jsx(Xs,{children:s.jsx(Ls,{itemSize:56,onItemsRendered:c,ref:m,itemCount:e.length,width:o,height:l,children:({index:u,style:f})=>s.jsx(Ks,{style:{...f,maxHeight:48},...e[u],openItemDetail:()=>i(e[u].userId),isCurrentUser:!!t&&t===e[u].userId},e[u].userId)})})})}),tn=({deepLink:e})=>{const{data:t}=n.useStore(e.$store),i=t==null?void 0:t.url,r=e.desktopLink;return s.jsx(n.O,{inviteLink:i||r,socialLinks:[{icon:"icon-facebook",link:"https://www.facebook.com/TheMasters",label:"Facebook"},{icon:"icon-twitter",link:"https://twitter.com/@TheMasters",label:"X"}],inviteCardTitle:"It’s more fun with friends",inviteCardSubtext:"Invite and compete against your friends for the top spot on the leaderboard."})},sn=({gamification:e})=>{const{data:t}=n.useStore(e.leaderboardList.$store);return t!=null&&t.length?s.jsx(en,{fetchMore:e.leaderboardList.fetchMore,items:t,openItemDetail:e.openUser,currentUserId:e.currentUserId.get()}):s.jsx(tn,{deepLink:e.deepLink})},nn=n.styled_default("div")({name:"QuestionItem",class:"q1w97g3p",propsAsIs:!1}),rn=n.styled_default("div")({name:"QuestionCaption",class:"q2sl39u",propsAsIs:!1}),on=n.styled_default("div")({name:"QuestionBody",class:"qd5h0uc",propsAsIs:!1}),an=n.styled_default("div")({name:"QuestionAction",class:"q105uluy",propsAsIs:!1}),ln=()=>n.n1,b=n.styled_default(ln())({name:"QuestionActionIcon",class:"q1fa0b9h",propsAsIs:!0}),cn=()=>n.n1,dn=n.styled_default(cn())({name:"QuestionTypeIcon",class:"qxlt78s",propsAsIs:!0}),un=n.styled_default("div")({name:"QuestionTypeLabel",class:"qmg0vkx",propsAsIs:!1}),pn=n.styled_default("div")({name:"QuestionContent",class:"q1uz5j1g",propsAsIs:!1}),mn=n.styled_default("button")({name:"PlayButton",class:"p1pba9p1",propsAsIs:!1}),fn={[n.PickHistoryStatus.LOST]:s.jsx(b,{name:"incorrectVoted"}),[n.PickHistoryStatus.WON]:s.jsx(b,{name:"icon-check"}),[n.PickHistoryStatus.UNSET]:s.jsx(b,{name:"icon-arrow"}),[n.PickHistoryStatus.DNP]:s.jsx(b,{name:"icon-arrow"})},hn=({questionId:e,questionType:t,questionStatus:i,subject:r,openForVoting:o,openQuestion:l,status:c})=>{const m=n.o[t],u=fn[c];return m?s.jsxs(nn,{onClick:()=>l==null?void 0:l(e),children:[s.jsxs(pn,{children:[s.jsxs(rn,{children:[s.jsx(dn,{"data-type-trivia":t===n.QuestionType.TRIVIA,"data-type-poll":t===n.QuestionType.POLL,name:m.iconName}),s.jsxs(un,{children:[m.label,t===n.QuestionType.TRIVIA&&i===n.QuestionStatus.RESOLVED&&" • Expired"]})]}),s.jsx(on,{children:r||""})]}),s.jsx(an,{children:o?s.jsx(mn,{children:"Play"}):u})]}):null},In=n.styled_default("div")({name:"Container",class:"cll3md7",propsAsIs:!1}),yn=n.styled_default("button")({name:"ActionBtn",class:"a10g1iik",propsAsIs:!1}),gn=({openInsight:e,questionId:t,...i})=>s.jsxs(In,{children:[s.jsx(Ie,{questionId:t,...i}),e&&s.jsx(yn,{onClick:()=>e(t),children:"View Insight"})]}),xn=n.styled_default("div")({name:"QuestionsContainer",class:"qvghv3l",propsAsIs:!1}),jn=({questions:e,openQuestion:t})=>s.jsx(xn,{children:e==null?void 0:e.map(i=>{var r,o;if(i.type==="question"&&((r=i.attributes)==null?void 0:r.attributes.case)==="question"){const l=i.attributes.attributes.value;return s.jsx(hn,{openQuestion:t,...l},l.questionId)}if(i.type==="insight"&&((o=i.attributes)==null?void 0:o.attributes.case)==="insight"){const l=i.attributes.attributes.value;return s.jsx(gn,{openInsight:t,...l},l.questionId)}return null})}),vn=({store:e,openQuestion:t})=>{const i=n.useStore(e);return i!=null&&i.data?s.jsx(jn,{openQuestion:t,questions:i.data}):s.jsx("div",{children:"wait questions..."})},Mn=({userSummary:e})=>{var t;const[i,r]=x.useState(void 0);return x.useEffect(()=>{const o=e.subscribe(l=>{l!=null&&l.data&&r(l.data)});return()=>{o()}},[e]),i!=null&&i.summary?s.jsx(pe,{...i.summary,successRate:(t=i.percentage)==null?void 0:t.correct}):s.jsx("div",{children:"wait user..."})},Tn=({gamification:e})=>{const[t,i]=x.useState(E.HOME);return s.jsxs("div",{style:{height:"100%",display:"flex",flexDirection:"column",overflow:"hidden"},children:[s.jsx(n.a,{style:{paddingBottom:"4px"},children:s.jsx(Ss,{activePage:t,toggleActivePage:i})}),t===E.HOME&&s.jsxs(n.r,{children:[s.jsx(n.a,{style:{paddingTop:"12px"},children:s.jsx(Mn,{userSummary:e.userSummary})}),s.jsx(n.n,{children:s.jsx(vn,{openQuestion:e.openQuestion,store:e.feedList.getStore()})})]}),t===E.LEADERBOARD&&s.jsx("div",{className:"c1bp9dj2",children:s.jsx(sn,{gamification:e})})]})},Nn=()=>n.f,le=n.styled_default(Nn())({name:"OpenedContainer",class:"oar61gl",propsAsIs:!0}),An=n.styled_default("div")({name:"UserContainer",class:"u14zaal4",propsAsIs:!1}),Sn=({correct:e,incorrect:t})=>{const i=e+t;return i===0?0:Math.round(e/i*100)},Dn=({gamification:e,className:t})=>{const i=n.useStore(e.openedQuestion.$store),r=n.useStore(e.openedUser);return s.jsxs(s.Fragment,{children:[i&&s.jsx(le,{className:t,children:s.jsx(vs,{gamification:e})}),r&&s.jsx(le,{className:t,children:s.jsxs(An,{children:[s.jsx(ce,{label:"Friend's Rank",close:e.closeUser}),s.jsx(n.a,{children:s.jsx(pe,{...r,successRate:Sn(r)})})]})}),s.jsx(n.r,{className:t,"data-nav":"true",children:s.jsx(Tn,{gamification:e})})]})};exports.default=Dn;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("./masters.js"),x=require("react"),Ae=n.styled_default("div")({name:"Container",class:"c1vwopgc",propsAsIs:!1}),Se=n.styled_default("div")({name:"QuestionTypeWrap",class:"qyktpt0",propsAsIs:!1}),De=()=>n.n1,ze=n.styled_default(De())({name:"QuestionTypeIcon",class:"q951jdx",propsAsIs:!0}),ke=n.styled_default("span")({name:"QuestionTypeTitle",class:"qss5f0e",propsAsIs:!1}),Oe=n.styled_default("button")({name:"CloseButton",class:"c1ao1jtv",propsAsIs:!1}),we=()=>n.n1,_e=n.styled_default(we())({name:"CloseIcon",class:"cvsl7l3",propsAsIs:!0}),ce=({type:e,close:t,label:i})=>{const r=e?n.o[e]:{label:i,iconName:void 0};return s.jsxs(Ae,{children:[s.jsxs(Se,{children:[(r==null?void 0:r.iconName)&&s.jsx(ze,{"data-type-trivia":e===n.QuestionType.TRIVIA,"data-type-poll":e===n.QuestionType.POLL,name:r.iconName}),(r==null?void 0:r.label)&&s.jsx(ke,{children:r.label})]}),s.jsx(Oe,{onClick:t,children:s.jsx(_e,{name:"icon-cross"})})]})},de=e=>e.split(/\s+/).map(t=>t[0]).join("").toUpperCase(),ue=e=>e?e.toLocaleString("en-US"):"0",Ce=e=>e.toLocaleDateString("en-US",{weekday:"short",month:"short",day:"numeric"}),be=e=>e.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"}),Ee=e=>!isNaN(e.getTime()),Le=n.styled_default("div")({name:"Container",class:"c1zy8a",propsAsIs:!1}),$e=n.styled_default("div")({name:"Title",class:"t1vih9p5",propsAsIs:!1}),Re=n.styled_default("div")({name:"Indicator",class:"i1fbnvpb",propsAsIs:!1}),V=({indicator:e,title:t})=>s.jsxs(Le,{children:[s.jsx($e,{children:t}),s.jsx(Re,{children:e})]}),Qe=n.styled_default("div")({name:"Container",class:"ctmhwyc",propsAsIs:!1}),Ue=n.styled_default("div")({name:"Indicator",class:"i1jri200",propsAsIs:!1}),Pe=n.styled_default("div")({name:"Title",class:"t8s05oq",propsAsIs:!1}),C=({indicator:e,title:t})=>s.jsxs(Qe,{children:[s.jsx(Ue,{children:e}),s.jsx(Pe,{children:t})]}),qe=n.styled_default("div")({name:"Container",class:"c1yrpn9o",propsAsIs:!1}),Ye=n.styled_default("div")({name:"TopInfo",class:"t17fwahh",propsAsIs:!1}),We=n.styled_default("div")({name:"BottomInfo",class:"by6w7e9",propsAsIs:!1}),Fe=n.styled_default("div")({name:"User",class:"u1g7arbm",propsAsIs:!1}),Ve=n.styled_default("img")({name:"Avatar",class:"a1ldeata",propsAsIs:!1}),Be=n.styled_default("div")({name:"UserInfo",class:"u10d4koz",propsAsIs:!1}),He=n.styled_default("div")({name:"UserName",class:"u1q6roj0",propsAsIs:!1}),Ge=n.styled_default("div")({name:"UserRating",class:"ui0m425",propsAsIs:!1}),Ze=n.styled_default("img")({name:"TrophyIcon",class:"t1el3mrn",propsAsIs:!1}),Je=n.styled_default("div")({name:"Rts",class:"r2vgnxv",propsAsIs:!1}),Ke=n.styled_default("div")({name:"RtsIndicator",class:"roqn06j",propsAsIs:!1}),Xe=n.styled_default("div")({name:"RtsLabel",class:"r15adx7c",propsAsIs:!1}),et=n.styled_default("div")({name:"Divider",class:"dv59lta",propsAsIs:!1}),tt=n.styled_default("div")({name:"Ranks",class:"r55lotb",propsAsIs:!1}),st=n.styled_default("div")({name:"Statistics",class:"s1knfgqt",propsAsIs:!1}),nt=n.styled_default("div")({name:"AvatarPlaceholder",class:"a1mqo824",propsAsIs:!1}),it=n.styled_default("button")({name:"UserAccountBtn",class:"uxareh6",propsAsIs:!1}),rt="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IlRyb3BoeSI+CjxwYXRoIGlkPSJDb21iaW5lZCBTaGFwZSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY5MTk3IDQuNjY2NjJDMy42OTE5NyA1Ljk5NzA1IDMuOTI5MTQgNy4xNzc4NyA0LjQwMzUgOC4yMDkxMkMzLjQ5OTY2IDguMDI0NTEgMi43NDQ4NyA3LjY2NDg2IDIuMTM5MSA3LjEzMDE0QzEuNTMzMzMgNi41OTU0MiAxLjIzMDQ2IDYuMDc5OCAxLjIzMDQ2IDUuNTgzMjhWNC42NjY2MkgzLjY5MTk3Wk0xNC43Njg2IDQuNjY2NjJWNS41ODMyOEMxNC43Njg2IDYuMDc5OCAxNC40NjU4IDYuNTk1NDIgMTMuODYgNy4xMzAxNEMxMy4yNTQyIDcuNjY0ODYgMTIuNDk5NCA4LjAyNDUxIDExLjU5NTYgOC4yMDkxMkMxMi4wNjk5IDcuMTc3ODcgMTIuMzA3MSA1Ljk5NzA1IDEyLjMwNzEgNC42NjY2MkgxNC43Njg2Wk0xNS45OTk4IDUuNTgzMjlWNC4zNjEwOEMxNS45OTk4IDQuMTA2NDUgMTUuOTEwMSAzLjg5MDAyIDE1LjczMDYgMy43MTE3OEMxNS41NTExIDMuNTMzNTQgMTUuMzMzMiAzLjQ0NDQyIDE1LjA3NjggMy40NDQ0MkgxMi4zMDc2VjIuNTI3NzZDMTIuMzA3NiAyLjEwNzYzIDEyLjE1NjkgMS43NDc5NyAxMS44NTU2IDEuNDQ4NzhDMTEuNTU0NCAxLjE0OTU5IDExLjE5MjIgMSAxMC43NjkxIDFINS4yMzA3MkM0LjgwNzY0IDEgNC40NDU0NyAxLjE0OTU5IDQuMTQ0MTkgMS40NDg3OEMzLjg0MjkxIDEuNzQ3OTcgMy42OTIyNyAyLjEwNzYzIDMuNjkyMjcgMi41Mjc3NlYzLjQ0NDQySDAuOTIzMDY4QzAuNjY2NjU5IDMuNDQ0NDIgMC40NDg3MTQgMy41MzM1NCAwLjI2OTIyOCAzLjcxMTc4QzAuMDg5NzQxOCAzLjg5MDAyIDAgNC4xMDY0NSAwIDQuMzYxMDhWNS41ODMyOUMwIDYuMDM1MjUgMC4xMzMwMSA2LjQ5MDM5IDAuMzk5MDM0IDYuOTQ4NzJDMC42NjUwNTkgNy40MDcwNSAxLjAyNDAzIDcuODIwODIgMS40NzU5NSA4LjE5MDAzQzEuOTI3ODcgOC41NTkyNCAyLjQ4MjM0IDguODY5NTcgMy4xMzkzOSA5LjEyMTAxQzMuNzk2NDQgOS4zNzI0NiA0LjQ4NzEzIDkuNTE0MDkgNS4yMTE0OSA5LjU0NTkyQzUuNDgwNzEgOS44ODk2NyA1Ljc4NTIgMTAuMTkyIDYuMTI0OTQgMTAuNDUzQzYuMzY4NTMgMTAuNjY5NSA2LjUzNjc5IDEwLjkwMDIgNi42Mjk3NCAxMS4xNDUzQzYuNzIyNjkgMTEuMzkwNCA2Ljc2OTE2IDExLjY3NTIgNi43NjkxNiAxMS45OTk5QzYuNzY5MTYgMTIuMzQzNiA2LjY3MTQxIDEyLjYzMzMgNi40NzU5IDEyLjg2ODhDNi4yODAzOCAxMy4xMDQzIDUuOTY3ODkgMTMuMjIyMSA1LjUzODQxIDEzLjIyMjFDNS4wNTc2NCAxMy4yMjIxIDQuNjI5NzYgMTMuMzY2OSA0LjI1NDc2IDEzLjY1NjZDMy44Nzk3NyAxMy45NDYyIDMuNjkyMjcgMTQuMzEwNiAzLjY5MjI3IDE0Ljc0OTlWMTUuMzYxQzMuNjkyMjcgMTUuNDUwMSAzLjcyMTEyIDE1LjUyMzMgMy43Nzg4MSAxNS41ODA2QzMuODM2NSAxNS42Mzc5IDMuOTEwMjIgMTUuNjY2NSAzLjk5OTk2IDE1LjY2NjVIMTEuOTk5OUMxMi4wODk2IDE1LjY2NjUgMTIuMTYzMyAxNS42Mzc5IDEyLjIyMSAxNS41ODA2QzEyLjI3ODcgMTUuNTIzMyAxMi4zMDc2IDE1LjQ1MDEgMTIuMzA3NiAxNS4zNjFWMTQuNzQ5OUMxMi4zMDc2IDE0LjMxMDYgMTIuMTIwMSAxMy45NDYyIDExLjc0NTEgMTMuNjU2NkMxMS4zNzAxIDEzLjM2NjkgMTAuOTQyMiAxMy4yMjIxIDEwLjQ2MTQgMTMuMjIyMUMxMC4wMzE5IDEzLjIyMjEgOS43MTk0NSAxMy4xMDQzIDkuNTIzOTQgMTIuODY4OEM5LjMyODQzIDEyLjYzMzMgOS4yMzA2OCAxMi4zNDM2IDkuMjMwNjggMTEuOTk5OUM5LjIzMDY4IDExLjY3NTIgOS4yNzcxNSAxMS4zOTA0IDkuMzcwMSAxMS4xNDUzQzkuNDYzMDUgMTAuOTAwMiA5LjYzMTMxIDEwLjY2OTUgOS44NzQ5IDEwLjQ1M0MxMC4yMTQ2IDEwLjE5MiAxMC41MTkxIDkuODg5NjcgMTAuNzg4NCA5LjU0NTkyQzExLjUxMjcgOS41MTQwOSAxMi4yMDM0IDkuMzcyNDYgMTIuODYwNCA5LjEyMTAxQzEzLjUxNzUgOC44Njk1NyAxNC4wNzIgOC41NTkyNCAxNC41MjM5IDguMTkwMDNDMTQuOTc1OCA3LjgyMDgyIDE1LjMzNDggNy40MDcwNSAxNS42MDA4IDYuOTQ4NzJDMTUuODY2OCA2LjQ5MDM5IDE1Ljk5OTggNi4wMzUyNSAxNS45OTk4IDUuNTgzMjlaTTYuNzYwNDcgNy4xNzk4TDguMDUxMDkgNi40OTk5N0w5LjM0MTcgNy4xNzk4TDkuMDk1MjEgNS43Mzk4OUwxMC4xMzkzIDQuNzIwMTVMOC42OTYzOSA0LjUxMDA3TDguMDUxMDkgMy4yTDcuNDA1NzggNC41MTAwN0w1Ljk2MjgzIDQuNzIwMTVMNy4wMDY5NiA1LjczOTg5TDYuNzYwNDcgNy4xNzk4WiIgZmlsbD0iI0YyQzk0QyIvPgo8L2c+Cjwvc3ZnPgo=",pe=({avatar:e,name:t,points:i,friendsRank:r,rank:o,streak:l,correct:c,incorrect:m,inTop:u,successRate:f})=>s.jsxs(qe,{children:[s.jsx(Ye,{children:s.jsxs(Fe,{children:[s.jsxs(it,{children:[e&&s.jsx(Ve,{alt:"avatar",src:e}),!e&&s.jsx(nt,{children:de(t||"")})]}),s.jsxs(Be,{children:[s.jsx(He,{children:t}),s.jsxs(Ge,{children:[s.jsxs(Je,{children:[s.jsx(Ze,{alt:"rank-icon",src:rt}),s.jsxs(Ke,{children:[ue(i),s.jsx(Xe,{children:"PTS"})]})]}),s.jsx(et,{}),s.jsxs("div",{children:["TOP ",u||0,"%"]})]})]})]})}),s.jsxs(We,{children:[s.jsxs(tt,{children:[s.jsx(V,{indicator:r||0,title:"Friends rank"}),s.jsx(V,{indicator:o||0,title:"Global rank"})]}),s.jsxs(st,{children:[s.jsx(C,{indicator:l||0,title:"Win streak"}),s.jsx(C,{indicator:c||0,title:"Correct"}),s.jsx(C,{indicator:m||0,title:"Incorrect"}),s.jsx(C,{indicator:`${f||0}%`,title:"Succ. rate"})]})]})]}),ot=n.styled_default("div")({name:"SponsorLogoWrap",class:"s8p5v5z",propsAsIs:!1}),at=()=>n.n1,lt=n.styled_default(at())({name:"SponsorLogo",class:"s755yti",propsAsIs:!0}),ct=()=>s.jsx(ot,{children:s.jsx(lt,{name:"mastersLogo"})}),dt=n.styled_default("div")({name:"Container",class:"c38csyt",propsAsIs:!1}),ut=n.styled_default("div")({name:"Title",class:"ty221rx",propsAsIs:!1}),pt=n.styled_default("div")({name:"Description",class:"dlaj9xp",propsAsIs:!1}),mt=({title:e,description:t})=>s.jsxs(dt,{children:[s.jsx(n.n1,{name:"icon-check-circle"}),s.jsx(ut,{children:e}),s.jsx(pt,{children:t})]}),ft=n.styled_default("div")({name:"Container",class:"c16sbdnm",propsAsIs:!1}),ht=()=>n.n1,It=n.styled_default(ht())({name:"IconPrediction",class:"ibhorgl",propsAsIs:!0}),B=n.styled_default("div")({name:"FeedbackIconWrap",class:"f1g20ja7",propsAsIs:!1}),H=n.styled_default("div")({name:"FeedbackHeader",class:"f455ozj",propsAsIs:!1}),yt=n.styled_default("span")({name:"FeedbackTitle",class:"f1913njx",propsAsIs:!1}),$=n.styled_default("span")({name:"FeedbackDescription",class:"fzfk69z",propsAsIs:!1}),gt=n.styled_default("div")({name:"FeedbackText",class:"fx87qaj",propsAsIs:!1}),xt=({feedbackMessages:e,questionVotedCorrectly:t,questionVoted:i,questionType:r,hasCorrectAnswer:o,questionStatus:l})=>{const c=i&&(r===n.QuestionType.TRIVIA||r===n.QuestionType.PREDICTION);if(!c&&l!==n.QuestionStatus.RESOLVED||l===n.QuestionStatus.RESOLVED&&r===n.QuestionType.PREDICTION&&!i)return null;const m=r===n.QuestionType.PREDICTION&&!o,u=t?"correct":"incorrect",f=t?e.correctFeedback:e.incorrectFeedback;return s.jsxs(ft,{"data-isPrediction":m,children:[l===n.QuestionStatus.RESOLVED&&r===n.QuestionType.TRIVIA&&!i&&s.jsxs(s.Fragment,{children:[s.jsx(B,{children:s.jsx(n.n1,{name:"questionExpired"})}),s.jsxs("div",{children:[s.jsx(H,{children:s.jsx($,{children:"Question Expired"})}),s.jsx(gt,{children:"You can still answer to see if you're correct, but no points are awarded for expired questions."})]})]}),c&&m&&s.jsxs(s.Fragment,{children:[s.jsx(It,{name:"icon-prediction"}),s.jsx($,{children:"Stay tuned to see if your prediction was correct."})]}),c&&o&&s.jsxs(s.Fragment,{children:[s.jsx(B,{"data-feedbackType":u,children:s.jsx(n.n1,{name:u})}),s.jsx("div",{children:s.jsxs(H,{children:[s.jsx(yt,{"data-feedbackType":u,children:f==null?void 0:f.title}),s.jsx($,{children:f==null?void 0:f.description})]})})]})]})},jt=n.styled_default("div")({name:"Container",class:"c14ielyq",propsAsIs:!1}),vt=n.styled_default("div")({name:"Content",class:"c1tlqx57",propsAsIs:!1}),Mt=n.styled_default("div")({name:"Title",class:"t1hq58md",propsAsIs:!1}),Tt=n.styled_default("div")({name:"Options",class:"o1c8nxcx",propsAsIs:!1}),Nt=n.styled_default("button")({name:"ButtonContainer",class:"b1b6dl8t",propsAsIs:!1}),At=n.styled_default("div")({name:"ButtonPct",class:"b4iik8i",propsAsIs:!1}),St=n.styled_default("span")({name:"ButtonBody",class:"b1gq1lnf",propsAsIs:!1}),Dt=n.styled_default("div")({name:"IconContainer",class:"i1j65z51",propsAsIs:!1}),zt=n.styled_default("div")({name:"IconWrap",class:"i19tpfua",propsAsIs:!1}),me=n.styled_default("img")({name:"Icon",class:"i1tubmma",propsAsIs:!1}),kt=()=>me,Ot=n.styled_default(kt())({name:"IconDefault",class:"i1grrgwj",propsAsIs:!0}),wt=()=>me,_t=n.styled_default(wt())({name:"IconCircle",class:"ibemyq8",propsAsIs:!0}),Ct=n.styled_default("span")({name:"Title",class:"t1dceht",propsAsIs:!1}),bt=n.styled_default("span")({name:"Indicators",class:"i116q4vq",propsAsIs:!1}),Et=n.styled_default("span")({name:"Percentage",class:"p17ajcu2",propsAsIs:!1}),Lt=()=>n.n1,$t=n.styled_default(Lt())({name:"CheckIcon",class:"cu9kmlb",propsAsIs:!0}),G={[n.QuestionImages.CENTERED]:e=>s.jsx(Ot,{alt:"option-icon",src:e}),[n.QuestionImages.TRANSPARENT]:e=>s.jsx(Dt,{children:s.jsx(zt,{style:{backgroundImage:`url(${e})`}})}),[n.QuestionImages.ROUNDED]:e=>s.jsx(_t,{alt:"option-icon",src:e}),[n.QuestionImages.NONE]:()=>null,[n.QuestionImages.UNSET]:()=>null},Rt=({questionType:e,hasCorrectAnswer:t,correct:i,youVoted:r,questionVoted:o})=>{if(e===n.QuestionType.POLL&&r)return"correct";if(e===n.QuestionType.PREDICTION){if(t&&o)return r?i?"correct":"incorrect":"unset";if(r)return"correct"}return e===n.QuestionType.TRIVIA&&o&&r?i?"correct":"incorrect":"unset"},Qt=({questionType:e,questionVoted:t,correct:i,hasCorrectAnswer:r,questionStatus:o})=>e===n.QuestionType.TRIVIA?t&&i:e===n.QuestionType.PREDICTION?t&&i&&r||o===n.QuestionStatus.RESOLVED&&i:!1,Ut=e=>{var t;const{id:i,icon:r,text:o,percentageDecimal:l,onVote:c,youSelected:m,questionVoted:u,imageMode:f,answerTimeExpired:v,questionStatus:g,isLoading:y,questionType:M,correct:N,hasCorrectAnswer:a}=e,d=Rt(e),p=Qt({questionType:M,questionVoted:u,correct:N,hasCorrectAnswer:a,questionStatus:g}),h=g===n.QuestionStatus.RESOLVED&&M===n.QuestionType.PREDICTION,I=u||h;return s.jsxs(Nt,{value:i,"data-selected":m,"data-answerState":d,disabled:u||y||v||h,"data-isNotChecked":u&&!m&&d!=="incorrect",onClick:c,children:[s.jsx(At,{"data-answerState":d,style:{width:`${I?l:0}%`}}),s.jsxs(St,{children:[r&&f&&((t=G[f])==null?void 0:t.call(G,r)),s.jsx(Ct,{children:o}),I&&s.jsxs(bt,{children:[p&&s.jsx($t,{name:"selected"}),s.jsx(Et,{children:s.jsx(n.d,{value:l,suffix:"%"})})]})]})]})};var Z=typeof window>"u"?x.useEffect:x.useLayoutEffect,Pt=({isPlaying:e,duration:t,startAt:i=0,updateInterval:r=0,onComplete:o,onUpdate:l})=>{let[c,m]=x.useState(i),u=x.useRef(0),f=x.useRef(i),v=x.useRef(i*-1e3),g=x.useRef(null),y=x.useRef(null),M=x.useRef(null),N=p=>{let h=p/1e3;if(y.current===null){y.current=h,g.current=requestAnimationFrame(N);return}let I=h-y.current,A=u.current+I;y.current=h,u.current=A;let j=f.current+(r===0?A:(A/r|0)*r),S=f.current+A,T=typeof t=="number"&&S>=t;m(T?t:j),T||(g.current=requestAnimationFrame(N))},a=()=>{g.current&&cancelAnimationFrame(g.current),M.current&&clearTimeout(M.current),y.current=null},d=x.useCallback(p=>{a(),u.current=0;let h=typeof p=="number"?p:i;f.current=h,m(h),e&&(g.current=requestAnimationFrame(N))},[e,i]);return Z(()=>{if(l==null||l(c),t&&c>=t){v.current+=t*1e3;let{shouldRepeat:p=!1,delay:h=0,newStartAt:I}=(o==null?void 0:o(v.current/1e3))||{};p&&(M.current=setTimeout(()=>d(I),h*1e3))}},[c,t]),Z(()=>(e&&(g.current=requestAnimationFrame(N)),a),[e,t,r]),{elapsedTime:c,reset:d}},qt=(e,t,i)=>{let r=e/2,o=t/2,l=r-o,c=2*l,m=i==="clockwise"?"1,0":"0,1",u=2*Math.PI*l;return{path:`m ${r},${o} a ${l},${l} 0 ${m} 0,${c} a ${l},${l} 0 ${m} 0,-${c}`,pathLength:u}},J=(e,t)=>e===0||e===t?0:typeof t=="number"?e-t:0,Yt=e=>({position:"relative",width:e,height:e}),Wt={display:"flex",justifyContent:"center",alignItems:"center",position:"absolute",left:0,top:0,width:"100%",height:"100%"},fe=(e,t,i,r,o)=>{if(r===0)return t;let l=(o?r-e:e)/r;return t+i*l},K=e=>{var t,i;return(i=(t=e.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(r,o,l,c)=>`#${o}${o}${l}${l}${c}${c}`).substring(1).match(/.{2}/g))==null?void 0:t.map(r=>parseInt(r,16)))!=null?i:[]},Ft=(e,t)=>{var i;let{colors:r,colorsTime:o,isSmoothColorTransition:l=!0}=e;if(typeof r=="string")return r;let c=(i=o==null?void 0:o.findIndex((y,M)=>y>=t&&t>=o[M+1]))!=null?i:-1;if(!o||c===-1)return r[0];if(!l)return r[c];let m=o[c]-t,u=o[c]-o[c+1],f=K(r[c]),v=K(r[c+1]),g=!!e.isGrowing;return`rgb(${f.map((y,M)=>fe(m,y,v[M]-y,u,g)|0).join(",")})`},Vt=e=>{let{duration:t,initialRemainingTime:i,updateInterval:r,size:o=180,strokeWidth:l=12,trailStrokeWidth:c,isPlaying:m=!1,isGrowing:u=!1,rotation:f="clockwise",onComplete:v,onUpdate:g}=e,y=x.useRef(),M=Math.max(l,c??0),{path:N,pathLength:a}=qt(o,M,f),{elapsedTime:d}=Pt({isPlaying:m,duration:t,startAt:J(t,i),updateInterval:r,onUpdate:typeof g=="function"?h=>{let I=Math.ceil(t-h);I!==y.current&&(y.current=I,g(I))}:void 0,onComplete:typeof v=="function"?h=>{var I;let{shouldRepeat:A,delay:j,newInitialRemainingTime:S}=(I=v(h))!=null?I:{};if(A)return{shouldRepeat:A,delay:j,newStartAt:J(t,S)}}:void 0}),p=t-d;return{elapsedTime:d,path:N,pathLength:a,remainingTime:Math.ceil(p),rotation:f,size:o,stroke:Ft(e,p),strokeDashoffset:fe(d,0,a,t,u),strokeWidth:l}},he=e=>{let{children:t,strokeLinecap:i,trailColor:r,trailStrokeWidth:o}=e,{path:l,pathLength:c,stroke:m,strokeDashoffset:u,remainingTime:f,elapsedTime:v,size:g,strokeWidth:y}=Vt(e);return x.createElement("div",{style:Yt(g)},x.createElement("svg",{viewBox:`0 0 ${g} ${g}`,width:g,height:g,xmlns:"http://www.w3.org/2000/svg"},x.createElement("path",{d:l,fill:"none",stroke:r??"#d9d9d9",strokeWidth:o??y}),x.createElement("path",{d:l,fill:"none",stroke:m,strokeLinecap:i??"round",strokeWidth:y,strokeDasharray:c,strokeDashoffset:u})),typeof t=="function"&&x.createElement("div",{style:Wt},t({remainingTime:f,elapsedTime:v,color:m})))};he.displayName="CountdownCircleTimer";const Bt=[n.E.PRIMARY_GREEN1,n.E.SECONDARY_RED1,n.E.SECONDARY_RED1,n.E.NEUTRALS_GRAY3],Ht=[10,10,1,0],Gt=n.styled_default("div")({name:"RemainingTime",class:"r165427",propsAsIs:!1}),Zt=n.E.SECONDARY_GREEN6,X=n.E.SECONDARY_RED3,Jt=n.E.NEUTRALS_GRAY3,Kt=({isPlaying:e=!0,duration:t=30,onTimerExpired:i})=>{const[r,o]=x.useState(t>10?Zt:X),l=({remainingTime:u})=>s.jsx(Gt,{children:u}),c=x.useCallback(()=>{i==null||i(),o(Jt)},[i,o]),m=x.useCallback(u=>{u===10&&o(X)},[o]);return s.jsx(he,{isPlaying:e,duration:t,colors:Bt,colorsTime:Ht,size:32,strokeWidth:2,trailStrokeWidth:2,trailColor:r,onComplete:c,onUpdate:m,children:l})},Xt=n.styled_default("div")({name:"WinBarContainer",class:"wie6cqo",propsAsIs:!1}),es=n.styled_default("div")({name:"Content",class:"cgizw4u",propsAsIs:!1}),ts=n.styled_default("div")({name:"Title",class:"t1l3ucjp",propsAsIs:!1}),ss=()=>n.n1,ns=n.styled_default(ss())({name:"WinIcon",class:"wx7j799",propsAsIs:!0}),is=n.styled_default("div")({name:"Points",class:"p4lwuj0",propsAsIs:!1}),rs=n.styled_default("span")({name:"PointsCount",class:"po9i64o",propsAsIs:!1}),os=n.styled_default("span")({name:"PointsUnits",class:"pe5g05h",propsAsIs:!1}),as=({title:e,points:t,isPlayingTimer:i,isTimer:r,questionType:o,timerDuration:l,onTimerExpired:c})=>s.jsxs(Xt,{children:[s.jsxs(es,{children:[e&&s.jsx(ts,{children:e}),t!==void 0&&o!==n.QuestionType.POLL&&s.jsxs(s.Fragment,{children:[s.jsx(ns,{name:"icon-trophy"}),s.jsxs(is,{children:[s.jsx(rs,{children:s.jsx(n.d,{value:t})}),s.jsx(os,{children:"PTS"})]})]})]}),r&&s.jsx(Kt,{isPlaying:i,onTimerExpired:c,duration:l})]}),ls=({openedQuestion:e,isLoading:t,vote:i,close:r})=>{var o,l;const c=e.subject,m=e.type,u=(o=e.options)==null?void 0:o.options,[f,v]=x.useState(!1),[g,y]=x.useState(""),M=e==null?void 0:e.id,N=x.useCallback(async T=>{if(M){const D=T.currentTarget.value;y(D),await i(M,D)}},[M,y,i]),a=x.useCallback(()=>{v(!0),setTimeout(r,3e3)},[r]),d=x.useMemo(()=>e==null?void 0:e.answers.find(T=>T.youVoted===!0),[e]),p=x.useMemo(()=>!!(e!=null&&e.answers.find(T=>T.correct===!0)),[e]),h=x.useMemo(()=>e==null?void 0:e.answers.find(T=>T.correct===!0),[e]),I=x.useMemo(()=>e?e.answers.map(T=>{var D;return{...T,questionVoted:!!d,youSelected:g===T.id,isLoading:t,hasCorrectAnswer:p,questionType:e.type,answerTimeExpired:f,questionStatus:e.status,imageMode:(D=e.appearance)==null?void 0:D.images,onVote:N}}):[],[p,f,t,e,d,N,g]),A=u&&(u.case==="trivia"||u.case==="prediction")?u.value:void 0,j=x.useMemo(()=>{if(e.status===n.QuestionStatus.RESOLVED)return 0;if(!f)return d?d.correct?d.points:0:h==null?void 0:h.points},[f,d,h,e.status]),S=x.useMemo(()=>f?"Time expired":e.type===n.QuestionType.POLL?"Time remaining":d?"You won":"To win",[f,e.type,d]);return s.jsx(n.r,{"data-question-header":"true",children:s.jsx(jt,{children:s.jsxs(vt,{children:[A&&s.jsx(xt,{feedbackMessages:A,questionVoted:!!d,questionVotedCorrectly:d==null?void 0:d.correct,questionType:m,hasCorrectAnswer:p,questionStatus:e.status}),e.type!==n.QuestionType.PREDICTION&&s.jsx(as,{title:S,points:j,onTimerExpired:a,questionType:e.type,isTimer:!t,isPlayingTimer:!d,timerDuration:d?0:Number(((l=e==null?void 0:e.appearance)==null?void 0:l.autoHideInterval)||"30")}),f?s.jsx(mt,{title:"More to come...",description:"Watch for additional enhanced stream interactive experience."}):s.jsxs(s.Fragment,{children:[s.jsx(Mt,{"data-isPrediction":e.type===n.QuestionType.PREDICTION,children:c}),s.jsx(Tt,{children:I.map(T=>s.jsx(Ut,{...T},T.id))})]})]})})})},cs=n.styled_default("div")({name:"Container",class:"cgn5uen",propsAsIs:!1}),ds=n.styled_default("div")({name:"Content",class:"c1px8nt6",propsAsIs:!1}),us=n.styled_default("h3")({name:"Title",class:"t5et2jt",propsAsIs:!1}),ps=n.styled_default("div")({name:"Description",class:"d1i2kpk2",propsAsIs:!1}),ms=n.styled_default("div")({name:"DateWrap",class:"dd3lh3p",propsAsIs:!1}),fs=n.styled_default("img")({name:"Image",class:"i1gfjeu5",propsAsIs:!1}),Ie=({created:e,image:t,title:i,instantView:r})=>{const o=x.useMemo(()=>{if(e){const c=new Date(e);if(Ee(c))return{date:Ce(c),time:be(c)}}return null},[e]),l=(r==null?void 0:r.image)||t;return s.jsxs(cs,{children:[o&&s.jsxs(ms,{children:[o.date," · ",o.time]}),(r==null?void 0:r.video)&&s.jsx(n.w,{source:r.video.url,poster:r.video.thumbnailUrl}),l&&!(r!=null&&r.video)&&s.jsx(fs,{src:l}),s.jsxs(ds,{children:[s.jsx(us,{children:(r==null?void 0:r.heading)||i}),s.jsx(ps,{children:r==null?void 0:r.body})]})]})},hs=n.styled_default("div")({name:"Container",class:"c1euiow",propsAsIs:!1}),Is=n.styled_default("a")({name:"WebLinkBtn",class:"w19zie3h",propsAsIs:!1}),ys=({instantView:e,...t})=>s.jsxs(hs,{children:[s.jsx(Ie,{instantView:e,...t}),(e==null?void 0:e.webLink)&&s.jsxs(Is,{href:e==null?void 0:e.webLink.url,target:"_blank",children:["Explore more of the Masters History",s.jsx(n.n1,{name:"icon-external-link"})]})]}),gs=n.styled_default("div")({name:"QuestionContainer",class:"qdri6g3",propsAsIs:!1}),xs=({openedQuestion:e})=>{var t;return((t=e==null?void 0:e.attributes)==null?void 0:t.attributes.case)==="insight"?s.jsx(ys,{created:e.attributes.created,...e.attributes.attributes.value}):null},js=({extendedQuestion:e,vote:t,close:i})=>{const{loading:r,data:o}=e;return o?s.jsx(ls,{vote:t,close:i,openedQuestion:o,isLoading:!!r}):null},vs=({gamification:e})=>{var t;const i=n.useStore(e.openedQuestion.$store),r=n.useStore(e.openedQuestion.$extendedStore);if(!i)return null;const o=i.type;return s.jsxs(gs,{children:[s.jsx(ce,{close:e.closeQuestion,type:((t=i.attributes)==null?void 0:t.type)||n.QuestionType.UNSET}),o==="question"&&s.jsx(js,{vote:e.submitAnswer,close:e.closeQuestion,extendedQuestion:r}),o!=="question"&&s.jsx(xs,{openedQuestion:i}),s.jsx(ct,{sponsorLogo:""})]})},Ms=n.styled_default("div")({name:"Container",class:"c115qtkr",propsAsIs:!1}),Ts=n.styled_default("div")({name:"STabs",class:"sxnslc8",propsAsIs:!1}),Ns=n.styled_default("button")({name:"Button",class:"b1umzux0",propsAsIs:!1}),As=n.styled_default("span")({name:"Title",class:"tspsaas",propsAsIs:!1});var E=(e=>(e.HOME="home",e.LEADERBOARD="leaderboard",e))(E||{});const ee=({title:e,active:t,onClick:i})=>s.jsx(Ns,{onClick:i,"data-selected":t,children:s.jsx(As,{children:e})}),Ss=({activePage:e="home",toggleActivePage:t})=>s.jsx(Ms,{children:s.jsxs(Ts,{"data-position":e==="home"?"left":"right",children:[s.jsx(ee,{title:"Home",active:e==="home",onClick:()=>t("home")}),s.jsx(ee,{title:"Leader Board",active:e==="leaderboard",onClick:()=>t("leaderboard")})]})});function U(){return U=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(e[r]=i[r])}return e},U.apply(this,arguments)}function te(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function P(e,t){return P=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,o){return r.__proto__=o,r},P(e,t)}function Ds(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,P(e,t)}var se=Number.isNaN||function(t){return typeof t=="number"&&t!==t};function zs(e,t){return!!(e===t||se(e)&&se(t))}function ks(e,t){if(e.length!==t.length)return!1;for(var i=0;i<e.length;i++)if(!zs(e[i],t[i]))return!1;return!0}function R(e,t){t===void 0&&(t=ks);var i,r=[],o,l=!1;function c(){for(var m=[],u=0;u<arguments.length;u++)m[u]=arguments[u];return l&&i===this&&t(m,r)||(o=e.apply(this,m),l=!0,i=this,r=m),o}return c}var Os=typeof performance=="object"&&typeof performance.now=="function",ne=Os?function(){return performance.now()}:function(){return Date.now()};function ie(e){cancelAnimationFrame(e.id)}function ws(e,t){var i=ne();function r(){ne()-i>=t?e.call(null):o.id=requestAnimationFrame(r)}var o={id:requestAnimationFrame(r)};return o}var Q=-1;function re(e){if(e===void 0&&(e=!1),Q===-1||e){var t=document.createElement("div"),i=t.style;i.width="50px",i.height="50px",i.overflow="scroll",document.body.appendChild(t),Q=t.offsetWidth-t.clientWidth,document.body.removeChild(t)}return Q}var k=null;function oe(e){if(e===void 0&&(e=!1),k===null||e){var t=document.createElement("div"),i=t.style;i.width="50px",i.height="50px",i.overflow="scroll",i.direction="rtl";var r=document.createElement("div"),o=r.style;return o.width="100px",o.height="100px",t.appendChild(r),document.body.appendChild(t),t.scrollLeft>0?k="positive-descending":(t.scrollLeft=1,t.scrollLeft===0?k="negative":k="positive-ascending"),document.body.removeChild(t),k}return k}var _s=150,Cs=function(t,i){return t};function bs(e){var t,i=e.getItemOffset,r=e.getEstimatedTotalSize,o=e.getItemSize,l=e.getOffsetForIndexAndAlignment,c=e.getStartIndexForOffset,m=e.getStopIndexForStartIndex,u=e.initInstanceProps,f=e.shouldResetStyleCacheOnItemSizeChange,v=e.validateProps;return t=function(g){Ds(y,g);function y(N){var a;return a=g.call(this,N)||this,a._instanceProps=u(a.props,te(a)),a._outerRef=void 0,a._resetIsScrollingTimeoutId=null,a.state={instance:te(a),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof a.props.initialScrollOffset=="number"?a.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},a._callOnItemsRendered=void 0,a._callOnItemsRendered=R(function(d,p,h,I){return a.props.onItemsRendered({overscanStartIndex:d,overscanStopIndex:p,visibleStartIndex:h,visibleStopIndex:I})}),a._callOnScroll=void 0,a._callOnScroll=R(function(d,p,h){return a.props.onScroll({scrollDirection:d,scrollOffset:p,scrollUpdateWasRequested:h})}),a._getItemStyle=void 0,a._getItemStyle=function(d){var p=a.props,h=p.direction,I=p.itemSize,A=p.layout,j=a._getItemStyleCache(f&&I,f&&A,f&&h),S;if(j.hasOwnProperty(d))S=j[d];else{var T=i(a.props,d,a._instanceProps),D=o(a.props,d,a._instanceProps),z=h==="horizontal"||A==="horizontal",w=h==="rtl",_=z?T:0;j[d]=S={position:"absolute",left:w?void 0:_,right:w?_:void 0,top:z?0:T,height:z?"100%":D,width:z?D:"100%"}}return S},a._getItemStyleCache=void 0,a._getItemStyleCache=R(function(d,p,h){return{}}),a._onScrollHorizontal=function(d){var p=d.currentTarget,h=p.clientWidth,I=p.scrollLeft,A=p.scrollWidth;a.setState(function(j){if(j.scrollOffset===I)return null;var S=a.props.direction,T=I;if(S==="rtl")switch(oe()){case"negative":T=-I;break;case"positive-descending":T=A-h-I;break}return T=Math.max(0,Math.min(T,A-h)),{isScrolling:!0,scrollDirection:j.scrollOffset<I?"forward":"backward",scrollOffset:T,scrollUpdateWasRequested:!1}},a._resetIsScrollingDebounced)},a._onScrollVertical=function(d){var p=d.currentTarget,h=p.clientHeight,I=p.scrollHeight,A=p.scrollTop;a.setState(function(j){if(j.scrollOffset===A)return null;var S=Math.max(0,Math.min(A,I-h));return{isScrolling:!0,scrollDirection:j.scrollOffset<S?"forward":"backward",scrollOffset:S,scrollUpdateWasRequested:!1}},a._resetIsScrollingDebounced)},a._outerRefSetter=function(d){var p=a.props.outerRef;a._outerRef=d,typeof p=="function"?p(d):p!=null&&typeof p=="object"&&p.hasOwnProperty("current")&&(p.current=d)},a._resetIsScrollingDebounced=function(){a._resetIsScrollingTimeoutId!==null&&ie(a._resetIsScrollingTimeoutId),a._resetIsScrollingTimeoutId=ws(a._resetIsScrolling,_s)},a._resetIsScrolling=function(){a._resetIsScrollingTimeoutId=null,a.setState({isScrolling:!1},function(){a._getItemStyleCache(-1,null)})},a}y.getDerivedStateFromProps=function(a,d){return Es(a,d),v(a),null};var M=y.prototype;return M.scrollTo=function(a){a=Math.max(0,a),this.setState(function(d){return d.scrollOffset===a?null:{scrollDirection:d.scrollOffset<a?"forward":"backward",scrollOffset:a,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},M.scrollToItem=function(a,d){d===void 0&&(d="auto");var p=this.props,h=p.itemCount,I=p.layout,A=this.state.scrollOffset;a=Math.max(0,Math.min(a,h-1));var j=0;if(this._outerRef){var S=this._outerRef;I==="vertical"?j=S.scrollWidth>S.clientWidth?re():0:j=S.scrollHeight>S.clientHeight?re():0}this.scrollTo(l(this.props,a,d,A,this._instanceProps,j))},M.componentDidMount=function(){var a=this.props,d=a.direction,p=a.initialScrollOffset,h=a.layout;if(typeof p=="number"&&this._outerRef!=null){var I=this._outerRef;d==="horizontal"||h==="horizontal"?I.scrollLeft=p:I.scrollTop=p}this._callPropsCallbacks()},M.componentDidUpdate=function(){var a=this.props,d=a.direction,p=a.layout,h=this.state,I=h.scrollOffset,A=h.scrollUpdateWasRequested;if(A&&this._outerRef!=null){var j=this._outerRef;if(d==="horizontal"||p==="horizontal")if(d==="rtl")switch(oe()){case"negative":j.scrollLeft=-I;break;case"positive-ascending":j.scrollLeft=I;break;default:var S=j.clientWidth,T=j.scrollWidth;j.scrollLeft=T-S-I;break}else j.scrollLeft=I;else j.scrollTop=I}this._callPropsCallbacks()},M.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&ie(this._resetIsScrollingTimeoutId)},M.render=function(){var a=this.props,d=a.children,p=a.className,h=a.direction,I=a.height,A=a.innerRef,j=a.innerElementType,S=a.innerTagName,T=a.itemCount,D=a.itemData,z=a.itemKey,w=z===void 0?Cs:z,_=a.layout,ye=a.outerElementType,ge=a.outerTagName,xe=a.style,je=a.useIsScrolling,ve=a.width,q=this.state.isScrolling,L=h==="horizontal"||_==="horizontal",Me=L?this._onScrollHorizontal:this._onScrollVertical,Y=this._getRangeToRender(),Te=Y[0],Ne=Y[1],W=[];if(T>0)for(var O=Te;O<=Ne;O++)W.push(x.createElement(d,{data:D,key:w(O,D),index:O,isScrolling:je?q:void 0,style:this._getItemStyle(O)}));var F=r(this.props,this._instanceProps);return x.createElement(ye||ge||"div",{className:p,onScroll:Me,ref:this._outerRefSetter,style:U({position:"relative",height:I,width:ve,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:h},xe)},x.createElement(j||S||"div",{children:W,ref:A,style:{height:L?"100%":F,pointerEvents:q?"none":void 0,width:L?F:"100%"}}))},M._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var a=this.props.itemCount;if(a>0){var d=this._getRangeToRender(),p=d[0],h=d[1],I=d[2],A=d[3];this._callOnItemsRendered(p,h,I,A)}}if(typeof this.props.onScroll=="function"){var j=this.state,S=j.scrollDirection,T=j.scrollOffset,D=j.scrollUpdateWasRequested;this._callOnScroll(S,T,D)}},M._getRangeToRender=function(){var a=this.props,d=a.itemCount,p=a.overscanCount,h=this.state,I=h.isScrolling,A=h.scrollDirection,j=h.scrollOffset;if(d===0)return[0,0,0,0];var S=c(this.props,j,this._instanceProps),T=m(this.props,S,j,this._instanceProps),D=!I||A==="backward"?Math.max(1,p):1,z=!I||A==="forward"?Math.max(1,p):1;return[Math.max(0,S-D),Math.max(0,Math.min(d-1,T+z)),S,T]},y}(x.PureComponent),t.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},t}var Es=function(t,i){t.children,t.direction,t.height,t.layout,t.innerTagName,t.outerTagName,t.width,i.instance},Ls=bs({getItemOffset:function(t,i){var r=t.itemSize;return i*r},getItemSize:function(t,i){var r=t.itemSize;return r},getEstimatedTotalSize:function(t){var i=t.itemCount,r=t.itemSize;return r*i},getOffsetForIndexAndAlignment:function(t,i,r,o,l,c){var m=t.direction,u=t.height,f=t.itemCount,v=t.itemSize,g=t.layout,y=t.width,M=m==="horizontal"||g==="horizontal",N=M?y:u,a=Math.max(0,f*v-N),d=Math.min(a,i*v),p=Math.max(0,i*v-N+v+c);switch(r==="smart"&&(o>=p-N&&o<=d+N?r="auto":r="center"),r){case"start":return d;case"end":return p;case"center":{var h=Math.round(p+(d-p)/2);return h<Math.ceil(N/2)?0:h>a+Math.floor(N/2)?a:h}case"auto":default:return o>=p&&o<=d?o:o<p?p:d}},getStartIndexForOffset:function(t,i){var r=t.itemCount,o=t.itemSize;return Math.max(0,Math.min(r-1,Math.floor(i/o)))},getStopIndexForStartIndex:function(t,i,r){var o=t.direction,l=t.height,c=t.itemCount,m=t.itemSize,u=t.layout,f=t.width,v=o==="horizontal"||u==="horizontal",g=i*m,y=v?f:l,M=Math.ceil((y+r-g)/m);return Math.max(0,Math.min(c-1,i+M-1))},initInstanceProps:function(t){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(t){t.itemSize}});function $s(e){var t=e.lastRenderedStartIndex,i=e.lastRenderedStopIndex,r=e.startIndex,o=e.stopIndex;return!(r>i||o<t)}function Rs(e){for(var t=e.isItemLoaded,i=e.itemCount,r=e.minimumBatchSize,o=e.startIndex,l=e.stopIndex,c=[],m=null,u=null,f=o;f<=l;f++){var v=t(f);v?u!==null&&(c.push(m,u),m=u=null):(u=f,m===null&&(m=f))}if(u!==null){for(var g=Math.min(Math.max(u,m+r-1),i-1),y=u+1;y<=g&&!t(y);y++)u=y;c.push(m,u)}if(c.length)for(;c[1]-c[0]+1<r&&c[0]>0;){var M=c[0]-1;if(!t(M))c[0]=M;else break}return c}var Qs=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")},Us=function(){function e(t,i){for(var r=0;r<i.length;r++){var o=i[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(t,i,r){return i&&e(t.prototype,i),r&&e(t,r),t}}(),Ps=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)},ae=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},qs=function(e){Ps(t,e);function t(){var i,r,o,l;Qs(this,t);for(var c=arguments.length,m=Array(c),u=0;u<c;u++)m[u]=arguments[u];return l=(r=(o=ae(this,(i=t.__proto__||Object.getPrototypeOf(t)).call.apply(i,[this].concat(m))),o),o._lastRenderedStartIndex=-1,o._lastRenderedStopIndex=-1,o._memoizedUnloadedRanges=[],o._onItemsRendered=function(f){var v=f.visibleStartIndex,g=f.visibleStopIndex;o._lastRenderedStartIndex=v,o._lastRenderedStopIndex=g,o._ensureRowsLoaded(v,g)},o._setRef=function(f){o._listRef=f},r),ae(o,l)}return Us(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,o){var l=this.props,c=l.isItemLoaded,m=l.itemCount,u=l.minimumBatchSize,f=u===void 0?10:u,v=l.threshold,g=v===void 0?15:v,y=Rs({isItemLoaded:c,itemCount:m,minimumBatchSize:f,startIndex:Math.max(0,r-g),stopIndex:Math.min(m-1,o+g)});(this._memoizedUnloadedRanges.length!==y.length||this._memoizedUnloadedRanges.some(function(M,N){return y[N]!==M}))&&(this._memoizedUnloadedRanges=y,this._loadUnloadedRanges(y))}},{key:"_loadUnloadedRanges",value:function(r){for(var o=this,l=this.props.loadMoreItems||this.props.loadMoreRows,c=function(f){var v=r[f],g=r[f+1],y=l(v,g);y!=null&&y.then(function(){if($s({lastRenderedStartIndex:o._lastRenderedStartIndex,lastRenderedStopIndex:o._lastRenderedStopIndex,startIndex:v,stopIndex:g})){if(o._listRef==null)return;typeof o._listRef.resetAfterIndex=="function"?o._listRef.resetAfterIndex(v,!0):(typeof o._listRef._getItemStyleCache=="function"&&o._listRef._getItemStyleCache(-1),o._listRef.forceUpdate())}})},m=0;m<r.length;m+=2)c(m)}}]),t}(x.PureComponent);const Ys=n.styled_default("div")({name:"Container",class:"culdu4a",propsAsIs:!1}),Ws=n.styled_default("div")({name:"Position",class:"pwf8e69",propsAsIs:!1}),Fs=n.styled_default("img")({name:"Avatar",class:"atf4yh4",propsAsIs:!1}),Vs=n.styled_default("div")({name:"AvatarPlaceholder",class:"a1dg29ja",propsAsIs:!1}),Bs=n.styled_default("div")({name:"Content",class:"c10a68rc",propsAsIs:!1}),Hs=n.styled_default("div")({name:"NameContainer",class:"nc4kck5",propsAsIs:!1}),Gs=n.styled_default("span")({name:"Name",class:"njsrqgr",propsAsIs:!1}),Zs=()=>n.n1,Js=n.styled_default(Zs())({name:"CurrentUserBadge",class:"c17uc4zr",propsAsIs:!0}),Ks=({rank:e,avatar:t,name:i,points:r,isCurrentUser:o,openItemDetail:l,style:c})=>s.jsxs(Ys,{onClick:l,style:c,children:[s.jsx(Ws,{children:e||0}),s.jsxs(Bs,{children:[t?s.jsx(Fs,{alt:"leaderboard-item-avatar",src:t}):s.jsx(Vs,{children:de(i||"")}),s.jsxs(Hs,{children:[s.jsx(Gs,{children:i||""}),o&&s.jsx(Js,{name:"icon-star"})]})]}),s.jsx("div",{children:ue(r)})]}),Xs=n.styled_default("div")({name:"ScrollContainer",class:"s13d8sg6",propsAsIs:!1}),en=({items:e,currentUserId:t,openItemDetail:i,fetchMore:r})=>s.jsx(n.AutoSizer,{children:({width:o,height:l})=>s.jsx(qs,{isItemLoaded:c=>c<e.length,itemCount:e.length+1,loadMoreItems:r,children:({onItemsRendered:c,ref:m})=>s.jsx(Xs,{children:s.jsx(Ls,{itemSize:56,onItemsRendered:c,ref:m,itemCount:e.length,width:o,height:l,children:({index:u,style:f})=>s.jsx(Ks,{style:{...f,maxHeight:48},...e[u],openItemDetail:()=>i(e[u].userId),isCurrentUser:!!t&&t===e[u].userId},e[u].userId)})})})}),tn=({deepLink:e})=>{const{data:t}=n.useStore(e.$store),i=t==null?void 0:t.url,r=e.desktopLink;return s.jsx(n.O,{inviteLink:i||r,socialLinks:[{icon:"icon-facebook",link:"https://www.facebook.com/TheMasters",label:"Facebook"},{icon:"icon-twitter",link:"https://twitter.com/@TheMasters",label:"X"}],inviteCardTitle:"It’s more fun with friends",inviteCardSubtext:"Invite and compete against your friends for the top spot on the leaderboard."})},sn=({gamification:e})=>{const{data:t}=n.useStore(e.leaderboardList.$store);return t!=null&&t.length?s.jsx(en,{fetchMore:e.leaderboardList.fetchMore,items:t,openItemDetail:e.openUser,currentUserId:e.currentUserId.get()}):s.jsx(tn,{deepLink:e.deepLink})},nn=n.styled_default("div")({name:"QuestionItem",class:"q1w97g3p",propsAsIs:!1}),rn=n.styled_default("div")({name:"QuestionCaption",class:"q2sl39u",propsAsIs:!1}),on=n.styled_default("div")({name:"QuestionBody",class:"qd5h0uc",propsAsIs:!1}),an=n.styled_default("div")({name:"QuestionAction",class:"q105uluy",propsAsIs:!1}),ln=()=>n.n1,b=n.styled_default(ln())({name:"QuestionActionIcon",class:"q1fa0b9h",propsAsIs:!0}),cn=()=>n.n1,dn=n.styled_default(cn())({name:"QuestionTypeIcon",class:"qxlt78s",propsAsIs:!0}),un=n.styled_default("div")({name:"QuestionTypeLabel",class:"qmg0vkx",propsAsIs:!1}),pn=n.styled_default("div")({name:"QuestionContent",class:"q1uz5j1g",propsAsIs:!1}),mn=n.styled_default("button")({name:"PlayButton",class:"p1pba9p1",propsAsIs:!1}),fn={[n.PickHistoryStatus.LOST]:s.jsx(b,{name:"incorrectVoted"}),[n.PickHistoryStatus.WON]:s.jsx(b,{name:"icon-check"}),[n.PickHistoryStatus.UNSET]:s.jsx(b,{name:"icon-arrow"}),[n.PickHistoryStatus.DNP]:s.jsx(b,{name:"icon-arrow"})},hn=({questionId:e,questionType:t,questionStatus:i,subject:r,openForVoting:o,openQuestion:l,status:c})=>{const m=n.o[t],u=fn[c];return m?s.jsxs(nn,{onClick:()=>l==null?void 0:l(e),children:[s.jsxs(pn,{children:[s.jsxs(rn,{children:[s.jsx(dn,{"data-type-trivia":t===n.QuestionType.TRIVIA,"data-type-poll":t===n.QuestionType.POLL,name:m.iconName}),s.jsxs(un,{children:[m.label,t===n.QuestionType.TRIVIA&&i===n.QuestionStatus.RESOLVED&&" • Expired"]})]}),s.jsx(on,{children:r||""})]}),s.jsx(an,{children:o?s.jsx(mn,{children:"Play"}):u})]}):null},In=n.styled_default("div")({name:"Container",class:"cll3md7",propsAsIs:!1}),yn=n.styled_default("button")({name:"ActionBtn",class:"a10g1iik",propsAsIs:!1}),gn=({openInsight:e,questionId:t,...i})=>s.jsxs(In,{children:[s.jsx(Ie,{questionId:t,...i}),e&&s.jsx(yn,{onClick:()=>e(t),children:"View Insight"})]}),xn=n.styled_default("div")({name:"QuestionsContainer",class:"qvghv3l",propsAsIs:!1}),jn=({questions:e,openQuestion:t})=>s.jsx(xn,{children:e==null?void 0:e.map(i=>{var r,o;if(i.type==="question"&&((r=i.attributes)==null?void 0:r.attributes.case)==="question"){const l=i.attributes.attributes.value;return s.jsx(hn,{openQuestion:t,...l},l.questionId)}if(i.type==="insight"&&((o=i.attributes)==null?void 0:o.attributes.case)==="insight"){const l=i.attributes.attributes.value;return s.jsx(gn,{openInsight:t,...l},l.questionId)}return null})}),vn=({store:e,openQuestion:t})=>{const i=n.useStore(e);return i!=null&&i.data?s.jsx(jn,{openQuestion:t,questions:i.data}):s.jsx("div",{children:"wait questions..."})},Mn=({userSummary:e})=>{var t;const[i,r]=x.useState(void 0);return x.useEffect(()=>{const o=e.subscribe(l=>{l!=null&&l.data&&r(l.data)});return()=>{o()}},[e]),i!=null&&i.summary?s.jsx(pe,{...i.summary,successRate:(t=i.percentage)==null?void 0:t.correct}):s.jsx("div",{children:"wait user..."})},Tn=({gamification:e})=>{const[t,i]=x.useState(E.HOME);return s.jsxs("div",{style:{height:"100%",display:"flex",flexDirection:"column",overflow:"hidden"},children:[s.jsx(n.a,{style:{paddingBottom:"4px"},children:s.jsx(Ss,{activePage:t,toggleActivePage:i})}),t===E.HOME&&s.jsxs(n.r,{children:[s.jsx(n.a,{style:{paddingTop:"12px"},children:s.jsx(Mn,{userSummary:e.userSummary})}),s.jsx(n.n,{children:s.jsx(vn,{openQuestion:e.openQuestion,store:e.feedList.getStore()})})]}),t===E.LEADERBOARD&&s.jsx("div",{className:"c1bp9dj2",children:s.jsx(sn,{gamification:e})})]})},Nn=()=>n.f,le=n.styled_default(Nn())({name:"OpenedContainer",class:"oar61gl",propsAsIs:!0}),An=n.styled_default("div")({name:"UserContainer",class:"u14zaal4",propsAsIs:!1}),Sn=({correct:e,incorrect:t})=>{const i=e+t;return i===0?0:Math.round(e/i*100)},Dn=({gamification:e,className:t})=>{const i=n.useStore(e.openedQuestion.$store),r=n.useStore(e.openedUser);return s.jsxs(s.Fragment,{children:[i&&s.jsx(le,{className:t,children:s.jsx(vs,{gamification:e})}),r&&s.jsx(le,{className:t,children:s.jsxs(An,{children:[s.jsx(ce,{label:"Friend's Rank",close:e.closeUser}),s.jsx(n.a,{children:s.jsx(pe,{...r,successRate:Sn(r)})})]})}),s.jsx(n.r,{className:t,"data-nav":"true",children:s.jsx(Tn,{gamification:e})})]})};exports.default=Dn;