@tinyweb_dev/oe-exam-sdk 0.1.0

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

@@ -0,0 +1,25 @@
+import type { QuestionPart } from '../../../components/exams/take/exam-taking.utils';
+import type { StoreTemplatePart } from '../../../shared/types/exam-taking.types';
+interface EnglishCertificationGroupedQuestionProps {
+    part: QuestionPart;
+    partConfig: StoreTemplatePart;
+    answers: Record<string, any>;
+    flaggedQuestions: Set<string>;
+    onAnswerChange: (questionId: string, answer: any) => void;
+    onToggleFlag: (questionId: string) => void;
+    isReviewMode?: boolean;
+    /** True for Listening parts so the audio player renders at the top. */
+    isListeningPart?: boolean;
+    /** Part-level audio URL (S3 key or absolute URL) for the Listening player. */
+    partAudioUrl?: string;
+}
+/**
+ * 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 declare function EnglishCertificationGroupedQuestion({ part, partConfig, answers, flaggedQuestions, onAnswerChange, onToggleFlag, isReviewMode, isListeningPart, partAudioUrl, }: EnglishCertificationGroupedQuestionProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=EnglishCertificationGroupedQuestion.d.ts.map

package/dist/components/themes/english-certification/EnglishCertificationGroupedQuestion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationGroupedQuestion.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationGroupedQuestion.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAQ1E,UAAU,wCAAwC;IAC9C,IAAI,EAAE,YAAY,CAAC;IACnB,UAAU,EAAE,iBAAiB,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1D,YAAY,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAyED;;;;;;GAMG;AACH,wBAAgB,mCAAmC,CAAC,EAChD,IAAI,EACJ,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,YAAoB,EACpB,eAAuB,EACvB,YAAY,GACf,EAAE,wCAAwC,+BAmP1C"}

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

@@ -0,0 +1,149 @@
+'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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationGroupedQuestion.js","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationGroupedQuestion.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,25 @@
+export interface EnglishCertificationHeaderProps {
+    examName: string;
+    remainingSeconds: number;
+    totalQuestions: number;
+    answeredCount: number;
+    isSubmitting: boolean;
+    onSubmit: () => void;
+    /** Optional exit handler. Currently unused in the header UI. */
+    onClose?: () => void;
+    lastSavedAt: Date | null;
+    isSaving: boolean;
+    /** Optional current part label, e.g. "LISTENING PART 1". */
+    partLabel?: string;
+    /** Optional part sub-label, e.g. "Photographs". */
+    partSubLabel?: string;
+    /** Optional question range string, e.g. "1–6". */
+    questionRange?: string;
+}
+/**
+ * Branded Ocean Edu top header bar for English Certification exam taking.
+ *
+ * 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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationHeader.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,+BAA+B;IAC5C,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAoBD;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,EACvC,QAAQ,EACR,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,aAAa,GAChB,EAAE,+BAA+B,+BAyGjC"}

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

@@ -0,0 +1,32 @@
+'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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationHeader.js","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationHeader.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+import type { StoreTemplatePart } from '../../../shared/types/exam-taking.types';
+import type { StudentQuestion } from '../../../shared/types/exam-taking.types';
+export interface EnglishCertificationNavigationPanelProps {
+    parts: StoreTemplatePart[];
+    questions: StudentQuestion[];
+    answers: Record<string, any>;
+    flaggedQuestions: Set<string>;
+    currentIndex: number;
+    onQuestionClick: (globalIndex: number) => void;
+    onPartClick: (partIndex: number) => void;
+}
+/**
+ * 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 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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationNavigationPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationNavigationPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAExE,MAAM,WAAW,wCAAwC;IACrD,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,SAAS,EAAE,eAAe,EAAE,CAAC;IAC7B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,WAAW,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C;AAWD;;;;;GAKG;AACH,wBAAgB,mCAAmC,CAAC,EAChD,KAAK,EACL,SAAS,EACT,OAAO,EACP,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,WAAW,GACd,EAAE,wCAAwC,+BA8G1C"}

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

@@ -0,0 +1,72 @@
+'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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationNavigationPanel.js","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationNavigationPanel.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,29 @@
+export interface EnglishCertificationOption {
+    id: string;
+    label: string;
+    text: string;
+}
+/** Visual layout variant for the option selector. */
+export type EnglishCertificationOptionVariant = 'cards' | 'compact';
+export interface EnglishCertificationOptionSelectorProps {
+    options: EnglishCertificationOption[];
+    selectedOptionId: string | null;
+    onSelect: (optionId: string) => void;
+    disabled?: boolean;
+    isReviewMode?: boolean;
+    correctOptionId?: string;
+    /**
+     * Layout variant:
+     * - 'cards' (default): large A–D answer cards (single-question parts).
+     * - 'compact': tight radio rows for grouped reading.
+     */
+    variant?: EnglishCertificationOptionVariant;
+}
+/**
+ * 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 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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationOptionSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationOptionSelector.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,0BAA0B;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,qDAAqD;AACrD,MAAM,MAAM,iCAAiC,GAAG,OAAO,GAAG,SAAS,CAAC;AAEpE,MAAM,WAAW,uCAAuC;IACpD,OAAO,EAAE,0BAA0B,EAAE,CAAC;IACtC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,iCAAiC,CAAC;CAC/C;AAED;;;;;GAKG;AACH,wBAAgB,kCAAkC,CAAC,EAC/C,OAAO,EACP,gBAAgB,EAChB,QAAQ,EACR,QAAgB,EAChB,YAAoB,EACpB,eAAe,EACf,OAAiB,GACpB,EAAE,uCAAuC,+BAqIzC"}

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

@@ -0,0 +1,34 @@
+'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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationOptionSelector.js","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationOptionSelector.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,22 @@
+interface EnglishCertificationPassagePanelProps {
+    passage: string;
+    passageTitle: string;
+    passageSubtitle: string;
+    /** S3 key, relative path, or absolute URL for the passage image. */
+    passageImageUrl: string;
+    passageIsHtml: boolean;
+    /** Part display name (e.g. "Part 6") shown in the source bar. */
+    partName: string;
+}
+/**
+ * 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 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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationPassagePanel.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationPassagePanel.tsx"],"names":[],"mappings":"AAIA,UAAU,qCAAqC;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,oEAAoE;IACpE,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC;IACvB,iEAAiE;IACjE,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,gCAAgC,CAAC,EAC7C,OAAO,EACP,YAAY,EACZ,eAAe,EACf,eAAe,EACf,aAAa,EACb,QAAQ,GACX,EAAE,qCAAqC,+BAoDvC"}

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

@@ -0,0 +1,17 @@
+'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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationPassagePanel.js","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationPassagePanel.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAa7D;;;;;;;;GAQG;AACH,MAAM,UAAU,gCAAgC,CAAC,EAC7C,OAAO,EACP,YAAY,EACZ,eAAe,EACf,eAAe,EACf,aAAa,EACb,QAAQ,GAC4B;IACpC,MAAM,gBAAgB,GAAG,WAAW,CAAC,eAAe,IAAI,IAAI,CAAC,CAAC;IAE9D,OAAO,CACH,mBAAS,SAAS,EAAC,yIAAyI,aACxJ,cAAK,SAAS,EAAC,oEAAoE,YAC/E,eAAM,SAAS,EAAC,0GAA0G,wBAEnH,GACL,EACN,eAAK,SAAS,EAAC,QAAQ,aACnB,eAAK,SAAS,EAAC,2BAA2B,aACrC,YAAY,IAAI,CACb,aAAI,SAAS,EAAC,4EAA4E,YACrF,YAAY,GACZ,CACR,EACA,eAAe,IAAI,CAChB,YAAG,SAAS,EAAC,+CAA+C,YACvD,eAAe,GAChB,CACP,EACA,gBAAgB,IAAI,CACjB,cAAK,SAAS,EAAC,yDAAyD,YAEpE,cACI,GAAG,EAAE,gBAAgB,EACrB,GAAG,EAAC,SAAS,EACb,SAAS,EAAC,4BAA4B,GACxC,GACA,CACT,EACA,aAAa,CAAC,CAAC,CAAC,CACb,cACI,SAAS,EAAC,oNAAoN,EAC9N,uBAAuB,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,GAC9C,CACL,CAAC,CAAC,CAAC,CACA,cAAK,SAAS,EAAC,kDAAkD,YAC5D,OAAO,GACN,CACT,IACC,EACN,eAAK,SAAS,EAAC,sIAAsI,aACjJ,eAAM,SAAS,EAAC,wHAAwH,kBAEjI,EACN,QAAQ,IAAI,SAAS,+BACpB,IACJ,IACA,CACb,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,21 @@
+import type { QuestionPart } from '../../../components/exams/take/exam-taking.utils';
+type GroupedQuestion = QuestionPart['questions'][number];
+interface EnglishCertificationQuestionCardProps {
+    question: GroupedQuestion;
+    globalQuestionNumber: number;
+    answer: any;
+    isFlagged: boolean;
+    sharedInstruction: string;
+    onAnswerChange: (questionId: string, answer: any) => void;
+    onToggleFlag: (questionId: string) => void;
+    isReviewMode?: boolean;
+}
+/**
+ * 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 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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationQuestionCard.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationQuestionCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAI9E,KAAK,eAAe,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzD,UAAU,qCAAqC;IAC3C,QAAQ,EAAE,eAAe,CAAC;IAC1B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,MAAM,EAAE,GAAG,CAAC;IACZ,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAC1D,YAAY,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;;GAKG;AACH,wBAAgB,gCAAgC,CAAC,EAC7C,QAAQ,EACR,oBAAoB,EACpB,MAAM,EACN,SAAS,EACT,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,YAAoB,GACvB,EAAE,qCAAqC,+BAyCvC"}

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

@@ -0,0 +1,23 @@
+'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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationQuestionCard.js","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationQuestionCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,kCAAkC,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAelF;;;;;GAKG;AACH,MAAM,UAAU,gCAAgC,CAAC,EAC7C,QAAQ,EACR,oBAAoB,EACpB,MAAM,EACN,SAAS,EACT,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,YAAY,GAAG,KAAK,GACgB;IACpC,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,IAAI,EAAE,CAAC;IACvC,MAAM,UAAU,GAAI,OAAO,CAAC,OAAiB,IAAI,EAAE,CAAC;IACpD,MAAM,YAAY,GAAI,OAAO,CAAC,QAA+B,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAC5E,6EAA6E;IAC7E,MAAM,gBAAgB,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,KAAK,iBAAiB,CAAC;IAEvF,OAAO,CACH,kBAAS,SAAS,EAAC,sIAAsI,YACrJ,eAAK,SAAS,EAAC,sCAAsC,aACjD,cAAK,SAAS,EAAC,4GAA4G,YACtH,oBAAoB,GACnB,EACN,eAAK,SAAS,EAAC,SAAS,aACnB,gBAAgB,IAAI,CACjB,cAAK,SAAS,EAAC,uDAAuD,YACjE,YAAY,GACX,CACT,EACD,KAAC,kCAAkC,IAC/B,OAAO,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,MAAc,EAAE,EAAE,CAAC,CAAC;gCACtD,EAAE,EAAE,MAAM,EAAE,EAAE,IAAI,MAAM,CAAC,YAAY,CAAC,EAAE,GAAG,MAAM,CAAC;gCAClD,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,MAAM,CAAC,YAAY,CAAC,EAAE,GAAG,MAAM,CAAC;gCACrD,IAAI,EAAE,MAAM,EAAE,IAAI,IAAI,MAAM,CAAC,MAAM,IAAI,EAAE,CAAC;6BAC7C,CAAC,CAAC,EACH,gBAAgB,EAAE,MAAM,EAAE,QAAQ,IAAI,IAAI,EAC1C,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,EACjE,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAC,SAAS,GACnB,IACA,EACN,KAAC,8BAA8B,IAC3B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAC,EACzC,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,6BAA6B,GACzC,IACA,GACA,CACb,CAAC;AACN,CAAC"}