@streamlayer/react 1.23.1 → 1.24.0

package/lib/classic/cjs/index12.js

@@ -1 +1 @@
-"use strict";const t=require("./sl-types.js"),l=require("./useStreamLayerApp2.js"),e=require("react/jsx-runtime"),U=require("react"),S=require("./index9.js"),_=require("./index4.js"),O={[l.QuestionType.TWEET]:{label:"Insight",iconName:"icon-insight"},[l.QuestionType.PROMOTION]:{label:"Insight",iconName:"icon-insight"},[l.QuestionType.UNSET]:void 0,[l.QuestionType.FACTOID]:{label:"Insight",iconName:"icon-insight"},[l.QuestionType.POLL]:{label:"Poll",iconName:"icon-poll"},[l.QuestionType.TRIVIA]:{label:"Trivia",iconName:"icon-trivia"},[l.QuestionType.PREDICTION]:{label:"Prediction",iconName:"icon-prediction"}},b={[l.QuestionType.TWEET]:"Learn more",[l.QuestionType.FACTOID]:"Learn more",[l.QuestionType.POLL]:"Answer",[l.QuestionType.TRIVIA]:"Answer",[l.QuestionType.PREDICTION]:"Answer",[l.QuestionType.PROMOTION]:"",[l.QuestionType.UNSET]:""},E=i=>i.split(/\s+/).map(n=>n[0]).join("").toUpperCase(),q=i=>i?i.toLocaleString("en-US"):"0",C=i=>{const n=new Date(i);if(!n)return"";const d=new Date,a=Math.floor(d.getTime()-n.getTime());return a<6e4?`${Math.floor(a/1e3)}s`:a<36e5?`${Math.floor(a/6e4)}m`:a<864e5?`${Math.floor(a/36e5)}h`:n.getFullYear()===d.getFullYear()?`${n.toLocaleDateString("en-US",{month:"short",day:"numeric"})}`:`${n.toLocaleDateString("en-US",{month:"2-digit",day:"2-digit",year:"2-digit"})}`},R=t.styled_default("div")({name:"Container",class:"cjq447q",propsAsIs:!1}),P=t.styled_default("div")({name:"ImageContainer",class:"i14egogb",propsAsIs:!1}),M=t.styled_default("img")({name:"Image",class:"i2g9g4l",propsAsIs:!1}),F=()=>_.B1,V=t.styled_default(F())({name:"TwitterIcon",class:"t1c454nm",propsAsIs:!0}),z=t.styled_default("div")({name:"Details",class:"d11nigc3",propsAsIs:!1}),B=t.styled_default("div")({name:"Name",class:"nrxa4k8",propsAsIs:!1}),k=t.styled_default("div")({name:"UserNameAndDate",class:"u1p051g3",propsAsIs:!1}),w=({image:i,name:n,userName:d,verified:a,createdTweet:m})=>{const o=m&&C(m);return e.jsxs(R,{children:[i&&e.jsxs(P,{children:[e.jsx(M,{className:"SL_AccountImage",src:i}),e.jsx(V,{name:"twitter"})]}),e.jsxs(z,{children:[n&&e.jsxs(B,{className:"SL_TweetAccountName",children:[n," ",a&&e.jsx(_.B1,{name:"icon-twitter-verified"})]}),d&&e.jsxs(k,{className:"SL_TweetAccountUserName",children:["@",d," ",o&&`･ ${o}`]})]})]})},W=t.styled_default("div")({name:"Container",class:"c1kzqw87",propsAsIs:!1}),Y=t.styled_default("div")({name:"Details",class:"d9r1hf9",propsAsIs:!1}),G=t.styled_default("div")({name:"Body",class:"bezygt5",propsAsIs:!1}),c=t.styled_default("div")({name:"ImagesContainer",class:"i1y8f7ym",propsAsIs:!1}),g=t.styled_default("div")({name:"ImagesBlock",class:"i18gwonx",propsAsIs:!1}),D=t.styled_default("img")({name:"Image",class:"i3g0xjd",propsAsIs:!1}),J=()=>D,r=t.styled_default(J())({name:"ImageFullSize",class:"io8rt7p",propsAsIs:!0}),K=()=>D,v=t.styled_default(K())({name:"ImageHalfSize",class:"i4hn3ox",propsAsIs:!0}),X=new RegExp("\\s?https?://t.co[^\\s]+(\\s+)?$"),L=i=>i==null?void 0:i.replace(X,""),Z=U.memo(({image:i,body:n,muted:d,account:a,accountVerified:m,tweet:o,isDetail:y,controlVideo:H})=>{var I,x,h,T,j;const s=(x=(I=o==null?void 0:o.meta)==null?void 0:I.extendedEntities)==null?void 0:x.media,p=s==null?void 0:s.find(({type:u})=>u==="photo"),f=U.useMemo(()=>{var u,A,$,N;return(N=($=(A=(u=s==null?void 0:s[0])==null?void 0:u.videoInfo)==null?void 0:A.variants)==null?void 0:$.findLast(({contentType:Q})=>Q==="video/mp4"))==null?void 0:N.url},[s]);return e.jsxs(W,{children:[e.jsxs(Y,{children:[e.jsx(w,{image:i,name:(h=o==null?void 0:o.meta)==null?void 0:h.accountName,userName:a,verified:m,createdTweet:o==null?void 0:o.date}),e.jsx(G,{children:L(n)}),!y&&p&&e.jsx(c,{children:e.jsx(r,{src:s==null?void 0:s[0].mediaUrlHttps})}),y&&p&&e.jsxs(e.Fragment,{children:[(s==null?void 0:s.length)===1&&e.jsx(c,{children:e.jsx(r,{src:s[0].mediaUrlHttps})}),(s==null?void 0:s.length)===2&&e.jsxs(c,{children:[e.jsx(v,{src:s[0].mediaUrlHttps}),e.jsx(v,{src:s[1].mediaUrlHttps})]}),(s==null?void 0:s.length)===3&&e.jsxs(c,{children:[e.jsx(v,{src:s[0].mediaUrlHttps}),e.jsxs(g,{children:[e.jsx(r,{src:s[1].mediaUrlHttps}),e.jsx(r,{src:s[2].mediaUrlHttps})]})]}),(s==null?void 0:s.length)===4&&e.jsxs(c,{children:[e.jsxs(g,{children:[e.jsx(r,{src:s[0].mediaUrlHttps}),e.jsx(r,{src:s[1].mediaUrlHttps})]}),e.jsxs(g,{children:[e.jsx(r,{src:s[2].mediaUrlHttps}),e.jsx(r,{src:s[3].mediaUrlHttps})]})]})]})]}),!p&&(((T=s==null?void 0:s[0])==null?void 0:T.type)==="video"||((j=s==null?void 0:s[0])==null?void 0:j.type)==="animated_gif")&&f&&e.jsx(S.Et,{muted:d,source:f,poster:s[0].mediaUrlHttps,controlVideo:H})]})});exports.D=w;exports.D$1=L;exports.I=E;exports.b=Z;exports.e=O;exports.o=b;exports.s=q;
+"use strict";const t=require("./sl-types.js"),a=require("./useStreamLayerApp2.js"),e=require("react/jsx-runtime"),I=require("react"),v=require("./index11.js"),h=require("./index6.js"),U={[a.QuestionType.TWEET]:{label:"Insight",iconName:"icon-insight"},[a.QuestionType.PROMOTION]:{label:"Insight",iconName:"icon-insight"},[a.QuestionType.UNSET]:void 0,[a.QuestionType.FACTOID]:{label:"Insight",iconName:"icon-insight"},[a.QuestionType.POLL]:{label:"Poll",iconName:"icon-poll"},[a.QuestionType.TRIVIA]:{label:"Trivia",iconName:"icon-trivia"},[a.QuestionType.PREDICTION]:{label:"Prediction",iconName:"icon-prediction"}},_={[a.QuestionType.TWEET]:"Learn more",[a.QuestionType.FACTOID]:"Learn more",[a.QuestionType.POLL]:"Answer",[a.QuestionType.TRIVIA]:"Answer",[a.QuestionType.PREDICTION]:"Answer",[a.QuestionType.PROMOTION]:"",[a.QuestionType.UNSET]:""},$=i=>i.split(/\s+/).map(n=>n[0]).join("").toUpperCase(),w=i=>i?i.toLocaleString("en-US"):"0",L=i=>{const n=new Date(i);if(!n)return"";const o=new Date,r=Math.floor(o.getTime()-n.getTime());return r<6e4?`${Math.floor(r/1e3)}s`:r<36e5?`${Math.floor(r/6e4)}m`:r<864e5?`${Math.floor(r/36e5)}h`:n.getFullYear()===o.getFullYear()?`${n.toLocaleDateString("en-US",{month:"short",day:"numeric"})}`:`${n.toLocaleDateString("en-US",{month:"2-digit",day:"2-digit",year:"2-digit"})}`},D=t.styled_default("div")({name:"Container",class:"cjq447q",propsAsIs:!1}),Q=t.styled_default("div")({name:"ImageContainer",class:"i14egogb",propsAsIs:!1}),S=t.styled_default("img")({name:"Image",class:"i2g9g4l",propsAsIs:!1}),H=()=>h.B1,O=t.styled_default(H())({name:"TwitterIcon",class:"t1c454nm",propsAsIs:!0}),E=t.styled_default("div")({name:"Details",class:"d11nigc3",propsAsIs:!1}),b=t.styled_default("div")({name:"Name",class:"nrxa4k8",propsAsIs:!1}),q=t.styled_default("div")({name:"UserNameAndDate",class:"u1p051g3",propsAsIs:!1}),j=({image:i,name:n,userName:o,verified:r,createdTweet:m})=>{const c=m&&L(m);return e.jsxs(D,{children:[i&&e.jsxs(Q,{children:[e.jsx(S,{className:"SL_AccountImage",src:i}),e.jsx(O,{name:"twitter"})]}),e.jsxs(E,{children:[n&&e.jsxs(b,{className:"SL_TweetAccountName",children:[n," ",r&&e.jsx(h.B1,{name:"icon-twitter-verified"})]}),o&&e.jsxs(q,{className:"SL_TweetAccountUserName",children:["@",o," ",c&&`･ ${c}`]})]})]})},C=t.styled_default("div")({name:"Container",class:"c1kzqw87",propsAsIs:!1}),R=t.styled_default("div")({name:"Details",class:"d9r1hf9",propsAsIs:!1}),P=t.styled_default("div")({name:"Body",class:"bezygt5",propsAsIs:!1}),d=t.styled_default("div")({name:"ImagesContainer",class:"i1y8f7ym",propsAsIs:!1}),g=t.styled_default("div")({name:"ImagesBlock",class:"i18gwonx",propsAsIs:!1}),T=t.styled_default("img")({name:"Image",class:"i3g0xjd",propsAsIs:!1}),F=()=>T,l=t.styled_default(F())({name:"ImageFullSize",class:"io8rt7p",propsAsIs:!0}),M=()=>T,f=t.styled_default(M())({name:"ImageHalfSize",class:"i4hn3ox",propsAsIs:!0}),V=new RegExp("\\s?https?://t.co[^\\s]+(\\s+)?$"),A=i=>i?.replace(V,""),z=I.memo(({image:i,body:n,muted:o,account:r,accountVerified:m,tweet:c,isDetail:y,controlVideo:N})=>{const s=c?.meta?.extendedEntities?.media,p=s?.find(({type:u})=>u==="photo"),x=I.useMemo(()=>s?.[0]?.videoInfo?.variants?.findLast(({contentType:u})=>u==="video/mp4")?.url,[s]);return e.jsxs(C,{children:[e.jsxs(R,{children:[e.jsx(j,{image:i,name:c?.meta?.accountName,userName:r,verified:m,createdTweet:c?.date}),e.jsx(P,{children:A(n)}),!y&&p&&e.jsx(d,{children:e.jsx(l,{src:s?.[0].mediaUrlHttps})}),y&&p&&e.jsxs(e.Fragment,{children:[s?.length===1&&e.jsx(d,{children:e.jsx(l,{src:s[0].mediaUrlHttps})}),s?.length===2&&e.jsxs(d,{children:[e.jsx(f,{src:s[0].mediaUrlHttps}),e.jsx(f,{src:s[1].mediaUrlHttps})]}),s?.length===3&&e.jsxs(d,{children:[e.jsx(f,{src:s[0].mediaUrlHttps}),e.jsxs(g,{children:[e.jsx(l,{src:s[1].mediaUrlHttps}),e.jsx(l,{src:s[2].mediaUrlHttps})]})]}),s?.length===4&&e.jsxs(d,{children:[e.jsxs(g,{children:[e.jsx(l,{src:s[0].mediaUrlHttps}),e.jsx(l,{src:s[1].mediaUrlHttps})]}),e.jsxs(g,{children:[e.jsx(l,{src:s[2].mediaUrlHttps}),e.jsx(l,{src:s[3].mediaUrlHttps})]})]})]})]}),!p&&(s?.[0]?.type==="video"||s?.[0]?.type==="animated_gif")&&x&&e.jsx(v.Fe,{muted:o,source:x,poster:s[0].mediaUrlHttps,controlVideo:N})]})});exports.D=j;exports.I=$;exports.N=z;exports.e=U;exports.j=A;exports.o=_;exports.s=w;

package/lib/classic/cjs/index13.js

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),a=require("react"),s=require("./sl-types.js"),te=require("./index8.js"),$=require("./index4.js"),n=require("./useStreamLayerApp2.js"),xe=require("./index10.js"),Ie=require("./index3.js"),Le=s.styled_default("div")({name:"SDKContainer",class:"sopqfe6",propsAsIs:!1}),je=s.styled_default("div")({name:"SDKScrollContainer",class:"s102vcph",propsAsIs:!1}),ie=s.styled_default("div")({name:"SDKContentContainer",class:"s1meqjjv",propsAsIs:!1}),Be=()=>ie,oe=s.styled_default(Be())({name:"SDKWhiteContainer",class:"s1burm22",propsAsIs:!0}),Fe=()=>oe,We=s.styled_default(Fe())({name:"SDKSummaryContainer",class:"sm5r3j5",propsAsIs:!0}),Me=s.styled_default("div")({name:"TabsContainer",class:"tysxwr6",propsAsIs:!1}),Ye=()=>ie,ze=s.styled_default(Ye())({name:"LeaderboardContainer",class:"l9er3b1",propsAsIs:!0}),Ue=()=>oe,Ke=s.styled_default(Ue())({name:"TabsNavContainer",class:"t19dtrb3",propsAsIs:!0}),He=s.styled_default("div")({name:"UserSummaryContainer",class:"u1552n3j",propsAsIs:!1});var Ge=Object.defineProperty,Je=(t,i,o)=>i in t?Ge(t,i,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[i]=o,Xe=(t,i,o)=>Je(t,i+"",o);let Ze=class{constructor(){Xe(this,"observers",new Set)}subscribe(i){this.observers.add(i)}unsubscribe(i){this.observers.delete(i)}notify(i){this.observers.forEach(o=>o(i))}};const z=new Ze,es={hiding:!1,finished:!1},ve=()=>{const[t,i]=a.useState(es),o=a.useRef(null);a.useEffect(()=>{const u=m=>{i(m)};return z.subscribe(u),()=>{z.unsubscribe(u)}},[]);const c=a.useCallback(u=>{const m={hiding:!0,finished:!1};o.current&&clearTimeout(o.current),u!=null&&u.delay?o.current=setTimeout(()=>{z.notify(m)},u==null?void 0:u.delay):z.notify(m)},[]),r=a.useCallback(()=>{t.hiding&&(o.current=null,z.notify({hiding:!1,finished:!0}))},[t.hiding]);return{...t,runAnimation:c,onAnimationEnd:r}},ss=s.styled_default("div")({name:"Container",class:"c1pgyo67",propsAsIs:!1}),ts="sx17qu6",ns="h1692c5m",re=({children:t,style:i,className:o,enabled:c=!0,hiding:r,onAnimationEnd:u})=>e.jsx(ss,{style:i,className:s.cx_default(o,c&&ts,c&&r&&ns),onAnimationEnd:u,children:t}),is=()=>re,os=s.styled_default(is())({name:"GrowingContainer",class:"gck55ev",propsAsIs:!0}),Te=({children:t,style:i,enabled:o,animate:c,...r})=>{const u=a.useRef(null);return e.jsx(os,{...r,enabled:o&&c,style:{...i,...(()=>{const m=u==null?void 0:u.current,j=m&&window.getComputedStyle(m),b=j==null?void 0:j.getPropertyValue("height");return o?{height:c?b:0}:{}})()},children:e.jsx("div",{ref:u,children:t})})},rs=s.styled_default("div")({name:"Container",class:"c1gcvmcj",propsAsIs:!1}),as=s.styled_default("div")({name:"Title",class:"tnr592a",propsAsIs:!1}),ds=s.styled_default("div")({name:"Description",class:"d1e8jqpv",propsAsIs:!1}),ls=()=>$.B1,cs=s.styled_default(ls())({name:"Icon",class:"i1vs651k",propsAsIs:!0}),us=({icon:t,title:i,description:o})=>e.jsxs(rs,{children:[e.jsx(cs,{name:t}),e.jsx(as,{children:i}),e.jsx(ds,{children:o})]}),ps=()=>Te,ys=s.styled_default(ps())({name:"ShowInContainer",class:"s16sbdnm",propsAsIs:!0}),L=s.styled_default("div")({name:"FeedbackContainer",class:"fbhorgl",propsAsIs:!1}),pe="s1g20ja7",ms=s.styled_default("div")({name:"Container",class:"c455ozj",propsAsIs:!1}),hs=()=>$.B1,ye=s.styled_default(hs())({name:"IconPrediction",class:"i1913njx",propsAsIs:!0}),U=s.styled_default("div")({name:"FeedbackIconWrap",class:"fzfk69z",propsAsIs:!1}),G=s.styled_default("div")({name:"FeedbackHeader",class:"fx87qaj",propsAsIs:!1}),fs=s.styled_default("span")({name:"FeedbackTitle",class:"fvek9ew",propsAsIs:!1}),B=s.styled_default("span")({name:"FeedbackDescription",class:"f1kbtp09",propsAsIs:!1}),xs=s.styled_default("div")({name:"FeedbackTitleWrap",class:"f4i8rro",propsAsIs:!1}),Is=s.styled_default("div")({name:"FeedbackResultDescriptionWrap",class:"fqyssr",propsAsIs:!1}),js=()=>B,vs=s.styled_default(js())({name:"FeedbackDynamicDescription",class:"fyv794i",propsAsIs:!0}),Ts=()=>B,As=s.styled_default(Ts())({name:"FeedbackResultDescription",class:"f1jkj9vx",propsAsIs:!0}),ne=s.styled_default("div")({name:"FeedbackText",class:"f1pxh3a6",propsAsIs:!1}),Cs=s.styled_default("span")({name:"DynamicWrap",class:"d1afvufn",propsAsIs:!1}),$s=s.styled_default("div")({name:"EarlyFeedbackDescription",class:"eq8u24d",propsAsIs:!1}),me=({feedbackMessages:t,questionVotedCorrectly:i,questionVoted:o,questionType:c,hasCorrectAnswer:r,showExpiredNotification:u,showClosedNotificationTrivia:m,votedInCurrentRender:j,votedAfterQuestionClosed:b,voteErrorMessage:h,enteredAnActiveQuestion:d,marketClosed:g,percentsAnimated:C,votedAnswer:I,isEarlyPrediction:y,correctAnswer:_,onAnimationEnd:P})=>{const E=o&&(c===n.QuestionType.TRIVIA||c===n.QuestionType.PREDICTION),T=c===n.QuestionType.PREDICTION&&!r,q=g&&c===n.QuestionType.PREDICTION&&!o||c===n.QuestionType.PREDICTION&&b&&j&&d,Q=E&&T,S=E&&r,w=c===n.QuestionType.PREDICTION&&o&&j&&r,R=o&&c===n.QuestionType.POLL&&j,f=i?"correct":"incorrect",k=i?t==null?void 0:t.correctFeedback:t==null?void 0:t.incorrectFeedback;return u||m||Q||S||q||R||w||h?e.jsx(ys,{enabled:j,animate:!h&&u?!0:C,onAnimationEnd:P,children:e.jsxs(ms,{"data-prediction":T,children:[h&&!q&&e.jsxs(L,{children:[!y&&e.jsx(ye,{name:"questionExpired"}),e.jsx(B,{children:h})]}),!h&&u&&e.jsxs(L,{children:[!y&&e.jsx(U,{children:e.jsx($.B1,{name:"questionExpired"})}),e.jsxs("div",{children:[e.jsx(G,{children:e.jsx(B,{children:"Question Expired"})}),e.jsx(ne,{children:"You can still answer to see if you're correct, but no points are awarded for expired questions."})]})]}),!h&&m&&e.jsxs(L,{className:s.cx_default(pe),children:[e.jsx(U,{children:e.jsx($.B1,{name:"questionExpired"})}),e.jsxs("div",{children:[e.jsx(G,{children:e.jsx(B,{children:"Question Closed"})}),e.jsx(ne,{children:"This question was answered after the moderator closed the question. So the points for this answer won’t tally."})]})]}),q&&e.jsxs(L,{children:[!y&&e.jsx(U,{children:e.jsx($.B1,{name:"questionExpired"})}),e.jsxs("div",{children:[e.jsx(G,{children:e.jsx(B,{children:y?r?"The results are already in!":"Question is Closed":"Question Closed"})}),e.jsx(ne,{children:y?e.jsx($s,{children:r?`Correct: ${_==null?void 0:_.text}`:"Event affecting the outcome has occurred."}):"This event has already taken place, so the ability to make a prediction on its outcome is no longer available."})]})]}),!h&&Q&&e.jsxs(L,{children:[!y&&e.jsx(ye,{name:"icon-prediction"}),e.jsxs(vs,{children:["Your pick has been recorded. ",e.jsx(Cs,{children:"We’ll notify you of the result."})]})]}),!h&&R&&e.jsxs(L,{children:[!y&&e.jsx(U,{"data-feedback-type":"correct",children:e.jsx($.B1,{name:"correct"})}),e.jsx(B,{children:"Thanks for answering. Please stay tuned for the next question."})]}),!h&&(S||w)&&e.jsxs(L,{className:s.cx_default(m&&pe),children:[!y&&e.jsx(U,{"data-feedback-type":f,children:e.jsx($.B1,{name:f})}),e.jsx("div",{children:e.jsxs(G,{children:[y?e.jsx(xs,{children:f==="incorrect"?e.jsxs(e.Fragment,{children:[e.jsx("div",{children:"So close!"}),e.jsx("div",{children:"Better luck next time"})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{children:"That’s correct!"}),e.jsx("div",{children:"You chose wisely."})]})}):e.jsx(fs,{"data-feedback-type":f,children:k==null?void 0:k.title}),y?e.jsxs(Is,{children:[e.jsxs("div",{children:["Your pick: ",I==null?void 0:I.text]}),e.jsx("div",{children:f==="incorrect"?`Correct: ${_==null?void 0:_.text}`:""})]}):e.jsx(As,{children:k==null?void 0:k.description})]})})]})]})}):null},Es=s.styled_default("div")({name:"Container",class:"c1hygj0s",propsAsIs:!1}),bs=s.styled_default("div")({name:"Title",class:"t1r84tez",propsAsIs:!1}),gs=s.styled_default("div")({name:"Description",class:"d1aj1a7k",propsAsIs:!1}),ws=s.styled_default("div")({name:"AdditionalDescription",class:"ax09ezs",propsAsIs:!1}),_s=()=>$.B1,Ps=s.styled_default(_s())({name:"Icon",class:"inkrac",propsAsIs:!0}),Qs=({icon:t,title:i,description:o,additionalDescription:c})=>e.jsxs(Es,{children:[t&&e.jsx(Ps,{name:t}),e.jsx(bs,{children:i}),e.jsx(gs,{children:o}),c&&e.jsx(ws,{children:c})]}),Ae=s.styled_default("div")({name:"Container",class:"c14ielyq",propsAsIs:!1}),Rs=()=>je,qs=s.styled_default(Rs())({name:"QuestionScrollContainer",class:"q1tlqx57",propsAsIs:!0}),Ss=s.styled_default("div")({name:"TopShadow",class:"t1hq58md",propsAsIs:!1}),ks=s.styled_default("div")({name:"BottomShadow",class:"b1c8nxcx",propsAsIs:!1}),Ds=s.styled_default("div")({name:"SponsorLogo",class:"siozuc3",propsAsIs:!1}),Ce=s.styled_default("div")({name:"Content",class:"cpnc44r",propsAsIs:!1}),Os=s.styled_default("div")({name:"Title",class:"tq7p3w0",propsAsIs:!1}),Ns=s.styled_default("div")({name:"OptionsWrap",class:"o1jlfj9g",propsAsIs:!1}),$e=s.styled_default("div")({name:"Options",class:"o84pmnd",propsAsIs:!1}),Vs=()=>re,he=s.styled_default(Vs())({name:"AlertContainer",class:"a1dybjw9",propsAsIs:!0}),Ls=s.styled_default("div")({name:"EarlyPrediction",class:"e1l05ict",propsAsIs:!1}),Bs=()=>$.B1,Fs=s.styled_default(Bs())({name:"EarlyPredictionIcon",class:"ez9juex",propsAsIs:!0}),Ws=()=>$.B1,Ms=s.styled_default(Ws())({name:"SponsorIcon",class:"s8p4aob",propsAsIs:!0}),Ys=s.styled_default("button")({name:"ButtonContainer",class:"b1b6dl8t",propsAsIs:!1}),zs=s.styled_default("div")({name:"ButtonPctWrap",class:"b4iik8i",propsAsIs:!1}),Us=s.styled_default("div")({name:"ButtonPct",class:"b1gq1lnf",propsAsIs:!1}),Ks=s.styled_default("span")({name:"ButtonBody",class:"b1j65z51",propsAsIs:!1}),Hs=s.styled_default("div")({name:"IconContainer",class:"i19tpfua",propsAsIs:!1}),Gs=s.styled_default("div")({name:"IconWrap",class:"i1tubmma",propsAsIs:!1}),Ee=s.styled_default("img")({name:"Icon",class:"i1grrgwj",propsAsIs:!1}),Js=()=>Ee,Xs=s.styled_default(Js())({name:"IconDefault",class:"ibemyq8",propsAsIs:!0}),Zs=()=>Ee,et=s.styled_default(Zs())({name:"IconCircle",class:"i1dceht",propsAsIs:!0}),st=s.styled_default("span")({name:"Title",class:"t116q4vq",propsAsIs:!1}),tt=s.styled_default("span")({name:"Indicators",class:"i17ajcu2",propsAsIs:!1}),nt=s.styled_default("div")({name:"PtsWrap",class:"pu9kmlb",propsAsIs:!1}),it=s.styled_default("span")({name:"Pts",class:"p1j2j0s0",propsAsIs:!1}),ot=s.styled_default("span")({name:"Percentage",class:"p1mzj1sj",propsAsIs:!1}),rt=()=>$.B1,at=s.styled_default(rt())({name:"CheckIcon",class:"cichgz8",propsAsIs:!0}),fe={[n.QuestionImages.CENTERED]:t=>e.jsx(Xs,{"data-testid":"vote-icon",alt:"option-icon",src:t}),[n.QuestionImages.TRANSPARENT]:t=>e.jsx(Hs,{"data-testid":"vote-icon",children:e.jsx(Gs,{style:{backgroundImage:`url(${t})`}})}),[n.QuestionImages.ROUNDED]:t=>e.jsx(et,{"data-testid":"vote-icon",alt:"option-icon",src:t}),[n.QuestionImages.NONE]:()=>null,[n.QuestionImages.UNSET]:()=>null},dt=({questionType:t,hasCorrectAnswer:i,correct:o,youVoted:c,questionVoted:r})=>{if(t===n.QuestionType.POLL&&c)return"voted";if(t===n.QuestionType.PREDICTION){if(!i&&r)return c?"voted":"unset";if(i&&r)return c?o?"correct":"incorrect":"unset";if(c)return"correct"}return t===n.QuestionType.TRIVIA&&r&&c?o?"correct":"incorrect":"unset"},lt=({questionType:t,questionVoted:i,correct:o,hasCorrectAnswer:c,questionStatus:r})=>t===n.QuestionType.TRIVIA?i&&o:t===n.QuestionType.PREDICTION?i&&o&&c||r===n.QuestionStatus.RESOLVED&&o:!1,ct=xe.O(Ys),ut=t=>{var i;const{id:o,icon:c,text:r,percentageDecimal:u,points:m,onVote:j,markThatVoted:b,firstOption:h,onPercentsAnimated:d,youSelected:g,youVoted:C,questionVoted:I,imageMode:y,answerTimeExpired:_,questionStatus:P,isLoading:E,questionType:T,correct:q,hasCorrectAnswer:Q,marketClosed:S,isEarlyPrediction:w,isAd:R,webos:f}=t,[k,F]=a.useState(0),Y=dt(t),K=lt({questionType:T,questionVoted:I,correct:q,hasCorrectAnswer:Q,questionStatus:P}),D=S&&T===n.QuestionType.PREDICTION,O=I||D,J=T===n.QuestionType.PREDICTION&&!I&&!S&&!R,N=I&&!g&&Y!=="incorrect"&&!C;return a.useLayoutEffect(()=>{F(0),requestAnimationFrame(()=>{F(u)})},[u]),e.jsxs(ct,{value:o,webos:f,autoFocus:h,"data-selected":g,"data-answer-state":Y,disabled:I||E||_||D,"data-is-not-checked":N,"data-a":"intr",onClick:H=>{b(T===n.QuestionType.PREDICTION?S:P===n.QuestionStatus.RESOLVED),j(H)},"data-is-ad":R,children:[e.jsx(zs,{children:e.jsx(Us,{"data-answer-state":Y,"data-is-not-checked":N,style:{width:`${O?k:0}%`},onTransitionEnd:()=>{D||d==null||d()},"data-is-ad":R})}),e.jsxs(Ks,{"data-a":"intr",children:[c&&y&&((i=fe[y])==null?void 0:i.call(fe,c)),e.jsx(st,{"data-a":"intr",children:r}),J&&e.jsxs(nt,{children:[m,e.jsx(it,{children:"pts"})]}),O&&e.jsxs(tt,{children:[K&&e.jsx(at,{name:w?"selectedBetPack":"selected"}),e.jsx(ot,{children:e.jsx(Ie.d,{value:u,suffix:"%"})})]})]})]})},pt=()=>Te,yt=s.styled_default(pt())({name:"ShowInContainer",class:"sie6cqo",propsAsIs:!0}),mt=s.styled_default("div")({name:"WinBarContainer",class:"wgizw4u",propsAsIs:!1}),ht=s.styled_default("div")({name:"Content",class:"c1l3ucjp",propsAsIs:!1}),ft=s.styled_default("div")({name:"Title",class:"tx7j799",propsAsIs:!1}),xt=()=>$.B1,It=s.styled_default(xt())({name:"WinIcon",class:"w4lwuj0",propsAsIs:!0}),jt=s.styled_default("div")({name:"Points",class:"po9i64o",propsAsIs:!1}),vt=s.styled_default("span")({name:"PointsCount",class:"pe5g05h",propsAsIs:!1}),Tt=s.styled_default("span")({name:"PointsUnits",class:"p1hdtpmb",propsAsIs:!1}),At=({title:t,points:i,isPlayingTimer:o,isTimer:c,animatePoints:r,questionType:u,timerDuration:m,votedInCurrentRender:j,percentsAnimated:b,onTimerExpired:h})=>e.jsx(yt,{enabled:u===n.QuestionType.PREDICTION&&j,animate:b,children:e.jsxs(mt,{style:{justifyContent:u===n.QuestionType.PREDICTION?"center":"space-between"},children:[e.jsxs(ht,{children:[t&&e.jsx(ft,{children:t}),i!==void 0&&u!==n.QuestionType.POLL&&e.jsxs(e.Fragment,{children:[e.jsx(It,{name:"icon-trophy"}),e.jsxs(jt,{children:[e.jsx(vt,{children:r?e.jsx(Ie.d,{value:i,delay:.3}):i}),e.jsx(Tt,{children:"PTS"})]})]})]}),c&&u!==n.QuestionType.PREDICTION&&e.jsx(xe.L,{isPlaying:o,onTimerExpired:h,duration:m})]})}),Ct=(t,i)=>{switch(t){case"already_voted":return i===n.QuestionType.POLL?"You’ve already answered this question on another device.":"You’ve already answered this question on another device. So the points for this answer won't tally.";default:return"Something went wrong, please try again"}},$t=()=>e.jsx(Ae,{children:e.jsxs(Ce,{children:[e.jsx(te.i,{loading:!0,style:{height:"40px",borderRadius:"100px"}}),e.jsx(te.i,{loading:!0,style:{height:"24px",margin:"16px 0"}}),e.jsx($e,{children:Array.from({length:5}).map((t,i)=>e.jsx(te.i,{loading:!0,style:{height:"44px"}},i))})]})}),Et=({openedQuestion:t,isLoading:i,vote:o,close:c,isEarlyPrediction:r,mastersApp:u,webos:m})=>{var j,b;const h=t.subject,d=t.type,g=t.status,C=(j=t.options)==null?void 0:j.options,I=t.marketClosed,y=t.id,_=a.useRef(),P=a.useRef(),E=u?!1:(t==null?void 0:t.adUnit)===n.AdUnit.STANDART,[T,q]=a.useState(!1),[Q,S]=a.useState(!1),[w,R]=a.useState(!0),[f,k]=a.useState(!1),[F,Y]=a.useState(!1),[K,D]=a.useState(""),[O,J]=a.useState(""),[N,H]=a.useState(!1),[be,ge]=a.useState(!1),[ae,we]=a.useState(!1),{runAnimation:W,finished:de}=ve();a.useEffect(()=>{de&&c(y)},[c,de]),a.useEffect(()=>{d===n.QuestionType.PREDICTION?I&&R(!1):g===n.QuestionStatus.RESOLVED&&R(!1)},[]);const _e=a.useCallback(p=>{S(p),q(!0)},[]),Pe=a.useCallback(()=>{r&&q(!1)},[r]),X=a.useRef(!1),le=a.useCallback(()=>{P.current&&clearTimeout(P.current),P.current=setTimeout(()=>{we(!0),W({delay:5500})},4e3)},[W]),ce=a.useCallback(async p=>{if(!X.current&&(X.current=!0,y)){const A=p.currentTarget.value;D(A);try{await o(y,A),E&&le()}catch(M){J(Ct(M.message,d)),D(""),console.error("Error while voting",M),X.current=!1}}},[d,y,D,o,E,le]),Qe=a.useCallback(()=>{k(!0),W({delay:3500})},[W]),Re=a.useCallback(()=>{Y(!0),W({delay:3500})},[W]),l=t==null?void 0:t.answers.find(p=>p.youVoted===!0),v=a.useMemo(()=>!!(t!=null&&t.answers.find(p=>p.correct===!0)),[t]),x=a.useMemo(()=>t==null?void 0:t.answers.find(p=>p.correct===!0),[t]);a.useEffect(()=>{l&&T&&!be&&(_.current=setTimeout(Re,1e4),ge(!0))},[l]),a.useEffect(()=>()=>{clearTimeout(_.current),clearTimeout(P.current)},[]);const Z=a.useMemo(()=>t?t.answers.map(p=>{var A;return{...p,questionVoted:!!l,youSelected:K===p.id,isLoading:i,hasCorrectAnswer:v,questionType:t.type,answerTimeExpired:f,questionStatus:g,imageMode:(A=t.appearance)==null?void 0:A.images,onVote:ce}}):[],[v,f,i,t,l,g,ce,K]);a.useEffect(()=>{const p=Z.some(({percentageDecimal:M})=>M!==0),A=l&&d===n.QuestionType.PREDICTION;O&&(r||!p||I&&A)&&H(!0)},[Z,O,r,I,d,l]);const ue=C&&(C.case==="trivia"||C.case==="prediction")?C.value:void 0,V=g===n.QuestionStatus.RESOLVED&&d===n.QuestionType.TRIVIA&&!l&&!w,ee=d===n.QuestionType.TRIVIA&&Q,se=a.useMemo(()=>E?!1:d===n.QuestionType.PREDICTION?r?!1:!!(l&&!v||l&&v&&x!=null&&x.youVoted):!0,[d,l,v,x,r,E]),qe=a.useMemo(()=>{if(d===n.QuestionType.PREDICTION&&l&&(!v||v&&x!=null&&x.youVoted))return l.points;if(!(V||f))return l?l.correct?l.pointsEarned:0:x==null?void 0:x.points},[f,l,x,V,d,v]),Se=a.useMemo(()=>d===n.QuestionType.PREDICTION&&l?v?v&&x!=null&&x.youVoted?"You won":"":"To win":V||f?"Time expired":d===n.QuestionType.POLL?"Time remaining":l?"You won":"To win",[f,d,l,V,v,x]),ke=!se||se&&d===n.QuestionType.PREDICTION&&T&&!N,De=(d===n.QuestionType.TRIVIA||d===n.QuestionType.PREDICTION)&&l&&v&&(x==null?void 0:x.youVoted),Oe=l||V||ee||d===n.QuestionType.TRIVIA&&g===n.QuestionStatus.RESOLVED&&w,Ne=!r&&(f||F)||ae,Ve=()=>{const p=()=>d===n.QuestionType.TRIVIA?l!=null&&l.correct?`That's correct!
+"use strict";const e=require("react/jsx-runtime"),o=require("react"),s=require("./sl-types.js"),se=require("./index9.js"),v=require("./index6.js"),n=require("./useStreamLayerApp2.js"),me=require("./index7.js"),he=require("./index3.js"),Ne=s.styled_default("div")({name:"SDKContainer",class:"sopqfe6",propsAsIs:!1}),xe=s.styled_default("div")({name:"SDKScrollContainer",class:"s102vcph",propsAsIs:!1}),ne=s.styled_default("div")({name:"SDKContentContainer",class:"s1meqjjv",propsAsIs:!1}),Oe=()=>ne,ae=s.styled_default(Oe())({name:"SDKWhiteContainer",class:"s1burm22",propsAsIs:!0}),Ve=()=>ae,Le=s.styled_default(Ve())({name:"SDKSummaryContainer",class:"sm5r3j5",propsAsIs:!0}),Be=s.styled_default("div")({name:"TabsContainer",class:"tysxwr6",propsAsIs:!1}),Fe=()=>ne,We=s.styled_default(Fe())({name:"LeaderboardContainer",class:"l9er3b1",propsAsIs:!0}),Me=()=>ae,ze=s.styled_default(Me())({name:"TabsNavContainer",class:"t19dtrb3",propsAsIs:!0}),Ye=s.styled_default("div")({name:"UserSummaryContainer",class:"u1552n3j",propsAsIs:!1});let Ue=class{observers=new Set;subscribe(r){this.observers.add(r)}unsubscribe(r){this.observers.delete(r)}notify(r){this.observers.forEach(l=>l(r))}};const Y=new Ue,Ke={hiding:!1,finished:!1},Ie=()=>{const[t,r]=o.useState(Ke),l=o.useRef(null);o.useEffect(()=>{const u=y=>{r(y)};return Y.subscribe(u),()=>{Y.unsubscribe(u)}},[]);const d=o.useCallback(u=>{const y={hiding:!0,finished:!1};l.current&&clearTimeout(l.current),u?.delay?l.current=setTimeout(()=>{Y.notify(y)},u?.delay):Y.notify(y)},[]),a=o.useCallback(()=>{t.hiding&&(l.current=null,Y.notify({hiding:!1,finished:!0}))},[t.hiding]);return{...t,runAnimation:d,onAnimationEnd:a}},He=s.styled_default("div")({name:"Container",class:"c1pgyo67",propsAsIs:!1}),Ze="sx17qu6",Ge="h1692c5m",re=({children:t,style:r,className:l,enabled:d=!0,hiding:a,onAnimationEnd:u})=>e.jsx(He,{style:r,className:s.cx_default(l,d&&Ze,d&&a&&Ge),onAnimationEnd:u,children:t}),Je=()=>re,Xe=s.styled_default(Je())({name:"GrowingContainer",class:"gck55ev",propsAsIs:!0}),je=({children:t,style:r,enabled:l,animate:d,...a})=>{const u=o.useRef(null);return e.jsx(Xe,{...a,enabled:l&&d,style:{...r,...(()=>{const y=u?.current,I=(y&&window.getComputedStyle(y))?.getPropertyValue("height");return l?{height:d?I:0}:{}})()},children:e.jsx("div",{ref:u,children:t})})},es=s.styled_default("div")({name:"Container",class:"c1gcvmcj",propsAsIs:!1}),ss=s.styled_default("div")({name:"Title",class:"tnr592a",propsAsIs:!1}),ts=s.styled_default("div")({name:"Description",class:"d1e8jqpv",propsAsIs:!1}),ns=()=>v.B1,as=s.styled_default(ns())({name:"Icon",class:"i1vs651k",propsAsIs:!0}),rs=({icon:t,title:r,description:l})=>e.jsxs(es,{children:[e.jsx(as,{name:t}),e.jsx(ss,{children:r}),e.jsx(ts,{children:l})]}),is=()=>je,os=s.styled_default(is())({name:"ShowInContainer",class:"s16sbdnm",propsAsIs:!0}),N=s.styled_default("div")({name:"FeedbackContainer",class:"fbhorgl",propsAsIs:!1}),ue="s1g20ja7",ls=s.styled_default("div")({name:"Container",class:"c455ozj",propsAsIs:!1}),ds=()=>v.B1,pe=s.styled_default(ds())({name:"IconPrediction",class:"i1913njx",propsAsIs:!0}),U=s.styled_default("div")({name:"FeedbackIconWrap",class:"fzfk69z",propsAsIs:!1}),H=s.styled_default("div")({name:"FeedbackHeader",class:"fx87qaj",propsAsIs:!1}),cs=s.styled_default("span")({name:"FeedbackTitle",class:"fvek9ew",propsAsIs:!1}),O=s.styled_default("span")({name:"FeedbackDescription",class:"f1kbtp09",propsAsIs:!1}),us=s.styled_default("div")({name:"FeedbackTitleWrap",class:"f4i8rro",propsAsIs:!1}),ps=s.styled_default("div")({name:"FeedbackResultDescriptionWrap",class:"fqyssr",propsAsIs:!1}),fs=()=>O,ys=s.styled_default(fs())({name:"FeedbackDynamicDescription",class:"fyv794i",propsAsIs:!0}),ms=()=>O,hs=s.styled_default(ms())({name:"FeedbackResultDescription",class:"f1jkj9vx",propsAsIs:!0}),te=s.styled_default("div")({name:"FeedbackText",class:"f1pxh3a6",propsAsIs:!1}),xs=s.styled_default("span")({name:"DynamicWrap",class:"d1afvufn",propsAsIs:!1}),Is=s.styled_default("div")({name:"EarlyFeedbackDescription",class:"eq8u24d",propsAsIs:!1}),fe=({feedbackMessages:t,questionVotedCorrectly:r,questionVoted:l,questionType:d,hasCorrectAnswer:a,showExpiredNotification:u,showClosedNotificationTrivia:y,votedInCurrentRender:I,votedAfterQuestionClosed:i,voteErrorMessage:f,enteredAnActiveQuestion:C,marketClosed:g,percentsAnimated:j,votedAnswer:R,isEarlyPrediction:m,correctAnswer:T,onAnimationEnd:_})=>{const b=l&&(d===n.QuestionType.TRIVIA||d===n.QuestionType.PREDICTION),Q=d===n.QuestionType.PREDICTION&&!a,q=g&&d===n.QuestionType.PREDICTION&&!l||d===n.QuestionType.PREDICTION&&i&&I&&C,A=b&&Q,k=b&&a,h=d===n.QuestionType.PREDICTION&&l&&I&&a,V=l&&d===n.QuestionType.POLL&&I,E=r?"correct":"incorrect",S=r?t?.correctFeedback:t?.incorrectFeedback;return u||y||A||k||q||V||h||f?e.jsx(os,{enabled:I,animate:!f&&u?!0:j,onAnimationEnd:_,children:e.jsxs(ls,{"data-prediction":Q,children:[f&&!q&&e.jsxs(N,{children:[!m&&e.jsx(pe,{name:"questionExpired"}),e.jsx(O,{children:f})]}),!f&&u&&e.jsxs(N,{children:[!m&&e.jsx(U,{children:e.jsx(v.B1,{name:"questionExpired"})}),e.jsxs("div",{children:[e.jsx(H,{children:e.jsx(O,{children:"Question Expired"})}),e.jsx(te,{children:"You can still answer to see if you're correct, but no points are awarded for expired questions."})]})]}),!f&&y&&e.jsxs(N,{className:s.cx_default(ue),children:[e.jsx(U,{children:e.jsx(v.B1,{name:"questionExpired"})}),e.jsxs("div",{children:[e.jsx(H,{children:e.jsx(O,{children:"Question Closed"})}),e.jsx(te,{children:"This question was answered after the moderator closed the question. So the points for this answer won’t tally."})]})]}),q&&e.jsxs(N,{children:[!m&&e.jsx(U,{children:e.jsx(v.B1,{name:"questionExpired"})}),e.jsxs("div",{children:[e.jsx(H,{children:e.jsx(O,{children:m?a?"The results are already in!":"Question is Closed":"Question Closed"})}),e.jsx(te,{children:m?e.jsx(Is,{children:a?`Correct: ${T?.text}`:"Event affecting the outcome has occurred."}):"This event has already taken place, so the ability to make a prediction on its outcome is no longer available."})]})]}),!f&&A&&e.jsxs(N,{children:[!m&&e.jsx(pe,{name:"icon-prediction"}),e.jsxs(ys,{children:["Your pick has been recorded. ",e.jsx(xs,{children:"We’ll notify you of the result."})]})]}),!f&&V&&e.jsxs(N,{children:[!m&&e.jsx(U,{"data-feedback-type":"correct",children:e.jsx(v.B1,{name:"correct"})}),e.jsx(O,{children:"Thanks for answering. Please stay tuned for the next question."})]}),!f&&(k||h)&&e.jsxs(N,{className:s.cx_default(y&&ue),children:[!m&&e.jsx(U,{"data-feedback-type":E,children:e.jsx(v.B1,{name:E})}),e.jsx("div",{children:e.jsxs(H,{children:[m?e.jsx(us,{children:E==="incorrect"?e.jsxs(e.Fragment,{children:[e.jsx("div",{children:"So close!"}),e.jsx("div",{children:"Better luck next time"})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{children:"That’s correct!"}),e.jsx("div",{children:"You chose wisely."})]})}):e.jsx(cs,{"data-feedback-type":E,children:S?.title}),m?e.jsxs(ps,{children:[e.jsxs("div",{children:["Your pick: ",R?.text]}),e.jsx("div",{children:E==="incorrect"?`Correct: ${T?.text}`:""})]}):e.jsx(hs,{children:S?.description})]})})]})]})}):null},js=s.styled_default("div")({name:"Container",class:"c1hygj0s",propsAsIs:!1}),Ts=s.styled_default("div")({name:"Title",class:"t1r84tez",propsAsIs:!1}),As=s.styled_default("div")({name:"Description",class:"d1aj1a7k",propsAsIs:!1}),vs=s.styled_default("div")({name:"AdditionalDescription",class:"ax09ezs",propsAsIs:!1}),Cs=()=>v.B1,Es=s.styled_default(Cs())({name:"Icon",class:"inkrac",propsAsIs:!0}),gs=({icon:t,title:r,description:l,additionalDescription:d})=>e.jsxs(js,{children:[t&&e.jsx(Es,{name:t}),e.jsx(Ts,{children:r}),e.jsx(As,{children:l}),d&&e.jsx(vs,{children:d})]}),Te=s.styled_default("div")({name:"Container",class:"c14ielyq",propsAsIs:!1}),bs=()=>xe,$s=s.styled_default(bs())({name:"QuestionScrollContainer",class:"q1tlqx57",propsAsIs:!0}),ws=s.styled_default("div")({name:"TopShadow",class:"t1hq58md",propsAsIs:!1}),_s=s.styled_default("div")({name:"BottomShadow",class:"b1c8nxcx",propsAsIs:!1}),Qs=s.styled_default("div")({name:"SponsorLogo",class:"siozuc3",propsAsIs:!1}),Ae=s.styled_default("div")({name:"Content",class:"cpnc44r",propsAsIs:!1}),Ps=s.styled_default("div")({name:"Title",class:"tq7p3w0",propsAsIs:!1}),Rs=s.styled_default("div")({name:"OptionsWrap",class:"o1jlfj9g",propsAsIs:!1}),ve=s.styled_default("div")({name:"Options",class:"o84pmnd",propsAsIs:!1}),qs=()=>re,ye=s.styled_default(qs())({name:"AlertContainer",class:"a1dybjw9",propsAsIs:!0}),ks=s.styled_default("div")({name:"EarlyPrediction",class:"e1l05ict",propsAsIs:!1}),Ss=()=>v.B1,Ds=s.styled_default(Ss())({name:"EarlyPredictionIcon",class:"ez9juex",propsAsIs:!0}),Ns=()=>v.B1,Os=s.styled_default(Ns())({name:"SponsorIcon",class:"s8p4aob",propsAsIs:!0}),Vs=s.styled_default("button")({name:"ButtonContainer",class:"b1b6dl8t",propsAsIs:!1}),Ls=s.styled_default("div")({name:"ButtonPctWrap",class:"b4iik8i",propsAsIs:!1}),Bs=s.styled_default("div")({name:"ButtonPct",class:"b1gq1lnf",propsAsIs:!1}),Fs=s.styled_default("span")({name:"ButtonBody",class:"b1j65z51",propsAsIs:!1}),Ws=s.styled_default("div")({name:"IconContainer",class:"i19tpfua",propsAsIs:!1}),Ms=s.styled_default("div")({name:"IconWrap",class:"i1tubmma",propsAsIs:!1}),Ce=s.styled_default("img")({name:"Icon",class:"i1grrgwj",propsAsIs:!1}),zs=()=>Ce,Ys=s.styled_default(zs())({name:"IconDefault",class:"ibemyq8",propsAsIs:!0}),Us=()=>Ce,Ks=s.styled_default(Us())({name:"IconCircle",class:"i1dceht",propsAsIs:!0}),Hs=s.styled_default("span")({name:"Title",class:"t116q4vq",propsAsIs:!1}),Zs=s.styled_default("span")({name:"Indicators",class:"i17ajcu2",propsAsIs:!1}),Gs=s.styled_default("div")({name:"PtsWrap",class:"pu9kmlb",propsAsIs:!1}),Js=s.styled_default("span")({name:"Pts",class:"p1j2j0s0",propsAsIs:!1}),Xs=s.styled_default("span")({name:"Percentage",class:"p1mzj1sj",propsAsIs:!1}),et=()=>v.B1,st=s.styled_default(et())({name:"CheckIcon",class:"cichgz8",propsAsIs:!0}),tt={[n.QuestionImages.CENTERED]:t=>e.jsx(Ys,{"data-testid":"vote-icon",alt:"option-icon",src:t}),[n.QuestionImages.TRANSPARENT]:t=>e.jsx(Ws,{"data-testid":"vote-icon",children:e.jsx(Ms,{style:{backgroundImage:`url(${t})`}})}),[n.QuestionImages.ROUNDED]:t=>e.jsx(Ks,{"data-testid":"vote-icon",alt:"option-icon",src:t}),[n.QuestionImages.NONE]:()=>null,[n.QuestionImages.UNSET]:()=>null},nt=({questionType:t,hasCorrectAnswer:r,correct:l,youVoted:d,questionVoted:a})=>{if(t===n.QuestionType.POLL&&d)return"voted";if(t===n.QuestionType.PREDICTION){if(!r&&a)return d?"voted":"unset";if(r&&a)return d?l?"correct":"incorrect":"unset";if(d)return"correct"}return t===n.QuestionType.TRIVIA&&a&&d?l?"correct":"incorrect":"unset"},at=({questionType:t,questionVoted:r,correct:l,hasCorrectAnswer:d,questionStatus:a})=>t===n.QuestionType.TRIVIA?r&&l:t===n.QuestionType.PREDICTION?r&&l&&d||a===n.QuestionStatus.RESOLVED&&l:!1,rt=me.b(Vs),it=t=>{const{id:r,icon:l,text:d,percentageDecimal:a,points:u,onVote:y,markThatVoted:I,firstOption:i,onPercentsAnimated:f,youSelected:C,youVoted:g,questionVoted:j,imageMode:R,answerTimeExpired:m,questionStatus:T,isLoading:_,questionType:b,correct:Q,hasCorrectAnswer:q,marketClosed:A,isEarlyPrediction:k,isAd:h,webos:V}=t,[E,S]=o.useState(0),L=nt(t),M=at({questionType:b,questionVoted:j,correct:Q,hasCorrectAnswer:q,questionStatus:T}),P=A&&b===n.QuestionType.PREDICTION,K=j||P,B=b===n.QuestionType.PREDICTION&&!j&&!A&&!h,z=j&&!C&&L!=="incorrect"&&!g;return o.useLayoutEffect(()=>{S(0),requestAnimationFrame(()=>{S(a)})},[a]),e.jsxs(rt,{value:r,webos:V,autoFocus:i,"data-selected":C,"data-answer-state":L,disabled:j||_||m||P,"data-is-not-checked":z,"data-a":"intr",onClick:Z=>{I(b===n.QuestionType.PREDICTION?A:T===n.QuestionStatus.RESOLVED),y(Z)},"data-is-ad":h,children:[e.jsx(Ls,{children:e.jsx(Bs,{"data-answer-state":L,"data-is-not-checked":z,style:{width:`${K?E:0}%`},onTransitionEnd:()=>{P||f?.()},"data-is-ad":h})}),e.jsxs(Fs,{"data-a":"intr",children:[l&&R&&tt[R]?.(l),e.jsx(Hs,{"data-a":"intr",children:d}),B&&e.jsxs(Gs,{children:[u,e.jsx(Js,{children:"pts"})]}),K&&e.jsxs(Zs,{children:[M&&e.jsx(st,{name:k?"selectedBetPack":"selected"}),e.jsx(Xs,{children:e.jsx(he.p,{value:a,suffix:"%"})})]})]})]})},ot=()=>je,lt=s.styled_default(ot())({name:"ShowInContainer",class:"sie6cqo",propsAsIs:!0}),dt=s.styled_default("div")({name:"WinBarContainer",class:"wgizw4u",propsAsIs:!1}),ct=s.styled_default("div")({name:"Content",class:"c1l3ucjp",propsAsIs:!1}),ut=s.styled_default("div")({name:"Title",class:"tx7j799",propsAsIs:!1}),pt=()=>v.B1,ft=s.styled_default(pt())({name:"WinIcon",class:"w4lwuj0",propsAsIs:!0}),yt=s.styled_default("div")({name:"Points",class:"po9i64o",propsAsIs:!1}),mt=s.styled_default("span")({name:"PointsCount",class:"pe5g05h",propsAsIs:!1}),ht=s.styled_default("span")({name:"PointsUnits",class:"p1hdtpmb",propsAsIs:!1}),xt=({title:t,points:r,isPlayingTimer:l,isTimer:d,animatePoints:a,questionType:u,timerDuration:y,votedInCurrentRender:I,percentsAnimated:i,onTimerExpired:f})=>e.jsx(lt,{enabled:u===n.QuestionType.PREDICTION&&I,animate:i,children:e.jsxs(dt,{style:{justifyContent:u===n.QuestionType.PREDICTION?"center":"space-between"},children:[e.jsxs(ct,{children:[t&&e.jsx(ut,{children:t}),r!==void 0&&u!==n.QuestionType.POLL&&e.jsxs(e.Fragment,{children:[e.jsx(ft,{name:"icon-trophy"}),e.jsxs(yt,{children:[e.jsx(mt,{children:a?e.jsx(he.p,{value:r,delay:.3}):r}),e.jsx(ht,{children:"PTS"})]})]})]}),d&&u!==n.QuestionType.PREDICTION&&e.jsx(me.L,{isPlaying:l,onTimerExpired:f,duration:y})]})}),It=(t,r)=>t==="already_voted"?r===n.QuestionType.POLL?"You’ve already answered this question on another device.":"You’ve already answered this question on another device. So the points for this answer won't tally.":"Something went wrong, please try again",jt=()=>e.jsx(Te,{children:e.jsxs(Ae,{children:[e.jsx(se.i,{loading:!0,style:{height:"40px",borderRadius:"100px"}}),e.jsx(se.i,{loading:!0,style:{height:"24px",margin:"16px 0"}}),e.jsx(ve,{children:Array.from({length:5}).map((t,r)=>e.jsx(se.i,{loading:!0,style:{height:"44px"}},r))})]})}),Tt=({openedQuestion:t,isLoading:r,vote:l,close:d,isEarlyPrediction:a,mastersApp:u,webos:y})=>{const I=t.subject,i=t.type,f=t.status,C=t.options?.options,g=t.marketClosed,j=t.id,R=o.useRef(),m=o.useRef(),T=u?!1:t?.adUnit===n.AdUnit.STANDART,[_,b]=o.useState(!1),[Q,q]=o.useState(!1),[A,k]=o.useState(!0),[h,V]=o.useState(!1),[E,S]=o.useState(!1),[L,M]=o.useState(""),[P,K]=o.useState(""),[B,z]=o.useState(!1),[Z,Ee]=o.useState(!1),[ie,ge]=o.useState(!1),{runAnimation:F,finished:oe}=Ie();o.useEffect(()=>{oe&&d(j)},[d,oe]),o.useEffect(()=>{i===n.QuestionType.PREDICTION?g&&k(!1):f===n.QuestionStatus.RESOLVED&&k(!1)},[]);const be=o.useCallback(p=>{q(p),b(!0)},[]),$e=o.useCallback(()=>{a&&b(!1)},[a]),G=o.useRef(!1),le=o.useCallback(()=>{m.current&&clearTimeout(m.current),m.current=setTimeout(()=>{ge(!0),F({delay:5500})},4e3)},[F]),de=o.useCallback(async p=>{if(!G.current&&(G.current=!0,j)){const w=p.currentTarget.value;M(w);try{await l(j,w),T&&le()}catch(W){K(It(W.message,i)),M(""),console.error("Error while voting",W),G.current=!1}}},[i,j,M,l,T,le]),we=o.useCallback(()=>{V(!0),F({delay:3500})},[F]),_e=o.useCallback(()=>{S(!0),F({delay:3500})},[F]),c=t?.answers.find(p=>p.youVoted===!0),x=o.useMemo(()=>!!t?.answers.find(p=>p.correct===!0),[t]),$=o.useMemo(()=>t?.answers.find(p=>p.correct===!0),[t]);o.useEffect(()=>{c&&_&&!Z&&(R.current=setTimeout(_e,1e4),Ee(!0))},[c]),o.useEffect(()=>()=>{clearTimeout(R.current),clearTimeout(m.current)},[]);const J=o.useMemo(()=>t?t.answers.map(p=>({...p,questionVoted:!!c,youSelected:L===p.id,isLoading:r,hasCorrectAnswer:x,questionType:t.type,answerTimeExpired:h,questionStatus:f,imageMode:t.appearance?.images,onVote:de})):[],[x,h,r,t,c,f,de,L]);o.useEffect(()=>{const p=J.some(({percentageDecimal:W})=>W!==0),w=c&&i===n.QuestionType.PREDICTION;P&&(a||!p||g&&w)&&z(!0)},[J,P,a,g,i,c]);const ce=C&&(C.case==="trivia"||C.case==="prediction")?C.value:void 0,D=f===n.QuestionStatus.RESOLVED&&i===n.QuestionType.TRIVIA&&!c&&!A,X=i===n.QuestionType.TRIVIA&&Q,ee=o.useMemo(()=>T?!1:i===n.QuestionType.PREDICTION?a?!1:!!(c&&!x||c&&x&&$?.youVoted):!0,[i,c,x,$,a,T]),Qe=o.useMemo(()=>{if(i===n.QuestionType.PREDICTION&&c&&(!x||x&&$?.youVoted))return c.points;if(!(D||h))return c?c.correct?c.pointsEarned:0:$?.points},[h,c,$,D,i,x]),Pe=o.useMemo(()=>i===n.QuestionType.PREDICTION&&c?x?x&&$?.youVoted?"You won":"":"To win":D||h?"Time expired":i===n.QuestionType.POLL?"Time remaining":c?"You won":"To win",[h,i,c,D,x,$]),Re=!ee||ee&&i===n.QuestionType.PREDICTION&&_&&!B,qe=(i===n.QuestionType.TRIVIA||i===n.QuestionType.PREDICTION)&&c&&x&&$?.youVoted,ke=c||D||X||i===n.QuestionType.TRIVIA&&f===n.QuestionStatus.RESOLVED&&A,Se=!a&&(h||E)||ie,De=()=>{const p=()=>i===n.QuestionType.TRIVIA?c?.correct?`That's correct!
 You chose wisely.`:`So close!
-Better luck next time.`:d===n.QuestionType.POLL?`Thanks for answering.
-Please stay tuned for the next question.`:d===n.QuestionType.PREDICTION?"Stay tuned to see if your prediction was correct.":"",A=()=>d===n.QuestionType.TRIVIA?`Your Pick: ${x==null?void 0:x.text}`:d===n.QuestionType.POLL||d===n.QuestionType.PREDICTION?`Your Pick: ${l==null?void 0:l.text}`:"",M=()=>d===n.QuestionType.TRIVIA&&(C==null?void 0:C.case)==="trivia"?C==null?void 0:C.value.explanation:d===n.QuestionType.PREDICTION?h:"";return ae?e.jsx(he,{children:e.jsx(Qs,{title:p(),description:A(),...l!=null&&l.correct||d===n.QuestionType.POLL||d===n.QuestionType.PREDICTION?{icon:"icon-correct"}:{},...d===n.QuestionType.TRIVIA||d===n.QuestionType.PREDICTION?{additionalDescription:M()}:{}})}):!r&&(f||F)?e.jsx(he,{children:e.jsx(us,{icon:"icon-check-circle",title:"More to come...",description:F?e.jsxs(e.Fragment,{children:["Stay tuned for more questions ",e.jsx("br",{})," and insights."]}):e.jsxs(e.Fragment,{children:["Watch for additional enhanced stream ",e.jsx("br",{})," interactive experience."]})})}):null};return e.jsxs(qs,{children:[r&&e.jsx(Ss,{}),e.jsx(Ae,{style:r?{marginTop:"-40px"}:{},children:e.jsxs(Ce,{children:[!r&&!E&&e.jsx(me,{feedbackMessages:ue,questionVoted:!!l,questionVotedCorrectly:l==null?void 0:l.correct,questionType:d,hasCorrectAnswer:v,showExpiredNotification:V,showClosedNotificationTrivia:ee,votedInCurrentRender:T,votedAfterQuestionClosed:Q,enteredAnActiveQuestion:w,marketClosed:I,percentsAnimated:N,voteErrorMessage:O,votedAnswer:l}),se&&e.jsx(At,{title:Se,points:qe,onTimerExpired:Qe,questionType:t.type,isTimer:!i,isPlayingTimer:!l,animatePoints:De,timerDuration:Oe?0:Number(((b=t==null?void 0:t.appearance)==null?void 0:b.autoHideInterval)||"30"),votedInCurrentRender:T,percentsAnimated:N}),Ne?Ve():e.jsxs(e.Fragment,{children:[r&&e.jsxs(Ls,{children:[e.jsx(Fs,{name:"iconEarlyPrediction"}),"EARLY PREDICTION"]}),e.jsx(Os,{style:ke?{marginTop:0}:{},children:h}),r&&e.jsx(me,{feedbackMessages:ue,questionVoted:!!l,questionVotedCorrectly:l==null?void 0:l.correct,questionType:d,hasCorrectAnswer:v,showExpiredNotification:V,showClosedNotificationTrivia:ee,votedInCurrentRender:T,votedAfterQuestionClosed:Q,enteredAnActiveQuestion:w,marketClosed:I,percentsAnimated:N,voteErrorMessage:O,isEarlyPrediction:r,correctAnswer:x,votedAnswer:l,onAnimationEnd:Pe}),e.jsxs(Ns,{children:[e.jsx($e,{children:Z.sort((p,A)=>p.id>A.id?1:-1).map((p,A)=>e.jsx(ut,{...p,firstOption:A===0,markThatVoted:_e,onPercentsAnimated:()=>H(!0),votedAfterQuestionClosed:Q,enteredAnActiveQuestion:w,marketClosed:I,isEarlyPrediction:r,isAd:E,webos:m},p.id))}),r&&e.jsxs(e.Fragment,{children:[e.jsx(ks,{}),e.jsx(Ds,{children:e.jsx(Ms,{name:"mastersLogoWhite"})})]})]})]})]})})]})};exports.C=ze;exports.S=Ke;exports.S$1=ve;exports.a=oe;exports.c=je;exports.d=He;exports.ee=Et;exports.f=re;exports.l=Me;exports.m=We;exports.n=ie;exports.p=Le;exports.te=$t;
+Better luck next time.`:i===n.QuestionType.POLL?`Thanks for answering.
+Please stay tuned for the next question.`:i===n.QuestionType.PREDICTION?"Stay tuned to see if your prediction was correct.":"",w=()=>i===n.QuestionType.TRIVIA?`Your Pick: ${$?.text}`:i===n.QuestionType.POLL||i===n.QuestionType.PREDICTION?`Your Pick: ${c?.text}`:"",W=()=>i===n.QuestionType.TRIVIA&&C?.case==="trivia"?C?.value.explanation:i===n.QuestionType.PREDICTION?I:"";return ie?e.jsx(ye,{children:e.jsx(gs,{title:p(),description:w(),...c?.correct||i===n.QuestionType.POLL||i===n.QuestionType.PREDICTION?{icon:"icon-correct"}:{},...i===n.QuestionType.TRIVIA||i===n.QuestionType.PREDICTION?{additionalDescription:W()}:{}})}):!a&&(h||E)?e.jsx(ye,{children:e.jsx(rs,{icon:"icon-check-circle",title:"More to come...",description:E?e.jsxs(e.Fragment,{children:["Stay tuned for more questions ",e.jsx("br",{})," and insights."]}):e.jsxs(e.Fragment,{children:["Watch for additional enhanced stream ",e.jsx("br",{})," interactive experience."]})})}):null};return e.jsxs($s,{children:[a&&e.jsx(ws,{}),e.jsx(Te,{style:a?{marginTop:"-40px"}:{},children:e.jsxs(Ae,{children:[!a&&!T&&e.jsx(fe,{feedbackMessages:ce,questionVoted:!!c,questionVotedCorrectly:c?.correct,questionType:i,hasCorrectAnswer:x,showExpiredNotification:D,showClosedNotificationTrivia:X,votedInCurrentRender:_,votedAfterQuestionClosed:Q,enteredAnActiveQuestion:A,marketClosed:g,percentsAnimated:B,voteErrorMessage:P,votedAnswer:c}),ee&&e.jsx(xt,{title:Pe,points:Qe,onTimerExpired:we,questionType:t.type,isTimer:!r,isPlayingTimer:!c,animatePoints:qe,timerDuration:ke?0:Number(t?.appearance?.autoHideInterval||"30"),votedInCurrentRender:_,percentsAnimated:B}),Se?De():e.jsxs(e.Fragment,{children:[a&&e.jsxs(ks,{children:[e.jsx(Ds,{name:"iconEarlyPrediction"}),"EARLY PREDICTION"]}),e.jsx(Ps,{style:Re?{marginTop:0}:{},children:I}),a&&e.jsx(fe,{feedbackMessages:ce,questionVoted:!!c,questionVotedCorrectly:c?.correct,questionType:i,hasCorrectAnswer:x,showExpiredNotification:D,showClosedNotificationTrivia:X,votedInCurrentRender:_,votedAfterQuestionClosed:Q,enteredAnActiveQuestion:A,marketClosed:g,percentsAnimated:B,voteErrorMessage:P,isEarlyPrediction:a,correctAnswer:$,votedAnswer:c,onAnimationEnd:$e}),e.jsxs(Rs,{children:[e.jsx(ve,{children:J.sort((p,w)=>p.id>w.id?1:-1).map((p,w)=>e.jsx(it,{...p,firstOption:w===0,markThatVoted:be,onPercentsAnimated:()=>z(!0),votedAfterQuestionClosed:Q,enteredAnActiveQuestion:A,marketClosed:g,isEarlyPrediction:a,isAd:T,webos:y},p.id))}),a&&e.jsxs(e.Fragment,{children:[e.jsx(_s,{}),e.jsx(Qs,{children:e.jsx(Os,{name:"mastersLogoWhite"})})]})]})]})]})})]})};exports.C=We;exports.Qe=Tt;exports.S=ze;exports.Ze=jt;exports.a=ae;exports.c=xe;exports.d=Ye;exports.f=re;exports.l=Be;exports.m=Le;exports.n=ne;exports.p=Ne;exports.y=Ie;