@streamlayer/react 0.37.0 → 0.37.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/lib/cjs/app.js +1 -1
  2. package/lib/cjs/gamification-feature.js +2 -2
  3. package/lib/cjs/index2.js +13 -3
  4. package/lib/cjs/masters.js +1 -1
  5. package/lib/cjs/masters2.js +30 -30
  6. package/lib/cjs/points.js +1 -1
  7. package/lib/cjs/useSdkFeature.js +1 -1
  8. package/lib/cjs/useStreamLayerApp.js +1 -1
  9. package/lib/dist/cjs/gamification-feature.js +2 -2
  10. package/lib/dist/cjs/masters.js +76 -65
  11. package/lib/dist/es/gamification-feature.js +611 -610
  12. package/lib/dist/es/index.js +1 -1
  13. package/lib/dist/es/masters.js +22672 -20022
  14. package/lib/dist/index.d.ts +55 -55
  15. package/lib/dist/style.css +1 -1
  16. package/lib/es/app.js +5 -5
  17. package/lib/es/gamification-feature.js +614 -614
  18. package/lib/es/index2.js +59 -24
  19. package/lib/es/masters.js +4 -3
  20. package/lib/es/masters2.js +5728 -5677
  21. package/lib/es/points.js +21 -22
  22. package/lib/es/useSdkFeature.js +112 -97
  23. package/lib/es/useStreamLayerApp.js +1 -1
  24. package/lib/style.css +1 -1
  25. package/package.json +14 -14
  26. package/lib/cjs/index3.js +0 -1
  27. package/lib/es/index3.js +0 -19
package/lib/cjs/app.js CHANGED
@@ -1 +1 @@
1
- "use strict";const e=require("react/jsx-runtime"),r=require("./index2.js"),s=require("react"),n=()=>null,i=()=>{const{sdk:t}=s.useContext(r.StreamLayerContext);return t},S=()=>{const{sdk:t,status:a}=s.useContext(r.StreamLayerContext);if(a===r.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return a===r.StreamLayerStatus.CONNECTED?e.jsx("div",{className:"StreamLayerSDK",children:"wait"}):t===null?e.jsx("div",{className:"StreamLayerSDK",children:"sdk not initialized"}):e.jsx("div",{className:"StreamLayerSDK",children:e.jsx(r.s,{children:e.jsx(n,{sdk:t})})})};exports.StreamLayerSDKReact=S;exports.useStreamLayer=i;
1
+ "use strict";const e=require("react/jsx-runtime"),r=require("./index2.js"),s=require("react"),n=()=>null,i=()=>{const{sdk:t}=s.useContext(r.StreamLayerContext);return t},S=()=>{const{sdk:t,status:a}=s.useContext(r.StreamLayerContext);if(a===r.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return a===r.StreamLayerStatus.CONNECTED?e.jsx("div",{className:"StreamLayerSDK",children:"wait"}):t===null?e.jsx("div",{className:"StreamLayerSDK",children:"sdk not initialized"}):e.jsx("div",{className:"StreamLayerSDK",children:e.jsx(r.p,{children:e.jsx(n,{sdk:t})})})};exports.StreamLayerSDKReact=S;exports.useStreamLayer=i;
package/lib/cjs/gamification-feature.js CHANGED
@@ -1,5 +1,5 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./useSdkFeature.js"),R=require("@nanostores/react"),h=require("react"),j=require("./masters2.js"),u=require("@streamlayer/sdk-web-types"),z=require("./index3.js");require("react-countup");const he=require("react-countdown-circle-timer"),q=require("./index2.js"),fe=require("react-infinite-scroller");require("@streamlayer/sdk-web-interfaces");require("@streamlayer/sdk-web-notifications");require("lodash.throttle");require("./useStreamLayerApp.js");require("@streamlayer/sdk-web");const xe=t.styled_default("div")({name:"Container",class:"c1vwopgc",propsAsIs:!1}),ye=t.styled_default("div")({name:"QuestionTypeWrap",class:"qyktpt0",propsAsIs:!1}),Ie=()=>t.c1,ve=t.styled_default(Ie())({name:"QuestionTypeIcon",class:"q951jdx",propsAsIs:!0}),je=t.styled_default("span")({name:"QuestionTypeTitle",class:"qss5f0e",propsAsIs:!1}),Ce=t.styled_default("button")({name:"CloseButton",class:"c1ao1jtv",propsAsIs:!1}),Ae=()=>t.c1,ge=t.styled_default(Ae())({name:"CloseIcon",class:"cvsl7l3",propsAsIs:!0}),ne=({type:s,close:n,label:i})=>{const o=s?j.o[s]:{label:i,iconName:void 0};return e.jsxs(xe,{children:[e.jsxs(ye,{children:[(o==null?void 0:o.iconName)&&e.jsx(ve,{"data-type-trivia":s===u.QuestionType.TRIVIA,"data-type-poll":s===u.QuestionType.POLL,name:o.iconName}),(o==null?void 0:o.label)&&e.jsx(je,{children:o.label})]}),e.jsx(Ce,{onClick:n,children:e.jsx(ge,{name:"icon-cross"})})]})},ie=s=>s.split(/\s+/).map(n=>n[0]).join("").toUpperCase(),oe=s=>s?s.toLocaleString("en-US"):"0",H=s=>s.toLocaleDateString("en-US",{weekday:"short",month:"short",day:"numeric"}),W=s=>s.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"}),Y=s=>!isNaN(s.getTime()),_e=t.styled_default("div")({name:"Container",class:"c1zy8a",propsAsIs:!1}),$e=t.styled_default("div")({name:"Title",class:"t1vih9p5",propsAsIs:!1}),be=t.styled_default("div")({name:"Indicator",class:"i1fbnvpb",propsAsIs:!1}),K=({indicator:s,title:n})=>e.jsxs(_e,{children:[e.jsx($e,{children:n}),e.jsx(be,{children:s})]}),Te=t.styled_default("div")({name:"Container",class:"ctmhwyc",propsAsIs:!1}),Se=t.styled_default("div")({name:"Indicator",class:"i1jri200",propsAsIs:!1}),we=t.styled_default("div")({name:"Title",class:"t8s05oq",propsAsIs:!1}),V=({indicator:s,title:n})=>e.jsxs(Te,{children:[e.jsx(Se,{children:s}),e.jsx(we,{children:n})]}),Re=t.styled_default("div")({name:"Container",class:"c1yrpn9o",propsAsIs:!1}),ke=t.styled_default("div")({name:"TopInfo",class:"t17fwahh",propsAsIs:!1}),qe=t.styled_default("div")({name:"BottomInfo",class:"by6w7e9",propsAsIs:!1}),Qe=t.styled_default("div")({name:"User",class:"u1g7arbm",propsAsIs:!1}),Ee=t.styled_default("img")({name:"Avatar",class:"a1ldeata",propsAsIs:!1}),Ne=t.styled_default("div")({name:"UserInfo",class:"u10d4koz",propsAsIs:!1}),Le=t.styled_default("div")({name:"UserName",class:"u1q6roj0",propsAsIs:!1}),De=t.styled_default("div")({name:"UserRating",class:"ui0m425",propsAsIs:!1}),Pe=t.styled_default("img")({name:"TrophyIcon",class:"t1el3mrn",propsAsIs:!1}),Ve=t.styled_default("div")({name:"Rts",class:"r2vgnxv",propsAsIs:!1}),Me=t.styled_default("div")({name:"RtsIndicator",class:"roqn06j",propsAsIs:!1}),Oe=t.styled_default("div")({name:"RtsLabel",class:"r15adx7c",propsAsIs:!1}),Ue=t.styled_default("div")({name:"Divider",class:"dv59lta",propsAsIs:!1}),Be=t.styled_default("div")({name:"Ranks",class:"r55lotb",propsAsIs:!1}),Fe=t.styled_default("div")({name:"Statistics",class:"s1knfgqt",propsAsIs:!1}),ze=t.styled_default("div")({name:"AvatarPlaceholder",class:"a1mqo824",propsAsIs:!1}),He=t.styled_default("button")({name:"UserAccountBtn",class:"uxareh6",propsAsIs:!1}),We="data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Trophy'%3e%3cpath%20id='Combined%20Shape'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.69197%204.66662C3.69197%205.99705%203.92914%207.17787%204.4035%208.20912C3.49966%208.02451%202.74487%207.66486%202.1391%207.13014C1.53333%206.59542%201.23046%206.0798%201.23046%205.58328V4.66662H3.69197ZM14.7686%204.66662V5.58328C14.7686%206.0798%2014.4658%206.59542%2013.86%207.13014C13.2542%207.66486%2012.4994%208.02451%2011.5956%208.20912C12.0699%207.17787%2012.3071%205.99705%2012.3071%204.66662H14.7686ZM15.9998%205.58329V4.36108C15.9998%204.10645%2015.9101%203.89002%2015.7306%203.71178C15.5511%203.53354%2015.3332%203.44442%2015.0768%203.44442H12.3076V2.52776C12.3076%202.10763%2012.1569%201.74797%2011.8556%201.44878C11.5544%201.14959%2011.1922%201%2010.7691%201H5.23072C4.80764%201%204.44547%201.14959%204.14419%201.44878C3.84291%201.74797%203.69227%202.10763%203.69227%202.52776V3.44442H0.923068C0.666659%203.44442%200.448714%203.53354%200.269228%203.71178C0.0897418%203.89002%200%204.10645%200%204.36108V5.58329C0%206.03525%200.13301%206.49039%200.399034%206.94872C0.665059%207.40705%201.02403%207.82082%201.47595%208.19003C1.92787%208.55924%202.48234%208.86957%203.13939%209.12101C3.79644%209.37246%204.48713%209.51409%205.21149%209.54592C5.48071%209.88967%205.7852%2010.192%206.12494%2010.453C6.36853%2010.6695%206.53679%2010.9002%206.62974%2011.1453C6.72269%2011.3904%206.76916%2011.6752%206.76916%2011.9999C6.76916%2012.3436%206.67141%2012.6333%206.4759%2012.8688C6.28038%2013.1043%205.96789%2013.2221%205.53841%2013.2221C5.05764%2013.2221%204.62976%2013.3669%204.25476%2013.6566C3.87977%2013.9462%203.69227%2014.3106%203.69227%2014.7499V15.361C3.69227%2015.4501%203.72112%2015.5233%203.77881%2015.5806C3.8365%2015.6379%203.91022%2015.6665%203.99996%2015.6665H11.9999C12.0896%2015.6665%2012.1633%2015.6379%2012.221%2015.5806C12.2787%2015.5233%2012.3076%2015.4501%2012.3076%2015.361V14.7499C12.3076%2014.3106%2012.1201%2013.9462%2011.7451%2013.6566C11.3701%2013.3669%2010.9422%2013.2221%2010.4614%2013.2221C10.0319%2013.2221%209.71945%2013.1043%209.52394%2012.8688C9.32843%2012.6333%209.23068%2012.3436%209.23068%2011.9999C9.23068%2011.6752%209.27715%2011.3904%209.3701%2011.1453C9.46305%2010.9002%209.63131%2010.6695%209.8749%2010.453C10.2146%2010.192%2010.5191%209.88967%2010.7884%209.54592C11.5127%209.51409%2012.2034%209.37246%2012.8604%209.12101C13.5175%208.86957%2014.072%208.55924%2014.5239%208.19003C14.9758%207.82082%2015.3348%207.40705%2015.6008%206.94872C15.8668%206.49039%2015.9998%206.03525%2015.9998%205.58329ZM6.76047%207.1798L8.05109%206.49997L9.3417%207.1798L9.09521%205.73989L10.1393%204.72015L8.69639%204.51007L8.05109%203.2L7.40578%204.51007L5.96283%204.72015L7.00696%205.73989L6.76047%207.1798Z'%20fill='%23F2C94C'/%3e%3c/g%3e%3c/svg%3e",ae=({avatar:s,name:n,points:i,friendsRank:o,rank:a,streak:c,correct:r,incorrect:d,inTop:l,successRate:p})=>e.jsxs(Re,{children:[e.jsx(ke,{children:e.jsxs(Qe,{children:[e.jsxs(He,{children:[s&&e.jsx(Ee,{alt:"avatar",src:s}),!s&&e.jsx(ze,{children:ie(n||"")})]}),e.jsxs(Ne,{children:[e.jsx(Le,{children:n}),e.jsxs(De,{children:[e.jsxs(Ve,{children:[e.jsx(Pe,{alt:"rank-icon",src:We}),e.jsxs(Me,{children:[oe(i),e.jsx(Oe,{children:"PTS"})]})]}),e.jsx(Ue,{}),e.jsxs("div",{children:["TOP ",l||0,"%"]})]})]})]})}),e.jsxs(qe,{children:[e.jsxs(Be,{children:[e.jsx(K,{indicator:o||0,title:"Friends rank"}),e.jsx(K,{indicator:a||0,title:"Global rank"})]}),e.jsxs(Fe,{children:[e.jsx(V,{indicator:c||0,title:"Win streak"}),e.jsx(V,{indicator:r||0,title:"Correct"}),e.jsx(V,{indicator:d||0,title:"Incorrect"}),e.jsx(V,{indicator:`${p||0}%`,title:"Succ. rate"})]})]})]}),Ye=t.styled_default("div")({name:"SponsorLogoWrap",class:"s8p5v5z",propsAsIs:!1}),Ze=()=>t.c1,Ge=t.styled_default(Ze())({name:"SponsorLogo",class:"s755yti",propsAsIs:!0}),Ke=()=>e.jsx(Ye,{children:e.jsx(Ge,{name:"mastersLogo"})}),Je=t.styled_default("div")({name:"Container",class:"c38csyt",propsAsIs:!1}),Xe=t.styled_default("div")({name:"Title",class:"ty221rx",propsAsIs:!1}),es=t.styled_default("div")({name:"Description",class:"dlaj9xp",propsAsIs:!1}),ss=({title:s,description:n})=>e.jsxs(Je,{children:[e.jsx(t.c1,{name:"icon-check-circle"}),e.jsx(Xe,{children:s}),e.jsx(es,{children:n})]}),ts=t.styled_default("div")({name:"Container",class:"c16sbdnm",propsAsIs:!1}),ns=()=>t.c1,is=t.styled_default(ns())({name:"IconPrediction",class:"ibhorgl",propsAsIs:!0}),D=t.styled_default("div")({name:"FeedbackIconWrap",class:"f1g20ja7",propsAsIs:!1}),M=t.styled_default("div")({name:"FeedbackHeader",class:"f455ozj",propsAsIs:!1}),os=t.styled_default("span")({name:"FeedbackTitle",class:"f1913njx",propsAsIs:!1}),N=t.styled_default("span")({name:"FeedbackDescription",class:"fzfk69z",propsAsIs:!1}),F=t.styled_default("div")({name:"FeedbackText",class:"fx87qaj",propsAsIs:!1}),as=({feedbackMessages:s,questionVotedCorrectly:n,questionVoted:i,questionType:o,hasCorrectAnswer:a,questionStatus:c,showExpiredNotification:r,showClosedNotificationTrivia:d,votedInCurrentRender:l,votedAfterQuestionClosed:p,enteredAnActiveQuestion:m,marketClosed:x})=>{const f=i&&(o===u.QuestionType.TRIVIA||o===u.QuestionType.PREDICTION)&&l&&c!==u.QuestionStatus.RESOLVED,I=o===u.QuestionType.PREDICTION&&!a,_=x&&o===u.QuestionType.PREDICTION&&!i&&!m||o===u.QuestionType.PREDICTION&&p&&l&&m,v=f&&I,b=f&&a,A=o===u.QuestionType.PREDICTION&&i&&l&&a,C=i&&o===u.QuestionType.POLL&&l;if(!r&&!d&&!v&&!b&&!_&&!C&&!A)return null;const T=n?"correct":"incorrect",S=n?s==null?void 0:s.correctFeedback:s==null?void 0:s.incorrectFeedback;return e.jsxs(ts,{"data-isPrediction":I,children:[r&&e.jsxs(e.Fragment,{children:[e.jsx(D,{children:e.jsx(t.c1,{name:"questionExpired"})}),e.jsxs("div",{children:[e.jsx(M,{children:e.jsx(N,{children:"Question Expired"})}),e.jsx(F,{children:"You can still answer to see if you're correct, but no points are awarded for expired questions."})]})]}),d&&e.jsxs(e.Fragment,{children:[e.jsx(D,{children:e.jsx(t.c1,{name:"questionExpired"})}),e.jsxs("div",{children:[e.jsx(M,{children:e.jsx(N,{children:"Question Closed"})}),e.jsx(F,{children:"This question was answered after the moderator closed the question. So the points for this answer won’t tally."})]})]}),_&&e.jsxs(e.Fragment,{children:[e.jsx(D,{children:e.jsx(t.c1,{name:"questionExpired"})}),e.jsxs("div",{children:[e.jsx(M,{children:e.jsx(N,{children:"Question Closed"})}),e.jsx(F,{children:"This event has already taken place, so the ability to make a prediction on its outcome is no longer available."})]})]}),v&&e.jsxs(e.Fragment,{children:[e.jsx(is,{name:"icon-prediction"}),e.jsx(N,{children:"Stay tuned to see if your prediction was correct."})]}),C&&e.jsxs(e.Fragment,{children:[e.jsx(D,{"data-feedback-type":"correct",children:e.jsx(t.c1,{name:"correct"})}),e.jsx(N,{children:"That's for answering. Please stay tuned for the next question."})]}),(b||A)&&e.jsxs(e.Fragment,{children:[e.jsx(D,{"data-feedback-type":T,children:e.jsx(t.c1,{name:T})}),e.jsx("div",{children:e.jsxs(M,{children:[e.jsx(os,{"data-feedback-type":T,children:S==null?void 0:S.title}),e.jsx(N,{children:S==null?void 0:S.description})]})})]})]})},rs=t.styled_default("div")({name:"Container",class:"c14ielyq",propsAsIs:!1}),ls=()=>j.c,ds=t.styled_default(ls())({name:"QuestionScrollContainer",class:"q1tlqx57",propsAsIs:!0}),cs=t.styled_default("div")({name:"Content",class:"c1hq58md",propsAsIs:!1}),us=t.styled_default("div")({name:"Title",class:"t1c8nxcx",propsAsIs:!1}),ps=t.styled_default("div")({name:"Options",class:"oiozuc3",propsAsIs:!1}),ms=t.styled_default("button")({name:"ButtonContainer",class:"b1b6dl8t",propsAsIs:!1}),hs=t.styled_default("div")({name:"ButtonPct",class:"b4iik8i",propsAsIs:!1}),fs=t.styled_default("span")({name:"ButtonBody",class:"b1gq1lnf",propsAsIs:!1}),xs=t.styled_default("div")({name:"IconContainer",class:"i1j65z51",propsAsIs:!1}),ys=t.styled_default("div")({name:"IconWrap",class:"i19tpfua",propsAsIs:!1}),re=t.styled_default("img")({name:"Icon",class:"i1tubmma",propsAsIs:!1}),Is=()=>re,vs=t.styled_default(Is())({name:"IconDefault",class:"i1grrgwj",propsAsIs:!0}),js=()=>re,Cs=t.styled_default(js())({name:"IconCircle",class:"ibemyq8",propsAsIs:!0}),As=t.styled_default("span")({name:"Title",class:"t1dceht",propsAsIs:!1}),gs=t.styled_default("span")({name:"Indicators",class:"i116q4vq",propsAsIs:!1}),_s=t.styled_default("span")({name:"Pts",class:"p17ajcu2",propsAsIs:!1}),$s=t.styled_default("span")({name:"Percentage",class:"pu9kmlb",propsAsIs:!1}),bs=()=>t.c1,Ts=t.styled_default(bs())({name:"CheckIcon",class:"c1j2j0s0",propsAsIs:!0}),J={[u.QuestionImages.CENTERED]:s=>e.jsx(vs,{alt:"option-icon",src:s}),[u.QuestionImages.TRANSPARENT]:s=>e.jsx(xs,{children:e.jsx(ys,{style:{backgroundImage:`url(${s})`}})}),[u.QuestionImages.ROUNDED]:s=>e.jsx(Cs,{alt:"option-icon",src:s}),[u.QuestionImages.NONE]:()=>null,[u.QuestionImages.UNSET]:()=>null},Ss=({questionType:s,hasCorrectAnswer:n,correct:i,youVoted:o,questionVoted:a})=>{if(s===u.QuestionType.POLL&&o)return"correct";if(s===u.QuestionType.PREDICTION){if(n&&a)return o?i?"correct":"incorrect":"unset";if(o)return"correct"}return s===u.QuestionType.TRIVIA&&a&&o?i?"correct":"incorrect":"unset"},ws=({questionType:s,questionVoted:n,correct:i,hasCorrectAnswer:o,questionStatus:a})=>s===u.QuestionType.TRIVIA?n&&i:s===u.QuestionType.PREDICTION?n&&i&&o||a===u.QuestionStatus.RESOLVED&&i:!1,Rs=s=>{var n;const{id:i,icon:o,text:a,percentageDecimal:c,points:r,onVote:d,markThatVoted:l,youSelected:p,questionVoted:m,imageMode:x,answerTimeExpired:f,questionStatus:I,isLoading:_,questionType:v,correct:b,hasCorrectAnswer:A,votedAfterQuestionClosed:C,enteredAnActiveQuestion:T,marketClosed:S}=s,k=Ss(s),B=ws({questionType:v,questionVoted:m,correct:b,hasCorrectAnswer:A,questionStatus:I}),Q=S&&v===u.QuestionType.PREDICTION,P=m||Q,y=v===u.QuestionType.PREDICTION&&!m&&!S;return e.jsxs(ms,{value:i,"data-selected":p,"data-answer-state":k,disabled:m||_||f||Q&&!T||Q&&T&&C,"data-is-not-checked":m&&!p&&k!=="incorrect",onClick:$=>{l(v===u.QuestionType.PREDICTION?S:I===u.QuestionStatus.RESOLVED),d($)},children:[e.jsx(hs,{"data-answer-state":k,style:{width:`${P?c:0}%`}}),e.jsxs(fs,{children:[o&&x&&((n=J[x])==null?void 0:n.call(J,o)),e.jsx(As,{children:a}),y&&e.jsxs("div",{children:[e.jsx(z.d,{value:r}),e.jsx(_s,{children:"pts"})]}),P&&e.jsxs(gs,{children:[B&&e.jsx(Ts,{name:"selected"}),e.jsx($s,{children:e.jsx(z.d,{value:c,suffix:"%"})})]})]})]})},ks=[q.E.PRIMARY_GREEN1,q.E.SECONDARY_RED1,q.E.SECONDARY_RED1,q.E.NEUTRALS_GRAY3],qs=[10,10,1,0],Qs=t.styled_default("div")({name:"RemainingTime",class:"r165427",propsAsIs:!1}),Es=q.E.SECONDARY_GREEN6,X=q.E.SECONDARY_RED3,Ns=q.E.NEUTRALS_GRAY3,Ls=({isPlaying:s=!0,duration:n=30,onTimerExpired:i})=>{const[o,a]=h.useState(n>10?Es:X),c=({remainingTime:l})=>e.jsx(Qs,{children:l}),r=h.useCallback(()=>{i==null||i(),a(Ns)},[i,a]),d=h.useCallback(l=>{l===10&&a(X)},[a]);return e.jsx(he.CountdownCircleTimer,{isPlaying:s,duration:n,colors:ks,colorsTime:qs,size:32,strokeWidth:2,trailStrokeWidth:2,trailColor:o,onComplete:r,onUpdate:d,children:c})},Ds=t.styled_default("div")({name:"WinBarContainer",class:"wie6cqo",propsAsIs:!1}),Ps=t.styled_default("div")({name:"Content",class:"cgizw4u",propsAsIs:!1}),Vs=t.styled_default("div")({name:"Title",class:"t1l3ucjp",propsAsIs:!1}),Ms=()=>t.c1,Os=t.styled_default(Ms())({name:"WinIcon",class:"wx7j799",propsAsIs:!0}),Us=t.styled_default("div")({name:"Points",class:"p4lwuj0",propsAsIs:!1}),Bs=t.styled_default("span")({name:"PointsCount",class:"po9i64o",propsAsIs:!1}),Fs=t.styled_default("span")({name:"PointsUnits",class:"pe5g05h",propsAsIs:!1}),zs=({title:s,points:n,isPlayingTimer:i,isTimer:o,questionType:a,timerDuration:c,onTimerExpired:r})=>e.jsxs(Ds,{style:{justifyContent:a===u.QuestionType.PREDICTION?"center":"space-between"},children:[e.jsxs(Ps,{children:[s&&e.jsx(Vs,{children:s}),n!==void 0&&a!==u.QuestionType.POLL&&e.jsxs(e.Fragment,{children:[e.jsx(Os,{name:"icon-trophy"}),e.jsxs(Us,{children:[e.jsx(Bs,{children:e.jsx(z.d,{value:n})}),e.jsx(Fs,{children:"PTS"})]})]})]}),o&&a!==u.QuestionType.PREDICTION&&e.jsx(Ls,{isPlaying:i,onTimerExpired:r,duration:c})]}),Hs=({openedQuestion:s,isLoading:n,vote:i,close:o})=>{var a,c;const r=s.subject,d=s.type,l=s.status,p=(a=s.options)==null?void 0:a.options,m=s.marketClosed,[x,f]=h.useState(!1),[I,_]=h.useState(!1),[v,b]=h.useState(!0),[A,C]=h.useState(!1),[T,S]=h.useState(""),k=s==null?void 0:s.id;h.useEffect(()=>{d===u.QuestionType.PREDICTION?m&&b(!1):l===u.QuestionStatus.RESOLVED&&b(!1)},[]);const B=h.useCallback(g=>{_(g),f(!0)},[]),Q=h.useCallback(async g=>{if(k){const L=g.currentTarget.value;S(L),await i(k,L)}},[k,S,i]),P=h.useCallback(()=>{C(!0),setTimeout(o,3e3)},[o]),y=h.useMemo(()=>s==null?void 0:s.answers.find(g=>g.youVoted===!0),[s]),$=h.useMemo(()=>!!(s!=null&&s.answers.find(g=>g.correct===!0)),[s]),w=h.useMemo(()=>s==null?void 0:s.answers.find(g=>g.correct===!0),[s]),de=h.useMemo(()=>s?s.answers.map(g=>{var L;return{...g,questionVoted:!!y,youSelected:T===g.id,isLoading:n,hasCorrectAnswer:$,questionType:s.type,answerTimeExpired:A,questionStatus:l,imageMode:(L=s.appearance)==null?void 0:L.images,onVote:Q}}):[],[$,A,n,s,y,l,Q,T]),ce=p&&(p.case==="trivia"||p.case==="prediction")?p.value:void 0,E=l===u.QuestionStatus.RESOLVED&&d===u.QuestionType.TRIVIA&&!y&&!v,Z=d===u.QuestionType.TRIVIA&&I&&x&&v,G=h.useMemo(()=>d===u.QuestionType.PREDICTION?!!(y&&!$||y&&$&&w!=null&&w.youVoted):!0,[d,y,$,w]),ue=h.useMemo(()=>{if(d===u.QuestionType.PREDICTION&&y&&(!$||$&&w!=null&&w.youVoted))return y.points;if(!(E||A))return l===u.QuestionStatus.RESOLVED?0:y?y.correct?y.points:0:w==null?void 0:w.points},[A,y,w,l,E,d,$]),pe=h.useMemo(()=>d===u.QuestionType.PREDICTION&&y?$?$&&w!=null&&w.youVoted?"You won":"":"To win":E||A?"Time expired":d===u.QuestionType.POLL?"Time remaining":y?"You won":"To win",[A,d,y,E,$,w]),me=y||E||Z||d===u.QuestionType.TRIVIA&&l===u.QuestionStatus.RESOLVED&&v;return e.jsx(ds,{children:e.jsx(rs,{children:e.jsxs(cs,{children:[e.jsx(as,{feedbackMessages:ce,questionVoted:!!y,questionVotedCorrectly:y==null?void 0:y.correct,questionType:d,hasCorrectAnswer:$,questionStatus:l,showExpiredNotification:E,showClosedNotificationTrivia:Z,votedInCurrentRender:x,votedAfterQuestionClosed:I,enteredAnActiveQuestion:v,marketClosed:m}),G&&e.jsx(zs,{title:pe,points:ue,onTimerExpired:P,questionType:s.type,isTimer:!n,isPlayingTimer:!y,timerDuration:me?0:Number(((c=s==null?void 0:s.appearance)==null?void 0:c.autoHideInterval)||"30")}),A?e.jsx(ss,{title:"More to come...",description:"Watch for additional enhanced stream interactive experience."}):e.jsxs(e.Fragment,{children:[e.jsx(us,{style:G?{}:{marginTop:0},children:r}),e.jsx(ps,{children:de.map(g=>e.jsx(Rs,{...g,markThatVoted:B,votedAfterQuestionClosed:I,enteredAnActiveQuestion:v,marketClosed:m},g.id))})]})]})})})},Ws=t.styled_default("div")({name:"Container",class:"cgn5uen",propsAsIs:!1}),Ys=t.styled_default("div")({name:"Content",class:"c1px8nt6",propsAsIs:!1}),Zs=t.styled_default("h3")({name:"Title",class:"t5et2jt",propsAsIs:!1}),Gs=t.styled_default("div")({name:"Description",class:"d1i2kpk2",propsAsIs:!1}),Ks=t.styled_default("div")({name:"DateWrap",class:"dd3lh3p",propsAsIs:!1}),Js=t.styled_default("img")({name:"Image",class:"i1gfjeu5",propsAsIs:!1}),le=({created:s,title:n,isPickHistory:i,instantView:o,notification:a})=>{const c=h.useMemo(()=>{if(s){const r=new Date(s);if(Y(r))return{date:H(r),time:W(r)}}return null},[s]);return e.jsxs(Ws,{children:[c&&e.jsxs(Ks,{children:[c.date," · ",c.time]}),(o==null?void 0:o.video)&&e.jsx(j.w,{source:o.video.url,poster:o.video.thumbnailUrl}),(o==null?void 0:o.image)&&!(o!=null&&o.video)&&e.jsx(Js,{src:o==null?void 0:o.image}),e.jsxs(Ys,{children:[e.jsx(Zs,{children:i?n:o==null?void 0:o.heading}),e.jsx(Gs,{children:i?a==null?void 0:a.body:o==null?void 0:o.body})]})]})},Xs=t.styled_default("div")({name:"Container",class:"c1euiow",propsAsIs:!1}),et=t.styled_default("a")({name:"WebLinkBtn",class:"w19zie3h",propsAsIs:!1}),st=({instantView:s,...n})=>e.jsxs(Xs,{children:[e.jsx(le,{instantView:s,...n}),(s==null?void 0:s.webLink)&&e.jsxs(et,{href:s==null?void 0:s.webLink.url,target:"_blank",children:[s==null?void 0:s.webLink.label,e.jsx(t.c1,{name:"icon-external-link"})]})]}),tt=t.styled_default("div")({name:"Container",class:"c1dcxmvf",propsAsIs:!1}),nt=t.styled_default("div")({name:"DateTime",class:"db4q22c",propsAsIs:!1}),it=t.styled_default("blockquote")({name:"Quote",class:"q111mmic",propsAsIs:!1}),ot=({created:s,...n})=>{const i=h.useMemo(()=>{if(s){const o=new Date(s);if(Y(o))return{date:H(o),time:W(o)}}return null},[s]);return e.jsxs(tt,{children:[i&&e.jsxs(nt,{children:[i.date," · ",i.time]}),n.title&&e.jsx(it,{children:n.title}),e.jsx(j.j,{...n})]})},at=t.styled_default("div")({name:"QuestionContainer",class:"qdri6g3",propsAsIs:!1}),rt=({openedQuestion:s})=>{var n,i;return((n=s==null?void 0:s.attributes)==null?void 0:n.attributes.case)==="insight"?e.jsx(st,{created:s.attributes.created,...s.attributes.attributes.value}):((i=s==null?void 0:s.attributes)==null?void 0:i.attributes.case)==="tweet"?e.jsx(ot,{created:s.attributes.created,...s.attributes.attributes.value}):null},lt=({extendedQuestion:s,vote:n,close:i})=>{const{loading:o,data:a}=s;return a?e.jsx(Hs,{vote:n,close:i,openedQuestion:a,isLoading:!!o}):null},dt=({gamification:s})=>{var n;const i=R.useStore(s.openedQuestion.$store),o=R.useStore(s.openedQuestion.$extendedStore);if(!i)return null;const a=i.type;return e.jsxs(at,{children:[e.jsx(ne,{close:s.closeQuestion,type:((n=i.attributes)==null?void 0:n.type)||u.QuestionType.UNSET}),a==="question"&&e.jsx(lt,{vote:s.submitAnswer,close:s.closeQuestion,extendedQuestion:o}),a!=="question"&&e.jsx(rt,{openedQuestion:i}),e.jsx(Ke,{sponsorLogo:""})]})},ct=t.styled_default("div")({name:"Container",class:"c115qtkr",propsAsIs:!1}),ut=t.styled_default("div")({name:"STabs",class:"sxnslc8",propsAsIs:!1}),pt=t.styled_default("button")({name:"Button",class:"b1umzux0",propsAsIs:!1}),mt=t.styled_default("span")({name:"Title",class:"tspsaas",propsAsIs:!1});var U=(s=>(s.HOME="home",s.LEADERBOARD="leaderboard",s))(U||{});const ee=({title:s,active:n,onClick:i})=>e.jsx(pt,{onClick:i,"data-selected":n,children:e.jsx(mt,{children:s})}),ht=({activePage:s="home",toggleActivePage:n})=>e.jsx(ct,{children:e.jsxs(ut,{"data-position":s==="home"?"left":"right",children:[e.jsx(ee,{title:"Home",active:s==="home",onClick:()=>n("home")}),e.jsx(ee,{title:"Friends",active:s==="leaderboard",onClick:()=>n("leaderboard")})]})}),ft=t.styled_default("div")({name:"Container",class:"c1ux29ft",propsAsIs:!1}),xt=t.styled_default("img")({name:"FriendsIcon",class:"f10ncfg2",propsAsIs:!1}),yt=t.styled_default("div")({name:"Content",class:"c1yc07bd",propsAsIs:!1}),It=t.styled_default("div")({name:"Title",class:"tj6cq7w",propsAsIs:!1}),vt=t.styled_default("div")({name:"Description",class:"d1ag78xo",propsAsIs:!1}),jt=()=>t.c1,Ct=t.styled_default(jt())({name:"ArrowInviteIcon",class:"awohrz6",propsAsIs:!0}),At="data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20rx='16'%20fill='white'/%3e%3cpath%20d='M10.4615%2012.6875C9.44231%2012.6875%208.61538%2013.4665%208.61538%2014.4266C8.61538%2015.3868%209.44231%2016.1658%2010.4615%2016.1658C11.4808%2016.1658%2012.3077%2015.3868%2012.3077%2014.4266C12.3077%2013.4665%2011.4808%2012.6875%2010.4615%2012.6875ZM10.4615%2016.1658C9.10817%2016.1658%208%2017.2097%208%2018.4846V19.7527C8%2019.7527%208.61538%2020.2237%2010.4615%2020.2237C12.3077%2020.2237%2012.9231%2019.7527%2012.9231%2019.7527V18.4846C12.9231%2017.2097%2011.8149%2016.1658%2010.4615%2016.1658ZM21.5385%2012.6875C20.5192%2012.6875%2019.6923%2013.4665%2019.6923%2014.4266C19.6923%2015.3868%2020.5192%2016.1658%2021.5385%2016.1658C22.5577%2016.1658%2023.3846%2015.3868%2023.3846%2014.4266C23.3846%2013.4665%2022.5577%2012.6875%2021.5385%2012.6875ZM21.5385%2016.1658C20.1851%2016.1658%2019.0769%2017.2097%2019.0769%2018.4846V19.7527C19.0769%2019.7527%2019.6923%2020.2237%2021.5385%2020.2237C23.3846%2020.2237%2024%2019.7527%2024%2019.7527V18.4846C24%2017.2097%2022.8918%2016.1658%2021.5385%2016.1658ZM16%2015.0063C14.9808%2015.0063%2014.1538%2015.7853%2014.1538%2016.7455C14.1538%2017.7056%2014.9808%2018.4846%2016%2018.4846C17.0192%2018.4846%2017.8462%2017.7056%2017.8462%2016.7455C17.8462%2015.7853%2017.0192%2015.0063%2016%2015.0063ZM16%2018.4846C14.6466%2018.4846%2013.5385%2019.5285%2013.5385%2020.8034V22.0715C13.5385%2022.0715%2014.1538%2022.5425%2016%2022.5425C17.8462%2022.5425%2018.4615%2022.0715%2018.4615%2022.0715V20.8034C18.4615%2019.5285%2017.3534%2018.4846%2016%2018.4846Z'%20fill='%23107D57'/%3e%3cpath%20opacity='0.5'%20d='M13.3908%209C12.3103%209%2011.4336%209.82584%2011.4336%2010.8437C11.4336%2011.8616%2012.3103%2012.6875%2013.3908%2012.6875C14.4713%2012.6875%2015.348%2011.8616%2015.348%2010.8437C15.348%209.82584%2014.4713%209%2013.3908%209ZM13.3908%2012.6875C13.1946%2012.6875%2012.9958%2012.6827%2012.7996%2012.7451C13.192%2013.2372%2013.3908%2013.8542%2013.3908%2014.5312C13.3908%2014.7761%2013.3296%2015.0161%2013.3296%2015.261C13.8521%2014.524%2014.6956%2014.0391%2015.6742%2013.9166C15.218%2013.1796%2014.3694%2012.6875%2013.3908%2012.6875ZM18.61%209C17.5295%209%2016.6528%209.82584%2016.6528%2010.8437C16.6528%2011.8616%2017.5295%2012.6875%2018.61%2012.6875C19.6905%2012.6875%2020.5672%2011.8616%2020.5672%2010.8437C20.5672%209.82584%2019.6905%209%2018.61%209ZM18.61%2012.6875C17.6314%2012.6875%2016.7828%2013.1796%2016.3266%2013.9166C17.3052%2014.0391%2018.1487%2014.524%2018.6712%2015.261C18.6712%2015.0161%2018.61%2014.7761%2018.61%2014.5312C18.61%2013.8542%2018.8088%2013.2372%2019.2012%2012.7451C19.005%2012.6827%2018.8062%2012.6875%2018.61%2012.6875Z'%20fill='%23107D57'/%3e%3c/svg%3e",gt=({title:s,description:n,onClick:i,className:o})=>e.jsxs(ft,{onClick:i,className:o,children:[e.jsx(xt,{alt:"friends-icon",src:At}),e.jsxs(yt,{children:[e.jsx(It,{children:s}),e.jsx(vt,{children:n})]}),e.jsx(Ct,{name:"icon-copy"})]});function _t(s){var n=s.lastRenderedStartIndex,i=s.lastRenderedStopIndex,o=s.startIndex,a=s.stopIndex;return!(o>i||a<n)}function $t(s){for(var n=s.isItemLoaded,i=s.itemCount,o=s.minimumBatchSize,a=s.startIndex,c=s.stopIndex,r=[],d=null,l=null,p=a;p<=c;p++){var m=n(p);m?l!==null&&(r.push(d,l),d=l=null):(l=p,d===null&&(d=p))}if(l!==null){for(var x=Math.min(Math.max(l,d+o-1),i-1),f=l+1;f<=x&&!n(f);f++)l=f;r.push(d,l)}if(r.length)for(;r[1]-r[0]+1<o&&r[0]>0;){var I=r[0]-1;if(!n(I))r[0]=I;else break}return r}var bt=function(s,n){if(!(s instanceof n))throw new TypeError("Cannot call a class as a function")},Tt=function(){function s(n,i){for(var o=0;o<i.length;o++){var a=i[o];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(n,a.key,a)}}return function(n,i,o){return i&&s(n.prototype,i),o&&s(n,o),n}}(),St=function(s,n){if(typeof n!="function"&&n!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof n);s.prototype=Object.create(n&&n.prototype,{constructor:{value:s,enumerable:!1,writable:!0,configurable:!0}}),n&&(Object.setPrototypeOf?Object.setPrototypeOf(s,n):s.__proto__=n)},se=function(s,n){if(!s)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n&&(typeof n=="object"||typeof n=="function")?n:s};(function(s){St(n,s);function n(){var i,o,a,c;bt(this,n);for(var r=arguments.length,d=Array(r),l=0;l<r;l++)d[l]=arguments[l];return c=(o=(a=se(this,(i=n.__proto__||Object.getPrototypeOf(n)).call.apply(i,[this].concat(d))),a),a._lastRenderedStartIndex=-1,a._lastRenderedStopIndex=-1,a._memoizedUnloadedRanges=[],a._onItemsRendered=function(p){var m=p.visibleStartIndex,x=p.visibleStopIndex;a._lastRenderedStartIndex=m,a._lastRenderedStopIndex=x,a._ensureRowsLoaded(m,x)},a._setRef=function(p){a._listRef=p},o),se(a,c)}return Tt(n,[{key:"resetloadMoreItemsCache",value:function(){var o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;this._memoizedUnloadedRanges=[],o&&this._ensureRowsLoaded(this._lastRenderedStartIndex,this._lastRenderedStopIndex)}},{key:"componentDidMount",value:function(){}},{key:"render",value:function(){var o=this.props.children;return o({onItemsRendered:this._onItemsRendered,ref:this._setRef})}},{key:"_ensureRowsLoaded",value:function(o,a){var c=this.props,r=c.isItemLoaded,d=c.itemCount,l=c.minimumBatchSize,p=l===void 0?10:l,m=c.threshold,x=m===void 0?15:m,f=$t({isItemLoaded:r,itemCount:d,minimumBatchSize:p,startIndex:Math.max(0,o-x),stopIndex:Math.min(d-1,a+x)});(this._memoizedUnloadedRanges.length!==f.length||this._memoizedUnloadedRanges.some(function(I,_){return f[_]!==I}))&&(this._memoizedUnloadedRanges=f,this._loadUnloadedRanges(f))}},{key:"_loadUnloadedRanges",value:function(o){for(var a=this,c=this.props.loadMoreItems||this.props.loadMoreRows,r=function(p){var m=o[p],x=o[p+1],f=c(m,x);f!=null&&f.then(function(){if(_t({lastRenderedStartIndex:a._lastRenderedStartIndex,lastRenderedStopIndex:a._lastRenderedStopIndex,startIndex:m,stopIndex:x})){if(a._listRef==null)return;typeof a._listRef.resetAfterIndex=="function"?a._listRef.resetAfterIndex(m,!0):(typeof a._listRef._getItemStyleCache=="function"&&a._listRef._getItemStyleCache(-1),a._listRef.forceUpdate())}})},d=0;d<o.length;d+=2)r(d)}}]),n})(h.PureComponent);const wt=t.styled_default("div")({name:"Container",class:"culdu4a",propsAsIs:!1}),Rt=t.styled_default("div")({name:"Position",class:"pwf8e69",propsAsIs:!1}),kt=t.styled_default("img")({name:"Avatar",class:"atf4yh4",propsAsIs:!1}),qt=t.styled_default("div")({name:"AvatarPlaceholder",class:"a1dg29ja",propsAsIs:!1}),Qt=t.styled_default("div")({name:"Content",class:"c10a68rc",propsAsIs:!1}),Et=t.styled_default("div")({name:"NameContainer",class:"nc4kck5",propsAsIs:!1}),Nt=t.styled_default("span")({name:"Name",class:"njsrqgr",propsAsIs:!1}),Lt=()=>t.c1,Dt=t.styled_default(Lt())({name:"CurrentUserBadge",class:"c17uc4zr",propsAsIs:!0}),Pt=({rank:s,avatar:n,name:i,points:o,isCurrentUser:a,openItemDetail:c,style:r})=>e.jsxs(wt,{onClick:c,style:r,children:[e.jsx(Rt,{children:s||0}),e.jsxs(Qt,{children:[n?e.jsx(kt,{alt:"leaderboard-item-avatar",src:n}):e.jsx(qt,{children:ie(i||"")}),e.jsxs(Et,{children:[e.jsx(Nt,{children:i||""}),a&&e.jsx(Dt,{name:"icon-star"})]})]}),e.jsx("div",{children:oe(o)})]}),Vt=t.styled_default("div")({name:"Container",class:"c16btbfp",propsAsIs:!1}),Mt=({items:s,currentUserId:n,openItemDetail:i,fetchMore:o,scrollNode:a,hasMore:c})=>e.jsx(fe,{loadMore:o,initialLoad:!1,hasMore:c,useWindow:!1,getScrollParent:()=>a.current,children:e.jsx(Vt,{children:s.map(r=>e.jsx(Pt,{...r,openItemDetail:()=>i(r.userId),isCurrentUser:!!n&&n===r.userId},r.userId))})}),Ot=({renderClipBoardNode:s,deepLink:n})=>e.jsx(j.E,{renderToNode:s,inviteLink:n,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."}),Ut=t.styled_default("div")({name:"InviteLinkContainer",class:"i1chxfpe",propsAsIs:!1}),Bt=({gamification:s,scrollNode:n,scrollStore:i,renderClipBoardNode:o})=>{const{data:a,hasMore:c,loading:r,key:d}=R.useStore(s.leaderboardList.$store),{data:l}=R.useStore(s.deepLink.$store),[p,m]=j.Kk(o);return!a.length&&!r?e.jsx(Ot,{renderClipBoardNode:o,deepLink:l}):e.jsxs(e.Fragment,{children:[e.jsx(Mt,{items:a,scrollNode:n,scrollStore:i,fetchMore:s.leaderboardList.fetchMore,hasMore:c,openItemDetail:s.openUser,currentUserId:s.currentUserId.get()},d),l&&e.jsx(Ut,{children:e.jsx(gt,{onClick:()=>p(l),title:"Invite Friends",description:"Challenge them now!"})}),m]})},Ft=t.styled_default("div")({name:"QuestionItem",class:"q1w97g3p",propsAsIs:!1}),zt=t.styled_default("div")({name:"QuestionCaption",class:"q2sl39u",propsAsIs:!1}),Ht=t.styled_default("div")({name:"QuestionBody",class:"qd5h0uc",propsAsIs:!1}),Wt=t.styled_default("div")({name:"QuestionAction",class:"q105uluy",propsAsIs:!1}),Yt=()=>t.c1,O=t.styled_default(Yt())({name:"QuestionActionIcon",class:"q1fa0b9h",propsAsIs:!0}),Zt=()=>t.c1,Gt=t.styled_default(Zt())({name:"QuestionTypeIcon",class:"qxlt78s",propsAsIs:!0}),Kt=t.styled_default("div")({name:"QuestionTypeLabel",class:"qmg0vkx",propsAsIs:!1}),Jt=t.styled_default("div")({name:"QuestionContent",class:"q1uz5j1g",propsAsIs:!1}),Xt=t.styled_default("button")({name:"PlayButton",class:"p1pba9p1",propsAsIs:!1}),en={[u.PickHistoryStatus.LOST]:e.jsx(O,{name:"incorrectVoted"}),[u.PickHistoryStatus.WON]:e.jsx(O,{name:"icon-check"}),[u.PickHistoryStatus.UNSET]:e.jsx(O,{name:"icon-arrow"}),[u.PickHistoryStatus.DNP]:e.jsx(O,{name:"icon-arrow"})},sn=({questionId:s,questionType:n,questionStatus:i,subject:o,openForVoting:a,openQuestion:c,status:r})=>{const d=j.o[n],l=en[r];return d?e.jsxs(Ft,{onClick:()=>c==null?void 0:c(s),children:[e.jsxs(Jt,{children:[e.jsxs(zt,{children:[e.jsx(Gt,{"data-type-trivia":n===u.QuestionType.TRIVIA,"data-type-poll":n===u.QuestionType.POLL,name:d.iconName}),e.jsxs(Kt,{children:[d.label,n===u.QuestionType.TRIVIA&&i===u.QuestionStatus.RESOLVED&&" • Expired"]})]}),e.jsx(Ht,{children:o||""})]}),e.jsx(Wt,{children:a?e.jsx(Xt,{children:"Play"}):l})]}):null},tn=t.styled_default("div")({name:"Container",class:"cll3md7",propsAsIs:!1}),nn=t.styled_default("button")({name:"ActionBtn",class:"a10g1iik",propsAsIs:!1}),on=({openInsight:s,questionId:n,...i})=>e.jsxs(tn,{children:[e.jsx(le,{questionId:n,...i,isPickHistory:!0}),s&&e.jsx(nn,{onClick:()=>s(n),children:"View Insight"})]}),an=t.styled_default("div")({name:"Container",class:"cl56x6b",propsAsIs:!1}),rn=()=>j.c$1,ln=t.styled_default(rn())({name:"ActionButton",class:"a11pzf92",propsAsIs:!0}),dn=t.styled_default("div")({name:"DateTime",class:"d1hbaleq",propsAsIs:!1}),cn=t.styled_default("blockquote")({name:"Quote",class:"qvvgqjm",propsAsIs:!1}),un=({openTweet:s,created:n,...i})=>{const o=h.useMemo(()=>{if(n){const a=new Date(n);if(Y(a))return{date:H(a),time:W(a)}}return null},[n]);return e.jsxs(an,{children:[o&&e.jsxs(dn,{children:[o.date," · ",o.time]}),i.title&&e.jsx(cn,{children:i.title}),e.jsx(j.j,{...i}),s&&e.jsx(ln,{onClick:()=>s(i.tweetId),children:"View Insight"})]})},pn=t.styled_default("div")({name:"QuestionsContainer",class:"qvghv3l",propsAsIs:!1}),mn=({questions:s,openQuestion:n})=>e.jsx(pn,{children:s==null?void 0:s.map(i=>{var o,a,c;if(i.type==="question"&&((o=i.attributes)==null?void 0:o.attributes.case)==="question"){const r=i.attributes.attributes.value;return e.jsx(sn,{openQuestion:n,...r},r.questionId)}if(i.type==="insight"&&((a=i.attributes)==null?void 0:a.attributes.case)==="insight"){const r=i.attributes.attributes.value,d=i.attributes.created;return e.jsx(on,{openInsight:n,...r,created:d},r.questionId)}if(i.type==="tweet"&&((c=i.attributes)==null?void 0:c.attributes.case)==="tweet"){const r=i.attributes.attributes.value,d=i.attributes.id,l=i.attributes.created;return e.jsx(un,{openTweet:n,...r,tweetId:d,created:l},d)}return null})}),hn=({store:s,openQuestion:n})=>{const i=R.useStore(s);return i!=null&&i.data?e.jsx(mn,{openQuestion:n,questions:i.data}):e.jsx("div",{children:"wait questions..."})},fn=({userSummary:s})=>{var n;const[i,o]=h.useState(void 0);return h.useEffect(()=>{const a=s.subscribe(c=>{c!=null&&c.data&&o(c.data)});return()=>{a()}},[s]),i!=null&&i.summary?e.jsx(ae,{...i.summary,successRate:(n=i.percentage)==null?void 0:n.correct}):e.jsx("div",{children:"wait user..."})},xn=({gamification:s,className:n,scrollStore:i,scrollNode:o,appNode:a,style:c,responsiveStore:r,headerNode:d})=>{const[l,p]=h.useState(!1),[m,x]=h.useState(U.HOME),[,f]=h.useTransition(),{sdkInScrollView:I}=R.useStore(r,{keys:["sdkInScrollView"]}),_=C=>{f(()=>{var T;x(C),I===!1&&((T=a.current)==null||T.scrollIntoView({behavior:"instant"}))})},v=C=>{f(()=>p(C))};h.useEffect(()=>i.listen(C=>{if(C.scrollPosition===0){v(!1),i.setKey("tabsShown",!1);return}v(C.scrollDirection==="forward"),i.setKey("tabsShown",C.scrollDirection!=="forward")}),[i]);let b="0px";I?b=l?"-60px":"0px":b=l?"0px":"68px";const A=I?a:d;return e.jsxs(j.p,{className:n,style:c,children:[e.jsx(j.C,{style:{top:b},children:e.jsx(ht,{activePage:m,toggleActivePage:_})}),m===U.HOME&&e.jsxs(e.Fragment,{children:[e.jsx(j.n,{style:{paddingTop:"8px"},children:e.jsx(fn,{userSummary:s.userSummary})}),e.jsx(j.a,{style:{flex:1},children:e.jsx(hn,{openQuestion:s.openQuestion,store:s.feedList.getStore()})})]}),m===U.LEADERBOARD&&e.jsx(j.l,{children:e.jsx(Bt,{renderClipBoardNode:A,scrollStore:i,scrollNode:o,gamification:s})})]})},yn=()=>j.l$1,te=t.styled_default(yn())({name:"OpenedContainer",class:"oar61gl",propsAsIs:!0}),In=t.styled_default("div")({name:"UserContainer",class:"u14zaal4",propsAsIs:!1}),vn=({correct:s,incorrect:n})=>{const i=s+n;return i===0?0:Math.round(s/i*100)},jn=`
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("./useSdkFeature.js"),R=require("@nanostores/react"),h=require("react"),j=require("./masters2.js"),u=require("@streamlayer/sdk-web-types");require("react-countup");const he=require("react-countdown-circle-timer"),k=require("./index2.js"),fe=require("react-infinite-scroller");require("lodash.throttle");require("@streamlayer/sdk-web-interfaces");require("@streamlayer/sdk-web-notifications");require("./useStreamLayerApp.js");require("@streamlayer/sdk-web");const xe=n.styled_default("div")({name:"Container",class:"c1vwopgc",propsAsIs:!1}),ye=n.styled_default("div")({name:"QuestionTypeWrap",class:"qyktpt0",propsAsIs:!1}),Ie=()=>n.c1,ve=n.styled_default(Ie())({name:"QuestionTypeIcon",class:"q951jdx",propsAsIs:!0}),je=n.styled_default("span")({name:"QuestionTypeTitle",class:"qss5f0e",propsAsIs:!1}),Ce=n.styled_default("div")({name:"CloseIconWrap",class:"c1ao1jtv",propsAsIs:!1}),Ae=()=>n.c1,ge=n.styled_default(Ae())({name:"CloseIcon",class:"cvsl7l3",propsAsIs:!0}),ie=({type:s,close:t,label:i})=>{const o=s?j.o[s]:{label:i,iconName:void 0};return e.jsxs(xe,{children:[e.jsxs(ye,{children:[(o==null?void 0:o.iconName)&&e.jsx(ve,{"data-type-trivia":s===u.QuestionType.TRIVIA,"data-type-poll":s===u.QuestionType.POLL,name:o.iconName}),(o==null?void 0:o.label)&&e.jsx(je,{children:o.label})]}),e.jsx(Ce,{onClick:t,children:e.jsx(ge,{name:"icon-cross"})})]})},oe=s=>s.split(/\s+/).map(t=>t[0]).join("").toUpperCase(),ae=s=>s?s.toLocaleString("en-US"):"0",H=s=>s.toLocaleDateString("en-US",{weekday:"short",month:"short",day:"numeric"}),Z=s=>s.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"}),Y=s=>!isNaN(s.getTime()),_e=n.styled_default("div")({name:"Container",class:"c1zy8a",propsAsIs:!1}),Te=n.styled_default("div")({name:"Title",class:"t1vih9p5",propsAsIs:!1}),be=n.styled_default("div")({name:"Indicator",class:"i1fbnvpb",propsAsIs:!1}),J=({indicator:s,title:t})=>e.jsxs(_e,{children:[e.jsx(Te,{children:t}),e.jsx(be,{children:s})]}),$e=n.styled_default("div")({name:"Container",class:"ctmhwyc",propsAsIs:!1}),Se=n.styled_default("div")({name:"Indicator",class:"i1jri200",propsAsIs:!1}),we=n.styled_default("div")({name:"Title",class:"t8s05oq",propsAsIs:!1}),V=({indicator:s,title:t})=>e.jsxs($e,{children:[e.jsx(Se,{children:s}),e.jsx(we,{children:t})]}),Re=n.styled_default("div")({name:"Container",class:"c1yrpn9o",propsAsIs:!1}),ke=n.styled_default("div")({name:"TopInfo",class:"t17fwahh",propsAsIs:!1}),qe=n.styled_default("div")({name:"BottomInfo",class:"by6w7e9",propsAsIs:!1}),Qe=n.styled_default("div")({name:"User",class:"u1g7arbm",propsAsIs:!1}),Ee=n.styled_default("img")({name:"Avatar",class:"a1ldeata",propsAsIs:!1}),Ne=n.styled_default("div")({name:"UserInfo",class:"u10d4koz",propsAsIs:!1}),De=n.styled_default("div")({name:"UserName",class:"u1q6roj0",propsAsIs:!1}),Le=n.styled_default("div")({name:"UserRating",class:"ui0m425",propsAsIs:!1}),Pe=n.styled_default("img")({name:"TrophyIcon",class:"t1el3mrn",propsAsIs:!1}),Ve=n.styled_default("div")({name:"Rts",class:"r2vgnxv",propsAsIs:!1}),Me=n.styled_default("div")({name:"RtsIndicator",class:"roqn06j",propsAsIs:!1}),Oe=n.styled_default("div")({name:"RtsLabel",class:"r15adx7c",propsAsIs:!1}),Ue=n.styled_default("div")({name:"Divider",class:"dv59lta",propsAsIs:!1}),Be=n.styled_default("div")({name:"Ranks",class:"r55lotb",propsAsIs:!1}),Fe=n.styled_default("div")({name:"Statistics",class:"s1knfgqt",propsAsIs:!1}),ze=n.styled_default("div")({name:"AvatarPlaceholder",class:"a1mqo824",propsAsIs:!1}),We=n.styled_default("button")({name:"UserAccountBtn",class:"uxareh6",propsAsIs:!1}),He="data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Trophy'%3e%3cpath%20id='Combined%20Shape'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.69197%204.66662C3.69197%205.99705%203.92914%207.17787%204.4035%208.20912C3.49966%208.02451%202.74487%207.66486%202.1391%207.13014C1.53333%206.59542%201.23046%206.0798%201.23046%205.58328V4.66662H3.69197ZM14.7686%204.66662V5.58328C14.7686%206.0798%2014.4658%206.59542%2013.86%207.13014C13.2542%207.66486%2012.4994%208.02451%2011.5956%208.20912C12.0699%207.17787%2012.3071%205.99705%2012.3071%204.66662H14.7686ZM15.9998%205.58329V4.36108C15.9998%204.10645%2015.9101%203.89002%2015.7306%203.71178C15.5511%203.53354%2015.3332%203.44442%2015.0768%203.44442H12.3076V2.52776C12.3076%202.10763%2012.1569%201.74797%2011.8556%201.44878C11.5544%201.14959%2011.1922%201%2010.7691%201H5.23072C4.80764%201%204.44547%201.14959%204.14419%201.44878C3.84291%201.74797%203.69227%202.10763%203.69227%202.52776V3.44442H0.923068C0.666659%203.44442%200.448714%203.53354%200.269228%203.71178C0.0897418%203.89002%200%204.10645%200%204.36108V5.58329C0%206.03525%200.13301%206.49039%200.399034%206.94872C0.665059%207.40705%201.02403%207.82082%201.47595%208.19003C1.92787%208.55924%202.48234%208.86957%203.13939%209.12101C3.79644%209.37246%204.48713%209.51409%205.21149%209.54592C5.48071%209.88967%205.7852%2010.192%206.12494%2010.453C6.36853%2010.6695%206.53679%2010.9002%206.62974%2011.1453C6.72269%2011.3904%206.76916%2011.6752%206.76916%2011.9999C6.76916%2012.3436%206.67141%2012.6333%206.4759%2012.8688C6.28038%2013.1043%205.96789%2013.2221%205.53841%2013.2221C5.05764%2013.2221%204.62976%2013.3669%204.25476%2013.6566C3.87977%2013.9462%203.69227%2014.3106%203.69227%2014.7499V15.361C3.69227%2015.4501%203.72112%2015.5233%203.77881%2015.5806C3.8365%2015.6379%203.91022%2015.6665%203.99996%2015.6665H11.9999C12.0896%2015.6665%2012.1633%2015.6379%2012.221%2015.5806C12.2787%2015.5233%2012.3076%2015.4501%2012.3076%2015.361V14.7499C12.3076%2014.3106%2012.1201%2013.9462%2011.7451%2013.6566C11.3701%2013.3669%2010.9422%2013.2221%2010.4614%2013.2221C10.0319%2013.2221%209.71945%2013.1043%209.52394%2012.8688C9.32843%2012.6333%209.23068%2012.3436%209.23068%2011.9999C9.23068%2011.6752%209.27715%2011.3904%209.3701%2011.1453C9.46305%2010.9002%209.63131%2010.6695%209.8749%2010.453C10.2146%2010.192%2010.5191%209.88967%2010.7884%209.54592C11.5127%209.51409%2012.2034%209.37246%2012.8604%209.12101C13.5175%208.86957%2014.072%208.55924%2014.5239%208.19003C14.9758%207.82082%2015.3348%207.40705%2015.6008%206.94872C15.8668%206.49039%2015.9998%206.03525%2015.9998%205.58329ZM6.76047%207.1798L8.05109%206.49997L9.3417%207.1798L9.09521%205.73989L10.1393%204.72015L8.69639%204.51007L8.05109%203.2L7.40578%204.51007L5.96283%204.72015L7.00696%205.73989L6.76047%207.1798Z'%20fill='%23F2C94C'/%3e%3c/g%3e%3c/svg%3e",re=({avatar:s,name:t,points:i,friendsRank:o,rank:a,streak:c,correct:d,incorrect:r,inTop:l,successRate:m})=>e.jsxs(Re,{children:[e.jsx(ke,{children:e.jsxs(Qe,{children:[e.jsxs(We,{children:[s&&e.jsx(Ee,{alt:"avatar",src:s}),!s&&e.jsx(ze,{children:oe(t||"")})]}),e.jsxs(Ne,{children:[e.jsx(De,{children:t}),e.jsxs(Le,{children:[e.jsxs(Ve,{children:[e.jsx(Pe,{alt:"rank-icon",src:He}),e.jsxs(Me,{children:[ae(i),e.jsx(Oe,{children:"PTS"})]})]}),e.jsx(Ue,{}),e.jsxs("div",{children:["TOP ",l||0,"%"]})]})]})]})}),e.jsxs(qe,{children:[e.jsxs(Be,{children:[e.jsx(J,{indicator:o||0,title:"Friends rank"}),e.jsx(J,{indicator:a||0,title:"Global rank"})]}),e.jsxs(Fe,{children:[e.jsx(V,{indicator:c||0,title:"Win streak"}),e.jsx(V,{indicator:d||0,title:"Correct"}),e.jsx(V,{indicator:r||0,title:"Incorrect"}),e.jsx(V,{indicator:`${m||0}%`,title:"Succ. rate"})]})]})]}),Ze=n.styled_default("div")({name:"SponsorLogoWrap",class:"s8p5v5z",propsAsIs:!1}),Ye=()=>n.c1,Ge=n.styled_default(Ye())({name:"SponsorLogo",class:"s755yti",propsAsIs:!0}),Ke=()=>e.jsx(Ze,{children:e.jsx(Ge,{name:"mastersLogo"})}),Je=n.styled_default("div")({name:"Container",class:"c38csyt",propsAsIs:!1}),Xe=n.styled_default("div")({name:"Title",class:"ty221rx",propsAsIs:!1}),es=n.styled_default("div")({name:"Description",class:"dlaj9xp",propsAsIs:!1}),ss=({title:s,description:t})=>e.jsxs(Je,{children:[e.jsx(n.c1,{name:"icon-check-circle"}),e.jsx(Xe,{children:s}),e.jsx(es,{children:t})]}),ts=n.styled_default("div")({name:"Container",class:"c16sbdnm",propsAsIs:!1}),ns=()=>n.c1,is=n.styled_default(ns())({name:"IconPrediction",class:"ibhorgl",propsAsIs:!0}),L=n.styled_default("div")({name:"FeedbackIconWrap",class:"f1g20ja7",propsAsIs:!1}),M=n.styled_default("div")({name:"FeedbackHeader",class:"f455ozj",propsAsIs:!1}),os=n.styled_default("span")({name:"FeedbackTitle",class:"f1913njx",propsAsIs:!1}),E=n.styled_default("span")({name:"FeedbackDescription",class:"fzfk69z",propsAsIs:!1}),W=n.styled_default("div")({name:"FeedbackText",class:"fx87qaj",propsAsIs:!1}),as=({feedbackMessages:s,questionVotedCorrectly:t,questionVoted:i,questionType:o,hasCorrectAnswer:a,questionStatus:c,showExpiredNotification:d,showClosedNotificationTrivia:r,votedInCurrentRender:l,votedAfterQuestionClosed:m,enteredAnActiveQuestion:p,marketClosed:y})=>{const f=i&&(o===u.QuestionType.TRIVIA||o===u.QuestionType.PREDICTION)&&l&&c!==u.QuestionStatus.RESOLVED,I=o===u.QuestionType.PREDICTION&&!a,T=y&&o===u.QuestionType.PREDICTION&&!i&&!p||o===u.QuestionType.PREDICTION&&m&&l&&p,v=f&&I,$=f&&a,C=o===u.QuestionType.PREDICTION&&i&&l&&a,b=i&&o===u.QuestionType.POLL&&l;if(!d&&!r&&!v&&!$&&!T&&!b&&!C)return null;const S=t?"correct":"incorrect",w=t?s==null?void 0:s.correctFeedback:s==null?void 0:s.incorrectFeedback;return e.jsxs(ts,{"data-isPrediction":I,children:[d&&e.jsxs(e.Fragment,{children:[e.jsx(L,{children:e.jsx(n.c1,{name:"questionExpired"})}),e.jsxs("div",{children:[e.jsx(M,{children:e.jsx(E,{children:"Question Expired"})}),e.jsx(W,{children:"You can still answer to see if you're correct, but no points are awarded for expired questions."})]})]}),r&&e.jsxs(e.Fragment,{children:[e.jsx(L,{children:e.jsx(n.c1,{name:"questionExpired"})}),e.jsxs("div",{children:[e.jsx(M,{children:e.jsx(E,{children:"Question Closed"})}),e.jsx(W,{children:"This question was answered after the moderator closed the question. So the points for this answer won’t tally."})]})]}),T&&e.jsxs(e.Fragment,{children:[e.jsx(L,{children:e.jsx(n.c1,{name:"questionExpired"})}),e.jsxs("div",{children:[e.jsx(M,{children:e.jsx(E,{children:"Question Closed"})}),e.jsx(W,{children:"This event has already taken place, so the ability to make a prediction on its outcome is no longer available."})]})]}),v&&e.jsxs(e.Fragment,{children:[e.jsx(is,{name:"icon-prediction"}),e.jsx(E,{children:"Stay tuned to see if your prediction was correct."})]}),b&&e.jsxs(e.Fragment,{children:[e.jsx(L,{"data-feedback-type":"correct",children:e.jsx(n.c1,{name:"correct"})}),e.jsx(E,{children:"That's for answering. Please stay tuned for the next question."})]}),($||C)&&e.jsxs(e.Fragment,{children:[e.jsx(L,{"data-feedback-type":S,children:e.jsx(n.c1,{name:S})}),e.jsx("div",{children:e.jsxs(M,{children:[e.jsx(os,{"data-feedback-type":S,children:w==null?void 0:w.title}),e.jsx(E,{children:w==null?void 0:w.description})]})})]})]})},rs=n.styled_default("div")({name:"Container",class:"c14ielyq",propsAsIs:!1}),ls=()=>j.c,ds=n.styled_default(ls())({name:"QuestionScrollContainer",class:"q1tlqx57",propsAsIs:!0}),cs=n.styled_default("div")({name:"Content",class:"c1hq58md",propsAsIs:!1}),us=n.styled_default("div")({name:"Title",class:"t1c8nxcx",propsAsIs:!1}),ps=n.styled_default("div")({name:"Options",class:"oiozuc3",propsAsIs:!1}),ms=n.styled_default("button")({name:"ButtonContainer",class:"b1b6dl8t",propsAsIs:!1}),hs=n.styled_default("div")({name:"ButtonPct",class:"b4iik8i",propsAsIs:!1}),fs=n.styled_default("span")({name:"ButtonBody",class:"b1gq1lnf",propsAsIs:!1}),xs=n.styled_default("div")({name:"IconContainer",class:"i1j65z51",propsAsIs:!1}),ys=n.styled_default("div")({name:"IconWrap",class:"i19tpfua",propsAsIs:!1}),le=n.styled_default("img")({name:"Icon",class:"i1tubmma",propsAsIs:!1}),Is=()=>le,vs=n.styled_default(Is())({name:"IconDefault",class:"i1grrgwj",propsAsIs:!0}),js=()=>le,Cs=n.styled_default(js())({name:"IconCircle",class:"ibemyq8",propsAsIs:!0}),As=n.styled_default("span")({name:"Title",class:"t1dceht",propsAsIs:!1}),gs=n.styled_default("span")({name:"Indicators",class:"i116q4vq",propsAsIs:!1}),_s=n.styled_default("span")({name:"Pts",class:"p17ajcu2",propsAsIs:!1}),Ts=n.styled_default("span")({name:"Percentage",class:"pu9kmlb",propsAsIs:!1}),bs=()=>n.c1,$s=n.styled_default(bs())({name:"CheckIcon",class:"c1j2j0s0",propsAsIs:!0}),X={[u.QuestionImages.CENTERED]:s=>e.jsx(vs,{alt:"option-icon",src:s}),[u.QuestionImages.TRANSPARENT]:s=>e.jsx(xs,{children:e.jsx(ys,{style:{backgroundImage:`url(${s})`}})}),[u.QuestionImages.ROUNDED]:s=>e.jsx(Cs,{alt:"option-icon",src:s}),[u.QuestionImages.NONE]:()=>null,[u.QuestionImages.UNSET]:()=>null},Ss=({questionType:s,hasCorrectAnswer:t,correct:i,youVoted:o,questionVoted:a})=>{if(s===u.QuestionType.POLL&&o)return"correct";if(s===u.QuestionType.PREDICTION){if(t&&a)return o?i?"correct":"incorrect":"unset";if(o)return"correct"}return s===u.QuestionType.TRIVIA&&a&&o?i?"correct":"incorrect":"unset"},ws=({questionType:s,questionVoted:t,correct:i,hasCorrectAnswer:o,questionStatus:a})=>s===u.QuestionType.TRIVIA?t&&i:s===u.QuestionType.PREDICTION?t&&i&&o||a===u.QuestionStatus.RESOLVED&&i:!1,Rs=s=>{var t;const{id:i,icon:o,text:a,percentageDecimal:c,points:d,onVote:r,markThatVoted:l,youSelected:m,questionVoted:p,imageMode:y,answerTimeExpired:f,questionStatus:I,isLoading:T,questionType:v,correct:$,hasCorrectAnswer:C,votedAfterQuestionClosed:b,enteredAnActiveQuestion:S,marketClosed:w}=s,[N,P]=h.useState(c),q=Ss(s),B=ws({questionType:v,questionVoted:p,correct:$,hasCorrectAnswer:C,questionStatus:I}),x=w&&v===u.QuestionType.PREDICTION,A=p||x,g=v===u.QuestionType.PREDICTION&&!p&&!w,F=p&&!m&&q!=="incorrect";return h.useLayoutEffect(()=>{c>0&&(P(0),requestAnimationFrame(()=>{P(c)}))},[c]),e.jsxs(ms,{value:i,"data-selected":m,"data-answer-state":q,disabled:p||T||f||x&&!S||x&&S&&b,"data-is-not-checked":F,onClick:z=>{l(v===u.QuestionType.PREDICTION?w:I===u.QuestionStatus.RESOLVED),r(z)},children:[e.jsx(hs,{"data-answer-state":q,style:{width:`${A?N:0}%`}}),e.jsxs(fs,{children:[o&&y&&((t=X[y])==null?void 0:t.call(X,o)),e.jsx(As,{children:a}),g&&e.jsxs("div",{children:[d,e.jsx(_s,{children:"pts"})]}),A&&e.jsxs(gs,{children:[B&&e.jsx($s,{name:"selected"}),e.jsx(Ts,{children:e.jsx(n.d,{value:c,suffix:"%"})})]})]})]})},ks=[k.E.PRIMARY_GREEN1,k.E.SECONDARY_RED1,k.E.SECONDARY_RED1,k.E.NEUTRALS_GRAY3],qs=[10,10,1,0],Qs=n.styled_default("div")({name:"RemainingTime",class:"r165427",propsAsIs:!1}),Es=k.E.SECONDARY_GREEN6,ee=k.E.SECONDARY_RED3,Ns=k.E.NEUTRALS_GRAY3,Ds=({isPlaying:s=!0,duration:t=30,onTimerExpired:i})=>{const[o,a]=h.useState(t>10?Es:ee),c=({remainingTime:l})=>e.jsx(Qs,{children:l}),d=h.useCallback(()=>{i==null||i(),a(Ns)},[i,a]),r=h.useCallback(l=>{l===10&&a(ee)},[a]);return e.jsx(he.CountdownCircleTimer,{isPlaying:s,duration:t,colors:ks,colorsTime:qs,size:32,strokeWidth:2,trailStrokeWidth:2,trailColor:o,onComplete:d,onUpdate:r,children:c})},Ls=n.styled_default("div")({name:"WinBarContainer",class:"wie6cqo",propsAsIs:!1}),Ps=n.styled_default("div")({name:"Content",class:"cgizw4u",propsAsIs:!1}),Vs=n.styled_default("div")({name:"Title",class:"t1l3ucjp",propsAsIs:!1}),Ms=()=>n.c1,Os=n.styled_default(Ms())({name:"WinIcon",class:"wx7j799",propsAsIs:!0}),Us=n.styled_default("div")({name:"Points",class:"p4lwuj0",propsAsIs:!1}),Bs=n.styled_default("span")({name:"PointsCount",class:"po9i64o",propsAsIs:!1}),Fs=n.styled_default("span")({name:"PointsUnits",class:"pe5g05h",propsAsIs:!1}),zs=({title:s,points:t,isPlayingTimer:i,isTimer:o,animatePoints:a,questionType:c,timerDuration:d,onTimerExpired:r})=>e.jsxs(Ls,{style:{justifyContent:c===u.QuestionType.PREDICTION?"center":"space-between"},children:[e.jsxs(Ps,{children:[s&&e.jsx(Vs,{children:s}),t!==void 0&&c!==u.QuestionType.POLL&&e.jsxs(e.Fragment,{children:[e.jsx(Os,{name:"icon-trophy"}),e.jsxs(Us,{children:[e.jsx(Bs,{children:a?e.jsx(n.d,{value:t,delay:.3}):t}),e.jsx(Fs,{children:"PTS"})]})]})]}),o&&c!==u.QuestionType.PREDICTION&&e.jsx(Ds,{isPlaying:i,onTimerExpired:r,duration:d})]}),Ws=({openedQuestion:s,isLoading:t,vote:i,close:o})=>{var a,c;const d=s.subject,r=s.type,l=s.status,m=(a=s.options)==null?void 0:a.options,p=s.marketClosed,[y,f]=h.useState(!1),[I,T]=h.useState(!1),[v,$]=h.useState(!0),[C,b]=h.useState(!1),[S,w]=h.useState(""),N=s==null?void 0:s.id;h.useEffect(()=>{r===u.QuestionType.PREDICTION?p&&$(!1):l===u.QuestionStatus.RESOLVED&&$(!1)},[]);const P=h.useCallback(_=>{T(_),f(!0)},[]),q=h.useCallback(async _=>{if(N){const D=_.currentTarget.value;w(D),await i(N,D)}},[N,w,i]),B=h.useCallback(()=>{b(!0),setTimeout(o,3e3)},[o]),x=h.useMemo(()=>s==null?void 0:s.answers.find(_=>_.youVoted===!0),[s]),A=h.useMemo(()=>!!(s!=null&&s.answers.find(_=>_.correct===!0)),[s]),g=h.useMemo(()=>s==null?void 0:s.answers.find(_=>_.correct===!0),[s]),F=h.useMemo(()=>s?s.answers.map(_=>{var D;return{..._,questionVoted:!!x,youSelected:S===_.id,isLoading:t,hasCorrectAnswer:A,questionType:s.type,answerTimeExpired:C,questionStatus:l,imageMode:(D=s.appearance)==null?void 0:D.images,onVote:q}}):[],[A,C,t,s,x,l,q,S]),z=m&&(m.case==="trivia"||m.case==="prediction")?m.value:void 0,Q=l===u.QuestionStatus.RESOLVED&&r===u.QuestionType.TRIVIA&&!x&&!v,G=r===u.QuestionType.TRIVIA&&I&&y&&v,K=h.useMemo(()=>r===u.QuestionType.PREDICTION?!!(x&&!A||x&&A&&g!=null&&g.youVoted):!0,[r,x,A,g]),ce=h.useMemo(()=>{if(r===u.QuestionType.PREDICTION&&x&&(!A||A&&g!=null&&g.youVoted))return x.points;if(!(Q||C))return l===u.QuestionStatus.RESOLVED?0:x?x.correct?x.points:0:g==null?void 0:g.points},[C,x,g,l,Q,r,A]),ue=h.useMemo(()=>r===u.QuestionType.PREDICTION&&x?A?A&&g!=null&&g.youVoted?"You won":"":"To win":Q||C?"Time expired":r===u.QuestionType.POLL?"Time remaining":x?"You won":"To win",[C,r,x,Q,A,g]),pe=(r===u.QuestionType.TRIVIA||r===u.QuestionType.PREDICTION)&&x&&A&&(g==null?void 0:g.youVoted),me=x||Q||G||r===u.QuestionType.TRIVIA&&l===u.QuestionStatus.RESOLVED&&v;return e.jsx(ds,{children:e.jsx(rs,{children:e.jsxs(cs,{children:[e.jsx(as,{feedbackMessages:z,questionVoted:!!x,questionVotedCorrectly:x==null?void 0:x.correct,questionType:r,hasCorrectAnswer:A,questionStatus:l,showExpiredNotification:Q,showClosedNotificationTrivia:G,votedInCurrentRender:y,votedAfterQuestionClosed:I,enteredAnActiveQuestion:v,marketClosed:p}),K&&e.jsx(zs,{title:ue,points:ce,onTimerExpired:B,questionType:s.type,isTimer:!t,isPlayingTimer:!x,animatePoints:pe,timerDuration:me?0:Number(((c=s==null?void 0:s.appearance)==null?void 0:c.autoHideInterval)||"30")}),C?e.jsx(ss,{title:"More to come...",description:"Watch for additional enhanced stream interactive experience."}):e.jsxs(e.Fragment,{children:[e.jsx(us,{style:K?{}:{marginTop:0},children:d}),e.jsx(ps,{children:F.map(_=>e.jsx(Rs,{..._,markThatVoted:P,votedAfterQuestionClosed:I,enteredAnActiveQuestion:v,marketClosed:p},_.id))})]})]})})})},Hs=n.styled_default("div")({name:"Container",class:"cgn5uen",propsAsIs:!1}),Zs=n.styled_default("div")({name:"Content",class:"c1px8nt6",propsAsIs:!1}),Ys=n.styled_default("h3")({name:"Title",class:"t5et2jt",propsAsIs:!1}),Gs=n.styled_default("div")({name:"Description",class:"d1i2kpk2",propsAsIs:!1}),Ks=n.styled_default("div")({name:"DateWrap",class:"dd3lh3p",propsAsIs:!1}),Js=n.styled_default("img")({name:"Image",class:"i1gfjeu5",propsAsIs:!1}),de=({created:s,instantView:t,isDetail:i,notification:o})=>{const a=h.useMemo(()=>{if(s){const p=new Date(s);if(Y(p))return{date:H(p),time:Z(p)}}return null},[s]),c=t==null?void 0:t.heading,d=t==null?void 0:t.body,r=c||d,l=o==null?void 0:o.title,m=o==null?void 0:o.body;return e.jsxs(Hs,{children:[a&&e.jsxs(Ks,{children:[a.date," · ",a.time]}),(t==null?void 0:t.video)&&e.jsx(j.w,{source:t.video.url,poster:t.video.thumbnailUrl}),(t==null?void 0:t.image)&&!(t!=null&&t.video)&&e.jsx(Js,{src:t==null?void 0:t.image}),e.jsxs(Zs,{children:[e.jsx(Ys,{children:i&&r?c:l}),e.jsx(Gs,{children:i&&r?d:m})]})]})},Xs=n.styled_default("div")({name:"Container",class:"c1euiow",propsAsIs:!1}),et=n.styled_default("a")({name:"WebLinkBtn",class:"w19zie3h",propsAsIs:!1}),st=({instantView:s,...t})=>e.jsxs(Xs,{children:[e.jsx(de,{instantView:s,...t,isDetail:!0}),(s==null?void 0:s.webLink)&&e.jsxs(et,{href:s==null?void 0:s.webLink.url,target:"_blank",children:[s==null?void 0:s.webLink.label,e.jsx(n.c1,{name:"icon-external-link"})]})]}),tt=n.styled_default("div")({name:"Container",class:"c1dcxmvf",propsAsIs:!1}),nt=n.styled_default("div")({name:"DateTime",class:"db4q22c",propsAsIs:!1}),it=n.styled_default("blockquote")({name:"Quote",class:"q111mmic",propsAsIs:!1}),ot=({created:s,...t})=>{const i=h.useMemo(()=>{if(s){const o=new Date(s);if(Y(o))return{date:H(o),time:Z(o)}}return null},[s]);return e.jsxs(tt,{children:[i&&e.jsxs(nt,{children:[i.date," · ",i.time]}),t.title&&e.jsx(it,{children:t.title}),e.jsx(j.j,{...t})]})},at=n.styled_default("div")({name:"QuestionContainer",class:"qdri6g3",propsAsIs:!1}),rt=({openedQuestion:s})=>{var t,i;return((t=s==null?void 0:s.attributes)==null?void 0:t.attributes.case)==="insight"?e.jsx(st,{created:s.attributes.created,...s.attributes.attributes.value}):((i=s==null?void 0:s.attributes)==null?void 0:i.attributes.case)==="tweet"?e.jsx(ot,{created:s.attributes.created,...s.attributes.attributes.value}):null},lt=({extendedQuestion:s,vote:t,close:i})=>{const{loading:o,data:a}=s;return a?e.jsx(Ws,{vote:t,close:i,openedQuestion:a,isLoading:!!o}):null},dt=({gamification:s})=>{var t;const i=R.useStore(s.openedQuestion.$store),o=R.useStore(s.openedQuestion.$extendedStore);if(!i)return null;const a=i.type;return e.jsxs(at,{children:[e.jsx(ie,{close:s.closeQuestion,type:((t=i.attributes)==null?void 0:t.type)||u.QuestionType.UNSET}),a==="question"&&e.jsx(lt,{vote:s.submitAnswer,close:s.closeQuestion,extendedQuestion:o}),a!=="question"&&e.jsx(rt,{openedQuestion:i}),e.jsx(Ke,{sponsorLogo:""})]})},ct=n.styled_default("div")({name:"Container",class:"c115qtkr",propsAsIs:!1}),ut=n.styled_default("div")({name:"STabs",class:"sxnslc8",propsAsIs:!1}),pt=n.styled_default("button")({name:"Button",class:"b1umzux0",propsAsIs:!1}),mt=n.styled_default("span")({name:"Title",class:"tspsaas",propsAsIs:!1});var U=(s=>(s.HOME="home",s.LEADERBOARD="leaderboard",s))(U||{});const se=({title:s,active:t,onClick:i})=>e.jsx(pt,{onClick:i,"data-selected":t,children:e.jsx(mt,{children:s})}),ht=({activePage:s="home",toggleActivePage:t})=>e.jsx(ct,{children:e.jsxs(ut,{"data-position":s==="home"?"left":"right",children:[e.jsx(se,{title:"Home",active:s==="home",onClick:()=>t("home")}),e.jsx(se,{title:"Friends",active:s==="leaderboard",onClick:()=>t("leaderboard")})]})}),ft=n.styled_default("div")({name:"Container",class:"c1ux29ft",propsAsIs:!1}),xt=n.styled_default("img")({name:"FriendsIcon",class:"f10ncfg2",propsAsIs:!1}),yt=n.styled_default("div")({name:"Content",class:"c1yc07bd",propsAsIs:!1}),It=n.styled_default("div")({name:"Title",class:"tj6cq7w",propsAsIs:!1}),vt=n.styled_default("div")({name:"Description",class:"d1ag78xo",propsAsIs:!1}),jt=()=>n.c1,Ct=n.styled_default(jt())({name:"ArrowInviteIcon",class:"awohrz6",propsAsIs:!0}),At="data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20width='32'%20height='32'%20rx='16'%20fill='white'/%3e%3cpath%20d='M10.4615%2012.6875C9.44231%2012.6875%208.61538%2013.4665%208.61538%2014.4266C8.61538%2015.3868%209.44231%2016.1658%2010.4615%2016.1658C11.4808%2016.1658%2012.3077%2015.3868%2012.3077%2014.4266C12.3077%2013.4665%2011.4808%2012.6875%2010.4615%2012.6875ZM10.4615%2016.1658C9.10817%2016.1658%208%2017.2097%208%2018.4846V19.7527C8%2019.7527%208.61538%2020.2237%2010.4615%2020.2237C12.3077%2020.2237%2012.9231%2019.7527%2012.9231%2019.7527V18.4846C12.9231%2017.2097%2011.8149%2016.1658%2010.4615%2016.1658ZM21.5385%2012.6875C20.5192%2012.6875%2019.6923%2013.4665%2019.6923%2014.4266C19.6923%2015.3868%2020.5192%2016.1658%2021.5385%2016.1658C22.5577%2016.1658%2023.3846%2015.3868%2023.3846%2014.4266C23.3846%2013.4665%2022.5577%2012.6875%2021.5385%2012.6875ZM21.5385%2016.1658C20.1851%2016.1658%2019.0769%2017.2097%2019.0769%2018.4846V19.7527C19.0769%2019.7527%2019.6923%2020.2237%2021.5385%2020.2237C23.3846%2020.2237%2024%2019.7527%2024%2019.7527V18.4846C24%2017.2097%2022.8918%2016.1658%2021.5385%2016.1658ZM16%2015.0063C14.9808%2015.0063%2014.1538%2015.7853%2014.1538%2016.7455C14.1538%2017.7056%2014.9808%2018.4846%2016%2018.4846C17.0192%2018.4846%2017.8462%2017.7056%2017.8462%2016.7455C17.8462%2015.7853%2017.0192%2015.0063%2016%2015.0063ZM16%2018.4846C14.6466%2018.4846%2013.5385%2019.5285%2013.5385%2020.8034V22.0715C13.5385%2022.0715%2014.1538%2022.5425%2016%2022.5425C17.8462%2022.5425%2018.4615%2022.0715%2018.4615%2022.0715V20.8034C18.4615%2019.5285%2017.3534%2018.4846%2016%2018.4846Z'%20fill='%23107D57'/%3e%3cpath%20opacity='0.5'%20d='M13.3908%209C12.3103%209%2011.4336%209.82584%2011.4336%2010.8437C11.4336%2011.8616%2012.3103%2012.6875%2013.3908%2012.6875C14.4713%2012.6875%2015.348%2011.8616%2015.348%2010.8437C15.348%209.82584%2014.4713%209%2013.3908%209ZM13.3908%2012.6875C13.1946%2012.6875%2012.9958%2012.6827%2012.7996%2012.7451C13.192%2013.2372%2013.3908%2013.8542%2013.3908%2014.5312C13.3908%2014.7761%2013.3296%2015.0161%2013.3296%2015.261C13.8521%2014.524%2014.6956%2014.0391%2015.6742%2013.9166C15.218%2013.1796%2014.3694%2012.6875%2013.3908%2012.6875ZM18.61%209C17.5295%209%2016.6528%209.82584%2016.6528%2010.8437C16.6528%2011.8616%2017.5295%2012.6875%2018.61%2012.6875C19.6905%2012.6875%2020.5672%2011.8616%2020.5672%2010.8437C20.5672%209.82584%2019.6905%209%2018.61%209ZM18.61%2012.6875C17.6314%2012.6875%2016.7828%2013.1796%2016.3266%2013.9166C17.3052%2014.0391%2018.1487%2014.524%2018.6712%2015.261C18.6712%2015.0161%2018.61%2014.7761%2018.61%2014.5312C18.61%2013.8542%2018.8088%2013.2372%2019.2012%2012.7451C19.005%2012.6827%2018.8062%2012.6875%2018.61%2012.6875Z'%20fill='%23107D57'/%3e%3c/svg%3e",gt=({title:s,description:t,onClick:i,className:o})=>e.jsxs(ft,{onClick:i,className:o,children:[e.jsx(xt,{alt:"friends-icon",src:At}),e.jsxs(yt,{children:[e.jsx(It,{children:s}),e.jsx(vt,{children:t})]}),e.jsx(Ct,{name:"icon-copy"})]});function _t(s){var t=s.lastRenderedStartIndex,i=s.lastRenderedStopIndex,o=s.startIndex,a=s.stopIndex;return!(o>i||a<t)}function Tt(s){for(var t=s.isItemLoaded,i=s.itemCount,o=s.minimumBatchSize,a=s.startIndex,c=s.stopIndex,d=[],r=null,l=null,m=a;m<=c;m++){var p=t(m);p?l!==null&&(d.push(r,l),r=l=null):(l=m,r===null&&(r=m))}if(l!==null){for(var y=Math.min(Math.max(l,r+o-1),i-1),f=l+1;f<=y&&!t(f);f++)l=f;d.push(r,l)}if(d.length)for(;d[1]-d[0]+1<o&&d[0]>0;){var I=d[0]-1;if(!t(I))d[0]=I;else break}return d}var bt=function(s,t){if(!(s instanceof t))throw new TypeError("Cannot call a class as a function")},$t=function(){function s(t,i){for(var o=0;o<i.length;o++){var a=i[o];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}return function(t,i,o){return i&&s(t.prototype,i),o&&s(t,o),t}}(),St=function(s,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);s.prototype=Object.create(t&&t.prototype,{constructor:{value:s,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(s,t):s.__proto__=t)},te=function(s,t){if(!s)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:s};(function(s){St(t,s);function t(){var i,o,a,c;bt(this,t);for(var d=arguments.length,r=Array(d),l=0;l<d;l++)r[l]=arguments[l];return c=(o=(a=te(this,(i=t.__proto__||Object.getPrototypeOf(t)).call.apply(i,[this].concat(r))),a),a._lastRenderedStartIndex=-1,a._lastRenderedStopIndex=-1,a._memoizedUnloadedRanges=[],a._onItemsRendered=function(m){var p=m.visibleStartIndex,y=m.visibleStopIndex;a._lastRenderedStartIndex=p,a._lastRenderedStopIndex=y,a._ensureRowsLoaded(p,y)},a._setRef=function(m){a._listRef=m},o),te(a,c)}return $t(t,[{key:"resetloadMoreItemsCache",value:function(){var o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;this._memoizedUnloadedRanges=[],o&&this._ensureRowsLoaded(this._lastRenderedStartIndex,this._lastRenderedStopIndex)}},{key:"componentDidMount",value:function(){}},{key:"render",value:function(){var o=this.props.children;return o({onItemsRendered:this._onItemsRendered,ref:this._setRef})}},{key:"_ensureRowsLoaded",value:function(o,a){var c=this.props,d=c.isItemLoaded,r=c.itemCount,l=c.minimumBatchSize,m=l===void 0?10:l,p=c.threshold,y=p===void 0?15:p,f=Tt({isItemLoaded:d,itemCount:r,minimumBatchSize:m,startIndex:Math.max(0,o-y),stopIndex:Math.min(r-1,a+y)});(this._memoizedUnloadedRanges.length!==f.length||this._memoizedUnloadedRanges.some(function(I,T){return f[T]!==I}))&&(this._memoizedUnloadedRanges=f,this._loadUnloadedRanges(f))}},{key:"_loadUnloadedRanges",value:function(o){for(var a=this,c=this.props.loadMoreItems||this.props.loadMoreRows,d=function(m){var p=o[m],y=o[m+1],f=c(p,y);f!=null&&f.then(function(){if(_t({lastRenderedStartIndex:a._lastRenderedStartIndex,lastRenderedStopIndex:a._lastRenderedStopIndex,startIndex:p,stopIndex:y})){if(a._listRef==null)return;typeof a._listRef.resetAfterIndex=="function"?a._listRef.resetAfterIndex(p,!0):(typeof a._listRef._getItemStyleCache=="function"&&a._listRef._getItemStyleCache(-1),a._listRef.forceUpdate())}})},r=0;r<o.length;r+=2)d(r)}}]),t})(h.PureComponent);const wt=n.styled_default("div")({name:"Container",class:"culdu4a",propsAsIs:!1}),Rt=n.styled_default("div")({name:"Position",class:"pwf8e69",propsAsIs:!1}),kt=n.styled_default("img")({name:"Avatar",class:"atf4yh4",propsAsIs:!1}),qt=n.styled_default("div")({name:"AvatarPlaceholder",class:"a1dg29ja",propsAsIs:!1}),Qt=n.styled_default("div")({name:"Content",class:"c10a68rc",propsAsIs:!1}),Et=n.styled_default("div")({name:"NameContainer",class:"nc4kck5",propsAsIs:!1}),Nt=n.styled_default("span")({name:"Name",class:"njsrqgr",propsAsIs:!1}),Dt=()=>n.c1,Lt=n.styled_default(Dt())({name:"CurrentUserBadge",class:"c17uc4zr",propsAsIs:!0}),Pt=({rank:s,avatar:t,name:i,points:o,isCurrentUser:a,openItemDetail:c,style:d})=>e.jsxs(wt,{onClick:c,style:d,children:[e.jsx(Rt,{children:s||0}),e.jsxs(Qt,{children:[t?e.jsx(kt,{alt:"leaderboard-item-avatar",src:t}):e.jsx(qt,{children:oe(i||"")}),e.jsxs(Et,{children:[e.jsx(Nt,{children:i||""}),a&&e.jsx(Lt,{name:"icon-star"})]})]}),e.jsx("div",{children:ae(o)})]}),Vt=n.styled_default("div")({name:"Container",class:"c16btbfp",propsAsIs:!1}),Mt=({items:s,currentUserId:t,openItemDetail:i,fetchMore:o,scrollNode:a,hasMore:c})=>e.jsx(fe,{loadMore:o,initialLoad:!1,hasMore:c,useWindow:!1,getScrollParent:()=>a.current,children:e.jsx(Vt,{children:s.map(d=>e.jsx(Pt,{...d,openItemDetail:()=>i(d.userId),isCurrentUser:!!t&&t===d.userId},d.userId))})}),Ot=({renderClipBoardNode:s,deepLink:t})=>e.jsx(j.E,{renderToNode:s,inviteLink:t,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."}),Ut=n.styled_default("div")({name:"InviteLinkContainer",class:"i1chxfpe",propsAsIs:!1}),Bt=({gamification:s,scrollNode:t,scrollStore:i,renderClipBoardNode:o})=>{const{data:a,hasMore:c,loading:d,key:r}=R.useStore(s.leaderboardList.$store),{data:l}=R.useStore(s.deepLink.$store),[m,p]=j.Kk(o);return!a.length&&!d?e.jsx(Ot,{renderClipBoardNode:o,deepLink:l}):e.jsxs(e.Fragment,{children:[e.jsx(Mt,{items:a,scrollNode:t,scrollStore:i,fetchMore:s.leaderboardList.fetchMore,hasMore:c,openItemDetail:s.openUser,currentUserId:s.currentUserId.get()},r),l&&e.jsx(Ut,{children:e.jsx(gt,{onClick:()=>m(l),title:"Invite Friends",description:"Challenge them now!"})}),p]})},Ft=n.styled_default("div")({name:"QuestionItem",class:"q1w97g3p",propsAsIs:!1}),zt=n.styled_default("div")({name:"QuestionCaption",class:"q2sl39u",propsAsIs:!1}),Wt=n.styled_default("div")({name:"QuestionBody",class:"qd5h0uc",propsAsIs:!1}),Ht=n.styled_default("div")({name:"QuestionAction",class:"q105uluy",propsAsIs:!1}),Zt=()=>n.c1,O=n.styled_default(Zt())({name:"QuestionActionIcon",class:"q1fa0b9h",propsAsIs:!0}),Yt=()=>n.c1,Gt=n.styled_default(Yt())({name:"QuestionTypeIcon",class:"qxlt78s",propsAsIs:!0}),Kt=n.styled_default("div")({name:"QuestionTypeLabel",class:"qmg0vkx",propsAsIs:!1}),Jt=n.styled_default("div")({name:"QuestionContent",class:"q1uz5j1g",propsAsIs:!1}),Xt=n.styled_default("button")({name:"PlayButton",class:"p1pba9p1",propsAsIs:!1}),en={[u.PickHistoryStatus.LOST]:e.jsx(O,{name:"incorrectVoted"}),[u.PickHistoryStatus.WON]:e.jsx(O,{name:"icon-check"}),[u.PickHistoryStatus.UNSET]:e.jsx(O,{name:"icon-arrow"}),[u.PickHistoryStatus.DNP]:e.jsx(O,{name:"icon-arrow"})},sn=({questionId:s,questionType:t,questionStatus:i,subject:o,openForVoting:a,openQuestion:c,status:d})=>{const r=j.o[t],l=en[d];return r?e.jsxs(Ft,{onClick:()=>c==null?void 0:c(s),children:[e.jsxs(Jt,{children:[e.jsxs(zt,{children:[e.jsx(Gt,{"data-type-trivia":t===u.QuestionType.TRIVIA,"data-type-poll":t===u.QuestionType.POLL,name:r.iconName}),e.jsxs(Kt,{children:[r.label,t===u.QuestionType.TRIVIA&&i===u.QuestionStatus.RESOLVED&&" • Expired"]})]}),e.jsx(Wt,{children:o||""})]}),e.jsx(Ht,{children:a?e.jsx(Xt,{children:"Play"}):l})]}):null},tn=n.styled_default("div")({name:"Container",class:"cll3md7",propsAsIs:!1}),nn=n.styled_default("button")({name:"ActionBtn",class:"a10g1iik",propsAsIs:!1}),on=({openInsight:s,questionId:t,...i})=>e.jsxs(tn,{children:[e.jsx(de,{questionId:t,...i}),s&&e.jsx(nn,{onClick:()=>s(t),children:"View Insight"})]}),an=n.styled_default("div")({name:"Container",class:"cl56x6b",propsAsIs:!1}),rn=()=>j.c$1,ln=n.styled_default(rn())({name:"ActionButton",class:"a11pzf92",propsAsIs:!0}),dn=n.styled_default("div")({name:"DateTime",class:"d1hbaleq",propsAsIs:!1}),cn=n.styled_default("blockquote")({name:"Quote",class:"qvvgqjm",propsAsIs:!1}),un=({openTweet:s,created:t,...i})=>{const o=h.useMemo(()=>{if(t){const a=new Date(t);if(Y(a))return{date:H(a),time:Z(a)}}return null},[t]);return e.jsxs(an,{children:[o&&e.jsxs(dn,{children:[o.date," · ",o.time]}),i.title&&e.jsx(cn,{children:i.title}),e.jsx(j.j,{...i}),s&&e.jsx(ln,{onClick:()=>s(i.tweetId),children:"View Insight"})]})},pn=n.styled_default("div")({name:"QuestionsContainer",class:"qvghv3l",propsAsIs:!1}),mn=({questions:s,openQuestion:t})=>e.jsx(pn,{children:s==null?void 0:s.map(i=>{var o,a,c;if(i.type==="question"&&((o=i.attributes)==null?void 0:o.attributes.case)==="question"){const d=i.attributes.attributes.value;return e.jsx(sn,{openQuestion:t,...d},d.questionId)}if(i.type==="insight"&&((a=i.attributes)==null?void 0:a.attributes.case)==="insight"){const d=i.attributes.attributes.value,r=i.attributes.created;return e.jsx(on,{openInsight:t,...d,created:r},d.questionId)}if(i.type==="tweet"&&((c=i.attributes)==null?void 0:c.attributes.case)==="tweet"){const d=i.attributes.attributes.value,r=i.attributes.id,l=i.attributes.created;return e.jsx(un,{openTweet:t,...d,tweetId:r,created:l},r)}return null})}),hn=({store:s,openQuestion:t})=>{const i=R.useStore(s);return i!=null&&i.data?e.jsx(mn,{openQuestion:t,questions:i.data}):e.jsx("div",{children:"wait questions..."})},fn=({userSummary:s})=>{var t;const[i,o]=h.useState(void 0);return h.useEffect(()=>{const a=s.subscribe(c=>{c!=null&&c.data&&o(c.data)});return()=>{a()}},[s]),i!=null&&i.summary?e.jsx(re,{...i.summary,successRate:(t=i.percentage)==null?void 0:t.correct}):e.jsx("div",{children:"wait user..."})},xn=({gamification:s,className:t,scrollStore:i,scrollNode:o,appNode:a,style:c,responsiveStore:d,headerNode:r})=>{const[l,m]=h.useState(!1),[p,y]=h.useState(U.HOME),[,f]=h.useTransition(),{sdkInScrollView:I}=R.useStore(d,{keys:["sdkInScrollView"]}),T=b=>{f(()=>{var S;y(b),I===!1&&(((S=a.current)==null?void 0:S.getBoundingClientRect().y)||0)<0&&j.D(a,{behavior:"instant"})})},v=b=>{f(()=>m(b))};h.useEffect(()=>i.listen(b=>{if(b.scrollPosition===0){v(!1),i.setKey("tabsShown",!1);return}v(b.scrollDirection==="forward"),i.setKey("tabsShown",b.scrollDirection!=="forward")}),[i]);let $="0px";I?$=l?"calc(8px - var(--header-height) - var(--header-offset))":"0px":$=l?"calc(var(--header-height) + var(--header-offset))":"0px";const C=I?a:r;return e.jsxs(j.p,{className:t,style:c,children:[e.jsx(j.C,{style:{top:$},children:e.jsx(ht,{activePage:p,toggleActivePage:T})}),p===U.HOME&&e.jsxs(e.Fragment,{children:[e.jsx(j.n,{style:{paddingTop:"8px"},children:e.jsx(j.m,{children:e.jsx(fn,{userSummary:s.userSummary})})}),e.jsx(j.a,{style:{flex:1},children:e.jsx(hn,{openQuestion:s.openQuestion,store:s.feedList.getStore()})})]}),p===U.LEADERBOARD&&e.jsx(j.l,{children:e.jsx(Bt,{renderClipBoardNode:C,scrollStore:i,scrollNode:o,gamification:s})})]})},yn=()=>j.l$1,ne=n.styled_default(yn())({name:"OpenedContainer",class:"oar61gl",propsAsIs:!0}),In=n.styled_default("div")({name:"UserContainer",class:"u14zaal4",propsAsIs:!1}),vn=({correct:s,incorrect:t})=>{const i=s+t;return i===0?0:Math.round(s/i*100)},jn=`
2
2
  body {
3
3
  overflow: hidden
4
4
  }
5
- `,Cn=({gamification:s,scrollStore:n,className:i,appNode:o,scrollNode:a,headerNode:c,responsiveStore:r})=>{const d=R.useStore(s.openedQuestion.$store),l=R.useStore(s.openedUser),{sdkInScrollView:p}=R.useStore(r,{keys:["sdkInScrollView"]}),m=h.useRef(0),[x,f]=h.useMemo(()=>{var I;const _=p?o:c,v=(((I=o.current)==null?void 0:I.getBoundingClientRect().y)||0)<0;if((d||l)&&_.current){v&&(m.current=window.scrollY);const b=()=>(h.useEffect(()=>{const A=setTimeout(()=>{var C;(C=o.current)==null||C.scrollIntoView()},1e3);return()=>{clearTimeout(A),m.current!==0&&(window.scroll({top:m.current}),m.current=0)}},[]),e.jsx("style",{children:jn}));return[v,d?j.Yk.createPortal(e.jsxs(te,{className:i,children:[e.jsx(dt,{gamification:s}),v&&!p&&e.jsx(b,{})]}),_.current):l?j.Yk.createPortal(e.jsx(te,{className:i,children:e.jsxs(In,{children:[e.jsx(ne,{label:"Friend's Rank",close:s.closeUser}),e.jsx(j.n,{children:e.jsx(ae,{...l,successRate:vn(l)})})]})}),_.current):null]}return[v,null]},[o,i,s,c,d,l,p]);return e.jsxs(e.Fragment,{children:[f,e.jsx(xn,{appNode:o,headerNode:c,scrollStore:n,scrollNode:a,className:i,gamification:s,responsiveStore:r,style:!p&&!x&&f!==null?{height:"0",overflow:"hidden"}:{}})]})};exports.default=Cn;
5
+ `,Cn=({gamification:s,scrollStore:t,className:i,appNode:o,scrollNode:a,headerNode:c,responsiveStore:d})=>{const r=R.useStore(s.openedQuestion.$store),l=R.useStore(s.openedUser),{sdkInScrollView:m}=R.useStore(d,{keys:["sdkInScrollView"]}),p=h.useRef(0),[y,f]=h.useMemo(()=>{var I;const T=m?o:c,v=(((I=o.current)==null?void 0:I.getBoundingClientRect().y)||0)<0;if((r||l)&&T.current){v&&(p.current=window.scrollY);const $=()=>(h.useEffect(()=>{const C=setTimeout(()=>{j.D(o,{behavior:"instant"})},1e3);return()=>{clearTimeout(C),p.current!==0&&(window.scroll({top:p.current}),p.current=0)}},[]),e.jsx("style",{children:jn}));return[v,r?j.Yk.createPortal(e.jsxs(ne,{className:i,children:[e.jsx(dt,{gamification:s}),v&&!m&&e.jsx($,{})]}),T.current):l?j.Yk.createPortal(e.jsx(ne,{className:i,children:e.jsxs(In,{children:[e.jsx(ie,{label:"Friend's Rank",close:s.closeUser}),e.jsx(j.n,{children:e.jsx(re,{...l,successRate:vn(l)})})]})}),T.current):null]}return[v,null]},[o,i,s,c,r,l,m]);return e.jsxs(e.Fragment,{children:[f,e.jsx(xn,{appNode:o,headerNode:c,scrollStore:t,scrollNode:a,className:i,gamification:s,responsiveStore:d,style:!m&&!y&&f!==null?{height:"0",overflow:"hidden"}:{}})]})};exports.default=Cn;
package/lib/cjs/index2.js CHANGED
@@ -1,4 +1,14 @@
1
- "use strict";const N=require("react/jsx-runtime"),r=require("react"),O=require("./useStreamLayerApp.js");var T=(R=>(R[R.UNSET=0]="UNSET",R[R.CONNECTED=1]="CONNECTED",R[R.READY=2]="READY",R))(T||{});const S=r.createContext({status:0,sdk:null}),Y=({sdkKey:R,plugins:E,children:A,production:s=!0,autoEnable:t=!0})=>{const _=O.useStreamLayerApp(R,E,s,t),G=r.useMemo(()=>_?{sdk:_,status:2}:{status:1,sdk:null},[_]);return N.jsx(S.Provider,{value:G,children:A})},a={BG_TRANSPARENT:"rgba(0,0,0, .8)",BG_TRANSPARENT_VOTE_CONTAINER:"rgba(10, 14, 19, 0.8)",BG_TRANSPARENT_ITEM:"rgba(0, 0, 0, 0.7)",BG_TRANSPARENT_ITEM_VOTE:"rgba(255, 255, 255, 0.1)",BG_TRANSPARENT_ITEM_SUCCESS:"rgba(0, 139, 251, 0.2)",BG_TRANSPARENT_ITEM_ERROR:"rgba(205, 37, 37, 0.2)",BG_TRANSPARENT_VOTE_PROGRESS:"rgba(255, 255, 255, 0.2)",BG_TRANSPARENT_VOTE_PROGRESS_SUCCESS:"rgba(60, 139, 251, 0.5)",BG_TRANSPARENT_VOTE_PROGRESS_ERROR:"rgba(205, 37, 37, 0.5)",BG_TRANSPARENT_ONBOARDING_INAPP:"rgba(138, 159, 182, 0.2)",LEADERBOARD_UNIT:"rgba(255, 255, 255, 0.5)",BLUE_PRIMARY:"#1589EE",RED_PRIMARY:"#CD2525",RED_SECONDARY:"#EB5757",BLUE_QUESTION_ACTION_BTN:"#1589ee",WHITE:"#FFFFFF",GREY_1:"#909395",GREY_2:"#22262b",GREY_3:"#2d3135",GREY_4:"#53565a",GREY_PRIMARY_ONBOARDING_INAPP:"#B5B7B8",BLACK_1:"#161a1f",GREEN_1:"#F7B801",RED_1:"#A30000",RED_2:"#FF4170",GREY_PRIMARY:"#909395",DIVIDER_COLOR_SECONDARY:"#53565a",GREEN_PRIMARY_BTN:"#009B77"},D={PRIMARY_GREEN1:"#107D57",PRIMARY_GREEN2:"#006747",PRIMARY_GREEN3:"#1C4932",PRIMARY_GREEN4:"#193526",SECONDARY_RED1:"#DF2F3B",SECONDARY_RED2:"#BA0C2F",SECONDARY_RED3:"#f9d6d8",SECONDARY_YELLOW:"#fce300",SECONDARY_GREEN5:"#C0DC8F",SECONDARY_GREEN6:"#cee5de",NEUTRALS_WHITE:"#FFFFFF",NEUTRALS_GRAY1:"#F7F7F7",NEUTRALS_GRAY2:"#F2F2F1",NEUTRALS_GRAY3:"#E8E8E8",NEUTRALS_GRAY4:"#D9D9D6",NEUTRALS_GRAY5:"#B1B3B3",NEUTRALS_GRAY6:"#888B8D",NEUTRALS_GRAY7:"#6B6F73",NEUTRALS_GRAY8:"#53565A",NEUTRALS_GRAY9:"#25282A",NEUTRALS_BLACK:"#000000"},e=Object.assign({},a,D),B={sm:576,md:768,lg:992,xl:1200,xxl:1400};Object.keys(e).reduce((R,E)=>{const A=e[E];return`
1
+ "use strict";const a=require("react/jsx-runtime"),s=require("react"),G=require("./useStreamLayerApp.js");var T=(R=>(R[R.UNSET=0]="UNSET",R[R.CONNECTED=1]="CONNECTED",R[R.READY=2]="READY",R))(T||{});const o=s.createContext({status:0,sdk:null}),d=({sdkKey:R,plugins:e,children:E,production:A=!0,autoEnable:i=!0})=>{const n=G.useStreamLayerApp(R,e,A,i),S=s.useMemo(()=>n?{sdk:n,status:2}:{status:1,sdk:null},[n]);return a.jsx(o.Provider,{value:S,children:E})},c={BG_TRANSPARENT:"rgba(0,0,0, .8)",BG_TRANSPARENT_VOTE_CONTAINER:"rgba(10, 14, 19, 0.8)",BG_TRANSPARENT_ITEM:"rgba(0, 0, 0, 0.7)",BG_TRANSPARENT_ITEM_VOTE:"rgba(255, 255, 255, 0.1)",BG_TRANSPARENT_ITEM_SUCCESS:"rgba(0, 139, 251, 0.2)",BG_TRANSPARENT_ITEM_ERROR:"rgba(205, 37, 37, 0.2)",BG_TRANSPARENT_VOTE_PROGRESS:"rgba(255, 255, 255, 0.2)",BG_TRANSPARENT_VOTE_PROGRESS_SUCCESS:"rgba(60, 139, 251, 0.5)",BG_TRANSPARENT_VOTE_PROGRESS_ERROR:"rgba(205, 37, 37, 0.5)",BG_TRANSPARENT_ONBOARDING_INAPP:"rgba(138, 159, 182, 0.2)",LEADERBOARD_UNIT:"rgba(255, 255, 255, 0.5)",BLUE_PRIMARY:"#1589EE",RED_PRIMARY:"#CD2525",RED_SECONDARY:"#EB5757",BLUE_QUESTION_ACTION_BTN:"#1589ee",WHITE:"#FFFFFF",GREY_1:"#909395",GREY_2:"#22262b",GREY_3:"#2d3135",GREY_4:"#53565a",GREY_PRIMARY_ONBOARDING_INAPP:"#B5B7B8",BLACK_1:"#161a1f",GREEN_1:"#F7B801",RED_1:"#A30000",RED_2:"#FF4170",GREY_PRIMARY:"#909395",DIVIDER_COLOR_SECONDARY:"#53565a",GREEN_PRIMARY_BTN:"#009B77"},O={PRIMARY_GREEN1:"#107D57",PRIMARY_GREEN2:"#006747",PRIMARY_GREEN3:"#1C4932",PRIMARY_GREEN4:"#193526",SECONDARY_RED1:"#DF2F3B",SECONDARY_RED2:"#BA0C2F",SECONDARY_RED3:"#f9d6d8",SECONDARY_YELLOW:"#fce300",SECONDARY_GREEN5:"#C0DC8F",SECONDARY_GREEN6:"#cee5de",NEUTRALS_WHITE:"#FFFFFF",NEUTRALS_GRAY1:"#F7F7F7",NEUTRALS_GRAY2:"#F2F2F1",NEUTRALS_GRAY3:"#E8E8E8",NEUTRALS_GRAY4:"#D9D9D6",NEUTRALS_GRAY5:"#B1B3B3",NEUTRALS_GRAY6:"#888B8D",NEUTRALS_GRAY7:"#6B6F73",NEUTRALS_GRAY8:"#53565A",NEUTRALS_GRAY9:"#25282A",NEUTRALS_BLACK:"#000000"},N=Object.assign({},c,O),t={REGULAR:"'Benton Sans', BentonSans, Arial, Helvetica, sans-serif",SERIF:"'Tiempos', 'Tiempos Text', Times New Roman, serif",COLOR:"#fff",WEIGHT_DEFAULT:"500"},r={sm:576,md:768,lg:992,xl:1200,xxl:1400},D={landscape:"landscape",portrait:"portrait"},B=Object.keys(N).reduce((R,e)=>{const E=N[e];return`
2
2
  ${R}
3
- --color-${E.toLowerCase().replaceAll("_","-")}: ${A};
4
- `},"");const C="StreamLayerCSSReset",P="ttkj0ah",c=({children:R,style:E})=>N.jsx("div",{className:"StreamLayerSDKTheme",children:N.jsx("div",{className:P,style:E,children:R})});exports.E=e;exports.O=B;exports.StreamLayerContext=S;exports.StreamLayerProvider=Y;exports.StreamLayerStatus=T;exports.c=C;exports.s=c;
3
+ --color-${e.toLowerCase().replaceAll("_","-")}: ${E};
4
+ `},""),_=R=>e=>`
5
+ @media only screen and (${R}) {
6
+ ${e}
7
+ }
8
+ `,Y=(R,e)=>E=>`
9
+ @media only screen and (${R}) and (${e}) {
10
+ ${E}
11
+ }
12
+ `,C={up:R=>{const e=r[R];return _(`min-width: ${e}px`)},down:R=>{const e=r[R]-1;return _(`max-width: ${e}px`)},intermediate:(R,e)=>{const E=r[R]-1,A=r[e];return Y(`max-width: ${E}px`,`min-width: ${A}px`)},orientation:R=>{const e=D[R];return _(`orientation: ${e}`)}};`${B}${t.REGULAR}${t.REGULAR}${t.COLOR}${t.SERIF}${t.WEIGHT_DEFAULT}${C.down("xl")`
13
+ --header-offset: 56px;
14
+ `}`;const l="StreamLayerCSSReset",L="ttkj0ah",m=({children:R,style:e})=>a.jsx("div",{className:"StreamLayerSDKTheme",children:a.jsx("div",{className:L,style:e,children:R})});exports.E=N;exports.O=r;exports.StreamLayerContext=o;exports.StreamLayerProvider=d;exports.StreamLayerStatus=T;exports.m=l;exports.p=m;
package/lib/cjs/masters.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("./index2.js");const e=require("./masters2.js");require("react");require("./useStreamLayerApp.js");require("@streamlayer/sdk-web");require("@streamlayer/sdk-web-types");require("@nanostores/react");require("@streamlayer/sdk-web-interfaces");require("./useSdkFeature.js");require("@streamlayer/sdk-web-notifications");require("lodash.throttle");exports.MastersStreamLayerProvider=e.MastersStreamLayerProvider;exports.MastersStreamLayerSDKReact=e.MastersStreamLayerSDKReact;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("./index2.js");const e=require("./masters2.js");require("react");require("./useStreamLayerApp.js");require("@streamlayer/sdk-web");require("@streamlayer/sdk-web-types");require("@nanostores/react");require("@streamlayer/sdk-web-interfaces");require("./useSdkFeature.js");require("react-countup");require("@streamlayer/sdk-web-notifications");require("lodash.throttle");exports.MastersStreamLayerProvider=e.MastersStreamLayerProvider;exports.MastersStreamLayerSDKReact=e.MastersStreamLayerSDKReact;