@tinyweb_dev/oe-exam-sdk 0.1.0

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

@@ -0,0 +1,262 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef, useMemo, useCallback } from 'react';
+import { useEditor, EditorContent } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import TextAlign from '@tiptap/extension-text-align';
+import { Table, TableRow, TableCell, TableHeader } from '@tiptap/extension-table';
+import { List, ListOrdered, Bold, Italic, AlignLeft, AlignCenter, AlignRight, TableIcon, Plus, Minus, Trash2, BookOpen, Eye, Pencil, CheckCircle2, PenLine, Info, MessageSquare, ImageIcon, } from 'lucide-react';
+import { Button } from '../../../../components/ui/button';
+import { Label } from '../../../../components/ui/label';
+import { Input } from '../../../../components/ui/input';
+import { Textarea } from '../../../../components/ui/textarea';
+import { Switch } from '../../../../components/ui/switch';
+import { PointsInput } from '../../../../components/ui/points-input';
+import { Card, CardContent, CardHeader, CardTitle } from '../../../../components/ui/card';
+import { FileUpload } from '../../../../components/ui/file-upload';
+import { ImagePreview } from '../../../../components/ui/image-preview';
+import { WordFillStructuredFormClient } from './WordFillStructuredFormClient';
+import { useDebouncedCallback, usePresignedFileUrl } from '../../../../shared/lib/hooks';
+import { BasicQuestionGroupCard } from '../../groups/BasicQuestionGroupCard';
+import { DocumentGroupCard } from '../../groups/DocumentGroupCard';
+import { useBasicQuestionGroup, getGroupNumberForIndex } from '../../_shared/hooks/useBasicQuestionGroup';
+// ─────────────────────────────────────────────────────────────────────────────
+// TipTap Toolbar
+// ─────────────────────────────────────────────────────────────────────────────
+const ToolbarBtn = ({ onClick, active, disabled, title, children, className = '', }) => (_jsx("button", { type: "button", onClick: onClick, disabled: disabled, title: title, className: `inline-flex h-7 min-w-7 items-center justify-center rounded px-1.5 text-sm transition-colors disabled:opacity-30
+      ${active
+        ? 'bg-teal-100 text-teal-700'
+        : 'text-gray-500 hover:bg-gray-100 hover:text-gray-800'}
+      ${className}`, children: children }));
+const ToolbarSep = () => _jsx("div", { className: "mx-1 h-4 w-px bg-gray-200" });
+const EditorToolbar = ({ editor }) => {
+    if (!editor)
+        return null;
+    return (_jsxs("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-gray-100 bg-gray-50/70 px-2 py-1.5 rounded-t-lg", children: [_jsx(ToolbarBtn, { onClick: () => editor.chain().focus().toggleBold().run(), active: editor.isActive('bold'), title: "\u0110\u1EADm", children: _jsx(Bold, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarBtn, { onClick: () => editor.chain().focus().toggleItalic().run(), active: editor.isActive('italic'), title: "Nghi\u00EAng", children: _jsx(Italic, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarSep, {}), _jsx(ToolbarBtn, { onClick: () => editor.chain().focus().toggleHeading({ level: 2 }).run(), active: editor.isActive('heading', { level: 2 }), className: "px-2 text-xs font-bold", children: "H2" }), _jsx(ToolbarBtn, { onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(), active: editor.isActive('heading', { level: 3 }), className: "px-2 text-xs font-bold", children: "H3" }), _jsx(ToolbarBtn, { onClick: () => editor.chain().focus().toggleHeading({ level: 4 }).run(), active: editor.isActive('heading', { level: 4 }), className: "px-2 text-xs font-bold", children: "H4" }), _jsx(ToolbarSep, {}), _jsx(ToolbarBtn, { onClick: () => editor.chain().focus().toggleBulletList().run(), active: editor.isActive('bulletList'), title: "Danh s\u00E1ch", children: _jsx(List, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarBtn, { onClick: () => editor.chain().focus().toggleOrderedList().run(), active: editor.isActive('orderedList'), title: "Danh s\u00E1ch c\u00F3 s\u1ED1", children: _jsx(ListOrdered, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarSep, {}), _jsx(ToolbarBtn, { onClick: () => editor.chain().focus().setTextAlign('left').run(), active: editor.isActive({ textAlign: 'left' }), title: "Tr\u00E1i", children: _jsx(AlignLeft, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarBtn, { onClick: () => editor.chain().focus().setTextAlign('center').run(), active: editor.isActive({ textAlign: 'center' }), title: "Gi\u1EEFa", children: _jsx(AlignCenter, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarBtn, { onClick: () => editor.chain().focus().setTextAlign('right').run(), active: editor.isActive({ textAlign: 'right' }), title: "Ph\u1EA3i", children: _jsx(AlignRight, { className: "h-3.5 w-3.5" }) }), _jsx(ToolbarSep, {}), _jsxs(ToolbarBtn, { onClick: () => editor.chain().focus().insertTable({ rows: 5, cols: 2, withHeaderRow: false }).run(), title: "Ch\u00E8n b\u1EA3ng 2 c\u1ED9t \u00D7 5 h\u00E0ng", className: "gap-1 px-2 text-xs", children: [_jsx(TableIcon, { className: "h-3.5 w-3.5" }), _jsx("span", { className: "hidden sm:inline", children: "B\u1EA3ng 2 c\u1ED9t" })] }), _jsxs(ToolbarBtn, { onClick: () => editor.chain().focus().addRowAfter().run(), disabled: !editor.can().addRowAfter(), title: "Th\u00EAm h\u00E0ng", className: "gap-1 px-2 text-xs", children: [_jsx(Plus, { className: "h-3 w-3" }), _jsx("span", { className: "hidden sm:inline", children: "H\u00E0ng" })] }), _jsxs(ToolbarBtn, { onClick: () => editor.chain().focus().deleteRow().run(), disabled: !editor.can().deleteRow(), title: "X\u00F3a h\u00E0ng", className: "gap-1 px-2 text-xs", children: [_jsx(Minus, { className: "h-3 w-3" }), _jsx("span", { className: "hidden sm:inline", children: "H\u00E0ng" })] }), _jsxs(ToolbarBtn, { onClick: () => editor.chain().focus().deleteTable().run(), disabled: !editor.can().deleteTable(), title: "X\u00F3a b\u1EA3ng", className: "gap-1 px-2 text-xs text-red-400 hover:text-red-600", children: [_jsx(Trash2, { className: "h-3 w-3" }), _jsx("span", { className: "hidden sm:inline", children: "B\u1EA3ng" })] })] }));
+};
+// ─────────────────────────────────────────────────────────────────────────────
+// Main Creator
+// ─────────────────────────────────────────────────────────────────────────────
+export function WordFillStructuredFormCreator({ initialData, onSave, onCancel, onChange, onUnsavedChangesChange: _onUnsavedChangesChange, validationRef, externalErrors, groupConfig, groupType, groups, questionIndexInPart = 0, partId = '', }) {
+    const [isPreviewMode, setIsPreviewMode] = useState(false);
+    const [points, setPoints] = useState(initialData?.points ?? 1);
+    const [caseSensitive, setCaseSensitive] = useState(initialData?.caseSensitive ?? false);
+    const [explanation, setExplanation] = useState(initialData?.explanation || '');
+    const [imagePreviewUrl, setImagePreviewUrl] = useState('');
+    // ── GROUP ──────────────────────────────────────────────────────────────────
+    const { isGrouped, isFirstInGroup, currentGroupNumber: hookGroupNumber, groupTitle, groupSubtitle, groupContent, imageUrl: groupImageUrl, setGroupTitle, setGroupSubtitle, setGroupContent, setImageUrl: setGroupImageUrl, } = useBasicQuestionGroup({
+        partId,
+        groups,
+        questionIndexInPart,
+        initialData: {
+            title: initialData?.groupTitle || '',
+            subtitle: initialData?.groupSubtitle || '',
+            content: initialData?.groupContent || '',
+            imageUrl: initialData?.groupImageUrl || '',
+        },
+    });
+    const effectiveGroupType = (groupType || 'BASIC').toUpperCase();
+    const hasGroupConfig = groupConfig && groupConfig.length > 0;
+    const showContent = !hasGroupConfig || groupConfig.includes('content');
+    const currentGroupNumber = hookGroupNumber || getGroupNumberForIndex(questionIndexInPart, groups);
+    const [localTitle, setLocalTitle] = useState(initialData?.title || '');
+    const [localImageUrl, setLocalImageUrl] = useState(initialData?.imageUrl || '');
+    const effectiveTitle = localTitle;
+    const effectiveImageUrl = localImageUrl;
+    const setEffectiveTitle = setLocalTitle;
+    const setEffectiveImageUrl = setLocalImageUrl;
+    // Resolve presigned URL for image preview
+    const { previewUrl: generatedPreviewUrl } = usePresignedFileUrl(effectiveImageUrl);
+    const displayImageUrl = imagePreviewUrl || generatedPreviewUrl || '';
+    // ── TipTap ─────────────────────────────────────────────────────────────────
+    const initialContent = initialData?.content || '<p></p>';
+    const [content, setContent] = useState(initialContent);
+    const [answers, setAnswers] = useState(initialData?.answers || {});
+    const previousPayloadRef = useRef('');
+    const previousInitialDataRef = useRef(initialData);
+    const isInitializingRef = useRef(false);
+    const contentRef = useRef(content);
+    const onChangeRef = useRef(onChange);
+    useEffect(() => {
+        onChangeRef.current = onChange;
+    }, [onChange]);
+    // Stable TipTap options: @tiptap/react calls `editor.setOptions` whenever the
+    // passed options object differs from the editor instance. Inline `extensions`
+    // / `editorProps` are new references every render → spurious `setOptions` →
+    // document update → `onUpdate` → payload change → question flips to "Chưa lưu"
+    // when an unrelated parent re-render happens (e.g. part audio upload).
+    const tiptapExtensions = useMemo(() => [
+        StarterKit.configure({ heading: { levels: [2, 3, 4] } }),
+        TextAlign.configure({ types: ['heading', 'paragraph'] }),
+        Table.configure({ resizable: true }),
+        TableRow,
+        TableCell,
+        TableHeader,
+    ], []);
+    const tiptapEditorProps = useMemo(() => ({
+        attributes: {
+            class: 'tiptap-editor prose prose-sm max-w-none p-4 focus:outline-none min-h-[400px]',
+        },
+    }), []);
+    const handleEditorUpdate = useCallback(({ editor: ed }) => {
+        const html = ed.getHTML();
+        if (html !== contentRef.current) {
+            contentRef.current = html;
+            setContent(html);
+        }
+    }, []);
+    const editor = useEditor({
+        immediatelyRender: false,
+        extensions: tiptapExtensions,
+        content,
+        editorProps: tiptapEditorProps,
+        onUpdate: handleEditorUpdate,
+    });
+    useEffect(() => {
+        contentRef.current = content;
+    }, [content]);
+    // Sync when initialData changes
+    useEffect(() => {
+        const changed = JSON.stringify(previousInitialDataRef.current) !== JSON.stringify(initialData);
+        if (!changed)
+            return;
+        previousInitialDataRef.current = initialData;
+        if (!initialData?.content || initialData.content === '<p></p>')
+            return;
+        isInitializingRef.current = true;
+        setLocalTitle(initialData?.title || '');
+        setLocalImageUrl(initialData?.imageUrl || '');
+        setPoints(initialData?.points ?? 1);
+        setCaseSensitive(initialData?.caseSensitive ?? false);
+        setExplanation(initialData?.explanation || '');
+        setAnswers(initialData?.answers || {});
+        const newContent = initialData.content;
+        if (newContent !== contentRef.current) {
+            contentRef.current = newContent;
+            setContent(newContent);
+            if (editor && !editor.isDestroyed)
+                editor.commands.setContent(newContent);
+        }
+        setTimeout(() => { isInitializingRef.current = false; }, 150);
+    }, [initialData, editor]);
+    const debouncedOnChange = useDebouncedCallback((data) => {
+        onChangeRef.current?.(data);
+    }, 300);
+    const answersSerialized = JSON.stringify(answers);
+    // Derive expected blank keys from content
+    const expectedBlankKeys = useMemo(() => {
+        const keys = new Set();
+        const regex = /\{([\w\d]+)\}/g;
+        let match;
+        while ((match = regex.exec(content)) !== null)
+            keys.add(match[1]);
+        return Array.from(keys).sort((a, b) => {
+            const numA = parseInt(a), numB = parseInt(b);
+            if (!isNaN(numA) && !isNaN(numB))
+                return numA - numB;
+            return a.localeCompare(b);
+        });
+    }, [content]);
+    // Keep answers map in sync with blank keys
+    useEffect(() => {
+        setAnswers(prev => {
+            let changed = false;
+            const next = { ...prev };
+            Object.keys(next).forEach(k => { if (!expectedBlankKeys.includes(k)) {
+                delete next[k];
+                changed = true;
+            } });
+            expectedBlankKeys.forEach(k => { if (!(k in next)) {
+                next[k] = '';
+                changed = true;
+            } });
+            return changed ? next : prev;
+        });
+    }, [expectedBlankKeys]);
+    // Emit changes (unsaved status is driven only by `onChange` → ExamCreator, like ChooseTheCorrectAnswerCreator)
+    useEffect(() => {
+        const payload = {
+            title: effectiveTitle,
+            imageUrl: effectiveImageUrl,
+            content,
+            answers,
+            points,
+            caseSensitive,
+            explanation,
+            groupTitle,
+            groupSubtitle,
+            groupContent,
+            groupImageUrl,
+            groupNumber: currentGroupNumber,
+        };
+        if (isInitializingRef.current) {
+            previousPayloadRef.current = JSON.stringify(payload);
+            return;
+        }
+        const str = JSON.stringify(payload);
+        if (str !== previousPayloadRef.current) {
+            previousPayloadRef.current = str;
+            debouncedOnChange(payload);
+        }
+    }, [
+        effectiveTitle,
+        effectiveImageUrl,
+        content,
+        answersSerialized,
+        points,
+        caseSensitive,
+        explanation,
+        groupTitle,
+        groupSubtitle,
+        groupContent,
+        groupImageUrl,
+        currentGroupNumber,
+    ]);
+    // Expose validation
+    useEffect(() => {
+        if (!validationRef)
+            return;
+        validationRef.current = {
+            triggerValidation: async () => {
+                if (!content || content === '<p></p>')
+                    return false;
+                if (expectedBlankKeys.length === 0)
+                    return false;
+                for (const key of expectedBlankKeys) {
+                    if (!answers[key] || answers[key].trim() === '')
+                        return false;
+                }
+                return true;
+            },
+            getFormData: () => ({
+                title: effectiveTitle,
+                imageUrl: effectiveImageUrl,
+                content,
+                answers,
+                points,
+                caseSensitive,
+                explanation,
+                groupTitle,
+                groupSubtitle,
+                groupContent,
+                groupImageUrl,
+                groupNumber: currentGroupNumber,
+            }),
+        };
+    }, [validationRef, effectiveTitle, effectiveImageUrl, content, answers, points, caseSensitive, explanation, expectedBlankKeys, groupTitle, groupSubtitle, groupContent, groupImageUrl, currentGroupNumber]);
+    // ── Preview mode ───────────────────────────────────────────────────────────
+    if (isPreviewMode) {
+        return (_jsxs("div", { className: "space-y-4", children: [_jsx(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-teal-100/50", children: _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-gradient-to-br from-teal-500 to-cyan-600 shadow-sm", children: _jsx(Eye, { className: "h-4 w-4 text-white" }) }), _jsxs("div", { children: [_jsx(CardTitle, { className: "text-base font-bold text-gray-900", children: "\u0110i\u1EC1n t\u1EEB \u2013 Xem tr\u01B0\u1EDBc" }), _jsx("p", { className: "text-xs text-gray-500", children: "Ch\u1EBF \u0111\u1ED9 xem tr\u01B0\u1EDBc v\u1EDBi \u0111\u00E1p \u00E1n \u0111\u00FAng \u0111\u00E3 \u0111\u01B0\u1EE3c \u0111i\u1EC1n s\u1EB5n" })] })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setIsPreviewMode(false), className: "gap-2 border-teal-200 text-teal-700 hover:bg-teal-50", children: [_jsx(Pencil, { className: "h-4 w-4" }), "Quay l\u1EA1i Edit"] })] }) }) }), _jsx(WordFillStructuredFormClient, { questionData: { title: effectiveTitle, imageUrl: effectiveImageUrl, content, answers, points, caseSensitive }, isReviewMode: true, userAnswer: answers })] }));
+    }
+    // ── Edit mode ──────────────────────────────────────────────────────────────
+    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 => !answers[k]?.trim()), 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: "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-2", children: [_jsxs(Label, { className: "flex items-center gap-2 text-base font-semibold text-gray-800", children: [_jsx(ImageIcon, { className: "h-4 w-4 text-teal-500" }), "H\u00ECnh \u1EA3nh", _jsx("span", { className: "text-sm font-normal text-gray-500", children: "(tu\u1EF3 ch\u1ECDn)" })] }), _jsx(FileUpload, { id: "wfsf-image", label: "", accept: "image/*", value: effectiveImageUrl || '', onChange: (url) => setEffectiveImageUrl(url), onPresignedUrlChange: setImagePreviewUrl, maxSize: 5, placeholder: "Upload \u1EA3nh ho\u1EB7c paste URL", autoUpload: true, prefix: "questions" }), displayImageUrl && (_jsx(ImagePreview, { src: displayImageUrl, alt: "Preview", className: "mt-2 h-48 w-full max-w-md rounded-lg border border-gray-200" }))] }), externalErrors && externalErrors.length > 0 && (_jsxs("div", { className: "flex items-start gap-3 rounded-xl border border-red-200 bg-gradient-to-r from-red-50 to-rose-50 p-4", children: [_jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-red-100", children: _jsx("span", { className: "text-lg", children: "\u274C" }) }), _jsxs("div", { className: "text-sm", children: [_jsx("p", { className: "font-semibold text-red-800", children: "L\u1ED7i:" }), _jsx("ul", { className: "mt-1 list-inside list-disc text-red-700", children: externalErrors.map((error, i) => _jsx("li", { children: error }, i)) })] })] }))] })] }), showContent && (_jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-teal-100/50", children: [_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-6 w-6 items-center justify-center rounded-md bg-teal-100", children: _jsx(ListOrdered, { className: "h-3.5 w-3.5 text-teal-600" }) }), _jsx(CardTitle, { className: "text-base font-semibold text-gray-800", children: "N\u1ED9i dung c\u1EA5u tr\u00FAc" })] }), expectedBlankKeys.length > 0 && (_jsxs("span", { className: "inline-flex items-center rounded-full border border-teal-200 bg-teal-50 px-2.5 py-0.5 text-xs font-semibold text-teal-700", children: [expectedBlankKeys.length, " ch\u1ED7 tr\u1ED1ng"] }))] }) }), _jsxs(CardContent, { className: "space-y-3 px-4 pb-4", children: [_jsxs("div", { className: "overflow-hidden rounded-xl border border-gray-200 transition-all focus-within:border-teal-300 focus-within:ring-2 focus-within:ring-teal-100", children: [_jsx(EditorToolbar, { editor: editor }), _jsx(EditorContent, { editor: editor })] }), _jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-teal-100 bg-teal-50/60 px-3 py-2.5", children: [_jsx(Info, { className: "mt-0.5 h-4 w-4 shrink-0 text-teal-500" }), _jsxs("p", { className: "text-xs text-teal-700", children: ["Nh\u1EADp ", _jsx("strong", { children: `{0}` }), ", ", _jsx("strong", { children: `{1}` }), ", ", _jsx("strong", { children: `{2}` }), "\u2026 v\u00E0o v\u0103n b\u1EA3n \u0111\u1EC3 t\u1EA1o \u00F4 tr\u1ED1ng. \u0110\u00E1p \u00E1n s\u1EBD t\u1EF1 \u0111\u1ED9ng xu\u1EA5t hi\u1EC7n b\u00EAn d\u01B0\u1EDBi \u0111\u1EC3 b\u1EA1n nh\u1EADp."] })] })] })] })), expectedBlankKeys.length > 0 && (_jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-teal-100/50", children: [_jsx(CardHeader, { className: "px-4 py-3", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-md bg-teal-100", children: _jsx(CheckCircle2, { className: "h-3.5 w-3.5 text-teal-600" }) }), _jsxs(CardTitle, { className: "text-base font-semibold text-gray-800", children: ["\u0110\u00E1p \u00E1n ", _jsxs("span", { className: "text-xs font-normal text-gray-500", children: ["(", expectedBlankKeys.length, " ch\u1ED7 tr\u1ED1ng)"] })] })] }) }), _jsxs(CardContent, { className: "px-4 pb-4", children: [_jsx("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4", children: expectedBlankKeys.map((key) => {
+                                    const isEmpty = !answers[key] || answers[key].trim() === '';
+                                    return (_jsxs("div", { className: `rounded-xl border-2 p-3 transition-all duration-200 ${isEmpty
+                                            ? 'border-gray-200 bg-white'
+                                            : 'border-teal-200 bg-gradient-to-br from-teal-50 to-cyan-50 shadow-sm shadow-teal-100'}`, children: [_jsxs(Label, { className: "mb-1.5 flex items-center justify-between text-sm font-semibold text-gray-700", children: [_jsxs("span", { children: ["Ch\u1ED7 tr\u1ED1ng ", _jsx("code", { className: "rounded bg-gray-100 px-1 text-teal-700", children: `{${key}}` })] }), isEmpty && (_jsx("span", { className: "text-[10px] font-normal italic text-red-500", children: "*B\u1EAFt bu\u1ED9c" }))] }), _jsx(Input, { value: answers[key] || '', onChange: e => setAnswers(prev => ({ ...prev, [key]: e.target.value })), placeholder: "\u0110\u00E1p \u00E1n \u0111\u00FAng...", className: `border-gray-200 bg-white transition-all focus:border-teal-300 focus:ring-teal-100 ${!isEmpty ? 'border-teal-200' : ''}` }), !isEmpty && (_jsxs("span", { className: "mt-1.5 inline-flex items-center gap-1 rounded-full bg-teal-100 px-2 py-0.5 text-[10px] font-semibold text-teal-700", children: [_jsx(CheckCircle2, { className: "h-3 w-3" }), "\u0110\u00E3 nh\u1EADp"] }))] }, key));
+                                }) }), expectedBlankKeys.some(k => !answers[k]?.trim()) && (_jsxs("div", { className: "mt-4 flex items-start gap-3 rounded-xl border border-amber-200 bg-gradient-to-r from-amber-50 to-yellow-50 p-4", children: [_jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-amber-100", children: _jsx("span", { className: "text-lg", children: "\u26A0\uFE0F" }) }), _jsxs("div", { className: "text-sm text-amber-800", children: [_jsx("p", { className: "font-semibold", children: "C\u00F2n ch\u1ED7 tr\u1ED1ng ch\u01B0a c\u00F3 \u0111\u00E1p \u00E1n" }), _jsxs("p", { className: "mt-0.5 text-amber-700", children: ["Vui l\u00F2ng \u0111i\u1EC1n \u0111\u00E1p \u00E1n \u0111\u00FAng cho t\u1EA5t c\u1EA3 c\u00E1c \u00F4 \u0111\u01B0\u1EE3c \u0111\u00E1nh d\u1EA5u ", _jsx("span", { className: "text-red-500 font-medium", children: "*B\u1EAFt bu\u1ED9c" }), "."] })] })] }))] })] })), _jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-amber-100/50", children: [_jsx(CardHeader, { className: "px-4 py-3", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex h-7 w-7 items-center justify-center rounded-lg bg-gradient-to-br from-amber-500 to-orange-500 shadow-sm", children: _jsx(BookOpen, { className: "h-3.5 w-3.5 text-white" }) }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CardTitle, { className: "text-base font-semibold text-gray-800", children: "Gi\u1EA3i th\u00EDch" }), _jsx("span", { className: "inline-flex items-center rounded-full border border-amber-200 bg-amber-50 px-2 py-0.5 text-xs font-medium text-amber-600", children: "Kh\u00F4ng b\u1EAFt bu\u1ED9c" })] }), _jsx("p", { className: "mt-0.5 text-xs text-gray-500", children: "Gi\u1EA3i th\u00EDch cho \u0111\u00E1p \u00E1n \u0111\u00FAng \u2014 hi\u1EC3n th\u1ECB sau khi h\u1ECDc sinh ho\u00E0n th\u00E0nh c\u00E2u h\u1ECFi" })] })] }) }), _jsx(CardContent, { className: "px-4 pb-4", children: _jsx(Textarea, { value: explanation, onChange: (e) => setExplanation(e.target.value), placeholder: "VD: C\u00E2u tr\u1EA3 l\u1EDDi \u0111\u00FAng l\u00E0... v\u00EC...", rows: 3, className: "min-h-[80px] resize-none border-gray-200 bg-white transition-all focus:border-amber-300 focus:ring-amber-200" }) })] })] }));
+}
+//# sourceMappingURL=WordFillStructuredFormCreator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WordFillStructuredFormCreator.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/word-fill-structured-form/WordFillStructuredFormCreator.tsx"],"names":[],"mappings":"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"}

package/dist/components/questions/types/word-fill-structured-form/index.d.ts

@@ -0,0 +1,3 @@
+export { WordFillStructuredFormCreator } from './WordFillStructuredFormCreator';
+export { WordFillStructuredFormClient } from './WordFillStructuredFormClient';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/questions/types/word-fill-structured-form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/word-fill-structured-form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC"}

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

@@ -0,0 +1,3 @@
+export { WordFillStructuredFormCreator } from './WordFillStructuredFormCreator';
+export { WordFillStructuredFormClient } from './WordFillStructuredFormClient';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/word-fill-structured-form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/components/questions/types/word-fill-structured-form/register.d.ts

@@ -0,0 +1,3 @@
+import type { QuestionTypeRegistration } from '../../creator/question-type-registry';
+export declare const wordFillStructuredFormRegistration: QuestionTypeRegistration;
+//# sourceMappingURL=register.d.ts.map

package/dist/components/questions/types/word-fill-structured-form/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/word-fill-structured-form/register.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAErF,eAAO,MAAM,kCAAkC,EAAE,wBAoEhD,CAAC"}

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

@@ -0,0 +1,68 @@
+import { WordFillStructuredFormCreator } from './WordFillStructuredFormCreator';
+export const wordFillStructuredFormRegistration = {
+    component: WordFillStructuredFormCreator,
+    transformInitialData: (initialData) => {
+        const apiContent = initialData?.content || {};
+        const answer = initialData?.answer || {};
+        const correctAnswer = initialData?.correctAnswer || answer?.correctAnswer || {};
+        const points = initialData?.total_points
+            ? parseFloat(initialData.total_points)
+            : (answer?.points || initialData?.points || 1);
+        const explanation = initialData?.explanation || answer?.explanation || '';
+        // Resolve content: prefer single `content` string, fallback to merging old `blocks[]`
+        let content = apiContent?.content || answer?.content || '';
+        const blocks = apiContent?.blocks || answer?.blocks;
+        if (!content && blocks?.length) {
+            content = blocks.map((b) => {
+                const heading = b.heading ? `<h3>${b.heading}</h3>` : '';
+                return heading + (b.content || '');
+            }).join('');
+        }
+        // Group data from questionGroup payload
+        const groupPayload = initialData?.questionGroup?.payload;
+        return {
+            title: apiContent?.title || answer?.title || '',
+            imageUrl: apiContent?.imageUrl || answer?.imageUrl || '',
+            content,
+            answers: correctAnswer?.answers || answer?.answers || {},
+            caseSensitive: correctAnswer?.caseSensitive ?? answer?.caseSensitive ?? false,
+            explanation,
+            points,
+            // Group shared fields
+            groupTitle: groupPayload?.title || answer?.groupTitle || '',
+            groupSubtitle: groupPayload?.subtitle || answer?.groupSubtitle || '',
+            groupContent: groupPayload?.content || answer?.groupContent || '',
+            groupImageUrl: groupPayload?.imageUrl || answer?.groupImageUrl || '',
+        };
+    },
+    getExtraProps: (ctx) => ({
+        onUnsavedChangesChange: ctx.onUnsavedChangesChange,
+        validationRef: ctx.validationRef,
+        groupConfig: ctx.groupConfig,
+        groupType: ctx.groupType,
+        groups: ctx.groups,
+        questionIndexInPart: ctx.questionIndexInPart,
+        partId: ctx.partId,
+    }),
+    wrapOnSave: (data, ctx) => ({
+        type: ctx.questionType,
+        content: ctx.state.content,
+        points: data?.points ?? ctx.state.points ?? 1,
+        level: ctx.state.level,
+        difficulty: ctx.state.difficulty,
+        skill: ctx.state.skill,
+        answer: data,
+        explanation: data?.explanation || '',
+    }),
+    wrapOnChange: (data, ctx) => ({
+        type: ctx.questionType,
+        content: ctx.state.content,
+        points: data?.points ?? ctx.state.points ?? 1,
+        level: ctx.state.level,
+        difficulty: ctx.state.difficulty,
+        skill: ctx.state.skill,
+        answer: data,
+        explanation: data?.explanation || '',
+    }),
+};
+//# sourceMappingURL=register.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/word-fill-structured-form/register.tsx"],"names":[],"mappings":"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"}

package/dist/components/questions/types/word-fill-structured-form/transform.d.ts

@@ -0,0 +1,11 @@
+import type { TransformHandler } from '../../../../shared/lib/utils/question-transform-types';
+/**
+ * Transform WORD_FILL_STRUCTURED_FORM creator data → API format
+ *
+ * Creator (question.answer): { title, imageUrl, content, answers, caseSensitive, points, explanation }
+ * API:
+ *   content:       { title, imageUrl, content }
+ *   correctAnswer: { answers, caseSensitive }
+ */
+export declare const transformWordFillStructuredForm: TransformHandler;
+//# sourceMappingURL=transform.d.ts.map

package/dist/components/questions/types/word-fill-structured-form/transform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/word-fill-structured-form/transform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAEpF;;;;;;;GAOG;AACH,eAAO,MAAM,+BAA+B,EAAE,gBAqC7C,CAAC"}

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

@@ -0,0 +1,41 @@
+/**
+ * Transform WORD_FILL_STRUCTURED_FORM creator data → API format
+ *
+ * Creator (question.answer): { title, imageUrl, content, answers, caseSensitive, points, explanation }
+ * API:
+ *   content:       { title, imageUrl, content }
+ *   correctAnswer: { answers, caseSensitive }
+ */
+export const transformWordFillStructuredForm = (question) => {
+    const answerData = question.answer;
+    if (!answerData?.content || !answerData?.answers) {
+        return { apiContent: {}, apiCorrectAnswer: {} };
+    }
+    // Build basicGroupData when any group field is present
+    const hasGroupData = !!(answerData.groupTitle || answerData.groupSubtitle || answerData.groupContent || answerData.groupImageUrl);
+    // Per-question title/imageUrl are independent from group title/imageUrl — always include them
+    const apiContent = {
+        title: answerData.title || '',
+        imageUrl: answerData.imageUrl || '',
+        content: answerData.content,
+    };
+    const apiCorrectAnswer = {
+        answers: answerData.answers,
+        caseSensitive: answerData.caseSensitive ?? false,
+    };
+    const basicGroupData = hasGroupData
+        ? {
+            title: answerData.groupTitle || '',
+            subtitle: answerData.groupSubtitle || '',
+            content: answerData.groupContent || '',
+            imageUrl: answerData.groupImageUrl || '',
+        }
+        : undefined;
+    return {
+        apiContent,
+        apiCorrectAnswer,
+        basicGroupData,
+        groupNumber: answerData.groupNumber || 1,
+    };
+};
+//# sourceMappingURL=transform.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/word-fill-structured-form/transform.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAqB,CAAC,QAAQ,EAAE,EAAE;IAC5E,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAa,CAAC;IAE1C,IAAI,CAAC,UAAU,EAAE,OAAO,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,CAAC;QACjD,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC;IAClD,CAAC;IAED,uDAAuD;IACvD,MAAM,YAAY,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU,IAAI,UAAU,CAAC,aAAa,IAAI,UAAU,CAAC,YAAY,IAAI,UAAU,CAAC,aAAa,CAAC,CAAC;IAElI,8FAA8F;IAC9F,MAAM,UAAU,GAAwB;QACtC,KAAK,EAAE,UAAU,CAAC,KAAK,IAAI,EAAE;QAC7B,QAAQ,EAAE,UAAU,CAAC,QAAQ,IAAI,EAAE;QACnC,OAAO,EAAE,UAAU,CAAC,OAAO;KAC5B,CAAC;IAEF,MAAM,gBAAgB,GAAwB;QAC5C,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,aAAa,EAAE,UAAU,CAAC,aAAa,IAAI,KAAK;KACjD,CAAC;IAEF,MAAM,cAAc,GAAG,YAAY;QACjC,CAAC,CAAC;YACE,KAAK,EAAE,UAAU,CAAC,UAAU,IAAI,EAAE;YAClC,QAAQ,EAAE,UAAU,CAAC,aAAa,IAAI,EAAE;YACxC,OAAO,EAAE,UAAU,CAAC,YAAY,IAAI,EAAE;YACtC,QAAQ,EAAE,UAAU,CAAC,aAAa,IAAI,EAAE;SACzC;QACH,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO;QACL,UAAU;QACV,gBAAgB;QAChB,cAAc;QACd,WAAW,EAAE,UAAU,CAAC,WAAW,IAAI,CAAC;KACzC,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/questions/types/word-ordering/WordOrderingClient.d.ts

@@ -0,0 +1,3 @@
+import type { WordOrderingClientProps } from '../../_shared/types/word-ordering.type';
+export declare function WordOrderingClient({ questionData, onSubmit, isReviewMode, userAnswer, autoFillCorrectAnswers, explanation, }: WordOrderingClientProps): import("react").JSX.Element;
+//# sourceMappingURL=WordOrderingClient.d.ts.map

package/dist/components/questions/types/word-ordering/WordOrderingClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WordOrderingClient.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/word-ordering/WordOrderingClient.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yDAAyD,CAAC;AAGvG,wBAAgB,kBAAkB,CAAC,EACjC,YAAY,EACZ,QAAQ,EACR,YAAoB,EACpB,UAAU,EACV,sBAA8B,EAC9B,WAAW,GACZ,EAAE,uBAAuB,+BAsNzB"}

package/dist/components/questions/types/word-ordering/WordOrderingClient.js

@@ -0,0 +1,85 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from 'react';
+import { Check, X, ArrowUpDown, Lightbulb } from 'lucide-react';
+import { usePresignedFileUrl } from '../../../../shared/lib/hooks';
+import { cn } from '../../../../shared/lib/utils';
+export function WordOrderingClient({ questionData, onSubmit, isReviewMode = false, userAnswer, autoFillCorrectAnswers = false, explanation, }) {
+    const { words = [], answer = [], isExample, imageUrl } = questionData;
+    // State: the user's current arrangement
+    const [selectedWords, setSelectedWords] = useState(userAnswer || (autoFillCorrectAnswers ? answer : []));
+    // Words remaining in the pool
+    const [availableWords, setAvailableWords] = useState(() => {
+        const initial = userAnswer || (autoFillCorrectAnswers ? answer : []);
+        if (initial.length > 0) {
+            // Remove used words from available pool
+            const remaining = [...words];
+            initial.forEach((w) => {
+                const idx = remaining.indexOf(w);
+                if (idx >= 0)
+                    remaining.splice(idx, 1);
+            });
+            return remaining;
+        }
+        return [...words];
+    });
+    const { previewUrl: imagePreviewUrl, isLoading } = usePresignedFileUrl(imageUrl || '');
+    // Sync with userAnswer changes
+    useEffect(() => {
+        if (userAnswer) {
+            setSelectedWords(userAnswer);
+            const remaining = [...words];
+            userAnswer.forEach((w) => {
+                const idx = remaining.indexOf(w);
+                if (idx >= 0)
+                    remaining.splice(idx, 1);
+            });
+            setAvailableWords(remaining);
+        }
+    }, [userAnswer]);
+    // Reset when words change (question navigation)
+    useEffect(() => {
+        if (!userAnswer && !autoFillCorrectAnswers) {
+            setSelectedWords([]);
+            setAvailableWords([...words]);
+        }
+    }, [JSON.stringify(words)]);
+    const handleSelectWord = useCallback((word, poolIndex) => {
+        if (isReviewMode)
+            return;
+        const newSelected = [...selectedWords, word];
+        const newAvailable = [...availableWords];
+        newAvailable.splice(poolIndex, 1);
+        setSelectedWords(newSelected);
+        setAvailableWords(newAvailable);
+        onSubmit?.(newSelected);
+    }, [selectedWords, availableWords, isReviewMode, onSubmit]);
+    const handleRemoveWord = useCallback((index) => {
+        if (isReviewMode)
+            return;
+        const removed = selectedWords[index];
+        const newSelected = selectedWords.filter((_, i) => i !== index);
+        setSelectedWords(newSelected);
+        setAvailableWords([...availableWords, removed]);
+        onSubmit?.(newSelected);
+    }, [selectedWords, availableWords, isReviewMode, onSubmit]);
+    const isCorrect = isReviewMode && selectedWords.length === answer.length &&
+        selectedWords.every((w, i) => w === answer[i]);
+    const isWrong = isReviewMode && selectedWords.length > 0 && !isCorrect;
+    const isComplete = selectedWords.length === words.length;
+    const displayExplanation = explanation || questionData.explanation;
+    return (_jsx("div", { className: "space-y-4", children: _jsxs("div", { className: "overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-gray-100 bg-gradient-to-r from-gray-50 to-white px-5 py-3", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-gradient-to-br from-amber-500 to-orange-600 text-white shadow-sm", children: _jsx(ArrowUpDown, { className: "h-4 w-4" }) }), _jsx("span", { className: "text-sm font-medium text-gray-700", children: "S\u1EAFp x\u1EBFp t\u1EEB" }), isExample && (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-amber-100 px-2.5 py-0.5 text-xs font-semibold text-amber-700", children: [_jsx(Lightbulb, { className: "h-3 w-3" }), "V\u00ED d\u1EE5"] }))] }), isReviewMode && isComplete && (_jsxs("div", { className: cn('flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-semibold', isCorrect ? 'bg-green-100 text-green-700' : 'bg-red-100 text-red-700'), children: [isCorrect ? _jsx(Check, { className: "h-3.5 w-3.5" }) : _jsx(X, { className: "h-3.5 w-3.5" }), isCorrect ? 'Đúng' : 'Sai'] }))] }), _jsxs("div", { className: "p-5 space-y-5", children: [(imagePreviewUrl || imageUrl) && (_jsx("div", { className: "flex justify-center", children: _jsx("div", { className: "overflow-hidden rounded-lg border border-gray-200 bg-gray-50", children: isLoading ? (_jsx("div", { className: "flex h-48 w-48 items-center justify-center", children: _jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-gray-200 border-t-amber-500" }) })) : (_jsx("img", { src: imagePreviewUrl || imageUrl, alt: "H\u00ECnh \u1EA3nh c\u00E2u h\u1ECFi", className: "max-h-56 w-auto object-contain p-2" })) }) })), _jsxs("div", { className: "space-y-2", children: [_jsx("span", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider", children: "\u0110\u00E1p \u00E1n c\u1EE7a b\u1EA1n" }), _jsx("div", { className: "flex flex-wrap gap-2 min-h-[48px] rounded-lg border-2 border-dashed border-gray-300 bg-gray-50 p-3", children: selectedWords.length === 0 ? (_jsx("span", { className: "text-sm text-gray-400 italic", children: "Nh\u1EA5n v\u00E0o c\u00E1c t\u1EEB b\u00EAn d\u01B0\u1EDBi \u0111\u1EC3 s\u1EAFp x\u1EBFp..." })) : (selectedWords.map((word, index) => {
+                                        const isWordCorrect = isReviewMode && answer[index] === word;
+                                        const isWordWrong = isReviewMode && answer[index] !== word;
+                                        return (_jsxs("button", { type: "button", onClick: () => handleRemoveWord(index), disabled: isReviewMode, className: cn('inline-flex items-center gap-1 rounded-lg px-3 py-2 text-sm font-semibold transition-all shadow-sm', isReviewMode
+                                                ? isWordCorrect
+                                                    ? 'bg-green-100 text-green-800 border border-green-300'
+                                                    : 'bg-red-100 text-red-800 border border-red-300'
+                                                : 'bg-amber-100 text-amber-800 border border-amber-300 hover:bg-amber-200 cursor-pointer'), children: [word, isReviewMode && (isWordCorrect
+                                                    ? _jsx(Check, { className: "h-3.5 w-3.5 text-green-600" })
+                                                    : _jsx(X, { className: "h-3.5 w-3.5 text-red-600" }))] }, `selected-${index}`));
+                                    })) })] }), availableWords.length > 0 && (_jsxs("div", { className: "space-y-2", children: [_jsx("span", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider", children: "T\u1EEB c\u00F3 s\u1EB5n" }), _jsx("div", { className: "flex flex-wrap gap-2", children: availableWords.map((word, index) => (_jsx("button", { type: "button", onClick: () => handleSelectWord(word, index), disabled: isReviewMode, className: cn('rounded-lg border-2 px-3 py-2 text-sm font-semibold transition-all shadow-sm', isReviewMode
+                                            ? 'border-gray-200 bg-gray-100 text-gray-500 cursor-default'
+                                            : 'border-blue-200 bg-blue-50 text-blue-700 hover:bg-blue-100 hover:border-blue-300 cursor-pointer hover:shadow-md'), children: word }, `available-${index}`))) })] })), isReviewMode && isWrong && (_jsxs("div", { className: "rounded-lg border border-green-200 bg-green-50 p-3", children: [_jsx("span", { className: "text-xs font-medium text-green-600 uppercase tracking-wider", children: "\u0110\u00E1p \u00E1n \u0111\u00FAng" }), _jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: answer.map((word, index) => (_jsx("span", { className: "rounded-lg bg-green-100 px-3 py-1.5 text-sm font-semibold text-green-800 border border-green-300", children: word }, `correct-${index}`))) })] })), isReviewMode && displayExplanation && (_jsxs("div", { className: "rounded-lg border border-blue-200 bg-gradient-to-r from-blue-50 to-indigo-50 p-3", children: [_jsx("span", { className: "text-xs font-medium text-blue-600 uppercase tracking-wider", children: "Gi\u1EA3i th\u00EDch" }), _jsx("p", { className: "mt-1 text-sm text-blue-800", children: displayExplanation })] }))] })] }) }));
+}
+//# sourceMappingURL=WordOrderingClient.js.map