@tinyweb_dev/oe-exam-sdk 0.1.0

package/dist/components/questions/types/answer-the-question/transform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/answer-the-question/transform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAA+B,MAAM,6CAA6C,CAAC;AAEjH,eAAO,MAAM,0BAA0B,EAAE,gBAyCxC,CAAC"}

package/dist/components/questions/types/answer-the-question/transform.js

@@ -0,0 +1,37 @@
+export const transformAnswerTheQuestion = (question) => {
+    const answerData = question.answer;
+    if (!answerData?.question) {
+        return { apiContent: {}, apiCorrectAnswer: {} };
+    }
+    const apiContent = {
+        question: answerData.question,
+    };
+    if (answerData.suffixText) {
+        apiContent.suffixText = answerData.suffixText;
+    }
+    if (answerData.prefixText) {
+        apiContent.prefixText = answerData.prefixText;
+    }
+    // Build basicGroupData when any group field is present (title, imageUrl, groupContent)
+    const hasGroupData = !!(answerData.imageUrl || answerData.title || answerData.subtitle || answerData.groupContent);
+    const basicGroupData = hasGroupData
+        ? {
+            title: answerData.title || '',
+            subtitle: answerData.subtitle || '',
+            content: answerData.groupContent || '',
+            imageUrl: answerData.imageUrl || '',
+        }
+        : undefined;
+    return {
+        apiContent,
+        apiCorrectAnswer: {
+            answer: answerData.correctAnswer,
+        },
+        totalPoints: answerData.points || 1,
+        basicGroupData,
+        groupNumber: answerData.groupNumber || 1,
+        isExample: answerData.isExample || false,
+        suggestedAnswers: (answerData.suggestedAnswers && answerData.suggestedAnswers.length > 0) ? answerData.suggestedAnswers : undefined,
+    };
+};
+//# sourceMappingURL=transform.js.map

package/dist/components/questions/types/answer-the-question/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/answer-the-question/transform.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,0BAA0B,GAAqB,CAAC,QAAQ,EAAE,EAAE;IACvE,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAgD,CAAC;IAE7E,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,CAAC;QAC1B,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC;IAClD,CAAC;IAED,MAAM,UAAU,GAA4B;QAC1C,QAAQ,EAAE,UAAU,CAAC,QAAQ;KAC9B,CAAC;IAEF,IAAI,UAAU,CAAC,UAAU,EAAE,CAAC;QAC1B,UAAU,CAAC,UAAU,GAAG,UAAU,CAAC,UAAU,CAAC;IAChD,CAAC;IAED,IAAI,UAAU,CAAC,UAAU,EAAE,CAAC;QAC1B,UAAU,CAAC,UAAU,GAAG,UAAU,CAAC,UAAU,CAAC;IAChD,CAAC;IAED,uFAAuF;IACvF,MAAM,YAAY,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,IAAI,UAAU,CAAC,KAAK,IAAI,UAAU,CAAC,QAAQ,IAAI,UAAU,CAAC,YAAY,CAAC,CAAC;IACnH,MAAM,cAAc,GAAG,YAAY;QACjC,CAAC,CAAC;YACE,KAAK,EAAE,UAAU,CAAC,KAAK,IAAI,EAAE;YAC7B,QAAQ,EAAE,UAAU,CAAC,QAAQ,IAAI,EAAE;YACnC,OAAO,EAAE,UAAU,CAAC,YAAY,IAAI,EAAE;YACtC,QAAQ,EAAE,UAAU,CAAC,QAAQ,IAAI,EAAE;SACpC;QACH,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO;QACL,UAAU;QACV,gBAAgB,EAAE;YAChB,MAAM,EAAE,UAAU,CAAC,aAAa;SACjC;QACD,WAAW,EAAE,UAAU,CAAC,MAAM,IAAI,CAAC;QACnC,cAAc;QACd,WAAW,EAAE,UAAU,CAAC,WAAW,IAAI,CAAC;QACxC,SAAS,EAAE,UAAU,CAAC,SAAS,IAAI,KAAK;QACxC,gBAAgB,EAAE,CAAC,UAAU,CAAC,gBAAgB,IAAI,UAAU,CAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS;KACpI,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/questions/types/arrange-letters-into-words/ArrangeLettersIntoWordsClient.d.ts

@@ -0,0 +1,3 @@
+import { ArrangeLettersIntoWordsClientProps } from '../../_shared/types/arrange-letters-into-words.type';
+export declare function ArrangeLettersIntoWordsClient({ questionData, onSubmit, isReviewMode, userAnswer, }: ArrangeLettersIntoWordsClientProps): import("react").JSX.Element;
+//# sourceMappingURL=ArrangeLettersIntoWordsClient.d.ts.map

package/dist/components/questions/types/arrange-letters-into-words/ArrangeLettersIntoWordsClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrangeLettersIntoWordsClient.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/arrange-letters-into-words/ArrangeLettersIntoWordsClient.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kCAAkC,EAAE,MAAM,sEAAsE,CAAC;AAa1H,wBAAgB,6BAA6B,CAAC,EAC5C,YAAY,EACZ,QAAQ,EACR,YAAoB,EACpB,UAAU,GACX,EAAE,kCAAkC,+BAwOpC"}

package/dist/components/questions/types/arrange-letters-into-words/ArrangeLettersIntoWordsClient.js

@@ -0,0 +1,142 @@
+'use client';
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+import { Card, CardContent, CardHeader, CardTitle } from '../../../../components/ui/card';
+import { Check, X } from 'lucide-react';
+// Fisher-Yates shuffle algorithm
+function shuffleArray(array) {
+    const shuffled = [...array];
+    for (let i = shuffled.length - 1; i > 0; i--) {
+        const j = Math.floor(Math.random() * (i + 1));
+        [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]];
+    }
+    return shuffled;
+}
+export function ArrangeLettersIntoWordsClient({ questionData, onSubmit, isReviewMode = false, userAnswer, }) {
+    // Initialize state for each subQuestion
+    const [availableLetters, setAvailableLetters] = useState({});
+    const [arrangedLetters, setArrangedLetters] = useState({});
+    const [answers, setAnswers] = useState(userAnswer || {});
+    // Store presigned URLs for images: { subQuestionId: presignedUrl }
+    const [imagePreviewUrls, setImagePreviewUrls] = useState({});
+    const fetchingRef = useRef(new Set());
+    // Initialize shuffled letters for each subQuestion
+    useEffect(() => {
+        const initialAvailable = {};
+        const initialArranged = {};
+        questionData.subQuestions.forEach((sq) => {
+            // Shuffle the correctWord into individual letters
+            const letters = shuffleArray(sq.correctWord.split(''));
+            initialAvailable[sq.id] = letters;
+            initialArranged[sq.id] = [];
+        });
+        setAvailableLetters(initialAvailable);
+        setArrangedLetters(initialArranged);
+    }, [questionData.subQuestions]);
+    // Sync userAnswer when it changes (e.g., when loading from server in review mode)
+    useEffect(() => {
+        if (userAnswer) {
+            setAnswers(userAnswer);
+        }
+    }, [userAnswer]);
+    // Fetch presigned URLs for images if needed
+    useEffect(() => {
+        questionData.subQuestions.forEach((sq) => {
+            if (sq.imageUrl &&
+                !sq.imageUrl.startsWith('http') &&
+                !imagePreviewUrls[sq.id] &&
+                !fetchingRef.current.has(sq.id)) {
+                fetchingRef.current.add(sq.id);
+                setImagePreviewUrls((prev) => ({
+                    ...prev,
+                    [sq.id]: sq.imageUrl,
+                }));
+                fetchingRef.current.delete(sq.id);
+            }
+        });
+    }, [questionData.subQuestions, imagePreviewUrls]);
+    // Get image preview URL for a subQuestion
+    const getImagePreviewUrl = (subQuestion) => {
+        if (!subQuestion.imageUrl)
+            return '';
+        // If it's already a full URL, use it directly
+        if (subQuestion.imageUrl.startsWith('http')) {
+            return subQuestion.imageUrl;
+        }
+        // Otherwise, use presigned URL if available
+        return imagePreviewUrls[subQuestion.id] || subQuestion.imageUrl;
+    };
+    // Update answers when arrangedLetters change
+    useEffect(() => {
+        const newAnswers = {};
+        Object.keys(arrangedLetters).forEach((subQuestionId) => {
+            newAnswers[subQuestionId] = arrangedLetters[subQuestionId].join('');
+        });
+        setAnswers(newAnswers);
+        onSubmit?.(newAnswers);
+    }, [arrangedLetters, onSubmit]);
+    // Handle click on available letter - move to arranged
+    const handleLetterClick = (subQuestionId, letterIndex) => {
+        if (isReviewMode)
+            return;
+        // Get the letter first before updating state
+        const currentAvailable = availableLetters[subQuestionId] || [];
+        const letter = currentAvailable[letterIndex];
+        if (!letter)
+            return;
+        setAvailableLetters((prev) => {
+            const letters = [...prev[subQuestionId]];
+            letters.splice(letterIndex, 1);
+            return { ...prev, [subQuestionId]: letters };
+        });
+        setArrangedLetters((prev) => {
+            const arranged = [...(prev[subQuestionId] || [])];
+            arranged.push(letter);
+            return { ...prev, [subQuestionId]: arranged };
+        });
+    };
+    // Handle click on arranged letter - move back to available
+    const handleArrangedLetterClick = (subQuestionId, letterIndex) => {
+        if (isReviewMode)
+            return;
+        // Get the letter first before updating state
+        const currentArranged = arrangedLetters[subQuestionId] || [];
+        const letter = currentArranged[letterIndex];
+        if (!letter)
+            return;
+        setArrangedLetters((prev) => {
+            const arranged = [...prev[subQuestionId]];
+            arranged.splice(letterIndex, 1);
+            return { ...prev, [subQuestionId]: arranged };
+        });
+        setAvailableLetters((prev) => {
+            const letters = [...(prev[subQuestionId] || [])];
+            letters.push(letter);
+            return { ...prev, [subQuestionId]: letters };
+        });
+    };
+    // Check if answer is correct (case insensitive)
+    const isAnswerCorrect = (subQuestionId, userAnswerValue) => {
+        const subQuestion = questionData.subQuestions.find((sq) => sq.id === subQuestionId);
+        if (!subQuestion)
+            return false;
+        return userAnswerValue.trim().toLowerCase() === subQuestion.correctWord.trim().toLowerCase();
+    };
+    return (_jsx("div", { className: "space-y-6", children: questionData.subQuestions.map((subQuestion, sqIndex) => {
+            const userAnswerValue = answers[subQuestion.id] || '';
+            const isCorrect = isReviewMode && isAnswerCorrect(subQuestion.id, userAnswerValue);
+            const available = availableLetters[subQuestion.id] || [];
+            const arranged = arrangedLetters[subQuestion.id] || [];
+            const imagePreviewUrl = getImagePreviewUrl(subQuestion);
+            return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs(CardTitle, { className: "text-lg", children: ["C\u00E2u ", sqIndex + 1] }) }), _jsxs(CardContent, { className: "space-y-4", children: [imagePreviewUrl && (_jsx("div", { className: "flex justify-center", children: _jsx("div", { className: "relative h-48 w-full max-w-md overflow-hidden rounded-lg", children: _jsx("img", { src: imagePreviewUrl, alt: `Hint for question ${sqIndex + 1}`, className: "h-full w-full object-contain", onError: () => {
+                                            console.error('Failed to load image:', subQuestion.imageUrl);
+                                        } }) }) })), _jsxs("div", { children: [_jsx("p", { className: "mb-2 text-sm font-medium text-gray-700", children: "Ch\u1ECDn c\u00E1c ch\u1EEF c\u00E1i:" }), _jsx("div", { className: "flex flex-wrap gap-2", children: available.map((letter, index) => (_jsx("button", { onClick: () => handleLetterClick(subQuestion.id, index), disabled: isReviewMode, className: "flex h-12 w-12 items-center justify-center rounded-full border-2 border-blue-500 bg-white text-xl font-bold text-blue-600 transition-all hover:bg-blue-50 hover:shadow-md disabled:cursor-not-allowed disabled:opacity-50", children: letter }, `${letter}-${index}`))) })] }), _jsxs("div", { children: [_jsx("p", { className: "mb-2 text-sm font-medium text-gray-700", children: "S\u1EAFp x\u1EBFp th\u00E0nh t\u1EEB:" }), _jsx("div", { className: `min-h-[60px] rounded-lg border-2 p-4 ${isReviewMode
+                                            ? isCorrect
+                                                ? 'border-green-500 bg-green-50'
+                                                : userAnswerValue.trim() !== ''
+                                                    ? 'border-red-500 bg-red-50'
+                                                    : 'border-gray-300 bg-gray-50'
+                                            : 'border-gray-300 bg-gray-50'}`, children: _jsx("div", { className: "flex flex-wrap items-center gap-2", children: arranged.length === 0 ? (_jsx("span", { className: "text-gray-400", children: "G\u1EA1ch ngang \u0111\u1EC3 s\u1EAFp x\u1EBFp..." })) : (arranged.map((letter, index) => (_jsx("button", { onClick: () => handleArrangedLetterClick(subQuestion.id, index), disabled: isReviewMode, className: "flex h-12 w-12 items-center justify-center rounded-full border-2 border-gray-400 bg-white text-xl font-bold text-gray-700 transition-all hover:bg-gray-100 hover:shadow-md disabled:cursor-not-allowed disabled:opacity-50", children: letter }, `arranged-${letter}-${index}`)))) }) })] }), isReviewMode && (_jsx("div", { className: "flex items-center gap-2", children: isCorrect ? (_jsxs(_Fragment, { children: [_jsx(Check, { className: "h-5 w-5 text-green-600" }), _jsx("span", { className: "text-sm text-green-600", children: "\u0110\u00FAng!" })] })) : userAnswerValue.trim() !== '' ? (_jsxs(_Fragment, { children: [_jsx(X, { className: "h-5 w-5 text-red-600" }), _jsxs("span", { className: "text-sm text-red-600", children: ["\u0110\u00E1p \u00E1n \u0111\u00FAng: ", _jsx("strong", { children: subQuestion.correctWord })] })] })) : null }))] })] }, subQuestion.id));
+        }) }));
+}
+//# sourceMappingURL=ArrangeLettersIntoWordsClient.js.map

package/dist/components/questions/types/arrange-letters-into-words/ArrangeLettersIntoWordsClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrangeLettersIntoWordsClient.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/arrange-letters-into-words/ArrangeLettersIntoWordsClient.tsx"],"names":[],"mappings":"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"}

package/dist/components/questions/types/arrange-letters-into-words/ArrangeLettersIntoWordsCreator.d.ts

@@ -0,0 +1,3 @@
+import { ArrangeLettersIntoWordsCreatorProps } from '../../_shared/types/arrange-letters-into-words.type';
+export declare function ArrangeLettersIntoWordsCreator(props: ArrangeLettersIntoWordsCreatorProps): import("react").JSX.Element;
+//# sourceMappingURL=ArrangeLettersIntoWordsCreator.d.ts.map

package/dist/components/questions/types/arrange-letters-into-words/ArrangeLettersIntoWordsCreator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrangeLettersIntoWordsCreator.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/arrange-letters-into-words/ArrangeLettersIntoWordsCreator.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,mCAAmC,EAGpC,MAAM,sEAAsE,CAAC;AAoQ9E,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,mCAAmC,+BAExF"}

package/dist/components/questions/types/arrange-letters-into-words/ArrangeLettersIntoWordsCreator.js

@@ -0,0 +1,119 @@
+'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 { Card, CardContent, CardHeader, CardTitle } from '../../../../components/ui/card';
+import { Pencil, Eye, Plus, Trash2 } from 'lucide-react';
+import { toast } from 'sonner';
+import { FileUpload } from '../../../../components/ui/file-upload';
+import { ArrangeLettersIntoWordsClient } from './ArrangeLettersIntoWordsClient';
+function ArrangeLettersIntoWordsCreatorContent({ initialData, onSave, // eslint-disable-line @typescript-eslint/no-unused-vars
+onCancel, // eslint-disable-line @typescript-eslint/no-unused-vars
+onChange, }) {
+    // State
+    const [subQuestions, setSubQuestions] = useState(initialData?.subQuestions || []);
+    // Track previous initialData to detect changes
+    const previousInitialDataRef = useRef(initialData);
+    const isInitializingRef = useRef(false);
+    // Use ref to store onChange to avoid dependency issues
+    const onChangeRef = useRef(onChange);
+    // Track previous payload to prevent unnecessary onChange calls
+    const previousPayloadRef = useRef('');
+    // Update onChange ref when it changes
+    useEffect(() => {
+        onChangeRef.current = onChange;
+    }, [onChange]);
+    // 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.subQuestions !== undefined)
+                    setSubQuestions(initialData.subQuestions);
+            }
+            else {
+                setSubQuestions([]);
+            }
+            setTimeout(() => {
+                isInitializingRef.current = false;
+            }, 100);
+        }
+    }, [initialData]);
+    useEffect(() => {
+        // Skip onChange during initialization to prevent infinite loop
+        if (isInitializingRef.current) {
+            // Still update previous payload ref to track current state
+            const currentPayload = JSON.stringify({ subQuestions });
+            previousPayloadRef.current = currentPayload;
+            return;
+        }
+        // Create payload
+        const payload = { subQuestions };
+        // Serialize payload for comparison
+        const payloadString = JSON.stringify(payload);
+        // Only call onChange if payload actually changed
+        if (previousPayloadRef.current !== payloadString) {
+            previousPayloadRef.current = payloadString;
+            onChangeRef.current?.(payload);
+        }
+    }, [subQuestions]);
+    // UI State
+    const [isClientMode, setIsClientMode] = useState(false);
+    // Store presigned URLs for images: { subQuestionId: presignedUrl }
+    const [imagePreviewUrls, setImagePreviewUrls] = useState({});
+    // Add new sub-question
+    const addSubQuestion = () => {
+        if (subQuestions.length >= 5) {
+            toast.error('Tối đa 5 câu hỏi con!');
+            return;
+        }
+        const newSubQuestion = {
+            id: `subq-${Date.now()}`,
+            correctWord: '',
+            imageUrl: '',
+        };
+        setSubQuestions([...subQuestions, newSubQuestion]);
+    };
+    // Remove sub-question
+    const removeSubQuestion = (id) => {
+        if (subQuestions.length <= 1) {
+            toast.error('Tối thiểu 1 câu hỏi con!');
+            return;
+        }
+        setSubQuestions(subQuestions.filter((sq) => sq.id !== id));
+    };
+    // Update sub-question field
+    const updateSubQuestion = (id, field, value) => {
+        setSubQuestions(subQuestions.map((sq) => (sq.id === id ? { ...sq, [field]: value } : sq)));
+    };
+    // Update image preview URL
+    const updateImagePreviewUrl = (subQuestionId, presignedUrl) => {
+        setImagePreviewUrls((prev) => ({
+            ...prev,
+            [subQuestionId]: presignedUrl,
+        }));
+    };
+    // If in client mode, render the Client component
+    if (isClientMode) {
+        const questionData = {
+            subQuestions: subQuestions.map((sq) => ({
+                ...sq,
+                imageUrl: imagePreviewUrls[sq.id] || sq.imageUrl,
+            })),
+        };
+        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: "Arrange Letters Into Words (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(ArrangeLettersIntoWordsClient, { questionData: questionData })] }));
+    }
+    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: "Arrange Letters Into Words" }), _jsx("p", { className: "mt-1 text-sm text-gray-500", children: "T\u1EA1o c\u00E2u h\u1ECFi s\u1EAFp x\u1EBFp ch\u1EEF c\u00E1i th\u00E0nh t\u1EEB" })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setIsClientMode(true), disabled: subQuestions.length < 1, children: [_jsx(Eye, { className: "mr-2 h-4 w-4" }), "Client Mode"] })] }) }) }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs(CardTitle, { children: ["C\u00E2u h\u1ECFi con (", subQuestions.length, "/5)"] }), _jsxs(Button, { onClick: addSubQuestion, disabled: subQuestions.length >= 5, variant: "outline", children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Th\u00EAm c\u00E2u h\u1ECFi"] })] }) }), _jsxs(CardContent, { className: "space-y-4", children: [subQuestions.map((subQuestion, sqIndex) => (_jsxs(Card, { className: "border-2", children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs(CardTitle, { className: "text-lg", children: ["C\u00E2u ", sqIndex + 1] }), _jsx(Button, { variant: "ghost", size: "sm", onClick: () => removeSubQuestion(subQuestion.id), disabled: subQuestions.length <= 1, children: _jsx(Trash2, { className: "h-4 w-4 text-red-500" }) })] }) }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { children: [_jsx(Label, { htmlFor: `correctWord-${subQuestion.id}`, children: "T\u1EEB \u0111\u00FAng *" }), _jsx(Input, { id: `correctWord-${subQuestion.id}`, value: subQuestion.correctWord, onChange: (e) => updateSubQuestion(subQuestion.id, 'correctWord', e.target.value.toUpperCase()), placeholder: "Nh\u1EADp t\u1EEB \u0111\u00FAng (vd: COMPUTER)", className: "mt-1", disabled: isClientMode }), _jsx("p", { className: "mt-1 text-xs text-gray-500", children: "T\u1EEB n\u00E0y s\u1EBD \u0111\u01B0\u1EE3c x\u00E1o tr\u1ED9n th\u00E0nh c\u00E1c k\u00FD t\u1EF1 ng\u1EABu nhi\u00EAn khi hi\u1EC3n th\u1ECB" })] }), _jsxs("div", { children: [_jsx(Label, { htmlFor: `image-${subQuestion.id}`, children: "H\u00ECnh \u1EA3nh g\u1EE3i \u00FD *" }), _jsx(FileUpload, { id: `image-${subQuestion.id}`, label: "", accept: "image/*", value: subQuestion.imageUrl, onChange: (key) => updateSubQuestion(subQuestion.id, 'imageUrl', key), onPresignedUrlChange: (presignedUrl) => {
+                                                            updateImagePreviewUrl(subQuestion.id, presignedUrl);
+                                                        }, disabled: isClientMode, maxSize: 5, placeholder: "Upload \u1EA3nh", required: true, autoUpload: true, prefix: "questions" }), subQuestion.imageUrl && (_jsx("div", { className: "relative mt-2 h-32 w-full max-w-md overflow-hidden rounded border", children: _jsx("img", { src: imagePreviewUrls[subQuestion.id] || subQuestion.imageUrl, alt: `Preview for question ${sqIndex + 1}`, className: "h-full w-full object-contain", onError: () => {
+                                                                console.error('Failed to load image:', subQuestion.imageUrl);
+                                                            } }) }))] })] })] }, subQuestion.id))), subQuestions.length === 0 && (_jsx("div", { className: "py-8 text-center text-gray-500", children: _jsx("p", { children: "Ch\u01B0a c\u00F3 c\u00E2u h\u1ECFi con n\u00E0o. Nh\u1EA5n \"Th\u00EAm c\u00E2u h\u1ECFi\" \u0111\u1EC3 b\u1EAFt \u0111\u1EA7u." }) }))] })] })] }));
+}
+export function ArrangeLettersIntoWordsCreator(props) {
+    return _jsx(ArrangeLettersIntoWordsCreatorContent, { ...props });
+}
+//# sourceMappingURL=ArrangeLettersIntoWordsCreator.js.map

package/dist/components/questions/types/arrange-letters-into-words/ArrangeLettersIntoWordsCreator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrangeLettersIntoWordsCreator.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/arrange-letters-into-words/ArrangeLettersIntoWordsCreator.tsx"],"names":[],"mappings":"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"}

package/dist/components/questions/types/arrange-letters-into-words/index.d.ts

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

package/dist/components/questions/types/arrange-letters-into-words/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/arrange-letters-into-words/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC"}

package/dist/components/questions/types/arrange-letters-into-words/index.js

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

package/dist/components/questions/types/arrange-letters-into-words/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/arrange-letters-into-words/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC"}

package/dist/components/questions/types/arrange-letters-into-words/register.d.ts

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

package/dist/components/questions/types/arrange-letters-into-words/register.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/arrange-letters-into-words/register.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAErF,eAAO,MAAM,mCAAmC,EAAE,wBAEjD,CAAC"}

package/dist/components/questions/types/arrange-letters-into-words/register.js

@@ -0,0 +1,5 @@
+import { ArrangeLettersIntoWordsCreator } from './ArrangeLettersIntoWordsCreator';
+export const arrangeLettersIntoWordsRegistration = {
+    component: ArrangeLettersIntoWordsCreator,
+};
+//# sourceMappingURL=register.js.map

package/dist/components/questions/types/arrange-letters-into-words/register.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"register.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/arrange-letters-into-words/register.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAGlF,MAAM,CAAC,MAAM,mCAAmC,GAA6B;IAC3E,SAAS,EAAE,8BAA8B;CAC1C,CAAC"}

package/dist/components/questions/types/arrange-letters-into-words/transform.d.ts

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

package/dist/components/questions/types/arrange-letters-into-words/transform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/arrange-letters-into-words/transform.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAqC,MAAM,6CAA6C,CAAC;AAEvH,eAAO,MAAM,gCAAgC,EAAE,gBA2B9C,CAAC"}

package/dist/components/questions/types/arrange-letters-into-words/transform.js

@@ -0,0 +1,25 @@
+export const transformArrangeLettersIntoWords = (question) => {
+    const answerData = question.answer;
+    if (!answerData?.subQuestions) {
+        return { apiContent: {}, apiCorrectAnswer: {} };
+    }
+    const subQuestions = (answerData.subQuestions || []).map((sq) => ({
+        id: sq.id,
+        imageUrl: sq.imageUrl || '',
+    }));
+    const answers = (answerData.subQuestions || []).reduce((acc, sq) => {
+        if (sq.id && sq.correctWord) {
+            acc[sq.id] = sq.correctWord;
+        }
+        return acc;
+    }, {});
+    return {
+        apiContent: {
+            subQuestions,
+        },
+        apiCorrectAnswer: {
+            answers,
+        },
+    };
+};
+//# sourceMappingURL=transform.js.map

package/dist/components/questions/types/arrange-letters-into-words/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/arrange-letters-into-words/transform.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,gCAAgC,GAAqB,CAAC,QAAQ,EAAE,EAAE;IAC3E,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAsD,CAAC;IAEnF,IAAI,CAAC,UAAU,EAAE,YAAY,EAAE,CAAC;QAC5B,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC;IACpD,CAAC;IAED,MAAM,YAAY,GAAG,CAAC,UAAU,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;QAC9D,EAAE,EAAE,EAAE,CAAC,EAAE;QACT,QAAQ,EAAE,EAAE,CAAC,QAAQ,IAAI,EAAE;KAC9B,CAAC,CAAC,CAAC;IAEJ,MAAM,OAAO,GAAG,CAAC,UAAU,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAA2B,EAAE,EAAE,EAAE,EAAE;QACvF,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;YAC1B,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC;QAChC,CAAC;QACD,OAAO,GAAG,CAAC;IACf,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACH,UAAU,EAAE;YACR,YAAY;SACf;QACD,gBAAgB,EAAE;YACd,OAAO;SACV;KACJ,CAAC;AACN,CAAC,CAAC"}

package/dist/components/questions/types/choose-correct-adjective/ChooseCorrectAdjectiveClient.d.ts

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

package/dist/components/questions/types/choose-correct-adjective/ChooseCorrectAdjectiveClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChooseCorrectAdjectiveClient.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/choose-correct-adjective/ChooseCorrectAdjectiveClient.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iCAAiC,EAAE,MAAM,oEAAoE,CAAC;AAEvH,wBAAgB,4BAA4B,CAAC,EAC3C,YAAY,EACZ,QAAQ,EACR,YAAoB,EACpB,UAAU,GACX,EAAE,iCAAiC,+BA4PnC"}

package/dist/components/questions/types/choose-correct-adjective/ChooseCorrectAdjectiveClient.js

@@ -0,0 +1,65 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { cn } from '../../../../shared/lib/utils';
+import { Check, X, ListChecks, Lightbulb } from 'lucide-react';
+export function ChooseCorrectAdjectiveClient({ questionData, onSubmit, isReviewMode = false, userAnswer, }) {
+    const [selectedAnswer, setSelectedAnswer] = useState(userAnswer);
+    const handleAnswerChange = (index) => {
+        if (isReviewMode)
+            return;
+        setSelectedAnswer(index);
+        onSubmit?.(index);
+    };
+    const isCorrect = (index) => {
+        return index === questionData.correctAnswer;
+    };
+    const isSelected = (index) => {
+        return selectedAnswer === index;
+    };
+    const userAnswerCorrect = selectedAnswer !== undefined && isCorrect(selectedAnswer);
+    const hasAnswered = selectedAnswer !== undefined;
+    // Get the correct answer text
+    const correctAnswerText = questionData.options[questionData.correctAnswer];
+    return (_jsx("div", { className: "space-y-5", children: _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 && userAnswerCorrect && 'border-green-200 bg-gradient-to-r from-green-50 to-emerald-50', isReviewMode && hasAnswered && !userAnswerCorrect && 'border-red-200 bg-gradient-to-r from-red-50 to-rose-50', (!isReviewMode || !hasAnswered) && '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 && userAnswerCorrect && 'bg-gradient-to-br from-green-500 to-emerald-600', isReviewMode && hasAnswered && !userAnswerCorrect && 'bg-gradient-to-br from-red-500 to-rose-600', (!isReviewMode || !hasAnswered) && 'bg-gradient-to-br from-teal-500 to-cyan-600'), children: _jsx(ListChecks, { className: "h-4 w-4" }) }), _jsx("span", { className: "text-sm font-medium text-gray-700", children: "Ch\u1ECDn t\u00EDnh 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', userAnswerCorrect ? 'bg-green-100 text-green-700' : 'bg-red-100 text-red-700'), children: [userAnswerCorrect ? _jsx(Check, { className: "h-3.5 w-3.5" }) : _jsx(X, { className: "h-3.5 w-3.5" }), userAnswerCorrect ? 'Đúng' : 'Sai'] }))] }), _jsxs("div", { className: "p-5 space-y-5", children: [_jsxs("div", { className: "rounded-xl bg-gradient-to-br from-slate-50 to-gray-50 border border-gray-100 p-5", children: [_jsx("div", { className: "text-lg leading-relaxed flex flex-wrap items-center gap-1", children: questionData.sentence.split('{0}').map((part, index, arr) => (_jsxs("span", { children: [_jsx("span", { className: "text-gray-800", children: part }), index < arr.length - 1 && (_jsx("span", { className: "inline-flex items-center mx-1", children: _jsx("span", { className: cn('inline-block min-w-[100px] px-3 py-1 text-center font-bold rounded-lg border-2 border-dashed', hasAnswered
+                                                        ? isReviewMode
+                                                            ? userAnswerCorrect
+                                                                ? 'border-green-400 bg-green-100 text-green-800'
+                                                                : 'border-red-400 bg-red-100 text-red-800'
+                                                            : 'border-indigo-400 bg-indigo-100 text-indigo-800'
+                                                        : 'border-gray-300 bg-gray-100 text-gray-400'), children: hasAnswered ? questionData.options[selectedAnswer] : '_______' }) }))] }, index))) }), _jsxs("div", { className: "mt-3 flex items-center gap-2", children: [_jsx("span", { className: "text-sm text-gray-500", children: "L\u1EF1a ch\u1ECDn:" }), _jsxs("span", { className: "text-sm font-medium text-gray-600", children: ["(", questionData.options.join(' / '), ")"] })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("p", { className: "text-sm font-medium text-gray-600 mb-3", children: "Ch\u1ECDn \u0111\u00E1p \u00E1n:" }), _jsx("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-4", children: questionData.options.map((option, index) => {
+                                        const selected = isSelected(index);
+                                        const correct = isCorrect(index);
+                                        const letter = String.fromCharCode(65 + index);
+                                        return (_jsxs("button", { type: "button", onClick: () => handleAnswerChange(index), disabled: isReviewMode, className: cn('group flex items-center gap-2 rounded-xl border-2 p-3 text-left transition-all', isReviewMode
+                                                ? correct
+                                                    ? 'border-green-400 bg-green-50'
+                                                    : selected
+                                                        ? 'border-red-400 bg-red-50'
+                                                        : 'border-gray-200 bg-gray-50'
+                                                : selected
+                                                    ? 'border-indigo-500 bg-indigo-50 shadow-sm ring-2 ring-indigo-100'
+                                                    : 'border-gray-200 bg-white hover:border-gray-300 hover:bg-gray-50 hover:shadow-sm'), children: [_jsx("div", { className: cn('flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-lg text-sm font-bold transition-all', isReviewMode
+                                                        ? correct
+                                                            ? 'bg-green-500 text-white'
+                                                            : selected
+                                                                ? 'bg-red-500 text-white'
+                                                                : 'bg-gray-200 text-gray-600'
+                                                        : selected
+                                                            ? 'bg-gradient-to-br from-indigo-500 to-purple-600 text-white shadow-sm'
+                                                            : 'bg-gray-100 text-gray-600 group-hover:bg-gray-200'), children: letter }), _jsx("span", { className: cn('flex-1 text-sm font-semibold', isReviewMode && correct
+                                                        ? 'text-green-800'
+                                                        : isReviewMode && selected && !correct
+                                                            ? 'text-red-800'
+                                                            : 'text-gray-700'), children: option }), isReviewMode && (correct || selected) && (_jsx("div", { className: cn('flex h-5 w-5 items-center justify-center rounded-full', correct ? 'bg-green-500' : 'bg-red-500'), children: correct
+                                                        ? _jsx(Check, { className: "h-3 w-3 text-white" })
+                                                        : _jsx(X, { className: "h-3 w-3 text-white" }) }))] }, index));
+                                    }) })] }), isReviewMode && (_jsxs("div", { className: "space-y-4 pt-2", children: [_jsxs("div", { className: "rounded-xl border border-green-200 bg-gradient-to-r 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-sm font-medium text-green-800", children: "C\u00E2u ho\u00E0n ch\u1EC9nh:" })] }), _jsx("p", { className: "text-base font-medium text-green-900 pl-8", children: questionData.sentence.replace('{0}', correctAnswerText) })] }), _jsx("div", { className: cn('rounded-xl p-4', userAnswerCorrect
+                                        ? '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', userAnswerCorrect
+                                                    ? 'bg-gradient-to-br from-green-500 to-emerald-600'
+                                                    : 'bg-gradient-to-br from-red-500 to-rose-600'), children: userAnswerCorrect ? _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', userAnswerCorrect ? 'text-green-800' : 'text-red-800'), children: userAnswerCorrect ? 'Chính xác!' : 'Chưa đúng' }), _jsx("p", { className: cn('text-xs', userAnswerCorrect ? 'text-green-600' : 'text-red-600'), children: userAnswerCorrect
+                                                            ? 'Bạn đã chọn đúng tính từ.'
+                                                            : `Đáp án đúng là "${correctAnswerText}".` })] })] }) }), questionData.explanation && (_jsx("div", { className: "rounded-xl border border-blue-200 bg-gradient-to-r from-blue-50 to-indigo-50 p-4", 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-gradient-to-br from-blue-500 to-indigo-600 text-white shadow-sm", children: _jsx(Lightbulb, { className: "h-4 w-4" }) }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-semibold text-blue-800", children: "Gi\u1EA3i th\u00EDch:" }), _jsx("p", { className: "text-sm text-blue-700 mt-1", 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: "Ch\u1ECDn t\u00EDnh t\u1EEB ph\u00F9 h\u1EE3p" }), _jsx("p", { className: "text-xs text-amber-600", children: "Nh\u1EA5n v\u00E0o m\u1ED9t trong c\u00E1c l\u1EF1a ch\u1ECDn b\u00EAn tr\u00EAn." })] })] }) }))] })] }) }));
+}
+//# sourceMappingURL=ChooseCorrectAdjectiveClient.js.map

package/dist/components/questions/types/choose-correct-adjective/ChooseCorrectAdjectiveClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChooseCorrectAdjectiveClient.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/choose-correct-adjective/ChooseCorrectAdjectiveClient.tsx"],"names":[],"mappings":"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"}

package/dist/components/questions/types/choose-correct-adjective/ChooseCorrectAdjectiveCreator.d.ts

@@ -0,0 +1,3 @@
+import { ChooseCorrectAdjectiveCreatorProps } from '../../_shared/types/choose-correct-adjective.type';
+export declare function ChooseCorrectAdjectiveCreator(props: ChooseCorrectAdjectiveCreatorProps): import("react").JSX.Element;
+//# sourceMappingURL=ChooseCorrectAdjectiveCreator.d.ts.map

package/dist/components/questions/types/choose-correct-adjective/ChooseCorrectAdjectiveCreator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChooseCorrectAdjectiveCreator.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/choose-correct-adjective/ChooseCorrectAdjectiveCreator.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,kCAAkC,EAEnC,MAAM,oEAAoE,CAAC;AA+e5E,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,kCAAkC,+BAEtF"}