@tinyweb_dev/oe-exam-sdk 0.1.0

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

@@ -0,0 +1,33 @@
+export const transformListenAndSpeakInfoExchange = (question) => {
+    const contentData = question.content;
+    const answerData = question.answer;
+    const questionGroup = question.questionGroup;
+    const expectedAnswers = answerData?.expectedAnswers || [];
+    const apiContent = {
+        audioUrl: contentData?.audioUrl || answerData?.audioUrl || '',
+    };
+    const result = {
+        apiContent,
+        apiCorrectAnswer: {
+            expectedAnswers: expectedAnswers,
+        },
+    };
+    // Handle group data for info exchange fields
+    const groupPayload = questionGroup?.payload || {};
+    const title = answerData?.title || groupPayload.title || '';
+    const imageUrl = answerData?.imageUrl || groupPayload.imageUrl || '';
+    const legacyFields = answerData?.fields || groupPayload.fields || [];
+    const candidateFields = answerData?.candidateFields || groupPayload.candidateFields || legacyFields;
+    const examinerFields = answerData?.examinerFields || groupPayload.examinerFields || [];
+    if (title || imageUrl || candidateFields.length > 0 || examinerFields.length > 0) {
+        result.infoExchangeGroupData = {
+            title,
+            imageUrl,
+            candidateFields,
+            examinerFields,
+        };
+        result.groupNumber = answerData?.groupNumber || questionGroup?.groupNumber || 1;
+    }
+    return result;
+};
+//# sourceMappingURL=transform.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/listen-and-speak-info-exchange/transform.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,mCAAmC,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;QACpB,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,UAAU,EAAE,QAAQ,IAAI,EAAE;KAChE,CAAC;IAEF,MAAM,MAAM,GAAQ;QAChB,UAAU;QACV,gBAAgB,EAAE;YACd,eAAe,EAAE,eAAe;SACnC;KACJ,CAAC;IAEF,6CAA6C;IAC7C,MAAM,YAAY,GAAG,aAAa,EAAE,OAAO,IAAI,EAAE,CAAC;IAClD,MAAM,KAAK,GAAG,UAAU,EAAE,KAAK,IAAI,YAAY,CAAC,KAAK,IAAI,EAAE,CAAC;IAC5D,MAAM,QAAQ,GAAG,UAAU,EAAE,QAAQ,IAAI,YAAY,CAAC,QAAQ,IAAI,EAAE,CAAC;IACrE,MAAM,YAAY,GAAG,UAAU,EAAE,MAAM,IAAI,YAAY,CAAC,MAAM,IAAI,EAAE,CAAC;IACrE,MAAM,eAAe,GAAG,UAAU,EAAE,eAAe,IAAI,YAAY,CAAC,eAAe,IAAI,YAAY,CAAC;IACpG,MAAM,cAAc,GAAG,UAAU,EAAE,cAAc,IAAI,YAAY,CAAC,cAAc,IAAI,EAAE,CAAC;IAEvF,IAAI,KAAK,IAAI,QAAQ,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC/E,MAAM,CAAC,qBAAqB,GAAG;YAC3B,KAAK;YACL,QAAQ;YACR,eAAe;YACf,cAAc;SACjB,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-odd-one-out/ListenAndSpeakOddOneOutClient.d.ts

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

package/dist/components/questions/types/listen-and-speak-odd-one-out/ListenAndSpeakOddOneOutClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListenAndSpeakOddOneOutClient.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/listen-and-speak-odd-one-out/ListenAndSpeakOddOneOutClient.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kCAAkC,EAAE,MAAM,wEAAwE,CAAC;AAqE5H,wBAAgB,6BAA6B,CAAC,EAC1C,YAAY,EACZ,YAAoB,GACvB,EAAE,kCAAkC,qBA0KpC"}

package/dist/components/questions/types/listen-and-speak-odd-one-out/ListenAndSpeakOddOneOutClient.js

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Mic, Volume2, CheckCircle2, Play, Pause, ImageIcon, Info, CircleOff } 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 OddOneOutImage({ imageUrl, index }) {
+    const { previewUrl } = usePresignedFileUrl(imageUrl);
+    if (!previewUrl) {
+        return (_jsx("div", { className: "w-full h-full flex items-center justify-center bg-gray-100 text-gray-400", children: _jsx(ImageIcon, { className: "h-8 w-8" }) }));
+    }
+    return (_jsx("img", { src: previewUrl, alt: `Image ${index + 1}`, className: "w-full h-full object-cover" }));
+}
+// ─── Main Client Component ───────────────────────────────────────────────────
+export function ListenAndSpeakOddOneOutClient({ questionData, isReviewMode = false, }) {
+    const { audioUrl, images, oddOneOutIndex, 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(CircleOff, { className: "h-4 w-4" }) }), _jsx("span", { className: "text-sm font-medium text-gray-700", children: "Nghe v\u00E0 n\u00F3i (T\u00ECm h\u00ECnh kh\u00E1c lo\u1EA1i)" })] }) }), _jsxs("div", { className: "p-5 space-y-5", children: [images && images.length > 0 && (_jsx("div", { className: "bg-gradient-to-br from-amber-50/80 to-orange-50/60 rounded-2xl p-6 border border-amber-100/80 shadow-sm space-y-4", children: images.length === 4 ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "grid grid-cols-3 gap-4", children: images.slice(0, 3).map((imgUrl, index) => (_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-1.5 mb-1", children: [_jsx("span", { className: `flex h-6 w-6 items-center justify-center rounded-md text-xs font-bold ${isReviewMode && oddOneOutIndex === index ? 'bg-red-200 text-red-800' : 'bg-amber-200 text-amber-800'}`, children: index + 1 }), isReviewMode && oddOneOutIndex === index && (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-red-100 border border-red-200 px-1.5 py-0.5 text-[10px] font-bold text-red-700", children: [_jsx(CircleOff, { className: "h-2.5 w-2.5" }), "Kh\u00E1c lo\u1EA1i"] }))] }), _jsx("div", { className: `relative aspect-square rounded-xl overflow-hidden border-2 bg-white shadow-sm ${isReviewMode && oddOneOutIndex === index ? 'border-red-400 ring-2 ring-red-200' : 'border-gray-200'}`, children: imgUrl ? (_jsx(OddOneOutImage, { imageUrl: imgUrl, index: index })) : (_jsx("div", { className: "w-full h-full flex items-center justify-center text-gray-400 text-sm", children: _jsx(ImageIcon, { className: "h-6 w-6" }) })) })] }, index))) }), _jsx("div", { className: "flex justify-center", children: _jsx("div", { className: "w-1/3", children: _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-1.5 mb-1", children: [_jsx("span", { className: `flex h-6 w-6 items-center justify-center rounded-md text-xs font-bold ${isReviewMode && oddOneOutIndex === 3 ? 'bg-red-200 text-red-800' : 'bg-amber-200 text-amber-800'}`, children: "4" }), isReviewMode && oddOneOutIndex === 3 && (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-red-100 border border-red-200 px-1.5 py-0.5 text-[10px] font-bold text-red-700", children: [_jsx(CircleOff, { className: "h-2.5 w-2.5" }), "Kh\u00E1c lo\u1EA1i"] }))] }), _jsx("div", { className: `relative aspect-square rounded-xl overflow-hidden border-2 bg-white shadow-sm ${isReviewMode && oddOneOutIndex === 3 ? 'border-red-400 ring-2 ring-red-200' : 'border-gray-200'}`, children: images[3] ? (_jsx(OddOneOutImage, { imageUrl: images[3], index: 3 })) : (_jsx("div", { className: "w-full h-full flex items-center justify-center text-gray-400 text-sm", children: _jsx(ImageIcon, { className: "h-6 w-6" }) })) })] }) }) })] })) : (
+                                /* Fallback: equal grid for other counts */
+                                _jsx("div", { className: "grid grid-cols-2 gap-4", children: images.map((imgUrl, index) => (_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-1.5 mb-1", children: [_jsx("span", { className: `flex h-6 w-6 items-center justify-center rounded-md text-xs font-bold ${isReviewMode && oddOneOutIndex === index ? 'bg-red-200 text-red-800' : 'bg-amber-200 text-amber-800'}`, children: index + 1 }), isReviewMode && oddOneOutIndex === index && (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-red-100 border border-red-200 px-1.5 py-0.5 text-[10px] font-bold text-red-700", children: [_jsx(CircleOff, { className: "h-2.5 w-2.5" }), "Kh\u00E1c lo\u1EA1i"] }))] }), _jsx("div", { className: `relative aspect-square rounded-xl overflow-hidden border-2 bg-white shadow-sm ${isReviewMode && oddOneOutIndex === index ? 'border-red-400 ring-2 ring-red-200' : 'border-gray-200'}`, children: imgUrl ? (_jsx(OddOneOutImage, { imageUrl: imgUrl, index: index })) : (_jsx("div", { className: "w-full h-full flex items-center justify-center text-gray-400 text-sm", children: _jsx(ImageIcon, { className: "h-6 w-6" }) })) })] }, index))) })) })), 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 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=ListenAndSpeakOddOneOutClient.js.map

package/dist/components/questions/types/listen-and-speak-odd-one-out/ListenAndSpeakOddOneOutClient.js.map

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

package/dist/components/questions/types/listen-and-speak-odd-one-out/ListenAndSpeakOddOneOutCreator.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ListenAndSpeakOddOneOutCreatorProps } from '../../_shared/types/listen-and-speak-odd-one-out.type';
+export declare function ListenAndSpeakOddOneOutCreator({ initialData, onChange, onUnsavedChangesChange, validationRef, }: ListenAndSpeakOddOneOutCreatorProps): React.JSX.Element;
+//# sourceMappingURL=ListenAndSpeakOddOneOutCreator.d.ts.map

package/dist/components/questions/types/listen-and-speak-odd-one-out/ListenAndSpeakOddOneOutCreator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListenAndSpeakOddOneOutCreator.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/listen-and-speak-odd-one-out/ListenAndSpeakOddOneOutCreator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAe3D,OAAO,KAAK,EACR,mCAAmC,EAEtC,MAAM,wEAAwE,CAAC;AAqChF,wBAAgB,8BAA8B,CAAC,EAC3C,WAAW,EACX,QAAQ,EACR,sBAAsB,EACtB,aAAa,GAChB,EAAE,mCAAmC,qBA2oBrC"}

package/dist/components/questions/types/listen-and-speak-odd-one-out/ListenAndSpeakOddOneOutCreator.js

@@ -0,0 +1,248 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, 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';
+// Hooks
+import { useReactHookForm } from '../../../../shared/lib/hooks/useReactHookForm';
+import { useDebouncedCallback, usePresignedFileUrl } from '../../../../shared/lib/hooks';
+import { listenAndSpeakOddOneOutSchema, } from '../../../../shared/lib/validation/listen-and-speak-odd-one-out.validation';
+// Icons
+import { Plus, Trash2, Volume2, ImageIcon, MessageSquareText, HelpCircle, BookOpen, Eye, Pencil, Info, ListChecks, CircleOff, Check } from 'lucide-react';
+import { CreatorGuide } from '../../components/CreatorGuide';
+import { ListenAndSpeakOddOneOutClient } from './ListenAndSpeakOddOneOutClient';
+const REQUIRED_IMAGE_COUNT = 4;
+// ─── Sub-component: Image preview with presigned URL ─────────────────────────
+function ImagePreview({ imageUrl, index, isOddOneOut }) {
+    const { previewUrl } = usePresignedFileUrl(imageUrl);
+    if (!previewUrl)
+        return null;
+    return (_jsxs("div", { className: "relative rounded-xl border border-gray-200 overflow-hidden bg-white shadow-sm group/img", children: [_jsx("img", { src: previewUrl, alt: `Image ${index + 1}`, className: "h-36 w-full object-contain bg-gray-50 p-2" }), isOddOneOut && (_jsx("div", { className: "absolute inset-0 bg-red-500/10 ring-2 ring-inset ring-red-400 rounded-xl" }))] }));
+}
+// ─── Main Creator Component ──────────────────────────────────────────────────
+export function ListenAndSpeakOddOneOutCreator({ initialData, onChange, onUnsavedChangesChange, validationRef, }) {
+    // ---------------------------------------------------------------
+    // Form setup with Zod validation
+    // ---------------------------------------------------------------
+    const apiData = initialData;
+    const initImages = apiData?.images && apiData.images.length > 0
+        ? apiData.images
+        : Array(REQUIRED_IMAGE_COUNT).fill('');
+    const form = useReactHookForm({
+        zodSchema: listenAndSpeakOddOneOutSchema,
+        defaultValues: {
+            audioUrl: apiData?.audioUrl || '',
+            images: initImages.length >= REQUIRED_IMAGE_COUNT
+                ? initImages.slice(0, REQUIRED_IMAGE_COUNT)
+                : [...initImages, ...Array(REQUIRED_IMAGE_COUNT - initImages.length).fill('')],
+            oddOneOutIndex: apiData?.oddOneOutIndex ?? -1,
+            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 watchedImages = watch('images');
+    const watchedOddOneOutIndex = watch('oddOneOutIndex');
+    const watchedExpectedAnswers = watch('expectedAnswers');
+    const watchedPoints = watch('points');
+    const watchedExplanation = watch('explanation');
+    const watchedIsBackup = watch('isBackup');
+    // ---------------------------------------------------------------
+    // Echo-detection refs
+    // ---------------------------------------------------------------
+    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 () => {
+                    return await trigger();
+                },
+                getFormData: () => form.getValues(),
+            };
+        }
+    }, [validationRef, form, trigger]);
+    // ---------------------------------------------------------------
+    // Sync form when initialData props change (echo-detection)
+    // ---------------------------------------------------------------
+    useEffect(() => {
+        const normalizedInitialData = {
+            audioUrl: apiData?.audioUrl || '',
+            images: apiData?.images?.length >= REQUIRED_IMAGE_COUNT
+                ? apiData.images.slice(0, REQUIRED_IMAGE_COUNT)
+                : [...(apiData?.images || []), ...Array(REQUIRED_IMAGE_COUNT - (apiData?.images?.length || 0)).fill('')],
+            oddOneOutIndex: apiData?.oddOneOutIndex ?? -1,
+            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,
+            images: watchedImages,
+            oddOneOutIndex: watchedOddOneOutIndex,
+            expectedAnswers: watchedExpectedAnswers,
+            points: watchedPoints,
+            explanation: watchedExplanation,
+            isBackup: watchedIsBackup,
+        };
+        const isEchoFromOnChange = currentFormData.points === normalizedInitialData.points &&
+            currentFormData.explanation === normalizedInitialData.explanation &&
+            currentFormData.audioUrl === normalizedInitialData.audioUrl &&
+            currentFormData.oddOneOutIndex === normalizedInitialData.oddOneOutIndex &&
+            JSON.stringify(currentFormData.images) === JSON.stringify(normalizedInitialData.images) &&
+            JSON.stringify(currentFormData.expectedAnswers) === JSON.stringify(normalizedInitialData.expectedAnswers);
+        const wasJustSaved = initialData?.isCompleted === true;
+        if (isEchoFromOnChange && wasJustSaved)
+            return;
+        const shouldReset = !isEchoFromOnChange &&
+            (normalizedInitialData.audioUrl !== currentFormData.audioUrl ||
+                normalizedInitialData.oddOneOutIndex !== currentFormData.oddOneOutIndex ||
+                JSON.stringify(normalizedInitialData.images) !== JSON.stringify(currentFormData.images) ||
+                JSON.stringify(normalizedInitialData.expectedAnswers) !== JSON.stringify(currentFormData.expectedAnswers));
+        if (shouldReset) {
+            isInitializingRef.current = true;
+            form.reset(normalizedInitialData);
+            setTimeout(() => {
+                isInitializingRef.current = false;
+            }, 150);
+        }
+    }, [initialData, form, watchedAudioUrl, watchedImages, watchedOddOneOutIndex, watchedExpectedAnswers, watchedExplanation, watchedPoints, watchedIsBackup]);
+    // ---------------------------------------------------------------
+    // Fire onChange when form values change
+    // ---------------------------------------------------------------
+    const watchedImagesString = JSON.stringify(watchedImages);
+    const watchedExpectedAnswersString = JSON.stringify(watchedExpectedAnswers);
+    useEffect(() => {
+        if (isInitializingRef.current) {
+            const currentPayload = JSON.stringify({
+                audioUrl: watchedAudioUrl,
+                images: watchedImages,
+                oddOneOutIndex: watchedOddOneOutIndex,
+                expectedAnswers: watchedExpectedAnswers,
+                points: watchedPoints,
+                explanation: watchedExplanation,
+                isBackup: watchedIsBackup,
+            });
+            previousPayloadRef.current = currentPayload;
+            return;
+        }
+        const payload = {
+            audioUrl: watchedAudioUrl,
+            images: watchedImages,
+            oddOneOutIndex: watchedOddOneOutIndex,
+            expectedAnswers: watchedExpectedAnswers,
+            points: watchedPoints,
+            explanation: watchedExplanation,
+            isBackup: watchedIsBackup,
+        };
+        const payloadString = JSON.stringify(payload);
+        if (previousPayloadRef.current !== payloadString) {
+            previousPayloadRef.current = payloadString;
+            debouncedOnChange(payload);
+        }
+    }, [
+        watchedAudioUrl,
+        watchedImagesString,
+        watchedOddOneOutIndex,
+        watchedExpectedAnswersString,
+        watchedPoints,
+        watchedExplanation,
+        watchedIsBackup,
+        debouncedOnChange,
+    ]);
+    // Track unsaved changes
+    useEffect(() => {
+        if (onUnsavedChangesChange) {
+            onUnsavedChangesChange(form.formState.isDirty);
+        }
+    }, [form.formState.isDirty, onUnsavedChangesChange]);
+    // ---------------------------------------------------------------
+    // Handlers
+    // ---------------------------------------------------------------
+    const handleImageChange = (index, url) => {
+        const newImages = [...watchedImages];
+        newImages[index] = url;
+        form.setValue('images', newImages, { shouldValidate: true, shouldDirty: true });
+    };
+    const clearImage = (index) => handleImageChange(index, '');
+    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 });
+        }
+    };
+    const uploadedCount = watchedImages.filter(img => img.trim() !== '').length;
+    const [isClientMode, setIsClientMode] = useState(false);
+    // ─── Preview Mode ────────────────────────────────────────────────
+    if (isClientMode) {
+        return (_jsxs("div", { className: "space-y-6", children: [_jsx(Card, { children: _jsx(CardHeader, { children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(CardTitle, { className: "text-lg font-bold", children: "\uD83D\uDC41\uFE0F Ch\u1EBF \u0111\u1ED9 xem tr\u01B0\u1EDBc (Preview)" }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setIsClientMode(false), children: [_jsx(Pencil, { className: "mr-2 h-4 w-4" }), "Quay l\u1EA1i ch\u1EC9nh s\u1EEDa"] })] }) }) }), _jsx(ListenAndSpeakOddOneOutClient, { questionData: {
+                        audioUrl: watchedAudioUrl,
+                        images: watchedImages,
+                        oddOneOutIndex: watchedOddOneOutIndex,
+                        expectedAnswers: watchedExpectedAnswers,
+                        points: watchedPoints,
+                        explanation: watchedExplanation,
+                    } })] }));
+    }
+    return (_jsxs("div", { className: "space-y-6", children: [_jsx(CreatorGuide, { colorScheme: "blue", steps: [
+                    { text: 'Upload đúng 4 hình ảnh — 3 hình cùng loại và 1 hình khác loại' },
+                    { text: 'Upload audio câu hỏi cho mỗi câu — giám khảo hỏi hình nào khác loại và tại sao' },
+                    { text: 'Nhập đáp án mong muốn: tên hình khác loại + lý do', highlight: true },
+                    { text: 'Thêm giải thích chi tiết vì sao hình đó khác loại' },
+                ], tips: ['Sự khác biệt nên rõ ràng về chủ đề hoặc danh mục, không phải về hình thức'] }), _jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-blue-100/50", children: [_jsx("div", { className: "h-1 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-9 w-9 shrink-0 items-center justify-center rounded-lg bg-gradient-to-br from-blue-500 to-indigo-600 shadow-sm", children: _jsx(ListChecks, { className: "h-4 w-4 text-white" }) }), _jsxs("div", { children: [_jsx(CardTitle, { className: "text-lg font-bold text-gray-900", children: "Odd One Out \u2014 H\u00ECnh n\u00E0o kh\u00E1c lo\u1EA1i?" }), _jsx("p", { className: "text-sm text-gray-500", children: "H\u1ECDc sinh nh\u00ECn 4 h\u00ECnh v\u00E0 ch\u1EC9 ra h\u00ECnh kh\u00E1c lo\u1EA1i, gi\u1EA3i th\u00EDch l\u00FD do" })] })] }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setIsClientMode(true), disabled: !watchedAudioUrl, className: "gap-2 border-blue-200 text-blue-600 hover:bg-blue-50 disabled:opacity-50", children: [_jsx(Eye, { className: "h-4 w-4" }), "Preview"] })] }) })] }), _jsxs(Form, { ...form, children: [_jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-amber-100/50", children: [_jsx("div", { className: "h-1.5 bg-gradient-to-r from-amber-500 via-orange-500 to-red-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 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-amber-500 to-orange-600 shadow-md", children: _jsx(ImageIcon, { className: "h-5 w-5 text-white" }) }), _jsxs("div", { children: [_jsx(CardTitle, { className: "text-lg font-bold text-gray-900", children: "4 H\u00ECnh \u1EA3nh" }), _jsx("p", { className: "text-sm text-gray-500", children: "Upload \u0111\u00FAng 4 h\u00ECnh \u2014 1 h\u00ECnh s\u1EBD l\u00E0 h\u00ECnh kh\u00E1c lo\u1EA1i" })] })] }), _jsxs("span", { className: `inline-flex items-center rounded-full px-3 py-1 text-xs font-bold ${uploadedCount === 4
+                                                ? 'bg-green-100 text-green-700 border border-green-200'
+                                                : 'bg-orange-100 text-orange-600 border border-orange-200'}`, children: [uploadedCount, "/", REQUIRED_IMAGE_COUNT, " \u1EA3nh"] })] }) }), _jsx(CardContent, { children: _jsx(FormField, { control: control, name: "images", render: () => (_jsxs(FormItem, { children: [_jsx("div", { className: "grid grid-cols-2 gap-5", children: Array.from({ length: REQUIRED_IMAGE_COUNT }).map((_, index) => {
+                                                    const imgUrl = watchedImages[index] || '';
+                                                    const isSelected = watchedOddOneOutIndex === index;
+                                                    return (_jsxs(Card, { className: `relative border-2 transition-all duration-300 overflow-hidden ${isSelected
+                                                            ? 'border-red-400 bg-gradient-to-b from-red-50/60 to-white shadow-lg shadow-red-100/60 ring-1 ring-red-200'
+                                                            : 'border-gray-200 hover:border-gray-300 hover:shadow-md'}`, children: [isSelected && (_jsx("div", { className: "absolute top-0 left-0 right-0 h-1 bg-gradient-to-r from-red-400 via-rose-500 to-red-400" })), _jsx(CardHeader, { className: "pb-2 pt-3 px-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("span", { className: "text-sm font-semibold text-gray-600 flex items-center gap-2", children: [_jsx("span", { className: `flex h-6 w-6 items-center justify-center rounded-md text-xs font-bold transition-colors duration-200 ${isSelected ? 'bg-red-100 text-red-700' : 'bg-amber-100 text-amber-700'}`, children: index + 1 }), "\u1EA2nh ", index + 1, isSelected && (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-red-100 border border-red-200 px-2 py-0.5 text-xs font-bold text-red-700 animate-in fade-in slide-in-from-left-1 duration-200", children: [_jsx(CircleOff, { className: "h-3 w-3" }), "Kh\u00E1c lo\u1EA1i"] }))] }), _jsx("div", { className: "flex items-center gap-1", children: imgUrl && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => clearImage(index), className: "h-7 w-7 rounded-full text-red-400 hover:text-red-600 hover:bg-red-50", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })) })] }) }), _jsxs(CardContent, { className: "space-y-3 px-4 pb-4", children: [imgUrl ? (_jsx(ImagePreview, { imageUrl: imgUrl, index: index, isOddOneOut: isSelected })) : (_jsx(FileUpload, { id: `odd-one-out-img-${index}`, label: "", accept: "image/*", value: "", onChange: (url) => handleImageChange(index, url), placeholder: `Upload ảnh ${index + 1}`, maxSize: 5, autoUpload: true, prefix: "questions/odd-one-out" })), form.formState.errors?.images?.[index] && (_jsxs("p", { className: "text-sm font-medium text-destructive", children: ["Vui l\u00F2ng t\u1EA3i l\u00EAn \u1EA3nh ", index + 1] })), _jsxs("button", { type: "button", onClick: () => {
+                                                                            form.setValue('oddOneOutIndex', index, { shouldValidate: true, shouldDirty: true });
+                                                                            clearErrors('oddOneOutIndex');
+                                                                        }, className: `group/toggle w-full flex items-center gap-3 rounded-lg px-3 py-2.5 text-left transition-all duration-200 cursor-pointer ${isSelected
+                                                                            ? 'bg-red-50 border border-red-200'
+                                                                            : 'bg-gray-50 border border-gray-200 hover:bg-red-50/50 hover:border-red-200/60'}`, children: [_jsx("div", { className: `flex h-5 w-5 shrink-0 items-center justify-center rounded-full border-2 transition-all duration-200 ${isSelected
+                                                                                    ? 'border-red-500 bg-red-500 shadow-sm shadow-red-200'
+                                                                                    : 'border-gray-300 bg-white group-hover/toggle:border-red-300'}`, children: isSelected && (_jsx(Check, { className: "h-3 w-3 text-white", strokeWidth: 3 })) }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx("span", { className: `text-xs font-semibold transition-colors duration-200 ${isSelected
+                                                                                        ? 'text-red-700'
+                                                                                        : 'text-gray-500 group-hover/toggle:text-red-600'}`, children: isSelected ? 'Đã đánh dấu là hình khác loại' : 'Đánh dấu là hình khác loại' }) }), _jsx(CircleOff, { className: `h-3.5 w-3.5 shrink-0 transition-colors duration-200 ${isSelected
+                                                                                    ? 'text-red-400'
+                                                                                    : 'text-gray-300 group-hover/toggle:text-red-300'}` })] })] })] }, index));
+                                                }) }), form.formState.errors?.images?.message && (_jsx(FormMessage, {})), form.formState.errors?.oddOneOutIndex?.message && (_jsxs("p", { className: "mt-3 text-sm font-medium text-destructive flex items-center gap-2", children: [_jsx(CircleOff, { className: "h-4 w-4" }), form.formState.errors.oddOneOutIndex.message] }))] })) }) })] }), _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-500 via-purple-500 to-pink-500" }), _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(HelpCircle, { className: "h-4 w-4 text-white" }) }), _jsxs("div", { children: [_jsx(CardTitle, { className: "text-lg font-bold text-gray-900", children: "C\u00E2u h\u1ECFi: H\u00ECnh n\u00E0o kh\u00E1c lo\u1EA1i?" }), _jsx("p", { className: "text-sm text-gray-500", children: "H\u1ECDc sinh nghe c\u00E2u h\u1ECFi, nh\u00ECn 4 h\u00ECnh v\u00E0 n\u00F3i h\u00ECnh n\u00E0o kh\u00E1c lo\u1EA1i + l\u00FD do" })] })] }) }), _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" }), "File Audio 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-odd-one-out", 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 shrink-0 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" }) }), _jsxs("div", { children: [_jsx(CardTitle, { className: "text-lg font-bold text-gray-900", children: "\u0110\u00E1p \u00E1n mong mu\u1ED1n" }), _jsxs("p", { className: "text-sm text-gray-500", children: [watchedExpectedAnswers.filter(a => a.trim()).length, " \u0111\u00E1p \u00E1n \u0111\u00E3 nh\u1EADp"] })] })] }), _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 text-xs text-blue-700", children: [_jsx(Info, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }), _jsx("span", { children: "H\u1ECDc sinh ph\u1EA3i ch\u1EC9 ra h\u00ECnh kh\u00E1c lo\u1EA1i V\u00C0 gi\u1EA3i th\u00EDch l\u00FD do t\u1EA1i sao." })] }), _jsx(FormField, { control: control, name: "expectedAnswers", render: () => (_jsxs(FormItem, { children: [_jsx("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-8 w-8 flex-shrink-0 items-center justify-center rounded-lg bg-green-100 text-green-700 text-sm font-bold mt-1", children: index + 1 }), _jsxs("div", { className: "flex-1", children: [_jsx(Input, { placeholder: `VD: ${index === 0 ? 'The beach — because the others are classrooms.' : 'It\'s the odd one out because...'}`, 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: "mt-0.5 h-8 w-8 rounded-full text-gray-400 hover:text-red-600 hover:bg-red-50 opacity-0 group-hover/answer:opacity-100 transition-opacity", "aria-label": `Xóa đáp án ${index + 1}`, children: _jsx(Trash2, { className: "h-4 w-4" }) }))] }, index))) }), form.formState.errors?.expectedAnswers?.message && (_jsx(FormMessage, {}))] })) })] })] }), _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=ListenAndSpeakOddOneOutCreator.js.map

package/dist/components/questions/types/listen-and-speak-odd-one-out/ListenAndSpeakOddOneOutCreator.js.map

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

package/dist/components/questions/types/listen-and-speak-odd-one-out/register.d.ts

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

package/dist/components/questions/types/listen-and-speak-odd-one-out/register.d.ts.map

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

package/dist/components/questions/types/listen-and-speak-odd-one-out/register.js

@@ -0,0 +1,60 @@
+import { ListenAndSpeakOddOneOutCreator } from './ListenAndSpeakOddOneOutCreator';
+export const listenAndSpeakOddOneOutRegistration = {
+    component: ListenAndSpeakOddOneOutCreator,
+    wrapOnSave: (data, ctx) => ({
+        type: ctx.questionType,
+        content: {
+            audioUrl: data.audioUrl,
+            images: data.images || [],
+            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 || [],
+            oddOneOutIndex: data.oddOneOutIndex ?? -1,
+        },
+        explanation: data?.explanation || '',
+    }),
+    wrapOnChange: (data, ctx) => ({
+        type: ctx.questionType,
+        content: {
+            audioUrl: data.audioUrl,
+            images: data.images || [],
+            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 || [],
+            oddOneOutIndex: data.oddOneOutIndex ?? -1,
+        },
+        explanation: data?.explanation || '',
+    }),
+    transformInitialData: (data) => {
+        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 || '';
+        return {
+            audioUrl: content?.audioUrl || answer?.audioUrl || '',
+            images: content?.images || answer?.images || ['', '', '', ''],
+            oddOneOutIndex: answer?.oddOneOutIndex ?? content?.oddOneOutIndex ?? -1,
+            expectedAnswers: answer?.expectedAnswers || [],
+            explanation,
+            points,
+            isBackup: content?.isBackup || false,
+        };
+    },
+    getExtraProps: (ctx) => ({
+        onUnsavedChangesChange: ctx.onUnsavedChangesChange,
+        validationRef: ctx.validationRef,
+    }),
+};
+//# sourceMappingURL=register.js.map

package/dist/components/questions/types/listen-and-speak-odd-one-out/register.js.map

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

package/dist/components/questions/types/listen-and-speak-odd-one-out/transform.d.ts

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

package/dist/components/questions/types/listen-and-speak-odd-one-out/transform.d.ts.map

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

package/dist/components/questions/types/listen-and-speak-odd-one-out/transform.js

@@ -0,0 +1,19 @@
+export const transformListenAndSpeakOddOneOut = (question) => {
+    const contentData = question.content;
+    const answerData = question.answer;
+    const expectedAnswers = answerData?.expectedAnswers || [];
+    const oddOneOutIndex = answerData?.oddOneOutIndex ?? contentData?.oddOneOutIndex ?? -1;
+    const apiContent = {
+        audioUrl: contentData?.audioUrl || answerData?.audioUrl || '',
+        images: contentData?.images || answerData?.images || [],
+        isBackup: contentData?.isBackup || answerData?.isBackup || false,
+    };
+    return {
+        apiContent,
+        apiCorrectAnswer: {
+            expectedAnswers: expectedAnswers,
+            oddOneOutIndex: oddOneOutIndex,
+        },
+    };
+};
+//# sourceMappingURL=transform.js.map

package/dist/components/questions/types/listen-and-speak-odd-one-out/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/listen-and-speak-odd-one-out/transform.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gCAAgC,GAAqB,CAAC,QAAQ,EAAE,EAAE;IAC3E,MAAM,WAAW,GAAG,QAAQ,CAAC,OAAc,CAAC;IAC5C,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAa,CAAC;IAE1C,MAAM,eAAe,GAAG,UAAU,EAAE,eAAe,IAAI,EAAE,CAAC;IAC1D,MAAM,cAAc,GAAG,UAAU,EAAE,cAAc,IAAI,WAAW,EAAE,cAAc,IAAI,CAAC,CAAC,CAAC;IAEvF,MAAM,UAAU,GAAQ;QACpB,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,UAAU,EAAE,QAAQ,IAAI,EAAE;QAC7D,MAAM,EAAE,WAAW,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,IAAI,EAAE;QACvD,QAAQ,EAAE,WAAW,EAAE,QAAQ,IAAI,UAAU,EAAE,QAAQ,IAAI,KAAK;KACnE,CAAC;IAEF,OAAO;QACH,UAAU;QACV,gBAAgB,EAAE;YACd,eAAe,EAAE,eAAe;YAChC,cAAc,EAAE,cAAc;SACjC;KACJ,CAAC;AACN,CAAC,CAAC"}

package/dist/components/questions/types/listen-and-speak-question-list/ListenAndSpeakQuestionListClient.d.ts

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

package/dist/components/questions/types/listen-and-speak-question-list/ListenAndSpeakQuestionListClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListenAndSpeakQuestionListClient.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/listen-and-speak-question-list/ListenAndSpeakQuestionListClient.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,qCAAqC,EAAE,MAAM,0EAA0E,CAAC;AA+CtI,wBAAgB,gCAAgC,CAAC,EAC7C,YAAY,EACZ,YAAoB,GACvB,EAAE,qCAAqC,qBAoIvC"}

package/dist/components/questions/types/listen-and-speak-question-list/ListenAndSpeakQuestionListClient.js

@@ -0,0 +1,27 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Mic, Volume2, CheckCircle2, Play, Pause, ListChecks, 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" })] }));
+}
+// ─── Main Client Component ───────────────────────────────────────────────────
+export function ListenAndSpeakQuestionListClient({ questionData, isReviewMode = false, }) {
+    const { audioUrl, expectedAnswers, activeQuestionId, questions = [], 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(ListChecks, { className: "h-4 w-4" }) }), _jsx("span", { className: "text-sm font-medium text-gray-700", children: "Nghe v\u00E0 n\u00F3i (Danh s\u00E1ch c\u00E2u h\u1ECFi)" })] }) }), _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" })] })), questions.length > 0 ? (_jsx("div", { className: "rounded-xl border border-gray-100 bg-gradient-to-b from-gray-50/80 to-white p-5 space-y-2.5", children: questions.map((q, idx) => {
+                                    const isActive = q.id === activeQuestionId;
+                                    return (_jsxs("div", { className: cn('flex items-center gap-3 rounded-lg px-4 py-3 transition-all duration-200', isActive
+                                            ? 'bg-blue-50 border-[2px] border-blue-300 shadow-sm shadow-blue-100/50'
+                                            : 'bg-white border border-gray-200 hover:border-gray-300 hover:shadow-sm'), children: [_jsx("div", { className: cn('flex h-7 w-7 flex-shrink-0 items-center justify-center rounded-lg text-xs font-bold shadow-sm', isActive
+                                                    ? 'bg-blue-500 text-white'
+                                                    : 'bg-gray-100 text-gray-500 border border-gray-200'), children: idx + 1 }), _jsx("span", { className: cn('text-sm font-medium flex-1', isActive ? 'text-blue-800' : 'text-gray-700'), children: q.text || _jsx("span", { className: "italic text-gray-400", children: "(Ch\u01B0a nh\u1EADp n\u1ED9i dung)" }) }), isActive && (_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("span", { className: "text-[10px] font-medium text-blue-500 animate-pulse", children: "\u0110ang h\u1ECFi" }), _jsx(CheckCircle2, { className: "h-4 w-4 text-blue-500" })] }))] }, q.id));
+                                }) })) : (
+                            /* Empty state */
+                            _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(ListChecks, { 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 c\u00E2u h\u1ECFi n\u00E0o" }), _jsx("p", { className: "text-xs text-gray-400 mt-1", children: "Danh s\u00E1ch c\u00E2u h\u1ECFi 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 && 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=ListenAndSpeakQuestionListClient.js.map