flowcore-fn 10.3.7 → 10.3.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/pkg-index.css +18 -18
- package/dist/pkg-index.js +1260 -1244
- package/dist/pkg-index.mjs +1198 -1182
- package/package.json +1 -1
package/dist/pkg-index.mjs
CHANGED
|
@@ -12,7 +12,7 @@ import {
|
|
|
12
12
|
} from "./chunk-I4E63NIC.mjs";
|
|
13
13
|
|
|
14
14
|
// src/components/Sidebar.jsx
|
|
15
|
-
import { useState as
|
|
15
|
+
import { useState as useState79, useEffect as useEffect58 } from "react";
|
|
16
16
|
import {
|
|
17
17
|
RiShieldUserLine,
|
|
18
18
|
RiFolder3Line,
|
|
@@ -16357,12 +16357,11 @@ var rowsFrom2 = (response) => {
|
|
|
16357
16357
|
return Array.isArray(rows) ? rows : [];
|
|
16358
16358
|
};
|
|
16359
16359
|
var formFrom2 = (item) => {
|
|
16360
|
-
var _a, _b, _c, _d, _e, _f
|
|
16360
|
+
var _a, _b, _c, _d, _e, _f;
|
|
16361
16361
|
return {
|
|
16362
16362
|
workflowStepId: String((_b = (_a = item == null ? void 0 : item.workflowStepId) != null ? _a : item == null ? void 0 : item.WorkflowStepId) != null ? _b : ""),
|
|
16363
|
-
|
|
16364
|
-
|
|
16365
|
-
isPoolEnabled: Boolean((_h = (_g = item == null ? void 0 : item.isPoolEnabled) != null ? _g : item == null ? void 0 : item.IsPoolEnabled) != null ? _h : false)
|
|
16363
|
+
hierarchyNodeType: (_d = (_c = item == null ? void 0 : item.hierarchyNodeType) != null ? _c : item == null ? void 0 : item.HierarchyNodeType) != null ? _d : "",
|
|
16364
|
+
isPoolEnabled: Boolean((_f = (_e = item == null ? void 0 : item.isPoolEnabled) != null ? _e : item == null ? void 0 : item.IsPoolEnabled) != null ? _f : false)
|
|
16366
16365
|
};
|
|
16367
16366
|
};
|
|
16368
16367
|
function Popup4({ isOpen, onClose, onSave, editData }) {
|
|
@@ -16399,12 +16398,12 @@ function Popup4({ isOpen, onClose, onSave, editData }) {
|
|
|
16399
16398
|
const submit = async (event) => {
|
|
16400
16399
|
var _a, _b;
|
|
16401
16400
|
event.preventDefault();
|
|
16402
|
-
if (!formData.workflowStepId || !formData.
|
|
16401
|
+
if (!formData.workflowStepId || !formData.hierarchyNodeType) {
|
|
16403
16402
|
setError("Please fill all required fields.");
|
|
16404
16403
|
return;
|
|
16405
16404
|
}
|
|
16406
16405
|
const isEdit = Boolean(editData);
|
|
16407
|
-
const payload = isEdit ? { assignmentRuleId: (_b = (_a = editData.assignmentRuleId) != null ? _a : editData.AssignmentRuleId) != null ? _b : editData.id, workflowStepId: Number(formData.workflowStepId),
|
|
16406
|
+
const payload = isEdit ? { assignmentRuleId: (_b = (_a = editData.assignmentRuleId) != null ? _a : editData.AssignmentRuleId) != null ? _b : editData.id, workflowStepId: Number(formData.workflowStepId), hierarchyNodeType: formData.hierarchyNodeType, isPoolEnabled: Boolean(formData.isPoolEnabled) } : { workflowStepId: Number(formData.workflowStepId), hierarchyNodeType: formData.hierarchyNodeType, isPoolEnabled: Boolean(formData.isPoolEnabled) };
|
|
16408
16407
|
setSaving(true);
|
|
16409
16408
|
try {
|
|
16410
16409
|
if (await onSave(payload, isEdit)) onClose();
|
|
@@ -16439,14 +16438,6 @@ function Popup4({ isOpen, onClose, onSave, editData }) {
|
|
|
16439
16438
|
})
|
|
16440
16439
|
] })
|
|
16441
16440
|
] }),
|
|
16442
|
-
/* @__PURE__ */ jsxs85("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700", children: [
|
|
16443
|
-
"Assignment Type *",
|
|
16444
|
-
/* @__PURE__ */ jsxs85("select", { required: true, value: formData.assignmentType, onChange: (event) => change("assignmentType", event.target.value), className: "fc:mt-1 fc:w-full fc:rounded-xl fc:border fc:border-slate-200 fc:bg-white fc:p-2.5 fc:text-xs", children: [
|
|
16445
|
-
/* @__PURE__ */ jsx86("option", { value: "", children: "Select Assignment Engine Type" }),
|
|
16446
|
-
/* @__PURE__ */ jsx86("option", { value: "Hierarchy", children: "Hierarchy" }),
|
|
16447
|
-
/* @__PURE__ */ jsx86("option", { value: "Dynamic", children: "Dynamic" })
|
|
16448
|
-
] })
|
|
16449
|
-
] }),
|
|
16450
16441
|
/* @__PURE__ */ jsxs85("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700", children: [
|
|
16451
16442
|
"Hierarchy Node Type *",
|
|
16452
16443
|
/* @__PURE__ */ jsxs85("select", { required: true, value: formData.hierarchyNodeType, onChange: (event) => change("hierarchyNodeType", event.target.value), className: "fc:mt-1 fc:w-full fc:rounded-xl fc:border fc:border-slate-200 fc:bg-white fc:p-2.5 fc:text-xs", children: [
|
|
@@ -19673,14 +19664,14 @@ function StatusMain() {
|
|
|
19673
19664
|
}
|
|
19674
19665
|
|
|
19675
19666
|
// src/components/inbox/InboxMain.jsx
|
|
19676
|
-
import
|
|
19667
|
+
import React103, { useState as useState77, useMemo as useMemo8, useRef as useRef28, useEffect as useEffect56 } from "react";
|
|
19677
19668
|
import Swal31 from "sweetalert2";
|
|
19678
19669
|
import {
|
|
19679
19670
|
RiInboxArchiveLine as RiInboxArchiveLine2,
|
|
19680
19671
|
RiUserReceivedLine as RiUserReceivedLine2,
|
|
19681
19672
|
RiSearchLine,
|
|
19682
19673
|
RiRefreshLine as RiRefreshLine2,
|
|
19683
|
-
RiDownload2Line as
|
|
19674
|
+
RiDownload2Line as RiDownload2Line3,
|
|
19684
19675
|
RiArrowUpDownLine,
|
|
19685
19676
|
RiArrowUpSLine as RiArrowUpSLine2,
|
|
19686
19677
|
RiArrowDownSLine as RiArrowDownSLine2,
|
|
@@ -20792,7 +20783,7 @@ function NotificationPopover({
|
|
|
20792
20783
|
}
|
|
20793
20784
|
|
|
20794
20785
|
// src/components/inbox/ReviewApplication.jsx
|
|
20795
|
-
import
|
|
20786
|
+
import React102, { useState as useState76, useEffect as useEffect55, useRef as useRef27 } from "react";
|
|
20796
20787
|
import Swal30 from "sweetalert2";
|
|
20797
20788
|
import {
|
|
20798
20789
|
RiInboxLine as RiInboxLine2,
|
|
@@ -20801,14 +20792,14 @@ import {
|
|
|
20801
20792
|
RiArrowUpSLine,
|
|
20802
20793
|
RiArrowRightLine,
|
|
20803
20794
|
RiSettings4Line,
|
|
20804
|
-
RiFileTextLine as
|
|
20795
|
+
RiFileTextLine as RiFileTextLine4,
|
|
20805
20796
|
RiEyeLine as RiEyeLine2,
|
|
20806
20797
|
RiCheckLine as RiCheckLine3,
|
|
20807
20798
|
RiCloseLine as RiCloseLine5,
|
|
20808
20799
|
RiAttachmentLine,
|
|
20809
20800
|
RiChat3Line,
|
|
20810
20801
|
RiCalendarLine,
|
|
20811
|
-
RiDownload2Line,
|
|
20802
|
+
RiDownload2Line as RiDownload2Line2,
|
|
20812
20803
|
RiInformationLine,
|
|
20813
20804
|
RiInformationFill,
|
|
20814
20805
|
RiUpload2Line,
|
|
@@ -20821,10 +20812,245 @@ import {
|
|
|
20821
20812
|
RiFilterLine,
|
|
20822
20813
|
RiArrowGoBackLine,
|
|
20823
20814
|
RiTimeLine as RiTimeLine2,
|
|
20824
|
-
RiFullscreenLine,
|
|
20825
|
-
RiFullscreenExitLine
|
|
20815
|
+
RiFullscreenLine as RiFullscreenLine2,
|
|
20816
|
+
RiFullscreenExitLine as RiFullscreenExitLine2
|
|
20826
20817
|
} from "@remixicon/react";
|
|
20827
|
-
|
|
20818
|
+
|
|
20819
|
+
// src/components/inbox/DynamicFormDisplay.jsx
|
|
20820
|
+
import React101, { useState as useState75, useRef as useRef26 } from "react";
|
|
20821
|
+
import { RiFullscreenLine, RiFullscreenExitLine, RiDownload2Line, RiFileTextLine as RiFileTextLine3 } from "@remixicon/react";
|
|
20822
|
+
import { jsx as jsx101, jsxs as jsxs100 } from "react/jsx-runtime";
|
|
20823
|
+
var STATIC_FORM_JSON = {
|
|
20824
|
+
formId: "election-petition",
|
|
20825
|
+
formName: "Election Petition Application",
|
|
20826
|
+
schemaVersion: "1.0",
|
|
20827
|
+
layout: { columns: 2, collapsibleSections: true, defaultExpanded: true },
|
|
20828
|
+
sections: [
|
|
20829
|
+
{
|
|
20830
|
+
id: "basic-information",
|
|
20831
|
+
title: "Basic Information",
|
|
20832
|
+
type: "section",
|
|
20833
|
+
fields: [
|
|
20834
|
+
{ id: "applicant-name", label: "Applicant Name", type: "text", value: "Mohit Sharma", colSpan: 1 },
|
|
20835
|
+
{ id: "mobile-number", label: "Mobile Number", type: "tel", value: "9876543210", colSpan: 1 },
|
|
20836
|
+
{ id: "email-address", label: "Email Address", type: "email", value: "mohit.sharma@example.com", colSpan: 1 },
|
|
20837
|
+
{ id: "address", label: "Address", type: "text", value: "Sector 22, Chandigarh, 160022", colSpan: 1 }
|
|
20838
|
+
]
|
|
20839
|
+
},
|
|
20840
|
+
{
|
|
20841
|
+
id: "petition-details",
|
|
20842
|
+
title: "Petition Details",
|
|
20843
|
+
type: "section",
|
|
20844
|
+
fields: [
|
|
20845
|
+
{ id: "category", label: "Category", type: "text", value: "General", colSpan: 1 },
|
|
20846
|
+
{ id: "payment-challan-number", label: "Payment Challan Number", type: "text", value: "CHN2026001234", colSpan: 1 },
|
|
20847
|
+
{ id: "deposit-date", label: "Deposit Date", type: "date", value: "2026-09-28", displayValue: "28 Sep 2026", colSpan: 1 },
|
|
20848
|
+
{ id: "election-type", label: "Election Type", type: "text", value: "Municipal Election", colSpan: 1 },
|
|
20849
|
+
{ id: "ward-number", label: "Ward Number", type: "number", value: 22, colSpan: 1 },
|
|
20850
|
+
{ id: "description", label: "Description", type: "textarea", value: "Election petition for ward no. 22", colSpan: 2 },
|
|
20851
|
+
{ id: "declaration-accepted", label: "Applicant Declaration Accepted", type: "boolean", value: true, displayValue: "Yes", colSpan: 2 }
|
|
20852
|
+
]
|
|
20853
|
+
},
|
|
20854
|
+
{
|
|
20855
|
+
id: "beneficiaries",
|
|
20856
|
+
title: "Beneficiaries",
|
|
20857
|
+
type: "table",
|
|
20858
|
+
columns: [
|
|
20859
|
+
{ id: "col-1", key: "name", label: "Name", type: "text" },
|
|
20860
|
+
{ id: "col-2", key: "gender", label: "Gender", type: "text" },
|
|
20861
|
+
{ id: "col-3", key: "date-of-birth", label: "Date of Birth", type: "date" },
|
|
20862
|
+
{ id: "col-4", key: "is-active", label: "Is Active", type: "boolean" }
|
|
20863
|
+
],
|
|
20864
|
+
rows: [
|
|
20865
|
+
{ id: "row-1", values: ["Ramesh Kumar", "Male", "1985-01-12", true] },
|
|
20866
|
+
{ id: "row-2", values: ["Priya Devi", "Female", "1990-03-04", true] },
|
|
20867
|
+
{ id: "row-3", values: ["Amit Singh", "Male", "1988-08-21", false] }
|
|
20868
|
+
]
|
|
20869
|
+
},
|
|
20870
|
+
{
|
|
20871
|
+
id: "attachments",
|
|
20872
|
+
title: "Applicant Attachments",
|
|
20873
|
+
type: "attachments",
|
|
20874
|
+
files: [
|
|
20875
|
+
{ 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" },
|
|
20876
|
+
{ id: "file-2", label: "Supporting Document", fileName: "petition_document.pdf", contentType: "application/pdf", sizeBytes: 1258291, downloadUrl: "/api/applications/TASK-31/files/file-2" }
|
|
20877
|
+
]
|
|
20878
|
+
},
|
|
20879
|
+
{
|
|
20880
|
+
id: "additional-information",
|
|
20881
|
+
title: "Additional Information",
|
|
20882
|
+
type: "section",
|
|
20883
|
+
fields: [
|
|
20884
|
+
{ id: "additional-comments", label: "Additional Comments", type: "textarea", value: "Please find the attached documents for election petition.", colSpan: 2 }
|
|
20885
|
+
]
|
|
20886
|
+
}
|
|
20887
|
+
]
|
|
20888
|
+
};
|
|
20889
|
+
var formatSize = (bytes) => {
|
|
20890
|
+
if (bytes >= 1048576) return `${(bytes / 1048576).toFixed(1)} MB`;
|
|
20891
|
+
if (bytes >= 1024) return `${Math.round(bytes / 1024)} KB`;
|
|
20892
|
+
return `${bytes} B`;
|
|
20893
|
+
};
|
|
20894
|
+
var FieldCard = ({ field }) => {
|
|
20895
|
+
var _a;
|
|
20896
|
+
const label = /* @__PURE__ */ jsx101("span", { className: "fc:text-[11px] fc:font-bold fc:text-slate-500 fc:block", children: field.label });
|
|
20897
|
+
const span = field.colSpan === 2 ? "fc:col-span-2" : "";
|
|
20898
|
+
if (field.type === "boolean") {
|
|
20899
|
+
return /* @__PURE__ */ jsxs100("div", { className: `fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80 ${span}`, children: [
|
|
20900
|
+
label,
|
|
20901
|
+
/* @__PURE__ */ jsxs100("div", { className: "fc:flex fc:items-center fc:gap-1.5 fc:mt-1", children: [
|
|
20902
|
+
/* @__PURE__ */ jsx101("input", { type: "checkbox", checked: field.value === true, readOnly: true, className: "fc:h-4 fc:w-4 fc:accent-emerald-600" }),
|
|
20903
|
+
/* @__PURE__ */ jsx101("span", { className: "fc:text-[13px] fc:font-bold fc:text-slate-900", children: field.displayValue || (field.value ? "Yes" : "No") })
|
|
20904
|
+
] })
|
|
20905
|
+
] });
|
|
20906
|
+
}
|
|
20907
|
+
if (field.type === "textarea") {
|
|
20908
|
+
return /* @__PURE__ */ jsxs100("div", { className: `fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80 ${span}`, children: [
|
|
20909
|
+
label,
|
|
20910
|
+
/* @__PURE__ */ jsx101("span", { className: "fc:text-[13px] fc:font-semibold fc:text-slate-900 fc:mt-1 fc:block fc:whitespace-pre-wrap", children: field.value || "-" })
|
|
20911
|
+
] });
|
|
20912
|
+
}
|
|
20913
|
+
return /* @__PURE__ */ jsxs100("div", { className: `fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80 ${span}`, children: [
|
|
20914
|
+
label,
|
|
20915
|
+
/* @__PURE__ */ jsx101("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 : "-" })
|
|
20916
|
+
] });
|
|
20917
|
+
};
|
|
20918
|
+
var TableSection = ({ section }) => {
|
|
20919
|
+
return /* @__PURE__ */ jsx101("div", { className: "fc:overflow-x-auto fc:rounded-xl fc:border fc:border-slate-200/80", children: /* @__PURE__ */ jsxs100("table", { className: "fc:min-w-full", children: [
|
|
20920
|
+
/* @__PURE__ */ jsx101("thead", { className: "fc:bg-slate-50", children: /* @__PURE__ */ jsx101("tr", { children: section.columns.map((col) => /* @__PURE__ */ jsx101("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)) }) }),
|
|
20921
|
+
/* @__PURE__ */ jsx101("tbody", { className: "fc:divide-y fc:divide-slate-100", children: section.rows.map((row) => /* @__PURE__ */ jsx101("tr", { className: "hover:fc:bg-slate-50/50", children: section.columns.map((col, index) => {
|
|
20922
|
+
const val = row.values[index];
|
|
20923
|
+
return /* @__PURE__ */ jsx101("td", { className: "fc:px-3 fc:py-2 fc:text-xs fc:text-slate-700 fc:whitespace-nowrap", children: col.type === "boolean" ? /* @__PURE__ */ jsx101("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);
|
|
20924
|
+
}) }, row.id)) })
|
|
20925
|
+
] }) });
|
|
20926
|
+
};
|
|
20927
|
+
var AttachmentsSection = ({ section }) => /* @__PURE__ */ jsx101("div", { className: "fc:space-y-3", children: section.files.map((file) => /* @__PURE__ */ jsxs100("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: [
|
|
20928
|
+
/* @__PURE__ */ jsxs100("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
|
|
20929
|
+
/* @__PURE__ */ jsx101("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__ */ jsx101(RiFileTextLine3, { size: 18, className: "fc:text-red-500" }) }),
|
|
20930
|
+
/* @__PURE__ */ jsxs100("div", { children: [
|
|
20931
|
+
/* @__PURE__ */ jsx101("span", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-800", children: file.label }),
|
|
20932
|
+
/* @__PURE__ */ jsxs100("span", { className: "fc:block fc:text-[11px] fc:text-slate-500", children: [
|
|
20933
|
+
file.fileName,
|
|
20934
|
+
" (",
|
|
20935
|
+
formatSize(file.sizeBytes),
|
|
20936
|
+
")"
|
|
20937
|
+
] })
|
|
20938
|
+
] })
|
|
20939
|
+
] }),
|
|
20940
|
+
/* @__PURE__ */ jsxs100("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: [
|
|
20941
|
+
/* @__PURE__ */ jsx101(RiDownload2Line, { size: 15 }),
|
|
20942
|
+
/* @__PURE__ */ jsx101("span", { children: "Download" })
|
|
20943
|
+
] })
|
|
20944
|
+
] }, file.id)) });
|
|
20945
|
+
function DynamicFormDisplay({ maximized = false, onToggleMaximize }) {
|
|
20946
|
+
const [activeTab, setActiveTab] = useState75(STATIC_FORM_JSON.sections[0].id);
|
|
20947
|
+
const [expandedSections, setExpandedSections] = useState75(() => {
|
|
20948
|
+
const map = {};
|
|
20949
|
+
STATIC_FORM_JSON.sections.forEach((s) => {
|
|
20950
|
+
map[s.id] = true;
|
|
20951
|
+
});
|
|
20952
|
+
return map;
|
|
20953
|
+
});
|
|
20954
|
+
const toggleSection = (id) => setExpandedSections((prev) => __spreadProps(__spreadValues({}, prev), { [id]: !prev[id] }));
|
|
20955
|
+
const displayData = STATIC_FORM_JSON;
|
|
20956
|
+
const isMax = !!maximized;
|
|
20957
|
+
return /* @__PURE__ */ jsxs100("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: [
|
|
20958
|
+
/* @__PURE__ */ jsxs100("div", { className: "fc:flex fc:items-center fc:justify-between fc:px-5 fc:py-4 fc:border-b fc:border-slate-100", children: [
|
|
20959
|
+
/* @__PURE__ */ jsxs100("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
|
|
20960
|
+
/* @__PURE__ */ jsx101("div", { className: "fc:w-10 fc:h-10 fc:rounded-xl fc:bg-blue-50 fc:border fc:border-blue-100 fc:flex fc:items-center fc:justify-center", children: /* @__PURE__ */ jsx101(RiFileTextLine3, { size: 20, className: "fc:text-blue-600" }) }),
|
|
20961
|
+
/* @__PURE__ */ jsxs100("div", { children: [
|
|
20962
|
+
/* @__PURE__ */ jsx101("h2", { className: "fc:text-[16px] fc:font-extrabold fc:text-slate-900", children: displayData.formName }),
|
|
20963
|
+
/* @__PURE__ */ jsxs100("p", { className: "fc:text-[11px] fc:text-slate-400", children: [
|
|
20964
|
+
displayData.formId,
|
|
20965
|
+
" \xB7 v",
|
|
20966
|
+
displayData.schemaVersion
|
|
20967
|
+
] })
|
|
20968
|
+
] })
|
|
20969
|
+
] }),
|
|
20970
|
+
/* @__PURE__ */ jsxs100(
|
|
20971
|
+
"button",
|
|
20972
|
+
{
|
|
20973
|
+
type: "button",
|
|
20974
|
+
onClick: onToggleMaximize,
|
|
20975
|
+
className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:border fc:border-slate-200 fc:rounded-lg fc:px-2.5 fc:py-1 fc:text-xs fc:font-semibold fc:text-slate-600 hover:fc:bg-slate-50 fc:transition-colors fc:shrink-0",
|
|
20976
|
+
title: isMax ? "Restore" : "Maximize",
|
|
20977
|
+
children: [
|
|
20978
|
+
isMax ? /* @__PURE__ */ jsx101(RiFullscreenExitLine, { size: 14 }) : /* @__PURE__ */ jsx101(RiFullscreenLine, { size: 14 }),
|
|
20979
|
+
/* @__PURE__ */ jsx101("span", { children: isMax ? "Restore" : "Maximize" })
|
|
20980
|
+
]
|
|
20981
|
+
}
|
|
20982
|
+
)
|
|
20983
|
+
] }),
|
|
20984
|
+
/* @__PURE__ */ jsx101("div", { className: "fc:flex fc:items-center fc:gap-1 fc:px-5 fc:border-b fc:border-slate-200 fc:overflow-x-auto", children: displayData.sections.map((section) => {
|
|
20985
|
+
var _a;
|
|
20986
|
+
return /* @__PURE__ */ jsxs100(
|
|
20987
|
+
"button",
|
|
20988
|
+
{
|
|
20989
|
+
type: "button",
|
|
20990
|
+
onClick: () => setActiveTab(section.id),
|
|
20991
|
+
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"}`,
|
|
20992
|
+
children: [
|
|
20993
|
+
section.title,
|
|
20994
|
+
/* @__PURE__ */ jsx101("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 })
|
|
20995
|
+
]
|
|
20996
|
+
},
|
|
20997
|
+
section.id
|
|
20998
|
+
);
|
|
20999
|
+
}) }),
|
|
21000
|
+
/* @__PURE__ */ jsx101("div", { className: "fc:p-5", children: displayData.sections.map((section) => {
|
|
21001
|
+
var _a, _b;
|
|
21002
|
+
if (section.id !== activeTab) return null;
|
|
21003
|
+
if (section.type === "table") {
|
|
21004
|
+
return /* @__PURE__ */ jsxs100("div", { className: "fc:space-y-3", children: [
|
|
21005
|
+
/* @__PURE__ */ jsx101("div", { className: "fc:flex fc:items-center fc:justify-between", children: /* @__PURE__ */ jsxs100("div", { children: [
|
|
21006
|
+
/* @__PURE__ */ jsx101("h3", { className: "fc:text-sm fc:font-extrabold fc:text-slate-900", children: section.title }),
|
|
21007
|
+
/* @__PURE__ */ jsxs100("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: [
|
|
21008
|
+
section.rows.length,
|
|
21009
|
+
" records"
|
|
21010
|
+
] })
|
|
21011
|
+
] }) }),
|
|
21012
|
+
/* @__PURE__ */ jsx101(TableSection, { section })
|
|
21013
|
+
] }, section.id);
|
|
21014
|
+
}
|
|
21015
|
+
if (section.type === "attachments") {
|
|
21016
|
+
return /* @__PURE__ */ jsxs100("div", { className: "fc:space-y-3", children: [
|
|
21017
|
+
/* @__PURE__ */ jsxs100("div", { children: [
|
|
21018
|
+
/* @__PURE__ */ jsx101("h3", { className: "fc:text-sm fc:font-extrabold fc:text-slate-900", children: section.title }),
|
|
21019
|
+
/* @__PURE__ */ jsxs100("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: [
|
|
21020
|
+
section.files.length,
|
|
21021
|
+
" files"
|
|
21022
|
+
] })
|
|
21023
|
+
] }),
|
|
21024
|
+
/* @__PURE__ */ jsx101(AttachmentsSection, { section })
|
|
21025
|
+
] }, section.id);
|
|
21026
|
+
}
|
|
21027
|
+
return /* @__PURE__ */ jsxs100("div", { className: "fc:space-y-3", children: [
|
|
21028
|
+
/* @__PURE__ */ jsxs100("div", { className: "fc:flex fc:items-center fc:justify-between", children: [
|
|
21029
|
+
/* @__PURE__ */ jsxs100("div", { children: [
|
|
21030
|
+
/* @__PURE__ */ jsx101("h3", { className: "fc:text-sm fc:font-extrabold fc:text-slate-900", children: section.title }),
|
|
21031
|
+
/* @__PURE__ */ jsxs100("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: [
|
|
21032
|
+
((_a = section.fields) == null ? void 0 : _a.length) || 0,
|
|
21033
|
+
" fields"
|
|
21034
|
+
] })
|
|
21035
|
+
] }),
|
|
21036
|
+
displayData.layout.collapsibleSections && /* @__PURE__ */ jsx101(
|
|
21037
|
+
"button",
|
|
21038
|
+
{
|
|
21039
|
+
type: "button",
|
|
21040
|
+
onClick: () => toggleSection(section.id),
|
|
21041
|
+
className: "fc:text-xs fc:font-semibold fc:text-blue-600 hover:fc:text-blue-700",
|
|
21042
|
+
children: expandedSections[section.id] ? "Collapse" : "Expand"
|
|
21043
|
+
}
|
|
21044
|
+
)
|
|
21045
|
+
] }),
|
|
21046
|
+
(!displayData.layout.collapsibleSections || expandedSections[section.id]) && /* @__PURE__ */ jsx101("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__ */ jsx101(FieldCard, { field }, field.id)) })
|
|
21047
|
+
] }, section.id);
|
|
21048
|
+
}) })
|
|
21049
|
+
] });
|
|
21050
|
+
}
|
|
21051
|
+
|
|
21052
|
+
// src/components/inbox/ReviewApplication.jsx
|
|
21053
|
+
import { Fragment as Fragment7, jsx as jsx102, jsxs as jsxs101 } from "react/jsx-runtime";
|
|
20828
21054
|
var getAvailableActions2 = (response) => {
|
|
20829
21055
|
var _a, _b, _c, _d, _e, _f, _g;
|
|
20830
21056
|
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;
|
|
@@ -20994,8 +21220,8 @@ function ReviewApplication({
|
|
|
20994
21220
|
refreshKey
|
|
20995
21221
|
}) {
|
|
20996
21222
|
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
|
|
20997
|
-
const [roleDropdownOpen, setRoleDropdownOpen] =
|
|
20998
|
-
const roleDropdownRef =
|
|
21223
|
+
const [roleDropdownOpen, setRoleDropdownOpen] = useState76(false);
|
|
21224
|
+
const roleDropdownRef = useRef27(null);
|
|
20999
21225
|
useEffect55(() => {
|
|
21000
21226
|
const handleOutsideClick = (e) => {
|
|
21001
21227
|
if (roleDropdownRef.current && !roleDropdownRef.current.contains(e.target)) {
|
|
@@ -21007,37 +21233,37 @@ function ReviewApplication({
|
|
|
21007
21233
|
}
|
|
21008
21234
|
return () => document.removeEventListener("mousedown", handleOutsideClick);
|
|
21009
21235
|
}, [roleDropdownOpen]);
|
|
21010
|
-
const [activeTab, setActiveTab] =
|
|
21011
|
-
const [basicInfoOpen, setBasicInfoOpen] =
|
|
21012
|
-
const [petitionDetailsOpen, setPetitionDetailsOpen] =
|
|
21013
|
-
const [otherDetailsOpen, setOtherDetailsOpen] =
|
|
21014
|
-
const [showAllMovements, setShowAllMovements] =
|
|
21015
|
-
const [isApplicantFormMaximized, setIsApplicantFormMaximized] =
|
|
21016
|
-
const [actions, setActions] =
|
|
21017
|
-
const [actionCode, setActionCode] =
|
|
21018
|
-
const [remarks, setRemarks] =
|
|
21019
|
-
const [isSubmitting, setIsSubmitting] =
|
|
21020
|
-
const [editableFields, setEditableFields] =
|
|
21021
|
-
const [selectedEditableFields, setSelectedEditableFields] =
|
|
21022
|
-
const [isLoadingEditableFields, setIsLoadingEditableFields] =
|
|
21023
|
-
const [editableFieldsError, setEditableFieldsError] =
|
|
21024
|
-
const [workflowSteps, setWorkflowSteps] =
|
|
21025
|
-
const [isLoadingWorkflowSteps, setIsLoadingWorkflowSteps] =
|
|
21026
|
-
const [workflowStepsError, setWorkflowStepsError] =
|
|
21027
|
-
const [fileHistory, setFileHistory] =
|
|
21028
|
-
const [isLoadingFileHistory, setIsLoadingFileHistory] =
|
|
21029
|
-
const [fileHistoryError, setFileHistoryError] =
|
|
21030
|
-
const [selectedHistoryItem, setSelectedHistoryItem] =
|
|
21031
|
-
const [historyDetail, setHistoryDetail] =
|
|
21032
|
-
const [historyDetailError, setHistoryDetailError] =
|
|
21033
|
-
const [isLoadingHistoryDetail, setIsLoadingHistoryDetail] =
|
|
21034
|
-
const [officialDocuments, setOfficialDocuments] =
|
|
21035
|
-
const [isLoadingOfficialDocuments, setIsLoadingOfficialDocuments] =
|
|
21036
|
-
const [officialDocumentsError, setOfficialDocumentsError] =
|
|
21037
|
-
const [uploadedDocuments, setUploadedDocuments] =
|
|
21038
|
-
const [uploadingDocumentId, setUploadingDocumentId] =
|
|
21039
|
-
const [documentUploadErrors, setDocumentUploadErrors] =
|
|
21040
|
-
const documentInputRefs =
|
|
21236
|
+
const [activeTab, setActiveTab] = useState76("workflowHistory");
|
|
21237
|
+
const [basicInfoOpen, setBasicInfoOpen] = useState76(true);
|
|
21238
|
+
const [petitionDetailsOpen, setPetitionDetailsOpen] = useState76(true);
|
|
21239
|
+
const [otherDetailsOpen, setOtherDetailsOpen] = useState76(true);
|
|
21240
|
+
const [showAllMovements, setShowAllMovements] = useState76(false);
|
|
21241
|
+
const [isApplicantFormMaximized, setIsApplicantFormMaximized] = useState76(false);
|
|
21242
|
+
const [actions, setActions] = useState76(DEFAULT_ACTIONS);
|
|
21243
|
+
const [actionCode, setActionCode] = useState76("RETURN_TO_APPLICANT");
|
|
21244
|
+
const [remarks, setRemarks] = useState76("");
|
|
21245
|
+
const [isSubmitting, setIsSubmitting] = useState76(false);
|
|
21246
|
+
const [editableFields, setEditableFields] = useState76([]);
|
|
21247
|
+
const [selectedEditableFields, setSelectedEditableFields] = useState76([]);
|
|
21248
|
+
const [isLoadingEditableFields, setIsLoadingEditableFields] = useState76(false);
|
|
21249
|
+
const [editableFieldsError, setEditableFieldsError] = useState76("");
|
|
21250
|
+
const [workflowSteps, setWorkflowSteps] = useState76([]);
|
|
21251
|
+
const [isLoadingWorkflowSteps, setIsLoadingWorkflowSteps] = useState76(false);
|
|
21252
|
+
const [workflowStepsError, setWorkflowStepsError] = useState76("");
|
|
21253
|
+
const [fileHistory, setFileHistory] = useState76([]);
|
|
21254
|
+
const [isLoadingFileHistory, setIsLoadingFileHistory] = useState76(false);
|
|
21255
|
+
const [fileHistoryError, setFileHistoryError] = useState76("");
|
|
21256
|
+
const [selectedHistoryItem, setSelectedHistoryItem] = useState76(null);
|
|
21257
|
+
const [historyDetail, setHistoryDetail] = useState76(null);
|
|
21258
|
+
const [historyDetailError, setHistoryDetailError] = useState76("");
|
|
21259
|
+
const [isLoadingHistoryDetail, setIsLoadingHistoryDetail] = useState76(false);
|
|
21260
|
+
const [officialDocuments, setOfficialDocuments] = useState76([]);
|
|
21261
|
+
const [isLoadingOfficialDocuments, setIsLoadingOfficialDocuments] = useState76(false);
|
|
21262
|
+
const [officialDocumentsError, setOfficialDocumentsError] = useState76("");
|
|
21263
|
+
const [uploadedDocuments, setUploadedDocuments] = useState76([]);
|
|
21264
|
+
const [uploadingDocumentId, setUploadingDocumentId] = useState76(null);
|
|
21265
|
+
const [documentUploadErrors, setDocumentUploadErrors] = useState76({});
|
|
21266
|
+
const documentInputRefs = useRef27({});
|
|
21041
21267
|
const fileNo = (file == null ? void 0 : file.fileNumber) || "TASK-31";
|
|
21042
21268
|
const subject = (file == null ? void 0 : file.subject) || "ElectionPetition #41";
|
|
21043
21269
|
const department = (file == null ? void 0 : file.department) && file.department !== "-" ? file.department : "Nodal 19";
|
|
@@ -21377,26 +21603,26 @@ function ReviewApplication({
|
|
|
21377
21603
|
};
|
|
21378
21604
|
const workflowHistoryList = fileHistory;
|
|
21379
21605
|
const visibleMovements = showAllMovements ? fileHistory : fileHistory.slice(0, 9);
|
|
21380
|
-
return /* @__PURE__ */
|
|
21381
|
-
/* @__PURE__ */
|
|
21382
|
-
/* @__PURE__ */
|
|
21383
|
-
/* @__PURE__ */
|
|
21606
|
+
return /* @__PURE__ */ jsxs101("div", { className: "fc:w-full fc:min-h-full fc:bg-[#F5F7FB] fc:font-sans", children: [
|
|
21607
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:items-center fc:justify-between fc:px-6 fc:py-3 fc:border-b fc:border-slate-200 fc:bg-white fc:sticky fc:top-0 fc:z-20", children: [
|
|
21608
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs", children: [
|
|
21609
|
+
/* @__PURE__ */ jsxs101(
|
|
21384
21610
|
"button",
|
|
21385
21611
|
{
|
|
21386
21612
|
type: "button",
|
|
21387
21613
|
onClick: onBackToInbox,
|
|
21388
21614
|
className: "fc:flex fc:items-center fc:gap-1.5 fc:text-slate-500 hover:fc:text-blue-600 fc:font-semibold fc:transition-colors",
|
|
21389
21615
|
children: [
|
|
21390
|
-
/* @__PURE__ */
|
|
21391
|
-
/* @__PURE__ */
|
|
21616
|
+
/* @__PURE__ */ jsx102(RiInboxLine2, { size: 16, className: "fc:text-blue-600" }),
|
|
21617
|
+
/* @__PURE__ */ jsx102("span", { children: "Inbox" })
|
|
21392
21618
|
]
|
|
21393
21619
|
}
|
|
21394
21620
|
),
|
|
21395
|
-
/* @__PURE__ */
|
|
21396
|
-
/* @__PURE__ */
|
|
21621
|
+
/* @__PURE__ */ jsx102(RiArrowRightSLine, { size: 14, className: "fc:text-slate-400" }),
|
|
21622
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:font-bold fc:text-slate-800", children: "Review Application" })
|
|
21397
21623
|
] }),
|
|
21398
|
-
/* @__PURE__ */
|
|
21399
|
-
/* @__PURE__ */
|
|
21624
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
|
|
21625
|
+
/* @__PURE__ */ jsx102(
|
|
21400
21626
|
NotificationPopover,
|
|
21401
21627
|
{
|
|
21402
21628
|
activeWorkflowStepId,
|
|
@@ -21404,20 +21630,20 @@ function ReviewApplication({
|
|
|
21404
21630
|
refreshKey
|
|
21405
21631
|
}
|
|
21406
21632
|
),
|
|
21407
|
-
/* @__PURE__ */
|
|
21633
|
+
/* @__PURE__ */ jsxs101(
|
|
21408
21634
|
"div",
|
|
21409
21635
|
{
|
|
21410
21636
|
ref: roleDropdownRef,
|
|
21411
21637
|
className: "fc:relative fc:flex fc:items-center fc:gap-2.5 fc:bg-slate-50 fc:border fc:border-slate-200 fc:rounded-xl fc:p-1.5 fc:pr-3",
|
|
21412
21638
|
children: [
|
|
21413
|
-
/* @__PURE__ */
|
|
21414
|
-
/* @__PURE__ */
|
|
21415
|
-
/* @__PURE__ */
|
|
21639
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:relative fc:shrink-0", children: [
|
|
21640
|
+
/* @__PURE__ */ jsx102("div", { className: "fc:w-8 fc:h-8 fc:rounded-full fc:bg-blue-600 fc:text-white fc:font-extrabold fc:text-xs fc:flex fc:items-center fc:justify-center fc:shadow-sm", children: "D" }),
|
|
21641
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:absolute fc:-bottom-0.5 fc:-right-0.5 fc:w-2 fc:h-2 fc:bg-emerald-500 fc:border-2 fc:border-white fc:rounded-full" })
|
|
21416
21642
|
] }),
|
|
21417
|
-
/* @__PURE__ */
|
|
21418
|
-
/* @__PURE__ */
|
|
21419
|
-
/* @__PURE__ */
|
|
21420
|
-
/* @__PURE__ */
|
|
21643
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:flex-col fc:justify-center", children: [
|
|
21644
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:items-center fc:gap-1.5", children: [
|
|
21645
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:text-xs fc:font-extrabold fc:text-slate-800", children: "Dummy" }),
|
|
21646
|
+
/* @__PURE__ */ jsxs101(
|
|
21421
21647
|
"button",
|
|
21422
21648
|
{
|
|
21423
21649
|
type: "button",
|
|
@@ -21427,35 +21653,35 @@ function ReviewApplication({
|
|
|
21427
21653
|
className: "fc:inline-flex fc:items-center fc:gap-0.5 fc:rounded fc:border fc:border-blue-200 fc:bg-blue-50 fc:px-1.5 fc:py-0.2 fc:text-[10px] fc:font-bold fc:text-blue-700 hover:fc:bg-blue-100",
|
|
21428
21654
|
children: [
|
|
21429
21655
|
activeStepName || "Scruitny",
|
|
21430
|
-
/* @__PURE__ */
|
|
21656
|
+
/* @__PURE__ */ jsx102(RiArrowDownSLine, { size: 11 })
|
|
21431
21657
|
]
|
|
21432
21658
|
}
|
|
21433
21659
|
)
|
|
21434
21660
|
] }),
|
|
21435
|
-
/* @__PURE__ */
|
|
21436
|
-
/* @__PURE__ */
|
|
21437
|
-
/* @__PURE__ */
|
|
21661
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:items-center fc:gap-1 fc:mt-0.5", children: [
|
|
21662
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:text-[10px] fc:text-slate-400", children: "Active Step:" }),
|
|
21663
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:text-[10px] fc:font-bold fc:text-indigo-600", children: activeStepName || "Scruitny" })
|
|
21438
21664
|
] })
|
|
21439
21665
|
] }),
|
|
21440
|
-
roleDropdownOpen && assignedSteps.length > 0 && /* @__PURE__ */
|
|
21666
|
+
roleDropdownOpen && assignedSteps.length > 0 && /* @__PURE__ */ jsxs101(
|
|
21441
21667
|
"div",
|
|
21442
21668
|
{
|
|
21443
21669
|
role: "menu",
|
|
21444
21670
|
"aria-label": "Switch role",
|
|
21445
21671
|
className: "fc:absolute fc:right-0 fc:top-full fc:z-50 fc:mt-2 fc:w-72 fc:max-w-[calc(100vw-2rem)] fc:overflow-hidden fc:rounded-2xl fc:border fc:border-slate-200 fc:bg-white fc:p-1.5 fc:shadow-2xl fc:shadow-slate-900/15",
|
|
21446
21672
|
children: [
|
|
21447
|
-
/* @__PURE__ */
|
|
21448
|
-
/* @__PURE__ */
|
|
21449
|
-
/* @__PURE__ */
|
|
21673
|
+
/* @__PURE__ */ jsxs101("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: [
|
|
21674
|
+
/* @__PURE__ */ jsx102("div", { children: /* @__PURE__ */ jsx102("p", { className: "fc:text-xs fc:font-bold fc:text-slate-800", children: "Switch step" }) }),
|
|
21675
|
+
/* @__PURE__ */ jsxs101("span", { className: "fc:rounded-full fc:bg-slate-100 fc:px-2 fc:text-[9px] fc:font-bold fc:text-slate-500", children: [
|
|
21450
21676
|
assignedSteps.length,
|
|
21451
21677
|
" STEPS"
|
|
21452
21678
|
] })
|
|
21453
21679
|
] }),
|
|
21454
|
-
/* @__PURE__ */
|
|
21680
|
+
/* @__PURE__ */ jsx102("div", { className: "fc:space-y-1 fc:pt-0.5", children: assignedSteps.map((step) => {
|
|
21455
21681
|
const isSelected = Number(activeWorkflowStepId) === step.workflowStepId;
|
|
21456
21682
|
const stepName = step.stepName || `Workflow Step ${step.workflowStepId}`;
|
|
21457
21683
|
const marker = String(step.stepCode || stepName).trim().slice(0, 2).toUpperCase();
|
|
21458
|
-
return /* @__PURE__ */
|
|
21684
|
+
return /* @__PURE__ */ jsxs101(
|
|
21459
21685
|
"button",
|
|
21460
21686
|
{
|
|
21461
21687
|
type: "button",
|
|
@@ -21467,12 +21693,12 @@ function ReviewApplication({
|
|
|
21467
21693
|
},
|
|
21468
21694
|
className: `fc:flex fc:w-full fc:items-center fc:gap-3 fc:rounded-xl fc:border fc:px-3 fc:py-2.5 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"}`,
|
|
21469
21695
|
children: [
|
|
21470
|
-
/* @__PURE__ */
|
|
21471
|
-
/* @__PURE__ */
|
|
21472
|
-
/* @__PURE__ */
|
|
21473
|
-
/* @__PURE__ */
|
|
21696
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:flex fc:h-8 fc:w-8 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 }),
|
|
21697
|
+
/* @__PURE__ */ jsxs101("span", { className: "fc:min-w-0 fc:flex-1", children: [
|
|
21698
|
+
/* @__PURE__ */ jsx102("span", { className: `fc:block fc:text-xs fc:font-bold ${isSelected ? "fc:text-blue-800" : "fc:text-slate-800"}`, children: stepName }),
|
|
21699
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:block fc:text-[10px] fc:text-slate-500", children: step.workflowName || `Workflow Step ID ${step.workflowStepId}` })
|
|
21474
21700
|
] }),
|
|
21475
|
-
isSelected && /* @__PURE__ */
|
|
21701
|
+
isSelected && /* @__PURE__ */ jsx102("span", { className: "fc:shrink-0 fc:rounded-full fc:bg-blue-100 fc:px-2 fc:py-0.5 fc:text-[9px] fc:font-bold fc:text-blue-700", children: "Current" })
|
|
21476
21702
|
]
|
|
21477
21703
|
},
|
|
21478
21704
|
step.workflowStepId
|
|
@@ -21484,60 +21710,60 @@ function ReviewApplication({
|
|
|
21484
21710
|
]
|
|
21485
21711
|
}
|
|
21486
21712
|
),
|
|
21487
|
-
/* @__PURE__ */
|
|
21713
|
+
/* @__PURE__ */ jsx102(
|
|
21488
21714
|
"button",
|
|
21489
21715
|
{
|
|
21490
21716
|
type: "button",
|
|
21491
21717
|
title: "Settings",
|
|
21492
21718
|
className: "fc:w-8 fc:h-8 fc:flex fc:items-center fc:justify-center fc:rounded-lg fc:border fc:border-slate-200 fc:bg-white hover:fc:bg-slate-50 fc:text-slate-600 fc:transition-colors",
|
|
21493
|
-
children: /* @__PURE__ */
|
|
21719
|
+
children: /* @__PURE__ */ jsx102(RiSettings4Line, { size: 16 })
|
|
21494
21720
|
}
|
|
21495
21721
|
)
|
|
21496
21722
|
] })
|
|
21497
21723
|
] }),
|
|
21498
|
-
/* @__PURE__ */
|
|
21499
|
-
/* @__PURE__ */
|
|
21500
|
-
/* @__PURE__ */
|
|
21501
|
-
/* @__PURE__ */
|
|
21502
|
-
/* @__PURE__ */
|
|
21503
|
-
/* @__PURE__ */
|
|
21504
|
-
/* @__PURE__ */
|
|
21505
|
-
/* @__PURE__ */
|
|
21724
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:p-3 md:fc:p-4 fc:flex fc:flex-row fc:gap-4 fc:items-start fc:w-full fc:min-w-0", children: [
|
|
21725
|
+
/* @__PURE__ */ jsx102("div", { className: "fc:flex-1 fc:min-w-0 fc:flex fc:flex-col fc:gap-4", children: /* @__PURE__ */ jsxs101("div", { className: "fc:bg-white fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm fc:p-5 fc:flex fc:flex-col fc:gap-4", children: [
|
|
21726
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:items-center fc:justify-between fc:pb-4 fc:border-b fc:border-slate-100", children: [
|
|
21727
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
|
|
21728
|
+
/* @__PURE__ */ jsx102("div", { className: "fc:w-10 fc:h-10 fc:rounded-xl fc:bg-blue-50 fc:border fc:border-blue-100 fc:text-blue-600 fc:flex fc:items-center fc:justify-center fc:shadow-sm", children: /* @__PURE__ */ jsx102(RiFileTextLine4, { size: 22, className: "fc:text-blue-600" }) }),
|
|
21729
|
+
/* @__PURE__ */ jsxs101("div", { children: [
|
|
21730
|
+
/* @__PURE__ */ jsx102("h1", { className: "fc:text-[18px] fc:font-extrabold fc:text-slate-900 fc:leading-tight", children: "Review Application" }),
|
|
21731
|
+
/* @__PURE__ */ jsx102("p", { className: "fc:text-xs fc:text-slate-500 fc:mt-0.5", children: "View application details, workflow history and take action" })
|
|
21506
21732
|
] })
|
|
21507
21733
|
] }),
|
|
21508
|
-
/* @__PURE__ */
|
|
21734
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:px-3 fc:py-1 fc:rounded-full fc:text-xs fc:font-semibold fc:bg-blue-50 fc:text-blue-600 fc:border fc:border-blue-200", children: "In Progress" })
|
|
21509
21735
|
] }),
|
|
21510
|
-
/* @__PURE__ */
|
|
21736
|
+
/* @__PURE__ */ jsxs101(
|
|
21511
21737
|
"div",
|
|
21512
21738
|
{
|
|
21513
21739
|
style: { scrollbarWidth: "none", msOverflowStyle: "none" },
|
|
21514
21740
|
className: "fc:bg-white fc:border fc:border-slate-200 fc:rounded-2xl fc:p-3 fc:shadow-sm fc:flex fc:items-center fc:justify-between fc:gap-2 fc:flex-nowrap fc:overflow-x-auto fc-no-scrollbar fc:w-full",
|
|
21515
21741
|
children: [
|
|
21516
|
-
/* @__PURE__ */
|
|
21517
|
-
/* @__PURE__ */
|
|
21518
|
-
/* @__PURE__ */
|
|
21519
|
-
/* @__PURE__ */
|
|
21742
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:items-center fc:flex-nowrap fc:min-w-0 fc:flex-1", children: [
|
|
21743
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:pr-3 fc:border-r fc:border-slate-200 fc:shrink-0", children: [
|
|
21744
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:block fc:text-[10px] fc:text-slate-400 fc:font-medium fc:whitespace-nowrap", children: "File No" }),
|
|
21745
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:text-xs fc:font-extrabold fc:text-blue-600 fc:block fc:mt-0.5 fc:whitespace-nowrap", children: fileNo })
|
|
21520
21746
|
] }),
|
|
21521
|
-
/* @__PURE__ */
|
|
21522
|
-
/* @__PURE__ */
|
|
21523
|
-
/* @__PURE__ */
|
|
21747
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:px-3 fc:border-r fc:border-slate-200 fc:shrink-0", children: [
|
|
21748
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:block fc:text-[10px] fc:text-slate-400 fc:font-medium fc:whitespace-nowrap", children: "Subject" }),
|
|
21749
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:text-xs fc:font-extrabold fc:text-slate-900 fc:block fc:mt-0.5 fc:whitespace-nowrap", children: subject })
|
|
21524
21750
|
] }),
|
|
21525
|
-
/* @__PURE__ */
|
|
21526
|
-
/* @__PURE__ */
|
|
21527
|
-
/* @__PURE__ */
|
|
21751
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:px-3 fc:border-r fc:border-slate-200 fc:shrink-0", children: [
|
|
21752
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:block fc:text-[10px] fc:text-slate-400 fc:font-medium fc:whitespace-nowrap", children: "Department" }),
|
|
21753
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:text-xs fc:font-bold fc:text-slate-800 fc:block fc:mt-0.5 fc:whitespace-nowrap", children: department })
|
|
21528
21754
|
] }),
|
|
21529
|
-
/* @__PURE__ */
|
|
21530
|
-
/* @__PURE__ */
|
|
21531
|
-
/* @__PURE__ */
|
|
21532
|
-
/* @__PURE__ */
|
|
21533
|
-
/* @__PURE__ */
|
|
21755
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:px-3 fc:border-r fc:border-slate-200 fc:shrink-0", children: [
|
|
21756
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:block fc:text-[10px] fc:text-slate-400 fc:font-medium fc:whitespace-nowrap", children: "Applicant" }),
|
|
21757
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:mt-0.5", children: [
|
|
21758
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:text-xs fc:font-bold fc:text-slate-800 fc:block fc:whitespace-nowrap", children: applicantName }),
|
|
21759
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:text-[10px] fc:text-slate-400 fc:block fc:whitespace-nowrap", children: "Applicant" })
|
|
21534
21760
|
] })
|
|
21535
21761
|
] }),
|
|
21536
|
-
/* @__PURE__ */
|
|
21537
|
-
/* @__PURE__ */
|
|
21538
|
-
/* @__PURE__ */
|
|
21539
|
-
/* @__PURE__ */
|
|
21540
|
-
currentWorkflowStep && /* @__PURE__ */
|
|
21762
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:px-3 fc:border-r fc:border-slate-200 fc:shrink-0", children: [
|
|
21763
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:block fc:text-[10px] fc:text-slate-400 fc:font-medium fc:whitespace-nowrap", children: "Current Step" }),
|
|
21764
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:mt-0.5", children: [
|
|
21765
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:text-xs fc:font-bold fc:text-slate-900 fc:block fc:whitespace-nowrap", children: displayedCurrentStep }),
|
|
21766
|
+
currentWorkflowStep && /* @__PURE__ */ jsxs101("span", { className: "fc:inline-block fc:text-[9px] fc:font-bold fc:text-blue-600 fc:bg-[#EFF6FF] fc:border fc:border-blue-200/80 fc:px-1.5 fc:py-0.2 fc:rounded fc:mt-0.5 fc:whitespace-nowrap", children: [
|
|
21541
21767
|
"Step ",
|
|
21542
21768
|
(_l = (_k = currentWorkflowStep.sequenceNo) != null ? _k : currentWorkflowStep.SequenceNo) != null ? _l : currentWorkflowStepIndex + 1,
|
|
21543
21769
|
" of ",
|
|
@@ -21545,39 +21771,39 @@ function ReviewApplication({
|
|
|
21545
21771
|
] })
|
|
21546
21772
|
] })
|
|
21547
21773
|
] }),
|
|
21548
|
-
/* @__PURE__ */
|
|
21549
|
-
/* @__PURE__ */
|
|
21550
|
-
/* @__PURE__ */
|
|
21774
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:px-3 fc:border-r fc:border-slate-200 fc:shrink-0", children: [
|
|
21775
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:block fc:text-[10px] fc:text-slate-400 fc:font-medium fc:whitespace-nowrap", children: "Workflow" }),
|
|
21776
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:text-xs fc:font-bold fc:text-slate-800 fc:block fc:mt-0.5 fc:whitespace-nowrap", children: workflowName })
|
|
21551
21777
|
] }),
|
|
21552
|
-
/* @__PURE__ */
|
|
21553
|
-
/* @__PURE__ */
|
|
21554
|
-
/* @__PURE__ */
|
|
21555
|
-
/* @__PURE__ */
|
|
21556
|
-
/* @__PURE__ */
|
|
21778
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:pl-3 fc:shrink-0", children: [
|
|
21779
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:block fc:text-[10px] fc:text-slate-400 fc:font-medium fc:whitespace-nowrap", children: "Created On" }),
|
|
21780
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:mt-0.5", children: [
|
|
21781
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:text-xs fc:font-bold fc:text-slate-800 fc:block fc:whitespace-nowrap", children: createdOn }),
|
|
21782
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:text-[10px] fc:text-slate-400 fc:block fc:whitespace-nowrap", children: "By Applicant" })
|
|
21557
21783
|
] })
|
|
21558
21784
|
] })
|
|
21559
21785
|
] }),
|
|
21560
|
-
/* @__PURE__ */
|
|
21786
|
+
/* @__PURE__ */ jsxs101(
|
|
21561
21787
|
"button",
|
|
21562
21788
|
{
|
|
21563
21789
|
type: "button",
|
|
21564
21790
|
className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:px-3 fc:py-1.5 fc:rounded-xl fc:border fc:border-blue-200 fc:bg-white hover:fc:bg-blue-50 fc:text-blue-600 fc:text-xs fc:font-bold fc:shrink-0 fc:shadow-sm fc:transition-colors fc:whitespace-nowrap fc:ml-2",
|
|
21565
21791
|
children: [
|
|
21566
|
-
/* @__PURE__ */
|
|
21567
|
-
/* @__PURE__ */
|
|
21792
|
+
/* @__PURE__ */ jsx102(RiEyeLine2, { size: 14 }),
|
|
21793
|
+
/* @__PURE__ */ jsx102("span", { children: "Preview Form (Read Only)" })
|
|
21568
21794
|
]
|
|
21569
21795
|
}
|
|
21570
21796
|
)
|
|
21571
21797
|
]
|
|
21572
21798
|
}
|
|
21573
21799
|
),
|
|
21574
|
-
/* @__PURE__ */
|
|
21575
|
-
workflowSteps.length > 1 && /* @__PURE__ */
|
|
21800
|
+
/* @__PURE__ */ jsx102("div", { className: "fc:overflow-x-auto fc:pt-2 fc:pb-3 fc:px-4", children: isLoadingWorkflowSteps ? /* @__PURE__ */ jsx102("p", { className: "fc:py-4 fc:text-center fc:text-xs fc:text-slate-400", children: "Loading workflow steps..." }) : workflowStepsError ? /* @__PURE__ */ jsx102("p", { role: "alert", className: "fc:py-4 fc:text-center fc:text-xs fc:text-rose-500", children: workflowStepsError }) : workflowSteps.length === 0 ? /* @__PURE__ */ jsx102("p", { className: "fc:py-4 fc:text-center fc:text-xs fc:text-slate-400", children: "No workflow steps found." }) : /* @__PURE__ */ jsxs101("div", { className: "fc:relative fc:min-w-[560px]", children: [
|
|
21801
|
+
workflowSteps.length > 1 && /* @__PURE__ */ jsx102(
|
|
21576
21802
|
"div",
|
|
21577
21803
|
{
|
|
21578
21804
|
className: "fc:absolute fc:top-4 fc:z-0 fc:h-[2px] fc:bg-slate-200",
|
|
21579
21805
|
style: { left: `${50 / workflowSteps.length}%`, right: `${50 / workflowSteps.length}%` },
|
|
21580
|
-
children: /* @__PURE__ */
|
|
21806
|
+
children: /* @__PURE__ */ jsx102(
|
|
21581
21807
|
"div",
|
|
21582
21808
|
{
|
|
21583
21809
|
className: "fc:h-full fc:bg-emerald-500 fc:transition-all",
|
|
@@ -21586,7 +21812,7 @@ function ReviewApplication({
|
|
|
21586
21812
|
)
|
|
21587
21813
|
}
|
|
21588
21814
|
),
|
|
21589
|
-
/* @__PURE__ */
|
|
21815
|
+
/* @__PURE__ */ jsx102("div", { className: "fc:relative fc:z-10 fc:grid fc:items-start", style: { gridTemplateColumns: `repeat(${workflowSteps.length}, minmax(0, 1fr))` }, children: workflowSteps.map((step, index) => {
|
|
21590
21816
|
var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2;
|
|
21591
21817
|
const state = String((_b2 = (_a2 = step.state) != null ? _a2 : step.State) != null ? _b2 : "Pending");
|
|
21592
21818
|
const normalizedState = state.replace(/[\s_-]/g, "").toLowerCase();
|
|
@@ -21596,78 +21822,78 @@ function ReviewApplication({
|
|
|
21596
21822
|
const stepName = (_h2 = (_g2 = step.stepName) != null ? _g2 : step.StepName) != null ? _h2 : `Step ${sequence}`;
|
|
21597
21823
|
const markerClass = isComplete ? "fc:border-emerald-600 fc:bg-emerald-600 fc:text-white" : isCurrent ? "fc:border-blue-600 fc:bg-blue-600 fc:text-white fc:ring-4 fc:ring-blue-100" : "fc:border-slate-300 fc:bg-white fc:text-slate-500";
|
|
21598
21824
|
const labelClass = isComplete ? "fc:font-bold fc:text-emerald-700" : isCurrent ? "fc:font-bold fc:text-blue-600" : "fc:font-medium fc:text-slate-600";
|
|
21599
|
-
return /* @__PURE__ */
|
|
21600
|
-
/* @__PURE__ */
|
|
21601
|
-
/* @__PURE__ */
|
|
21825
|
+
return /* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:min-w-0 fc:flex-col fc:items-center fc:px-1 fc:text-center", children: [
|
|
21826
|
+
/* @__PURE__ */ jsx102("div", { className: `fc:flex fc:h-8 fc:w-8 fc:items-center fc:justify-center fc:rounded-full fc:border-2 fc:text-xs fc:font-bold ${markerClass}`, children: isComplete ? /* @__PURE__ */ jsx102(RiCheckLine3, { size: 17 }) : sequence }),
|
|
21827
|
+
/* @__PURE__ */ jsxs101("span", { className: `fc:mt-2 fc:max-w-full fc:text-xs ${labelClass}`, children: [
|
|
21602
21828
|
sequence,
|
|
21603
21829
|
" ",
|
|
21604
21830
|
stepName
|
|
21605
21831
|
] }),
|
|
21606
|
-
/* @__PURE__ */
|
|
21832
|
+
/* @__PURE__ */ jsx102("span", { className: `fc:text-[11px] ${isCurrent ? "fc:font-semibold fc:text-blue-500" : "fc:text-slate-400"}`, children: isCurrent ? "(Current)" : state })
|
|
21607
21833
|
] }, (_i2 = step.workflowStepId) != null ? _i2 : sequence);
|
|
21608
21834
|
}) })
|
|
21609
21835
|
] }) }),
|
|
21610
|
-
/* @__PURE__ */
|
|
21611
|
-
/* @__PURE__ */
|
|
21612
|
-
/* @__PURE__ */
|
|
21836
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:items-center fc:justify-between fc:border-b fc:border-slate-200 fc:px-1 fc:pt-2", children: [
|
|
21837
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:items-center fc:gap-8", children: [
|
|
21838
|
+
/* @__PURE__ */ jsxs101(
|
|
21613
21839
|
"button",
|
|
21614
21840
|
{
|
|
21615
21841
|
type: "button",
|
|
21616
21842
|
onClick: () => setActiveTab("fileDetails"),
|
|
21617
21843
|
className: `fc:inline-flex fc:items-center fc:gap-2 fc:pb-3 fc:text-sm fc:transition-all fc:border-b-2 ${activeTab === "fileDetails" ? "fc:border-blue-600 fc:text-blue-600 fc:font-bold -fc:mb-[2px]" : "fc:border-transparent fc:text-slate-500 hover:fc:text-slate-800 fc:font-medium"}`,
|
|
21618
21844
|
children: [
|
|
21619
|
-
/* @__PURE__ */
|
|
21620
|
-
/* @__PURE__ */
|
|
21845
|
+
/* @__PURE__ */ jsx102(RiFileTextLine4, { size: 16 }),
|
|
21846
|
+
/* @__PURE__ */ jsx102("span", { children: "File Details" })
|
|
21621
21847
|
]
|
|
21622
21848
|
}
|
|
21623
21849
|
),
|
|
21624
|
-
/* @__PURE__ */
|
|
21850
|
+
/* @__PURE__ */ jsxs101(
|
|
21625
21851
|
"button",
|
|
21626
21852
|
{
|
|
21627
21853
|
type: "button",
|
|
21628
21854
|
onClick: () => setActiveTab("workflowHistory"),
|
|
21629
21855
|
className: `fc:inline-flex fc:items-center fc:gap-2 fc:pb-3 fc:text-sm fc:transition-all fc:border-b-2 ${activeTab === "workflowHistory" ? "fc:border-blue-600 fc:text-blue-600 fc:font-bold -fc:mb-[2px]" : "fc:border-transparent fc:text-slate-500 hover:fc:text-slate-800 fc:font-medium"}`,
|
|
21630
21856
|
children: [
|
|
21631
|
-
/* @__PURE__ */
|
|
21632
|
-
/* @__PURE__ */
|
|
21857
|
+
/* @__PURE__ */ jsx102(RiHistoryLine, { size: 16 }),
|
|
21858
|
+
/* @__PURE__ */ jsx102("span", { children: "Workflow History" })
|
|
21633
21859
|
]
|
|
21634
21860
|
}
|
|
21635
21861
|
)
|
|
21636
21862
|
] }),
|
|
21637
|
-
/* @__PURE__ */
|
|
21863
|
+
/* @__PURE__ */ jsxs101(
|
|
21638
21864
|
"button",
|
|
21639
21865
|
{
|
|
21640
21866
|
type: "button",
|
|
21641
21867
|
className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:px-3 fc:py-1.5 fc:rounded-lg fc:border fc:border-slate-200 fc:bg-white hover:fc:bg-slate-50 fc:text-xs fc:font-semibold fc:text-slate-700 fc:mb-2",
|
|
21642
21868
|
children: [
|
|
21643
|
-
/* @__PURE__ */
|
|
21644
|
-
/* @__PURE__ */
|
|
21645
|
-
/* @__PURE__ */
|
|
21869
|
+
/* @__PURE__ */ jsx102(RiFilterLine, { size: 14, className: "fc:text-slate-400" }),
|
|
21870
|
+
/* @__PURE__ */ jsx102("span", { children: "All movements" }),
|
|
21871
|
+
/* @__PURE__ */ jsx102(RiArrowDownSLine, { size: 14, className: "fc:text-slate-400" })
|
|
21646
21872
|
]
|
|
21647
21873
|
}
|
|
21648
21874
|
)
|
|
21649
21875
|
] }),
|
|
21650
|
-
activeTab === "workflowHistory" && /* @__PURE__ */
|
|
21651
|
-
/* @__PURE__ */
|
|
21652
|
-
/* @__PURE__ */
|
|
21653
|
-
/* @__PURE__ */
|
|
21876
|
+
activeTab === "workflowHistory" && /* @__PURE__ */ jsxs101("div", { className: "fc:space-y-4 fc:pt-2", children: [
|
|
21877
|
+
/* @__PURE__ */ jsxs101("div", { children: [
|
|
21878
|
+
/* @__PURE__ */ jsx102("h2", { className: "fc:text-[17px] fc:font-bold fc:text-slate-900", children: "Complete Movement History" }),
|
|
21879
|
+
/* @__PURE__ */ jsx102("p", { className: "fc:text-xs fc:text-slate-500 fc:mt-1", children: "Full audit trail of this file showing all actions, remarks and movement between steps." })
|
|
21654
21880
|
] }),
|
|
21655
|
-
/* @__PURE__ */
|
|
21656
|
-
isLoadingFileHistory && /* @__PURE__ */
|
|
21657
|
-
fileHistoryError && /* @__PURE__ */
|
|
21658
|
-
!isLoadingFileHistory && !fileHistoryError && workflowHistoryList.length === 0 && /* @__PURE__ */
|
|
21881
|
+
/* @__PURE__ */ jsx102("div", { className: "fc:overflow-x-auto fc:pt-1", children: /* @__PURE__ */ jsxs101("div", { className: "fc:min-w-[980px] fc:flex fc:flex-col", children: [
|
|
21882
|
+
isLoadingFileHistory && /* @__PURE__ */ jsx102("p", { className: "fc:py-8 fc:text-center fc:text-sm fc:text-slate-500", children: "Loading file history..." }),
|
|
21883
|
+
fileHistoryError && /* @__PURE__ */ jsx102("p", { role: "alert", className: "fc:py-8 fc:text-center fc:text-sm fc:text-rose-600", children: fileHistoryError }),
|
|
21884
|
+
!isLoadingFileHistory && !fileHistoryError && workflowHistoryList.length === 0 && /* @__PURE__ */ jsx102("p", { className: "fc:py-8 fc:text-center fc:text-sm fc:text-slate-400", children: "No file history found." }),
|
|
21659
21885
|
!isLoadingFileHistory && !fileHistoryError && workflowHistoryList.map((item, index) => {
|
|
21660
21886
|
const isFirst = index === 0;
|
|
21661
21887
|
const isLast = index === workflowHistoryList.length - 1;
|
|
21662
|
-
return /* @__PURE__ */
|
|
21888
|
+
return /* @__PURE__ */ jsxs101(
|
|
21663
21889
|
"div",
|
|
21664
21890
|
{
|
|
21665
21891
|
className: `fc:relative fc:flex fc:items-center fc:gap-4 fc:py-3 fc:px-3 fc:transition-colors ${item.isCurrent ? "fc:bg-[#EFF6FF] fc:rounded-2xl" : item.isAlert ? "fc:bg-[#FEF2F2] fc:rounded-2xl" : "hover:fc:bg-slate-50/60 fc:border-b fc:border-slate-100 last:fc:border-b-0"}`,
|
|
21666
21892
|
children: [
|
|
21667
|
-
/* @__PURE__ */
|
|
21668
|
-
!isFirst && /* @__PURE__ */
|
|
21669
|
-
!isLast && /* @__PURE__ */
|
|
21670
|
-
/* @__PURE__ */
|
|
21893
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:relative fc:w-7 fc:self-stretch fc:flex fc:items-center fc:justify-center fc:shrink-0", children: [
|
|
21894
|
+
!isFirst && /* @__PURE__ */ jsx102("div", { className: "fc:absolute fc:top-0 fc:h-1/2 fc:w-[2px] fc:bg-slate-200 fc:left-1/2 -fc:translate-x-1/2" }),
|
|
21895
|
+
!isLast && /* @__PURE__ */ jsx102("div", { className: "fc:absolute fc:bottom-0 fc:h-1/2 fc:w-[2px] fc:bg-slate-200 fc:left-1/2 -fc:translate-x-1/2" }),
|
|
21896
|
+
/* @__PURE__ */ jsx102(
|
|
21671
21897
|
"div",
|
|
21672
21898
|
{
|
|
21673
21899
|
className: `fc:relative fc:z-10 fc:w-6 fc:h-6 fc:rounded-full fc:flex fc:items-center fc:justify-center fc:text-xs fc:font-semibold ${item.isCurrent ? "fc:bg-blue-600 fc:text-white fc:font-bold fc:shadow-sm" : item.isAlert ? "fc:bg-red-50 fc:text-red-600 fc:border fc:border-red-200" : "fc:bg-slate-100 fc:text-slate-500 fc:border fc:border-slate-200/60"}`,
|
|
@@ -21675,30 +21901,30 @@ function ReviewApplication({
|
|
|
21675
21901
|
}
|
|
21676
21902
|
)
|
|
21677
21903
|
] }),
|
|
21678
|
-
/* @__PURE__ */
|
|
21679
|
-
/* @__PURE__ */
|
|
21680
|
-
/* @__PURE__ */
|
|
21681
|
-
/* @__PURE__ */
|
|
21682
|
-
/* @__PURE__ */
|
|
21904
|
+
/* @__PURE__ */ jsx102("div", { className: "fc:w-7 fc:h-7 fc:flex fc:items-center fc:justify-center fc:shrink-0", children: item.isCurrent ? /* @__PURE__ */ jsx102(RiTimeLine2, { size: 19, className: "fc:text-slate-800" }) : item.type === "return" ? /* @__PURE__ */ jsx102("div", { className: "fc:w-6 fc:h-6 fc:rounded-full fc:bg-[#DC2626] fc:text-white fc:flex fc:items-center fc:justify-center fc:shadow-xs", children: /* @__PURE__ */ jsx102(RiArrowGoBackLine, { size: 13 }) }) : item.type === "submit" || item.type === "resubmit" ? /* @__PURE__ */ jsx102("div", { className: "fc:w-6 fc:h-6 fc:rounded-full fc:bg-[#059669] fc:text-white fc:flex fc:items-center fc:justify-center fc:shadow-xs", children: /* @__PURE__ */ jsx102(RiSendPlane2Fill, { size: 13 }) }) : /* @__PURE__ */ jsx102("div", { className: "fc:w-6 fc:h-6 fc:rounded-full fc:bg-[#2563EB] fc:text-white fc:flex fc:items-center fc:justify-center fc:shadow-xs", children: /* @__PURE__ */ jsx102(RiArrowRightLine, { size: 13 }) }) }),
|
|
21905
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:w-[155px] fc:text-xs fc:text-slate-600 fc:shrink-0", children: item.date }),
|
|
21906
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:w-[145px] fc:shrink-0", children: [
|
|
21907
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:text-xs fc:font-bold fc:text-slate-900 fc:block fc:leading-tight", children: item.userName }),
|
|
21908
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:text-[11.5px] fc:text-slate-500 fc:block fc:mt-0.5 fc:leading-tight", children: item.isCurrent ? /* @__PURE__ */ jsxs101(Fragment7, { children: [
|
|
21683
21909
|
"Scrutiny ",
|
|
21684
|
-
/* @__PURE__ */
|
|
21910
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:text-blue-600 fc:font-bold", children: "(Current)" })
|
|
21685
21911
|
] }) : item.userRole })
|
|
21686
21912
|
] }),
|
|
21687
|
-
/* @__PURE__ */
|
|
21688
|
-
/* @__PURE__ */
|
|
21689
|
-
/* @__PURE__ */
|
|
21690
|
-
/* @__PURE__ */
|
|
21691
|
-
] }) : /* @__PURE__ */
|
|
21692
|
-
/* @__PURE__ */
|
|
21693
|
-
/* @__PURE__ */
|
|
21913
|
+
/* @__PURE__ */ jsx102("div", { className: "fc:w-[155px] fc:shrink-0", children: /* @__PURE__ */ jsx102("span", { className: `fc:inline-block fc:rounded-full fc:border fc:px-3 fc:py-1 fc:text-xs fc:font-semibold ${item.isAlert ? "fc:border-red-200 fc:bg-red-50 fc:text-red-600" : ["Submitted", "Resubmitted", "Approved"].includes(item.status) ? "fc:border-emerald-200 fc:bg-emerald-50 fc:text-emerald-600" : "fc:border-blue-200 fc:bg-blue-50 fc:text-blue-600"}`, children: item.status }) }),
|
|
21914
|
+
/* @__PURE__ */ jsx102("div", { className: "fc:w-[120px] fc:shrink-0", children: item.stepNum ? /* @__PURE__ */ jsxs101("div", { children: [
|
|
21915
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:text-xs fc:font-bold fc:text-slate-900 fc:block fc:leading-tight", children: item.stepNum }),
|
|
21916
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:text-[11.5px] fc:text-slate-500 fc:block fc:mt-0.5 fc:leading-tight", children: item.stepName })
|
|
21917
|
+
] }) : /* @__PURE__ */ jsx102("span", { className: "fc:text-slate-400 fc:text-xs fc:font-medium", children: "-" }) }),
|
|
21918
|
+
/* @__PURE__ */ jsx102("div", { className: "fc:flex-1 fc:min-w-0 fc:pr-3", children: /* @__PURE__ */ jsx102("span", { className: "fc:text-xs fc:text-slate-600 fc:block fc:leading-relaxed", children: item.remarks }) }),
|
|
21919
|
+
/* @__PURE__ */ jsxs101(
|
|
21694
21920
|
"button",
|
|
21695
21921
|
{
|
|
21696
21922
|
type: "button",
|
|
21697
21923
|
onClick: () => handleViewHistoryDetails(item),
|
|
21698
21924
|
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:cursor-pointer",
|
|
21699
21925
|
children: [
|
|
21700
|
-
/* @__PURE__ */
|
|
21701
|
-
/* @__PURE__ */
|
|
21926
|
+
/* @__PURE__ */ jsx102(RiEyeLine2, { size: 15 }),
|
|
21927
|
+
/* @__PURE__ */ jsx102("span", { children: "View details" })
|
|
21702
21928
|
]
|
|
21703
21929
|
}
|
|
21704
21930
|
)
|
|
@@ -21709,7 +21935,7 @@ function ReviewApplication({
|
|
|
21709
21935
|
})
|
|
21710
21936
|
] }) })
|
|
21711
21937
|
] }),
|
|
21712
|
-
activeTab === "fileDetails" && /* @__PURE__ */
|
|
21938
|
+
activeTab === "fileDetails" && /* @__PURE__ */ jsxs101(
|
|
21713
21939
|
"div",
|
|
21714
21940
|
{
|
|
21715
21941
|
className: "fc-details-split-grid fc:w-full",
|
|
@@ -21721,231 +21947,21 @@ function ReviewApplication({
|
|
|
21721
21947
|
width: "100%"
|
|
21722
21948
|
},
|
|
21723
21949
|
children: [
|
|
21724
|
-
/* @__PURE__ */
|
|
21725
|
-
|
|
21950
|
+
/* @__PURE__ */ jsx102("div", { style: { minWidth: 0 }, children: /* @__PURE__ */ jsx102(
|
|
21951
|
+
DynamicFormDisplay,
|
|
21726
21952
|
{
|
|
21727
|
-
|
|
21728
|
-
|
|
21729
|
-
children: [
|
|
21730
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:flex fc:items-start fc:justify-between fc:gap-2", children: [
|
|
21731
|
-
/* @__PURE__ */ jsxs100("div", { children: [
|
|
21732
|
-
/* @__PURE__ */ jsx101(
|
|
21733
|
-
"h2",
|
|
21734
|
-
{
|
|
21735
|
-
style: { fontSize: "16px", lineHeight: "1.25", margin: 0 },
|
|
21736
|
-
className: "fc:text-[16px] fc:font-extrabold fc:text-slate-900",
|
|
21737
|
-
children: "Applicant Form"
|
|
21738
|
-
}
|
|
21739
|
-
),
|
|
21740
|
-
/* @__PURE__ */ jsx101("p", { className: "fc:text-xs fc:text-slate-500 fc:mt-0.5", children: "View the original application submitted by the applicant. (Read Only)" })
|
|
21741
|
-
] }),
|
|
21742
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:flex fc:items-center fc:gap-2 fc:shrink-0", children: [
|
|
21743
|
-
/* @__PURE__ */ jsxs100(
|
|
21744
|
-
"button",
|
|
21745
|
-
{
|
|
21746
|
-
type: "button",
|
|
21747
|
-
onClick: handleExpandAll,
|
|
21748
|
-
className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:border fc:border-blue-200 fc:rounded-lg fc:px-2.5 fc:py-1 fc:text-xs fc:font-semibold fc:text-blue-600 hover:fc:bg-blue-50 fc:transition-colors fc:shrink-0",
|
|
21749
|
-
children: [
|
|
21750
|
-
/* @__PURE__ */ jsxs100("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
21751
|
-
/* @__PURE__ */ jsx101("polyline", { points: "15 3 21 3 21 9" }),
|
|
21752
|
-
/* @__PURE__ */ jsx101("polyline", { points: "9 21 3 21 3 15" }),
|
|
21753
|
-
/* @__PURE__ */ jsx101("line", { x1: "21", y1: "3", x2: "14", y2: "10" }),
|
|
21754
|
-
/* @__PURE__ */ jsx101("line", { x1: "3", y1: "21", x2: "10", y2: "14" })
|
|
21755
|
-
] }),
|
|
21756
|
-
/* @__PURE__ */ jsx101("span", { children: "Expand All" })
|
|
21757
|
-
]
|
|
21758
|
-
}
|
|
21759
|
-
),
|
|
21760
|
-
/* @__PURE__ */ jsx101(
|
|
21761
|
-
"button",
|
|
21762
|
-
{
|
|
21763
|
-
type: "button",
|
|
21764
|
-
onClick: () => setIsApplicantFormMaximized(!isApplicantFormMaximized),
|
|
21765
|
-
className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:border fc:border-slate-200 fc:rounded-lg fc:px-2.5 fc:py-1 fc:text-xs fc:font-semibold fc:text-slate-700 hover:fc:bg-slate-50 fc:transition-colors fc:shrink-0",
|
|
21766
|
-
title: isApplicantFormMaximized ? "Minimize to standard width" : "Maximize to full width",
|
|
21767
|
-
children: isApplicantFormMaximized ? /* @__PURE__ */ jsxs100(Fragment7, { children: [
|
|
21768
|
-
/* @__PURE__ */ jsx101(RiFullscreenExitLine, { size: 13, className: "fc:text-slate-600" }),
|
|
21769
|
-
/* @__PURE__ */ jsx101("span", { children: "Minimize" })
|
|
21770
|
-
] }) : /* @__PURE__ */ jsxs100(Fragment7, { children: [
|
|
21771
|
-
/* @__PURE__ */ jsx101(RiFullscreenLine, { size: 13, className: "fc:text-slate-600" }),
|
|
21772
|
-
/* @__PURE__ */ jsx101("span", { children: "Maximize" })
|
|
21773
|
-
] })
|
|
21774
|
-
}
|
|
21775
|
-
)
|
|
21776
|
-
] })
|
|
21777
|
-
] }),
|
|
21778
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:border fc:border-slate-200/90 fc:rounded-xl fc:overflow-hidden", children: [
|
|
21779
|
-
/* @__PURE__ */ jsxs100(
|
|
21780
|
-
"button",
|
|
21781
|
-
{
|
|
21782
|
-
type: "button",
|
|
21783
|
-
onClick: () => setBasicInfoOpen(!basicInfoOpen),
|
|
21784
|
-
className: "fc:w-full fc:flex fc:items-center fc:gap-2 fc:px-4 fc:py-2.5 fc:bg-white fc:text-xs fc:font-bold fc:text-slate-900 hover:fc:bg-slate-50 fc:border-b fc:border-slate-100",
|
|
21785
|
-
children: [
|
|
21786
|
-
/* @__PURE__ */ jsx101(
|
|
21787
|
-
RiArrowUpSLine,
|
|
21788
|
-
{
|
|
21789
|
-
size: 16,
|
|
21790
|
-
className: `fc:text-slate-700 fc:transition-transform ${basicInfoOpen ? "fc:rotate-0" : "fc:rotate-180"}`
|
|
21791
|
-
}
|
|
21792
|
-
),
|
|
21793
|
-
/* @__PURE__ */ jsx101("span", { children: "Basic Information" })
|
|
21794
|
-
]
|
|
21795
|
-
}
|
|
21796
|
-
),
|
|
21797
|
-
basicInfoOpen && /* @__PURE__ */ jsxs100("div", { className: "fc:p-3.5 fc:space-y-3 fc:bg-white", children: [
|
|
21798
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:grid fc:grid-cols-3 fc:gap-3", children: [
|
|
21799
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80", children: [
|
|
21800
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[11px] fc:text-slate-500 fc:block fc:font-medium", children: "Applicant Name" }),
|
|
21801
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[13px] fc:font-bold fc:text-slate-900 fc:mt-0.5 fc:block", children: "Rahul Sharma" })
|
|
21802
|
-
] }),
|
|
21803
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80", children: [
|
|
21804
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[11px] fc:text-slate-500 fc:block fc:font-medium", children: "Category" }),
|
|
21805
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[13px] fc:font-bold fc:text-slate-900 fc:mt-0.5 fc:block", children: "General" })
|
|
21806
|
-
] }),
|
|
21807
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80", children: [
|
|
21808
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[11px] fc:text-slate-500 fc:block fc:font-medium", children: "Mobile Number" }),
|
|
21809
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[13px] fc:font-bold fc:text-slate-900 fc:mt-0.5 fc:block", children: "9876543210" })
|
|
21810
|
-
] })
|
|
21811
|
-
] }),
|
|
21812
|
-
/* @__PURE__ */ jsxs100(
|
|
21813
|
-
"div",
|
|
21814
|
-
{
|
|
21815
|
-
className: "fc:grid fc:gap-3",
|
|
21816
|
-
style: { gridTemplateColumns: "minmax(0, 1.15fr) minmax(0, 1.6fr)" },
|
|
21817
|
-
children: [
|
|
21818
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80", children: [
|
|
21819
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[11px] fc:text-slate-500 fc:block fc:font-medium", children: "Email Address" }),
|
|
21820
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[13px] fc:font-semibold fc:text-slate-900 fc:mt-0.5 fc:block fc:truncate", title: "rahul.sharma@example.com", children: "rahul.sharma@example.com" })
|
|
21821
|
-
] }),
|
|
21822
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80", children: [
|
|
21823
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[11px] fc:text-slate-500 fc:block fc:font-medium", children: "Address" }),
|
|
21824
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[13px] fc:font-medium fc:text-slate-900 fc:mt-0.5 fc:block", children: "H.No. 123, Sector 22, Chandigarh, 160022" })
|
|
21825
|
-
] })
|
|
21826
|
-
]
|
|
21827
|
-
}
|
|
21828
|
-
)
|
|
21829
|
-
] })
|
|
21830
|
-
] }),
|
|
21831
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:border fc:border-slate-200/90 fc:rounded-xl fc:overflow-hidden", children: [
|
|
21832
|
-
/* @__PURE__ */ jsxs100(
|
|
21833
|
-
"button",
|
|
21834
|
-
{
|
|
21835
|
-
type: "button",
|
|
21836
|
-
onClick: () => setPetitionDetailsOpen(!petitionDetailsOpen),
|
|
21837
|
-
className: "fc:w-full fc:flex fc:items-center fc:gap-2 fc:px-4 fc:py-2.5 fc:bg-white fc:text-xs fc:font-bold fc:text-slate-900 hover:fc:bg-slate-50 fc:border-b fc:border-slate-100",
|
|
21838
|
-
children: [
|
|
21839
|
-
/* @__PURE__ */ jsx101(
|
|
21840
|
-
RiArrowDownSLine,
|
|
21841
|
-
{
|
|
21842
|
-
size: 16,
|
|
21843
|
-
className: `fc:text-slate-700 fc:transition-transform ${petitionDetailsOpen ? "fc:rotate-0" : "-fc:rotate-90"}`
|
|
21844
|
-
}
|
|
21845
|
-
),
|
|
21846
|
-
/* @__PURE__ */ jsx101("span", { children: "Petition Details" })
|
|
21847
|
-
]
|
|
21848
|
-
}
|
|
21849
|
-
),
|
|
21850
|
-
petitionDetailsOpen && /* @__PURE__ */ jsxs100("div", { className: "fc:p-3.5 fc:space-y-3 fc:bg-white", children: [
|
|
21851
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:grid fc:grid-cols-3 fc:gap-3", children: [
|
|
21852
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80", children: [
|
|
21853
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[11px] fc:text-slate-500 fc:block fc:font-medium", children: "Payment Challan Number" }),
|
|
21854
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[13px] fc:font-bold fc:text-slate-900 fc:mt-0.5 fc:block", children: "CHN2026001234" })
|
|
21855
|
-
] }),
|
|
21856
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80", children: [
|
|
21857
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[11px] fc:text-slate-500 fc:block fc:font-medium", children: "Deposit Date" }),
|
|
21858
|
-
/* @__PURE__ */ jsxs100("span", { className: "fc:text-[13px] fc:font-bold fc:text-slate-900 fc:mt-0.5 fc:flex fc:items-center fc:justify-between", children: [
|
|
21859
|
-
"28 Sep 2026",
|
|
21860
|
-
/* @__PURE__ */ jsx101(RiCalendarLine, { size: 15, className: "fc:text-slate-400" })
|
|
21861
|
-
] })
|
|
21862
|
-
] }),
|
|
21863
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80", children: [
|
|
21864
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[11px] fc:text-slate-500 fc:block fc:font-medium", children: "Description" }),
|
|
21865
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[13px] fc:font-medium fc:text-slate-900 fc:mt-0.5 fc:block fc:truncate", title: "Election petition for ward no. 22", children: "Election petition for ward no. 22" })
|
|
21866
|
-
] })
|
|
21867
|
-
] }),
|
|
21868
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:grid fc:grid-cols-2 fc:gap-3", children: [
|
|
21869
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80", children: [
|
|
21870
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[11px] fc:text-slate-500 fc:block fc:font-medium fc:mb-1.5", children: "Fee Challan File" }),
|
|
21871
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:flex fc:items-center fc:justify-between", children: [
|
|
21872
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
|
|
21873
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:px-1.5 fc:py-0.5 fc:rounded fc:bg-red-500 fc:text-white fc:flex fc:items-center fc:justify-center fc:font-bold fc:text-[9px]", children: "PDF" }),
|
|
21874
|
-
/* @__PURE__ */ jsxs100("span", { className: "fc:text-xs fc:font-medium fc:text-blue-600 hover:fc:underline fc:cursor-pointer", children: [
|
|
21875
|
-
"fee_challan_1234.pdf ",
|
|
21876
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-slate-400 fc:text-[11px] fc:font-normal", children: "(245 KB)" })
|
|
21877
|
-
] })
|
|
21878
|
-
] }),
|
|
21879
|
-
/* @__PURE__ */ jsx101("button", { type: "button", className: "fc:text-blue-600 hover:fc:text-blue-700 fc:transition-colors", title: "Download", children: /* @__PURE__ */ jsx101(RiDownload2Line, { size: 15 }) })
|
|
21880
|
-
] })
|
|
21881
|
-
] }),
|
|
21882
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80", children: [
|
|
21883
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[11px] fc:text-slate-500 fc:block fc:font-medium fc:mb-1.5", children: "Supporting Document" }),
|
|
21884
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:flex fc:items-center fc:justify-between", children: [
|
|
21885
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
|
|
21886
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:px-1.5 fc:py-0.5 fc:rounded fc:bg-red-500 fc:text-white fc:flex fc:items-center fc:justify-center fc:font-bold fc:text-[9px]", children: "PDF" }),
|
|
21887
|
-
/* @__PURE__ */ jsxs100("span", { className: "fc:text-xs fc:font-medium fc:text-blue-600 hover:fc:underline fc:cursor-pointer", children: [
|
|
21888
|
-
"petition_document.pdf ",
|
|
21889
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-slate-400 fc:text-[11px] fc:font-normal", children: "(1.2 MB)" })
|
|
21890
|
-
] })
|
|
21891
|
-
] }),
|
|
21892
|
-
/* @__PURE__ */ jsx101("button", { type: "button", className: "fc:text-blue-600 hover:fc:text-blue-700 fc:transition-colors", title: "Download", children: /* @__PURE__ */ jsx101(RiDownload2Line, { size: 15 }) })
|
|
21893
|
-
] })
|
|
21894
|
-
] })
|
|
21895
|
-
] })
|
|
21896
|
-
] })
|
|
21897
|
-
] }),
|
|
21898
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:border fc:border-slate-200/90 fc:rounded-xl fc:overflow-hidden", children: [
|
|
21899
|
-
/* @__PURE__ */ jsxs100(
|
|
21900
|
-
"button",
|
|
21901
|
-
{
|
|
21902
|
-
type: "button",
|
|
21903
|
-
onClick: () => setOtherDetailsOpen(!otherDetailsOpen),
|
|
21904
|
-
className: "fc:w-full fc:flex fc:items-center fc:gap-2 fc:px-4 fc:py-2.5 fc:bg-white fc:text-xs fc:font-bold fc:text-slate-900 hover:fc:bg-slate-50 fc:border-b fc:border-slate-100",
|
|
21905
|
-
children: [
|
|
21906
|
-
/* @__PURE__ */ jsx101(
|
|
21907
|
-
RiArrowDownSLine,
|
|
21908
|
-
{
|
|
21909
|
-
size: 16,
|
|
21910
|
-
className: `fc:text-slate-700 fc:transition-transform ${otherDetailsOpen ? "fc:rotate-0" : "-fc:rotate-90"}`
|
|
21911
|
-
}
|
|
21912
|
-
),
|
|
21913
|
-
/* @__PURE__ */ jsx101("span", { children: "Other Details" })
|
|
21914
|
-
]
|
|
21915
|
-
}
|
|
21916
|
-
),
|
|
21917
|
-
otherDetailsOpen && /* @__PURE__ */ jsxs100("div", { className: "fc:p-3.5 fc:space-y-3 fc:bg-white", children: [
|
|
21918
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:grid fc:grid-cols-3 fc:gap-3", children: [
|
|
21919
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80", children: [
|
|
21920
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[11px] fc:text-slate-500 fc:block fc:font-medium", children: "Election Type" }),
|
|
21921
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[13px] fc:font-bold fc:text-slate-900 fc:mt-0.5 fc:block", children: "Municipal Election" })
|
|
21922
|
-
] }),
|
|
21923
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80", children: [
|
|
21924
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[11px] fc:text-slate-500 fc:block fc:font-medium", children: "Ward Number" }),
|
|
21925
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[13px] fc:font-bold fc:text-slate-900 fc:mt-0.5 fc:block", children: "22" })
|
|
21926
|
-
] }),
|
|
21927
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80", children: [
|
|
21928
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[11px] fc:text-slate-500 fc:block fc:font-medium", children: "Submission Date" }),
|
|
21929
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[13px] fc:font-bold fc:text-slate-900 fc:mt-0.5 fc:block", children: "01 Oct 2026" })
|
|
21930
|
-
] })
|
|
21931
|
-
] }),
|
|
21932
|
-
/* @__PURE__ */ jsxs100("div", { className: "fc:bg-[#F8FAFC] fc:rounded-xl fc:p-3 fc:border fc:border-slate-200/80", children: [
|
|
21933
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[11px] fc:text-slate-500 fc:block fc:font-medium", children: "Additional Information" }),
|
|
21934
|
-
/* @__PURE__ */ jsx101("span", { className: "fc:text-[13px] fc:font-medium fc:text-slate-900 fc:mt-0.5 fc:block", children: "Please find the attached documents for election petition." })
|
|
21935
|
-
] })
|
|
21936
|
-
] })
|
|
21937
|
-
] })
|
|
21938
|
-
]
|
|
21953
|
+
maximized: isApplicantFormMaximized,
|
|
21954
|
+
onToggleMaximize: () => setIsApplicantFormMaximized(!isApplicantFormMaximized)
|
|
21939
21955
|
}
|
|
21940
|
-
),
|
|
21941
|
-
!isApplicantFormMaximized && /* @__PURE__ */
|
|
21956
|
+
) }),
|
|
21957
|
+
!isApplicantFormMaximized && /* @__PURE__ */ jsxs101(
|
|
21942
21958
|
"div",
|
|
21943
21959
|
{
|
|
21944
21960
|
style: { minWidth: 0 },
|
|
21945
21961
|
className: "fc:bg-white fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm fc:p-4 fc:space-y-3",
|
|
21946
21962
|
children: [
|
|
21947
|
-
/* @__PURE__ */
|
|
21948
|
-
/* @__PURE__ */
|
|
21963
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-2", children: [
|
|
21964
|
+
/* @__PURE__ */ jsx102(
|
|
21949
21965
|
"h2",
|
|
21950
21966
|
{
|
|
21951
21967
|
style: { fontSize: "14.5px", lineHeight: "1.25", margin: 0 },
|
|
@@ -21953,7 +21969,7 @@ function ReviewApplication({
|
|
|
21953
21969
|
children: "Recent Movement History"
|
|
21954
21970
|
}
|
|
21955
21971
|
),
|
|
21956
|
-
/* @__PURE__ */
|
|
21972
|
+
/* @__PURE__ */ jsx102(
|
|
21957
21973
|
"button",
|
|
21958
21974
|
{
|
|
21959
21975
|
type: "button",
|
|
@@ -21963,51 +21979,51 @@ function ReviewApplication({
|
|
|
21963
21979
|
}
|
|
21964
21980
|
)
|
|
21965
21981
|
] }),
|
|
21966
|
-
/* @__PURE__ */
|
|
21967
|
-
isLoadingFileHistory && /* @__PURE__ */
|
|
21968
|
-
fileHistoryError && /* @__PURE__ */
|
|
21969
|
-
!isLoadingFileHistory && !fileHistoryError && visibleMovements.length === 0 && /* @__PURE__ */
|
|
21982
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:space-y-1.5 fc:pr-0.5", children: [
|
|
21983
|
+
isLoadingFileHistory && /* @__PURE__ */ jsx102("p", { className: "fc:py-4 fc:text-center fc:text-xs fc:text-slate-500", children: "Loading file history..." }),
|
|
21984
|
+
fileHistoryError && /* @__PURE__ */ jsx102("p", { role: "alert", className: "fc:py-4 fc:text-center fc:text-xs fc:text-rose-600", children: fileHistoryError }),
|
|
21985
|
+
!isLoadingFileHistory && !fileHistoryError && visibleMovements.length === 0 && /* @__PURE__ */ jsx102("p", { className: "fc:py-4 fc:text-center fc:text-xs fc:text-slate-400", children: "No file history found." }),
|
|
21970
21986
|
!isLoadingFileHistory && !fileHistoryError && visibleMovements.map((m, idx) => {
|
|
21971
21987
|
const isLast = idx === visibleMovements.length - 1;
|
|
21972
|
-
return /* @__PURE__ */
|
|
21988
|
+
return /* @__PURE__ */ jsxs101(
|
|
21973
21989
|
"div",
|
|
21974
21990
|
{
|
|
21975
21991
|
className: `fc:relative fc:flex fc:items-center fc:justify-between fc:p-2 fc:rounded-xl fc:transition-colors ${m.isAlert ? "fc:bg-[#FFF1F2] fc:border fc:border-red-100" : "fc:bg-white hover:fc:bg-slate-50"}`,
|
|
21976
21992
|
children: [
|
|
21977
|
-
!isLast && /* @__PURE__ */
|
|
21993
|
+
!isLast && /* @__PURE__ */ jsx102(
|
|
21978
21994
|
"div",
|
|
21979
21995
|
{
|
|
21980
|
-
className: "fc:absolute fc:left-
|
|
21996
|
+
className: "fc:absolute fc:left-4.5 fc:top-6.5 fc:-bottom-2 fc:w-px fc:bg-slate-200 fc:z-0"
|
|
21981
21997
|
}
|
|
21982
21998
|
),
|
|
21983
|
-
/* @__PURE__ */
|
|
21984
|
-
/* @__PURE__ */
|
|
21999
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:items-center fc:gap-2.5 fc:min-w-0 fc:z-10", children: [
|
|
22000
|
+
/* @__PURE__ */ jsx102(
|
|
21985
22001
|
"span",
|
|
21986
22002
|
{
|
|
21987
22003
|
className: `fc:w-5 fc:h-5 fc:rounded-full fc:text-[10px] fc:font-bold fc:flex fc:items-center fc:justify-center fc:shrink-0 ${m.isAlert ? "fc:bg-red-50 fc:text-red-500 fc:border fc:border-red-200" : "fc:bg-slate-100 fc:text-slate-600"}`,
|
|
21988
22004
|
children: m.id
|
|
21989
22005
|
}
|
|
21990
22006
|
),
|
|
21991
|
-
/* @__PURE__ */
|
|
22007
|
+
/* @__PURE__ */ jsx102(
|
|
21992
22008
|
"div",
|
|
21993
22009
|
{
|
|
21994
22010
|
className: `fc:w-6 fc:h-6 fc:rounded-full fc:flex fc:items-center fc:justify-center fc:shrink-0 ${m.type === "alert" ? "fc:bg-[#EF4444] fc:text-white" : m.type === "check" ? "fc:bg-[#059669] fc:text-white" : "fc:bg-[#2563EB] fc:text-white"}`,
|
|
21995
|
-
children: m.type === "alert" ? /* @__PURE__ */
|
|
22011
|
+
children: m.type === "alert" ? /* @__PURE__ */ jsx102(RiArrowGoBackLine, { size: 13, className: "fc:stroke-[1.5]" }) : m.type === "check" ? /* @__PURE__ */ jsx102(RiCheckLine3, { size: 13, className: "fc:stroke-[2.5]" }) : /* @__PURE__ */ jsx102(RiArrowRightLine, { size: 13, className: "fc:stroke-2" })
|
|
21996
22012
|
}
|
|
21997
22013
|
),
|
|
21998
|
-
/* @__PURE__ */
|
|
21999
|
-
/* @__PURE__ */
|
|
22000
|
-
/* @__PURE__ */
|
|
22014
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:min-w-0", children: [
|
|
22015
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:text-[10.5px] fc:text-slate-400 fc:block fc:font-normal fc:leading-tight", children: m.date }),
|
|
22016
|
+
/* @__PURE__ */ jsx102(
|
|
22001
22017
|
"span",
|
|
22002
22018
|
{
|
|
22003
22019
|
className: `fc:text-xs fc:block fc:truncate fc:leading-snug ${m.isAlert ? "fc:font-bold fc:text-red-600" : "fc:font-bold fc:text-slate-900"}`,
|
|
22004
22020
|
children: m.title
|
|
22005
22021
|
}
|
|
22006
22022
|
),
|
|
22007
|
-
/* @__PURE__ */
|
|
22023
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:text-[10.5px] fc:text-slate-500 fc:block fc:truncate fc:leading-tight", children: m.by })
|
|
22008
22024
|
] })
|
|
22009
22025
|
] }),
|
|
22010
|
-
/* @__PURE__ */
|
|
22026
|
+
/* @__PURE__ */ jsxs101(
|
|
22011
22027
|
"button",
|
|
22012
22028
|
{
|
|
22013
22029
|
type: "button",
|
|
@@ -22015,8 +22031,8 @@ function ReviewApplication({
|
|
|
22015
22031
|
style: { fontSize: "10px", lineHeight: "1" },
|
|
22016
22032
|
className: "fc:inline-flex fc:items-center fc:gap-1 fc:text-[10px] fc:font-medium fc:text-blue-600 hover:fc:underline fc:shrink-0 fc:ml-2 fc:z-10",
|
|
22017
22033
|
children: [
|
|
22018
|
-
/* @__PURE__ */
|
|
22019
|
-
/* @__PURE__ */
|
|
22034
|
+
/* @__PURE__ */ jsx102(RiEyeLine2, { size: 12 }),
|
|
22035
|
+
/* @__PURE__ */ jsx102("span", { children: "View details" })
|
|
22020
22036
|
]
|
|
22021
22037
|
}
|
|
22022
22038
|
)
|
|
@@ -22026,15 +22042,15 @@ function ReviewApplication({
|
|
|
22026
22042
|
);
|
|
22027
22043
|
})
|
|
22028
22044
|
] }),
|
|
22029
|
-
/* @__PURE__ */
|
|
22045
|
+
/* @__PURE__ */ jsx102("div", { className: "fc:pt-2", children: /* @__PURE__ */ jsxs101(
|
|
22030
22046
|
"button",
|
|
22031
22047
|
{
|
|
22032
22048
|
type: "button",
|
|
22033
22049
|
onClick: () => setShowAllMovements(!showAllMovements),
|
|
22034
22050
|
className: "fc:w-full fc:py-2 fc:px-3 fc:rounded-xl fc:border fc:border-blue-200 fc:bg-white hover:fc:bg-blue-50/50 fc:text-xs fc:font-semibold fc:text-blue-600 fc:transition-colors fc:flex fc:items-center fc:justify-center fc:gap-1.5",
|
|
22035
22051
|
children: [
|
|
22036
|
-
/* @__PURE__ */
|
|
22037
|
-
/* @__PURE__ */
|
|
22052
|
+
/* @__PURE__ */ jsx102("span", { children: showAllMovements ? "Show fewer movements" : "Show more movements" }),
|
|
22053
|
+
/* @__PURE__ */ jsx102(
|
|
22038
22054
|
RiArrowDownSLine,
|
|
22039
22055
|
{
|
|
22040
22056
|
size: 15,
|
|
@@ -22051,23 +22067,23 @@ function ReviewApplication({
|
|
|
22051
22067
|
}
|
|
22052
22068
|
)
|
|
22053
22069
|
] }) }),
|
|
22054
|
-
/* @__PURE__ */
|
|
22070
|
+
/* @__PURE__ */ jsx102(
|
|
22055
22071
|
"div",
|
|
22056
22072
|
{
|
|
22057
22073
|
className: "fc:w-[350px] lg:fc:w-[365px] xl:fc:w-[385px] fc:flex fc:flex-col fc:shrink-0 fc:sticky fc:top-4",
|
|
22058
22074
|
style: { maxHeight: "none", overflow: "visible" },
|
|
22059
|
-
children: /* @__PURE__ */
|
|
22075
|
+
children: /* @__PURE__ */ jsxs101(
|
|
22060
22076
|
"form",
|
|
22061
22077
|
{
|
|
22062
22078
|
onSubmit: handleSubmit,
|
|
22063
22079
|
style: { maxHeight: "none", overflow: "visible" },
|
|
22064
22080
|
className: "fc:bg-white fc:border fc:border-slate-200/90 fc:rounded-2xl fc:shadow-sm fc:p-4 fc:flex fc:flex-col fc:gap-3.5 fc:w-full",
|
|
22065
22081
|
children: [
|
|
22066
|
-
/* @__PURE__ */
|
|
22067
|
-
/* @__PURE__ */
|
|
22068
|
-
/* @__PURE__ */
|
|
22069
|
-
/* @__PURE__ */
|
|
22070
|
-
/* @__PURE__ */
|
|
22082
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-2 fc:border-b fc:border-slate-100 fc:pb-3", children: [
|
|
22083
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:items-center fc:gap-2.5", children: [
|
|
22084
|
+
/* @__PURE__ */ jsx102("div", { className: "fc:w-8 fc:h-8 fc:rounded-lg fc:bg-[#ECFDF5] fc:text-[#059669] fc:flex fc:items-center fc:justify-center fc:border fc:border-[#A7F3D0]", children: /* @__PURE__ */ jsx102(RiCheckboxLine, { size: 18 }) }),
|
|
22085
|
+
/* @__PURE__ */ jsxs101("div", { children: [
|
|
22086
|
+
/* @__PURE__ */ jsx102(
|
|
22071
22087
|
"h2",
|
|
22072
22088
|
{
|
|
22073
22089
|
style: { fontSize: "15px", lineHeight: "1.25", margin: 0 },
|
|
@@ -22075,30 +22091,30 @@ function ReviewApplication({
|
|
|
22075
22091
|
children: "Take Action"
|
|
22076
22092
|
}
|
|
22077
22093
|
),
|
|
22078
|
-
/* @__PURE__ */
|
|
22094
|
+
/* @__PURE__ */ jsxs101("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: [
|
|
22079
22095
|
"Process file ",
|
|
22080
|
-
/* @__PURE__ */
|
|
22096
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:font-bold fc:text-slate-700", children: fileNo })
|
|
22081
22097
|
] })
|
|
22082
22098
|
] })
|
|
22083
22099
|
] }),
|
|
22084
|
-
/* @__PURE__ */
|
|
22100
|
+
/* @__PURE__ */ jsx102(
|
|
22085
22101
|
"button",
|
|
22086
22102
|
{
|
|
22087
22103
|
type: "button",
|
|
22088
22104
|
onClick: onBackToInbox,
|
|
22089
22105
|
className: "fc:text-slate-400 hover:fc:text-slate-700 fc:p-1 fc:rounded-lg fc:transition-colors",
|
|
22090
|
-
children: /* @__PURE__ */
|
|
22106
|
+
children: /* @__PURE__ */ jsx102(RiCloseLine5, { size: 19 })
|
|
22091
22107
|
}
|
|
22092
22108
|
)
|
|
22093
22109
|
] }),
|
|
22094
|
-
/* @__PURE__ */
|
|
22095
|
-
/* @__PURE__ */
|
|
22110
|
+
/* @__PURE__ */ jsxs101("div", { children: [
|
|
22111
|
+
/* @__PURE__ */ jsxs101("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-900 fc:mb-2", children: [
|
|
22096
22112
|
"Select action ",
|
|
22097
|
-
/* @__PURE__ */
|
|
22113
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:text-red-500", children: "*" })
|
|
22098
22114
|
] }),
|
|
22099
|
-
/* @__PURE__ */
|
|
22115
|
+
/* @__PURE__ */ jsx102("div", { className: "fc:flex fc:flex-col fc:gap-2 fc:w-full", children: actions.map((a) => {
|
|
22100
22116
|
const isSelected = actionCode === a.actionCode;
|
|
22101
|
-
return /* @__PURE__ */
|
|
22117
|
+
return /* @__PURE__ */ jsxs101(
|
|
22102
22118
|
"div",
|
|
22103
22119
|
{
|
|
22104
22120
|
role: "button",
|
|
@@ -22123,7 +22139,7 @@ function ReviewApplication({
|
|
|
22123
22139
|
},
|
|
22124
22140
|
className: `fc-action-radio-option fc:rounded-xl fc:transition-all ${isSelected ? "fc:bg-[#ECFDF5] fc:border fc:border-[#10B981]" : "fc:bg-white fc:border fc:border-slate-200 hover:fc:border-slate-300"}`,
|
|
22125
22141
|
children: [
|
|
22126
|
-
/* @__PURE__ */
|
|
22142
|
+
/* @__PURE__ */ jsx102(
|
|
22127
22143
|
"span",
|
|
22128
22144
|
{
|
|
22129
22145
|
style: {
|
|
@@ -22137,7 +22153,7 @@ function ReviewApplication({
|
|
|
22137
22153
|
backgroundColor: "#ffffff",
|
|
22138
22154
|
border: isSelected ? "2px solid #059669" : "1.5px solid #CBD5E1"
|
|
22139
22155
|
},
|
|
22140
|
-
children: isSelected && /* @__PURE__ */
|
|
22156
|
+
children: isSelected && /* @__PURE__ */ jsx102(
|
|
22141
22157
|
"span",
|
|
22142
22158
|
{
|
|
22143
22159
|
style: {
|
|
@@ -22151,7 +22167,7 @@ function ReviewApplication({
|
|
|
22151
22167
|
)
|
|
22152
22168
|
}
|
|
22153
22169
|
),
|
|
22154
|
-
/* @__PURE__ */
|
|
22170
|
+
/* @__PURE__ */ jsx102(
|
|
22155
22171
|
"span",
|
|
22156
22172
|
{
|
|
22157
22173
|
style: {
|
|
@@ -22170,18 +22186,18 @@ function ReviewApplication({
|
|
|
22170
22186
|
);
|
|
22171
22187
|
}) })
|
|
22172
22188
|
] }),
|
|
22173
|
-
isReturnToApplicant && /* @__PURE__ */
|
|
22174
|
-
/* @__PURE__ */
|
|
22175
|
-
/* @__PURE__ */
|
|
22189
|
+
isReturnToApplicant && /* @__PURE__ */ jsxs101("div", { className: "fc:border-t fc:border-slate-100 fc:pt-3 fc:space-y-1.5", children: [
|
|
22190
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:items-center fc:justify-between", children: [
|
|
22191
|
+
/* @__PURE__ */ jsxs101("span", { className: "fc:text-xs fc:font-bold fc:text-slate-900", children: [
|
|
22176
22192
|
"Applicant editable fields ",
|
|
22177
|
-
/* @__PURE__ */
|
|
22193
|
+
/* @__PURE__ */ jsxs101("span", { className: "fc:font-normal fc:text-slate-500 fc:text-xs", children: [
|
|
22178
22194
|
"(",
|
|
22179
22195
|
editableFields.length,
|
|
22180
22196
|
")"
|
|
22181
22197
|
] })
|
|
22182
22198
|
] }),
|
|
22183
|
-
/* @__PURE__ */
|
|
22184
|
-
/* @__PURE__ */
|
|
22199
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:items-center fc:gap-1.5 fc:text-xs", children: [
|
|
22200
|
+
/* @__PURE__ */ jsx102(
|
|
22185
22201
|
"button",
|
|
22186
22202
|
{
|
|
22187
22203
|
type: "button",
|
|
@@ -22191,8 +22207,8 @@ function ReviewApplication({
|
|
|
22191
22207
|
children: "Select all"
|
|
22192
22208
|
}
|
|
22193
22209
|
),
|
|
22194
|
-
/* @__PURE__ */
|
|
22195
|
-
/* @__PURE__ */
|
|
22210
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:text-slate-300", children: "|" }),
|
|
22211
|
+
/* @__PURE__ */ jsx102(
|
|
22196
22212
|
"button",
|
|
22197
22213
|
{
|
|
22198
22214
|
type: "button",
|
|
@@ -22204,13 +22220,13 @@ function ReviewApplication({
|
|
|
22204
22220
|
)
|
|
22205
22221
|
] })
|
|
22206
22222
|
] }),
|
|
22207
|
-
/* @__PURE__ */
|
|
22208
|
-
isLoadingEditableFields && /* @__PURE__ */
|
|
22209
|
-
editableFieldsError && /* @__PURE__ */
|
|
22210
|
-
!isLoadingEditableFields && !editableFieldsError && editableFields.length === 0 && /* @__PURE__ */
|
|
22223
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:max-h-[190px] fc:overflow-y-auto fc:space-y-1 fc:pr-1 fc:py-1", children: [
|
|
22224
|
+
isLoadingEditableFields && /* @__PURE__ */ jsx102("p", { className: "fc:px-1 fc:py-2 fc:text-[11px] fc:text-slate-500", children: "Loading form fields..." }),
|
|
22225
|
+
editableFieldsError && /* @__PURE__ */ jsx102("p", { role: "alert", className: "fc:px-1 fc:py-2 fc:text-[11px] fc:text-red-600", children: editableFieldsError }),
|
|
22226
|
+
!isLoadingEditableFields && !editableFieldsError && editableFields.length === 0 && /* @__PURE__ */ jsx102("p", { className: "fc:px-1 fc:py-2 fc:text-[11px] fc:text-slate-500", children: "No active form fields found." }),
|
|
22211
22227
|
editableFields.map((field) => {
|
|
22212
22228
|
const isChecked = selectedEditableFields.includes(field.formFieldId);
|
|
22213
|
-
return /* @__PURE__ */
|
|
22229
|
+
return /* @__PURE__ */ jsxs101(
|
|
22214
22230
|
"div",
|
|
22215
22231
|
{
|
|
22216
22232
|
role: "button",
|
|
@@ -22235,7 +22251,7 @@ function ReviewApplication({
|
|
|
22235
22251
|
},
|
|
22236
22252
|
className: "fc:rounded hover:fc:bg-slate-50 fc:transition-colors",
|
|
22237
22253
|
children: [
|
|
22238
|
-
/* @__PURE__ */
|
|
22254
|
+
/* @__PURE__ */ jsx102(
|
|
22239
22255
|
"span",
|
|
22240
22256
|
{
|
|
22241
22257
|
style: {
|
|
@@ -22250,10 +22266,10 @@ function ReviewApplication({
|
|
|
22250
22266
|
border: isChecked ? "none" : "1.5px solid #CBD5E1",
|
|
22251
22267
|
color: "#ffffff"
|
|
22252
22268
|
},
|
|
22253
|
-
children: isChecked && /* @__PURE__ */
|
|
22269
|
+
children: isChecked && /* @__PURE__ */ jsx102(RiCheckLine3, { size: 12, className: "fc:stroke-[3]" })
|
|
22254
22270
|
}
|
|
22255
22271
|
),
|
|
22256
|
-
/* @__PURE__ */
|
|
22272
|
+
/* @__PURE__ */ jsx102(
|
|
22257
22273
|
"span",
|
|
22258
22274
|
{
|
|
22259
22275
|
style: {
|
|
@@ -22273,15 +22289,15 @@ function ReviewApplication({
|
|
|
22273
22289
|
})
|
|
22274
22290
|
] })
|
|
22275
22291
|
] }),
|
|
22276
|
-
/* @__PURE__ */
|
|
22277
|
-
/* @__PURE__ */
|
|
22278
|
-
/* @__PURE__ */
|
|
22279
|
-
/* @__PURE__ */
|
|
22292
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:border-t fc:border-slate-100 fc:pt-3 fc:space-y-1.5", children: [
|
|
22293
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:items-center fc:gap-1.5", children: [
|
|
22294
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:text-xs fc:font-bold fc:text-slate-900", children: "Official attachments" }),
|
|
22295
|
+
/* @__PURE__ */ jsx102(RiInformationFill, { size: 14, className: "fc:text-slate-600" })
|
|
22280
22296
|
] }),
|
|
22281
|
-
/* @__PURE__ */
|
|
22282
|
-
isLoadingOfficialDocuments && /* @__PURE__ */
|
|
22283
|
-
officialDocumentsError && /* @__PURE__ */
|
|
22284
|
-
!isLoadingOfficialDocuments && !officialDocumentsError && officialDocuments.length === 0 && /* @__PURE__ */
|
|
22297
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:space-y-2 fc:pt-1", children: [
|
|
22298
|
+
isLoadingOfficialDocuments && /* @__PURE__ */ jsx102("p", { className: "fc:py-3 fc:text-center fc:text-[11px] fc:text-slate-500", children: "Loading required documents..." }),
|
|
22299
|
+
officialDocumentsError && /* @__PURE__ */ jsx102("p", { role: "alert", className: "fc:py-2 fc:text-[11px] fc:text-rose-600", children: officialDocumentsError }),
|
|
22300
|
+
!isLoadingOfficialDocuments && !officialDocumentsError && officialDocuments.length === 0 && /* @__PURE__ */ jsx102("p", { className: "fc:rounded-xl fc:border fc:border-dashed fc:border-slate-200 fc:px-3 fc:py-3 fc:text-center fc:text-[11px] fc:text-slate-500", children: "No documents are configured for this step." }),
|
|
22285
22301
|
officialDocuments.map((documentConfig) => {
|
|
22286
22302
|
const configId = documentConfig.documentConfigurationId;
|
|
22287
22303
|
const uploaded = uploadedDocuments.find((item) => item.documentConfigurationId === configId);
|
|
@@ -22292,8 +22308,8 @@ function ReviewApplication({
|
|
|
22292
22308
|
documentConfig.allowedExtensions ? `Types: ${documentConfig.allowedExtensions}` : null,
|
|
22293
22309
|
documentConfig.maxSizeMB > 0 ? `Max ${documentConfig.maxSizeMB} MB` : null
|
|
22294
22310
|
].filter(Boolean).join(" \xB7 ");
|
|
22295
|
-
return /* @__PURE__ */
|
|
22296
|
-
/* @__PURE__ */
|
|
22311
|
+
return /* @__PURE__ */ jsxs101("div", { className: `fc:rounded-xl fc:border fc:p-2.5 ${uploaded ? "fc:border-emerald-200 fc:bg-emerald-50/40" : "fc:border-slate-200 fc:bg-[#F8FAFC]"}`, children: [
|
|
22312
|
+
/* @__PURE__ */ jsx102(
|
|
22297
22313
|
"input",
|
|
22298
22314
|
{
|
|
22299
22315
|
ref: (element) => {
|
|
@@ -22310,19 +22326,19 @@ function ReviewApplication({
|
|
|
22310
22326
|
}
|
|
22311
22327
|
}
|
|
22312
22328
|
),
|
|
22313
|
-
/* @__PURE__ */
|
|
22314
|
-
/* @__PURE__ */
|
|
22315
|
-
/* @__PURE__ */
|
|
22316
|
-
/* @__PURE__ */
|
|
22317
|
-
/* @__PURE__ */
|
|
22318
|
-
/* @__PURE__ */
|
|
22319
|
-
documentConfig.isMandatory && /* @__PURE__ */
|
|
22320
|
-
uploaded && /* @__PURE__ */
|
|
22329
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-3", children: [
|
|
22330
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:min-w-0 fc:items-center fc:gap-2.5", children: [
|
|
22331
|
+
/* @__PURE__ */ jsx102(RiFileTextLine4, { size: 18, className: `fc:shrink-0 ${uploaded ? "fc:text-emerald-600" : "fc:text-slate-400"}` }),
|
|
22332
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:min-w-0", children: [
|
|
22333
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:flex-wrap fc:items-center fc:gap-1.5", children: [
|
|
22334
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:max-w-[180px] fc:truncate fc:text-xs fc:font-bold fc:text-slate-800", children: documentConfig.documentName }),
|
|
22335
|
+
documentConfig.isMandatory && /* @__PURE__ */ jsx102("span", { className: "fc:rounded fc:bg-rose-50 fc:px-1.5 fc:py-0.5 fc:text-[9px] fc:font-bold fc:text-rose-600", children: "Required" }),
|
|
22336
|
+
uploaded && /* @__PURE__ */ jsx102("span", { className: "fc:rounded fc:bg-emerald-100 fc:px-1.5 fc:py-0.5 fc:text-[9px] fc:font-bold fc:text-emerald-700", children: "Uploaded" })
|
|
22321
22337
|
] }),
|
|
22322
|
-
/* @__PURE__ */
|
|
22338
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:block fc:truncate fc:text-[10px] fc:text-slate-500", children: (uploaded == null ? void 0 : uploaded.originalFileName) || requirements || "Choose one file to upload" })
|
|
22323
22339
|
] })
|
|
22324
22340
|
] }),
|
|
22325
|
-
/* @__PURE__ */
|
|
22341
|
+
/* @__PURE__ */ jsxs101(
|
|
22326
22342
|
"button",
|
|
22327
22343
|
{
|
|
22328
22344
|
type: "button",
|
|
@@ -22333,24 +22349,24 @@ function ReviewApplication({
|
|
|
22333
22349
|
disabled: isSubmitting || isLoadingOfficialDocuments || uploadingDocumentId != null,
|
|
22334
22350
|
className: "fc:inline-flex fc:shrink-0 fc:items-center fc:gap-1 fc:rounded-lg fc:border fc:border-blue-200 fc:bg-white fc:px-2.5 fc:py-1.5 fc:text-xs fc:font-semibold fc:text-blue-600 fc:shadow-sm hover:fc:bg-blue-50 disabled:fc:cursor-not-allowed disabled:fc:opacity-50",
|
|
22335
22351
|
children: [
|
|
22336
|
-
/* @__PURE__ */
|
|
22337
|
-
/* @__PURE__ */
|
|
22352
|
+
/* @__PURE__ */ jsx102(RiUpload2Line, { size: 13 }),
|
|
22353
|
+
/* @__PURE__ */ jsx102("span", { children: isUploading ? "Uploading..." : uploaded ? "Replace" : "Upload" })
|
|
22338
22354
|
]
|
|
22339
22355
|
}
|
|
22340
22356
|
)
|
|
22341
22357
|
] }),
|
|
22342
|
-
uploadError && /* @__PURE__ */
|
|
22343
|
-
!uploaded && !uploadError && requirements && /* @__PURE__ */
|
|
22358
|
+
uploadError && /* @__PURE__ */ jsx102("p", { role: "alert", className: "fc:mt-1.5 fc:text-[10px] fc:text-rose-600", children: uploadError }),
|
|
22359
|
+
!uploaded && !uploadError && requirements && /* @__PURE__ */ jsx102("p", { className: "fc:mt-1.5 fc:pl-[29px] fc:text-[10px] fc:text-slate-400", children: requirements })
|
|
22344
22360
|
] }, configId);
|
|
22345
22361
|
})
|
|
22346
22362
|
] })
|
|
22347
22363
|
] }),
|
|
22348
|
-
/* @__PURE__ */
|
|
22349
|
-
/* @__PURE__ */
|
|
22364
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:border-t fc:border-slate-100 fc:pt-3", children: [
|
|
22365
|
+
/* @__PURE__ */ jsxs101("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-900 fc:mb-1.5", children: [
|
|
22350
22366
|
"Remarks / comments ",
|
|
22351
|
-
/* @__PURE__ */
|
|
22367
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:text-red-500", children: "*" })
|
|
22352
22368
|
] }),
|
|
22353
|
-
/* @__PURE__ */
|
|
22369
|
+
/* @__PURE__ */ jsx102(
|
|
22354
22370
|
"textarea",
|
|
22355
22371
|
{
|
|
22356
22372
|
rows: 3,
|
|
@@ -22361,8 +22377,8 @@ function ReviewApplication({
|
|
|
22361
22377
|
}
|
|
22362
22378
|
)
|
|
22363
22379
|
] }),
|
|
22364
|
-
/* @__PURE__ */
|
|
22365
|
-
/* @__PURE__ */
|
|
22380
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-3 fc:pt-3 fc:border-t fc:border-slate-100", children: [
|
|
22381
|
+
/* @__PURE__ */ jsx102(
|
|
22366
22382
|
"button",
|
|
22367
22383
|
{
|
|
22368
22384
|
type: "button",
|
|
@@ -22372,15 +22388,15 @@ function ReviewApplication({
|
|
|
22372
22388
|
children: "Cancel"
|
|
22373
22389
|
}
|
|
22374
22390
|
),
|
|
22375
|
-
/* @__PURE__ */
|
|
22391
|
+
/* @__PURE__ */ jsxs101(
|
|
22376
22392
|
"button",
|
|
22377
22393
|
{
|
|
22378
22394
|
type: "submit",
|
|
22379
22395
|
disabled: isSubmitting,
|
|
22380
22396
|
className: "fc:inline-flex fc:items-center fc:gap-2 fc:px-6 fc:py-2.5 fc:bg-[#009E60] hover:fc:bg-[#008752] fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-sm fc:transition-all hover:fc:scale-[1.01] active:fc:scale-95 disabled:fc:opacity-50",
|
|
22381
22397
|
children: [
|
|
22382
|
-
/* @__PURE__ */
|
|
22383
|
-
/* @__PURE__ */
|
|
22398
|
+
/* @__PURE__ */ jsx102(RiSendPlane2Fill, { size: 15 }),
|
|
22399
|
+
/* @__PURE__ */ jsx102("span", { children: isSubmitting ? "Submitting..." : "Submit Action" })
|
|
22384
22400
|
]
|
|
22385
22401
|
}
|
|
22386
22402
|
)
|
|
@@ -22391,8 +22407,8 @@ function ReviewApplication({
|
|
|
22391
22407
|
}
|
|
22392
22408
|
)
|
|
22393
22409
|
] }),
|
|
22394
|
-
selectedHistoryItem && /* @__PURE__ */
|
|
22395
|
-
/* @__PURE__ */
|
|
22410
|
+
selectedHistoryItem && /* @__PURE__ */ jsxs101("div", { className: "fc:fixed fc:inset-0 fc:z-[100] fc:flex fc:items-center fc:justify-center fc:p-4", children: [
|
|
22411
|
+
/* @__PURE__ */ jsx102(
|
|
22396
22412
|
"button",
|
|
22397
22413
|
{
|
|
22398
22414
|
type: "button",
|
|
@@ -22401,23 +22417,23 @@ function ReviewApplication({
|
|
|
22401
22417
|
className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm"
|
|
22402
22418
|
}
|
|
22403
22419
|
),
|
|
22404
|
-
/* @__PURE__ */
|
|
22405
|
-
/* @__PURE__ */
|
|
22406
|
-
/* @__PURE__ */
|
|
22407
|
-
/* @__PURE__ */
|
|
22408
|
-
/* @__PURE__ */
|
|
22409
|
-
/* @__PURE__ */
|
|
22410
|
-
/* @__PURE__ */
|
|
22420
|
+
/* @__PURE__ */ jsxs101("section", { role: "dialog", "aria-modal": "true", "aria-labelledby": "movement-detail-title", className: "fc:relative fc:z-10 fc:max-h-[90vh] fc:w-full fc:max-w-3xl fc:overflow-y-auto fc:rounded-2xl fc:bg-white fc:shadow-2xl", children: [
|
|
22421
|
+
/* @__PURE__ */ jsxs101("header", { className: "fc:flex fc:items-center fc:justify-between fc:gap-4 fc:border-b fc:border-slate-100 fc:bg-slate-50 fc:px-6 fc:py-4", children: [
|
|
22422
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:min-w-0 fc:items-center fc:gap-3", children: [
|
|
22423
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:flex fc:h-10 fc:w-10 fc:shrink-0 fc:items-center fc:justify-center fc:rounded-xl fc:bg-blue-100 fc:text-blue-700", children: /* @__PURE__ */ jsx102(RiHistoryLine, { size: 19 }) }),
|
|
22424
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:min-w-0", children: [
|
|
22425
|
+
/* @__PURE__ */ jsx102("h2", { id: "movement-detail-title", className: "fc:truncate fc:text-base fc:font-bold fc:text-slate-900", children: (_p = (_o = (_m = historyDetail == null ? void 0 : historyDetail.movement) == null ? void 0 : _m.actionName) != null ? _o : (_n = historyDetail == null ? void 0 : historyDetail.movement) == null ? void 0 : _n.ActionName) != null ? _p : selectedHistoryItem.title }),
|
|
22426
|
+
/* @__PURE__ */ jsxs101("p", { className: "fc:mt-0.5 fc:text-xs fc:text-slate-500", children: [
|
|
22411
22427
|
"Movement history #",
|
|
22412
22428
|
selectedHistoryItem.id
|
|
22413
22429
|
] })
|
|
22414
22430
|
] })
|
|
22415
22431
|
] }),
|
|
22416
|
-
/* @__PURE__ */
|
|
22432
|
+
/* @__PURE__ */ jsx102("button", { type: "button", onClick: closeHistoryDetails, "aria-label": "Close", className: "fc:flex fc:h-9 fc:w-9 fc:shrink-0 fc:items-center fc:justify-center fc:rounded-lg fc:text-slate-500 hover:fc:bg-slate-200/70", children: /* @__PURE__ */ jsx102(RiCloseLine5, { size: 20 }) })
|
|
22417
22433
|
] }),
|
|
22418
|
-
/* @__PURE__ */
|
|
22419
|
-
isLoadingHistoryDetail && /* @__PURE__ */
|
|
22420
|
-
historyDetailError && /* @__PURE__ */
|
|
22434
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:space-y-5 fc:p-5 md:fc:p-6", children: [
|
|
22435
|
+
isLoadingHistoryDetail && /* @__PURE__ */ jsx102("p", { className: "fc:py-8 fc:text-center fc:text-sm fc:text-slate-500", children: "Loading movement details..." }),
|
|
22436
|
+
historyDetailError && /* @__PURE__ */ jsx102("p", { role: "alert", className: "fc:py-8 fc:text-center fc:text-sm fc:text-rose-600", children: historyDetailError }),
|
|
22421
22437
|
!isLoadingHistoryDetail && !historyDetailError && historyDetail && (() => {
|
|
22422
22438
|
var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q, _r, _s, _t;
|
|
22423
22439
|
const movement = (_a2 = historyDetail.movement) != null ? _a2 : {};
|
|
@@ -22428,60 +22444,60 @@ function ReviewApplication({
|
|
|
22428
22444
|
const fromStep = (_o2 = (_n2 = (_m2 = movement.fromWorkflowStepName) != null ? _m2 : movement.FromWorkflowStepName) != null ? _n2 : movement.fromWorkflowStepId) != null ? _o2 : movement.FromWorkflowStepId;
|
|
22429
22445
|
const toStep = (_r = (_q = (_p2 = movement.toWorkflowStepName) != null ? _p2 : movement.ToWorkflowStepName) != null ? _q : movement.toWorkflowStepId) != null ? _r : movement.ToWorkflowStepId;
|
|
22430
22446
|
const comments = (_t = (_s = movement.comments) != null ? _s : movement.Comments) != null ? _t : "No comments were added to this movement.";
|
|
22431
|
-
return /* @__PURE__ */
|
|
22432
|
-
/* @__PURE__ */
|
|
22433
|
-
/* @__PURE__ */
|
|
22434
|
-
/* @__PURE__ */
|
|
22435
|
-
/* @__PURE__ */
|
|
22447
|
+
return /* @__PURE__ */ jsxs101(Fragment7, { children: [
|
|
22448
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:grid fc:gap-3", style: { gridTemplateColumns: "repeat(auto-fit, minmax(170px, 1fr))" }, children: [
|
|
22449
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:rounded-xl fc:border fc:border-blue-100 fc:bg-blue-50/60 fc:p-3.5", children: [
|
|
22450
|
+
/* @__PURE__ */ jsx102("p", { className: "fc:text-[10px] fc:font-bold fc:uppercase fc:text-blue-600", children: "Action" }),
|
|
22451
|
+
/* @__PURE__ */ jsx102("p", { className: "fc:mt-1 fc:text-sm fc:font-bold fc:text-slate-900", children: actionName })
|
|
22436
22452
|
] }),
|
|
22437
|
-
/* @__PURE__ */
|
|
22438
|
-
/* @__PURE__ */
|
|
22439
|
-
/* @__PURE__ */
|
|
22453
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:rounded-xl fc:border fc:border-slate-200 fc:bg-white fc:p-3.5", children: [
|
|
22454
|
+
/* @__PURE__ */ jsx102("p", { className: "fc:text-[10px] fc:font-bold fc:uppercase fc:text-slate-400", children: "Performed by" }),
|
|
22455
|
+
/* @__PURE__ */ jsx102("p", { className: "fc:mt-1 fc:truncate fc:text-sm fc:font-semibold fc:text-slate-800", title: actor, children: actor })
|
|
22440
22456
|
] }),
|
|
22441
|
-
/* @__PURE__ */
|
|
22442
|
-
/* @__PURE__ */
|
|
22443
|
-
/* @__PURE__ */
|
|
22457
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:rounded-xl fc:border fc:border-slate-200 fc:bg-white fc:p-3.5", children: [
|
|
22458
|
+
/* @__PURE__ */ jsx102("p", { className: "fc:text-[10px] fc:font-bold fc:uppercase fc:text-slate-400", children: "Moved on" }),
|
|
22459
|
+
/* @__PURE__ */ jsx102("p", { className: "fc:mt-1 fc:text-sm fc:font-semibold fc:text-slate-800", children: movedOn })
|
|
22444
22460
|
] })
|
|
22445
22461
|
] }),
|
|
22446
|
-
/* @__PURE__ */
|
|
22447
|
-
/* @__PURE__ */
|
|
22448
|
-
/* @__PURE__ */
|
|
22449
|
-
/* @__PURE__ */
|
|
22450
|
-
/* @__PURE__ */
|
|
22451
|
-
/* @__PURE__ */
|
|
22462
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:grid fc:gap-3", style: { gridTemplateColumns: "repeat(auto-fit, minmax(200px, 1fr))" }, children: [
|
|
22463
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:items-center fc:gap-3 fc:rounded-xl fc:border fc:border-slate-200 fc:px-4 fc:py-3", children: [
|
|
22464
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:flex fc:h-8 fc:w-8 fc:shrink-0 fc:items-center fc:justify-center fc:rounded-full fc:bg-slate-100 fc:text-slate-600", children: "\u2190" }),
|
|
22465
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:min-w-0", children: [
|
|
22466
|
+
/* @__PURE__ */ jsx102("p", { className: "fc:text-[10px] fc:font-bold fc:uppercase fc:text-slate-400", children: "From step" }),
|
|
22467
|
+
/* @__PURE__ */ jsx102("p", { className: "fc:mt-0.5 fc:truncate fc:text-sm fc:font-semibold fc:text-slate-800", children: fromStep != null ? fromStep : "-" })
|
|
22452
22468
|
] })
|
|
22453
22469
|
] }),
|
|
22454
|
-
/* @__PURE__ */
|
|
22455
|
-
/* @__PURE__ */
|
|
22456
|
-
/* @__PURE__ */
|
|
22457
|
-
/* @__PURE__ */
|
|
22458
|
-
/* @__PURE__ */
|
|
22470
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:flex fc:items-center fc:gap-3 fc:rounded-xl fc:border fc:border-slate-200 fc:px-4 fc:py-3", children: [
|
|
22471
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:flex fc:h-8 fc:w-8 fc:shrink-0 fc:items-center fc:justify-center fc:rounded-full fc:bg-emerald-50 fc:text-emerald-700", children: "\u2192" }),
|
|
22472
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:min-w-0", children: [
|
|
22473
|
+
/* @__PURE__ */ jsx102("p", { className: "fc:text-[10px] fc:font-bold fc:uppercase fc:text-slate-400", children: "To step" }),
|
|
22474
|
+
/* @__PURE__ */ jsx102("p", { className: "fc:mt-0.5 fc:truncate fc:text-sm fc:font-semibold fc:text-slate-800", children: toStep != null ? toStep : "-" })
|
|
22459
22475
|
] })
|
|
22460
22476
|
] })
|
|
22461
22477
|
] }),
|
|
22462
|
-
/* @__PURE__ */
|
|
22463
|
-
/* @__PURE__ */
|
|
22464
|
-
/* @__PURE__ */
|
|
22478
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:rounded-xl fc:border fc:border-slate-200 fc:bg-slate-50/70 fc:p-4", children: [
|
|
22479
|
+
/* @__PURE__ */ jsx102("h3", { className: "fc:text-xs fc:font-bold fc:text-slate-700", children: "Comments" }),
|
|
22480
|
+
/* @__PURE__ */ jsx102("p", { className: "fc:mt-1.5 fc:whitespace-pre-wrap fc:break-words fc:text-sm fc:leading-relaxed fc:text-slate-700", children: comments })
|
|
22465
22481
|
] }),
|
|
22466
|
-
/* @__PURE__ */
|
|
22467
|
-
/* @__PURE__ */
|
|
22468
|
-
/* @__PURE__ */
|
|
22469
|
-
/* @__PURE__ */
|
|
22482
|
+
/* @__PURE__ */ jsxs101("div", { children: [
|
|
22483
|
+
/* @__PURE__ */ jsxs101("div", { className: "fc:mb-2 fc:flex fc:items-center fc:justify-between fc:gap-3", children: [
|
|
22484
|
+
/* @__PURE__ */ jsx102("h3", { className: "fc:text-sm fc:font-bold fc:text-slate-800", children: "Documents" }),
|
|
22485
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:rounded-full fc:bg-slate-100 fc:px-2.5 fc:py-1 fc:text-[10px] fc:font-semibold fc:text-slate-500", children: documents.length })
|
|
22470
22486
|
] }),
|
|
22471
|
-
documents.length === 0 ? /* @__PURE__ */
|
|
22487
|
+
documents.length === 0 ? /* @__PURE__ */ jsx102("p", { className: "fc:rounded-xl fc:border fc:border-dashed fc:border-slate-200 fc:bg-slate-50/50 fc:px-3 fc:py-4 fc:text-center fc:text-xs fc:text-slate-500", children: "No documents attached to this movement." }) : /* @__PURE__ */ jsx102("ul", { className: "fc:space-y-2", children: documents.map((document2, index) => {
|
|
22472
22488
|
var _a3, _b3, _c3, _d3, _e3, _f3, _g3, _h3, _i3, _j3, _k3, _l3, _m3, _n3, _o3, _p3, _q2;
|
|
22473
22489
|
const name = (_f3 = (_e3 = (_d3 = (_c3 = (_b3 = (_a3 = document2.documentName) != null ? _a3 : document2.DocumentName) != null ? _b3 : document2.fileName) != null ? _c3 : document2.FileName) != null ? _d3 : document2.name) != null ? _e3 : document2.Name) != null ? _f3 : `Document ${index + 1}`;
|
|
22474
22490
|
const documentUrl = (_k3 = (_j3 = (_i3 = (_h3 = (_g3 = document2.documentUrl) != null ? _g3 : document2.DocumentUrl) != null ? _h3 : document2.fileUrl) != null ? _i3 : document2.FileUrl) != null ? _j3 : document2.url) != null ? _k3 : document2.Url;
|
|
22475
22491
|
const kind = (_n3 = (_m3 = (_l3 = document2.documentType) != null ? _l3 : document2.DocumentType) != null ? _m3 : document2.contentType) != null ? _n3 : document2.ContentType;
|
|
22476
|
-
return /* @__PURE__ */
|
|
22477
|
-
/* @__PURE__ */
|
|
22478
|
-
/* @__PURE__ */
|
|
22479
|
-
/* @__PURE__ */
|
|
22480
|
-
/* @__PURE__ */
|
|
22481
|
-
kind && /* @__PURE__ */
|
|
22492
|
+
return /* @__PURE__ */ jsxs101("li", { className: "fc:flex fc:items-center fc:justify-between fc:gap-3 fc:rounded-xl fc:border fc:border-slate-200 fc:bg-white fc:px-3.5 fc:py-3", children: [
|
|
22493
|
+
/* @__PURE__ */ jsxs101("span", { className: "fc:flex fc:min-w-0 fc:items-center fc:gap-3", children: [
|
|
22494
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:flex fc:h-9 fc:w-9 fc:shrink-0 fc:items-center fc:justify-center fc:rounded-lg fc:bg-slate-100 fc:text-slate-600", children: /* @__PURE__ */ jsx102(RiFileTextLine4, { size: 17 }) }),
|
|
22495
|
+
/* @__PURE__ */ jsxs101("span", { className: "fc:min-w-0", children: [
|
|
22496
|
+
/* @__PURE__ */ jsx102("span", { className: "fc:block fc:truncate fc:text-sm fc:font-medium fc:text-slate-800", children: name }),
|
|
22497
|
+
kind && /* @__PURE__ */ jsx102("span", { className: "fc:block fc:text-xs fc:text-slate-500", children: kind })
|
|
22482
22498
|
] })
|
|
22483
22499
|
] }),
|
|
22484
|
-
documentUrl && /* @__PURE__ */
|
|
22500
|
+
documentUrl && /* @__PURE__ */ jsx102("a", { href: documentUrl, target: "_blank", rel: "noreferrer", className: "fc:shrink-0 fc:rounded-lg fc:bg-blue-50 fc:px-3 fc:py-2 fc:text-xs fc:font-semibold fc:text-blue-700 hover:fc:bg-blue-100", children: "Open document" })
|
|
22485
22501
|
] }, (_q2 = (_p3 = (_o3 = document2.documentId) != null ? _o3 : document2.DocumentId) != null ? _p3 : document2.id) != null ? _q2 : index);
|
|
22486
22502
|
}) })
|
|
22487
22503
|
] })
|
|
@@ -22494,7 +22510,7 @@ function ReviewApplication({
|
|
|
22494
22510
|
}
|
|
22495
22511
|
|
|
22496
22512
|
// src/components/inbox/InboxMain.jsx
|
|
22497
|
-
import { jsx as
|
|
22513
|
+
import { jsx as jsx103, jsxs as jsxs102 } from "react/jsx-runtime";
|
|
22498
22514
|
var getInboxEndpoint = (resourceNames, actions) => {
|
|
22499
22515
|
var _a, _b;
|
|
22500
22516
|
const flowCore = ((_a = getApiEndpoints()) == null ? void 0 : _a.flowCore) || {};
|
|
@@ -22599,28 +22615,28 @@ function InboxMain({
|
|
|
22599
22615
|
const headerTitle = title || ((allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "myFiles" ? "My Files" : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "filePool" ? "Unclaimed Files" : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "totalFiles" ? "Completed Files" : "Inbox");
|
|
22600
22616
|
const headerSubtitle = subtitle || ((allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "myFiles" ? "View and process files currently assigned to your queue" : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "filePool" ? "Available files in the pool waiting to be claimed" : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "totalFiles" ? "Archive of all completed and processed workflow files" : "Manage, claim, and process workflow files across stages");
|
|
22601
22617
|
const headerIconBg = iconBg || ((allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "myFiles" ? "fc:bg-gradient-to-br fc:from-emerald-500 fc:to-teal-600" : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "filePool" ? "fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600" : (allowedTabs == null ? void 0 : allowedTabs.length) === 1 && allowedTabs[0] === "totalFiles" ? "fc:bg-gradient-to-br fc:from-slate-700 fc:to-slate-900" : "fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600");
|
|
22602
|
-
const [activeTab, setActiveTab] =
|
|
22603
|
-
const [viewMode, setViewMode] =
|
|
22604
|
-
const [reviewingFile, setReviewingFile] =
|
|
22618
|
+
const [activeTab, setActiveTab] = useState77(initialTab);
|
|
22619
|
+
const [viewMode, setViewMode] = useState77(initialView);
|
|
22620
|
+
const [reviewingFile, setReviewingFile] = useState77(null);
|
|
22605
22621
|
useEffect56(() => {
|
|
22606
22622
|
if (initialTab) setActiveTab(initialTab);
|
|
22607
22623
|
}, [initialTab]);
|
|
22608
22624
|
useEffect56(() => {
|
|
22609
22625
|
if (initialView) setViewMode(initialView);
|
|
22610
22626
|
}, [initialView]);
|
|
22611
|
-
const [assignedSteps, setAssignedSteps] =
|
|
22612
|
-
const [activeWorkflowStepId, setActiveWorkflowStepId] =
|
|
22613
|
-
const [roleDropdownOpen, setRoleDropdownOpen] =
|
|
22614
|
-
const roleDropdownRef =
|
|
22627
|
+
const [assignedSteps, setAssignedSteps] = useState77([]);
|
|
22628
|
+
const [activeWorkflowStepId, setActiveWorkflowStepId] = useState77(null);
|
|
22629
|
+
const [roleDropdownOpen, setRoleDropdownOpen] = useState77(false);
|
|
22630
|
+
const roleDropdownRef = useRef28(null);
|
|
22615
22631
|
const activeRoleDetails = assignedSteps.find(
|
|
22616
22632
|
(step) => Number(step.workflowStepId) === Number(activeWorkflowStepId)
|
|
22617
22633
|
);
|
|
22618
22634
|
const activeRole = (activeRoleDetails == null ? void 0 : activeRoleDetails.stepName) || "No Assigned Step";
|
|
22619
|
-
const [filePoolFiles, setFilePoolFiles] =
|
|
22620
|
-
const [myFiles, setMyFiles] =
|
|
22621
|
-
const [totalFiles, setTotalFiles] =
|
|
22622
|
-
const [refreshKey, setRefreshKey] =
|
|
22623
|
-
const [isUnclaiming, setIsUnclaiming] =
|
|
22635
|
+
const [filePoolFiles, setFilePoolFiles] = useState77([]);
|
|
22636
|
+
const [myFiles, setMyFiles] = useState77([]);
|
|
22637
|
+
const [totalFiles, setTotalFiles] = useState77([]);
|
|
22638
|
+
const [refreshKey, setRefreshKey] = useState77(0);
|
|
22639
|
+
const [isUnclaiming, setIsUnclaiming] = useState77(false);
|
|
22624
22640
|
useEffect56(() => {
|
|
22625
22641
|
let isCurrent = true;
|
|
22626
22642
|
const loadAssignedSteps = async () => {
|
|
@@ -22739,30 +22755,30 @@ function InboxMain({
|
|
|
22739
22755
|
isCurrent = false;
|
|
22740
22756
|
};
|
|
22741
22757
|
}, [activeWorkflowStepId, refreshKey]);
|
|
22742
|
-
const [dynamicColumns, setDynamicColumns] =
|
|
22758
|
+
const [dynamicColumns, setDynamicColumns] = useState77([
|
|
22743
22759
|
{ key: "department", label: "Department", width: "190px", visible: true },
|
|
22744
22760
|
{ key: "applicant", label: "Applicant / Entity", width: "210px", visible: true },
|
|
22745
22761
|
{ key: "category", label: "Category / Type", width: "170px", visible: true },
|
|
22746
22762
|
{ key: "financialYear", label: "Financial Year", width: "120px", visible: true }
|
|
22747
22763
|
]);
|
|
22748
|
-
const [columnDropdownOpen, setColumnDropdownOpen] =
|
|
22749
|
-
const columnDropdownRef =
|
|
22750
|
-
const [searchQuery, setSearchQuery] =
|
|
22751
|
-
const [priorityFilter, setPriorityFilter] =
|
|
22752
|
-
const [pageSize, setPageSize] =
|
|
22753
|
-
const [currentPage, setCurrentPage] =
|
|
22754
|
-
const [sortColumn, setSortColumn] =
|
|
22755
|
-
const [sortDirection, setSortDirection] =
|
|
22756
|
-
const [poolModalOpen, setPoolModalOpen] =
|
|
22757
|
-
const [selectedPoolFile, setSelectedPoolFile] =
|
|
22758
|
-
const [isClaimingPool, setIsClaimingPool] =
|
|
22759
|
-
const [actionModalOpen, setActionModalOpen] =
|
|
22760
|
-
const [selectedActionFile, setSelectedActionFile] =
|
|
22761
|
-
const [viewModalOpen, setViewModalOpen] =
|
|
22762
|
-
const [selectedViewFile, setSelectedViewFile] =
|
|
22763
|
-
const tableRef =
|
|
22764
|
-
const [hoveredFileCard, setHoveredFileCard] =
|
|
22765
|
-
const [hoverTimeoutId, setHoverTimeoutId] =
|
|
22764
|
+
const [columnDropdownOpen, setColumnDropdownOpen] = useState77(false);
|
|
22765
|
+
const columnDropdownRef = useRef28(null);
|
|
22766
|
+
const [searchQuery, setSearchQuery] = useState77("");
|
|
22767
|
+
const [priorityFilter, setPriorityFilter] = useState77("all");
|
|
22768
|
+
const [pageSize, setPageSize] = useState77(10);
|
|
22769
|
+
const [currentPage, setCurrentPage] = useState77(1);
|
|
22770
|
+
const [sortColumn, setSortColumn] = useState77("");
|
|
22771
|
+
const [sortDirection, setSortDirection] = useState77("asc");
|
|
22772
|
+
const [poolModalOpen, setPoolModalOpen] = useState77(false);
|
|
22773
|
+
const [selectedPoolFile, setSelectedPoolFile] = useState77(null);
|
|
22774
|
+
const [isClaimingPool, setIsClaimingPool] = useState77(false);
|
|
22775
|
+
const [actionModalOpen, setActionModalOpen] = useState77(false);
|
|
22776
|
+
const [selectedActionFile, setSelectedActionFile] = useState77(null);
|
|
22777
|
+
const [viewModalOpen, setViewModalOpen] = useState77(false);
|
|
22778
|
+
const [selectedViewFile, setSelectedViewFile] = useState77(null);
|
|
22779
|
+
const tableRef = useRef28(null);
|
|
22780
|
+
const [hoveredFileCard, setHoveredFileCard] = useState77(null);
|
|
22781
|
+
const [hoverTimeoutId, setHoverTimeoutId] = useState77(null);
|
|
22766
22782
|
const hiddenDynamicColumns = useMemo8(
|
|
22767
22783
|
() => dynamicColumns.filter((col) => !col.visible),
|
|
22768
22784
|
[dynamicColumns]
|
|
@@ -22921,9 +22937,9 @@ function InboxMain({
|
|
|
22921
22937
|
};
|
|
22922
22938
|
const renderSortIndicator = (column) => {
|
|
22923
22939
|
if (sortColumn !== column) {
|
|
22924
|
-
return /* @__PURE__ */
|
|
22940
|
+
return /* @__PURE__ */ jsx103(RiArrowUpDownLine, { size: 13, className: "fc:text-slate-300 fc:ml-1" });
|
|
22925
22941
|
}
|
|
22926
|
-
return sortDirection === "asc" ? /* @__PURE__ */
|
|
22942
|
+
return sortDirection === "asc" ? /* @__PURE__ */ jsx103(RiArrowUpSLine2, { size: 15, className: "fc:text-blue-600 fc:ml-1" }) : /* @__PURE__ */ jsx103(RiArrowDownSLine2, { size: 15, className: "fc:text-blue-600 fc:ml-1" });
|
|
22927
22943
|
};
|
|
22928
22944
|
const handleOpenPoolModal = (file) => {
|
|
22929
22945
|
setSelectedPoolFile(file);
|
|
@@ -23113,7 +23129,7 @@ function InboxMain({
|
|
|
23113
23129
|
[dynamicColumns]
|
|
23114
23130
|
);
|
|
23115
23131
|
if (viewMode === "review") {
|
|
23116
|
-
return /* @__PURE__ */
|
|
23132
|
+
return /* @__PURE__ */ jsx103(
|
|
23117
23133
|
ReviewApplication,
|
|
23118
23134
|
{
|
|
23119
23135
|
file: reviewingFile || myFiles[0] || filePoolFiles[0] || null,
|
|
@@ -23130,20 +23146,20 @@ function InboxMain({
|
|
|
23130
23146
|
}
|
|
23131
23147
|
);
|
|
23132
23148
|
}
|
|
23133
|
-
return /* @__PURE__ */
|
|
23134
|
-
/* @__PURE__ */
|
|
23135
|
-
/* @__PURE__ */
|
|
23136
|
-
/* @__PURE__ */
|
|
23137
|
-
/* @__PURE__ */
|
|
23138
|
-
/* @__PURE__ */
|
|
23139
|
-
/* @__PURE__ */
|
|
23140
|
-
/* @__PURE__ */
|
|
23141
|
-
/* @__PURE__ */
|
|
23142
|
-
/* @__PURE__ */
|
|
23149
|
+
return /* @__PURE__ */ jsxs102("div", { className: "fc:h-screen fc:bg-[#f5f7fb] fc:p-4 md:fc:p-6 fc:flex fc:flex-col fc:overflow-hidden fc:font-sans", children: [
|
|
23150
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:w-full fc:flex fc:flex-col fc:flex-1 fc:space-y-4", children: [
|
|
23151
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:relative fc:z-50 fc:overflow-visible fc:rounded-2xl fc:border fc:border-slate-200 fc:bg-white/95 fc:backdrop-blur-xl fc:shadow-sm", children: [
|
|
23152
|
+
/* @__PURE__ */ jsx103("div", { className: "fc:absolute fc:inset-x-0 fc:top-0 fc:h-1 fc:rounded-t-2xl fc:bg-gradient-to-r fc:from-blue-600 fc:via-cyan-500 fc:to-indigo-600" }),
|
|
23153
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:relative fc:flex fc:items-center fc:justify-between fc:px-6 fc:py-3 fc:gap-4 fc:flex-wrap", children: [
|
|
23154
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:items-center fc:gap-3.5", children: [
|
|
23155
|
+
/* @__PURE__ */ jsx103("div", { className: `fc:flex fc:h-11 fc:w-11 fc:items-center fc:justify-center fc:rounded-xl ${headerIconBg} fc:text-white fc:shadow-md`, children: /* @__PURE__ */ jsx103(HeaderIcon, { size: 22 }) }),
|
|
23156
|
+
/* @__PURE__ */ jsxs102("div", { children: [
|
|
23157
|
+
/* @__PURE__ */ jsx103("h1", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800 fc:tracking-tight", children: headerTitle }),
|
|
23158
|
+
/* @__PURE__ */ jsx103("p", { className: "fc:text-[11px] fc:text-slate-500", children: headerSubtitle })
|
|
23143
23159
|
] })
|
|
23144
23160
|
] }),
|
|
23145
|
-
/* @__PURE__ */
|
|
23146
|
-
/* @__PURE__ */
|
|
23161
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
|
|
23162
|
+
/* @__PURE__ */ jsx103(
|
|
23147
23163
|
NotificationPopover,
|
|
23148
23164
|
{
|
|
23149
23165
|
activeWorkflowStepId,
|
|
@@ -23151,15 +23167,15 @@ function InboxMain({
|
|
|
23151
23167
|
refreshKey
|
|
23152
23168
|
}
|
|
23153
23169
|
),
|
|
23154
|
-
/* @__PURE__ */
|
|
23155
|
-
/* @__PURE__ */
|
|
23156
|
-
/* @__PURE__ */
|
|
23157
|
-
/* @__PURE__ */
|
|
23170
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:relative fc:flex fc:items-center fc:gap-3 fc:bg-slate-50/90 fc:border fc:border-slate-200/80 fc:rounded-2xl fc:p-1.5 fc:pr-3.5 fc:shadow-sm", ref: roleDropdownRef, children: [
|
|
23171
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:relative fc:shrink-0", children: [
|
|
23172
|
+
/* @__PURE__ */ jsx103("div", { className: "fc:w-9 fc:h-9 fc:rounded-xl fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600 fc:text-white fc:font-extrabold fc:text-xs fc:flex fc:items-center fc:justify-center fc:shadow-sm", children: "D" }),
|
|
23173
|
+
/* @__PURE__ */ jsx103("span", { className: "fc:absolute fc:-bottom-0.5 fc:-right-0.5 fc:w-2.5 fc:h-2.5 fc:bg-emerald-500 fc:border-2 fc:border-white fc:rounded-full" })
|
|
23158
23174
|
] }),
|
|
23159
|
-
/* @__PURE__ */
|
|
23160
|
-
/* @__PURE__ */
|
|
23161
|
-
/* @__PURE__ */
|
|
23162
|
-
/* @__PURE__ */
|
|
23175
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:flex-col fc:justify-center", children: [
|
|
23176
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
|
|
23177
|
+
/* @__PURE__ */ jsx103("span", { className: "fc:text-xs fc:font-extrabold fc:text-slate-800", children: "Dummy" }),
|
|
23178
|
+
/* @__PURE__ */ jsxs102(
|
|
23163
23179
|
"button",
|
|
23164
23180
|
{
|
|
23165
23181
|
type: "button",
|
|
@@ -23169,35 +23185,35 @@ function InboxMain({
|
|
|
23169
23185
|
className: "fc:inline-flex fc:items-center fc:gap-1 fc:rounded-lg fc:border fc:border-blue-200 fc:bg-blue-50 fc:px-2 fc:py-1 fc:text-[10px] fc:font-bold fc:text-blue-700 fc:transition-colors hover:fc:bg-blue-100 focus-visible:fc:outline-none focus-visible:fc:ring-2 focus-visible:fc:ring-blue-400",
|
|
23170
23186
|
children: [
|
|
23171
23187
|
activeRole,
|
|
23172
|
-
/* @__PURE__ */
|
|
23188
|
+
/* @__PURE__ */ jsx103(RiArrowDownSLine2, { size: 12 })
|
|
23173
23189
|
]
|
|
23174
23190
|
}
|
|
23175
23191
|
)
|
|
23176
23192
|
] }),
|
|
23177
|
-
/* @__PURE__ */
|
|
23178
|
-
/* @__PURE__ */
|
|
23179
|
-
/* @__PURE__ */
|
|
23193
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:items-center fc:gap-1.5 fc:mt-0.5", children: [
|
|
23194
|
+
/* @__PURE__ */ jsx103("span", { className: "fc:text-[10px] fc:text-slate-400 fc:font-medium", children: "Active Step:" }),
|
|
23195
|
+
/* @__PURE__ */ jsx103("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) || "-" })
|
|
23180
23196
|
] })
|
|
23181
23197
|
] }),
|
|
23182
|
-
roleDropdownOpen && /* @__PURE__ */
|
|
23198
|
+
roleDropdownOpen && /* @__PURE__ */ jsxs102(
|
|
23183
23199
|
"div",
|
|
23184
23200
|
{
|
|
23185
23201
|
role: "menu",
|
|
23186
23202
|
"aria-label": "Switch role",
|
|
23187
23203
|
className: "fc:absolute fc:right-0 fc:top-full fc:z-50 fc:mt-2 fc:w-72 fc:max-w-[calc(100vw-2rem)] fc:overflow-hidden fc:rounded-2xl fc:border fc:border-slate-200 fc:bg-white fc:p-1.5 fc:shadow-2xl fc:shadow-slate-900/15",
|
|
23188
23204
|
children: [
|
|
23189
|
-
/* @__PURE__ */
|
|
23190
|
-
/* @__PURE__ */
|
|
23191
|
-
/* @__PURE__ */
|
|
23205
|
+
/* @__PURE__ */ jsxs102("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: [
|
|
23206
|
+
/* @__PURE__ */ jsx103("div", { children: /* @__PURE__ */ jsx103("p", { className: "fc:text-xs fc:font-bold fc:text-slate-800", children: "Switch role" }) }),
|
|
23207
|
+
/* @__PURE__ */ jsxs102("span", { className: "fc:rounded-full fc:bg-slate-100 fc:px-2 fc:text-[9px] fc:font-bold fc:text-slate-500", children: [
|
|
23192
23208
|
assignedSteps.length,
|
|
23193
23209
|
" STEPS"
|
|
23194
23210
|
] })
|
|
23195
23211
|
] }),
|
|
23196
|
-
/* @__PURE__ */
|
|
23212
|
+
/* @__PURE__ */ jsx103("div", { className: "fc:space-y-1 fc:pt-0.5", children: assignedSteps.length === 0 ? /* @__PURE__ */ jsx103("p", { className: "fc:px-3 fc:py-3 fc:text-xs fc:text-slate-500", children: "No assigned workflow steps" }) : assignedSteps.map((step) => {
|
|
23197
23213
|
const isSelected = Number(activeWorkflowStepId) === step.workflowStepId;
|
|
23198
23214
|
const stepName = step.stepName || `Workflow Step ${step.workflowStepId}`;
|
|
23199
23215
|
const marker = String(step.stepCode || stepName).trim().slice(0, 2).toUpperCase();
|
|
23200
|
-
return /* @__PURE__ */
|
|
23216
|
+
return /* @__PURE__ */ jsxs102(
|
|
23201
23217
|
"button",
|
|
23202
23218
|
{
|
|
23203
23219
|
type: "button",
|
|
@@ -23210,12 +23226,12 @@ function InboxMain({
|
|
|
23210
23226
|
},
|
|
23211
23227
|
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"}`,
|
|
23212
23228
|
children: [
|
|
23213
|
-
/* @__PURE__ */
|
|
23214
|
-
/* @__PURE__ */
|
|
23215
|
-
/* @__PURE__ */
|
|
23216
|
-
/* @__PURE__ */
|
|
23229
|
+
/* @__PURE__ */ jsx103("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 }),
|
|
23230
|
+
/* @__PURE__ */ jsxs102("span", { className: "fc:min-w-0 fc:flex-1", children: [
|
|
23231
|
+
/* @__PURE__ */ jsx103("span", { className: `fc:block fc:text-xs fc:font-bold ${isSelected ? "fc:text-blue-800" : "fc:text-slate-800"}`, children: stepName }),
|
|
23232
|
+
/* @__PURE__ */ jsx103("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}` })
|
|
23217
23233
|
] }),
|
|
23218
|
-
isSelected && /* @__PURE__ */
|
|
23234
|
+
isSelected && /* @__PURE__ */ jsx103("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" })
|
|
23219
23235
|
]
|
|
23220
23236
|
},
|
|
23221
23237
|
step.workflowStepId
|
|
@@ -23225,32 +23241,32 @@ function InboxMain({
|
|
|
23225
23241
|
}
|
|
23226
23242
|
)
|
|
23227
23243
|
] }),
|
|
23228
|
-
/* @__PURE__ */
|
|
23244
|
+
/* @__PURE__ */ jsx103(
|
|
23229
23245
|
"button",
|
|
23230
23246
|
{
|
|
23231
23247
|
type: "button",
|
|
23232
23248
|
onClick: handleRefresh,
|
|
23233
23249
|
title: "Refresh Table",
|
|
23234
23250
|
className: "fc:h-9 fc:w-9 fc:flex fc:items-center fc:justify-center fc:border fc:border-slate-200 fc:rounded-xl fc:text-slate-600 hover:fc:bg-slate-50 fc:bg-white fc:shadow-sm fc:transition-all",
|
|
23235
|
-
children: /* @__PURE__ */
|
|
23251
|
+
children: /* @__PURE__ */ jsx103(RiRefreshLine2, { size: 16 })
|
|
23236
23252
|
}
|
|
23237
23253
|
)
|
|
23238
23254
|
] })
|
|
23239
23255
|
] })
|
|
23240
23256
|
] }),
|
|
23241
|
-
/* @__PURE__ */
|
|
23242
|
-
/* @__PURE__ */
|
|
23243
|
-
/* @__PURE__ */
|
|
23244
|
-
(!allowedTabs || allowedTabs.includes("filePool")) && /* @__PURE__ */
|
|
23257
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:bg-white fc:border fc:border-slate-200 fc:rounded-3xl fc:shadow-sm fc:p-5 fc:flex fc:flex-col fc:flex-1 fc:overflow-hidden", children: [
|
|
23258
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:flex-col md:fc:flex-row fc:items-start md:fc:items-center fc:justify-between fc:gap-4 fc:pb-4 fc:border-b fc:border-slate-100", children: [
|
|
23259
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:inline-flex fc:items-center fc:p-1.5 fc:bg-slate-100/80 fc:rounded-2xl fc:border fc:border-slate-200/80 fc:gap-1.5", children: [
|
|
23260
|
+
(!allowedTabs || allowedTabs.includes("filePool")) && /* @__PURE__ */ jsxs102(
|
|
23245
23261
|
"button",
|
|
23246
23262
|
{
|
|
23247
23263
|
type: "button",
|
|
23248
23264
|
onClick: () => handleTabChange("filePool"),
|
|
23249
23265
|
className: `fc:flex fc:items-center fc:gap-2.5 fc:px-4 fc:py-2 fc:rounded-xl fc:text-xs fc:font-bold fc:transition-all ${activeTab === "filePool" ? "fc:bg-blue-600 fc:text-white fc:shadow-md fc:shadow-blue-500/25" : "fc:text-slate-600 hover:fc:text-slate-900 hover:fc:bg-white/60"}`,
|
|
23250
23266
|
children: [
|
|
23251
|
-
/* @__PURE__ */
|
|
23252
|
-
/* @__PURE__ */
|
|
23253
|
-
/* @__PURE__ */
|
|
23267
|
+
/* @__PURE__ */ jsx103(RiInboxArchiveLine2, { size: 16 }),
|
|
23268
|
+
/* @__PURE__ */ jsx103("span", { children: "Unclaimed Files" }),
|
|
23269
|
+
/* @__PURE__ */ jsx103(
|
|
23254
23270
|
"span",
|
|
23255
23271
|
{
|
|
23256
23272
|
className: "fc:px-2 fc:py-0.5 fc:rounded-full fc:text-[11px] fc:font-extrabold",
|
|
@@ -23264,16 +23280,16 @@ function InboxMain({
|
|
|
23264
23280
|
]
|
|
23265
23281
|
}
|
|
23266
23282
|
),
|
|
23267
|
-
(!allowedTabs || allowedTabs.includes("myFiles")) && /* @__PURE__ */
|
|
23283
|
+
(!allowedTabs || allowedTabs.includes("myFiles")) && /* @__PURE__ */ jsxs102(
|
|
23268
23284
|
"button",
|
|
23269
23285
|
{
|
|
23270
23286
|
type: "button",
|
|
23271
23287
|
onClick: () => handleTabChange("myFiles"),
|
|
23272
23288
|
className: `fc:flex fc:items-center fc:gap-2.5 fc:px-4 fc:py-2 fc:rounded-xl fc:text-xs fc:font-bold fc:transition-all ${activeTab === "myFiles" ? "fc:bg-emerald-600 fc:text-white fc:shadow-md fc:shadow-emerald-500/25" : "fc:text-slate-600 hover:fc:text-slate-900 hover:fc:bg-white/60"}`,
|
|
23273
23289
|
children: [
|
|
23274
|
-
/* @__PURE__ */
|
|
23275
|
-
/* @__PURE__ */
|
|
23276
|
-
/* @__PURE__ */
|
|
23290
|
+
/* @__PURE__ */ jsx103(RiUserReceivedLine2, { size: 16 }),
|
|
23291
|
+
/* @__PURE__ */ jsx103("span", { children: "My Files" }),
|
|
23292
|
+
/* @__PURE__ */ jsx103(
|
|
23277
23293
|
"span",
|
|
23278
23294
|
{
|
|
23279
23295
|
className: "fc:px-2 fc:py-0.5 fc:rounded-full fc:text-[11px] fc:font-extrabold",
|
|
@@ -23287,16 +23303,16 @@ function InboxMain({
|
|
|
23287
23303
|
]
|
|
23288
23304
|
}
|
|
23289
23305
|
),
|
|
23290
|
-
(!allowedTabs || allowedTabs.includes("totalFiles")) && /* @__PURE__ */
|
|
23306
|
+
(!allowedTabs || allowedTabs.includes("totalFiles")) && /* @__PURE__ */ jsxs102(
|
|
23291
23307
|
"button",
|
|
23292
23308
|
{
|
|
23293
23309
|
type: "button",
|
|
23294
23310
|
onClick: () => handleTabChange("totalFiles"),
|
|
23295
23311
|
className: `fc:flex fc:items-center fc:gap-2.5 fc:px-4 fc:py-2 fc:rounded-xl fc:text-xs fc:font-bold fc:transition-all ${activeTab === "totalFiles" ? "fc:bg-slate-800 fc:text-white fc:shadow-md fc:shadow-slate-800/25" : "fc:text-slate-600 hover:fc:text-slate-900 hover:fc:bg-white/60"}`,
|
|
23296
23312
|
children: [
|
|
23297
|
-
/* @__PURE__ */
|
|
23298
|
-
/* @__PURE__ */
|
|
23299
|
-
/* @__PURE__ */
|
|
23313
|
+
/* @__PURE__ */ jsx103(RiFileUploadLine, { size: 16 }),
|
|
23314
|
+
/* @__PURE__ */ jsx103("span", { children: "Completed Files" }),
|
|
23315
|
+
/* @__PURE__ */ jsx103(
|
|
23300
23316
|
"span",
|
|
23301
23317
|
{
|
|
23302
23318
|
className: "fc:px-2 fc:py-0.5 fc:rounded-full fc:text-[11px] fc:font-extrabold",
|
|
@@ -23311,9 +23327,9 @@ function InboxMain({
|
|
|
23311
23327
|
}
|
|
23312
23328
|
)
|
|
23313
23329
|
] }),
|
|
23314
|
-
/* @__PURE__ */
|
|
23315
|
-
/* @__PURE__ */
|
|
23316
|
-
/* @__PURE__ */
|
|
23330
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:items-center fc:flex-wrap fc:gap-2.5 fc:w-full md:fc:w-auto", children: [
|
|
23331
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:relative fc:flex-1 md:fc:w-64", children: [
|
|
23332
|
+
/* @__PURE__ */ jsx103(
|
|
23317
23333
|
"input",
|
|
23318
23334
|
{
|
|
23319
23335
|
type: "text",
|
|
@@ -23327,7 +23343,7 @@ function InboxMain({
|
|
|
23327
23343
|
className: "fc:w-full fc:h-9 fc:pl-9 fc:pr-3 fc:py-1.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 fc:bg-white fc:placeholder:text-slate-400 fc:focus:outline-none fc:focus:ring-2 fc:focus:ring-blue-500/10 fc:focus:border-blue-500 fc:transition-all"
|
|
23328
23344
|
}
|
|
23329
23345
|
),
|
|
23330
|
-
/* @__PURE__ */
|
|
23346
|
+
/* @__PURE__ */ jsx103(
|
|
23331
23347
|
RiSearchLine,
|
|
23332
23348
|
{
|
|
23333
23349
|
size: 15,
|
|
@@ -23335,17 +23351,17 @@ function InboxMain({
|
|
|
23335
23351
|
}
|
|
23336
23352
|
)
|
|
23337
23353
|
] }),
|
|
23338
|
-
/* @__PURE__ */
|
|
23339
|
-
/* @__PURE__ */
|
|
23354
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:relative", ref: columnDropdownRef, children: [
|
|
23355
|
+
/* @__PURE__ */ jsxs102(
|
|
23340
23356
|
"button",
|
|
23341
23357
|
{
|
|
23342
23358
|
type: "button",
|
|
23343
23359
|
onClick: () => setColumnDropdownOpen((prev) => !prev),
|
|
23344
23360
|
className: `fc:h-9 fc:px-3 fc:flex fc:items-center fc:gap-2 fc:border fc:rounded-xl fc:text-xs fc:font-bold fc:transition-all ${columnDropdownOpen ? "fc:border-blue-500 fc:bg-blue-50/60 fc:text-blue-700 fc:ring-2 fc:ring-blue-500/10" : "fc:border-slate-200 fc:bg-white fc:text-slate-700 hover:fc:bg-slate-50"}`,
|
|
23345
23361
|
children: [
|
|
23346
|
-
/* @__PURE__ */
|
|
23347
|
-
/* @__PURE__ */
|
|
23348
|
-
/* @__PURE__ */
|
|
23362
|
+
/* @__PURE__ */ jsx103(RiLayoutColumnLine, { size: 15, className: "fc:text-blue-600" }),
|
|
23363
|
+
/* @__PURE__ */ jsx103("span", { children: "Dynamic Columns" }),
|
|
23364
|
+
/* @__PURE__ */ jsxs102("span", { className: "fc:bg-blue-100 fc:text-blue-700 fc:text-[10px] fc:font-extrabold fc:px-1.5 fc:py-0.2 fc:rounded-full", children: [
|
|
23349
23365
|
visibleDynamicColumns.length,
|
|
23350
23366
|
"/",
|
|
23351
23367
|
dynamicColumns.length
|
|
@@ -23353,11 +23369,11 @@ function InboxMain({
|
|
|
23353
23369
|
]
|
|
23354
23370
|
}
|
|
23355
23371
|
),
|
|
23356
|
-
columnDropdownOpen && /* @__PURE__ */
|
|
23357
|
-
/* @__PURE__ */
|
|
23358
|
-
/* @__PURE__ */
|
|
23359
|
-
/* @__PURE__ */
|
|
23360
|
-
/* @__PURE__ */
|
|
23372
|
+
columnDropdownOpen && /* @__PURE__ */ jsxs102("div", { className: "fc:absolute fc:right-0 fc:top-10.5 fc:w-64 fc:bg-white fc:rounded-2xl fc:shadow-xl fc:border fc:border-slate-200 fc:z-40 fc:p-3 fc:animate-in fc:fade-in fc:zoom-in-95 fc:duration-150", children: [
|
|
23373
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:items-center fc:justify-between fc:pb-2 fc:border-b fc:border-slate-100 fc:mb-2", children: [
|
|
23374
|
+
/* @__PURE__ */ jsx103("span", { className: "fc:text-xs fc:font-bold fc:text-slate-800", children: "Dynamic Columns" }),
|
|
23375
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:items-center fc:gap-1.5", children: [
|
|
23376
|
+
/* @__PURE__ */ jsx103(
|
|
23361
23377
|
"button",
|
|
23362
23378
|
{
|
|
23363
23379
|
type: "button",
|
|
@@ -23366,8 +23382,8 @@ function InboxMain({
|
|
|
23366
23382
|
children: "All"
|
|
23367
23383
|
}
|
|
23368
23384
|
),
|
|
23369
|
-
/* @__PURE__ */
|
|
23370
|
-
/* @__PURE__ */
|
|
23385
|
+
/* @__PURE__ */ jsx103("span", { className: "fc:text-slate-300", children: "|" }),
|
|
23386
|
+
/* @__PURE__ */ jsx103(
|
|
23371
23387
|
"button",
|
|
23372
23388
|
{
|
|
23373
23389
|
type: "button",
|
|
@@ -23378,13 +23394,13 @@ function InboxMain({
|
|
|
23378
23394
|
)
|
|
23379
23395
|
] })
|
|
23380
23396
|
] }),
|
|
23381
|
-
/* @__PURE__ */
|
|
23397
|
+
/* @__PURE__ */ jsx103("div", { className: "fc:space-y-1.5 fc:max-h-56 fc:overflow-y-auto", children: dynamicColumns.map((col) => /* @__PURE__ */ jsxs102(
|
|
23382
23398
|
"label",
|
|
23383
23399
|
{
|
|
23384
23400
|
className: "fc:flex fc:items-center fc:justify-between fc:p-1.5 fc:rounded-lg hover:fc:bg-slate-50 fc:cursor-pointer fc:transition-all",
|
|
23385
23401
|
children: [
|
|
23386
|
-
/* @__PURE__ */
|
|
23387
|
-
/* @__PURE__ */
|
|
23402
|
+
/* @__PURE__ */ jsx103("span", { className: "fc:text-xs fc:font-medium fc:text-slate-700", children: col.label }),
|
|
23403
|
+
/* @__PURE__ */ jsx103(
|
|
23388
23404
|
"input",
|
|
23389
23405
|
{
|
|
23390
23406
|
type: "checkbox",
|
|
@@ -23399,7 +23415,7 @@ function InboxMain({
|
|
|
23399
23415
|
)) })
|
|
23400
23416
|
] })
|
|
23401
23417
|
] }),
|
|
23402
|
-
/* @__PURE__ */
|
|
23418
|
+
/* @__PURE__ */ jsx103("div", { className: "fc:relative", children: /* @__PURE__ */ jsxs102(
|
|
23403
23419
|
"select",
|
|
23404
23420
|
{
|
|
23405
23421
|
value: priorityFilter,
|
|
@@ -23410,15 +23426,15 @@ function InboxMain({
|
|
|
23410
23426
|
style: { fontSize: "12px" },
|
|
23411
23427
|
className: "fc:h-9 fc:px-3 fc:py-1.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 fc:bg-white fc:focus:outline-none fc:focus:border-blue-500",
|
|
23412
23428
|
children: [
|
|
23413
|
-
/* @__PURE__ */
|
|
23414
|
-
/* @__PURE__ */
|
|
23415
|
-
/* @__PURE__ */
|
|
23416
|
-
/* @__PURE__ */
|
|
23417
|
-
/* @__PURE__ */
|
|
23429
|
+
/* @__PURE__ */ jsx103("option", { value: "all", children: "All Priorities" }),
|
|
23430
|
+
/* @__PURE__ */ jsx103("option", { value: "Urgent", children: "Urgent" }),
|
|
23431
|
+
/* @__PURE__ */ jsx103("option", { value: "High", children: "High" }),
|
|
23432
|
+
/* @__PURE__ */ jsx103("option", { value: "Medium", children: "Medium" }),
|
|
23433
|
+
/* @__PURE__ */ jsx103("option", { value: "Low", children: "Low" })
|
|
23418
23434
|
]
|
|
23419
23435
|
}
|
|
23420
23436
|
) }),
|
|
23421
|
-
/* @__PURE__ */
|
|
23437
|
+
/* @__PURE__ */ jsxs102(
|
|
23422
23438
|
"button",
|
|
23423
23439
|
{
|
|
23424
23440
|
type: "button",
|
|
@@ -23426,12 +23442,12 @@ function InboxMain({
|
|
|
23426
23442
|
title: "Export as CSV",
|
|
23427
23443
|
className: "fc:h-9 fc:px-3 fc:flex fc:items-center fc:gap-1.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:font-bold fc:text-slate-700 hover:fc:bg-slate-50 fc:transition-all",
|
|
23428
23444
|
children: [
|
|
23429
|
-
/* @__PURE__ */
|
|
23430
|
-
/* @__PURE__ */
|
|
23445
|
+
/* @__PURE__ */ jsx103(RiDownload2Line3, { size: 15 }),
|
|
23446
|
+
/* @__PURE__ */ jsx103("span", { className: "fc:hidden sm:fc:inline", children: "Export" })
|
|
23431
23447
|
]
|
|
23432
23448
|
}
|
|
23433
23449
|
),
|
|
23434
|
-
/* @__PURE__ */
|
|
23450
|
+
/* @__PURE__ */ jsxs102(
|
|
23435
23451
|
"select",
|
|
23436
23452
|
{
|
|
23437
23453
|
value: pageSize,
|
|
@@ -23442,24 +23458,24 @@ function InboxMain({
|
|
|
23442
23458
|
style: { fontSize: "12px" },
|
|
23443
23459
|
className: "fc:h-9 fc:px-3 fc:py-1.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 fc:bg-white fc:focus:outline-none",
|
|
23444
23460
|
children: [
|
|
23445
|
-
/* @__PURE__ */
|
|
23446
|
-
/* @__PURE__ */
|
|
23447
|
-
/* @__PURE__ */
|
|
23448
|
-
/* @__PURE__ */
|
|
23461
|
+
/* @__PURE__ */ jsx103("option", { value: 5, children: "5 Rows" }),
|
|
23462
|
+
/* @__PURE__ */ jsx103("option", { value: 10, children: "10 Rows" }),
|
|
23463
|
+
/* @__PURE__ */ jsx103("option", { value: 20, children: "20 Rows" }),
|
|
23464
|
+
/* @__PURE__ */ jsx103("option", { value: 50, children: "50 Rows" })
|
|
23449
23465
|
]
|
|
23450
23466
|
}
|
|
23451
23467
|
)
|
|
23452
23468
|
] })
|
|
23453
23469
|
] }),
|
|
23454
|
-
/* @__PURE__ */
|
|
23455
|
-
/* @__PURE__ */
|
|
23456
|
-
/* @__PURE__ */
|
|
23470
|
+
/* @__PURE__ */ jsxs102("div", { ref: tableRef, className: "fc:flex-1 fc:overflow-hidden fc:flex fc:flex-col fc:pt-3", children: [
|
|
23471
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:border fc:border-slate-200 fc:rounded-2xl fc:overflow-auto fc:flex-1 fc:relative", children: [
|
|
23472
|
+
/* @__PURE__ */ jsx103("style", { children: `
|
|
23457
23473
|
.fc-inbox-table tbody td { border-bottom: 1px solid #e2e8f0; }
|
|
23458
23474
|
.fc-inbox-table tbody tr:hover td { background-color: #f8fafc; }
|
|
23459
23475
|
` }),
|
|
23460
|
-
/* @__PURE__ */
|
|
23461
|
-
/* @__PURE__ */
|
|
23462
|
-
/* @__PURE__ */
|
|
23476
|
+
/* @__PURE__ */ jsxs102("table", { className: "fc-inbox-table fc:w-max fc:min-w-full fc:border-collapse fc:text-left", children: [
|
|
23477
|
+
/* @__PURE__ */ jsx103("thead", { className: "fc:sticky fc:top-0 fc:z-20 fc:bg-slate-50 fc:border-b fc:border-slate-200", children: /* @__PURE__ */ jsxs102("tr", { children: [
|
|
23478
|
+
/* @__PURE__ */ jsx103(
|
|
23463
23479
|
"th",
|
|
23464
23480
|
{
|
|
23465
23481
|
style: { width: "48px", minWidth: "48px", maxWidth: "48px" },
|
|
@@ -23467,19 +23483,19 @@ function InboxMain({
|
|
|
23467
23483
|
children: "#"
|
|
23468
23484
|
}
|
|
23469
23485
|
),
|
|
23470
|
-
/* @__PURE__ */
|
|
23486
|
+
/* @__PURE__ */ jsx103(
|
|
23471
23487
|
"th",
|
|
23472
23488
|
{
|
|
23473
23489
|
onClick: () => handleSort("fileNumber"),
|
|
23474
23490
|
style: { width: "144px", minWidth: "144px", maxWidth: "144px" },
|
|
23475
23491
|
className: "fc:sticky fc:left-12 fc:z-30 fc:bg-slate-100 fc:w-36 fc:px-4 fc:py-3.5 fc:text-left fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:border-r fc:border-slate-200 fc:shadow-[4px_0_6px_-2px_rgba(0,0,0,0.06)] fc:cursor-pointer hover:fc:text-blue-600",
|
|
23476
|
-
children: /* @__PURE__ */
|
|
23492
|
+
children: /* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:items-center", children: [
|
|
23477
23493
|
"File No ",
|
|
23478
23494
|
renderSortIndicator("fileNumber")
|
|
23479
23495
|
] })
|
|
23480
23496
|
}
|
|
23481
23497
|
),
|
|
23482
|
-
visibleDynamicColumns.map((col) => /* @__PURE__ */
|
|
23498
|
+
visibleDynamicColumns.map((col) => /* @__PURE__ */ jsx103(
|
|
23483
23499
|
"th",
|
|
23484
23500
|
{
|
|
23485
23501
|
onClick: () => handleSort(col.key),
|
|
@@ -23489,111 +23505,111 @@ function InboxMain({
|
|
|
23489
23505
|
maxWidth: col.width || "180px"
|
|
23490
23506
|
},
|
|
23491
23507
|
className: "fc:px-4 fc:py-3.5 fc:text-left fc:text-[11px] fc:font-bold fc:text-blue-900 fc:bg-blue-50/70 hover:fc:bg-blue-100/60 fc:uppercase fc:tracking-wider fc:cursor-pointer fc:border-r fc:border-blue-100/70 fc:transition-colors",
|
|
23492
|
-
children: /* @__PURE__ */
|
|
23493
|
-
/* @__PURE__ */
|
|
23494
|
-
/* @__PURE__ */
|
|
23508
|
+
children: /* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:items-center fc:gap-1.5 fc:overflow-hidden", children: [
|
|
23509
|
+
/* @__PURE__ */ jsx103("span", { className: "fc:truncate", children: col.label }),
|
|
23510
|
+
/* @__PURE__ */ jsx103("span", { className: "fc:text-[9px] fc:font-extrabold fc:text-blue-700 fc:bg-blue-100 fc:border fc:border-blue-200/80 fc:px-1.5 fc:py-0.5 fc:rounded-md fc:tracking-wide fc:shrink-0", children: "DYN" }),
|
|
23495
23511
|
renderSortIndicator(col.key)
|
|
23496
23512
|
] })
|
|
23497
23513
|
},
|
|
23498
23514
|
col.key
|
|
23499
23515
|
)),
|
|
23500
|
-
/* @__PURE__ */
|
|
23516
|
+
/* @__PURE__ */ jsx103(
|
|
23501
23517
|
"th",
|
|
23502
23518
|
{
|
|
23503
23519
|
onClick: () => handleSort("subject"),
|
|
23504
23520
|
style: { width: "300px", minWidth: "300px", maxWidth: "300px" },
|
|
23505
23521
|
className: "fc:px-4 fc:py-3.5 fc:text-left fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:cursor-pointer hover:fc:text-blue-600",
|
|
23506
|
-
children: /* @__PURE__ */
|
|
23522
|
+
children: /* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:items-center", children: [
|
|
23507
23523
|
"Subject / Title ",
|
|
23508
23524
|
renderSortIndicator("subject")
|
|
23509
23525
|
] })
|
|
23510
23526
|
}
|
|
23511
23527
|
),
|
|
23512
|
-
/* @__PURE__ */
|
|
23528
|
+
/* @__PURE__ */ jsx103(
|
|
23513
23529
|
"th",
|
|
23514
23530
|
{
|
|
23515
23531
|
onClick: () => handleSort("workflowName"),
|
|
23516
23532
|
style: { width: "190px", minWidth: "190px", maxWidth: "190px" },
|
|
23517
23533
|
className: "fc:px-4 fc:py-3.5 fc:text-left fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:cursor-pointer hover:fc:text-blue-600",
|
|
23518
|
-
children: /* @__PURE__ */
|
|
23534
|
+
children: /* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:items-center", children: [
|
|
23519
23535
|
"Workflow ",
|
|
23520
23536
|
renderSortIndicator("workflowName")
|
|
23521
23537
|
] })
|
|
23522
23538
|
}
|
|
23523
23539
|
),
|
|
23524
|
-
/* @__PURE__ */
|
|
23540
|
+
/* @__PURE__ */ jsx103(
|
|
23525
23541
|
"th",
|
|
23526
23542
|
{
|
|
23527
23543
|
onClick: () => handleSort("sender"),
|
|
23528
23544
|
style: { width: "190px", minWidth: "190px", maxWidth: "190px" },
|
|
23529
23545
|
className: "fc:px-4 fc:py-3.5 fc:text-left fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:cursor-pointer hover:fc:text-blue-600",
|
|
23530
|
-
children: /* @__PURE__ */
|
|
23546
|
+
children: /* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:items-center", children: [
|
|
23531
23547
|
"Sender / Initiator ",
|
|
23532
23548
|
renderSortIndicator("sender")
|
|
23533
23549
|
] })
|
|
23534
23550
|
}
|
|
23535
23551
|
),
|
|
23536
|
-
/* @__PURE__ */
|
|
23552
|
+
/* @__PURE__ */ jsx103(
|
|
23537
23553
|
"th",
|
|
23538
23554
|
{
|
|
23539
23555
|
onClick: () => handleSort("priority"),
|
|
23540
23556
|
style: { width: "100px", minWidth: "100px", maxWidth: "100px" },
|
|
23541
23557
|
className: "fc:px-3 fc:py-3.5 fc:text-center fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:cursor-pointer hover:fc:text-blue-600",
|
|
23542
|
-
children: /* @__PURE__ */
|
|
23558
|
+
children: /* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:items-center fc:justify-center", children: [
|
|
23543
23559
|
"Priority ",
|
|
23544
23560
|
renderSortIndicator("priority")
|
|
23545
23561
|
] })
|
|
23546
23562
|
}
|
|
23547
23563
|
),
|
|
23548
|
-
/* @__PURE__ */
|
|
23564
|
+
/* @__PURE__ */ jsx103(
|
|
23549
23565
|
"th",
|
|
23550
23566
|
{
|
|
23551
23567
|
onClick: () => handleSort("receivedDate"),
|
|
23552
23568
|
style: { width: "150px", minWidth: "150px", maxWidth: "150px" },
|
|
23553
23569
|
className: "fc:px-4 fc:py-3.5 fc:text-left fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:cursor-pointer hover:fc:text-blue-600",
|
|
23554
|
-
children: /* @__PURE__ */
|
|
23570
|
+
children: /* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:items-center", children: [
|
|
23555
23571
|
"Received On ",
|
|
23556
23572
|
renderSortIndicator("receivedDate")
|
|
23557
23573
|
] })
|
|
23558
23574
|
}
|
|
23559
23575
|
),
|
|
23560
|
-
/* @__PURE__ */
|
|
23576
|
+
/* @__PURE__ */ jsx103(
|
|
23561
23577
|
"th",
|
|
23562
23578
|
{
|
|
23563
23579
|
onClick: () => handleSort("dueDate"),
|
|
23564
23580
|
style: { width: "150px", minWidth: "150px", maxWidth: "150px" },
|
|
23565
23581
|
className: "fc:px-4 fc:py-3.5 fc:text-left fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:cursor-pointer hover:fc:text-blue-600",
|
|
23566
|
-
children: /* @__PURE__ */
|
|
23582
|
+
children: /* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:items-center", children: [
|
|
23567
23583
|
"SLA / Due ",
|
|
23568
23584
|
renderSortIndicator("dueDate")
|
|
23569
23585
|
] })
|
|
23570
23586
|
}
|
|
23571
23587
|
),
|
|
23572
|
-
activeTab === "totalFiles" && /* @__PURE__ */
|
|
23588
|
+
activeTab === "totalFiles" && /* @__PURE__ */ jsx103(
|
|
23573
23589
|
"th",
|
|
23574
23590
|
{
|
|
23575
23591
|
onClick: () => handleSort("fileAt"),
|
|
23576
23592
|
style: { width: "160px", minWidth: "160px", maxWidth: "160px" },
|
|
23577
23593
|
className: "fc:px-4 fc:py-3.5 fc:text-left fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:cursor-pointer hover:fc:text-blue-600",
|
|
23578
|
-
children: /* @__PURE__ */
|
|
23594
|
+
children: /* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:items-center", children: [
|
|
23579
23595
|
"File At ",
|
|
23580
23596
|
renderSortIndicator("fileAt")
|
|
23581
23597
|
] })
|
|
23582
23598
|
}
|
|
23583
23599
|
),
|
|
23584
|
-
/* @__PURE__ */
|
|
23600
|
+
/* @__PURE__ */ jsx103(
|
|
23585
23601
|
"th",
|
|
23586
23602
|
{
|
|
23587
23603
|
onClick: () => handleSort("status"),
|
|
23588
23604
|
style: { width: "190px", minWidth: "190px", maxWidth: "190px" },
|
|
23589
23605
|
className: "fc:px-3 fc:py-3.5 fc:text-center fc:text-[11px] fc:font-bold fc:text-slate-600 fc:uppercase fc:tracking-wider fc:cursor-pointer hover:fc:text-blue-600",
|
|
23590
|
-
children: /* @__PURE__ */
|
|
23606
|
+
children: /* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:items-center fc:justify-center", children: [
|
|
23591
23607
|
"Status ",
|
|
23592
23608
|
renderSortIndicator("status")
|
|
23593
23609
|
] })
|
|
23594
23610
|
}
|
|
23595
23611
|
),
|
|
23596
|
-
/* @__PURE__ */
|
|
23612
|
+
/* @__PURE__ */ jsx103(
|
|
23597
23613
|
"th",
|
|
23598
23614
|
{
|
|
23599
23615
|
style: { width: "100px", minWidth: "100px", maxWidth: "100px" },
|
|
@@ -23602,25 +23618,25 @@ function InboxMain({
|
|
|
23602
23618
|
}
|
|
23603
23619
|
)
|
|
23604
23620
|
] }) }),
|
|
23605
|
-
/* @__PURE__ */
|
|
23621
|
+
/* @__PURE__ */ jsx103("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:bg-white", children: paginatedData.length === 0 ? /* @__PURE__ */ jsx103("tr", { children: /* @__PURE__ */ jsx103(
|
|
23606
23622
|
"td",
|
|
23607
23623
|
{
|
|
23608
23624
|
colSpan: 10 + visibleDynamicColumns.length + (activeTab === "totalFiles" ? 1 : 0),
|
|
23609
23625
|
className: "fc:py-12 fc:text-center",
|
|
23610
|
-
children: /* @__PURE__ */
|
|
23611
|
-
/* @__PURE__ */
|
|
23612
|
-
/* @__PURE__ */
|
|
23613
|
-
/* @__PURE__ */
|
|
23626
|
+
children: /* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:flex-col fc:items-center fc:justify-center fc:gap-2 fc:text-slate-400", children: [
|
|
23627
|
+
/* @__PURE__ */ jsx103(RiInboxLine3, { size: 36, className: "fc:text-slate-300" }),
|
|
23628
|
+
/* @__PURE__ */ jsx103("p", { className: "fc:text-sm fc:font-bold fc:text-slate-600", children: "No Files Found" }),
|
|
23629
|
+
/* @__PURE__ */ jsx103("p", { className: "fc:text-xs", children: searchQuery ? `No records matching "${searchQuery}" in ${activeTab}` : `There are currently no files in ${activeTab}` })
|
|
23614
23630
|
] })
|
|
23615
23631
|
}
|
|
23616
23632
|
) }) : paginatedData.map((row, index) => {
|
|
23617
23633
|
const rowIndex = startIndex + index + 1;
|
|
23618
|
-
return /* @__PURE__ */
|
|
23634
|
+
return /* @__PURE__ */ jsxs102(
|
|
23619
23635
|
"tr",
|
|
23620
23636
|
{
|
|
23621
23637
|
className: "fc:group hover:fc:bg-slate-50/80 fc:transition-colors",
|
|
23622
23638
|
children: [
|
|
23623
|
-
/* @__PURE__ */
|
|
23639
|
+
/* @__PURE__ */ jsx103(
|
|
23624
23640
|
"td",
|
|
23625
23641
|
{
|
|
23626
23642
|
style: { width: "48px", minWidth: "48px", maxWidth: "48px" },
|
|
@@ -23628,12 +23644,12 @@ function InboxMain({
|
|
|
23628
23644
|
children: rowIndex
|
|
23629
23645
|
}
|
|
23630
23646
|
),
|
|
23631
|
-
/* @__PURE__ */
|
|
23647
|
+
/* @__PURE__ */ jsx103(
|
|
23632
23648
|
"td",
|
|
23633
23649
|
{
|
|
23634
23650
|
style: { width: "144px", minWidth: "144px", maxWidth: "144px" },
|
|
23635
23651
|
className: "fc:sticky fc:left-12 fc:z-10 fc:bg-white group-hover:fc:bg-slate-50 fc:w-36 fc:px-4 fc:py-3 fc:align-middle fc:whitespace-nowrap fc:border-r fc:border-slate-100 fc:shadow-[4px_0_6px_-2px_rgba(0,0,0,0.05)]",
|
|
23636
|
-
children: /* @__PURE__ */
|
|
23652
|
+
children: /* @__PURE__ */ jsxs102(
|
|
23637
23653
|
"div",
|
|
23638
23654
|
{
|
|
23639
23655
|
onClick: () => {
|
|
@@ -23644,10 +23660,10 @@ function InboxMain({
|
|
|
23644
23660
|
onMouseLeave: hasHiddenDynamicColumns ? handleFileMouseLeave : void 0,
|
|
23645
23661
|
className: `fc:inline-flex fc:items-center fc:gap-1.5 fc:px-2.5 fc:py-1 fc:rounded-lg fc:cursor-pointer fc:transition-all ${hasHiddenDynamicColumns ? "fc:bg-blue-50 hover:fc:bg-blue-100/90 fc:border fc:border-blue-200/90 hover:fc:border-blue-300 fc:text-blue-700 hover:fc:shadow-sm" : "fc:bg-blue-50 hover:fc:bg-blue-100 fc:border fc:border-blue-100/90 fc:text-blue-600"}`,
|
|
23646
23662
|
children: [
|
|
23647
|
-
/* @__PURE__ */
|
|
23648
|
-
hasHiddenDynamicColumns && /* @__PURE__ */
|
|
23649
|
-
/* @__PURE__ */
|
|
23650
|
-
/* @__PURE__ */
|
|
23663
|
+
/* @__PURE__ */ jsx103("span", { className: "fc:text-xs fc:font-extrabold hover:fc:underline", children: row.fileNumber }),
|
|
23664
|
+
hasHiddenDynamicColumns && /* @__PURE__ */ jsxs102("span", { className: "fc:inline-flex fc:items-center fc:gap-0.5 fc:px-1.5 fc:py-0.2 fc:rounded fc:bg-amber-100/90 fc:text-amber-800 fc:text-[9px] fc:font-black fc:border fc:border-amber-200/80", children: [
|
|
23665
|
+
/* @__PURE__ */ jsx103(RiEyeOffLine, { size: 10 }),
|
|
23666
|
+
/* @__PURE__ */ jsx103("span", { children: hiddenDynamicColumns.length })
|
|
23651
23667
|
] })
|
|
23652
23668
|
]
|
|
23653
23669
|
}
|
|
@@ -23657,7 +23673,7 @@ function InboxMain({
|
|
|
23657
23673
|
visibleDynamicColumns.map((col) => {
|
|
23658
23674
|
const colWidthNum = parseInt(col.width || "180", 10);
|
|
23659
23675
|
const contentWidth = `${Math.max(colWidthNum - 32, 80)}px`;
|
|
23660
|
-
return /* @__PURE__ */
|
|
23676
|
+
return /* @__PURE__ */ jsx103(
|
|
23661
23677
|
"td",
|
|
23662
23678
|
{
|
|
23663
23679
|
style: {
|
|
@@ -23666,7 +23682,7 @@ function InboxMain({
|
|
|
23666
23682
|
maxWidth: col.width || "180px"
|
|
23667
23683
|
},
|
|
23668
23684
|
className: "fc:px-4 fc:py-3 fc:align-middle fc:border-r fc:border-blue-100/60 fc:bg-blue-50/30 group-hover:fc:bg-blue-50/60 fc:transition-colors",
|
|
23669
|
-
children: /* @__PURE__ */
|
|
23685
|
+
children: /* @__PURE__ */ jsx103(
|
|
23670
23686
|
"div",
|
|
23671
23687
|
{
|
|
23672
23688
|
style: {
|
|
@@ -23675,19 +23691,19 @@ function InboxMain({
|
|
|
23675
23691
|
overflowWrap: "anywhere"
|
|
23676
23692
|
},
|
|
23677
23693
|
className: "fc:whitespace-normal",
|
|
23678
|
-
children: /* @__PURE__ */
|
|
23694
|
+
children: /* @__PURE__ */ jsx103("span", { className: "fc:text-xs fc:font-medium fc:text-slate-800 fc:leading-relaxed", children: row[col.key] || "-" })
|
|
23679
23695
|
}
|
|
23680
23696
|
)
|
|
23681
23697
|
},
|
|
23682
23698
|
col.key
|
|
23683
23699
|
);
|
|
23684
23700
|
}),
|
|
23685
|
-
/* @__PURE__ */
|
|
23701
|
+
/* @__PURE__ */ jsx103(
|
|
23686
23702
|
"td",
|
|
23687
23703
|
{
|
|
23688
23704
|
style: { width: "300px", minWidth: "300px", maxWidth: "300px" },
|
|
23689
23705
|
className: "fc:px-4 fc:py-3 fc:align-middle",
|
|
23690
|
-
children: /* @__PURE__ */
|
|
23706
|
+
children: /* @__PURE__ */ jsx103(
|
|
23691
23707
|
"div",
|
|
23692
23708
|
{
|
|
23693
23709
|
style: {
|
|
@@ -23696,7 +23712,7 @@ function InboxMain({
|
|
|
23696
23712
|
overflowWrap: "anywhere"
|
|
23697
23713
|
},
|
|
23698
23714
|
className: "fc:whitespace-normal",
|
|
23699
|
-
children: /* @__PURE__ */
|
|
23715
|
+
children: /* @__PURE__ */ jsx103(
|
|
23700
23716
|
"p",
|
|
23701
23717
|
{
|
|
23702
23718
|
onClick: () => {
|
|
@@ -23711,12 +23727,12 @@ function InboxMain({
|
|
|
23711
23727
|
)
|
|
23712
23728
|
}
|
|
23713
23729
|
),
|
|
23714
|
-
/* @__PURE__ */
|
|
23730
|
+
/* @__PURE__ */ jsx103(
|
|
23715
23731
|
"td",
|
|
23716
23732
|
{
|
|
23717
23733
|
style: { width: "190px", minWidth: "190px", maxWidth: "190px" },
|
|
23718
23734
|
className: "fc:px-4 fc:py-3 fc:align-middle",
|
|
23719
|
-
children: /* @__PURE__ */
|
|
23735
|
+
children: /* @__PURE__ */ jsx103(
|
|
23720
23736
|
"div",
|
|
23721
23737
|
{
|
|
23722
23738
|
style: {
|
|
@@ -23725,17 +23741,17 @@ function InboxMain({
|
|
|
23725
23741
|
overflowWrap: "anywhere"
|
|
23726
23742
|
},
|
|
23727
23743
|
className: "fc:whitespace-normal",
|
|
23728
|
-
children: /* @__PURE__ */
|
|
23744
|
+
children: /* @__PURE__ */ jsx103("span", { className: "fc:text-xs fc:font-medium fc:text-slate-700 fc:leading-relaxed", children: row.workflowName })
|
|
23729
23745
|
}
|
|
23730
23746
|
)
|
|
23731
23747
|
}
|
|
23732
23748
|
),
|
|
23733
|
-
/* @__PURE__ */
|
|
23749
|
+
/* @__PURE__ */ jsx103(
|
|
23734
23750
|
"td",
|
|
23735
23751
|
{
|
|
23736
23752
|
style: { width: "190px", minWidth: "190px", maxWidth: "190px" },
|
|
23737
23753
|
className: "fc:px-4 fc:py-3 fc:align-middle",
|
|
23738
|
-
children: /* @__PURE__ */
|
|
23754
|
+
children: /* @__PURE__ */ jsx103(
|
|
23739
23755
|
"div",
|
|
23740
23756
|
{
|
|
23741
23757
|
style: {
|
|
@@ -23744,17 +23760,17 @@ function InboxMain({
|
|
|
23744
23760
|
overflowWrap: "anywhere"
|
|
23745
23761
|
},
|
|
23746
23762
|
className: "fc:whitespace-normal",
|
|
23747
|
-
children: /* @__PURE__ */
|
|
23763
|
+
children: /* @__PURE__ */ jsx103("span", { className: "fc:text-xs fc:text-slate-600 fc:font-medium fc:leading-relaxed", children: row.sender })
|
|
23748
23764
|
}
|
|
23749
23765
|
)
|
|
23750
23766
|
}
|
|
23751
23767
|
),
|
|
23752
|
-
/* @__PURE__ */
|
|
23768
|
+
/* @__PURE__ */ jsx103(
|
|
23753
23769
|
"td",
|
|
23754
23770
|
{
|
|
23755
23771
|
style: { width: "100px", minWidth: "100px", maxWidth: "100px" },
|
|
23756
23772
|
className: "fc:px-3 fc:py-3 fc:text-center fc:align-middle",
|
|
23757
|
-
children: /* @__PURE__ */
|
|
23773
|
+
children: /* @__PURE__ */ jsx103(
|
|
23758
23774
|
"span",
|
|
23759
23775
|
{
|
|
23760
23776
|
className: `fc:inline-block fc:text-[10px] fc:font-extrabold fc:px-2 fc:py-0.5 fc:rounded-full ${row.priority === "Urgent" ? "fc:bg-red-50 fc:text-red-600 fc:border fc:border-red-200" : row.priority === "High" ? "fc:bg-amber-50 fc:text-amber-600 fc:border fc:border-amber-200" : row.priority === "Medium" ? "fc:bg-blue-50 fc:text-blue-600 fc:border fc:border-blue-200" : "fc:bg-slate-100 fc:text-slate-600 fc:border fc:border-slate-200"}`,
|
|
@@ -23763,20 +23779,20 @@ function InboxMain({
|
|
|
23763
23779
|
)
|
|
23764
23780
|
}
|
|
23765
23781
|
),
|
|
23766
|
-
/* @__PURE__ */
|
|
23782
|
+
/* @__PURE__ */ jsx103(
|
|
23767
23783
|
"td",
|
|
23768
23784
|
{
|
|
23769
23785
|
style: { width: "150px", minWidth: "150px", maxWidth: "150px" },
|
|
23770
23786
|
className: "fc:px-4 fc:py-3 fc:align-middle",
|
|
23771
|
-
children: /* @__PURE__ */
|
|
23787
|
+
children: /* @__PURE__ */ jsx103("div", { style: { width: "118px" }, className: "fc:whitespace-normal", children: /* @__PURE__ */ jsx103("span", { className: "fc:text-[11px] fc:text-slate-500 fc:font-medium fc:leading-relaxed", children: row.receivedDate }) })
|
|
23772
23788
|
}
|
|
23773
23789
|
),
|
|
23774
|
-
/* @__PURE__ */
|
|
23790
|
+
/* @__PURE__ */ jsx103(
|
|
23775
23791
|
"td",
|
|
23776
23792
|
{
|
|
23777
23793
|
style: { width: "150px", minWidth: "150px", maxWidth: "150px" },
|
|
23778
23794
|
className: "fc:px-4 fc:py-3 fc:align-middle",
|
|
23779
|
-
children: /* @__PURE__ */
|
|
23795
|
+
children: /* @__PURE__ */ jsx103(
|
|
23780
23796
|
"div",
|
|
23781
23797
|
{
|
|
23782
23798
|
style: {
|
|
@@ -23785,7 +23801,7 @@ function InboxMain({
|
|
|
23785
23801
|
overflowWrap: "anywhere"
|
|
23786
23802
|
},
|
|
23787
23803
|
className: "fc:whitespace-normal",
|
|
23788
|
-
children: /* @__PURE__ */
|
|
23804
|
+
children: /* @__PURE__ */ jsx103(
|
|
23789
23805
|
"span",
|
|
23790
23806
|
{
|
|
23791
23807
|
className: `fc:inline-block fc:text-[11px] fc:font-semibold fc:leading-relaxed ${String(row.slaStatus).includes("Critical") ? "fc:text-red-600 fc:font-bold" : String(row.slaStatus).includes("Met") ? "fc:text-emerald-600" : "fc:text-slate-600"}`,
|
|
@@ -23796,20 +23812,20 @@ function InboxMain({
|
|
|
23796
23812
|
)
|
|
23797
23813
|
}
|
|
23798
23814
|
),
|
|
23799
|
-
activeTab === "totalFiles" && /* @__PURE__ */
|
|
23815
|
+
activeTab === "totalFiles" && /* @__PURE__ */ jsx103(
|
|
23800
23816
|
"td",
|
|
23801
23817
|
{
|
|
23802
23818
|
style: { width: "160px", minWidth: "160px", maxWidth: "160px" },
|
|
23803
23819
|
className: "fc:px-4 fc:py-3 fc:align-middle",
|
|
23804
|
-
children: /* @__PURE__ */
|
|
23820
|
+
children: /* @__PURE__ */ jsx103("span", { className: "fc:text-xs fc:font-medium fc:text-slate-700", children: row.fileAt })
|
|
23805
23821
|
}
|
|
23806
23822
|
),
|
|
23807
|
-
/* @__PURE__ */
|
|
23823
|
+
/* @__PURE__ */ jsx103(
|
|
23808
23824
|
"td",
|
|
23809
23825
|
{
|
|
23810
23826
|
style: { width: "190px", minWidth: "190px", maxWidth: "190px" },
|
|
23811
23827
|
className: "fc:px-3 fc:py-3 fc:text-center fc:align-middle",
|
|
23812
|
-
children: /* @__PURE__ */
|
|
23828
|
+
children: /* @__PURE__ */ jsx103(
|
|
23813
23829
|
"span",
|
|
23814
23830
|
{
|
|
23815
23831
|
className: `fc:inline-block fc:whitespace-nowrap fc:text-[10px] fc:font-bold fc:px-2 fc:py-0.5 fc:rounded-full ${row.status === "Available" ? "fc:bg-blue-50 fc:text-blue-700 fc:border fc:border-blue-100" : row.status === "In Progress" || row.status === "Assigned to Me" ? "fc:bg-emerald-50 fc:text-emerald-700 fc:border fc:border-emerald-100" : row.status === "RETURN_TO_APPLICANT" ? "fc:bg-amber-50 fc:text-amber-700 fc:border fc:border-amber-200" : "fc:bg-slate-100 fc:text-slate-600 fc:border fc:border-slate-200"}`,
|
|
@@ -23818,13 +23834,13 @@ function InboxMain({
|
|
|
23818
23834
|
)
|
|
23819
23835
|
}
|
|
23820
23836
|
),
|
|
23821
|
-
/* @__PURE__ */
|
|
23837
|
+
/* @__PURE__ */ jsxs102(
|
|
23822
23838
|
"td",
|
|
23823
23839
|
{
|
|
23824
23840
|
style: { width: "195px", minWidth: "195px", maxWidth: "195px" },
|
|
23825
23841
|
className: "fc:sticky fc:right-0 fc:z-10 fc:bg-white group-hover:fc:bg-slate-50/95 fc:px-2 fc:py-3 fc:align-middle fc:border-l fc:border-slate-100 fc:shadow-[-5px_0_10px_-4px_rgba(0,0,0,0.06)]",
|
|
23826
23842
|
children: [
|
|
23827
|
-
activeTab === "filePool" && /* @__PURE__ */
|
|
23843
|
+
activeTab === "filePool" && /* @__PURE__ */ jsxs102(
|
|
23828
23844
|
"button",
|
|
23829
23845
|
{
|
|
23830
23846
|
type: "button",
|
|
@@ -23832,13 +23848,13 @@ function InboxMain({
|
|
|
23832
23848
|
style: { fontSize: "12px" },
|
|
23833
23849
|
className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:h-8 fc:px-3 fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white fc:font-bold fc:rounded-xl fc:shadow-sm fc:shadow-blue-500/20 fc:transition-all hover:fc:scale-[1.02] active:fc:scale-95",
|
|
23834
23850
|
children: [
|
|
23835
|
-
/* @__PURE__ */
|
|
23836
|
-
/* @__PURE__ */
|
|
23851
|
+
/* @__PURE__ */ jsx103(RiInboxArchiveLine2, { size: 14 }),
|
|
23852
|
+
/* @__PURE__ */ jsx103("span", { children: "Claim" })
|
|
23837
23853
|
]
|
|
23838
23854
|
}
|
|
23839
23855
|
),
|
|
23840
|
-
activeTab === "myFiles" && /* @__PURE__ */
|
|
23841
|
-
/* @__PURE__ */
|
|
23856
|
+
activeTab === "myFiles" && /* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-1.5", children: [
|
|
23857
|
+
/* @__PURE__ */ jsxs102(
|
|
23842
23858
|
"button",
|
|
23843
23859
|
{
|
|
23844
23860
|
type: "button",
|
|
@@ -23846,12 +23862,12 @@ function InboxMain({
|
|
|
23846
23862
|
style: { fontSize: "11px" },
|
|
23847
23863
|
className: "fc:inline-flex fc:items-center fc:justify-center fc:gap-1 fc:h-8 fc:px-2 fc:whitespace-nowrap fc:bg-emerald-600 hover:fc:bg-emerald-700 fc:text-white fc:font-bold fc:rounded-lg fc:shadow-sm fc:shadow-emerald-500/20 fc:transition-all hover:fc:scale-[1.02] active:fc:scale-95",
|
|
23848
23864
|
children: [
|
|
23849
|
-
/* @__PURE__ */
|
|
23850
|
-
/* @__PURE__ */
|
|
23865
|
+
/* @__PURE__ */ jsx103(RiFileUploadLine, { size: 13 }),
|
|
23866
|
+
/* @__PURE__ */ jsx103("span", { children: "Take Action" })
|
|
23851
23867
|
]
|
|
23852
23868
|
}
|
|
23853
23869
|
),
|
|
23854
|
-
/* @__PURE__ */
|
|
23870
|
+
/* @__PURE__ */ jsx103(
|
|
23855
23871
|
"button",
|
|
23856
23872
|
{
|
|
23857
23873
|
type: "button",
|
|
@@ -23863,7 +23879,7 @@ function InboxMain({
|
|
|
23863
23879
|
}
|
|
23864
23880
|
)
|
|
23865
23881
|
] }),
|
|
23866
|
-
activeTab === "totalFiles" && /* @__PURE__ */
|
|
23882
|
+
activeTab === "totalFiles" && /* @__PURE__ */ jsxs102(
|
|
23867
23883
|
"button",
|
|
23868
23884
|
{
|
|
23869
23885
|
type: "button",
|
|
@@ -23871,8 +23887,8 @@ function InboxMain({
|
|
|
23871
23887
|
style: { fontSize: "12px" },
|
|
23872
23888
|
className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:h-8 fc:px-3 fc:bg-slate-100 hover:fc:bg-slate-200 fc:text-slate-700 fc:font-bold fc:rounded-xl fc:transition-all hover:fc:scale-[1.02] active:fc:scale-95",
|
|
23873
23889
|
children: [
|
|
23874
|
-
/* @__PURE__ */
|
|
23875
|
-
/* @__PURE__ */
|
|
23890
|
+
/* @__PURE__ */ jsx103(RiEyeLine3, { size: 14 }),
|
|
23891
|
+
/* @__PURE__ */ jsx103("span", { children: "View" })
|
|
23876
23892
|
]
|
|
23877
23893
|
}
|
|
23878
23894
|
)
|
|
@@ -23886,20 +23902,20 @@ function InboxMain({
|
|
|
23886
23902
|
}) })
|
|
23887
23903
|
] })
|
|
23888
23904
|
] }),
|
|
23889
|
-
/* @__PURE__ */
|
|
23890
|
-
/* @__PURE__ */
|
|
23905
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:flex-col sm:fc:flex-row fc:items-center fc:justify-between fc:gap-3 fc:pt-3 fc:px-1", children: [
|
|
23906
|
+
/* @__PURE__ */ jsxs102("span", { className: "fc:text-xs fc:text-slate-500 fc:font-medium", children: [
|
|
23891
23907
|
"Showing ",
|
|
23892
|
-
/* @__PURE__ */
|
|
23908
|
+
/* @__PURE__ */ jsx103("strong", { className: "fc:font-bold fc:text-slate-700", children: totalEntries === 0 ? 0 : startIndex + 1 }),
|
|
23893
23909
|
" to",
|
|
23894
23910
|
" ",
|
|
23895
|
-
/* @__PURE__ */
|
|
23911
|
+
/* @__PURE__ */ jsx103("strong", { className: "fc:font-bold fc:text-slate-700", children: Math.min(startIndex + pageSize, totalEntries) }),
|
|
23896
23912
|
" of",
|
|
23897
23913
|
" ",
|
|
23898
|
-
/* @__PURE__ */
|
|
23914
|
+
/* @__PURE__ */ jsx103("strong", { className: "fc:font-bold fc:text-slate-700", children: totalEntries }),
|
|
23899
23915
|
" entries"
|
|
23900
23916
|
] }),
|
|
23901
|
-
/* @__PURE__ */
|
|
23902
|
-
/* @__PURE__ */
|
|
23917
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:items-center fc:gap-1.5", children: [
|
|
23918
|
+
/* @__PURE__ */ jsx103(
|
|
23903
23919
|
"button",
|
|
23904
23920
|
{
|
|
23905
23921
|
type: "button",
|
|
@@ -23911,9 +23927,9 @@ function InboxMain({
|
|
|
23911
23927
|
),
|
|
23912
23928
|
Array.from({ length: totalPages }, (_, i) => i + 1).filter((p) => p === 1 || p === totalPages || Math.abs(p - currentPage) <= 1).map((p, idx, arr) => {
|
|
23913
23929
|
const prev = arr[idx - 1];
|
|
23914
|
-
return /* @__PURE__ */
|
|
23915
|
-
prev && p - prev > 1 && /* @__PURE__ */
|
|
23916
|
-
/* @__PURE__ */
|
|
23930
|
+
return /* @__PURE__ */ jsxs102(React103.Fragment, { children: [
|
|
23931
|
+
prev && p - prev > 1 && /* @__PURE__ */ jsx103("span", { className: "fc:px-1 fc:text-xs fc:text-slate-400", children: "..." }),
|
|
23932
|
+
/* @__PURE__ */ jsx103(
|
|
23917
23933
|
"button",
|
|
23918
23934
|
{
|
|
23919
23935
|
type: "button",
|
|
@@ -23924,7 +23940,7 @@ function InboxMain({
|
|
|
23924
23940
|
)
|
|
23925
23941
|
] }, p);
|
|
23926
23942
|
}),
|
|
23927
|
-
/* @__PURE__ */
|
|
23943
|
+
/* @__PURE__ */ jsx103(
|
|
23928
23944
|
"button",
|
|
23929
23945
|
{
|
|
23930
23946
|
type: "button",
|
|
@@ -23939,7 +23955,7 @@ function InboxMain({
|
|
|
23939
23955
|
] })
|
|
23940
23956
|
] })
|
|
23941
23957
|
] }),
|
|
23942
|
-
/* @__PURE__ */
|
|
23958
|
+
/* @__PURE__ */ jsx103(
|
|
23943
23959
|
PoolConfirmationModal,
|
|
23944
23960
|
{
|
|
23945
23961
|
isOpen: poolModalOpen,
|
|
@@ -23953,7 +23969,7 @@ function InboxMain({
|
|
|
23953
23969
|
onConfirm: handleConfirmPool
|
|
23954
23970
|
}
|
|
23955
23971
|
),
|
|
23956
|
-
/* @__PURE__ */
|
|
23972
|
+
/* @__PURE__ */ jsx103(
|
|
23957
23973
|
TakeActionModal,
|
|
23958
23974
|
{
|
|
23959
23975
|
isOpen: actionModalOpen,
|
|
@@ -23965,7 +23981,7 @@ function InboxMain({
|
|
|
23965
23981
|
onSubmit: handleActionSubmit
|
|
23966
23982
|
}
|
|
23967
23983
|
),
|
|
23968
|
-
/* @__PURE__ */
|
|
23984
|
+
/* @__PURE__ */ jsx103(
|
|
23969
23985
|
ViewFileModal,
|
|
23970
23986
|
{
|
|
23971
23987
|
isOpen: viewModalOpen,
|
|
@@ -23976,7 +23992,7 @@ function InboxMain({
|
|
|
23976
23992
|
}
|
|
23977
23993
|
}
|
|
23978
23994
|
),
|
|
23979
|
-
hoveredFileCard && hasHiddenDynamicColumns && hiddenDynamicColumns.length > 0 && /* @__PURE__ */
|
|
23995
|
+
hoveredFileCard && hasHiddenDynamicColumns && hiddenDynamicColumns.length > 0 && /* @__PURE__ */ jsxs102(
|
|
23980
23996
|
"div",
|
|
23981
23997
|
{
|
|
23982
23998
|
style: {
|
|
@@ -23987,33 +24003,33 @@ function InboxMain({
|
|
|
23987
24003
|
onMouseLeave: handleCardMouseLeave,
|
|
23988
24004
|
className: "fc:fixed fc:z-50 fc:w-[320px] fc:max-h-[80vh] fc:bg-white fc:rounded-2xl fc:shadow-2xl fc:border fc:border-slate-200/95 fc:overflow-hidden fc:flex fc:flex-col fc:animate-in fc:fade-in fc:zoom-in-95 fc:duration-150 fc:select-none fc:font-sans",
|
|
23989
24005
|
children: [
|
|
23990
|
-
/* @__PURE__ */
|
|
23991
|
-
/* @__PURE__ */
|
|
23992
|
-
/* @__PURE__ */
|
|
23993
|
-
/* @__PURE__ */
|
|
23994
|
-
/* @__PURE__ */
|
|
23995
|
-
/* @__PURE__ */
|
|
24006
|
+
/* @__PURE__ */ jsx103("div", { className: "fc:h-1 fc:bg-gradient-to-r fc:from-blue-600 fc:via-cyan-500 fc:to-indigo-600 fc:shrink-0" }),
|
|
24007
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:p-3 fc:flex fc:flex-col fc:gap-2 fc:overflow-y-auto", children: [
|
|
24008
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-2 fc:border-b fc:border-slate-100 fc:pb-2", children: [
|
|
24009
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
|
|
24010
|
+
/* @__PURE__ */ jsx103("span", { className: "fc:text-xs fc:font-extrabold fc:text-blue-700 fc:bg-blue-50 fc:border fc:border-blue-200 fc:px-2 fc:py-0.5 fc:rounded-md", children: hoveredFileCard.file.fileNumber }),
|
|
24011
|
+
/* @__PURE__ */ jsx103("span", { className: "fc:text-[11px] fc:font-bold fc:text-slate-600", children: "Hidden Fields" })
|
|
23996
24012
|
] }),
|
|
23997
|
-
/* @__PURE__ */
|
|
23998
|
-
/* @__PURE__ */
|
|
23999
|
-
/* @__PURE__ */
|
|
24013
|
+
/* @__PURE__ */ jsxs102("span", { className: "fc:inline-flex fc:items-center fc:gap-1 fc:text-[10px] fc:font-extrabold fc:px-2 fc:py-0.5 fc:rounded-md fc:bg-amber-50 fc:text-amber-800 fc:border fc:border-amber-200/80", children: [
|
|
24014
|
+
/* @__PURE__ */ jsx103(RiEyeOffLine, { size: 11 }),
|
|
24015
|
+
/* @__PURE__ */ jsxs102("span", { children: [
|
|
24000
24016
|
hiddenDynamicColumns.length,
|
|
24001
24017
|
" Hidden"
|
|
24002
24018
|
] })
|
|
24003
24019
|
] })
|
|
24004
24020
|
] }),
|
|
24005
|
-
/* @__PURE__ */
|
|
24021
|
+
/* @__PURE__ */ jsx103("div", { className: "fc:space-y-1.5", children: hiddenDynamicColumns.map((col) => {
|
|
24006
24022
|
const val = hoveredFileCard.file[col.key] || "-";
|
|
24007
|
-
return /* @__PURE__ */
|
|
24023
|
+
return /* @__PURE__ */ jsxs102(
|
|
24008
24024
|
"div",
|
|
24009
24025
|
{
|
|
24010
24026
|
className: "fc:flex fc:items-start fc:justify-between fc:gap-2 fc:px-2.5 fc:py-2 fc:rounded-xl fc:bg-slate-50 fc:border fc:border-slate-100/90 hover:fc:bg-blue-50/40 fc:transition-colors",
|
|
24011
24027
|
children: [
|
|
24012
|
-
/* @__PURE__ */
|
|
24013
|
-
/* @__PURE__ */
|
|
24014
|
-
/* @__PURE__ */
|
|
24028
|
+
/* @__PURE__ */ jsxs102("div", { className: "fc:flex fc:items-center fc:gap-1.5 fc:pt-0.5 fc:shrink-0", children: [
|
|
24029
|
+
/* @__PURE__ */ jsx103("span", { className: "fc:w-1.5 fc:h-1.5 fc:rounded-full fc:bg-blue-600" }),
|
|
24030
|
+
/* @__PURE__ */ jsx103("span", { className: "fc:text-xs fc:font-medium fc:text-slate-600", children: col.label })
|
|
24015
24031
|
] }),
|
|
24016
|
-
/* @__PURE__ */
|
|
24032
|
+
/* @__PURE__ */ jsx103(
|
|
24017
24033
|
"span",
|
|
24018
24034
|
{
|
|
24019
24035
|
className: "fc:text-xs fc:font-bold fc:text-slate-900 fc:text-right fc:break-words fc:leading-snug fc:max-w-[170px]",
|
|
@@ -24033,11 +24049,11 @@ function InboxMain({
|
|
|
24033
24049
|
}
|
|
24034
24050
|
|
|
24035
24051
|
// src/components/inbox/MyFilesMain.jsx
|
|
24036
|
-
import
|
|
24052
|
+
import React104 from "react";
|
|
24037
24053
|
import { RiUserReceivedLine as RiUserReceivedLine3 } from "@remixicon/react";
|
|
24038
|
-
import { jsx as
|
|
24054
|
+
import { jsx as jsx104 } from "react/jsx-runtime";
|
|
24039
24055
|
function MyFilesMain(props) {
|
|
24040
|
-
return /* @__PURE__ */
|
|
24056
|
+
return /* @__PURE__ */ jsx104(
|
|
24041
24057
|
InboxMain,
|
|
24042
24058
|
__spreadValues({
|
|
24043
24059
|
initialTab: "myFiles",
|
|
@@ -24052,11 +24068,11 @@ function MyFilesMain(props) {
|
|
|
24052
24068
|
}
|
|
24053
24069
|
|
|
24054
24070
|
// src/components/inbox/UnclaimedFilesMain.jsx
|
|
24055
|
-
import
|
|
24071
|
+
import React105 from "react";
|
|
24056
24072
|
import { RiInboxArchiveLine as RiInboxArchiveLine3 } from "@remixicon/react";
|
|
24057
|
-
import { jsx as
|
|
24073
|
+
import { jsx as jsx105 } from "react/jsx-runtime";
|
|
24058
24074
|
function UnclaimedFilesMain(props) {
|
|
24059
|
-
return /* @__PURE__ */
|
|
24075
|
+
return /* @__PURE__ */ jsx105(
|
|
24060
24076
|
InboxMain,
|
|
24061
24077
|
__spreadValues({
|
|
24062
24078
|
initialTab: "filePool",
|
|
@@ -24071,11 +24087,11 @@ function UnclaimedFilesMain(props) {
|
|
|
24071
24087
|
}
|
|
24072
24088
|
|
|
24073
24089
|
// src/components/inbox/CompletedFilesMain.jsx
|
|
24074
|
-
import
|
|
24090
|
+
import React106 from "react";
|
|
24075
24091
|
import { RiFileUploadLine as RiFileUploadLine2 } from "@remixicon/react";
|
|
24076
|
-
import { jsx as
|
|
24092
|
+
import { jsx as jsx106 } from "react/jsx-runtime";
|
|
24077
24093
|
function CompletedFilesMain(props) {
|
|
24078
|
-
return /* @__PURE__ */
|
|
24094
|
+
return /* @__PURE__ */ jsx106(
|
|
24079
24095
|
InboxMain,
|
|
24080
24096
|
__spreadValues({
|
|
24081
24097
|
initialTab: "totalFiles",
|
|
@@ -24090,13 +24106,13 @@ function CompletedFilesMain(props) {
|
|
|
24090
24106
|
}
|
|
24091
24107
|
|
|
24092
24108
|
// src/components/track-application/TrackApplicationMain.jsx
|
|
24093
|
-
import
|
|
24109
|
+
import React108, { useState as useState78, useMemo as useMemo9 } from "react";
|
|
24094
24110
|
import Swal32 from "sweetalert2";
|
|
24095
24111
|
import {
|
|
24096
24112
|
RiRouteLine as RiRouteLine2,
|
|
24097
24113
|
RiSearchLine as RiSearchLine2,
|
|
24098
24114
|
RiRefreshLine as RiRefreshLine3,
|
|
24099
|
-
RiDownload2Line as
|
|
24115
|
+
RiDownload2Line as RiDownload2Line4,
|
|
24100
24116
|
RiPrinterLine as RiPrinterLine2,
|
|
24101
24117
|
RiFileCopyLine,
|
|
24102
24118
|
RiCheckboxCircleLine as RiCheckboxCircleLine3,
|
|
@@ -24108,13 +24124,13 @@ import {
|
|
|
24108
24124
|
RiArrowDownSLine as RiArrowDownSLine3,
|
|
24109
24125
|
RiCloseLine as RiCloseLine7,
|
|
24110
24126
|
RiFileListLine,
|
|
24111
|
-
RiFileTextLine as
|
|
24127
|
+
RiFileTextLine as RiFileTextLine6,
|
|
24112
24128
|
RiCheckLine as RiCheckLine4,
|
|
24113
24129
|
RiSparklingLine
|
|
24114
24130
|
} from "@remixicon/react";
|
|
24115
24131
|
|
|
24116
24132
|
// src/components/track-application/TrackingSlipModal.jsx
|
|
24117
|
-
import
|
|
24133
|
+
import React107, { useEffect as useEffect57 } from "react";
|
|
24118
24134
|
import {
|
|
24119
24135
|
RiCloseLine as RiCloseLine6,
|
|
24120
24136
|
RiPrinterLine,
|
|
@@ -24123,10 +24139,10 @@ import {
|
|
|
24123
24139
|
RiTimeLine as RiTimeLine3,
|
|
24124
24140
|
RiBuildingLine,
|
|
24125
24141
|
RiUserLine,
|
|
24126
|
-
RiFileTextLine as
|
|
24142
|
+
RiFileTextLine as RiFileTextLine5,
|
|
24127
24143
|
RiCheckboxCircleLine as RiCheckboxCircleLine2
|
|
24128
24144
|
} from "@remixicon/react";
|
|
24129
|
-
import { jsx as
|
|
24145
|
+
import { jsx as jsx107, jsxs as jsxs103 } from "react/jsx-runtime";
|
|
24130
24146
|
function TrackingSlipModal({ isOpen, onClose, application }) {
|
|
24131
24147
|
useEffect57(() => {
|
|
24132
24148
|
if (!isOpen) return;
|
|
@@ -24140,125 +24156,125 @@ function TrackingSlipModal({ isOpen, onClose, application }) {
|
|
|
24140
24156
|
const handlePrint = () => {
|
|
24141
24157
|
window.print();
|
|
24142
24158
|
};
|
|
24143
|
-
return /* @__PURE__ */
|
|
24144
|
-
/* @__PURE__ */
|
|
24159
|
+
return /* @__PURE__ */ jsxs103("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4 print:fc:p-0", children: [
|
|
24160
|
+
/* @__PURE__ */ jsx107(
|
|
24145
24161
|
"div",
|
|
24146
24162
|
{
|
|
24147
24163
|
className: "fc:fixed fc:inset-0 fc:bg-slate-900/60 fc:backdrop-blur-sm fc:transition-opacity print:fc:hidden",
|
|
24148
24164
|
onClick: onClose
|
|
24149
24165
|
}
|
|
24150
24166
|
),
|
|
24151
|
-
/* @__PURE__ */
|
|
24152
|
-
/* @__PURE__ */
|
|
24153
|
-
/* @__PURE__ */
|
|
24154
|
-
/* @__PURE__ */
|
|
24155
|
-
/* @__PURE__ */
|
|
24156
|
-
/* @__PURE__ */
|
|
24157
|
-
/* @__PURE__ */
|
|
24167
|
+
/* @__PURE__ */ jsxs103("div", { className: "fc:relative fc:w-full fc:max-w-2xl fc:bg-white fc:rounded-3xl fc:flex fc:flex-col fc:z-10 fc:shadow-2xl fc:overflow-hidden print:fc:shadow-none print:fc:rounded-none print:fc:max-w-none print:fc:w-full", children: [
|
|
24168
|
+
/* @__PURE__ */ jsxs103("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-6 fc:py-4 fc:border-b fc:border-slate-100 fc:bg-slate-50/70 print:fc:bg-white", children: [
|
|
24169
|
+
/* @__PURE__ */ jsxs103("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
|
|
24170
|
+
/* @__PURE__ */ jsx107("div", { className: "fc:w-10 fc:h-10 fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600 fc:text-white fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:shadow-md fc:shadow-blue-500/20", children: /* @__PURE__ */ jsx107(RiRouteLine, { size: 20 }) }),
|
|
24171
|
+
/* @__PURE__ */ jsxs103("div", { children: [
|
|
24172
|
+
/* @__PURE__ */ jsx107("h3", { className: "fc:text-base fc:font-bold fc:text-slate-800", children: "Application Tracking Acknowledgement" }),
|
|
24173
|
+
/* @__PURE__ */ jsxs103("p", { className: "fc:text-xs fc:text-slate-500", children: [
|
|
24158
24174
|
"Official Tracking Slip \u2022 Generated on ",
|
|
24159
24175
|
(/* @__PURE__ */ new Date()).toLocaleDateString("en-IN", { day: "2-digit", month: "short", year: "numeric" })
|
|
24160
24176
|
] })
|
|
24161
24177
|
] })
|
|
24162
24178
|
] }),
|
|
24163
|
-
/* @__PURE__ */
|
|
24164
|
-
/* @__PURE__ */
|
|
24179
|
+
/* @__PURE__ */ jsxs103("div", { className: "fc:flex fc:items-center fc:gap-2 print:fc:hidden", children: [
|
|
24180
|
+
/* @__PURE__ */ jsxs103(
|
|
24165
24181
|
"button",
|
|
24166
24182
|
{
|
|
24167
24183
|
type: "button",
|
|
24168
24184
|
onClick: handlePrint,
|
|
24169
24185
|
className: "fc:flex fc:items-center fc:gap-1.5 fc:px-3.5 fc:py-1.5 fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-sm fc:transition-all",
|
|
24170
24186
|
children: [
|
|
24171
|
-
/* @__PURE__ */
|
|
24172
|
-
/* @__PURE__ */
|
|
24187
|
+
/* @__PURE__ */ jsx107(RiPrinterLine, { size: 15 }),
|
|
24188
|
+
/* @__PURE__ */ jsx107("span", { children: "Print Slip" })
|
|
24173
24189
|
]
|
|
24174
24190
|
}
|
|
24175
24191
|
),
|
|
24176
|
-
/* @__PURE__ */
|
|
24192
|
+
/* @__PURE__ */ jsx107(
|
|
24177
24193
|
"button",
|
|
24178
24194
|
{
|
|
24179
24195
|
type: "button",
|
|
24180
24196
|
onClick: onClose,
|
|
24181
24197
|
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",
|
|
24182
|
-
children: /* @__PURE__ */
|
|
24198
|
+
children: /* @__PURE__ */ jsx107(RiCloseLine6, { size: 20 })
|
|
24183
24199
|
}
|
|
24184
24200
|
)
|
|
24185
24201
|
] })
|
|
24186
24202
|
] }),
|
|
24187
|
-
/* @__PURE__ */
|
|
24188
|
-
/* @__PURE__ */
|
|
24189
|
-
/* @__PURE__ */
|
|
24190
|
-
/* @__PURE__ */
|
|
24191
|
-
/* @__PURE__ */
|
|
24203
|
+
/* @__PURE__ */ jsxs103("div", { className: "fc:p-6 fc:space-y-5 fc:max-h-[75vh] fc:overflow-y-auto print:fc:max-h-none print:fc:overflow-visible", children: [
|
|
24204
|
+
/* @__PURE__ */ jsxs103("div", { className: "fc:flex fc:items-center fc:justify-between fc:p-4 fc:bg-gradient-to-r fc:from-blue-50/80 fc:to-indigo-50/50 fc:border fc:border-blue-100 fc:rounded-2xl", children: [
|
|
24205
|
+
/* @__PURE__ */ jsxs103("div", { children: [
|
|
24206
|
+
/* @__PURE__ */ jsx107("span", { className: "fc:text-[10px] fc:font-bold fc:text-blue-600 fc:uppercase fc:tracking-wider", children: "Application Tracking No. (File No.)" }),
|
|
24207
|
+
/* @__PURE__ */ jsx107("h2", { className: "fc:text-2xl fc:font-extrabold fc:text-blue-700 fc:tracking-wide fc:mt-0.5", children: application.fileNumber })
|
|
24192
24208
|
] }),
|
|
24193
|
-
/* @__PURE__ */
|
|
24194
|
-
/* @__PURE__ */
|
|
24195
|
-
/* @__PURE__ */
|
|
24209
|
+
/* @__PURE__ */ jsxs103("div", { className: "fc:text-right", children: [
|
|
24210
|
+
/* @__PURE__ */ jsx107("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:tracking-wider", children: "Current Status" }),
|
|
24211
|
+
/* @__PURE__ */ jsx107("div", { className: "fc:mt-0.5", children: /* @__PURE__ */ jsx107("span", { className: "fc:inline-block fc:text-xs fc:font-bold fc:px-2.5 fc:py-1 fc:rounded-full fc:bg-emerald-50 fc:text-emerald-700 fc:border fc:border-emerald-200", children: application.status || "In Progress" }) })
|
|
24196
24212
|
] })
|
|
24197
24213
|
] }),
|
|
24198
|
-
/* @__PURE__ */
|
|
24199
|
-
/* @__PURE__ */
|
|
24200
|
-
/* @__PURE__ */
|
|
24201
|
-
/* @__PURE__ */
|
|
24214
|
+
/* @__PURE__ */ jsxs103("div", { className: "fc:p-4 fc:bg-slate-50/70 fc:rounded-2xl fc:border fc:border-slate-100", children: [
|
|
24215
|
+
/* @__PURE__ */ jsxs103("div", { className: "fc:flex fc:items-center fc:gap-1.5 fc:text-xs fc:font-bold fc:text-slate-500 fc:mb-1", children: [
|
|
24216
|
+
/* @__PURE__ */ jsx107(RiFileTextLine5, { size: 15 }),
|
|
24217
|
+
/* @__PURE__ */ jsx107("span", { children: "Subject / Proposal" })
|
|
24202
24218
|
] }),
|
|
24203
|
-
/* @__PURE__ */
|
|
24219
|
+
/* @__PURE__ */ jsx107("p", { className: "fc:text-sm fc:font-semibold fc:text-slate-800 fc:leading-relaxed", children: application.subject })
|
|
24204
24220
|
] }),
|
|
24205
|
-
/* @__PURE__ */
|
|
24206
|
-
/* @__PURE__ */
|
|
24207
|
-
/* @__PURE__ */
|
|
24208
|
-
/* @__PURE__ */
|
|
24221
|
+
/* @__PURE__ */ jsxs103("div", { className: "fc:grid fc:grid-cols-2 fc:gap-3 fc:text-xs", children: [
|
|
24222
|
+
/* @__PURE__ */ jsxs103("div", { className: "fc:p-3 fc:rounded-xl fc:border fc:border-slate-100 fc:bg-slate-50/50", children: [
|
|
24223
|
+
/* @__PURE__ */ jsx107("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Workflow" }),
|
|
24224
|
+
/* @__PURE__ */ jsx107("span", { className: "fc:font-semibold fc:text-slate-800 fc:mt-0.5 fc:block", children: application.workflowName })
|
|
24209
24225
|
] }),
|
|
24210
|
-
/* @__PURE__ */
|
|
24211
|
-
/* @__PURE__ */
|
|
24212
|
-
/* @__PURE__ */
|
|
24226
|
+
/* @__PURE__ */ jsxs103("div", { className: "fc:p-3 fc:rounded-xl fc:border fc:border-slate-100 fc:bg-slate-50/50", children: [
|
|
24227
|
+
/* @__PURE__ */ jsx107("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Department" }),
|
|
24228
|
+
/* @__PURE__ */ jsx107("span", { className: "fc:font-semibold fc:text-slate-800 fc:mt-0.5 fc:block", children: application.department })
|
|
24213
24229
|
] }),
|
|
24214
|
-
/* @__PURE__ */
|
|
24215
|
-
/* @__PURE__ */
|
|
24216
|
-
/* @__PURE__ */
|
|
24230
|
+
/* @__PURE__ */ jsxs103("div", { className: "fc:p-3 fc:rounded-xl fc:border fc:border-slate-100 fc:bg-slate-50/50", children: [
|
|
24231
|
+
/* @__PURE__ */ jsx107("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Applicant / Entity" }),
|
|
24232
|
+
/* @__PURE__ */ jsx107("span", { className: "fc:font-semibold fc:text-slate-800 fc:mt-0.5 fc:block", children: application.applicant })
|
|
24217
24233
|
] }),
|
|
24218
|
-
/* @__PURE__ */
|
|
24219
|
-
/* @__PURE__ */
|
|
24220
|
-
/* @__PURE__ */
|
|
24234
|
+
/* @__PURE__ */ jsxs103("div", { className: "fc:p-3 fc:rounded-xl fc:border fc:border-slate-100 fc:bg-slate-50/50", children: [
|
|
24235
|
+
/* @__PURE__ */ jsx107("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Priority" }),
|
|
24236
|
+
/* @__PURE__ */ jsx107("span", { className: "fc:font-bold fc:text-red-600 fc:mt-0.5 fc:block", children: application.priority })
|
|
24221
24237
|
] }),
|
|
24222
|
-
/* @__PURE__ */
|
|
24223
|
-
/* @__PURE__ */
|
|
24224
|
-
/* @__PURE__ */
|
|
24238
|
+
/* @__PURE__ */ jsxs103("div", { className: "fc:p-3 fc:rounded-xl fc:border fc:border-slate-100 fc:bg-slate-50/50", children: [
|
|
24239
|
+
/* @__PURE__ */ jsx107("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Received / Submitted Date" }),
|
|
24240
|
+
/* @__PURE__ */ jsx107("span", { className: "fc:font-semibold fc:text-slate-800 fc:mt-0.5 fc:block", children: application.receivedDate })
|
|
24225
24241
|
] }),
|
|
24226
|
-
/* @__PURE__ */
|
|
24227
|
-
/* @__PURE__ */
|
|
24228
|
-
/* @__PURE__ */
|
|
24242
|
+
/* @__PURE__ */ jsxs103("div", { className: "fc:p-3 fc:rounded-xl fc:border fc:border-slate-100 fc:bg-slate-50/50", children: [
|
|
24243
|
+
/* @__PURE__ */ jsx107("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "SLA / Expected Resolution" }),
|
|
24244
|
+
/* @__PURE__ */ jsxs103("span", { className: "fc:font-semibold fc:text-blue-600 fc:mt-0.5 fc:block", children: [
|
|
24229
24245
|
application.dueDate,
|
|
24230
24246
|
" (",
|
|
24231
24247
|
application.slaStatus,
|
|
24232
24248
|
")"
|
|
24233
24249
|
] })
|
|
24234
24250
|
] }),
|
|
24235
|
-
/* @__PURE__ */
|
|
24236
|
-
/* @__PURE__ */
|
|
24237
|
-
/* @__PURE__ */
|
|
24251
|
+
/* @__PURE__ */ jsxs103("div", { className: "fc:p-3 fc:rounded-xl fc:border fc:border-slate-100 fc:bg-slate-50/50", children: [
|
|
24252
|
+
/* @__PURE__ */ jsx107("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Current Active Step" }),
|
|
24253
|
+
/* @__PURE__ */ jsx107("span", { className: "fc:font-bold fc:text-indigo-600 fc:mt-0.5 fc:block", children: application.currentStep || "Scrutiny & Review" })
|
|
24238
24254
|
] }),
|
|
24239
|
-
/* @__PURE__ */
|
|
24240
|
-
/* @__PURE__ */
|
|
24241
|
-
/* @__PURE__ */
|
|
24255
|
+
/* @__PURE__ */ jsxs103("div", { className: "fc:p-3 fc:rounded-xl fc:border fc:border-slate-100 fc:bg-slate-50/50", children: [
|
|
24256
|
+
/* @__PURE__ */ jsx107("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Handling Officer / Desk" }),
|
|
24257
|
+
/* @__PURE__ */ jsx107("span", { className: "fc:font-semibold fc:text-slate-800 fc:mt-0.5 fc:block", children: application.assignedTo || "Department Review Desk" })
|
|
24242
24258
|
] })
|
|
24243
24259
|
] }),
|
|
24244
|
-
application.stages && application.stages.length > 0 && /* @__PURE__ */
|
|
24245
|
-
/* @__PURE__ */
|
|
24246
|
-
/* @__PURE__ */
|
|
24260
|
+
application.stages && application.stages.length > 0 && /* @__PURE__ */ jsxs103("div", { className: "fc:p-4 fc:rounded-2xl fc:border fc:border-slate-100 fc:bg-slate-50/40", children: [
|
|
24261
|
+
/* @__PURE__ */ jsx107("h4", { className: "fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-2.5 fc:uppercase fc:tracking-wider", children: "Stage Progression Audit" }),
|
|
24262
|
+
/* @__PURE__ */ jsx107("div", { className: "fc:space-y-2", children: application.stages.map((stg, idx) => /* @__PURE__ */ jsxs103(
|
|
24247
24263
|
"div",
|
|
24248
24264
|
{
|
|
24249
24265
|
className: "fc:flex fc:items-center fc:justify-between fc:text-xs fc:py-1 fc:border-b fc:border-slate-100 last:fc:border-0",
|
|
24250
24266
|
children: [
|
|
24251
|
-
/* @__PURE__ */
|
|
24252
|
-
/* @__PURE__ */
|
|
24267
|
+
/* @__PURE__ */ jsxs103("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
|
|
24268
|
+
/* @__PURE__ */ jsx107(
|
|
24253
24269
|
"span",
|
|
24254
24270
|
{
|
|
24255
24271
|
className: `fc:w-4 fc:h-4 fc:rounded-full fc:flex fc:items-center fc:justify-center fc:text-[9px] fc:font-bold ${stg.status === "completed" ? "fc:bg-emerald-500 fc:text-white" : stg.status === "in-progress" ? "fc:bg-blue-600 fc:text-white" : "fc:bg-slate-200 fc:text-slate-500"}`,
|
|
24256
24272
|
children: idx + 1
|
|
24257
24273
|
}
|
|
24258
24274
|
),
|
|
24259
|
-
/* @__PURE__ */
|
|
24275
|
+
/* @__PURE__ */ jsx107("span", { className: "fc:font-medium fc:text-slate-800", children: stg.title })
|
|
24260
24276
|
] }),
|
|
24261
|
-
/* @__PURE__ */
|
|
24277
|
+
/* @__PURE__ */ jsx107(
|
|
24262
24278
|
"span",
|
|
24263
24279
|
{
|
|
24264
24280
|
className: `fc:text-[11px] fc:font-bold ${stg.status === "completed" ? "fc:text-emerald-600" : stg.status === "in-progress" ? "fc:text-blue-600" : "fc:text-slate-400"}`,
|
|
@@ -24270,15 +24286,15 @@ function TrackingSlipModal({ isOpen, onClose, application }) {
|
|
|
24270
24286
|
stg.stageId || idx
|
|
24271
24287
|
)) })
|
|
24272
24288
|
] }),
|
|
24273
|
-
/* @__PURE__ */
|
|
24274
|
-
/* @__PURE__ */
|
|
24289
|
+
/* @__PURE__ */ jsx107("div", { className: "fc:p-3 fc:rounded-xl fc:bg-amber-50/60 fc:border fc:border-amber-100 fc:text-[11px] fc:text-amber-800", children: /* @__PURE__ */ jsxs103("p", { children: [
|
|
24290
|
+
/* @__PURE__ */ jsx107("strong", { children: "Note:" }),
|
|
24275
24291
|
" This is a digitally generated tracking slip from the FlowCore Workflow Management System. You can track future updates anytime using Application No. ",
|
|
24276
|
-
/* @__PURE__ */
|
|
24292
|
+
/* @__PURE__ */ jsx107("strong", { children: application.fileNumber }),
|
|
24277
24293
|
"."
|
|
24278
24294
|
] }) })
|
|
24279
24295
|
] }),
|
|
24280
|
-
/* @__PURE__ */
|
|
24281
|
-
/* @__PURE__ */
|
|
24296
|
+
/* @__PURE__ */ jsxs103("div", { className: "fc:flex fc:items-center fc:justify-end fc:gap-2 fc:px-6 fc:py-3.5 fc:bg-slate-50/70 fc:border-t fc:border-slate-100 print:fc:hidden", children: [
|
|
24297
|
+
/* @__PURE__ */ jsx107(
|
|
24282
24298
|
"button",
|
|
24283
24299
|
{
|
|
24284
24300
|
type: "button",
|
|
@@ -24287,15 +24303,15 @@ function TrackingSlipModal({ isOpen, onClose, application }) {
|
|
|
24287
24303
|
children: "Close"
|
|
24288
24304
|
}
|
|
24289
24305
|
),
|
|
24290
|
-
/* @__PURE__ */
|
|
24306
|
+
/* @__PURE__ */ jsxs103(
|
|
24291
24307
|
"button",
|
|
24292
24308
|
{
|
|
24293
24309
|
type: "button",
|
|
24294
24310
|
onClick: handlePrint,
|
|
24295
24311
|
className: "fc:flex fc:items-center fc:gap-1.5 fc:px-4 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-sm fc:transition-all",
|
|
24296
24312
|
children: [
|
|
24297
|
-
/* @__PURE__ */
|
|
24298
|
-
/* @__PURE__ */
|
|
24313
|
+
/* @__PURE__ */ jsx107(RiPrinterLine, { size: 15 }),
|
|
24314
|
+
/* @__PURE__ */ jsx107("span", { children: "Print Receipt" })
|
|
24299
24315
|
]
|
|
24300
24316
|
}
|
|
24301
24317
|
)
|
|
@@ -24305,21 +24321,21 @@ function TrackingSlipModal({ isOpen, onClose, application }) {
|
|
|
24305
24321
|
}
|
|
24306
24322
|
|
|
24307
24323
|
// src/components/track-application/TrackApplicationMain.jsx
|
|
24308
|
-
import { Fragment as Fragment8, jsx as
|
|
24324
|
+
import { Fragment as Fragment8, jsx as jsx108, jsxs as jsxs104 } from "react/jsx-runtime";
|
|
24309
24325
|
var APPLICATION_DATABASE = [];
|
|
24310
24326
|
function TrackApplicationMain() {
|
|
24311
24327
|
var _a, _b, _c;
|
|
24312
|
-
const [trackQuery, setTrackQuery] =
|
|
24313
|
-
const [selectedApplication, setSelectedApplication] =
|
|
24314
|
-
const [activeTab, setActiveTab] =
|
|
24315
|
-
const [viewMode, setViewMode] =
|
|
24316
|
-
const [tableSearch, setTableSearch] =
|
|
24317
|
-
const [priorityFilter, setPriorityFilter] =
|
|
24318
|
-
const [pageSize, setPageSize] =
|
|
24319
|
-
const [currentPage, setCurrentPage] =
|
|
24320
|
-
const [sortColumn, setSortColumn] =
|
|
24321
|
-
const [sortDirection, setSortDirection] =
|
|
24322
|
-
const [slipModalOpen, setSlipModalOpen] =
|
|
24328
|
+
const [trackQuery, setTrackQuery] = useState78("");
|
|
24329
|
+
const [selectedApplication, setSelectedApplication] = useState78(null);
|
|
24330
|
+
const [activeTab, setActiveTab] = useState78("timeline");
|
|
24331
|
+
const [viewMode, setViewMode] = useState78("tracker");
|
|
24332
|
+
const [tableSearch, setTableSearch] = useState78("");
|
|
24333
|
+
const [priorityFilter, setPriorityFilter] = useState78("all");
|
|
24334
|
+
const [pageSize, setPageSize] = useState78(10);
|
|
24335
|
+
const [currentPage, setCurrentPage] = useState78(1);
|
|
24336
|
+
const [sortColumn, setSortColumn] = useState78("");
|
|
24337
|
+
const [sortDirection, setSortDirection] = useState78("asc");
|
|
24338
|
+
const [slipModalOpen, setSlipModalOpen] = useState78(false);
|
|
24323
24339
|
const handleTrack = async (fileNoToTrack) => {
|
|
24324
24340
|
const targetNo = (fileNoToTrack || trackQuery).trim().toUpperCase();
|
|
24325
24341
|
if (!targetNo) {
|
|
@@ -24381,9 +24397,9 @@ function TrackApplicationMain() {
|
|
|
24381
24397
|
};
|
|
24382
24398
|
const getSortIcon = (col) => {
|
|
24383
24399
|
if (sortColumn !== col) {
|
|
24384
|
-
return /* @__PURE__ */
|
|
24400
|
+
return /* @__PURE__ */ jsx108(RiArrowUpDownLine2, { size: 13, className: "fc:text-slate-400" });
|
|
24385
24401
|
}
|
|
24386
|
-
return sortDirection === "asc" ? /* @__PURE__ */
|
|
24402
|
+
return sortDirection === "asc" ? /* @__PURE__ */ jsx108(RiArrowUpSLine3, { size: 14, className: "fc:text-blue-600" }) : /* @__PURE__ */ jsx108(RiArrowDownSLine3, { size: 14, className: "fc:text-blue-600" });
|
|
24387
24403
|
};
|
|
24388
24404
|
const handleExportCSV = () => {
|
|
24389
24405
|
const headers = [
|
|
@@ -24417,57 +24433,57 @@ function TrackApplicationMain() {
|
|
|
24417
24433
|
link.click();
|
|
24418
24434
|
document.body.removeChild(link);
|
|
24419
24435
|
};
|
|
24420
|
-
return /* @__PURE__ */
|
|
24421
|
-
/* @__PURE__ */
|
|
24422
|
-
/* @__PURE__ */
|
|
24423
|
-
/* @__PURE__ */
|
|
24424
|
-
/* @__PURE__ */
|
|
24425
|
-
/* @__PURE__ */
|
|
24426
|
-
/* @__PURE__ */
|
|
24427
|
-
/* @__PURE__ */
|
|
24428
|
-
/* @__PURE__ */
|
|
24429
|
-
/* @__PURE__ */
|
|
24436
|
+
return /* @__PURE__ */ jsxs104("div", { className: "fc:min-h-screen fc:bg-[#f5f7fb] fc:p-4 md:fc:p-6 fc:flex fc:flex-col fc:font-sans", children: [
|
|
24437
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:w-full fc:flex fc:flex-col fc:space-y-4", children: [
|
|
24438
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:relative fc:overflow-hidden fc:rounded-2xl fc:border fc:border-slate-200 fc:bg-white/95 fc:backdrop-blur-xl fc:shadow-sm", children: [
|
|
24439
|
+
/* @__PURE__ */ jsx108("div", { className: "fc:absolute fc:inset-x-0 fc:top-0 fc:h-1 fc:bg-gradient-to-r fc:from-blue-600 fc:via-cyan-500 fc:to-indigo-600" }),
|
|
24440
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:relative fc:flex fc:items-center fc:justify-between fc:px-6 fc:py-3 fc:gap-4", children: [
|
|
24441
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:gap-3.5", children: [
|
|
24442
|
+
/* @__PURE__ */ jsx108("div", { className: "fc:flex fc:h-11 fc:w-11 fc:items-center fc:justify-center fc:rounded-xl fc:bg-gradient-to-br fc:from-blue-600 fc:to-indigo-600 fc:text-white fc:shadow-md fc:shadow-blue-500/20 fc:shrink-0", children: /* @__PURE__ */ jsx108(RiRouteLine2, { size: 22 }) }),
|
|
24443
|
+
/* @__PURE__ */ jsxs104("div", { children: [
|
|
24444
|
+
/* @__PURE__ */ jsx108("h1", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800 fc:tracking-tight fc:leading-tight", children: "Track Application" }),
|
|
24445
|
+
/* @__PURE__ */ jsx108("p", { className: "fc:text-[11px] fc:text-slate-500 fc:mt-0.5", children: "Real-time lifecycle tracking, stage progression, SLA timeline, and movement audit" })
|
|
24430
24446
|
] })
|
|
24431
24447
|
] }),
|
|
24432
|
-
/* @__PURE__ */
|
|
24433
|
-
/* @__PURE__ */
|
|
24434
|
-
/* @__PURE__ */
|
|
24448
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:gap-3 fc:shrink-0", children: [
|
|
24449
|
+
/* @__PURE__ */ jsx108("div", { className: "fc:rounded-xl fc:border fc:border-slate-200 fc:bg-slate-50 fc:px-3 fc:py-2 fc:text-xs fc:font-semibold fc:text-slate-600", children: (selectedApplication == null ? void 0 : selectedApplication.fileNumber) || "No application selected" }),
|
|
24450
|
+
/* @__PURE__ */ jsx108(
|
|
24435
24451
|
"button",
|
|
24436
24452
|
{
|
|
24437
24453
|
type: "button",
|
|
24438
24454
|
onClick: () => handleTrack(selectedApplication == null ? void 0 : selectedApplication.fileNumber),
|
|
24439
24455
|
title: "Refresh Tracking Data",
|
|
24440
24456
|
className: "fc:h-9 fc:w-9 fc:flex fc:items-center fc:justify-center fc:border fc:border-slate-200 fc:rounded-xl fc:text-slate-600 hover:fc:bg-slate-50 fc:bg-white fc:shadow-sm fc:transition-all fc:cursor-pointer",
|
|
24441
|
-
children: /* @__PURE__ */
|
|
24457
|
+
children: /* @__PURE__ */ jsx108(RiRefreshLine3, { size: 16 })
|
|
24442
24458
|
}
|
|
24443
24459
|
)
|
|
24444
24460
|
] })
|
|
24445
24461
|
] })
|
|
24446
24462
|
] }),
|
|
24447
|
-
/* @__PURE__ */
|
|
24448
|
-
/* @__PURE__ */
|
|
24449
|
-
/* @__PURE__ */
|
|
24463
|
+
/* @__PURE__ */ jsx108("div", { className: "fc:bg-white fc:border fc:border-slate-200 fc:rounded-2xl fc:p-3.5 fc:shadow-sm", children: /* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:flex-col lg:fc:flex-row lg:fc:items-center lg:fc:justify-between fc:gap-3", children: [
|
|
24464
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:inline-flex fc:items-center fc:p-1 fc:bg-slate-100/90 fc:rounded-xl fc:border fc:border-slate-200/80 fc:gap-1 fc:shrink-0", children: [
|
|
24465
|
+
/* @__PURE__ */ jsxs104(
|
|
24450
24466
|
"button",
|
|
24451
24467
|
{
|
|
24452
24468
|
type: "button",
|
|
24453
24469
|
onClick: () => setViewMode("tracker"),
|
|
24454
24470
|
className: `fc:flex fc:items-center fc:gap-2 fc:px-3.5 fc:py-2 fc:rounded-lg fc:text-xs fc:font-bold fc:transition-all ${viewMode === "tracker" ? "fc:bg-blue-600 fc:text-white fc:shadow-sm" : "fc:text-slate-600 hover:fc:text-slate-900"}`,
|
|
24455
24471
|
children: [
|
|
24456
|
-
/* @__PURE__ */
|
|
24457
|
-
/* @__PURE__ */
|
|
24472
|
+
/* @__PURE__ */ jsx108(RiRouteLine2, { size: 15 }),
|
|
24473
|
+
/* @__PURE__ */ jsx108("span", { children: "Tracking Dashboard" })
|
|
24458
24474
|
]
|
|
24459
24475
|
}
|
|
24460
24476
|
),
|
|
24461
|
-
/* @__PURE__ */
|
|
24477
|
+
/* @__PURE__ */ jsxs104(
|
|
24462
24478
|
"button",
|
|
24463
24479
|
{
|
|
24464
24480
|
type: "button",
|
|
24465
24481
|
onClick: () => setViewMode("registry"),
|
|
24466
24482
|
className: `fc:flex fc:items-center fc:gap-2 fc:px-3.5 fc:py-2 fc:rounded-lg fc:text-xs fc:font-bold fc:transition-all ${viewMode === "registry" ? "fc:bg-blue-600 fc:text-white fc:shadow-sm" : "fc:text-slate-600 hover:fc:text-slate-900"}`,
|
|
24467
24483
|
children: [
|
|
24468
|
-
/* @__PURE__ */
|
|
24469
|
-
/* @__PURE__ */
|
|
24470
|
-
/* @__PURE__ */
|
|
24484
|
+
/* @__PURE__ */ jsx108(RiFileListLine, { size: 15 }),
|
|
24485
|
+
/* @__PURE__ */ jsx108("span", { children: "Applications Registry" }),
|
|
24486
|
+
/* @__PURE__ */ jsx108(
|
|
24471
24487
|
"span",
|
|
24472
24488
|
{
|
|
24473
24489
|
className: `fc:px-1.5 fc:py-0.2 fc:rounded-full fc:text-[10px] fc:font-extrabold ${viewMode === "registry" ? "fc:bg-white/20 fc:text-white" : "fc:bg-slate-200 fc:text-slate-700"}`,
|
|
@@ -24478,10 +24494,10 @@ function TrackApplicationMain() {
|
|
|
24478
24494
|
}
|
|
24479
24495
|
)
|
|
24480
24496
|
] }),
|
|
24481
|
-
/* @__PURE__ */
|
|
24482
|
-
/* @__PURE__ */
|
|
24483
|
-
/* @__PURE__ */
|
|
24484
|
-
/* @__PURE__ */
|
|
24497
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:gap-2 fc:flex-1 lg:fc:max-w-md", children: [
|
|
24498
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:relative fc:flex-1", children: [
|
|
24499
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:absolute fc:left-3 fc:top-1/2 fc:-translate-y-1/2 fc:text-slate-400", children: /* @__PURE__ */ jsx108(RiSearchLine2, { size: 16 }) }),
|
|
24500
|
+
/* @__PURE__ */ jsx108(
|
|
24485
24501
|
"input",
|
|
24486
24502
|
{
|
|
24487
24503
|
type: "text",
|
|
@@ -24492,58 +24508,58 @@ function TrackApplicationMain() {
|
|
|
24492
24508
|
className: "fc:w-full fc:pl-9 fc:pr-8 fc:py-2 fc:bg-slate-50 focus:fc:bg-white fc:border fc:border-slate-200 focus:fc:border-blue-500 fc:rounded-xl fc:text-xs fc:font-semibold fc:text-slate-800 fc:outline-none fc:transition-all"
|
|
24493
24509
|
}
|
|
24494
24510
|
),
|
|
24495
|
-
trackQuery && /* @__PURE__ */
|
|
24511
|
+
trackQuery && /* @__PURE__ */ jsx108(
|
|
24496
24512
|
"button",
|
|
24497
24513
|
{
|
|
24498
24514
|
type: "button",
|
|
24499
24515
|
onClick: () => setTrackQuery(""),
|
|
24500
24516
|
className: "fc:absolute fc:right-2.5 fc:top-1/2 fc:-translate-y-1/2 fc:text-slate-400 hover:fc:text-slate-600",
|
|
24501
|
-
children: /* @__PURE__ */
|
|
24517
|
+
children: /* @__PURE__ */ jsx108(RiCloseLine7, { size: 14 })
|
|
24502
24518
|
}
|
|
24503
24519
|
)
|
|
24504
24520
|
] }),
|
|
24505
|
-
/* @__PURE__ */
|
|
24521
|
+
/* @__PURE__ */ jsxs104(
|
|
24506
24522
|
"button",
|
|
24507
24523
|
{
|
|
24508
24524
|
type: "button",
|
|
24509
24525
|
onClick: () => handleTrack(),
|
|
24510
24526
|
className: "fc:flex fc:items-center fc:gap-1.5 fc:px-4 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-sm fc:transition-all fc:shrink-0 fc:cursor-pointer disabled:fc:opacity-50",
|
|
24511
24527
|
children: [
|
|
24512
|
-
/* @__PURE__ */
|
|
24513
|
-
/* @__PURE__ */
|
|
24528
|
+
/* @__PURE__ */ jsx108(RiRouteLine2, { size: 14 }),
|
|
24529
|
+
/* @__PURE__ */ jsx108("span", { children: "Track Now" })
|
|
24514
24530
|
]
|
|
24515
24531
|
}
|
|
24516
24532
|
)
|
|
24517
24533
|
] })
|
|
24518
24534
|
] }) }),
|
|
24519
|
-
/* @__PURE__ */
|
|
24535
|
+
/* @__PURE__ */ jsx108("div", { className: "fc:bg-white fc:border fc:border-slate-200 fc:rounded-3xl fc:shadow-sm fc:p-5 fc:flex fc:flex-col", children: viewMode === "tracker" ? (
|
|
24520
24536
|
/* ========================================================
|
|
24521
24537
|
VIEW 1: LIVE TRACKING DASHBOARD
|
|
24522
24538
|
======================================================== */
|
|
24523
|
-
/* @__PURE__ */
|
|
24524
|
-
selectedApplication && /* @__PURE__ */
|
|
24525
|
-
/* @__PURE__ */
|
|
24526
|
-
/* @__PURE__ */
|
|
24527
|
-
/* @__PURE__ */
|
|
24528
|
-
/* @__PURE__ */
|
|
24529
|
-
/* @__PURE__ */
|
|
24530
|
-
/* @__PURE__ */
|
|
24539
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:space-y-4", children: [
|
|
24540
|
+
selectedApplication && /* @__PURE__ */ jsxs104(Fragment8, { children: [
|
|
24541
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:rounded-2xl fc:border fc:border-blue-100 fc:bg-gradient-to-r fc:from-blue-50/80 fc:via-indigo-50/40 fc:to-white fc:p-4.5 fc:shadow-sm", children: [
|
|
24542
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-3 fc:flex-wrap", children: [
|
|
24543
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:gap-2 fc:flex-wrap", children: [
|
|
24544
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:inline-flex fc:items-center fc:gap-1.5 fc:bg-blue-600 fc:text-white fc:text-xs fc:font-bold fc:px-3 fc:py-1 fc:rounded-lg fc:shadow-sm", children: [
|
|
24545
|
+
/* @__PURE__ */ jsx108(RiRouteLine2, { size: 13 }),
|
|
24546
|
+
/* @__PURE__ */ jsxs104("span", { children: [
|
|
24531
24547
|
"App No: ",
|
|
24532
24548
|
selectedApplication.fileNumber
|
|
24533
24549
|
] })
|
|
24534
24550
|
] }),
|
|
24535
|
-
/* @__PURE__ */
|
|
24551
|
+
/* @__PURE__ */ jsx108(
|
|
24536
24552
|
"button",
|
|
24537
24553
|
{
|
|
24538
24554
|
type: "button",
|
|
24539
24555
|
onClick: () => handleCopyFileNumber(selectedApplication.fileNumber),
|
|
24540
24556
|
title: "Copy Application Number",
|
|
24541
24557
|
className: "fc:text-blue-600 hover:fc:text-blue-800 fc:p-1 fc:rounded-md hover:fc:bg-blue-100/70 fc:transition-all",
|
|
24542
|
-
children: /* @__PURE__ */
|
|
24558
|
+
children: /* @__PURE__ */ jsx108(RiFileCopyLine, { size: 14 })
|
|
24543
24559
|
}
|
|
24544
24560
|
),
|
|
24545
|
-
/* @__PURE__ */
|
|
24546
|
-
/* @__PURE__ */
|
|
24561
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-xs fc:font-bold fc:px-2.5 fc:py-0.5 fc:rounded-full fc:bg-white fc:border fc:border-slate-200 fc:text-slate-800", children: selectedApplication.workflowName }),
|
|
24562
|
+
/* @__PURE__ */ jsxs104(
|
|
24547
24563
|
"span",
|
|
24548
24564
|
{
|
|
24549
24565
|
className: `fc:text-xs fc:font-bold fc:px-2.5 fc:py-0.5 fc:rounded-full fc:border ${selectedApplication.priority === "Urgent" ? "fc:bg-red-50 fc:text-red-700 fc:border-red-200" : selectedApplication.priority === "High" ? "fc:bg-amber-50 fc:text-amber-700 fc:border-amber-200" : "fc:bg-blue-50 fc:text-blue-700 fc:border-blue-200"}`,
|
|
@@ -24553,67 +24569,67 @@ function TrackApplicationMain() {
|
|
|
24553
24569
|
]
|
|
24554
24570
|
}
|
|
24555
24571
|
),
|
|
24556
|
-
/* @__PURE__ */
|
|
24572
|
+
/* @__PURE__ */ jsxs104("span", { className: "fc:text-xs fc:font-bold fc:px-2.5 fc:py-0.5 fc:rounded-full fc:bg-emerald-50 fc:text-emerald-700 fc:border fc:border-emerald-200", children: [
|
|
24557
24573
|
"Status: ",
|
|
24558
24574
|
selectedApplication.status
|
|
24559
24575
|
] })
|
|
24560
24576
|
] }),
|
|
24561
|
-
/* @__PURE__ */
|
|
24577
|
+
/* @__PURE__ */ jsxs104(
|
|
24562
24578
|
"button",
|
|
24563
24579
|
{
|
|
24564
24580
|
type: "button",
|
|
24565
24581
|
onClick: () => setSlipModalOpen(true),
|
|
24566
24582
|
className: "fc:flex fc:items-center fc:gap-1.5 fc:px-3 fc:py-1.5 fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-sm fc:transition-all fc:shrink-0",
|
|
24567
24583
|
children: [
|
|
24568
|
-
/* @__PURE__ */
|
|
24569
|
-
/* @__PURE__ */
|
|
24584
|
+
/* @__PURE__ */ jsx108(RiPrinterLine2, { size: 13 }),
|
|
24585
|
+
/* @__PURE__ */ jsx108("span", { children: "Print Tracking Slip" })
|
|
24570
24586
|
]
|
|
24571
24587
|
}
|
|
24572
24588
|
)
|
|
24573
24589
|
] }),
|
|
24574
|
-
/* @__PURE__ */
|
|
24575
|
-
/* @__PURE__ */
|
|
24576
|
-
/* @__PURE__ */
|
|
24577
|
-
/* @__PURE__ */
|
|
24578
|
-
/* @__PURE__ */
|
|
24579
|
-
/* @__PURE__ */
|
|
24580
|
-
/* @__PURE__ */
|
|
24590
|
+
/* @__PURE__ */ jsx108("div", { className: "fc:mt-2.5", children: /* @__PURE__ */ jsx108("h2", { className: "fc:text-base fc:font-bold fc:text-slate-800 fc:leading-snug", children: selectedApplication.subject }) }),
|
|
24591
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-3 fc:mt-2.5 fc:pt-2.5 fc:border-t fc:border-blue-100/70 fc:text-xs fc:text-slate-600 fc:flex-wrap", children: [
|
|
24592
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:gap-4 fc:flex-wrap", children: [
|
|
24593
|
+
/* @__PURE__ */ jsxs104("span", { className: "fc:flex fc:items-center fc:gap-1", children: [
|
|
24594
|
+
/* @__PURE__ */ jsx108(RiBuildingLine2, { size: 13, className: "fc:text-slate-400" }),
|
|
24595
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-slate-400", children: "Dept:" }),
|
|
24596
|
+
/* @__PURE__ */ jsx108("strong", { className: "fc:text-slate-700", children: selectedApplication.department })
|
|
24581
24597
|
] }),
|
|
24582
|
-
/* @__PURE__ */
|
|
24583
|
-
/* @__PURE__ */
|
|
24584
|
-
/* @__PURE__ */
|
|
24585
|
-
/* @__PURE__ */
|
|
24598
|
+
/* @__PURE__ */ jsxs104("span", { className: "fc:flex fc:items-center fc:gap-1", children: [
|
|
24599
|
+
/* @__PURE__ */ jsx108(RiUserLine2, { size: 13, className: "fc:text-slate-400" }),
|
|
24600
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-slate-400", children: "Applicant:" }),
|
|
24601
|
+
/* @__PURE__ */ jsx108("strong", { className: "fc:text-slate-700", children: selectedApplication.applicant })
|
|
24586
24602
|
] }),
|
|
24587
|
-
/* @__PURE__ */
|
|
24588
|
-
/* @__PURE__ */
|
|
24589
|
-
/* @__PURE__ */
|
|
24590
|
-
/* @__PURE__ */
|
|
24603
|
+
/* @__PURE__ */ jsxs104("span", { className: "fc:flex fc:items-center fc:gap-1", children: [
|
|
24604
|
+
/* @__PURE__ */ jsx108(RiTimeLine4, { size: 13, className: "fc:text-slate-400" }),
|
|
24605
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-slate-400", children: "Submitted:" }),
|
|
24606
|
+
/* @__PURE__ */ jsx108("strong", { className: "fc:text-slate-700", children: selectedApplication.receivedDate })
|
|
24591
24607
|
] })
|
|
24592
24608
|
] }),
|
|
24593
|
-
/* @__PURE__ */
|
|
24594
|
-
/* @__PURE__ */
|
|
24595
|
-
/* @__PURE__ */
|
|
24596
|
-
/* @__PURE__ */
|
|
24609
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:gap-1.5", children: [
|
|
24610
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-slate-400", children: "SLA:" }),
|
|
24611
|
+
/* @__PURE__ */ jsx108("strong", { className: "fc:text-red-600 fc:font-extrabold", children: selectedApplication.slaStatus }),
|
|
24612
|
+
/* @__PURE__ */ jsxs104("span", { className: "fc:text-slate-400", children: [
|
|
24597
24613
|
"\u2022 Due: ",
|
|
24598
24614
|
selectedApplication.dueDate
|
|
24599
24615
|
] })
|
|
24600
24616
|
] })
|
|
24601
24617
|
] }),
|
|
24602
|
-
/* @__PURE__ */
|
|
24603
|
-
/* @__PURE__ */
|
|
24604
|
-
/* @__PURE__ */
|
|
24618
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:mt-2.5 fc:pt-2 fc:border-t fc:border-blue-100/50", children: [
|
|
24619
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:justify-between fc:items-center fc:text-[11px] fc:mb-1", children: [
|
|
24620
|
+
/* @__PURE__ */ jsxs104("span", { className: "fc:font-bold fc:text-slate-600", children: [
|
|
24605
24621
|
"Lifecycle Progress: ",
|
|
24606
|
-
/* @__PURE__ */
|
|
24622
|
+
/* @__PURE__ */ jsxs104("strong", { children: [
|
|
24607
24623
|
selectedApplication.progressPercent || 50,
|
|
24608
24624
|
"% Completed"
|
|
24609
24625
|
] })
|
|
24610
24626
|
] }),
|
|
24611
|
-
/* @__PURE__ */
|
|
24627
|
+
/* @__PURE__ */ jsxs104("span", { className: "fc:font-bold fc:text-indigo-600", children: [
|
|
24612
24628
|
"Active Desk: ",
|
|
24613
|
-
/* @__PURE__ */
|
|
24629
|
+
/* @__PURE__ */ jsx108("strong", { children: selectedApplication.assignedTo || "Central Scrutiny Cell" })
|
|
24614
24630
|
] })
|
|
24615
24631
|
] }),
|
|
24616
|
-
/* @__PURE__ */
|
|
24632
|
+
/* @__PURE__ */ jsx108("div", { className: "fc:w-full fc:bg-slate-200/80 fc:h-1.5 fc:rounded-full fc:overflow-hidden", children: /* @__PURE__ */ jsx108(
|
|
24617
24633
|
"div",
|
|
24618
24634
|
{
|
|
24619
24635
|
className: "fc:bg-gradient-to-r fc:from-blue-600 fc:to-indigo-600 fc:h-full fc:rounded-full fc:transition-all fc:duration-500",
|
|
@@ -24622,18 +24638,18 @@ function TrackApplicationMain() {
|
|
|
24622
24638
|
) })
|
|
24623
24639
|
] })
|
|
24624
24640
|
] }),
|
|
24625
|
-
/* @__PURE__ */
|
|
24626
|
-
/* @__PURE__ */
|
|
24627
|
-
/* @__PURE__ */
|
|
24628
|
-
/* @__PURE__ */
|
|
24629
|
-
/* @__PURE__ */
|
|
24641
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:bg-slate-50/70 fc:border fc:border-slate-200 fc:rounded-2xl fc:p-3.5", children: [
|
|
24642
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:justify-between fc:mb-2.5", children: [
|
|
24643
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
|
|
24644
|
+
/* @__PURE__ */ jsx108("div", { className: "fc:w-2 fc:h-2 fc:rounded-full fc:bg-blue-600" }),
|
|
24645
|
+
/* @__PURE__ */ jsx108("h3", { className: "fc:text-xs fc:font-bold fc:text-slate-800 fc:uppercase fc:tracking-wider", children: "Workflow Progression Stages" })
|
|
24630
24646
|
] }),
|
|
24631
|
-
/* @__PURE__ */
|
|
24647
|
+
/* @__PURE__ */ jsxs104("span", { className: "fc:text-xs fc:text-slate-500", children: [
|
|
24632
24648
|
"Current Step: ",
|
|
24633
|
-
/* @__PURE__ */
|
|
24649
|
+
/* @__PURE__ */ jsx108("strong", { className: "fc:text-indigo-600", children: selectedApplication.currentStep })
|
|
24634
24650
|
] })
|
|
24635
24651
|
] }),
|
|
24636
|
-
/* @__PURE__ */
|
|
24652
|
+
/* @__PURE__ */ jsx108(
|
|
24637
24653
|
"div",
|
|
24638
24654
|
{
|
|
24639
24655
|
className: "fc:grid fc:gap-2 fc:items-stretch",
|
|
@@ -24643,20 +24659,20 @@ function TrackApplicationMain() {
|
|
|
24643
24659
|
children: (selectedApplication.stages || []).map((stage, idx) => {
|
|
24644
24660
|
const isCompleted = stage.status === "completed";
|
|
24645
24661
|
const isInProgress = stage.status === "in-progress";
|
|
24646
|
-
return /* @__PURE__ */
|
|
24662
|
+
return /* @__PURE__ */ jsxs104(
|
|
24647
24663
|
"div",
|
|
24648
24664
|
{
|
|
24649
24665
|
className: `fc:relative fc:flex fc:flex-col fc:justify-between fc:p-2.5 fc:rounded-xl fc:border fc:transition-all ${isCompleted ? "fc:bg-emerald-50/60 fc:border-emerald-200/80" : isInProgress ? "fc:bg-blue-50 fc:border-blue-300 fc:shadow-sm fc:ring-1 fc:ring-blue-200" : "fc:bg-white fc:border-slate-200"}`,
|
|
24650
24666
|
children: [
|
|
24651
|
-
/* @__PURE__ */
|
|
24652
|
-
/* @__PURE__ */
|
|
24667
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-1 fc:mb-1.5", children: [
|
|
24668
|
+
/* @__PURE__ */ jsx108(
|
|
24653
24669
|
"span",
|
|
24654
24670
|
{
|
|
24655
24671
|
className: `fc:w-5 fc:h-5 fc:rounded-full fc:flex fc:items-center fc:justify-center fc:text-[10px] fc:font-extrabold fc:shrink-0 ${isCompleted ? "fc:bg-emerald-600 fc:text-white" : isInProgress ? "fc:bg-blue-600 fc:text-white" : "fc:bg-slate-200 fc:text-slate-600"}`,
|
|
24656
|
-
children: isCompleted ? /* @__PURE__ */
|
|
24672
|
+
children: isCompleted ? /* @__PURE__ */ jsx108(RiCheckLine4, { size: 12 }) : idx + 1
|
|
24657
24673
|
}
|
|
24658
24674
|
),
|
|
24659
|
-
/* @__PURE__ */
|
|
24675
|
+
/* @__PURE__ */ jsx108(
|
|
24660
24676
|
"span",
|
|
24661
24677
|
{
|
|
24662
24678
|
className: `fc:text-[9px] fc:font-bold fc:px-1.5 fc:py-0.2 fc:rounded-full ${isCompleted ? "fc:bg-emerald-100 fc:text-emerald-700" : isInProgress ? "fc:bg-blue-100 fc:text-blue-700 fc:animate-pulse" : "fc:bg-slate-100 fc:text-slate-500"}`,
|
|
@@ -24664,8 +24680,8 @@ function TrackApplicationMain() {
|
|
|
24664
24680
|
}
|
|
24665
24681
|
)
|
|
24666
24682
|
] }),
|
|
24667
|
-
/* @__PURE__ */
|
|
24668
|
-
/* @__PURE__ */
|
|
24683
|
+
/* @__PURE__ */ jsxs104("div", { children: [
|
|
24684
|
+
/* @__PURE__ */ jsx108(
|
|
24669
24685
|
"h4",
|
|
24670
24686
|
{
|
|
24671
24687
|
className: "fc:text-[11px] fc:font-bold fc:text-slate-800 fc:truncate",
|
|
@@ -24673,7 +24689,7 @@ function TrackApplicationMain() {
|
|
|
24673
24689
|
children: stage.title
|
|
24674
24690
|
}
|
|
24675
24691
|
),
|
|
24676
|
-
/* @__PURE__ */
|
|
24692
|
+
/* @__PURE__ */ jsx108(
|
|
24677
24693
|
"p",
|
|
24678
24694
|
{
|
|
24679
24695
|
className: "fc:text-[10px] fc:text-slate-500 fc:truncate fc:mt-0.5",
|
|
@@ -24682,9 +24698,9 @@ function TrackApplicationMain() {
|
|
|
24682
24698
|
}
|
|
24683
24699
|
)
|
|
24684
24700
|
] }),
|
|
24685
|
-
/* @__PURE__ */
|
|
24686
|
-
/* @__PURE__ */
|
|
24687
|
-
/* @__PURE__ */
|
|
24701
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:mt-1.5 fc:pt-1.5 fc:border-t fc:border-slate-200/50 fc:flex fc:items-center fc:justify-between fc:text-[9px] fc:text-slate-400", children: [
|
|
24702
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:truncate", title: stage.officer, children: stage.officer }),
|
|
24703
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:font-medium fc:text-slate-500 fc:shrink-0", children: stage.date.split(" ")[0] })
|
|
24688
24704
|
] })
|
|
24689
24705
|
]
|
|
24690
24706
|
},
|
|
@@ -24694,114 +24710,114 @@ function TrackApplicationMain() {
|
|
|
24694
24710
|
}
|
|
24695
24711
|
)
|
|
24696
24712
|
] }),
|
|
24697
|
-
/* @__PURE__ */
|
|
24698
|
-
/* @__PURE__ */
|
|
24699
|
-
/* @__PURE__ */
|
|
24713
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:bg-white fc:border fc:border-slate-200 fc:rounded-2xl fc:overflow-hidden", children: [
|
|
24714
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:border-b fc:border-slate-200 fc:bg-slate-50/60 fc:px-3 fc:pt-1.5", children: [
|
|
24715
|
+
/* @__PURE__ */ jsxs104(
|
|
24700
24716
|
"button",
|
|
24701
24717
|
{
|
|
24702
24718
|
type: "button",
|
|
24703
24719
|
onClick: () => setActiveTab("timeline"),
|
|
24704
24720
|
className: `fc:flex fc:items-center fc:gap-1.5 fc:px-3.5 fc:py-2 fc:text-xs fc:font-bold fc:border-b-2 fc:transition-all ${activeTab === "timeline" ? "fc:border-blue-600 fc:text-blue-600 fc:bg-white fc:rounded-t-lg" : "fc:border-transparent fc:text-slate-600 hover:fc:text-slate-900"}`,
|
|
24705
24721
|
children: [
|
|
24706
|
-
/* @__PURE__ */
|
|
24707
|
-
/* @__PURE__ */
|
|
24708
|
-
/* @__PURE__ */
|
|
24722
|
+
/* @__PURE__ */ jsx108(RiRouteLine2, { size: 14 }),
|
|
24723
|
+
/* @__PURE__ */ jsx108("span", { children: "Movement History & Audit Trail" }),
|
|
24724
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:bg-slate-200 fc:text-slate-700 fc:px-1.5 fc:py-0.2 fc:rounded-full fc:text-[9px]", children: ((_b = selectedApplication.movementHistory) == null ? void 0 : _b.length) || 0 })
|
|
24709
24725
|
]
|
|
24710
24726
|
}
|
|
24711
24727
|
),
|
|
24712
|
-
/* @__PURE__ */
|
|
24728
|
+
/* @__PURE__ */ jsxs104(
|
|
24713
24729
|
"button",
|
|
24714
24730
|
{
|
|
24715
24731
|
type: "button",
|
|
24716
24732
|
onClick: () => setActiveTab("details"),
|
|
24717
24733
|
className: `fc:flex fc:items-center fc:gap-1.5 fc:px-3.5 fc:py-2 fc:text-xs fc:font-bold fc:border-b-2 fc:transition-all ${activeTab === "details" ? "fc:border-blue-600 fc:text-blue-600 fc:bg-white fc:rounded-t-lg" : "fc:border-transparent fc:text-slate-600 hover:fc:text-slate-900"}`,
|
|
24718
24734
|
children: [
|
|
24719
|
-
/* @__PURE__ */
|
|
24720
|
-
/* @__PURE__ */
|
|
24735
|
+
/* @__PURE__ */ jsx108(RiFileListLine, { size: 14 }),
|
|
24736
|
+
/* @__PURE__ */ jsx108("span", { children: "Application Full Attributes" })
|
|
24721
24737
|
]
|
|
24722
24738
|
}
|
|
24723
24739
|
),
|
|
24724
|
-
/* @__PURE__ */
|
|
24740
|
+
/* @__PURE__ */ jsxs104(
|
|
24725
24741
|
"button",
|
|
24726
24742
|
{
|
|
24727
24743
|
type: "button",
|
|
24728
24744
|
onClick: () => setActiveTab("documents"),
|
|
24729
24745
|
className: `fc:flex fc:items-center fc:gap-1.5 fc:px-3.5 fc:py-2 fc:text-xs fc:font-bold fc:border-b-2 fc:transition-all ${activeTab === "documents" ? "fc:border-blue-600 fc:text-blue-600 fc:bg-white fc:rounded-t-lg" : "fc:border-transparent fc:text-slate-600 hover:fc:text-slate-900"}`,
|
|
24730
24746
|
children: [
|
|
24731
|
-
/* @__PURE__ */
|
|
24732
|
-
/* @__PURE__ */
|
|
24733
|
-
/* @__PURE__ */
|
|
24747
|
+
/* @__PURE__ */ jsx108(RiFileTextLine6, { size: 14 }),
|
|
24748
|
+
/* @__PURE__ */ jsx108("span", { children: "Uploaded Documents" }),
|
|
24749
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:bg-slate-200 fc:text-slate-700 fc:px-1.5 fc:py-0.2 fc:rounded-full fc:text-[9px]", children: ((_c = selectedApplication.documents) == null ? void 0 : _c.length) || 0 })
|
|
24734
24750
|
]
|
|
24735
24751
|
}
|
|
24736
24752
|
)
|
|
24737
24753
|
] }),
|
|
24738
|
-
/* @__PURE__ */
|
|
24739
|
-
activeTab === "timeline" && /* @__PURE__ */
|
|
24740
|
-
/* @__PURE__ */
|
|
24741
|
-
/* @__PURE__ */
|
|
24742
|
-
/* @__PURE__ */
|
|
24743
|
-
/* @__PURE__ */
|
|
24744
|
-
/* @__PURE__ */
|
|
24754
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:p-4", children: [
|
|
24755
|
+
activeTab === "timeline" && /* @__PURE__ */ jsx108("div", { className: "fc:space-y-3", children: /* @__PURE__ */ jsx108("div", { className: "fc:relative fc:pl-5 fc:space-y-4 before:fc:absolute before:fc:left-2 before:fc:top-2 before:fc:bottom-2 before:fc:w-0.5 before:fc:bg-slate-200", children: (selectedApplication.movementHistory || []).map((move, idx) => /* @__PURE__ */ jsxs104("div", { className: "fc:relative fc:space-y-1", children: [
|
|
24756
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:absolute fc:-left-[17px] fc:top-1 fc:w-2.5 fc:h-2.5 fc:rounded-full fc:bg-blue-600 fc:ring-4 fc:ring-blue-100" }),
|
|
24757
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-2 fc:flex-wrap", children: [
|
|
24758
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
|
|
24759
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-xs fc:font-bold fc:text-slate-800", children: move.action }),
|
|
24760
|
+
/* @__PURE__ */ jsxs104("span", { className: "fc:text-[11px] fc:text-slate-500", children: [
|
|
24745
24761
|
"(",
|
|
24746
24762
|
move.fromStep,
|
|
24747
24763
|
" \u2192 ",
|
|
24748
|
-
/* @__PURE__ */
|
|
24764
|
+
/* @__PURE__ */ jsx108("strong", { className: "fc:text-blue-600", children: move.toStep }),
|
|
24749
24765
|
")"
|
|
24750
24766
|
] })
|
|
24751
24767
|
] }),
|
|
24752
|
-
/* @__PURE__ */
|
|
24768
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400", children: move.timestamp })
|
|
24753
24769
|
] }),
|
|
24754
|
-
/* @__PURE__ */
|
|
24755
|
-
/* @__PURE__ */
|
|
24770
|
+
/* @__PURE__ */ jsxs104("p", { className: "fc:text-xs fc:text-slate-600 fc:bg-slate-50 fc:p-2 fc:rounded-xl fc:border fc:border-slate-100", children: [
|
|
24771
|
+
/* @__PURE__ */ jsx108("strong", { children: "Remarks:" }),
|
|
24756
24772
|
" ",
|
|
24757
24773
|
move.remarks
|
|
24758
24774
|
] }),
|
|
24759
|
-
/* @__PURE__ */
|
|
24775
|
+
/* @__PURE__ */ jsxs104("span", { className: "fc:text-[10px] fc:text-slate-400", children: [
|
|
24760
24776
|
"Action Officer: ",
|
|
24761
|
-
/* @__PURE__ */
|
|
24777
|
+
/* @__PURE__ */ jsx108("strong", { children: move.officer })
|
|
24762
24778
|
] })
|
|
24763
24779
|
] }, move.id || idx)) }) }),
|
|
24764
|
-
activeTab === "details" && /* @__PURE__ */
|
|
24765
|
-
/* @__PURE__ */
|
|
24766
|
-
/* @__PURE__ */
|
|
24767
|
-
/* @__PURE__ */
|
|
24780
|
+
activeTab === "details" && /* @__PURE__ */ jsxs104("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-3 fc:gap-3 fc:text-xs", children: [
|
|
24781
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
|
|
24782
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Application / File Number" }),
|
|
24783
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-xs fc:font-bold fc:text-blue-600 fc:mt-0.5 fc:block", children: selectedApplication.fileNumber })
|
|
24768
24784
|
] }),
|
|
24769
|
-
/* @__PURE__ */
|
|
24770
|
-
/* @__PURE__ */
|
|
24771
|
-
/* @__PURE__ */
|
|
24785
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
|
|
24786
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Workflow Name" }),
|
|
24787
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-xs fc:font-semibold fc:text-slate-800 fc:mt-0.5 fc:block", children: selectedApplication.workflowName })
|
|
24772
24788
|
] }),
|
|
24773
|
-
/* @__PURE__ */
|
|
24774
|
-
/* @__PURE__ */
|
|
24775
|
-
/* @__PURE__ */
|
|
24789
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
|
|
24790
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Department / Ministry" }),
|
|
24791
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-xs fc:font-semibold fc:text-slate-800 fc:mt-0.5 fc:block", children: selectedApplication.department })
|
|
24776
24792
|
] }),
|
|
24777
|
-
/* @__PURE__ */
|
|
24778
|
-
/* @__PURE__ */
|
|
24779
|
-
/* @__PURE__ */
|
|
24793
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
|
|
24794
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Applicant / Originator Entity" }),
|
|
24795
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-xs fc:font-semibold fc:text-slate-800 fc:mt-0.5 fc:block", children: selectedApplication.applicant })
|
|
24780
24796
|
] }),
|
|
24781
|
-
/* @__PURE__ */
|
|
24782
|
-
/* @__PURE__ */
|
|
24783
|
-
/* @__PURE__ */
|
|
24797
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
|
|
24798
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Proposal Category" }),
|
|
24799
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-xs fc:font-semibold fc:text-slate-800 fc:mt-0.5 fc:block", children: selectedApplication.category })
|
|
24784
24800
|
] }),
|
|
24785
|
-
/* @__PURE__ */
|
|
24786
|
-
/* @__PURE__ */
|
|
24787
|
-
/* @__PURE__ */
|
|
24801
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
|
|
24802
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Financial Year" }),
|
|
24803
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-xs fc:font-semibold fc:text-slate-800 fc:mt-0.5 fc:block", children: selectedApplication.financialYear })
|
|
24788
24804
|
] }),
|
|
24789
|
-
/* @__PURE__ */
|
|
24790
|
-
/* @__PURE__ */
|
|
24791
|
-
/* @__PURE__ */
|
|
24805
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
|
|
24806
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Received Timestamp" }),
|
|
24807
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-xs fc:font-semibold fc:text-slate-800 fc:mt-0.5 fc:block", children: selectedApplication.receivedDate })
|
|
24792
24808
|
] }),
|
|
24793
|
-
/* @__PURE__ */
|
|
24794
|
-
/* @__PURE__ */
|
|
24795
|
-
/* @__PURE__ */
|
|
24809
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
|
|
24810
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Target SLA Due Date" }),
|
|
24811
|
+
/* @__PURE__ */ jsxs104("span", { className: "fc:text-xs fc:font-bold fc:text-red-600 fc:mt-0.5 fc:block", children: [
|
|
24796
24812
|
selectedApplication.dueDate,
|
|
24797
24813
|
" (",
|
|
24798
24814
|
selectedApplication.slaStatus,
|
|
24799
24815
|
")"
|
|
24800
24816
|
] })
|
|
24801
24817
|
] }),
|
|
24802
|
-
/* @__PURE__ */
|
|
24803
|
-
/* @__PURE__ */
|
|
24804
|
-
/* @__PURE__ */
|
|
24818
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:bg-slate-50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
|
|
24819
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-[10px] fc:font-bold fc:text-slate-400 fc:uppercase fc:block", children: "Current Active Desk" }),
|
|
24820
|
+
/* @__PURE__ */ jsxs104("span", { className: "fc:text-xs fc:font-bold fc:text-indigo-600 fc:mt-0.5 fc:block", children: [
|
|
24805
24821
|
selectedApplication.assignedTo,
|
|
24806
24822
|
" (",
|
|
24807
24823
|
selectedApplication.currentStep,
|
|
@@ -24809,22 +24825,22 @@ function TrackApplicationMain() {
|
|
|
24809
24825
|
] })
|
|
24810
24826
|
] })
|
|
24811
24827
|
] }),
|
|
24812
|
-
activeTab === "documents" && /* @__PURE__ */
|
|
24828
|
+
activeTab === "documents" && /* @__PURE__ */ jsx108("div", { className: "fc:grid fc:grid-cols-1 md:fc:grid-cols-2 fc:gap-3", children: (selectedApplication.documents || []).map((doc, i) => /* @__PURE__ */ jsxs104(
|
|
24813
24829
|
"div",
|
|
24814
24830
|
{
|
|
24815
24831
|
className: "fc:flex fc:items-center fc:justify-between fc:p-2.5 fc:rounded-xl fc:border fc:border-slate-200 fc:bg-slate-50/50 hover:fc:bg-slate-50 fc:transition-all",
|
|
24816
24832
|
children: [
|
|
24817
|
-
/* @__PURE__ */
|
|
24818
|
-
/* @__PURE__ */
|
|
24819
|
-
/* @__PURE__ */
|
|
24820
|
-
/* @__PURE__ */
|
|
24821
|
-
/* @__PURE__ */
|
|
24833
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:gap-2.5", children: [
|
|
24834
|
+
/* @__PURE__ */ jsx108("div", { className: "fc:w-7 fc:h-7 fc:rounded-lg fc:bg-red-50 fc:text-red-600 fc:flex fc:items-center fc:justify-center fc:font-bold fc:text-[10px]", children: doc.type }),
|
|
24835
|
+
/* @__PURE__ */ jsxs104("div", { children: [
|
|
24836
|
+
/* @__PURE__ */ jsx108("h5", { className: "fc:text-xs fc:font-bold fc:text-slate-800", children: doc.name }),
|
|
24837
|
+
/* @__PURE__ */ jsxs104("span", { className: "fc:text-[10px] fc:text-slate-400", children: [
|
|
24822
24838
|
"Size: ",
|
|
24823
24839
|
doc.size
|
|
24824
24840
|
] })
|
|
24825
24841
|
] })
|
|
24826
24842
|
] }),
|
|
24827
|
-
/* @__PURE__ */
|
|
24843
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:text-[10px] fc:font-bold fc:px-2 fc:py-0.5 fc:rounded-full fc:bg-emerald-50 fc:text-emerald-700 fc:border fc:border-emerald-200", children: doc.status })
|
|
24828
24844
|
]
|
|
24829
24845
|
},
|
|
24830
24846
|
i
|
|
@@ -24832,22 +24848,22 @@ function TrackApplicationMain() {
|
|
|
24832
24848
|
] })
|
|
24833
24849
|
] })
|
|
24834
24850
|
] }),
|
|
24835
|
-
!selectedApplication && /* @__PURE__ */
|
|
24836
|
-
/* @__PURE__ */
|
|
24837
|
-
/* @__PURE__ */
|
|
24838
|
-
/* @__PURE__ */
|
|
24851
|
+
!selectedApplication && /* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:min-h-72 fc:flex-col fc:items-center fc:justify-center fc:gap-2 fc:text-center", children: [
|
|
24852
|
+
/* @__PURE__ */ jsx108(RiRouteLine2, { size: 28, className: "fc:text-slate-300" }),
|
|
24853
|
+
/* @__PURE__ */ jsx108("h2", { className: "fc:text-sm fc:font-bold fc:text-slate-700", children: "No tracking data available" }),
|
|
24854
|
+
/* @__PURE__ */ jsx108("p", { className: "fc:max-w-md fc:text-xs fc:text-slate-500", children: "Configure the application tracking endpoint to load real application status and movement details." })
|
|
24839
24855
|
] })
|
|
24840
24856
|
] })
|
|
24841
24857
|
) : (
|
|
24842
24858
|
/* ========================================================
|
|
24843
24859
|
VIEW 2: APPLICATIONS REGISTRY TABLE (MATCHING INBOX TABLE)
|
|
24844
24860
|
======================================================== */
|
|
24845
|
-
/* @__PURE__ */
|
|
24846
|
-
/* @__PURE__ */
|
|
24847
|
-
/* @__PURE__ */
|
|
24848
|
-
/* @__PURE__ */
|
|
24849
|
-
/* @__PURE__ */
|
|
24850
|
-
/* @__PURE__ */
|
|
24861
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:flex-col fc:space-y-3", children: [
|
|
24862
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:justify-between fc:items-center fc:gap-3 fc:pb-3 fc:border-b fc:border-slate-100 fc:flex-wrap", children: [
|
|
24863
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:gap-2.5 fc:flex-1 fc:max-w-md", children: [
|
|
24864
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:relative fc:w-full", children: [
|
|
24865
|
+
/* @__PURE__ */ jsx108("span", { className: "fc:absolute fc:left-3 fc:top-1/2 fc:-translate-y-1/2 fc:text-slate-400", children: /* @__PURE__ */ jsx108(RiSearchLine2, { size: 15 }) }),
|
|
24866
|
+
/* @__PURE__ */ jsx108(
|
|
24851
24867
|
"input",
|
|
24852
24868
|
{
|
|
24853
24869
|
type: "text",
|
|
@@ -24861,7 +24877,7 @@ function TrackApplicationMain() {
|
|
|
24861
24877
|
}
|
|
24862
24878
|
)
|
|
24863
24879
|
] }),
|
|
24864
|
-
/* @__PURE__ */
|
|
24880
|
+
/* @__PURE__ */ jsxs104(
|
|
24865
24881
|
"select",
|
|
24866
24882
|
{
|
|
24867
24883
|
value: priorityFilter,
|
|
@@ -24871,29 +24887,29 @@ function TrackApplicationMain() {
|
|
|
24871
24887
|
},
|
|
24872
24888
|
className: "fc:px-2.5 fc:py-1.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:outline-none fc:bg-white",
|
|
24873
24889
|
children: [
|
|
24874
|
-
/* @__PURE__ */
|
|
24875
|
-
/* @__PURE__ */
|
|
24876
|
-
/* @__PURE__ */
|
|
24877
|
-
/* @__PURE__ */
|
|
24878
|
-
/* @__PURE__ */
|
|
24890
|
+
/* @__PURE__ */ jsx108("option", { value: "all", children: "All Priorities" }),
|
|
24891
|
+
/* @__PURE__ */ jsx108("option", { value: "Urgent", children: "Urgent" }),
|
|
24892
|
+
/* @__PURE__ */ jsx108("option", { value: "High", children: "High" }),
|
|
24893
|
+
/* @__PURE__ */ jsx108("option", { value: "Medium", children: "Medium" }),
|
|
24894
|
+
/* @__PURE__ */ jsx108("option", { value: "Low", children: "Low" })
|
|
24879
24895
|
]
|
|
24880
24896
|
}
|
|
24881
24897
|
)
|
|
24882
24898
|
] }),
|
|
24883
|
-
/* @__PURE__ */
|
|
24884
|
-
/* @__PURE__ */
|
|
24899
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
|
|
24900
|
+
/* @__PURE__ */ jsxs104(
|
|
24885
24901
|
"button",
|
|
24886
24902
|
{
|
|
24887
24903
|
type: "button",
|
|
24888
24904
|
onClick: handleExportCSV,
|
|
24889
24905
|
className: "fc:flex fc:items-center fc:gap-1.5 fc:px-3 fc:py-1.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:font-bold fc:text-slate-600 hover:fc:bg-slate-50 fc:transition-all",
|
|
24890
24906
|
children: [
|
|
24891
|
-
/* @__PURE__ */
|
|
24892
|
-
/* @__PURE__ */
|
|
24907
|
+
/* @__PURE__ */ jsx108(RiDownload2Line4, { size: 14 }),
|
|
24908
|
+
/* @__PURE__ */ jsx108("span", { children: "Export CSV" })
|
|
24893
24909
|
]
|
|
24894
24910
|
}
|
|
24895
24911
|
),
|
|
24896
|
-
/* @__PURE__ */
|
|
24912
|
+
/* @__PURE__ */ jsxs104(
|
|
24897
24913
|
"select",
|
|
24898
24914
|
{
|
|
24899
24915
|
value: pageSize,
|
|
@@ -24903,103 +24919,103 @@ function TrackApplicationMain() {
|
|
|
24903
24919
|
},
|
|
24904
24920
|
className: "fc:px-2.5 fc:py-1.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:outline-none fc:bg-white",
|
|
24905
24921
|
children: [
|
|
24906
|
-
/* @__PURE__ */
|
|
24907
|
-
/* @__PURE__ */
|
|
24908
|
-
/* @__PURE__ */
|
|
24922
|
+
/* @__PURE__ */ jsx108("option", { value: 5, children: "5 Rows" }),
|
|
24923
|
+
/* @__PURE__ */ jsx108("option", { value: 10, children: "10 Rows" }),
|
|
24924
|
+
/* @__PURE__ */ jsx108("option", { value: 20, children: "20 Rows" })
|
|
24909
24925
|
]
|
|
24910
24926
|
}
|
|
24911
24927
|
)
|
|
24912
24928
|
] })
|
|
24913
24929
|
] }),
|
|
24914
|
-
/* @__PURE__ */
|
|
24915
|
-
/* @__PURE__ */
|
|
24916
|
-
/* @__PURE__ */
|
|
24917
|
-
/* @__PURE__ */
|
|
24930
|
+
/* @__PURE__ */ jsx108("div", { className: "fc:overflow-x-auto fc:rounded-2xl fc:border fc:border-slate-200", children: /* @__PURE__ */ jsxs104("table", { className: "fc:w-full fc:min-w-[900px] fc:border-collapse fc:bg-white fc:text-xs", children: [
|
|
24931
|
+
/* @__PURE__ */ jsx108("thead", { className: "fc:bg-slate-50 fc:border-b fc:border-slate-200", children: /* @__PURE__ */ jsxs104("tr", { className: "fc:text-slate-500 fc:font-bold fc:text-xs", children: [
|
|
24932
|
+
/* @__PURE__ */ jsx108("th", { className: "fc:py-3 fc:px-3 fc:text-center fc:w-[5%]", children: "#" }),
|
|
24933
|
+
/* @__PURE__ */ jsx108(
|
|
24918
24934
|
"th",
|
|
24919
24935
|
{
|
|
24920
24936
|
onClick: () => handleSort("fileNumber"),
|
|
24921
24937
|
className: "fc:py-3 fc:px-3 fc:text-left fc:cursor-pointer fc:select-none fc:w-[15%] hover:fc:text-slate-900",
|
|
24922
|
-
children: /* @__PURE__ */
|
|
24923
|
-
/* @__PURE__ */
|
|
24938
|
+
children: /* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:gap-1 fc:whitespace-nowrap", children: [
|
|
24939
|
+
/* @__PURE__ */ jsx108("span", { children: "FILE NO" }),
|
|
24924
24940
|
getSortIcon("fileNumber")
|
|
24925
24941
|
] })
|
|
24926
24942
|
}
|
|
24927
24943
|
),
|
|
24928
|
-
/* @__PURE__ */
|
|
24944
|
+
/* @__PURE__ */ jsx108(
|
|
24929
24945
|
"th",
|
|
24930
24946
|
{
|
|
24931
24947
|
onClick: () => handleSort("workflowName"),
|
|
24932
24948
|
className: "fc:py-3 fc:px-3 fc:text-left fc:cursor-pointer fc:select-none fc:w-[18%] hover:fc:text-slate-900",
|
|
24933
|
-
children: /* @__PURE__ */
|
|
24934
|
-
/* @__PURE__ */
|
|
24949
|
+
children: /* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:gap-1 fc:whitespace-nowrap", children: [
|
|
24950
|
+
/* @__PURE__ */ jsx108("span", { children: "WORKFLOW" }),
|
|
24935
24951
|
getSortIcon("workflowName")
|
|
24936
24952
|
] })
|
|
24937
24953
|
}
|
|
24938
24954
|
),
|
|
24939
|
-
/* @__PURE__ */
|
|
24955
|
+
/* @__PURE__ */ jsx108(
|
|
24940
24956
|
"th",
|
|
24941
24957
|
{
|
|
24942
24958
|
onClick: () => handleSort("applicant"),
|
|
24943
24959
|
className: "fc:py-3 fc:px-3 fc:text-left fc:cursor-pointer fc:select-none fc:w-[18%] hover:fc:text-slate-900",
|
|
24944
|
-
children: /* @__PURE__ */
|
|
24945
|
-
/* @__PURE__ */
|
|
24960
|
+
children: /* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:gap-1 fc:whitespace-nowrap", children: [
|
|
24961
|
+
/* @__PURE__ */ jsx108("span", { children: "SENDER / INITIATOR" }),
|
|
24946
24962
|
getSortIcon("applicant")
|
|
24947
24963
|
] })
|
|
24948
24964
|
}
|
|
24949
24965
|
),
|
|
24950
|
-
/* @__PURE__ */
|
|
24966
|
+
/* @__PURE__ */ jsx108(
|
|
24951
24967
|
"th",
|
|
24952
24968
|
{
|
|
24953
24969
|
onClick: () => handleSort("priority"),
|
|
24954
24970
|
className: "fc:py-3 fc:px-3 fc:text-center fc:cursor-pointer fc:select-none fc:w-[10%] hover:fc:text-slate-900",
|
|
24955
|
-
children: /* @__PURE__ */
|
|
24956
|
-
/* @__PURE__ */
|
|
24971
|
+
children: /* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-1 fc:whitespace-nowrap", children: [
|
|
24972
|
+
/* @__PURE__ */ jsx108("span", { children: "PRIORITY" }),
|
|
24957
24973
|
getSortIcon("priority")
|
|
24958
24974
|
] })
|
|
24959
24975
|
}
|
|
24960
24976
|
),
|
|
24961
|
-
/* @__PURE__ */
|
|
24977
|
+
/* @__PURE__ */ jsx108(
|
|
24962
24978
|
"th",
|
|
24963
24979
|
{
|
|
24964
24980
|
onClick: () => handleSort("receivedDate"),
|
|
24965
24981
|
className: "fc:py-3 fc:px-3 fc:text-left fc:cursor-pointer fc:select-none fc:w-[14%] hover:fc:text-slate-900",
|
|
24966
|
-
children: /* @__PURE__ */
|
|
24967
|
-
/* @__PURE__ */
|
|
24982
|
+
children: /* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:gap-1 fc:whitespace-nowrap", children: [
|
|
24983
|
+
/* @__PURE__ */ jsx108("span", { children: "RECEIVED ON" }),
|
|
24968
24984
|
getSortIcon("receivedDate")
|
|
24969
24985
|
] })
|
|
24970
24986
|
}
|
|
24971
24987
|
),
|
|
24972
|
-
/* @__PURE__ */
|
|
24988
|
+
/* @__PURE__ */ jsx108(
|
|
24973
24989
|
"th",
|
|
24974
24990
|
{
|
|
24975
24991
|
onClick: () => handleSort("slaStatus"),
|
|
24976
24992
|
className: "fc:py-3 fc:px-3 fc:text-left fc:cursor-pointer fc:select-none fc:w-[12%] hover:fc:text-slate-900",
|
|
24977
|
-
children: /* @__PURE__ */
|
|
24978
|
-
/* @__PURE__ */
|
|
24993
|
+
children: /* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:gap-1 fc:whitespace-nowrap", children: [
|
|
24994
|
+
/* @__PURE__ */ jsx108("span", { children: "SLA / DUE" }),
|
|
24979
24995
|
getSortIcon("slaStatus")
|
|
24980
24996
|
] })
|
|
24981
24997
|
}
|
|
24982
24998
|
),
|
|
24983
|
-
/* @__PURE__ */
|
|
24999
|
+
/* @__PURE__ */ jsx108(
|
|
24984
25000
|
"th",
|
|
24985
25001
|
{
|
|
24986
25002
|
onClick: () => handleSort("status"),
|
|
24987
25003
|
className: "fc:py-3 fc:px-3 fc:text-center fc:cursor-pointer fc:select-none fc:w-[8%] hover:fc:text-slate-900",
|
|
24988
|
-
children: /* @__PURE__ */
|
|
24989
|
-
/* @__PURE__ */
|
|
25004
|
+
children: /* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-1 fc:whitespace-nowrap", children: [
|
|
25005
|
+
/* @__PURE__ */ jsx108("span", { children: "STATUS" }),
|
|
24990
25006
|
getSortIcon("status")
|
|
24991
25007
|
] })
|
|
24992
25008
|
}
|
|
24993
25009
|
),
|
|
24994
|
-
/* @__PURE__ */
|
|
25010
|
+
/* @__PURE__ */ jsx108("th", { className: "fc:py-3 fc:px-3 fc:text-center fc:w-[10%]", children: "ACTION" })
|
|
24995
25011
|
] }) }),
|
|
24996
|
-
/* @__PURE__ */
|
|
25012
|
+
/* @__PURE__ */ jsx108("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-slate-700", children: visibleRegistryData.length === 0 ? /* @__PURE__ */ jsx108("tr", { children: /* @__PURE__ */ jsx108("td", { colSpan: 9, className: "fc:py-8 fc:text-center fc:text-slate-400", children: "No matching applications found." }) }) : visibleRegistryData.map((item, index) => /* @__PURE__ */ jsxs104(
|
|
24997
25013
|
"tr",
|
|
24998
25014
|
{
|
|
24999
25015
|
className: "fc:transition-colors hover:fc:bg-slate-50/70",
|
|
25000
25016
|
children: [
|
|
25001
|
-
/* @__PURE__ */
|
|
25002
|
-
/* @__PURE__ */
|
|
25017
|
+
/* @__PURE__ */ jsx108("td", { className: "fc:py-3 fc:px-3 fc:text-center fc:font-medium fc:text-slate-500", children: startIndex + index + 1 }),
|
|
25018
|
+
/* @__PURE__ */ jsx108("td", { className: "fc:py-3 fc:px-3", children: /* @__PURE__ */ jsx108(
|
|
25003
25019
|
"button",
|
|
25004
25020
|
{
|
|
25005
25021
|
type: "button",
|
|
@@ -25008,33 +25024,33 @@ function TrackApplicationMain() {
|
|
|
25008
25024
|
children: item.fileNumber
|
|
25009
25025
|
}
|
|
25010
25026
|
) }),
|
|
25011
|
-
/* @__PURE__ */
|
|
25012
|
-
/* @__PURE__ */
|
|
25013
|
-
/* @__PURE__ */
|
|
25027
|
+
/* @__PURE__ */ jsx108("td", { className: "fc:py-3 fc:px-3 fc:font-semibold fc:text-slate-800", children: item.workflowName }),
|
|
25028
|
+
/* @__PURE__ */ jsx108("td", { className: "fc:py-3 fc:px-3 fc:text-slate-700", children: item.applicant }),
|
|
25029
|
+
/* @__PURE__ */ jsx108("td", { className: "fc:py-3 fc:px-3 fc:text-center", children: /* @__PURE__ */ jsx108(
|
|
25014
25030
|
"span",
|
|
25015
25031
|
{
|
|
25016
25032
|
className: `fc:inline-block fc:text-[11px] fc:font-bold fc:px-2.5 fc:py-0.5 fc:rounded-full fc:border ${item.priority === "Urgent" ? "fc:bg-red-50 fc:text-red-700 fc:border-red-200" : item.priority === "High" ? "fc:bg-amber-50 fc:text-amber-700 fc:border-amber-200" : "fc:bg-blue-50 fc:text-blue-700 fc:border-blue-200"}`,
|
|
25017
25033
|
children: item.priority
|
|
25018
25034
|
}
|
|
25019
25035
|
) }),
|
|
25020
|
-
/* @__PURE__ */
|
|
25021
|
-
/* @__PURE__ */
|
|
25036
|
+
/* @__PURE__ */ jsx108("td", { className: "fc:py-3 fc:px-3 fc:text-slate-600", children: item.receivedDate }),
|
|
25037
|
+
/* @__PURE__ */ jsx108("td", { className: "fc:py-3 fc:px-3", children: /* @__PURE__ */ jsx108(
|
|
25022
25038
|
"span",
|
|
25023
25039
|
{
|
|
25024
25040
|
className: `fc:font-bold ${item.slaStatus.includes("Critical") ? "fc:text-red-600" : "fc:text-slate-700"}`,
|
|
25025
25041
|
children: item.slaStatus
|
|
25026
25042
|
}
|
|
25027
25043
|
) }),
|
|
25028
|
-
/* @__PURE__ */
|
|
25029
|
-
/* @__PURE__ */
|
|
25044
|
+
/* @__PURE__ */ jsx108("td", { className: "fc:py-3 fc:px-3 fc:text-center", children: /* @__PURE__ */ jsx108("span", { className: "fc:text-[11px] fc:font-bold fc:text-blue-600 fc:bg-blue-50 fc:px-2 fc:py-0.5 fc:rounded-full", children: item.status }) }),
|
|
25045
|
+
/* @__PURE__ */ jsx108("td", { className: "fc:py-3 fc:px-3 fc:text-center", children: /* @__PURE__ */ jsxs104(
|
|
25030
25046
|
"button",
|
|
25031
25047
|
{
|
|
25032
25048
|
type: "button",
|
|
25033
25049
|
onClick: () => handleTrack(item.fileNumber),
|
|
25034
25050
|
className: "fc:inline-flex fc:items-center fc:gap-1 fc:px-3 fc:py-1 fc:bg-blue-600 hover:fc:bg-blue-700 fc:text-white fc:font-bold fc:text-xs fc:rounded-full fc:transition-all fc:shadow-sm",
|
|
25035
25051
|
children: [
|
|
25036
|
-
/* @__PURE__ */
|
|
25037
|
-
/* @__PURE__ */
|
|
25052
|
+
/* @__PURE__ */ jsx108(RiRouteLine2, { size: 13 }),
|
|
25053
|
+
/* @__PURE__ */ jsx108("span", { children: "Track" })
|
|
25038
25054
|
]
|
|
25039
25055
|
}
|
|
25040
25056
|
) })
|
|
@@ -25043,20 +25059,20 @@ function TrackApplicationMain() {
|
|
|
25043
25059
|
item.fileNumber
|
|
25044
25060
|
)) })
|
|
25045
25061
|
] }) }),
|
|
25046
|
-
/* @__PURE__ */
|
|
25047
|
-
/* @__PURE__ */
|
|
25062
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:justify-between fc:gap-2 fc:pt-2 fc:text-xs fc:text-slate-600 fc:flex-wrap", children: [
|
|
25063
|
+
/* @__PURE__ */ jsxs104("div", { children: [
|
|
25048
25064
|
"Showing ",
|
|
25049
|
-
/* @__PURE__ */
|
|
25065
|
+
/* @__PURE__ */ jsx108("strong", { children: filteredRegistryData.length === 0 ? 0 : startIndex + 1 }),
|
|
25050
25066
|
" to",
|
|
25051
25067
|
" ",
|
|
25052
|
-
/* @__PURE__ */
|
|
25068
|
+
/* @__PURE__ */ jsx108("strong", { children: Math.min(startIndex + pageSize, filteredRegistryData.length) }),
|
|
25053
25069
|
" of",
|
|
25054
25070
|
" ",
|
|
25055
|
-
/* @__PURE__ */
|
|
25071
|
+
/* @__PURE__ */ jsx108("strong", { children: filteredRegistryData.length }),
|
|
25056
25072
|
" entries"
|
|
25057
25073
|
] }),
|
|
25058
|
-
/* @__PURE__ */
|
|
25059
|
-
/* @__PURE__ */
|
|
25074
|
+
/* @__PURE__ */ jsxs104("div", { className: "fc:flex fc:items-center fc:gap-1.5", children: [
|
|
25075
|
+
/* @__PURE__ */ jsx108(
|
|
25060
25076
|
"button",
|
|
25061
25077
|
{
|
|
25062
25078
|
type: "button",
|
|
@@ -25066,7 +25082,7 @@ function TrackApplicationMain() {
|
|
|
25066
25082
|
children: "Previous"
|
|
25067
25083
|
}
|
|
25068
25084
|
),
|
|
25069
|
-
Array.from({ length: totalPages }, (_, i) => i + 1).map((pg) => /* @__PURE__ */
|
|
25085
|
+
Array.from({ length: totalPages }, (_, i) => i + 1).map((pg) => /* @__PURE__ */ jsx108(
|
|
25070
25086
|
"button",
|
|
25071
25087
|
{
|
|
25072
25088
|
type: "button",
|
|
@@ -25076,7 +25092,7 @@ function TrackApplicationMain() {
|
|
|
25076
25092
|
},
|
|
25077
25093
|
pg
|
|
25078
25094
|
)),
|
|
25079
|
-
/* @__PURE__ */
|
|
25095
|
+
/* @__PURE__ */ jsx108(
|
|
25080
25096
|
"button",
|
|
25081
25097
|
{
|
|
25082
25098
|
type: "button",
|
|
@@ -25091,7 +25107,7 @@ function TrackApplicationMain() {
|
|
|
25091
25107
|
] })
|
|
25092
25108
|
) })
|
|
25093
25109
|
] }),
|
|
25094
|
-
/* @__PURE__ */
|
|
25110
|
+
/* @__PURE__ */ jsx108(
|
|
25095
25111
|
TrackingSlipModal,
|
|
25096
25112
|
{
|
|
25097
25113
|
isOpen: slipModalOpen,
|
|
@@ -25103,7 +25119,7 @@ function TrackApplicationMain() {
|
|
|
25103
25119
|
}
|
|
25104
25120
|
|
|
25105
25121
|
// src/components/Sidebar.jsx
|
|
25106
|
-
import { Fragment as Fragment9, jsx as
|
|
25122
|
+
import { Fragment as Fragment9, jsx as jsx109, jsxs as jsxs105 } from "react/jsx-runtime";
|
|
25107
25123
|
function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
|
|
25108
25124
|
const router = useRouter();
|
|
25109
25125
|
const resolvedSidebarConfig = sidebar != null ? sidebar : sidebarConfig;
|
|
@@ -25187,20 +25203,20 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
|
|
|
25187
25203
|
...trackingItems,
|
|
25188
25204
|
...communicationItems
|
|
25189
25205
|
];
|
|
25190
|
-
const [activeComponent, setActiveComponent] =
|
|
25206
|
+
const [activeComponent, setActiveComponent] = useState79(() => {
|
|
25191
25207
|
const all = getAllAvailableItems();
|
|
25192
25208
|
const inboxItem = all.find((item) => item.component === "InboxMain");
|
|
25193
25209
|
if (inboxItem) return "InboxMain";
|
|
25194
25210
|
return all.length > 0 ? all[0].component : null;
|
|
25195
25211
|
});
|
|
25196
|
-
const [workflowOpen, setWorkflowOpen] =
|
|
25197
|
-
const [permissionOpen, setPermissionOpen] =
|
|
25198
|
-
const [hierarchyOpen, setHierarchyOpen] =
|
|
25199
|
-
const [documentOpen, setDocumentOpen] =
|
|
25200
|
-
const [filesOpen, setFilesOpen] =
|
|
25201
|
-
const [tasksOpen, setTasksOpen] =
|
|
25202
|
-
const [trackingOpen, setTrackingOpen] =
|
|
25203
|
-
const [communicationOpen, setCommunicationOpen] =
|
|
25212
|
+
const [workflowOpen, setWorkflowOpen] = useState79(false);
|
|
25213
|
+
const [permissionOpen, setPermissionOpen] = useState79(false);
|
|
25214
|
+
const [hierarchyOpen, setHierarchyOpen] = useState79(false);
|
|
25215
|
+
const [documentOpen, setDocumentOpen] = useState79(false);
|
|
25216
|
+
const [filesOpen, setFilesOpen] = useState79(true);
|
|
25217
|
+
const [tasksOpen, setTasksOpen] = useState79(false);
|
|
25218
|
+
const [trackingOpen, setTrackingOpen] = useState79(false);
|
|
25219
|
+
const [communicationOpen, setCommunicationOpen] = useState79(false);
|
|
25204
25220
|
useEffect58(() => {
|
|
25205
25221
|
if (workflowItems.some((item) => item.component === activeComponent)) {
|
|
25206
25222
|
setWorkflowOpen(true);
|
|
@@ -25229,7 +25245,7 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
|
|
|
25229
25245
|
}
|
|
25230
25246
|
};
|
|
25231
25247
|
const isActive = activeComponent === item.component;
|
|
25232
|
-
return /* @__PURE__ */
|
|
25248
|
+
return /* @__PURE__ */ jsxs105(
|
|
25233
25249
|
"button",
|
|
25234
25250
|
{
|
|
25235
25251
|
type: "button",
|
|
@@ -25237,15 +25253,15 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
|
|
|
25237
25253
|
title: item.name,
|
|
25238
25254
|
className: `group fc:flex flex fc:h-[36px] h-[36px] fc:w-full w-full fc:min-w-0 min-w-0 fc:items-center items-center fc:gap-[8px] gap-[8px] fc:rounded-[7px] rounded-[7px] fc:px-[8px] px-[8px] fc:text-left text-left fc:transition-all transition-all fc:duration-150 duration-150 ${isActive ? "fc:bg-blue-50 bg-blue-50 fc:text-blue-600 text-blue-600 fc:font-semibold font-semibold" : "fc:text-[#405170] text-[#405170] hover:fc:bg-[#F6F8FC] hover:bg-[#F6F8FC] hover:fc:text-[#101318] hover:text-[#101318]"}`,
|
|
25239
25255
|
children: [
|
|
25240
|
-
/* @__PURE__ */
|
|
25256
|
+
/* @__PURE__ */ jsx109(
|
|
25241
25257
|
"span",
|
|
25242
25258
|
{
|
|
25243
25259
|
className: `fc:flex flex fc:h-[18px] h-[18px] fc:w-[18px] w-[18px] fc:shrink-0 shrink-0 fc:items-center items-center fc:justify-center justify-center fc:transition-colors transition-colors ${isActive ? "fc:text-blue-600 text-blue-600" : "fc:text-[#64748B] text-[#64748B] group-hover:fc:text-[#101318] group-hover:text-[#101318]"}`,
|
|
25244
|
-
children: /* @__PURE__ */
|
|
25260
|
+
children: /* @__PURE__ */ jsx109(Icon, { size: 16 })
|
|
25245
25261
|
}
|
|
25246
25262
|
),
|
|
25247
|
-
/* @__PURE__ */
|
|
25248
|
-
item.badge != null && /* @__PURE__ */
|
|
25263
|
+
/* @__PURE__ */ jsx109("span", { className: "fc:min-w-0 min-w-0 fc:flex-1 flex-1 fc:truncate truncate fc:text-[13px] text-[13px] fc:leading-[18px] leading-[18px] fc:text-left text-left", children: item.name }),
|
|
25264
|
+
item.badge != null && /* @__PURE__ */ jsx109(
|
|
25249
25265
|
"span",
|
|
25250
25266
|
{
|
|
25251
25267
|
className: `fc:ml-auto ml-auto fc:px-2 px-2 fc:py-0.5 py-0.5 fc:rounded-full rounded-full fc:text-[11px] text-[11px] fc:font-extrabold font-extrabold ${isActive ? "fc:bg-blue-100 bg-blue-100 fc:text-blue-700 text-blue-700" : "fc:bg-slate-100 bg-slate-100 fc:text-slate-600 text-slate-600"}`,
|
|
@@ -25259,72 +25275,72 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
|
|
|
25259
25275
|
};
|
|
25260
25276
|
const renderContent = () => {
|
|
25261
25277
|
if (!hasAnyAccess) {
|
|
25262
|
-
return /* @__PURE__ */
|
|
25263
|
-
/* @__PURE__ */
|
|
25264
|
-
/* @__PURE__ */
|
|
25265
|
-
/* @__PURE__ */
|
|
25278
|
+
return /* @__PURE__ */ jsxs105("div", { className: "fc:flex fc:flex-col fc:items-center fc:justify-center fc:h-full fc:p-6 fc:text-center", children: [
|
|
25279
|
+
/* @__PURE__ */ jsx109("div", { className: "fc:bg-red-50 fc:text-red-500 fc:p-4 fc:rounded-full fc:mb-4", children: /* @__PURE__ */ jsx109(RiLockPasswordLine, { size: 32 }) }),
|
|
25280
|
+
/* @__PURE__ */ jsx109("h2", { className: "fc:text-lg fc:font-bold fc:text-[#101318] fc:mb-1", children: "Access Restricted" }),
|
|
25281
|
+
/* @__PURE__ */ jsx109("p", { className: "fc:text-sm fc:text-[#64748B] fc:max-w-md", children: "You do not have permission to access any modules or workflow sections. Please contact your administrator for access rights." })
|
|
25266
25282
|
] });
|
|
25267
25283
|
}
|
|
25268
25284
|
switch (activeComponent) {
|
|
25269
25285
|
case "InboxMain":
|
|
25270
|
-
return /* @__PURE__ */
|
|
25286
|
+
return /* @__PURE__ */ jsx109(InboxMain, { initialTab: "myFiles", initialView: "review" });
|
|
25271
25287
|
case "MyFilesMain":
|
|
25272
25288
|
case "InboxMain_myFiles":
|
|
25273
|
-
return /* @__PURE__ */
|
|
25289
|
+
return /* @__PURE__ */ jsx109(MyFilesMain, {});
|
|
25274
25290
|
case "UnclaimedFilesMain":
|
|
25275
25291
|
case "InboxMain_unclaimed":
|
|
25276
|
-
return /* @__PURE__ */
|
|
25292
|
+
return /* @__PURE__ */ jsx109(UnclaimedFilesMain, {});
|
|
25277
25293
|
case "CompletedFilesMain":
|
|
25278
25294
|
case "InboxMain_completed":
|
|
25279
|
-
return /* @__PURE__ */
|
|
25295
|
+
return /* @__PURE__ */ jsx109(CompletedFilesMain, {});
|
|
25280
25296
|
case "TrackApplicationMain":
|
|
25281
|
-
return /* @__PURE__ */
|
|
25297
|
+
return /* @__PURE__ */ jsx109(TrackApplicationMain, {});
|
|
25282
25298
|
case "module":
|
|
25283
|
-
return /* @__PURE__ */
|
|
25299
|
+
return /* @__PURE__ */ jsx109(ModuleMain, {});
|
|
25284
25300
|
case "status":
|
|
25285
|
-
return /* @__PURE__ */
|
|
25301
|
+
return /* @__PURE__ */ jsx109(StatusMain, {});
|
|
25286
25302
|
case "workflowType":
|
|
25287
|
-
return /* @__PURE__ */
|
|
25303
|
+
return /* @__PURE__ */ jsx109(WorkflowTypeMains, {});
|
|
25288
25304
|
case "workflow":
|
|
25289
|
-
return /* @__PURE__ */
|
|
25305
|
+
return /* @__PURE__ */ jsx109(Workflow, {});
|
|
25290
25306
|
case "workflowStep":
|
|
25291
|
-
return /* @__PURE__ */
|
|
25307
|
+
return /* @__PURE__ */ jsx109(WorkflowStep, {});
|
|
25292
25308
|
case "workflowTransition":
|
|
25293
|
-
return /* @__PURE__ */
|
|
25309
|
+
return /* @__PURE__ */ jsx109(WorkFlowTransition, {});
|
|
25294
25310
|
case "User_hierarchy_mapping_main":
|
|
25295
|
-
return /* @__PURE__ */
|
|
25311
|
+
return /* @__PURE__ */ jsx109(User_hierarchy_mapping_main, {});
|
|
25296
25312
|
case "Workflow_Step_Hierarchy_Mapping_Main":
|
|
25297
|
-
return /* @__PURE__ */
|
|
25313
|
+
return /* @__PURE__ */ jsx109(Workflow_Step_Hierarchy_Mapping_Main, {});
|
|
25298
25314
|
case "DocumentConfigurationmain":
|
|
25299
|
-
return /* @__PURE__ */
|
|
25315
|
+
return /* @__PURE__ */ jsx109(DocumentConfigurationmain, {});
|
|
25300
25316
|
case "step_permission_main":
|
|
25301
|
-
return /* @__PURE__ */
|
|
25317
|
+
return /* @__PURE__ */ jsx109(TaskPermissionMain, {});
|
|
25302
25318
|
case "FormFieldMain":
|
|
25303
|
-
return /* @__PURE__ */
|
|
25319
|
+
return /* @__PURE__ */ jsx109(FormFieldMain, {});
|
|
25304
25320
|
case "AssignmentRuleMain":
|
|
25305
|
-
return /* @__PURE__ */
|
|
25321
|
+
return /* @__PURE__ */ jsx109(AssignmentRuleMain, {});
|
|
25306
25322
|
case "WorkflowSettingMain":
|
|
25307
|
-
return /* @__PURE__ */
|
|
25323
|
+
return /* @__PURE__ */ jsx109(WorkflowSettingMain, {});
|
|
25308
25324
|
case "Notification_main":
|
|
25309
|
-
return /* @__PURE__ */
|
|
25325
|
+
return /* @__PURE__ */ jsx109(NotificationMain, {});
|
|
25310
25326
|
case "Comment_main":
|
|
25311
|
-
return /* @__PURE__ */
|
|
25327
|
+
return /* @__PURE__ */ jsx109(Comment_main, {});
|
|
25312
25328
|
case "HierarchyNodeMain":
|
|
25313
|
-
return /* @__PURE__ */
|
|
25329
|
+
return /* @__PURE__ */ jsx109(HierarchyNodeMain, {});
|
|
25314
25330
|
case "FileInstanceMain":
|
|
25315
|
-
return /* @__PURE__ */
|
|
25331
|
+
return /* @__PURE__ */ jsx109(FileInstance, {});
|
|
25316
25332
|
case "BusinessEntitymain":
|
|
25317
|
-
return /* @__PURE__ */
|
|
25333
|
+
return /* @__PURE__ */ jsx109(BusinessEntity, {});
|
|
25318
25334
|
case "FilePoolMain":
|
|
25319
|
-
return /* @__PURE__ */
|
|
25335
|
+
return /* @__PURE__ */ jsx109(FilePoolMain, {});
|
|
25320
25336
|
case "UploadedDocumentMain":
|
|
25321
|
-
return /* @__PURE__ */
|
|
25337
|
+
return /* @__PURE__ */ jsx109(UploadedDocumentMain, {});
|
|
25322
25338
|
case "TaskInstanceMain":
|
|
25323
|
-
return /* @__PURE__ */
|
|
25339
|
+
return /* @__PURE__ */ jsx109(Task_instance_main, {});
|
|
25324
25340
|
case "AuditLogmain":
|
|
25325
|
-
return /* @__PURE__ */
|
|
25341
|
+
return /* @__PURE__ */ jsx109(AuditLogmain, {});
|
|
25326
25342
|
case "MovementHistorymain":
|
|
25327
|
-
return /* @__PURE__ */
|
|
25343
|
+
return /* @__PURE__ */ jsx109(MovementHistorymain, {});
|
|
25328
25344
|
default:
|
|
25329
25345
|
return childrens;
|
|
25330
25346
|
}
|
|
@@ -25332,23 +25348,23 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
|
|
|
25332
25348
|
const renderDropdown = (title, open, setOpen, items, HeadingIcon) => {
|
|
25333
25349
|
if (items.length === 0) return null;
|
|
25334
25350
|
const hasActiveChild = items.some((item) => activeComponent === item.component);
|
|
25335
|
-
return /* @__PURE__ */
|
|
25336
|
-
/* @__PURE__ */
|
|
25351
|
+
return /* @__PURE__ */ jsxs105("div", { className: "fc:mb-1 mb-1", children: [
|
|
25352
|
+
/* @__PURE__ */ jsxs105(
|
|
25337
25353
|
"button",
|
|
25338
25354
|
{
|
|
25339
25355
|
type: "button",
|
|
25340
25356
|
onClick: () => setOpen(!open),
|
|
25341
25357
|
className: `fc:flex flex fc:h-[42px] h-[42px] fc:w-full w-full fc:items-center items-center fc:justify-between justify-between fc:rounded-[8px] rounded-[8px] fc:px-[10px] px-[10px] fc:text-left text-left fc:transition-colors transition-colors fc:duration-150 duration-150 hover:fc:bg-[#F6F8FC] hover:bg-[#F6F8FC] ${hasActiveChild && !open ? "fc:bg-blue-50/60 bg-blue-50/60 fc:text-blue-600 text-blue-600" : "fc:text-[#344261] text-[#344261]"}`,
|
|
25342
25358
|
children: [
|
|
25343
|
-
/* @__PURE__ */
|
|
25344
|
-
HeadingIcon && /* @__PURE__ */
|
|
25359
|
+
/* @__PURE__ */ jsxs105("div", { className: "fc:flex flex fc:items-center items-center fc:gap-[10px] gap-[10px] fc:min-w-0 min-w-0", children: [
|
|
25360
|
+
HeadingIcon && /* @__PURE__ */ jsx109(
|
|
25345
25361
|
HeadingIcon,
|
|
25346
25362
|
{
|
|
25347
25363
|
size: 18,
|
|
25348
25364
|
className: `fc:shrink-0 shrink-0 fc:transition-colors transition-colors ${hasActiveChild ? "fc:text-blue-600 text-blue-600" : "fc:text-[#405170] text-[#405170]"}`
|
|
25349
25365
|
}
|
|
25350
25366
|
),
|
|
25351
|
-
/* @__PURE__ */
|
|
25367
|
+
/* @__PURE__ */ jsx109(
|
|
25352
25368
|
"span",
|
|
25353
25369
|
{
|
|
25354
25370
|
className: `fc:text-[14px] text-[14px] fc:font-semibold font-semibold fc:truncate truncate ${hasActiveChild && !open ? "fc:text-blue-600 text-blue-600" : "fc:text-[#273657] text-[#273657]"}`,
|
|
@@ -25356,17 +25372,17 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
|
|
|
25356
25372
|
}
|
|
25357
25373
|
)
|
|
25358
25374
|
] }),
|
|
25359
|
-
/* @__PURE__ */
|
|
25375
|
+
/* @__PURE__ */ jsx109(
|
|
25360
25376
|
"span",
|
|
25361
25377
|
{
|
|
25362
25378
|
className: `fc:text-[#7E8B9E] text-[#7E8B9E] fc:shrink-0 shrink-0 fc:ml-2 ml-2 fc:transition-transform transition-transform fc:duration-200 duration-200 ${open ? "fc:rotate-90 rotate-90 fc:text-[#344261] text-[#344261]" : "rotate-0"}`,
|
|
25363
|
-
children: /* @__PURE__ */
|
|
25379
|
+
children: /* @__PURE__ */ jsx109(RiArrowRightSLine2, { size: 18 })
|
|
25364
25380
|
}
|
|
25365
25381
|
)
|
|
25366
25382
|
]
|
|
25367
25383
|
}
|
|
25368
25384
|
),
|
|
25369
|
-
/* @__PURE__ */
|
|
25385
|
+
/* @__PURE__ */ jsx109(
|
|
25370
25386
|
"div",
|
|
25371
25387
|
{
|
|
25372
25388
|
style: {
|
|
@@ -25374,7 +25390,7 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
|
|
|
25374
25390
|
gridTemplateRows: open ? "1fr" : "0fr",
|
|
25375
25391
|
transition: "grid-template-rows 220ms cubic-bezier(0.4, 0, 0.2, 1)"
|
|
25376
25392
|
},
|
|
25377
|
-
children: /* @__PURE__ */
|
|
25393
|
+
children: /* @__PURE__ */ jsx109(
|
|
25378
25394
|
"div",
|
|
25379
25395
|
{
|
|
25380
25396
|
style: {
|
|
@@ -25382,7 +25398,7 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
|
|
|
25382
25398
|
opacity: open ? 1 : 0,
|
|
25383
25399
|
transition: "opacity 180ms ease-in-out"
|
|
25384
25400
|
},
|
|
25385
|
-
children: /* @__PURE__ */
|
|
25401
|
+
children: /* @__PURE__ */ jsx109("div", { className: "fc:ml-[18px] ml-[18px] fc:mt-0.5 mt-0.5 fc:mb-1 mb-1 fc:border-l-2 border-l-2 fc:border-[#E5E9F1] border-[#E5E9F1] fc:pl-[8px] pl-[8px] fc:space-y-0.5 space-y-0.5", children: items.map(renderMenuItem) })
|
|
25386
25402
|
}
|
|
25387
25403
|
)
|
|
25388
25404
|
}
|
|
@@ -25390,14 +25406,14 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
|
|
|
25390
25406
|
] });
|
|
25391
25407
|
};
|
|
25392
25408
|
if (configObj && !hasSidebarAccess) {
|
|
25393
|
-
return /* @__PURE__ */
|
|
25394
|
-
/* @__PURE__ */
|
|
25395
|
-
/* @__PURE__ */
|
|
25396
|
-
/* @__PURE__ */
|
|
25409
|
+
return /* @__PURE__ */ jsx109("div", { className: "fc:flex fc:min-h-screen fc:w-full fc:items-center fc:justify-center fc:bg-[#F5F7FB] fc:p-6", children: /* @__PURE__ */ jsxs105("div", { className: "fc:max-w-md fc:rounded-2xl fc:border fc:border-red-200 fc:bg-red-50 fc:p-6 fc:text-center fc:shadow-sm", children: [
|
|
25410
|
+
/* @__PURE__ */ jsx109("div", { className: "fc:mb-4 fc:flex fc:justify-center", children: /* @__PURE__ */ jsx109("div", { className: "fc:flex fc:h-14 fc:w-14 fc:items-center fc:justify-center fc:rounded-full fc:bg-red-100 fc:text-red-500", children: /* @__PURE__ */ jsx109(RiLockPasswordLine, { size: 28 }) }) }),
|
|
25411
|
+
/* @__PURE__ */ jsx109("h2", { className: "fc:mb-2 fc:text-lg fc:font-bold fc:text-red-600", children: "Access Restricted" }),
|
|
25412
|
+
/* @__PURE__ */ jsx109("p", { className: "fc:text-sm fc:text-[#405170]", children: "You do not have permission to access FlowCore. Please contact your administrator." })
|
|
25397
25413
|
] }) });
|
|
25398
25414
|
}
|
|
25399
|
-
return /* @__PURE__ */
|
|
25400
|
-
/* @__PURE__ */
|
|
25415
|
+
return /* @__PURE__ */ jsxs105(Fragment9, { children: [
|
|
25416
|
+
/* @__PURE__ */ jsxs105(
|
|
25401
25417
|
"aside",
|
|
25402
25418
|
{
|
|
25403
25419
|
style: {
|
|
@@ -25409,42 +25425,42 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
|
|
|
25409
25425
|
},
|
|
25410
25426
|
className: `fc:sticky fc:top-0 fc:shrink-0 fc:flex fc:h-screen fc:flex-col fc:overflow-hidden fc:border-r fc:border-[#E5E9F1] fc:bg-white fc:font-sans fc:text-[#273657] fc:transition-all fc:duration-300 fc:ease-in-out ${isOpen ? "fc:w-[285px] fc:min-w-[285px] fc:translate-x-0 fc:opacity-100" : "fc:w-0 fc:min-w-0 fc:-translate-x-full fc:opacity-0"}`,
|
|
25411
25427
|
children: [
|
|
25412
|
-
/* @__PURE__ */
|
|
25413
|
-
/* @__PURE__ */
|
|
25414
|
-
/* @__PURE__ */
|
|
25415
|
-
/* @__PURE__ */
|
|
25416
|
-
/* @__PURE__ */
|
|
25417
|
-
/* @__PURE__ */
|
|
25418
|
-
/* @__PURE__ */
|
|
25428
|
+
/* @__PURE__ */ jsxs105("header", { className: "fc:flex fc:h-[84px] fc:items-center fc:justify-between fc:border-b fc:border-[#EDF0F5] fc:px-[14px]", children: [
|
|
25429
|
+
/* @__PURE__ */ jsxs105("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
|
|
25430
|
+
/* @__PURE__ */ jsxs105("svg", { width: "36", height: "42", viewBox: "0 0 48 56", fill: "none", children: [
|
|
25431
|
+
/* @__PURE__ */ jsx109("path", { d: "M24 2L45 12.5L24 23L3 12.5L24 2Z", fill: "#356AF3" }),
|
|
25432
|
+
/* @__PURE__ */ jsx109("path", { d: "M24 8L34 13L24 18L14 13L24 8Z", fill: "white" }),
|
|
25433
|
+
/* @__PURE__ */ jsx109("path", { d: "M3 20L24 30.5L45 20V27L24 37.5L3 27V20Z", fill: "#356AF3" }),
|
|
25434
|
+
/* @__PURE__ */ jsx109("path", { d: "M3 33L24 43.5L45 33V40L24 50.5L3 40V33Z", fill: "#356AF3" })
|
|
25419
25435
|
] }),
|
|
25420
|
-
/* @__PURE__ */
|
|
25421
|
-
/* @__PURE__ */
|
|
25422
|
-
/* @__PURE__ */
|
|
25436
|
+
/* @__PURE__ */ jsxs105("div", { children: [
|
|
25437
|
+
/* @__PURE__ */ jsx109("h1", { className: "fc:text-[18px] fc:font-extrabold fc:text-[#101318]", children: "FLOWCORE" }),
|
|
25438
|
+
/* @__PURE__ */ jsx109("p", { className: "fc:text-[12px] fc:text-[#344261]", children: "Workflow Engine" })
|
|
25423
25439
|
] })
|
|
25424
25440
|
] }),
|
|
25425
|
-
/* @__PURE__ */
|
|
25441
|
+
/* @__PURE__ */ jsx109(
|
|
25426
25442
|
"button",
|
|
25427
25443
|
{
|
|
25428
25444
|
type: "button",
|
|
25429
25445
|
onClick: onToggle,
|
|
25430
25446
|
className: "fc:flex flex fc:h-8 h-8 fc:w-8 w-8 fc:items-center items-center fc:justify-center justify-center fc:rounded-lg rounded-lg hover:fc:bg-gray-100 hover:bg-gray-100 fc:transition-colors transition-colors",
|
|
25431
|
-
children: /* @__PURE__ */
|
|
25447
|
+
children: /* @__PURE__ */ jsx109(RiMenuLine, { size: 18 })
|
|
25432
25448
|
}
|
|
25433
25449
|
)
|
|
25434
25450
|
] }),
|
|
25435
|
-
/* @__PURE__ */
|
|
25436
|
-
(workflowItems.length > 0 || permissionItems.length > 0 || hierarchyItems.length > 0 || documentItems.length > 0) && /* @__PURE__ */
|
|
25437
|
-
/* @__PURE__ */
|
|
25438
|
-
/* @__PURE__ */
|
|
25451
|
+
/* @__PURE__ */ jsxs105("div", { className: "fc:min-h-0 min-h-0 fc:flex-1 flex-1 fc:overflow-y-auto overflow-y-auto fc:overflow-x-hidden overflow-x-hidden fc:px-[12px] px-[12px] fc:pb-[24px] pb-[24px] fc:pt-[20px] pt-[20px]", children: [
|
|
25452
|
+
(workflowItems.length > 0 || permissionItems.length > 0 || hierarchyItems.length > 0 || documentItems.length > 0) && /* @__PURE__ */ jsxs105(Fragment9, { children: [
|
|
25453
|
+
/* @__PURE__ */ jsx109("p", { className: "fc:mb-[10px] mb-[10px] fc:px-[10px] px-[10px] fc:text-[12px] text-[12px] fc:font-bold font-bold fc:uppercase uppercase fc:leading-[16px] leading-[16px] fc:tracking-[0.5px] tracking-[0.5px] fc:text-[#3C4D74] text-[#3C4D74]", children: "Configuration Masters" }),
|
|
25454
|
+
/* @__PURE__ */ jsxs105("div", { className: "fc:flex flex fc:flex-col flex-col fc:gap-[2px] gap-[2px]", children: [
|
|
25439
25455
|
renderDropdown("Workflow", workflowOpen, setWorkflowOpen, workflowItems, RiNodeTree),
|
|
25440
25456
|
renderDropdown("Permissions", permissionOpen, setPermissionOpen, permissionItems, RiShieldUserLine),
|
|
25441
25457
|
renderDropdown("Documents", documentOpen, setDocumentOpen, documentItems, RiFileSettingsLine),
|
|
25442
25458
|
renderDropdown("Hierarchy", hierarchyOpen, setHierarchyOpen, hierarchyItems, RiNodeTree)
|
|
25443
25459
|
] })
|
|
25444
25460
|
] }),
|
|
25445
|
-
(fileItems.length > 0 || taskItems.length > 0 || trackingItems.length > 0 || communicationItems.length > 0) && /* @__PURE__ */
|
|
25446
|
-
/* @__PURE__ */
|
|
25447
|
-
/* @__PURE__ */
|
|
25461
|
+
(fileItems.length > 0 || taskItems.length > 0 || trackingItems.length > 0 || communicationItems.length > 0) && /* @__PURE__ */ jsxs105(Fragment9, { children: [
|
|
25462
|
+
/* @__PURE__ */ jsx109("p", { className: "fc:mb-[10px] mb-[10px] fc:px-[10px] px-[10px] fc:mt-[24px] mt-[24px] fc:text-[12px] text-[12px] fc:font-bold font-bold fc:uppercase uppercase fc:leading-[16px] leading-[16px] fc:tracking-[0.5px] tracking-[0.5px] fc:text-[#3C4D74] text-[#3C4D74]", children: "Runtime" }),
|
|
25463
|
+
/* @__PURE__ */ jsxs105("div", { className: "fc:flex flex fc:flex-col flex-col fc:gap-[2px] gap-[2px]", children: [
|
|
25448
25464
|
renderDropdown("Files", filesOpen, setFilesOpen, fileItems, RiFolder3Line),
|
|
25449
25465
|
renderDropdown("Tasks", tasksOpen, setTasksOpen, taskItems, RiCheckboxCircleLine4),
|
|
25450
25466
|
renderDropdown("Tracking", trackingOpen, setTrackingOpen, trackingItems, RiRouteLine3),
|
|
@@ -25452,21 +25468,21 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
|
|
|
25452
25468
|
] })
|
|
25453
25469
|
] })
|
|
25454
25470
|
] }),
|
|
25455
|
-
/* @__PURE__ */
|
|
25471
|
+
/* @__PURE__ */ jsx109("div", { className: "fc:shrink-0 shrink-0 fc:bg-white bg-white fc:px-[12px] px-[12px] fc:pb-[20px] pb-[20px] fc:pt-[12px] pt-[12px]", children: /* @__PURE__ */ jsxs105(
|
|
25456
25472
|
"button",
|
|
25457
25473
|
{
|
|
25458
25474
|
type: "button",
|
|
25459
25475
|
className: "fc:flex flex fc:h-[50px] h-[50px] fc:w-full w-full fc:items-center items-center fc:gap-[12px] gap-[12px] fc:rounded-[10px] rounded-[10px] fc:border border fc:border-[#E1E5ED] border-[#E1E5ED] fc:bg-white bg-white fc:px-[14px] px-[14px] fc:text-left text-left fc:text-[15px] text-[15px] fc:font-semibold font-semibold fc:text-[#2D3A58] text-[#2D3A58] fc:shadow-sm shadow-sm hover:fc:bg-[#F7F8FC] hover:bg-[#F7F8FC] fc:transition transition",
|
|
25460
25476
|
children: [
|
|
25461
|
-
/* @__PURE__ */
|
|
25462
|
-
/* @__PURE__ */
|
|
25477
|
+
/* @__PURE__ */ jsx109(RiSettings4Line2, { size: 20 }),
|
|
25478
|
+
/* @__PURE__ */ jsx109("span", { children: "Settings" })
|
|
25463
25479
|
]
|
|
25464
25480
|
}
|
|
25465
25481
|
) })
|
|
25466
25482
|
]
|
|
25467
25483
|
}
|
|
25468
25484
|
),
|
|
25469
|
-
/* @__PURE__ */
|
|
25485
|
+
/* @__PURE__ */ jsx109(
|
|
25470
25486
|
"div",
|
|
25471
25487
|
{
|
|
25472
25488
|
style: { height: "100vh", overflowY: "auto", overflowX: "hidden" },
|
|
@@ -25474,31 +25490,31 @@ function Sidebar({ isOpen, onToggle, childrens, sidebar, sidebarConfig }) {
|
|
|
25474
25490
|
children: renderContent()
|
|
25475
25491
|
}
|
|
25476
25492
|
),
|
|
25477
|
-
!isOpen && /* @__PURE__ */
|
|
25493
|
+
!isOpen && /* @__PURE__ */ jsx109(
|
|
25478
25494
|
"button",
|
|
25479
25495
|
{
|
|
25480
25496
|
type: "button",
|
|
25481
25497
|
onClick: onToggle,
|
|
25482
25498
|
"aria-label": "Open sidebar",
|
|
25483
25499
|
className: "fc:fixed fixed fc:left-[16px] left-[16px] fc:top-[30px] top-[30px] fc:z-[100] z-[100] fc:flex flex fc:h-[46px] h-[46px] fc:w-[46px] w-[46px] fc:items-center items-center fc:justify-center justify-center fc:rounded-[9px] rounded-[9px] fc:border border fc:border-[#E1E5ED] border-[#E1E5ED] fc:bg-white bg-white fc:text-[#344261] text-[#344261] fc:shadow-[0_2px_8px_rgba(0,0,0,0.08)] shadow-[0_2px_8px_rgba(0,0,0,0.08)] fc:transition-colors transition-colors hover:fc:bg-gray-100 hover:bg-gray-100",
|
|
25484
|
-
children: /* @__PURE__ */
|
|
25500
|
+
children: /* @__PURE__ */ jsx109(RiMenuLine, { size: 18 })
|
|
25485
25501
|
}
|
|
25486
25502
|
)
|
|
25487
25503
|
] });
|
|
25488
25504
|
}
|
|
25489
25505
|
|
|
25490
25506
|
// src/components/Layout.jsx
|
|
25491
|
-
import { useState as
|
|
25492
|
-
import { jsx as
|
|
25507
|
+
import { useState as useState80 } from "react";
|
|
25508
|
+
import { jsx as jsx110 } from "react/jsx-runtime";
|
|
25493
25509
|
var Layout = ({ children, sidebar, sidebarConfig }) => {
|
|
25494
|
-
const [isOpen, setIsOpen] =
|
|
25510
|
+
const [isOpen, setIsOpen] = useState80(true);
|
|
25495
25511
|
const resolvedSidebarConfig = sidebar != null ? sidebar : sidebarConfig;
|
|
25496
|
-
return /* @__PURE__ */
|
|
25512
|
+
return /* @__PURE__ */ jsx110(
|
|
25497
25513
|
"div",
|
|
25498
25514
|
{
|
|
25499
25515
|
style: { height: "100vh", overflow: "hidden" },
|
|
25500
25516
|
className: "flowcore fc:flex fc:h-screen fc:w-full fc:overflow-hidden",
|
|
25501
|
-
children: /* @__PURE__ */
|
|
25517
|
+
children: /* @__PURE__ */ jsx110(
|
|
25502
25518
|
Sidebar,
|
|
25503
25519
|
{
|
|
25504
25520
|
isOpen,
|