@tinyweb_dev/oe-exam-sdk 0.1.28 → 0.1.30

package/dist/components/questions/types/fill-missing-words-in-grid/index.js

@@ -1 +1,2 @@
-export*from"./FillMissingWordsInGridCreator";export*from"./FillMissingWordsInGridClient";
+export * from './FillMissingWordsInGridCreator';
+export * from './FillMissingWordsInGridClient';

package/dist/components/questions/types/fill-missing-words-in-grid/register.js

@@ -1 +1,37 @@
-import{FillMissingWordsInGridCreator as t,WriteMissingLettersCreator as n}from"./FillMissingWordsInGridCreator";const e={useRawInitialData:!0,getExtraProps:t=>({onUnsavedChangesChange:t.onUnsavedChangesChange}),wrapOnSave:(t,n)=>({type:n.questionType,content:n.state.content,points:t.points??n.state.points??1,level:n.state.level,difficulty:n.state.difficulty,skill:n.state.skill,...void 0!==t.content?{content:t.content}:{},answer:t.answer??t,explanation:t.explanation||""}),wrapOnChange:(t,n)=>({type:n.questionType,points:t.points??n.state.points??1,level:n.state.level,difficulty:n.state.difficulty,skill:n.state.skill,content:t.content,answer:t.answer,explanation:t.explanation||""})};export const fillMissingWordsInGridRegistration={component:t,...e};export const writeMissingLettersRegistration={component:n,...e};
+import { FillMissingWordsInGridCreator, WriteMissingLettersCreator } from './FillMissingWordsInGridCreator';
+const sharedConfig = {
+    useRawInitialData: true,
+    getExtraProps: (ctx) => ({
+        onUnsavedChangesChange: ctx.onUnsavedChangesChange,
+    }),
+    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,
+        // Flatten content/answer from creator data
+        ...(data.content !== undefined ? { content: data.content } : {}),
+        answer: data.answer ?? data,
+        explanation: data.explanation || '',
+    }),
+    wrapOnChange: (data, ctx) => ({
+        type: ctx.questionType,
+        points: data.points ?? ctx.state.points ?? 1,
+        level: ctx.state.level,
+        difficulty: ctx.state.difficulty,
+        skill: ctx.state.skill,
+        content: data.content,
+        answer: data.answer,
+        explanation: data.explanation || '',
+    }),
+};
+export const fillMissingWordsInGridRegistration = {
+    component: FillMissingWordsInGridCreator,
+    ...sharedConfig,
+};
+export const writeMissingLettersRegistration = {
+    component: WriteMissingLettersCreator,
+    ...sharedConfig,
+};

package/dist/components/questions/types/fill-missing-words-in-grid/transform.js

@@ -1 +1,15 @@
-export const transformFillMissingWordsInGrid=n=>{const e=n.content,s=n.answer;return e?.grid&&e?.rows&&e?.columns?{apiContent:e,apiCorrectAnswer:{answers:s?.answers||{},caseSensitive:s?.caseSensitive||!1},explanation:s?.explanation||""}:{apiContent:{},apiCorrectAnswer:{}}};
+export const transformFillMissingWordsInGrid = (question) => {
+    const contentData = question.content;
+    const answerData = question.answer;
+    if (!contentData?.grid || !contentData?.rows || !contentData?.columns) {
+        return { apiContent: {}, apiCorrectAnswer: {} };
+    }
+    return {
+        apiContent: contentData,
+        apiCorrectAnswer: {
+            answers: answerData?.answers || {},
+            caseSensitive: answerData?.caseSensitive || false,
+        },
+        explanation: answerData?.explanation || '',
+    };
+};

package/dist/components/questions/types/gn-speaking-interview/GNSpeakingInterviewCreator.js

@@ -1 +1,262 @@
-"use client";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as a,useEffect as s,useState as r}from"react";import{useParams as n}from"next/navigation";import{Button as i}from"../../../../components/ui/button";import{Label as l}from"../../../../components/ui/label";import{Input as o}from"../../../../components/ui/input";import{Textarea as d}from"../../../../components/ui/textarea";import{PointsInput as c}from"../../../../components/ui/points-input";import{Card as m,CardContent as h,CardHeader as u,CardTitle as p}from"../../../../components/ui/card";import{useDebouncedCallback as g}from"../../../../shared/lib/hooks";import{useReactHookForm as x}from"../../../../shared/lib/hooks/useReactHookForm";import{usePresignedFileUrl as b}from"../../../../shared/lib/hooks/usePresignedFileUrl";import{Mic as w,Type as v,Volume2 as f,BookOpen as N,MessageSquareText as A,Info as T,Plus as y,Trash2 as U,Loader2 as V,Users as C,UserCheck as k}from"lucide-react";import{toast as E}from"sonner";import{FileUpload as S}from"../../../../components/ui/file-upload";import{CreatorGuide as R}from"../../components/CreatorGuide";import{z as I}from"zod";const z=I.object({inputType:I.enum(["AUDIO","TEXT"]),audioUrl:I.string().optional(),imageUrl:I.string().optional(),questionText:I.string().optional(),targetCandidate:I.enum(["VIRTUAL","REAL"]),virtualAnswerText:I.string().optional(),virtualAnswerAudioUrl:I.string().optional(),isExtendedResponse:I.boolean().optional(),sampleAnswers:I.array(I.string()).optional(),explanation:I.string().optional(),points:I.number().min(0).default(1)});export function GNSpeakingInterviewCreator({initialData:I,onSave:j,onChange:q,externalErrors:D,validationRef:L}){const G=I,O=(n(),(()=>{const e=G?.expectedAnswers||G?.correctAnswer?.expectedAnswers;if(Array.isArray(e)&&e.length>0)return e;const t=G?.sampleAnswers||G?.content?.sampleAnswers;if(Array.isArray(t)&&t.length>0)return t;const a=G?.sampleAnswer||G?.correctAnswer?.sampleAnswer;return a?[a]:[""]})()),P=x({defaultValues:{inputType:G?.inputType||G?.content?.inputType||"TEXT",audioUrl:G?.audioUrl||G?.content?.audioUrl||"",imageUrl:G?.imageUrl||G?.content?.imageUrl||"",questionText:G?.questionText||G?.content?.questionText||"",targetCandidate:G?.targetCandidate||G?.content?.targetCandidate||"REAL",virtualAnswerText:G?.virtualAnswerText||G?.content?.virtualAnswer?.answerText||"",virtualAnswerAudioUrl:G?.virtualAnswerAudioUrl||G?.content?.virtualAnswer?.audioUrl||"",isExtendedResponse:G?.isExtendedResponse||G?.content?.isExtendedResponse||!1,sampleAnswers:O,explanation:G?.explanation||"",points:G?.points??1},zodSchema:z,mode:"onBlur"}),X=a(I),F=a(!1),H=a(q),J=a(""),[K,M]=r(!1),[B,W]=r(!1),[Z,Q]=r(null),[Y,$]=r(null);s(()=>{H.current=q},[q]);const _=g(e=>{H.current?.(e)},300),ee=P.watch("inputType"),te=P.watch("audioUrl"),ae=P.watch("imageUrl"),{previewUrl:se,isLoading:re}=b(ae),ne=P.watch("questionText"),ie=P.watch("targetCandidate"),le=P.watch("virtualAnswerText"),oe=P.watch("virtualAnswerAudioUrl"),de=P.watch("isExtendedResponse"),ce=P.watch("sampleAnswers")||[""],me=P.watch("explanation"),he=P.watch("points"),ue="VIRTUAL"===ie;s(()=>{F.current||(ue?0!==he&&P.setValue("points",0,{shouldValidate:!0}):0===he&&P.setValue("points",1,{shouldValidate:!0}))},[ue,he,P]),s(()=>{L&&(L.current={triggerValidation:async()=>await P.trigger(),getFormData:()=>P.getValues()})},[L,P]),s(()=>{const e=I;if(!(JSON.stringify(X.current)!==JSON.stringify(I)))return;X.current=I;const t=(()=>{const t=e?.expectedAnswers||e?.correctAnswer?.expectedAnswers;if(Array.isArray(t)&&t.length>0)return t;const a=e?.sampleAnswers||e?.content?.sampleAnswers;return Array.isArray(a)&&a.length>0?a:[""]})();F.current=!0,P.reset({inputType:e?.inputType||e?.content?.inputType||"TEXT",audioUrl:e?.audioUrl||e?.content?.audioUrl||"",imageUrl:e?.imageUrl||e?.content?.imageUrl||"",questionText:e?.questionText||e?.content?.questionText||"",targetCandidate:e?.targetCandidate||e?.content?.targetCandidate||"REAL",virtualAnswerText:e?.virtualAnswerText||e?.content?.virtualAnswer?.answerText||"",virtualAnswerAudioUrl:e?.virtualAnswerAudioUrl||e?.content?.virtualAnswer?.audioUrl||"",isExtendedResponse:e?.isExtendedResponse||e?.content?.isExtendedResponse||!1,sampleAnswers:t,explanation:e?.explanation||"",points:e?.points??1}),setTimeout(()=>{F.current=!1},150)},[I,P]),s(()=>{if(F.current)return;const e={inputType:ee,audioUrl:te,imageUrl:ae,questionText:ne,targetCandidate:ie,virtualAnswerText:le,virtualAnswerAudioUrl:oe,isExtendedResponse:de,sampleAnswers:ce,explanation:me,points:he},t=JSON.stringify(e);J.current!==t&&(J.current=t,_(e))},[ee,te,ae,ne,ie,le,oe,de,ce,me,he,_]);return t("div",{className:"space-y-6",children:[e(R,{colorScheme:"blue",steps:[{text:"Chọn đối tượng trả lời (Thí sinh ảo / Thí sinh thật)."},{text:"Nhập câu hỏi của Giám khảo (Examiner Prompt) bằng Audio hoặc Text.",highlight:!0},{text:"Đối với Thí sinh ảo: cung cấp câu trả lời mô phỏng."},{text:"Đối với Thí sinh thật: thêm các đáp án mẫu (Sample Answers) để AI tham chiếu chấm điểm."}],tips:["Câu của Thí sinh ảo sẽ tự động phát và điểm số bằng 0.","Nên sử dụng TTS (Text-to-Speech) để tiết kiệm thời gian chuẩn bị audio."]}),t(m,{className:"overflow-hidden border border-slate-200 bg-white shadow-sm",children:[e(u,{className:"border-b border-slate-100 bg-slate-50/50 pb-4",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-blue-100 text-blue-700",children:e(C,{className:"h-4 w-4"})}),e(p,{className:"text-lg font-semibold text-slate-800",children:"Cấu hình Câu hỏi & Đối tượng"})]})}),t(h,{className:"p-0",children:[t("div",{className:"p-6 space-y-8",children:[t("div",{className:"grid grid-cols-1 gap-6 md:grid-cols-2",children:[e("div",{className:"space-y-1",children:e("div",{className:"w-full xl:w-2/3 animate-in fade-in zoom-in-95 duration-200",children:e(c,{...P.register("points",{valueAsNumber:!0}),error:P.hasError("points")?P.getFieldError("points"):void 0,disabled:ue,allowZero:!0})})}),t("div",{className:"space-y-3",children:[t(l,{className:"text-sm font-semibold text-slate-700 flex items-center gap-2",children:[e(k,{className:"h-4 w-4"}),"Đối tượng trả lời"]}),t("div",{className:"flex w-fit rounded-lg border border-slate-200 bg-slate-100 p-1",children:[e("button",{type:"button",onClick:()=>P.setValue("targetCandidate","VIRTUAL",{shouldValidate:!0}),className:"flex items-center gap-2 rounded-md px-4 py-1.5 text-sm font-medium transition-all "+(ue?"bg-white text-blue-700 shadow-sm":"text-slate-500 hover:bg-slate-200/50 hover:text-slate-700"),children:"🤖 Thí sinh ảo (Virtual)"}),e("button",{type:"button",onClick:()=>P.setValue("targetCandidate","REAL",{shouldValidate:!0}),className:"flex items-center gap-2 rounded-md px-4 py-1.5 text-sm font-medium transition-all "+(ue?"text-slate-500 hover:bg-slate-200/50 hover:text-slate-700":"bg-white text-emerald-700 shadow-sm"),children:"👦 Thí sinh thật (Real)"})]})]})]}),t("div",{className:"flex items-start gap-3 rounded-lg border px-4 py-3 text-sm transition-colors duration-300 "+(ue?"border-blue-100 bg-blue-50/50 text-blue-800":"border-emerald-100 bg-emerald-50/50 text-emerald-800"),children:[e(T,{className:"mt-0.5 h-4 w-4 shrink-0 "+(ue?"text-blue-500":"text-emerald-500")}),e("p",{children:t("span",ue?{children:[e("strong",{children:"Cảnh báo:"})," Câu này dành cho ",e("strong",{children:"Thí sinh ảo"}),". Hệ thống sẽ bỏ qua bước thu âm và tự động phát audio mô phỏng. Khi thí sinh thi, câu này mang tính chất giao tiếp (Điểm mặc định = 0)."]}:{children:[e("strong",{children:"Lưu ý:"})," Câu này dành cho ",e("strong",{children:"Thí sinh thật"})," làm bài. AI sẽ thu âm và tự động chấm điểm dựa bằng cách so sánh với các ",e("strong",{children:"Đáp án mẫu"})," bên dưới."]})})]}),e("hr",{className:"border-slate-100"}),t("div",{className:"space-y-4",children:[e(l,{className:"block text-sm font-semibold text-slate-700",children:"Câu hỏi của Giám khảo (Examiner Prompt)"}),t("div",{className:"flex w-fit rounded-lg border border-slate-200 bg-slate-100 p-1 mb-4",children:[t("button",{type:"button",onClick:()=>P.setValue("inputType","AUDIO",{shouldValidate:!0}),className:"flex items-center gap-2 rounded-md px-4 py-1.5 text-sm font-medium transition-all "+("AUDIO"===ee?"bg-white text-slate-800 shadow-sm":"text-slate-500 hover:bg-slate-200/50 hover:text-slate-700"),children:[e(w,{className:"h-3.5 w-3.5"})," Upload Audio"]}),t("button",{type:"button",onClick:()=>P.setValue("inputType","TEXT",{shouldValidate:!0}),className:"flex items-center gap-2 rounded-md px-4 py-1.5 text-sm font-medium transition-all "+("TEXT"===ee?"bg-white text-slate-800 shadow-sm":"text-slate-500 hover:bg-slate-200/50 hover:text-slate-700"),children:[e(v,{className:"h-3.5 w-3.5"})," Nhập văn bản (TTS)"]})]}),e("div",{className:"max-w-3xl",children:"AUDIO"===ee?e(S,{id:"audioUrl",label:"",accept:"audio/*",value:te||"",onChange:e=>P.setValue("audioUrl",e,{shouldValidate:!0}),maxSize:20,placeholder:"Tải lên file audio câu hỏi (MP3, WAV...)",autoUpload:!0,prefix:"speaking/gn-interview"}):t("div",{className:"space-y-3",children:[e(o,{...P.register("questionText"),placeholder:"VD: Do you work or are you a student?",className:"border-slate-200 focus:border-blue-400 focus:ring-blue-100"}),t("div",{className:"flex items-center gap-4",children:[t(i,{type:"button",variant:"default",size:"sm",onClick:async()=>{const e=P.getValues("questionText");if(e?.trim())try{return M(!0),void E.error("TTS chưa được tích hợp trong component SDK")}catch(e){E.error(e?.response?.data?.message||"Lỗi khi tạo audio")}finally{M(!1)}else E.error("Vui lòng nhập nội dung câu hỏi trước khi tạo audio!")},disabled:K||!ne,className:"gap-2 rounded-none bg-gradient-to-r from-blue-600 to-indigo-600 text-white font-bold shadow-md shadow-blue-500/30 hover:shadow-lg hover:shadow-blue-500/40 hover:-translate-y-0.5 transition-all",children:[K?e(V,{className:"h-3.5 w-3.5 animate-spin"}):e(f,{className:"h-3.5 w-3.5"}),"Tạo Audio"]}),Z&&e("audio",{controls:!0,src:Z,className:"h-8 max-w-[250px]"})]})]})})]}),e("hr",{className:"border-slate-100"}),t("div",{className:"space-y-4",children:[e(l,{className:"block text-sm font-semibold text-slate-700",children:"Hình ảnh (Tuỳ chọn)"}),t("div",{className:"max-w-3xl",children:[e(S,{id:"imageUrl",label:"",accept:"image/*",value:ae||"",onChange:e=>P.setValue("imageUrl",e,{shouldValidate:!0}),maxSize:5,placeholder:"Tải lên hình ảnh tham khảo (JPG, PNG...)",autoUpload:!0,prefix:"speaking/gn-interview"}),ae&&e("div",{className:"mt-4",children:re?e("div",{className:"flex h-32 w-full max-w-[240px] items-center justify-center rounded-lg border border-slate-200 bg-slate-50",children:e(V,{className:"h-5 w-5 animate-spin text-slate-400"})}):se?e("div",{className:"relative inline-block overflow-hidden rounded-lg border border-slate-200 shadow-sm bg-slate-50 p-1",children:e("img",{src:se,alt:"Preview",className:"max-h-48 object-contain rounded"})}):null})]})]})]}),e("div",{className:"border-t transition-colors duration-500 "+(ue?"border-blue-100 bg-blue-50/40":"border-emerald-100 bg-emerald-50/40"),children:e("div",{className:"p-6",children:t("div",ue?{className:"space-y-5 animate-in fade-in slide-in-from-bottom-2 duration-300",children:[t("h4",{className:"flex items-center gap-2 text-sm font-semibold text-blue-900",children:[e("span",{className:"flex h-6 w-6 items-center justify-center rounded bg-blue-200/50 text-xs text-blue-700",children:"🤖"}),"Cấu hình câu trả lời mô phỏng"]}),t("div",{className:"space-y-4 max-w-3xl",children:[t("div",{className:"space-y-2",children:[e(l,{className:"text-sm font-medium text-slate-700",children:"Nội dung câu trả lời (Text)"}),e(d,{value:le||"",onChange:e=>P.setValue("virtualAnswerText",e.target.value,{shouldValidate:!0}),placeholder:"VD: My name is Lan. I am a student.",rows:2,className:"resize-none border-slate-200 focus:border-blue-400 focus:ring-blue-100"})]}),t("div",{className:"space-y-2",children:[e(l,{className:"text-sm font-medium text-slate-700",children:"Audio câu trả lời"}),e(S,{id:"virtualAnswerAudioUrl",label:"",accept:"audio/*",value:oe||"",onChange:e=>P.setValue("virtualAnswerAudioUrl",e,{shouldValidate:!0}),maxSize:20,placeholder:"Có thể upload audio hoặc tạo tự động bằng TTS",autoUpload:!0,prefix:"speaking/gn-interview/virtual"}),t("div",{className:"flex items-center gap-4 mt-2",children:[t(i,{type:"button",variant:"default",size:"sm",onClick:async()=>{const e=P.getValues("virtualAnswerText");if(e?.trim())try{return W(!0),void E.error("TTS chưa được tích hợp trong component SDK")}catch(e){E.error(e?.response?.data?.message||"Lỗi khi tạo audio")}finally{W(!1)}else E.error("Vui lòng nhập câu trả lời HS ảo trước khi tạo audio!")},disabled:B||!le,className:"gap-2 rounded-none bg-gradient-to-r from-blue-600 to-indigo-600 text-white font-bold shadow-md shadow-blue-500/30 hover:shadow-lg hover:shadow-blue-500/40 hover:-translate-y-0.5 transition-all",children:[B?e(V,{className:"h-3.5 w-3.5 animate-spin"}):e(f,{className:"h-3.5 w-3.5"}),"Tạo Audio từ Text"]}),Y&&e("audio",{controls:!0,src:Y,className:"h-8 max-w-[250px]"})]})]})]})]}:{className:"space-y-5 animate-in fade-in slide-in-from-bottom-2 duration-300",children:[e("div",{className:"flex items-center gap-2",children:t("h4",{className:"flex items-center gap-2 text-sm font-semibold text-emerald-900",children:[e("span",{className:"flex h-6 w-6 items-center justify-center rounded bg-emerald-200/50 text-emerald-700",children:e(A,{className:"h-3.5 w-3.5"})}),"Đáp án mẫu tham chiếu (Sample Answers)"]})}),t("div",{className:"space-y-3 max-w-4xl",children:[ce.map((a,s)=>t("div",{className:"flex items-start gap-3",children:[e("div",{className:"mt-1.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-emerald-100 text-xs font-semibold text-emerald-700",children:s+1}),e(d,{value:a||"",onChange:e=>((e,t)=>{const a=[...ce];a[e]=t,P.setValue("sampleAnswers",a,{shouldValidate:!0})})(s,e.target.value),placeholder:"VD: "+(0===s?"I am a student. I study at a university.":"No, I currently work."),rows:2,className:"flex-1 resize-none border-slate-200 bg-white focus:border-emerald-400 focus:ring-emerald-100"}),ce.length>1&&e(i,{type:"button",variant:"ghost",size:"icon",className:"mt-1 h-8 w-8 shrink-0 text-slate-400 hover:bg-red-50 hover:text-red-600",onClick:()=>(e=>{const t=[...ce];t.splice(e,1),0===t.length&&t.push(""),P.setValue("sampleAnswers",t,{shouldValidate:!0})})(s),children:e(U,{className:"h-4 w-4"})})]},s)),e("div",{className:"pt-2",children:t(i,{type:"button",variant:"outline",size:"sm",className:"gap-1.5 border-emerald-200 bg-emerald-50/50 text-emerald-700 hover:bg-emerald-100 hover:text-emerald-800",onClick:()=>{P.setValue("sampleAnswers",[...ce,""],{shouldValidate:!1})},children:[e(y,{className:"h-4 w-4"})," Thêm đáp án mẫu"]})})]})]})})}),D&&D.length>0&&e("div",{className:"border-t border-red-100 bg-red-50 p-6",children:e("div",{className:"flex items-start gap-3",children:t("div",{className:"text-sm",children:[e("p",{className:"font-semibold text-red-800",children:"Cần phải sửa các lỗi sau:"}),e("ul",{className:"mt-1 list-inside list-disc text-red-700",children:D.map((t,a)=>e("li",{children:t},a))})]})})})]})]}),t(m,{className:"border border-slate-200 bg-slate-50/50 shadow-sm",children:[e(u,{className:"pb-3",children:t("div",{className:"flex items-center justify-between",children:[t("div",{className:"flex items-center gap-2",children:[e("div",{className:"flex h-6 w-6 items-center justify-center rounded-md bg-slate-200/50 text-slate-600",children:e(N,{className:"h-3.5 w-3.5"})}),e(p,{className:"text-base font-semibold text-slate-800",children:"Giải thích chi tiết"})]}),e("span",{className:"text-xs font-medium text-slate-500 uppercase tracking-wider",children:"Tùy chọn"})]})}),e(h,{children:e(d,{value:me||"",onChange:e=>P.setValue("explanation",e.target.value,{shouldValidate:!0}),placeholder:"Ghi chú thêm về tiêu chí chấm điểm, lưu ý cho giám khảo...",rows:2,className:"resize-none border-slate-200 bg-white focus:border-slate-300 focus:ring-slate-100"})})]})]})}
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useEffect, useState } from 'react';
+import { useParams } from 'next/navigation';
+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 { useDebouncedCallback } from '../../../../shared/lib/hooks';
+import { useReactHookForm } from '../../../../shared/lib/hooks/useReactHookForm';
+import { usePresignedFileUrl } from '../../../../shared/lib/hooks/usePresignedFileUrl';
+import { Mic, Type, Volume2, BookOpen, MessageSquareText, Info, Plus, Trash2, Loader2, Users, UserCheck, } from 'lucide-react';
+import { toast } from 'sonner';
+import { FileUpload } from '../../../../components/ui/file-upload';
+import { CreatorGuide } from '../../components/CreatorGuide';
+import { z } from 'zod';
+// ─── Validation Schema ─────────────────────────────────────────────────────
+const gnSpeakingInterviewFormSchema = z.object({
+    inputType: z.enum(['AUDIO', 'TEXT']),
+    audioUrl: z.string().optional(),
+    imageUrl: z.string().optional(),
+    questionText: z.string().optional(),
+    targetCandidate: z.enum(['VIRTUAL', 'REAL']),
+    virtualAnswerText: z.string().optional(),
+    virtualAnswerAudioUrl: z.string().optional(),
+    isExtendedResponse: z.boolean().optional(),
+    sampleAnswers: z.array(z.string()).optional(),
+    explanation: z.string().optional(),
+    points: z.number().min(0).default(1),
+});
+// ─── Main Creator Component ─────────────────────────────────────────────────
+export function GNSpeakingInterviewCreator({ initialData, onSave, onChange, externalErrors, validationRef, }) {
+    const apiData = initialData;
+    const params = useParams();
+    const examRouteId = params?.examId || params?.id;
+    const initSampleAnswers = (() => {
+        const newArr = apiData?.expectedAnswers || apiData?.correctAnswer?.expectedAnswers;
+        if (Array.isArray(newArr) && newArr.length > 0)
+            return newArr;
+        const arr = apiData?.sampleAnswers || apiData?.content?.sampleAnswers;
+        if (Array.isArray(arr) && arr.length > 0)
+            return arr;
+        const single = apiData?.sampleAnswer || apiData?.correctAnswer?.sampleAnswer;
+        if (single)
+            return [single];
+        return [''];
+    })();
+    const form = useReactHookForm({
+        defaultValues: {
+            inputType: apiData?.inputType || apiData?.content?.inputType || 'TEXT',
+            audioUrl: apiData?.audioUrl || apiData?.content?.audioUrl || '',
+            imageUrl: apiData?.imageUrl || apiData?.content?.imageUrl || '',
+            questionText: apiData?.questionText || apiData?.content?.questionText || '',
+            targetCandidate: apiData?.targetCandidate || apiData?.content?.targetCandidate || 'REAL',
+            virtualAnswerText: apiData?.virtualAnswerText ||
+                apiData?.content?.virtualAnswer?.answerText ||
+                '',
+            virtualAnswerAudioUrl: apiData?.virtualAnswerAudioUrl ||
+                apiData?.content?.virtualAnswer?.audioUrl ||
+                '',
+            isExtendedResponse: apiData?.isExtendedResponse || apiData?.content?.isExtendedResponse || false,
+            sampleAnswers: initSampleAnswers,
+            explanation: apiData?.explanation || '',
+            points: apiData?.points ?? 1,
+        },
+        zodSchema: gnSpeakingInterviewFormSchema,
+        mode: 'onBlur',
+    });
+    const previousInitialDataRef = useRef(initialData);
+    const isInitializingRef = useRef(false);
+    const onChangeRef = useRef(onChange);
+    const previousPayloadRef = useRef('');
+    const [isGeneratingAudio, setIsGeneratingAudio] = useState(false);
+    const [isGeneratingVirtualAudio, setIsGeneratingVirtualAudio] = useState(false);
+    const [previewAudioUrl, setPreviewAudioUrl] = useState(null);
+    const [virtualPreviewAudioUrl, setVirtualPreviewAudioUrl] = useState(null);
+    useEffect(() => {
+        onChangeRef.current = onChange;
+    }, [onChange]);
+    const debouncedOnChange = useDebouncedCallback((data) => {
+        onChangeRef.current?.(data);
+    }, 300);
+    const watchedInputType = form.watch('inputType');
+    const watchedAudioUrl = form.watch('audioUrl');
+    const watchedImageUrl = form.watch('imageUrl');
+    const { previewUrl: imagePreviewUrl, isLoading: isImagePreviewLoading } = usePresignedFileUrl(watchedImageUrl);
+    const watchedQuestionText = form.watch('questionText');
+    const watchedTargetCandidate = form.watch('targetCandidate');
+    const watchedVirtualAnswerText = form.watch('virtualAnswerText');
+    const watchedVirtualAnswerAudioUrl = form.watch('virtualAnswerAudioUrl');
+    const watchedIsExtendedResponse = form.watch('isExtendedResponse');
+    const watchedSampleAnswers = form.watch('sampleAnswers') || [''];
+    const watchedExplanation = form.watch('explanation');
+    const watchedPoints = form.watch('points');
+    // For the demo, we'll treat 'A' as virtual by default
+    // The actual virtualCandidate is set at group level, but in the creator we show
+    // conditional UI based on targetCandidate
+    const isVirtualQuestion = watchedTargetCandidate === 'VIRTUAL'; // VIRTUAL = virtual by default
+    // Auto-set points for Virtual candidate to 0, and revert to 1 if changed back
+    useEffect(() => {
+        if (isInitializingRef.current)
+            return;
+        if (isVirtualQuestion) {
+            if (watchedPoints !== 0) {
+                form.setValue('points', 0, { shouldValidate: true });
+            }
+        }
+        else {
+            if (watchedPoints === 0) {
+                form.setValue('points', 1, { shouldValidate: true });
+            }
+        }
+    }, [isVirtualQuestion, watchedPoints, form]);
+    // Expose validation ref
+    useEffect(() => {
+        if (validationRef) {
+            validationRef.current = {
+                triggerValidation: async () => await form.trigger(),
+                getFormData: () => form.getValues(),
+            };
+        }
+    }, [validationRef, form]);
+    // Reset form when initialData changes externally
+    useEffect(() => {
+        const apiD = initialData;
+        const initialDataChanged = JSON.stringify(previousInitialDataRef.current) !== JSON.stringify(initialData);
+        if (!initialDataChanged)
+            return;
+        previousInitialDataRef.current = initialData;
+        const resetSampleAnswers = (() => {
+            const newArr = apiD?.expectedAnswers || apiD?.correctAnswer?.expectedAnswers;
+            if (Array.isArray(newArr) && newArr.length > 0)
+                return newArr;
+            const arr = apiD?.sampleAnswers || apiD?.content?.sampleAnswers;
+            if (Array.isArray(arr) && arr.length > 0)
+                return arr;
+            return [''];
+        })();
+        isInitializingRef.current = true;
+        form.reset({
+            inputType: apiD?.inputType || apiD?.content?.inputType || 'TEXT',
+            audioUrl: apiD?.audioUrl || apiD?.content?.audioUrl || '',
+            imageUrl: apiD?.imageUrl || apiD?.content?.imageUrl || '',
+            questionText: apiD?.questionText || apiD?.content?.questionText || '',
+            targetCandidate: apiD?.targetCandidate || apiD?.content?.targetCandidate || 'REAL',
+            virtualAnswerText: apiD?.virtualAnswerText || apiD?.content?.virtualAnswer?.answerText || '',
+            virtualAnswerAudioUrl: apiD?.virtualAnswerAudioUrl || apiD?.content?.virtualAnswer?.audioUrl || '',
+            isExtendedResponse: apiD?.isExtendedResponse || apiD?.content?.isExtendedResponse || false,
+            sampleAnswers: resetSampleAnswers,
+            explanation: apiD?.explanation || '',
+            points: apiD?.points ?? 1,
+        });
+        setTimeout(() => {
+            isInitializingRef.current = false;
+        }, 150);
+    }, [initialData, form]);
+    // Debounced onChange
+    useEffect(() => {
+        if (isInitializingRef.current)
+            return;
+        const payload = {
+            inputType: watchedInputType,
+            audioUrl: watchedAudioUrl,
+            imageUrl: watchedImageUrl,
+            questionText: watchedQuestionText,
+            targetCandidate: watchedTargetCandidate,
+            virtualAnswerText: watchedVirtualAnswerText,
+            virtualAnswerAudioUrl: watchedVirtualAnswerAudioUrl,
+            isExtendedResponse: watchedIsExtendedResponse,
+            sampleAnswers: watchedSampleAnswers,
+            explanation: watchedExplanation,
+            points: watchedPoints,
+        };
+        const payloadString = JSON.stringify(payload);
+        if (previousPayloadRef.current !== payloadString) {
+            previousPayloadRef.current = payloadString;
+            debouncedOnChange(payload);
+        }
+    }, [
+        watchedInputType, watchedAudioUrl, watchedImageUrl, watchedQuestionText, watchedTargetCandidate,
+        watchedVirtualAnswerText, watchedVirtualAnswerAudioUrl, watchedIsExtendedResponse,
+        watchedSampleAnswers, watchedExplanation, watchedPoints, debouncedOnChange,
+    ]);
+    // TTS handlers
+    const handleGenerateAudio = async () => {
+        const text = form.getValues('questionText');
+        if (!text?.trim()) {
+            toast.error('Vui lòng nhập nội dung câu hỏi trước khi tạo audio!');
+            return;
+        }
+        try {
+            setIsGeneratingAudio(true);
+            toast.error('TTS chưa được tích hợp trong component SDK');
+            return;
+        }
+        catch (error) {
+            toast.error(error?.response?.data?.message || 'Lỗi khi tạo audio');
+        }
+        finally {
+            setIsGeneratingAudio(false);
+        }
+    };
+    const handleGenerateVirtualAudio = async () => {
+        const text = form.getValues('virtualAnswerText');
+        if (!text?.trim()) {
+            toast.error('Vui lòng nhập câu trả lời HS ảo trước khi tạo audio!');
+            return;
+        }
+        try {
+            setIsGeneratingVirtualAudio(true);
+            toast.error('TTS chưa được tích hợp trong component SDK');
+            return;
+        }
+        catch (error) {
+            toast.error(error?.response?.data?.message || 'Lỗi khi tạo audio');
+        }
+        finally {
+            setIsGeneratingVirtualAudio(false);
+        }
+    };
+    // Dynamic expected answers
+    const handleAddSampleAnswer = () => {
+        form.setValue('sampleAnswers', [...watchedSampleAnswers, ''], { shouldValidate: false });
+    };
+    const handleRemoveSampleAnswer = (index) => {
+        const current = [...watchedSampleAnswers];
+        current.splice(index, 1);
+        if (current.length === 0)
+            current.push('');
+        form.setValue('sampleAnswers', current, { shouldValidate: true });
+    };
+    const handleSampleAnswerChange = (index, value) => {
+        const current = [...watchedSampleAnswers];
+        current[index] = value;
+        form.setValue('sampleAnswers', current, { shouldValidate: true });
+    };
+    return (_jsxs("div", { className: "space-y-6", children: [_jsx(CreatorGuide, { colorScheme: "blue", steps: [
+                    { text: 'Chọn đối tượng trả lời (Thí sinh ảo / Thí sinh thật).' },
+                    { text: 'Nhập câu hỏi của Giám khảo (Examiner Prompt) bằng Audio hoặc Text.', highlight: true },
+                    { text: 'Đối với Thí sinh ảo: cung cấp câu trả lời mô phỏng.' },
+                    { text: 'Đối với Thí sinh thật: thêm các đáp án mẫu (Sample Answers) để AI tham chiếu chấm điểm.' },
+                ], tips: [
+                    'Câu của Thí sinh ảo sẽ tự động phát và điểm số bằng 0.',
+                    'Nên sử dụng TTS (Text-to-Speech) để tiết kiệm thời gian chuẩn bị audio.',
+                ] }), _jsxs(Card, { className: "overflow-hidden border border-slate-200 bg-white shadow-sm", children: [_jsx(CardHeader, { className: "border-b border-slate-100 bg-slate-50/50 pb-4", 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-blue-100 text-blue-700", children: _jsx(Users, { className: "h-4 w-4" }) }), _jsx(CardTitle, { className: "text-lg font-semibold text-slate-800", children: "C\u1EA5u h\u00ECnh C\u00E2u h\u1ECFi & \u0110\u1ED1i t\u01B0\u1EE3ng" })] }) }), _jsxs(CardContent, { className: "p-0", children: [_jsxs("div", { className: "p-6 space-y-8", children: [_jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsx("div", { className: "space-y-1", children: _jsx("div", { className: "w-full xl:w-2/3 animate-in fade-in zoom-in-95 duration-200", children: _jsx(PointsInput, { ...form.register('points', { valueAsNumber: true }), error: form.hasError('points') ? form.getFieldError('points') : undefined, disabled: isVirtualQuestion, allowZero: true }) }) }), _jsxs("div", { className: "space-y-3", children: [_jsxs(Label, { className: "text-sm font-semibold text-slate-700 flex items-center gap-2", children: [_jsx(UserCheck, { className: "h-4 w-4" }), "\u0110\u1ED1i t\u01B0\u1EE3ng tr\u1EA3 l\u1EDDi"] }), _jsxs("div", { className: "flex w-fit rounded-lg border border-slate-200 bg-slate-100 p-1", children: [_jsx("button", { type: "button", onClick: () => form.setValue('targetCandidate', 'VIRTUAL', { shouldValidate: true }), className: `flex items-center gap-2 rounded-md px-4 py-1.5 text-sm font-medium transition-all ${isVirtualQuestion
+                                                                    ? 'bg-white text-blue-700 shadow-sm'
+                                                                    : 'text-slate-500 hover:bg-slate-200/50 hover:text-slate-700'}`, children: "\uD83E\uDD16 Th\u00ED sinh \u1EA3o (Virtual)" }), _jsx("button", { type: "button", onClick: () => form.setValue('targetCandidate', 'REAL', { shouldValidate: true }), className: `flex items-center gap-2 rounded-md px-4 py-1.5 text-sm font-medium transition-all ${!isVirtualQuestion
+                                                                    ? 'bg-white text-emerald-700 shadow-sm'
+                                                                    : 'text-slate-500 hover:bg-slate-200/50 hover:text-slate-700'}`, children: "\uD83D\uDC66 Th\u00ED sinh th\u1EADt (Real)" })] })] })] }), _jsxs("div", { className: `flex items-start gap-3 rounded-lg border px-4 py-3 text-sm transition-colors duration-300 ${isVirtualQuestion
+                                            ? 'border-blue-100 bg-blue-50/50 text-blue-800'
+                                            : 'border-emerald-100 bg-emerald-50/50 text-emerald-800'}`, children: [_jsx(Info, { className: `mt-0.5 h-4 w-4 shrink-0 ${isVirtualQuestion ? 'text-blue-500' : 'text-emerald-500'}` }), _jsx("p", { children: isVirtualQuestion ? (_jsxs("span", { children: [_jsx("strong", { children: "C\u1EA3nh b\u00E1o:" }), " C\u00E2u n\u00E0y d\u00E0nh cho ", _jsx("strong", { children: "Th\u00ED sinh \u1EA3o" }), ". H\u1EC7 th\u1ED1ng s\u1EBD b\u1ECF qua b\u01B0\u1EDBc thu \u00E2m v\u00E0 t\u1EF1 \u0111\u1ED9ng ph\u00E1t audio m\u00F4 ph\u1ECFng. Khi th\u00ED sinh thi, c\u00E2u n\u00E0y mang t\u00EDnh ch\u1EA5t giao ti\u1EBFp (\u0110i\u1EC3m m\u1EB7c \u0111\u1ECBnh = 0)."] })) : (_jsxs("span", { children: [_jsx("strong", { children: "L\u01B0u \u00FD:" }), " C\u00E2u n\u00E0y d\u00E0nh cho ", _jsx("strong", { children: "Th\u00ED sinh th\u1EADt" }), " l\u00E0m b\u00E0i. AI s\u1EBD thu \u00E2m v\u00E0 t\u1EF1 \u0111\u1ED9ng ch\u1EA5m \u0111i\u1EC3m d\u1EF1a b\u1EB1ng c\u00E1ch so s\u00E1nh v\u1EDBi c\u00E1c ", _jsx("strong", { children: "\u0110\u00E1p \u00E1n m\u1EABu" }), " b\u00EAn d\u01B0\u1EDBi."] })) })] }), _jsx("hr", { className: "border-slate-100" }), _jsxs("div", { className: "space-y-4", children: [_jsx(Label, { className: "block text-sm font-semibold text-slate-700", children: "C\u00E2u h\u1ECFi c\u1EE7a Gi\u00E1m kh\u1EA3o (Examiner Prompt)" }), _jsxs("div", { className: "flex w-fit rounded-lg border border-slate-200 bg-slate-100 p-1 mb-4", children: [_jsxs("button", { type: "button", onClick: () => form.setValue('inputType', 'AUDIO', { shouldValidate: true }), className: `flex items-center gap-2 rounded-md px-4 py-1.5 text-sm font-medium transition-all ${watchedInputType === 'AUDIO'
+                                                            ? 'bg-white text-slate-800 shadow-sm'
+                                                            : 'text-slate-500 hover:bg-slate-200/50 hover:text-slate-700'}`, children: [_jsx(Mic, { className: "h-3.5 w-3.5" }), " Upload Audio"] }), _jsxs("button", { type: "button", onClick: () => form.setValue('inputType', 'TEXT', { shouldValidate: true }), className: `flex items-center gap-2 rounded-md px-4 py-1.5 text-sm font-medium transition-all ${watchedInputType === 'TEXT'
+                                                            ? 'bg-white text-slate-800 shadow-sm'
+                                                            : 'text-slate-500 hover:bg-slate-200/50 hover:text-slate-700'}`, children: [_jsx(Type, { className: "h-3.5 w-3.5" }), " Nh\u1EADp v\u0103n b\u1EA3n (TTS)"] })] }), _jsx("div", { className: "max-w-3xl", children: watchedInputType === 'AUDIO' ? (_jsx(FileUpload, { id: "audioUrl", label: "", accept: "audio/*", value: watchedAudioUrl || '', onChange: (url) => form.setValue('audioUrl', url, { shouldValidate: true }), maxSize: 20, placeholder: "T\u1EA3i l\u00EAn file audio c\u00E2u h\u1ECFi (MP3, WAV...)", autoUpload: true, prefix: "speaking/gn-interview" })) : (_jsxs("div", { className: "space-y-3", children: [_jsx(Input, { ...form.register('questionText'), placeholder: "VD: Do you work or are you a student?", className: "border-slate-200 focus:border-blue-400 focus:ring-blue-100" }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsxs(Button, { type: "button", variant: "default", size: "sm", onClick: handleGenerateAudio, disabled: isGeneratingAudio || !watchedQuestionText, className: "gap-2 rounded-none bg-gradient-to-r from-blue-600 to-indigo-600 text-white font-bold shadow-md shadow-blue-500/30 hover:shadow-lg hover:shadow-blue-500/40 hover:-translate-y-0.5 transition-all", children: [isGeneratingAudio ? (_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" })) : (_jsx(Volume2, { className: "h-3.5 w-3.5" })), "T\u1EA1o Audio"] }), previewAudioUrl && (_jsx("audio", { controls: true, src: previewAudioUrl, className: "h-8 max-w-[250px]" }))] })] })) })] }), _jsx("hr", { className: "border-slate-100" }), _jsxs("div", { className: "space-y-4", children: [_jsx(Label, { className: "block text-sm font-semibold text-slate-700", children: "H\u00ECnh \u1EA3nh (Tu\u1EF3 ch\u1ECDn)" }), _jsxs("div", { className: "max-w-3xl", children: [_jsx(FileUpload, { id: "imageUrl", label: "", accept: "image/*", value: watchedImageUrl || '', onChange: (url) => form.setValue('imageUrl', url, { shouldValidate: true }), maxSize: 5, placeholder: "T\u1EA3i l\u00EAn h\u00ECnh \u1EA3nh tham kh\u1EA3o (JPG, PNG...)", autoUpload: true, prefix: "speaking/gn-interview" }), watchedImageUrl && (_jsx("div", { className: "mt-4", children: isImagePreviewLoading ? (_jsx("div", { className: "flex h-32 w-full max-w-[240px] items-center justify-center rounded-lg border border-slate-200 bg-slate-50", children: _jsx(Loader2, { className: "h-5 w-5 animate-spin text-slate-400" }) })) : imagePreviewUrl ? (_jsx("div", { className: "relative inline-block overflow-hidden rounded-lg border border-slate-200 shadow-sm bg-slate-50 p-1", children: _jsx("img", { src: imagePreviewUrl, alt: "Preview", className: "max-h-48 object-contain rounded" }) })) : null }))] })] })] }), _jsx("div", { className: `border-t transition-colors duration-500 ${isVirtualQuestion ? 'border-blue-100 bg-blue-50/40' : 'border-emerald-100 bg-emerald-50/40'}`, children: _jsx("div", { className: "p-6", children: isVirtualQuestion ? (
+                                    /* Virtual Candidate Settings */
+                                    _jsxs("div", { className: "space-y-5 animate-in fade-in slide-in-from-bottom-2 duration-300", children: [_jsxs("h4", { className: "flex items-center gap-2 text-sm font-semibold text-blue-900", children: [_jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded bg-blue-200/50 text-xs text-blue-700", children: "\uD83E\uDD16" }), "C\u1EA5u h\u00ECnh c\u00E2u tr\u1EA3 l\u1EDDi m\u00F4 ph\u1ECFng"] }), _jsxs("div", { className: "space-y-4 max-w-3xl", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "text-sm font-medium text-slate-700", children: "N\u1ED9i dung c\u00E2u tr\u1EA3 l\u1EDDi (Text)" }), _jsx(Textarea, { value: watchedVirtualAnswerText || '', onChange: (e) => form.setValue('virtualAnswerText', e.target.value, { shouldValidate: true }), placeholder: "VD: My name is Lan. I am a student.", rows: 2, className: "resize-none border-slate-200 focus:border-blue-400 focus:ring-blue-100" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { className: "text-sm font-medium text-slate-700", children: "Audio c\u00E2u tr\u1EA3 l\u1EDDi" }), _jsx(FileUpload, { id: "virtualAnswerAudioUrl", label: "", accept: "audio/*", value: watchedVirtualAnswerAudioUrl || '', onChange: (url) => form.setValue('virtualAnswerAudioUrl', url, { shouldValidate: true }), maxSize: 20, placeholder: "C\u00F3 th\u1EC3 upload audio ho\u1EB7c t\u1EA1o t\u1EF1 \u0111\u1ED9ng b\u1EB1ng TTS", autoUpload: true, prefix: "speaking/gn-interview/virtual" }), _jsxs("div", { className: "flex items-center gap-4 mt-2", children: [_jsxs(Button, { type: "button", variant: "default", size: "sm", onClick: handleGenerateVirtualAudio, disabled: isGeneratingVirtualAudio || !watchedVirtualAnswerText, className: "gap-2 rounded-none bg-gradient-to-r from-blue-600 to-indigo-600 text-white font-bold shadow-md shadow-blue-500/30 hover:shadow-lg hover:shadow-blue-500/40 hover:-translate-y-0.5 transition-all", children: [isGeneratingVirtualAudio ? (_jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" })) : (_jsx(Volume2, { className: "h-3.5 w-3.5" })), "T\u1EA1o Audio t\u1EEB Text"] }), virtualPreviewAudioUrl && (_jsx("audio", { controls: true, src: virtualPreviewAudioUrl, className: "h-8 max-w-[250px]" }))] })] })] })] })) : (
+                                    /* Real Candidate Sample Answers */
+                                    _jsxs("div", { className: "space-y-5 animate-in fade-in slide-in-from-bottom-2 duration-300", children: [_jsx("div", { className: "flex items-center gap-2", children: _jsxs("h4", { className: "flex items-center gap-2 text-sm font-semibold text-emerald-900", children: [_jsx("span", { className: "flex h-6 w-6 items-center justify-center rounded bg-emerald-200/50 text-emerald-700", children: _jsx(MessageSquareText, { className: "h-3.5 w-3.5" }) }), "\u0110\u00E1p \u00E1n m\u1EABu tham chi\u1EBFu (Sample Answers)"] }) }), _jsxs("div", { className: "space-y-3 max-w-4xl", children: [watchedSampleAnswers.map((answer, index) => (_jsxs("div", { className: "flex items-start gap-3", children: [_jsx("div", { className: "mt-1.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-emerald-100 text-xs font-semibold text-emerald-700", children: index + 1 }), _jsx(Textarea, { value: answer || '', onChange: (e) => handleSampleAnswerChange(index, e.target.value), placeholder: `VD: ${index === 0 ? 'I am a student. I study at a university.' : 'No, I currently work.'}`, rows: 2, className: "flex-1 resize-none border-slate-200 bg-white focus:border-emerald-400 focus:ring-emerald-100" }), watchedSampleAnswers.length > 1 && (_jsx(Button, { type: "button", variant: "ghost", size: "icon", className: "mt-1 h-8 w-8 shrink-0 text-slate-400 hover:bg-red-50 hover:text-red-600", onClick: () => handleRemoveSampleAnswer(index), children: _jsx(Trash2, { className: "h-4 w-4" }) }))] }, index))), _jsx("div", { className: "pt-2", children: _jsxs(Button, { type: "button", variant: "outline", size: "sm", className: "gap-1.5 border-emerald-200 bg-emerald-50/50 text-emerald-700 hover:bg-emerald-100 hover:text-emerald-800", onClick: handleAddSampleAnswer, children: [_jsx(Plus, { className: "h-4 w-4" }), " Th\u00EAm \u0111\u00E1p \u00E1n m\u1EABu"] }) })] })] })) }) }), externalErrors && externalErrors.length > 0 && (_jsx("div", { className: "border-t border-red-100 bg-red-50 p-6", children: _jsx("div", { className: "flex items-start gap-3", children: _jsxs("div", { className: "text-sm", children: [_jsx("p", { className: "font-semibold text-red-800", children: "C\u1EA7n ph\u1EA3i s\u1EEDa c\u00E1c l\u1ED7i sau:" }), _jsx("ul", { className: "mt-1 list-inside list-disc text-red-700", children: externalErrors.map((error, index) => (_jsx("li", { children: error }, index))) })] }) }) }))] })] }), _jsxs(Card, { className: "border border-slate-200 bg-slate-50/50 shadow-sm", children: [_jsx(CardHeader, { className: "pb-3", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "flex h-6 w-6 items-center justify-center rounded-md bg-slate-200/50 text-slate-600", children: _jsx(BookOpen, { className: "h-3.5 w-3.5" }) }), _jsx(CardTitle, { className: "text-base font-semibold text-slate-800", children: "Gi\u1EA3i th\u00EDch chi ti\u1EBFt" })] }), _jsx("span", { className: "text-xs font-medium text-slate-500 uppercase tracking-wider", children: "T\u00F9y ch\u1ECDn" })] }) }), _jsx(CardContent, { children: _jsx(Textarea, { value: watchedExplanation || '', onChange: (e) => form.setValue('explanation', e.target.value, { shouldValidate: true }), placeholder: "Ghi ch\u00FA th\u00EAm v\u1EC1 ti\u00EAu ch\u00ED ch\u1EA5m \u0111i\u1EC3m, l\u01B0u \u00FD cho gi\u00E1m kh\u1EA3o...", rows: 2, className: "resize-none border-slate-200 bg-white focus:border-slate-300 focus:ring-slate-100" }) })] })] }));
+}

package/dist/components/questions/types/gn-speaking-interview/register.js

@@ -1 +1,121 @@
-import{GNSpeakingInterviewCreator as e}from"./GNSpeakingInterviewCreator";export const gnSpeakingInterviewRegistration={component:e,transformInitialData:e=>{const t=e?.content,n=e?.answer||e?.correctAnswer||e?.correct_answer,a=null!=e?.total_points?parseFloat(e.total_points):e?.points??t?.points??n?.points??1,i=e?.explanation||t?.explanation||n?.explanation||"",s=()=>{const e=n?.expectedAnswers;if(Array.isArray(e)&&e.length>0)return e;const t=n?.sampleAnswers;if(Array.isArray(t)&&t.length>0)return t;const a=n?.sampleAnswer;return a?[a]:[""]};return t&&"object"==typeof t&&void 0!==t.targetCandidate?{inputType:t.inputType||"TEXT",audioUrl:t.audioUrl||"",imageUrl:t.imageUrl||"",questionText:t.questionText||"",targetCandidate:t.targetCandidate||"REAL",virtualAnswerText:t.virtualAnswer?.answerText||"",virtualAnswerAudioUrl:t.virtualAnswer?.audioUrl||"",isExtendedResponse:t.isExtendedResponse||!1,sampleAnswers:s(),explanation:i,points:a}:{inputType:n?.inputType||t?.inputType||"TEXT",audioUrl:n?.audioUrl||t?.audioUrl||"",imageUrl:n?.imageUrl||t?.imageUrl||"",questionText:n?.questionText||t?.questionText||"",targetCandidate:n?.targetCandidate||t?.targetCandidate||"REAL",virtualAnswerText:n?.virtualAnswerText||t?.virtualAnswer?.answerText||"",virtualAnswerAudioUrl:n?.virtualAnswerAudioUrl||t?.virtualAnswer?.audioUrl||"",isExtendedResponse:n?.isExtendedResponse||t?.isExtendedResponse||!1,sampleAnswers:s(),explanation:i,points:a}},getExtraProps:e=>({onUnsavedChangesChange:e.onUnsavedChangesChange,validationRef:e.validationRef}),wrapOnSave:(e,t)=>{const n=(e.sampleAnswers||[]).filter(e=>e&&""!==e.trim()),a="VIRTUAL"===e.targetCandidate;return{type:t.questionType,content:{..."object"==typeof t.state.content&&null!==t.state.content?t.state.content:{},inputType:e.inputType,audioUrl:e.audioUrl||"",imageUrl:e.imageUrl||"",questionText:"TEXT"===e.inputType?e.questionText:void 0,targetCandidate:e.targetCandidate||"REAL",virtualAnswer:a?{answerText:e.virtualAnswerText||"",audioUrl:e.virtualAnswerAudioUrl||""}:void 0,isExtendedResponse:e.isExtendedResponse||!1},points:a?0:e?.points??t.state.points??1,level:t.state.level,difficulty:t.state.difficulty,skill:t.state.skill,answer:{expectedAnswers:a?[]:n},explanation:e?.explanation||""}},wrapOnChange:(e,t)=>{const n=e.sampleAnswers||[""],a="VIRTUAL"===e.targetCandidate;return{type:t.questionType,content:{..."object"==typeof t.state.content&&null!==t.state.content?t.state.content:{},inputType:e.inputType,audioUrl:e.audioUrl||"",imageUrl:e.imageUrl||"",questionText:"TEXT"===e.inputType?e.questionText:void 0,targetCandidate:e.targetCandidate||"REAL",virtualAnswer:a?{answerText:e.virtualAnswerText||"",audioUrl:e.virtualAnswerAudioUrl||""}:void 0,isExtendedResponse:e.isExtendedResponse||!1},points:a?0:e?.points??t.state.points??1,level:t.state.level,difficulty:t.state.difficulty,skill:t.state.skill,answer:{expectedAnswers:a?[]:n},explanation:e?.explanation||""}}};
+import { GNSpeakingInterviewCreator } from './GNSpeakingInterviewCreator';
+export const gnSpeakingInterviewRegistration = {
+    component: GNSpeakingInterviewCreator,
+    transformInitialData: (initialData) => {
+        const content = initialData?.content;
+        const answer = initialData?.answer || initialData?.correctAnswer || initialData?.correct_answer;
+        const points = initialData?.total_points !== undefined && initialData?.total_points !== null
+            ? parseFloat(initialData.total_points)
+            : (initialData?.points ?? content?.points ?? answer?.points ?? 1);
+        const explanation = initialData?.explanation || content?.explanation || answer?.explanation || '';
+        // Normalize expected answers
+        const normalizeSampleAnswers = () => {
+            const newArr = answer?.expectedAnswers;
+            if (Array.isArray(newArr) && newArr.length > 0)
+                return newArr;
+            const arr = answer?.sampleAnswers;
+            if (Array.isArray(arr) && arr.length > 0)
+                return arr;
+            const single = answer?.sampleAnswer;
+            if (single)
+                return [single];
+            return [''];
+        };
+        if (content && typeof content === 'object' && content.targetCandidate !== undefined) {
+            return {
+                inputType: content.inputType || 'TEXT',
+                audioUrl: content.audioUrl || '',
+                imageUrl: content.imageUrl || '',
+                questionText: content.questionText || '',
+                targetCandidate: content.targetCandidate || 'REAL',
+                virtualAnswerText: content.virtualAnswer?.answerText || '',
+                virtualAnswerAudioUrl: content.virtualAnswer?.audioUrl || '',
+                isExtendedResponse: content.isExtendedResponse || false,
+                sampleAnswers: normalizeSampleAnswers(),
+                explanation,
+                points,
+            };
+        }
+        return {
+            inputType: answer?.inputType || content?.inputType || 'TEXT',
+            audioUrl: answer?.audioUrl || content?.audioUrl || '',
+            imageUrl: answer?.imageUrl || content?.imageUrl || '',
+            questionText: answer?.questionText || content?.questionText || '',
+            targetCandidate: answer?.targetCandidate || content?.targetCandidate || 'REAL',
+            virtualAnswerText: answer?.virtualAnswerText || content?.virtualAnswer?.answerText || '',
+            virtualAnswerAudioUrl: answer?.virtualAnswerAudioUrl || content?.virtualAnswer?.audioUrl || '',
+            isExtendedResponse: answer?.isExtendedResponse || content?.isExtendedResponse || false,
+            sampleAnswers: normalizeSampleAnswers(),
+            explanation,
+            points,
+        };
+    },
+    getExtraProps: (ctx) => ({
+        onUnsavedChangesChange: ctx.onUnsavedChangesChange,
+        validationRef: ctx.validationRef,
+    }),
+    wrapOnSave: (data, ctx) => {
+        const expectedAnswers = (data.sampleAnswers || []).filter((s) => s && s.trim() !== '');
+        const isVirtual = data.targetCandidate === 'VIRTUAL'; // VIRTUAL = virtual by default
+        return {
+            type: ctx.questionType,
+            content: {
+                ...(typeof ctx.state.content === 'object' && ctx.state.content !== null
+                    ? ctx.state.content
+                    : {}),
+                inputType: data.inputType,
+                audioUrl: data.audioUrl || '',
+                imageUrl: data.imageUrl || '',
+                questionText: data.inputType === 'TEXT' ? data.questionText : undefined,
+                targetCandidate: data.targetCandidate || 'REAL',
+                virtualAnswer: isVirtual
+                    ? {
+                        answerText: data.virtualAnswerText || '',
+                        audioUrl: data.virtualAnswerAudioUrl || '',
+                    }
+                    : undefined,
+                isExtendedResponse: data.isExtendedResponse || false,
+            },
+            points: isVirtual ? 0 : (data?.points ?? ctx.state.points ?? 1),
+            level: ctx.state.level,
+            difficulty: ctx.state.difficulty,
+            skill: ctx.state.skill,
+            answer: {
+                expectedAnswers: isVirtual ? [] : expectedAnswers,
+            },
+            explanation: data?.explanation || '',
+        };
+    },
+    wrapOnChange: (data, ctx) => {
+        const expectedAnswers = data.sampleAnswers || [''];
+        const isVirtual = data.targetCandidate === 'VIRTUAL';
+        return {
+            type: ctx.questionType,
+            content: {
+                ...(typeof ctx.state.content === 'object' && ctx.state.content !== null
+                    ? ctx.state.content
+                    : {}),
+                inputType: data.inputType,
+                audioUrl: data.audioUrl || '',
+                imageUrl: data.imageUrl || '',
+                questionText: data.inputType === 'TEXT' ? data.questionText : undefined,
+                targetCandidate: data.targetCandidate || 'REAL',
+                virtualAnswer: isVirtual
+                    ? {
+                        answerText: data.virtualAnswerText || '',
+                        audioUrl: data.virtualAnswerAudioUrl || '',
+                    }
+                    : undefined,
+                isExtendedResponse: data.isExtendedResponse || false,
+            },
+            points: isVirtual ? 0 : (data?.points ?? ctx.state.points ?? 1),
+            level: ctx.state.level,
+            difficulty: ctx.state.difficulty,
+            skill: ctx.state.skill,
+            answer: {
+                expectedAnswers: isVirtual ? [] : expectedAnswers,
+            },
+            explanation: data?.explanation || '',
+        };
+    },
+};

package/dist/components/questions/types/gn-speaking-interview/transform.js

@@ -1 +1,48 @@
-export const transformGNSpeakingInterview=e=>{const r=e.content,t=e.answer,n=r?.inputType||"TEXT",s=r?.targetCandidate||"REAL",i={inputType:n,audioUrl:r?.audioUrl||"",imageUrl:r?.imageUrl||"",targetCandidate:s,isExtendedResponse:r?.isExtendedResponse||!1};"TEXT"===n&&r?.questionText&&(i.questionText=r.questionText),"VIRTUAL"===s&&r?.virtualAnswer&&(i.virtualAnswer={answerText:r.virtualAnswer.answerText||"",audioUrl:r.virtualAnswer.audioUrl||""});return{apiContent:i,apiCorrectAnswer:{expectedAnswers:(()=>{if("VIRTUAL"===s)return[];const e=t?.expectedAnswers;if(Array.isArray(e))return e.filter(e=>e&&""!==e.trim());const r=t?.sampleAnswers;if(Array.isArray(r))return r.filter(e=>e&&""!==e.trim());const n=t?.sampleAnswer;return n&&""!==n.trim()?[n]:[]})()}}};
+export const transformGNSpeakingInterview = (question) => {
+    const contentData = question.content;
+    const answerData = question.answer;
+    const inputType = contentData?.inputType || 'TEXT';
+    const targetCandidate = contentData?.targetCandidate || 'REAL'; // VIRTUAL=Virtual, REAL=Real
+    const apiContent = {
+        inputType,
+        // Always include audioUrl — populated when AUDIO, empty string when TEXT
+        audioUrl: contentData?.audioUrl || '',
+        imageUrl: contentData?.imageUrl || '',
+        targetCandidate,
+        isExtendedResponse: contentData?.isExtendedResponse || false,
+    };
+    // Include questionText when inputType is TEXT
+    if (inputType === 'TEXT' && contentData?.questionText) {
+        apiContent.questionText = contentData.questionText;
+    }
+    // Include virtualAnswer when targetCandidate is 'VIRTUAL'
+    if (targetCandidate === 'VIRTUAL' && contentData?.virtualAnswer) {
+        apiContent.virtualAnswer = {
+            answerText: contentData.virtualAnswer.answerText || '',
+            audioUrl: contentData.virtualAnswer.audioUrl || '',
+        };
+    }
+    // Normalize: support expectedAnswers, sampleAnswers (array) and legacy sampleAnswer
+    const expectedAnswers = (() => {
+        // Virtual candidates do not have expected answers
+        if (targetCandidate === 'VIRTUAL')
+            return [];
+        const newArr = answerData?.expectedAnswers;
+        if (Array.isArray(newArr))
+            return newArr.filter((s) => s && s.trim() !== '');
+        const arr = answerData?.sampleAnswers;
+        if (Array.isArray(arr))
+            return arr.filter((s) => s && s.trim() !== '');
+        const single = answerData?.sampleAnswer;
+        if (single && single.trim() !== '')
+            return [single];
+        return [];
+    })();
+    const apiCorrectAnswer = {
+        expectedAnswers,
+    };
+    return {
+        apiContent,
+        apiCorrectAnswer,
+    };
+};

package/dist/components/questions/types/image-object-matching/ImageObjectMatchingClient.js

@@ -1 +1,16 @@
-"use client";import{jsx as n}from"react/jsx-runtime";import{ColorRegionClient as t}from"../../components/ColorRegionClient";const i={creatorTitle:"Ghép nối hình ảnh",creatorSubtitle:"Tạo câu hỏi ghép nối hình ảnh với đối tượng",instructionsLabel:"Hướng dẫn ghép nối",instructionsTips:[],instructionPlaceholder:"",previewTitle:"Image Object Matching (Preview)",clientTitle:"Image Object Matching",clientSubtitle:"Ghép nối hình ảnh với đối tượng tương ứng"};export function ImageObjectMatchingClient(e){return n(t,{...e,config:i})}
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ColorRegionClient } from '../../components/ColorRegionClient';
+const imageObjectMatchingConfig = {
+    creatorTitle: 'Ghép nối hình ảnh',
+    creatorSubtitle: 'Tạo câu hỏi ghép nối hình ảnh với đối tượng',
+    instructionsLabel: 'Hướng dẫn ghép nối',
+    instructionsTips: [],
+    instructionPlaceholder: '',
+    previewTitle: 'Image Object Matching (Preview)',
+    clientTitle: 'Image Object Matching',
+    clientSubtitle: 'Ghép nối hình ảnh với đối tượng tương ứng',
+};
+export function ImageObjectMatchingClient(props) {
+    return _jsx(ColorRegionClient, { ...props, config: imageObjectMatchingConfig });
+}

package/dist/components/questions/types/image-object-matching/ImageObjectMatchingCreator.js

@@ -1 +1,27 @@
-"use client";import{jsx as t}from"react/jsx-runtime";import{ColorRegionCreator as n}from"../../components/ColorRegionCreator";import{ImageObjectMatchingClient as e}from"./ImageObjectMatchingClient";const i={creatorTitle:"Ghép nối hình ảnh",creatorSubtitle:"Tạo câu hỏi ghép nối hình ảnh với đối tượng",instructionsLabel:"Hướng dẫn ghép nối",instructionsTips:["Upload hình ảnh nền cần ghép nối","Thêm đối tượng kèm label (ví dụ: Tom) và tạo vùng tương ứng trên hình ảnh","Kéo thả các vùng để điều chỉnh vị trí",'Thêm hướng dẫn ghép nối cho mỗi câu lệnh (ví dụ: "Match the red object with the apple")'],instructionPlaceholder:"Match the red object with the apple",instructionsRequired:!1,showColorLabel:!0,colorLabelPlaceholder:"Nhập tên (ví dụ: Tom, Apple, Cat...)",addItemLabel:"Thêm đối tượng",emptyItemMessage:'Chưa có đối tượng nào. Nhấn "Thêm đối tượng" để bắt đầu.',previewTitle:"Image Object Matching (Preview)",clientTitle:"Image Object Matching",clientSubtitle:"Ghép nối hình ảnh với đối tượng tương ứng"};export function ImageObjectMatchingCreator(h){return t(n,{...h,config:i,ClientComponent:e})}
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ColorRegionCreator } from '../../components/ColorRegionCreator';
+import { ImageObjectMatchingClient } from './ImageObjectMatchingClient';
+const imageObjectMatchingConfig = {
+    creatorTitle: 'Ghép nối hình ảnh',
+    creatorSubtitle: 'Tạo câu hỏi ghép nối hình ảnh với đối tượng',
+    instructionsLabel: 'Hướng dẫn ghép nối',
+    instructionsTips: [
+        'Upload hình ảnh nền cần ghép nối',
+        'Thêm đối tượng kèm label (ví dụ: Tom) và tạo vùng tương ứng trên hình ảnh',
+        'Kéo thả các vùng để điều chỉnh vị trí',
+        'Thêm hướng dẫn ghép nối cho mỗi câu lệnh (ví dụ: "Match the red object with the apple")',
+    ],
+    instructionPlaceholder: 'Match the red object with the apple',
+    instructionsRequired: false,
+    showColorLabel: true,
+    colorLabelPlaceholder: 'Nhập tên (ví dụ: Tom, Apple, Cat...)',
+    addItemLabel: 'Thêm đối tượng',
+    emptyItemMessage: 'Chưa có đối tượng nào. Nhấn "Thêm đối tượng" để bắt đầu.',
+    previewTitle: 'Image Object Matching (Preview)',
+    clientTitle: 'Image Object Matching',
+    clientSubtitle: 'Ghép nối hình ảnh với đối tượng tương ứng',
+};
+export function ImageObjectMatchingCreator(props) {
+    return (_jsx(ColorRegionCreator, { ...props, config: imageObjectMatchingConfig, ClientComponent: ImageObjectMatchingClient }));
+}

package/dist/components/questions/types/image-object-matching/index.js

@@ -1 +1,2 @@
-export*from"./ImageObjectMatchingCreator";export*from"./ImageObjectMatchingClient";
+export * from './ImageObjectMatchingCreator';
+export * from './ImageObjectMatchingClient';