flowcore-fn 10.3.9 → 10.4.1

package/dist/pkg-index.js

@@ -9517,21 +9517,21 @@ function Popup({ isOpen, onClose, onSave }) {
     }
   };
   const permissionCards = [
-    { icon: "\u{1F441}\uFE0F", title: "Can View", desc: "Read logs & details", field: "canView" },
-    { icon: "\u2713", title: "Can Approve", desc: "Pass states & approve", field: "canApprove" },
-    { icon: "\u{1F4DD}", title: "Can Edit", desc: "Modify properties", field: "canEdit" },
-    { icon: "\u2715", title: "Can Reject", desc: "Cancel / reject tasks", field: "canReject" },
-    { icon: "\u27A1\uFE0F", title: "Can Forward", desc: "Forward to next step", field: "canForward" },
-    { icon: "\u23E9", title: "Can Free Forward", desc: "Forward freely to any step", field: "canFreeForward" },
-    { icon: "\u21A9\uFE0F", title: "Can Return", desc: "Return to previous step", field: "canReturn" },
-    { icon: "\u{1F464}", title: "Can Return To Applicant", desc: "Send back to applicant", field: "canReturnToApplicant" },
-    { icon: "\u{1F465}", title: "Can Delegate", desc: "Reassign or delegate task", field: "canDelegate" },
-    { icon: "\u23F8\uFE0F", title: "Can Hold", desc: "Put execution on hold", field: "canHold" }
+    { title: "Can View", field: "canView", labelField: "viewLabel" },
+    { title: "Can Approve", field: "canApprove", labelField: "approveLabel" },
+    { title: "Can Edit", field: "canEdit", labelField: "editLabel" },
+    { title: "Can Reject", field: "canReject", labelField: "rejectLabel" },
+    { title: "Can Forward", field: "canForward", labelField: "forwardLabel" },
+    { title: "Can Free Forward", field: "canFreeForward", labelField: "freeForwardLabel" },
+    { title: "Can Return", field: "canReturn", labelField: "returnLabel" },
+    { title: "Can Return To Applicant", field: "canReturnToApplicant", labelField: "returnToApplicantLabel" },
+    { title: "Can Delegate", field: "canDelegate", labelField: "delegateLabel" },
+    { title: "Can Hold", field: "canHold", labelField: "holdLabel" }
   ];
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity fc:duration-200", onClick: onClose }),
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:relative fc:w-full fc:max-w-4xl fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:flex fc:flex-col fc:z-10 fc:max-h-[92vh] fc:overflow-hidden fc:animate-in fc:fade-in fc:zoom-in-95 fc:duration-200", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-8 fc:py-6 fc:border-b fc:border-slate-100", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:relative fc:w-full fc:max-w-6xl fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:flex fc:flex-col fc:z-10 fc:max-h-[96vh] fc:overflow-hidden fc:animate-in fc:fade-in fc:zoom-in-95 fc:duration-200", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-6 fc:py-4 fc:border-b fc:border-slate-100", children: [
         /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "fc:w-12 fc:h-12 fc:bg-blue-50 fc:text-blue-600 fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:shadow-sm fc:text-xl", children: "\u{1F511}" }),
           /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
@@ -9541,10 +9541,10 @@ function Popup({ isOpen, onClose, onSave }) {
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 hover:fc:fc:bg-slate-100 fc:p-2 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("form", { onSubmit: handleSubmit, className: "fc:flex fc:flex-col fc:flex-1 fc:overflow-hidden", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:p-8 fc:space-y-8 fc:overflow-y-auto fc:max-h-[calc(92vh-170px)] fc:bg-slate-50/30", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-blue-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("form", { onSubmit: handleSubmit, className: "fc:flex fc:min-h-0 fc:flex-1 fc:flex-col fc:overflow-hidden", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:min-h-0 fc:flex-1 fc:space-y-4 fc:overflow-y-auto fc:bg-slate-50/30 fc:p-4 md:fc:p-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:bg-white fc:p-4 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-blue-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-2", children: [
               /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "\u{1F4CB}" }),
               /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "Step Information" })
             ] }),
@@ -9577,56 +9577,57 @@ function Popup({ isOpen, onClose, onSave }) {
               errors.workflowStepId && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.workflowStepId })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:bg-white fc:p-4 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-4", children: [
             /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-blue-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-3", children: [
               /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "\u2699\uFE0F" }),
               /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "Set Initial Matrix Access Rules" })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "fc:grid fc:grid-cols-2 fc:gap-4", children: permissionCards.map(({ icon, title, desc, field }) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:p-4 fc:bg-slate-50/50 fc:border fc:border-slate-100 fc:rounded-2xl", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "fc:w-8 fc:h-8 fc:rounded-lg fc:bg-blue-50 fc:text-blue-600 fc:flex fc:items-center fc:justify-center fc:text-xs", children: icon }),
-                /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "fc:text-xs fc:font-bold fc:text-slate-700", children: title }),
-                  /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400", children: desc })
-                ] })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => handleChange(field, !formData[field]),
-                  className: `fc:relative fc:inline-flex fc:h-5.5 fc:w-10 fc:shrink-0 fc:cursor-pointer fc:rounded-full fc:border-2 fc:border-transparent fc:transition-colors fc:duration-200 fc:ease-in-out fc:outline-none ${formData[field] ? "fc:bg-blue-600" : "fc:bg-gray-300"}`,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-                    "span",
-                    {
-                      className: `fc:pointer-events-none fc:inline-block fc:h-4.5 fc:w-4.5 fc:transform fc:rounded-full fc:bg-white fc:shadow fc:ring-0 fc:transition fc:duration-200 fc:ease-in-out ${formData[field] ? "fc:translate-x-4.5" : "fc:translate-x-0"}`
-                    }
-                  )
-                }
-              )
-            ] }, field)) })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-blue-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "\u{1F3F7}\uFE0F" }),
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "Action Labels" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "fc:grid fc:grid-cols-2 fc:gap-4", children: permissionLabelFields.map(({ field, label, fallback }) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: label }),
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-                "input",
-                {
-                  type: "text",
-                  value: formData[field],
-                  onChange: (event) => handleChange(field, event.target.value),
-                  placeholder: fallback,
-                  className: "fc:w-full fc:px-3 fc:py-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500"
-                }
-              )
-            ] }, field)) })
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+              "div",
+              {
+                className: "fc:grid fc:gap-3",
+                style: { gridTemplateColumns: "repeat(auto-fit, minmax(max(200px, calc((100% - 36px) / 4)), 1fr))" },
+                children: permissionCards.map(({ title, field, labelField }) => {
+                  var _a, _b;
+                  const actionLabel = permissionLabelFields.find((item) => item.field === labelField);
+                  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:flex fc:min-w-0 fc:flex-col fc:gap-2 fc:rounded-xl fc:border fc:border-slate-100 fc:bg-slate-50/50 fc:p-3", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "fc:text-[11px] fc:font-extrabold fc:text-slate-700", children: title }),
+                    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                        "input",
+                        {
+                          type: "text",
+                          "aria-label": (_a = actionLabel == null ? void 0 : actionLabel.label) != null ? _a : `${title} label`,
+                          value: (_b = formData[labelField]) != null ? _b : "",
+                          placeholder: actionLabel == null ? void 0 : actionLabel.fallback,
+                          onChange: (event) => handleChange(labelField, event.target.value),
+                          className: "fc:min-w-0 fc:flex-1 fc:rounded-lg fc:border fc:border-slate-200 fc:bg-white fc:px-2 fc:py-1.5 fc:text-[11px] fc:text-slate-700 focus:fc:border-indigo-500 focus:fc:outline-none"
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                        "button",
+                        {
+                          type: "button",
+                          "aria-label": `${title}: ${formData[field] ? "enabled" : "disabled"}`,
+                          "aria-pressed": Boolean(formData[field]),
+                          onClick: () => handleChange(field, !formData[field]),
+                          className: `fc:relative fc:inline-flex fc:h-5.5 fc:w-10 fc:shrink-0 fc:cursor-pointer fc:rounded-full fc:border-2 fc:border-transparent fc:transition-colors fc:duration-200 fc:ease-in-out fc:outline-none ${formData[field] ? "fc:bg-blue-600" : "fc:bg-gray-300"}`,
+                          children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+                            "span",
+                            {
+                              className: `fc:pointer-events-none fc:inline-block fc:h-4.5 fc:w-4.5 fc:transform fc:rounded-full fc:bg-white fc:shadow fc:ring-0 fc:transition fc:duration-200 fc:ease-in-out ${formData[field] ? "fc:translate-x-4.5" : "fc:translate-x-0"}`
+                            }
+                          )
+                        }
+                      )
+                    ] })
+                  ] }, field);
+                })
+              }
+            )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-blue-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:bg-white fc:p-4 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-blue-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-2", children: [
               /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "\u{1F518}" }),
               /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: "Status" })
             ] }),
@@ -9650,7 +9651,7 @@ function Popup({ isOpen, onClose, onSave }) {
             )) })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:p-5 fc:bg-white fc:border-t fc:border-slate-100 fc:flex fc:items-center fc:justify-end fc:gap-3 fc:px-8", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-end fc:gap-3 fc:border-t fc:border-slate-100 fc:bg-white fc:px-6 fc:py-3", children: [
           /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
             "button",
             {
@@ -10433,12 +10434,12 @@ function FormFieldMain() {
       /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         CommonHeader,
         {
-          title: "Update Permission",
+          title: "Applicant Form Fields",
           breadcrumbs: [
             { label: "Dashboard", href: "/dashboard" },
             { label: "Masters", href: "/masters" },
             { label: "Permissions", href: "/permissions" },
-            { label: "Update Permission", href: "/form-field" }
+            { label: "Applicant Form Fields", href: "/form-field" }
           ],
           buttonText: "Add Form Field",
           onButtonClick: openCreate
@@ -18800,7 +18801,9 @@ function AddStatusModal({
   isOpen,
   onClose,
   onSave,
-  modules = []
+  modules = [],
+  actionCodes = [],
+  isLoadingActionCodes = false
 }) {
   const [formData, setFormData] = (0, import_react94.useState)(INITIAL_FORM4);
   const [errors, setErrors] = (0, import_react94.useState)({});
@@ -18848,9 +18851,6 @@ function AddStatusModal({
     if (!formData.moduleId) {
       errs.moduleId = "Module is required.";
     }
-    if (!formData.statusName.trim()) {
-      errs.statusName = "Status Name is required.";
-    }
     if (!formData.statusCode.trim()) {
       errs.statusCode = "Status Code is required.";
     }
@@ -18863,7 +18863,7 @@ function AddStatusModal({
     if (!validate()) return;
     const payload = {
       moduleId: Number(formData.moduleId),
-      statusName: formData.statusName.trim(),
+      statusName: formData.statusCode.trim().toUpperCase(),
       statusCode: formData.statusCode.trim().toUpperCase(),
       description: formData.description.trim(),
       createdBy: "System"
@@ -18963,15 +18963,21 @@ function AddStatusModal({
                 /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "fc:text-red-500", children: "*" })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:relative", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
-                  "input",
+                /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(
+                  "select",
                   {
-                    type: "text",
                     name: "statusCode",
                     value: formData.statusCode,
                     onChange: handleChange,
-                    placeholder: "e.g. ST_01, COMPLETED",
-                    className: `${inputCls(errors.statusCode)} uppercase`
+                    disabled: isLoadingActionCodes,
+                    className: `${inputCls(errors.statusCode)} fc:bg-white disabled:fc:opacity-60`,
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("option", { value: "", children: isLoadingActionCodes ? "Loading action codes..." : "Select an action code" }),
+                      actionCodes.map((action) => {
+                        var _a;
+                        return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("option", { value: action.name, children: action.name }, (_a = action.value) != null ? _a : action.name);
+                      })
+                    ]
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("svg", { className: "fc:w-4 fc:h-4 fc:absolute fc:left-3 fc:top-3 fc:text-slate-400 fc:pointer-events-none", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" }) })
@@ -18979,27 +18985,6 @@ function AddStatusModal({
               errors.statusCode && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "fc:text-[11px] fc:text-red-500 fc:mt-1", children: errors.statusCode })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("label", { className: "fc:block fc:text-[11px] fc:font-bold fc:text-slate-700 fc:mb-1", children: [
-              "Status Name ",
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("span", { className: "fc:text-red-500", children: "*" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:relative", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
-                "input",
-                {
-                  type: "text",
-                  name: "statusName",
-                  value: formData.statusName,
-                  onChange: handleChange,
-                  placeholder: "Enter status name (e.g. In Progress, Completed)",
-                  className: inputCls(errors.statusName)
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("svg", { className: "fc:w-4 fc:h-4 fc:absolute fc:left-3 fc:top-3 fc:text-slate-400 fc:pointer-events-none", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" }) })
-            ] }),
-            errors.statusName && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("p", { className: "fc:text-[11px] fc:text-red-500 fc:mt-1", children: errors.statusName })
-          ] }),
           /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("label", { className: "fc:block fc:text-[11px] fc:font-bold fc:text-slate-700 fc:mb-1", children: "Description" }),
             /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: "fc:relative", children: [
@@ -19075,6 +19060,8 @@ function EditStatusModal({
   onSave,
   selectedData,
   modules = [],
+  actionCodes = [],
+  isLoadingActionCodes = false,
   isFetchingById = false
 }) {
   const [formData, setFormData] = (0, import_react95.useState)(() => getInitialFormData3(selectedData));
@@ -19131,9 +19118,6 @@ function EditStatusModal({
     if (!formData.moduleId) {
       errs.moduleId = "Module is required.";
     }
-    if (!String(formData.statusName).trim()) {
-      errs.statusName = "Status Name is required.";
-    }
     if (!String(formData.statusCode).trim()) {
       errs.statusCode = "Status Code is required.";
     }
@@ -19147,7 +19131,7 @@ function EditStatusModal({
     const payload = {
       statusId: Number(formData.statusId) || 0,
       moduleId: Number(formData.moduleId) || 0,
-      statusName: String(formData.statusName).trim(),
+      statusName: String(formData.statusCode).trim().toUpperCase(),
       statusCode: String(formData.statusCode).trim().toUpperCase(),
       description: String(formData.description).trim(),
       isActive: Boolean(formData.isActive),
@@ -19253,15 +19237,22 @@ function EditStatusModal({
                   /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "fc:text-red-500", children: "*" })
                 ] }),
                 /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "fc:relative", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
-                    "input",
+                  /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
+                    "select",
                     {
-                      type: "text",
                       name: "statusCode",
                       value: formData.statusCode,
                       onChange: handleChange,
-                      placeholder: "e.g. ST_01, COMPLETED",
-                      className: `${inputCls(errors.statusCode)} uppercase`
+                      disabled: true,
+                      className: `${inputCls(errors.statusCode)} fc:bg-white disabled:fc:opacity-60`,
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("option", { value: "", children: isLoadingActionCodes ? "Loading action codes..." : "Select an action code" }),
+                        formData.statusCode && !actionCodes.some((action) => action.name.toUpperCase() === String(formData.statusCode).toUpperCase()) && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("option", { value: formData.statusCode, children: formData.statusCode }),
+                        actionCodes.map((action) => {
+                          var _a;
+                          return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("option", { value: action.name, children: action.name }, (_a = action.value) != null ? _a : action.name);
+                        })
+                      ]
                     }
                   ),
                   /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("svg", { className: "fc:w-4 fc:h-4 fc:absolute fc:left-3 fc:top-3 fc:text-slate-400 fc:pointer-events-none", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4" }) })
@@ -19269,45 +19260,7 @@ function EditStatusModal({
                 errors.statusCode && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "fc:text-[11px] fc:text-red-500 fc:mt-1", children: errors.statusCode })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "fc:grid fc:grid-cols-2 md:fc:grid-cols-2 fc:gap-3.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("label", { className: "fc:block fc:text-[11px] fc:font-bold fc:text-slate-700 fc:mb-1", children: [
-                  "Status Name ",
-                  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("span", { className: "fc:text-red-500", children: "*" })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "fc:relative", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
-                    "input",
-                    {
-                      type: "text",
-                      name: "statusName",
-                      value: formData.statusName,
-                      onChange: handleChange,
-                      placeholder: "Enter status name",
-                      className: inputCls(errors.statusName)
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("svg", { className: "fc:w-4 fc:h-4 fc:absolute fc:left-3 fc:top-3 fc:text-slate-400 fc:pointer-events-none", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" }) })
-                ] }),
-                errors.statusName && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("p", { className: "fc:text-[11px] fc:text-red-500 fc:mt-1", children: errors.statusName })
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("label", { className: "fc:block fc:text-[11px] fc:font-bold fc:text-slate-700 fc:mb-1", children: "Status ID" }),
-                /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "fc:relative", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
-                    "input",
-                    {
-                      type: "text",
-                      name: "statusId",
-                      value: formData.statusId,
-                      disabled: true,
-                      className: "fc:w-full fc:py-2.5 fc:px-3 fc:pl-9 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-slate-100 fc:text-slate-500 fc:cursor-not-allowed"
-                    }
-                  ),
-                  /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("svg", { className: "fc:w-4 fc:h-4 fc:absolute fc:left-3 fc:top-3 fc:text-slate-400 fc:pointer-events-none", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M7 20l4-16m2 16l4-16M6 9h14M4 15h14" }) })
-                ] })
-              ] })
-            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "fc:grid fc:grid-cols-2 md:fc:grid-cols-2 fc:gap-3.5" }),
             /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { children: [
               /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("label", { className: "fc:block fc:text-[11px] fc:font-bold fc:text-slate-700 fc:mb-1", children: "Description" }),
               /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "fc:relative", children: [
@@ -19421,7 +19374,8 @@ var DEFAULT_ENDPOINTS2 = {
   update: "/api/flowcore/Status/Update",
   getList: "/api/flowcore/Status/GetList",
   getById: "/api/flowcore/Status/GetById",
-  moduleList: "/api/flowcore/Module/GetList"
+  moduleList: "/api/flowcore/Module/GetList",
+  actionCodeList: "/api/flowcore/WorkflowExecution/GetActionCodeList"
 };
 function StatusMain() {
   const tableRef = (0, import_react96.useRef)(null);
@@ -19429,6 +19383,9 @@ function StatusMain() {
   const [isLoading, setIsLoading] = (0, import_react96.useState)(false);
   const [apiData, setApiData] = (0, import_react96.useState)([]);
   const [modules, setModules] = (0, import_react96.useState)([]);
+  const [actionCodes, setActionCodes] = (0, import_react96.useState)([]);
+  const [isLoadingActionCodes, setIsLoadingActionCodes] = (0, import_react96.useState)(false);
+  const [hasLoadedActionCodes, setHasLoadedActionCodes] = (0, import_react96.useState)(false);
   const [selectedModuleId, setSelectedModuleId] = (0, import_react96.useState)("");
   const [pageSize, setPageSize] = (0, import_react96.useState)(5);
   const [searchQuery, setSearchQuery] = (0, import_react96.useState)("");
@@ -19466,9 +19423,50 @@ function StatusMain() {
       return DEFAULT_ENDPOINTS2.moduleList;
     }
   };
+  const getActionCodeListEndpoint = () => {
+    var _a, _b;
+    try {
+      const flowCore = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore;
+      return ((_b = flowCore == null ? void 0 : flowCore.inbox) == null ? void 0 : _b.GetPermisiionLabelWithCodeAll) || DEFAULT_ENDPOINTS2.actionCodeList;
+    } catch (e) {
+      return DEFAULT_ENDPOINTS2.actionCodeList;
+    }
+  };
   const handleRefresh = () => {
     setRefreshKey((prev) => prev + 1);
   };
+  const handleOpenAdd = async () => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    setIsAddOpen(true);
+    if (hasLoadedActionCodes || isLoadingActionCodes) return;
+    try {
+      setIsLoadingActionCodes(true);
+      let endpoint3 = getActionCodeListEndpoint();
+      if (typeof endpoint3 === "function") endpoint3 = endpoint3();
+      const response = await getApiService().get(endpoint3);
+      const value = (_e = (_d = (_c = (_a = response == null ? void 0 : response.data) == null ? void 0 : _a.data) != null ? _c : (_b = response == null ? void 0 : response.data) == null ? void 0 : _b.result) != null ? _d : response == null ? void 0 : response.data) != null ? _e : response;
+      const rows = Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
+      setActionCodes(rows.filter((item) => {
+        var _a2;
+        return (_a2 = item == null ? void 0 : item.name) != null ? _a2 : item == null ? void 0 : item.Name;
+      }).map((item) => {
+        var _a2, _b2;
+        return {
+          value: (_a2 = item.value) != null ? _a2 : item.Value,
+          name: String((_b2 = item.name) != null ? _b2 : item.Name)
+        };
+      }));
+      setHasLoadedActionCodes(true);
+    } catch (error) {
+      await import_sweetalert229.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 load action codes.",
+        "error"
+      );
+    } finally {
+      setIsLoadingActionCodes(false);
+    }
+  };
   (0, import_react96.useEffect)(() => {
     let isMounted = true;
     (async () => {
@@ -19683,7 +19681,7 @@ function StatusMain() {
           { label: "Status", href: "/status" }
         ],
         buttonText: "Add Status",
-        onButtonClick: () => setIsAddOpen(true)
+        onButtonClick: handleOpenAdd
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime96.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: [
@@ -19816,7 +19814,9 @@ function StatusMain() {
         isOpen: isAddOpen,
         onClose: () => setIsAddOpen(false),
         onSave: handleCreate,
-        modules
+        modules,
+        actionCodes,
+        isLoadingActionCodes
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
@@ -19829,6 +19829,8 @@ function StatusMain() {
         },
         selectedData: selectedItem,
         modules,
+        actionCodes,
+        isLoadingActionCodes,
         onSave: handleUpdate
       }
     )
@@ -21342,141 +21344,305 @@ var import_react118 = require("@remixicon/react");
 // src/components/inbox/DynamicFormDisplay.jsx
 var import_react115 = __toESM(require("react"));
 var import_react116 = require("@remixicon/react");
-var import_jsx_runtime106 = require("react/jsx-runtime");
-var STATIC_FORM_JSON = {
-  formId: "election-petition",
-  formName: "Election Petition Application",
-  schemaVersion: "1.0",
-  layout: { columns: 2, collapsibleSections: true, defaultExpanded: true },
-  sections: [
-    {
-      id: "basic-information",
-      title: "Basic Information",
-      type: "section",
-      fields: [
-        { id: "applicant-name", label: "Applicant Name", type: "text", value: "Mohit Sharma", colSpan: 1 },
-        { id: "mobile-number", label: "Mobile Number", type: "tel", value: "9876543210", colSpan: 1 },
-        { id: "email-address", label: "Email Address", type: "email", value: "mohit.sharma@example.com", colSpan: 1 },
-        { id: "address", label: "Address", type: "text", value: "Sector 22, Chandigarh, 160022", colSpan: 1 }
-      ]
-    },
-    {
-      id: "petition-details",
-      title: "Petition Details",
-      type: "section",
-      fields: [
-        { id: "category", label: "Category", type: "text", value: "General", colSpan: 1 },
-        { id: "payment-challan-number", label: "Payment Challan Number", type: "text", value: "CHN2026001234", colSpan: 1 },
-        { id: "deposit-date", label: "Deposit Date", type: "date", value: "2026-09-28", displayValue: "28 Sep 2026", colSpan: 1 },
-        { id: "election-type", label: "Election Type", type: "text", value: "Municipal Election", colSpan: 1 },
-        { id: "ward-number", label: "Ward Number", type: "number", value: 22, colSpan: 1 },
-        { id: "description", label: "Description", type: "textarea", value: "Election petition for ward no. 22", colSpan: 2 },
-        { id: "declaration-accepted", label: "Applicant Declaration Accepted", type: "boolean", value: true, displayValue: "Yes", colSpan: 2 }
-      ]
-    },
-    {
-      id: "beneficiaries",
-      title: "Beneficiaries",
-      type: "table",
-      columns: [
-        { id: "col-1", key: "name", label: "Name", type: "text" },
-        { id: "col-2", key: "gender", label: "Gender", type: "text" },
-        { id: "col-3", key: "date-of-birth", label: "Date of Birth", type: "date" },
-        { id: "col-4", key: "is-active", label: "Is Active", type: "boolean" }
-      ],
-      rows: [
-        { id: "row-1", values: ["Ramesh Kumar", "Male", "1985-01-12", true] },
-        { id: "row-2", values: ["Priya Devi", "Female", "1990-03-04", true] },
-        { id: "row-3", values: ["Amit Singh", "Male", "1988-08-21", false] }
-      ]
-    },
-    {
-      id: "attachments",
-      title: "Applicant Attachments",
-      type: "attachments",
-      files: [
-        { id: "file-1", label: "Fee Challan File", fileName: "fee_challan_1234.pdf", contentType: "application/pdf", sizeBytes: 250880, downloadUrl: "/api/applications/TASK-31/files/file-1" },
-        { id: "file-2", label: "Supporting Document", fileName: "petition_document.pdf", contentType: "application/pdf", sizeBytes: 1258291, downloadUrl: "/api/applications/TASK-31/files/file-2" }
-      ]
-    },
-    {
-      id: "additional-information",
-      title: "Additional Information",
-      type: "section",
-      fields: [
-        { id: "additional-comments", label: "Additional Comments", type: "textarea", value: "Please find the attached documents for election petition.", colSpan: 2 }
-      ]
-    }
-  ]
+init_ApiServicepackage();
+
+// src/components/inbox/reviewHelpers.js
+init_ApiEndpointsProvider();
+var getAvailableActions2 = (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;
+  const rows = Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
+  return rows.map((action) => {
+    var _a2, _b2, _c2, _d2, _e2, _f2;
+    return {
+      label: (_d2 = (_c2 = (_b2 = (_a2 = action.label) != null ? _a2 : action.Label) != null ? _b2 : action.actionName) != null ? _c2 : action.ActionName) != null ? _d2 : "",
+      actionCode: (_f2 = (_e2 = action.actionCode) != null ? _e2 : action.ActionCode) != null ? _f2 : ""
+    };
+  }).filter((action) => action.label && action.actionCode);
 };
-var formatSize = (bytes) => {
-  if (bytes >= 1048576) return `${(bytes / 1048576).toFixed(1)} MB`;
-  if (bytes >= 1024) return `${Math.round(bytes / 1024)} KB`;
-  return `${bytes} B`;
+var getWorkflowStepsStatusEndpoint = () => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  const flowCore = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) != null ? _b : {};
+  const endpoint3 = (_k = (_j = (_i = (_g = (_e = (_c = flowCore.getWorkflowStepsBarStatus) == null ? void 0 : _c.getStatus) != null ? _e : (_d = flowCore.workflowStepsBarStatus) == null ? void 0 : _d.getStatus) != null ? _g : (_f = flowCore.GetWorkflowStepsBarStatus) == null ? void 0 : _f.GetStatus) != null ? _i : (_h = flowCore.GetWorkflowStepsBarStatus) == null ? void 0 : _h.getStatus) != null ? _j : flowCore.GetWorkflowStepsBarStatus) != null ? _k : flowCore.getWorkflowStepsBarStatus;
+  if (!endpoint3) throw new Error("Workflow steps bar status endpoint is not configured.");
+  return endpoint3;
 };
-var FieldCard = ({ field }) => {
-  var _a;
-  const label = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "fc:text-[11px] fc:font-bold fc:text-slate-500 fc:block", children: field.label });
-  const span = field.colSpan === 2 ? "fc:col-span-2" : "";
-  if (field.type === "boolean") {
-    return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: `fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80 ${span}`, children: [
-      label,
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-1.5 fc:mt-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("input", { type: "checkbox", checked: field.value === true, readOnly: true, className: "fc:h-4 fc:w-4 fc:accent-emerald-600" }),
-        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "fc:text-[13px] fc:font-bold fc:text-slate-900", children: field.displayValue || (field.value ? "Yes" : "No") })
-      ] })
-    ] });
-  }
-  if (field.type === "textarea") {
-    return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: `fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80 ${span}`, children: [
-      label,
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "fc:text-[13px] fc:font-semibold fc:text-slate-900 fc:mt-1 fc:block fc:whitespace-pre-wrap", children: field.value || "-" })
-    ] });
+var getWorkflowSteps = (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;
+  const steps = (_g = (_f = value == null ? void 0 : value.steps) != null ? _f : value == null ? void 0 : value.Steps) != null ? _g : [];
+  return Array.isArray(steps) ? [...steps].sort((first, second) => {
+    var _a2, _b2, _c2, _d2;
+    return Number((_b2 = (_a2 = first.sequenceNo) != null ? _a2 : first.SequenceNo) != null ? _b2 : 0) - Number((_d2 = (_c2 = second.sequenceNo) != null ? _c2 : second.SequenceNo) != null ? _d2 : 0);
+  }) : [];
+};
+var getFileHistoryEndpoint = () => {
+  var _a, _b, _c, _d, _e;
+  const flowCore = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) != null ? _b : {};
+  const configured = (_c = flowCore.getFileHistory) != null ? _c : flowCore.GetFileHistory;
+  const endpoint3 = (_e = (_d = configured == null ? void 0 : configured.getFileHistory) != null ? _d : configured == null ? void 0 : configured.GetFileHistory) != null ? _e : configured;
+  if (!endpoint3) throw new Error("Get File History endpoint is not configured.");
+  return endpoint3;
+};
+var getDocumentHistoryEndpoint = () => {
+  var _a, _b, _c, _d, _e;
+  const flowCore = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) != null ? _b : {};
+  const configured = (_c = flowCore.getDocumentAndWorkFlow) != null ? _c : flowCore.GetDocumentAndWorkFlow;
+  const endpoint3 = (_e = (_d = configured == null ? void 0 : configured.getDocumentHistoryByHistoryId) != null ? _d : configured == null ? void 0 : configured.GetDocumentHistoryByHistoryId) != null ? _e : configured;
+  if (!endpoint3) throw new Error("Document history details endpoint is not configured.");
+  return endpoint3;
+};
+var getApplicantFormPreviewEndpoint = () => {
+  var _a, _b;
+  const endpoint3 = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) == null ? void 0 : _b.applicantFormPreview;
+  if (!endpoint3) throw new Error("Applicant form preview endpoint is not configured.");
+  return endpoint3;
+};
+var getConfigValue = (source, key) => {
+  if (!source || typeof source !== "object") return void 0;
+  const matchingKey = Object.keys(source).find((candidate) => candidate.toLowerCase() === key.toLowerCase());
+  return matchingKey ? source[matchingKey] : void 0;
+};
+var findConfigEntry = (source, key, path = [], visited = /* @__PURE__ */ new WeakSet()) => {
+  if (!source || typeof source !== "object" || visited.has(source)) return null;
+  visited.add(source);
+  const entries = Object.entries(source);
+  const matchingEntry = entries.find(([candidate]) => candidate.toLowerCase() === key.toLowerCase());
+  if (matchingEntry) return { value: matchingEntry[1], path: [...path, matchingEntry[0]] };
+  for (const [candidate, value] of entries) {
+    const result = findConfigEntry(value, key, [...path, candidate], visited);
+    if (result) return result;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: `fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80 ${span}`, children: [
-    label,
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "fc:text-[13px] fc:font-bold fc:text-slate-900 fc:mt-1 fc:block", children: field.type === "date" ? field.displayValue || field.value : (_a = field.value) != null ? _a : "-" })
-  ] });
+  return null;
 };
-var TableSection = ({ section }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "fc:overflow-x-auto fc:rounded-xl fc:border fc:border-slate-200/80 fc-custom-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("table", { className: "fc:min-w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("thead", { className: "fc:bg-slate-50", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("tr", { children: section.columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("th", { className: "fc:px-3 fc:py-2.5 fc:text-[11px] fc:font-bold fc:text-slate-600 fc:text-left fc:whitespace-nowrap fc:border-b fc:border-slate-200", children: col.label }, col.id)) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("tbody", { className: "fc:divide-y fc:divide-slate-100", children: section.rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("tr", { className: "hover:fc:bg-slate-50/50", children: section.columns.map((col, index) => {
-      const val = row.values[index];
-      return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("td", { className: "fc:px-3 fc:py-2 fc:text-xs fc:text-slate-700 fc:whitespace-nowrap", children: col.type === "boolean" ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: `fc:inline-flex fc:items-center fc:px-2 fc:py-0.5 fc:rounded-full fc:text-[10px] fc:font-bold ${val ? "fc:bg-emerald-50 fc:text-emerald-600 fc:border fc:border-emerald-200" : "fc:bg-red-50 fc:text-red-500 fc:border fc:border-red-200"}`, children: val ? "Active" : "Inactive" }) : val !== null && val !== void 0 ? String(val) : "-" }, col.id);
-    }) }, row.id)) })
-  ] }) });
+var getStepDocumentsEndpoint = () => {
+  var _a, _b, _c;
+  const suppliedEndpoints = getApiEndpoints();
+  const root = (_a = getConfigValue(suppliedEndpoints, "apiEndpoints")) != null ? _a : suppliedEndpoints;
+  const flowCore = (_b = getConfigValue(root, "flowCore")) != null ? _b : root;
+  const inbox = getConfigValue(flowCore, "inbox");
+  const documentConfiguration = getConfigValue(flowCore, "documentConfiguration");
+  const configuredEndpoint = (_c = getConfigValue(inbox, "getDocumentsByWorkFlowStepId")) != null ? _c : getConfigValue(documentConfiguration, "getDocumentsByWorkFlowStepId");
+  const endpoint3 = configuredEndpoint ? { value: configuredEndpoint, path: ["flowCore", "inbox", "getDocumentsByWorkFlowStepId"] } : findConfigEntry(suppliedEndpoints, "getDocumentsByWorkFlowStepId");
+  if (!(endpoint3 == null ? void 0 : endpoint3.value)) {
+    const configKeys = Object.keys(flowCore != null ? flowCore : {}).join(", ") || "none";
+    const inboxKeys = Object.keys(inbox != null ? inbox : {}).join(", ") || "none";
+    throw new Error(`Documents endpoint missing at runtime. flowCore keys: ${configKeys}. inbox keys: ${inboxKeys}.`);
+  }
+  if (typeof endpoint3.value !== "string" && typeof endpoint3.value !== "function") {
+    throw new Error(`Configured document endpoint at ${endpoint3.path.join(".")} must be a URL string or function.`);
+  }
+  return endpoint3.value;
 };
-var AttachmentsSection = ({ section }) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "fc:space-y-3", children: section.files.map((file) => /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "fc:w-9 fc:h-9 fc:rounded-lg fc:bg-red-100 fc:flex fc:items-center fc:justify-center fc:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react116.RiFileTextLine, { size: 18, className: "fc:text-red-500" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-800", children: file.label }),
-      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("span", { className: "fc:block fc:text-[11px] fc:text-slate-500", children: [
-        file.fileName,
-        " (",
-        formatSize(file.sizeBytes),
-        ")"
-      ] })
-    ] })
-  ] }),
-  /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("a", { href: file.downloadUrl, download: true, className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:text-xs fc:font-semibold fc:text-blue-600 hover:fc:text-blue-700 fc:shrink-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react116.RiDownload2Line, { size: 15 }),
-    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { children: "Download" })
-  ] })
-] }, file.id)) });
-function DynamicFormDisplay({ maximized = false, onToggleMaximize }) {
-  const [activeTab, setActiveTab] = (0, import_react115.useState)(STATIC_FORM_JSON.sections[0].id);
-  const [expandedSections, setExpandedSections] = (0, import_react115.useState)(() => {
-    const map = {};
-    STATIC_FORM_JSON.sections.forEach((s) => {
-      map[s.id] = true;
+var getUploadDocumentEndpoint = () => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  const flowCore = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) != null ? _b : {};
+  const execution = (_c = flowCore.workflowExecution) != null ? _c : flowCore.WorkflowExecution;
+  const endpoint3 = (_l = (_j = (_h = (_f = (_d = execution == null ? void 0 : execution.uploadDocument) != null ? _d : execution == null ? void 0 : execution.UploadDocument) != null ? _f : (_e = flowCore.inbox) == null ? void 0 : _e.uploadDocument) != null ? _h : (_g = flowCore.inbox) == null ? void 0 : _g.UploadDocument) != null ? _j : (_i = flowCore.Inbox) == null ? void 0 : _i.uploadDocument) != null ? _l : (_k = flowCore.Inbox) == null ? void 0 : _k.UploadDocument;
+  if (!endpoint3) throw new Error("Workflow document upload endpoint is not configured.");
+  return endpoint3;
+};
+var getConfiguredDocuments = (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;
+  const rows = Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
+  return rows.map((document2) => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h, _i, _j, _k, _l;
+    return __spreadProps(__spreadValues({}, document2), {
+      documentConfigurationId: Number((_b2 = (_a2 = document2.documentConfigurationId) != null ? _a2 : document2.DocumentConfigurationId) != null ? _b2 : document2.id),
+      documentName: (_d2 = (_c2 = document2.documentName) != null ? _c2 : document2.DocumentName) != null ? _d2 : "Document",
+      allowedExtensions: (_f2 = (_e2 = document2.allowedExtensions) != null ? _e2 : document2.AllowedExtensions) != null ? _f2 : "",
+      maxSizeMB: Number((_h = (_g2 = document2.maxSizeMB) != null ? _g2 : document2.MaxSizeMB) != null ? _h : 0),
+      isMandatory: Boolean((_j = (_i = document2.isMandatory) != null ? _i : document2.IsMandatory) != null ? _j : false),
+      isActive: Boolean((_l = (_k = document2.isActive) != null ? _k : document2.IsActive) != null ? _l : true)
     });
-    return map;
+  }).filter((document2) => Number.isInteger(document2.documentConfigurationId) && document2.isActive);
+};
+var getDocumentAcceptValue = (extensions) => String(extensions != null ? extensions : "").split(/[,;\s]+/).map((extension) => extension.trim().toLowerCase()).filter(Boolean).map((extension) => extension.startsWith(".") ? extension : `.${extension}`).join(",");
+var getFileHistoryMovements = (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;
+  const movements = (_g = (_f = value == null ? void 0 : value.movements) != null ? _f : value == null ? void 0 : value.Movements) != null ? _g : [];
+  return Array.isArray(movements) ? movements : [];
+};
+var formatMovementDate = (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 mapFileHistoryMovement = (movement, index) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
+  const actionCode = String((_d = (_c = (_b = (_a = movement.actionCode) != null ? _a : movement.ActionCode) != null ? _b : movement.actionName) != null ? _c : movement.ActionName) != null ? _d : "Action");
+  const normalizedAction = actionCode.toUpperCase().replace(/[\s-]/g, "_");
+  const isReturn = normalizedAction.includes("RETURN") || normalizedAction === "PULL";
+  const isResubmit = normalizedAction.includes("RESUBMIT");
+  const isSubmit = !isResubmit && normalizedAction.includes("SUBMIT");
+  const status = isReturn ? "Returned to Applicant" : isResubmit ? "Resubmitted" : isSubmit ? "Submitted" : normalizedAction.replace(/_/g, " ").toLowerCase().replace(/\b\w/g, (letter) => letter.toUpperCase());
+  const applicantActor = isResubmit || movement.applicantName && !movement.officialName;
+  const userName = (_l = (_k = (_j = (_i = (_h = (_g = (_f = (_e = movement.userregistrationName) != null ? _e : movement.UserRegistrationName) != null ? _f : movement.UserName) != null ? _g : movement.userName) != null ? _h : applicantActor ? movement.applicantName : movement.officialName) != null ? _i : movement.officialName) != null ? _j : movement.applicantName) != null ? _k : movement.performedBy) != null ? _l : "Unknown user";
+  const comments = (_p = (_o = (_n = (_m = movement.officialComment) != null ? _m : movement.applicantComment) != null ? _n : movement.comments) != null ? _o : movement.Comments) != null ? _p : "-";
+  const stepId = (_q = movement.fromWorkflowStepId) != null ? _q : movement.FromWorkflowStepId;
+  const stepName = (_s = (_r = movement.workflowStepName) != null ? _r : movement.WorkflowStepName) != null ? _s : "";
+  return {
+    id: (_u = (_t = movement.movementHistoryId) != null ? _t : movement.MovementHistoryId) != null ? _u : index + 1,
+    type: isReturn ? "return" : isSubmit ? "submit" : isResubmit ? "resubmit" : "forward",
+    date: formatMovementDate((_v = movement.movedOn) != null ? _v : movement.MovedOn),
+    userName,
+    userRole: applicantActor ? "Applicant" : "Official",
+    status,
+    stepNum: stepId != null && Number(stepId) > 0 ? `Step ${stepId}` : null,
+    stepName: stepName || null,
+    remarks: comments,
+    isAlert: isReturn,
+    isCurrent: false,
+    title: status,
+    by: `By ${userName}${applicantActor ? " (Applicant)" : ""}`
+  };
+};
+var DEFAULT_ACTIONS = [
+  { label: "Approve kro", actionCode: "APPROVE" },
+  { label: "Reject", actionCode: "REJECT" },
+  { label: "Forward", actionCode: "FORWARD" },
+  { label: "Free Forward", actionCode: "FREE_FORWARD" },
+  { label: "Return To Applicant", actionCode: "RETURN_TO_APPLICANT" }
+];
+
+// src/components/inbox/DynamicFormDisplay.jsx
+var import_jsx_runtime106 = require("react/jsx-runtime");
+var formatSize = (bytes) => {
+  const size = Number(bytes);
+  if (!Number.isFinite(size)) return "";
+  if (size >= 1048576) return `${(size / 1048576).toFixed(1)} MB`;
+  if (size >= 1024) return `${Math.round(size / 1024)} KB`;
+  return `${size} B`;
+};
+var FieldCard = ({ field }) => {
+  var _a;
+  const label = /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "fc:text-[11px] fc:font-bold fc:text-slate-500 fc:block", children: field.label });
+  const span = field.colSpan === 2 ? "fc:col-span-2" : "";
+  if (field.type === "boolean") {
+    return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: `fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80 ${span}`, children: [
+      label,
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-1.5 fc:mt-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("input", { type: "checkbox", checked: field.value === true, readOnly: true, className: "fc:h-4 fc:w-4 fc:accent-emerald-600" }),
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "fc:text-[13px] fc:font-bold fc:text-slate-900", children: field.displayValue || (field.value ? "Yes" : "No") })
+      ] })
+    ] });
+  }
+  if (field.type === "textarea") {
+    return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: `fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80 ${span}`, children: [
+      label,
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "fc:text-[13px] fc:font-semibold fc:text-slate-900 fc:mt-1 fc:block fc:whitespace-pre-wrap", children: field.value || "-" })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: `fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80 ${span}`, children: [
+    label,
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "fc:text-[13px] fc:font-bold fc:text-slate-900 fc:mt-1 fc:block", children: field.type === "date" ? field.displayValue || field.value : (_a = field.value) != null ? _a : "-" })
+  ] });
+};
+var TableSection = ({ section }) => {
+  var _a, _b;
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "fc:overflow-x-auto fc:rounded-xl fc:border fc:border-slate-200/80 fc-custom-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("table", { className: "fc:min-w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("thead", { className: "fc:bg-slate-50", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("tr", { children: ((_a = section.columns) != null ? _a : []).map((col) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("th", { className: "fc:px-3 fc:py-2.5 fc:text-[11px] fc:font-bold fc:text-slate-600 fc:text-left fc:whitespace-nowrap fc:border-b fc:border-slate-200", children: col.label }, col.id)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("tbody", { className: "fc:divide-y fc:divide-slate-100", children: ((_b = section.rows) != null ? _b : []).map((row) => {
+      var _a2;
+      return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("tr", { className: "hover:fc:bg-slate-50/50", children: ((_a2 = section.columns) != null ? _a2 : []).map((col, index) => {
+        var _a3;
+        const val = (_a3 = row.values) == null ? void 0 : _a3[index];
+        return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("td", { className: "fc:px-3 fc:py-2 fc:text-xs fc:text-slate-700 fc:whitespace-nowrap", children: col.type === "boolean" ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: `fc:inline-flex fc:items-center fc:px-2 fc:py-0.5 fc:rounded-full fc:text-[10px] fc:font-bold ${val ? "fc:bg-emerald-50 fc:text-emerald-600 fc:border fc:border-emerald-200" : "fc:bg-red-50 fc:text-red-500 fc:border fc:border-red-200"}`, children: val ? "Active" : "Inactive" }) : col.key === "profilePath" && val ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("a", { href: String(val), target: "_blank", rel: "noreferrer", className: "fc:text-blue-600 hover:fc:underline", children: "View profile" }) : val !== null && val !== void 0 ? String(val) : "-" }, col.id);
+      }) }, row.id);
+    }) })
+  ] }) });
+};
+var AttachmentsSection = ({ section }) => {
+  var _a;
+  return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "fc:space-y-3", children: ((_a = section.files) != null ? _a : []).map((file) => {
+    const size = formatSize(file.sizeBytes);
+    return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3 fc:min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "fc:w-9 fc:h-9 fc:rounded-lg fc:bg-red-100 fc:flex fc:items-center fc:justify-center fc:shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react116.RiFileTextLine, { size: 18, className: "fc:text-red-500" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "fc:min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-800", children: file.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("span", { className: "fc:block fc:text-[11px] fc:text-slate-500 fc:break-all", children: [
+            file.fileName,
+            size ? ` (${size})` : ""
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("a", { href: file.downloadUrl, download: true, className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:text-xs fc:font-semibold fc:text-blue-600 hover:fc:text-blue-700 fc:shrink-0 fc:ml-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_react116.RiDownload2Line, { size: 15 }),
+        /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { children: "Download" })
+      ] })
+    ] }, file.id);
+  }) });
+};
+function DynamicFormDisplay({ fileNo, maximized = false, onToggleMaximize }) {
+  const [displayData, setDisplayData] = (0, import_react115.useState)(null);
+  const [activeTab, setActiveTab] = (0, import_react115.useState)("");
+  const [expandedSections, setExpandedSections] = (0, import_react115.useState)({});
+  const [isLoading, setIsLoading] = (0, import_react115.useState)(false);
+  const [loadError, setLoadError] = (0, import_react115.useState)("");
+  (0, import_react115.useEffect)(() => {
+    if (!fileNo) {
+      setDisplayData(null);
+      setActiveTab("");
+      setIsLoading(false);
+      setLoadError("File number is unavailable.");
+      return void 0;
+    }
+    let isCurrent = true;
+    const loadPreview = async () => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+      setIsLoading(true);
+      setLoadError("");
+      setDisplayData(null);
+      setActiveTab("");
+      try {
+        const endpoint3 = getApplicantFormPreviewEndpoint();
+        const url = typeof endpoint3 === "function" ? endpoint3() : String(endpoint3);
+        const response = await getApiService().post(url, { fileNo });
+        const preview = (_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;
+        if (!Array.isArray(preview == null ? void 0 : preview.sections)) {
+          throw new Error("The applicant form preview response is invalid.");
+        }
+        if (isCurrent) {
+          setDisplayData(preview);
+          setActiveTab((_g = (_f = preview.sections[0]) == null ? void 0 : _f.id) != null ? _g : "");
+          setExpandedSections(Object.fromEntries(
+            preview.sections.map((section) => {
+              var _a2;
+              return [section.id, ((_a2 = preview.layout) == null ? void 0 : _a2.defaultExpanded) !== false];
+            })
+          ));
+        }
+      } catch (error) {
+        if (isCurrent) {
+          setLoadError(((_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 load applicant form preview.");
+        }
+      } finally {
+        if (isCurrent) setIsLoading(false);
+      }
+    };
+    loadPreview();
+    return () => {
+      isCurrent = false;
+    };
+  }, [fileNo]);
   const toggleSection = (id) => setExpandedSections((prev) => __spreadProps(__spreadValues({}, prev), { [id]: !prev[id] }));
-  const displayData = STATIC_FORM_JSON;
   const isMax = !!maximized;
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { role: "status", className: "fc:rounded-2xl fc:border fc:border-slate-200 fc:bg-white fc:p-6 fc:text-center fc:text-sm fc:text-slate-500", children: "Loading applicant form preview..." });
+  }
+  if (loadError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { role: "alert", className: "fc:rounded-2xl fc:border fc:border-rose-200 fc:bg-white fc:p-6 fc:text-center fc:text-sm fc:text-rose-600", children: loadError });
+  }
+  if (!displayData) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: `fc:bg-white fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm fc:overflow-hidden ${isMax ? "fc:w-full" : ""}`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:px-5 fc:py-4 fc:border-b fc:border-slate-100", children: [
       /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
@@ -21505,7 +21671,7 @@ function DynamicFormDisplay({ maximized = false, onToggleMaximize }) {
       )
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "fc:flex fc:items-center fc:gap-1 fc:px-5 fc:border-b fc:border-slate-200 fc:overflow-x-auto fc:pb-1 fc-custom-scrollbar", children: displayData.sections.map((section) => {
-      var _a;
+      var _a, _b, _c, _d, _e;
       return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(
         "button",
         {
@@ -21514,24 +21680,25 @@ function DynamicFormDisplay({ maximized = false, onToggleMaximize }) {
           className: `fc:inline-flex fc:items-center fc:gap-1.5 fc:px-3 fc:py-2.5 fc:text-xs fc:font-semibold fc:whitespace-nowrap fc:border-b-2 fc:transition-colors ${activeTab === section.id ? "fc:border-blue-600 fc:text-blue-600" : "fc:border-transparent fc:text-slate-500 hover:fc:text-slate-800"}`,
           children: [
             section.title,
-            /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: `fc:rounded-full fc:px-1.5 fc:py-0.5 fc:text-[9px] fc:font-bold ${activeTab === section.id ? "fc:bg-blue-50 fc:text-blue-600" : "fc:bg-slate-100 fc:text-slate-400"}`, children: section.type === "table" ? section.rows.length : section.type === "attachments" ? section.files.length : ((_a = section.fields) == null ? void 0 : _a.length) || 0 })
+            /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("span", { className: `fc:rounded-full fc:px-1.5 fc:py-0.5 fc:text-[9px] fc:font-bold ${activeTab === section.id ? "fc:bg-blue-50 fc:text-blue-600" : "fc:bg-slate-100 fc:text-slate-400"}`, children: section.type === "table" ? (_b = (_a = section.rows) == null ? void 0 : _a.length) != null ? _b : 0 : section.type === "attachments" ? (_d = (_c = section.files) == null ? void 0 : _c.length) != null ? _d : 0 : ((_e = section.fields) == null ? void 0 : _e.length) || 0 })
           ]
         },
         section.id
       );
     }) }),
     /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "fc:p-5", children: displayData.sections.map((section) => {
-      var _a, _b;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       if (section.id !== activeTab) return null;
       if (section.type === "table") {
         return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "fc:space-y-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "fc:flex fc:items-center fc:justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("h3", { className: "fc:text-sm fc:font-extrabold fc:text-slate-900", children: section.title }),
             /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: [
-              section.rows.length,
+              (_b = (_a = section.rows) == null ? void 0 : _a.length) != null ? _b : 0,
               " records"
             ] })
-          ] }) }),
+          ] }),
+          ((_c = section.fields) == null ? void 0 : _c.length) > 0 && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: `fc:grid fc:gap-3 ${isMax ? "fc:grid-cols-3" : "fc:grid-cols-2"}`, children: section.fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(FieldCard, { field }, field.id)) }),
           /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(TableSection, { section })
         ] }, section.id);
       }
@@ -21540,7 +21707,7 @@ function DynamicFormDisplay({ maximized = false, onToggleMaximize }) {
           /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("h3", { className: "fc:text-sm fc:font-extrabold fc:text-slate-900", children: section.title }),
             /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: [
-              section.files.length,
+              (_e = (_d = section.files) == null ? void 0 : _d.length) != null ? _e : 0,
               " files"
             ] })
           ] }),
@@ -21552,11 +21719,11 @@ function DynamicFormDisplay({ maximized = false, onToggleMaximize }) {
           /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("h3", { className: "fc:text-sm fc:font-extrabold fc:text-slate-900", children: section.title }),
             /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: [
-              ((_a = section.fields) == null ? void 0 : _a.length) || 0,
+              ((_f = section.fields) == null ? void 0 : _f.length) || 0,
               " fields"
             ] })
           ] }),
-          displayData.layout.collapsibleSections && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
+          ((_g = displayData.layout) == null ? void 0 : _g.collapsibleSections) && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
             "button",
             {
               type: "button",
@@ -21566,7 +21733,7 @@ function DynamicFormDisplay({ maximized = false, onToggleMaximize }) {
             }
           )
         ] }),
-        (!displayData.layout.collapsibleSections || expandedSections[section.id]) && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: `fc:grid fc:gap-3 ${isMax ? "fc:grid-cols-3" : "fc:grid-cols-2"}`, children: (_b = section.fields) == null ? void 0 : _b.map((field) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(FieldCard, { field }, field.id)) })
+        (!((_h = displayData.layout) == null ? void 0 : _h.collapsibleSections) || expandedSections[section.id]) && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: `fc:grid fc:gap-3 ${isMax ? "fc:grid-cols-3" : "fc:grid-cols-2"}`, children: (_i = section.fields) == null ? void 0 : _i.map((field) => /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(FieldCard, { field }, field.id)) })
       ] }, section.id);
     }) })
   ] });
@@ -21575,6 +21742,7 @@ function DynamicFormDisplay({ maximized = false, onToggleMaximize }) {
 // src/components/inbox/FileDetailsTab.jsx
 var import_jsx_runtime107 = require("react/jsx-runtime");
 function FileDetailsTab({
+  fileNo,
   fileHistory,
   isLoadingFileHistory,
   fileHistoryError,
@@ -21601,6 +21769,7 @@ function FileDetailsTab({
         /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { style: { minWidth: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
           DynamicFormDisplay,
           {
+            fileNo,
             maximized: isMaximized,
             onToggleMaximize: () => setIsMaximized(!isMaximized)
           }
@@ -21717,169 +21886,6 @@ function FileDetailsTab({
 // src/components/inbox/MovementDetailModal.jsx
 var import_react119 = __toESM(require("react"));
 var import_react120 = require("@remixicon/react");
-
-// src/components/inbox/reviewHelpers.js
-init_ApiEndpointsProvider();
-var getAvailableActions2 = (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;
-  const rows = Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
-  return rows.map((action) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2;
-    return {
-      label: (_d2 = (_c2 = (_b2 = (_a2 = action.label) != null ? _a2 : action.Label) != null ? _b2 : action.actionName) != null ? _c2 : action.ActionName) != null ? _d2 : "",
-      actionCode: (_f2 = (_e2 = action.actionCode) != null ? _e2 : action.ActionCode) != null ? _f2 : ""
-    };
-  }).filter((action) => action.label && action.actionCode);
-};
-var getWorkflowStepsStatusEndpoint = () => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-  const flowCore = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) != null ? _b : {};
-  const endpoint3 = (_k = (_j = (_i = (_g = (_e = (_c = flowCore.getWorkflowStepsBarStatus) == null ? void 0 : _c.getStatus) != null ? _e : (_d = flowCore.workflowStepsBarStatus) == null ? void 0 : _d.getStatus) != null ? _g : (_f = flowCore.GetWorkflowStepsBarStatus) == null ? void 0 : _f.GetStatus) != null ? _i : (_h = flowCore.GetWorkflowStepsBarStatus) == null ? void 0 : _h.getStatus) != null ? _j : flowCore.GetWorkflowStepsBarStatus) != null ? _k : flowCore.getWorkflowStepsBarStatus;
-  if (!endpoint3) throw new Error("Workflow steps bar status endpoint is not configured.");
-  return endpoint3;
-};
-var getWorkflowSteps = (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;
-  const steps = (_g = (_f = value == null ? void 0 : value.steps) != null ? _f : value == null ? void 0 : value.Steps) != null ? _g : [];
-  return Array.isArray(steps) ? [...steps].sort((first, second) => {
-    var _a2, _b2, _c2, _d2;
-    return Number((_b2 = (_a2 = first.sequenceNo) != null ? _a2 : first.SequenceNo) != null ? _b2 : 0) - Number((_d2 = (_c2 = second.sequenceNo) != null ? _c2 : second.SequenceNo) != null ? _d2 : 0);
-  }) : [];
-};
-var getFileHistoryEndpoint = () => {
-  var _a, _b, _c, _d, _e;
-  const flowCore = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) != null ? _b : {};
-  const configured = (_c = flowCore.getFileHistory) != null ? _c : flowCore.GetFileHistory;
-  const endpoint3 = (_e = (_d = configured == null ? void 0 : configured.getFileHistory) != null ? _d : configured == null ? void 0 : configured.GetFileHistory) != null ? _e : configured;
-  if (!endpoint3) throw new Error("Get File History endpoint is not configured.");
-  return endpoint3;
-};
-var getDocumentHistoryEndpoint = () => {
-  var _a, _b, _c, _d, _e;
-  const flowCore = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) != null ? _b : {};
-  const configured = (_c = flowCore.getDocumentAndWorkFlow) != null ? _c : flowCore.GetDocumentAndWorkFlow;
-  const endpoint3 = (_e = (_d = configured == null ? void 0 : configured.getDocumentHistoryByHistoryId) != null ? _d : configured == null ? void 0 : configured.GetDocumentHistoryByHistoryId) != null ? _e : configured;
-  if (!endpoint3) throw new Error("Document history details endpoint is not configured.");
-  return endpoint3;
-};
-var getConfigValue = (source, key) => {
-  if (!source || typeof source !== "object") return void 0;
-  const matchingKey = Object.keys(source).find((candidate) => candidate.toLowerCase() === key.toLowerCase());
-  return matchingKey ? source[matchingKey] : void 0;
-};
-var findConfigEntry = (source, key, path = [], visited = /* @__PURE__ */ new WeakSet()) => {
-  if (!source || typeof source !== "object" || visited.has(source)) return null;
-  visited.add(source);
-  const entries = Object.entries(source);
-  const matchingEntry = entries.find(([candidate]) => candidate.toLowerCase() === key.toLowerCase());
-  if (matchingEntry) return { value: matchingEntry[1], path: [...path, matchingEntry[0]] };
-  for (const [candidate, value] of entries) {
-    const result = findConfigEntry(value, key, [...path, candidate], visited);
-    if (result) return result;
-  }
-  return null;
-};
-var getStepDocumentsEndpoint = () => {
-  var _a, _b, _c;
-  const suppliedEndpoints = getApiEndpoints();
-  const root = (_a = getConfigValue(suppliedEndpoints, "apiEndpoints")) != null ? _a : suppliedEndpoints;
-  const flowCore = (_b = getConfigValue(root, "flowCore")) != null ? _b : root;
-  const inbox = getConfigValue(flowCore, "inbox");
-  const documentConfiguration = getConfigValue(flowCore, "documentConfiguration");
-  const configuredEndpoint = (_c = getConfigValue(inbox, "getDocumentsByWorkFlowStepId")) != null ? _c : getConfigValue(documentConfiguration, "getDocumentsByWorkFlowStepId");
-  const endpoint3 = configuredEndpoint ? { value: configuredEndpoint, path: ["flowCore", "inbox", "getDocumentsByWorkFlowStepId"] } : findConfigEntry(suppliedEndpoints, "getDocumentsByWorkFlowStepId");
-  if (!(endpoint3 == null ? void 0 : endpoint3.value)) {
-    const configKeys = Object.keys(flowCore != null ? flowCore : {}).join(", ") || "none";
-    const inboxKeys = Object.keys(inbox != null ? inbox : {}).join(", ") || "none";
-    throw new Error(`Documents endpoint missing at runtime. flowCore keys: ${configKeys}. inbox keys: ${inboxKeys}.`);
-  }
-  if (typeof endpoint3.value !== "string" && typeof endpoint3.value !== "function") {
-    throw new Error(`Configured document endpoint at ${endpoint3.path.join(".")} must be a URL string or function.`);
-  }
-  return endpoint3.value;
-};
-var getUploadDocumentEndpoint = () => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-  const flowCore = (_b = (_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) != null ? _b : {};
-  const execution = (_c = flowCore.workflowExecution) != null ? _c : flowCore.WorkflowExecution;
-  const endpoint3 = (_l = (_j = (_h = (_f = (_d = execution == null ? void 0 : execution.uploadDocument) != null ? _d : execution == null ? void 0 : execution.UploadDocument) != null ? _f : (_e = flowCore.inbox) == null ? void 0 : _e.uploadDocument) != null ? _h : (_g = flowCore.inbox) == null ? void 0 : _g.UploadDocument) != null ? _j : (_i = flowCore.Inbox) == null ? void 0 : _i.uploadDocument) != null ? _l : (_k = flowCore.Inbox) == null ? void 0 : _k.UploadDocument;
-  if (!endpoint3) throw new Error("Workflow document upload endpoint is not configured.");
-  return endpoint3;
-};
-var getConfiguredDocuments = (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;
-  const rows = Array.isArray(value) ? value : (_g = (_f = value == null ? void 0 : value.items) != null ? _f : value == null ? void 0 : value.records) != null ? _g : [];
-  return rows.map((document2) => {
-    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h, _i, _j, _k, _l;
-    return __spreadProps(__spreadValues({}, document2), {
-      documentConfigurationId: Number((_b2 = (_a2 = document2.documentConfigurationId) != null ? _a2 : document2.DocumentConfigurationId) != null ? _b2 : document2.id),
-      documentName: (_d2 = (_c2 = document2.documentName) != null ? _c2 : document2.DocumentName) != null ? _d2 : "Document",
-      allowedExtensions: (_f2 = (_e2 = document2.allowedExtensions) != null ? _e2 : document2.AllowedExtensions) != null ? _f2 : "",
-      maxSizeMB: Number((_h = (_g2 = document2.maxSizeMB) != null ? _g2 : document2.MaxSizeMB) != null ? _h : 0),
-      isMandatory: Boolean((_j = (_i = document2.isMandatory) != null ? _i : document2.IsMandatory) != null ? _j : false),
-      isActive: Boolean((_l = (_k = document2.isActive) != null ? _k : document2.IsActive) != null ? _l : true)
-    });
-  }).filter((document2) => Number.isInteger(document2.documentConfigurationId) && document2.isActive);
-};
-var getDocumentAcceptValue = (extensions) => String(extensions != null ? extensions : "").split(/[,;\s]+/).map((extension) => extension.trim().toLowerCase()).filter(Boolean).map((extension) => extension.startsWith(".") ? extension : `.${extension}`).join(",");
-var getFileHistoryMovements = (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;
-  const movements = (_g = (_f = value == null ? void 0 : value.movements) != null ? _f : value == null ? void 0 : value.Movements) != null ? _g : [];
-  return Array.isArray(movements) ? movements : [];
-};
-var formatMovementDate = (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 mapFileHistoryMovement = (movement, index) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
-  const actionCode = String((_d = (_c = (_b = (_a = movement.actionCode) != null ? _a : movement.ActionCode) != null ? _b : movement.actionName) != null ? _c : movement.ActionName) != null ? _d : "Action");
-  const normalizedAction = actionCode.toUpperCase().replace(/[\s-]/g, "_");
-  const isReturn = normalizedAction.includes("RETURN") || normalizedAction === "PULL";
-  const isResubmit = normalizedAction.includes("RESUBMIT");
-  const isSubmit = !isResubmit && normalizedAction.includes("SUBMIT");
-  const status = isReturn ? "Returned to Applicant" : isResubmit ? "Resubmitted" : isSubmit ? "Submitted" : normalizedAction.replace(/_/g, " ").toLowerCase().replace(/\b\w/g, (letter) => letter.toUpperCase());
-  const applicantActor = isResubmit || movement.applicantName && !movement.officialName;
-  const userName = (_l = (_k = (_j = (_i = (_h = (_g = (_f = (_e = movement.userregistrationName) != null ? _e : movement.UserRegistrationName) != null ? _f : movement.UserName) != null ? _g : movement.userName) != null ? _h : applicantActor ? movement.applicantName : movement.officialName) != null ? _i : movement.officialName) != null ? _j : movement.applicantName) != null ? _k : movement.performedBy) != null ? _l : "Unknown user";
-  const comments = (_p = (_o = (_n = (_m = movement.officialComment) != null ? _m : movement.applicantComment) != null ? _n : movement.comments) != null ? _o : movement.Comments) != null ? _p : "-";
-  const stepId = (_q = movement.fromWorkflowStepId) != null ? _q : movement.FromWorkflowStepId;
-  const stepName = (_s = (_r = movement.workflowStepName) != null ? _r : movement.WorkflowStepName) != null ? _s : "";
-  return {
-    id: (_u = (_t = movement.movementHistoryId) != null ? _t : movement.MovementHistoryId) != null ? _u : index + 1,
-    type: isReturn ? "return" : isSubmit ? "submit" : isResubmit ? "resubmit" : "forward",
-    date: formatMovementDate((_v = movement.movedOn) != null ? _v : movement.MovedOn),
-    userName,
-    userRole: applicantActor ? "Applicant" : "Official",
-    status,
-    stepNum: stepId != null && Number(stepId) > 0 ? `Step ${stepId}` : null,
-    stepName: stepName || null,
-    remarks: comments,
-    isAlert: isReturn,
-    isCurrent: false,
-    title: status,
-    by: `By ${userName}${applicantActor ? " (Applicant)" : ""}`
-  };
-};
-var DEFAULT_ACTIONS = [
-  { label: "Approve kro", actionCode: "APPROVE" },
-  { label: "Reject", actionCode: "REJECT" },
-  { label: "Forward", actionCode: "FORWARD" },
-  { label: "Free Forward", actionCode: "FREE_FORWARD" },
-  { label: "Return To Applicant", actionCode: "RETURN_TO_APPLICANT" }
-];
-
-// src/components/inbox/MovementDetailModal.jsx
 var import_jsx_runtime108 = require("react/jsx-runtime");
 function MovementDetailModal({
   selectedHistoryItem,
@@ -22822,6 +22828,7 @@ function ReviewApplication({
         activeTab === "fileDetails" && /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
           FileDetailsTab,
           {
+            fileNo,
             fileHistory,
             isLoadingFileHistory,
             fileHistoryError,
@@ -25467,7 +25474,7 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
   ];
   const masterPermissionItems = [
     { name: "Step Permission", component: "step_permission_main", icon: import_react138.RiUserSettingsLine, configKey: "isStepPermission" },
-    { name: "Update Permission", component: "FormFieldMain", icon: import_react138.RiFileList3Line, configKey: "isFormField" },
+    { name: "Applicant Editable Fields", component: "FormFieldMain", icon: import_react138.RiFileList3Line, configKey: "isFormField" },
     { name: "Assignment Rule", component: "AssignmentRuleMain", icon: import_react138.RiFileShieldLine, configKey: "isAssignmentRule" }
   ];
   const masterHierarchyItems = [