@streamlayer/react 0.32.6 → 0.32.7

package/lib/cjs/gamification-feature.js

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