@tinyweb_dev/oe-exam-sdk 0.1.0 → 0.1.2

package/dist/components/themes/english-certification/EnglishCertificationGroupedQuestion.js

@@ -1,149 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FileText, Headphones, Info } from 'lucide-react';
-import { EnglishCertificationQuestionCard } from './EnglishCertificationQuestionCard';
-import { EnglishCertificationPassagePanel } from './EnglishCertificationPassagePanel';
-import { EnglishCertificationReadingSection } from './EnglishCertificationReadingSection';
-import { EnglishCertificationAudioPlayer } from './EnglishCertificationAudioPlayer';
-import { ENGLISH_CERT_CONTENT_WIDTH_CLASS } from './english-certification-theme';
-import { isHtmlContent, stripInstruction } from './grouped-question-utils';
-/** Fixed split layout: equal-width passage / questions columns. */
-const SPLIT_VIEW_GRID = 'minmax(0, 1fr) minmax(0, 1fr)';
-/**
- * Splits a grouped reading part into its individual document groups while
- * preserving the original question order. Each document keeps its own passage
- * payload so the layout can stack them vertically on a single screen.
- */
-function buildDocumentGroups(part, sharedInstruction) {
-    const order = [];
-    const byGroup = new Map();
-    part.questions.forEach((question) => {
-        const groupId = question.group_id ?? question.id;
-        if (!byGroup.has(groupId)) {
-            byGroup.set(groupId, []);
-            order.push(groupId);
-        }
-        byGroup.get(groupId).push(question);
-    });
-    return order.map((groupId) => {
-        const questions = byGroup.get(groupId);
-        const payload = questions[0]?.questionGroup?.payload ?? {};
-        const rawPassage = payload.content ?? payload.passage ?? '';
-        const passage = stripInstruction(rawPassage, sharedInstruction);
-        const passageImageUrl = payload.imageUrl ?? payload.passageImageUrl ?? '';
-        return {
-            groupId,
-            questions,
-            passage,
-            // API exposes the group heading as `title`; older Reading payloads use
-            // `passageTitle`. Fall back to `title` so grouped MCQ headings show.
-            passageTitle: payload.passageTitle ?? payload.title ?? '',
-            passageSubtitle: payload.subtitle ?? '',
-            passageImageUrl,
-            hasPassageContent: Boolean(passage.trim()) || Boolean(passageImageUrl),
-        };
-    });
-}
-/**
- * Resolves the shared part instruction.
- *
- * Priority:
- * 1. `questionGroup.payload.instructions` — used by some grouped question types.
- * 2. `partInstructions` — the template-level instruction from the QuestionPart
- *    (e.g. Part 6 TOEIC where the instruction lives on the template part).
- * 3. `content.question` of the first question — legacy fallback.
- */
-function resolveSharedInstruction(part, partInstructions) {
-    const first = part.questions[0];
-    return (first?.questionGroup?.payload?.instructions ??
-        (partInstructions?.trim() || undefined) ??
-        first?.content?.question ??
-        '').trim();
-}
-/**
- * Ocean Edu branded split-view renderer for grouped reading parts.
- *
- * Renders every document of the part stacked vertically. Each document shows a
- * reading passage (title, optional image, body, source bar) on the left and its
- * MCQ questions on the right in a balanced 50/50 split.
- */
-export function EnglishCertificationGroupedQuestion({ part, partConfig, answers, flaggedQuestions, onAnswerChange, onToggleFlag, isReviewMode = false, isListeningPart = false, partAudioUrl, }) {
-    const startIndex = partConfig.startIndex ?? 0;
-    // Part-level instruction (e.g. "Read the texts that follow…") is shared by
-    // every document. Render it once at the top and strip it from each passage
-    // (the API prepends it to every document's content) to avoid duplication.
-    // Prefer part.instructions (set by groupQuestionsByPart from the template)
-    // which covers TOEIC Part 6 where the instruction lives on the template part
-    // rather than inside the question group payload.
-    const sharedInstruction = resolveSharedInstruction(part, part.instructions ?? partConfig.instructions);
-    // When the part carries template sections, render every question in a single
-    // document so the section loop in renderQuestions runs once and stacks each
-    // sub-section. Splitting by group_id here would duplicate the section headings
-    // and break per-section dispatch.
-    //
-    // The document still carries the shared passage when present: IELTS Reading
-    // parts ship a DOCUMENT group whose passage lives on each question's
-    // `questionGroup.payload` (content/title/subtitle). Surfacing it flips
-    // `hasPassageContent` to true so the split branch shows passage-left /
-    // questions-right (TOEIC Part 7 style). Mixed Listening parts (SECTION 2:
-    // CHOOSE + MATCH + WORD_FILL) carry no passage, so this stays false and the
-    // full-width no-passage branch is preserved.
-    const buildSectionedDocument = () => {
-        const payload = (part.questions[0]?.questionGroup?.payload ?? {});
-        const rawPassage = (payload.content ?? payload.passage ?? '');
-        const passage = stripInstruction(rawPassage, sharedInstruction);
-        const passageImageUrl = (payload.imageUrl ?? payload.passageImageUrl ?? '');
-        return {
-            groupId: part.partId,
-            questions: part.questions,
-            passage,
-            passageTitle: (payload.passageTitle ?? payload.title ?? ''),
-            passageSubtitle: (payload.subtitle ?? ''),
-            passageImageUrl,
-            hasPassageContent: Boolean(passage.trim()) || Boolean(passageImageUrl),
-        };
-    };
-    const documents = part.sections?.length
-        ? [buildSectionedDocument()]
-        : buildDocumentGroups(part, sharedInstruction);
-    if (!documents.length) {
-        return (_jsx("div", { className: "flex h-full items-center justify-center rounded-xl border border-red-200 bg-red-50 p-8 text-red-600", children: "No questions found for this part" }));
-    }
-    const showAudio = isListeningPart && Boolean(partAudioUrl);
-    /** Renders a document's question list (used by both split and full-width layouts). */
-    const renderQuestions = (document) => {
-        if (part.sections?.length) {
-            return (_jsx("div", { className: "flex-1 space-y-6 px-4 py-4", children: part.sections.map((section, sectionIdx) => {
-                    const sectionQuestions = document.questions.filter((question) => {
-                        const pos = part.questions.indexOf(question);
-                        return (pos >= section.startIndex - startIndex &&
-                            pos <= section.endIndex - startIndex);
-                    });
-                    if (!sectionQuestions.length)
-                        return null;
-                    return (_jsx(EnglishCertificationReadingSection, { part: part, section: section, questions: sectionQuestions, startIndex: startIndex, answers: answers, flaggedQuestions: flaggedQuestions, onAnswerChange: onAnswerChange, onToggleFlag: onToggleFlag, isReviewMode: isReviewMode }, `${document.groupId}-section-${sectionIdx}`));
-                }) }));
-        }
-        return (_jsx("div", { className: "flex-1 space-y-3 px-4 py-4", children: document.questions.map((question) => {
-                const questionNumber = part.questions.indexOf(question) + 1;
-                const globalQuestionNumber = startIndex + questionNumber;
-                return (_jsx(EnglishCertificationQuestionCard, { question: question, globalQuestionNumber: globalQuestionNumber, answer: answers[question.id], isFlagged: flaggedQuestions.has(question.id), sharedInstruction: sharedInstruction, onAnswerChange: onAnswerChange, onToggleFlag: onToggleFlag, isReviewMode: isReviewMode }, question.id));
-            }) }));
-    };
-    return (_jsxs("div", { className: "flex h-full flex-col gap-6 overflow-y-auto pb-4", children: [showAudio && (_jsx("div", { className: `${ENGLISH_CERT_CONTENT_WIDTH_CLASS} w-full self-center`, children: _jsx(EnglishCertificationAudioPlayer, { audioUrl: partAudioUrl, partNumber: part.partNo }) })), sharedInstruction && (_jsx("div", { className: `${ENGLISH_CERT_CONTENT_WIDTH_CLASS} w-full self-center`, children: _jsxs("div", { className: "flex items-start gap-3 rounded-xl border border-[#bfd8f8] bg-gradient-to-r from-[#eef5ff] to-[#f7fbff] px-5 py-4 shadow-[0_5px_16px_rgba(13,71,161,0.08)] backdrop-blur-md", children: [_jsx("span", { className: "mt-0.5 grid h-6 w-6 shrink-0 place-items-center rounded-full bg-[#1167e8] text-white", children: isListeningPart ? (_jsx(Headphones, { className: "h-3.5 w-3.5" })) : (_jsx(Info, { className: "h-3.5 w-3.5" })) }), _jsxs("div", { className: "min-w-0", children: [part.name && (_jsx("div", { className: "mb-1 text-xs font-black uppercase tracking-wide text-[#0b57d0]", children: part.name })), _jsx("p", { className: "text-base font-semibold leading-relaxed text-[#0f1730]", children: sharedInstruction })] })] }) })), documents.map((document) => {
-                const firstNumber = part.questions.indexOf(document.questions[0]) + startIndex + 1;
-                const lastNumber = part.questions.indexOf(document.questions[document.questions.length - 1]) +
-                    startIndex +
-                    1;
-                const passageIsHtml = isHtmlContent(document.passage);
-                // No-passage group (e.g. Listening grouped MCQ that only carries a
-                // heading like "Choose the correct letter, A, B or C"): hide the empty
-                // passage panel and render the group title as a banner above the
-                // full-width questions.
-                if (!document.hasPassageContent) {
-                    return (_jsxs("div", { className: `${ENGLISH_CERT_CONTENT_WIDTH_CLASS} flex w-full flex-col gap-3 self-center`, children: [_jsxs("div", { className: "flex items-center gap-4 rounded-xl border border-[#d9e4f2] bg-white/90 px-5 py-4 shadow-[0_5px_16px_rgba(13,71,161,0.08)] backdrop-blur-md", children: [_jsx("span", { className: "grid h-12 w-12 shrink-0 place-items-center rounded-xl bg-[#eaf2ff] text-[#1167e8]", children: _jsx(FileText, { className: "h-6 w-6" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-md border border-[#bfd8f8] bg-[#eaf2ff] px-2.5 py-1 text-xs font-bold text-[#0b57d0]", children: ["Questions ", firstNumber, "\u2013", lastNumber] }), document.passageTitle && (_jsx("p", { className: "mt-2 text-lg font-bold leading-tight text-[#0f1730]", children: document.passageTitle })), document.passageSubtitle && (_jsx("p", { className: "mt-1 text-[15px] font-medium text-[#475569]", children: document.passageSubtitle }))] }), document.passageImageUrl && (_jsx("img", { src: document.passageImageUrl, alt: document.passageTitle || 'Illustration', className: "h-20 w-32 shrink-0 rounded-lg object-contain" }))] }), _jsx("section", { className: "flex flex-col overflow-hidden rounded-xl border border-[#d9e4f2] bg-white/90 shadow-[0_14px_35px_rgba(13,71,161,0.12)] backdrop-blur-md", children: renderQuestions(document) })] }, document.groupId));
-                }
-                return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("div", { className: "flex flex-wrap items-center gap-3 rounded-xl border border-[#d9e4f2] bg-white/85 px-4 py-3 shadow-[0_5px_16px_rgba(13,71,161,0.08)] backdrop-blur-md", children: _jsxs("div", { className: "flex items-center gap-2.5 rounded-md border border-[#bfd8f8] bg-white/70 px-3 py-1.5 text-base font-bold text-[#0b57d0]", children: [_jsx("span", { className: "grid h-[18px] w-[18px] place-items-center rounded-full bg-[#1167e8] text-white", children: _jsx(Info, { className: "h-3 w-3" }) }), "Questions ", firstNumber, "\u2013", lastNumber, " refer to the following passage."] }) }), _jsxs("div", { className: "grid gap-4", style: { gridTemplateColumns: SPLIT_VIEW_GRID }, children: [_jsx("div", { className: "max-h-[calc(100vh-220px)] min-h-0 overflow-y-auto", children: _jsx(EnglishCertificationPassagePanel, { passage: document.passage, passageTitle: document.passageTitle, passageSubtitle: document.passageSubtitle, passageImageUrl: document.passageImageUrl, passageIsHtml: passageIsHtml, partName: part.name ?? '' }) }), _jsx("section", { className: "flex max-h-[calc(100vh-220px)] min-h-0 flex-col overflow-y-auto rounded-xl border border-[#d9e4f2] bg-white/90 shadow-[0_14px_35px_rgba(13,71,161,0.12)] backdrop-blur-md", children: renderQuestions(document) })] })] }, document.groupId));
-            })] }));
-}
-//# sourceMappingURL=EnglishCertificationGroupedQuestion.js.map
+"use client";import{jsx as e,jsxs as s}from"react/jsx-runtime";import{FileText as a,Headphones as t,Info as r}from"lucide-react";import{EnglishCertificationQuestionCard as i}from"./EnglishCertificationQuestionCard";import{EnglishCertificationPassagePanel as n}from"./EnglishCertificationPassagePanel";import{EnglishCertificationReadingSection as l}from"./EnglishCertificationReadingSection";import{EnglishCertificationAudioPlayer as o}from"./EnglishCertificationAudioPlayer";import{ENGLISH_CERT_CONTENT_WIDTH_CLASS as d}from"./english-certification-theme";import{isHtmlContent as c,stripInstruction as p}from"./grouped-question-utils";export function EnglishCertificationGroupedQuestion({part:g,partConfig:u,answers:m,flaggedQuestions:f,onAnswerChange:h,onToggleFlag:x,isReviewMode:b=!1,isListeningPart:w=!1,partAudioUrl:N}){const v=u.startIndex??0,q=function(e,s){const a=e.questions[0];return(a?.questionGroup?.payload?.instructions??(s?.trim()||void 0)??a?.content?.question??"").trim()}(g,g.instructions??u.instructions),I=g.sections?.length?[(()=>{const e=g.questions[0]?.questionGroup?.payload??{},s=e.content??e.passage??"",a=p(s,q),t=e.imageUrl??e.passageImageUrl??"";return{groupId:g.partId,questions:g.questions,passage:a,passageTitle:e.passageTitle??e.title??"",passageSubtitle:e.subtitle??"",passageImageUrl:t,hasPassageContent:Boolean(a.trim())||Boolean(t)}})()]:function(e,s){const a=[],t=new Map;return e.questions.forEach(e=>{const s=e.group_id??e.id;t.has(s)||(t.set(s,[]),a.push(s)),t.get(s).push(e)}),a.map(e=>{const a=t.get(e),r=a[0]?.questionGroup?.payload??{},i=r.content??r.passage??"",n=p(i,s),l=r.imageUrl??r.passageImageUrl??"";return{groupId:e,questions:a,passage:n,passageTitle:r.passageTitle??r.title??"",passageSubtitle:r.subtitle??"",passageImageUrl:l,hasPassageContent:Boolean(n.trim())||Boolean(l)}})}(g,q);if(!I.length)return e("div",{className:"flex h-full items-center justify-center rounded-xl border border-red-200 bg-red-50 p-8 text-red-600",children:"No questions found for this part"});const y=w&&Boolean(N),_=s=>g.sections?.length?e("div",{className:"flex-1 space-y-6 px-4 py-4",children:g.sections.map((a,t)=>{const r=s.questions.filter(e=>{const s=g.questions.indexOf(e);return s>=a.startIndex-v&&s<=a.endIndex-v});return r.length?e(l,{part:g,section:a,questions:r,startIndex:v,answers:m,flaggedQuestions:f,onAnswerChange:h,onToggleFlag:x,isReviewMode:b},`${s.groupId}-section-${t}`):null})}):e("div",{className:"flex-1 space-y-3 px-4 py-4",children:s.questions.map(s=>{const a=g.questions.indexOf(s)+1;return e(i,{question:s,globalQuestionNumber:v+a,answer:m[s.id],isFlagged:f.has(s.id),sharedInstruction:q,onAnswerChange:h,onToggleFlag:x,isReviewMode:b},s.id)})});return s("div",{className:"flex h-full flex-col gap-6 overflow-y-auto pb-4",children:[y&&e("div",{className:`${d} w-full self-center`,children:e(o,{audioUrl:N,partNumber:g.partNo})}),q&&e("div",{className:`${d} w-full self-center`,children:s("div",{className:"flex items-start gap-3 rounded-xl border border-[#bfd8f8] bg-gradient-to-r from-[#eef5ff] to-[#f7fbff] px-5 py-4 shadow-[0_5px_16px_rgba(13,71,161,0.08)] backdrop-blur-md",children:[e("span",{className:"mt-0.5 grid h-6 w-6 shrink-0 place-items-center rounded-full bg-[#1167e8] text-white",children:e(w?t:r,{className:"h-3.5 w-3.5"})}),s("div",{className:"min-w-0",children:[g.name&&e("div",{className:"mb-1 text-xs font-black uppercase tracking-wide text-[#0b57d0]",children:g.name}),e("p",{className:"text-base font-semibold leading-relaxed text-[#0f1730]",children:q})]})]})}),I.map(t=>{const i=g.questions.indexOf(t.questions[0])+v+1,l=g.questions.indexOf(t.questions[t.questions.length-1])+v+1,o=c(t.passage);return t.hasPassageContent?s("div",{className:"flex flex-col gap-3",children:[e("div",{className:"flex flex-wrap items-center gap-3 rounded-xl border border-[#d9e4f2] bg-white/85 px-4 py-3 shadow-[0_5px_16px_rgba(13,71,161,0.08)] backdrop-blur-md",children:s("div",{className:"flex items-center gap-2.5 rounded-md border border-[#bfd8f8] bg-white/70 px-3 py-1.5 text-base font-bold text-[#0b57d0]",children:[e("span",{className:"grid h-[18px] w-[18px] place-items-center rounded-full bg-[#1167e8] text-white",children:e(r,{className:"h-3 w-3"})}),"Questions ",i,"–",l," refer to the following passage."]})}),s("div",{className:"grid gap-4",style:{gridTemplateColumns:"minmax(0, 1fr) minmax(0, 1fr)"},children:[e("div",{className:"max-h-[calc(100vh-220px)] min-h-0 overflow-y-auto",children:e(n,{passage:t.passage,passageTitle:t.passageTitle,passageSubtitle:t.passageSubtitle,passageImageUrl:t.passageImageUrl,passageIsHtml:o,partName:g.name??""})}),e("section",{className:"flex max-h-[calc(100vh-220px)] min-h-0 flex-col overflow-y-auto rounded-xl border border-[#d9e4f2] bg-white/90 shadow-[0_14px_35px_rgba(13,71,161,0.12)] backdrop-blur-md",children:_(t)})]})]},t.groupId):s("div",{className:`${d} flex w-full flex-col gap-3 self-center`,children:[s("div",{className:"flex items-center gap-4 rounded-xl border border-[#d9e4f2] bg-white/90 px-5 py-4 shadow-[0_5px_16px_rgba(13,71,161,0.08)] backdrop-blur-md",children:[e("span",{className:"grid h-12 w-12 shrink-0 place-items-center rounded-xl bg-[#eaf2ff] text-[#1167e8]",children:e(a,{className:"h-6 w-6"})}),s("div",{className:"min-w-0 flex-1",children:[s("span",{className:"inline-flex items-center gap-1.5 rounded-md border border-[#bfd8f8] bg-[#eaf2ff] px-2.5 py-1 text-xs font-bold text-[#0b57d0]",children:["Questions ",i,"–",l]}),t.passageTitle&&e("p",{className:"mt-2 text-lg font-bold leading-tight text-[#0f1730]",children:t.passageTitle}),t.passageSubtitle&&e("p",{className:"mt-1 text-[15px] font-medium text-[#475569]",children:t.passageSubtitle})]}),t.passageImageUrl&&e("img",{src:t.passageImageUrl,alt:t.passageTitle||"Illustration",className:"h-20 w-32 shrink-0 rounded-lg object-contain"})]}),e("section",{className:"flex flex-col overflow-hidden rounded-xl border border-[#d9e4f2] bg-white/90 shadow-[0_14px_35px_rgba(13,71,161,0.12)] backdrop-blur-md",children:_(t)})]},t.groupId)})]})}

package/dist/components/themes/english-certification/EnglishCertificationHeader.d.ts

@@ -22,4 +22,3 @@ export interface EnglishCertificationHeaderProps {
  * Layout (desktop): brand block · test name · part/range meta · timer · submit.
  */
 export declare function EnglishCertificationHeader({ examName, remainingSeconds, totalQuestions, answeredCount, isSubmitting, onSubmit, lastSavedAt, isSaving, partLabel, partSubLabel, questionRange, }: EnglishCertificationHeaderProps): import("react").JSX.Element;
-//# sourceMappingURL=EnglishCertificationHeader.d.ts.map

package/dist/components/themes/english-certification/EnglishCertificationHeader.js

@@ -1,32 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Loader2 } from 'lucide-react';
-import { cn } from '../../../shared/lib/utils';
-import { EnglishCertificationBrand } from './EnglishCertificationBrand';
-/**
- * Formats seconds into HH:MM:SS string.
- * Always shows hours for the 2-hour standardized exams.
- */
-function formatTime(seconds) {
-    const h = Math.floor(seconds / 3600);
-    const m = Math.floor((seconds % 3600) / 60);
-    const s = seconds % 60;
-    return `${String(h).padStart(2, '0')}:${String(m).padStart(2, '0')}:${String(s).padStart(2, '0')}`;
-}
-/**
- * Formats a Date into HH:MM local time string.
- */
-function formatSavedAt(date) {
-    return date.toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit', hour12: false });
-}
-/**
- * Branded Ocean Edu top header bar for English Certification exam taking.
- *
- * Layout (desktop): brand block · test name · part/range meta · timer · submit.
- */
-export function EnglishCertificationHeader({ examName, remainingSeconds, totalQuestions, answeredCount, isSubmitting, onSubmit, lastSavedAt, isSaving, partLabel, partSubLabel, questionRange, }) {
-    const isWarning = remainingSeconds <= 900 && remainingSeconds > 300; // 5-15 min
-    const isCritical = remainingSeconds <= 300; // ≤5 min
-    return (_jsxs("header", { className: cn('sticky top-0 z-50 flex h-[74px] items-center gap-4 border-b border-[#d9e4f2] px-4 lg:px-6', 'bg-white/95 shadow-[0_8px_26px_rgba(10,61,154,0.08)] backdrop-blur-md'), children: [_jsx("div", { className: "flex shrink-0 items-center gap-3", children: _jsx("div", { className: "hidden border-r border-[#d9e4f2] pr-4 sm:block", children: _jsx(EnglishCertificationBrand, {}) }) }), _jsxs("div", { className: "hidden min-w-0 lg:block", children: [_jsx("strong", { className: "block truncate text-[17px] font-semibold leading-tight text-[#0f1730]", children: examName }), _jsx("span", { className: "mt-1 block text-sm font-bold text-[#64748b]", children: "English Certification" })] }), _jsxs("div", { className: "flex flex-1 items-center justify-center gap-5 text-center", children: [partLabel && (_jsxs("div", { className: "leading-tight text-[#0b57d0]", children: [_jsx("div", { className: "text-sm font-black tracking-wide", children: partLabel }), partSubLabel && (_jsx("div", { className: "mt-1 text-xs font-semibold text-[#27324a]", children: partSubLabel }))] })), questionRange && (_jsxs("div", { className: "whitespace-nowrap text-[15px] font-bold text-[#0f1730]", children: ["Questions ", _jsx("span", { className: "text-[#0b57d0]", children: questionRange })] }))] }), _jsxs("div", { className: "flex shrink-0 flex-col items-center border-l border-[#d9e4f2] pl-4", children: [_jsx("span", { className: cn('font-mono text-xl font-black leading-none tracking-wide tabular-nums lg:text-2xl', !isWarning && !isCritical && 'text-[#0b57d0]', isWarning && 'text-orange-500', isCritical && 'animate-pulse text-red-500'), "aria-live": "polite", "aria-label": `Time remaining: ${formatTime(remainingSeconds)}`, children: formatTime(remainingSeconds) }), _jsx("span", { className: "mt-1 text-[11px] font-semibold text-[#64748b]", children: "Time Remaining" }), (isSaving || lastSavedAt) && (_jsx("span", { className: "mt-0.5 flex items-center gap-1 text-[10px] text-slate-400", children: isSaving ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-2.5 w-2.5 animate-spin" }), "Saving..."] })) : lastSavedAt ? (_jsxs(_Fragment, { children: ["Saved ", formatSavedAt(lastSavedAt)] })) : null }))] }), _jsxs("div", { className: "flex shrink-0 items-center gap-3", children: [_jsxs("div", { className: "hidden text-right sm:block", children: [_jsxs("div", { className: "text-sm font-semibold text-[#0f1730]", children: [_jsx("span", { className: "text-[#0b57d0]", children: answeredCount }), _jsxs("span", { className: "text-slate-400", children: ["/", totalQuestions] })] }), _jsx("div", { className: "text-[11px] text-slate-400", children: "Answered" })] }), _jsx("button", { type: "button", onClick: onSubmit, disabled: isSubmitting, className: cn('inline-flex h-12 items-center gap-1.5 rounded-lg px-5 text-sm font-black tracking-wide text-white', 'bg-gradient-to-b from-[#ffad31] to-[#ff8a00] shadow-[0_12px_24px_rgba(255,138,0,0.3)]', 'transition-all hover:-translate-y-0.5 hover:brightness-[0.98]', 'disabled:cursor-not-allowed disabled:opacity-60'), children: isSubmitting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "Submitting..."] })) : ('SUBMIT TEST') })] })] }));
-}
-//# sourceMappingURL=EnglishCertificationHeader.js.map
+"use client";import{jsx as e,jsxs as t,Fragment as a}from"react/jsx-runtime";import{Loader2 as i}from"lucide-react";import{cn as n}from"../../../shared/lib/utils";import{EnglishCertificationBrand as s}from"./EnglishCertificationBrand";function l(e){const t=Math.floor(e/3600),a=Math.floor(e%3600/60),i=e%60;return`${String(t).padStart(2,"0")}:${String(a).padStart(2,"0")}:${String(i).padStart(2,"0")}`}export function EnglishCertificationHeader({examName:r,remainingSeconds:d,totalQuestions:c,answeredCount:o,isSubmitting:m,onSubmit:x,lastSavedAt:h,isSaving:b,partLabel:p,partSubLabel:g,questionRange:f}){const u=d<=900&&d>300,N=d<=300;return t("header",{className:n("sticky top-0 z-50 flex h-[74px] items-center gap-4 border-b border-[#d9e4f2] px-4 lg:px-6","bg-white/95 shadow-[0_8px_26px_rgba(10,61,154,0.08)] backdrop-blur-md"),children:[e("div",{className:"flex shrink-0 items-center gap-3",children:e("div",{className:"hidden border-r border-[#d9e4f2] pr-4 sm:block",children:e(s,{})})}),t("div",{className:"hidden min-w-0 lg:block",children:[e("strong",{className:"block truncate text-[17px] font-semibold leading-tight text-[#0f1730]",children:r}),e("span",{className:"mt-1 block text-sm font-bold text-[#64748b]",children:"English Certification"})]}),t("div",{className:"flex flex-1 items-center justify-center gap-5 text-center",children:[p&&t("div",{className:"leading-tight text-[#0b57d0]",children:[e("div",{className:"text-sm font-black tracking-wide",children:p}),g&&e("div",{className:"mt-1 text-xs font-semibold text-[#27324a]",children:g})]}),f&&t("div",{className:"whitespace-nowrap text-[15px] font-bold text-[#0f1730]",children:["Questions ",e("span",{className:"text-[#0b57d0]",children:f})]})]}),t("div",{className:"flex shrink-0 flex-col items-center border-l border-[#d9e4f2] pl-4",children:[e("span",{className:n("font-mono text-xl font-black leading-none tracking-wide tabular-nums lg:text-2xl",!u&&!N&&"text-[#0b57d0]",u&&"text-orange-500",N&&"animate-pulse text-red-500"),"aria-live":"polite","aria-label":`Time remaining: ${l(d)}`,children:l(d)}),e("span",{className:"mt-1 text-[11px] font-semibold text-[#64748b]",children:"Time Remaining"}),(b||h)&&e("span",{className:"mt-0.5 flex items-center gap-1 text-[10px] text-slate-400",children:b?t(a,{children:[e(i,{className:"h-2.5 w-2.5 animate-spin"}),"Saving..."]}):h?t(a,{children:["Saved ",(v=h,v.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit",hour12:!1}))]}):null})]}),t("div",{className:"flex shrink-0 items-center gap-3",children:[t("div",{className:"hidden text-right sm:block",children:[t("div",{className:"text-sm font-semibold text-[#0f1730]",children:[e("span",{className:"text-[#0b57d0]",children:o}),t("span",{className:"text-slate-400",children:["/",c]})]}),e("div",{className:"text-[11px] text-slate-400",children:"Answered"})]}),e("button",{type:"button",onClick:x,disabled:m,className:n("inline-flex h-12 items-center gap-1.5 rounded-lg px-5 text-sm font-black tracking-wide text-white","bg-gradient-to-b from-[#ffad31] to-[#ff8a00] shadow-[0_12px_24px_rgba(255,138,0,0.3)]","transition-all hover:-translate-y-0.5 hover:brightness-[0.98]","disabled:cursor-not-allowed disabled:opacity-60"),children:m?t(a,{children:[e(i,{className:"h-4 w-4 animate-spin"}),"Submitting..."]}):"SUBMIT TEST"})]})]});var v}

package/dist/components/themes/english-certification/EnglishCertificationNavigationPanel.d.ts

@@ -16,4 +16,3 @@ export interface EnglishCertificationNavigationPanelProps {
  * (answered, current, marked states) and a legend, bound to real store data.
  */
 export declare function EnglishCertificationNavigationPanel({ parts, questions, answers, flaggedQuestions, currentIndex, onQuestionClick, onPartClick, }: EnglishCertificationNavigationPanelProps): import("react").JSX.Element;
-//# sourceMappingURL=EnglishCertificationNavigationPanel.d.ts.map

package/dist/components/themes/english-certification/EnglishCertificationNavigationPanel.js

@@ -1,72 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useEffect, useMemo } from 'react';
-import { cn } from '../../../shared/lib/utils';
-/** Returns true when an answer entry counts as "answered". */
-function isAnswered(answer) {
-    if (answer === undefined || answer === null || answer === '')
-        return false;
-    if (typeof answer === 'object' && 'optionId' in answer) {
-        return Boolean(answer.optionId);
-    }
-    return true;
-}
-/**
- * Branded Ocean Edu "Answer Sheet" navigation panel.
- *
- * Shows an Answered / Unanswered / Marked summary, a per-part question grid
- * (answered, current, marked states) and a legend, bound to real store data.
- */
-export function EnglishCertificationNavigationPanel({ parts, questions, answers, flaggedQuestions, currentIndex, onQuestionClick, onPartClick, }) {
-    const buttonRefs = useRef(new Map());
-    // Scroll current button into view when currentIndex changes.
-    useEffect(() => {
-        const btn = buttonRefs.current.get(currentIndex);
-        btn?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
-    }, [currentIndex]);
-    const { answeredCount, markedCount, unansweredCount } = useMemo(() => {
-        const answered = questions.filter((q) => isAnswered(answers[q.id])).length;
-        const marked = questions.filter((q) => flaggedQuestions.has(q.id)).length;
-        return {
-            answeredCount: answered,
-            markedCount: marked,
-            unansweredCount: questions.length - answered,
-        };
-    }, [questions, answers, flaggedQuestions]);
-    return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsxs("div", { className: "grid grid-cols-3 gap-3 p-4 pb-2", children: [_jsx(SummaryBox, { label: "Answered", value: answeredCount, variant: "answered" }), _jsx(SummaryBox, { label: "Unanswered", value: unansweredCount, variant: "unanswered" }), _jsx(SummaryBox, { label: "Marked", value: markedCount, variant: "marked" })] }), _jsxs("div", { className: "flex-1 overflow-y-auto px-4 pb-4", children: [parts.map((part, partIdx) => {
-                        const startGlobal = part.startIndex ?? 0;
-                        const endGlobal = part.endIndex ?? startGlobal;
-                        const totalInPart = endGlobal - startGlobal + 1;
-                        return (_jsxs("section", { className: "mb-5", children: [_jsx("button", { type: "button", onClick: () => onPartClick(partIdx), className: cn('mb-3 w-full text-left text-[15px] font-black text-[#17213a] transition-colors hover:text-[#0b57d0]', currentIndex >= startGlobal &&
-                                        currentIndex <= endGlobal &&
-                                        'text-[#0b57d0]'), children: part.name || `Part ${partIdx + 1}` }), _jsx("div", { className: "grid grid-cols-5 gap-2.5", children: Array.from({ length: totalInPart }, (_, i) => {
-                                        const globalIdx = startGlobal + i;
-                                        const question = questions[globalIdx];
-                                        if (!question)
-                                            return null;
-                                        const answered = isAnswered(answers[question.id]);
-                                        const flagged = flaggedQuestions.has(question.id);
-                                        const current = globalIdx === currentIndex;
-                                        const displayNum = globalIdx + 1;
-                                        return (_jsxs("button", { ref: (el) => {
-                                                if (el)
-                                                    buttonRefs.current.set(globalIdx, el);
-                                                else
-                                                    buttonRefs.current.delete(globalIdx);
-                                            }, type: "button", onClick: () => onQuestionClick(globalIdx), className: cn('relative flex h-[50px] items-center justify-center rounded-md border text-[15px] font-bold transition-all', 'focus-visible:ring-2 focus-visible:ring-[#1167e8] focus-visible:ring-offset-1', answered
-                                                ? 'border-[#b9edc8] bg-[#ddf8e7] text-[#111827]'
-                                                : 'border-[#d9e4f2] bg-white text-[#111827]', current &&
-                                                'border-[#1167e8] text-[#0b57d0] shadow-[inset_0_0_0_1px_#1167e8]'), "aria-label": `Question ${displayNum}${answered ? ', answered' : ', unanswered'}${flagged ? ', marked' : ''}`, "aria-current": current ? 'true' : undefined, children: [displayNum, flagged && (_jsx("span", { className: "absolute -top-px right-2 h-[18px] w-[9px] bg-[#ff8a00]", style: {
-                                                        clipPath: 'polygon(0 0, 100% 0, 100% 100%, 50% 70%, 0 100%)',
-                                                    }, "aria-hidden": "true" }))] }, question.id));
-                                    }) })] }, partIdx));
-                    }), _jsxs("div", { className: "mt-2 rounded-md border border-[#d9e4f2] bg-white/70 p-4", children: [_jsx(LegendRow, { variant: "current", children: "Current Question" }), _jsx(LegendRow, { variant: "answered", children: "Answered" }), _jsx(LegendRow, { variant: "none", children: "Not Answered" }), _jsx(LegendRow, { variant: "marked", children: "Marked for Review" })] })] })] }));
-}
-function SummaryBox({ label, value, variant, }) {
-    return (_jsx("div", { className: "grid min-h-[78px] place-items-center rounded-md border border-[#d9e4f2] bg-white text-center", children: _jsxs("div", { children: [_jsx("span", { className: cn('block text-[11px] font-black uppercase tracking-wide', variant === 'answered' && 'text-[#0a3d9a]', variant === 'unanswered' && 'text-[#17213a]', variant === 'marked' && 'text-[#f97316]'), children: label }), _jsx("strong", { className: cn('mt-2 block text-[28px] leading-none', variant === 'answered' && 'text-[#0b57d0]', variant === 'unanswered' && 'text-[#17213a]', variant === 'marked' && 'text-[#f97316]'), children: value })] }) }));
-}
-function LegendRow({ variant, children, }) {
-    return (_jsxs("div", { className: "my-3 flex items-center gap-3.5 text-sm font-semibold text-[#334155]", children: [variant === 'marked' ? (_jsx("span", { className: "h-[18px] w-2.5 bg-[#ff8a00]", style: { clipPath: 'polygon(0 0, 100% 0, 100% 100%, 50% 70%, 0 100%)' } })) : (_jsx("span", { className: cn('h-[22px] w-[22px] rounded border border-[#d9e4f2] bg-white', variant === 'current' &&
-                    'border-[#1167e8] shadow-[inset_0_0_0_1px_#1167e8]', variant === 'answered' && 'border-[#b9edc8] bg-[#ddf8e7]') })), children] }));
-}
-//# sourceMappingURL=EnglishCertificationNavigationPanel.js.map
+"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as r,useEffect as n,useMemo as a}from"react";import{cn as d}from"../../../shared/lib/utils";function i(e){return null!=e&&""!==e&&("object"!=typeof e||!("optionId"in e)||Boolean(e.optionId))}export function EnglishCertificationNavigationPanel({parts:o,questions:c,answers:u,flaggedQuestions:b,currentIndex:m,onQuestionClick:f,onPartClick:x}){const h=r(new Map);n(()=>{const e=h.current.get(m);e?.scrollIntoView({block:"nearest",behavior:"smooth"})},[m]);const{answeredCount:p,markedCount:g,unansweredCount:w}=a(()=>{const e=c.filter(e=>i(u[e.id])).length;return{answeredCount:e,markedCount:c.filter(e=>b.has(e.id)).length,unansweredCount:c.length-e}},[c,u,b]);return t("div",{className:"flex h-full flex-col",children:[t("div",{className:"grid grid-cols-3 gap-3 p-4 pb-2",children:[e(s,{label:"Answered",value:p,variant:"answered"}),e(s,{label:"Unanswered",value:w,variant:"unanswered"}),e(s,{label:"Marked",value:g,variant:"marked"})]}),t("div",{className:"flex-1 overflow-y-auto px-4 pb-4",children:[o.map((r,n)=>{const a=r.startIndex??0,s=r.endIndex??a,l=s-a+1;return t("section",{className:"mb-5",children:[e("button",{type:"button",onClick:()=>x(n),className:d("mb-3 w-full text-left text-[15px] font-black text-[#17213a] transition-colors hover:text-[#0b57d0]",m>=a&&m<=s&&"text-[#0b57d0]"),children:r.name||`Part ${n+1}`}),e("div",{className:"grid grid-cols-5 gap-2.5",children:Array.from({length:l},(r,n)=>{const s=a+n,l=c[s];if(!l)return null;const o=i(u[l.id]),x=b.has(l.id),p=s===m,g=s+1;return t("button",{ref:e=>{e?h.current.set(s,e):h.current.delete(s)},type:"button",onClick:()=>f(s),className:d("relative flex h-[50px] items-center justify-center rounded-md border text-[15px] font-bold transition-all","focus-visible:ring-2 focus-visible:ring-[#1167e8] focus-visible:ring-offset-1",o?"border-[#b9edc8] bg-[#ddf8e7] text-[#111827]":"border-[#d9e4f2] bg-white text-[#111827]",p&&"border-[#1167e8] text-[#0b57d0] shadow-[inset_0_0_0_1px_#1167e8]"),"aria-label":`Question ${g}${o?", answered":", unanswered"}${x?", marked":""}`,"aria-current":p?"true":void 0,children:[g,x&&e("span",{className:"absolute -top-px right-2 h-[18px] w-[9px] bg-[#ff8a00]",style:{clipPath:"polygon(0 0, 100% 0, 100% 100%, 50% 70%, 0 100%)"},"aria-hidden":"true"})]},l.id)})})]},n)}),t("div",{className:"mt-2 rounded-md border border-[#d9e4f2] bg-white/70 p-4",children:[e(l,{variant:"current",children:"Current Question"}),e(l,{variant:"answered",children:"Answered"}),e(l,{variant:"none",children:"Not Answered"}),e(l,{variant:"marked",children:"Marked for Review"})]})]})]})}function s({label:r,value:n,variant:a}){return e("div",{className:"grid min-h-[78px] place-items-center rounded-md border border-[#d9e4f2] bg-white text-center",children:t("div",{children:[e("span",{className:d("block text-[11px] font-black uppercase tracking-wide","answered"===a&&"text-[#0a3d9a]","unanswered"===a&&"text-[#17213a]","marked"===a&&"text-[#f97316]"),children:r}),e("strong",{className:d("mt-2 block text-[28px] leading-none","answered"===a&&"text-[#0b57d0]","unanswered"===a&&"text-[#17213a]","marked"===a&&"text-[#f97316]"),children:n})]})})}function l({variant:r,children:n}){return t("div",{className:"my-3 flex items-center gap-3.5 text-sm font-semibold text-[#334155]",children:[e("span","marked"===r?{className:"h-[18px] w-2.5 bg-[#ff8a00]",style:{clipPath:"polygon(0 0, 100% 0, 100% 100%, 50% 70%, 0 100%)"}}:{className:d("h-[22px] w-[22px] rounded border border-[#d9e4f2] bg-white","current"===r&&"border-[#1167e8] shadow-[inset_0_0_0_1px_#1167e8]","answered"===r&&"border-[#b9edc8] bg-[#ddf8e7]")}),n]})}

package/dist/components/themes/english-certification/EnglishCertificationOptionSelector.d.ts

@@ -26,4 +26,3 @@ export interface EnglishCertificationOptionSelectorProps {
  * correct/incorrect indicators in review mode.
  */
 export declare function EnglishCertificationOptionSelector({ options, selectedOptionId, onSelect, disabled, isReviewMode, correctOptionId, variant, }: EnglishCertificationOptionSelectorProps): import("react").JSX.Element;
-//# sourceMappingURL=EnglishCertificationOptionSelector.d.ts.map

package/dist/components/themes/english-certification/EnglishCertificationOptionSelector.js

@@ -1,34 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from '../../../shared/lib/utils';
-import { CheckCircle2, XCircle } from 'lucide-react';
-/**
- * Shared A–D answer selector for all English Certification question types.
- *
- * Renders either large branded cards or compact rows, and shows
- * correct/incorrect indicators in review mode.
- */
-export function EnglishCertificationOptionSelector({ options, selectedOptionId, onSelect, disabled = false, isReviewMode = false, correctOptionId, variant = 'cards', }) {
-    if (variant === 'compact') {
-        return (_jsx("div", { className: "flex flex-col gap-1", role: "radiogroup", children: options.map((option) => {
-                const isSelected = option.id === selectedOptionId;
-                const isCorrect = isReviewMode && option.id === correctOptionId;
-                const isWrong = isReviewMode && isSelected && option.id !== correctOptionId;
-                return (_jsxs("button", { type: "button", role: "radio", "aria-checked": isSelected, disabled: disabled, onClick: () => !disabled && onSelect(option.id), className: cn('flex items-center gap-2.5 rounded-md border border-transparent px-2.5 py-1.5 text-left text-base transition-all', 'hover:border-[#c8def7] hover:bg-[#f4f9ff]', isSelected &&
-                        !isReviewMode &&
-                        'border-[#99c5f8] bg-[#eff7ff] shadow-[inset_0_0_0_1px_rgba(17,103,232,0.08)]', isCorrect && 'border-[#b9edc8] bg-[#ddf8e7]', isWrong && 'border-red-300 bg-red-50', disabled && 'cursor-not-allowed opacity-60'), children: [_jsx("span", { className: cn('grid h-4 w-4 shrink-0 place-items-center rounded-full border-2 border-[#94a3b8]', isSelected && !isReviewMode && 'border-[#0b57d0]', isCorrect && 'border-[#22c55e]', isWrong && 'border-red-500'), children: isSelected && (_jsx("span", { className: cn('h-2 w-2 rounded-full bg-[#0b57d0]', isCorrect && 'bg-[#22c55e]', isWrong && 'bg-red-500') })) }), _jsx("span", { className: "font-bold text-[#23304c]", children: option.label }), _jsx("span", { className: "flex-1 leading-snug text-[#1e293b]", children: option.text }), isReviewMode && isCorrect && (_jsx(CheckCircle2, { className: "h-4 w-4 shrink-0 text-[#22c55e]", "aria-label": "Correct" })), isReviewMode && isWrong && (_jsx(XCircle, { className: "h-4 w-4 shrink-0 text-red-500", "aria-label": "Incorrect" }))] }, option.id));
-            }) }));
-    }
-    // 'cards' variant — large A–D answer cards.
-    return (_jsx("div", { className: "grid gap-4 sm:gap-6", style: { gridTemplateColumns: `repeat(${Math.min(options.length, 4)}, minmax(0, 1fr))` }, role: "radiogroup", children: options.map((option) => {
-            const isSelected = option.id === selectedOptionId;
-            const isCorrect = isReviewMode && option.id === correctOptionId;
-            const isWrong = isReviewMode && isSelected && option.id !== correctOptionId;
-            const isActive = isSelected && !isReviewMode;
-            return (_jsxs("button", { type: "button", role: "radio", "aria-checked": isSelected, disabled: disabled, onClick: () => !disabled && onSelect(option.id), className: cn('relative flex min-h-[96px] flex-col items-center justify-center rounded-[10px] border p-3 transition-all', 'border-[#d9e4f2] bg-white shadow-[0_5px_16px_rgba(13,71,161,0.08)]', 'hover:-translate-y-0.5', isActive &&
-                    'border-[#0b57d0] text-white shadow-[0_16px_30px_rgba(11,87,208,0.25)]', isCorrect && 'border-[#22c55e] bg-[#ddf8e7]', isWrong && 'border-red-400 bg-red-50', disabled && 'cursor-not-allowed opacity-60'), style: isActive
-                    ? { background: 'linear-gradient(180deg, #1f7cff, #0b57d0)' }
-                    : undefined, children: [_jsx("span", { className: cn('grid h-[52px] w-[52px] place-items-center rounded-full border-[1.5px] text-2xl font-black', 'border-[#0b57d0] bg-white text-[#0b57d0]', isActive && 'border-white', isCorrect && 'border-[#22c55e] text-[#22c55e]', isWrong && 'border-red-500 text-red-500'), children: option.label }), option.text && (_jsx("span", { className: cn('mt-2 line-clamp-2 text-center text-sm font-semibold text-[#0f1730]', isActive && 'text-white', isCorrect && 'text-[#15803d]', isWrong && 'text-red-700'), children: option.text })), (isActive || isCorrect) && (_jsx("span", { className: "absolute right-2.5 top-2.5 grid h-[23px] w-[23px] place-items-center rounded-full bg-white text-[15px] font-black text-[#0b57d0]", children: "\u2713" }))] }, option.id));
-        }) }));
-}
-//# sourceMappingURL=EnglishCertificationOptionSelector.js.map
+"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{cn as t}from"../../../shared/lib/utils";import{CheckCircle2 as d,XCircle as a}from"lucide-react";export function EnglishCertificationOptionSelector({options:o,selectedOptionId:l,onSelect:i,disabled:n=!1,isReviewMode:s=!1,correctOptionId:c,variant:b="cards"}){return e("div","compact"===b?{className:"flex flex-col gap-1",role:"radiogroup",children:o.map(o=>{const b=o.id===l,p=s&&o.id===c,x=s&&b&&o.id!==c;return r("button",{type:"button",role:"radio","aria-checked":b,disabled:n,onClick:()=>!n&&i(o.id),className:t("flex items-center gap-2.5 rounded-md border border-transparent px-2.5 py-1.5 text-left text-base transition-all","hover:border-[#c8def7] hover:bg-[#f4f9ff]",b&&!s&&"border-[#99c5f8] bg-[#eff7ff] shadow-[inset_0_0_0_1px_rgba(17,103,232,0.08)]",p&&"border-[#b9edc8] bg-[#ddf8e7]",x&&"border-red-300 bg-red-50",n&&"cursor-not-allowed opacity-60"),children:[e("span",{className:t("grid h-4 w-4 shrink-0 place-items-center rounded-full border-2 border-[#94a3b8]",b&&!s&&"border-[#0b57d0]",p&&"border-[#22c55e]",x&&"border-red-500"),children:b&&e("span",{className:t("h-2 w-2 rounded-full bg-[#0b57d0]",p&&"bg-[#22c55e]",x&&"bg-red-500")})}),e("span",{className:"font-bold text-[#23304c]",children:o.label}),e("span",{className:"flex-1 leading-snug text-[#1e293b]",children:o.text}),s&&p&&e(d,{className:"h-4 w-4 shrink-0 text-[#22c55e]","aria-label":"Correct"}),s&&x&&e(a,{className:"h-4 w-4 shrink-0 text-red-500","aria-label":"Incorrect"})]},o.id)})}:{className:"grid gap-4 sm:gap-6",style:{gridTemplateColumns:`repeat(${Math.min(o.length,4)}, minmax(0, 1fr))`},role:"radiogroup",children:o.map(d=>{const a=d.id===l,o=s&&d.id===c,b=s&&a&&d.id!==c,p=a&&!s;return r("button",{type:"button",role:"radio","aria-checked":a,disabled:n,onClick:()=>!n&&i(d.id),className:t("relative flex min-h-[96px] flex-col items-center justify-center rounded-[10px] border p-3 transition-all","border-[#d9e4f2] bg-white shadow-[0_5px_16px_rgba(13,71,161,0.08)]","hover:-translate-y-0.5",p&&"border-[#0b57d0] text-white shadow-[0_16px_30px_rgba(11,87,208,0.25)]",o&&"border-[#22c55e] bg-[#ddf8e7]",b&&"border-red-400 bg-red-50",n&&"cursor-not-allowed opacity-60"),style:p?{background:"linear-gradient(180deg, #1f7cff, #0b57d0)"}:void 0,children:[e("span",{className:t("grid h-[52px] w-[52px] place-items-center rounded-full border-[1.5px] text-2xl font-black","border-[#0b57d0] bg-white text-[#0b57d0]",p&&"border-white",o&&"border-[#22c55e] text-[#22c55e]",b&&"border-red-500 text-red-500"),children:d.label}),d.text&&e("span",{className:t("mt-2 line-clamp-2 text-center text-sm font-semibold text-[#0f1730]",p&&"text-white",o&&"text-[#15803d]",b&&"text-red-700"),children:d.text}),(p||o)&&e("span",{className:"absolute right-2.5 top-2.5 grid h-[23px] w-[23px] place-items-center rounded-full bg-white text-[15px] font-black text-[#0b57d0]",children:"✓"})]},d.id)})})}

package/dist/components/themes/english-certification/EnglishCertificationPassagePanel.d.ts

@@ -19,4 +19,3 @@ interface EnglishCertificationPassagePanelProps {
  */
 export declare function EnglishCertificationPassagePanel({ passage, passageTitle, passageSubtitle, passageImageUrl, passageIsHtml, partName, }: EnglishCertificationPassagePanelProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=EnglishCertificationPassagePanel.d.ts.map

package/dist/components/themes/english-certification/EnglishCertificationPassagePanel.js

@@ -1,17 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useImageUrl } from '../../../shared/lib/hooks/useImageUrl';
-/**
- * Reading passage panel for grouped English Certification parts.
- *
- * Extracted into its own component so it can call {@link useImageUrl} to resolve
- * the passage image. The API persists images as S3 keys (e.g.
- * `questions/images/...`) which must be exchanged for a presigned URL before
- * they can be rendered. Local paths (`/...`) and absolute URLs pass through
- * unchanged.
- */
-export function EnglishCertificationPassagePanel({ passage, passageTitle, passageSubtitle, passageImageUrl, passageIsHtml, partName, }) {
-    const resolvedImageUrl = useImageUrl(passageImageUrl || null);
-    return (_jsxs("article", { className: "flex flex-col overflow-hidden rounded-xl border border-[#d9e4f2] bg-white/90 shadow-[0_14px_35px_rgba(13,71,161,0.12)] backdrop-blur-md", children: [_jsx("div", { className: "flex h-[52px] items-end border-b border-[#d9e4f2] bg-white/70 px-5", children: _jsx("span", { className: "flex h-full items-center border-b-[3px] border-[#0b57d0] text-sm font-black tracking-wide text-[#0a3d9a]", children: "PASSAGE" }) }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "px-6 pt-6 leading-relaxed", children: [passageTitle && (_jsx("h1", { className: "mb-1 text-[clamp(20px,1.6vw,28px)] font-black leading-tight text-[#061a55]", children: passageTitle })), passageSubtitle && (_jsx("p", { className: "mb-4 text-[15px] font-semibold text-[#475569]", children: passageSubtitle })), resolvedImageUrl && (_jsx("div", { className: "mb-4 overflow-hidden rounded-lg border border-[#d9e4f2]", children: _jsx("img", { src: resolvedImageUrl, alt: "passage", className: "h-auto w-full object-cover" }) })), passageIsHtml ? (_jsx("div", { className: "ec-passage-html text-[15.8px] leading-relaxed text-[#1e293b] [&_p]:mb-3 [&_strong]:font-bold [&_ul]:my-3 [&_ul]:list-disc [&_ul]:pl-6 [&_table]:my-3 [&_td]:border [&_td]:border-[#d9e4f2] [&_td]:px-2 [&_td]:py-1", dangerouslySetInnerHTML: { __html: passage } })) : (_jsx("div", { className: "whitespace-pre-wrap text-[15.8px] text-[#1e293b]", children: passage }))] }), _jsxs("div", { className: "mt-4 flex items-center gap-2.5 border-t border-[#d9e4f2] bg-white/92 px-5 py-3 text-[13px] font-bold text-[#334155] backdrop-blur-md", children: [_jsx("span", { className: "grid h-[18px] w-[18px] place-items-center rounded-full border-2 border-[#1167e8] text-[11px] font-black text-[#1167e8]", children: "i" }), partName || 'Reading', " \u00B7 Reading passage"] })] })] }));
-}
-//# sourceMappingURL=EnglishCertificationPassagePanel.js.map
+"use client";import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useImageUrl as t}from"../../../shared/lib/hooks/useImageUrl";export function EnglishCertificationPassagePanel({passage:l,passageTitle:r,passageSubtitle:d,passageImageUrl:s,passageIsHtml:i,partName:o}){const c=t(s||null);return a("article",{className:"flex flex-col overflow-hidden rounded-xl border border-[#d9e4f2] bg-white/90 shadow-[0_14px_35px_rgba(13,71,161,0.12)] backdrop-blur-md",children:[e("div",{className:"flex h-[52px] items-end border-b border-[#d9e4f2] bg-white/70 px-5",children:e("span",{className:"flex h-full items-center border-b-[3px] border-[#0b57d0] text-sm font-black tracking-wide text-[#0a3d9a]",children:"PASSAGE"})}),a("div",{className:"flex-1",children:[a("div",{className:"px-6 pt-6 leading-relaxed",children:[r&&e("h1",{className:"mb-1 text-[clamp(20px,1.6vw,28px)] font-black leading-tight text-[#061a55]",children:r}),d&&e("p",{className:"mb-4 text-[15px] font-semibold text-[#475569]",children:d}),c&&e("div",{className:"mb-4 overflow-hidden rounded-lg border border-[#d9e4f2]",children:e("img",{src:c,alt:"passage",className:"h-auto w-full object-cover"})}),e("div",i?{className:"ec-passage-html text-[15.8px] leading-relaxed text-[#1e293b] [&_p]:mb-3 [&_strong]:font-bold [&_ul]:my-3 [&_ul]:list-disc [&_ul]:pl-6 [&_table]:my-3 [&_td]:border [&_td]:border-[#d9e4f2] [&_td]:px-2 [&_td]:py-1",dangerouslySetInnerHTML:{__html:l}}:{className:"whitespace-pre-wrap text-[15.8px] text-[#1e293b]",children:l})]}),a("div",{className:"mt-4 flex items-center gap-2.5 border-t border-[#d9e4f2] bg-white/92 px-5 py-3 text-[13px] font-bold text-[#334155] backdrop-blur-md",children:[e("span",{className:"grid h-[18px] w-[18px] place-items-center rounded-full border-2 border-[#1167e8] text-[11px] font-black text-[#1167e8]",children:"i"}),o||"Reading"," · Reading passage"]})]})]})}

package/dist/components/themes/english-certification/EnglishCertificationQuestionCard.d.ts

@@ -18,4 +18,3 @@ interface EnglishCertificationQuestionCardProps {
  */
 export declare function EnglishCertificationQuestionCard({ question, globalQuestionNumber, answer, isFlagged, sharedInstruction, onAnswerChange, onToggleFlag, isReviewMode, }: EnglishCertificationQuestionCardProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=EnglishCertificationQuestionCard.d.ts.map

package/dist/components/themes/english-certification/EnglishCertificationQuestionCard.js

@@ -1,23 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { EnglishCertificationOptionSelector } from './EnglishCertificationOptionSelector';
-import { EnglishCertificationFlagButton } from './EnglishCertificationFlagButton';
-/**
- * Single MCQ rendered as a standalone Ocean Edu white card.
- *
- * Replaces the former shared-section/divider layout so each question matches the
- * target mockup (own card, number chip, flag button, compact options).
- */
-export function EnglishCertificationQuestionCard({ question, globalQuestionNumber, answer, isFlagged, sharedInstruction, onAnswerChange, onToggleFlag, isReviewMode = false, }) {
-    const content = question.content || {};
-    const rawOptions = content.options || [];
-    const questionText = content.question?.trim() ?? '';
-    // Skip per-question text when it merely repeats the shared part instruction.
-    const showQuestionText = questionText.length > 0 && questionText !== sharedInstruction;
-    return (_jsx("article", { className: "rounded-xl border border-[#d9e4f2] bg-white/90 px-4 py-4 shadow-[0_5px_16px_rgba(13,71,161,0.08)] backdrop-blur-md transition-colors", children: _jsxs("div", { className: "grid grid-cols-[44px_1fr_32px] gap-1", children: [_jsx("div", { className: "grid h-9 w-9 place-items-center rounded-full bg-[#eef5ff] text-base font-black leading-none text-[#0b57d0]", children: globalQuestionNumber }), _jsxs("div", { className: "min-w-0", children: [showQuestionText && (_jsx("div", { className: "mb-2 text-base font-black leading-snug text-[#10172f]", children: questionText })), _jsx(EnglishCertificationOptionSelector, { options: rawOptions.map((option, optIdx) => ({
-                                id: option?.id || String.fromCharCode(65 + optIdx),
-                                label: option?.id || String.fromCharCode(65 + optIdx),
-                                text: option?.text || String(option ?? ''),
-                            })), selectedOptionId: answer?.optionId ?? null, onSelect: (optionId) => onAnswerChange(question.id, { optionId }), isReviewMode: isReviewMode, disabled: isReviewMode, variant: "compact" })] }), _jsx(EnglishCertificationFlagButton, { isFlagged: isFlagged, onToggle: () => onToggleFlag(question.id), size: "sm", className: "self-start justify-self-end" })] }) }));
-}
-//# sourceMappingURL=EnglishCertificationQuestionCard.js.map
+"use client";import{jsx as e,jsxs as i}from"react/jsx-runtime";import{EnglishCertificationOptionSelector as t}from"./EnglishCertificationOptionSelector";import{EnglishCertificationFlagButton as n}from"./EnglishCertificationFlagButton";export function EnglishCertificationQuestionCard({question:o,globalQuestionNumber:r,answer:s,isFlagged:a,sharedInstruction:l,onAnswerChange:d,onToggleFlag:c,isReviewMode:g=!1}){const m=o.content||{},f=m.options||[],p=m.question?.trim()??"",u=p.length>0&&p!==l;return e("article",{className:"rounded-xl border border-[#d9e4f2] bg-white/90 px-4 py-4 shadow-[0_5px_16px_rgba(13,71,161,0.08)] backdrop-blur-md transition-colors",children:i("div",{className:"grid grid-cols-[44px_1fr_32px] gap-1",children:[e("div",{className:"grid h-9 w-9 place-items-center rounded-full bg-[#eef5ff] text-base font-black leading-none text-[#0b57d0]",children:r}),i("div",{className:"min-w-0",children:[u&&e("div",{className:"mb-2 text-base font-black leading-snug text-[#10172f]",children:p}),e(t,{options:f.map((e,i)=>({id:e?.id||String.fromCharCode(65+i),label:e?.id||String.fromCharCode(65+i),text:e?.text||String(e??"")})),selectedOptionId:s?.optionId??null,onSelect:e=>d(o.id,{optionId:e}),isReviewMode:g,disabled:g,variant:"compact"})]}),e(n,{isFlagged:a,onToggle:()=>c(o.id),size:"sm",className:"self-start justify-self-end"})]})})}

package/dist/components/themes/english-certification/EnglishCertificationQuestionItem.d.ts

@@ -23,4 +23,3 @@ interface EnglishCertificationQuestionItemProps {
  */
 export declare function EnglishCertificationQuestionItem({ question, questionNumber, questionConfig, defaultQuestion, isListeningPart, answer, isFlagged, onAnswerChange, onToggleFlag, isReviewMode, domId, }: EnglishCertificationQuestionItemProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=EnglishCertificationQuestionItem.d.ts.map

package/dist/components/themes/english-certification/EnglishCertificationQuestionItem.js

@@ -1,38 +1 @@
-'use client';
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useMemo, useState } from 'react';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, } from '../../../components/ui/dialog';
-import { ResolvedImage } from '../../../components/common/ResolvedImage';
-import { EnglishCertificationOptionSelector } from './EnglishCertificationOptionSelector';
-import { EnglishCertificationFlagButton } from './EnglishCertificationFlagButton';
-import { ENGLISH_CERT_CONTENT_WIDTH_CLASS } from './english-certification-theme';
-/**
- * Ocean Edu branded card for a single multiple-choice question.
- *
- * Renders the question badge, instruction, optional photo with zoom and the
- * A–D answer cards. Audio is intentionally NOT rendered here — listening parts
- * show one shared audio bar at the top of the question list.
- */
-export function EnglishCertificationQuestionItem({ question, questionNumber, questionConfig, defaultQuestion, isListeningPart = false, answer, isFlagged, onAnswerChange, onToggleFlag, isReviewMode = false, domId, }) {
-    const [isImageOpen, setIsImageOpen] = useState(false);
-    const selectedOptionId = answer?.optionId ?? null;
-    const options = useMemo(() => {
-        const rawOptions = question.content?.options;
-        if (!Array.isArray(rawOptions))
-            return [];
-        return rawOptions.map((opt, idx) => ({
-            id: String(opt?.id || `${question.id}-opt-${idx}`),
-            label: String.fromCharCode(65 + idx),
-            text: String(opt?.text || opt?.value || opt || ''),
-        }));
-    }, [question.content?.options, question.id]);
-    const hasImageConfig = questionConfig.includes('imageUrl');
-    const imageUrl = question.content?.imageUrl;
-    const shouldShowImage = hasImageConfig && Boolean(imageUrl);
-    const questionText = question.content?.question?.trim() || defaultQuestion || '';
-    const fallbackInstruction = isListeningPart
-        ? 'Look at the picture and listen to the four statements. Choose the best answer.'
-        : 'Read the question carefully and choose the best answer.';
-    return (_jsxs("div", { id: domId, className: `${ENGLISH_CERT_CONTENT_WIDTH_CLASS} scroll-mt-24 overflow-hidden rounded-xl border border-[#d9e4f2] bg-white/90 shadow-[0_14px_35px_rgba(13,71,161,0.12)] backdrop-blur-md`, children: [_jsxs("div", { className: "flex items-center justify-between px-9 pt-6", children: [_jsxs("span", { className: "inline-flex h-[42px] items-center rounded-lg px-[18px] text-base font-black text-white shadow-[0_8px_16px_rgba(11,87,208,0.18)]", style: { background: 'linear-gradient(180deg, #1f7cff, #0b57d0)' }, children: ["Question ", questionNumber] }), _jsx(EnglishCertificationFlagButton, { isFlagged: isFlagged, onToggle: () => onToggleFlag(question.id) })] }), _jsxs("div", { className: "px-9 pb-8", children: [_jsxs("div", { className: "my-4 flex items-center gap-3 text-[17px] font-bold text-[#0f1730]", children: [isListeningPart && (_jsx("span", { className: "grid h-7 w-7 shrink-0 place-items-center rounded-full bg-[#0b57d0] text-white", children: "\uD83D\uDD0A" })), _jsx("span", { children: questionText || fallbackInstruction })] }), shouldShowImage && imageUrl && (_jsxs("button", { type: "button", onClick: () => setIsImageOpen(true), className: "group relative mx-auto mb-6 block w-full overflow-hidden rounded-[13px] border border-[#cbdcf0] shadow-[0_16px_35px_rgba(6,26,85,0.13)]", "aria-label": "Open image in large view", children: [_jsx(ResolvedImage, { src: imageUrl, alt: `Question ${questionNumber} visual prompt`, className: "h-auto max-h-[360px] w-full object-cover transition-transform group-hover:scale-[1.01]" }), _jsx("span", { className: "absolute right-3 top-3 grid h-9 w-9 place-items-center rounded-full bg-black/55 text-lg text-white", children: "\u2315" })] })), _jsx("div", { className: "w-full", children: _jsx(EnglishCertificationOptionSelector, { options: options, selectedOptionId: selectedOptionId, onSelect: (optionId) => onAnswerChange(question.id, { optionId }), disabled: isReviewMode, isReviewMode: isReviewMode, variant: "cards" }) })] }), shouldShowImage && imageUrl && (_jsx(Dialog, { open: isImageOpen, onOpenChange: setIsImageOpen, children: _jsxs(DialogContent, { className: "max-w-4xl border-none bg-transparent p-0 shadow-none", children: [_jsx(DialogHeader, { className: "sr-only", children: _jsx(DialogTitle, { children: "Question image" }) }), _jsx("div", { className: "overflow-hidden rounded-lg bg-white", children: _jsx(ResolvedImage, { src: imageUrl, alt: `Question ${questionNumber} enlarged visual prompt`, className: "h-auto w-full object-contain" }) })] }) }))] }));
-}
-//# sourceMappingURL=EnglishCertificationQuestionItem.js.map
+"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useMemo as n,useState as o}from"react";import{Dialog as i,DialogContent as r,DialogHeader as a,DialogTitle as s}from"../../../components/ui/dialog";import{ResolvedImage as l}from"../../../components/common/ResolvedImage";import{EnglishCertificationOptionSelector as d}from"./EnglishCertificationOptionSelector";import{EnglishCertificationFlagButton as c}from"./EnglishCertificationFlagButton";import{ENGLISH_CERT_CONTENT_WIDTH_CLASS as m}from"./english-certification-theme";export function EnglishCertificationQuestionItem({question:p,questionNumber:h,questionConfig:u,defaultQuestion:g,isListeningPart:f=!1,answer:b,isFlagged:x,onAnswerChange:w,onToggleFlag:v,isReviewMode:N=!1,domId:C}){const[_,k]=o(!1),y=b?.optionId??null,j=n(()=>{const e=p.content?.options;return Array.isArray(e)?e.map((e,t)=>({id:String(e?.id||`${p.id}-opt-${t}`),label:String.fromCharCode(65+t),text:String(e?.text||e?.value||e||"")})):[]},[p.content?.options,p.id]),I=u.includes("imageUrl"),Q=p.content?.imageUrl,q=I&&Boolean(Q),S=p.content?.question?.trim()||g||"",$=f?"Look at the picture and listen to the four statements. Choose the best answer.":"Read the question carefully and choose the best answer.";return e("div",{id:C,className:`${m} scroll-mt-24 overflow-hidden rounded-xl border border-[#d9e4f2] bg-white/90 shadow-[0_14px_35px_rgba(13,71,161,0.12)] backdrop-blur-md`,children:[e("div",{className:"flex items-center justify-between px-9 pt-6",children:[e("span",{className:"inline-flex h-[42px] items-center rounded-lg px-[18px] text-base font-black text-white shadow-[0_8px_16px_rgba(11,87,208,0.18)]",style:{background:"linear-gradient(180deg, #1f7cff, #0b57d0)"},children:["Question ",h]}),t(c,{isFlagged:x,onToggle:()=>v(p.id)})]}),e("div",{className:"px-9 pb-8",children:[e("div",{className:"my-4 flex items-center gap-3 text-[17px] font-bold text-[#0f1730]",children:[f&&t("span",{className:"grid h-7 w-7 shrink-0 place-items-center rounded-full bg-[#0b57d0] text-white",children:"🔊"}),t("span",{children:S||$})]}),q&&Q&&e("button",{type:"button",onClick:()=>k(!0),className:"group relative mx-auto mb-6 block w-full overflow-hidden rounded-[13px] border border-[#cbdcf0] shadow-[0_16px_35px_rgba(6,26,85,0.13)]","aria-label":"Open image in large view",children:[t(l,{src:Q,alt:`Question ${h} visual prompt`,className:"h-auto max-h-[360px] w-full object-cover transition-transform group-hover:scale-[1.01]"}),t("span",{className:"absolute right-3 top-3 grid h-9 w-9 place-items-center rounded-full bg-black/55 text-lg text-white",children:"⌕"})]}),t("div",{className:"w-full",children:t(d,{options:j,selectedOptionId:y,onSelect:e=>w(p.id,{optionId:e}),disabled:N,isReviewMode:N,variant:"cards"})})]}),q&&Q&&t(i,{open:_,onOpenChange:k,children:e(r,{className:"max-w-4xl border-none bg-transparent p-0 shadow-none",children:[t(a,{className:"sr-only",children:t(s,{children:"Question image"})}),t("div",{className:"overflow-hidden rounded-lg bg-white",children:t(l,{src:Q,alt:`Question ${h} enlarged visual prompt`,className:"h-auto w-full object-contain"})})]})})]})}

package/dist/components/themes/english-certification/EnglishCertificationQuestionRenderer.d.ts

@@ -22,4 +22,3 @@ interface EnglishCertificationQuestionRendererProps {
  */
 export declare function EnglishCertificationQuestionRenderer({ part, partConfig, answers, flaggedQuestions, onAnswerChange, onToggleFlag, isReviewMode, }: EnglishCertificationQuestionRendererProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=EnglishCertificationQuestionRenderer.d.ts.map

package/dist/components/themes/english-certification/EnglishCertificationQuestionRenderer.js

@@ -1,73 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SkillEnum } from '../../../shared/types/common.types';
-import { EnglishCertificationSingleQuestionList } from './EnglishCertificationSingleQuestionList';
-import { EnglishCertificationGroupedQuestion } from './EnglishCertificationGroupedQuestion';
-import { EnglishCertificationAudioPlayer } from './EnglishCertificationAudioPlayer';
-import { ENGLISH_CERT_CONTENT_WIDTH_CLASS } from './english-certification-theme';
-import { EcWordFillStructuredForm } from './EcWordFillStructuredForm';
-import { EcMatchByWritingAnswer } from './EcMatchByWritingAnswer';
-import { EcAnswerTheQuestion } from './EcAnswerTheQuestion';
-import { EcWordFillParagraph } from './EcWordFillParagraph';
-import { EcWritingTask } from './EcWritingTask';
-/**
- * Question types that the branded English Certification theme renders natively
- * as multiple-choice cards (TOEIC + IELTS MCQ variants such as TRUE/FALSE/NOT GIVEN).
- */
-const EC_NATIVE_MCQ_TYPES = new Set(['CHOOSE_THE_CORRECT_ANSWER']);
-/**
- * Dispatcher for English Certification question rendering based on part config.
- *
- * - CHOOSE_THE_CORRECT_ANSWER → branded EC MCQ list / grouped split-view.
- * - DOCUMENT-group Reading parts → branded split-view (passage + questions).
- * - All other IELTS types are rendered by DEDICATED branded EC renderers
- *   (full-width, structured to match TOEIC) — never delegated to the shared
- *   Movers renderer, which squeezed IELTS tables into narrow columns.
- */
-export function EnglishCertificationQuestionRenderer({ part, partConfig, answers, flaggedQuestions, onAnswerChange, onToggleFlag, isReviewMode = false, }) {
-    if (!part.questions.length) {
-        return (_jsx("div", { className: "flex h-full items-center justify-center rounded-xl border border-red-200 bg-red-50 p-8 text-red-600", children: "No questions found for this part" }));
-    }
-    // Part-level audio (Listening sections always show the audio bar so students
-    // see the player even before the admin uploads the audio file).
-    const isListeningPart = partConfig.category === SkillEnum.LISTENING;
-    const partAudioUrl = isListeningPart
-        ? part.audioUrl ?? partConfig.audioUrl ?? ''
-        : undefined;
-    const questionType = part.questionType;
-    // Reading parts with a DOCUMENT passage (TOEIC Part 6/7 and IELTS Reading)
-    // use the branded split view: passage on the left, all questions on the
-    // right. IELTS Reading mixes sub-section types, handled inside the renderer.
-    const hasDocumentGroup = Boolean(part.isGroup) && part.group?.type === 'DOCUMENT';
-    const isGroupedMcq = partConfig.isGroup && EC_NATIVE_MCQ_TYPES.has(questionType);
-    // Mixed multi-section parts (e.g. Listening SECTION 2) are kept whole by
-    // groupQuestionsByPart with their sections attached. Route them to the
-    // grouped renderer, which stacks each sub-section via ReadingSection.
-    const hasSections = Boolean(part.sections?.length);
-    if (hasDocumentGroup || isGroupedMcq || hasSections) {
-        return (_jsx("div", { className: "h-full", children: _jsx(EnglishCertificationGroupedQuestion, { part: part, partConfig: partConfig, answers: answers, flaggedQuestions: flaggedQuestions, onAnswerChange: onAnswerChange, onToggleFlag: onToggleFlag, isReviewMode: isReviewMode, isListeningPart: isListeningPart, partAudioUrl: partAudioUrl }) }));
-    }
-    // Native branded MCQ list (non-grouped CHOOSE_THE_CORRECT_ANSWER).
-    if (EC_NATIVE_MCQ_TYPES.has(questionType)) {
-        return (_jsx(EnglishCertificationSingleQuestionList, { part: part, partConfig: partConfig, answers: answers, flaggedQuestions: flaggedQuestions, onAnswerChange: onAnswerChange, onToggleFlag: onToggleFlag, isReviewMode: isReviewMode, isListeningPart: isListeningPart, partAudioUrl: partAudioUrl }));
-    }
-    // Dedicated branded EC renderers for the remaining IELTS question types.
-    const renderDedicated = () => {
-        switch (questionType) {
-            case 'WORD_FILL_STRUCTURED_FORM':
-                return (_jsx(EcWordFillStructuredForm, { part: part, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
-            case 'MATCH_BY_WRITING_ANSWER':
-                return (_jsx(EcMatchByWritingAnswer, { part: part, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
-            case 'ANSWER_THE_QUESTION':
-                return (_jsx(EcAnswerTheQuestion, { part: part, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
-            case 'WORD_FILL_PARAGRAPH':
-                return (_jsx(EcWordFillParagraph, { part: part, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
-            case 'WRITE_A_SHORT_LETTER':
-                return (_jsx(EcWritingTask, { part: part, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
-            default:
-                return (_jsxs("div", { className: "rounded-xl border border-amber-200 bg-amber-50 p-6 text-sm text-amber-700", children: ["Lo\u1EA1i c\u00E2u h\u1ECFi \"", questionType, "\" ch\u01B0a \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3 trong giao di\u1EC7n n\u00E0y."] }));
-        }
-    };
-    return (_jsxs("div", { className: "flex flex-col items-center gap-5 pb-4", children: [isListeningPart && (_jsx("div", { className: ENGLISH_CERT_CONTENT_WIDTH_CLASS, children: _jsx(EnglishCertificationAudioPlayer, { audioUrl: partAudioUrl ?? '', partNumber: part.partNo }) })), _jsx("div", { className: `${ENGLISH_CERT_CONTENT_WIDTH_CLASS} w-full`, children: renderDedicated() })] }));
-}
-//# sourceMappingURL=EnglishCertificationQuestionRenderer.js.map
+"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{SkillEnum as i}from"../../../shared/types/common.types";import{EnglishCertificationSingleQuestionList as n}from"./EnglishCertificationSingleQuestionList";import{EnglishCertificationGroupedQuestion as o}from"./EnglishCertificationGroupedQuestion";import{EnglishCertificationAudioPlayer as s}from"./EnglishCertificationAudioPlayer";import{ENGLISH_CERT_CONTENT_WIDTH_CLASS as t}from"./english-certification-theme";import{EcWordFillStructuredForm as a}from"./EcWordFillStructuredForm";import{EcMatchByWritingAnswer as l}from"./EcMatchByWritingAnswer";import{EcAnswerTheQuestion as d}from"./EcAnswerTheQuestion";import{EcWordFillParagraph as c}from"./EcWordFillParagraph";import{EcWritingTask as g}from"./EcWritingTask";const u=new Set(["CHOOSE_THE_CORRECT_ANSWER"]);export function EnglishCertificationQuestionRenderer({part:p,partConfig:m,answers:f,flaggedQuestions:h,onAnswerChange:w,onToggleFlag:R,isReviewMode:E=!1}){if(!p.questions.length)return e("div",{className:"flex h-full items-center justify-center rounded-xl border border-red-200 bg-red-50 p-8 text-red-600",children:"No questions found for this part"});const A=m.category===i.LISTENING,C=A?p.audioUrl??m.audioUrl??"":void 0,T=p.questionType,N=Boolean(p.isGroup)&&"DOCUMENT"===p.group?.type,_=m.isGroup&&u.has(T),v=Boolean(p.sections?.length);if(N||_||v)return e("div",{className:"h-full",children:e(o,{part:p,partConfig:m,answers:f,flaggedQuestions:h,onAnswerChange:w,onToggleFlag:R,isReviewMode:E,isListeningPart:A,partAudioUrl:C})});if(u.has(T))return e(n,{part:p,partConfig:m,answers:f,flaggedQuestions:h,onAnswerChange:w,onToggleFlag:R,isReviewMode:E,isListeningPart:A,partAudioUrl:C});return r("div",{className:"flex flex-col items-center gap-5 pb-4",children:[A&&e("div",{className:t,children:e(s,{audioUrl:C??"",partNumber:p.partNo})}),e("div",{className:`${t} w-full`,children:(()=>{switch(T){case"WORD_FILL_STRUCTURED_FORM":return e(a,{part:p,answers:f,onAnswerChange:w,isReviewMode:E});case"MATCH_BY_WRITING_ANSWER":return e(l,{part:p,answers:f,onAnswerChange:w,isReviewMode:E});case"ANSWER_THE_QUESTION":return e(d,{part:p,answers:f,onAnswerChange:w,isReviewMode:E});case"WORD_FILL_PARAGRAPH":return e(c,{part:p,answers:f,onAnswerChange:w,isReviewMode:E});case"WRITE_A_SHORT_LETTER":return e(g,{part:p,answers:f,onAnswerChange:w,isReviewMode:E});default:return r("div",{className:"rounded-xl border border-amber-200 bg-amber-50 p-6 text-sm text-amber-700",children:['Loại câu hỏi "',T,'" chưa được hỗ trợ trong giao diện này.']})}})()})]})}

package/dist/components/themes/english-certification/EnglishCertificationReadingSection.d.ts

@@ -26,4 +26,3 @@ interface EnglishCertificationReadingSectionProps {
  */
 export declare function EnglishCertificationReadingSection({ part, section, questions, startIndex, answers, flaggedQuestions, onAnswerChange, onToggleFlag, isReviewMode, }: EnglishCertificationReadingSectionProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=EnglishCertificationReadingSection.d.ts.map