@tinyweb_dev/oe-exam-sdk 0.1.0

package/dist/components/questions/types/look-picture-fill-blank-choose-answer/LookPictureFillBlankChooseAnswerCreator.js

@@ -0,0 +1,239 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from '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 { Card, CardContent, CardHeader, CardTitle } from '../../../../components/ui/card';
+import { PointsInput } from '../../../../components/ui/points-input';
+import { RadioGroup } from '../../../../components/ui/radio-group';
+import { Pencil, Eye, Plus, Trash2, ImageIcon, CheckCircle2, Lightbulb, MessageSquare, BookOpen } from 'lucide-react';
+import { FileUpload } from '../../../../components/ui/file-upload';
+import { ImagePreview } from '../../../../components/ui/image-preview';
+import { usePresignedFileUrl, useDebouncedCallback } from '../../../../shared/lib/hooks';
+import { LookPictureFillBlankChooseAnswerClient } from './LookPictureFillBlankChooseAnswerClient';
+import { useReactHookForm } from '../../../../shared/lib/hooks/useReactHookForm';
+import { lookPictureFillBlankChooseAnswerFormSchema, } from '../../../../shared/lib/validation/look-picture-fill-blank-choose-answer.validation';
+function LookPictureFillBlankChooseAnswerContent({ initialData, onSave, onCancel, onChange, onUnsavedChangesChange, optionCount = 4, validationRef, }) {
+    // Helper to normalize options - ensure they are always string[]
+    const normalizeOptions = (opts, defaultCount) => {
+        if (!opts || opts.length === 0) {
+            return Array.from({ length: defaultCount }, () => '');
+        }
+        // Options should always be string[] - convert each to string for safety
+        return opts.map((opt) => String(opt || ''));
+    };
+    // Use react-hook-form with Zod validation
+    // initialData comes from the router in flat format:
+    // { imageUrl, question, options: ["A", "B", "C"], correctAnswer: 1, explanation, points }
+    const apiData = initialData;
+    const rawOptions = apiData?.options || [];
+    const defaultValues = {
+        imageUrl: apiData?.imageUrl || '',
+        question: apiData?.question || '',
+        options: normalizeOptions(rawOptions, optionCount),
+        correctAnswer: apiData?.correctAnswer ?? -1,
+        explanation: apiData?.explanation || '',
+        points: apiData?.points ?? 1,
+    };
+    const form = useReactHookForm({
+        defaultValues,
+        zodSchema: lookPictureFillBlankChooseAnswerFormSchema,
+        mode: 'onBlur',
+    });
+    // UI State
+    const [isClientMode, setIsClientMode] = useState(false);
+    const [imagePreviewUrl, setImagePreviewUrl] = useState('');
+    // Track previous initialData to detect changes
+    const previousInitialDataRef = useRef(initialData);
+    const isInitializingRef = useRef(false);
+    const onChangeRef = useRef(onChange);
+    const previousPayloadRef = useRef('');
+    // Update onChange ref when it changes
+    useEffect(() => {
+        onChangeRef.current = onChange;
+    }, [onChange]);
+    // Debounced onChange callback to prevent excessive re-renders
+    const debouncedOnChange = useDebouncedCallback((data) => {
+        onChangeRef.current?.(data);
+    }, 300);
+    // Watch form values - MUST be declared before useEffects that use them
+    const watchedImageUrl = form.watch('imageUrl');
+    const watchedQuestion = form.watch('question');
+    const watchedOptions = form.watch('options');
+    const watchedCorrectAnswer = form.watch('correctAnswer');
+    const watchedExplanation = form.watch('explanation');
+    const watchedPoints = form.watch('points');
+    // Custom hooks for presigned URL
+    const { previewUrl: generatedPreviewUrl } = usePresignedFileUrl(watchedImageUrl);
+    const displayPreviewUrl = imagePreviewUrl || generatedPreviewUrl || '';
+    // NOTE: Status tracking is now handled entirely by ExamCreator via localStorage
+    // No need to track originalSavedData in Creator component
+    // NOTE: Unsaved changes tracking has been REMOVED from Creator component
+    // Status is now managed entirely by ExamCreator via localStorage (exam_question_status_{id})
+    // The onChange callback triggers handleQuestionDraftChange in ExamCreator which updates localStorage
+    // Expose validation function and getFormData via ref
+    useEffect(() => {
+        if (validationRef) {
+            validationRef.current = {
+                triggerValidation: async () => {
+                    const result = await form.trigger();
+                    // Also check correctAnswer
+                    if (watchedCorrectAnswer === -1) {
+                        form.setError('correctAnswer', { message: 'Vui lòng chọn đáp án đúng!' });
+                        return false;
+                    }
+                    return result;
+                },
+                // Return current form data immediately (not debounced)
+                // This allows parent to get fresh data at save time
+                getFormData: () => ({
+                    imageUrl: watchedImageUrl,
+                    question: watchedQuestion,
+                    options: watchedOptions,
+                    correctAnswer: watchedCorrectAnswer,
+                    explanation: watchedExplanation,
+                    points: watchedPoints,
+                }),
+            };
+        }
+    }, [validationRef, form, watchedCorrectAnswer, watchedImageUrl, watchedQuestion, watchedOptions, watchedExplanation, watchedPoints]);
+    // Sync state from initialData when it changes from EXTERNAL sources only
+    // initialData comes from the router already in flat format
+    useEffect(() => {
+        const apiData = initialData;
+        const normalizedInitialData = {
+            imageUrl: apiData?.imageUrl || '',
+            question: apiData?.question || '',
+            options: normalizeOptions(apiData?.options || [], optionCount),
+            correctAnswer: apiData?.correctAnswer ?? -1,
+            explanation: apiData?.explanation || '',
+            points: apiData?.points ?? 1,
+        };
+        const initialDataChanged = JSON.stringify(previousInitialDataRef.current) !== JSON.stringify(initialData);
+        if (!initialDataChanged) {
+            return;
+        }
+        previousInitialDataRef.current = initialData;
+        const currentFormData = {
+            imageUrl: watchedImageUrl,
+            question: watchedQuestion,
+            options: watchedOptions,
+            correctAnswer: watchedCorrectAnswer,
+            explanation: watchedExplanation,
+            points: watchedPoints,
+        };
+        const isEchoFromOnChange = currentFormData.imageUrl === normalizedInitialData.imageUrl &&
+            currentFormData.question === normalizedInitialData.question &&
+            currentFormData.correctAnswer === normalizedInitialData.correctAnswer &&
+            currentFormData.points === normalizedInitialData.points &&
+            currentFormData.explanation === normalizedInitialData.explanation &&
+            JSON.stringify(currentFormData.options) === JSON.stringify(normalizedInitialData.options);
+        const wasJustSaved = initialData?.isCompleted === true;
+        if (isEchoFromOnChange && wasJustSaved) {
+            return;
+        }
+        const shouldReset = !isEchoFromOnChange &&
+            normalizedInitialData.correctAnswer !== currentFormData.correctAnswer;
+        if (shouldReset && normalizedInitialData.correctAnswer !== -1) {
+            isInitializingRef.current = true;
+            form.reset(normalizedInitialData);
+            setTimeout(() => {
+                isInitializingRef.current = false;
+            }, 150);
+        }
+    }, [initialData, optionCount, form, watchedImageUrl, watchedQuestion, watchedOptions, watchedCorrectAnswer, watchedExplanation, watchedPoints]);
+    // Convert to payload format and call onChange
+    // NOTE: We need to stringify options for proper change detection since array reference doesn't change
+    const watchedOptionsString = JSON.stringify(watchedOptions);
+    useEffect(() => {
+        if (isInitializingRef.current) {
+            const currentPayload = JSON.stringify({
+                imageUrl: watchedImageUrl,
+                question: watchedQuestion,
+                options: watchedOptions,
+                correctAnswer: watchedCorrectAnswer,
+                explanation: watchedExplanation,
+                points: watchedPoints,
+            });
+            previousPayloadRef.current = currentPayload;
+            return;
+        }
+        const payload = {
+            imageUrl: watchedImageUrl,
+            question: watchedQuestion,
+            options: watchedOptions,
+            correctAnswer: watchedCorrectAnswer,
+            explanation: watchedExplanation,
+            points: watchedPoints,
+        };
+        const payloadString = JSON.stringify(payload);
+        if (previousPayloadRef.current !== payloadString) {
+            previousPayloadRef.current = payloadString;
+            debouncedOnChange(payload);
+        }
+    }, [
+        watchedImageUrl,
+        watchedQuestion,
+        watchedOptionsString, // Use stringified version for proper change detection
+        watchedCorrectAnswer,
+        watchedExplanation,
+        watchedPoints,
+    ]);
+    // Handle save with validation
+    const handleSave = form.handleSubmit((data) => {
+        // Additional validation for correctAnswer
+        if (data.correctAnswer === -1 || data.correctAnswer >= data.options.length) {
+            form.setError('correctAnswer', { message: 'Vui lòng chọn đáp án đúng!' });
+            return;
+        }
+        // NOTE: Save status is now managed by ExamCreator via localStorage
+        onSave?.(data);
+    });
+    // Client mode preview
+    if (isClientMode) {
+        const questionData = {
+            imageUrl: displayPreviewUrl || watchedImageUrl,
+            question: watchedQuestion,
+            options: watchedOptions.map((text, index) => ({ id: `opt-${index}`, text })),
+        };
+        return (_jsx("div", { className: "space-y-6", children: _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx(CardTitle, { children: "Nh\u00ECn tranh, \u0111i\u1EC1n ch\u1ED7 tr\u1ED1ng (Preview)" }), _jsx("p", { className: "mt-1 text-sm text-gray-500", children: "Ch\u1EBF \u0111\u1ED9 xem tr\u01B0\u1EDBc - Hi\u1EC3n th\u1ECB \u0111\u00E1p \u00E1n \u0111\u00FAng" })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setIsClientMode(false), children: [_jsx(Pencil, { className: "mr-2 h-4 w-4" }), "Quay l\u1EA1i Edit Mode"] })] }) }), _jsx(CardContent, { children: _jsx(LookPictureFillBlankChooseAnswerClient, { questionData: questionData, isReviewMode: true, userAnswer: watchedCorrectAnswer !== -1 ? `opt-${watchedCorrectAnswer}` : undefined, correctAnswer: watchedCorrectAnswer !== -1 ? `opt-${watchedCorrectAnswer}` : undefined, explanation: watchedExplanation }) })] }) }));
+    }
+    // Creator UI
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-blue-100/50", children: [_jsx("div", { className: "h-1.5 bg-gradient-to-r from-blue-500 via-indigo-500 to-purple-500" }), _jsx(CardHeader, { className: "pb-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { className: "space-y-1", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-xl bg-gradient-to-br from-blue-500 to-indigo-600 shadow-md", children: _jsx(ImageIcon, { className: "h-5 w-5 text-white" }) }), _jsxs("div", { children: [_jsx(CardTitle, { className: "text-xl font-bold text-gray-900", children: "Nh\u00ECn tranh, \u0111i\u1EC1n ch\u1ED7 tr\u1ED1ng" }), _jsx("p", { className: "text-sm text-gray-500", children: "T\u1EA1o c\u00E2u h\u1ECFi v\u1EDBi h\u00ECnh \u1EA3nh v\u00E0 c\u00E1c l\u1EF1a ch\u1ECDn \u0111\u00E1p \u00E1n" })] })] }) }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setIsClientMode(true), disabled: !watchedQuestion || watchedOptions.filter((o) => typeof o === 'string' && o.trim()).length < 2, className: "gap-2 border-indigo-200 text-indigo-600 hover:bg-indigo-50 hover:text-indigo-700", children: [_jsx(Eye, { className: "h-4 w-4" }), "Xem tr\u01B0\u1EDBc"] })] }) }), _jsxs(CardContent, { className: "space-y-6", children: [_jsx("div", { className: "rounded-xl border border-gray-200 bg-gradient-to-r from-gray-50 to-slate-50 p-4", children: _jsx(PointsInput, { ...form.register('points', { valueAsNumber: true }), error: form.hasError('points') ? form.getFieldError('points') : undefined }) }), _jsx("div", { className: "rounded-xl border border-blue-200 bg-gradient-to-r from-blue-50 to-indigo-50 p-5 shadow-sm", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-lg bg-blue-100", children: _jsx(Lightbulb, { className: "h-4 w-4 text-blue-600" }) }), _jsxs("div", { className: "text-sm text-blue-900", children: [_jsx("p", { className: "font-semibold text-blue-800", children: "H\u01B0\u1EDBng d\u1EABn t\u1EA1o c\u00E2u h\u1ECFi" }), _jsxs("ul", { className: "mt-2 space-y-1.5 text-blue-700", children: [_jsxs("li", { className: "flex items-center gap-2", children: [_jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-blue-400" }), "S\u1EED d\u1EE5ng ", _jsx("code", { className: "mx-1 rounded bg-blue-100 px-1.5 py-0.5 font-mono text-blue-800", children: '{0}' }), " \u0111\u1EC3 \u0111\u00E1nh d\u1EA5u ch\u1ED7 tr\u1ED1ng"] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-blue-400" }), "V\u00ED d\u1EE5: \u201CThe cat is ", '{0}', " the chair.\u201D v\u1EDBi \u0111\u00E1p \u00E1n \u201Cunder\u201D"] })] })] })] }) }), _jsxs("div", { children: [_jsx(FileUpload, { id: "question-image", label: "H\u00ECnh \u1EA3nh", accept: "image/*", value: watchedImageUrl, onChange: (url) => {
+                                            form.setValue('imageUrl', url, { shouldValidate: true });
+                                        }, onPresignedUrlChange: setImagePreviewUrl, maxSize: 5, placeholder: "Upload \u1EA3nh ho\u1EB7c paste URL", required: true, autoUpload: true, prefix: "questions" }), form.hasError('imageUrl') && (_jsx("p", { className: "mt-1 text-sm text-red-600", children: form.getFieldError('imageUrl') })), displayPreviewUrl && (_jsx(ImagePreview, { src: displayPreviewUrl, alt: "Preview", className: "mt-2 h-48 w-full max-w-md rounded-lg border border-gray-200" }))] }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "question", className: "flex items-center gap-2 text-base font-semibold text-gray-800", children: [_jsx(MessageSquare, { className: "h-4 w-4 text-indigo-500" }), "C\u00E2u h\u1ECFi ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx(Textarea, { id: "question", ...form.register('question'), placeholder: "V\u00ED d\u1EE5: The cat is {0} the chair.", rows: 2, className: `border-gray-200 bg-white transition-all focus:border-indigo-300 focus:ring-indigo-200 ${form.hasError('question') ? 'border-red-400 focus:border-red-500 focus:ring-red-200' : ''}` }), form.hasError('question') && (_jsx("p", { className: "mt-1 text-sm text-red-600", children: form.getFieldError('question') })), _jsxs("p", { className: "mt-1 text-xs text-gray-500", children: ["S\u1EED d\u1EE5ng ", '{0}', " \u0111\u1EC3 \u0111\u00E1nh d\u1EA5u ch\u1ED7 tr\u1ED1ng"] })] })] })] }), _jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-indigo-100/50", children: [_jsx("div", { className: "h-1 bg-gradient-to-r from-indigo-400 to-purple-400" }), _jsx(CardHeader, { className: "pb-4", 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-indigo-100", children: _jsx(Lightbulb, { className: "h-3.5 w-3.5 text-indigo-600" }) }), _jsxs(CardTitle, { className: "text-lg font-semibold text-gray-800", children: ["C\u00E1c l\u1EF1a ch\u1ECDn ", _jsxs("span", { className: "text-sm font-normal text-gray-500", children: ["(", watchedOptions.length, " \u0111\u00E1p \u00E1n)"] })] })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => {
+                                        const currentOptions = form.getValues('options');
+                                        form.setValue('options', [...currentOptions, '']);
+                                    }, className: "gap-2 border-green-200 text-green-600 hover:bg-green-50 hover:text-green-700", children: [_jsx(Plus, { className: "h-4 w-4" }), "Th\u00EAm \u0111\u00E1p \u00E1n"] })] }) }), _jsxs(CardContent, { className: "space-y-4", children: [_jsx(RadioGroup, { value: watchedCorrectAnswer.toString(), onValueChange: (value) => {
+                                    form.setValue('correctAnswer', Number(value), { shouldValidate: true });
+                                }, children: watchedOptions.map((option, index) => {
+                                    const optionError = form.formState.errors.options?.[index];
+                                    const isCorrect = watchedCorrectAnswer === index;
+                                    const optionLetter = String.fromCharCode(65 + index);
+                                    return (_jsx("div", { className: `group relative rounded-xl border-2 p-4 transition-all duration-200 ${isCorrect
+                                            ? 'border-green-300 bg-gradient-to-r from-green-50 to-emerald-50 shadow-md shadow-green-100'
+                                            : 'border-gray-200 bg-white hover:border-gray-300 hover:shadow-sm'}`, children: _jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: `flex h-10 w-10 flex-shrink-0 cursor-pointer items-center justify-center rounded-xl font-bold transition-all ${isCorrect
+                                                        ? 'bg-gradient-to-br from-green-500 to-emerald-600 text-white shadow-md'
+                                                        : 'bg-gray-100 text-gray-600 hover:bg-indigo-100 hover:text-indigo-600'}`, onClick: () => form.setValue('correctAnswer', index, { shouldValidate: true }), children: optionLetter }), _jsxs("div", { className: "flex-1 space-y-2", children: [_jsx(Input, { id: `option-input-${index}`, ...form.register(`options.${index}`), placeholder: `Nhập đáp án ${optionLetter}...`, className: `border-gray-200 bg-white transition-all focus:border-indigo-300 focus:ring-indigo-200 ${optionError ? 'border-red-400 focus:border-red-500 focus:ring-red-200' : ''}` }), optionError && (_jsx("p", { className: "text-sm text-red-600", children: optionError.message })), isCorrect && (_jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-full bg-green-100 px-3 py-1 text-xs font-semibold text-green-700", children: [_jsx(CheckCircle2, { className: "h-3.5 w-3.5" }), "\u0110\u00E1p \u00E1n \u0111\u00FAng"] })), isCorrect && option && watchedQuestion.includes('{0}') && (_jsxs("div", { className: "mt-2 rounded-lg border border-blue-200 bg-blue-50/50 px-4 py-3", children: [_jsxs("div", { className: "mb-1.5 flex items-center gap-1.5 text-xs font-semibold text-blue-600", children: [_jsx(Eye, { className: "h-3.5 w-3.5" }), "Xem tr\u01B0\u1EDBc c\u00E2u ho\u00E0n ch\u1EC9nh"] }), _jsx("div", { className: "text-sm text-gray-700", children: watchedQuestion.split('{0}').map((part, idx, array) => (_jsxs("span", { children: [part, idx < array.length - 1 && (_jsx("span", { className: "mx-0.5 rounded bg-green-100 px-1.5 py-0.5 font-semibold text-green-700", children: option }))] }, idx))) })] }))] }), _jsxs("div", { className: "flex items-center gap-2", children: [!isCorrect && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => form.setValue('correctAnswer', index, { shouldValidate: true }), className: "text-gray-400 hover:text-green-600", title: "Ch\u1ECDn l\u00E0m \u0111\u00E1p \u00E1n \u0111\u00FAng", children: _jsx(CheckCircle2, { className: "h-4 w-4" }) })), watchedOptions.length > 2 && (_jsx(Button, { variant: "ghost", size: "sm", onClick: () => {
+                                                                const currentOptions = form.getValues('options');
+                                                                const newOptions = currentOptions.filter((_, i) => i !== index);
+                                                                form.setValue('options', newOptions);
+                                                                // Adjust correctAnswer if needed
+                                                                const currentCorrect = form.getValues('correctAnswer');
+                                                                if (currentCorrect === index) {
+                                                                    form.setValue('correctAnswer', -1);
+                                                                }
+                                                                else if (currentCorrect > index) {
+                                                                    form.setValue('correctAnswer', currentCorrect - 1);
+                                                                }
+                                                            }, className: "text-red-500 hover:bg-red-50 hover:text-red-600", children: _jsx(Trash2, { className: "h-4 w-4" }) }))] })] }) }, index));
+                                }) }), watchedCorrectAnswer === -1 && (_jsxs("div", { className: "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 flex-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: "Ch\u01B0a ch\u1ECDn \u0111\u00E1p \u00E1n \u0111\u00FAng" }), _jsx("p", { className: "mt-0.5 text-amber-700", children: "Click v\u00E0o \u00F4 ch\u1EEF c\u00E1i ho\u1EB7c icon \u2713 \u0111\u1EC3 ch\u1ECDn \u0111\u00E1p \u00E1n \u0111\u00FAng" })] })] })), form.hasError('correctAnswer') && (_jsx("div", { className: "rounded-xl border border-red-200 bg-red-50 p-4", children: _jsx("p", { className: "text-sm text-red-600", children: form.getFieldError('correctAnswer') }) }))] })] }), _jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-amber-100/50", children: [_jsx("div", { className: "h-1 bg-gradient-to-r from-amber-400 to-orange-400" }), _jsx(CardHeader, { className: "pb-4", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-gradient-to-br from-amber-500 to-orange-500 shadow-sm", children: _jsx(BookOpen, { className: "h-4 w-4 text-white" }) }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CardTitle, { className: "text-lg 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.5 py-0.5 text-xs font-medium text-amber-600", children: "Kh\u00F4ng b\u1EAFt bu\u1ED9c" })] }), _jsx("p", { className: "text-sm text-gray-500 mt-0.5", 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, { children: _jsx(Textarea, { ...form.register('explanation'), placeholder: "VD: C\u00E2u tr\u1EA3 l\u1EDDi \u0111\u00FAng l\u00E0... v\u00EC...", rows: 3, className: "min-h-[80px] border-gray-200 bg-white transition-all focus:border-amber-300 focus:ring-amber-200 resize-none" }) })] })] }));
+}
+export function LookPictureFillBlankChooseAnswerCreator(props) {
+    return _jsx(LookPictureFillBlankChooseAnswerContent, { ...props });
+}
+// Legacy export for backward compatibility
+export const LookPictureFillBlankChooseAnswer = LookPictureFillBlankChooseAnswerCreator;
+//# sourceMappingURL=LookPictureFillBlankChooseAnswerCreator.js.map

package/dist/components/questions/types/look-picture-fill-blank-choose-answer/LookPictureFillBlankChooseAnswerCreator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LookPictureFillBlankChooseAnswerCreator.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/look-picture-fill-blank-choose-answer/LookPictureFillBlankChooseAnswerCreator.tsx"],"names":[],"mappings":"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"}

package/dist/components/questions/types/look-picture-fill-blank-choose-answer/index.d.ts

@@ -0,0 +1,3 @@
+export * from './LookPictureFillBlankChooseAnswerCreator';
+export * from './LookPictureFillBlankChooseAnswerClient';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/questions/types/look-picture-fill-blank-choose-answer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/look-picture-fill-blank-choose-answer/index.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAC;AAC1D,cAAc,0CAA0C,CAAC"}

package/dist/components/questions/types/look-picture-fill-blank-choose-answer/index.js

@@ -0,0 +1,3 @@
+export * from './LookPictureFillBlankChooseAnswerCreator';
+export * from './LookPictureFillBlankChooseAnswerClient';
+//# sourceMappingURL=index.js.map

package/dist/components/questions/types/look-picture-fill-blank-choose-answer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/look-picture-fill-blank-choose-answer/index.ts"],"names":[],"mappings":"AAAA,cAAc,2CAA2C,CAAC;AAC1D,cAAc,0CAA0C,CAAC"}

package/dist/components/questions/types/look-picture-fill-blank-choose-answer/register.d.ts

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

package/dist/components/questions/types/look-picture-fill-blank-choose-answer/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/look-picture-fill-blank-choose-answer/register.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAErF,eAAO,MAAM,4CAA4C,EAAE,wBA6E1D,CAAC"}

package/dist/components/questions/types/look-picture-fill-blank-choose-answer/register.js

@@ -0,0 +1,77 @@
+import { LookPictureFillBlankChooseAnswer } from './LookPictureFillBlankChooseAnswerCreator';
+export const lookPictureFillBlankChooseAnswerRegistration = {
+    component: LookPictureFillBlankChooseAnswer,
+    transformInitialData: (initialData) => {
+        let creatorData = undefined;
+        const content = initialData?.content;
+        const answer = initialData?.answer;
+        const apiPoints = initialData?.total_points
+            ? parseFloat(initialData.total_points)
+            : (initialData?.points || answer?.points || 1);
+        const explanation = initialData?.explanation || answer?.explanation || '';
+        const normalizeOptions = (opts) => {
+            if (!Array.isArray(opts) || opts.length === 0)
+                return [];
+            return opts.map((opt) => String(opt || ''));
+        };
+        const extractCorrectAnswer = () => {
+            if (typeof answer?.correctAnswer === 'number')
+                return answer.correctAnswer;
+            if (typeof initialData?.correctAnswer === 'object' && initialData?.correctAnswer?.answer !== undefined)
+                return initialData.correctAnswer.answer;
+            if (typeof initialData?.correct_answer?.answer === 'number')
+                return initialData.correct_answer.answer;
+            if (typeof answer?.answer === 'number')
+                return answer.answer;
+            return -1;
+        };
+        // Priority 1: Data from store
+        const hasStoreData = answer?.imageUrl !== undefined || answer?.question !== undefined || answer?.options;
+        if (hasStoreData) {
+            creatorData = {
+                imageUrl: answer.imageUrl || '',
+                question: answer.question || '',
+                options: normalizeOptions(answer.options || []),
+                correctAnswer: extractCorrectAnswer(),
+                explanation,
+                points: answer.points || apiPoints,
+            };
+        }
+        // Priority 2: Raw API content format
+        else if (content && (content.imageUrl !== undefined || content.question !== undefined || content.options)) {
+            creatorData = {
+                imageUrl: content.imageUrl || '',
+                question: content.question || '',
+                options: normalizeOptions(content.options || []),
+                correctAnswer: extractCorrectAnswer(),
+                explanation,
+                points: apiPoints,
+            };
+        }
+        return creatorData;
+    },
+    getExtraProps: (ctx) => ({
+        optionCount: ctx.optionCount ?? undefined,
+        onUnsavedChangesChange: ctx.onUnsavedChangesChange,
+        validationRef: ctx.validationRef,
+    }),
+    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,
+    }),
+    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,
+    }),
+};
+//# sourceMappingURL=register.js.map

package/dist/components/questions/types/look-picture-fill-blank-choose-answer/register.js.map

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

package/dist/components/questions/types/look-picture-fill-blank-choose-answer/transform.d.ts

@@ -0,0 +1,3 @@
+import type { TransformHandler } from '../../../../shared/lib/utils/question-transform-types';
+export declare const transformLookPictureFillBlankChooseAnswer: TransformHandler;
+//# sourceMappingURL=transform.d.ts.map

package/dist/components/questions/types/look-picture-fill-blank-choose-answer/transform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/look-picture-fill-blank-choose-answer/transform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAIpF,eAAO,MAAM,yCAAyC,EAAE,gBAmBvD,CAAC"}

package/dist/components/questions/types/look-picture-fill-blank-choose-answer/transform.js

@@ -0,0 +1,20 @@
+// LOOK_PICTURE_FILL_BLANK_CHOOSE_ANSWER - single question format (same as ChooseTheCorrectAnswer but with image)
+// API format: content { imageUrl, question, options: string[] }, correct_answer { answer: number }
+export const transformLookPictureFillBlankChooseAnswer = (question) => {
+    const answerData = question.answer;
+    if (answerData?.imageUrl !== undefined || answerData?.question !== undefined || answerData?.options) {
+        const apiContent = {
+            imageUrl: answerData.imageUrl || '',
+            question: answerData.question || '',
+            options: answerData.options || [],
+        };
+        return {
+            apiContent,
+            apiCorrectAnswer: {
+                answer: answerData.correctAnswer ?? -1,
+            },
+        };
+    }
+    return { apiContent: {}, apiCorrectAnswer: {} };
+};
+//# sourceMappingURL=transform.js.map

package/dist/components/questions/types/look-picture-fill-blank-choose-answer/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/look-picture-fill-blank-choose-answer/transform.ts"],"names":[],"mappings":"AAEA,iHAAiH;AACjH,mGAAmG;AACnG,MAAM,CAAC,MAAM,yCAAyC,GAAqB,CAAC,QAAQ,EAAE,EAAE;IACpF,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAa,CAAC;IAE1C,IAAI,UAAU,EAAE,QAAQ,KAAK,SAAS,IAAI,UAAU,EAAE,QAAQ,KAAK,SAAS,IAAI,UAAU,EAAE,OAAO,EAAE,CAAC;QAClG,MAAM,UAAU,GAAG;YACf,QAAQ,EAAE,UAAU,CAAC,QAAQ,IAAI,EAAE;YACnC,QAAQ,EAAE,UAAU,CAAC,QAAQ,IAAI,EAAE;YACnC,OAAO,EAAE,UAAU,CAAC,OAAO,IAAI,EAAE;SACpC,CAAC;QAEF,OAAO;YACH,UAAU;YACV,gBAAgB,EAAE;gBACd,MAAM,EAAE,UAAU,CAAC,aAAa,IAAI,CAAC,CAAC;aACzC;SACJ,CAAC;IACN,CAAC;IAED,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC;AACpD,CAAC,CAAC"}

package/dist/components/questions/types/look-picture-fill-word-hint/LookPictureFillWordHintClient.d.ts

@@ -0,0 +1,8 @@
+import { LookPictureFillWordHintClientProps } from '../../_shared/types/look-picture-fill-word-hint.type';
+interface ExtendedProps extends LookPictureFillWordHintClientProps {
+    autoFillCorrectAnswers?: boolean;
+    explanation?: string;
+}
+export declare function LookPictureFillWordHintClient({ questionData, userAnswer, isReviewMode, autoFillCorrectAnswers, explanation, onSubmit, }: ExtendedProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=LookPictureFillWordHintClient.d.ts.map

package/dist/components/questions/types/look-picture-fill-word-hint/LookPictureFillWordHintClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LookPictureFillWordHintClient.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/look-picture-fill-word-hint/LookPictureFillWordHintClient.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,kCAAkC,EAEnC,MAAM,uEAAuE,CAAC;AAG/E,UAAU,aAAc,SAAQ,kCAAkC;IAChE,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,6BAA6B,CAAC,EAC5C,YAAY,EACZ,UAAe,EACf,YAAoB,EACpB,sBAA8B,EAC9B,WAAW,EACX,QAAQ,GACT,EAAE,aAAa,+BAkGf"}

package/dist/components/questions/types/look-picture-fill-word-hint/LookPictureFillWordHintClient.js

@@ -0,0 +1,135 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useMemo } from 'react';
+import { cn } from '../../../../shared/lib/utils';
+import { Input } from '../../../../components/ui/input';
+import { Check, X, Lightbulb, Pencil } from 'lucide-react';
+import { usePresignedFileUrl } from '../../../../shared/lib/hooks';
+export function LookPictureFillWordHintClient({ questionData, userAnswer = {}, isReviewMode = false, autoFillCorrectAnswers = false, explanation, onSubmit, }) {
+    // Build correct answers map
+    const correctAnswersMap = useMemo(() => {
+        return questionData.subQuestions.reduce((acc, sq) => {
+            acc[sq.id] = sq.correctAnswer;
+            return acc;
+        }, {});
+    }, [questionData.subQuestions]);
+    const initialAnswers = autoFillCorrectAnswers ? correctAnswersMap : (userAnswer || {});
+    const [answers, setAnswers] = useState(initialAnswers);
+    useEffect(() => {
+        if (autoFillCorrectAnswers) {
+            setAnswers(correctAnswersMap);
+        }
+        else if (userAnswer) {
+            setAnswers(userAnswer);
+        }
+    }, [userAnswer, autoFillCorrectAnswers, correctAnswersMap]);
+    const handleAnswerChange = (subQuestionId, blankIndex, value) => {
+        if (isReviewMode)
+            return;
+        const currentAnswer = answers[subQuestionId] || '';
+        const currentParts = currentAnswer.split(',').map(a => a.trim());
+        const subQuestion = questionData.subQuestions.find(sq => sq.id === subQuestionId);
+        if (!subQuestion)
+            return;
+        const matches = subQuestion.word.match(/\{(\d+)\}/g);
+        const blankCount = matches ? matches.length : 0;
+        while (currentParts.length < blankCount) {
+            currentParts.push('');
+        }
+        currentParts[blankIndex] = value.replace(/[^a-zA-Z]/g, '');
+        const newAnswers = { ...answers, [subQuestionId]: currentParts.join(',') };
+        setAnswers(newAnswers);
+        onSubmit?.(newAnswers);
+    };
+    const hintLetters = questionData.hintLetters || [];
+    const isSingleQuestion = questionData.subQuestions.length === 1;
+    // For single question, use the card layout similar to LookPictureFillBlankChooseAnswer
+    if (isSingleQuestion) {
+        const subQuestion = questionData.subQuestions[0];
+        const userAnswerValue = answers[subQuestion.id] || '';
+        return (_jsx(SingleQuestionLayout, { subQuestion: subQuestion, userAnswerValue: userAnswerValue, isReviewMode: isReviewMode, hintLetters: hintLetters, explanation: explanation, onAnswerChange: (blankIdx, value) => handleAnswerChange(subQuestion.id, blankIdx, value) }));
+    }
+    // Multiple questions - grid layout
+    return (_jsxs("div", { className: "space-y-4", children: [hintLetters.length > 0 && (_jsxs("div", { className: "flex items-center gap-3 rounded-xl border border-amber-200 bg-gradient-to-r from-amber-50 to-orange-50 px-4 py-3", children: [_jsx(Lightbulb, { className: "h-5 w-5 text-amber-500 flex-shrink-0" }), _jsx("span", { className: "text-sm font-medium text-amber-700", children: "G\u1EE3i \u00FD:" }), _jsx("div", { className: "flex flex-wrap gap-1.5", children: hintLetters.map((letter, i) => (_jsx("span", { className: "inline-flex h-7 w-7 items-center justify-center rounded-md border border-amber-300 bg-white text-sm font-bold text-amber-700", children: letter.toUpperCase() }, i))) })] })), _jsx("div", { className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3", children: questionData.subQuestions.map((subQuestion, index) => (_jsx(MultiQuestionCard, { subQuestion: subQuestion, index: index, userAnswerValue: answers[subQuestion.id] || '', isReviewMode: isReviewMode, onAnswerChange: (blankIdx, value) => handleAnswerChange(subQuestion.id, blankIdx, value) }, subQuestion.id))) })] }));
+}
+// Parse word into segments
+function parseWord(word, answerParts, correctParts, isReviewMode) {
+    const segments = [];
+    let lastIdx = 0;
+    const regex = /\{(\d+)\}/g;
+    let match;
+    while ((match = regex.exec(word)) !== null) {
+        if (match.index > lastIdx) {
+            segments.push({ type: 'text', value: word.substring(lastIdx, match.index) });
+        }
+        const blankIdx = parseInt(match[1], 10);
+        const userVal = answerParts[blankIdx] || '';
+        const correctVal = correctParts[blankIdx] || '';
+        const isCorrect = userVal.toLowerCase() === correctVal.toLowerCase();
+        segments.push({
+            type: 'blank',
+            value: userVal,
+            index: blankIdx,
+            isCorrect: isReviewMode ? isCorrect : undefined,
+            correctValue: correctVal,
+        });
+        lastIdx = match.index + match[0].length;
+    }
+    if (lastIdx < word.length) {
+        segments.push({ type: 'text', value: word.substring(lastIdx) });
+    }
+    return segments;
+}
+// Single question layout - similar to LookPictureFillBlankChooseAnswer
+function SingleQuestionLayout({ subQuestion, userAnswerValue, isReviewMode, hintLetters, explanation, onAnswerChange, }) {
+    const { previewUrl, isLoading } = usePresignedFileUrl(subQuestion.imageUrl);
+    const correctAnswer = subQuestion.correctAnswer.trim();
+    const matches = subQuestion.word.match(/\{(\d+)\}/g);
+    const blankCount = matches ? matches.length : 0;
+    const userParts = userAnswerValue.split(',').map(a => a.trim());
+    const correctParts = correctAnswer.split(',').map(a => a.trim());
+    const isComplete = userParts.filter(p => p.length > 0).length === blankCount;
+    const isAllCorrect = isReviewMode && isComplete && userAnswerValue.trim().toLowerCase() === correctAnswer.toLowerCase();
+    const isWrong = isReviewMode && isComplete && !isAllCorrect;
+    const hasAnswered = userParts.some(p => p.length > 0);
+    const segments = parseWord(subQuestion.word, userParts, correctParts, isReviewMode);
+    const imageSrc = previewUrl || (subQuestion.imageUrl?.startsWith('http') ? subQuestion.imageUrl : null);
+    // Build complete word for preview
+    const renderWordWithAnswer = (parts) => {
+        let result = subQuestion.word;
+        for (let i = 0; i < parts.length; i++) {
+            result = result.replace(`{${i}}`, parts[i]?.toUpperCase() || '?');
+        }
+        return result;
+    };
+    return (_jsxs("div", { className: "overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm transition-all hover:shadow-md", 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-teal-500 to-cyan-600 text-white shadow-sm", children: _jsx(Pencil, { className: "h-4 w-4" }) }), _jsx("span", { className: "text-sm font-medium text-gray-700", children: "Nh\u00ECn tranh, \u0111i\u1EC1n ch\u1EEF c\u00E1i c\u00F2n thi\u1EBFu" })] }), isReviewMode && hasAnswered && (_jsxs("div", { className: cn('flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-semibold', isAllCorrect ? 'bg-green-100 text-green-700' : isWrong ? 'bg-red-100 text-red-700' : 'bg-gray-100 text-gray-600'), children: [isAllCorrect && _jsx(Check, { className: "h-3.5 w-3.5" }), isWrong && _jsx(X, { className: "h-3.5 w-3.5" }), isAllCorrect ? 'Đúng' : isWrong ? 'Sai' : 'Chưa hoàn thành'] }))] }), _jsxs("div", { className: "p-5 space-y-5", children: [(imageSrc || subQuestion.imageUrl) && (_jsxs("div", { className: "overflow-hidden rounded-lg border border-gray-200 bg-gradient-to-br from-slate-50 to-gray-100", children: [_jsx("div", { className: "border-b border-gray-100 px-3 py-1.5", children: _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("div", { className: "h-2 w-2 rounded-full bg-red-400" }), _jsx("div", { className: "h-2 w-2 rounded-full bg-yellow-400" }), _jsx("div", { className: "h-2 w-2 rounded-full bg-green-400" }), _jsx("span", { className: "ml-2 text-xs font-medium text-gray-500", children: "H\u00ECnh \u1EA3nh" })] }) }), _jsx("div", { className: "flex items-center justify-center p-4", children: isLoading ? (_jsx("div", { className: "flex h-48 items-center justify-center", children: _jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-gray-200 border-t-teal-500" }) })) : (_jsx("img", { src: imageSrc || subQuestion.imageUrl, alt: "Question", className: "max-h-56 w-auto object-contain rounded-md", onError: (e) => {
+                                        e.target.src = '/images/placeholder-image.svg';
+                                    } })) })] })), hintLetters.length > 0 && (_jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-amber-200 bg-gradient-to-r from-amber-50 to-orange-50 px-4 py-3", children: [_jsx(Lightbulb, { className: "h-5 w-5 text-amber-500 flex-shrink-0" }), _jsx("span", { className: "text-sm font-medium text-amber-700", children: "G\u1EE3i \u00FD ch\u1EEF c\u00E1i:" }), _jsx("div", { className: "flex flex-wrap gap-1.5", children: hintLetters.map((letter, i) => (_jsx("span", { className: "inline-flex h-8 w-8 items-center justify-center rounded-lg border-2 border-amber-300 bg-white text-sm font-bold text-amber-700 shadow-sm", children: letter.toUpperCase() }, i))) })] })), _jsx("div", { className: "rounded-lg bg-gradient-to-r from-gray-50 to-slate-50 p-4 border border-gray-100", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-teal-100 text-teal-600", children: _jsx("span", { className: "text-xs font-bold", children: "?" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("span", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider", children: "\u0110i\u1EC1n ch\u1EEF c\u00E1i c\u00F2n thi\u1EBFu" }), _jsx("div", { className: "mt-3 flex flex-wrap items-center gap-1", children: segments.map((seg, i) => {
+                                                if (seg.type === 'text') {
+                                                    return (_jsx("span", { className: "text-2xl font-bold text-gray-800 font-mono tracking-wide", children: seg.value }, i));
+                                                }
+                                                // Blank input
+                                                return (_jsxs("div", { className: "relative inline-flex flex-col items-center mx-0.5", children: [_jsx(Input, { type: "text", value: seg.value.toUpperCase(), onChange: (e) => onAnswerChange(seg.index, e.target.value), disabled: isReviewMode, maxLength: 2, placeholder: "?", className: cn('h-11 w-11 rounded-lg border-2 text-center font-mono font-bold text-xl uppercase transition-all', seg.isCorrect === true && 'border-green-400 bg-green-50 text-green-700', seg.isCorrect === false && 'border-red-400 bg-red-50 text-red-700', seg.isCorrect === undefined && 'border-teal-300 bg-teal-50 text-teal-700 focus:border-teal-500 focus:ring-2 focus:ring-teal-200') }), seg.isCorrect === false && (_jsx("span", { className: "absolute -bottom-5 text-xs font-bold text-green-600", children: seg.correctValue?.toUpperCase() }))] }, i));
+                                            }) }), isWrong && _jsx("div", { className: "h-4" })] })] }) }), hasAnswered && !isReviewMode && (_jsxs("div", { className: "rounded-lg bg-gradient-to-r from-teal-50 to-cyan-50 p-4 border border-teal-100", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx("div", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-teal-500 text-white", children: _jsx(Check, { className: "h-3 w-3" }) }), _jsx("span", { className: "text-xs font-semibold text-teal-700 uppercase tracking-wider", children: "Preview t\u1EEB ho\u00E0n ch\u1EC9nh" })] }), _jsx("p", { className: "text-lg font-mono font-bold text-gray-800 tracking-wide", children: renderWordWithAnswer(userParts) })] })), isReviewMode && isWrong && (_jsxs("div", { className: "rounded-lg bg-gradient-to-r from-green-50 to-emerald-50 p-4 border border-green-200", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx("div", { className: "flex h-5 w-5 items-center justify-center rounded-full bg-green-500 text-white", children: _jsx(Check, { className: "h-3 w-3" }) }), _jsx("span", { className: "text-xs font-semibold text-green-700 uppercase tracking-wider", children: "\u0110\u00E1p \u00E1n \u0111\u00FAng" })] }), _jsx("p", { className: "text-lg font-mono font-bold text-gray-800 tracking-wide", children: renderWordWithAnswer(correctParts) })] })), !isReviewMode && !hasAnswered && (_jsxs("div", { className: "rounded-lg border border-amber-200 bg-gradient-to-r from-amber-50 to-yellow-50 p-3 flex items-center gap-2", children: [_jsx("div", { className: "flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-amber-400 text-white", children: _jsx("span", { className: "text-xs font-bold", children: "!" }) }), _jsx("span", { className: "text-sm text-amber-800", children: "Vui l\u00F2ng \u0111i\u1EC1n ch\u1EEF c\u00E1i v\u00E0o c\u00E1c \u00F4 tr\u1ED1ng" })] })), isReviewMode && explanation && (_jsx("div", { className: "rounded-lg bg-gradient-to-r from-blue-50 to-indigo-50 p-4 border border-blue-200", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-blue-500 text-white", children: _jsx(Lightbulb, { className: "h-3.5 w-3.5" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("span", { className: "text-xs font-semibold text-blue-700 uppercase tracking-wider", children: "Gi\u1EA3i th\u00EDch" }), _jsx("p", { className: "mt-1 text-sm text-gray-700 leading-relaxed", children: explanation })] })] }) }))] })] }));
+}
+// Multiple questions - compact card for grid
+function MultiQuestionCard({ subQuestion, index, userAnswerValue, isReviewMode, onAnswerChange, }) {
+    const { previewUrl } = usePresignedFileUrl(subQuestion.imageUrl);
+    const correctAnswer = subQuestion.correctAnswer.trim();
+    const matches = subQuestion.word.match(/\{(\d+)\}/g);
+    const blankCount = matches ? matches.length : 0;
+    const userParts = userAnswerValue.split(',').map(a => a.trim());
+    const correctParts = correctAnswer.split(',').map(a => a.trim());
+    const isComplete = userParts.filter(p => p.length > 0).length === blankCount;
+    const isAllCorrect = isReviewMode && isComplete && userAnswerValue.trim().toLowerCase() === correctAnswer.toLowerCase();
+    const isWrong = isReviewMode && isComplete && !isAllCorrect;
+    const segments = parseWord(subQuestion.word, userParts, correctParts, isReviewMode);
+    const imageSrc = previewUrl || (subQuestion.imageUrl?.startsWith('http') ? subQuestion.imageUrl : null);
+    return (_jsxs("div", { className: cn('overflow-hidden rounded-xl border-2 bg-white transition-all', isAllCorrect && 'border-green-400', isWrong && 'border-red-400', !isReviewMode && 'border-gray-200 hover:shadow-md'), children: [_jsxs("div", { className: "relative h-36 bg-gradient-to-br from-slate-50 to-slate-100 flex items-center justify-center", children: [imageSrc ? (_jsx("img", { src: imageSrc, alt: "Question", className: "h-full w-full object-contain p-3" })) : (_jsx("svg", { className: "h-10 w-10 text-gray-300", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) })), _jsx("div", { className: "absolute left-2 top-2 flex h-6 w-6 items-center justify-center rounded-full bg-teal-500 text-xs font-bold text-white", children: index + 1 }), isReviewMode && (isAllCorrect || isWrong) && (_jsx("div", { className: cn('absolute right-2 top-2 rounded-full p-1', isAllCorrect && 'bg-green-500 text-white', isWrong && 'bg-red-500 text-white'), children: isAllCorrect ? _jsx(Check, { className: "h-3 w-3" }) : _jsx(X, { className: "h-3 w-3" }) }))] }), _jsxs("div", { className: "p-3", children: [_jsx("div", { className: "flex flex-wrap items-center justify-center gap-0.5", children: segments.map((seg, i) => {
+                            if (seg.type === 'text') {
+                                return _jsx("span", { className: "text-lg font-bold text-gray-800 font-mono", children: seg.value }, i);
+                            }
+                            return (_jsx(Input, { type: "text", value: seg.value.toUpperCase(), onChange: (e) => onAnswerChange(seg.index, e.target.value), disabled: isReviewMode, maxLength: 2, placeholder: "?", className: cn('h-8 w-8 rounded border-2 text-center font-mono font-bold text-lg uppercase outline-none transition-all', seg.isCorrect === true && 'border-green-400 bg-green-50 text-green-700', seg.isCorrect === false && 'border-red-400 bg-red-50 text-red-700', seg.isCorrect === undefined && 'border-gray-300 focus:border-teal-400') }, i));
+                        }) }), isWrong && (_jsxs("p", { className: "text-center text-xs text-green-600 font-medium mt-2", children: ["\u0110\u00E1p \u00E1n: ", subQuestion.word.replace(/\{(\d+)\}/g, (_, idx) => correctParts[parseInt(idx)]?.toUpperCase() || '')] }))] })] }));
+}
+//# sourceMappingURL=LookPictureFillWordHintClient.js.map