npm - @streamlayer/react - Versions diffs - 0.32.8 → 0.32.9 - Mend

@streamlayer/react 0.32.8 → 0.32.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/lib/cjs/gamification-feature.js +1 -1
package/lib/dist/cjs/gamification-feature.js +1 -1
package/lib/dist/es/gamification-feature.js +117 -111
package/lib/es/gamification-feature.js +301 -295
package/package.json +3 -3

package/lib/cjs/gamification-feature.js CHANGED Viewed

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

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

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