flowcore-fn 10.1.4 → 10.1.5

package/dist/pkg-index.js

@@ -4693,7 +4693,7 @@ function User_hierarchy_mapping_main() {
   };
   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 Hierarchy Mapping", breadcrumbs: [{
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CommonHeader, { title: "Workflow Step User Mapping", breadcrumbs: [{
         label: "Dashboard",
         href: "/dashboard"
       }, {
@@ -11526,22 +11526,26 @@ function UploadedDocumentMain() {
 
 // src/components/BuisnessEntity/BusinessEntitymain.js
 var import_react80 = __toESM(require("react"));
-var import_link3 = __toESM(require("next/link"));
+var import_sweetalert216 = __toESM(require("sweetalert2"));
 
 // src/components/BuisnessEntity/AddBusinessEntityModal.js
 var import_react79 = __toESM(require("react"));
 var import_jsx_runtime79 = require("react/jsx-runtime");
-function AddBusinessEntityModal({ onClose }) {
-  const [formData, setFormData] = (0, import_react79.useState)({
-    entityType: "",
-    entityKey: "",
-    displayNumber: "",
-    displayTitle: "",
-    isDefault: false,
-    isVisible: true,
-    status: "Active"
+function AddBusinessEntityModal({ onClose, onSave, editData }) {
+  const [formData, setFormData] = (0, import_react79.useState)(() => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+    return {
+      entityType: (_b = (_a = editData == null ? void 0 : editData.entityType) != null ? _a : editData == null ? void 0 : editData.EntityType) != null ? _b : "",
+      entityKey: String((_d = (_c = editData == null ? void 0 : editData.entityKey) != null ? _c : editData == null ? void 0 : editData.EntityKey) != null ? _d : ""),
+      displayNumber: (_f = (_e = editData == null ? void 0 : editData.displayNumber) != null ? _e : editData == null ? void 0 : editData.DisplayNumber) != null ? _f : "",
+      displayTitle: (_h = (_g = editData == null ? void 0 : editData.displayTitle) != null ? _g : editData == null ? void 0 : editData.DisplayTitle) != null ? _h : "",
+      isDefault: (_i = editData == null ? void 0 : editData.isDefault) != null ? _i : false,
+      isVisible: (_j = editData == null ? void 0 : editData.isVisible) != null ? _j : true,
+      status: ((_l = (_k = editData == null ? void 0 : editData.isActive) != null ? _k : editData == null ? void 0 : editData.IsActive) != null ? _l : true) ? "Active" : "Inactive"
+    };
   });
   const [errors, setErrors] = (0, import_react79.useState)({});
+  const [isSubmitting, setIsSubmitting] = (0, import_react79.useState)(false);
   const handleChange = (field, value) => {
     setFormData((prev) => __spreadProps(__spreadValues({}, prev), {
       [field]: value
@@ -11561,10 +11565,17 @@ function AddBusinessEntityModal({ onClose }) {
     setErrors(newErrors);
     return Object.keys(newErrors).length === 0;
   };
-  const handleSubmit = (e) => {
+  const handleSubmit = async (e) => {
+    var _a, _b, _c;
     e.preventDefault();
-    if (validate()) {
-      console.log("Form Submitted Successfully", formData);
+    if (!validate() || !onSave) return;
+    const isEdit = Boolean(editData);
+    const payload = isEdit ? { businessEntityId: (_a = editData.businessEntityId) != null ? _a : editData.BusinessEntityId, entityType: formData.entityType, entityKey: Number(formData.entityKey), displayNumber: formData.displayNumber.trim(), displayTitle: formData.displayTitle.trim(), isActive: formData.status === "Active", updatedBy: (_c = (_b = editData.updatedBy) != null ? _b : editData.createdBy) != null ? _c : "System" } : { entityType: formData.entityType, entityKey: Number(formData.entityKey), displayNumber: formData.displayNumber.trim(), displayTitle: formData.displayTitle.trim(), createdBy: "System" };
+    setIsSubmitting(true);
+    try {
+      if (await onSave(payload, isEdit)) onClose();
+    } finally {
+      setIsSubmitting(false);
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
@@ -11580,7 +11591,7 @@ function AddBusinessEntityModal({ onClose }) {
         /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime79.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:transition-transform hover:fc:scale-105", children: /* @__PURE__ */ (0, import_jsx_runtime79.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_runtime79.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5m0 0v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" }) }) }),
           /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: "Add Business Entity" }),
+            /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: editData ? "Edit Business Entity" : "Add Business Entity" }),
             /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: "Create a new business entity for the workflow engine" })
           ] })
         ] }),
@@ -11816,10 +11827,11 @@ function AddBusinessEntityModal({ onClose }) {
           {
             type: "button",
             onClick: handleSubmit,
+            disabled: isSubmitting,
             className: "fc:px-6 fc:py-2.5 fc:bg-indigo-600 hover:fc:bg-indigo-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-indigo-500/20 hover:fc:shadow-indigo-500/30 fc:transition-all active:fc:scale-95 fc:flex fc:items-center fc:gap-2",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("svg", { className: "fc:w-4 fc:h-4", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4" }) }),
-              "Save Business Entity"
+              isSubmitting ? "Saving..." : editData ? "Update Business Entity" : "Save Business Entity"
             ]
           }
         )
@@ -11829,192 +11841,242 @@ function AddBusinessEntityModal({ onClose }) {
 }
 
 // src/components/BuisnessEntity/BusinessEntitymain.js
+init_ApiEndpointsProvider();
+init_ApiServicepackage();
 var import_jsx_runtime80 = require("react/jsx-runtime");
-var BusinessEntitys = [{
-  BusinessEntityId: 1,
-  EntityType: "Application",
-  EntityKey: "5001",
-  DisplayNumber: "App-001",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 1,
-  EntityType: "Application",
-  EntityKey: "5001",
-  DisplayNumber: "App-001",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 1,
-  EntityType: "Application",
-  EntityKey: "5001",
-  DisplayNumber: "App-001",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 1,
-  EntityType: "Application",
-  EntityKey: "5001",
-  DisplayNumber: "App-001",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 1,
-  EntityType: "Application",
-  EntityKey: "5001",
-  DisplayNumber: "App-001",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 1,
-  EntityType: "Application",
-  EntityKey: "5001",
-  DisplayNumber: "App-001",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 1,
-  EntityType: "Application",
-  EntityKey: "5001",
-  DisplayNumber: "App-001",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 1,
-  EntityType: "Application",
-  EntityKey: "5001",
-  DisplayNumber: "App-001",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 1,
-  EntityType: "Application",
-  EntityKey: "5001",
-  DisplayNumber: "App-001",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 2,
-  EntityType: "Application",
-  EntityKey: "5002",
-  DisplayNumber: "App-002",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 3,
-  EntityType: "Application",
-  EntityKey: "5003",
-  DisplayNumber: "App-003",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 4,
-  EntityType: "Application",
-  EntityKey: "5004",
-  DisplayNumber: "App-004",
-  DisplayTitle: "Building Permission"
-}, {
-  BusinessEntityId: 5,
-  EntityType: "Application",
-  EntityKey: "5005",
-  DisplayNumber: "App-005",
-  DisplayTitle: "Building Permission"
-}];
+var BUSINESS_ENTITY_ENDPOINTS = {
+  create: "/api/flowcore/BusinessEntity/Create",
+  update: "/api/flowcore/BusinessEntity/Update",
+  getById: "/api/flowcore/BusinessEntity/GetById",
+  getList: "/api/flowcore/BusinessEntity/GetList"
+};
+var getBusinessEntityEndpoint = (action) => {
+  var _a, _b, _c, _d;
+  try {
+    return (_d = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.businessEntity) == null ? void 0 : _c[action]) != null ? _d : BUSINESS_ENTITY_ENDPOINTS[action];
+  } catch (e) {
+    return BUSINESS_ENTITY_ENDPOINTS[action];
+  }
+};
+var getBusinessEntityByIdEndpoint = (id) => {
+  const endpoint = getBusinessEntityEndpoint("getById");
+  return typeof endpoint === "function" ? endpoint(id) : `${endpoint}/${id}`;
+};
+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 normalise = (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,
+    entityType: (_d = (_c = item.entityType) != null ? _c : item.EntityType) != null ? _d : "",
+    entityKey: (_f = (_e = item.entityKey) != null ? _e : item.EntityKey) != null ? _f : "",
+    displayNumber: (_h = (_g = item.displayNumber) != null ? _g : item.DisplayNumber) != null ? _h : "",
+    displayTitle: (_j = (_i = item.displayTitle) != null ? _i : item.DisplayTitle) != null ? _j : "",
+    isActive: (_l = (_k = item.isActive) != null ? _k : item.IsActive) != null ? _l : true
+  });
+};
 function BusinessEntity() {
-  const handleRefresh = () => {
-    console.log("Refresh clicked");
-  };
-  const handleDownload = () => {
-    console.log("Download clicked");
-  };
   const tableRef = (0, import_react80.useRef)(null);
+  const [rows, setRows] = (0, import_react80.useState)([]);
   const [showModal, setShowModal] = (0, import_react80.useState)(false);
+  const [editingEntity, setEditingEntity] = (0, import_react80.useState)(null);
   const [pageSize, setPageSize] = (0, import_react80.useState)(5);
-  const [sortConfig, setSortConfig] = (0, import_react80.useState)({
-    key: "",
-    direction: "asc"
-  });
-  const handleSort = (key) => {
-    let direction = "asc";
-    if (sortConfig.key === key && sortConfig.direction === "asc") {
-      direction = "desc";
+  const [search, setSearch] = (0, import_react80.useState)("");
+  const [sortConfig, setSortConfig] = (0, import_react80.useState)({ key: "", direction: "asc" });
+  const [refreshKey, setRefreshKey] = (0, import_react80.useState)(0);
+  (0, import_react80.useEffect)(() => {
+    const load = async () => {
+      var _a, _b;
+      try {
+        const endpoint = getBusinessEntityEndpoint("getList");
+        const response = await getApiService().get(endpoint);
+        setRows(getRows(response).map(normalise));
+      } 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");
+      }
+    };
+    load();
+  }, [refreshKey]);
+  const refresh = () => setRefreshKey((value) => value + 1);
+  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");
+      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");
+      return false;
     }
-    setSortConfig({
-      key,
-      direction
-    });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_jsx_runtime80.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime80.jsx)(CommonHeader, { title: "Business Entity", breadcrumbs: [{
-      label: "Dashboard",
-      href: "/dashboard"
-    }, {
-      label: "Runtime",
-      href: "/Sidebar"
-    }, {
-      label: "Business Entity",
-      href: "/BuisnessEntity"
-    }], buttonText: "Add Business Entity", onButtonClick: () => setShowModal(true) }),
+  const editEntity = async (entity) => {
+    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));
+      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");
+    }
+  };
+  const visibleRows = rows.filter((item) => [item.entityType, item.entityKey, item.displayNumber, item.displayTitle].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" }));
+  const columns = [["BusinessEntityId", "businessEntityId"], ["EntityType", "entityType"], ["EntityKey", "entityKey"], ["DisplayNumber", "displayNumber"], ["DisplayTitle", "displayTitle"]];
+  return /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime80.jsx)(CommonHeader, { title: "Business Entity", breadcrumbs: [{ label: "Dashboard", href: "/dashboard" }, { label: "Runtime", href: "/Sidebar" }, { label: "Business Entity", href: "/BuisnessEntity" }], buttonText: "Add Business Entity", onButtonClick: () => {
+      setEditingEntity(null);
+      setShowModal(true);
+    } }),
     /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime80.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:flex-wrap fc:gap-3", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "fc:relative fc:max-w-xs fc:w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime80.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_runtime80.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_runtime80.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: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_runtime80.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_runtime80.jsx)(Refresh_default, { onRefresh: handleRefresh }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("input", { value: search, onChange: (event) => setSearch(event.target.value), type: "text", placeholder: "Search business entities...", 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_runtime80.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Refresh_default, { onRefresh: refresh }),
           /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Download_default, { targetRef: tableRef, fileName: "business-entity" }),
-          /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime80.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_runtime80.jsx)("option", { value: 5, children: "5 Rows" }),
             /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("option", { value: 10, children: "10 Rows" }),
             /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("option", { value: 25, children: "25 Rows" })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("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_runtime80.jsx)("div", { className: "fc:max-h-[350px] fc:overflow-y-auto fc:overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("table", { className: "fc:min-w-max fc:w-full fc:border-collapse", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("thead", { className: "fc:bg-slate-50 fc:sticky fc:top-0 fc:z-10", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("tr", { className: "fc:text-[11px] fc:font-bold fc:uppercase fc:tracking-wider fc:text-slate-400", children: [{
-          label: "BusinessEntityId",
-          key: "BusinessEntityId"
-        }, {
-          label: "EntityType",
-          key: "EntityType"
-        }, {
-          label: "EntityKey",
-          key: "EntityKey"
-        }, {
-          label: "DisplayNumber",
-          key: "DisplayNumber"
-        }, {
-          label: "DisplayTitle",
-          key: "DisplayTitle"
-        }].map((column) => /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime80.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { children: column.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime80.jsx)("tbody", { children: BusinessEntitys.slice(0, pageSize).map((item) => /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime80.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.BusinessEntityId }),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-500 fc:font-semibold", children: item.EntityType }),
-          /* @__PURE__ */ (0, import_jsx_runtime80.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.EntityKey }),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-500 fc:font-semibold", children: item.DisplayNumber }),
-          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-500 fc:font-semibold", children: item.DisplayTitle })
-        ] }, item.BusinessEntityId)) })
-      ] }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "fc:rounded-xl fc:bg-slate-50/50", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Footer, {}),
-        showModal && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(AddBusinessEntityModal, { onClose: () => setShowModal(false) })
-      ] })
-    ] })
-  ] }) });
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { ref: tableRef, className: "fc:border fc:border-slate-200 fc:rounded-2xl fc:overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("table", { className: "fc:min-w-max fc:w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("thead", { className: "fc:bg-slate-50", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("tr", { children: [
+          columns.map(([label, key]) => /* @__PURE__ */ (0, import_jsx_runtime80.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_runtime80.jsx)("th", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-xs", children: "Action" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("tbody", { children: visibleRows.slice(0, pageSize).map((item) => /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("tr", { className: "fc:border-t fc:border-slate-100", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: item.businessEntityId }),
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: item.entityType }),
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: item.entityKey }),
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: item.displayNumber }),
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: item.displayTitle }),
+          /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("button", { onClick: () => editEntity(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.businessEntityId)) })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(Footer, {})
+    ] }),
+    showModal && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(AddBusinessEntityModal, { editData: editingEntity, onClose: () => {
+      setShowModal(false);
+      setEditingEntity(null);
+    }, onSave: saveEntity })
+  ] });
 }
 
 // src/components/FileInstance/FileInstancemain.js
 var import_react82 = __toESM(require("react"));
-var import_link4 = __toESM(require("next/link"));
+var import_sweetalert217 = __toESM(require("sweetalert2"));
 
 // src/components/FileInstance/AddWorkFlowFileInstanceModal.js
 var import_react81 = __toESM(require("react"));
+init_ApiEndpointsProvider();
+init_ApiServicepackage();
 var import_jsx_runtime81 = require("react/jsx-runtime");
-function AddFileInstanceModal({ onClose }) {
-  const [formData, setFormData] = (0, import_react81.useState)({
-    workflow: "",
-    businessEntityType: "",
-    businessEntity: "",
-    hierarchyNode: "",
-    currentStep: "",
-    currentTaskInstance: "",
-    status: "Pending",
-    priority: "High"
+var LOOKUP_ENDPOINTS = {
+  workflow: "/api/flowcore/WorkFlow/GetList",
+  businessEntity: "/api/flowcore/BusinessEntity/GetList",
+  hierarchyNode: "/api/flowcore/HierarchyNode/GetList"
+};
+var getLookupRows = (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 getLookupEndpoint = (resource) => {
+  var _a, _b, _c, _d;
+  try {
+    return (_d = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b[resource]) == null ? void 0 : _c.getList) != null ? _d : LOOKUP_ENDPOINTS[resource];
+  } catch (e) {
+    return LOOKUP_ENDPOINTS[resource];
+  }
+};
+function AddFileInstanceModal({ onClose, onSave, editData }) {
+  const [formData, setFormData] = (0, import_react81.useState)(() => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
+    return {
+      workflow: String((_b = (_a = editData == null ? void 0 : editData.workflowId) != null ? _a : editData == null ? void 0 : editData.WorkflowId) != null ? _b : ""),
+      businessEntityType: (_d = (_c = editData == null ? void 0 : editData.businessEntityType) != null ? _c : editData == null ? void 0 : editData.BusinessEntityType) != null ? _d : "",
+      businessEntity: String((_f = (_e = editData == null ? void 0 : editData.businessEntityId) != null ? _e : editData == null ? void 0 : editData.BusinessEntityId) != null ? _f : ""),
+      hierarchyNode: String((_h = (_g = editData == null ? void 0 : editData.hierarchyNodeId) != null ? _g : editData == null ? void 0 : editData.HierarchyNodeId) != null ? _h : ""),
+      currentStep: String((_j = (_i = editData == null ? void 0 : editData.currentStepId) != null ? _i : editData == null ? void 0 : editData.CurrentStepId) != null ? _j : ""),
+      currentTaskInstance: String((_l = (_k = editData == null ? void 0 : editData.currentTaskInstanceId) != null ? _k : editData == null ? void 0 : editData.CurrentTaskInstanceId) != null ? _l : ""),
+      status: (_n = (_m = editData == null ? void 0 : editData.status) != null ? _m : editData == null ? void 0 : editData.Status) != null ? _n : "Pending",
+      priority: (_p = (_o = editData == null ? void 0 : editData.priority) != null ? _o : editData == null ? void 0 : editData.Priority) != null ? _p : "High"
+    };
   });
   const [errors, setErrors] = (0, import_react81.useState)({});
+  const [isSubmitting, setIsSubmitting] = (0, import_react81.useState)(false);
+  const [workflows, setWorkflows] = (0, import_react81.useState)([]);
+  const [businessEntities, setBusinessEntities] = (0, import_react81.useState)([]);
+  const [hierarchyNodes, setHierarchyNodes] = (0, import_react81.useState)([]);
+  const [isLoadingLookups, setIsLoadingLookups] = (0, import_react81.useState)(true);
+  (0, import_react81.useEffect)(() => {
+    let isMounted = true;
+    const loadLookups = async () => {
+      try {
+        const apiService2 = getApiService();
+        const [workflowResponse, businessEntityResponse, hierarchyNodeResponse] = await Promise.all([
+          apiService2.get(getLookupEndpoint("workflow")),
+          apiService2.get(getLookupEndpoint("businessEntity")),
+          apiService2.get(getLookupEndpoint("hierarchyNode"))
+        ]);
+        if (!isMounted) return;
+        setWorkflows(getLookupRows(workflowResponse));
+        setBusinessEntities(getLookupRows(businessEntityResponse));
+        setHierarchyNodes(getLookupRows(hierarchyNodeResponse));
+      } catch (error) {
+        if (!isMounted) return;
+        setErrors((current) => {
+          var _a, _b;
+          return __spreadProps(__spreadValues({}, current), {
+            lookup: ((_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, Business Entity, or Hierarchy Node options."
+          });
+        });
+      } finally {
+        if (isMounted) setIsLoadingLookups(false);
+      }
+    };
+    loadLookups();
+    return () => {
+      isMounted = false;
+    };
+  }, []);
+  const entityTypes = (0, import_react81.useMemo)(() => [...new Set(businessEntities.map((entity) => {
+    var _a;
+    return (_a = entity.entityType) != null ? _a : entity.EntityType;
+  }).filter(Boolean))], [businessEntities]);
+  const visibleBusinessEntities = (0, import_react81.useMemo)(() => businessEntities.filter((entity) => {
+    var _a;
+    const entityType = (_a = entity.entityType) != null ? _a : entity.EntityType;
+    return !formData.businessEntityType || entityType === formData.businessEntityType;
+  }), [businessEntities, formData.businessEntityType]);
+  const handleSubmit = async () => {
+    var _a, _b, _c, _d, _e;
+    if (!validateForm() || !onSave) return;
+    const isEdit = Boolean(editData);
+    const payload = isEdit ? { fileInstanceId: (_a = editData.fileInstanceId) != null ? _a : editData.FileInstanceId, currentStepId: Number(formData.currentStep), currentTaskInstanceId: Number(formData.currentTaskInstance), status: formData.status, priority: formData.priority, isActive: (_c = (_b = editData.isActive) != null ? _b : editData.IsActive) != null ? _c : true, updatedBy: (_e = (_d = editData.updatedBy) != null ? _d : editData.createdBy) != null ? _e : "System" } : { workflowId: Number(formData.workflow), businessEntityType: formData.businessEntityType, businessEntityId: Number(formData.businessEntity), hierarchyNodeId: Number(formData.hierarchyNode), currentStepId: Number(formData.currentStep), currentTaskInstanceId: Number(formData.currentTaskInstance), status: formData.status, priority: formData.priority, createdBy: "System" };
+    setIsSubmitting(true);
+    try {
+      if (await onSave(payload, isEdit)) onClose();
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
   const validateForm = () => {
     const newErrors = {};
     if (!formData.workflow) newErrors.workflow = "Workflow is required.";
@@ -12039,7 +12101,7 @@ function AddFileInstanceModal({ onClose }) {
         /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime81.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-inner fc:border fc:border-indigo-100", children: /* @__PURE__ */ (0, import_jsx_runtime81.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_runtime81.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 13h6m-3-3v6m-9 1V7a2 2 0 012-2h5l2 2h5a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2z" }) }) }),
           /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: "Add FileInstance" }),
+            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: editData ? "Edit FileInstance" : "Add FileInstance" }),
             /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: "Create a new File Instance and configure its details" })
           ] })
         ] }),
@@ -12075,9 +12137,13 @@ function AddFileInstanceModal({ onClose }) {
                 },
                 className: `fc:w-full fc:p-2.5 fc:border fc:rounded-xl fc:text-xs 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 ${formData.workflow ? "fc:text-slate-800 fc:font-medium" : "fc:text-slate-400"} ${errors.workflow ? "fc:border-red-500" : "fc:border-slate-200"}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: "", children: "Select Workflow" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: "Petition Workflow", children: "Petition Workflow" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: "Building Workflow", children: "Building Workflow" })
+                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: "", children: isLoadingLookups ? "Loading workflows..." : "Select Workflow" }),
+                  workflows.map((workflow) => {
+                    var _a, _b, _c, _d, _e, _f, _g, _h;
+                    const id = (_b = (_a = workflow.workflowId) != null ? _a : workflow.WorkflowId) != null ? _b : workflow.id;
+                    const name = (_h = (_g = (_f = (_e = (_d = (_c = workflow.workflowName) != null ? _c : workflow.WorkflowName) != null ? _d : workflow.name) != null ? _e : workflow.Name) != null ? _f : workflow.workflowCode) != null ? _g : workflow.WorkflowCode) != null ? _h : `Workflow ${id}`;
+                    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: String(id), children: name }, id);
+                  })
                 ]
               }
             ),
@@ -12094,15 +12160,13 @@ function AddFileInstanceModal({ onClose }) {
               {
                 value: formData.businessEntityType,
                 onChange: (e) => {
-                  setFormData(__spreadProps(__spreadValues({}, formData), { businessEntityType: e.target.value }));
+                  setFormData(__spreadProps(__spreadValues({}, formData), { businessEntityType: e.target.value, businessEntity: "" }));
                   setErrors(__spreadProps(__spreadValues({}, errors), { businessEntityType: "" }));
                 },
                 className: `fc:w-full fc:p-2.5 fc:border fc:rounded-xl fc:text-xs 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 ${formData.businessEntityType ? "fc:text-slate-800 fc:font-medium" : "fc:text-slate-400"} ${errors.businessEntityType ? "fc:border-red-500" : "fc:border-slate-200"}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: "", children: "Select Type" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: "Application", children: "Application" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: "Petition", children: "Petition" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: "Complaint", children: "Complaint" })
+                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: "", children: isLoadingLookups ? "Loading types..." : "Select Type" }),
+                  entityTypes.map((entityType) => /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: entityType, children: entityType }, entityType))
                 ]
               }
             ),
@@ -12121,14 +12185,31 @@ function AddFileInstanceModal({ onClose }) {
               {
                 value: formData.businessEntity,
                 onChange: (e) => {
-                  setFormData(__spreadProps(__spreadValues({}, formData), { businessEntity: e.target.value }));
+                  var _a, _b;
+                  const entity = businessEntities.find((item) => {
+                    var _a2, _b2;
+                    return String((_b2 = (_a2 = item.businessEntityId) != null ? _a2 : item.BusinessEntityId) != null ? _b2 : item.id) === e.target.value;
+                  });
+                  setFormData(__spreadProps(__spreadValues({}, formData), {
+                    businessEntity: e.target.value,
+                    businessEntityType: (_b = (_a = entity == null ? void 0 : entity.entityType) != null ? _a : entity == null ? void 0 : entity.EntityType) != null ? _b : formData.businessEntityType
+                  }));
                   setErrors(__spreadProps(__spreadValues({}, errors), { businessEntity: "" }));
                 },
                 className: `fc:w-full fc:p-2.5 fc:border fc:rounded-xl fc:text-xs 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 ${formData.businessEntity ? "fc:text-slate-800 fc:font-medium" : "fc:text-slate-400"} ${errors.businessEntity ? "fc:border-red-500" : "fc:border-slate-200"}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: "", children: "Select Business Entity" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: "APP-001 - Building Permission", children: "APP-001 - Building Permission" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: "APP-002 - Citizen Petition", children: "APP-002 - Citizen Petition" })
+                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: "", children: isLoadingLookups ? "Loading business entities..." : "Select Business Entity" }),
+                  visibleBusinessEntities.map((entity) => {
+                    var _a, _b, _c, _d, _e, _f;
+                    const id = (_b = (_a = entity.businessEntityId) != null ? _a : entity.BusinessEntityId) != null ? _b : entity.id;
+                    const displayNumber = (_d = (_c = entity.displayNumber) != null ? _c : entity.DisplayNumber) != null ? _d : id;
+                    const displayTitle = (_f = (_e = entity.displayTitle) != null ? _e : entity.DisplayTitle) != null ? _f : "Business Entity";
+                    return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("option", { value: String(id), children: [
+                      displayNumber,
+                      " - ",
+                      displayTitle
+                    ] }, id);
+                  })
                 ]
               }
             ),
@@ -12150,16 +12231,20 @@ function AddFileInstanceModal({ onClose }) {
                 },
                 className: `fc:w-full fc:p-2.5 fc:border fc:rounded-xl fc:text-xs 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 ${formData.hierarchyNode ? "fc:text-slate-800 fc:font-medium" : "fc:text-slate-400"} ${errors.hierarchyNode ? "fc:border-red-500" : "fc:border-slate-200"}`,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: "", children: "Select Hierarchy" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: "District Office", children: "District Office" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: "Block Office", children: "Block Office" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: "Panchayat", children: "Panchayat" })
+                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: "", children: isLoadingLookups ? "Loading hierarchy nodes..." : "Select Hierarchy" }),
+                  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.name) != null ? _e : node.Name) != null ? _f : `Hierarchy Node ${id}`;
+                    return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: String(id), children: name }, id);
+                  })
                 ]
               }
             ),
             errors.hierarchyNode && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1 fc:font-medium", children: errors.hierarchyNode })
           ] })
         ] }),
+        errors.lookup && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { className: "fc:text-red-500 fc:text-[11px] fc:font-medium", children: errors.lookup }),
         /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "fc:grid fc:grid-cols-2 md:fc:grid-cols-2 fc:gap-5", children: [
           /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("label", { className: "fc:flex fc:items-center fc:gap-1.5 fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
@@ -12178,8 +12263,8 @@ function AddFileInstanceModal({ onClose }) {
                 className: `fc:w-full fc:p-2.5 fc:border fc:rounded-xl fc:text-xs 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 ${formData.currentStep ? "fc:text-slate-800 fc:font-medium" : "fc:text-slate-400"} ${errors.currentStep ? "fc:border-red-500" : "fc:border-slate-200"}`,
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: "", children: "Select Step" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: "Scrutiny", children: "Scrutiny" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: "Approval", children: "Approval" })
+                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: "1", children: "Scrutiny" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("option", { value: "2", children: "Approval" })
                 ]
               }
             ),
@@ -12268,15 +12353,12 @@ function AddFileInstanceModal({ onClose }) {
           "button",
           {
             type: "button",
-            onClick: () => {
-              if (validateForm()) {
-                console.log("Form Submitted Successfully:", formData);
-              }
-            },
+            onClick: handleSubmit,
+            disabled: isSubmitting,
             className: "fc:px-6 fc:py-2.5 fc:bg-indigo-600 hover:fc:bg-indigo-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-indigo-500/20 hover:fc:shadow-indigo-500/30 fc:transition-all fc:flex fc:items-center fc:gap-2",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("svg", { className: "fc:w-3.5 fc:h-3.5", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4" }) }),
-              "Save FileInstance"
+              isSubmitting ? "Saving..." : editData ? "Update FileInstance" : "Save FileInstance"
             ]
           }
         )
@@ -12286,252 +12368,128 @@ function AddFileInstanceModal({ onClose }) {
 }
 
 // src/components/FileInstance/FileInstancemain.js
+init_ApiEndpointsProvider();
+init_ApiServicepackage();
 var import_jsx_runtime82 = require("react/jsx-runtime");
-var FileInstances = [{
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Approved",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}, {
-  FileInstanceId: 1,
-  workflowId: 1,
-  BusinessEntityType: "Application",
-  BusinessEntityId: 5001,
-  HierarchyNodeId: 2,
-  CurrentStepId: 1,
-  CurrentTaskInstanceId: 1,
-  Status: "Pending",
-  Priority: "High"
-}];
+var FILE_INSTANCE_ENDPOINTS = {
+  create: "/api/flowcore/FileInstance/Create",
+  update: "/api/flowcore/FileInstance/Update",
+  getById: "/api/flowcore/FileInstance/GetById",
+  getList: "/api/flowcore/FileInstance/GetList"
+};
+var getFileInstanceEndpoint = (action) => {
+  var _a, _b, _c, _d;
+  try {
+    return (_d = (_c = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.fileInstance) == null ? void 0 : _c[action]) != null ? _d : FILE_INSTANCE_ENDPOINTS[action];
+  } catch (e) {
+    return FILE_INSTANCE_ENDPOINTS[action];
+  }
+};
+var getFileInstanceByIdEndpoint = (id) => {
+  const endpoint = getFileInstanceEndpoint("getById");
+  return typeof endpoint === "function" ? endpoint(id) : `${endpoint}/${id}`;
+};
+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 normalise2 = (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 });
+};
 function FileInstance() {
-  const handleRefresh = () => {
-    console.log("Refresh clicked");
-  };
-  const handleDownload = () => {
-    console.log("Download clicked");
-  };
   const tableRef = (0, import_react82.useRef)(null);
+  const [rows, setRows] = (0, import_react82.useState)([]);
   const [showModal, setShowModal] = (0, import_react82.useState)(false);
+  const [editingFile, setEditingFile] = (0, import_react82.useState)(null);
   const [pageSize, setPageSize] = (0, import_react82.useState)(5);
-  const [sortConfig, setSortConfig] = (0, import_react82.useState)({
-    key: "",
-    direction: "asc"
-  });
-  const handleSort = (key) => {
-    let direction = "asc";
-    if (sortConfig.key === key && sortConfig.direction === "asc") {
-      direction = "desc";
+  const [search, setSearch] = (0, import_react82.useState)("");
+  const [sortConfig, setSortConfig] = (0, import_react82.useState)({ key: "", direction: "asc" });
+  const [refreshKey, setRefreshKey] = (0, import_react82.useState)(0);
+  (0, import_react82.useEffect)(() => {
+    const load = async () => {
+      var _a, _b;
+      try {
+        const response = await getApiService().get(getFileInstanceEndpoint("getList"));
+        setRows(getRows2(response).map(normalise2));
+      } 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");
+      }
+    };
+    load();
+  }, [refreshKey]);
+  const refresh = () => setRefreshKey((value) => value + 1);
+  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");
+      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");
+      return false;
     }
-    setSortConfig({
-      key,
-      direction
-    });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "fc:p-5 fc:bg-[#f5f7fb] fc:font-sans fc:text-slate-700 fc:flex fc:flex-col", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(CommonHeader, { title: "File Instance ", breadcrumbs: [{
-        label: "Dashboard",
-        href: "/dashboard"
-      }, {
-        label: "Runtime",
-        href: "/Sidebar"
-      }, {
-        label: "File Instance",
-        href: "/FileInstance"
-      }], buttonText: "Add File Instance", onButtonClick: () => setShowModal(true) }),
-      /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:flex-wrap fc:gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "fc:relative fc:max-w-xs fc:w-full", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.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_runtime82.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_runtime82.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_runtime82.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_runtime82.jsx)(Refresh_default, { onRefresh: handleRefresh }),
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Download_default, { targetRef: tableRef, fileName: "file-instance" }),
-            /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.jsx)("option", { value: 5, children: "5 Rows" }),
-              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("option", { value: 10, children: "10 Rows" }),
-              /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("option", { value: 25, children: "25 Rows" })
-            ] })
+  const editFile = async (file) => {
+    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));
+      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");
+    }
+  };
+  const columns = [["FileInstanceId", "fileInstanceId"], ["WorkflowId", "workflowId"], ["BusinessEntityType", "businessEntityType"], ["BusinessEntityId", "businessEntityId"], ["HierarchyNodeId", "hierarchyNodeId"], ["CurrentStepId", "currentStepId"], ["CurrentTaskInstanceId", "currentTaskInstanceId"], ["Status", "status"], ["Priority", "priority"]];
+  const sort = (key) => setSortConfig((current) => ({ key, direction: current.key === key && current.direction === "asc" ? "desc" : "asc" }));
+  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;
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.jsx)(CommonHeader, { title: "File Instance", breadcrumbs: [{ label: "Dashboard", href: "/dashboard" }, { label: "Runtime", href: "/Sidebar" }, { label: "File Instance", href: "/FileInstance" }], buttonText: "Add File Instance", onButtonClick: () => {
+      setEditingFile(null);
+      setShowModal(true);
+    } }),
+    /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:flex-wrap fc:gap-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("input", { value: search, onChange: (event) => setSearch(event.target.value), type: "text", placeholder: "Search file instances...", 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_runtime82.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Refresh_default, { onRefresh: refresh }),
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Download_default, { targetRef: tableRef, fileName: "file-instance" }),
+          /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.jsx)("option", { value: 5, children: "5 Rows" }),
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("option", { value: 10, children: "10 Rows" }),
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("option", { value: 25, children: "25 Rows" })
           ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("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_runtime82.jsx)("div", { className: "fc:max-h-[350px] fc:overflow-y-auto fc:overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("table", { className: "fc:min-w-max fc:w-full fc:border-collapse", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("thead", { className: "fc:bg-slate-50 fc:sticky fc:top-0 fc:z-10", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("tr", { className: "fc:text-[11px] fc:font-bold fc:uppercase fc:tracking-wider fc:text-slate-400", children: [{
-            label: "FileInstanceId",
-            key: "FileInstanceId"
-          }, {
-            label: "WorkflowId",
-            key: "workflowId"
-          }, {
-            label: "BusinessEntityType",
-            key: "BusinessEntityType"
-          }, {
-            label: "BusinessEntityId",
-            key: "BusinessEntityId"
-          }, {
-            label: "HierarchyNodeId",
-            key: "HierarchyNodeId"
-          }, {
-            label: "CurrentStepId",
-            key: "CurrentStepId"
-          }, {
-            label: "CurrentTaskInstanceId",
-            key: "CurrentTaskInstanceId"
-          }, {
-            label: "Status",
-            key: "Status"
-          }, {
-            label: "Priority",
-            key: "Priority"
-          }].map((column) => /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: column.label }),
-            /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.jsx)("tbody", { children: FileInstances.slice(0, pageSize).map((item) => /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.jsx)("td", { className: "fc:px-6 fc:p-4 fc:border-b fc:border-slate-100 fc:text-[14px] fc:text-center fc:text-slate-600 fc:font-bold", children: item.FileInstanceId }),
-            /* @__PURE__ */ (0, import_jsx_runtime82.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.workflowId }),
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-500 fc:font-semibold", children: item.BusinessEntityType }),
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-[14px fc:text-slate-600 fc:font-bold", children: item.BusinessEntityId }),
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.HierarchyNodeId }),
-            /* @__PURE__ */ (0, import_jsx_runtime82.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.CurrentStepId }),
-            /* @__PURE__ */ (0, import_jsx_runtime82.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.CurrentTaskInstanceId }),
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("td", { className: "fc:px-6 fc:py-4 fc:border-b fc:border-slate-100", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
-              "span",
-              {
-                className: `fc:inline-flex fc:items-center fc:rounded-full fc:px-3 fc:py-1 fc:text-xs fc:font-semibold
-      ${item.Status === "Approved" ? "fc:bg-green-100 fc:text-green-700" : "fc:bg-red-100 fc:text-red-700"}`,
-                children: item.Status
-              }
-            ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("td", { className: "fc:px-6 fc:py-4 fc:border-b fc:border-slate-100", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
-              "span",
-              {
-                className: `fc:inline-flex fc:items-center fc:rounded-full fc:px-3 fc:py-1 fc:text-xs fc:font-semibold
-      ${item.Priority === "High" ? "fc:bg-green-100 fc:text-green-700" : "fc:bg-red-100 fc:text-red-700"}`,
-                children: item.Priority
-              }
-            ) })
-          ] }, item.TransitionId)) })
-        ] }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "fc:rounded-xl fc:bg-slate-50/50", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Footer, {}) })
-      ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { ref: tableRef, className: "fc:border fc:border-slate-200 fc:rounded-2xl fc:overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("table", { className: "fc:min-w-max fc:w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("thead", { className: "fc:bg-slate-50", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("tr", { children: [
+          columns.map(([label, key]) => /* @__PURE__ */ (0, import_jsx_runtime82.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_runtime82.jsx)("th", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-xs", children: "Action" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("tbody", { children: visibleRows.slice(0, pageSize).map((item) => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("tr", { className: "fc:border-t fc:border-slate-100", children: [
+          columns.map(([, key]) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: item[key] }, key)),
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("button", { onClick: () => editFile(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.fileInstanceId)) })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Footer, {})
     ] }),
-    showModal && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(AddFileInstanceModal, { onClose: () => setShowModal(false) })
+    showModal && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(AddFileInstanceModal, { editData: editingFile, onClose: () => {
+      setShowModal(false);
+      setEditingFile(null);
+    }, onSave: saveFile })
   ] });
 }
 
@@ -12996,12 +12954,12 @@ function AssignmentRuleMain() {
 
 // src/components/Workflow_Step_Hierarchy_Mapping/Workflow_Step_Hierarchy_Mapping_Main.jsx
 var import_react87 = __toESM(require("react"));
-var import_sweetalert216 = __toESM(require("sweetalert2"));
+var import_sweetalert218 = __toESM(require("sweetalert2"));
 init_ApiEndpointsProvider();
 init_ApiServicepackage();
 var import_jsx_runtime87 = require("react/jsx-runtime");
 var emptyForm = { workflowStepId: "", hierarchyNodeId: "", isActive: "true" };
-var getRows = (result) => {
+var getRows3 = (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 : [];
@@ -13066,13 +13024,13 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
           stepEndpoint ? getApiService().get(stepEndpoint) : Promise.resolve(null),
           nodeEndpoint ? getApiService().get(nodeEndpoint) : Promise.resolve(null)
         ]);
-        setMappings(getRows(mappingResult));
-        setWorkflowSteps(workflowStepResult ? getRows(workflowStepResult) : []);
+        setMappings(getRows3(mappingResult));
+        setWorkflowSteps(workflowStepResult ? getRows3(workflowStepResult) : []);
         setHierarchyNodes(
-          hierarchyNodeResult ? getRows(hierarchyNodeResult) : []
+          hierarchyNodeResult ? getRows3(hierarchyNodeResult) : []
         );
       } catch (error) {
-        await import_sweetalert216.default.fire(
+        await import_sweetalert218.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.",
           "error"
@@ -13103,7 +13061,7 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
     var _a, _b, _c;
     event.preventDefault();
     if (!formData.workflowStepId || !formData.hierarchyNodeId)
-      return import_sweetalert216.default.fire(
+      return import_sweetalert218.default.fire(
         "Required fields",
         "Please select a workflow step and hierarchy node.",
         "warning"
@@ -13128,7 +13086,7 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
         updatedBy: "System"
       } : { createdBy: "System" });
       await getApiService()[editingMapping ? "put" : "post"](endpoint, payload);
-      await import_sweetalert216.default.fire(
+      await import_sweetalert218.default.fire(
         "Success",
         `Workflow step hierarchy mapping ${editingMapping ? "updated" : "created"} successfully.`,
         "success"
@@ -13136,7 +13094,7 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
       setIsModalOpen(false);
       setRefreshKey((previous) => previous + 1);
     } catch (error) {
-      await import_sweetalert216.default.fire(
+      await import_sweetalert218.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.",
         "error"
@@ -13147,7 +13105,7 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
   };
   const handleDelete = async (mapping) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-    const confirmation = await import_sweetalert216.default.fire({
+    const confirmation = await import_sweetalert218.default.fire({
       title: "Delete mapping?",
       text: "This mapping will be marked inactive.",
       icon: "warning",
@@ -13177,14 +13135,14 @@ function Workflow_Step_Hierarchy_Mapping_Main() {
         isActive: false,
         updatedBy: "System"
       });
-      await import_sweetalert216.default.fire(
+      await import_sweetalert218.default.fire(
         "Deleted",
         "Workflow step hierarchy mapping has been deactivated.",
         "success"
       );
       setRefreshKey((previous) => previous + 1);
     } catch (error) {
-      await import_sweetalert216.default.fire(
+      await import_sweetalert218.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"
@@ -13552,13 +13510,13 @@ var documentItems = [{
   icon: import_react89.RiFileSettingsLine
 }];
 var fileItems = [{
-  name: "File Instance",
-  component: "FileInstanceMain",
-  icon: import_react89.RiFileList3Line
-}, {
   name: "Business Entity",
   component: "BusinessEntitymain",
   icon: import_react89.RiFileList3Line
+}, {
+  name: "File Instance",
+  component: "FileInstanceMain",
+  icon: import_react89.RiFileList3Line
 }, {
   name: "File Pool",
   component: "FilePoolMain",