@tinyweb_dev/oe-exam-sdk 0.1.28 → 0.1.30

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

@@ -1 +1,36 @@
-import{ChooseTheCorrectAnswerGroupCreator as t}from"./ChooseTheCorrectAnswerGroupCreator";import{mapQuestionToChooseAnswerGroupData as e}from"./map-choose-the-correct-answer-group-data";export const chooseTheCorrectAnswerGroupRegistration={component:t,transformInitialData:t=>e(t),getExtraProps:t=>({onUnsavedChangesChange:t.onUnsavedChangesChange,validationRef:t.validationRef}),wrapOnSave:(t,e)=>{const n=t;return{type:e.questionType,content:e.state.content,points:n.points??e.state.points??1,level:e.state.level,difficulty:e.state.difficulty,skill:e.state.skill,answer:n,explanation:n.explanation||""}},wrapOnChange:(t,e)=>{const n=t;return{type:e.questionType,content:e.state.content,points:n.points??e.state.points??1,level:e.state.level,difficulty:e.state.difficulty,skill:e.state.skill,answer:n,explanation:n.explanation||""}}};
+import { ChooseTheCorrectAnswerGroupCreator } from './ChooseTheCorrectAnswerGroupCreator';
+import { mapQuestionToChooseAnswerGroupData } from './map-choose-the-correct-answer-group-data';
+export const chooseTheCorrectAnswerGroupRegistration = {
+    component: ChooseTheCorrectAnswerGroupCreator,
+    transformInitialData: (initialData) => mapQuestionToChooseAnswerGroupData(initialData),
+    getExtraProps: (ctx) => ({
+        onUnsavedChangesChange: ctx.onUnsavedChangesChange,
+        validationRef: ctx.validationRef,
+    }),
+    wrapOnSave: (data, ctx) => {
+        const payload = data;
+        return {
+            type: ctx.questionType,
+            content: ctx.state.content,
+            points: payload.points ?? ctx.state.points ?? 1,
+            level: ctx.state.level,
+            difficulty: ctx.state.difficulty,
+            skill: ctx.state.skill,
+            answer: payload,
+            explanation: payload.explanation || '',
+        };
+    },
+    wrapOnChange: (data, ctx) => {
+        const payload = data;
+        return {
+            type: ctx.questionType,
+            content: ctx.state.content,
+            points: payload.points ?? ctx.state.points ?? 1,
+            level: ctx.state.level,
+            difficulty: ctx.state.difficulty,
+            skill: ctx.state.skill,
+            answer: payload,
+            explanation: payload.explanation || '',
+        };
+    },
+};

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

@@ -1 +1,55 @@
-function t(t,e){return t?.id&&""!==t.id.trim()?t.id:`opt-${e+1}`}function e(t){return t.reduce((t,e)=>{if(e.isExample)return t;return t+("number"==typeof e.points?e.points:1)},0)}export const transformChooseTheCorrectAnswerGroup=n=>{const r=n.answer,o=Array.isArray(r?.items)?r.items:[];if(0===o.length)return{apiContent:{items:[]},apiCorrectAnswer:{answer:[]}};const s=o.map((e,n)=>{const r=(e.options||[]).map((e,n)=>({id:t(e,n),text:e.text||""})),o=e.correctAnswer||r[0]?.id||"opt-1";return{questionType:"CHOOSE_THE_CORRECT_ANSWER",...e.isExample?{isExample:!0}:{},content:{question:e.question||"",options:r,optionType:e.optionType||"text"},correctAnswer:{answer:o},points:e.isExample?0:"number"==typeof e.points?e.points:1,questionNumber:e.questionNumber||n+1}});return{apiContent:{meta:{instruction:r?.instruction||"Choose the correct answer."},items:s},apiCorrectAnswer:{answer:s.map(t=>t.correctAnswer.answer)},totalPoints:e(o)}};
+const CHILD_QUESTION_TYPE = 'CHOOSE_THE_CORRECT_ANSWER';
+function toOptionId(option, index) {
+    return option?.id && option.id.trim() !== '' ? option.id : `opt-${index + 1}`;
+}
+function sumGradablePoints(items) {
+    return items.reduce((total, item) => {
+        if (item.isExample) {
+            return total;
+        }
+        const points = typeof item.points === 'number' ? item.points : 1;
+        return total + points;
+    }, 0);
+}
+export const transformChooseTheCorrectAnswerGroup = (question) => {
+    const answerData = question.answer;
+    const items = Array.isArray(answerData?.items) ? answerData.items : [];
+    if (items.length === 0) {
+        return { apiContent: { items: [] }, apiCorrectAnswer: { answer: [] } };
+    }
+    const apiItems = items.map((item, index) => {
+        const options = (item.options || []).map((option, optionIndex) => ({
+            id: toOptionId(option, optionIndex),
+            text: option.text || '',
+        }));
+        const correctAnswer = item.correctAnswer || options[0]?.id || 'opt-1';
+        return {
+            questionType: CHILD_QUESTION_TYPE,
+            ...(item.isExample ? { isExample: true } : {}),
+            content: {
+                question: item.question || '',
+                options,
+                optionType: item.optionType || 'text',
+            },
+            correctAnswer: { answer: correctAnswer },
+            points: item.isExample ? 0 : (typeof item.points === 'number' ? item.points : 1),
+            questionNumber: item.questionNumber || index + 1,
+        };
+    });
+    const meta = {
+        instruction: answerData?.instruction || 'Choose the correct answer.',
+    };
+    if (answerData?.passage && answerData.passage.trim()) {
+        meta.passage = answerData.passage.trim();
+    }
+    return {
+        apiContent: {
+            meta,
+            items: apiItems,
+        },
+        apiCorrectAnswer: {
+            answer: apiItems.map((item) => item.correctAnswer.answer),
+        },
+        totalPoints: sumGradablePoints(items),
+    };
+};

package/dist/components/questions/types/cross-out-word-group/CrossOutWordGroupClient.js

@@ -1 +1,27 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{CircleHelp as r,Lightbulb as s,Star as i}from"lucide-react";import{cn as a}from"../../../../shared/lib/utils";function n(e){return e?"CROSS_OUT_AND_REPLACE"===e.type?`gạch "${e.crossOut}" → "${e.replaceWith||""}"`:e.crossOut?`gạch "${e.crossOut}"`:"câu đúng (không gạch)":"—"}export function CrossOutWordGroupClient({questionData:d,isReviewMode:l=!1,userAnswers:o=[]}){const c=d.items||[];return t("div",{className:"space-y-4",children:[d.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:d.instruction}),c.map((s,d)=>{const c=o[d],m="CROSS_OUT_AND_REPLACE"===s.type;return t("div",{className:"overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm",children:[t("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:[t("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(r,{className:"h-3.5 w-3.5"})}),t("span",{className:"text-sm font-medium text-gray-700",children:["Câu ",s.questionNumber||d+1]}),s.isExample&&t("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(i,{className:"h-3 w-3"}),"Example"]}),e("span",{className:a("rounded-full px-2 py-0.5 text-xs font-semibold",m?"bg-violet-100 text-violet-700":"bg-sky-100 text-sky-700"),children:m?"Gạch + thay":"Chỉ gạch"})]}),t("span",{className:"text-xs text-gray-500",children:[s.points||0," điểm"]})]}),t("div",{className:"space-y-3 p-4",children:[e("p",{className:"text-sm font-semibold leading-relaxed text-gray-800",children:s.question||"Câu hỏi chưa được nhập"}),t("div",{className:"rounded-lg border border-gray-100 bg-gray-50 px-3 py-2 text-sm text-gray-700",children:[e("span",{className:"font-medium text-gray-500",children:"Đáp án: "}),n(s.correctAnswer)]}),l&&t("div",{className:"rounded-lg border border-blue-100 bg-blue-50 px-3 py-2 text-sm text-blue-800",children:[e("span",{className:"font-medium",children:"Học sinh: "}),n(c)]})]})]},`${s.questionNumber}-${d}`)}),l&&d.explanation&&t("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(s,{className:"mt-0.5 h-4 w-4 flex-shrink-0"}),d.explanation]})]})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CircleHelp, Lightbulb, Star } from 'lucide-react';
+import { cn } from '../../../../shared/lib/utils';
+function formatAnswer(answer) {
+    if (!answer)
+        return '—';
+    const posInfo = typeof answer.wordIndex === 'number' && answer.wordIndex >= 0
+        ? ` [vị trí ${answer.wordIndex + 1}]`
+        : '';
+    if (answer.type === 'CROSS_OUT_AND_REPLACE') {
+        return `gạch "${answer.crossOut}"${posInfo} → "${answer.replaceWith || ''}"`;
+    }
+    if (!answer.crossOut || answer.wordIndex === null)
+        return 'câu đúng (không gạch)';
+    return `gạch "${answer.crossOut}"${posInfo}`;
+}
+export function CrossOutWordGroupClient({ 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 })), items.map((item, itemIndex) => {
+                const userValue = userAnswers[itemIndex];
+                const isReplace = item.type === 'CROSS_OUT_AND_REPLACE';
+                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"] })), _jsx("span", { className: cn('rounded-full px-2 py-0.5 text-xs font-semibold', isReplace
+                                                ? 'bg-violet-100 text-violet-700'
+                                                : 'bg-sky-100 text-sky-700'), children: isReplace ? 'Gạch + thay' : 'Chỉ gạch' })] }), _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' }), _jsxs("div", { className: "rounded-lg border border-gray-100 bg-gray-50 px-3 py-2 text-sm text-gray-700", children: [_jsx("span", { className: "font-medium text-gray-500", children: "\u0110\u00E1p \u00E1n: " }), formatAnswer(item.correctAnswer)] }), isReviewMode && (_jsxs("div", { className: "rounded-lg border border-blue-100 bg-blue-50 px-3 py-2 text-sm text-blue-800", children: [_jsx("span", { className: "font-medium", children: "H\u1ECDc sinh: " }), formatAnswer(userValue)] }))] })] }, `${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/cross-out-word-group/CrossOutWordGroupCreator.js

@@ -1 +1,231 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useEffect as r,useRef as n,useState as c}from"react";import{Button as s}from"../../../../components/ui/button";import{Label as i}from"../../../../components/ui/label";import{Input as a}from"../../../../components/ui/input";import{Textarea as o}from"../../../../components/ui/textarea";import{PointsInput as l}from"../../../../components/ui/points-input";import{Card as h,CardContent as m,CardHeader as u,CardTitle as d}from"../../../../components/ui/card";import{Switch as p}from"../../../../components/ui/switch";import{Select as g,SelectContent as x,SelectItem as N,SelectTrigger as C,SelectValue as f}from"../../../../components/ui/select";import{useDebouncedCallback as O}from"../../../../shared/lib/hooks";import{Eye as v,Pencil as b,Plus as y,Star as w,Trash2 as S}from"lucide-react";import{CrossOutWordGroupClient as A}from"./CrossOutWordGroupClient";function _(e,t=!1){if(""===e)return t?0:1;const r=parseInt(e.replace(/[^0-9]/g,""),10);if(Number.isNaN(r))return t?0:1;const n=t?0:1;return Math.max(n,r)}const E="Cross out the extra or incorrect word. If the word is incorrect, write the correct word. If the line is correct, leave it blank.";function R(e,t="",r=""){return"CROSS_OUT_AND_REPLACE"===e?{type:e,crossOut:t,replaceWith:r}:{type:"CROSS_OUT",crossOut:t}}function T(e){return{type:"CROSS_OUT",question:"",correctAnswer:R("CROSS_OUT"),isExample:!1,points:1,questionNumber:e}}function U(e){return e.reduce((e,t)=>t.isExample?e:e+("number"==typeof t.points?t.points:1),0)}export function CrossOutWordGroupCreator({initialData:D,onChange:q,externalErrors:W,onUnsavedChangesChange:$,validationRef:k}){const[L,P]=c(D?.instruction||E),[j,F]=c(()=>{return e=D?.items,Array.isArray(e)&&0!==e.length?e.map((e,t)=>{const r="CROSS_OUT_AND_REPLACE"===e.type||"CROSS_OUT_AND_REPLACE"===e.correctAnswer?.type?"CROSS_OUT_AND_REPLACE":"CROSS_OUT",n=R(r,e.correctAnswer?.crossOut||"",e.correctAnswer?.replaceWith||"");return{type:r,question:e.question||"",correctAnswer:n,isExample:!0===e.isExample,points:e.isExample?0:"number"==typeof e.points?e.points:1,questionNumber:e.questionNumber||t+1}}):[T(1)];var e}),[V,G]=c(D?.explanation||""),[I,z]=c(!1),[H,M]=c([]),X=n(q),J=n("");r(()=>{X.current=q},[q]);const Z=(e=L,t=j,r=V)=>({instruction:e,items:t,explanation:r,points:U(t)}),B=O(e=>{X.current?.(e)},300);r(()=>{const e=Z(),t=JSON.stringify(e);t!==J.current&&(J.current=t,B(e),$?.(!0))},[L,j,V,B,$]);r(()=>{k&&(k.current={triggerValidation:async()=>(()=>{const e=[];return L.trim()||e.push("Hướng dẫn (Instruction) không được để trống."),0===j.length&&e.push("Cần ít nhất một câu hỏi trong nhóm."),j.forEach((t,r)=>{t.question.trim()||e.push(`Câu ${r+1}: Nội dung câu không được để trống.`),"CROSS_OUT_AND_REPLACE"===t.type&&(t.correctAnswer.crossOut.trim()||e.push(`Câu ${r+1}: Cần nhập từ cần gạch (crossOut).`),t.correctAnswer.replaceWith?.trim()||e.push(`Câu ${r+1}: Cần nhập từ thay thế (replaceWith).`))}),M(e),0===e.length})(),getFormData:()=>Z()})},[k,L,j,V]);const K=(e,t)=>{F(r=>{const n=[...r],c=n[e];return c?(n[e]={...c,...t},n):r})},Q=(e,t)=>{F(r=>{const n=[...r],c=n[e];if(!c)return r;const s=c.type;return n[e]={...c,correctAnswer:R(s,void 0!==t.crossOut?t.crossOut:c.correctAnswer.crossOut,void 0!==t.replaceWith?t.replaceWith:c.correctAnswer.replaceWith||"")},n})},Y=Z(),ee=W&&W.length>0?W:H;return t("div",{className:"space-y-6",children:[t("div",{className:"flex items-center justify-between",children:[t("div",{children:[e("h3",{className:"text-lg font-medium text-gray-900",children:"Tạo câu hỏi Gạch từ / Sửa từ (Nhóm)"}),e("p",{className:"text-sm text-gray-500",children:"Mix 2 dạng: chỉ gạch từ thừa, hoặc gạch từ sai rồi thay bằng từ đúng"})]}),t(s,{type:"button",variant:"outline",size:"sm",onClick:()=>z(e=>!e),className:"gap-2",children:[e(I?b:v,{className:"h-4 w-4"}),I?"Chế độ chỉnh sửa":"Xem trước học sinh"]})]}),ee.length>0&&t("div",{className:"rounded-lg border border-red-200 bg-red-50 p-4",children:[e("h3",{className:"text-sm font-medium text-red-800",children:"Cần sửa các lỗi sau:"}),e("ul",{className:"mt-2 list-disc space-y-1 pl-5 text-sm text-red-700",children:ee.map((t,r)=>e("li",{children:t},r))})]}),I?t(h,{children:[e(u,{children:e(d,{className:"text-base font-semibold",children:"Xem trước hiển thị học sinh"})}),e(m,{children:e(A,{questionData:Y})})]}):t("div",{className:"space-y-6",children:[t(h,{children:[e(u,{children:e(d,{className:"text-base font-semibold",children:"Hướng dẫn chung (Instruction)"})}),t(m,{children:[e(i,{htmlFor:"instruction",children:"Hướng dẫn bài làm"}),e(a,{id:"instruction",value:L,onChange:e=>P(e.target.value),placeholder:E,className:"mt-1"})]})]}),t(h,{children:[t(u,{className:"flex flex-row items-center justify-between",children:[t(d,{className:"text-base font-semibold",children:["Danh sách câu (",j.length,")"]}),t(s,{type:"button",variant:"outline",size:"sm",onClick:()=>{F(e=>[...e,T(e.length+1)])},className:"gap-2",children:[e(y,{className:"h-4 w-4"}),"Thêm câu"]})]}),e(m,{className:"space-y-4",children:j.map((r,n)=>t("div",{className:"space-y-4 rounded-lg border border-gray-200 bg-gray-50/50 p-4",children:[t("div",{className:"flex flex-wrap items-center justify-between gap-4",children:[t("div",{className:"flex items-center gap-2",children:[e("span",{className:"flex h-7 w-7 items-center justify-center rounded-full bg-blue-100 text-xs font-semibold text-blue-700",children:r.questionNumber||n+1}),t("span",{className:"text-sm font-medium text-gray-700",children:["Câu ",n+1]})]}),t("div",{className:"flex flex-wrap items-center gap-4",children:[e("div",{className:"w-52",children:t(g,{value:r.type,onValueChange:e=>((e,t)=>{F(r=>{const n=[...r],c=n[e];return c?(n[e]={...c,type:t,correctAnswer:R(t,c.correctAnswer.crossOut,c.correctAnswer.replaceWith||"")},n):r})})(n,e),children:[e(C,{children:e(f,{placeholder:"Loại câu"})}),t(x,{children:[e(N,{value:"CROSS_OUT",children:"Chỉ gạch (CROSS_OUT)"}),e(N,{value:"CROSS_OUT_AND_REPLACE",children:"Gạch + thay (CROSS_OUT_AND_REPLACE)"})]})]})}),t("div",{className:"flex items-center gap-2",children:[e(p,{id:`example-${n}`,checked:r.isExample||!1,onCheckedChange:e=>K(n,{isExample:e,points:e?0:1})}),t(i,{htmlFor:`example-${n}`,className:"flex cursor-pointer items-center gap-1 text-xs",children:[e(w,{className:"h-3 w-3 text-amber-500"}),"Example"]})]}),!r.isExample&&e("div",{className:"w-24",children:e(l,{value:r.points,allowZero:!0,onChange:e=>K(n,{points:_(e.target.value,!0)})})}),j.length>1&&e(s,{type:"button",variant:"ghost",size:"sm",onClick:()=>(e=>{F(t=>t.length<=1?t:t.filter((t,r)=>r!==e).map((e,t)=>({...e,questionNumber:t+1})))})(n),className:"text-red-500 hover:bg-red-50 hover:text-red-600",children:e(S,{className:"h-4 w-4"})})]})]}),t("div",{children:[e(i,{htmlFor:`question-${n}`,children:"Nội dung câu"}),e(o,{id:`question-${n}`,value:r.question,onChange:e=>K(n,{question:e.target.value}),placeholder:"Nhập câu gốc...",className:"mt-1 bg-white",rows:2})]}),t("div",{className:"grid gap-4 md:grid-cols-2",children:[t("div",{children:[t(i,{htmlFor:`crossout-${n}`,children:["Từ cần gạch (crossOut)","CROSS_OUT"===r.type&&e("span",{className:"ml-1 text-xs font-normal text-gray-500",children:"— để trống nếu câu đúng"})]}),e(a,{id:`crossout-${n}`,value:r.correctAnswer.crossOut,onChange:e=>Q(n,{crossOut:e.target.value}),placeholder:"CROSS_OUT"===r.type?"VD: to (hoặc trống)":"VD: have",className:"mt-1 bg-white"})]}),"CROSS_OUT_AND_REPLACE"===r.type&&t("div",{children:[e(i,{htmlFor:`replace-${n}`,children:"Từ thay thế (replaceWith)"}),e(a,{id:`replace-${n}`,value:r.correctAnswer.replaceWith||"",onChange:e=>Q(n,{replaceWith:e.target.value}),placeholder:"VD: has",className:"mt-1 bg-white"})]})]})]},n))})]}),t(h,{children:[e(u,{children:e(d,{className:"text-base",children:"Giải thích"})}),e(m,{children:e(o,{id:"explanation",value:V,onChange:e=>G(e.target.value),placeholder:"VD: Câu trả lời đúng là... vì...",rows:3})})]})]})]})}
+'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 { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from '../../../../components/ui/select';
+import { useDebouncedCallback } from '../../../../shared/lib/hooks';
+import { Eye, Pencil, Plus, Star, Trash2 } from 'lucide-react';
+import { CrossOutWordGroupClient } from './CrossOutWordGroupClient';
+function parsePointsValue(raw, allowZero = false) {
+    if (raw === '')
+        return allowZero ? 0 : 1;
+    const parsed = parseInt(raw.replace(/[^0-9]/g, ''), 10);
+    if (Number.isNaN(parsed))
+        return allowZero ? 0 : 1;
+    const min = allowZero ? 0 : 1;
+    return Math.max(min, parsed);
+}
+const DEFAULT_INSTRUCTION = 'Cross out the extra or incorrect word. If the word is incorrect, write the correct word. If the line is correct, leave it blank.';
+function tokenize(sentence) {
+    return sentence.trim().split(/\s+/).filter(Boolean);
+}
+function createAnswer(type, crossOut = '', replaceWith = '', wordIndex) {
+    const parsedIndex = typeof wordIndex === 'number' && Number.isInteger(wordIndex) && wordIndex >= 0
+        ? wordIndex
+        : wordIndex === null
+            ? null
+            : undefined;
+    if (type === 'CROSS_OUT_AND_REPLACE') {
+        return {
+            type,
+            ...(parsedIndex !== undefined ? { wordIndex: parsedIndex } : {}),
+            crossOut,
+            replaceWith,
+        };
+    }
+    return {
+        type: 'CROSS_OUT',
+        ...(parsedIndex !== undefined ? { wordIndex: parsedIndex } : {}),
+        crossOut,
+    };
+}
+function createEmptyItem(questionNumber) {
+    return {
+        type: 'CROSS_OUT',
+        question: '',
+        correctAnswer: createAnswer('CROSS_OUT'),
+        isExample: false,
+        points: 1,
+        questionNumber,
+    };
+}
+function normalizeItems(rawItems) {
+    if (!Array.isArray(rawItems) || rawItems.length === 0) {
+        return [createEmptyItem(1)];
+    }
+    return rawItems.map((item, index) => {
+        const type = item.type === 'CROSS_OUT_AND_REPLACE' ||
+            item.correctAnswer?.type === 'CROSS_OUT_AND_REPLACE'
+            ? 'CROSS_OUT_AND_REPLACE'
+            : 'CROSS_OUT';
+        const rawIndex = item.correctAnswer?.wordIndex;
+        const correctAnswer = createAnswer(type, item.correctAnswer?.crossOut || '', item.correctAnswer?.replaceWith || '', rawIndex);
+        return {
+            type,
+            question: item.question || '',
+            correctAnswer,
+            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);
+}
+export function CrossOutWordGroupCreator({ initialData, onChange, externalErrors, onUnsavedChangesChange, validationRef, }) {
+    const [instruction, setInstruction] = useState(initialData?.instruction || DEFAULT_INSTRUCTION);
+    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 buildPayload = (nextInstruction = instruction, nextItems = items, nextExplanation = explanation) => ({
+        instruction: nextInstruction,
+        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) {
+            previousPayloadRef.current = serialized;
+            debouncedOnChange(payload);
+            onUnsavedChangesChange?.(true);
+        }
+    }, [instruction, items, explanation, debouncedOnChange, onUnsavedChangesChange]);
+    const validate = () => {
+        const nextErrors = [];
+        if (!instruction.trim()) {
+            nextErrors.push('Hướng dẫn (Instruction) không được để trống.');
+        }
+        if (items.length === 0) {
+            nextErrors.push('Cần ít nhất một câu hỏi trong nhóm.');
+        }
+        items.forEach((item, index) => {
+            if (!item.question.trim()) {
+                nextErrors.push(`Câu ${index + 1}: Nội dung câu không được để trống.`);
+            }
+            if (item.type === 'CROSS_OUT_AND_REPLACE') {
+                if (!item.correctAnswer.crossOut.trim()) {
+                    nextErrors.push(`Câu ${index + 1}: Cần chọn hoặc nhập từ cần gạch (crossOut).`);
+                }
+                if (!item.correctAnswer.replaceWith?.trim()) {
+                    nextErrors.push(`Câu ${index + 1}: Cần nhập từ thay thế (replaceWith).`);
+                }
+            }
+        });
+        setErrors(nextErrors);
+        return nextErrors.length === 0;
+    };
+    useEffect(() => {
+        if (validationRef) {
+            validationRef.current = {
+                triggerValidation: async () => validate(),
+                getFormData: () => buildPayload(),
+            };
+        }
+    }, [validationRef, instruction, items, explanation]);
+    const updateItem = (index, patch) => {
+        setItems((prev) => {
+            const next = [...prev];
+            const current = next[index];
+            if (!current)
+                return prev;
+            next[index] = { ...current, ...patch };
+            return next;
+        });
+    };
+    const updateItemType = (index, type) => {
+        setItems((prev) => {
+            const next = [...prev];
+            const current = next[index];
+            if (!current)
+                return prev;
+            next[index] = {
+                ...current,
+                type,
+                correctAnswer: createAnswer(type, current.correctAnswer.crossOut, current.correctAnswer.replaceWith || '', current.correctAnswer.wordIndex),
+            };
+            return next;
+        });
+    };
+    const updateItemAnswer = (index, patch) => {
+        setItems((prev) => {
+            const next = [...prev];
+            const current = next[index];
+            if (!current)
+                return prev;
+            const type = current.type;
+            next[index] = {
+                ...current,
+                correctAnswer: createAnswer(type, patch.crossOut !== undefined ? patch.crossOut : current.correctAnswer.crossOut, patch.replaceWith !== undefined
+                    ? patch.replaceWith
+                    : current.correctAnswer.replaceWith || '', patch.wordIndex !== undefined ? patch.wordIndex : current.correctAnswer.wordIndex),
+            };
+            return next;
+        });
+    };
+    const toggleSelectToken = (itemIndex, tokenIndex, token) => {
+        const current = items[itemIndex];
+        if (!current)
+            return;
+        const isCurrent = current.correctAnswer.wordIndex === tokenIndex;
+        if (isCurrent) {
+            // Toggle off -> no error
+            updateItemAnswer(itemIndex, {
+                wordIndex: null,
+                crossOut: '',
+            });
+        }
+        else {
+            const cleanWord = token.replace(/[^\p{L}\p{N}'-]/gu, '') || token;
+            updateItemAnswer(itemIndex, {
+                wordIndex: tokenIndex,
+                crossOut: cleanWord,
+            });
+        }
+    };
+    const addItem = () => {
+        setItems((prev) => [...prev, createEmptyItem(prev.length + 1)]);
+    };
+    const removeItem = (index) => {
+        setItems((prev) => {
+            if (prev.length <= 1)
+                return prev;
+            const filtered = prev.filter((_, i) => i !== index);
+            return filtered.map((item, i) => ({ ...item, questionNumber: i + 1 }));
+        });
+    };
+    const currentPayload = buildPayload();
+    const displayErrors = externalErrors && externalErrors.length > 0 ? externalErrors : errors;
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-lg font-medium text-gray-900", children: "T\u1EA1o c\u00E2u h\u1ECFi G\u1EA1ch t\u1EEB / S\u1EEDa t\u1EEB (Nh\u00F3m)" }), _jsx("p", { className: "text-sm text-gray-500", children: "Mix 2 d\u1EA1ng: ch\u1EC9 g\u1EA1ch t\u1EEB th\u1EEBa, ho\u1EB7c g\u1EA1ch t\u1EEB sai r\u1ED3i thay b\u1EB1ng t\u1EEB \u0111\u00FAng. Click v\u00E0o t\u1EEB trong c\u00E2u \u0111\u1EC3 g\u00E1n v\u1ECB tr\u00ED (wordIndex) ch\u00EDnh x\u00E1c." })] }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setIsClientMode((prev) => !prev), className: "gap-2", children: [isClientMode ? _jsx(Pencil, { className: "h-4 w-4" }) : _jsx(Eye, { className: "h-4 w-4" }), isClientMode ? 'Chế độ chỉnh sửa' : 'Xem trước học sinh'] })] }), displayErrors.length > 0 && (_jsxs("div", { className: "rounded-lg border border-red-200 bg-red-50 p-4", children: [_jsx("h3", { className: "text-sm font-medium text-red-800", children: "C\u1EA7n s\u1EEDa c\u00E1c l\u1ED7i sau:" }), _jsx("ul", { className: "mt-2 list-disc space-y-1 pl-5 text-sm text-red-700", children: displayErrors.map((err, i) => (_jsx("li", { children: err }, i))) })] })), isClientMode ? (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-base font-semibold", children: "Xem tr\u01B0\u1EDBc hi\u1EC3n th\u1ECB h\u1ECDc sinh" }) }), _jsx(CardContent, { children: _jsx(CrossOutWordGroupClient, { questionData: currentPayload }) })] })) : (_jsxs("div", { className: "space-y-6", children: [_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-base font-semibold", children: "H\u01B0\u1EDBng d\u1EABn chung (Instruction)" }) }), _jsxs(CardContent, { children: [_jsx(Label, { htmlFor: "instruction", children: "H\u01B0\u1EDBng d\u1EABn b\u00E0i l\u00E0m" }), _jsx(Input, { id: "instruction", value: instruction, onChange: (e) => setInstruction(e.target.value), placeholder: DEFAULT_INSTRUCTION, className: "mt-1" })] })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between", children: [_jsxs(CardTitle, { className: "text-base font-semibold", children: ["Danh s\u00E1ch c\u00E2u (", items.length, ")"] }), _jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: addItem, className: "gap-2", children: [_jsx(Plus, { className: "h-4 w-4" }), "Th\u00EAm c\u00E2u"] })] }), _jsx(CardContent, { className: "space-y-4", children: items.map((item, index) => {
+                                    const tokens = tokenize(item.question);
+                                    const selectedWordIndex = item.correctAnswer.wordIndex;
+                                    return (_jsxs("div", { className: "space-y-4 rounded-lg border border-gray-200 bg-gray-50/50 p-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-4", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "flex h-7 w-7 items-center justify-center rounded-full bg-blue-100 text-xs font-semibold text-blue-700", children: item.questionNumber || index + 1 }), _jsxs("span", { className: "text-sm font-medium text-gray-700", children: ["C\u00E2u ", index + 1] })] }), _jsxs("div", { className: "flex flex-wrap items-center gap-4", children: [_jsx("div", { className: "w-52", children: _jsxs(Select, { value: item.type, onValueChange: (value) => updateItemType(index, value), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Lo\u1EA1i c\u00E2u" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "CROSS_OUT", children: "Ch\u1EC9 g\u1EA1ch (CROSS_OUT)" }), _jsx(SelectItem, { value: "CROSS_OUT_AND_REPLACE", children: "G\u1EA1ch + thay (CROSS_OUT_AND_REPLACE)" })] })] }) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { id: `example-${index}`, checked: item.isExample || false, onCheckedChange: (checked) => updateItem(index, {
+                                                                            isExample: checked,
+                                                                            points: checked ? 0 : 1,
+                                                                        }) }), _jsxs(Label, { htmlFor: `example-${index}`, className: "flex cursor-pointer items-center gap-1 text-xs", children: [_jsx(Star, { className: "h-3 w-3 text-amber-500" }), "Example"] })] }), !item.isExample && (_jsx("div", { className: "w-24", children: _jsx(PointsInput, { value: item.points, allowZero: true, onChange: (event) => updateItem(index, {
+                                                                        points: parsePointsValue(event.target.value, true),
+                                                                    }) }) })), items.length > 1 && (_jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => removeItem(index), className: "text-red-500 hover:bg-red-50 hover:text-red-600", children: _jsx(Trash2, { className: "h-4 w-4" }) }))] })] }), _jsxs("div", { children: [_jsx(Label, { htmlFor: `question-${index}`, children: "N\u1ED9i dung c\u00E2u" }), _jsx(Textarea, { id: `question-${index}`, value: item.question, onChange: (e) => updateItem(index, { question: e.target.value }), placeholder: "Nh\u1EADp c\u00E2u g\u1ED1c...", className: "mt-1 bg-white", rows: 2 })] }), tokens.length > 0 && (_jsxs("div", { className: "rounded-lg border border-slate-200 bg-white p-3 space-y-1.5", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Label, { className: "text-xs font-semibold text-slate-700", children: "Click t\u1EEB c\u1EA7n g\u1EA1ch trong c\u00E2u (t\u1EF1 \u0111\u1ED9ng g\u00E1n wordIndex):" }), typeof selectedWordIndex === 'number' && (_jsxs("span", { className: "text-[11px] font-bold text-rose-600", children: ["\u0110\u00E3 ch\u1ECDn token #", selectedWordIndex + 1, ": \"", tokens[selectedWordIndex], "\""] }))] }), _jsx("div", { className: "flex flex-wrap gap-1.5 pt-1", children: tokens.map((token, tokenIdx) => {
+                                                            const isSelected = selectedWordIndex === tokenIdx;
+                                                            return (_jsx("button", { type: "button", onClick: () => toggleSelectToken(index, tokenIdx, token), className: `rounded-md px-2 py-1 text-xs font-medium transition-all ${isSelected
+                                                                    ? 'bg-rose-500 text-white font-bold line-through shadow-sm scale-105'
+                                                                    : 'bg-slate-100 text-slate-700 hover:bg-blue-100 hover:text-blue-700'}`, children: token }, tokenIdx));
+                                                        }) })] })), _jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsxs("div", { children: [_jsxs(Label, { htmlFor: `crossout-${index}`, children: ["T\u1EEB c\u1EA7n g\u1EA1ch (crossOut)", item.type === 'CROSS_OUT' && (_jsx("span", { className: "ml-1 text-xs font-normal text-gray-500", children: "\u2014 \u0111\u1EC3 tr\u1ED1ng n\u1EBFu c\u00E2u \u0111\u00FAng" }))] }), _jsxs("div", { className: "flex gap-2 items-center mt-1", children: [_jsx(Input, { id: `crossout-${index}`, value: item.correctAnswer.crossOut, onChange: (e) => updateItemAnswer(index, { crossOut: e.target.value }), placeholder: item.type === 'CROSS_OUT' ? 'VD: to (hoặc trống)' : 'VD: have', className: "bg-white" }), typeof selectedWordIndex === 'number' && (_jsxs("span", { className: "whitespace-nowrap rounded bg-slate-100 px-2 py-1 text-xs text-slate-600 font-mono", children: ["idx: ", selectedWordIndex] }))] })] }), item.type === 'CROSS_OUT_AND_REPLACE' && (_jsxs("div", { children: [_jsx(Label, { htmlFor: `replace-${index}`, children: "T\u1EEB thay th\u1EBF (replaceWith)" }), _jsx(Input, { id: `replace-${index}`, value: item.correctAnswer.replaceWith || '', onChange: (e) => updateItemAnswer(index, { replaceWith: e.target.value }), placeholder: "VD: has", className: "mt-1 bg-white" })] }))] })] }, index));
+                                }) })] }), _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 }) })] })] }))] }));
+}

package/dist/components/questions/types/cross-out-word-group/index.js

@@ -1 +1,5 @@
-export*from"./CrossOutWordGroupCreator";export*from"./CrossOutWordGroupClient";export*from"./transform";export*from"./register";export*from"./map-cross-out-word-group-data";
+export * from './CrossOutWordGroupCreator';
+export * from './CrossOutWordGroupClient';
+export * from './transform';
+export * from './register';
+export * from './map-cross-out-word-group-data';

package/dist/components/questions/types/cross-out-word-group/map-cross-out-word-group-data.d.ts

@@ -1,6 +1,6 @@
 import type { CrossOutWordGroupData, CrossOutWordGroupItemAnswer, CrossOutWordGroupItemData, CrossOutWordItemMode } from '../../_shared/types/cross-out-word-group.type';
 export declare const DEFAULT_CROSS_OUT_INSTRUCTION = "Cross out the extra or incorrect word. If the word is incorrect, write the correct word. If the line is correct, leave it blank.";
-export declare function createCrossOutAnswer(type: CrossOutWordItemMode, crossOut?: string, replaceWith?: string): CrossOutWordGroupItemAnswer;
+export declare function createCrossOutAnswer(type: CrossOutWordItemMode, crossOut?: string, replaceWith?: string, wordIndex?: number | null): CrossOutWordGroupItemAnswer;
 export declare function createEmptyCrossOutItem(questionNumber: number): CrossOutWordGroupItemData;
 export declare function mapCrossOutWordGroupItem(item: unknown, index: number, fallbackAnswer?: CrossOutWordGroupItemAnswer): CrossOutWordGroupItemData;
 export declare function mapQuestionToCrossOutWordGroupData(question: Record<string, unknown> | null | undefined): CrossOutWordGroupData;

package/dist/components/questions/types/cross-out-word-group/map-cross-out-word-group-data.js

@@ -1 +1,110 @@
-export const DEFAULT_CROSS_OUT_INSTRUCTION="Cross out the extra or incorrect word. If the word is incorrect, write the correct word. If the line is correct, leave it blank.";function t(t){return"object"==typeof t&&null!==t&&!Array.isArray(t)}function r(r){return t(r)?r:{}}function e(t,r=""){return"string"==typeof t?t:r}function n(t){return"CROSS_OUT_AND_REPLACE"===t?"CROSS_OUT_AND_REPLACE":"CROSS_OUT"}export function createCrossOutAnswer(t,r="",e=""){return"CROSS_OUT_AND_REPLACE"===t?{type:t,crossOut:r,replaceWith:e}:{type:"CROSS_OUT",crossOut:r}}export function createEmptyCrossOutItem(t){return{type:"CROSS_OUT",question:"",correctAnswer:createCrossOutAnswer("CROSS_OUT"),isExample:!1,points:1,questionNumber:t}}export function mapCrossOutWordGroupItem(o,s,i){const u=r(o),c=r(u.content),p=r(u.correctAnswer),a=t(p.answer)?p.answer:t(i)?i:{},O=n(c.type||a.type),m=!0===u.isExample;return{type:O,question:e(c.question)||e(u.question),correctAnswer:createCrossOutAnswer(O,e(a.crossOut),e(a.replaceWith)),isExample:m,points:m?0:"number"==typeof u.points?u.points:1,questionNumber:"number"==typeof u.questionNumber?u.questionNumber:s+1}}export function mapQuestionToCrossOutWordGroupData(o){const s=r(o),i=r(s.content),u=r(s.answer),c=r(s.correctAnswer??s.correct_answer??u.correctAnswer),p=String(s.explanation||u.explanation||""),a=Array.isArray(c.answer)?c.answer.map(r=>{if(t(r))return createCrossOutAnswer(n(r.type),e(r.crossOut),e(r.replaceWith))}):[];if(Array.isArray(i.items)){const t=i.items.map((t,r)=>mapCrossOutWordGroupItem(t,r,a[r]));return{instruction:e(r(i.meta).instruction)||DEFAULT_CROSS_OUT_INSTRUCTION,items:t,explanation:p,points:t.reduce((t,r)=>r.isExample?t:t+(r.points||0),0)}}return Array.isArray(u.items)?{instruction:e(u.instruction,DEFAULT_CROSS_OUT_INSTRUCTION),items:u.items.map((t,r)=>mapCrossOutWordGroupItem(t,r,a[r])),explanation:p,points:"number"==typeof u.points?u.points:void 0}:{instruction:DEFAULT_CROSS_OUT_INSTRUCTION,items:[createEmptyCrossOutItem(1)],explanation:p,points:1}}
+export const DEFAULT_CROSS_OUT_INSTRUCTION = 'Cross out the extra or incorrect word. If the word is incorrect, write the correct word. If the line is correct, leave it blank.';
+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;
+}
+function normalizeMode(type) {
+    return type === 'CROSS_OUT_AND_REPLACE' ? 'CROSS_OUT_AND_REPLACE' : 'CROSS_OUT';
+}
+export function createCrossOutAnswer(type, crossOut = '', replaceWith = '', wordIndex) {
+    const parsedIndex = typeof wordIndex === 'number' && Number.isInteger(wordIndex) && wordIndex >= 0
+        ? wordIndex
+        : wordIndex === null
+            ? null
+            : undefined;
+    if (type === 'CROSS_OUT_AND_REPLACE') {
+        return {
+            type,
+            ...(parsedIndex !== undefined ? { wordIndex: parsedIndex } : {}),
+            crossOut,
+            replaceWith,
+        };
+    }
+    return {
+        type: 'CROSS_OUT',
+        ...(parsedIndex !== undefined ? { wordIndex: parsedIndex } : {}),
+        crossOut,
+    };
+}
+export function createEmptyCrossOutItem(questionNumber) {
+    return {
+        type: 'CROSS_OUT',
+        question: '',
+        correctAnswer: createCrossOutAnswer('CROSS_OUT'),
+        isExample: false,
+        points: 1,
+        questionNumber,
+    };
+}
+export function mapCrossOutWordGroupItem(item, index, fallbackAnswer) {
+    const record = asRecord(item);
+    const content = asRecord(record.content);
+    const correctAnswerRaw = asRecord(record.correctAnswer);
+    const answerObj = isRecord(correctAnswerRaw.answer)
+        ? correctAnswerRaw.answer
+        : isRecord(fallbackAnswer)
+            ? fallbackAnswer
+            : {};
+    const type = normalizeMode(content.type || answerObj.type);
+    const isExample = record.isExample === true;
+    const rawIndex = typeof answerObj.wordIndex === 'number'
+        ? answerObj.wordIndex
+        : answerObj.wordIndex === null
+            ? null
+            : undefined;
+    return {
+        type,
+        question: asString(content.question) || asString(record.question),
+        correctAnswer: createCrossOutAnswer(type, asString(answerObj.crossOut), asString(answerObj.replaceWith), rawIndex),
+        isExample,
+        points: isExample ? 0 : typeof record.points === 'number' ? record.points : 1,
+        questionNumber: typeof record.questionNumber === 'number' ? record.questionNumber : index + 1,
+    };
+}
+export function mapQuestionToCrossOutWordGroupData(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) => {
+            if (!isRecord(value))
+                return undefined;
+            const rawIndex = typeof value.wordIndex === 'number'
+                ? value.wordIndex
+                : value.wordIndex === null
+                    ? null
+                    : undefined;
+            return createCrossOutAnswer(normalizeMode(value.type), asString(value.crossOut), asString(value.replaceWith), rawIndex);
+        })
+        : [];
+    if (Array.isArray(content.items)) {
+        const items = content.items.map((item, index) => mapCrossOutWordGroupItem(item, index, fallbackAnswers[index]));
+        return {
+            instruction: asString(asRecord(content.meta).instruction) || DEFAULT_CROSS_OUT_INSTRUCTION,
+            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, DEFAULT_CROSS_OUT_INSTRUCTION),
+            items: answer.items.map((item, index) => mapCrossOutWordGroupItem(item, index, fallbackAnswers[index])),
+            explanation,
+            points: typeof answer.points === 'number' ? answer.points : undefined,
+        };
+    }
+    return {
+        instruction: DEFAULT_CROSS_OUT_INSTRUCTION,
+        items: [createEmptyCrossOutItem(1)],
+        explanation,
+        points: 1,
+    };
+}

package/dist/components/questions/types/cross-out-word-group/register.js

@@ -1 +1,36 @@
-import{CrossOutWordGroupCreator as t}from"./CrossOutWordGroupCreator";import{mapQuestionToCrossOutWordGroupData as e}from"./map-cross-out-word-group-data";export const crossOutWordGroupRegistration={component:t,transformInitialData:t=>e(t),getExtraProps:t=>({onUnsavedChangesChange:t.onUnsavedChangesChange,validationRef:t.validationRef}),wrapOnSave:(t,e)=>{const n=t;return{type:e.questionType,content:e.state.content,points:n.points??e.state.points??1,level:e.state.level,difficulty:e.state.difficulty,skill:e.state.skill,answer:n,explanation:n.explanation||""}},wrapOnChange:(t,e)=>{const n=t;return{type:e.questionType,content:e.state.content,points:n.points??e.state.points??1,level:e.state.level,difficulty:e.state.difficulty,skill:e.state.skill,answer:n,explanation:n.explanation||""}}};
+import { CrossOutWordGroupCreator } from './CrossOutWordGroupCreator';
+import { mapQuestionToCrossOutWordGroupData } from './map-cross-out-word-group-data';
+export const crossOutWordGroupRegistration = {
+    component: CrossOutWordGroupCreator,
+    transformInitialData: (initialData) => mapQuestionToCrossOutWordGroupData(initialData),
+    getExtraProps: (ctx) => ({
+        onUnsavedChangesChange: ctx.onUnsavedChangesChange,
+        validationRef: ctx.validationRef,
+    }),
+    wrapOnSave: (data, ctx) => {
+        const payload = data;
+        return {
+            type: ctx.questionType,
+            content: ctx.state.content,
+            points: payload.points ?? ctx.state.points ?? 1,
+            level: ctx.state.level,
+            difficulty: ctx.state.difficulty,
+            skill: ctx.state.skill,
+            answer: payload,
+            explanation: payload.explanation || '',
+        };
+    },
+    wrapOnChange: (data, ctx) => {
+        const payload = data;
+        return {
+            type: ctx.questionType,
+            content: ctx.state.content,
+            points: payload.points ?? ctx.state.points ?? 1,
+            level: ctx.state.level,
+            difficulty: ctx.state.difficulty,
+            skill: ctx.state.skill,
+            answer: payload,
+            explanation: payload.explanation || '',
+        };
+    },
+};

package/dist/components/questions/types/cross-out-word-group/transform.js

@@ -1 +1,67 @@
-function t(t){return t.reduce((t,r)=>{if(r.isExample)return t;return t+("number"==typeof r.points?r.points:1)},0)}function r(t){return"CROSS_OUT_AND_REPLACE"===t?"CROSS_OUT_AND_REPLACE":"CROSS_OUT"}export const transformCrossOutWordGroup=e=>{const n=e.answer,o=Array.isArray(n?.items)?n.items:[];if(0===o.length)return{apiContent:{items:[]},apiCorrectAnswer:{answer:[]}};const s=o.map((t,e)=>{const n=r(t.type||t.correctAnswer?.type),o=function(t,e){const n=r(t?.type||e),o={type:n,crossOut:"string"==typeof t?.crossOut?t.crossOut.trim():""};return"CROSS_OUT_AND_REPLACE"===n&&(o.replaceWith="string"==typeof t?.replaceWith?t.replaceWith.trim():""),o}(t.correctAnswer,n);return{questionType:"CROSS_OUT_WORD",...t.isExample?{isExample:!0}:{},content:{type:n,question:t.question||""},correctAnswer:{answer:o},points:t.isExample?0:"number"==typeof t.points?t.points:1,questionNumber:t.questionNumber||e+1}});return{apiContent:{meta:{instruction:n?.instruction||"Cross out the extra or incorrect word. If the word is incorrect, write the correct word."},items:s},apiCorrectAnswer:{answer:s.map(t=>t.correctAnswer.answer)},totalPoints:t(o)}};
+const CHILD_QUESTION_TYPE = 'CROSS_OUT_WORD';
+function sumGradablePoints(items) {
+    return items.reduce((total, item) => {
+        if (item.isExample) {
+            return total;
+        }
+        const points = typeof item.points === 'number' ? item.points : 1;
+        return total + points;
+    }, 0);
+}
+function normalizeMode(type) {
+    return type === 'CROSS_OUT_AND_REPLACE' ? 'CROSS_OUT_AND_REPLACE' : 'CROSS_OUT';
+}
+function normalizeAnswer(answer, fallbackType) {
+    const type = normalizeMode(answer?.type || fallbackType);
+    const rawIndex = answer?.wordIndex;
+    const wordIndex = typeof rawIndex === 'number' && Number.isInteger(rawIndex) && rawIndex >= 0
+        ? rawIndex
+        : rawIndex === null
+            ? null
+            : undefined;
+    const result = {
+        type,
+        ...(wordIndex !== undefined ? { wordIndex } : {}),
+        crossOut: typeof answer?.crossOut === 'string' ? answer.crossOut.trim() : '',
+    };
+    if (type === 'CROSS_OUT_AND_REPLACE') {
+        result.replaceWith =
+            typeof answer?.replaceWith === 'string' ? answer.replaceWith.trim() : '';
+    }
+    return result;
+}
+export const transformCrossOutWordGroup = (question) => {
+    const answerData = question.answer;
+    const items = Array.isArray(answerData?.items) ? answerData.items : [];
+    if (items.length === 0) {
+        return { apiContent: { items: [] }, apiCorrectAnswer: { answer: [] } };
+    }
+    const apiItems = items.map((item, index) => {
+        const type = normalizeMode(item.type || item.correctAnswer?.type);
+        const correctAnswer = normalizeAnswer(item.correctAnswer, type);
+        return {
+            questionType: CHILD_QUESTION_TYPE,
+            ...(item.isExample ? { isExample: true } : {}),
+            content: {
+                type,
+                question: item.question || '',
+            },
+            correctAnswer: { answer: correctAnswer },
+            points: item.isExample ? 0 : (typeof item.points === 'number' ? item.points : 1),
+            questionNumber: item.questionNumber || index + 1,
+        };
+    });
+    return {
+        apiContent: {
+            meta: {
+                instruction: answerData?.instruction ||
+                    'Cross out the extra or incorrect word. If the word is incorrect, write the correct word.',
+            },
+            items: apiItems,
+        },
+        apiCorrectAnswer: {
+            answer: apiItems.map((item) => item.correctAnswer.answer),
+        },
+        totalPoints: sumGradablePoints(items),
+    };
+};