@tinyweb_dev/oe-exam-sdk 1.0.3 → 1.0.5

package/dist/components/exams/take/ExamTakingPageContainer.js

@@ -23,7 +23,8 @@ import { SummerSkySubmitModal } from '../../../components/themes/summer-sky/Summ
 import { SummerSkyExitModal } from '../../../components/themes/summer-sky/SummerSkyExitModal';
 import { EnglishCertificationExamLayout, EnglishCertificationQuestionRenderer, scrollToEnglishCertQuestion, } from '../../../components/themes/english-certification';
 import { groupQuestionsByPart, } from './utils/question-transformers';
-import { findSidebarQuestionForPart, getCambridgeYlePartQuestionCount, getPartInitialQuestionIndex, isCambridgeYleInlineSpeakingType, listSpontaneousQaGroupChildIds, } from './utils/cambridge-yle-inline-speaking';
+import { findSidebarQuestionForPart, getCambridgeYlePartQuestionCount, getPartInitialQuestionIndex, isCambridgeYleInlineSpeakingType, isTextOnlySpontaneousQaGroupContent, listSpontaneousQaGroupChildIds, } from './utils/cambridge-yle-inline-speaking';
+import { hasFilledSpontaneousQaGroupTextAnswer } from '../../questions/types/spontaneous-qa-group/flatten';
 import { unwrap, unwrapAttempt } from './exam-taking.utils';
 import { ExamTakingApiProvider } from './ExamTakingApiContext';
 function ExamTakingPageContainerInner({ roomId, api, onNavigate, resultPath = (attemptId) => `/student/results/${attemptId}`, fallbackPath = '/student/contests/discover', proctoringEnabled = false, achieversExamTitle, onSubmitted, }) {
@@ -665,9 +666,14 @@ function ExamTakingPageContainerInner({ roomId, api, onNavigate, resultPath = (a
             if (part.questionType === 'SPONTANEOUS_QA_GROUP') {
                 const parent = part.questions[0];
                 if (parent && !parent.is_example) {
-                    listSpontaneousQaGroupChildIds(parent.id, parent.content).forEach((id) => {
-                        countableQuestionIds.add(id);
-                    });
+                    if (isTextOnlySpontaneousQaGroupContent(parent.content)) {
+                        countableQuestionIds.add(parent.id);
+                    }
+                    else {
+                        listSpontaneousQaGroupChildIds(parent.id, parent.content).forEach((id) => {
+                            countableQuestionIds.add(id);
+                        });
+                    }
                 }
                 return;
             }
@@ -681,6 +687,12 @@ function ExamTakingPageContainerInner({ roomId, api, onNavigate, resultPath = (a
             const answer = store.answers[key];
             if (answer === undefined || answer === '')
                 return;
+            if (typeof answer === 'object' &&
+                answer !== null &&
+                'items' in answer &&
+                !hasFilledSpontaneousQaGroupTextAnswer(answer)) {
+                return;
+            }
             // Direct question ID match
             if (countableQuestionIds.has(key)) {
                 answeredQuestions.add(key);
@@ -713,7 +725,8 @@ function ExamTakingPageContainerInner({ roomId, api, onNavigate, resultPath = (a
             const parent = part.questions[0];
             const shouldFlattenGroup = examTheme === 'CAMBRIDGE_YLE' &&
                 part.questionType === 'SPONTANEOUS_QA_GROUP' &&
-                !!parent;
+                !!parent &&
+                !isTextOnlySpontaneousQaGroupContent(parent.content);
             const questionsToList = shouldFlattenGroup
                 ? listSpontaneousQaGroupChildIds(parent.id, parent.content).map((childId, childIndex) => ({
                     id: childId,

package/dist/components/exams/take/components/speaking/renderers/SpeakingQuestionRenderer.js

@@ -14,6 +14,8 @@ import { SpeakingInfoExchangeRenderer } from './SpeakingInfoExchangeRenderer';
 import { SpeakingReadDisplayedContentRenderer } from './SpeakingReadDisplayedContentRenderer';
 import { SpeakingSpontaneousQARenderer } from './SpeakingSpontaneousQARenderer';
 import { SpeakingSpontaneousQaGroupRenderer } from './SpeakingSpontaneousQaGroupRenderer';
+import { SpeakingSpontaneousQaGroupTextList } from './SpeakingSpontaneousQaGroupTextList';
+import { isTextOnlySpontaneousQaGroupContent } from '../../../../../questions/types/spontaneous-qa-group/flatten';
 import { SpeakingConversationRenderer } from './SpeakingConversationRenderer';
 import { SpeakingGNInterviewRenderer } from './SpeakingGNInterviewRenderer';
 import { SpeakingCueCardRenderer } from './SpeakingCueCardRenderer';
@@ -23,6 +25,10 @@ import { SpeakingCueCardRenderer } from './SpeakingCueCardRenderer';
 export function SpeakingQuestionRenderer({ part, answers, onAnswerChange, isReviewMode = false, onExit, onPartComplete, onPartBack, speakingTheme, initialQuestionIndex, skipTeacherVideo, onTeacherIntroPlayed, currentQuestionIndex, }) {
     const handleExit = onExit ?? (() => { if (typeof window !== 'undefined')
         window.history.back(); });
+    if (part.questionType === 'SPONTANEOUS_QA_GROUP' &&
+        isTextOnlySpontaneousQaGroupContent(part.questions[0]?.content)) {
+        return (_jsx(SpeakingSpontaneousQaGroupTextList, { part: part, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
+    }
     // Determine if teacher video should play:
     // Only play on first visit to this part (skipTeacherVideo=false).
     const shouldPlayVideo = !skipTeacherVideo && shouldWaitForTeacherVideo(part.questionType);

package/dist/components/exams/take/components/speaking/renderers/SpeakingSpontaneousQaGroupTextList.d.ts

@@ -0,0 +1,9 @@
+import type { QuestionPart } from '../../../utils/question-transformers';
+interface SpeakingSpontaneousQaGroupTextListProps {
+    part: QuestionPart;
+    answers: Record<string, unknown>;
+    onAnswerChange: (questionId: string, value: unknown) => void;
+    isReviewMode?: boolean;
+}
+export declare function SpeakingSpontaneousQaGroupTextList({ part, answers, onAnswerChange, isReviewMode, }: SpeakingSpontaneousQaGroupTextListProps): import("react").JSX.Element;
+export {};

package/dist/components/exams/take/components/speaking/renderers/SpeakingSpontaneousQaGroupTextList.js

@@ -0,0 +1,55 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Lightbulb } from 'lucide-react';
+import { Textarea } from '../../../../../../components/ui/textarea';
+import { flattenSpontaneousQaGroupContent, getSpontaneousQaGroupInstructionFromContent, } from '../../../../../questions/types/spontaneous-qa-group/flatten';
+function isRecord(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+function readItemAnswers(parentId, answers, childCount) {
+    const parent = answers[parentId];
+    const out = {};
+    if (isRecord(parent)) {
+        const nested = parent.items;
+        const source = isRecord(nested) ? nested : parent;
+        for (const [key, value] of Object.entries(source)) {
+            if (key === 'items')
+                continue;
+            if (typeof value === 'string')
+                out[key] = value;
+        }
+    }
+    for (let index = 0; index < childCount; index += 1) {
+        const key = String(index + 1);
+        if (out[key]?.trim())
+            continue;
+        const synthetic = answers[`${parentId}-item-${index}`];
+        if (typeof synthetic === 'string')
+            out[key] = synthetic;
+    }
+    return out;
+}
+export function SpeakingSpontaneousQaGroupTextList({ part, answers, onAnswerChange, isReviewMode = false, }) {
+    const parent = part.questions[0];
+    if (!parent)
+        return null;
+    const children = flattenSpontaneousQaGroupContent(parent.content);
+    const instruction = getSpontaneousQaGroupInstructionFromContent(parent.content, part.instructions ?? '');
+    const itemAnswers = readItemAnswers(parent.id, answers, children.length);
+    const handleItemChange = (key, next) => {
+        if (isReviewMode)
+            return;
+        onAnswerChange(parent.id, { items: { ...itemAnswers, [key]: next } });
+    };
+    if (children.length === 0) {
+        return _jsx("p", { className: "text-sm text-slate-500", children: "C\u00E2u h\u1ECFi n\u00E0y ch\u01B0a c\u00F3 c\u1EE5m \u0111\u1EC3 l\u00E0m." });
+    }
+    return (_jsxs("div", { className: "space-y-4", children: [instruction ? (_jsxs("div", { className: "flex items-start gap-2 rounded-2xl border-2 border-amber-200 bg-amber-50 px-3 py-2.5", children: [_jsx(Lightbulb, { className: "mt-0.5 h-4 w-4 shrink-0 text-amber-600" }), _jsx("p", { className: "text-sm font-semibold text-amber-900", children: instruction })] })) : null, _jsx("ol", { className: "space-y-3", children: children.map((child, index) => {
+                    const key = String(index + 1);
+                    const sectionTitle = child.partTitle || child.topic || '';
+                    const prev = children[index - 1];
+                    const prevSection = prev ? prev.partTitle || prev.topic || '' : '';
+                    const showSection = Boolean(sectionTitle) && sectionTitle !== prevSection;
+                    return (_jsxs("li", { className: "space-y-2", children: [showSection ? (_jsx("p", { className: "text-[11px] font-bold uppercase tracking-wide text-sky-700", children: sectionTitle })) : null, _jsxs("div", { className: "rounded-2xl border-2 border-slate-100 bg-white p-3", children: [_jsxs("p", { className: "text-sm font-extrabold text-[#2C38B6]", children: [_jsxs("span", { className: "mr-2 text-xs font-bold text-slate-400", children: [index + 1, "."] }), child.questionText || '—'] }), _jsx(Textarea, { className: "mt-2 min-h-[80px] rounded-xl border-slate-200", value: itemAnswers[key] ?? '', onChange: (event) => handleItemChange(key, event.target.value), placeholder: "Nh\u1EADp c\u00E2u tr\u1EA3 l\u1EDDi\u2026", readOnly: isReviewMode, disabled: isReviewMode, "aria-label": `Câu ${index + 1}` })] })] }, `${index}-${key}`));
+                }) })] }));
+}

package/dist/components/exams/take/components/speaking/renderers/index.d.ts

@@ -11,4 +11,5 @@ export { SpeakingInfoExchangeRenderer } from './SpeakingInfoExchangeRenderer';
 export { SpeakingReadDisplayedContentRenderer } from './SpeakingReadDisplayedContentRenderer';
 export { SpeakingSpontaneousQARenderer } from './SpeakingSpontaneousQARenderer';
 export { SpeakingSpontaneousQaGroupRenderer } from './SpeakingSpontaneousQaGroupRenderer';
+export { SpeakingSpontaneousQaGroupTextList } from './SpeakingSpontaneousQaGroupTextList';
 export { SpeakingQuestionRenderer } from './SpeakingQuestionRenderer';

package/dist/components/exams/take/components/speaking/renderers/index.js

@@ -11,4 +11,5 @@ export { SpeakingInfoExchangeRenderer } from './SpeakingInfoExchangeRenderer';
 export { SpeakingReadDisplayedContentRenderer } from './SpeakingReadDisplayedContentRenderer';
 export { SpeakingSpontaneousQARenderer } from './SpeakingSpontaneousQARenderer';
 export { SpeakingSpontaneousQaGroupRenderer } from './SpeakingSpontaneousQaGroupRenderer';
+export { SpeakingSpontaneousQaGroupTextList } from './SpeakingSpontaneousQaGroupTextList';
 export { SpeakingQuestionRenderer } from './SpeakingQuestionRenderer';

package/dist/components/exams/take/utils/cambridge-yle-inline-speaking.d.ts

@@ -1,3 +1,4 @@
+export { isTextOnlySpontaneousQaGroupContent } from '../../../questions/types/spontaneous-qa-group/flatten';
 export declare const CAMBRIDGE_YLE_INLINE_SPEAKING_TYPES: readonly ["SPEAKING_DESCRIBE_IMAGE", "SPONTANEOUS_QA", "SPONTANEOUS_QA_GROUP", "SPEAKING_CUE_CARD", "READ_DISPLAYED_CONTENT"];
 export type CambridgeYleInlineSpeakingType = (typeof CAMBRIDGE_YLE_INLINE_SPEAKING_TYPES)[number];
 export declare function isCambridgeYleInlineSpeakingType(questionType: string | undefined): questionType is CambridgeYleInlineSpeakingType;

package/dist/components/exams/take/utils/cambridge-yle-inline-speaking.js

@@ -1,4 +1,5 @@
-import { flattenSpontaneousQaGroupContent } from '../../../questions/types/spontaneous-qa-group/flatten';
+import { flattenSpontaneousQaGroupContent, isTextOnlySpontaneousQaGroupContent, } from '../../../questions/types/spontaneous-qa-group/flatten';
+export { isTextOnlySpontaneousQaGroupContent } from '../../../questions/types/spontaneous-qa-group/flatten';
 export const CAMBRIDGE_YLE_INLINE_SPEAKING_TYPES = [
     'SPEAKING_DESCRIBE_IMAGE',
     'SPONTANEOUS_QA',
@@ -22,6 +23,9 @@ export function listSpontaneousQaGroupChildIds(parentId, content) {
 }
 export function getCambridgeYlePartQuestionCount(part) {
     if (part.questionType === 'SPONTANEOUS_QA_GROUP') {
+        if (isTextOnlySpontaneousQaGroupContent(part.questions[0]?.content)) {
+            return Math.max(part.questions.length, 1);
+        }
         return getSpontaneousQaGroupChildCount(part.questions[0]?.content);
     }
     return part.questions.length;

package/dist/components/questions/types/spontaneous-qa-group/flatten.d.ts

@@ -12,3 +12,7 @@ export interface SpontaneousQaGroupFlatChild {
     points: number;
 }
 export declare function flattenSpontaneousQaGroupContent(content: unknown): SpontaneousQaGroupFlatChild[];
+/** Speaking Bank / translate lists — no teacher video or one-at-a-time mic. */
+export declare function isTextOnlySpontaneousQaGroupContent(content: unknown): boolean;
+export declare function getSpontaneousQaGroupInstructionFromContent(content: unknown, fallback?: string): string;
+export declare function hasFilledSpontaneousQaGroupTextAnswer(value: unknown): boolean;

package/dist/components/questions/types/spontaneous-qa-group/flatten.js

@@ -67,3 +67,22 @@ export function flattenSpontaneousQaGroupContent(content) {
     });
     return flattened;
 }
+/** Speaking Bank / translate lists — no teacher video or one-at-a-time mic. */
+export function isTextOnlySpontaneousQaGroupContent(content) {
+    const children = flattenSpontaneousQaGroupContent(content);
+    return (children.length > 0 &&
+        children.every((child) => child.inputType !== 'AUDIO'));
+}
+export function getSpontaneousQaGroupInstructionFromContent(content, fallback = '') {
+    const root = asRecord(content);
+    const meta = asRecord(root.meta);
+    const instruction = asString(root.instruction) || asString(meta.instruction);
+    return instruction.trim() || fallback;
+}
+export function hasFilledSpontaneousQaGroupTextAnswer(value) {
+    if (!isRecord(value))
+        return false;
+    const nested = value.items;
+    const source = isRecord(nested) ? nested : value;
+    return Object.entries(source).some(([key, entry]) => key !== 'items' && typeof entry === 'string' && entry.trim().length > 0);
+}

package/dist/components/questions/types/word-fill-structured-form/WordFillStructuredFormCreator.js

@@ -99,6 +99,19 @@ const ColorToolbarBtn = ({ editor }) => {
                     : 'text-gray-600 hover:bg-gray-200 hover:text-gray-900'}`, children: [_jsx(Palette, { className: "h-3.5 w-3.5" }), _jsx("span", { className: "h-3.5 w-3.5 rounded-full border border-gray-300 shadow-sm", style: { backgroundColor: currentColor || '#0f172a' } })] }), showMenu && (_jsxs("div", { className: "absolute left-0 top-full z-50 mt-1 flex flex-col gap-2 rounded-lg border border-gray-200 bg-white p-2.5 shadow-xl min-w-[170px]", children: [_jsx("div", { className: "text-[11px] font-medium text-gray-500 px-0.5", children: "M\u00E0u ch\u1EEF nhanh" }), _jsx("div", { className: "grid grid-cols-4 gap-1.5", children: COLOR_PRESETS.map((p) => (_jsx("button", { type: "button", title: p.label, onClick: () => handleSetColor(p.color), className: "h-6 w-6 rounded-full border border-gray-200 shadow-xs transition-transform hover:scale-110 focus:outline-none", style: { backgroundColor: p.color } }, p.color))) }), _jsxs("div", { className: "flex items-center justify-between gap-2 pt-1.5 border-t border-gray-100", children: [_jsxs("label", { className: "flex items-center gap-1.5 text-[11px] text-gray-600 cursor-pointer", children: [_jsx("span", { children: "T\u00F9y ch\u1ECDn:" }), _jsx("input", { type: "color", value: currentColor || '#000000', onChange: (e) => handleSetColor(e.target.value), className: "h-5 w-5 cursor-pointer rounded border-0 p-0" })] }), _jsx("button", { type: "button", onClick: () => handleSetColor(''), className: "text-[11px] font-medium text-red-500 hover:underline", children: "M\u1EB7c \u0111\u1ECBnh" })] })] }))] }));
 };
 const ToolbarSep = () => _jsx("div", { className: "mx-1 h-4 w-px bg-gray-200" });
+const BLANK_STYLE_OPTIONS = [
+    { value: 'letter', label: 'Letter', hint: 'Ô 1 ký tự' },
+    { value: 'word', label: 'Word', hint: 'Từ ngắn' },
+    { value: 'phrase', label: 'Phrase', hint: 'Cụm / câu' },
+];
+function BlankStyleSwitch({ value, onChange, }) {
+    return (_jsxs("div", { role: "radiogroup", "aria-label": "Ki\u1EC3u \u00F4 tr\u1ED1ng", className: "inline-flex flex-wrap items-center gap-1 rounded-md border border-gray-200 bg-white p-1", children: [BLANK_STYLE_OPTIONS.map((option) => {
+                const selected = value === option.value;
+                return (_jsxs("button", { type: "button", role: "radio", "aria-checked": selected, title: option.hint, onClick: () => onChange(option.value), className: `inline-flex items-center gap-1.5 rounded px-2.5 py-1 text-sm font-medium transition-colors ${selected
+                        ? 'border border-teal-300 bg-teal-50 text-teal-700'
+                        : 'border border-transparent text-gray-400 hover:bg-gray-50 hover:text-gray-600'}`, children: [option.label, _jsx("span", { className: `text-[10px] font-normal ${selected ? 'text-teal-600' : 'text-gray-400'}`, children: option.hint })] }, option.value));
+            }), value === 'translate' && (_jsxs("span", { role: "radio", "aria-checked": true, title: "Ch\u1EA5m LLM \u2014 gi\u1EEF nguy\u00EAn \u0111\u1EBFn khi ch\u1ECDn style kh\u00E1c", className: "inline-flex items-center gap-1.5 rounded border border-teal-300 bg-teal-50 px-2.5 py-1 text-sm font-medium text-teal-700", children: ["Translate", _jsx("span", { className: "text-[10px] font-normal text-teal-600", children: "D\u1ECBch (LLM)" })] }))] }));
+}
 const EditorToolbar = ({ editor }) => {
     if (!editor)
         return null;
@@ -126,7 +139,7 @@ export function WordFillStructuredFormCreator({ initialData, onSave, onCancel, o
     // Page rubric (Pearson draft.instruction). Prefer instruction; legacy load may use explanation.
     const [instruction, setInstruction] = useState(initialData?.instruction || initialData?.explanation || '');
     const [explanation, setExplanation] = useState(initialData?.explanation || '');
-    const [blankStyle, setBlankStyle] = useState(initialData?.blankStyle);
+    const [blankStyle, setBlankStyle] = useState(initialData?.blankStyle ?? 'word');
     // ── Multiple Images & Audios ────────────────────────────────────────────────
     const [imageUrls, setImageUrls] = useState(() => {
         if (Array.isArray(initialData?.imageUrls) && initialData.imageUrls.length > 0) {
@@ -250,7 +263,7 @@ export function WordFillStructuredFormCreator({ initialData, onSave, onCancel, o
                 : '');
         }
         setAnswers(normalizeWfsfAnswersMap(initialData?.answers || {}));
-        setBlankStyle(initialData?.blankStyle);
+        setBlankStyle(initialData?.blankStyle ?? 'word');
         const nextMode = detectWfsfBankMode(initialData?.viewMode ?? viewModeProp, initialData?.wordBank);
         setBankMode(nextMode);
         if (nextMode === 'WITH_WORD_BANK') {
@@ -481,7 +494,7 @@ export function WordFillStructuredFormCreator({ initialData, onSave, onCancel, o
     return (_jsxs("div", { className: "space-y-4", children: [isGrouped && effectiveGroupType === 'BASIC' && (_jsx(BasicQuestionGroupCard, { groupNumber: currentGroupNumber, title: groupTitle, subtitle: groupSubtitle, content: groupContent, imageUrl: groupImageUrl, onTitleChange: setGroupTitle, onSubtitleChange: setGroupSubtitle, onContentChange: setGroupContent, onImageChange: setGroupImageUrl, groupConfig: groupType ? groupConfig : undefined, isReadOnly: !isFirstInGroup, uploadIdPrefix: `word-fill-structured-${partId ?? 'group'}` })), isGrouped && effectiveGroupType === 'DOCUMENT' && (_jsx(DocumentGroupCard, { groupNumber: currentGroupNumber, title: groupTitle, subtitle: groupSubtitle, content: groupContent, imageUrl: groupImageUrl, onTitleChange: setGroupTitle, onSubtitleChange: setGroupSubtitle, onContentChange: setGroupContent, onImageChange: setGroupImageUrl, groupConfig: groupType ? groupConfig : undefined, isReadOnly: !isFirstInGroup, uploadIdPrefix: `word-fill-structured-${partId ?? 'document'}` })), _jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-teal-100/50", children: [_jsx("div", { className: "h-1 bg-gradient-to-r from-teal-500 via-cyan-500 to-emerald-500" }), _jsx(CardHeader, { className: "px-4 py-3", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-gray-100", children: _jsx(PenLine, { className: "h-4 w-4 text-teal-600" }) }), _jsxs("div", { children: [_jsx(CardTitle, { className: "text-base font-bold text-gray-900", children: "\u0110i\u1EC1n t\u1EEB v\u00E0o bi\u1EC3u m\u1EABu c\u00F3 c\u1EA5u tr\u00FAc" }), _jsxs("p", { className: "text-xs text-gray-500", children: ["Nh\u1EADp n\u1ED9i dung, \u0111\u1EB7t ch\u1ED7 tr\u1ED1ng b\u1EB1ng ", `{0}`, " ", `{1}`, "\u2026 r\u1ED3i \u0111i\u1EC1n \u0111\u00E1p \u00E1n b\u00EAn d\u01B0\u1EDBi"] })] })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setIsPreviewMode(true), disabled: expectedBlankKeys.length === 0 || expectedBlankKeys.some(k => !hasWfsfBlankAnswer(answers[k])), className: "gap-2 border-teal-200 text-teal-600 hover:bg-teal-50 hover:text-teal-700", children: [_jsx(Eye, { className: "h-4 w-4" }), "Xem tr\u01B0\u1EDBc"] })] }) }), _jsxs(CardContent, { className: "space-y-4 px-4 pb-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "wfsf-instruction", className: "flex items-center gap-2 text-base font-semibold text-gray-800", children: [_jsx(Info, { className: "h-4 w-4 text-teal-500" }), "Instruction", _jsx("span", { className: "text-sm font-normal text-gray-500", children: "(h\u01B0\u1EDBng d\u1EABn b\u00E0i t\u1EADp)" })] }), _jsx(Textarea, { id: "wfsf-instruction", value: instruction, onChange: (e) => setInstruction(e.target.value), placeholder: "VD: Complete the words in the sentences. Use the words in the box.", rows: 2, className: "min-h-[64px] resize-y border-gray-200 bg-white transition-all focus:border-teal-300 focus:ring-teal-100" })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [_jsx(PointsInput, { value: points, onChange: (e) => setPoints(Number(e.target.value) || 1) }), _jsxs("div", { role: "button", tabIndex: 0, onClick: () => setCaseSensitive(!caseSensitive), onKeyDown: (e) => { if (e.key === ' ' || e.key === 'Enter')
                                             setCaseSensitive(!caseSensitive); }, style: { paddingBlock: 'calc(var(--spacing) * 1)' }, className: `inline-flex cursor-pointer items-center gap-2 rounded-md border px-3.5 text-sm font-medium transition-colors select-none ${caseSensitive
                                             ? 'border-teal-300 bg-teal-50 text-teal-700'
-                                            : 'border-gray-200 bg-white text-gray-400 hover:text-gray-600'}`, children: [_jsx(Switch, { checked: caseSensitive, onCheckedChange: setCaseSensitive, className: caseSensitive ? 'data-[state=checked]:bg-teal-500 pointer-events-none' : 'pointer-events-none', tabIndex: -1 }), "Ph\u00E2n bi\u1EC7t Hoa / th\u01B0\u1EDDng"] })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "wfsf-title", className: "flex items-center gap-2 text-base font-semibold text-gray-800", children: [_jsx(MessageSquare, { className: "h-4 w-4 text-teal-500" }), "Ti\u00EAu \u0111\u1EC1", _jsx("span", { className: "text-sm font-normal text-gray-500", children: "(tu\u1EF3 ch\u1ECDn)" })] }), _jsx(Input, { id: "wfsf-title", value: effectiveTitle, onChange: (e) => setEffectiveTitle(e.target.value), placeholder: "Nh\u1EADp ti\u00EAu \u0111\u1EC1 c\u00E2u h\u1ECFi...", className: "border-gray-200 bg-white transition-all focus:border-teal-300 focus:ring-teal-100" })] }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs(Label, { className: "flex items-center gap-2 text-base font-semibold text-gray-800", children: [_jsx(Volume2, { className: "h-4 w-4 text-teal-500" }), "File \u00E2m thanh (Audio)", _jsx("span", { className: "text-sm font-normal text-gray-500", children: "(tu\u1EF3 ch\u1ECDn)" })] }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setAudioUrls((prev) => [...prev, '']), className: "gap-1.5 border-teal-200 text-teal-600 hover:bg-teal-50 hover:text-teal-700", children: [_jsx(Plus, { className: "h-3.5 w-3.5" }), "Th\u00EAm audio"] })] }), audioUrls.length === 0 ? (_jsx("div", { className: "flex items-center justify-between rounded-lg border border-dashed border-gray-200 bg-gray-50/50 p-3 text-xs text-gray-500", children: _jsx("span", { children: "Ch\u01B0a c\u00F3 file audio. Nh\u1EA5n \"Th\u00EAm audio\" \u0111\u1EC3 upload file nghe cho c\u00E2u h\u1ECFi." }) })) : (_jsx("div", { className: "space-y-2.5", children: audioUrls.map((audioUrl, index) => (_jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-gray-200 bg-gray-50/30 p-2.5", children: [_jsx("span", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-teal-100 text-xs font-semibold text-teal-700", children: index + 1 }), _jsx("div", { className: "flex-1", children: _jsx(FileUpload, { id: `wfsf-audio-${index}`, label: "", accept: "audio/*", value: audioUrl, onChange: (url) => {
+                                            : 'border-gray-200 bg-white text-gray-400 hover:text-gray-600'}`, children: [_jsx(Switch, { checked: caseSensitive, onCheckedChange: setCaseSensitive, className: caseSensitive ? 'data-[state=checked]:bg-teal-500 pointer-events-none' : 'pointer-events-none', tabIndex: -1 }), "Ph\u00E2n bi\u1EC7t Hoa / th\u01B0\u1EDDng"] }), _jsx(BlankStyleSwitch, { value: blankStyle, onChange: setBlankStyle })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "wfsf-title", className: "flex items-center gap-2 text-base font-semibold text-gray-800", children: [_jsx(MessageSquare, { className: "h-4 w-4 text-teal-500" }), "Ti\u00EAu \u0111\u1EC1", _jsx("span", { className: "text-sm font-normal text-gray-500", children: "(tu\u1EF3 ch\u1ECDn)" })] }), _jsx(Input, { id: "wfsf-title", value: effectiveTitle, onChange: (e) => setEffectiveTitle(e.target.value), placeholder: "Nh\u1EADp ti\u00EAu \u0111\u1EC1 c\u00E2u h\u1ECFi...", className: "border-gray-200 bg-white transition-all focus:border-teal-300 focus:ring-teal-100" })] }), _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs(Label, { className: "flex items-center gap-2 text-base font-semibold text-gray-800", children: [_jsx(Volume2, { className: "h-4 w-4 text-teal-500" }), "File \u00E2m thanh (Audio)", _jsx("span", { className: "text-sm font-normal text-gray-500", children: "(tu\u1EF3 ch\u1ECDn)" })] }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setAudioUrls((prev) => [...prev, '']), className: "gap-1.5 border-teal-200 text-teal-600 hover:bg-teal-50 hover:text-teal-700", children: [_jsx(Plus, { className: "h-3.5 w-3.5" }), "Th\u00EAm audio"] })] }), audioUrls.length === 0 ? (_jsx("div", { className: "flex items-center justify-between rounded-lg border border-dashed border-gray-200 bg-gray-50/50 p-3 text-xs text-gray-500", children: _jsx("span", { children: "Ch\u01B0a c\u00F3 file audio. Nh\u1EA5n \"Th\u00EAm audio\" \u0111\u1EC3 upload file nghe cho c\u00E2u h\u1ECFi." }) })) : (_jsx("div", { className: "space-y-2.5", children: audioUrls.map((audioUrl, index) => (_jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-gray-200 bg-gray-50/30 p-2.5", children: [_jsx("span", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-teal-100 text-xs font-semibold text-teal-700", children: index + 1 }), _jsx("div", { className: "flex-1", children: _jsx(FileUpload, { id: `wfsf-audio-${index}`, label: "", accept: "audio/*", value: audioUrl, onChange: (url) => {
                                                             setAudioUrls((prev) => {
                                                                 const next = [...prev];
                                                                 next[index] = url;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tinyweb_dev/oe-exam-sdk",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Reusable OceanEdu question components.",
   "type": "module",
   "main": "./dist/index.js",