@tinyweb_dev/oe-exam-sdk 0.2.8 → 0.2.10

package/dist/components/exams/take/ExamTakingPageContainer.js

@@ -637,6 +637,12 @@ function ExamTakingPageContainerInner({ roomId, api, onNavigate, resultPath = (a
                         map.set(`${question.id}-item-${index}`, question.id);
                     });
                 }
+                if (part.questionType === 'WORD_ORDERING_GROUP' &&
+                    Array.isArray(content?.items)) {
+                    content.items.forEach((_, index) => {
+                        map.set(`${question.id}-item-${index}`, question.id);
+                    });
+                }
             });
         });
         return map;

package/dist/components/exams/take/components/QuestionRenderer.js

@@ -8,9 +8,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * 2. Transforms data to renderer-specific props
  * 3. Renders the correct component for each question type
  */
-import { MoversListenAndWriteRenderer, MoversChooseBestAnswerRenderer, MoversChooseAdjectiveRenderer, MoversWritingRenderer, MoversColoringRenderer, MoversPictureChooseRenderer, MoversPictureFillBlankChooseRenderer, MoversReadingPassageRenderer, MoversLabelThePictureRenderer, MoversFillWordHintRenderer, MoversGridFillRenderer, MoversTrueFalseRenderer, MoversTrueFalseCorrectGroupRenderer, MoversFillInBlankGroupRenderer, MoversCrossOutWordGroupRenderer, MoversAnswerTheQuestionRenderer, MoversWriteSentencesRenderer, MoversWordOrderingRenderer, MoversWordFillParagraphRenderer, MoversMatchByWritingAnswerRenderer, MoversMatchWordToPictureRenderer, MoversWordFillStructuredFormRenderer, MoversWordOrderAndMatchGroupRenderer, MoversMatchingWithLinesGroupRenderer, MoversCrosswordPuzzleRenderer, FindWordsInMatrixRenderer, } from './question-renderers';
+import { MoversListenAndWriteRenderer, MoversChooseBestAnswerRenderer, MoversChooseAdjectiveRenderer, MoversWritingRenderer, MoversColoringRenderer, MoversPictureChooseRenderer, MoversPictureFillBlankChooseRenderer, MoversReadingPassageRenderer, MoversLabelThePictureRenderer, MoversFillWordHintRenderer, MoversGridFillRenderer, MoversTrueFalseRenderer, MoversTrueFalseCorrectGroupRenderer, MoversFillInBlankGroupRenderer, MoversCrossOutWordGroupRenderer, MoversAnswerTheQuestionRenderer, MoversWriteSentencesRenderer, MoversWordOrderingRenderer, MoversWordOrderingGroupRenderer, MoversWordFillParagraphRenderer, MoversMatchByWritingAnswerRenderer, MoversMatchWordToPictureRenderer, MoversWordFillStructuredFormRenderer, MoversWordOrderAndMatchGroupRenderer, MoversMatchingWithLinesGroupRenderer, MoversCrosswordPuzzleRenderer, FindWordsInMatrixRenderer, } from './question-renderers';
 import { SpeakingQuestionRenderer } from './speaking/renderers';
-import { transformFillInBlank, transformWriteCorrectVerbForm, transformChooseCorrectAnswer, transformChooseTheCorrectAnswerGroup, transformChooseCorrectAdjective, transformWriteShortLetter, transformColorObjects, transformPictureChoose, transformPictureFillBlankChoose, transformReadingPassage, transformLabelPicture, transformFillWordHint, transformGridFill, transformAnswerTheQuestion, transformAnswerTheQuestionGroup, transformTrueFalse, transformTrueFalseGroup, transformTrueFalseCorrectGroup, transformFillInBlankGroup, transformWordOrdering, transformWordFillParagraph, transformMatchByWritingAnswer, transformMatchWordToPicture, transformWriteSentences, transformWordFillStructuredForm, transformWordOrderAndMatchGroup, transformMatchingWithLinesGroup, transformCrosswordPuzzle, transformFindWordsInMatrix, } from '../utils/question-transformers';
+import { transformFillInBlank, transformWriteCorrectVerbForm, transformChooseCorrectAnswer, transformChooseTheCorrectAnswerGroup, transformChooseCorrectAdjective, transformWriteShortLetter, transformColorObjects, transformPictureChoose, transformPictureFillBlankChoose, transformReadingPassage, transformLabelPicture, transformFillWordHint, transformGridFill, transformAnswerTheQuestion, transformAnswerTheQuestionGroup, transformTrueFalse, transformTrueFalseGroup, transformTrueFalseCorrectGroup, transformFillInBlankGroup, transformWordOrdering, transformWordOrderingGroupTake, transformWordFillParagraph, transformMatchByWritingAnswer, transformMatchWordToPicture, transformWriteSentences, transformWordFillStructuredForm, transformWordOrderAndMatchGroup, transformMatchingWithLinesGroup, transformCrosswordPuzzle, transformFindWordsInMatrix, } from '../utils/question-transformers';
 import { transformCrossOutWordGroup } from '../utils/cross-out-word-group.transformer';
 import { normalizeColoringAssignments } from '../utils/coloring-assignments';
 export function QuestionRenderer({ part, answers, onAnswerChange, isReviewMode = false, onExit, onPartComplete, onPartBack, speakingTheme, initialQuestionIndex, skipTeacherVideo, onTeacherIntroPlayed, currentQuestionIndex, }) {
@@ -55,7 +55,7 @@ export function QuestionRenderer({ part, answers, onAnswerChange, isReviewMode =
         }
         case 'CHOOSE_THE_CORRECT_ANSWER_GROUP': {
             const data = transformChooseTheCorrectAnswerGroup(questions);
-            return (_jsx(MoversChooseBestAnswerRenderer, { partNumber: partNo, partName: part.name, questionCount: questionCount, instruction: part.instructions || data.instruction, audioUrl: data.audioUrl || part.audioUrl, example: data.example, questions: getRenderQuestions(data.questions), answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
+            return (_jsx(MoversChooseBestAnswerRenderer, { partNumber: partNo, partName: part.name, questionCount: questionCount, instruction: part.instructions || data.instruction, audioUrl: data.audioUrl || part.audioUrl, imageUrl: data.imageUrl, example: data.example, questions: getRenderQuestions(data.questions), answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
         }
         case 'CHOOSE_CORRECT_ADJECTIVE': {
             const data = transformChooseCorrectAdjective(questions);
@@ -181,6 +181,10 @@ export function QuestionRenderer({ part, answers, onAnswerChange, isReviewMode =
             const data = transformTrueFalse(questions);
             return (_jsx(MoversTrueFalseRenderer, { partNumber: partNo, partName: part.name, questionCount: questionCount, instruction: part.instructions || data.instruction, imageUrl: data.imageUrl, groupContent: data.groupContent, questions: getRenderQuestions(data.questions), answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
         }
+        case 'WORD_ORDERING_GROUP': {
+            const data = transformWordOrderingGroupTake(questions);
+            return (_jsx(MoversWordOrderingGroupRenderer, { partNumber: partNo, partName: part.name, questionCount: data.questions.filter((q) => !q.isExample).length, instruction: part.instructions || data.instruction, data: data, answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));
+        }
         case 'WORD_ORDERING': {
             const data = transformWordOrdering(questions);
             return (_jsx(MoversWordOrderingRenderer, { partNumber: partNo, partName: part.name, questionCount: questionCount, instruction: part.instructions || data.instruction, questions: getRenderQuestions(data.questions), answers: answers, onAnswerChange: onAnswerChange, isReviewMode: isReviewMode }));

package/dist/components/exams/take/components/question-renderers/MoversChooseBestAnswerRenderer.js

@@ -2,6 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../../../../../shared/lib/utils';
 import { ResolvedImage } from '../../../../../components/common/ResolvedImage';
+import { RichTextHtml } from '../../../../../components/shared/RichTextHtml';
 import CambridgeYlePartBanner from '../../../../../components/themes/cambridge-yle/CambridgeYlePartBanner';
 import CambridgeYleInstructionBanner from '../../../../../components/themes/cambridge-yle/CambridgeYleInstructionBanner';
 import CambridgeYleAudioPlayer from '../../../../../components/themes/cambridge-yle/CambridgeYleAudioPlayer';
@@ -42,14 +43,14 @@ function normalizeRenderableText(value) {
 }
 // Example Section Component
 function ExampleSection({ example }) {
-    return (_jsxs("div", { className: "rounded-lg border-2 border-orange-300 bg-white p-4", children: [_jsx("p", { className: "mb-3 text-sm font-semibold text-gray-700", children: "Example:" }), _jsxs("p", { className: "mb-3 text-[19px] font-bold text-[#001590]", children: [example.questionNumber, ". ", normalizeRenderableText(example.questionText)] }), example.audioUrl && (_jsx("div", { className: "mb-3", children: _jsx(CambridgeYleAudioPlayer, { audioSrc: example.audioUrl, compact: true, dense: true }) })), _jsx(ChooseBestAnswerImages, { imageUrl: example.imageUrl, className: "mb-3" }), example.optionType === 'image' ? (_jsx("div", { className: "grid gap-3 px-2", style: { gridTemplateColumns: `repeat(${example.options.length}, minmax(0, 1fr))` }, children: example.options.map((option) => {
+    return (_jsxs("div", { className: "rounded-lg border-2 border-orange-300 bg-white p-4", children: [_jsx("p", { className: "mb-3 text-sm font-semibold text-gray-700", children: "Example:" }), _jsxs("div", { className: "mb-3 flex items-start gap-1.5 text-[19px] font-bold text-[#001590]", children: [_jsxs("span", { children: [example.questionNumber, "."] }), _jsx(RichTextHtml, { html: normalizeRenderableText(example.questionText), className: "flex-1 font-bold text-[#001590]" })] }), example.audioUrl && (_jsx("div", { className: "mb-3", children: _jsx(CambridgeYleAudioPlayer, { audioSrc: example.audioUrl, compact: true, dense: true }) })), _jsx(ChooseBestAnswerImages, { imageUrl: example.imageUrl, className: "mb-3" }), example.optionType === 'image' ? (_jsx("div", { className: "grid gap-3 px-2", style: { gridTemplateColumns: `repeat(${example.options.length}, minmax(0, 1fr))` }, children: example.options.map((option) => {
                     const isCorrect = option.id === example.correctOptionId;
                     return (_jsxs("div", { className: `relative flex flex-col items-center gap-1 rounded-[16px] border-[3px] p-4 pt-6 mt-3 transition-colors ${isCorrect ? 'border-green-500 bg-green-50' : 'border-blue-200 bg-white'}`, children: [_jsx("div", { className: "absolute -top-[14px] left-1/2 -translate-x-1/2 bg-blue-600 text-white w-[28px] h-[28px] rounded-full flex items-center justify-center font-bold text-[15px] shadow-sm", children: option.label }), _jsx(ResolvedImage, { src: getChooseBestAnswerOptionImageSrc(option), alt: `Option ${option.label}`, className: "w-40 rounded object-contain mb-2" }), _jsx("div", { className: cn("w-7 h-7 rounded-full flex items-center justify-center border-[3px] transition-all mt-auto", isCorrect
                                     ? "bg-green-500 border-green-500 text-white"
                                     : "border-gray-300 bg-white text-transparent"), children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }) })] }, option.id));
                 }) })) : (_jsx("div", { className: "flex flex-col gap-2 pl-2", children: example.options.map((option) => {
                     const isCorrect = option.id === example.correctOptionId;
-                    return (_jsxs("div", { className: `flex items-center gap-3 rounded-lg border-2 px-3 py-2 text-left transition-colors ${isCorrect ? 'border-green-500 bg-green-50' : 'border-blue-200 bg-white'}`, children: [_jsxs("span", { className: "text-sm font-medium text-gray-600", children: [option.label, "."] }), _jsx("span", { className: "flex-1 text-sm text-gray-700", children: normalizeRenderableText(option.text) }), _jsx("div", { className: `flex h-5 w-5 items-center justify-center border-2 rounded-full ${isCorrect ? 'border-green-500 bg-green-500' : 'border-gray-300 bg-white'}`, children: isCorrect && (_jsx("div", { className: "h-2 w-2 rounded-full bg-white" })) })] }, option.id));
+                    return (_jsxs("div", { className: `flex items-center gap-3 rounded-lg border-2 px-3 py-2 text-left transition-colors ${isCorrect ? 'border-green-500 bg-green-50' : 'border-blue-200 bg-white'}`, children: [_jsxs("span", { className: "text-sm font-medium text-gray-600", children: [option.label, "."] }), _jsx(RichTextHtml, { html: normalizeRenderableText(option.text), className: "flex-1 text-sm text-gray-700" }), _jsx("div", { className: `flex h-5 w-5 items-center justify-center border-2 rounded-full ${isCorrect ? 'border-green-500 bg-green-500' : 'border-gray-300 bg-white'}`, children: isCorrect && (_jsx("div", { className: "h-2 w-2 rounded-full bg-white" })) })] }, option.id));
                 }) }))] }));
 }
 // Single Question Component
@@ -99,9 +100,9 @@ function QuestionItem({ question, selectedOptionIds, onSelect, isReviewMode, id,
         }
         return selectedOptionIds.includes(optionId) || correctOptionIds.includes(optionId);
     };
-    return (_jsxs("div", { id: id, className: "mb-6", children: [_jsxs("p", { className: "mb-3 text-[19px] font-bold text-[#001590]", children: [question.questionNumber, ". ", normalizeRenderableText(question.questionText)] }), isMultipleAnswers && (_jsx("p", { className: "mb-3 pl-2 text-sm font-medium text-blue-600", children: "Ch\u1ECDn nhi\u1EC1u \u0111\u00E1p \u00E1n" })), question.audioUrl && (_jsx("div", { className: "mb-3", children: _jsx(CambridgeYleAudioPlayer, { audioSrc: question.audioUrl, compact: true, dense: true }) })), _jsx(ChooseBestAnswerImages, { imageUrl: question.imageUrl, className: "mb-3" }), question.optionType === 'image' ? (_jsx("div", { className: "grid gap-3 px-2", style: { gridTemplateColumns: `repeat(${question.options.length}, minmax(0, 1fr))` }, children: question.options.map((option) => (_jsxs("button", { type: "button", onClick: () => !isReviewMode && onSelect(option.id), disabled: isReviewMode, className: `relative flex flex-col items-center gap-1 rounded-[16px] border-[3px] p-4 pt-6 mt-3 transition-colors ${getOptionStyle(option.id)} ${isReviewMode ? 'cursor-default' : 'cursor-pointer'}`, children: [_jsx("div", { className: "absolute -top-[14px] left-1/2 -translate-x-1/2 bg-blue-600 text-white w-[28px] h-[28px] rounded-full flex items-center justify-center font-bold text-[15px] shadow-sm", children: option.label }), _jsx(ResolvedImage, { src: getChooseBestAnswerOptionImageSrc(option), alt: `Option ${option.label}`, className: "w-35 rounded object-contain mb-2" }), _jsx("div", { className: cn("w-7 h-7 rounded-full flex items-center justify-center border-[3px] transition-all mt-auto", showIndicatorMark(option.id)
+    return (_jsxs("div", { id: id, className: "mb-6", children: [_jsxs("div", { className: "mb-3 flex items-start gap-1.5 text-[19px] font-bold text-[#001590]", children: [_jsxs("span", { children: [question.questionNumber, "."] }), _jsx(RichTextHtml, { html: normalizeRenderableText(question.questionText), className: "flex-1 font-bold text-[#001590]" })] }), isMultipleAnswers && (_jsx("p", { className: "mb-3 pl-2 text-sm font-medium text-blue-600", children: "Ch\u1ECDn nhi\u1EC1u \u0111\u00E1p \u00E1n" })), question.audioUrl && (_jsx("div", { className: "mb-3", children: _jsx(CambridgeYleAudioPlayer, { audioSrc: question.audioUrl, compact: true, dense: true }) })), _jsx(ChooseBestAnswerImages, { imageUrl: question.imageUrl, className: "mb-3" }), question.optionType === 'image' ? (_jsx("div", { className: "grid gap-3 px-2", style: { gridTemplateColumns: `repeat(${question.options.length}, minmax(0, 1fr))` }, children: question.options.map((option) => (_jsxs("button", { type: "button", onClick: () => !isReviewMode && onSelect(option.id), disabled: isReviewMode, className: `relative flex flex-col items-center gap-1 rounded-[16px] border-[3px] p-4 pt-6 mt-3 transition-colors ${getOptionStyle(option.id)} ${isReviewMode ? 'cursor-default' : 'cursor-pointer'}`, children: [_jsx("div", { className: "absolute -top-[14px] left-1/2 -translate-x-1/2 bg-blue-600 text-white w-[28px] h-[28px] rounded-full flex items-center justify-center font-bold text-[15px] shadow-sm", children: option.label }), _jsx(ResolvedImage, { src: getChooseBestAnswerOptionImageSrc(option), alt: `Option ${option.label}`, className: "w-35 rounded object-contain mb-2" }), _jsx("div", { className: cn("w-7 h-7 rounded-full flex items-center justify-center border-[3px] transition-all mt-auto", showIndicatorMark(option.id)
                                 ? "bg-blue-600 border-blue-600 text-white"
-                                : "border-gray-300 bg-white text-transparent"), children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }) })] }, option.id))) })) : (_jsx("div", { className: "flex flex-col gap-2 pl-2", children: question.options.map((option) => (_jsxs("button", { type: "button", onClick: () => !isReviewMode && onSelect(option.id), disabled: isReviewMode, className: `flex items-center gap-3 rounded-lg border-2 px-3 py-2 text-left transition-colors ${getOptionStyle(option.id)} ${isReviewMode ? 'cursor-default' : 'cursor-pointer'}`, children: [_jsxs("span", { className: "text-sm font-medium text-gray-600", children: [option.label, "."] }), _jsx("span", { className: "flex-1 text-sm text-gray-700", children: normalizeRenderableText(option.text) }), _jsx("div", { className: `flex h-5 w-5 items-center justify-center border-2 ${isMultipleAnswers ? 'rounded-md' : 'rounded-full'} ${getIndicatorStyle(option.id)}`, children: showIndicatorMark(option.id) && (_jsx("div", { className: `${isMultipleAnswers ? 'h-2.5 w-2.5 rounded-sm' : 'h-2 w-2 rounded-full'} bg-white` })) })] }, option.id))) }))] }));
+                                : "border-gray-300 bg-white text-transparent"), children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }) })] }, option.id))) })) : (_jsx("div", { className: "flex flex-col gap-2 pl-2", children: question.options.map((option) => (_jsxs("button", { type: "button", onClick: () => !isReviewMode && onSelect(option.id), disabled: isReviewMode, className: `flex items-center gap-3 rounded-lg border-2 px-3 py-2 text-left transition-colors ${getOptionStyle(option.id)} ${isReviewMode ? 'cursor-default' : 'cursor-pointer'}`, children: [_jsxs("span", { className: "text-sm font-medium text-gray-600", children: [option.label, "."] }), _jsx(RichTextHtml, { html: normalizeRenderableText(option.text), className: "flex-1 text-sm text-gray-700" }), _jsx("div", { className: `flex h-5 w-5 items-center justify-center border-2 ${isMultipleAnswers ? 'rounded-md' : 'rounded-full'} ${getIndicatorStyle(option.id)}`, children: showIndicatorMark(option.id) && (_jsx("div", { className: `${isMultipleAnswers ? 'h-2.5 w-2.5 rounded-sm' : 'h-2 w-2 rounded-full'} bg-white` })) })] }, option.id))) }))] }));
 }
 // Article Card for ARTICLES groupType (e.g., GN QE RWL Part 2)
 function ArticleCard({ article, label, }) {

package/dist/components/exams/take/components/question-renderers/MoversWordOrderingGroupRenderer.d.ts

@@ -0,0 +1,13 @@
+import type { WordOrderingGroupPartData } from '../../utils/question-transformers';
+interface MoversWordOrderingGroupRendererProps {
+    partNumber: number;
+    partName?: string;
+    questionCount: number;
+    instruction: string;
+    data: WordOrderingGroupPartData;
+    answers: Record<string, string[] | undefined>;
+    onAnswerChange: (questionId: string, value: string[]) => void;
+    isReviewMode?: boolean;
+}
+export declare function MoversWordOrderingGroupRenderer({ partNumber, partName, questionCount, instruction, data, answers, onAnswerChange, isReviewMode, }: MoversWordOrderingGroupRendererProps): import("react").JSX.Element;
+export {};

package/dist/components/exams/take/components/question-renderers/MoversWordOrderingGroupRenderer.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import CambridgeYlePartBanner from '../../../../../components/themes/cambridge-yle/CambridgeYlePartBanner';
+import CambridgeYleInstructionBanner from '../../../../../components/themes/cambridge-yle/CambridgeYleInstructionBanner';
+import { WordOrderingGroupClient } from '../../../../questions/types/word-ordering-group/WordOrderingGroupClient';
+export function MoversWordOrderingGroupRenderer({ partNumber, partName, questionCount, instruction, data, answers, onAnswerChange, isReviewMode = false, }) {
+    const userAnswers = data.questions.map((question) => {
+        if (question.isExample)
+            return question.answer;
+        return Array.isArray(answers[question.id]) ? answers[question.id] || [] : [];
+    });
+    return (_jsxs("div", { className: "w-full space-y-4", children: [_jsx(CambridgeYlePartBanner, { partNumber: partNumber, partName: partName, questionCount: questionCount }), _jsx(CambridgeYleInstructionBanner, { instruction: instruction }), _jsx("div", { className: "mt-4", children: _jsx(WordOrderingGroupClient, { questionData: {
+                        instruction: data.instruction,
+                        items: data.questions.map((question) => ({
+                            words: question.words,
+                            answer: question.answer,
+                            isExample: question.isExample,
+                            points: question.points,
+                            questionNumber: question.questionNumber,
+                        })),
+                        explanation: data.explanation,
+                    }, isReviewMode: isReviewMode, userAnswers: userAnswers, onAnswerChange: (next) => {
+                        next.forEach((value, index) => {
+                            const target = data.questions[index];
+                            if (target && !target.isExample) {
+                                onAnswerChange(target.id, value);
+                            }
+                        });
+                    } }) })] }));
+}

package/dist/components/exams/take/components/question-renderers/index.d.ts

@@ -16,6 +16,7 @@ export { MoversCrossOutWordGroupRenderer } from './MoversCrossOutWordGroupRender
 export { MoversAnswerTheQuestionRenderer } from './MoversAnswerTheQuestionRenderer';
 export { MoversWriteSentencesRenderer } from './MoversWriteSentencesRenderer';
 export { MoversWordOrderingRenderer } from './MoversWordOrderingRenderer';
+export { MoversWordOrderingGroupRenderer } from './MoversWordOrderingGroupRenderer';
 export { MoversWordFillParagraphRenderer } from './MoversWordFillParagraphRenderer';
 export { MoversMatchByWritingAnswerRenderer } from './MoversMatchByWritingAnswerRenderer';
 export { MoversMatchWordToPictureRenderer } from './MoversMatchWordToPictureRenderer';

package/dist/components/exams/take/components/question-renderers/index.js

@@ -20,6 +20,7 @@ export { MoversCrossOutWordGroupRenderer } from './MoversCrossOutWordGroupRender
 export { MoversAnswerTheQuestionRenderer } from './MoversAnswerTheQuestionRenderer';
 export { MoversWriteSentencesRenderer } from './MoversWriteSentencesRenderer';
 export { MoversWordOrderingRenderer } from './MoversWordOrderingRenderer';
+export { MoversWordOrderingGroupRenderer } from './MoversWordOrderingGroupRenderer';
 export { MoversWordFillParagraphRenderer } from './MoversWordFillParagraphRenderer';
 export { MoversMatchByWritingAnswerRenderer } from './MoversMatchByWritingAnswerRenderer';
 export { MoversMatchWordToPictureRenderer } from './MoversMatchWordToPictureRenderer';

package/dist/components/exams/take/utils/answer-transformers.js

@@ -92,7 +92,8 @@ function findParentQuestion(subQuestionId, parts) {
             part.questionType === 'MATCHING_WITH_LINES_GROUP' ||
             part.questionType === 'WORD_ORDER_AND_MATCH_GROUP' ||
             part.questionType === 'SPONTANEOUS_QA_GROUP' ||
-            part.questionType === 'ANSWER_THE_QUESTION_GROUP') {
+            part.questionType === 'ANSWER_THE_QUESTION_GROUP' ||
+            part.questionType === 'WORD_ORDERING_GROUP') {
             const parent = part.questions.find((question) => subQuestionId.startsWith(`${question.id}-item-`));
             if (parent) {
                 return {
@@ -397,6 +398,12 @@ export function transformAnswersForSubmission(answers, parts) {
                     }
                     return { answers: [] };
                 }
+                if (parentType === 'WORD_ORDERING_GROUP') {
+                    if (Array.isArray(raw)) {
+                        return raw.filter((token) => typeof token === 'string');
+                    }
+                    return [];
+                }
                 if (parentType === 'WORD_ORDER_AND_MATCH_GROUP') {
                     if (raw && typeof raw === 'object' && !Array.isArray(raw)) {
                         const obj = raw;

package/dist/components/exams/take/utils/question-transformers.d.ts

@@ -5,7 +5,7 @@
  * Each transformer handles specific question type data structure.
  */
 import type { FillBlankQuestion, ChooseBestAnswerQuestion, PictureChooseSubQuestion, PictureFillBlankSubQuestion, ReadingPassageQuestion, LabelThePictureLabel, FillWordHintSubQuestion, ColoringHintItem, ColoringRegion } from '../types';
-export type QuestionType = 'FILL_IN_BLANK' | 'WRITE_CORRECT_VERB_FORM' | 'CHOOSE_THE_CORRECT_ANSWER' | 'CHOOSE_THE_CORRECT_ANSWER_GROUP' | 'CHOOSE_CORRECT_ADJECTIVE' | 'WRITE_A_SHORT_LETTER' | 'READ_AND_COLOR_OBJECTS' | 'LOOK_PICTURE_CHOOSE_CORRECT_ANSWER' | 'LOOK_PICTURE_FILL_BLANK_CHOOSE_ANSWER' | 'READ_PASSAGE_AND_ANSWER_QUESTIONS' | 'LABEL_THE_PICTURE' | 'LOOK_PICTURE_FILL_WORD_HINT' | 'FILL_MISSING_WORDS_IN_GRID' | 'IMAGE_OBJECT_MATCHING' | 'ANSWER_THE_QUESTION' | 'ANSWER_THE_QUESTION_GROUP' | 'TRUE_FALSE' | 'TRUE_FALSE_GROUP' | 'TRUE_FALSE_CORRECT_GROUP' | 'FILL_IN_BLANK_GROUP' | 'MATCHING_WITH_LINES_GROUP' | 'CROSS_OUT_WORD_GROUP' | 'WORD_ORDERING' | 'WORD_FILL_PARAGRAPH' | 'MATCH_BY_WRITING_ANSWER' | 'MATCH_WORD_TO_PICTURE' | 'WRITE_SENTENCES' | 'WORD_FILL_STRUCTURED_FORM' | 'CROSSWORD_PUZZLE' | 'FIND_WORDS_IN_MATRIX' | 'WORD_ORDER_AND_MATCH_GROUP' | 'LISTEN_AND_CHOOSE_OBJECTS_IN_SCENE' | 'LISTEN_AND_CHOOSE_FROM_ANSWER_GROUP' | 'LISTEN_AND_DRAG_OBJECTS_INTO_SCENE' | 'LISTEN_AND_SPEAK_ANSWER' | 'LISTEN_AND_SPEAK_COMPARE_IMAGES' | 'LISTEN_AND_SPEAK_WITH_STORY_IMAGES' | 'LISTEN_AND_SPEAK_IMAGE_GROUP' | 'LISTEN_AND_SPEAK_ODD_ONE_OUT' | 'LISTEN_AND_SPEAK_QUESTION_LIST' | 'LISTEN_AND_SPEAK_INFO_EXCHANGE' | 'READ_DISPLAYED_CONTENT' | 'SPEAKING_DESCRIBE_IMAGE' | 'SPONTANEOUS_QA' | 'SPONTANEOUS_QA_GROUP' | 'SPEAKING_CONVERSATION' | 'GN_SPEAKING_INTERVIEW' | 'SPEAKING_CUE_CARD';
+export type QuestionType = 'FILL_IN_BLANK' | 'WRITE_CORRECT_VERB_FORM' | 'CHOOSE_THE_CORRECT_ANSWER' | 'CHOOSE_THE_CORRECT_ANSWER_GROUP' | 'CHOOSE_CORRECT_ADJECTIVE' | 'WRITE_A_SHORT_LETTER' | 'READ_AND_COLOR_OBJECTS' | 'LOOK_PICTURE_CHOOSE_CORRECT_ANSWER' | 'LOOK_PICTURE_FILL_BLANK_CHOOSE_ANSWER' | 'READ_PASSAGE_AND_ANSWER_QUESTIONS' | 'LABEL_THE_PICTURE' | 'LOOK_PICTURE_FILL_WORD_HINT' | 'FILL_MISSING_WORDS_IN_GRID' | 'IMAGE_OBJECT_MATCHING' | 'ANSWER_THE_QUESTION' | 'ANSWER_THE_QUESTION_GROUP' | 'TRUE_FALSE' | 'TRUE_FALSE_GROUP' | 'TRUE_FALSE_CORRECT_GROUP' | 'FILL_IN_BLANK_GROUP' | 'MATCHING_WITH_LINES_GROUP' | 'CROSS_OUT_WORD_GROUP' | 'WORD_ORDERING' | 'WORD_ORDERING_GROUP' | 'WORD_FILL_PARAGRAPH' | 'MATCH_BY_WRITING_ANSWER' | 'MATCH_WORD_TO_PICTURE' | 'WRITE_SENTENCES' | 'WORD_FILL_STRUCTURED_FORM' | 'CROSSWORD_PUZZLE' | 'FIND_WORDS_IN_MATRIX' | 'WORD_ORDER_AND_MATCH_GROUP' | 'LISTEN_AND_CHOOSE_OBJECTS_IN_SCENE' | 'LISTEN_AND_CHOOSE_FROM_ANSWER_GROUP' | 'LISTEN_AND_DRAG_OBJECTS_INTO_SCENE' | 'LISTEN_AND_SPEAK_ANSWER' | 'LISTEN_AND_SPEAK_COMPARE_IMAGES' | 'LISTEN_AND_SPEAK_WITH_STORY_IMAGES' | 'LISTEN_AND_SPEAK_IMAGE_GROUP' | 'LISTEN_AND_SPEAK_ODD_ONE_OUT' | 'LISTEN_AND_SPEAK_QUESTION_LIST' | 'LISTEN_AND_SPEAK_INFO_EXCHANGE' | 'READ_DISPLAYED_CONTENT' | 'SPEAKING_DESCRIBE_IMAGE' | 'SPONTANEOUS_QA' | 'SPONTANEOUS_QA_GROUP' | 'SPEAKING_CONVERSATION' | 'GN_SPEAKING_INTERVIEW' | 'SPEAKING_CUE_CARD';
 export interface ApiQuestion {
     id: string;
     content: any;
@@ -162,6 +162,7 @@ export declare function transformChooseTheCorrectAnswerGroup(questions: ApiQuest
     example?: import('../types').ChooseBestAnswerExample;
     instruction: string;
     audioUrl?: string;
+    imageUrl?: string;
 };
 export interface ChooseAdjectiveOption {
     id: string;
@@ -550,3 +551,17 @@ export interface MatchingWithLinesGroupPartData {
     explanation?: string;
 }
 export declare function transformMatchingWithLinesGroup(questions: ApiQuestion[]): MatchingWithLinesGroupPartData;
+export interface WordOrderingGroupQuestionItem {
+    id: string;
+    questionNumber: number;
+    words: string[];
+    answer: string[];
+    isExample: boolean;
+    points: number;
+}
+export interface WordOrderingGroupPartData {
+    questions: WordOrderingGroupQuestionItem[];
+    instruction: string;
+    explanation?: string;
+}
+export declare function transformWordOrderingGroupTake(questions: ApiQuestion[]): WordOrderingGroupPartData;

package/dist/components/exams/take/utils/question-transformers.js

@@ -376,6 +376,16 @@ export function transformChooseCorrectAnswer(questions, optionsConfig) {
         instruction: firstContent?.instruction || 'CHOOSE THE CORRECT ANSWER',
     };
 }
+function asChooseAnswerOptionId(value) {
+    if (typeof value === 'string') {
+        return value.trim();
+    }
+    if (Array.isArray(value)) {
+        const first = value.find((item) => typeof item === 'string' && item.trim() !== '');
+        return typeof first === 'string' ? first.trim() : '';
+    }
+    return '';
+}
 export function transformChooseTheCorrectAnswerGroup(questions) {
     const parent = questions[0];
     const content = parent?.content;
@@ -416,13 +426,20 @@ export function transformChooseTheCorrectAnswerGroup(questions) {
         return trimmed !== '' ? trimmed : undefined;
     };
     const groupAudioUrl = toAudioUrl(content?.meta?.audioUrl);
+    const groupImageUrlRaw = toQuestionImageUrl(content?.meta?.imageUrl);
+    const groupImageUrl = Array.isArray(groupImageUrlRaw)
+        ? groupImageUrlRaw[0]
+        : groupImageUrlRaw;
     let example;
     if (exampleItem) {
         const exampleIndex = items.indexOf(exampleItem);
         const exOptions = mapOptions(exampleItem.content?.options, `${parent.id}-ex`);
-        const exCorrect = exampleItem.correctAnswer?.answer || parentCorrect[exampleIndex] || exOptions[0]?.id || '';
+        const exCorrect = asChooseAnswerOptionId(exampleItem.correctAnswer?.answer)
+            || asChooseAnswerOptionId(parentCorrect[exampleIndex])
+            || exOptions[0]?.id
+            || '';
         const exampleImageUrl = toQuestionImageUrl(exampleItem.content?.imageUrl);
-        const exampleAudioUrl = !groupAudioUrl ? toAudioUrl(exampleItem.content?.audioUrl) : undefined;
+        const exampleAudioUrl = toAudioUrl(exampleItem.content?.audioUrl);
         example = {
             questionNumber: exampleItem.questionNumber || exampleIndex + 1,
             questionText: exampleItem.content?.question || '',
@@ -436,9 +453,11 @@ export function transformChooseTheCorrectAnswerGroup(questions) {
     const transformed = regularItems.map((item) => {
         const itemIndex = items.indexOf(item);
         const options = mapOptions(item.content?.options, `${parent.id}-item-${itemIndex}`);
-        const correctId = item.correctAnswer?.answer || parentCorrect[itemIndex] || '';
+        const correctId = asChooseAnswerOptionId(item.correctAnswer?.answer)
+            || asChooseAnswerOptionId(parentCorrect[itemIndex])
+            || '';
         const itemImageUrl = toQuestionImageUrl(item.content?.imageUrl);
-        const itemAudioUrl = !groupAudioUrl ? toAudioUrl(item.content?.audioUrl) : undefined;
+        const itemAudioUrl = toAudioUrl(item.content?.audioUrl);
         return {
             id: `${parent.id}-item-${itemIndex}`,
             questionNumber: item.questionNumber || itemIndex + 1,
@@ -456,6 +475,7 @@ export function transformChooseTheCorrectAnswerGroup(questions) {
         example,
         instruction: content?.meta?.instruction || 'Choose the correct answer.',
         ...(groupAudioUrl ? { audioUrl: groupAudioUrl } : {}),
+        ...(groupImageUrl ? { imageUrl: groupImageUrl } : {}),
     };
 }
 export function transformChooseCorrectAdjective(questions) {
@@ -1392,3 +1412,28 @@ export function transformMatchingWithLinesGroup(questions) {
         explanation: parent?.explanation,
     };
 }
+export function transformWordOrderingGroupTake(questions) {
+    const parent = questions[0];
+    const content = (parent?.content || {});
+    const items = Array.isArray(content.items) ? content.items : [];
+    const parentCorrect = Array.isArray(parent?.correct_answer?.answer)
+        ? parent.correct_answer.answer
+        : [];
+    return {
+        questions: items.map((item, index) => {
+            const isExample = item.isExample === true;
+            const fromItem = Array.isArray(item.correctAnswer?.answer) ? item.correctAnswer.answer : [];
+            const fromParent = Array.isArray(parentCorrect[index]) ? parentCorrect[index] : [];
+            return {
+                id: `${parent?.id || 'q'}-item-${index}`,
+                questionNumber: item.questionNumber || index + 1,
+                words: Array.isArray(item.content?.words) ? item.content.words : [],
+                answer: fromItem.length ? fromItem : fromParent,
+                isExample,
+                points: isExample ? 0 : (typeof item.points === 'number' ? item.points : 1),
+            };
+        }),
+        instruction: content.meta?.instruction || 'Order the words.',
+        explanation: parent?.explanation,
+    };
+}

package/dist/components/index.d.ts

@@ -1,5 +1,6 @@
 export * from './CueCardEditor';
 export * from './shared/RichTextEditor';
+export * from './shared/RichTextHtml';
 export * from './exams';
 export * from './themes';
 export * from './results';

package/dist/components/index.js

@@ -1,5 +1,6 @@
 export * from './CueCardEditor';
 export * from './shared/RichTextEditor';
+export * from './shared/RichTextHtml';
 export * from './exams';
 export * from './themes';
 export * from './results';

package/dist/components/questions/_shared/config/question-types.config.js

@@ -347,6 +347,21 @@ export const QUESTION_TYPE_CONFIG = {
         requiresContent: true,
         hasDedicatedComponent: true,
     },
+    MATCH_COLUMNS_TO_MAKE_SENTENCES: {
+        label: 'Ghép cột thành câu',
+        requiresContent: true,
+        hasDedicatedComponent: true,
+    },
+    MATCH_WORD_TO_PICTURE_GROUP: {
+        label: 'Nối từ với tranh (nhóm)',
+        requiresContent: true,
+        hasDedicatedComponent: true,
+    },
+    WORD_ORDERING_GROUP: {
+        label: 'Sắp xếp từ (nhóm)',
+        requiresContent: true,
+        hasDedicatedComponent: true,
+    },
 };
 export const QUESTION_TYPES_WITH_DEDICATED_COMPONENTS = [
     'FILL_IN_BLANK',
@@ -398,6 +413,9 @@ export const QUESTION_TYPES_WITH_DEDICATED_COMPONENTS = [
     'WORD_FILL_STRUCTURED_FORM',
     'CROSSWORD_PUZZLE',
     'FIND_WORDS_IN_MATRIX',
+    'MATCH_COLUMNS_TO_MAKE_SENTENCES',
+    'MATCH_WORD_TO_PICTURE_GROUP',
+    'WORD_ORDERING_GROUP',
 ];
 export function getQuestionTypeLabel(type) {
     return QUESTION_TYPE_CONFIG[type]?.label || type;

package/dist/components/questions/_shared/types/choose-the-correct-answer-group.type.d.ts

@@ -24,6 +24,7 @@ export interface ChooseTheCorrectAnswerGroupData {
     instruction: string;
     passage?: string;
     audioUrl?: string;
+    imageUrl?: ChooseTheCorrectAnswerGroupImageUrl;
     items: ChooseTheCorrectAnswerGroupItemData[];
     explanation?: string;
     points?: number;

package/dist/components/questions/_shared/types/index.d.ts

@@ -15,4 +15,5 @@ export * from './true-false-correct-group.type';
 export * from './fill-in-blank-group.type';
 export * from './match-word-to-picture.type';
 export * from './matching-with-lines-group.type';
+export * from './match-columns-to-make-sentences.type';
 export * from './spontaneous-qa-group.type';

package/dist/components/questions/_shared/types/index.js

@@ -15,4 +15,5 @@ export * from './true-false-correct-group.type';
 export * from './fill-in-blank-group.type';
 export * from './match-word-to-picture.type';
 export * from './matching-with-lines-group.type';
+export * from './match-columns-to-make-sentences.type';
 export * from './spontaneous-qa-group.type';

package/dist/components/questions/_shared/types/match-columns-to-make-sentences.type.d.ts

@@ -0,0 +1,56 @@
+import type { MutableRefObject } from 'react';
+export declare const MATCH_COLUMNS_TO_MAKE_SENTENCE_ITEM_TYPE: "MATCH_COLUMNS_TO_MAKE_SENTENCE";
+export declare const MATCH_COLUMNS_DEFAULT_INSTRUCTION = "Match the information to make sentences. You can use the same words more than once.";
+export type MatchColumnsColumnRole = 'stem' | 'choice';
+export interface MatchColumnsFragment {
+    id: string;
+    text: string;
+}
+export interface MatchColumnsColumn {
+    id: string;
+    label?: string;
+    role: MatchColumnsColumnRole;
+    fragments: MatchColumnsFragment[];
+}
+export interface MatchColumnsItemAnswer {
+    fragmentIds: string[];
+    sentence: string;
+}
+export interface MatchColumnsStudentItemAnswer {
+    fragmentIds: string[];
+    sentence: string;
+}
+export interface MatchColumnsGroupItemData {
+    stemFragmentId: string;
+    fragmentIds: string[];
+    sentence: string;
+    isExample?: boolean;
+    points: number;
+    questionNumber: number;
+}
+export interface MatchColumnsGroupData {
+    title?: string;
+    instruction: string;
+    columns: MatchColumnsColumn[];
+    items: MatchColumnsGroupItemData[];
+    explanation?: string;
+    points?: number;
+}
+export interface MatchColumnsGroupCreatorProps {
+    initialData?: MatchColumnsGroupData;
+    onSave?: (data: MatchColumnsGroupData) => void;
+    onCancel?: () => void;
+    onChange?: (data: MatchColumnsGroupData) => void;
+    externalErrors?: string[];
+    onUnsavedChangesChange?: (hasUnsavedChanges: boolean) => void;
+    validationRef?: MutableRefObject<{
+        triggerValidation: () => Promise<boolean>;
+        getFormData?: () => MatchColumnsGroupData;
+    } | null>;
+}
+export interface MatchColumnsGroupClientProps {
+    questionData: MatchColumnsGroupData;
+    isReviewMode?: boolean;
+    userAnswers?: MatchColumnsStudentItemAnswer[];
+    onAnswerChange?: (answers: MatchColumnsStudentItemAnswer[]) => void;
+}

package/dist/components/questions/_shared/types/match-columns-to-make-sentences.type.js

@@ -0,0 +1,2 @@
+export const MATCH_COLUMNS_TO_MAKE_SENTENCE_ITEM_TYPE = 'MATCH_COLUMNS_TO_MAKE_SENTENCE';
+export const MATCH_COLUMNS_DEFAULT_INSTRUCTION = 'Match the information to make sentences. You can use the same words more than once.';

package/dist/components/questions/_shared/types/match-word-to-picture-group.type.d.ts

@@ -0,0 +1,35 @@
+import type { MutableRefObject } from 'react';
+export declare const MATCH_WORD_TO_PICTURE_GROUP_DEFAULT_INSTRUCTION = "Look and complete.";
+export declare const MATCH_WORD_TO_PICTURE_ITEM_TYPE: "MATCH_WORD_TO_PICTURE";
+export interface MatchWordToPictureGroupItemData {
+    imageUrl: string;
+    correctAnswer: string;
+    isExample?: boolean;
+    points: number;
+    questionNumber: number;
+}
+export interface MatchWordToPictureGroupData {
+    instruction: string;
+    wordBank: string[];
+    items: MatchWordToPictureGroupItemData[];
+    explanation?: string;
+    points?: number;
+}
+export interface MatchWordToPictureGroupCreatorProps {
+    initialData?: MatchWordToPictureGroupData;
+    onSave?: (data: MatchWordToPictureGroupData) => void;
+    onCancel?: () => void;
+    onChange?: (data: MatchWordToPictureGroupData) => void;
+    externalErrors?: string[];
+    onUnsavedChangesChange?: (hasUnsavedChanges: boolean) => void;
+    validationRef?: MutableRefObject<{
+        triggerValidation: () => Promise<boolean>;
+        getFormData?: () => MatchWordToPictureGroupData;
+    } | null>;
+}
+export interface MatchWordToPictureGroupClientProps {
+    questionData: MatchWordToPictureGroupData;
+    isReviewMode?: boolean;
+    userAnswers?: string[];
+    onAnswerChange?: (answers: string[]) => void;
+}

package/dist/components/questions/_shared/types/match-word-to-picture-group.type.js

@@ -0,0 +1,2 @@
+export const MATCH_WORD_TO_PICTURE_GROUP_DEFAULT_INSTRUCTION = 'Look and complete.';
+export const MATCH_WORD_TO_PICTURE_ITEM_TYPE = 'MATCH_WORD_TO_PICTURE';

package/dist/components/questions/_shared/types/word-ordering-group.type.d.ts

@@ -0,0 +1,34 @@
+import type { MutableRefObject } from 'react';
+export declare const WORD_ORDERING_GROUP_DEFAULT_INSTRUCTION = "Order the words.";
+export declare const WORD_ORDERING_ITEM_TYPE: "WORD_ORDERING";
+export interface WordOrderingGroupItemData {
+    words: string[];
+    answer: string[];
+    isExample?: boolean;
+    points: number;
+    questionNumber: number;
+}
+export interface WordOrderingGroupData {
+    instruction: string;
+    items: WordOrderingGroupItemData[];
+    explanation?: string;
+    points?: number;
+}
+export interface WordOrderingGroupCreatorProps {
+    initialData?: WordOrderingGroupData;
+    onSave?: (data: WordOrderingGroupData) => void;
+    onCancel?: () => void;
+    onChange?: (data: WordOrderingGroupData) => void;
+    externalErrors?: string[];
+    onUnsavedChangesChange?: (hasUnsavedChanges: boolean) => void;
+    validationRef?: MutableRefObject<{
+        triggerValidation: () => Promise<boolean>;
+        getFormData?: () => WordOrderingGroupData;
+    } | null>;
+}
+export interface WordOrderingGroupClientProps {
+    questionData: WordOrderingGroupData;
+    isReviewMode?: boolean;
+    userAnswers?: string[][];
+    onAnswerChange?: (answers: string[][]) => void;
+}

package/dist/components/questions/_shared/types/word-ordering-group.type.js

@@ -0,0 +1,2 @@
+export const WORD_ORDERING_GROUP_DEFAULT_INSTRUCTION = 'Order the words.';
+export const WORD_ORDERING_ITEM_TYPE = 'WORD_ORDERING';

package/dist/components/questions/components/QuestionSearchDropdown.js

@@ -68,6 +68,9 @@ const getQuestionTypeName = (type) => {
         'READ_PASSAGE_AND_ANSWER_QUESTIONS': 'Đọc hiểu',
         'MATCH_WORD_TO_PICTURE': 'Nối từ với tranh',
         'MATCHING_WITH_LINES_GROUP': 'Nối bằng đường kẻ (nhóm)',
+        'MATCH_COLUMNS_TO_MAKE_SENTENCES': 'Ghép cột thành câu',
+        'MATCH_WORD_TO_PICTURE_GROUP': 'Nối từ với tranh (nhóm)',
+        'WORD_ORDERING_GROUP': 'Sắp xếp từ (nhóm)',
     };
     return type ? typeMap[type] || type.replace(/_/g, ' ').toLowerCase() : 'Chưa xác định';
 };

package/dist/components/questions/components/QuestionTypeSelector.js

@@ -28,6 +28,9 @@ export function QuestionTypeSelector({ value, onValueChange, disabled, }) {
         'MATCH_BY_WRITING_ANSWER',
         'MATCH_WORD_TO_PICTURE',
         'MATCHING_WITH_LINES_GROUP',
+        'MATCH_COLUMNS_TO_MAKE_SENTENCES',
+        'MATCH_WORD_TO_PICTURE_GROUP',
+        'WORD_ORDERING_GROUP',
         'WRITE_SENTENCES',
         'FILL_IN_BLANK_GROUP',
     ];

package/dist/components/questions/creator/question-type-registry.js

@@ -49,6 +49,9 @@ import { wordFillStructuredFormRegistration } from '../types/word-fill-structure
 import { wordOrderAndMatchGroupRegistration } from '../types/word-order-and-match-group/register';
 import { crosswordPuzzleRegistration } from '../types/crossword-puzzle/register';
 import { findWordsInMatrixRegistration } from '../types/find-words-in-matrix/register';
+import { matchColumnsToMakeSentencesRegistration } from '../types/match-columns-to-make-sentences/register';
+import { matchWordToPictureGroupRegistration } from '../types/match-word-to-picture-group/register';
+import { wordOrderingGroupRegistration } from '../types/word-ordering-group/register';
 // ─── Registry map ───────────────────────────────────────────────────────────
 export const questionTypeRegistry = {
     CHOOSE_THE_CORRECT_ANSWER: chooseTheCorrectAnswerRegistration,
@@ -101,4 +104,7 @@ export const questionTypeRegistry = {
     WORD_FILL_STRUCTURED_FORM: wordFillStructuredFormRegistration,
     CROSSWORD_PUZZLE: crosswordPuzzleRegistration,
     FIND_WORDS_IN_MATRIX: findWordsInMatrixRegistration,
+    MATCH_COLUMNS_TO_MAKE_SENTENCES: matchColumnsToMakeSentencesRegistration,
+    MATCH_WORD_TO_PICTURE_GROUP: matchWordToPictureGroupRegistration,
+    WORD_ORDERING_GROUP: wordOrderingGroupRegistration,
 };