@tinyweb_dev/oe-exam-sdk 0.1.0

package/dist/components/questions/types/write-sentences/WriteSentencesCreator.js

@@ -0,0 +1,175 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from 'react';
+import { Button } from '../../../../components/ui/button';
+import { Input } from '../../../../components/ui/input';
+import { Label } from '../../../../components/ui/label';
+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, PenLine, BookOpen, Hash } from 'lucide-react';
+import { WriteSentencesClient } from './WriteSentencesClient';
+import { useDebouncedCallback } from '../../../../shared/lib/hooks';
+import { BasicQuestionGroupCard } from '../../groups/BasicQuestionGroupCard';
+import { useBasicQuestionGroup } from '../../_shared/hooks/useBasicQuestionGroup';
+function WriteSentencesCreatorContent({ initialData, onChange, externalErrors, validationRef, groups, questionIndexInPart, partId, }) {
+    // ============ GROUP (shared title / content / image) ============
+    const { isGrouped, currentGroupNumber, groupTitle, groupSubtitle, groupContent, imageUrl, setGroupTitle, setGroupSubtitle, setGroupContent, setImageUrl, } = useBasicQuestionGroup({
+        partId,
+        groups,
+        questionIndexInPart,
+        initialData: {
+            title: (() => {
+                const qgPayload = initialData?.questionGroup?.payload;
+                return qgPayload?.title || initialData?.title || '';
+            })(),
+            subtitle: (() => {
+                const qgPayload = initialData?.questionGroup?.payload;
+                return qgPayload?.subtitle || '';
+            })(),
+            content: (() => {
+                const qgPayload = initialData?.questionGroup?.payload;
+                return qgPayload?.content || initialData?.groupContent || '';
+            })(),
+            imageUrl: (() => {
+                const qgPayload = initialData?.questionGroup?.payload;
+                return qgPayload?.imageUrl || initialData?.imageUrl || '';
+            })(),
+        },
+    });
+    // ============ STATE ============
+    const [explanation, setExplanation] = useState(initialData?.explanation || '');
+    const [points, setPoints] = useState(initialData?.points || 1);
+    const [instruction, setInstruction] = useState(initialData?.instruction || '');
+    const [sentenceCount, setSentenceCount] = useState(initialData?.sentenceCount);
+    // UI State
+    const [isClientMode, setIsClientMode] = useState(false);
+    // Refs for initialization tracking
+    const previousInitialDataRef = useRef(initialData);
+    const isInitializingRef = useRef(false);
+    const hasInitializedRef = useRef(false);
+    const onChangeRef = useRef(onChange);
+    const previousPayloadRef = useRef('');
+    const [validationErrors, setValidationErrors] = useState({});
+    useEffect(() => {
+        onChangeRef.current = onChange;
+    }, [onChange]);
+    const debouncedOnChange = useDebouncedCallback((data) => {
+        onChangeRef.current?.(data);
+    }, 300);
+    // Expose validation function via ref
+    useEffect(() => {
+        if (validationRef) {
+            validationRef.current = {
+                triggerValidation: async () => {
+                    const errors = {};
+                    if (!sentenceCount || sentenceCount < 1) {
+                        errors.sentenceCount = 'Vui lòng nhập số câu cần viết';
+                    }
+                    setValidationErrors(errors);
+                    return Object.keys(errors).length === 0;
+                },
+                getFormData: () => ({
+                    points,
+                    explanation,
+                    instruction,
+                    sentenceCount,
+                    title: groupTitle,
+                    subtitle: groupSubtitle,
+                    groupContent,
+                    imageUrl,
+                    groupNumber: currentGroupNumber,
+                    groups,
+                }),
+            };
+        }
+    }, [validationRef, points, explanation, instruction, sentenceCount, groupTitle, groupSubtitle, groupContent, imageUrl, currentGroupNumber, groups]);
+    // Sync from initialData
+    useEffect(() => {
+        const initialDataChanged = JSON.stringify(previousInitialDataRef.current) !== JSON.stringify(initialData);
+        if (initialDataChanged || !hasInitializedRef.current) {
+            isInitializingRef.current = true;
+            previousInitialDataRef.current = initialData;
+            hasInitializedRef.current = true;
+            if (initialData) {
+                setExplanation(initialData.explanation || '');
+                setPoints(initialData.points || 1);
+                setInstruction(initialData.instruction || '');
+                setSentenceCount(initialData.sentenceCount);
+            }
+            else {
+                setExplanation('');
+                setPoints(1);
+                setInstruction('');
+                setSentenceCount(undefined);
+            }
+            setTimeout(() => {
+                isInitializingRef.current = false;
+            }, 150);
+        }
+    }, [initialData]);
+    // Call onChange when data changes
+    useEffect(() => {
+        if (isInitializingRef.current) {
+            const currentPayload = JSON.stringify({
+                points,
+                explanation,
+                instruction,
+                sentenceCount,
+                title: groupTitle,
+                subtitle: groupSubtitle,
+                groupContent,
+                imageUrl,
+                groupNumber: currentGroupNumber,
+                groups,
+            });
+            previousPayloadRef.current = currentPayload;
+            return;
+        }
+        const payload = {
+            points,
+            explanation,
+            instruction,
+            sentenceCount,
+            title: groupTitle,
+            subtitle: groupSubtitle,
+            groupContent,
+            imageUrl,
+            groupNumber: currentGroupNumber,
+            groups,
+        };
+        const payloadString = JSON.stringify(payload);
+        if (previousPayloadRef.current !== payloadString) {
+            previousPayloadRef.current = payloadString;
+            debouncedOnChange(payload);
+        }
+    }, [points, explanation, instruction, sentenceCount, groupTitle, groupSubtitle, groupContent, imageUrl, currentGroupNumber, groups, debouncedOnChange]);
+    // Client mode preview
+    if (isClientMode) {
+        const questionData = {
+            points,
+            explanation,
+            instruction,
+            sentenceCount,
+        };
+        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 Sentences (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(WriteSentencesClient, { questionData: questionData, onSubmit: () => { }, isReviewMode: true, explanation: explanation })] }));
+    }
+    // Creator UI
+    return (_jsxs("div", { className: "space-y-6", children: [isGrouped && (_jsx(BasicQuestionGroupCard, { groupNumber: currentGroupNumber, title: groupTitle, subtitle: groupSubtitle, content: groupContent, imageUrl: imageUrl, onTitleChange: setGroupTitle, onSubtitleChange: setGroupSubtitle, onContentChange: setGroupContent, onImageChange: setImageUrl, uploadIdPrefix: `write-sentences-${partId ?? 'group'}` })), _jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg shadow-teal-100/50", children: [_jsx("div", { className: "h-1.5 bg-gradient-to-r from-teal-400 to-emerald-500" }), _jsx(CardHeader, { className: "pb-4", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-xl bg-gradient-to-br from-teal-500 to-emerald-600 shadow-md", children: _jsx(PenLine, { className: "h-5 w-5 text-white" }) }), _jsxs("div", { children: [_jsx(CardTitle, { className: "text-xl font-bold text-gray-900", children: "Vi\u1EBFt c\u00E2u" }), _jsx("p", { className: "text-sm text-gray-500", children: "H\u1ECDc sinh t\u1EF1 vi\u1EBFt m\u1ED9t c\u00E2u ho\u00E0n ch\u1EC9nh" })] })] }), _jsxs(Button, { variant: "outline", size: "sm", onClick: () => setIsClientMode(true), className: "gap-2 border-emerald-200 text-emerald-600 hover:bg-emerald-50 hover:text-emerald-700", children: [_jsx(Eye, { className: "h-4 w-4" }), "Xem tr\u01B0\u1EDBc"] })] }) }), _jsxs(CardContent, { className: "space-y-6", children: [_jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [_jsx("div", { className: "rounded-xl border border-gray-200 bg-gradient-to-r from-gray-50 to-slate-50 p-4", children: _jsx(PointsInput, { defaultValue: points, onChange: (e) => setPoints(Number(e.target.value) || 1) }) }), _jsxs("div", { className: "rounded-xl border border-gray-200 bg-gradient-to-r from-gray-50 to-slate-50 p-4", children: [_jsxs(Label, { htmlFor: "sentenceCount", className: "flex items-center gap-2 text-sm font-semibold text-gray-800", children: [_jsx(Hash, { className: "h-4 w-4 text-teal-500" }), "S\u1ED1 c\u00E2u c\u1EA7n vi\u1EBFt ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx(Input, { id: "sentenceCount", type: "number", min: 1, max: 10, value: sentenceCount ?? '', onChange: (e) => {
+                                                    const raw = e.target.value;
+                                                    if (raw === '') {
+                                                        setSentenceCount(undefined);
+                                                    }
+                                                    else {
+                                                        const val = parseInt(raw, 10);
+                                                        setSentenceCount(isNaN(val) ? undefined : Math.max(1, val));
+                                                    }
+                                                    if (validationErrors.sentenceCount) {
+                                                        setValidationErrors((prev) => ({ ...prev, sentenceCount: undefined }));
+                                                    }
+                                                }, placeholder: "Nh\u1EADp s\u1ED1 c\u00E2u...", className: `mt-1.5 border-gray-200 bg-white transition-all focus:border-teal-300 focus:ring-teal-200 ${validationErrors.sentenceCount ? 'border-red-400 focus:border-red-500 focus:ring-red-200' : ''}` }), validationErrors.sentenceCount && (_jsx("p", { className: "mt-1 text-sm text-red-600", children: validationErrors.sentenceCount }))] })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "instruction", className: "flex items-center gap-2 text-sm font-semibold text-gray-800", children: [_jsx(BookOpen, { className: "h-4 w-4 text-teal-500" }), "H\u01B0\u1EDBng d\u1EABn ", _jsx("span", { className: "text-xs font-normal text-gray-500", children: "(T\u00F9y ch\u1ECDn)" })] }), _jsx(Textarea, { id: "instruction", value: instruction, onChange: (e) => setInstruction(e.target.value), placeholder: "V\u00ED d\u1EE5: Now write two sentences about the picture.", rows: 2, className: "border-gray-200 bg-white transition-all focus:border-teal-300 focus:ring-teal-200" })] }), 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("div", { className: "h-1 bg-gradient-to-r from-amber-400 to-orange-400" }), _jsx(CardHeader, { className: "pb-4", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-gradient-to-br from-amber-500 to-orange-500 shadow-sm", children: _jsx(BookOpen, { className: "h-4 w-4 text-white" }) }), _jsxs("div", { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CardTitle, { className: "text-lg font-semibold text-gray-800", children: "Gi\u1EA3i th\u00EDch" }), _jsx("span", { className: "inline-flex items-center rounded-full border border-amber-200 bg-amber-50 px-2.5 py-0.5 text-xs font-medium text-amber-600", children: "Kh\u00F4ng b\u1EAFt bu\u1ED9c" })] }), _jsx("p", { className: "text-sm text-gray-500 mt-0.5", children: "Gi\u1EA3i th\u00EDch cho \u0111\u00E1p \u00E1n \u0111\u00FAng \u2014 hi\u1EC3n th\u1ECB sau khi h\u1ECDc sinh ho\u00E0n th\u00E0nh c\u00E2u h\u1ECFi" })] })] }) }), _jsx(CardContent, { children: _jsx(Textarea, { 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 WriteSentencesCreator(props) {
+    return _jsx(WriteSentencesCreatorContent, { ...props });
+}
+//# sourceMappingURL=WriteSentencesCreator.js.map

package/dist/components/questions/types/write-sentences/WriteSentencesCreator.js.map

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

package/dist/components/questions/types/write-sentences/index.d.ts

@@ -0,0 +1,3 @@
+export { WriteSentencesCreator } from './WriteSentencesCreator';
+export { WriteSentencesClient } from './WriteSentencesClient';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/questions/types/write-sentences/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/write-sentences/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/questions/types/write-sentences/index.js

@@ -0,0 +1,3 @@
+export { WriteSentencesCreator } from './WriteSentencesCreator';
+export { WriteSentencesClient } from './WriteSentencesClient';
+//# sourceMappingURL=index.js.map

package/dist/components/questions/types/write-sentences/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/write-sentences/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/questions/types/write-sentences/register.d.ts

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

package/dist/components/questions/types/write-sentences/register.d.ts.map

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

package/dist/components/questions/types/write-sentences/register.js

@@ -0,0 +1,59 @@
+import { WriteSentencesCreator } from './WriteSentencesCreator';
+export const writeSentencesRegistration = {
+    component: WriteSentencesCreator,
+    transformInitialData: (initialData) => {
+        const answer = initialData?.answer || {};
+        const explanation = initialData?.explanation || answer?.explanation || '';
+        const apiPoints = initialData?.total_points
+            ? parseFloat(initialData.total_points)
+            : (initialData?.points || 1);
+        const questionGroup = initialData?.questionGroup || {};
+        const groupPayload = questionGroup?.payload || {};
+        const groupTitle = groupPayload?.title || answer?.title || '';
+        const groupContent = groupPayload?.content || answer?.groupContent || '';
+        const groupImageUrl = groupPayload?.imageUrl || answer?.imageUrl || '';
+        const groupNumber = questionGroup?.groupNumber || answer?.groupNumber || 1;
+        const content = initialData?.content || {};
+        const instruction = answer?.instruction || content?.instruction || '';
+        const sentenceCount = answer?.sentenceCount || content?.sentenceCount || undefined;
+        return {
+            points: answer?.points || apiPoints,
+            explanation,
+            instruction,
+            sentenceCount,
+            title: groupTitle,
+            groupContent,
+            imageUrl: groupImageUrl,
+            groupNumber,
+            groups: answer?.groups || initialData?.groups,
+        };
+    },
+    getExtraProps: (ctx) => ({
+        groups: ctx.groups,
+        questionIndexInPart: ctx.questionIndexInPart,
+        partId: ctx.partId,
+        validationRef: ctx.validationRef,
+        onUnsavedChangesChange: ctx.onUnsavedChangesChange,
+    }),
+    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/write-sentences/register.js.map

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

package/dist/components/questions/types/write-sentences/transform.d.ts

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

package/dist/components/questions/types/write-sentences/transform.d.ts.map

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

package/dist/components/questions/types/write-sentences/transform.js

@@ -0,0 +1,29 @@
+export const transformWriteSentences = (question) => {
+    const answerData = question.answer;
+    const hasGroupData = !!(answerData?.title || answerData?.subtitle || answerData?.groupContent || answerData?.imageUrl);
+    const basicGroupData = hasGroupData
+        ? {
+            title: answerData.title || '',
+            subtitle: answerData.subtitle || '',
+            content: answerData.groupContent || '',
+            imageUrl: answerData.imageUrl || '',
+        }
+        : undefined;
+    const groupNumber = answerData?.groupNumber || 1;
+    const apiContent = {};
+    if (answerData?.instruction) {
+        apiContent.instruction = answerData.instruction;
+    }
+    if (answerData?.sentenceCount) {
+        apiContent.sentenceCount = answerData.sentenceCount;
+    }
+    return {
+        apiContent,
+        apiCorrectAnswer: {},
+        totalPoints: answerData?.points || question.points || 1,
+        explanation: answerData?.explanation || question.explanation || '',
+        basicGroupData,
+        groupNumber,
+    };
+};
+//# sourceMappingURL=transform.js.map

package/dist/components/questions/types/write-sentences/transform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/write-sentences/transform.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,uBAAuB,GAAqB,CAAC,QAAQ,EAAE,EAAE;IACpE,MAAM,UAAU,GAAG,QAAQ,CAAC,MAAa,CAAC;IAE1C,MAAM,YAAY,GAAG,CAAC,CAAC,CAAC,UAAU,EAAE,KAAK,IAAI,UAAU,EAAE,QAAQ,IAAI,UAAU,EAAE,YAAY,IAAI,UAAU,EAAE,QAAQ,CAAC,CAAC;IACvH,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;IACd,MAAM,WAAW,GAAW,UAAU,EAAE,WAAW,IAAI,CAAC,CAAC;IAEzD,MAAM,UAAU,GAA4B,EAAE,CAAC;IAC/C,IAAI,UAAU,EAAE,WAAW,EAAE,CAAC;QAC5B,UAAU,CAAC,WAAW,GAAG,UAAU,CAAC,WAAW,CAAC;IAClD,CAAC;IACD,IAAI,UAAU,EAAE,aAAa,EAAE,CAAC;QAC9B,UAAU,CAAC,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC;IACtD,CAAC;IAED,OAAO;QACL,UAAU;QACV,gBAAgB,EAAE,EAAE;QACpB,WAAW,EAAE,UAAU,EAAE,MAAM,IAAI,QAAQ,CAAC,MAAM,IAAI,CAAC;QACvD,WAAW,EAAE,UAAU,EAAE,WAAW,IAAI,QAAQ,CAAC,WAAW,IAAI,EAAE;QAClE,cAAc;QACd,WAAW;KACZ,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/questions/types/write-short-paragraph/WriteShortParagraphClient.d.ts

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

package/dist/components/questions/types/write-short-paragraph/WriteShortParagraphClient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WriteShortParagraphClient.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/write-short-paragraph/WriteShortParagraphClient.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,8BAA8B,EAAE,MAAM,iEAAiE,CAAC;AAGjH,wBAAgB,yBAAyB,CAAC,EACxC,YAAY,EACZ,QAAQ,EACR,YAAoB,EACpB,UAAU,GACX,EAAE,8BAA8B,+BAuJhC"}

package/dist/components/questions/types/write-short-paragraph/WriteShortParagraphClient.js

@@ -0,0 +1,97 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useMemo } from 'react';
+import { Card, CardContent, CardHeader, CardTitle } from '../../../../components/ui/card';
+import { Textarea } from '../../../../components/ui/textarea';
+import { Label } from '../../../../components/ui/label';
+import { Image, Music, FileText, AlertCircle } from 'lucide-react';
+import { usePresignedFileUrl } from '../../../../shared/lib/hooks';
+export function WriteShortParagraphClient({ questionData, onSubmit, isReviewMode = false, userAnswer, }) {
+    const { contexts, minWords, maxWords, instruction } = questionData;
+    // Initialize answer state
+    const [answer, setAnswer] = useState(userAnswer || '');
+    // Sync userAnswer when it changes (e.g., when loading from server in review mode)
+    useEffect(() => {
+        if (userAnswer !== undefined) {
+            setAnswer(userAnswer);
+        }
+    }, [userAnswer]);
+    // Count words
+    const wordCount = useMemo(() => {
+        if (!answer.trim())
+            return 0;
+        return answer
+            .trim()
+            .split(/\s+/)
+            .filter((word) => word.length > 0).length;
+    }, [answer]);
+    // Check if word count is valid
+    const isValidWordCount = useMemo(() => {
+        if (wordCount < minWords)
+            return false;
+        if (maxWords && wordCount > maxWords)
+            return false;
+        return true;
+    }, [wordCount, minWords, maxWords]);
+    // Handle answer change
+    const handleAnswerChange = (value) => {
+        if (isReviewMode)
+            return;
+        setAnswer(value);
+        onSubmit?.(value);
+    };
+    // Get icon for context type
+    const getContextIcon = (type) => {
+        switch (type) {
+            case 'image':
+                return _jsx(Image, { className: "h-5 w-5" });
+            case 'audio':
+                return _jsx(Music, { className: "h-5 w-5" });
+            case 'text':
+                return _jsx(FileText, { className: "h-5 w-5" });
+        }
+    };
+    // Get label for context type
+    const getContextLabel = (type) => {
+        switch (type) {
+            case 'image':
+                return 'Ảnh';
+            case 'audio':
+                return 'Audio';
+            case 'text':
+                return 'Text';
+        }
+    };
+    return (_jsxs("div", { className: "space-y-6", children: [instruction && (_jsx(Card, { children: _jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-lg", children: instruction }) }) })), contexts.length > 0 && (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Contexts" }) }), _jsx(CardContent, { children: _jsx("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3", children: contexts.map((ctx, index) => (_jsx(ContextDisplay, { context: ctx, index: index }, ctx.id))) }) })] })), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx(CardTitle, { children: "Vi\u1EBFt b\u00E0i" }), _jsx("div", { className: "flex items-center gap-2", children: _jsxs("span", { className: `text-sm font-semibold ${isValidWordCount ? 'text-green-600' : 'text-red-600'}`, children: [wordCount, " / ", minWords, maxWords ? ` - ${maxWords}` : '+', " t\u1EEB"] }) })] }) }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { children: [_jsx(Label, { htmlFor: "writing-answer", children: "N\u1ED9i dung b\u00E0i vi\u1EBFt" }), _jsx(Textarea, { id: "writing-answer", value: answer, onChange: (e) => handleAnswerChange(e.target.value), placeholder: "Nh\u1EADp n\u1ED9i dung b\u00E0i vi\u1EBFt c\u1EE7a b\u1EA1n...", className: "mt-2 min-h-[200px]", rows: 10, disabled: isReviewMode })] }), !isReviewMode && (_jsx("div", { className: "flex items-start gap-2 rounded-lg border p-3", children: isValidWordCount ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "mt-0.5 h-5 w-5 rounded-full bg-green-500" }), _jsxs("div", { className: "flex-1", children: [_jsx("p", { className: "text-sm font-medium text-green-700", children: "\u0110\u00E3 \u0111\u1EE7 s\u1ED1 t\u1EEB y\u00EAu c\u1EA7u" }), _jsxs("p", { className: "text-xs text-green-600", children: ["B\u1EA1n \u0111\u00E3 vi\u1EBFt ", wordCount, " t\u1EEB. Y\u00EAu c\u1EA7u: ", minWords, maxWords ? ` - ${maxWords}` : '+', " t\u1EEB."] })] })] })) : (_jsxs(_Fragment, { children: [_jsx(AlertCircle, { className: "h-5 w-5 text-amber-500" }), _jsxs("div", { className: "flex-1", children: [_jsx("p", { className: "text-sm font-medium text-amber-700", children: "Ch\u01B0a \u0111\u1EE7 s\u1ED1 t\u1EEB y\u00EAu c\u1EA7u" }), _jsxs("p", { className: "text-xs text-amber-600", children: ["B\u1EA1n \u0111\u00E3 vi\u1EBFt ", wordCount, " t\u1EEB. C\u1EA7n \u00EDt nh\u1EA5t ", minWords, " t\u1EEB.", maxWords && wordCount > maxWords && _jsxs("span", { children: [" T\u1ED1i \u0111a ", maxWords, " t\u1EEB."] })] })] })] })) }))] })] })] }));
+}
+function ContextDisplay({ context, index }) {
+    const { previewUrl } = usePresignedFileUrl(context.type !== 'text' ? context.url || '' : '');
+    const getIcon = () => {
+        switch (context.type) {
+            case 'image':
+                return _jsx(Image, { className: "h-5 w-5" });
+            case 'audio':
+                return _jsx(Music, { className: "h-5 w-5" });
+            case 'text':
+                return _jsx(FileText, { className: "h-5 w-5" });
+        }
+    };
+    const getLabel = () => {
+        switch (context.type) {
+            case 'image':
+                return 'Ảnh';
+            case 'audio':
+                return 'Audio';
+            case 'text':
+                return 'Text';
+        }
+    };
+    return (_jsxs("div", { className: "rounded-lg border bg-white p-4 shadow-sm", children: [_jsxs("div", { className: "mb-2 flex items-center gap-2", children: [getIcon(), _jsxs("span", { className: "text-sm font-semibold text-gray-700", children: [getLabel(), " ", index + 1] })] }), context.type === 'image' && (_jsx("div", { className: "relative h-48 w-full overflow-hidden rounded border bg-gray-50", children: previewUrl ? (
+                /* eslint-disable-next-line @next/next/no-img-element */
+                _jsx("img", { src: previewUrl, alt: `Context ${index + 1}`, className: "h-full w-full object-contain", onError: () => {
+                        console.error('Failed to load image:', context.url);
+                    } })) : (_jsx("div", { className: "flex h-full items-center justify-center text-gray-400", children: _jsx(Image, { className: "h-12 w-12" }) })) })), context.type === 'audio' && (_jsx("div", { className: "space-y-2", children: _jsx("div", { className: "rounded border bg-gray-50 p-3", children: _jsx("audio", { controls: true, className: "w-full", src: previewUrl || context.url || '', onError: () => {
+                            console.error('Failed to load audio:', context.url);
+                        }, children: "Your browser does not support the audio element." }) }) })), context.type === 'text' && (_jsx("div", { className: "rounded border bg-gray-50 p-3", children: _jsx("p", { className: "text-sm whitespace-pre-wrap text-gray-700", children: context.text }) }))] }));
+}
+//# sourceMappingURL=WriteShortParagraphClient.js.map

package/dist/components/questions/types/write-short-paragraph/WriteShortParagraphClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WriteShortParagraphClient.js","sourceRoot":"","sources":["../../../../../src/components/questions/types/write-short-paragraph/WriteShortParagraphClient.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEzD,MAAM,UAAU,yBAAyB,CAAC,EACxC,YAAY,EACZ,QAAQ,EACR,YAAY,GAAG,KAAK,EACpB,UAAU,GACqB;IAC/B,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,YAAY,CAAC;IAEnE,0BAA0B;IAC1B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,UAAU,IAAI,EAAE,CAAC,CAAC;IAE/D,kFAAkF;IAClF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;YAC7B,SAAS,CAAC,UAAU,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,cAAc;IACd,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;YAAE,OAAO,CAAC,CAAC;QAC7B,OAAO,MAAM;aACV,IAAI,EAAE;aACN,KAAK,CAAC,KAAK,CAAC;aACZ,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;IAC9C,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,+BAA+B;IAC/B,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,IAAI,SAAS,GAAG,QAAQ;YAAE,OAAO,KAAK,CAAC;QACvC,IAAI,QAAQ,IAAI,SAAS,GAAG,QAAQ;YAAE,OAAO,KAAK,CAAC;QACnD,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpC,uBAAuB;IACvB,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC3C,IAAI,YAAY;YAAE,OAAO;QAEzB,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,4BAA4B;IAC5B,MAAM,cAAc,GAAG,CAAC,IAAgC,EAAE,EAAE;QAC1D,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,OAAO;gBACV,OAAO,KAAC,KAAK,IAAC,SAAS,EAAC,SAAS,GAAG,CAAC;YACvC,KAAK,OAAO;gBACV,OAAO,KAAC,KAAK,IAAC,SAAS,EAAC,SAAS,GAAG,CAAC;YACvC,KAAK,MAAM;gBACT,OAAO,KAAC,QAAQ,IAAC,SAAS,EAAC,SAAS,GAAG,CAAC;QAC5C,CAAC;IACH,CAAC,CAAC;IAEF,6BAA6B;IAC7B,MAAM,eAAe,GAAG,CAAC,IAAgC,EAAE,EAAE;QAC3D,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,OAAO;gBACV,OAAO,KAAK,CAAC;YACf,KAAK,OAAO;gBACV,OAAO,OAAO,CAAC;YACjB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;QAClB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,WAAW,aAEvB,WAAW,IAAI,CACd,KAAC,IAAI,cACH,KAAC,UAAU,cACT,KAAC,SAAS,IAAC,SAAS,EAAC,SAAS,YAAE,WAAW,GAAa,GAC7C,GACR,CACR,EAGA,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CACtB,MAAC,IAAI,eACH,KAAC,UAAU,cACT,KAAC,SAAS,2BAAqB,GACpB,EACb,KAAC,WAAW,cACV,cAAK,SAAS,EAAC,sDAAsD,YAClE,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,KAAC,cAAc,IAAc,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,IAAlC,GAAG,CAAC,EAAE,CAAgC,CAC5D,CAAC,GACE,GACM,IACT,CACR,EAGD,MAAC,IAAI,eACH,KAAC,UAAU,cACT,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,SAAS,qCAAqB,EAC/B,cAAK,SAAS,EAAC,yBAAyB,YACtC,gBACE,SAAS,EAAE,yBACT,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cACxC,EAAE,aAED,SAAS,SAAK,QAAQ,EACtB,QAAQ,CAAC,CAAC,CAAC,MAAM,QAAQ,EAAE,CAAC,CAAC,CAAC,GAAG,gBAC7B,GACH,IACF,GACK,EACb,MAAC,WAAW,IAAC,SAAS,EAAC,WAAW,aAChC,0BACE,KAAC,KAAK,IAAC,OAAO,EAAC,gBAAgB,iDAA0B,EACzD,KAAC,QAAQ,IACP,EAAE,EAAC,gBAAgB,EACnB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACnD,WAAW,EAAC,iEAAmC,EAC/C,SAAS,EAAC,oBAAoB,EAC9B,IAAI,EAAE,EAAE,EACR,QAAQ,EAAE,YAAY,GACtB,IACE,EAGL,CAAC,YAAY,IAAI,CAChB,cAAK,SAAS,EAAC,8CAA8C,YAC1D,gBAAgB,CAAC,CAAC,CAAC,CAClB,8BACE,cAAK,SAAS,EAAC,0CAA0C,GAAO,EAChE,eAAK,SAAS,EAAC,QAAQ,aACrB,YAAG,SAAS,EAAC,oCAAoC,4EAAwB,EACzE,aAAG,SAAS,EAAC,wBAAwB,iDACtB,SAAS,mCAAgB,QAAQ,EAC7C,QAAQ,CAAC,CAAC,CAAC,MAAM,QAAQ,EAAE,CAAC,CAAC,CAAC,GAAG,iBAChC,IACA,IACL,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,WAAW,IAAC,SAAS,EAAC,wBAAwB,GAAG,EAClD,eAAK,SAAS,EAAC,QAAQ,aACrB,YAAG,SAAS,EAAC,oCAAoC,yEAA0B,EAC3E,aAAG,SAAS,EAAC,wBAAwB,iDACtB,SAAS,2CAAmB,QAAQ,eAChD,QAAQ,IAAI,SAAS,GAAG,QAAQ,IAAI,iDAAe,QAAQ,iBAAY,IACtE,IACA,IACL,CACJ,GACG,CACP,IACW,IACT,IACH,CACP,CAAC;AACJ,CAAC;AAaD,SAAS,cAAc,CAAC,EAAE,OAAO,EAAE,KAAK,EAAuB;IAC7D,MAAM,EAAE,UAAU,EAAE,GAAG,mBAAmB,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAE7F,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;YACrB,KAAK,OAAO;gBACV,OAAO,KAAC,KAAK,IAAC,SAAS,EAAC,SAAS,GAAG,CAAC;YACvC,KAAK,OAAO;gBACV,OAAO,KAAC,KAAK,IAAC,SAAS,EAAC,SAAS,GAAG,CAAC;YACvC,KAAK,MAAM;gBACT,OAAO,KAAC,QAAQ,IAAC,SAAS,EAAC,SAAS,GAAG,CAAC;QAC5C,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;YACrB,KAAK,OAAO;gBACV,OAAO,KAAK,CAAC;YACf,KAAK,OAAO;gBACV,OAAO,OAAO,CAAC;YACjB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;QAClB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,0CAA0C,aACvD,eAAK,SAAS,EAAC,8BAA8B,aAC1C,OAAO,EAAE,EACV,gBAAM,SAAS,EAAC,qCAAqC,aAClD,QAAQ,EAAE,OAAG,KAAK,GAAG,CAAC,IAClB,IACH,EAEL,OAAO,CAAC,IAAI,KAAK,OAAO,IAAI,CAC3B,cAAK,SAAS,EAAC,gEAAgE,YAC5E,UAAU,CAAC,CAAC,CAAC;gBACZ,wDAAwD;gBACxD,cACE,GAAG,EAAE,UAAU,EACf,GAAG,EAAE,WAAW,KAAK,GAAG,CAAC,EAAE,EAC3B,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAE,GAAG,EAAE;wBACZ,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;oBACtD,CAAC,GACD,CACH,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,uDAAuD,YACpE,KAAC,KAAK,IAAC,SAAS,EAAC,WAAW,GAAG,GAC3B,CACP,GACG,CACP,EAEA,OAAO,CAAC,IAAI,KAAK,OAAO,IAAI,CAC3B,cAAK,SAAS,EAAC,WAAW,YACxB,cAAK,SAAS,EAAC,+BAA+B,YAC5C,gBACE,QAAQ,QACR,SAAS,EAAC,QAAQ,EAClB,GAAG,EAAE,UAAU,IAAI,OAAO,CAAC,GAAG,IAAI,EAAE,EACpC,OAAO,EAAE,GAAG,EAAE;4BACZ,OAAO,CAAC,KAAK,CAAC,uBAAuB,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;wBACtD,CAAC,iEAGK,GACJ,GACF,CACP,EAEA,OAAO,CAAC,IAAI,KAAK,MAAM,IAAI,CAC1B,cAAK,SAAS,EAAC,+BAA+B,YAC5C,YAAG,SAAS,EAAC,2CAA2C,YAAE,OAAO,CAAC,IAAI,GAAK,GACvE,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/questions/types/write-short-paragraph/WriteShortParagraphCreator.d.ts

@@ -0,0 +1,3 @@
+import { WriteShortParagraphCreatorProps } from '../../_shared/types/write-short-paragraph.type';
+export declare function WriteShortParagraphCreator({ initialData, onSave, onCancel, onChange, }: WriteShortParagraphCreatorProps): import("react").JSX.Element;
+//# sourceMappingURL=WriteShortParagraphCreator.d.ts.map

package/dist/components/questions/types/write-short-paragraph/WriteShortParagraphCreator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WriteShortParagraphCreator.d.ts","sourceRoot":"","sources":["../../../../../src/components/questions/types/write-short-paragraph/WriteShortParagraphCreator.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,+BAA+B,EAGhC,MAAM,iEAAiE,CAAC;AA+ZzE,wBAAgB,0BAA0B,CAAC,EACzC,WAAW,EACX,MAAM,EACN,QAAQ,EACR,QAAQ,GACT,EAAE,+BAA+B,+BA0CjC"}