@tinyweb_dev/oe-exam-sdk 0.1.0

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

@@ -0,0 +1,26 @@
+import type { ApiQuestion } from '../../../components/exams/take/exam-taking.utils';
+interface EnglishCertificationQuestionItemProps {
+    question: ApiQuestion;
+    questionNumber: number;
+    questionConfig: string[];
+    defaultQuestion?: string;
+    /** Whether this question belongs to a LISTENING part (controls speaker icon). */
+    isListeningPart?: boolean;
+    answer: any;
+    isFlagged: boolean;
+    onAnswerChange: (questionId: string, answer: any) => void;
+    onToggleFlag: (questionId: string) => void;
+    isReviewMode?: boolean;
+    /** Optional DOM id used by the Answer Sheet to scroll the card into view. */
+    domId?: string;
+}
+/**
+ * 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 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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationQuestionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationQuestionItem.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAK7E,UAAU,qCAAqC;IAC3C,QAAQ,EAAE,WAAW,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iFAAiF;IACjF,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,EAAE,GAAG,CAAC;IACZ,SAAS,EAAE,OAAO,CAAC;IACnB,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,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;GAMG;AACH,wBAAgB,gCAAgC,CAAC,EAC7C,QAAQ,EACR,cAAc,EACd,cAAc,EACd,eAAe,EACf,eAAuB,EACvB,MAAM,EACN,SAAS,EACT,cAAc,EACd,YAAY,EACZ,YAAoB,EACpB,KAAK,GACR,EAAE,qCAAqC,+BA4GvC"}

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

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

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

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

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

@@ -0,0 +1,25 @@
+import type { StoreTemplatePart } from '../../../shared/types/exam-taking.types';
+import type { QuestionPart } from '../../../components/exams/take/exam-taking.utils';
+interface EnglishCertificationQuestionRendererProps {
+    part: QuestionPart;
+    partConfig: StoreTemplatePart;
+    /** Retained for caller compatibility; no longer used (parts render in full). */
+    currentQuestionIndex?: number;
+    answers: Record<string, any>;
+    flaggedQuestions: Set<string>;
+    onAnswerChange: (questionId: string, answer: any) => void;
+    onToggleFlag: (questionId: string) => void;
+    isReviewMode?: boolean;
+}
+/**
+ * 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 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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationQuestionRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationQuestionRenderer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAY9E,UAAU,yCAAyC;IAC/C,IAAI,EAAE,YAAY,CAAC;IACnB,UAAU,EAAE,iBAAiB,CAAC;IAC9B,gFAAgF;IAChF,oBAAoB,CAAC,EAAE,MAAM,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;CAC1B;AAQD;;;;;;;;GAQG;AACH,wBAAgB,oCAAoC,CAAC,EACjD,IAAI,EACJ,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,YAAoB,GACvB,EAAE,yCAAyC,+BAsI3C"}

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

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

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

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

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

@@ -0,0 +1,29 @@
+import type { QuestionPart, TemplateSection } from '../../../components/exams/take/exam-taking.utils';
+type ApiQuestion = QuestionPart['questions'][number];
+interface EnglishCertificationReadingSectionProps {
+    /** Parent reading part (used to derive partNo/name for delegated renderers). */
+    part: QuestionPart;
+    /** Section metadata from the template (question type, instructions, …). */
+    section: TemplateSection;
+    /** Questions that belong to this section. */
+    questions: ApiQuestion[];
+    /** Zero-based exam-order index of the first question of the part. */
+    startIndex: number;
+    answers: Record<string, any>;
+    flaggedQuestions: Set<string>;
+    onAnswerChange: (questionId: string, answer: any) => void;
+    onToggleFlag: (questionId: string) => void;
+    isReviewMode?: boolean;
+}
+/**
+ * Renders one sub-section of an IELTS Reading part inside the right-hand
+ * question column.
+ *
+ * - CHOOSE_THE_CORRECT_ANSWER (incl. TRUE/FALSE/NOT GIVEN) → branded MCQ cards.
+ * - Any other type (ANSWER_THE_QUESTION, WORD_FILL_PARAGRAPH,
+ *   WORD_FILL_STRUCTURED_FORM, MATCH_BY_WRITING_ANSWER, …) is delegated to the
+ *   shared TOEIC-style renderer so the proven transformers/answer shapes apply.
+ */
+export declare function EnglishCertificationReadingSection({ part, section, questions, startIndex, answers, flaggedQuestions, onAnswerChange, onToggleFlag, isReviewMode, }: EnglishCertificationReadingSectionProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=EnglishCertificationReadingSection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationReadingSection.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationReadingSection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACR,YAAY,EACZ,eAAe,EAClB,MAAM,2CAA2C,CAAC;AASnD,KAAK,WAAW,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAErD,UAAU,uCAAuC;IAC7C,gFAAgF;IAChF,IAAI,EAAE,YAAY,CAAC;IACnB,2EAA2E;IAC3E,OAAO,EAAE,eAAe,CAAC;IACzB,6CAA6C;IAC7C,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,qEAAqE;IACrE,UAAU,EAAE,MAAM,CAAC;IACnB,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;CAC1B;AAyBD;;;;;;;;GAQG;AACH,wBAAgB,kCAAkC,CAAC,EAC/C,IAAI,EACJ,OAAO,EACP,SAAS,EACT,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,YAAoB,GACvB,EAAE,uCAAuC,+BAmJzC"}

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

@@ -0,0 +1,91 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EnglishCertificationOptionSelector } from './EnglishCertificationOptionSelector';
+import { EnglishCertificationFlagButton } from './EnglishCertificationFlagButton';
+import { EcWordFillStructuredForm } from './EcWordFillStructuredForm';
+import { EcMatchByWritingAnswer } from './EcMatchByWritingAnswer';
+import { EcAnswerTheQuestion } from './EcAnswerTheQuestion';
+import { EcWordFillParagraph } from './EcWordFillParagraph';
+import { EcWritingTask } from './EcWritingTask';
+/**
+ * Maps a question's options to the selector shape.
+ *
+ * Handles three shapes:
+ * - `{ id, text }` objects (standard MCQ options).
+ * - plain strings from `section.defaultValue` (IELTS TRUE/FALSE/NOT GIVEN),
+ *   where the string itself is both the stored value and the displayed text.
+ */
+function mapOptions(rawOptions) {
+    return rawOptions.map((option, optIdx) => {
+        const letter = String.fromCharCode(65 + optIdx);
+        if (typeof option === 'string') {
+            // IELTS TRUE/FALSE/NOT GIVEN — store the string as the option id.
+            return { id: option, label: letter, text: option };
+        }
+        return {
+            id: String(option?.id || letter),
+            label: String(option?.id || letter),
+            text: String(option?.text ?? option?.value ?? option ?? ''),
+        };
+    });
+}
+/**
+ * Renders one sub-section of an IELTS Reading part inside the right-hand
+ * question column.
+ *
+ * - CHOOSE_THE_CORRECT_ANSWER (incl. TRUE/FALSE/NOT GIVEN) → branded MCQ cards.
+ * - Any other type (ANSWER_THE_QUESTION, WORD_FILL_PARAGRAPH,
+ *   WORD_FILL_STRUCTURED_FORM, MATCH_BY_WRITING_ANSWER, …) is delegated to the
+ *   shared TOEIC-style renderer so the proven transformers/answer shapes apply.
+ */
+export function EnglishCertificationReadingSection({ part, section, questions, startIndex, answers, flaggedQuestions, onAnswerChange, onToggleFlag, isReviewMode = false, }) {
+    if (!questions.length)
+        return null;
+    const sectionInstruction = (section.instructions || section.name || '').trim();
+    const isMcq = section.questionType === 'CHOOSE_THE_CORRECT_ANSWER';
+    if (isMcq) {
+        return (_jsxs("div", { className: "flex flex-col gap-3", children: [sectionInstruction && (_jsx("p", { className: "text-sm font-semibold leading-relaxed text-[#0b57d0]", children: sectionInstruction })), _jsx("div", { className: "divide-y divide-[#e8eef7]", children: questions.map((question) => {
+                        const globalNumber = part.questions.indexOf(question) + startIndex + 1;
+                        const content = question.content || {};
+                        const rawOptions = Array.isArray(content.options)
+                            ? content.options
+                            : section.defaultValue ?? [];
+                        const questionText = content.question?.trim() ?? '';
+                        const answer = answers[question.id];
+                        return (_jsxs("article", { className: "grid grid-cols-[44px_1fr_32px] gap-1 py-4", children: [_jsxs("div", { className: "text-[18px] font-black leading-snug text-[#0b57d0]", children: [globalNumber, "."] }), _jsxs("div", { className: "min-w-0", children: [questionText && (_jsx("div", { className: "mb-2 text-[15px] font-black leading-snug text-[#10172f]", children: questionText })), _jsx(EnglishCertificationOptionSelector, { options: mapOptions(rawOptions), selectedOptionId: answer?.optionId ?? null, onSelect: (optionId) => onAnswerChange(question.id, { optionId }), isReviewMode: isReviewMode, disabled: isReviewMode, variant: "compact" })] }), _jsx(EnglishCertificationFlagButton, { isFlagged: flaggedQuestions.has(question.id), onToggle: () => onToggleFlag(question.id), size: "sm", className: "self-start justify-self-end" })] }, question.id));
+                    }) })] }));
+    }
+    // Build a synthetic sub-part carrying only this section's questions so the
+    // dedicated branded EC renderers can transform/render it standalone.
+    const subPart = {
+        ...part,
+        questionType: section.questionType,
+        questions,
+        instructions: sectionInstruction || part.instructions,
+        isGroup: false,
+        group: undefined,
+        sections: undefined,
+        viewMode: section.viewMode,
+        wordBankConfig: section.wordBankConfig,
+        startIndex: section.startIndex,
+        endIndex: section.endIndex,
+    };
+    const renderSubSection = () => {
+        switch (section.questionType) {
+            case 'WORD_FILL_STRUCTURED_FORM':
+                return (_jsx(EcWordFillStructuredForm, { part: subPart, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
+            case 'MATCH_BY_WRITING_ANSWER':
+                return (_jsx(EcMatchByWritingAnswer, { part: subPart, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
+            case 'ANSWER_THE_QUESTION':
+                return (_jsx(EcAnswerTheQuestion, { part: subPart, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
+            case 'WORD_FILL_PARAGRAPH':
+                return (_jsx(EcWordFillParagraph, { part: subPart, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
+            case 'WRITE_A_SHORT_LETTER':
+                return (_jsx(EcWritingTask, { part: subPart, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
+            default:
+                return (_jsxs("div", { className: "rounded-xl border border-amber-200 bg-amber-50 p-4 text-sm text-amber-700", children: ["Lo\u1EA1i c\u00E2u h\u1ECFi \"", section.questionType, "\" ch\u01B0a \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3."] }));
+        }
+    };
+    return (_jsxs("div", { className: "flex flex-col gap-3", children: [sectionInstruction && (_jsx("p", { className: "text-sm font-semibold leading-relaxed text-[#0b57d0]", children: sectionInstruction })), renderSubSection()] }));
+}
+//# sourceMappingURL=EnglishCertificationReadingSection.js.map

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

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

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

@@ -0,0 +1,32 @@
+import type { ApiQuestion } from '../../../components/exams/take/exam-taking.utils';
+interface EnglishCertificationSingleQuestionProps {
+    question: ApiQuestion;
+    questionNumber: number;
+    questionConfig: string[];
+    defaultQuestion?: string;
+    /**
+     * Part-level audio URL (TOEIC Listening parts share one audio per part).
+     * Used as a fallback when the question itself has no audio_url.
+     */
+    partAudioUrl?: string;
+    /**
+     * Whether this question belongs to a LISTENING part. Controls the speaker
+     * icon and the default listening instruction so reading parts stay neutral.
+     */
+    isListeningPart?: boolean;
+    answer: any;
+    isFlagged: boolean;
+    onAnswerChange: (questionId: string, answer: any) => void;
+    onToggleFlag: (questionId: string) => void;
+    isReviewMode?: boolean;
+}
+/**
+ * Ocean Edu branded renderer for a single (non-grouped) question.
+ *
+ * Thin wrapper around {@link EnglishCertificationQuestionItem} that prepends the
+ * shared audio bar for listening parts. Kept for review mode and any
+ * one-question-per-screen flow; multi-question screens use the question list.
+ */
+export declare function EnglishCertificationSingleQuestion({ question, questionNumber, questionConfig, defaultQuestion, partAudioUrl, isListeningPart, answer, isFlagged, onAnswerChange, onToggleFlag, isReviewMode, }: EnglishCertificationSingleQuestionProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=EnglishCertificationSingleQuestion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationSingleQuestion.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationSingleQuestion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAK7E,UAAU,uCAAuC;IAC7C,QAAQ,EAAE,WAAW,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,EAAE,GAAG,CAAC;IACZ,SAAS,EAAE,OAAO,CAAC;IACnB,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;;;;;;GAMG;AACH,wBAAgB,kCAAkC,CAAC,EAC/C,QAAQ,EACR,cAAc,EACd,cAAc,EACd,eAAe,EACf,YAAY,EACZ,eAAuB,EACvB,MAAM,EACN,SAAS,EACT,cAAc,EACd,YAAY,EACZ,YAAoB,GACvB,EAAE,uCAAuC,+BA8BzC"}

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

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EnglishCertificationAudioPlayer } from './EnglishCertificationAudioPlayer';
+import { EnglishCertificationQuestionItem } from './EnglishCertificationQuestionItem';
+import { ENGLISH_CERT_CONTENT_WIDTH_CLASS } from './english-certification-theme';
+/**
+ * Ocean Edu branded renderer for a single (non-grouped) question.
+ *
+ * Thin wrapper around {@link EnglishCertificationQuestionItem} that prepends the
+ * shared audio bar for listening parts. Kept for review mode and any
+ * one-question-per-screen flow; multi-question screens use the question list.
+ */
+export function EnglishCertificationSingleQuestion({ question, questionNumber, questionConfig, defaultQuestion, partAudioUrl, isListeningPart = false, answer, isFlagged, onAnswerChange, onToggleFlag, isReviewMode = false, }) {
+    // Resolve effective audio: prefer the question's own audio, otherwise fall
+    // back to the part-level audio (TOEIC Listening Part 1/2 define audio per part).
+    const effectiveAudioUrl = question.audio_url || partAudioUrl || '';
+    return (_jsxs("div", { className: "flex flex-col items-center gap-5", children: [effectiveAudioUrl && (_jsx("div", { className: ENGLISH_CERT_CONTENT_WIDTH_CLASS, children: _jsx(EnglishCertificationAudioPlayer, { audioUrl: effectiveAudioUrl, partNumber: question.part_no }) })), _jsx(EnglishCertificationQuestionItem, { question: question, questionNumber: questionNumber, questionConfig: questionConfig, defaultQuestion: defaultQuestion, isListeningPart: isListeningPart, answer: answer, isFlagged: isFlagged, onAnswerChange: onAnswerChange, onToggleFlag: onToggleFlag, isReviewMode: isReviewMode })] }));
+}
+//# sourceMappingURL=EnglishCertificationSingleQuestion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationSingleQuestion.js","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationSingleQuestion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,EAAE,gCAAgC,EAAE,MAAM,+BAA+B,CAAC;AAwBjF;;;;;;GAMG;AACH,MAAM,UAAU,kCAAkC,CAAC,EAC/C,QAAQ,EACR,cAAc,EACd,cAAc,EACd,eAAe,EACf,YAAY,EACZ,eAAe,GAAG,KAAK,EACvB,MAAM,EACN,SAAS,EACT,cAAc,EACd,YAAY,EACZ,YAAY,GAAG,KAAK,GACkB;IACtC,2EAA2E;IAC3E,iFAAiF;IACjF,MAAM,iBAAiB,GAAG,QAAQ,CAAC,SAAS,IAAI,YAAY,IAAI,EAAE,CAAC;IAEnE,OAAO,CACH,eAAK,SAAS,EAAC,kCAAkC,aAC5C,iBAAiB,IAAI,CAClB,cAAK,SAAS,EAAE,gCAAgC,YAC5C,KAAC,+BAA+B,IAC5B,QAAQ,EAAE,iBAAiB,EAC3B,UAAU,EAAE,QAAQ,CAAC,OAAO,GAC9B,GACA,CACT,EAED,KAAC,gCAAgC,IAC7B,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,GAC5B,IACA,CACT,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,26 @@
+import type { QuestionPart } from '../../../components/exams/take/exam-taking.utils';
+import type { StoreTemplatePart } from '../../../shared/types/exam-taking.types';
+interface EnglishCertificationSingleQuestionListProps {
+    part: QuestionPart;
+    partConfig: StoreTemplatePart;
+    answers: Record<string, any>;
+    flaggedQuestions: Set<string>;
+    onAnswerChange: (questionId: string, answer: any) => void;
+    onToggleFlag: (questionId: string) => void;
+    isReviewMode?: boolean;
+    /** Whether this part is a LISTENING part (shows the shared audio bar). */
+    isListeningPart?: boolean;
+    /** Part-level audio URL (shown once at the top for listening parts). */
+    partAudioUrl?: string;
+}
+/** Stable DOM id for a question card, used for Answer-Sheet scroll-to. */
+export declare function englishCertQuestionDomId(questionId: string): string;
+/**
+ * Renders every question of a single-question part (or section) on one screen.
+ *
+ * Listening parts show a single shared audio bar at the top; all questions then
+ * stack vertically. Navigation across parts/sections is handled by the footer.
+ */
+export declare function EnglishCertificationSingleQuestionList({ part, partConfig, answers, flaggedQuestions, onAnswerChange, onToggleFlag, isReviewMode, isListeningPart, partAudioUrl, }: EnglishCertificationSingleQuestionListProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=EnglishCertificationSingleQuestionList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationSingleQuestionList.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationSingleQuestionList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAK1E,UAAU,2CAA2C;IACjD,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,0EAA0E;IAC1E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,wEAAwE;IACxE,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,0EAA0E;AAC1E,wBAAgB,wBAAwB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAEnE;AAED;;;;;GAKG;AACH,wBAAgB,sCAAsC,CAAC,EACnD,IAAI,EACJ,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,YAAoB,EACpB,eAAuB,EACvB,YAAY,GACf,EAAE,2CAA2C,+BA4C7C"}

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

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EnglishCertificationAudioPlayer } from './EnglishCertificationAudioPlayer';
+import { EnglishCertificationQuestionItem } from './EnglishCertificationQuestionItem';
+import { ENGLISH_CERT_CONTENT_WIDTH_CLASS } from './english-certification-theme';
+/** Stable DOM id for a question card, used for Answer-Sheet scroll-to. */
+export function englishCertQuestionDomId(questionId) {
+    return `ec-question-${questionId}`;
+}
+/**
+ * Renders every question of a single-question part (or section) on one screen.
+ *
+ * Listening parts show a single shared audio bar at the top; all questions then
+ * stack vertically. Navigation across parts/sections is handled by the footer.
+ */
+export function EnglishCertificationSingleQuestionList({ part, partConfig, answers, flaggedQuestions, onAnswerChange, onToggleFlag, isReviewMode = false, isListeningPart = false, partAudioUrl, }) {
+    const startIndex = partConfig.startIndex ?? 0;
+    const questionConfig = Array.isArray(partConfig.questionConfig)
+        ? partConfig.questionConfig
+        : [];
+    const defaultQuestion = partConfig.defaultQuestion;
+    const showAudio = isListeningPart && Boolean(partAudioUrl);
+    return (_jsxs("div", { className: "flex flex-col items-center gap-5 pb-4", children: [showAudio && (_jsx("div", { className: ENGLISH_CERT_CONTENT_WIDTH_CLASS, children: _jsx(EnglishCertificationAudioPlayer, { audioUrl: partAudioUrl, partNumber: part.partNo }) })), part.questions.map((question, idx) => {
+                const effectiveQuestionConfig = question.audio_url
+                    ? Array.from(new Set([...questionConfig, 'audioUrl']))
+                    : questionConfig;
+                return (_jsx(EnglishCertificationQuestionItem, { domId: englishCertQuestionDomId(question.id), question: question, questionNumber: startIndex + idx + 1, questionConfig: effectiveQuestionConfig, defaultQuestion: defaultQuestion, isListeningPart: isListeningPart, answer: answers[question.id], isFlagged: flaggedQuestions.has(question.id), onAnswerChange: onAnswerChange, onToggleFlag: onToggleFlag, isReviewMode: isReviewMode }, question.id));
+            })] }));
+}
+//# sourceMappingURL=EnglishCertificationSingleQuestionList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationSingleQuestionList.js","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationSingleQuestionList.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,+BAA+B,EAAE,MAAM,mCAAmC,CAAC;AACpF,OAAO,EAAE,gCAAgC,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,EAAE,gCAAgC,EAAE,MAAM,+BAA+B,CAAC;AAgBjF,0EAA0E;AAC1E,MAAM,UAAU,wBAAwB,CAAC,UAAkB;IACvD,OAAO,eAAe,UAAU,EAAE,CAAC;AACvC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,sCAAsC,CAAC,EACnD,IAAI,EACJ,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,YAAY,GAAG,KAAK,EACpB,eAAe,GAAG,KAAK,EACvB,YAAY,GAC8B;IAC1C,MAAM,UAAU,GAAG,UAAU,CAAC,UAAU,IAAI,CAAC,CAAC;IAC9C,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAE,UAAkB,CAAC,cAAc,CAAC;QACpE,CAAC,CAAG,UAAkB,CAAC,cAA2B;QAClD,CAAC,CAAC,EAAE,CAAC;IACT,MAAM,eAAe,GAAI,UAAkB,CAAC,eAAqC,CAAC;IAElF,MAAM,SAAS,GAAG,eAAe,IAAI,OAAO,CAAC,YAAY,CAAC,CAAC;IAE3D,OAAO,CACH,eAAK,SAAS,EAAC,uCAAuC,aACjD,SAAS,IAAI,CACV,cAAK,SAAS,EAAE,gCAAgC,YAC5C,KAAC,+BAA+B,IAC5B,QAAQ,EAAE,YAAsB,EAChC,UAAU,EAAE,IAAI,CAAC,MAAM,GACzB,GACA,CACT,EAEA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,EAAE;gBAClC,MAAM,uBAAuB,GAAG,QAAQ,CAAC,SAAS;oBAC9C,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC;oBACtD,CAAC,CAAC,cAAc,CAAC;gBAErB,OAAO,CACH,KAAC,gCAAgC,IAE7B,KAAK,EAAE,wBAAwB,CAAC,QAAQ,CAAC,EAAE,CAAC,EAC5C,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,UAAU,GAAG,GAAG,GAAG,CAAC,EACpC,cAAc,EAAE,uBAAuB,EACvC,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,EAC5B,SAAS,EAAE,gBAAgB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,EAC5C,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,IAXrB,QAAQ,CAAC,EAAE,CAYlB,CACL,CAAC;YACN,CAAC,CAAC,IACA,CACT,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,57 @@
+/**
+ * English Certification theme — shared design tokens and reusable class fragments.
+ *
+ * A branded Ocean Edu look shared across standardized English certification
+ * exams (TOEIC, IELTS, …). Centralises colours, radii, shadows and branded SVG
+ * assets so the look stays consistent and easy to tune.
+ */
+/** Brand palette (hex) reused by inline styles and gradients. */
+export declare const ENGLISH_CERT_COLORS: {
+    readonly blue950: "#061a55";
+    readonly blue900: "#072b7a";
+    readonly blue800: "#0a3d9a";
+    readonly blue700: "#0b57d0";
+    readonly blue600: "#1167e8";
+    readonly blue500: "#1f7cff";
+    readonly blue100: "#e9f3ff";
+    readonly blue50: "#f4f9ff";
+    readonly orange600: "#f97316";
+    readonly orange500: "#ff8a00";
+    readonly orange100: "#fff1db";
+    readonly green500: "#22c55e";
+    readonly green100: "#ddf8e7";
+    readonly red500: "#ef4444";
+    readonly text: "#0f1730";
+    readonly muted: "#64748b";
+    readonly border: "#d9e4f2";
+};
+/** Fixed layout dimensions (px). */
+export declare const ENGLISH_CERT_LAYOUT: {
+    readonly headerHeight: 74;
+    readonly footerHeight: 76;
+    readonly radius: 12;
+    /** Shared max content width (px) for question card, image, audio bar and answers. */
+    readonly contentMaxWidth: 940;
+};
+/**
+ * Shared content-width class fragment (Tailwind).
+ * Centres the inner content blocks (image, audio bar, answer grid) so they line
+ * up consistently across every question screen.
+ */
+export declare const ENGLISH_CERT_CONTENT_WIDTH_CLASS = "mx-auto w-full max-w-[940px]";
+/**
+ * Full-page gradient background applied to the app shell.
+ * Combines two soft radial highlights with a vertical base gradient.
+ */
+export declare const ENGLISH_CERT_APP_BACKGROUND: string;
+/** Reusable glass-card class fragment (Tailwind). */
+export declare const ENGLISH_CERT_CARD_CLASS = "rounded-xl border border-[#d9e4f2] bg-white/90 shadow-[0_14px_35px_rgba(13,71,161,0.12)] backdrop-blur-md";
+/** Branded gradient used for the answer-sheet header and primary actions. */
+export declare const ENGLISH_CERT_PRIMARY_GRADIENT = "linear-gradient(180deg, #1f7cff, #0b57d0)";
+/**
+ * Decorative footer wave (URL-encoded SVG) shown along the bottom action bar.
+ */
+export declare const ENGLISH_CERT_FOOTER_WAVE = "url(\"data:image/svg+xml,%3Csvg width='1600' height='80' viewBox='0 0 1600 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 44C190 20 334 28 520 44C746 64 850 15 1070 34C1258 50 1408 38 1600 28V80H0V44Z' fill='%230B57D0'/%3E%3Cpath d='M0 50C230 26 346 50 540 55C760 61 872 26 1088 45C1280 62 1430 40 1600 38V80H0V50Z' fill='%23051A55' fill-opacity='0.35'/%3E%3C/svg%3E\")";
+/** Encouraging tagline shown in the branded footer. */
+export declare const ENGLISH_CERT_FOOTER_NOTE = "Believe in yourself. You are stronger than you think.";
+//# sourceMappingURL=english-certification-theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"english-certification-theme.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/english-certification-theme.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,iEAAiE;AACjE,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;CAkBtB,CAAC;AAEX,oCAAoC;AACpC,eAAO,MAAM,mBAAmB;;;;IAI5B,qFAAqF;;CAE/E,CAAC;AAEX;;;;GAIG;AACH,eAAO,MAAM,gCAAgC,iCAAiC,CAAC;AAE/E;;;GAGG;AACH,eAAO,MAAM,2BAA2B,QAG4B,CAAC;AAErE,qDAAqD;AACrD,eAAO,MAAM,uBAAuB,8GAC2E,CAAC;AAEhH,6EAA6E;AAC7E,eAAO,MAAM,6BAA6B,8CACK,CAAC;AAEhD;;GAEG;AACH,eAAO,MAAM,wBAAwB,0YACsW,CAAC;AAE5Y,uDAAuD;AACvD,eAAO,MAAM,wBAAwB,0DACsB,CAAC"}

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

@@ -0,0 +1,59 @@
+/**
+ * English Certification theme — shared design tokens and reusable class fragments.
+ *
+ * A branded Ocean Edu look shared across standardized English certification
+ * exams (TOEIC, IELTS, …). Centralises colours, radii, shadows and branded SVG
+ * assets so the look stays consistent and easy to tune.
+ */
+/** Brand palette (hex) reused by inline styles and gradients. */
+export const ENGLISH_CERT_COLORS = {
+    blue950: '#061a55',
+    blue900: '#072b7a',
+    blue800: '#0a3d9a',
+    blue700: '#0b57d0',
+    blue600: '#1167e8',
+    blue500: '#1f7cff',
+    blue100: '#e9f3ff',
+    blue50: '#f4f9ff',
+    orange600: '#f97316',
+    orange500: '#ff8a00',
+    orange100: '#fff1db',
+    green500: '#22c55e',
+    green100: '#ddf8e7',
+    red500: '#ef4444',
+    text: '#0f1730',
+    muted: '#64748b',
+    border: '#d9e4f2',
+};
+/** Fixed layout dimensions (px). */
+export const ENGLISH_CERT_LAYOUT = {
+    headerHeight: 74,
+    footerHeight: 76,
+    radius: 12,
+    /** Shared max content width (px) for question card, image, audio bar and answers. */
+    contentMaxWidth: 940,
+};
+/**
+ * Shared content-width class fragment (Tailwind).
+ * Centres the inner content blocks (image, audio bar, answer grid) so they line
+ * up consistently across every question screen.
+ */
+export const ENGLISH_CERT_CONTENT_WIDTH_CLASS = 'mx-auto w-full max-w-[940px]';
+/**
+ * Full-page gradient background applied to the app shell.
+ * Combines two soft radial highlights with a vertical base gradient.
+ */
+export const ENGLISH_CERT_APP_BACKGROUND = 'radial-gradient(circle at 20% -10%, rgba(31,124,255,0.13), transparent 28%),' +
+    'radial-gradient(circle at 70% 0%, rgba(0,184,255,0.13), transparent 24%),' +
+    'linear-gradient(180deg, #f9fdff 0%, #edf7ff 52%, #f9fdff 100%)';
+/** Reusable glass-card class fragment (Tailwind). */
+export const ENGLISH_CERT_CARD_CLASS = 'rounded-xl border border-[#d9e4f2] bg-white/90 shadow-[0_14px_35px_rgba(13,71,161,0.12)] backdrop-blur-md';
+/** Branded gradient used for the answer-sheet header and primary actions. */
+export const ENGLISH_CERT_PRIMARY_GRADIENT = 'linear-gradient(180deg, #1f7cff, #0b57d0)';
+/**
+ * Decorative footer wave (URL-encoded SVG) shown along the bottom action bar.
+ */
+export const ENGLISH_CERT_FOOTER_WAVE = "url(\"data:image/svg+xml,%3Csvg width='1600' height='80' viewBox='0 0 1600 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 44C190 20 334 28 520 44C746 64 850 15 1070 34C1258 50 1408 38 1600 28V80H0V44Z' fill='%230B57D0'/%3E%3Cpath d='M0 50C230 26 346 50 540 55C760 61 872 26 1088 45C1280 62 1430 40 1600 38V80H0V50Z' fill='%23051A55' fill-opacity='0.35'/%3E%3C/svg%3E\")";
+/** Encouraging tagline shown in the branded footer. */
+export const ENGLISH_CERT_FOOTER_NOTE = 'Believe in yourself. You are stronger than you think.';
+//# sourceMappingURL=english-certification-theme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"english-certification-theme.js","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/english-certification-theme.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,iEAAiE;AACjE,MAAM,CAAC,MAAM,mBAAmB,GAAG;IAC/B,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,SAAS;IACjB,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;CACX,CAAC;AAEX,oCAAoC;AACpC,MAAM,CAAC,MAAM,mBAAmB,GAAG;IAC/B,YAAY,EAAE,EAAE;IAChB,YAAY,EAAE,EAAE;IAChB,MAAM,EAAE,EAAE;IACV,qFAAqF;IACrF,eAAe,EAAE,GAAG;CACd,CAAC;AAEX;;;;GAIG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,8BAA8B,CAAC;AAE/E;;;GAGG;AACH,MAAM,CAAC,MAAM,2BAA2B,GACpC,8EAA8E;IAC9E,2EAA2E;IAC3E,gEAAgE,CAAC;AAErE,qDAAqD;AACrD,MAAM,CAAC,MAAM,uBAAuB,GAChC,2GAA2G,CAAC;AAEhH,6EAA6E;AAC7E,MAAM,CAAC,MAAM,6BAA6B,GACtC,2CAA2C,CAAC;AAEhD;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GACjC,uYAAuY,CAAC;AAE5Y,uDAAuD;AACvD,MAAM,CAAC,MAAM,wBAAwB,GACjC,uDAAuD,CAAC"}