@tinyweb_dev/oe-exam-sdk 0.1.0

package/dist/components/questions/types/match-by-writing-answer/MatchByWritingAnswerCreator.js

@@ -0,0 +1,360 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ImagePreview } from '../../../../components/ui/image-preview';
+import { useState, useRef, useEffect } from 'react';
+import { Button } from '../../../../components/ui/button';
+import { Label } from '../../../../components/ui/label';
+import { Input } from '../../../../components/ui/input';
+import { Textarea } from '../../../../components/ui/textarea';
+import { PointsInput } from '../../../../components/ui/points-input';
+import { Card, CardContent, CardHeader, CardTitle } from '../../../../components/ui/card';
+import { Pencil, Eye, ImageIcon, MessageSquare, HelpCircle, BookOpen, Grid3X3, Users } from 'lucide-react';
+import { FileUpload } from '../../../../components/ui/file-upload';
+import { Checkbox } from '../../../../components/ui/checkbox';
+import { MatchByWritingAnswerClient } from './MatchByWritingAnswerClient';
+import { MatchAnswerGroupCard } from '../../groups/MatchAnswerGroupCard';
+import { useDebouncedCallback, usePresignedFileUrl } from '../../../../shared/lib/hooks';
+import { useExamQuestionStore } from '../../../../shared/lib/stores/examQuestionStore';
+// Helper: Calculate group number for a question index based on groups config
+function getGroupNumberForIndex(questionIndex, groups) {
+    if (!groups || groups.length === 0) {
+        return 1;
+    }
+    let currentIndex = 0;
+    for (const group of groups) {
+        if (questionIndex < currentIndex + group.questionCount) {
+            return group.number;
+        }
+        currentIndex += group.questionCount;
+    }
+    return groups[groups.length - 1]?.number || 1;
+}
+function MatchByWritingAnswerContent({ initialData, onSave, onSaveToQuestionBank, onCancel, onChange, onUnsavedChangesChange, externalErrors, groups, groupConfig, questionConfig, viewMode, questionIndexInPart = 0, partId = '', validationRef, headerExtra, }) {
+    // Access exam question store for shared data
+    const setSharedPassageData = useExamQuestionStore((state) => state.setSharedPassageData);
+    const getSharedPassageData = useExamQuestionStore((state) => state.getSharedPassageData);
+    // Get current group number
+    const initialGroupNum = getGroupNumberForIndex(questionIndexInPart, groups);
+    // Per-question state
+    const [question, setQuestion] = useState(initialData?.question || '');
+    const [imageUrl, setImageUrl] = useState(initialData?.imageUrl || '');
+    const [correctAnswer, setCorrectAnswer] = useState(initialData?.correctAnswer || '');
+    const [points, setPoints] = useState(initialData?.points || 1);
+    const [isExample, setIsExample] = useState(initialData?.isExample || false);
+    const [groupNumber, setGroupNumber] = useState(initialData?.groupNumber || initialGroupNum);
+    const [explanation, setExplanation] = useState(initialData?.explanation || '');
+    const [askerName, setAskerName] = useState(initialData?.askerName || '');
+    const [answererName, setAnswererName] = useState(initialData?.answererName || '');
+    // Shared options state (stored via exam question store)
+    const [options, setOptions] = useState(() => {
+        // Priority 1: Check shared data from store
+        if (partId) {
+            const storedData = getSharedPassageData(partId, initialGroupNum);
+            if (storedData?.options && Array.isArray(storedData.options)) {
+                return storedData.options;
+            }
+        }
+        // Priority 2: From initialData
+        return initialData?.options || [];
+    });
+    // Group image URL state (shared across all questions in the group)
+    const [groupImageUrl, setGroupImageUrl] = useState(() => {
+        if (partId) {
+            const storedData = getSharedPassageData(partId, initialGroupNum);
+            if (storedData?.groupImageUrl) {
+                return storedData.groupImageUrl;
+            }
+        }
+        return initialData?.groupImageUrl || '';
+    });
+    const [groupImagePreviewUrl, setGroupImagePreviewUrl] = useState('');
+    // Group title state (shared across all questions in the group)
+    const [groupTitle, setGroupTitle] = useState(() => {
+        if (partId) {
+            const storedData = getSharedPassageData(partId, initialGroupNum);
+            if (storedData?.groupTitle) {
+                return storedData.groupTitle;
+            }
+        }
+        return initialData?.groupTitle || '';
+    });
+    // Whether to show shared group fields
+    const showGroupImageUrl = groupConfig?.includes('groupImageUrl') ?? false;
+    const showGroupTitle = groupConfig?.includes('groupTitle') ?? false;
+    // UI State
+    const [isClientMode, setIsClientMode] = useState(false);
+    const [hasUnsavedChanges, setHasUnsavedChanges] = useState(false);
+    const [imagePreviewUrl, setImagePreviewUrl] = useState('');
+    // Inline validation errors
+    const [validationErrors, setValidationErrors] = useState({});
+    // Refs
+    const savedStateRef = useRef('');
+    const previousInitialDataRef = useRef(initialData);
+    const previousQuestionIndexRef = useRef(questionIndexInPart);
+    const isInitializingRef = useRef(false);
+    const hasInitializedRef = useRef(false);
+    const onChangeRef = useRef(onChange);
+    const previousPayloadRef = useRef('');
+    const onUnsavedChangesChangeRef = useRef(onUnsavedChangesChange);
+    const currentGroupNumber = groupNumber || 1;
+    // Determine which per-question fields to show based on questionConfig
+    // Default: show all fields if questionConfig is not provided
+    const showQuestionField = !questionConfig || questionConfig.includes('question');
+    const showImageUrlField = !questionConfig || questionConfig.includes('imageUrl');
+    const showAnswerField = !questionConfig || questionConfig.includes('answer');
+    // Presigned URL for per-question image preview
+    const { previewUrl: generatedPreviewUrl } = usePresignedFileUrl(imageUrl);
+    const displayPreviewUrl = imagePreviewUrl || generatedPreviewUrl || '';
+    useEffect(() => { onUnsavedChangesChangeRef.current = onUnsavedChangesChange; }, [onUnsavedChangesChange]);
+    useEffect(() => { onChangeRef.current = onChange; }, [onChange]);
+    const debouncedOnChange = useDebouncedCallback((data) => {
+        onChangeRef.current?.(data);
+    }, 300);
+    // Helper to get current state string
+    const getCurrentStateString = () => {
+        return JSON.stringify({
+            question,
+            imageUrl,
+            correctAnswer,
+            points,
+            isExample,
+            askerName,
+            answererName,
+            options,
+            groupImageUrl,
+            groupTitle,
+        });
+    };
+    // Initialize saved state when questionIndexInPart changes
+    useEffect(() => {
+        if (isInitializingRef.current)
+            return;
+        const timer = setTimeout(() => {
+            savedStateRef.current = getCurrentStateString();
+            setHasUnsavedChanges(false);
+        }, 150);
+        return () => clearTimeout(timer);
+    }, [questionIndexInPart]);
+    // Detect unsaved changes
+    useEffect(() => {
+        if (isInitializingRef.current)
+            return;
+        if (!savedStateRef.current)
+            return;
+        const currentState = getCurrentStateString();
+        const hasChanges = currentState !== savedStateRef.current;
+        if (hasChanges !== hasUnsavedChanges) {
+            setHasUnsavedChanges(hasChanges);
+            onUnsavedChangesChangeRef.current?.(hasChanges);
+        }
+    }, [question, imageUrl, correctAnswer, points, isExample, askerName, answererName, options, groupImageUrl, groupTitle, hasUnsavedChanges]);
+    // Expose validation function via ref
+    useEffect(() => {
+        if (validationRef) {
+            validationRef.current = {
+                triggerValidation: async () => {
+                    const errors = {};
+                    let isValid = true;
+                    if (showQuestionField && (!question || question.trim() === '')) {
+                        errors.question = 'Vui lòng nhập tên/câu hỏi';
+                        isValid = false;
+                    }
+                    if (showAnswerField && (!correctAnswer || correctAnswer.trim() === '')) {
+                        errors.correctAnswer = 'Vui lòng nhập đáp án';
+                        isValid = false;
+                    }
+                    setValidationErrors(errors);
+                    return isValid;
+                },
+                getFormData: () => ({
+                    question,
+                    imageUrl,
+                    correctAnswer,
+                    points,
+                    groupNumber: currentGroupNumber,
+                    isExample,
+                    askerName,
+                    answererName,
+                    options,
+                    groupImageUrl,
+                    groupTitle,
+                    explanation,
+                    groups,
+                }),
+            };
+        }
+    }, [validationRef, question, imageUrl, correctAnswer, points, currentGroupNumber, isExample, askerName, answererName, options, groupImageUrl, groupTitle, explanation, groups]);
+    // Sync from initialData when navigation or first init
+    useEffect(() => {
+        const questionIndexChanged = questionIndexInPart !== previousQuestionIndexRef.current;
+        const hasValidInitialData = !!initialData?.question;
+        const shouldSyncForFirstInit = !hasInitializedRef.current && hasValidInitialData;
+        const shouldSyncForNavigation = questionIndexChanged;
+        if (!shouldSyncForFirstInit && !shouldSyncForNavigation)
+            return;
+        isInitializingRef.current = true;
+        previousInitialDataRef.current = initialData;
+        previousQuestionIndexRef.current = questionIndexInPart;
+        hasInitializedRef.current = true;
+        const groupNum = getGroupNumberForIndex(questionIndexInPart, groups);
+        // Set per-question state
+        setQuestion(initialData?.question || '');
+        setImageUrl(initialData?.imageUrl || '');
+        setCorrectAnswer(initialData?.correctAnswer || '');
+        setPoints(initialData?.points || 1);
+        setIsExample(initialData?.isExample || false);
+        setGroupNumber(groupNum);
+        setExplanation(initialData?.explanation || '');
+        setAskerName(initialData?.askerName || '');
+        setAnswererName(initialData?.answererName || '');
+        // Handle shared options, groupImageUrl & groupTitle
+        let sharedOptions = [];
+        let sharedGroupImageUrl = '';
+        let sharedGroupTitle = '';
+        if (partId) {
+            const storedData = getSharedPassageData(partId, groupNum);
+            if (storedData?.options && Array.isArray(storedData.options)) {
+                sharedOptions = storedData.options;
+                sharedGroupImageUrl = storedData?.groupImageUrl || '';
+                sharedGroupTitle = storedData?.groupTitle || '';
+            }
+            else {
+                sharedOptions = initialData?.options || [];
+                sharedGroupImageUrl = initialData?.groupImageUrl || '';
+                sharedGroupTitle = initialData?.groupTitle || '';
+                if (sharedOptions.length > 0 || sharedGroupImageUrl || sharedGroupTitle) {
+                    setSharedPassageData(partId, groupNum, { options: sharedOptions, groupImageUrl: sharedGroupImageUrl, groupTitle: sharedGroupTitle });
+                }
+            }
+        }
+        else {
+            sharedOptions = initialData?.options || [];
+            sharedGroupImageUrl = initialData?.groupImageUrl || '';
+            sharedGroupTitle = initialData?.groupTitle || '';
+        }
+        setOptions(sharedOptions);
+        setGroupImageUrl(sharedGroupImageUrl);
+        setGroupTitle(sharedGroupTitle);
+        setTimeout(() => { isInitializingRef.current = false; }, 100);
+    }, [initialData, groups, questionIndexInPart, partId, getSharedPassageData, setSharedPassageData]);
+    // Call onChange when data changes
+    useEffect(() => {
+        if (isInitializingRef.current)
+            return;
+        const payload = {
+            question,
+            imageUrl,
+            correctAnswer,
+            points: points || 1,
+            groupNumber: currentGroupNumber,
+            isExample,
+            askerName,
+            answererName,
+            options,
+            groupImageUrl,
+            groupTitle,
+            explanation,
+            groups,
+        };
+        const payloadString = JSON.stringify(payload);
+        if (previousPayloadRef.current !== payloadString) {
+            previousPayloadRef.current = payloadString;
+            // Save shared data to store
+            if (partId) {
+                setSharedPassageData(partId, currentGroupNumber, { options, groupImageUrl, groupTitle });
+            }
+            debouncedOnChange(payload);
+        }
+    }, [question, imageUrl, correctAnswer, points, currentGroupNumber, isExample, askerName, answererName, options, groupImageUrl, groupTitle, explanation, groups, partId, setSharedPassageData, debouncedOnChange]);
+    // Update option
+    const updateOption = (index, field, value) => {
+        setOptions((prev) => {
+            const updated = [...prev];
+            updated[index] = { ...updated[index], [field]: value };
+            return updated;
+        });
+    };
+    // Add option
+    const addOption = () => {
+        const nextNumber = String(options.length + 1); // 1, 2, 3...
+        setOptions((prev) => [...prev, { answer: '', content: '', imageUrl: '' }]);
+    };
+    // Remove option
+    const removeOption = (index) => {
+        setOptions((prev) => prev.filter((_, i) => i !== index));
+    };
+    // Validate all fields
+    const validate = () => {
+        const errors = {};
+        let isValid = true;
+        if (showQuestionField && (!question || question.trim() === '')) {
+            errors.question = 'Vui lòng nhập tên/câu hỏi';
+            isValid = false;
+        }
+        if (showAnswerField && (!correctAnswer || correctAnswer.trim() === '')) {
+            errors.correctAnswer = 'Vui lòng nhập đáp án';
+            isValid = false;
+        }
+        setValidationErrors(errors);
+        return isValid;
+    };
+    // Handle save
+    const handleSave = () => {
+        if (!validate())
+            return;
+        const payload = {
+            question,
+            imageUrl,
+            correctAnswer,
+            points: points || 1,
+            groupNumber: currentGroupNumber,
+            isExample,
+            askerName,
+            answererName,
+            options,
+            groupImageUrl,
+            groupTitle,
+            explanation,
+            groups,
+        };
+        savedStateRef.current = getCurrentStateString();
+        setHasUnsavedChanges(false);
+        onSave?.(payload);
+    };
+    // Client mode preview
+    if (isClientMode) {
+        const questionData = {
+            question,
+            imageUrl: displayPreviewUrl || imageUrl,
+            correctAnswer,
+            points,
+            groupNumber: currentGroupNumber,
+            isExample,
+            options,
+        };
+        return (_jsxs("div", { className: "space-y-4", children: [_jsx(Card, { children: _jsx(CardHeader, { children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx(CardTitle, { children: "Match by Writing Answer (Preview)" }), _jsx("p", { className: "mt-1 text-sm text-gray-500", children: "Ch\u1EBF \u0111\u1ED9 xem tr\u01B0\u1EDBc - Hi\u1EC3n th\u1ECB \u0111\u00E1p \u00E1n \u0111\u00FAng" })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setIsClientMode(false), children: [_jsx(Pencil, { className: "mr-2 h-4 w-4" }), "Quay l\u1EA1i Edit Mode"] })] }) }) }), _jsx(MatchByWritingAnswerClient, { questionData: questionData, isReviewMode: true, autoFillCorrectAnswers: true, explanation: explanation })] }));
+    }
+    // Creator UI
+    return (_jsxs("div", { className: "space-y-4", children: [groups && groups.length > 0 && (_jsx(MatchAnswerGroupCard, { currentGroupNumber: currentGroupNumber, groupTitle: groupTitle, groupImageUrl: groupImageUrl, groupImagePreviewUrl: groupImagePreviewUrl, options: options, groupConfig: groupConfig, showGroupTitle: showGroupTitle, showGroupImageUrl: showGroupImageUrl, onGroupTitleChange: setGroupTitle, onGroupImageChange: setGroupImageUrl, onGroupImagePreviewUrlChange: setGroupImagePreviewUrl, onUpdateOption: updateOption, onRemoveOption: removeOption, onAddOption: addOption })), _jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-blue-100/50", children: [_jsx(CardHeader, { className: "px-4 py-3", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex h-8 w-8 items-center justify-center rounded-lg bg-blue-600 shadow-sm", children: _jsx(Grid3X3, { className: "h-4 w-4 text-white" }) }), _jsxs("div", { children: [_jsx(CardTitle, { className: "text-base font-bold text-gray-900", children: "Gh\u00E9p \u0111\u00E1p \u00E1n b\u1EB1ng c\u00E1ch vi\u1EBFt" }), _jsx("p", { className: "text-xs text-gray-500", children: "Nh\u00ECn h\u00ECnh v\u00E0 vi\u1EBFt \u0111\u00E1p \u00E1n t\u01B0\u01A1ng \u1EE9ng" })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [headerExtra, _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setIsClientMode(true), disabled: !question, className: "gap-2 border-teal-200 text-teal-600 hover:bg-teal-50 hover:text-teal-700", children: [_jsx(Eye, { className: "h-4 w-4" }), "Xem tr\u01B0\u1EDBc"] })] })] }) }), _jsxs(CardContent, { className: "space-y-4 px-4 pb-4", children: [_jsxs("div", { className: "flex items-center gap-6", children: [_jsx(PointsInput, { value: points || 1, onChange: (e) => setPoints(parseFloat(e.target.value) || 1) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Checkbox, { id: "isExample", checked: isExample || false, onCheckedChange: (checked) => setIsExample(!!checked) }), _jsx(Label, { htmlFor: "isExample", className: "flex items-center gap-1.5 cursor-pointer text-sm font-medium text-gray-700", children: "\u0110\u00E1nh d\u1EA5u l\u00E0 c\u00E2u h\u1ECFi Example" })] })] }), viewMode === 'CONVERSATION' && (_jsxs("div", { className: "space-y-3", children: [_jsxs(Label, { className: "flex items-center gap-2 text-base font-semibold text-gray-800", children: [_jsx(Users, { className: "h-4 w-4 text-indigo-500" }), "H\u1ED9i tho\u1EA1i ", _jsx("span", { className: "text-sm font-normal text-gray-500", children: "(tu\u1EF3 ch\u1ECDn - d\u00F9ng cho c\u00E2u h\u1ECFi d\u1EA1ng h\u1ED9i tho\u1EA1i)" })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4 rounded-xl border border-gray-200 bg-gradient-to-r from-gray-50 to-slate-50 p-4", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "askerName", className: "text-sm font-medium text-gray-600", children: "T\u00EAn ng\u01B0\u1EDDi h\u1ECFi" }), _jsx(Input, { id: "askerName", value: askerName, onChange: (e) => setAskerName(e.target.value), placeholder: "VD: John, Mary, Teacher...", className: "border-gray-200 bg-white transition-all focus:border-indigo-300 focus:ring-indigo-200" })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { htmlFor: "answererName", className: "text-sm font-medium text-gray-600", children: "T\u00EAn ng\u01B0\u1EDDi tr\u1EA3 l\u1EDDi" }), _jsx(Input, { id: "answererName", value: answererName, onChange: (e) => setAnswererName(e.target.value), placeholder: "VD: Tom, Anna, Student...", className: "border-gray-200 bg-white transition-all focus:border-indigo-300 focus:ring-indigo-200" })] })] })] })), showQuestionField && (_jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "question", className: "flex items-center gap-2 text-base font-semibold text-gray-800", children: [_jsx(MessageSquare, { className: "h-4 w-4 text-teal-500" }), "T\u00EAn / C\u00E2u h\u1ECFi ", _jsx("span", { className: "text-xs font-normal text-gray-500", children: "(t\u00F9y ch\u1ECDn)" })] }), _jsx(Input, { id: "question", value: question, onChange: (e) => {
+                                            setQuestion(e.target.value);
+                                            if (validationErrors.question) {
+                                                setValidationErrors((prev) => ({ ...prev, question: undefined }));
+                                            }
+                                        }, placeholder: "Nh\u1EADp t\u00EAn ho\u1EB7c c\u00E2u h\u1ECFi... (vd: Mum, Dad, Julia)", className: `border-gray-200 bg-white transition-all focus:border-teal-300 focus:ring-teal-200 ${validationErrors.question ? 'border-red-400 focus:border-red-500 focus:ring-red-200' : ''}` }), validationErrors.question && (_jsx("p", { className: "text-sm text-red-600", children: validationErrors.question }))] })), showImageUrlField && (_jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { className: "flex items-center gap-2 text-base font-semibold text-gray-800", children: [_jsx(ImageIcon, { className: "h-4 w-4 text-teal-500" }), "H\u00ECnh \u1EA3nh c\u00E2u h\u1ECFi ", _jsx("span", { className: "text-xs font-normal text-gray-500", children: "(t\u00F9y ch\u1ECDn)" })] }), _jsx(FileUpload, { id: "question-image", label: "", accept: "image/*", value: imageUrl || '', onChange: (url) => {
+                                            setImageUrl(url);
+                                            if (validationErrors.imageUrl) {
+                                                setValidationErrors((prev) => ({ ...prev, imageUrl: undefined }));
+                                            }
+                                        }, onPresignedUrlChange: setImagePreviewUrl, maxSize: 5, placeholder: "Upload \u1EA3nh ho\u1EB7c paste URL", autoUpload: true, prefix: "questions" }), displayPreviewUrl && (_jsx(ImagePreview, { src: displayPreviewUrl, alt: "Preview", className: "mt-2 h-48 w-full max-w-md rounded-lg border border-gray-200" }))] })), showAnswerField && (_jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "correctAnswer", className: "flex items-center gap-2 text-base font-semibold text-gray-800", children: [_jsx(HelpCircle, { className: "h-4 w-4 text-green-500" }), "\u0110\u00E1p \u00E1n \u0111\u00FAng ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsxs("select", { id: "correctAnswer", value: correctAnswer, onChange: (e) => {
+                                            setCorrectAnswer(e.target.value);
+                                            if (validationErrors.correctAnswer) {
+                                                setValidationErrors((prev) => ({ ...prev, correctAnswer: undefined }));
+                                            }
+                                        }, className: `flex h-10 w-full rounded-md border px-3 py-2 text-sm bg-white transition-all focus:outline-none focus:ring-2 focus:ring-offset-0 ${validationErrors.correctAnswer ? 'border-red-400 focus:border-red-500 focus:ring-red-200' : 'border-gray-200 focus:border-green-300 focus:ring-green-200'}`, children: [_jsx("option", { value: "", children: "-- Ch\u1ECDn \u0111\u00E1p \u00E1n \u0111\u00FAng --" }), options
+                                                .filter((opt) => opt.answer && opt.answer.trim() !== '')
+                                                .map((opt, idx) => (_jsx("option", { value: opt.answer, children: opt.answer }, idx)))] }), validationErrors.correctAnswer && (_jsx("p", { className: "text-sm text-red-600", children: validationErrors.correctAnswer }))] })), externalErrors && externalErrors.length > 0 && (_jsxs("div", { className: "flex items-start gap-3 rounded-xl border border-red-200 bg-gradient-to-r from-red-50 to-rose-50 p-4", children: [_jsx("div", { className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-lg bg-red-100", children: _jsx("span", { className: "text-lg", children: "\u274C" }) }), _jsxs("div", { className: "text-sm", children: [_jsx("p", { className: "font-semibold text-red-800", children: "L\u1ED7i:" }), _jsx("ul", { className: "mt-1 list-inside list-disc text-red-700", children: externalErrors.map((error, index) => (_jsx("li", { children: error }, index))) })] })] }))] })] }), _jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-amber-100/50", children: [_jsx(CardHeader, { className: "px-4 py-3", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex h-7 w-7 items-center justify-center rounded-lg bg-gradient-to-br from-amber-500 to-orange-500 shadow-sm", children: _jsx(BookOpen, { className: "h-3.5 w-3.5 text-white" }) }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CardTitle, { className: "text-base 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-xs 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, { className: "px-4 pb-4", children: _jsx(Textarea, { id: "explanation", 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" }) })] })] }));
+}
+export function MatchByWritingAnswerCreator(props) {
+    return _jsx(MatchByWritingAnswerContent, { ...props });
+}
+//# sourceMappingURL=MatchByWritingAnswerCreator.js.map

package/dist/components/questions/types/match-by-writing-answer/MatchByWritingAnswerCreator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatchByWritingAnswerCreator.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/match-by-writing-answer/MatchByWritingAnswerCreator.tsx"],"names":[],"mappings":"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"}

package/dist/components/questions/types/match-by-writing-answer/index.d.ts

@@ -0,0 +1,4 @@
+export { MatchByWritingAnswerCreator } from './MatchByWritingAnswerCreator';
+export { MatchByWritingAnswerClient } from './MatchByWritingAnswerClient';
+export { matchByWritingAnswerRegistration } from './register';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/questions/types/match-by-writing-answer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/match-by-writing-answer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,gCAAgC,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/questions/types/match-by-writing-answer/index.js

@@ -0,0 +1,4 @@
+export { MatchByWritingAnswerCreator } from './MatchByWritingAnswerCreator';
+export { MatchByWritingAnswerClient } from './MatchByWritingAnswerClient';
+export { matchByWritingAnswerRegistration } from './register';
+//# sourceMappingURL=index.js.map

package/dist/components/questions/types/match-by-writing-answer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/match-by-writing-answer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,gCAAgC,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/questions/types/match-by-writing-answer/register.d.ts

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

package/dist/components/questions/types/match-by-writing-answer/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/match-by-writing-answer/register.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAGhF,eAAO,MAAM,gCAAgC,EAAE,wBA8D9C,CAAC"}

package/dist/components/questions/types/match-by-writing-answer/register.js

@@ -0,0 +1,59 @@
+import { MatchByWritingAnswerCreator } from './MatchByWritingAnswerCreator';
+export const matchByWritingAnswerRegistration = {
+    component: MatchByWritingAnswerCreator,
+    transformInitialData: (initialData) => {
+        const content = initialData?.content;
+        const answer = initialData?.answer;
+        const questionGroup = initialData?.questionGroup;
+        const groupPayload = questionGroup?.payload || {};
+        const groupNumber = questionGroup?.groupNumber || 1;
+        // Extract shared options from group payload
+        const options = groupPayload?.options || answer?.options || [];
+        const groupImageUrl = groupPayload?.groupImageUrl || answer?.groupImageUrl || '';
+        const groupTitle = groupPayload?.groupTitle || answer?.groupTitle || '';
+        return {
+            question: content?.question || answer?.question || '',
+            imageUrl: content?.imageUrl || answer?.imageUrl || '',
+            correctAnswer: answer?.answer || answer?.correctAnswer || '',
+            points: initialData?.points || 1,
+            groupNumber: answer?.groupNumber || groupNumber,
+            isExample: initialData?.isExample || answer?.isExample || false,
+            askerName: content?.askerName || answer?.askerName || '',
+            answererName: content?.answererName || answer?.answererName || '',
+            options,
+            groupImageUrl,
+            groupTitle,
+            explanation: initialData?.explanation || answer?.explanation || '',
+        };
+    },
+    getExtraProps: (ctx) => ({
+        groups: ctx.groups,
+        groupConfig: ctx.groupConfig,
+        questionConfig: ctx.questionConfig,
+        viewMode: ctx.viewMode,
+        questionIndexInPart: ctx.questionIndexInPart,
+        partId: ctx.partId,
+        validationRef: ctx.validationRef,
+    }),
+    wrapOnSave: (data, ctx) => ({
+        type: ctx.questionType,
+        content: ctx.state.content,
+        points: data?.points ?? ctx.state.points ?? 1,
+        level: ctx.state.level,
+        difficulty: ctx.state.difficulty,
+        skill: ctx.state.skill,
+        answer: data,
+        explanation: data?.explanation || '',
+    }),
+    wrapOnChange: (data, ctx) => ({
+        type: ctx.questionType,
+        content: ctx.state.content,
+        points: data?.points ?? ctx.state.points ?? 1,
+        level: ctx.state.level,
+        difficulty: ctx.state.difficulty,
+        skill: ctx.state.skill,
+        answer: data,
+        explanation: data?.explanation || '',
+    }),
+};
+//# sourceMappingURL=register.js.map

package/dist/components/questions/types/match-by-writing-answer/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/match-by-writing-answer/register.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,MAAM,CAAC,MAAM,gCAAgC,GAA6B;IACxE,SAAS,EAAE,2BAA2B;IAEtC,oBAAoB,EAAE,CAAC,WAAW,EAAE,EAAE;QACpC,MAAM,OAAO,GAAG,WAAW,EAAE,OAAc,CAAC;QAC5C,MAAM,MAAM,GAAG,WAAW,EAAE,MAAa,CAAC;QAC1C,MAAM,aAAa,GAAG,WAAW,EAAE,aAAoB,CAAC;QACxD,MAAM,YAAY,GAAG,aAAa,EAAE,OAAO,IAAI,EAAE,CAAC;QAClD,MAAM,WAAW,GAAG,aAAa,EAAE,WAAW,IAAI,CAAC,CAAC;QAEpD,4CAA4C;QAC5C,MAAM,OAAO,GAAG,YAAY,EAAE,OAAO,IAAI,MAAM,EAAE,OAAO,IAAI,EAAE,CAAC;QAC/D,MAAM,aAAa,GAAG,YAAY,EAAE,aAAa,IAAI,MAAM,EAAE,aAAa,IAAI,EAAE,CAAC;QACjF,MAAM,UAAU,GAAG,YAAY,EAAE,UAAU,IAAI,MAAM,EAAE,UAAU,IAAI,EAAE,CAAC;QAExE,OAAO;YACL,QAAQ,EAAE,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,QAAQ,IAAI,EAAE;YACrD,QAAQ,EAAE,OAAO,EAAE,QAAQ,IAAI,MAAM,EAAE,QAAQ,IAAI,EAAE;YACrD,aAAa,EAAE,MAAM,EAAE,MAAM,IAAI,MAAM,EAAE,aAAa,IAAI,EAAE;YAC5D,MAAM,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;YAChC,WAAW,EAAE,MAAM,EAAE,WAAW,IAAI,WAAW;YAC/C,SAAS,EAAG,WAAmB,EAAE,SAAS,IAAI,MAAM,EAAE,SAAS,IAAI,KAAK;YACxE,SAAS,EAAE,OAAO,EAAE,SAAS,IAAI,MAAM,EAAE,SAAS,IAAI,EAAE;YACxD,YAAY,EAAE,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,YAAY,IAAI,EAAE;YACjE,OAAO;YACP,aAAa;YACb,UAAU;YACV,WAAW,EAAE,WAAW,EAAE,WAAW,IAAI,MAAM,EAAE,WAAW,IAAI,EAAE;SACnE,CAAC;IACJ,CAAC;IAED,aAAa,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACvB,MAAM,EAAE,GAAG,CAAC,MAAM;QAClB,WAAW,EAAE,GAAG,CAAC,WAAW;QAC5B,cAAc,EAAE,GAAG,CAAC,cAAc;QAClC,QAAQ,EAAE,GAAG,CAAC,QAAQ;QACtB,mBAAmB,EAAE,GAAG,CAAC,mBAAmB;QAC5C,MAAM,EAAE,GAAG,CAAC,MAAM;QAClB,aAAa,EAAE,GAAG,CAAC,aAAa;KACjC,CAAC;IAEF,UAAU,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;QAC1B,IAAI,EAAE,GAAG,CAAC,YAAY;QACtB,OAAO,EAAE,GAAG,CAAC,KAAK,CAAC,OAAO;QAC1B,MAAM,EAAG,IAAY,EAAE,MAAM,IAAI,GAAG,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC;QACtD,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK;QACtB,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU;QAChC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK;QACtB,MAAM,EAAE,IAAI;QACZ,WAAW,EAAG,IAAY,EAAE,WAAW,IAAI,EAAE;KAC9C,CAAC;IAEF,YAAY,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;QAC5B,IAAI,EAAE,GAAG,CAAC,YAAY;QACtB,OAAO,EAAE,GAAG,CAAC,KAAK,CAAC,OAAO;QAC1B,MAAM,EAAG,IAAY,EAAE,MAAM,IAAI,GAAG,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC;QACtD,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK;QACtB,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,UAAU;QAChC,KAAK,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK;QACtB,MAAM,EAAE,IAAI;QACZ,WAAW,EAAG,IAAY,EAAE,WAAW,IAAI,EAAE;KAC9C,CAAC;CACH,CAAC"}

package/dist/components/questions/types/match-by-writing-answer/transform.d.ts

@@ -0,0 +1,12 @@
+import { ExamQuestion } from '../../../../shared/types/entities/exam.types';
+import type { TransformResult } from '../../../../shared/lib/utils/question-transform-types';
+/**
+ * Transform MATCH_BY_WRITING_ANSWER creator data → API format
+ *
+ * API format:
+ *   content: { question, imageUrl }
+ *   correctAnswer: { answer }
+ *   questionGroup.payload: { options: [{ answer, imageUrl }] }
+ */
+export declare function transformMatchByWritingAnswer(question: Partial<ExamQuestion>): TransformResult;
+//# sourceMappingURL=transform.d.ts.map

package/dist/components/questions/types/match-by-writing-answer/transform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/match-by-writing-answer/transform.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAqCnF;;;;;;;GAOG;AACH,wBAAgB,6BAA6B,CAC3C,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,GAC9B,eAAe,CAuDjB"}

package/dist/components/questions/types/match-by-writing-answer/transform.js

@@ -0,0 +1,62 @@
+function normalizeMatchByWritingAnswerOptions(options) {
+    if (!Array.isArray(options)) {
+        return [];
+    }
+    return options.map((option) => ({
+        answer: typeof option?.answer === 'string' ? option.answer : '',
+        content: typeof option?.content === 'string' ? option.content : '',
+        imageUrl: typeof option?.imageUrl === 'string' ? option.imageUrl : '',
+    }));
+}
+/**
+ * Transform MATCH_BY_WRITING_ANSWER creator data → API format
+ *
+ * API format:
+ *   content: { question, imageUrl }
+ *   correctAnswer: { answer }
+ *   questionGroup.payload: { options: [{ answer, imageUrl }] }
+ */
+export function transformMatchByWritingAnswer(question) {
+    const answerData = question.answer;
+    if (!answerData) {
+        return { apiContent: {}, apiCorrectAnswer: {} };
+    }
+    const apiContent = {
+        question: answerData.question || '',
+    };
+    // Add question image if present
+    if (answerData.imageUrl) {
+        apiContent.imageUrl = answerData.imageUrl;
+    }
+    // Add conversation names if present (viewMode = conversation)
+    if (answerData.askerName) {
+        apiContent.askerName = answerData.askerName;
+    }
+    if (answerData.answererName) {
+        apiContent.answererName = answerData.answererName;
+    }
+    const apiCorrectAnswer = {
+        answer: answerData.correctAnswer || '',
+    };
+    const normalizedOptions = normalizeMatchByWritingAnswerOptions(answerData.options);
+    // Build imageData to store shared options and group metadata in questionGroup.payload
+    const imageData = {};
+    if (normalizedOptions.length > 0) {
+        imageData.options = normalizedOptions;
+    }
+    if (answerData.groupImageUrl) {
+        imageData.groupImageUrl = answerData.groupImageUrl;
+    }
+    if (answerData.groupTitle) {
+        imageData.groupTitle = answerData.groupTitle;
+    }
+    return {
+        apiContent,
+        apiCorrectAnswer,
+        totalPoints: answerData.points || 1,
+        imageData: imageData,
+        groupNumber: answerData.groupNumber || 1,
+        isExample: answerData.isExample || false,
+    };
+}
+//# sourceMappingURL=transform.js.map

package/dist/components/questions/types/match-by-writing-answer/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/match-by-writing-answer/transform.ts"],"names":[],"mappings":"AAwBA,SAAS,oCAAoC,CAC3C,OAAkD;IAElD,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QAC5B,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QAC9B,MAAM,EAAE,OAAO,MAAM,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;QAC/D,OAAO,EAAE,OAAO,MAAM,EAAE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;QAClE,QAAQ,EAAE,OAAO,MAAM,EAAE,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;KACtE,CAAC,CAAC,CAAC;AACN,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,6BAA6B,CAC3C,QAA+B;IAE/B,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAa,CAAC;IAE1C,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC;IAClD,CAAC;IAED,MAAM,UAAU,GAA4B;QAC1C,QAAQ,EAAE,UAAU,CAAC,QAAQ,IAAI,EAAE;KACpC,CAAC;IAEF,gCAAgC;IAChC,IAAI,UAAU,CAAC,QAAQ,EAAE,CAAC;QACxB,UAAU,CAAC,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAC;IAC5C,CAAC;IAED,8DAA8D;IAC9D,IAAI,UAAU,CAAC,SAAS,EAAE,CAAC;QACzB,UAAU,CAAC,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC;IAC9C,CAAC;IAED,IAAI,UAAU,CAAC,YAAY,EAAE,CAAC;QAC5B,UAAU,CAAC,YAAY,GAAG,UAAU,CAAC,YAAY,CAAC;IACpD,CAAC;IAED,MAAM,gBAAgB,GAA4B;QAChD,MAAM,EAAE,UAAU,CAAC,aAAa,IAAI,EAAE;KACvC,CAAC;IAEF,MAAM,iBAAiB,GAAG,oCAAoC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAEnF,sFAAsF;IACtF,MAAM,SAAS,GAIX,EAAE,CAAC;IACP,IAAI,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACjC,SAAS,CAAC,OAAO,GAAG,iBAAiB,CAAC;IACxC,CAAC;IACD,IAAI,UAAU,CAAC,aAAa,EAAE,CAAC;QAC7B,SAAS,CAAC,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC;IACrD,CAAC;IACD,IAAI,UAAU,CAAC,UAAU,EAAE,CAAC;QAC1B,SAAS,CAAC,UAAU,GAAG,UAAU,CAAC,UAAU,CAAC;IAC/C,CAAC;IAED,OAAO;QACL,UAAU;QACV,gBAAgB;QAChB,WAAW,EAAE,UAAU,CAAC,MAAM,IAAI,CAAC;QACnC,SAAS,EAAE,SAAgB;QAC3B,WAAW,EAAE,UAAU,CAAC,WAAW,IAAI,CAAC;QACxC,SAAS,EAAE,UAAU,CAAC,SAAS,IAAI,KAAK;KACzC,CAAC;AACJ,CAAC"}

package/dist/components/questions/types/read-and-color-objects/ReadAndColorObjectsClient.d.ts

@@ -0,0 +1,8 @@
+import type { ReadAndColorObjectsClientProps } from '../../_shared/types/read-and-color-objects.type';
+interface ReadAndColorObjectsClientExportProps extends ReadAndColorObjectsClientProps {
+    explanation?: string;
+    isReviewMode?: boolean;
+}
+export declare function ReadAndColorObjectsClient(props: ReadAndColorObjectsClientExportProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ReadAndColorObjectsClient.d.ts.map

package/dist/components/questions/types/read-and-color-objects/ReadAndColorObjectsClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadAndColorObjectsClient.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/read-and-color-objects/ReadAndColorObjectsClient.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,kEAAkE,CAAC;AAcvH,UAAU,oCAAqC,SAAQ,8BAA8B;IACnF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,oCAAoC,+BAEpF"}

package/dist/components/questions/types/read-and-color-objects/ReadAndColorObjectsClient.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ColorRegionClient } from '../../components/ColorRegionClient';
+const readAndColorObjectsConfig = {
+    creatorTitle: 'Đọc và tô màu',
+    creatorSubtitle: 'Tạo câu hỏi tô màu với hình ảnh và vùng màu',
+    instructionsLabel: 'Hướng dẫn tô màu',
+    instructionsTips: [],
+    instructionPlaceholder: '',
+    previewTitle: 'Read and Color Objects (Preview)',
+    clientTitle: 'Read and Color',
+    clientSubtitle: 'Đọc hướng dẫn và tô màu các vật thể trong hình',
+};
+export function ReadAndColorObjectsClient(props) {
+    return _jsx(ColorRegionClient, { ...props, config: readAndColorObjectsConfig });
+}
+//# sourceMappingURL=ReadAndColorObjectsClient.js.map

package/dist/components/questions/types/read-and-color-objects/ReadAndColorObjectsClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadAndColorObjectsClient.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/read-and-color-objects/ReadAndColorObjectsClient.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AAIxF,MAAM,yBAAyB,GAAsB;IACnD,YAAY,EAAE,eAAe;IAC7B,eAAe,EAAE,6CAA6C;IAC9D,iBAAiB,EAAE,kBAAkB;IACrC,gBAAgB,EAAE,EAAE;IACpB,sBAAsB,EAAE,EAAE;IAC1B,YAAY,EAAE,kCAAkC;IAChD,WAAW,EAAE,gBAAgB;IAC7B,cAAc,EAAE,gDAAgD;CACjE,CAAC;AAOF,MAAM,UAAU,yBAAyB,CAAC,KAA2C;IACnF,OAAO,KAAC,iBAAiB,OAAK,KAAK,EAAE,MAAM,EAAE,yBAAyB,GAAI,CAAC;AAC7E,CAAC"}