flowcore-fn 9.2.9 → 9.3.2

package/dist/pkg-index.js

@@ -55,12 +55,62 @@ __export(pkg_index_exports, {
 module.exports = __toCommonJS(pkg_index_exports);
 
 // src/components/Sidebar.jsx
-var import_react85 = require("react");
-var import_react86 = require("@remixicon/react");
+var import_react86 = require("react");
+var import_react87 = require("@remixicon/react");
 var import_router = require("next/router");
 
 // src/components/workflow/WorkflowMain.jsx
 var import_react9 = __toESM(require("react"));
+var import_react10 = require("react");
+var import_sweetalert2 = __toESM(require("sweetalert2"));
+
+// src/components/Service/ApiEndpointsProvider.js
+var STORAGE_KEY = "FLOWCORE_API_ENDPOINTS";
+var apiEndpoints = null;
+var ApiEndpointsProvider = ({ apiEndpoints: endpoints }) => {
+  if (typeof window !== "undefined" && endpoints) {
+    apiEndpoints = endpoints;
+    sessionStorage.setItem(
+      STORAGE_KEY,
+      JSON.stringify(endpoints)
+    );
+  }
+  return null;
+};
+var getApiEndpoints = () => {
+  if (apiEndpoints) {
+    return apiEndpoints;
+  }
+  if (typeof window !== "undefined") {
+    const data = sessionStorage.getItem(STORAGE_KEY);
+    if (data) {
+      apiEndpoints = JSON.parse(data);
+      return apiEndpoints;
+    }
+  }
+  throw new Error(
+    "Api Endpoints not initialized. Please render <ApiEndpointsProvider apiEndpoints={ApiEndPoints} /> once before using FlowCore."
+  );
+};
+var ApiEndpointsProvider_default = ApiEndpointsProvider;
+
+// src/components/Service/ApiServicepackage.js
+var apiService = null;
+var ApiServicepackage = ({ apiService: service }) => {
+  if (service) {
+    apiService = service;
+  }
+  return null;
+};
+var getApiService = () => {
+  if (apiService) {
+    return apiService;
+  }
+  throw new Error(
+    "ApiService not initialized. Please render <ApiServicepackage apiService={ApiService} /> once before using FlowCore."
+  );
+};
+var ApiServicepackage_default = ApiServicepackage;
 
 // src/components/workflow/SearchBar.jsx
 var import_react = __toESM(require("react"));
@@ -306,7 +356,7 @@ function DeleteModal({
 
 // src/components/workflow/WorkflowTable.jsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
-function WorkflowTable({ pageSize, searchQuery }) {
+function WorkflowTable({ pageSize, searchQuery, apiData }) {
   const initialData = [
     {
       id: "1",
@@ -417,7 +467,10 @@ function WorkflowTable({ pageSize, searchQuery }) {
       status: true
     }
   ];
-  const [data, setData] = (0, import_react4.useState)(initialData);
+  const [data, setData] = (0, import_react4.useState)(apiData || initialData);
+  import_react4.default.useEffect(() => {
+    if (apiData) setData(apiData);
+  }, [apiData]);
   const filteredData = data.filter(
     (item) => item.name.toLowerCase().includes((searchQuery || "").toLowerCase()) || item.code.toLowerCase().includes((searchQuery || "").toLowerCase())
   );
@@ -656,7 +709,8 @@ var import_react5 = __toESM(require("react"));
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function AddWorkflowModal({
   isOpen,
-  onClose
+  onClose,
+  workflowTypes = []
 }) {
   if (!isOpen) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
@@ -686,9 +740,11 @@ function AddWorkflowModal({
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("select", { className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "", children: "Select workflow type" }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "petition", children: "Petition" }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "building", children: "Building Permission" }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "leave", children: "Leave" })
+                workflowTypes.length > 0 ? workflowTypes.map((type) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: type.workflowTypeId || type.WorkflowTypeId, children: type.workflowTypeName || type.WorkflowTypeName }, type.workflowTypeId || type.WorkflowTypeId)) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "petition", children: "Petition" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "building", children: "Building Permission" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("option", { value: "leave", children: "Leave" })
+                ] })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "fc:text-[10px] fc:text-red-400 fc:mt-1", children: "Choose the category this workflow belongs to" })
             ] }),
@@ -982,6 +1038,30 @@ function Workflow() {
   const [modalOpen, setModalOpen] = (0, import_react9.useState)(false);
   const [pageSize, setPageSize] = (0, import_react9.useState)(10);
   const [searchQuery, setSearchQuery] = (0, import_react9.useState)("");
+  const [apiData, setApiData] = (0, import_react9.useState)([]);
+  const [workflowTypes, setWorkflowTypes] = (0, import_react9.useState)([]);
+  (0, import_react10.useEffect)(() => {
+    (async () => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+      try {
+        const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflow) == null ? void 0 : _c.getList;
+        const typeEndpoint = (_f = (_e = (_d = getApiEndpoints()) == null ? void 0 : _d.flowCore) == null ? void 0 : _e.workflowType) == null ? void 0 : _f.getList;
+        if (!endpoint) throw Error("Workflow list endpoint is not configured.");
+        const [result, types] = await Promise.all([getApiService().get(endpoint), typeEndpoint ? getApiService().get(typeEndpoint) : Promise.resolve([])]);
+        const value = ((_g = result == null ? void 0 : result.data) == null ? void 0 : _g.data) || ((_h = result == null ? void 0 : result.data) == null ? void 0 : _h.result) || (result == null ? void 0 : result.data) || result;
+        const rows = Array.isArray(value) ? value : (value == null ? void 0 : value.items) || (value == null ? void 0 : value.records) || [];
+        const typeValue = ((_i = types == null ? void 0 : types.data) == null ? void 0 : _i.data) || ((_j = types == null ? void 0 : types.data) == null ? void 0 : _j.result) || (types == null ? void 0 : types.data) || types;
+        const typeRows = Array.isArray(typeValue) ? typeValue : (typeValue == null ? void 0 : typeValue.items) || (typeValue == null ? void 0 : typeValue.records) || [];
+        setWorkflowTypes(typeRows);
+        setApiData(rows.map((item) => {
+          var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2;
+          return __spreadProps(__spreadValues({}, item), { id: (_b2 = (_a2 = item.id) != null ? _a2 : item.workflowId) != null ? _b2 : item.WorkflowId, name: (_d2 = (_c2 = item.name) != null ? _c2 : item.workflowName) != null ? _d2 : item.WorkflowName, code: (_f2 = (_e2 = item.code) != null ? _e2 : item.workflowCode) != null ? _f2 : item.WorkflowCode, type: (_h2 = (_g2 = item.type) != null ? _g2 : item.workflowTypeName) != null ? _h2 : item.WorkflowTypeName, status: (_j2 = (_i2 = item.status) != null ? _i2 : item.isActive) != null ? _j2 : item.IsActive });
+        }));
+      } catch (error) {
+        await import_sweetalert2.default.fire("Error", ((_l = (_k = error == null ? void 0 : error.response) == null ? void 0 : _k.data) == null ? void 0 : _l.message) || (error == null ? void 0 : error.message) || "Unable to load workflows.", "error");
+      }
+    })();
+  }, [refreshKey]);
   const tableRef = (0, import_react9.useRef)(null);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
@@ -1047,6 +1127,7 @@ function Workflow() {
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "fc:flex-1 fc:overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { ref: tableRef, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           WorkflowTable,
           {
+            apiData,
             pageSize,
             searchQuery
           },
@@ -1058,17 +1139,19 @@ function Workflow() {
       AddWorkflowModal,
       {
         isOpen: modalOpen,
-        onClose: () => setModalOpen(false)
+        onClose: () => setModalOpen(false),
+        workflowTypes
       }
     )
   ] });
 }
 
 // src/components/workflow-type/WorkflowTypeMains.js
-var import_react15 = __toESM(require("react"));
+var import_react16 = __toESM(require("react"));
+var import_sweetalert23 = __toESM(require("sweetalert2"));
 
 // src/components/workflow-type/SearchBar.jsx
-var import_react10 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function SearchBar2({
   searchQuery,
@@ -1092,10 +1175,10 @@ function SearchBar2({
 }
 
 // src/components/workflow-type/WorkflowTypeTable.jsx
-var import_react13 = __toESM(require("react"));
+var import_react14 = __toESM(require("react"));
 
 // src/components/workflow-type/DeleteWorkflowType.jsx
-var import_react11 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var DeleteWorkflowType = ({
   isOpen,
@@ -1132,7 +1215,7 @@ var DeleteWorkflowType = ({
 var DeleteWorkflowType_default = DeleteWorkflowType;
 
 // src/components/workflow-type/EditWorkflowType.jsx
-var import_react12 = __toESM(require("react"));
+var import_react13 = __toESM(require("react"));
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var EditWorkflowType = ({
   isOpen,
@@ -1140,13 +1223,13 @@ var EditWorkflowType = ({
   onSave,
   selectedData
 }) => {
-  const [formData, setFormData] = (0, import_react12.useState)({
+  const [formData, setFormData] = (0, import_react13.useState)({
     workflowTypeCode: "",
     workflowTypeName: "",
     description: "",
     isActive: true
   });
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     var _a, _b;
     if (selectedData) {
       setFormData({
@@ -1212,7 +1295,11 @@ function WorkflowTypeTable({
   searchQuery = "",
   currentPage,
   setCurrentPage,
-  setTotalEntries
+  setTotalEntries,
+  apiData,
+  onUpdate,
+  onDeleteApi,
+  onEdit
 }) {
   const initialData = [{
     workflowTypeId: 1,
@@ -1465,12 +1552,15 @@ function WorkflowTypeTable({
     updatedOn: "2026-01-29",
     updatedBy: "Officer"
   }];
-  const [data, setData] = (0, import_react13.useState)(initialData);
-  const [sortOrder, setSortOrder] = (0, import_react13.useState)("asc");
-  const [sortKey, setSortKey] = (0, import_react13.useState)("workflowTypeId");
-  const [selectedItem, setSelectedItem] = (0, import_react13.useState)(null);
-  const [isEditOpen, setIsEditOpen] = (0, import_react13.useState)(false);
-  const [isDeleteOpen, setIsDeleteOpen] = (0, import_react13.useState)(false);
+  const [data, setData] = (0, import_react14.useState)(apiData || initialData);
+  (0, import_react14.useEffect)(() => {
+    if (apiData) setData(apiData);
+  }, [apiData]);
+  const [sortOrder, setSortOrder] = (0, import_react14.useState)("asc");
+  const [sortKey, setSortKey] = (0, import_react14.useState)("workflowTypeId");
+  const [selectedItem, setSelectedItem] = (0, import_react14.useState)(null);
+  const [isEditOpen, setIsEditOpen] = (0, import_react14.useState)(false);
+  const [isDeleteOpen, setIsDeleteOpen] = (0, import_react14.useState)(false);
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -1486,7 +1576,7 @@ function WorkflowTypeTable({
     const query = (searchQuery || "").toLowerCase();
     return item.workflowTypeName.toLowerCase().includes(query) || item.workflowTypeCode.toLowerCase().includes(query) || item.description.toLowerCase().includes(query);
   });
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -1496,6 +1586,10 @@ function WorkflowTypeTable({
     length: totalPages
   }, (_, i) => i + 1);
   const handleEdit = (item) => {
+    if (onEdit) {
+      onEdit(item);
+      return;
+    }
     setSelectedItem(item);
     setIsEditOpen(true);
   };
@@ -1504,10 +1598,18 @@ function WorkflowTypeTable({
     setIsDeleteOpen(false);
     setIsDeleteOpen(true);
   };
-  const handleConfirmDelete = (itemToDelete) => {
+  const handleConfirmDelete = async (itemToDelete) => {
+    if (onDeleteApi) {
+      await onDeleteApi(itemToDelete);
+      return;
+    }
     setData((prevData) => prevData.filter((i) => i.workflowTypeId !== itemToDelete.workflowTypeId));
   };
-  const handleSaveEdit = (updatedItem) => {
+  const handleSaveEdit = async (updatedItem) => {
+    if (onUpdate) {
+      await onUpdate(updatedItem);
+      return;
+    }
     setData((prevData) => prevData.map((item) => item.workflowTypeId === updatedItem.workflowTypeId ? updatedItem : item));
   };
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "fc:space-y-5", children: [
@@ -1560,57 +1662,8 @@ function WorkflowTypeTable({
 }
 
 // src/components/workflow-type/AddWorkflowTypeModal.jsx
-var import_react14 = __toESM(require("react"));
-
-// src/components/Service/ApiEndpointsProvider.js
-var STORAGE_KEY = "FLOWCORE_API_ENDPOINTS";
-var apiEndpoints = null;
-var ApiEndpointsProvider = ({ apiEndpoints: endpoints }) => {
-  if (typeof window !== "undefined" && endpoints) {
-    apiEndpoints = endpoints;
-    sessionStorage.setItem(
-      STORAGE_KEY,
-      JSON.stringify(endpoints)
-    );
-  }
-  return null;
-};
-var getApiEndpoints = () => {
-  if (apiEndpoints) {
-    return apiEndpoints;
-  }
-  if (typeof window !== "undefined") {
-    const data = sessionStorage.getItem(STORAGE_KEY);
-    if (data) {
-      apiEndpoints = JSON.parse(data);
-      return apiEndpoints;
-    }
-  }
-  throw new Error(
-    "Api Endpoints not initialized. Please render <ApiEndpointsProvider apiEndpoints={ApiEndPoints} /> once before using FlowCore."
-  );
-};
-var ApiEndpointsProvider_default = ApiEndpointsProvider;
-
-// src/components/Service/ApiServicepackage.js
-var apiService = null;
-var ApiServicepackage = ({ apiService: service }) => {
-  if (service) {
-    apiService = service;
-  }
-  return null;
-};
-var getApiService = () => {
-  if (apiService) {
-    return apiService;
-  }
-  throw new Error(
-    "ApiService not initialized. Please render <ApiServicepackage apiService={ApiService} /> once before using FlowCore."
-  );
-};
-var ApiServicepackage_default = ApiServicepackage;
-
-// src/components/workflow-type/AddWorkflowTypeModal.jsx
+var import_react15 = __toESM(require("react"));
+var import_sweetalert22 = __toESM(require("sweetalert2"));
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var initialFormData = {
   workflowTypeCode: "",
@@ -1619,12 +1672,12 @@ var initialFormData = {
   createdBy: ""
 };
 var AddWorkflowTypeModal = ({ isOpen, onClose, onSave, createdBy = "" }) => {
-  const [formData, setFormData] = (0, import_react14.useState)(__spreadProps(__spreadValues({}, initialFormData), {
+  const [formData, setFormData] = (0, import_react15.useState)(__spreadProps(__spreadValues({}, initialFormData), {
     createdBy
   }));
-  const [errors, setErrors] = (0, import_react14.useState)({});
-  const [isSubmitting, setIsSubmitting] = (0, import_react14.useState)(false);
-  const [submitError, setSubmitError] = (0, import_react14.useState)("");
+  const [errors, setErrors] = (0, import_react15.useState)({});
+  const [isSubmitting, setIsSubmitting] = (0, import_react15.useState)(false);
+  const [submitError, setSubmitError] = (0, import_react15.useState)("");
   const handleChange = ({ target: { name, value } }) => {
     if (name === "description" && value.length > 500) return;
     setFormData((previous) => __spreadProps(__spreadValues({}, previous), { [name]: value }));
@@ -1656,7 +1709,7 @@ var AddWorkflowTypeModal = ({ isOpen, onClose, onSave, createdBy = "" }) => {
       setIsSubmitting(true);
       setSubmitError("");
       const endpoints = getApiEndpoints();
-      const endpoint = (_b = (_a = endpoints == null ? void 0 : endpoints.flowCore) == null ? void 0 : _a.workflow) == null ? void 0 : _b.createWorkflowList;
+      const endpoint = (_b = (_a = endpoints == null ? void 0 : endpoints.flowCore) == null ? void 0 : _a.workflowType) == null ? void 0 : _b.create;
       if (!endpoint) throw new Error("Create workflow type endpoint is not configured.");
       const response = await getApiService().post(endpoint, payload);
       await (onSave == null ? void 0 : onSave((_c = response == null ? void 0 : response.data) != null ? _c : response));
@@ -1664,9 +1717,9 @@ var AddWorkflowTypeModal = ({ isOpen, onClose, onSave, createdBy = "" }) => {
       setErrors({});
       onClose();
     } catch (error) {
-      setSubmitError(
-        ((_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 create workflow type. Please try again."
-      );
+      const message = ((_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 create workflow type. Please try again.";
+      setSubmitError(message);
+      await import_sweetalert22.default.fire("Error", message, "error");
     } finally {
       setIsSubmitting(false);
     }
@@ -1714,20 +1767,52 @@ var AddWorkflowTypeModal_default = AddWorkflowTypeModal;
 // src/components/workflow-type/WorkflowTypeMains.js
 var import_jsx_runtime15 = require("react/jsx-runtime");
 function WorkflowTypeMains() {
-  const [refreshkey, setRefreshKey] = (0, import_react15.useState)(0);
+  const [refreshkey, setRefreshKey] = (0, import_react16.useState)(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
-  const tableRef = (0, import_react15.useRef)(null);
-  const [modalOpen, setModalOpen] = (0, import_react15.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react15.useState)(10);
-  const [searchQuery, setSearchQuery] = (0, import_react15.useState)("");
-  const [currentPage, setCurrentPage] = (0, import_react15.useState)(1);
-  const [totalEntries, setTotalEntries] = (0, import_react15.useState)(0);
-  const [isEditOpen, setIsEditOpen] = (0, import_react15.useState)(false);
-  const [isDeleteOpen, setIsDeleteOpen] = (0, import_react15.useState)(false);
-  const [selectedItem, setSelectedItem] = (0, import_react15.useState)(null);
+  const handleUpdateApi = async (item) => {
+    var _a, _b, _c, _d, _e;
+    try {
+      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowType) == null ? void 0 : _c.update;
+      if (!endpoint) throw new Error("Workflow type update endpoint is not configured.");
+      await getApiService().put(endpoint, { workflowTypeId: item.workflowTypeId, workflowTypeCode: item.workflowTypeCode.trim().toUpperCase(), workflowTypeName: item.workflowTypeName.trim(), description: (item.description || "").trim(), isActive: Boolean(item.isActive), updatedBy: item.updatedBy || item.createdBy || "System" });
+      await import_sweetalert23.default.fire("Success", "Workflow type updated successfully.", "success");
+      handleRefresh();
+      return true;
+    } catch (error) {
+      await import_sweetalert23.default.fire("Error", ((_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || (error == null ? void 0 : error.message) || "Unable to update workflow type.", "error");
+      return false;
+    }
+  };
+  const handleDeleteApi = async (item) => {
+    return handleUpdateApi(__spreadProps(__spreadValues({}, item), { isActive: false }));
+  };
+  const tableRef = (0, import_react16.useRef)(null);
+  const [modalOpen, setModalOpen] = (0, import_react16.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react16.useState)(10);
+  const [searchQuery, setSearchQuery] = (0, import_react16.useState)("");
+  const [currentPage, setCurrentPage] = (0, import_react16.useState)(1);
+  const [totalEntries, setTotalEntries] = (0, import_react16.useState)(0);
+  const [isEditOpen, setIsEditOpen] = (0, import_react16.useState)(false);
+  const [isDeleteOpen, setIsDeleteOpen] = (0, import_react16.useState)(false);
+  const [selectedItem, setSelectedItem] = (0, import_react16.useState)(null);
+  const [apiData, setApiData] = (0, import_react16.useState)([]);
+  (0, import_react16.useEffect)(() => {
+    (async () => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      try {
+        const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowType) == null ? void 0 : _c.getList;
+        if (!endpoint) throw new Error("Workflow type list endpoint is not configured.");
+        const result = await getApiService().get(endpoint);
+        const value = ((_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) || ((_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) || (result == null ? void 0 : result.data) || result;
+        setApiData(Array.isArray(value) ? value : (value == null ? void 0 : value.items) || (value == null ? void 0 : value.records) || []);
+      } catch (error) {
+        await import_sweetalert23.default.fire("Error", ((_g = (_f = error == null ? void 0 : error.response) == null ? void 0 : _f.data) == null ? void 0 : _g.message) || (error == null ? void 0 : error.message) || "Unable to load workflow types.", "error");
+      }
+    })();
+  }, [refreshkey]);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -1772,21 +1857,24 @@ function WorkflowTypeMains() {
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { ref: tableRef, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(WorkflowTypeTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries, onEdit: handleEdit, onDelete: handleDelete }, refreshkey),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(WorkflowTypeTable, { apiData, pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries, onEdit: handleEdit, onUpdate: handleUpdateApi, onDeleteApi: handleDeleteApi }, refreshkey),
         " "
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AddWorkflowTypeModal_default, { isOpen: modalOpen, onClose: () => setModalOpen(false) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(EditWorkflowType_default, { isOpen: isEditOpen, onClose: () => setIsEditOpen(false), onSave: handleSaveEdit, selectedData: selectedItem }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AddWorkflowTypeModal_default, { isOpen: modalOpen, onClose: () => setModalOpen(false), onSave: async () => {
+      await import_sweetalert23.default.fire("Success", "Workflow type created successfully.", "success");
+      handleRefresh();
+    } }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(EditWorkflowType_default, { isOpen: isEditOpen, onClose: () => setIsEditOpen(false), onSave: handleUpdateApi, selectedData: selectedItem }),
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DeleteWorkflowType_default, { isOpen: isDeleteOpen, onClose: () => setIsDeleteOpen(false), onConfirm: handleConfirmDelete, itemData: selectedItem })
   ] });
 }
 
 // src/components/WorkflowStep/main.js
-var import_react18 = __toESM(require("react"));
+var import_react19 = __toESM(require("react"));
 
 // src/components/Common/footer.js
-var import_react16 = __toESM(require("react"));
+var import_react17 = __toESM(require("react"));
 var import_jsx_runtime16 = require("react/jsx-runtime");
 function Footer() {
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-6 fc:py-4 fc:sticky fc:bottom-0 fc:z-10 fc:border-t fc:border-gray-200 fc:rounded-xl fc:bg-slate-50/50 fc:shadow-md", children: [
@@ -1806,10 +1894,10 @@ function Footer() {
 var import_link2 = __toESM(require("next/link"));
 
 // src/components/WorkflowStep/AddWorkflowStepModal.js
-var import_react17 = __toESM(require("react"));
+var import_react18 = __toESM(require("react"));
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function AddWorkflowStepModal({ onClose }) {
-  const [formData, setFormData] = (0, import_react17.useState)({
+  const [formData, setFormData] = (0, import_react18.useState)({
     workflow: "",
     stepCode: "",
     stepName: "",
@@ -1822,7 +1910,7 @@ function AddWorkflowStepModal({ onClose }) {
     excludeHolidays: true,
     status: "active"
   });
-  const [errors, setErrors] = (0, import_react17.useState)({});
+  const [errors, setErrors] = (0, import_react18.useState)({});
   const handleChange = (field, value) => {
     setFormData((prev) => __spreadProps(__spreadValues({}, prev), { [field]: value }));
     if (errors[field]) {
@@ -2298,10 +2386,10 @@ function WorkflowStep() {
   const handleDownload = () => {
     console.log("Download clicked");
   };
-  const tableRef = (0, import_react18.useRef)(null);
-  const [showModal, setShowModal] = (0, import_react18.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react18.useState)(5);
-  const [sortConfig, setSortConfig] = (0, import_react18.useState)({
+  const tableRef = (0, import_react19.useRef)(null);
+  const [showModal, setShowModal] = (0, import_react19.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react19.useState)(5);
+  const [sortConfig, setSortConfig] = (0, import_react19.useState)({
     key: "",
     direction: "asc"
   });
@@ -2403,14 +2491,14 @@ function WorkflowStep() {
 }
 
 // src/components/WorkFlowTransition/Transitiontable.js
-var import_react20 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 var import_link3 = __toESM(require("next/link"));
 
 // src/components/WorkFlowTransition/AddWorkFlowTransitionModal.js
-var import_react19 = __toESM(require("react"));
+var import_react20 = __toESM(require("react"));
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function AddWorkTransitionStepModal({ onClose, onSubmit }) {
-  const [formData, setFormData] = (0, import_react19.useState)({
+  const [formData, setFormData] = (0, import_react20.useState)({
     workflow: "",
     fromStep: "",
     toStep: "",
@@ -2421,7 +2509,7 @@ function AddWorkTransitionStepModal({ onClose, onSubmit }) {
     requireComment: false,
     status: "active"
   });
-  const [errors, setErrors] = (0, import_react19.useState)({});
+  const [errors, setErrors] = (0, import_react20.useState)({});
   const validateForm = () => {
     const newErrors = {};
     if (!formData.workflow) newErrors.workflow = "Workflow is required.";
@@ -2852,10 +2940,10 @@ function WorkFlowTransition() {
   const handleDownload = () => {
     console.log("Download clicked");
   };
-  const tableRef = (0, import_react20.useRef)(null);
-  const [showModal, setShowModal] = (0, import_react20.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react20.useState)(5);
-  const [sortConfig, setSortConfig] = (0, import_react20.useState)({
+  const tableRef = (0, import_react21.useRef)(null);
+  const [showModal, setShowModal] = (0, import_react21.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react21.useState)(5);
+  const [sortConfig, setSortConfig] = (0, import_react21.useState)({
     key: "",
     direction: "asc"
   });
@@ -2944,10 +3032,10 @@ function WorkFlowTransition() {
 }
 
 // src/components/user-hierarchy-node-mapping/user_hierarachy_node_main.jsx
-var import_react26 = __toESM(require("react"));
+var import_react27 = __toESM(require("react"));
 
 // src/components/user-hierarchy-node-mapping/adduserhierarchynode.jsx
-var import_react21 = __toESM(require("react"));
+var import_react22 = __toESM(require("react"));
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function AddUserHierarchyNodeMappingModal({
   isOpen,
@@ -3053,7 +3141,7 @@ function AddUserHierarchyNodeMappingModal({
 }
 
 // src/components/user-hierarchy-node-mapping/searchbar.jsx
-var import_react22 = __toESM(require("react"));
+var import_react23 = __toESM(require("react"));
 var import_jsx_runtime22 = require("react/jsx-runtime");
 function MappingSearchBar({
   searchQuery,
@@ -3077,10 +3165,10 @@ function MappingSearchBar({
 }
 
 // src/components/user-hierarchy-node-mapping/userhierarchynodetable.jsx
-var import_react25 = __toESM(require("react"));
+var import_react26 = __toESM(require("react"));
 
 // src/components/user-hierarchy-node-mapping/edit-mapping.jsx
-var import_react23 = __toESM(require("react"));
+var import_react24 = __toESM(require("react"));
 var import_jsx_runtime23 = require("react/jsx-runtime");
 function EditUserHierarchyNodeMappingModal({
   isOpen,
@@ -3088,14 +3176,14 @@ function EditUserHierarchyNodeMappingModal({
   selectedMapping,
   onSave
 }) {
-  const [formData, setFormData] = (0, import_react23.useState)({
+  const [formData, setFormData] = (0, import_react24.useState)({
     hierarchyNodeId: "",
     roleCode: "",
     isPrimary: "",
     effectiveFrom: "",
     effectiveTo: ""
   });
-  (0, import_react23.useEffect)(() => {
+  (0, import_react24.useEffect)(() => {
     if (selectedMapping) {
       setFormData({
         hierarchyNodeId: selectedMapping.hierarchyNodeId || "",
@@ -3276,7 +3364,7 @@ function EditUserHierarchyNodeMappingModal({
 }
 
 // src/components/user-hierarchy-node-mapping/delete-mapping.jsx
-var import_react24 = __toESM(require("react"));
+var import_react25 = __toESM(require("react"));
 var import_jsx_runtime24 = require("react/jsx-runtime");
 function DeleteUserHierarchyNodeMappingModal({
   isOpen,
@@ -3581,9 +3669,9 @@ function UserHierarchyNodeMappingTable({
     effectiveTo: "",
     status: true
   }];
-  const [data, setData] = (0, import_react25.useState)(initialData);
-  const [sortOrder, setSortOrder] = (0, import_react25.useState)("asc");
-  const [sortKey, setSortKey] = (0, import_react25.useState)("mappingId");
+  const [data, setData] = (0, import_react26.useState)(initialData);
+  const [sortOrder, setSortOrder] = (0, import_react26.useState)("asc");
+  const [sortKey, setSortKey] = (0, import_react26.useState)("mappingId");
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -3599,7 +3687,7 @@ function UserHierarchyNodeMappingTable({
     const query = (searchQuery || "").toLowerCase();
     return String(item.mappingId).toLowerCase().includes(query) || String(item.externalUserId).toLowerCase().includes(query) || String(item.hierarchyNodeId).toLowerCase().includes(query) || item.roleCode.toLowerCase().includes(query);
   });
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -3608,9 +3696,9 @@ function UserHierarchyNodeMappingTable({
   const pageNumbers = Array.from({
     length: totalPages
   }, (_, i) => i + 1);
-  const [showEditPopup, setShowEditPopup] = (0, import_react25.useState)(false);
-  const [showDeletePopup, setShowDeletePopup] = (0, import_react25.useState)(false);
-  const [selectedItem, setSelectedItem] = (0, import_react25.useState)(null);
+  const [showEditPopup, setShowEditPopup] = (0, import_react26.useState)(false);
+  const [showDeletePopup, setShowDeletePopup] = (0, import_react26.useState)(false);
+  const [selectedItem, setSelectedItem] = (0, import_react26.useState)(null);
   const openEditPopup = (item) => {
     setSelectedItem(item);
     setShowEditPopup(true);
@@ -3720,17 +3808,17 @@ function UserHierarchyNodeMappingTable({
 // src/components/user-hierarchy-node-mapping/user_hierarachy_node_main.jsx
 var import_jsx_runtime26 = require("react/jsx-runtime");
 function User_hierarchy_mapping_main() {
-  const [refreshkey, setRefreshKey] = (0, import_react26.useState)(0);
+  const [refreshkey, setRefreshKey] = (0, import_react27.useState)(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
-  const tableRef = (0, import_react26.useRef)(null);
-  const [modalOpen, setModalOpen] = (0, import_react26.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react26.useState)(10);
-  const [searchQuery, setSearchQuery] = (0, import_react26.useState)("");
-  const [currentPage, setCurrentPage] = (0, import_react26.useState)(1);
-  const [totalEntries, setTotalEntries] = (0, import_react26.useState)(0);
+  const tableRef = (0, import_react27.useRef)(null);
+  const [modalOpen, setModalOpen] = (0, import_react27.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react27.useState)(10);
+  const [searchQuery, setSearchQuery] = (0, import_react27.useState)("");
+  const [currentPage, setCurrentPage] = (0, import_react27.useState)(1);
+  const [totalEntries, setTotalEntries] = (0, import_react27.useState)(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -3772,10 +3860,10 @@ function User_hierarchy_mapping_main() {
 }
 
 // src/components/document-configuration/DocumentConfigurationmain.jsx
-var import_react32 = __toESM(require("react"));
+var import_react33 = __toESM(require("react"));
 
 // src/components/document-configuration/SearchBar.jsx
-var import_react27 = __toESM(require("react"));
+var import_react28 = __toESM(require("react"));
 var import_jsx_runtime27 = require("react/jsx-runtime");
 function SearchBar3({
   searchQuery,
@@ -3792,10 +3880,10 @@ function SearchBar3({
 }
 
 // src/components/document-configuration/DocumentConfigurationTable.jsx
-var import_react30 = __toESM(require("react"));
+var import_react31 = __toESM(require("react"));
 
 // src/components/document-configuration/Edit.jsx
-var import_react28 = __toESM(require("react"));
+var import_react29 = __toESM(require("react"));
 var import_jsx_runtime28 = require("react/jsx-runtime");
 function EditDocumentConfiguration({
   isOpen,
@@ -3803,7 +3891,7 @@ function EditDocumentConfiguration({
   initialData,
   onSave
 }) {
-  const [formData, setFormData] = (0, import_react28.useState)({
+  const [formData, setFormData] = (0, import_react29.useState)({
     docName: "",
     stepId: "",
     extensions: "",
@@ -3812,8 +3900,8 @@ function EditDocumentConfiguration({
     isMandatory: false,
     status: "Active"
   });
-  const [errors, setErrors] = (0, import_react28.useState)({});
-  (0, import_react28.useEffect)(() => {
+  const [errors, setErrors] = (0, import_react29.useState)({});
+  (0, import_react29.useEffect)(() => {
     if (initialData) {
       const sizeParts = (initialData.maxSize || "10 MB").split(" ");
       setFormData({
@@ -3945,7 +4033,7 @@ function EditDocumentConfiguration({
 }
 
 // src/components/document-configuration/Delete.jsx
-var import_react29 = __toESM(require("react"));
+var import_react30 = __toESM(require("react"));
 var import_jsx_runtime29 = require("react/jsx-runtime");
 function DeleteDocumentConfiguration({
   isOpen,
@@ -4222,12 +4310,12 @@ function DocumentConfigTable({
       status: "Active"
     }
   ];
-  const [data, setData] = (0, import_react30.useState)(initialData);
-  const [sortOrder, setSortOrder] = (0, import_react30.useState)("asc");
-  const [sortKey, setSortKey] = (0, import_react30.useState)("docName");
-  const [isEditOpen, setIsEditOpen] = (0, import_react30.useState)(false);
-  const [isDeleteOpen, setIsDeleteOpen] = (0, import_react30.useState)(false);
-  const [selectedItem, setSelectedItem] = (0, import_react30.useState)(null);
+  const [data, setData] = (0, import_react31.useState)(initialData);
+  const [sortOrder, setSortOrder] = (0, import_react31.useState)("asc");
+  const [sortKey, setSortKey] = (0, import_react31.useState)("docName");
+  const [isEditOpen, setIsEditOpen] = (0, import_react31.useState)(false);
+  const [isDeleteOpen, setIsDeleteOpen] = (0, import_react31.useState)(false);
+  const [selectedItem, setSelectedItem] = (0, import_react31.useState)(null);
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -4243,7 +4331,7 @@ function DocumentConfigTable({
     const query = (searchQuery || "").toLowerCase();
     return item.docName.toLowerCase().includes(query) || item.extensions.toLowerCase().includes(query) || item.stepId.toLowerCase().includes(query);
   });
-  (0, import_react30.useEffect)(() => {
+  (0, import_react31.useEffect)(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -4449,19 +4537,19 @@ function DocumentConfigTable({
 }
 
 // src/components/document-configuration/AddDocumentConfigurationModal.jsx
-var import_react31 = __toESM(require("react"));
+var import_react32 = __toESM(require("react"));
 var import_jsx_runtime31 = require("react/jsx-runtime");
 function AddDocumentConfigModal({
   isOpen,
   onClose
 }) {
-  const [isMandatory, setIsMandatory] = (0, import_react31.useState)(false);
-  const [status, setStatus] = (0, import_react31.useState)("Active");
-  const [documentName, setDocumentName] = (0, import_react31.useState)("");
-  const [stepId, setStepId] = (0, import_react31.useState)("");
-  const [maxSize, setMaxSize] = (0, import_react31.useState)("");
-  const [allowedExtensions, setAllowedExtensions] = (0, import_react31.useState)("");
-  const [errors, setErrors] = (0, import_react31.useState)({});
+  const [isMandatory, setIsMandatory] = (0, import_react32.useState)(false);
+  const [status, setStatus] = (0, import_react32.useState)("Active");
+  const [documentName, setDocumentName] = (0, import_react32.useState)("");
+  const [stepId, setStepId] = (0, import_react32.useState)("");
+  const [maxSize, setMaxSize] = (0, import_react32.useState)("");
+  const [allowedExtensions, setAllowedExtensions] = (0, import_react32.useState)("");
+  const [errors, setErrors] = (0, import_react32.useState)({});
   const handleSave = () => {
     let newErrors = {};
     if (!documentName.trim()) {
@@ -4594,17 +4682,17 @@ function AddDocumentConfigModal({
 // src/components/document-configuration/DocumentConfigurationmain.jsx
 var import_jsx_runtime32 = require("react/jsx-runtime");
 function DocumentConfigurationmain() {
-  const [refreshkey, setRefreshKey] = (0, import_react32.useState)(0);
+  const [refreshkey, setRefreshKey] = (0, import_react33.useState)(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
-  const tableRef = (0, import_react32.useRef)(null);
-  const [modalOpen, setModalOpen] = (0, import_react32.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react32.useState)(10);
-  const [searchQuery, setSearchQuery] = (0, import_react32.useState)("");
-  const [currentPage, setCurrentPage] = (0, import_react32.useState)(1);
-  const [totalEntries, setTotalEntries] = (0, import_react32.useState)(0);
+  const tableRef = (0, import_react33.useRef)(null);
+  const [modalOpen, setModalOpen] = (0, import_react33.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react33.useState)(10);
+  const [searchQuery, setSearchQuery] = (0, import_react33.useState)("");
+  const [currentPage, setCurrentPage] = (0, import_react33.useState)(1);
+  const [totalEntries, setTotalEntries] = (0, import_react33.useState)(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -4644,10 +4732,10 @@ function DocumentConfigurationmain() {
 }
 
 // src/components/audit-log/AuditLogmain.jsx
-var import_react36 = __toESM(require("react"));
+var import_react37 = __toESM(require("react"));
 
 // src/components/audit-log/SearchBar.jsx
-var import_react33 = __toESM(require("react"));
+var import_react34 = __toESM(require("react"));
 var import_jsx_runtime33 = require("react/jsx-runtime");
 function SearchBar4({
   searchQuery,
@@ -4664,7 +4752,7 @@ function SearchBar4({
 }
 
 // src/components/audit-log/AuditLogTable.jsx
-var import_react34 = __toESM(require("react"));
+var import_react35 = __toESM(require("react"));
 var import_jsx_runtime34 = require("react/jsx-runtime");
 function AuditLogTable({
   pageSize,
@@ -4874,9 +4962,9 @@ function AuditLogTable({
     ip: "192.168.1.45",
     time: "2026-07-17 15:55"
   }];
-  const [data, setData] = (0, import_react34.useState)(initialData);
-  const [sortOrder, setSortOrder] = (0, import_react34.useState)("asc");
-  const [sortKey, setSortKey] = (0, import_react34.useState)("logId");
+  const [data, setData] = (0, import_react35.useState)(initialData);
+  const [sortOrder, setSortOrder] = (0, import_react35.useState)("asc");
+  const [sortKey, setSortKey] = (0, import_react35.useState)("logId");
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -4892,7 +4980,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);
   });
-  (0, import_react34.useEffect)(() => {
+  (0, import_react35.useEffect)(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -4960,19 +5048,19 @@ function AuditLogTable({
 }
 
 // src/components/audit-log/AddAuditLogModal.jsx
-var import_react35 = __toESM(require("react"));
+var import_react36 = __toESM(require("react"));
 var import_jsx_runtime35 = require("react/jsx-runtime");
 function AddAuditLogModal({
   isOpen,
   onClose
 }) {
-  const [logId, setLogId] = (0, import_react35.useState)("");
-  const [userName, setUserName] = (0, import_react35.useState)("");
-  const [actionType, setActionType] = (0, import_react35.useState)("");
-  const [ipAddress, setIpAddress] = (0, import_react35.useState)("");
-  const [sectionModule, setSectionModule] = (0, import_react35.useState)("");
-  const [timestamp, setTimestamp] = (0, import_react35.useState)("");
-  const [errors, setErrors] = (0, import_react35.useState)({});
+  const [logId, setLogId] = (0, import_react36.useState)("");
+  const [userName, setUserName] = (0, import_react36.useState)("");
+  const [actionType, setActionType] = (0, import_react36.useState)("");
+  const [ipAddress, setIpAddress] = (0, import_react36.useState)("");
+  const [sectionModule, setSectionModule] = (0, import_react36.useState)("");
+  const [timestamp, setTimestamp] = (0, import_react36.useState)("");
+  const [errors, setErrors] = (0, import_react36.useState)({});
   const handleCommit = () => {
     let newErrors = {};
     if (!logId.trim()) newErrors.logId = "Log ID is required";
@@ -5091,17 +5179,17 @@ function AddAuditLogModal({
 // src/components/audit-log/AuditLogmain.jsx
 var import_jsx_runtime36 = require("react/jsx-runtime");
 function AuditLogmain() {
-  const [refreshkey, setRefreshKey] = (0, import_react36.useState)(0);
+  const [refreshkey, setRefreshKey] = (0, import_react37.useState)(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
-  const tableRef = (0, import_react36.useRef)(null);
-  const [modalOpen, setModalOpen] = (0, import_react36.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react36.useState)(10);
-  const [searchQuery, setSearchQuery] = (0, import_react36.useState)("");
-  const [currentPage, setCurrentPage] = (0, import_react36.useState)(1);
-  const [totalEntries, setTotalEntries] = (0, import_react36.useState)(0);
+  const tableRef = (0, import_react37.useRef)(null);
+  const [modalOpen, setModalOpen] = (0, import_react37.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react37.useState)(10);
+  const [searchQuery, setSearchQuery] = (0, import_react37.useState)("");
+  const [currentPage, setCurrentPage] = (0, import_react37.useState)(1);
+  const [totalEntries, setTotalEntries] = (0, import_react37.useState)(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -5160,10 +5248,10 @@ function AuditLogmain() {
 }
 
 // src/components/movement-history/MovementHistorymain.jsx
-var import_react40 = __toESM(require("react"));
+var import_react41 = __toESM(require("react"));
 
 // src/components/movement-history/SearchBar.jsx
-var import_react37 = __toESM(require("react"));
+var import_react38 = __toESM(require("react"));
 var import_jsx_runtime37 = require("react/jsx-runtime");
 function SearchBar5({
   searchQuery,
@@ -5180,7 +5268,7 @@ function SearchBar5({
 }
 
 // src/components/movement-history/MovementHistoryTable.jsx
-var import_react38 = __toESM(require("react"));
+var import_react39 = __toESM(require("react"));
 var import_jsx_runtime38 = require("react/jsx-runtime");
 function MovementHistoryTable({
   pageSize,
@@ -5390,9 +5478,9 @@ function MovementHistoryTable({
     toStepId: "APPROVE",
     movedOn: "2026-02-12"
   }];
-  const [data, setData] = (0, import_react38.useState)(initialData);
-  const [sortOrder, setSortOrder] = (0, import_react38.useState)("asc");
-  const [sortKey, setSortKey] = (0, import_react38.useState)("movementHistoryId");
+  const [data, setData] = (0, import_react39.useState)(initialData);
+  const [sortOrder, setSortOrder] = (0, import_react39.useState)("asc");
+  const [sortKey, setSortKey] = (0, import_react39.useState)("movementHistoryId");
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -5408,7 +5496,7 @@ function MovementHistoryTable({
     const query = (searchQuery || "").toLowerCase();
     return item.movementHistoryId.toLowerCase().includes(query) || item.name.toLowerCase().includes(query) || item.toStepId.toLowerCase().includes(query);
   });
-  (0, import_react38.useEffect)(() => {
+  (0, import_react39.useEffect)(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -5479,19 +5567,19 @@ function MovementHistoryTable({
 }
 
 // src/components/movement-history/AddMovementHistoryModal.jsx
-var import_react39 = __toESM(require("react"));
+var import_react40 = __toESM(require("react"));
 var import_jsx_runtime39 = require("react/jsx-runtime");
 function AddMovementHistoryModal({
   isOpen,
   onClose
 }) {
-  const [movementHistoryId, setMovementHistoryId] = (0, import_react39.useState)("");
-  const [fileInstanceId, setFileInstanceId] = (0, import_react39.useState)("");
-  const [fromStepId, setFromStepId] = (0, import_react39.useState)("");
-  const [toStepId, setToStepId] = (0, import_react39.useState)("");
-  const [actionCode, setActionCode] = (0, import_react39.useState)("");
-  const [movedOn, setMovedOn] = (0, import_react39.useState)("");
-  const [errors, setErrors] = (0, import_react39.useState)({});
+  const [movementHistoryId, setMovementHistoryId] = (0, import_react40.useState)("");
+  const [fileInstanceId, setFileInstanceId] = (0, import_react40.useState)("");
+  const [fromStepId, setFromStepId] = (0, import_react40.useState)("");
+  const [toStepId, setToStepId] = (0, import_react40.useState)("");
+  const [actionCode, setActionCode] = (0, import_react40.useState)("");
+  const [movedOn, setMovedOn] = (0, import_react40.useState)("");
+  const [errors, setErrors] = (0, import_react40.useState)({});
   const handleSaveRecord = () => {
     let newErrors = {};
     if (!movementHistoryId.toString().trim()) newErrors.movementHistoryId = "Movement History ID is required";
@@ -5606,17 +5694,17 @@ function AddMovementHistoryModal({
 // src/components/movement-history/MovementHistorymain.jsx
 var import_jsx_runtime40 = require("react/jsx-runtime");
 function MovementHistorymain() {
-  const [refreshkey, setRefreshKey] = (0, import_react40.useState)(0);
+  const [refreshkey, setRefreshKey] = (0, import_react41.useState)(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
-  const tableRef = (0, import_react40.useRef)(null);
-  const [modalOpen, setModalOpen] = (0, import_react40.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react40.useState)(10);
-  const [searchQuery, setSearchQuery] = (0, import_react40.useState)("");
-  const [currentPage, setCurrentPage] = (0, import_react40.useState)(1);
-  const [totalEntries, setTotalEntries] = (0, import_react40.useState)(0);
+  const tableRef = (0, import_react41.useRef)(null);
+  const [modalOpen, setModalOpen] = (0, import_react41.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react41.useState)(10);
+  const [searchQuery, setSearchQuery] = (0, import_react41.useState)("");
+  const [currentPage, setCurrentPage] = (0, import_react41.useState)(1);
+  const [totalEntries, setTotalEntries] = (0, import_react41.useState)(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -5659,10 +5747,10 @@ function MovementHistorymain() {
 }
 
 // src/components/task-permission/TaskPermissionMain.jsx
-var import_react44 = __toESM(require("react"));
+var import_react45 = __toESM(require("react"));
 
 // src/components/task-permission/SearchBar.js
-var import_react41 = __toESM(require("react"));
+var import_react42 = __toESM(require("react"));
 var import_jsx_runtime41 = require("react/jsx-runtime");
 function SearchBar6({
   searchTerm,
@@ -5690,7 +5778,7 @@ function SearchBar6({
 }
 
 // src/components/task-permission/Table.js
-var import_react42 = __toESM(require("react"));
+var import_react43 = __toESM(require("react"));
 var import_jsx_runtime42 = require("react/jsx-runtime");
 function Table({
   pageSize,
@@ -5875,12 +5963,12 @@ function Table({
     permissionType: "Write",
     isStatusEnabled: true
   }];
-  const [data, setData] = (0, import_react42.useState)(initialData);
-  const [sortOrder, setSortOrder] = (0, import_react42.useState)("asc");
-  const [sortKey, setSortKey] = (0, import_react42.useState)("taskId");
-  const [selectedItem, setSelectedItem] = (0, import_react42.useState)(null);
-  const [isEditModalOpen, setIsEditModalOpen] = (0, import_react42.useState)(false);
-  const [isDeleteModalOpen, setIsDeleteModalOpen] = (0, import_react42.useState)(false);
+  const [data, setData] = (0, import_react43.useState)(initialData);
+  const [sortOrder, setSortOrder] = (0, import_react43.useState)("asc");
+  const [sortKey, setSortKey] = (0, import_react43.useState)("taskId");
+  const [selectedItem, setSelectedItem] = (0, import_react43.useState)(null);
+  const [isEditModalOpen, setIsEditModalOpen] = (0, import_react43.useState)(false);
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = (0, import_react43.useState)(false);
   const handleEdit = (item) => {
     setSelectedItem(item);
     setIsEditModalOpen(true);
@@ -5937,7 +6025,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);
   });
-  (0, import_react42.useEffect)(() => {
+  (0, import_react43.useEffect)(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -6060,7 +6148,7 @@ function Table({
 }
 
 // src/components/task-permission/Popup.js
-var import_react43 = __toESM(require("react"));
+var import_react44 = __toESM(require("react"));
 var import_jsx_runtime43 = require("react/jsx-runtime");
 function Popup({
   isOpen,
@@ -6068,13 +6156,13 @@ function Popup({
   onSave
 }) {
   if (!isOpen) return null;
-  const [stepName, setStepName] = (0, import_react43.useState)("");
-  const [stepCode, setStepCode] = (0, import_react43.useState)("");
-  const [workflow, setWorkflow] = (0, import_react43.useState)("");
-  const [canView, setCanView] = (0, import_react43.useState)(false);
-  const [canEdit, setCanEdit] = (0, import_react43.useState)(false);
-  const [canApprove, setCanApprove] = (0, import_react43.useState)(false);
-  const [canReject, setCanReject] = (0, import_react43.useState)(false);
+  const [stepName, setStepName] = (0, import_react44.useState)("");
+  const [stepCode, setStepCode] = (0, import_react44.useState)("");
+  const [workflow, setWorkflow] = (0, import_react44.useState)("");
+  const [canView, setCanView] = (0, import_react44.useState)(false);
+  const [canEdit, setCanEdit] = (0, import_react44.useState)(false);
+  const [canApprove, setCanApprove] = (0, import_react44.useState)(false);
+  const [canReject, setCanReject] = (0, import_react44.useState)(false);
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!stepName || !stepCode || !workflow) {
@@ -6191,17 +6279,17 @@ function Popup({
 // src/components/task-permission/TaskPermissionMain.jsx
 var import_jsx_runtime44 = require("react/jsx-runtime");
 function TaskPermissionMain() {
-  const [refreshkey, setRefreshKey] = (0, import_react44.useState)(0);
+  const [refreshkey, setRefreshKey] = (0, import_react45.useState)(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
-  const tableRef = (0, import_react44.useRef)(null);
-  const [showModal, setShowModal] = (0, import_react44.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react44.useState)(10);
-  const [searchQuery, setSearchQuery] = (0, import_react44.useState)("");
-  const [currentPage, setCurrentPage] = (0, import_react44.useState)(1);
-  const [totalEntries, setTotalEntries] = (0, import_react44.useState)(0);
+  const tableRef = (0, import_react45.useRef)(null);
+  const [showModal, setShowModal] = (0, import_react45.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react45.useState)(10);
+  const [searchQuery, setSearchQuery] = (0, import_react45.useState)("");
+  const [currentPage, setCurrentPage] = (0, import_react45.useState)(1);
+  const [totalEntries, setTotalEntries] = (0, import_react45.useState)(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -6243,10 +6331,10 @@ function TaskPermissionMain() {
 }
 
 // src/components/Workflow-Setting/WorkflowSettingMain.jsx
-var import_react48 = __toESM(require("react"));
+var import_react49 = __toESM(require("react"));
 
 // src/components/Workflow-Setting/SearchBar.js
-var import_react45 = __toESM(require("react"));
+var import_react46 = __toESM(require("react"));
 var import_jsx_runtime45 = require("react/jsx-runtime");
 function SearchBar7({
   searchTerm,
@@ -6274,7 +6362,7 @@ function SearchBar7({
 }
 
 // src/components/Workflow-Setting/Table.js
-var import_react46 = __toESM(require("react"));
+var import_react47 = __toESM(require("react"));
 var import_jsx_runtime46 = require("react/jsx-runtime");
 function Table2({
   pageSize,
@@ -6459,12 +6547,12 @@ function Table2({
     SLA: "2 Hours",
     isActive: true
   }];
-  const [data, setData] = (0, import_react46.useState)(initialData);
-  const [sortOrder, setSortOrder] = (0, import_react46.useState)("asc");
-  const [sortKey, setSortKey] = (0, import_react46.useState)("settingId");
-  const [selectedItem, setSelectedItem] = (0, import_react46.useState)(null);
-  const [isEditModalOpen, setIsEditModalOpen] = (0, import_react46.useState)(false);
-  const [isDeleteModalOpen, setIsDeleteModalOpen] = (0, import_react46.useState)(false);
+  const [data, setData] = (0, import_react47.useState)(initialData);
+  const [sortOrder, setSortOrder] = (0, import_react47.useState)("asc");
+  const [sortKey, setSortKey] = (0, import_react47.useState)("settingId");
+  const [selectedItem, setSelectedItem] = (0, import_react47.useState)(null);
+  const [isEditModalOpen, setIsEditModalOpen] = (0, import_react47.useState)(false);
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = (0, import_react47.useState)(false);
   const handleEdit = (item) => {
     setSelectedItem(item);
     setIsEditModalOpen(true);
@@ -6521,7 +6609,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);
   });
-  (0, import_react46.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -6654,7 +6742,7 @@ function Table2({
 }
 
 // src/components/Workflow-Setting/Popup.js
-var import_react47 = __toESM(require("react"));
+var import_react48 = __toESM(require("react"));
 var import_jsx_runtime47 = require("react/jsx-runtime");
 function Popup2({
   isOpen,
@@ -6662,8 +6750,8 @@ function Popup2({
   onSave
 }) {
   if (!isOpen) return null;
-  const [settingKey, setSettingKey] = (0, import_react47.useState)("");
-  const [settingValue, setSettingValue] = (0, import_react47.useState)("");
+  const [settingKey, setSettingKey] = (0, import_react48.useState)("");
+  const [settingValue, setSettingValue] = (0, import_react48.useState)("");
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!settingKey || !settingValue) {
@@ -6714,17 +6802,17 @@ function Popup2({
 // src/components/Workflow-Setting/WorkflowSettingMain.jsx
 var import_jsx_runtime48 = require("react/jsx-runtime");
 function WorkflowSettingMain() {
-  const [refreshkey, setRefreshKey] = (0, import_react48.useState)(0);
+  const [refreshkey, setRefreshKey] = (0, import_react49.useState)(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
-  const tableRef = (0, import_react48.useRef)(null);
-  const [showModal, setShowModal] = (0, import_react48.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react48.useState)(10);
-  const [searchQuery, setSearchQuery] = (0, import_react48.useState)("");
-  const [currentPage, setCurrentPage] = (0, import_react48.useState)(1);
-  const [totalEntries, setTotalEntries] = (0, import_react48.useState)(0);
+  const tableRef = (0, import_react49.useRef)(null);
+  const [showModal, setShowModal] = (0, import_react49.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react49.useState)(10);
+  const [searchQuery, setSearchQuery] = (0, import_react49.useState)("");
+  const [currentPage, setCurrentPage] = (0, import_react49.useState)(1);
+  const [totalEntries, setTotalEntries] = (0, import_react49.useState)(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -6766,10 +6854,10 @@ function WorkflowSettingMain() {
 }
 
 // src/components/notification/NotificationMain.jsx
-var import_react52 = __toESM(require("react"));
+var import_react53 = __toESM(require("react"));
 
 // src/components/notification/SearchBar.js
-var import_react49 = __toESM(require("react"));
+var import_react50 = __toESM(require("react"));
 var import_jsx_runtime49 = require("react/jsx-runtime");
 function SearchBar8({
   searchTerm,
@@ -6797,7 +6885,7 @@ function SearchBar8({
 }
 
 // src/components/notification/Table.js
-var import_react50 = __toESM(require("react"));
+var import_react51 = __toESM(require("react"));
 var import_jsx_runtime50 = require("react/jsx-runtime");
 function Table3({
   pageSize,
@@ -6982,12 +7070,12 @@ function Table3({
     recipientGroup: "Risk Assessment",
     isMuted: false
   }];
-  const [data, setData] = (0, import_react50.useState)(initialData);
-  const [sortOrder, setSortOrder] = (0, import_react50.useState)("asc");
-  const [sortKey, setSortKey] = (0, import_react50.useState)("notificationId");
-  const [selectedItem, setSelectedItem] = (0, import_react50.useState)(null);
-  const [isEditModalOpen, setIsEditModalOpen] = (0, import_react50.useState)(false);
-  const [isDeleteModalOpen, setIsDeleteModalOpen] = (0, import_react50.useState)(false);
+  const [data, setData] = (0, import_react51.useState)(initialData);
+  const [sortOrder, setSortOrder] = (0, import_react51.useState)("asc");
+  const [sortKey, setSortKey] = (0, import_react51.useState)("notificationId");
+  const [selectedItem, setSelectedItem] = (0, import_react51.useState)(null);
+  const [isEditModalOpen, setIsEditModalOpen] = (0, import_react51.useState)(false);
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = (0, import_react51.useState)(false);
   const handleEdit = (item) => {
     setSelectedItem(item);
     setIsEditModalOpen(true);
@@ -7044,7 +7132,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);
   });
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -7172,7 +7260,7 @@ function Table3({
 }
 
 // src/components/notification/Popup.js
-var import_react51 = __toESM(require("react"));
+var import_react52 = __toESM(require("react"));
 var import_jsx_runtime51 = require("react/jsx-runtime");
 function Popup3({
   isOpen,
@@ -7180,10 +7268,10 @@ function Popup3({
   onSave
 }) {
   if (!isOpen) return null;
-  const [fileInstanceId, setFileInstanceId] = (0, import_react51.useState)("");
-  const [userId, setUserId] = (0, import_react51.useState)("");
-  const [type, setType] = (0, import_react51.useState)("");
-  const [message, setMessage] = (0, import_react51.useState)("");
+  const [fileInstanceId, setFileInstanceId] = (0, import_react52.useState)("");
+  const [userId, setUserId] = (0, import_react52.useState)("");
+  const [type, setType] = (0, import_react52.useState)("");
+  const [message, setMessage] = (0, import_react52.useState)("");
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!fileInstanceId || !userId || !type || !message) {
@@ -7254,17 +7342,17 @@ function Popup3({
 // src/components/notification/NotificationMain.jsx
 var import_jsx_runtime52 = require("react/jsx-runtime");
 function NotificationMain() {
-  const [refreshkey, setRefreshKey] = (0, import_react52.useState)(0);
+  const [refreshkey, setRefreshKey] = (0, import_react53.useState)(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
-  const tableRef = (0, import_react52.useRef)(null);
-  const [showModal, setShowModal] = (0, import_react52.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react52.useState)(10);
-  const [searchQuery, setSearchQuery] = (0, import_react52.useState)("");
-  const [currentPage, setCurrentPage] = (0, import_react52.useState)(1);
-  const [totalEntries, setTotalEntries] = (0, import_react52.useState)(0);
+  const tableRef = (0, import_react53.useRef)(null);
+  const [showModal, setShowModal] = (0, import_react53.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react53.useState)(10);
+  const [searchQuery, setSearchQuery] = (0, import_react53.useState)("");
+  const [currentPage, setCurrentPage] = (0, import_react53.useState)(1);
+  const [totalEntries, setTotalEntries] = (0, import_react53.useState)(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -7303,10 +7391,10 @@ function NotificationMain() {
 }
 
 // src/components/task-instance/task_instance_main.jsx
-var import_react58 = __toESM(require("react"));
+var import_react59 = __toESM(require("react"));
 
 // src/components/task-instance/searchbartaskinstance.jsx
-var import_react53 = __toESM(require("react"));
+var import_react54 = __toESM(require("react"));
 var import_jsx_runtime53 = require("react/jsx-runtime");
 function TaskInstanceSearchBar({
   searchQuery,
@@ -7330,10 +7418,10 @@ function TaskInstanceSearchBar({
 }
 
 // src/components/task-instance/taskinstancetable.jsx
-var import_react56 = __toESM(require("react"));
+var import_react57 = __toESM(require("react"));
 
 // src/components/task-instance/edit-instance.jsx
-var import_react54 = __toESM(require("react"));
+var import_react55 = __toESM(require("react"));
 var import_jsx_runtime54 = require("react/jsx-runtime");
 function EditTaskInstanceModal({
   isOpen,
@@ -7341,7 +7429,7 @@ function EditTaskInstanceModal({
   selectedTask,
   onSave
 }) {
-  const [formData, setFormData] = (0, import_react54.useState)({
+  const [formData, setFormData] = (0, import_react55.useState)({
     assignedUserId: "",
     status: "",
     dueDate: "",
@@ -7349,7 +7437,7 @@ function EditTaskInstanceModal({
     escalatedOn: "",
     slaStatus: ""
   });
-  (0, import_react54.useEffect)(() => {
+  (0, import_react55.useEffect)(() => {
     if (selectedTask) {
       setFormData({
         assignedUserId: selectedTask.assignedUserId || selectedTask.assigned_user_id || "",
@@ -7547,7 +7635,7 @@ function EditTaskInstanceModal({
 }
 
 // src/components/task-instance/delete-instance.jsx
-var import_react55 = __toESM(require("react"));
+var import_react56 = __toESM(require("react"));
 var import_jsx_runtime55 = require("react/jsx-runtime");
 function DeleteInstanceModal({
   isOpen,
@@ -7852,9 +7940,9 @@ function TaskInstanceTable({
     reminderSentOn: "2026-08-06",
     escalatedOn: ""
   }];
-  const [data, setData] = (0, import_react56.useState)(initialData);
-  const [sortOrder, setSortOrder] = (0, import_react56.useState)("asc");
-  const [sortKey, setSortKey] = (0, import_react56.useState)("taskInstanceId");
+  const [data, setData] = (0, import_react57.useState)(initialData);
+  const [sortOrder, setSortOrder] = (0, import_react57.useState)("asc");
+  const [sortKey, setSortKey] = (0, import_react57.useState)("taskInstanceId");
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -7870,7 +7958,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);
   });
-  (0, import_react56.useEffect)(() => {
+  (0, import_react57.useEffect)(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -7879,9 +7967,9 @@ function TaskInstanceTable({
   const pageNumbers = Array.from({
     length: totalPages
   }, (_, i) => i + 1);
-  const [showEditPopup, setShowEditPopup] = (0, import_react56.useState)(false);
-  const [showDeletePopup, setShowDeletePopup] = (0, import_react56.useState)(false);
-  const [selectedItem, setSelectedItem] = (0, import_react56.useState)(null);
+  const [showEditPopup, setShowEditPopup] = (0, import_react57.useState)(false);
+  const [showDeletePopup, setShowDeletePopup] = (0, import_react57.useState)(false);
+  const [selectedItem, setSelectedItem] = (0, import_react57.useState)(null);
   const openEditPopup = (item) => {
     setSelectedItem(item);
     setShowEditPopup(true);
@@ -8002,7 +8090,7 @@ function TaskInstanceTable({
 }
 
 // src/components/task-instance/addtaskinstance.jsx
-var import_react57 = __toESM(require("react"));
+var import_react58 = __toESM(require("react"));
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function AddTaskInstanceModal({
   isOpen,
@@ -8135,17 +8223,17 @@ function AddTaskInstanceModal({
 // src/components/task-instance/task_instance_main.jsx
 var import_jsx_runtime58 = require("react/jsx-runtime");
 function Task_instance_main() {
-  const [refreshkey, setRefreshKey] = (0, import_react58.useState)(0);
+  const [refreshkey, setRefreshKey] = (0, import_react59.useState)(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
-  const [modalOpen, setModalOpen] = (0, import_react58.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react58.useState)(10);
-  const [searchQuery, setSearchQuery] = (0, import_react58.useState)("");
-  const tableRef = (0, import_react58.useRef)(null);
-  const [currentPage, setCurrentPage] = (0, import_react58.useState)(1);
-  const [totalEntries, setTotalEntries] = (0, import_react58.useState)(0);
+  const [modalOpen, setModalOpen] = (0, import_react59.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react59.useState)(10);
+  const [searchQuery, setSearchQuery] = (0, import_react59.useState)("");
+  const tableRef = (0, import_react59.useRef)(null);
+  const [currentPage, setCurrentPage] = (0, import_react59.useState)(1);
+  const [totalEntries, setTotalEntries] = (0, import_react59.useState)(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -8212,10 +8300,10 @@ function Task_instance_main() {
 }
 
 // src/components/comment/comment_main.jsx
-var import_react62 = __toESM(require("react"));
+var import_react63 = __toESM(require("react"));
 
 // src/components/comment/searchbarcomment.jsx
-var import_react59 = __toESM(require("react"));
+var import_react60 = __toESM(require("react"));
 var import_jsx_runtime59 = require("react/jsx-runtime");
 function CommentSearchBar({
   searchQuery,
@@ -8239,7 +8327,7 @@ function CommentSearchBar({
 }
 
 // src/components/comment/commenttable.jsx
-var import_react60 = __toESM(require("react"));
+var import_react61 = __toESM(require("react"));
 var import_jsx_runtime60 = require("react/jsx-runtime");
 function CommentTable({
   pageSize,
@@ -8449,9 +8537,9 @@ function CommentTable({
     createdOn: "08 Aug 2026",
     status: true
   }];
-  const [data, setData] = (0, import_react60.useState)(initialData);
-  const [sortOrder, setSortOrder] = (0, import_react60.useState)("asc");
-  const [sortKey, setSortKey] = (0, import_react60.useState)("commentId");
+  const [data, setData] = (0, import_react61.useState)(initialData);
+  const [sortOrder, setSortOrder] = (0, import_react61.useState)("asc");
+  const [sortKey, setSortKey] = (0, import_react61.useState)("commentId");
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -8467,7 +8555,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);
   });
-  (0, import_react60.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -8523,15 +8611,15 @@ function CommentTable({
 }
 
 // src/components/comment/addcomment.jsx
-var import_react61 = __toESM(require("react"));
+var import_react62 = __toESM(require("react"));
 var import_jsx_runtime61 = require("react/jsx-runtime");
 function AddCommentModal({
   isOpen,
   onClose
 }) {
-  const [allowEdit, setAllowEdit] = (0, import_react61.useState)(true);
-  const [pinComment, setPinComment] = (0, import_react61.useState)(true);
-  const [sendNotification, setSendNotification] = (0, import_react61.useState)(false);
+  const [allowEdit, setAllowEdit] = (0, import_react62.useState)(true);
+  const [pinComment, setPinComment] = (0, import_react62.useState)(true);
+  const [sendNotification, setSendNotification] = (0, import_react62.useState)(false);
   if (!isOpen) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity fc:duration-200", onClick: onClose }),
@@ -8728,12 +8816,12 @@ function AddCommentModal({
 // src/components/comment/comment_main.jsx
 var import_jsx_runtime62 = require("react/jsx-runtime");
 function Comment_main() {
-  const [modalOpen, setModalOpen] = (0, import_react62.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react62.useState)(10);
-  const [searchQuery, setSearchQuery] = (0, import_react62.useState)("");
-  const [currentPage, setCurrentPage] = (0, import_react62.useState)(1);
-  const [totalEntries, setTotalEntries] = (0, import_react62.useState)(0);
-  const tableRef = (0, import_react62.useRef)(null);
+  const [modalOpen, setModalOpen] = (0, import_react63.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react63.useState)(10);
+  const [searchQuery, setSearchQuery] = (0, import_react63.useState)("");
+  const [currentPage, setCurrentPage] = (0, import_react63.useState)(1);
+  const [totalEntries, setTotalEntries] = (0, import_react63.useState)(0);
+  const tableRef = (0, import_react63.useRef)(null);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -8802,10 +8890,11 @@ function Comment_main() {
 }
 
 // src/components/hierarchy-node/HierarchyNodeMain.jsx
-var import_react68 = __toESM(require("react"));
+var import_react69 = __toESM(require("react"));
+var import_sweetalert24 = __toESM(require("sweetalert2"));
 
 // src/components/hierarchy-node/SearchBar.jsx
-var import_react63 = __toESM(require("react"));
+var import_react64 = __toESM(require("react"));
 var import_jsx_runtime63 = require("react/jsx-runtime");
 function SearchBar9({ searchQuery, setSearchQuery }) {
   return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "fc:relative fc:max-w-sm fc:w-full", children: [
@@ -8841,10 +8930,10 @@ function SearchBar9({ searchQuery, setSearchQuery }) {
 }
 
 // src/components/hierarchy-node/HierarchyTable.jsx
-var import_react66 = __toESM(require("react"));
+var import_react67 = __toESM(require("react"));
 
 // src/components/hierarchy-node/AddEditModal.jsx
-var import_react64 = __toESM(require("react"));
+var import_react65 = __toESM(require("react"));
 var import_jsx_runtime64 = require("react/jsx-runtime");
 function AddEditModal2({
   isOpen,
@@ -8852,7 +8941,7 @@ function AddEditModal2({
   onSave,
   editData
 }) {
-  const [formData, setFormData] = (0, import_react64.useState)({
+  const [formData, setFormData] = (0, import_react65.useState)({
     hierarchyNodeId: "",
     parentHierarchyNodeId: "",
     hierarchyLevel: "",
@@ -8862,7 +8951,7 @@ function AddEditModal2({
     externalEntityId: "",
     isActive: true
   });
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     if (editData) {
       setFormData(editData);
     }
@@ -9005,7 +9094,7 @@ function AddEditModal2({
 }
 
 // src/components/hierarchy-node/DeleteModal.jsx
-var import_react65 = __toESM(require("react"));
+var import_react66 = __toESM(require("react"));
 var import_jsx_runtime65 = require("react/jsx-runtime");
 function DeleteModal2({
   isOpen,
@@ -9066,6 +9155,7 @@ function DeleteModal2({
 // src/components/hierarchy-node/HierarchyTable.jsx
 var import_jsx_runtime66 = require("react/jsx-runtime");
 function HierarchyTable({
+  apiData,
   pageSize,
   searchQuery
 }) {
@@ -9160,24 +9250,27 @@ function HierarchyTable({
     externalEntityId: 1010,
     isActive: true
   }];
-  const [currentPage, setCurrentPage] = (0, import_react66.useState)(1);
+  const [currentPage, setCurrentPage] = (0, import_react67.useState)(1);
   ;
-  const [data, setData] = (0, import_react66.useState)(hierarchyData);
+  const [data, setData] = (0, import_react67.useState)(apiData || hierarchyData);
+  (0, import_react67.useEffect)(() => {
+    if (apiData) setData(apiData);
+  }, [apiData]);
   const filteredData = data.filter(
     (item) => (item.nodeName || "").toLowerCase().includes((searchQuery || "").toLowerCase()) || (item.nodeType || "").toLowerCase().includes((searchQuery || "").toLowerCase()) || String(item.hierarchyNodeId).includes(searchQuery || "")
   );
-  const [sortColumn, setSortColumn] = (0, import_react66.useState)("");
-  const [sortDirection, setSortDirection] = (0, import_react66.useState)("asc");
+  const [sortColumn, setSortColumn] = (0, import_react67.useState)("");
+  const [sortDirection, setSortDirection] = (0, import_react67.useState)("asc");
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
   const startIndex = (currentPage - 1) * pageSize;
   const visibleData = filteredData.slice(
     startIndex,
     startIndex + pageSize
   );
-  const [editOpen, setEditOpen] = (0, import_react66.useState)(false);
-  const [deleteOpen, setDeleteOpen] = (0, import_react66.useState)(false);
-  const [selectedNode, setSelectedNode] = (0, import_react66.useState)(null);
-  (0, import_react66.useEffect)(() => {
+  const [editOpen, setEditOpen] = (0, import_react67.useState)(false);
+  const [deleteOpen, setDeleteOpen] = (0, import_react67.useState)(false);
+  const [selectedNode, setSelectedNode] = (0, import_react67.useState)(null);
+  (0, import_react67.useEffect)(() => {
     setCurrentPage(1);
   }, [searchQuery, pageSize]);
   const handleSort = (column) => {
@@ -9350,7 +9443,7 @@ function HierarchyTable({
 }
 
 // src/components/hierarchy-node/AddHierarchyNodeModal.jsx
-var import_react67 = __toESM(require("react"));
+var import_react68 = __toESM(require("react"));
 var import_jsx_runtime67 = require("react/jsx-runtime");
 function AddHierarchyNodeModal({
   isOpen,
@@ -9456,10 +9549,25 @@ function AddHierarchyNodeModal({
 // src/components/hierarchy-node/HierarchyNodeMain.jsx
 var import_jsx_runtime68 = require("react/jsx-runtime");
 function HierarchyNodeMain() {
-  const [modalOpen, setModalOpen] = (0, import_react68.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react68.useState)(5);
-  const tableRef = (0, import_react68.useRef)(null);
-  const [searchQuery, setSearchQuery] = (0, import_react68.useState)("");
+  const [modalOpen, setModalOpen] = (0, import_react69.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react69.useState)(5);
+  const tableRef = (0, import_react69.useRef)(null);
+  const [searchQuery, setSearchQuery] = (0, import_react69.useState)("");
+  const [apiData, setApiData] = (0, import_react69.useState)([]);
+  (0, import_react69.useEffect)(() => {
+    (async () => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      try {
+        const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.hierarchyNode) == null ? void 0 : _c.getList;
+        if (!endpoint) throw Error("Hierarchy node list endpoint is not configured.");
+        const result = await getApiService().get(endpoint);
+        const value = ((_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) || ((_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) || (result == null ? void 0 : result.data) || result;
+        setApiData(Array.isArray(value) ? value : (value == null ? void 0 : value.items) || (value == null ? void 0 : value.records) || []);
+      } catch (error) {
+        await import_sweetalert24.default.fire("Error", ((_g = (_f = error == null ? void 0 : error.response) == null ? void 0 : _f.data) == null ? void 0 : _g.message) || (error == null ? void 0 : error.message) || "Unable to load hierarchy nodes.", "error");
+      }
+    })();
+  }, [modalOpen]);
   const handleRefresh = () => {
     console.log("Refresh clicked");
   };
@@ -9510,6 +9618,7 @@ function HierarchyNodeMain() {
         /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { ref: tableRef, className: "fc:flex-1 fc:overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
           HierarchyTable,
           {
+            apiData,
             pageSize,
             searchQuery
           }
@@ -9521,10 +9630,10 @@ function HierarchyNodeMain() {
 }
 
 // src/components/file-pool/FilePoolMain.jsx
-var import_react72 = __toESM(require("react"));
+var import_react73 = __toESM(require("react"));
 
 // src/components/file-pool/SearchBar.jsx
-var import_react69 = __toESM(require("react"));
+var import_react70 = __toESM(require("react"));
 var import_jsx_runtime69 = require("react/jsx-runtime");
 function SearchBar10() {
   return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "fc:relative fc:w-full fc:max-w-sm", children: [
@@ -9534,7 +9643,7 @@ function SearchBar10() {
 }
 
 // src/components/file-pool/FilePoolTable.jsx
-var import_react70 = __toESM(require("react"));
+var import_react71 = __toESM(require("react"));
 var import_jsx_runtime70 = require("react/jsx-runtime");
 function FilePoolTable({
   pageSize
@@ -9610,10 +9719,10 @@ function FilePoolTable({
     addedOn: "10-07-2026",
     pulledOn: "-"
   }];
-  const [currentPage, setCurrentPage] = (0, import_react70.useState)(1);
-  const [data, setData] = (0, import_react70.useState)(filePoolData);
-  const [sortColumn, setSortColumn] = (0, import_react70.useState)("");
-  const [sortDirection, setSortDirection] = (0, import_react70.useState)("asc");
+  const [currentPage, setCurrentPage] = (0, import_react71.useState)(1);
+  const [data, setData] = (0, import_react71.useState)(filePoolData);
+  const [sortColumn, setSortColumn] = (0, import_react71.useState)("");
+  const [sortDirection, setSortDirection] = (0, import_react71.useState)("asc");
   const totalPages = Math.ceil(data.length / pageSize) || 1;
   const startIndex = (currentPage - 1) * pageSize;
   const currentData = data.slice(startIndex, startIndex + pageSize);
@@ -9696,7 +9805,7 @@ function FilePoolTable({
 }
 
 // src/components/file-pool/AddFilePoolModal.jsx
-var import_react71 = __toESM(require("react"));
+var import_react72 = __toESM(require("react"));
 var import_jsx_runtime71 = require("react/jsx-runtime");
 function AddFilePoolModal({
   isOpen,
@@ -9769,9 +9878,9 @@ function AddFilePoolModal({
 // src/components/file-pool/FilePoolMain.jsx
 var import_jsx_runtime72 = require("react/jsx-runtime");
 function FilePoolMain() {
-  const [modalOpen, setModalOpen] = (0, import_react72.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react72.useState)(5);
-  const tableRef = (0, import_react72.useRef)(null);
+  const [modalOpen, setModalOpen] = (0, import_react73.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react73.useState)(5);
+  const tableRef = (0, import_react73.useRef)(null);
   const handleRefresh = () => {
     console.log("Refresh clicked");
   };
@@ -9821,10 +9930,10 @@ function FilePoolMain() {
 }
 
 // src/components/uploaded-document/UploadedDocumentMain.jsx
-var import_react76 = __toESM(require("react"));
+var import_react77 = __toESM(require("react"));
 
 // src/components/uploaded-document/SearchBar.jsx
-var import_react73 = __toESM(require("react"));
+var import_react74 = __toESM(require("react"));
 var import_jsx_runtime73 = require("react/jsx-runtime");
 function SearchBar11() {
   return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "fc:relative fc:w-full fc:max-w-sm", children: [
@@ -9834,7 +9943,7 @@ function SearchBar11() {
 }
 
 // src/components/uploaded-document/UploadedDocumentTable.jsx
-var import_react74 = __toESM(require("react"));
+var import_react75 = __toESM(require("react"));
 var import_jsx_runtime74 = require("react/jsx-runtime");
 function UploadedDocumentTable({
   pageSize
@@ -9910,10 +10019,10 @@ function UploadedDocumentTable({
     storagePath: "/uploads/certificate.pdf",
     uploadedBy: "Admin"
   }];
-  const [data, setData] = (0, import_react74.useState)(uploadedDocuments);
-  const [currentPage, setCurrentPage] = (0, import_react74.useState)(1);
-  const [sortColumn, setSortColumn] = (0, import_react74.useState)("");
-  const [sortDirection, setSortDirection] = (0, import_react74.useState)("asc");
+  const [data, setData] = (0, import_react75.useState)(uploadedDocuments);
+  const [currentPage, setCurrentPage] = (0, import_react75.useState)(1);
+  const [sortColumn, setSortColumn] = (0, import_react75.useState)("");
+  const [sortDirection, setSortDirection] = (0, import_react75.useState)("asc");
   const totalPages = Math.ceil(data.length / pageSize) || 1;
   const startIndex = (currentPage - 1) * pageSize;
   const currentData = data.slice(startIndex, startIndex + pageSize);
@@ -9997,7 +10106,7 @@ function UploadedDocumentTable({
 }
 
 // src/components/uploaded-document/AddUploadedDocumentModal.jsx
-var import_react75 = __toESM(require("react"));
+var import_react76 = __toESM(require("react"));
 var import_jsx_runtime75 = require("react/jsx-runtime");
 function AddUploadedDocumentModal({
   isOpen,
@@ -10113,9 +10222,9 @@ function AddUploadedDocumentModal({
 // src/components/uploaded-document/UploadedDocumentMain.jsx
 var import_jsx_runtime76 = require("react/jsx-runtime");
 function UploadedDocumentMain() {
-  const [modalOpen, setModalOpen] = (0, import_react76.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react76.useState)(5);
-  const tableRef = (0, import_react76.useRef)(null);
+  const [modalOpen, setModalOpen] = (0, import_react77.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react77.useState)(5);
+  const tableRef = (0, import_react77.useRef)(null);
   const handleRefresh = () => {
     console.log("Refresh clicked");
   };
@@ -10165,14 +10274,14 @@ function UploadedDocumentMain() {
 }
 
 // src/components/BuisnessEntity/BusinessEntitymain.js
-var import_react78 = __toESM(require("react"));
+var import_react79 = __toESM(require("react"));
 var import_link4 = __toESM(require("next/link"));
 
 // src/components/BuisnessEntity/AddBusinessEntityModal.js
-var import_react77 = __toESM(require("react"));
+var import_react78 = __toESM(require("react"));
 var import_jsx_runtime77 = require("react/jsx-runtime");
 function AddBusinessEntityModal({ onClose }) {
-  const [formData, setFormData] = (0, import_react77.useState)({
+  const [formData, setFormData] = (0, import_react78.useState)({
     entityType: "",
     entityKey: "",
     displayNumber: "",
@@ -10181,7 +10290,7 @@ function AddBusinessEntityModal({ onClose }) {
     isVisible: true,
     status: "Active"
   });
-  const [errors, setErrors] = (0, import_react77.useState)({});
+  const [errors, setErrors] = (0, import_react78.useState)({});
   const handleChange = (field, value) => {
     setFormData((prev) => __spreadProps(__spreadValues({}, prev), {
       [field]: value
@@ -10556,10 +10665,10 @@ function BusinessEntity() {
   const handleDownload = () => {
     console.log("Download clicked");
   };
-  const tableRef = (0, import_react78.useRef)(null);
-  const [showModal, setShowModal] = (0, import_react78.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react78.useState)(5);
-  const [sortConfig, setSortConfig] = (0, import_react78.useState)({
+  const tableRef = (0, import_react79.useRef)(null);
+  const [showModal, setShowModal] = (0, import_react79.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react79.useState)(5);
+  const [sortConfig, setSortConfig] = (0, import_react79.useState)({
     key: "",
     direction: "asc"
   });
@@ -10637,14 +10746,14 @@ function BusinessEntity() {
 }
 
 // src/components/FileInstance/FileInstancemain.js
-var import_react80 = __toESM(require("react"));
+var import_react81 = __toESM(require("react"));
 var import_link5 = __toESM(require("next/link"));
 
 // src/components/FileInstance/AddWorkFlowFileInstanceModal.js
-var import_react79 = __toESM(require("react"));
+var import_react80 = __toESM(require("react"));
 var import_jsx_runtime79 = require("react/jsx-runtime");
 function AddFileInstanceModal({ onClose }) {
-  const [formData, setFormData] = (0, import_react79.useState)({
+  const [formData, setFormData] = (0, import_react80.useState)({
     workflow: "",
     businessEntityType: "",
     businessEntity: "",
@@ -10654,7 +10763,7 @@ function AddFileInstanceModal({ onClose }) {
     status: "Pending",
     priority: "High"
   });
-  const [errors, setErrors] = (0, import_react79.useState)({});
+  const [errors, setErrors] = (0, import_react80.useState)({});
   const validateForm = () => {
     const newErrors = {};
     if (!formData.workflow) newErrors.workflow = "Workflow is required.";
@@ -11065,10 +11174,10 @@ function FileInstance() {
   const handleDownload = () => {
     console.log("Download clicked");
   };
-  const tableRef = (0, import_react80.useRef)(null);
-  const [showModal, setShowModal] = (0, import_react80.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react80.useState)(5);
-  const [sortConfig, setSortConfig] = (0, import_react80.useState)({
+  const tableRef = (0, import_react81.useRef)(null);
+  const [showModal, setShowModal] = (0, import_react81.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react81.useState)(5);
+  const [sortConfig, setSortConfig] = (0, import_react81.useState)({
     key: "",
     direction: "asc"
   });
@@ -11176,10 +11285,10 @@ function FileInstance() {
 }
 
 // src/components/assignment-rule/AssignmentRuleMain.jsx
-var import_react84 = __toESM(require("react"));
+var import_react85 = __toESM(require("react"));
 
 // src/components/assignment-rule/SearchBar.js
-var import_react81 = __toESM(require("react"));
+var import_react82 = __toESM(require("react"));
 var import_jsx_runtime81 = require("react/jsx-runtime");
 function SearchBar12({
   searchQuery,
@@ -11199,7 +11308,7 @@ function SearchBar12({
 }
 
 // src/components/assignment-rule/Table.js
-var import_react82 = __toESM(require("react"));
+var import_react83 = __toESM(require("react"));
 var import_jsx_runtime82 = require("react/jsx-runtime");
 function Table4({
   pageSize,
@@ -11307,12 +11416,12 @@ function Table4({
     dynamicFunctionId: "4",
     isPoolEnabled: true
   }];
-  const [data, setData] = (0, import_react82.useState)(initialData);
-  const [sortOrder, setSortOrder] = (0, import_react82.useState)("asc");
-  const [sortKey, setSortKey] = (0, import_react82.useState)("workflowStepId");
-  const [selectedItem, setSelectedItem] = (0, import_react82.useState)(null);
-  const [isEditModalOpen, setIsEditModalOpen] = (0, import_react82.useState)(false);
-  const [isDeleteModalOpen, setIsDeleteModalOpen] = (0, import_react82.useState)(false);
+  const [data, setData] = (0, import_react83.useState)(initialData);
+  const [sortOrder, setSortOrder] = (0, import_react83.useState)("asc");
+  const [sortKey, setSortKey] = (0, import_react83.useState)("workflowStepId");
+  const [selectedItem, setSelectedItem] = (0, import_react83.useState)(null);
+  const [isEditModalOpen, setIsEditModalOpen] = (0, import_react83.useState)(false);
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = (0, import_react83.useState)(false);
   const handleEdit = (item) => {
     setSelectedItem(item);
     setIsEditModalOpen(true);
@@ -11365,7 +11474,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);
   });
-  (0, import_react82.useEffect)(() => {
+  (0, import_react83.useEffect)(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -11491,7 +11600,7 @@ function Table4({
 }
 
 // src/components/assignment-rule/Popup.js
-var import_react83 = __toESM(require("react"));
+var import_react84 = __toESM(require("react"));
 var import_jsx_runtime83 = require("react/jsx-runtime");
 function Popup4({
   isOpen,
@@ -11499,11 +11608,11 @@ function Popup4({
   onSave
 }) {
   if (!isOpen) return null;
-  const [workflowStepId, setWorkflowStepId] = (0, import_react83.useState)("");
-  const [assignmentType, setAssignmentType] = (0, import_react83.useState)("");
-  const [hierarchyNodeType, setHierarchyNodeType] = (0, import_react83.useState)("");
-  const [dynamicFunctionId, setDynamicFunctionId] = (0, import_react83.useState)("");
-  const [isPoolEnabled, setIsPoolEnabled] = (0, import_react83.useState)(false);
+  const [workflowStepId, setWorkflowStepId] = (0, import_react84.useState)("");
+  const [assignmentType, setAssignmentType] = (0, import_react84.useState)("");
+  const [hierarchyNodeType, setHierarchyNodeType] = (0, import_react84.useState)("");
+  const [dynamicFunctionId, setDynamicFunctionId] = (0, import_react84.useState)("");
+  const [isPoolEnabled, setIsPoolEnabled] = (0, import_react84.useState)(false);
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!workflowStepId || !assignmentType || !hierarchyNodeType) {
@@ -11580,17 +11689,17 @@ function Popup4({
 // src/components/assignment-rule/AssignmentRuleMain.jsx
 var import_jsx_runtime84 = require("react/jsx-runtime");
 function AssignmentRuleMain() {
-  const [refreshkey, setRefreshKey] = (0, import_react84.useState)(0);
+  const [refreshkey, setRefreshKey] = (0, import_react85.useState)(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
-  const tableRef = (0, import_react84.useRef)(null);
-  const [showModal, setShowModal] = (0, import_react84.useState)(false);
-  const [pageSize, setPageSize] = (0, import_react84.useState)(10);
-  const [searchQuery, setSearchQuery] = (0, import_react84.useState)("");
-  const [currentPage, setCurrentPage] = (0, import_react84.useState)(1);
-  const [totalEntries, setTotalEntries] = (0, import_react84.useState)(0);
+  const tableRef = (0, import_react85.useRef)(null);
+  const [showModal, setShowModal] = (0, import_react85.useState)(false);
+  const [pageSize, setPageSize] = (0, import_react85.useState)(10);
+  const [searchQuery, setSearchQuery] = (0, import_react85.useState)("");
+  const [currentPage, setCurrentPage] = (0, import_react85.useState)(1);
+  const [totalEntries, setTotalEntries] = (0, import_react85.useState)(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -11641,90 +11750,90 @@ var workflowItems = [
   {
     name: "Workflow Type",
     component: "workflowType",
-    icon: import_react86.RiGitMergeLine
+    icon: import_react87.RiGitMergeLine
   },
   {
     name: "Workflow",
     component: "workflow",
-    icon: import_react86.RiNodeTree
+    icon: import_react87.RiNodeTree
   },
   {
     name: "Workflow Step",
     component: "workflowStep",
-    icon: import_react86.RiGitBranchLine
+    icon: import_react87.RiGitBranchLine
   },
   {
     name: "Workflow Transition",
     component: "workflowTransition",
-    icon: import_react86.RiCornerDownRightLine
+    icon: import_react87.RiCornerDownRightLine
   }
 ];
 var permissionItems = [{
   name: "Task Permission",
   component: "Task_permission_main",
-  icon: import_react86.RiUserSettingsLine
+  icon: import_react87.RiUserSettingsLine
 }, {
   name: "Assignment Rule",
   component: "AssignmentRuleMain",
-  icon: import_react86.RiFileShieldLine
+  icon: import_react87.RiFileShieldLine
 }];
 var hierarchyItems = [{
   name: "Hierarchy Node",
   component: "HierarchyNodeMain",
-  icon: import_react86.RiNodeTree
+  icon: import_react87.RiNodeTree
 }, {
   name: "User Hierarchy Mapping",
   component: "User_hierarchy_mapping_main",
-  icon: import_react86.RiUserSharedLine
+  icon: import_react87.RiUserSharedLine
 }, {
   name: "Workflow Settings",
   component: "WorkflowSettingMain",
-  icon: import_react86.RiSettings4Line
+  icon: import_react87.RiSettings4Line
 }];
 var documentItems = [{
   name: "Document Configuration",
   component: "DocumentConfigurationmain",
-  icon: import_react86.RiFileSettingsLine
+  icon: import_react87.RiFileSettingsLine
 }];
 var fileItems = [{
   name: "File Instance",
   component: "FileInstanceMain",
-  icon: import_react86.RiFileList3Line
+  icon: import_react87.RiFileList3Line
 }, {
   name: "Business Entity",
   component: "BusinessEntitymain",
-  icon: import_react86.RiFileList3Line
+  icon: import_react87.RiFileList3Line
 }, {
   name: "File Pool",
   component: "FilePoolMain",
-  icon: import_react86.RiDatabase2Line
+  icon: import_react87.RiDatabase2Line
 }, {
   name: "Uploaded Document",
   component: "UploadedDocumentMain",
-  icon: import_react86.RiFileUploadLine
+  icon: import_react87.RiFileUploadLine
 }];
 var communicationItems = [{
   name: "Notification",
   component: "Notification_main",
-  icon: import_react86.RiNotification4Line
+  icon: import_react87.RiNotification4Line
 }, {
   name: "Comment",
   component: "Comment_main",
-  icon: import_react86.RiChat3Line
+  icon: import_react87.RiChat3Line
 }];
 var taskItems = [{
   name: "Task Instance",
   component: "TaskInstanceMain",
-  icon: import_react86.RiCheckboxMultipleLine
+  icon: import_react87.RiCheckboxMultipleLine
 }];
 var trackingItems = [{
   name: "Audit Log",
   component: "AuditLogmain",
-  icon: import_react86.RiShieldCheckLine
+  icon: import_react87.RiShieldCheckLine
 }, {
   name: "Movement History",
   component: "MovementHistorymain",
-  icon: import_react86.RiHistoryLine
+  icon: import_react87.RiHistoryLine
 }];
 function Sidebar({
   isOpen,
@@ -11732,15 +11841,15 @@ function Sidebar({
   childrens
 }) {
   const router = (0, import_router.useRouter)();
-  const [workflowOpen, setWorkflowOpen] = (0, import_react85.useState)(false);
-  const [permissionOpen, setPermissionOpen] = (0, import_react85.useState)(false);
-  const [hierarchyOpen, setHierarchyOpen] = (0, import_react85.useState)(false);
-  const [documentOpen, setDocumentOpen] = (0, import_react85.useState)(false);
-  const [filesOpen, setFilesOpen] = (0, import_react85.useState)(false);
-  const [tasksOpen, setTasksOpen] = (0, import_react85.useState)(false);
-  const [trackingOpen, setTrackingOpen] = (0, import_react85.useState)(false);
-  const [communicationOpen, setCommunicationOpen] = (0, import_react85.useState)(false);
-  const [activeComponent, setActiveComponent] = (0, import_react85.useState)("workflowType");
+  const [workflowOpen, setWorkflowOpen] = (0, import_react86.useState)(false);
+  const [permissionOpen, setPermissionOpen] = (0, import_react86.useState)(false);
+  const [hierarchyOpen, setHierarchyOpen] = (0, import_react86.useState)(false);
+  const [documentOpen, setDocumentOpen] = (0, import_react86.useState)(false);
+  const [filesOpen, setFilesOpen] = (0, import_react86.useState)(false);
+  const [tasksOpen, setTasksOpen] = (0, import_react86.useState)(false);
+  const [trackingOpen, setTrackingOpen] = (0, import_react86.useState)(false);
+  const [communicationOpen, setCommunicationOpen] = (0, import_react86.useState)(false);
+  const [activeComponent, setActiveComponent] = (0, import_react86.useState)("workflowType");
   const renderMenuItemold = (item) => {
     const Icon = item.icon;
     return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("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: [
@@ -11817,7 +11926,7 @@ function Sidebar({
           HeadingIcon && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(HeadingIcon, { size: 18, className: "fc:text-[#405170] fc:shrink-0" }),
           /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "fc:text-[16px] fc:font-semibold", children: title })
         ] }),
-        open ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react86.RiArrowDownSLine, { size: 18 }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react86.RiArrowRightSLine, { size: 18 })
+        open ? /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react87.RiArrowDownSLine, { size: 18 }) : /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react87.RiArrowRightSLine, { size: 18 })
       ] }),
       open && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "fc:ml-[2px] fc:border-l fc:border-[#E5E9F1] fc:pl-[2px]", children: items.map(renderMenuItem) })
     ] });
@@ -11837,39 +11946,39 @@ function Sidebar({
             /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: "fc:text-[12px] fc:text-[#344261]", children: "Workflow Engine" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "button", onClick: onToggle, className: "fc:flex fc:h-8 fc:w-8 fc:items-center fc:justify-center fc:rounded-lg hover:fc:fc:bg-gray-100", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react86.RiMenuLine, { size: 18 }) })
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "button", onClick: onToggle, className: "fc:flex fc:h-8 fc:w-8 fc:items-center fc:justify-center fc:rounded-lg hover:fc:fc:bg-gray-100", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react87.RiMenuLine, { size: 18 }) })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "fc:min-h-0 fc:flex-1 fc:overflow-y-auto fc:overflow-x-hidden fc:px-[27px] fc:pb-[30px] fc:pt-[31px]", children: [
         /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: "fc:mb-[19px] fc:ml-[15px] fc:text-[14px] fc:font-bold fc:uppercase fc:leading-[20px] fc:tracking-[0.2px] fc:text-[#3C4D74]", children: "Configuration Masters" }),
         /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "fc:flex fc:flex-col fc:gap-[3px]", children: [
-          renderDropdown("Workflow", workflowOpen, setWorkflowOpen, workflowItems, import_react86.RiNodeTree),
-          renderDropdown("Permissions", permissionOpen, setPermissionOpen, permissionItems, import_react86.RiShieldUserLine),
-          renderDropdown("Documents", documentOpen, setDocumentOpen, documentItems, import_react86.RiFileSettingsLine),
-          renderDropdown("Hierarchy", hierarchyOpen, setHierarchyOpen, hierarchyItems, import_react86.RiNodeTree)
+          renderDropdown("Workflow", workflowOpen, setWorkflowOpen, workflowItems, import_react87.RiNodeTree),
+          renderDropdown("Permissions", permissionOpen, setPermissionOpen, permissionItems, import_react87.RiShieldUserLine),
+          renderDropdown("Documents", documentOpen, setDocumentOpen, documentItems, import_react87.RiFileSettingsLine),
+          renderDropdown("Hierarchy", hierarchyOpen, setHierarchyOpen, hierarchyItems, import_react87.RiNodeTree)
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: "fc:mb-[19px] fc:ml-[15px] fc:mt-[39px] fc:text-[14px] fc:font-bold fc:uppercase fc:leading-[20px] fc:tracking-[0.2px] fc:text-[#3C4D74]", children: "Runtime" }),
         /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "fc:flex fc:flex-col fc:gap-[3px]", children: [
-          renderDropdown("Files", filesOpen, setFilesOpen, fileItems, import_react86.RiFolder3Line),
-          renderDropdown("Tasks", tasksOpen, setTasksOpen, taskItems, import_react86.RiCheckboxCircleLine),
-          renderDropdown("Tracking", trackingOpen, setTrackingOpen, trackingItems, import_react86.RiRouteLine),
-          renderDropdown("Communication", communicationOpen, setCommunicationOpen, communicationItems, import_react86.RiMessage2Line)
+          renderDropdown("Files", filesOpen, setFilesOpen, fileItems, import_react87.RiFolder3Line),
+          renderDropdown("Tasks", tasksOpen, setTasksOpen, taskItems, import_react87.RiCheckboxCircleLine),
+          renderDropdown("Tracking", trackingOpen, setTrackingOpen, trackingItems, import_react87.RiRouteLine),
+          renderDropdown("Communication", communicationOpen, setCommunicationOpen, communicationItems, import_react87.RiMessage2Line)
         ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "fc:shrink-0 fc:bg-white fc:px-[27px] fc:pb-[34px] fc:pt-[18px]", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("button", { type: "button", className: "fc:flex fc:h-[66px] fc:w-full fc:items-center fc:gap-[18px] fc:rounded-[10px] fc:border fc:border-[#E1E5ED] fc:bg-white fc:px-[23px] fc:text-left fc:text-[16px] fc:font-semibold fc:text-[#2D3A58] fc:shadow-sm hover:fc:fc:bg-[#F7F8FC] fc:transition", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react86.RiSettings4Line, { size: 20 }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react87.RiSettings4Line, { size: 20 }),
         /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { children: "Settings" })
       ] }) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "fc:flex-1 fc:overflow-auto fc:bg-[#F5F7FB]", children: renderContent() }),
-    !isOpen && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "button", onClick: onToggle, "aria-label": "Open sidebar", className: "fc:fixed fc:left-[px] fc:top-[30px] fc:z-[100] fc:flex fc:h-[46px] fc:w-[46px] fc:items-center fc:justify-center fc:rounded-[9px] fc:border fc:border-[#E1E5ED] fc:bg-white fc:text-[#344261] fc:shadow-[0_2px_8px_rgba(0,0,0,0.08)] fc:transition-colors hover:fc:bg-gray-100", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react86.RiMenuLine, { size: 18 }) })
+    !isOpen && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "button", onClick: onToggle, "aria-label": "Open sidebar", className: "fc:fixed fc:left-[px] fc:top-[30px] fc:z-[100] fc:flex fc:h-[46px] fc:w-[46px] fc:items-center fc:justify-center fc:rounded-[9px] fc:border fc:border-[#E1E5ED] fc:bg-white fc:text-[#344261] fc:shadow-[0_2px_8px_rgba(0,0,0,0.08)] fc:transition-colors hover:fc:bg-gray-100", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react87.RiMenuLine, { size: 18 }) })
   ] });
 }
 
 // src/components/Layout.jsx
-var import_react87 = require("react");
+var import_react88 = require("react");
 var import_jsx_runtime86 = require("react/jsx-runtime");
 var Layout = ({ children }) => {
-  const [isOpen, setIsOpen] = (0, import_react87.useState)(true);
+  const [isOpen, setIsOpen] = (0, import_react88.useState)(true);
   return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "flowcore fc:flex fc:min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
     Sidebar,
     {