@tinyweb_dev/oe-exam-sdk 0.1.28 → 0.1.30

package/dist/components/questions/question-bank/editor-adapters/writing-adapters.js

@@ -0,0 +1,114 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ReadPassageAndAnswerQuestionsCreator } from '../../types/read-passage-and-answer-questions/ReadPassageAndAnswerQuestionsCreator';
+import { WriteAShortLetterCreator } from '../../types/write-a-short-letter/WriteAShortLetterCreator';
+import { WriteCorrectVerbFormCreator } from '../../types/write-correct-verb-form/WriteCorrectVerbFormCreator';
+import { FillInBlankCreator } from '../../types/fill-in-blank/FillInBlankCreator';
+const WRITE_CORRECT_VERB_DEFAULT_INSTRUCTION = 'Write the correct form of the verb in parentheses to complete each sentence. Pay attention to the tense.';
+export function renderReadPassageAndAnswerQuestionsEditor({ content, correctAnswer, explanation, points, onChange, validationRef, }) {
+    const initialData = {
+        passageTitle: '',
+        passage: '',
+        instructions: '',
+        singleQuestion: {
+            id: 'edit-1',
+            question: content.question || '',
+            options: content.options || ['', '', '', ''],
+            correctAnswer: correctAnswer?.correctAnswer ?? -1,
+            points: points || 1,
+        },
+        explanation: explanation || '',
+        points: points || 1,
+    };
+    return (_jsx(ReadPassageAndAnswerQuestionsCreator, { initialData: initialData, validationRef: validationRef, onChange: (data) => {
+            const singleQ = data?.singleQuestion || {};
+            onChange?.({
+                content: {
+                    question: singleQ.question,
+                    options: singleQ.options,
+                },
+                answer: { correctAnswer: singleQ.correctAnswer },
+                explanation: data?.explanation,
+                points: data?.points || singleQ.points,
+            });
+        } }));
+}
+export function renderWriteAShortLetterEditor({ content, explanation, points, onChange, validationRef, }) {
+    const initialData = {
+        informations: content.informations || [],
+        minWords: content.minWords || 25,
+        maxWords: content.maxWords || 50,
+        instruction: content.instructions?.mainInstruction ||
+            '',
+        explanation: explanation || '',
+        points: points || 1,
+    };
+    return (_jsx(WriteAShortLetterCreator, { initialData: initialData, validationRef: validationRef, onChange: (data) => {
+            onChange?.({
+                content: {
+                    informations: data?.informations,
+                    minWords: data?.minWords,
+                    maxWords: data?.maxWords,
+                    instructions: {
+                        mainInstruction: data?.instruction,
+                    },
+                },
+                answer: null,
+                explanation: data?.explanation,
+                points: data?.points,
+            });
+        } }));
+}
+export function renderWriteCorrectVerbFormEditor({ content, correctAnswer, explanation, points, onChange, validationRef, }) {
+    const initialData = {
+        sentence: content.sentence || '',
+        verbHint: content.verbHint || '',
+        correctAnswer: correctAnswer?.correctAnswer || '',
+        caseSensitive: correctAnswer?.caseSensitive ?? false,
+        instruction: content.instruction || WRITE_CORRECT_VERB_DEFAULT_INSTRUCTION,
+        explanation: explanation || '',
+        points: points || 1,
+    };
+    return (_jsx(WriteCorrectVerbFormCreator, { initialData: initialData, validationRef: validationRef, onChange: (data) => {
+            onChange?.({
+                content: {
+                    sentence: data?.sentence,
+                    verbHint: data?.verbHint,
+                },
+                answer: {
+                    correctAnswer: data?.correctAnswer,
+                    caseSensitive: data?.caseSensitive,
+                },
+                explanation: data?.explanation,
+                points: data?.points,
+            });
+        } }));
+}
+export function renderFillInBlankEditor({ content, correctAnswer, explanation, points, onChange, validationRef, }) {
+    const initialData = {
+        question: content.question || '',
+        answers: correctAnswer?.answers || [],
+        caseSensitive: correctAnswer?.caseSensitive ?? false,
+        showHints: content.showHints ?? false,
+        hints: content.hints || [],
+        audioUrl: content.audioUrl || '',
+        explanation: explanation || '',
+        points: points || 1,
+    };
+    return (_jsx(FillInBlankCreator, { initialData: initialData, validationRef: validationRef, onChange: (data) => {
+            onChange?.({
+                content: {
+                    question: data?.question,
+                    showHints: data?.showHints ?? false,
+                    hints: data?.showHints ? data?.hints || [] : [],
+                    audioUrl: data?.audioUrl || '',
+                },
+                answer: {
+                    answers: data?.answers,
+                    caseSensitive: data?.caseSensitive,
+                },
+                explanation: data?.explanation,
+                points: data?.points,
+            });
+        } }));
+}

package/dist/components/questions/question-bank/index.d.ts

@@ -0,0 +1,4 @@
+export { EditQuestionBankDialog } from './EditQuestionBankDialog';
+export { QuestionEditorRenderer, QuestionBankEditorType } from './QuestionEditorRenderer';
+export { DifficultyLevel, DIFFICULTY_LEVELS, parseDifficultyLevel } from './difficulty';
+export type { EditQuestionBankDialogProps, QuestionBankEditItem, QuestionEditorChangeData, QuestionEditorRendererProps, SkillType, UpdateQuestionBankDto, } from './types';

package/dist/components/questions/question-bank/index.js

@@ -0,0 +1,3 @@
+export { EditQuestionBankDialog } from './EditQuestionBankDialog';
+export { QuestionEditorRenderer, QuestionBankEditorType } from './QuestionEditorRenderer';
+export { DifficultyLevel, DIFFICULTY_LEVELS, parseDifficultyLevel } from './difficulty';

package/dist/components/questions/question-bank/types.d.ts

@@ -0,0 +1,59 @@
+import type { MutableRefObject } from 'react';
+import type { ValidationRef } from '../creator/dedicated-component-router';
+import type { DifficultyLevel } from './difficulty';
+export type SkillType = 'READING' | 'WRITING' | 'LISTENING' | 'SPEAKING';
+/** Minimal question bank item required by the edit dialog. */
+export interface QuestionBankEditItem {
+    id: string;
+    code: string;
+    title: string | null;
+    content: Record<string, unknown>;
+    correctAnswer: Record<string, unknown> | null;
+    questionType: string;
+    difficulty: DifficultyLevel | string;
+    skill: SkillType | string | null;
+    points: string | number;
+    explanation: string | null;
+}
+/** Payload host apps pass to their update API. */
+export interface UpdateQuestionBankDto {
+    code?: string;
+    title?: string;
+    content?: Record<string, unknown>;
+    correctAnswer?: Record<string, unknown>;
+    difficulty?: DifficultyLevel;
+    skill?: SkillType;
+    points?: number;
+    explanation?: string;
+}
+export interface EditQuestionBankDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    question: QuestionBankEditItem | null;
+    onSave: (data: UpdateQuestionBankDto) => void;
+    saving: boolean;
+}
+export interface QuestionEditorChangeData {
+    content: Record<string, unknown>;
+    answer: Record<string, unknown> | null;
+    explanation?: string;
+    points?: number;
+}
+export interface QuestionEditorRendererProps {
+    questionType: string;
+    content: Record<string, unknown>;
+    correctAnswer: Record<string, unknown> | null;
+    explanation?: string | null;
+    points?: number;
+    onChange?: (data: QuestionEditorChangeData) => void;
+    onSave?: (data: unknown) => void;
+    validationRef?: MutableRefObject<ValidationRef | null>;
+}
+export interface QuestionEditorAdapterProps {
+    content: Record<string, unknown>;
+    correctAnswer: Record<string, unknown> | null;
+    explanation?: string | null;
+    points?: number;
+    onChange?: (data: QuestionEditorChangeData) => void;
+    validationRef: MutableRefObject<ValidationRef | null>;
+}

package/dist/components/questions/question-bank/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -1 +1,37 @@
-"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Card as t,CardContent as a}from"../../../../components/ui/card";import{Input as s}from"../../../../components/ui/input";import{Label as l}from"../../../../components/ui/label";import{CheckCircle2 as n,XCircle as o,BookOpen as i}from"lucide-react";import{usePresignedFileUrl as d}from"../../../../shared/lib/hooks";import{useState as c}from"react";export function AnswerTheQuestionClient({questionData:m,onSubmit:g,isReviewMode:x=!1,userAnswer:b,autoFillCorrectAnswers:p=!1,explanation:u}){const[h,f]=c(b||""),{previewUrl:N}=d(m.imageUrl||"");if(!m.question)return e(t,{children:e(a,{className:"p-6",children:e("p",{className:"text-gray-500",children:"Không có dữ liệu câu hỏi"})})});const w=m.isExample||!1,v=p||w?m.correctAnswer:h,y=x&&void 0!==b?b.trim().toLowerCase()===m.correctAnswer.trim().toLowerCase():void 0;return r(t,{className:"overflow-hidden border-0 bg-white shadow-lg",children:[e("div",{className:"h-1 bg-gradient-to-r from-teal-400 to-cyan-500"}),r(a,{className:"p-6 space-y-6",children:[(m.title||m.groupContent)&&r("div",{className:"rounded-xl border border-indigo-200 bg-gradient-to-r from-indigo-50 to-blue-50 p-4 space-y-2",children:[m.title&&e("h3",{className:"text-base font-bold text-indigo-900",children:m.title}),m.groupContent&&e("p",{className:"text-sm text-indigo-700 leading-relaxed whitespace-pre-wrap",children:m.groupContent})]}),(N||m.imageUrl)&&e("div",{className:"flex justify-center",children:e("div",{className:"relative max-w-lg overflow-hidden rounded-xl border border-gray-200 bg-gray-50 shadow-sm",children:e("img",{src:N||m.imageUrl,alt:"Question",className:"h-auto max-h-80 w-full object-contain"})})}),r("div",{className:"rounded-xl border border-gray-200 bg-gradient-to-r from-gray-50 to-slate-50 p-5",children:[w&&r("div",{className:"mb-2 inline-flex items-center gap-1.5 rounded-full bg-amber-100 border border-amber-300 px-3 py-1",children:[e(i,{className:"h-3.5 w-3.5 text-amber-600"}),e("span",{className:"text-xs font-semibold text-amber-700 uppercase tracking-wide",children:"Example"})]}),e(l,{className:"text-base font-semibold text-gray-800 mb-3 block",children:m.question}),m.suggestedAnswers&&m.suggestedAnswers.length>0&&e("div",{className:"flex flex-wrap gap-2 mt-2 mb-1",children:m.suggestedAnswers.map((r,t)=>e("button",{type:"button",disabled:x||w,onClick:()=>{x||w||(f(r),g?.(r))},className:`inline-flex items-center rounded-full border px-3 py-1 text-sm font-medium transition-colors ${h===r?"border-teal-400 bg-teal-50 text-teal-700 ring-1 ring-teal-200":"border-gray-200 bg-white text-gray-600 hover:border-teal-300 hover:bg-teal-50/50 hover:text-teal-600"} ${x||w?"cursor-not-allowed opacity-60":"cursor-pointer"}`,children:r},t))}),r("div",{className:"flex items-center gap-3 mt-3",children:[m.prefixText&&e("span",{className:"text-base font-medium text-gray-700",children:m.prefixText}),e(s,{value:v,onChange:e=>{f(e.target.value),g?.(e.target.value)},placeholder:"Viết đáp án...",disabled:x||w,className:"max-w-xs border-2 text-lg font-medium "+(x?y?"border-green-400 bg-green-50 text-green-700":"border-red-400 bg-red-50 text-red-700":"border-teal-300 focus:border-teal-500 focus:ring-teal-200")}),m.suffixText&&e("span",{className:"text-base font-medium text-gray-700",children:m.suffixText}),x&&void 0!==y&&e("span",{className:"flex items-center gap-1",children:y?e(n,{className:"h-5 w-5 text-green-500"}):e(o,{className:"h-5 w-5 text-red-500"})})]}),x&&!1===y&&r("div",{className:"mt-3 flex items-center gap-2 rounded-lg bg-green-50 border border-green-200 px-4 py-2",children:[e(n,{className:"h-4 w-4 text-green-600"}),r("span",{className:"text-sm text-green-700",children:["Đáp án đúng: ",e("strong",{children:m.correctAnswer})]})]}),p&&r("div",{className:"mt-3 flex items-center gap-2 rounded-lg bg-teal-50 border border-teal-200 px-4 py-2",children:[e(n,{className:"h-4 w-4 text-teal-600"}),r("span",{className:"text-sm text-teal-700",children:["Đáp án: ",e("strong",{children:m.correctAnswer})]})]})]}),u&&x&&r("div",{className:"rounded-xl border border-blue-200 bg-blue-50 p-4",children:[e("p",{className:"text-sm font-semibold text-blue-800 mb-1",children:"Giải thích:"}),e("p",{className:"text-sm text-blue-700",children:u})]})]})]})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent } from '../../../../components/ui/card';
+import { Input } from '../../../../components/ui/input';
+import { Label } from '../../../../components/ui/label';
+import { CheckCircle2, XCircle, BookOpen } from 'lucide-react';
+import { usePresignedFileUrl } from '../../../../shared/lib/hooks';
+import { useState } from 'react';
+export function AnswerTheQuestionClient({ questionData, onSubmit, isReviewMode = false, userAnswer, autoFillCorrectAnswers = false, explanation, }) {
+    const [answer, setAnswer] = useState(userAnswer || '');
+    const { previewUrl: imagePreviewUrl } = usePresignedFileUrl(questionData.imageUrl || '');
+    if (!questionData.question) {
+        return (_jsx(Card, { children: _jsx(CardContent, { className: "p-6", children: _jsx("p", { className: "text-gray-500", children: "Kh\u00F4ng c\u00F3 d\u1EEF li\u1EC7u c\u00E2u h\u1ECFi" }) }) }));
+    }
+    const isExample = questionData.isExample || false;
+    const displayedAnswer = autoFillCorrectAnswers || isExample
+        ? questionData.correctAnswer
+        : answer;
+    const isCorrect = isReviewMode && userAnswer !== undefined
+        ? userAnswer.trim().toLowerCase() === questionData.correctAnswer.trim().toLowerCase()
+        : undefined;
+    return (_jsxs(Card, { className: "overflow-hidden border-0 bg-white shadow-lg", children: [_jsx("div", { className: "h-1 bg-gradient-to-r from-teal-400 to-cyan-500" }), _jsxs(CardContent, { className: "p-6 space-y-6", children: [(questionData.title || questionData.groupContent) && (_jsxs("div", { className: "rounded-xl border border-indigo-200 bg-gradient-to-r from-indigo-50 to-blue-50 p-4 space-y-2", children: [questionData.title && (_jsx("h3", { className: "text-base font-bold text-indigo-900", children: questionData.title })), questionData.groupContent && (_jsx("p", { className: "text-sm text-indigo-700 leading-relaxed whitespace-pre-wrap", children: questionData.groupContent }))] })), (imagePreviewUrl || questionData.imageUrl) && (_jsx("div", { className: "flex justify-center", children: _jsx("div", { className: "relative max-w-lg overflow-hidden rounded-xl border border-gray-200 bg-gray-50 shadow-sm", children: _jsx("img", { src: imagePreviewUrl || questionData.imageUrl, alt: "Question", className: "h-auto max-h-80 w-full object-contain" }) }) })), _jsxs("div", { className: "rounded-xl border border-gray-200 bg-gradient-to-r from-gray-50 to-slate-50 p-5", children: [isExample && (_jsxs("div", { className: "mb-2 inline-flex items-center gap-1.5 rounded-full bg-amber-100 border border-amber-300 px-3 py-1", children: [_jsx(BookOpen, { className: "h-3.5 w-3.5 text-amber-600" }), _jsx("span", { className: "text-xs font-semibold text-amber-700 uppercase tracking-wide", children: "Example" })] })), _jsx(Label, { className: "text-base font-semibold text-gray-800 mb-3 block", children: questionData.question }), questionData.suggestedAnswers && questionData.suggestedAnswers.length > 0 && (_jsx("div", { className: "flex flex-wrap gap-2 mt-2 mb-1", children: questionData.suggestedAnswers.map((suggestion, index) => (_jsx("button", { type: "button", disabled: isReviewMode || isExample, onClick: () => {
+                                        if (!isReviewMode && !isExample) {
+                                            setAnswer(suggestion);
+                                            onSubmit?.(suggestion);
+                                        }
+                                    }, className: `inline-flex items-center rounded-full border px-3 py-1 text-sm font-medium transition-colors ${answer === suggestion
+                                        ? 'border-teal-400 bg-teal-50 text-teal-700 ring-1 ring-teal-200'
+                                        : 'border-gray-200 bg-white text-gray-600 hover:border-teal-300 hover:bg-teal-50/50 hover:text-teal-600'} ${isReviewMode || isExample ? 'cursor-not-allowed opacity-60' : 'cursor-pointer'}`, children: suggestion }, index))) })), _jsxs("div", { className: "flex items-center gap-3 mt-3", children: [questionData.prefixText && (_jsx("span", { className: "text-base font-medium text-gray-700", children: questionData.prefixText })), _jsx(Input, { value: displayedAnswer, onChange: (e) => {
+                                            setAnswer(e.target.value);
+                                            onSubmit?.(e.target.value);
+                                        }, placeholder: "Vi\u1EBFt \u0111\u00E1p \u00E1n...", disabled: isReviewMode || isExample, className: `max-w-xs border-2 text-lg font-medium ${isReviewMode
+                                            ? isCorrect
+                                                ? 'border-green-400 bg-green-50 text-green-700'
+                                                : 'border-red-400 bg-red-50 text-red-700'
+                                            : 'border-teal-300 focus:border-teal-500 focus:ring-teal-200'}` }), questionData.suffixText && (_jsx("span", { className: "text-base font-medium text-gray-700", children: questionData.suffixText })), isReviewMode && isCorrect !== undefined && (_jsx("span", { className: "flex items-center gap-1", children: isCorrect ? (_jsx(CheckCircle2, { className: "h-5 w-5 text-green-500" })) : (_jsx(XCircle, { className: "h-5 w-5 text-red-500" })) }))] }), isReviewMode && isCorrect === false && (_jsxs("div", { className: "mt-3 flex items-center gap-2 rounded-lg bg-green-50 border border-green-200 px-4 py-2", children: [_jsx(CheckCircle2, { className: "h-4 w-4 text-green-600" }), _jsxs("span", { className: "text-sm text-green-700", children: ["\u0110\u00E1p \u00E1n \u0111\u00FAng: ", _jsx("strong", { children: questionData.correctAnswer })] })] })), autoFillCorrectAnswers && (_jsxs("div", { className: "mt-3 flex items-center gap-2 rounded-lg bg-teal-50 border border-teal-200 px-4 py-2", children: [_jsx(CheckCircle2, { className: "h-4 w-4 text-teal-600" }), _jsxs("span", { className: "text-sm text-teal-700", children: ["\u0110\u00E1p \u00E1n: ", _jsx("strong", { children: questionData.correctAnswer })] })] }))] }), explanation && isReviewMode && (_jsxs("div", { className: "rounded-xl border border-blue-200 bg-blue-50 p-4", children: [_jsx("p", { className: "text-sm font-semibold text-blue-800 mb-1", children: "Gi\u1EA3i th\u00EDch:" }), _jsx("p", { className: "text-sm text-blue-700", children: explanation })] }))] })] }));
+}