flowcore-fn 9.2.9 → 9.3.2

package/dist/pkg-index.mjs

@@ -25,6 +25,56 @@ import { useRouter } from "next/router";
 
 // src/components/workflow/WorkflowMain.jsx
 import React9, { useState as useState5, useRef as useRef2 } from "react";
+import { useEffect as useEffect3 } from "react";
+import Swal from "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
 import React from "react";
@@ -270,7 +320,7 @@ function DeleteModal({
 
 // src/components/workflow/WorkflowTable.jsx
 import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function WorkflowTable({ pageSize, searchQuery }) {
+function WorkflowTable({ pageSize, searchQuery, apiData }) {
   const initialData = [
     {
       id: "1",
@@ -381,7 +431,10 @@ function WorkflowTable({ pageSize, searchQuery }) {
       status: true
     }
   ];
-  const [data, setData] = useState2(initialData);
+  const [data, setData] = useState2(apiData || initialData);
+  React4.useEffect(() => {
+    if (apiData) setData(apiData);
+  }, [apiData]);
   const filteredData = data.filter(
     (item) => item.name.toLowerCase().includes((searchQuery || "").toLowerCase()) || item.code.toLowerCase().includes((searchQuery || "").toLowerCase())
   );
@@ -617,10 +670,11 @@ function WorkflowTable({ pageSize, searchQuery }) {
 
 // src/components/workflow/AddWorkflowModal.jsx
 import React5 from "react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function AddWorkflowModal({
   isOpen,
-  onClose
+  onClose,
+  workflowTypes = []
 }) {
   if (!isOpen) return null;
   return /* @__PURE__ */ jsxs5("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
@@ -650,9 +704,11 @@ function AddWorkflowModal({
               ] }),
               /* @__PURE__ */ jsxs5("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__ */ jsx5("option", { value: "", children: "Select workflow type" }),
-                /* @__PURE__ */ jsx5("option", { value: "petition", children: "Petition" }),
-                /* @__PURE__ */ jsx5("option", { value: "building", children: "Building Permission" }),
-                /* @__PURE__ */ jsx5("option", { value: "leave", children: "Leave" })
+                workflowTypes.length > 0 ? workflowTypes.map((type) => /* @__PURE__ */ jsx5("option", { value: type.workflowTypeId || type.WorkflowTypeId, children: type.workflowTypeName || type.WorkflowTypeName }, type.workflowTypeId || type.WorkflowTypeId)) : /* @__PURE__ */ jsxs5(Fragment2, { children: [
+                  /* @__PURE__ */ jsx5("option", { value: "petition", children: "Petition" }),
+                  /* @__PURE__ */ jsx5("option", { value: "building", children: "Building Permission" }),
+                  /* @__PURE__ */ jsx5("option", { value: "leave", children: "Leave" })
+                ] })
               ] }),
               /* @__PURE__ */ jsx5("p", { className: "fc:text-[10px] fc:text-red-400 fc:mt-1", children: "Choose the category this workflow belongs to" })
             ] }),
@@ -946,6 +1002,30 @@ function Workflow() {
   const [modalOpen, setModalOpen] = useState5(false);
   const [pageSize, setPageSize] = useState5(10);
   const [searchQuery, setSearchQuery] = useState5("");
+  const [apiData, setApiData] = useState5([]);
+  const [workflowTypes, setWorkflowTypes] = useState5([]);
+  useEffect3(() => {
+    (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 Swal.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 = useRef2(null);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
@@ -1011,6 +1091,7 @@ function Workflow() {
         /* @__PURE__ */ jsx9("div", { className: "fc:flex-1 fc:overflow-hidden", children: /* @__PURE__ */ jsx9("div", { ref: tableRef, children: /* @__PURE__ */ jsx9(
           WorkflowTable,
           {
+            apiData,
             pageSize,
             searchQuery
           },
@@ -1022,14 +1103,16 @@ function Workflow() {
       AddWorkflowModal,
       {
         isOpen: modalOpen,
-        onClose: () => setModalOpen(false)
+        onClose: () => setModalOpen(false),
+        workflowTypes
       }
     )
   ] });
 }
 
 // src/components/workflow-type/WorkflowTypeMains.js
-import React15, { useState as useState9, useRef as useRef3 } from "react";
+import React15, { useState as useState9, useRef as useRef3, useEffect as useEffect6 } from "react";
+import Swal3 from "sweetalert2";
 
 // src/components/workflow-type/SearchBar.jsx
 import React10 from "react";
@@ -1056,7 +1139,7 @@ function SearchBar2({
 }
 
 // src/components/workflow-type/WorkflowTypeTable.jsx
-import React13, { useState as useState7, useEffect as useEffect4 } from "react";
+import React13, { useState as useState7, useEffect as useEffect5 } from "react";
 
 // src/components/workflow-type/DeleteWorkflowType.jsx
 import React11 from "react";
@@ -1096,7 +1179,7 @@ var DeleteWorkflowType = ({
 var DeleteWorkflowType_default = DeleteWorkflowType;
 
 // src/components/workflow-type/EditWorkflowType.jsx
-import React12, { useState as useState6, useEffect as useEffect3 } from "react";
+import React12, { useState as useState6, useEffect as useEffect4 } from "react";
 import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 var EditWorkflowType = ({
   isOpen,
@@ -1110,7 +1193,7 @@ var EditWorkflowType = ({
     description: "",
     isActive: true
   });
-  useEffect3(() => {
+  useEffect4(() => {
     var _a, _b;
     if (selectedData) {
       setFormData({
@@ -1176,7 +1259,11 @@ function WorkflowTypeTable({
   searchQuery = "",
   currentPage,
   setCurrentPage,
-  setTotalEntries
+  setTotalEntries,
+  apiData,
+  onUpdate,
+  onDeleteApi,
+  onEdit
 }) {
   const initialData = [{
     workflowTypeId: 1,
@@ -1429,7 +1516,10 @@ function WorkflowTypeTable({
     updatedOn: "2026-01-29",
     updatedBy: "Officer"
   }];
-  const [data, setData] = useState7(initialData);
+  const [data, setData] = useState7(apiData || initialData);
+  useEffect5(() => {
+    if (apiData) setData(apiData);
+  }, [apiData]);
   const [sortOrder, setSortOrder] = useState7("asc");
   const [sortKey, setSortKey] = useState7("workflowTypeId");
   const [selectedItem, setSelectedItem] = useState7(null);
@@ -1450,7 +1540,7 @@ function WorkflowTypeTable({
     const query = (searchQuery || "").toLowerCase();
     return item.workflowTypeName.toLowerCase().includes(query) || item.workflowTypeCode.toLowerCase().includes(query) || item.description.toLowerCase().includes(query);
   });
-  useEffect4(() => {
+  useEffect5(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -1460,6 +1550,10 @@ function WorkflowTypeTable({
     length: totalPages
   }, (_, i) => i + 1);
   const handleEdit = (item) => {
+    if (onEdit) {
+      onEdit(item);
+      return;
+    }
     setSelectedItem(item);
     setIsEditOpen(true);
   };
@@ -1468,10 +1562,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__ */ jsxs12("div", { className: "fc:space-y-5", children: [
@@ -1525,56 +1627,7 @@ function WorkflowTypeTable({
 
 // src/components/workflow-type/AddWorkflowTypeModal.jsx
 import React14, { useState as useState8 } from "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
+import Swal2 from "sweetalert2";
 import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 var initialFormData = {
   workflowTypeCode: "",
@@ -1620,7 +1673,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));
@@ -1628,9 +1681,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 Swal2.fire("Error", message, "error");
     } finally {
       setIsSubmitting(false);
     }
@@ -1683,6 +1736,23 @@ function WorkflowTypeMains() {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
+  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 Swal3.fire("Success", "Workflow type updated successfully.", "success");
+      handleRefresh();
+      return true;
+    } catch (error) {
+      await Swal3.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 = useRef3(null);
   const [modalOpen, setModalOpen] = useState9(false);
   const [pageSize, setPageSize] = useState9(10);
@@ -1692,6 +1762,21 @@ function WorkflowTypeMains() {
   const [isEditOpen, setIsEditOpen] = useState9(false);
   const [isDeleteOpen, setIsDeleteOpen] = useState9(false);
   const [selectedItem, setSelectedItem] = useState9(null);
+  const [apiData, setApiData] = useState9([]);
+  useEffect6(() => {
+    (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 Swal3.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);
@@ -1736,12 +1821,15 @@ function WorkflowTypeMains() {
         ] })
       ] }),
       /* @__PURE__ */ jsxs14("div", { ref: tableRef, children: [
-        /* @__PURE__ */ jsx15(WorkflowTypeTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries, onEdit: handleEdit, onDelete: handleDelete }, refreshkey),
+        /* @__PURE__ */ jsx15(WorkflowTypeTable, { apiData, pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries, onEdit: handleEdit, onUpdate: handleUpdateApi, onDeleteApi: handleDeleteApi }, refreshkey),
         " "
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx15(AddWorkflowTypeModal_default, { isOpen: modalOpen, onClose: () => setModalOpen(false) }),
-    /* @__PURE__ */ jsx15(EditWorkflowType_default, { isOpen: isEditOpen, onClose: () => setIsEditOpen(false), onSave: handleSaveEdit, selectedData: selectedItem }),
+    /* @__PURE__ */ jsx15(AddWorkflowTypeModal_default, { isOpen: modalOpen, onClose: () => setModalOpen(false), onSave: async () => {
+      await Swal3.fire("Success", "Workflow type created successfully.", "success");
+      handleRefresh();
+    } }),
+    /* @__PURE__ */ jsx15(EditWorkflowType_default, { isOpen: isEditOpen, onClose: () => setIsEditOpen(false), onSave: handleUpdateApi, selectedData: selectedItem }),
     /* @__PURE__ */ jsx15(DeleteWorkflowType_default, { isOpen: isDeleteOpen, onClose: () => setIsDeleteOpen(false), onConfirm: handleConfirmDelete, itemData: selectedItem })
   ] });
 }
@@ -2133,7 +2221,7 @@ function AddWorkflowStepModal({ onClose }) {
 }
 
 // src/components/WorkflowStep/main.js
-import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 var workflowSteps = [{
   workflowStepId: 1,
   workflowId: 1,
@@ -2279,7 +2367,7 @@ function WorkflowStep() {
       direction
     });
   };
-  return /* @__PURE__ */ jsxs17(Fragment2, { children: [
+  return /* @__PURE__ */ jsxs17(Fragment3, { children: [
     /* @__PURE__ */ jsxs17("div", { className: "fc:p-5 fc:bg-[#f5f7fb] fc:min-h-screen fc:font-sans fc:text-slate-700 fc:flex fc:flex-col", children: [
       /* @__PURE__ */ jsx18(CommonHeader, { title: "Workflow Step", breadcrumbs: [{
         label: "Dashboard",
@@ -2737,7 +2825,7 @@ function AddWorkTransitionStepModal({ onClose, onSubmit }) {
 }
 
 // src/components/WorkFlowTransition/Transitiontable.js
-import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
 var WorkflowTransition = [{
   TransitionId: 1,
   workflowId: 1,
@@ -2833,7 +2921,7 @@ function WorkFlowTransition() {
       direction
     });
   };
-  return /* @__PURE__ */ jsxs19(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs19(Fragment4, { children: [
     /* @__PURE__ */ jsxs19("div", { className: "fc:p-5 fc:bg-[#f5f7fb] fc:min-h-screen fc:font-sans fc:text-slate-700 fc:flex fc:flex-col", children: [
       /* @__PURE__ */ jsx20(CommonHeader, { title: "WorkFlow Transition", breadcrumbs: [{
         label: "Dashboard",
@@ -3041,10 +3129,10 @@ function MappingSearchBar({
 }
 
 // src/components/user-hierarchy-node-mapping/userhierarchynodetable.jsx
-import React25, { useState as useState15, useEffect as useEffect6 } from "react";
+import React25, { useState as useState15, useEffect as useEffect8 } from "react";
 
 // src/components/user-hierarchy-node-mapping/edit-mapping.jsx
-import React23, { useEffect as useEffect5, useState as useState14 } from "react";
+import React23, { useEffect as useEffect7, useState as useState14 } from "react";
 import { jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
 function EditUserHierarchyNodeMappingModal({
   isOpen,
@@ -3059,7 +3147,7 @@ function EditUserHierarchyNodeMappingModal({
     effectiveFrom: "",
     effectiveTo: ""
   });
-  useEffect5(() => {
+  useEffect7(() => {
     if (selectedMapping) {
       setFormData({
         hierarchyNodeId: selectedMapping.hierarchyNodeId || "",
@@ -3563,7 +3651,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);
   });
-  useEffect6(() => {
+  useEffect8(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -3756,10 +3844,10 @@ function SearchBar3({
 }
 
 // src/components/document-configuration/DocumentConfigurationTable.jsx
-import React30, { useState as useState18, useEffect as useEffect8 } from "react";
+import React30, { useState as useState18, useEffect as useEffect10 } from "react";
 
 // src/components/document-configuration/Edit.jsx
-import React28, { useState as useState17, useEffect as useEffect7 } from "react";
+import React28, { useState as useState17, useEffect as useEffect9 } from "react";
 import { jsx as jsx28, jsxs as jsxs27 } from "react/jsx-runtime";
 function EditDocumentConfiguration({
   isOpen,
@@ -3777,7 +3865,7 @@ function EditDocumentConfiguration({
     status: "Active"
   });
   const [errors, setErrors] = useState17({});
-  useEffect7(() => {
+  useEffect9(() => {
     if (initialData) {
       const sizeParts = (initialData.maxSize || "10 MB").split(" ");
       setFormData({
@@ -4207,7 +4295,7 @@ function DocumentConfigTable({
     const query = (searchQuery || "").toLowerCase();
     return item.docName.toLowerCase().includes(query) || item.extensions.toLowerCase().includes(query) || item.stepId.toLowerCase().includes(query);
   });
-  useEffect8(() => {
+  useEffect10(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -4628,7 +4716,7 @@ function SearchBar4({
 }
 
 // src/components/audit-log/AuditLogTable.jsx
-import React34, { useState as useState21, useEffect as useEffect9 } from "react";
+import React34, { useState as useState21, useEffect as useEffect11 } from "react";
 import { jsx as jsx34, jsxs as jsxs33 } from "react/jsx-runtime";
 function AuditLogTable({
   pageSize,
@@ -4856,7 +4944,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);
   });
-  useEffect9(() => {
+  useEffect11(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -5144,7 +5232,7 @@ function SearchBar5({
 }
 
 // src/components/movement-history/MovementHistoryTable.jsx
-import React38, { useState as useState24, useEffect as useEffect10 } from "react";
+import React38, { useState as useState24, useEffect as useEffect12 } from "react";
 import { jsx as jsx38, jsxs as jsxs37 } from "react/jsx-runtime";
 function MovementHistoryTable({
   pageSize,
@@ -5372,7 +5460,7 @@ function MovementHistoryTable({
     const query = (searchQuery || "").toLowerCase();
     return item.movementHistoryId.toLowerCase().includes(query) || item.name.toLowerCase().includes(query) || item.toStepId.toLowerCase().includes(query);
   });
-  useEffect10(() => {
+  useEffect12(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -5654,7 +5742,7 @@ function SearchBar6({
 }
 
 // src/components/task-permission/Table.js
-import React42, { useState as useState27, useEffect as useEffect11 } from "react";
+import React42, { useState as useState27, useEffect as useEffect13 } from "react";
 import { jsx as jsx42, jsxs as jsxs41 } from "react/jsx-runtime";
 function Table({
   pageSize,
@@ -5901,7 +5989,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);
   });
-  useEffect11(() => {
+  useEffect13(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -6238,7 +6326,7 @@ function SearchBar7({
 }
 
 // src/components/Workflow-Setting/Table.js
-import React46, { useState as useState30, useEffect as useEffect12 } from "react";
+import React46, { useState as useState30, useEffect as useEffect14 } from "react";
 import { jsx as jsx46, jsxs as jsxs45 } from "react/jsx-runtime";
 function Table2({
   pageSize,
@@ -6485,7 +6573,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);
   });
-  useEffect12(() => {
+  useEffect14(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -6761,7 +6849,7 @@ function SearchBar8({
 }
 
 // src/components/notification/Table.js
-import React50, { useState as useState33, useEffect as useEffect13 } from "react";
+import React50, { useState as useState33, useEffect as useEffect15 } from "react";
 import { jsx as jsx50, jsxs as jsxs49 } from "react/jsx-runtime";
 function Table3({
   pageSize,
@@ -7008,7 +7096,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);
   });
-  useEffect13(() => {
+  useEffect15(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -7294,10 +7382,10 @@ function TaskInstanceSearchBar({
 }
 
 // src/components/task-instance/taskinstancetable.jsx
-import React56, { useState as useState37, useEffect as useEffect15 } from "react";
+import React56, { useState as useState37, useEffect as useEffect17 } from "react";
 
 // src/components/task-instance/edit-instance.jsx
-import React54, { useEffect as useEffect14, useState as useState36 } from "react";
+import React54, { useEffect as useEffect16, useState as useState36 } from "react";
 import { jsx as jsx54, jsxs as jsxs53 } from "react/jsx-runtime";
 function EditTaskInstanceModal({
   isOpen,
@@ -7313,7 +7401,7 @@ function EditTaskInstanceModal({
     escalatedOn: "",
     slaStatus: ""
   });
-  useEffect14(() => {
+  useEffect16(() => {
     if (selectedTask) {
       setFormData({
         assignedUserId: selectedTask.assignedUserId || selectedTask.assigned_user_id || "",
@@ -7834,7 +7922,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);
   });
-  useEffect15(() => {
+  useEffect17(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -8203,7 +8291,7 @@ function CommentSearchBar({
 }
 
 // src/components/comment/commenttable.jsx
-import React60, { useState as useState39, useEffect as useEffect16 } from "react";
+import React60, { useState as useState39, useEffect as useEffect18 } from "react";
 import { jsx as jsx60, jsxs as jsxs59 } from "react/jsx-runtime";
 function CommentTable({
   pageSize,
@@ -8431,7 +8519,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);
   });
-  useEffect16(() => {
+  useEffect18(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -8766,7 +8854,8 @@ function Comment_main() {
 }
 
 // src/components/hierarchy-node/HierarchyNodeMain.jsx
-import React68, { useState as useState44, useRef as useRef15 } from "react";
+import React68, { useState as useState44, useRef as useRef15, useEffect as useEffect21 } from "react";
+import Swal4 from "sweetalert2";
 
 // src/components/hierarchy-node/SearchBar.jsx
 import React63 from "react";
@@ -8805,10 +8894,10 @@ function SearchBar9({ searchQuery, setSearchQuery }) {
 }
 
 // src/components/hierarchy-node/HierarchyTable.jsx
-import React66, { useState as useState43, useEffect as useEffect18 } from "react";
+import React66, { useState as useState43, useEffect as useEffect20 } from "react";
 
 // src/components/hierarchy-node/AddEditModal.jsx
-import React64, { useEffect as useEffect17, useState as useState42 } from "react";
+import React64, { useEffect as useEffect19, useState as useState42 } from "react";
 import { jsx as jsx64, jsxs as jsxs63 } from "react/jsx-runtime";
 function AddEditModal2({
   isOpen,
@@ -8826,7 +8915,7 @@ function AddEditModal2({
     externalEntityId: "",
     isActive: true
   });
-  useEffect17(() => {
+  useEffect19(() => {
     if (editData) {
       setFormData(editData);
     }
@@ -9030,6 +9119,7 @@ function DeleteModal2({
 // src/components/hierarchy-node/HierarchyTable.jsx
 import { jsx as jsx66, jsxs as jsxs65 } from "react/jsx-runtime";
 function HierarchyTable({
+  apiData,
   pageSize,
   searchQuery
 }) {
@@ -9126,7 +9216,10 @@ function HierarchyTable({
   }];
   const [currentPage, setCurrentPage] = useState43(1);
   ;
-  const [data, setData] = useState43(hierarchyData);
+  const [data, setData] = useState43(apiData || hierarchyData);
+  useEffect20(() => {
+    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 || "")
   );
@@ -9141,7 +9234,7 @@ function HierarchyTable({
   const [editOpen, setEditOpen] = useState43(false);
   const [deleteOpen, setDeleteOpen] = useState43(false);
   const [selectedNode, setSelectedNode] = useState43(null);
-  useEffect18(() => {
+  useEffect20(() => {
     setCurrentPage(1);
   }, [searchQuery, pageSize]);
   const handleSort = (column) => {
@@ -9424,6 +9517,21 @@ function HierarchyNodeMain() {
   const [pageSize, setPageSize] = useState44(5);
   const tableRef = useRef15(null);
   const [searchQuery, setSearchQuery] = useState44("");
+  const [apiData, setApiData] = useState44([]);
+  useEffect21(() => {
+    (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 Swal4.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");
   };
@@ -9474,6 +9582,7 @@ function HierarchyNodeMain() {
         /* @__PURE__ */ jsx68("div", { ref: tableRef, className: "fc:flex-1 fc:overflow-hidden", children: /* @__PURE__ */ jsx68(
           HierarchyTable,
           {
+            apiData,
             pageSize,
             searchQuery
           }
@@ -10433,7 +10542,7 @@ function AddBusinessEntityModal({ onClose }) {
 }
 
 // src/components/BuisnessEntity/BusinessEntitymain.js
-import { Fragment as Fragment4, jsx as jsx78, jsxs as jsxs77 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx78, jsxs as jsxs77 } from "react/jsx-runtime";
 var BusinessEntitys = [{
   BusinessEntityId: 1,
   EntityType: "Application",
@@ -10537,7 +10646,7 @@ function BusinessEntity() {
       direction
     });
   };
-  return /* @__PURE__ */ jsx78(Fragment4, { children: /* @__PURE__ */ jsxs77("div", { className: "fc:p-5 fc:bg-[#f5f7fb] fc:min-h-screen fc:font-sans fc:text-slate-700 fc:flex fc:flex-col", children: [
+  return /* @__PURE__ */ jsx78(Fragment5, { children: /* @__PURE__ */ jsxs77("div", { className: "fc:p-5 fc:bg-[#f5f7fb] fc:min-h-screen fc:font-sans fc:text-slate-700 fc:flex fc:flex-col", children: [
     /* @__PURE__ */ jsx78(CommonHeader, { title: "Business Entity", breadcrumbs: [{
       label: "Dashboard",
       href: "/dashboard"
@@ -10890,7 +10999,7 @@ function AddFileInstanceModal({ onClose }) {
 }
 
 // src/components/FileInstance/FileInstancemain.js
-import { Fragment as Fragment5, jsx as jsx80, jsxs as jsxs79 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx80, jsxs as jsxs79 } from "react/jsx-runtime";
 var FileInstances = [{
   FileInstanceId: 1,
   workflowId: 1,
@@ -11046,7 +11155,7 @@ function FileInstance() {
       direction
     });
   };
-  return /* @__PURE__ */ jsxs79(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs79(Fragment6, { children: [
     /* @__PURE__ */ jsxs79("div", { className: "fc:p-5 fc:bg-[#f5f7fb] fc:font-sans fc:text-slate-700 fc:flex fc:flex-col", children: [
       /* @__PURE__ */ jsx80(CommonHeader, { title: "File Instance ", breadcrumbs: [{
         label: "Dashboard",
@@ -11163,7 +11272,7 @@ function SearchBar12({
 }
 
 // src/components/assignment-rule/Table.js
-import React82, { useState as useState53, useEffect as useEffect19 } from "react";
+import React82, { useState as useState53, useEffect as useEffect22 } from "react";
 import { jsx as jsx82, jsxs as jsxs81 } from "react/jsx-runtime";
 function Table4({
   pageSize,
@@ -11329,7 +11438,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);
   });
-  useEffect19(() => {
+  useEffect22(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -11599,7 +11708,7 @@ function AssignmentRuleMain() {
 }
 
 // src/components/Sidebar.jsx
-import { Fragment as Fragment6, jsx as jsx85, jsxs as jsxs84 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx85, jsxs as jsxs84 } from "react/jsx-runtime";
 var workflowItems = [
   // Menu Name testing            // component or page-Use function name
   {
@@ -11786,7 +11895,7 @@ function Sidebar({
       open && /* @__PURE__ */ jsx85("div", { className: "fc:ml-[2px] fc:border-l fc:border-[#E5E9F1] fc:pl-[2px]", children: items.map(renderMenuItem) })
     ] });
   };
-  return /* @__PURE__ */ jsxs84(Fragment6, { children: [
+  return /* @__PURE__ */ jsxs84(Fragment7, { children: [
     /* @__PURE__ */ jsxs84("aside", { className: `fc:flex fc:h-screen fc:flex-col fc:overflow-hidden fc:border-r fc:border-[#E5E9F1] fc:bg-white fc:font-sans fc:text-[#273657] fc:transition-all fc:duration-300 fc:ease-in-out ${isOpen ? "fc:w-[285px] fc:min-w-[285px] fc:translate-x-0 fc:opacity-100" : "fc:w-0 fc:min-w-0 fc:-translate-x-full fc:opacity-0"}`, children: [
       /* @__PURE__ */ jsxs84("header", { className: "fc:flex fc:h-[84px] fc:items-center fc:justify-between fc:border-b fc:border-[#EDF0F5] fc:px-[14px]", children: [
         /* @__PURE__ */ jsxs84("div", { className: "fc:flex fc:items-center fc:gap-2", children: [