@tinyweb_dev/oe-exam-sdk 0.1.0

package/dist/components/questions/types/listen-and-choose-from-answer-group/ListenAndChooseFromAnswerGroupClient.js

@@ -0,0 +1,79 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Check, X, Play, Pause, Volume2, ImageIcon } from 'lucide-react';
+import { Button } from '../../../../components/ui/button';
+import { usePresignedFileUrl, useAudioPreview } from '../../../../shared/lib/hooks';
+import { cn } from '../../../../shared/lib/utils';
+// ─── Sub-component: 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: Option image ─────────────────────────────────────────────
+function OptionImage({ imageUrl }) {
+    const { previewUrl } = usePresignedFileUrl(imageUrl);
+    if (!previewUrl) {
+        return (_jsx("div", { className: "flex h-20 w-20 flex-shrink-0 items-center justify-center rounded-lg bg-gray-100 border border-gray-200", children: _jsx(ImageIcon, { className: "h-8 w-8 text-gray-300" }) }));
+    }
+    return (_jsx("img", { src: previewUrl, alt: "Option", className: "h-20 w-20 flex-shrink-0 rounded-lg object-contain bg-gray-50 border border-gray-200" }));
+}
+// ─── Main Client Component ───────────────────────────────────────────────────
+export function ListenAndChooseFromAnswerGroupClient({ questionData, onSubmit, isReviewMode = false, userAnswer, correctAnswer, explanation, }) {
+    const [selectedAnswer, setSelectedAnswer] = useState(userAnswer);
+    // Sync userAnswer when it changes
+    useEffect(() => {
+        if (userAnswer !== undefined) {
+            setSelectedAnswer(userAnswer);
+        }
+    }, [userAnswer]);
+    // Handle option selection — now by option ID
+    const handleOptionSelect = (optionId) => {
+        if (isReviewMode)
+            return;
+        setSelectedAnswer(optionId);
+        onSubmit?.(optionId);
+    };
+    // Resolve correct answer: prop > questionData
+    const resolvedCorrectAnswer = correctAnswer ?? questionData.correctAnswer;
+    // Get answer status for an option — by option ID
+    const getOptionStatus = (optionId) => {
+        const isSelected = selectedAnswer === optionId;
+        const isCorrectAnswer = isReviewMode && optionId === resolvedCorrectAnswer;
+        const isWrongSelection = isReviewMode && isSelected && !isCorrectAnswer;
+        return { isSelected, isCorrect: isCorrectAnswer, isWrong: isWrongSelection };
+    };
+    const hasAnswered = !!selectedAnswer;
+    const selectedOption = questionData.options.find((o) => o.id === selectedAnswer);
+    const isAnswerCorrect = isReviewMode && selectedAnswer === resolvedCorrectAnswer;
+    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: [_jsxs("div", { className: "flex items-center justify-between border-b border-gray-100 bg-gradient-to-r from-orange-50 to-amber-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-orange-500 to-amber-600 text-white shadow-sm", children: _jsx(Volume2, { className: "h-4 w-4" }) }), _jsx("span", { className: "text-sm font-medium text-gray-700", children: "Nghe v\u00E0 ch\u1ECDn trong nh\u00F3m \u0111\u00E1p \u00E1n" })] }), isReviewMode && hasAnswered && (_jsx("div", { className: cn('flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-semibold', isAnswerCorrect
+                                    ? 'bg-green-100 text-green-700'
+                                    : 'bg-red-100 text-red-700'), children: isAnswerCorrect ? (_jsxs(_Fragment, { children: [_jsx(Check, { className: "h-3.5 w-3.5" }), " \u0110\u00FAng"] })) : (_jsxs(_Fragment, { children: [_jsx(X, { className: "h-3.5 w-3.5" }), " Sai"] })) }))] }), _jsxs("div", { className: "p-5 space-y-5", children: [questionData.audioUrl && (_jsx(QuestionAudioPlayer, { audioUrl: questionData.audioUrl })), _jsxs("div", { className: "space-y-2", children: [_jsx("span", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider", children: "Ch\u1ECDn \u0111\u00E1p \u00E1n \u0111\u00FAng" }), _jsx("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3", children: questionData.options.map((option, optIndex) => {
+                                            const { isSelected, isCorrect, isWrong } = getOptionStatus(option.id);
+                                            return (_jsxs("button", { type: "button", onClick: () => handleOptionSelect(option.id), disabled: isReviewMode, className: cn('group relative flex flex-col items-center gap-2 rounded-xl border-2 p-3 transition-all', isReviewMode
+                                                    ? isCorrect
+                                                        ? 'border-green-400 bg-green-50 shadow-md'
+                                                        : isWrong
+                                                            ? 'border-red-400 bg-red-50'
+                                                            : 'border-gray-200 bg-gray-50'
+                                                    : isSelected
+                                                        ? 'border-blue-500 bg-blue-50 shadow-md ring-2 ring-blue-100'
+                                                        : 'border-gray-200 bg-white hover:border-gray-400 hover:shadow-sm cursor-pointer'), children: [_jsx("div", { className: cn('flex h-7 w-7 items-center justify-center rounded-lg text-sm font-bold shadow-sm', isReviewMode
+                                                            ? isCorrect
+                                                                ? 'bg-green-500 text-white'
+                                                                : isWrong
+                                                                    ? 'bg-red-500 text-white'
+                                                                    : 'bg-gray-200 text-gray-600'
+                                                            : isSelected
+                                                                ? 'bg-blue-500 text-white'
+                                                                : 'bg-gray-100 text-gray-600'), children: String.fromCharCode(65 + optIndex) }), _jsx(OptionImage, { imageUrl: option.imageUrl }), option.label && (_jsx("p", { className: cn('text-xs text-center font-medium', isReviewMode
+                                                            ? isCorrect ? 'text-green-700' : isWrong ? 'text-red-700' : 'text-gray-600'
+                                                            : isSelected ? 'text-blue-700' : 'text-gray-600'), children: option.label })), isReviewMode && (isCorrect || isWrong) && (_jsx("div", { className: cn('absolute top-1 right-1 flex h-5 w-5 items-center justify-center rounded-full shadow-sm', isCorrect ? 'bg-green-500' : 'bg-red-500'), children: isCorrect ? (_jsx(Check, { className: "h-3.5 w-3.5 text-white" })) : (_jsx(X, { className: "h-3.5 w-3.5 text-white" })) })), !isReviewMode && isSelected && (_jsx("div", { className: "absolute top-1 right-1 flex h-5 w-5 items-center justify-center rounded-full bg-blue-500 shadow-sm", children: _jsx(Check, { className: "h-3.5 w-3.5 text-white" }) }))] }, option.id));
+                                        }) })] }), hasAnswered && selectedOption && (_jsxs("div", { className: cn('flex items-center gap-2 rounded-lg border p-3', isReviewMode
+                                    ? isAnswerCorrect
+                                        ? 'border-green-200 bg-green-50'
+                                        : 'border-red-200 bg-red-50'
+                                    : 'border-blue-200 bg-blue-50'), children: [_jsxs("span", { className: "text-sm font-medium text-gray-700", children: ["\u0110\u00E3 ch\u1ECDn: ", _jsx("strong", { children: selectedOption.label || selectedOption.id })] }), isReviewMode && (_jsx("span", { className: cn('text-xs font-semibold', isAnswerCorrect ? 'text-green-600' : 'text-red-600'), children: isAnswerCorrect ? '✓ Chính xác' : '✗ Không chính xác' }))] })), !isReviewMode && !hasAnswered && (_jsxs("div", { className: "rounded-lg border border-amber-200 bg-gradient-to-r from-amber-50 to-yellow-50 p-3 flex items-center gap-2", children: [_jsx("div", { className: "flex h-5 w-5 flex-shrink-0 items-center justify-center rounded-full bg-amber-400 text-white", children: _jsx("span", { className: "text-xs font-bold", children: "!" }) }), _jsx("span", { className: "text-sm text-amber-800", children: "H\u00E3y ch\u1ECDn m\u1ED9t \u0111\u00E1p \u00E1n" })] })), isReviewMode && explanation && (_jsxs("div", { className: "rounded-lg border border-indigo-200 bg-indigo-50 p-4", children: [_jsx("p", { className: "text-sm font-semibold text-indigo-800", children: "Gi\u1EA3i th\u00EDch:" }), _jsx("p", { className: "mt-1 text-sm text-indigo-700", children: explanation })] }))] })] })] }));
+}
+//# sourceMappingURL=ListenAndChooseFromAnswerGroupClient.js.map

package/dist/components/questions/types/listen-and-choose-from-answer-group/ListenAndChooseFromAnswerGroupClient.js.map

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

package/dist/components/questions/types/listen-and-choose-from-answer-group/ListenAndChooseFromAnswerGroupCreator.d.ts

@@ -0,0 +1,3 @@
+import { ListenAndChooseFromAnswerGroupCreatorProps } from '../../_shared/types/listen-and-choose-from-answer-group.type';
+export declare function ListenAndChooseFromAnswerGroupCreator(props: ListenAndChooseFromAnswerGroupCreatorProps): import("react").JSX.Element;
+//# sourceMappingURL=ListenAndChooseFromAnswerGroupCreator.d.ts.map

package/dist/components/questions/types/listen-and-choose-from-answer-group/ListenAndChooseFromAnswerGroupCreator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListenAndChooseFromAnswerGroupCreator.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/listen-and-choose-from-answer-group/ListenAndChooseFromAnswerGroupCreator.tsx"],"names":[],"mappings":"AAWA,OAAO,EACL,0CAA0C,EAG3C,MAAM,+EAA+E,CAAC;AAuoBvF,wBAAgB,qCAAqC,CAAC,KAAK,EAAE,0CAA0C,+BAEtG"}

package/dist/components/questions/types/listen-and-choose-from-answer-group/ListenAndChooseFromAnswerGroupCreator.js

@@ -0,0 +1,233 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from 'react';
+import { Button } from '../../../../components/ui/button';
+import { Input } from '../../../../components/ui/input';
+import { Textarea } from '../../../../components/ui/textarea';
+import { Label } from '../../../../components/ui/label';
+import { Card, CardContent, CardHeader, CardTitle } from '../../../../components/ui/card';
+import { Pencil, Eye, Play, Pause, Plus, Trash2, Music, CheckCircle2, ListChecks, ImageIcon, BookOpen } from 'lucide-react';
+import { toast } from 'sonner';
+import { FileUpload } from '../../../../components/ui/file-upload';
+import { ListenAndChooseFromAnswerGroupClient } from './ListenAndChooseFromAnswerGroupClient';
+import { usePresignedFileUrl, useAudioPreview, useDebouncedCallback } from '../../../../shared/lib/hooks';
+import { useReactHookForm } from '../../../../shared/lib/hooks/useReactHookForm';
+import { listenAndChooseFromAnswerGroupFormSchema } from '../../../../shared/lib/validation/listen-and-choose-from-answer-group.validation';
+import { useAnswerGroupQuestionGroup } from '../../_shared/hooks/useAnswerGroupQuestionGroup';
+import { generateObjectId } from '../../_shared/utils/id-generator';
+import { CreatorGuide } from '../../components/CreatorGuide';
+// ─── Sub-component: Audio preview ────────────────────────────────────────────
+function AudioPreview({ audioUrl }) {
+    const { previewUrl } = usePresignedFileUrl(audioUrl);
+    const { isPlaying, currentTime, duration, progressPercentage, handlePlayPause, handleProgressClick, formatTime, } = useAudioPreview(previewUrl);
+    if (!previewUrl)
+        return null;
+    return (_jsx("div", { className: "bg-muted/50 rounded-lg border p-3", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx(Button, { variant: "outline", size: "icon", onClick: handlePlayPause, disabled: !previewUrl, className: "h-8 w-8", 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-muted relative h-1.5 flex-1 cursor-pointer rounded-full", onClick: handleProgressClick, children: _jsx("div", { className: "bg-primary absolute top-0 left-0 h-full rounded-full transition-all", style: { width: `${progressPercentage}%` } }) })] }) }));
+}
+// ─── Sub-component: Option image preview ─────────────────────────────────────
+function OptionImagePreview({ 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: "Option", className: "h-24 w-full object-contain bg-gray-50" }) }));
+}
+// ─── Main Creator Component ──────────────────────────────────────────────────
+function ListenAndChooseFromAnswerGroupCreatorContent({ initialData, onSave, onCancel, onChange, onUnsavedChangesChange, validationRef, externalErrors, groups, questionIndexInPart = 0, partId = '', }) {
+    // Shared Group Data
+    const answerGroupInitialData = {
+        options: initialData?.options || [],
+    };
+    const { isGrouped, currentGroupNumber, options, setOptions, } = useAnswerGroupQuestionGroup({
+        partId,
+        groups,
+        questionIndexInPart,
+        initialData: answerGroupInitialData,
+    });
+    // Specific Question State
+    const [audioUrl, setAudioUrl] = useState(initialData?.audioUrl || '');
+    const [correctAnswer, setCorrectAnswer] = useState(initialData?.correctAnswer !== undefined && initialData?.correctAnswer !== null
+        ? String(initialData.correctAnswer)
+        : '');
+    const [points, setPoints] = useState(initialData?.points);
+    const [explanation, setExplanation] = useState(initialData?.explanation || '');
+    const [isBackup, setIsBackup] = useState(initialData?.isBackup || false);
+    // Track previous initialData to detect changes
+    const previousInitialDataRef = useRef(initialData);
+    const isInitializingRef = useRef(false);
+    // UI State
+    const [isClientMode, setIsClientMode] = useState(false);
+    // Sync state from initialData when it changes
+    useEffect(() => {
+        const initialDataChanged = JSON.stringify(previousInitialDataRef.current) !== JSON.stringify(initialData);
+        if (initialDataChanged) {
+            isInitializingRef.current = true;
+            previousInitialDataRef.current = initialData;
+            if (initialData) {
+                if (initialData.audioUrl !== undefined)
+                    setAudioUrl(initialData.audioUrl);
+                if (initialData.correctAnswer !== undefined && initialData.correctAnswer !== null) {
+                    setCorrectAnswer(String(initialData.correctAnswer));
+                }
+                if (initialData.points !== undefined)
+                    setPoints(initialData.points);
+                if (initialData.explanation !== undefined)
+                    setExplanation(initialData.explanation);
+                if (initialData.isBackup !== undefined)
+                    setIsBackup(initialData.isBackup);
+            }
+            else {
+                setAudioUrl('');
+                setCorrectAnswer('');
+                setPoints(undefined);
+                setExplanation('');
+                setIsBackup(false);
+            }
+            setTimeout(() => {
+                isInitializingRef.current = false;
+            }, 100);
+        }
+    }, [initialData]);
+    const onChangeRef = useRef(onChange);
+    useEffect(() => {
+        onChangeRef.current = onChange;
+    }, [onChange]);
+    const debouncedOnChange = useDebouncedCallback((data) => {
+        onChangeRef.current?.(data);
+    }, 300);
+    // Notify onChange
+    useEffect(() => {
+        if (isInitializingRef.current)
+            return;
+        debouncedOnChange({
+            options,
+            audioUrl,
+            correctAnswer,
+            points,
+            explanation,
+            isBackup,
+            groups,
+            groupNumber: currentGroupNumber,
+        });
+    }, [options, audioUrl, correctAnswer, points, explanation, isBackup, groups, currentGroupNumber, debouncedOnChange]);
+    // Validation
+    const form = useReactHookForm({
+        defaultValues: {
+            options,
+            audioUrl,
+            correctAnswer,
+            points,
+            explanation,
+            isBackup,
+        },
+        zodSchema: listenAndChooseFromAnswerGroupFormSchema,
+        mode: 'onBlur',
+    });
+    useEffect(() => {
+        if (validationRef) {
+            validationRef.current = {
+                triggerValidation: async () => {
+                    form.setValue('options', options);
+                    form.setValue('audioUrl', audioUrl);
+                    form.setValue('correctAnswer', String(correctAnswer));
+                    form.setValue('points', points);
+                    form.setValue('isBackup', isBackup);
+                    const isValid = await form.trigger();
+                    if (!isValid) {
+                        return false;
+                    }
+                    return true;
+                },
+                getFormData: () => ({
+                    options,
+                    audioUrl,
+                    correctAnswer,
+                    points,
+                    explanation,
+                    isBackup,
+                    groups,
+                    groupNumber: currentGroupNumber,
+                }),
+            };
+        }
+    }, [validationRef, options, audioUrl, correctAnswer, points, explanation, isBackup, groups, currentGroupNumber, form]);
+    // ─── Option Management ──────────────────────────────────────────────────────
+    const addOption = () => {
+        const newOption = {
+            id: generateObjectId(),
+            imageUrl: '',
+            label: '',
+        };
+        setOptions([...options, newOption]);
+    };
+    const updateOptionImageUrl = (id, imageUrl) => {
+        setOptions(options.map((opt) => (opt.id === id ? { ...opt, imageUrl } : opt)));
+        form.clearErrors('options');
+    };
+    const updateOptionLabel = (id, label) => {
+        setOptions(options.map((opt) => (opt.id === id ? { ...opt, label } : opt)));
+        form.clearErrors('options');
+    };
+    const removeOption = (id) => {
+        if (options.length <= 2) {
+            toast.error('Cần tối thiểu 2 đáp án!');
+            return;
+        }
+        const newOptions = options.filter((opt) => opt.id !== id);
+        setOptions(newOptions);
+        // Clear correctAnswer if the removed option was the correct one
+        if (correctAnswer === id) {
+            setCorrectAnswer('');
+        }
+        form.clearErrors('options');
+    };
+    // ─── Client Mode Preview ──────────────────────────────────────────────────
+    if (isClientMode) {
+        const questionData = {
+            options,
+            audioUrl,
+            correctAnswer,
+            points,
+            explanation,
+            isBackup,
+        };
+        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 ch\u1ECDn trong nh\u00F3m \u0111\u00E1p \u00E1n (Preview)" }), _jsx("p", { className: "mt-1 text-sm text-gray-500", children: "Ch\u1EBF \u0111\u1ED9 xem tr\u01B0\u1EDBc" })] }), _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(ListenAndChooseFromAnswerGroupClient, { questionData: questionData, onSubmit: () => { }, isReviewMode: true, userAnswer: correctAnswer || undefined, correctAnswer: correctAnswer || undefined, explanation: explanation })] }));
+    }
+    // ─── Creator UI ────────────────────────────────────────────────────────────
+    return (_jsxs("div", { className: "space-y-6", children: [_jsx(CreatorGuide, { colorScheme: "orange", steps: [
+                    { text: 'Upload các hình ảnh lựa chọn (options) cho nhóm — học sinh sẽ chọn đáp án đúng' },
+                    { text: 'Mỗi option cần có hình ảnh và nhãn mô tả' },
+                    { text: 'Upload audio câu hỏi cho từng câu' },
+                    { text: 'Chọn đáp án đúng (correct answer) từ danh sách options', highlight: true },
+                ], tips: ['Nên có ít nhất 3-4 options để tạo sự phân biệt rõ ràng'] }), _jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-blue-100/50", children: [_jsx("div", { className: "h-1.5 bg-gradient-to-r from-orange-500 via-amber-500 to-yellow-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-orange-500 to-amber-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-orange-100 px-3 py-1 text-sm font-medium text-orange-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: options.filter((o) => o.imageUrl).length < 2 || !audioUrl, className: "gap-2 border-orange-200 text-orange-600 hover:bg-orange-50 hover:text-orange-700", children: [_jsx(Eye, { className: "h-4 w-4" }), "Preview"] })] }) })] }), _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" }), _jsxs(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-amber-100", children: _jsx(ListChecks, { className: "h-3.5 w-3.5 text-amber-600" }) }), _jsxs(CardTitle, { className: "text-lg font-semibold text-gray-800", children: ["Nh\u00F3m \u0111\u00E1p \u00E1n (", options.length, " \u0111\u00E1p \u00E1n)"] })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: addOption, className: "gap-2 border-green-200 text-green-600 hover:bg-green-50 hover:text-green-700", children: [_jsx(Plus, { className: "h-4 w-4" }), "Th\u00EAm \u0111\u00E1p \u00E1n"] })] }), form.formState.errors.options?.root && (_jsx("div", { className: "px-4 pb-2", children: _jsx("p", { className: "text-sm text-red-500", children: form.formState.errors.options.root.message }) }))] }), _jsxs(CardContent, { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [options.map((option, index) => (_jsxs(Card, { className: "border border-gray-200", children: [_jsx(CardHeader, { className: "pb-2 pt-3 px-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-7 w-7 items-center justify-center rounded-lg bg-gradient-to-br from-amber-500 to-orange-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: ["\u0110\u00E1p \u00E1n ", String.fromCharCode(65 + index)] })] }), options.length > 2 && (_jsx(Button, { variant: "ghost", size: "sm", onClick: () => removeOption(option.id), 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" }) }))] }) }), _jsxs(CardContent, { className: "space-y-3 px-4 pb-4", children: [_jsxs("div", { children: [_jsx(FileUpload, { id: `option-image-${option.id}`, label: "\u1EA2nh \u0111\u00E1p \u00E1n", accept: "image/*", value: option.imageUrl, onChange: (url) => updateOptionImageUrl(option.id, url), maxSize: 5, placeholder: "Upload \u1EA3nh cho \u0111\u00E1p \u00E1n", required: true, autoUpload: true, prefix: "questions" }), form.formState.errors.options?.[index]?.imageUrl && (_jsx("p", { className: "mt-1 text-sm text-red-500", children: form.formState.errors.options[index].imageUrl.message })), option.imageUrl && _jsx(OptionImagePreview, { imageUrl: option.imageUrl })] }), _jsxs("div", { children: [_jsx(Label, { className: "font-medium", children: "Nh\u00E3n" }), _jsx(Input, { value: option.label || '', onChange: (e) => updateOptionLabel(option.id, e.target.value), placeholder: "Nh\u1EADp label / m\u00F4 t\u1EA3 ng\u1EAFn", className: "mt-1" })] })] })] }, option.id))), options.length === 0 && (_jsxs("div", { className: "col-span-1 md:col-span-2 flex flex-col items-center justify-center rounded-lg border-2 border-dashed border-amber-300 p-8 bg-amber-50/50", children: [_jsx(ImageIcon, { className: "h-10 w-10 text-amber-400 mb-2" }), _jsx("p", { className: "text-sm text-gray-500 mb-3", children: "Ch\u01B0a c\u00F3 \u0111\u00E1p \u00E1n n\u00E0o" }), _jsxs(Button, { variant: "outline", size: "sm", onClick: addOption, className: "gap-2", children: [_jsx(Plus, { className: "h-4 w-4" }), "Th\u00EAm \u0111\u00E1p \u00E1n \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 bg-gradient-to-r from-indigo-400 to-purple-400" }), _jsx(CardHeader, { className: "pb-4", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-md bg-indigo-100", children: _jsx(Music, { className: "h-3.5 w-3.5 text-indigo-600" }) }), _jsx(CardTitle, { className: "text-lg font-semibold text-gray-800", children: "C\u00E2u h\u1ECFi" })] }) }), _jsxs(CardContent, { className: "space-y-6", children: [_jsx("div", { className: "rounded-xl border border-gray-200 bg-gradient-to-r from-gray-50 to-slate-50 p-4", children: _jsxs("div", { className: "flex flex-col md:flex-row gap-6", children: [_jsxs("div", { className: "flex-1", children: [_jsx(Label, { className: "text-sm font-semibold text-gray-700 mb-2 block", children: "\u0110i\u1EC3m *" }), _jsx(Input, { type: "number", min: 1, value: points ?? '', onChange: (e) => {
+                                                        const val = e.target.value;
+                                                        setPoints(val === '' ? undefined : parseInt(val, 10));
+                                                        form.clearErrors('points');
+                                                    }, placeholder: "Nh\u1EADp \u0111i\u1EC3m s\u1ED1", className: `w-40 bg-white ${form.formState.errors.points ? 'border-red-500' : ''}` }), form.formState.errors.points && (_jsx("p", { className: "mt-1 text-sm text-red-500", children: form.formState.errors.points.message }))] }), _jsx("div", { className: "flex-1 flex flex-col justify-center pt-2" })] }) }), _jsxs("div", { children: [_jsx(FileUpload, { id: "question-audio", label: "File \u00E2m thanh", accept: "audio/*", value: audioUrl, onChange: (url) => {
+                                            setAudioUrl(url);
+                                            form.clearErrors('audioUrl');
+                                        }, maxSize: 10, placeholder: "Upload file audio", required: true, autoUpload: true, prefix: "questions" }), form.formState.errors.audioUrl && (_jsx("p", { className: "mt-1 text-sm text-red-500", children: form.formState.errors.audioUrl.message })), audioUrl && _jsx(AudioPreview, { audioUrl: audioUrl })] }), _jsxs("div", { children: [_jsx(Label, { className: "text-sm font-semibold text-gray-700 mb-2 block", children: "Ch\u1ECDn \u0111\u00E1p \u00E1n \u0111\u00FAng *" }), options.filter((o) => o.imageUrl).length > 0 ? (_jsx("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3", children: options.map((option, optIndex) => {
+                                            if (!option.imageUrl)
+                                                return null;
+                                            const isSelected = correctAnswer === option.id;
+                                            return (_jsxs("button", { type: "button", onClick: () => {
+                                                    setCorrectAnswer(option.id);
+                                                    form.clearErrors('correctAnswer');
+                                                }, className: `relative text-left rounded-xl border-2 p-2 transition-all ${isSelected
+                                                    ? 'border-green-500 bg-green-50 ring-2 ring-green-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-green-500 text-white'
+                                                                    : 'bg-gray-100 text-gray-600'}`, children: String.fromCharCode(65 + optIndex) }), _jsx(OptionImagePreviewInline, { imageUrl: option.imageUrl }), option.label && (_jsx("p", { className: `text-xs text-center ${isSelected ? 'text-green-700 font-medium' : 'text-gray-600'}`, children: option.label }))] }), isSelected && (_jsx("div", { className: "absolute top-1 right-1", children: _jsx(CheckCircle2, { className: "h-5 w-5 text-green-500" }) }))] }, option.id));
+                                        }) })) : (_jsx("p", { className: "text-sm text-amber-600 italic", children: "Vui l\u00F2ng upload \u1EA3nh cho \u0111\u00E1p \u00E1n \u1EDF ph\u1EA7n tr\u00EAn tr\u01B0\u1EDBc" })), form.formState.errors.correctAnswer && (_jsx("div", { className: "mt-3 rounded-lg border border-red-200 bg-red-50 p-3", children: _jsxs("p", { className: "text-sm text-red-700", children: ["\u26A0\uFE0F ", form.formState.errors.correctAnswer.message] }) })), !form.formState.errors.correctAnswer && !correctAnswer && options.filter((o) => o.imageUrl).length > 0 && (_jsx("p", { className: "mt-1 text-xs text-amber-600", children: "Ch\u01B0a ch\u1ECDn \u0111\u00E1p \u00E1n \u0111\u00FAng" }))] })] })] }), _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: explanation, onChange: (e) => setExplanation(e.target.value), placeholder: "VD: C\u00E2u tr\u1EA3 l\u1EDDi \u0111\u00FAng l\u00E0... v\u00EC...", rows: 3, className: "min-h-[80px] border-gray-200 bg-white transition-all focus:border-amber-300 focus:ring-amber-200 resize-none" }) })] })] }));
+}
+// ─── Inline image preview (for correct answer selection) ─────────────────────
+function OptionImagePreviewInline({ 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(ImageIcon, { className: "h-6 w-6 text-gray-300" }) }));
+    }
+    return (_jsx("img", { src: previewUrl, alt: "Option", className: "h-16 w-full rounded-lg object-contain bg-gray-50" }));
+}
+export function ListenAndChooseFromAnswerGroupCreator(props) {
+    return _jsx(ListenAndChooseFromAnswerGroupCreatorContent, { ...props });
+}
+//# sourceMappingURL=ListenAndChooseFromAnswerGroupCreator.js.map

package/dist/components/questions/types/listen-and-choose-from-answer-group/ListenAndChooseFromAnswerGroupCreator.js.map

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

package/dist/components/questions/types/listen-and-choose-from-answer-group/index.d.ts

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

package/dist/components/questions/types/listen-and-choose-from-answer-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/listen-and-choose-from-answer-group/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAC;AACxD,cAAc,wCAAwC,CAAC"}

package/dist/components/questions/types/listen-and-choose-from-answer-group/index.js

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

package/dist/components/questions/types/listen-and-choose-from-answer-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/listen-and-choose-from-answer-group/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAC;AACxD,cAAc,wCAAwC,CAAC"}

package/dist/components/questions/types/listen-and-choose-from-answer-group/register.d.ts

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

package/dist/components/questions/types/listen-and-choose-from-answer-group/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/listen-and-choose-from-answer-group/register.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAErF,eAAO,MAAM,0CAA0C,EAAE,wBAwFxD,CAAC"}

package/dist/components/questions/types/listen-and-choose-from-answer-group/register.js

@@ -0,0 +1,83 @@
+import { ListenAndChooseFromAnswerGroupCreator } from './ListenAndChooseFromAnswerGroupCreator';
+export const listenAndChooseFromAnswerGroupRegistration = {
+    component: ListenAndChooseFromAnswerGroupCreator,
+    transformInitialData: (initialData) => {
+        if (!initialData)
+            return undefined;
+        const d = initialData;
+        // Group shared data: options
+        // Use data from questionGroup.payload first (API format), fallback to answer (reverse-transformed)
+        const options = (d?.questionGroup?.payload?.options?.length > 0 && d?.questionGroup?.payload?.options) ||
+            (d?.answer?.options?.length > 0 && d?.answer?.options) ||
+            (d?.content?.options?.length > 0 && d?.content?.options) ||
+            d?.options || [];
+        // Question specific data - prioritize content (API) then answer (reverse-transformed)
+        const audioUrl = d?.content?.audioUrl || d?.answer?.audioUrl || d?.audioUrl || '';
+        // Correct answer from multiple possible locations
+        const correctAnswer = d?.answer?.correctAnswer ??
+            d?.correctAnswer?.answer ??
+            d?.content?.correctAnswer ??
+            -1;
+        // Points and explanation - top-level fields take priority
+        const points = d?.points || d?.answer?.points || 1;
+        const explanation = d?.explanation || d?.answer?.explanation || d?.content?.explanation || '';
+        const isBackup = d?.content?.isBackup || d?.isBackup || false;
+        console.log('[LISTEN_AND_CHOOSE_FROM_ANSWER_GROUP register] transformInitialData:', {
+            correctAnswer,
+            audioUrl: audioUrl ? '✓' : '✗',
+            optionsCount: options?.length || 0,
+            sources: {
+                'answer.correctAnswer': d?.answer?.correctAnswer,
+                'correctAnswer.answer': d?.correctAnswer?.answer,
+                'questionGroup.payload.options': d?.questionGroup?.payload?.options?.length,
+            }
+        });
+        return {
+            audioUrl,
+            options,
+            correctAnswer,
+            points,
+            explanation,
+            isBackup,
+            isCompleted: d?.isCompleted,
+        };
+    },
+    getExtraProps: (ctx) => ({
+        groups: ctx.groups,
+        questionIndexInPart: ctx.questionIndexInPart,
+        partId: ctx.partId,
+        onUnsavedChangesChange: ctx.onUnsavedChangesChange,
+        validationRef: ctx.validationRef,
+    }),
+    wrapOnSave: (data, ctx) => ({
+        type: ctx.questionType,
+        content: {
+            ...(typeof ctx.state.content === 'object' && ctx.state.content !== null ? ctx.state.content : {}),
+            audioUrl: data.audioUrl,
+            options: data.options,
+            correctAnswer: data.correctAnswer,
+            isBackup: data.isBackup || false,
+        },
+        points: data?.points ?? ctx.state.points ?? 1,
+        level: ctx.state.level,
+        difficulty: ctx.state.difficulty,
+        skill: ctx.state.skill,
+        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,
+            options: data.options,
+            correctAnswer: data.correctAnswer,
+            isBackup: data.isBackup || false,
+        },
+        points: data?.points ?? ctx.state.points ?? 1,
+        level: ctx.state.level,
+        difficulty: ctx.state.difficulty,
+        skill: ctx.state.skill,
+        explanation: data?.explanation || '',
+    }),
+};
+//# sourceMappingURL=register.js.map

package/dist/components/questions/types/listen-and-choose-from-answer-group/register.js.map

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

package/dist/components/questions/types/listen-and-choose-from-answer-group/transform.d.ts

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

package/dist/components/questions/types/listen-and-choose-from-answer-group/transform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/listen-and-choose-from-answer-group/transform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAGpF,eAAO,MAAM,uCAAuC,EAAE,gBA+BrD,CAAC"}

package/dist/components/questions/types/listen-and-choose-from-answer-group/transform.js

@@ -0,0 +1,28 @@
+export const transformListenAndChooseFromAnswerGroup = (question) => {
+    const answerData = question.answer;
+    // Question-specific content: only audioUrl
+    const apiContent = {};
+    if (answerData?.audioUrl) {
+        apiContent.audioUrl = answerData.audioUrl;
+    }
+    const apiCorrectAnswer = {
+        answer: answerData.correctAnswer,
+    };
+    // Group shared data: options go into questionGroup.payload
+    const answerGroupData = {
+        options: (answerData.options || []).map((opt) => ({
+            id: opt.id,
+            imageUrl: opt.imageUrl,
+            ...(opt.label ? { label: opt.label } : {}),
+        })),
+    };
+    // Get group number directly from the component payload
+    const groupNumber = answerData.groupNumber || 1;
+    return {
+        apiContent,
+        apiCorrectAnswer,
+        answerGroupData,
+        groupNumber,
+    };
+};
+//# sourceMappingURL=transform.js.map

package/dist/components/questions/types/listen-and-choose-from-answer-group/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/listen-and-choose-from-answer-group/transform.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,uCAAuC,GAAqB,CAAC,QAAQ,EAAE,EAAE;IAClF,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAuD,CAAC;IAEpF,2CAA2C;IAC3C,MAAM,UAAU,GAAwB,EAAE,CAAC;IAC3C,IAAI,UAAU,EAAE,QAAQ,EAAE,CAAC;QACvB,UAAU,CAAC,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAC;IAC9C,CAAC;IAED,MAAM,gBAAgB,GAAG;QACrB,MAAM,EAAE,UAAU,CAAC,aAAa;KACnC,CAAC;IAEF,2DAA2D;IAC3D,MAAM,eAAe,GAAG;QACpB,OAAO,EAAE,CAAC,UAAU,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YAC9C,EAAE,EAAE,GAAG,CAAC,EAAE;YACV,QAAQ,EAAE,GAAG,CAAC,QAAQ;YACtB,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;SAC7C,CAAC,CAAC;KACN,CAAC;IAEF,uDAAuD;IACvD,MAAM,WAAW,GAAI,UAAkB,CAAC,WAAW,IAAI,CAAC,CAAC;IAEzD,OAAO;QACH,UAAU;QACV,gBAAgB;QAChB,eAAe;QACf,WAAW;KACd,CAAC;AACN,CAAC,CAAC"}

package/dist/components/questions/types/listen-and-choose-objects-in-scene/ListenAndChooseObjectsInSceneClient.d.ts

@@ -0,0 +1,10 @@
+import type { ListenAndChooseObjectsInSceneClientProps } from '../../_shared/types/listen-and-choose-objects-in-scene.type';
+/**
+ * ListenAndChooseObjectsInSceneClient
+ *
+ * Student/preview view for the "Listen and Choose Objects in Scene" question type.
+ * Displays a background scene image with clickable object images overlaid.
+ * Student listens to audio and clicks the correct object.
+ */
+export declare function ListenAndChooseObjectsInSceneClient({ questionData, onSubmit, isReviewMode, userAnswer, correctAnswer, explanation, }: ListenAndChooseObjectsInSceneClientProps): import("react").JSX.Element;
+//# sourceMappingURL=ListenAndChooseObjectsInSceneClient.d.ts.map

package/dist/components/questions/types/listen-and-choose-objects-in-scene/ListenAndChooseObjectsInSceneClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListenAndChooseObjectsInSceneClient.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/listen-and-choose-objects-in-scene/ListenAndChooseObjectsInSceneClient.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wCAAwC,EAAmB,MAAM,8EAA8E,CAAC;AAqF9J;;;;;;GAMG;AACH,wBAAgB,mCAAmC,CAAC,EAClD,YAAY,EACZ,QAAQ,EACR,YAAoB,EACpB,UAAU,EACV,aAAa,EACb,WAAW,GACZ,EAAE,wCAAwC,+BA0L1C"}