@tinyweb_dev/oe-exam-sdk 0.1.28 → 0.1.29

package/dist/components/questions/types/choose-the-correct-answer/index.js

@@ -1 +1,3 @@
-export*from"./ChooseTheCorrectAnswerCreator";export*from"./ChooseTheCorrectAnswerClient";export*from"./normalize";
+export * from './ChooseTheCorrectAnswerCreator';
+export * from './ChooseTheCorrectAnswerClient';
+export * from './normalize';

package/dist/components/questions/types/choose-the-correct-answer/normalize.d.ts

@@ -10,6 +10,14 @@
  * normalized on read. Saving keeps emitting string[] + index - the backend
  * handler re-generates positional option IDs in sanitizeContent().
  */
+type RawOption = string | {
+    id?: string;
+    text?: string;
+    imageUrl?: string;
+    content?: string;
+} | null | undefined;
+/** Convert an option of any supported shape into its display string. */
+export declare function optionToString(opt: RawOption): string;
 /**
  * Normalize API options to the string[] the form expects.
  * Falls back to `fallbackCount` empty options when there is nothing to show.
@@ -25,3 +33,4 @@ export declare function normalizeChooseAnswerCorrectAnswer(rawAnswer: any, rawOp
  * `optionId` / `optionIds` aliases the backend handler also accepts.
  */
 export declare function pickRawChooseAnswer(correctAnswer: any): any;
+export {};

package/dist/components/questions/types/choose-the-correct-answer/normalize.js

@@ -1 +1,88 @@
-function r(r){return"string"==typeof r?r:"object"==typeof r&&null!==r?r.text??r.imageUrl??r.content??"":String(r??"")}export function normalizeChooseAnswerOptions(n,t=0){return Array.isArray(n)&&0!==n.length?n.map(r):Array.from({length:t},()=>"")}function n(r,n){if(null==r)return-1;const t=r=>r>=0&&(0===n.length||r<n.length);if("number"==typeof r)return t(r)?r:-1;const e=String(r),o=n.findIndex(r=>"object"==typeof r&&null!==r&&r.id===e);if(o>=0)return o;const i=e.match(/-opt-(\d+)$/);if(i){const r=parseInt(i[1],10);return t(r)?r:-1}const s=e.match(/^opt-(\d+)$/);if(s){const r=parseInt(s[1],10)-1;return t(r)?r:-1}const a=parseInt(e,10);return!isNaN(a)&&t(a)?a:-1}export function normalizeChooseAnswerCorrectAnswer(r,t){const e=Array.isArray(t)?t:[];return Array.isArray(r)?r.map(r=>n(r,e)).filter(r=>r>=0):n(r,e)}export function pickRawChooseAnswer(r){if(null!=r)return"object"!=typeof r||Array.isArray(r)?r:r.answer??r.optionIds??r.optionId}
+/**
+ * Normalizers for CHOOSE_THE_CORRECT_ANSWER data coming from the API.
+ *
+ * The API stores options in two shapes:
+ *  - legacy: string[]                          (["A", "B", "C"])
+ *  - current: Array<{ id, text?, imageUrl? }>  ([{ id: 'opt-1', text: 'A' }, ...])
+ *
+ * and correct answers as either a 0-based index (number) or an option ID
+ * ("opt-2"). The Creator form works with string[] + index, so everything is
+ * normalized on read. Saving keeps emitting string[] + index - the backend
+ * handler re-generates positional option IDs in sanitizeContent().
+ */
+/** Convert an option of any supported shape into its display string. */
+export function optionToString(opt) {
+    if (typeof opt === 'string')
+        return opt;
+    if (typeof opt === 'object' && opt !== null) {
+        return opt.text ?? opt.imageUrl ?? opt.content ?? '';
+    }
+    return String(opt ?? '');
+}
+/**
+ * Normalize API options to the string[] the form expects.
+ * Falls back to `fallbackCount` empty options when there is nothing to show.
+ */
+export function normalizeChooseAnswerOptions(rawOptions, fallbackCount = 0) {
+    if (!Array.isArray(rawOptions) || rawOptions.length === 0) {
+        return Array.from({ length: fallbackCount }, () => '');
+    }
+    return rawOptions.map(optionToString);
+}
+/** Resolve a single raw answer value to a 0-based option index, or -1. */
+function toOptionIndex(value, rawOptions) {
+    if (value === undefined || value === null)
+        return -1;
+    // Without an options list there is nothing to resolve against - keep plain indices as-is.
+    const isInBounds = (index) => index >= 0 && (rawOptions.length === 0 || index < rawOptions.length);
+    if (typeof value === 'number') {
+        return isInBounds(value) ? value : -1;
+    }
+    const strValue = String(value);
+    // Match against the stored option IDs first (handles custom IDs).
+    const byId = rawOptions.findIndex((opt) => typeof opt === 'object' && opt !== null && opt.id === strValue);
+    if (byId >= 0)
+        return byId;
+    // Positional IDs: "opt-2" (1-based) or legacy synthetic "<questionId>-opt-1" (0-based).
+    const syntheticMatch = strValue.match(/-opt-(\d+)$/);
+    if (syntheticMatch) {
+        const index = parseInt(syntheticMatch[1], 10);
+        return isInBounds(index) ? index : -1;
+    }
+    const positionalMatch = strValue.match(/^opt-(\d+)$/);
+    if (positionalMatch) {
+        const index = parseInt(positionalMatch[1], 10) - 1;
+        return isInBounds(index) ? index : -1;
+    }
+    // Plain numeric string ("2").
+    const numeric = parseInt(strValue, 10);
+    if (!isNaN(numeric) && isInBounds(numeric)) {
+        return numeric;
+    }
+    return -1;
+}
+/**
+ * Normalize an API correct answer (index, option ID, or array of either) into
+ * the index-based value the form expects. Returns -1 / [] when unresolvable.
+ */
+export function normalizeChooseAnswerCorrectAnswer(rawAnswer, rawOptions) {
+    const options = Array.isArray(rawOptions) ? rawOptions : [];
+    if (Array.isArray(rawAnswer)) {
+        return rawAnswer
+            .map((item) => toOptionIndex(item, options))
+            .filter((index) => index >= 0);
+    }
+    return toOptionIndex(rawAnswer, options);
+}
+/**
+ * Pick the raw answer value out of an API correct_answer object, supporting the
+ * `optionId` / `optionIds` aliases the backend handler also accepts.
+ */
+export function pickRawChooseAnswer(correctAnswer) {
+    if (correctAnswer === undefined || correctAnswer === null)
+        return undefined;
+    if (typeof correctAnswer !== 'object' || Array.isArray(correctAnswer)) {
+        return correctAnswer;
+    }
+    return correctAnswer.answer ?? correctAnswer.optionIds ?? correctAnswer.optionId;
+}

package/dist/components/questions/types/choose-the-correct-answer/register.js

@@ -1 +1,99 @@
-import{ChooseTheCorrectAnswerCreator as e}from"./ChooseTheCorrectAnswerCreator";import{normalizeChooseAnswerCorrectAnswer as t,normalizeChooseAnswerOptions as o,pickRawChooseAnswer as n}from"./normalize";export const chooseTheCorrectAnswerRegistration={component:e,transformInitialData:e=>{let i=e?.answer;const r=e?.content,s=e?.answer,a=e?.total_points?parseFloat(e.total_points):e?.points||r?.points||s?.points||1,p=e?.explanation||r?.explanation||s?.explanation||"",l=e?.questionGroup||{},u=l?.payload||{};if(r&&"object"==typeof r&&(void 0!==r.question||r.options)){const g=o(r.options),m=n(s),c=t(m,r.options),d=Boolean(r?.multipleAnswers??s?.multipleAnswers??e?.multipleAnswers??u?.multipleAnswers??Array.isArray(c));i={question:r.question||"",optionType:r.optionType||"text",options:g,correctAnswer:c,multipleAnswers:d,imageUrl:r.imageUrl||"",askerName:r.askerName||"",answererName:r.answererName||"",isExample:e?.isExample||s?.isExample||!1,explanation:p,points:a,groupTitle:u?.title||s?.groupTitle||"",groupContent:u?.content||s?.groupContent||"",groupImageUrl:u?.imageUrl||s?.groupImageUrl||r?.groupImageUrl||"",groupNumber:l.groupNumber||s?.groupNumber||1,articles:u?.articles||s?.articles||void 0}}else s&&"object"==typeof s&&(void 0!==s.question||s.options)&&(i={...s,multipleAnswers:Boolean(s?.multipleAnswers??e?.multipleAnswers??Array.isArray(s?.correctAnswer)),optionType:s.optionType||r?.optionType||"text",imageUrl:s.imageUrl||r?.imageUrl||"",isExample:e?.isExample||s?.isExample||!1,explanation:p,points:a,groupTitle:u?.title||s?.groupTitle||"",groupContent:u?.content||s?.groupContent||"",groupImageUrl:u?.imageUrl||s?.groupImageUrl||r?.groupImageUrl||"",groupNumber:l.groupNumber||s?.groupNumber||1,articles:u?.articles||s?.articles||void 0});return i},getExtraProps:e=>({optionCount:e.optionCount||4,optionMode:e.optionMode,defaultValue:e.defaultValue,defaultQuestion:e.defaultQuestion,viewMode:e.viewMode,onUnsavedChangesChange:e.onUnsavedChangesChange,validationRef:e.validationRef,groups:e.groups,groupType:e.groupType,articleCount:e.articleCount,questionIndexInPart:e.questionIndexInPart,partId:e.partId,questionConfig:e.questionConfig,multipleAnswers:e.multipleAnswers}),wrapOnSave:(e,t)=>({type:t.questionType,content:t.state.content,points:e?.points??t.state.points??1,level:t.state.level,difficulty:t.state.difficulty,skill:t.state.skill,answer:e}),wrapOnChange:(e,t)=>({type:t.questionType,content:t.state.content,points:e?.points??t.state.points??1,level:t.state.level,difficulty:t.state.difficulty,skill:t.state.skill,answer:e})};
+import { ChooseTheCorrectAnswerCreator } from './ChooseTheCorrectAnswerCreator';
+import { normalizeChooseAnswerCorrectAnswer, normalizeChooseAnswerOptions, pickRawChooseAnswer, } from './normalize';
+export const chooseTheCorrectAnswerRegistration = {
+    component: ChooseTheCorrectAnswerCreator,
+    transformInitialData: (initialData) => {
+        let creatorData = initialData?.answer;
+        const content = initialData?.content;
+        const answer = initialData?.answer;
+        const points = initialData?.total_points
+            ? parseFloat(initialData.total_points)
+            : (initialData?.points || content?.points || answer?.points || 1);
+        const explanation = initialData?.explanation || content?.explanation || answer?.explanation || '';
+        // Extract group info from API format
+        const questionGroup = initialData?.questionGroup || {};
+        const groupPayload = questionGroup?.payload || {};
+        if (content && typeof content === 'object' && (content.question !== undefined || content.options)) {
+            // API options can be string[] or { id, text }[]; answers can be an index or an option ID
+            const optionsStrings = normalizeChooseAnswerOptions(content.options);
+            const rawCorrectAnswer = pickRawChooseAnswer(answer);
+            const normalizedCorrectAnswer = normalizeChooseAnswerCorrectAnswer(rawCorrectAnswer, content.options);
+            const isMultipleAnswers = Boolean(content?.multipleAnswers
+                ?? answer?.multipleAnswers
+                ?? initialData?.multipleAnswers
+                ?? groupPayload?.multipleAnswers
+                ?? Array.isArray(normalizedCorrectAnswer));
+            creatorData = {
+                question: content.question || '',
+                optionType: content.optionType || 'text',
+                options: optionsStrings,
+                correctAnswer: normalizedCorrectAnswer,
+                multipleAnswers: isMultipleAnswers,
+                imageUrl: content.imageUrl || '',
+                askerName: content.askerName || '',
+                answererName: content.answererName || '',
+                isExample: initialData?.isExample || answer?.isExample || false,
+                explanation,
+                points,
+                // Add group stuff
+                groupTitle: groupPayload?.title || answer?.groupTitle || '',
+                groupContent: groupPayload?.content || answer?.groupContent || '',
+                groupImageUrl: groupPayload?.imageUrl || answer?.groupImageUrl || content?.groupImageUrl || '',
+                groupNumber: questionGroup.groupNumber || answer?.groupNumber || 1,
+                articles: groupPayload?.articles || answer?.articles || undefined,
+            };
+        }
+        else if (answer && typeof answer === 'object' && (answer.question !== undefined || answer.options)) {
+            creatorData = {
+                ...answer,
+                multipleAnswers: Boolean(answer?.multipleAnswers ?? initialData?.multipleAnswers ?? Array.isArray(answer?.correctAnswer)),
+                optionType: answer.optionType || content?.optionType || 'text',
+                imageUrl: answer.imageUrl || content?.imageUrl || '',
+                isExample: initialData?.isExample || answer?.isExample || false,
+                explanation,
+                points,
+                // Add group stuff
+                groupTitle: groupPayload?.title || answer?.groupTitle || '',
+                groupContent: groupPayload?.content || answer?.groupContent || '',
+                groupImageUrl: groupPayload?.imageUrl || answer?.groupImageUrl || content?.groupImageUrl || '',
+                groupNumber: questionGroup.groupNumber || answer?.groupNumber || 1,
+                articles: groupPayload?.articles || answer?.articles || undefined,
+            };
+        }
+        return creatorData;
+    },
+    getExtraProps: (ctx) => ({
+        optionCount: ctx.optionCount || 4,
+        optionMode: ctx.optionMode,
+        defaultValue: ctx.defaultValue,
+        defaultQuestion: ctx.defaultQuestion,
+        viewMode: ctx.viewMode,
+        onUnsavedChangesChange: ctx.onUnsavedChangesChange,
+        validationRef: ctx.validationRef,
+        groups: ctx.groups,
+        groupType: ctx.groupType,
+        articleCount: ctx.articleCount,
+        questionIndexInPart: ctx.questionIndexInPart,
+        partId: ctx.partId,
+        questionConfig: ctx.questionConfig,
+        multipleAnswers: ctx.multipleAnswers,
+    }),
+    wrapOnSave: (data, ctx) => ({
+        type: ctx.questionType,
+        content: ctx.state.content,
+        points: data?.points ?? ctx.state.points ?? 1,
+        level: ctx.state.level,
+        difficulty: ctx.state.difficulty,
+        skill: ctx.state.skill,
+        answer: data,
+    }),
+    wrapOnChange: (data, ctx) => ({
+        type: ctx.questionType,
+        content: ctx.state.content,
+        points: data?.points ?? ctx.state.points ?? 1,
+        level: ctx.state.level,
+        difficulty: ctx.state.difficulty,
+        skill: ctx.state.skill,
+        answer: data,
+    }),
+};

package/dist/components/questions/types/choose-the-correct-answer/transform.js

@@ -1 +1,70 @@
-export const transformChooseTheCorrectAnswer=e=>{const r=e.answer;if(!r?.options||void 0===r.correctAnswer)return{apiContent:{},apiCorrectAnswer:{}};const t={question:r.question||"",optionType:r.optionType||"text",options:r.options,...r.multipleAnswers?{multipleAnswers:!0}:{}};r.imageUrl&&(t.imageUrl=r.imageUrl),r.askerName&&(t.askerName=r.askerName),r.answererName&&(t.answererName=r.answererName);const o=!!(r.groupTitle||r.groupSubtitle||r.groupContent||r.groupImageUrl||r.articles&&r.articles.length>0)?{title:r.groupTitle||"",subtitle:r.groupSubtitle||"",content:r.groupContent||"",imageUrl:r.groupImageUrl||"",...r.articles?{articles:r.articles}:{}}:void 0,i=(e,r=[])=>{if("number"==typeof e)return r[e]&&"object"==typeof r[e]&&r[e].id?r[e].id:`opt-${e+1}`;if("string"==typeof e){if(e.startsWith("opt-")||isNaN(Number(e)))return e;const t=parseInt(e,10);if(!isNaN(t))return r[t]&&"object"==typeof r[t]&&r[t].id?r[t].id:`opt-${t+1}`}return String(e??"")};return{apiContent:t,apiCorrectAnswer:{answer:((e,r=[])=>Array.isArray(e)?e.map(e=>i(e,r)):i(e,r))(r.correctAnswer,r.options),...r.multipleAnswers?{multipleAnswers:!0}:{}},isExample:r.isExample||!1,basicGroupData:o,groupNumber:r.groupNumber||1}};
+export const transformChooseTheCorrectAnswer = (question) => {
+    const answerData = question.answer;
+    if (!answerData?.options || answerData.correctAnswer === undefined) {
+        return { apiContent: {}, apiCorrectAnswer: {} };
+    }
+    const apiContent = {
+        question: answerData.question || '',
+        optionType: answerData.optionType || 'text',
+        options: answerData.options,
+        ...(answerData.multipleAnswers ? { multipleAnswers: true } : {}),
+    };
+    // Per-question image goes into content (not group card)
+    if (answerData.imageUrl) {
+        apiContent.imageUrl = answerData.imageUrl;
+    }
+    if (answerData.askerName) {
+        apiContent.askerName = answerData.askerName;
+    }
+    if (answerData.answererName) {
+        apiContent.answererName = answerData.answererName;
+    }
+    // Build basicGroupData when any group field is present
+    const hasGroupData = !!(answerData.groupTitle || answerData.groupSubtitle || answerData.groupContent || answerData.groupImageUrl || (answerData.articles && answerData.articles.length > 0));
+    const basicGroupData = hasGroupData
+        ? {
+            title: answerData.groupTitle || '',
+            subtitle: answerData.groupSubtitle || '',
+            content: answerData.groupContent || '',
+            imageUrl: answerData.groupImageUrl || '',
+            ...(answerData.articles ? { articles: answerData.articles } : {}),
+        }
+        : undefined;
+    const formatSingleOptionId = (val, options = []) => {
+        if (typeof val === 'number') {
+            if (options[val] && typeof options[val] === 'object' && options[val].id) {
+                return options[val].id;
+            }
+            return `opt-${val + 1}`;
+        }
+        if (typeof val === 'string') {
+            if (val.startsWith('opt-') || isNaN(Number(val))) {
+                return val;
+            }
+            const num = parseInt(val, 10);
+            if (!isNaN(num)) {
+                if (options[num] && typeof options[num] === 'object' && options[num].id) {
+                    return options[num].id;
+                }
+                return `opt-${num + 1}`;
+            }
+        }
+        return String(val ?? '');
+    };
+    const formatCorrectAnswer = (ans, options = []) => {
+        if (Array.isArray(ans)) {
+            return ans.map((item) => formatSingleOptionId(item, options));
+        }
+        return formatSingleOptionId(ans, options);
+    };
+    return {
+        apiContent,
+        apiCorrectAnswer: {
+            answer: formatCorrectAnswer(answerData.correctAnswer, answerData.options),
+            ...(answerData.multipleAnswers ? { multipleAnswers: true } : {}),
+        },
+        isExample: answerData.isExample || false,
+        basicGroupData,
+        groupNumber: answerData.groupNumber || 1,
+    };
+};

package/dist/components/questions/types/choose-the-correct-answer-group/ChooseTheCorrectAnswerGroupClient.js

@@ -1 +1,22 @@
-"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Check as t,CircleHelp as s,Lightbulb as i,Star as a}from"lucide-react";import{cn as n}from"../../../../shared/lib/utils";const d=["A","B","C","D","E","F"];export function ChooseTheCorrectAnswerGroupClient({questionData:l,isReviewMode:o=!1,userAnswers:c=[]}){const m=l.items||[];return r("div",{className:"space-y-4",children:[l.instruction&&e("div",{className:"rounded-xl border border-indigo-100 bg-indigo-50 px-4 py-3 text-sm font-medium text-indigo-800",children:l.instruction}),m.map((i,l)=>{const m=c[l];return r("div",{className:"overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm",children:[r("div",{className:"flex items-center justify-between border-b border-gray-100 bg-gradient-to-r from-gray-50 to-white px-4 py-2.5",children:[r("div",{className:"flex items-center gap-2",children:[e("div",{className:"flex h-7 w-7 items-center justify-center rounded-lg bg-gradient-to-br from-blue-500 to-indigo-600 text-white",children:e(s,{className:"h-3.5 w-3.5"})}),r("span",{className:"text-sm font-medium text-gray-700",children:["Câu ",i.questionNumber||l+1]}),i.isExample&&r("span",{className:"inline-flex items-center gap-1 rounded-full bg-amber-100 px-2 py-0.5 text-xs font-semibold text-amber-700",children:[e(a,{className:"h-3 w-3"}),"Example"]})]}),r("span",{className:"text-xs text-gray-500",children:[i.points||0," điểm"]})]}),r("div",{className:"space-y-3 p-4",children:[e("p",{className:"text-sm font-semibold leading-relaxed text-gray-800",children:i.question||"Câu hỏi chưa được nhập"}),e("div",{className:"space-y-2",children:i.options.map((s,a)=>{const l=s.id===i.correctAnswer,c=s.id===m;return r("div",{className:n("flex items-center gap-3 rounded-lg border-2 px-3 py-2.5 text-sm",o&&l?"border-green-400 bg-green-50":c?"border-blue-400 bg-blue-50":"border-gray-200 bg-white"),children:[e("span",{className:n("flex h-7 w-7 items-center justify-center rounded-md text-xs font-bold",o&&l?"bg-green-500 text-white":"bg-gray-100 text-gray-600"),children:d[a]||a+1}),e("span",{className:"flex-1 text-gray-800",children:s.text||`Đáp án ${d[a]}`}),o&&l&&e(t,{className:"h-4 w-4 text-green-600"})]},s.id||a)})})]})]},`${i.questionNumber}-${l}`)}),o&&l.explanation&&r("div",{className:"flex items-start gap-2 rounded-xl border border-amber-100 bg-amber-50 px-4 py-3 text-sm text-amber-800",children:[e(i,{className:"mt-0.5 h-4 w-4 flex-shrink-0"}),l.explanation]})]})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BookOpen, Check, CircleHelp, Lightbulb, Star } from 'lucide-react';
+import { cn } from '../../../../shared/lib/utils';
+const OPTION_LABELS = ['A', 'B', 'C', 'D', 'E', 'F'];
+export function ChooseTheCorrectAnswerGroupClient({ questionData, isReviewMode = false, userAnswers = [], }) {
+    const items = questionData.items || [];
+    return (_jsxs("div", { className: "space-y-4", children: [questionData.instruction && (_jsx("div", { className: "rounded-xl border border-indigo-100 bg-indigo-50 px-4 py-3 text-sm font-medium text-indigo-800", children: questionData.instruction })), questionData.passage && (_jsxs("div", { className: "rounded-xl border border-gray-200 bg-white p-5 shadow-xs", children: [_jsxs("div", { className: "mb-2.5 flex items-center gap-2 text-xs font-bold uppercase tracking-wider text-indigo-700", children: [_jsx(BookOpen, { className: "h-4 w-4" }), _jsx("span", { children: "B\u00E0i \u0111\u1ECDc (Reading Passage)" })] }), _jsx("div", { className: "prose prose-sm max-w-none text-gray-800 leading-relaxed", dangerouslySetInnerHTML: { __html: questionData.passage } })] })), items.map((item, itemIndex) => {
+                const selectedId = userAnswers[itemIndex];
+                return (_jsxs("div", { className: "overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-gray-100 bg-gradient-to-r from-gray-50 to-white px-4 py-2.5", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex h-7 w-7 items-center justify-center rounded-lg bg-gradient-to-br from-blue-500 to-indigo-600 text-white", children: _jsx(CircleHelp, { className: "h-3.5 w-3.5" }) }), _jsxs("span", { className: "text-sm font-medium text-gray-700", children: ["C\u00E2u ", item.questionNumber || itemIndex + 1] }), item.isExample && (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-amber-100 px-2 py-0.5 text-xs font-semibold text-amber-700", children: [_jsx(Star, { className: "h-3 w-3" }), "Example"] }))] }), _jsxs("span", { className: "text-xs text-gray-500", children: [item.points || 0, " \u0111i\u1EC3m"] })] }), _jsxs("div", { className: "space-y-3 p-4", children: [_jsx("p", { className: "text-sm font-semibold leading-relaxed text-gray-800", children: item.question || 'Câu hỏi chưa được nhập' }), _jsx("div", { className: "space-y-2", children: item.options.map((option, optionIndex) => {
+                                        const isCorrect = option.id === item.correctAnswer;
+                                        const isSelected = option.id === selectedId;
+                                        return (_jsxs("div", { className: cn('flex items-center gap-3 rounded-lg border-2 px-3 py-2.5 text-sm', isReviewMode && isCorrect
+                                                ? 'border-green-400 bg-green-50'
+                                                : isSelected
+                                                    ? 'border-blue-400 bg-blue-50'
+                                                    : 'border-gray-200 bg-white'), children: [_jsx("span", { className: cn('flex h-7 w-7 items-center justify-center rounded-md text-xs font-bold', isReviewMode && isCorrect
+                                                        ? 'bg-green-500 text-white'
+                                                        : 'bg-gray-100 text-gray-600'), children: OPTION_LABELS[optionIndex] || optionIndex + 1 }), _jsx("span", { className: "flex-1 text-gray-800", children: option.text || `Đáp án ${OPTION_LABELS[optionIndex]}` }), isReviewMode && isCorrect && _jsx(Check, { className: "h-4 w-4 text-green-600" })] }, option.id || optionIndex));
+                                    }) })] })] }, `${item.questionNumber}-${itemIndex}`));
+            }), isReviewMode && questionData.explanation && (_jsxs("div", { className: "flex items-start gap-2 rounded-xl border border-amber-100 bg-amber-50 px-4 py-3 text-sm text-amber-800", children: [_jsx(Lightbulb, { className: "mt-0.5 h-4 w-4 flex-shrink-0" }), questionData.explanation] }))] }));
+}

package/dist/components/questions/types/choose-the-correct-answer-group/ChooseTheCorrectAnswerGroupCreator.js

@@ -1 +1,163 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useEffect as n,useRef as r,useState as i}from"react";import{Button as o}from"../../../../components/ui/button";import{Label as s}from"../../../../components/ui/label";import{Input as a}from"../../../../components/ui/input";import{Textarea as c}from"../../../../components/ui/textarea";import{PointsInput as l}from"../../../../components/ui/points-input";import{Card as p,CardContent as m,CardHeader as u,CardTitle as h}from"../../../../components/ui/card";import{Switch as d}from"../../../../components/ui/switch";import{useDebouncedCallback as g}from"../../../../shared/lib/hooks";import{Eye as x,Pencil as f,Plus as v,Star as y,Trash2 as b}from"lucide-react";import{ChooseTheCorrectAnswerGroupClient as N}from"./ChooseTheCorrectAnswerGroupClient";const C=["A","B","C","D","E","F"];function w(e){return{question:"",optionType:"text",options:[{id:"opt-1",text:""},{id:"opt-2",text:""},{id:"opt-3",text:""}],correctAnswer:"opt-1",isExample:!1,points:1,questionNumber:e}}function A(e){return e.reduce((e,t)=>t.isExample?e:e+("number"==typeof t.points?t.points:1),0)}function q(e,t){const n=Number.parseInt(e.replace(/[^0-9]/g,""),10);return Number.isNaN(n)?t?0:1:t?Math.max(0,n):Math.max(1,n)}export function ChooseTheCorrectAnswerGroupCreator({initialData:E,onChange:k,externalErrors:j,onUnsavedChangesChange:T,validationRef:$}){const[D,F]=i(E?.instruction||"Choose the correct answer."),[G,M]=i(()=>{return e=E?.items,Array.isArray(e)&&0!==e.length?e.map((e,t)=>({question:e.question||"",optionType:"image"===e.optionType?"image":"text",options:Array.isArray(e.options)&&e.options.length>=2?e.options.map((e,t)=>({id:e.id||`opt-${t+1}`,text:e.text||""})):w(t+1).options,correctAnswer:e.correctAnswer||"opt-1",isExample:!0===e.isExample,points:e.isExample?0:"number"==typeof e.points?e.points:1,questionNumber:e.questionNumber||t+1})):[w(1)];var e}),[V,O]=i(E?.explanation||""),[R,Z]=i(!1),[z,B]=i([]),H=r(k),I=r("");n(()=>{H.current=k},[k]);const J=(e=D,t=G,n=V)=>({instruction:e,items:t,explanation:n,points:A(t)}),S=g(e=>{H.current?.(e)},300);n(()=>{const e=J(),t=JSON.stringify(e);t!==I.current&&(I.current=t,T?.(!0),S(e))},[D,G,V,S,T]);n(()=>{$&&($.current={triggerValidation:async()=>{const e=(()=>{const e=[];return D.trim()||e.push("Vui lòng nhập hướng dẫn."),G.length<1&&e.push("Cần ít nhất một câu hỏi."),G.forEach((t,n)=>{t.question.trim()||e.push(`Câu ${n+1}: nội dung câu hỏi là bắt buộc.`),t.options.filter(e=>""!==e.text.trim()).length<2&&e.push(`Câu ${n+1}: cần ít nhất 2 đáp án.`),t.options.some(e=>e.id===t.correctAnswer&&""!==e.text.trim())||e.push(`Câu ${n+1}: hãy chọn đáp án đúng.`)}),e})();return B(e),0===e.length},getFormData:()=>J()})});const U=(e,t)=>{M(n=>n.map((n,r)=>r===e?{...n,...t}:n))};if(R)return t("div",{className:"space-y-4",children:[e("div",{className:"flex justify-end",children:t(o,{type:"button",variant:"outline",onClick:()=>Z(!1),children:[e(f,{className:"mr-2 h-4 w-4"}),"Chỉnh sửa"]})}),e(N,{questionData:J(),isReviewMode:!0})]});const X=[...z,...j||[]];return t("div",{className:"space-y-4",children:[e("div",{className:"flex justify-end",children:t(o,{type:"button",variant:"outline",onClick:()=>Z(!0),children:[e(x,{className:"mr-2 h-4 w-4"}),"Xem trước"]})}),t(p,{children:[e(u,{children:e(h,{children:"Nhóm chọn đáp án đúng"})}),t(m,{className:"space-y-4",children:[t("div",{className:"space-y-2",children:[e(s,{htmlFor:"group-instruction",children:"Hướng dẫn"}),e(a,{id:"group-instruction",value:D,onChange:e=>F(e.target.value),placeholder:"Choose the correct answer."})]}),t("div",{className:"rounded-xl border border-gray-200 bg-gray-50 p-4",children:[e(l,{value:A(G),allowZero:!0,readOnly:!0}),e("p",{className:"mt-2 text-xs text-gray-500",children:"Tổng điểm được cộng từ các câu không phải example."})]})]})]}),G.map((n,r)=>t(p,{children:[t(u,{className:"flex flex-row items-center justify-between space-y-0",children:[t(h,{className:"text-base",children:["Câu ",r+1]}),e(o,{type:"button",variant:"ghost",size:"sm",onClick:()=>{return e=r,void M(t=>t.length<=1?t:t.filter((t,n)=>n!==e).map((e,t)=>({...e,questionNumber:t+1})));var e},disabled:G.length<=1,children:e(b,{className:"h-4 w-4"})})]}),t(m,{className:"space-y-4",children:[t("div",{className:"flex items-center justify-between rounded-lg border border-amber-100 bg-amber-50 px-3 py-2",children:[t("div",{className:"flex items-center gap-2 text-sm font-medium text-amber-800",children:[e(y,{className:"h-4 w-4"}),"Câu ví dụ"]}),e(d,{checked:!0===n.isExample,onCheckedChange:e=>U(r,{isExample:e,points:e?0:n.points||1})})]}),t("div",{className:"space-y-2",children:[e(s,{children:"Câu hỏi"}),e(c,{value:n.question,onChange:e=>U(r,{question:e.target.value}),rows:2,placeholder:"A place for someone to stay or live is called"})]}),e("div",{className:"space-y-2",children:n.options.map((i,o)=>t("div",{className:"flex items-center gap-2",children:[e("input",{type:"radio",name:`correct-${r}`,checked:n.correctAnswer===i.id,onChange:()=>U(r,{correctAnswer:i.id})}),e("span",{className:"w-6 text-sm font-semibold text-gray-600",children:C[o]||o+1}),e(a,{value:i.text,onChange:e=>((e,t,n)=>{M(r=>r.map((r,i)=>{if(i!==e)return r;const o=r.options.map((e,r)=>r===t?{...e,text:n}:e);return{...r,options:o}}))})(r,o,e.target.value),placeholder:`Đáp án ${C[o]}`})]},i.id))}),!n.isExample&&e(l,{value:n.points,allowZero:!0,onChange:e=>U(r,{points:q(e.target.value,!0)})})]})]},`item-${r}`)),t(o,{type:"button",variant:"outline",onClick:()=>{M(e=>[...e,w(e.length+1)])},children:[e(v,{className:"mr-2 h-4 w-4"}),"Thêm câu hỏi"]}),t(p,{children:[e(u,{children:e(h,{className:"text-base",children:"Giải thích"})}),e(m,{children:e(c,{id:"explanation",value:V,onChange:e=>O(e.target.value),placeholder:"VD: Câu trả lời đúng là... vì...",rows:3})})]}),X.length>0&&e("div",{className:"rounded-xl border border-red-200 bg-red-50 p-4 text-sm text-red-700",children:X.map(t=>e("p",{children:t},t))})]})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { Button } from '../../../../components/ui/button';
+import { Label } from '../../../../components/ui/label';
+import { Input } from '../../../../components/ui/input';
+import { Textarea } from '../../../../components/ui/textarea';
+import { PointsInput } from '../../../../components/ui/points-input';
+import { Card, CardContent, CardHeader, CardTitle } from '../../../../components/ui/card';
+import { Switch } from '../../../../components/ui/switch';
+import { RichTextEditor } from '../../../../components/shared/RichTextEditor';
+import { useDebouncedCallback } from '../../../../shared/lib/hooks';
+import { Eye, Pencil, Plus, Star, Trash2 } from 'lucide-react';
+import { ChooseTheCorrectAnswerGroupClient } from './ChooseTheCorrectAnswerGroupClient';
+const OPTION_LABELS = ['A', 'B', 'C', 'D', 'E', 'F'];
+function createEmptyItem(questionNumber) {
+    return {
+        question: '',
+        optionType: 'text',
+        options: [
+            { id: 'opt-1', text: '' },
+            { id: 'opt-2', text: '' },
+            { id: 'opt-3', text: '' },
+        ],
+        correctAnswer: 'opt-1',
+        isExample: false,
+        points: 1,
+        questionNumber,
+    };
+}
+function normalizeItems(rawItems) {
+    if (!Array.isArray(rawItems) || rawItems.length === 0) {
+        return [createEmptyItem(1)];
+    }
+    return rawItems.map((item, index) => ({
+        question: item.question || '',
+        optionType: item.optionType === 'image' ? 'image' : 'text',
+        options: Array.isArray(item.options) && item.options.length >= 2
+            ? item.options.map((option, optionIndex) => ({
+                id: option.id || `opt-${optionIndex + 1}`,
+                text: option.text || '',
+            }))
+            : createEmptyItem(index + 1).options,
+        correctAnswer: item.correctAnswer || 'opt-1',
+        isExample: item.isExample === true,
+        points: item.isExample ? 0 : (typeof item.points === 'number' ? item.points : 1),
+        questionNumber: item.questionNumber || index + 1,
+    }));
+}
+function sumPoints(items) {
+    return items.reduce((total, item) => (item.isExample ? total : total + (typeof item.points === 'number' ? item.points : 1)), 0);
+}
+function parsePointsValue(raw, allowZero) {
+    const parsed = Number.parseInt(raw.replace(/[^0-9]/g, ''), 10);
+    if (Number.isNaN(parsed)) {
+        return allowZero ? 0 : 1;
+    }
+    return allowZero ? Math.max(0, parsed) : Math.max(1, parsed);
+}
+export function ChooseTheCorrectAnswerGroupCreator({ initialData, onChange, externalErrors, onUnsavedChangesChange, validationRef, }) {
+    const [instruction, setInstruction] = useState(initialData?.instruction || 'Choose the correct answer.');
+    const [passage, setPassage] = useState(initialData?.passage || '');
+    const [items, setItems] = useState(() => normalizeItems(initialData?.items));
+    const [explanation, setExplanation] = useState(initialData?.explanation || '');
+    const [isClientMode, setIsClientMode] = useState(false);
+    const [errors, setErrors] = useState([]);
+    const onChangeRef = useRef(onChange);
+    const previousPayloadRef = useRef('');
+    useEffect(() => {
+        onChangeRef.current = onChange;
+    }, [onChange]);
+    const isContentEmpty = (html) => !html || html === '<p></p>' || html === '<p><br></p>' || html.trim() === '';
+    const buildPayload = (nextInstruction = instruction, nextPassage = passage, nextItems = items, nextExplanation = explanation) => ({
+        instruction: nextInstruction,
+        ...(!isContentEmpty(nextPassage) ? { passage: nextPassage.trim() } : {}),
+        items: nextItems,
+        explanation: nextExplanation,
+        points: sumPoints(nextItems),
+    });
+    const debouncedOnChange = useDebouncedCallback((payload) => {
+        onChangeRef.current?.(payload);
+    }, 300);
+    useEffect(() => {
+        const payload = buildPayload();
+        const serialized = JSON.stringify(payload);
+        if (serialized === previousPayloadRef.current) {
+            return;
+        }
+        previousPayloadRef.current = serialized;
+        onUnsavedChangesChange?.(true);
+        debouncedOnChange(payload);
+    }, [instruction, passage, items, explanation, debouncedOnChange, onUnsavedChangesChange]);
+    const validate = () => {
+        const nextErrors = [];
+        if (!instruction.trim()) {
+            nextErrors.push('Vui lòng nhập hướng dẫn.');
+        }
+        if (items.length < 1) {
+            nextErrors.push('Cần ít nhất một câu hỏi.');
+        }
+        items.forEach((item, index) => {
+            if (!item.question.trim()) {
+                nextErrors.push(`Câu ${index + 1}: nội dung câu hỏi là bắt buộc.`);
+            }
+            const filledOptions = item.options.filter((option) => option.text.trim() !== '');
+            if (filledOptions.length < 2) {
+                nextErrors.push(`Câu ${index + 1}: cần ít nhất 2 đáp án.`);
+            }
+            if (!item.options.some((option) => option.id === item.correctAnswer && option.text.trim() !== '')) {
+                nextErrors.push(`Câu ${index + 1}: hãy chọn đáp án đúng.`);
+            }
+        });
+        return nextErrors;
+    };
+    useEffect(() => {
+        if (!validationRef) {
+            return;
+        }
+        validationRef.current = {
+            triggerValidation: async () => {
+                const nextErrors = validate();
+                setErrors(nextErrors);
+                return nextErrors.length === 0;
+            },
+            getFormData: () => buildPayload(),
+        };
+    });
+    const updateItem = (index, patch) => {
+        setItems((current) => current.map((item, itemIndex) => (itemIndex === index ? { ...item, ...patch } : item)));
+    };
+    const updateOptionText = (itemIndex, optionIndex, text) => {
+        setItems((current) => current.map((item, index) => {
+            if (index !== itemIndex) {
+                return item;
+            }
+            const options = item.options.map((option, currentOptionIndex) => (currentOptionIndex === optionIndex ? { ...option, text } : option));
+            return { ...item, options };
+        }));
+    };
+    const addItem = () => {
+        setItems((current) => [...current, createEmptyItem(current.length + 1)]);
+    };
+    const removeItem = (index) => {
+        setItems((current) => {
+            if (current.length <= 1) {
+                return current;
+            }
+            return current
+                .filter((_, itemIndex) => itemIndex !== index)
+                .map((item, itemIndex) => ({ ...item, questionNumber: itemIndex + 1 }));
+        });
+    };
+    if (isClientMode) {
+        return (_jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "flex justify-end", children: _jsxs(Button, { type: "button", variant: "outline", onClick: () => setIsClientMode(false), children: [_jsx(Pencil, { className: "mr-2 h-4 w-4" }), "Ch\u1EC9nh s\u1EEDa"] }) }), _jsx(ChooseTheCorrectAnswerGroupClient, { questionData: buildPayload(), isReviewMode: true })] }));
+    }
+    const allErrors = [...errors, ...(externalErrors || [])];
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "flex justify-end", children: _jsxs(Button, { type: "button", variant: "outline", onClick: () => setIsClientMode(true), children: [_jsx(Eye, { className: "mr-2 h-4 w-4" }), "Xem tr\u01B0\u1EDBc"] }) }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Nh\u00F3m ch\u1ECDn \u0111\u00E1p \u00E1n \u0111\u00FAng" }) }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "group-instruction", children: "H\u01B0\u1EDBng d\u1EABn" }), _jsx(Input, { id: "group-instruction", value: instruction, onChange: (event) => setInstruction(event.target.value), placeholder: "Choose the correct answer." })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "N\u1ED9i dung b\u00E0i \u0111\u1ECDc (Passage - Tu\u1EF3 ch\u1ECDn)" }), _jsx(RichTextEditor, { value: passage, onChange: setPassage, minHeightClassName: "min-h-[160px]" })] }), _jsxs("div", { className: "rounded-xl border border-gray-200 bg-gray-50 p-4", children: [_jsx(PointsInput, { value: sumPoints(items), allowZero: true, readOnly: true }), _jsx("p", { className: "mt-2 text-xs text-gray-500", children: "T\u1ED5ng \u0111i\u1EC3m \u0111\u01B0\u1EE3c c\u1ED9ng t\u1EEB c\u00E1c c\u00E2u kh\u00F4ng ph\u1EA3i example." })] })] })] }), items.map((item, itemIndex) => (_jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0", children: [_jsxs(CardTitle, { className: "text-base", children: ["C\u00E2u ", itemIndex + 1] }), _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => removeItem(itemIndex), disabled: items.length <= 1, children: _jsx(Trash2, { className: "h-4 w-4" }) })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { className: "flex items-center justify-between rounded-lg border border-amber-100 bg-amber-50 px-3 py-2", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm font-medium text-amber-800", children: [_jsx(Star, { className: "h-4 w-4" }), "C\u00E2u v\u00ED d\u1EE5"] }), _jsx(Switch, { checked: item.isExample === true, onCheckedChange: (checked) => updateItem(itemIndex, {
+                                            isExample: checked,
+                                            points: checked ? 0 : (item.points || 1),
+                                        }) })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { children: "C\u00E2u h\u1ECFi" }), _jsx(Textarea, { value: item.question, onChange: (event) => updateItem(itemIndex, { question: event.target.value }), rows: 2, placeholder: "A place for someone to stay or live is called" })] }), _jsx("div", { className: "space-y-2", children: item.options.map((option, optionIndex) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { type: "radio", name: `correct-${itemIndex}`, checked: item.correctAnswer === option.id, onChange: () => updateItem(itemIndex, { correctAnswer: option.id }) }), _jsx("span", { className: "w-6 text-sm font-semibold text-gray-600", children: OPTION_LABELS[optionIndex] || optionIndex + 1 }), _jsx(Input, { value: option.text, onChange: (event) => updateOptionText(itemIndex, optionIndex, event.target.value), placeholder: `Đáp án ${OPTION_LABELS[optionIndex]}` })] }, option.id))) }), !item.isExample && (_jsx(PointsInput, { value: item.points, allowZero: true, onChange: (event) => updateItem(itemIndex, {
+                                    points: parsePointsValue(event.target.value, true),
+                                }) }))] })] }, `item-${itemIndex}`))), _jsxs(Button, { type: "button", variant: "outline", onClick: addItem, children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Th\u00EAm c\u00E2u h\u1ECFi"] }), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-base", children: "Gi\u1EA3i th\u00EDch" }) }), _jsx(CardContent, { children: _jsx(Textarea, { id: "explanation", value: explanation, onChange: (event) => setExplanation(event.target.value), placeholder: "VD: C\u00E2u tr\u1EA3 l\u1EDDi \u0111\u00FAng l\u00E0... v\u00EC...", rows: 3 }) })] }), allErrors.length > 0 && (_jsx("div", { className: "rounded-xl border border-red-200 bg-red-50 p-4 text-sm text-red-700", children: allErrors.map((error) => (_jsx("p", { children: error }, error))) }))] }));
+}

package/dist/components/questions/types/choose-the-correct-answer-group/index.js

@@ -1 +1,3 @@
-export*from"./ChooseTheCorrectAnswerGroupCreator";export*from"./ChooseTheCorrectAnswerGroupClient";export*from"./map-choose-the-correct-answer-group-data";
+export * from './ChooseTheCorrectAnswerGroupCreator';
+export * from './ChooseTheCorrectAnswerGroupClient';
+export * from './map-choose-the-correct-answer-group-data';

package/dist/components/questions/types/choose-the-correct-answer-group/map-choose-the-correct-answer-group-data.js

@@ -1 +1,94 @@
-function t(t){return function(t){return"object"==typeof t&&null!==t&&!Array.isArray(t)}(t)?t:{}}function e(t,e=""){return"string"==typeof t?t:e}export function createEmptyChooseAnswerGroupItem(t){return{question:"",optionType:"text",options:[{id:"opt-1",text:""},{id:"opt-2",text:""},{id:"opt-3",text:""}],correctAnswer:"opt-1",isExample:!1,points:1,questionNumber:t}}export function mapChooseAnswerGroupItem(o,n,r){const i=t(o),s=t(i.content),p=t(i.correctAnswer),a=Array.isArray(s.options)?s.options:[],u=a.length>=2?a.map((o,n)=>{const r=t(o);return{id:e(r.id,`opt-${n+1}`),text:e(r.text)}}):[{id:"opt-1",text:""},{id:"opt-2",text:""},{id:"opt-3",text:""}],c=!0===i.isExample;return{question:e(s.question)||e(i.question),optionType:"image"===e(s.optionType)?"image":"text",options:u,correctAnswer:e(p.answer)||r||u[0]?.id||"opt-1",isExample:c,points:c?0:"number"==typeof i.points?i.points:1,questionNumber:"number"==typeof i.questionNumber?i.questionNumber:n+1}}export function mapQuestionToChooseAnswerGroupData(o){const n=t(o),r=t(n.content),i=t(n.answer),s=t(n.correctAnswer??n.correct_answer??i.correctAnswer),p=String(n.explanation||i.explanation||""),a=Array.isArray(s.answer)?s.answer.map(t=>"string"==typeof t?t:void 0):[];if(Array.isArray(r.items)){const o=r.items.map((t,e)=>mapChooseAnswerGroupItem(t,e,a[e]));return{instruction:e(t(r.meta).instruction)||"Choose the correct answer.",items:o,explanation:p,points:o.reduce((t,e)=>e.isExample?t:t+(e.points||0),0)}}return Array.isArray(i.items)?{instruction:e(i.instruction,"Choose the correct answer."),items:i.items.map((t,e)=>mapChooseAnswerGroupItem(t,e,a[e])),explanation:p,points:"number"==typeof i.points?i.points:void 0}:{instruction:"Choose the correct answer.",items:[createEmptyChooseAnswerGroupItem(1)],explanation:p,points:1}}
+function isRecord(value) {
+    return typeof value === 'object' && value !== null && !Array.isArray(value);
+}
+function asRecord(value) {
+    return isRecord(value) ? value : {};
+}
+function asString(value, fallback = '') {
+    return typeof value === 'string' ? value : fallback;
+}
+export function createEmptyChooseAnswerGroupItem(questionNumber) {
+    return {
+        question: '',
+        optionType: 'text',
+        options: [
+            { id: 'opt-1', text: '' },
+            { id: 'opt-2', text: '' },
+            { id: 'opt-3', text: '' },
+        ],
+        correctAnswer: 'opt-1',
+        isExample: false,
+        points: 1,
+        questionNumber,
+    };
+}
+export function mapChooseAnswerGroupItem(item, index, fallbackAnswer) {
+    const record = asRecord(item);
+    const content = asRecord(record.content);
+    const correctAnswer = asRecord(record.correctAnswer);
+    const rawOptions = Array.isArray(content.options) ? content.options : [];
+    const options = rawOptions.length >= 2
+        ? rawOptions.map((option, optionIndex) => {
+            if (typeof option === 'string') {
+                return {
+                    id: `opt-${optionIndex + 1}`,
+                    text: option,
+                };
+            }
+            const optionRecord = asRecord(option);
+            return {
+                id: asString(optionRecord.id, `opt-${optionIndex + 1}`),
+                text: asString(optionRecord.text),
+            };
+        })
+        : [
+            { id: 'opt-1', text: '' },
+            { id: 'opt-2', text: '' },
+            { id: 'opt-3', text: '' },
+        ];
+    const isExample = record.isExample === true;
+    return {
+        question: asString(content.question) || asString(record.question),
+        optionType: asString(content.optionType) === 'image' ? 'image' : 'text',
+        options,
+        correctAnswer: asString(correctAnswer.answer) || fallbackAnswer || options[0]?.id || 'opt-1',
+        isExample,
+        points: isExample ? 0 : typeof record.points === 'number' ? record.points : 1,
+        questionNumber: typeof record.questionNumber === 'number' ? record.questionNumber : index + 1,
+    };
+}
+export function mapQuestionToChooseAnswerGroupData(question) {
+    const source = asRecord(question);
+    const content = asRecord(source.content);
+    const answer = asRecord(source.answer);
+    const correctAnswer = asRecord(source.correctAnswer ?? source.correct_answer ?? answer.correctAnswer);
+    const explanation = String(source.explanation || answer.explanation || '');
+    const fallbackAnswers = Array.isArray(correctAnswer.answer)
+        ? correctAnswer.answer.map((value) => typeof value === 'string' ? value : undefined)
+        : [];
+    if (Array.isArray(content.items)) {
+        const items = content.items.map((item, index) => mapChooseAnswerGroupItem(item, index, fallbackAnswers[index]));
+        return {
+            instruction: asString(asRecord(content.meta).instruction) || 'Choose the correct answer.',
+            passage: asString(asRecord(content.meta).passage),
+            items,
+            explanation,
+            points: items.reduce((total, item) => (item.isExample ? total : total + (item.points || 0)), 0),
+        };
+    }
+    if (Array.isArray(answer.items)) {
+        return {
+            instruction: asString(answer.instruction, 'Choose the correct answer.'),
+            passage: asString(answer.passage),
+            items: answer.items.map((item, index) => mapChooseAnswerGroupItem(item, index, fallbackAnswers[index])),
+            explanation,
+            points: typeof answer.points === 'number' ? answer.points : undefined,
+        };
+    }
+    return {
+        instruction: 'Choose the correct answer.',
+        items: [createEmptyChooseAnswerGroupItem(1)],
+        explanation,
+        points: 1,
+    };
+}