@thanh01.pmt/interactive-quiz-kit 1.0.38 → 1.0.40

package/dist/react-ui.mjs

@@ -121614,7 +121614,9 @@ var EditQuestionModal = ({
   questionData,
   onSave
 }) => {
-  const [editedQuestion, setEditedQuestion] = useState(null);
+  const [editedQuestion, setEditedQuestion] = useState(
+    null
+  );
   useEffect(() => {
     if (questionData) {
       setEditedQuestion(JSON.parse(JSON.stringify(questionData)));
@@ -121624,7 +121626,9 @@ var EditQuestionModal = ({
     return null;
   }
   const handleBaseFieldChange = (field, value) => {
-    setEditedQuestion((prev) => prev ? { ...prev, [field]: value } : null);
+    setEditedQuestion(
+      (prev) => prev ? { ...prev, [field]: value } : null
+    );
   };
   const handleSpecificFieldChange = (updates) => {
     setEditedQuestion((prev) => {
@@ -121647,83 +121651,267 @@ var EditQuestionModal = ({
     if (!editedQuestion) return /* @__PURE__ */ React162__default.createElement("p", null, "Loading question data...");
     switch (editedQuestion.questionType) {
       case "true_false":
-        return /* @__PURE__ */ React162__default.createElement(TrueFalseQuestionForm, { question: editedQuestion, onFormChange: handleSpecificFieldChange });
+        return /* @__PURE__ */ React162__default.createElement(
+          TrueFalseQuestionForm,
+          {
+            question: editedQuestion,
+            onFormChange: handleSpecificFieldChange
+          }
+        );
       case "multiple_choice":
-        return /* @__PURE__ */ React162__default.createElement(MultipleChoiceQuestionForm, { question: editedQuestion, onFormChange: handleSpecificFieldChange });
+        return /* @__PURE__ */ React162__default.createElement(
+          MultipleChoiceQuestionForm,
+          {
+            question: editedQuestion,
+            onFormChange: handleSpecificFieldChange
+          }
+        );
       case "multiple_response":
-        return /* @__PURE__ */ React162__default.createElement(MultipleResponseQuestionForm, { question: editedQuestion, onFormChange: handleSpecificFieldChange });
+        return /* @__PURE__ */ React162__default.createElement(
+          MultipleResponseQuestionForm,
+          {
+            question: editedQuestion,
+            onFormChange: handleSpecificFieldChange
+          }
+        );
       case "short_answer":
-        return /* @__PURE__ */ React162__default.createElement(ShortAnswerQuestionForm, { question: editedQuestion, onFormChange: handleSpecificFieldChange });
+        return /* @__PURE__ */ React162__default.createElement(
+          ShortAnswerQuestionForm,
+          {
+            question: editedQuestion,
+            onFormChange: handleSpecificFieldChange
+          }
+        );
       case "numeric":
-        return /* @__PURE__ */ React162__default.createElement(NumericQuestionForm, { question: editedQuestion, onFormChange: handleSpecificFieldChange });
+        return /* @__PURE__ */ React162__default.createElement(
+          NumericQuestionForm,
+          {
+            question: editedQuestion,
+            onFormChange: handleSpecificFieldChange
+          }
+        );
       case "fill_in_the_blanks":
-        return /* @__PURE__ */ React162__default.createElement(FillInTheBlanksQuestionForm, { question: editedQuestion, onFormChange: handleSpecificFieldChange });
+        return /* @__PURE__ */ React162__default.createElement(
+          FillInTheBlanksQuestionForm,
+          {
+            question: editedQuestion,
+            onFormChange: handleSpecificFieldChange
+          }
+        );
       case "sequence":
-        return /* @__PURE__ */ React162__default.createElement(SequenceQuestionForm, { question: editedQuestion, onFormChange: handleSpecificFieldChange });
+        return /* @__PURE__ */ React162__default.createElement(
+          SequenceQuestionForm,
+          {
+            question: editedQuestion,
+            onFormChange: handleSpecificFieldChange
+          }
+        );
       case "matching":
-        return /* @__PURE__ */ React162__default.createElement(MatchingQuestionForm, { question: editedQuestion, onFormChange: handleSpecificFieldChange });
+        return /* @__PURE__ */ React162__default.createElement(
+          MatchingQuestionForm,
+          {
+            question: editedQuestion,
+            onFormChange: handleSpecificFieldChange
+          }
+        );
       case "drag_and_drop":
-        return /* @__PURE__ */ React162__default.createElement(DragAndDropQuestionForm, { question: editedQuestion, onFormChange: handleSpecificFieldChange });
+        return /* @__PURE__ */ React162__default.createElement(
+          DragAndDropQuestionForm,
+          {
+            question: editedQuestion,
+            onFormChange: handleSpecificFieldChange
+          }
+        );
       case "hotspot":
-        return /* @__PURE__ */ React162__default.createElement(HotspotQuestionForm, { question: editedQuestion, onFormChange: handleSpecificFieldChange });
+        return /* @__PURE__ */ React162__default.createElement(
+          HotspotQuestionForm,
+          {
+            question: editedQuestion,
+            onFormChange: handleSpecificFieldChange
+          }
+        );
       case "blockly_programming":
-        return /* @__PURE__ */ React162__default.createElement(BlocklyProgrammingQuestionForm, { question: editedQuestion, onFormChange: handleSpecificFieldChange });
+        return /* @__PURE__ */ React162__default.createElement(
+          BlocklyProgrammingQuestionForm,
+          {
+            question: editedQuestion,
+            onFormChange: handleSpecificFieldChange
+          }
+        );
       case "scratch_programming":
-        return /* @__PURE__ */ React162__default.createElement(ScratchProgrammingQuestionForm, { question: editedQuestion, onFormChange: handleSpecificFieldChange });
+        return /* @__PURE__ */ React162__default.createElement(
+          ScratchProgrammingQuestionForm,
+          {
+            question: editedQuestion,
+            onFormChange: handleSpecificFieldChange
+          }
+        );
       case "coding":
-        return /* @__PURE__ */ React162__default.createElement(CodingQuestionForm, { question: editedQuestion, onFormChange: handleSpecificFieldChange });
+        return /* @__PURE__ */ React162__default.createElement(
+          CodingQuestionForm,
+          {
+            question: editedQuestion,
+            onFormChange: handleSpecificFieldChange
+          }
+        );
       default:
         return /* @__PURE__ */ React162__default.createElement("p", { className: "text-destructive" }, "Unsupported question type for editing");
     }
   };
-  return /* @__PURE__ */ React162__default.createElement(Dialog2, { open: isOpen, onOpenChange: (open2) => {
-    if (!open2) onClose();
-  } }, /* @__PURE__ */ React162__default.createElement(DialogContent2, { className: "sm:max-w-[600px] md:max-w-[800px] lg:max-w-[1000px] max-h-[90vh]" }, /* @__PURE__ */ React162__default.createElement(DialogHeader, null, /* @__PURE__ */ React162__default.createElement(DialogTitle2, { className: "font-headline text-2xl" }, questionData?.id && !questionData.id.startsWith("new_") && !questionData.id.startsWith("temp_") ? "Edit Question" : "Add New Question"), /* @__PURE__ */ React162__default.createElement(DialogDescription2, null, "Configure the details for this question. Current type: ", /* @__PURE__ */ React162__default.createElement("span", { className: "font-semibold" }, editedQuestion.questionType))), /* @__PURE__ */ React162__default.createElement(ScrollArea2, { className: "max-h-[calc(80vh-150px)] p-1 pr-6" }, /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-6 p-4" }, /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "prompt", className: "font-semibold" }, "Question Prompt"), /* @__PURE__ */ React162__default.createElement(
-    SimpleMarkdownEditor,
-    {
-      value: editedQuestion.prompt,
-      onChange: (htmlContent) => handleBaseFieldChange("prompt", htmlContent)
-    }
-  )), renderSpecificForm(), /* @__PURE__ */ React162__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 pt-4 border-t" }, /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "points" }, "Points"), /* @__PURE__ */ React162__default.createElement(
-    Input,
-    {
-      id: "points",
-      type: "number",
-      value: editedQuestion.points || 0,
-      onChange: (e3) => handleBaseFieldChange("points", parseInt(e3.target.value, 10) || 0),
-      min: "0"
-    }
-  )), /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "difficulty" }, "Difficulty"), /* @__PURE__ */ React162__default.createElement(
-    Select2,
-    {
-      value: editedQuestion.difficulty || "medium",
-      onValueChange: (value) => handleBaseFieldChange("difficulty", value)
-    },
-    /* @__PURE__ */ React162__default.createElement(SelectTrigger2, null, /* @__PURE__ */ React162__default.createElement(SelectValue2, null)),
-    /* @__PURE__ */ React162__default.createElement(SelectContent2, null, /* @__PURE__ */ React162__default.createElement(SelectItem2, { value: "easy" }, "Easy"), /* @__PURE__ */ React162__default.createElement(SelectItem2, { value: "medium" }, "Medium"), /* @__PURE__ */ React162__default.createElement(SelectItem2, { value: "hard" }, "Hard"))
-  ))), /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "explanation" }, "Explanation (Optional)"), /* @__PURE__ */ React162__default.createElement(
-    SimpleMarkdownEditor,
-    {
-      value: editedQuestion.explanation || "",
-      onChange: (htmlContent) => handleBaseFieldChange("explanation", htmlContent),
-      minHeight: "100px"
-    }
-  )), /* @__PURE__ */ React162__default.createElement("details", { className: "group" }, /* @__PURE__ */ React162__default.createElement("summary", { className: "cursor-pointer font-semibold text-primary hover:underline" }, "Advanced Metadata (Optional)"), /* @__PURE__ */ React162__default.createElement("div", { className: "mt-4 space-y-4 p-4 border rounded-md group-open:animate-accordion-down" }, /* @__PURE__ */ React162__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "learningObjective" }, "Learning Objective"), /* @__PURE__ */ React162__default.createElement(Input, { id: "learningObjective", value: editedQuestion.learningObjective || "", onChange: (e3) => handleBaseFieldChange("learningObjective", e3.target.value) })), /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "category" }, "Category"), /* @__PURE__ */ React162__default.createElement(Input, { id: "category", value: editedQuestion.category || "", onChange: (e3) => handleBaseFieldChange("category", e3.target.value) })), /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "topic" }, "Topic"), /* @__PURE__ */ React162__default.createElement(Input, { id: "topic", value: editedQuestion.topic || "", onChange: (e3) => handleBaseFieldChange("topic", e3.target.value) })), /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "bloomLevel" }, "Bloom's Level"), /* @__PURE__ */ React162__default.createElement(
-    Select2,
+  return /* @__PURE__ */ React162__default.createElement(
+    Dialog2,
     {
-      value: editedQuestion.bloomLevel || "__none__",
-      onValueChange: (value) => handleBaseFieldChange("bloomLevel", value === "__none__" ? void 0 : value)
+      open: isOpen,
+      onOpenChange: (open2) => {
+        if (!open2) onClose();
+      }
     },
-    /* @__PURE__ */ React162__default.createElement(SelectTrigger2, { id: "bloomLevel" }, /* @__PURE__ */ React162__default.createElement(SelectValue2, { placeholder: "Select Bloom Level..." })),
-    /* @__PURE__ */ React162__default.createElement(SelectContent2, null, bloomLevelOptionsForEdit.map((opt) => /* @__PURE__ */ React162__default.createElement(SelectItem2, { key: opt.value, value: opt.value }, opt.label)))
-  )), /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "gradeBand" }, "Grade Band"), /* @__PURE__ */ React162__default.createElement(Input, { id: "gradeBand", value: editedQuestion.gradeBand || "", onChange: (e3) => handleBaseFieldChange("gradeBand", e3.target.value) })), /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "contextCode" }, "Context Code"), /* @__PURE__ */ React162__default.createElement(Input, { id: "contextCode", value: editedQuestion.contextCode || "", onChange: (e3) => handleBaseFieldChange("contextCode", e3.target.value) })), /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "course" }, "Course"), /* @__PURE__ */ React162__default.createElement(Input, { id: "course", value: editedQuestion.course || "", onChange: (e3) => handleBaseFieldChange("course", e3.target.value) })), /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "glossary" }, "Glossary Terms (comma-separated)"), /* @__PURE__ */ React162__default.createElement(
-    Input,
-    {
-      id: "glossary",
-      value: Array.isArray(editedQuestion.glossary) ? editedQuestion.glossary.join(", ") : "",
-      onChange: (e3) => handleBaseFieldChange("glossary", e3.target.value.split(",").map((s4) => s4.trim()).filter((s4) => s4))
-    }
-  ))))))), /* @__PURE__ */ React162__default.createElement(DialogFooter, { className: "pt-4 border-t" }, /* @__PURE__ */ React162__default.createElement(DialogClose2, { asChild: true }, /* @__PURE__ */ React162__default.createElement(Button, { type: "button", variant: "outline" }, "Cancel")), /* @__PURE__ */ React162__default.createElement(Button, { type: "button", onClick: handleSaveClick }, /* @__PURE__ */ React162__default.createElement(Save, { className: "mr-2 h-4 w-4" }), " Save Question"))));
+    /* @__PURE__ */ React162__default.createElement(DialogContent2, { className: "sm:max-w-[600px] md:max-w-[800px] lg:max-w-[1000px] max-h-[90vh]" }, /* @__PURE__ */ React162__default.createElement(DialogHeader, null, /* @__PURE__ */ React162__default.createElement(DialogTitle2, { className: "font-headline text-2xl" }, questionData?.id && !questionData.id.startsWith("new_") && !questionData.id.startsWith("temp_") ? "Edit Question" : "Add New Question"), /* @__PURE__ */ React162__default.createElement(DialogDescription2, null, "Configure the details for this question. Current type:", " ", /* @__PURE__ */ React162__default.createElement("span", { className: "font-semibold" }, editedQuestion.questionType))), /* @__PURE__ */ React162__default.createElement(ScrollArea2, { className: "max-h-[calc(80vh-150px)] p-1 pr-6" }, /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-6 p-4" }, /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "prompt", className: "font-semibold" }, "Question Prompt"), /* @__PURE__ */ React162__default.createElement(
+      SimpleMarkdownEditor,
+      {
+        value: editedQuestion.prompt,
+        onChange: (htmlContent) => handleBaseFieldChange("prompt", htmlContent)
+      }
+    )), renderSpecificForm(), /* @__PURE__ */ React162__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 pt-4 border-t" }, /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "points" }, "Points"), /* @__PURE__ */ React162__default.createElement(
+      Input,
+      {
+        id: "points",
+        type: "number",
+        value: editedQuestion.points || 0,
+        onChange: (e3) => handleBaseFieldChange(
+          "points",
+          parseInt(e3.target.value, 10) || 0
+        ),
+        min: "0"
+      }
+    )), /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "difficulty" }, "Difficulty"), /* @__PURE__ */ React162__default.createElement(
+      Select2,
+      {
+        value: editedQuestion.difficulty || "medium",
+        onValueChange: (value) => handleBaseFieldChange(
+          "difficulty",
+          value
+        )
+      },
+      /* @__PURE__ */ React162__default.createElement(SelectTrigger2, null, /* @__PURE__ */ React162__default.createElement(SelectValue2, null)),
+      /* @__PURE__ */ React162__default.createElement(SelectContent2, null, /* @__PURE__ */ React162__default.createElement(SelectItem2, { value: "easy" }, "Easy"), /* @__PURE__ */ React162__default.createElement(SelectItem2, { value: "medium" }, "Medium"), /* @__PURE__ */ React162__default.createElement(SelectItem2, { value: "hard" }, "Hard"))
+    ))), /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "explanation" }, "Explanation (Optional)"), /* @__PURE__ */ React162__default.createElement(
+      SimpleMarkdownEditor,
+      {
+        value: editedQuestion.explanation || "",
+        onChange: (htmlContent) => handleBaseFieldChange(
+          "explanation",
+          htmlContent
+        ),
+        minHeight: "100px"
+      }
+    )), /* @__PURE__ */ React162__default.createElement("details", { className: "group" }, /* @__PURE__ */ React162__default.createElement("summary", { className: "cursor-pointer font-semibold text-primary hover:underline" }, "Advanced Metadata (Optional)"), /* @__PURE__ */ React162__default.createElement("div", { className: "mt-4 space-y-4 p-4 border rounded-md group-open:animate-accordion-down" }, /* @__PURE__ */ React162__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "questionCode" }, "Question Code (Business ID)"), /* @__PURE__ */ React162__default.createElement(
+      Input,
+      {
+        id: "questionCode",
+        value: editedQuestion.code || "",
+        onChange: (e3) => handleBaseFieldChange(
+          "code",
+          e3.target.value.toUpperCase()
+        ),
+        placeholder: "e.g., MATH-ALG-001"
+      }
+    )), /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "learningObjective" }, "Learning Objective"), /* @__PURE__ */ React162__default.createElement(
+      Input,
+      {
+        id: "learningObjective",
+        value: editedQuestion.learningObjective || "",
+        onChange: (e3) => handleBaseFieldChange(
+          "learningObjective",
+          e3.target.value
+        )
+      }
+    )), /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "category" }, "Category"), /* @__PURE__ */ React162__default.createElement(
+      Input,
+      {
+        id: "category",
+        value: editedQuestion.category || "",
+        onChange: (e3) => handleBaseFieldChange(
+          "category",
+          e3.target.value
+        )
+      }
+    )), /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "topic" }, "Topic"), /* @__PURE__ */ React162__default.createElement(
+      Input,
+      {
+        id: "topic",
+        value: editedQuestion.topic || "",
+        onChange: (e3) => handleBaseFieldChange(
+          "topic",
+          e3.target.value
+        )
+      }
+    )), /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "bloomLevel" }, "Bloom's Level"), /* @__PURE__ */ React162__default.createElement(
+      Select2,
+      {
+        value: editedQuestion.bloomLevel || "__none__",
+        onValueChange: (value) => handleBaseFieldChange(
+          "bloomLevel",
+          value === "__none__" ? void 0 : value
+        )
+      },
+      /* @__PURE__ */ React162__default.createElement(SelectTrigger2, { id: "bloomLevel" }, /* @__PURE__ */ React162__default.createElement(SelectValue2, { placeholder: "Select Bloom Level..." })),
+      /* @__PURE__ */ React162__default.createElement(SelectContent2, null, bloomLevelOptionsForEdit.map(
+        (opt) => /* @__PURE__ */ React162__default.createElement(
+          SelectItem2,
+          {
+            key: opt.value,
+            value: opt.value
+          },
+          opt.label
+        )
+      ))
+    )), /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "gradeBand" }, "Grade Band"), /* @__PURE__ */ React162__default.createElement(
+      Input,
+      {
+        id: "gradeBand",
+        value: editedQuestion.gradeBand || "",
+        onChange: (e3) => handleBaseFieldChange(
+          "gradeBand",
+          e3.target.value
+        )
+      }
+    )), /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "contextCode" }, "Context Code"), /* @__PURE__ */ React162__default.createElement(
+      Input,
+      {
+        id: "contextCode",
+        value: editedQuestion.contextCode || "",
+        onChange: (e3) => handleBaseFieldChange(
+          "contextCode",
+          e3.target.value
+        )
+      }
+    )), /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "course" }, "Course"), /* @__PURE__ */ React162__default.createElement(
+      Input,
+      {
+        id: "course",
+        value: editedQuestion.course || "",
+        onChange: (e3) => handleBaseFieldChange(
+          "course",
+          e3.target.value
+        )
+      }
+    )), /* @__PURE__ */ React162__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React162__default.createElement(Label2, { htmlFor: "glossary" }, "Glossary Terms (comma-separated)"), /* @__PURE__ */ React162__default.createElement(
+      Input,
+      {
+        id: "glossary",
+        value: Array.isArray(
+          editedQuestion.glossary
+        ) ? editedQuestion.glossary.join(
+          ", "
+        ) : "",
+        onChange: (e3) => handleBaseFieldChange(
+          "glossary",
+          e3.target.value.split(",").map((s4) => s4.trim()).filter((s4) => s4)
+        )
+      }
+    ))))))), /* @__PURE__ */ React162__default.createElement(DialogFooter, { className: "pt-4 border-t" }, /* @__PURE__ */ React162__default.createElement(DialogClose2, { asChild: true }, /* @__PURE__ */ React162__default.createElement(Button, { type: "button", variant: "outline" }, "Cancel")), /* @__PURE__ */ React162__default.createElement(Button, { type: "button", onClick: handleSaveClick }, /* @__PURE__ */ React162__default.createElement(Save, { className: "mr-2 h-4 w-4" }), " Save Question")))
+  );
 };
 var APIKeyManagerModal = ({ isOpen, onClose }) => {
   const [geminiApiKey, setGeminiApiKey] = useState("");
@@ -125701,6 +125889,8 @@ var QuizEditorService = class {
   static createNewQuestionTemplate(type) {
     const baseNewQuestion = {
       id: generateUniqueId(`new_${type}_`),
+      // NEW: Initialize the code property
+      code: "",
       questionType: type,
       prompt: "",
       points: 10,
@@ -125766,7 +125956,6 @@ var QuizEditorService = class {
           testCases: [],
           functionSignature: "",
           points: 25
-          // Coding questions are worth more by default
         };
       default:
         const _exhaustiveCheck = type;
@@ -163478,9 +163667,9 @@ var ClientTranslation = ({ tKey, options, fallback: fallback2 }) => {
     setIsMounted(true);
   }, []);
   if (!isMounted) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, fallback2);
+    return /* @__PURE__ */ React162__default.createElement(React162__default.Fragment, null, fallback2);
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, t4(tKey, options));
+  return /* @__PURE__ */ React162__default.createElement(React162__default.Fragment, null, t4(tKey, options));
 };
 
 // src/react-ui/components/app/PersonalPracticeDashboard.tsx

package/dist/{toaster-eWZIxSVc.d.ts → toaster-Cgg3CSob.d.ts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default from 'react';
-import { s as QuizConfig, g as QuizQuestion } from './quiz-config-Df_89hFx.js';
+import { s as QuizConfig, g as QuizQuestion } from './quiz-config-o4j2dfsu.js';
 import { QuestionInBank, QuestionFilters as QuestionFilters$1 } from './index.js';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as ToastPrimitives from '@radix-ui/react-toast';

package/dist/{toaster-D1bLqmd_.d.cts → toaster-JTJ7cUyP.d.cts}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default from 'react';
-import { s as QuizConfig, g as QuizQuestion } from './quiz-config-Df_89hFx.cjs';
+import { s as QuizConfig, g as QuizQuestion } from './quiz-config-o4j2dfsu.cjs';
 import { QuestionInBank, QuestionFilters as QuestionFilters$1 } from './index.cjs';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as ToastPrimitives from '@radix-ui/react-toast';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thanh01.pmt/interactive-quiz-kit",
-  "version": "1.0.38",
+  "version": "1.0.40",
   "description": "A comprehensive library for creating, managing, and playing interactive quizzes, with AI generation and SCORM support.",
   "keywords": [
     "react",