fansunited-widgets-cdn 0.0.22 → 0.0.23
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
|
@@ -282,7 +282,7 @@ export default theme;`}function Kv(t={},...e){const{breakpoints:i,mixins:n={},sp
|
|
|
282
282
|
opacity: 1;
|
|
283
283
|
transform: translateY(0);
|
|
284
284
|
}
|
|
285
|
-
`,qa={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(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:`${rZ} 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"}},kA=({poll:t,onVote:e})=>{const[i,n]=A.useState(null),[a,s]=A.useState(!1),c=ga(),{t:d}=ba(),p=async()=>{if(i)try{s(!0),await c.voting.voteForPoll(t.id,i),e()}catch(f){console.error("Failed to submit vote:",f)}finally{s(!1)}};return S.jsxs(Qe,{spacing:2,children:[S.jsx(Qe,{spacing:1,children:t.options.map(f=>S.jsx(ti,{variant:i===f.id?"solid":"soft",color:i===f.id?"primary":"neutral",onClick:()=>n(f.id),sx:qa.optionButton,disabled:a,children:f.title},f.id))}),i&&S.jsx(ti,{variant:"solid",color:"primary",onClick:p,loading:a,sx:{mt:2},children:d("polls.vote_action")})]})},DA=({poll:t})=>{const e=i=>t.totalVotes?Math.round(i/t.totalVotes*100):0;return S.jsxs(Qe,{spacing:3,children:[S.jsx(Qe,{spacing:2,children:t.options.map((i,n)=>{const a=e(i.votes);return S.jsx(Sc.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:n*.1},children:S.jsxs(xe,{children:[S.jsx(Ie,{level:"body-md",fontWeight:600,sx:{mb:1},children:i.title}),S.jsx(xe,{sx:qa.resultBar,children:S.jsx(xe,{sx:{...qa.resultBarFill,width:`${a}%`}})}),S.jsxs(xe,{sx:qa.resultText,children:[S.jsxs(Ie,{level:"body-sm",children:[i.votes," ",ht("polls.vote",{count:i.votes??0})]}),S.jsxs(Ie,{level:"body-sm",fontWeight:"bold",children:[a,"%"]})]})]})},i.id)})}),S.jsx(xe,{sx:qa.totalVotes,children:S.jsxs(Ie,{level:"body-sm",startDecorator:S.jsx(xd,{size:16}),children:[t.totalVotes," ",ht("polls.total_votes")]})})]})},sZ=({initialPollId:t})=>{var H,M,L,_,E,k,T,D,j,B,te,J,G,Q,Z,pe;const[e,i]=A.useState(null),[n,a]=A.useState(!0),[s,c]=A.useState(null),[d,p]=A.useState(!1),[f,g]=A.useState(!1),v=ga(),{t:b}=ba(),{position:C,fields:x,campaignId:I,campaignName:O}=df();A.useEffect(()=>{if(!e)return;g(!e.authRequirement||e.authRequirement!=="LEAD"||e.authRequirement==="LEAD"&&C==="after")},[e,C]);const U=async()=>{try{a(!0),c(null);const K=await v.voting.getPollById(t,!0);i(K),v.voting.getMyPollVote(t).then(ie=>{p(!!ie)})}catch(K){console.error("Failed to fetch poll:",K),c("Failed to load poll. Please try again.")}finally{a(!1)}};A.useEffect(()=>{t&&U()},[t]);const z=async()=>{await U(),p(!0)},P=()=>{g(!0)};return n?S.jsx(rf,{}):s||!e?null:S.jsx($i,{sx:{borderColor:"divider","&:hover":{borderColor:"divider"}},children:S.jsxs(Qe,{spacing:2,children:[(H=e.images)!=null&&H.main||(M=e.images)!=null&&M.cover?S.jsxs(xe,{sx:qa.heroSection,children:[S.jsx(Es,{ratio:16/9,children:S.jsx("img",{src:((L=e.images)==null?void 0:L.main)||((_=e.images)==null?void 0:_.cover),alt:e.title,style:qa.heroImage,loading:"lazy",onError:K=>K.currentTarget.style.display="none"})}),S.jsx(xe,{sx:qa.heroOverlay,children:S.jsxs(Sc.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.2},children:[S.jsx(xe,{sx:{display:"flex",gap:1.5,alignItems:"center",mb:1},children:S.jsx(Ie,{level:"body-sm",startDecorator:S.jsx(xd,{size:16,color:"white"}),children:e.totalVotes})}),S.jsx(Ie,{level:"h1",sx:qa.heroTitle,children:e.title}),S.jsx("div",{dangerouslySetInnerHTML:{__html:e.description},style:qa.heroDescription})]})})]}):S.jsxs(xe,{sx:{y:2},children:[S.jsx(Ie,{level:"h1",children:e.title}),e.description&&S.jsx("div",{dangerouslySetInnerHTML:{__html:e.description},style:qa.heroDescription})]}),pf(e.flags)&&S.jsx(Rf,{title:((E=e.labels)==null?void 0:E.prizeCardTitle)??b("prize.title"),description:((k=e.labels)==null?void 0:k.prizeCardDescription)??b("prize.description"),cta:b("prize.cta"),rules:e.rules}),C==="before"&&e.authRequirement==="LEAD"?f?d?S.jsx(DA,{poll:e}):S.jsx(kA,{poll:e,onVote:z}):S.jsx(uc,{onSuccess:P,contentType:"poll",contentId:e.id,contentName:e.title,campaignId:I,campaignName:O,fields:x,leadTitle:(T=e.labels)==null?void 0:T.leadTitle,leadDescription:(D=e.labels)==null?void 0:D.leadDescription,leadCta:(j=e.labels)==null?void 0:j.leadCta,leadSuccessTitle:(B=e.labels)==null?void 0:B.leadSuccessTitle,leadSuccessDescription:(te=e.labels)==null?void 0:te.leadSuccessDescription}):d?S.jsx(DA,{poll:e}):S.jsx(kA,{poll:e,onVote:z}),C==="after"&&e.authRequirement==="LEAD"&&d&&S.jsx(uc,{contentType:"poll",contentId:e.id,contentName:e.title,fields:x,campaignId:I,campaignName:O,leadTitle:(J=e.labels)==null?void 0:J.leadTitle,leadDescription:(G=e.labels)==null?void 0:G.leadDescription,leadCta:(Q=e.labels)==null?void 0:Q.leadCta,leadSuccessTitle:(Z=e.labels)==null?void 0:Z.leadSuccessTitle,leadSuccessDescription:(pe=e.labels)==null?void 0:pe.leadSuccessDescription})]})})},oZ={defaultImage:j1},LA=()=>oZ.defaultImage,lZ=(t,e)=>{var i,n;return!((i=t.images)!=null&&i.main)&&((n=e.images)!=null&&n.cover)?{...t,images:{...t.images,main:Cc(e)}}:t},Cc=t=>{var e,i;return t?(e=t.images)!=null&&e.main?t.images.main:(i=t.images)!=null&&i.cover?t.images.cover:LA():LA()},ea={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.2) 0%, 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"},mb:1},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}},FA={countdownWrapper:{py:2,borderBottom:"1px solid",borderColor:"divider",flex:1},countdownLabels:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1}},cZ=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"}),uZ=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"}),dZ=({correctAnswers:t,quiz:e,quizResults:i})=>{const{t:n}=ba(),a=e==null?void 0:e.questions.length,[s,c]=A.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||a===void 0)return 0;const b=t/a*100;return Math.round(b)},g=b=>{if(!i||!i.questions)return!1;const C=i.questions.find(x=>x.questionId==b);return C==null?void 0:C.correct},v=(b,C)=>{if(!i||!i.questions)return null;const x=e.questions.find(O=>O.questionId===b),I=x==null?void 0:x.options.find(O=>O.optionId===C);return(I==null?void 0:I.option)??null};return S.jsx($i,{variant:"outlined",orientation:"vertical",children:S.jsxs(_i,{container:!0,spacing:2,width:"100%",sx:{mx:"auto"},children:[S.jsx(_i,{xs:4,border:"thin",children:S.jsxs(Qe,{spacing:0,justifyContent:"start",alignItems:"center",children:[S.jsxs(Ie,{fontWeight:"bold",level:"h1",children:[f(),"%"]}),S.jsxs(Ie,{level:"body-xs",color:"neutral",children:[t,"/",a]})]})}),S.jsxs(_i,{xs:8,children:[S.jsx(xe,{children:S.jsxs(_i,{container:!0,spacing:0,sx:{flexGrow:1,alignItems:"center"},children:[S.jsx(_i,{xs:7,children:S.jsx(Fh,{determinate:!0,value:Dv(t??0,a),color:"success"})}),S.jsx(_i,{xs:5,children:S.jsx(xe,{sx:{textAlign:"right"},children:S.jsxs(Ie,{level:"body-xs",fontWeight:"bold",color:"success",children:[t??0," ",n("quizzes.results.stats.correct")]})})})]})}),S.jsx(xe,{children:S.jsxs(_i,{container:!0,spacing:0,sx:{flexGrow:1,alignItems:"center"},children:[S.jsx(_i,{xs:7,children:S.jsx(Fh,{determinate:!0,value:Dv(p(),a),color:"danger"})}),S.jsx(_i,{xs:5,children:S.jsx(xe,{sx:{textAlign:"right"},children:S.jsxs(Ie,{level:"body-xs",fontWeight:"bold",color:"danger",children:[p()," ",n("quizzes.results.stats.incorrect")]})})})]})}),S.jsx(xe,{children:S.jsxs(_i,{container:!0,spacing:0,sx:{flexGrow:1,alignItems:"center"},children:[S.jsx(_i,{xs:7,children:S.jsx(Fh,{determinate:!0,value:Dv(d(),a),color:"warning"})}),S.jsx(_i,{xs:5,children:S.jsx(xe,{sx:{textAlign:"right"},children:S.jsxs(Ie,{level:"body-xs",fontWeight:"bold",color:"warning",children:[d()," ",n("quizzes.results.stats.skipped")]})})})]})})]}),S.jsx(xe,{mx:"auto",children:S.jsx(Ie,{level:"body-xs",fontWeight:"bold",sx:{cursor:"pointer"},onClick:()=>{c(!s)},children:n("quizzes.results.answers.show")})}),s&&S.jsx(_i,{xs:12,children:S.jsx(jy,{children:e==null?void 0:e.questions.map((b,C)=>S.jsxs(xe,{children:[S.jsxs(Hl,{children:[S.jsxs(tv,{children:[S.jsx(xe,{children:S.jsx(Ie,{level:"body-sm",lineHeight:1.3,children:b.question})}),S.jsxs(xe,{children:[g(b.questionId)&&S.jsx(xe,{children:S.jsxs(Ie,{level:"body-xs",children:[n("quizzes.results.answers.yours"),":"," ",S.jsx(Ie,{level:"body-xs",fontWeight:"bold",children:v(b.questionId,(i==null?void 0:i.questions[C].optionId)??null)})]})}),!g(b.questionId)&&S.jsxs(xe,{sx:{display:"block",textAlign:"left",width:"100%"},children:[S.jsx(xe,{children:S.jsxs(Ie,{level:"body-xs",children:[n("quizzes.results.answers.yours"),":"," ",S.jsx(Ie,{level:"body-xs",sx:{textDecoration:"line-through"},children:v(b.questionId,(i==null?void 0:i.questions[C].optionId)??null)})]})}),S.jsx(xe,{children:S.jsxs(Ie,{level:"body-xs",children:[n("quizzes.results.answers.correct"),":"," ",S.jsx(Ie,{level:"body-xs",fontWeight:"bold",children:v(b.questionId,(i==null?void 0:i.questions[C].correctOptionId)??null)})]})})]})]})]}),g(b.questionId)?S.jsx(Jv,{color:"success"}):S.jsx(M1,{color:"error"})]}),a===C+1?null:S.jsx(Lh,{})]},C))})})]})})},pZ=({currentQuizId:t,switchQuiz:e})=>{const[i,n]=A.useState([]),[a,s]=A.useState(!0),[c,d]=A.useState(null),{t:p}=ba(),f=p("quizzes.buttons.playNext"),g=p("quizzes.results.recommendedForYou"),v=p("quizzes.results.loadingRecommendations"),b=ga();return A.useEffect(()=>{(async()=>{try{s(!0),d(null);const O=(await b.miniGames.getClassicQuizzes({status:"ACTIVE",limit:3})).data.filter(U=>U.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]),a?S.jsx($i,{variant:"soft",sx:{textAlign:"center",py:2},children:S.jsxs(Ie,{level:"body-sm",children:[v,"..."]})}):c?S.jsx($i,{variant:"soft",sx:{textAlign:"center",py:2},children:S.jsx(Ie,{level:"body-sm",color:"danger",children:c})}):i.length?S.jsxs($i,{variant:"soft",sx:{p:2,backgroundColor:"background.level1",border:"1px solid",borderColor:"divider","&:hover":{borderColor:"divider"}},children:[S.jsx(Ie,{level:"body-lg",fontWeight:"bold",component:"span",textAlign:"left",endDecorator:S.jsx(V8,{}),children:f}),S.jsx(Ie,{level:"body-sm",component:"span",textAlign:"left",mb:1,children:g}),S.jsx(Qe,{spacing:2,children:i.map(C=>S.jsx(xe,{display:"flex",justifyContent:"space-between",onClick:()=>e(C.id),sx:{cursor:"pointer"},children:S.jsxs(xe,{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",children:[S.jsx(xe,{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",children:S.jsx("img",{src:Cc(C),srcSet:Cc(C),style:{width:"100px",borderRadius:"4px",marginRight:"10px"},loading:"lazy",alt:""})}),S.jsx(xe,{display:"flex",flexDirection:"row",justifyContent:"center",alignContent:"center",children:S.jsx(Ie,{level:"body-sm",fontWeight:600,children:C.title})})]})},C.id))})]}):null};function hZ({quiz:t,quizResults:e,switchQuiz:i,time:n=0}){var _,E,k,T,D,j;const{position:a,fields:s,campaignId:c,campaignName:d}=df(),{t:p}=ba(),f=p("common.labels.or"),g=p("quizzes.buttons.playAgain"),v=p("quizzes.buttons.share"),b=p("quizzes.results.messagePerfect"),C=p("quizzes.results.messageAmazing"),x=p("quizzes.results.messageWellDone"),I=p("quizzes.results.messageGoodEffort"),O=p("quizzes.results.messageKeepGoing"),U=((_=t==null?void 0:t.labels)==null?void 0:_.hashtags)??"",z=e.correctOptions/t.questionsCount*100,H=z===100?{message:b,emoji:"🏆",color:"success"}:z>=80?{message:C,emoji:"🌟",color:"success"}:z>=60?{message:x,emoji:"👏",color:"primary"}:z>=40?{message:I,emoji:"💪",color:"warning"}:{message:O,emoji:"🎯",color:"neutral"},M=B=>{i(B)},L=B=>{const J=location.protocol+"//"+location.host+"/quiz/"+B+"?utm_source=quiz_page&utm_medium=share_button&utm_campaign=Share",G=n>0?p("quizzes.results.share.iosTitleOne",{score:z,time:n}):p("quizzes.results.share.iosTitleTwo",{score:z}),Q=p("quizzes.results.share.androidTitle"),Z=p("quizzes.results.share.iosShareBody",{score:z,quizTitle:t.title,hashtags:U}),pe=n>0?p("quizzes.results.share.androidShareBodyOne",{score:z,time:n,quizTitle:t.title,hashtags:U}):p("quizzes.results.share.androidShareBodyTwo",{score:z,quizTitle:t.title,hashtags:U});if(navigator.share)navigator.share({title:G,text:Z,url:J}).then(()=>console.log("Successfully shared")).catch(K=>console.error("Error sharing:",K));else if(isAndroid())try{Android.shareData(Q,pe,J)}catch(K){console.error("Error sharing on android:",K)}else(()=>{const ie=document.createElement("textarea");ie.value=pe+" "+J,document.body.appendChild(ie),ie.select(),document.execCommand("copy"),document.body.removeChild(ie),console.log("Copied to clipboard")})()};return S.jsx(Sc.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},children:S.jsxs(xe,{children:[S.jsxs(xe,{sx:ea.quizEndContainer,children:[S.jsx(Es,{ratio:"29/9",children:S.jsx("img",{src:Cc(t),alt:t.title,style:ea.quizEndImage,loading:"lazy"})}),S.jsx(Qe,{direction:"column",justifyContent:"center",alignItems:"center",sx:ea.quizEndImageOverlay,children:S.jsx(Sc.div,{initial:{scale:0},animate:{scale:1},transition:{delay:.2,type:"spring",stiffness:200},children:S.jsxs(Qe,{direction:"column",alignItems:"center",justifyContent:"center",children:[S.jsx(Ie,{level:"h1",sx:ea.celebrationEmoji,children:H.emoji}),S.jsx(Ie,{sx:{color:"white",fontSize:{xs:"body-xs",md:"body-lg"}},children:H.message})]})})})]}),S.jsxs(Qe,{spacing:2,children:[S.jsx(xe,{children:S.jsx(dZ,{correctAnswers:e.correctOptions,quiz:t,quizResults:e})}),a==="after"&&t.authRequirement==="LEAD"&&S.jsx(xe,{children:S.jsx($i,{sx:{borderColor:"primary.500"},children:S.jsx(uc,{contentType:"quiz",contentId:t.id,contentName:t.title,fields:s,campaignId:c,campaignName:d,leadTitle:((E=t.labels)==null?void 0:E.leadTitle)??null,leadDescription:((k=t.labels)==null?void 0:k.leadDescription)??null,leadCta:((T=t.labels)==null?void 0:T.leadCta)??null,leadSuccessTitle:((D=t.labels)==null?void 0:D.leadSuccessTitle)??null,leadSuccessDescription:((j=t.labels)==null?void 0:j.leadSuccessDescription)??null})})}),S.jsx(xe,{children:S.jsx(pZ,{currentQuizId:t.id,switchQuiz:i})}),S.jsx(xe,{children:S.jsx(Ie,{level:"body-xs",textAlign:"center",textTransform:"uppercase",children:f})}),S.jsxs(xe,{pb:2,sx:ea.actionButtons,children:[S.jsx(ti,{variant:"solid",color:"primary",startDecorator:S.jsx(Z8,{size:18}),onClick:()=>{M(t.id)},sx:ea.actionButton,children:g}),S.jsx(ti,{variant:"outlined",color:"neutral",startDecorator:S.jsx(U1,{size:18}),sx:ea.actionButton,onClick:()=>L(t.id),children:v})]})]})]})})}function fZ({optionId:t,optionText:e,isSelected:i,isDisabled:n,correct:a,userAnswer:s,onClick:c}){const d=()=>s===void 0||s===null?"neutral":s===t?a?"success":"danger":"neutral",p=()=>s===void 0?"transparent":s===null?a?"success.50":"transparent":a?"success.100":s===t?"danger.100":"transparent",f=()=>s===void 0||s===null||a||s===t?"#000":"neutral";return S.jsx(ti,{fullWidth:!0,variant:i?"solid":"outlined",color:d(),onClick:c,disabled:n,endDecorator:s!==void 0&&(s===null?a&&S.jsx(k1,{sx:{color:"success.300"}}):a?S.jsx(k1,{color:"success"}):S.jsx(B8,{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 mZ({question:t,onAnswer:e,onNext:i,userAnswer:n,quiz:a,isLastQuestion:s,totalQuestions:c,time:d=0,onTimeUp:p}){var H;const[f,g]=A.useState(d),v=A.useRef(null),{t:b}=ba(),C=b("quizzes.timeRemaining"),x=b(s?"quizzes.buttons.finish":"quizzes.buttons.next"),I=b("quizzes.question",{count:1}),O=b("common.labels.sec"),U=b("common.labels.of");A.useEffect(()=>{var M;if(t.embedCode&&v.current){v.current.innerHTML=t.embedCode;const L=v.current.getElementsByTagName("iframe");for(let E=0;E<L.length;E++){const k=L[E],T=k.src;k.src="",setTimeout(()=>{k.src=T},10)}const _=v.current.getElementsByTagName("script");for(let E=0;E<_.length;E++){const k=_[E],T=document.createElement("script");Array.from(k.attributes).forEach(D=>{T.setAttribute(D.name,D.value)}),T.innerHTML=k.innerHTML,(M=k.parentNode)==null||M.replaceChild(T,k)}}},[t.embedCode]);const z=M=>{n===void 0&&e(t.questionId,M)};A.useEffect(()=>{if(d<=0||n!==void 0)return;const M=Date.now(),L=d;let _;const E=()=>{const k=(Date.now()-M)/1e3,T=Math.max(0,L-k);g(T),T<=0?(e(t.questionId,null),p==null||p()):_=requestAnimationFrame(E)};return _=requestAnimationFrame(E),()=>{_&&cancelAnimationFrame(_)}},[d,n,p,t.questionId,e]),A.useEffect(()=>{g(d)},[t.questionId,d]);const P=((H=t==null?void 0:t.images)==null?void 0:H.main)??Cc(a);return S.jsxs(xe,{sx:{maxWidth:800,width:"100%",margin:"auto",overflow:"hidden"},children:[t.embedCode?S.jsx(xe,{children:S.jsx(Es,{ratio:1.7777777777777777,children:S.jsx("div",{ref:v,className:"iframeWrapperforEmbedCode"})})}):P&&S.jsx(xe,{sx:{position:"relative"},children:S.jsx(Es,{ratio:1.7777777777777777,children:S.jsx("img",{src:P,alt:t.question,width:"100%",height:"100%",style:{objectFit:"cover",maxWidth:"800px"},loading:"lazy"})})}),d>0&&S.jsxs(xe,{sx:FA.countdownWrapper,children:[S.jsxs(xe,{sx:FA.countdownLabels,children:[S.jsxs(Ie,{level:"body-sm",children:[C,": ",Math.ceil(f),O]}),S.jsxs(Ie,{level:"body-sm",children:[I," ",t.questionId," ",U," ",c]})]}),S.jsx(Fh,{determinate:!0,value:f/d*100,variant:"outlined",thickness:8,color:f<4?"danger":"primary"})]}),S.jsxs(Qe,{spacing:2,py:2,children:[S.jsx(Ie,{level:"h2",fontSize:"xl",sx:{mb:2},children:t.question}),S.jsx(_i,{container:!0,spacing:1,sx:{flexGrow:1},children:t.options.map(M=>S.jsx(_i,{xs:12,sm:6,children:S.jsx(fZ,{optionId:M.optionId,optionText:M.option.toString(),isSelected:n===M.optionId,isDisabled:n!==void 0,correct:M.correct,userAnswer:n,onClick:()=>z(M.optionId)})},M.optionId))}),t.explanation&&S.jsx(xe,{sx:uZ(n),children:S.jsx(rx,{variant:"outlined",color:"neutral",startDecorator:S.jsx(q8,{}),children:S.jsx("div",{dangerouslySetInnerHTML:{__html:t.explanation}})})}),S.jsx(xe,{sx:cZ(n),children:S.jsx(ti,{fullWidth:!0,onClick:i,variant:"solid",color:"primary",children:x})})]})]})}function gZ({initialQuiz:t,switchQuiz:e}){const[i]=A.useState(t),[n,a]=A.useState(0),[s,c]=A.useState({}),[d,p]=A.useState(null),[f,g]=A.useState(!1),v=ga(),b=(I,O)=>{c(U=>({...U,[I]:O}))},C=()=>{n<i.questions.length-1?a(n+1):x()},x=()=>{try{const I=Object.entries(s).filter(([O,U])=>U!==null).map(([O,U])=>({questionId:Number(O),optionId:U}));v.miniGames.participateInClassicQuiz(i.id,I,!0).then(O=>{p(O),g(!0)}).catch(O=>{console.error(O)})}catch(I){console.error("Failed to submit quiz answers:",I)}};return f&&d?S.jsx(hZ,{quiz:i,quizResults:d,switchQuiz:e}):S.jsx(mZ,{question:lZ(i.questions[n],i),onAnswer:b,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!")}})}function yZ({quiz:t,onStart:e}){var O,U,z,P,H,M,L;const{t:i}=ba(),n=i("quizzes.buttons.start"),a=((O=t.labels)==null?void 0:O.prizeCardTitle)??i("prize.title"),s=((U=t.labels)==null?void 0:U.prizeCardDescription)??i("prize.description"),c=i("prize.cta"),d=t.questionsCount,{fields:p,position:f,campaignId:g,campaignName:v}=df(),b=(t==null?void 0:t.authRequirement)!=="LEAD"||(t==null?void 0:t.authRequirement)==="LEAD"&&f==="after",[C,x]=A.useState(b),I=()=>{x(!0)};return t?S.jsxs(Qe,{spacing:2,children:[S.jsxs(xe,{sx:ea.heroSection,children:[S.jsx(Es,{ratio:1.7777777777777777,children:S.jsx("img",{src:Cc(t),alt:t.title,style:ea.heroImage,loading:"lazy"})}),S.jsx(xe,{sx:ea.heroOverlay,children:S.jsxs(Sc.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.2},children:[S.jsxs(xe,{sx:{display:"flex",gap:1.5,alignItems:"center",mb:1},children:[S.jsx(dx,{size:"sm",children:i("quizzes.label",{count:1})}),S.jsxs(Qe,{direction:"row",spacing:2,sx:{color:"neutral.300"},children:[S.jsx(Ie,{title:i("quizzes.question",{count:d}),level:"body-sm",textColor:"white",startDecorator:S.jsx(Y8,{size:16,color:"white"}),children:t.questionsCount}),S.jsxs(Ie,{title:i("common.labels.time"),level:"body-sm",textColor:"white",startDecorator:S.jsx(z1,{size:16,color:"white"}),children:[d>3?2:1,"m"]}),S.jsx(Ie,{title:i("quizzes.participant",{count:t.participationCount}),level:"body-sm",textColor:"white",startDecorator:S.jsx(xd,{size:16,color:"white"}),children:t.participationCount})]})]}),S.jsx(Ie,{level:"h1",sx:ea.heroTitle,children:t.title}),S.jsx("div",{className:"quiz-description",dangerouslySetInnerHTML:{__html:t.description},style:ea.heroDescription})]})})]}),S.jsxs(Qe,{spacing:2,children:[pf(t.flags)&&S.jsx(Rf,{rules:t.rules,title:a,description:s,cta:c}),f==="before"&&t.authRequirement==="LEAD"&&S.jsx(uc,{onSuccess:I,contentType:"quiz",contentId:t.id,contentName:t.title,campaignId:g,campaignName:v,fields:p,leadTitle:((z=t.labels)==null?void 0:z.leadTitle)??null,leadDescription:((P=t.labels)==null?void 0:P.leadDescription)??null,leadCta:((H=t.labels)==null?void 0:H.leadCta)??null,leadSuccessTitle:((M=t.labels)==null?void 0:M.leadSuccessTitle)??null,leadSuccessDescription:((L=t.labels)==null?void 0:L.leadSuccessDescription)??null}),C&&S.jsx(Sc.div,{initial:{scale:.95},animate:{scale:1},transition:{duration:.5,repeat:1/0,repeatType:"reverse"},children:S.jsx(ti,{fullWidth:!0,size:"md",onClick:e,startDecorator:S.jsx(a7,{}),sx:ea.startButtonContainer,children:n})})]})]}):null}const vZ=({initialQuizId:t})=>{const[e,i]=A.useState(null),[n,a]=A.useState({}),[s,c]=A.useState(!0),[d,p]=A.useState(!1),[f,g]=A.useState(null),v=ga();A.useEffect(()=>{t&&i(t)},[t]),A.useEffect(()=>{e&&(c(!0),g(null),v.miniGames.getClassicQuizById(e,!0).then(C=>{a(C),c(!1)}).catch(C=>{console.error("Failed to fetch quiz:",C),g("Failed to load quiz. Please try again."),c(!1)}))},[e]);const b=C=>{i(C),C===t&&p(!1)};return S.jsx(S.Fragment,{children:s?S.jsx(xe,{minHeight:"200px",display:"flex",justifyContent:"center",alignItems:"center",children:S.jsx(rf,{})}):f?S.jsx(S.Fragment,{}):n?S.jsx($i,{sx:{borderColor:"divider","&:hover":{borderColor:"divider"}},children:d?S.jsx(gZ,{initialQuiz:n,switchQuiz:b}):S.jsx(yZ,{quiz:n,onStart:()=>p(!0)})}):S.jsx(Ie,{children:"No quiz data available"})})},zA=wy({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"}}});/**
|
|
285
|
+
`,qa={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(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:`${rZ} 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"}},kA=({poll:t,onVote:e})=>{const[i,n]=A.useState(null),[a,s]=A.useState(!1),c=ga(),{t:d}=ba(),p=async()=>{if(i)try{s(!0),await c.voting.voteForPoll(t.id,i),e()}catch(f){console.error("Failed to submit vote:",f)}finally{s(!1)}};return S.jsxs(Qe,{spacing:2,children:[S.jsx(Qe,{spacing:1,children:t.options.map(f=>S.jsx(ti,{variant:i===f.id?"solid":"soft",color:i===f.id?"primary":"neutral",onClick:()=>n(f.id),sx:qa.optionButton,disabled:a,children:f.title},f.id))}),i&&S.jsx(ti,{variant:"solid",color:"primary",onClick:p,loading:a,sx:{mt:2},children:d("polls.vote_action")})]})},DA=({poll:t})=>{const e=i=>t.totalVotes?Math.round(i/t.totalVotes*100):0;return S.jsxs(Qe,{spacing:3,children:[S.jsx(Qe,{spacing:2,children:t.options.map((i,n)=>{const a=e(i.votes);return S.jsx(Sc.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:n*.1},children:S.jsxs(xe,{children:[S.jsx(Ie,{level:"body-md",fontWeight:600,sx:{mb:1},children:i.title}),S.jsx(xe,{sx:qa.resultBar,children:S.jsx(xe,{sx:{...qa.resultBarFill,width:`${a}%`}})}),S.jsxs(xe,{sx:qa.resultText,children:[S.jsxs(Ie,{level:"body-sm",children:[i.votes," ",ht("polls.vote",{count:i.votes??0})]}),S.jsxs(Ie,{level:"body-sm",fontWeight:"bold",children:[a,"%"]})]})]})},i.id)})}),S.jsx(xe,{sx:qa.totalVotes,children:S.jsxs(Ie,{level:"body-sm",startDecorator:S.jsx(xd,{size:16}),children:[t.totalVotes," ",ht("polls.total_votes")]})})]})},sZ=({initialPollId:t})=>{var H,M,L,_,E,k,T,D,j,B,te,J,G,Q,Z,pe;const[e,i]=A.useState(null),[n,a]=A.useState(!0),[s,c]=A.useState(null),[d,p]=A.useState(!1),[f,g]=A.useState(!1),v=ga(),{t:b}=ba(),{position:C,fields:x,campaignId:I,campaignName:O}=df();A.useEffect(()=>{if(!e)return;g(!e.authRequirement||e.authRequirement!=="LEAD"||e.authRequirement==="LEAD"&&C==="after")},[e,C]);const U=async()=>{try{a(!0),c(null);const K=await v.voting.getPollById(t,!0);i(K),v.voting.getMyPollVote(t).then(ie=>{p(!!ie)})}catch(K){console.error("Failed to fetch poll:",K),c("Failed to load poll. Please try again.")}finally{a(!1)}};A.useEffect(()=>{t&&U()},[t]);const z=async()=>{await U(),p(!0)},P=()=>{g(!0)};return n?S.jsx(rf,{}):s||!e?null:S.jsx($i,{sx:{borderColor:"divider","&:hover":{borderColor:"divider"}},children:S.jsxs(Qe,{spacing:2,children:[(H=e.images)!=null&&H.main||(M=e.images)!=null&&M.cover?S.jsxs(xe,{sx:qa.heroSection,children:[S.jsx(Es,{ratio:16/9,children:S.jsx("img",{src:((L=e.images)==null?void 0:L.main)||((_=e.images)==null?void 0:_.cover),alt:e.title,style:qa.heroImage,loading:"lazy",onError:K=>K.currentTarget.style.display="none"})}),S.jsx(xe,{sx:qa.heroOverlay,children:S.jsxs(Sc.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.2},children:[S.jsx(xe,{sx:{display:"flex",gap:1.5,alignItems:"center",mb:1},children:S.jsx(Ie,{level:"body-sm",startDecorator:S.jsx(xd,{size:16,color:"white"}),children:e.totalVotes})}),S.jsx(Ie,{level:"h1",sx:qa.heroTitle,children:e.title}),S.jsx("div",{dangerouslySetInnerHTML:{__html:e.description},style:qa.heroDescription})]})})]}):S.jsxs(xe,{sx:{y:2},children:[S.jsx(Ie,{level:"h1",children:e.title}),e.description&&S.jsx("div",{dangerouslySetInnerHTML:{__html:e.description},style:qa.heroDescription})]}),pf(e.flags)&&S.jsx(Rf,{title:((E=e.labels)==null?void 0:E.prizeCardTitle)??b("prize.title"),description:((k=e.labels)==null?void 0:k.prizeCardDescription)??b("prize.description"),cta:b("prize.cta"),rules:e.rules}),C==="before"&&e.authRequirement==="LEAD"?f?d?S.jsx(DA,{poll:e}):S.jsx(kA,{poll:e,onVote:z}):S.jsx(uc,{onSuccess:P,contentType:"poll",contentId:e.id,contentName:e.title,campaignId:I,campaignName:O,fields:x,leadTitle:(T=e.labels)==null?void 0:T.leadTitle,leadDescription:(D=e.labels)==null?void 0:D.leadDescription,leadCta:(j=e.labels)==null?void 0:j.leadCta,leadSuccessTitle:(B=e.labels)==null?void 0:B.leadSuccessTitle,leadSuccessDescription:(te=e.labels)==null?void 0:te.leadSuccessDescription}):d?S.jsx(DA,{poll:e}):S.jsx(kA,{poll:e,onVote:z}),C==="after"&&e.authRequirement==="LEAD"&&d&&S.jsx(uc,{contentType:"poll",contentId:e.id,contentName:e.title,fields:x,campaignId:I,campaignName:O,leadTitle:(J=e.labels)==null?void 0:J.leadTitle,leadDescription:(G=e.labels)==null?void 0:G.leadDescription,leadCta:(Q=e.labels)==null?void 0:Q.leadCta,leadSuccessTitle:(Z=e.labels)==null?void 0:Z.leadSuccessTitle,leadSuccessDescription:(pe=e.labels)==null?void 0:pe.leadSuccessDescription})]})})},oZ={defaultImage:j1},LA=()=>oZ.defaultImage,lZ=(t,e)=>{var i,n;return!((i=t.images)!=null&&i.main)&&((n=e.images)!=null&&n.cover)?{...t,images:{...t.images,main:Cc(e)}}:t},Cc=t=>{var e,i;return t?(e=t.images)!=null&&e.main?t.images.main:(i=t.images)!=null&&i.cover?t.images.cover:LA():LA()},ea={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.2) 0%, 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"},mb:1},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}},FA={countdownWrapper:{py:2,borderBottom:"1px solid",borderColor:"divider",flex:1},countdownLabels:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:1}},cZ=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"}),uZ=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"}),dZ=({correctAnswers:t,quiz:e,quizResults:i})=>{const{t:n}=ba(),a=e==null?void 0:e.questions.length,[s,c]=A.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||a===void 0)return 0;const b=t/a*100;return Math.round(b)},g=b=>{if(!i||!i.questions)return!1;const C=i.questions.find(x=>x.questionId==b);return C==null?void 0:C.correct},v=(b,C)=>{if(!i||!i.questions)return null;const x=e.questions.find(O=>O.questionId===b),I=x==null?void 0:x.options.find(O=>O.optionId===C);return(I==null?void 0:I.option)??null};return S.jsx($i,{variant:"outlined",orientation:"vertical",children:S.jsxs(_i,{container:!0,spacing:2,width:"100%",sx:{mx:"auto"},children:[S.jsx(_i,{xs:4,border:"thin",children:S.jsxs(Qe,{spacing:0,justifyContent:"start",alignItems:"center",children:[S.jsxs(Ie,{fontWeight:"bold",level:"h1",children:[f(),"%"]}),S.jsxs(Ie,{level:"body-xs",color:"neutral",children:[t,"/",a]})]})}),S.jsxs(_i,{xs:8,children:[S.jsx(xe,{children:S.jsxs(_i,{container:!0,spacing:0,sx:{flexGrow:1,alignItems:"center"},children:[S.jsx(_i,{xs:7,children:S.jsx(Fh,{determinate:!0,value:Dv(t??0,a),color:"success"})}),S.jsx(_i,{xs:5,children:S.jsx(xe,{sx:{textAlign:"right"},children:S.jsxs(Ie,{level:"body-xs",fontWeight:"bold",color:"success",children:[t??0," ",n("quizzes.results.stats.correct")]})})})]})}),S.jsx(xe,{children:S.jsxs(_i,{container:!0,spacing:0,sx:{flexGrow:1,alignItems:"center"},children:[S.jsx(_i,{xs:7,children:S.jsx(Fh,{determinate:!0,value:Dv(p(),a),color:"danger"})}),S.jsx(_i,{xs:5,children:S.jsx(xe,{sx:{textAlign:"right"},children:S.jsxs(Ie,{level:"body-xs",fontWeight:"bold",color:"danger",children:[p()," ",n("quizzes.results.stats.incorrect")]})})})]})}),S.jsx(xe,{children:S.jsxs(_i,{container:!0,spacing:0,sx:{flexGrow:1,alignItems:"center"},children:[S.jsx(_i,{xs:7,children:S.jsx(Fh,{determinate:!0,value:Dv(d(),a),color:"warning"})}),S.jsx(_i,{xs:5,children:S.jsx(xe,{sx:{textAlign:"right"},children:S.jsxs(Ie,{level:"body-xs",fontWeight:"bold",color:"warning",children:[d()," ",n("quizzes.results.stats.skipped")]})})})]})})]}),S.jsx(xe,{mx:"auto",children:S.jsx(Ie,{level:"body-xs",fontWeight:"bold",sx:{cursor:"pointer"},onClick:()=>{c(!s)},children:n("quizzes.results.answers.show")})}),s&&S.jsx(_i,{xs:12,children:S.jsx(jy,{children:e==null?void 0:e.questions.map((b,C)=>S.jsxs(xe,{children:[S.jsxs(Hl,{children:[S.jsxs(tv,{children:[S.jsx(xe,{children:S.jsx(Ie,{level:"body-sm",lineHeight:1.3,children:b.question})}),S.jsxs(xe,{children:[g(b.questionId)&&S.jsx(xe,{children:S.jsxs(Ie,{level:"body-xs",children:[n("quizzes.results.answers.yours"),":"," ",S.jsx(Ie,{level:"body-xs",fontWeight:"bold",children:v(b.questionId,(i==null?void 0:i.questions[C].optionId)??null)})]})}),!g(b.questionId)&&S.jsxs(xe,{sx:{display:"block",textAlign:"left",width:"100%"},children:[S.jsx(xe,{children:S.jsxs(Ie,{level:"body-xs",children:[n("quizzes.results.answers.yours"),":"," ",S.jsx(Ie,{level:"body-xs",sx:{textDecoration:"line-through"},children:v(b.questionId,(i==null?void 0:i.questions[C].optionId)??null)})]})}),S.jsx(xe,{children:S.jsxs(Ie,{level:"body-xs",children:[n("quizzes.results.answers.correct"),":"," ",S.jsx(Ie,{level:"body-xs",fontWeight:"bold",children:v(b.questionId,(i==null?void 0:i.questions[C].correctOptionId)??null)})]})})]})]})]}),g(b.questionId)?S.jsx(Jv,{color:"success"}):S.jsx(M1,{color:"error"})]}),a===C+1?null:S.jsx(Lh,{})]},C))})})]})})},pZ=({currentQuizId:t,switchQuiz:e})=>{const[i,n]=A.useState([]),[a,s]=A.useState(!0),[c,d]=A.useState(null),{t:p}=ba(),f=p("quizzes.buttons.playNext"),g=p("quizzes.results.recommendedForYou"),v=p("quizzes.results.loadingRecommendations"),b=ga();return A.useEffect(()=>{(async()=>{try{s(!0),d(null);const O=(await b.miniGames.getClassicQuizzes({status:"ACTIVE",limit:3})).data.filter(U=>U.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]),a?S.jsx($i,{variant:"soft",sx:{textAlign:"center",py:2},children:S.jsxs(Ie,{level:"body-sm",children:[v,"..."]})}):c?S.jsx($i,{variant:"soft",sx:{textAlign:"center",py:2},children:S.jsx(Ie,{level:"body-sm",color:"danger",children:c})}):i.length?S.jsxs($i,{variant:"soft",sx:{p:2,backgroundColor:"background.level1",border:"1px solid",borderColor:"divider","&:hover":{borderColor:"divider"}},children:[S.jsx(Ie,{level:"body-lg",fontWeight:"bold",component:"span",textAlign:"left",endDecorator:S.jsx(V8,{}),children:f}),S.jsx(Ie,{level:"body-sm",component:"span",textAlign:"left",mb:1,children:g}),S.jsx(Qe,{spacing:2,children:i.map(C=>S.jsx(xe,{display:"flex",justifyContent:"space-between",onClick:()=>e(C.id),sx:{cursor:"pointer"},children:S.jsxs(xe,{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",children:[S.jsx(xe,{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",children:S.jsx("img",{src:Cc(C),srcSet:Cc(C),style:{width:"100px",borderRadius:"4px",marginRight:"10px"},loading:"lazy",alt:""})}),S.jsx(xe,{display:"flex",flexDirection:"row",justifyContent:"center",alignContent:"center",children:S.jsx(Ie,{level:"body-sm",fontWeight:600,children:C.title})})]})},C.id))})]}):null};function hZ({quiz:t,quizResults:e,switchQuiz:i,time:n=0}){var _,E,k,T,D,j;const{position:a,fields:s,campaignId:c,campaignName:d}=df(),{t:p}=ba(),f=p("common.labels.or"),g=p("quizzes.buttons.playAgain"),v=p("quizzes.buttons.share"),b=p("quizzes.results.messagePerfect"),C=p("quizzes.results.messageAmazing"),x=p("quizzes.results.messageWellDone"),I=p("quizzes.results.messageGoodEffort"),O=p("quizzes.results.messageKeepGoing"),U=((_=t==null?void 0:t.labels)==null?void 0:_.hashtags)??"",z=e.correctOptions/t.questionsCount*100,H=z===100?{message:b,emoji:"🏆",color:"success"}:z>=80?{message:C,emoji:"🌟",color:"success"}:z>=60?{message:x,emoji:"👏",color:"primary"}:z>=40?{message:I,emoji:"💪",color:"warning"}:{message:O,emoji:"🎯",color:"neutral"},M=B=>{i(B)},L=B=>{const J=location.protocol+"//"+location.host+"/quiz/"+B+"?utm_source=quiz_page&utm_medium=share_button&utm_campaign=Share",G=n>0?p("quizzes.results.share.iosTitleOne",{score:z,time:n}):p("quizzes.results.share.iosTitleTwo",{score:z}),Q=p("quizzes.results.share.androidTitle"),Z=p("quizzes.results.share.iosShareBody",{score:z,quizTitle:t.title,hashtags:U}),pe=n>0?p("quizzes.results.share.androidShareBodyOne",{score:z,time:n,quizTitle:t.title,hashtags:U}):p("quizzes.results.share.androidShareBodyTwo",{score:z,quizTitle:t.title,hashtags:U});if(navigator.share)navigator.share({title:G,text:Z,url:J}).then(()=>console.log("Successfully shared")).catch(K=>console.error("Error sharing:",K));else if(isAndroid())try{Android.shareData(Q,pe,J)}catch(K){console.error("Error sharing on android:",K)}else(()=>{const ie=document.createElement("textarea");ie.value=pe+" "+J,document.body.appendChild(ie),ie.select(),document.execCommand("copy"),document.body.removeChild(ie),console.log("Copied to clipboard")})()};return S.jsx(Sc.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},children:S.jsxs(xe,{children:[S.jsxs(xe,{sx:ea.quizEndContainer,children:[S.jsx(Es,{ratio:"29/9",children:S.jsx("img",{src:Cc(t),alt:t.title,style:ea.quizEndImage,loading:"lazy"})}),S.jsx(Qe,{direction:"column",justifyContent:"center",alignItems:"center",sx:ea.quizEndImageOverlay,children:S.jsx(Sc.div,{initial:{scale:0},animate:{scale:1},transition:{delay:.2,type:"spring",stiffness:200},children:S.jsxs(Qe,{direction:"column",alignItems:"center",justifyContent:"center",children:[S.jsx(Ie,{level:"h1",sx:ea.celebrationEmoji,children:H.emoji}),S.jsx(Ie,{sx:{color:"white",fontSize:{xs:"body-xs",md:"body-lg"}},children:H.message})]})})})]}),S.jsxs(Qe,{spacing:2,children:[S.jsx(xe,{children:S.jsx(dZ,{correctAnswers:e.correctOptions,quiz:t,quizResults:e})}),a==="after"&&t.authRequirement==="LEAD"&&S.jsx(xe,{children:S.jsx($i,{sx:{borderColor:"primary.500"},children:S.jsx(uc,{contentType:"quiz",contentId:t.id,contentName:t.title,fields:s,campaignId:c,campaignName:d,leadTitle:((E=t.labels)==null?void 0:E.leadTitle)??null,leadDescription:((k=t.labels)==null?void 0:k.leadDescription)??null,leadCta:((T=t.labels)==null?void 0:T.leadCta)??null,leadSuccessTitle:((D=t.labels)==null?void 0:D.leadSuccessTitle)??null,leadSuccessDescription:((j=t.labels)==null?void 0:j.leadSuccessDescription)??null})})}),S.jsx(xe,{children:S.jsx(pZ,{currentQuizId:t.id,switchQuiz:i})}),S.jsx(xe,{children:S.jsx(Ie,{level:"body-xs",textAlign:"center",textTransform:"uppercase",children:f})}),S.jsxs(xe,{pb:2,sx:ea.actionButtons,children:[S.jsx(ti,{variant:"solid",color:"primary",startDecorator:S.jsx(Z8,{size:18}),onClick:()=>{M(t.id)},sx:ea.actionButton,children:g}),S.jsx(ti,{variant:"outlined",color:"neutral",startDecorator:S.jsx(U1,{size:18}),sx:ea.actionButton,onClick:()=>L(t.id),children:v})]})]})]})})}function fZ({optionId:t,optionText:e,isSelected:i,isDisabled:n,correct:a,userAnswer:s,onClick:c}){const d=()=>s===void 0||s===null?"neutral":s===t?a?"success":"danger":"neutral",p=()=>s===void 0?"transparent":s===null?a?"success.50":"transparent":a?"success.100":s===t?"danger.100":"transparent",f=()=>s===void 0||s===null||a||s===t?"#000":"neutral";return S.jsx(ti,{fullWidth:!0,variant:i?"solid":"outlined",color:d(),onClick:c,disabled:n,endDecorator:s!==void 0&&(s===null?a&&S.jsx(k1,{sx:{color:"success.300"}}):a?S.jsx(k1,{color:"success"}):S.jsx(B8,{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 mZ({question:t,onAnswer:e,onNext:i,userAnswer:n,quiz:a,isLastQuestion:s,totalQuestions:c,time:d=0,onTimeUp:p}){var H;const[f,g]=A.useState(d),v=A.useRef(null),{t:b}=ba(),C=b("quizzes.timeRemaining"),x=b(s?"quizzes.buttons.finish":"quizzes.buttons.next"),I=b("quizzes.question",{count:1}),O=b("common.labels.sec"),U=b("common.labels.of");A.useEffect(()=>{var M;if(t.embedCode&&v.current){v.current.innerHTML=t.embedCode;const L=v.current.getElementsByTagName("iframe");for(let E=0;E<L.length;E++){const k=L[E],T=k.src;k.src="",setTimeout(()=>{k.src=T},10)}const _=v.current.getElementsByTagName("script");for(let E=0;E<_.length;E++){const k=_[E],T=document.createElement("script");Array.from(k.attributes).forEach(D=>{T.setAttribute(D.name,D.value)}),T.innerHTML=k.innerHTML,(M=k.parentNode)==null||M.replaceChild(T,k)}}},[t.embedCode]);const z=M=>{n===void 0&&e(t.questionId,M)};A.useEffect(()=>{if(d<=0||n!==void 0)return;const M=Date.now(),L=d;let _;const E=()=>{const k=(Date.now()-M)/1e3,T=Math.max(0,L-k);g(T),T<=0?(e(t.questionId,null),p==null||p()):_=requestAnimationFrame(E)};return _=requestAnimationFrame(E),()=>{_&&cancelAnimationFrame(_)}},[d,n,p,t.questionId,e]),A.useEffect(()=>{g(d)},[t.questionId,d]);const P=((H=t==null?void 0:t.images)==null?void 0:H.main)??Cc(a);return S.jsxs(xe,{sx:{maxWidth:800,width:"100%",margin:"auto",overflow:"hidden"},children:[t.embedCode?S.jsx(xe,{children:S.jsx(Es,{ratio:1.7777777777777777,children:S.jsx("div",{ref:v,className:"iframeWrapperforEmbedCode"})})}):P&&S.jsx(xe,{sx:{position:"relative"},children:S.jsx(Es,{ratio:1.7777777777777777,children:S.jsx("img",{src:P,alt:t.question,width:"100%",height:"100%",style:{objectFit:"cover",maxWidth:"800px"},loading:"lazy"})})}),d>0&&S.jsxs(xe,{sx:FA.countdownWrapper,children:[S.jsxs(xe,{sx:FA.countdownLabels,children:[S.jsxs(Ie,{level:"body-sm",children:[C,": ",Math.ceil(f),O]}),S.jsxs(Ie,{level:"body-sm",children:[I," ",t.questionId," ",U," ",c]})]}),S.jsx(Fh,{determinate:!0,value:f/d*100,variant:"outlined",thickness:8,color:f<4?"danger":"primary"})]}),S.jsxs(Qe,{spacing:2,py:2,children:[S.jsx(Ie,{level:"h2",fontSize:"xl",sx:{mb:2},children:t.question}),S.jsx(_i,{container:!0,spacing:1,sx:{flexGrow:1},children:t.options.map(M=>S.jsx(_i,{xs:12,sm:6,children:S.jsx(fZ,{optionId:M.optionId,optionText:M.option.toString(),isSelected:n===M.optionId,isDisabled:n!==void 0,correct:M.correct,userAnswer:n,onClick:()=>z(M.optionId)})},M.optionId))}),t.explanation&&S.jsx(xe,{sx:uZ(n),children:S.jsx(rx,{variant:"outlined",color:"neutral",startDecorator:S.jsx(q8,{}),children:S.jsx("div",{dangerouslySetInnerHTML:{__html:t.explanation}})})}),S.jsx(xe,{sx:cZ(n),children:S.jsx(ti,{fullWidth:!0,onClick:i,variant:"solid",color:"primary",children:x})})]})]})}function gZ({initialQuiz:t,switchQuiz:e}){const[i]=A.useState(t),[n,a]=A.useState(0),[s,c]=A.useState({}),[d,p]=A.useState(null),[f,g]=A.useState(!1),v=ga(),b=(I,O)=>{c(U=>({...U,[I]:O}))},C=()=>{n<i.questions.length-1?a(n+1):x()},x=()=>{try{const I=Object.entries(s).filter(([O,U])=>U!==null).map(([O,U])=>({questionId:Number(O),optionId:U}));v.miniGames.participateInClassicQuiz(i.id,I,!0).then(O=>{p(O),g(!0)}).catch(O=>{console.error(O)})}catch(I){console.error("Failed to submit quiz answers:",I)}};return f&&d?S.jsx(hZ,{quiz:i,quizResults:d,switchQuiz:e}):S.jsx(mZ,{question:lZ(i.questions[n],i),onAnswer:b,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!")}})}function yZ({quiz:t,onStart:e}){var O,U,z,P,H,M,L;const{t:i}=ba(),n=i("quizzes.buttons.start"),a=((O=t.labels)==null?void 0:O.prizeCardTitle)??i("prize.title"),s=((U=t.labels)==null?void 0:U.prizeCardDescription)??i("prize.description"),c=i("prize.cta"),d=t.questionsCount,{fields:p,position:f,campaignId:g,campaignName:v}=df();console.log("hook values for quiz",{fields:p,position:f,campaignId:g,campaignName:v});const b=(t==null?void 0:t.authRequirement)!=="LEAD"||(t==null?void 0:t.authRequirement)==="LEAD"&&f==="after",[C,x]=A.useState(b),I=()=>{x(!0)};return t?S.jsxs(Qe,{spacing:2,children:[S.jsxs(xe,{sx:ea.heroSection,children:[S.jsx(Es,{ratio:1.7777777777777777,children:S.jsx("img",{src:Cc(t),alt:t.title,style:ea.heroImage,loading:"lazy"})}),S.jsx(xe,{sx:ea.heroOverlay,children:S.jsxs(Sc.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:.2},children:[S.jsxs(xe,{sx:{display:"flex",gap:1.5,alignItems:"center",mb:1},children:[S.jsx(dx,{size:"sm",children:i("quizzes.label",{count:1})}),S.jsxs(Qe,{direction:"row",spacing:2,sx:{color:"neutral.300"},children:[S.jsx(Ie,{title:i("quizzes.question",{count:d}),level:"body-sm",textColor:"white",startDecorator:S.jsx(Y8,{size:16,color:"white"}),children:t.questionsCount}),S.jsxs(Ie,{title:i("common.labels.time"),level:"body-sm",textColor:"white",startDecorator:S.jsx(z1,{size:16,color:"white"}),children:[d>3?2:1,"m"]}),S.jsx(Ie,{title:i("quizzes.participant",{count:t.participationCount}),level:"body-sm",textColor:"white",startDecorator:S.jsx(xd,{size:16,color:"white"}),children:t.participationCount})]})]}),S.jsx(Ie,{level:"h1",sx:ea.heroTitle,children:t.title}),S.jsx("div",{className:"quiz-description",dangerouslySetInnerHTML:{__html:t.description},style:ea.heroDescription})]})})]}),S.jsxs(Qe,{spacing:2,children:[pf(t.flags)&&S.jsx(Rf,{rules:t.rules,title:a,description:s,cta:c}),f==="before"&&t.authRequirement==="LEAD"&&S.jsx(uc,{onSuccess:I,contentType:"quiz",contentId:t.id,contentName:t.title,campaignId:g,campaignName:v,fields:p,leadTitle:((z=t.labels)==null?void 0:z.leadTitle)??null,leadDescription:((P=t.labels)==null?void 0:P.leadDescription)??null,leadCta:((H=t.labels)==null?void 0:H.leadCta)??null,leadSuccessTitle:((M=t.labels)==null?void 0:M.leadSuccessTitle)??null,leadSuccessDescription:((L=t.labels)==null?void 0:L.leadSuccessDescription)??null}),C&&S.jsx(Sc.div,{initial:{scale:.95},animate:{scale:1},transition:{duration:.5,repeat:1/0,repeatType:"reverse"},children:S.jsx(ti,{fullWidth:!0,size:"md",onClick:e,startDecorator:S.jsx(a7,{}),sx:ea.startButtonContainer,children:n})})]})]}):null}const vZ=({initialQuizId:t})=>{const[e,i]=A.useState(null),[n,a]=A.useState({}),[s,c]=A.useState(!0),[d,p]=A.useState(!1),[f,g]=A.useState(null),v=ga();A.useEffect(()=>{t&&i(t)},[t]),A.useEffect(()=>{e&&(c(!0),g(null),v.miniGames.getClassicQuizById(e,!0).then(C=>{a(C),c(!1)}).catch(C=>{console.error("Failed to fetch quiz:",C),g("Failed to load quiz. Please try again."),c(!1)}))},[e]);const b=C=>{i(C),C===t&&p(!1)};return S.jsx(S.Fragment,{children:s?S.jsx(xe,{minHeight:"200px",display:"flex",justifyContent:"center",alignItems:"center",children:S.jsx(rf,{})}):f?S.jsx(S.Fragment,{}):n?S.jsx($i,{sx:{borderColor:"divider","&:hover":{borderColor:"divider"}},children:d?S.jsx(gZ,{initialQuiz:n,switchQuiz:b}):S.jsx(yZ,{quiz:n,onStart:()=>p(!0)})}):S.jsx(Ie,{children:"No quiz data available"})})},zA=wy({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"}}});/**
|
|
286
286
|
* @license
|
|
287
287
|
* Copyright 2017 Google LLC
|
|
288
288
|
*
|