flowcore-fn 9.3.4 → 9.3.6

package/dist/pkg-index.mjs

@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
 // src/components/Sidebar.jsx
-import { useState as useState57 } from "react";
+import { useState as useState59 } from "react";
 import { RiFlowChart, RiShieldUserLine, RiFolder3Line, RiCheckboxCircleLine, RiRouteLine, RiMessage2Line, RiMenuLine, RiGitMergeLine, RiNodeTree, RiGitBranchLine, RiCornerDownRightLine, RiUserSettingsLine, RiFileShieldLine, RiUserSharedLine, RiSettings4Line, RiFileSettingsLine, RiFileList3Line, RiFileUploadLine, RiNotification4Line, RiDatabase2Line, RiChat3Line, RiCheckboxMultipleLine, RiShieldCheckLine, RiHistoryLine, RiArrowDownSLine, RiArrowRightSLine } from "@remixicon/react";
 import { useRouter } from "next/router";
 
@@ -3234,15 +3234,27 @@ function WorkFlowTransition() {
 }
 
 // src/components/user-hierarchy-node-mapping/user_hierarachy_node_main.jsx
-import React26, { useState as useState17, useRef as useRef6 } from "react";
+import React26, { useState as useState18, useRef as useRef6, useEffect as useEffect11 } from "react";
+import Swal6 from "sweetalert2";
 
 // src/components/user-hierarchy-node-mapping/adduserhierarchynode.jsx
-import React21 from "react";
+import React21, { useState as useState15 } from "react";
 import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
 function AddUserHierarchyNodeMappingModal({
   isOpen,
-  onClose
+  onClose,
+  onSave
 }) {
+  const [formData, setFormData] = useState15({ mappingId: "", externalUserId: "", hierarchyNodeId: "", roleCode: "", isPrimary: "", effectiveFrom: "", effectiveTo: "" });
+  const [isSubmitting, setIsSubmitting] = useState15(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__ */ jsxs20("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
     /* @__PURE__ */ jsx21("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity fc:duration-200", onClick: onClose }),
@@ -3269,7 +3281,7 @@ function AddUserHierarchyNodeMappingModal({
                 "Mapping ID ",
                 /* @__PURE__ */ jsx21("span", { className: "fc:text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ jsx21("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__ */ jsx21("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__ */ jsx21("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the unique mapping ID" })
             ] }),
             /* @__PURE__ */ jsxs20("div", { children: [
@@ -3277,7 +3289,7 @@ function AddUserHierarchyNodeMappingModal({
                 "External User ID ",
                 /* @__PURE__ */ jsx21("span", { className: "fc:text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ jsx21("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__ */ jsx21("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__ */ jsx21("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the consumer user ID" })
             ] })
           ] }),
@@ -3286,7 +3298,7 @@ function AddUserHierarchyNodeMappingModal({
               "Hierarchy Node ID ",
               /* @__PURE__ */ jsx21("span", { className: "fc:text-red-500", children: "*" })
             ] }),
-            /* @__PURE__ */ jsx21("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__ */ jsx21("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__ */ jsx21("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the hierarchy node assigned to the user" })
           ] }),
           /* @__PURE__ */ jsxs20("div", { className: "fc:grid fc:grid-cols-2 fc:gap-5", children: [
@@ -3295,7 +3307,7 @@ function AddUserHierarchyNodeMappingModal({
                 "Role Code ",
                 /* @__PURE__ */ jsx21("span", { className: "fc:text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ jsx21("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__ */ jsx21("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__ */ jsx21("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the user role code, for example DEO or RO" })
             ] }),
             /* @__PURE__ */ jsxs20("div", { children: [
@@ -3303,7 +3315,7 @@ function AddUserHierarchyNodeMappingModal({
                 "Is Primary ",
                 /* @__PURE__ */ jsx21("span", { className: "fc:text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ jsxs20("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__ */ jsxs20("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__ */ jsx21("option", { value: "", children: "Select primary status" }),
                 /* @__PURE__ */ jsx21("option", { value: "true", children: "Yes" }),
                 /* @__PURE__ */ jsx21("option", { value: "false", children: "No" })
@@ -3323,12 +3335,12 @@ function AddUserHierarchyNodeMappingModal({
                 "Effective From ",
                 /* @__PURE__ */ jsx21("span", { className: "fc:text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ jsx21("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__ */ jsx21("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__ */ jsx21("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Select the date from which this mapping is effective" })
             ] }),
             /* @__PURE__ */ jsxs20("div", { children: [
               /* @__PURE__ */ jsx21("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: "Effective To" }),
-              /* @__PURE__ */ jsx21("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__ */ jsx21("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__ */ jsx21("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Select the date until which this mapping is effective" })
             ] })
           ] })
@@ -3336,7 +3348,7 @@ function AddUserHierarchyNodeMappingModal({
       ] }),
       /* @__PURE__ */ jsxs20("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__ */ jsx21("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__ */ jsx21("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__ */ jsx21("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" })
       ] })
     ] })
   ] });
@@ -3367,10 +3379,10 @@ function MappingSearchBar({
 }
 
 // src/components/user-hierarchy-node-mapping/userhierarchynodetable.jsx
-import React25, { useState as useState16, useEffect as useEffect10 } from "react";
+import React25, { useState as useState17, useEffect as useEffect10 } from "react";
 
 // src/components/user-hierarchy-node-mapping/edit-mapping.jsx
-import React23, { useEffect as useEffect9, useState as useState15 } from "react";
+import React23, { useEffect as useEffect9, useState as useState16 } from "react";
 import { jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
 function EditUserHierarchyNodeMappingModal({
   isOpen,
@@ -3378,7 +3390,7 @@ function EditUserHierarchyNodeMappingModal({
   selectedMapping,
   onSave
 }) {
-  const [formData, setFormData] = useState15({
+  const [formData, setFormData] = useState16({
     hierarchyNodeId: "",
     roleCode: "",
     isPrimary: "",
@@ -3403,14 +3415,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__ */ jsxs22("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
     /* @__PURE__ */ jsx23(
@@ -3614,266 +3635,21 @@ function DeleteUserHierarchyNodeMappingModal({
 // src/components/user-hierarchy-node-mapping/userhierarchynodetable.jsx
 import { jsx as jsx25, jsxs as jsxs24 } from "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] = useState16(initialData);
-  const [sortOrder, setSortOrder] = useState16("asc");
-  const [sortKey, setSortKey] = useState16("mappingId");
+  const [data, setData] = useState17(apiData || []);
+  useEffect10(() => {
+    setData(apiData || []);
+  }, [apiData]);
+  const [sortOrder, setSortOrder] = useState17("asc");
+  const [sortKey, setSortKey] = useState17("mappingId");
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -3898,9 +3674,9 @@ function UserHierarchyNodeMappingTable({
   const pageNumbers = Array.from({
     length: totalPages
   }, (_, i) => i + 1);
-  const [showEditPopup, setShowEditPopup] = useState16(false);
-  const [showDeletePopup, setShowDeletePopup] = useState16(false);
-  const [selectedItem, setSelectedItem] = useState16(null);
+  const [showEditPopup, setShowEditPopup] = useState17(false);
+  const [showDeletePopup, setShowDeletePopup] = useState17(false);
+  const [selectedItem, setSelectedItem] = useState17(null);
   const openEditPopup = (item) => {
     setSelectedItem(item);
     setShowEditPopup(true);
@@ -3917,16 +3693,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__ */ jsxs24("div", { className: "fc:space-y-5", children: [
     /* @__PURE__ */ jsx25("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__ */ jsxs24("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-fixed", children: [
@@ -3958,29 +3734,35 @@ function UserHierarchyNodeMappingTable({
         /* @__PURE__ */ jsx25("th", { className: "fc:py-4 fc:px-5 fc:text-s fc:bg-slate-50 fc:text-center fc:whitespace-nowrap", children: "STATUS" }),
         /* @__PURE__ */ jsx25("th", { className: "fc:py-4 fc:px-5 fc:text-s fc:bg-slate-50 fc:text-center fc:whitespace-nowrap", children: "ACTION" })
       ] }) }),
-      /* @__PURE__ */ jsx25("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-s fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ jsxs24("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
-        /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-4 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
-        /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5  fc:text-slate-600  fc:whitespace-nowrap", children: item.mappingId }),
-        /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-slate-600   fc:whitespace-nowrap", children: item.externalUserId }),
-        /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-slate-600  fc:whitespace-nowrap", children: item.hierarchyNodeId }),
-        /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5  fc:text-slate-600  fc:whitespace-nowrap", children: item.roleCode }),
-        /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ jsx25("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__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: item.effectiveFrom }),
-        /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: item.effectiveTo }),
-        /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ jsx25("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__ */ jsx25("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__ */ jsx25("td", { className: "fc:py-4 fc:px-2 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ jsxs24("div", { className: "fc:flex fc:justify-center fc:items-center fc:gap-2", children: [
-          /* @__PURE__ */ jsx25(
-            "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__ */ jsx25("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__ */ jsx25("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__ */ jsxs24("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
+          /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-4 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
+          /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5  fc:text-slate-600  fc:whitespace-nowrap", children: item.mappingId }),
+          /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-slate-600   fc:whitespace-nowrap", children: item.externalUserId }),
+          /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-slate-600  fc:whitespace-nowrap", children: item.hierarchyNodeId }),
+          /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5  fc:text-slate-600  fc:whitespace-nowrap", children: item.roleCode }),
+          /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ jsx25("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__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: item.effectiveFrom }),
+          /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: item.effectiveTo }),
+          /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ jsx25("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__ */ jsx25("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__ */ jsx25("td", { className: "fc:py-4 fc:px-2 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ jsxs24("div", { className: "fc:flex fc:justify-center fc:items-center fc:gap-2", children: [
+            /* @__PURE__ */ jsx25(
+              "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__ */ jsx25("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__ */ jsxs24("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__ */ jsx25("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" }),
@@ -3992,7 +3774,8 @@ function UserHierarchyNodeMappingTable({
       {
         isOpen: showEditPopup,
         onClose: closeEditPopup,
-        selectedMapping: selectedItem
+        selectedMapping: selectedItem,
+        onSave: (payload) => onUpdate == null ? void 0 : onUpdate(payload)
       }
     ),
     /* @__PURE__ */ jsx25(
@@ -4010,21 +3793,49 @@ function UserHierarchyNodeMappingTable({
 // src/components/user-hierarchy-node-mapping/user_hierarachy_node_main.jsx
 import { jsx as jsx26, jsxs as jsxs25 } from "react/jsx-runtime";
 function User_hierarchy_mapping_main() {
-  const [refreshkey, setRefreshKey] = useState17(0);
+  const [refreshkey, setRefreshKey] = useState18(0);
+  const [apiData, setApiData] = useState18([]);
+  useEffect11(() => {
+    (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 Swal6.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 = useRef6(null);
-  const [modalOpen, setModalOpen] = useState17(false);
-  const [pageSize, setPageSize] = useState17(10);
-  const [searchQuery, setSearchQuery] = useState17("");
-  const [currentPage, setCurrentPage] = useState17(1);
-  const [totalEntries, setTotalEntries] = useState17(0);
+  const [modalOpen, setModalOpen] = useState18(false);
+  const [pageSize, setPageSize] = useState18(10);
+  const [searchQuery, setSearchQuery] = useState18("");
+  const [currentPage, setCurrentPage] = useState18(1);
+  const [totalEntries, setTotalEntries] = useState18(0);
   const handlePageSizeChange = (e) => {
     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 Swal6.fire("Success", `User hierarchy node mapping ${isEdit ? "updated" : "created"} successfully.`, "success");
+      handleRefresh();
+      return true;
+    } catch (error) {
+      await Swal6.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__ */ jsxs25("div", { className: "fc:min-h-screen fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
     /* @__PURE__ */ jsxs25("div", { className: "fc:w-full fc:space-y-5", children: [
       /* @__PURE__ */ jsx26(CommonHeader, { title: "User Hierarchy Node Mapping", breadcrumbs: [{
@@ -4054,15 +3865,15 @@ function User_hierarchy_mapping_main() {
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx26("div", { ref: tableRef, children: /* @__PURE__ */ jsx26(UserHierarchyNodeMappingTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries }, refreshkey) })
+        /* @__PURE__ */ jsx26("div", { ref: tableRef, children: /* @__PURE__ */ jsx26(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__ */ jsx26(AddUserHierarchyNodeMappingModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
+    /* @__PURE__ */ jsx26(AddUserHierarchyNodeMappingModal, { isOpen: modalOpen, onClose: () => setModalOpen(false), onSave: (payload) => saveMapping(payload) })
   ] });
 }
 
 // src/components/document-configuration/DocumentConfigurationmain.jsx
-import React32, { useState as useState21, useRef as useRef7 } from "react";
+import React32, { useState as useState22, useRef as useRef7 } from "react";
 
 // src/components/document-configuration/SearchBar.jsx
 import React27 from "react";
@@ -4082,10 +3893,10 @@ function SearchBar3({
 }
 
 // src/components/document-configuration/DocumentConfigurationTable.jsx
-import React30, { useState as useState19, useEffect as useEffect12 } from "react";
+import React30, { useState as useState20, useEffect as useEffect13 } from "react";
 
 // src/components/document-configuration/Edit.jsx
-import React28, { useState as useState18, useEffect as useEffect11 } from "react";
+import React28, { useState as useState19, useEffect as useEffect12 } from "react";
 import { jsx as jsx28, jsxs as jsxs27 } from "react/jsx-runtime";
 function EditDocumentConfiguration({
   isOpen,
@@ -4093,7 +3904,7 @@ function EditDocumentConfiguration({
   initialData,
   onSave
 }) {
-  const [formData, setFormData] = useState18({
+  const [formData, setFormData] = useState19({
     docName: "",
     stepId: "",
     extensions: "",
@@ -4102,8 +3913,8 @@ function EditDocumentConfiguration({
     isMandatory: false,
     status: "Active"
   });
-  const [errors, setErrors] = useState18({});
-  useEffect11(() => {
+  const [errors, setErrors] = useState19({});
+  useEffect12(() => {
     if (initialData) {
       const sizeParts = (initialData.maxSize || "10 MB").split(" ");
       setFormData({
@@ -4512,12 +4323,12 @@ function DocumentConfigTable({
       status: "Active"
     }
   ];
-  const [data, setData] = useState19(initialData);
-  const [sortOrder, setSortOrder] = useState19("asc");
-  const [sortKey, setSortKey] = useState19("docName");
-  const [isEditOpen, setIsEditOpen] = useState19(false);
-  const [isDeleteOpen, setIsDeleteOpen] = useState19(false);
-  const [selectedItem, setSelectedItem] = useState19(null);
+  const [data, setData] = useState20(initialData);
+  const [sortOrder, setSortOrder] = useState20("asc");
+  const [sortKey, setSortKey] = useState20("docName");
+  const [isEditOpen, setIsEditOpen] = useState20(false);
+  const [isDeleteOpen, setIsDeleteOpen] = useState20(false);
+  const [selectedItem, setSelectedItem] = useState20(null);
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -4533,7 +4344,7 @@ function DocumentConfigTable({
     const query = (searchQuery || "").toLowerCase();
     return item.docName.toLowerCase().includes(query) || item.extensions.toLowerCase().includes(query) || item.stepId.toLowerCase().includes(query);
   });
-  useEffect12(() => {
+  useEffect13(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -4739,19 +4550,19 @@ function DocumentConfigTable({
 }
 
 // src/components/document-configuration/AddDocumentConfigurationModal.jsx
-import React31, { useState as useState20 } from "react";
+import React31, { useState as useState21 } from "react";
 import { jsx as jsx31, jsxs as jsxs30 } from "react/jsx-runtime";
 function AddDocumentConfigModal({
   isOpen,
   onClose
 }) {
-  const [isMandatory, setIsMandatory] = useState20(false);
-  const [status, setStatus] = useState20("Active");
-  const [documentName, setDocumentName] = useState20("");
-  const [stepId, setStepId] = useState20("");
-  const [maxSize, setMaxSize] = useState20("");
-  const [allowedExtensions, setAllowedExtensions] = useState20("");
-  const [errors, setErrors] = useState20({});
+  const [isMandatory, setIsMandatory] = useState21(false);
+  const [status, setStatus] = useState21("Active");
+  const [documentName, setDocumentName] = useState21("");
+  const [stepId, setStepId] = useState21("");
+  const [maxSize, setMaxSize] = useState21("");
+  const [allowedExtensions, setAllowedExtensions] = useState21("");
+  const [errors, setErrors] = useState21({});
   const handleSave = () => {
     let newErrors = {};
     if (!documentName.trim()) {
@@ -4884,17 +4695,17 @@ function AddDocumentConfigModal({
 // src/components/document-configuration/DocumentConfigurationmain.jsx
 import { jsx as jsx32, jsxs as jsxs31 } from "react/jsx-runtime";
 function DocumentConfigurationmain() {
-  const [refreshkey, setRefreshKey] = useState21(0);
+  const [refreshkey, setRefreshKey] = useState22(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
   const tableRef = useRef7(null);
-  const [modalOpen, setModalOpen] = useState21(false);
-  const [pageSize, setPageSize] = useState21(10);
-  const [searchQuery, setSearchQuery] = useState21("");
-  const [currentPage, setCurrentPage] = useState21(1);
-  const [totalEntries, setTotalEntries] = useState21(0);
+  const [modalOpen, setModalOpen] = useState22(false);
+  const [pageSize, setPageSize] = useState22(10);
+  const [searchQuery, setSearchQuery] = useState22("");
+  const [currentPage, setCurrentPage] = useState22(1);
+  const [totalEntries, setTotalEntries] = useState22(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -4934,7 +4745,7 @@ function DocumentConfigurationmain() {
 }
 
 // src/components/audit-log/AuditLogmain.jsx
-import React36, { useState as useState24, useRef as useRef8 } from "react";
+import React36, { useState as useState25, useRef as useRef8 } from "react";
 
 // src/components/audit-log/SearchBar.jsx
 import React33 from "react";
@@ -4954,7 +4765,7 @@ function SearchBar4({
 }
 
 // src/components/audit-log/AuditLogTable.jsx
-import React34, { useState as useState22, useEffect as useEffect13 } from "react";
+import React34, { useState as useState23, useEffect as useEffect14 } from "react";
 import { jsx as jsx34, jsxs as jsxs33 } from "react/jsx-runtime";
 function AuditLogTable({
   pageSize,
@@ -5164,9 +4975,9 @@ function AuditLogTable({
     ip: "192.168.1.45",
     time: "2026-07-17 15:55"
   }];
-  const [data, setData] = useState22(initialData);
-  const [sortOrder, setSortOrder] = useState22("asc");
-  const [sortKey, setSortKey] = useState22("logId");
+  const [data, setData] = useState23(initialData);
+  const [sortOrder, setSortOrder] = useState23("asc");
+  const [sortKey, setSortKey] = useState23("logId");
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -5182,7 +4993,7 @@ function AuditLogTable({
     const query = (searchQuery || "").toLowerCase();
     return item.logId.toLowerCase().includes(query) || item.user.toLowerCase().includes(query) || item.section.toLowerCase().includes(query) || item.action.toLowerCase().includes(query);
   });
-  useEffect13(() => {
+  useEffect14(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -5250,19 +5061,19 @@ function AuditLogTable({
 }
 
 // src/components/audit-log/AddAuditLogModal.jsx
-import React35, { useState as useState23 } from "react";
+import React35, { useState as useState24 } from "react";
 import { jsx as jsx35, jsxs as jsxs34 } from "react/jsx-runtime";
 function AddAuditLogModal({
   isOpen,
   onClose
 }) {
-  const [logId, setLogId] = useState23("");
-  const [userName, setUserName] = useState23("");
-  const [actionType, setActionType] = useState23("");
-  const [ipAddress, setIpAddress] = useState23("");
-  const [sectionModule, setSectionModule] = useState23("");
-  const [timestamp, setTimestamp] = useState23("");
-  const [errors, setErrors] = useState23({});
+  const [logId, setLogId] = useState24("");
+  const [userName, setUserName] = useState24("");
+  const [actionType, setActionType] = useState24("");
+  const [ipAddress, setIpAddress] = useState24("");
+  const [sectionModule, setSectionModule] = useState24("");
+  const [timestamp, setTimestamp] = useState24("");
+  const [errors, setErrors] = useState24({});
   const handleCommit = () => {
     let newErrors = {};
     if (!logId.trim()) newErrors.logId = "Log ID is required";
@@ -5381,17 +5192,17 @@ function AddAuditLogModal({
 // src/components/audit-log/AuditLogmain.jsx
 import { jsx as jsx36, jsxs as jsxs35 } from "react/jsx-runtime";
 function AuditLogmain() {
-  const [refreshkey, setRefreshKey] = useState24(0);
+  const [refreshkey, setRefreshKey] = useState25(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
   const tableRef = useRef8(null);
-  const [modalOpen, setModalOpen] = useState24(false);
-  const [pageSize, setPageSize] = useState24(10);
-  const [searchQuery, setSearchQuery] = useState24("");
-  const [currentPage, setCurrentPage] = useState24(1);
-  const [totalEntries, setTotalEntries] = useState24(0);
+  const [modalOpen, setModalOpen] = useState25(false);
+  const [pageSize, setPageSize] = useState25(10);
+  const [searchQuery, setSearchQuery] = useState25("");
+  const [currentPage, setCurrentPage] = useState25(1);
+  const [totalEntries, setTotalEntries] = useState25(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -5450,7 +5261,7 @@ function AuditLogmain() {
 }
 
 // src/components/movement-history/MovementHistorymain.jsx
-import React40, { useState as useState27, useRef as useRef9 } from "react";
+import React40, { useState as useState28, useRef as useRef9 } from "react";
 
 // src/components/movement-history/SearchBar.jsx
 import React37 from "react";
@@ -5470,7 +5281,7 @@ function SearchBar5({
 }
 
 // src/components/movement-history/MovementHistoryTable.jsx
-import React38, { useState as useState25, useEffect as useEffect14 } from "react";
+import React38, { useState as useState26, useEffect as useEffect15 } from "react";
 import { jsx as jsx38, jsxs as jsxs37 } from "react/jsx-runtime";
 function MovementHistoryTable({
   pageSize,
@@ -5680,9 +5491,9 @@ function MovementHistoryTable({
     toStepId: "APPROVE",
     movedOn: "2026-02-12"
   }];
-  const [data, setData] = useState25(initialData);
-  const [sortOrder, setSortOrder] = useState25("asc");
-  const [sortKey, setSortKey] = useState25("movementHistoryId");
+  const [data, setData] = useState26(initialData);
+  const [sortOrder, setSortOrder] = useState26("asc");
+  const [sortKey, setSortKey] = useState26("movementHistoryId");
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -5698,7 +5509,7 @@ function MovementHistoryTable({
     const query = (searchQuery || "").toLowerCase();
     return item.movementHistoryId.toLowerCase().includes(query) || item.name.toLowerCase().includes(query) || item.toStepId.toLowerCase().includes(query);
   });
-  useEffect14(() => {
+  useEffect15(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -5769,19 +5580,19 @@ function MovementHistoryTable({
 }
 
 // src/components/movement-history/AddMovementHistoryModal.jsx
-import React39, { useState as useState26 } from "react";
+import React39, { useState as useState27 } from "react";
 import { jsx as jsx39, jsxs as jsxs38 } from "react/jsx-runtime";
 function AddMovementHistoryModal({
   isOpen,
   onClose
 }) {
-  const [movementHistoryId, setMovementHistoryId] = useState26("");
-  const [fileInstanceId, setFileInstanceId] = useState26("");
-  const [fromStepId, setFromStepId] = useState26("");
-  const [toStepId, setToStepId] = useState26("");
-  const [actionCode, setActionCode] = useState26("");
-  const [movedOn, setMovedOn] = useState26("");
-  const [errors, setErrors] = useState26({});
+  const [movementHistoryId, setMovementHistoryId] = useState27("");
+  const [fileInstanceId, setFileInstanceId] = useState27("");
+  const [fromStepId, setFromStepId] = useState27("");
+  const [toStepId, setToStepId] = useState27("");
+  const [actionCode, setActionCode] = useState27("");
+  const [movedOn, setMovedOn] = useState27("");
+  const [errors, setErrors] = useState27({});
   const handleSaveRecord = () => {
     let newErrors = {};
     if (!movementHistoryId.toString().trim()) newErrors.movementHistoryId = "Movement History ID is required";
@@ -5896,17 +5707,17 @@ function AddMovementHistoryModal({
 // src/components/movement-history/MovementHistorymain.jsx
 import { jsx as jsx40, jsxs as jsxs39 } from "react/jsx-runtime";
 function MovementHistorymain() {
-  const [refreshkey, setRefreshKey] = useState27(0);
+  const [refreshkey, setRefreshKey] = useState28(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
   const tableRef = useRef9(null);
-  const [modalOpen, setModalOpen] = useState27(false);
-  const [pageSize, setPageSize] = useState27(10);
-  const [searchQuery, setSearchQuery] = useState27("");
-  const [currentPage, setCurrentPage] = useState27(1);
-  const [totalEntries, setTotalEntries] = useState27(0);
+  const [modalOpen, setModalOpen] = useState28(false);
+  const [pageSize, setPageSize] = useState28(10);
+  const [searchQuery, setSearchQuery] = useState28("");
+  const [currentPage, setCurrentPage] = useState28(1);
+  const [totalEntries, setTotalEntries] = useState28(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -5949,7 +5760,7 @@ function MovementHistorymain() {
 }
 
 // src/components/task-permission/TaskPermissionMain.jsx
-import React44, { useState as useState30, useRef as useRef10 } from "react";
+import React44, { useState as useState31, useRef as useRef10 } from "react";
 
 // src/components/task-permission/SearchBar.js
 import React41 from "react";
@@ -5980,7 +5791,7 @@ function SearchBar6({
 }
 
 // src/components/task-permission/Table.js
-import React42, { useState as useState28, useEffect as useEffect15 } from "react";
+import React42, { useState as useState29, useEffect as useEffect16 } from "react";
 import { jsx as jsx42, jsxs as jsxs41 } from "react/jsx-runtime";
 function Table({
   pageSize,
@@ -6165,12 +5976,12 @@ function Table({
     permissionType: "Write",
     isStatusEnabled: true
   }];
-  const [data, setData] = useState28(initialData);
-  const [sortOrder, setSortOrder] = useState28("asc");
-  const [sortKey, setSortKey] = useState28("taskId");
-  const [selectedItem, setSelectedItem] = useState28(null);
-  const [isEditModalOpen, setIsEditModalOpen] = useState28(false);
-  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState28(false);
+  const [data, setData] = useState29(initialData);
+  const [sortOrder, setSortOrder] = useState29("asc");
+  const [sortKey, setSortKey] = useState29("taskId");
+  const [selectedItem, setSelectedItem] = useState29(null);
+  const [isEditModalOpen, setIsEditModalOpen] = useState29(false);
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState29(false);
   const handleEdit = (item) => {
     setSelectedItem(item);
     setIsEditModalOpen(true);
@@ -6227,7 +6038,7 @@ function Table({
     }
     return item.taskId && item.taskId.toString().toLowerCase().includes(query) || item.role && item.role.toLowerCase().includes(query) || item.taskName && item.taskName.toLowerCase().includes(query) || item.permissionType && item.permissionType.toLowerCase().includes(query);
   });
-  useEffect15(() => {
+  useEffect16(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -6350,7 +6161,7 @@ function Table({
 }
 
 // src/components/task-permission/Popup.js
-import React43, { useState as useState29 } from "react";
+import React43, { useState as useState30 } from "react";
 import { jsx as jsx43, jsxs as jsxs42 } from "react/jsx-runtime";
 function Popup({
   isOpen,
@@ -6358,13 +6169,13 @@ function Popup({
   onSave
 }) {
   if (!isOpen) return null;
-  const [stepName, setStepName] = useState29("");
-  const [stepCode, setStepCode] = useState29("");
-  const [workflow, setWorkflow] = useState29("");
-  const [canView, setCanView] = useState29(false);
-  const [canEdit, setCanEdit] = useState29(false);
-  const [canApprove, setCanApprove] = useState29(false);
-  const [canReject, setCanReject] = useState29(false);
+  const [stepName, setStepName] = useState30("");
+  const [stepCode, setStepCode] = useState30("");
+  const [workflow, setWorkflow] = useState30("");
+  const [canView, setCanView] = useState30(false);
+  const [canEdit, setCanEdit] = useState30(false);
+  const [canApprove, setCanApprove] = useState30(false);
+  const [canReject, setCanReject] = useState30(false);
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!stepName || !stepCode || !workflow) {
@@ -6481,17 +6292,17 @@ function Popup({
 // src/components/task-permission/TaskPermissionMain.jsx
 import { jsx as jsx44, jsxs as jsxs43 } from "react/jsx-runtime";
 function TaskPermissionMain() {
-  const [refreshkey, setRefreshKey] = useState30(0);
+  const [refreshkey, setRefreshKey] = useState31(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
   const tableRef = useRef10(null);
-  const [showModal, setShowModal] = useState30(false);
-  const [pageSize, setPageSize] = useState30(10);
-  const [searchQuery, setSearchQuery] = useState30("");
-  const [currentPage, setCurrentPage] = useState30(1);
-  const [totalEntries, setTotalEntries] = useState30(0);
+  const [showModal, setShowModal] = useState31(false);
+  const [pageSize, setPageSize] = useState31(10);
+  const [searchQuery, setSearchQuery] = useState31("");
+  const [currentPage, setCurrentPage] = useState31(1);
+  const [totalEntries, setTotalEntries] = useState31(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -6533,7 +6344,7 @@ function TaskPermissionMain() {
 }
 
 // src/components/Workflow-Setting/WorkflowSettingMain.jsx
-import React48, { useState as useState33, useRef as useRef11 } from "react";
+import React48, { useState as useState34, useRef as useRef11 } from "react";
 
 // src/components/Workflow-Setting/SearchBar.js
 import React45 from "react";
@@ -6564,7 +6375,7 @@ function SearchBar7({
 }
 
 // src/components/Workflow-Setting/Table.js
-import React46, { useState as useState31, useEffect as useEffect16 } from "react";
+import React46, { useState as useState32, useEffect as useEffect17 } from "react";
 import { jsx as jsx46, jsxs as jsxs45 } from "react/jsx-runtime";
 function Table2({
   pageSize,
@@ -6749,12 +6560,12 @@ function Table2({
     SLA: "2 Hours",
     isActive: true
   }];
-  const [data, setData] = useState31(initialData);
-  const [sortOrder, setSortOrder] = useState31("asc");
-  const [sortKey, setSortKey] = useState31("settingId");
-  const [selectedItem, setSelectedItem] = useState31(null);
-  const [isEditModalOpen, setIsEditModalOpen] = useState31(false);
-  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState31(false);
+  const [data, setData] = useState32(initialData);
+  const [sortOrder, setSortOrder] = useState32("asc");
+  const [sortKey, setSortKey] = useState32("settingId");
+  const [selectedItem, setSelectedItem] = useState32(null);
+  const [isEditModalOpen, setIsEditModalOpen] = useState32(false);
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState32(false);
   const handleEdit = (item) => {
     setSelectedItem(item);
     setIsEditModalOpen(true);
@@ -6811,7 +6622,7 @@ function Table2({
     }
     return item.settingId && item.settingId.toString().toLowerCase().includes(query) || item.moduleName && item.moduleName.toLowerCase().includes(query) || item.executionOrder && item.executionOrder.toString().toLowerCase().includes(query) || item.SLA && item.SLA.toLowerCase().includes(query);
   });
-  useEffect16(() => {
+  useEffect17(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -6944,7 +6755,7 @@ function Table2({
 }
 
 // src/components/Workflow-Setting/Popup.js
-import React47, { useState as useState32 } from "react";
+import React47, { useState as useState33 } from "react";
 import { jsx as jsx47, jsxs as jsxs46 } from "react/jsx-runtime";
 function Popup2({
   isOpen,
@@ -6952,8 +6763,8 @@ function Popup2({
   onSave
 }) {
   if (!isOpen) return null;
-  const [settingKey, setSettingKey] = useState32("");
-  const [settingValue, setSettingValue] = useState32("");
+  const [settingKey, setSettingKey] = useState33("");
+  const [settingValue, setSettingValue] = useState33("");
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!settingKey || !settingValue) {
@@ -7004,17 +6815,17 @@ function Popup2({
 // src/components/Workflow-Setting/WorkflowSettingMain.jsx
 import { jsx as jsx48, jsxs as jsxs47 } from "react/jsx-runtime";
 function WorkflowSettingMain() {
-  const [refreshkey, setRefreshKey] = useState33(0);
+  const [refreshkey, setRefreshKey] = useState34(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
   const tableRef = useRef11(null);
-  const [showModal, setShowModal] = useState33(false);
-  const [pageSize, setPageSize] = useState33(10);
-  const [searchQuery, setSearchQuery] = useState33("");
-  const [currentPage, setCurrentPage] = useState33(1);
-  const [totalEntries, setTotalEntries] = useState33(0);
+  const [showModal, setShowModal] = useState34(false);
+  const [pageSize, setPageSize] = useState34(10);
+  const [searchQuery, setSearchQuery] = useState34("");
+  const [currentPage, setCurrentPage] = useState34(1);
+  const [totalEntries, setTotalEntries] = useState34(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -7056,7 +6867,7 @@ function WorkflowSettingMain() {
 }
 
 // src/components/notification/NotificationMain.jsx
-import React52, { useState as useState36, useRef as useRef12 } from "react";
+import React52, { useState as useState37, useRef as useRef12 } from "react";
 
 // src/components/notification/SearchBar.js
 import React49 from "react";
@@ -7087,7 +6898,7 @@ function SearchBar8({
 }
 
 // src/components/notification/Table.js
-import React50, { useState as useState34, useEffect as useEffect17 } from "react";
+import React50, { useState as useState35, useEffect as useEffect18 } from "react";
 import { jsx as jsx50, jsxs as jsxs49 } from "react/jsx-runtime";
 function Table3({
   pageSize,
@@ -7272,12 +7083,12 @@ function Table3({
     recipientGroup: "Risk Assessment",
     isMuted: false
   }];
-  const [data, setData] = useState34(initialData);
-  const [sortOrder, setSortOrder] = useState34("asc");
-  const [sortKey, setSortKey] = useState34("notificationId");
-  const [selectedItem, setSelectedItem] = useState34(null);
-  const [isEditModalOpen, setIsEditModalOpen] = useState34(false);
-  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState34(false);
+  const [data, setData] = useState35(initialData);
+  const [sortOrder, setSortOrder] = useState35("asc");
+  const [sortKey, setSortKey] = useState35("notificationId");
+  const [selectedItem, setSelectedItem] = useState35(null);
+  const [isEditModalOpen, setIsEditModalOpen] = useState35(false);
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState35(false);
   const handleEdit = (item) => {
     setSelectedItem(item);
     setIsEditModalOpen(true);
@@ -7334,7 +7145,7 @@ function Table3({
     }
     return item.notificationId && item.notificationId.toString().toLowerCase().includes(query) || item.eventTrigger && item.eventTrigger.toLowerCase().includes(query) || item.channelType && item.channelType.toLowerCase().includes(query) || item.recipientGroup && item.recipientGroup.toLowerCase().includes(query);
   });
-  useEffect17(() => {
+  useEffect18(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -7462,7 +7273,7 @@ function Table3({
 }
 
 // src/components/notification/Popup.js
-import React51, { useState as useState35 } from "react";
+import React51, { useState as useState36 } from "react";
 import { jsx as jsx51, jsxs as jsxs50 } from "react/jsx-runtime";
 function Popup3({
   isOpen,
@@ -7470,10 +7281,10 @@ function Popup3({
   onSave
 }) {
   if (!isOpen) return null;
-  const [fileInstanceId, setFileInstanceId] = useState35("");
-  const [userId, setUserId] = useState35("");
-  const [type, setType] = useState35("");
-  const [message, setMessage] = useState35("");
+  const [fileInstanceId, setFileInstanceId] = useState36("");
+  const [userId, setUserId] = useState36("");
+  const [type, setType] = useState36("");
+  const [message, setMessage] = useState36("");
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!fileInstanceId || !userId || !type || !message) {
@@ -7544,17 +7355,17 @@ function Popup3({
 // src/components/notification/NotificationMain.jsx
 import { jsx as jsx52, jsxs as jsxs51 } from "react/jsx-runtime";
 function NotificationMain() {
-  const [refreshkey, setRefreshKey] = useState36(0);
+  const [refreshkey, setRefreshKey] = useState37(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
   const tableRef = useRef12(null);
-  const [showModal, setShowModal] = useState36(false);
-  const [pageSize, setPageSize] = useState36(10);
-  const [searchQuery, setSearchQuery] = useState36("");
-  const [currentPage, setCurrentPage] = useState36(1);
-  const [totalEntries, setTotalEntries] = useState36(0);
+  const [showModal, setShowModal] = useState37(false);
+  const [pageSize, setPageSize] = useState37(10);
+  const [searchQuery, setSearchQuery] = useState37("");
+  const [currentPage, setCurrentPage] = useState37(1);
+  const [totalEntries, setTotalEntries] = useState37(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -7593,7 +7404,7 @@ function NotificationMain() {
 }
 
 // src/components/task-instance/task_instance_main.jsx
-import React58, { useState as useState39, useRef as useRef13 } from "react";
+import React58, { useState as useState40, useRef as useRef13 } from "react";
 
 // src/components/task-instance/searchbartaskinstance.jsx
 import React53 from "react";
@@ -7620,10 +7431,10 @@ function TaskInstanceSearchBar({
 }
 
 // src/components/task-instance/taskinstancetable.jsx
-import React56, { useState as useState38, useEffect as useEffect19 } from "react";
+import React56, { useState as useState39, useEffect as useEffect20 } from "react";
 
 // src/components/task-instance/edit-instance.jsx
-import React54, { useEffect as useEffect18, useState as useState37 } from "react";
+import React54, { useEffect as useEffect19, useState as useState38 } from "react";
 import { jsx as jsx54, jsxs as jsxs53 } from "react/jsx-runtime";
 function EditTaskInstanceModal({
   isOpen,
@@ -7631,7 +7442,7 @@ function EditTaskInstanceModal({
   selectedTask,
   onSave
 }) {
-  const [formData, setFormData] = useState37({
+  const [formData, setFormData] = useState38({
     assignedUserId: "",
     status: "",
     dueDate: "",
@@ -7639,7 +7450,7 @@ function EditTaskInstanceModal({
     escalatedOn: "",
     slaStatus: ""
   });
-  useEffect18(() => {
+  useEffect19(() => {
     if (selectedTask) {
       setFormData({
         assignedUserId: selectedTask.assignedUserId || selectedTask.assigned_user_id || "",
@@ -8142,9 +7953,9 @@ function TaskInstanceTable({
     reminderSentOn: "2026-08-06",
     escalatedOn: ""
   }];
-  const [data, setData] = useState38(initialData);
-  const [sortOrder, setSortOrder] = useState38("asc");
-  const [sortKey, setSortKey] = useState38("taskInstanceId");
+  const [data, setData] = useState39(initialData);
+  const [sortOrder, setSortOrder] = useState39("asc");
+  const [sortKey, setSortKey] = useState39("taskInstanceId");
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -8160,7 +7971,7 @@ function TaskInstanceTable({
     const query = (searchQuery || "").toLowerCase();
     return String(item.taskInstanceId).includes(query) || String(item.fileInstanceId).includes(query) || String(item.workflowStepId).includes(query) || String(item.assignedUserId).includes(query) || item.status.toLowerCase().includes(query);
   });
-  useEffect19(() => {
+  useEffect20(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -8169,9 +7980,9 @@ function TaskInstanceTable({
   const pageNumbers = Array.from({
     length: totalPages
   }, (_, i) => i + 1);
-  const [showEditPopup, setShowEditPopup] = useState38(false);
-  const [showDeletePopup, setShowDeletePopup] = useState38(false);
-  const [selectedItem, setSelectedItem] = useState38(null);
+  const [showEditPopup, setShowEditPopup] = useState39(false);
+  const [showDeletePopup, setShowDeletePopup] = useState39(false);
+  const [selectedItem, setSelectedItem] = useState39(null);
   const openEditPopup = (item) => {
     setSelectedItem(item);
     setShowEditPopup(true);
@@ -8425,17 +8236,17 @@ function AddTaskInstanceModal({
 // src/components/task-instance/task_instance_main.jsx
 import { jsx as jsx58, jsxs as jsxs57 } from "react/jsx-runtime";
 function Task_instance_main() {
-  const [refreshkey, setRefreshKey] = useState39(0);
+  const [refreshkey, setRefreshKey] = useState40(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
-  const [modalOpen, setModalOpen] = useState39(false);
-  const [pageSize, setPageSize] = useState39(10);
-  const [searchQuery, setSearchQuery] = useState39("");
+  const [modalOpen, setModalOpen] = useState40(false);
+  const [pageSize, setPageSize] = useState40(10);
+  const [searchQuery, setSearchQuery] = useState40("");
   const tableRef = useRef13(null);
-  const [currentPage, setCurrentPage] = useState39(1);
-  const [totalEntries, setTotalEntries] = useState39(0);
+  const [currentPage, setCurrentPage] = useState40(1);
+  const [totalEntries, setTotalEntries] = useState40(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -8502,7 +8313,7 @@ function Task_instance_main() {
 }
 
 // src/components/comment/comment_main.jsx
-import React62, { useState as useState42, useRef as useRef14 } from "react";
+import React62, { useState as useState43, useRef as useRef14 } from "react";
 
 // src/components/comment/searchbarcomment.jsx
 import React59 from "react";
@@ -8529,7 +8340,7 @@ function CommentSearchBar({
 }
 
 // src/components/comment/commenttable.jsx
-import React60, { useState as useState40, useEffect as useEffect20 } from "react";
+import React60, { useState as useState41, useEffect as useEffect21 } from "react";
 import { jsx as jsx60, jsxs as jsxs59 } from "react/jsx-runtime";
 function CommentTable({
   pageSize,
@@ -8739,9 +8550,9 @@ function CommentTable({
     createdOn: "08 Aug 2026",
     status: true
   }];
-  const [data, setData] = useState40(initialData);
-  const [sortOrder, setSortOrder] = useState40("asc");
-  const [sortKey, setSortKey] = useState40("commentId");
+  const [data, setData] = useState41(initialData);
+  const [sortOrder, setSortOrder] = useState41("asc");
+  const [sortKey, setSortKey] = useState41("commentId");
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -8757,7 +8568,7 @@ function CommentTable({
     const query = (searchQuery || "").toLowerCase();
     return String(item.commentId).toLowerCase().includes(query) || String(item.taskInstanceId).toLowerCase().includes(query) || item.comment.toLowerCase().includes(query) || String(item.commentedBy).toLowerCase().includes(query);
   });
-  useEffect20(() => {
+  useEffect21(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -8813,15 +8624,15 @@ function CommentTable({
 }
 
 // src/components/comment/addcomment.jsx
-import React61, { useState as useState41 } from "react";
+import React61, { useState as useState42 } from "react";
 import { jsx as jsx61, jsxs as jsxs60 } from "react/jsx-runtime";
 function AddCommentModal({
   isOpen,
   onClose
 }) {
-  const [allowEdit, setAllowEdit] = useState41(true);
-  const [pinComment, setPinComment] = useState41(true);
-  const [sendNotification, setSendNotification] = useState41(false);
+  const [allowEdit, setAllowEdit] = useState42(true);
+  const [pinComment, setPinComment] = useState42(true);
+  const [sendNotification, setSendNotification] = useState42(false);
   if (!isOpen) return null;
   return /* @__PURE__ */ jsxs60("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
     /* @__PURE__ */ jsx61("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity fc:duration-200", onClick: onClose }),
@@ -9018,11 +8829,11 @@ function AddCommentModal({
 // src/components/comment/comment_main.jsx
 import { jsx as jsx62, jsxs as jsxs61 } from "react/jsx-runtime";
 function Comment_main() {
-  const [modalOpen, setModalOpen] = useState42(false);
-  const [pageSize, setPageSize] = useState42(10);
-  const [searchQuery, setSearchQuery] = useState42("");
-  const [currentPage, setCurrentPage] = useState42(1);
-  const [totalEntries, setTotalEntries] = useState42(0);
+  const [modalOpen, setModalOpen] = useState43(false);
+  const [pageSize, setPageSize] = useState43(10);
+  const [searchQuery, setSearchQuery] = useState43("");
+  const [currentPage, setCurrentPage] = useState43(1);
+  const [totalEntries, setTotalEntries] = useState43(0);
   const tableRef = useRef14(null);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
@@ -9092,8 +8903,8 @@ function Comment_main() {
 }
 
 // src/components/hierarchy-node/HierarchyNodeMain.jsx
-import React68, { useState as useState45, useRef as useRef15, useEffect as useEffect23 } from "react";
-import Swal6 from "sweetalert2";
+import React68, { useState as useState47, useRef as useRef15, useEffect as useEffect24 } from "react";
+import Swal7 from "sweetalert2";
 
 // src/components/hierarchy-node/SearchBar.jsx
 import React63 from "react";
@@ -9132,10 +8943,10 @@ function SearchBar9({ searchQuery, setSearchQuery }) {
 }
 
 // src/components/hierarchy-node/HierarchyTable.jsx
-import React66, { useState as useState44, useEffect as useEffect22 } from "react";
+import React66, { useState as useState45, useEffect as useEffect23 } from "react";
 
 // src/components/hierarchy-node/AddEditModal.jsx
-import React64, { useEffect as useEffect21, useState as useState43 } from "react";
+import React64, { useEffect as useEffect22, useState as useState44 } from "react";
 import { jsx as jsx64, jsxs as jsxs63 } from "react/jsx-runtime";
 function AddEditModal({
   isOpen,
@@ -9143,7 +8954,7 @@ function AddEditModal({
   onSave,
   editData
 }) {
-  const [formData, setFormData] = useState43({
+  const [formData, setFormData] = useState44({
     hierarchyNodeId: "",
     parentHierarchyNodeId: "",
     hierarchyLevel: "",
@@ -9153,7 +8964,7 @@ function AddEditModal({
     externalEntityId: "",
     isActive: true
   });
-  useEffect21(() => {
+  useEffect22(() => {
     if (editData) {
       setFormData(editData);
     }
@@ -9165,9 +8976,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__ */ jsx64("div", { className: "fc:fixed fc:inset-0 fc:bg-black/40 fc:flex fc:items-center fc:justify-center fc:z-50", children: /* @__PURE__ */ jsxs63("div", { className: "fc:bg-white fc:w-[650px] fc:rounded-2xl fc:shadow-xl fc:p-6", children: [
     /* @__PURE__ */ jsxs63("div", { className: "fc:flex fc:justify-between fc:items-center fc:mb-6", children: [
@@ -9359,120 +9180,31 @@ import { jsx as jsx66, jsxs as jsxs65 } from "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] = useState44(1);
+  const [currentPage, setCurrentPage] = useState45(1);
   ;
-  const [data, setData] = useState44(apiData || hierarchyData);
-  useEffect22(() => {
-    if (apiData) setData(apiData);
+  const [data, setData] = useState45(apiData || []);
+  useEffect23(() => {
+    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 || "")
   );
-  const [sortColumn, setSortColumn] = useState44("");
-  const [sortDirection, setSortDirection] = useState44("asc");
+  const [sortColumn, setSortColumn] = useState45("");
+  const [sortDirection, setSortDirection] = useState45("asc");
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
   const startIndex = (currentPage - 1) * pageSize;
   const visibleData = filteredData.slice(
     startIndex,
     startIndex + pageSize
   );
-  const [editOpen, setEditOpen] = useState44(false);
-  const [deleteOpen, setDeleteOpen] = useState44(false);
-  const [selectedNode, setSelectedNode] = useState44(null);
-  useEffect22(() => {
+  const [editOpen, setEditOpen] = useState45(false);
+  const [deleteOpen, setDeleteOpen] = useState45(false);
+  const [selectedNode, setSelectedNode] = useState45(null);
+  useEffect23(() => {
     setCurrentPage(1);
   }, [searchQuery, pageSize]);
   const handleSort = (column) => {
@@ -9505,21 +9237,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__ */ jsxs65("div", { className: "fc:h-full fc:flex fc:flex-col", children: [
     /* @__PURE__ */ jsx66("div", { className: "fc:rounded-2xl fc:border fc:border-slate-200 fc:overflow-hidden fc:flex fc:flex-col fc:flex-1", children: /* @__PURE__ */ jsx66("div", { className: "fc:flex-1 fc:overflow-y-auto fc:overflow-x-auto", children: /* @__PURE__ */ jsxs65("table", { className: "fc:min-w-full fc:bg-white", children: [
@@ -9645,13 +9367,23 @@ function HierarchyTable({
 }
 
 // src/components/hierarchy-node/AddHierarchyNodeModal.jsx
-import React67 from "react";
+import React67, { useState as useState46 } from "react";
 import { jsx as jsx67, jsxs as jsxs66 } from "react/jsx-runtime";
 function AddHierarchyNodeModal({
   isOpen,
   onClose,
   onSave
 }) {
+  const [formData, setFormData] = useState46({ hierarchyNodeId: "", parentHierarchyNodeId: "", hierarchyLevel: "", nodeType: "", nodeName: "", externalEntityType: "", externalEntityId: "", isActive: "true", remarks: "" });
+  const [isSubmitting, setIsSubmitting] = useState46(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__ */ jsxs66("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
     /* @__PURE__ */ jsx67("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm", onClick: onClose }),
@@ -9672,21 +9404,21 @@ function AddHierarchyNodeModal({
           /* @__PURE__ */ jsxs66("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
             /* @__PURE__ */ jsxs66("div", { children: [
               /* @__PURE__ */ jsx67("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "Hierarchy Node Id" }),
-              /* @__PURE__ */ jsx67("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__ */ jsx67("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__ */ jsxs66("div", { children: [
               /* @__PURE__ */ jsx67("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "Parent Hierarchy Node Id" }),
-              /* @__PURE__ */ jsx67("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__ */ jsx67("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__ */ jsxs66("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
             /* @__PURE__ */ jsxs66("div", { children: [
               /* @__PURE__ */ jsx67("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "Hierarchy Level" }),
-              /* @__PURE__ */ jsx67("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__ */ jsx67("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__ */ jsxs66("div", { children: [
               /* @__PURE__ */ jsx67("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "Node Type" }),
-              /* @__PURE__ */ jsxs66("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__ */ jsxs66("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__ */ jsx67("option", { value: "", children: "Select Node Type" }),
                 /* @__PURE__ */ jsx67("option", { children: "District" }),
                 /* @__PURE__ */ jsx67("option", { children: "Block" }),
@@ -9698,12 +9430,12 @@ function AddHierarchyNodeModal({
           ] }),
           /* @__PURE__ */ jsxs66("div", { children: [
             /* @__PURE__ */ jsx67("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "Node Name" }),
-            /* @__PURE__ */ jsx67("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__ */ jsx67("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__ */ jsxs66("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
             /* @__PURE__ */ jsxs66("div", { children: [
               /* @__PURE__ */ jsx67("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "External Entity Type" }),
-              /* @__PURE__ */ jsxs66("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__ */ jsxs66("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__ */ jsx67("option", { value: "", children: "Select Entity Type" }),
                 /* @__PURE__ */ jsx67("option", { children: "Department" }),
                 /* @__PURE__ */ jsx67("option", { children: "Office" }),
@@ -9713,12 +9445,12 @@ function AddHierarchyNodeModal({
             ] }),
             /* @__PURE__ */ jsxs66("div", { children: [
               /* @__PURE__ */ jsx67("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "External Entity Id" }),
-              /* @__PURE__ */ jsx67("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__ */ jsx67("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__ */ jsxs66("div", { children: [
             /* @__PURE__ */ jsx67("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "Is Active" }),
-            /* @__PURE__ */ jsxs66("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__ */ jsxs66("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__ */ jsx67("option", { value: "true", children: "Yes" }),
               /* @__PURE__ */ jsx67("option", { value: "false", children: "No" })
             ] })
@@ -9728,7 +9460,7 @@ function AddHierarchyNodeModal({
           /* @__PURE__ */ jsx67("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__ */ jsxs66("div", { children: [
             /* @__PURE__ */ jsx67("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "Remarks" }),
-            /* @__PURE__ */ jsx67("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__ */ jsx67("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" })
           ] })
         ] })
       ] }),
@@ -9738,9 +9470,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"
           }
         )
       ] })
@@ -9751,12 +9484,13 @@ function AddHierarchyNodeModal({
 // src/components/hierarchy-node/HierarchyNodeMain.jsx
 import { jsx as jsx68, jsxs as jsxs67 } from "react/jsx-runtime";
 function HierarchyNodeMain() {
-  const [modalOpen, setModalOpen] = useState45(false);
-  const [pageSize, setPageSize] = useState45(5);
+  const [modalOpen, setModalOpen] = useState47(false);
+  const [pageSize, setPageSize] = useState47(5);
   const tableRef = useRef15(null);
-  const [searchQuery, setSearchQuery] = useState45("");
-  const [apiData, setApiData] = useState45([]);
-  useEffect23(() => {
+  const [searchQuery, setSearchQuery] = useState47("");
+  const [apiData, setApiData] = useState47([]);
+  const [refreshKey, setRefreshKey] = useState47(0);
+  useEffect24(() => {
     (async () => {
       var _a, _b, _c, _d, _e, _f, _g;
       try {
@@ -9766,12 +9500,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 Swal6.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 Swal7.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 Swal7.fire("Success", `Hierarchy node ${isEdit ? "updated" : "created"} successfully.`, "success");
+      handleRefresh();
+      return true;
+    } catch (error) {
+      await Swal7.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__ */ jsxs67("div", { className: "fc:h-screen fc:bg-slate-50 fc:p-6 fc:flex fc:flex-col fc:overflow-hidden", children: [
     /* @__PURE__ */ jsxs67("div", { className: "fc:w-full fc:flex fc:flex-col fc:flex-1 fc:space-y-5 fc:overflow-hidden", children: [
@@ -9822,17 +9570,19 @@ 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__ */ jsx68(AddHierarchyNodeModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
+    /* @__PURE__ */ jsx68(AddHierarchyNodeModal, { isOpen: modalOpen, onClose: () => setModalOpen(false), onSave: (payload) => saveNode(payload) })
   ] });
 }
 
 // src/components/file-pool/FilePoolMain.jsx
-import React72, { useState as useState47, useRef as useRef16 } from "react";
+import React72, { useState as useState49, useRef as useRef16 } from "react";
 
 // src/components/file-pool/SearchBar.jsx
 import React69 from "react";
@@ -9845,7 +9595,7 @@ function SearchBar10() {
 }
 
 // src/components/file-pool/FilePoolTable.jsx
-import React70, { useState as useState46 } from "react";
+import React70, { useState as useState48 } from "react";
 import { jsx as jsx70, jsxs as jsxs69 } from "react/jsx-runtime";
 function FilePoolTable({
   pageSize
@@ -9921,10 +9671,10 @@ function FilePoolTable({
     addedOn: "10-07-2026",
     pulledOn: "-"
   }];
-  const [currentPage, setCurrentPage] = useState46(1);
-  const [data, setData] = useState46(filePoolData);
-  const [sortColumn, setSortColumn] = useState46("");
-  const [sortDirection, setSortDirection] = useState46("asc");
+  const [currentPage, setCurrentPage] = useState48(1);
+  const [data, setData] = useState48(filePoolData);
+  const [sortColumn, setSortColumn] = useState48("");
+  const [sortDirection, setSortDirection] = useState48("asc");
   const totalPages = Math.ceil(data.length / pageSize) || 1;
   const startIndex = (currentPage - 1) * pageSize;
   const currentData = data.slice(startIndex, startIndex + pageSize);
@@ -10080,8 +9830,8 @@ function AddFilePoolModal({
 // src/components/file-pool/FilePoolMain.jsx
 import { jsx as jsx72, jsxs as jsxs71 } from "react/jsx-runtime";
 function FilePoolMain() {
-  const [modalOpen, setModalOpen] = useState47(false);
-  const [pageSize, setPageSize] = useState47(5);
+  const [modalOpen, setModalOpen] = useState49(false);
+  const [pageSize, setPageSize] = useState49(5);
   const tableRef = useRef16(null);
   const handleRefresh = () => {
     console.log("Refresh clicked");
@@ -10132,7 +9882,7 @@ function FilePoolMain() {
 }
 
 // src/components/uploaded-document/UploadedDocumentMain.jsx
-import React76, { useState as useState49, useRef as useRef17 } from "react";
+import React76, { useState as useState51, useRef as useRef17 } from "react";
 
 // src/components/uploaded-document/SearchBar.jsx
 import React73 from "react";
@@ -10145,7 +9895,7 @@ function SearchBar11() {
 }
 
 // src/components/uploaded-document/UploadedDocumentTable.jsx
-import React74, { useState as useState48 } from "react";
+import React74, { useState as useState50 } from "react";
 import { jsx as jsx74, jsxs as jsxs73 } from "react/jsx-runtime";
 function UploadedDocumentTable({
   pageSize
@@ -10221,10 +9971,10 @@ function UploadedDocumentTable({
     storagePath: "/uploads/certificate.pdf",
     uploadedBy: "Admin"
   }];
-  const [data, setData] = useState48(uploadedDocuments);
-  const [currentPage, setCurrentPage] = useState48(1);
-  const [sortColumn, setSortColumn] = useState48("");
-  const [sortDirection, setSortDirection] = useState48("asc");
+  const [data, setData] = useState50(uploadedDocuments);
+  const [currentPage, setCurrentPage] = useState50(1);
+  const [sortColumn, setSortColumn] = useState50("");
+  const [sortDirection, setSortDirection] = useState50("asc");
   const totalPages = Math.ceil(data.length / pageSize) || 1;
   const startIndex = (currentPage - 1) * pageSize;
   const currentData = data.slice(startIndex, startIndex + pageSize);
@@ -10424,8 +10174,8 @@ function AddUploadedDocumentModal({
 // src/components/uploaded-document/UploadedDocumentMain.jsx
 import { jsx as jsx76, jsxs as jsxs75 } from "react/jsx-runtime";
 function UploadedDocumentMain() {
-  const [modalOpen, setModalOpen] = useState49(false);
-  const [pageSize, setPageSize] = useState49(5);
+  const [modalOpen, setModalOpen] = useState51(false);
+  const [pageSize, setPageSize] = useState51(5);
   const tableRef = useRef17(null);
   const handleRefresh = () => {
     console.log("Refresh clicked");
@@ -10476,14 +10226,14 @@ function UploadedDocumentMain() {
 }
 
 // src/components/BuisnessEntity/BusinessEntitymain.js
-import React78, { useState as useState51, useRef as useRef18 } from "react";
+import React78, { useState as useState53, useRef as useRef18 } from "react";
 import Link4 from "next/link";
 
 // src/components/BuisnessEntity/AddBusinessEntityModal.js
-import React77, { useState as useState50 } from "react";
+import React77, { useState as useState52 } from "react";
 import { jsx as jsx77, jsxs as jsxs76 } from "react/jsx-runtime";
 function AddBusinessEntityModal({ onClose }) {
-  const [formData, setFormData] = useState50({
+  const [formData, setFormData] = useState52({
     entityType: "",
     entityKey: "",
     displayNumber: "",
@@ -10492,7 +10242,7 @@ function AddBusinessEntityModal({ onClose }) {
     isVisible: true,
     status: "Active"
   });
-  const [errors, setErrors] = useState50({});
+  const [errors, setErrors] = useState52({});
   const handleChange = (field, value) => {
     setFormData((prev) => __spreadProps(__spreadValues({}, prev), {
       [field]: value
@@ -10868,9 +10618,9 @@ function BusinessEntity() {
     console.log("Download clicked");
   };
   const tableRef = useRef18(null);
-  const [showModal, setShowModal] = useState51(false);
-  const [pageSize, setPageSize] = useState51(5);
-  const [sortConfig, setSortConfig] = useState51({
+  const [showModal, setShowModal] = useState53(false);
+  const [pageSize, setPageSize] = useState53(5);
+  const [sortConfig, setSortConfig] = useState53({
     key: "",
     direction: "asc"
   });
@@ -10948,14 +10698,14 @@ function BusinessEntity() {
 }
 
 // src/components/FileInstance/FileInstancemain.js
-import React80, { useState as useState53, useRef as useRef19 } from "react";
+import React80, { useState as useState55, useRef as useRef19 } from "react";
 import Link5 from "next/link";
 
 // src/components/FileInstance/AddWorkFlowFileInstanceModal.js
-import React79, { useState as useState52 } from "react";
+import React79, { useState as useState54 } from "react";
 import { jsx as jsx79, jsxs as jsxs78 } from "react/jsx-runtime";
 function AddFileInstanceModal({ onClose }) {
-  const [formData, setFormData] = useState52({
+  const [formData, setFormData] = useState54({
     workflow: "",
     businessEntityType: "",
     businessEntity: "",
@@ -10965,7 +10715,7 @@ function AddFileInstanceModal({ onClose }) {
     status: "Pending",
     priority: "High"
   });
-  const [errors, setErrors] = useState52({});
+  const [errors, setErrors] = useState54({});
   const validateForm = () => {
     const newErrors = {};
     if (!formData.workflow) newErrors.workflow = "Workflow is required.";
@@ -11377,9 +11127,9 @@ function FileInstance() {
     console.log("Download clicked");
   };
   const tableRef = useRef19(null);
-  const [showModal, setShowModal] = useState53(false);
-  const [pageSize, setPageSize] = useState53(5);
-  const [sortConfig, setSortConfig] = useState53({
+  const [showModal, setShowModal] = useState55(false);
+  const [pageSize, setPageSize] = useState55(5);
+  const [sortConfig, setSortConfig] = useState55({
     key: "",
     direction: "asc"
   });
@@ -11487,7 +11237,7 @@ function FileInstance() {
 }
 
 // src/components/assignment-rule/AssignmentRuleMain.jsx
-import React84, { useState as useState56, useRef as useRef20 } from "react";
+import React84, { useState as useState58, useRef as useRef20 } from "react";
 
 // src/components/assignment-rule/SearchBar.js
 import React81 from "react";
@@ -11510,7 +11260,7 @@ function SearchBar12({
 }
 
 // src/components/assignment-rule/Table.js
-import React82, { useState as useState54, useEffect as useEffect24 } from "react";
+import React82, { useState as useState56, useEffect as useEffect25 } from "react";
 import { jsx as jsx82, jsxs as jsxs81 } from "react/jsx-runtime";
 function Table4({
   pageSize,
@@ -11618,12 +11368,12 @@ function Table4({
     dynamicFunctionId: "4",
     isPoolEnabled: true
   }];
-  const [data, setData] = useState54(initialData);
-  const [sortOrder, setSortOrder] = useState54("asc");
-  const [sortKey, setSortKey] = useState54("workflowStepId");
-  const [selectedItem, setSelectedItem] = useState54(null);
-  const [isEditModalOpen, setIsEditModalOpen] = useState54(false);
-  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState54(false);
+  const [data, setData] = useState56(initialData);
+  const [sortOrder, setSortOrder] = useState56("asc");
+  const [sortKey, setSortKey] = useState56("workflowStepId");
+  const [selectedItem, setSelectedItem] = useState56(null);
+  const [isEditModalOpen, setIsEditModalOpen] = useState56(false);
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState56(false);
   const handleEdit = (item) => {
     setSelectedItem(item);
     setIsEditModalOpen(true);
@@ -11676,7 +11426,7 @@ function Table4({
     const query = searchQuery.toLowerCase().trim();
     return item.workflowStepId && item.workflowStepId.toString().toLowerCase().includes(query) || item.assignmentType && item.assignmentType.toLowerCase().includes(query) || item.hierarchyNodeType && item.hierarchyNodeType.toLowerCase().includes(query) || item.dynamicFunctionId && item.dynamicFunctionId.toString().toLowerCase().includes(query);
   });
-  useEffect24(() => {
+  useEffect25(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -11802,7 +11552,7 @@ function Table4({
 }
 
 // src/components/assignment-rule/Popup.js
-import React83, { useState as useState55 } from "react";
+import React83, { useState as useState57 } from "react";
 import { jsx as jsx83, jsxs as jsxs82 } from "react/jsx-runtime";
 function Popup4({
   isOpen,
@@ -11810,11 +11560,11 @@ function Popup4({
   onSave
 }) {
   if (!isOpen) return null;
-  const [workflowStepId, setWorkflowStepId] = useState55("");
-  const [assignmentType, setAssignmentType] = useState55("");
-  const [hierarchyNodeType, setHierarchyNodeType] = useState55("");
-  const [dynamicFunctionId, setDynamicFunctionId] = useState55("");
-  const [isPoolEnabled, setIsPoolEnabled] = useState55(false);
+  const [workflowStepId, setWorkflowStepId] = useState57("");
+  const [assignmentType, setAssignmentType] = useState57("");
+  const [hierarchyNodeType, setHierarchyNodeType] = useState57("");
+  const [dynamicFunctionId, setDynamicFunctionId] = useState57("");
+  const [isPoolEnabled, setIsPoolEnabled] = useState57(false);
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!workflowStepId || !assignmentType || !hierarchyNodeType) {
@@ -11891,17 +11641,17 @@ function Popup4({
 // src/components/assignment-rule/AssignmentRuleMain.jsx
 import { jsx as jsx84, jsxs as jsxs83 } from "react/jsx-runtime";
 function AssignmentRuleMain() {
-  const [refreshkey, setRefreshKey] = useState56(0);
+  const [refreshkey, setRefreshKey] = useState58(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
   const tableRef = useRef20(null);
-  const [showModal, setShowModal] = useState56(false);
-  const [pageSize, setPageSize] = useState56(10);
-  const [searchQuery, setSearchQuery] = useState56("");
-  const [currentPage, setCurrentPage] = useState56(1);
-  const [totalEntries, setTotalEntries] = useState56(0);
+  const [showModal, setShowModal] = useState58(false);
+  const [pageSize, setPageSize] = useState58(10);
+  const [searchQuery, setSearchQuery] = useState58("");
+  const [currentPage, setCurrentPage] = useState58(1);
+  const [totalEntries, setTotalEntries] = useState58(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -12043,15 +11793,15 @@ function Sidebar({
   childrens
 }) {
   const router = useRouter();
-  const [workflowOpen, setWorkflowOpen] = useState57(false);
-  const [permissionOpen, setPermissionOpen] = useState57(false);
-  const [hierarchyOpen, setHierarchyOpen] = useState57(false);
-  const [documentOpen, setDocumentOpen] = useState57(false);
-  const [filesOpen, setFilesOpen] = useState57(false);
-  const [tasksOpen, setTasksOpen] = useState57(false);
-  const [trackingOpen, setTrackingOpen] = useState57(false);
-  const [communicationOpen, setCommunicationOpen] = useState57(false);
-  const [activeComponent, setActiveComponent] = useState57("workflowType");
+  const [workflowOpen, setWorkflowOpen] = useState59(false);
+  const [permissionOpen, setPermissionOpen] = useState59(false);
+  const [hierarchyOpen, setHierarchyOpen] = useState59(false);
+  const [documentOpen, setDocumentOpen] = useState59(false);
+  const [filesOpen, setFilesOpen] = useState59(false);
+  const [tasksOpen, setTasksOpen] = useState59(false);
+  const [trackingOpen, setTrackingOpen] = useState59(false);
+  const [communicationOpen, setCommunicationOpen] = useState59(false);
+  const [activeComponent, setActiveComponent] = useState59("workflowType");
   const renderMenuItemold = (item) => {
     const Icon = item.icon;
     return /* @__PURE__ */ jsxs84("button", { type: "button", className: `fc:flex fc:h-[48px] fc:w-full fc:items-center fc:gap-[8px] fc:rounded-[9px] fc:px-[8px] fc:text-left fc:transition-colors fc:duration-150${router.pathname === item.path ? "bg-blue-50 text-blue-600" : "text-[#344261] hover:bg-[#F6F8FC]"}`, onClick: () => router.push(item.path), children: [
@@ -12177,10 +11927,10 @@ function Sidebar({
 }
 
 // src/components/Layout.jsx
-import { useState as useState58 } from "react";
+import { useState as useState60 } from "react";
 import { jsx as jsx86 } from "react/jsx-runtime";
 var Layout = ({ children }) => {
-  const [isOpen, setIsOpen] = useState58(true);
+  const [isOpen, setIsOpen] = useState60(true);
   return /* @__PURE__ */ jsx86("div", { className: "flowcore fc:flex fc:min-h-screen", children: /* @__PURE__ */ jsx86(
     Sidebar,
     {