@tinyweb_dev/oe-exam-sdk 0.2.2 → 0.2.4

package/dist/components/CueCardEditor.d.ts

@@ -1,7 +1 @@
-import React from 'react';
-export interface CueCardEditorProps {
-    value?: string;
-    onChange: (html: string) => void;
-    label?: React.ReactNode;
-}
-export declare function CueCardEditor({ value, onChange, label, }: CueCardEditorProps): React.JSX.Element;
+export * from './shared/CueCardEditor';

package/dist/components/CueCardEditor.js

@@ -1,58 +1 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { useEditor, EditorContent } from '@tiptap/react';
-import StarterKit from '@tiptap/starter-kit';
-const DEFAULT_CONTENT = `
-  <p><strong>Describe a topic you know well.</strong></p>
-  <p>You should say:</p>
-  <ul>
-    <li>What it is</li>
-    <li>When you first learned about it</li>
-    <li>Why you find it interesting</li>
-  </ul>
-  <p><em>and explain how it has impacted your life.</em></p>
-`;
-export function CueCardEditor({ value, onChange, label, }) {
-    const [mounted, setMounted] = useState(false);
-    const editor = useEditor({
-        immediatelyRender: false,
-        extensions: [StarterKit],
-        content: value || DEFAULT_CONTENT,
-        onUpdate: ({ editor }) => {
-            onChange(editor.getHTML());
-        },
-        editorProps: {
-            attributes: {
-                class: 'tiptap-editor focus:outline-none min-h-[250px] p-4 bg-white border border-gray-200 rounded-b-md',
-            },
-        },
-    });
-    useEffect(() => {
-        setMounted(true);
-    }, []);
-    // Sync value if changed from outside (e.g., initial load)
-    useEffect(() => {
-        if (editor && value !== undefined && value !== editor.getHTML()) {
-            // Small timeout to prevent update loops
-            setTimeout(() => editor.commands.setContent(value), 0);
-        }
-    }, [value, editor]);
-    if (!mounted)
-        return null;
-    return (_jsxs("div", { className: "w-full flex flex-col gap-4", children: [label && _jsx("div", { children: label }), _jsxs("div", { className: "flex flex-col border border-gray-300 rounded-md shadow-sm", children: [_jsxs("div", { className: "flex flex-wrap gap-2 p-2 relative bg-gray-50 border-b border-gray-300 rounded-t-md", children: [_jsx("button", { type: "button", onClick: () => editor?.chain().focus().toggleBold().run(), disabled: !editor?.can().chain().focus().toggleBold().run(), className: `px-3 py-1 rounded text-sm font-bold ${editor?.isActive('bold')
-                                    ? 'bg-blue-500 text-white'
-                                    : 'bg-white border text-gray-700 hover:bg-gray-100'}`, children: "B" }), _jsx("button", { type: "button", onClick: () => editor?.chain().focus().toggleItalic().run(), disabled: !editor?.can().chain().focus().toggleItalic().run(), className: `px-3 py-1 rounded text-sm italic ${editor?.isActive('italic')
-                                    ? 'bg-blue-500 text-white'
-                                    : 'bg-white border text-gray-700 hover:bg-gray-100'}`, children: "I" }), _jsx("div", { className: "w-px h-6 bg-gray-300 mx-1 self-center" }), _jsx("button", { type: "button", onClick: () => editor?.chain().focus().toggleHeading({ level: 1 }).run(), className: `px-3 py-1 rounded text-sm font-bold ${editor?.isActive('heading', { level: 1 })
-                                    ? 'bg-blue-500 text-white'
-                                    : 'bg-white border text-gray-700 hover:bg-gray-100'}`, children: "H1" }), _jsx("button", { type: "button", onClick: () => editor?.chain().focus().toggleHeading({ level: 2 }).run(), className: `px-3 py-1 rounded text-sm font-bold ${editor?.isActive('heading', { level: 2 })
-                                    ? 'bg-blue-500 text-white'
-                                    : 'bg-white border text-gray-700 hover:bg-gray-100'}`, children: "H2" }), _jsx("button", { type: "button", onClick: () => editor?.chain().focus().toggleHeading({ level: 3 }).run(), className: `px-3 py-1 rounded text-sm font-bold ${editor?.isActive('heading', { level: 3 })
-                                    ? 'bg-blue-500 text-white'
-                                    : 'bg-white border text-gray-700 hover:bg-gray-100'}`, children: "H3" }), _jsx("div", { className: "w-px h-6 bg-gray-300 mx-1 self-center" }), _jsx("button", { type: "button", onClick: () => editor?.chain().focus().toggleBulletList().run(), className: `px-3 py-1 rounded text-sm ${editor?.isActive('bulletList')
-                                    ? 'bg-blue-500 text-white'
-                                    : 'bg-white border text-gray-700 hover:bg-gray-100'}`, children: "\u2022 List" }), _jsx("button", { type: "button", onClick: () => editor?.chain().focus().toggleOrderedList().run(), className: `px-3 py-1 rounded text-sm ${editor?.isActive('orderedList')
-                                    ? 'bg-blue-500 text-white'
-                                    : 'bg-white border text-gray-700 hover:bg-gray-100'}`, children: "1. List" })] }), _jsx(EditorContent, { editor: editor })] })] }));
-}
+export * from './shared/CueCardEditor';

package/dist/components/questions/types/speaking-cue-card/SpeakingCueCardCreator.js

@@ -4,7 +4,7 @@ import { useState, useEffect, useRef, useCallback } from 'react';
 import { Card, CardContent, CardHeader, CardTitle } from '../../../../components/ui/card';
 import { Input } from '../../../../components/ui/input';
 import { Label } from '../../../../components/ui/label';
-import { CueCardEditor } from '../../../../components/CueCardEditor';
+import { CueCardEditor } from '../../../../components/shared/CueCardEditor';
 import { CreatorGuide } from '../../components/CreatorGuide';
 import { CreditCard } from 'lucide-react';
 export function SpeakingCueCardCreator({ initialData, onChange, onUnsavedChangesChange, externalErrors, validationRef, }) {

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

@@ -17,8 +17,22 @@ function GuideImageDisplay({ imageKey }) {
             } }) }));
 }
 export function WriteAShortLetterClient({ questionData, onSubmit, isReviewMode = false, userAnswer, explanation, }) {
-    const { informations, minWords, maxWords, instructions, guideImages } = questionData;
-    const instruction = instructions?.mainInstruction || '';
+    const { minWords = 20, maxWords } = questionData;
+    const instruction = questionData.instructions?.mainInstruction ||
+        (typeof questionData.instructions === 'string' ? questionData.instructions : '') ||
+        questionData.instruction ||
+        questionData.prompt ||
+        '';
+    const informations = Array.isArray(questionData.informations)
+        ? questionData.informations
+        : Array.isArray(questionData.requirements)
+            ? questionData.requirements
+            : [];
+    const guideImages = Array.isArray(questionData.guideImages)
+        ? questionData.guideImages
+        : Array.isArray(questionData.images)
+            ? questionData.images
+            : [];
     // Initialize answer state - ensure it's always a string
     const [answer, setAnswer] = useState(typeof userAnswer === 'string' ? userAnswer : '');
     // Sync userAnswer when it changes (e.g., when loading from server in review mode)

package/dist/components/questions/viewer/AnswerTheQuestionGroupViewer.d.ts

@@ -0,0 +1,8 @@
+import type { Question } from '../../../shared/types/entities/question.types';
+type AnswerTheQuestionGroupViewerProps = {
+    question: Question;
+    isReviewMode?: boolean;
+    userAnswer?: string[];
+};
+export declare function AnswerTheQuestionGroupViewer({ question, isReviewMode, userAnswer, }: AnswerTheQuestionGroupViewerProps): import("react").JSX.Element;
+export {};

package/dist/components/questions/viewer/AnswerTheQuestionGroupViewer.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AnswerTheQuestionGroupClient } from '../types/answer-the-question-group/AnswerTheQuestionGroupClient';
+import { mapQuestionToAnswerTheQuestionGroupData } from '../types/answer-the-question-group/map-answer-the-question-group-data';
+export function AnswerTheQuestionGroupViewer({ question, isReviewMode = false, userAnswer, }) {
+    const questionData = mapQuestionToAnswerTheQuestionGroupData(question);
+    const reviewAnswers = isReviewMode && !userAnswer
+        ? questionData.items.map((item) => item.expectedAnswers[0] || '')
+        : userAnswer;
+    return (_jsx(AnswerTheQuestionGroupClient, { questionData: questionData, isReviewMode: isReviewMode, userAnswers: reviewAnswers }));
+}

package/dist/components/questions/viewer/QuestionViewer.js

@@ -20,6 +20,7 @@ import { LookPictureFillBlankChooseAnswerClient } from '../types/look-picture-fi
 import { FillMissingWordsInGridClient } from '../types/fill-missing-words-in-grid/FillMissingWordsInGridClient';
 import { WordFillStructuredFormClient } from '../types/word-fill-structured-form/WordFillStructuredFormClient';
 import { CrosswordPuzzleClient } from '../types/crossword-puzzle/CrosswordPuzzleClient';
+import { FindWordsInMatrixClient } from '../types/find-words-in-matrix/FindWordsInMatrixClient';
 import { parseFillBlankStemLine } from '../_shared/utils/parseFillBlankStem';
 import { WordFillStructuredFormViewer } from './WordFillStructuredFormViewer';
 import { ChooseTheCorrectAnswerGroupViewer } from './ChooseTheCorrectAnswerGroupViewer';
@@ -27,6 +28,7 @@ import { TrueFalseGroupViewer } from './TrueFalseGroupViewer';
 import { CrossOutWordGroupViewer } from './CrossOutWordGroupViewer';
 import { SpontaneousQaGroupViewer } from './SpontaneousQaGroupViewer';
 import { WordOrderAndMatchGroupViewer } from './WordOrderAndMatchGroupViewer';
+import { AnswerTheQuestionGroupViewer } from './AnswerTheQuestionGroupViewer';
 export function QuestionViewer({ question, onSubmitAnswer, isReviewMode = false, userAnswer, }) {
     const [selectedAnswer, setSelectedAnswer] = useState(userAnswer || null);
     const [playCount, setPlayCount] = useState(0);
@@ -314,13 +316,41 @@ export function QuestionViewer({ question, onSubmitAnswer, isReviewMode = false,
             }, isReviewMode: isReviewMode, userAnswer: userAnswer }));
     };
     const renderWriteAShortLetter = () => {
-        const answer = question.answer;
+        const content = (question.content || {});
+        const answer = (question.answer || {});
+        const mainInstruction = content?.instructions?.mainInstruction ||
+            content?.instruction ||
+            content?.prompt ||
+            answer?.instructions?.mainInstruction ||
+            answer?.instruction ||
+            (typeof content?.instructions === 'string' ? content.instructions : '') ||
+            (typeof content === 'string' ? content : '') ||
+            '';
+        const informations = (Array.isArray(content?.informations)
+            ? content.informations
+            : Array.isArray(content?.requirements)
+                ? content.requirements
+                : Array.isArray(answer?.informations)
+                    ? answer.informations
+                    : []).map((info) => typeof info === 'string' ? info : (info.text || info.content || ''));
+        const guideImages = Array.isArray(content?.guideImages)
+            ? content.guideImages
+            : Array.isArray(answer?.guideImages)
+                ? answer.guideImages
+                : [];
+        const contexts = content?.contexts || answer?.contexts || [];
+        const minWords = content?.minWords ?? answer?.minWords ?? 20;
+        const maxWords = content?.maxWords ?? answer?.maxWords ?? null;
         const questionData = {
-            contexts: answer?.contexts || [],
-            informations: answer?.informations || [],
-            minWords: answer?.minWords || 20,
-            maxWords: answer?.maxWords,
-            instruction: answer?.instruction || '',
+            contexts,
+            informations,
+            guideImages,
+            minWords,
+            maxWords,
+            instructions: {
+                mainInstruction,
+            },
+            instruction: mainInstruction,
         };
         return (_jsx(WriteAShortLetterClient, { questionData: questionData, onSubmit: (answerText) => {
                 setSelectedAnswer(answerText);
@@ -600,6 +630,8 @@ export function QuestionViewer({ question, onSubmitAnswer, isReviewMode = false,
                 return (_jsx(TrueFalseGroupViewer, { question: question, isReviewMode: isReviewMode, userAnswer: userAnswer }));
             case 'CROSS_OUT_WORD_GROUP':
                 return (_jsx(CrossOutWordGroupViewer, { question: question, isReviewMode: isReviewMode }));
+            case 'ANSWER_THE_QUESTION_GROUP':
+                return (_jsx(AnswerTheQuestionGroupViewer, { question: question, isReviewMode: isReviewMode, userAnswer: userAnswer }));
             case 'SPONTANEOUS_QA_GROUP':
                 return (_jsx(SpontaneousQaGroupViewer, { question: question, isReviewMode: isReviewMode }));
             case 'WORD_ORDER_AND_MATCH_GROUP':
@@ -646,6 +678,8 @@ export function QuestionViewer({ question, onSubmitAnswer, isReviewMode = false,
                 return (_jsx(WordFillStructuredFormViewer, { question: question, isReviewMode: isReviewMode, userAnswer: userAnswer, onSubmitAnswer: onSubmitAnswer }));
             case 'CROSSWORD_PUZZLE':
                 return (_jsx(CrosswordPuzzleClient, { content: question.content, correctAnswer: question.answer, isReviewMode: isReviewMode, userAnswers: userAnswer }));
+            case 'FIND_WORDS_IN_MATRIX':
+                return (_jsx(FindWordsInMatrixClient, { content: question.content, correctAnswer: question.answer, showSolution: isReviewMode }));
             default:
                 return _jsxs("div", { children: ["Lo\u1EA1i c\u00E2u h\u1ECFi kh\u00F4ng \u0111\u01B0\u1EE3c h\u1ED7 tr\u1EE3: ", question.type] });
         }

package/dist/components/questions/viewer/index.d.ts

@@ -6,3 +6,4 @@ export { TrueFalseGroupViewer } from './TrueFalseGroupViewer';
 export { CrossOutWordGroupViewer } from './CrossOutWordGroupViewer';
 export { SpontaneousQaGroupViewer } from './SpontaneousQaGroupViewer';
 export { WordOrderAndMatchGroupViewer } from './WordOrderAndMatchGroupViewer';
+export { AnswerTheQuestionGroupViewer } from './AnswerTheQuestionGroupViewer';

package/dist/components/questions/viewer/index.js

@@ -6,3 +6,4 @@ export { TrueFalseGroupViewer } from './TrueFalseGroupViewer';
 export { CrossOutWordGroupViewer } from './CrossOutWordGroupViewer';
 export { SpontaneousQaGroupViewer } from './SpontaneousQaGroupViewer';
 export { WordOrderAndMatchGroupViewer } from './WordOrderAndMatchGroupViewer';
+export { AnswerTheQuestionGroupViewer } from './AnswerTheQuestionGroupViewer';

package/dist/components/shared/CueCardEditor.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface CueCardEditorProps {
+    value?: string;
+    onChange: (html: string) => void;
+    label?: React.ReactNode;
+}
+export declare function CueCardEditor({ value, onChange, label, }: CueCardEditorProps): React.JSX.Element;

package/dist/components/shared/CueCardEditor.js

@@ -0,0 +1,44 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useEditor, EditorContent } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+const DEFAULT_CONTENT = `
+  <p><strong>Describe a topic you know well.</strong></p>
+  <p>You should say:</p>
+  <ul>
+    <li>What it is</li>
+    <li>When you first learned about it</li>
+    <li>Why you find it interesting</li>
+  </ul>
+  <p><em>and explain how it has impacted your life.</em></p>
+`;
+export function CueCardEditor({ value, onChange, label, }) {
+    const [mounted, setMounted] = useState(false);
+    const editor = useEditor({
+        immediatelyRender: false,
+        extensions: [StarterKit],
+        content: value || DEFAULT_CONTENT,
+        onUpdate: ({ editor }) => {
+            onChange(editor.getHTML());
+        },
+        editorProps: {
+            attributes: {
+                class: 'tiptap-editor focus:outline-none min-h-[250px] p-4 bg-white border border-gray-200 rounded-b-md',
+            },
+        },
+    });
+    useEffect(() => {
+        setMounted(true);
+    }, []);
+    // Sync value if changed from outside (e.g., initial load)
+    useEffect(() => {
+        if (editor && value !== undefined && value !== editor.getHTML()) {
+            // Small timeout to prevent update loops
+            setTimeout(() => editor.commands.setContent(value), 0);
+        }
+    }, [value, editor]);
+    if (!mounted)
+        return null;
+    return (_jsxs("div", { className: "flex flex-col gap-1.5 w-full", children: [label && (_jsx("label", { className: "text-sm font-medium leading-none text-gray-700", children: label })), _jsxs("div", { className: "rounded-md border border-gray-200 shadow-sm overflow-hidden focus-within:ring-2 focus-within:ring-blue-500 focus-within:border-blue-500", children: [editor && (_jsxs("div", { className: "flex items-center gap-1 p-2 bg-gray-50 border-b border-gray-200 flex-wrap", children: [_jsx("button", { type: "button", onClick: () => editor.chain().focus().toggleBold().run(), className: `p-1.5 rounded hover:bg-gray-200 text-xs font-semibold text-gray-700 ${editor.isActive('bold') ? 'bg-gray-200' : ''}`, title: "Bold", children: "B" }), _jsx("button", { type: "button", onClick: () => editor.chain().focus().toggleItalic().run(), className: `p-1.5 rounded hover:bg-gray-200 text-xs italic text-gray-700 ${editor.isActive('italic') ? 'bg-gray-200' : ''}`, title: "Italic", children: "I" }), _jsx("div", { className: "w-[1px] h-4 bg-gray-300 mx-1" }), _jsx("button", { type: "button", onClick: () => editor.chain().focus().toggleHeading({ level: 3 }).run(), className: `p-1.5 rounded hover:bg-gray-200 text-xs font-semibold text-gray-700 ${editor.isActive('heading', { level: 3 }) ? 'bg-gray-200' : ''}`, title: "Heading", children: "H3" }), _jsx("div", { className: "w-[1px] h-4 bg-gray-300 mx-1" }), _jsx("button", { type: "button", onClick: () => editor.chain().focus().toggleBulletList().run(), className: `p-1.5 rounded hover:bg-gray-200 text-xs text-gray-700 ${editor.isActive('bulletList') ? 'bg-gray-200' : ''}`, title: "Bullet List", children: "\u2022 List" }), _jsx("button", { type: "button", onClick: () => editor.chain().focus().toggleOrderedList().run(), className: `p-1.5 rounded hover:bg-gray-200 text-xs text-gray-700 ${editor.isActive('orderedList') ? 'bg-gray-200' : ''}`, title: "Numbered List", children: "1. List" }), _jsx("div", { className: "w-[1px] h-4 bg-gray-300 mx-1" }), _jsx("button", { type: "button", onClick: () => editor.chain().focus().clearNodes().unsetAllMarks().run(), className: "p-1.5 rounded hover:bg-gray-200 text-xs text-gray-500", title: "Clear Formatting", children: "Clear" })] })), _jsx(EditorContent, { editor: editor })] })] }));
+}

package/dist/index.d.ts

@@ -26,4 +26,4 @@ export { validateQuestion } from './components/questions/_shared/utils/question-
 export { buildAnswerPayload } from './components/questions/_shared/utils/answer-builder';
 export type { QuestionFormState } from './components/questions/_shared/hooks/useQuestionFormState';
 export * from './components/questions/_shared/types';
-export { QuestionViewer, QuestionGroupViewer, WordFillStructuredFormViewer, ChooseTheCorrectAnswerGroupViewer, TrueFalseGroupViewer, CrossOutWordGroupViewer, SpontaneousQaGroupViewer, WordOrderAndMatchGroupViewer, } from './components/questions/viewer';
+export { QuestionViewer, QuestionGroupViewer, WordFillStructuredFormViewer, ChooseTheCorrectAnswerGroupViewer, TrueFalseGroupViewer, CrossOutWordGroupViewer, SpontaneousQaGroupViewer, WordOrderAndMatchGroupViewer, AnswerTheQuestionGroupViewer, } from './components/questions/viewer';

package/dist/index.js

@@ -21,4 +21,4 @@ export { QUESTION_TYPE_CONFIG, QUESTION_TYPES_WITH_DEDICATED_COMPONENTS } from '
 export { validateQuestion } from './components/questions/_shared/utils/question-validation';
 export { buildAnswerPayload } from './components/questions/_shared/utils/answer-builder';
 export * from './components/questions/_shared/types';
-export { QuestionViewer, QuestionGroupViewer, WordFillStructuredFormViewer, ChooseTheCorrectAnswerGroupViewer, TrueFalseGroupViewer, CrossOutWordGroupViewer, SpontaneousQaGroupViewer, WordOrderAndMatchGroupViewer, } from './components/questions/viewer';
+export { QuestionViewer, QuestionGroupViewer, WordFillStructuredFormViewer, ChooseTheCorrectAnswerGroupViewer, TrueFalseGroupViewer, CrossOutWordGroupViewer, SpontaneousQaGroupViewer, WordOrderAndMatchGroupViewer, AnswerTheQuestionGroupViewer, } from './components/questions/viewer';

package/dist/shared/lib/utils/question-reverse-transform.js

@@ -424,8 +424,8 @@ const handlers = {
     WORD_ORDERING: reverseSimpleAnswer,
     WORD_FILL_PARAGRAPH: reverseSimpleAnswer,
     MATCH_BY_WRITING_ANSWER: reverseGroupPayload,
-    WRITE_SENTENCES: reverseGroupPayload,
-    WRITE_A_SHORT_LETTER: reverseSimpleAnswer,
+    WRITE_SHORT_PARAGRAPH: reverseWriteShortParagraph,
+    WRITE_A_SHORT_LETTER: reverseWriteAShortLetter,
     WRITE_CORRECT_VERB_FORM: reverseSimpleAnswer,
     CHOOSE_CORRECT_ADJECTIVE: reverseSimpleAnswer,
     WORD_FILL_STRUCTURED_FORM: reverseGroupPayload,
@@ -449,6 +449,59 @@ const handlers = {
     CROSSWORD_PUZZLE: reverseCrosswordPuzzle,
     FIND_WORDS_IN_MATRIX: reverseFindWordsInMatrix,
 };
+function reverseWriteAShortLetter(apiQuestion) {
+    const content = asRecord(apiQuestion.content);
+    const answer = readAnswer(apiQuestion);
+    const informations = asArray(content.informations ?? answer.informations).map((item) => asString(item)).filter(Boolean);
+    const guideImages = asArray(content.guideImages ?? answer.guideImages).map((item) => asString(item)).filter(Boolean);
+    const contexts = asArray(content.contexts ?? answer.contexts);
+    const instructions = isRecord(content.instructions)
+        ? content.instructions
+        : isRecord(answer.instructions)
+            ? answer.instructions
+            : { mainInstruction: asString(content.instruction ?? content.prompt ?? answer.instruction ?? answer.prompt) };
+    const minWords = asNumber(content.minWords ?? answer.minWords, 20);
+    const maxWords = content.maxWords !== undefined && content.maxWords !== null
+        ? asNumber(content.maxWords, 0) || null
+        : answer.maxWords !== undefined && answer.maxWords !== null
+            ? asNumber(answer.maxWords, 0) || null
+            : null;
+    const resolved = {
+        instructions,
+        instruction: asString(instructions.mainInstruction || instructions.instruction),
+        informations,
+        guideImages,
+        contexts,
+        minWords,
+        maxWords,
+    };
+    return {
+        content: resolved,
+        answer: resolved,
+    };
+}
+function reverseWriteShortParagraph(apiQuestion) {
+    const content = asRecord(apiQuestion.content);
+    const answer = readAnswer(apiQuestion);
+    const contexts = asArray(content.contexts ?? answer.contexts);
+    const instruction = asString(content.instruction ?? content.instructions?.mainInstruction ?? answer.instruction);
+    const minWords = asNumber(content.minWords ?? answer.minWords, 20);
+    const maxWords = content.maxWords !== undefined && content.maxWords !== null
+        ? asNumber(content.maxWords, 0) || null
+        : answer.maxWords !== undefined && answer.maxWords !== null
+            ? asNumber(answer.maxWords, 0) || null
+            : null;
+    const resolved = {
+        instruction,
+        contexts,
+        minWords,
+        maxWords,
+    };
+    return {
+        content: resolved,
+        answer: resolved,
+    };
+}
 function reverseCrosswordPuzzle(apiQuestion) {
     const apiContent = (apiQuestion.content || {});
     const apiAnswer = (apiQuestion.correctAnswer || apiQuestion.correct_answer || apiQuestion.answer || {});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tinyweb_dev/oe-exam-sdk",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "Reusable OceanEdu question components.",
   "type": "module",
   "main": "./dist/index.js",