@tinyweb_dev/oe-exam-sdk 0.1.0

package/dist/components/questions/types/listen-and-speak-compare-images/ListenAndSpeakCompareImagesCreator.js

@@ -0,0 +1,296 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { Card, CardContent, CardHeader, CardTitle } from '../../../../components/ui/card';
+import { Label } from '../../../../components/ui/label';
+import { Button } from '../../../../components/ui/button';
+import { Input } from '../../../../components/ui/input';
+import { Textarea } from '../../../../components/ui/textarea';
+import { Form, FormControl, FormField, FormItem, FormMessage } from '../../../../components/ui/form';
+import { FileUpload } from '../../../../components/ui/file-upload';
+import { PointsInput } from '../../../../components/ui/points-input';
+// Stores & hooks
+import { useCompareImagesGroup } from '../../_shared/hooks/useCompareImagesGroup';
+import { useReactHookForm } from '../../../../shared/lib/hooks/useReactHookForm';
+import { useDebouncedCallback, usePresignedFileUrl } from '../../../../shared/lib/hooks';
+import { listenAndSpeakCompareImagesSchema } from '../../../../shared/lib/validation/listen-and-speak-compare-images.validation';
+// Icons
+import { Plus, Trash2, Mic, Volume2, ImageIcon, MessageSquareText, ListChecks, BookOpen, Eye, Pencil, Info } from 'lucide-react';
+import { CreatorGuide } from '../../components/CreatorGuide';
+import { ListenAndSpeakCompareImagesClient } from './ListenAndSpeakCompareImagesClient';
+// ─── Sub-component: Image preview with presigned URL ─────────────────────────
+function ImagePreview({ imageUrl, label }) {
+    const { previewUrl } = usePresignedFileUrl(imageUrl);
+    if (!previewUrl)
+        return null;
+    return (_jsx("div", { className: "mt-2 rounded-xl border border-gray-200 overflow-hidden bg-white shadow-sm", children: _jsx("img", { src: previewUrl, alt: label, className: "h-72 w-full object-contain bg-gray-50 p-2" }) }));
+}
+export function ListenAndSpeakCompareImagesCreator({ questionIndex, initialData, onChange, onUnsavedChangesChange, validationRef, isFirstInGroup: isFirstInGroupProp, partId, groups, questionIndexInPart, }) {
+    // ---------------------------------------------------------------
+    // Determine if this is the first question in the group
+    // ---------------------------------------------------------------
+    const isFirstInGroup = useMemo(() => {
+        if (isFirstInGroupProp !== undefined)
+            return isFirstInGroupProp;
+        if (!groups || !groups.length || questionIndexInPart === undefined)
+            return true;
+        let cumulative = 0;
+        for (const group of groups) {
+            if (questionIndexInPart === cumulative)
+                return true;
+            cumulative += group.questionCount;
+        }
+        return false;
+    }, [isFirstInGroupProp, groups, questionIndexInPart]);
+    // ---------------------------------------------------------------
+    // 1. Group level state (Shared Compare Images)
+    // ---------------------------------------------------------------
+    const computedGroupNumber = useMemo(() => {
+        if (groups && groups.length > 0) {
+            if (questionIndexInPart === undefined)
+                return 1;
+            let cumulative = 0;
+            for (let i = 0; i < groups.length; i++) {
+                if (questionIndexInPart < cumulative + groups[i].questionCount) {
+                    return i + 1;
+                }
+                cumulative += groups[i].questionCount;
+            }
+            return 1;
+        }
+        // Fallback: use groupNumber from initialData when groups prop is not yet available
+        const apiData = initialData;
+        return apiData?.groupNumber ?? apiData?.questionGroup?.groupNumber ?? undefined;
+    }, [groups, questionIndexInPart, initialData]);
+    const apiData = initialData;
+    const { candidateImageUrl, examinerImageUrl, updateCandidateImage, updateExaminerImage, isValid: isGroupHookValid, } = useCompareImagesGroup(partId, computedGroupNumber, {
+        candidateImageUrl: apiData?.candidateImageUrl,
+        examinerImageUrl: apiData?.examinerImageUrl,
+    });
+    // Group image validation errors (inline under each input)
+    const [groupImageErrors, setGroupImageErrors] = useState({});
+    // ---------------------------------------------------------------
+    // 2. Question level form data
+    // ---------------------------------------------------------------
+    const form = useReactHookForm({
+        zodSchema: listenAndSpeakCompareImagesSchema,
+        defaultValues: {
+            candidateImageUrl: apiData?.candidateImageUrl || candidateImageUrl || '',
+            examinerImageUrl: apiData?.examinerImageUrl || examinerImageUrl || '',
+            audioUrl: apiData?.audioUrl || '',
+            expectedAnswers: apiData?.expectedAnswers?.length > 0 ? apiData.expectedAnswers : [''],
+            points: apiData?.points ?? 1,
+            explanation: apiData?.explanation || '',
+            isBackup: apiData?.isBackup || false,
+        },
+    });
+    const { control, watch, setValue, trigger, clearErrors } = form;
+    const watchedAudioUrl = watch('audioUrl');
+    const watchedExpectedAnswers = watch('expectedAnswers');
+    const watchedPoints = watch('points');
+    const watchedExplanation = watch('explanation');
+    const watchedIsBackup = watch('isBackup');
+    // ---------------------------------------------------------------
+    // Refs to prevent infinite loops
+    // ---------------------------------------------------------------
+    const previousInitialDataRef = useRef(initialData);
+    const isInitializingRef = useRef(false);
+    const onChangeRef = useRef(onChange);
+    const previousPayloadRef = useRef('');
+    useEffect(() => {
+        onChangeRef.current = onChange;
+    }, [onChange]);
+    // Debounced onChange
+    const debouncedOnChange = useDebouncedCallback((data) => {
+        onChangeRef.current?.(data);
+    }, 300);
+    // ---------------------------------------------------------------
+    // Connect to external validation trigger
+    // ---------------------------------------------------------------
+    useEffect(() => {
+        if (validationRef) {
+            validationRef.current = {
+                triggerValidation: async () => {
+                    // If first in group, also validate that images are set
+                    if (isFirstInGroup) {
+                        const hasCandidate = !!candidateImageUrl;
+                        const hasExaminer = !!examinerImageUrl;
+                        const errors = {};
+                        if (!hasCandidate)
+                            errors.candidate = "Vui lòng tải lên Candidate's Copy Image!";
+                        if (!hasExaminer)
+                            errors.examiner = "Vui lòng tải lên Examiner's Copy Image!";
+                        setGroupImageErrors(errors);
+                        if (!hasCandidate || !hasExaminer) {
+                            // Also trigger form validation to show other errors
+                            await trigger();
+                            return false;
+                        }
+                    }
+                    else {
+                        setGroupImageErrors({});
+                    }
+                    return await trigger();
+                },
+                getFormData: () => ({
+                    ...form.getValues(),
+                    candidateImageUrl: candidateImageUrl || '',
+                    examinerImageUrl: examinerImageUrl || '',
+                    groupNumber: isFirstInGroup ? displayGroupNumber : undefined,
+                }),
+            };
+        }
+    }, [validationRef, form, trigger, isFirstInGroup, candidateImageUrl, examinerImageUrl, setGroupImageErrors]);
+    // Clear group image errors when images are uploaded
+    useEffect(() => {
+        if (candidateImageUrl && groupImageErrors.candidate) {
+            setGroupImageErrors(prev => ({ ...prev, candidate: undefined }));
+        }
+        if (examinerImageUrl && groupImageErrors.examiner) {
+            setGroupImageErrors(prev => ({ ...prev, examiner: undefined }));
+        }
+    }, [candidateImageUrl, examinerImageUrl]); // eslint-disable-line react-hooks/exhaustive-deps
+    // ---------------------------------------------------------------
+    // Sync form values if initialData props change
+    // ---------------------------------------------------------------
+    useEffect(() => {
+        const normalizedInitialData = {
+            candidateImageUrl: apiData?.candidateImageUrl || '',
+            examinerImageUrl: apiData?.examinerImageUrl || '',
+            audioUrl: apiData?.audioUrl || '',
+            expectedAnswers: apiData?.expectedAnswers?.length > 0 ? apiData.expectedAnswers : [''],
+            points: apiData?.points ?? 1,
+            explanation: apiData?.explanation || '',
+            isBackup: apiData?.isBackup || false,
+        };
+        const initialDataChanged = JSON.stringify(previousInitialDataRef.current) !== JSON.stringify(initialData);
+        if (!initialDataChanged)
+            return;
+        previousInitialDataRef.current = initialData;
+        const currentFormData = {
+            audioUrl: watchedAudioUrl,
+            expectedAnswers: watchedExpectedAnswers,
+            points: watchedPoints,
+            explanation: watchedExplanation,
+            isBackup: watchedIsBackup,
+        };
+        const isEchoFromOnChange = currentFormData.points === normalizedInitialData.points &&
+            currentFormData.explanation === normalizedInitialData.explanation &&
+            currentFormData.audioUrl === normalizedInitialData.audioUrl &&
+            JSON.stringify(currentFormData.expectedAnswers) === JSON.stringify(normalizedInitialData.expectedAnswers);
+        const wasJustSaved = initialData?.isCompleted === true;
+        if (isEchoFromOnChange && wasJustSaved)
+            return;
+        const shouldReset = !isEchoFromOnChange &&
+            (normalizedInitialData.audioUrl !== currentFormData.audioUrl ||
+                JSON.stringify(normalizedInitialData.expectedAnswers) !== JSON.stringify(currentFormData.expectedAnswers));
+        if (shouldReset) {
+            isInitializingRef.current = true;
+            form.reset(normalizedInitialData);
+            setTimeout(() => {
+                isInitializingRef.current = false;
+            }, 150);
+        }
+    }, [initialData, form, watchedAudioUrl, watchedExpectedAnswers, watchedExplanation, watchedPoints, watchedIsBackup]);
+    // ---------------------------------------------------------------
+    // Fire onChange when form values change
+    // ---------------------------------------------------------------
+    const watchedExpectedAnswersString = JSON.stringify(watchedExpectedAnswers);
+    useEffect(() => {
+        if (isInitializingRef.current) {
+            const currentPayload = JSON.stringify({
+                audioUrl: watchedAudioUrl,
+                expectedAnswers: watchedExpectedAnswers,
+                points: watchedPoints,
+                explanation: watchedExplanation,
+                isBackup: watchedIsBackup,
+                candidateImageUrl,
+                examinerImageUrl,
+            });
+            previousPayloadRef.current = currentPayload;
+            return;
+        }
+        const payload = {
+            audioUrl: watchedAudioUrl,
+            expectedAnswers: watchedExpectedAnswers,
+            points: watchedPoints,
+            explanation: watchedExplanation,
+            isBackup: watchedIsBackup,
+            candidateImageUrl,
+            examinerImageUrl,
+        };
+        const payloadString = JSON.stringify(payload);
+        if (previousPayloadRef.current !== payloadString) {
+            previousPayloadRef.current = payloadString;
+            debouncedOnChange(payload);
+        }
+    }, [
+        watchedAudioUrl,
+        watchedExpectedAnswersString,
+        watchedPoints,
+        watchedExplanation,
+        watchedIsBackup,
+        candidateImageUrl,
+        examinerImageUrl,
+        debouncedOnChange,
+    ]);
+    // Track unsaved changes
+    useEffect(() => {
+        if (onUnsavedChangesChange) {
+            onUnsavedChangesChange(form.formState.isDirty);
+        }
+    }, [form.formState.isDirty, onUnsavedChangesChange]);
+    // ---------------------------------------------------------------
+    // Handlers
+    // ---------------------------------------------------------------
+    const addExpectedAnswer = () => {
+        const currentAnswers = form.getValues('expectedAnswers');
+        form.setValue('expectedAnswers', [...currentAnswers, ''], { shouldValidate: true, shouldDirty: true });
+    };
+    const handleExpectedAnswerChange = (index, value) => {
+        const newAnswers = [...watchedExpectedAnswers];
+        newAnswers[index] = value;
+        form.setValue('expectedAnswers', newAnswers, { shouldValidate: true, shouldDirty: true });
+    };
+    const removeExpectedAnswer = (index) => {
+        if (watchedExpectedAnswers.length > 1) {
+            const newAnswers = watchedExpectedAnswers.filter((_, i) => i !== index);
+            form.setValue('expectedAnswers', newAnswers, { shouldValidate: true, shouldDirty: true });
+        }
+    };
+    // Compute display question number safely
+    const displayQuestionNumber = typeof questionIndex === 'number' && !isNaN(questionIndex)
+        ? questionIndex + 1
+        : (typeof questionIndexInPart === 'number' && !isNaN(questionIndexInPart)
+            ? questionIndexInPart + 1
+            : '?');
+    // Compute group number for display (reuse the computed group number)
+    const displayGroupNumber = computedGroupNumber ?? 1;
+    // ---------------------------------------------------------------
+    // Preview mode
+    // ---------------------------------------------------------------
+    const [isClientMode, setIsClientMode] = useState(false);
+    if (isClientMode) {
+        const questionData = {
+            audioUrl: watchedAudioUrl,
+            expectedAnswers: watchedExpectedAnswers,
+            explanation: watchedExplanation,
+            points: watchedPoints,
+            isBackup: watchedIsBackup,
+            groupNumber: displayGroupNumber,
+            candidateImageUrl: candidateImageUrl || '',
+            examinerImageUrl: examinerImageUrl || '',
+        };
+        return (_jsxs("div", { className: "space-y-6", children: [_jsx(Card, { children: _jsx(CardHeader, { children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx(CardTitle, { children: "Nghe v\u00E0 n\u00F3i \u2014 So s\u00E1nh h\u00ECnh \u1EA3nh (Preview)" }), _jsx("p", { className: "mt-1 text-sm text-gray-500", children: "Preview mode" })] }), _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(ListenAndSpeakCompareImagesClient, { questionData: questionData, isReviewMode: true })] }));
+    }
+    return (_jsxs("div", { className: "space-y-6", children: [_jsx(CreatorGuide, { colorScheme: "blue", steps: [
+                    { text: 'Upload 2 hình ảnh so sánh: Hình thí sinh (Candidate) và Hình giám khảo (Examiner) — dùng chung cho nhóm' },
+                    { text: 'Câu hỏi đầu tiên trong nhóm sẽ quản lý hình ảnh chung, các câu sau tham chiếu' },
+                    { text: 'Upload audio câu hỏi cho từng câu — giám khảo hỏi về sự khác biệt giữa 2 hình' },
+                    { text: 'Nhập các đáp án mong muốn mô tả sự khác biệt', highlight: true },
+                    { text: 'Thêm giải thích cho từng điểm khác biệt' },
+                ], tips: ['Chọn hình có sự khác biệt rõ ràng nhưng không quá dễ phát hiện'] }), _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: [_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(ListChecks, { className: "h-5 w-5 text-white" }) }), _jsxs("div", { children: [_jsx(CardTitle, { className: "text-xl font-bold text-gray-900", children: "Nh\u00F3m \u0111\u00E1p \u00E1n" }), _jsxs("div", { className: "mt-1.5 inline-flex items-center gap-1.5 rounded-full bg-blue-100 px-3 py-1 text-sm font-medium text-blue-700", children: [_jsx("span", { children: "\uD83D\uDDBC\uFE0F" }), _jsxs("span", { children: ["Nh\u00F3m ", displayGroupNumber] }), _jsx("span", { className: "text-xs font-normal opacity-75 ml-1", children: "(D\u00F9ng chung)" })] })] })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setIsClientMode(true), disabled: !watchedAudioUrl || watchedExpectedAnswers.filter((a) => a.trim()).length === 0, className: "gap-2 border-blue-200 text-blue-600 hover:bg-blue-50 hover:text-blue-700", children: [_jsx(Eye, { className: "h-4 w-4" }), "Preview"] })] }) })] }), isFirstInGroup ? (_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-2", children: [_jsx("div", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-amber-100", children: _jsx(ImageIcon, { className: "h-3.5 w-3.5 text-amber-600" }) }), _jsx(CardTitle, { className: "text-lg font-semibold text-gray-800", children: "H\u00ECnh \u1EA3nh so s\u00E1nh" })] }) }), _jsx(CardContent, { className: "space-y-4", children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { className: "flex items-center gap-2 text-sm font-semibold text-gray-800", children: ["\uD83D\uDCF7 Candidate's Copy Image ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx(FileUpload, { id: `candidate-img-group-${displayGroupNumber}`, label: "", accept: "image/*", value: candidateImageUrl || '', onChange: (url) => updateCandidateImage(url), maxSize: 5, placeholder: "Upload Candidate's Copy", autoUpload: true, prefix: "questions/compare-images" }), candidateImageUrl && (_jsx(ImagePreview, { imageUrl: candidateImageUrl, label: "Candidate's Copy" })), !candidateImageUrl && (_jsxs("div", { className: `flex flex-col items-center justify-center rounded-xl border-2 border-dashed ${groupImageErrors.candidate ? 'border-red-300 bg-red-50/50' : 'border-amber-200 bg-amber-50/50'} py-6 px-4 text-center`, children: [_jsx(ImageIcon, { className: `h-8 w-8 ${groupImageErrors.candidate ? 'text-red-400' : 'text-amber-400'} mb-2` }), _jsx("p", { className: "text-xs text-gray-500", children: "H\u00ECnh \u1EA3nh d\u00E0nh cho th\u00ED sinh" })] })), groupImageErrors.candidate && (_jsx("p", { className: "text-sm font-medium text-destructive", children: groupImageErrors.candidate }))] }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { className: "flex items-center gap-2 text-sm font-semibold text-gray-800", children: ["\uD83D\uDCF7 Examiner's Copy Image ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx(FileUpload, { id: `examiner-img-group-${displayGroupNumber}`, label: "", accept: "image/*", value: examinerImageUrl || '', onChange: (url) => updateExaminerImage(url), maxSize: 5, placeholder: "Upload Examiner's Copy", autoUpload: true, prefix: "questions/compare-images" }), examinerImageUrl && (_jsx(ImagePreview, { imageUrl: examinerImageUrl, label: "Examiner's Copy" })), !examinerImageUrl && (_jsxs("div", { className: `flex flex-col items-center justify-center rounded-xl border-2 border-dashed ${groupImageErrors.examiner ? 'border-red-300 bg-red-50/50' : 'border-orange-200 bg-orange-50/50'} py-6 px-4 text-center`, children: [_jsx(ImageIcon, { className: `h-8 w-8 ${groupImageErrors.examiner ? 'text-red-400' : 'text-orange-400'} mb-2` }), _jsx("p", { className: "text-xs text-gray-500", children: "H\u00ECnh \u1EA3nh d\u00E0nh cho gi\u00E1m kh\u1EA3o" })] })), groupImageErrors.examiner && (_jsx("p", { className: "text-sm font-medium text-destructive", children: groupImageErrors.examiner }))] })] }) })] })) : (
+            /* Read-only view of shared images for non-first questions in group */
+            _jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow shadow-amber-100/30", children: [_jsx("div", { className: "h-1 bg-gradient-to-r from-amber-400 to-orange-400" }), _jsx(CardHeader, { className: "pb-3", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-amber-100", children: _jsx(ImageIcon, { className: "h-3.5 w-3.5 text-amber-600" }) }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CardTitle, { className: "text-lg font-semibold text-gray-800", children: "H\u00ECnh \u1EA3nh so s\u00E1nh" }), _jsxs("span", { className: "inline-flex items-center rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-500", children: ["Nh\u00F3m ", displayGroupNumber, " \u2014 Ch\u1EC9 \u0111\u1ECDc"] })] }), _jsx("p", { className: "text-xs text-gray-400 mt-0.5", children: "\u0110\u01B0\u1EE3c qu\u1EA3n l\u00FD b\u1EDFi c\u00E2u h\u1ECFi \u0111\u1EA7u ti\u00EAn trong nh\u00F3m" })] })] }) }), _jsx(CardContent, { className: "pt-0", children: candidateImageUrl || examinerImageUrl ? (_jsxs("div", { className: "space-y-4", children: [candidateImageUrl && (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "flex justify-center", children: _jsx("span", { className: "inline-block rounded-lg border-2 border-amber-400 bg-gradient-to-r from-gray-600 to-gray-700 px-8 py-2 text-sm font-bold uppercase tracking-widest text-white shadow-lg ring-1 ring-amber-300/50", children: "Candidate's Copy" }) }), _jsx(ImagePreview, { imageUrl: candidateImageUrl, label: "Candidate's Copy" })] })), examinerImageUrl && (_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "flex justify-center", children: _jsx("span", { className: "inline-block rounded-lg border-2 border-orange-400 bg-gradient-to-r from-gray-600 to-gray-700 px-8 py-2 text-sm font-bold uppercase tracking-widest text-white shadow-lg ring-1 ring-orange-300/50", children: "Examiner's Copy" }) }), _jsx(ImagePreview, { imageUrl: examinerImageUrl, label: "Examiner's Copy" })] }))] })) : (_jsx("div", { className: "text-center py-4 text-sm text-gray-400 italic", children: "Ch\u01B0a c\u00F3 h\u00ECnh \u1EA3nh n\u00E0o trong nh\u00F3m" })) })] })), _jsxs(Form, { ...form, children: [_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 gap-3", children: [_jsx("div", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-gradient-to-br from-indigo-500 to-purple-600 shadow-sm", children: _jsx(Mic, { className: "h-4 w-4 text-white" }) }), _jsxs("div", { children: [_jsx(CardTitle, { className: "text-lg font-semibold text-gray-800", children: "C\u00E2u h\u1ECFi Nghe & So s\u00E1nh" }), _jsx("p", { className: "text-sm text-gray-500", children: "H\u1ECDc sinh nghe \u00E2m thanh v\u00E0 n\u00F3i \u0111i\u1EC3m kh\u00E1c bi\u1EC7t gi\u1EEFa hai h\u00ECnh \u1EA3nh" })] })] }) }), _jsxs(CardContent, { className: "space-y-6", children: [_jsx("div", { className: "rounded-xl border border-gray-200 bg-gray-50 p-4", children: _jsxs("div", { className: "flex flex-col md:flex-row gap-6", children: [_jsx("div", { className: "flex-1", children: _jsx(PointsInput, { ...form.register('points', { valueAsNumber: true }), error: form.formState.errors?.points?.message }) }), _jsx("div", { className: "flex-1 flex flex-col justify-center pt-2" })] }) }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { className: "flex items-center gap-2 text-sm font-semibold text-gray-800", children: [_jsx(Volume2, { className: "h-4 w-4 text-indigo-500" }), "\u00C2m thanh c\u00E2u h\u1ECFi ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx(FormField, { control: control, name: "audioUrl", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormControl, { children: _jsx(FileUpload, { id: `audio-compare-${displayQuestionNumber}`, label: "", accept: "audio/*", value: field.value, onChange: (url) => { field.onChange(url); clearErrors('audioUrl'); }, maxSize: 10, placeholder: "T\u1EA3i l\u00EAn file \u00E2m thanh (mp3, wav...)", autoUpload: true, prefix: "listen-and-speak" }) }), _jsx(FormMessage, {})] })) })] })] })] }), _jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-green-100/50", children: [_jsx("div", { className: "h-1 bg-gradient-to-r from-green-400 to-emerald-500" }), _jsx(CardHeader, { className: "pb-4", children: _jsxs("div", { className: "flex items-center justify-between", 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-green-500 to-emerald-600 shadow-sm", children: _jsx(MessageSquareText, { className: "h-4 w-4 text-white" }) }), _jsx("div", { children: _jsxs(CardTitle, { className: "text-lg font-semibold text-gray-800", children: ["\u0110\u00E1p \u00E1n mong mu\u1ED1n (", watchedExpectedAnswers.filter((a) => a.trim()).length, ")"] }) })] }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: addExpectedAnswer, className: "gap-2 border-green-200 text-green-600 hover:bg-green-50", children: [_jsx(Plus, { className: "h-4 w-4" }), "Th\u00EAm \u0111\u00E1p \u00E1n"] })] }) }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-blue-100 bg-blue-50/60 px-3 py-2.5", children: [_jsx(Info, { className: "h-4 w-4 text-blue-500 mt-0.5 flex-shrink-0" }), _jsxs("div", { className: "text-xs text-blue-700 space-y-1", children: [_jsx("p", { children: "Nh\u1EADp c\u00E1c c\u00E2u tr\u1EA3 l\u1EDDi mong mu\u1ED1n. C\u00F3 th\u1EC3 th\u00EAm nhi\u1EC1u \u0111\u00E1p \u00E1n n\u1EBFu c\u00F3 nhi\u1EC1u c\u00E1ch tr\u1EA3 l\u1EDDi \u0111\u00FAng." }), _jsxs("p", { children: [_jsx("span", { className: "font-semibold", children: "\u2022 Ch\u1EA5m th\u1EE7 c\u00F4ng:" }), " Gi\u00E1o vi\u00EAn d\u00F9ng c\u00E1c \u0111\u00E1p \u00E1n n\u00E0y l\u00E0m tham kh\u1EA3o \u0111\u1EC3 ch\u1EA5m \u0111i\u1EC3m."] }), _jsxs("p", { children: [_jsx("span", { className: "font-semibold", children: "\u2022 Ch\u1EA5m t\u1EF1 \u0111\u1ED9ng (AI):" }), " H\u1EC7 th\u1ED1ng d\u00F9ng AI so s\u00E1nh gi\u1ECDng n\u00F3i c\u1EE7a h\u1ECDc sinh v\u1EDBi c\u00E1c \u0111\u00E1p \u00E1n \u0111\u1EC3 t\u1EF1 \u0111\u1ED9ng ch\u1EA5m \u0111i\u1EC3m."] })] })] }), _jsxs("div", { className: "space-y-3", children: [watchedExpectedAnswers.map((answer, index) => (_jsxs("div", { className: "flex items-start gap-3 group/answer", children: [_jsx("div", { className: "flex h-9 w-9 flex-shrink-0 items-center justify-center rounded-lg bg-green-100 text-green-700 font-semibold shadow-sm text-sm", children: index + 1 }), _jsxs("div", { className: "flex-1", children: [_jsx(Input, { placeholder: `VD: ${index === 0 ? 'The tree is bigger in picture A' : 'The dog is brown in picture B'}`, value: answer || '', onChange: (e) => handleExpectedAnswerChange(index, e.target.value), className: "border-gray-200 focus:border-green-300 focus:ring-green-200" }), form.formState.errors?.expectedAnswers?.[index]?.message && (_jsx("p", { className: "mt-1 text-sm text-red-500", children: form.formState.errors.expectedAnswers[index]?.message }))] }), watchedExpectedAnswers.length > 1 && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => removeExpectedAnswer(index), className: "text-red-400 hover:text-red-600 hover:bg-red-50 opacity-0 group-hover/answer:opacity-100 transition-opacity", children: _jsx(Trash2, { className: "h-4 w-4" }) }))] }, index))), form.formState.errors?.expectedAnswers && !Array.isArray(form.formState.errors.expectedAnswers) && (_jsx("p", { className: "text-sm text-red-500", children: form.formState.errors.expectedAnswers.message }))] })] })] }), _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...", className: "min-h-[80px] border-gray-200 bg-white transition-all focus:border-amber-300 focus:ring-amber-200 resize-none", rows: 3 }) })] })] })] }));
+}
+//# sourceMappingURL=ListenAndSpeakCompareImagesCreator.js.map

package/dist/components/questions/types/listen-and-speak-compare-images/ListenAndSpeakCompareImagesCreator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListenAndSpeakCompareImagesCreator.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/listen-and-speak-compare-images/ListenAndSpeakCompareImagesCreator.tsx"],"names":[],"mappings":"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"}

package/dist/components/questions/types/listen-and-speak-compare-images/register.d.ts

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

package/dist/components/questions/types/listen-and-speak-compare-images/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/listen-and-speak-compare-images/register.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAGhF,eAAO,MAAM,uCAAuC,EAAE,wBAiFrD,CAAC"}

package/dist/components/questions/types/listen-and-speak-compare-images/register.js

@@ -0,0 +1,80 @@
+import { ListenAndSpeakCompareImagesCreator } from './ListenAndSpeakCompareImagesCreator';
+export const ListenAndSpeakCompareImagesRegistration = {
+    component: ListenAndSpeakCompareImagesCreator,
+    wrapOnSave: (data, ctx) => {
+        return {
+            type: ctx.questionType,
+            points: data?.points ?? ctx.state.points ?? 1,
+            level: ctx.state.level,
+            difficulty: ctx.state.difficulty,
+            skill: ctx.state.skill,
+            explanation: data.explanation || '',
+            content: {
+                audioUrl: data.audioUrl,
+                isBackup: data.isBackup || false,
+            },
+            answer: {
+                expectedAnswers: data.expectedAnswers,
+            },
+            ...(ctx.groupNumber && { questionGroup: { payload: { candidateImageUrl: data.candidateImageUrl || '', examinerImageUrl: data.examinerImageUrl || '' }, groupNumber: ctx.groupNumber } })
+        };
+    },
+    getExtraProps: (ctx) => ({
+        onUnsavedChangesChange: ctx.onUnsavedChangesChange,
+        validationRef: ctx.validationRef,
+        groups: ctx.groups,
+        questionIndexInPart: ctx.questionIndexInPart,
+        partId: ctx.partId,
+    }),
+    wrapOnChange: (data, ctx) => {
+        return {
+            type: ctx.questionType,
+            points: data?.points ?? ctx.state.points ?? 1,
+            level: ctx.state.level,
+            difficulty: ctx.state.difficulty,
+            skill: ctx.state.skill,
+            explanation: data.explanation || '',
+            content: {
+                audioUrl: data.audioUrl,
+                isBackup: data.isBackup || false,
+            },
+            correct_answer: {
+                expectedAnswers: data.expectedAnswers,
+            },
+            ...(ctx.groupNumber && { questionGroup: { payload: { candidateImageUrl: data.candidateImageUrl || '', examinerImageUrl: data.examinerImageUrl || '' }, groupNumber: ctx.groupNumber } })
+        };
+    },
+    transformInitialData: (data) => {
+        let creatorData = data?.answer;
+        const content = data?.content;
+        const answer = data?.answer || data?.correctAnswer || data?.correct_answer;
+        const points = data?.total_points
+            ? parseFloat(data.total_points)
+            : (data?.points || content?.points || answer?.points || 1);
+        const explanation = data?.explanation || content?.explanation || answer?.explanation || '';
+        if (content && typeof content === 'object' && content.audioUrl !== undefined) {
+            creatorData = {
+                audioUrl: content.audioUrl || '',
+                expectedAnswers: answer?.expectedAnswers || [],
+                candidateImageUrl: content.candidateImageUrl || data?.questionGroup?.payload?.candidateImageUrl || '',
+                examinerImageUrl: content.examinerImageUrl || data?.questionGroup?.payload?.examinerImageUrl || '',
+                explanation,
+                points,
+                isBackup: content.isBackup || false,
+            };
+        }
+        else if (answer && typeof answer === 'object' && answer.expectedAnswers !== undefined) {
+            creatorData = {
+                ...answer,
+                audioUrl: answer.audioUrl || content?.audioUrl || '',
+                candidateImageUrl: answer.candidateImageUrl || data?.questionGroup?.payload?.candidateImageUrl || '',
+                examinerImageUrl: answer.examinerImageUrl || data?.questionGroup?.payload?.examinerImageUrl || '',
+                explanation,
+                points,
+                isBackup: content?.isBackup || false,
+            };
+        }
+        return creatorData || data;
+    },
+};
+//# sourceMappingURL=register.js.map

package/dist/components/questions/types/listen-and-speak-compare-images/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/listen-and-speak-compare-images/register.tsx"],"names":[],"mappings":"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"}

package/dist/components/questions/types/listen-and-speak-compare-images/transform.d.ts

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

package/dist/components/questions/types/listen-and-speak-compare-images/transform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/listen-and-speak-compare-images/transform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAEpF,eAAO,MAAM,oCAAoC,EAAE,gBAgClD,CAAC"}

package/dist/components/questions/types/listen-and-speak-compare-images/transform.js

@@ -0,0 +1,28 @@
+export const transformListenAndSpeakCompareImages = (question) => {
+    const contentData = question.content;
+    const answerData = question.answer;
+    const questionGroup = question.questionGroup;
+    const expectedAnswers = answerData?.expectedAnswers || [];
+    const apiContent = {
+        audioUrl: contentData?.audioUrl || answerData?.audioUrl || '',
+        isBackup: contentData?.isBackup || answerData?.isBackup || false,
+    };
+    const result = {
+        apiContent,
+        apiCorrectAnswer: {
+            expectedAnswers: expectedAnswers,
+        },
+    };
+    // Handle group data for candidate/examiner images
+    const candidateImageUrl = answerData?.candidateImageUrl || questionGroup?.payload?.candidateImageUrl || '';
+    const examinerImageUrl = answerData?.examinerImageUrl || questionGroup?.payload?.examinerImageUrl || '';
+    if (candidateImageUrl || examinerImageUrl) {
+        result.compareImagesGroupData = {
+            candidateImageUrl,
+            examinerImageUrl,
+        };
+        result.groupNumber = answerData?.groupNumber || questionGroup?.groupNumber || 1;
+    }
+    return result;
+};
+//# sourceMappingURL=transform.js.map

package/dist/components/questions/types/listen-and-speak-compare-images/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/listen-and-speak-compare-images/transform.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,oCAAoC,GAAqB,CAAC,QAAQ,EAAE,EAAE;IAC/E,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAc,CAAC;IAC5C,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAa,CAAC;IAC1C,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAoB,CAAC;IAEpD,MAAM,eAAe,GAAG,UAAU,EAAE,eAAe,IAAI,EAAE,CAAC;IAE1D,MAAM,UAAU,GAAQ;QACpB,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,UAAU,EAAE,QAAQ,IAAI,EAAE;QAC7D,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,UAAU,EAAE,QAAQ,IAAI,KAAK;KACnE,CAAC;IAEF,MAAM,MAAM,GAAQ;QAChB,UAAU;QACV,gBAAgB,EAAE;YACd,eAAe,EAAE,eAAe;SACnC;KACJ,CAAC;IAEF,kDAAkD;IAClD,MAAM,iBAAiB,GAAG,UAAU,EAAE,iBAAiB,IAAI,aAAa,EAAE,OAAO,EAAE,iBAAiB,IAAI,EAAE,CAAC;IAC3G,MAAM,gBAAgB,GAAG,UAAU,EAAE,gBAAgB,IAAI,aAAa,EAAE,OAAO,EAAE,gBAAgB,IAAI,EAAE,CAAC;IAExG,IAAI,iBAAiB,IAAI,gBAAgB,EAAE,CAAC;QACxC,MAAM,CAAC,sBAAsB,GAAG;YAC5B,iBAAiB;YACjB,gBAAgB;SACnB,CAAC;QACF,MAAM,CAAC,WAAW,GAAG,UAAU,EAAE,WAAW,IAAI,aAAa,EAAE,WAAW,IAAI,CAAC,CAAC;IACpF,CAAC;IAED,OAAO,MAAM,CAAC;AAClB,CAAC,CAAC"}

package/dist/components/questions/types/listen-and-speak-image-group/ListenAndSpeakImageGroupClient.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ListenAndSpeakImageGroupClientProps } from '../../_shared/types/listen-and-speak-image-group.type';
+export declare function ListenAndSpeakImageGroupClient({ questionData, isReviewMode, }: ListenAndSpeakImageGroupClientProps): React.JSX.Element;
+//# sourceMappingURL=ListenAndSpeakImageGroupClient.d.ts.map

package/dist/components/questions/types/listen-and-speak-image-group/ListenAndSpeakImageGroupClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListenAndSpeakImageGroupClient.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/listen-and-speak-image-group/ListenAndSpeakImageGroupClient.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,wEAAwE,CAAC;AA4DlI,wBAAgB,8BAA8B,CAAC,EAC3C,YAAY,EACZ,YAAoB,GACvB,EAAE,mCAAmC,qBA6JrC"}

package/dist/components/questions/types/listen-and-speak-image-group/ListenAndSpeakImageGroupClient.js

@@ -0,0 +1,35 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Mic, Volume2, CheckCircle2, Images, Play, Pause, ImageIcon, Info } from 'lucide-react';
+import { Button } from '../../../../components/ui/button';
+import { usePresignedFileUrl, useAudioPreview } from '../../../../shared/lib/hooks';
+import { cn } from '../../../../shared/lib/utils';
+// ─── Sub-component: Custom Audio Player ──────────────────────────────────────
+function QuestionAudioPlayer({ audioUrl }) {
+    const { previewUrl } = usePresignedFileUrl(audioUrl);
+    const { isPlaying, currentTime, duration, progressPercentage, handlePlayPause, handleProgressClick, formatTime, } = useAudioPreview(previewUrl);
+    return (_jsxs("div", { className: "flex items-center gap-3 rounded-lg bg-gradient-to-r from-indigo-50 to-purple-50 border border-indigo-200 px-4 py-2.5", children: [_jsx(Button, { variant: "outline", size: "icon", onClick: handlePlayPause, disabled: !previewUrl, className: "h-8 w-8 border-indigo-300 text-indigo-600 hover:bg-indigo-100", children: isPlaying ? _jsx(Pause, { className: "h-3.5 w-3.5" }) : _jsx(Play, { className: "h-3.5 w-3.5" }) }), _jsxs("div", { className: "text-muted-foreground min-w-[70px] text-xs", children: [formatTime(currentTime), " / ", formatTime(duration)] }), _jsx("div", { className: "bg-indigo-200 relative h-1.5 flex-1 cursor-pointer rounded-full", onClick: handleProgressClick, children: _jsx("div", { className: "bg-indigo-500 absolute top-0 left-0 h-full rounded-full transition-all", style: { width: `${progressPercentage}%` } }) }), _jsx(Volume2, { className: "h-4 w-4 text-indigo-400" })] }));
+}
+// ─── Sub-component: Presigned Image ──────────────────────────────────────────
+function ImageWithPresigned({ url, alt }) {
+    const { previewUrl } = usePresignedFileUrl(url);
+    return (_jsx("img", { src: previewUrl || url, alt: alt, className: "max-w-full max-h-full object-contain p-2" }));
+}
+// ─── Main Client Component ───────────────────────────────────────────────────
+export function ListenAndSpeakImageGroupClient({ questionData, isReviewMode = false, }) {
+    const { audioUrl, activeImageId, groupImages = [], expectedAnswers = [], explanation } = questionData;
+    return (_jsxs("div", { className: "space-y-4", children: [questionData.isBackup && (_jsxs("div", { className: "inline-flex self-center items-center gap-1.5 px-3 py-1.5 rounded-md bg-amber-50 text-amber-700 border border-amber-200 text-xs font-bold shadow-sm", children: [_jsx("span", { children: "\uD83D\uDD04" }), " C\u00E2u h\u1ECFi d\u1EF1 ph\u00F2ng"] })), _jsxs("div", { className: "overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm", children: [_jsx("div", { className: "flex items-center justify-between border-b border-gray-100 bg-gradient-to-r from-indigo-50 to-blue-50 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-indigo-500 to-blue-600 text-white shadow-sm", children: _jsx(Images, { className: "h-4 w-4" }) }), _jsx("span", { className: "text-sm font-medium text-gray-700", children: "Nghe v\u00E0 n\u00F3i (Nh\u00F3m h\u00ECnh \u1EA3nh)" })] }) }), _jsxs("div", { className: "p-5 space-y-5", children: [audioUrl ? (_jsx(QuestionAudioPlayer, { audioUrl: audioUrl })) : (_jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-gray-200 bg-gray-50 px-4 py-3", children: [_jsx(Volume2, { className: "h-4 w-4 text-gray-400" }), _jsx("span", { className: "text-xs text-gray-400", children: "Ch\u01B0a c\u00F3 audio c\u00E2u h\u1ECFi" })] })), groupImages.length > 0 ? (_jsx("div", { className: "rounded-xl border border-gray-100 bg-gradient-to-b from-gray-50/80 to-white p-5", children: _jsx("div", { className: "flex flex-row justify-center gap-4 sm:gap-5 flex-wrap", children: groupImages.map((img, index) => {
+                                        const isActive = img.id === activeImageId;
+                                        const letter = String.fromCharCode(65 + index);
+                                        return (_jsxs("div", { className: cn('flex flex-col items-center gap-2 transition-transform duration-300', isActive && 'scale-[1.03]'), children: [_jsxs("div", { className: cn('relative w-28 h-28 sm:w-36 sm:h-36 rounded-xl overflow-hidden flex items-center justify-center bg-white transition-all duration-300', isActive
+                                                        ? 'border-[3px] border-blue-400 shadow-lg shadow-blue-100/70 ring-2 ring-blue-200/40'
+                                                        : 'border-2 border-gray-200 shadow-sm hover:shadow-md hover:border-gray-300'), children: [img.url ? (_jsx(ImageWithPresigned, { url: img.url, alt: img.label || `Image ${index + 1}` })) : (_jsx("div", { className: "w-full h-full bg-gray-50 flex items-center justify-center text-gray-300", children: _jsx(ImageIcon, { className: "h-10 w-10" }) })), _jsx("div", { className: cn('absolute top-1.5 left-1.5 flex h-6 w-6 items-center justify-center rounded-lg text-xs font-bold shadow-sm', isActive
+                                                                ? 'bg-blue-500 text-white'
+                                                                : 'bg-white/90 text-gray-500 border border-gray-200'), children: letter }), isActive && (_jsx("div", { className: "absolute top-1.5 right-1.5 w-5 h-5 rounded-full bg-blue-500 flex items-center justify-center shadow-sm", children: _jsx(CheckCircle2, { className: "h-3.5 w-3.5 text-white" }) }))] }), _jsxs("div", { className: "flex flex-col items-center gap-0.5", children: [_jsx("span", { className: cn('text-sm font-semibold px-2.5 py-0.5 rounded-md transition-colors', isActive
+                                                                ? 'text-blue-700 bg-blue-50'
+                                                                : 'text-gray-600'), children: img.label || `Hình ${index + 1}` }), isActive && (_jsx("span", { className: "text-[10px] font-medium text-blue-500 animate-pulse", children: "\u0110ang h\u1ECFi" }))] })] }, img.id));
+                                    }) }) })) : (
+                            /* Empty state for no images */
+                            _jsxs("div", { className: "flex flex-col items-center justify-center py-10 px-4 rounded-xl border-2 border-dashed border-gray-200 bg-gray-50/50", children: [_jsx(ImageIcon, { className: "h-12 w-12 text-gray-300 mb-3" }), _jsx("p", { className: "text-sm font-medium text-gray-500", children: "Ch\u01B0a c\u00F3 h\u00ECnh \u1EA3nh n\u00E0o" }), _jsx("p", { className: "text-xs text-gray-400 mt-1", children: "H\u00ECnh \u1EA3nh s\u1EBD hi\u1EC3n th\u1ECB t\u1EA1i \u0111\u00E2y" })] })), _jsxs("div", { className: "flex items-center gap-3 rounded-lg border border-dashed border-gray-300 bg-gray-50/80 px-4 py-3", children: [_jsx("div", { className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full bg-indigo-50 ring-2 ring-indigo-100/50", children: _jsx(Mic, { className: "w-4 h-4 text-indigo-400" }) }), _jsx("p", { className: "text-xs text-gray-400", children: "H\u1ECDc sinh s\u1EBD nh\u1EA5n n\u00FAt ghi \u00E2m v\u00E0 n\u00F3i c\u00E2u tr\u1EA3 l\u1EDDi t\u1EA1i \u0111\u00E2y" })] }), isReviewMode && expectedAnswers.length > 0 && (_jsxs("div", { className: "rounded-xl border border-green-200 bg-green-50/80 p-4", children: [_jsxs("div", { className: "flex items-center gap-2 mb-3", children: [_jsx(CheckCircle2, { className: "h-4 w-4 text-green-600" }), _jsx("h4", { className: "text-sm font-semibold text-green-800", children: "C\u00E1c \u0111\u00E1p \u00E1n mong mu\u1ED1n" })] }), _jsx("div", { className: "space-y-2", children: expectedAnswers.map((answer, index) => (_jsxs("div", { className: "flex items-center gap-2.5 rounded-lg bg-white/70 border border-green-100 px-3 py-2", children: [_jsx("span", { className: "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-green-100 text-green-700 text-xs font-bold", children: index + 1 }), _jsx("span", { className: "text-sm text-green-800", children: answer })] }, index))) })] })), isReviewMode && explanation && (_jsxs("div", { className: "rounded-xl border border-indigo-200 bg-indigo-50 p-4", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx(Info, { className: "h-4 w-4 text-indigo-600" }), _jsx("p", { className: "text-sm font-semibold text-indigo-800", children: "Gi\u1EA3i th\u00EDch" })] }), _jsx("p", { className: "text-sm text-indigo-700 leading-relaxed", children: explanation })] }))] })] })] }));
+}
+//# sourceMappingURL=ListenAndSpeakImageGroupClient.js.map

package/dist/components/questions/types/listen-and-speak-image-group/ListenAndSpeakImageGroupClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListenAndSpeakImageGroupClient.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/listen-and-speak-image-group/ListenAndSpeakImageGroupClient.tsx"],"names":[],"mappings":"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"}

package/dist/components/questions/types/listen-and-speak-image-group/ListenAndSpeakImageGroupCreator.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { QuestionGroupConfig } from '../../_shared/types/question-group.type';
+import type { ListenAndSpeakImageGroupCreatorProps } from '../../_shared/types/listen-and-speak-image-group.type';
+interface CreatorProps extends ListenAndSpeakImageGroupCreatorProps {
+    groups?: QuestionGroupConfig[];
+    questionIndexInPart?: number;
+    partId?: string;
+}
+export declare function ListenAndSpeakImageGroupCreator({ initialData, onSave, onCancel, onChange, externalErrors, onUnsavedChangesChange, validationRef, groups, questionIndexInPart, partId, }: CreatorProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ListenAndSpeakImageGroupCreator.d.ts.map

package/dist/components/questions/types/listen-and-speak-image-group/ListenAndSpeakImageGroupCreator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListenAndSpeakImageGroupCreator.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/listen-and-speak-image-group/ListenAndSpeakImageGroupCreator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAcpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0DAA0D,CAAC;AAQpG,OAAO,KAAK,EAAE,oCAAoC,EAAE,MAAM,wEAAwE,CAAC;AA6CnI,UAAU,YAAa,SAAQ,oCAAoC;IAC/D,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,+BAA+B,CAAC,EAC5C,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,sBAAsB,EACtB,aAAa,EACb,MAAM,EACN,mBAAmB,EACnB,MAAM,GACT,EAAE,YAAY,qBAwpBd"}