flowcore-fn 9.3.3 → 9.3.5

package/dist/pkg-index.mjs

@@ -19,14 +19,13 @@ var __spreadValues = (a, b) => {
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
 // src/components/Sidebar.jsx
-import { useState as useState56 } from "react";
+import { useState as useState59 } from "react";
 import { RiFlowChart, RiShieldUserLine, RiFolder3Line, RiCheckboxCircleLine, RiRouteLine, RiMessage2Line, RiMenuLine, RiGitMergeLine, RiNodeTree, RiGitBranchLine, RiCornerDownRightLine, RiUserSettingsLine, RiFileShieldLine, RiUserSharedLine, RiSettings4Line, RiFileSettingsLine, RiFileList3Line, RiFileUploadLine, RiNotification4Line, RiDatabase2Line, RiChat3Line, RiCheckboxMultipleLine, RiShieldCheckLine, RiHistoryLine, RiArrowDownSLine, RiArrowRightSLine } from "@remixicon/react";
 import { useRouter } from "next/router";
 
 // 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";
+import React9, { useState as useState6, useRef as useRef2, useEffect as useEffect5 } from "react";
+import Swal3 from "sweetalert2";
 
 // src/components/Service/ApiEndpointsProvider.js
 var STORAGE_KEY = "FLOWCORE_API_ENDPOINTS";
@@ -113,155 +112,11 @@ function SearchBar({ searchQuery, setSearchQuery }) {
 }
 
 // src/components/workflow/WorkflowTable.jsx
-import React4, { useState as useState2 } from "react";
-
-// src/components/workflow/AddEditModal.jsx
-import React2, { useEffect, useState } from "react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function AddEditModal({
-  isOpen,
-  onClose,
-  onSave,
-  editData
-}) {
-  const [formData, setFormData] = useState({
-    name: "",
-    code: "",
-    type: "",
-    version: "",
-    published: true,
-    status: true
-  });
-  useEffect(() => {
-    if (editData) {
-      setFormData(editData);
-    }
-  }, [editData]);
-  if (!isOpen) return null;
-  const handleChange = (e) => {
-    const { name, value, type, checked } = e.target;
-    setFormData((prev) => __spreadProps(__spreadValues({}, prev), {
-      [name]: type === "checkbox" ? checked : value
-    }));
-  };
-  const handleSave = () => {
-    onSave(formData);
-    onClose();
-  };
-  return /* @__PURE__ */ jsx2("div", { className: "fc:fixed fc:inset-0 fc:bg-black/40 fc:flex fc:items-center fc:justify-center fc:z-50", children: /* @__PURE__ */ jsxs2("div", { className: "fc:bg-white fc:w-[550px] fc:rounded-xl fc:shadow-xl fc:p-6", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "fc:flex fc:justify-between fc:items-center fc:mb-6", children: [
-      /* @__PURE__ */ jsx2("h2", { className: "fc:text-xl fc:font-bold fc:text-slate-800", children: "Edit Workflow" }),
-      /* @__PURE__ */ jsx2(
-        "button",
-        {
-          onClick: onClose,
-          className: "fc:text-slate-500 hover:fc:text-red-500 fc:text-xl",
-          children: "\u2715"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "fc:mb-4", children: [
-      /* @__PURE__ */ jsx2("label", { className: "fc:block fc:text-sm fc:font-medium fc:mb-2", children: "Workflow Name" }),
-      /* @__PURE__ */ jsx2(
-        "input",
-        {
-          type: "text",
-          name: "name",
-          value: formData.name,
-          onChange: handleChange,
-          className: "fc:w-full fc:border fc:border-slate-300 fc:rounded-lg fc:px-3 fc:py-2 fc:outline-none focus:fc:border-blue-500"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "fc:mb-4", children: [
-      /* @__PURE__ */ jsx2("label", { className: "fc:block fc:text-sm fc:font-medium fc:mb-2", children: "Workflow Code" }),
-      /* @__PURE__ */ jsx2(
-        "input",
-        {
-          type: "text",
-          name: "code",
-          value: formData.code,
-          onChange: handleChange,
-          className: "fc:w-full fc:border fc:border-slate-300 fc:rounded-lg fc:px-3 fc:py-2 fc:outline-none focus:fc:border-blue-500"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "fc:mb-4", children: [
-      /* @__PURE__ */ jsx2("label", { className: "fc:block fc:text-sm fc:font-medium fc:mb-2", children: "Workflow Type" }),
-      /* @__PURE__ */ jsx2(
-        "input",
-        {
-          type: "text",
-          name: "type",
-          value: formData.type,
-          onChange: handleChange,
-          className: "fc:w-full fc:border fc:border-slate-300 fc:rounded-lg fc:px-3 fc:py-2 fc:outline-none focus:fc:border-blue-500"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "fc:mb-4", children: [
-      /* @__PURE__ */ jsx2("label", { className: "fc:block fc:text-sm fc:font-medium fc:mb-2", children: "Version" }),
-      /* @__PURE__ */ jsx2(
-        "input",
-        {
-          type: "number",
-          name: "version",
-          value: formData.version,
-          onChange: handleChange,
-          className: "fc:w-full fc:border fc:border-slate-300 fc:rounded-lg fc:px-3 fc:py-2 fc:outline-none focus:fc:border-blue-500"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "fc:flex fc:items-center fc:gap-3 fc:mb-4", children: [
-      /* @__PURE__ */ jsx2("label", { className: "fc:text-sm fc:font-medium", children: "Published" }),
-      /* @__PURE__ */ jsx2(
-        "input",
-        {
-          type: "checkbox",
-          name: "published",
-          checked: formData.published,
-          onChange: handleChange
-        }
-      ),
-      /* @__PURE__ */ jsx2("span", { children: formData.published ? "Yes" : "No" })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "fc:flex fc:items-center fc:gap-3 fc:mb-8", children: [
-      /* @__PURE__ */ jsx2("label", { className: "fc:text-sm fc:font-medium", children: "Status" }),
-      /* @__PURE__ */ jsx2(
-        "input",
-        {
-          type: "checkbox",
-          name: "status",
-          checked: formData.status,
-          onChange: handleChange
-        }
-      ),
-      /* @__PURE__ */ jsx2("span", { children: formData.status ? "Active" : "Inactive" })
-    ] }),
-    /* @__PURE__ */ jsxs2("div", { className: "fc:flex fc:justify-end fc:gap-3", children: [
-      /* @__PURE__ */ jsx2(
-        "button",
-        {
-          onClick: onClose,
-          className: "fc:px-5 fc:py-2 fc:rounded-lg fc:border fc:border-slate-300 hover:fc:bg-slate-100",
-          children: "Cancel"
-        }
-      ),
-      /* @__PURE__ */ jsx2(
-        "button",
-        {
-          onClick: handleSave,
-          className: "fc:px-5 fc:py-2 fc:rounded-lg fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white",
-          children: "Save"
-        }
-      )
-    ] })
-  ] }) });
-}
+import React3, { useState, useEffect } from "react";
 
 // src/components/workflow/DeleteModal.jsx
-import React3 from "react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import React2 from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function DeleteModal({
   isOpen,
   onClose,
@@ -269,10 +124,10 @@ function DeleteModal({
   workflowName = "Citizen Petition"
 }) {
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsxs3("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center", children: [
-    /* @__PURE__ */ jsx3("div", { className: "fc:absolute fc:inset-0 fc:bg-black/25 fc:backdrop-blur-sm" }),
-    /* @__PURE__ */ jsxs3("div", { className: "fc:relative fc:bg-white fc:w-[390px] fc:rounded-[22px] fc:shadow-2xl fc:px-8 fc:pt-7 fc:pb-6", children: [
-      /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxs2("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center", children: [
+    /* @__PURE__ */ jsx2("div", { className: "fc:absolute fc:inset-0 fc:bg-black/25 fc:backdrop-blur-sm" }),
+    /* @__PURE__ */ jsxs2("div", { className: "fc:relative fc:bg-white fc:w-[390px] fc:rounded-[22px] fc:shadow-2xl fc:px-8 fc:pt-7 fc:pb-6", children: [
+      /* @__PURE__ */ jsx2(
         "button",
         {
           onClick: onClose,
@@ -280,21 +135,21 @@ function DeleteModal({
           children: "\xD7"
         }
       ),
-      /* @__PURE__ */ jsx3("div", { className: "fc:flex fc:justify-center", children: /* @__PURE__ */ jsx3("div", { className: "fc:w-12 fc:h-12 fc:bg-orange-50 fc:rounded-2xl fc:flex fc:items-center fc:justify-center", children: /* @__PURE__ */ jsx3("span", { className: "fc:text-2xl", children: "\u26A0\uFE0F" }) }) }),
-      /* @__PURE__ */ jsx3("h2", { className: "fc:text-[31px] fc:font-semibold fc:text-center fc:mt-5 fc:text-gray-900", children: "Delete Workflow" }),
-      /* @__PURE__ */ jsxs3("p", { className: "fc:text-center fc:text-gray-500 fc:text-sm fc:mt-3", children: [
+      /* @__PURE__ */ jsx2("div", { className: "fc:flex fc:justify-center", children: /* @__PURE__ */ jsx2("div", { className: "fc:w-12 fc:h-12 fc:bg-orange-50 fc:rounded-2xl fc:flex fc:items-center fc:justify-center", children: /* @__PURE__ */ jsx2("span", { className: "fc:text-2xl", children: "\u26A0\uFE0F" }) }) }),
+      /* @__PURE__ */ jsx2("h2", { className: "fc:text-[31px] fc:font-semibold fc:text-center fc:mt-5 fc:text-gray-900", children: "Delete Workflow" }),
+      /* @__PURE__ */ jsxs2("p", { className: "fc:text-center fc:text-gray-500 fc:text-sm fc:mt-3", children: [
         "Are you sure you want to delete",
         " ",
-        /* @__PURE__ */ jsxs3("span", { className: "fc:font-semibold fc:text-gray-700", children: [
+        /* @__PURE__ */ jsxs2("span", { className: "fc:font-semibold fc:text-gray-700", children: [
           '"',
           workflowName,
           '"'
         ] }),
         "?"
       ] }),
-      /* @__PURE__ */ jsx3("p", { className: "fc:text-center fc:text-gray-400 fc:text-sm fc:mt-1", children: "This action cannot be undone." }),
-      /* @__PURE__ */ jsxs3("div", { className: "fc:flex fc:gap-3 fc:mt-8", children: [
-        /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx2("p", { className: "fc:text-center fc:text-gray-400 fc:text-sm fc:mt-1", children: "This action cannot be undone." }),
+      /* @__PURE__ */ jsxs2("div", { className: "fc:flex fc:gap-3 fc:mt-8", children: [
+        /* @__PURE__ */ jsx2(
           "button",
           {
             onClick: onClose,
@@ -302,7 +157,7 @@ function DeleteModal({
             children: "Cancel"
           }
         ),
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx2(
           "button",
           {
             onClick: () => {
@@ -319,8 +174,8 @@ function DeleteModal({
 }
 
 // src/components/workflow/WorkflowTable.jsx
-import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-function WorkflowTable({ pageSize, searchQuery, apiData }) {
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function WorkflowTable({ pageSize, searchQuery, apiData, onEdit, onDeleteApi }) {
   const initialData = [
     {
       id: "1",
@@ -431,19 +286,18 @@ function WorkflowTable({ pageSize, searchQuery, apiData }) {
       status: true
     }
   ];
-  const [data, setData] = useState2(apiData || initialData);
-  React4.useEffect(() => {
+  const [data, setData] = useState(apiData || initialData);
+  React3.useEffect(() => {
     if (apiData) setData(apiData);
   }, [apiData]);
   const filteredData = data.filter(
     (item) => item.name.toLowerCase().includes((searchQuery || "").toLowerCase()) || item.code.toLowerCase().includes((searchQuery || "").toLowerCase())
   );
-  const [sortColumn, setSortColumn] = useState2("");
-  const [sortDirection, setSortDirection] = useState2("asc");
-  const [currentPage, setCurrentPage] = useState2(1);
-  const [editOpen, setEditOpen] = useState2(false);
-  const [deleteOpen, setDeleteOpen] = useState2(false);
-  const [selectedWorkflow, setSelectedWorkflow] = useState2(null);
+  const [sortColumn, setSortColumn] = useState("");
+  const [sortDirection, setSortDirection] = useState("asc");
+  const [currentPage, setCurrentPage] = useState(1);
+  const [deleteOpen, setDeleteOpen] = useState(false);
+  const [selectedWorkflow, setSelectedWorkflow] = useState(null);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
   const startIndex = (currentPage - 1) * pageSize;
   const visibleData = filteredData.slice(
@@ -469,8 +323,8 @@ function WorkflowTable({ pageSize, searchQuery, apiData }) {
   };
   const getSortIcon = (column) => {
     if (sortColumn !== column)
-      return /* @__PURE__ */ jsx4("span", { className: "fc:text-slate-500 fc:ml-1", children: "\u25B2" });
-    return sortDirection === "asc" ? /* @__PURE__ */ jsx4("span", { className: "fc:text-blue-600 fc:ml-1", children: "\u25B2" }) : /* @__PURE__ */ jsx4("span", { className: "fc:text-blue-600 fc:ml-1", children: "\u25BC" });
+      return /* @__PURE__ */ jsx3("span", { className: "fc:text-slate-500 fc:ml-1", children: "\u25B2" });
+    return sortDirection === "asc" ? /* @__PURE__ */ jsx3("span", { className: "fc:text-blue-600 fc:ml-1", children: "\u25B2" }) : /* @__PURE__ */ jsx3("span", { className: "fc:text-blue-600 fc:ml-1", children: "\u25BC" });
   };
   const toggleSwitch = (id) => {
     setData(
@@ -482,22 +336,21 @@ function WorkflowTable({ pageSize, searchQuery, apiData }) {
     );
   };
   const handleEdit = (workflow) => {
-    setSelectedWorkflow(workflow);
-    setEditOpen(true);
+    if (onEdit) {
+      onEdit(workflow);
+      return;
+    }
   };
   const handleDelete = (workflow) => {
     setSelectedWorkflow(workflow);
     setDeleteOpen(true);
   };
-  const handleUpdate = (updatedWorkflow) => {
-    setData(
-      (prev) => prev.map(
-        (item) => item.id === updatedWorkflow.id ? updatedWorkflow : item
-      )
-    );
-    setEditOpen(false);
-  };
-  const confirmDelete = () => {
+  const confirmDelete = async () => {
+    if (onDeleteApi) {
+      await onDeleteApi(selectedWorkflow);
+      setDeleteOpen(false);
+      return;
+    }
     setData(
       (prev) => prev.filter(
         (item) => item.id !== selectedWorkflow.id
@@ -505,82 +358,82 @@ function WorkflowTable({ pageSize, searchQuery, apiData }) {
     );
     setDeleteOpen(false);
   };
-  return /* @__PURE__ */ jsx4(Fragment, { children: /* @__PURE__ */ jsxs4("div", { className: "fc:space-y-5", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-2xl fc:overflow-hidden", children: [
-      /* @__PURE__ */ jsx4("div", { className: "fc:max-h-[420px] fc:overflow-y-auto fc:overflow-x-auto", children: /* @__PURE__ */ jsxs4("table", { className: "fc:w-full fc:border-collapse fc:bg-white", children: [
-        /* @__PURE__ */ jsx4("thead", { className: "fc:sticky fc:top-0 fc:z-10 fc:bg-slate-50", children: /* @__PURE__ */ jsxs4("tr", { className: "fc:border-b fc:border-slate-200 fc:text-xs fc:uppercase fc:text-slate-500", children: [
-          /* @__PURE__ */ jsx4("th", { className: "fc:px-5 fc:py-4 fc:text-center", children: "S.No" }),
-          /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(Fragment, { children: /* @__PURE__ */ jsxs3("div", { className: "fc:space-y-5", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-2xl fc:overflow-hidden", children: [
+      /* @__PURE__ */ jsx3("div", { className: "fc:max-h-[420px] fc:overflow-y-auto fc:overflow-x-auto", children: /* @__PURE__ */ jsxs3("table", { className: "fc:w-full fc:border-collapse fc:bg-white", children: [
+        /* @__PURE__ */ jsx3("thead", { className: "fc:sticky fc:top-0 fc:z-10 fc:bg-slate-50", children: /* @__PURE__ */ jsxs3("tr", { className: "fc:border-b fc:border-slate-200 fc:text-xs fc:uppercase fc:text-slate-500", children: [
+          /* @__PURE__ */ jsx3("th", { className: "fc:px-5 fc:py-4 fc:text-center", children: "S.No" }),
+          /* @__PURE__ */ jsx3(
             "th",
             {
               onClick: () => handleSort("name"),
               className: "fc:px-5 fc:py-4 fc:cursor-pointer",
-              children: /* @__PURE__ */ jsxs4("div", { className: "fc:flex fc:items-center", children: [
+              children: /* @__PURE__ */ jsxs3("div", { className: "fc:flex fc:items-center", children: [
                 "Workflow Name",
                 getSortIcon("name")
               ] })
             }
           ),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx3(
             "th",
             {
               onClick: () => handleSort("code"),
               className: "fc:px-5 fc:py-4 fc:cursor-pointer",
-              children: /* @__PURE__ */ jsxs4("div", { className: "fc:flex fc:items-center", children: [
+              children: /* @__PURE__ */ jsxs3("div", { className: "fc:flex fc:items-center", children: [
                 "Workflow Code",
                 getSortIcon("code")
               ] })
             }
           ),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx3(
             "th",
             {
               onClick: () => handleSort("type"),
               className: "fc:px-5 fc:py-4 fc:cursor-pointer",
-              children: /* @__PURE__ */ jsxs4("div", { className: "fc:flex fc:items-center", children: [
+              children: /* @__PURE__ */ jsxs3("div", { className: "fc:flex fc:items-center", children: [
                 "Workflow Type",
                 getSortIcon("type")
               ] })
             }
           ),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx3(
             "th",
             {
               onClick: () => handleSort("version"),
               className: "fc:px-5 fc:py-4 fc:text-center fc:cursor-pointer",
-              children: /* @__PURE__ */ jsxs4("div", { className: "fc:flex fc:justify-center fc:items-center", children: [
+              children: /* @__PURE__ */ jsxs3("div", { className: "fc:flex fc:justify-center fc:items-center", children: [
                 "Version",
                 getSortIcon("version")
               ] })
             }
           ),
-          /* @__PURE__ */ jsx4("th", { className: "fc:px-5 fc:py-4 fc:text-center", children: "Published" }),
-          /* @__PURE__ */ jsx4("th", { className: "fc:px-5 fc:py-4 fc:text-center", children: "Status" }),
-          /* @__PURE__ */ jsx4("th", { className: "fc:px-5 fc:py-4 fc:text-center", children: "Action" })
+          /* @__PURE__ */ jsx3("th", { className: "fc:px-5 fc:py-4 fc:text-center", children: "Published" }),
+          /* @__PURE__ */ jsx3("th", { className: "fc:px-5 fc:py-4 fc:text-center", children: "Status" }),
+          /* @__PURE__ */ jsx3("th", { className: "fc:px-5 fc:py-4 fc:text-center", children: "Action" })
         ] }) }),
-        /* @__PURE__ */ jsx4("tbody", { className: "fc:divide-y fc:divide-slate-100", children: visibleData.map((item, index) => /* @__PURE__ */ jsxs4(
+        /* @__PURE__ */ jsx3("tbody", { className: "fc:divide-y fc:divide-slate-100", children: visibleData.map((item, index) => /* @__PURE__ */ jsxs3(
           "tr",
           {
             className: "hover:fc:bg-slate-50",
             children: [
-              /* @__PURE__ */ jsx4("td", { className: "fc:px-5 fc:py-4 fc:text-center", children: startIndex + index + 1 }),
-              /* @__PURE__ */ jsx4("td", { className: "fc:px-5 fc:py-4 fc:font-semibold", children: item.name }),
-              /* @__PURE__ */ jsx4("td", { className: "fc:px-5 fc:py-4", children: item.code }),
-              /* @__PURE__ */ jsx4("td", { className: "fc:px-5 fc:py-4", children: item.type }),
-              /* @__PURE__ */ jsx4("td", { className: "fc:px-5 fc:py-4 fc:text-center", children: item.version }),
-              /* @__PURE__ */ jsx4("td", { className: "fc:px-5 fc:py-4 fc:text-center", children: /* @__PURE__ */ jsx4(
+              /* @__PURE__ */ jsx3("td", { className: "fc:px-5 fc:py-4 fc:text-center", children: startIndex + index + 1 }),
+              /* @__PURE__ */ jsx3("td", { className: "fc:px-5 fc:py-4 fc:font-semibold", children: item.name }),
+              /* @__PURE__ */ jsx3("td", { className: "fc:px-5 fc:py-4", children: item.code }),
+              /* @__PURE__ */ jsx3("td", { className: "fc:px-5 fc:py-4", children: item.type }),
+              /* @__PURE__ */ jsx3("td", { className: "fc:px-5 fc:py-4 fc:text-center", children: item.version }),
+              /* @__PURE__ */ jsx3("td", { className: "fc:px-5 fc:py-4 fc:text-center", children: /* @__PURE__ */ jsx3(
                 "span",
                 {
                   className: `fc:px-3 fc:py-1 fc:rounded-md fc:text-xs ${item.published ? "fc:bg-green-100 fc:text-green-700" : "fc:bg-red-100 fc:text-red-700"}`,
                   children: item.published ? "Yes" : "No"
                 }
               ) }),
-              /* @__PURE__ */ jsx4("td", { className: "fc:px-5 fc:py-4 fc:text-center", children: /* @__PURE__ */ jsx4(
+              /* @__PURE__ */ jsx3("td", { className: "fc:px-5 fc:py-4 fc:text-center", children: /* @__PURE__ */ jsx3(
                 "button",
                 {
                   onClick: () => toggleSwitch(item.id),
                   className: `fc:w-11 fc:h-6 fc:rounded-full fc:relative ${item.status ? "fc:bg-blue-600" : "fc:bg-gray-300"}`,
-                  children: /* @__PURE__ */ jsx4(
+                  children: /* @__PURE__ */ jsx3(
                     "span",
                     {
                       className: `fc:absolute fc:top-0.5 fc:h-5 fc:w-5 fc:bg-white fc:rounded-full fc:transition-all ${item.status ? "fc:left-5" : "fc:left-0.5"}`
@@ -588,8 +441,8 @@ function WorkflowTable({ pageSize, searchQuery, apiData }) {
                   )
                 }
               ) }),
-              /* @__PURE__ */ jsx4("td", { className: "fc:px-5 fc:py-4", children: /* @__PURE__ */ jsxs4("div", { className: "fc:flex fc:justify-center fc:gap-2", children: [
-                /* @__PURE__ */ jsx4(
+              /* @__PURE__ */ jsx3("td", { className: "fc:px-5 fc:py-4", children: /* @__PURE__ */ jsxs3("div", { className: "fc:flex fc:justify-center fc:gap-2", children: [
+                /* @__PURE__ */ jsx3(
                   "button",
                   {
                     onClick: () => handleEdit(item),
@@ -597,7 +450,7 @@ function WorkflowTable({ pageSize, searchQuery, apiData }) {
                     children: "Edit"
                   }
                 ),
-                /* @__PURE__ */ jsx4(
+                /* @__PURE__ */ jsx3(
                   "button",
                   {
                     onClick: () => handleDelete(item),
@@ -611,8 +464,8 @@ function WorkflowTable({ pageSize, searchQuery, apiData }) {
           item.id
         )) })
       ] }) }),
-      /* @__PURE__ */ jsxs4("div", { className: "fc:flex fc:items-center fc:justify-end fc:gap-1 fc:text-[13px] fc:text-slate-700 fc:font-normal fc:mt-4 fc:bg-slate-50/50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
-        /* @__PURE__ */ jsx4(
+      /* @__PURE__ */ jsxs3("div", { className: "fc:flex fc:items-center fc:justify-end fc:gap-1 fc:text-[13px] fc:text-slate-700 fc:font-normal fc:mt-4 fc:bg-slate-50/50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
+        /* @__PURE__ */ jsx3(
           "button",
           {
             onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)),
@@ -620,7 +473,7 @@ function WorkflowTable({ pageSize, searchQuery, apiData }) {
             children: "\u2039 Prev"
           }
         ),
-        Array.from({ length: totalPages }, (_, i) => i + 1).map((page) => /* @__PURE__ */ jsx4(
+        Array.from({ length: totalPages }, (_, i) => i + 1).map((page) => /* @__PURE__ */ jsx3(
           "button",
           {
             onClick: () => setCurrentPage(page),
@@ -629,7 +482,7 @@ function WorkflowTable({ pageSize, searchQuery, apiData }) {
           },
           page
         )),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3(
           "button",
           {
             onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)),
@@ -637,7 +490,7 @@ function WorkflowTable({ pageSize, searchQuery, apiData }) {
             children: "Next \u203A"
           }
         ),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3(
           "button",
           {
             onClick: () => setCurrentPage(totalPages),
@@ -647,16 +500,7 @@ function WorkflowTable({ pageSize, searchQuery, apiData }) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx4(
-      AddEditModal,
-      {
-        isOpen: editOpen,
-        editData: selectedWorkflow,
-        onClose: () => setEditOpen(false),
-        onSave: handleUpdate
-      }
-    ),
-    /* @__PURE__ */ jsx4(
+    /* @__PURE__ */ jsx3(
       DeleteModal,
       {
         isOpen: deleteOpen,
@@ -669,26 +513,330 @@ function WorkflowTable({ pageSize, searchQuery, apiData }) {
 }
 
 // src/components/workflow/AddWorkflowModal.jsx
-import React5 from "react";
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import React4, { useEffect as useEffect2, useState as useState2 } from "react";
+import Swal from "sweetalert2";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var INITIAL_FORM = {
+  workflowTypeId: "",
+  workflowCode: "",
+  workflowName: "",
+  version: "1",
+  published: "false",
+  status: "active",
+  defaultPriority: "medium",
+  description: ""
+};
 function AddWorkflowModal({
   isOpen,
   onClose,
-  workflowTypes = []
+  workflowTypes = [],
+  onSave
 }) {
+  const [formData, setFormData] = useState2(INITIAL_FORM);
+  const [errors, setErrors] = useState2({});
+  const [isSubmitting, setIsSubmitting] = useState2(false);
+  const [submitError, setSubmitError] = useState2("");
+  useEffect2(() => {
+    if (!isOpen) {
+      setFormData(INITIAL_FORM);
+      setErrors({});
+      setSubmitError("");
+      setIsSubmitting(false);
+    }
+  }, [isOpen]);
   if (!isOpen) return null;
+  const handleChange = (event) => {
+    const { name, value } = event.target;
+    if (name === "description" && value.length > 500) return;
+    setFormData((prev) => __spreadProps(__spreadValues({}, prev), { [name]: value }));
+    setErrors((prev) => __spreadProps(__spreadValues({}, prev), { [name]: "" }));
+    setSubmitError("");
+  };
+  const validate = () => {
+    const nextErrors = {};
+    if (!formData.workflowTypeId) nextErrors.workflowTypeId = "Workflow type is required";
+    if (!formData.workflowCode.trim()) nextErrors.workflowCode = "Workflow code is required";
+    if (!formData.workflowName.trim()) nextErrors.workflowName = "Workflow name is required";
+    if (!formData.version.trim()) nextErrors.version = "Version is required";
+    setErrors(nextErrors);
+    return Object.keys(nextErrors).length === 0;
+  };
+  const handleSubmit = async (event) => {
+    var _a, _b;
+    event.preventDefault();
+    if (!validate()) return;
+    if (!onSave) {
+      setSubmitError("Save handler not configured.");
+      return;
+    }
+    const payload = {
+      workflowTypeId: formData.workflowTypeId,
+      workflowCode: formData.workflowCode.trim(),
+      workflowName: formData.workflowName.trim(),
+      version: formData.version.trim(),
+      published: formData.published === "true",
+      status: formData.status === "active",
+      defaultPriority: formData.defaultPriority,
+      description: formData.description.trim(),
+      createdBy: "System"
+    };
+    try {
+      setIsSubmitting(true);
+      const result = await onSave(payload);
+      if (result) {
+        onClose();
+      }
+    } catch (error) {
+      const message = ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || (error == null ? void 0 : error.message) || "Unable to save workflow.";
+      setSubmitError(message);
+      await Swal.fire("Error", message, "error");
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs4("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
+    /* @__PURE__ */ jsx4("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity fc:duration-200", onClick: onClose }),
+    /* @__PURE__ */ jsxs4("form", { onSubmit: handleSubmit, className: "fc:relative fc:w-full fc:max-w-4xl fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:flex fc:flex-col fc:z-10 fc:max-h-[92vh] fc:overflow-hidden fc:animate-in fc:fade-in fc:zoom-in-95 fc:duration-200", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-8 fc:py-6 fc:border-b fc:border-slate-100", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "fc:flex fc:items-center fc:gap-4", children: [
+          /* @__PURE__ */ jsx4("div", { className: "fc:w-12 fc:h-12 fc:bg-indigo-50 fc:text-indigo-600 fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:shadow-sm", children: /* @__PURE__ */ jsx4("svg", { className: "fc:w-6 fc:h-6", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx4("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" }) }) }),
+          /* @__PURE__ */ jsxs4("div", { children: [
+            /* @__PURE__ */ jsx4("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: "Add Workflow" }),
+            /* @__PURE__ */ jsx4("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: "Create a new workflow and configure its details" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx4("button", { type: "button", onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 hover:fc:fc:bg-slate-100 fc:p-2 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "fc:p-8 fc:space-y-8 fc:overflow-y-auto fc:max-h-[calc(92vh-170px)] fc:bg-slate-50/30", children: [
+        /* @__PURE__ */ jsxs4("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-5", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-indigo-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-3", children: [
+            /* @__PURE__ */ jsx4("span", { children: "\u{1F4CB}" }),
+            /* @__PURE__ */ jsx4("span", { children: "Workflow Information" })
+          ] }),
+          /* @__PURE__ */ jsxs4("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-5", children: [
+            /* @__PURE__ */ jsxs4("div", { children: [
+              /* @__PURE__ */ jsxs4("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
+                "Workflow Type ",
+                /* @__PURE__ */ jsx4("span", { className: "fc:text-red-500", children: "*" })
+              ] }),
+              /* @__PURE__ */ jsxs4("select", { name: "workflowTypeId", value: formData.workflowTypeId, onChange: handleChange, className: inputClass(errors.workflowTypeId), children: [
+                /* @__PURE__ */ jsx4("option", { value: "", children: "Select workflow type" }),
+                workflowTypes.length > 0 ? workflowTypes.map((type) => {
+                  var _a, _b;
+                  const id = (_a = type.workflowTypeId) != null ? _a : type.WorkflowTypeId;
+                  const label = (_b = type.workflowTypeName) != null ? _b : type.WorkflowTypeName;
+                  return /* @__PURE__ */ jsx4("option", { value: id, children: label }, id);
+                }) : /* @__PURE__ */ jsxs4(Fragment2, { children: [
+                  /* @__PURE__ */ jsx4("option", { value: "petition", children: "Petition" }),
+                  /* @__PURE__ */ jsx4("option", { value: "building", children: "Building Permission" }),
+                  /* @__PURE__ */ jsx4("option", { value: "leave", children: "Leave" })
+                ] })
+              ] }),
+              errors.workflowTypeId && /* @__PURE__ */ jsx4("p", { className: "fc:text-[10px] fc:text-red-500 fc:mt-1", children: errors.workflowTypeId })
+            ] }),
+            /* @__PURE__ */ jsxs4("div", { children: [
+              /* @__PURE__ */ jsxs4("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
+                "Workflow Code ",
+                /* @__PURE__ */ jsx4("span", { className: "fc:text-red-500", children: "*" })
+              ] }),
+              /* @__PURE__ */ jsx4("input", { name: "workflowCode", value: formData.workflowCode, onChange: handleChange, type: "text", placeholder: "Enter workflow code", className: inputClass(errors.workflowCode) }),
+              errors.workflowCode && /* @__PURE__ */ jsx4("p", { className: "fc:text-[10px] fc:text-red-500 fc:mt-1", children: errors.workflowCode })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs4("div", { children: [
+            /* @__PURE__ */ jsxs4("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
+              "Workflow Name ",
+              /* @__PURE__ */ jsx4("span", { className: "fc:text-red-500", children: "*" })
+            ] }),
+            /* @__PURE__ */ jsx4("input", { name: "workflowName", value: formData.workflowName, onChange: handleChange, type: "text", placeholder: "Enter workflow name", className: inputClass(errors.workflowName) }),
+            errors.workflowName && /* @__PURE__ */ jsx4("p", { className: "fc:text-[10px] fc:text-red-500 fc:mt-1", children: errors.workflowName })
+          ] }),
+          /* @__PURE__ */ jsxs4("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-5", children: [
+            /* @__PURE__ */ jsxs4("div", { children: [
+              /* @__PURE__ */ jsxs4("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
+                "Version ",
+                /* @__PURE__ */ jsx4("span", { className: "fc:text-red-500", children: "*" })
+              ] }),
+              /* @__PURE__ */ jsx4("input", { name: "version", type: "text", value: formData.version, onChange: handleChange, className: inputClass(errors.version) }),
+              errors.version && /* @__PURE__ */ jsx4("p", { className: "fc:text-[10px] fc:text-red-500 fc:mt-1", children: errors.version })
+            ] }),
+            /* @__PURE__ */ jsxs4("div", { children: [
+              /* @__PURE__ */ jsxs4("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
+                "Published ",
+                /* @__PURE__ */ jsx4("span", { className: "fc:text-red-500", children: "*" })
+              ] }),
+              /* @__PURE__ */ jsxs4("select", { name: "published", value: formData.published, onChange: handleChange, className: inputClass(), children: [
+                /* @__PURE__ */ jsx4("option", { value: "false", children: "No" }),
+                /* @__PURE__ */ jsx4("option", { value: "true", children: "Yes" })
+              ] }),
+              /* @__PURE__ */ jsx4("p", { className: "fc:text-[10px] fc:text-red-400 fc:mt-1", children: "Make workflow active for use" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs4("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-3", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "fc:flex fc:justify-between fc:items-center", children: [
+            /* @__PURE__ */ jsx4("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700", children: "Description" }),
+            /* @__PURE__ */ jsxs4("span", { className: "fc:text-[10px] fc:text-slate-400", children: [
+              formData.description.length,
+              " / 500"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx4("textarea", { name: "description", rows: 3, value: formData.description, onChange: handleChange, placeholder: "Enter workflow description (optional)", className: inputClass() }),
+          /* @__PURE__ */ jsx4("p", { className: "fc:text-[10px] fc:text-red-400", children: "Provide additional information about this workflow" })
+        ] }),
+        /* @__PURE__ */ jsxs4("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-5", children: [
+          /* @__PURE__ */ jsxs4("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-indigo-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-3", children: [
+            /* @__PURE__ */ jsx4("span", { children: "\u2699\uFE0F" }),
+            /* @__PURE__ */ jsx4("span", { children: "Status & Settings" })
+          ] }),
+          /* @__PURE__ */ jsxs4("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-5", children: [
+            /* @__PURE__ */ jsxs4("div", { children: [
+              /* @__PURE__ */ jsxs4("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
+                "Status ",
+                /* @__PURE__ */ jsx4("span", { className: "fc:text-red-500", children: "*" })
+              ] }),
+              /* @__PURE__ */ jsxs4("select", { name: "status", value: formData.status, onChange: handleChange, className: inputClass(), children: [
+                /* @__PURE__ */ jsx4("option", { value: "active", children: "Active" }),
+                /* @__PURE__ */ jsx4("option", { value: "inactive", children: "Inactive" })
+              ] }),
+              /* @__PURE__ */ jsx4("p", { className: "fc:text-[10px] fc:text-red-400 fc:mt-1", children: "Set the initial status of this workflow" })
+            ] }),
+            /* @__PURE__ */ jsxs4("div", { children: [
+              /* @__PURE__ */ jsx4("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: "Default Priority" }),
+              /* @__PURE__ */ jsxs4("select", { name: "defaultPriority", value: formData.defaultPriority, onChange: handleChange, className: inputClass(), children: [
+                /* @__PURE__ */ jsx4("option", { value: "medium", children: "Medium" }),
+                /* @__PURE__ */ jsx4("option", { value: "high", children: "High" }),
+                /* @__PURE__ */ jsx4("option", { value: "low", children: "Low" })
+              ] }),
+              /* @__PURE__ */ jsx4("p", { className: "fc:text-[10px] fc:text-red-400 fc:mt-1", children: "Default priority for tasks in this workflow" })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs4("div", { className: "fc:p-5 fc:bg-white fc:border-t fc:border-slate-100 fc:flex fc:items-center fc:justify-end fc:gap-3 fc:px-8", children: [
+        /* @__PURE__ */ jsx4("button", { type: "button", onClick: onClose, disabled: isSubmitting, className: "fc:px-6 fc:py-2.5 fc:border fc:border-slate-200 fc:text-red-500 fc:text-xs fc:font-bold fc:rounded-xl hover:fc:fc:bg-slate-50 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u2715 Cancel" }),
+        /* @__PURE__ */ jsx4("button", { type: "submit", disabled: isSubmitting, className: "fc:px-6 fc:py-2.5 fc:bg-indigo-600 hover:fc:fc:bg-indigo-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-indigo-500/10 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: isSubmitting ? "Saving..." : "\u{1F4BE} Save Workflow" })
+      ] }),
+      submitError && /* @__PURE__ */ jsx4("div", { className: "fc:px-8 fc:pb-6", children: /* @__PURE__ */ jsx4("p", { className: "fc:text-sm fc:text-red-600", children: submitError }) })
+    ] })
+  ] });
+}
+var inputClass = (error) => `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:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500 ${error ? "fc:border-red-500" : ""}`;
+
+// src/components/workflow/EditWorkflowModal.jsx
+import React5, { useEffect as useEffect3, useState as useState3 } from "react";
+import Swal2 from "sweetalert2";
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var INITIAL_FORM2 = {
+  workflowTypeId: "",
+  workflowCode: "",
+  workflowName: "",
+  version: "",
+  published: "false",
+  status: "active",
+  defaultPriority: "medium",
+  description: ""
+};
+function EditWorkflowModal({
+  isOpen,
+  onClose,
+  onSave,
+  workflowTypes = [],
+  editData = null
+}) {
+  const [formData, setFormData] = useState3(INITIAL_FORM2);
+  const [errors, setErrors] = useState3({});
+  const [isSubmitting, setIsSubmitting] = useState3(false);
+  const [submitError, setSubmitError] = useState3("");
+  useEffect3(() => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
+    if (editData) {
+      setFormData({
+        workflowTypeId: (_d = (_c = (_a = editData.workflowTypeId) != null ? _a : editData.WorkflowTypeId) != null ? _c : (_b = editData.workflowType) == null ? void 0 : _b.workflowTypeId) != null ? _d : editData.workflowTypeId,
+        workflowCode: (_g = (_f = (_e = editData.workflowCode) != null ? _e : editData.WorkflowCode) != null ? _f : editData.code) != null ? _g : "",
+        workflowName: (_j = (_i = (_h = editData.workflowName) != null ? _h : editData.WorkflowName) != null ? _i : editData.name) != null ? _j : "",
+        version: (_m = (_l = (_k = editData.version) != null ? _k : editData.WorkflowVersion) != null ? _l : editData.workflowVersion) != null ? _m : "1",
+        published: ((_o = (_n = editData.published) != null ? _n : editData.isPublished) != null ? _o : editData.IsPublished) ? "true" : "false",
+        status: ((_q = (_p = editData.status) != null ? _p : editData.isActive) != null ? _q : editData.IsActive) ? "active" : "inactive",
+        defaultPriority: (_s = (_r = editData.defaultPriority) != null ? _r : editData.defaultPriority) != null ? _s : "medium",
+        description: (_u = (_t = editData.description) != null ? _t : editData.Description) != null ? _u : ""
+      });
+      setErrors({});
+      setSubmitError("");
+    }
+  }, [editData]);
+  useEffect3(() => {
+    if (!isOpen) {
+      setFormData(INITIAL_FORM2);
+      setErrors({});
+      setSubmitError("");
+      setIsSubmitting(false);
+    }
+  }, [isOpen]);
+  if (!isOpen) return null;
+  const handleChange = (event) => {
+    const { name, value } = event.target;
+    if (name === "description" && value.length > 500) return;
+    setFormData((prev) => __spreadProps(__spreadValues({}, prev), { [name]: value }));
+    setErrors((prev) => __spreadProps(__spreadValues({}, prev), { [name]: "" }));
+    setSubmitError("");
+  };
+  const validate = () => {
+    const nextErrors = {};
+    if (!formData.workflowTypeId) nextErrors.workflowTypeId = "Workflow type is required";
+    if (!formData.workflowCode.trim()) nextErrors.workflowCode = "Workflow code is required";
+    if (!formData.workflowName.trim()) nextErrors.workflowName = "Workflow name is required";
+    if (!formData.version.trim()) nextErrors.version = "Version is required";
+    setErrors(nextErrors);
+    return Object.keys(nextErrors).length === 0;
+  };
+  const handleSubmit = async (event) => {
+    var _a, _b, _c, _d, _e, _f;
+    event.preventDefault();
+    if (!validate()) return;
+    if (!onSave) {
+      setSubmitError("Save handler not configured.");
+      return;
+    }
+    const workflowId = (_b = (_a = editData == null ? void 0 : editData.workflowId) != null ? _a : editData == null ? void 0 : editData.WorkflowId) != null ? _b : editData == null ? void 0 : editData.id;
+    const payload = {
+      workflowId,
+      workflowTypeId: formData.workflowTypeId,
+      workflowCode: formData.workflowCode.trim(),
+      workflowName: formData.workflowName.trim(),
+      version: formData.version.trim(),
+      published: formData.published === "true",
+      status: formData.status === "active",
+      defaultPriority: formData.defaultPriority,
+      description: formData.description.trim(),
+      updatedBy: (_d = (_c = editData == null ? void 0 : editData.updatedBy) != null ? _c : editData == null ? void 0 : editData.createdBy) != null ? _d : "System"
+    };
+    try {
+      setIsSubmitting(true);
+      const result = await onSave(payload);
+      if (result) {
+        onClose();
+      }
+    } catch (error) {
+      const message = ((_f = (_e = error == null ? void 0 : error.response) == null ? void 0 : _e.data) == null ? void 0 : _f.message) || (error == null ? void 0 : error.message) || "Unable to save workflow.";
+      setSubmitError(message);
+      await Swal2.fire("Error", message, "error");
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
   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: [
     /* @__PURE__ */ jsx5("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity fc:duration-200", onClick: onClose }),
-    /* @__PURE__ */ jsxs5("div", { className: "fc:relative fc:w-full fc:max-w-4xl fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:flex fc:flex-col fc:z-10 fc:max-h-[92vh] fc:overflow-hidden fc:animate-in fc:fade-in fc:zoom-in-95 fc:duration-200", children: [
+    /* @__PURE__ */ jsxs5("form", { onSubmit: handleSubmit, className: "fc:relative fc:w-full fc:max-w-4xl fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:flex fc:flex-col fc:z-10 fc:max-h-[92vh] fc:overflow-hidden fc:animate-in fc:fade-in fc:zoom-in-95 fc:duration-200", children: [
       /* @__PURE__ */ jsxs5("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-8 fc:py-6 fc:border-b fc:border-slate-100", children: [
         /* @__PURE__ */ jsxs5("div", { className: "fc:flex fc:items-center fc:gap-4", children: [
           /* @__PURE__ */ jsx5("div", { className: "fc:w-12 fc:h-12 fc:bg-indigo-50 fc:text-indigo-600 fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:shadow-sm", children: /* @__PURE__ */ jsx5("svg", { className: "fc:w-6 fc:h-6", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx5("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" }) }) }),
           /* @__PURE__ */ jsxs5("div", { children: [
-            /* @__PURE__ */ jsx5("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: "Add Workflow" }),
-            /* @__PURE__ */ jsx5("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: "Create a new workflow and configure its details" })
+            /* @__PURE__ */ jsx5("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: "Edit Workflow" }),
+            /* @__PURE__ */ jsx5("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: "Update the workflow details" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx5("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 hover:fc:fc:bg-slate-100 fc:p-2 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
+        /* @__PURE__ */ jsx5("button", { type: "button", onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 hover:fc:fc:bg-slate-100 fc:p-2 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
       ] }),
       /* @__PURE__ */ jsxs5("div", { className: "fc:p-8 fc:space-y-8 fc:overflow-y-auto fc:max-h-[calc(92vh-170px)] fc:bg-slate-50/30", children: [
         /* @__PURE__ */ jsxs5("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-5", children: [
@@ -696,29 +844,34 @@ function AddWorkflowModal({
             /* @__PURE__ */ jsx5("span", { children: "\u{1F4CB}" }),
             /* @__PURE__ */ jsx5("span", { children: "Workflow Information" })
           ] }),
-          /* @__PURE__ */ jsxs5("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-5", children: [
             /* @__PURE__ */ jsxs5("div", { children: [
               /* @__PURE__ */ jsxs5("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
                 "Workflow Type ",
                 /* @__PURE__ */ jsx5("span", { className: "fc:text-red-500", children: "*" })
               ] }),
-              /* @__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__ */ jsxs5("select", { name: "workflowTypeId", value: formData.workflowTypeId, onChange: handleChange, className: inputClass2(errors.workflowTypeId), children: [
                 /* @__PURE__ */ jsx5("option", { value: "", children: "Select workflow type" }),
-                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: [
+                workflowTypes.length > 0 ? workflowTypes.map((type) => {
+                  var _a, _b;
+                  const id = (_a = type.workflowTypeId) != null ? _a : type.WorkflowTypeId;
+                  const label = (_b = type.workflowTypeName) != null ? _b : type.WorkflowTypeName;
+                  return /* @__PURE__ */ jsx5("option", { value: id, children: label }, id);
+                }) : /* @__PURE__ */ jsxs5(Fragment3, { 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" })
+              errors.workflowTypeId && /* @__PURE__ */ jsx5("p", { className: "fc:text-[10px] fc:text-red-500 fc:mt-1", children: errors.workflowTypeId })
             ] }),
             /* @__PURE__ */ jsxs5("div", { children: [
               /* @__PURE__ */ jsxs5("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
                 "Workflow Code ",
                 /* @__PURE__ */ jsx5("span", { className: "fc:text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ jsx5("input", { type: "text", placeholder: "Enter workflow code", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
-              /* @__PURE__ */ jsx5("p", { className: "fc:text-[10px] fc:text-red-400 fc:mt-1", children: "Unique code for this workflow (e.g., PET-001)" })
+              /* @__PURE__ */ jsx5("input", { name: "workflowCode", value: formData.workflowCode, onChange: handleChange, type: "text", placeholder: "Enter workflow code", className: inputClass2(errors.workflowCode) }),
+              errors.workflowCode && /* @__PURE__ */ jsx5("p", { className: "fc:text-[10px] fc:text-red-500 fc:mt-1", children: errors.workflowCode })
             ] })
           ] }),
           /* @__PURE__ */ jsxs5("div", { children: [
@@ -726,24 +879,24 @@ function AddWorkflowModal({
               "Workflow Name ",
               /* @__PURE__ */ jsx5("span", { className: "fc:text-red-500", children: "*" })
             ] }),
-            /* @__PURE__ */ jsx5("input", { type: "text", placeholder: "Enter workflow name", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
-            /* @__PURE__ */ jsx5("p", { className: "fc:text-[10px] fc:text-red-400 fc:mt-1", children: "Enter a descriptive name for this workflow" })
+            /* @__PURE__ */ jsx5("input", { name: "workflowName", value: formData.workflowName, onChange: handleChange, type: "text", placeholder: "Enter workflow name", className: inputClass2(errors.workflowName) }),
+            errors.workflowName && /* @__PURE__ */ jsx5("p", { className: "fc:text-[10px] fc:text-red-500 fc:mt-1", children: errors.workflowName })
           ] }),
-          /* @__PURE__ */ jsxs5("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-5", children: [
             /* @__PURE__ */ jsxs5("div", { children: [
               /* @__PURE__ */ jsxs5("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
                 "Version ",
                 /* @__PURE__ */ jsx5("span", { className: "fc:text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ jsx5("input", { type: "text", defaultValue: "1", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
-              /* @__PURE__ */ jsx5("p", { className: "fc:text-[10px] fc:text-red-400 fc:mt-1", children: "Workflow version number" })
+              /* @__PURE__ */ jsx5("input", { name: "version", type: "text", value: formData.version, onChange: handleChange, className: inputClass2(errors.version) }),
+              errors.version && /* @__PURE__ */ jsx5("p", { className: "fc:text-[10px] fc:text-red-500 fc:mt-1", children: errors.version })
             ] }),
             /* @__PURE__ */ jsxs5("div", { children: [
               /* @__PURE__ */ jsxs5("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
                 "Published ",
                 /* @__PURE__ */ jsx5("span", { className: "fc:text-red-500", children: "*" })
               ] }),
-              /* @__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__ */ jsxs5("select", { name: "published", value: formData.published, onChange: handleChange, className: inputClass2(), children: [
                 /* @__PURE__ */ jsx5("option", { value: "false", children: "No" }),
                 /* @__PURE__ */ jsx5("option", { value: "true", children: "Yes" })
               ] }),
@@ -754,9 +907,12 @@ function AddWorkflowModal({
         /* @__PURE__ */ jsxs5("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-3", children: [
           /* @__PURE__ */ jsxs5("div", { className: "fc:flex fc:justify-between fc:items-center", children: [
             /* @__PURE__ */ jsx5("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700", children: "Description" }),
-            /* @__PURE__ */ jsx5("span", { className: "fc:text-[10px] fc:text-slate-400", children: "0 / 500" })
+            /* @__PURE__ */ jsxs5("span", { className: "fc:text-[10px] fc:text-slate-400", children: [
+              formData.description.length,
+              " / 500"
+            ] })
           ] }),
-          /* @__PURE__ */ jsx5("textarea", { rows: 3, placeholder: "Enter workflow description (optional)", className: "fc:w-full fc:p-3 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:resize-none focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
+          /* @__PURE__ */ jsx5("textarea", { name: "description", rows: 3, value: formData.description, onChange: handleChange, placeholder: "Enter workflow description (optional)", className: inputClass2() }),
           /* @__PURE__ */ jsx5("p", { className: "fc:text-[10px] fc:text-red-400", children: "Provide additional information about this workflow" })
         ] }),
         /* @__PURE__ */ jsxs5("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-5", children: [
@@ -764,13 +920,13 @@ function AddWorkflowModal({
             /* @__PURE__ */ jsx5("span", { children: "\u2699\uFE0F" }),
             /* @__PURE__ */ jsx5("span", { children: "Status & Settings" })
           ] }),
-          /* @__PURE__ */ jsxs5("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-5", children: [
             /* @__PURE__ */ jsxs5("div", { children: [
               /* @__PURE__ */ jsxs5("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
                 "Status ",
                 /* @__PURE__ */ jsx5("span", { className: "fc:text-red-500", children: "*" })
               ] }),
-              /* @__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__ */ jsxs5("select", { name: "status", value: formData.status, onChange: handleChange, className: inputClass2(), children: [
                 /* @__PURE__ */ jsx5("option", { value: "active", children: "Active" }),
                 /* @__PURE__ */ jsx5("option", { value: "inactive", children: "Inactive" })
               ] }),
@@ -778,7 +934,7 @@ function AddWorkflowModal({
             ] }),
             /* @__PURE__ */ jsxs5("div", { children: [
               /* @__PURE__ */ jsx5("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: "Default Priority" }),
-              /* @__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__ */ jsxs5("select", { name: "defaultPriority", value: formData.defaultPriority, onChange: handleChange, className: inputClass2(), children: [
                 /* @__PURE__ */ jsx5("option", { value: "medium", children: "Medium" }),
                 /* @__PURE__ */ jsx5("option", { value: "high", children: "High" }),
                 /* @__PURE__ */ jsx5("option", { value: "low", children: "Low" })
@@ -789,12 +945,14 @@ function AddWorkflowModal({
         ] })
       ] }),
       /* @__PURE__ */ jsxs5("div", { className: "fc:p-5 fc:bg-white fc:border-t fc:border-slate-100 fc:flex fc:items-center fc:justify-end fc:gap-3 fc:px-8", children: [
-        /* @__PURE__ */ jsx5("button", { onClick: onClose, className: "fc:px-6 fc:py-2.5 fc:border fc:border-slate-200 fc:text-red-500 fc:text-xs fc:font-bold fc:rounded-xl hover:fc:fc:bg-slate-50 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u2715 Cancel" }),
-        /* @__PURE__ */ jsx5("button", { type: "button", className: "fc:px-6 fc:py-2.5 fc:bg-indigo-600 hover:fc:fc:bg-indigo-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-indigo-500/10 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u{1F4BE} Save Workflow" })
-      ] })
+        /* @__PURE__ */ jsx5("button", { type: "button", onClick: onClose, disabled: isSubmitting, className: "fc:px-6 fc:py-2.5 fc:border fc:border-slate-200 fc:text-red-500 fc:text-xs fc:font-bold fc:rounded-xl hover:fc:fc:bg-slate-50 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u2715 Cancel" }),
+        /* @__PURE__ */ jsx5("button", { type: "submit", disabled: isSubmitting, className: "fc:px-6 fc:py-2.5 fc:bg-indigo-600 hover:fc:fc:bg-indigo-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-indigo-500/10 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: isSubmitting ? "Saving..." : "\u{1F4BE} Save Workflow" })
+      ] }),
+      submitError && /* @__PURE__ */ jsx5("div", { className: "fc:px-8 fc:pb-6", children: /* @__PURE__ */ jsx5("p", { className: "fc:text-sm fc:text-red-600", children: submitError }) })
     ] })
   ] });
 }
+var inputClass2 = (error) => `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:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500 ${error ? "fc:border-red-500" : ""}`;
 
 // src/components/Common/commonheader.js
 import React8 from "react";
@@ -802,10 +960,10 @@ import Link from "next/link";
 import { FolderKanban, Home, ChevronRight, Plus } from "lucide-react";
 
 // src/components/Common/Refresh.js
-import React6, { useState as useState3 } from "react";
+import React6, { useState as useState4 } from "react";
 import { jsx as jsx6 } from "react/jsx-runtime";
 var Refresh = ({ onRefresh }) => {
-  const [isSpinning, setIsSpinning] = useState3(false);
+  const [isSpinning, setIsSpinning] = useState4(false);
   const handleClick = () => {
     setIsSpinning(true);
     if (onRefresh) {
@@ -846,14 +1004,14 @@ var Refresh = ({ onRefresh }) => {
 var Refresh_default = Refresh;
 
 // src/components/Common/Download.js
-import React7, { useState as useState4, useRef, useEffect as useEffect2 } from "react";
+import React7, { useState as useState5, useRef, useEffect as useEffect4 } from "react";
 import html2canvas from "html2canvas";
 import { jsPDF } from "jspdf";
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var Download = ({ targetRef, fileName = "download" }) => {
-  const [isOpen, setIsOpen] = useState4(false);
+  const [isOpen, setIsOpen] = useState5(false);
   const dropdownRef = useRef(null);
-  useEffect2(() => {
+  useEffect4(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -998,13 +1156,15 @@ function CommonHeader({
 // src/components/workflow/WorkflowMain.jsx
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function Workflow() {
-  const [refreshKey, setRefreshKey] = useState5(0);
-  const [modalOpen, setModalOpen] = useState5(false);
-  const [pageSize, setPageSize] = useState5(10);
-  const [searchQuery, setSearchQuery] = useState5("");
-  const [apiData, setApiData] = useState5([]);
-  const [workflowTypes, setWorkflowTypes] = useState5([]);
-  useEffect3(() => {
+  const [refreshKey, setRefreshKey] = useState6(0);
+  const [modalOpen, setModalOpen] = useState6(false);
+  const [pageSize, setPageSize] = useState6(10);
+  const [searchQuery, setSearchQuery] = useState6("");
+  const [apiData, setApiData] = useState6([]);
+  const [workflowTypes, setWorkflowTypes] = useState6([]);
+  const [editModalOpen, setEditModalOpen] = useState6(false);
+  const [selectedWorkflow, setSelectedWorkflow] = useState6(null);
+  useEffect5(() => {
     (async () => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
       try {
@@ -1018,11 +1178,11 @@ function Workflow() {
         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 });
+          var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m, _n, _o, _p, _q, _r, _s, _t, _u;
+          return __spreadProps(__spreadValues({}, item), { id: (_b2 = (_a2 = item.id) != null ? _a2 : item.workflowId) != null ? _b2 : item.WorkflowId, workflowId: (_d2 = (_c2 = item.workflowId) != null ? _c2 : item.WorkflowId) != null ? _d2 : item.id, name: (_f2 = (_e2 = item.name) != null ? _e2 : item.workflowName) != null ? _f2 : item.WorkflowName, code: (_h2 = (_g2 = item.code) != null ? _g2 : item.workflowCode) != null ? _h2 : item.WorkflowCode, type: (_j2 = (_i2 = item.type) != null ? _i2 : item.workflowTypeName) != null ? _j2 : item.WorkflowTypeName, workflowTypeId: (_l2 = (_k2 = item.workflowTypeId) != null ? _k2 : item.WorkflowTypeId) != null ? _l2 : item.workflowTypeId, version: (_o = (_n = (_m = item.version) != null ? _m : item.workflowVersion) != null ? _n : item.WorkflowVersion) != null ? _o : item.version, published: (_r = (_q = (_p = item.published) != null ? _p : item.isPublished) != null ? _q : item.IsPublished) != null ? _r : false, status: (_u = (_t = (_s = item.status) != null ? _s : item.isActive) != null ? _t : item.IsActive) != null ? _u : false });
         }));
       } 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");
+        await Swal3.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]);
@@ -1031,6 +1191,71 @@ function Workflow() {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
+  const handleCreateApi = async (workflowPayload) => {
+    var _a, _b, _c, _d, _e;
+    try {
+      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflow) == null ? void 0 : _c.create;
+      if (!endpoint) throw new Error("Workflow create endpoint is not configured.");
+      await getApiService().post(endpoint, workflowPayload);
+      await Swal3.fire("Success", "Workflow created 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 create workflow.", "error");
+      return false;
+    }
+  };
+  const handleUpdateApi = async (workflowPayload) => {
+    var _a, _b, _c, _d, _e;
+    try {
+      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflow) == null ? void 0 : _c.update;
+      if (!endpoint) throw new Error("Workflow update endpoint is not configured.");
+      await getApiService().put(endpoint, workflowPayload);
+      await Swal3.fire("Success", "Workflow 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.", "error");
+      return false;
+    }
+  };
+  const handleDeleteApi = async (workflow) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    try {
+      const endpoints = getApiEndpoints();
+      const deleteEndpoint = (_b = (_a = endpoints == null ? void 0 : endpoints.flowCore) == null ? void 0 : _a.workflow) == null ? void 0 : _b.delete;
+      const updateEndpoint = (_d = (_c = endpoints == null ? void 0 : endpoints.flowCore) == null ? void 0 : _c.workflow) == null ? void 0 : _d.update;
+      const workflowId = (_f = (_e = workflow.workflowId) != null ? _e : workflow.WorkflowId) != null ? _f : workflow.id;
+      if (deleteEndpoint) {
+        try {
+          await getApiService().delete(`${deleteEndpoint}/${workflowId}`);
+        } catch (e) {
+          await getApiService().delete(deleteEndpoint, { data: { workflowId } });
+        }
+      } else if (updateEndpoint) {
+        await getApiService().put(updateEndpoint, __spreadProps(__spreadValues({}, workflow), { workflowId, isActive: false, updatedBy: workflow.updatedBy || workflow.createdBy || "System" }));
+      } else {
+        throw new Error("Workflow delete endpoint is not configured.");
+      }
+      await Swal3.fire("Success", "Workflow deleted successfully.", "success");
+      handleRefresh();
+      return true;
+    } catch (error) {
+      await Swal3.fire("Error", ((_h = (_g = error == null ? void 0 : error.response) == null ? void 0 : _g.data) == null ? void 0 : _h.message) || (error == null ? void 0 : error.message) || "Unable to delete workflow.", "error");
+      return false;
+    }
+  };
+  const handleEdit = (workflow) => {
+    setSelectedWorkflow(workflow);
+    setEditModalOpen(true);
+  };
+  const handleCloseEdit = () => {
+    setEditModalOpen(false);
+    setSelectedWorkflow(null);
+  };
+  const handleCloseAdd = () => {
+    setModalOpen(false);
+  };
   return /* @__PURE__ */ jsxs8("div", { className: "fc:h-screen fc:bg-slate-50 fc:p-6 fc:flex fc:flex-col", children: [
     /* @__PURE__ */ jsxs8("div", { className: "fc:flex fc:flex-col fc:flex-1 fc:gap-5 fc:overflow-hidden", children: [
       /* @__PURE__ */ jsx9(
@@ -1093,7 +1318,9 @@ function Workflow() {
           {
             apiData,
             pageSize,
-            searchQuery
+            searchQuery,
+            onEdit: handleEdit,
+            onDeleteApi: handleDeleteApi
           },
           refreshKey
         ) }) })
@@ -1103,16 +1330,27 @@ function Workflow() {
       AddWorkflowModal,
       {
         isOpen: modalOpen,
-        onClose: () => setModalOpen(false),
-        workflowTypes
+        onClose: handleCloseAdd,
+        workflowTypes,
+        onSave: handleCreateApi
+      }
+    ),
+    /* @__PURE__ */ jsx9(
+      EditWorkflowModal,
+      {
+        isOpen: editModalOpen,
+        onClose: handleCloseEdit,
+        workflowTypes,
+        editData: selectedWorkflow,
+        onSave: handleUpdateApi
       }
     )
   ] });
 }
 
 // src/components/workflow-type/WorkflowTypeMains.js
-import React15, { useState as useState9, useRef as useRef3, useEffect as useEffect6 } from "react";
-import Swal3 from "sweetalert2";
+import React15, { useState as useState10, useRef as useRef3, useEffect as useEffect8 } from "react";
+import Swal5 from "sweetalert2";
 
 // src/components/workflow-type/SearchBar.jsx
 import React10 from "react";
@@ -1139,7 +1377,7 @@ function SearchBar2({
 }
 
 // src/components/workflow-type/WorkflowTypeTable.jsx
-import React13, { useState as useState7, useEffect as useEffect5 } from "react";
+import React13, { useState as useState8, useEffect as useEffect7 } from "react";
 
 // src/components/workflow-type/DeleteWorkflowType.jsx
 import React11 from "react";
@@ -1179,7 +1417,7 @@ var DeleteWorkflowType = ({
 var DeleteWorkflowType_default = DeleteWorkflowType;
 
 // src/components/workflow-type/EditWorkflowType.jsx
-import React12, { useState as useState6, useEffect as useEffect4 } from "react";
+import React12, { useState as useState7, useEffect as useEffect6 } from "react";
 import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 var EditWorkflowType = ({
   isOpen,
@@ -1187,13 +1425,13 @@ var EditWorkflowType = ({
   onSave,
   selectedData
 }) => {
-  const [formData, setFormData] = useState6({
+  const [formData, setFormData] = useState7({
     workflowTypeCode: "",
     workflowTypeName: "",
     description: "",
     isActive: true
   });
-  useEffect4(() => {
+  useEffect6(() => {
     var _a, _b;
     if (selectedData) {
       setFormData({
@@ -1516,15 +1754,15 @@ function WorkflowTypeTable({
     updatedOn: "2026-01-29",
     updatedBy: "Officer"
   }];
-  const [data, setData] = useState7(apiData || initialData);
-  useEffect5(() => {
+  const [data, setData] = useState8(apiData || initialData);
+  useEffect7(() => {
     if (apiData) setData(apiData);
   }, [apiData]);
-  const [sortOrder, setSortOrder] = useState7("asc");
-  const [sortKey, setSortKey] = useState7("workflowTypeId");
-  const [selectedItem, setSelectedItem] = useState7(null);
-  const [isEditOpen, setIsEditOpen] = useState7(false);
-  const [isDeleteOpen, setIsDeleteOpen] = useState7(false);
+  const [sortOrder, setSortOrder] = useState8("asc");
+  const [sortKey, setSortKey] = useState8("workflowTypeId");
+  const [selectedItem, setSelectedItem] = useState8(null);
+  const [isEditOpen, setIsEditOpen] = useState8(false);
+  const [isDeleteOpen, setIsDeleteOpen] = useState8(false);
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -1540,7 +1778,7 @@ function WorkflowTypeTable({
     const query = (searchQuery || "").toLowerCase();
     return item.workflowTypeName.toLowerCase().includes(query) || item.workflowTypeCode.toLowerCase().includes(query) || item.description.toLowerCase().includes(query);
   });
-  useEffect5(() => {
+  useEffect7(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -1626,8 +1864,8 @@ function WorkflowTypeTable({
 }
 
 // src/components/workflow-type/AddWorkflowTypeModal.jsx
-import React14, { useState as useState8 } from "react";
-import Swal2 from "sweetalert2";
+import React14, { useState as useState9 } from "react";
+import Swal4 from "sweetalert2";
 import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 var initialFormData = {
   workflowTypeCode: "",
@@ -1636,12 +1874,12 @@ var initialFormData = {
   createdBy: ""
 };
 var AddWorkflowTypeModal = ({ isOpen, onClose, onSave, createdBy = "" }) => {
-  const [formData, setFormData] = useState8(__spreadProps(__spreadValues({}, initialFormData), {
+  const [formData, setFormData] = useState9(__spreadProps(__spreadValues({}, initialFormData), {
     createdBy
   }));
-  const [errors, setErrors] = useState8({});
-  const [isSubmitting, setIsSubmitting] = useState8(false);
-  const [submitError, setSubmitError] = useState8("");
+  const [errors, setErrors] = useState9({});
+  const [isSubmitting, setIsSubmitting] = useState9(false);
+  const [submitError, setSubmitError] = useState9("");
   const handleChange = ({ target: { name, value } }) => {
     if (name === "description" && value.length > 500) return;
     setFormData((previous) => __spreadProps(__spreadValues({}, previous), { [name]: value }));
@@ -1683,7 +1921,7 @@ var AddWorkflowTypeModal = ({ isOpen, onClose, onSave, createdBy = "" }) => {
     } catch (error) {
       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");
+      await Swal4.fire("Error", message, "error");
     } finally {
       setIsSubmitting(false);
     }
@@ -1699,10 +1937,10 @@ var AddWorkflowTypeModal = ({ isOpen, onClose, onSave, createdBy = "" }) => {
     ] }),
     /* @__PURE__ */ jsxs13("form", { onSubmit: handleSubmit, className: "fc:space-y-4 fc:p-6", children: [
       /* @__PURE__ */ jsxs13("div", { className: "fc:grid fc:grid-cols-2 fc:gap-4", children: [
-        /* @__PURE__ */ jsx14(FormField, { label: "Workflow Type Code", required: true, error: errors.workflowTypeCode, children: /* @__PURE__ */ jsx14("input", { name: "workflowTypeCode", value: formData.workflowTypeCode, onChange: handleChange, placeholder: "e.g. PETITION", className: inputClass(errors.workflowTypeCode) }) }),
-        /* @__PURE__ */ jsx14(FormField, { label: "Workflow Type Name", required: true, error: errors.workflowTypeName, children: /* @__PURE__ */ jsx14("input", { name: "workflowTypeName", value: formData.workflowTypeName, onChange: handleChange, placeholder: "Enter workflow type name", className: inputClass(errors.workflowTypeName) }) })
+        /* @__PURE__ */ jsx14(FormField, { label: "Workflow Type Code", required: true, error: errors.workflowTypeCode, children: /* @__PURE__ */ jsx14("input", { name: "workflowTypeCode", value: formData.workflowTypeCode, onChange: handleChange, placeholder: "e.g. PETITION", className: inputClass3(errors.workflowTypeCode) }) }),
+        /* @__PURE__ */ jsx14(FormField, { label: "Workflow Type Name", required: true, error: errors.workflowTypeName, children: /* @__PURE__ */ jsx14("input", { name: "workflowTypeName", value: formData.workflowTypeName, onChange: handleChange, placeholder: "Enter workflow type name", className: inputClass3(errors.workflowTypeName) }) })
       ] }),
-      /* @__PURE__ */ jsx14(FormField, { label: "Created By", required: true, error: errors.createdBy, children: /* @__PURE__ */ jsx14("input", { name: "createdBy", value: formData.createdBy, onChange: handleChange, placeholder: "Enter user name or ID", className: inputClass(errors.createdBy) }) }),
+      /* @__PURE__ */ jsx14(FormField, { label: "Created By", required: true, error: errors.createdBy, children: /* @__PURE__ */ jsx14("input", { name: "createdBy", value: formData.createdBy, onChange: handleChange, placeholder: "Enter user name or ID", className: inputClass3(errors.createdBy) }) }),
       /* @__PURE__ */ jsx14(FormField, { label: "Description", children: /* @__PURE__ */ jsxs13("div", { className: "fc:relative", children: [
         /* @__PURE__ */ jsx14("textarea", { name: "description", rows: "3", value: formData.description, onChange: handleChange, placeholder: "Enter description", className: "fc:w-full fc:resize-none fc:rounded-xl fc:border fc:border-slate-200 fc:p-3 fc:text-sm fc:text-slate-700 fc:outline-none focus:fc:border-indigo-500" }),
         /* @__PURE__ */ jsxs13("span", { className: "fc:absolute fc:bottom-2 fc:right-3 fc:text-xs fc:text-gray-400", children: [
@@ -1718,7 +1956,7 @@ var AddWorkflowTypeModal = ({ isOpen, onClose, onSave, createdBy = "" }) => {
     ] })
   ] }) });
 };
-var inputClass = (hasError) => `fc:w-full fc:rounded-xl fc:border fc:bg-white fc:p-3 fc:text-sm fc:text-slate-700 fc:outline-none focus:fc:border-indigo-500 ${hasError ? "fc:border-red-500" : "fc:border-slate-200"}`;
+var inputClass3 = (hasError) => `fc:w-full fc:rounded-xl fc:border fc:bg-white fc:p-3 fc:text-sm fc:text-slate-700 fc:outline-none focus:fc:border-indigo-500 ${hasError ? "fc:border-red-500" : "fc:border-slate-200"}`;
 var FormField = ({ label, required, error, children }) => /* @__PURE__ */ jsxs13("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700", children: [
   label,
   " ",
@@ -1731,7 +1969,7 @@ var AddWorkflowTypeModal_default = AddWorkflowTypeModal;
 // src/components/workflow-type/WorkflowTypeMains.js
 import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 function WorkflowTypeMains() {
-  const [refreshkey, setRefreshKey] = useState9(0);
+  const [refreshkey, setRefreshKey] = useState10(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
@@ -1742,11 +1980,11 @@ function WorkflowTypeMains() {
       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");
+      await Swal5.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");
+      await Swal5.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;
     }
   };
@@ -1754,16 +1992,16 @@ function WorkflowTypeMains() {
     return handleUpdateApi(__spreadProps(__spreadValues({}, item), { isActive: false }));
   };
   const tableRef = useRef3(null);
-  const [modalOpen, setModalOpen] = useState9(false);
-  const [pageSize, setPageSize] = useState9(10);
-  const [searchQuery, setSearchQuery] = useState9("");
-  const [currentPage, setCurrentPage] = useState9(1);
-  const [totalEntries, setTotalEntries] = useState9(0);
-  const [isEditOpen, setIsEditOpen] = useState9(false);
-  const [isDeleteOpen, setIsDeleteOpen] = useState9(false);
-  const [selectedItem, setSelectedItem] = useState9(null);
-  const [apiData, setApiData] = useState9([]);
-  useEffect6(() => {
+  const [modalOpen, setModalOpen] = useState10(false);
+  const [pageSize, setPageSize] = useState10(10);
+  const [searchQuery, setSearchQuery] = useState10("");
+  const [currentPage, setCurrentPage] = useState10(1);
+  const [totalEntries, setTotalEntries] = useState10(0);
+  const [isEditOpen, setIsEditOpen] = useState10(false);
+  const [isDeleteOpen, setIsDeleteOpen] = useState10(false);
+  const [selectedItem, setSelectedItem] = useState10(null);
+  const [apiData, setApiData] = useState10([]);
+  useEffect8(() => {
     (async () => {
       var _a, _b, _c, _d, _e, _f, _g;
       try {
@@ -1773,7 +2011,7 @@ function WorkflowTypeMains() {
         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");
+        await Swal5.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]);
@@ -1826,7 +2064,7 @@ function WorkflowTypeMains() {
       ] })
     ] }) }),
     /* @__PURE__ */ jsx15(AddWorkflowTypeModal_default, { isOpen: modalOpen, onClose: () => setModalOpen(false), onSave: async () => {
-      await Swal3.fire("Success", "Workflow type created successfully.", "success");
+      await Swal5.fire("Success", "Workflow type created successfully.", "success");
       handleRefresh();
     } }),
     /* @__PURE__ */ jsx15(EditWorkflowType_default, { isOpen: isEditOpen, onClose: () => setIsEditOpen(false), onSave: handleUpdateApi, selectedData: selectedItem }),
@@ -1835,7 +2073,7 @@ function WorkflowTypeMains() {
 }
 
 // src/components/WorkflowStep/main.js
-import React18, { useState as useState11, useRef as useRef4 } from "react";
+import React18, { useState as useState12, useRef as useRef4 } from "react";
 
 // src/components/Common/footer.js
 import React16 from "react";
@@ -1858,10 +2096,10 @@ function Footer() {
 import Link2 from "next/link";
 
 // src/components/WorkflowStep/AddWorkflowStepModal.js
-import React17, { useState as useState10 } from "react";
+import React17, { useState as useState11 } from "react";
 import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 function AddWorkflowStepModal({ onClose }) {
-  const [formData, setFormData] = useState10({
+  const [formData, setFormData] = useState11({
     workflow: "",
     stepCode: "",
     stepName: "",
@@ -1874,7 +2112,7 @@ function AddWorkflowStepModal({ onClose }) {
     excludeHolidays: true,
     status: "active"
   });
-  const [errors, setErrors] = useState10({});
+  const [errors, setErrors] = useState11({});
   const handleChange = (field, value) => {
     setFormData((prev) => __spreadProps(__spreadValues({}, prev), { [field]: value }));
     if (errors[field]) {
@@ -2221,7 +2459,7 @@ function AddWorkflowStepModal({ onClose }) {
 }
 
 // src/components/WorkflowStep/main.js
-import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 var workflowSteps = [{
   workflowStepId: 1,
   workflowId: 1,
@@ -2351,9 +2589,9 @@ function WorkflowStep() {
     console.log("Download clicked");
   };
   const tableRef = useRef4(null);
-  const [showModal, setShowModal] = useState11(false);
-  const [pageSize, setPageSize] = useState11(5);
-  const [sortConfig, setSortConfig] = useState11({
+  const [showModal, setShowModal] = useState12(false);
+  const [pageSize, setPageSize] = useState12(5);
+  const [sortConfig, setSortConfig] = useState12({
     key: "",
     direction: "asc"
   });
@@ -2367,7 +2605,7 @@ function WorkflowStep() {
       direction
     });
   };
-  return /* @__PURE__ */ jsxs17(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs17(Fragment4, { 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",
@@ -2455,14 +2693,14 @@ function WorkflowStep() {
 }
 
 // src/components/WorkFlowTransition/Transitiontable.js
-import React20, { useState as useState13, useRef as useRef5 } from "react";
+import React20, { useState as useState14, useRef as useRef5 } from "react";
 import Link3 from "next/link";
 
 // src/components/WorkFlowTransition/AddWorkFlowTransitionModal.js
-import React19, { useState as useState12 } from "react";
+import React19, { useState as useState13 } from "react";
 import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
 function AddWorkTransitionStepModal({ onClose, onSubmit }) {
-  const [formData, setFormData] = useState12({
+  const [formData, setFormData] = useState13({
     workflow: "",
     fromStep: "",
     toStep: "",
@@ -2473,7 +2711,7 @@ function AddWorkTransitionStepModal({ onClose, onSubmit }) {
     requireComment: false,
     status: "active"
   });
-  const [errors, setErrors] = useState12({});
+  const [errors, setErrors] = useState13({});
   const validateForm = () => {
     const newErrors = {};
     if (!formData.workflow) newErrors.workflow = "Workflow is required.";
@@ -2825,7 +3063,7 @@ function AddWorkTransitionStepModal({ onClose, onSubmit }) {
 }
 
 // src/components/WorkFlowTransition/Transitiontable.js
-import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
 var WorkflowTransition = [{
   TransitionId: 1,
   workflowId: 1,
@@ -2905,9 +3143,9 @@ function WorkFlowTransition() {
     console.log("Download clicked");
   };
   const tableRef = useRef5(null);
-  const [showModal, setShowModal] = useState13(false);
-  const [pageSize, setPageSize] = useState13(5);
-  const [sortConfig, setSortConfig] = useState13({
+  const [showModal, setShowModal] = useState14(false);
+  const [pageSize, setPageSize] = useState14(5);
+  const [sortConfig, setSortConfig] = useState14({
     key: "",
     direction: "asc"
   });
@@ -2921,7 +3159,7 @@ function WorkFlowTransition() {
       direction
     });
   };
-  return /* @__PURE__ */ jsxs19(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs19(Fragment5, { 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",
@@ -2996,15 +3234,27 @@ function WorkFlowTransition() {
 }
 
 // src/components/user-hierarchy-node-mapping/user_hierarachy_node_main.jsx
-import React26, { useState as useState16, useRef as useRef6 } from "react";
+import React26, { useState as useState18, useRef as useRef6, useEffect as useEffect11 } from "react";
+import Swal6 from "sweetalert2";
 
 // src/components/user-hierarchy-node-mapping/adduserhierarchynode.jsx
-import React21 from "react";
+import React21, { useState as useState15 } from "react";
 import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
 function AddUserHierarchyNodeMappingModal({
   isOpen,
-  onClose
+  onClose,
+  onSave
 }) {
+  const [formData, setFormData] = useState15({ mappingId: "", externalUserId: "", hierarchyNodeId: "", roleCode: "", isPrimary: "", effectiveFrom: "", effectiveTo: "" });
+  const [isSubmitting, setIsSubmitting] = useState15(false);
+  const handleChange = (event) => setFormData((previous) => __spreadProps(__spreadValues({}, previous), { [event.target.name]: event.target.value }));
+  const handleSave = async () => {
+    if (!onSave) return;
+    setIsSubmitting(true);
+    const success = await onSave({ externalUserId: Number(formData.externalUserId), hierarchyNodeId: Number(formData.hierarchyNodeId), roleCode: formData.roleCode, isPrimary: formData.isPrimary === "true", effectiveFrom: formData.effectiveFrom, effectiveTo: formData.effectiveTo || null, createdBy: "System" });
+    setIsSubmitting(false);
+    if (success) onClose();
+  };
   if (!isOpen) return null;
   return /* @__PURE__ */ jsxs20("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
     /* @__PURE__ */ jsx21("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity fc:duration-200", onClick: onClose }),
@@ -3031,7 +3281,7 @@ function AddUserHierarchyNodeMappingModal({
                 "Mapping ID ",
                 /* @__PURE__ */ jsx21("span", { className: "fc:text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ jsx21("input", { type: "text", placeholder: "Enter mapping ID", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 fc:bg-white focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
+              /* @__PURE__ */ jsx21("input", { name: "mappingId", value: formData.mappingId, onChange: handleChange, type: "text", placeholder: "Enter mapping ID", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 fc:bg-white focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
               /* @__PURE__ */ jsx21("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the unique mapping ID" })
             ] }),
             /* @__PURE__ */ jsxs20("div", { children: [
@@ -3039,7 +3289,7 @@ function AddUserHierarchyNodeMappingModal({
                 "External User ID ",
                 /* @__PURE__ */ jsx21("span", { className: "fc:text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ jsx21("input", { type: "text", placeholder: "Enter external user ID", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 fc:bg-white focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
+              /* @__PURE__ */ jsx21("input", { name: "externalUserId", value: formData.externalUserId, onChange: handleChange, type: "text", placeholder: "Enter external user ID", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 fc:bg-white focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
               /* @__PURE__ */ jsx21("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the consumer user ID" })
             ] })
           ] }),
@@ -3048,7 +3298,7 @@ function AddUserHierarchyNodeMappingModal({
               "Hierarchy Node ID ",
               /* @__PURE__ */ jsx21("span", { className: "fc:text-red-500", children: "*" })
             ] }),
-            /* @__PURE__ */ jsx21("input", { type: "text", placeholder: "Enter hierarchy node ID", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
+            /* @__PURE__ */ jsx21("input", { name: "hierarchyNodeId", value: formData.hierarchyNodeId, onChange: handleChange, type: "text", placeholder: "Enter hierarchy node ID", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
             /* @__PURE__ */ jsx21("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the hierarchy node assigned to the user" })
           ] }),
           /* @__PURE__ */ jsxs20("div", { className: "fc:grid fc:grid-cols-2 fc:gap-5", children: [
@@ -3057,7 +3307,7 @@ function AddUserHierarchyNodeMappingModal({
                 "Role Code ",
                 /* @__PURE__ */ jsx21("span", { className: "fc:text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ jsx21("input", { type: "text", placeholder: "Enter role code", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
+              /* @__PURE__ */ jsx21("input", { name: "roleCode", value: formData.roleCode, onChange: handleChange, type: "text", placeholder: "Enter role code", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
               /* @__PURE__ */ jsx21("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the user role code, for example DEO or RO" })
             ] }),
             /* @__PURE__ */ jsxs20("div", { children: [
@@ -3065,7 +3315,7 @@ function AddUserHierarchyNodeMappingModal({
                 "Is Primary ",
                 /* @__PURE__ */ jsx21("span", { className: "fc:text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ jsxs20("select", { className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500", children: [
+              /* @__PURE__ */ jsxs20("select", { name: "isPrimary", value: formData.isPrimary, onChange: handleChange, className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500", children: [
                 /* @__PURE__ */ jsx21("option", { value: "", children: "Select primary status" }),
                 /* @__PURE__ */ jsx21("option", { value: "true", children: "Yes" }),
                 /* @__PURE__ */ jsx21("option", { value: "false", children: "No" })
@@ -3085,12 +3335,12 @@ function AddUserHierarchyNodeMappingModal({
                 "Effective From ",
                 /* @__PURE__ */ jsx21("span", { className: "fc:text-red-500", children: "*" })
               ] }),
-              /* @__PURE__ */ jsx21("input", { type: "date", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
+              /* @__PURE__ */ jsx21("input", { name: "effectiveFrom", value: formData.effectiveFrom, onChange: handleChange, type: "date", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
               /* @__PURE__ */ jsx21("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Select the date from which this mapping is effective" })
             ] }),
             /* @__PURE__ */ jsxs20("div", { children: [
               /* @__PURE__ */ jsx21("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: "Effective To" }),
-              /* @__PURE__ */ jsx21("input", { type: "date", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
+              /* @__PURE__ */ jsx21("input", { name: "effectiveTo", value: formData.effectiveTo, onChange: handleChange, type: "date", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
               /* @__PURE__ */ jsx21("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Select the date until which this mapping is effective" })
             ] })
           ] })
@@ -3098,7 +3348,7 @@ function AddUserHierarchyNodeMappingModal({
       ] }),
       /* @__PURE__ */ jsxs20("div", { className: "fc:p-5 fc:bg-white fc:border-t fc:border-slate-100 fc:flex fc:items-center fc:justify-end fc:gap-3 fc:px-8", children: [
         /* @__PURE__ */ jsx21("button", { onClick: onClose, className: "fc:px-6 fc:py-2.5 fc:border fc:border-slate-200 fc:text-slate-600 fc:text-xs fc:font-bold fc:rounded-xl hover:fc:fc:bg-slate-50 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u2715 Cancel" }),
-        /* @__PURE__ */ jsx21("button", { type: "button", className: "fc:px-6 fc:py-2.5 fc:bg-indigo-600 hover:fc:fc:bg-indigo-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-indigo-500/10 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u{1F4BE} Save Mapping" })
+        /* @__PURE__ */ jsx21("button", { type: "button", onClick: handleSave, disabled: isSubmitting, className: "fc:px-6 fc:py-2.5 fc:bg-indigo-600 hover:fc:fc:bg-indigo-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-indigo-500/10 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u{1F4BE} Save Mapping" })
       ] })
     ] })
   ] });
@@ -3129,10 +3379,10 @@ function MappingSearchBar({
 }
 
 // src/components/user-hierarchy-node-mapping/userhierarchynodetable.jsx
-import React25, { useState as useState15, useEffect as useEffect8 } from "react";
+import React25, { useState as useState17, useEffect as useEffect10 } from "react";
 
 // src/components/user-hierarchy-node-mapping/edit-mapping.jsx
-import React23, { useEffect as useEffect7, useState as useState14 } from "react";
+import React23, { useEffect as useEffect9, useState as useState16 } from "react";
 import { jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
 function EditUserHierarchyNodeMappingModal({
   isOpen,
@@ -3140,14 +3390,14 @@ function EditUserHierarchyNodeMappingModal({
   selectedMapping,
   onSave
 }) {
-  const [formData, setFormData] = useState14({
+  const [formData, setFormData] = useState16({
     hierarchyNodeId: "",
     roleCode: "",
     isPrimary: "",
     effectiveFrom: "",
     effectiveTo: ""
   });
-  useEffect7(() => {
+  useEffect9(() => {
     if (selectedMapping) {
       setFormData({
         hierarchyNodeId: selectedMapping.hierarchyNodeId || "",
@@ -3165,14 +3415,23 @@ function EditUserHierarchyNodeMappingModal({
       [name]: value
     }));
   };
-  const handleSubmit = (event) => {
+  const handleSubmit = async (event) => {
+    var _a, _b, _c;
     event.preventDefault();
     if (onSave) {
-      onSave(__spreadProps(__spreadValues(__spreadValues({}, selectedMapping), formData), {
-        isPrimary: formData.isPrimary === "true"
-      }));
+      const success = await onSave({
+        mappingId: Number((_a = selectedMapping.mappingId) != null ? _a : selectedMapping.id),
+        externalUserId: Number(selectedMapping.externalUserId),
+        hierarchyNodeId: Number(formData.hierarchyNodeId),
+        roleCode: formData.roleCode,
+        isPrimary: formData.isPrimary === "true",
+        effectiveFrom: formData.effectiveFrom,
+        effectiveTo: formData.effectiveTo || null,
+        isActive: (_c = (_b = selectedMapping.isActive) != null ? _b : selectedMapping.status) != null ? _c : true,
+        updatedBy: selectedMapping.updatedBy || selectedMapping.createdBy || "System"
+      });
+      if (success) onClose();
     }
-    onClose();
   };
   return /* @__PURE__ */ jsxs22("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
     /* @__PURE__ */ jsx23(
@@ -3376,266 +3635,21 @@ function DeleteUserHierarchyNodeMappingModal({
 // src/components/user-hierarchy-node-mapping/userhierarchynodetable.jsx
 import { jsx as jsx25, jsxs as jsxs24 } from "react/jsx-runtime";
 function UserHierarchyNodeMappingTable({
+  apiData,
   pageSize,
   searchQuery = "",
   currentPage,
   setCurrentPage,
-  setTotalEntries
+  setTotalEntries,
+  onUpdate,
+  onDelete
 }) {
-  const initialData = [{
-    id: 1,
-    mappingId: 1,
-    externalUserId: 101,
-    hierarchyNodeId: 2,
-    roleCode: "DEO",
-    isPrimary: true,
-    effectiveFrom: "2026-01-01",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 2,
-    mappingId: 2,
-    externalUserId: 101,
-    hierarchyNodeId: 3,
-    roleCode: "RO",
-    isPrimary: false,
-    effectiveFrom: "2026-01-01",
-    effectiveTo: "",
-    status: false
-  }, {
-    id: 3,
-    mappingId: 3,
-    externalUserId: 102,
-    hierarchyNodeId: 4,
-    roleCode: "AO",
-    isPrimary: true,
-    effectiveFrom: "2026-01-03",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 4,
-    mappingId: 4,
-    externalUserId: 103,
-    hierarchyNodeId: 5,
-    roleCode: "SO",
-    isPrimary: false,
-    effectiveFrom: "2026-01-05",
-    effectiveTo: "2026-12-31",
-    status: false
-  }, {
-    id: 5,
-    mappingId: 5,
-    externalUserId: 104,
-    hierarchyNodeId: 6,
-    roleCode: "DEO",
-    isPrimary: true,
-    effectiveFrom: "2026-01-07",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 6,
-    mappingId: 6,
-    externalUserId: 105,
-    hierarchyNodeId: 7,
-    roleCode: "RO",
-    isPrimary: false,
-    effectiveFrom: "2026-01-09",
-    effectiveTo: "",
-    status: false
-  }, {
-    id: 7,
-    mappingId: 7,
-    externalUserId: 106,
-    hierarchyNodeId: 8,
-    roleCode: "AO",
-    isPrimary: true,
-    effectiveFrom: "2026-01-11",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 8,
-    mappingId: 8,
-    externalUserId: 107,
-    hierarchyNodeId: 9,
-    roleCode: "SO",
-    isPrimary: false,
-    effectiveFrom: "2026-01-13",
-    effectiveTo: "2026-09-30",
-    status: false
-  }, {
-    id: 9,
-    mappingId: 9,
-    externalUserId: 108,
-    hierarchyNodeId: 10,
-    roleCode: "DEO",
-    isPrimary: true,
-    effectiveFrom: "2026-01-15",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 10,
-    mappingId: 10,
-    externalUserId: 109,
-    hierarchyNodeId: 11,
-    roleCode: "RO",
-    isPrimary: false,
-    effectiveFrom: "2026-01-17",
-    effectiveTo: "",
-    status: false
-  }, {
-    id: 11,
-    mappingId: 11,
-    externalUserId: 110,
-    hierarchyNodeId: 12,
-    roleCode: "AO",
-    isPrimary: true,
-    effectiveFrom: "2026-01-19",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 12,
-    mappingId: 12,
-    externalUserId: 111,
-    hierarchyNodeId: 13,
-    roleCode: "SO",
-    isPrimary: false,
-    effectiveFrom: "2026-01-21",
-    effectiveTo: "2026-10-31",
-    status: false
-  }, {
-    id: 13,
-    mappingId: 13,
-    externalUserId: 112,
-    hierarchyNodeId: 14,
-    roleCode: "DEO",
-    isPrimary: true,
-    effectiveFrom: "2026-01-23",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 14,
-    mappingId: 14,
-    externalUserId: 113,
-    hierarchyNodeId: 15,
-    roleCode: "RO",
-    isPrimary: false,
-    effectiveFrom: "2026-01-25",
-    effectiveTo: "",
-    status: false
-  }, {
-    id: 15,
-    mappingId: 15,
-    externalUserId: 114,
-    hierarchyNodeId: 16,
-    roleCode: "AO",
-    isPrimary: true,
-    effectiveFrom: "2026-01-27",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 16,
-    mappingId: 16,
-    externalUserId: 115,
-    hierarchyNodeId: 17,
-    roleCode: "SO",
-    isPrimary: false,
-    effectiveFrom: "2026-01-29",
-    effectiveTo: "2026-11-30",
-    status: false
-  }, {
-    id: 17,
-    mappingId: 17,
-    externalUserId: 116,
-    hierarchyNodeId: 18,
-    roleCode: "DEO",
-    isPrimary: true,
-    effectiveFrom: "2026-02-01",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 18,
-    mappingId: 18,
-    externalUserId: 117,
-    hierarchyNodeId: 19,
-    roleCode: "RO",
-    isPrimary: false,
-    effectiveFrom: "2026-02-03",
-    effectiveTo: "",
-    status: false
-  }, {
-    id: 19,
-    mappingId: 19,
-    externalUserId: 118,
-    hierarchyNodeId: 20,
-    roleCode: "AO",
-    isPrimary: true,
-    effectiveFrom: "2026-02-05",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 20,
-    mappingId: 20,
-    externalUserId: 119,
-    hierarchyNodeId: 21,
-    roleCode: "SO",
-    isPrimary: false,
-    effectiveFrom: "2026-02-07",
-    effectiveTo: "2026-12-31",
-    status: false
-  }, {
-    id: 21,
-    mappingId: 21,
-    externalUserId: 120,
-    hierarchyNodeId: 22,
-    roleCode: "DEO",
-    isPrimary: true,
-    effectiveFrom: "2026-02-09",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 22,
-    mappingId: 22,
-    externalUserId: 121,
-    hierarchyNodeId: 23,
-    roleCode: "RO",
-    isPrimary: false,
-    effectiveFrom: "2026-02-11",
-    effectiveTo: "",
-    status: false
-  }, {
-    id: 23,
-    mappingId: 23,
-    externalUserId: 122,
-    hierarchyNodeId: 24,
-    roleCode: "AO",
-    isPrimary: true,
-    effectiveFrom: "2026-02-13",
-    effectiveTo: "",
-    status: true
-  }, {
-    id: 24,
-    mappingId: 24,
-    externalUserId: 123,
-    hierarchyNodeId: 25,
-    roleCode: "SO",
-    isPrimary: false,
-    effectiveFrom: "2026-02-15",
-    effectiveTo: "2026-08-31",
-    status: false
-  }, {
-    id: 25,
-    mappingId: 25,
-    externalUserId: 124,
-    hierarchyNodeId: 26,
-    roleCode: "DEO",
-    isPrimary: true,
-    effectiveFrom: "2026-02-17",
-    effectiveTo: "",
-    status: true
-  }];
-  const [data, setData] = useState15(initialData);
-  const [sortOrder, setSortOrder] = useState15("asc");
-  const [sortKey, setSortKey] = useState15("mappingId");
+  const [data, setData] = useState17(apiData || []);
+  useEffect10(() => {
+    setData(apiData || []);
+  }, [apiData]);
+  const [sortOrder, setSortOrder] = useState17("asc");
+  const [sortKey, setSortKey] = useState17("mappingId");
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -3651,7 +3665,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);
   });
-  useEffect8(() => {
+  useEffect10(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -3660,9 +3674,9 @@ function UserHierarchyNodeMappingTable({
   const pageNumbers = Array.from({
     length: totalPages
   }, (_, i) => i + 1);
-  const [showEditPopup, setShowEditPopup] = useState15(false);
-  const [showDeletePopup, setShowDeletePopup] = useState15(false);
-  const [selectedItem, setSelectedItem] = useState15(null);
+  const [showEditPopup, setShowEditPopup] = useState17(false);
+  const [showDeletePopup, setShowDeletePopup] = useState17(false);
+  const [selectedItem, setSelectedItem] = useState17(null);
   const openEditPopup = (item) => {
     setSelectedItem(item);
     setShowEditPopup(true);
@@ -3679,16 +3693,16 @@ function UserHierarchyNodeMappingTable({
     setShowDeletePopup(false);
     setSelectedItem(null);
   };
-  const handleDelete = () => {
-    setData(
-      (prev) => prev.filter((item) => item.id !== (selectedItem == null ? void 0 : selectedItem.id))
-    );
-    closeDeletePopup();
+  const handleDelete = async () => {
+    if (await (onDelete == null ? void 0 : onDelete(selectedItem))) closeDeletePopup();
   };
   const toggleStatus = (id) => {
-    setData((prev) => prev.map((item) => item.id === id ? __spreadProps(__spreadValues({}, item), {
-      status: !item.status
-    }) : item));
+    var _a, _b;
+    const item = data.find((record) => {
+      var _a2;
+      return ((_a2 = record.mappingId) != null ? _a2 : record.id) === id;
+    });
+    if (item) onUpdate == null ? void 0 : onUpdate(__spreadProps(__spreadValues({}, item), { mappingId: (_a = item.mappingId) != null ? _a : item.id, isActive: !((_b = item.isActive) != null ? _b : item.status), updatedBy: item.updatedBy || item.createdBy || "System" }));
   };
   return /* @__PURE__ */ jsxs24("div", { className: "fc:space-y-5", children: [
     /* @__PURE__ */ jsx25("div", { className: "fc:w-full fc:overflow-x-hidden fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm fc:max-h-[420px] fc:overflow-y-auto", children: /* @__PURE__ */ jsxs24("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-fixed", children: [
@@ -3720,29 +3734,35 @@ function UserHierarchyNodeMappingTable({
         /* @__PURE__ */ jsx25("th", { className: "fc:py-4 fc:px-5 fc:text-s fc:bg-slate-50 fc:text-center fc:whitespace-nowrap", children: "STATUS" }),
         /* @__PURE__ */ jsx25("th", { className: "fc:py-4 fc:px-5 fc:text-s fc:bg-slate-50 fc:text-center fc:whitespace-nowrap", children: "ACTION" })
       ] }) }),
-      /* @__PURE__ */ jsx25("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-s fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ jsxs24("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
-        /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-4 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
-        /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5  fc:text-slate-600  fc:whitespace-nowrap", children: item.mappingId }),
-        /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-slate-600   fc:whitespace-nowrap", children: item.externalUserId }),
-        /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-slate-600  fc:whitespace-nowrap", children: item.hierarchyNodeId }),
-        /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5  fc:text-slate-600  fc:whitespace-nowrap", children: item.roleCode }),
-        /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ jsx25("span", { className: `fc:px-2 fc:py-0.5 fc:text-xs fc:font-semibold fc:rounded${item.isPrimary ? "bg-emerald-50 text-emerald-600 border border-emerald-200" : "bg-rose-50 text-rose-600 border border-rose-200"}`, children: item.isPrimary ? "\u2713 Yes" : "\u2715 No" }) }),
-        /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: item.effectiveFrom }),
-        /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: item.effectiveTo }),
-        /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ jsx25("button", { onClick: () => toggleStatus(item.id), className: `fc:relative fc:inline-flex fc:h-5.5 fc:w-10 fc:shrink-0 fc:cursor-pointer fc:rounded-full fc:border-2 fc:border-transparent fc:transition-colors fc:duration-200 fc:ease-in-out fc:outline-none ${item.status ? "fc:bg-blue-600" : "fc:bg-gray-200"}`, children: /* @__PURE__ */ jsx25("span", { className: `fc:pointer-events-none fc:inline-block fc:h-4.5 fc:w-4.5 fc:transform fc:rounded-full fc:bg-white fc:shadow fc:ring-0 fc:transition fc:duration-200 fc:ease-in-out ${item.status ? "fc:translate-x-5" : "fc:translate-x-0"}` }) }) }),
-        /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-2 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ jsxs24("div", { className: "fc:flex fc:justify-center fc:items-center fc:gap-2", children: [
-          /* @__PURE__ */ jsx25(
-            "button",
-            {
-              type: "button",
-              onClick: () => openEditPopup(item),
-              className: "  fc:px-3 fc:py-1 fc:bg-blue-100/70 hover:fc:bg-blue-200/80 fc:text-blue-600 fc:font-semibold fc:text-xs fc:rounded-lg fc:transition-all fc:duration-150 fc:cursor-pointer",
-              children: "Edit"
-            }
-          ),
-          /* @__PURE__ */ jsx25("button", { onClick: () => openDeletePopup(item), className: "fc:px-3 fc:py-1 fc:bg-rose-100/70 hover:fc:bg-rose-200/80 fc:text-rose-600 fc:font-semibold fc:text-xs fc:rounded-lg fc:transition-all fc:duration-150 fc:cursor-pointer", children: "Delete" })
-        ] }) })
-      ] }, item.id)) })
+      /* @__PURE__ */ jsx25("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-s fc:text-slate-600", children: visibleData.map((item, index) => {
+        var _a, _b;
+        return /* @__PURE__ */ jsxs24("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
+          /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-4 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
+          /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5  fc:text-slate-600  fc:whitespace-nowrap", children: item.mappingId }),
+          /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-slate-600   fc:whitespace-nowrap", children: item.externalUserId }),
+          /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-slate-600  fc:whitespace-nowrap", children: item.hierarchyNodeId }),
+          /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5  fc:text-slate-600  fc:whitespace-nowrap", children: item.roleCode }),
+          /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ jsx25("span", { className: `fc:px-2 fc:py-0.5 fc:text-xs fc:font-semibold fc:rounded${item.isPrimary ? "bg-emerald-50 text-emerald-600 border border-emerald-200" : "bg-rose-50 text-rose-600 border border-rose-200"}`, children: item.isPrimary ? "\u2713 Yes" : "\u2715 No" }) }),
+          /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: item.effectiveFrom }),
+          /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: item.effectiveTo }),
+          /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ jsx25("button", { onClick: () => {
+            var _a2;
+            return toggleStatus((_a2 = item.mappingId) != null ? _a2 : item.id);
+          }, className: `fc:relative fc:inline-flex fc:h-5.5 fc:w-10 fc:shrink-0 fc:cursor-pointer fc:rounded-full fc:border-2 fc:border-transparent fc:transition-colors fc:duration-200 fc:ease-in-out fc:outline-none ${((_a = item.isActive) != null ? _a : item.status) ? "fc:bg-blue-600" : "fc:bg-gray-200"}`, children: /* @__PURE__ */ jsx25("span", { className: `fc:pointer-events-none fc:inline-block fc:h-4.5 fc:w-4.5 fc:transform fc:rounded-full fc:bg-white fc:shadow fc:ring-0 fc:transition fc:duration-200 fc:ease-in-out ${((_b = item.isActive) != null ? _b : item.status) ? "fc:translate-x-5" : "fc:translate-x-0"}` }) }) }),
+          /* @__PURE__ */ jsx25("td", { className: "fc:py-4 fc:px-2 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ jsxs24("div", { className: "fc:flex fc:justify-center fc:items-center fc:gap-2", children: [
+            /* @__PURE__ */ jsx25(
+              "button",
+              {
+                type: "button",
+                onClick: () => openEditPopup(item),
+                className: "  fc:px-3 fc:py-1 fc:bg-blue-100/70 hover:fc:bg-blue-200/80 fc:text-blue-600 fc:font-semibold fc:text-xs fc:rounded-lg fc:transition-all fc:duration-150 fc:cursor-pointer",
+                children: "Edit"
+              }
+            ),
+            /* @__PURE__ */ jsx25("button", { onClick: () => openDeletePopup(item), className: "fc:px-3 fc:py-1 fc:bg-rose-100/70 hover:fc:bg-rose-200/80 fc:text-rose-600 fc:font-semibold fc:text-xs fc:rounded-lg fc:transition-all fc:duration-150 fc:cursor-pointer", children: "Delete" })
+          ] }) })
+        ] }, item.id);
+      }) })
     ] }) }),
     /* @__PURE__ */ jsxs24("div", { className: "fc:flex fc:items-center fc:justify-end fc:gap-1 fc:text-[13px] fc:text-slate-700 fc:font-normal fc:mt-4 fc:bg-slate-50/50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
       /* @__PURE__ */ jsx25("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), disabled: currentPage === 1, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:mr-2 disabled:fc:fc:opacity-40", children: "\u2039 Prev" }),
@@ -3754,7 +3774,8 @@ function UserHierarchyNodeMappingTable({
       {
         isOpen: showEditPopup,
         onClose: closeEditPopup,
-        selectedMapping: selectedItem
+        selectedMapping: selectedItem,
+        onSave: (payload) => onUpdate == null ? void 0 : onUpdate(payload)
       }
     ),
     /* @__PURE__ */ jsx25(
@@ -3772,21 +3793,49 @@ function UserHierarchyNodeMappingTable({
 // src/components/user-hierarchy-node-mapping/user_hierarachy_node_main.jsx
 import { jsx as jsx26, jsxs as jsxs25 } from "react/jsx-runtime";
 function User_hierarchy_mapping_main() {
-  const [refreshkey, setRefreshKey] = useState16(0);
+  const [refreshkey, setRefreshKey] = useState18(0);
+  const [apiData, setApiData] = useState18([]);
+  useEffect11(() => {
+    (async () => {
+      var _a, _b, _c, _d, _e, _f, _g;
+      try {
+        const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.userHierarchyNodeMapping) == null ? void 0 : _c.getList;
+        if (!endpoint) throw new Error("User hierarchy node mapping list endpoint is not configured.");
+        const result = await getApiService().post(endpoint, {});
+        const value = ((_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) || ((_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) || (result == null ? void 0 : result.data) || result;
+        setApiData(Array.isArray(value) ? value : (value == null ? void 0 : value.items) || (value == null ? void 0 : value.records) || []);
+      } catch (error) {
+        await Swal6.fire("Error", ((_g = (_f = error == null ? void 0 : error.response) == null ? void 0 : _f.data) == null ? void 0 : _g.message) || (error == null ? void 0 : error.message) || "Unable to load user hierarchy node mappings.", "error");
+      }
+    })();
+  }, [refreshkey]);
   const handleRefresh = () => {
-    console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
   const tableRef = useRef6(null);
-  const [modalOpen, setModalOpen] = useState16(false);
-  const [pageSize, setPageSize] = useState16(10);
-  const [searchQuery, setSearchQuery] = useState16("");
-  const [currentPage, setCurrentPage] = useState16(1);
-  const [totalEntries, setTotalEntries] = useState16(0);
+  const [modalOpen, setModalOpen] = useState18(false);
+  const [pageSize, setPageSize] = useState18(10);
+  const [searchQuery, setSearchQuery] = useState18("");
+  const [currentPage, setCurrentPage] = useState18(1);
+  const [totalEntries, setTotalEntries] = useState18(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
   };
+  const saveMapping = async (payload, isEdit = false) => {
+    var _a, _b, _c, _d, _e;
+    try {
+      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.userHierarchyNodeMapping) == null ? void 0 : _c[isEdit ? "update" : "create"];
+      if (!endpoint) throw new Error(`User hierarchy node mapping ${isEdit ? "update" : "create"} endpoint is not configured.`);
+      await getApiService()[isEdit ? "put" : "post"](endpoint, payload);
+      await Swal6.fire("Success", `User hierarchy node mapping ${isEdit ? "updated" : "created"} successfully.`, "success");
+      handleRefresh();
+      return true;
+    } catch (error) {
+      await Swal6.fire("Error", ((_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || (error == null ? void 0 : error.message) || `Unable to ${isEdit ? "update" : "create"} user hierarchy node mapping.`, "error");
+      return false;
+    }
+  };
   return /* @__PURE__ */ jsxs25("div", { className: "fc:min-h-screen fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
     /* @__PURE__ */ jsxs25("div", { className: "fc:w-full fc:space-y-5", children: [
       /* @__PURE__ */ jsx26(CommonHeader, { title: "User Hierarchy Node Mapping", breadcrumbs: [{
@@ -3816,15 +3865,15 @@ function User_hierarchy_mapping_main() {
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx26("div", { ref: tableRef, children: /* @__PURE__ */ jsx26(UserHierarchyNodeMappingTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries }, refreshkey) })
+        /* @__PURE__ */ jsx26("div", { ref: tableRef, children: /* @__PURE__ */ jsx26(UserHierarchyNodeMappingTable, { apiData, pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries, onUpdate: (payload) => saveMapping(payload, true), onDelete: (item) => saveMapping(__spreadProps(__spreadValues({}, item), { mappingId: item.mappingId, isActive: false, updatedBy: item.updatedBy || item.createdBy || "System" }), true) }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx26(AddUserHierarchyNodeMappingModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
+    /* @__PURE__ */ jsx26(AddUserHierarchyNodeMappingModal, { isOpen: modalOpen, onClose: () => setModalOpen(false), onSave: (payload) => saveMapping(payload) })
   ] });
 }
 
 // src/components/document-configuration/DocumentConfigurationmain.jsx
-import React32, { useState as useState20, useRef as useRef7 } from "react";
+import React32, { useState as useState22, useRef as useRef7 } from "react";
 
 // src/components/document-configuration/SearchBar.jsx
 import React27 from "react";
@@ -3844,10 +3893,10 @@ function SearchBar3({
 }
 
 // src/components/document-configuration/DocumentConfigurationTable.jsx
-import React30, { useState as useState18, useEffect as useEffect10 } from "react";
+import React30, { useState as useState20, useEffect as useEffect13 } from "react";
 
 // src/components/document-configuration/Edit.jsx
-import React28, { useState as useState17, useEffect as useEffect9 } from "react";
+import React28, { useState as useState19, useEffect as useEffect12 } from "react";
 import { jsx as jsx28, jsxs as jsxs27 } from "react/jsx-runtime";
 function EditDocumentConfiguration({
   isOpen,
@@ -3855,7 +3904,7 @@ function EditDocumentConfiguration({
   initialData,
   onSave
 }) {
-  const [formData, setFormData] = useState17({
+  const [formData, setFormData] = useState19({
     docName: "",
     stepId: "",
     extensions: "",
@@ -3864,8 +3913,8 @@ function EditDocumentConfiguration({
     isMandatory: false,
     status: "Active"
   });
-  const [errors, setErrors] = useState17({});
-  useEffect9(() => {
+  const [errors, setErrors] = useState19({});
+  useEffect12(() => {
     if (initialData) {
       const sizeParts = (initialData.maxSize || "10 MB").split(" ");
       setFormData({
@@ -4274,12 +4323,12 @@ function DocumentConfigTable({
       status: "Active"
     }
   ];
-  const [data, setData] = useState18(initialData);
-  const [sortOrder, setSortOrder] = useState18("asc");
-  const [sortKey, setSortKey] = useState18("docName");
-  const [isEditOpen, setIsEditOpen] = useState18(false);
-  const [isDeleteOpen, setIsDeleteOpen] = useState18(false);
-  const [selectedItem, setSelectedItem] = useState18(null);
+  const [data, setData] = useState20(initialData);
+  const [sortOrder, setSortOrder] = useState20("asc");
+  const [sortKey, setSortKey] = useState20("docName");
+  const [isEditOpen, setIsEditOpen] = useState20(false);
+  const [isDeleteOpen, setIsDeleteOpen] = useState20(false);
+  const [selectedItem, setSelectedItem] = useState20(null);
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -4295,7 +4344,7 @@ function DocumentConfigTable({
     const query = (searchQuery || "").toLowerCase();
     return item.docName.toLowerCase().includes(query) || item.extensions.toLowerCase().includes(query) || item.stepId.toLowerCase().includes(query);
   });
-  useEffect10(() => {
+  useEffect13(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -4501,19 +4550,19 @@ function DocumentConfigTable({
 }
 
 // src/components/document-configuration/AddDocumentConfigurationModal.jsx
-import React31, { useState as useState19 } from "react";
+import React31, { useState as useState21 } from "react";
 import { jsx as jsx31, jsxs as jsxs30 } from "react/jsx-runtime";
 function AddDocumentConfigModal({
   isOpen,
   onClose
 }) {
-  const [isMandatory, setIsMandatory] = useState19(false);
-  const [status, setStatus] = useState19("Active");
-  const [documentName, setDocumentName] = useState19("");
-  const [stepId, setStepId] = useState19("");
-  const [maxSize, setMaxSize] = useState19("");
-  const [allowedExtensions, setAllowedExtensions] = useState19("");
-  const [errors, setErrors] = useState19({});
+  const [isMandatory, setIsMandatory] = useState21(false);
+  const [status, setStatus] = useState21("Active");
+  const [documentName, setDocumentName] = useState21("");
+  const [stepId, setStepId] = useState21("");
+  const [maxSize, setMaxSize] = useState21("");
+  const [allowedExtensions, setAllowedExtensions] = useState21("");
+  const [errors, setErrors] = useState21({});
   const handleSave = () => {
     let newErrors = {};
     if (!documentName.trim()) {
@@ -4646,17 +4695,17 @@ function AddDocumentConfigModal({
 // src/components/document-configuration/DocumentConfigurationmain.jsx
 import { jsx as jsx32, jsxs as jsxs31 } from "react/jsx-runtime";
 function DocumentConfigurationmain() {
-  const [refreshkey, setRefreshKey] = useState20(0);
+  const [refreshkey, setRefreshKey] = useState22(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
   const tableRef = useRef7(null);
-  const [modalOpen, setModalOpen] = useState20(false);
-  const [pageSize, setPageSize] = useState20(10);
-  const [searchQuery, setSearchQuery] = useState20("");
-  const [currentPage, setCurrentPage] = useState20(1);
-  const [totalEntries, setTotalEntries] = useState20(0);
+  const [modalOpen, setModalOpen] = useState22(false);
+  const [pageSize, setPageSize] = useState22(10);
+  const [searchQuery, setSearchQuery] = useState22("");
+  const [currentPage, setCurrentPage] = useState22(1);
+  const [totalEntries, setTotalEntries] = useState22(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -4696,7 +4745,7 @@ function DocumentConfigurationmain() {
 }
 
 // src/components/audit-log/AuditLogmain.jsx
-import React36, { useState as useState23, useRef as useRef8 } from "react";
+import React36, { useState as useState25, useRef as useRef8 } from "react";
 
 // src/components/audit-log/SearchBar.jsx
 import React33 from "react";
@@ -4716,7 +4765,7 @@ function SearchBar4({
 }
 
 // src/components/audit-log/AuditLogTable.jsx
-import React34, { useState as useState21, useEffect as useEffect11 } from "react";
+import React34, { useState as useState23, useEffect as useEffect14 } from "react";
 import { jsx as jsx34, jsxs as jsxs33 } from "react/jsx-runtime";
 function AuditLogTable({
   pageSize,
@@ -4926,9 +4975,9 @@ function AuditLogTable({
     ip: "192.168.1.45",
     time: "2026-07-17 15:55"
   }];
-  const [data, setData] = useState21(initialData);
-  const [sortOrder, setSortOrder] = useState21("asc");
-  const [sortKey, setSortKey] = useState21("logId");
+  const [data, setData] = useState23(initialData);
+  const [sortOrder, setSortOrder] = useState23("asc");
+  const [sortKey, setSortKey] = useState23("logId");
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -4944,7 +4993,7 @@ function AuditLogTable({
     const query = (searchQuery || "").toLowerCase();
     return item.logId.toLowerCase().includes(query) || item.user.toLowerCase().includes(query) || item.section.toLowerCase().includes(query) || item.action.toLowerCase().includes(query);
   });
-  useEffect11(() => {
+  useEffect14(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -5012,19 +5061,19 @@ function AuditLogTable({
 }
 
 // src/components/audit-log/AddAuditLogModal.jsx
-import React35, { useState as useState22 } from "react";
+import React35, { useState as useState24 } from "react";
 import { jsx as jsx35, jsxs as jsxs34 } from "react/jsx-runtime";
 function AddAuditLogModal({
   isOpen,
   onClose
 }) {
-  const [logId, setLogId] = useState22("");
-  const [userName, setUserName] = useState22("");
-  const [actionType, setActionType] = useState22("");
-  const [ipAddress, setIpAddress] = useState22("");
-  const [sectionModule, setSectionModule] = useState22("");
-  const [timestamp, setTimestamp] = useState22("");
-  const [errors, setErrors] = useState22({});
+  const [logId, setLogId] = useState24("");
+  const [userName, setUserName] = useState24("");
+  const [actionType, setActionType] = useState24("");
+  const [ipAddress, setIpAddress] = useState24("");
+  const [sectionModule, setSectionModule] = useState24("");
+  const [timestamp, setTimestamp] = useState24("");
+  const [errors, setErrors] = useState24({});
   const handleCommit = () => {
     let newErrors = {};
     if (!logId.trim()) newErrors.logId = "Log ID is required";
@@ -5143,17 +5192,17 @@ function AddAuditLogModal({
 // src/components/audit-log/AuditLogmain.jsx
 import { jsx as jsx36, jsxs as jsxs35 } from "react/jsx-runtime";
 function AuditLogmain() {
-  const [refreshkey, setRefreshKey] = useState23(0);
+  const [refreshkey, setRefreshKey] = useState25(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
   const tableRef = useRef8(null);
-  const [modalOpen, setModalOpen] = useState23(false);
-  const [pageSize, setPageSize] = useState23(10);
-  const [searchQuery, setSearchQuery] = useState23("");
-  const [currentPage, setCurrentPage] = useState23(1);
-  const [totalEntries, setTotalEntries] = useState23(0);
+  const [modalOpen, setModalOpen] = useState25(false);
+  const [pageSize, setPageSize] = useState25(10);
+  const [searchQuery, setSearchQuery] = useState25("");
+  const [currentPage, setCurrentPage] = useState25(1);
+  const [totalEntries, setTotalEntries] = useState25(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -5212,7 +5261,7 @@ function AuditLogmain() {
 }
 
 // src/components/movement-history/MovementHistorymain.jsx
-import React40, { useState as useState26, useRef as useRef9 } from "react";
+import React40, { useState as useState28, useRef as useRef9 } from "react";
 
 // src/components/movement-history/SearchBar.jsx
 import React37 from "react";
@@ -5232,7 +5281,7 @@ function SearchBar5({
 }
 
 // src/components/movement-history/MovementHistoryTable.jsx
-import React38, { useState as useState24, useEffect as useEffect12 } from "react";
+import React38, { useState as useState26, useEffect as useEffect15 } from "react";
 import { jsx as jsx38, jsxs as jsxs37 } from "react/jsx-runtime";
 function MovementHistoryTable({
   pageSize,
@@ -5442,9 +5491,9 @@ function MovementHistoryTable({
     toStepId: "APPROVE",
     movedOn: "2026-02-12"
   }];
-  const [data, setData] = useState24(initialData);
-  const [sortOrder, setSortOrder] = useState24("asc");
-  const [sortKey, setSortKey] = useState24("movementHistoryId");
+  const [data, setData] = useState26(initialData);
+  const [sortOrder, setSortOrder] = useState26("asc");
+  const [sortKey, setSortKey] = useState26("movementHistoryId");
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -5460,7 +5509,7 @@ function MovementHistoryTable({
     const query = (searchQuery || "").toLowerCase();
     return item.movementHistoryId.toLowerCase().includes(query) || item.name.toLowerCase().includes(query) || item.toStepId.toLowerCase().includes(query);
   });
-  useEffect12(() => {
+  useEffect15(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -5531,19 +5580,19 @@ function MovementHistoryTable({
 }
 
 // src/components/movement-history/AddMovementHistoryModal.jsx
-import React39, { useState as useState25 } from "react";
+import React39, { useState as useState27 } from "react";
 import { jsx as jsx39, jsxs as jsxs38 } from "react/jsx-runtime";
 function AddMovementHistoryModal({
   isOpen,
   onClose
 }) {
-  const [movementHistoryId, setMovementHistoryId] = useState25("");
-  const [fileInstanceId, setFileInstanceId] = useState25("");
-  const [fromStepId, setFromStepId] = useState25("");
-  const [toStepId, setToStepId] = useState25("");
-  const [actionCode, setActionCode] = useState25("");
-  const [movedOn, setMovedOn] = useState25("");
-  const [errors, setErrors] = useState25({});
+  const [movementHistoryId, setMovementHistoryId] = useState27("");
+  const [fileInstanceId, setFileInstanceId] = useState27("");
+  const [fromStepId, setFromStepId] = useState27("");
+  const [toStepId, setToStepId] = useState27("");
+  const [actionCode, setActionCode] = useState27("");
+  const [movedOn, setMovedOn] = useState27("");
+  const [errors, setErrors] = useState27({});
   const handleSaveRecord = () => {
     let newErrors = {};
     if (!movementHistoryId.toString().trim()) newErrors.movementHistoryId = "Movement History ID is required";
@@ -5658,17 +5707,17 @@ function AddMovementHistoryModal({
 // src/components/movement-history/MovementHistorymain.jsx
 import { jsx as jsx40, jsxs as jsxs39 } from "react/jsx-runtime";
 function MovementHistorymain() {
-  const [refreshkey, setRefreshKey] = useState26(0);
+  const [refreshkey, setRefreshKey] = useState28(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
   const tableRef = useRef9(null);
-  const [modalOpen, setModalOpen] = useState26(false);
-  const [pageSize, setPageSize] = useState26(10);
-  const [searchQuery, setSearchQuery] = useState26("");
-  const [currentPage, setCurrentPage] = useState26(1);
-  const [totalEntries, setTotalEntries] = useState26(0);
+  const [modalOpen, setModalOpen] = useState28(false);
+  const [pageSize, setPageSize] = useState28(10);
+  const [searchQuery, setSearchQuery] = useState28("");
+  const [currentPage, setCurrentPage] = useState28(1);
+  const [totalEntries, setTotalEntries] = useState28(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -5711,7 +5760,7 @@ function MovementHistorymain() {
 }
 
 // src/components/task-permission/TaskPermissionMain.jsx
-import React44, { useState as useState29, useRef as useRef10 } from "react";
+import React44, { useState as useState31, useRef as useRef10 } from "react";
 
 // src/components/task-permission/SearchBar.js
 import React41 from "react";
@@ -5742,7 +5791,7 @@ function SearchBar6({
 }
 
 // src/components/task-permission/Table.js
-import React42, { useState as useState27, useEffect as useEffect13 } from "react";
+import React42, { useState as useState29, useEffect as useEffect16 } from "react";
 import { jsx as jsx42, jsxs as jsxs41 } from "react/jsx-runtime";
 function Table({
   pageSize,
@@ -5927,12 +5976,12 @@ function Table({
     permissionType: "Write",
     isStatusEnabled: true
   }];
-  const [data, setData] = useState27(initialData);
-  const [sortOrder, setSortOrder] = useState27("asc");
-  const [sortKey, setSortKey] = useState27("taskId");
-  const [selectedItem, setSelectedItem] = useState27(null);
-  const [isEditModalOpen, setIsEditModalOpen] = useState27(false);
-  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState27(false);
+  const [data, setData] = useState29(initialData);
+  const [sortOrder, setSortOrder] = useState29("asc");
+  const [sortKey, setSortKey] = useState29("taskId");
+  const [selectedItem, setSelectedItem] = useState29(null);
+  const [isEditModalOpen, setIsEditModalOpen] = useState29(false);
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState29(false);
   const handleEdit = (item) => {
     setSelectedItem(item);
     setIsEditModalOpen(true);
@@ -5989,7 +6038,7 @@ function Table({
     }
     return item.taskId && item.taskId.toString().toLowerCase().includes(query) || item.role && item.role.toLowerCase().includes(query) || item.taskName && item.taskName.toLowerCase().includes(query) || item.permissionType && item.permissionType.toLowerCase().includes(query);
   });
-  useEffect13(() => {
+  useEffect16(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -6112,7 +6161,7 @@ function Table({
 }
 
 // src/components/task-permission/Popup.js
-import React43, { useState as useState28 } from "react";
+import React43, { useState as useState30 } from "react";
 import { jsx as jsx43, jsxs as jsxs42 } from "react/jsx-runtime";
 function Popup({
   isOpen,
@@ -6120,13 +6169,13 @@ function Popup({
   onSave
 }) {
   if (!isOpen) return null;
-  const [stepName, setStepName] = useState28("");
-  const [stepCode, setStepCode] = useState28("");
-  const [workflow, setWorkflow] = useState28("");
-  const [canView, setCanView] = useState28(false);
-  const [canEdit, setCanEdit] = useState28(false);
-  const [canApprove, setCanApprove] = useState28(false);
-  const [canReject, setCanReject] = useState28(false);
+  const [stepName, setStepName] = useState30("");
+  const [stepCode, setStepCode] = useState30("");
+  const [workflow, setWorkflow] = useState30("");
+  const [canView, setCanView] = useState30(false);
+  const [canEdit, setCanEdit] = useState30(false);
+  const [canApprove, setCanApprove] = useState30(false);
+  const [canReject, setCanReject] = useState30(false);
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!stepName || !stepCode || !workflow) {
@@ -6243,17 +6292,17 @@ function Popup({
 // src/components/task-permission/TaskPermissionMain.jsx
 import { jsx as jsx44, jsxs as jsxs43 } from "react/jsx-runtime";
 function TaskPermissionMain() {
-  const [refreshkey, setRefreshKey] = useState29(0);
+  const [refreshkey, setRefreshKey] = useState31(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
   const tableRef = useRef10(null);
-  const [showModal, setShowModal] = useState29(false);
-  const [pageSize, setPageSize] = useState29(10);
-  const [searchQuery, setSearchQuery] = useState29("");
-  const [currentPage, setCurrentPage] = useState29(1);
-  const [totalEntries, setTotalEntries] = useState29(0);
+  const [showModal, setShowModal] = useState31(false);
+  const [pageSize, setPageSize] = useState31(10);
+  const [searchQuery, setSearchQuery] = useState31("");
+  const [currentPage, setCurrentPage] = useState31(1);
+  const [totalEntries, setTotalEntries] = useState31(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -6295,7 +6344,7 @@ function TaskPermissionMain() {
 }
 
 // src/components/Workflow-Setting/WorkflowSettingMain.jsx
-import React48, { useState as useState32, useRef as useRef11 } from "react";
+import React48, { useState as useState34, useRef as useRef11 } from "react";
 
 // src/components/Workflow-Setting/SearchBar.js
 import React45 from "react";
@@ -6326,7 +6375,7 @@ function SearchBar7({
 }
 
 // src/components/Workflow-Setting/Table.js
-import React46, { useState as useState30, useEffect as useEffect14 } from "react";
+import React46, { useState as useState32, useEffect as useEffect17 } from "react";
 import { jsx as jsx46, jsxs as jsxs45 } from "react/jsx-runtime";
 function Table2({
   pageSize,
@@ -6511,12 +6560,12 @@ function Table2({
     SLA: "2 Hours",
     isActive: true
   }];
-  const [data, setData] = useState30(initialData);
-  const [sortOrder, setSortOrder] = useState30("asc");
-  const [sortKey, setSortKey] = useState30("settingId");
-  const [selectedItem, setSelectedItem] = useState30(null);
-  const [isEditModalOpen, setIsEditModalOpen] = useState30(false);
-  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState30(false);
+  const [data, setData] = useState32(initialData);
+  const [sortOrder, setSortOrder] = useState32("asc");
+  const [sortKey, setSortKey] = useState32("settingId");
+  const [selectedItem, setSelectedItem] = useState32(null);
+  const [isEditModalOpen, setIsEditModalOpen] = useState32(false);
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState32(false);
   const handleEdit = (item) => {
     setSelectedItem(item);
     setIsEditModalOpen(true);
@@ -6573,7 +6622,7 @@ function Table2({
     }
     return item.settingId && item.settingId.toString().toLowerCase().includes(query) || item.moduleName && item.moduleName.toLowerCase().includes(query) || item.executionOrder && item.executionOrder.toString().toLowerCase().includes(query) || item.SLA && item.SLA.toLowerCase().includes(query);
   });
-  useEffect14(() => {
+  useEffect17(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -6706,7 +6755,7 @@ function Table2({
 }
 
 // src/components/Workflow-Setting/Popup.js
-import React47, { useState as useState31 } from "react";
+import React47, { useState as useState33 } from "react";
 import { jsx as jsx47, jsxs as jsxs46 } from "react/jsx-runtime";
 function Popup2({
   isOpen,
@@ -6714,8 +6763,8 @@ function Popup2({
   onSave
 }) {
   if (!isOpen) return null;
-  const [settingKey, setSettingKey] = useState31("");
-  const [settingValue, setSettingValue] = useState31("");
+  const [settingKey, setSettingKey] = useState33("");
+  const [settingValue, setSettingValue] = useState33("");
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!settingKey || !settingValue) {
@@ -6766,17 +6815,17 @@ function Popup2({
 // src/components/Workflow-Setting/WorkflowSettingMain.jsx
 import { jsx as jsx48, jsxs as jsxs47 } from "react/jsx-runtime";
 function WorkflowSettingMain() {
-  const [refreshkey, setRefreshKey] = useState32(0);
+  const [refreshkey, setRefreshKey] = useState34(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
   const tableRef = useRef11(null);
-  const [showModal, setShowModal] = useState32(false);
-  const [pageSize, setPageSize] = useState32(10);
-  const [searchQuery, setSearchQuery] = useState32("");
-  const [currentPage, setCurrentPage] = useState32(1);
-  const [totalEntries, setTotalEntries] = useState32(0);
+  const [showModal, setShowModal] = useState34(false);
+  const [pageSize, setPageSize] = useState34(10);
+  const [searchQuery, setSearchQuery] = useState34("");
+  const [currentPage, setCurrentPage] = useState34(1);
+  const [totalEntries, setTotalEntries] = useState34(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -6818,7 +6867,7 @@ function WorkflowSettingMain() {
 }
 
 // src/components/notification/NotificationMain.jsx
-import React52, { useState as useState35, useRef as useRef12 } from "react";
+import React52, { useState as useState37, useRef as useRef12 } from "react";
 
 // src/components/notification/SearchBar.js
 import React49 from "react";
@@ -6849,7 +6898,7 @@ function SearchBar8({
 }
 
 // src/components/notification/Table.js
-import React50, { useState as useState33, useEffect as useEffect15 } from "react";
+import React50, { useState as useState35, useEffect as useEffect18 } from "react";
 import { jsx as jsx50, jsxs as jsxs49 } from "react/jsx-runtime";
 function Table3({
   pageSize,
@@ -7034,12 +7083,12 @@ function Table3({
     recipientGroup: "Risk Assessment",
     isMuted: false
   }];
-  const [data, setData] = useState33(initialData);
-  const [sortOrder, setSortOrder] = useState33("asc");
-  const [sortKey, setSortKey] = useState33("notificationId");
-  const [selectedItem, setSelectedItem] = useState33(null);
-  const [isEditModalOpen, setIsEditModalOpen] = useState33(false);
-  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState33(false);
+  const [data, setData] = useState35(initialData);
+  const [sortOrder, setSortOrder] = useState35("asc");
+  const [sortKey, setSortKey] = useState35("notificationId");
+  const [selectedItem, setSelectedItem] = useState35(null);
+  const [isEditModalOpen, setIsEditModalOpen] = useState35(false);
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState35(false);
   const handleEdit = (item) => {
     setSelectedItem(item);
     setIsEditModalOpen(true);
@@ -7096,7 +7145,7 @@ function Table3({
     }
     return item.notificationId && item.notificationId.toString().toLowerCase().includes(query) || item.eventTrigger && item.eventTrigger.toLowerCase().includes(query) || item.channelType && item.channelType.toLowerCase().includes(query) || item.recipientGroup && item.recipientGroup.toLowerCase().includes(query);
   });
-  useEffect15(() => {
+  useEffect18(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -7224,7 +7273,7 @@ function Table3({
 }
 
 // src/components/notification/Popup.js
-import React51, { useState as useState34 } from "react";
+import React51, { useState as useState36 } from "react";
 import { jsx as jsx51, jsxs as jsxs50 } from "react/jsx-runtime";
 function Popup3({
   isOpen,
@@ -7232,10 +7281,10 @@ function Popup3({
   onSave
 }) {
   if (!isOpen) return null;
-  const [fileInstanceId, setFileInstanceId] = useState34("");
-  const [userId, setUserId] = useState34("");
-  const [type, setType] = useState34("");
-  const [message, setMessage] = useState34("");
+  const [fileInstanceId, setFileInstanceId] = useState36("");
+  const [userId, setUserId] = useState36("");
+  const [type, setType] = useState36("");
+  const [message, setMessage] = useState36("");
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!fileInstanceId || !userId || !type || !message) {
@@ -7306,17 +7355,17 @@ function Popup3({
 // src/components/notification/NotificationMain.jsx
 import { jsx as jsx52, jsxs as jsxs51 } from "react/jsx-runtime";
 function NotificationMain() {
-  const [refreshkey, setRefreshKey] = useState35(0);
+  const [refreshkey, setRefreshKey] = useState37(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
   const tableRef = useRef12(null);
-  const [showModal, setShowModal] = useState35(false);
-  const [pageSize, setPageSize] = useState35(10);
-  const [searchQuery, setSearchQuery] = useState35("");
-  const [currentPage, setCurrentPage] = useState35(1);
-  const [totalEntries, setTotalEntries] = useState35(0);
+  const [showModal, setShowModal] = useState37(false);
+  const [pageSize, setPageSize] = useState37(10);
+  const [searchQuery, setSearchQuery] = useState37("");
+  const [currentPage, setCurrentPage] = useState37(1);
+  const [totalEntries, setTotalEntries] = useState37(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -7355,7 +7404,7 @@ function NotificationMain() {
 }
 
 // src/components/task-instance/task_instance_main.jsx
-import React58, { useState as useState38, useRef as useRef13 } from "react";
+import React58, { useState as useState40, useRef as useRef13 } from "react";
 
 // src/components/task-instance/searchbartaskinstance.jsx
 import React53 from "react";
@@ -7382,10 +7431,10 @@ function TaskInstanceSearchBar({
 }
 
 // src/components/task-instance/taskinstancetable.jsx
-import React56, { useState as useState37, useEffect as useEffect17 } from "react";
+import React56, { useState as useState39, useEffect as useEffect20 } from "react";
 
 // src/components/task-instance/edit-instance.jsx
-import React54, { useEffect as useEffect16, useState as useState36 } from "react";
+import React54, { useEffect as useEffect19, useState as useState38 } from "react";
 import { jsx as jsx54, jsxs as jsxs53 } from "react/jsx-runtime";
 function EditTaskInstanceModal({
   isOpen,
@@ -7393,7 +7442,7 @@ function EditTaskInstanceModal({
   selectedTask,
   onSave
 }) {
-  const [formData, setFormData] = useState36({
+  const [formData, setFormData] = useState38({
     assignedUserId: "",
     status: "",
     dueDate: "",
@@ -7401,7 +7450,7 @@ function EditTaskInstanceModal({
     escalatedOn: "",
     slaStatus: ""
   });
-  useEffect16(() => {
+  useEffect19(() => {
     if (selectedTask) {
       setFormData({
         assignedUserId: selectedTask.assignedUserId || selectedTask.assigned_user_id || "",
@@ -7904,9 +7953,9 @@ function TaskInstanceTable({
     reminderSentOn: "2026-08-06",
     escalatedOn: ""
   }];
-  const [data, setData] = useState37(initialData);
-  const [sortOrder, setSortOrder] = useState37("asc");
-  const [sortKey, setSortKey] = useState37("taskInstanceId");
+  const [data, setData] = useState39(initialData);
+  const [sortOrder, setSortOrder] = useState39("asc");
+  const [sortKey, setSortKey] = useState39("taskInstanceId");
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -7922,7 +7971,7 @@ function TaskInstanceTable({
     const query = (searchQuery || "").toLowerCase();
     return String(item.taskInstanceId).includes(query) || String(item.fileInstanceId).includes(query) || String(item.workflowStepId).includes(query) || String(item.assignedUserId).includes(query) || item.status.toLowerCase().includes(query);
   });
-  useEffect17(() => {
+  useEffect20(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -7931,9 +7980,9 @@ function TaskInstanceTable({
   const pageNumbers = Array.from({
     length: totalPages
   }, (_, i) => i + 1);
-  const [showEditPopup, setShowEditPopup] = useState37(false);
-  const [showDeletePopup, setShowDeletePopup] = useState37(false);
-  const [selectedItem, setSelectedItem] = useState37(null);
+  const [showEditPopup, setShowEditPopup] = useState39(false);
+  const [showDeletePopup, setShowDeletePopup] = useState39(false);
+  const [selectedItem, setSelectedItem] = useState39(null);
   const openEditPopup = (item) => {
     setSelectedItem(item);
     setShowEditPopup(true);
@@ -8187,17 +8236,17 @@ function AddTaskInstanceModal({
 // src/components/task-instance/task_instance_main.jsx
 import { jsx as jsx58, jsxs as jsxs57 } from "react/jsx-runtime";
 function Task_instance_main() {
-  const [refreshkey, setRefreshKey] = useState38(0);
+  const [refreshkey, setRefreshKey] = useState40(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
-  const [modalOpen, setModalOpen] = useState38(false);
-  const [pageSize, setPageSize] = useState38(10);
-  const [searchQuery, setSearchQuery] = useState38("");
+  const [modalOpen, setModalOpen] = useState40(false);
+  const [pageSize, setPageSize] = useState40(10);
+  const [searchQuery, setSearchQuery] = useState40("");
   const tableRef = useRef13(null);
-  const [currentPage, setCurrentPage] = useState38(1);
-  const [totalEntries, setTotalEntries] = useState38(0);
+  const [currentPage, setCurrentPage] = useState40(1);
+  const [totalEntries, setTotalEntries] = useState40(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -8264,7 +8313,7 @@ function Task_instance_main() {
 }
 
 // src/components/comment/comment_main.jsx
-import React62, { useState as useState41, useRef as useRef14 } from "react";
+import React62, { useState as useState43, useRef as useRef14 } from "react";
 
 // src/components/comment/searchbarcomment.jsx
 import React59 from "react";
@@ -8291,7 +8340,7 @@ function CommentSearchBar({
 }
 
 // src/components/comment/commenttable.jsx
-import React60, { useState as useState39, useEffect as useEffect18 } from "react";
+import React60, { useState as useState41, useEffect as useEffect21 } from "react";
 import { jsx as jsx60, jsxs as jsxs59 } from "react/jsx-runtime";
 function CommentTable({
   pageSize,
@@ -8501,9 +8550,9 @@ function CommentTable({
     createdOn: "08 Aug 2026",
     status: true
   }];
-  const [data, setData] = useState39(initialData);
-  const [sortOrder, setSortOrder] = useState39("asc");
-  const [sortKey, setSortKey] = useState39("commentId");
+  const [data, setData] = useState41(initialData);
+  const [sortOrder, setSortOrder] = useState41("asc");
+  const [sortKey, setSortKey] = useState41("commentId");
   const handleSort = (columnKey) => {
     const isAsc = sortKey === columnKey && sortOrder === "asc";
     setSortOrder(isAsc ? "desc" : "asc");
@@ -8519,7 +8568,7 @@ function CommentTable({
     const query = (searchQuery || "").toLowerCase();
     return String(item.commentId).toLowerCase().includes(query) || String(item.taskInstanceId).toLowerCase().includes(query) || item.comment.toLowerCase().includes(query) || String(item.commentedBy).toLowerCase().includes(query);
   });
-  useEffect18(() => {
+  useEffect21(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -8575,15 +8624,15 @@ function CommentTable({
 }
 
 // src/components/comment/addcomment.jsx
-import React61, { useState as useState40 } from "react";
+import React61, { useState as useState42 } from "react";
 import { jsx as jsx61, jsxs as jsxs60 } from "react/jsx-runtime";
 function AddCommentModal({
   isOpen,
   onClose
 }) {
-  const [allowEdit, setAllowEdit] = useState40(true);
-  const [pinComment, setPinComment] = useState40(true);
-  const [sendNotification, setSendNotification] = useState40(false);
+  const [allowEdit, setAllowEdit] = useState42(true);
+  const [pinComment, setPinComment] = useState42(true);
+  const [sendNotification, setSendNotification] = useState42(false);
   if (!isOpen) return null;
   return /* @__PURE__ */ jsxs60("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
     /* @__PURE__ */ jsx61("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity fc:duration-200", onClick: onClose }),
@@ -8780,11 +8829,11 @@ function AddCommentModal({
 // src/components/comment/comment_main.jsx
 import { jsx as jsx62, jsxs as jsxs61 } from "react/jsx-runtime";
 function Comment_main() {
-  const [modalOpen, setModalOpen] = useState41(false);
-  const [pageSize, setPageSize] = useState41(10);
-  const [searchQuery, setSearchQuery] = useState41("");
-  const [currentPage, setCurrentPage] = useState41(1);
-  const [totalEntries, setTotalEntries] = useState41(0);
+  const [modalOpen, setModalOpen] = useState43(false);
+  const [pageSize, setPageSize] = useState43(10);
+  const [searchQuery, setSearchQuery] = useState43("");
+  const [currentPage, setCurrentPage] = useState43(1);
+  const [totalEntries, setTotalEntries] = useState43(0);
   const tableRef = useRef14(null);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
@@ -8854,8 +8903,8 @@ function Comment_main() {
 }
 
 // src/components/hierarchy-node/HierarchyNodeMain.jsx
-import React68, { useState as useState44, useRef as useRef15, useEffect as useEffect21 } from "react";
-import Swal4 from "sweetalert2";
+import React68, { useState as useState47, useRef as useRef15, useEffect as useEffect24 } from "react";
+import Swal7 from "sweetalert2";
 
 // src/components/hierarchy-node/SearchBar.jsx
 import React63 from "react";
@@ -8894,18 +8943,18 @@ function SearchBar9({ searchQuery, setSearchQuery }) {
 }
 
 // src/components/hierarchy-node/HierarchyTable.jsx
-import React66, { useState as useState43, useEffect as useEffect20 } from "react";
+import React66, { useState as useState45, useEffect as useEffect23 } from "react";
 
 // src/components/hierarchy-node/AddEditModal.jsx
-import React64, { useEffect as useEffect19, useState as useState42 } from "react";
+import React64, { useEffect as useEffect22, useState as useState44 } from "react";
 import { jsx as jsx64, jsxs as jsxs63 } from "react/jsx-runtime";
-function AddEditModal2({
+function AddEditModal({
   isOpen,
   onClose,
   onSave,
   editData
 }) {
-  const [formData, setFormData] = useState42({
+  const [formData, setFormData] = useState44({
     hierarchyNodeId: "",
     parentHierarchyNodeId: "",
     hierarchyLevel: "",
@@ -8915,7 +8964,7 @@ function AddEditModal2({
     externalEntityId: "",
     isActive: true
   });
-  useEffect19(() => {
+  useEffect22(() => {
     if (editData) {
       setFormData(editData);
     }
@@ -8927,9 +8976,19 @@ function AddEditModal2({
       [name]: type === "checkbox" ? checked : value
     }));
   };
-  const handleSave = () => {
-    onSave(formData);
-    onClose();
+  const handleSave = async () => {
+    const success = await (onSave == null ? void 0 : onSave({
+      hierarchyNodeId: Number(formData.hierarchyNodeId),
+      parentHierarchyNodeId: Number(formData.parentHierarchyNodeId || 0),
+      hierarchyLevel: Number(formData.hierarchyLevel || 0),
+      nodeType: formData.nodeType,
+      nodeName: formData.nodeName,
+      externalEntityType: formData.externalEntityType,
+      externalEntityId: Number(formData.externalEntityId || 0),
+      isActive: Boolean(formData.isActive),
+      updatedBy: formData.updatedBy || formData.createdBy || "System"
+    }));
+    if (success) onClose();
   };
   return /* @__PURE__ */ jsx64("div", { className: "fc:fixed fc:inset-0 fc:bg-black/40 fc:flex fc:items-center fc:justify-center fc:z-50", children: /* @__PURE__ */ jsxs63("div", { className: "fc:bg-white fc:w-[650px] fc:rounded-2xl fc:shadow-xl fc:p-6", children: [
     /* @__PURE__ */ jsxs63("div", { className: "fc:flex fc:justify-between fc:items-center fc:mb-6", children: [
@@ -9121,120 +9180,31 @@ import { jsx as jsx66, jsxs as jsxs65 } from "react/jsx-runtime";
 function HierarchyTable({
   apiData,
   pageSize,
-  searchQuery
+  searchQuery,
+  onUpdate,
+  onDelete
 }) {
-  const hierarchyData = [{
-    hierarchyNodeId: 1,
-    parentHierarchyNodeId: 0,
-    hierarchyLevel: 1,
-    nodeType: "Department",
-    nodeName: "Head Office",
-    externalEntityType: "Organization",
-    externalEntityId: 1001,
-    isActive: true
-  }, {
-    hierarchyNodeId: 2,
-    parentHierarchyNodeId: 1,
-    hierarchyLevel: 2,
-    nodeType: "District",
-    nodeName: "Ludhiana",
-    externalEntityType: "District",
-    externalEntityId: 1002,
-    isActive: true
-  }, {
-    hierarchyNodeId: 3,
-    parentHierarchyNodeId: 2,
-    hierarchyLevel: 3,
-    nodeType: "Block",
-    nodeName: "Samrala",
-    externalEntityType: "Block",
-    externalEntityId: 1003,
-    isActive: false
-  }, {
-    hierarchyNodeId: 4,
-    parentHierarchyNodeId: 2,
-    hierarchyLevel: 3,
-    nodeType: "Block",
-    nodeName: "Khanna",
-    externalEntityType: "Block",
-    externalEntityId: 1004,
-    isActive: true
-  }, {
-    hierarchyNodeId: 5,
-    parentHierarchyNodeId: 4,
-    hierarchyLevel: 4,
-    nodeType: "Panchayat",
-    nodeName: "Village A",
-    externalEntityType: "Village",
-    externalEntityId: 1005,
-    isActive: true
-  }, {
-    hierarchyNodeId: 6,
-    parentHierarchyNodeId: 4,
-    hierarchyLevel: 4,
-    nodeType: "Panchayat",
-    nodeName: "Village B",
-    externalEntityType: "Village",
-    externalEntityId: 1006,
-    isActive: false
-  }, {
-    hierarchyNodeId: 7,
-    parentHierarchyNodeId: 1,
-    hierarchyLevel: 2,
-    nodeType: "Department",
-    nodeName: "Finance",
-    externalEntityType: "Department",
-    externalEntityId: 1007,
-    isActive: true
-  }, {
-    hierarchyNodeId: 8,
-    parentHierarchyNodeId: 1,
-    hierarchyLevel: 2,
-    nodeType: "Department",
-    nodeName: "HR",
-    externalEntityType: "Department",
-    externalEntityId: 1008,
-    isActive: true
-  }, {
-    hierarchyNodeId: 9,
-    parentHierarchyNodeId: 8,
-    hierarchyLevel: 3,
-    nodeType: "Branch",
-    nodeName: "Recruitment",
-    externalEntityType: "Branch",
-    externalEntityId: 1009,
-    isActive: false
-  }, {
-    hierarchyNodeId: 10,
-    parentHierarchyNodeId: 8,
-    hierarchyLevel: 3,
-    nodeType: "Branch",
-    nodeName: "Training",
-    externalEntityType: "Branch",
-    externalEntityId: 1010,
-    isActive: true
-  }];
-  const [currentPage, setCurrentPage] = useState43(1);
+  const [currentPage, setCurrentPage] = useState45(1);
   ;
-  const [data, setData] = useState43(apiData || hierarchyData);
-  useEffect20(() => {
-    if (apiData) setData(apiData);
+  const [data, setData] = useState45(apiData || []);
+  useEffect23(() => {
+    setData(apiData || []);
   }, [apiData]);
   const filteredData = data.filter(
     (item) => (item.nodeName || "").toLowerCase().includes((searchQuery || "").toLowerCase()) || (item.nodeType || "").toLowerCase().includes((searchQuery || "").toLowerCase()) || String(item.hierarchyNodeId).includes(searchQuery || "")
   );
-  const [sortColumn, setSortColumn] = useState43("");
-  const [sortDirection, setSortDirection] = useState43("asc");
+  const [sortColumn, setSortColumn] = useState45("");
+  const [sortDirection, setSortDirection] = useState45("asc");
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
   const startIndex = (currentPage - 1) * pageSize;
   const visibleData = filteredData.slice(
     startIndex,
     startIndex + pageSize
   );
-  const [editOpen, setEditOpen] = useState43(false);
-  const [deleteOpen, setDeleteOpen] = useState43(false);
-  const [selectedNode, setSelectedNode] = useState43(null);
-  useEffect20(() => {
+  const [editOpen, setEditOpen] = useState45(false);
+  const [deleteOpen, setDeleteOpen] = useState45(false);
+  const [selectedNode, setSelectedNode] = useState45(null);
+  useEffect23(() => {
     setCurrentPage(1);
   }, [searchQuery, pageSize]);
   const handleSort = (column) => {
@@ -9267,21 +9237,11 @@ function HierarchyTable({
     setSelectedNode(item);
     setDeleteOpen(true);
   };
-  const handleUpdate = (updatedNode) => {
-    setData(
-      (prev) => prev.map(
-        (item) => item.hierarchyNodeId === updatedNode.hierarchyNodeId ? updatedNode : item
-      )
-    );
-    setEditOpen(false);
+  const handleUpdate = async (updatedNode) => {
+    return onUpdate == null ? void 0 : onUpdate(updatedNode);
   };
-  const confirmDelete = () => {
-    setData(
-      (prev) => prev.filter(
-        (item) => item.hierarchyNodeId !== selectedNode.hierarchyNodeId
-      )
-    );
-    setDeleteOpen(false);
+  const confirmDelete = async () => {
+    if (await (onDelete == null ? void 0 : onDelete(selectedNode))) setDeleteOpen(false);
   };
   return /* @__PURE__ */ jsxs65("div", { className: "fc:h-full fc:flex fc:flex-col", children: [
     /* @__PURE__ */ jsx66("div", { className: "fc:rounded-2xl fc:border fc:border-slate-200 fc:overflow-hidden fc:flex fc:flex-col fc:flex-1", children: /* @__PURE__ */ jsx66("div", { className: "fc:flex-1 fc:overflow-y-auto fc:overflow-x-auto", children: /* @__PURE__ */ jsxs65("table", { className: "fc:min-w-full fc:bg-white", children: [
@@ -9385,7 +9345,7 @@ function HierarchyTable({
       )
     ] }),
     /* @__PURE__ */ jsx66(
-      AddEditModal2,
+      AddEditModal,
       {
         isOpen: editOpen,
         editData: selectedNode,
@@ -9407,13 +9367,23 @@ function HierarchyTable({
 }
 
 // src/components/hierarchy-node/AddHierarchyNodeModal.jsx
-import React67 from "react";
+import React67, { useState as useState46 } from "react";
 import { jsx as jsx67, jsxs as jsxs66 } from "react/jsx-runtime";
 function AddHierarchyNodeModal({
   isOpen,
   onClose,
   onSave
 }) {
+  const [formData, setFormData] = useState46({ hierarchyNodeId: "", parentHierarchyNodeId: "", hierarchyLevel: "", nodeType: "", nodeName: "", externalEntityType: "", externalEntityId: "", isActive: "true", remarks: "" });
+  const [isSubmitting, setIsSubmitting] = useState46(false);
+  const handleChange = (event) => setFormData((previous) => __spreadProps(__spreadValues({}, previous), { [event.target.name]: event.target.value }));
+  const handleSave = async () => {
+    if (!onSave) return;
+    setIsSubmitting(true);
+    const success = await onSave({ parentHierarchyNodeId: Number(formData.parentHierarchyNodeId || 0), hierarchyLevel: Number(formData.hierarchyLevel || 0), nodeType: formData.nodeType, nodeName: formData.nodeName, externalEntityType: formData.externalEntityType, externalEntityId: Number(formData.externalEntityId || 0), createdBy: "System" });
+    setIsSubmitting(false);
+    if (success) onClose();
+  };
   if (!isOpen) return null;
   return /* @__PURE__ */ jsxs66("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
     /* @__PURE__ */ jsx67("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm", onClick: onClose }),
@@ -9434,21 +9404,21 @@ function AddHierarchyNodeModal({
           /* @__PURE__ */ jsxs66("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
             /* @__PURE__ */ jsxs66("div", { children: [
               /* @__PURE__ */ jsx67("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "Hierarchy Node Id" }),
-              /* @__PURE__ */ jsx67("input", { type: "number", placeholder: "Enter Hierarchy Node Id", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
+              /* @__PURE__ */ jsx67("input", { name: "hierarchyNodeId", value: formData.hierarchyNodeId, onChange: handleChange, type: "number", placeholder: "Enter Hierarchy Node Id", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
             ] }),
             /* @__PURE__ */ jsxs66("div", { children: [
               /* @__PURE__ */ jsx67("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "Parent Hierarchy Node Id" }),
-              /* @__PURE__ */ jsx67("input", { type: "number", placeholder: "Enter Parent Hierarchy Node Id", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
+              /* @__PURE__ */ jsx67("input", { name: "parentHierarchyNodeId", value: formData.parentHierarchyNodeId, onChange: handleChange, type: "number", placeholder: "Enter Parent Hierarchy Node Id", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
             ] })
           ] }),
           /* @__PURE__ */ jsxs66("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
             /* @__PURE__ */ jsxs66("div", { children: [
               /* @__PURE__ */ jsx67("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "Hierarchy Level" }),
-              /* @__PURE__ */ jsx67("input", { type: "number", placeholder: "Enter Hierarchy Level", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
+              /* @__PURE__ */ jsx67("input", { name: "hierarchyLevel", value: formData.hierarchyLevel, onChange: handleChange, type: "number", placeholder: "Enter Hierarchy Level", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
             ] }),
             /* @__PURE__ */ jsxs66("div", { children: [
               /* @__PURE__ */ jsx67("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "Node Type" }),
-              /* @__PURE__ */ jsxs66("select", { className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500", children: [
+              /* @__PURE__ */ jsxs66("select", { name: "nodeType", value: formData.nodeType, onChange: handleChange, className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500", children: [
                 /* @__PURE__ */ jsx67("option", { value: "", children: "Select Node Type" }),
                 /* @__PURE__ */ jsx67("option", { children: "District" }),
                 /* @__PURE__ */ jsx67("option", { children: "Block" }),
@@ -9460,12 +9430,12 @@ function AddHierarchyNodeModal({
           ] }),
           /* @__PURE__ */ jsxs66("div", { children: [
             /* @__PURE__ */ jsx67("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "Node Name" }),
-            /* @__PURE__ */ jsx67("input", { type: "text", placeholder: "Enter Node Name", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
+            /* @__PURE__ */ jsx67("input", { name: "nodeName", value: formData.nodeName, onChange: handleChange, type: "text", placeholder: "Enter Node Name", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
           ] }),
           /* @__PURE__ */ jsxs66("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
             /* @__PURE__ */ jsxs66("div", { children: [
               /* @__PURE__ */ jsx67("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "External Entity Type" }),
-              /* @__PURE__ */ jsxs66("select", { className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm fc:bg-white focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500", children: [
+              /* @__PURE__ */ jsxs66("select", { name: "externalEntityType", value: formData.externalEntityType, onChange: handleChange, className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm fc:bg-white focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500", children: [
                 /* @__PURE__ */ jsx67("option", { value: "", children: "Select Entity Type" }),
                 /* @__PURE__ */ jsx67("option", { children: "Department" }),
                 /* @__PURE__ */ jsx67("option", { children: "Office" }),
@@ -9475,12 +9445,12 @@ function AddHierarchyNodeModal({
             ] }),
             /* @__PURE__ */ jsxs66("div", { children: [
               /* @__PURE__ */ jsx67("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "External Entity Id" }),
-              /* @__PURE__ */ jsx67("input", { type: "number", placeholder: "Enter External Entity Id", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
+              /* @__PURE__ */ jsx67("input", { name: "externalEntityId", value: formData.externalEntityId, onChange: handleChange, type: "number", placeholder: "Enter External Entity Id", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
             ] })
           ] }),
           /* @__PURE__ */ jsxs66("div", { children: [
             /* @__PURE__ */ jsx67("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "Is Active" }),
-            /* @__PURE__ */ jsxs66("select", { className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm fc:bg-white focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500", children: [
+            /* @__PURE__ */ jsxs66("select", { name: "isActive", value: formData.isActive, onChange: handleChange, className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm fc:bg-white focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500", children: [
               /* @__PURE__ */ jsx67("option", { value: "true", children: "Yes" }),
               /* @__PURE__ */ jsx67("option", { value: "false", children: "No" })
             ] })
@@ -9490,7 +9460,7 @@ function AddHierarchyNodeModal({
           /* @__PURE__ */ jsx67("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-blue-600 fc:font-semibold fc:text-sm fc:border-b fc:border-slate-100 fc:pb-3", children: "\u{1F4DD} Additional Information" }),
           /* @__PURE__ */ jsxs66("div", { children: [
             /* @__PURE__ */ jsx67("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2", children: "Remarks" }),
-            /* @__PURE__ */ jsx67("textarea", { rows: 4, placeholder: "Enter remarks (optional)...", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm fc:resize-none focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
+            /* @__PURE__ */ jsx67("textarea", { name: "remarks", value: formData.remarks, onChange: handleChange, rows: 4, placeholder: "Enter remarks (optional)...", className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-3 fc:text-sm fc:resize-none focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500" })
           ] })
         ] })
       ] }),
@@ -9500,9 +9470,10 @@ function AddHierarchyNodeModal({
           "button",
           {
             type: "button",
-            onClick: onSave,
+            onClick: handleSave,
+            disabled: isSubmitting,
             className: "fc:px-6 fc:py-2.5 fc:rounded-xl fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white fc:font-semibold fc:text-sm fc:shadow-md fc:shadow-blue-500/20 fc:transition",
-            children: "Save Hierarchy Node"
+            children: isSubmitting ? "Saving..." : "Save Hierarchy Node"
           }
         )
       ] })
@@ -9513,12 +9484,13 @@ function AddHierarchyNodeModal({
 // src/components/hierarchy-node/HierarchyNodeMain.jsx
 import { jsx as jsx68, jsxs as jsxs67 } from "react/jsx-runtime";
 function HierarchyNodeMain() {
-  const [modalOpen, setModalOpen] = useState44(false);
-  const [pageSize, setPageSize] = useState44(5);
+  const [modalOpen, setModalOpen] = useState47(false);
+  const [pageSize, setPageSize] = useState47(5);
   const tableRef = useRef15(null);
-  const [searchQuery, setSearchQuery] = useState44("");
-  const [apiData, setApiData] = useState44([]);
-  useEffect21(() => {
+  const [searchQuery, setSearchQuery] = useState47("");
+  const [apiData, setApiData] = useState47([]);
+  const [refreshKey, setRefreshKey] = useState47(0);
+  useEffect24(() => {
     (async () => {
       var _a, _b, _c, _d, _e, _f, _g;
       try {
@@ -9528,12 +9500,26 @@ function HierarchyNodeMain() {
         const value = ((_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) || ((_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) || (result == null ? void 0 : result.data) || result;
         setApiData(Array.isArray(value) ? value : (value == null ? void 0 : value.items) || (value == null ? void 0 : value.records) || []);
       } catch (error) {
-        await 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");
+        await Swal7.fire("Error", ((_g = (_f = error == null ? void 0 : error.response) == null ? void 0 : _f.data) == null ? void 0 : _g.message) || (error == null ? void 0 : error.message) || "Unable to load hierarchy nodes.", "error");
       }
     })();
-  }, [modalOpen]);
+  }, [refreshKey]);
   const handleRefresh = () => {
-    console.log("Refresh clicked");
+    setRefreshKey((previous) => previous + 1);
+  };
+  const saveNode = async (payload, isEdit = false) => {
+    var _a, _b, _c, _d, _e;
+    try {
+      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.hierarchyNode) == null ? void 0 : _c[isEdit ? "update" : "create"];
+      if (!endpoint) throw new Error(`Hierarchy node ${isEdit ? "update" : "create"} endpoint is not configured.`);
+      await getApiService()[isEdit ? "put" : "post"](endpoint, payload);
+      await Swal7.fire("Success", `Hierarchy node ${isEdit ? "updated" : "created"} successfully.`, "success");
+      handleRefresh();
+      return true;
+    } catch (error) {
+      await Swal7.fire("Error", ((_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || (error == null ? void 0 : error.message) || `Unable to ${isEdit ? "update" : "create"} hierarchy node.`, "error");
+      return false;
+    }
   };
   return /* @__PURE__ */ jsxs67("div", { className: "fc:h-screen fc:bg-slate-50 fc:p-6 fc:flex fc:flex-col fc:overflow-hidden", children: [
     /* @__PURE__ */ jsxs67("div", { className: "fc:w-full fc:flex fc:flex-col fc:flex-1 fc:space-y-5 fc:overflow-hidden", children: [
@@ -9584,17 +9570,19 @@ function HierarchyNodeMain() {
           {
             apiData,
             pageSize,
-            searchQuery
+            searchQuery,
+            onUpdate: (payload) => saveNode(payload, true),
+            onDelete: (node) => saveNode(__spreadProps(__spreadValues({}, node), { hierarchyNodeId: node.hierarchyNodeId, isActive: false, updatedBy: node.updatedBy || node.createdBy || "System" }), true)
           }
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx68(AddHierarchyNodeModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
+    /* @__PURE__ */ jsx68(AddHierarchyNodeModal, { isOpen: modalOpen, onClose: () => setModalOpen(false), onSave: (payload) => saveNode(payload) })
   ] });
 }
 
 // src/components/file-pool/FilePoolMain.jsx
-import React72, { useState as useState46, useRef as useRef16 } from "react";
+import React72, { useState as useState49, useRef as useRef16 } from "react";
 
 // src/components/file-pool/SearchBar.jsx
 import React69 from "react";
@@ -9607,7 +9595,7 @@ function SearchBar10() {
 }
 
 // src/components/file-pool/FilePoolTable.jsx
-import React70, { useState as useState45 } from "react";
+import React70, { useState as useState48 } from "react";
 import { jsx as jsx70, jsxs as jsxs69 } from "react/jsx-runtime";
 function FilePoolTable({
   pageSize
@@ -9683,10 +9671,10 @@ function FilePoolTable({
     addedOn: "10-07-2026",
     pulledOn: "-"
   }];
-  const [currentPage, setCurrentPage] = useState45(1);
-  const [data, setData] = useState45(filePoolData);
-  const [sortColumn, setSortColumn] = useState45("");
-  const [sortDirection, setSortDirection] = useState45("asc");
+  const [currentPage, setCurrentPage] = useState48(1);
+  const [data, setData] = useState48(filePoolData);
+  const [sortColumn, setSortColumn] = useState48("");
+  const [sortDirection, setSortDirection] = useState48("asc");
   const totalPages = Math.ceil(data.length / pageSize) || 1;
   const startIndex = (currentPage - 1) * pageSize;
   const currentData = data.slice(startIndex, startIndex + pageSize);
@@ -9842,8 +9830,8 @@ function AddFilePoolModal({
 // src/components/file-pool/FilePoolMain.jsx
 import { jsx as jsx72, jsxs as jsxs71 } from "react/jsx-runtime";
 function FilePoolMain() {
-  const [modalOpen, setModalOpen] = useState46(false);
-  const [pageSize, setPageSize] = useState46(5);
+  const [modalOpen, setModalOpen] = useState49(false);
+  const [pageSize, setPageSize] = useState49(5);
   const tableRef = useRef16(null);
   const handleRefresh = () => {
     console.log("Refresh clicked");
@@ -9894,7 +9882,7 @@ function FilePoolMain() {
 }
 
 // src/components/uploaded-document/UploadedDocumentMain.jsx
-import React76, { useState as useState48, useRef as useRef17 } from "react";
+import React76, { useState as useState51, useRef as useRef17 } from "react";
 
 // src/components/uploaded-document/SearchBar.jsx
 import React73 from "react";
@@ -9907,7 +9895,7 @@ function SearchBar11() {
 }
 
 // src/components/uploaded-document/UploadedDocumentTable.jsx
-import React74, { useState as useState47 } from "react";
+import React74, { useState as useState50 } from "react";
 import { jsx as jsx74, jsxs as jsxs73 } from "react/jsx-runtime";
 function UploadedDocumentTable({
   pageSize
@@ -9983,10 +9971,10 @@ function UploadedDocumentTable({
     storagePath: "/uploads/certificate.pdf",
     uploadedBy: "Admin"
   }];
-  const [data, setData] = useState47(uploadedDocuments);
-  const [currentPage, setCurrentPage] = useState47(1);
-  const [sortColumn, setSortColumn] = useState47("");
-  const [sortDirection, setSortDirection] = useState47("asc");
+  const [data, setData] = useState50(uploadedDocuments);
+  const [currentPage, setCurrentPage] = useState50(1);
+  const [sortColumn, setSortColumn] = useState50("");
+  const [sortDirection, setSortDirection] = useState50("asc");
   const totalPages = Math.ceil(data.length / pageSize) || 1;
   const startIndex = (currentPage - 1) * pageSize;
   const currentData = data.slice(startIndex, startIndex + pageSize);
@@ -10186,8 +10174,8 @@ function AddUploadedDocumentModal({
 // src/components/uploaded-document/UploadedDocumentMain.jsx
 import { jsx as jsx76, jsxs as jsxs75 } from "react/jsx-runtime";
 function UploadedDocumentMain() {
-  const [modalOpen, setModalOpen] = useState48(false);
-  const [pageSize, setPageSize] = useState48(5);
+  const [modalOpen, setModalOpen] = useState51(false);
+  const [pageSize, setPageSize] = useState51(5);
   const tableRef = useRef17(null);
   const handleRefresh = () => {
     console.log("Refresh clicked");
@@ -10238,14 +10226,14 @@ function UploadedDocumentMain() {
 }
 
 // src/components/BuisnessEntity/BusinessEntitymain.js
-import React78, { useState as useState50, useRef as useRef18 } from "react";
+import React78, { useState as useState53, useRef as useRef18 } from "react";
 import Link4 from "next/link";
 
 // src/components/BuisnessEntity/AddBusinessEntityModal.js
-import React77, { useState as useState49 } from "react";
+import React77, { useState as useState52 } from "react";
 import { jsx as jsx77, jsxs as jsxs76 } from "react/jsx-runtime";
 function AddBusinessEntityModal({ onClose }) {
-  const [formData, setFormData] = useState49({
+  const [formData, setFormData] = useState52({
     entityType: "",
     entityKey: "",
     displayNumber: "",
@@ -10254,7 +10242,7 @@ function AddBusinessEntityModal({ onClose }) {
     isVisible: true,
     status: "Active"
   });
-  const [errors, setErrors] = useState49({});
+  const [errors, setErrors] = useState52({});
   const handleChange = (field, value) => {
     setFormData((prev) => __spreadProps(__spreadValues({}, prev), {
       [field]: value
@@ -10542,7 +10530,7 @@ function AddBusinessEntityModal({ onClose }) {
 }
 
 // src/components/BuisnessEntity/BusinessEntitymain.js
-import { Fragment as Fragment5, jsx as jsx78, jsxs as jsxs77 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx78, jsxs as jsxs77 } from "react/jsx-runtime";
 var BusinessEntitys = [{
   BusinessEntityId: 1,
   EntityType: "Application",
@@ -10630,9 +10618,9 @@ function BusinessEntity() {
     console.log("Download clicked");
   };
   const tableRef = useRef18(null);
-  const [showModal, setShowModal] = useState50(false);
-  const [pageSize, setPageSize] = useState50(5);
-  const [sortConfig, setSortConfig] = useState50({
+  const [showModal, setShowModal] = useState53(false);
+  const [pageSize, setPageSize] = useState53(5);
+  const [sortConfig, setSortConfig] = useState53({
     key: "",
     direction: "asc"
   });
@@ -10646,7 +10634,7 @@ function BusinessEntity() {
       direction
     });
   };
-  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: [
+  return /* @__PURE__ */ jsx78(Fragment6, { 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"
@@ -10710,14 +10698,14 @@ function BusinessEntity() {
 }
 
 // src/components/FileInstance/FileInstancemain.js
-import React80, { useState as useState52, useRef as useRef19 } from "react";
+import React80, { useState as useState55, useRef as useRef19 } from "react";
 import Link5 from "next/link";
 
 // src/components/FileInstance/AddWorkFlowFileInstanceModal.js
-import React79, { useState as useState51 } from "react";
+import React79, { useState as useState54 } from "react";
 import { jsx as jsx79, jsxs as jsxs78 } from "react/jsx-runtime";
 function AddFileInstanceModal({ onClose }) {
-  const [formData, setFormData] = useState51({
+  const [formData, setFormData] = useState54({
     workflow: "",
     businessEntityType: "",
     businessEntity: "",
@@ -10727,7 +10715,7 @@ function AddFileInstanceModal({ onClose }) {
     status: "Pending",
     priority: "High"
   });
-  const [errors, setErrors] = useState51({});
+  const [errors, setErrors] = useState54({});
   const validateForm = () => {
     const newErrors = {};
     if (!formData.workflow) newErrors.workflow = "Workflow is required.";
@@ -10999,7 +10987,7 @@ function AddFileInstanceModal({ onClose }) {
 }
 
 // src/components/FileInstance/FileInstancemain.js
-import { Fragment as Fragment6, jsx as jsx80, jsxs as jsxs79 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx80, jsxs as jsxs79 } from "react/jsx-runtime";
 var FileInstances = [{
   FileInstanceId: 1,
   workflowId: 1,
@@ -11139,9 +11127,9 @@ function FileInstance() {
     console.log("Download clicked");
   };
   const tableRef = useRef19(null);
-  const [showModal, setShowModal] = useState52(false);
-  const [pageSize, setPageSize] = useState52(5);
-  const [sortConfig, setSortConfig] = useState52({
+  const [showModal, setShowModal] = useState55(false);
+  const [pageSize, setPageSize] = useState55(5);
+  const [sortConfig, setSortConfig] = useState55({
     key: "",
     direction: "asc"
   });
@@ -11155,7 +11143,7 @@ function FileInstance() {
       direction
     });
   };
-  return /* @__PURE__ */ jsxs79(Fragment6, { children: [
+  return /* @__PURE__ */ jsxs79(Fragment7, { 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",
@@ -11249,7 +11237,7 @@ function FileInstance() {
 }
 
 // src/components/assignment-rule/AssignmentRuleMain.jsx
-import React84, { useState as useState55, useRef as useRef20 } from "react";
+import React84, { useState as useState58, useRef as useRef20 } from "react";
 
 // src/components/assignment-rule/SearchBar.js
 import React81 from "react";
@@ -11272,7 +11260,7 @@ function SearchBar12({
 }
 
 // src/components/assignment-rule/Table.js
-import React82, { useState as useState53, useEffect as useEffect22 } from "react";
+import React82, { useState as useState56, useEffect as useEffect25 } from "react";
 import { jsx as jsx82, jsxs as jsxs81 } from "react/jsx-runtime";
 function Table4({
   pageSize,
@@ -11380,12 +11368,12 @@ function Table4({
     dynamicFunctionId: "4",
     isPoolEnabled: true
   }];
-  const [data, setData] = useState53(initialData);
-  const [sortOrder, setSortOrder] = useState53("asc");
-  const [sortKey, setSortKey] = useState53("workflowStepId");
-  const [selectedItem, setSelectedItem] = useState53(null);
-  const [isEditModalOpen, setIsEditModalOpen] = useState53(false);
-  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState53(false);
+  const [data, setData] = useState56(initialData);
+  const [sortOrder, setSortOrder] = useState56("asc");
+  const [sortKey, setSortKey] = useState56("workflowStepId");
+  const [selectedItem, setSelectedItem] = useState56(null);
+  const [isEditModalOpen, setIsEditModalOpen] = useState56(false);
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState56(false);
   const handleEdit = (item) => {
     setSelectedItem(item);
     setIsEditModalOpen(true);
@@ -11438,7 +11426,7 @@ function Table4({
     const query = searchQuery.toLowerCase().trim();
     return item.workflowStepId && item.workflowStepId.toString().toLowerCase().includes(query) || item.assignmentType && item.assignmentType.toLowerCase().includes(query) || item.hierarchyNodeType && item.hierarchyNodeType.toLowerCase().includes(query) || item.dynamicFunctionId && item.dynamicFunctionId.toString().toLowerCase().includes(query);
   });
-  useEffect22(() => {
+  useEffect25(() => {
     if (setTotalEntries) setTotalEntries(filteredData.length);
   }, [filteredData.length, setTotalEntries]);
   const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
@@ -11564,7 +11552,7 @@ function Table4({
 }
 
 // src/components/assignment-rule/Popup.js
-import React83, { useState as useState54 } from "react";
+import React83, { useState as useState57 } from "react";
 import { jsx as jsx83, jsxs as jsxs82 } from "react/jsx-runtime";
 function Popup4({
   isOpen,
@@ -11572,11 +11560,11 @@ function Popup4({
   onSave
 }) {
   if (!isOpen) return null;
-  const [workflowStepId, setWorkflowStepId] = useState54("");
-  const [assignmentType, setAssignmentType] = useState54("");
-  const [hierarchyNodeType, setHierarchyNodeType] = useState54("");
-  const [dynamicFunctionId, setDynamicFunctionId] = useState54("");
-  const [isPoolEnabled, setIsPoolEnabled] = useState54(false);
+  const [workflowStepId, setWorkflowStepId] = useState57("");
+  const [assignmentType, setAssignmentType] = useState57("");
+  const [hierarchyNodeType, setHierarchyNodeType] = useState57("");
+  const [dynamicFunctionId, setDynamicFunctionId] = useState57("");
+  const [isPoolEnabled, setIsPoolEnabled] = useState57(false);
   const handleSubmit = (e) => {
     e.preventDefault();
     if (!workflowStepId || !assignmentType || !hierarchyNodeType) {
@@ -11653,17 +11641,17 @@ function Popup4({
 // src/components/assignment-rule/AssignmentRuleMain.jsx
 import { jsx as jsx84, jsxs as jsxs83 } from "react/jsx-runtime";
 function AssignmentRuleMain() {
-  const [refreshkey, setRefreshKey] = useState55(0);
+  const [refreshkey, setRefreshKey] = useState58(0);
   const handleRefresh = () => {
     console.log("Table data refreshed!");
     setRefreshKey((prev) => prev + 1);
   };
   const tableRef = useRef20(null);
-  const [showModal, setShowModal] = useState55(false);
-  const [pageSize, setPageSize] = useState55(10);
-  const [searchQuery, setSearchQuery] = useState55("");
-  const [currentPage, setCurrentPage] = useState55(1);
-  const [totalEntries, setTotalEntries] = useState55(0);
+  const [showModal, setShowModal] = useState58(false);
+  const [pageSize, setPageSize] = useState58(10);
+  const [searchQuery, setSearchQuery] = useState58("");
+  const [currentPage, setCurrentPage] = useState58(1);
+  const [totalEntries, setTotalEntries] = useState58(0);
   const handlePageSizeChange = (e) => {
     setPageSize(Number(e.target.value));
     setCurrentPage(1);
@@ -11708,7 +11696,7 @@ function AssignmentRuleMain() {
 }
 
 // src/components/Sidebar.jsx
-import { Fragment as Fragment7, jsx as jsx85, jsxs as jsxs84 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx85, jsxs as jsxs84 } from "react/jsx-runtime";
 var workflowItems = [
   // Menu Name testing            // component or page-Use function name
   {
@@ -11805,15 +11793,15 @@ function Sidebar({
   childrens
 }) {
   const router = useRouter();
-  const [workflowOpen, setWorkflowOpen] = useState56(false);
-  const [permissionOpen, setPermissionOpen] = useState56(false);
-  const [hierarchyOpen, setHierarchyOpen] = useState56(false);
-  const [documentOpen, setDocumentOpen] = useState56(false);
-  const [filesOpen, setFilesOpen] = useState56(false);
-  const [tasksOpen, setTasksOpen] = useState56(false);
-  const [trackingOpen, setTrackingOpen] = useState56(false);
-  const [communicationOpen, setCommunicationOpen] = useState56(false);
-  const [activeComponent, setActiveComponent] = useState56("workflowType");
+  const [workflowOpen, setWorkflowOpen] = useState59(false);
+  const [permissionOpen, setPermissionOpen] = useState59(false);
+  const [hierarchyOpen, setHierarchyOpen] = useState59(false);
+  const [documentOpen, setDocumentOpen] = useState59(false);
+  const [filesOpen, setFilesOpen] = useState59(false);
+  const [tasksOpen, setTasksOpen] = useState59(false);
+  const [trackingOpen, setTrackingOpen] = useState59(false);
+  const [communicationOpen, setCommunicationOpen] = useState59(false);
+  const [activeComponent, setActiveComponent] = useState59("workflowType");
   const renderMenuItemold = (item) => {
     const Icon = item.icon;
     return /* @__PURE__ */ jsxs84("button", { type: "button", className: `fc:flex fc:h-[48px] fc:w-full fc:items-center fc:gap-[8px] fc:rounded-[9px] fc:px-[8px] fc:text-left fc:transition-colors fc:duration-150${router.pathname === item.path ? "bg-blue-50 text-blue-600" : "text-[#344261] hover:bg-[#F6F8FC]"}`, onClick: () => router.push(item.path), children: [
@@ -11825,7 +11813,7 @@ function Sidebar({
     const Icon = item.icon;
     const handleClick = () => {
       if (item.component) {
-        router.push("/flowCore", void 0, {
+        router.push("/", void 0, {
           shallow: true
         });
         setActiveComponent(item.component);
@@ -11895,7 +11883,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(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs84(Fragment8, { 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: [
@@ -11939,10 +11927,10 @@ function Sidebar({
 }
 
 // src/components/Layout.jsx
-import { useState as useState57 } from "react";
+import { useState as useState60 } from "react";
 import { jsx as jsx86 } from "react/jsx-runtime";
 var Layout = ({ children }) => {
-  const [isOpen, setIsOpen] = useState57(true);
+  const [isOpen, setIsOpen] = useState60(true);
   return /* @__PURE__ */ jsx86("div", { className: "flowcore fc:flex fc:min-h-screen", children: /* @__PURE__ */ jsx86(
     Sidebar,
     {