flowcore-fn 9.2.5 → 9.2.7

package/dist/pkg-index.js

@@ -1066,6 +1066,7 @@ function Workflow() {
 
 // src/components/workflow-type/WorkflowTypeMains.js
 var import_react15 = __toESM(require("react"));
+var import_sweetalert22 = __toESM(require("sweetalert2"));
 
 // src/components/workflow-type/SearchBar.jsx
 var import_react10 = __toESM(require("react"));
@@ -1092,61 +1093,255 @@ function SearchBar2({
 }
 
 // src/components/workflow-type/WorkflowTypeTable.jsx
-var import_react13 = __toESM(require("react"));
-
-// src/components/workflow-type/DeleteWorkflowType.jsx
 var import_react11 = __toESM(require("react"));
 var import_jsx_runtime11 = require("react/jsx-runtime");
-var DeleteWorkflowType = ({
-  isOpen,
-  onClose,
-  onConfirm,
-  itemData
-}) => {
-  if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.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 fc:p-4 fc:animate-in fc:fade-in fc:duration-200", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "fc:relative fc:w-full fc:max-w-md fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:border fc:border-gray-100 fc:overflow-hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { type: "button", onClick: onClose, className: "fc:absolute fc:top-4 fc:right-4 fc:z-10 fc:flex fc:items-center fc:justify-center fc:w-8 fc:h-8 fc:rounded-full fc:text-gray-400 hover:fc:fc:text-gray-600 hover:fc:fc:bg-gray-100 fc:transition", children: "\u2715" }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "fc:p-8 fc:text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "fc:mx-auto fc:mb-4 fc:flex fc:h-14 fc:w-14 fc:items-center fc:justify-center fc:rounded-2xl fc:bg-red-50 fc:border fc:border-red-100 fc:text-red-500 fc:shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "fc:text-2xl", children: "\u26A0\uFE0F" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h3", { className: "fc:text-xl fc:font-bold fc:text-gray-900 fc:tracking-tight fc:mb-2", children: "Delete Configuration" }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("p", { className: "fc:text-sm fc:text-gray-500 fc:leading-relaxed fc:px-2 fc:mb-6", children: [
-        "Are you sure you want to delete",
-        " ",
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "fc:font-semibold fc:text-gray-900 fc:bg-gray-100 fc:px-2 fc:py-0.5 fc:rounded-md", children: [
-          '"',
-          (itemData == null ? void 0 : itemData.workflowTypeName) || (itemData == null ? void 0 : itemData.WorkflowTypeName) || "this item",
-          '"'
+function WorkflowTypeTable({ data = [], isLoading, pageSize, searchQuery = "", currentPage, setCurrentPage, setTotalEntries, onEdit, onDelete }) {
+  const [sortOrder, setSortOrder] = (0, import_react11.useState)("asc");
+  const [sortKey, setSortKey] = (0, import_react11.useState)("workflowTypeId");
+  const handleSort = (columnKey) => {
+    const isAsc = sortKey === columnKey && sortOrder === "asc";
+    setSortOrder(isAsc ? "desc" : "asc");
+    setSortKey(columnKey);
+  };
+  const filteredData = (0, import_react11.useMemo)(() => {
+    const query = searchQuery.toLowerCase();
+    return data.filter((item) => [item.workflowTypeName, item.workflowTypeCode, item.description].some((value) => String(value || "").toLowerCase().includes(query)));
+  }, [data, searchQuery]);
+  const sortedData = (0, import_react11.useMemo)(() => [...filteredData].sort((a, b) => {
+    var _a, _b;
+    const left = (_a = a[sortKey]) != null ? _a : "";
+    const right = (_b = b[sortKey]) != null ? _b : "";
+    if (left < right) return sortOrder === "asc" ? -1 : 1;
+    if (left > right) return sortOrder === "asc" ? 1 : -1;
+    return 0;
+  }), [filteredData, sortKey, sortOrder]);
+  (0, import_react11.useEffect)(() => {
+    setTotalEntries == null ? void 0 : setTotalEntries(filteredData.length);
+  }, [filteredData.length, setTotalEntries]);
+  const totalPages = Math.ceil(sortedData.length / pageSize) || 1;
+  (0, import_react11.useEffect)(() => {
+    if (currentPage > totalPages) setCurrentPage(totalPages);
+  }, [currentPage, setCurrentPage, totalPages]);
+  const startIndex = (currentPage - 1) * pageSize;
+  const visibleData = sortedData.slice(startIndex, startIndex + pageSize);
+  const pageNumbers = Array.from({ length: totalPages }, (_, index) => index + 1);
+  const sortIcon = (key) => sortKey === key ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2";
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "fc:space-y-5", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "fc:w-full fc:overflow-x-hidden fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm fc:max-h-[420px] fc:overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-fixed", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.jsxs)("tr", { className: "fc:text-xs fc:font-bold fc:tracking-wider fc:text-slate-500", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("th", { onClick: () => handleSort("workflowTypeId"), className: "fc:py-3 fc:px-2 fc:text-sm fc:text-center fc:bg-slate-50 fc:cursor-pointer fc:select-none fc:w-[6%]", children: [
+          "ID ",
+          sortIcon("workflowTypeId")
         ] }),
-        "? This action cannot be undone."
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("th", { onClick: () => handleSort("workflowTypeCode"), className: "fc:py-3 fc:px-3 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:w-[16%]", children: [
+          "Code ",
+          sortIcon("workflowTypeCode")
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("th", { onClick: () => handleSort("workflowTypeName"), className: "fc:py-3 fc:px-3 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:w-[20%]", children: [
+          "Name ",
+          sortIcon("workflowTypeName")
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("th", { onClick: () => handleSort("description"), className: "fc:py-3 fc:px-3 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:w-[22%]", children: [
+          "Description ",
+          sortIcon("description")
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", { className: "fc:py-3 fc:px-2 fc:text-sm fc:bg-slate-50 fc:text-center fc:w-[12%]", children: "Status" }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("th", { onClick: () => handleSort("createdOn"), className: "fc:py-3 fc:px-2 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:text-center fc:w-[12%]", children: [
+          "Created On ",
+          sortIcon("createdOn")
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("th", { className: "fc:py-3 fc:px-2 fc:text-sm fc:bg-slate-50 fc:text-center fc:w-[12%]", children: "Action" })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-xs fc:text-slate-600", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { colSpan: "7", className: "fc:py-8 fc:text-center fc:text-sm fc:text-slate-500", children: "Loading..." }) }) : visibleData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { colSpan: "7", className: "fc:py-8 fc:text-center fc:text-sm fc:text-slate-500", children: "No workflow types found." }) }) : visibleData.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "fc:py-3 fc:px-2 fc:text-center fc:text-sm fc:font-medium fc:text-slate-700", children: startIndex + index + 1 }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "fc:py-3 fc:px-3 fc:font-mono fc:text-sm fc:text-slate-700 fc:font-medium fc:break-words", children: item.workflowTypeCode }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "fc:py-3 fc:px-3 fc:font-medium fc:text-slate-700 fc:text-sm fc:break-words", children: item.workflowTypeName }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "fc:py-3 fc:px-3 fc:text-slate-700 fc:text-sm fc:break-words", children: item.description }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "fc:py-3 fc:px-2 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: `fc:px-2 fc:py-1 fc:text-[13px] fc:font-semibold fc:rounded-full fc:inline-block ${item.isActive ? "fc:bg-emerald-100 fc:text-emerald-700 fc:border fc:border-emerald-200" : "fc:bg-rose-100 fc:text-rose-700 fc:border fc:border-rose-200"}`, children: item.isActive ? "Active" : "Inactive" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "fc:py-3 fc:px-2 fc:text-center fc:text-slate-700 fc:text-[13px] fc:font-mono", children: item.createdOn }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("td", { className: "fc:py-3 fc:px-2 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { onClick: () => onEdit == null ? void 0 : onEdit(item), className: "fc:px-3 fc:py-1 fc:bg-blue-100/70 hover:fc:fc:bg-blue-200/80 fc:text-blue-600 fc:font-semibold fc:text-xs fc:rounded-full fc:transition-all fc:duration-150 fc:cursor-pointer", children: "Edit" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { onClick: () => onDelete == null ? void 0 : onDelete(item), className: "fc:px-3 fc:py-1 fc:bg-rose-100/70 hover:fc:fc:bg-rose-200/80 fc:text-rose-600 fc:font-semibold fc:text-xs fc:rounded-full fc:transition-all fc:duration-150 fc:cursor-pointer", children: "Delete" })
+        ] }) })
+      ] }, item.workflowTypeId)) })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.jsx)("button", { onClick: () => setCurrentPage((previous) => Math.max(previous - 1, 1)), disabled: currentPage === 1, className: "fc:px-2 fc:py-1 fc:text-[15px] fc:border fc:border-slate-200 fc:rounded-lg fc:bg-white fc:text-slate-600 fc:shadow-sm fc:transition-all fc:duration-200  fc:hover:bg-blue-600 fc:hover:text-white fc:hover:border-blue-600", children: "\u2039 Prev" }),
+      pageNumbers.map((pageNumber) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { onClick: () => setCurrentPage(pageNumber), className: `fc:px-2 fc:py-1 fc:text-[15px] fc:border fc:border-slate-200 fc:rounded-lg fc:bg-white fc:text-slate-600 fc:shadow-sm fc:transition-all fc:duration-200 fc:hover:bg-blue-600 fc:hover:text-white fc:hover:border-blue-600${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_runtime11.jsx)("button", { onClick: () => setCurrentPage((previous) => Math.min(previous + 1, totalPages)), disabled: currentPage === totalPages, className: "fc:px-2 fc:py-1 fc:text-[15px] fc:border fc:border-slate-200 fc:rounded-lg fc:bg-white fc:text-slate-600 fc:shadow-sm fc:transition-all fc:duration-200  fc:hover:bg-blue-600 fc:hover:text-white fc:hover:border-blue-600", children: "Next \u203A" })
+    ] })
+  ] });
+}
+
+// src/components/workflow-type/AddWorkflowTypeModal.jsx
+var import_react12 = __toESM(require("react"));
+var import_sweetalert2 = __toESM(require("sweetalert2"));
+
+// src/components/Service/ApiEndpointsProvider.js
+var STORAGE_KEY = "FLOWCORE_API_ENDPOINTS";
+var apiEndpoints = null;
+var ApiEndpointsProvider = ({ apiEndpoints: endpoints }) => {
+  if (typeof window !== "undefined" && endpoints) {
+    apiEndpoints = endpoints;
+    sessionStorage.setItem(
+      STORAGE_KEY,
+      JSON.stringify(endpoints)
+    );
+  }
+  return null;
+};
+var getApiEndpoints = () => {
+  if (apiEndpoints) {
+    return apiEndpoints;
+  }
+  if (typeof window !== "undefined") {
+    const data = sessionStorage.getItem(STORAGE_KEY);
+    if (data) {
+      apiEndpoints = JSON.parse(data);
+      return apiEndpoints;
+    }
+  }
+  throw new Error(
+    "Api Endpoints not initialized. Please render <ApiEndpointsProvider apiEndpoints={ApiEndPoints} /> once before using FlowCore."
+  );
+};
+var ApiEndpointsProvider_default = ApiEndpointsProvider;
+
+// src/components/Service/ApiServicepackage.js
+var apiService = null;
+var ApiServicepackage = ({ apiService: service }) => {
+  if (service) {
+    apiService = service;
+  }
+  return null;
+};
+var getApiService = () => {
+  if (apiService) {
+    return apiService;
+  }
+  throw new Error(
+    "ApiService not initialized. Please render <ApiServicepackage apiService={ApiService} /> once before using FlowCore."
+  );
+};
+var ApiServicepackage_default = ApiServicepackage;
+
+// src/components/workflow-type/AddWorkflowTypeModal.jsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var initialFormData = {
+  workflowTypeCode: "",
+  workflowTypeName: "",
+  description: "",
+  createdBy: ""
+};
+var AddWorkflowTypeModal = ({ isOpen, onClose, onSave, createdBy = "" }) => {
+  const [formData, setFormData] = (0, import_react12.useState)(__spreadProps(__spreadValues({}, initialFormData), {
+    createdBy
+  }));
+  const [errors, setErrors] = (0, import_react12.useState)({});
+  const [isSubmitting, setIsSubmitting] = (0, import_react12.useState)(false);
+  const [submitError, setSubmitError] = (0, import_react12.useState)("");
+  const handleChange = ({ target: { name, value } }) => {
+    if (name === "description" && value.length > 500) return;
+    setFormData((previous) => __spreadProps(__spreadValues({}, previous), { [name]: value }));
+    setErrors((previous) => __spreadProps(__spreadValues({}, previous), { [name]: "" }));
+    setSubmitError("");
+  };
+  const validateForm = () => {
+    const nextErrors = {};
+    if (!formData.workflowTypeCode.trim()) nextErrors.workflowTypeCode = "Workflow type code is required";
+    if (!formData.workflowTypeName.trim()) nextErrors.workflowTypeName = "Workflow type name is required";
+    if (!formData.createdBy.trim()) nextErrors.createdBy = "Created by is required";
+    setErrors(nextErrors);
+    return Object.keys(nextErrors).length === 0;
+  };
+  const handleClose = () => {
+    if (!isSubmitting) onClose();
+  };
+  const handleSubmit = async (event) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    event.preventDefault();
+    if (!validateForm()) return;
+    const payload = {
+      workflowTypeCode: formData.workflowTypeCode.trim().toUpperCase(),
+      workflowTypeName: formData.workflowTypeName.trim(),
+      description: formData.description.trim(),
+      createdBy: formData.createdBy.trim()
+    };
+    try {
+      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);
+      await (onSave == null ? void 0 : onSave((_c = response == null ? void 0 : response.data) != null ? _c : response));
+      setFormData(__spreadProps(__spreadValues({}, initialFormData), { createdBy }));
+      setErrors({});
+      onClose();
+    } catch (error) {
+      const message = ((_e = (_d = error == null ? void 0 : error.response) == null ? void 0 : _d.data) == null ? void 0 : _e.message) || ((_g = (_f = error == null ? void 0 : error.response) == null ? void 0 : _f.data) == null ? void 0 : _g.title) || (error == null ? void 0 : error.message) || "Unable to create workflow type. Please try again.";
+      setSubmitError(message);
+      await import_sweetalert2.default.fire("Error", message, "error");
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  if (!isOpen) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:bg-black/20 fc:p-4 fc:backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "fc:w-full fc:max-w-xl fc:overflow-hidden fc:rounded-2xl fc:border fc:border-gray-100 fc:bg-white fc:shadow-2xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:border-b fc:border-gray-100 fc:px-6 fc:py-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { className: "fc:text-xl fc:font-bold fc:text-gray-800", children: "Add Workflow Type" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "fc:text-xs fc:text-gray-400", children: "Create a new workflow type" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { type: "button", onClick: onClose, className: "fc:w-1/2 fc:py-2.5 fc:px-4 fc:text-sm fc:font-semibold fc:text-gray-700 fc:bg-gray-100 hover:fc:fc:bg-gray-200 fc:rounded-xl fc:transition", children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { type: "button", onClick: () => {
-          onConfirm(itemData);
-          onClose();
-        }, className: "fc:w-1/2 fc:py-2.5 fc:px-4 fc:text-sm fc:font-semibold fc:text-white fc:bg-red-600 hover:fc:fc:bg-red-700 fc:rounded-xl fc:shadow-md fc:shadow-red-500/20 fc:transition", children: "Delete" })
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", onClick: handleClose, disabled: isSubmitting, "aria-label": "Close", className: "fc:text-xl fc:text-gray-400 hover:fc:text-gray-600", children: "\xD7" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("form", { onSubmit: handleSubmit, className: "fc:space-y-4 fc:p-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "fc:grid fc:grid-cols-2 fc:gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(FormField, { label: "Workflow Type Code", required: true, error: errors.workflowTypeCode, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("input", { name: "workflowTypeCode", value: formData.workflowTypeCode, onChange: handleChange, placeholder: "e.g. PETITION", className: inputClass(errors.workflowTypeCode) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(FormField, { label: "Workflow Type Name", required: true, error: errors.workflowTypeName, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("input", { name: "workflowTypeName", value: formData.workflowTypeName, onChange: handleChange, placeholder: "Enter workflow type name", className: inputClass(errors.workflowTypeName) }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(FormField, { label: "Created By", required: true, error: errors.createdBy, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("input", { name: "createdBy", value: formData.createdBy, onChange: handleChange, placeholder: "Enter user name or ID", className: inputClass(errors.createdBy) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(FormField, { label: "Description", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "fc:relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("textarea", { name: "description", rows: "3", value: formData.description, onChange: handleChange, placeholder: "Enter description", className: "fc:w-full fc:resize-none fc:rounded-xl fc:border fc:border-slate-200 fc:p-3 fc:text-sm fc:text-slate-700 fc:outline-none focus:fc:border-indigo-500" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "fc:absolute fc:bottom-2 fc:right-3 fc:text-xs fc:text-gray-400", children: [
+          formData.description.length,
+          "/500"
+        ] })
+      ] }) }),
+      submitError && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { role: "alert", className: "fc:rounded-lg fc:bg-red-50 fc:p-3 fc:text-sm fc:text-red-600", children: submitError }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "fc:flex fc:justify-end fc:gap-3 fc:border-t fc:border-gray-100 fc:pt-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", onClick: handleClose, disabled: isSubmitting, className: "fc:rounded-xl fc:bg-gray-100 fc:px-5 fc:py-2.5 fc:text-sm fc:font-medium fc:text-gray-600 disabled:fc:cursor-not-allowed", children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "submit", disabled: isSubmitting, className: "fc:flex fc:min-w-32 fc:justify-center fc:rounded-xl fc:bg-[#2563eb] fc:px-6 fc:py-2.5 fc:text-sm fc:font-semibold fc:text-white disabled:fc:cursor-not-allowed disabled:fc:opacity-60", children: isSubmitting ? "Saving..." : "Save Workflow Type" })
       ] })
     ] })
   ] }) });
 };
-var DeleteWorkflowType_default = DeleteWorkflowType;
+var inputClass = (hasError) => `fc:w-full fc:rounded-xl fc:border fc:bg-white fc:p-3 fc:text-sm fc:text-slate-700 fc:outline-none focus:fc:border-indigo-500 ${hasError ? "fc:border-red-500" : "fc:border-slate-200"}`;
+var FormField = ({ label, required, error, children }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700", children: [
+  label,
+  " ",
+  required && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "fc:text-red-500", children: "*" }),
+  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "fc:mt-1.5", children }),
+  error && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "fc:mt-1 fc:block fc:text-xs fc:text-red-500", children: error })
+] });
+var AddWorkflowTypeModal_default = AddWorkflowTypeModal;
 
 // src/components/workflow-type/EditWorkflowType.jsx
-var import_react12 = __toESM(require("react"));
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_react13 = __toESM(require("react"));
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var EditWorkflowType = ({
   isOpen,
   onClose,
   onSave,
   selectedData
 }) => {
-  const [formData, setFormData] = (0, import_react12.useState)({
+  const [formData, setFormData] = (0, import_react13.useState)({
     workflowTypeCode: "",
     workflowTypeName: "",
     description: "",
     isActive: true
   });
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     var _a, _b;
     if (selectedData) {
       setFormData({
@@ -1169,617 +1364,220 @@ var EditWorkflowType = ({
       [name]: type === "checkbox" ? checked : value
     }));
   };
-  const handleSubmit = (e) => {
+  const handleSubmit = async (e) => {
     e.preventDefault();
-    onSave(__spreadValues(__spreadValues({}, selectedData), formData));
-    onClose();
+    const wasSaved = await (onSave == null ? void 0 : onSave(__spreadValues(__spreadValues({}, selectedData), formData)));
+    if (wasSaved) onClose();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime12.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 fc:p-4 fc:animate-in fc:fade-in fc:duration-200", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "fc:relative fc:w-full fc:max-w-md fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:border fc:border-gray-100 fc:overflow-hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:px-6 fc:py-4 fc:border-b fc:border-gray-100", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "fc:text-lg fc:font-bold fc:text-gray-900", children: "Edit Workflow Type" }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { onClick: onClose, className: "fc:text-gray-400 hover:fc:fc:text-gray-600 fc:w-8 fc:h-8 fc:rounded-full fc:flex fc:items-center fc:justify-center fc:transition", children: "\u2715" })
+  return /* @__PURE__ */ (0, import_jsx_runtime13.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 fc:p-4 fc:animate-in fc:fade-in fc:duration-200", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "fc:relative fc:w-full fc:max-w-md fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:border fc:border-gray-100 fc:overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:px-6 fc:py-4 fc:border-b fc:border-gray-100", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h3", { className: "fc:text-lg fc:font-bold fc:text-gray-900", children: "Edit Workflow Type" }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { onClick: onClose, className: "fc:text-gray-400 hover:fc:fc:text-gray-600 fc:w-8 fc:h-8 fc:rounded-full fc:flex fc:items-center fc:justify-center fc:transition", children: "\u2715" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("form", { onSubmit: handleSubmit, className: "fc:p-6 fc:space-y-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:uppercase fc:tracking-wider fc:mb-1", children: "Workflow Type Code" }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("input", { type: "text", name: "workflowTypeCode", value: formData.workflowTypeCode, onChange: handleChange, className: "fc:w-full fc:rounded-xl fc:border fc:border-gray-200 fc:bg-gray-50 fc:px-3.5 fc:py-2 fc:text-sm fc:text-gray-900 focus:fc:fc:bg-white focus:fc:fc:border-blue-500 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/20 fc:transition", required: true })
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("form", { onSubmit: handleSubmit, className: "fc:p-6 fc:space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:uppercase fc:tracking-wider fc:mb-1", children: "Workflow Type Code" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("input", { type: "text", name: "workflowTypeCode", value: formData.workflowTypeCode, onChange: handleChange, className: "fc:w-full fc:rounded-xl fc:border fc:border-gray-200 fc:bg-gray-50 fc:px-3.5 fc:py-2 fc:text-sm fc:text-gray-900 focus:fc:fc:bg-white focus:fc:fc:border-blue-500 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/20 fc:transition", required: true })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:uppercase fc:tracking-wider fc:mb-1", children: "Workflow Type Name" }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("input", { type: "text", name: "workflowTypeName", value: formData.workflowTypeName, onChange: handleChange, className: "fc:w-full fc:rounded-xl fc:border fc:border-gray-200 fc:bg-gray-50 fc:px-3.5 fc:py-2 fc:text-sm fc:text-gray-900 focus:fc:fc:bg-white focus:fc:fc:border-blue-500 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/20 fc:transition", required: true })
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:uppercase fc:tracking-wider fc:mb-1", children: "Workflow Type Name" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("input", { type: "text", name: "workflowTypeName", value: formData.workflowTypeName, onChange: handleChange, className: "fc:w-full fc:rounded-xl fc:border fc:border-gray-200 fc:bg-gray-50 fc:px-3.5 fc:py-2 fc:text-sm fc:text-gray-900 focus:fc:fc:bg-white focus:fc:fc:border-blue-500 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/20 fc:transition", required: true })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:uppercase fc:tracking-wider fc:mb-1", children: "Description" }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("textarea", { name: "description", value: formData.description, onChange: handleChange, rows: "3", className: "fc:w-full fc:rounded-xl fc:border fc:border-gray-200 fc:bg-gray-50 fc:px-3.5 fc:py-2 fc:text-sm fc:text-gray-900 focus:fc:fc:bg-white focus:fc:fc:border-blue-500 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/20 fc:transition fc:resize-none" })
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:uppercase fc:tracking-wider fc:mb-1", children: "Description" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("textarea", { name: "description", value: formData.description, onChange: handleChange, rows: "3", className: "fc:w-full fc:rounded-xl fc:border fc:border-gray-200 fc:bg-gray-50 fc:px-3.5 fc:py-2 fc:text-sm fc:text-gray-900 focus:fc:fc:bg-white focus:fc:fc:border-blue-500 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/20 fc:transition fc:resize-none" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "fc:flex fc:items-center fc:pt-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("input", { type: "checkbox", id: "isActive", name: "isActive", checked: formData.isActive, onChange: handleChange, className: "fc:h-4 fc:w-4 fc:rounded fc:border-gray-300 fc:text-blue-600 focus:fc:fc:ring-blue-500 fc:cursor-pointer" }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("label", { htmlFor: "isActive", className: "fc:ml-2 fc:text-sm fc:font-medium fc:text-gray-700 fc:cursor-pointer", children: "Is Active" })
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "fc:flex fc:items-center fc:pt-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("input", { type: "checkbox", id: "isActive", name: "isActive", checked: formData.isActive, onChange: handleChange, className: "fc:h-4 fc:w-4 fc:rounded fc:border-gray-300 fc:text-blue-600 focus:fc:fc:ring-blue-500 fc:cursor-pointer" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", { htmlFor: "isActive", className: "fc:ml-2 fc:text-sm fc:font-medium fc:text-gray-700 fc:cursor-pointer", children: "Is Active" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-end fc:gap-3 fc:pt-4 fc:border-t fc:border-gray-100", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", onClick: onClose, className: "fc:py-2 fc:px-4 fc:text-sm fc:font-semibold fc:text-gray-700 fc:bg-gray-100 hover:fc:fc:bg-gray-200 fc:rounded-xl fc:transition", children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "submit", className: "fc:py-2 fc:px-5 fc:text-sm fc:font-semibold fc:text-white fc:bg-blue-600 hover:fc:fc:bg-blue-700 fc:rounded-xl fc:shadow-md fc:shadow-blue-500/20 fc:transition", children: "Update" })
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-end fc:gap-3 fc:pt-4 fc:border-t fc:border-gray-100", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "button", onClick: onClose, className: "fc:py-2 fc:px-4 fc:text-sm fc:font-semibold fc:text-gray-700 fc:bg-gray-100 hover:fc:fc:bg-gray-200 fc:rounded-xl fc:transition", children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { type: "submit", className: "fc:py-2 fc:px-5 fc:text-sm fc:font-semibold fc:text-white fc:bg-blue-600 hover:fc:fc:bg-blue-700 fc:rounded-xl fc:shadow-md fc:shadow-blue-500/20 fc:transition", children: "Update" })
       ] })
     ] })
   ] }) });
 };
 var EditWorkflowType_default = EditWorkflowType;
 
-// src/components/workflow-type/WorkflowTypeTable.jsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-function WorkflowTypeTable({
-  pageSize,
-  searchQuery = "",
-  currentPage,
-  setCurrentPage,
-  setTotalEntries
-}) {
-  const initialData = [{
-    workflowTypeId: 1,
-    workflowTypeCode: "PETITION",
-    workflowTypeName: "Citizen Petition",
-    description: "Petition workflow for citizens",
-    isActive: true,
-    createdOn: "2026-01-01",
-    createdBy: "1",
-    updatedOn: "2026-01-05",
-    updatedBy: "Admin"
-  }, {
-    workflowTypeId: 2,
-    workflowTypeCode: "BUILDING",
-    workflowTypeName: "Building Permission",
-    description: "Building approval process",
-    isActive: true,
-    createdOn: "2026-01-01",
-    createdBy: "1",
-    updatedOn: "2026-01-06",
-    updatedBy: "Admin"
-  }, {
-    workflowTypeId: 3,
-    workflowTypeCode: "LEAVE",
-    workflowTypeName: "Leave Application",
-    description: "Employee leave management",
-    isActive: true,
-    createdOn: "2026-01-02",
-    createdBy: "2",
-    updatedOn: "2026-01-07",
-    updatedBy: "HR"
-  }, {
-    workflowTypeId: 4,
-    workflowTypeCode: "GRIEVANCE",
-    workflowTypeName: "Grievance Redressal",
-    description: "Public grievance workflow",
-    isActive: false,
-    createdOn: "2026-01-03",
-    createdBy: "1",
-    updatedOn: "2026-01-08",
-    updatedBy: "Admin"
-  }, {
-    workflowTypeId: 5,
-    workflowTypeCode: "TRADE",
-    workflowTypeName: "Trade License",
-    description: "Trade license issuance",
-    isActive: true,
-    createdOn: "2026-01-04",
-    createdBy: "3",
-    updatedOn: "2026-01-09",
-    updatedBy: "Manager"
-  }, {
-    workflowTypeId: 6,
-    workflowTypeCode: "DOC_VERIFY",
-    workflowTypeName: "Document Verification",
-    description: "Verification of identity documents",
-    isActive: true,
-    createdOn: "2026-01-05",
-    createdBy: "2",
-    updatedOn: "2026-01-10",
-    updatedBy: "Admin"
-  }, {
-    workflowTypeId: 7,
-    workflowTypeCode: "WATER_CONN",
-    workflowTypeName: "Water Connection Approval",
-    description: "New water connection requests",
-    isActive: true,
-    createdOn: "2026-01-05",
-    createdBy: "1",
-    updatedOn: "2026-01-11",
-    updatedBy: "Admin"
-  }, {
-    workflowTypeId: 8,
-    workflowTypeCode: "TAX_ASSESS",
-    workflowTypeName: "Property Tax Assessment",
-    description: "Annual property tax assessment",
-    isActive: false,
-    createdOn: "2026-01-06",
-    createdBy: "4",
-    updatedOn: "2026-01-12",
-    updatedBy: "Officer"
-  }, {
-    workflowTypeId: 9,
-    workflowTypeCode: "VENDOR_REG",
-    workflowTypeName: "Vendor Registration",
-    description: "Registration of new suppliers",
-    isActive: true,
-    createdOn: "2026-01-07",
-    createdBy: "3",
-    updatedOn: "2026-01-13",
-    updatedBy: "Manager"
-  }, {
-    workflowTypeId: 10,
-    workflowTypeCode: "BIRTH_CERT",
-    workflowTypeName: "Birth Certificate Request",
-    description: "Issuance of birth certificate",
-    isActive: true,
-    createdOn: "2026-01-08",
-    createdBy: "1",
-    updatedOn: "2026-01-14",
-    updatedBy: "Admin"
-  }, {
-    workflowTypeId: 11,
-    workflowTypeCode: "DEATH_CERT",
-    workflowTypeName: "Death Certificate Request",
-    description: "Issuance of death certificate",
-    isActive: true,
-    createdOn: "2026-01-08",
-    createdBy: "1",
-    updatedOn: "2026-01-15",
-    updatedBy: "Admin"
-  }, {
-    workflowTypeId: 12,
-    workflowTypeCode: "ROAD_REPAIR",
-    workflowTypeName: "Road Repair Request",
-    description: "PWD road maintenance flow",
-    isActive: true,
-    createdOn: "2026-01-09",
-    createdBy: "5",
-    updatedOn: "2026-01-16",
-    updatedBy: "Engineer"
-  }, {
-    workflowTypeId: 13,
-    workflowTypeCode: "WASTE_MGMT",
-    workflowTypeName: "Waste Collection Issue",
-    description: "Sanitation complaint tracking",
-    isActive: false,
-    createdOn: "2026-01-10",
-    createdBy: "2",
-    updatedOn: "2026-01-17",
-    updatedBy: "Officer"
-  }, {
-    workflowTypeId: 14,
-    workflowTypeCode: "FIRE_NOC",
-    workflowTypeName: "Fire NOC Approval",
-    description: "Safety clearance certificate",
-    isActive: true,
-    createdOn: "2026-01-11",
-    createdBy: "1",
-    updatedOn: "2026-01-18",
-    updatedBy: "Admin"
-  }, {
-    workflowTypeId: 15,
-    workflowTypeCode: "HEALTH_LIC",
-    workflowTypeName: "Health License Approval",
-    description: "Commercial health license",
-    isActive: true,
-    createdOn: "2026-01-12",
-    createdBy: "3",
-    updatedOn: "2026-01-19",
-    updatedBy: "Manager"
-  }, {
-    workflowTypeId: 16,
-    workflowTypeCode: "ADV_PERMIT",
-    workflowTypeName: "Advertisement Board Perm",
-    description: "Hoarding and billboard permit",
-    isActive: true,
-    createdOn: "2026-01-13",
-    createdBy: "4",
-    updatedOn: "2026-01-20",
-    updatedBy: "Officer"
-  }, {
-    workflowTypeId: 17,
-    workflowTypeCode: "MARRIAGE_REG",
-    workflowTypeName: "Marriage Registration",
-    description: "Legal marriage certificate flow",
-    isActive: true,
-    createdOn: "2026-01-14",
-    createdBy: "1",
-    updatedOn: "2026-01-21",
-    updatedBy: "Admin"
-  }, {
-    workflowTypeId: 18,
-    workflowTypeCode: "RTI_APP",
-    workflowTypeName: "RTI Application Flow",
-    description: "Right to information processing",
-    isActive: true,
-    createdOn: "2026-01-15",
-    createdBy: "2",
-    updatedOn: "2026-01-22",
-    updatedBy: "Officer"
-  }, {
-    workflowTypeId: 19,
-    workflowTypeCode: "CONTRACTOR",
-    workflowTypeName: "Contractor Empanelment",
-    description: "Procurement contractor onboarding",
-    isActive: true,
-    createdOn: "2026-01-16",
-    createdBy: "3",
-    updatedOn: "2026-01-23",
-    updatedBy: "Manager"
-  }, {
-    workflowTypeId: 20,
-    workflowTypeCode: "STREET_LIGHT",
-    workflowTypeName: "Streetlight Maintenance",
-    description: "Electrical infrastructure issue",
-    isActive: true,
-    createdOn: "2026-01-17",
-    createdBy: "5",
-    updatedOn: "2026-01-24",
-    updatedBy: "Engineer"
-  }, {
-    workflowTypeId: 21,
-    workflowTypeCode: "PARK_BOOKING",
-    workflowTypeName: "Park Booking Approval",
-    description: "Public event park reservation",
-    isActive: false,
-    createdOn: "2026-01-18",
-    createdBy: "2",
-    updatedOn: "2026-01-25",
-    updatedBy: "Admin"
-  }, {
-    workflowTypeId: 22,
-    workflowTypeCode: "DRAINAGE",
-    workflowTypeName: "Drainage Issue Escalation",
-    description: "Sewerage maintenance request",
-    isActive: true,
-    createdOn: "2026-01-19",
-    createdBy: "5",
-    updatedOn: "2026-01-26",
-    updatedBy: "Engineer"
-  }, {
-    workflowTypeId: 23,
-    workflowTypeCode: "COMM_HALL",
-    workflowTypeName: "Community Hall Booking",
-    description: "Civic facility reservation",
-    isActive: true,
-    createdOn: "2026-01-20",
-    createdBy: "1",
-    updatedOn: "2026-01-27",
-    updatedBy: "Admin"
-  }, {
-    workflowTypeId: 24,
-    workflowTypeCode: "SEISMIC_CLR",
-    workflowTypeName: "Seismic Clearance Flow",
-    description: "Environmental safety check",
-    isActive: false,
-    createdOn: "2026-01-21",
-    createdBy: "4",
-    updatedOn: "2026-01-28",
-    updatedBy: "Officer"
-  }, {
-    workflowTypeId: 25,
-    workflowTypeCode: "TREE_CUTTING",
-    workflowTypeName: "Tree Cutting Permission",
-    description: "Greenery regulation permit",
-    isActive: true,
-    createdOn: "2026-01-22",
-    createdBy: "2",
-    updatedOn: "2026-01-29",
-    updatedBy: "Officer"
-  }];
-  const [data, setData] = (0, import_react13.useState)(initialData);
-  const [sortOrder, setSortOrder] = (0, import_react13.useState)("asc");
-  const [sortKey, setSortKey] = (0, import_react13.useState)("workflowTypeId");
-  const [selectedItem, setSelectedItem] = (0, import_react13.useState)(null);
-  const [isEditOpen, setIsEditOpen] = (0, import_react13.useState)(false);
-  const [isDeleteOpen, setIsDeleteOpen] = (0, import_react13.useState)(false);
-  const handleSort = (columnKey) => {
-    const isAsc = sortKey === columnKey && sortOrder === "asc";
-    setSortOrder(isAsc ? "desc" : "asc");
-    setSortKey(columnKey);
-    const sortedData = [...data].sort((a, b) => {
-      if (a[columnKey] < b[columnKey]) return isAsc ? -1 : 1;
-      if (a[columnKey] > b[columnKey]) return isAsc ? 1 : -1;
-      return 0;
-    });
-    setData(sortedData);
-  };
-  const filteredData = data.filter((item) => {
-    const query = (searchQuery || "").toLowerCase();
-    return item.workflowTypeName.toLowerCase().includes(query) || item.workflowTypeCode.toLowerCase().includes(query) || item.description.toLowerCase().includes(query);
-  });
-  (0, import_react13.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 handleEdit = (item) => {
-    setSelectedItem(item);
-    setIsEditOpen(true);
-  };
-  const handleDelete = (item) => {
-    setSelectedItem(item);
-    setIsDeleteOpen(false);
-    setIsDeleteOpen(true);
-  };
-  const handleConfirmDelete = (itemToDelete) => {
-    setData((prevData) => prevData.filter((i) => i.workflowTypeId !== itemToDelete.workflowTypeId));
-  };
-  const handleSaveEdit = (updatedItem) => {
-    setData((prevData) => prevData.map((item) => item.workflowTypeId === updatedItem.workflowTypeId ? updatedItem : item));
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "fc:space-y-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "fc:w-full fc:overflow-x-hidden fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm fc:max-h-[420px] fc:overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-fixed", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.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_runtime13.jsxs)("tr", { className: "fc:text-xs fc:font-bold fc:tracking-wider fc:text-slate-500", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("th", { onClick: () => handleSort("workflowTypeId"), className: "fc:py-3 fc:px-2 fc:text-sm fc:text-center fc:bg-slate-50 fc:cursor-pointer fc:select-none fc:w-[6%]", children: [
-          "ID ",
-          sortKey === "workflowTypeId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("th", { onClick: () => handleSort("workflowTypeCode"), className: "fc:py-3 fc:px-3 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:w-[16%]", children: [
-          "Code ",
-          sortKey === "workflowTypeCode" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("th", { onClick: () => handleSort("workflowTypeName"), className: "fc:py-3 fc:px-3 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:w-[20%]", children: [
-          "Name ",
-          sortKey === "workflowTypeName" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("th", { onClick: () => handleSort("description"), className: "fc:py-3 fc:px-3 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:w-[22%]", children: [
-          "Description ",
-          sortKey === "description" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("th", { className: "fc:py-3 fc:px-2 fc:text-sm fc:bg-slate-50 fc:text-center fc:w-[12%]", children: "Status" }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("th", { onClick: () => handleSort("createdOn"), className: "fc:py-3 fc:px-2 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:text-center fc:w-[12%]", children: [
-          "Created On ",
-          sortKey === "createdOn" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("th", { className: "fc:py-3 fc:px-2 fc:text-sm fc:bg-slate-50 fc:text-center fc:w-[12%]", children: "Action" })
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-xs fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "fc:py-3 fc:px-2 fc:text-center fc:text-sm fc:font-medium fc:text-slate-700", children: startIndex + index + 1 }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "fc:py-3 fc:px-3 fc:font-mono fc:text-sm fc:text-slate-700 fc:font-medium fc:break-words", children: item.workflowTypeCode }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "fc:py-3 fc:px-3 fc:font-medium fc:text-slate-700 fc:text-sm fc:break-words", children: item.workflowTypeName }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "fc:py-3 fc:px-3 fc:text-slate-700 fc:text-sm fc:break-words", children: item.description }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "fc:py-3 fc:px-2 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: `fc:px-2 fc:py-1 fc:text-[13px] fc:font-semibold fc:rounded-full fc:inline-block ${item.isActive ? "fc:bg-emerald-100 fc:text-emerald-700 fc:border fc:border-emerald-200" : "fc:bg-rose-100 fc:text-rose-700 fc:border fc:border-rose-200"}`, children: item.isActive ? "Active" : "Inactive" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "fc:py-3 fc:px-2 fc:text-center fc:text-slate-700 fc:text-[13px] fc:font-mono", children: item.createdOn }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("td", { className: "fc:py-3 fc:px-2 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { onClick: () => handleEdit(item), className: "fc:px-3 fc:py-1 fc:bg-blue-100/70 hover:fc:fc:bg-blue-200/80 fc:text-blue-600 fc:font-semibold fc:text-xs fc:rounded-full fc:transition-all fc:duration-150 fc:cursor-pointer", children: "Edit" }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { onClick: () => handleDelete(item), className: "fc:px-3 fc:py-1 fc:bg-rose-100/70 hover:fc:fc:bg-rose-200/80 fc:text-rose-600 fc:font-semibold fc:text-xs fc:rounded-full fc:transition-all fc:duration-150 fc:cursor-pointer", children: "Delete" })
-        ] }) })
-      ] }, item.workflowTypeId)) })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.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_runtime13.jsx)("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), disabled: currentPage === 1, className: "fc:px-2 fc:py-1 fc:text-[15px] fc:border fc:border-slate-200 fc:rounded-lg fc:bg-white fc:text-slate-600 fc:shadow-sm fc:transition-all fc:duration-200  fc:hover:bg-blue-600 fc:hover:text-white fc:hover:border-blue-600", children: "\u2039 Prev" }),
-      pageNumbers.map((pageNumber) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("button", { onClick: () => setCurrentPage(pageNumber), className: `fc:px-2 fc:py-1 fc:text-[15px] fc:border fc:border-slate-200 fc:rounded-lg fc:bg-white fc:text-slate-600 fc:shadow-sm fc:transition-all fc:duration-200  fc:hover:bg-blue-600 fc:hover:text-white fc:hover:border-blue-600${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_runtime13.jsx)("button", { onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)), disabled: currentPage === totalPages, className: "fc:px-2 fc:py-1 fc:text-[15px] fc:border fc:border-slate-200 fc:rounded-lg fc:bg-white fc:text-slate-600 fc:shadow-sm fc:transition-all fc:duration-200  fc:hover:bg-blue-600 fc:hover:text-white fc:hover:border-blue-600", children: "Next \u203A" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(EditWorkflowType_default, { isOpen: isEditOpen, onClose: () => setIsEditOpen(false), selectedData: selectedItem, onSave: handleSaveEdit }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DeleteWorkflowType_default, { isOpen: isDeleteOpen, onClose: () => setIsDeleteOpen(false), itemData: selectedItem, onConfirm: handleConfirmDelete })
-  ] });
-}
-
-// src/components/workflow-type/AddWorkflowTypeModal.jsx
+// src/components/workflow-type/DeleteWorkflowType.jsx
 var import_react14 = __toESM(require("react"));
 var import_jsx_runtime14 = require("react/jsx-runtime");
-var AddWorkflowTypeModal = ({
+var DeleteWorkflowType = ({
   isOpen,
   onClose,
-  onSave
+  onConfirm,
+  itemData
 }) => {
-  const [formData, setFormData] = (0, import_react14.useState)({
-    workflowTypeId: "",
-    workflowCode: "",
-    workflowName: "",
-    version: 1,
-    isPublished: "No",
-    description: "",
-    isActive: true
-  });
-  const [workflowTypeOptions, setWorkflowTypeOptions] = (0, import_react14.useState)([]);
-  const [errors, setErrors] = (0, import_react14.useState)({});
-  (0, import_react14.useEffect)(() => {
-    const options = [{
-      workflowTypeId: 1,
-      workflowTypeName: "Citizen Petition",
-      workflowTypeCode: "PETITION"
-    }, {
-      workflowTypeId: 2,
-      workflowTypeName: "Building Permission",
-      workflowTypeCode: "BUILDING"
-    }, {
-      workflowTypeId: 3,
-      workflowTypeName: "Leave Application",
-      workflowTypeCode: "LEAVE"
-    }];
-    setWorkflowTypeOptions(options);
-  }, []);
-  const handleChange = (e) => {
-    const {
-      name,
-      value,
-      type,
-      checked
-    } = e.target;
-    if (name === "description" && value.length > 500) return;
-    setFormData((prev) => __spreadProps(__spreadValues({}, prev), {
-      [name]: type === "checkbox" ? checked : value
-    }));
-    if (errors[name]) {
-      setErrors((prev) => __spreadProps(__spreadValues({}, prev), {
-        [name]: ""
-      }));
-    }
-  };
-  const validateForm = () => {
-    let newErrors = {};
-    if (!formData.workflowTypeId) newErrors.workflowTypeId = "Workflow Type is required";
-    if (!formData.workflowCode.trim()) newErrors.workflowCode = "Workflow Code is required";
-    if (!formData.workflowName.trim()) newErrors.workflowName = "Workflow Name is required";
-    setErrors(newErrors);
-    return Object.keys(newErrors).length === 0;
-  };
-  const handleSubmit = (e) => {
-    e.preventDefault();
-    if (!validateForm()) return;
-    const payload = {
-      workflowTypeId: parseInt(formData.workflowTypeId, 10),
-      workflowCode: formData.workflowCode.toUpperCase().trim(),
-      workflowName: formData.workflowName.trim(),
-      version: parseInt(formData.version, 10),
-      isPublished: formData.isPublished === "Yes",
-      isActive: formData.isActive,
-      description: formData.description.trim()
-    };
-    onSave(payload);
-    handleReset();
-    onClose();
-  };
-  const handleReset = () => {
-    setFormData({
-      workflowTypeId: "",
-      workflowCode: "",
-      workflowName: "",
-      version: 1,
-      isPublished: "No",
-      description: "",
-      isActive: true
-    });
-    setErrors({});
-  };
   if (!isOpen) return null;
-  return (
-    /* Completely Light Overlay (No Pitch Black Backdrop) */
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:bg-black/20 fc:p-4 fc:backdrop-blur-sm", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:bg-white fc:rounded-2xl fc:shadow-2xl fc:border fc:border-gray-100 fc:w-full fc:max-w-3xl fc:max-h-[80vh] fc:overflow-hidden fc:transition-all", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-6 fc:py-3 fc:border-b fc:border-gray-100", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "fc:w-10 fc:h-10 fc:rounded-xl fc:bg-blue-50 fc:text-[#2563eb] fc:flex fc:items-center fc:justify-center fc:font-bold", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { className: "fc:w-5 fc:h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", 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_runtime14.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h2", { className: "fc:text-xl fc:font-bold fc:text-gray-800", children: "Add Workflow" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "fc:text-xs fc:text-gray-400", children: "Create a new workflow and configure its details" })
-          ] })
+  return /* @__PURE__ */ (0, import_jsx_runtime14.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 fc:p-4 fc:animate-in fc:fade-in fc:duration-200", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:relative fc:w-full fc:max-w-md fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:border fc:border-gray-100 fc:overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", onClick: onClose, className: "fc:absolute fc:top-4 fc:right-4 fc:z-10 fc:flex fc:items-center fc:justify-center fc:w-8 fc:h-8 fc:rounded-full fc:text-gray-400 hover:fc:fc:text-gray-600 hover:fc:fc:bg-gray-100 fc:transition", children: "\u2715" }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:p-8 fc:text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "fc:mx-auto fc:mb-4 fc:flex fc:h-14 fc:w-14 fc:items-center fc:justify-center fc:rounded-2xl fc:bg-red-50 fc:border fc:border-red-100 fc:text-red-500 fc:shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fc:text-2xl", children: "\u26A0\uFE0F" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h3", { className: "fc:text-xl fc:font-bold fc:text-gray-900 fc:tracking-tight fc:mb-2", children: "Delete Configuration" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("p", { className: "fc:text-sm fc:text-gray-500 fc:leading-relaxed fc:px-2 fc:mb-6", children: [
+        "Are you sure you want to delete",
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "fc:font-semibold fc:text-gray-900 fc:bg-gray-100 fc:px-2 fc:py-0.5 fc:rounded-md", children: [
+          '"',
+          (itemData == null ? void 0 : itemData.workflowTypeName) || (itemData == null ? void 0 : itemData.WorkflowTypeName) || "this item",
+          '"'
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { onClick: onClose, className: "fc:text-gray-400 hover:fc:fc:text-gray-600 fc:transition fc:text-xl fc:font-medium", children: "\u2715" })
+        "? This action cannot be undone."
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("form", { onSubmit: handleSubmit, className: "fc:p-4 fc:space-y-3 fc:overflow-y-auto fc:max-h-[70vh]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:bg-gray-50/70 fc:rounded-xl fc:p-5 fc:border fc:border-gray-100", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("h3", { className: "fc:text-sm fc:font-semibold fc:text-[#2563eb] fc:mb-4 fc:flex fc:items-center fc:gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "\u{1F4CB}" }),
-            " Workflow Information"
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:grid fc:grid-cols-2 fc:gap-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
-                "Workflow Type ",
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fc:text-red-500", children: "*" })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("select", { name: "workflowTypeId", value: formData.workflowTypeId, onChange: handleChange, className: `fc:w-full fc:border fc:p-2.5 fc:pl-9 fc:rounded-xl fc:text-xs fc:bg-white fc:focus:outline-none fc:focus:ring-2 fc:focus:ring-indigo-500/10 fc:focus:border-indigo-500 ${errors.workflowTypeId ? "fc:border-red-500" : "fc:border-slate-200 fc:text-slate-700"}`, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "", children: "Select workflow type" }),
-                workflowTypeOptions.map((item) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: item.workflowTypeId, children: item.workflowTypeName }, item.workflowTypeId))
-              ] }),
-              errors.workflowTypeId && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fc:text-xs fc:text-red-500", children: errors.workflowTypeId })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
-                "Workflow Code ",
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fc:text-red-500", children: "*" })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("input", { type: "text", name: "workflowCode", placeholder: "Enter workflow code", value: formData.workflowCode, onChange: handleChange, className: `fc:w-full fc:border fc:p-2.5 fc:pl-9 fc:rounded-xl fc:text-xs fc:bg-white fc:focus:outline-none fc:focus:ring-2 fc:focus:ring-indigo-500/10 fc:focus:border-indigo-500 ${errors.workflowCode ? "fc:border-red-500" : "fc:border-slate-200 fc:text-slate-700"}` }),
-              errors.workflowCode && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fc:text-xs fc:text-red-500", children: errors.workflowCode })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:col-span-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
-                "Workflow Name ",
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fc:text-red-500", children: "*" })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("input", { type: "text", name: "workflowName", placeholder: "Enter workflow name", value: formData.workflowName, onChange: handleChange, className: `fc:w-full fc:border fc:p-2.5 fc:pl-9 fc:rounded-xl fc:text-xs fc:bg-white fc:focus:outline-none fc:focus:ring-2 fc:focus:ring-indigo-500/10 fc:focus:border-indigo-500 ${errors.workflowName ? "fc:border-red-500" : "fc:border-slate-200 fc:text-slate-700"}` }),
-              errors.workflowName && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fc:text-xs fc:text-red-500", children: errors.workflowName })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
-                "Version ",
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fc:text-red-500", children: "*" })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("input", { type: "number", name: "version", value: formData.version, onChange: handleChange, className: "fc:w-full fc:border fc:p-2.5 fc:pl-9 fc:rounded-xl fc:text-xs fc:bg-white fc:focus:outline-none fc:focus:ring-2 fc:focus:ring-indigo-500/10 fc:focus:border-indigo-500 fc:border-slate-200 fc:text-slate-700", readOnly: true })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
-                "Published ",
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "fc:text-red-500", children: "*" })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("select", { name: "isPublished", value: formData.isPublished, onChange: handleChange, className: "fc:w-full fc:border fc:p-2.5 fc:pl-9 fc:rounded-xl fc:text-xs fc:bg-white fc:focus:outline-none fc:focus:ring-2 fc:focus:ring-indigo-500/10 fc:focus:border-indigo-500 fc:border-slate-200 fc:text-slate-700", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "No", children: "No" }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "Yes", children: "Yes" })
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:col-span-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:mb-1.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700", children: "Description" }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "fc:text-[11px] fc:text-gray-400", children: [
-                  formData.description.length,
-                  " / 500"
-                ] })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("textarea", { name: "description", rows: "3", placeholder: "Enter detailed description...", value: formData.description, onChange: handleChange, className: "fc:w-full fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:border-gray-200 fc:rounded-lg focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/20 focus:fc:fc:border-[#2563eb] fc:outline-none fc:resize-none fc:transition" })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:flex fc:justify-end fc:items-center fc:gap-3 fc:pt-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", onClick: onClose, className: "fc:px-5 fc:py-2.5 fc:text-sm fc:font-medium fc:text-gray-600 fc:bg-gray-100 hover:fc:fc:bg-gray-200 fc:rounded-xl fc:transition", children: "\u2715 Cancel" }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "submit", className: "fc:px-6 fc:py-2.5 fc:text-sm fc:font-semibold fc:text-white fc:bg-[#2563eb] hover:fc:fc:bg-[#1d4ed8] active:fc:fc:scale-95 fc:rounded-xl fc:shadow-md fc:transition-all fc:flex fc:items-center fc:gap-2", children: "Save Workflow" })
-        ] })
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", onClick: onClose, className: "fc:w-1/2 fc:py-2.5 fc:px-4 fc:text-sm fc:font-semibold fc:text-gray-700 fc:bg-gray-100 hover:fc:fc:bg-gray-200 fc:rounded-xl fc:transition", children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("button", { type: "button", onClick: () => {
+          onConfirm(itemData);
+        }, className: "fc:w-1/2 fc:py-2.5 fc:px-4 fc:text-sm fc:font-semibold fc:text-white fc:bg-red-600 hover:fc:fc:bg-red-700 fc:rounded-xl fc:shadow-md fc:shadow-red-500/20 fc:transition", children: "Delete" })
       ] })
-    ] }) })
-  );
+    ] })
+  ] }) });
 };
-var AddWorkflowTypeModal_default = AddWorkflowTypeModal;
+var DeleteWorkflowType_default = DeleteWorkflowType;
 
 // src/components/workflow-type/WorkflowTypeMains.js
 var import_jsx_runtime15 = require("react/jsx-runtime");
+var getErrorMessage = (error, fallback) => {
+  var _a, _b, _c, _d;
+  return ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || ((_d = (_c = error == null ? void 0 : error.response) == null ? void 0 : _c.data) == null ? void 0 : _d.title) || (error == null ? void 0 : error.message) || fallback;
+};
+var getResponseData = (response) => {
+  var _a;
+  return (_a = response == null ? void 0 : response.data) != null ? _a : response;
+};
+var getWorkflowTypes = (response) => {
+  const result = getResponseData(response);
+  const payload = Array.isArray(result) ? result : (result == null ? void 0 : result.data) || (result == null ? void 0 : result.result) || result;
+  const items = Array.isArray(payload) ? payload : (payload == null ? void 0 : payload.items) || (payload == null ? void 0 : payload.records) || (payload == null ? void 0 : payload.data) || (payload == null ? void 0 : payload.result) || [];
+  return Array.isArray(items) ? items : [];
+};
+var normalizeWorkflowType = (item) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+  return __spreadProps(__spreadValues({}, item), {
+    workflowTypeId: (_a = item == null ? void 0 : item.workflowTypeId) != null ? _a : item == null ? void 0 : item.WorkflowTypeId,
+    workflowTypeCode: (_c = (_b = item == null ? void 0 : item.workflowTypeCode) != null ? _b : item == null ? void 0 : item.WorkflowTypeCode) != null ? _c : "",
+    workflowTypeName: (_e = (_d = item == null ? void 0 : item.workflowTypeName) != null ? _d : item == null ? void 0 : item.WorkflowTypeName) != null ? _e : "",
+    description: (_g = (_f = item == null ? void 0 : item.description) != null ? _f : item == null ? void 0 : item.Description) != null ? _g : "",
+    isActive: (_i = (_h = item == null ? void 0 : item.isActive) != null ? _h : item == null ? void 0 : item.IsActive) != null ? _i : true,
+    createdOn: (_k = (_j = item == null ? void 0 : item.createdOn) != null ? _j : item == null ? void 0 : item.CreatedOn) != null ? _k : "",
+    createdBy: (_m = (_l = item == null ? void 0 : item.createdBy) != null ? _l : item == null ? void 0 : item.CreatedBy) != null ? _m : "",
+    updatedBy: (_o = (_n = item == null ? void 0 : item.updatedBy) != null ? _n : item == null ? void 0 : item.UpdatedBy) != null ? _o : ""
+  });
+};
 function WorkflowTypeMains() {
   const [refreshkey, setRefreshKey] = (0, import_react15.useState)(0);
-  const handleRefresh = () => {
-    console.log("Table data refreshed!");
-    setRefreshKey((prev) => prev + 1);
-  };
   const tableRef = (0, import_react15.useRef)(null);
   const [modalOpen, setModalOpen] = (0, import_react15.useState)(false);
   const [pageSize, setPageSize] = (0, import_react15.useState)(10);
   const [searchQuery, setSearchQuery] = (0, import_react15.useState)("");
   const [currentPage, setCurrentPage] = (0, import_react15.useState)(1);
-  const [totalEntries, setTotalEntries] = (0, import_react15.useState)(0);
+  const [, setTotalEntries] = (0, import_react15.useState)(0);
+  const [data, setData] = (0, import_react15.useState)([]);
+  const [isLoading, setIsLoading] = (0, import_react15.useState)(false);
   const [isEditOpen, setIsEditOpen] = (0, import_react15.useState)(false);
   const [isDeleteOpen, setIsDeleteOpen] = (0, import_react15.useState)(false);
   const [selectedItem, setSelectedItem] = (0, import_react15.useState)(null);
-  const handlePageSizeChange = (e) => {
-    setPageSize(Number(e.target.value));
+  const loadWorkflowTypes = (0, import_react15.useCallback)(async (showError = true) => {
+    var _a, _b;
+    try {
+      setIsLoading(true);
+      const endpoints = getApiEndpoints();
+      const endpoint = (_b = (_a = endpoints == null ? void 0 : endpoints.flowCore) == null ? void 0 : _a.workflowType) == null ? void 0 : _b.getList;
+      if (!endpoint) throw new Error("Workflow type list endpoint is not configured.");
+      const response = await getApiService().get(endpoint);
+      setData(getWorkflowTypes(response).map(normalizeWorkflowType));
+    } catch (error) {
+      setData([]);
+      if (showError) {
+        await import_sweetalert22.default.fire("Error", getErrorMessage(error, "Unable to load workflow types."), "error");
+      }
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  (0, import_react15.useEffect)(() => {
+    loadWorkflowTypes();
+  }, [loadWorkflowTypes, refreshkey]);
+  const handleRefresh = () => setRefreshKey((previous) => previous + 1);
+  const handlePageSizeChange = (event) => {
+    setPageSize(Number(event.target.value));
     setCurrentPage(1);
   };
-  const handleEdit = (item) => {
-    setSelectedItem(item);
-    setIsEditOpen(true);
+  const handleEdit = async (item) => {
+    var _a, _b, _c, _d;
+    try {
+      const endpoints = getApiEndpoints();
+      const id = (_a = item == null ? void 0 : item.workflowTypeId) != null ? _a : item == null ? void 0 : item.WorkflowTypeId;
+      const endpoint = (_d = (_c = (_b = endpoints == null ? void 0 : endpoints.flowCore) == null ? void 0 : _b.workflowType) == null ? void 0 : _c.getById) == null ? void 0 : _d.call(_c, id);
+      if (!id || !endpoint) throw new Error("Workflow type details endpoint is not configured.");
+      const response = await getApiService().get(endpoint);
+      const result = getResponseData(response);
+      const record = (result == null ? void 0 : result.data) || (result == null ? void 0 : result.result) || result;
+      setSelectedItem(normalizeWorkflowType(record));
+      setIsEditOpen(true);
+    } catch (error) {
+      await import_sweetalert22.default.fire("Error", getErrorMessage(error, "Unable to load workflow type details."), "error");
+    }
   };
-  const handleSaveEdit = (updatedData) => {
-    console.log("Updated Data:", updatedData);
+  const handleSaveEdit = async (updatedData) => {
+    var _a, _b, _c;
+    try {
+      const endpoints = getApiEndpoints();
+      const endpoint = (_b = (_a = endpoints == null ? void 0 : endpoints.flowCore) == null ? void 0 : _a.workflowType) == null ? void 0 : _b.update;
+      if (!endpoint) throw new Error("Workflow type update endpoint is not configured.");
+      const payload = {
+        workflowTypeId: (_c = updatedData.workflowTypeId) != null ? _c : updatedData.WorkflowTypeId,
+        workflowTypeCode: updatedData.workflowTypeCode.trim().toUpperCase(),
+        workflowTypeName: updatedData.workflowTypeName.trim(),
+        description: updatedData.description.trim(),
+        isActive: Boolean(updatedData.isActive),
+        updatedBy: updatedData.updatedBy || updatedData.createdBy || "System"
+      };
+      await getApiService().put(endpoint, payload);
+      await import_sweetalert22.default.fire("Success", "Workflow type updated successfully.", "success");
+      setIsEditOpen(false);
+      handleRefresh();
+      return true;
+    } catch (error) {
+      await import_sweetalert22.default.fire("Error", getErrorMessage(error, "Unable to update workflow type."), "error");
+      return false;
+    }
   };
   const handleDelete = (item) => {
     setSelectedItem(item);
     setIsDeleteOpen(true);
   };
-  const handleConfirmDelete = (itemToDelete) => {
-    console.log("Deleted Item:", itemToDelete);
+  const handleConfirmDelete = async (item) => {
+    var _a, _b, _c;
+    try {
+      const endpoints = getApiEndpoints();
+      const endpoint = (_b = (_a = endpoints == null ? void 0 : endpoints.flowCore) == null ? void 0 : _a.workflowType) == null ? void 0 : _b.update;
+      if (!endpoint) throw new Error("Workflow type update endpoint is not configured.");
+      await getApiService().put(endpoint, {
+        workflowTypeId: (_c = item.workflowTypeId) != null ? _c : item.WorkflowTypeId,
+        workflowTypeCode: item.workflowTypeCode,
+        workflowTypeName: item.workflowTypeName,
+        description: item.description || "",
+        isActive: false,
+        updatedBy: item.updatedBy || item.createdBy || "System"
+      });
+      await import_sweetalert22.default.fire("Success", "Workflow type has been deactivated successfully.", "success");
+      setIsDeleteOpen(false);
+      handleRefresh();
+      return true;
+    } catch (error) {
+      await import_sweetalert22.default.fire("Error", getErrorMessage(error, "Unable to deactivate workflow type."), "error");
+      return false;
+    }
+  };
+  const handleCreateSuccess = async () => {
+    await import_sweetalert22.default.fire("Success", "Workflow type created successfully.", "success");
+    setModalOpen(false);
+    handleRefresh();
   };
   return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime15.jsx)(CommonHeader, { title: "Workflow Type", breadcrumbs: [{
-      label: "Dashboard",
-      href: "/dashboard"
-    }, {
-      label: "Masters",
-      href: "/masters"
-    }, {
-      label: "Workflow Type",
-      href: "/WorkflowType"
-    }], buttonText: "Add Workflow Type", onButtonClick: () => setModalOpen(true) }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CommonHeader, { title: "Workflow Type", breadcrumbs: [{ label: "Dashboard", href: "/dashboard" }, { label: "Masters", href: "/masters" }, { label: "Workflow Type", href: "/WorkflowType" }], buttonText: "Add Workflow Type", onButtonClick: () => setModalOpen(true) }),
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "fc:w-full fc:space-y-5", children: /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime15.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
         /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SearchBar2, { searchQuery, setSearchQuery, setCurrentPage }) }),
@@ -1794,12 +1592,9 @@ function WorkflowTypeMains() {
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { ref: tableRef, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(WorkflowTypeTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries, onEdit: handleEdit, onDelete: handleDelete }, refreshkey),
-        " "
-      ] })
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { ref: tableRef, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(WorkflowTypeTable, { data, isLoading, pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries, onEdit: handleEdit, onDelete: handleDelete }) })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AddWorkflowTypeModal_default, { isOpen: modalOpen, onClose: () => setModalOpen(false) }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AddWorkflowTypeModal_default, { isOpen: modalOpen, onClose: () => setModalOpen(false), onSave: handleCreateSuccess }),
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(EditWorkflowType_default, { isOpen: isEditOpen, onClose: () => setIsEditOpen(false), onSave: handleSaveEdit, selectedData: selectedItem }),
     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DeleteWorkflowType_default, { isOpen: isDeleteOpen, onClose: () => setIsDeleteOpen(false), onConfirm: handleConfirmDelete, itemData: selectedItem })
   ] });
@@ -11775,7 +11570,7 @@ function Sidebar({
     const Icon = item.icon;
     const handleClick = () => {
       if (item.component) {
-        router.push("/", void 0, {
+        router.push("/flowCore", void 0, {
           shallow: true
         });
         setActiveComponent(item.component);
@@ -11903,31 +11698,6 @@ var Layout = ({ children }) => {
   ) });
 };
 var Layout_default = Layout;
-
-// src/components/Service/ApiEndpointsProvider.js
-var STORAGE_KEY = "FLOWCORE_API_ENDPOINTS";
-var apiEndpoints = null;
-var ApiEndpointsProvider = ({ apiEndpoints: endpoints }) => {
-  if (typeof window !== "undefined" && endpoints) {
-    apiEndpoints = endpoints;
-    sessionStorage.setItem(
-      STORAGE_KEY,
-      JSON.stringify(endpoints)
-    );
-  }
-  return null;
-};
-var ApiEndpointsProvider_default = ApiEndpointsProvider;
-
-// src/components/Service/ApiServicepackage.js
-var apiService = null;
-var ApiServicepackage = ({ apiService: service }) => {
-  if (service) {
-    apiService = service;
-  }
-  return null;
-};
-var ApiServicepackage_default = ApiServicepackage;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ApiEndpointsProvider,