fansunited-widgets-cdn 0.0.31 → 0.0.32
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.
- package/fu-widgets.iife.js +1 -1
- package/package.json +1 -1
package/fu-widgets.iife.js
CHANGED
|
@@ -324,7 +324,7 @@ export default theme;`}function Xv(t={},...e){const{breakpoints:i,mixins:n={},sp
|
|
|
324
324
|
opacity: 1;
|
|
325
325
|
transform: translateY(0);
|
|
326
326
|
}
|
|
327
|
-
`,sr={heroSection:{position:"relative",borderRadius:"sm",overflow:"hidden","& iframe":{width:"100% !important",borderRadius:"sm"}},heroImage:{objectFit:"cover",filter:"brightness(0.85)"},heroOverlay:{position:"absolute",top:0,left:0,right:0,bottom:0,background:"linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.2) 80%)",display:"flex",flexDirection:"column",justifyContent:"flex-end",py:0,px:2},heroTitle:{color:"white",lineHeight:"1.2",textShadow:"0 2px 4px rgba(0,0,0,0.3)",fontSize:{xs:"xl",sm:"xl3"},mb:1},heroDescription:{color:"#fff",fontFamily:"Inter, sans-serif",fontSize:{xs:"xs",sm:"md"}},optionButton:{width:"100%",justifyContent:"flex-start",textAlign:"left",p:2,mb:1,transition:"all 0.2s","&:hover":{transform:"translateY(-1px)",boxShadow:"sm"}},resultBar:{position:"relative",height:"8px",bgcolor:"background.level2",borderRadius:"4px",overflow:"hidden",animation:`${dte} 0.5s ease-out`},resultBarFill:{position:"absolute",left:0,top:0,height:"100%",bgcolor:"primary.500",transition:"width 1s ease-out"},resultText:{display:"flex",justifyContent:"space-between",alignItems:"center",mt:.5},totalVotes:{mt:3,textAlign:"center",color:"text.secondary"}},XM=({poll:t,onVote:e})=>{const[i,n]=T.useState(null),[r,s]=T.useState(!1),c=Wi(),{t:d}=nr(),p=async()=>{if(i)try{s(!0),await c.voting.voteForPoll(t.id,i);const f=t.options.map(v=>({...v,votes:v.id===i?(v.votes||0)+1:v.votes})),m={...t,options:f,totalVotes:(t.totalVotes||0)+1};e(m)}catch(f){console.error("Failed to submit vote:",f)}finally{s(!1)}};return b.jsxs(ze,{spacing:2,children:[b.jsx(ze,{spacing:1,children:t.options.map(f=>b.jsx(gt,{variant:i===f.id?"solid":"soft",color:i===f.id?"primary":"neutral",onClick:()=>n(f.id),sx:sr.optionButton,disabled:r,children:f.title},f.id))}),i&&b.jsx(gt,{variant:"solid",color:"primary",onClick:p,loading:r,sx:{mt:2},children:d("polls.vote_action")})]})},$M=({poll:t})=>{const e=i=>t.totalVotes?Math.round(i/t.totalVotes*100):0;return b.jsxs(ze,{spacing:3,children:[b.jsx(ze,{spacing:2,children:t.options.map((i,n)=>{const r=e(i.votes);return b.jsx(Xo.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:n*.1},children:b.jsxs(se,{children:[b.jsx(ce,{level:"body-md",fontWeight:600,sx:{mb:1},children:i.title}),b.jsx(se,{sx:sr.resultBar,children:b.jsx(se,{sx:{...sr.resultBarFill,width:`${r}%`}})}),b.jsxs(se,{sx:sr.resultText,children:[b.jsxs(ce,{level:"body-sm",children:[i.votes," ",ke("polls.vote",{count:i.votes??0})]}),b.jsxs(ce,{level:"body-sm",fontWeight:"bold",children:[r,"%"]})]})]})},i.id)})}),b.jsx(se,{sx:sr.totalVotes,children:b.jsxs(ce,{level:"body-sm",startDecorator:b.jsx(gc,{size:16}),children:[t.totalVotes," ",ke("polls.total_votes")]})})]})},pte=({initialPollId:t})=>{var R,F,M,E,L,A,B,H,j,X,J,q,Q,Z,pe,W;const[e,i]=T.useState(null),[n,r]=T.useState(!0),[s,c]=T.useState(null),[d,p]=T.useState(!1),[f,m]=T.useState(!1),v=Wi(),{t:w}=nr(),{position:C,fields:x,campaignId:I,campaignName:O}=bf();T.useEffect(()=>{if(!e)return;const fe=!!(d||!e.authRequirement||e.authRequirement!=="LEAD"||e.authRequirement==="LEAD"&&C==="after");m(fe)},[e,C,d]);const D=async()=>{try{r(!0),c(null);const te=await v.voting.getPollById(t,!0);i(te)}catch(te){console.error("Failed to fetch poll:",te),c("Failed to load poll. Please try again.")}finally{r(!1)}},_=te=>{v.voting.getMyPollVote(te).then(fe=>{p(!!fe)}).catch(fe=>{fe.error.code===404?console.log("User has not voted yet"):fe.error.code===500?console.error("Internal error:",fe):console.error("Failed to check if user voted:",fe)})};T.useEffect(()=>{t&&(D(),_(t))},[t]);const k=te=>{te&&i(te),p(!0)},z=()=>{m(!0)};return n?b.jsx(md,{}):s||!e?null:b.jsx(ni,{sx:{borderColor:"divider","&:hover":{borderColor:"divider"}},children:b.jsxs(ze,{spacing:2,children:[e.embedCode?b.jsxs(b.Fragment,{children:[b.jsxs(se,{sx:{y:2},children:[b.jsx(ce,{level:"h1",children:e.title}),e.description&&b.jsx("div",{dangerouslySetInnerHTML:{__html:e.description},style:sr.heroDescription})]}),b.jsx(se,{sx:{...sr.heroSection},children:b.jsx("div",{dangerouslySetInnerHTML:{__html:e.embedCode}})})]}):(R=e.images)!=null&&R.main||(F=e.images)!=null&&F.cover?b.jsxs(se,{sx:sr.heroSection,children:[b.jsx(za,{ratio:16/9,children:b.jsx("img",{src:((M=e.images)==null?void 0:M.main)||((E=e.images)==null?void 0:E.cover),alt:e.title,style:sr.heroImage,loading:"lazy",onError:te=>te.currentTarget.style.display="none"})}),b.jsx(se,{sx:sr.heroOverlay,children:b.jsxs(Xo.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.2},children:[b.jsx(se,{sx:{display:"flex",gap:1.5,alignItems:"center",mb:1},children:b.jsx(ce,{level:"body-sm",startDecorator:b.jsx(gc,{size:16,color:"white"}),children:e.totalVotes})}),b.jsx(ce,{level:"h1",sx:sr.heroTitle,children:e.title}),b.jsx("div",{dangerouslySetInnerHTML:{__html:e.description},style:sr.heroDescription})]})})]}):b.jsxs(se,{sx:{y:2},children:[b.jsx(ce,{level:"h1",children:e.title}),e.description&&b.jsx("div",{dangerouslySetInnerHTML:{__html:e.description},style:sr.heroDescription})]}),zv(e.flags)&&b.jsx(nb,{title:((L=e.labels)==null?void 0:L.prizeCardTitle)??w("prize.title"),description:((A=e.labels)==null?void 0:A.prizeCardDescription)??w("prize.description"),cta:w("prize.cta"),rules:e.rules}),C==="before"&&e.authRequirement==="LEAD"?f?d?b.jsx($M,{poll:e}):b.jsx(XM,{poll:e,onVote:k}):b.jsx(mc,{onSuccess:z,contentType:"poll",contentId:e.id,contentName:e.title,campaignId:I,campaignName:O,fields:x,leadTitle:(B=e.labels)==null?void 0:B.leadTitle,leadDescription:(H=e.labels)==null?void 0:H.leadDescription,leadCta:(j=e.labels)==null?void 0:j.leadCta,leadSuccessTitle:(X=e.labels)==null?void 0:X.leadSuccessTitle,leadSuccessDescription:(J=e.labels)==null?void 0:J.leadSuccessDescription}):d?b.jsx($M,{poll:e}):b.jsx(XM,{poll:e,onVote:k}),C==="after"&&e.authRequirement==="LEAD"&&d&&b.jsx(mc,{contentType:"poll",contentId:e.id,contentName:e.title,fields:x,campaignId:I,campaignName:O,leadTitle:(q=e.labels)==null?void 0:q.leadTitle,leadDescription:(Q=e.labels)==null?void 0:Q.leadDescription,leadCta:(Z=e.labels)==null?void 0:Z.leadCta,leadSuccessTitle:(pe=e.labels)==null?void 0:pe.leadSuccessTitle,leadSuccessDescription:(W=e.labels)==null?void 0:W.leadSuccessDescription})]})})},hte={defaultImage:e1},eP=()=>hte.defaultImage,fte=(t,e)=>{var i,n;return!((i=t.images)!=null&&i.main)&&((n=e.images)!=null&&n.cover)?{...t,images:{...t.images,main:$o(e)}}:t},$o=t=>{var e,i;return t?(e=t.images)!=null&&e.main?t.images.main:(i=t.images)!=null&&i.cover?t.images.cover:eP():eP()},Hi={heroSection:{position:"relative",borderRadius:"sm",overflow:"hidden"},heroImage:{objectFit:"cover",filter:"brightness(0.85)"},heroOverlay:{position:"absolute",top:0,left:0,right:0,bottom:0,background:"linear-gradient(180deg, rgba(0,0,0,0.0) 30%, rgba(0,0,0,0.7) 100%)",display:"flex",flexDirection:"column",justifyContent:"flex-end",py:0,px:2},heroTitle:{color:"white",lineHeight:"1.2",textShadow:"0 2px 4px rgba(0,0,0,0.3)",fontSize:{xs:"xl",sm:"xl3"}},heroDescription:{color:"#fff",fontFamily:"Inter, sans-serif",fontSize:{xs:"xs",sm:"md"}},startButtonContainer:{py:1.5,fontSize:"md","--Button-gap":"1rem"},quizEndContainer:{position:"relative",mb:2,borderRadius:"sm",overflow:"hidden"},quizEndImage:{objectFit:"cover",filter:"brightness(0.8)"},quizEndImageOverlay:{position:"absolute",top:0,left:0,right:0,bottom:0,background:"rgba(0, 0, 0, 0.7)",backdropFilter:"blur(2px)"},celebrationEmoji:{fontSize:"1.5rem",mb:1},actionButtons:{display:"flex",gap:2},actionButton:{flex:1}},tP={countdownWrapper:{py:2,borderBottom:"1px solid",borderColor:"divider",flex:1},countdownLabels:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1}},mte=t=>({mt:2,visibility:t!==void 0?"visible":"hidden",position:"relative",height:t!==void 0?"auto":0,transform:t!==void 0?"translateY(0)":"translateY(100%)",opacity:t!==void 0?1:0,transition:"transform 0.3s ease-out, opacity 0.3s ease-out",overflow:"hidden"}),gte=t=>({mt:2,visibility:t!==void 0?"visible":"hidden",position:"relative",height:t!==void 0?"auto":0,transform:t!==void 0?"translateY(0)":"translateY(100%)",opacity:t!==void 0?1:0,transition:"transform 0.3s ease-out, opacity 0.3s ease-out",overflow:"hidden"}),yte=({correctAnswers:t,quiz:e,quizResults:i})=>{const{t:n}=nr(),r=e==null?void 0:e.questions.length,[s,c]=T.useState(!1),d=()=>!i||!i.questions?0:i.questions.filter(C=>C.optionId===null).length,p=()=>!i||!i.questions?0:i.questions.filter(C=>C.optionId!==null&&C.correct===!1).length,f=()=>{if(t===void 0||r===void 0)return 0;const w=t/r*100;return Math.round(w)},m=w=>{if(!i||!i.questions)return!1;const C=i.questions.find(x=>x.questionId==w);return C==null?void 0:C.correct},v=(w,C)=>{if(!i||!i.questions)return null;const x=e.questions.find(O=>O.questionId===w),I=x==null?void 0:x.options.find(O=>O.optionId===C);return(I==null?void 0:I.option)??null};return b.jsx(ni,{variant:"outlined",orientation:"vertical",children:b.jsxs(Ht,{container:!0,spacing:2,width:"100%",sx:{mx:"auto"},children:[b.jsx(Ht,{xs:4,border:"thin",children:b.jsxs(ze,{spacing:0,justifyContent:"start",alignItems:"center",children:[b.jsxs(ce,{fontWeight:"bold",level:"h1",children:[f(),"%"]}),b.jsxs(ce,{level:"body-xs",color:"neutral",children:[t,"/",r]})]})}),b.jsxs(Ht,{xs:8,children:[b.jsx(se,{children:b.jsxs(Ht,{container:!0,spacing:0,sx:{flexGrow:1,alignItems:"center"},children:[b.jsx(Ht,{xs:7,children:b.jsx(Gh,{determinate:!0,value:Uv(t??0,r),color:"success"})}),b.jsx(Ht,{xs:5,children:b.jsx(se,{sx:{textAlign:"right"},children:b.jsxs(ce,{level:"body-xs",fontWeight:"bold",color:"success",children:[t??0," ",n("quizzes.results.stats.correct")]})})})]})}),b.jsx(se,{children:b.jsxs(Ht,{container:!0,spacing:0,sx:{flexGrow:1,alignItems:"center"},children:[b.jsx(Ht,{xs:7,children:b.jsx(Gh,{determinate:!0,value:Uv(p(),r),color:"danger"})}),b.jsx(Ht,{xs:5,children:b.jsx(se,{sx:{textAlign:"right"},children:b.jsxs(ce,{level:"body-xs",fontWeight:"bold",color:"danger",children:[p()," ",n("quizzes.results.stats.incorrect")]})})})]})}),b.jsx(se,{children:b.jsxs(Ht,{container:!0,spacing:0,sx:{flexGrow:1,alignItems:"center"},children:[b.jsx(Ht,{xs:7,children:b.jsx(Gh,{determinate:!0,value:Uv(d(),r),color:"warning"})}),b.jsx(Ht,{xs:5,children:b.jsx(se,{sx:{textAlign:"right"},children:b.jsxs(ce,{level:"body-xs",fontWeight:"bold",color:"warning",children:[d()," ",n("quizzes.results.stats.skipped")]})})})]})})]}),b.jsx(se,{mx:"auto",children:b.jsx(ce,{level:"body-xs",fontWeight:"bold",sx:{cursor:"pointer"},onClick:()=>{c(!s)},children:n("quizzes.results.answers.show")})}),s&&b.jsx(Ht,{xs:12,children:b.jsx(Qy,{children:e==null?void 0:e.questions.map((w,C)=>b.jsxs(se,{children:[b.jsxs(Wl,{children:[b.jsxs(rv,{children:[b.jsx(se,{children:b.jsx(ce,{level:"body-sm",lineHeight:1.3,children:w.question})}),b.jsxs(se,{children:[m(w.questionId)&&b.jsx(se,{children:b.jsxs(ce,{level:"body-xs",children:[n("quizzes.results.answers.yours"),":"," ",b.jsx(ce,{level:"body-xs",fontWeight:"bold",children:v(w.questionId,(i==null?void 0:i.questions[C].optionId)??null)})]})}),!m(w.questionId)&&b.jsxs(se,{sx:{display:"block",textAlign:"left",width:"100%"},children:[b.jsx(se,{children:b.jsxs(ce,{level:"body-xs",children:[n("quizzes.results.answers.yours"),":"," ",b.jsx(ce,{level:"body-xs",sx:{textDecoration:"line-through"},children:v(w.questionId,(i==null?void 0:i.questions[C].optionId)??null)})]})}),b.jsx(se,{children:b.jsxs(ce,{level:"body-xs",children:[n("quizzes.results.answers.correct"),":"," ",b.jsx(ce,{level:"body-xs",fontWeight:"bold",children:v(w.questionId,(i==null?void 0:i.questions[C].correctOptionId)??null)})]})})]})]})]}),m(w.questionId)?b.jsx(rb,{color:"success"}):b.jsx(GE,{color:"error"})]}),r===C+1?null:b.jsx(Vh,{})]},C))})})]})})},vte=({currentQuizId:t,switchQuiz:e})=>{const[i,n]=T.useState([]),[r,s]=T.useState(!0),[c,d]=T.useState(null),{t:p}=nr(),f=p("quizzes.buttons.playNext"),m=p("quizzes.results.recommendedForYou"),v=p("quizzes.results.loadingRecommendations"),w=Wi();return T.useEffect(()=>{(async()=>{try{s(!0),d(null);const O=(await w.miniGames.getClassicQuizzes({status:"ACTIVE",limit:3})).data.filter(D=>D.id!==t).slice(0,2);n(O)}catch(x){console.error("Error fetching recommended quizzes:",x),d("Failed to load recommendations")}finally{s(!1)}})()},[t]),r?b.jsx(ni,{variant:"soft",sx:{textAlign:"center",py:2},children:b.jsxs(ce,{level:"body-sm",children:[v,"..."]})}):c?b.jsx(ni,{variant:"soft",sx:{textAlign:"center",py:2},children:b.jsx(ce,{level:"body-sm",color:"danger",children:c})}):i.length?b.jsxs(ni,{variant:"soft",sx:{p:2,backgroundColor:"background.level1",border:"1px solid",borderColor:"divider","&:hover":{borderColor:"divider"}},children:[b.jsx(ce,{level:"body-lg",fontWeight:"bold",component:"span",textAlign:"left",endDecorator:b.jsx(HY,{}),children:f}),b.jsx(ce,{level:"body-sm",component:"span",textAlign:"left",mb:1,children:m}),b.jsx(ze,{spacing:2,children:i.map(C=>b.jsx(se,{display:"flex",justifyContent:"space-between",onClick:()=>e(C.id),sx:{cursor:"pointer"},children:b.jsxs(se,{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",children:[b.jsx(se,{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",children:b.jsx("img",{src:$o(C),srcSet:$o(C),style:{width:"100px",borderRadius:"4px",marginRight:"10px"},loading:"lazy",alt:""})}),b.jsx(se,{display:"flex",flexDirection:"row",justifyContent:"center",alignContent:"center",children:b.jsx(ce,{level:"body-sm",fontWeight:600,children:C.title})})]})},C.id))})]}):null};function bte({quiz:t,quizResults:e,switchQuiz:i,time:n=0}){var M,E,L,A,B,H,j,X,J,q,Q;const{position:r,fields:s,campaignId:c,campaignName:d}=bf(),{t:p}=nr(),f=p("common.labels.or"),m=p("quizzes.buttons.playAgain"),v=p("quizzes.buttons.share"),w=((M=t.labels)==null?void 0:M.scoreMessagePerfect)??p("quizzes.results.messagePerfect"),C=((E=t.labels)==null?void 0:E.scoreMessageAmazing)??p("quizzes.results.messageAmazing"),x=((L=t.labels)==null?void 0:L.scoreMessageWellDone)??p("quizzes.results.messageWellDone"),I=((A=t.labels)==null?void 0:A.scoreMessageGoodEffort)??p("quizzes.results.messageGoodEffort"),O=((B=t.labels)==null?void 0:B.scoreMessageKeepGoing)??p("quizzes.results.messageKeepGoing"),D=((H=t==null?void 0:t.labels)==null?void 0:H.hashtags)??"",_=e.correctOptions/t.questionsCount*100,z=_===100?{message:w,emoji:"🏆",color:"success"}:_>=80?{message:C,emoji:"🌟",color:"success"}:_>=60?{message:x,emoji:"👏",color:"primary"}:_>=40?{message:I,emoji:"💪",color:"warning"}:{message:O,emoji:"🎯",color:"neutral"},R=Z=>{i(Z)},F=Z=>{const W=location.protocol+"//"+location.host+"/quiz/"+Z+"?utm_source=quiz_page&utm_medium=share_button&utm_campaign=Share",te=n>0?p("quizzes.results.share.iosTitleOne",{score:_,time:n}):p("quizzes.results.share.iosTitleTwo",{score:_}),fe=p("quizzes.results.share.androidTitle"),he=p("quizzes.results.share.iosShareBody",{score:_,quizTitle:t.title,hashtags:D}),le=n>0?p("quizzes.results.share.androidShareBodyOne",{score:_,time:n,quizTitle:t.title,hashtags:D}):p("quizzes.results.share.androidShareBodyTwo",{score:_,quizTitle:t.title,hashtags:D});if(navigator.share)navigator.share({title:te,text:he,url:W}).then(()=>console.log("Successfully shared")).catch(be=>console.error("Error sharing:",be));else if(isAndroid())try{Android.shareData(fe,le,W)}catch(be){console.error("Error sharing on android:",be)}else(()=>{const Pe=document.createElement("textarea");Pe.value=le+" "+W,document.body.appendChild(Pe),Pe.select(),document.execCommand("copy"),document.body.removeChild(Pe),console.log("Copied to clipboard")})()};return b.jsx(Xo.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},children:b.jsxs(se,{children:[b.jsxs(se,{sx:Hi.quizEndContainer,children:[b.jsx(za,{ratio:"22/9",children:b.jsx("img",{src:$o(t),alt:t.title,style:Hi.quizEndImage,loading:"lazy"})}),b.jsx(ze,{direction:"column",justifyContent:"center",alignItems:"center",sx:Hi.quizEndImageOverlay,children:b.jsx(Xo.div,{initial:{scale:0},animate:{scale:1},transition:{delay:.2,type:"spring",stiffness:200},children:b.jsxs(ze,{direction:"column",alignItems:"center",justifyContent:"center",children:[b.jsx(ce,{level:"h1",sx:Hi.celebrationEmoji,children:z.emoji}),b.jsx(ce,{textAlign:"center",sx:{color:"white",px:2,mb:1,fontSize:{xs:"body-xs",md:"body-lg"}},children:z.message})]})})})]}),b.jsxs(ze,{spacing:2,children:[b.jsx(se,{children:b.jsx(yte,{correctAnswers:e.correctOptions,quiz:t,quizResults:e})}),r==="after"&&t.authRequirement==="LEAD"&&b.jsx(se,{children:b.jsx(ni,{sx:{borderColor:"primary.500"},children:b.jsx(mc,{contentType:"quiz",contentId:t.id,contentName:t.title,fields:s,campaignId:c,campaignName:d,leadTitle:((j=t.labels)==null?void 0:j.leadTitle)??null,leadDescription:((X=t.labels)==null?void 0:X.leadDescription)??null,leadCta:((J=t.labels)==null?void 0:J.leadCta)??null,leadSuccessTitle:((q=t.labels)==null?void 0:q.leadSuccessTitle)??null,leadSuccessDescription:((Q=t.labels)==null?void 0:Q.leadSuccessDescription)??null})})}),b.jsx(se,{children:b.jsx(vte,{currentQuizId:t.id,switchQuiz:i})}),b.jsx(se,{children:b.jsx(ce,{level:"body-xs",textAlign:"center",textTransform:"uppercase",children:f})}),b.jsxs(se,{pb:2,sx:Hi.actionButtons,children:[b.jsx(gt,{variant:"solid",color:"primary",startDecorator:b.jsx(i7,{size:18}),onClick:()=>{R(t.id)},sx:Hi.actionButton,children:m}),b.jsx(gt,{variant:"outlined",color:"neutral",startDecorator:b.jsx(ZE,{size:18}),sx:Hi.actionButton,onClick:()=>F(t.id),children:v})]})]})]})})}function wte({optionId:t,optionText:e,isSelected:i,isDisabled:n,correct:r,userAnswer:s,onClick:c}){const d=()=>s===void 0||s===null?"neutral":s===t?r?"success":"danger":"neutral",p=()=>s===void 0?"transparent":s===null?r?"success.50":"transparent":r?"success.100":s===t?"danger.100":"transparent",f=()=>s===void 0||s===null||r||s===t?"#000":"neutral";return b.jsx(gt,{fullWidth:!0,variant:i?"solid":"outlined",color:d(),onClick:c,disabled:n,endDecorator:s!==void 0&&(s===null?r&&b.jsx(KE,{sx:{color:"success.300"}}):r?b.jsx(KE,{color:"success"}):b.jsx(NY,{sx:{color:"var(--joy-palette-danger-500)"}})),sx:{justifyContent:"space-between",height:"100%",minHeight:"45px",textAlign:"left",whiteSpace:"normal",borderColor:d(),"&:hover":{backgroundColor:s===void 0?"action.hover":"transparent"},"&:disabled":{color:f(),backgroundColor:p()}},children:e})}function Ste({question:t,onAnswer:e,onNext:i,userAnswer:n,quiz:r,isLastQuestion:s,totalQuestions:c,time:d=0,onTimeUp:p}){var z;const[f,m]=T.useState(d),v=T.useRef(null),{t:w}=nr(),C=w("quizzes.timeRemaining"),x=w(s?"quizzes.buttons.finish":"quizzes.buttons.next"),I=w("quizzes.question",{count:1}),O=w("common.labels.sec"),D=w("common.labels.of");T.useEffect(()=>{var R;if(t.embedCode&&v.current){v.current.innerHTML=t.embedCode;const F=v.current.getElementsByTagName("iframe");for(let E=0;E<F.length;E++){const L=F[E],A=L.src;L.src="",setTimeout(()=>{L.src=A},10)}const M=v.current.getElementsByTagName("script");for(let E=0;E<M.length;E++){const L=M[E],A=document.createElement("script");Array.from(L.attributes).forEach(B=>{A.setAttribute(B.name,B.value)}),A.innerHTML=L.innerHTML,(R=L.parentNode)==null||R.replaceChild(A,L)}}},[t.embedCode]);const _=R=>{n===void 0&&e(t.questionId,R)};T.useEffect(()=>{if(d<=0||n!==void 0)return;const R=Date.now(),F=d;let M;const E=()=>{const L=(Date.now()-R)/1e3,A=Math.max(0,F-L);m(A),A<=0?(e(t.questionId,null),p==null||p()):M=requestAnimationFrame(E)};return M=requestAnimationFrame(E),()=>{M&&cancelAnimationFrame(M)}},[d,n,p,t.questionId,e]),T.useEffect(()=>{m(d)},[t.questionId,d]);const k=((z=t==null?void 0:t.images)==null?void 0:z.main)??$o(r);return b.jsxs(se,{sx:{maxWidth:800,width:"100%",margin:"auto",overflow:"hidden"},children:[t.embedCode?b.jsx(se,{children:b.jsx(za,{ratio:1.7777777777777777,children:b.jsx("div",{ref:v,className:"iframeWrapperforEmbedCode"})})}):k&&b.jsx(se,{sx:{position:"relative"},children:b.jsx(za,{ratio:1.7777777777777777,children:b.jsx("img",{src:k,alt:t.question,width:"100%",height:"100%",style:{objectFit:"cover",maxWidth:"800px"},loading:"lazy"})})}),d>0&&b.jsxs(se,{sx:tP.countdownWrapper,children:[b.jsxs(se,{sx:tP.countdownLabels,children:[b.jsxs(ce,{level:"body-sm",children:[C,": ",Math.ceil(f),O]}),b.jsxs(ce,{level:"body-sm",children:[I," ",t.questionId," ",D," ",c]})]}),b.jsx(Gh,{determinate:!0,value:f/d*100,variant:"outlined",thickness:8,color:f<4?"danger":"primary"})]}),b.jsxs(ze,{spacing:2,py:2,children:[b.jsx(ce,{level:"h2",fontSize:"xl",sx:{mb:2},children:t.question}),b.jsx(Ht,{container:!0,spacing:1,sx:{flexGrow:1},children:t.options.map(R=>b.jsx(Ht,{xs:12,sm:6,children:b.jsx(wte,{optionId:R.optionId,optionText:R.option.toString(),isSelected:n===R.optionId,isDisabled:n!==void 0,correct:R.correct,userAnswer:n,onClick:()=>_(R.optionId)})},R.optionId))}),t.explanation&&b.jsx(se,{sx:gte(n),children:b.jsx(yA,{variant:"outlined",color:"neutral",startDecorator:b.jsx(QY,{}),children:b.jsx("div",{dangerouslySetInnerHTML:{__html:t.explanation}})})}),b.jsx(se,{sx:mte(n),children:b.jsx(gt,{fullWidth:!0,onClick:i,variant:"solid",color:"primary",children:x})})]})]})}function Cte({initialQuiz:t,switchQuiz:e}){const[i]=T.useState(t),[n,r]=T.useState(0),[s,c]=T.useState({}),[d,p]=T.useState(null),[f,m]=T.useState(!1),v=Wi(),w=(I,O)=>{c(D=>({...D,[I]:O}))},C=()=>{n<i.questions.length-1?r(n+1):x()},x=()=>{try{const I=Object.entries(s).filter(([O,D])=>D!==null).map(([O,D])=>({questionId:Number(O),optionId:D}));v.miniGames.participateInClassicQuiz(i.id,I,!0).then(O=>{p(O),m(!0)}).catch(O=>{console.error(O)})}catch(I){console.error("Failed to submit quiz answers:",I)}};return f&&d?b.jsx(bte,{quiz:i,quizResults:d,switchQuiz:e}):b.jsx(Ste,{question:fte(i.questions[n],i),onAnswer:w,onNext:C,quiz:i,userAnswer:s[i.questions[n].questionId],isLastQuestion:n===i.questions.length-1,totalQuestions:i.questions.length,time:i.time,onTimeUp:()=>{console.log("Time up!")}})}const iP=({description:t,quizStyles:e})=>{const i=LE("(max-width:600px)"),[n,r]=T.useState("");return T.useEffect(()=>{if(!t)return;const s=i?90:500,d=String(t).replace(/<[^>]*>/g,"");d.length>s?r(d.substring(0,s)+"..."):r(d)},[t,i]),b.jsx("div",{className:"quiz-description",style:e,dangerouslySetInnerHTML:{__html:n}})};function xte({quiz:t,onStart:e}){var O,D,_,k,z,R,F;const{t:i}=nr(),n=i("quizzes.buttons.start"),r=((O=t.labels)==null?void 0:O.prizeCardTitle)??i("prize.title"),s=((D=t.labels)==null?void 0:D.prizeCardDescription)??i("prize.description"),c=i("prize.cta"),d=t.questionsCount,{fields:p,position:f,campaignId:m,campaignName:v}=bf(),w=(t==null?void 0:t.authRequirement)!=="LEAD"||(t==null?void 0:t.authRequirement)==="LEAD"&&f==="after",[C,x]=T.useState(w),I=()=>{x(!0)};return t?b.jsxs(ze,{spacing:2,children:[b.jsxs(se,{sx:Hi.heroSection,children:[b.jsx(za,{ratio:1.7777777777777777,children:b.jsx("img",{src:$o(t),alt:t.title,style:Hi.heroImage,loading:"lazy"})}),b.jsx(se,{sx:Hi.heroOverlay,children:b.jsxs(Xo.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.2},children:[b.jsxs(se,{sx:{display:"flex",gap:1.5,alignItems:"center",mb:1},children:[b.jsx(Xu,{size:"sm",children:i("quizzes.label",{count:1})}),b.jsxs(ze,{direction:"row",spacing:2,sx:{color:"neutral.300"},children:[b.jsx(ce,{title:i("quizzes.question",{count:d}),level:"body-sm",textColor:"white",startDecorator:b.jsx(YE,{size:16,color:"white"}),children:t.questionsCount}),b.jsxs(ce,{title:i("common.labels.time"),level:"body-sm",textColor:"white",startDecorator:b.jsx(cb,{size:16,color:"white"}),children:[d>3?2:1,"m"]}),b.jsx(ce,{title:i("quizzes.participant",{count:t.participationCount}),level:"body-sm",textColor:"white",startDecorator:b.jsx(gc,{size:16,color:"white"}),children:t.participationCount})]})]}),b.jsxs(ze,{mb:1,spacing:.5,children:[b.jsx(ce,{level:"h1",sx:Hi.heroTitle,children:t.title}),b.jsx(iP,{description:t.description,quizStyles:Hi.heroDescription})]})]})})]}),b.jsxs(ze,{spacing:2,children:[zv(t.flags)&&b.jsx(nb,{rules:t.rules,title:r,description:s,cta:c}),f==="before"&&t.authRequirement==="LEAD"&&b.jsx(mc,{onSuccess:I,contentType:"quiz",contentId:t.id,contentName:t.title,campaignId:m,campaignName:v,fields:p,leadTitle:((_=t.labels)==null?void 0:_.leadTitle)??null,leadDescription:((k=t.labels)==null?void 0:k.leadDescription)??null,leadCta:((z=t.labels)==null?void 0:z.leadCta)??null,leadSuccessTitle:((R=t.labels)==null?void 0:R.leadSuccessTitle)??null,leadSuccessDescription:((F=t.labels)==null?void 0:F.leadSuccessDescription)??null}),C&&b.jsx(Xo.div,{initial:{scale:.95},animate:{scale:1},transition:{duration:.5,repeat:1/0,repeatType:"reverse"},children:b.jsx(gt,{fullWidth:!0,size:"md",onClick:e,startDecorator:b.jsx(XE,{}),sx:Hi.startButtonContainer,children:n})})]})]}):null}const Ate=({initialQuizId:t})=>{const[e,i]=T.useState(null),[n,r]=T.useState({}),[s,c]=T.useState(!0),[d,p]=T.useState(!1),[f,m]=T.useState(null),v=Wi();T.useEffect(()=>{t&&i(t)},[t]),T.useEffect(()=>{e&&(c(!0),m(null),v.miniGames.getClassicQuizById(e,!0).then(C=>{r(C),c(!1)}).catch(C=>{console.error("Failed to fetch quiz:",C),m("Failed to load quiz. Please try again."),c(!1)}))},[e]);const w=C=>{i(C),C===t&&p(!1)};return b.jsx(b.Fragment,{children:s?b.jsx(se,{minHeight:"200px",display:"flex",justifyContent:"center",alignItems:"center",children:b.jsx(md,{})}):f?b.jsx(b.Fragment,{}):n?b.jsx(ni,{sx:{borderColor:"divider","&:hover":{borderColor:"divider"}},children:d?b.jsx(Cte,{initialQuiz:n,switchQuiz:w}):b.jsx(xte,{quiz:n,onStart:()=>p(!0)})}):b.jsx(ce,{children:"No quiz data available"})})};function Tte({quiz:t,onStart:e}){const{t:i}=nr(),n=i("quizzes.buttons.start"),r=t.questionsCount;return t?b.jsxs(ze,{spacing:2,children:[b.jsxs(se,{sx:Hi.heroSection,children:[b.jsx(za,{ratio:1.7777777777777777,children:b.jsx("img",{src:$o(t),alt:t.title,style:Hi.heroImage,loading:"lazy"})}),b.jsx(se,{sx:Hi.heroOverlay,children:b.jsxs(Xo.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.2},children:[b.jsxs(se,{sx:{display:"flex",gap:1.5,alignItems:"center",mb:1},children:[b.jsx(Xu,{size:"sm",children:i("quizzes.label",{count:1})}),b.jsxs(ze,{direction:"row",spacing:2,sx:{color:"neutral.300"},children:[b.jsx(ce,{title:i("quizzes.question",{count:r}),level:"body-sm",textColor:"white",startDecorator:b.jsx(YE,{size:16,color:"white"}),children:t.questionsCount}),b.jsxs(ce,{title:i("common.labels.time"),level:"body-sm",textColor:"white",startDecorator:b.jsx(cb,{size:16,color:"white"}),children:[r>3?2:1,"m"]}),b.jsx(ce,{title:i("quizzes.participant",{count:t.participationCount}),level:"body-sm",textColor:"white",startDecorator:b.jsx(gc,{size:16,color:"white"}),children:t.participationCount})]})]}),b.jsxs(ze,{mb:1,spacing:.5,children:[b.jsx(ce,{level:"h1",sx:Hi.heroTitle,children:t.title}),b.jsx(iP,{description:t.description,quizStyles:Hi.heroDescription})]})]})})]}),b.jsx(ze,{spacing:1,children:b.jsx(gt,{fullWidth:!0,size:"sm",onClick:e,startDecorator:b.jsx(XE,{}),sx:Hi.startButtonContainer,children:n})})]}):null}const Ite=({initialQuizId:t,url:e})=>{const[i,n]=T.useState(null),[r,s]=T.useState({}),[c,d]=T.useState(!0),[p,f]=T.useState(null),m=Wi();return T.useEffect(()=>{t&&n(t)},[t]),T.useEffect(()=>{i&&(d(!0),f(null),m.miniGames.getClassicQuizById(i,!0).then(v=>{s(v),d(!1)}).catch(v=>{console.error("Failed to fetch quiz:",v),f("Failed to load quiz. Please try again."),d(!1)}))},[i]),b.jsx(b.Fragment,{children:c?b.jsx(se,{minHeight:"200px",display:"flex",justifyContent:"center",alignItems:"center",children:b.jsx(md,{})}):p?b.jsx(b.Fragment,{}):r?b.jsx(ni,{sx:{borderColor:"divider","&:hover":{borderColor:"divider"}},children:b.jsx(Tte,{quiz:r,onStart:()=>{location.href=e}})}):b.jsx(ce,{children:"No quiz data available"})})},nP=Ey({colorSchemes:{light:{palette:{}},dark:{palette:{}}},components:{JoyCard:{styleOverrides:{root:{backgroundColor:"var(--joy-palette-background-surface)",borderColor:"var(--joy-palette-neutral-outlinedBorder)","&:hover":{borderColor:"var(--joy-palette-primary-500)"}}}},JoyButton:{styleOverrides:{root:{borderRadius:"4px","--Button-gap":"0.5rem"}}},JoyLink:{styleOverrides:{root:{textDecoration:"none","&:hover":{color:"var(--joy-palette-primary-500)"}}}}},typography:{h1:{fontSize:"1.5rem",fontWeight:"700"},h2:{fontSize:"1.25rem",fontWeight:"600"},"body-md":{fontSize:"0.875rem"},"body-sm":{fontSize:"0.75rem"}}});/**
|
|
327
|
+
`,sr={heroSection:{position:"relative",borderRadius:"sm",overflow:"hidden","& iframe":{width:"100% !important",borderRadius:"sm"}},heroImage:{objectFit:"cover",filter:"brightness(0.85)"},heroOverlay:{position:"absolute",top:0,left:0,right:0,bottom:0,background:"linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.2) 80%)",display:"flex",flexDirection:"column",justifyContent:"flex-end",py:0,px:2},heroTitle:{color:"white",lineHeight:"1.2",textShadow:"0 2px 4px rgba(0,0,0,0.3)",fontSize:{xs:"xl",sm:"xl3"},mb:1},heroDescription:{color:"#fff",fontFamily:"Inter, sans-serif",fontSize:{xs:"xs",sm:"md"}},optionButton:{width:"100%",justifyContent:"flex-start",textAlign:"left",p:2,mb:1,transition:"all 0.2s","&:hover":{transform:"translateY(-1px)",boxShadow:"sm"}},resultBar:{position:"relative",height:"8px",bgcolor:"background.level2",borderRadius:"4px",overflow:"hidden",animation:`${dte} 0.5s ease-out`},resultBarFill:{position:"absolute",left:0,top:0,height:"100%",bgcolor:"primary.500",transition:"width 1s ease-out"},resultText:{display:"flex",justifyContent:"space-between",alignItems:"center",mt:.5},totalVotes:{mt:3,textAlign:"center",color:"text.secondary"}},XM=({poll:t,onVote:e})=>{const[i,n]=T.useState(null),[r,s]=T.useState(!1),c=Wi(),{t:d}=nr(),p=async()=>{if(i)try{s(!0),await c.voting.voteForPoll(t.id,i);const f=t.options.map(v=>({...v,votes:v.id===i?(v.votes||0)+1:v.votes})),m={...t,options:f,totalVotes:(t.totalVotes||0)+1};e(m)}catch(f){console.error("Failed to submit vote:",f)}finally{s(!1)}};return b.jsxs(ze,{spacing:2,children:[b.jsx(ze,{spacing:1,children:t.options.map(f=>b.jsx(gt,{variant:i===f.id?"solid":"soft",color:i===f.id?"primary":"neutral",onClick:()=>n(f.id),sx:sr.optionButton,disabled:r,children:f.title},f.id))}),i&&b.jsx(gt,{variant:"solid",color:"primary",onClick:p,loading:r,sx:{mt:2},children:d("polls.vote_action")})]})},$M=({poll:t})=>{const e=i=>t.totalVotes?Math.round(i/t.totalVotes*100):0;return b.jsxs(ze,{spacing:3,children:[b.jsx(ze,{spacing:2,children:t.options.map((i,n)=>{const r=e(i.votes);return b.jsx(Xo.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:n*.1},children:b.jsxs(se,{children:[b.jsx(ce,{level:"body-md",fontWeight:600,sx:{mb:1},children:i.title}),b.jsx(se,{sx:sr.resultBar,children:b.jsx(se,{sx:{...sr.resultBarFill,width:`${r}%`}})}),b.jsxs(se,{sx:sr.resultText,children:[b.jsxs(ce,{level:"body-sm",children:[i.votes," ",ke("polls.vote",{count:i.votes??0})]}),b.jsxs(ce,{level:"body-sm",fontWeight:"bold",children:[r,"%"]})]})]})},i.id)})}),b.jsx(se,{sx:sr.totalVotes,children:b.jsxs(ce,{level:"body-sm",startDecorator:b.jsx(gc,{size:16}),children:[t.totalVotes," ",ke("polls.total_votes")]})})]})},pte=({initialPollId:t})=>{var R,F,M,E,L,A,B,H,j,X,J,q,Q,Z,pe,W;const[e,i]=T.useState(null),[n,r]=T.useState(!0),[s,c]=T.useState(null),[d,p]=T.useState(!1),[f,m]=T.useState(!1),v=Wi(),{t:w}=nr(),{position:C,fields:x,campaignId:I,campaignName:O}=bf();T.useEffect(()=>{if(!e)return;const fe=!!(d||!e.authRequirement||e.authRequirement!=="LEAD"||e.authRequirement==="LEAD"&&C==="after");m(fe)},[e,C,d]);const D=async()=>{try{r(!0),c(null);const te=await v.voting.getPollById(t,!0);i(te)}catch(te){console.error("Failed to fetch poll:",te),c("Failed to load poll. Please try again.")}finally{r(!1)}},_=te=>{v.voting.getMyPollVote(te).then(fe=>{p(!!fe)}).catch(fe=>{fe.error.code===404?console.log("User has not voted yet"):fe.error.code===500?console.error("Internal error:",fe):console.error("Failed to check if user voted:",fe)})};T.useEffect(()=>{t&&(D(),_(t))},[t]);const k=te=>{te&&i(te),p(!0)},z=()=>{m(!0)};return n?b.jsx(md,{}):s||!e?null:b.jsx(ni,{sx:{borderColor:"divider","&:hover":{borderColor:"divider"}},children:b.jsxs(ze,{spacing:2,children:[e.embedCode?b.jsxs(b.Fragment,{children:[b.jsxs(se,{sx:{y:2},children:[b.jsx(ce,{level:"h1",children:e.title}),e.description&&b.jsx("div",{dangerouslySetInnerHTML:{__html:e.description},style:sr.heroDescription})]}),b.jsx(se,{sx:{...sr.heroSection},children:b.jsx("div",{dangerouslySetInnerHTML:{__html:e.embedCode}})})]}):(R=e.images)!=null&&R.main||(F=e.images)!=null&&F.cover?b.jsxs(se,{sx:sr.heroSection,children:[b.jsx(za,{ratio:16/9,children:b.jsx("img",{src:((M=e.images)==null?void 0:M.main)||((E=e.images)==null?void 0:E.cover),alt:e.title,style:sr.heroImage,loading:"lazy",onError:te=>te.currentTarget.style.display="none"})}),b.jsx(se,{sx:sr.heroOverlay,children:b.jsxs(Xo.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.2},children:[b.jsx(se,{sx:{display:"flex",gap:1.5,alignItems:"center",mb:1},children:b.jsx(ce,{level:"body-sm",startDecorator:b.jsx(gc,{size:16,color:"white"}),children:e.totalVotes})}),b.jsx(ce,{level:"h1",sx:sr.heroTitle,children:e.title}),b.jsx("div",{dangerouslySetInnerHTML:{__html:e.description},style:sr.heroDescription})]})})]}):b.jsxs(se,{sx:{y:2},children:[b.jsx(ce,{level:"h1",children:e.title}),e.description&&b.jsx("div",{dangerouslySetInnerHTML:{__html:e.description},style:sr.heroDescription})]}),zv(e.flags)&&b.jsx(nb,{title:((L=e.labels)==null?void 0:L.prizeCardTitle)??w("prize.title"),description:((A=e.labels)==null?void 0:A.prizeCardDescription)??w("prize.description"),cta:w("prize.cta"),rules:e.rules}),C==="before"&&e.authRequirement==="LEAD"?f?d?b.jsx($M,{poll:e}):b.jsx(XM,{poll:e,onVote:k}):b.jsx(mc,{onSuccess:z,contentType:"poll",contentId:e.id,contentName:e.title,campaignId:I,campaignName:O,fields:x,leadTitle:(B=e.labels)==null?void 0:B.leadTitle,leadDescription:(H=e.labels)==null?void 0:H.leadDescription,leadCta:(j=e.labels)==null?void 0:j.leadCta,leadSuccessTitle:(X=e.labels)==null?void 0:X.leadSuccessTitle,leadSuccessDescription:(J=e.labels)==null?void 0:J.leadSuccessDescription}):d?b.jsx($M,{poll:e}):b.jsx(XM,{poll:e,onVote:k}),C==="after"&&e.authRequirement==="LEAD"&&d&&b.jsx(mc,{contentType:"poll",contentId:e.id,contentName:e.title,fields:x,campaignId:I,campaignName:O,leadTitle:(q=e.labels)==null?void 0:q.leadTitle,leadDescription:(Q=e.labels)==null?void 0:Q.leadDescription,leadCta:(Z=e.labels)==null?void 0:Z.leadCta,leadSuccessTitle:(pe=e.labels)==null?void 0:pe.leadSuccessTitle,leadSuccessDescription:(W=e.labels)==null?void 0:W.leadSuccessDescription})]})})},hte={defaultImage:e1},eP=()=>hte.defaultImage,fte=(t,e)=>{var i,n;return!((i=t.images)!=null&&i.main)&&((n=e.images)!=null&&n.cover)?{...t,images:{...t.images,main:$o(e)}}:t},$o=t=>{var e,i;return t?(e=t.images)!=null&&e.main?t.images.main:(i=t.images)!=null&&i.cover?t.images.cover:eP():eP()},Hi={heroSection:{position:"relative",borderRadius:"sm",overflow:"hidden"},heroImage:{objectFit:"cover",filter:"brightness(0.85)"},heroOverlay:{position:"absolute",top:0,left:0,right:0,bottom:0,background:"linear-gradient(180deg, rgba(0,0,0,0.0) 30%, rgba(0,0,0,0.7) 100%)",display:"flex",flexDirection:"column",justifyContent:"flex-end",py:0,px:2},heroTitle:{color:"white",lineHeight:"1.2",textShadow:"0 2px 4px rgba(0,0,0,0.3)",fontSize:{xs:"xl",sm:"xl3"}},heroDescription:{color:"#fff",fontFamily:"Inter, sans-serif",fontSize:{xs:"xs",sm:"md"}},startButtonContainer:{py:1.5,fontSize:"md","--Button-gap":"1rem"},quizEndContainer:{position:"relative",mb:2,borderRadius:"sm",overflow:"hidden"},quizEndImage:{objectFit:"cover",filter:"brightness(0.8)"},quizEndImageOverlay:{position:"absolute",top:0,left:0,right:0,bottom:0,background:"rgba(0, 0, 0, 0.7)",backdropFilter:"blur(2px)"},celebrationEmoji:{fontSize:"1.5rem",mb:1},actionButtons:{display:"flex",gap:2},actionButton:{flex:1}},tP={countdownWrapper:{py:2,borderBottom:"1px solid",borderColor:"divider",flex:1},countdownLabels:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1}},mte=t=>({mt:2,visibility:t!==void 0?"visible":"hidden",position:"relative",height:t!==void 0?"auto":0,transform:t!==void 0?"translateY(0)":"translateY(100%)",opacity:t!==void 0?1:0,transition:"transform 0.3s ease-out, opacity 0.3s ease-out",overflow:"hidden"}),gte=t=>({mt:2,visibility:t!==void 0?"visible":"hidden",position:"relative",height:t!==void 0?"auto":0,transform:t!==void 0?"translateY(0)":"translateY(100%)",opacity:t!==void 0?1:0,transition:"transform 0.3s ease-out, opacity 0.3s ease-out",overflow:"hidden"}),yte=({correctAnswers:t,quiz:e,quizResults:i})=>{const{t:n}=nr(),r=e==null?void 0:e.questions.length,[s,c]=T.useState(!1),d=()=>!i||!i.questions?0:i.questions.filter(C=>C.optionId===null).length,p=()=>!i||!i.questions?0:i.questions.filter(C=>C.optionId!==null&&C.correct===!1).length,f=()=>{if(t===void 0||r===void 0)return 0;const w=t/r*100;return Math.round(w)},m=w=>{if(!i||!i.questions)return!1;const C=i.questions.find(x=>x.questionId==w);return C==null?void 0:C.correct},v=(w,C)=>{if(!i||!i.questions)return null;const x=e.questions.find(O=>O.questionId===w),I=x==null?void 0:x.options.find(O=>O.optionId===C);return(I==null?void 0:I.option)??null};return b.jsx(ni,{variant:"outlined",orientation:"vertical",children:b.jsxs(Ht,{container:!0,spacing:2,width:"100%",sx:{mx:"auto"},children:[b.jsx(Ht,{xs:4,border:"thin",children:b.jsxs(ze,{spacing:0,justifyContent:"start",alignItems:"center",children:[b.jsxs(ce,{fontWeight:"bold",level:"h1",children:[f(),"%"]}),b.jsxs(ce,{level:"body-xs",color:"neutral",children:[t,"/",r]})]})}),b.jsxs(Ht,{xs:8,children:[b.jsx(se,{children:b.jsxs(Ht,{container:!0,spacing:0,sx:{flexGrow:1,alignItems:"center"},children:[b.jsx(Ht,{xs:7,children:b.jsx(Gh,{determinate:!0,value:Uv(t??0,r),color:"success"})}),b.jsx(Ht,{xs:5,children:b.jsx(se,{sx:{textAlign:"right"},children:b.jsxs(ce,{level:"body-xs",fontWeight:"bold",color:"success",children:[t??0," ",n("quizzes.results.stats.correct")]})})})]})}),b.jsx(se,{children:b.jsxs(Ht,{container:!0,spacing:0,sx:{flexGrow:1,alignItems:"center"},children:[b.jsx(Ht,{xs:7,children:b.jsx(Gh,{determinate:!0,value:Uv(p(),r),color:"danger"})}),b.jsx(Ht,{xs:5,children:b.jsx(se,{sx:{textAlign:"right"},children:b.jsxs(ce,{level:"body-xs",fontWeight:"bold",color:"danger",children:[p()," ",n("quizzes.results.stats.incorrect")]})})})]})}),b.jsx(se,{children:b.jsxs(Ht,{container:!0,spacing:0,sx:{flexGrow:1,alignItems:"center"},children:[b.jsx(Ht,{xs:7,children:b.jsx(Gh,{determinate:!0,value:Uv(d(),r),color:"warning"})}),b.jsx(Ht,{xs:5,children:b.jsx(se,{sx:{textAlign:"right"},children:b.jsxs(ce,{level:"body-xs",fontWeight:"bold",color:"warning",children:[d()," ",n("quizzes.results.stats.skipped")]})})})]})})]}),b.jsx(se,{mx:"auto",children:b.jsx(ce,{level:"body-xs",fontWeight:"bold",sx:{cursor:"pointer"},onClick:()=>{c(!s)},children:n("quizzes.results.answers.show")})}),s&&b.jsx(Ht,{xs:12,children:b.jsx(Qy,{children:e==null?void 0:e.questions.map((w,C)=>b.jsxs(se,{children:[b.jsxs(Wl,{children:[b.jsxs(rv,{children:[b.jsx(se,{children:b.jsx(ce,{level:"body-sm",lineHeight:1.3,children:w.question})}),b.jsxs(se,{children:[m(w.questionId)&&b.jsx(se,{children:b.jsxs(ce,{level:"body-xs",children:[n("quizzes.results.answers.yours"),":"," ",b.jsx(ce,{level:"body-xs",fontWeight:"bold",children:v(w.questionId,(i==null?void 0:i.questions[C].optionId)??null)})]})}),!m(w.questionId)&&b.jsxs(se,{sx:{display:"block",textAlign:"left",width:"100%"},children:[b.jsx(se,{children:b.jsxs(ce,{level:"body-xs",children:[n("quizzes.results.answers.yours"),":"," ",b.jsx(ce,{level:"body-xs",sx:{textDecoration:"line-through"},children:v(w.questionId,(i==null?void 0:i.questions[C].optionId)??null)})]})}),b.jsx(se,{children:b.jsxs(ce,{level:"body-xs",children:[n("quizzes.results.answers.correct"),":"," ",b.jsx(ce,{level:"body-xs",fontWeight:"bold",children:v(w.questionId,(i==null?void 0:i.questions[C].correctOptionId)??null)})]})})]})]})]}),m(w.questionId)?b.jsx(rb,{color:"success"}):b.jsx(GE,{color:"error"})]}),r===C+1?null:b.jsx(Vh,{})]},C))})})]})})},vte=({currentQuizId:t,switchQuiz:e})=>{const[i,n]=T.useState([]),[r,s]=T.useState(!0),[c,d]=T.useState(null),{t:p}=nr(),f=p("quizzes.buttons.playNext"),m=p("quizzes.results.recommendedForYou"),v=p("quizzes.results.loadingRecommendations"),w=Wi();return T.useEffect(()=>{(async()=>{try{s(!0),d(null);const O=(await w.miniGames.getClassicQuizzes({status:"ACTIVE",limit:3})).data.filter(D=>D.id!==t).slice(0,2);n(O)}catch(x){console.error("Error fetching recommended quizzes:",x),d("Failed to load recommendations")}finally{s(!1)}})()},[t]),r?b.jsx(ni,{variant:"soft",sx:{textAlign:"center",py:2},children:b.jsxs(ce,{level:"body-sm",children:[v,"..."]})}):c?b.jsx(ni,{variant:"soft",sx:{textAlign:"center",py:2},children:b.jsx(ce,{level:"body-sm",color:"danger",children:c})}):i.length?b.jsxs(ni,{variant:"soft",sx:{p:2,backgroundColor:"background.level1",border:"1px solid",borderColor:"divider","&:hover":{borderColor:"divider"}},children:[b.jsx(ce,{level:"body-lg",fontWeight:"bold",component:"span",textAlign:"left",endDecorator:b.jsx(HY,{}),children:f}),b.jsx(ce,{level:"body-sm",component:"span",textAlign:"left",mb:1,children:m}),b.jsx(ze,{spacing:2,children:i.map(C=>b.jsx(se,{display:"flex",justifyContent:"space-between",onClick:()=>e(C.id),sx:{cursor:"pointer"},children:b.jsxs(se,{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",children:[b.jsx(se,{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",children:b.jsx("img",{src:$o(C),srcSet:$o(C),style:{width:"100px",borderRadius:"4px",marginRight:"10px"},loading:"lazy",alt:""})}),b.jsx(se,{display:"flex",flexDirection:"row",justifyContent:"center",alignContent:"center",children:b.jsx(ce,{level:"body-sm",fontWeight:600,children:C.title})})]})},C.id))})]}):null};function bte({quiz:t,quizResults:e,switchQuiz:i,time:n=0}){var M,E,L,A,B,H,j,X,J,q,Q;const{position:r,fields:s,campaignId:c,campaignName:d}=bf(),{t:p}=nr(),f=p("common.labels.or"),m=p("quizzes.buttons.playAgain"),v=p("quizzes.buttons.share"),w=((M=t.labels)==null?void 0:M.scoreMessagePerfect)??p("quizzes.results.messagePerfect"),C=((E=t.labels)==null?void 0:E.scoreMessageAmazing)??p("quizzes.results.messageAmazing"),x=((L=t.labels)==null?void 0:L.scoreMessageWellDone)??p("quizzes.results.messageWellDone"),I=((A=t.labels)==null?void 0:A.scoreMessageGoodEffort)??p("quizzes.results.messageGoodEffort"),O=((B=t.labels)==null?void 0:B.scoreMessageKeepGoing)??p("quizzes.results.messageKeepGoing"),D=((H=t==null?void 0:t.labels)==null?void 0:H.hashtags)??"",_=e.correctOptions/t.questionsCount*100,z=_===100?{message:w,emoji:"🏆",color:"success"}:_>=80?{message:C,emoji:"🌟",color:"success"}:_>=60?{message:x,emoji:"👏",color:"primary"}:_>=40?{message:I,emoji:"💪",color:"warning"}:{message:O,emoji:"🎯",color:"neutral"},R=Z=>{i(Z)},F=Z=>{const W=location.protocol+"//"+location.host+"/quiz/"+Z+"?utm_source=quiz_page&utm_medium=share_button&utm_campaign=Share",te=n>0?p("quizzes.results.share.iosTitleOne",{score:_,time:n}):p("quizzes.results.share.iosTitleTwo",{score:_}),fe=p("quizzes.results.share.androidTitle"),he=p("quizzes.results.share.iosShareBody",{score:_,quizTitle:t.title,hashtags:D}),le=n>0?p("quizzes.results.share.androidShareBodyOne",{score:_,time:n,quizTitle:t.title,hashtags:D}):p("quizzes.results.share.androidShareBodyTwo",{score:_,quizTitle:t.title,hashtags:D});if(navigator.share)navigator.share({title:te,text:he,url:W}).then(()=>console.log("Successfully shared")).catch(be=>console.error("Error sharing:",be));else if(isAndroid())try{Android.shareData(fe,le,W)}catch(be){console.error("Error sharing on android:",be)}else(()=>{const Pe=document.createElement("textarea");Pe.value=le+" "+W,document.body.appendChild(Pe),Pe.select(),document.execCommand("copy"),document.body.removeChild(Pe),console.log("Copied to clipboard")})()};return b.jsx(Xo.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},children:b.jsxs(se,{children:[b.jsxs(se,{sx:Hi.quizEndContainer,children:[b.jsx(za,{ratio:"22/9",children:b.jsx("img",{src:$o(t),alt:t.title,style:Hi.quizEndImage,loading:"lazy"})}),b.jsx(ze,{direction:"column",justifyContent:"center",alignItems:"center",sx:Hi.quizEndImageOverlay,children:b.jsx(Xo.div,{initial:{scale:0},animate:{scale:1},transition:{delay:.2,type:"spring",stiffness:200},children:b.jsxs(ze,{direction:"column",alignItems:"center",justifyContent:"center",children:[b.jsx(ce,{level:"h1",sx:Hi.celebrationEmoji,children:z.emoji}),b.jsx(ce,{textAlign:"center",sx:{color:"white",px:2,mb:1,fontSize:{xs:"body-xs",md:"body-lg"}},children:z.message})]})})})]}),b.jsxs(ze,{spacing:2,children:[b.jsx(se,{children:b.jsx(yte,{correctAnswers:e.correctOptions,quiz:t,quizResults:e})}),r==="after"&&t.authRequirement==="LEAD"&&b.jsx(se,{children:b.jsx(ni,{sx:{borderColor:"primary.500"},children:b.jsx(mc,{contentType:"quiz",contentId:t.id,contentName:t.title,fields:s,campaignId:c,campaignName:d,leadTitle:((j=t.labels)==null?void 0:j.leadTitle)??null,leadDescription:((X=t.labels)==null?void 0:X.leadDescription)??null,leadCta:((J=t.labels)==null?void 0:J.leadCta)??null,leadSuccessTitle:((q=t.labels)==null?void 0:q.leadSuccessTitle)??null,leadSuccessDescription:((Q=t.labels)==null?void 0:Q.leadSuccessDescription)??null})})}),b.jsx(se,{children:b.jsx(vte,{currentQuizId:t.id,switchQuiz:i})}),b.jsx(se,{children:b.jsx(ce,{level:"body-xs",textAlign:"center",textTransform:"uppercase",children:f})}),b.jsxs(se,{pb:2,sx:Hi.actionButtons,children:[b.jsx(gt,{variant:"solid",color:"primary",startDecorator:b.jsx(i7,{size:18}),onClick:()=>{R(t.id)},sx:Hi.actionButton,children:m}),b.jsx(gt,{variant:"outlined",color:"neutral",startDecorator:b.jsx(ZE,{size:18}),sx:Hi.actionButton,onClick:()=>F(t.id),children:v})]})]})]})})}function wte({optionId:t,optionText:e,isSelected:i,isDisabled:n,correct:r,userAnswer:s,onClick:c}){const d=()=>s===void 0||s===null?"neutral":s===t?r?"success":"danger":"neutral",p=()=>s===void 0?"transparent":s===null?r?"success.50":"transparent":r?"success.100":s===t?"danger.100":"transparent",f=()=>s===void 0||s===null||r||s===t?"#000":"neutral";return b.jsx(gt,{fullWidth:!0,variant:i?"solid":"outlined",color:d(),onClick:c,disabled:n,endDecorator:s!==void 0&&(s===null?r&&b.jsx(KE,{sx:{color:"success.300"}}):r?b.jsx(KE,{color:"success"}):b.jsx(NY,{sx:{color:"var(--joy-palette-danger-500)"}})),sx:{justifyContent:"space-between",height:"100%",minHeight:"45px",textAlign:"left",whiteSpace:"normal",borderColor:d(),"&:hover":{backgroundColor:s===void 0?"action.hover":"transparent"},"&:disabled":{color:f(),backgroundColor:p()}},children:e})}function Ste({question:t,onAnswer:e,onNext:i,userAnswer:n,quiz:r,isLastQuestion:s,totalQuestions:c,time:d=0,onTimeUp:p}){var z;const[f,m]=T.useState(d),v=T.useRef(null),{t:w}=nr(),C=w("quizzes.timeRemaining"),x=w(s?"quizzes.buttons.finish":"quizzes.buttons.next"),I=w("quizzes.question",{count:1}),O=w("common.labels.sec"),D=w("common.labels.of");T.useEffect(()=>{var R;if(t.embedCode&&v.current){v.current.innerHTML=t.embedCode;const F=v.current.getElementsByTagName("iframe");for(let E=0;E<F.length;E++){const L=F[E],A=L.src;L.src="",setTimeout(()=>{L.src=A},10)}const M=v.current.getElementsByTagName("script");for(let E=0;E<M.length;E++){const L=M[E],A=document.createElement("script");Array.from(L.attributes).forEach(B=>{A.setAttribute(B.name,B.value)}),A.innerHTML=L.innerHTML,(R=L.parentNode)==null||R.replaceChild(A,L)}}},[t.embedCode]);const _=R=>{n===void 0&&e(t.questionId,R)};T.useEffect(()=>{if(d<=0||n!==void 0)return;const R=Date.now(),F=d;let M;const E=()=>{const L=(Date.now()-R)/1e3,A=Math.max(0,F-L);m(A),A<=0?(e(t.questionId,null),p==null||p()):M=requestAnimationFrame(E)};return M=requestAnimationFrame(E),()=>{M&&cancelAnimationFrame(M)}},[d,n,p,t.questionId,e]),T.useEffect(()=>{m(d)},[t.questionId,d]);const k=((z=t==null?void 0:t.images)==null?void 0:z.main)??$o(r);return b.jsxs(se,{sx:{maxWidth:1600,width:"100%",margin:"auto",overflow:"hidden"},children:[t.embedCode?b.jsx(se,{children:b.jsx(za,{ratio:1.7777777777777777,children:b.jsx("div",{ref:v,className:"iframeWrapperforEmbedCode"})})}):k&&b.jsx(se,{sx:{position:"relative"},children:b.jsx(za,{ratio:1.7777777777777777,children:b.jsx("img",{src:k,alt:t.question,width:"100%",height:"100%",style:{objectFit:"cover",maxWidth:"100%"},loading:"lazy"})})}),d>0&&b.jsxs(se,{sx:tP.countdownWrapper,children:[b.jsxs(se,{sx:tP.countdownLabels,children:[b.jsxs(ce,{level:"body-sm",children:[C,": ",Math.ceil(f),O]}),b.jsxs(ce,{level:"body-sm",children:[I," ",t.questionId," ",D," ",c]})]}),b.jsx(Gh,{determinate:!0,value:f/d*100,variant:"outlined",thickness:8,color:f<4?"danger":"primary"})]}),b.jsxs(ze,{spacing:2,py:2,children:[b.jsx(ce,{level:"h2",fontSize:"xl",sx:{mb:2},children:t.question}),b.jsx(Ht,{container:!0,spacing:1,sx:{flexGrow:1},children:t.options.map(R=>b.jsx(Ht,{xs:12,sm:6,children:b.jsx(wte,{optionId:R.optionId,optionText:R.option.toString(),isSelected:n===R.optionId,isDisabled:n!==void 0,correct:R.correct,userAnswer:n,onClick:()=>_(R.optionId)})},R.optionId))}),t.explanation&&b.jsx(se,{sx:gte(n),children:b.jsx(yA,{variant:"outlined",color:"neutral",startDecorator:b.jsx(QY,{}),children:b.jsx("div",{dangerouslySetInnerHTML:{__html:t.explanation}})})}),b.jsx(se,{sx:mte(n),children:b.jsx(gt,{fullWidth:!0,onClick:i,variant:"solid",color:"primary",children:x})})]})]})}function Cte({initialQuiz:t,switchQuiz:e}){const[i]=T.useState(t),[n,r]=T.useState(0),[s,c]=T.useState({}),[d,p]=T.useState(null),[f,m]=T.useState(!1),v=Wi(),w=(I,O)=>{c(D=>({...D,[I]:O}))},C=()=>{n<i.questions.length-1?r(n+1):x()},x=()=>{try{const I=Object.entries(s).filter(([O,D])=>D!==null).map(([O,D])=>({questionId:Number(O),optionId:D}));v.miniGames.participateInClassicQuiz(i.id,I,!0).then(O=>{p(O),m(!0)}).catch(O=>{console.error(O)})}catch(I){console.error("Failed to submit quiz answers:",I)}};return f&&d?b.jsx(bte,{quiz:i,quizResults:d,switchQuiz:e}):b.jsx(Ste,{question:fte(i.questions[n],i),onAnswer:w,onNext:C,quiz:i,userAnswer:s[i.questions[n].questionId],isLastQuestion:n===i.questions.length-1,totalQuestions:i.questions.length,time:i.time,onTimeUp:()=>{console.log("Time up!")}})}const iP=({description:t,quizStyles:e})=>{const i=LE("(max-width:600px)"),[n,r]=T.useState("");return T.useEffect(()=>{if(!t)return;const s=i?90:500,d=String(t).replace(/<[^>]*>/g,"");d.length>s?r(d.substring(0,s)+"..."):r(d)},[t,i]),b.jsx("div",{className:"quiz-description",style:e,dangerouslySetInnerHTML:{__html:n}})};function xte({quiz:t,onStart:e}){var O,D,_,k,z,R,F;const{t:i}=nr(),n=i("quizzes.buttons.start"),r=((O=t.labels)==null?void 0:O.prizeCardTitle)??i("prize.title"),s=((D=t.labels)==null?void 0:D.prizeCardDescription)??i("prize.description"),c=i("prize.cta"),d=t.questionsCount,{fields:p,position:f,campaignId:m,campaignName:v}=bf(),w=(t==null?void 0:t.authRequirement)!=="LEAD"||(t==null?void 0:t.authRequirement)==="LEAD"&&f==="after",[C,x]=T.useState(w),I=()=>{x(!0)};return t?b.jsxs(ze,{spacing:2,children:[b.jsxs(se,{sx:Hi.heroSection,children:[b.jsx(za,{ratio:1.7777777777777777,children:b.jsx("img",{src:$o(t),alt:t.title,style:Hi.heroImage,loading:"lazy"})}),b.jsx(se,{sx:Hi.heroOverlay,children:b.jsxs(Xo.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.2},children:[b.jsxs(se,{sx:{display:"flex",gap:1.5,alignItems:"center",mb:1},children:[b.jsx(Xu,{size:"sm",children:i("quizzes.label",{count:1})}),b.jsxs(ze,{direction:"row",spacing:2,sx:{color:"neutral.300"},children:[b.jsx(ce,{title:i("quizzes.question",{count:d}),level:"body-sm",textColor:"white",startDecorator:b.jsx(YE,{size:16,color:"white"}),children:t.questionsCount}),b.jsxs(ce,{title:i("common.labels.time"),level:"body-sm",textColor:"white",startDecorator:b.jsx(cb,{size:16,color:"white"}),children:[d>3?2:1,"m"]}),b.jsx(ce,{title:i("quizzes.participant",{count:t.participationCount}),level:"body-sm",textColor:"white",startDecorator:b.jsx(gc,{size:16,color:"white"}),children:t.participationCount})]})]}),b.jsxs(ze,{mb:1,spacing:.5,children:[b.jsx(ce,{level:"h1",sx:Hi.heroTitle,children:t.title}),b.jsx(iP,{description:t.description,quizStyles:Hi.heroDescription})]})]})})]}),b.jsxs(ze,{spacing:2,children:[zv(t.flags)&&b.jsx(nb,{rules:t.rules,title:r,description:s,cta:c}),f==="before"&&t.authRequirement==="LEAD"&&b.jsx(mc,{onSuccess:I,contentType:"quiz",contentId:t.id,contentName:t.title,campaignId:m,campaignName:v,fields:p,leadTitle:((_=t.labels)==null?void 0:_.leadTitle)??null,leadDescription:((k=t.labels)==null?void 0:k.leadDescription)??null,leadCta:((z=t.labels)==null?void 0:z.leadCta)??null,leadSuccessTitle:((R=t.labels)==null?void 0:R.leadSuccessTitle)??null,leadSuccessDescription:((F=t.labels)==null?void 0:F.leadSuccessDescription)??null}),C&&b.jsx(Xo.div,{initial:{scale:.95},animate:{scale:1},transition:{duration:.5,repeat:1/0,repeatType:"reverse"},children:b.jsx(gt,{fullWidth:!0,size:"md",onClick:e,startDecorator:b.jsx(XE,{}),sx:Hi.startButtonContainer,children:n})})]})]}):null}const Ate=({initialQuizId:t})=>{const[e,i]=T.useState(null),[n,r]=T.useState({}),[s,c]=T.useState(!0),[d,p]=T.useState(!1),[f,m]=T.useState(null),v=Wi();T.useEffect(()=>{t&&i(t)},[t]),T.useEffect(()=>{e&&(c(!0),m(null),v.miniGames.getClassicQuizById(e,!0).then(C=>{r(C),c(!1)}).catch(C=>{console.error("Failed to fetch quiz:",C),m("Failed to load quiz. Please try again."),c(!1)}))},[e]);const w=C=>{i(C),C===t&&p(!1)};return b.jsx(b.Fragment,{children:s?b.jsx(se,{minHeight:"200px",display:"flex",justifyContent:"center",alignItems:"center",children:b.jsx(md,{})}):f?b.jsx(b.Fragment,{}):n?b.jsx(ni,{sx:{borderColor:"divider","&:hover":{borderColor:"divider"}},children:d?b.jsx(Cte,{initialQuiz:n,switchQuiz:w}):b.jsx(xte,{quiz:n,onStart:()=>p(!0)})}):b.jsx(ce,{children:"No quiz data available"})})};function Tte({quiz:t,onStart:e}){const{t:i}=nr(),n=i("quizzes.buttons.start"),r=t.questionsCount;return t?b.jsxs(ze,{spacing:2,children:[b.jsxs(se,{sx:Hi.heroSection,children:[b.jsx(za,{ratio:1.7777777777777777,children:b.jsx("img",{src:$o(t),alt:t.title,style:Hi.heroImage,loading:"lazy"})}),b.jsx(se,{sx:Hi.heroOverlay,children:b.jsxs(Xo.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.2},children:[b.jsxs(se,{sx:{display:"flex",gap:1.5,alignItems:"center",mb:1},children:[b.jsx(Xu,{size:"sm",children:i("quizzes.label",{count:1})}),b.jsxs(ze,{direction:"row",spacing:2,sx:{color:"neutral.300"},children:[b.jsx(ce,{title:i("quizzes.question",{count:r}),level:"body-sm",textColor:"white",startDecorator:b.jsx(YE,{size:16,color:"white"}),children:t.questionsCount}),b.jsxs(ce,{title:i("common.labels.time"),level:"body-sm",textColor:"white",startDecorator:b.jsx(cb,{size:16,color:"white"}),children:[r>3?2:1,"m"]}),b.jsx(ce,{title:i("quizzes.participant",{count:t.participationCount}),level:"body-sm",textColor:"white",startDecorator:b.jsx(gc,{size:16,color:"white"}),children:t.participationCount})]})]}),b.jsxs(ze,{mb:1,spacing:.5,children:[b.jsx(ce,{level:"h1",sx:Hi.heroTitle,children:t.title}),b.jsx(iP,{description:t.description,quizStyles:Hi.heroDescription})]})]})})]}),b.jsx(ze,{spacing:1,children:b.jsx(gt,{fullWidth:!0,size:"sm",onClick:e,startDecorator:b.jsx(XE,{}),sx:Hi.startButtonContainer,children:n})})]}):null}const Ite=({initialQuizId:t,url:e})=>{const[i,n]=T.useState(null),[r,s]=T.useState({}),[c,d]=T.useState(!0),[p,f]=T.useState(null),m=Wi();return T.useEffect(()=>{t&&n(t)},[t]),T.useEffect(()=>{i&&(d(!0),f(null),m.miniGames.getClassicQuizById(i,!0).then(v=>{s(v),d(!1)}).catch(v=>{console.error("Failed to fetch quiz:",v),f("Failed to load quiz. Please try again."),d(!1)}))},[i]),b.jsx(b.Fragment,{children:c?b.jsx(se,{minHeight:"200px",display:"flex",justifyContent:"center",alignItems:"center",children:b.jsx(md,{})}):p?b.jsx(b.Fragment,{}):r?b.jsx(ni,{sx:{borderColor:"divider","&:hover":{borderColor:"divider"}},children:b.jsx(Tte,{quiz:r,onStart:()=>{location.href=e}})}):b.jsx(ce,{children:"No quiz data available"})})},nP=Ey({colorSchemes:{light:{palette:{}},dark:{palette:{}}},components:{JoyCard:{styleOverrides:{root:{backgroundColor:"var(--joy-palette-background-surface)",borderColor:"var(--joy-palette-neutral-outlinedBorder)","&:hover":{borderColor:"var(--joy-palette-primary-500)"}}}},JoyButton:{styleOverrides:{root:{borderRadius:"4px","--Button-gap":"0.5rem"}}},JoyLink:{styleOverrides:{root:{textDecoration:"none","&:hover":{color:"var(--joy-palette-primary-500)"}}}}},typography:{h1:{fontSize:"1.5rem",fontWeight:"700"},h2:{fontSize:"1.25rem",fontWeight:"600"},"body-md":{fontSize:"0.875rem"},"body-sm":{fontSize:"0.75rem"}}});/**
|
|
328
328
|
* @license
|
|
329
329
|
* Copyright 2017 Google LLC
|
|
330
330
|
*
|