flowcore-fn 10.2.7 → 10.2.8

package/dist/pkg-index.css

@@ -52,8 +52,6 @@
     --fc-color-emerald-600: oklch(59.6% 0.145 163.225);
     --fc-color-emerald-700: oklch(50.8% 0.118 165.612);
     --fc-color-emerald-800: oklch(43.2% 0.095 166.913);
-    --fc-color-teal-100: oklch(95.3% 0.051 180.801);
-    --fc-color-teal-700: oklch(51.1% 0.096 186.391);
     --fc-color-cyan-200: oklch(91.7% 0.08 205.041);
     --fc-color-cyan-400: oklch(78.9% 0.154 211.53);
     --fc-color-cyan-500: oklch(71.5% 0.143 215.221);
@@ -1840,9 +1838,6 @@
       background-color: color-mix(in oklab, var(--fc-color-slate-900) 60%, transparent);
     }
   }
-  .fc\:bg-teal-100 {
-    background-color: var(--fc-color-teal-100);
-  }
   .fc\:bg-white {
     background-color: var(--fc-color-white);
   }
@@ -2487,9 +2482,6 @@
   .fc\:text-slate-900 {
     color: var(--fc-color-slate-900);
   }
-  .fc\:text-teal-700 {
-    color: var(--fc-color-teal-700);
-  }
   .fc\:text-white {
     color: var(--fc-color-white);
   }

package/dist/pkg-index.js

@@ -18977,7 +18977,7 @@ var import_react101 = require("@remixicon/react");
 var import_react94 = __toESM(require("react"));
 var import_react95 = require("@remixicon/react");
 var import_jsx_runtime94 = require("react/jsx-runtime");
-function PoolConfirmationModal({ isOpen, onClose, onConfirm, file }) {
+function PoolConfirmationModal({ isOpen, onClose, onConfirm, file, isSubmitting = false }) {
   (0, import_react94.useEffect)(() => {
     if (!isOpen) return;
     const handleKeyDown = (e) => {
@@ -19000,8 +19000,8 @@ function PoolConfirmationModal({ isOpen, onClose, onConfirm, file }) {
         /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
           /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "fc:w-10 fc:h-10 fc:bg-blue-50 fc:text-blue-600 fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react95.RiInboxArchiveLine, { size: 20 }) }),
           /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("h3", { className: "fc:text-base fc:font-bold fc:text-slate-800", children: "Confirm Pool File" }),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "fc:text-xs fc:text-slate-500", children: "Claim file into your personal work queue" })
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("h3", { className: "fc:text-base fc:font-bold fc:text-slate-800", children: "Claim Workflow Files" }),
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "fc:text-xs fc:text-slate-500", children: "Claim unclaimed files for the selected step" })
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
@@ -19009,6 +19009,7 @@ function PoolConfirmationModal({ isOpen, onClose, onConfirm, file }) {
           {
             type: "button",
             onClick: onClose,
+            disabled: isSubmitting,
             className: "fc:text-slate-400 hover:fc:text-slate-600 hover:fc:bg-slate-100 fc:p-1.5 fc:rounded-full fc:transition-all",
             children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react95.RiCloseLine, { size: 20 })
           }
@@ -19018,9 +19019,11 @@ function PoolConfirmationModal({ isOpen, onClose, onConfirm, file }) {
         /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:flex fc:items-start fc:gap-3 fc:p-3.5 fc:bg-blue-50/70 fc:border fc:border-blue-100 fc:rounded-2xl", children: [
           /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react95.RiAlertLine, { size: 20, className: "fc:text-blue-600 fc:shrink-0 fc:mt-0.5" }),
           /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:text-xs fc:text-blue-900 fc:leading-relaxed", children: [
-            "Are you sure you want to pool this file? Once confirmed, this file will be locked from the common pool and assigned to your ",
+            "Confirming will claim ",
+            /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("strong", { className: "fc:font-bold", children: "all unclaimed files" }),
+            " for this workflow step and assign them to your ",
             /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("strong", { className: "fc:font-bold", children: "My Files" }),
-            " tab for processing."
+            " queue."
           ] })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:bg-slate-50/80 fc:rounded-2xl fc:p-4 fc:border fc:border-slate-100 fc:space-y-2.5", children: [
@@ -19058,6 +19061,7 @@ function PoolConfirmationModal({ isOpen, onClose, onConfirm, file }) {
           {
             type: "button",
             onClick: onClose,
+            disabled: isSubmitting,
             className: "fc:px-4 fc:py-2 fc:border fc:border-slate-200 fc:text-slate-600 hover:fc:bg-slate-100 fc:text-xs fc:font-bold fc:rounded-xl fc:transition-all",
             children: "Cancel"
           }
@@ -19066,11 +19070,12 @@ function PoolConfirmationModal({ isOpen, onClose, onConfirm, file }) {
           "button",
           {
             type: "button",
-            onClick: () => onConfirm(file),
-            className: "fc:px-5 fc:py-2 fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-blue-500/20 fc:transition-all fc:flex fc:items-center fc:gap-1.5",
+            onClick: onConfirm,
+            disabled: isSubmitting,
+            className: "fc:px-5 fc:py-2 fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-blue-500/20 fc:transition-all fc:flex fc:items-center fc:gap-1.5 disabled:fc:cursor-not-allowed disabled:fc:opacity-60",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react95.RiCheckLine, { size: 16 }),
-              "Yes, Pool File"
+              isSubmitting ? "Claiming..." : "Yes, Claim Files"
             ]
           }
         )
@@ -19348,12 +19353,99 @@ function ViewFileModal({ isOpen, onClose, file }) {
 }
 
 // src/components/inbox/InboxMain.jsx
+init_ApiEndpointsProvider();
+init_ApiServicepackage();
 var import_jsx_runtime97 = require("react/jsx-runtime");
-var INBOX_ROLES = [
-  { name: "Reviewer", marker: "RV", step: "Scrutiny & Review", description: "Review applications and findings", color: "fc:bg-blue-100 fc:text-blue-700" },
-  { name: "Verifier", marker: "VF", step: "Document Verification", description: "Validate submitted documents", color: "fc:bg-teal-100 fc:text-teal-700" },
-  { name: "Approver", marker: "AP", step: "Final Approval", description: "Approve or return completed cases", color: "fc:bg-amber-100 fc:text-amber-700" }
-];
+var getInboxEndpoint = (resourceNames, actions) => {
+  var _a, _b;
+  const flowCore = ((_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) || {};
+  const actionNames = Array.isArray(actions) ? actions : [actions];
+  for (const resourceName of resourceNames) {
+    const resource = flowCore[resourceName];
+    for (const action of actionNames) {
+      const actionName = action.charAt(0).toUpperCase() + action.slice(1);
+      const endpoint2 = (_b = resource == null ? void 0 : resource[action]) != null ? _b : resource == null ? void 0 : resource[actionName];
+      if (endpoint2) return endpoint2;
+    }
+  }
+  return null;
+};
+var deriveAssignedStepsEndpoint = (filePoolEndpoint) => {
+  if (typeof filePoolEndpoint !== "string") return null;
+  const endpoint2 = filePoolEndpoint.trim().replace(/\/+$/, "").split("?")[0];
+  const filePoolRoute = "/FilePool/GetUnclaimedFilesByWorkflowStepId";
+  if (!endpoint2.endsWith(filePoolRoute)) return null;
+  return `${endpoint2.slice(0, -filePoolRoute.length)}/WorkflowStepUserMapping/GetAssignedStepsByUser`;
+};
+var unwrapInboxRows = (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 formatInboxDate = (value) => {
+  if (!value) return "-";
+  const date = new Date(value);
+  return Number.isNaN(date.getTime()) ? String(value) : date.toLocaleString("en-GB", {
+    day: "2-digit",
+    month: "short",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+};
+var normalizePoolFile = (file) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+  const taskInstanceId = (_a = file.taskInstanceId) != null ? _a : file.TaskInstanceId;
+  const filePoolId = (_b = file.filePoolId) != null ? _b : file.FilePoolId;
+  const businessEntity = (_c = file.businessEntityType) != null ? _c : file.BusinessEntityType;
+  const businessEntityId = (_d = file.businessEntityId) != null ? _d : file.BusinessEntityId;
+  return __spreadProps(__spreadValues({}, file), {
+    fileId: filePoolId != null ? filePoolId : taskInstanceId,
+    taskInstanceId,
+    workflowStepId: (_e = file.workflowStepId) != null ? _e : file.WorkflowStepId,
+    fileNumber: (_g = (_f = file.fileNumber) != null ? _f : file.applicationNumber) != null ? _g : `TASK-${taskInstanceId != null ? taskInstanceId : filePoolId}`,
+    subject: (_i = (_h = file.subject) != null ? _h : businessEntityId ? `${businessEntity || "File"} #${businessEntityId}` : businessEntity) != null ? _i : `Workflow task ${taskInstanceId != null ? taskInstanceId : ""}`,
+    workflowName: (_k = (_j = file.workflowName) != null ? _j : file.WorkflowName) != null ? _k : "-",
+    department: (_l = file.department) != null ? _l : "-",
+    applicant: (_m = file.applicant) != null ? _m : businessEntityId ? String(businessEntityId) : "-",
+    category: (_p = (_o = (_n = file.category) != null ? _n : file.workflowTypeName) != null ? _o : file.WorkflowTypeName) != null ? _p : "-",
+    financialYear: (_q = file.financialYear) != null ? _q : "-",
+    sender: (_s = (_r = file.sender) != null ? _r : file.initiator) != null ? _s : "-",
+    priority: (_t = file.priority) != null ? _t : "Medium",
+    receivedDate: formatInboxDate((_v = (_u = file.addedOn) != null ? _u : file.createdAt) != null ? _v : file.receivedDate),
+    dueDate: formatInboxDate(file.dueDate),
+    slaStatus: (_w = file.slaStatus) != null ? _w : "-",
+    status: "Available",
+    assignedTo: "-",
+    currentStep: (_x = file.stepName) != null ? _x : "-"
+  });
+};
+var normalizeMyFile = (file) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
+  const taskInstanceId = (_a = file.taskInstanceId) != null ? _a : file.TaskInstanceId;
+  const businessEntityId = (_b = file.businessEntityId) != null ? _b : file.BusinessEntityId;
+  const businessEntity = (_c = file.businessEntityType) != null ? _c : file.BusinessEntityType;
+  return __spreadProps(__spreadValues({}, file), {
+    fileId: (_d = taskInstanceId != null ? taskInstanceId : file.fileInstanceId) != null ? _d : file.FileInstanceId,
+    taskInstanceId,
+    workflowStepId: (_e = file.workflowStepId) != null ? _e : file.WorkflowStepId,
+    fileNumber: (_g = (_f = file.fileNumber) != null ? _f : file.applicationNumber) != null ? _g : `TASK-${taskInstanceId != null ? taskInstanceId : ""}`,
+    subject: (_i = (_h = file.subject) != null ? _h : businessEntityId ? `${businessEntity || "File"} #${businessEntityId}` : businessEntity) != null ? _i : `Workflow task ${taskInstanceId != null ? taskInstanceId : ""}`,
+    workflowName: (_k = (_j = file.workflowName) != null ? _j : file.WorkflowName) != null ? _k : "-",
+    department: (_l = file.department) != null ? _l : file.hierarchyNodeId ? `Node ${file.hierarchyNodeId}` : "-",
+    applicant: (_m = file.applicant) != null ? _m : businessEntityId ? String(businessEntityId) : "-",
+    category: (_p = (_o = (_n = file.category) != null ? _n : file.workflowTypeName) != null ? _o : file.WorkflowTypeName) != null ? _p : "-",
+    financialYear: (_q = file.financialYear) != null ? _q : "-",
+    sender: (_s = (_r = file.sender) != null ? _r : businessEntity) != null ? _s : "-",
+    priority: (_t = file.priority) != null ? _t : "Medium",
+    receivedDate: formatInboxDate((_u = file.createdAt) != null ? _u : file.receivedDate),
+    dueDate: formatInboxDate(file.dueDate),
+    slaStatus: (_v = file.slaStatus) != null ? _v : "-",
+    status: (_x = (_w = file.fileStatus) != null ? _w : file.statusName) != null ? _x : "In Progress",
+    assignedTo: "Pankaj Jain",
+    currentStep: (_y = file.stepName) != null ? _y : "-"
+  });
+};
 var INITIAL_FILE_POOL = [
   {
     fileId: 101,
@@ -19602,13 +19694,125 @@ var INITIAL_TOTAL_FILES = [
 ];
 function InboxMain() {
   const [activeTab, setActiveTab] = (0, import_react100.useState)("filePool");
-  const [activeRole, setActiveRole] = (0, import_react100.useState)("Reviewer");
+  const [assignedSteps, setAssignedSteps] = (0, import_react100.useState)([]);
+  const [activeWorkflowStepId, setActiveWorkflowStepId] = (0, import_react100.useState)(null);
   const [roleDropdownOpen, setRoleDropdownOpen] = (0, import_react100.useState)(false);
   const roleDropdownRef = (0, import_react100.useRef)(null);
-  const activeRoleDetails = INBOX_ROLES.find((role) => role.name === activeRole) || INBOX_ROLES[0];
-  const [filePoolFiles, setFilePoolFiles] = (0, import_react100.useState)(INITIAL_FILE_POOL);
-  const [myFiles, setMyFiles] = (0, import_react100.useState)(INITIAL_MY_FILES);
+  const activeRoleDetails = assignedSteps.find(
+    (step) => Number(step.workflowStepId) === Number(activeWorkflowStepId)
+  );
+  const activeRole = (activeRoleDetails == null ? void 0 : activeRoleDetails.stepName) || "No Assigned Step";
+  const [filePoolFiles, setFilePoolFiles] = (0, import_react100.useState)([]);
+  const [myFiles, setMyFiles] = (0, import_react100.useState)([]);
   const [totalFiles, setTotalFiles] = (0, import_react100.useState)(INITIAL_TOTAL_FILES);
+  const [refreshKey, setRefreshKey] = (0, import_react100.useState)(0);
+  (0, import_react100.useEffect)(() => {
+    let isCurrent = true;
+    const loadAssignedSteps = async () => {
+      var _a, _b;
+      try {
+        const apiService2 = getApiService();
+        const unclaimedFilesEndpoint = getInboxEndpoint(
+          ["inbox", "Inbox", "filePool", "FilePool"],
+          "getUnclaimedFilesByWorkflowStepId"
+        );
+        if (!unclaimedFilesEndpoint) {
+          throw new Error("File Pool endpoint is not configured (flowCore.inbox.getUnclaimedFilesByWorkflowStepId).");
+        }
+        const configuredAssignedStepsEndpoint = getInboxEndpoint(
+          ["inbox", "Inbox", "mapping", "Mapping", "workflowStepUserMapping", "WorkflowStepUserMapping", "workflowStep", "WorkFlowStep", "WorkflowStep"],
+          "getAssignedStepsByUser"
+        );
+        const assignedStepsEndpoint = configuredAssignedStepsEndpoint || deriveAssignedStepsEndpoint(unclaimedFilesEndpoint);
+        if (!assignedStepsEndpoint) throw new Error("Assigned workflow steps endpoint is not configured.");
+        const assignedStepsResponse = await apiService2.post(assignedStepsEndpoint, {});
+        const stepsById = /* @__PURE__ */ new Map();
+        unwrapInboxRows(assignedStepsResponse).forEach((step) => {
+          var _a2, _b2, _c, _d, _e, _f, _g, _h, _i;
+          const workflowStepId = Number((_a2 = step.workflowStepId) != null ? _a2 : step.WorkflowStepId);
+          const isActiveMapping = (_b2 = step.isActiveMapping) != null ? _b2 : step.IsActiveMapping;
+          const isReleased = (_c = step.isReleased) != null ? _c : step.IsReleased;
+          if (!Number.isInteger(workflowStepId) || workflowStepId <= 0 || isActiveMapping === false || isReleased === true) return;
+          stepsById.set(workflowStepId, __spreadProps(__spreadValues({}, step), {
+            workflowStepId,
+            stepName: (_e = (_d = step.stepName) != null ? _d : step.StepName) != null ? _e : `Workflow Step ${workflowStepId}`,
+            stepCode: (_g = (_f = step.stepCode) != null ? _f : step.StepCode) != null ? _g : "",
+            workflowName: (_i = (_h = step.workflowName) != null ? _h : step.WorkflowName) != null ? _i : ""
+          }));
+        });
+        const nextAssignedSteps = [...stepsById.values()];
+        if (!isCurrent) return;
+        setAssignedSteps(nextAssignedSteps);
+        setActiveWorkflowStepId(
+          (currentStepId) => {
+            var _a2, _b2;
+            return nextAssignedSteps.some((step) => step.workflowStepId === Number(currentStepId)) ? Number(currentStepId) : (_b2 = (_a2 = nextAssignedSteps[0]) == null ? void 0 : _a2.workflowStepId) != null ? _b2 : null;
+          }
+        );
+      } catch (error) {
+        if (!isCurrent) return;
+        setAssignedSteps([]);
+        setActiveWorkflowStepId(null);
+        await import_sweetalert229.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 assigned workflow steps.",
+          "error"
+        );
+      }
+    };
+    loadAssignedSteps();
+    return () => {
+      isCurrent = false;
+    };
+  }, []);
+  (0, import_react100.useEffect)(() => {
+    let isCurrent = true;
+    const loadStepFiles = async () => {
+      var _a, _b;
+      if (!activeWorkflowStepId) {
+        setFilePoolFiles([]);
+        setMyFiles([]);
+        return;
+      }
+      try {
+        const unclaimedFilesEndpoint = getInboxEndpoint(
+          ["inbox", "Inbox", "filePool", "FilePool"],
+          "getUnclaimedFilesByWorkflowStepId"
+        );
+        if (!unclaimedFilesEndpoint) {
+          throw new Error("File Pool endpoint is not configured (flowCore.inbox.getUnclaimedFilesByWorkflowStepId).");
+        }
+        const myFilesEndpoint = getInboxEndpoint(
+          ["inbox", "Inbox", "myFiles", "MyFiles"],
+          ["getMyFilesList", "getList"]
+        );
+        if (!myFilesEndpoint) {
+          throw new Error("My Files list endpoint is not configured (flowCore.inbox.getMyFilesList).");
+        }
+        const payload = { workflowStepId: Number(activeWorkflowStepId) };
+        const [poolResponse, myFilesResponse] = await Promise.all([
+          getApiService().post(unclaimedFilesEndpoint, payload),
+          getApiService().post(myFilesEndpoint, payload)
+        ]);
+        if (!isCurrent) return;
+        setFilePoolFiles(unwrapInboxRows(poolResponse).map(normalizePoolFile));
+        setMyFiles(unwrapInboxRows(myFilesResponse).map(normalizeMyFile));
+      } catch (error) {
+        if (!isCurrent) return;
+        setFilePoolFiles([]);
+        setMyFiles([]);
+        await import_sweetalert229.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 inbox files.",
+          "error"
+        );
+      }
+    };
+    loadStepFiles();
+    return () => {
+      isCurrent = false;
+    };
+  }, [activeWorkflowStepId, refreshKey]);
   const [dynamicColumns, setDynamicColumns] = (0, import_react100.useState)([
     { key: "department", label: "Department", width: "190px", visible: true },
     { key: "applicant", label: "Applicant / Entity", width: "210px", visible: true },
@@ -19625,6 +19829,7 @@ function InboxMain() {
   const [sortDirection, setSortDirection] = (0, import_react100.useState)("asc");
   const [poolModalOpen, setPoolModalOpen] = (0, import_react100.useState)(false);
   const [selectedPoolFile, setSelectedPoolFile] = (0, import_react100.useState)(null);
+  const [isClaimingPool, setIsClaimingPool] = (0, import_react100.useState)(false);
   const [actionModalOpen, setActionModalOpen] = (0, import_react100.useState)(false);
   const [selectedActionFile, setSelectedActionFile] = (0, import_react100.useState)(null);
   const [viewModalOpen, setViewModalOpen] = (0, import_react100.useState)(false);
@@ -19798,27 +20003,45 @@ function InboxMain() {
     setSelectedPoolFile(file);
     setPoolModalOpen(true);
   };
-  const handleConfirmPool = async (fileToPool) => {
-    setPoolModalOpen(false);
-    setFilePoolFiles((prev) => prev.filter((item) => item.fileId !== fileToPool.fileId));
-    const claimedFile = __spreadProps(__spreadValues({}, fileToPool), {
-      status: "In Progress",
-      assignedTo: "Pankaj Jain"
-    });
-    setMyFiles((prev) => [claimedFile, ...prev]);
-    setTotalFiles(
-      (prev) => prev.map(
-        (item) => item.fileId === fileToPool.fileId ? __spreadProps(__spreadValues({}, item), { status: "In Progress", assignedTo: "Pankaj Jain" }) : item
-      )
-    );
-    await import_sweetalert229.default.fire({
-      icon: "success",
-      title: "File Pooled Successfully!",
-      html: `File <strong>${fileToPool.fileNumber}</strong> has been moved to your <strong>My Files</strong> queue.`,
-      confirmButtonColor: "#2563eb",
-      timer: 3e3,
-      timerProgressBar: true
-    });
+  const handleConfirmPool = async () => {
+    var _a, _b;
+    if (!activeWorkflowStepId) {
+      await import_sweetalert229.default.fire("Error", "Select an assigned workflow step before claiming files.", "error");
+      return;
+    }
+    setIsClaimingPool(true);
+    try {
+      const claimEndpoint = getInboxEndpoint(
+        ["inbox", "Inbox", "filePool", "FilePool"],
+        "claimUnclaimedFilesByWorkflowStepId"
+      );
+      if (!claimEndpoint) {
+        throw new Error("Claim endpoint is not configured (flowCore.inbox.claimUnclaimedFilesByWorkflowStepId).");
+      }
+      await getApiService().post(claimEndpoint, {
+        workflowStepId: Number(activeWorkflowStepId)
+      });
+      setPoolModalOpen(false);
+      setSelectedPoolFile(null);
+      setCurrentPage(1);
+      setRefreshKey((previous) => previous + 1);
+      await import_sweetalert229.default.fire({
+        icon: "success",
+        title: "Files Claimed",
+        text: "Unclaimed files for this workflow step have been assigned to your My Files queue.",
+        confirmButtonColor: "#2563eb",
+        timer: 3e3,
+        timerProgressBar: true
+      });
+    } catch (error) {
+      await import_sweetalert229.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 claim files.",
+        "error"
+      );
+    } finally {
+      setIsClaimingPool(false);
+    }
   };
   const handleOpenTakeAction = (file) => {
     setSelectedActionFile(file);
@@ -19841,11 +20064,12 @@ function InboxMain() {
   };
   const handleRefresh = () => {
     setCurrentPage(1);
+    setRefreshKey((previous) => previous + 1);
     import_sweetalert229.default.fire({
       toast: true,
       position: "top-end",
-      icon: "success",
-      title: "Inbox updated with latest records",
+      icon: "info",
+      title: "Refreshing inbox files",
       showConfirmButton: false,
       timer: 2e3
     });
@@ -19931,7 +20155,7 @@ function InboxMain() {
                 ] }),
                 /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-1.5 fc:mt-0.5", children: [
                   /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fc:text-[10px] fc:text-slate-400 fc:font-medium", children: "Active Step:" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-indigo-600 fc:bg-indigo-50/80 fc:px-1.5 fc:py-0.2 fc:rounded", children: activeRoleDetails.step })
+                  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fc:text-[10px] fc:font-bold fc:text-indigo-600 fc:bg-indigo-50/80 fc:px-1.5 fc:py-0.2 fc:rounded", children: (activeRoleDetails == null ? void 0 : activeRoleDetails.stepName) || "-" })
                 ] })
               ] }),
               roleDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
@@ -19943,30 +20167,39 @@ function InboxMain() {
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:border-b fc:border-slate-100 fc:px-3 fc:pb-2 fc:pt-1.5", children: [
                       /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "fc:text-xs fc:font-bold fc:text-slate-800", children: "Switch role" }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fc:rounded-full fc:bg-slate-100 fc:px-2  fc:text-[9px] fc:font-bold fc:text-slate-500", children: "3 ROLES" })
+                      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "fc:rounded-full fc:bg-slate-100 fc:px-2 fc:text-[9px] fc:font-bold fc:text-slate-500", children: [
+                        assignedSteps.length,
+                        " STEPS"
+                      ] })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "fc:space-y-1 fc:pt-0.5", children: INBOX_ROLES.map((role) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
-                      "button",
-                      {
-                        type: "button",
-                        role: "menuitemradio",
-                        "aria-checked": activeRole === role.name,
-                        onClick: () => {
-                          setActiveRole(role.name);
-                          setRoleDropdownOpen(false);
+                    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "fc:space-y-1 fc:pt-0.5", children: assignedSteps.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("p", { className: "fc:px-3 fc:py-3 fc:text-xs fc:text-slate-500", children: "No assigned workflow steps" }) : assignedSteps.map((step) => {
+                      const isSelected = Number(activeWorkflowStepId) === step.workflowStepId;
+                      const stepName = step.stepName || `Workflow Step ${step.workflowStepId}`;
+                      const marker = String(step.stepCode || stepName).trim().slice(0, 2).toUpperCase();
+                      return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
+                        "button",
+                        {
+                          type: "button",
+                          role: "menuitemradio",
+                          "aria-checked": isSelected,
+                          onClick: () => {
+                            setActiveWorkflowStepId(step.workflowStepId);
+                            setCurrentPage(1);
+                            setRoleDropdownOpen(false);
+                          },
+                          className: `fc:flex fc:w-full fc:items-center fc:gap-3 fc:rounded-xl fc:border fc:px-3 fc:py-3 fc:text-left fc:transition-colors ${isSelected ? "fc:border-blue-200 fc:bg-blue-50/80" : "fc:border-transparent fc:bg-white hover:fc:border-slate-200 hover:fc:bg-slate-50"}`,
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fc:flex fc:h-9 fc:w-9 fc:shrink-0 fc:items-center fc:justify-center fc:rounded-xl fc:bg-blue-100 fc:text-[10px] fc:font-extrabold fc:text-blue-700", children: marker }),
+                            /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "fc:min-w-0 fc:flex-1", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: `fc:block fc:text-xs fc:font-bold ${isSelected ? "fc:text-blue-800" : "fc:text-slate-800"}`, children: stepName }),
+                              /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fc:mt-0.5 fc:block fc:text-[10px] fc:leading-4 fc:text-slate-500", children: step.workflowName || `Workflow Step ID ${step.workflowStepId}` })
+                            ] }),
+                            isSelected && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fc:shrink-0 fc:rounded-full fc:bg-blue-100 fc:px-2 fc:py-1 fc:text-[9px] fc:font-bold fc:text-blue-700", children: "Current" })
+                          ]
                         },
-                        className: `fc:flex fc:w-full fc:items-center fc:gap-3 fc:rounded-xl fc:border fc:px-3 fc:py-3 fc:text-left fc:transition-colors ${activeRole === role.name ? "fc:border-blue-200 fc:bg-blue-50/80" : "fc:border-transparent fc:bg-white hover:fc:border-slate-200 hover:fc:bg-slate-50"}`,
-                        children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: `fc:flex fc:h-9 fc:w-9 fc:shrink-0 fc:items-center fc:justify-center fc:rounded-xl fc:text-[10px] fc:font-extrabold ${role.color}`, children: role.marker }),
-                          /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("span", { className: "fc:min-w-0 fc:flex-1", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: `fc:block fc:text-xs fc:font-bold ${activeRole === role.name ? "fc:text-blue-800" : "fc:text-slate-800"}`, children: role.name }),
-                            /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fc:mt-0.5 fc:block fc:text-[10px] fc:leading-4 fc:text-slate-500", children: role.description })
-                          ] }),
-                          activeRole === role.name && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "fc:shrink-0 fc:rounded-full fc:bg-blue-100 fc:px-2 fc:py-1 fc:text-[9px] fc:font-bold fc:text-blue-700", children: "Current" })
-                        ]
-                      },
-                      role.name
-                    )) })
+                        step.workflowStepId
+                      );
+                    }) })
                   ]
                 }
               )
@@ -20625,7 +20858,9 @@ function InboxMain() {
       {
         isOpen: poolModalOpen,
         file: selectedPoolFile,
+        isSubmitting: isClaimingPool,
         onClose: () => {
+          if (isClaimingPool) return;
           setPoolModalOpen(false);
           setSelectedPoolFile(null);
         },

package/dist/pkg-index.mjs

@@ -18839,7 +18839,7 @@ import {
 import React94, { useEffect as useEffect48 } from "react";
 import { RiInboxArchiveLine, RiCloseLine, RiAlertLine, RiCheckLine } from "@remixicon/react";
 import { jsx as jsx94, jsxs as jsxs93 } from "react/jsx-runtime";
-function PoolConfirmationModal({ isOpen, onClose, onConfirm, file }) {
+function PoolConfirmationModal({ isOpen, onClose, onConfirm, file, isSubmitting = false }) {
   useEffect48(() => {
     if (!isOpen) return;
     const handleKeyDown = (e) => {
@@ -18862,8 +18862,8 @@ function PoolConfirmationModal({ isOpen, onClose, onConfirm, file }) {
         /* @__PURE__ */ jsxs93("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
           /* @__PURE__ */ jsx94("div", { className: "fc:w-10 fc:h-10 fc:bg-blue-50 fc:text-blue-600 fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:shadow-inner", children: /* @__PURE__ */ jsx94(RiInboxArchiveLine, { size: 20 }) }),
           /* @__PURE__ */ jsxs93("div", { children: [
-            /* @__PURE__ */ jsx94("h3", { className: "fc:text-base fc:font-bold fc:text-slate-800", children: "Confirm Pool File" }),
-            /* @__PURE__ */ jsx94("p", { className: "fc:text-xs fc:text-slate-500", children: "Claim file into your personal work queue" })
+            /* @__PURE__ */ jsx94("h3", { className: "fc:text-base fc:font-bold fc:text-slate-800", children: "Claim Workflow Files" }),
+            /* @__PURE__ */ jsx94("p", { className: "fc:text-xs fc:text-slate-500", children: "Claim unclaimed files for the selected step" })
           ] })
         ] }),
         /* @__PURE__ */ jsx94(
@@ -18871,6 +18871,7 @@ function PoolConfirmationModal({ isOpen, onClose, onConfirm, file }) {
           {
             type: "button",
             onClick: onClose,
+            disabled: isSubmitting,
             className: "fc:text-slate-400 hover:fc:text-slate-600 hover:fc:bg-slate-100 fc:p-1.5 fc:rounded-full fc:transition-all",
             children: /* @__PURE__ */ jsx94(RiCloseLine, { size: 20 })
           }
@@ -18880,9 +18881,11 @@ function PoolConfirmationModal({ isOpen, onClose, onConfirm, file }) {
         /* @__PURE__ */ jsxs93("div", { className: "fc:flex fc:items-start fc:gap-3 fc:p-3.5 fc:bg-blue-50/70 fc:border fc:border-blue-100 fc:rounded-2xl", children: [
           /* @__PURE__ */ jsx94(RiAlertLine, { size: 20, className: "fc:text-blue-600 fc:shrink-0 fc:mt-0.5" }),
           /* @__PURE__ */ jsxs93("div", { className: "fc:text-xs fc:text-blue-900 fc:leading-relaxed", children: [
-            "Are you sure you want to pool this file? Once confirmed, this file will be locked from the common pool and assigned to your ",
+            "Confirming will claim ",
+            /* @__PURE__ */ jsx94("strong", { className: "fc:font-bold", children: "all unclaimed files" }),
+            " for this workflow step and assign them to your ",
             /* @__PURE__ */ jsx94("strong", { className: "fc:font-bold", children: "My Files" }),
-            " tab for processing."
+            " queue."
           ] })
         ] }),
         /* @__PURE__ */ jsxs93("div", { className: "fc:bg-slate-50/80 fc:rounded-2xl fc:p-4 fc:border fc:border-slate-100 fc:space-y-2.5", children: [
@@ -18920,6 +18923,7 @@ function PoolConfirmationModal({ isOpen, onClose, onConfirm, file }) {
           {
             type: "button",
             onClick: onClose,
+            disabled: isSubmitting,
             className: "fc:px-4 fc:py-2 fc:border fc:border-slate-200 fc:text-slate-600 hover:fc:bg-slate-100 fc:text-xs fc:font-bold fc:rounded-xl fc:transition-all",
             children: "Cancel"
           }
@@ -18928,11 +18932,12 @@ function PoolConfirmationModal({ isOpen, onClose, onConfirm, file }) {
           "button",
           {
             type: "button",
-            onClick: () => onConfirm(file),
-            className: "fc:px-5 fc:py-2 fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-blue-500/20 fc:transition-all fc:flex fc:items-center fc:gap-1.5",
+            onClick: onConfirm,
+            disabled: isSubmitting,
+            className: "fc:px-5 fc:py-2 fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-blue-500/20 fc:transition-all fc:flex fc:items-center fc:gap-1.5 disabled:fc:cursor-not-allowed disabled:fc:opacity-60",
             children: [
               /* @__PURE__ */ jsx94(RiCheckLine, { size: 16 }),
-              "Yes, Pool File"
+              isSubmitting ? "Claiming..." : "Yes, Claim Files"
             ]
           }
         )
@@ -19211,11 +19216,96 @@ function ViewFileModal({ isOpen, onClose, file }) {
 
 // src/components/inbox/InboxMain.jsx
 import { jsx as jsx97, jsxs as jsxs96 } from "react/jsx-runtime";
-var INBOX_ROLES = [
-  { name: "Reviewer", marker: "RV", step: "Scrutiny & Review", description: "Review applications and findings", color: "fc:bg-blue-100 fc:text-blue-700" },
-  { name: "Verifier", marker: "VF", step: "Document Verification", description: "Validate submitted documents", color: "fc:bg-teal-100 fc:text-teal-700" },
-  { name: "Approver", marker: "AP", step: "Final Approval", description: "Approve or return completed cases", color: "fc:bg-amber-100 fc:text-amber-700" }
-];
+var getInboxEndpoint = (resourceNames, actions) => {
+  var _a, _b;
+  const flowCore = ((_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) || {};
+  const actionNames = Array.isArray(actions) ? actions : [actions];
+  for (const resourceName of resourceNames) {
+    const resource = flowCore[resourceName];
+    for (const action of actionNames) {
+      const actionName = action.charAt(0).toUpperCase() + action.slice(1);
+      const endpoint2 = (_b = resource == null ? void 0 : resource[action]) != null ? _b : resource == null ? void 0 : resource[actionName];
+      if (endpoint2) return endpoint2;
+    }
+  }
+  return null;
+};
+var deriveAssignedStepsEndpoint = (filePoolEndpoint) => {
+  if (typeof filePoolEndpoint !== "string") return null;
+  const endpoint2 = filePoolEndpoint.trim().replace(/\/+$/, "").split("?")[0];
+  const filePoolRoute = "/FilePool/GetUnclaimedFilesByWorkflowStepId";
+  if (!endpoint2.endsWith(filePoolRoute)) return null;
+  return `${endpoint2.slice(0, -filePoolRoute.length)}/WorkflowStepUserMapping/GetAssignedStepsByUser`;
+};
+var unwrapInboxRows = (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 formatInboxDate = (value) => {
+  if (!value) return "-";
+  const date = new Date(value);
+  return Number.isNaN(date.getTime()) ? String(value) : date.toLocaleString("en-GB", {
+    day: "2-digit",
+    month: "short",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+};
+var normalizePoolFile = (file) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+  const taskInstanceId = (_a = file.taskInstanceId) != null ? _a : file.TaskInstanceId;
+  const filePoolId = (_b = file.filePoolId) != null ? _b : file.FilePoolId;
+  const businessEntity = (_c = file.businessEntityType) != null ? _c : file.BusinessEntityType;
+  const businessEntityId = (_d = file.businessEntityId) != null ? _d : file.BusinessEntityId;
+  return __spreadProps(__spreadValues({}, file), {
+    fileId: filePoolId != null ? filePoolId : taskInstanceId,
+    taskInstanceId,
+    workflowStepId: (_e = file.workflowStepId) != null ? _e : file.WorkflowStepId,
+    fileNumber: (_g = (_f = file.fileNumber) != null ? _f : file.applicationNumber) != null ? _g : `TASK-${taskInstanceId != null ? taskInstanceId : filePoolId}`,
+    subject: (_i = (_h = file.subject) != null ? _h : businessEntityId ? `${businessEntity || "File"} #${businessEntityId}` : businessEntity) != null ? _i : `Workflow task ${taskInstanceId != null ? taskInstanceId : ""}`,
+    workflowName: (_k = (_j = file.workflowName) != null ? _j : file.WorkflowName) != null ? _k : "-",
+    department: (_l = file.department) != null ? _l : "-",
+    applicant: (_m = file.applicant) != null ? _m : businessEntityId ? String(businessEntityId) : "-",
+    category: (_p = (_o = (_n = file.category) != null ? _n : file.workflowTypeName) != null ? _o : file.WorkflowTypeName) != null ? _p : "-",
+    financialYear: (_q = file.financialYear) != null ? _q : "-",
+    sender: (_s = (_r = file.sender) != null ? _r : file.initiator) != null ? _s : "-",
+    priority: (_t = file.priority) != null ? _t : "Medium",
+    receivedDate: formatInboxDate((_v = (_u = file.addedOn) != null ? _u : file.createdAt) != null ? _v : file.receivedDate),
+    dueDate: formatInboxDate(file.dueDate),
+    slaStatus: (_w = file.slaStatus) != null ? _w : "-",
+    status: "Available",
+    assignedTo: "-",
+    currentStep: (_x = file.stepName) != null ? _x : "-"
+  });
+};
+var normalizeMyFile = (file) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
+  const taskInstanceId = (_a = file.taskInstanceId) != null ? _a : file.TaskInstanceId;
+  const businessEntityId = (_b = file.businessEntityId) != null ? _b : file.BusinessEntityId;
+  const businessEntity = (_c = file.businessEntityType) != null ? _c : file.BusinessEntityType;
+  return __spreadProps(__spreadValues({}, file), {
+    fileId: (_d = taskInstanceId != null ? taskInstanceId : file.fileInstanceId) != null ? _d : file.FileInstanceId,
+    taskInstanceId,
+    workflowStepId: (_e = file.workflowStepId) != null ? _e : file.WorkflowStepId,
+    fileNumber: (_g = (_f = file.fileNumber) != null ? _f : file.applicationNumber) != null ? _g : `TASK-${taskInstanceId != null ? taskInstanceId : ""}`,
+    subject: (_i = (_h = file.subject) != null ? _h : businessEntityId ? `${businessEntity || "File"} #${businessEntityId}` : businessEntity) != null ? _i : `Workflow task ${taskInstanceId != null ? taskInstanceId : ""}`,
+    workflowName: (_k = (_j = file.workflowName) != null ? _j : file.WorkflowName) != null ? _k : "-",
+    department: (_l = file.department) != null ? _l : file.hierarchyNodeId ? `Node ${file.hierarchyNodeId}` : "-",
+    applicant: (_m = file.applicant) != null ? _m : businessEntityId ? String(businessEntityId) : "-",
+    category: (_p = (_o = (_n = file.category) != null ? _n : file.workflowTypeName) != null ? _o : file.WorkflowTypeName) != null ? _p : "-",
+    financialYear: (_q = file.financialYear) != null ? _q : "-",
+    sender: (_s = (_r = file.sender) != null ? _r : businessEntity) != null ? _s : "-",
+    priority: (_t = file.priority) != null ? _t : "Medium",
+    receivedDate: formatInboxDate((_u = file.createdAt) != null ? _u : file.receivedDate),
+    dueDate: formatInboxDate(file.dueDate),
+    slaStatus: (_v = file.slaStatus) != null ? _v : "-",
+    status: (_x = (_w = file.fileStatus) != null ? _w : file.statusName) != null ? _x : "In Progress",
+    assignedTo: "Pankaj Jain",
+    currentStep: (_y = file.stepName) != null ? _y : "-"
+  });
+};
 var INITIAL_FILE_POOL = [
   {
     fileId: 101,
@@ -19464,13 +19554,125 @@ var INITIAL_TOTAL_FILES = [
 ];
 function InboxMain() {
   const [activeTab, setActiveTab] = useState71("filePool");
-  const [activeRole, setActiveRole] = useState71("Reviewer");
+  const [assignedSteps, setAssignedSteps] = useState71([]);
+  const [activeWorkflowStepId, setActiveWorkflowStepId] = useState71(null);
   const [roleDropdownOpen, setRoleDropdownOpen] = useState71(false);
   const roleDropdownRef = useRef24(null);
-  const activeRoleDetails = INBOX_ROLES.find((role) => role.name === activeRole) || INBOX_ROLES[0];
-  const [filePoolFiles, setFilePoolFiles] = useState71(INITIAL_FILE_POOL);
-  const [myFiles, setMyFiles] = useState71(INITIAL_MY_FILES);
+  const activeRoleDetails = assignedSteps.find(
+    (step) => Number(step.workflowStepId) === Number(activeWorkflowStepId)
+  );
+  const activeRole = (activeRoleDetails == null ? void 0 : activeRoleDetails.stepName) || "No Assigned Step";
+  const [filePoolFiles, setFilePoolFiles] = useState71([]);
+  const [myFiles, setMyFiles] = useState71([]);
   const [totalFiles, setTotalFiles] = useState71(INITIAL_TOTAL_FILES);
+  const [refreshKey, setRefreshKey] = useState71(0);
+  useEffect51(() => {
+    let isCurrent = true;
+    const loadAssignedSteps = async () => {
+      var _a, _b;
+      try {
+        const apiService = getApiService();
+        const unclaimedFilesEndpoint = getInboxEndpoint(
+          ["inbox", "Inbox", "filePool", "FilePool"],
+          "getUnclaimedFilesByWorkflowStepId"
+        );
+        if (!unclaimedFilesEndpoint) {
+          throw new Error("File Pool endpoint is not configured (flowCore.inbox.getUnclaimedFilesByWorkflowStepId).");
+        }
+        const configuredAssignedStepsEndpoint = getInboxEndpoint(
+          ["inbox", "Inbox", "mapping", "Mapping", "workflowStepUserMapping", "WorkflowStepUserMapping", "workflowStep", "WorkFlowStep", "WorkflowStep"],
+          "getAssignedStepsByUser"
+        );
+        const assignedStepsEndpoint = configuredAssignedStepsEndpoint || deriveAssignedStepsEndpoint(unclaimedFilesEndpoint);
+        if (!assignedStepsEndpoint) throw new Error("Assigned workflow steps endpoint is not configured.");
+        const assignedStepsResponse = await apiService.post(assignedStepsEndpoint, {});
+        const stepsById = /* @__PURE__ */ new Map();
+        unwrapInboxRows(assignedStepsResponse).forEach((step) => {
+          var _a2, _b2, _c, _d, _e, _f, _g, _h, _i;
+          const workflowStepId = Number((_a2 = step.workflowStepId) != null ? _a2 : step.WorkflowStepId);
+          const isActiveMapping = (_b2 = step.isActiveMapping) != null ? _b2 : step.IsActiveMapping;
+          const isReleased = (_c = step.isReleased) != null ? _c : step.IsReleased;
+          if (!Number.isInteger(workflowStepId) || workflowStepId <= 0 || isActiveMapping === false || isReleased === true) return;
+          stepsById.set(workflowStepId, __spreadProps(__spreadValues({}, step), {
+            workflowStepId,
+            stepName: (_e = (_d = step.stepName) != null ? _d : step.StepName) != null ? _e : `Workflow Step ${workflowStepId}`,
+            stepCode: (_g = (_f = step.stepCode) != null ? _f : step.StepCode) != null ? _g : "",
+            workflowName: (_i = (_h = step.workflowName) != null ? _h : step.WorkflowName) != null ? _i : ""
+          }));
+        });
+        const nextAssignedSteps = [...stepsById.values()];
+        if (!isCurrent) return;
+        setAssignedSteps(nextAssignedSteps);
+        setActiveWorkflowStepId(
+          (currentStepId) => {
+            var _a2, _b2;
+            return nextAssignedSteps.some((step) => step.workflowStepId === Number(currentStepId)) ? Number(currentStepId) : (_b2 = (_a2 = nextAssignedSteps[0]) == null ? void 0 : _a2.workflowStepId) != null ? _b2 : null;
+          }
+        );
+      } catch (error) {
+        if (!isCurrent) return;
+        setAssignedSteps([]);
+        setActiveWorkflowStepId(null);
+        await Swal29.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 assigned workflow steps.",
+          "error"
+        );
+      }
+    };
+    loadAssignedSteps();
+    return () => {
+      isCurrent = false;
+    };
+  }, []);
+  useEffect51(() => {
+    let isCurrent = true;
+    const loadStepFiles = async () => {
+      var _a, _b;
+      if (!activeWorkflowStepId) {
+        setFilePoolFiles([]);
+        setMyFiles([]);
+        return;
+      }
+      try {
+        const unclaimedFilesEndpoint = getInboxEndpoint(
+          ["inbox", "Inbox", "filePool", "FilePool"],
+          "getUnclaimedFilesByWorkflowStepId"
+        );
+        if (!unclaimedFilesEndpoint) {
+          throw new Error("File Pool endpoint is not configured (flowCore.inbox.getUnclaimedFilesByWorkflowStepId).");
+        }
+        const myFilesEndpoint = getInboxEndpoint(
+          ["inbox", "Inbox", "myFiles", "MyFiles"],
+          ["getMyFilesList", "getList"]
+        );
+        if (!myFilesEndpoint) {
+          throw new Error("My Files list endpoint is not configured (flowCore.inbox.getMyFilesList).");
+        }
+        const payload = { workflowStepId: Number(activeWorkflowStepId) };
+        const [poolResponse, myFilesResponse] = await Promise.all([
+          getApiService().post(unclaimedFilesEndpoint, payload),
+          getApiService().post(myFilesEndpoint, payload)
+        ]);
+        if (!isCurrent) return;
+        setFilePoolFiles(unwrapInboxRows(poolResponse).map(normalizePoolFile));
+        setMyFiles(unwrapInboxRows(myFilesResponse).map(normalizeMyFile));
+      } catch (error) {
+        if (!isCurrent) return;
+        setFilePoolFiles([]);
+        setMyFiles([]);
+        await Swal29.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 inbox files.",
+          "error"
+        );
+      }
+    };
+    loadStepFiles();
+    return () => {
+      isCurrent = false;
+    };
+  }, [activeWorkflowStepId, refreshKey]);
   const [dynamicColumns, setDynamicColumns] = useState71([
     { key: "department", label: "Department", width: "190px", visible: true },
     { key: "applicant", label: "Applicant / Entity", width: "210px", visible: true },
@@ -19487,6 +19689,7 @@ function InboxMain() {
   const [sortDirection, setSortDirection] = useState71("asc");
   const [poolModalOpen, setPoolModalOpen] = useState71(false);
   const [selectedPoolFile, setSelectedPoolFile] = useState71(null);
+  const [isClaimingPool, setIsClaimingPool] = useState71(false);
   const [actionModalOpen, setActionModalOpen] = useState71(false);
   const [selectedActionFile, setSelectedActionFile] = useState71(null);
   const [viewModalOpen, setViewModalOpen] = useState71(false);
@@ -19660,27 +19863,45 @@ function InboxMain() {
     setSelectedPoolFile(file);
     setPoolModalOpen(true);
   };
-  const handleConfirmPool = async (fileToPool) => {
-    setPoolModalOpen(false);
-    setFilePoolFiles((prev) => prev.filter((item) => item.fileId !== fileToPool.fileId));
-    const claimedFile = __spreadProps(__spreadValues({}, fileToPool), {
-      status: "In Progress",
-      assignedTo: "Pankaj Jain"
-    });
-    setMyFiles((prev) => [claimedFile, ...prev]);
-    setTotalFiles(
-      (prev) => prev.map(
-        (item) => item.fileId === fileToPool.fileId ? __spreadProps(__spreadValues({}, item), { status: "In Progress", assignedTo: "Pankaj Jain" }) : item
-      )
-    );
-    await Swal29.fire({
-      icon: "success",
-      title: "File Pooled Successfully!",
-      html: `File <strong>${fileToPool.fileNumber}</strong> has been moved to your <strong>My Files</strong> queue.`,
-      confirmButtonColor: "#2563eb",
-      timer: 3e3,
-      timerProgressBar: true
-    });
+  const handleConfirmPool = async () => {
+    var _a, _b;
+    if (!activeWorkflowStepId) {
+      await Swal29.fire("Error", "Select an assigned workflow step before claiming files.", "error");
+      return;
+    }
+    setIsClaimingPool(true);
+    try {
+      const claimEndpoint = getInboxEndpoint(
+        ["inbox", "Inbox", "filePool", "FilePool"],
+        "claimUnclaimedFilesByWorkflowStepId"
+      );
+      if (!claimEndpoint) {
+        throw new Error("Claim endpoint is not configured (flowCore.inbox.claimUnclaimedFilesByWorkflowStepId).");
+      }
+      await getApiService().post(claimEndpoint, {
+        workflowStepId: Number(activeWorkflowStepId)
+      });
+      setPoolModalOpen(false);
+      setSelectedPoolFile(null);
+      setCurrentPage(1);
+      setRefreshKey((previous) => previous + 1);
+      await Swal29.fire({
+        icon: "success",
+        title: "Files Claimed",
+        text: "Unclaimed files for this workflow step have been assigned to your My Files queue.",
+        confirmButtonColor: "#2563eb",
+        timer: 3e3,
+        timerProgressBar: true
+      });
+    } catch (error) {
+      await Swal29.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 claim files.",
+        "error"
+      );
+    } finally {
+      setIsClaimingPool(false);
+    }
   };
   const handleOpenTakeAction = (file) => {
     setSelectedActionFile(file);
@@ -19703,11 +19924,12 @@ function InboxMain() {
   };
   const handleRefresh = () => {
     setCurrentPage(1);
+    setRefreshKey((previous) => previous + 1);
     Swal29.fire({
       toast: true,
       position: "top-end",
-      icon: "success",
-      title: "Inbox updated with latest records",
+      icon: "info",
+      title: "Refreshing inbox files",
       showConfirmButton: false,
       timer: 2e3
     });
@@ -19793,7 +20015,7 @@ function InboxMain() {
                 ] }),
                 /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:items-center fc:gap-1.5 fc:mt-0.5", children: [
                   /* @__PURE__ */ jsx97("span", { className: "fc:text-[10px] fc:text-slate-400 fc:font-medium", children: "Active Step:" }),
-                  /* @__PURE__ */ jsx97("span", { className: "fc:text-[10px] fc:font-bold fc:text-indigo-600 fc:bg-indigo-50/80 fc:px-1.5 fc:py-0.2 fc:rounded", children: activeRoleDetails.step })
+                  /* @__PURE__ */ jsx97("span", { className: "fc:text-[10px] fc:font-bold fc:text-indigo-600 fc:bg-indigo-50/80 fc:px-1.5 fc:py-0.2 fc:rounded", children: (activeRoleDetails == null ? void 0 : activeRoleDetails.stepName) || "-" })
                 ] })
               ] }),
               roleDropdownOpen && /* @__PURE__ */ jsxs96(
@@ -19805,30 +20027,39 @@ function InboxMain() {
                   children: [
                     /* @__PURE__ */ jsxs96("div", { className: "fc:flex fc:items-center fc:justify-between fc:border-b fc:border-slate-100 fc:px-3 fc:pb-2 fc:pt-1.5", children: [
                       /* @__PURE__ */ jsx97("div", { children: /* @__PURE__ */ jsx97("p", { className: "fc:text-xs fc:font-bold fc:text-slate-800", children: "Switch role" }) }),
-                      /* @__PURE__ */ jsx97("span", { className: "fc:rounded-full fc:bg-slate-100 fc:px-2  fc:text-[9px] fc:font-bold fc:text-slate-500", children: "3 ROLES" })
+                      /* @__PURE__ */ jsxs96("span", { className: "fc:rounded-full fc:bg-slate-100 fc:px-2 fc:text-[9px] fc:font-bold fc:text-slate-500", children: [
+                        assignedSteps.length,
+                        " STEPS"
+                      ] })
                     ] }),
-                    /* @__PURE__ */ jsx97("div", { className: "fc:space-y-1 fc:pt-0.5", children: INBOX_ROLES.map((role) => /* @__PURE__ */ jsxs96(
-                      "button",
-                      {
-                        type: "button",
-                        role: "menuitemradio",
-                        "aria-checked": activeRole === role.name,
-                        onClick: () => {
-                          setActiveRole(role.name);
-                          setRoleDropdownOpen(false);
+                    /* @__PURE__ */ jsx97("div", { className: "fc:space-y-1 fc:pt-0.5", children: assignedSteps.length === 0 ? /* @__PURE__ */ jsx97("p", { className: "fc:px-3 fc:py-3 fc:text-xs fc:text-slate-500", children: "No assigned workflow steps" }) : assignedSteps.map((step) => {
+                      const isSelected = Number(activeWorkflowStepId) === step.workflowStepId;
+                      const stepName = step.stepName || `Workflow Step ${step.workflowStepId}`;
+                      const marker = String(step.stepCode || stepName).trim().slice(0, 2).toUpperCase();
+                      return /* @__PURE__ */ jsxs96(
+                        "button",
+                        {
+                          type: "button",
+                          role: "menuitemradio",
+                          "aria-checked": isSelected,
+                          onClick: () => {
+                            setActiveWorkflowStepId(step.workflowStepId);
+                            setCurrentPage(1);
+                            setRoleDropdownOpen(false);
+                          },
+                          className: `fc:flex fc:w-full fc:items-center fc:gap-3 fc:rounded-xl fc:border fc:px-3 fc:py-3 fc:text-left fc:transition-colors ${isSelected ? "fc:border-blue-200 fc:bg-blue-50/80" : "fc:border-transparent fc:bg-white hover:fc:border-slate-200 hover:fc:bg-slate-50"}`,
+                          children: [
+                            /* @__PURE__ */ jsx97("span", { className: "fc:flex fc:h-9 fc:w-9 fc:shrink-0 fc:items-center fc:justify-center fc:rounded-xl fc:bg-blue-100 fc:text-[10px] fc:font-extrabold fc:text-blue-700", children: marker }),
+                            /* @__PURE__ */ jsxs96("span", { className: "fc:min-w-0 fc:flex-1", children: [
+                              /* @__PURE__ */ jsx97("span", { className: `fc:block fc:text-xs fc:font-bold ${isSelected ? "fc:text-blue-800" : "fc:text-slate-800"}`, children: stepName }),
+                              /* @__PURE__ */ jsx97("span", { className: "fc:mt-0.5 fc:block fc:text-[10px] fc:leading-4 fc:text-slate-500", children: step.workflowName || `Workflow Step ID ${step.workflowStepId}` })
+                            ] }),
+                            isSelected && /* @__PURE__ */ jsx97("span", { className: "fc:shrink-0 fc:rounded-full fc:bg-blue-100 fc:px-2 fc:py-1 fc:text-[9px] fc:font-bold fc:text-blue-700", children: "Current" })
+                          ]
                         },
-                        className: `fc:flex fc:w-full fc:items-center fc:gap-3 fc:rounded-xl fc:border fc:px-3 fc:py-3 fc:text-left fc:transition-colors ${activeRole === role.name ? "fc:border-blue-200 fc:bg-blue-50/80" : "fc:border-transparent fc:bg-white hover:fc:border-slate-200 hover:fc:bg-slate-50"}`,
-                        children: [
-                          /* @__PURE__ */ jsx97("span", { className: `fc:flex fc:h-9 fc:w-9 fc:shrink-0 fc:items-center fc:justify-center fc:rounded-xl fc:text-[10px] fc:font-extrabold ${role.color}`, children: role.marker }),
-                          /* @__PURE__ */ jsxs96("span", { className: "fc:min-w-0 fc:flex-1", children: [
-                            /* @__PURE__ */ jsx97("span", { className: `fc:block fc:text-xs fc:font-bold ${activeRole === role.name ? "fc:text-blue-800" : "fc:text-slate-800"}`, children: role.name }),
-                            /* @__PURE__ */ jsx97("span", { className: "fc:mt-0.5 fc:block fc:text-[10px] fc:leading-4 fc:text-slate-500", children: role.description })
-                          ] }),
-                          activeRole === role.name && /* @__PURE__ */ jsx97("span", { className: "fc:shrink-0 fc:rounded-full fc:bg-blue-100 fc:px-2 fc:py-1 fc:text-[9px] fc:font-bold fc:text-blue-700", children: "Current" })
-                        ]
-                      },
-                      role.name
-                    )) })
+                        step.workflowStepId
+                      );
+                    }) })
                   ]
                 }
               )
@@ -20487,7 +20718,9 @@ function InboxMain() {
       {
         isOpen: poolModalOpen,
         file: selectedPoolFile,
+        isSubmitting: isClaimingPool,
         onClose: () => {
+          if (isClaimingPool) return;
           setPoolModalOpen(false);
           setSelectedPoolFile(null);
         },

package/package.json

@@ -1,6 +1,6 @@
   {
     "name": "flowcore-fn",
-    "version": "10.2.7",
+    "version": "10.2.8",
     "main": "dist/pkg-index.js",
     "module": "dist/pkg-index.mjs",
     "files": [