flowcore-fn 10.1.5 → 10.1.6

package/dist/pkg-index.js

@@ -1235,10 +1235,10 @@ function Workflow() {
     (async () => {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
       try {
-        const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflow) == null ? void 0 : _c.getList;
+        const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflow) == null ? void 0 : _c.getList;
         const typeEndpoint = (_f = (_e = (_d = getApiEndpoints()) == null ? void 0 : _d.flowCore) == null ? void 0 : _e.workflowType) == null ? void 0 : _f.getList;
-        if (!endpoint) throw Error("Workflow list endpoint is not configured.");
-        const [result, types] = await Promise.all([getApiService().get(endpoint), typeEndpoint ? getApiService().get(typeEndpoint) : Promise.resolve([])]);
+        if (!endpoint2) throw Error("Workflow list endpoint is not configured.");
+        const [result, types] = await Promise.all([getApiService().get(endpoint2), typeEndpoint ? getApiService().get(typeEndpoint) : Promise.resolve([])]);
         const value = ((_g = result == null ? void 0 : result.data) == null ? void 0 : _g.data) || ((_h = result == null ? void 0 : result.data) == null ? void 0 : _h.result) || (result == null ? void 0 : result.data) || result;
         const rows = Array.isArray(value) ? value : (value == null ? void 0 : value.items) || (value == null ? void 0 : value.records) || [];
         const typeValue = ((_i = types == null ? void 0 : types.data) == null ? void 0 : _i.data) || ((_j = types == null ? void 0 : types.data) == null ? void 0 : _j.result) || (types == null ? void 0 : types.data) || types;
@@ -1261,9 +1261,9 @@ function Workflow() {
   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);
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflow) == null ? void 0 : _c.create;
+      if (!endpoint2) throw new Error("Workflow create endpoint is not configured.");
+      await getApiService().post(endpoint2, workflowPayload);
       await import_sweetalert23.default.fire("Success", "Workflow created successfully.", "success");
       handleRefresh();
       return true;
@@ -1275,9 +1275,9 @@ function Workflow() {
   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);
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflow) == null ? void 0 : _c.update;
+      if (!endpoint2) throw new Error("Workflow update endpoint is not configured.");
+      await getApiService().put(endpoint2, workflowPayload);
       await import_sweetalert23.default.fire("Success", "Workflow updated successfully.", "success");
       handleRefresh();
       return true;
@@ -1982,9 +1982,9 @@ var AddWorkflowTypeModal = ({ isOpen, onClose, onSave, createdBy = "" }) => {
       setIsSubmitting(true);
       setSubmitError("");
       const endpoints = getApiEndpoints();
-      const endpoint = (_b = (_a = endpoints == null ? void 0 : endpoints.flowCore) == null ? void 0 : _a.workflowType) == null ? void 0 : _b.create;
-      if (!endpoint) throw new Error("Create workflow type endpoint is not configured.");
-      const response = await getApiService().post(endpoint, payload);
+      const endpoint2 = (_b = (_a = endpoints == null ? void 0 : endpoints.flowCore) == null ? void 0 : _a.workflowType) == null ? void 0 : _b.create;
+      if (!endpoint2) throw new Error("Create workflow type endpoint is not configured.");
+      const response = await getApiService().post(endpoint2, payload);
       const resData = (_c = response == null ? void 0 : response.data) != null ? _c : response;
       if ((resData == null ? void 0 : resData.success) === false) {
         const apiErrors = Array.isArray(resData == null ? void 0 : resData.errors) && resData.errors.length > 0 ? resData.errors : null;
@@ -2068,9 +2068,9 @@ function WorkflowTypeMains() {
   const handleUpdateApi = async (item) => {
     var _a, _b, _c, _d;
     try {
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowType) == null ? void 0 : _c.update;
-      if (!endpoint) throw new Error("Workflow type update endpoint is not configured.");
-      await getApiService().put(endpoint, { workflowTypeId: item.workflowTypeId, workflowTypeCode: item.workflowTypeCode.trim().toUpperCase(), workflowTypeName: item.workflowTypeName.trim(), description: (item.description || "").trim(), isActive: Boolean(item.isActive), updatedBy: item.updatedBy || item.createdBy || "System" });
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowType) == null ? void 0 : _c.update;
+      if (!endpoint2) throw new Error("Workflow type update endpoint is not configured.");
+      await getApiService().put(endpoint2, { workflowTypeId: item.workflowTypeId, workflowTypeCode: item.workflowTypeCode.trim().toUpperCase(), workflowTypeName: item.workflowTypeName.trim(), description: (item.description || "").trim(), isActive: Boolean(item.isActive), updatedBy: item.updatedBy || item.createdBy || "System" });
       await import_sweetalert25.default.fire("Success", "Workflow type updated successfully.", "success");
       handleRefresh();
       return true;
@@ -2102,9 +2102,9 @@ function WorkflowTypeMains() {
     (async () => {
       var _a, _b, _c, _d, _e, _f, _g;
       try {
-        const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowType) == null ? void 0 : _c.getList;
-        if (!endpoint) throw new Error("Workflow type list endpoint is not configured.");
-        const result = await getApiService().get(endpoint);
+        const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowType) == null ? void 0 : _c.getList;
+        if (!endpoint2) throw new Error("Workflow type list endpoint is not configured.");
+        const result = await getApiService().get(endpoint2);
         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) {
@@ -2219,9 +2219,9 @@ function AddWorkflowStepModal({ onClose, onSave }) {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
       try {
         setLoadingWorkflows(true);
-        const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflow) == null ? void 0 : _c.getList;
-        if (!endpoint) return;
-        const result = await getApiService().get(endpoint);
+        const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflow) == null ? void 0 : _c.getList;
+        if (!endpoint2) return;
+        const result = await getApiService().get(endpoint2);
         const value = (_h = (_g = (_f = (_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) != null ? _f : (_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) != null ? _g : result == null ? void 0 : result.data) != null ? _h : result;
         const rows = Array.isArray(value) ? value : (_j = (_i = value == null ? void 0 : value.items) != null ? _i : value == null ? void 0 : value.records) != null ? _j : [];
         setWorkflows(rows);
@@ -2571,8 +2571,8 @@ function AddWorkflowStepModal({ onClose, onSave }) {
               if (!validateForm()) return;
               try {
                 setIsSubmitting(true);
-                const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.create;
-                if (!endpoint) throw new Error("Workflow step create endpoint is not configured.");
+                const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.create;
+                if (!endpoint2) throw new Error("Workflow step create endpoint is not configured.");
                 const payload = {
                   workflowId: Number(formData.workflow) || 0,
                   stepCode: formData.stepCode.trim().toUpperCase(),
@@ -2586,7 +2586,7 @@ function AddWorkflowStepModal({ onClose, onSave }) {
                   excludeHolidays: Boolean(formData.excludeHolidays),
                   createdBy: "System"
                 };
-                await getApiService().post(endpoint, payload);
+                await getApiService().post(endpoint2, payload);
                 onClose();
                 await (onSave == null ? void 0 : onSave());
               } catch (error) {
@@ -2639,9 +2639,9 @@ function EditWorkflowStepModal({ isOpen, onClose, onSave, selectedData }) {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
       try {
         setLoadingWorkflows(true);
-        const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflow) == null ? void 0 : _c.getList;
-        if (!endpoint) return;
-        const result = await getApiService().get(endpoint);
+        const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflow) == null ? void 0 : _c.getList;
+        if (!endpoint2) return;
+        const result = await getApiService().get(endpoint2);
         const value = (_h = (_g = (_f = (_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) != null ? _f : (_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) != null ? _g : result == null ? void 0 : result.data) != null ? _h : result;
         const rows = Array.isArray(value) ? value : (_j = (_i = value == null ? void 0 : value.items) != null ? _i : value == null ? void 0 : value.records) != null ? _j : [];
         setWorkflows(rows);
@@ -2695,8 +2695,8 @@ function EditWorkflowStepModal({ isOpen, onClose, onSave, selectedData }) {
     if (!validate()) return;
     try {
       setIsSubmitting(true);
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.update;
-      if (!endpoint) throw new Error("Workflow step update endpoint is not configured.");
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.update;
+      if (!endpoint2) throw new Error("Workflow step update endpoint is not configured.");
       const payload = {
         workflowStepId: (_e = (_d = selectedData == null ? void 0 : selectedData.workflowStepId) != null ? _d : selectedData == null ? void 0 : selectedData.WorkflowStepId) != null ? _e : 0,
         workflowId: Number(formData.workflowId) || 0,
@@ -2712,7 +2712,7 @@ function EditWorkflowStepModal({ isOpen, onClose, onSave, selectedData }) {
         isActive: Boolean(formData.isActive),
         updatedBy: String(formData.updatedBy).trim() || "System"
       };
-      await getApiService().put(endpoint, payload);
+      await getApiService().put(endpoint2, payload);
       onClose();
       await (onSave == null ? void 0 : onSave());
     } catch (error) {
@@ -3093,9 +3093,9 @@ function WorkflowStep() {
   const handleUpdateApi = async (item) => {
     var _a, _b, _c, _d, _e, _f, _g;
     try {
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.update;
-      if (!endpoint) throw new Error("Workflow step update endpoint is not configured.");
-      await getApiService().put(endpoint, {
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.update;
+      if (!endpoint2) throw new Error("Workflow step update endpoint is not configured.");
+      await getApiService().put(endpoint2, {
         workflowStepId: (_e = (_d = item.workflowStepId) != null ? _d : item.WorkflowStepId) != null ? _e : 0,
         workflowId: Number(item.workflowId) || 0,
         stepCode: String(item.stepCode).trim().toUpperCase(),
@@ -3360,24 +3360,58 @@ function WorkflowStep() {
 
 // src/components/WorkFlowTransition/Transitiontable.js
 var import_react21 = __toESM(require("react"));
-var import_link2 = __toESM(require("next/link"));
+var import_sweetalert29 = __toESM(require("sweetalert2"));
 
 // src/components/WorkFlowTransition/AddWorkFlowTransitionModal.js
 var import_react20 = __toESM(require("react"));
+init_ApiEndpointsProvider();
+init_ApiServicepackage();
 var import_jsx_runtime20 = require("react/jsx-runtime");
-function AddWorkTransitionStepModal({ onClose, onSubmit }) {
+var rowsFrom = (response) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const value = (_e = (_d = (_c = (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _c : (_b = response == null ? void 0 : response.data) == null ? void 0 : _b.result) != null ? _d : response == null ? void 0 : response.data) != null ? _e : response;
+  return Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
+};
+var lookupEndpoint = (name, fallback) => {
+  var _a, _b, _c, _d;
+  try {
+    return (_d = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b[name]) == null ? void 0 : _c.getList) != null ? _d : fallback;
+  } catch (e) {
+    return fallback;
+  }
+};
+function AddWorkTransitionStepModal({ onClose, onSave, editData }) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
   const [formData, setFormData] = (0, import_react20.useState)({
-    workflow: "",
-    fromStep: "",
-    toStep: "",
-    actionCode: "",
-    actionName: "",
+    workflow: String((_b = (_a = editData == null ? void 0 : editData.workflowId) != null ? _a : editData == null ? void 0 : editData.WorkflowId) != null ? _b : ""),
+    fromStep: String((_f = (_e = (_d = (_c = editData == null ? void 0 : editData.fromWorkflowStepId) != null ? _c : editData == null ? void 0 : editData.FromWorkflowStepId) != null ? _d : editData == null ? void 0 : editData.fromStepId) != null ? _e : editData == null ? void 0 : editData.FromStepId) != null ? _f : ""),
+    toStep: String((_j = (_i = (_h = (_g = editData == null ? void 0 : editData.toWorkflowStepId) != null ? _g : editData == null ? void 0 : editData.ToWorkflowStepId) != null ? _h : editData == null ? void 0 : editData.toStepId) != null ? _i : editData == null ? void 0 : editData.ToStepId) != null ? _j : ""),
+    actionCode: (_l = (_k = editData == null ? void 0 : editData.actionCode) != null ? _k : editData == null ? void 0 : editData.ActionCode) != null ? _l : "",
+    actionName: (_n = (_m = editData == null ? void 0 : editData.actionName) != null ? _m : editData == null ? void 0 : editData.ActionName) != null ? _n : "",
     sequenceNo: "",
     isDefault: false,
     requireComment: false,
-    status: "active"
+    status: ((_p = (_o = editData == null ? void 0 : editData.isActive) != null ? _o : editData == null ? void 0 : editData.IsActive) != null ? _p : true) ? "active" : "inactive"
   });
   const [errors, setErrors] = (0, import_react20.useState)({});
+  const [workflows, setWorkflows] = (0, import_react20.useState)([]);
+  const [isSubmitting, setIsSubmitting] = (0, import_react20.useState)(false);
+  (0, import_react20.useEffect)(() => {
+    let active = true;
+    (async () => {
+      try {
+        const service = getApiService();
+        const workflowResult = await service.get(lookupEndpoint("workflow", "/api/flowcore/WorkFlow/GetList"));
+        if (!active) return;
+        setWorkflows(rowsFrom(workflowResult));
+      } catch (error) {
+        if (active) setErrors((current) => __spreadProps(__spreadValues({}, current), { lookup: (error == null ? void 0 : error.message) || "Unable to load workflows." }));
+      }
+    })();
+    return () => {
+      active = false;
+    };
+  }, []);
   const validateForm = () => {
     const newErrors = {};
     if (!formData.workflow) newErrors.workflow = "Workflow is required.";
@@ -3385,18 +3419,20 @@ function AddWorkTransitionStepModal({ onClose, onSubmit }) {
     if (!formData.toStep) newErrors.toStep = "To Step is required.";
     if (!formData.actionCode.trim()) newErrors.actionCode = "Action Code is required.";
     if (!formData.actionName.trim()) newErrors.actionName = "Action Name is required.";
-    if (!formData.sequenceNo) newErrors.sequenceNo = "Sequence No is required.";
     setErrors(newErrors);
     return Object.keys(newErrors).length === 0;
   };
-  const handleSubmit = (e) => {
+  const handleSubmit = async (e) => {
+    var _a2, _b2, _c2;
     e.preventDefault();
-    if (validateForm()) {
-      if (onSubmit) {
-        onSubmit(formData);
-      } else {
-        console.log("Form Submitted Successfully:", formData);
-      }
+    if (!validateForm() || !onSave) return;
+    const isEdit = Boolean(editData);
+    const payload = isEdit ? { transitionId: (_a2 = editData.transitionId) != null ? _a2 : editData.TransitionId, workflowId: Number(formData.workflow), fromWorkflowStepId: Number(formData.fromStep), toWorkflowStepId: Number(formData.toStep), actionCode: formData.actionCode.trim(), actionName: formData.actionName.trim(), isActive: formData.status === "active", updatedBy: (_c2 = (_b2 = editData.updatedBy) != null ? _b2 : editData.createdBy) != null ? _c2 : "System" } : { workflowId: Number(formData.workflow), fromWorkflowStepId: Number(formData.fromStep), toWorkflowStepId: Number(formData.toStep), actionCode: formData.actionCode.trim(), actionName: formData.actionName.trim(), createdBy: "System" };
+    setIsSubmitting(true);
+    try {
+      if (await onSave(payload, isEdit)) onClose();
+    } finally {
+      setIsSubmitting(false);
     }
   };
   const handleChange = (field, value) => {
@@ -3455,8 +3491,12 @@ function AddWorkTransitionStepModal({ onClose, onSubmit }) {
                       className: `fc:w-full fc:p-2.5 fc:pl-9 fc:rounded-xl fc:text-xs fc:border fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/20 focus:fc:border-indigo-500 fc:transition-all ${errors.workflow ? "fc:border-red-500 fc:text-slate-800" : "fc:border-slate-200 fc:text-slate-700 hover:fc:border-slate-300"}`,
                       children: [
                         /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "", children: "Select Workflow" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "building", children: "Building Permission" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "trade", children: "Trade License" })
+                        workflows.map((workflow) => {
+                          var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
+                          const id = (_b2 = (_a2 = workflow.workflowId) != null ? _a2 : workflow.WorkflowId) != null ? _b2 : workflow.id;
+                          const name = (_h2 = (_g2 = (_f2 = (_e2 = (_d2 = (_c2 = workflow.workflowName) != null ? _c2 : workflow.WorkflowName) != null ? _d2 : workflow.name) != null ? _e2 : workflow.Name) != null ? _f2 : workflow.workflowCode) != null ? _g2 : workflow.WorkflowCode) != null ? _h2 : `Workflow ${id}`;
+                          return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: String(id), children: name }, id);
+                        })
                       ]
                     }
                   ),
@@ -3478,8 +3518,8 @@ function AddWorkTransitionStepModal({ onClose, onSubmit }) {
                       className: `fc:w-full fc:p-2.5 fc:pl-9 fc:rounded-xl fc:text-xs fc:border fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/20 focus:fc:border-indigo-500 fc:transition-all ${errors.fromStep ? "fc:border-red-500 fc:text-slate-800" : "fc:border-slate-200 fc:text-slate-700 hover:fc:border-slate-300"}`,
                       children: [
                         /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "", children: "Select From Step" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "scrutiny", children: "Scrutiny" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "inspection", children: "Inspection" })
+                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "1", children: "Scrutiny" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "2", children: "Inspection" })
                       ]
                     }
                   ),
@@ -3503,8 +3543,8 @@ function AddWorkTransitionStepModal({ onClose, onSubmit }) {
                       className: `fc:w-full fc:p-2.5 fc:pl-9 fc:rounded-xl fc:text-xs fc:border fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/20 focus:fc:border-indigo-500 fc:transition-all ${errors.toStep ? "fc:border-red-500 fc:text-slate-800" : "fc:border-slate-200 fc:text-slate-700 hover:fc:border-slate-300"}`,
                       children: [
                         /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "", children: "Select To Step" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "approval", children: "Approval" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "completed", children: "Completed" })
+                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "3", children: "Approval" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("option", { value: "4", children: "Completed" })
                       ]
                     }
                   ),
@@ -3729,185 +3769,134 @@ function AddWorkTransitionStepModal({ onClose, onSubmit }) {
 }
 
 // src/components/WorkFlowTransition/Transitiontable.js
+init_ApiEndpointsProvider();
+init_ApiServicepackage();
 var import_jsx_runtime21 = require("react/jsx-runtime");
-var WorkflowTransition = [{
-  TransitionId: 1,
-  workflowId: 1,
-  FromStepId: 2,
-  ToStepId: 1,
-  ActionCode: "APPROVE",
-  ActionName: "APPROVE"
-}, {
-  TransitionId: 1,
-  workflowId: 1,
-  FromStepId: 2,
-  ToStepId: 1,
-  ActionCode: "APPROVE",
-  ActionName: "APPROVE"
-}, {
-  TransitionId: 1,
-  workflowId: 1,
-  FromStepId: 2,
-  ToStepId: 1,
-  ActionCode: "APPROVE",
-  ActionName: "APPROVE"
-}, {
-  TransitionId: 1,
-  workflowId: 1,
-  FromStepId: 2,
-  ToStepId: 1,
-  ActionCode: "APPROVE",
-  ActionName: "APPROVE"
-}, {
-  TransitionId: 1,
-  workflowId: 1,
-  FromStepId: 2,
-  ToStepId: 1,
-  ActionCode: "APPROVE",
-  ActionName: "APPROVE"
-}, {
-  TransitionId: 1,
-  workflowId: 1,
-  FromStepId: 2,
-  ToStepId: 1,
-  ActionCode: "APPROVE",
-  ActionName: "APPROVE"
-}, {
-  TransitionId: 1,
-  workflowId: 1,
-  FromStepId: 2,
-  ToStepId: 1,
-  ActionCode: "APPROVE",
-  ActionName: "APPROVE"
-}, {
-  TransitionId: 1,
-  workflowId: 1,
-  FromStepId: 2,
-  ToStepId: 1,
-  ActionCode: "APPROVE",
-  ActionName: "APPROVE"
-}, {
-  TransitionId: 1,
-  workflowId: 1,
-  FromStepId: 2,
-  ToStepId: 1,
-  ActionCode: "RETURN",
-  ActionName: "APPROVE"
-}, {
-  TransitionId: 1,
-  workflowId: 1,
-  FromStepId: 2,
-  ToStepId: 1,
-  ActionCode: "APPROVE",
-  ActionName: "RETURN"
-}];
+var PATHS = { create: "/api/flowcore/WorkflowTransition/Create", update: "/api/flowcore/WorkflowTransition/Update", getById: "/api/flowcore/WorkflowTransition/GetById", getList: "/api/flowcore/WorkflowTransition/GetList" };
+var getRows = (response) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const value = (_e = (_d = (_c = (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _c : (_b = response == null ? void 0 : response.data) == null ? void 0 : _b.result) != null ? _d : response == null ? void 0 : response.data) != null ? _e : response;
+  return Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
+};
+var getEndpoint = (action) => {
+  var _a, _b, _c, _d;
+  try {
+    const endpoints = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore;
+    const configured = (_d = (_b = endpoints == null ? void 0 : endpoints.WorkflowTransition) == null ? void 0 : _b[action]) != null ? _d : (_c = endpoints == null ? void 0 : endpoints.workflowTransition) == null ? void 0 : _c[action];
+    if (configured) return configured;
+  } catch (e) {
+  }
+  return PATHS[action];
+};
+var getByIdUrl = (id) => {
+  const endpoint2 = getEndpoint("getById");
+  return typeof endpoint2 === "function" ? endpoint2(id) : `${endpoint2}/${id}`;
+};
+var normalise = (item) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+  return __spreadProps(__spreadValues({}, item), { transitionId: (_b = (_a = item.transitionId) != null ? _a : item.TransitionId) != null ? _b : item.id, workflowId: (_d = (_c = item.workflowId) != null ? _c : item.WorkflowId) != null ? _d : "", fromWorkflowStepId: (_h = (_g = (_f = (_e = item.fromWorkflowStepId) != null ? _e : item.FromWorkflowStepId) != null ? _f : item.fromStepId) != null ? _g : item.FromStepId) != null ? _h : "", toWorkflowStepId: (_l = (_k = (_j = (_i = item.toWorkflowStepId) != null ? _i : item.ToWorkflowStepId) != null ? _j : item.toStepId) != null ? _k : item.ToStepId) != null ? _l : "", actionCode: (_n = (_m = item.actionCode) != null ? _m : item.ActionCode) != null ? _n : "", actionName: (_p = (_o = item.actionName) != null ? _o : item.ActionName) != null ? _p : "", isActive: (_r = (_q = item.isActive) != null ? _q : item.IsActive) != null ? _r : true });
+};
 function WorkFlowTransition() {
-  const handleRefresh = () => {
-    console.log("Refresh clicked");
-  };
-  const handleDownload = () => {
-    console.log("Download clicked");
-  };
   const tableRef = (0, import_react21.useRef)(null);
+  const [rows, setRows] = (0, import_react21.useState)([]);
   const [showModal, setShowModal] = (0, import_react21.useState)(false);
+  const [editingTransition, setEditingTransition] = (0, import_react21.useState)(null);
   const [pageSize, setPageSize] = (0, import_react21.useState)(5);
-  const [sortConfig, setSortConfig] = (0, import_react21.useState)({
-    key: "",
-    direction: "asc"
-  });
-  const handleSort = (key) => {
-    let direction = "asc";
-    if (sortConfig.key === key && sortConfig.direction === "asc") {
-      direction = "desc";
+  const [search, setSearch] = (0, import_react21.useState)("");
+  const [sortConfig, setSortConfig] = (0, import_react21.useState)({ key: "", direction: "asc" });
+  const [refreshKey, setRefreshKey] = (0, import_react21.useState)(0);
+  const refresh = () => setRefreshKey((value) => value + 1);
+  (0, import_react21.useEffect)(() => {
+    (async () => {
+      var _a, _b;
+      try {
+        setRows(getRows(await getApiService().get(getEndpoint("getList"))).map(normalise));
+      } catch (error) {
+        await import_sweetalert29.default.fire("Error", ((_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 load workflow transitions.", "error");
+      }
+    })();
+  }, [refreshKey]);
+  const saveTransition = async (payload, isEdit) => {
+    var _a, _b;
+    try {
+      await getApiService()[isEdit ? "put" : "post"](getEndpoint(isEdit ? "update" : "create"), payload);
+      await import_sweetalert29.default.fire("Success", `Workflow transition ${isEdit ? "updated" : "created"} successfully.`, "success");
+      refresh();
+      return true;
+    } catch (error) {
+      await import_sweetalert29.default.fire("Error", ((_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 ${isEdit ? "update" : "create"} workflow transition.`, "error");
+      return false;
     }
-    setSortConfig({
-      key,
-      direction
-    });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("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__ */ (0, import_jsx_runtime21.jsx)(CommonHeader, { title: "WorkFlow Transition", breadcrumbs: [{
-        label: "Dashboard",
-        href: "/dashboard"
-      }, {
-        label: "Masters",
-        href: "/masters"
-      }, {
-        label: "Workflow Transition",
-        href: "/workflowTransition"
-      }], buttonText: "Add Workflow Transition", onButtonClick: () => setShowModal(true) }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "fc:bg-white fc:rounded-3xl fc:shadow-sm fc:border fc:border-slate-100 fc:p-6 fc:flex fc:flex-col fc:gap-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:flex-wrap fc:gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "fc:relative fc:max-w-xs fc:w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "fc:absolute fc:inset-y-0 fc:left-0 fc:flex fc:items-center fc:pl-3.5 fc:pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("svg", { className: "fc:w-4 fc:h-5 fc:text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { type: "text", placeholder: "Search workflow name or code...", className: "fc:w-full fc:pl-10 fc:pr-4 fc:py-2.5 fc:shadow-md fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-[14px] fc:text-bold fc:bg-slate-50/50 focus:fc:fc:outline-none focus:fc:fc:ring-4 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:text-slate-700 fc:placeholder-slate-400 fc:transition-all" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:text-slate-500 fc:font-semibold", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Refresh_default, { onRefresh: handleRefresh }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Download_default, { targetRef: tableRef, fileName: "workflow-transition" }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("select", { value: pageSize, onChange: (e) => setPageSize(Number(e.target.value)), className: "fc:inline-flex fc:items-center fc:px-4 fc:py-2 fc:rounded-xl fc:bg-white fc:text-slate-700 fc:text-[14px] fc:font-semibold fc:border fc:border-slate-200 focus:fc:fc:outline-none fc:cursor-pointer fc:shadow-md", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: 5, children: "5 Rows" }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: 10, children: "10 Rows" }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: 25, children: "25 Rows" })
-            ] })
+  const editTransition = async (transition) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    try {
+      const result = await getApiService().get(getByIdUrl(transition.transitionId));
+      const data = (_f = (_e = (_d = (_b = getRows(result)[0]) != null ? _b : (_a = result == null ? void 0 : result.data) == null ? void 0 : _a.data) != null ? _d : (_c = result == null ? void 0 : result.data) == null ? void 0 : _c.result) != null ? _e : result == null ? void 0 : result.data) != null ? _f : result;
+      setEditingTransition(normalise(data));
+      setShowModal(true);
+    } catch (error) {
+      await import_sweetalert29.default.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 load workflow transition details.", "error");
+    }
+  };
+  const columns = [["Transition ID", "transitionId"], ["Workflow ID", "workflowId"], ["From Step ID", "fromWorkflowStepId"], ["To Step ID", "toWorkflowStepId"], ["Action Code", "actionCode"], ["Action Name", "actionName"]];
+  const visibleRows = rows.filter((item) => Object.values(item).join(" ").toLowerCase().includes(search.toLowerCase())).sort((a, b) => {
+    var _a, _b;
+    if (!sortConfig.key) return 0;
+    const result = String((_a = a[sortConfig.key]) != null ? _a : "").localeCompare(String((_b = b[sortConfig.key]) != null ? _b : ""), void 0, { numeric: true });
+    return sortConfig.direction === "asc" ? result : -result;
+  });
+  const sort = (key) => setSortConfig((current) => ({ key, direction: current.key === key && current.direction === "asc" ? "desc" : "asc" }));
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("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__ */ (0, import_jsx_runtime21.jsx)(CommonHeader, { title: "Workflow Transition", breadcrumbs: [{ label: "Dashboard", href: "/dashboard" }, { label: "Masters", href: "/masters" }, { label: "Workflow Transition", href: "/workflowTransition" }], buttonText: "Add Workflow Transition", onButtonClick: () => {
+      setEditingTransition(null);
+      setShowModal(true);
+    } }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "fc:bg-white fc:rounded-3xl fc:shadow-sm fc:border fc:border-slate-100 fc:p-6 fc:flex fc:flex-col fc:gap-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:flex-wrap fc:gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("input", { value: search, onChange: (event) => setSearch(event.target.value), placeholder: "Search workflow transitions...", className: "fc:max-w-xs fc:w-full fc:px-4 fc:py-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-sm" }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Refresh_default, { onRefresh: refresh }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Download_default, { targetRef: tableRef, fileName: "workflow-transition" }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("select", { value: pageSize, onChange: (event) => setPageSize(Number(event.target.value)), className: "fc:px-4 fc:py-2 fc:rounded-xl fc:border fc:border-slate-200", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: 5, children: "5 Rows" }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: 10, children: "10 Rows" }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("option", { value: 25, children: "25 Rows" })
           ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "fc:border fc:border-slate-200 fc:rounded-2xl fc:overflow-hidden fc:bg-white fc:shadow-md", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "fc:max-h-[350px] fc:overflow-y-auto fc:overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("table", { className: "fc:min-w-max fc:w-full fc:border-collapse", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("thead", { className: "fc:bg-slate-50 fc:sticky fc:top-0 fc:z-10", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("tr", { className: "fc:text-[11px] fc:font-bold fc:uppercase fc:tracking-wider fc:text-slate-400", children: [{
-              label: "TransitionId",
-              key: "TransitionId"
-            }, {
-              label: "WorkflowId",
-              key: "workflowId"
-            }, {
-              label: "FromStepId",
-              key: "FromStepId"
-            }, {
-              label: "ToStepId",
-              key: "ToStepId"
-            }, {
-              label: "ActionCode",
-              key: "ActionCode"
-            }, {
-              label: "ActionName",
-              key: "ActionName"
-            }].map((column) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("th", { onClick: () => handleSort(column.key), className: "fc:px-6 fc:py-4 fc:text-left fc:text-xs fc:font-bold fc:text-slate-500 fc:uppercase fc:tracking-wider fc:cursor-pointer fc:select-none hover:fc:fc:bg-slate-100 fc:transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: column.label }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "fc:text-gray-400 fc:text-xs", children: sortConfig.key === column.key ? sortConfig.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195" })
-            ] }) }, column.key)) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("tbody", { children: WorkflowTransition.slice(0, pageSize).map((item) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("tr", { className: "hover:fc:fc:bg-slate-50/80 fc:transition-colors fc:border-b fc:border-slate-100 last:fc:fc:border-0", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "fc:px-6 fc:p-4 fc:text-center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.TransitionId }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.workflowId }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.FromStepId }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.ToStepId }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: `fc:inline-flex fc:items-center fc:text-[14px] fc:text-slate-500 fc:font-semibold fc:rounded-full fc:px-3 fc:py-1 ${item.ActionCode === "APPROVE" ? "bg-green-100 text-green-700" : "bg-red-100 text-red-700"}`, children: item.ActionCode }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: `fc:inline-flex fc:items-center fc:rounded-full fc:px-3 fc:py-1 fc:text-[14px] fc:text-slate-500 fc:font-semibold ${item.ActionName === "APPROVE" ? "bg-green-100 text-green-700" : "bg-red-100 text-red-700"}`, children: item.ActionName }) })
-            ] }, item.TransitionId)) })
-          ] }) }),
-          " "
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "fc:rounded-xl fc:bg-slate-50/50", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Footer, {}),
-          " "
         ] })
-      ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { ref: tableRef, className: "fc:border fc:border-slate-200 fc:rounded-2xl fc:overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("table", { className: "fc:min-w-max fc:w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("thead", { className: "fc:bg-slate-50", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("tr", { children: [
+          columns.map(([label, key]) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("th", { onClick: () => sort(key), className: "fc:px-6 fc:py-4 fc:text-center fc:text-xs fc:cursor-pointer", children: [
+            label,
+            " ",
+            sortConfig.key === key ? sortConfig.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195"
+          ] }, key)),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("th", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-xs", children: "Action" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("tbody", { children: visibleRows.slice(0, pageSize).map((item) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("tr", { className: "fc:border-t fc:border-slate-100", children: [
+          columns.map(([, key]) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: item[key] }, key)),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { onClick: () => editTransition(item), className: "fc:bg-blue-50 hover:fc:bg-blue-100 fc:text-blue-600 fc:px-3 fc:py-1 fc:rounded-lg fc:text-xs fc:font-semibold", children: "Edit" }) })
+        ] }, item.transitionId)) })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Footer, {})
     ] }),
-    showModal && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(AddWorkTransitionStepModal, { onClose: () => setShowModal(false) }),
-    " "
+    showModal && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(AddWorkTransitionStepModal, { editData: editingTransition, onClose: () => {
+      setShowModal(false);
+      setEditingTransition(null);
+    }, onSave: saveTransition })
   ] });
 }
 
 // src/components/user-hierarchy-node-mapping/user_hierarachy_node_main.jsx
 var import_react27 = __toESM(require("react"));
-var import_sweetalert210 = __toESM(require("sweetalert2"));
+var import_sweetalert211 = __toESM(require("sweetalert2"));
 init_ApiEndpointsProvider();
 init_ApiServicepackage();
 
 // src/components/user-hierarchy-node-mapping/adduserhierarchynode.jsx
 var import_react22 = __toESM(require("react"));
-var import_sweetalert29 = __toESM(require("sweetalert2"));
+var import_sweetalert210 = __toESM(require("sweetalert2"));
 init_ApiEndpointsProvider();
 init_ApiServicepackage();
 var import_jsx_runtime22 = require("react/jsx-runtime");
@@ -3970,7 +3959,7 @@ function AddUserHierarchyNodeMappingModal({
   const handleSave = async () => {
     if (!onSave) return;
     if (!formData.workflowStepId) {
-      await import_sweetalert29.default.fire("Required field", "Please select a workflow step.", "warning");
+      await import_sweetalert210.default.fire("Required field", "Please select a workflow step.", "warning");
       return;
     }
     setIsSubmitting(true);
@@ -3995,7 +3984,7 @@ function AddUserHierarchyNodeMappingModal({
         /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("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__ */ (0, import_jsx_runtime22.jsx)("svg", { className: "fc:w-6 fc:h-6", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("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__ */ (0, import_jsx_runtime22.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: "Add Workflow Step Hierarchy Mapping              " }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: "Add Workflow Hierarchy Mapping              " }),
             /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: "Map a consumer user to a hierarchy node" })
           ] })
         ] }),
@@ -4642,13 +4631,13 @@ function User_hierarchy_mapping_main() {
     (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.WorkflowStepUserMapping) == null ? void 0 : _c.getList;
-        if (!endpoint) throw new Error("Workflow Step Hierarchy Mapping list endpoint is not configured.");
-        const result = await getApiService().post(endpoint, {});
+        const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.WorkflowStepUserMapping) == null ? void 0 : _c.getList;
+        if (!endpoint2) throw new Error("Workflow Step Hierarchy Mapping list endpoint is not configured.");
+        const result = await getApiService().post(endpoint2, {});
         const value = ((_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) || ((_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) || (result == null ? void 0 : result.data) || result;
         setApiData(Array.isArray(value) ? value : (value == null ? void 0 : value.items) || (value == null ? void 0 : value.records) || []);
       } catch (error) {
-        await import_sweetalert210.default.fire("Error", ((_g = (_f = error == null ? void 0 : error.response) == null ? void 0 : _f.data) == null ? void 0 : _g.message) || (error == null ? void 0 : error.message) || "Unable to load Workflow Step Hierarchy Mappings.", "error");
+        await import_sweetalert211.default.fire("Error", ((_g = (_f = error == null ? void 0 : error.response) == null ? void 0 : _f.data) == null ? void 0 : _g.message) || (error == null ? void 0 : error.message) || "Unable to load Workflow Step Hierarchy Mappings.", "error");
       }
     })();
   }, [refreshkey]);
@@ -4668,8 +4657,8 @@ function User_hierarchy_mapping_main() {
   const saveMapping = async (payload, isEdit = false) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i;
     try {
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.WorkflowStepUserMapping) == null ? void 0 : _c[isEdit ? "update" : "create"];
-      if (!endpoint) throw new Error(`Workflow Step Hierarchy Mapping ${isEdit ? "update" : "create"} endpoint is not configured.`);
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.WorkflowStepUserMapping) == null ? void 0 : _c[isEdit ? "update" : "create"];
+      if (!endpoint2) throw new Error(`Workflow Step Hierarchy Mapping ${isEdit ? "update" : "create"} endpoint is not configured.`);
       const requestPayload = isEdit ? {
         workflowStepUserMappingId: Number(
           (_f = (_e = (_d = payload.workflowStepUserMappingId) != null ? _d : payload.WorkFlowStepUserMappingId) != null ? _e : payload.mappingId) != null ? _f : payload.id
@@ -4682,18 +4671,18 @@ function User_hierarchy_mapping_main() {
         isActive: (_g = payload.isActive) != null ? _g : true,
         updatedBy: payload.updatedBy || "System"
       } : payload;
-      await getApiService()[isEdit ? "put" : "post"](endpoint, requestPayload);
-      await import_sweetalert210.default.fire("Success", `Workflow Step Hierarchy Mapping ${isEdit ? "updated" : "created"} successfully.`, "success");
+      await getApiService()[isEdit ? "put" : "post"](endpoint2, requestPayload);
+      await import_sweetalert211.default.fire("Success", `Workflow Step Hierarchy Mapping ${isEdit ? "updated" : "created"} successfully.`, "success");
       handleRefresh();
       return true;
     } catch (error) {
-      await import_sweetalert210.default.fire("Error", ((_i = (_h = error == null ? void 0 : error.response) == null ? void 0 : _h.data) == null ? void 0 : _i.message) || (error == null ? void 0 : error.message) || `Unable to ${isEdit ? "update" : "create"} Workflow Step Hierarchy Mapping.`, "error");
+      await import_sweetalert211.default.fire("Error", ((_i = (_h = error == null ? void 0 : error.response) == null ? void 0 : _h.data) == null ? void 0 : _i.message) || (error == null ? void 0 : error.message) || `Unable to ${isEdit ? "update" : "create"} Workflow Step Hierarchy Mapping.`, "error");
       return false;
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "fc:min-h-screen fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
     /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "fc:w-full fc:space-y-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CommonHeader, { title: "Workflow Step User Mapping", breadcrumbs: [{
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CommonHeader, { title: "Workflow Hierarchy Mapping", breadcrumbs: [{
         label: "Dashboard",
         href: "/dashboard"
       }, {
@@ -4703,8 +4692,8 @@ function User_hierarchy_mapping_main() {
         label: "Hierarchy",
         href: "/hierarchy"
       }, {
-        label: "User Hierarchy Mapping",
-        href: "/user hierarchy mapping"
+        label: "Workflow Hierarchy Mapping",
+        href: "/Workflow-Hierarchy-Mapping"
       }], buttonText: "Add Mapping", onButtonClick: () => setModalOpen(true) }),
       /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-200/80 fc:shadow-sm fc:space-y-5", children: [
         /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
@@ -4729,7 +4718,7 @@ function User_hierarchy_mapping_main() {
 
 // src/components/document-configuration/DocumentConfigurationmain.jsx
 var import_react33 = __toESM(require("react"));
-var import_sweetalert212 = __toESM(require("sweetalert2"));
+var import_sweetalert213 = __toESM(require("sweetalert2"));
 init_ApiEndpointsProvider();
 init_ApiServicepackage();
 
@@ -4752,7 +4741,7 @@ function SearchBar3({
 
 // src/components/document-configuration/DocumentConfigurationTable.jsx
 var import_react31 = __toESM(require("react"));
-var import_sweetalert211 = __toESM(require("sweetalert2"));
+var import_sweetalert212 = __toESM(require("sweetalert2"));
 
 // src/components/document-configuration/Edit.jsx
 var import_react29 = __toESM(require("react"));
@@ -4784,9 +4773,9 @@ function EditDocumentConfiguration({
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
       try {
         setLoadingSteps(true);
-        const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.getList;
-        if (!endpoint) throw new Error("Workflow step list endpoint is not configured.");
-        const result = await getApiService().get(endpoint);
+        const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.getList;
+        if (!endpoint2) throw new Error("Workflow step list endpoint is not configured.");
+        const result = await getApiService().get(endpoint2);
         const value = (_h = (_g = (_f = (_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) != null ? _f : (_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) != null ? _g : result == null ? void 0 : result.data) != null ? _h : result;
         setWorkflowSteps(Array.isArray(value) ? value : (_j = (_i = value == null ? void 0 : value.items) != null ? _i : value == null ? void 0 : value.records) != null ? _j : []);
       } catch (_) {
@@ -5248,13 +5237,13 @@ function DocumentConfigTable({
     var _a, _b, _c, _d, _e;
     try {
       setIsLoading(true);
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.documentConfiguration) == null ? void 0 : _c.getList;
-      if (!endpoint) throw new Error("Document Configuration list endpoint is not configured.");
-      const result = await getApiService().post(endpoint, {});
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.documentConfiguration) == null ? void 0 : _c.getList;
+      if (!endpoint2) throw new Error("Document Configuration list endpoint is not configured.");
+      const result = await getApiService().post(endpoint2, {});
       setData(unwrapRows(result).map(toUiItem));
     } catch (error) {
       setData([]);
-      await import_sweetalert211.default.fire("Error", ((_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || (error == null ? void 0 : error.message) || "Unable to load document configurations.", "error");
+      await import_sweetalert212.default.fire("Error", ((_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || (error == null ? void 0 : error.message) || "Unable to load document configurations.", "error");
     } finally {
       setIsLoading(false);
     }
@@ -5289,22 +5278,22 @@ function DocumentConfigTable({
     },
     (_, i) => i + 1
   );
-  const buildGetByIdUrl = (endpoint, id) => {
-    if (endpoint.includes("{id}")) return endpoint.replace("{id}", encodeURIComponent(id));
-    return `${endpoint.replace(/\/$/, "")}/${encodeURIComponent(id)}`;
+  const buildGetByIdUrl = (endpoint2, id) => {
+    if (endpoint2.includes("{id}")) return endpoint2.replace("{id}", encodeURIComponent(id));
+    return `${endpoint2.replace(/\/$/, "")}/${encodeURIComponent(id)}`;
   };
   const handleEdit = async (item) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
     try {
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.documentConfiguration) == null ? void 0 : _c.getById;
-      if (!endpoint) throw new Error("Document Configuration get-by-id endpoint is not configured.");
-      const url = typeof endpoint === "function" ? endpoint(item.id) : buildGetByIdUrl(endpoint, item.id);
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.documentConfiguration) == null ? void 0 : _c.getById;
+      if (!endpoint2) throw new Error("Document Configuration get-by-id endpoint is not configured.");
+      const url = typeof endpoint2 === "function" ? endpoint2(item.id) : buildGetByIdUrl(endpoint2, item.id);
       const result = await getApiService().get(url);
       const value = (_h = (_g = (_f = (_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) != null ? _f : (_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) != null ? _g : result == null ? void 0 : result.data) != null ? _h : result;
       setSelectedItem(toUiItem(value != null ? value : item));
       setIsEditOpen(true);
     } catch (error) {
-      await import_sweetalert211.default.fire("Error", ((_j = (_i = error == null ? void 0 : error.response) == null ? void 0 : _i.data) == null ? void 0 : _j.message) || (error == null ? void 0 : error.message) || "Unable to load document configuration.", "error");
+      await import_sweetalert212.default.fire("Error", ((_j = (_i = error == null ? void 0 : error.response) == null ? void 0 : _i.data) == null ? void 0 : _j.message) || (error == null ? void 0 : error.message) || "Unable to load document configuration.", "error");
     }
   };
   const handleDelete = (item) => {
@@ -5314,13 +5303,13 @@ function DocumentConfigTable({
   const handleSaveEdit = async (updatedData) => {
     var _a, _b, _c, _d, _e, _f;
     try {
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.documentConfiguration) == null ? void 0 : _c.update;
-      if (!endpoint) throw new Error("Document Configuration update endpoint is not configured.");
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.documentConfiguration) == null ? void 0 : _c.update;
+      if (!endpoint2) throw new Error("Document Configuration update endpoint is not configured.");
       const maxSizeMB = Number.parseFloat((_d = updatedData.maxSizeNum) != null ? _d : updatedData.maxSize);
       if (!Number.isFinite(maxSizeMB) || maxSizeMB <= 0) {
         throw new Error("Please enter a valid maximum size in MB.");
       }
-      await getApiService().put(endpoint, {
+      await getApiService().put(endpoint2, {
         documentConfigurationId: updatedData.id,
         documentName: updatedData.docName.trim(),
         allowedExtensions: updatedData.extensions.trim(),
@@ -5329,12 +5318,12 @@ function DocumentConfigTable({
         isActive: updatedData.status === "Active",
         updatedBy: "System"
       });
-      await import_sweetalert211.default.fire("Success", "Document configuration updated successfully.", "success");
+      await import_sweetalert212.default.fire("Success", "Document configuration updated successfully.", "success");
       setIsEditOpen(false);
       await loadData();
       return true;
     } catch (error) {
-      await import_sweetalert211.default.fire("Error", ((_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 update document configuration.", "error");
+      await import_sweetalert212.default.fire("Error", ((_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 update document configuration.", "error");
       return false;
     }
   };
@@ -5540,9 +5529,9 @@ function AddDocumentConfigModal({
         setLoadingSteps(true);
         const { getApiEndpoints: getApiEndpoints2 } = await Promise.resolve().then(() => (init_ApiEndpointsProvider(), ApiEndpointsProvider_exports));
         const { getApiService: getApiService2 } = await Promise.resolve().then(() => (init_ApiServicepackage(), ApiServicepackage_exports));
-        const endpoint = (_c = (_b = (_a = getApiEndpoints2()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.getList;
-        if (!endpoint) throw new Error("Workflow step list endpoint is not configured.");
-        const result = await getApiService2().get(endpoint);
+        const endpoint2 = (_c = (_b = (_a = getApiEndpoints2()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.getList;
+        if (!endpoint2) throw new Error("Workflow step list endpoint is not configured.");
+        const result = await getApiService2().get(endpoint2);
         const value = (_h = (_g = (_f = (_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) != null ? _f : (_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) != null ? _g : result == null ? void 0 : result.data) != null ? _h : result;
         setWorkflowSteps(Array.isArray(value) ? value : (_j = (_i = value == null ? void 0 : value.items) != null ? _i : value == null ? void 0 : value.records) != null ? _j : []);
       } catch (_) {
@@ -5729,15 +5718,15 @@ function DocumentConfigurationmain() {
   const handleCreate = async (payload) => {
     var _a, _b, _c, _d, _e;
     try {
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.documentConfiguration) == null ? void 0 : _c.create;
-      if (!endpoint) throw new Error("Document Configuration create endpoint is not configured.");
-      await getApiService().post(endpoint, payload);
-      await import_sweetalert212.default.fire("Success", "Document configuration created successfully.", "success");
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.documentConfiguration) == null ? void 0 : _c.create;
+      if (!endpoint2) throw new Error("Document Configuration create endpoint is not configured.");
+      await getApiService().post(endpoint2, payload);
+      await import_sweetalert213.default.fire("Success", "Document configuration created successfully.", "success");
       setModalOpen(false);
       handleRefresh();
       return true;
     } catch (error) {
-      await import_sweetalert212.default.fire("Error", ((_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || (error == null ? void 0 : error.message) || "Unable to create document configuration.", "error");
+      await import_sweetalert213.default.fire("Error", ((_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || (error == null ? void 0 : error.message) || "Unable to create document configuration.", "error");
       return false;
     }
   };
@@ -6796,7 +6785,7 @@ function MovementHistorymain() {
 
 // src/components/task-permission/TaskPermissionMain.jsx
 var import_react46 = __toESM(require("react"));
-var import_sweetalert214 = __toESM(require("sweetalert2"));
+var import_sweetalert215 = __toESM(require("sweetalert2"));
 
 // src/components/task-permission/SearchBar.js
 var import_react42 = __toESM(require("react"));
@@ -6926,6 +6915,12 @@ function Table({
     { label: "Can Edit", key: "canEdit" },
     { label: "Can Approve", key: "canApprove" },
     { label: "Can Reject", key: "canReject" },
+    { label: "Can Forward", key: "canForward" },
+    { label: "Can Free Forward", key: "canFreeForward" },
+    { label: "Can Return", key: "canReturn" },
+    { label: "Can Return To Applicant", key: "canReturnToApplicant" },
+    { label: "Can Delegate", key: "canDelegate" },
+    { label: "Can Hold", key: "canHold" },
     { label: "Active", key: "isActive" }
   ];
   return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "fc:space-y-5", children: [
@@ -6950,7 +6945,7 @@ function Table({
       /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
         "td",
         {
-          colSpan: 9,
+          colSpan: columns.length + 2,
           className: "fc:py-10 fc:text-center fc:text-slate-400 fc:text-sm",
           children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
             /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
@@ -6982,15 +6977,15 @@ function Table({
                 ]
               }
             ),
-            "Loading task permissions..."
+            "Loading step permissions..."
           ] })
         }
       ) }) : visibleData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
         "td",
         {
-          colSpan: 9,
+          colSpan: columns.length + 2,
           className: "fc:py-10 fc:text-center fc:text-slate-400 fc:text-sm",
-          children: "No task permissions found."
+          children: "No step permissions found."
         }
       ) }) : visibleData.map((item, index) => {
         var _a, _b, _c, _d;
@@ -7006,6 +7001,12 @@ function Table({
               /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(BoolBadge, { val: item.canEdit }) }),
               /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(BoolBadge, { val: item.canApprove }) }),
               /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(BoolBadge, { val: item.canReject }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(BoolBadge, { val: item.canForward }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(BoolBadge, { val: item.canFreeForward }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(BoolBadge, { val: item.canReturn }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(BoolBadge, { val: item.canReturnToApplicant }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(BoolBadge, { val: item.canDelegate }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(BoolBadge, { val: item.canHold }) }),
               /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(BoolBadge, { val: item.isActive }) }),
               /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("td", { className: "fc:sticky fc:right-0 fc:bg-white fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
@@ -7067,7 +7068,7 @@ function Table({
 
 // src/components/task-permission/Popup.js
 var import_react44 = __toESM(require("react"));
-var import_sweetalert213 = __toESM(require("sweetalert2"));
+var import_sweetalert214 = __toESM(require("sweetalert2"));
 init_ApiEndpointsProvider();
 init_ApiServicepackage();
 var import_jsx_runtime44 = require("react/jsx-runtime");
@@ -7077,7 +7078,14 @@ function Popup({ isOpen, onClose, onSave }) {
     canView: false,
     canEdit: false,
     canApprove: false,
-    canReject: false
+    canReject: false,
+    canForward: false,
+    canFreeForward: false,
+    canReturn: false,
+    canReturnToApplicant: false,
+    canDelegate: false,
+    canHold: false,
+    isActive: true
   });
   const [errors, setErrors] = (0, import_react44.useState)({});
   const [isSubmitting, setIsSubmitting] = (0, import_react44.useState)(false);
@@ -7089,9 +7097,9 @@ function Popup({ isOpen, onClose, onSave }) {
       var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
       try {
         setLoadingSteps(true);
-        const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.getList;
-        if (!endpoint) return;
-        const result = await getApiService().get(endpoint);
+        const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.getList;
+        if (!endpoint2) return;
+        const result = await getApiService().get(endpoint2);
         const value = (_h = (_g = (_f = (_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) != null ? _f : (_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) != null ? _g : result == null ? void 0 : result.data) != null ? _h : result;
         const rows = Array.isArray(value) ? value : (_j = (_i = value == null ? void 0 : value.items) != null ? _i : value == null ? void 0 : value.records) != null ? _j : [];
         setWorkflowSteps(rows);
@@ -7103,7 +7111,20 @@ function Popup({ isOpen, onClose, onSave }) {
   }, [isOpen]);
   (0, import_react44.useEffect)(() => {
     if (!isOpen) {
-      setFormData({ workflowStepId: "", canView: false, canEdit: false, canApprove: false, canReject: false });
+      setFormData({
+        workflowStepId: "",
+        canView: false,
+        canEdit: false,
+        canApprove: false,
+        canReject: false,
+        canForward: false,
+        canFreeForward: false,
+        canReturn: false,
+        canReturnToApplicant: false,
+        canDelegate: false,
+        canHold: false,
+        isActive: true
+      });
       setErrors({});
     }
   }, [isOpen]);
@@ -7124,31 +7145,44 @@ function Popup({ isOpen, onClose, onSave }) {
     if (!validate()) return;
     try {
       setIsSubmitting(true);
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.taskPermission) == null ? void 0 : _c.create;
-      if (!endpoint) throw new Error("Task Permission create endpoint is not configured.");
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.taskPermission) == null ? void 0 : _c.create;
+      if (!endpoint2) throw new Error("Step Permission create endpoint is not configured.");
       const payload = {
         workflowStepId: Number(formData.workflowStepId) || 0,
         canView: Boolean(formData.canView),
         canEdit: Boolean(formData.canEdit),
         canApprove: Boolean(formData.canApprove),
         canReject: Boolean(formData.canReject),
+        canForward: Boolean(formData.canForward),
+        canFreeForward: Boolean(formData.canFreeForward),
+        canReturn: Boolean(formData.canReturn),
+        canReturnToApplicant: Boolean(formData.canReturnToApplicant),
+        canDelegate: Boolean(formData.canDelegate),
+        canHold: Boolean(formData.canHold),
+        isActive: Boolean(formData.isActive),
         createdBy: "System"
       };
-      await getApiService().post(endpoint, payload);
+      await getApiService().post(endpoint2, payload);
       onClose();
       await (onSave == null ? void 0 : onSave());
     } catch (error) {
-      const msg = ((_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 task permission.";
-      await import_sweetalert213.default.fire("Error", msg, "error");
+      const msg = ((_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 step permission.";
+      await import_sweetalert214.default.fire("Error", msg, "error");
     } finally {
       setIsSubmitting(false);
     }
   };
   const permissionCards = [
-    { icon: "\u{1F441}\uFE0F", title: "Can View", desc: "Read logs", field: "canView" },
-    { icon: "\u2713", title: "Can Approve", desc: "Pass states", field: "canApprove" },
-    { icon: "\u{1F4DD}", title: "Can Edit", desc: "Modify props", field: "canEdit" },
-    { icon: "\u2715", title: "Can Reject", desc: "Cancel tasks", field: "canReject" }
+    { icon: "\u{1F441}\uFE0F", title: "Can View", desc: "Read logs & details", field: "canView" },
+    { icon: "\u2713", title: "Can Approve", desc: "Pass states & approve", field: "canApprove" },
+    { icon: "\u{1F4DD}", title: "Can Edit", desc: "Modify properties", field: "canEdit" },
+    { icon: "\u2715", title: "Can Reject", desc: "Cancel / reject tasks", field: "canReject" },
+    { icon: "\u27A1\uFE0F", title: "Can Forward", desc: "Forward to next step", field: "canForward" },
+    { icon: "\u23E9", title: "Can Free Forward", desc: "Forward freely to any step", field: "canFreeForward" },
+    { icon: "\u21A9\uFE0F", title: "Can Return", desc: "Return to previous step", field: "canReturn" },
+    { icon: "\u{1F464}", title: "Can Return To Applicant", desc: "Send back to applicant", field: "canReturnToApplicant" },
+    { icon: "\u{1F465}", title: "Can Delegate", desc: "Reassign or delegate task", field: "canDelegate" },
+    { icon: "\u23F8\uFE0F", title: "Can Hold", desc: "Put execution on hold", field: "canHold" }
   ];
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity fc:duration-200", onClick: onClose }),
@@ -7157,7 +7191,7 @@ function Popup({ isOpen, onClose, onSave }) {
         /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "fc:w-12 fc:h-12 fc:bg-blue-50 fc:text-blue-600 fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:shadow-sm fc:text-xl", children: "\u{1F511}" }),
           /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: "Add Task Permission" }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: "Add Step Permission" }),
             /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: "Configure step details and initial user control access rules" })
           ] })
         ] }),
@@ -7227,6 +7261,30 @@ function Popup({ isOpen, onClose, onSave }) {
                 }
               )
             ] }, field)) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-blue-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { children: "\u{1F518}" }),
+              /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { children: "Status" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "fc:grid fc:grid-cols-2 fc:gap-4", children: [{ label: "Active", val: true }, { label: "Inactive", val: false }].map(({ label, val }) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+              "div",
+              {
+                onClick: () => handleChange("isActive", val),
+                className: `fc:flex fc:items-center fc:gap-3 fc:p-3.5 fc:rounded-xl fc:border fc:cursor-pointer fc:transition-all ${formData.isActive === val ? val ? "fc:border-emerald-500 fc:bg-emerald-50/40 fc:ring-1 fc:ring-emerald-500/20" : "fc:border-slate-400 fc:bg-slate-100/60 fc:ring-1 fc:ring-slate-400/20" : "fc:border-slate-200 fc:bg-white hover:fc:bg-slate-50/60"}`,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+                    "div",
+                    {
+                      className: `fc:w-3.5 fc:h-3.5 fc:rounded-full fc:border fc:flex fc:items-center fc:justify-center ${formData.isActive === val ? val ? "fc:border-emerald-500 fc:bg-emerald-500" : "fc:border-slate-600 fc:bg-slate-600" : "fc:border-slate-300"}`,
+                      children: formData.isActive === val && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "fc:w-1.5 fc:h-1.5 fc:bg-white fc:rounded-full" })
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "fc:text-xs fc:font-bold fc:text-slate-800", children: label })
+                ]
+              },
+              label
+            )) })
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "fc:p-5 fc:bg-white fc:border-t fc:border-slate-100 fc:flex fc:items-center fc:justify-end fc:gap-3 fc:px-8", children: [
@@ -7273,6 +7331,12 @@ function EditTaskPermissionModal({ isOpen, onClose, onSave, selectedData, onUpda
     canEdit: false,
     canApprove: false,
     canReject: false,
+    canForward: false,
+    canFreeForward: false,
+    canReturn: false,
+    canReturnToApplicant: false,
+    canDelegate: false,
+    canHold: false,
     isActive: true,
     updatedBy: "System"
   });
@@ -7286,9 +7350,9 @@ function EditTaskPermissionModal({ isOpen, onClose, onSave, selectedData, onUpda
       var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j;
       try {
         setLoadingSteps(true);
-        const endpoint = (_c = (_b = (_a2 = getApiEndpoints()) == null ? void 0 : _a2.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.getList;
-        if (!endpoint) return;
-        const result = await getApiService().get(endpoint);
+        const endpoint2 = (_c = (_b = (_a2 = getApiEndpoints()) == null ? void 0 : _a2.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.getList;
+        if (!endpoint2) return;
+        const result = await getApiService().get(endpoint2);
         const value = (_h = (_g = (_f = (_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) != null ? _f : (_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) != null ? _g : result == null ? void 0 : result.data) != null ? _h : result;
         const rows = Array.isArray(value) ? value : (_j = (_i = value == null ? void 0 : value.items) != null ? _i : value == null ? void 0 : value.records) != null ? _j : [];
         setWorkflowSteps(rows);
@@ -7299,7 +7363,7 @@ function EditTaskPermissionModal({ isOpen, onClose, onSave, selectedData, onUpda
     })();
   }, [isOpen]);
   (0, import_react45.useEffect)(() => {
-    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
     if (selectedData) {
       setFormData({
         workflowStepId: (_b = (_a2 = selectedData.workflowStepId) != null ? _a2 : selectedData.WorkflowStepId) != null ? _b : "",
@@ -7307,8 +7371,14 @@ function EditTaskPermissionModal({ isOpen, onClose, onSave, selectedData, onUpda
         canEdit: (_f = (_e = selectedData.canEdit) != null ? _e : selectedData.CanEdit) != null ? _f : false,
         canApprove: (_h = (_g = selectedData.canApprove) != null ? _g : selectedData.CanApprove) != null ? _h : false,
         canReject: (_j = (_i = selectedData.canReject) != null ? _i : selectedData.CanReject) != null ? _j : false,
-        isActive: (_l = (_k = selectedData.isActive) != null ? _k : selectedData.IsActive) != null ? _l : true,
-        updatedBy: (_n = (_m = selectedData.updatedBy) != null ? _m : selectedData.UpdatedBy) != null ? _n : "System"
+        canForward: (_l = (_k = selectedData.canForward) != null ? _k : selectedData.CanForward) != null ? _l : false,
+        canFreeForward: (_n = (_m = selectedData.canFreeForward) != null ? _m : selectedData.CanFreeForward) != null ? _n : false,
+        canReturn: (_p = (_o = selectedData.canReturn) != null ? _o : selectedData.CanReturn) != null ? _p : false,
+        canReturnToApplicant: (_r = (_q = selectedData.canReturnToApplicant) != null ? _q : selectedData.CanReturnToApplicant) != null ? _r : false,
+        canDelegate: (_t = (_s = selectedData.canDelegate) != null ? _s : selectedData.CanDelegate) != null ? _t : false,
+        canHold: (_v = (_u = selectedData.canHold) != null ? _u : selectedData.CanHold) != null ? _v : false,
+        isActive: (_x = (_w = selectedData.isActive) != null ? _w : selectedData.IsActive) != null ? _x : true,
+        updatedBy: (_z = (_y = selectedData.updatedBy) != null ? _y : selectedData.UpdatedBy) != null ? _z : "System"
       });
       setErrors({});
     }
@@ -7336,6 +7406,12 @@ function EditTaskPermissionModal({ isOpen, onClose, onSave, selectedData, onUpda
         canEdit: Boolean(formData.canEdit),
         canApprove: Boolean(formData.canApprove),
         canReject: Boolean(formData.canReject),
+        canForward: Boolean(formData.canForward),
+        canFreeForward: Boolean(formData.canFreeForward),
+        canReturn: Boolean(formData.canReturn),
+        canReturnToApplicant: Boolean(formData.canReturnToApplicant),
+        canDelegate: Boolean(formData.canDelegate),
+        canHold: Boolean(formData.canHold),
         isActive: Boolean(formData.isActive),
         updatedBy: String(formData.updatedBy).trim() || "System"
       });
@@ -7347,10 +7423,16 @@ function EditTaskPermissionModal({ isOpen, onClose, onSave, selectedData, onUpda
     }
   };
   const permissionCards = [
-    { icon: "\u{1F441}\uFE0F", title: "Can View", desc: "Read logs", field: "canView" },
-    { icon: "\u2713", title: "Can Approve", desc: "Pass states", field: "canApprove" },
-    { icon: "\u{1F4DD}", title: "Can Edit", desc: "Modify props", field: "canEdit" },
-    { icon: "\u2715", title: "Can Reject", desc: "Cancel tasks", field: "canReject" }
+    { icon: "\u{1F441}\uFE0F", title: "Can View", desc: "Read logs & details", field: "canView" },
+    { icon: "\u2713", title: "Can Approve", desc: "Pass states & approve", field: "canApprove" },
+    { icon: "\u{1F4DD}", title: "Can Edit", desc: "Modify properties", field: "canEdit" },
+    { icon: "\u2715", title: "Can Reject", desc: "Cancel / reject tasks", field: "canReject" },
+    { icon: "\u27A1\uFE0F", title: "Can Forward", desc: "Forward to next step", field: "canForward" },
+    { icon: "\u23E9", title: "Can Free Forward", desc: "Forward freely to any step", field: "canFreeForward" },
+    { icon: "\u21A9\uFE0F", title: "Can Return", desc: "Return to previous step", field: "canReturn" },
+    { icon: "\u{1F464}", title: "Can Return To Applicant", desc: "Send back to applicant", field: "canReturnToApplicant" },
+    { icon: "\u{1F465}", title: "Can Delegate", desc: "Reassign or delegate task", field: "canDelegate" },
+    { icon: "\u23F8\uFE0F", title: "Can Hold", desc: "Put execution on hold", field: "canHold" }
   ];
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm", onClick: onClose }),
@@ -7359,7 +7441,7 @@ function EditTaskPermissionModal({ isOpen, onClose, onSave, selectedData, onUpda
         /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("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 fc:text-xl", children: "\u{1F511}" }),
           /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: "Edit Task Permission" }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: "Edit Step Permission" }),
             /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: [
               "Update step access rules \u2014 ID: ",
               /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { className: "fc:font-bold fc:text-slate-600", children: [
@@ -7527,29 +7609,35 @@ function TaskPermissionMain() {
   const handleUpdateApi = async (item) => {
     var _a, _b, _c, _d, _e, _f, _g;
     try {
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.taskPermission) == null ? void 0 : _c.update;
-      if (!endpoint) throw new Error("Task Permission update endpoint is not configured.");
-      await getApiService().put(endpoint, {
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.taskPermission) == null ? void 0 : _c.update;
+      if (!endpoint2) throw new Error("Step Permission update endpoint is not configured.");
+      await getApiService().put(endpoint2, {
         taskPermissionId: (_e = (_d = item.taskPermissionId) != null ? _d : item.TaskPermissionId) != null ? _e : 0,
         workflowStepId: Number(item.workflowStepId) || 0,
         canView: Boolean(item.canView),
         canEdit: Boolean(item.canEdit),
         canApprove: Boolean(item.canApprove),
         canReject: Boolean(item.canReject),
+        canForward: Boolean(item.canForward),
+        canFreeForward: Boolean(item.canFreeForward),
+        canReturn: Boolean(item.canReturn),
+        canReturnToApplicant: Boolean(item.canReturnToApplicant),
+        canDelegate: Boolean(item.canDelegate),
+        canHold: Boolean(item.canHold),
         isActive: Boolean(item.isActive),
         updatedBy: item.updatedBy || "System"
       });
       handleRefresh();
       return true;
     } catch (error) {
-      await import_sweetalert214.default.fire("Error", ((_g = (_f = error == null ? void 0 : error.response) == null ? void 0 : _f.data) == null ? void 0 : _g.message) || (error == null ? void 0 : error.message) || "Unable to update task permission.", "error");
+      await import_sweetalert215.default.fire("Error", ((_g = (_f = error == null ? void 0 : error.response) == null ? void 0 : _f.data) == null ? void 0 : _g.message) || (error == null ? void 0 : error.message) || "Unable to update step permission.", "error");
       return false;
     }
   };
   const handleDeleteApi = async (item) => {
     var _a;
-    const confirm = await import_sweetalert214.default.fire({
-      title: "Delete Task Permission?",
+    const confirm = await import_sweetalert215.default.fire({
+      title: "Delete Step Permission?",
       text: `Permission #${(_a = item.taskPermissionId) != null ? _a : item.TaskPermissionId} will be marked as inactive.`,
       icon: "warning",
       showCancelButton: true,
@@ -7558,11 +7646,11 @@ function TaskPermissionMain() {
     });
     if (!confirm.isConfirmed) return;
     const ok = await handleUpdateApi(__spreadProps(__spreadValues({}, item), { isActive: false }));
-    if (ok) await import_sweetalert214.default.fire("Deleted", "Task permission has been deactivated.", "success");
+    if (ok) await import_sweetalert215.default.fire("Deleted", "Step permission has been deactivated.", "success");
   };
   return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
     /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "fc:w-full fc:space-y-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(CommonHeader, { title: "Task Permission", breadcrumbs: [{
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(CommonHeader, { title: "Step Permission", breadcrumbs: [{
         label: "Dashboard",
         href: "/dashboard"
       }, {
@@ -7572,9 +7660,9 @@ function TaskPermissionMain() {
         label: "Permissions",
         href: "/permissions"
       }, {
-        label: "TaskPermission",
-        href: "/task-permission"
-      }], buttonText: "Add Task Permission", onButtonClick: () => setShowModal(true) }),
+        label: "StepPermission",
+        href: "/step-permission"
+      }], buttonText: "Add Step Permission", onButtonClick: () => setShowModal(true) }),
       /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-200/80 fc:shadow-sm fc:space-y-5", children: [
         /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SearchBar6, { searchQuery, setSearchQuery, setCurrentPage }) }),
@@ -7611,7 +7699,7 @@ function TaskPermissionMain() {
         isOpen: showModal,
         onClose: () => setShowModal(false),
         onSave: async () => {
-          await import_sweetalert214.default.fire("Success", "Task permission created successfully.", "success");
+          await import_sweetalert215.default.fire("Success", "Step permission created successfully.", "success");
           handleRefresh();
         }
       }
@@ -7623,7 +7711,7 @@ function TaskPermissionMain() {
         onClose: () => setIsEditOpen(false),
         selectedData: selectedItem,
         onSave: async () => {
-          await import_sweetalert214.default.fire("Success", "Task permission updated successfully.", "success");
+          await import_sweetalert215.default.fire("Success", "Step permission updated successfully.", "success");
           handleRefresh();
         },
         onUpdate: handleUpdateApi
@@ -10193,7 +10281,7 @@ function Comment_main() {
 
 // src/components/hierarchy-node/HierarchyNodeMain.jsx
 var import_react70 = __toESM(require("react"));
-var import_sweetalert215 = __toESM(require("sweetalert2"));
+var import_sweetalert216 = __toESM(require("sweetalert2"));
 init_ApiEndpointsProvider();
 init_ApiServicepackage();
 
@@ -10793,13 +10881,13 @@ function HierarchyNodeMain() {
     (async () => {
       var _a, _b, _c, _d, _e, _f, _g;
       try {
-        const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.hierarchyNode) == null ? void 0 : _c.getList;
-        if (!endpoint) throw Error("Hierarchy node list endpoint is not configured.");
-        const result = await getApiService().get(endpoint);
+        const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.hierarchyNode) == null ? void 0 : _c.getList;
+        if (!endpoint2) throw Error("Hierarchy node list endpoint is not configured.");
+        const result = await getApiService().get(endpoint2);
         const value = ((_d = result == null ? void 0 : result.data) == null ? void 0 : _d.data) || ((_e = result == null ? void 0 : result.data) == null ? void 0 : _e.result) || (result == null ? void 0 : result.data) || result;
         setApiData(Array.isArray(value) ? value : (value == null ? void 0 : value.items) || (value == null ? void 0 : value.records) || []);
       } catch (error) {
-        await import_sweetalert215.default.fire("Error", ((_g = (_f = error == null ? void 0 : error.response) == null ? void 0 : _f.data) == null ? void 0 : _g.message) || (error == null ? void 0 : error.message) || "Unable to load hierarchy nodes.", "error");
+        await import_sweetalert216.default.fire("Error", ((_g = (_f = error == null ? void 0 : error.response) == null ? void 0 : _f.data) == null ? void 0 : _g.message) || (error == null ? void 0 : error.message) || "Unable to load hierarchy nodes.", "error");
       }
     })();
   }, [refreshKey]);
@@ -10809,14 +10897,14 @@ function HierarchyNodeMain() {
   const saveNode = async (payload, isEdit = false) => {
     var _a, _b, _c, _d, _e;
     try {
-      const endpoint = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.hierarchyNode) == null ? void 0 : _c[isEdit ? "update" : "create"];
-      if (!endpoint) throw new Error(`Hierarchy node ${isEdit ? "update" : "create"} endpoint is not configured.`);
-      await getApiService()[isEdit ? "put" : "post"](endpoint, payload);
-      await import_sweetalert215.default.fire("Success", `Hierarchy node ${isEdit ? "updated" : "created"} successfully.`, "success");
+      const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.hierarchyNode) == null ? void 0 : _c[isEdit ? "update" : "create"];
+      if (!endpoint2) throw new Error(`Hierarchy node ${isEdit ? "update" : "create"} endpoint is not configured.`);
+      await getApiService()[isEdit ? "put" : "post"](endpoint2, payload);
+      await import_sweetalert216.default.fire("Success", `Hierarchy node ${isEdit ? "updated" : "created"} successfully.`, "success");
       handleRefresh();
       return true;
     } catch (error) {
-      await import_sweetalert215.default.fire("Error", ((_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || (error == null ? void 0 : error.message) || `Unable to ${isEdit ? "update" : "create"} hierarchy node.`, "error");
+      await import_sweetalert216.default.fire("Error", ((_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || (error == null ? void 0 : error.message) || `Unable to ${isEdit ? "update" : "create"} hierarchy node.`, "error");
       return false;
     }
   };
@@ -11526,7 +11614,7 @@ function UploadedDocumentMain() {
 
 // src/components/BuisnessEntity/BusinessEntitymain.js
 var import_react80 = __toESM(require("react"));
-var import_sweetalert216 = __toESM(require("sweetalert2"));
+var import_sweetalert217 = __toESM(require("sweetalert2"));
 
 // src/components/BuisnessEntity/AddBusinessEntityModal.js
 var import_react79 = __toESM(require("react"));
@@ -11859,15 +11947,15 @@ var getBusinessEntityEndpoint = (action) => {
   }
 };
 var getBusinessEntityByIdEndpoint = (id) => {
-  const endpoint = getBusinessEntityEndpoint("getById");
-  return typeof endpoint === "function" ? endpoint(id) : `${endpoint}/${id}`;
+  const endpoint2 = getBusinessEntityEndpoint("getById");
+  return typeof endpoint2 === "function" ? endpoint2(id) : `${endpoint2}/${id}`;
 };
-var getRows = (response) => {
+var getRows2 = (response) => {
   var _a, _b, _c, _d, _e, _f, _g;
   const value = (_e = (_d = (_c = (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _c : (_b = response == null ? void 0 : response.data) == null ? void 0 : _b.result) != null ? _d : response == null ? void 0 : response.data) != null ? _e : response;
   return Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
 };
-var normalise = (item) => {
+var normalise2 = (item) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   return __spreadProps(__spreadValues({}, item), {
     businessEntityId: (_b = (_a = item.businessEntityId) != null ? _a : item.BusinessEntityId) != null ? _b : item.id,
@@ -11891,11 +11979,11 @@ function BusinessEntity() {
     const load = async () => {
       var _a, _b;
       try {
-        const endpoint = getBusinessEntityEndpoint("getList");
-        const response = await getApiService().get(endpoint);
-        setRows(getRows(response).map(normalise));
+        const endpoint2 = getBusinessEntityEndpoint("getList");
+        const response = await getApiService().get(endpoint2);
+        setRows(getRows2(response).map(normalise2));
       } catch (error) {
-        await import_sweetalert216.default.fire("Error", ((_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 load business entities.", "error");
+        await import_sweetalert217.default.fire("Error", ((_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 load business entities.", "error");
       }
     };
     load();
@@ -11904,13 +11992,13 @@ function BusinessEntity() {
   const saveEntity = async (payload, isEdit) => {
     var _a, _b;
     try {
-      const endpoint = getBusinessEntityEndpoint(isEdit ? "update" : "create");
-      await getApiService()[isEdit ? "put" : "post"](endpoint, payload);
-      await import_sweetalert216.default.fire("Success", `Business entity ${isEdit ? "updated" : "created"} successfully.`, "success");
+      const endpoint2 = getBusinessEntityEndpoint(isEdit ? "update" : "create");
+      await getApiService()[isEdit ? "put" : "post"](endpoint2, payload);
+      await import_sweetalert217.default.fire("Success", `Business entity ${isEdit ? "updated" : "created"} successfully.`, "success");
       refresh();
       return true;
     } catch (error) {
-      await import_sweetalert216.default.fire("Error", ((_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 ${isEdit ? "update" : "create"} business entity.`, "error");
+      await import_sweetalert217.default.fire("Error", ((_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 ${isEdit ? "update" : "create"} business entity.`, "error");
       return false;
     }
   };
@@ -11918,11 +12006,11 @@ function BusinessEntity() {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     try {
       const response = await getApiService().get(getBusinessEntityByIdEndpoint(entity.businessEntityId));
-      const data = (_f = (_e = (_d = (_b = getRows(response)[0]) != null ? _b : (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _d : (_c = response == null ? void 0 : response.data) == null ? void 0 : _c.result) != null ? _e : response == null ? void 0 : response.data) != null ? _f : response;
-      setEditingEntity(normalise(data));
+      const data = (_f = (_e = (_d = (_b = getRows2(response)[0]) != null ? _b : (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _d : (_c = response == null ? void 0 : response.data) == null ? void 0 : _c.result) != null ? _e : response == null ? void 0 : response.data) != null ? _f : response;
+      setEditingEntity(normalise2(data));
       setShowModal(true);
     } catch (error) {
-      await import_sweetalert216.default.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 load business entity details.", "error");
+      await import_sweetalert217.default.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 load business entity details.", "error");
     }
   };
   const visibleRows = rows.filter((item) => [item.entityType, item.entityKey, item.displayNumber, item.displayTitle].join(" ").toLowerCase().includes(search.toLowerCase())).sort((a, b) => {
@@ -11980,7 +12068,7 @@ function BusinessEntity() {
 
 // src/components/FileInstance/FileInstancemain.js
 var import_react82 = __toESM(require("react"));
-var import_sweetalert217 = __toESM(require("sweetalert2"));
+var import_sweetalert218 = __toESM(require("sweetalert2"));
 
 // src/components/FileInstance/AddWorkFlowFileInstanceModal.js
 var import_react81 = __toESM(require("react"));
@@ -12386,15 +12474,15 @@ var getFileInstanceEndpoint = (action) => {
   }
 };
 var getFileInstanceByIdEndpoint = (id) => {
-  const endpoint = getFileInstanceEndpoint("getById");
-  return typeof endpoint === "function" ? endpoint(id) : `${endpoint}/${id}`;
+  const endpoint2 = getFileInstanceEndpoint("getById");
+  return typeof endpoint2 === "function" ? endpoint2(id) : `${endpoint2}/${id}`;
 };
-var getRows2 = (response) => {
+var getRows3 = (response) => {
   var _a, _b, _c, _d, _e, _f, _g;
   const value = (_e = (_d = (_c = (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _c : (_b = response == null ? void 0 : response.data) == null ? void 0 : _b.result) != null ? _d : response == null ? void 0 : response.data) != null ? _e : response;
   return Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
 };
-var normalise2 = (item) => {
+var normalise3 = (item) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
   return __spreadProps(__spreadValues({}, item), { fileInstanceId: (_b = (_a = item.fileInstanceId) != null ? _a : item.FileInstanceId) != null ? _b : item.id, workflowId: (_d = (_c = item.workflowId) != null ? _c : item.WorkflowId) != null ? _d : "", businessEntityType: (_f = (_e = item.businessEntityType) != null ? _e : item.BusinessEntityType) != null ? _f : "", businessEntityId: (_h = (_g = item.businessEntityId) != null ? _g : item.BusinessEntityId) != null ? _h : "", hierarchyNodeId: (_j = (_i = item.hierarchyNodeId) != null ? _i : item.HierarchyNodeId) != null ? _j : "", currentStepId: (_l = (_k = item.currentStepId) != null ? _k : item.CurrentStepId) != null ? _l : "", currentTaskInstanceId: (_n = (_m = item.currentTaskInstanceId) != null ? _m : item.CurrentTaskInstanceId) != null ? _n : "", status: (_p = (_o = item.status) != null ? _o : item.Status) != null ? _p : "", priority: (_r = (_q = item.priority) != null ? _q : item.Priority) != null ? _r : "", isActive: (_t = (_s = item.isActive) != null ? _s : item.IsActive) != null ? _t : true });
 };
@@ -12412,9 +12500,9 @@ function FileInstance() {
       var _a, _b;
       try {
         const response = await getApiService().get(getFileInstanceEndpoint("getList"));
-        setRows(getRows2(response).map(normalise2));
+        setRows(getRows3(response).map(normalise3));
       } catch (error) {
-        await import_sweetalert217.default.fire("Error", ((_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 load file instances.", "error");
+        await import_sweetalert218.default.fire("Error", ((_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 load file instances.", "error");
       }
     };
     load();
@@ -12423,13 +12511,13 @@ function FileInstance() {
   const saveFile = async (payload, isEdit) => {
     var _a, _b;
     try {
-      const endpoint = getFileInstanceEndpoint(isEdit ? "update" : "create");
-      await getApiService()[isEdit ? "put" : "post"](endpoint, payload);
-      await import_sweetalert217.default.fire("Success", `File instance ${isEdit ? "updated" : "created"} successfully.`, "success");
+      const endpoint2 = getFileInstanceEndpoint(isEdit ? "update" : "create");
+      await getApiService()[isEdit ? "put" : "post"](endpoint2, payload);
+      await import_sweetalert218.default.fire("Success", `File instance ${isEdit ? "updated" : "created"} successfully.`, "success");
       refresh();
       return true;
     } catch (error) {
-      await import_sweetalert217.default.fire("Error", ((_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 ${isEdit ? "update" : "create"} file instance.`, "error");
+      await import_sweetalert218.default.fire("Error", ((_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 ${isEdit ? "update" : "create"} file instance.`, "error");
       return false;
     }
   };
@@ -12437,11 +12525,11 @@ function FileInstance() {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     try {
       const response = await getApiService().get(getFileInstanceByIdEndpoint(file.fileInstanceId));
-      const data = (_f = (_e = (_d = (_b = getRows2(response)[0]) != null ? _b : (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _d : (_c = response == null ? void 0 : response.data) == null ? void 0 : _c.result) != null ? _e : response == null ? void 0 : response.data) != null ? _f : response;
-      setEditingFile(normalise2(data));
+      const data = (_f = (_e = (_d = (_b = getRows3(response)[0]) != null ? _b : (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _d : (_c = response == null ? void 0 : response.data) == null ? void 0 : _c.result) != null ? _e : response == null ? void 0 : response.data) != null ? _f : response;
+      setEditingFile(normalise3(data));
       setShowModal(true);
     } catch (error) {
-      await import_sweetalert217.default.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 load file instance details.", "error");
+      await import_sweetalert218.default.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 load file instance details.", "error");
     }
   };
   const columns = [["FileInstanceId", "fileInstanceId"], ["WorkflowId", "workflowId"], ["BusinessEntityType", "businessEntityType"], ["BusinessEntityId", "businessEntityId"], ["HierarchyNodeId", "hierarchyNodeId"], ["CurrentStepId", "currentStepId"], ["CurrentTaskInstanceId", "currentTaskInstanceId"], ["Status", "status"], ["Priority", "priority"]];
@@ -12495,6 +12583,7 @@ function FileInstance() {
 
 // src/components/assignment-rule/AssignmentRuleMain.jsx
 var import_react86 = __toESM(require("react"));
+var import_sweetalert219 = __toESM(require("sweetalert2"));
 
 // src/components/assignment-rule/SearchBar.js
 var import_react83 = __toESM(require("react"));
@@ -12519,457 +12608,333 @@ function SearchBar12({
 // src/components/assignment-rule/Table.js
 var import_react84 = __toESM(require("react"));
 var import_jsx_runtime84 = require("react/jsx-runtime");
-function Table4({
-  pageSize,
-  searchQuery = "",
-  currentPage,
-  setCurrentPage,
-  setTotalEntries
-}) {
-  const initialData = [{
-    id: 1,
-    workflowStepId: "1",
-    assignmentType: "Hierarchy",
-    hierarchyNodeType: "Block",
-    dynamicFunctionId: "N/A",
-    isPoolEnabled: true
-  }, {
-    id: 2,
-    workflowStepId: "2",
-    assignmentType: "Dynamic",
-    hierarchyNodeType: "District",
-    dynamicFunctionId: "1",
-    isPoolEnabled: false
-  }, {
-    id: 3,
-    workflowStepId: "3",
-    assignmentType: "Hierarchy",
-    hierarchyNodeType: "District",
-    dynamicFunctionId: "N/A",
-    isPoolEnabled: true
-  }, {
-    id: 4,
-    workflowStepId: "4",
-    assignmentType: "Dynamic",
-    hierarchyNodeType: "Block",
-    dynamicFunctionId: "2",
-    isPoolEnabled: false
-  }, {
-    id: 5,
-    workflowStepId: "5",
-    assignmentType: "Hierarchy",
-    hierarchyNodeType: "Block",
-    dynamicFunctionId: "N/A",
-    isPoolEnabled: true
-  }, {
-    id: 6,
-    workflowStepId: "6",
-    assignmentType: "Dynamic",
-    hierarchyNodeType: "District",
-    dynamicFunctionId: "4",
-    isPoolEnabled: true
-  }, {
-    id: 7,
-    workflowStepId: "7",
-    assignmentType: "Dynamic",
-    hierarchyNodeType: "District",
-    dynamicFunctionId: "4",
-    isPoolEnabled: true
-  }, {
-    id: 8,
-    workflowStepId: "8",
-    assignmentType: "Dynamic",
-    hierarchyNodeType: "District",
-    dynamicFunctionId: "4",
-    isPoolEnabled: true
-  }, {
-    id: 9,
-    workflowStepId: "9",
-    assignmentType: "Dynamic",
-    hierarchyNodeType: "District",
-    dynamicFunctionId: "4",
-    isPoolEnabled: true
-  }, {
-    id: 10,
-    workflowStepId: "10",
-    assignmentType: "Hierarchy",
-    hierarchyNodeType: "District",
-    dynamicFunctionId: "4",
-    isPoolEnabled: true
-  }, {
-    id: 11,
-    workflowStepId: "11",
-    assignmentType: "Dynamic",
-    hierarchyNodeType: "District",
-    dynamicFunctionId: "4",
-    isPoolEnabled: true
-  }, {
-    id: 12,
-    workflowStepId: "12",
-    assignmentType: "Dynamic",
-    hierarchyNodeType: "District",
-    dynamicFunctionId: "4",
-    isPoolEnabled: true
-  }, {
-    id: 13,
-    workflowStepId: "13",
-    assignmentType: "Dynamic",
-    hierarchyNodeType: "District",
-    dynamicFunctionId: "4",
-    isPoolEnabled: true
-  }, {
-    id: 14,
-    workflowStepId: "14",
-    assignmentType: "Dynamic",
-    hierarchyNodeType: "District",
-    dynamicFunctionId: "4",
-    isPoolEnabled: true
-  }];
-  const [data, setData] = (0, import_react84.useState)(initialData);
-  const [sortOrder, setSortOrder] = (0, import_react84.useState)("asc");
-  const [sortKey, setSortKey] = (0, import_react84.useState)("workflowStepId");
-  const [selectedItem, setSelectedItem] = (0, import_react84.useState)(null);
-  const [isEditModalOpen, setIsEditModalOpen] = (0, import_react84.useState)(false);
-  const [isDeleteModalOpen, setIsDeleteModalOpen] = (0, import_react84.useState)(false);
-  const handleEdit = (item) => {
-    setSelectedItem(item);
-    setIsEditModalOpen(true);
-  };
-  const handleDelete = (item) => {
-    setSelectedItem(item);
-    setIsDeleteModalOpen(true);
-  };
-  const confirmDelete = () => {
-    if (selectedItem) {
-      setData((prevData) => prevData.filter((item) => item.id !== selectedItem.id));
-    }
-    setIsDeleteModalOpen(false);
-    setSelectedItem(null);
-  };
-  const handleSaveEdit = (e) => {
-    e.preventDefault();
-    const formData = new FormData(e.target);
-    const updatedAssignmentType = formData.get("assignmentType");
-    const updatedNodeType = formData.get("nodeType");
-    const updatedDynamicFunctionId = formData.get("dynamicFunctionId");
-    setData((prevData) => prevData.map((item) => item.id === selectedItem.id ? __spreadProps(__spreadValues({}, item), {
-      assignmentType: updatedAssignmentType,
-      nodeType: updatedNodeType,
-      dynamicFunctionId: updatedDynamicFunctionId
-    }) : item));
-    setIsEditModalOpen(false);
-    setSelectedItem(null);
-  };
-  const handleSort = (columnKey) => {
-    const isAsc = sortKey === columnKey && sortOrder === "asc";
-    setSortOrder(isAsc ? "desc" : "asc");
-    setSortKey(columnKey);
-    const sortedData = [...data].sort((a, b) => {
-      let valA = a[columnKey];
-      let valB = b[columnKey];
-      if (typeof valA === "number" && typeof valB === "number") {
-        return isAsc ? valA - valB : valB - valA;
-      }
-      valA = valA ? valA.toString().toLowerCase() : "";
-      valB = valB ? valB.toString().toLowerCase() : "";
-      if (valA < valB) return isAsc ? -1 : 1;
-      if (valA > valB) return isAsc ? 1 : -1;
-      return 0;
-    });
-    setData(sortedData);
-  };
-  const filteredData = data.filter((item) => {
-    if (!searchQuery || searchQuery.trim() === "") return true;
-    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);
-  });
+function Table4({ pageSize, searchQuery = "", currentPage, setCurrentPage, setTotalEntries, rows = [], loading, onEdit, onDelete }) {
+  const [sort, setSort] = (0, import_react84.useState)({ key: "workflowStepId", direction: "asc" });
+  const filteredRows = (0, import_react84.useMemo)(() => rows.filter((item) => Object.values(item).join(" ").toLowerCase().includes(searchQuery.toLowerCase().trim())), [rows, searchQuery]);
   (0, import_react84.useEffect)(() => {
-    if (setTotalEntries) setTotalEntries(filteredData.length);
-  }, [filteredData.length, setTotalEntries]);
-  const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
-  const startIndex = (currentPage - 1) * pageSize;
-  const visibleData = filteredData.slice(startIndex, startIndex + pageSize);
-  const pageNumbers = Array.from({
-    length: totalPages
-  }, (_, i) => i + 1);
-  const toggleStatus = (id) => {
-    setData((prev) => prev.map((item) => item.id === id ? __spreadProps(__spreadValues({}, item), {
-      isPoolEnabled: !item.isPoolEnabled
-    }) : item));
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "fc:space-y-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "fc:w-full fc:overflow-x-auto fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm fc:max-h-[420px] fc:overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-auto", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("thead", { className: "fc:sticky fc:top-0 fc:z-10 fc:bg-slate-50 fc:shadow-[0_1px_0_0_rgba(226,232,240,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("tr", { className: "fc:text-xs fc:font-medium fc:uppercase fc:tracking-wider fc:text-slate-500", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("th", { className: "fc:py-4 fc:px-4 fc:w-16 fc:text-center fc:bg-slate-50", children: "S.NO" }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("th", { onClick: () => handleSort("workflowStepId"), className: "fc:py-4 fc:px-5 fc:text-s fc:cursor-pointer fc:select-none fc:bg-slate-50 fc:whitespace-nowrap", children: [
-          "WORKFLOW STEP ID ",
-          sortKey === "workflowStepId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("th", { onClick: () => handleSort("assignmentType"), className: "fc:py-4 fc:px-5 fc:text-s fc:cursor-pointer fc:select-none  fc:bg-slate-50 fc:whitespace-nowrap", children: [
-          "ASSIGNMENT TYPE ",
-          sortKey === "assignmentType" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("th", { onClick: () => handleSort("hierarchyNodeType"), className: "fc:py-4 fc:px-5 fc:text-s fc:cursor-pointer fc:select-none  fc:bg-slate-50 fc:whitespace-nowrap", children: [
-          "NODE TYPE ",
-          sortKey === "hierarchyNodeType" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("th", { onClick: () => handleSort("dynamicFunctionId"), className: "fc:py-4 fc:px-5 fc:text-s fc:cursor-pointer fc:select-none  fc:bg-slate-50 fc:whitespace-nowrap fc:text-center", children: [
-          "DYNAMIC FUNCTION ID ",
-          sortKey === "dynamicFunctionId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("th", { className: "fc:py-4 fc:px-5 fc:text-s fc:bg-slate-50 fc:text-center fc:whitespace-nowrap", children: "POOL ENABLED" }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("th", { className: "fc:py-4 fc:px-5 fc:text-s fc:bg-slate-50 fc:text-center fc:whitespace-nowrap", children: "ACTION" })
+    setTotalEntries == null ? void 0 : setTotalEntries(filteredRows.length);
+    if (currentPage > Math.max(1, Math.ceil(filteredRows.length / pageSize))) setCurrentPage(1);
+  }, [filteredRows.length, pageSize, currentPage, setCurrentPage, setTotalEntries]);
+  const sortedRows = [...filteredRows].sort((a, b) => {
+    var _a, _b;
+    const result = String((_a = a[sort.key]) != null ? _a : "").localeCompare(String((_b = b[sort.key]) != null ? _b : ""), void 0, { numeric: true });
+    return sort.direction === "asc" ? result : -result;
+  });
+  const totalPages = Math.max(1, Math.ceil(sortedRows.length / pageSize));
+  const visibleRows = sortedRows.slice((currentPage - 1) * pageSize, currentPage * pageSize);
+  const sortBy = (key) => setSort((current) => ({ key, direction: current.key === key && current.direction === "asc" ? "desc" : "asc" }));
+  const heading = (label, key) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("th", { onClick: () => sortBy(key), className: "fc:cursor-pointer fc:whitespace-nowrap fc:bg-slate-50 fc:px-5 fc:py-4 fc:text-left fc:text-xs", children: [
+    label,
+    " ",
+    sort.key === key ? sort.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195"
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "fc:space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "fc:max-h-[420px] fc:overflow-auto fc:rounded-2xl fc:border fc:border-slate-200", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("table", { className: "fc:w-full fc:bg-white fc:text-left", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("thead", { className: "fc:sticky fc:top-0 fc:z-10", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("th", { className: "fc:bg-slate-50 fc:px-4 fc:py-4 fc:text-xs", children: "S.NO" }),
+        heading("WORKFLOW STEP ID", "workflowStepId"),
+        heading("ASSIGNMENT TYPE", "assignmentType"),
+        heading("NODE TYPE", "hierarchyNodeType"),
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("th", { className: "fc:bg-slate-50 fc:px-5 fc:py-4 fc:text-xs", children: "POOL ENABLED" }),
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("th", { className: "fc:bg-slate-50 fc:px-5 fc:py-4 fc:text-xs", children: "ACTION" })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-s fc:text-slate-600", children: [
-        visibleData.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("td", { className: "fc:py-4 fc:px-4 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("td", { className: "fc:py-4 fc:px-5  fc:text-[14px] fc:font-medium  fc:whitespace-nowrap", children: [
-            "STEP-",
-            item.workflowStepId
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-900 fc:text-[14px] fc:font-medium fc:whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: `fc:px-2 fc:py-0.5 fc:rounded fc:text-xs fc:font-medium${item.assignmentType === "Hierarchy" ? "bg-indigo-50 text-indigo-700 border border-indigo-100" : "bg-amber-50 text-amber-700 border border-amber-100"}`, children: item.assignmentType }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-600 fc:font-medium fc:whitespace-nowrap", children: item.hierarchyNodeType }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-800 fc:font-medium fc:text-center fc:whitespace-nowrap", children: item.dynamicFunctionId === "N/A" ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "fc:text-slate-400 fc:font-normal", children: "N/A" }) : /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "fc:bg-slate-100 fc:text-slate-700 fc:px-2 fc:py-0.5 fc:rounded fc:text-xs", children: [
-            "FN-",
-            item.dynamicFunctionId
-          ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
-            "button",
-            {
-              type: "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.isPoolEnabled ? "fc:bg-blue-600" : "fc:bg-gray-300"}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
-                "span",
-                {
-                  className: `fc:pointer-events-none fc:inline-block fc:h-4.5 fc:w-4.5 fc:transform fc:rounded-full fc:bg-white fc:shadow fc:ring-0 fc:transition fc:duration-200 fc:ease-in-out ${item.isPoolEnabled ? "fc:translate-x-4.5" : "fc:translate-x-0"}`
-                }
-              )
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", onClick: () => handleEdit(item), className: "fc:px-3.5 fc:py-1 fc:text-xs fc:font-bold fc:text-blue-600 fc:bg-blue-50 hover:fc:fc:bg-blue-100 fc:rounded-full fc:transition-colors", children: "Edit" }),
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", onClick: () => handleDelete(item), className: "fc:px-3.5 fc:py-1 fc:text-xs fc:font-bold fc:text-rose-600 fc:bg-rose-50 hover:fc:fc:bg-rose-100 fc:rounded-full fc:transition-colors", children: "Delete" })
-          ] }) })
-        ] }, item.id)),
-        visibleData.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("td", { colSpan: "6", className: "fc:py-8 fc:text-center fc:text-slate-400 fc:text-xs fc:font-medium fc:bg-slate-50/30", children: "No matching assignment rules found." }) })
-      ] })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-end fc:gap-1 fc:text-[13px] fc:text-slate-700 fc:font-normal fc:mt-4 fc:bg-slate-50/50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), disabled: currentPage === 1, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:mr-2 disabled:fc:fc:opacity-40", children: "\u2039 Prev" }),
-      pageNumbers.map((pageNumber) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { onClick: () => setCurrentPage(pageNumber), className: `fc:px-3 fc:py-1 fc:text-center fc:rounded fc:transition-all fc:min-w-[28px]${currentPage === pageNumber ? "bg-blue-600 text-white font-medium shadow-sm" : "text-slate-600 hover:bg-slate-100"}`, children: pageNumber }, pageNumber)),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)), disabled: currentPage === totalPages, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:ml-2 disabled:fc:fc:opacity-40", children: "Next \u203A" })
-    ] }),
-    isEditModalOpen && selectedItem && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:bg-black/40 fc:backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "fc:bg-white fc:rounded-2xl fc:p-6 fc:w-full fc:max-w-md fc:shadow-2xl fc:transition-all", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("h3", { className: "fc:text-lg fc:font-bold fc:text-slate-800 fc:mb-4", children: "Edit Workflow Step" }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("form", { onSubmit: handleSaveEdit, className: "fc:space-y-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("label", { className: "fc:text-xs fc:font-medium fc:text-slate-500 fc:uppercase", children: "Workflow Step ID" }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("input", { type: "text", value: selectedItem.workflowStepId || `STEP-${selectedItem.id}`, disabled: true, className: "fc:w-full fc:mt-1 fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-lg fc:text-sm fc:bg-slate-100 fc:font-medium fc:text-slate-500 fc:cursor-not-allowed" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("label", { className: "fc:text-xs fc:font-medium fc:text-slate-500 fc:uppercase", children: "Assignment Type" }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("select", { name: "assignmentType", defaultValue: selectedItem.assignmentType || "Hierarchy", className: "fc:w-full fc:mt-1 fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-lg fc:text-sm fc:outline-none focus:fc:fc:border-blue-500 fc:bg-white fc:font-medium fc:text-slate-700", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("option", { value: "Hierarchy", children: "Hierarchy" }),
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("option", { value: "Dynamic", children: "Dynamic" })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("label", { className: "fc:text-xs fc:font-medium fc:text-slate-500 fc:uppercase", children: "Node Type" }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("select", { name: "nodeType", defaultValue: selectedItem.nodeType || "Block", className: "fc:w-full fc:mt-1 fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-lg fc:text-sm fc:outline-none focus:fc:fc:border-blue-500 fc:bg-white fc:font-medium fc:text-slate-700", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("option", { value: "Block", children: "Block" }),
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("option", { value: "District", children: "District" }),
-            /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("option", { value: "State", children: "State" })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("label", { className: "fc:text-xs fc:font-medium fc:text-slate-500 fc:uppercase", children: "Dynamic Function ID" }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("input", { type: "text", name: "dynamicFunctionId", defaultValue: selectedItem.dynamicFunctionId || "N/A", placeholder: "e.g. FN-1 or N/A", required: true, className: "fc:w-full fc:mt-1 fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-lg fc:text-sm fc:outline-none focus:fc:fc:border-blue-500 fc:font-medium fc:text-slate-700" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "fc:flex fc:justify-end fc:gap-3 fc:mt-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", onClick: () => setIsEditModalOpen(false), className: "fc:px-4 fc:py-2 fc:text-xs fc:font-medium fc:text-slate-600 hover:fc:fc:bg-slate-100 fc:rounded-lg fc:transition", children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "submit", className: "fc:px-4 fc:py-2 fc:text-xs fc:font-medium fc:text-white fc:bg-blue-600 hover:fc:fc:bg-blue-700 fc:rounded-lg fc:transition fc:shadow-sm", children: "Save Changes" })
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("tbody", { children: loading ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("td", { colSpan: "6", className: "fc:p-8 fc:text-center fc:text-sm fc:text-slate-500", children: "Loading assignment rules..." }) }) : visibleRows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("td", { colSpan: "6", className: "fc:p-8 fc:text-center fc:text-sm fc:text-slate-400", children: "No assignment rules found." }) }) : visibleRows.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("tr", { className: "fc:border-t fc:border-slate-100", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("td", { className: "fc:px-4 fc:py-4 fc:text-center fc:text-sm", children: (currentPage - 1) * pageSize + index + 1 }),
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.workflowStepId }),
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.assignmentType }),
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.hierarchyNodeType }),
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: item.isPoolEnabled ? "Yes" : "No" }),
+        /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("td", { className: "fc:px-5 fc:py-4 fc:text-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", onClick: () => onEdit(item), className: "fc:mr-2 fc:rounded-lg fc:bg-blue-50 fc:px-3 fc:py-1 fc:text-blue-600", children: "Edit" }),
+          /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", onClick: () => onDelete(item), className: "fc:rounded-lg fc:bg-rose-50 fc:px-3 fc:py-1 fc:text-rose-600", children: "Delete" })
         ] })
-      ] })
+      ] }, item.assignmentRuleId)) })
     ] }) }),
-    isDeleteModalOpen && selectedItem && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:bg-black/40 fc:backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "fc:bg-white fc:rounded-2xl fc:p-6 fc:w-full fc:max-w-sm fc:shadow-2xl fc:text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "fc:w-12 fc:h-12 fc:bg-rose-100 fc:text-rose-600 fc:rounded-full fc:flex fc:items-center fc:justify-center fc:mx-auto fc:mb-3 fc:text-xl fc:font-bold", children: "!" }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("h3", { className: "fc:text-lg fc:font-bold fc:text-slate-800", children: "Delete Workflow Step?" }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("p", { className: "fc:text-xs fc:text-slate-500 fc:mt-2", children: [
-        "Are you sure you want to delete the workflow step ",
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "fc:font-bold fc:text-slate-700", children: selectedItem.workflowStepId || `STEP-${selectedItem.id}` }),
-        "?"
+    /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "fc:flex fc:justify-end fc:gap-2 fc:text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", disabled: currentPage === 1, onClick: () => setCurrentPage((page) => Math.max(1, page - 1)), className: "fc:px-3 fc:py-1 disabled:fc:opacity-40", children: "Prev" }),
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "fc:px-2 fc:py-1", children: [
+        currentPage,
+        " / ",
+        totalPages
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "fc:flex fc:justify-center fc:gap-3 fc:mt-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", onClick: () => setIsDeleteModalOpen(false), className: "fc:px-4 fc:py-2 fc:text-xs fc:font-semibold fc:text-slate-600 hover:fc:fc:bg-slate-100 fc:rounded-lg fc:transition", children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", onClick: confirmDelete, className: "fc:px-4 fc:py-2 fc:text-xs fc:font-semibold fc:text-white fc:bg-rose-600 hover:fc:fc:bg-rose-700 fc:rounded-lg fc:transition fc:shadow-sm", children: "Delete" })
-      ] })
-    ] }) })
+      /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("button", { type: "button", disabled: currentPage === totalPages, onClick: () => setCurrentPage((page) => Math.min(totalPages, page + 1)), className: "fc:px-3 fc:py-1 disabled:fc:opacity-40", children: "Next" })
+    ] })
   ] });
 }
 
 // src/components/assignment-rule/Popup.js
 var import_react85 = __toESM(require("react"));
+init_ApiEndpointsProvider();
+init_ApiServicepackage();
 var import_jsx_runtime85 = require("react/jsx-runtime");
-function Popup4({
-  isOpen,
-  onClose,
-  onSave
-}) {
+var rowsFrom2 = (response) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const value = (_e = (_d = (_c = (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _c : (_b = response == null ? void 0 : response.data) == null ? void 0 : _b.result) != null ? _d : response == null ? void 0 : response.data) != null ? _e : response;
+  const rows = Array.isArray(value) ? value : (_i = (_h = (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : value == null ? void 0 : value.data) != null ? _h : value == null ? void 0 : value.result) != null ? _i : [];
+  return Array.isArray(rows) ? rows : [];
+};
+var formFrom = (item) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  return {
+    workflowStepId: String((_b = (_a = item == null ? void 0 : item.workflowStepId) != null ? _a : item == null ? void 0 : item.WorkflowStepId) != null ? _b : ""),
+    assignmentType: (_d = (_c = item == null ? void 0 : item.assignmentType) != null ? _c : item == null ? void 0 : item.AssignmentType) != null ? _d : "",
+    hierarchyNodeType: (_f = (_e = item == null ? void 0 : item.hierarchyNodeType) != null ? _e : item == null ? void 0 : item.HierarchyNodeType) != null ? _f : "",
+    isPoolEnabled: Boolean((_h = (_g = item == null ? void 0 : item.isPoolEnabled) != null ? _g : item == null ? void 0 : item.IsPoolEnabled) != null ? _h : false)
+  };
+};
+function Popup4({ isOpen, onClose, onSave, editData }) {
+  const [formData, setFormData] = (0, import_react85.useState)(() => formFrom(editData));
+  const [workflowSteps, setWorkflowSteps] = (0, import_react85.useState)([]);
+  const [loadingSteps, setLoadingSteps] = (0, import_react85.useState)(false);
+  const [error, setError] = (0, import_react85.useState)("");
+  const [saving, setSaving] = (0, import_react85.useState)(false);
+  (0, import_react85.useEffect)(() => {
+    if (!isOpen) return;
+    setFormData(formFrom(editData));
+    setError("");
+    let active = true;
+    (async () => {
+      var _a, _b, _c, _d, _e;
+      try {
+        setLoadingSteps(true);
+        const endpoint2 = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.workflowStep) == null ? void 0 : _c.getList;
+        if (!endpoint2) throw new Error("Workflow step list endpoint is not configured.");
+        const result = await getApiService().get(endpoint2);
+        if (active) setWorkflowSteps(rowsFrom2(result));
+      } catch (requestError) {
+        if (active) setError(((_e = (_d = requestError == null ? void 0 : requestError.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || (requestError == null ? void 0 : requestError.message) || "Unable to load workflow steps.");
+      } finally {
+        if (active) setLoadingSteps(false);
+      }
+    })();
+    return () => {
+      active = false;
+    };
+  }, [isOpen, editData]);
   if (!isOpen) return null;
-  const [workflowStepId, setWorkflowStepId] = (0, import_react85.useState)("");
-  const [assignmentType, setAssignmentType] = (0, import_react85.useState)("");
-  const [hierarchyNodeType, setHierarchyNodeType] = (0, import_react85.useState)("");
-  const [dynamicFunctionId, setDynamicFunctionId] = (0, import_react85.useState)("");
-  const [isPoolEnabled, setIsPoolEnabled] = (0, import_react85.useState)(false);
-  const handleSubmit = (e) => {
-    e.preventDefault();
-    if (!workflowStepId || !assignmentType || !hierarchyNodeType) {
-      alert("Please fill out all required fields!");
+  const change = (field, value) => setFormData((current) => __spreadProps(__spreadValues({}, current), { [field]: value }));
+  const submit = async (event) => {
+    var _a, _b;
+    event.preventDefault();
+    if (!formData.workflowStepId || !formData.assignmentType || !formData.hierarchyNodeType) {
+      setError("Please fill all required fields.");
       return;
     }
-    onSave({
-      workflowStepId,
-      assignmentType,
-      hierarchyNodeType,
-      dynamicFunctionId: dynamicFunctionId || "N/A",
-      isPoolEnabled
-    });
-    setWorkflowStepId("");
-    setAssignmentType("");
-    setHierarchyNodeType("");
-    setDynamicFunctionId("");
-    setIsPoolEnabled(false);
-    onClose();
+    const isEdit = Boolean(editData);
+    const payload = isEdit ? { assignmentRuleId: (_b = (_a = editData.assignmentRuleId) != null ? _a : editData.AssignmentRuleId) != null ? _b : editData.id, workflowStepId: Number(formData.workflowStepId), assignmentType: formData.assignmentType, hierarchyNodeType: formData.hierarchyNodeType, isPoolEnabled: Boolean(formData.isPoolEnabled) } : { workflowStepId: Number(formData.workflowStepId), assignmentType: formData.assignmentType, hierarchyNodeType: formData.hierarchyNodeType, isPoolEnabled: Boolean(formData.isPoolEnabled) };
+    setSaving(true);
+    try {
+      if (await onSave(payload, isEdit)) onClose();
+    } finally {
+      setSaving(false);
+    }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity", onClick: onClose }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "fc:relative fc:w-full fc:max-w-2xl fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:flex fc:flex-col fc:z-10 fc:max-h-[90vh] fc:overflow-hidden", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-8 fc:py-5 fc:border-b fc:border-slate-100", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "fc:w-10 fc:h-10 fc:bg-blue-50 fc:text-blue-600 fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:text-lg", children: "\u2696\uFE0F" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("h2", { className: "fc:text-lg fc:font-extrabold fc:text-slate-800", children: "Add Assignment Rule" }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: "fc:text-[10px] fc:text-slate-400", children: "Configure core task routing constraints" })
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm", onClick: onClose }),
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("form", { onSubmit: submit, className: "fc:relative fc:z-10 fc:w-full fc:max-w-2xl fc:overflow-hidden fc:rounded-3xl fc:bg-white fc:shadow-2xl", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:border-b fc:border-slate-100 fc:px-8 fc:py-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("h2", { className: "fc:text-lg fc:font-extrabold fc:text-slate-800", children: editData ? "Edit Assignment Rule" : "Add Assignment Rule" }),
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: "fc:text-[10px] fc:text-slate-400", children: "Configure core task routing constraints" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "button", onClick: onClose, className: "fc:text-slate-400 fc:text-sm fc:font-semibold", children: "\u2715" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "fc:space-y-4 fc:bg-slate-50/30 fc:p-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700", children: [
+          "Workflow Step ID *",
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("select", { required: true, disabled: loadingSteps, value: formData.workflowStepId, onChange: (event) => change("workflowStepId", event.target.value), className: "fc:mt-1 fc:w-full fc:rounded-xl fc:border fc:border-slate-200 fc:bg-white fc:p-2.5 fc:text-xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("option", { value: "", children: loadingSteps ? "Loading workflow steps..." : "Select Workflow Step" }),
+            workflowSteps.map((step) => {
+              var _a, _b, _c, _d, _e, _f;
+              const id = (_b = (_a = step.workflowStepId) != null ? _a : step.WorkflowStepId) != null ? _b : step.id;
+              const name = (_f = (_e = (_d = (_c = step.stepName) != null ? _c : step.StepName) != null ? _d : step.stepCode) != null ? _e : step.StepCode) != null ? _f : `Step ${id}`;
+              return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("option", { value: String(id), children: [
+                id,
+                " - ",
+                name
+              ] }, id);
+            })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "button", onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 fc:font-semibold fc:text-sm", children: "\u2715" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("form", { onSubmit: handleSubmit, className: "fc:flex fc:flex-col fc:overflow-hidden", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "fc:p-6 fc:space-y-4 fc:overflow-y-auto fc:bg-slate-50/30", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Workflow Step ID *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("input", { type: "text", placeholder: "e.g., STEP-1", value: workflowStepId, onChange: (e) => setWorkflowStepId(e.target.value), className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Assignment Type *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("select", { value: assignmentType, onChange: (e) => setAssignmentType(e.target.value), 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:border-blue-500", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("option", { value: "", children: "Select Assignment Engine Type" }),
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("option", { value: "Hierarchy", children: "Hierarchy" }),
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("option", { value: "Dynamic", children: "Dynamic" })
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Hierarchy Node Type *" }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("select", { value: hierarchyNodeType, onChange: (e) => setHierarchyNodeType(e.target.value), 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:border-blue-500", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("option", { value: "", children: "Select Node Level" }),
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("option", { value: "Block", children: "Block" }),
-              /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("option", { value: "District", children: "District" })
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Dynamic Function ID" }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("input", { type: "text", placeholder: "e.g., 1, 2", value: dynamicFunctionId, onChange: (e) => setDynamicFunctionId(e.target.value), className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500" })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:pt-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("input", { type: "checkbox", id: "isPoolEnabled", checked: isPoolEnabled, onChange: (e) => setIsPoolEnabled(e.target.checked), className: "fc:w-4 fc:h-4 fc:text-blue-600 fc:border-slate-300 fc:rounded focus:fc:fc:ring-blue-500" }),
-            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("label", { htmlFor: "isPoolEnabled", className: "fc:text-xs fc:font-bold fc:text-slate-700 fc:select-none fc:cursor-pointer", children: "Enable Task Pooling" })
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700", children: [
+          "Assignment Type *",
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("select", { required: true, value: formData.assignmentType, onChange: (event) => change("assignmentType", event.target.value), className: "fc:mt-1 fc:w-full fc:rounded-xl fc:border fc:border-slate-200 fc:bg-white fc:p-2.5 fc:text-xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("option", { value: "", children: "Select Assignment Engine Type" }),
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("option", { value: "Hierarchy", children: "Hierarchy" }),
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("option", { value: "Dynamic", children: "Dynamic" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "fc:p-4 fc:bg-white fc:border-t fc:border-slate-100 fc:flex fc:items-center fc:justify-end fc:gap-2.5 fc:px-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "button", onClick: onClose, className: "fc:px-4 fc:py-2 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", children: "Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "submit", className: "fc:px-5 fc:py-2 fc:bg-blue-600 hover:fc:fc:bg-blue-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-blue-500/10", children: "Save Rule" })
-        ] })
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700", children: [
+          "Hierarchy Node Type *",
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("select", { required: true, value: formData.hierarchyNodeType, onChange: (event) => change("hierarchyNodeType", event.target.value), className: "fc:mt-1 fc:w-full fc:rounded-xl fc:border fc:border-slate-200 fc:bg-white fc:p-2.5 fc:text-xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("option", { value: "", children: "Select Node Level" }),
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("option", { value: "Block", children: "Block" }),
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("option", { value: "District", children: "District" }),
+            /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("option", { value: "State", children: "State" })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("label", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:font-bold fc:text-slate-700", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("input", { type: "checkbox", checked: formData.isPoolEnabled, onChange: (event) => change("isPoolEnabled", event.target.checked), className: "fc:h-4 fc:w-4" }),
+          "Enable Task Pooling"
+        ] }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("p", { className: "fc:text-xs fc:text-red-500", children: error })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "fc:flex fc:justify-end fc:gap-2.5 fc:border-t fc:border-slate-100 fc:bg-white fc:px-6 fc:py-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { type: "button", onClick: onClose, className: "fc:rounded-xl fc:border fc:border-slate-200 fc:px-4 fc:py-2 fc:text-xs", children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("button", { disabled: saving || loadingSteps, type: "submit", className: "fc:rounded-xl fc:bg-blue-600 fc:px-5 fc:py-2 fc:text-xs fc:font-bold fc:text-white", children: saving ? "Saving..." : editData ? "Update Rule" : "Save Rule" })
       ] })
     ] })
   ] });
 }
 
 // src/components/assignment-rule/AssignmentRuleMain.jsx
+init_ApiEndpointsProvider();
+init_ApiServicepackage();
 var import_jsx_runtime86 = require("react/jsx-runtime");
+var getRows4 = (response) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const value = (_e = (_d = (_c = (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _c : (_b = response == null ? void 0 : response.data) == null ? void 0 : _b.result) != null ? _d : response == null ? void 0 : response.data) != null ? _e : response;
+  const rows = Array.isArray(value) ? value : (_i = (_h = (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : value == null ? void 0 : value.data) != null ? _h : value == null ? void 0 : value.result) != null ? _i : [];
+  return Array.isArray(rows) ? rows : [];
+};
+var endpoint = (action) => {
+  var _a, _b, _c, _d, _e;
+  const assignmentRule = (_e = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.assignmentRule) != null ? _e : (_d = (_c = getApiEndpoints()) == null ? void 0 : _c.flowCore) == null ? void 0 : _d.AssignmentRule;
+  const value = assignmentRule == null ? void 0 : assignmentRule[action];
+  if (!value) throw new Error(`Assignment Rule ${action} endpoint is not configured.`);
+  return value;
+};
+var byId = (id) => {
+  const value = endpoint("getById");
+  return typeof value === "function" ? value(id) : `${value}/${id}`;
+};
+var normalise4 = (item) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  return __spreadProps(__spreadValues({}, item), { assignmentRuleId: (_b = (_a = item.assignmentRuleId) != null ? _a : item.AssignmentRuleId) != null ? _b : item.id, workflowStepId: (_d = (_c = item.workflowStepId) != null ? _c : item.WorkflowStepId) != null ? _d : "", assignmentType: (_f = (_e = item.assignmentType) != null ? _e : item.AssignmentType) != null ? _f : "", hierarchyNodeType: (_h = (_g = item.hierarchyNodeType) != null ? _g : item.HierarchyNodeType) != null ? _h : "", isPoolEnabled: Boolean((_j = (_i = item.isPoolEnabled) != null ? _i : item.IsPoolEnabled) != null ? _j : false) });
+};
 function AssignmentRuleMain() {
-  const [refreshkey, setRefreshKey] = (0, import_react86.useState)(0);
-  const handleRefresh = () => {
-    console.log("Table data refreshed!");
-    setRefreshKey((prev) => prev + 1);
-  };
   const tableRef = (0, import_react86.useRef)(null);
-  const [showModal, setShowModal] = (0, import_react86.useState)(false);
+  const [rows, setRows] = (0, import_react86.useState)([]);
+  const [modalOpen, setModalOpen] = (0, import_react86.useState)(false);
+  const [editingRule, setEditingRule] = (0, import_react86.useState)(null);
   const [pageSize, setPageSize] = (0, import_react86.useState)(10);
   const [searchQuery, setSearchQuery] = (0, import_react86.useState)("");
   const [currentPage, setCurrentPage] = (0, import_react86.useState)(1);
   const [totalEntries, setTotalEntries] = (0, import_react86.useState)(0);
-  const handlePageSizeChange = (e) => {
-    setPageSize(Number(e.target.value));
-    setCurrentPage(1);
+  const [loading, setLoading] = (0, import_react86.useState)(true);
+  const [refreshKey, setRefreshKey] = (0, import_react86.useState)(0);
+  const refresh = () => setRefreshKey((value) => value + 1);
+  (0, import_react86.useEffect)(() => {
+    let active = true;
+    const load = async () => {
+      var _a, _b;
+      setLoading(true);
+      try {
+        const response = await getApiService().get(endpoint("getList"));
+        if (active) setRows(getRows4(response).map(normalise4));
+      } catch (error) {
+        if (active) await import_sweetalert219.default.fire("Error", ((_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 load assignment rules.", "error");
+      } finally {
+        if (active) setLoading(false);
+      }
+    };
+    load();
+    return () => {
+      active = false;
+    };
+  }, [refreshKey]);
+  const save = async (payload, isEdit) => {
+    var _a, _b;
+    try {
+      await getApiService()[isEdit ? "put" : "post"](endpoint(isEdit ? "update" : "create"), payload);
+      await import_sweetalert219.default.fire("Success", `Assignment rule ${isEdit ? "updated" : "created"} successfully.`, "success");
+      refresh();
+      return true;
+    } catch (error) {
+      await import_sweetalert219.default.fire("Error", ((_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 ${isEdit ? "update" : "create"} assignment rule.`, "error");
+      return false;
+    }
   };
-  return (
-    // <div className="min-h-screen bg-slate-50 p-4 md:p-6">
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "fc:w-full fc:space-y-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(CommonHeader, { title: "Assignment Rule", breadcrumbs: [{
-          label: "Dashboard",
-          href: "/dashboard"
-        }, {
-          label: "Masters",
-          href: "/masters"
-        }, {
-          label: "Permissions",
-          href: "/permissions"
-        }, {
-          label: "AssignmentRule",
-          href: "/assignment-rule"
-        }], buttonText: "Add Assignment Rule", onButtonClick: () => setShowModal(true) }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-200/80 fc:shadow-sm fc:space-y-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SearchBar12, { searchQuery, setSearchQuery, setCurrentPage }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Refresh_default, { onRefresh: handleRefresh }),
-              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Download_default, { targetRef: tableRef, fileName: "document-configuration" }),
-              /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("select", { value: pageSize, onChange: handlePageSizeChange, className: "fc:border fc:border-slate-200 fc:rounded-lg fc:px-3 fc:py-2 fc:text-sm fc:bg-white fc:cursor-pointer fc:outline-none fc:shadow-sm fc:text-slate-700", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("option", { value: 5, children: "5 Rows" }),
-                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("option", { value: 10, children: "10 Rows" }),
-                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("option", { value: 20, children: "20 Rows" }),
-                /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("option", { value: 25, children: "25 Rows" })
-              ] })
+  const edit = async (item) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    try {
+      const response = await getApiService().get(byId(item.assignmentRuleId));
+      const data = (_f = (_e = (_d = (_b = getRows4(response)[0]) != null ? _b : (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _d : (_c = response == null ? void 0 : response.data) == null ? void 0 : _c.result) != null ? _e : response == null ? void 0 : response.data) != null ? _f : response;
+      setEditingRule(normalise4(data));
+      setModalOpen(true);
+    } catch (error) {
+      await import_sweetalert219.default.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 load assignment rule details.", "error");
+    }
+  };
+  const remove = async (item) => {
+    var _a, _b;
+    const confirmation = await import_sweetalert219.default.fire({ title: "Delete Assignment Rule?", text: "This rule will be marked inactive.", icon: "warning", showCancelButton: true, confirmButtonText: "Yes, Delete", confirmButtonColor: "#e11d48" });
+    if (!confirmation.isConfirmed) return;
+    try {
+      await getApiService().put(endpoint("update"), { assignmentRuleId: item.assignmentRuleId, workflowStepId: Number(item.workflowStepId), assignmentType: item.assignmentType, hierarchyNodeType: item.hierarchyNodeType, isPoolEnabled: false });
+      await import_sweetalert219.default.fire("Deleted", "Assignment rule deleted successfully.", "success");
+      refresh();
+    } catch (error) {
+      await import_sweetalert219.default.fire("Error", ((_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 delete assignment rule.", "error");
+    }
+  };
+  const openCreate = () => {
+    setEditingRule(null);
+    setModalOpen(true);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:p-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "fc:w-full fc:space-y-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(CommonHeader, { title: "Assignment Rule", breadcrumbs: [{ label: "Dashboard", href: "/dashboard" }, { label: "Masters", href: "/masters" }, { label: "Permissions", href: "/permissions" }, { label: "AssignmentRule", href: "/assignment-rule" }], buttonText: "Add Assignment Rule", onButtonClick: openCreate }),
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "fc:space-y-5 fc:rounded-2xl fc:border fc:border-slate-200/80 fc:bg-white fc:p-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "fc:flex fc:w-full fc:items-center fc:justify-between fc:gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(SearchBar12, { searchQuery, setSearchQuery: (value) => {
+            setSearchQuery(value);
+            setCurrentPage(1);
+          } }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Refresh_default, { onRefresh: refresh }),
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Download_default, { targetRef: tableRef, fileName: "assignment-rules" }),
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("select", { value: pageSize, onChange: (event) => {
+              setPageSize(Number(event.target.value));
+              setCurrentPage(1);
+            }, className: "fc:rounded-lg fc:border fc:border-slate-200 fc:px-3 fc:py-2 fc:text-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("option", { value: 5, children: "5 Rows" }),
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("option", { value: 10, children: "10 Rows" }),
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("option", { value: 20, children: "20 Rows" }),
+              /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("option", { value: 25, children: "25 Rows" })
             ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { ref: tableRef, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Table4, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries }, refreshkey) })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Popup4, { isOpen: showModal, onClose: () => setShowModal(false) })
-    ] })
-  );
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { ref: tableRef, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Table4, { rows, loading, pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries, onEdit: edit, onDelete: remove }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Popup4, { isOpen: modalOpen, editData: editingRule, onClose: () => {
+      setModalOpen(false);
+      setEditingRule(null);
+    }, onSave: save })
+  ] });
 }
 
 // src/components/Workflow_Step_Hierarchy_Mapping/Workflow_Step_Hierarchy_Mapping_Main.jsx
 var import_react87 = __toESM(require("react"));
-var import_sweetalert218 = __toESM(require("sweetalert2"));
+var import_sweetalert220 = __toESM(require("sweetalert2"));
 init_ApiEndpointsProvider();
 init_ApiServicepackage();
 var import_jsx_runtime87 = require("react/jsx-runtime");
-var emptyForm = { workflowStepId: "", hierarchyNodeId: "", isActive: "true" };
-var getRows3 = (result) => {
+var emptyForm = { workflowId: "", workflowStepId: "", hierarchyNodeId: "", isActive: "true" };
+var getRows5 = (result) => {
   var _a, _b, _c, _d, _e, _f, _g;
   const value = (_e = (_d = (_c = (_a = result == null ? void 0 : result.data) == null ? void 0 : _a.data) != null ? _c : (_b = result == null ? void 0 : result.data) == null ? void 0 : _b.result) != null ? _d : result == null ? void 0 : result.data) != null ? _e : result;
   return Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
 };
 function Workflow_Step_Hierarchy_Mapping_Main() {
+  var _a, _b, _c, _d, _e, _f;
   const tableRef = (0, import_react87.useRef)(null);
   const [mappings, setMappings] = (0, import_react87.useState)([]);
-  const [workflowSteps, setWorkflowSteps] = (0, import_react87.useState)([]);
+  const [workflows, setWorkflows] = (0, import_react87.useState)([]);
   const [hierarchyNodes, setHierarchyNodes] = (0, import_react87.useState)([]);
   const [isLoading, setIsLoading] = (0, import_react87.useState)(false);
+  const [isLoadingLookups, setIsLoadingLookups] = (0, import_react87.useState)(false);
   const [refreshKey, setRefreshKey] = (0, import_react87.useState)(0);
   const [searchQuery, setSearchQuery] = (0, import_react87.useState)("");
   const [pageSize, setPageSize] = (0, import_react87.useState)(10);
@@ -12979,60 +12944,86 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
   const [formData, setFormData] = (0, import_react87.useState)(emptyForm);
   const [isSaving, setIsSaving] = (0, import_react87.useState)(false);
   const mappingEndpoints = () => {
-    var _a;
-    const flowCore = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore;
+    var _a2;
+    const flowCore = (_a2 = getApiEndpoints()) == null ? void 0 : _a2.flowCore;
     return (flowCore == null ? void 0 : flowCore.WorkflowStepHierarchyMapping) || (flowCore == null ? void 0 : flowCore.workflowStepHierarchyMapping) || (flowCore == null ? void 0 : flowCore.WorkflowStepHierarchyMappings) || (flowCore == null ? void 0 : flowCore.workflowStepHierarchyMappings) || (flowCore == null ? void 0 : flowCore.WorkflowStepUserMapping) || (flowCore == null ? void 0 : flowCore.workflowStepUserMapping);
   };
-  const workflowStepMap = (0, import_react87.useMemo)(
+  const workflowMap = (0, import_react87.useMemo)(
     () => Object.fromEntries(
-      workflowSteps.map((step) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-        const id = (_d = (_c = (_b = (_a = step.workflowStepId) != null ? _a : step.WorkflowStepId) != null ? _b : step.workflowId) != null ? _c : step.WorkflowId) != null ? _d : step.id;
-        const name = (_k = (_j = (_i = (_h = (_g = (_f = (_e = step.stepName) != null ? _e : step.StepName) != null ? _f : step.workflowStepName) != null ? _g : step.WorkflowStepName) != null ? _h : step.workflowName) != null ? _i : step.WorkflowName) != null ? _j : step.name) != null ? _k : `Step ${id}`;
+      workflows.map((wf) => {
+        var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i;
+        const id = (_d2 = (_c2 = (_b2 = (_a2 = wf.workflowId) != null ? _a2 : wf.WorkflowId) != null ? _b2 : wf.id) != null ? _c2 : wf.workflowStepId) != null ? _d2 : wf.WorkflowStepId;
+        const name = (_i = (_h = (_g = (_f2 = (_e2 = wf.workflowName) != null ? _e2 : wf.WorkflowName) != null ? _f2 : wf.name) != null ? _g : wf.stepName) != null ? _h : wf.StepName) != null ? _i : `Workflow ${id}`;
         return [id, name];
       })
     ),
-    [workflowSteps]
+    [workflows]
   );
   const hierarchyNodeMap = (0, import_react87.useMemo)(
     () => Object.fromEntries(
       hierarchyNodes.map((node) => {
-        var _a, _b, _c, _d, _e, _f;
-        const id = (_b = (_a = node.hierarchyNodeId) != null ? _a : node.HierarchyNodeId) != null ? _b : node.id;
-        const name = (_f = (_e = (_d = (_c = node.nodeName) != null ? _c : node.NodeName) != null ? _d : node.hierarchyNodeName) != null ? _e : node.HierarchyNodeName) != null ? _f : `Node ${id}`;
+        var _a2, _b2, _c2, _d2, _e2, _f2;
+        const id = (_b2 = (_a2 = node.hierarchyNodeId) != null ? _a2 : node.HierarchyNodeId) != null ? _b2 : node.id;
+        const name = (_f2 = (_e2 = (_d2 = (_c2 = node.nodeName) != null ? _c2 : node.NodeName) != null ? _d2 : node.hierarchyNodeName) != null ? _e2 : node.HierarchyNodeName) != null ? _f2 : `Node ${id}`;
         return [id, name];
       })
     ),
     [hierarchyNodes]
   );
+  (0, import_react87.useEffect)(() => {
+    if (!isModalOpen) return;
+    const loadLookups = async () => {
+      var _a2, _b2, _c2, _d2, _e2, _f2;
+      setIsLoadingLookups(true);
+      try {
+        const flowCore = (_a2 = getApiEndpoints()) == null ? void 0 : _a2.flowCore;
+        const workflowEndpoint = ((_b2 = flowCore == null ? void 0 : flowCore.workflow) == null ? void 0 : _b2.getList) || ((_c2 = flowCore == null ? void 0 : flowCore.WorkFlow) == null ? void 0 : _c2.getList) || ((_d2 = flowCore == null ? void 0 : flowCore.workFlow) == null ? void 0 : _d2.getList);
+        const nodeEndpoint = ((_e2 = flowCore == null ? void 0 : flowCore.hierarchyNode) == null ? void 0 : _e2.getList) || ((_f2 = flowCore == null ? void 0 : flowCore.HierarchyNode) == null ? void 0 : _f2.getList);
+        const [workflowResult, hierarchyNodeResult] = await Promise.all([
+          workflowEndpoint ? getApiService().get(workflowEndpoint).catch(async (err) => {
+            var _a3;
+            if (((_a3 = err == null ? void 0 : err.response) == null ? void 0 : _a3.status) === 405) {
+              return await getApiService().post(workflowEndpoint, {});
+            }
+            throw err;
+          }) : Promise.resolve(null),
+          nodeEndpoint ? getApiService().get(nodeEndpoint).catch(async (err) => {
+            var _a3;
+            if (((_a3 = err == null ? void 0 : err.response) == null ? void 0 : _a3.status) === 405) {
+              return await getApiService().post(nodeEndpoint, {});
+            }
+            throw err;
+          }) : Promise.resolve(null)
+        ]);
+        setWorkflows(workflowResult ? getRows5(workflowResult) : []);
+        setHierarchyNodes(
+          hierarchyNodeResult ? getRows5(hierarchyNodeResult) : []
+        );
+      } catch (error) {
+        console.error("Unable to load workflow or hierarchy node lookup options:", error);
+      } finally {
+        setIsLoadingLookups(false);
+      }
+    };
+    loadLookups();
+  }, [isModalOpen]);
   (0, import_react87.useEffect)(() => {
     const loadData = async () => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+      var _a2, _b2;
       setIsLoading(true);
       try {
         const endpoints = mappingEndpoints();
         const mappingEndpoint = (endpoints == null ? void 0 : endpoints.getList) || (endpoints == null ? void 0 : endpoints.GetList);
-        const flowCore = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore;
         if (!mappingEndpoint)
           throw new Error(
             "Workflow step hierarchy mapping list endpoint is not configured."
           );
-        const stepEndpoint = ((_b = flowCore == null ? void 0 : flowCore.workflowStep) == null ? void 0 : _b.getList) || ((_c = flowCore == null ? void 0 : flowCore.WorkFlowStep) == null ? void 0 : _c.getList) || ((_d = flowCore == null ? void 0 : flowCore.workFlowStep) == null ? void 0 : _d.getList) || ((_e = flowCore == null ? void 0 : flowCore.workflow) == null ? void 0 : _e.getList) || ((_f = flowCore == null ? void 0 : flowCore.Workflow) == null ? void 0 : _f.getList);
-        const nodeEndpoint = ((_g = flowCore == null ? void 0 : flowCore.hierarchyNode) == null ? void 0 : _g.getList) || ((_h = flowCore == null ? void 0 : flowCore.HierarchyNode) == null ? void 0 : _h.getList);
-        const [mappingResult, workflowStepResult, hierarchyNodeResult] = await Promise.all([
-          getApiService().get(mappingEndpoint),
-          stepEndpoint ? getApiService().get(stepEndpoint) : Promise.resolve(null),
-          nodeEndpoint ? getApiService().get(nodeEndpoint) : Promise.resolve(null)
-        ]);
-        setMappings(getRows3(mappingResult));
-        setWorkflowSteps(workflowStepResult ? getRows3(workflowStepResult) : []);
-        setHierarchyNodes(
-          hierarchyNodeResult ? getRows3(hierarchyNodeResult) : []
-        );
+        const mappingResult = await getApiService().get(mappingEndpoint);
+        setMappings(getRows5(mappingResult));
       } catch (error) {
-        await import_sweetalert218.default.fire(
+        await import_sweetalert220.default.fire(
           "Error",
-          ((_j = (_i = error == null ? void 0 : error.response) == null ? void 0 : _i.data) == null ? void 0 : _j.message) || (error == null ? void 0 : error.message) || "Unable to load workflow step hierarchy mappings.",
+          ((_b2 = (_a2 = error == null ? void 0 : error.response) == null ? void 0 : _a2.data) == null ? void 0 : _b2.message) || (error == null ? void 0 : error.message) || "Unable to load workflow step hierarchy mappings.",
           "error"
         );
       } finally {
@@ -13042,51 +13033,55 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
     loadData();
   }, [refreshKey]);
   const openModal = (mapping = null) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i, _j, _k, _l;
     setEditingMapping(mapping);
     setFormData(
       mapping ? {
+        workflowId: String(
+          (_d2 = (_c2 = (_b2 = (_a2 = mapping.workflowId) != null ? _a2 : mapping.WorkflowId) != null ? _b2 : mapping.workflowStepId) != null ? _c2 : mapping.WorkflowStepId) != null ? _d2 : ""
+        ),
         workflowStepId: String(
-          (_d = (_c = (_b = (_a = mapping.workflowStepId) != null ? _a : mapping.WorkflowStepId) != null ? _b : mapping.workflowId) != null ? _c : mapping.WorkflowId) != null ? _d : ""
+          (_h = (_g = (_f2 = (_e2 = mapping.workflowStepId) != null ? _e2 : mapping.WorkflowStepId) != null ? _f2 : mapping.workflowId) != null ? _g : mapping.WorkflowId) != null ? _h : ""
         ),
         hierarchyNodeId: String(
-          (_f = (_e = mapping.hierarchyNodeId) != null ? _e : mapping.HierarchyNodeId) != null ? _f : ""
+          (_j = (_i = mapping.hierarchyNodeId) != null ? _i : mapping.HierarchyNodeId) != null ? _j : ""
         ),
-        isActive: String((_h = (_g = mapping.isActive) != null ? _g : mapping.IsActive) != null ? _h : true)
+        isActive: String((_l = (_k = mapping.isActive) != null ? _k : mapping.IsActive) != null ? _l : true)
       } : emptyForm
     );
     setIsModalOpen(true);
   };
   const handleSave = async (event) => {
-    var _a, _b, _c;
+    var _a2, _b2, _c2;
     event.preventDefault();
-    if (!formData.workflowStepId || !formData.hierarchyNodeId)
-      return import_sweetalert218.default.fire(
+    const selectedWorkflowId = formData.workflowId || formData.workflowStepId;
+    if (!selectedWorkflowId || !formData.hierarchyNodeId)
+      return import_sweetalert220.default.fire(
         "Required fields",
-        "Please select a workflow step and hierarchy node.",
+        "Please select a workflow and hierarchy node.",
         "warning"
       );
     setIsSaving(true);
     try {
       const endpoints = mappingEndpoints();
-      const endpoint = editingMapping ? (endpoints == null ? void 0 : endpoints.update) || (endpoints == null ? void 0 : endpoints.Update) : (endpoints == null ? void 0 : endpoints.create) || (endpoints == null ? void 0 : endpoints.Create);
-      if (!endpoint)
+      const endpoint2 = editingMapping ? (endpoints == null ? void 0 : endpoints.update) || (endpoints == null ? void 0 : endpoints.Update) : (endpoints == null ? void 0 : endpoints.create) || (endpoints == null ? void 0 : endpoints.Create);
+      if (!endpoint2)
         throw new Error(
           `Workflow step hierarchy mapping ${editingMapping ? "update" : "create"} endpoint is not configured.`
         );
-      const idValue = Number(formData.workflowStepId);
+      const idValue = Number(selectedWorkflowId);
       const nodeValue = Number(formData.hierarchyNodeId);
       const payload = __spreadValues({
         workflowId: idValue,
         workflowStepId: idValue,
         hierarchyNodeId: nodeValue,
-        isActive: formData.isActive === "true"
+        isActive: formData.isActive === "true" || formData.isActive === true
       }, editingMapping ? {
-        workflowStepHierarchyMappingId: (_a = editingMapping.workflowStepHierarchyMappingId) != null ? _a : editingMapping.WorkflowStepHierarchyMappingId,
+        workflowStepHierarchyMappingId: (_a2 = editingMapping.workflowStepHierarchyMappingId) != null ? _a2 : editingMapping.WorkflowStepHierarchyMappingId,
         updatedBy: "System"
       } : { createdBy: "System" });
-      await getApiService()[editingMapping ? "put" : "post"](endpoint, payload);
-      await import_sweetalert218.default.fire(
+      await getApiService()[editingMapping ? "put" : "post"](endpoint2, payload);
+      await import_sweetalert220.default.fire(
         "Success",
         `Workflow step hierarchy mapping ${editingMapping ? "updated" : "created"} successfully.`,
         "success"
@@ -13094,9 +13089,9 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
       setIsModalOpen(false);
       setRefreshKey((previous) => previous + 1);
     } catch (error) {
-      await import_sweetalert218.default.fire(
+      await import_sweetalert220.default.fire(
         "Error",
-        ((_c = (_b = error == null ? void 0 : error.response) == null ? void 0 : _b.data) == null ? void 0 : _c.message) || (error == null ? void 0 : error.message) || "Unable to save workflow step hierarchy mapping.",
+        ((_c2 = (_b2 = error == null ? void 0 : error.response) == null ? void 0 : _b2.data) == null ? void 0 : _c2.message) || (error == null ? void 0 : error.message) || "Unable to save workflow step hierarchy mapping.",
         "error"
       );
     } finally {
@@ -13104,8 +13099,8 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
     }
   };
   const handleDelete = async (mapping) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-    const confirmation = await import_sweetalert218.default.fire({
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i;
+    const confirmation = await import_sweetalert220.default.fire({
       title: "Delete mapping?",
       text: "This mapping will be marked inactive.",
       icon: "warning",
@@ -13116,18 +13111,18 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
     if (!confirmation.isConfirmed) return;
     try {
       const endpoints = mappingEndpoints();
-      const endpoint = (endpoints == null ? void 0 : endpoints.update) || (endpoints == null ? void 0 : endpoints.Update);
-      if (!endpoint)
+      const endpoint2 = (endpoints == null ? void 0 : endpoints.update) || (endpoints == null ? void 0 : endpoints.Update);
+      if (!endpoint2)
         throw new Error(
           "Workflow step hierarchy mapping update endpoint is not configured."
         );
       const stepId = Number(
-        (_d = (_c = (_b = (_a = mapping.workflowId) != null ? _a : mapping.WorkflowId) != null ? _b : mapping.workflowStepId) != null ? _c : mapping.WorkflowStepId) != null ? _d : 0
+        (_d2 = (_c2 = (_b2 = (_a2 = mapping.workflowId) != null ? _a2 : mapping.WorkflowId) != null ? _b2 : mapping.workflowStepId) != null ? _c2 : mapping.WorkflowStepId) != null ? _d2 : 0
       );
       const nodeId = Number(
-        (_f = (_e = mapping.hierarchyNodeId) != null ? _e : mapping.HierarchyNodeId) != null ? _f : 0
+        (_f2 = (_e2 = mapping.hierarchyNodeId) != null ? _e2 : mapping.HierarchyNodeId) != null ? _f2 : 0
       );
-      await getApiService().put(endpoint, {
+      await getApiService().put(endpoint2, {
         workflowStepHierarchyMappingId: (_g = mapping.workflowStepHierarchyMappingId) != null ? _g : mapping.WorkflowStepHierarchyMappingId,
         workflowId: stepId,
         workflowStepId: stepId,
@@ -13135,14 +13130,14 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
         isActive: false,
         updatedBy: "System"
       });
-      await import_sweetalert218.default.fire(
+      await import_sweetalert220.default.fire(
         "Deleted",
         "Workflow step hierarchy mapping has been deactivated.",
         "success"
       );
       setRefreshKey((previous) => previous + 1);
     } catch (error) {
-      await import_sweetalert218.default.fire(
+      await import_sweetalert220.default.fire(
         "Error",
         ((_i = (_h = error == null ? void 0 : error.response) == null ? void 0 : _h.data) == null ? void 0 : _i.message) || (error == null ? void 0 : error.message) || "Unable to delete workflow step hierarchy mapping.",
         "error"
@@ -13150,11 +13145,11 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
     }
   };
   const filteredMappings = mappings.filter((mapping) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i, _j, _k, _l, _m, _n, _o;
     const query = searchQuery.trim().toLowerCase();
-    const stepId = (_c = (_b = (_a = mapping.workflowStepId) != null ? _a : mapping.WorkflowStepId) != null ? _b : mapping.workflowId) != null ? _c : mapping.WorkflowId;
-    const nodeId = (_d = mapping.hierarchyNodeId) != null ? _d : mapping.HierarchyNodeId;
-    const stepName = (_j = (_i = (_h = (_g = (_f = (_e = mapping.workflowStepName) != null ? _e : mapping.WorkflowStepName) != null ? _f : mapping.workflowName) != null ? _g : mapping.WorkflowName) != null ? _h : mapping.stepName) != null ? _i : mapping.StepName) != null ? _j : workflowStepMap[stepId];
+    const stepId = (_c2 = (_b2 = (_a2 = mapping.workflowId) != null ? _a2 : mapping.WorkflowId) != null ? _b2 : mapping.workflowStepId) != null ? _c2 : mapping.WorkflowStepId;
+    const nodeId = (_d2 = mapping.hierarchyNodeId) != null ? _d2 : mapping.HierarchyNodeId;
+    const stepName = (_j = (_i = (_h = (_g = (_f2 = (_e2 = mapping.workflowName) != null ? _e2 : mapping.WorkflowName) != null ? _f2 : mapping.workflowStepName) != null ? _g : mapping.WorkflowStepName) != null ? _h : mapping.stepName) != null ? _i : mapping.StepName) != null ? _j : workflowMap[stepId];
     const nodeName = (_n = (_m = (_l = (_k = mapping.hierarchyNodeName) != null ? _k : mapping.HierarchyNodeName) != null ? _l : mapping.nodeName) != null ? _m : mapping.NodeName) != null ? _n : hierarchyNodeMap[nodeId];
     return !query || [
       (_o = mapping.workflowStepHierarchyMappingId) != null ? _o : mapping.WorkflowStepHierarchyMappingId,
@@ -13238,8 +13233,8 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
           /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("tr", { className: "fc:bg-slate-100 fc:text-slate-600", children: [
             /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("th", { className: "fc:p-3 fc:text-left", children: "#" }),
             /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("th", { className: "fc:p-3 fc:text-left", children: "Mapping ID" }),
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("th", { className: "fc:p-3 fc:text-left", children: "Workflow Step" }),
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("th", { className: "fc:p-3 fc:text-left", children: "Hierarchy Node" }),
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("th", { className: "fc:p-3 fc:text-left", children: "Workflow Name" }),
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("th", { className: "fc:p-3 fc:text-left", children: "Hierarchy Node Name" }),
             /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("th", { className: "fc:p-3 fc:text-left", children: "Active" }),
             /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("th", { className: "fc:p-3 fc:text-center", children: "Actions" })
           ] }) }),
@@ -13258,11 +13253,11 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
               children: "No workflow step hierarchy mappings found."
             }
           ) }) : visibleMappings.map((mapping, index) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
-            const stepId = (_c = (_b = (_a = mapping.workflowStepId) != null ? _a : mapping.WorkflowStepId) != null ? _b : mapping.workflowId) != null ? _c : mapping.WorkflowId;
-            const nodeId = (_d = mapping.hierarchyNodeId) != null ? _d : mapping.HierarchyNodeId;
-            const active = (_e = mapping.isActive) != null ? _e : mapping.IsActive;
-            const stepDisplayName = (_l = (_k = (_j = (_i = (_h = (_g = (_f = mapping.workflowStepName) != null ? _f : mapping.WorkflowStepName) != null ? _g : mapping.workflowName) != null ? _h : mapping.WorkflowName) != null ? _i : mapping.stepName) != null ? _j : mapping.StepName) != null ? _k : workflowStepMap[stepId]) != null ? _l : stepId ? `Step ${stepId}` : "-";
+            var _a2, _b2, _c2, _d2, _e2, _f2, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t;
+            const stepId = (_c2 = (_b2 = (_a2 = mapping.workflowId) != null ? _a2 : mapping.WorkflowId) != null ? _b2 : mapping.workflowStepId) != null ? _c2 : mapping.WorkflowStepId;
+            const nodeId = (_d2 = mapping.hierarchyNodeId) != null ? _d2 : mapping.HierarchyNodeId;
+            const active = (_e2 = mapping.isActive) != null ? _e2 : mapping.IsActive;
+            const stepDisplayName = (_l = (_k = (_j = (_i = (_h = (_g = (_f2 = mapping.workflowName) != null ? _f2 : mapping.WorkflowName) != null ? _g : mapping.workflowStepName) != null ? _h : mapping.WorkflowStepName) != null ? _i : mapping.stepName) != null ? _j : mapping.StepName) != null ? _k : workflowMap[stepId]) != null ? _l : stepId ? `Workflow ${stepId}` : "-";
             const nodeDisplayName = (_q = (_p = (_o = (_n = (_m = mapping.hierarchyNodeName) != null ? _m : mapping.HierarchyNodeName) != null ? _n : mapping.nodeName) != null ? _o : mapping.NodeName) != null ? _p : hierarchyNodeMap[nodeId]) != null ? _q : nodeId ? `Node ${nodeId}` : "-";
             return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
               "tr",
@@ -13354,26 +13349,31 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
               /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("button", { type: "button", onClick: () => setIsModalOpen(false), children: "\xD7" })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("label", { className: "fc:block fc:mb-1.5 fc:text-sm fc:font-semibold", children: "Workflow Step *" }),
+              /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("label", { className: "fc:block fc:mb-1.5 fc:text-sm fc:font-semibold", children: "Workflow *" }),
               /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
                 "select",
                 {
-                  value: formData.workflowStepId,
+                  value: formData.workflowId || formData.workflowStepId,
                   onChange: (event) => setFormData((previous) => __spreadProps(__spreadValues({}, previous), {
+                    workflowId: event.target.value,
                     workflowStepId: event.target.value
                   })),
                   className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-2.5",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("option", { value: "", children: "Select workflow step" }),
-                    workflowSteps.map((step) => {
-                      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-                      const id = (_d = (_c = (_b = (_a = step.workflowStepId) != null ? _a : step.WorkflowStepId) != null ? _b : step.workflowId) != null ? _c : step.WorkflowId) != null ? _d : step.id;
-                      const name = (_k = (_j = (_i = (_h = (_g = (_f = (_e = step.stepName) != null ? _e : step.StepName) != null ? _f : step.workflowStepName) != null ? _g : step.WorkflowStepName) != null ? _h : step.workflowName) != null ? _i : step.WorkflowName) != null ? _j : step.name) != null ? _k : `Step ${id}`;
-                      return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("option", { value: id, children: [
-                        id,
-                        " - ",
-                        name
-                      ] }, id);
+                    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("option", { value: "", children: isLoadingLookups ? "Loading workflows..." : "Select workflow" }),
+                    Boolean(
+                      (formData.workflowId || formData.workflowStepId) && !workflows.some(
+                        (wf) => {
+                          var _a2, _b2;
+                          return String((_b2 = (_a2 = wf.workflowId) != null ? _a2 : wf.WorkflowId) != null ? _b2 : wf.id) === String(formData.workflowId || formData.workflowStepId);
+                        }
+                      )
+                    ) && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("option", { value: formData.workflowId || formData.workflowStepId, children: (_c = (_b = (_a = editingMapping == null ? void 0 : editingMapping.workflowName) != null ? _a : editingMapping == null ? void 0 : editingMapping.WorkflowName) != null ? _b : editingMapping == null ? void 0 : editingMapping.stepName) != null ? _c : `Workflow ${formData.workflowId || formData.workflowStepId}` }),
+                    workflows.map((wf) => {
+                      var _a2, _b2, _c2, _d2, _e2;
+                      const id = (_b2 = (_a2 = wf.workflowId) != null ? _a2 : wf.WorkflowId) != null ? _b2 : wf.id;
+                      const name = (_e2 = (_d2 = (_c2 = wf.workflowName) != null ? _c2 : wf.WorkflowName) != null ? _d2 : wf.name) != null ? _e2 : `Workflow ${id}`;
+                      return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("option", { value: id, children: name }, id);
                     })
                   ]
                 }
@@ -13390,15 +13390,20 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
                   })),
                   className: "fc:w-full fc:border fc:border-slate-200 fc:rounded-xl fc:p-2.5",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("option", { value: "", children: "Select hierarchy node" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("option", { value: "", children: isLoadingLookups ? "Loading hierarchy nodes..." : "Select hierarchy node" }),
+                    Boolean(
+                      formData.hierarchyNodeId && !hierarchyNodes.some(
+                        (node) => {
+                          var _a2, _b2;
+                          return String((_b2 = (_a2 = node.hierarchyNodeId) != null ? _a2 : node.HierarchyNodeId) != null ? _b2 : node.id) === String(formData.hierarchyNodeId);
+                        }
+                      )
+                    ) && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("option", { value: formData.hierarchyNodeId, children: (_f = (_e = (_d = editingMapping == null ? void 0 : editingMapping.hierarchyNodeName) != null ? _d : editingMapping == null ? void 0 : editingMapping.HierarchyNodeName) != null ? _e : editingMapping == null ? void 0 : editingMapping.nodeName) != null ? _f : `Node ${formData.hierarchyNodeId}` }),
                     hierarchyNodes.map((node) => {
-                      var _a, _b, _c;
-                      const id = (_b = (_a = node.hierarchyNodeId) != null ? _a : node.HierarchyNodeId) != null ? _b : node.id;
-                      const name = (_c = node.nodeName) != null ? _c : node.NodeName;
-                      return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("option", { value: id, children: [
-                        id,
-                        name ? ` - ${name}` : ""
-                      ] }, id);
+                      var _a2, _b2, _c2, _d2, _e2;
+                      const id = (_b2 = (_a2 = node.hierarchyNodeId) != null ? _a2 : node.HierarchyNodeId) != null ? _b2 : node.id;
+                      const name = (_e2 = (_d2 = (_c2 = node.nodeName) != null ? _c2 : node.NodeName) != null ? _d2 : node.hierarchyNodeName) != null ? _e2 : node.HierarchyNodeName;
+                      return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("option", { value: id, children: name ? name : `Node ${id}` }, id);
                     })
                   ]
                 }
@@ -13474,8 +13479,8 @@ var workflowItems = [
   }
 ];
 var permissionItems = [{
-  name: "Task Permission",
-  component: "Task_permission_main",
+  name: "Step Permission",
+  component: "step_permission_main",
   icon: import_react89.RiUserSettingsLine
 }, {
   name: "Assignment Rule",
@@ -13494,7 +13499,7 @@ var hierarchyItems = [
     icon: import_react89.RiUserSharedLine
   },
   {
-    name: "Workflow Step User Mapping",
+    name: "Workflow Hierarchy Mapping",
     component: "User_hierarchy_mapping_main",
     icon: import_react89.RiUserSharedLine
   },
@@ -13555,7 +13560,8 @@ function Sidebar({
   childrens
 }) {
   const router = (0, import_router.useRouter)();
-  const [workflowOpen, setWorkflowOpen] = (0, import_react88.useState)(false);
+  const [activeComponent, setActiveComponent] = (0, import_react88.useState)("workflowType");
+  const [workflowOpen, setWorkflowOpen] = (0, import_react88.useState)(true);
   const [permissionOpen, setPermissionOpen] = (0, import_react88.useState)(false);
   const [hierarchyOpen, setHierarchyOpen] = (0, import_react88.useState)(false);
   const [documentOpen, setDocumentOpen] = (0, import_react88.useState)(false);
@@ -13563,14 +13569,25 @@ function Sidebar({
   const [tasksOpen, setTasksOpen] = (0, import_react88.useState)(false);
   const [trackingOpen, setTrackingOpen] = (0, import_react88.useState)(false);
   const [communicationOpen, setCommunicationOpen] = (0, import_react88.useState)(false);
-  const [activeComponent, setActiveComponent] = (0, import_react88.useState)("workflowType");
-  const renderMenuItemold = (item) => {
-    const Icon = item.icon;
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("button", { type: "button", className: `fc:flex fc:h-[48px] fc:w-full fc:items-center fc:gap-[8px] fc:rounded-[9px] fc:px-[8px] fc:text-left fc:transition-colors fc:duration-150${router.pathname === item.path ? "bg-blue-50 text-blue-600" : "text-[#344261] hover:bg-[#F6F8FC]"}`, onClick: () => router.push(item.path), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "fc:flex fc:h-[20px] fc:w-[20px] fc:shrink-0 fc:items-center fc:justify-center fc:rounded-[6px] fc:text-[#405170]", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Icon, { size: 17 }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "fc:flex-1 fc:whitespace-nowrap fc:text-[13px] fc:font-medium fc:leading-[20px]", children: item.name })
-    ] }, item.name);
-  };
+  (0, import_react88.useEffect)(() => {
+    if (workflowItems.some((item) => item.component === activeComponent)) {
+      setWorkflowOpen(true);
+    } else if (permissionItems.some((item) => item.component === activeComponent)) {
+      setPermissionOpen(true);
+    } else if (hierarchyItems.some((item) => item.component === activeComponent)) {
+      setHierarchyOpen(true);
+    } else if (documentItems.some((item) => item.component === activeComponent)) {
+      setDocumentOpen(true);
+    } else if (fileItems.some((item) => item.component === activeComponent)) {
+      setFilesOpen(true);
+    } else if (taskItems.some((item) => item.component === activeComponent)) {
+      setTasksOpen(true);
+    } else if (trackingItems.some((item) => item.component === activeComponent)) {
+      setTrackingOpen(true);
+    } else if (communicationItems.some((item) => item.component === activeComponent)) {
+      setCommunicationOpen(true);
+    }
+  }, [activeComponent]);
   const renderMenuItem = (item) => {
     const Icon = item.icon;
     const handleClick = () => {
@@ -13584,10 +13601,27 @@ function Sidebar({
         router.push(item.path);
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("button", { onClick: handleClick, className: `fc:flex fc:h-[48px] fc:w-full fc:min-w-0 fc:items-center fc:gap-[6px] fc:rounded-[9px] fc:px-[6px]${item.component ? activeComponent === item.component ? "bg-blue-50 text-blue-600" : "text-[#344261] hover:bg-[#F6F8FC]" : router.pathname === item.path ? "bg-blue-50 text-blue-600" : "text-[#344261] hover:bg-[#F6F8FC]"}`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Icon, { size: 16 }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "fc:min-w-0 fc:flex-1 fc:whitespace-nowrap fc:text-[13px] fc:font-medium fc:leading-[20px]", children: item.name })
-    ] }, item.name);
+    const isActive = item.component ? activeComponent === item.component : router.pathname === item.path;
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+      "button",
+      {
+        type: "button",
+        onClick: handleClick,
+        title: item.name,
+        className: `group fc:flex flex fc:h-[36px] h-[36px] fc:w-full w-full fc:min-w-0 min-w-0 fc:items-center items-center fc:gap-[8px] gap-[8px] fc:rounded-[7px] rounded-[7px] fc:px-[8px] px-[8px] fc:text-left text-left fc:transition-all transition-all fc:duration-150 duration-150 ${isActive ? "fc:bg-blue-50 bg-blue-50 fc:text-blue-600 text-blue-600 fc:font-semibold font-semibold" : "fc:text-[#405170] text-[#405170] hover:fc:bg-[#F6F8FC] hover:bg-[#F6F8FC] hover:fc:text-[#101318] hover:text-[#101318]"}`,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+            "span",
+            {
+              className: `fc:flex flex fc:h-[18px] h-[18px] fc:w-[18px] w-[18px] fc:shrink-0 shrink-0 fc:items-center items-center fc:justify-center justify-center fc:transition-colors transition-colors ${isActive ? "fc:text-blue-600 text-blue-600" : "fc:text-[#64748B] text-[#64748B] group-hover:fc:text-[#101318] group-hover:text-[#101318]"}`,
+              children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Icon, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "fc:min-w-0 min-w-0 fc:flex-1 flex-1 fc:truncate truncate fc:text-[13px] text-[13px] fc:leading-[18px] leading-[18px] fc:text-left text-left", children: item.name })
+        ]
+      },
+      item.name
+    );
   };
   const renderContent = () => {
     switch (activeComponent) {
@@ -13605,7 +13639,7 @@ function Sidebar({
         return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(Workflow_Step_Hierarchy_Mapping_Main, {});
       case "DocumentConfigurationmain":
         return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(DocumentConfigurationmain, {});
-      case "Task_permission_main":
+      case "step_permission_main":
         return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(TaskPermissionMain, {});
       case "AssignmentRuleMain":
         return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(AssignmentRuleMain, {});
@@ -13636,15 +13670,58 @@ function Sidebar({
     }
   };
   const renderDropdown = (title, open, setOpen, items, HeadingIcon) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "fc:mb-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("button", { type: "button", onClick: () => setOpen(!open), className: "fc:flex fc:h-[50px] fc:w-full fc:items-center fc:justify-between fc:rounded-[9px] fc:px-[17px] fc:text-left fc:text-[#344261] fc:transition-colors fc:duration-150 hover:fc:fc:bg-[#F6F8FC]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-[8px]", children: [
-          HeadingIcon && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(HeadingIcon, { size: 18, className: "fc:text-[#405170] fc:shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "fc:text-[16px] fc:font-semibold", children: title })
-        ] }),
-        open ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react89.RiArrowDownSLine, { size: 18 }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react89.RiArrowRightSLine, { size: 18 })
-      ] }),
-      open && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "fc:ml-[2px] fc:border-l fc:border-[#E5E9F1] fc:pl-[2px]", children: items.map(renderMenuItem) })
+    const hasActiveChild = items.some(
+      (item) => item.component ? activeComponent === item.component : router.pathname === item.path
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "fc:mb-1 mb-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+        "button",
+        {
+          type: "button",
+          onClick: () => setOpen(!open),
+          className: `fc:flex flex fc:h-[42px] h-[42px] fc:w-full w-full fc:items-center items-center fc:justify-between justify-between fc:rounded-[8px] rounded-[8px] fc:px-[10px] px-[10px] fc:text-left text-left fc:transition-colors transition-colors fc:duration-150 duration-150 hover:fc:bg-[#F6F8FC] hover:bg-[#F6F8FC] ${hasActiveChild && !open ? "fc:bg-blue-50/60 bg-blue-50/60 fc:text-blue-600 text-blue-600" : "fc:text-[#344261] text-[#344261]"}`,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "fc:flex flex fc:items-center items-center fc:gap-[10px] gap-[10px] fc:min-w-0 min-w-0", children: [
+              HeadingIcon && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                HeadingIcon,
+                {
+                  size: 18,
+                  className: `fc:shrink-0 shrink-0 fc:transition-colors transition-colors ${hasActiveChild ? "fc:text-blue-600 text-blue-600" : "fc:text-[#405170] text-[#405170]"}`
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: `fc:text-[14px] text-[14px] fc:font-semibold font-semibold fc:truncate truncate ${hasActiveChild && !open ? "fc:text-blue-600 text-blue-600" : "fc:text-[#273657] text-[#273657]"}`, children: title })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+              "span",
+              {
+                className: `fc:text-[#7E8B9E] text-[#7E8B9E] fc:shrink-0 shrink-0 fc:ml-2 ml-2 fc:transition-transform transition-transform fc:duration-200 duration-200 ${open ? "fc:rotate-90 rotate-90 fc:text-[#344261] text-[#344261]" : "rotate-0"}`,
+                children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react89.RiArrowRightSLine, { size: 18 })
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        "div",
+        {
+          style: {
+            display: "grid",
+            gridTemplateRows: open ? "1fr" : "0fr",
+            transition: "grid-template-rows 220ms cubic-bezier(0.4, 0, 0.2, 1)"
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+            "div",
+            {
+              style: {
+                overflow: "hidden",
+                opacity: open ? 1 : 0,
+                transition: "opacity 180ms ease-in-out"
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "fc:ml-[18px] ml-[18px] fc:mt-0.5 mt-0.5 fc:mb-1 mb-1 fc:border-l-2 border-l-2 fc:border-[#E5E9F1] border-[#E5E9F1] fc:pl-[8px] pl-[8px] fc:space-y-0.5 space-y-0.5", children: items.map(renderMenuItem) })
+            }
+          )
+        }
+      )
     ] });
   };
   return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
@@ -13662,31 +13739,31 @@ function Sidebar({
             /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "fc:text-[12px] fc:text-[#344261]", children: "Workflow Engine" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", onClick: onToggle, className: "fc:flex fc:h-8 fc:w-8 fc:items-center fc:justify-center fc:rounded-lg hover:fc:fc:bg-gray-100", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react89.RiMenuLine, { size: 18 }) })
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", onClick: onToggle, className: "fc:flex flex fc:h-8 h-8 fc:w-8 w-8 fc:items-center items-center fc:justify-center justify-center fc:rounded-lg rounded-lg hover:fc:bg-gray-100 hover:bg-gray-100 fc:transition-colors transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react89.RiMenuLine, { size: 18 }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "fc:min-h-0 fc:flex-1 fc:overflow-y-auto fc:overflow-x-hidden fc:px-[27px] fc:pb-[30px] fc:pt-[31px]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "fc:mb-[19px] fc:ml-[15px] fc:text-[14px] fc:font-bold fc:uppercase fc:leading-[20px] fc:tracking-[0.2px] fc:text-[#3C4D74]", children: "Configuration Masters" }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "fc:flex fc:flex-col fc:gap-[3px]", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "fc:min-h-0 min-h-0 fc:flex-1 flex-1 fc:overflow-y-auto overflow-y-auto fc:overflow-x-hidden overflow-x-hidden fc:px-[12px] px-[12px] fc:pb-[24px] pb-[24px] fc:pt-[20px] pt-[20px]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "fc:mb-[10px] mb-[10px] fc:px-[10px] px-[10px] fc:text-[12px] text-[12px] fc:font-bold font-bold fc:uppercase uppercase fc:leading-[16px] leading-[16px] fc:tracking-[0.5px] tracking-[0.5px] fc:text-[#3C4D74] text-[#3C4D74]", children: "Configuration Masters" }),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "fc:flex flex fc:flex-col flex-col fc:gap-[2px] gap-[2px]", children: [
           renderDropdown("Workflow", workflowOpen, setWorkflowOpen, workflowItems, import_react89.RiNodeTree),
           renderDropdown("Permissions", permissionOpen, setPermissionOpen, permissionItems, import_react89.RiShieldUserLine),
           renderDropdown("Documents", documentOpen, setDocumentOpen, documentItems, import_react89.RiFileSettingsLine),
           renderDropdown("Hierarchy", hierarchyOpen, setHierarchyOpen, hierarchyItems, import_react89.RiNodeTree)
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "fc:mb-[19px] fc:ml-[15px] fc:mt-[39px] fc:text-[14px] fc:font-bold fc:uppercase fc:leading-[20px] fc:tracking-[0.2px] fc:text-[#3C4D74]", children: "Runtime" }),
-        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "fc:flex fc:flex-col fc:gap-[3px]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("p", { className: "fc:mb-[10px] mb-[10px] fc:px-[10px] px-[10px] fc:mt-[24px] mt-[24px] fc:text-[12px] text-[12px] fc:font-bold font-bold fc:uppercase uppercase fc:leading-[16px] leading-[16px] fc:tracking-[0.5px] tracking-[0.5px] fc:text-[#3C4D74] text-[#3C4D74]", children: "Runtime" }),
+        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "fc:flex flex fc:flex-col flex-col fc:gap-[2px] gap-[2px]", children: [
           renderDropdown("Files", filesOpen, setFilesOpen, fileItems, import_react89.RiFolder3Line),
           renderDropdown("Tasks", tasksOpen, setTasksOpen, taskItems, import_react89.RiCheckboxCircleLine),
           renderDropdown("Tracking", trackingOpen, setTrackingOpen, trackingItems, import_react89.RiRouteLine),
           renderDropdown("Communication", communicationOpen, setCommunicationOpen, communicationItems, import_react89.RiMessage2Line)
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "fc:shrink-0 fc:bg-white fc:px-[27px] fc:pb-[34px] fc:pt-[18px]", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("button", { type: "button", className: "fc:flex fc:h-[66px] fc:w-full fc:items-center fc:gap-[18px] fc:rounded-[10px] fc:border fc:border-[#E1E5ED] fc:bg-white fc:px-[23px] fc:text-left fc:text-[16px] fc:font-semibold fc:text-[#2D3A58] fc:shadow-sm hover:fc:fc:bg-[#F7F8FC] fc:transition", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "fc:shrink-0 shrink-0 fc:bg-white bg-white fc:px-[12px] px-[12px] fc:pb-[20px] pb-[20px] fc:pt-[12px] pt-[12px]", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("button", { type: "button", className: "fc:flex flex fc:h-[50px] h-[50px] fc:w-full w-full fc:items-center items-center fc:gap-[12px] gap-[12px] fc:rounded-[10px] rounded-[10px] fc:border border fc:border-[#E1E5ED] border-[#E1E5ED] fc:bg-white bg-white fc:px-[14px] px-[14px] fc:text-left text-left fc:text-[15px] text-[15px] fc:font-semibold font-semibold fc:text-[#2D3A58] text-[#2D3A58] fc:shadow-sm shadow-sm hover:fc:bg-[#F7F8FC] hover:bg-[#F7F8FC] fc:transition transition", children: [
         /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react89.RiSettings4Line, { size: 20 }),
         /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: "Settings" })
       ] }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "fc:flex-1 fc:overflow-auto fc:bg-[#F5F7FB]", children: renderContent() }),
-    !isOpen && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", onClick: onToggle, "aria-label": "Open sidebar", className: "fc:fixed fc:left-[px] fc:top-[30px] fc:z-[100] fc:flex fc:h-[46px] fc:w-[46px] fc:items-center fc:justify-center fc:rounded-[9px] fc:border fc:border-[#E1E5ED] fc:bg-white fc:text-[#344261] fc:shadow-[0_2px_8px_rgba(0,0,0,0.08)] fc:transition-colors hover:fc:bg-gray-100", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react89.RiMenuLine, { size: 18 }) })
+    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "fc:flex-1 flex-1 fc:overflow-auto overflow-auto fc:bg-[#F5F7FB] bg-[#F5F7FB]", children: renderContent() }),
+    !isOpen && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("button", { type: "button", onClick: onToggle, "aria-label": "Open sidebar", className: "fc:fixed fixed fc:left-[16px] left-[16px] fc:top-[30px] top-[30px] fc:z-[100] z-[100] fc:flex flex fc:h-[46px] h-[46px] fc:w-[46px] w-[46px] fc:items-center items-center fc:justify-center justify-center fc:rounded-[9px] rounded-[9px] fc:border border fc:border-[#E1E5ED] border-[#E1E5ED] fc:bg-white bg-white fc:text-[#344261] text-[#344261] fc:shadow-[0_2px_8px_rgba(0,0,0,0.08)] shadow-[0_2px_8px_rgba(0,0,0,0.08)] fc:transition-colors transition-colors hover:fc:bg-gray-100 hover:bg-gray-100", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react89.RiMenuLine, { size: 18 }) })
   ] });
 }