@tinyweb_dev/oe-exam-sdk 0.1.0

package/dist/components/questions/types/write-a-short-letter/WriteAShortLetterCreator.js

@@ -0,0 +1,321 @@
+'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 { 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 { FileUpload } from '../../../../components/ui/file-upload';
+import { Card, CardContent, CardHeader, CardTitle } from '../../../../components/ui/card';
+import { Pencil, Eye, Plus, Trash2, Lightbulb, Mail, ImageIcon, X } from 'lucide-react';
+import { WriteAShortLetterClient } from './WriteAShortLetterClient';
+import { useReactHookForm } from '../../../../shared/lib/hooks/useReactHookForm';
+import { usePresignedFileUrl } from '../../../../shared/lib/hooks/usePresignedFileUrl';
+import { z } from 'zod';
+// Component to render a single guide image with presigned URL resolution
+function GuideImageItem({ imageKey, index, localPreviewUrl, onRemove, }) {
+    const { previewUrl: presignedUrl } = usePresignedFileUrl(imageKey);
+    const displayUrl = localPreviewUrl || presignedUrl || '';
+    return (_jsxs("div", { className: "group relative overflow-hidden rounded-lg border border-violet-200 bg-white shadow-sm transition-all hover:shadow-md", children: [_jsx("div", { className: "aspect-square w-full overflow-hidden bg-gray-50", children: displayUrl ? (_jsx("img", { src: displayUrl, alt: `Ảnh hướng dẫn ${index + 1}`, className: "h-full w-full object-cover transition-transform group-hover:scale-105", onError: (e) => {
+                        e.target.src = '/images/placeholder-image.svg';
+                    } })) : (_jsx("div", { className: "flex h-full w-full items-center justify-center", children: _jsx(ImageIcon, { className: "h-8 w-8 text-gray-300" }) })) }), _jsx("button", { type: "button", onClick: () => onRemove(index), className: "absolute right-1.5 top-1.5 flex h-6 w-6 items-center justify-center rounded-full bg-red-500 text-white opacity-0 shadow-md transition-opacity group-hover:opacity-100 hover:bg-red-600", title: "X\u00F3a \u1EA3nh", children: _jsx(X, { className: "h-3.5 w-3.5" }) }), _jsx("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/50 to-transparent p-1.5 opacity-0 transition-opacity group-hover:opacity-100", children: _jsxs("span", { className: "text-xs font-medium text-white", children: ["\u1EA2nh ", index + 1] }) })] }));
+}
+// Form schema for validation only
+const writeAShortLetterFormSchema = z.object({
+    informations: z.array(z.string()),
+    minWords: z.coerce.number().min(1, 'Số từ tối thiểu phải >= 1'),
+    maxWords: z.coerce.number().optional(),
+    instruction: z.string().optional(),
+    points: z.coerce.number().min(1, 'Điểm phải >= 1'),
+});
+function WriteAShortLetterCreatorContent({ initialData, onChange, externalErrors, validationRef, }) {
+    // State - use simple useState like ReadAndColorObjectsCreator
+    const [informations, setInformations] = useState(initialData?.informations || ['']);
+    const [minWords, setMinWords] = useState(initialData?.minWords ?? 20);
+    const [maxWords, setMaxWords] = useState(initialData?.maxWords);
+    const [instruction, setInstruction] = useState(initialData?.instructions?.mainInstruction || '');
+    const [guideImages, setGuideImages] = useState(initialData?.guideImages || []);
+    const [points, setPoints] = useState(initialData?.points || 10);
+    // Store presigned URLs keyed by imageKey (NOT index) to avoid index races
+    // when the user uploads several images quickly.
+    const [guideImagePreviewUrls, setGuideImagePreviewUrls] = useState({});
+    // Correlates an upload's `onChange(key)` with its later `onPresignedUrlChange(url)`
+    const pendingUploadKeyRef = useRef(null);
+    // UI State
+    const [isClientMode, setIsClientMode] = useState(false);
+    // Use react-hook-form for validation only (like ReadAndColorObjectsCreator)
+    const form = useReactHookForm({
+        defaultValues: {
+            informations: informations,
+            minWords: minWords,
+            maxWords: maxWords,
+            instruction: instruction,
+            points: points,
+        },
+        zodSchema: writeAShortLetterFormSchema,
+        mode: 'onBlur',
+    });
+    // Track previous initialData to detect changes
+    const previousInitialDataRef = useRef(initialData);
+    const isInitializingRef = useRef(true);
+    const hasInitializedRef = useRef(false);
+    // Stringified shape of the last payload we emitted (in initialData shape).
+    // Used to recognize when incoming initialData is just the parent echoing our own
+    // emission back — in that case we must NOT re-run the sync block, otherwise
+    // fast typing gets silently dropped (the sync's 150ms guard blocks subsequent
+    // onChange emissions).
+    const lastEmittedInitialDataRef = useRef('');
+    // Track a few recently emitted payloads because parent echoes can arrive slightly
+    // out of order while typing into number inputs (e.g. local `300`, then parent
+    // echoes older `30`). Those stale echoes must be ignored instead of overwriting
+    // the latest local state.
+    const recentEmittedInitialDataRef = useRef([]);
+    // Expose validation function via ref
+    useEffect(() => {
+        if (validationRef) {
+            validationRef.current = {
+                triggerValidation: async () => {
+                    return validateForm();
+                },
+            };
+        }
+    }, [validationRef, informations, minWords, maxWords, instruction, guideImages, points]);
+    // Sync state from initialData when it changes
+    useEffect(() => {
+        const incomingStr = JSON.stringify(initialData);
+        // If parent is echoing back one of our very recent emissions, do NOT
+        // re-enter the init block — otherwise we'd block subsequent user keystrokes
+        // via isInitializingRef for 150ms and silently drop input
+        // (e.g. "300" → older echoed "30").
+        if (hasInitializedRef.current &&
+            (incomingStr === lastEmittedInitialDataRef.current ||
+                recentEmittedInitialDataRef.current.includes(incomingStr))) {
+            previousInitialDataRef.current = initialData;
+            return;
+        }
+        const initialDataChanged = JSON.stringify(previousInitialDataRef.current) !== incomingStr;
+        if (initialDataChanged || !hasInitializedRef.current) {
+            isInitializingRef.current = true;
+            previousInitialDataRef.current = initialData;
+            hasInitializedRef.current = true;
+            // Always overwrite every field so previous question's state doesn't leak
+            // (e.g. previous had maxWords=300, new question has no maxWords → must reset to undefined)
+            setInformations(initialData?.informations?.length ? initialData.informations : ['']);
+            setMinWords(initialData?.minWords ?? 20);
+            setMaxWords(initialData?.maxWords);
+            setInstruction(initialData?.instructions?.mainInstruction ?? '');
+            setGuideImages(initialData?.guideImages ?? []);
+            setPoints(initialData?.points ?? 10);
+            // Clear stale preview URLs from the previous question's uploads
+            setGuideImagePreviewUrls({});
+            // Reset flag after state updates
+            setTimeout(() => {
+                isInitializingRef.current = false;
+            }, 150);
+        }
+    }, [initialData]);
+    // Store onChange callback in ref to avoid dependency issues
+    const onChangeRef = useRef(onChange);
+    useEffect(() => {
+        onChangeRef.current = onChange;
+    }, [onChange]);
+    // Track previous values to prevent unnecessary onChange calls
+    const previousPayloadRef = useRef('');
+    // Trigger onChange when state changes (like ReadAndColorObjectsCreator)
+    useEffect(() => {
+        // Skip onChange during initialization to prevent infinite loop
+        if (isInitializingRef.current || !hasInitializedRef.current) {
+            // Still update previous payload ref to track current state
+            const currentPayload = JSON.stringify({
+                informations,
+                minWords,
+                maxWords,
+                instruction,
+                guideImages,
+                points,
+            });
+            previousPayloadRef.current = currentPayload;
+            return;
+        }
+        // Don't call onChange if we have no meaningful data yet
+        if (!instruction.trim() && informations.every((s) => !s.trim())) {
+            return;
+        }
+        // Create payload
+        const payload = {
+            informations,
+            minWords,
+            maxWords,
+            instructions: {
+                mainInstruction: instruction || '',
+            },
+            guideImages: guideImages.length > 0 ? guideImages : undefined,
+            points,
+        };
+        // Serialize payload for comparison
+        const payloadString = JSON.stringify(payload);
+        // Only call onChange if payload actually changed
+        if (previousPayloadRef.current !== payloadString) {
+            previousPayloadRef.current = payloadString;
+            // Record the shape parent is expected to echo back (via register.tsx
+            // transformInitialData), so the sync effect can recognize the echo and
+            // not re-enter its init guard. Field order & shape MUST match
+            // `transformInitialData` in register.tsx exactly, including
+            // `guideImages` being `[]` (never `undefined`).
+            lastEmittedInitialDataRef.current = JSON.stringify({
+                informations,
+                minWords,
+                maxWords,
+                instructions: { mainInstruction: instruction || '' },
+                guideImages,
+                points,
+            });
+            recentEmittedInitialDataRef.current = [
+                ...recentEmittedInitialDataRef.current,
+                lastEmittedInitialDataRef.current,
+            ].slice(-10);
+            onChangeRef.current?.(payload);
+        }
+    }, [informations, minWords, maxWords, instruction, guideImages, points]);
+    // Get validation errors
+    const getErrors = () => {
+        const errors = {};
+        const informationsError = form.formState.errors.informations;
+        if (informationsError && typeof informationsError.message === 'string') {
+            errors.informations = informationsError.message;
+        }
+        const minWordsError = form.formState.errors.minWords;
+        if (minWordsError && typeof minWordsError.message === 'string') {
+            errors.minWords = minWordsError.message;
+        }
+        const maxWordsError = form.formState.errors.maxWords;
+        if (maxWordsError && typeof maxWordsError.message === 'string') {
+            errors.maxWords = maxWordsError.message;
+        }
+        const instructionError = form.formState.errors.instruction;
+        if (instructionError && typeof instructionError.message === 'string') {
+            errors.instruction = instructionError.message;
+        }
+        const pointsError = form.formState.errors.points;
+        if (pointsError && typeof pointsError.message === 'string') {
+            errors.points = pointsError.message;
+        }
+        return errors;
+    };
+    // Validate form data
+    const validateForm = () => {
+        // Update form values before validation
+        form.setValue('informations', informations);
+        form.setValue('minWords', minWords);
+        form.setValue('maxWords', maxWords);
+        form.setValue('instruction', instruction);
+        form.setValue('points', points);
+        // Trigger validation
+        const result = writeAShortLetterFormSchema.safeParse({
+            informations,
+            minWords,
+            maxWords,
+            instruction,
+            points,
+        });
+        if (!result.success) {
+            // Set errors from Zod validation
+            result.error.issues.forEach((issue) => {
+                const path = issue.path.join('.');
+                form.setError(path, { message: issue.message });
+            });
+            return false;
+        }
+        return true;
+    };
+    // Add new information
+    const addInformation = () => {
+        setInformations([...informations, '']);
+        form.clearErrors('informations');
+    };
+    // Remove information
+    const removeInformation = (index) => {
+        if (informations.length > 1) {
+            setInformations(informations.filter((_, i) => i !== index));
+        }
+    };
+    // Update information at index
+    const updateInformation = (index, value) => {
+        const newInformations = [...informations];
+        newInformations[index] = value;
+        setInformations(newInformations);
+        form.clearErrors('informations');
+    };
+    // Handle guide image upload
+    const handleGuideImageUpload = (key) => {
+        if (key) {
+            pendingUploadKeyRef.current = key;
+            setGuideImages((prev) => [...prev, key]);
+        }
+    };
+    // Handle guide image presigned URL from upload
+    // Correlate via pendingUploadKeyRef so rapid uploads don't collide on stale index
+    const handleGuideImagePresignedUrl = (presignedUrl) => {
+        const key = pendingUploadKeyRef.current;
+        if (presignedUrl && key) {
+            setGuideImagePreviewUrls((prev) => ({ ...prev, [key]: presignedUrl }));
+            pendingUploadKeyRef.current = null;
+        }
+    };
+    // Remove guide image
+    const removeGuideImage = (index) => {
+        const removedKey = guideImages[index];
+        setGuideImages((prev) => prev.filter((_, i) => i !== index));
+        if (removedKey) {
+            setGuideImagePreviewUrls((prev) => {
+                if (!(removedKey in prev))
+                    return prev;
+                const { [removedKey]: _removed, ...rest } = prev;
+                return rest;
+            });
+        }
+    };
+    const errors = getErrors();
+    // If in client mode, render the Client component
+    if (isClientMode) {
+        const questionData = {
+            informations,
+            minWords,
+            maxWords,
+            instructions: {
+                mainInstruction: instruction || '',
+            },
+            guideImages: guideImages.length > 0 ? guideImages : undefined,
+        };
+        return (_jsxs("div", { className: "space-y-6", children: [_jsx(Card, { children: _jsx(CardHeader, { children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx(CardTitle, { children: "Write a Short Letter (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(WriteAShortLetterClient, { questionData: questionData, onSubmit: () => { }, isReviewMode: true })] }));
+    }
+    return (_jsxs("div", { className: "space-y-6", children: [externalErrors && externalErrors.length > 0 && (_jsx("div", { className: "rounded-lg border border-red-200 bg-red-50 p-4", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "flex-shrink-0", children: _jsx("svg", { className: "h-5 w-5 text-red-600", fill: "currentColor", viewBox: "0 0 20 20", children: _jsx("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z", clipRule: "evenodd" }) }) }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "text-sm font-medium text-red-800", children: "Vui l\u00F2ng s\u1EEDa c\u00E1c l\u1ED7i sau:" }), _jsx("ul", { className: "mt-2 list-disc list-inside space-y-1", children: externalErrors.map((error, index) => (_jsx("li", { className: "text-sm text-red-700", children: error }, index))) })] })] }) })), _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-pink-500 via-rose-500 to-orange-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-pink-500 to-rose-600 shadow-md", children: _jsx(Mail, { className: "h-5 w-5 text-white" }) }), _jsxs("div", { children: [_jsx(CardTitle, { className: "text-xl font-bold text-gray-900", children: "Write a Short Letter" }), _jsx("p", { className: "text-sm text-gray-500", children: "T\u1EA1o b\u00E0i t\u1EADp vi\u1EBFt th\u01B0 v\u1EDBi c\u00E1c th\u00F4ng tin c\u1EA7n bao g\u1ED3m" })] })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setIsClientMode(true), disabled: !minWords || minWords < 1, className: "gap-2 border-rose-200 text-rose-600 hover:bg-rose-50 hover:text-rose-700", children: [_jsx(Eye, { className: "h-4 w-4" }), "Xem tr\u01B0\u1EDBc"] })] }) }), _jsxs(CardContent, { className: "space-y-6", children: [_jsx("div", { className: "rounded-xl border border-pink-200 bg-gradient-to-r from-pink-50 to-rose-50 p-5 shadow-sm", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-lg bg-pink-100", children: _jsx(Lightbulb, { className: "h-4 w-4 text-pink-600" }) }), _jsxs("div", { className: "text-sm text-pink-900", children: [_jsx("p", { className: "font-semibold text-pink-800", children: "H\u01B0\u1EDBng d\u1EABn t\u1EA1o c\u00E2u h\u1ECFi" }), _jsxs("ul", { className: "mt-2 space-y-1.5 text-pink-700", children: [_jsxs("li", { className: "flex items-center gap-2", children: [_jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-pink-400" }), "Nh\u1EADp h\u01B0\u1EDBng d\u1EABn vi\u1EBFt th\u01B0 cho h\u1ECDc sinh"] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-pink-400" }), "Li\u1EC7t k\u00EA c\u00E1c th\u00F4ng tin c\u1EA7n bao g\u1ED3m trong b\u00E0i vi\u1EBFt"] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-pink-400" }), "Thi\u1EBFt l\u1EADp gi\u1EDBi h\u1EA1n s\u1ED1 t\u1EEB t\u1ED1i thi\u1EC3u/t\u1ED1i \u0111a"] })] })] })] }) }), _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsx("div", { children: _jsx(PointsInput, { defaultValue: points, onChange: (e) => setPoints(Number(e.target.value) || 1), error: errors.points }) }), _jsxs("div", { className: "rounded-lg border border-gray-200 bg-gray-50/50 p-4", children: [_jsx(Label, { className: "mb-3 block text-sm font-medium text-gray-700", children: "Gi\u1EDBi h\u1EA1n s\u1ED1 t\u1EEB" }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsxs("div", { className: "flex-1", children: [_jsxs(Label, { htmlFor: "minWords", className: "text-xs text-gray-500", children: ["T\u1ED1i thi\u1EC3u ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx(Input, { id: "minWords", type: "number", min: "1", step: "1", value: minWords ?? '', onChange: (e) => {
+                                                                    const value = e.target.value;
+                                                                    if (value === '') {
+                                                                        setMinWords(1);
+                                                                    }
+                                                                    else {
+                                                                        const numValue = parseInt(value, 10);
+                                                                        setMinWords(numValue < 1 ? 1 : numValue);
+                                                                    }
+                                                                    form.clearErrors('minWords');
+                                                                }, placeholder: "20", className: `mt-1 ${errors.minWords ? 'border-red-500 focus:ring-red-500' : ''}` }), errors.minWords && (_jsx("p", { className: "mt-1 text-xs text-red-600", children: errors.minWords }))] }), _jsx("span", { className: "mt-6 text-gray-400", children: "\u2014" }), _jsxs("div", { className: "flex-1", children: [_jsx(Label, { htmlFor: "maxWords", className: "text-xs text-gray-500", children: "T\u1ED1i \u0111a" }), _jsx(Input, { id: "maxWords", type: "number", min: "1", step: "1", value: maxWords ?? '', onChange: (e) => {
+                                                                    const value = e.target.value;
+                                                                    if (value === '') {
+                                                                        setMaxWords(undefined);
+                                                                    }
+                                                                    else {
+                                                                        const numValue = parseInt(value, 10);
+                                                                        setMaxWords(numValue < 1 ? 1 : numValue);
+                                                                    }
+                                                                    form.clearErrors('maxWords');
+                                                                }, placeholder: "\u221E", className: `mt-1 ${errors.maxWords ? 'border-red-500 focus:ring-red-500' : ''}` }), errors.maxWords && (_jsx("p", { className: "mt-1 text-xs text-red-600", children: errors.maxWords }))] })] })] })] }), _jsxs("div", { children: [_jsx(Label, { htmlFor: "instruction", className: "text-sm font-medium", children: "H\u01B0\u1EDBng d\u1EABn" }), _jsx(Textarea, { id: "instruction", value: instruction, onChange: (e) => {
+                                            setInstruction(e.target.value);
+                                            form.clearErrors('instruction');
+                                        }, placeholder: "V\u00ED d\u1EE5: You are having a birthday party. Write a short letter to your friend, Minh, to invite him. Tell him about the party.", className: `mt-1.5 resize-none ${errors.instruction ? 'border-red-500' : ''}`, rows: 3 }), errors.instruction && (_jsx("p", { className: "mt-1 text-sm text-red-600", children: errors.instruction }))] }), _jsxs("div", { className: "space-y-3 rounded-lg border border-blue-100 bg-blue-50/30 p-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-full bg-blue-100", children: _jsx("span", { className: "text-xs font-semibold text-blue-600", children: "i" }) }), _jsx(Label, { className: "text-sm font-semibold text-gray-800", children: "Th\u00F4ng tin c\u1EA7n bao g\u1ED3m" })] }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: addInformation, className: "h-8 gap-1.5 border-blue-200 bg-white text-blue-600 hover:bg-blue-50 hover:text-blue-700", children: [_jsx(Plus, { className: "h-3.5 w-3.5" }), "Th\u00EAm"] })] }), errors.informations && (_jsx("div", { className: "rounded-md border border-red-200 bg-red-50 p-3", children: _jsx("p", { className: "text-sm text-red-600", children: errors.informations }) })), _jsx("div", { className: "space-y-2", children: informations.map((info, index) => (_jsx("div", { className: "space-y-1", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-blue-100 text-xs font-medium text-blue-600", children: index + 1 }), _jsx(Input, { value: info, onChange: (e) => updateInformation(index, e.target.value), placeholder: `Thông tin ${index + 1}...`, className: "flex-1 border-gray-200" }), informations.length > 1 && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => removeInformation(index), className: "h-8 w-8 flex-shrink-0 p-0 text-gray-400 hover:bg-red-50 hover:text-red-500", children: _jsx(Trash2, { className: "h-4 w-4" }) }))] }) }, index))) }), _jsx("p", { className: "text-xs text-gray-500 italic", children: "\uD83D\uDCA1 Li\u1EC7t k\u00EA c\u00E1c th\u00F4ng tin h\u1ECDc sinh c\u1EA7n \u0111\u1EC1 c\u1EADp trong b\u00E0i vi\u1EBFt" })] }), _jsxs("div", { className: "space-y-3 rounded-lg border border-violet-100 bg-violet-50/30 p-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-full bg-violet-100", children: _jsx(ImageIcon, { className: "h-3.5 w-3.5 text-violet-600" }) }), _jsx(Label, { className: "text-sm font-semibold text-gray-800", children: "\u1EA2nh h\u01B0\u1EDBng d\u1EABn" }), _jsx("span", { className: "text-xs text-gray-400" })] }), guideImages.length > 0 && (_jsx("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-4", children: guideImages.map((imageKey, index) => (_jsx(GuideImageItem, { imageKey: imageKey, index: index, localPreviewUrl: guideImagePreviewUrls[imageKey], onRemove: removeGuideImage }, `${imageKey}-${index}`))) })), _jsx(FileUpload, { label: "Th\u00EAm \u1EA3nh h\u01B0\u1EDBng d\u1EABn", accept: "image/*", value: "", onChange: handleGuideImageUpload, onPresignedUrlChange: handleGuideImagePresignedUrl, autoUpload: true, prefix: "write-short-letter/guide", placeholder: "Ch\u1ECDn ho\u1EB7c k\u00E9o th\u1EA3 \u1EA3nh v\u00E0o \u0111\u00E2y", icon: _jsx(ImageIcon, { className: "h-4 w-4" }) }), _jsx("p", { className: "text-xs text-gray-500 italic", children: "\uD83D\uDCF7 Upload nhi\u1EC1u \u1EA3nh \u0111\u1EC3 h\u01B0\u1EDBng d\u1EABn h\u1ECDc sinh vi\u1EBFt b\u00E0i (v\u00ED d\u1EE5: m\u1EABu th\u01B0, h\u00ECnh \u1EA3nh minh h\u1ECDa)" })] })] })] })] }));
+}
+export function WriteAShortLetterCreator(props) {
+    return _jsx(WriteAShortLetterCreatorContent, { ...props });
+}
+//# sourceMappingURL=WriteAShortLetterCreator.js.map

package/dist/components/questions/types/write-a-short-letter/WriteAShortLetterCreator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WriteAShortLetterCreator.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/write-a-short-letter/WriteAShortLetterCreator.tsx"],"names":[],"mappings":"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"}

package/dist/components/questions/types/write-a-short-letter/index.d.ts

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

package/dist/components/questions/types/write-a-short-letter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/write-a-short-letter/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC"}

package/dist/components/questions/types/write-a-short-letter/index.js

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

package/dist/components/questions/types/write-a-short-letter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/write-a-short-letter/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC"}

package/dist/components/questions/types/write-a-short-letter/register.d.ts

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

package/dist/components/questions/types/write-a-short-letter/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/write-a-short-letter/register.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAErF,eAAO,MAAM,6BAA6B,EAAE,wBAsE3C,CAAC"}

package/dist/components/questions/types/write-a-short-letter/register.js

@@ -0,0 +1,69 @@
+import { WriteAShortLetterCreator } from './WriteAShortLetterCreator';
+export const writeAShortLetterRegistration = {
+    component: WriteAShortLetterCreator,
+    transformInitialData: (initialData) => {
+        const content = initialData?.content;
+        const answer = initialData?.answer;
+        const apiPoints = initialData?.total_points
+            ? parseFloat(initialData.total_points)
+            : (initialData?.points || 10); // WRITE_A_SHORT_LETTER defaults to 10 points
+        let creatorData = { points: apiPoints };
+        // Priority 1: Data from store (answer has informations directly)
+        if (answer?.informations && Array.isArray(answer.informations)) {
+            creatorData = {
+                informations: answer.informations,
+                minWords: answer.minWords,
+                maxWords: answer.maxWords,
+                instructions: answer.instructions || { mainInstruction: '' },
+                guideImages: answer.guideImages || [],
+                points: apiPoints,
+            };
+        }
+        // Priority 2: Data from API (content has informations)
+        else if (content?.informations && Array.isArray(content.informations)) {
+            creatorData = {
+                informations: content.informations,
+                minWords: content.minWords,
+                maxWords: content.maxWords,
+                instructions: content.instructions || { mainInstruction: '' },
+                guideImages: content.guideImages || [],
+                points: apiPoints,
+            };
+        }
+        // Priority 3: Legacy format with contexts
+        else if (content?.contexts || answer?.contexts) {
+            const contexts = content?.contexts || answer?.contexts || [];
+            const informations = contexts
+                .filter((ctx) => ctx.type === 'text' && ctx.text)
+                .map((ctx) => ctx.text);
+            creatorData = {
+                informations: informations.length > 0 ? informations : [],
+                minWords: content?.minWords ?? answer?.minWords,
+                maxWords: content?.maxWords ?? answer?.maxWords,
+                instructions: content?.instructions || answer?.instructions || { mainInstruction: '' },
+                guideImages: content?.guideImages || answer?.guideImages || [],
+                points: apiPoints,
+            };
+        }
+        return creatorData;
+    },
+    wrapOnSave: (data, ctx) => ({
+        type: ctx.questionType,
+        content: ctx.state.content,
+        points: data?.points ?? ctx.state.points ?? 10,
+        level: ctx.state.level,
+        difficulty: ctx.state.difficulty,
+        skill: ctx.state.skill,
+        answer: data,
+    }),
+    wrapOnChange: (data, ctx) => ({
+        type: ctx.questionType,
+        content: ctx.state.content,
+        points: data?.points ?? ctx.state.points ?? 10,
+        level: ctx.state.level,
+        difficulty: ctx.state.difficulty,
+        skill: ctx.state.skill,
+        answer: data,
+    }),
+};
+//# sourceMappingURL=register.js.map

package/dist/components/questions/types/write-a-short-letter/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/write-a-short-letter/register.tsx"],"names":[],"mappings":"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"}

package/dist/components/questions/types/write-a-short-letter/transform.d.ts

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

package/dist/components/questions/types/write-a-short-letter/transform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/write-a-short-letter/transform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAIpF,eAAO,MAAM,0BAA0B,EAAE,gBA4BxC,CAAC"}

package/dist/components/questions/types/write-a-short-letter/transform.js

@@ -0,0 +1,26 @@
+// WRITE_A_SHORT_LETTER - essay type without correct answer
+// Uses simple string[] for informations (different from WRITE_SHORT_PARAGRAPH which uses object[] contexts)
+export const transformWriteAShortLetter = (question) => {
+    const answerData = question.answer;
+    const informations = Array.isArray(answerData?.informations)
+        ? answerData.informations.filter((info) => typeof info === 'string' && info.trim() !== '')
+        : [];
+    const mainInstruction = answerData?.instructions?.mainInstruction || '';
+    const guideImages = Array.isArray(answerData?.guideImages)
+        ? answerData.guideImages.filter((url) => typeof url === 'string' && url.trim() !== '')
+        : [];
+    const apiContent = {
+        informations,
+        minWords: answerData?.minWords || 20,
+        maxWords: answerData?.maxWords ?? null,
+        instructions: { mainInstruction },
+    };
+    if (guideImages.length > 0) {
+        apiContent.guideImages = guideImages;
+    }
+    return {
+        apiContent,
+        apiCorrectAnswer: {},
+    };
+};
+//# sourceMappingURL=transform.js.map

package/dist/components/questions/types/write-a-short-letter/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/write-a-short-letter/transform.ts"],"names":[],"mappings":"AAEA,2DAA2D;AAC3D,4GAA4G;AAC5G,MAAM,CAAC,MAAM,0BAA0B,GAAqB,CAAC,QAAQ,EAAE,EAAE;IACrE,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAa,CAAC;IAE1C,MAAM,YAAY,GAAa,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,YAAY,CAAC;QAClE,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;QAC/F,CAAC,CAAC,EAAE,CAAC;IAET,MAAM,eAAe,GAAG,UAAU,EAAE,YAAY,EAAE,eAAe,IAAI,EAAE,CAAC;IAExE,MAAM,WAAW,GAAa,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE,WAAW,CAAC;QAChE,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;QAC3F,CAAC,CAAC,EAAE,CAAC;IAET,MAAM,UAAU,GAAQ;QACpB,YAAY;QACZ,QAAQ,EAAE,UAAU,EAAE,QAAQ,IAAI,EAAE;QACpC,QAAQ,EAAE,UAAU,EAAE,QAAQ,IAAI,IAAI;QACtC,YAAY,EAAE,EAAE,eAAe,EAAE;KACpC,CAAC;IAEF,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACzB,UAAU,CAAC,WAAW,GAAG,WAAW,CAAC;IACzC,CAAC;IAED,OAAO;QACH,UAAU;QACV,gBAAgB,EAAE,EAAE;KACvB,CAAC;AACN,CAAC,CAAC"}

package/dist/components/questions/types/write-correct-verb-form/WriteCorrectVerbFormClient.d.ts

@@ -0,0 +1,3 @@
+import { WriteCorrectVerbFormClientProps } from '../../_shared/types/write-correct-verb-form.type';
+export declare function WriteCorrectVerbFormClient({ questionData, onSubmit, isReviewMode, userAnswer, }: WriteCorrectVerbFormClientProps): import("react").JSX.Element;
+//# sourceMappingURL=WriteCorrectVerbFormClient.d.ts.map

package/dist/components/questions/types/write-correct-verb-form/WriteCorrectVerbFormClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WriteCorrectVerbFormClient.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/write-correct-verb-form/WriteCorrectVerbFormClient.tsx"],"names":[],"mappings":"AAMA,OAAO,EACL,+BAA+B,EAChC,MAAM,mEAAmE,CAAC;AAE3E,wBAAgB,0BAA0B,CAAC,EACzC,YAAY,EACZ,QAAQ,EACR,YAAoB,EACpB,UAAe,GAChB,EAAE,+BAA+B,+BA+QjC"}

package/dist/components/questions/types/write-correct-verb-form/WriteCorrectVerbFormClient.js

@@ -0,0 +1,62 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Input } from '../../../../components/ui/input';
+import { cn } from '../../../../shared/lib/utils';
+import { Check, X, FileText, PenLine, AlertTriangle, Lightbulb } from 'lucide-react';
+export function WriteCorrectVerbFormClient({ questionData, onSubmit, isReviewMode = false, userAnswer = '', }) {
+    // ============ STATE ============
+    const [answer, setAnswer] = useState(userAnswer || '');
+    // Sync userAnswer when it changes
+    useEffect(() => {
+        if (userAnswer !== undefined) {
+            setAnswer(userAnswer);
+        }
+    }, [userAnswer]);
+    // ============ HANDLERS ============
+    const handleAnswerChange = (value) => {
+        if (isReviewMode)
+            return;
+        setAnswer(value);
+        onSubmit?.(value);
+    };
+    // Check if answer is correct
+    const isAnswerCorrect = (userInput) => {
+        const correctAnswer = questionData.correctAnswer.trim();
+        const inputAnswer = userInput.trim();
+        if (questionData.caseSensitive) {
+            return inputAnswer === correctAnswer;
+        }
+        else {
+            return inputAnswer.toLowerCase() === correctAnswer.toLowerCase();
+        }
+    };
+    const isCorrect = isReviewMode && isAnswerCorrect(answer);
+    const isWrong = isReviewMode && answer && !isCorrect;
+    const hasAnswered = answer.trim().length > 0;
+    // Render sentence with input field at {0} position
+    const renderSentenceWithInput = () => {
+        const parts = questionData.sentence.split(/(\{0\})/g);
+        return (_jsx("div", { className: "flex flex-wrap items-center gap-1.5 text-lg leading-relaxed", children: parts.map((part, index) => {
+                if (part === '{0}') {
+                    return (_jsxs("span", { className: "inline-flex items-center gap-2", children: [_jsxs("div", { className: "relative inline-flex items-center", children: [_jsx(Input, { value: questionData.correctAnswer, readOnly: true, disabled: true, className: cn('w-36 text-center font-semibold border-2 rounded-lg transition-all', 'border-green-400 bg-green-50 text-green-800 cursor-not-allowed') }), isReviewMode && (_jsx("div", { className: cn('absolute -right-7 top-1/2 -translate-y-1/2 flex h-5 w-5 items-center justify-center rounded-full', isCorrect ? 'bg-green-500' : isWrong ? 'bg-red-500' : 'bg-gray-300'), children: isCorrect ? (_jsx(Check, { className: "h-3 w-3 text-white" })) : isWrong ? (_jsx(X, { className: "h-3 w-3 text-white" })) : null }))] }), _jsxs("span", { className: "rounded-lg bg-amber-100 px-2 py-0.5 text-sm font-medium text-amber-700", children: ["(", questionData.verbHint, ")"] })] }, index));
+                }
+                else {
+                    return _jsx("span", { className: "text-gray-800", children: part }, index);
+                }
+            }) }));
+    };
+    // ============ RENDER ============
+    return (_jsxs("div", { className: "space-y-5", children: [questionData.instruction && (_jsx("div", { className: "overflow-hidden rounded-xl border border-blue-200 bg-gradient-to-r from-blue-50 to-indigo-50 shadow-sm", children: _jsxs("div", { className: "flex items-center gap-3 px-5 py-4", children: [_jsx("div", { className: "flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-blue-500 to-indigo-600 text-white shadow-sm", children: _jsx(FileText, { className: "h-5 w-5" }) }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-blue-900", children: "H\u01B0\u1EDBng d\u1EABn" }), _jsx("p", { className: "text-sm text-blue-700", children: questionData.instruction })] })] }) })), _jsxs("div", { className: "overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm", children: [_jsxs("div", { className: cn('flex items-center justify-between border-b px-5 py-3', isReviewMode && isCorrect && 'border-green-200 bg-gradient-to-r from-green-50 to-emerald-50', isReviewMode && isWrong && 'border-red-200 bg-gradient-to-r from-red-50 to-rose-50', (!isReviewMode || (!isCorrect && !isWrong)) && 'border-gray-100 bg-gradient-to-r from-gray-50 to-white'), children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: cn('flex h-8 w-8 items-center justify-center rounded-lg text-white shadow-sm', isReviewMode && isCorrect && 'bg-gradient-to-br from-green-500 to-emerald-600', isReviewMode && isWrong && 'bg-gradient-to-br from-red-500 to-rose-600', (!isReviewMode || (!isCorrect && !isWrong)) && 'bg-gradient-to-br from-violet-500 to-purple-600'), children: _jsx(PenLine, { className: "h-4 w-4" }) }), _jsx("span", { className: "text-sm font-medium text-gray-700", children: "Chia \u0111\u1ED9ng t\u1EEB \u0111\u00FAng" })] }), isReviewMode && hasAnswered && (_jsxs("div", { className: cn('flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-semibold', isCorrect ? 'bg-green-100 text-green-700' : 'bg-red-100 text-red-700'), children: [isCorrect ? _jsx(Check, { className: "h-3.5 w-3.5" }) : _jsx(X, { className: "h-3.5 w-3.5" }), isCorrect ? 'Đúng' : 'Sai'] }))] }), _jsxs("div", { className: "p-6 space-y-5", children: [_jsx("div", { className: "rounded-xl bg-gradient-to-br from-slate-50 to-gray-50 border border-gray-100 p-5", children: renderSentenceWithInput() }), isReviewMode && (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: cn('rounded-xl border-2 p-4', isCorrect
+                                                    ? 'border-green-200 bg-green-50'
+                                                    : isWrong
+                                                        ? 'border-red-200 bg-red-50'
+                                                        : 'border-gray-200 bg-gray-50'), children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx("div", { className: cn('flex h-6 w-6 items-center justify-center rounded-lg', isCorrect ? 'bg-green-200' : isWrong ? 'bg-red-200' : 'bg-gray-200'), children: isCorrect ? (_jsx(Check, { className: "h-3.5 w-3.5 text-green-700" })) : isWrong ? (_jsx(X, { className: "h-3.5 w-3.5 text-red-700" })) : (_jsx("span", { className: "text-xs text-gray-500", children: "?" })) }), _jsx("span", { className: "text-xs font-medium text-gray-600", children: "C\u00E2u tr\u1EA3 l\u1EDDi c\u1EE7a b\u1EA1n" })] }), _jsx("p", { className: cn('text-lg font-bold', isCorrect ? 'text-green-700' : isWrong ? 'text-red-700' : 'text-gray-400'), children: answer || '(Chưa trả lời)' })] }), _jsxs("div", { className: "rounded-xl border-2 border-green-200 bg-gradient-to-br from-green-50 to-emerald-50 p-4", children: [_jsxs("div", { className: "flex items-center gap-2 mb-2", children: [_jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-lg bg-green-200", children: _jsx(Check, { className: "h-3.5 w-3.5 text-green-700" }) }), _jsx("span", { className: "text-xs font-medium text-gray-600", children: "\u0110\u00E1p \u00E1n \u0111\u00FAng" })] }), _jsx("p", { className: "text-lg font-bold text-green-700", children: questionData.correctAnswer })] })] }), _jsx("div", { className: cn('rounded-xl p-4', isCorrect
+                                            ? 'bg-gradient-to-r from-green-50 to-emerald-50 border border-green-200'
+                                            : 'bg-gradient-to-r from-red-50 to-rose-50 border border-red-200'), children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: cn('flex h-10 w-10 items-center justify-center rounded-xl text-white shadow-sm', isCorrect
+                                                        ? 'bg-gradient-to-br from-green-500 to-emerald-600'
+                                                        : 'bg-gradient-to-br from-red-500 to-rose-600'), children: isCorrect ? _jsx(Check, { className: "h-5 w-5" }) : _jsx(X, { className: "h-5 w-5" }) }), _jsxs("div", { children: [_jsx("p", { className: cn('text-sm font-semibold', isCorrect ? 'text-green-800' : 'text-red-800'), children: isCorrect ? 'Chính xác!' : 'Chưa đúng' }), _jsx("p", { className: cn('text-xs', isCorrect ? 'text-green-600' : 'text-red-600'), children: isCorrect
+                                                                ? 'Bạn đã chia động từ đúng.'
+                                                                : `Đáp án đúng là "${questionData.correctAnswer}".` })] })] }) }), questionData.explanation && (_jsx("div", { className: "rounded-xl bg-gradient-to-r from-blue-50 to-indigo-50 p-4 border border-blue-200", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-lg bg-blue-500 text-white", children: _jsx(Lightbulb, { className: "h-3.5 w-3.5" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("span", { className: "text-xs font-semibold text-blue-700 uppercase tracking-wider", children: "Gi\u1EA3i th\u00EDch" }), _jsx("p", { className: "mt-1 text-sm text-gray-700 leading-relaxed", children: questionData.explanation })] })] }) }))] })), !isReviewMode && !hasAnswered && (_jsx("div", { className: "rounded-xl border border-amber-200 bg-gradient-to-r from-amber-50 to-yellow-50 p-4", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-lg bg-gradient-to-br from-amber-400 to-orange-500 text-white shadow-sm", children: _jsx("span", { className: "text-sm font-bold", children: "!" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-amber-800", children: "Nh\u1EADp d\u1EA1ng \u0111\u00FAng c\u1EE7a \u0111\u1ED9ng t\u1EEB" }), _jsx("p", { className: "text-xs text-amber-600", children: "S\u1EED d\u1EE5ng g\u1EE3i \u00FD trong ngo\u1EB7c \u0111\u1EC3 chia \u0111\u1ED9ng t\u1EEB ph\u00F9 h\u1EE3p." })] })] }) }))] })] }), !isReviewMode && questionData.caseSensitive && (_jsx("div", { className: "overflow-hidden rounded-xl border border-yellow-200 bg-gradient-to-r from-yellow-50 to-amber-50 shadow-sm", children: _jsxs("div", { className: "flex items-center gap-3 px-5 py-4", children: [_jsx("div", { className: "flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-yellow-400 to-amber-500 text-white shadow-sm", children: _jsx(AlertTriangle, { className: "h-5 w-5" }) }), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-yellow-900", children: "L\u01B0u \u00FD quan tr\u1ECDng" }), _jsx("p", { className: "text-sm text-yellow-700", children: "\u0110\u00E1p \u00E1n c\u00F3 ph\u00E2n bi\u1EC7t ch\u1EEF hoa/th\u01B0\u1EDDng" })] })] }) }))] }));
+}
+//# sourceMappingURL=WriteCorrectVerbFormClient.js.map