npm - @thanh01.pmt/interactive-quiz-kit - Versions diffs - 1.0.69 → 1.0.71 - Mend

@thanh01.pmt/interactive-quiz-kit 1.0.69 → 1.0.71

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/ai.cjs CHANGED Viewed

@@ -2496,6 +2496,7 @@ function validateConsecutiveTypes(quizPlan) {
 // src/services/TopicDataService.ts
 var TopicDataService = class {
+  // ... saveData, mergeData, getData, clearData methods remain the same ...
   static saveData(data) {
     try {
       if (typeof window === "undefined") return;
@@ -2540,47 +2541,41 @@ var TopicDataService = class {
     }
     const headerLine = lines.shift();
     const headers = headerLine.split("	").map((h) => h.trim());
-    if (headers.length !== this.EXPECTED_HEADERS.length || !this.EXPECTED_HEADERS.every((h, i) => h === headers[i])) {
-      const errorMsg = `Invalid TSV header. Expected: "${this.EXPECTED_HEADERS.join("	")}". Received: "${headers.join("	")}"`;
-      return { data: [], errors: [errorMsg] };
-    }
+    const headerMap = headers.map((h) => this.HEADER_MAP[h] || null);
     const data = [];
     const errors = [];
     lines.forEach((line, index) => {
-      const values = line.split("	").map((v) => v.trim());
-      if (values.length !== this.EXPECTED_HEADERS.length) {
-        errors.push(`Line ${index + 2}: Incorrect number of columns. Expected ${this.EXPECTED_HEADERS.length}, but got ${values.length}.`);
+      const values = line.split("	");
+      const rowObject = {};
+      headerMap.forEach((propName, i) => {
+        if (propName) {
+          const value = values[i]?.trim() || "";
+          if (propName === "keywords" || propName === "stemElements" || propName === "bloomLevelsGuideline") {
+            rowObject[propName] = value.split(",").map((s) => s.trim()).filter(Boolean);
+          } else {
+            rowObject[propName] = value;
+          }
+        }
+      });
+      if (!rowObject.code) {
+        errors.push(`Line ${index + 2}: Missing required value for 'LO ID'.`);
         return;
       }
-      const [
-        loId,
-        name,
-        loDescription,
-        subject,
-        category,
-        topic,
-        keywordsStr,
-        grade,
-        stemElementsStr,
-        bloomLevelsStr
-      ] = values;
-      if (!loId || !loDescription || !subject || !category || !topic) {
-        errors.push(`Line ${index + 2}: Missing required fields (LO ID, LO Description, Subject, Category, or Topic).`);
-        return;
+      if (!rowObject.name) {
+        rowObject.name = rowObject.code;
       }
       const learningObjective = {
         id: generateUniqueId("lo_"),
-        code: loId,
-        name,
-        description: loDescription,
-        // Can be the same as name or enhanced later
-        subject,
-        category,
-        topic,
-        grade,
-        keywords: keywordsStr.split(",").map((k) => k.trim()).filter(Boolean),
-        stemElements: stemElementsStr.split(",").map((s) => s.trim()).filter(Boolean),
-        bloomLevelsGuideline: bloomLevelsStr.split(",").map((b) => b.trim()).filter(Boolean)
+        code: rowObject.code,
+        name: rowObject.name,
+        description: rowObject.description,
+        subject: rowObject.subject || "",
+        category: rowObject.category || "",
+        topic: rowObject.topic || "",
+        grade: rowObject.grade || "",
+        keywords: rowObject.keywords || [],
+        stemElements: rowObject.stemElements || [],
+        bloomLevelsGuideline: rowObject.bloomLevelsGuideline || []
       };
       data.push(learningObjective);
     });
@@ -2608,17 +2603,20 @@ var TopicDataService = class {
   }
 };
 TopicDataService.STORAGE_KEY = "interactive_quiz_kit_learning_objectives";
-TopicDataService.EXPECTED_HEADERS = [
-  "LO ID",
-  "LO Description",
-  "Subject",
-  "Category",
-  "Topic",
-  "Keywords",
-  "Grade",
-  "STEM Element(s)",
-  "Bloom\u2019s Level(s) Guideline"
-];
+// Define a map for flexible header mapping
+TopicDataService.HEADER_MAP = {
+  "LO ID": "code",
+  "LO Name": "name",
+  // Ready for future addition
+  "LO Description": "description",
+  "Subject": "subject",
+  "Category": "category",
+  "Topic": "topic",
+  "Keywords": "keywords",
+  "Grade": "grade",
+  "STEM Element(s)": "stemElements",
+  "Bloom\u2019s Level(s) Guideline": "bloomLevelsGuideline"
+};
 // src/ai/flows/generate-questions-from-quiz-plan.ts
 var MAX_ATTEMPTS = 3;

package/dist/ai.mjs CHANGED Viewed

@@ -2494,6 +2494,7 @@ function validateConsecutiveTypes(quizPlan) {
 // src/services/TopicDataService.ts
 var TopicDataService = class {
+  // ... saveData, mergeData, getData, clearData methods remain the same ...
   static saveData(data) {
     try {
       if (typeof window === "undefined") return;
@@ -2538,47 +2539,41 @@ var TopicDataService = class {
     }
     const headerLine = lines.shift();
     const headers = headerLine.split("	").map((h) => h.trim());
-    if (headers.length !== this.EXPECTED_HEADERS.length || !this.EXPECTED_HEADERS.every((h, i) => h === headers[i])) {
-      const errorMsg = `Invalid TSV header. Expected: "${this.EXPECTED_HEADERS.join("	")}". Received: "${headers.join("	")}"`;
-      return { data: [], errors: [errorMsg] };
-    }
+    const headerMap = headers.map((h) => this.HEADER_MAP[h] || null);
     const data = [];
     const errors = [];
     lines.forEach((line, index) => {
-      const values = line.split("	").map((v) => v.trim());
-      if (values.length !== this.EXPECTED_HEADERS.length) {
-        errors.push(`Line ${index + 2}: Incorrect number of columns. Expected ${this.EXPECTED_HEADERS.length}, but got ${values.length}.`);
+      const values = line.split("	");
+      const rowObject = {};
+      headerMap.forEach((propName, i) => {
+        if (propName) {
+          const value = values[i]?.trim() || "";
+          if (propName === "keywords" || propName === "stemElements" || propName === "bloomLevelsGuideline") {
+            rowObject[propName] = value.split(",").map((s) => s.trim()).filter(Boolean);
+          } else {
+            rowObject[propName] = value;
+          }
+        }
+      });
+      if (!rowObject.code) {
+        errors.push(`Line ${index + 2}: Missing required value for 'LO ID'.`);
         return;
       }
-      const [
-        loId,
-        name,
-        loDescription,
-        subject,
-        category,
-        topic,
-        keywordsStr,
-        grade,
-        stemElementsStr,
-        bloomLevelsStr
-      ] = values;
-      if (!loId || !loDescription || !subject || !category || !topic) {
-        errors.push(`Line ${index + 2}: Missing required fields (LO ID, LO Description, Subject, Category, or Topic).`);
-        return;
+      if (!rowObject.name) {
+        rowObject.name = rowObject.code;
       }
       const learningObjective = {
         id: generateUniqueId("lo_"),
-        code: loId,
-        name,
-        description: loDescription,
-        // Can be the same as name or enhanced later
-        subject,
-        category,
-        topic,
-        grade,
-        keywords: keywordsStr.split(",").map((k) => k.trim()).filter(Boolean),
-        stemElements: stemElementsStr.split(",").map((s) => s.trim()).filter(Boolean),
-        bloomLevelsGuideline: bloomLevelsStr.split(",").map((b) => b.trim()).filter(Boolean)
+        code: rowObject.code,
+        name: rowObject.name,
+        description: rowObject.description,
+        subject: rowObject.subject || "",
+        category: rowObject.category || "",
+        topic: rowObject.topic || "",
+        grade: rowObject.grade || "",
+        keywords: rowObject.keywords || [],
+        stemElements: rowObject.stemElements || [],
+        bloomLevelsGuideline: rowObject.bloomLevelsGuideline || []
       };
       data.push(learningObjective);
     });
@@ -2606,17 +2601,20 @@ var TopicDataService = class {
   }
 };
 TopicDataService.STORAGE_KEY = "interactive_quiz_kit_learning_objectives";
-TopicDataService.EXPECTED_HEADERS = [
-  "LO ID",
-  "LO Description",
-  "Subject",
-  "Category",
-  "Topic",
-  "Keywords",
-  "Grade",
-  "STEM Element(s)",
-  "Bloom\u2019s Level(s) Guideline"
-];
+// Define a map for flexible header mapping
+TopicDataService.HEADER_MAP = {
+  "LO ID": "code",
+  "LO Name": "name",
+  // Ready for future addition
+  "LO Description": "description",
+  "Subject": "subject",
+  "Category": "category",
+  "Topic": "topic",
+  "Keywords": "keywords",
+  "Grade": "grade",
+  "STEM Element(s)": "stemElements",
+  "Bloom\u2019s Level(s) Guideline": "bloomLevelsGuideline"
+};
 // src/ai/flows/generate-questions-from-quiz-plan.ts
 var MAX_ATTEMPTS = 3;

package/dist/authoring.cjs CHANGED Viewed

@@ -8832,6 +8832,7 @@ init_react_shim();
 // src/services/TopicDataService.ts
 init_react_shim();
 var TopicDataService = class {
+  // ... saveData, mergeData, getData, clearData methods remain the same ...
   static saveData(data) {
     try {
       if (typeof window === "undefined") return;
@@ -8876,47 +8877,41 @@ var TopicDataService = class {
     }
     const headerLine = lines.shift();
     const headers = headerLine.split("	").map((h2) => h2.trim());
-    if (headers.length !== this.EXPECTED_HEADERS.length || !this.EXPECTED_HEADERS.every((h2, i) => h2 === headers[i])) {
-      const errorMsg = `Invalid TSV header. Expected: "${this.EXPECTED_HEADERS.join("	")}". Received: "${headers.join("	")}"`;
-      return { data: [], errors: [errorMsg] };
-    }
+    const headerMap = headers.map((h2) => this.HEADER_MAP[h2] || null);
     const data = [];
     const errors2 = [];
     lines.forEach((line, index3) => {
-      const values = line.split("	").map((v) => v.trim());
-      if (values.length !== this.EXPECTED_HEADERS.length) {
-        errors2.push(`Line ${index3 + 2}: Incorrect number of columns. Expected ${this.EXPECTED_HEADERS.length}, but got ${values.length}.`);
+      const values = line.split("	");
+      const rowObject = {};
+      headerMap.forEach((propName, i) => {
+        if (propName) {
+          const value = values[i]?.trim() || "";
+          if (propName === "keywords" || propName === "stemElements" || propName === "bloomLevelsGuideline") {
+            rowObject[propName] = value.split(",").map((s2) => s2.trim()).filter(Boolean);
+          } else {
+            rowObject[propName] = value;
+          }
+        }
+      });
+      if (!rowObject.code) {
+        errors2.push(`Line ${index3 + 2}: Missing required value for 'LO ID'.`);
         return;
       }
-      const [
-        loId,
-        name3,
-        loDescription,
-        subject,
-        category,
-        topic,
-        keywordsStr,
-        grade,
-        stemElementsStr,
-        bloomLevelsStr
-      ] = values;
-      if (!loId || !loDescription || !subject || !category || !topic) {
-        errors2.push(`Line ${index3 + 2}: Missing required fields (LO ID, LO Description, Subject, Category, or Topic).`);
-        return;
+      if (!rowObject.name) {
+        rowObject.name = rowObject.code;
       }
       const learningObjective = {
         id: generateUniqueId("lo_"),
-        code: loId,
-        name: name3,
-        description: loDescription,
-        // Can be the same as name or enhanced later
-        subject,
-        category,
-        topic,
-        grade,
-        keywords: keywordsStr.split(",").map((k) => k.trim()).filter(Boolean),
-        stemElements: stemElementsStr.split(",").map((s2) => s2.trim()).filter(Boolean),
-        bloomLevelsGuideline: bloomLevelsStr.split(",").map((b) => b.trim()).filter(Boolean)
+        code: rowObject.code,
+        name: rowObject.name,
+        description: rowObject.description,
+        subject: rowObject.subject || "",
+        category: rowObject.category || "",
+        topic: rowObject.topic || "",
+        grade: rowObject.grade || "",
+        keywords: rowObject.keywords || [],
+        stemElements: rowObject.stemElements || [],
+        bloomLevelsGuideline: rowObject.bloomLevelsGuideline || []
       };
       data.push(learningObjective);
     });
@@ -8944,17 +8939,20 @@ var TopicDataService = class {
   }
 };
 TopicDataService.STORAGE_KEY = "interactive_quiz_kit_learning_objectives";
-TopicDataService.EXPECTED_HEADERS = [
-  "LO ID",
-  "LO Description",
-  "Subject",
-  "Category",
-  "Topic",
-  "Keywords",
-  "Grade",
-  "STEM Element(s)",
-  "Bloom\u2019s Level(s) Guideline"
-];
+// Define a map for flexible header mapping
+TopicDataService.HEADER_MAP = {
+  "LO ID": "code",
+  "LO Name": "name",
+  // Ready for future addition
+  "LO Description": "description",
+  "Subject": "subject",
+  "Category": "category",
+  "Topic": "topic",
+  "Keywords": "keywords",
+  "Grade": "grade",
+  "STEM Element(s)": "stemElements",
+  "Bloom\u2019s Level(s) Guideline": "bloomLevelsGuideline"
+};
 // src/ai/flows/generate-questions-from-quiz-plan.ts
 var MAX_ATTEMPTS = 3;
@@ -76432,11 +76430,17 @@ function MetadataImportControls({ metadataName, onImport }) {
   const fileInputRef = React119.useRef(null);
   const { toast: toast2 } = useToast();
   const processAndImportRecords = async (records, importSource) => {
+    console.log(`[ImportControls] Processing ${records.length} records from ${importSource} for ${metadataName}.`);
     if (records.length === 0) {
       toast2({ title: "No Data", description: `The selected ${importSource === "file" ? "file" : "JSON string"} contains no data to import.`, variant: "destructive" });
       return;
     }
-    await onImport(records);
+    try {
+      await onImport(records);
+    } catch (error) {
+      console.error(`[ImportControls] Error during onImport callback for ${metadataName}:`, error);
+      toast2({ title: "Import Failed", description: `An error occurred while saving the data: ${error instanceof Error ? error.message : String(error)}`, variant: "destructive" });
+    }
     setIsOpen(false);
     setJsonString("");
   };
@@ -76468,8 +76472,10 @@ function MetadataImportControls({ metadataName, onImport }) {
             return record;
           });
         }
+        console.log(`[ImportControls] File parsed successfully. Found ${records.length} records.`);
         await processAndImportRecords(records, "file");
       } catch (err) {
+        console.error("[ImportControls] Error parsing file:", err);
         toast2({ title: "Import Error", description: `Failed to process file: ${err.message}`, variant: "destructive" });
       }
     });
@@ -77389,6 +77395,53 @@ function LearningObjectiveManager({ initialData, subjects: subjectsProp, isLoadi
     });
   };
   const handleImport = async (records) => {
+    console.log(`[LO Manager] handleImport called with ${records.length} raw records.`);
+    if (!onBulkAdd) {
+      console.error("[LO Manager] onBulkAdd handler is not provided.");
+      return;
+    }
+    const parseStringToArray = (input) => {
+      if (Array.isArray(input)) return input;
+      if (typeof input === "string") return input.split(",").map((s2) => s2.trim()).filter(Boolean);
+      return [];
+    };
+    const validationResult = records.reduce((acc, rec) => {
+      if (typeof rec.code === "string" && rec.code.trim() && typeof rec.name === "string" && rec.name.trim()) {
+        acc.valid.push({
+          code: rec.code,
+          name: rec.name,
+          description: rec.description || rec.name,
+          subject: rec.subject || "",
+          subjectCode: rec.subjectCode,
+          category: rec.category || "",
+          categoryCode: rec.categoryCode,
+          topic: rec.topic || "",
+          topicCode: rec.topicCode,
+          grade: rec.grade || "",
+          gradeCode: rec.gradeCode,
+          keywords: parseStringToArray(rec.keywords),
+          stemElements: parseStringToArray(rec.stemElements),
+          bloomLevelsGuideline: parseStringToArray(rec.bloomLevelsGuideline)
+        });
+      } else {
+        acc.invalidCount++;
+      }
+      return acc;
+    }, { valid: [], invalidCount: 0 });
+    console.log(`[LO Manager] Validation complete. ${validationResult.valid.length} valid records found.`);
+    if (validationResult.invalidCount > 0) {
+      toast2({
+        title: "Import Warning",
+        description: `${validationResult.invalidCount} records had invalid or missing 'code' or 'name' fields and were ignored.`,
+        variant: "destructive"
+      });
+    }
+    if (validationResult.valid.length > 0) {
+      console.log("[LO Manager] Calling onBulkAdd prop with validated data...");
+      await onBulkAdd(validationResult.valid);
+    } else {
+      console.log("[LO Manager] No valid records to import.");
+    }
   };
   return /* @__PURE__ */ React119__namespace.default.createElement(Card, null, /* @__PURE__ */ React119__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React119__namespace.default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React119__namespace.default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React119__namespace.default.createElement(Lightbulb, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Learning Objectives"), /* @__PURE__ */ React119__namespace.default.createElement("div", { className: "flex items-center gap-2" }, onBulkAdd && /* @__PURE__ */ React119__namespace.default.createElement(MetadataImportControls, { metadataName: "Learning Objectives", onImport: handleImport }), /* @__PURE__ */ React119__namespace.default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React119__namespace.default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }), " Add Learning Objective")))), /* @__PURE__ */ React119__namespace.default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React119__namespace.default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React119__namespace.default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React119__namespace.default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No Learning Objectives found.") : /* @__PURE__ */ React119__namespace.default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React119__namespace.default.createElement(Table2, null, /* @__PURE__ */ React119__namespace.default.createElement(TableHeader, null, /* @__PURE__ */ React119__namespace.default.createElement(TableRow, null, /* @__PURE__ */ React119__namespace.default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React119__namespace.default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React119__namespace.default.createElement(TableHead, null, "Subject"), /* @__PURE__ */ React119__namespace.default.createElement(TableHead, null, "Topic"), /* @__PURE__ */ React119__namespace.default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React119__namespace.default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React119__namespace.default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React119__namespace.default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React119__namespace.default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React119__namespace.default.createElement(TableCell, null, item.subject || item.subjectCode), /* @__PURE__ */ React119__namespace.default.createElement(TableCell, null, item.topic || item.topicCode), /* @__PURE__ */ React119__namespace.default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React119__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React119__namespace.default.createElement(PenLine, { className: "h-4 w-4" })), /* @__PURE__ */ React119__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React119__namespace.default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React119__namespace.default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React119__namespace.default.createElement(DialogContent2, { className: "sm:max-w-2xl max-h-[90vh] overflow-y-auto" }, /* @__PURE__ */ React119__namespace.default.createElement(DialogHeader, null, /* @__PURE__ */ React119__namespace.default.createElement(DialogTitle2, null, currentItem ? "Edit Learning Objective" : "Add New Learning Objective")), /* @__PURE__ */ React119__namespace.default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React119__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React119__namespace.default.createElement("div", null, /* @__PURE__ */ React119__namespace.default.createElement(Label2, { htmlFor: "code" }, "Code"), /* @__PURE__ */ React119__namespace.default.createElement(Input, { id: "code", value: formState.code || "", onChange: (e2) => handleFormChange("code", e2.target.value.toUpperCase()), disabled: !!currentItem })), /* @__PURE__ */ React119__namespace.default.createElement("div", null, /* @__PURE__ */ React119__namespace.default.createElement(Label2, { htmlFor: "name" }, "Name (Description)"), /* @__PURE__ */ React119__namespace.default.createElement(Input, { id: "name", value: formState.name || "", onChange: (e2) => handleFormChange("name", e2.target.value) }))), /* @__PURE__ */ React119__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React119__namespace.default.createElement("div", null, /* @__PURE__ */ React119__namespace.default.createElement(Label2, { htmlFor: "subject" }, "Subject Name"), /* @__PURE__ */ React119__namespace.default.createElement(Input, { id: "subject", value: formState.subject || "", onChange: (e2) => handleFormChange("subject", e2.target.value) })), /* @__PURE__ */ React119__namespace.default.createElement("div", null, /* @__PURE__ */ React119__namespace.default.createElement(Label2, { htmlFor: "subjectCode" }, "Subject Code"), /* @__PURE__ */ React119__namespace.default.createElement(EditableCombobox, { options: subjects.map((s2) => ({ value: s2.code, label: s2.name })), value: formState.subjectCode || "", onChange: (val) => handleFormChange("subjectCode", val), placeholder: "Select a subject..." }))), /* @__PURE__ */ React119__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React119__namespace.default.createElement("div", null, /* @__PURE__ */ React119__namespace.default.createElement(Label2, { htmlFor: "category" }, "Category Name"), /* @__PURE__ */ React119__namespace.default.createElement(Input, { id: "category", value: formState.category || "", onChange: (e2) => handleFormChange("category", e2.target.value) })), /* @__PURE__ */ React119__namespace.default.createElement("div", null, /* @__PURE__ */ React119__namespace.default.createElement(Label2, { htmlFor: "categoryCode" }, "Category Code"), /* @__PURE__ */ React119__namespace.default.createElement(Input, { id: "categoryCode", value: formState.categoryCode || "", onChange: (e2) => handleFormChange("categoryCode", e2.target.value) }))), /* @__PURE__ */ React119__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React119__namespace.default.createElement("div", null, /* @__PURE__ */ React119__namespace.default.createElement(Label2, { htmlFor: "topic" }, "Topic Name"), /* @__PURE__ */ React119__namespace.default.createElement(Input, { id: "topic", value: formState.topic || "", onChange: (e2) => handleFormChange("topic", e2.target.value) })), /* @__PURE__ */ React119__namespace.default.createElement("div", null, /* @__PURE__ */ React119__namespace.default.createElement(Label2, { htmlFor: "topicCode" }, "Topic Code"), /* @__PURE__ */ React119__namespace.default.createElement(Input, { id: "topicCode", value: formState.topicCode || "", onChange: (e2) => handleFormChange("topicCode", e2.target.value) }))), /* @__PURE__ */ React119__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React119__namespace.default.createElement("div", null, /* @__PURE__ */ React119__namespace.default.createElement(Label2, { htmlFor: "grade" }, "Grade Name"), /* @__PURE__ */ React119__namespace.default.createElement(Input, { id: "grade", value: formState.grade || "", onChange: (e2) => handleFormChange("grade", e2.target.value) })), /* @__PURE__ */ React119__namespace.default.createElement("div", null, /* @__PURE__ */ React119__namespace.default.createElement(Label2, { htmlFor: "gradeCode" }, "Grade Code"), /* @__PURE__ */ React119__namespace.default.createElement(Input, { id: "gradeCode", value: formState.gradeCode || "", onChange: (e2) => handleFormChange("gradeCode", e2.target.value) }))), /* @__PURE__ */ React119__namespace.default.createElement("div", null, /* @__PURE__ */ React119__namespace.default.createElement(Label2, { htmlFor: "keywords" }, "Keywords (comma-separated)"), /* @__PURE__ */ React119__namespace.default.createElement(Textarea, { id: "keywords", value: formState.keywords?.join(", ") || "", onChange: (e2) => handleFormChange("keywords", e2.target.value.split(",").map((s2) => s2.trim())) })), /* @__PURE__ */ React119__namespace.default.createElement("div", null, /* @__PURE__ */ React119__namespace.default.createElement(Label2, { htmlFor: "stemElements" }, "STEM Elements (comma-separated)"), /* @__PURE__ */ React119__namespace.default.createElement(Textarea, { id: "stemElements", value: formState.stemElements?.join(", ") || "", onChange: (e2) => handleFormChange("stemElements", e2.target.value.split(",").map((s2) => s2.trim())) })), /* @__PURE__ */ React119__namespace.default.createElement("div", null, /* @__PURE__ */ React119__namespace.default.createElement(Label2, { htmlFor: "bloomLevelsGuideline" }, "Bloom's Guideline (comma-separated)"), /* @__PURE__ */ React119__namespace.default.createElement(Textarea, { id: "bloomLevelsGuideline", value: formState.bloomLevelsGuideline?.join(", ") || "", onChange: (e2) => handleFormChange("bloomLevelsGuideline", e2.target.value.split(",").map((s2) => s2.trim())) }))), /* @__PURE__ */ React119__namespace.default.createElement(DialogFooter, null, /* @__PURE__ */ React119__namespace.default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React119__namespace.default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !formState.name?.trim() || !formState.code?.trim() }, isPending && /* @__PURE__ */ React119__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Save")))), /* @__PURE__ */ React119__namespace.default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React119__namespace.default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React119__namespace.default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React119__namespace.default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React119__namespace.default.createElement(AlertDialogDescription2, null, 'This will permanently delete "', itemToDelete?.name, '".')), /* @__PURE__ */ React119__namespace.default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React119__namespace.default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React119__namespace.default.createElement(AlertDialogAction2, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React119__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Delete"))))));
 }

package/dist/authoring.mjs CHANGED Viewed

@@ -8767,6 +8767,7 @@ init_react_shim();
 // src/services/TopicDataService.ts
 init_react_shim();
 var TopicDataService = class {
+  // ... saveData, mergeData, getData, clearData methods remain the same ...
   static saveData(data) {
     try {
       if (typeof window === "undefined") return;
@@ -8811,47 +8812,41 @@ var TopicDataService = class {
     }
     const headerLine = lines.shift();
     const headers = headerLine.split("	").map((h2) => h2.trim());
-    if (headers.length !== this.EXPECTED_HEADERS.length || !this.EXPECTED_HEADERS.every((h2, i) => h2 === headers[i])) {
-      const errorMsg = `Invalid TSV header. Expected: "${this.EXPECTED_HEADERS.join("	")}". Received: "${headers.join("	")}"`;
-      return { data: [], errors: [errorMsg] };
-    }
+    const headerMap = headers.map((h2) => this.HEADER_MAP[h2] || null);
     const data = [];
     const errors2 = [];
     lines.forEach((line, index3) => {
-      const values = line.split("	").map((v) => v.trim());
-      if (values.length !== this.EXPECTED_HEADERS.length) {
-        errors2.push(`Line ${index3 + 2}: Incorrect number of columns. Expected ${this.EXPECTED_HEADERS.length}, but got ${values.length}.`);
+      const values = line.split("	");
+      const rowObject = {};
+      headerMap.forEach((propName, i) => {
+        if (propName) {
+          const value = values[i]?.trim() || "";
+          if (propName === "keywords" || propName === "stemElements" || propName === "bloomLevelsGuideline") {
+            rowObject[propName] = value.split(",").map((s2) => s2.trim()).filter(Boolean);
+          } else {
+            rowObject[propName] = value;
+          }
+        }
+      });
+      if (!rowObject.code) {
+        errors2.push(`Line ${index3 + 2}: Missing required value for 'LO ID'.`);
         return;
       }
-      const [
-        loId,
-        name3,
-        loDescription,
-        subject,
-        category,
-        topic,
-        keywordsStr,
-        grade,
-        stemElementsStr,
-        bloomLevelsStr
-      ] = values;
-      if (!loId || !loDescription || !subject || !category || !topic) {
-        errors2.push(`Line ${index3 + 2}: Missing required fields (LO ID, LO Description, Subject, Category, or Topic).`);
-        return;
+      if (!rowObject.name) {
+        rowObject.name = rowObject.code;
       }
       const learningObjective = {
         id: generateUniqueId("lo_"),
-        code: loId,
-        name: name3,
-        description: loDescription,
-        // Can be the same as name or enhanced later
-        subject,
-        category,
-        topic,
-        grade,
-        keywords: keywordsStr.split(",").map((k) => k.trim()).filter(Boolean),
-        stemElements: stemElementsStr.split(",").map((s2) => s2.trim()).filter(Boolean),
-        bloomLevelsGuideline: bloomLevelsStr.split(",").map((b) => b.trim()).filter(Boolean)
+        code: rowObject.code,
+        name: rowObject.name,
+        description: rowObject.description,
+        subject: rowObject.subject || "",
+        category: rowObject.category || "",
+        topic: rowObject.topic || "",
+        grade: rowObject.grade || "",
+        keywords: rowObject.keywords || [],
+        stemElements: rowObject.stemElements || [],
+        bloomLevelsGuideline: rowObject.bloomLevelsGuideline || []
       };
       data.push(learningObjective);
     });
@@ -8879,17 +8874,20 @@ var TopicDataService = class {
   }
 };
 TopicDataService.STORAGE_KEY = "interactive_quiz_kit_learning_objectives";
-TopicDataService.EXPECTED_HEADERS = [
-  "LO ID",
-  "LO Description",
-  "Subject",
-  "Category",
-  "Topic",
-  "Keywords",
-  "Grade",
-  "STEM Element(s)",
-  "Bloom\u2019s Level(s) Guideline"
-];
+// Define a map for flexible header mapping
+TopicDataService.HEADER_MAP = {
+  "LO ID": "code",
+  "LO Name": "name",
+  // Ready for future addition
+  "LO Description": "description",
+  "Subject": "subject",
+  "Category": "category",
+  "Topic": "topic",
+  "Keywords": "keywords",
+  "Grade": "grade",
+  "STEM Element(s)": "stemElements",
+  "Bloom\u2019s Level(s) Guideline": "bloomLevelsGuideline"
+};
 // src/ai/flows/generate-questions-from-quiz-plan.ts
 var MAX_ATTEMPTS = 3;
@@ -76367,11 +76365,17 @@ function MetadataImportControls({ metadataName, onImport }) {
   const fileInputRef = useRef(null);
   const { toast: toast2 } = useToast();
   const processAndImportRecords = async (records, importSource) => {
+    console.log(`[ImportControls] Processing ${records.length} records from ${importSource} for ${metadataName}.`);
     if (records.length === 0) {
       toast2({ title: "No Data", description: `The selected ${importSource === "file" ? "file" : "JSON string"} contains no data to import.`, variant: "destructive" });
       return;
     }
-    await onImport(records);
+    try {
+      await onImport(records);
+    } catch (error) {
+      console.error(`[ImportControls] Error during onImport callback for ${metadataName}:`, error);
+      toast2({ title: "Import Failed", description: `An error occurred while saving the data: ${error instanceof Error ? error.message : String(error)}`, variant: "destructive" });
+    }
     setIsOpen(false);
     setJsonString("");
   };
@@ -76403,8 +76407,10 @@ function MetadataImportControls({ metadataName, onImport }) {
             return record;
           });
         }
+        console.log(`[ImportControls] File parsed successfully. Found ${records.length} records.`);
         await processAndImportRecords(records, "file");
       } catch (err) {
+        console.error("[ImportControls] Error parsing file:", err);
         toast2({ title: "Import Error", description: `Failed to process file: ${err.message}`, variant: "destructive" });
       }
     });
@@ -77324,6 +77330,53 @@ function LearningObjectiveManager({ initialData, subjects: subjectsProp, isLoadi
     });
   };
   const handleImport = async (records) => {
+    console.log(`[LO Manager] handleImport called with ${records.length} raw records.`);
+    if (!onBulkAdd) {
+      console.error("[LO Manager] onBulkAdd handler is not provided.");
+      return;
+    }
+    const parseStringToArray = (input) => {
+      if (Array.isArray(input)) return input;
+      if (typeof input === "string") return input.split(",").map((s2) => s2.trim()).filter(Boolean);
+      return [];
+    };
+    const validationResult = records.reduce((acc, rec) => {
+      if (typeof rec.code === "string" && rec.code.trim() && typeof rec.name === "string" && rec.name.trim()) {
+        acc.valid.push({
+          code: rec.code,
+          name: rec.name,
+          description: rec.description || rec.name,
+          subject: rec.subject || "",
+          subjectCode: rec.subjectCode,
+          category: rec.category || "",
+          categoryCode: rec.categoryCode,
+          topic: rec.topic || "",
+          topicCode: rec.topicCode,
+          grade: rec.grade || "",
+          gradeCode: rec.gradeCode,
+          keywords: parseStringToArray(rec.keywords),
+          stemElements: parseStringToArray(rec.stemElements),
+          bloomLevelsGuideline: parseStringToArray(rec.bloomLevelsGuideline)
+        });
+      } else {
+        acc.invalidCount++;
+      }
+      return acc;
+    }, { valid: [], invalidCount: 0 });
+    console.log(`[LO Manager] Validation complete. ${validationResult.valid.length} valid records found.`);
+    if (validationResult.invalidCount > 0) {
+      toast2({
+        title: "Import Warning",
+        description: `${validationResult.invalidCount} records had invalid or missing 'code' or 'name' fields and were ignored.`,
+        variant: "destructive"
+      });
+    }
+    if (validationResult.valid.length > 0) {
+      console.log("[LO Manager] Calling onBulkAdd prop with validated data...");
+      await onBulkAdd(validationResult.valid);
+    } else {
+      console.log("[LO Manager] No valid records to import.");
+    }
   };
   return /* @__PURE__ */ React119__default.createElement(Card, null, /* @__PURE__ */ React119__default.createElement(CardHeader, null, /* @__PURE__ */ React119__default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React119__default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React119__default.createElement(Lightbulb, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Learning Objectives"), /* @__PURE__ */ React119__default.createElement("div", { className: "flex items-center gap-2" }, onBulkAdd && /* @__PURE__ */ React119__default.createElement(MetadataImportControls, { metadataName: "Learning Objectives", onImport: handleImport }), /* @__PURE__ */ React119__default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React119__default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }), " Add Learning Objective")))), /* @__PURE__ */ React119__default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React119__default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React119__default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React119__default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No Learning Objectives found.") : /* @__PURE__ */ React119__default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React119__default.createElement(Table2, null, /* @__PURE__ */ React119__default.createElement(TableHeader, null, /* @__PURE__ */ React119__default.createElement(TableRow, null, /* @__PURE__ */ React119__default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React119__default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React119__default.createElement(TableHead, null, "Subject"), /* @__PURE__ */ React119__default.createElement(TableHead, null, "Topic"), /* @__PURE__ */ React119__default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React119__default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React119__default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React119__default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React119__default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React119__default.createElement(TableCell, null, item.subject || item.subjectCode), /* @__PURE__ */ React119__default.createElement(TableCell, null, item.topic || item.topicCode), /* @__PURE__ */ React119__default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React119__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React119__default.createElement(PenLine, { className: "h-4 w-4" })), /* @__PURE__ */ React119__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React119__default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React119__default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React119__default.createElement(DialogContent2, { className: "sm:max-w-2xl max-h-[90vh] overflow-y-auto" }, /* @__PURE__ */ React119__default.createElement(DialogHeader, null, /* @__PURE__ */ React119__default.createElement(DialogTitle2, null, currentItem ? "Edit Learning Objective" : "Add New Learning Objective")), /* @__PURE__ */ React119__default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React119__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React119__default.createElement("div", null, /* @__PURE__ */ React119__default.createElement(Label2, { htmlFor: "code" }, "Code"), /* @__PURE__ */ React119__default.createElement(Input, { id: "code", value: formState.code || "", onChange: (e2) => handleFormChange("code", e2.target.value.toUpperCase()), disabled: !!currentItem })), /* @__PURE__ */ React119__default.createElement("div", null, /* @__PURE__ */ React119__default.createElement(Label2, { htmlFor: "name" }, "Name (Description)"), /* @__PURE__ */ React119__default.createElement(Input, { id: "name", value: formState.name || "", onChange: (e2) => handleFormChange("name", e2.target.value) }))), /* @__PURE__ */ React119__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React119__default.createElement("div", null, /* @__PURE__ */ React119__default.createElement(Label2, { htmlFor: "subject" }, "Subject Name"), /* @__PURE__ */ React119__default.createElement(Input, { id: "subject", value: formState.subject || "", onChange: (e2) => handleFormChange("subject", e2.target.value) })), /* @__PURE__ */ React119__default.createElement("div", null, /* @__PURE__ */ React119__default.createElement(Label2, { htmlFor: "subjectCode" }, "Subject Code"), /* @__PURE__ */ React119__default.createElement(EditableCombobox, { options: subjects.map((s2) => ({ value: s2.code, label: s2.name })), value: formState.subjectCode || "", onChange: (val) => handleFormChange("subjectCode", val), placeholder: "Select a subject..." }))), /* @__PURE__ */ React119__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React119__default.createElement("div", null, /* @__PURE__ */ React119__default.createElement(Label2, { htmlFor: "category" }, "Category Name"), /* @__PURE__ */ React119__default.createElement(Input, { id: "category", value: formState.category || "", onChange: (e2) => handleFormChange("category", e2.target.value) })), /* @__PURE__ */ React119__default.createElement("div", null, /* @__PURE__ */ React119__default.createElement(Label2, { htmlFor: "categoryCode" }, "Category Code"), /* @__PURE__ */ React119__default.createElement(Input, { id: "categoryCode", value: formState.categoryCode || "", onChange: (e2) => handleFormChange("categoryCode", e2.target.value) }))), /* @__PURE__ */ React119__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React119__default.createElement("div", null, /* @__PURE__ */ React119__default.createElement(Label2, { htmlFor: "topic" }, "Topic Name"), /* @__PURE__ */ React119__default.createElement(Input, { id: "topic", value: formState.topic || "", onChange: (e2) => handleFormChange("topic", e2.target.value) })), /* @__PURE__ */ React119__default.createElement("div", null, /* @__PURE__ */ React119__default.createElement(Label2, { htmlFor: "topicCode" }, "Topic Code"), /* @__PURE__ */ React119__default.createElement(Input, { id: "topicCode", value: formState.topicCode || "", onChange: (e2) => handleFormChange("topicCode", e2.target.value) }))), /* @__PURE__ */ React119__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React119__default.createElement("div", null, /* @__PURE__ */ React119__default.createElement(Label2, { htmlFor: "grade" }, "Grade Name"), /* @__PURE__ */ React119__default.createElement(Input, { id: "grade", value: formState.grade || "", onChange: (e2) => handleFormChange("grade", e2.target.value) })), /* @__PURE__ */ React119__default.createElement("div", null, /* @__PURE__ */ React119__default.createElement(Label2, { htmlFor: "gradeCode" }, "Grade Code"), /* @__PURE__ */ React119__default.createElement(Input, { id: "gradeCode", value: formState.gradeCode || "", onChange: (e2) => handleFormChange("gradeCode", e2.target.value) }))), /* @__PURE__ */ React119__default.createElement("div", null, /* @__PURE__ */ React119__default.createElement(Label2, { htmlFor: "keywords" }, "Keywords (comma-separated)"), /* @__PURE__ */ React119__default.createElement(Textarea, { id: "keywords", value: formState.keywords?.join(", ") || "", onChange: (e2) => handleFormChange("keywords", e2.target.value.split(",").map((s2) => s2.trim())) })), /* @__PURE__ */ React119__default.createElement("div", null, /* @__PURE__ */ React119__default.createElement(Label2, { htmlFor: "stemElements" }, "STEM Elements (comma-separated)"), /* @__PURE__ */ React119__default.createElement(Textarea, { id: "stemElements", value: formState.stemElements?.join(", ") || "", onChange: (e2) => handleFormChange("stemElements", e2.target.value.split(",").map((s2) => s2.trim())) })), /* @__PURE__ */ React119__default.createElement("div", null, /* @__PURE__ */ React119__default.createElement(Label2, { htmlFor: "bloomLevelsGuideline" }, "Bloom's Guideline (comma-separated)"), /* @__PURE__ */ React119__default.createElement(Textarea, { id: "bloomLevelsGuideline", value: formState.bloomLevelsGuideline?.join(", ") || "", onChange: (e2) => handleFormChange("bloomLevelsGuideline", e2.target.value.split(",").map((s2) => s2.trim())) }))), /* @__PURE__ */ React119__default.createElement(DialogFooter, null, /* @__PURE__ */ React119__default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React119__default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !formState.name?.trim() || !formState.code?.trim() }, isPending && /* @__PURE__ */ React119__default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Save")))), /* @__PURE__ */ React119__default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React119__default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React119__default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React119__default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React119__default.createElement(AlertDialogDescription2, null, 'This will permanently delete "', itemToDelete?.name, '".')), /* @__PURE__ */ React119__default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React119__default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React119__default.createElement(AlertDialogAction2, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React119__default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Delete"))))));
 }

package/dist/react-ui.cjs CHANGED Viewed

@@ -101917,6 +101917,7 @@ init_react_shim();
 // src/services/TopicDataService.ts
 init_react_shim();
 var TopicDataService = class {
+  // ... saveData, mergeData, getData, clearData methods remain the same ...
   static saveData(data) {
     try {
       if (typeof window === "undefined") return;
@@ -101961,47 +101962,41 @@ var TopicDataService = class {
     }
     const headerLine = lines.shift();
     const headers = headerLine.split("	").map((h3) => h3.trim());
-    if (headers.length !== this.EXPECTED_HEADERS.length || !this.EXPECTED_HEADERS.every((h3, i2) => h3 === headers[i2])) {
-      const errorMsg = `Invalid TSV header. Expected: "${this.EXPECTED_HEADERS.join("	")}". Received: "${headers.join("	")}"`;
-      return { data: [], errors: [errorMsg] };
-    }
+    const headerMap = headers.map((h3) => this.HEADER_MAP[h3] || null);
     const data = [];
     const errors2 = [];
     lines.forEach((line, index3) => {
-      const values = line.split("	").map((v) => v.trim());
-      if (values.length !== this.EXPECTED_HEADERS.length) {
-        errors2.push(`Line ${index3 + 2}: Incorrect number of columns. Expected ${this.EXPECTED_HEADERS.length}, but got ${values.length}.`);
+      const values = line.split("	");
+      const rowObject = {};
+      headerMap.forEach((propName, i2) => {
+        if (propName) {
+          const value = values[i2]?.trim() || "";
+          if (propName === "keywords" || propName === "stemElements" || propName === "bloomLevelsGuideline") {
+            rowObject[propName] = value.split(",").map((s4) => s4.trim()).filter(Boolean);
+          } else {
+            rowObject[propName] = value;
+          }
+        }
+      });
+      if (!rowObject.code) {
+        errors2.push(`Line ${index3 + 2}: Missing required value for 'LO ID'.`);
         return;
       }
-      const [
-        loId,
-        name3,
-        loDescription,
-        subject,
-        category,
-        topic,
-        keywordsStr,
-        grade,
-        stemElementsStr,
-        bloomLevelsStr
-      ] = values;
-      if (!loId || !loDescription || !subject || !category || !topic) {
-        errors2.push(`Line ${index3 + 2}: Missing required fields (LO ID, LO Description, Subject, Category, or Topic).`);
-        return;
+      if (!rowObject.name) {
+        rowObject.name = rowObject.code;
       }
       const learningObjective = {
         id: generateUniqueId("lo_"),
-        code: loId,
-        name: name3,
-        description: loDescription,
-        // Can be the same as name or enhanced later
-        subject,
-        category,
-        topic,
-        grade,
-        keywords: keywordsStr.split(",").map((k3) => k3.trim()).filter(Boolean),
-        stemElements: stemElementsStr.split(",").map((s4) => s4.trim()).filter(Boolean),
-        bloomLevelsGuideline: bloomLevelsStr.split(",").map((b2) => b2.trim()).filter(Boolean)
+        code: rowObject.code,
+        name: rowObject.name,
+        description: rowObject.description,
+        subject: rowObject.subject || "",
+        category: rowObject.category || "",
+        topic: rowObject.topic || "",
+        grade: rowObject.grade || "",
+        keywords: rowObject.keywords || [],
+        stemElements: rowObject.stemElements || [],
+        bloomLevelsGuideline: rowObject.bloomLevelsGuideline || []
       };
       data.push(learningObjective);
     });
@@ -102029,17 +102024,20 @@ var TopicDataService = class {
   }
 };
 TopicDataService.STORAGE_KEY = "interactive_quiz_kit_learning_objectives";
-TopicDataService.EXPECTED_HEADERS = [
-  "LO ID",
-  "LO Description",
-  "Subject",
-  "Category",
-  "Topic",
-  "Keywords",
-  "Grade",
-  "STEM Element(s)",
-  "Bloom\u2019s Level(s) Guideline"
-];
+// Define a map for flexible header mapping
+TopicDataService.HEADER_MAP = {
+  "LO ID": "code",
+  "LO Name": "name",
+  // Ready for future addition
+  "LO Description": "description",
+  "Subject": "subject",
+  "Category": "category",
+  "Topic": "topic",
+  "Keywords": "keywords",
+  "Grade": "grade",
+  "STEM Element(s)": "stemElements",
+  "Bloom\u2019s Level(s) Guideline": "bloomLevelsGuideline"
+};
 // src/ai/flows/question-gen/generate-coding-question.ts
 init_react_shim();
@@ -138728,11 +138726,17 @@ function MetadataImportControls({ metadataName, onImport }) {
   const fileInputRef = React169.useRef(null);
   const { toast: toast2 } = useToast();
   const processAndImportRecords = async (records, importSource) => {
+    console.log(`[ImportControls] Processing ${records.length} records from ${importSource} for ${metadataName}.`);
     if (records.length === 0) {
       toast2({ title: "No Data", description: `The selected ${importSource === "file" ? "file" : "JSON string"} contains no data to import.`, variant: "destructive" });
       return;
     }
-    await onImport(records);
+    try {
+      await onImport(records);
+    } catch (error) {
+      console.error(`[ImportControls] Error during onImport callback for ${metadataName}:`, error);
+      toast2({ title: "Import Failed", description: `An error occurred while saving the data: ${error instanceof Error ? error.message : String(error)}`, variant: "destructive" });
+    }
     setIsOpen(false);
     setJsonString("");
   };
@@ -138764,8 +138768,10 @@ function MetadataImportControls({ metadataName, onImport }) {
             return record;
           });
         }
+        console.log(`[ImportControls] File parsed successfully. Found ${records.length} records.`);
         await processAndImportRecords(records, "file");
       } catch (err) {
+        console.error("[ImportControls] Error parsing file:", err);
         toast2({ title: "Import Error", description: `Failed to process file: ${err.message}`, variant: "destructive" });
       }
     });
@@ -139685,6 +139691,53 @@ function LearningObjectiveManager({ initialData, subjects: subjectsProp, isLoadi
     });
   };
   const handleImport = async (records) => {
+    console.log(`[LO Manager] handleImport called with ${records.length} raw records.`);
+    if (!onBulkAdd) {
+      console.error("[LO Manager] onBulkAdd handler is not provided.");
+      return;
+    }
+    const parseStringToArray = (input) => {
+      if (Array.isArray(input)) return input;
+      if (typeof input === "string") return input.split(",").map((s4) => s4.trim()).filter(Boolean);
+      return [];
+    };
+    const validationResult = records.reduce((acc, rec) => {
+      if (typeof rec.code === "string" && rec.code.trim() && typeof rec.name === "string" && rec.name.trim()) {
+        acc.valid.push({
+          code: rec.code,
+          name: rec.name,
+          description: rec.description || rec.name,
+          subject: rec.subject || "",
+          subjectCode: rec.subjectCode,
+          category: rec.category || "",
+          categoryCode: rec.categoryCode,
+          topic: rec.topic || "",
+          topicCode: rec.topicCode,
+          grade: rec.grade || "",
+          gradeCode: rec.gradeCode,
+          keywords: parseStringToArray(rec.keywords),
+          stemElements: parseStringToArray(rec.stemElements),
+          bloomLevelsGuideline: parseStringToArray(rec.bloomLevelsGuideline)
+        });
+      } else {
+        acc.invalidCount++;
+      }
+      return acc;
+    }, { valid: [], invalidCount: 0 });
+    console.log(`[LO Manager] Validation complete. ${validationResult.valid.length} valid records found.`);
+    if (validationResult.invalidCount > 0) {
+      toast2({
+        title: "Import Warning",
+        description: `${validationResult.invalidCount} records had invalid or missing 'code' or 'name' fields and were ignored.`,
+        variant: "destructive"
+      });
+    }
+    if (validationResult.valid.length > 0) {
+      console.log("[LO Manager] Calling onBulkAdd prop with validated data...");
+      await onBulkAdd(validationResult.valid);
+    } else {
+      console.log("[LO Manager] No valid records to import.");
+    }
   };
   return /* @__PURE__ */ React169__namespace.default.createElement(Card, null, /* @__PURE__ */ React169__namespace.default.createElement(CardHeader, null, /* @__PURE__ */ React169__namespace.default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React169__namespace.default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React169__namespace.default.createElement(Lightbulb, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Learning Objectives"), /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "flex items-center gap-2" }, onBulkAdd && /* @__PURE__ */ React169__namespace.default.createElement(MetadataImportControls, { metadataName: "Learning Objectives", onImport: handleImport }), /* @__PURE__ */ React169__namespace.default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React169__namespace.default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }), " Add Learning Objective")))), /* @__PURE__ */ React169__namespace.default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React169__namespace.default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React169__namespace.default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No Learning Objectives found.") : /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React169__namespace.default.createElement(Table3, null, /* @__PURE__ */ React169__namespace.default.createElement(TableHeader, null, /* @__PURE__ */ React169__namespace.default.createElement(TableRow, null, /* @__PURE__ */ React169__namespace.default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React169__namespace.default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React169__namespace.default.createElement(TableHead, null, "Subject"), /* @__PURE__ */ React169__namespace.default.createElement(TableHead, null, "Topic"), /* @__PURE__ */ React169__namespace.default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React169__namespace.default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React169__namespace.default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React169__namespace.default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React169__namespace.default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React169__namespace.default.createElement(TableCell, null, item.subject || item.subjectCode), /* @__PURE__ */ React169__namespace.default.createElement(TableCell, null, item.topic || item.topicCode), /* @__PURE__ */ React169__namespace.default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React169__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React169__namespace.default.createElement(PenLine, { className: "h-4 w-4" })), /* @__PURE__ */ React169__namespace.default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React169__namespace.default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React169__namespace.default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React169__namespace.default.createElement(DialogContent2, { className: "sm:max-w-2xl max-h-[90vh] overflow-y-auto" }, /* @__PURE__ */ React169__namespace.default.createElement(DialogHeader, null, /* @__PURE__ */ React169__namespace.default.createElement(DialogTitle2, null, currentItem ? "Edit Learning Objective" : "Add New Learning Objective")), /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "code" }, "Code"), /* @__PURE__ */ React169__namespace.default.createElement(Input, { id: "code", value: formState.code || "", onChange: (e3) => handleFormChange("code", e3.target.value.toUpperCase()), disabled: !!currentItem })), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "name" }, "Name (Description)"), /* @__PURE__ */ React169__namespace.default.createElement(Input, { id: "name", value: formState.name || "", onChange: (e3) => handleFormChange("name", e3.target.value) }))), /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "subject" }, "Subject Name"), /* @__PURE__ */ React169__namespace.default.createElement(Input, { id: "subject", value: formState.subject || "", onChange: (e3) => handleFormChange("subject", e3.target.value) })), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "subjectCode" }, "Subject Code"), /* @__PURE__ */ React169__namespace.default.createElement(EditableCombobox, { options: subjects.map((s4) => ({ value: s4.code, label: s4.name })), value: formState.subjectCode || "", onChange: (val) => handleFormChange("subjectCode", val), placeholder: "Select a subject..." }))), /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "category" }, "Category Name"), /* @__PURE__ */ React169__namespace.default.createElement(Input, { id: "category", value: formState.category || "", onChange: (e3) => handleFormChange("category", e3.target.value) })), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "categoryCode" }, "Category Code"), /* @__PURE__ */ React169__namespace.default.createElement(Input, { id: "categoryCode", value: formState.categoryCode || "", onChange: (e3) => handleFormChange("categoryCode", e3.target.value) }))), /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "topic" }, "Topic Name"), /* @__PURE__ */ React169__namespace.default.createElement(Input, { id: "topic", value: formState.topic || "", onChange: (e3) => handleFormChange("topic", e3.target.value) })), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "topicCode" }, "Topic Code"), /* @__PURE__ */ React169__namespace.default.createElement(Input, { id: "topicCode", value: formState.topicCode || "", onChange: (e3) => handleFormChange("topicCode", e3.target.value) }))), /* @__PURE__ */ React169__namespace.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "grade" }, "Grade Name"), /* @__PURE__ */ React169__namespace.default.createElement(Input, { id: "grade", value: formState.grade || "", onChange: (e3) => handleFormChange("grade", e3.target.value) })), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "gradeCode" }, "Grade Code"), /* @__PURE__ */ React169__namespace.default.createElement(Input, { id: "gradeCode", value: formState.gradeCode || "", onChange: (e3) => handleFormChange("gradeCode", e3.target.value) }))), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "keywords" }, "Keywords (comma-separated)"), /* @__PURE__ */ React169__namespace.default.createElement(Textarea, { id: "keywords", value: formState.keywords?.join(", ") || "", onChange: (e3) => handleFormChange("keywords", e3.target.value.split(",").map((s4) => s4.trim())) })), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "stemElements" }, "STEM Elements (comma-separated)"), /* @__PURE__ */ React169__namespace.default.createElement(Textarea, { id: "stemElements", value: formState.stemElements?.join(", ") || "", onChange: (e3) => handleFormChange("stemElements", e3.target.value.split(",").map((s4) => s4.trim())) })), /* @__PURE__ */ React169__namespace.default.createElement("div", null, /* @__PURE__ */ React169__namespace.default.createElement(Label2, { htmlFor: "bloomLevelsGuideline" }, "Bloom's Guideline (comma-separated)"), /* @__PURE__ */ React169__namespace.default.createElement(Textarea, { id: "bloomLevelsGuideline", value: formState.bloomLevelsGuideline?.join(", ") || "", onChange: (e3) => handleFormChange("bloomLevelsGuideline", e3.target.value.split(",").map((s4) => s4.trim())) }))), /* @__PURE__ */ React169__namespace.default.createElement(DialogFooter, null, /* @__PURE__ */ React169__namespace.default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React169__namespace.default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !formState.name?.trim() || !formState.code?.trim() }, isPending && /* @__PURE__ */ React169__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Save")))), /* @__PURE__ */ React169__namespace.default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React169__namespace.default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React169__namespace.default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React169__namespace.default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React169__namespace.default.createElement(AlertDialogDescription2, null, 'This will permanently delete "', itemToDelete?.name, '".')), /* @__PURE__ */ React169__namespace.default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React169__namespace.default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React169__namespace.default.createElement(AlertDialogAction2, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React169__namespace.default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Delete"))))));
 }

package/dist/react-ui.mjs CHANGED Viewed

@@ -101851,6 +101851,7 @@ init_react_shim();
 // src/services/TopicDataService.ts
 init_react_shim();
 var TopicDataService = class {
+  // ... saveData, mergeData, getData, clearData methods remain the same ...
   static saveData(data) {
     try {
       if (typeof window === "undefined") return;
@@ -101895,47 +101896,41 @@ var TopicDataService = class {
     }
     const headerLine = lines.shift();
     const headers = headerLine.split("	").map((h3) => h3.trim());
-    if (headers.length !== this.EXPECTED_HEADERS.length || !this.EXPECTED_HEADERS.every((h3, i2) => h3 === headers[i2])) {
-      const errorMsg = `Invalid TSV header. Expected: "${this.EXPECTED_HEADERS.join("	")}". Received: "${headers.join("	")}"`;
-      return { data: [], errors: [errorMsg] };
-    }
+    const headerMap = headers.map((h3) => this.HEADER_MAP[h3] || null);
     const data = [];
     const errors2 = [];
     lines.forEach((line, index3) => {
-      const values = line.split("	").map((v) => v.trim());
-      if (values.length !== this.EXPECTED_HEADERS.length) {
-        errors2.push(`Line ${index3 + 2}: Incorrect number of columns. Expected ${this.EXPECTED_HEADERS.length}, but got ${values.length}.`);
+      const values = line.split("	");
+      const rowObject = {};
+      headerMap.forEach((propName, i2) => {
+        if (propName) {
+          const value = values[i2]?.trim() || "";
+          if (propName === "keywords" || propName === "stemElements" || propName === "bloomLevelsGuideline") {
+            rowObject[propName] = value.split(",").map((s4) => s4.trim()).filter(Boolean);
+          } else {
+            rowObject[propName] = value;
+          }
+        }
+      });
+      if (!rowObject.code) {
+        errors2.push(`Line ${index3 + 2}: Missing required value for 'LO ID'.`);
         return;
       }
-      const [
-        loId,
-        name3,
-        loDescription,
-        subject,
-        category,
-        topic,
-        keywordsStr,
-        grade,
-        stemElementsStr,
-        bloomLevelsStr
-      ] = values;
-      if (!loId || !loDescription || !subject || !category || !topic) {
-        errors2.push(`Line ${index3 + 2}: Missing required fields (LO ID, LO Description, Subject, Category, or Topic).`);
-        return;
+      if (!rowObject.name) {
+        rowObject.name = rowObject.code;
       }
       const learningObjective = {
         id: generateUniqueId("lo_"),
-        code: loId,
-        name: name3,
-        description: loDescription,
-        // Can be the same as name or enhanced later
-        subject,
-        category,
-        topic,
-        grade,
-        keywords: keywordsStr.split(",").map((k3) => k3.trim()).filter(Boolean),
-        stemElements: stemElementsStr.split(",").map((s4) => s4.trim()).filter(Boolean),
-        bloomLevelsGuideline: bloomLevelsStr.split(",").map((b2) => b2.trim()).filter(Boolean)
+        code: rowObject.code,
+        name: rowObject.name,
+        description: rowObject.description,
+        subject: rowObject.subject || "",
+        category: rowObject.category || "",
+        topic: rowObject.topic || "",
+        grade: rowObject.grade || "",
+        keywords: rowObject.keywords || [],
+        stemElements: rowObject.stemElements || [],
+        bloomLevelsGuideline: rowObject.bloomLevelsGuideline || []
       };
       data.push(learningObjective);
     });
@@ -101963,17 +101958,20 @@ var TopicDataService = class {
   }
 };
 TopicDataService.STORAGE_KEY = "interactive_quiz_kit_learning_objectives";
-TopicDataService.EXPECTED_HEADERS = [
-  "LO ID",
-  "LO Description",
-  "Subject",
-  "Category",
-  "Topic",
-  "Keywords",
-  "Grade",
-  "STEM Element(s)",
-  "Bloom\u2019s Level(s) Guideline"
-];
+// Define a map for flexible header mapping
+TopicDataService.HEADER_MAP = {
+  "LO ID": "code",
+  "LO Name": "name",
+  // Ready for future addition
+  "LO Description": "description",
+  "Subject": "subject",
+  "Category": "category",
+  "Topic": "topic",
+  "Keywords": "keywords",
+  "Grade": "grade",
+  "STEM Element(s)": "stemElements",
+  "Bloom\u2019s Level(s) Guideline": "bloomLevelsGuideline"
+};
 // src/ai/flows/question-gen/generate-coding-question.ts
 init_react_shim();
@@ -138662,11 +138660,17 @@ function MetadataImportControls({ metadataName, onImport }) {
   const fileInputRef = useRef(null);
   const { toast: toast2 } = useToast();
   const processAndImportRecords = async (records, importSource) => {
+    console.log(`[ImportControls] Processing ${records.length} records from ${importSource} for ${metadataName}.`);
     if (records.length === 0) {
       toast2({ title: "No Data", description: `The selected ${importSource === "file" ? "file" : "JSON string"} contains no data to import.`, variant: "destructive" });
       return;
     }
-    await onImport(records);
+    try {
+      await onImport(records);
+    } catch (error) {
+      console.error(`[ImportControls] Error during onImport callback for ${metadataName}:`, error);
+      toast2({ title: "Import Failed", description: `An error occurred while saving the data: ${error instanceof Error ? error.message : String(error)}`, variant: "destructive" });
+    }
     setIsOpen(false);
     setJsonString("");
   };
@@ -138698,8 +138702,10 @@ function MetadataImportControls({ metadataName, onImport }) {
             return record;
           });
         }
+        console.log(`[ImportControls] File parsed successfully. Found ${records.length} records.`);
         await processAndImportRecords(records, "file");
       } catch (err) {
+        console.error("[ImportControls] Error parsing file:", err);
         toast2({ title: "Import Error", description: `Failed to process file: ${err.message}`, variant: "destructive" });
       }
     });
@@ -139619,6 +139625,53 @@ function LearningObjectiveManager({ initialData, subjects: subjectsProp, isLoadi
     });
   };
   const handleImport = async (records) => {
+    console.log(`[LO Manager] handleImport called with ${records.length} raw records.`);
+    if (!onBulkAdd) {
+      console.error("[LO Manager] onBulkAdd handler is not provided.");
+      return;
+    }
+    const parseStringToArray = (input) => {
+      if (Array.isArray(input)) return input;
+      if (typeof input === "string") return input.split(",").map((s4) => s4.trim()).filter(Boolean);
+      return [];
+    };
+    const validationResult = records.reduce((acc, rec) => {
+      if (typeof rec.code === "string" && rec.code.trim() && typeof rec.name === "string" && rec.name.trim()) {
+        acc.valid.push({
+          code: rec.code,
+          name: rec.name,
+          description: rec.description || rec.name,
+          subject: rec.subject || "",
+          subjectCode: rec.subjectCode,
+          category: rec.category || "",
+          categoryCode: rec.categoryCode,
+          topic: rec.topic || "",
+          topicCode: rec.topicCode,
+          grade: rec.grade || "",
+          gradeCode: rec.gradeCode,
+          keywords: parseStringToArray(rec.keywords),
+          stemElements: parseStringToArray(rec.stemElements),
+          bloomLevelsGuideline: parseStringToArray(rec.bloomLevelsGuideline)
+        });
+      } else {
+        acc.invalidCount++;
+      }
+      return acc;
+    }, { valid: [], invalidCount: 0 });
+    console.log(`[LO Manager] Validation complete. ${validationResult.valid.length} valid records found.`);
+    if (validationResult.invalidCount > 0) {
+      toast2({
+        title: "Import Warning",
+        description: `${validationResult.invalidCount} records had invalid or missing 'code' or 'name' fields and were ignored.`,
+        variant: "destructive"
+      });
+    }
+    if (validationResult.valid.length > 0) {
+      console.log("[LO Manager] Calling onBulkAdd prop with validated data...");
+      await onBulkAdd(validationResult.valid);
+    } else {
+      console.log("[LO Manager] No valid records to import.");
+    }
   };
   return /* @__PURE__ */ React169__default.createElement(Card, null, /* @__PURE__ */ React169__default.createElement(CardHeader, null, /* @__PURE__ */ React169__default.createElement(CardTitle, { className: "flex justify-between items-center" }, /* @__PURE__ */ React169__default.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React169__default.createElement(Lightbulb, { className: "mr-2 h-5 w-5 text-primary" }), " Manage Learning Objectives"), /* @__PURE__ */ React169__default.createElement("div", { className: "flex items-center gap-2" }, onBulkAdd && /* @__PURE__ */ React169__default.createElement(MetadataImportControls, { metadataName: "Learning Objectives", onImport: handleImport }), /* @__PURE__ */ React169__default.createElement(Button, { onClick: handleAddItem, size: "sm" }, /* @__PURE__ */ React169__default.createElement(CirclePlus, { className: "mr-2 h-4 w-4" }), " Add Learning Objective")))), /* @__PURE__ */ React169__default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React169__default.createElement("div", { className: "flex justify-center items-center h-32" }, /* @__PURE__ */ React169__default.createElement(LoaderCircle, { className: "h-8 w-8 animate-spin text-primary" })) : items.length === 0 ? /* @__PURE__ */ React169__default.createElement("p", { className: "text-center text-muted-foreground py-4" }, "No Learning Objectives found.") : /* @__PURE__ */ React169__default.createElement("div", { className: "overflow-x-auto" }, /* @__PURE__ */ React169__default.createElement(Table3, null, /* @__PURE__ */ React169__default.createElement(TableHeader, null, /* @__PURE__ */ React169__default.createElement(TableRow, null, /* @__PURE__ */ React169__default.createElement(TableHead, null, "Code"), /* @__PURE__ */ React169__default.createElement(TableHead, null, "Name"), /* @__PURE__ */ React169__default.createElement(TableHead, null, "Subject"), /* @__PURE__ */ React169__default.createElement(TableHead, null, "Topic"), /* @__PURE__ */ React169__default.createElement(TableHead, { className: "text-right w-[120px]" }, "Actions"))), /* @__PURE__ */ React169__default.createElement(TableBody, null, items.map((item) => /* @__PURE__ */ React169__default.createElement(TableRow, { key: item.id }, /* @__PURE__ */ React169__default.createElement(TableCell, { className: "font-mono text-xs" }, item.code), /* @__PURE__ */ React169__default.createElement(TableCell, { className: "font-medium" }, item.name), /* @__PURE__ */ React169__default.createElement(TableCell, null, item.subject || item.subjectCode), /* @__PURE__ */ React169__default.createElement(TableCell, null, item.topic || item.topicCode), /* @__PURE__ */ React169__default.createElement(TableCell, { className: "text-right" }, /* @__PURE__ */ React169__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleEditItem(item), className: "mr-2" }, /* @__PURE__ */ React169__default.createElement(PenLine, { className: "h-4 w-4" })), /* @__PURE__ */ React169__default.createElement(Button, { variant: "ghost", size: "icon", onClick: () => handleDeleteItem(item), className: "text-destructive hover:text-destructive" }, /* @__PURE__ */ React169__default.createElement(Trash2, { className: "h-4 w-4" })))))))), /* @__PURE__ */ React169__default.createElement(Dialog2, { open: isDialogOpen, onOpenChange: setIsDialogOpen }, /* @__PURE__ */ React169__default.createElement(DialogContent2, { className: "sm:max-w-2xl max-h-[90vh] overflow-y-auto" }, /* @__PURE__ */ React169__default.createElement(DialogHeader, null, /* @__PURE__ */ React169__default.createElement(DialogTitle2, null, currentItem ? "Edit Learning Objective" : "Add New Learning Objective")), /* @__PURE__ */ React169__default.createElement("div", { className: "grid gap-4 py-4" }, /* @__PURE__ */ React169__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "code" }, "Code"), /* @__PURE__ */ React169__default.createElement(Input, { id: "code", value: formState.code || "", onChange: (e3) => handleFormChange("code", e3.target.value.toUpperCase()), disabled: !!currentItem })), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "name" }, "Name (Description)"), /* @__PURE__ */ React169__default.createElement(Input, { id: "name", value: formState.name || "", onChange: (e3) => handleFormChange("name", e3.target.value) }))), /* @__PURE__ */ React169__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "subject" }, "Subject Name"), /* @__PURE__ */ React169__default.createElement(Input, { id: "subject", value: formState.subject || "", onChange: (e3) => handleFormChange("subject", e3.target.value) })), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "subjectCode" }, "Subject Code"), /* @__PURE__ */ React169__default.createElement(EditableCombobox, { options: subjects.map((s4) => ({ value: s4.code, label: s4.name })), value: formState.subjectCode || "", onChange: (val) => handleFormChange("subjectCode", val), placeholder: "Select a subject..." }))), /* @__PURE__ */ React169__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "category" }, "Category Name"), /* @__PURE__ */ React169__default.createElement(Input, { id: "category", value: formState.category || "", onChange: (e3) => handleFormChange("category", e3.target.value) })), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "categoryCode" }, "Category Code"), /* @__PURE__ */ React169__default.createElement(Input, { id: "categoryCode", value: formState.categoryCode || "", onChange: (e3) => handleFormChange("categoryCode", e3.target.value) }))), /* @__PURE__ */ React169__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "topic" }, "Topic Name"), /* @__PURE__ */ React169__default.createElement(Input, { id: "topic", value: formState.topic || "", onChange: (e3) => handleFormChange("topic", e3.target.value) })), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "topicCode" }, "Topic Code"), /* @__PURE__ */ React169__default.createElement(Input, { id: "topicCode", value: formState.topicCode || "", onChange: (e3) => handleFormChange("topicCode", e3.target.value) }))), /* @__PURE__ */ React169__default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "grade" }, "Grade Name"), /* @__PURE__ */ React169__default.createElement(Input, { id: "grade", value: formState.grade || "", onChange: (e3) => handleFormChange("grade", e3.target.value) })), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "gradeCode" }, "Grade Code"), /* @__PURE__ */ React169__default.createElement(Input, { id: "gradeCode", value: formState.gradeCode || "", onChange: (e3) => handleFormChange("gradeCode", e3.target.value) }))), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "keywords" }, "Keywords (comma-separated)"), /* @__PURE__ */ React169__default.createElement(Textarea, { id: "keywords", value: formState.keywords?.join(", ") || "", onChange: (e3) => handleFormChange("keywords", e3.target.value.split(",").map((s4) => s4.trim())) })), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "stemElements" }, "STEM Elements (comma-separated)"), /* @__PURE__ */ React169__default.createElement(Textarea, { id: "stemElements", value: formState.stemElements?.join(", ") || "", onChange: (e3) => handleFormChange("stemElements", e3.target.value.split(",").map((s4) => s4.trim())) })), /* @__PURE__ */ React169__default.createElement("div", null, /* @__PURE__ */ React169__default.createElement(Label2, { htmlFor: "bloomLevelsGuideline" }, "Bloom's Guideline (comma-separated)"), /* @__PURE__ */ React169__default.createElement(Textarea, { id: "bloomLevelsGuideline", value: formState.bloomLevelsGuideline?.join(", ") || "", onChange: (e3) => handleFormChange("bloomLevelsGuideline", e3.target.value.split(",").map((s4) => s4.trim())) }))), /* @__PURE__ */ React169__default.createElement(DialogFooter, null, /* @__PURE__ */ React169__default.createElement(Button, { type: "button", variant: "outline", onClick: () => setIsDialogOpen(false), disabled: isPending }, "Cancel"), /* @__PURE__ */ React169__default.createElement(Button, { type: "submit", onClick: handleSubmit, disabled: isPending || !formState.name?.trim() || !formState.code?.trim() }, isPending && /* @__PURE__ */ React169__default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Save")))), /* @__PURE__ */ React169__default.createElement(AlertDialog2, { open: isAlertOpen, onOpenChange: setIsAlertOpen }, /* @__PURE__ */ React169__default.createElement(AlertDialogContent2, null, /* @__PURE__ */ React169__default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React169__default.createElement(AlertDialogTitle2, null, "Are you sure?"), /* @__PURE__ */ React169__default.createElement(AlertDialogDescription2, null, 'This will permanently delete "', itemToDelete?.name, '".')), /* @__PURE__ */ React169__default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React169__default.createElement(AlertDialogCancel2, { disabled: isPending }, "Cancel"), /* @__PURE__ */ React169__default.createElement(AlertDialogAction2, { onClick: confirmDelete, disabled: isPending, className: "bg-destructive hover:bg-destructive/90" }, isPending && /* @__PURE__ */ React169__default.createElement(LoaderCircle, { className: "mr-2 h-4 w-4 animate-spin" }), " Delete"))))));
 }

package/package.json CHANGED Viewed

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