flowcore-fn 9.3.4 → 9.3.5

package/dist/pkg-index.js

@@ -3271,14 +3271,26 @@ function WorkFlowTransition() {
 
 // src/components/user-hierarchy-node-mapping/user_hierarachy_node_main.jsx
 var import_react26 = __toESM(require("react"));
+var import_sweetalert26 = __toESM(require("sweetalert2"));
 
 // src/components/user-hierarchy-node-mapping/adduserhierarchynode.jsx
 var import_react21 = __toESM(require("react"));
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function AddUserHierarchyNodeMappingModal({
   isOpen,
-  onClose
+  onClose,
+  onSave
 }) {
+  const [formData, setFormData] = (0, import_react21.useState)({ mappingId: "", externalUserId: "", hierarchyNodeId: "", roleCode: "", isPrimary: "", effectiveFrom: "", effectiveTo: "" });
+  const [isSubmitting, setIsSubmitting] = (0, import_react21.useState)(false);
+  const handleChange = (event) => setFormData((previous) => __spreadProps(__spreadValues({}, previous), { [event.target.name]: event.target.value }));
+  const handleSave = async () => {
+    if (!onSave) return;
+    setIsSubmitting(true);
+    const success = await onSave({ externalUserId: Number(formData.externalUserId), hierarchyNodeId: Number(formData.hierarchyNodeId), roleCode: formData.roleCode, isPrimary: formData.isPrimary === "true", effectiveFrom: formData.effectiveFrom, effectiveTo: formData.effectiveTo || null, createdBy: "System" });
+    setIsSubmitting(false);
+    if (success) onClose();
+  };
   if (!isOpen) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity fc:duration-200", onClick: onClose }),
@@ -3305,7 +3317,7 @@ function AddUserHierarchyNodeMappingModal({
                 "Mapping ID ",
                 /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "fc:text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { type: "text", placeholder: "Enter mapping ID", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 fc:bg-white focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { name: "mappingId", value: formData.mappingId, onChange: handleChange, type: "text", placeholder: "Enter mapping ID", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 fc:bg-white focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
               /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the unique mapping ID" })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { children: [
@@ -3313,7 +3325,7 @@ function AddUserHierarchyNodeMappingModal({
                 "External User ID ",
                 /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "fc:text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { type: "text", placeholder: "Enter external user ID", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 fc:bg-white focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { name: "externalUserId", value: formData.externalUserId, onChange: handleChange, type: "text", placeholder: "Enter external user ID", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 fc:bg-white focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
               /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the consumer user ID" })
             ] })
           ] }),
@@ -3322,7 +3334,7 @@ function AddUserHierarchyNodeMappingModal({
               "Hierarchy Node ID ",
               /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "fc:text-red-500", children: "*" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { type: "text", placeholder: "Enter hierarchy node ID", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { name: "hierarchyNodeId", value: formData.hierarchyNodeId, onChange: handleChange, type: "text", placeholder: "Enter hierarchy node ID", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
             /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the hierarchy node assigned to the user" })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "fc:grid fc:grid-cols-2 fc:gap-5", children: [
@@ -3331,7 +3343,7 @@ function AddUserHierarchyNodeMappingModal({
                 "Role Code ",
                 /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "fc:text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { type: "text", placeholder: "Enter role code", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { name: "roleCode", value: formData.roleCode, onChange: handleChange, type: "text", placeholder: "Enter role code", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
               /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the user role code, for example DEO or RO" })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { children: [
@@ -3339,7 +3351,7 @@ function AddUserHierarchyNodeMappingModal({
                 "Is Primary ",
                 /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "fc:text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("select", { className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("select", { name: "isPrimary", value: formData.isPrimary, onChange: handleChange, className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: "", children: "Select primary status" }),
                 /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: "true", children: "Yes" }),
                 /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: "false", children: "No" })
@@ -3359,12 +3371,12 @@ function AddUserHierarchyNodeMappingModal({
                 "Effective From ",
                 /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "fc:text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { type: "date", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { name: "effectiveFrom", value: formData.effectiveFrom, onChange: handleChange, type: "date", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
               /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Select the date from which this mapping is effective" })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { children: [
               /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: "Effective To" }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { type: "date", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { name: "effectiveTo", value: formData.effectiveTo, onChange: handleChange, type: "date", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
               /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Select the date until which this mapping is effective" })
             ] })
           ] })
@@ -3372,7 +3384,7 @@ function AddUserHierarchyNodeMappingModal({
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "fc:p-5 fc:bg-white fc:border-t fc:border-slate-100 fc:flex fc:items-center fc:justify-end fc:gap-3 fc:px-8", children: [
         /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { onClick: onClose, className: "fc:px-6 fc:py-2.5 fc:border fc:border-slate-200 fc:text-slate-600 fc:text-xs fc:font-bold fc:rounded-xl hover:fc:fc:bg-slate-50 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u2715 Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { type: "button", className: "fc:px-6 fc:py-2.5 fc:bg-indigo-600 hover:fc:fc:bg-indigo-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-indigo-500/10 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u{1F4BE} Save Mapping" })
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { type: "button", onClick: handleSave, disabled: isSubmitting, className: "fc:px-6 fc:py-2.5 fc:bg-indigo-600 hover:fc:fc:bg-indigo-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-indigo-500/10 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u{1F4BE} Save Mapping" })
       ] })
     ] })
   ] });
@@ -3439,14 +3451,23 @@ function EditUserHierarchyNodeMappingModal({
       [name]: value
     }));
   };
-  const handleSubmit = (event) => {
+  const handleSubmit = async (event) => {
+    var _a, _b, _c;
     event.preventDefault();
     if (onSave) {
-      onSave(__spreadProps(__spreadValues(__spreadValues({}, selectedMapping), formData), {
-        isPrimary: formData.isPrimary === "true"
-      }));
+      const success = await onSave({
+        mappingId: Number((_a = selectedMapping.mappingId) != null ? _a : selectedMapping.id),
+        externalUserId: Number(selectedMapping.externalUserId),
+        hierarchyNodeId: Number(formData.hierarchyNodeId),
+        roleCode: formData.roleCode,
+        isPrimary: formData.isPrimary === "true",
+        effectiveFrom: formData.effectiveFrom,
+        effectiveTo: formData.effectiveTo || null,
+        isActive: (_c = (_b = selectedMapping.isActive) != null ? _b : selectedMapping.status) != null ? _c : true,
+        updatedBy: selectedMapping.updatedBy || selectedMapping.createdBy || "System"
+      });
+      if (success) onClose();
     }
-    onClose();
   };
   return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
@@ -3650,264 +3671,19 @@ function DeleteUserHierarchyNodeMappingModal({
 // src/components/user-hierarchy-node-mapping/userhierarchynodetable.jsx
 var import_jsx_runtime25 = require("react/jsx-runtime");
 function UserHierarchyNodeMappingTable({
+  apiData,
   pageSize,
   searchQuery = "",
   currentPage,
   setCurrentPage,
-  setTotalEntries
+  setTotalEntries,
+  onUpdate,
+  onDelete
 }) {
-  const initialData = [{
-    id: 1,
-    mappingId: 1,
-    externalUserId: 101,
-    hierarchyNodeId: 2,
-    roleCode: "DEO",
-    isPrimary: true,
-    effectiveFrom: "2026-01-01",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 2,
-    mappingId: 2,
-    externalUserId: 101,
-    hierarchyNodeId: 3,
-    roleCode: "RO",
-    isPrimary: false,
-    effectiveFrom: "2026-01-01",
-    effectiveTo: "",
-    status: false
-  }, {
-    id: 3,
-    mappingId: 3,
-    externalUserId: 102,
-    hierarchyNodeId: 4,
-    roleCode: "AO",
-    isPrimary: true,
-    effectiveFrom: "2026-01-03",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 4,
-    mappingId: 4,
-    externalUserId: 103,
-    hierarchyNodeId: 5,
-    roleCode: "SO",
-    isPrimary: false,
-    effectiveFrom: "2026-01-05",
-    effectiveTo: "2026-12-31",
-    status: false
-  }, {
-    id: 5,
-    mappingId: 5,
-    externalUserId: 104,
-    hierarchyNodeId: 6,
-    roleCode: "DEO",
-    isPrimary: true,
-    effectiveFrom: "2026-01-07",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 6,
-    mappingId: 6,
-    externalUserId: 105,
-    hierarchyNodeId: 7,
-    roleCode: "RO",
-    isPrimary: false,
-    effectiveFrom: "2026-01-09",
-    effectiveTo: "",
-    status: false
-  }, {
-    id: 7,
-    mappingId: 7,
-    externalUserId: 106,
-    hierarchyNodeId: 8,
-    roleCode: "AO",
-    isPrimary: true,
-    effectiveFrom: "2026-01-11",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 8,
-    mappingId: 8,
-    externalUserId: 107,
-    hierarchyNodeId: 9,
-    roleCode: "SO",
-    isPrimary: false,
-    effectiveFrom: "2026-01-13",
-    effectiveTo: "2026-09-30",
-    status: false
-  }, {
-    id: 9,
-    mappingId: 9,
-    externalUserId: 108,
-    hierarchyNodeId: 10,
-    roleCode: "DEO",
-    isPrimary: true,
-    effectiveFrom: "2026-01-15",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 10,
-    mappingId: 10,
-    externalUserId: 109,
-    hierarchyNodeId: 11,
-    roleCode: "RO",
-    isPrimary: false,
-    effectiveFrom: "2026-01-17",
-    effectiveTo: "",
-    status: false
-  }, {
-    id: 11,
-    mappingId: 11,
-    externalUserId: 110,
-    hierarchyNodeId: 12,
-    roleCode: "AO",
-    isPrimary: true,
-    effectiveFrom: "2026-01-19",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 12,
-    mappingId: 12,
-    externalUserId: 111,
-    hierarchyNodeId: 13,
-    roleCode: "SO",
-    isPrimary: false,
-    effectiveFrom: "2026-01-21",
-    effectiveTo: "2026-10-31",
-    status: false
-  }, {
-    id: 13,
-    mappingId: 13,
-    externalUserId: 112,
-    hierarchyNodeId: 14,
-    roleCode: "DEO",
-    isPrimary: true,
-    effectiveFrom: "2026-01-23",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 14,
-    mappingId: 14,
-    externalUserId: 113,
-    hierarchyNodeId: 15,
-    roleCode: "RO",
-    isPrimary: false,
-    effectiveFrom: "2026-01-25",
-    effectiveTo: "",
-    status: false
-  }, {
-    id: 15,
-    mappingId: 15,
-    externalUserId: 114,
-    hierarchyNodeId: 16,
-    roleCode: "AO",
-    isPrimary: true,
-    effectiveFrom: "2026-01-27",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 16,
-    mappingId: 16,
-    externalUserId: 115,
-    hierarchyNodeId: 17,
-    roleCode: "SO",
-    isPrimary: false,
-    effectiveFrom: "2026-01-29",
-    effectiveTo: "2026-11-30",
-    status: false
-  }, {
-    id: 17,
-    mappingId: 17,
-    externalUserId: 116,
-    hierarchyNodeId: 18,
-    roleCode: "DEO",
-    isPrimary: true,
-    effectiveFrom: "2026-02-01",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 18,
-    mappingId: 18,
-    externalUserId: 117,
-    hierarchyNodeId: 19,
-    roleCode: "RO",
-    isPrimary: false,
-    effectiveFrom: "2026-02-03",
-    effectiveTo: "",
-    status: false
-  }, {
-    id: 19,
-    mappingId: 19,
-    externalUserId: 118,
-    hierarchyNodeId: 20,
-    roleCode: "AO",
-    isPrimary: true,
-    effectiveFrom: "2026-02-05",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 20,
-    mappingId: 20,
-    externalUserId: 119,
-    hierarchyNodeId: 21,
-    roleCode: "SO",
-    isPrimary: false,
-    effectiveFrom: "2026-02-07",
-    effectiveTo: "2026-12-31",
-    status: false
-  }, {
-    id: 21,
-    mappingId: 21,
-    externalUserId: 120,
-    hierarchyNodeId: 22,
-    roleCode: "DEO",
-    isPrimary: true,
-    effectiveFrom: "2026-02-09",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 22,
-    mappingId: 22,
-    externalUserId: 121,
-    hierarchyNodeId: 23,
-    roleCode: "RO",
-    isPrimary: false,
-    effectiveFrom: "2026-02-11",
-    effectiveTo: "",
-    status: false
-  }, {
-    id: 23,
-    mappingId: 23,
-    externalUserId: 122,
-    hierarchyNodeId: 24,
-    roleCode: "AO",
-    isPrimary: true,
-    effectiveFrom: "2026-02-13",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 24,
-    mappingId: 24,
-    externalUserId: 123,
-    hierarchyNodeId: 25,
-    roleCode: "SO",
-    isPrimary: false,
-    effectiveFrom: "2026-02-15",
-    effectiveTo: "2026-08-31",
-    status: false
-  }, {
-    id: 25,
-    mappingId: 25,
-    externalUserId: 124,
-    hierarchyNodeId: 26,
-    roleCode: "DEO",
-    isPrimary: true,
-    effectiveFrom: "2026-02-17",
-    effectiveTo: "",
-    status: true
-  }];
-  const [data, setData] = (0, import_react25.useState)(initialData);
+  const [data, setData] = (0, import_react25.useState)(apiData || []);
+  (0, import_react25.useEffect)(() => {
+    setData(apiData || []);
+  }, [apiData]);
   const [sortOrder, setSortOrder] = (0, import_react25.useState)("asc");
   const [sortKey, setSortKey] = (0, import_react25.useState)("mappingId");
   const handleSort = (columnKey) => {
@@ -3953,16 +3729,16 @@ function UserHierarchyNodeMappingTable({
     setShowDeletePopup(false);
     setSelectedItem(null);
   };
-  const handleDelete = () => {
-    setData(
-      (prev) => prev.filter((item) => item.id !== (selectedItem == null ? void 0 : selectedItem.id))
-    );
-    closeDeletePopup();
+  const handleDelete = async () => {
+    if (await (onDelete == null ? void 0 : onDelete(selectedItem))) closeDeletePopup();
   };
   const toggleStatus = (id) => {
-    setData((prev) => prev.map((item) => item.id === id ? __spreadProps(__spreadValues({}, item), {
-      status: !item.status
-    }) : item));
+    var _a, _b;
+    const item = data.find((record) => {
+      var _a2;
+      return ((_a2 = record.mappingId) != null ? _a2 : record.id) === id;
+    });
+    if (item) onUpdate == null ? void 0 : onUpdate(__spreadProps(__spreadValues({}, item), { mappingId: (_a = item.mappingId) != null ? _a : item.id, isActive: !((_b = item.isActive) != null ? _b : item.status), updatedBy: item.updatedBy || item.createdBy || "System" }));
   };
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "fc:space-y-5", children: [
     /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "fc:w-full fc:overflow-x-hidden fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm fc:max-h-[420px] fc:overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-fixed", children: [
@@ -3994,29 +3770,35 @@ function UserHierarchyNodeMappingTable({
         /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("th", { className: "fc:py-4 fc:px-5 fc:text-s fc:bg-slate-50 fc:text-center fc:whitespace-nowrap", children: "STATUS" }),
         /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("th", { className: "fc:py-4 fc:px-5 fc:text-s fc:bg-slate-50 fc:text-center fc:whitespace-nowrap", children: "ACTION" })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-s fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-4 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-5  fc:text-slate-600  fc:whitespace-nowrap", children: item.mappingId }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-600   fc:whitespace-nowrap", children: item.externalUserId }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-600  fc:whitespace-nowrap", children: item.hierarchyNodeId }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-5  fc:text-slate-600  fc:whitespace-nowrap", children: item.roleCode }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: `fc:px-2 fc:py-0.5 fc:text-xs fc:font-semibold fc:rounded${item.isPrimary ? "bg-emerald-50 text-emerald-600 border border-emerald-200" : "bg-rose-50 text-rose-600 border border-rose-200"}`, children: item.isPrimary ? "\u2713 Yes" : "\u2715 No" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: item.effectiveFrom }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: item.effectiveTo }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { onClick: () => toggleStatus(item.id), className: `fc:relative fc:inline-flex fc:h-5.5 fc:w-10 fc:shrink-0 fc:cursor-pointer fc:rounded-full fc:border-2 fc:border-transparent fc:transition-colors fc:duration-200 fc:ease-in-out fc:outline-none ${item.status ? "fc:bg-blue-600" : "fc:bg-gray-200"}`, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: `fc:pointer-events-none fc:inline-block fc:h-4.5 fc:w-4.5 fc:transform fc:rounded-full fc:bg-white fc:shadow fc:ring-0 fc:transition fc:duration-200 fc:ease-in-out ${item.status ? "fc:translate-x-5" : "fc:translate-x-0"}` }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-2 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "fc:flex fc:justify-center fc:items-center fc:gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-            "button",
-            {
-              type: "button",
-              onClick: () => openEditPopup(item),
-              className: "  fc:px-3 fc:py-1 fc:bg-blue-100/70 hover:fc:bg-blue-200/80 fc:text-blue-600 fc:font-semibold fc:text-xs fc:rounded-lg fc:transition-all fc:duration-150 fc:cursor-pointer",
-              children: "Edit"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { onClick: () => openDeletePopup(item), className: "fc:px-3 fc:py-1 fc:bg-rose-100/70 hover:fc:bg-rose-200/80 fc:text-rose-600 fc:font-semibold fc:text-xs fc:rounded-lg fc:transition-all fc:duration-150 fc:cursor-pointer", children: "Delete" })
-        ] }) })
-      ] }, item.id)) })
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-s fc:text-slate-600", children: visibleData.map((item, index) => {
+        var _a, _b;
+        return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-4 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-5  fc:text-slate-600  fc:whitespace-nowrap", children: item.mappingId }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-600   fc:whitespace-nowrap", children: item.externalUserId }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-600  fc:whitespace-nowrap", children: item.hierarchyNodeId }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-5  fc:text-slate-600  fc:whitespace-nowrap", children: item.roleCode }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: `fc:px-2 fc:py-0.5 fc:text-xs fc:font-semibold fc:rounded${item.isPrimary ? "bg-emerald-50 text-emerald-600 border border-emerald-200" : "bg-rose-50 text-rose-600 border border-rose-200"}`, children: item.isPrimary ? "\u2713 Yes" : "\u2715 No" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: item.effectiveFrom }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: item.effectiveTo }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { onClick: () => {
+            var _a2;
+            return toggleStatus((_a2 = item.mappingId) != null ? _a2 : item.id);
+          }, className: `fc:relative fc:inline-flex fc:h-5.5 fc:w-10 fc:shrink-0 fc:cursor-pointer fc:rounded-full fc:border-2 fc:border-transparent fc:transition-colors fc:duration-200 fc:ease-in-out fc:outline-none ${((_a = item.isActive) != null ? _a : item.status) ? "fc:bg-blue-600" : "fc:bg-gray-200"}`, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: `fc:pointer-events-none fc:inline-block fc:h-4.5 fc:w-4.5 fc:transform fc:rounded-full fc:bg-white fc:shadow fc:ring-0 fc:transition fc:duration-200 fc:ease-in-out ${((_b = item.isActive) != null ? _b : item.status) ? "fc:translate-x-5" : "fc:translate-x-0"}` }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("td", { className: "fc:py-4 fc:px-2 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "fc:flex fc:justify-center fc:items-center fc:gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: () => openEditPopup(item),
+                className: "  fc:px-3 fc:py-1 fc:bg-blue-100/70 hover:fc:bg-blue-200/80 fc:text-blue-600 fc:font-semibold fc:text-xs fc:rounded-lg fc:transition-all fc:duration-150 fc:cursor-pointer",
+                children: "Edit"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { onClick: () => openDeletePopup(item), className: "fc:px-3 fc:py-1 fc:bg-rose-100/70 hover:fc:bg-rose-200/80 fc:text-rose-600 fc:font-semibold fc:text-xs fc:rounded-lg fc:transition-all fc:duration-150 fc:cursor-pointer", children: "Delete" })
+          ] }) })
+        ] }, item.id);
+      }) })
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-end fc:gap-1 fc:text-[13px] fc:text-slate-700 fc:font-normal fc:mt-4 fc:bg-slate-50/50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
       /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), disabled: currentPage === 1, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:mr-2 disabled:fc:fc:opacity-40", children: "\u2039 Prev" }),
@@ -4028,7 +3810,8 @@ function UserHierarchyNodeMappingTable({
       {
         isOpen: showEditPopup,
         onClose: closeEditPopup,
-        selectedMapping: selectedItem
+        selectedMapping: selectedItem,
+        onSave: (payload) => onUpdate == null ? void 0 : onUpdate(payload)
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
@@ -4047,8 +3830,22 @@ function UserHierarchyNodeMappingTable({
 var import_jsx_runtime26 = require("react/jsx-runtime");
 function User_hierarchy_mapping_main() {
   const [refreshkey, setRefreshKey] = (0, import_react26.useState)(0);
+  const [apiData, setApiData] = (0, import_react26.useState)([]);
+  (0, import_react26.useEffect)(() => {
+    (async () => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      try {
+        const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.userHierarchyNodeMapping) == null ? void 0 : _c.getList;
+        if (!endpoint) throw new Error("User hierarchy node mapping list endpoint is not configured.");
+        const result = await getApiService().post(endpoint, {});
+        const value = ((_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) || ((_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) || (result == null ? void 0 : result.data) || result;
+        setApiData(Array.isArray(value) ? value : (value == null ? void 0 : value.items) || (value == null ? void 0 : value.records) || []);
+      } catch (error) {
+        await import_sweetalert26.default.fire("Error", ((_g = (_f = error == null ? void 0 : error.response) == null ? void 0 : _f.data) == null ? void 0 : _g.message) || (error == null ? void 0 : error.message) || "Unable to load user hierarchy node mappings.", "error");
+      }
+    })();
+  }, [refreshkey]);
   const handleRefresh = () => {
-    console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
   const tableRef = (0, import_react26.useRef)(null);
@@ -4061,6 +3858,20 @@ function User_hierarchy_mapping_main() {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
   };
+  const saveMapping = async (payload, isEdit = false) => {
+    var _a, _b, _c, _d, _e;
+    try {
+      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.userHierarchyNodeMapping) == null ? void 0 : _c[isEdit ? "update" : "create"];
+      if (!endpoint) throw new Error(`User hierarchy node mapping ${isEdit ? "update" : "create"} endpoint is not configured.`);
+      await getApiService()[isEdit ? "put" : "post"](endpoint, payload);
+      await import_sweetalert26.default.fire("Success", `User hierarchy node mapping ${isEdit ? "updated" : "created"} successfully.`, "success");
+      handleRefresh();
+      return true;
+    } catch (error) {
+      await import_sweetalert26.default.fire("Error", ((_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || (error == null ? void 0 : error.message) || `Unable to ${isEdit ? "update" : "create"} user hierarchy node mapping.`, "error");
+      return false;
+    }
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fc:min-h-screen fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
     /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fc:w-full fc:space-y-5", children: [
       /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CommonHeader, { title: "User Hierarchy Node Mapping", breadcrumbs: [{
@@ -4090,10 +3901,10 @@ function User_hierarchy_mapping_main() {
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { ref: tableRef, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(UserHierarchyNodeMappingTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries }, refreshkey) })
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { ref: tableRef, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(UserHierarchyNodeMappingTable, { apiData, pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries, onUpdate: (payload) => saveMapping(payload, true), onDelete: (item) => saveMapping(__spreadProps(__spreadValues({}, item), { mappingId: item.mappingId, isActive: false, updatedBy: item.updatedBy || item.createdBy || "System" }), true) }) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AddUserHierarchyNodeMappingModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(AddUserHierarchyNodeMappingModal, { isOpen: modalOpen, onClose: () => setModalOpen(false), onSave: (payload) => saveMapping(payload) })
   ] });
 }
 
@@ -9129,7 +8940,7 @@ function Comment_main() {
 
 // src/components/hierarchy-node/HierarchyNodeMain.jsx
 var import_react68 = __toESM(require("react"));
-var import_sweetalert26 = __toESM(require("sweetalert2"));
+var import_sweetalert27 = __toESM(require("sweetalert2"));
 
 // src/components/hierarchy-node/SearchBar.jsx
 var import_react63 = __toESM(require("react"));
@@ -9201,9 +9012,19 @@ function AddEditModal({
       [name]: type === "checkbox" ? checked : value
     }));
   };
-  const handleSave = () => {
-    onSave(formData);
-    onClose();
+  const handleSave = async () => {
+    const success = await (onSave == null ? void 0 : onSave({
+      hierarchyNodeId: Number(formData.hierarchyNodeId),
+      parentHierarchyNodeId: Number(formData.parentHierarchyNodeId || 0),
+      hierarchyLevel: Number(formData.hierarchyLevel || 0),
+      nodeType: formData.nodeType,
+      nodeName: formData.nodeName,
+      externalEntityType: formData.externalEntityType,
+      externalEntityId: Number(formData.externalEntityId || 0),
+      isActive: Boolean(formData.isActive),
+      updatedBy: formData.updatedBy || formData.createdBy || "System"
+    }));
+    if (success) onClose();
   };
   return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "fc:fixed fc:inset-0 fc:bg-black/40 fc:flex fc:items-center fc:justify-center fc:z-50", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "fc:bg-white fc:w-[650px] fc:rounded-2xl fc:shadow-xl fc:p-6", children: [
     /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:mb-6", children: [
@@ -9395,104 +9216,15 @@ var import_jsx_runtime66 = require("react/jsx-runtime");
 function HierarchyTable({
   apiData,
   pageSize,
-  searchQuery
+  searchQuery,
+  onUpdate,
+  onDelete
 }) {
-  const hierarchyData = [{
-    hierarchyNodeId: 1,
-    parentHierarchyNodeId: 0,
-    hierarchyLevel: 1,
-    nodeType: "Department",
-    nodeName: "Head Office",
-    externalEntityType: "Organization",
-    externalEntityId: 1001,
-    isActive: true
-  }, {
-    hierarchyNodeId: 2,
-    parentHierarchyNodeId: 1,
-    hierarchyLevel: 2,
-    nodeType: "District",
-    nodeName: "Ludhiana",
-    externalEntityType: "District",
-    externalEntityId: 1002,
-    isActive: true
-  }, {
-    hierarchyNodeId: 3,
-    parentHierarchyNodeId: 2,
-    hierarchyLevel: 3,
-    nodeType: "Block",
-    nodeName: "Samrala",
-    externalEntityType: "Block",
-    externalEntityId: 1003,
-    isActive: false
-  }, {
-    hierarchyNodeId: 4,
-    parentHierarchyNodeId: 2,
-    hierarchyLevel: 3,
-    nodeType: "Block",
-    nodeName: "Khanna",
-    externalEntityType: "Block",
-    externalEntityId: 1004,
-    isActive: true
-  }, {
-    hierarchyNodeId: 5,
-    parentHierarchyNodeId: 4,
-    hierarchyLevel: 4,
-    nodeType: "Panchayat",
-    nodeName: "Village A",
-    externalEntityType: "Village",
-    externalEntityId: 1005,
-    isActive: true
-  }, {
-    hierarchyNodeId: 6,
-    parentHierarchyNodeId: 4,
-    hierarchyLevel: 4,
-    nodeType: "Panchayat",
-    nodeName: "Village B",
-    externalEntityType: "Village",
-    externalEntityId: 1006,
-    isActive: false
-  }, {
-    hierarchyNodeId: 7,
-    parentHierarchyNodeId: 1,
-    hierarchyLevel: 2,
-    nodeType: "Department",
-    nodeName: "Finance",
-    externalEntityType: "Department",
-    externalEntityId: 1007,
-    isActive: true
-  }, {
-    hierarchyNodeId: 8,
-    parentHierarchyNodeId: 1,
-    hierarchyLevel: 2,
-    nodeType: "Department",
-    nodeName: "HR",
-    externalEntityType: "Department",
-    externalEntityId: 1008,
-    isActive: true
-  }, {
-    hierarchyNodeId: 9,
-    parentHierarchyNodeId: 8,
-    hierarchyLevel: 3,
-    nodeType: "Branch",
-    nodeName: "Recruitment",
-    externalEntityType: "Branch",
-    externalEntityId: 1009,
-    isActive: false
-  }, {
-    hierarchyNodeId: 10,
-    parentHierarchyNodeId: 8,
-    hierarchyLevel: 3,
-    nodeType: "Branch",
-    nodeName: "Training",
-    externalEntityType: "Branch",
-    externalEntityId: 1010,
-    isActive: true
-  }];
   const [currentPage, setCurrentPage] = (0, import_react66.useState)(1);
   ;
-  const [data, setData] = (0, import_react66.useState)(apiData || hierarchyData);
+  const [data, setData] = (0, import_react66.useState)(apiData || []);
   (0, import_react66.useEffect)(() => {
-    if (apiData) setData(apiData);
+    setData(apiData || []);
   }, [apiData]);
   const filteredData = data.filter(
     (item) => (item.nodeName || "").toLowerCase().includes((searchQuery || "").toLowerCase()) || (item.nodeType || "").toLowerCase().includes((searchQuery || "").toLowerCase()) || String(item.hierarchyNodeId).includes(searchQuery || "")
@@ -9541,21 +9273,11 @@ function HierarchyTable({
     setSelectedNode(item);
     setDeleteOpen(true);
   };
-  const handleUpdate = (updatedNode) => {
-    setData(
-      (prev) => prev.map(
-        (item) => item.hierarchyNodeId === updatedNode.hierarchyNodeId ? updatedNode : item
-      )
-    );
-    setEditOpen(false);
+  const handleUpdate = async (updatedNode) => {
+    return onUpdate == null ? void 0 : onUpdate(updatedNode);
   };
-  const confirmDelete = () => {
-    setData(
-      (prev) => prev.filter(
-        (item) => item.hierarchyNodeId !== selectedNode.hierarchyNodeId
-      )
-    );
-    setDeleteOpen(false);
+  const confirmDelete = async () => {
+    if (await (onDelete == null ? void 0 : onDelete(selectedNode))) setDeleteOpen(false);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "fc:h-full fc:flex fc:flex-col", children: [
     /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "fc:rounded-2xl fc:border fc:border-slate-200 fc:overflow-hidden fc:flex fc:flex-col fc:flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "fc:flex-1 fc:overflow-y-auto fc:overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("table", { className: "fc:min-w-full fc:bg-white", children: [
@@ -9688,6 +9410,16 @@ function AddHierarchyNodeModal({
   onClose,
   onSave
 }) {
+  const [formData, setFormData] = (0, import_react67.useState)({ hierarchyNodeId: "", parentHierarchyNodeId: "", hierarchyLevel: "", nodeType: "", nodeName: "", externalEntityType: "", externalEntityId: "", isActive: "true", remarks: "" });
+  const [isSubmitting, setIsSubmitting] = (0, import_react67.useState)(false);
+  const handleChange = (event) => setFormData((previous) => __spreadProps(__spreadValues({}, previous), { [event.target.name]: event.target.value }));
+  const handleSave = async () => {
+    if (!onSave) return;
+    setIsSubmitting(true);
+    const success = await onSave({ parentHierarchyNodeId: Number(formData.parentHierarchyNodeId || 0), hierarchyLevel: Number(formData.hierarchyLevel || 0), nodeType: formData.nodeType, nodeName: formData.nodeName, externalEntityType: formData.externalEntityType, externalEntityId: Number(formData.externalEntityId || 0), createdBy: "System" });
+    setIsSubmitting(false);
+    if (success) onClose();
+  };
   if (!isOpen) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm", onClick: onClose }),
@@ -9708,21 +9440,21 @@ function AddHierarchyNodeModal({
           /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
             /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { children: [
               /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "Hierarchy Node Id" }),
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("input", { type: "number", placeholder: "Enter Hierarchy Node Id", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("input", { name: "hierarchyNodeId", value: formData.hierarchyNodeId, onChange: handleChange, type: "number", placeholder: "Enter Hierarchy Node Id", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { children: [
               /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "Parent Hierarchy Node Id" }),
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("input", { type: "number", placeholder: "Enter Parent Hierarchy Node Id", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("input", { name: "parentHierarchyNodeId", value: formData.parentHierarchyNodeId, onChange: handleChange, type: "number", placeholder: "Enter Parent Hierarchy Node Id", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
             ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
             /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { children: [
               /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "Hierarchy Level" }),
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("input", { type: "number", placeholder: "Enter Hierarchy Level", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("input", { name: "hierarchyLevel", value: formData.hierarchyLevel, onChange: handleChange, type: "number", placeholder: "Enter Hierarchy Level", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { children: [
               /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "Node Type" }),
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("select", { className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("select", { name: "nodeType", value: formData.nodeType, onChange: handleChange, className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("option", { value: "", children: "Select Node Type" }),
                 /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("option", { children: "District" }),
                 /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("option", { children: "Block" }),
@@ -9734,12 +9466,12 @@ function AddHierarchyNodeModal({
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "Node Name" }),
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("input", { type: "text", placeholder: "Enter Node Name", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
+            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("input", { name: "nodeName", value: formData.nodeName, onChange: handleChange, type: "text", placeholder: "Enter Node Name", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
             /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { children: [
               /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "External Entity Type" }),
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("select", { className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm fc:bg-white focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("select", { name: "externalEntityType", value: formData.externalEntityType, onChange: handleChange, className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm fc:bg-white focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("option", { value: "", children: "Select Entity Type" }),
                 /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("option", { children: "Department" }),
                 /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("option", { children: "Office" }),
@@ -9749,12 +9481,12 @@ function AddHierarchyNodeModal({
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { children: [
               /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "External Entity Id" }),
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("input", { type: "number", placeholder: "Enter External Entity Id", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
+              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("input", { name: "externalEntityId", value: formData.externalEntityId, onChange: handleChange, type: "number", placeholder: "Enter External Entity Id", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
             ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "Is Active" }),
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("select", { className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm fc:bg-white focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("select", { name: "isActive", value: formData.isActive, onChange: handleChange, className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm fc:bg-white focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500", children: [
               /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("option", { value: "true", children: "Yes" }),
               /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("option", { value: "false", children: "No" })
             ] })
@@ -9764,7 +9496,7 @@ function AddHierarchyNodeModal({
           /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-blue-600 fc:font-semibold fc:text-sm fc:border-b fc:border-slate-100 fc:pb-3", children: "\u{1F4DD} Additional Information" }),
           /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "Remarks" }),
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("textarea", { rows: 4, placeholder: "Enter remarks (optional)...", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm fc:resize-none focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
+            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("textarea", { name: "remarks", value: formData.remarks, onChange: handleChange, rows: 4, placeholder: "Enter remarks (optional)...", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm fc:resize-none focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
           ] })
         ] })
       ] }),
@@ -9774,9 +9506,10 @@ function AddHierarchyNodeModal({
           "button",
           {
             type: "button",
-            onClick: onSave,
+            onClick: handleSave,
+            disabled: isSubmitting,
             className: "fc:px-6 fc:py-2.5 fc:rounded-xl fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white fc:font-semibold fc:text-sm fc:shadow-md fc:shadow-blue-500/20 fc:transition",
-            children: "Save Hierarchy Node"
+            children: isSubmitting ? "Saving..." : "Save Hierarchy Node"
           }
         )
       ] })
@@ -9792,6 +9525,7 @@ function HierarchyNodeMain() {
   const tableRef = (0, import_react68.useRef)(null);
   const [searchQuery, setSearchQuery] = (0, import_react68.useState)("");
   const [apiData, setApiData] = (0, import_react68.useState)([]);
+  const [refreshKey, setRefreshKey] = (0, import_react68.useState)(0);
   (0, import_react68.useEffect)(() => {
     (async () => {
       var _a, _b, _c, _d, _e, _f, _g;
@@ -9802,12 +9536,26 @@ function HierarchyNodeMain() {
         const value = ((_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) || ((_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) || (result == null ? void 0 : result.data) || result;
         setApiData(Array.isArray(value) ? value : (value == null ? void 0 : value.items) || (value == null ? void 0 : value.records) || []);
       } catch (error) {
-        await import_sweetalert26.default.fire("Error", ((_g = (_f = error == null ? void 0 : error.response) == null ? void 0 : _f.data) == null ? void 0 : _g.message) || (error == null ? void 0 : error.message) || "Unable to load hierarchy nodes.", "error");
+        await import_sweetalert27.default.fire("Error", ((_g = (_f = error == null ? void 0 : error.response) == null ? void 0 : _f.data) == null ? void 0 : _g.message) || (error == null ? void 0 : error.message) || "Unable to load hierarchy nodes.", "error");
       }
     })();
-  }, [modalOpen]);
+  }, [refreshKey]);
   const handleRefresh = () => {
-    console.log("Refresh clicked");
+    setRefreshKey((previous) => previous + 1);
+  };
+  const saveNode = async (payload, isEdit = false) => {
+    var _a, _b, _c, _d, _e;
+    try {
+      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.hierarchyNode) == null ? void 0 : _c[isEdit ? "update" : "create"];
+      if (!endpoint) throw new Error(`Hierarchy node ${isEdit ? "update" : "create"} endpoint is not configured.`);
+      await getApiService()[isEdit ? "put" : "post"](endpoint, payload);
+      await import_sweetalert27.default.fire("Success", `Hierarchy node ${isEdit ? "updated" : "created"} successfully.`, "success");
+      handleRefresh();
+      return true;
+    } catch (error) {
+      await import_sweetalert27.default.fire("Error", ((_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || (error == null ? void 0 : error.message) || `Unable to ${isEdit ? "update" : "create"} hierarchy node.`, "error");
+      return false;
+    }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "fc:h-screen fc:bg-slate-50 fc:p-6 fc:flex fc:flex-col fc:overflow-hidden", children: [
     /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "fc:w-full fc:flex fc:flex-col fc:flex-1 fc:space-y-5 fc:overflow-hidden", children: [
@@ -9858,12 +9606,14 @@ function HierarchyNodeMain() {
           {
             apiData,
             pageSize,
-            searchQuery
+            searchQuery,
+            onUpdate: (payload) => saveNode(payload, true),
+            onDelete: (node) => saveNode(__spreadProps(__spreadValues({}, node), { hierarchyNodeId: node.hierarchyNodeId, isActive: false, updatedBy: node.updatedBy || node.createdBy || "System" }), true)
           }
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(AddHierarchyNodeModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(AddHierarchyNodeModal, { isOpen: modalOpen, onClose: () => setModalOpen(false), onSave: (payload) => saveNode(payload) })
   ] });
 }
 
@@ -12099,7 +11849,7 @@ function Sidebar({
     const Icon = item.icon;
     const handleClick = () => {
       if (item.component) {
-        router.push("/flowCore", void 0, {
+        router.push("/", void 0, {
           shallow: true
         });
         setActiveComponent(item.component);