@tinyweb_dev/oe-exam-sdk 0.1.27 → 0.1.29

package/dist/components/features/exam-entry/entry-state-cards.js

@@ -1 +1,19 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{ROUTES as n}from"../../../shared/constants/routes";import{Clock as r,CheckCircle as i,XCircle as l,Loader2 as a,Play as s,Trophy as c}from"lucide-react";export function BeforeStartCard({countdown:n,formatCountdown:i}){return t("div",{className:"flex flex-col items-center justify-center rounded-2xl bg-black/20 px-6 py-8 text-center ring-1 ring-white/10 backdrop-blur-sm",children:[e(r,{className:"mb-3 h-10 w-10 text-amber-400"}),e("h2",{className:"mb-1 text-xl font-extrabold text-white",children:"Chưa đến giờ thi"}),e("p",{className:"mb-4 text-sm font-medium text-white/80",children:"Bài thi sẽ bắt đầu sau:"}),e("div",{className:"rounded-xl bg-black/30 px-6 py-3 ring-1 ring-white/5",children:e("p",{className:"font-mono text-2xl font-extrabold tracking-wider text-amber-300",children:i(n)})})]})}export function WithinWindowCard({autoStartCountdown:n,isStarting:r,showCountdown:i,onStartClick:l}){return t("div",i?{className:"flex flex-col items-center justify-center rounded-2xl bg-black/20 px-6 py-8 text-center ring-1 ring-white/10 backdrop-blur-sm",children:[e("h2",{className:"mb-4 text-xl font-extrabold text-white",children:"Chuẩn bị vào thi"}),e("div",{className:"flex h-16 w-16 items-center justify-center rounded-full bg-emerald-500/20 ring-2 ring-emerald-400/50",children:e("span",{className:"text-3xl font-extrabold text-emerald-300",children:n})}),t("p",{className:"mt-4 text-sm font-medium text-white/80",children:["Bài thi sẽ tự động bắt đầu sau ",n," giây"]}),r&&t("div",{className:"mt-3 flex items-center gap-2 text-sm font-medium text-emerald-300",children:[e(a,{className:"h-4 w-4 animate-spin"}),e("span",{children:"Đang bắt đầu bài thi..."})]})]}:{className:"flex flex-col items-center justify-center rounded-2xl bg-black/20 px-6 py-8 text-center ring-1 ring-white/10 backdrop-blur-sm",children:[e("h2",{className:"mb-6 text-xl font-extrabold text-white",children:"Sẵn sàng vào thi"}),e("button",{onClick:l,className:"group flex h-20 w-20 cursor-pointer items-center justify-center rounded-full bg-emerald-500 shadow-lg ring-4 ring-emerald-500/30 transition-all duration-200 hover:scale-105 hover:bg-emerald-400 active:scale-95",children:e(s,{className:"h-8 w-8 text-white transition-transform group-hover:scale-110",fill:"white"})}),e("p",{className:"mt-5 text-sm font-medium text-white/80",children:"Nhấn nút trên để bắt đầu bài thi"})]})}export function ExpiredCard(){return t("div",{className:"flex flex-col items-center justify-center rounded-2xl bg-black/20 px-6 py-8 text-center ring-1 ring-white/10 backdrop-blur-sm",children:[e(l,{className:"mb-3 h-10 w-10 text-red-400"}),e("h2",{className:"text-xl font-extrabold text-white",children:"Đã hết thời gian"}),e("p",{className:"mt-2 text-sm font-medium text-white/80",children:"Thời gian làm bài đã kết thúc"})]})}export function AlreadySubmittedCard({attempt:r}){return t("div",{className:"flex flex-col items-center justify-center rounded-2xl bg-black/20 px-6 py-8 text-center ring-1 ring-white/10 backdrop-blur-sm",children:[e(i,{className:"mb-3 h-10 w-10 text-emerald-400"}),e("h2",{className:"mb-4 text-xl font-extrabold text-white",children:"Đã hoàn thành bài thi"}),null!=r?.totalScore&&t("div",{className:"mb-5 flex items-center gap-3 rounded-xl bg-black/30 px-5 py-3 ring-1 ring-white/5",children:[e(c,{className:"h-5 w-5 text-yellow-400"}),e("span",{className:"text-sm font-semibold text-white/90",children:"Điểm số:"}),t("span",{className:"text-xl font-extrabold text-yellow-400",children:[r.totalScore,t("span",{className:"text-sm font-bold text-white/50",children:["/",r.maxScore]})]})]}),r?e("button",{className:"inline-flex cursor-pointer items-center gap-2 rounded-full bg-emerald-600 px-6 py-2.5 text-sm font-bold text-white shadow-lg transition-all duration-200 hover:-translate-y-0.5 hover:bg-emerald-500 active:translate-y-0 active:scale-95",onClick:()=>window.location.href=n.STUDENT.RESULT_DETAIL(r.id),children:"Xem chi tiết kết quả"}):e("p",{className:"text-sm font-medium text-white/80",children:"Phòng thi này không cho phép thi nhiều lần."})]})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ROUTES } from '../../../shared/constants/routes';
+import { Clock, CheckCircle, XCircle, Loader2, Play, Trophy } from 'lucide-react';
+export function BeforeStartCard({ countdown, formatCountdown }) {
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center rounded-2xl bg-black/20 px-6 py-8 text-center ring-1 ring-white/10 backdrop-blur-sm", children: [_jsx(Clock, { className: "mb-3 h-10 w-10 text-amber-400" }), _jsx("h2", { className: "mb-1 text-xl font-extrabold text-white", children: "Ch\u01B0a \u0111\u1EBFn gi\u1EDD thi" }), _jsx("p", { className: "mb-4 text-sm font-medium text-white/80", children: "B\u00E0i thi s\u1EBD b\u1EAFt \u0111\u1EA7u sau:" }), _jsx("div", { className: "rounded-xl bg-black/30 px-6 py-3 ring-1 ring-white/5", children: _jsx("p", { className: "font-mono text-2xl font-extrabold tracking-wider text-amber-300", children: formatCountdown(countdown) }) })] }));
+}
+export function WithinWindowCard({ autoStartCountdown, isStarting, showCountdown, onStartClick, }) {
+    if (!showCountdown) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center rounded-2xl bg-black/20 px-6 py-8 text-center ring-1 ring-white/10 backdrop-blur-sm", children: [_jsx("h2", { className: "mb-6 text-xl font-extrabold text-white", children: "S\u1EB5n s\u00E0ng v\u00E0o thi" }), _jsx("button", { onClick: onStartClick, className: "group flex h-20 w-20 cursor-pointer items-center justify-center rounded-full bg-emerald-500 shadow-lg ring-4 ring-emerald-500/30 transition-all duration-200 hover:scale-105 hover:bg-emerald-400 active:scale-95", children: _jsx(Play, { className: "h-8 w-8 text-white transition-transform group-hover:scale-110", fill: "white" }) }), _jsx("p", { className: "mt-5 text-sm font-medium text-white/80", children: "Nh\u1EA5n n\u00FAt tr\u00EAn \u0111\u1EC3 b\u1EAFt \u0111\u1EA7u b\u00E0i thi" })] }));
+    }
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center rounded-2xl bg-black/20 px-6 py-8 text-center ring-1 ring-white/10 backdrop-blur-sm", children: [_jsx("h2", { className: "mb-4 text-xl font-extrabold text-white", children: "Chu\u1EA9n b\u1ECB v\u00E0o thi" }), _jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-emerald-500/20 ring-2 ring-emerald-400/50", children: _jsx("span", { className: "text-3xl font-extrabold text-emerald-300", children: autoStartCountdown }) }), _jsxs("p", { className: "mt-4 text-sm font-medium text-white/80", children: ["B\u00E0i thi s\u1EBD t\u1EF1 \u0111\u1ED9ng b\u1EAFt \u0111\u1EA7u sau ", autoStartCountdown, " gi\u00E2y"] }), isStarting && (_jsxs("div", { className: "mt-3 flex items-center gap-2 text-sm font-medium text-emerald-300", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), _jsx("span", { children: "\u0110ang b\u1EAFt \u0111\u1EA7u b\u00E0i thi..." })] }))] }));
+}
+export function ExpiredCard() {
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center rounded-2xl bg-black/20 px-6 py-8 text-center ring-1 ring-white/10 backdrop-blur-sm", children: [_jsx(XCircle, { className: "mb-3 h-10 w-10 text-red-400" }), _jsx("h2", { className: "text-xl font-extrabold text-white", children: "\u0110\u00E3 h\u1EBFt th\u1EDDi gian" }), _jsx("p", { className: "mt-2 text-sm font-medium text-white/80", children: "Th\u1EDDi gian l\u00E0m b\u00E0i \u0111\u00E3 k\u1EBFt th\u00FAc" })] }));
+}
+export function AlreadySubmittedCard({ attempt }) {
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center rounded-2xl bg-black/20 px-6 py-8 text-center ring-1 ring-white/10 backdrop-blur-sm", children: [_jsx(CheckCircle, { className: "mb-3 h-10 w-10 text-emerald-400" }), _jsx("h2", { className: "mb-4 text-xl font-extrabold text-white", children: "\u0110\u00E3 ho\u00E0n th\u00E0nh b\u00E0i thi" }), attempt?.totalScore !== undefined && attempt?.totalScore !== null && (_jsxs("div", { className: "mb-5 flex items-center gap-3 rounded-xl bg-black/30 px-5 py-3 ring-1 ring-white/5", children: [_jsx(Trophy, { className: "h-5 w-5 text-yellow-400" }), _jsx("span", { className: "text-sm font-semibold text-white/90", children: "\u0110i\u1EC3m s\u1ED1:" }), _jsxs("span", { className: "text-xl font-extrabold text-yellow-400", children: [attempt.totalScore, _jsxs("span", { className: "text-sm font-bold text-white/50", children: ["/", attempt.maxScore] })] })] })), attempt ? (_jsx("button", { className: "inline-flex cursor-pointer items-center gap-2 rounded-full bg-emerald-600 px-6 py-2.5 text-sm font-bold text-white shadow-lg transition-all duration-200 hover:-translate-y-0.5 hover:bg-emerald-500 active:translate-y-0 active:scale-95", onClick: () => (window.location.href = ROUTES.STUDENT.RESULT_DETAIL(attempt.id)), children: "Xem chi ti\u1EBFt k\u1EBFt qu\u1EA3" })) : (_jsx("p", { className: "text-sm font-medium text-white/80", children: "Ph\u00F2ng thi n\u00E0y kh\u00F4ng cho ph\u00E9p thi nhi\u1EC1u l\u1EA7n." }))] }));
+}

package/dist/components/features/exam-entry/index.js

@@ -1 +1,2 @@
-export{ThemedWaitingRoom}from"./themed";export{BeforeStartCard,WithinWindowCard,ExpiredCard,AlreadySubmittedCard}from"./entry-state-cards";
+export { ThemedWaitingRoom } from './themed';
+export { BeforeStartCard, WithinWindowCard, ExpiredCard, AlreadySubmittedCard, } from './entry-state-cards';

package/dist/components/features/exam-entry/themed/CambridgeYleWaitingRoom.js

@@ -1 +1,121 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as n}from"react";import a from"next/image";import{Loader2 as i,Clock as l,Trophy as s,Layers as r,Target as c,HelpCircle as o,ChevronDown as h,X as m}from"lucide-react";import{PartRow as d,groupPartsByCategory as x}from"./cambridge-yle-waiting-parts";import p from"../../../../components/themes/cambridge-yle/assets/images/background-ocean-edu-2.png";import g from"../../../../components/themes/cambridge-yle/assets/images/frame.png";import u from"../../../../components/themes/cambridge-yle/assets/images/bg-title.png";import b from"../../../../components/themes/cambridge-yle/assets/images/close.png";import f from"../../../../components/themes/cambridge-yle/assets/images/rocket.png";const w=[{q:"Bài test này kéo dài bao lâu?",a:"Thời gian làm bài sẽ được hiển thị trên màn hình. Hãy theo dõi đồng hồ để phân bổ thời gian hợp lý."},{q:"Em có cần hoàn thành tất cả câu hỏi không?",a:"Để kết quả phản ánh chính xác nhất năng lực hiện tại, em cố gắng hoàn thành toàn bộ câu hỏi trong thời gian quy định."},{q:"Nếu mất mạng giữa chừng thì sao?",a:"Trong một số trường hợp, hệ thống có thể tự động lưu tiến trình làm bài. Hãy kết nối lại internet sớm nhất có thể. Tuy nhiên để tránh gián đoạn, em nên sử dụng kết nối internet ổn định trong suốt quá trình làm bài."},{q:"Em không nghe được audio thì phải làm sao?",a:"Em hãy kiểm tra loa, tai nghe và âm lượng thiết bị trước. Nếu vẫn gặp lỗi, hãy thử tải lại trang hoặc đổi sang trình duyệt khác để tiếp tục làm bài."},{q:"Trang web bị lag hoặc không tải được câu hỏi?",a:"Em có thể thử làm mới trang, kiểm tra lại kết nối internet hoặc đổi trình duyệt/thiết bị khác. Nếu tình trạng vẫn tiếp diễn, hãy liên hệ trung tâm để được hỗ trợ nhanh nhất."},{q:"Em có thể xem lại đáp án sau khi nộp bài không?",a:"Sau khi nộp bài, sẽ có phiếu kết quả AI chấm điểm trả về, phân tích từng câu hỏi em đã làm."},{q:"Nếu em nộp nhầm thì sao?",a:"Sau khi nộp bài, em sẽ không thể chỉnh sửa câu trả lời. Em có thể liên hệ thầy cô ở trung tâm để hỗ trợ làm lại bài khác."},{q:"Em có được dùng từ điển hoặc tài liệu không?",a:"Để kết quả phản ánh đúng năng lực hiện tại, em nên làm bài trong điều kiện tương tự một bài kiểm tra thực tế và hạn chế sử dụng tài liệu hỗ trợ."},{q:"Em cần chuẩn bị gì trước khi bắt đầu?",a:"Em nên chuẩn bị thiết bị có kết nối internet ổn định, tai nghe (nếu có phần Listening), không gian yên tĩnh và dành đủ thời gian để hoàn thành bài test liên tục."},{q:"Em nên làm gì nếu gặp lỗi hệ thống?",a:"Nếu gặp lỗi trong quá trình làm bài, em hãy chụp lại màn hình lỗi (nếu có) và liên hệ trung tâm để được hỗ trợ xử lý nhanh nhất."}];function v({className:t="",size:n=18}){return e("svg",{width:n,height:n,viewBox:"0 0 24 24",className:t,fill:"currentColor",children:e("path",{d:"M12 0l2.4 9.6L24 12l-9.6 2.4L12 24l-2.4-9.6L0 12l9.6-2.4L12 0z"})})}export function CambridgeYleWaitingRoom({room:i,onStart:f,isStarting:k,showCountdown:_,autoStartCountdown:C,closeRedirectUrl:z,onClose:j}){const q=i.exam?.name||"",S=i.contest?.name||"",E=i.exam?.parts??[],I=E.length>0?E.length:i.exam?.numberOfParts||1,B=i.exam?.durationMinutes||45,L=i.exam?.totalScore||100,T=i.exam?.passScore||0,W=i.exam?.level?.trim()||"",[P,$]=n(!1),[H,O]=n(0);return t("div",{className:"fixed inset-0 z-50 flex items-center justify-center overflow-hidden",children:[e("div",{className:"absolute inset-0 scale-105 bg-cover bg-center",style:{backgroundImage:`url(${p.src})`,filter:"blur(2px) brightness(0.8) saturate(0.9)"}}),e("div",{className:"absolute inset-0 bg-gradient-to-b from-blue-950/50 via-blue-900/40 to-blue-950/60"}),e(v,{className:"absolute left-[8%] top-[14%] text-yellow-300 drop-shadow-[0_0_8px_rgba(255,255,150,0.8)]",size:22}),e(v,{className:"absolute right-[10%] top-[10%] text-yellow-200 drop-shadow-[0_0_8px_rgba(255,255,150,0.8)]",size:16}),e(v,{className:"absolute left-[15%] bottom-[18%] text-white/80",size:14}),e(v,{className:"absolute right-[6%] bottom-[24%] text-yellow-300 drop-shadow-[0_0_8px_rgba(255,255,150,0.8)]",size:20}),e(v,{className:"absolute left-[45%] top-[8%] text-white/70",size:12}),e("div",{className:"relative z-10",style:{width:"min(98vw, calc(98vh * 1552 / 672), 1800px)"},children:t("div",{className:"relative aspect-[1552/672] w-full",children:[e(a,{src:g,alt:"",fill:!0,className:"object-contain",priority:!0,unoptimized:!0}),e("div",{className:"absolute left-1/2 top-0 z-20 max-w-[min(92%,720px,calc(100%-7rem))] -translate-x-1/2 -translate-y-1/2",children:e("div",{className:"relative flex h-[clamp(52px,7vw,72px)] min-w-[240px] max-w-full items-center justify-center px-6 pt-0.5 drop-shadow-xl sm:px-15",style:{borderStyle:"solid",borderColor:"transparent",borderWidth:0,borderImageSource:`url(${u.src})`,borderImageSlice:"10 85 fill",borderImageWidth:"0 calc(clamp(52px, 7vw, 72px) / 2)",borderImageRepeat:"stretch"},children:e("span",{className:"relative z-10 whitespace-nowrap text-center text-sm font-extrabold uppercase tracking-[0.12em] text-white drop-shadow sm:text-base sm:tracking-[0.15em]",children:S})})}),e("button",{onClick:()=>{j?j():z&&(window.location.href=z)},className:"absolute right-[7%] top-[-2%] z-30 cursor-pointer transition-transform hover:scale-110 active:scale-95","aria-label":"Close",children:e(a,{src:b,alt:"Close",width:56,height:56,unoptimized:!0})}),t("div",{className:"absolute inset-0 z-10 overflow-hidden px-[9%] pt-[4%] pb-[calc(7%+1.75rem)]",children:[t("div",{className:"flex h-full min-h-0 items-stretch gap-4",children:[t("div",{className:"mx-auto flex h-full w-full max-w-[560px] min-h-0 flex-[0_0_46%] flex-col gap-1",children:[e("h1",{className:"shrink-0 text-center text-2xl font-black uppercase tracking-wide text-white sm:text-3xl md:text-4xl lg:text-5xl 2xl:text-5xl",style:{fontWeight:900,margin:"0.1em 0",textShadow:["0 1px 0 #cfe3ff","0 2px 0 #a8c8ee","0 3px 0 #6f9cd4","0 4px 0 #4a7cb8","0 5px 0 #2f5e9c","0 6px 0 #1a4480","0 8px 12px rgba(0,0,0,0.45)","0 0 22px rgba(120,180,255,0.55)"].join(", ")},children:i.name}),W?e("div",{className:"flex w-full min-w-0 shrink-0 flex-col items-center gap-1 px-1",children:e("span",{className:"rounded-full bg-cyan-400/30 px-3 py-0.5 text-[11px] font-black uppercase tracking-wider text-cyan-100 ring-1 ring-cyan-300/60 shadow-sm backdrop-blur-xs",children:W})}):null,e("p",{className:"mt-0.5 hidden shrink-0 text-center text-sm font-bold text-[#21cffb] md:text-base 2xl:block 2xl:text-lg",children:"Đánh giá năng lực • Xác định lộ trình • Bứt phá tương lai"}),e("p",{className:"mx-auto mt-0.5 hidden max-w-2xl shrink-0 text-center text-xs font-medium text-cyan-50/90 drop-shadow-sm md:text-sm 2xl:block",children:"Bài thi giúp bạn biết chính xác trình độ hiện tại và được Ocean Edu tư vấn lộ trình học tập phù hợp nhất."}),t("div",{className:"mt-1.5 hidden shrink-0 items-center justify-center gap-2 2xl:flex",children:[e("span",{className:"h-px w-10 bg-white"}),e(v,{className:"text-white",size:12}),e("span",{className:"text-xs font-extrabold uppercase tracking-[0.3em] text-white md:text-sm",children:"Bài thi bao gồm"}),e(v,{className:"text-white",size:12}),e("span",{className:"h-px w-10 bg-white"})]}),t("div",{className:"mt-1.5 grid shrink-0 grid-cols-3 gap-2",children:[e(y,{icon:e(r,{className:"h-5 w-5"}),value:I,label:"Phần thi"}),e(y,{icon:e(l,{className:"h-5 w-5"}),value:B,label:"Phút"}),e(y,{icon:e(s,{className:"h-5 w-5"}),value:L,label:"Tổng điểm"})]}),E.length>0?t("div",{className:"mt-2 flex min-h-0 flex-1 flex-col overflow-hidden",children:[q?t("div",{className:"mb-2 flex w-full shrink-0 flex-col items-center py-1",title:q,children:[e("span",{className:"text-[11px] font-black uppercase tracking-[0.25em] text-cyan-300/90",children:"ĐỀ THI"}),e("h2",{className:"w-full truncate text-center text-base font-black uppercase tracking-wide text-white drop-shadow-sm sm:text-lg md:text-xl",children:q})]}):null,t("div",{className:"mb-2 flex shrink-0 items-center justify-between px-1",children:[e("span",{className:"text-xs font-black uppercase tracking-[0.2em] text-cyan-100 sm:text-sm",children:"Cấu trúc bài thi"}),T>0&&t("span",{className:"text-xs font-bold text-white/90 sm:text-sm",children:["Điểm đạt:"," ",t("span",{className:"font-black text-yellow-300",children:[T,"/",L]})]})]}),e("div",{className:"cambridge-scrollbar min-h-0 flex-1 overflow-y-auto pr-1 pb-2",children:e("div",{className:"space-y-2.5 pb-8",children:x(E).map(n=>t("div",{className:"space-y-1.5",children:[t("div",{className:"flex items-center gap-2 px-1",children:[e("span",{className:"flex-none text-[11px] font-extrabold uppercase tracking-[0.14em] text-cyan-200",children:n.label}),e("span",{className:"h-px flex-1 bg-white/15"}),n.totalPoints>0&&t("span",{className:"flex-none text-[11px] font-bold text-white/75",children:[n.totalPoints," điểm"]})]}),n.parts.map((t,a)=>e(d,{part:t,showSkill:!1},t.id||`${n.key}-${a}`))]},n.key))})})]}):T>0&&t("div",{className:"mt-1.5 flex shrink-0 items-center gap-3 rounded-xl bg-[#0000001c] px-3 py-2.5",children:[e("span",{className:"flex h-9 w-9 flex-none items-center justify-center rounded-full bg-[#00000021] text-white",children:e(c,{className:"h-4 w-4"})}),e("span",{className:"text-sm font-bold text-white md:text-base",children:"Điểm tối thiểu cần đạt"}),t("span",{className:"ml-auto text-sm font-black text-yellow-300 md:text-lg",children:[T,"/",L]})]})]}),e("div",{className:"relative hidden flex-[0_0_42%] md:block",children:e("div",{className:"absolute left-0 top-[4%] z-20 max-w-[60%]",children:t("div",{className:"relative rounded-2xl bg-white px-3 py-2 text-center text-[11px] font-semibold text-sky-900 shadow-xl ring-2 ring-sky-200 md:text-xs",children:["Cùng mình khám phá trình độ của bạn nhé!",e("span",{className:"absolute -bottom-1.5 right-6 h-3 w-3 rotate-45 bg-white ring-2 ring-sky-200"})]})})})]}),e("div",{className:"pointer-events-none absolute inset-x-[9%] bottom-[6%] z-20 flex justify-center",children:e("div",{className:"pointer-events-auto",children:e(N,{onClick:f,isStarting:k,showCountdown:_,autoStartCountdown:C})})})]})]})}),t("button",{type:"button",onClick:()=>$(!0),"aria-label":"Câu hỏi thường gặp",className:"group fixed bottom-5 right-5 z-40 inline-flex cursor-pointer items-center gap-2 rounded-full bg-gradient-to-b from-cyan-300 via-sky-500 to-sky-700 px-4 py-3 text-sm font-bold text-white shadow-[0_6px_0_0_#0c4a6e,0_10px_22px_rgba(14,165,233,0.45)] ring-2 ring-cyan-200/50 transition-all duration-150 hover:-translate-y-0.5 hover:brightness-110 active:translate-y-1 active:shadow-[0_1px_0_0_#0c4a6e,0_3px_8px_rgba(14,165,233,0.3)]",children:[e(o,{className:"h-5 w-5",strokeWidth:2.5}),e("span",{className:"hidden sm:inline",style:{textShadow:"0 1px 0 rgba(12,74,110,0.5)"},children:"Câu hỏi thường gặp"})]}),P&&t("div",{className:"fixed inset-0 z-[60] flex items-center justify-center p-4",role:"dialog","aria-modal":"true","aria-label":"Câu hỏi thường gặp",children:[e("div",{className:"absolute inset-0 bg-blue-950/70 backdrop-blur-sm",onClick:()=>$(!1)}),t("div",{className:"relative z-10 flex max-h-[85vh] w-full max-w-2xl flex-col overflow-hidden rounded-3xl bg-gradient-to-br from-cyan-300/20 via-white/5 to-white/0 p-px shadow-[0_20px_60px_-15px_rgba(10,75,140,0.7)] backdrop-blur-xl",children:[e("div",{className:"pointer-events-none absolute -left-12 -top-12 h-40 w-40 rounded-full bg-cyan-400/30 blur-3xl"}),e("div",{className:"pointer-events-none absolute -right-12 -bottom-12 h-40 w-40 rounded-full bg-sky-500/25 blur-3xl"}),t("div",{className:"relative flex max-h-[85vh] flex-col overflow-hidden rounded-[calc(1.5rem-1px)] bg-gradient-to-b from-[#0e3d70]/95 via-[#0a4b8c]/95 to-[#0a3866]/95 ring-1 ring-cyan-300/20",children:[t("div",{className:"flex items-center gap-3 px-6 py-5",children:[e("div",{className:"flex h-12 w-12 flex-none items-center justify-center rounded-full bg-gradient-to-br from-cyan-300 to-sky-600 shadow-[0_6px_18px_-4px_rgba(34,211,238,0.6)] ring-4 ring-cyan-300/20",children:e(o,{className:"h-6 w-6 text-white",strokeWidth:2.5})}),t("div",{className:"flex-1",children:[e("h2",{className:"text-lg font-extrabold tracking-tight text-white drop-shadow-md",children:"Câu hỏi thường gặp"}),e("p",{className:"mt-0.5 text-xs font-medium text-cyan-100/70",children:"Những điều cần biết trước khi làm bài"})]}),e("button",{type:"button",onClick:()=>$(!1),"aria-label":"Đóng",className:"flex h-9 w-9 flex-none cursor-pointer items-center justify-center rounded-full bg-white/10 text-white/80 ring-1 ring-white/15 transition-all duration-150 hover:bg-white/20 hover:text-white",children:e(m,{className:"h-5 w-5"})})]}),e("div",{className:"mx-6 h-px bg-gradient-to-r from-transparent via-cyan-300/25 to-transparent"}),e("div",{className:"flex-1 overflow-y-auto px-4 py-4 sm:px-6",children:e("ul",{className:"space-y-2",children:w.map((n,a)=>{const i=H===a;return t("li",{className:"overflow-hidden rounded-2xl ring-1 transition-colors duration-200 "+(i?"bg-white/[0.08] ring-cyan-300/30":"bg-white/[0.04] ring-white/10 hover:bg-white/[0.06]"),children:[t("button",{type:"button",onClick:()=>O(i?null:a),className:"flex w-full cursor-pointer items-center gap-3 px-4 py-3 text-left","aria-expanded":i,children:[e("span",{className:"flex h-7 w-7 flex-none items-center justify-center rounded-full text-xs font-black transition-colors "+(i?"bg-gradient-to-br from-yellow-300 to-orange-500 text-white":"bg-white/10 text-cyan-100"),children:a+1}),e("span",{className:"flex-1 text-sm font-bold text-white",children:n.q}),e(h,{className:"h-5 w-5 flex-none text-cyan-200 transition-transform duration-200 "+(i?"rotate-180":"")})]}),e("div",{className:"grid transition-all duration-200 "+(i?"grid-rows-[1fr] opacity-100":"grid-rows-[0fr] opacity-0"),children:e("div",{className:"overflow-hidden",children:e("p",{className:"px-4 pb-4 pl-14 text-sm leading-relaxed text-cyan-50/90",children:n.a})})})]},a)})})}),e("div",{className:"border-t border-white/10 bg-white/[0.03] px-6 py-3 text-center text-xs text-cyan-100/60",children:"Cần hỗ trợ thêm? Liên hệ trung tâm Ocean Edu để được giải đáp."})]})]})]})]})}function y({icon:n,value:a,label:i}){return t("div",{className:"flex items-center justify-center gap-2 rounded-2xl bg-black/25 px-2 py-2 ring-1 ring-white/10 shadow-inner",children:[e("span",{className:"flex h-8 w-8 flex-none items-center justify-center rounded-full bg-cyan-400/20 text-cyan-200 ring-1 ring-cyan-300/30 md:h-9 md:w-9",children:n}),t("div",{className:"flex flex-col items-start leading-tight",children:[e("div",{className:"text-xl font-black text-white md:text-2xl",children:a}),e("div",{className:"text-[11px] font-extrabold text-cyan-100/95 md:text-xs",children:i})]})]})}function N({onClick:n,isStarting:l,showCountdown:s,autoStartCountdown:r}){return s?e("div",{className:"inline-flex h-14 w-48 items-center justify-center rounded-full bg-yellow-400 text-2xl font-black text-[#1a3a6e]",children:r}):t("button",{onClick:n,disabled:l,className:"group relative inline-flex cursor-pointer items-center gap-3 rounded-full bg-gradient-to-b from-[#ffd54a] via-[#ffb733] to-[#ff8a1f] py-2.5 pl-8 pr-10 shadow-[0_6px_0_0_#c46410,0_10px_18px_rgba(0,0,0,0.4)] ring-2 ring-orange-300/60 transition-all duration-150 hover:-translate-y-0.5 hover:brightness-110 hover:shadow-[0_8px_0_0_#c46410,0_14px_22px_rgba(0,0,0,0.45)] active:translate-y-1.5 active:shadow-[0_1px_0_0_#c46410,0_2px_6px_rgba(0,0,0,0.3)] disabled:cursor-not-allowed disabled:opacity-70",children:[l?e(i,{className:"h-7 w-7 animate-spin text-white"}):e(a,{src:f,alt:"",width:36,height:36,unoptimized:!0}),e("span",{className:"text-xl font-black text-white",style:{color:"#685030"},children:"Bắt đầu"})]})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import Image from 'next/image';
+import { Loader2, Clock, Trophy, Layers, Target, HelpCircle, ChevronDown, X } from 'lucide-react';
+import { PartRow, groupPartsByCategory } from './cambridge-yle-waiting-parts';
+import bgImage from '../../../../components/themes/cambridge-yle/assets/images/background-ocean-edu-2.png';
+import frameImage from '../../../../components/themes/cambridge-yle/assets/images/frame.png';
+import bgTitleImage from '../../../../components/themes/cambridge-yle/assets/images/bg-title.png';
+import closeImage from '../../../../components/themes/cambridge-yle/assets/images/close.png';
+import rocketImage from '../../../../components/themes/cambridge-yle/assets/images/rocket.png';
+const FAQS = [
+    {
+        q: 'Bài test này kéo dài bao lâu?',
+        a: 'Thời gian làm bài sẽ được hiển thị trên màn hình. Hãy theo dõi đồng hồ để phân bổ thời gian hợp lý.',
+    },
+    {
+        q: 'Em có cần hoàn thành tất cả câu hỏi không?',
+        a: 'Để kết quả phản ánh chính xác nhất năng lực hiện tại, em cố gắng hoàn thành toàn bộ câu hỏi trong thời gian quy định.',
+    },
+    {
+        q: 'Nếu mất mạng giữa chừng thì sao?',
+        a: 'Trong một số trường hợp, hệ thống có thể tự động lưu tiến trình làm bài. Hãy kết nối lại internet sớm nhất có thể. Tuy nhiên để tránh gián đoạn, em nên sử dụng kết nối internet ổn định trong suốt quá trình làm bài.',
+    },
+    {
+        q: 'Em không nghe được audio thì phải làm sao?',
+        a: 'Em hãy kiểm tra loa, tai nghe và âm lượng thiết bị trước. Nếu vẫn gặp lỗi, hãy thử tải lại trang hoặc đổi sang trình duyệt khác để tiếp tục làm bài.',
+    },
+    {
+        q: 'Trang web bị lag hoặc không tải được câu hỏi?',
+        a: 'Em có thể thử làm mới trang, kiểm tra lại kết nối internet hoặc đổi trình duyệt/thiết bị khác. Nếu tình trạng vẫn tiếp diễn, hãy liên hệ trung tâm để được hỗ trợ nhanh nhất.',
+    },
+    {
+        q: 'Em có thể xem lại đáp án sau khi nộp bài không?',
+        a: 'Sau khi nộp bài, sẽ có phiếu kết quả AI chấm điểm trả về, phân tích từng câu hỏi em đã làm.',
+    },
+    {
+        q: 'Nếu em nộp nhầm thì sao?',
+        a: 'Sau khi nộp bài, em sẽ không thể chỉnh sửa câu trả lời. Em có thể liên hệ thầy cô ở trung tâm để hỗ trợ làm lại bài khác.',
+    },
+    {
+        q: 'Em có được dùng từ điển hoặc tài liệu không?',
+        a: 'Để kết quả phản ánh đúng năng lực hiện tại, em nên làm bài trong điều kiện tương tự một bài kiểm tra thực tế và hạn chế sử dụng tài liệu hỗ trợ.',
+    },
+    {
+        q: 'Em cần chuẩn bị gì trước khi bắt đầu?',
+        a: 'Em nên chuẩn bị thiết bị có kết nối internet ổn định, tai nghe (nếu có phần Listening), không gian yên tĩnh và dành đủ thời gian để hoàn thành bài test liên tục.',
+    },
+    {
+        q: 'Em nên làm gì nếu gặp lỗi hệ thống?',
+        a: 'Nếu gặp lỗi trong quá trình làm bài, em hãy chụp lại màn hình lỗi (nếu có) và liên hệ trung tâm để được hỗ trợ xử lý nhanh nhất.',
+    },
+];
+function Sparkle({ className = '', size = 18 }) {
+    return (_jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", className: className, fill: "currentColor", children: _jsx("path", { d: "M12 0l2.4 9.6L24 12l-9.6 2.4L12 24l-2.4-9.6L0 12l9.6-2.4L12 0z" }) }));
+}
+export function CambridgeYleWaitingRoom({ room, onStart, isStarting, showCountdown, autoStartCountdown, closeRedirectUrl, onClose, }) {
+    const examName = room.exam?.name || '';
+    const contestName = room.contest?.name || '';
+    const examParts = room.exam?.parts ?? [];
+    const parts = examParts.length > 0
+        ? examParts.length
+        : room.exam?.numberOfParts || 1;
+    const duration = room.exam?.durationMinutes || 45;
+    const maxScore = room.exam?.totalScore || 100;
+    const passScore = room.exam?.passScore || 0;
+    const level = room.exam?.level?.trim() || '';
+    const [faqOpen, setFaqOpen] = useState(false);
+    const [openIndex, setOpenIndex] = useState(0);
+    const handleClose = () => {
+        if (onClose) {
+            onClose();
+        }
+        else if (closeRedirectUrl) {
+            window.location.href = closeRedirectUrl;
+        }
+    };
+    return (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 scale-105 bg-cover bg-center", style: {
+                    backgroundImage: `url(${bgImage.src})`,
+                    filter: 'blur(2px) brightness(0.8) saturate(0.9)',
+                } }), _jsx("div", { className: "absolute inset-0 bg-gradient-to-b from-blue-950/50 via-blue-900/40 to-blue-950/60" }), _jsx(Sparkle, { className: "absolute left-[8%] top-[14%] text-yellow-300 drop-shadow-[0_0_8px_rgba(255,255,150,0.8)]", size: 22 }), _jsx(Sparkle, { className: "absolute right-[10%] top-[10%] text-yellow-200 drop-shadow-[0_0_8px_rgba(255,255,150,0.8)]", size: 16 }), _jsx(Sparkle, { className: "absolute left-[15%] bottom-[18%] text-white/80", size: 14 }), _jsx(Sparkle, { className: "absolute right-[6%] bottom-[24%] text-yellow-300 drop-shadow-[0_0_8px_rgba(255,255,150,0.8)]", size: 20 }), _jsx(Sparkle, { className: "absolute left-[45%] top-[8%] text-white/70", size: 12 }), _jsx("div", { className: "relative z-10", style: { width: 'min(98vw, calc(98vh * 1552 / 672), 1800px)' }, children: _jsxs("div", { className: "relative aspect-[1552/672] w-full", children: [_jsx(Image, { src: frameImage, alt: "", fill: true, className: "object-contain", priority: true, unoptimized: true }), _jsx("div", { className: "absolute left-1/2 top-0 z-20 max-w-[min(92%,720px,calc(100%-7rem))] -translate-x-1/2 -translate-y-1/2", children: _jsx("div", { className: "relative flex h-[clamp(52px,7vw,72px)] min-w-[240px] max-w-full items-center justify-center px-6 pt-0.5 drop-shadow-xl sm:px-15", style: {
+                                    // 9-slice: left/right ~ half height so pill ends stay circular; only center stretches
+                                    borderStyle: 'solid',
+                                    borderColor: 'transparent',
+                                    borderWidth: 0,
+                                    borderImageSource: `url(${bgTitleImage.src})`,
+                                    // Source 512×171 — lock ~85px side caps (≈ half height of asset)
+                                    borderImageSlice: '10 85 fill',
+                                    borderImageWidth: '0 calc(clamp(52px, 7vw, 72px) / 2)',
+                                    borderImageRepeat: 'stretch',
+                                }, children: _jsx("span", { className: "relative z-10 whitespace-nowrap text-center text-sm font-extrabold uppercase tracking-[0.12em] text-white drop-shadow sm:text-base sm:tracking-[0.15em]", children: contestName }) }) }), _jsx("button", { onClick: handleClose, className: "absolute right-[7%] top-[-2%] z-30 cursor-pointer transition-transform hover:scale-110 active:scale-95", "aria-label": "Close", children: _jsx(Image, { src: closeImage, alt: "Close", width: 56, height: 56, unoptimized: true }) }), _jsxs("div", { className: "absolute inset-0 z-10 overflow-hidden px-[9%] pt-[4%] pb-[calc(7%+1.75rem)]", children: [_jsxs("div", { className: "flex h-full min-h-0 items-stretch gap-4", children: [_jsxs("div", { className: "mx-auto flex h-full w-full max-w-[560px] min-h-0 flex-[0_0_46%] flex-col gap-1", children: [_jsx("h1", { className: "shrink-0 text-center text-2xl font-black uppercase tracking-wide text-white sm:text-3xl md:text-4xl lg:text-5xl 2xl:text-5xl", style: {
+                                                        fontWeight: 900,
+                                                        margin: '0.1em 0',
+                                                        textShadow: [
+                                                            '0 1px 0 #cfe3ff',
+                                                            '0 2px 0 #a8c8ee',
+                                                            '0 3px 0 #6f9cd4',
+                                                            '0 4px 0 #4a7cb8',
+                                                            '0 5px 0 #2f5e9c',
+                                                            '0 6px 0 #1a4480',
+                                                            '0 8px 12px rgba(0,0,0,0.45)',
+                                                            '0 0 22px rgba(120,180,255,0.55)',
+                                                        ].join(', '),
+                                                    }, children: room.name }), level ? (_jsx("div", { className: "flex w-full min-w-0 shrink-0 flex-col items-center gap-1 px-1", children: _jsx("span", { className: "rounded-full bg-cyan-400/30 px-3 py-0.5 text-[11px] font-black uppercase tracking-wider text-cyan-100 ring-1 ring-cyan-300/60 shadow-sm backdrop-blur-xs", children: level }) })) : null, _jsx("p", { className: "mt-0.5 hidden shrink-0 text-center text-sm font-bold text-[#21cffb] md:text-base 2xl:block 2xl:text-lg", children: "\u0110\u00E1nh gi\u00E1 n\u0103ng l\u1EF1c \u2022 X\u00E1c \u0111\u1ECBnh l\u1ED9 tr\u00ECnh \u2022 B\u1EE9t ph\u00E1 t\u01B0\u01A1ng lai" }), _jsx("p", { className: "mx-auto mt-0.5 hidden max-w-2xl shrink-0 text-center text-xs font-medium text-cyan-50/90 drop-shadow-sm md:text-sm 2xl:block", children: "B\u00E0i thi gi\u00FAp b\u1EA1n bi\u1EBFt ch\u00EDnh x\u00E1c tr\u00ECnh \u0111\u1ED9 hi\u1EC7n t\u1EA1i v\u00E0 \u0111\u01B0\u1EE3c Ocean Edu t\u01B0 v\u1EA5n l\u1ED9 tr\u00ECnh h\u1ECDc t\u1EADp ph\u00F9 h\u1EE3p nh\u1EA5t." }), _jsxs("div", { className: "mt-1.5 hidden shrink-0 items-center justify-center gap-2 2xl:flex", children: [_jsx("span", { className: "h-px w-10 bg-white" }), _jsx(Sparkle, { className: "text-white", size: 12 }), _jsx("span", { className: "text-xs font-extrabold uppercase tracking-[0.3em] text-white md:text-sm", children: "B\u00E0i thi bao g\u1ED3m" }), _jsx(Sparkle, { className: "text-white", size: 12 }), _jsx("span", { className: "h-px w-10 bg-white" })] }), _jsxs("div", { className: "mt-1.5 grid shrink-0 grid-cols-3 gap-2", children: [_jsx(StatCard, { icon: _jsx(Layers, { className: "h-5 w-5" }), value: parts, label: "Ph\u1EA7n thi" }), _jsx(StatCard, { icon: _jsx(Clock, { className: "h-5 w-5" }), value: duration, label: "Ph\u00FAt" }), _jsx(StatCard, { icon: _jsx(Trophy, { className: "h-5 w-5" }), value: maxScore, label: "T\u1ED5ng \u0111i\u1EC3m" })] }), examParts.length > 0 ? (_jsxs("div", { className: "mt-2 flex min-h-0 flex-1 flex-col overflow-hidden", children: [examName ? (_jsxs("div", { className: "mb-2 flex w-full shrink-0 flex-col items-center py-1", title: examName, children: [_jsx("span", { className: "text-[11px] font-black uppercase tracking-[0.25em] text-cyan-300/90", children: "\u0110\u1EC0 THI" }), _jsx("h2", { className: "w-full truncate text-center text-base font-black uppercase tracking-wide text-white drop-shadow-sm sm:text-lg md:text-xl", children: examName })] })) : null, _jsxs("div", { className: "mb-2 flex shrink-0 items-center justify-between px-1", children: [_jsx("span", { className: "text-xs font-black uppercase tracking-[0.2em] text-cyan-100 sm:text-sm", children: "C\u1EA5u tr\u00FAc b\u00E0i thi" }), passScore > 0 && (_jsxs("span", { className: "text-xs font-bold text-white/90 sm:text-sm", children: ["\u0110i\u1EC3m \u0111\u1EA1t:", ' ', _jsxs("span", { className: "font-black text-yellow-300", children: [passScore, "/", maxScore] })] }))] }), _jsx("div", { className: "cambridge-scrollbar min-h-0 flex-1 overflow-y-auto pr-1 pb-2", children: _jsx("div", { className: "space-y-2.5 pb-8", children: groupPartsByCategory(examParts).map((group) => (_jsxs("div", { className: "space-y-1.5", children: [_jsxs("div", { className: "flex items-center gap-2 px-1", children: [_jsx("span", { className: "flex-none text-[11px] font-extrabold uppercase tracking-[0.14em] text-cyan-200", children: group.label }), _jsx("span", { className: "h-px flex-1 bg-white/15" }), group.totalPoints > 0 && (_jsxs("span", { className: "flex-none text-[11px] font-bold text-white/75", children: [group.totalPoints, " \u0111i\u1EC3m"] }))] }), group.parts.map((part, index) => (_jsx(PartRow, { part: part, showSkill: false }, part.id || `${group.key}-${index}`)))] }, group.key))) }) })] })) : (passScore > 0 && (_jsxs("div", { className: "mt-1.5 flex shrink-0 items-center gap-3 rounded-xl bg-[#0000001c] px-3 py-2.5", children: [_jsx("span", { className: "flex h-9 w-9 flex-none items-center justify-center rounded-full bg-[#00000021] text-white", children: _jsx(Target, { className: "h-4 w-4" }) }), _jsx("span", { className: "text-sm font-bold text-white md:text-base", children: "\u0110i\u1EC3m t\u1ED1i thi\u1EC3u c\u1EA7n \u0111\u1EA1t" }), _jsxs("span", { className: "ml-auto text-sm font-black text-yellow-300 md:text-lg", children: [passScore, "/", maxScore] })] })))] }), _jsx("div", { className: "relative hidden flex-[0_0_42%] md:block", children: _jsx("div", { className: "absolute left-0 top-[4%] z-20 max-w-[60%]", children: _jsxs("div", { className: "relative rounded-2xl bg-white px-3 py-2 text-center text-[11px] font-semibold text-sky-900 shadow-xl ring-2 ring-sky-200 md:text-xs", children: ["C\u00F9ng m\u00ECnh kh\u00E1m ph\u00E1 tr\u00ECnh \u0111\u1ED9 c\u1EE7a b\u1EA1n nh\u00E9!", _jsx("span", { className: "absolute -bottom-1.5 right-6 h-3 w-3 rotate-45 bg-white ring-2 ring-sky-200" })] }) }) })] }), _jsx("div", { className: "pointer-events-none absolute inset-x-[9%] bottom-[6%] z-20 flex justify-center", children: _jsx("div", { className: "pointer-events-auto", children: _jsx(StartOvalButton, { onClick: onStart, isStarting: isStarting, showCountdown: showCountdown, autoStartCountdown: autoStartCountdown }) }) })] })] }) }), _jsxs("button", { type: "button", onClick: () => setFaqOpen(true), "aria-label": "C\u00E2u h\u1ECFi th\u01B0\u1EDDng g\u1EB7p", className: "group fixed bottom-5 right-5 z-40 inline-flex cursor-pointer items-center gap-2 rounded-full bg-gradient-to-b from-cyan-300 via-sky-500 to-sky-700 px-4 py-3 text-sm font-bold text-white shadow-[0_6px_0_0_#0c4a6e,0_10px_22px_rgba(14,165,233,0.45)] ring-2 ring-cyan-200/50 transition-all duration-150 hover:-translate-y-0.5 hover:brightness-110 active:translate-y-1 active:shadow-[0_1px_0_0_#0c4a6e,0_3px_8px_rgba(14,165,233,0.3)]", children: [_jsx(HelpCircle, { className: "h-5 w-5", strokeWidth: 2.5 }), _jsx("span", { className: "hidden sm:inline", style: { textShadow: '0 1px 0 rgba(12,74,110,0.5)' }, children: "C\u00E2u h\u1ECFi th\u01B0\u1EDDng g\u1EB7p" })] }), faqOpen && (_jsxs("div", { className: "fixed inset-0 z-[60] flex items-center justify-center p-4", role: "dialog", "aria-modal": "true", "aria-label": "C\u00E2u h\u1ECFi th\u01B0\u1EDDng g\u1EB7p", children: [_jsx("div", { className: "absolute inset-0 bg-blue-950/70 backdrop-blur-sm", onClick: () => setFaqOpen(false) }), _jsxs("div", { className: "relative z-10 flex max-h-[85vh] w-full max-w-2xl flex-col overflow-hidden rounded-3xl bg-gradient-to-br from-cyan-300/20 via-white/5 to-white/0 p-px shadow-[0_20px_60px_-15px_rgba(10,75,140,0.7)] backdrop-blur-xl", children: [_jsx("div", { className: "pointer-events-none absolute -left-12 -top-12 h-40 w-40 rounded-full bg-cyan-400/30 blur-3xl" }), _jsx("div", { className: "pointer-events-none absolute -right-12 -bottom-12 h-40 w-40 rounded-full bg-sky-500/25 blur-3xl" }), _jsxs("div", { className: "relative flex max-h-[85vh] flex-col overflow-hidden rounded-[calc(1.5rem-1px)] bg-gradient-to-b from-[#0e3d70]/95 via-[#0a4b8c]/95 to-[#0a3866]/95 ring-1 ring-cyan-300/20", children: [_jsxs("div", { className: "flex items-center gap-3 px-6 py-5", children: [_jsx("div", { className: "flex h-12 w-12 flex-none items-center justify-center rounded-full bg-gradient-to-br from-cyan-300 to-sky-600 shadow-[0_6px_18px_-4px_rgba(34,211,238,0.6)] ring-4 ring-cyan-300/20", children: _jsx(HelpCircle, { className: "h-6 w-6 text-white", strokeWidth: 2.5 }) }), _jsxs("div", { className: "flex-1", children: [_jsx("h2", { className: "text-lg font-extrabold tracking-tight text-white drop-shadow-md", children: "C\u00E2u h\u1ECFi th\u01B0\u1EDDng g\u1EB7p" }), _jsx("p", { className: "mt-0.5 text-xs font-medium text-cyan-100/70", children: "Nh\u1EEFng \u0111i\u1EC1u c\u1EA7n bi\u1EBFt tr\u01B0\u1EDBc khi l\u00E0m b\u00E0i" })] }), _jsx("button", { type: "button", onClick: () => setFaqOpen(false), "aria-label": "\u0110\u00F3ng", className: "flex h-9 w-9 flex-none cursor-pointer items-center justify-center rounded-full bg-white/10 text-white/80 ring-1 ring-white/15 transition-all duration-150 hover:bg-white/20 hover:text-white", children: _jsx(X, { className: "h-5 w-5" }) })] }), _jsx("div", { className: "mx-6 h-px bg-gradient-to-r from-transparent via-cyan-300/25 to-transparent" }), _jsx("div", { className: "flex-1 overflow-y-auto px-4 py-4 sm:px-6", children: _jsx("ul", { className: "space-y-2", children: FAQS.map((item, idx) => {
+                                                const isOpen = openIndex === idx;
+                                                return (_jsxs("li", { className: `overflow-hidden rounded-2xl ring-1 transition-colors duration-200 ${isOpen
+                                                        ? 'bg-white/[0.08] ring-cyan-300/30'
+                                                        : 'bg-white/[0.04] ring-white/10 hover:bg-white/[0.06]'}`, children: [_jsxs("button", { type: "button", onClick: () => setOpenIndex(isOpen ? null : idx), className: "flex w-full cursor-pointer items-center gap-3 px-4 py-3 text-left", "aria-expanded": isOpen, children: [_jsx("span", { className: `flex h-7 w-7 flex-none items-center justify-center rounded-full text-xs font-black transition-colors ${isOpen
+                                                                        ? 'bg-gradient-to-br from-yellow-300 to-orange-500 text-white'
+                                                                        : 'bg-white/10 text-cyan-100'}`, children: idx + 1 }), _jsx("span", { className: "flex-1 text-sm font-bold text-white", children: item.q }), _jsx(ChevronDown, { className: `h-5 w-5 flex-none text-cyan-200 transition-transform duration-200 ${isOpen ? 'rotate-180' : ''}` })] }), _jsx("div", { className: `grid transition-all duration-200 ${isOpen ? 'grid-rows-[1fr] opacity-100' : 'grid-rows-[0fr] opacity-0'}`, children: _jsx("div", { className: "overflow-hidden", children: _jsx("p", { className: "px-4 pb-4 pl-14 text-sm leading-relaxed text-cyan-50/90", children: item.a }) }) })] }, idx));
+                                            }) }) }), _jsx("div", { className: "border-t border-white/10 bg-white/[0.03] px-6 py-3 text-center text-xs text-cyan-100/60", children: "C\u1EA7n h\u1ED7 tr\u1EE3 th\u00EAm? Li\u00EAn h\u1EC7 trung t\u00E2m Ocean Edu \u0111\u1EC3 \u0111\u01B0\u1EE3c gi\u1EA3i \u0111\u00E1p." })] })] })] }))] }));
+}
+function StatCard({ icon, value, label, }) {
+    return (_jsxs("div", { className: "flex items-center justify-center gap-2 rounded-2xl bg-black/25 px-2 py-2 ring-1 ring-white/10 shadow-inner", children: [_jsx("span", { className: "flex h-8 w-8 flex-none items-center justify-center rounded-full bg-cyan-400/20 text-cyan-200 ring-1 ring-cyan-300/30 md:h-9 md:w-9", children: icon }), _jsxs("div", { className: "flex flex-col items-start leading-tight", children: [_jsx("div", { className: "text-xl font-black text-white md:text-2xl", children: value }), _jsx("div", { className: "text-[11px] font-extrabold text-cyan-100/95 md:text-xs", children: label })] })] }));
+}
+function StartOvalButton({ onClick, isStarting, showCountdown, autoStartCountdown, }) {
+    if (showCountdown) {
+        return (_jsx("div", { className: "inline-flex h-14 w-48 items-center justify-center rounded-full bg-yellow-400 text-2xl font-black text-[#1a3a6e]", children: autoStartCountdown }));
+    }
+    return (_jsxs("button", { onClick: onClick, disabled: isStarting, className: "group relative inline-flex cursor-pointer items-center gap-3 rounded-full bg-gradient-to-b from-[#ffd54a] via-[#ffb733] to-[#ff8a1f] py-2.5 pl-8 pr-10 shadow-[0_6px_0_0_#c46410,0_10px_18px_rgba(0,0,0,0.4)] ring-2 ring-orange-300/60 transition-all duration-150 hover:-translate-y-0.5 hover:brightness-110 hover:shadow-[0_8px_0_0_#c46410,0_14px_22px_rgba(0,0,0,0.45)] active:translate-y-1.5 active:shadow-[0_1px_0_0_#c46410,0_2px_6px_rgba(0,0,0,0.3)] disabled:cursor-not-allowed disabled:opacity-70", children: [isStarting ? (_jsx(Loader2, { className: "h-7 w-7 animate-spin text-white" })) : (_jsx(Image, { src: rocketImage, alt: "", width: 36, height: 36, unoptimized: true })), _jsx("span", { className: "text-xl font-black text-white", style: { color: '#685030' }, children: "B\u1EAFt \u0111\u1EA7u" })] }));
+}

package/dist/components/features/exam-entry/themed/ThemedWaitingRoom.js

@@ -1 +1,37 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import a from"next/image";import{ROUTES as s}from"../../../../shared/constants/routes";import{CloseButton as i,ModeSelector as o,ExamInfoPanel as r,StartButton as n}from"./components";export function ThemedWaitingRoom({room:l,theme:c,onStart:d,isStarting:m,showCountdown:u,autoStartCountdown:h,closeRedirectUrl:p}){const b=l.name,g={parts:l.exam?.numberOfParts||1,duration:l.exam?.durationMinutes||15,maxScore:l.exam?.totalScore||8,passScore:l.exam?.passScore||0,examName:l.exam?.name,contestClassification:l.contest?.classification,level:l.exam?.level},f=c.visuals?.backgroundFilter??"grayscale(1) blur(10px) saturate(0.85) brightness(0.9)",v=c.visuals?.backgroundOverlay??"linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent, rgba(0, 0, 0, 0.3))",x=c.visuals?.cardBackground??"radial-gradient(60% 60% at 50% 40%, rgba(184, 229, 157, 0.85) 0%, rgba(115, 213, 133, 0.85) 100%)";return t("div",{className:"fixed inset-0 z-50 flex items-center justify-center overflow-hidden",children:[e("div",{className:"absolute inset-0 scale-110 bg-cover bg-center",style:{backgroundImage:`url(${c.assets.background})`,filter:f}}),e("div",{className:"absolute inset-0",style:{background:v}}),t("div",{className:"relative z-10 w-[88%] max-w-2xl sm:w-[70%] md:w-[50%] lg:w-[42%]",children:[e(i,{imageSrc:c.assets.closeButton,onClick:()=>{"undefined"!=typeof window&&(window.location.href=p||s.STUDENT.CONTESTS_DISCOVER)},className:"absolute -right-3 -top-7 z-30",size:72}),t("div",{className:"absolute left-1/2 top-0 z-10 -translate-x-1/2 -translate-y-1/2",children:[e(a,{src:c.assets.titleBar,alt:"",width:260,height:56,className:"drop-shadow-lg",style:void 0,priority:!0,unoptimized:!0}),e("span",{className:"absolute mt-2.5 inset-0 flex items-center justify-center pb-1 text-sm font-extrabold tracking-wider text-white drop-shadow",children:c.displayName})]}),e("div",{className:"relative overflow-hidden rounded-3xl p-[3px] shadow-2xl",style:{background:"linear-gradient(180deg, #38bdf8 0%, #0ea5e9 35%, #0473f9 70%, #1d4ed8 100%)"},children:e("div",{className:"overflow-hidden rounded-[calc(1.5rem-3px)] ring-1 ring-white/30",children:t("div",{className:"relative p-6 pt-12 md:p-8 md:pt-14 lg:p-10 lg:pt-16",style:{background:x},children:[e("div",{className:"mb-5",children:e(o,{label:b,theme:c})}),e("div",{className:"mb-6",children:e(r,{parts:g.parts,duration:g.duration,maxScore:g.maxScore,passScore:g.passScore,examName:g.examName,contestClassification:g.contestClassification,level:g.level,theme:c})}),e("div",{className:"flex justify-center pb-2",children:e(n,{onClick:d,isLoading:m,showCountdown:u,countdown:h,rocketSrc:c.assets.startIcon,theme:c})}),e("div",{className:"pointer-events-none absolute -bottom-1 -left-1 opacity-60",children:e(a,{src:c.assets.bottomLeft,alt:"",width:80,height:80,unoptimized:!0})}),e("div",{className:"pointer-events-none absolute -bottom-1 -right-1 opacity-60",children:e(a,{src:c.assets.bottomRight,alt:"",width:80,height:80,unoptimized:!0})})]})})})]}),c.assets.feedbackButton&&e("button",{className:"absolute bottom-4 right-0 z-20 transition-transform hover:scale-105","aria-label":"Báo cáo lỗi",children:e(a,{src:c.assets.feedbackButton,alt:"Báo cáo lỗi",width:35,height:100,unoptimized:!0})})]})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from 'next/image';
+import { ROUTES } from '../../../../shared/constants/routes';
+import { CloseButton, ModeSelector, ExamInfoPanel, StartButton } from './components';
+export function ThemedWaitingRoom({ room, theme, onStart, isStarting, showCountdown, autoStartCountdown, closeRedirectUrl, }) {
+    const handleClose = () => {
+        if (typeof window !== 'undefined') {
+            window.location.href = closeRedirectUrl || ROUTES.STUDENT.CONTESTS_DISCOVER;
+        }
+    };
+    // Mode selector shows room name
+    const modeLabel = room.name;
+    // Extract exam info for the panel
+    const examInfo = {
+        parts: room.exam?.numberOfParts || 1,
+        duration: room.exam?.durationMinutes || 15,
+        maxScore: room.exam?.totalScore || 8,
+        passScore: room.exam?.passScore || 0,
+        examName: room.exam?.name,
+        contestClassification: room.contest?.classification,
+        level: room.exam?.level,
+    };
+    const backgroundFilter = theme.visuals?.backgroundFilter ?? 'grayscale(1) blur(10px) saturate(0.85) brightness(0.9)';
+    const backgroundOverlay = theme.visuals?.backgroundOverlay ??
+        'linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent, rgba(0, 0, 0, 0.3))';
+    const cardBackground = theme.visuals?.cardBackground ??
+        'radial-gradient(60% 60% at 50% 40%, rgba(184, 229, 157, 0.85) 0%, rgba(115, 213, 133, 0.85) 100%)';
+    return (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center overflow-hidden", children: [_jsx("div", { className: "absolute inset-0 scale-110 bg-cover bg-center", style: {
+                    backgroundImage: `url(${theme.assets.background})`,
+                    filter: backgroundFilter,
+                } }), _jsx("div", { className: "absolute inset-0", style: { background: backgroundOverlay } }), _jsxs("div", { className: "relative z-10 w-[88%] max-w-2xl sm:w-[70%] md:w-[50%] lg:w-[42%]", children: [_jsx(CloseButton, { imageSrc: theme.assets.closeButton, onClick: handleClose, className: "absolute -right-3 -top-7 z-30", size: 72 }), _jsxs("div", { className: "absolute left-1/2 top-0 z-10 -translate-x-1/2 -translate-y-1/2", children: [_jsx(Image, { src: theme.assets.titleBar, alt: "", width: 260, height: 56, className: "drop-shadow-lg", style: undefined, priority: true, unoptimized: true }), _jsx("span", { className: "absolute mt-2.5 inset-0 flex items-center justify-center pb-1 text-sm font-extrabold tracking-wider text-white drop-shadow", children: theme.displayName })] }), _jsx("div", { className: "relative overflow-hidden rounded-3xl p-[3px] shadow-2xl", style: {
+                            background: 'linear-gradient(180deg, #38bdf8 0%, #0ea5e9 35%, #0473f9 70%, #1d4ed8 100%)',
+                        }, children: _jsx("div", { className: "overflow-hidden rounded-[calc(1.5rem-3px)] ring-1 ring-white/30", children: _jsxs("div", { className: "relative p-6 pt-12 md:p-8 md:pt-14 lg:p-10 lg:pt-16", style: {
+                                    background: cardBackground,
+                                }, children: [_jsx("div", { className: "mb-5", children: _jsx(ModeSelector, { label: modeLabel, theme: theme }) }), _jsx("div", { className: "mb-6", children: _jsx(ExamInfoPanel, { parts: examInfo.parts, duration: examInfo.duration, maxScore: examInfo.maxScore, passScore: examInfo.passScore, examName: examInfo.examName, contestClassification: examInfo.contestClassification, level: examInfo.level, theme: theme }) }), _jsx("div", { className: "flex justify-center pb-2", children: _jsx(StartButton, { onClick: onStart, isLoading: isStarting, showCountdown: showCountdown, countdown: autoStartCountdown, rocketSrc: theme.assets.startIcon, theme: theme }) }), _jsx("div", { className: "pointer-events-none absolute -bottom-1 -left-1 opacity-60", children: _jsx(Image, { src: theme.assets.bottomLeft, alt: "", width: 80, height: 80, unoptimized: true }) }), _jsx("div", { className: "pointer-events-none absolute -bottom-1 -right-1 opacity-60", children: _jsx(Image, { src: theme.assets.bottomRight, alt: "", width: 80, height: 80, unoptimized: true }) })] }) }) })] }), theme.assets.feedbackButton && (_jsx("button", { className: "absolute bottom-4 right-0 z-20 transition-transform hover:scale-105", "aria-label": "B\u00E1o c\u00E1o l\u1ED7i", children: _jsx(Image, { src: theme.assets.feedbackButton, alt: "B\u00E1o c\u00E1o l\u1ED7i", width: 35, height: 100, unoptimized: true }) }))] }));
+}

package/dist/components/features/exam-entry/themed/ToeicWaitingRoom.js

@@ -1 +1,15 @@
-"use client";import{jsx as e,jsxs as a,Fragment as t}from"react/jsx-runtime";import{Loader2 as s}from"lucide-react";import{Button as l}from"../../../../components/ui/button";export function ToeicWaitingRoom({room:n,onStart:r,isStarting:i,showCountdown:d,autoStartCountdown:c,onClose:m}){return a("div",{className:"fixed inset-0 z-50 flex flex-col items-center justify-center overflow-auto bg-gradient-to-b from-slate-50 to-slate-100 px-4 py-8",children:[a("div",{className:"mb-8 text-center",children:[a("div",{className:"mb-2 inline-flex items-center gap-2 rounded-full border border-blue-200 bg-blue-50 px-4 py-1.5",children:[e("span",{className:"h-2 w-2 rounded-full bg-blue-500"}),e("span",{className:"text-xs font-semibold uppercase tracking-wider text-blue-700",children:"Ocean Edu"})]}),e("h1",{className:"text-2xl font-bold text-gray-900 sm:text-3xl",children:"TOEIC Listening and Reading Test"}),e("p",{className:"mt-2 text-gray-500",children:n.name})]}),a("div",{className:"w-full max-w-lg rounded-2xl border border-gray-200 bg-white p-6 shadow-sm sm:p-8",children:[a("div",{className:"mb-6",children:[e("h2",{className:"mb-4 text-sm font-semibold uppercase tracking-wider text-gray-400",children:"Cấu trúc bài thi"}),a("div",{className:"space-y-3",children:[a("div",{className:"rounded-lg border border-gray-100 bg-gray-50 p-4",children:[a("div",{className:"mb-2 flex items-center justify-between",children:[e("span",{className:"text-sm font-semibold text-gray-700",children:"Listening"}),e("span",{className:"text-xs font-medium text-gray-400",children:"~45 phút"})]}),e("div",{className:"flex flex-wrap gap-1.5",children:["Part 1: Photographs","Part 2: Question-Response","Part 3: Conversations"].map(a=>e("span",{className:"rounded bg-blue-100 px-2 py-0.5 text-xs text-blue-700",children:a},a))}),e("p",{className:"mt-2 text-xs text-gray-500",children:"100 câu hỏi · Nghe và chọn đáp án đúng"})]}),a("div",{className:"rounded-lg border border-gray-100 bg-gray-50 p-4",children:[a("div",{className:"mb-2 flex items-center justify-between",children:[e("span",{className:"text-sm font-semibold text-gray-700",children:"Reading"}),e("span",{className:"text-xs font-medium text-gray-400",children:"~75 phút"})]}),e("div",{className:"flex flex-wrap gap-1.5",children:["Part 5: Incomplete Sentences","Part 6: Text Completion","Part 7: Reading Comprehension"].map(a=>e("span",{className:"rounded bg-green-100 px-2 py-0.5 text-xs text-green-700",children:a},a))}),e("p",{className:"mt-2 text-xs text-gray-500",children:"100 câu hỏi · Đọc hiểu và chọn đáp án đúng"})]})]})]}),a("div",{className:"mb-6 rounded-lg border border-amber-100 bg-amber-50 p-4",children:[e("h3",{className:"mb-2 text-sm font-semibold text-amber-700",children:"Lưu ý quan trọng"}),a("ul",{className:"space-y-1 text-xs text-amber-800",children:[a("li",{className:"flex items-start gap-1.5",children:[e("span",{className:"mt-0.5 h-1.5 w-1.5 shrink-0 rounded-full bg-amber-500"}),"Không thể tạm dừng bài thi sau khi bắt đầu"]}),a("li",{className:"flex items-start gap-1.5",children:[e("span",{className:"mt-0.5 h-1.5 w-1.5 shrink-0 rounded-full bg-amber-500"}),"Không thể quay lại câu trước sau khi chuyển câu"]}),a("li",{className:"flex items-start gap-1.5",children:[e("span",{className:"mt-0.5 h-1.5 w-1.5 shrink-0 rounded-full bg-amber-500"}),"Bài thi sẽ tự động nộp khi hết thời gian 120 phút"]}),a("li",{className:"flex items-start gap-1.5",children:[e("span",{className:"mt-0.5 h-1.5 w-1.5 shrink-0 rounded-full bg-amber-500"}),"Điểm số: Listening (5–495) + Reading (5–495) = Total (10–990)"]})]})]}),e("div",{className:"mb-6 grid grid-cols-3 gap-3",children:[{label:"Tổng câu hỏi",value:"200"},{label:"Thời gian",value:"120 phút"},{label:"Thang điểm",value:"990"}].map(({label:t,value:s})=>a("div",{className:"rounded-lg bg-slate-50 p-3 text-center",children:[e("div",{className:"text-lg font-bold text-gray-900",children:s}),e("div",{className:"text-xs text-gray-400",children:t})]},t))}),e(l,{onClick:r,disabled:i,className:"h-12 w-full rounded-xl bg-blue-600 text-base font-semibold hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-60",children:i?a(t,{children:[e(s,{className:"mr-2 h-4 w-4 animate-spin"}),"Đang khởi tạo..."]}):d?a(t,{children:["Bắt đầu sau ",c,"s..."]}):"Bắt đầu bài thi"})]}),m&&e("button",{onClick:m,className:"mt-6 text-sm text-gray-400 hover:text-gray-600",children:"Quay lại danh sách phòng thi"})]})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Loader2 } from 'lucide-react';
+import { Button } from '../../../../components/ui/button';
+/**
+ * Professional waiting room for TOEIC exam entry.
+ * Neutral, business-appropriate design (no cartoon elements).
+ */
+export function ToeicWaitingRoom({ room, onStart, isStarting, showCountdown, autoStartCountdown, onClose, }) {
+    return (_jsxs("div", { className: "fixed inset-0 z-50 flex flex-col items-center justify-center overflow-auto bg-gradient-to-b from-slate-50 to-slate-100 px-4 py-8", children: [_jsxs("div", { className: "mb-8 text-center", children: [_jsxs("div", { className: "mb-2 inline-flex items-center gap-2 rounded-full border border-blue-200 bg-blue-50 px-4 py-1.5", children: [_jsx("span", { className: "h-2 w-2 rounded-full bg-blue-500" }), _jsx("span", { className: "text-xs font-semibold uppercase tracking-wider text-blue-700", children: "Ocean Edu" })] }), _jsx("h1", { className: "text-2xl font-bold text-gray-900 sm:text-3xl", children: "TOEIC Listening and Reading Test" }), _jsx("p", { className: "mt-2 text-gray-500", children: room.name })] }), _jsxs("div", { className: "w-full max-w-lg rounded-2xl border border-gray-200 bg-white p-6 shadow-sm sm:p-8", children: [_jsxs("div", { className: "mb-6", children: [_jsx("h2", { className: "mb-4 text-sm font-semibold uppercase tracking-wider text-gray-400", children: "C\u1EA5u tr\u00FAc b\u00E0i thi" }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "rounded-lg border border-gray-100 bg-gray-50 p-4", children: [_jsxs("div", { className: "mb-2 flex items-center justify-between", children: [_jsx("span", { className: "text-sm font-semibold text-gray-700", children: "Listening" }), _jsx("span", { className: "text-xs font-medium text-gray-400", children: "~45 ph\u00FAt" })] }), _jsx("div", { className: "flex flex-wrap gap-1.5", children: ['Part 1: Photographs', 'Part 2: Question-Response', 'Part 3: Conversations'].map((p) => (_jsx("span", { className: "rounded bg-blue-100 px-2 py-0.5 text-xs text-blue-700", children: p }, p))) }), _jsx("p", { className: "mt-2 text-xs text-gray-500", children: "100 c\u00E2u h\u1ECFi \u00B7 Nghe v\u00E0 ch\u1ECDn \u0111\u00E1p \u00E1n \u0111\u00FAng" })] }), _jsxs("div", { className: "rounded-lg border border-gray-100 bg-gray-50 p-4", children: [_jsxs("div", { className: "mb-2 flex items-center justify-between", children: [_jsx("span", { className: "text-sm font-semibold text-gray-700", children: "Reading" }), _jsx("span", { className: "text-xs font-medium text-gray-400", children: "~75 ph\u00FAt" })] }), _jsx("div", { className: "flex flex-wrap gap-1.5", children: ['Part 5: Incomplete Sentences', 'Part 6: Text Completion', 'Part 7: Reading Comprehension'].map((p) => (_jsx("span", { className: "rounded bg-green-100 px-2 py-0.5 text-xs text-green-700", children: p }, p))) }), _jsx("p", { className: "mt-2 text-xs text-gray-500", children: "100 c\u00E2u h\u1ECFi \u00B7 \u0110\u1ECDc hi\u1EC3u v\u00E0 ch\u1ECDn \u0111\u00E1p \u00E1n \u0111\u00FAng" })] })] })] }), _jsxs("div", { className: "mb-6 rounded-lg border border-amber-100 bg-amber-50 p-4", children: [_jsx("h3", { className: "mb-2 text-sm font-semibold text-amber-700", children: "L\u01B0u \u00FD quan tr\u1ECDng" }), _jsxs("ul", { className: "space-y-1 text-xs text-amber-800", children: [_jsxs("li", { className: "flex items-start gap-1.5", children: [_jsx("span", { className: "mt-0.5 h-1.5 w-1.5 shrink-0 rounded-full bg-amber-500" }), "Kh\u00F4ng th\u1EC3 t\u1EA1m d\u1EEBng b\u00E0i thi sau khi b\u1EAFt \u0111\u1EA7u"] }), _jsxs("li", { className: "flex items-start gap-1.5", children: [_jsx("span", { className: "mt-0.5 h-1.5 w-1.5 shrink-0 rounded-full bg-amber-500" }), "Kh\u00F4ng th\u1EC3 quay l\u1EA1i c\u00E2u tr\u01B0\u1EDBc sau khi chuy\u1EC3n c\u00E2u"] }), _jsxs("li", { className: "flex items-start gap-1.5", children: [_jsx("span", { className: "mt-0.5 h-1.5 w-1.5 shrink-0 rounded-full bg-amber-500" }), "B\u00E0i thi s\u1EBD t\u1EF1 \u0111\u1ED9ng n\u1ED9p khi h\u1EBFt th\u1EDDi gian 120 ph\u00FAt"] }), _jsxs("li", { className: "flex items-start gap-1.5", children: [_jsx("span", { className: "mt-0.5 h-1.5 w-1.5 shrink-0 rounded-full bg-amber-500" }), "\u0110i\u1EC3m s\u1ED1: Listening (5\u2013495) + Reading (5\u2013495) = Total (10\u2013990)"] })] })] }), _jsx("div", { className: "mb-6 grid grid-cols-3 gap-3", children: [
+                            { label: 'Tổng câu hỏi', value: '200' },
+                            { label: 'Thời gian', value: '120 phút' },
+                            { label: 'Thang điểm', value: '990' },
+                        ].map(({ label, value }) => (_jsxs("div", { className: "rounded-lg bg-slate-50 p-3 text-center", children: [_jsx("div", { className: "text-lg font-bold text-gray-900", children: value }), _jsx("div", { className: "text-xs text-gray-400", children: label })] }, label))) }), _jsx(Button, { onClick: onStart, disabled: isStarting, className: "h-12 w-full rounded-xl bg-blue-600 text-base font-semibold hover:bg-blue-700 disabled:cursor-not-allowed disabled:opacity-60", children: isStarting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), "\u0110ang kh\u1EDFi t\u1EA1o..."] })) : showCountdown ? (_jsxs(_Fragment, { children: ["B\u1EAFt \u0111\u1EA7u sau ", autoStartCountdown, "s..."] })) : ('Bắt đầu bài thi') })] }), onClose && (_jsx("button", { onClick: onClose, className: "mt-6 text-sm text-gray-400 hover:text-gray-600", children: "Quay l\u1EA1i danh s\u00E1ch ph\u00F2ng thi" }))] }));
+}

package/dist/components/features/exam-entry/themed/cambridge-yle-waiting-parts.js

@@ -1 +1,80 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{BookOpen as n,Mic as a,Headphones as r,PenLine as s,MessageSquareText as o}from"lucide-react";const l={READING:{label:"Reading",Icon:n,iconWrap:"bg-emerald-400/20 text-emerald-200 ring-emerald-300/30"},WRITING:{label:"Writing",Icon:s,iconWrap:"bg-orange-400/20 text-orange-200 ring-orange-300/30"},LISTENING:{label:"Listening",Icon:r,iconWrap:"bg-sky-400/20 text-sky-200 ring-sky-300/30"},SPEAKING:{label:"Speaking",Icon:a,iconWrap:"bg-fuchsia-400/20 text-fuchsia-200 ring-fuchsia-300/30"}},i={label:"",Icon:o,iconWrap:"bg-white/15 text-white ring-white/20"};function c(e){const t=e?.trim();return t?t.replace(/_/g," ").toLowerCase().replace(/\band\b/g,"&").replace(/\s+/g," ").trim().replace(/\b\w/g,e=>e.toUpperCase()):"Khác"}export function groupPartsByCategory(e){const t=[],n=new Map;for(const a of e){const e=a.category||a.skill||"OTHER",r=e.toUpperCase();let s=n.get(r);s||(s={key:r,label:c(e),totalPoints:0,parts:[]},n.set(r,s),t.push(r)),s.parts.push(a),a.points>0&&(s.totalPoints+=a.points)}return t.map(e=>n.get(e))}export function PartRow({part:n,showSkill:a=!0}){const r=function(e){const t=(e.skill||"").toUpperCase();if(l[t])return l[t];const n=`${e.skill??""} ${e.category??""}`.toUpperCase();for(const e of Object.keys(l))if(n.includes(e))return l[e];return i}(n),{Icon:s}=r,o=r.label,c=n.questionCount>0?`${n.questionCount} câu`:"";return t("div",{className:"flex items-center gap-3.5 rounded-xl bg-white/[0.08] px-3.5 py-2 ring-1 ring-white/15 transition-colors hover:bg-white/[0.14]",children:[e("span",{className:`flex h-9 w-9 flex-none items-center justify-center rounded-full ring-1.5 ${r.iconWrap}`,children:e(s,{className:"h-5 w-5",strokeWidth:2.5})}),t("div",{className:"min-w-0 flex-1 truncate text-base leading-snug",children:[e("span",{className:"font-black text-white",children:n.name}),a&&o&&t("span",{className:"font-bold text-cyan-100/80",children:[" · ",o]}),c&&t("span",{className:"font-bold text-yellow-200/90",children:[" · ",c]})]}),n.points>0&&t("div",{className:"flex flex-none items-baseline gap-1 rounded-lg bg-black/20 px-2 py-0.5 ring-1 ring-yellow-400/20",children:[e("span",{className:"text-lg font-black text-yellow-300 md:text-xl",children:n.points}),e("span",{className:"text-xs font-black uppercase tracking-wider text-yellow-100",children:"ĐIỂM"})]})]})}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BookOpen, Mic, Headphones, PenLine, MessageSquareText } from 'lucide-react';
+/** Per-skill visuals so students can read the exam composition at a glance. */
+const SKILL_META = {
+    READING: {
+        label: 'Reading',
+        Icon: BookOpen,
+        iconWrap: 'bg-emerald-400/20 text-emerald-200 ring-emerald-300/30',
+    },
+    WRITING: {
+        label: 'Writing',
+        Icon: PenLine,
+        iconWrap: 'bg-orange-400/20 text-orange-200 ring-orange-300/30',
+    },
+    LISTENING: {
+        label: 'Listening',
+        Icon: Headphones,
+        iconWrap: 'bg-sky-400/20 text-sky-200 ring-sky-300/30',
+    },
+    SPEAKING: {
+        label: 'Speaking',
+        Icon: Mic,
+        iconWrap: 'bg-fuchsia-400/20 text-fuchsia-200 ring-fuchsia-300/30',
+    },
+};
+const DEFAULT_META = {
+    label: '',
+    Icon: MessageSquareText,
+    iconWrap: 'bg-white/15 text-white ring-white/20',
+};
+function resolveMeta(part) {
+    const skill = (part.skill || '').toUpperCase();
+    if (SKILL_META[skill])
+        return SKILL_META[skill];
+    const haystack = `${part.skill ?? ''} ${part.category ?? ''}`.toUpperCase();
+    for (const key of Object.keys(SKILL_META)) {
+        if (haystack.includes(key))
+            return SKILL_META[key];
+    }
+    return DEFAULT_META;
+}
+/** "READING_AND_WRITING" -> "Reading & Writing"; "SPEAKING" -> "Speaking". */
+function formatCategory(value) {
+    const v = value?.trim();
+    if (!v)
+        return 'Khác';
+    return v
+        .replace(/_/g, ' ')
+        .toLowerCase()
+        .replace(/\band\b/g, '&')
+        .replace(/\s+/g, ' ')
+        .trim()
+        .replace(/\b\w/g, (c) => c.toUpperCase());
+}
+/** Groups parts by their `category` (falling back to skill), preserving first-seen order. */
+export function groupPartsByCategory(parts) {
+    const order = [];
+    const byKey = new Map();
+    for (const part of parts) {
+        const source = part.category || part.skill || 'OTHER';
+        const key = source.toUpperCase();
+        let group = byKey.get(key);
+        if (!group) {
+            group = { key, label: formatCategory(source), totalPoints: 0, parts: [] };
+            byKey.set(key, group);
+            order.push(key);
+        }
+        group.parts.push(part);
+        if (part.points > 0)
+            group.totalPoints += part.points;
+    }
+    return order.map((key) => byKey.get(key));
+}
+export function PartRow({ part, showSkill = true, }) {
+    const meta = resolveMeta(part);
+    const { Icon } = meta;
+    const skillLabel = meta.label;
+    const questionLabel = part.questionCount > 0 ? `${part.questionCount} câu` : '';
+    return (_jsxs("div", { className: "flex items-center gap-3.5 rounded-xl bg-white/[0.08] px-3.5 py-2 ring-1 ring-white/15 transition-colors hover:bg-white/[0.14]", children: [_jsx("span", { className: `flex h-9 w-9 flex-none items-center justify-center rounded-full ring-1.5 ${meta.iconWrap}`, children: _jsx(Icon, { className: "h-5 w-5", strokeWidth: 2.5 }) }), _jsxs("div", { className: "min-w-0 flex-1 truncate text-base leading-snug", children: [_jsx("span", { className: "font-black text-white", children: part.name }), showSkill && skillLabel && (_jsxs("span", { className: "font-bold text-cyan-100/80", children: [" \u00B7 ", skillLabel] })), questionLabel && _jsxs("span", { className: "font-bold text-yellow-200/90", children: [" \u00B7 ", questionLabel] })] }), part.points > 0 && (_jsxs("div", { className: "flex flex-none items-baseline gap-1 rounded-lg bg-black/20 px-2 py-0.5 ring-1 ring-yellow-400/20", children: [_jsx("span", { className: "text-lg font-black text-yellow-300 md:text-xl", children: part.points }), _jsx("span", { className: "text-xs font-black uppercase tracking-wider text-yellow-100", children: "\u0110I\u1EC2M" })] }))] }));
+}

package/dist/components/features/exam-entry/themed/components/CloseButton.js

@@ -1 +1,6 @@
-"use client";import{jsx as e}from"react/jsx-runtime";import t from"next/image";export function CloseButton({imageSrc:i,onClick:r,className:a="",size:o=80,imageFilter:s}){return e("button",{onClick:r,className:`cursor-pointer transition-transform hover:scale-105 active:scale-95 ${a}`,"aria-label":"Đóng",children:e(t,{src:i,alt:"Đóng",width:o,height:o,className:"drop-shadow-lg",style:s?{filter:s}:void 0,unoptimized:!0})})}
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import Image from 'next/image';
+export function CloseButton({ imageSrc, onClick, className = '', size = 80, imageFilter }) {
+    return (_jsx("button", { onClick: onClick, className: `cursor-pointer transition-transform hover:scale-105 active:scale-95 ${className}`, "aria-label": "\u0110\u00F3ng", children: _jsx(Image, { src: imageSrc, alt: "\u0110\u00F3ng", width: size, height: size, className: "drop-shadow-lg", style: imageFilter ? { filter: imageFilter } : undefined, unoptimized: true }) }));
+}

package/dist/components/features/exam-entry/themed/components/ExamInfoPanel.js

@@ -1 +1,17 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Clock as l,Trophy as i,Target as n,Layers as a,FileText as r,Sparkles as s}from"lucide-react";const x={A1:{bg:"bg-emerald-100",text:"text-emerald-700",ring:"ring-emerald-300/50"},A2:{bg:"bg-teal-100",text:"text-teal-700",ring:"ring-teal-300/50"},B1:{bg:"bg-blue-100",text:"text-blue-700",ring:"ring-blue-300/50"},B2:{bg:"bg-indigo-100",text:"text-indigo-700",ring:"ring-indigo-300/50"},C1:{bg:"bg-purple-100",text:"text-purple-700",ring:"ring-purple-300/50"},C2:{bg:"bg-rose-100",text:"text-rose-700",ring:"ring-rose-300/50"}};export function ExamInfoPanel({parts:d,duration:o,maxScore:c,passScore:g,examName:m,level:h}){const b=h?x[h]||{bg:"bg-gray-100",text:"text-gray-700",ring:"ring-gray-300/50"}:null;return t("div",{className:"overflow-hidden rounded-2xl bg-[#0473f9] ring-1 ring-white/25",children:[t("div",{className:"relative flex items-center justify-between border-b border-white/15 bg-[#002249]/45 px-5 py-3",children:[e(s,{className:"absolute left-3 top-2 h-3 w-3 text-yellow-300/45"}),e("h2",{className:"text-lg font-extrabold tracking-wide text-white drop-shadow-sm",children:"Chi tiết bài thi"}),h&&b&&e("span",{className:`rounded-full px-3.5 py-1 text-xs font-bold ring-2 ${b.bg} ${b.text} ${b.ring}`,children:h})]}),t("div",{className:"space-y-3 p-4",children:[t("div",{className:"grid grid-cols-3 gap-2.5",children:[t("div",{className:"rounded-xl bg-white/15 px-2 py-3 text-center ring-1 ring-white/20",children:[e(a,{className:"mx-auto mb-1.5 h-5 w-5 text-sky-100"}),e("span",{className:"block text-2xl font-extrabold leading-none text-white",children:d}),e("span",{className:"mt-1 block text-xs font-bold text-sky-100",children:"Phần thi"})]}),t("div",{className:"rounded-xl bg-white/15 px-2 py-3 text-center ring-1 ring-white/20",children:[e(l,{className:"mx-auto mb-1.5 h-5 w-5 text-cyan-100"}),e("span",{className:"block text-2xl font-extrabold leading-none text-white",children:o}),e("span",{className:"mt-1 block text-xs font-bold text-cyan-100",children:"Phút"})]}),t("div",{className:"rounded-xl bg-white/15 px-2 py-3 text-center ring-1 ring-white/20",children:[e(i,{className:"mx-auto mb-1.5 h-5 w-5 text-indigo-100"}),e("span",{className:"block text-2xl font-extrabold leading-none text-white",children:c}),e("span",{className:"mt-1 block text-xs font-bold text-indigo-100",children:"Thang điểm"})]})]}),t("div",{className:"overflow-hidden rounded-xl bg-[#002249]/18 ring-1 ring-white/12",children:[m&&t("div",{className:"flex items-center gap-3 px-3 py-2.5",children:[e(r,{className:"h-4 w-4 shrink-0 text-yellow-300"}),e("span",{className:"text-sm font-bold text-sky-100",children:"Đề thi"}),e("span",{className:"ml-auto text-right text-sm font-extrabold text-white",children:m})]}),m&&e("div",{className:"border-t border-white/10"}),t("div",{className:"flex items-center gap-3 px-3 py-2.5",children:[e(n,{className:"h-4 w-4 shrink-0 text-yellow-300"}),e("span",{className:"text-sm font-bold text-white",children:"Điểm tối thiểu cần đạt"}),t("span",{className:"ml-auto text-base font-extrabold text-yellow-300",children:[g,"/",c]})]})]})]})]})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Clock, Trophy, Target, Layers, FileText, Sparkles } from 'lucide-react';
+const LEVEL_COLORS = {
+    A1: { bg: 'bg-emerald-100', text: 'text-emerald-700', ring: 'ring-emerald-300/50' },
+    A2: { bg: 'bg-teal-100', text: 'text-teal-700', ring: 'ring-teal-300/50' },
+    B1: { bg: 'bg-blue-100', text: 'text-blue-700', ring: 'ring-blue-300/50' },
+    B2: { bg: 'bg-indigo-100', text: 'text-indigo-700', ring: 'ring-indigo-300/50' },
+    C1: { bg: 'bg-purple-100', text: 'text-purple-700', ring: 'ring-purple-300/50' },
+    C2: { bg: 'bg-rose-100', text: 'text-rose-700', ring: 'ring-rose-300/50' },
+};
+export function ExamInfoPanel({ parts, duration, maxScore, passScore, examName, level, }) {
+    const levelStyle = level
+        ? LEVEL_COLORS[level] || { bg: 'bg-gray-100', text: 'text-gray-700', ring: 'ring-gray-300/50' }
+        : null;
+    return (_jsxs("div", { className: "overflow-hidden rounded-2xl bg-[#0473f9] ring-1 ring-white/25", children: [_jsxs("div", { className: "relative flex items-center justify-between border-b border-white/15 bg-[#002249]/45 px-5 py-3", children: [_jsx(Sparkles, { className: "absolute left-3 top-2 h-3 w-3 text-yellow-300/45" }), _jsx("h2", { className: "text-lg font-extrabold tracking-wide text-white drop-shadow-sm", children: "Chi ti\u1EBFt b\u00E0i thi" }), level && levelStyle && (_jsx("span", { className: `rounded-full px-3.5 py-1 text-xs font-bold ring-2 ${levelStyle.bg} ${levelStyle.text} ${levelStyle.ring}`, children: level }))] }), _jsxs("div", { className: "space-y-3 p-4", children: [_jsxs("div", { className: "grid grid-cols-3 gap-2.5", children: [_jsxs("div", { className: "rounded-xl bg-white/15 px-2 py-3 text-center ring-1 ring-white/20", children: [_jsx(Layers, { className: "mx-auto mb-1.5 h-5 w-5 text-sky-100" }), _jsx("span", { className: "block text-2xl font-extrabold leading-none text-white", children: parts }), _jsx("span", { className: "mt-1 block text-xs font-bold text-sky-100", children: "Ph\u1EA7n thi" })] }), _jsxs("div", { className: "rounded-xl bg-white/15 px-2 py-3 text-center ring-1 ring-white/20", children: [_jsx(Clock, { className: "mx-auto mb-1.5 h-5 w-5 text-cyan-100" }), _jsx("span", { className: "block text-2xl font-extrabold leading-none text-white", children: duration }), _jsx("span", { className: "mt-1 block text-xs font-bold text-cyan-100", children: "Ph\u00FAt" })] }), _jsxs("div", { className: "rounded-xl bg-white/15 px-2 py-3 text-center ring-1 ring-white/20", children: [_jsx(Trophy, { className: "mx-auto mb-1.5 h-5 w-5 text-indigo-100" }), _jsx("span", { className: "block text-2xl font-extrabold leading-none text-white", children: maxScore }), _jsx("span", { className: "mt-1 block text-xs font-bold text-indigo-100", children: "Thang \u0111i\u1EC3m" })] })] }), _jsxs("div", { className: "overflow-hidden rounded-xl bg-[#002249]/18 ring-1 ring-white/12", children: [examName && (_jsxs("div", { className: "flex items-center gap-3 px-3 py-2.5", children: [_jsx(FileText, { className: "h-4 w-4 shrink-0 text-yellow-300" }), _jsx("span", { className: "text-sm font-bold text-sky-100", children: "\u0110\u1EC1 thi" }), _jsx("span", { className: "ml-auto text-right text-sm font-extrabold text-white", children: examName })] })), examName && _jsx("div", { className: "border-t border-white/10" }), _jsxs("div", { className: "flex items-center gap-3 px-3 py-2.5", children: [_jsx(Target, { className: "h-4 w-4 shrink-0 text-yellow-300" }), _jsx("span", { className: "text-sm font-bold text-white", children: "\u0110i\u1EC3m t\u1ED1i thi\u1EC3u c\u1EA7n \u0111\u1EA1t" }), _jsxs("span", { className: "ml-auto text-base font-extrabold text-yellow-300", children: [passScore, "/", maxScore] })] })] })] })] }));
+}

package/dist/components/features/exam-entry/themed/components/ModeSelector.js

@@ -1 +1,6 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{User as r}from"lucide-react";export function ModeSelector({label:i}){return e("div",{className:"flex justify-center",children:t("div",{className:"flex items-center gap-3 rounded-2xl bg-white/10 px-6 py-3 ring-1 ring-white/15 backdrop-blur-sm",children:[e("div",{className:"flex h-8 w-8 items-center justify-center rounded-full bg-white/15",children:e(r,{className:"h-4 w-4 text-white/80"})}),e("p",{className:"text-center text-lg font-bold uppercase leading-5 tracking-wider text-white drop-shadow-sm",children:i})]})})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { User } from 'lucide-react';
+export function ModeSelector({ label }) {
+    return (_jsx("div", { className: "flex justify-center", children: _jsxs("div", { className: "flex items-center gap-3 rounded-2xl bg-white/10 px-6 py-3 ring-1 ring-white/15 backdrop-blur-sm", children: [_jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-white/15", children: _jsx(User, { className: "h-4 w-4 text-white/80" }) }), _jsx("p", { className: "text-center text-lg font-bold uppercase leading-5 tracking-wider text-white drop-shadow-sm", children: label })] }) }));
+}

package/dist/components/features/exam-entry/themed/components/StartButton.js

@@ -1 +1,12 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import a from"next/image";import{Loader2 as s}from"lucide-react";export function StartButton({onClick:i,isLoading:l,showCountdown:r,countdown:n,rocketSrc:o}){return r?t("div",{className:"flex flex-col items-center gap-4",children:[t("div",{className:"relative flex h-24 w-24 items-center justify-center",children:[e("div",{className:"absolute inset-0 animate-ping rounded-full bg-sky-400/20"}),e("div",{className:"absolute inset-0 animate-pulse rounded-full bg-blue-500/10"}),e("div",{className:"relative flex h-20 w-20 items-center justify-center rounded-full bg-[#0473f9] shadow-[0_4px_0_0_#1d4ed8]",children:e("span",{className:"text-4xl font-extrabold text-white drop-shadow",children:n})})]}),t("p",{className:"text-sm font-medium text-white/90 drop-shadow",children:["Bài thi sẽ tự động bắt đầu sau ",e("strong",{className:"text-yellow-300",children:n})," giây"]}),l&&t("div",{className:"flex items-center gap-2 rounded-full bg-white/10 px-4 py-1.5 text-white/80 backdrop-blur-sm",children:[e(s,{className:"h-4 w-4 animate-spin"}),e("span",{className:"text-sm",children:"Đang bắt đầu bài thi..."})]})]}):e("div",{className:"relative flex flex-col items-center",children:t("button",{onClick:i,disabled:l,className:"group relative flex cursor-pointer items-center gap-4 rounded-full bg-[#0473f9] px-10 py-4 shadow-[0_5px_0_0_#1d4ed8] transition-all duration-150 hover:brightness-110 active:translate-y-[3px] active:shadow-[0_2px_0_0_#1d4ed8] disabled:cursor-not-allowed disabled:opacity-50",children:[e("div",{className:"relative h-11 w-11 transition-transform duration-300 group-hover:-translate-y-1 group-hover:rotate-[-8deg]",children:e(a,{src:o,alt:"",fill:!0,className:"object-contain drop-shadow",unoptimized:!0})}),e("span",{className:"text-xl font-extrabold tracking-wide text-white drop-shadow-sm",children:"Bắt đầu"}),l&&e(s,{className:"h-5 w-5 animate-spin text-white/80"})]})})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from 'next/image';
+import { Loader2 } from 'lucide-react';
+export function StartButton({ onClick, isLoading, showCountdown, countdown, rocketSrc, }) {
+    // Show countdown state
+    if (showCountdown) {
+        return (_jsxs("div", { className: "flex flex-col items-center gap-4", children: [_jsxs("div", { className: "relative flex h-24 w-24 items-center justify-center", children: [_jsx("div", { className: "absolute inset-0 animate-ping rounded-full bg-sky-400/20" }), _jsx("div", { className: "absolute inset-0 animate-pulse rounded-full bg-blue-500/10" }), _jsx("div", { className: "relative flex h-20 w-20 items-center justify-center rounded-full bg-[#0473f9] shadow-[0_4px_0_0_#1d4ed8]", children: _jsx("span", { className: "text-4xl font-extrabold text-white drop-shadow", children: countdown }) })] }), _jsxs("p", { className: "text-sm font-medium text-white/90 drop-shadow", children: ["B\u00E0i thi s\u1EBD t\u1EF1 \u0111\u1ED9ng b\u1EAFt \u0111\u1EA7u sau ", _jsx("strong", { className: "text-yellow-300", children: countdown }), " gi\u00E2y"] }), isLoading && (_jsxs("div", { className: "flex items-center gap-2 rounded-full bg-white/10 px-4 py-1.5 text-white/80 backdrop-blur-sm", children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), _jsx("span", { className: "text-sm", children: "\u0110ang b\u1EAFt \u0111\u1EA7u b\u00E0i thi..." })] }))] }));
+    }
+    // Default start button — raised 3D style matching theme
+    return (_jsx("div", { className: "relative flex flex-col items-center", children: _jsxs("button", { onClick: onClick, disabled: isLoading, className: "group relative flex cursor-pointer items-center gap-4 rounded-full bg-[#0473f9] px-10 py-4 shadow-[0_5px_0_0_#1d4ed8] transition-all duration-150 hover:brightness-110 active:translate-y-[3px] active:shadow-[0_2px_0_0_#1d4ed8] disabled:cursor-not-allowed disabled:opacity-50", children: [_jsx("div", { className: "relative h-11 w-11 transition-transform duration-300 group-hover:-translate-y-1 group-hover:rotate-[-8deg]", children: _jsx(Image, { src: rocketSrc, alt: "", fill: true, className: "object-contain drop-shadow", unoptimized: true }) }), _jsx("span", { className: "text-xl font-extrabold tracking-wide text-white drop-shadow-sm", children: "B\u1EAFt \u0111\u1EA7u" }), isLoading && (_jsx(Loader2, { className: "h-5 w-5 animate-spin text-white/80" }))] }) }));
+}

package/dist/components/features/exam-entry/themed/components/index.js

@@ -1 +1,4 @@
-export{CloseButton}from"./CloseButton";export{ModeSelector}from"./ModeSelector";export{ExamInfoPanel}from"./ExamInfoPanel";export{StartButton}from"./StartButton";
+export { CloseButton } from './CloseButton';
+export { ModeSelector } from './ModeSelector';
+export { ExamInfoPanel } from './ExamInfoPanel';
+export { StartButton } from './StartButton';

package/dist/components/features/exam-entry/themed/index.js

@@ -1 +1,3 @@
-export{ThemedWaitingRoom}from"./ThemedWaitingRoom";export{CambridgeYleWaitingRoom}from"./CambridgeYleWaitingRoom";export{PartRow,groupPartsByCategory}from"./cambridge-yle-waiting-parts";
+export { ThemedWaitingRoom } from './ThemedWaitingRoom';
+export { CambridgeYleWaitingRoom } from './CambridgeYleWaitingRoom';
+export { PartRow, groupPartsByCategory } from './cambridge-yle-waiting-parts';

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './CueCardEditor';
+export * from './shared/RichTextEditor';
 export * from './exams';
 export * from './themes';
 export * from './results';

package/dist/components/index.js

@@ -1 +1,43 @@
-export*from"./CueCardEditor";export*from"./exams";export*from"./themes";export*from"./results";export*from"./ui/alert-dialog";export*from"./ui/alert";export*from"./ui/avatar";export*from"./ui/badge";export*from"./ui/button";export*from"./ui/calendar";export*from"./ui/card";export*from"./ui/carousel";export*from"./ui/checkbox";export*from"./ui/collapsible";export*from"./ui/command";export*from"./ui/confirm-dialog";export*from"./ui/dialog";export*from"./ui/drawer";export*from"./ui/dropdown-menu";export*from"./ui/file-upload";export*from"./ui/form";export*from"./ui/hover-card";export*from"./ui/image-preview";export*from"./ui/input";export*from"./ui/label";export*from"./ui/language-switcher";export*from"./ui/multi-select";export*from"./ui/points-input";export*from"./ui/popover";export*from"./ui/progress";export*from"./ui/radio-group";export*from"./ui/scroll-area";export*from"./ui/select";export*from"./ui/separator";export*from"./ui/sheet";export*from"./ui/single-select";export*from"./ui/skeleton";export*from"./ui/switch";export*from"./ui/table";export*from"./ui/tabs";export*from"./ui/textarea";export*from"./ui/tooltip";
+export * from './CueCardEditor';
+export * from './shared/RichTextEditor';
+export * from './exams';
+export * from './themes';
+export * from './results';
+export * from './ui/alert-dialog';
+export * from './ui/alert';
+export * from './ui/avatar';
+export * from './ui/badge';
+export * from './ui/button';
+export * from './ui/calendar';
+export * from './ui/card';
+export * from './ui/carousel';
+export * from './ui/checkbox';
+export * from './ui/collapsible';
+export * from './ui/command';
+export * from './ui/confirm-dialog';
+export * from './ui/dialog';
+export * from './ui/drawer';
+export * from './ui/dropdown-menu';
+export * from './ui/file-upload';
+export * from './ui/form';
+export * from './ui/hover-card';
+export * from './ui/image-preview';
+export * from './ui/input';
+export * from './ui/label';
+export * from './ui/language-switcher';
+export * from './ui/multi-select';
+export * from './ui/points-input';
+export * from './ui/popover';
+export * from './ui/progress';
+export * from './ui/radio-group';
+export * from './ui/scroll-area';
+export * from './ui/select';
+export * from './ui/separator';
+export * from './ui/sheet';
+export * from './ui/single-select';
+export * from './ui/skeleton';
+export * from './ui/switch';
+export * from './ui/table';
+export * from './ui/tabs';
+export * from './ui/textarea';
+export * from './ui/tooltip';