@tinyweb_dev/oe-exam-sdk 0.1.0

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

@@ -0,0 +1,286 @@
+'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 { Plus, Trash2, Pencil, Eye, Mic, Volume2, ImageIcon, Image as ImageIcon2, CheckCircle2, MessageSquareText, Info, ListChecks, BookOpen } from 'lucide-react';
+import { useReactHookForm } from '../../../../shared/lib/hooks/useReactHookForm';
+import { useDebouncedCallback, usePresignedFileUrl } from '../../../../shared/lib/hooks';
+import { FileUpload } from '../../../../components/ui/file-upload';
+import { PointsInput } from '../../../../components/ui/points-input';
+// Stores & hooks
+import { useImageQuestionGroup } from '../../_shared/hooks/useImageQuestionGroup';
+import { generateObjectId } from '../../_shared/utils/id-generator';
+// Client component
+import { ListenAndSpeakImageGroupClient } from './ListenAndSpeakImageGroupClient';
+// Validation & Types
+import { listenAndSpeakImageGroupFormSchema } from '../../../../shared/lib/validation/listen-and-speak-image-group.validation';
+import { CreatorGuide } from '../../components/CreatorGuide';
+// ─── Sub-component: Image preview with presigned URL ─────────────────────────
+function ImagePreview({ imageUrl }) {
+    const { previewUrl } = usePresignedFileUrl(imageUrl);
+    if (!previewUrl)
+        return null;
+    return (_jsx("div", { className: "mt-2 rounded-lg border border-gray-200 overflow-hidden", children: _jsx("img", { src: previewUrl, alt: "Preview", className: "h-24 w-full object-contain bg-gray-50" }) }));
+}
+// ─── Sub-component: Inline image preview (for active image selection) ────────
+function ImagePreviewInline({ imageUrl }) {
+    const { previewUrl } = usePresignedFileUrl(imageUrl);
+    if (!previewUrl) {
+        return (_jsx("div", { className: "flex h-16 w-full items-center justify-center rounded-lg bg-gray-100", children: _jsx(ImageIcon2, { className: "h-6 w-6 text-gray-300" }) }));
+    }
+    return (_jsx("img", { src: previewUrl, alt: "Preview", className: "h-16 w-full rounded-lg object-contain bg-gray-50" }));
+}
+export function ListenAndSpeakImageGroupCreator({ initialData, onSave, onCancel, onChange, externalErrors, onUnsavedChangesChange, validationRef, groups, questionIndexInPart, partId, }) {
+    // 1. Group level data (Shared images)
+    const { isGrouped, currentGroupNumber, images, setImages } = useImageQuestionGroup({
+        partId,
+        groups,
+        questionIndexInPart,
+        initialData: {
+            images: initialData?.groupImages || [],
+        },
+    });
+    const isFirstInGroup = useMemo(() => {
+        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;
+    }, [groups, questionIndexInPart]);
+    // 2. Question level form data (Audio, ActiveImageId, ExpectedAnswers)
+    const apiData = initialData;
+    const form = useReactHookForm({
+        zodSchema: listenAndSpeakImageGroupFormSchema,
+        defaultValues: {
+            audioUrl: apiData?.audioUrl || '',
+            expectedAnswers: apiData?.expectedAnswers?.length > 0 ? apiData.expectedAnswers : [''],
+            explanation: apiData?.explanation || '',
+            points: apiData?.points ?? 1,
+            activeImageId: apiData?.activeImageId || '',
+            isBackup: apiData?.isBackup || false,
+        },
+        mode: 'onBlur',
+    });
+    const [isClientMode, setIsClientMode] = useState(false);
+    const watchedAudioUrl = form.watch('audioUrl');
+    const watchedExpectedAnswers = form.watch('expectedAnswers');
+    const watchedActiveImageId = form.watch('activeImageId');
+    const watchedExplanation = form.watch('explanation');
+    const watchedPoints = form.watch('points');
+    const watchedIsBackup = form.watch('isBackup');
+    // Presigned URL for audio playback
+    const { previewUrl: audioPreviewUrl } = usePresignedFileUrl(watchedAudioUrl || '');
+    // ---------------------------------------------------------------
+    // Refs to prevent infinite loops (following ListenAndSpeakAnswerCreator pattern)
+    // ---------------------------------------------------------------
+    const previousInitialDataRef = useRef(initialData);
+    const isInitializingRef = useRef(false);
+    const onChangeRef = useRef(onChange);
+    const previousPayloadRef = useRef('');
+    // Keep onChange ref up to date without triggering re-renders
+    useEffect(() => {
+        onChangeRef.current = onChange;
+    }, [onChange]);
+    // Debounced onChange that uses the ref (avoids stale closure & dependency issues)
+    const debouncedOnChange = useDebouncedCallback((data) => {
+        onChangeRef.current?.(data);
+    }, 300);
+    // ---------------------------------------------------------------
+    // Connect to external validation trigger
+    // ---------------------------------------------------------------
+    useEffect(() => {
+        if (validationRef) {
+            validationRef.current = {
+                triggerValidation: async () => {
+                    return await form.trigger();
+                },
+                getFormData: () => ({
+                    audioUrl: watchedAudioUrl,
+                    expectedAnswers: watchedExpectedAnswers,
+                    explanation: watchedExplanation,
+                    points: watchedPoints,
+                    activeImageId: watchedActiveImageId,
+                    isBackup: watchedIsBackup,
+                    groupImages: images,
+                    groupNumber: isGrouped ? currentGroupNumber : undefined,
+                }),
+            };
+        }
+    }, [validationRef, form, watchedAudioUrl, watchedExpectedAnswers, watchedExplanation, watchedPoints, watchedActiveImageId, watchedIsBackup, images, isGrouped, currentGroupNumber]);
+    // ---------------------------------------------------------------
+    // Sync form values if initialData props change
+    // ---------------------------------------------------------------
+    useEffect(() => {
+        const normalizedInitialData = {
+            audioUrl: apiData?.audioUrl || '',
+            expectedAnswers: apiData?.expectedAnswers?.length > 0 ? apiData.expectedAnswers : [''],
+            explanation: apiData?.explanation || '',
+            points: apiData?.points ?? 1,
+            activeImageId: apiData?.activeImageId || '',
+            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,
+            explanation: watchedExplanation,
+            points: watchedPoints,
+            activeImageId: watchedActiveImageId,
+            isBackup: watchedIsBackup,
+        };
+        // Detect if the new initialData is just an echo of what we already sent via onChange
+        const isEchoFromOnChange = currentFormData.points === normalizedInitialData.points &&
+            currentFormData.explanation === normalizedInitialData.explanation &&
+            currentFormData.audioUrl === normalizedInitialData.audioUrl &&
+            currentFormData.activeImageId === normalizedInitialData.activeImageId &&
+            JSON.stringify(currentFormData.expectedAnswers) === JSON.stringify(normalizedInitialData.expectedAnswers);
+        const wasJustSaved = initialData?.isCompleted === true;
+        if (isEchoFromOnChange && wasJustSaved) {
+            return;
+        }
+        // Only reset if the incoming data is genuinely different from current form
+        const shouldReset = !isEchoFromOnChange &&
+            (normalizedInitialData.audioUrl !== currentFormData.audioUrl ||
+                normalizedInitialData.activeImageId !== currentFormData.activeImageId ||
+                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, watchedActiveImageId, watchedIsBackup]);
+    // ---------------------------------------------------------------
+    // Fire onChange when form values change
+    // ---------------------------------------------------------------
+    const watchedExpectedAnswersString = JSON.stringify(watchedExpectedAnswers);
+    const imagesString = JSON.stringify(images);
+    useEffect(() => {
+        // Skip onChange during form reset (initialization)
+        if (isInitializingRef.current) {
+            const currentPayload = JSON.stringify({
+                audioUrl: watchedAudioUrl,
+                expectedAnswers: watchedExpectedAnswers,
+                explanation: watchedExplanation,
+                points: watchedPoints,
+                activeImageId: watchedActiveImageId,
+                isBackup: watchedIsBackup,
+                groupImages: images,
+                groupNumber: isGrouped ? currentGroupNumber : undefined,
+            });
+            previousPayloadRef.current = currentPayload;
+            return;
+        }
+        const payload = {
+            audioUrl: watchedAudioUrl,
+            expectedAnswers: watchedExpectedAnswers,
+            explanation: watchedExplanation,
+            points: watchedPoints,
+            activeImageId: watchedActiveImageId,
+            isBackup: watchedIsBackup,
+            groupImages: images,
+            groupNumber: isGrouped ? currentGroupNumber : undefined,
+        };
+        const payloadString = JSON.stringify(payload);
+        // Only fire onChange if data actually changed (deduplication)
+        if (previousPayloadRef.current !== payloadString) {
+            previousPayloadRef.current = payloadString;
+            debouncedOnChange(payload);
+        }
+    }, [
+        watchedAudioUrl,
+        watchedExpectedAnswersString,
+        watchedExplanation,
+        watchedPoints,
+        watchedActiveImageId,
+        watchedIsBackup,
+        imagesString,
+        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 updateExpectedAnswer = (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 });
+        }
+    };
+    const handleAddImage = () => {
+        setImages([...images, { id: generateObjectId(), url: '', label: String(images.length + 1) }]);
+    };
+    const handleRemoveImage = (index) => {
+        setImages(images.filter((_, i) => i !== index));
+        // Reset activeImageId if the removed image was selected
+        if (images[index].id === watchedActiveImageId) {
+            form.setValue('activeImageId', '', { shouldValidate: true, shouldDirty: true });
+        }
+    };
+    const handleUpdateImage = (index, field, value) => {
+        const newImages = [...images];
+        newImages[index] = { ...newImages[index], [field]: value };
+        setImages(newImages);
+    };
+    // ─── Client Mode Preview ──────────────────────────────────────────────────
+    if (isClientMode) {
+        const questionData = {
+            audioUrl: watchedAudioUrl,
+            expectedAnswers: watchedExpectedAnswers,
+            explanation: watchedExplanation,
+            points: watchedPoints,
+            activeImageId: watchedActiveImageId,
+            isBackup: watchedIsBackup,
+            groupImages: images,
+            groupNumber: isGrouped ? currentGroupNumber : undefined,
+        };
+        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 tr\u1EA3 l\u1EDDi theo nh\u00F3m \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(ListenAndSpeakImageGroupClient, { questionData: questionData, isReviewMode: true })] }));
+    }
+    // ─── Creator UI ────────────────────────────────────────────────────────────
+    return (_jsxs("div", { className: "space-y-6", children: [_jsx(CreatorGuide, { colorScheme: "emerald", steps: [
+                    { text: 'Thêm hình ảnh vào nhóm — mỗi hình cần có URL và nhãn mô tả' },
+                    { text: 'Hình ảnh dùng chung cho tất cả câu hỏi trong nhóm (câu hỏi đầu tiên sẽ quản lý)' },
+                    { text: 'Upload audio câu hỏi cho từng câu — giám khảo sẽ hỏi về từng hình' },
+                    { text: 'Chọn hình ảnh đang được hỏi (active image) cho mỗi câu', highlight: true },
+                    { text: 'Nhập các đáp án mong muốn và giải thích' },
+                ], tips: ['Sắp xếp hình ảnh theo thứ tự logic, gắn nhãn rõ ràng'] }), _jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-emerald-100/50", children: [_jsx("div", { className: "h-1.5 bg-gradient-to-r from-emerald-500 via-teal-500 to-cyan-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-emerald-500 to-teal-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-emerald-100 px-3 py-1 text-sm font-medium text-emerald-700", children: [_jsx("span", { children: "\uD83D\uDDBC\uFE0F" }), _jsxs("span", { children: ["Nh\u00F3m ", currentGroupNumber] }), _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-emerald-200 text-emerald-600 hover:bg-emerald-50 hover:text-emerald-700", children: [_jsx(Eye, { className: "h-4 w-4" }), "Preview"] })] }) })] }), _jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-emerald-100/50", children: [_jsx("div", { className: "h-1 bg-gradient-to-r from-emerald-400 to-teal-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-emerald-100", children: _jsx(ImageIcon2, { className: "h-3.5 w-3.5 text-emerald-600" }) }), _jsx(CardTitle, { className: "text-lg font-semibold text-gray-800", children: "Nh\u00F3m H\u00ECnh \u1EA2nh" })] }), images.length < 4 && (_jsxs(Button, { variant: "outline", size: "sm", onClick: handleAddImage, 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 h\u00ECnh \u1EA3nh"] }))] }) }), _jsxs(CardContent, { className: "space-y-4", children: [_jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: images.map((img, index) => (_jsxs("div", { className: "rounded-xl border border-gray-200 bg-gray-50 p-4", children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex h-7 w-7 items-center justify-center rounded-lg bg-gradient-to-br from-blue-500 to-indigo-600 text-white text-sm font-bold shadow-sm", children: String.fromCharCode(65 + index) }), _jsxs("span", { className: "text-sm font-semibold text-gray-700", children: ["H\u00ECnh \u1EA3nh ", String.fromCharCode(65 + index)] })] }), images.length > 1 && (_jsx(Button, { variant: "ghost", size: "sm", onClick: () => handleRemoveImage(index), className: "h-7 w-7 p-0 text-red-500 hover:text-red-700 hover:bg-red-50", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) }))] }), _jsx(FileUpload, { id: `group-img-${img.id}`, label: "", accept: "image/*", value: img.url, onChange: (url) => handleUpdateImage(index, 'url', url), maxSize: 5, placeholder: "Upload h\u00ECnh \u1EA3nh", autoUpload: true, prefix: "questions/images" }), img.url && _jsx(ImagePreview, { imageUrl: img.url }), _jsxs("div", { className: "mt-3", children: [_jsx(Label, { className: "text-xs font-medium text-gray-600", children: "Nh\u00E3n" }), _jsx(Input, { value: img.label, onChange: (e) => handleUpdateImage(index, 'label', e.target.value), placeholder: "Nh\u1EADp nh\u00E3n / m\u00F4 t\u1EA3 ng\u1EAFn", className: "mt-1 border-gray-200" })] })] }, img.id))) }), images.length === 0 && (_jsxs("div", { className: "flex flex-col items-center justify-center rounded-lg border-2 border-dashed border-indigo-300 p-8 bg-indigo-50/50", children: [_jsx(ImageIcon2, { className: "h-10 w-10 text-indigo-400 mb-2" }), _jsx("p", { className: "text-sm text-gray-500 mb-3", children: "Ch\u01B0a c\u00F3 h\u00ECnh \u1EA3nh n\u00E0o" }), _jsxs(Button, { variant: "outline", size: "sm", onClick: handleAddImage, className: "gap-2", children: [_jsx(Plus, { className: "h-4 w-4" }), "Th\u00EAm h\u00ECnh \u1EA3nh \u0111\u1EA7u ti\u00EAn"] })] }))] })] }), _jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-indigo-100/50", children: [_jsx("div", { className: "h-1.5 bg-gradient-to-r from-indigo-500 to-blue-500" }), _jsx(CardHeader, { className: "pb-4", 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-indigo-500 to-blue-600 shadow-md", children: _jsx(Mic, { className: "h-5 w-5 text-white" }) }), _jsxs("div", { children: [_jsx(CardTitle, { className: "text-xl font-bold text-gray-900", children: "Nghe v\u00E0 tr\u1EA3 l\u1EDDi" }), _jsx("p", { className: "text-sm text-gray-500", children: "H\u1ECDc sinh nghe \u00E2m thanh v\u00E0 thu \u00E2m c\u00E2u tr\u1EA3 l\u1EDDi cho b\u1EE9c \u1EA3nh \u0111\u01B0\u1EE3c ch\u1ECDn" })] })] }) }), _jsxs(CardContent, { className: "space-y-6", children: [_jsx("div", { className: "rounded-xl border border-gray-200 bg-gray-50 p-4", children: _jsx("div", { className: "w-full md:w-1/2", children: _jsx(PointsInput, { ...form.register('points', { valueAsNumber: true }), error: form.hasError('points') ? form.getFieldError('points') : undefined }) }) }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { className: "flex items-center gap-2 text-base font-semibold text-gray-800", children: [_jsx(ImageIcon, { className: "h-4 w-4 text-indigo-500" }), "Ch\u1ECDn h\u00ECnh \u1EA3nh \u0111ang \u0111\u01B0\u1EE3c h\u1ECFi"] }), images.filter((o) => o.url).length > 0 ? (_jsx("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-4", children: images.map((img, index) => {
+                                            if (!img.url)
+                                                return null;
+                                            const isSelected = watchedActiveImageId === img.id;
+                                            return (_jsxs("button", { type: "button", onClick: () => {
+                                                    form.setValue('activeImageId', img.id, { shouldValidate: true, shouldDirty: true });
+                                                }, className: `relative text-left rounded-xl border-2 p-2 transition-all ${isSelected
+                                                    ? 'border-indigo-500 bg-indigo-50 ring-2 ring-indigo-200 shadow-md'
+                                                    : 'border-gray-200 hover:border-gray-400 hover:shadow-sm'}`, children: [_jsxs("div", { className: "flex flex-col items-center gap-2", children: [_jsx("div", { className: `flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-lg text-sm font-bold shadow-sm ${isSelected
+                                                                    ? 'bg-indigo-500 text-white'
+                                                                    : 'bg-gray-100 text-gray-600'}`, children: String.fromCharCode(65 + index) }), _jsx(ImagePreviewInline, { imageUrl: img.url }), img.label && (_jsx("p", { className: `text-xs text-center ${isSelected ? 'text-indigo-700 font-medium' : 'text-gray-600'}`, children: img.label }))] }), isSelected && (_jsx("div", { className: "absolute top-1 right-1", children: _jsx(CheckCircle2, { className: "h-5 w-5 text-indigo-500" }) }))] }, img.id));
+                                        }) })) : (_jsx("p", { className: "text-sm text-amber-600 italic", children: "Vui l\u00F2ng upload \u1EA3nh cho h\u00ECnh \u1EA3nh \u1EDF ph\u1EA7n tr\u00EAn tr\u01B0\u1EDBc" })), form.hasError('activeImageId') && (_jsx("div", { className: "mt-2 rounded-lg border border-red-200 bg-red-50 p-3", children: _jsxs("p", { className: "text-sm text-red-700", children: ["\u26A0\uFE0F ", form.getFieldError('activeImageId')] }) })), !form.hasError('activeImageId') && !watchedActiveImageId && images.filter((o) => o.url).length > 0 && (_jsx("p", { className: "mt-1 text-xs text-amber-600", children: "Ch\u01B0a ch\u1ECDn h\u00ECnh \u1EA3nh \u0111ang \u0111\u01B0\u1EE3c h\u1ECFi" }))] }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { className: "flex items-center gap-2 text-base font-semibold text-gray-800", children: [_jsx(Volume2, { className: "h-4 w-4 text-indigo-500" }), "Audio c\u00E2u h\u1ECFi"] }), _jsx(FileUpload, { id: "question-audio", label: "", accept: "audio/*", value: watchedAudioUrl, onChange: (url) => form.setValue('audioUrl', url, { shouldValidate: true, shouldDirty: true }), maxSize: 20, placeholder: "T\u1EA3i l\u00EAn file \u00E2m thanh (mp3, wav...)", autoUpload: true, prefix: "questions/audio" }), form.hasError('audioUrl') && (_jsx("p", { className: "text-sm text-red-600", children: form.getFieldError('audioUrl') })), audioPreviewUrl && (_jsx("audio", { controls: true, className: "mt-2 w-full", src: audioPreviewUrl, children: "Tr\u00ECnh duy\u1EC7t kh\u00F4ng h\u1ED7 tr\u1EE3 audio." }))] }), externalErrors && externalErrors.length > 0 && (_jsx("div", { className: "flex items-start gap-3 rounded-xl border border-red-200 bg-red-50 p-4", children: _jsxs("div", { className: "text-sm", children: [_jsx("p", { className: "font-semibold text-red-800", children: "C\u1EA7n ph\u1EA3i s\u1EEDa c\u00E1c l\u1ED7i sau:" }), _jsx("ul", { className: "mt-1 list-inside list-disc text-red-700", children: externalErrors.map((error, index) => (_jsx("li", { children: error }, index))) })] }) }))] })] }), _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, { 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, { value: answer || '', onChange: (e) => updateExpectedAnswer(index, e.target.value), placeholder: `Ví dụ: ${index === 0 ? 'A kite' : 'It is a kite'}`, 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, { 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, { value: watchedExplanation, onChange: (e) => form.setValue('explanation', e.target.value, { shouldValidate: true }), 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" }) })] })] }));
+}
+//# sourceMappingURL=ListenAndSpeakImageGroupCreator.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,82 @@
+import { ListenAndSpeakImageGroupCreator } from './ListenAndSpeakImageGroupCreator';
+export const listenAndSpeakImageGroupRegistration = {
+    component: ListenAndSpeakImageGroupCreator,
+    transformInitialData: (apiData) => {
+        const { content, answer, questionGroup, explanation, points } = apiData;
+        let creatorData = {
+            audioUrl: '',
+            expectedAnswers: [''],
+        };
+        if (content && typeof content === 'object') {
+            creatorData = {
+                audioUrl: content.audioUrl || '',
+                activeImageId: content.activeImageId || '',
+                expectedAnswers: answer?.expectedAnswers || [],
+                groupImages: answer?.groupImages || content.groupImages || questionGroup?.payload?.images || [],
+                groupNumber: answer?.groupNumber || content.groupNumber || questionGroup?.groupNumber || 1,
+                explanation,
+                points: points || 1,
+                isBackup: content.isBackup || false,
+            };
+        }
+        else if (answer && typeof answer === 'object') {
+            creatorData = {
+                ...answer,
+                audioUrl: answer.audioUrl || content?.audioUrl || '',
+                activeImageId: answer.activeImageId || content?.activeImageId || '',
+                groupImages: answer.groupImages || content?.groupImages || questionGroup?.payload?.images || [],
+                groupNumber: answer.groupNumber || content?.groupNumber || questionGroup?.groupNumber || 1,
+                explanation,
+                points: points || 1,
+                isBackup: content?.isBackup || false,
+            };
+        }
+        return creatorData;
+    },
+    getExtraProps: (ctx) => ({
+        onUnsavedChangesChange: ctx.onUnsavedChangesChange,
+        validationRef: ctx.validationRef,
+        groups: ctx.groups,
+        questionIndexInPart: ctx.questionIndexInPart,
+        partId: ctx.partId,
+    }),
+    wrapOnSave: (data, ctx) => ({
+        type: ctx.questionType,
+        content: {
+            ...(typeof ctx.state.content === 'object' && ctx.state.content !== null ? ctx.state.content : {}),
+            audioUrl: data.audioUrl,
+            activeImageId: data.activeImageId,
+            groupImages: data.groupImages,
+            groupNumber: data.groupNumber,
+            isBackup: data.isBackup || false,
+        },
+        points: data?.points ?? ctx.state.points ?? 1,
+        level: ctx.state.level,
+        difficulty: ctx.state.difficulty,
+        skill: ctx.state.skill,
+        answer: {
+            expectedAnswers: data.expectedAnswers,
+        },
+        explanation: data?.explanation || '',
+    }),
+    wrapOnChange: (data, ctx) => ({
+        type: ctx.questionType,
+        content: {
+            ...(typeof ctx.state.content === 'object' && ctx.state.content !== null ? ctx.state.content : {}),
+            audioUrl: data.audioUrl,
+            activeImageId: data.activeImageId,
+            groupImages: data.groupImages,
+            groupNumber: data.groupNumber,
+            isBackup: data.isBackup || false,
+        },
+        points: data?.points ?? ctx.state.points ?? 1,
+        level: ctx.state.level,
+        difficulty: ctx.state.difficulty,
+        skill: ctx.state.skill,
+        answer: {
+            expectedAnswers: data.expectedAnswers,
+        },
+        explanation: data?.explanation || '',
+    }),
+};
+//# sourceMappingURL=register.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,27 @@
+export const transformListenAndSpeakImageGroup = (question) => {
+    const contentData = question.content;
+    const answerData = question.answer;
+    const questionGroup = question.questionGroup;
+    const expectedAnswers = answerData?.expectedAnswers || [];
+    const apiContent = {
+        audioUrl: contentData?.audioUrl || answerData?.audioUrl || '',
+        activeImageId: contentData?.activeImageId || answerData?.activeImageId || '',
+        isBackup: contentData?.isBackup || answerData?.isBackup || false,
+    };
+    const result = {
+        apiContent,
+        apiCorrectAnswer: {
+            expectedAnswers: expectedAnswers,
+        },
+    };
+    if (contentData?.groupImages) {
+        result.sceneData = { images: contentData.groupImages };
+        result.groupNumber = contentData.groupNumber || questionGroup?.groupNumber || 1;
+    }
+    else if (questionGroup?.payload?.images) {
+        result.sceneData = { images: questionGroup.payload.images };
+        result.groupNumber = questionGroup.groupNumber;
+    }
+    return result;
+};
+//# sourceMappingURL=transform.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/listen-and-speak-image-group/transform.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,iCAAiC,GAAqB,CAAC,QAAQ,EAAE,EAAE;IAC9E,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;QACtB,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,UAAU,EAAE,QAAQ,IAAI,EAAE;QAC7D,aAAa,EAAE,WAAW,EAAE,aAAa,IAAI,UAAU,EAAE,aAAa,IAAI,EAAE;QAC5E,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,UAAU,EAAE,QAAQ,IAAI,KAAK;KACjE,CAAC;IAEF,MAAM,MAAM,GAAQ;QAClB,UAAU;QACV,gBAAgB,EAAE;YAChB,eAAe,EAAE,eAAe;SACjC;KACF,CAAC;IAEF,IAAI,WAAW,EAAE,WAAW,EAAE,CAAC;QAC7B,MAAM,CAAC,SAAS,GAAG,EAAE,MAAM,EAAE,WAAW,CAAC,WAAW,EAAE,CAAC;QACvD,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC,WAAW,IAAI,aAAa,EAAE,WAAW,IAAI,CAAC,CAAC;IAClF,CAAC;SAAM,IAAI,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;QAC1C,MAAM,CAAC,SAAS,GAAG,EAAE,MAAM,EAAE,aAAa,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QAC5D,MAAM,CAAC,WAAW,GAAG,aAAa,CAAC,WAAW,CAAC;IACjD,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}

package/dist/components/questions/types/listen-and-speak-info-exchange/ListenAndSpeakInfoExchangeClient.d.ts

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

package/dist/components/questions/types/listen-and-speak-info-exchange/ListenAndSpeakInfoExchangeClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListenAndSpeakInfoExchangeClient.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/listen-and-speak-info-exchange/ListenAndSpeakInfoExchangeClient.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,qCAAqC,EAAE,MAAM,0EAA0E,CAAC;AAmHjI,wBAAgB,gCAAgC,CAAC,EAC7C,YAAY,EACZ,YAAoB,EACpB,QAAmB,GACtB,EAAE,qCAAqC,qBAiHvC"}

package/dist/components/questions/types/listen-and-speak-info-exchange/ListenAndSpeakInfoExchangeClient.js

@@ -0,0 +1,39 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Volume2, Mic, CheckCircle2, Play, Pause, Info, ArrowLeftRight } from 'lucide-react';
+import { Button } from '../../../../components/ui/button';
+import { usePresignedFileUrl, useAudioPreview } from '../../../../shared/lib/hooks';
+// ─── 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 Preview ──────────────────────────────────
+function ImagePreview({ imageUrl, title }) {
+    const { previewUrl, isLoading } = usePresignedFileUrl(imageUrl);
+    if (isLoading) {
+        return (_jsx("div", { className: "w-full aspect-[4/3] rounded-xl border-2 border-gray-200 bg-gray-100 animate-pulse flex items-center justify-center", children: _jsx("span", { className: "text-gray-400 text-sm", children: "\u0110ang t\u1EA3i..." }) }));
+    }
+    if (!previewUrl)
+        return null;
+    return (_jsx("img", { src: previewUrl, alt: title || 'Illustration', className: "w-full rounded-xl border-2 border-gray-200 object-cover shadow-sm" }));
+}
+// ─── Sub-component: Info Table ────────────────────────────────────────────────
+function InfoTable({ label, title, rows, headerColor, }) {
+    return (_jsxs("div", { className: "rounded-xl overflow-hidden border border-gray-200 shadow-sm", children: [_jsx("div", { className: `${headerColor} text-white text-xs font-bold text-center py-1.5 tracking-widest uppercase`, children: label }), _jsx("div", { className: "bg-amber-50 text-center font-semibold text-sm py-2 border-b border-gray-200", children: title }), _jsx("table", { className: "w-full text-sm", children: _jsx("tbody", { children: rows.map((row, index) => (_jsxs("tr", { className: "border-b border-gray-100 last:border-0 bg-white", children: [_jsx("td", { className: "px-3 py-2 font-medium text-gray-700 w-1/2", children: row.key }), _jsx("td", { className: `px-3 py-2 w-1/2 ${row.value === '?' ? 'text-gray-400 font-bold text-base' : 'text-gray-800'}`, children: row.value })] }, index))) }) })] }));
+}
+// ─── Main Client Component ───────────────────────────────────────────────────
+export function ListenAndSpeakInfoExchangeClient({ questionData, isReviewMode = false, viewMode = 'ANSWER', }) {
+    const { audioUrl, title, imageUrl, fields, expectedAnswers = [], explanation } = questionData;
+    const qData = questionData;
+    // Use dual fields if available, fall back to legacy single fields
+    const candidateRows = (qData.candidateFields || fields || [])
+        .map((f) => ({ key: f.key, value: f.answer }));
+    const examinerRows = (qData.examinerFields || [])
+        .map((f) => ({ key: f.key, value: f.answer }));
+    return (_jsx("div", { className: "space-y-4", children: _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(ArrowLeftRight, { className: "h-4 w-4" }) }), _jsxs("span", { className: "text-sm font-medium text-gray-700", children: ["Nghe v\u00E0 n\u00F3i (Trao \u0111\u1ED5i th\u00F4ng tin \u2014 ", viewMode === 'ANSWER' ? 'Trả lời' : 'Đặt câu hỏi', ")"] })] }) }), _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" })] })), _jsxs("div", { className: "flex flex-col lg:flex-row gap-4", children: [imageUrl && (_jsx("div", { className: "lg:w-1/2", children: _jsx(ImagePreview, { imageUrl: imageUrl, title: title }) })), _jsxs("div", { className: "flex-1 space-y-4", children: [_jsx(InfoTable, { label: "CANDIDATE'S COPY", title: title, rows: candidateRows, headerColor: "bg-teal-600" }), _jsx(InfoTable, { label: "EXAMINER'S COPY", title: title, rows: examinerRows, headerColor: "bg-amber-600" })] })] }), _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: viewMode === 'ANSWER'
+                                        ? 'Học sinh sẽ nhấn nút ghi âm và nói câu trả lời tại đây'
+                                        : 'Học sinh sẽ nhấn nút ghi âm và đặt câu hỏi tại đây' })] }), 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: viewMode === 'ANSWER' ? 'Các đáp án mong muốn' : 'Các câu hỏi mong muốn' })] }), _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=ListenAndSpeakInfoExchangeClient.js.map

package/dist/components/questions/types/listen-and-speak-info-exchange/ListenAndSpeakInfoExchangeClient.js.map

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

package/dist/components/questions/types/listen-and-speak-info-exchange/ListenAndSpeakInfoExchangeCreator.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { QuestionGroupConfig } from '../../_shared/types/question-group.type';
+import type { ListenAndSpeakInfoExchangeCreatorProps, ListenAndSpeakInfoExchangeData } from '../../_shared/types/listen-and-speak-info-exchange.type';
+interface ExtendedCreatorProps extends Omit<ListenAndSpeakInfoExchangeCreatorProps, 'initialData'> {
+    initialData?: Partial<ListenAndSpeakInfoExchangeData>;
+    partId?: string;
+    groups?: QuestionGroupConfig[];
+    questionIndexInPart?: number;
+}
+export declare function ListenAndSpeakInfoExchangeCreator({ questionIndex, initialData, onChange, validationRef, onUnsavedChangesChange, isFirstInGroup: isFirstInGroupProp, partId, groups, questionIndexInPart, viewMode, }: ExtendedCreatorProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ListenAndSpeakInfoExchangeCreator.d.ts.map

package/dist/components/questions/types/listen-and-speak-info-exchange/ListenAndSpeakInfoExchangeCreator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListenAndSpeakInfoExchangeCreator.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/listen-and-speak-info-exchange/ListenAndSpeakInfoExchangeCreator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAYpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0DAA0D,CAAC;AAIpG,OAAO,KAAK,EACR,sCAAsC,EACtC,8BAA8B,EAEjC,MAAM,0EAA0E,CAAC;AAmClF,UAAU,oBAAqB,SAAQ,IAAI,CAAC,sCAAsC,EAAE,aAAa,CAAC;IAC9F,WAAW,CAAC,EAAE,OAAO,CAAC,8BAA8B,CAAC,CAAC;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,wBAAgB,iCAAiC,CAAC,EAC9C,aAAa,EACb,WAAW,EACX,QAAQ,EACR,aAAa,EACb,sBAAsB,EACtB,cAAc,EAAE,kBAAkB,EAClC,MAAM,EACN,MAAM,EACN,mBAAmB,EACnB,QAAmB,GACtB,EAAE,oBAAoB,qBA2hCtB"}