@tinyweb_dev/oe-exam-sdk 0.1.0

package/dist/components/themes/cambridge-yle/CambridgeYleSidebar.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../../shared/lib/utils';
+import Image from 'next/image';
+import phaoImg from './assets/images/phao.png';
+import sanhoImg from './assets/images/sanho.png';
+import saoImg from './assets/images/sao.png';
+import voocImg from './assets/images/vooc.png';
+const PART_ICONS = [phaoImg, sanhoImg, saoImg, voocImg];
+export function CambridgeYleSidebar({ parts, questions, currentQuestionGlobalIndex, onPartClick, onQuestionClick, isNavDisabled, className, }) {
+    const currentQuestion = questions[currentQuestionGlobalIndex];
+    const currentPartIndex = currentQuestion ? currentQuestion.partIndex : 0;
+    return (_jsxs("div", { className: cn("flex flex-col w-full h-full pb-4", className), children: [_jsxs("div", { className: "flex-1 overflow-y-auto custom-scrollbar p-4 lg:p-6 pb-2", children: [_jsxs("div", { className: "flex items-center gap-2 mb-4 justify-center uppercase tracking-widest text-[16px]", children: [_jsx("div", { className: "flex items-center justify-center p-1.5 bg-gradient-to-br from-blue-400 to-blue-600 rounded-xl text-white", children: _jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("polygon", { points: "12 2 2 7 12 12 22 7 12 2" }), _jsx("polyline", { points: "2 17 12 22 22 17" }), _jsx("polyline", { points: "2 12 12 17 22 12" })] }) }), _jsx("span", { className: "font-black bg-gradient-to-r from-blue-700 to-blue-500 bg-clip-text text-transparent", children: "Parts" })] }), _jsx("div", { className: "flex flex-col gap-2.5", children: parts.map((part, idx) => {
+                            const isCurrent = idx === currentPartIndex;
+                            const iconSrc = PART_ICONS[idx % PART_ICONS.length];
+                            const prevCategory = idx > 0 ? parts[idx - 1].category : null;
+                            const showCategoryTitle = part.category && part.category !== prevCategory;
+                            return (_jsxs("div", { className: "flex flex-col", children: [showCategoryTitle && (_jsxs("div", { className: "flex items-center gap-2 mt-5 mb-3 px-1", children: [_jsx("div", { className: "h-[4px] w-4 rounded-full bg-blue-500" }), _jsx("span", { className: "text-[14px] font-black uppercase tracking-[0.15em] text-blue-800", children: part.category?.replace(/_/g, ' ') }), _jsx("div", { className: "h-[2px] flex-1 rounded-full bg-blue-100" })] })), _jsxs("button", { type: "button", onClick: () => onPartClick(idx), disabled: isNavDisabled, className: cn("flex items-center justify-between p-2 px-[15px] rounded-[15px] transition-all border font-medium shadow-sm", isCurrent
+                                            ? "bg-blue-600 text-white border-blue-600"
+                                            : "bg-white text-slate-800 border-transparent", !isCurrent && !isNavDisabled ? "hover:border-blue-200" : "", isNavDisabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"), children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex items-center justify-center w-8 h-8 shrink-0", children: _jsx(Image, { src: iconSrc, alt: `part icon ${idx}`, className: "w-[30px] h-auto object-contain" }) }), _jsx("span", { className: "font-black text-[15px]", children: part.name || `Part ${part.partNo}` })] }), _jsxs("span", { className: cn("text-[13px] font-bold tracking-wide", isCurrent ? "text-blue-100" : "text-blue-900/60"), children: [part.answeredCount, "/", part.totalQuestions] })] })] }, idx));
+                        }) })] }), _jsx("div", { className: "px-6", children: _jsx("hr", { className: "border-t-2 border-dashed border-blue-100" }) }), _jsxs("div", { className: "flex-1 p-4 lg:p-6 pt-4 flex flex-col min-h-0", children: [_jsxs("div", { className: "flex items-center gap-2 mb-4 justify-center uppercase tracking-widest text-[16px] shrink-0", children: [_jsx("div", { className: "flex items-center justify-center p-1.5 bg-gradient-to-br from-blue-400 to-blue-600 rounded-xl text-white", children: _jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1" }), _jsx("path", { d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" }), _jsx("path", { d: "M12 11h4" }), _jsx("path", { d: "M12 16h4" }), _jsx("path", { d: "M8 11h.01" }), _jsx("path", { d: "M8 16h.01" })] }) }), _jsx("span", { className: "font-black bg-gradient-to-r from-blue-700 to-blue-500 bg-clip-text text-transparent", children: "Question List" })] }), _jsx("div", { className: "flex-1 overflow-y-auto custom-scrollbar pr-1", children: _jsx("div", { className: "grid grid-cols-5 gap-2", children: questions.map((q) => {
+                                const isCurrent = q.globalIndex === currentQuestionGlobalIndex;
+                                const isAnswered = q.isAnswered;
+                                let btnStyle = "bg-white text-slate-800 shadow-sm border-transparent";
+                                if (isCurrent) {
+                                    btnStyle = "bg-blue-600 text-white border-blue-600 shadow-md";
+                                }
+                                else if (isAnswered) {
+                                    btnStyle = "bg-[#4ade80] text-white border-transparent shadow-sm";
+                                }
+                                if (!isCurrent && !isNavDisabled) {
+                                    btnStyle += " hover:shadow-md hover:text-blue-600";
+                                }
+                                if (isNavDisabled) {
+                                    btnStyle += " opacity-50 cursor-not-allowed";
+                                }
+                                else {
+                                    btnStyle += " cursor-pointer";
+                                }
+                                return (_jsx("button", { type: "button", onClick: () => onQuestionClick(q.globalIndex), disabled: isNavDisabled, className: cn("h-[44px] w-full rounded-[10px] flex items-center justify-center font-bold text-[15px] transition-all border", btnStyle), children: q.questionNumber }, q.globalIndex));
+                            }) }) }), _jsx("div", { className: "shrink-0 mt-4 pt-4 border-t border-blue-200/50", children: _jsxs("div", { className: "flex items-center justify-between text-[11px] xl:text-[11.5px] font-bold text-gray-700", children: [_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("div", { className: "w-3.5 h-3.5 rounded-full bg-blue-600 shadow-sm" }), _jsx("span", { children: "Current" })] }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("div", { className: "w-3.5 h-3.5 rounded-full bg-green-500 shadow-sm" }), _jsx("span", { children: "Answered" })] }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("div", { className: "w-3.5 h-3.5 rounded-full bg-[#f4f9ff] border border-blue-200 shadow-sm" }), _jsx("span", { children: "Not answered" })] })] }) })] })] }));
+}
+//# sourceMappingURL=CambridgeYleSidebar.js.map

package/dist/components/themes/cambridge-yle/CambridgeYleSidebar.js.map

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

package/dist/components/themes/cambridge-yle/CambridgeYleTimer.d.ts

@@ -0,0 +1,8 @@
+interface CambridgeYleTimerProps {
+    remainingSeconds: number;
+    totalQuestions: number;
+    answeredCount: number;
+}
+export declare function CambridgeYleTimer({ remainingSeconds, totalQuestions, answeredCount, }: CambridgeYleTimerProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=CambridgeYleTimer.d.ts.map

package/dist/components/themes/cambridge-yle/CambridgeYleTimer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYleTimer.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYleTimer.tsx"],"names":[],"mappings":"AAGA,UAAU,sBAAsB;IAC9B,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,gBAAgB,EAChB,cAAc,EACd,aAAa,GACd,EAAE,sBAAsB,+BAwCxB"}

package/dist/components/themes/cambridge-yle/CambridgeYleTimer.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from 'next/image';
+import summerSkyClockImg from '@/components/themes/summer-sky/assets/images/clock.png';
+export function CambridgeYleTimer({ remainingSeconds, totalQuestions, answeredCount, }) {
+    const minutes = Math.floor(remainingSeconds / 60);
+    const seconds = remainingSeconds % 60;
+    const formattedTime = `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
+    // Use the same styles as the Speaking exam timer but relative positioning
+    // Warning colors can be added if needed based on remainingSeconds,
+    // but for now we'll match the default blue theme.
+    let bgColorClass = 'bg-[#001590]';
+    let shadowClass = 'shadow-[0_4px_20px_rgba(0,0,0,0.25)]';
+    // Optional warning states (similar to ExamTimer.module.css)
+    if (remainingSeconds <= 120) {
+        bgColorClass = 'bg-[rgba(220,38,38,0.85)]'; // Critical
+        shadowClass = 'shadow-[0_0_24px_rgba(220,38,38,0.5)] animate-pulse';
+    }
+    else if (remainingSeconds <= 300) {
+        bgColorClass = 'bg-[rgba(180,120,0,0.85)]'; // Warning
+    }
+    return (_jsxs("div", { className: `flex items-center w-[130px] sm:w-[170px] h-[40px] sm:h-[50px] rounded-[33.5px] backdrop-blur-[8px] transition-all duration-300 ease-in-out border-none ${bgColorClass} ${shadowClass}`, children: [_jsx(Image, { src: summerSkyClockImg, alt: "clock", width: 75, height: 75, className: "w-[50px] h-[50px] sm:w-[75px] sm:h-[75px] -ml-[5px] sm:-ml-[10px] -mt-[10px] sm:-mt-[15px] shrink-0 drop-shadow-[0_2px_6px_rgba(0,0,0,0.2)] pointer-events-none z-10" }), _jsx("span", { className: "flex-1 text-center font-bold text-[18px] sm:text-[25px] leading-none tracking-[-0.03em] uppercase text-white pr-[10px] sm:pr-[16px]", style: {
+                    fontFamily: "'SVN-Volte Rounded', 'Quicksand', sans-serif",
+                    textShadow: "0 2px 4px rgba(0, 0, 0, 0.2)"
+                }, children: formattedTime })] }));
+}
+//# sourceMappingURL=CambridgeYleTimer.js.map

package/dist/components/themes/cambridge-yle/CambridgeYleTimer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CambridgeYleTimer.js","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/CambridgeYleTimer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,iBAAiB,MAAM,wDAAwD,CAAC;AAQvF,MAAM,UAAU,iBAAiB,CAAC,EAChC,gBAAgB,EAChB,cAAc,EACd,aAAa,GACU;IACvB,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,EAAE,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,gBAAgB,GAAG,EAAE,CAAC;IAEtC,MAAM,aAAa,GAAG,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;IAEtG,0EAA0E;IAC1E,mEAAmE;IACnE,kDAAkD;IAClD,IAAI,YAAY,GAAG,cAAc,CAAC;IAClC,IAAI,WAAW,GAAG,sCAAsC,CAAC;IAEzD,4DAA4D;IAC5D,IAAI,gBAAgB,IAAI,GAAG,EAAE,CAAC;QAC5B,YAAY,GAAG,2BAA2B,CAAC,CAAC,WAAW;QACvD,WAAW,GAAG,qDAAqD,CAAC;IACtE,CAAC;SAAM,IAAI,gBAAgB,IAAI,GAAG,EAAE,CAAC;QACnC,YAAY,GAAG,2BAA2B,CAAC,CAAC,UAAU;IACxD,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,0JAA0J,YAAY,IAAI,WAAW,EAAE,aACrM,KAAC,KAAK,IACJ,GAAG,EAAE,iBAAiB,EACtB,GAAG,EAAC,OAAO,EACX,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,SAAS,EAAC,sKAAsK,GAChL,EACF,eACE,SAAS,EAAC,qIAAqI,EAC/I,KAAK,EAAE;oBACL,UAAU,EAAE,8CAA8C;oBAC1D,UAAU,EAAE,8BAA8B;iBAC3C,YAEA,aAAa,GACT,IACH,CACP,CAAC;AACJ,CAAC"}

package/dist/components/themes/cambridge-yle/index.d.ts

@@ -0,0 +1,13 @@
+export { CambridgeYleExamLayout } from './CambridgeYleExamLayout';
+export { CambridgeYleHeader } from './CambridgeYleHeader';
+export type { CambridgeYleHeaderProps } from './CambridgeYleHeader';
+export { CambridgeYleNavButton } from './CambridgeYleNavButton';
+export { CambridgeYleProgressBar } from './CambridgeYleProgressBar';
+export { CambridgeYleTimer } from './CambridgeYleTimer';
+export { default as CambridgeYleQuestionCard } from './CambridgeYleQuestionCard';
+export { default as CambridgeYleQuestionCardFullWidth } from './CambridgeYleQuestionCardFullWidth';
+export { default as CambridgeYlePartBanner } from './CambridgeYlePartBanner';
+export { default as CambridgeYleInstructionBanner } from './CambridgeYleInstructionBanner';
+export { default as CambridgeYleAudioPlayer } from './CambridgeYleAudioPlayer';
+export { default as CambridgeYleExampleText } from './CambridgeYleExampleText';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/themes/cambridge-yle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,iCAAiC,EAAE,MAAM,qCAAqC,CAAC;AACnG,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/components/themes/cambridge-yle/index.js

@@ -0,0 +1,14 @@
+// Cambridge YLE Theme — Layout & UI components
+// Previously known as the "Movers" theme
+export { CambridgeYleExamLayout } from './CambridgeYleExamLayout';
+export { CambridgeYleHeader } from './CambridgeYleHeader';
+export { CambridgeYleNavButton } from './CambridgeYleNavButton';
+export { CambridgeYleProgressBar } from './CambridgeYleProgressBar';
+export { CambridgeYleTimer } from './CambridgeYleTimer';
+export { default as CambridgeYleQuestionCard } from './CambridgeYleQuestionCard';
+export { default as CambridgeYleQuestionCardFullWidth } from './CambridgeYleQuestionCardFullWidth';
+export { default as CambridgeYlePartBanner } from './CambridgeYlePartBanner';
+export { default as CambridgeYleInstructionBanner } from './CambridgeYleInstructionBanner';
+export { default as CambridgeYleAudioPlayer } from './CambridgeYleAudioPlayer';
+export { default as CambridgeYleExampleText } from './CambridgeYleExampleText';
+//# sourceMappingURL=index.js.map

package/dist/components/themes/cambridge-yle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/themes/cambridge-yle/index.ts"],"names":[],"mappings":"AAAA,+CAA+C;AAC/C,yCAAyC;AAEzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,iCAAiC,EAAE,MAAM,qCAAqC,CAAC;AACnG,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { QuestionPart } from '../../../components/exams/take/exam-taking.utils';
+interface EcAnswerTheQuestionProps {
+    part: QuestionPart;
+    answers: Record<string, any>;
+    onAnswerChange: (questionId: string, value: any) => void;
+    isReviewMode?: boolean;
+}
+/**
+ * Branded English Certification renderer for `ANSWER_THE_QUESTION`.
+ *
+ * Lists each question with an inline text input (plus optional prefix/suffix and
+ * suggested answers). Reuses {@link transformAnswerTheQuestion} so the stored
+ * answer shape (`{ [questionId]: { answer: string } }`) stays compatible with
+ * the grading store.
+ */
+export declare function EcAnswerTheQuestion({ part, answers, onAnswerChange, isReviewMode, }: EcAnswerTheQuestionProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=EcAnswerTheQuestion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EcAnswerTheQuestion.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EcAnswerTheQuestion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAE9E,UAAU,wBAAwB;IAC9B,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;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,IAAI,EACJ,OAAO,EACP,cAAc,EACd,YAAoB,GACvB,EAAE,wBAAwB,qBA0G1B"}

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

@@ -0,0 +1,25 @@
+'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 { transformAnswerTheQuestion } from '../../../components/exams/take/exam-taking.utils';
+/**
+ * Branded English Certification renderer for `ANSWER_THE_QUESTION`.
+ *
+ * Lists each question with an inline text input (plus optional prefix/suffix and
+ * suggested answers). Reuses {@link transformAnswerTheQuestion} so the stored
+ * answer shape (`{ [questionId]: { answer: string } }`) stays compatible with
+ * the grading store.
+ */
+export function EcAnswerTheQuestion({ part, answers, onAnswerChange, isReviewMode = false, }) {
+    const { questions, instruction, imageUrl, title, groupContent } = useMemo(() => transformAnswerTheQuestion(part.questions), [part.questions]);
+    const handleChange = (questionId, value) => {
+        onAnswerChange(questionId, { answer: value });
+    };
+    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 })), imageUrl && (_jsx("div", { className: "flex items-center justify-center", children: _jsx(ResolvedImage, { src: imageUrl, alt: title || 'Group image', className: "max-h-[280px] rounded-lg object-contain shadow-md" }) })), _jsx("div", { className: "flex flex-col gap-3", children: questions.map((q) => {
+                    const stored = answers[q.id]?.answer ?? q.exampleAnswer ?? '';
+                    return (_jsx("div", { id: `question-${q.id}`, className: cn('rounded-2xl border border-[#d9e4f2] bg-white/90 p-4 shadow-[0_14px_35px_rgba(13,71,161,0.10)]', q.isExample && 'opacity-90'), children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("span", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-gradient-to-b from-[#1f7cff] to-[#0b57d0] text-xs font-bold text-white", children: q.questionNumber }), _jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [q.imageUrl && (_jsx(ResolvedImage, { src: q.imageUrl, alt: `Question ${q.questionNumber}`, className: "max-h-28 w-auto rounded object-contain" })), _jsx("p", { className: "text-sm text-[#0f1730]", children: q.question }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [q.prefixText && (_jsx("span", { className: "text-sm text-[#64748b]", children: q.prefixText })), q.isExample ? (_jsx("span", { className: "rounded-lg border border-[#b9edc8] bg-[#ddf8e7] px-3 py-1.5 text-sm font-semibold text-[#15803d]", children: q.exampleAnswer })) : (_jsx("input", { type: "text", value: stored, disabled: isReviewMode, placeholder: "Nh\u1EADp c\u00E2u tr\u1EA3 l\u1EDDi\u2026", onChange: (e) => handleChange(q.id, e.target.value), className: cn('min-w-[200px] flex-1 rounded-lg border-2 border-[#9cc4f5] bg-white px-3 py-2 text-sm font-medium text-[#0f1730] outline-none transition-all focus:border-[#1167e8]', isReviewMode && 'cursor-not-allowed opacity-70') })), q.suffixText && (_jsx("span", { className: "text-sm text-[#64748b]", children: q.suffixText }))] }), q.suggestedAnswers && q.suggestedAnswers.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-1.5", children: q.suggestedAnswers.map((sa, idx) => (_jsx("span", { className: "rounded-full border border-[#e2ecf8] bg-[#f4f9ff] px-2.5 py-0.5 text-xs text-[#0b57d0]", children: sa }, `${q.id}-sa-${idx}`))) }))] })] }) }, q.id));
+                }) })] }));
+}
+//# sourceMappingURL=EcAnswerTheQuestion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EcAnswerTheQuestion.js","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EcAnswerTheQuestion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AACxC,OAAO,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAC;AAUvF;;;;;;;GAOG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAChC,IAAI,EACJ,OAAO,EACP,cAAc,EACd,YAAY,GAAG,KAAK,GACG;IACvB,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,OAAO,CACrE,GAAG,EAAE,CAAC,0BAA0B,CAAC,IAAI,CAAC,SAAgB,CAAC,EACvD,CAAC,IAAI,CAAC,SAAS,CAAC,CACnB,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,UAAkB,EAAE,KAAa,EAAE,EAAE;QACvD,cAAc,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAC,qBAAqB,aAC/B,WAAW,IAAI,CACZ,cAAK,SAAS,EAAC,0HAA0H,YACpI,WAAW,GACV,CACT,EAEA,QAAQ,IAAI,CACT,cAAK,SAAS,EAAC,kCAAkC,YAC7C,KAAC,aAAa,IACV,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,KAAK,IAAI,aAAa,EAC3B,SAAS,EAAC,mDAAmD,GAC/D,GACA,CACT,EAID,cAAK,SAAS,EAAC,qBAAqB,YAC/B,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;oBACjB,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,CAAC,aAAa,IAAI,EAAE,CAAC;oBAC9D,OAAO,CACH,cAEI,EAAE,EAAE,YAAY,CAAC,CAAC,EAAE,EAAE,EACtB,SAAS,EAAE,EAAE,CACT,+FAA+F,EAC/F,CAAC,CAAC,SAAS,IAAI,YAAY,CAC9B,YAED,eAAK,SAAS,EAAC,wBAAwB,aACnC,eAAM,SAAS,EAAC,0IAA0I,YACrJ,CAAC,CAAC,cAAc,GACd,EAEP,eAAK,SAAS,EAAC,0BAA0B,aACpC,CAAC,CAAC,QAAQ,IAAI,CACX,KAAC,aAAa,IACV,GAAG,EAAE,CAAC,CAAC,QAAQ,EACf,GAAG,EAAE,YAAY,CAAC,CAAC,cAAc,EAAE,EACnC,SAAS,EAAC,wCAAwC,GACpD,CACL,EAED,YAAG,SAAS,EAAC,wBAAwB,YAAE,CAAC,CAAC,QAAQ,GAAK,EAEtD,eAAK,SAAS,EAAC,mCAAmC,aAC7C,CAAC,CAAC,UAAU,IAAI,CACb,eAAM,SAAS,EAAC,wBAAwB,YAAE,CAAC,CAAC,UAAU,GAAQ,CACjE,EAEA,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CACX,eAAM,SAAS,EAAC,kGAAkG,YAC7G,CAAC,CAAC,aAAa,GACb,CACV,CAAC,CAAC,CAAC,CACA,gBACI,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAC,4CAAmB,EAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACnD,SAAS,EAAE,EAAE,CACT,oKAAoK,EACpK,YAAY,IAAI,+BAA+B,CAClD,GACH,CACL,EAEA,CAAC,CAAC,UAAU,IAAI,CACb,eAAM,SAAS,EAAC,wBAAwB,YAAE,CAAC,CAAC,UAAU,GAAQ,CACjE,IACC,EAEL,CAAC,CAAC,gBAAgB,IAAI,CAAC,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,CACpD,cAAK,SAAS,EAAC,wBAAwB,YAClC,CAAC,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACjC,eAEI,SAAS,EAAC,wFAAwF,YAEjG,EAAE,IAHE,GAAG,CAAC,CAAC,EAAE,OAAO,GAAG,EAAE,CAIrB,CACV,CAAC,GACA,CACT,IACC,IACJ,IAhED,CAAC,CAAC,EAAE,CAiEP,CACT,CAAC;gBACN,CAAC,CAAC,GACA,IACJ,CACT,CAAC;AACN,CAAC"}

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { QuestionPart } from '../../../components/exams/take/exam-taking.utils';
+interface EcMatchByWritingAnswerProps {
+    part: QuestionPart;
+    answers: Record<string, any>;
+    onAnswerChange: (questionId: string, value: any) => void;
+    isReviewMode?: boolean;
+}
+/**
+ * Branded English Certification renderer for `MATCH_BY_WRITING_ANSWER`.
+ *
+ * Shows a lettered answer bank (A–H) at the top, then each question with a
+ * dropdown to pick its matching letter plus a big letter badge mirroring the
+ * current selection. Selected letters are dimmed in the bank (take mode) so the
+ * student can track which options are still free. Reuses
+ * {@link transformMatchByWritingAnswer} so the stored answer shape
+ * (`{ [questionId]: { answer: string } }`) stays compatible with the grading
+ * store.
+ */
+export declare function EcMatchByWritingAnswer({ part, answers, onAnswerChange, isReviewMode, }: EcMatchByWritingAnswerProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=EcMatchByWritingAnswer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EcMatchByWritingAnswer.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EcMatchByWritingAnswer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAE9E,UAAU,2BAA2B;IACjC,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;AA6BD;;;;;;;;;;GAUG;AACH,wBAAgB,sBAAsB,CAAC,EACnC,IAAI,EACJ,OAAO,EACP,cAAc,EACd,YAAoB,GACvB,EAAE,2BAA2B,qBA4L7B"}

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

@@ -0,0 +1,89 @@
+'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 { transformMatchByWritingAnswer } from '../../../components/exams/take/exam-taking.utils';
+/** Letters A, B, C, … used to label the answer options. */
+const OPTION_LETTERS = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
+const BADGE_TONE_CLASS = {
+    empty: 'bg-[#eef3fb] text-[#94a3b8] border border-[#dbe5f2]',
+    filled: 'bg-gradient-to-b from-[#1f7cff] to-[#0b57d0] text-white border border-transparent',
+    correct: 'bg-[#16a34a] text-white border border-transparent',
+    wrong: 'bg-[#ef4444] text-white border border-transparent',
+};
+/** Big rounded badge that mirrors the currently selected letter. */
+function LetterBadge({ letter, tone }) {
+    return (_jsx("span", { className: cn('flex h-9 w-9 shrink-0 items-center justify-center rounded-xl text-base font-bold transition-colors', BADGE_TONE_CLASS[tone]), children: letter || '—' }));
+}
+/**
+ * Branded English Certification renderer for `MATCH_BY_WRITING_ANSWER`.
+ *
+ * Shows a lettered answer bank (A–H) at the top, then each question with a
+ * dropdown to pick its matching letter plus a big letter badge mirroring the
+ * current selection. Selected letters are dimmed in the bank (take mode) so the
+ * student can track which options are still free. Reuses
+ * {@link transformMatchByWritingAnswer} so the stored answer shape
+ * (`{ [questionId]: { answer: string } }`) stays compatible with the grading
+ * store.
+ */
+export function EcMatchByWritingAnswer({ part, answers, onAnswerChange, isReviewMode = false, }) {
+    const { questions, options, instruction, groupImageUrl } = useMemo(() => transformMatchByWritingAnswer(part.questions), [part.questions]);
+    /** Map each option's stored answer value → its display letter (A, B, C…). */
+    const answerToLetter = useMemo(() => {
+        const map = new Map();
+        options.forEach((opt, idx) => {
+            map.set(opt.answer, OPTION_LETTERS[idx] ?? String(idx + 1));
+        });
+        return map;
+    }, [options]);
+    /** Resolve the stored value for a question (selection or example fallback). */
+    const getStored = (q) => answers[q.id]?.answer ?? q.exampleAnswer ?? '';
+    /** Letters currently assigned across all questions — drives bank dimming. */
+    const usedLetters = useMemo(() => {
+        const set = new Set();
+        questions.forEach((q) => {
+            const value = getStored(q);
+            const letter = answerToLetter.get(value);
+            if (letter)
+                set.add(letter);
+        });
+        return set;
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [questions, answers, answerToLetter]);
+    const handleSelect = (questionId, value) => {
+        onAnswerChange(questionId, { answer: value });
+    };
+    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 })), groupImageUrl && (_jsx("div", { className: "flex items-center justify-center", children: _jsx(ResolvedImage, { src: groupImageUrl, alt: "Group image", className: "max-h-[280px] rounded-lg object-contain shadow-md" }) })), options.length > 0 && (_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("span", { className: "text-[10px] font-semibold uppercase tracking-wider text-[#64748b]", children: "ANSWER OPTIONS" }), _jsx("div", { className: "mt-2 grid grid-cols-1 gap-2 sm:grid-cols-2", children: options.map((opt, idx) => {
+                            const letter = OPTION_LETTERS[idx] ?? String(idx + 1);
+                            // Dim used options only in take mode so review stays comparable.
+                            const isUsed = !isReviewMode && usedLetters.has(letter);
+                            return (_jsxs("div", { className: cn('flex items-start gap-2.5 rounded-xl border border-[#e2ecf8] bg-[#f4f9ff] px-3 py-2 transition-opacity', isUsed && 'opacity-50'), children: [_jsxs("span", { className: "relative flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-gradient-to-b from-[#1f7cff] to-[#0b57d0] text-xs font-bold text-white", children: [letter, isUsed && (_jsx("span", { className: "absolute -right-1 -top-1 flex h-3.5 w-3.5 items-center justify-center rounded-full bg-[#16a34a] text-[8px] text-white", children: "\u2713" }))] }), _jsxs("div", { className: "min-w-0 text-sm text-[#0f1730]", children: [opt.imageUrl && (_jsx(ResolvedImage, { src: opt.imageUrl, alt: opt.answer, className: "mb-1 max-h-24 w-auto rounded object-contain" })), _jsx("span", { className: "font-medium", children: opt.content || opt.answer })] })] }, `${opt.answer}-${idx}`));
+                        }) })] })), _jsx("div", { className: "flex flex-col gap-3", children: questions.map((q) => {
+                    const stored = getStored(q);
+                    const selectedLetter = answerToLetter.get(stored) ?? '';
+                    // Review correctness is only known for example rows (the
+                    // transformer exposes `exampleAnswer`); other rows stay neutral.
+                    const reviewCorrect = isReviewMode && q.isExample
+                        ? stored === (q.exampleAnswer ?? '')
+                        : undefined;
+                    const rowTint = reviewCorrect === true
+                        ? 'border-[#bbf7d0] bg-[#f0fdf4]'
+                        : reviewCorrect === false
+                            ? 'border-[#fecaca] bg-[#fef2f2]'
+                            : 'border-[#d9e4f2] bg-white/90';
+                    const badgeTone = reviewCorrect === true
+                        ? 'correct'
+                        : reviewCorrect === false
+                            ? 'wrong'
+                            : selectedLetter
+                                ? 'filled'
+                                : 'empty';
+                    return (_jsxs("div", { id: `question-${q.id}`, className: cn('flex items-center gap-3 rounded-xl border p-3 shadow-sm transition-colors', rowTint, q.isExample && 'opacity-90'), children: [_jsx("span", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-gradient-to-b from-[#1f7cff] to-[#0b57d0] text-xs font-bold text-white", children: q.questionNumber }), _jsxs("div", { className: "min-w-0 flex-1", children: [q.imageUrl && (_jsx(ResolvedImage, { src: q.imageUrl, alt: `Question ${q.questionNumber}`, className: "mb-2 max-h-28 w-auto rounded object-contain" })), _jsx("p", { className: "text-sm text-[#0f1730]", children: q.question })] }), _jsxs("div", { className: "flex shrink-0 items-center gap-2", children: [_jsx(LetterBadge, { letter: selectedLetter, tone: badgeTone }), q.isExample ? (_jsx("span", { className: "rounded-lg border border-[#b9edc8] bg-[#ddf8e7] px-3 py-1.5 text-sm font-semibold text-[#15803d]", children: q.exampleAnswer })) : (_jsxs("select", { value: stored, disabled: isReviewMode, onChange: (e) => handleSelect(q.id, e.target.value), className: cn('h-9 min-w-[150px] rounded-lg border-2 border-[#9cc4f5] bg-white px-3 text-sm font-semibold text-[#0f1730] outline-none transition-all focus:border-[#1167e8]', isReviewMode && 'cursor-not-allowed opacity-70'), children: [_jsx("option", { value: "", children: "\u2014" }), options.map((opt, idx) => {
+                                                const letter = OPTION_LETTERS[idx] ?? String(idx + 1);
+                                                const label = opt.content || opt.answer;
+                                                return (_jsx("option", { value: opt.answer, children: label ? `${letter} — ${label}` : letter }, `${q.id}-${idx}`));
+                                            })] }))] })] }, q.id));
+                }) })] }));
+}
+//# sourceMappingURL=EcMatchByWritingAnswer.js.map

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

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

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { QuestionPart } from '../../../components/exams/take/exam-taking.utils';
+interface EcWordFillParagraphProps {
+    part: QuestionPart;
+    answers: Record<string, any>;
+    onAnswerChange: (questionId: string, value: any) => void;
+    isReviewMode?: boolean;
+}
+/**
+ * Branded English Certification renderer for `WORD_FILL_PARAGRAPH`.
+ *
+ * Shows an optional word bank, then the paragraph with inline blanks. Supports
+ * `WITH_WORD_BANK` (dropdown selecting a bank word) and `DEFAULT` (free text
+ * input). Reuses {@link transformWordFillParagraph} so the stored answer shape
+ * (`{ [questionId]: string[] }` indexed by blank) stays compatible with the
+ * grading store.
+ */
+export declare function EcWordFillParagraph({ part, answers, onAnswerChange, isReviewMode, }: EcWordFillParagraphProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=EcWordFillParagraph.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EcWordFillParagraph.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EcWordFillParagraph.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAE9E,UAAU,wBAAwB;IAC9B,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;AAED;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,IAAI,EACJ,OAAO,EACP,cAAc,EACd,YAAoB,GACvB,EAAE,wBAAwB,qBA2I1B"}

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

@@ -0,0 +1,56 @@
+'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 { transformWordFillParagraph } from '../../../components/exams/take/exam-taking.utils';
+/**
+ * Branded English Certification renderer for `WORD_FILL_PARAGRAPH`.
+ *
+ * Shows an optional word bank, then the paragraph with inline blanks. Supports
+ * `WITH_WORD_BANK` (dropdown selecting a bank word) and `DEFAULT` (free text
+ * input). Reuses {@link transformWordFillParagraph} so the stored answer shape
+ * (`{ [questionId]: string[] }` indexed by blank) stays compatible with the
+ * grading store.
+ */
+export function EcWordFillParagraph({ part, answers, onAnswerChange, isReviewMode = false, }) {
+    const data = useMemo(() => transformWordFillParagraph(part.questions), [part.questions]);
+    const { questionId, paragraph, title, imageUrl, wordBank, viewMode, instruction } = data;
+    const currentAnswers = answers[questionId] || [];
+    const segments = useMemo(() => paragraph.split(/(\{\d+\})/), [paragraph]);
+    const useWordBank = viewMode === 'WITH_WORD_BANK';
+    const usedWords = new Set(currentAnswers.filter(Boolean));
+    const setBlank = (blankIndex, value) => {
+        if (isReviewMode)
+            return;
+        const next = [...currentAnswers];
+        next[blankIndex] = value;
+        onAnswerChange(questionId, next);
+    };
+    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 })), imageUrl && (_jsx("div", { className: "flex items-center justify-center", children: _jsx(ResolvedImage, { src: imageUrl, alt: title || 'Illustration', className: "max-h-[280px] rounded-lg object-contain shadow-md" }) })), useWordBank && wordBank.length > 0 && (_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("span", { className: "text-[10px] font-semibold uppercase tracking-wider text-[#64748b]", children: "Word bank" }), _jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: wordBank.map((item, idx) => {
+                            const isUsed = usedWords.has(item.word);
+                            return (_jsx("span", { className: cn('rounded-full border px-3 py-1 text-sm font-semibold transition-all', item.isExample
+                                    ? 'border-[#b9edc8] bg-[#ddf8e7] text-[#15803d]'
+                                    : isUsed
+                                        ? 'border-[#d9e4f2] bg-[#f4f9ff] text-[#94a3b8] line-through'
+                                        : 'border-[#9cc4f5] bg-white text-[#0b57d0]'), children: item.word }, `${item.word}-${idx}`));
+                        }) })] })), _jsx("div", { className: "rounded-2xl border border-[#d9e4f2] bg-white/90 p-5 text-base leading-loose text-[#0f1730] shadow-[0_14px_35px_rgba(13,71,161,0.10)]", children: segments.map((segment, idx) => {
+                    const blankMatch = segment.match(/^\{(\d+)\}$/);
+                    if (!blankMatch) {
+                        return _jsx("span", { children: segment }, idx);
+                    }
+                    const blankIndex = parseInt(blankMatch[1], 10);
+                    const studentAnswer = currentAnswers[blankIndex] || '';
+                    if (useWordBank) {
+                        return (_jsxs("span", { className: "mx-1 inline-flex items-baseline gap-1 align-baseline", children: [_jsxs("span", { className: "text-[11px] font-bold text-[#1f7cff]", children: ["(", blankIndex + 1, ")"] }), _jsxs("select", { value: studentAnswer, disabled: isReviewMode, onChange: (e) => setBlank(blankIndex, e.target.value), className: cn('rounded-lg border-2 px-2 py-1 text-sm font-semibold outline-none transition-all', studentAnswer
+                                        ? 'border-[#1167e8] text-[#0b57d0]'
+                                        : 'border-[#9cc4f5] text-[#64748b]', isReviewMode && 'cursor-not-allowed opacity-70'), children: [_jsx("option", { value: "", children: "\u2014\u2014\u2014" }), wordBank
+                                            .filter((w) => !w.isExample)
+                                            .map((w, wi) => (_jsx("option", { value: w.word, children: w.word }, `${blankIndex}-${wi}`)))] })] }, idx));
+                    }
+                    return (_jsxs("span", { className: "mx-1 inline-flex items-baseline gap-1 align-baseline", children: [_jsxs("span", { className: "text-[11px] font-bold text-[#1f7cff]", children: ["(", blankIndex + 1, ")"] }), _jsx("input", { type: "text", value: studentAnswer, disabled: isReviewMode, placeholder: "\u00B7\u00B7\u00B7", onChange: (e) => setBlank(blankIndex, e.target.value), style: { width: `${Math.max(4, studentAnswer.length + 1)}ch` }, className: cn('inline-block min-w-[4ch] max-w-[16ch] border-b-2 bg-transparent px-1 text-center text-sm font-semibold outline-none transition-colors', studentAnswer
+                                    ? 'border-[#1167e8] text-[#0b57d0]'
+                                    : 'border-[#9cc4f5] text-[#64748b]', isReviewMode && 'cursor-not-allowed opacity-70') })] }, idx));
+                }) })] }));
+}
+//# sourceMappingURL=EcWordFillParagraph.js.map

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

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

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { QuestionPart } from '../../../components/exams/take/exam-taking.utils';
+interface EcWordFillStructuredFormProps {
+    part: QuestionPart;
+    answers: Record<string, any>;
+    onAnswerChange: (questionId: string, value: any) => void;
+    isReviewMode?: boolean;
+}
+/**
+ * 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 declare function EcWordFillStructuredForm({ part, answers, onAnswerChange, isReviewMode, }: EcWordFillStructuredFormProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=EcWordFillStructuredForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EcWordFillStructuredForm.d.ts","sourceRoot":"","sources":["../../../../src/components/themes/english-certification/EcWordFillStructuredForm.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAI7E,OAAO,KAAK,EACR,YAAY,EAEf,MAAM,2CAA2C,CAAC;AAoDnD,UAAU,6BAA6B;IACnC,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;AAsKD;;;;;;;;GAQG;AACH,wBAAgB,wBAAwB,CAAC,EACrC,IAAI,EACJ,OAAO,EACP,cAAc,EACd,YAAoB,GACvB,EAAE,6BAA6B,qBA4E/B"}