@tinyweb_dev/oe-exam-sdk 0.1.28 → 0.1.29

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

@@ -0,0 +1,114 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { FileQuestion, Loader2, Lock, Pencil, Save } from 'lucide-react';
+import { Button } from '../../../components/ui/button';
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, } from '../../../components/ui/dialog';
+import { Input } from '../../../components/ui/input';
+import { Label } from '../../../components/ui/label';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../../components/ui/select';
+import { getQuestionTypeLabel, SKILL_METADATA } from '../../../shared/constants/question-skills';
+import { t } from '../../../shared/lib/i18n';
+import { cn } from '../../../shared/lib/utils';
+import { SkillEnum } from '../../../shared/types/common.types';
+import { DIFFICULTY_LEVELS, DifficultyLevel, parseDifficultyLevel } from './difficulty';
+import { QuestionEditorRenderer } from './QuestionEditorRenderer';
+const SKILL_OPTIONS = [
+    {
+        value: SkillEnum.READING,
+        label: SKILL_METADATA[SkillEnum.READING].name,
+        emoji: SKILL_METADATA[SkillEnum.READING].emoji,
+    },
+    {
+        value: SkillEnum.WRITING,
+        label: SKILL_METADATA[SkillEnum.WRITING].name,
+        emoji: SKILL_METADATA[SkillEnum.WRITING].emoji,
+    },
+    {
+        value: SkillEnum.LISTENING,
+        label: SKILL_METADATA[SkillEnum.LISTENING].name,
+        emoji: SKILL_METADATA[SkillEnum.LISTENING].emoji,
+    },
+    {
+        value: SkillEnum.SPEAKING,
+        label: SKILL_METADATA[SkillEnum.SPEAKING].name,
+        emoji: SKILL_METADATA[SkillEnum.SPEAKING].emoji,
+    },
+];
+function parseSkill(value) {
+    if (value === SkillEnum.WRITING)
+        return SkillEnum.WRITING;
+    if (value === SkillEnum.LISTENING)
+        return SkillEnum.LISTENING;
+    if (value === SkillEnum.SPEAKING)
+        return SkillEnum.SPEAKING;
+    return SkillEnum.READING;
+}
+export function EditQuestionBankDialog({ open, onOpenChange, question, onSave, saving, }) {
+    const validationRef = useRef(null);
+    const [code, setCode] = useState('');
+    const [title, setTitle] = useState('');
+    const [difficulty, setDifficulty] = useState(DifficultyLevel.EASY);
+    const [skill, setSkill] = useState(SkillEnum.READING);
+    const [editData, setEditData] = useState({});
+    const [errors, setErrors] = useState({});
+    useEffect(() => {
+        if (!question)
+            return;
+        setCode(question.code || '');
+        setTitle(question.title || '');
+        setDifficulty(parseDifficultyLevel(String(question.difficulty || '')));
+        setSkill(parseSkill(question.skill ? String(question.skill) : null));
+        setEditData({
+            content: question.content,
+            answer: question.correctAnswer,
+            explanation: question.explanation || '',
+            points: Number(question.points),
+        });
+        setErrors({});
+    }, [question]);
+    const handleSave = async () => {
+        const newErrors = {};
+        if (!code.trim())
+            newErrors.code = t('admin.questionBank.dialog.edit.codeError');
+        if (!title.trim())
+            newErrors.title = t('admin.questionBank.dialog.edit.titleError');
+        if (Object.keys(newErrors).length > 0) {
+            setErrors(newErrors);
+            return;
+        }
+        if (validationRef.current) {
+            const isValid = await validationRef.current.triggerValidation();
+            if (!isValid)
+                return;
+        }
+        const updateData = {
+            code: code.trim(),
+            title: title.trim(),
+            difficulty,
+            skill,
+            content: editData.content,
+            correctAnswer: editData.answer ?? undefined,
+            explanation: editData.explanation,
+            points: editData.points,
+        };
+        onSave(updateData);
+    };
+    const selectedSkill = SKILL_OPTIONS.find((s) => s.value === skill);
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-4xl max-h-[90vh] flex flex-col p-0", children: [_jsx(DialogHeader, { className: "px-6 py-4 border-b bg-slate-50", children: _jsxs(DialogTitle, { className: "flex items-center gap-3 text-lg", children: [_jsx("div", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-amber-100", children: _jsx(Pencil, { className: "h-5 w-5 text-amber-600" }) }), _jsxs("div", { children: [_jsx("span", { className: "font-semibold", children: t('admin.questionBank.dialog.edit.title') }), question && (_jsxs("span", { className: "ml-2 text-sm font-normal text-slate-500", children: ["\u2022 ", question.code] }))] })] }) }), _jsx("div", { className: "flex-1 overflow-y-auto px-6 py-5", children: question && (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "space-y-4", children: [_jsxs("h3", { className: "text-base font-semibold text-slate-800 flex items-center gap-2", children: [_jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded bg-indigo-600 text-white text-xs font-bold", children: "1" }), t('admin.questionBank.dialog.edit.section1')] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsxs(Label, { htmlFor: "edit-code", className: "text-sm text-slate-600", children: [t('admin.questionBank.dialog.edit.code'), ' ', _jsx("span", { className: "text-rose-500", children: "*" })] }), _jsx(Input, { id: "edit-code", value: code, onChange: (e) => {
+                                                            setCode(e.target.value);
+                                                            if (errors.code)
+                                                                setErrors((prev) => ({ ...prev, code: undefined }));
+                                                        }, placeholder: t('admin.questionBank.dialog.edit.codePlaceholder'), className: cn('h-10', errors.code && 'border-rose-500 focus-visible:ring-rose-500') }), errors.code && _jsx("p", { className: "text-xs text-rose-500", children: errors.code })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsxs(Label, { htmlFor: "edit-title", className: "text-sm text-slate-600", children: [t('admin.questionBank.dialog.edit.titleLabel'), ' ', _jsx("span", { className: "text-rose-500", children: "*" })] }), _jsx(Input, { id: "edit-title", value: title, onChange: (e) => {
+                                                            setTitle(e.target.value);
+                                                            if (errors.title)
+                                                                setErrors((prev) => ({ ...prev, title: undefined }));
+                                                        }, placeholder: t('admin.questionBank.dialog.edit.titlePlaceholder'), className: cn('h-10', errors.title && 'border-rose-500 focus-visible:ring-rose-500') }), errors.title && _jsx("p", { className: "text-xs text-rose-500", children: errors.title })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsxs(Label, { className: "text-sm text-slate-600", children: [t('admin.questionBank.dialog.edit.difficulty'), ' ', _jsx("span", { className: "text-rose-500", children: "*" })] }), _jsxs(Select, { value: difficulty, onValueChange: (value) => setDifficulty(parseDifficultyLevel(value)), children: [_jsx(SelectTrigger, { className: "h-10 bg-white w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: DIFFICULTY_LEVELS.map((level) => (_jsx(SelectItem, { value: level.value, children: _jsxs("div", { className: "flex items-center gap-2", children: [level.icon, _jsx("span", { children: t(level.labelKey) })] }) }, level.value))) })] })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsxs(Label, { className: "text-sm text-slate-600 flex items-center gap-1", children: [t('admin.questionBank.dialog.edit.skill'), _jsx(Lock, { className: "h-3 w-3 text-slate-400" })] }), _jsxs("div", { className: "flex items-center gap-2 px-4 py-2 bg-slate-100 rounded-lg border border-slate-200 h-10", children: [_jsx("span", { children: selectedSkill?.emoji }), _jsx("span", { className: "text-sm text-slate-600 font-medium", children: selectedSkill?.label || skill }), _jsx("span", { className: "text-xs text-slate-400 ml-auto", children: t('admin.questionBank.dialog.edit.unchangeable') })] })] })] })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("h3", { className: "text-base font-semibold text-slate-800 flex items-center gap-2", children: [_jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded bg-indigo-600 text-white text-xs font-bold", children: "2" }), t('admin.questionBank.dialog.edit.section2'), _jsx(Lock, { className: "h-3.5 w-3.5 text-slate-400" })] }), _jsx("div", { className: "w-1/2", children: _jsxs("div", { className: "flex items-center gap-2 px-4 py-2.5 bg-slate-100 rounded-lg border border-slate-200 h-10", children: [_jsx(FileQuestion, { className: "h-4 w-4 text-slate-500" }), _jsx("span", { className: "text-sm text-slate-600 font-medium", children: getQuestionTypeLabel(question.questionType) }), _jsx("span", { className: "text-xs text-slate-400 ml-auto", children: t('admin.questionBank.dialog.edit.unchangeable') })] }) })] }), _jsxs("div", { className: "space-y-4", children: [_jsxs("h3", { className: "text-base font-semibold text-slate-800 flex items-center gap-2", children: [_jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded bg-indigo-600 text-white text-xs font-bold", children: "3" }), t('admin.questionBank.dialog.edit.section3')] }), _jsx("div", { className: "border rounded-lg p-4 bg-white", children: _jsx(QuestionEditorRenderer, { questionType: question.questionType, content: question.content, correctAnswer: question.correctAnswer, explanation: question.explanation, points: Number(question.points), onChange: (data) => {
+                                                setEditData({
+                                                    content: data.content,
+                                                    answer: data.answer,
+                                                    explanation: data.explanation,
+                                                    points: data.points,
+                                                });
+                                            }, validationRef: validationRef }) })] })] })) }), _jsx(DialogFooter, { className: "px-6 py-4 border-t bg-slate-50", children: _jsxs("div", { className: "flex items-center justify-between w-full", children: [_jsxs("p", { className: "text-xs text-slate-500", children: [_jsx("span", { className: "text-rose-500", children: "*" }), " ", t('admin.questionBank.dialog.edit.required')] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), disabled: saving, children: t('admin.questionBank.dialog.edit.cancel') }), _jsx(Button, { type: "button", onClick: handleSave, disabled: saving, className: "bg-indigo-600 hover:bg-indigo-700", children: saving ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), t('admin.questionBank.dialog.edit.saving')] })) : (_jsxs(_Fragment, { children: [_jsx(Save, { className: "mr-2 h-4 w-4" }), t('admin.questionBank.dialog.edit.save')] })) })] })] }) })] }) }));
+}

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

@@ -0,0 +1,23 @@
+import { type ReactNode } from 'react';
+import type { QuestionEditorRendererProps } from './types';
+/** Marketing question types supported by the question-bank editor. */
+export declare enum QuestionBankEditorType {
+    CHOOSE_THE_CORRECT_ANSWER = "CHOOSE_THE_CORRECT_ANSWER",
+    LOOK_PICTURE_CHOOSE_CORRECT_ANSWER = "LOOK_PICTURE_CHOOSE_CORRECT_ANSWER",
+    LOOK_PICTURE_FILL_BLANK_CHOOSE_ANSWER = "LOOK_PICTURE_FILL_BLANK_CHOOSE_ANSWER",
+    FILL_MISSING_WORDS_IN_GRID = "FILL_MISSING_WORDS_IN_GRID",
+    LABEL_THE_PICTURE = "LABEL_THE_PICTURE",
+    LOOK_PICTURE_FILL_WORD_HINT = "LOOK_PICTURE_FILL_WORD_HINT",
+    READ_AND_COLOR_OBJECTS = "READ_AND_COLOR_OBJECTS",
+    IMAGE_OBJECT_MATCHING = "IMAGE_OBJECT_MATCHING",
+    READ_PASSAGE_AND_ANSWER_QUESTIONS = "READ_PASSAGE_AND_ANSWER_QUESTIONS",
+    WRITE_A_SHORT_LETTER = "WRITE_A_SHORT_LETTER",
+    WRITE_CORRECT_VERB_FORM = "WRITE_CORRECT_VERB_FORM",
+    FILL_IN_BLANK = "FILL_IN_BLANK",
+    CHOOSE_CORRECT_ADJECTIVE = "CHOOSE_CORRECT_ADJECTIVE"
+}
+/**
+ * Renders the appropriate Creator for a question-bank item.
+ * Maps API content/correctAnswer into Creator initialData and back via onChange.
+ */
+export declare function QuestionEditorRenderer({ questionType, content, correctAnswer, explanation, points, onChange, validationRef, }: QuestionEditorRendererProps): ReactNode;

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

@@ -0,0 +1,75 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { t } from '../../../shared/lib/i18n';
+import { renderChooseCorrectAdjectiveEditor, renderChooseTheCorrectAnswerEditor, renderFillInBlankEditor, renderFillMissingWordsInGridEditor, renderImageObjectMatchingEditor, renderLabelThePictureEditor, renderLookPictureChooseCorrectAnswerEditor, renderLookPictureFillBlankChooseAnswerEditor, renderLookPictureFillWordHintEditor, renderReadAndColorObjectsEditor, renderReadPassageAndAnswerQuestionsEditor, renderWriteAShortLetterEditor, renderWriteCorrectVerbFormEditor, UnsupportedEditorFallback, } from './editor-adapters';
+/** Marketing question types supported by the question-bank editor. */
+export var QuestionBankEditorType;
+(function (QuestionBankEditorType) {
+    QuestionBankEditorType["CHOOSE_THE_CORRECT_ANSWER"] = "CHOOSE_THE_CORRECT_ANSWER";
+    QuestionBankEditorType["LOOK_PICTURE_CHOOSE_CORRECT_ANSWER"] = "LOOK_PICTURE_CHOOSE_CORRECT_ANSWER";
+    QuestionBankEditorType["LOOK_PICTURE_FILL_BLANK_CHOOSE_ANSWER"] = "LOOK_PICTURE_FILL_BLANK_CHOOSE_ANSWER";
+    QuestionBankEditorType["FILL_MISSING_WORDS_IN_GRID"] = "FILL_MISSING_WORDS_IN_GRID";
+    QuestionBankEditorType["LABEL_THE_PICTURE"] = "LABEL_THE_PICTURE";
+    QuestionBankEditorType["LOOK_PICTURE_FILL_WORD_HINT"] = "LOOK_PICTURE_FILL_WORD_HINT";
+    QuestionBankEditorType["READ_AND_COLOR_OBJECTS"] = "READ_AND_COLOR_OBJECTS";
+    QuestionBankEditorType["IMAGE_OBJECT_MATCHING"] = "IMAGE_OBJECT_MATCHING";
+    QuestionBankEditorType["READ_PASSAGE_AND_ANSWER_QUESTIONS"] = "READ_PASSAGE_AND_ANSWER_QUESTIONS";
+    QuestionBankEditorType["WRITE_A_SHORT_LETTER"] = "WRITE_A_SHORT_LETTER";
+    QuestionBankEditorType["WRITE_CORRECT_VERB_FORM"] = "WRITE_CORRECT_VERB_FORM";
+    QuestionBankEditorType["FILL_IN_BLANK"] = "FILL_IN_BLANK";
+    QuestionBankEditorType["CHOOSE_CORRECT_ADJECTIVE"] = "CHOOSE_CORRECT_ADJECTIVE";
+})(QuestionBankEditorType || (QuestionBankEditorType = {}));
+/**
+ * Renders the appropriate Creator for a question-bank item.
+ * Maps API content/correctAnswer into Creator initialData and back via onChange.
+ */
+export function QuestionEditorRenderer({ questionType, content, correctAnswer, explanation, points, onChange, validationRef, }) {
+    const internalValidationRef = useRef(null);
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => {
+        setMounted(true);
+    }, []);
+    const refToUse = validationRef || internalValidationRef;
+    if (!mounted) {
+        return (_jsx("div", { className: "text-center py-8 text-gray-500", children: t('admin.questionBank.dialog.edit.loading') }));
+    }
+    const adapterProps = {
+        content,
+        correctAnswer,
+        explanation,
+        points,
+        onChange,
+        validationRef: refToUse,
+    };
+    switch (questionType) {
+        case QuestionBankEditorType.CHOOSE_THE_CORRECT_ANSWER:
+            return renderChooseTheCorrectAnswerEditor(adapterProps);
+        case QuestionBankEditorType.LOOK_PICTURE_CHOOSE_CORRECT_ANSWER:
+            return renderLookPictureChooseCorrectAnswerEditor(adapterProps);
+        case QuestionBankEditorType.LOOK_PICTURE_FILL_BLANK_CHOOSE_ANSWER:
+            return renderLookPictureFillBlankChooseAnswerEditor(adapterProps);
+        case QuestionBankEditorType.FILL_MISSING_WORDS_IN_GRID:
+            return renderFillMissingWordsInGridEditor(adapterProps);
+        case QuestionBankEditorType.LABEL_THE_PICTURE:
+            return renderLabelThePictureEditor(adapterProps);
+        case QuestionBankEditorType.LOOK_PICTURE_FILL_WORD_HINT:
+            return renderLookPictureFillWordHintEditor(adapterProps);
+        case QuestionBankEditorType.READ_AND_COLOR_OBJECTS:
+            return renderReadAndColorObjectsEditor(adapterProps);
+        case QuestionBankEditorType.IMAGE_OBJECT_MATCHING:
+            return renderImageObjectMatchingEditor(adapterProps);
+        case QuestionBankEditorType.READ_PASSAGE_AND_ANSWER_QUESTIONS:
+            return renderReadPassageAndAnswerQuestionsEditor(adapterProps);
+        case QuestionBankEditorType.WRITE_A_SHORT_LETTER:
+            return renderWriteAShortLetterEditor(adapterProps);
+        case QuestionBankEditorType.WRITE_CORRECT_VERB_FORM:
+            return renderWriteCorrectVerbFormEditor(adapterProps);
+        case QuestionBankEditorType.FILL_IN_BLANK:
+            return renderFillInBlankEditor(adapterProps);
+        case QuestionBankEditorType.CHOOSE_CORRECT_ADJECTIVE:
+            return renderChooseCorrectAdjectiveEditor(adapterProps);
+        default:
+            return (_jsx(UnsupportedEditorFallback, { questionType: questionType, content: content, correctAnswer: correctAnswer, explanation: explanation }));
+    }
+}

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

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+import type { MessageKey } from '../../../shared/lib/i18n';
+/** Question-bank difficulty values (API wire format). */
+export declare enum DifficultyLevel {
+    EASY = "easy",
+    MEDIUM = "medium",
+    HARD = "hard"
+}
+export interface DifficultyLevelOption {
+    value: DifficultyLevel;
+    labelKey: MessageKey;
+    icon: ReactNode;
+}
+export declare const DIFFICULTY_LEVELS: DifficultyLevelOption[];
+export declare function parseDifficultyLevel(value: string | null | undefined): DifficultyLevel;

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

@@ -0,0 +1,33 @@
+import { Sparkles, Target, Zap } from 'lucide-react';
+import { createElement } from 'react';
+/** Question-bank difficulty values (API wire format). */
+export var DifficultyLevel;
+(function (DifficultyLevel) {
+    DifficultyLevel["EASY"] = "easy";
+    DifficultyLevel["MEDIUM"] = "medium";
+    DifficultyLevel["HARD"] = "hard";
+})(DifficultyLevel || (DifficultyLevel = {}));
+export const DIFFICULTY_LEVELS = [
+    {
+        value: DifficultyLevel.EASY,
+        labelKey: 'admin.questionBank.difficulty.easy',
+        icon: createElement(Zap, { className: 'h-3.5 w-3.5' }),
+    },
+    {
+        value: DifficultyLevel.MEDIUM,
+        labelKey: 'admin.questionBank.difficulty.medium',
+        icon: createElement(Target, { className: 'h-3.5 w-3.5' }),
+    },
+    {
+        value: DifficultyLevel.HARD,
+        labelKey: 'admin.questionBank.difficulty.hard',
+        icon: createElement(Sparkles, { className: 'h-3.5 w-3.5' }),
+    },
+];
+export function parseDifficultyLevel(value) {
+    if (value === DifficultyLevel.MEDIUM)
+        return DifficultyLevel.MEDIUM;
+    if (value === DifficultyLevel.HARD)
+        return DifficultyLevel.HARD;
+    return DifficultyLevel.EASY;
+}

package/dist/components/questions/question-bank/editor-adapters/choice-adapters.d.ts

@@ -0,0 +1,5 @@
+import type { QuestionEditorAdapterProps } from './types';
+export declare function renderChooseTheCorrectAnswerEditor({ content, correctAnswer, explanation, points, onChange, validationRef, }: QuestionEditorAdapterProps): import("react").JSX.Element;
+export declare function renderLookPictureChooseCorrectAnswerEditor({ content, correctAnswer, explanation, points, onChange, validationRef, }: QuestionEditorAdapterProps): import("react").JSX.Element;
+export declare function renderLookPictureFillBlankChooseAnswerEditor({ content, correctAnswer, explanation, points, onChange, validationRef, }: QuestionEditorAdapterProps): import("react").JSX.Element;
+export declare function renderChooseCorrectAdjectiveEditor({ content, correctAnswer, explanation, points, onChange, }: QuestionEditorAdapterProps): import("react").JSX.Element;

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

@@ -0,0 +1,101 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ChooseTheCorrectAnswerCreator } from '../../types/choose-the-correct-answer/ChooseTheCorrectAnswerCreator';
+import { normalizeChooseAnswerCorrectAnswer, normalizeChooseAnswerOptions, pickRawChooseAnswer, } from '../../types/choose-the-correct-answer/normalize';
+import { LookPictureChooseCorrectAnswer } from '../../types/look-picture-choose-correct-answer/LookPictureChooseCorrectAnswerCreator';
+import { LookPictureFillBlankChooseAnswer } from '../../types/look-picture-fill-blank-choose-answer/LookPictureFillBlankChooseAnswerCreator';
+import { ChooseCorrectAdjectiveCreator } from '../../types/choose-correct-adjective/ChooseCorrectAdjectiveCreator';
+export function renderChooseTheCorrectAnswerEditor({ content, correctAnswer, explanation, points, onChange, validationRef, }) {
+    const rawOptions = content.options;
+    const initialData = {
+        question: content.question || '',
+        options: normalizeChooseAnswerOptions(rawOptions, 4),
+        correctAnswer: normalizeChooseAnswerCorrectAnswer(pickRawChooseAnswer(correctAnswer), rawOptions),
+        multipleAnswers: Boolean(content.multipleAnswers ??
+            correctAnswer?.multipleAnswers),
+        imageUrl: content.imageUrl || '',
+        audioUrl: content.audioUrl || '',
+        askerName: content.askerName || '',
+        answererName: content.answererName || '',
+        explanation: explanation || '',
+        points: points || 1,
+    };
+    return (_jsx(ChooseTheCorrectAnswerCreator, { initialData: initialData, validationRef: validationRef, onChange: (data) => {
+            onChange?.({
+                content: {
+                    question: data?.question,
+                    options: data?.options,
+                    imageUrl: data?.imageUrl,
+                    audioUrl: data?.audioUrl,
+                    askerName: data?.askerName,
+                    answererName: data?.answererName,
+                    ...(data?.multipleAnswers ? { multipleAnswers: true } : {}),
+                },
+                answer: {
+                    answer: data?.correctAnswer,
+                    ...(data?.multipleAnswers ? { multipleAnswers: true } : {}),
+                },
+                explanation: data?.explanation,
+                points: data?.points,
+            });
+        } }));
+}
+export function renderLookPictureChooseCorrectAnswerEditor({ content, correctAnswer, explanation, points, onChange, validationRef, }) {
+    const initialData = {
+        imageUrl: content.imageUrl || '',
+        options: content.options || ['', ''],
+        correctAnswer: correctAnswer?.answer ?? -1,
+        explanation: explanation || '',
+        points: points || 1,
+    };
+    return (_jsx(LookPictureChooseCorrectAnswer, { initialData: initialData, validationRef: validationRef, onChange: (data) => {
+            onChange?.({
+                content: { imageUrl: data?.imageUrl, options: data?.options },
+                answer: { answer: data?.correctAnswer },
+                explanation: data?.explanation,
+                points: data?.points,
+            });
+        } }));
+}
+export function renderLookPictureFillBlankChooseAnswerEditor({ content, correctAnswer, explanation, points, onChange, validationRef, }) {
+    const initialData = {
+        imageUrl: content.imageUrl || '',
+        question: content.question || '',
+        options: content.options || ['', '', '', ''],
+        correctAnswer: correctAnswer?.answer ?? -1,
+        explanation: explanation || '',
+        points: points || 1,
+    };
+    return (_jsx(LookPictureFillBlankChooseAnswer, { initialData: initialData, validationRef: validationRef, onChange: (data) => {
+            onChange?.({
+                content: {
+                    imageUrl: data?.imageUrl,
+                    question: data?.question,
+                    options: data?.options,
+                },
+                answer: { answer: data?.correctAnswer },
+                explanation: data?.explanation,
+                points: data?.points,
+            });
+        } }));
+}
+export function renderChooseCorrectAdjectiveEditor({ content, correctAnswer, explanation, points, onChange, }) {
+    const initialData = {
+        sentence: content.sentence || '',
+        options: content.options || ['', '', ''],
+        correctAnswer: correctAnswer?.answer ?? -1,
+        explanation: explanation || '',
+        points: points || 1,
+    };
+    return (_jsx(ChooseCorrectAdjectiveCreator, { initialData: initialData, onChange: (data) => {
+            onChange?.({
+                content: {
+                    sentence: data?.sentence,
+                    options: data?.options,
+                },
+                answer: { answer: data?.correctAnswer },
+                explanation: data?.explanation,
+                points: data?.points,
+            });
+        } }));
+}

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

@@ -0,0 +1,5 @@
+export { renderChooseTheCorrectAnswerEditor, renderLookPictureChooseCorrectAnswerEditor, renderLookPictureFillBlankChooseAnswerEditor, renderChooseCorrectAdjectiveEditor, } from './choice-adapters';
+export { renderFillMissingWordsInGridEditor, renderLabelThePictureEditor, renderLookPictureFillWordHintEditor, renderReadAndColorObjectsEditor, renderImageObjectMatchingEditor, } from './media-adapters';
+export { renderReadPassageAndAnswerQuestionsEditor, renderWriteAShortLetterEditor, renderWriteCorrectVerbFormEditor, renderFillInBlankEditor, } from './writing-adapters';
+export { UnsupportedEditorFallback } from './unsupported-fallback';
+export type { QuestionEditorAdapterProps, QuestionEditorChangeData } from './types';

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

@@ -0,0 +1,4 @@
+export { renderChooseTheCorrectAnswerEditor, renderLookPictureChooseCorrectAnswerEditor, renderLookPictureFillBlankChooseAnswerEditor, renderChooseCorrectAdjectiveEditor, } from './choice-adapters';
+export { renderFillMissingWordsInGridEditor, renderLabelThePictureEditor, renderLookPictureFillWordHintEditor, renderReadAndColorObjectsEditor, renderImageObjectMatchingEditor, } from './media-adapters';
+export { renderReadPassageAndAnswerQuestionsEditor, renderWriteAShortLetterEditor, renderWriteCorrectVerbFormEditor, renderFillInBlankEditor, } from './writing-adapters';
+export { UnsupportedEditorFallback } from './unsupported-fallback';

package/dist/components/questions/question-bank/editor-adapters/media-adapters.d.ts

@@ -0,0 +1,6 @@
+import type { QuestionEditorAdapterProps } from './types';
+export declare function renderFillMissingWordsInGridEditor({ content, correctAnswer, onChange, }: QuestionEditorAdapterProps): import("react").JSX.Element;
+export declare function renderLabelThePictureEditor({ content, explanation, points, onChange, validationRef, }: QuestionEditorAdapterProps): import("react").JSX.Element;
+export declare function renderLookPictureFillWordHintEditor({ content, correctAnswer, explanation, points, onChange, validationRef, }: QuestionEditorAdapterProps): import("react").JSX.Element;
+export declare function renderReadAndColorObjectsEditor({ content, correctAnswer, explanation, points, onChange, validationRef, }: QuestionEditorAdapterProps): import("react").JSX.Element;
+export declare function renderImageObjectMatchingEditor({ content, correctAnswer, explanation, points, onChange, validationRef, }: QuestionEditorAdapterProps): import("react").JSX.Element;

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

@@ -0,0 +1,140 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FillMissingWordsInGridCreator } from '../../types/fill-missing-words-in-grid/FillMissingWordsInGridCreator';
+import { LabelThePictureCreator } from '../../types/label-the-picture/LabelThePictureCreator';
+import { LookPictureFillWordHintCreator } from '../../types/look-picture-fill-word-hint/LookPictureFillWordHintCreator';
+import { ReadAndColorObjectsCreator } from '../../types/read-and-color-objects/ReadAndColorObjectsCreator';
+import { ImageObjectMatchingCreator } from '../../types/image-object-matching/ImageObjectMatchingCreator';
+export function renderFillMissingWordsInGridEditor({ content, correctAnswer, onChange, }) {
+    const initialData = {
+        content: {
+            grid: content.grid || [],
+            rows: content.rows || 5,
+            columns: content.columns || 5,
+            disabledCells: content.disabledCells || [],
+        },
+        answer: {
+            answers: correctAnswer?.answers || {},
+            caseSensitive: correctAnswer?.caseSensitive ?? false,
+        },
+    };
+    return (_jsx(FillMissingWordsInGridCreator, { initialData: initialData, onChange: (data) => {
+            onChange?.({
+                content: {
+                    grid: data?.content?.grid,
+                    rows: data?.content?.rows,
+                    columns: data?.content?.columns,
+                    disabledCells: data?.content?.disabledCells,
+                },
+                answer: {
+                    answers: data?.answer?.answers,
+                    caseSensitive: data?.answer?.caseSensitive,
+                },
+                explanation: data?.explanation,
+                points: data?.points,
+            });
+        } }));
+}
+export function renderLabelThePictureEditor({ content, explanation, points, onChange, validationRef, }) {
+    const initialData = {
+        imageUrl: content.imageUrl || '',
+        wordBank: content.wordBank || [],
+        labels: content.labels || [],
+        explanation: explanation || '',
+        points: points || 1,
+    };
+    return (_jsx(LabelThePictureCreator, { initialData: initialData, validationRef: validationRef, onChange: (data) => {
+            const labelsMap = {};
+            const labels = data?.labels || [];
+            labels.forEach((label) => {
+                if (!label.isPreFilled && label.correctAnswer) {
+                    labelsMap[label.id] = label.correctAnswer;
+                }
+            });
+            onChange?.({
+                content: {
+                    imageUrl: data?.imageUrl,
+                    wordBank: data?.wordBank,
+                    labels: data?.labels,
+                },
+                answer: { labels: labelsMap },
+                explanation: data?.explanation,
+                points: data?.points,
+            });
+        } }));
+}
+export function renderLookPictureFillWordHintEditor({ content, correctAnswer, explanation, points, onChange, validationRef, }) {
+    const initialData = {
+        subQuestions: [
+            {
+                id: 'edit-1',
+                imageUrl: content.imageUrl || '',
+                word: content.word || '',
+                correctAnswer: correctAnswer?.correctAnswer || '',
+            },
+        ],
+        hintLetters: [],
+        explanation: explanation || '',
+        points: points || 1,
+    };
+    return (_jsx(LookPictureFillWordHintCreator, { initialData: initialData, validationRef: validationRef, onChange: (data) => {
+            const subQ = data?.subQuestions?.[0] || {};
+            onChange?.({
+                content: {
+                    imageUrl: subQ.imageUrl,
+                    word: subQ.word,
+                },
+                answer: { correctAnswer: subQ.correctAnswer },
+                explanation: data?.explanation,
+                points: data?.points,
+            });
+        } }));
+}
+export function renderReadAndColorObjectsEditor({ content, correctAnswer, explanation, points, onChange, validationRef, }) {
+    const initialData = {
+        backgroundImageUrl: content.backgroundImageUrl || '',
+        colorNodes: content.colorNodes || [],
+        regionNodes: content.regionNodes || [],
+        instructions: content.instructions || [],
+        regions: correctAnswer?.regions || {},
+        explanation: explanation || '',
+        points: points || 1,
+    };
+    return (_jsx(ReadAndColorObjectsCreator, { initialData: initialData, validationRef: validationRef, onChange: (data) => {
+            onChange?.({
+                content: {
+                    backgroundImageUrl: data?.backgroundImageUrl,
+                    colorNodes: data?.colorNodes,
+                    regionNodes: data?.regionNodes,
+                    instructions: data?.instructions,
+                },
+                answer: { regions: data?.regions },
+                explanation: data?.explanation,
+                points: data?.points,
+            });
+        } }));
+}
+export function renderImageObjectMatchingEditor({ content, correctAnswer, explanation, points, onChange, validationRef, }) {
+    const initialData = {
+        backgroundImageUrl: content.backgroundImageUrl || '',
+        colorNodes: content.colorNodes || [],
+        regionNodes: content.regionNodes || [],
+        instructions: content.instructions || [],
+        regions: correctAnswer?.regions || {},
+        explanation: explanation || '',
+        points: points || 1,
+    };
+    return (_jsx(ImageObjectMatchingCreator, { initialData: initialData, validationRef: validationRef, onChange: (data) => {
+            onChange?.({
+                content: {
+                    backgroundImageUrl: data?.backgroundImageUrl,
+                    colorNodes: data?.colorNodes,
+                    regionNodes: data?.regionNodes,
+                    instructions: data?.instructions,
+                },
+                answer: { regions: data?.regions },
+                explanation: data?.explanation,
+                points: data?.points,
+            });
+        } }));
+}

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

@@ -0,0 +1 @@
+export type { QuestionEditorAdapterProps, QuestionEditorChangeData } from '../types';

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

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

package/dist/components/questions/question-bank/editor-adapters/unsupported-fallback.d.ts

@@ -0,0 +1,8 @@
+interface UnsupportedEditorFallbackProps {
+    questionType: string;
+    content: Record<string, unknown>;
+    correctAnswer: Record<string, unknown> | null;
+    explanation?: string | null;
+}
+export declare function UnsupportedEditorFallback({ questionType, content, correctAnswer, explanation, }: UnsupportedEditorFallbackProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { t } from '../../../../shared/lib/i18n';
+export function UnsupportedEditorFallback({ questionType, content, correctAnswer, explanation, }) {
+    return (_jsxs("div", { className: "space-y-6", children: [_jsx("div", { className: "bg-yellow-50 border border-yellow-200 rounded-lg p-4", children: _jsxs("p", { className: "text-yellow-800 text-sm", children: [_jsx("strong", { children: t('admin.questionBank.dialog.edit.unsupportedNote') }), ' ', t('admin.questionBank.dialog.edit.unsupportedType', { type: questionType })] }) }), _jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-gray-700 mb-2", children: t('admin.questionBank.dialog.edit.contentLabel') }), _jsx("pre", { className: "max-h-60 overflow-auto rounded-lg bg-gray-50 p-3 text-xs text-gray-900 border border-gray-200", children: JSON.stringify(content, null, 2) })] }), correctAnswer && (_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-gray-700 mb-2", children: t('admin.questionBank.dialog.edit.answerLabel') }), _jsx("pre", { className: "max-h-60 overflow-auto rounded-lg bg-gray-50 p-3 text-xs text-gray-900 border border-gray-200", children: JSON.stringify(correctAnswer, null, 2) })] }))] }), explanation && (_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-gray-700 mb-2", children: t('admin.questionBank.dialog.edit.explanationLabel') }), _jsx("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-3 text-sm text-gray-900", children: explanation })] }))] }));
+}

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

@@ -0,0 +1,5 @@
+import type { QuestionEditorAdapterProps } from './types';
+export declare function renderReadPassageAndAnswerQuestionsEditor({ content, correctAnswer, explanation, points, onChange, validationRef, }: QuestionEditorAdapterProps): import("react").JSX.Element;
+export declare function renderWriteAShortLetterEditor({ content, explanation, points, onChange, validationRef, }: QuestionEditorAdapterProps): import("react").JSX.Element;
+export declare function renderWriteCorrectVerbFormEditor({ content, correctAnswer, explanation, points, onChange, validationRef, }: QuestionEditorAdapterProps): import("react").JSX.Element;
+export declare function renderFillInBlankEditor({ content, correctAnswer, explanation, points, onChange, validationRef, }: QuestionEditorAdapterProps): import("react").JSX.Element;