https://claudecommunity.com.au/_next/static/chunks/4165.ff930e2ea5ecb5df.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4165],{9199:(e,t,r)=>{r.d(t,{A:()=>a});let a=(0,r(78340).A)("rotate-ccw",[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}]])},52484:(e,t,r)=>{r.d(t,{A:()=>a});let a=(0,r(78340).A)("circle-check-big",[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335",key:"yps3ct"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]])},64165:(e,t,r)=>{r.r(t),r.d(t,{default:()=>c});var a=r(95155),s=r(94928),l=r(9199),o=r(52484);let n=(0,r(78340).A)("circle-x",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m15 9-6 6",key:"1uzhvr"}],["path",{d:"m9 9 6 6",key:"z0biqf"}]]);var i=r(12115);function c({questions:e}){let[t,r]=(0,i.useState)(0),[d,h]=(0,i.useState)(null),[m,x]=(0,i.useState)(!1),[u,p]=(0,i.useState)(Array(e.length).fill(null)),[b,f]=(0,i.useState)(!1),[g,k]=(0,i.useState)([]),y=(0,i.useCallback)(()=>{k(Array.from({length:24},(e,t)=>({id:Date.now()+t,x:50+(Math.random()-.5)*20,y:50,color:["#D4836A","#E8A090","#FFD700","#4ADE80","#60A5FA","#F472B6"][Math.floor(6*Math.random())],angle:2*Math.PI*t/24+(Math.random()-.5)*.5,speed:2+3*Math.random()}))),setTimeout(()=>k([]),1500)},[]),w=u.filter(e=>!0===e).length,A=w===e.length;if(b)return(0,a.jsxs)("div",{className:"w-full max-w-2xl mx-auto",children:[(0,a.jsx)("style",{children:`
2          @keyframes kc-celebrate {
3            0% { transform: scale(0.8) rotate(-5deg); opacity: 0; }
4            50% { transform: scale(1.05) rotate(2deg); }
5            100% { transform: scale(1) rotate(0deg); opacity: 1; }
6          }
7          @keyframes kc-golden-glow {
8            0%, 100% { box-shadow: 0 0 20px rgba(255, 215, 0, 0.2); }
9            50% { box-shadow: 0 0 40px rgba(255, 215, 0, 0.4); }
10          }
11          @keyframes kc-score-count {
12            from { transform: scale(0); }
13            to { transform: scale(1); }
14          }
15        `}),(0,a.jsxs)("div",{className:`rounded-xl border p-8 text-center ${A?"bg-[#2D2926] border-yellow-500/30":"bg-[#2D2926] border-white/[0.06]"}`,style:{animation:A?"kc-celebrate 0.6s ease-out, kc-golden-glow 2s ease-in-out infinite 0.6s":"kc-celebrate 0.6s ease-out"},children:[(0,a.jsx)("div",{className:`inline-flex items-center justify-center w-16 h-16 rounded-full mb-4 ${A?"bg-yellow-500/20":"bg-[#D4836A]/20"}`,style:{animation:"kc-score-count 0.4s ease-out 0.3s both"},children:(0,a.jsx)(s.A,{size:28,className:A?"text-yellow-500":"text-[#D4836A]"})}),(0,a.jsx)("h3",{className:"text-xl font-bold text-white mb-2",children:A?"Perfect Score!":w>e.length/2?"Great Job!":"Keep Learning!"}),(0,a.jsxs)("p",{className:"text-[#A8A29E] mb-4",children:["You got"," ",(0,a.jsxs)("span",{className:"text-[#D4836A] font-semibold",children:[w,"/",e.length]})," ","questions correct"]}),(0,a.jsx)("div",{className:"h-3 bg-white/[0.06] rounded-full overflow-hidden mb-6 max-w-xs mx-auto",children:(0,a.jsx)("div",{className:"h-full rounded-full transition-all duration-1000 ease-out",style:{width:`${w/e.length*100}%`,background:A?"linear-gradient(90deg, #FFD700, #FFA500)":"linear-gradient(90deg, #D4836A, #E8A090)"}})}),(0,a.jsxs)("button",{type:"button",onClick:()=>{r(0),h(null),x(!1),p(Array(e.length).fill(null)),f(!1),k([])},className:"inline-flex items-center gap-2 px-5 py-2.5 rounded-lg bg-[#D4836A] text-white text-sm font-medium hover:bg-[#C07560] transition-colors cursor-pointer",children:[(0,a.jsx)(l.A,{size:14}),"Try Again"]})]})]});let v=e[t];return(0,a.jsxs)("div",{className:"w-full max-w-2xl mx-auto relative",children:[(0,a.jsx)("style",{children:`
16        @keyframes kc-shake {
17          0%, 100% { transform: translateX(0); }
18          20% { transform: translateX(-6px); }
19          40% { transform: translateX(6px); }
20          60% { transform: translateX(-4px); }
21          80% { transform: translateX(4px); }
22        }
23        @keyframes kc-correct-flash {
24          0% { background-color: rgba(74, 222, 128, 0.3); }
25          100% { background-color: transparent; }
26        }
27        @keyframes kc-particle {
28          0% {
29            transform: translate(0, 0) scale(1);
30            opacity: 1;
31          }
32          100% {
33            transform: translate(var(--tx), var(--ty)) scale(0);
34            opacity: 0;
35          }
36        }
37        @keyframes kc-slide-in {
38          from { opacity: 0; transform: translateY(12px); }
39          to { opacity: 1; transform: translateY(0); }
40        }
41        @keyframes kc-option-in {
42          from { opacity: 0; transform: translateX(-8px); }
43          to { opacity: 1; transform: translateX(0); }
44        }
45        .kc-shake {
46          animation: kc-shake 0.4s ease-in-out;
47        }
48        .kc-correct-flash {
49          animation: kc-correct-flash 0.6s ease-out;
50        }
51      `}),g.map(e=>(0,a.jsx)("span",{className:"absolute w-2 h-2 rounded-full pointer-events-none z-10",style:{left:`${e.x}%`,top:`${e.y}%`,backgroundColor:e.color,"--tx":`${Math.cos(e.angle)*e.speed*40}px`,"--ty":`${Math.sin(e.angle)*e.speed*40-60}px`,animation:"kc-particle 1.2s ease-out forwards"}}

51,e.id)),(0,a.jsxs)("div",{className:"rounded-xl bg-[#2D2926] border border-white/[0.06] overflow-hidden",style:{animation:"kc-slide-in 0.4s ease-out"},children:[(0,a.jsxs)("div",{className:"px-5 pt-4 flex items-center gap-2",children:[e.map((e,r)=>(0,a.jsx)("div",{className:`
52                h-2 rounded-full transition-all duration-300
53                ${r===t?"w-6":"w-2"}
54                ${!0===u[r]?"bg-green-500":!1===u[r]?"bg-red-400":r===t?"bg-[#D4836A]":"bg-white/[0.1]"}
55              `},r)),(0,a.jsxs)("span",{className:"ml-auto text-xs text-[#78716C] font-mono",children:[t+1,"/",e.length]})]}),(0,a.jsx)("div",{className:"px-5 pt-4 pb-2",children:(0,a.jsx)("h3",{className:"text-white font-semibold leading-snug",children:v.question})}),(0,a.jsx)("div",{className:"px-5 pb-4 space-y-2",children:v.options.map((r,s)=>{let l=d===s,i=s===v.correctIndex,c=m&&i,b=m&&l&&!i;return(0,a.jsxs)("button",{type:"button",onClick:()=>(r=>{if(m)return;h(r),x(!0);let a=r===e[t].correctIndex,s=[...u];s[t]=a,p(s),a&&y()})(s),disabled:m,className:`
56                  w-full text-left px-4 py-3 rounded-lg text-sm transition-all duration-200
57                  flex items-center gap-3 cursor-pointer
58                  ${c?"bg-green-500/15 border border-green-500/30 text-green-300 kc-correct-flash":b?"bg-red-400/15 border border-red-400/30 text-red-300 kc-shake":l?"bg-[#D4836A]/15 border border-[#D4836A]/30 text-[#E7E5E4]":"bg-white/[0.03] border border-white/[0.06] text-[#A8A29E] hover:bg-white/[0.06] hover:text-[#E7E5E4] hover:border-white/[0.1]"}
59                  ${m?"cursor-default":""}
60                `,style:{animation:`kc-option-in 0.3s ease-out ${60*s}ms both`},children:[(0,a.jsxs)("span",{className:`
61                    w-5 h-5 rounded-full border-2 flex items-center justify-center flex-shrink-0
62                    transition-all duration-200
63                    ${c?"border-green-500 bg-green-500":b?"border-red-400 bg-red-400":l?"border-[#D4836A] bg-[#D4836A]":"border-[#78716C]/40"}
64                  `,children:[c&&(0,a.jsx)(o.A,{size:12,className:"text-white"}),b&&(0,a.jsx)(n,{size:12,className:"text-white"}),l&&!m&&(0,a.jsx)("span",{className:"w-2 h-2 rounded-full bg-white"})]}),r]},r)})}),m&&(0,a.jsxs)("div",{className:"px-5 pb-5",style:{animation:"kc-slide-in 0.3s ease-out"},children:[(0,a.jsx)("div",{className:`rounded-lg px-4 py-3 mb-3 text-sm ${d===v.correctIndex?"bg-green-500/10 border border-green-500/20 text-green-300/90":"bg-white/[0.03] border border-white/[0.06] text-[#A8A29E]"}`,children:v.explanation}),(0,a.jsx)("button",{type:"button",onClick:()=>{t<e.length-1?(r(e=>e+1),h(null),x(!1)):f(!0)},className:"w-full py-2.5 rounded-lg bg-[#D4836A] text-white text-sm font-medium hover:bg-[#C07560] transition-colors cursor-pointer",children:t<e.length-1?"Next Question":"See Results"})]})]},t)]})}},78340:(e,t,r)=>{r.d(t,{A:()=>i});var a=r(12115);let s=e=>{let t=e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,r)=>r?r.toUpperCase():t.toLowerCase());return t.charAt(0).toUpperCase()+t.slice(1)},l=(...e)=>e.filter((e,t,r)=>!!e&&""!==e.trim()&&r.indexOf(e)===t).join(" ").trim();var o={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let n=(0,a.forwardRef)(({color:e="currentColor",size:t=24,strokeWidth:r=2,absoluteStrokeWidth:s,className:n="",children:i,iconNode:c,...d},h)=>(0,a.createElement)("svg",{ref:h,...o,width:t,height:t,stroke:e,strokeWidth:s?24*Number(r)/Number(t):r,className:l("lucide",n),...!i&&!(e=>{for(let t in e)if(t.startsWith("aria-")||"role"===t||"title"===t)return!0})(d)&&{"aria-hidden":"true"},...d},[...c.map(([e,t])=>(0,a.createElement)(e,t)),...Array.isArray(i)?i:[i]])),i=(e,t)=>{let r=(0,a.forwardRef)(({className:r,...o},i)=>(0,a.createElement)(n,{ref:i,iconNode:t,className:l(`lucide-${s(e).replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${e}`,r),...o}));return r.displayName=s(e),r}},94928:(e,t,r)=>{r.d(t,{A:()=>a});let a=(0,r(78340).A)("trophy",[["path",{d:"M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978",key:"1n3hpd"}],["path",{d:"M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978",key:"rfe1zi"}],["path",{d:"M18 9h1.5a1 1 0 0 0 0-5H18",key:"7xy6bh"}],["path",{d:"M4 22h16",key:"57wxv0"}],["path",{d:"M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z",key:"1mhfuq"}],["path",{d:"M6 9H4.5a1 1 0 0 1 0-5H6",key:"tex48p"}]])}}]);