@tinyweb_dev/oe-exam-sdk 0.1.0

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

@@ -0,0 +1,157 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useEffect, useMemo, useCallback, memo } from 'react';
+import { ResolvedImage } from '../../../components/common/ResolvedImage';
+import { cn } from '../../../shared/lib/utils';
+import { transformWordFillStructuredForm } from '../../../components/exams/take/exam-taking.utils';
+/**
+ * Replace `{key}` placeholders in raw HTML with inline `<input>` elements so the
+ * full HTML structure (tables, forms, …) is preserved and inputs render inside
+ * the correct cells — never breaking onto new lines or squeezing the layout.
+ */
+/** Convert a 0-based blank key into the 1-based number shown to the student. */
+function toDisplayNumber(key) {
+    const numeric = Number(key);
+    return Number.isFinite(numeric) ? String(numeric + 1) : key;
+}
+function buildHtmlWithInputPlaceholders(html) {
+    return html.replace(/\{([\w\d]+)\}/g, (_match, key) => {
+        return `
+      <span class="ec-blank-wrapper" data-blank-wrapper="${key}">
+        <span class="ec-blank-number" data-blank-number="${key}">${toDisplayNumber(key)}</span>
+        <input type="text" data-blank-key="${key}" class="ec-blank-input" />
+      </span>
+    `;
+    });
+}
+function normalizeStructuredAnswer(value, caseSensitive) {
+    const normalized = value.trim();
+    return caseSensitive ? normalized : normalized.toLowerCase();
+}
+/**
+ * Build the card label from the blank keys (which are the IELTS question numbers).
+ * Returns "Questions x–y" for a numeric range, a single "Question n", or falls
+ * back to `Question {fallback}` when keys are non-numeric/empty.
+ */
+function formatBlankRange(answers, fallback) {
+    const numericKeys = Object.keys(answers)
+        .map((key) => Number(key))
+        .filter((n) => Number.isFinite(n))
+        .sort((a, b) => a - b);
+    if (numericKeys.length === 0) {
+        return `Question ${fallback}`;
+    }
+    // Keys are 0-based; display numbers are 1-based.
+    const min = numericKeys[0] + 1;
+    const max = numericKeys[numericKeys.length - 1] + 1;
+    return min === max ? `Question ${min}` : `Questions ${min}–${max}`;
+}
+/** Stable empty object so React.memo children are not broken by new `{}`. */
+const EMPTY_OBJECT = {};
+/**
+ * Renders one structured-form question's HTML with inline branded inputs.
+ *
+ * CRITICAL: We set `innerHTML` imperatively via a ref exactly ONCE on mount and
+ * attach native input listeners, bypassing React reconciliation. Using
+ * `dangerouslySetInnerHTML` would re-apply HTML on every render, destroying the
+ * DOM inputs and losing focus while the student types.
+ */
+const StructuredFormBody = memo(function StructuredFormBody({ question, initialAnswers, onBlankChange, isReviewMode, }) {
+    const containerRef = useRef(null);
+    const onBlankChangeRef = useRef(onBlankChange);
+    onBlankChangeRef.current = onBlankChange;
+    const mountedRef = useRef(false);
+    const initialAnswersRef = useRef(initialAnswers);
+    const processedHtml = useMemo(() => buildHtmlWithInputPlaceholders(question.content), [question.content]);
+    useEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        if (!mountedRef.current) {
+            container.innerHTML = processedHtml;
+            mountedRef.current = true;
+        }
+        const inputs = container.querySelectorAll('input.ec-blank-input');
+        const handlers = [];
+        inputs.forEach((input) => {
+            const key = input.getAttribute('data-blank-key') || '';
+            const wrapper = container.querySelector(`[data-blank-wrapper="${key}"]`);
+            const userAnswer = initialAnswersRef.current[key] || '';
+            const correctAnswer = question.answers[key] || '';
+            const hasUserAnswer = userAnswer.trim().length > 0;
+            const isCorrect = hasUserAnswer &&
+                normalizeStructuredAnswer(userAnswer, question.caseSensitive) ===
+                    normalizeStructuredAnswer(correctAnswer, question.caseSensitive);
+            const shouldShowReviewText = isReviewMode && !isCorrect && correctAnswer.trim().length > 0;
+            input.value = shouldShowReviewText
+                ? `${hasUserAnswer ? userAnswer : '(empty)'} → ${correctAnswer}`
+                : userAnswer;
+            input.disabled = isReviewMode;
+            input.className = cn('ec-blank-input inline-block w-[110px] border-0 border-b-2 border-dashed bg-transparent px-1 py-0 text-base font-semibold leading-tight align-middle outline-none transition-colors', isReviewMode
+                ? isCorrect
+                    ? 'border-[#22c55e] text-[#15803d]'
+                    : hasUserAnswer
+                        ? 'border-[#ef4444] text-red-700'
+                        : 'border-[#f97316] text-[#c2410c]'
+                : 'border-[#1167e8] text-[#0f1730] hover:border-[#0b57d0] focus:border-[#0b57d0]');
+            const numberBadge = container.querySelector(`[data-blank-number="${key}"]`);
+            if (numberBadge) {
+                // Always set 1-based display number here so it is correct even if
+                // the cached innerHTML was built with a different formatter.
+                numberBadge.textContent = toDisplayNumber(key);
+                numberBadge.className = cn('ec-blank-number mr-1 inline-flex h-[18px] min-w-[18px] items-center justify-center rounded-full px-1 text-[11px] font-bold leading-none text-white align-middle', isReviewMode
+                    ? isCorrect
+                        ? 'bg-[#22c55e]'
+                        : hasUserAnswer
+                            ? 'bg-[#ef4444]'
+                            : 'bg-[#f97316]'
+                    : 'bg-[#0b57d0]');
+            }
+            if (wrapper) {
+                wrapper.className = cn('ec-blank-wrapper inline-flex items-center whitespace-nowrap align-middle', isReviewMode ? 'mx-1' : 'mx-0.5');
+            }
+            const handler = (e) => {
+                const target = e.target;
+                onBlankChangeRef.current(key, target.value);
+            };
+            input.addEventListener('input', handler);
+            handlers.push({ el: input, handler });
+        });
+        return () => {
+            handlers.forEach(({ el, handler }) => {
+                el.removeEventListener('input', handler);
+            });
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [processedHtml, isReviewMode]);
+    return (_jsxs("div", { className: "space-y-3", children: [question.title && (_jsx("h3", { className: "text-base font-semibold text-[#0f1730]", children: question.title })), question.imageUrl && (_jsx("div", { className: "flex justify-center", children: _jsx("div", { className: "overflow-hidden rounded-lg border border-[#d9e4f2]", children: _jsx(ResolvedImage, { src: question.imageUrl, alt: question.title || 'Question image', className: "max-h-56 w-auto object-contain" }) }) })), _jsx("div", { ref: containerRef, className: "ec-structured-content w-full overflow-x-auto rounded-xl border border-[#d9e4f2] bg-[#f4f9ff] p-5 text-base leading-relaxed text-[#0f1730] [&_table]:w-full [&_table]:border-collapse [&_td]:border [&_td]:border-[#d9e4f2] [&_td]:px-4 [&_td]:py-3 [&_td]:align-top [&_th]:border [&_th]:border-[#d9e4f2] [&_th]:bg-[#e9f3ff] [&_th]:px-4 [&_th]:py-3 [&_th]:text-left [&_th]:font-semibold" }), isReviewMode && Object.keys(question.answers).length > 0 && (_jsxs("div", { className: "rounded-xl border border-[#d9e4f2] bg-white/70 p-3", children: [_jsx("span", { className: "text-[10px] font-semibold uppercase tracking-wider text-[#64748b]", children: "Correct answers" }), _jsx("div", { className: "mt-1 flex flex-wrap gap-1.5", children: Object.entries(question.answers).map(([key, val]) => (_jsxs("span", { className: "rounded border border-[#b9edc8] bg-[#ddf8e7] px-2 py-0.5 text-xs font-semibold text-[#15803d]", children: [key, ": ", val] }, key))) })] }))] }));
+});
+/**
+ * Branded English Certification renderer for `WORD_FILL_STRUCTURED_FORM`.
+ *
+ * Replaces the shared Movers two-column grid (which squeezed IELTS tables into
+ * narrow columns) with a full-width branded layout. Reuses
+ * {@link transformWordFillStructuredForm} so the answer shape
+ * (`{ [questionId]: { [blankKey]: value } }`) stays compatible with the autosave
+ * and grading store.
+ */
+export function EcWordFillStructuredForm({ part, answers, onAnswerChange, isReviewMode = false, }) {
+    const { questions, instruction, groupTitle, groupContent, groupImageUrl } = useMemo(() => transformWordFillStructuredForm(part.questions), [part.questions]);
+    const answersRef = useRef(answers);
+    answersRef.current = answers;
+    const onAnswerChangeRef = useRef(onAnswerChange);
+    onAnswerChangeRef.current = onAnswerChange;
+    const handleBlankChange = useCallback((questionId, key, value) => {
+        const currentAnswer = answersRef.current[questionId] || {};
+        onAnswerChangeRef.current(questionId, { ...currentAnswer, [key]: value });
+    }, []);
+    const blankChangeCallbacks = useMemo(() => {
+        const map = {};
+        questions.forEach((q) => {
+            map[q.id] = (key, value) => handleBlankChange(q.id, key, value);
+        });
+        return map;
+    }, [questions, handleBlankChange]);
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [instruction && (_jsx("div", { className: "rounded-xl border border-[#d9e4f2] bg-[#e9f3ff] px-4 py-2.5 text-sm font-semibold uppercase tracking-wide text-[#0b57d0]", children: instruction })), groupTitle && (_jsx("h2", { className: "text-center text-lg font-bold uppercase text-[#0b57d0]", children: groupTitle })), groupImageUrl && (_jsx("div", { className: "flex items-center justify-center", children: _jsx(ResolvedImage, { src: groupImageUrl, alt: groupTitle || 'Group image', className: "max-h-[300px] rounded-lg object-contain shadow-md" }) })), _jsx("div", { className: "flex flex-col gap-4", children: questions.map((q) => (_jsxs("div", { id: `question-${q.id}`, className: "rounded-2xl border border-[#d9e4f2] bg-white/90 p-4 shadow-[0_14px_35px_rgba(13,71,161,0.10)] backdrop-blur-md", children: [_jsx("div", { className: "mb-2 flex items-center gap-2", children: _jsx("span", { className: "inline-flex items-center rounded-full bg-gradient-to-b from-[#1f7cff] to-[#0b57d0] px-3 py-1 text-xs font-bold text-white shadow-sm", children: formatBlankRange(q.answers, q.questionNumber) }) }), _jsx(StructuredFormBody, { question: q, initialAnswers: answers[q.id] || EMPTY_OBJECT, onBlankChange: blankChangeCallbacks[q.id], isReviewMode: isReviewMode })] }, q.id))) })] }));
+}
+//# sourceMappingURL=EcWordFillStructuredForm.js.map

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

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

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { QuestionPart } from '../../../components/exams/take/exam-taking.utils';
+interface EcWritingTaskProps {
+    part: QuestionPart;
+    answers: Record<string, any>;
+    onAnswerChange: (questionId: string, value: any) => void;
+    isReviewMode?: boolean;
+}
+/**
+ * Branded English Certification renderer for `WRITE_A_SHORT_LETTER`.
+ *
+ * Shows the prompt, optional requirements/guide images and a large branded
+ * textarea with a live word counter. The stored answer is a plain string at
+ * `answers[questionId]`, matching the shared writing renderer so the grading
+ * store stays compatible.
+ */
+export declare function EcWritingTask({ part, answers, onAnswerChange, isReviewMode, }: EcWritingTaskProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=EcWritingTask.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EcWritingTask.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EcWritingTask.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAE9E,UAAU,kBAAkB;IACxB,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC7B,cAAc,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AASD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAC1B,IAAI,EACJ,OAAO,EACP,cAAc,EACd,YAAoB,GACvB,EAAE,kBAAkB,qBA2FpB"}

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

@@ -0,0 +1,35 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { ResolvedImage } from '../../../components/common/ResolvedImage';
+import { cn } from '../../../shared/lib/utils';
+import { transformWriteShortLetter } from '../../../components/exams/take/exam-taking.utils';
+/** Count words in a free-text answer (collapses whitespace). */
+function countWords(text) {
+    const trimmed = text.trim();
+    if (!trimmed)
+        return 0;
+    return trimmed.split(/\s+/).length;
+}
+/**
+ * Branded English Certification renderer for `WRITE_A_SHORT_LETTER`.
+ *
+ * Shows the prompt, optional requirements/guide images and a large branded
+ * textarea with a live word counter. The stored answer is a plain string at
+ * `answers[questionId]`, matching the shared writing renderer so the grading
+ * store stays compatible.
+ */
+export function EcWritingTask({ part, answers, onAnswerChange, isReviewMode = false, }) {
+    const firstQuestion = part.questions[0];
+    const data = useMemo(() => transformWriteShortLetter(firstQuestion), [firstQuestion]);
+    if (!firstQuestion) {
+        return null;
+    }
+    const { prompt, requirements, minWords, maxWords, guideImages } = data;
+    const answer = answers[firstQuestion.id] || '';
+    const wordCount = countWords(answer);
+    const meetsMin = minWords ? wordCount >= minWords : true;
+    const withinMax = maxWords ? wordCount <= maxWords : true;
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [part.instructions && (_jsx("div", { className: "rounded-xl border border-[#d9e4f2] bg-[#e9f3ff] px-4 py-2.5 text-sm font-semibold uppercase tracking-wide text-[#0b57d0]", children: part.instructions })), prompt && (_jsx("div", { className: "whitespace-pre-line rounded-2xl border border-[#d9e4f2] bg-white/90 p-5 text-base leading-relaxed text-[#0f1730] shadow-[0_14px_35px_rgba(13,71,161,0.10)]", children: prompt })), requirements && requirements.length > 0 && (_jsxs("div", { className: "rounded-2xl border border-[#d9e4f2] bg-white/70 p-4", children: [_jsx("span", { className: "text-[10px] font-semibold uppercase tracking-wider text-[#64748b]", children: "Y\u00EAu c\u1EA7u" }), _jsx("ul", { className: "mt-2 list-inside list-disc space-y-1 text-sm text-[#0f1730]", children: requirements.map((req, idx) => (_jsx("li", { children: req }, idx))) })] })), guideImages && guideImages.length > 0 && (_jsx("div", { className: "flex flex-col items-center justify-center gap-4 py-4", children: guideImages.map((img, idx) => (_jsx(ResolvedImage, { src: img, alt: `Guide ${idx + 1}`, className: "w-full max-w-3xl rounded-xl bg-white object-contain shadow-sm" }, idx))) })), _jsxs("div", { className: "rounded-2xl border border-[#d9e4f2] bg-white/90 p-4 shadow-[0_14px_35px_rgba(13,71,161,0.10)]", children: [_jsx("textarea", { value: answer, disabled: isReviewMode, placeholder: "Vi\u1EBFt b\u00E0i c\u1EE7a b\u1EA1n \u1EDF \u0111\u00E2y\u2026", onChange: (e) => onAnswerChange(firstQuestion.id, e.target.value), rows: 12, className: cn('w-full resize-y rounded-xl border-2 border-[#9cc4f5] bg-[#f4f9ff] px-4 py-3 text-sm leading-relaxed text-[#0f1730] outline-none transition-all focus:border-[#1167e8]', isReviewMode && 'cursor-not-allowed opacity-80') }), _jsxs("div", { className: "mt-2 flex items-center justify-between text-xs", children: [_jsxs("span", { className: cn('font-semibold', !meetsMin || !withinMax ? 'text-[#ef4444]' : 'text-[#15803d]'), children: [wordCount, " t\u1EEB"] }), (minWords || maxWords) && (_jsxs("span", { className: "text-[#64748b]", children: [minWords ? `Tối thiểu ${minWords}` : '', minWords && maxWords ? ' · ' : '', maxWords ? `Tối đa ${maxWords}` : ''] }))] })] })] }));
+}
+//# sourceMappingURL=EcWritingTask.js.map

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

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

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

@@ -0,0 +1,14 @@
+interface EnglishCertificationAudioPlayerProps {
+    audioUrl: string;
+    partNumber?: number;
+    isLoading?: boolean;
+}
+/**
+ * Branded Ocean Edu audio bar for English Certification Listening sections.
+ *
+ * Handles play/pause/reset, progress and presigned-URL resolution while
+ * adopting the compact Ocean Edu audio-bar look.
+ */
+export declare function EnglishCertificationAudioPlayer({ audioUrl, partNumber, isLoading, }: EnglishCertificationAudioPlayerProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=EnglishCertificationAudioPlayer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationAudioPlayer.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationAudioPlayer.tsx"],"names":[],"mappings":"AAOA,UAAU,oCAAoC;IAC1C,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,+BAA+B,CAAC,EAC5C,QAAQ,EACR,UAAc,EACd,SAAiB,GACpB,EAAE,oCAAoC,+BAwLtC"}

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

@@ -0,0 +1,115 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState, useEffect } from 'react';
+import { Play, Pause, RotateCcw, RefreshCw } from 'lucide-react';
+import { usePresignedFileUrl } from '../../../shared/lib/hooks/usePresignedFileUrl';
+import { cn } from '../../../shared/lib/utils';
+/**
+ * Branded Ocean Edu audio bar for English Certification Listening sections.
+ *
+ * Handles play/pause/reset, progress and presigned-URL resolution while
+ * adopting the compact Ocean Edu audio-bar look.
+ */
+export function EnglishCertificationAudioPlayer({ audioUrl, partNumber = 0, isLoading = false, }) {
+    const audioRef = useRef(null);
+    // Resolve S3 storage keys to presigned URLs (HTTP URLs pass through unchanged)
+    const { previewUrl: resolvedAudioUrl } = usePresignedFileUrl(audioUrl || undefined);
+    const [isPlaying, setIsPlaying] = useState(false);
+    const [currentTime, setCurrentTime] = useState(0);
+    const [duration, setDuration] = useState(0);
+    const [error, setError] = useState(null);
+    const togglePlayPause = () => {
+        if (!audioRef.current)
+            return;
+        if (isPlaying) {
+            audioRef.current.pause();
+            setIsPlaying(false);
+        }
+        else {
+            audioRef.current.play().catch((err) => {
+                setError(`Failed to play audio: ${err.message}`);
+            });
+            setIsPlaying(true);
+        }
+    };
+    const handleReset = () => {
+        if (!audioRef.current)
+            return;
+        audioRef.current.currentTime = 0;
+        audioRef.current.pause();
+        setIsPlaying(false);
+        setCurrentTime(0);
+    };
+    const handleRetry = () => {
+        const audio = audioRef.current;
+        if (!audio || !resolvedAudioUrl)
+            return;
+        setError(null);
+        setCurrentTime(0);
+        setIsPlaying(false);
+        audio.src = resolvedAudioUrl;
+        audio.load();
+    };
+    const handleProgressChange = (e) => {
+        const newTime = parseFloat(e.target.value);
+        if (!audioRef.current)
+            return;
+        audioRef.current.currentTime = newTime;
+        setCurrentTime(newTime);
+    };
+    const formatTime = (seconds) => {
+        if (!seconds || isNaN(seconds))
+            return '00:00';
+        const mins = Math.floor(seconds / 60);
+        const secs = Math.floor(seconds % 60);
+        return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
+    };
+    useEffect(() => {
+        const audio = audioRef.current;
+        if (!audio)
+            return;
+        const handleTimeUpdate = () => setCurrentTime(audio.currentTime);
+        const handleLoadedMetadata = () => {
+            setDuration(audio.duration);
+            setError(null);
+        };
+        const handleEnded = () => setIsPlaying(false);
+        const handleError = () => {
+            setError('Failed to load audio file');
+            setIsPlaying(false);
+        };
+        audio.addEventListener('timeupdate', handleTimeUpdate);
+        audio.addEventListener('loadedmetadata', handleLoadedMetadata);
+        audio.addEventListener('ended', handleEnded);
+        audio.addEventListener('error', handleError);
+        return () => {
+            audio.removeEventListener('timeupdate', handleTimeUpdate);
+            audio.removeEventListener('loadedmetadata', handleLoadedMetadata);
+            audio.removeEventListener('ended', handleEnded);
+            audio.removeEventListener('error', handleError);
+        };
+    }, []);
+    useEffect(() => {
+        if (audioRef.current && resolvedAudioUrl) {
+            audioRef.current.src = resolvedAudioUrl;
+            setCurrentTime(0);
+            setIsPlaying(false);
+            setError(null);
+        }
+    }, [resolvedAudioUrl]);
+    const progressPercent = duration > 0 ? (currentTime / duration) * 100 : 0;
+    const statusLabel = error
+        ? 'Audio unavailable'
+        : isLoading
+            ? 'Loading...'
+            : isPlaying
+                ? 'Playing...'
+                : currentTime > 0
+                    ? 'Paused'
+                    : 'Ready to play';
+    return (_jsxs("div", { className: "grid w-full grid-cols-[64px_1fr] items-center gap-4 rounded-[10px] border border-[#d9e4f2] bg-white/90 p-4 shadow-[0_5px_16px_rgba(13,71,161,0.08)] sm:gap-[18px] sm:px-5", children: [_jsx("audio", { ref: audioRef }), _jsx("button", { type: "button", onClick: togglePlayPause, disabled: isLoading || !audioUrl || !!error, className: "grid h-14 w-14 place-items-center rounded-full text-2xl text-white shadow-[0_12px_22px_rgba(11,87,208,0.22)] transition-transform hover:scale-[1.03] disabled:cursor-not-allowed disabled:opacity-50", style: { background: 'linear-gradient(180deg, #1f7cff, #0b57d0)' }, "aria-label": isPlaying ? 'Pause audio' : 'Play audio', children: isPlaying ? _jsx(Pause, { size: 24 }) : _jsx(Play, { size: 24, className: "ml-0.5" }) }), _jsxs("div", { className: "min-w-0", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsxs("span", { className: "text-[18px] font-black text-[#0f1730]", children: ["Listening Audio", partNumber > 0 && ` · Part ${partNumber}`] }), _jsx("button", { type: "button", onClick: handleReset, disabled: isLoading || !audioUrl || !!error, className: "flex h-8 w-8 items-center justify-center rounded-full border border-[#d9e4f2] text-[#0b57d0] transition-colors hover:bg-blue-50 disabled:cursor-not-allowed disabled:opacity-50", "aria-label": "Replay from start", children: _jsx(RotateCcw, { size: 16 }) })] }), _jsxs("div", { className: "mt-1 flex items-center gap-2.5", children: [_jsx("span", { className: cn('text-sm font-bold', error ? 'text-red-500' : 'text-[#64748b]'), children: error ?? statusLabel }), error && (_jsxs("button", { type: "button", onClick: handleRetry, disabled: !audioUrl, className: "inline-flex items-center gap-1.5 rounded-full border border-red-200 bg-red-50 px-3 py-1 text-xs font-bold text-red-600 transition-colors hover:bg-red-100 disabled:cursor-not-allowed disabled:opacity-50", "aria-label": "Retry loading audio", children: [_jsx(RefreshCw, { size: 13 }), "Retry"] }))] }), _jsxs("div", { className: "mt-2 grid grid-cols-[46px_1fr_46px] items-center gap-2.5 text-sm font-bold tabular-nums text-[#0f1730]", children: [_jsx("span", { children: formatTime(currentTime) }), _jsxs("div", { className: "relative", children: [_jsx("div", { className: "pointer-events-none absolute inset-y-0 left-0 rounded-full", style: {
+                                            width: `${progressPercent}%`,
+                                            background: 'linear-gradient(90deg, #1f7cff, #0b57d0)',
+                                        } }), _jsx("input", { type: "range", min: "0", max: duration || 0, step: "0.1", value: currentTime, onChange: handleProgressChange, disabled: isLoading || !audioUrl || !!error, className: "relative z-10 h-2 w-full cursor-pointer appearance-none rounded-full bg-[#dfe9f6] accent-[#0b57d0] disabled:cursor-not-allowed disabled:opacity-50", "aria-label": "Audio progress" })] }), _jsx("span", { children: duration > 0 ? formatTime(duration) : '00:00' })] })] })] }));
+}
+//# sourceMappingURL=EnglishCertificationAudioPlayer.js.map

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

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

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

@@ -0,0 +1,11 @@
+interface EnglishCertificationBrandProps {
+    /** Optional extra classes for the wrapper. */
+    className?: string;
+}
+/**
+ * Ocean Edu brand lockup: horizontal logo image.
+ * Used in the English Certification header.
+ */
+export declare function EnglishCertificationBrand({ className }: EnglishCertificationBrandProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=EnglishCertificationBrand.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationBrand.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationBrand.tsx"],"names":[],"mappings":"AAKA,UAAU,8BAA8B;IACpC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,EAAE,SAAS,EAAE,EAAE,8BAA8B,+BAatF"}

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

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import Image from 'next/image';
+import { cn } from '../../../shared/lib/utils';
+/**
+ * Ocean Edu brand lockup: horizontal logo image.
+ * Used in the English Certification header.
+ */
+export function EnglishCertificationBrand({ className }) {
+    return (_jsx("div", { className: cn('flex items-center', className), "aria-label": "Ocean Edu", children: _jsx(Image, { src: "/images/logo-ngang.png", alt: "Ocean Edu", width: 180, height: 40, priority: true, className: "h-10 w-auto object-contain" }) }));
+}
+//# sourceMappingURL=EnglishCertificationBrand.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationBrand.js","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationBrand.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAOxC;;;GAGG;AACH,MAAM,UAAU,yBAAyB,CAAC,EAAE,SAAS,EAAkC;IACnF,OAAO,CACH,cAAK,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,gBAAa,WAAW,YACtE,KAAC,KAAK,IACF,GAAG,EAAC,wBAAwB,EAC5B,GAAG,EAAC,WAAW,EACf,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,EAAE,EACV,QAAQ,QACR,SAAS,EAAC,4BAA4B,GACxC,GACA,CACT,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,20 @@
+import { type EnglishCertificationHeaderProps } from './EnglishCertificationHeader';
+import type { EnglishCertificationNavigationPanelProps } from './EnglishCertificationNavigationPanel';
+import { type EnglishCertificationFooterBarProps } from './EnglishCertificationFooterBar';
+interface EnglishCertificationExamLayoutProps {
+    children: React.ReactNode;
+    headerProps: EnglishCertificationHeaderProps;
+    navigationProps: EnglishCertificationNavigationPanelProps;
+    /** Optional branded footer action bar (Previous / Clear / Mark / Next). */
+    footerProps?: EnglishCertificationFooterBarProps;
+}
+/**
+ * Ocean Edu branded exam-taking shell for English Certification exams.
+ *
+ * Layout: branded sticky header · main content + collapsible "Answer Sheet"
+ * sidebar · branded wave footer with navigation actions. On mobile the sidebar
+ * is replaced by a bottom-sheet opened via a floating button.
+ */
+export declare function EnglishCertificationExamLayout({ children, headerProps, navigationProps, footerProps, }: EnglishCertificationExamLayoutProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=EnglishCertificationExamLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationExamLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationExamLayout.tsx"],"names":[],"mappings":"AAWA,OAAO,EAEH,KAAK,+BAA+B,EACvC,MAAM,8BAA8B,CAAC;AAEtC,OAAO,KAAK,EAAE,wCAAwC,EAAE,MAAM,uCAAuC,CAAC;AACtG,OAAO,EAEH,KAAK,kCAAkC,EAC1C,MAAM,iCAAiC,CAAC;AAMzC,UAAU,mCAAmC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,EAAE,+BAA+B,CAAC;IAC7C,eAAe,EAAE,wCAAwC,CAAC;IAC1D,2EAA2E;IAC3E,WAAW,CAAC,EAAE,kCAAkC,CAAC;CACpD;AAED;;;;;;GAMG;AACH,wBAAgB,8BAA8B,CAAC,EAC3C,QAAQ,EACR,WAAW,EACX,eAAe,EACf,WAAW,GACd,EAAE,mCAAmC,+BAqFrC"}

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

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { List } from 'lucide-react';
+import { Sheet, SheetContent, SheetHeader, SheetTitle, } from '../../../components/ui/sheet';
+import { EnglishCertificationHeader, } from './EnglishCertificationHeader';
+import { EnglishCertificationNavigationPanel } from './EnglishCertificationNavigationPanel';
+import { EnglishCertificationFooterBar, } from './EnglishCertificationFooterBar';
+import { ENGLISH_CERT_APP_BACKGROUND, ENGLISH_CERT_PRIMARY_GRADIENT, } from './english-certification-theme';
+/**
+ * Ocean Edu branded exam-taking shell for English Certification exams.
+ *
+ * Layout: branded sticky header · main content + collapsible "Answer Sheet"
+ * sidebar · branded wave footer with navigation actions. On mobile the sidebar
+ * is replaced by a bottom-sheet opened via a floating button.
+ */
+export function EnglishCertificationExamLayout({ children, headerProps, navigationProps, footerProps, }) {
+    const [isSidebarOpen, setIsSidebarOpen] = useState(true);
+    const [isMobileSheetOpen, setIsMobileSheetOpen] = useState(false);
+    return (_jsxs("div", { className: "flex h-screen flex-col overflow-hidden text-[#0f1730]", style: { background: ENGLISH_CERT_APP_BACKGROUND }, children: [_jsx(EnglishCertificationHeader, { ...headerProps }), _jsxs("div", { className: "flex flex-1 gap-4 overflow-hidden px-4 py-4 lg:px-6", children: [_jsx("main", { id: "exam-main-scroll-area", className: "min-w-0 flex-1 overflow-y-auto", children: children }), isSidebarOpen && (_jsxs("aside", { className: "hidden w-[360px] shrink-0 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 lg:flex", "aria-label": "Answer sheet navigation", children: [_jsxs("div", { className: "flex h-14 items-center justify-between px-5 text-white", style: { background: ENGLISH_CERT_PRIMARY_GRADIENT }, children: [_jsx("h3", { className: "text-[18px] font-black tracking-[0.1em]", children: "ANSWER SHEET" }), _jsx("button", { type: "button", onClick: () => setIsSidebarOpen(false), className: "text-sm font-bold text-white/90 hover:text-white", children: "Hide \u226A" })] }), _jsx("div", { className: "flex-1 overflow-hidden", children: _jsx(EnglishCertificationNavigationPanel, { ...navigationProps }) })] })), !isSidebarOpen && (_jsx("button", { type: "button", onClick: () => setIsSidebarOpen(true), className: "fixed right-0 top-24 z-30 hidden rounded-l-lg border border-r-0 border-[#d9e4f2] bg-white px-2 py-3 text-sm font-bold text-[#0b57d0] shadow-sm hover:bg-blue-50 lg:block", "aria-label": "Show answer sheet", children: "\u226B" }))] }), footerProps && _jsx(EnglishCertificationFooterBar, { ...footerProps }), _jsx("button", { type: "button", onClick: () => setIsMobileSheetOpen(true), className: "fixed bottom-24 right-4 z-30 flex h-12 w-12 items-center justify-center rounded-full text-white shadow-lg lg:hidden", style: { background: ENGLISH_CERT_PRIMARY_GRADIENT }, "aria-label": "Open answer sheet", children: _jsx(List, { className: "h-5 w-5" }) }), _jsx(Sheet, { open: isMobileSheetOpen, onOpenChange: setIsMobileSheetOpen, children: _jsxs(SheetContent, { side: "bottom", className: "h-[78vh] p-0", children: [_jsx(SheetHeader, { className: "flex h-14 flex-row items-center px-5 text-white", style: { background: ENGLISH_CERT_PRIMARY_GRADIENT }, children: _jsx(SheetTitle, { className: "text-[18px] font-black tracking-[0.1em] text-white", children: "ANSWER SHEET" }) }), _jsx("div", { className: "h-[calc(78vh-3.5rem)] overflow-hidden", children: _jsx(EnglishCertificationNavigationPanel, { ...navigationProps }) })] }) })] }));
+}
+//# sourceMappingURL=EnglishCertificationExamLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationExamLayout.js","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationExamLayout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EACH,KAAK,EACL,YAAY,EACZ,WAAW,EACX,UAAU,GACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACH,0BAA0B,GAE7B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,mCAAmC,EAAE,MAAM,uCAAuC,CAAC;AAE5F,OAAO,EACH,6BAA6B,GAEhC,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACH,2BAA2B,EAC3B,6BAA6B,GAChC,MAAM,+BAA+B,CAAC;AAUvC;;;;;;GAMG;AACH,MAAM,UAAU,8BAA8B,CAAC,EAC3C,QAAQ,EACR,WAAW,EACX,eAAe,EACf,WAAW,GACuB;IAClC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACzD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElE,OAAO,CACH,eACI,SAAS,EAAC,uDAAuD,EACjE,KAAK,EAAE,EAAE,UAAU,EAAE,2BAA2B,EAAE,aAElD,KAAC,0BAA0B,OAAK,WAAW,GAAI,EAE/C,eAAK,SAAS,EAAC,qDAAqD,aAEhE,eAAM,EAAE,EAAC,uBAAuB,EAAC,SAAS,EAAC,gCAAgC,YAAE,QAAQ,GAAQ,EAG5F,aAAa,IAAI,CACd,iBACI,SAAS,EAAC,sKAAsK,gBACrK,yBAAyB,aAEpC,eACI,SAAS,EAAC,wDAAwD,EAClE,KAAK,EAAE,EAAE,UAAU,EAAE,6BAA6B,EAAE,aAEpD,aAAI,SAAS,EAAC,yCAAyC,6BAAkB,EACzE,iBACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,EACtC,SAAS,EAAC,kDAAkD,4BAGvD,IACP,EACN,cAAK,SAAS,EAAC,wBAAwB,YACnC,KAAC,mCAAmC,OAAK,eAAe,GAAI,GAC1D,IACF,CACX,EAGA,CAAC,aAAa,IAAI,CACf,iBACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,EACrC,SAAS,EAAC,0KAA0K,gBACzK,mBAAmB,uBAGzB,CACZ,IACC,EAGL,WAAW,IAAI,KAAC,6BAA6B,OAAK,WAAW,GAAI,EAGlE,iBACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,EACzC,SAAS,EAAC,qHAAqH,EAC/H,KAAK,EAAE,EAAE,UAAU,EAAE,6BAA6B,EAAE,gBACzC,mBAAmB,YAE9B,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,GAAG,GACvB,EAGT,KAAC,KAAK,IAAC,IAAI,EAAE,iBAAiB,EAAE,YAAY,EAAE,oBAAoB,YAC9D,MAAC,YAAY,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,cAAc,aAChD,KAAC,WAAW,IACR,SAAS,EAAC,iDAAiD,EAC3D,KAAK,EAAE,EAAE,UAAU,EAAE,6BAA6B,EAAE,YAEpD,KAAC,UAAU,IAAC,SAAS,EAAC,oDAAoD,6BAE7D,GACH,EACd,cAAK,SAAS,EAAC,uCAAuC,YAClD,KAAC,mCAAmC,OAAK,eAAe,GAAI,GAC1D,IACK,GACX,IACN,CACT,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,23 @@
+/** Visual size of the mark/flag control. */
+export type EnglishCertificationFlagButtonSize = 'sm' | 'default';
+interface EnglishCertificationFlagButtonProps {
+    isFlagged: boolean;
+    onToggle: () => void;
+    /**
+     * 'default' renders a labelled pill ("Mark" / "Marked") used in single
+     * question screens; 'sm' renders an icon-only pill used inside grouped
+     * reading rows.
+     */
+    size?: EnglishCertificationFlagButtonSize;
+    /** Optional extra classes for the wrapper. */
+    className?: string;
+}
+/**
+ * Shared Ocean Edu "Mark for Review" control.
+ *
+ * Single source of truth for the mark/flag affordance so the bookmark flag
+ * looks identical on single-question and grouped-reading screens.
+ */
+export declare function EnglishCertificationFlagButton({ isFlagged, onToggle, size, className, }: EnglishCertificationFlagButtonProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=EnglishCertificationFlagButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationFlagButton.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationFlagButton.tsx"],"names":[],"mappings":"AAIA,4CAA4C;AAC5C,MAAM,MAAM,kCAAkC,GAAG,IAAI,GAAG,SAAS,CAAC;AAElE,UAAU,mCAAmC;IACzC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,kCAAkC,CAAC;IAC1C,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,8BAA8B,CAAC,EAC3C,SAAS,EACT,QAAQ,EACR,IAAgB,EAChB,SAAS,GACZ,EAAE,mCAAmC,+BA0BrC"}

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

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../../shared/lib/utils';
+/**
+ * Shared Ocean Edu "Mark for Review" control.
+ *
+ * Single source of truth for the mark/flag affordance so the bookmark flag
+ * looks identical on single-question and grouped-reading screens.
+ */
+export function EnglishCertificationFlagButton({ isFlagged, onToggle, size = 'default', className, }) {
+    const isCompact = size === 'sm';
+    return (_jsxs("button", { type: "button", onClick: onToggle, className: cn('inline-flex items-center gap-1.5 rounded-md border font-bold transition-colors', isCompact ? 'px-2 py-1 text-xs' : 'px-3 py-1.5 text-sm', isFlagged
+            ? 'border-[#ff8a00] bg-[#fff1db] text-[#ff8a00]'
+            : 'border-[#d9e4f2] bg-white text-[#64748b] hover:text-[#ff8a00]', className), "aria-label": isFlagged ? 'Unmark for review' : 'Mark for review', "aria-pressed": isFlagged, children: [_jsx("span", { className: "h-[14px] w-2 shrink-0 bg-current", style: { clipPath: 'polygon(0 0, 100% 0, 100% 100%, 50% 70%, 0 100%)' }, "aria-hidden": "true" }), !isCompact && _jsx("span", { children: isFlagged ? 'Marked' : 'Mark' })] }));
+}
+//# sourceMappingURL=EnglishCertificationFlagButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationFlagButton.js","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationFlagButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAkBxC;;;;;GAKG;AACH,MAAM,UAAU,8BAA8B,CAAC,EAC3C,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,SAAS,EAChB,SAAS,GACyB;IAClC,MAAM,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAEhC,OAAO,CACH,kBACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,EAAE,CACT,gFAAgF,EAChF,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,qBAAqB,EACvD,SAAS;YACL,CAAC,CAAC,8CAA8C;YAChD,CAAC,CAAC,+DAA+D,EACrE,SAAS,CACZ,gBACW,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,kBACjD,SAAS,aAEvB,eACI,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,EAAE,QAAQ,EAAE,kDAAkD,EAAE,iBAC3D,MAAM,GACpB,EACD,CAAC,SAAS,IAAI,yBAAO,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,GAAQ,IACtD,CACZ,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,23 @@
+export interface EnglishCertificationFooterBarProps {
+    onPrevious: () => void;
+    onClear?: () => void;
+    onToggleMark?: () => void;
+    onNext: () => void;
+    /** Whether the current question is marked (controls the Mark button label). */
+    isMarked?: boolean;
+    isPreviousDisabled?: boolean;
+    isNextDisabled?: boolean;
+    /**
+     * Show the Clear / Mark secondary actions. Disabled for multi-question
+     * screens where marking happens per question card. Defaults to true.
+     */
+    showSecondaryActions?: boolean;
+}
+/**
+ * Branded Ocean Edu footer action bar for English Certification exam taking.
+ *
+ * Provides Previous / Clear Answer / Mark for Review / Next actions plus the
+ * decorative wave, brand lockup and encouragement note.
+ */
+export declare function EnglishCertificationFooterBar({ onPrevious, onClear, onToggleMark, onNext, isMarked, isPreviousDisabled, isNextDisabled, showSecondaryActions, }: EnglishCertificationFooterBarProps): import("react").JSX.Element;
+//# sourceMappingURL=EnglishCertificationFooterBar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationFooterBar.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationFooterBar.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,kCAAkC;IAC/C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED;;;;;GAKG;AACH,wBAAgB,6BAA6B,CAAC,EAC1C,UAAU,EACV,OAAO,EACP,YAAY,EACZ,MAAM,EACN,QAAgB,EAChB,kBAA0B,EAC1B,cAAsB,EACtB,oBAA2B,GAC9B,EAAE,kCAAkC,+BAkFpC"}

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

@@ -0,0 +1,20 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../../shared/lib/utils';
+import { ENGLISH_CERT_FOOTER_NOTE, ENGLISH_CERT_FOOTER_WAVE, ENGLISH_CERT_PRIMARY_GRADIENT, } from './english-certification-theme';
+/**
+ * Branded Ocean Edu footer action bar for English Certification exam taking.
+ *
+ * Provides Previous / Clear Answer / Mark for Review / Next actions plus the
+ * decorative wave, brand lockup and encouragement note.
+ */
+export function EnglishCertificationFooterBar({ onPrevious, onClear, onToggleMark, onNext, isMarked = false, isPreviousDisabled = false, isNextDisabled = false, showSecondaryActions = true, }) {
+    return (_jsxs("footer", { className: "sticky bottom-0 z-40 flex flex-col gap-2 px-4 pt-3 lg:px-7", style: {
+            background: `linear-gradient(180deg, rgba(255,255,255,0.94) 0 calc(100% - 64px), transparent calc(100% - 64px)), ${ENGLISH_CERT_FOOTER_WAVE} bottom/100% 64px no-repeat`,
+        }, children: [_jsxs("div", { className: cn('grid grid-cols-2 items-center gap-3 lg:gap-12', showSecondaryActions
+                    ? 'lg:grid-cols-[240px_190px_1fr_200px]'
+                    : 'mx-auto w-full max-w-[520px] lg:grid-cols-2'), children: [_jsx("button", { type: "button", onClick: onPrevious, disabled: isPreviousDisabled, className: cn('h-[42px] rounded-md border border-[#d9e4f2] bg-white text-[15px] font-black text-[#0a3d9a] shadow-[0_5px_16px_rgba(13,71,161,0.08)] disabled:cursor-not-allowed disabled:opacity-50', !showSecondaryActions && 'lg:w-[200px] lg:justify-self-start'), children: "\u2190 \u00A0 Previous" }), showSecondaryActions && onClear && (_jsx("button", { type: "button", onClick: onClear, className: "h-[42px] rounded-md border border-[#d9e4f2] bg-white text-[15px] font-black text-[#0a3d9a] shadow-[0_5px_16px_rgba(13,71,161,0.08)]", children: "\u25C6 \u00A0 Clear Answer" })), showSecondaryActions && onToggleMark && (_jsxs("button", { type: "button", onClick: onToggleMark, className: cn('h-[42px] rounded-md border bg-white text-[15px] font-black shadow-[0_5px_16px_rgba(13,71,161,0.08)] lg:w-[220px] lg:justify-self-center', isMarked
+                            ? 'border-[#ff8a00] text-[#ff8a00]'
+                            : 'border-[#d9e4f2] text-[#0a3d9a]'), children: ["\u25AE \u00A0 ", isMarked ? 'Unmark Review' : 'Mark for Review'] })), _jsx("button", { type: "button", onClick: onNext, disabled: isNextDisabled, className: cn('h-[42px] rounded-md border border-[#0b57d0] text-[15px] font-black text-white shadow-[0_5px_16px_rgba(13,71,161,0.08)] disabled:cursor-not-allowed disabled:opacity-50', !showSecondaryActions && 'lg:w-[200px] lg:justify-self-end'), style: { background: ENGLISH_CERT_PRIMARY_GRADIENT }, children: "Next \u00A0 \u2192" })] }), _jsxs("div", { className: "pointer-events-none hidden h-9 items-center gap-4 text-white lg:flex", children: [_jsxs("div", { className: "flex shrink-0 items-center gap-2 font-black tracking-wide", children: [_jsx("span", { className: "grid h-[25px] w-[25px] place-items-center rounded-full border-2 border-white text-xs", children: "\u2726" }), "OCEAN EDU"] }), _jsxs("span", { className: "min-w-0 flex-1 text-center text-[13px] font-bold", children: ["\u3030 \u00A0 ", ENGLISH_CERT_FOOTER_NOTE] })] })] }));
+}
+//# sourceMappingURL=EnglishCertificationFooterBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnglishCertificationFooterBar.js","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EnglishCertificationFooterBar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,EACH,wBAAwB,EACxB,wBAAwB,EACxB,6BAA6B,GAChC,MAAM,+BAA+B,CAAC;AAkBvC;;;;;GAKG;AACH,MAAM,UAAU,6BAA6B,CAAC,EAC1C,UAAU,EACV,OAAO,EACP,YAAY,EACZ,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,kBAAkB,GAAG,KAAK,EAC1B,cAAc,GAAG,KAAK,EACtB,oBAAoB,GAAG,IAAI,GACM;IACjC,OAAO,CACH,kBACI,SAAS,EAAC,4DAA4D,EACtE,KAAK,EAAE;YACH,UAAU,EAAE,uGAAuG,wBAAwB,6BAA6B;SAC3K,aAGD,eACI,SAAS,EAAE,EAAE,CACT,+CAA+C,EAC/C,oBAAoB;oBAChB,CAAC,CAAC,sCAAsC;oBACxC,CAAC,CAAC,6CAA6C,CACtD,aAED,iBACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CACT,qLAAqL,EACrL,CAAC,oBAAoB,IAAI,oCAAoC,CAChE,uCAGI,EAER,oBAAoB,IAAI,OAAO,IAAI,CAChC,iBACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,qIAAqI,2CAG1I,CACZ,EAEA,oBAAoB,IAAI,YAAY,IAAI,CACrC,kBACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,EAAE,CACT,yIAAyI,EACzI,QAAQ;4BACJ,CAAC,CAAC,iCAAiC;4BACnC,CAAC,CAAC,iCAAiC,CAC1C,+BAES,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,IACnD,CACZ,EAED,iBACI,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAE,EAAE,CACT,wKAAwK,EACxK,CAAC,oBAAoB,IAAI,kCAAkC,CAC9D,EACD,KAAK,EAAE,EAAE,UAAU,EAAE,6BAA6B,EAAE,mCAG/C,IACP,EAGN,eAAK,SAAS,EAAC,sEAAsE,aACjF,eAAK,SAAS,EAAC,2DAA2D,aACtE,eAAM,SAAS,EAAC,sFAAsF,uBAE/F,iBAEL,EACN,gBAAM,SAAS,EAAC,kDAAkD,+BACpD,wBAAwB,IAC/B,IACL,IACD,CACZ,CAAC;AACN,CAAC"}