flowcore-fn 8.1.9 → 8.2.9
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 +13 -0
- package/dist/pkg-index.js +831 -738
- package/dist/pkg-index.mjs +717 -624
- package/package.json +1 -1
package/dist/pkg-index.js
CHANGED
|
@@ -54,8 +54,8 @@ __export(pkg_index_exports, {
|
|
|
54
54
|
module.exports = __toCommonJS(pkg_index_exports);
|
|
55
55
|
|
|
56
56
|
// src/components/Sidebar.jsx
|
|
57
|
-
var
|
|
58
|
-
var
|
|
57
|
+
var import_react40 = require("react");
|
|
58
|
+
var import_react41 = require("@remixicon/react");
|
|
59
59
|
var import_router = require("next/router");
|
|
60
60
|
|
|
61
61
|
// src/pages/WorkflowPage.js
|
|
@@ -1238,7 +1238,7 @@ function WorkflowTypeMains() {
|
|
|
1238
1238
|
}
|
|
1239
1239
|
|
|
1240
1240
|
// src/components/WorkflowStep/main.js
|
|
1241
|
-
var
|
|
1241
|
+
var import_react17 = __toESM(require("react"));
|
|
1242
1242
|
|
|
1243
1243
|
// src/components/Common/footer.js
|
|
1244
1244
|
var import_react13 = __toESM(require("react"));
|
|
@@ -1507,8 +1507,73 @@ function AddWorkflowStepModal({
|
|
|
1507
1507
|
] });
|
|
1508
1508
|
}
|
|
1509
1509
|
|
|
1510
|
-
// src/components/
|
|
1510
|
+
// src/components/Common/addbutton.js
|
|
1511
|
+
var import_lucide_react2 = require("lucide-react");
|
|
1511
1512
|
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
1513
|
+
function ActionButtons({
|
|
1514
|
+
onRefresh,
|
|
1515
|
+
onDownload
|
|
1516
|
+
}) {
|
|
1517
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "fc:flex fc:flex-row fc:items-center fc:gap-2", children: [
|
|
1518
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
1519
|
+
"button",
|
|
1520
|
+
{
|
|
1521
|
+
onClick: onRefresh,
|
|
1522
|
+
className: "fc:h-12 fc:w-12 fc:flex 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-lg fc:transition-all fc:duration-300 hover:fc:scale-110 hover:fc:rotate-6",
|
|
1523
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react2.RotateCw, { size: 22 })
|
|
1524
|
+
}
|
|
1525
|
+
),
|
|
1526
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
1527
|
+
"button",
|
|
1528
|
+
{
|
|
1529
|
+
onClick: onDownload,
|
|
1530
|
+
className: "fc:h-12 fc:w-12 fc:flex fc:items-center fc:justify-center fc:rounded-xl fc:bg-gradient-to-br fc:from-emerald-600 fc:to-green-600 fc:text-white fc:shadow-lg fc:transition-all fc:duration-300 hover:fc:scale-110 hover:fc:rotate-6",
|
|
1531
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_lucide_react2.Download, { size: 22 })
|
|
1532
|
+
}
|
|
1533
|
+
)
|
|
1534
|
+
] });
|
|
1535
|
+
}
|
|
1536
|
+
|
|
1537
|
+
// src/components/Common/refresh.js
|
|
1538
|
+
var import_react15 = require("react");
|
|
1539
|
+
function useRefresh(refreshFunction) {
|
|
1540
|
+
const handleRefresh = (0, import_react15.useCallback)(() => {
|
|
1541
|
+
if (refreshFunction) {
|
|
1542
|
+
refreshFunction();
|
|
1543
|
+
} else {
|
|
1544
|
+
window.location.reload();
|
|
1545
|
+
}
|
|
1546
|
+
}, [refreshFunction]);
|
|
1547
|
+
return handleRefresh;
|
|
1548
|
+
}
|
|
1549
|
+
|
|
1550
|
+
// src/components/Common/download.js
|
|
1551
|
+
var import_react16 = require("react");
|
|
1552
|
+
function useDownload(data, fileName = "Data") {
|
|
1553
|
+
return (0, import_react16.useCallback)(() => {
|
|
1554
|
+
if (!data || data.length === 0) return;
|
|
1555
|
+
const headers = Object.keys(data[0]);
|
|
1556
|
+
const csv = [
|
|
1557
|
+
headers.join(","),
|
|
1558
|
+
...data.map(
|
|
1559
|
+
(row) => headers.map((field) => `"${row[field]}"`).join(",")
|
|
1560
|
+
)
|
|
1561
|
+
].join("\n");
|
|
1562
|
+
const blob = new Blob([csv], {
|
|
1563
|
+
type: "text/csv;charset=utf-8;"
|
|
1564
|
+
});
|
|
1565
|
+
const url = URL.createObjectURL(blob);
|
|
1566
|
+
const link = document.createElement("a");
|
|
1567
|
+
link.href = url;
|
|
1568
|
+
link.download = `${fileName}.csv`;
|
|
1569
|
+
document.body.appendChild(link);
|
|
1570
|
+
link.click();
|
|
1571
|
+
document.body.removeChild(link);
|
|
1572
|
+
}, [data, fileName]);
|
|
1573
|
+
}
|
|
1574
|
+
|
|
1575
|
+
// src/components/WorkflowStep/main.js
|
|
1576
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
1512
1577
|
var workflowSteps = [{
|
|
1513
1578
|
workflowStepId: 1,
|
|
1514
1579
|
workflowId: 1,
|
|
@@ -1631,9 +1696,14 @@ var workflowSteps = [{
|
|
|
1631
1696
|
excludeHolidays: 1
|
|
1632
1697
|
}];
|
|
1633
1698
|
function WorkflowStep() {
|
|
1634
|
-
const
|
|
1635
|
-
const
|
|
1636
|
-
|
|
1699
|
+
const handleRefresh = useRefresh();
|
|
1700
|
+
const handleDownload = useDownload(
|
|
1701
|
+
workflowSteps,
|
|
1702
|
+
"main"
|
|
1703
|
+
);
|
|
1704
|
+
const [showModal, setShowModal] = (0, import_react17.useState)(false);
|
|
1705
|
+
const [pageSize, setPageSize] = (0, import_react17.useState)(5);
|
|
1706
|
+
const [sortConfig, setSortConfig] = (0, import_react17.useState)({
|
|
1637
1707
|
key: "",
|
|
1638
1708
|
direction: "asc"
|
|
1639
1709
|
});
|
|
@@ -1647,9 +1717,9 @@ function WorkflowStep() {
|
|
|
1647
1717
|
direction
|
|
1648
1718
|
});
|
|
1649
1719
|
};
|
|
1650
|
-
return /* @__PURE__ */ (0,
|
|
1651
|
-
/* @__PURE__ */ (0,
|
|
1652
|
-
/* @__PURE__ */ (0,
|
|
1720
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
|
|
1721
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "fc:p-5 fc:bg-[#f5f7fb] fc:min-h-screen fc:font-sans fc:text-slate-700 fc:flex fc:flex-col", children: [
|
|
1722
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CommonHeader, { title: "Workflow", breadcrumbs: [{
|
|
1653
1723
|
label: "Dashboard",
|
|
1654
1724
|
href: "/dashboard"
|
|
1655
1725
|
}, {
|
|
@@ -1659,20 +1729,29 @@ function WorkflowStep() {
|
|
|
1659
1729
|
label: "Workflow Step",
|
|
1660
1730
|
href: "/workflowStep"
|
|
1661
1731
|
}], buttonText: "Add Workflow Step", onButtonClick: () => setShowModal(true) }),
|
|
1662
|
-
/* @__PURE__ */ (0,
|
|
1663
|
-
/* @__PURE__ */ (0,
|
|
1664
|
-
/* @__PURE__ */ (0,
|
|
1665
|
-
/* @__PURE__ */ (0,
|
|
1666
|
-
/* @__PURE__ */ (0,
|
|
1732
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "fc:bg-white fc:rounded-3xl fc:shadow-sm fc:border fc:border-slate-100 fc:p-6 fc:flex fc:flex-col fc:gap-6", children: [
|
|
1733
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:flex-wrap fc:gap-3", children: [
|
|
1734
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "fc:relative fc:max-w-xs fc:w-full", children: [
|
|
1735
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "fc:absolute fc:inset-y-0 fc:left-0 fc:flex fc:items-center fc:pl-3.5 fc:pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { className: "fc:w-4 fc:h-5 fc:text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
|
|
1736
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("input", { type: "text", placeholder: "Search workflow name or code...", className: "fc:w-full fc:pl-10 fc:pr-4 fc:py-2.5 fc:shadow-md fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-[14px] fc:text-bold fc:bg-slate-50/50 focus:fc:fc:outline-none focus:fc:fc:ring-4 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:text-slate-700 fc:placeholder-slate-400 fc:transition-all" })
|
|
1667
1737
|
] }),
|
|
1668
|
-
/* @__PURE__ */ (0,
|
|
1669
|
-
/* @__PURE__ */ (0,
|
|
1670
|
-
|
|
1671
|
-
|
|
1672
|
-
|
|
1738
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:text-slate-500 fc:font-semibold", children: [
|
|
1739
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
1740
|
+
ActionButtons,
|
|
1741
|
+
{
|
|
1742
|
+
onRefresh: handleRefresh,
|
|
1743
|
+
onDownload: handleDownload
|
|
1744
|
+
}
|
|
1745
|
+
),
|
|
1746
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("select", { value: pageSize, onChange: (e) => setPageSize(Number(e.target.value)), className: "fc:inline-flex fc:items-center fc:px-4 fc:py-2 fc:rounded-xl fc:bg-white fc:text-slate-700 fc:text-[14px] fc:font-semibold fc:border fc:border-slate-200 focus:fc:fc:outline-none fc:cursor-pointer fc:shadow-md", children: [
|
|
1747
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("option", { value: 5, children: "5 Rows" }),
|
|
1748
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("option", { value: 10, children: "10 Rows" }),
|
|
1749
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("option", { value: 25, children: "25 Rows" })
|
|
1750
|
+
] })
|
|
1751
|
+
] })
|
|
1673
1752
|
] }),
|
|
1674
|
-
/* @__PURE__ */ (0,
|
|
1675
|
-
/* @__PURE__ */ (0,
|
|
1753
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "fc:border fc:border-slate-200 fc:rounded-2xl fc:overflow-hidden fc:bg-white fc:shadow-md", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "fc:max-h-[350px] fc:overflow-y-auto fc:overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("table", { className: "fc:min-w-max fc:w-full fc:border-collapse", children: [
|
|
1754
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("thead", { className: "fc:bg-slate-50 fc:sticky fc:top-0 fc:z-10", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("tr", { className: "fc:text-[11px] fc:font-bold fc:uppercase fc:tracking-wider fc:text-slate-400", children: [{
|
|
1676
1755
|
label: "WorkflowStepId",
|
|
1677
1756
|
key: "workflowStepId"
|
|
1678
1757
|
}, {
|
|
@@ -1705,42 +1784,42 @@ function WorkflowStep() {
|
|
|
1705
1784
|
}, {
|
|
1706
1785
|
label: "Exclude Holidays",
|
|
1707
1786
|
key: "excludeHolidays"
|
|
1708
|
-
}].map((column) => /* @__PURE__ */ (0,
|
|
1709
|
-
/* @__PURE__ */ (0,
|
|
1710
|
-
/* @__PURE__ */ (0,
|
|
1787
|
+
}].map((column) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("th", { onClick: () => handleSort(column.key), className: "fc:px-6 fc:py-4 fc:text-left fc:text-xs fc:font-bold fc:text-slate-500 fc:uppercase fc:tracking-wider fc:cursor-pointer fc:select-none hover:fc:fc:bg-slate-100 fc:transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-1.5", children: [
|
|
1788
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "fc:truncate", children: column.label }),
|
|
1789
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "fc:text-slate-300 fc:text-[10px]", children: sortConfig.key === column.key ? sortConfig.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195" })
|
|
1711
1790
|
] }) }, column.key)) }) }),
|
|
1712
|
-
/* @__PURE__ */ (0,
|
|
1713
|
-
/* @__PURE__ */ (0,
|
|
1714
|
-
/* @__PURE__ */ (0,
|
|
1715
|
-
/* @__PURE__ */ (0,
|
|
1716
|
-
/* @__PURE__ */ (0,
|
|
1717
|
-
/* @__PURE__ */ (0,
|
|
1718
|
-
/* @__PURE__ */ (0,
|
|
1719
|
-
/* @__PURE__ */ (0,
|
|
1720
|
-
/* @__PURE__ */ (0,
|
|
1721
|
-
/* @__PURE__ */ (0,
|
|
1722
|
-
/* @__PURE__ */ (0,
|
|
1723
|
-
/* @__PURE__ */ (0,
|
|
1791
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("tbody", { children: workflowSteps.slice(0, pageSize).map((item) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("tr", { className: "hover:fc:fc:bg-slate-50/80 fc:transition-colors fc:border-b fc:border-slate-100 last:fc:fc:border-0", children: [
|
|
1792
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.workflowStepId }),
|
|
1793
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.workflowId }),
|
|
1794
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "fc:px-2 fc:py-4 fc:text-center fc:text-[14px]", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "fc:inline-flex fc:items-center fc:px-2 fc:py-0.5 fc:rounded-md fc:bg-slate-100 fc:text-slate-600 fc:text-xs fc:font-bold fc:border fc:border-slate-200 fc:truncate", children: item.stepCode }) }),
|
|
1795
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-500 fc:font-semibold", children: item.stepName }),
|
|
1796
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.sequenceNo }),
|
|
1797
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-500 fc:font-semibold", children: item.slaType }),
|
|
1798
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.slaValue }),
|
|
1799
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.reminderBefore }),
|
|
1800
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.escalationAfter }),
|
|
1801
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.workingHoursOnly }),
|
|
1802
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.excludeHolidays })
|
|
1724
1803
|
] }, item.workflowStepId)) })
|
|
1725
1804
|
] }) }) }),
|
|
1726
|
-
/* @__PURE__ */ (0,
|
|
1805
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "fc:rounded-xl fc:bg-slate-50/50", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Footer, {}) })
|
|
1727
1806
|
] })
|
|
1728
1807
|
] }),
|
|
1729
|
-
showModal && /* @__PURE__ */ (0,
|
|
1808
|
+
showModal && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(AddWorkflowStepModal, { onClose: () => setShowModal(false) })
|
|
1730
1809
|
] });
|
|
1731
1810
|
}
|
|
1732
1811
|
|
|
1733
1812
|
// src/components/WorkFlowTransition/Transitiontable.js
|
|
1734
|
-
var
|
|
1813
|
+
var import_react19 = __toESM(require("react"));
|
|
1735
1814
|
var import_link3 = __toESM(require("next/link"));
|
|
1736
1815
|
|
|
1737
1816
|
// src/components/WorkFlowTransition/AddWorkFlowTransitionModal.js
|
|
1738
|
-
var
|
|
1739
|
-
var
|
|
1817
|
+
var import_react18 = __toESM(require("react"));
|
|
1818
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
1740
1819
|
function AddWorkTransitionStepModal({
|
|
1741
1820
|
onClose
|
|
1742
1821
|
}) {
|
|
1743
|
-
const [formData, setFormData] = (0,
|
|
1822
|
+
const [formData, setFormData] = (0, import_react18.useState)({
|
|
1744
1823
|
workflow: "",
|
|
1745
1824
|
fromStep: "",
|
|
1746
1825
|
toStep: "",
|
|
@@ -1751,7 +1830,7 @@ function AddWorkTransitionStepModal({
|
|
|
1751
1830
|
requireComment: false,
|
|
1752
1831
|
status: "active"
|
|
1753
1832
|
});
|
|
1754
|
-
const [errors, setErrors] = (0,
|
|
1833
|
+
const [errors, setErrors] = (0, import_react18.useState)({});
|
|
1755
1834
|
const validateForm = () => {
|
|
1756
1835
|
const newErrors = {};
|
|
1757
1836
|
if (!formData.workflow) newErrors.workflow = "Workflow is required.";
|
|
@@ -1763,32 +1842,32 @@ function AddWorkTransitionStepModal({
|
|
|
1763
1842
|
setErrors(newErrors);
|
|
1764
1843
|
return Object.keys(newErrors).length === 0;
|
|
1765
1844
|
};
|
|
1766
|
-
return /* @__PURE__ */ (0,
|
|
1767
|
-
/* @__PURE__ */ (0,
|
|
1768
|
-
/* @__PURE__ */ (0,
|
|
1769
|
-
/* @__PURE__ */ (0,
|
|
1770
|
-
/* @__PURE__ */ (0,
|
|
1771
|
-
/* @__PURE__ */ (0,
|
|
1772
|
-
/* @__PURE__ */ (0,
|
|
1773
|
-
/* @__PURE__ */ (0,
|
|
1774
|
-
/* @__PURE__ */ (0,
|
|
1845
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
|
|
1846
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity fc:duration-200", onClick: onClose }),
|
|
1847
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fc:relative fc:w-full fc:max-w-4xl fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:flex fc:flex-col fc:z-10 fc:max-h-[92vh] fc:overflow-hidden fc:animate-in fc:fade-in fc:zoom-in-95 fc:duration-200", children: [
|
|
1848
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-8 fc:py-6 fc:border-b fc:border-slate-100", children: [
|
|
1849
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-4", children: [
|
|
1850
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "fc:w-12 fc:h-12 fc:bg-indigo-50 fc:text-indigo-600 fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { className: "fc:w-6 fc:h-6", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" }) }) }),
|
|
1851
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
|
|
1852
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: "Add WorkflowTransition" }),
|
|
1853
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: "Create a new workflowTransition and configure its details" })
|
|
1775
1854
|
] })
|
|
1776
1855
|
] }),
|
|
1777
|
-
/* @__PURE__ */ (0,
|
|
1856
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 hover:fc:fc:bg-slate-100 fc:p-2 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
|
|
1778
1857
|
] }),
|
|
1779
|
-
/* @__PURE__ */ (0,
|
|
1780
|
-
/* @__PURE__ */ (0,
|
|
1781
|
-
/* @__PURE__ */ (0,
|
|
1782
|
-
/* @__PURE__ */ (0,
|
|
1783
|
-
/* @__PURE__ */ (0,
|
|
1858
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fc:p-8 fc:space-y-8 fc:overflow-y-auto fc:max-h-[calc(92vh-170px)] fc:bg-slate-50/30", children: [
|
|
1859
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-5", children: [
|
|
1860
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-indigo-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-3", children: [
|
|
1861
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u{1F4CB}" }),
|
|
1862
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "WorkflowTransition Information" })
|
|
1784
1863
|
] }),
|
|
1785
|
-
/* @__PURE__ */ (0,
|
|
1786
|
-
/* @__PURE__ */ (0,
|
|
1787
|
-
/* @__PURE__ */ (0,
|
|
1864
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
1865
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
|
|
1866
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
1788
1867
|
"Workflow ",
|
|
1789
|
-
/* @__PURE__ */ (0,
|
|
1868
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "fc:text-red-500", children: "*" })
|
|
1790
1869
|
] }),
|
|
1791
|
-
/* @__PURE__ */ (0,
|
|
1870
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("select", { value: formData.workflow, onChange: (e) => {
|
|
1792
1871
|
setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1793
1872
|
workflow: e.target.value
|
|
1794
1873
|
}));
|
|
@@ -1796,18 +1875,18 @@ function AddWorkTransitionStepModal({
|
|
|
1796
1875
|
workflow: ""
|
|
1797
1876
|
}));
|
|
1798
1877
|
}, className: `fc:w-full fc:p-2.5 fc:rounded-xl fc:text-xs fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500${errors.workflow ? "border border-red-500" : "border border-slate-200 text-slate-400"}`, children: [
|
|
1799
|
-
/* @__PURE__ */ (0,
|
|
1800
|
-
/* @__PURE__ */ (0,
|
|
1801
|
-
/* @__PURE__ */ (0,
|
|
1878
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "", children: "Select Workflow" }),
|
|
1879
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "building", children: "Building Permission" }),
|
|
1880
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "trade", children: "Trade License" })
|
|
1802
1881
|
] }),
|
|
1803
|
-
errors.workflow && /* @__PURE__ */ (0,
|
|
1882
|
+
errors.workflow && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.workflow })
|
|
1804
1883
|
] }),
|
|
1805
|
-
/* @__PURE__ */ (0,
|
|
1806
|
-
/* @__PURE__ */ (0,
|
|
1884
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
|
|
1885
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
1807
1886
|
"From Step ",
|
|
1808
|
-
/* @__PURE__ */ (0,
|
|
1887
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "fc:text-red-500", children: "*" })
|
|
1809
1888
|
] }),
|
|
1810
|
-
/* @__PURE__ */ (0,
|
|
1889
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("select", { value: formData.fromStep, onChange: (e) => {
|
|
1811
1890
|
setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1812
1891
|
fromStep: e.target.value
|
|
1813
1892
|
}));
|
|
@@ -1815,20 +1894,20 @@ function AddWorkTransitionStepModal({
|
|
|
1815
1894
|
fromStep: ""
|
|
1816
1895
|
}));
|
|
1817
1896
|
}, className: `fc:w-full fc:p-2.5 fc:rounded-xl fc:text-xs fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500${errors.fromStep ? "border border-red-500" : "border border-slate-200 text-slate-400"}`, children: [
|
|
1818
|
-
/* @__PURE__ */ (0,
|
|
1819
|
-
/* @__PURE__ */ (0,
|
|
1820
|
-
/* @__PURE__ */ (0,
|
|
1897
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "", children: "Select From Step" }),
|
|
1898
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "scrutiny", children: "Scrutiny" }),
|
|
1899
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "inspection", children: "Inspection" })
|
|
1821
1900
|
] }),
|
|
1822
|
-
errors.fromStep && /* @__PURE__ */ (0,
|
|
1901
|
+
errors.fromStep && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.fromStep })
|
|
1823
1902
|
] })
|
|
1824
1903
|
] }),
|
|
1825
|
-
/* @__PURE__ */ (0,
|
|
1826
|
-
/* @__PURE__ */ (0,
|
|
1827
|
-
/* @__PURE__ */ (0,
|
|
1904
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
1905
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
|
|
1906
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
1828
1907
|
"To Step ",
|
|
1829
|
-
/* @__PURE__ */ (0,
|
|
1908
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "fc:text-red-500", children: "*" })
|
|
1830
1909
|
] }),
|
|
1831
|
-
/* @__PURE__ */ (0,
|
|
1910
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("select", { value: formData.toStep, onChange: (e) => {
|
|
1832
1911
|
setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1833
1912
|
toStep: e.target.value
|
|
1834
1913
|
}));
|
|
@@ -1836,18 +1915,18 @@ function AddWorkTransitionStepModal({
|
|
|
1836
1915
|
toStep: ""
|
|
1837
1916
|
}));
|
|
1838
1917
|
}, className: `fc:w-full fc:p-2.5 fc:rounded-xl fc:text-xs fc:bg-white focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500${errors.toStep ? "border border-red-500" : "border border-slate-200 text-slate-400"}`, children: [
|
|
1839
|
-
/* @__PURE__ */ (0,
|
|
1840
|
-
/* @__PURE__ */ (0,
|
|
1841
|
-
/* @__PURE__ */ (0,
|
|
1918
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "", children: "Select To Step" }),
|
|
1919
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "approval", children: "Approval" }),
|
|
1920
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("option", { value: "completed", children: "Completed" })
|
|
1842
1921
|
] }),
|
|
1843
|
-
errors.toStep && /* @__PURE__ */ (0,
|
|
1922
|
+
errors.toStep && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.toStep })
|
|
1844
1923
|
] }),
|
|
1845
|
-
/* @__PURE__ */ (0,
|
|
1846
|
-
/* @__PURE__ */ (0,
|
|
1924
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
|
|
1925
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
1847
1926
|
"Action Code ",
|
|
1848
|
-
/* @__PURE__ */ (0,
|
|
1927
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "fc:text-red-500", children: "*" })
|
|
1849
1928
|
] }),
|
|
1850
|
-
/* @__PURE__ */ (0,
|
|
1929
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", { type: "text", placeholder: "Enter Action Code", value: formData.actionCode, onChange: (e) => {
|
|
1851
1930
|
setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1852
1931
|
actionCode: e.target.value
|
|
1853
1932
|
}));
|
|
@@ -1855,16 +1934,16 @@ function AddWorkTransitionStepModal({
|
|
|
1855
1934
|
actionCode: ""
|
|
1856
1935
|
}));
|
|
1857
1936
|
}, className: `fc:w-full fc:p-2.5 fc:rounded-xl fc:text-xs focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500 fc:text-slate-700${errors.actionCode ? "border border-red-500" : "border border-slate-200"}` }),
|
|
1858
|
-
errors.actionCode && /* @__PURE__ */ (0,
|
|
1937
|
+
errors.actionCode && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.actionCode })
|
|
1859
1938
|
] })
|
|
1860
1939
|
] }),
|
|
1861
|
-
/* @__PURE__ */ (0,
|
|
1862
|
-
/* @__PURE__ */ (0,
|
|
1863
|
-
/* @__PURE__ */ (0,
|
|
1940
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
1941
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
|
|
1942
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
1864
1943
|
"Action Name ",
|
|
1865
|
-
/* @__PURE__ */ (0,
|
|
1944
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "fc:text-red-500", children: "*" })
|
|
1866
1945
|
] }),
|
|
1867
|
-
/* @__PURE__ */ (0,
|
|
1946
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", { type: "text", placeholder: "Enter Action Name", value: formData.actionName, onChange: (e) => {
|
|
1868
1947
|
setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1869
1948
|
actionName: e.target.value
|
|
1870
1949
|
}));
|
|
@@ -1872,14 +1951,14 @@ function AddWorkTransitionStepModal({
|
|
|
1872
1951
|
actionName: ""
|
|
1873
1952
|
}));
|
|
1874
1953
|
}, className: `fc:w-full fc:p-2.5 fc:rounded-xl fc:text-xs focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500 fc:text-slate-700${errors.actionName ? "border border-red-500" : "border border-slate-200"}` }),
|
|
1875
|
-
errors.actionName && /* @__PURE__ */ (0,
|
|
1954
|
+
errors.actionName && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.actionName })
|
|
1876
1955
|
] }),
|
|
1877
|
-
/* @__PURE__ */ (0,
|
|
1878
|
-
/* @__PURE__ */ (0,
|
|
1956
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
|
|
1957
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
1879
1958
|
"Sequence No ",
|
|
1880
|
-
/* @__PURE__ */ (0,
|
|
1959
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "fc:text-red-500", children: "*" })
|
|
1881
1960
|
] }),
|
|
1882
|
-
/* @__PURE__ */ (0,
|
|
1961
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", { type: "number", placeholder: "Enter Sequence No", value: formData.sequenceNo, onChange: (e) => {
|
|
1883
1962
|
setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1884
1963
|
sequenceNo: e.target.value
|
|
1885
1964
|
}));
|
|
@@ -1887,70 +1966,70 @@ function AddWorkTransitionStepModal({
|
|
|
1887
1966
|
sequenceNo: ""
|
|
1888
1967
|
}));
|
|
1889
1968
|
}, className: `fc:w-full fc:p-2.5 fc:rounded-xl fc:text-xs focus:fc:outline-none focus:fc:ring-2 focus:fc:ring-indigo-500/10 focus:fc:border-indigo-500 fc:text-slate-700${errors.sequenceNo ? "border border-red-500" : "border border-slate-200"}` }),
|
|
1890
|
-
errors.sequenceNo && /* @__PURE__ */ (0,
|
|
1969
|
+
errors.sequenceNo && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.sequenceNo })
|
|
1891
1970
|
] })
|
|
1892
1971
|
] })
|
|
1893
1972
|
] }),
|
|
1894
|
-
/* @__PURE__ */ (0,
|
|
1895
|
-
/* @__PURE__ */ (0,
|
|
1896
|
-
/* @__PURE__ */ (0,
|
|
1897
|
-
/* @__PURE__ */ (0,
|
|
1973
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-5", children: [
|
|
1974
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-indigo-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-3", children: [
|
|
1975
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "\u2699\uFE0F" }),
|
|
1976
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: "Status & Settings" })
|
|
1898
1977
|
] }),
|
|
1899
|
-
/* @__PURE__ */ (0,
|
|
1900
|
-
/* @__PURE__ */ (0,
|
|
1901
|
-
/* @__PURE__ */ (0,
|
|
1902
|
-
/* @__PURE__ */ (0,
|
|
1903
|
-
/* @__PURE__ */ (0,
|
|
1904
|
-
/* @__PURE__ */ (0,
|
|
1905
|
-
/* @__PURE__ */ (0,
|
|
1978
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
1979
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:p-4 fc:bg-slate-50/50 fc:border fc:border-slate-100 fc:rounded-2xl", children: [
|
|
1980
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
|
|
1981
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "fc:w-8 fc:h-8 fc:rounded-lg fc:bg-indigo-50 fc:text-indigo-600 fc:flex fc:items-center fc:justify-center fc:text-sm", children: "\u{1F4CC}" }),
|
|
1982
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
|
|
1983
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "fc:text-xs fc:font-bold fc:text-slate-700", children: "Is Default" }),
|
|
1984
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400", children: "Set this action as default transition" })
|
|
1906
1985
|
] })
|
|
1907
1986
|
] }),
|
|
1908
|
-
/* @__PURE__ */ (0,
|
|
1909
|
-
/* @__PURE__ */ (0,
|
|
1987
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "fc:relative fc:inline-flex fc:items-center fc:cursor-pointer", children: [
|
|
1988
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", { type: "checkbox", checked: formData.isDefault, onChange: (e) => setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1910
1989
|
isDefault: e.target.checked
|
|
1911
1990
|
})), className: "fc:sr-only fc:peer" }),
|
|
1912
|
-
/* @__PURE__ */ (0,
|
|
1991
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "fc:w-8 fc:h-4.5 fc:bg-slate-200 peer-focus:fc:fc:outline-none fc:rounded-full fc:peer peer-checked:after:fc:fc:translate-x-full peer-checked:after:fc:fc:border-white after:fc:fc:content-[''] after:fc:fc:absolute after:fc:fc:top-[2px] after:fc:fc:left-[2px] after:fc:fc:bg-white after:fc:fc:border-slate-300 after:fc:fc:border after:fc:fc:rounded-full after:fc:fc:h-3.5 after:fc:fc:w-3.5 after:fc:fc:transition-all peer-checked:fc:fc:bg-indigo-600" })
|
|
1913
1992
|
] })
|
|
1914
1993
|
] }),
|
|
1915
|
-
/* @__PURE__ */ (0,
|
|
1916
|
-
/* @__PURE__ */ (0,
|
|
1917
|
-
/* @__PURE__ */ (0,
|
|
1918
|
-
/* @__PURE__ */ (0,
|
|
1919
|
-
/* @__PURE__ */ (0,
|
|
1920
|
-
/* @__PURE__ */ (0,
|
|
1994
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:p-4 fc:bg-slate-50/50 fc:border fc:border-slate-100 fc:rounded-2xl", children: [
|
|
1995
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
|
|
1996
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "fc:w-8 fc:h-8 fc:rounded-lg fc:bg-indigo-50 fc:text-indigo-600 fc:flex fc:items-center fc:justify-center fc:text-sm", children: "\u{1F4AC}" }),
|
|
1997
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
|
|
1998
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "fc:text-xs fc:font-bold fc:text-slate-700", children: "Require Comment" }),
|
|
1999
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400", children: "Mandatory user remarks on transition" })
|
|
1921
2000
|
] })
|
|
1922
2001
|
] }),
|
|
1923
|
-
/* @__PURE__ */ (0,
|
|
1924
|
-
/* @__PURE__ */ (0,
|
|
2002
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "fc:relative fc:inline-flex fc:items-center fc:cursor-pointer", children: [
|
|
2003
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", { type: "checkbox", checked: formData.requireComment, onChange: (e) => setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1925
2004
|
requireComment: e.target.checked
|
|
1926
2005
|
})), className: "fc:sr-only fc:peer" }),
|
|
1927
|
-
/* @__PURE__ */ (0,
|
|
2006
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "fc:w-8 fc:h-4.5 fc:bg-slate-200 peer-focus:fc:fc:outline-none fc:rounded-full fc:peer peer-checked:after:fc:fc:translate-x-full peer-checked:after:fc:fc:border-white after:fc:fc:content-[''] after:fc:fc:absolute after:fc:fc:top-[2px] after:fc:fc:left-[2px] after:fc:fc:bg-white after:fc:fc:border-slate-300 after:fc:fc:border after:fc:fc:rounded-full after:fc:fc:h-3.5 after:fc:fc:w-3.5 after:fc:fc:transition-all peer-checked:fc:fc:bg-indigo-600" })
|
|
1928
2007
|
] })
|
|
1929
2008
|
] })
|
|
1930
2009
|
] }),
|
|
1931
|
-
/* @__PURE__ */ (0,
|
|
1932
|
-
/* @__PURE__ */ (0,
|
|
1933
|
-
/* @__PURE__ */ (0,
|
|
1934
|
-
/* @__PURE__ */ (0,
|
|
1935
|
-
/* @__PURE__ */ (0,
|
|
2010
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { children: [
|
|
2011
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-3", children: "Status" }),
|
|
2012
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-6", children: [
|
|
2013
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:text-slate-700 fc:font-medium fc:cursor-pointer", children: [
|
|
2014
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", { type: "radio", name: "status", value: "active", checked: formData.status === "active", onChange: (e) => setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1936
2015
|
status: e.target.value
|
|
1937
2016
|
})), className: "fc:text-indigo-600 focus:fc:fc:ring-indigo-500" }),
|
|
1938
2017
|
"Active"
|
|
1939
2018
|
] }),
|
|
1940
|
-
/* @__PURE__ */ (0,
|
|
1941
|
-
/* @__PURE__ */ (0,
|
|
2019
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:text-slate-700 fc:font-medium fc:cursor-pointer", children: [
|
|
2020
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("input", { type: "radio", name: "status", value: "inactive", checked: formData.status === "inactive", onChange: (e) => setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1942
2021
|
status: e.target.value
|
|
1943
2022
|
})), className: "fc:text-indigo-600 focus:fc:fc:ring-indigo-500" }),
|
|
1944
2023
|
"Inactive"
|
|
1945
2024
|
] })
|
|
1946
2025
|
] }),
|
|
1947
|
-
/* @__PURE__ */ (0,
|
|
2026
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-2", children: "Only active transitions can be processed in current workflow loops" })
|
|
1948
2027
|
] })
|
|
1949
2028
|
] })
|
|
1950
2029
|
] }),
|
|
1951
|
-
/* @__PURE__ */ (0,
|
|
1952
|
-
/* @__PURE__ */ (0,
|
|
1953
|
-
/* @__PURE__ */ (0,
|
|
2030
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "fc:p-5 fc:bg-white fc:border-t fc:border-slate-100 fc:flex fc:items-center fc:justify-end fc:gap-3 fc:px-8", children: [
|
|
2031
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { onClick: onClose, className: "fc:px-6 fc:py-2.5 fc:border fc:border-slate-200 fc:text-slate-600 fc:text-xs fc:font-bold fc:rounded-xl hover:fc:fc:bg-slate-50 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u2715 Cancel" }),
|
|
2032
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("button", { type: "button", onClick: () => {
|
|
1954
2033
|
if (validateForm()) {
|
|
1955
2034
|
console.log("Form Submitted Successfully:", formData);
|
|
1956
2035
|
}
|
|
@@ -1961,7 +2040,7 @@ function AddWorkTransitionStepModal({
|
|
|
1961
2040
|
}
|
|
1962
2041
|
|
|
1963
2042
|
// src/components/WorkFlowTransition/Transitiontable.js
|
|
1964
|
-
var
|
|
2043
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
1965
2044
|
var WorkflowTransition = [{
|
|
1966
2045
|
TransitionId: 1,
|
|
1967
2046
|
workflowId: 1,
|
|
@@ -2034,9 +2113,14 @@ var WorkflowTransition = [{
|
|
|
2034
2113
|
ActionName: "RETURN"
|
|
2035
2114
|
}];
|
|
2036
2115
|
function WorkFlowTransition() {
|
|
2037
|
-
const
|
|
2038
|
-
const
|
|
2039
|
-
|
|
2116
|
+
const handleRefresh = useRefresh();
|
|
2117
|
+
const handleDownload = useDownload(
|
|
2118
|
+
WorkflowTransition,
|
|
2119
|
+
"main"
|
|
2120
|
+
);
|
|
2121
|
+
const [showModal, setShowModal] = (0, import_react19.useState)(false);
|
|
2122
|
+
const [pageSize, setPageSize] = (0, import_react19.useState)(5);
|
|
2123
|
+
const [sortConfig, setSortConfig] = (0, import_react19.useState)({
|
|
2040
2124
|
key: "",
|
|
2041
2125
|
direction: "asc"
|
|
2042
2126
|
});
|
|
@@ -2050,9 +2134,9 @@ function WorkFlowTransition() {
|
|
|
2050
2134
|
direction
|
|
2051
2135
|
});
|
|
2052
2136
|
};
|
|
2053
|
-
return /* @__PURE__ */ (0,
|
|
2054
|
-
/* @__PURE__ */ (0,
|
|
2055
|
-
/* @__PURE__ */ (0,
|
|
2137
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
|
|
2138
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fc:p-5 fc:bg-[#f5f7fb] fc:min-h-screen fc:font-sans fc:text-slate-700 fc:flex fc:flex-col", children: [
|
|
2139
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CommonHeader, { title: "WorkFlow Transition", breadcrumbs: [{
|
|
2056
2140
|
label: "Dashboard",
|
|
2057
2141
|
href: "/dashboard"
|
|
2058
2142
|
}, {
|
|
@@ -2062,21 +2146,30 @@ function WorkFlowTransition() {
|
|
|
2062
2146
|
label: "Workflow Step",
|
|
2063
2147
|
href: "/workflowTransition"
|
|
2064
2148
|
}], buttonText: "Add Workflow Transition", onButtonClick: () => setShowModal(true) }),
|
|
2065
|
-
/* @__PURE__ */ (0,
|
|
2066
|
-
/* @__PURE__ */ (0,
|
|
2067
|
-
/* @__PURE__ */ (0,
|
|
2068
|
-
/* @__PURE__ */ (0,
|
|
2069
|
-
/* @__PURE__ */ (0,
|
|
2149
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fc:bg-white fc:rounded-3xl fc:shadow-sm fc:border fc:border-slate-100 fc:p-6 fc:flex fc:flex-col fc:gap-6", children: [
|
|
2150
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:flex-wrap fc:gap-3", children: [
|
|
2151
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fc:relative fc:max-w-xs fc:w-full", children: [
|
|
2152
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "fc:absolute fc:inset-y-0 fc:left-0 fc:flex fc:items-center fc:pl-3.5 fc:pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("svg", { className: "fc:w-4 fc:h-5 fc:text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
|
|
2153
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("input", { type: "text", placeholder: "Search workflow name or code...", className: "fc:w-full fc:pl-10 fc:pr-4 fc:py-2.5 fc:shadow-md fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-[14px] fc:text-bold fc:bg-slate-50/50 focus:fc:fc:outline-none focus:fc:fc:ring-4 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:text-slate-700 fc:placeholder-slate-400 fc:transition-all" })
|
|
2070
2154
|
] }),
|
|
2071
|
-
/* @__PURE__ */ (0,
|
|
2072
|
-
/* @__PURE__ */ (0,
|
|
2073
|
-
|
|
2074
|
-
|
|
2075
|
-
|
|
2155
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:text-slate-500 fc:font-semibold", children: [
|
|
2156
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
2157
|
+
ActionButtons,
|
|
2158
|
+
{
|
|
2159
|
+
onRefresh: handleRefresh,
|
|
2160
|
+
onDownload: handleDownload
|
|
2161
|
+
}
|
|
2162
|
+
),
|
|
2163
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("select", { value: pageSize, onChange: (e) => setPageSize(Number(e.target.value)), className: "fc:inline-flex fc:items-center fc:px-4 fc:py-2 fc:rounded-xl fc:bg-white fc:text-slate-700 fc:text-[14px] fc:font-semibold fc:border fc:border-slate-200 focus:fc:fc:outline-none fc:cursor-pointer fc:shadow-md", children: [
|
|
2164
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: 5, children: "5 Rows" }),
|
|
2165
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: 10, children: "10 Rows" }),
|
|
2166
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("option", { value: 25, children: "25 Rows" })
|
|
2167
|
+
] })
|
|
2168
|
+
] })
|
|
2076
2169
|
] }),
|
|
2077
|
-
/* @__PURE__ */ (0,
|
|
2078
|
-
/* @__PURE__ */ (0,
|
|
2079
|
-
/* @__PURE__ */ (0,
|
|
2170
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fc:border fc:border-slate-200 fc:rounded-2xl fc:overflow-hidden fc:bg-white fc:shadow-md", children: [
|
|
2171
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fc:max-h-[350px] fc:overflow-y-auto fc:overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("table", { className: "fc:min-w-max fc:w-full fc:border-collapse", children: [
|
|
2172
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("thead", { className: "fc:bg-slate-50 fc:sticky fc:top-0 fc:z-10", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tr", { className: "fc:text-[11px] fc:font-bold fc:uppercase fc:tracking-wider fc:text-slate-400", children: [{
|
|
2080
2173
|
label: "TransitionId",
|
|
2081
2174
|
key: "TransitionId"
|
|
2082
2175
|
}, {
|
|
@@ -2094,144 +2187,144 @@ function WorkFlowTransition() {
|
|
|
2094
2187
|
}, {
|
|
2095
2188
|
label: "ActionName",
|
|
2096
2189
|
key: "ActionName"
|
|
2097
|
-
}].map((column) => /* @__PURE__ */ (0,
|
|
2098
|
-
/* @__PURE__ */ (0,
|
|
2099
|
-
/* @__PURE__ */ (0,
|
|
2190
|
+
}].map((column) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("th", { onClick: () => handleSort(column.key), className: "fc:px-6 fc:py-4 fc:text-left fc:text-xs fc:font-bold fc:text-slate-500 fc:uppercase fc:tracking-wider fc:cursor-pointer fc:select-none hover:fc:fc:bg-slate-100 fc:transition-colors", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
|
|
2191
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: column.label }),
|
|
2192
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "fc:text-gray-400 fc:text-xs", children: sortConfig.key === column.key ? sortConfig.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195" })
|
|
2100
2193
|
] }) }, column.key)) }) }),
|
|
2101
|
-
/* @__PURE__ */ (0,
|
|
2102
|
-
/* @__PURE__ */ (0,
|
|
2103
|
-
/* @__PURE__ */ (0,
|
|
2104
|
-
/* @__PURE__ */ (0,
|
|
2105
|
-
/* @__PURE__ */ (0,
|
|
2106
|
-
/* @__PURE__ */ (0,
|
|
2107
|
-
/* @__PURE__ */ (0,
|
|
2194
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("tbody", { children: WorkflowTransition.slice(0, pageSize).map((item) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("tr", { className: "hover:fc:fc:bg-slate-50/80 fc:transition-colors fc:border-b fc:border-slate-100 last:fc:fc:border-0", children: [
|
|
2195
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("td", { className: "fc:px-6 fc:p-4 fc:text-center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.TransitionId }),
|
|
2196
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.workflowId }),
|
|
2197
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.FromStepId }),
|
|
2198
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-align fc:center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.ToStepId }),
|
|
2199
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: `fc:inline-flex fc:items-center fc:rounded-full fc:px-3 fc:py-1 fc:text-xs fc:font-semibold${item.ActionCode === "APPROVE" ? "bg-green-100 text-green-700" : "bg-red-100 text-red-700"}`, children: item.ActionCode }) }),
|
|
2200
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: `fc:inline-flex fc:items-center fc:rounded-full fc:px-3 fc:py-1 fc:text-xs fc:font-semibold${item.ActionName === "APPROVE" ? "bg-green-100 text-green-700" : "bg-red-100 text-red-700"}`, children: item.ActionName }) })
|
|
2108
2201
|
] }, item.TransitionId)) })
|
|
2109
2202
|
] }) }),
|
|
2110
2203
|
" "
|
|
2111
2204
|
] }),
|
|
2112
|
-
/* @__PURE__ */ (0,
|
|
2113
|
-
/* @__PURE__ */ (0,
|
|
2205
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "fc:rounded-xl fc:bg-slate-50/50", children: [
|
|
2206
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Footer, {}),
|
|
2114
2207
|
" "
|
|
2115
2208
|
] })
|
|
2116
2209
|
] })
|
|
2117
2210
|
] }),
|
|
2118
|
-
showModal && /* @__PURE__ */ (0,
|
|
2211
|
+
showModal && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(AddWorkTransitionStepModal, { onClose: () => setShowModal(false) }),
|
|
2119
2212
|
" "
|
|
2120
2213
|
] });
|
|
2121
2214
|
}
|
|
2122
2215
|
|
|
2123
2216
|
// src/components/user-hierarchy-node-mapping/user_hierarchy_mapping_main.jsx
|
|
2124
|
-
var
|
|
2217
|
+
var import_react25 = __toESM(require("react"));
|
|
2125
2218
|
|
|
2126
2219
|
// src/components/user-hierarchy-node-mapping/adduserhierarchynode.jsx
|
|
2127
|
-
var
|
|
2128
|
-
var
|
|
2220
|
+
var import_react20 = __toESM(require("react"));
|
|
2221
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
2129
2222
|
function AddUserHierarchyNodeMappingModal({
|
|
2130
2223
|
isOpen,
|
|
2131
2224
|
onClose
|
|
2132
2225
|
}) {
|
|
2133
2226
|
if (!isOpen) return null;
|
|
2134
|
-
return /* @__PURE__ */ (0,
|
|
2135
|
-
/* @__PURE__ */ (0,
|
|
2136
|
-
/* @__PURE__ */ (0,
|
|
2137
|
-
/* @__PURE__ */ (0,
|
|
2138
|
-
/* @__PURE__ */ (0,
|
|
2139
|
-
/* @__PURE__ */ (0,
|
|
2140
|
-
/* @__PURE__ */ (0,
|
|
2141
|
-
/* @__PURE__ */ (0,
|
|
2142
|
-
/* @__PURE__ */ (0,
|
|
2227
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
|
|
2228
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity fc:duration-200", onClick: onClose }),
|
|
2229
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc:relative fc:w-full fc:max-w-4xl fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:flex fc:flex-col fc:z-10 fc:max-h-[92vh] fc:overflow-hidden fc:animate-in fc:fade-in fc:zoom-in-95 fc:duration-200", children: [
|
|
2230
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-8 fc:py-6 fc:border-b fc:border-slate-100", children: [
|
|
2231
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-4", children: [
|
|
2232
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "fc:w-12 fc:h-12 fc:bg-indigo-50 fc:text-indigo-600 fc:rounded-xl fc:flex fc:items-center fc:justify-center fc:shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("svg", { className: "fc:w-6 fc:h-6", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" }) }) }),
|
|
2233
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
|
|
2234
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: "Add User Hierarchy Node Mapping" }),
|
|
2235
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: "Map a consumer user to a hierarchy node" })
|
|
2143
2236
|
] })
|
|
2144
2237
|
] }),
|
|
2145
|
-
/* @__PURE__ */ (0,
|
|
2238
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 hover:fc:fc:bg-slate-100 fc:p-2 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
|
|
2146
2239
|
] }),
|
|
2147
|
-
/* @__PURE__ */ (0,
|
|
2148
|
-
/* @__PURE__ */ (0,
|
|
2149
|
-
/* @__PURE__ */ (0,
|
|
2150
|
-
/* @__PURE__ */ (0,
|
|
2151
|
-
/* @__PURE__ */ (0,
|
|
2240
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc:p-8 fc:space-y-8 fc:overflow-y-auto fc:max-h-[calc(92vh-170px)] fc:bg-slate-50/30", children: [
|
|
2241
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-5", children: [
|
|
2242
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-indigo-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-3", children: [
|
|
2243
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "\u{1F4CB}" }),
|
|
2244
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "Mapping Information" })
|
|
2152
2245
|
] }),
|
|
2153
|
-
/* @__PURE__ */ (0,
|
|
2154
|
-
/* @__PURE__ */ (0,
|
|
2155
|
-
/* @__PURE__ */ (0,
|
|
2246
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
2247
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
|
|
2248
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
2156
2249
|
"Mapping ID ",
|
|
2157
|
-
/* @__PURE__ */ (0,
|
|
2250
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "fc:text-red-500", children: "*" })
|
|
2158
2251
|
] }),
|
|
2159
|
-
/* @__PURE__ */ (0,
|
|
2160
|
-
/* @__PURE__ */ (0,
|
|
2252
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", { type: "text", placeholder: "Enter mapping ID", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 fc:bg-white focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
|
|
2253
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the unique mapping ID" })
|
|
2161
2254
|
] }),
|
|
2162
|
-
/* @__PURE__ */ (0,
|
|
2163
|
-
/* @__PURE__ */ (0,
|
|
2255
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
|
|
2256
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
2164
2257
|
"External User ID ",
|
|
2165
|
-
/* @__PURE__ */ (0,
|
|
2258
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "fc:text-red-500", children: "*" })
|
|
2166
2259
|
] }),
|
|
2167
|
-
/* @__PURE__ */ (0,
|
|
2168
|
-
/* @__PURE__ */ (0,
|
|
2260
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", { type: "text", placeholder: "Enter external user ID", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 fc:bg-white focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
|
|
2261
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the consumer user ID" })
|
|
2169
2262
|
] })
|
|
2170
2263
|
] }),
|
|
2171
|
-
/* @__PURE__ */ (0,
|
|
2172
|
-
/* @__PURE__ */ (0,
|
|
2264
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
|
|
2265
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
2173
2266
|
"Hierarchy Node ID ",
|
|
2174
|
-
/* @__PURE__ */ (0,
|
|
2267
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "fc:text-red-500", children: "*" })
|
|
2175
2268
|
] }),
|
|
2176
|
-
/* @__PURE__ */ (0,
|
|
2177
|
-
/* @__PURE__ */ (0,
|
|
2269
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", { type: "text", placeholder: "Enter hierarchy node ID", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
|
|
2270
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the hierarchy node assigned to the user" })
|
|
2178
2271
|
] }),
|
|
2179
|
-
/* @__PURE__ */ (0,
|
|
2180
|
-
/* @__PURE__ */ (0,
|
|
2181
|
-
/* @__PURE__ */ (0,
|
|
2272
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
2273
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
|
|
2274
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
2182
2275
|
"Role Code ",
|
|
2183
|
-
/* @__PURE__ */ (0,
|
|
2276
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "fc:text-red-500", children: "*" })
|
|
2184
2277
|
] }),
|
|
2185
|
-
/* @__PURE__ */ (0,
|
|
2186
|
-
/* @__PURE__ */ (0,
|
|
2278
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", { type: "text", placeholder: "Enter role code", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
|
|
2279
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the user role code, for example DEO or RO" })
|
|
2187
2280
|
] }),
|
|
2188
|
-
/* @__PURE__ */ (0,
|
|
2189
|
-
/* @__PURE__ */ (0,
|
|
2281
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
|
|
2282
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
2190
2283
|
"Is Primary ",
|
|
2191
|
-
/* @__PURE__ */ (0,
|
|
2284
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "fc:text-red-500", children: "*" })
|
|
2192
2285
|
] }),
|
|
2193
|
-
/* @__PURE__ */ (0,
|
|
2194
|
-
/* @__PURE__ */ (0,
|
|
2195
|
-
/* @__PURE__ */ (0,
|
|
2196
|
-
/* @__PURE__ */ (0,
|
|
2286
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("select", { className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500", children: [
|
|
2287
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "", children: "Select primary status" }),
|
|
2288
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "true", children: "Yes" }),
|
|
2289
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("option", { value: "false", children: "No" })
|
|
2197
2290
|
] }),
|
|
2198
|
-
/* @__PURE__ */ (0,
|
|
2291
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Select whether this is the primary hierarchy mapping" })
|
|
2199
2292
|
] })
|
|
2200
2293
|
] })
|
|
2201
2294
|
] }),
|
|
2202
|
-
/* @__PURE__ */ (0,
|
|
2203
|
-
/* @__PURE__ */ (0,
|
|
2204
|
-
/* @__PURE__ */ (0,
|
|
2205
|
-
/* @__PURE__ */ (0,
|
|
2295
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-100/80 fc:shadow-sm fc:space-y-5", children: [
|
|
2296
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-indigo-600 fc:text-sm fc:font-bold fc:border-b fc:border-slate-50 fc:pb-3", children: [
|
|
2297
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "\u{1F4C5}" }),
|
|
2298
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: "Effective Dates" })
|
|
2206
2299
|
] }),
|
|
2207
|
-
/* @__PURE__ */ (0,
|
|
2208
|
-
/* @__PURE__ */ (0,
|
|
2209
|
-
/* @__PURE__ */ (0,
|
|
2300
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
2301
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
|
|
2302
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
2210
2303
|
"Effective From ",
|
|
2211
|
-
/* @__PURE__ */ (0,
|
|
2304
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "fc:text-red-500", children: "*" })
|
|
2212
2305
|
] }),
|
|
2213
|
-
/* @__PURE__ */ (0,
|
|
2214
|
-
/* @__PURE__ */ (0,
|
|
2306
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", { type: "date", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
|
|
2307
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Select the date from which this mapping is effective" })
|
|
2215
2308
|
] }),
|
|
2216
|
-
/* @__PURE__ */ (0,
|
|
2217
|
-
/* @__PURE__ */ (0,
|
|
2218
|
-
/* @__PURE__ */ (0,
|
|
2219
|
-
/* @__PURE__ */ (0,
|
|
2309
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
|
|
2310
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: "Effective To" }),
|
|
2311
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("input", { type: "date", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:text-slate-700 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-indigo-500/10 focus:fc:fc:border-indigo-500" }),
|
|
2312
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Select the date until which this mapping is effective" })
|
|
2220
2313
|
] })
|
|
2221
2314
|
] })
|
|
2222
2315
|
] })
|
|
2223
2316
|
] }),
|
|
2224
|
-
/* @__PURE__ */ (0,
|
|
2225
|
-
/* @__PURE__ */ (0,
|
|
2226
|
-
/* @__PURE__ */ (0,
|
|
2317
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "fc:p-5 fc:bg-white fc:border-t fc:border-slate-100 fc:flex fc:items-center fc:justify-end fc:gap-3 fc:px-8", children: [
|
|
2318
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { onClick: onClose, className: "fc:px-6 fc:py-2.5 fc:border fc:border-slate-200 fc:text-slate-600 fc:text-xs fc:font-bold fc:rounded-xl hover:fc:fc:bg-slate-50 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u2715 Cancel" }),
|
|
2319
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("button", { type: "button", className: "fc:px-6 fc:py-2.5 fc:bg-indigo-600 hover:fc:fc:bg-indigo-700 fc:text-white fc:text-xs fc:font-bold fc:rounded-xl fc:shadow-md fc:shadow-indigo-500/10 fc:transition-all fc:flex fc:items-center fc:gap-1.5", children: "\u{1F4BE} Save Mapping" })
|
|
2227
2320
|
] })
|
|
2228
2321
|
] })
|
|
2229
2322
|
] });
|
|
2230
2323
|
}
|
|
2231
2324
|
|
|
2232
2325
|
// src/components/user-hierarchy-node-mapping/searchbar.jsx
|
|
2233
|
-
var
|
|
2234
|
-
var
|
|
2326
|
+
var import_react21 = __toESM(require("react"));
|
|
2327
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
2235
2328
|
function MappingSearchBar({
|
|
2236
2329
|
searchQuery,
|
|
2237
2330
|
setSearchQuery,
|
|
@@ -2243,10 +2336,10 @@ function MappingSearchBar({
|
|
|
2243
2336
|
setCurrentPage(1);
|
|
2244
2337
|
}
|
|
2245
2338
|
};
|
|
2246
|
-
return /* @__PURE__ */ (0,
|
|
2247
|
-
/* @__PURE__ */ (0,
|
|
2248
|
-
/* @__PURE__ */ (0,
|
|
2249
|
-
searchQuery && /* @__PURE__ */ (0,
|
|
2339
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "fc:relative fc:w-full", children: [
|
|
2340
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "fc:absolute fc:inset-y-0 fc:left-0 fc:pl-3 fc:flex fc:items-center fc:pointer-events-none fc:text-slate-400", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("svg", { className: "fc:w-4 fc:h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
|
|
2341
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("input", { type: "text", value: searchQuery || "", onChange: handleChange, placeholder: "Search mappings...", className: "fc:w-full fc:pl-9 fc:pr-4 fc:py-2 fc:bg-white fc:border fc:border-slate-200 fc:rounded-xl fc:text-sm fc:text-slate-800 fc:placeholder-slate-400 fc:outline-none focus:fc:fc:border-blue-500 focus:fc:fc:ring-1 focus:fc:fc:ring-blue-500 fc:transition-all fc:shadow-sm" }),
|
|
2342
|
+
searchQuery && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { onClick: () => {
|
|
2250
2343
|
setSearchQuery("");
|
|
2251
2344
|
if (setCurrentPage) setCurrentPage(1);
|
|
2252
2345
|
}, className: "fc:absolute fc:inset-y-0 fc:right-0 fc:pr-3 fc:flex fc:items-center fc:text-slate-400 hover:fc:fc:text-slate-600", children: "\u2715" })
|
|
@@ -2254,8 +2347,8 @@ function MappingSearchBar({
|
|
|
2254
2347
|
}
|
|
2255
2348
|
|
|
2256
2349
|
// src/components/user-hierarchy-node-mapping/userhierarchynodetable.jsx
|
|
2257
|
-
var
|
|
2258
|
-
var
|
|
2350
|
+
var import_react22 = __toESM(require("react"));
|
|
2351
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
2259
2352
|
function UserHierarchyNodeMappingTable({
|
|
2260
2353
|
pageSize,
|
|
2261
2354
|
searchQuery = "",
|
|
@@ -2514,9 +2607,9 @@ function UserHierarchyNodeMappingTable({
|
|
|
2514
2607
|
effectiveTo: "",
|
|
2515
2608
|
status: true
|
|
2516
2609
|
}];
|
|
2517
|
-
const [data, setData] = (0,
|
|
2518
|
-
const [sortOrder, setSortOrder] = (0,
|
|
2519
|
-
const [sortKey, setSortKey] = (0,
|
|
2610
|
+
const [data, setData] = (0, import_react22.useState)(initialData);
|
|
2611
|
+
const [sortOrder, setSortOrder] = (0, import_react22.useState)("asc");
|
|
2612
|
+
const [sortKey, setSortKey] = (0, import_react22.useState)("mappingId");
|
|
2520
2613
|
const handleSort = (columnKey) => {
|
|
2521
2614
|
const isAsc = sortKey === columnKey && sortOrder === "asc";
|
|
2522
2615
|
setSortOrder(isAsc ? "desc" : "asc");
|
|
@@ -2532,7 +2625,7 @@ function UserHierarchyNodeMappingTable({
|
|
|
2532
2625
|
const query = (searchQuery || "").toLowerCase();
|
|
2533
2626
|
return String(item.mappingId).toLowerCase().includes(query) || String(item.externalUserId).toLowerCase().includes(query) || String(item.hierarchyNodeId).toLowerCase().includes(query) || item.roleCode.toLowerCase().includes(query);
|
|
2534
2627
|
});
|
|
2535
|
-
(0,
|
|
2628
|
+
(0, import_react22.useEffect)(() => {
|
|
2536
2629
|
if (setTotalEntries) setTotalEntries(filteredData.length);
|
|
2537
2630
|
}, [filteredData.length, setTotalEntries]);
|
|
2538
2631
|
const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
|
|
@@ -2546,78 +2639,78 @@ function UserHierarchyNodeMappingTable({
|
|
|
2546
2639
|
status: !item.status
|
|
2547
2640
|
}) : item));
|
|
2548
2641
|
};
|
|
2549
|
-
return /* @__PURE__ */ (0,
|
|
2550
|
-
/* @__PURE__ */ (0,
|
|
2551
|
-
/* @__PURE__ */ (0,
|
|
2552
|
-
/* @__PURE__ */ (0,
|
|
2553
|
-
/* @__PURE__ */ (0,
|
|
2642
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "fc:space-y-5", children: [
|
|
2643
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "fc:w-full fc:overflow-x-hidden fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm fc:max-h-[420px] fc:overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-fixed", children: [
|
|
2644
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("thead", { className: "fc:sticky fc:top-0 fc:z-10 fc:bg-slate-50 fc:shadow-[0_1px_0_0_rgba(226,232,240,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("tr", { className: "fc:text-xs fc:font-bold fc:uppercase fc:tracking-wider fc:text-slate-500", children: [
|
|
2645
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("th", { className: "fc:py-4 fc:px-3 fc:w-16 fc:text-center fc:bg-slate-50", children: "S.NO" }),
|
|
2646
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("th", { onClick: () => handleSort("mappingId"), className: "fc:py-4 fc:px-3 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
|
|
2554
2647
|
"MAPPING ID",
|
|
2555
2648
|
" ",
|
|
2556
2649
|
sortKey === "mappingId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
2557
2650
|
] }),
|
|
2558
|
-
/* @__PURE__ */ (0,
|
|
2651
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("th", { onClick: () => handleSort("externalUserId"), className: "fc:py-4 fc:px-3 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:text-center fc:break-words", children: [
|
|
2559
2652
|
"EXTERNAL USER ID",
|
|
2560
2653
|
" ",
|
|
2561
2654
|
sortKey === "externalUserId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
2562
2655
|
] }),
|
|
2563
|
-
/* @__PURE__ */ (0,
|
|
2656
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("th", { onClick: () => handleSort("hierarchyNodeId"), className: "fc:py-4 fc:px-3 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:text-center fc:break-words", children: [
|
|
2564
2657
|
"HIERARCHY NODE ID",
|
|
2565
2658
|
" ",
|
|
2566
2659
|
sortKey === "hierarchyNodeId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
2567
2660
|
] }),
|
|
2568
|
-
/* @__PURE__ */ (0,
|
|
2661
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("th", { onClick: () => handleSort("roleCode"), className: "fc:py-4 fc:px-3 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
|
|
2569
2662
|
"ROLE CODE",
|
|
2570
2663
|
" ",
|
|
2571
2664
|
sortKey === "roleCode" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
2572
2665
|
] }),
|
|
2573
|
-
/* @__PURE__ */ (0,
|
|
2574
|
-
/* @__PURE__ */ (0,
|
|
2575
|
-
/* @__PURE__ */ (0,
|
|
2576
|
-
/* @__PURE__ */ (0,
|
|
2666
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("th", { className: "fc:py-4 fc:px-3 fc:text-sm fc:bg-slate-50 fc:whitespace-nowrap fc:text-center", children: "IS PRIMARY" }),
|
|
2667
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("th", { className: "fc:py-4 fc:px-3 fc:text-sm fc:bg-slate-50 fc:break-words fc:text-center", children: "EFFECTIVE FROM" }),
|
|
2668
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("th", { className: "fc:py-4 fc:px-3 fc:text-sm fc:bg-slate-50 fc:break-words fc:text-center", children: "EFFECTIVE TO" }),
|
|
2669
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50 fc:text-center fc:whitespace-nowrap", children: "STATUS" })
|
|
2577
2670
|
] }) }),
|
|
2578
|
-
/* @__PURE__ */ (0,
|
|
2579
|
-
/* @__PURE__ */ (0,
|
|
2580
|
-
/* @__PURE__ */ (0,
|
|
2581
|
-
/* @__PURE__ */ (0,
|
|
2582
|
-
/* @__PURE__ */ (0,
|
|
2583
|
-
/* @__PURE__ */ (0,
|
|
2584
|
-
/* @__PURE__ */ (0,
|
|
2585
|
-
/* @__PURE__ */ (0,
|
|
2586
|
-
/* @__PURE__ */ (0,
|
|
2587
|
-
/* @__PURE__ */ (0,
|
|
2671
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
|
|
2672
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "fc:py-4 fc:px-4 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
|
|
2673
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-900 fc:text-[14px] fc:whitespace-nowrap", children: item.mappingId }),
|
|
2674
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-mono fc:text-xs fc:whitespace-nowrap", children: item.externalUserId }),
|
|
2675
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-600 fc:font-medium fc:whitespace-nowrap", children: item.hierarchyNodeId }),
|
|
2676
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-800 fc:text-center fc:whitespace-nowrap", children: item.roleCode }),
|
|
2677
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: `fc:px-2 fc:py-0.5 fc:text-xs fc:font-semibold fc:rounded${item.isPrimary ? "bg-emerald-50 text-emerald-600 border border-emerald-200" : "bg-rose-50 text-rose-600 border border-rose-200"}`, children: item.isPrimary ? "\u2713 Yes" : "\u2715 No" }) }),
|
|
2678
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: item.effectiveFrom }),
|
|
2679
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: item.effectiveTo }),
|
|
2680
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { onClick: () => toggleStatus(item.id), className: `fc:relative fc:inline-flex fc:h-5.5 fc:w-10 fc:shrink-0 fc:cursor-pointer fc:rounded-full fc:border-2 fc:border-transparent fc:transition-colors fc:duration-200 fc:ease-in-out fc:outline-none${item.status ? "bg-blue-600" : "bg-slate-200"}`, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: `fc:pointer-events-none fc:inline-block fc:h-4.5 fc:w-4.5 fc:transform fc:rounded-full fc:bg-white fc:shadow fc:ring-0 fc:transition fc:duration-200 fc:ease-in-out${item.status ? "translate-x-4.5" : "translate-x-0"}` }) }) })
|
|
2588
2681
|
] }, item.id)) })
|
|
2589
2682
|
] }) }),
|
|
2590
|
-
/* @__PURE__ */ (0,
|
|
2591
|
-
/* @__PURE__ */ (0,
|
|
2592
|
-
pageNumbers.map((pageNumber) => /* @__PURE__ */ (0,
|
|
2593
|
-
/* @__PURE__ */ (0,
|
|
2683
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-end fc:gap-1 fc:text-[13px] fc:text-slate-700 fc:font-normal fc:mt-4 fc:bg-slate-50/50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
|
|
2684
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), disabled: currentPage === 1, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:mr-2 disabled:fc:fc:opacity-40", children: "\u2039 Prev" }),
|
|
2685
|
+
pageNumbers.map((pageNumber) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { onClick: () => setCurrentPage(pageNumber), className: `fc:px-3 fc:py-1 fc:text-center fc:rounded fc:transition-all fc:min-w-[28px]${currentPage === pageNumber ? "bg-blue-600 text-white font-medium shadow-sm" : "text-slate-600 hover:bg-slate-100"}`, children: pageNumber }, pageNumber)),
|
|
2686
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)), disabled: currentPage === totalPages, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:ml-2 disabled:fc:fc:opacity-40", children: "Next \u203A" })
|
|
2594
2687
|
] })
|
|
2595
2688
|
] });
|
|
2596
2689
|
}
|
|
2597
2690
|
|
|
2598
2691
|
// src/components/user-hierarchy-node-mapping/edit-mapping.jsx
|
|
2599
|
-
var
|
|
2600
|
-
var
|
|
2692
|
+
var import_react23 = __toESM(require("react"));
|
|
2693
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
2601
2694
|
|
|
2602
2695
|
// src/components/user-hierarchy-node-mapping/delete-mapping.jsx
|
|
2603
|
-
var
|
|
2604
|
-
var
|
|
2696
|
+
var import_react24 = __toESM(require("react"));
|
|
2697
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
2605
2698
|
|
|
2606
2699
|
// src/components/user-hierarchy-node-mapping/user_hierarchy_mapping_main.jsx
|
|
2607
|
-
var
|
|
2700
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
2608
2701
|
function User_hierarchy_mapping_main() {
|
|
2609
|
-
const [modalOpen, setModalOpen] = (0,
|
|
2610
|
-
const [pageSize, setPageSize] = (0,
|
|
2611
|
-
const [searchQuery, setSearchQuery] = (0,
|
|
2612
|
-
const [currentPage, setCurrentPage] = (0,
|
|
2613
|
-
const [totalEntries, setTotalEntries] = (0,
|
|
2702
|
+
const [modalOpen, setModalOpen] = (0, import_react25.useState)(false);
|
|
2703
|
+
const [pageSize, setPageSize] = (0, import_react25.useState)(10);
|
|
2704
|
+
const [searchQuery, setSearchQuery] = (0, import_react25.useState)("");
|
|
2705
|
+
const [currentPage, setCurrentPage] = (0, import_react25.useState)(1);
|
|
2706
|
+
const [totalEntries, setTotalEntries] = (0, import_react25.useState)(0);
|
|
2614
2707
|
const handlePageSizeChange = (e) => {
|
|
2615
2708
|
setPageSize(Number(e.target.value));
|
|
2616
2709
|
setCurrentPage(1);
|
|
2617
2710
|
};
|
|
2618
|
-
return /* @__PURE__ */ (0,
|
|
2619
|
-
/* @__PURE__ */ (0,
|
|
2620
|
-
/* @__PURE__ */ (0,
|
|
2711
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "fc:min-h-screen fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
|
|
2712
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "fc:w-full fc:space-y-5", children: [
|
|
2713
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CommonHeader, { title: "User Hierarchy Node Mapping", breadcrumbs: [{
|
|
2621
2714
|
label: "Dashboard",
|
|
2622
2715
|
href: "/dashboard"
|
|
2623
2716
|
}, {
|
|
@@ -2630,37 +2723,37 @@ function User_hierarchy_mapping_main() {
|
|
|
2630
2723
|
label: "User Hierarchy Mapping",
|
|
2631
2724
|
href: "/user hierarchy mapping"
|
|
2632
2725
|
}], buttonText: "Add Mapping", onButtonClick: () => setModalOpen(true) }),
|
|
2633
|
-
/* @__PURE__ */ (0,
|
|
2634
|
-
/* @__PURE__ */ (0,
|
|
2635
|
-
/* @__PURE__ */ (0,
|
|
2636
|
-
/* @__PURE__ */ (0,
|
|
2637
|
-
/* @__PURE__ */ (0,
|
|
2638
|
-
/* @__PURE__ */ (0,
|
|
2639
|
-
/* @__PURE__ */ (0,
|
|
2640
|
-
/* @__PURE__ */ (0,
|
|
2726
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-200/80 fc:shadow-sm fc:space-y-5", children: [
|
|
2727
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
|
|
2728
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(MappingSearchBar, { searchQuery, setSearchQuery, setCurrentPage }) }),
|
|
2729
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("select", { value: pageSize, onChange: handlePageSizeChange, className: "fc:border fc:border-slate-200 fc:rounded-lg fc:px-3 fc:py-2 fc:text-sm fc:bg-white fc:cursor-pointer fc:outline-none fc:shadow-sm fc:text-slate-700", children: [
|
|
2730
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("option", { value: 5, children: "5 Rows" }),
|
|
2731
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("option", { value: 10, children: "10 Rows" }),
|
|
2732
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("option", { value: 20, children: "20 Rows" }),
|
|
2733
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("option", { value: 25, children: "25 Rows" })
|
|
2641
2734
|
] }) })
|
|
2642
2735
|
] }),
|
|
2643
|
-
/* @__PURE__ */ (0,
|
|
2736
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(UserHierarchyNodeMappingTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries })
|
|
2644
2737
|
] })
|
|
2645
2738
|
] }),
|
|
2646
|
-
/* @__PURE__ */ (0,
|
|
2739
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AddUserHierarchyNodeMappingModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
|
|
2647
2740
|
] });
|
|
2648
2741
|
}
|
|
2649
2742
|
|
|
2650
2743
|
// src/components/DocumentConfiguration/DocumentConfigurationmain.jsx
|
|
2651
|
-
var
|
|
2744
|
+
var import_react31 = __toESM(require("react"));
|
|
2652
2745
|
|
|
2653
2746
|
// src/components/DocumentConfiguration/SearchBar.jsx
|
|
2654
|
-
var
|
|
2655
|
-
var
|
|
2747
|
+
var import_react26 = __toESM(require("react"));
|
|
2748
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
2656
2749
|
function SearchBar3({
|
|
2657
2750
|
searchQuery,
|
|
2658
2751
|
setSearchQuery,
|
|
2659
2752
|
setCurrentPage
|
|
2660
2753
|
}) {
|
|
2661
|
-
return /* @__PURE__ */ (0,
|
|
2662
|
-
/* @__PURE__ */ (0,
|
|
2663
|
-
/* @__PURE__ */ (0,
|
|
2754
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "fc:relative fc:max-w-sm fc:w-full", children: [
|
|
2755
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "fc:absolute fc:inset-y-0 fc:left-0 fc:flex fc:items-center fc:pl-3.5 fc:pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("svg", { className: "fc:w-4.5 fc:h-4.5 fc:text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
|
|
2756
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("input", { type: "text", value: searchQuery, onChange: (e) => {
|
|
2664
2757
|
setSearchQuery(e.target.value);
|
|
2665
2758
|
setCurrentPage(1);
|
|
2666
2759
|
}, placeholder: "Search document name...", className: "fc:w-full fc:pl-10 fc:pr-4 fc:py-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-sm fc:bg-slate-50/50 focus:fc:fc:outline-none focus:fc:fc:ring-4 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:text-slate-700 fc:placeholder-slate-400 fc:transition-all fc:shadow-sm" })
|
|
@@ -2668,18 +2761,18 @@ function SearchBar3({
|
|
|
2668
2761
|
}
|
|
2669
2762
|
|
|
2670
2763
|
// src/components/DocumentConfiguration/DocumentConfigurationTable.jsx
|
|
2671
|
-
var
|
|
2764
|
+
var import_react29 = __toESM(require("react"));
|
|
2672
2765
|
|
|
2673
2766
|
// src/components/DocumentConfiguration/edit.jsx
|
|
2674
|
-
var
|
|
2675
|
-
var
|
|
2767
|
+
var import_react27 = __toESM(require("react"));
|
|
2768
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
2676
2769
|
function EditDocumentConfiguration({
|
|
2677
2770
|
isOpen,
|
|
2678
2771
|
onClose,
|
|
2679
2772
|
initialData,
|
|
2680
2773
|
onSave
|
|
2681
2774
|
}) {
|
|
2682
|
-
const [formData, setFormData] = (0,
|
|
2775
|
+
const [formData, setFormData] = (0, import_react27.useState)({
|
|
2683
2776
|
docName: "",
|
|
2684
2777
|
stepId: "",
|
|
2685
2778
|
extensions: "",
|
|
@@ -2687,8 +2780,8 @@ function EditDocumentConfiguration({
|
|
|
2687
2780
|
maxSizeUnit: "MB",
|
|
2688
2781
|
isMandatory: false
|
|
2689
2782
|
});
|
|
2690
|
-
const [errors, setErrors] = (0,
|
|
2691
|
-
(0,
|
|
2783
|
+
const [errors, setErrors] = (0, import_react27.useState)({});
|
|
2784
|
+
(0, import_react27.useEffect)(() => {
|
|
2692
2785
|
if (initialData) {
|
|
2693
2786
|
const sizeParts = (initialData.maxSize || "10 MB").split(" ");
|
|
2694
2787
|
setFormData({
|
|
@@ -2740,73 +2833,73 @@ function EditDocumentConfiguration({
|
|
|
2740
2833
|
onClose();
|
|
2741
2834
|
};
|
|
2742
2835
|
if (!isOpen) return null;
|
|
2743
|
-
return /* @__PURE__ */ (0,
|
|
2744
|
-
/* @__PURE__ */ (0,
|
|
2745
|
-
/* @__PURE__ */ (0,
|
|
2746
|
-
/* @__PURE__ */ (0,
|
|
2747
|
-
/* @__PURE__ */ (0,
|
|
2748
|
-
/* @__PURE__ */ (0,
|
|
2749
|
-
/* @__PURE__ */ (0,
|
|
2836
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:bg-black/10 fc:p-4", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fc:bg-white fc:rounded-2xl fc:shadow-2xl fc:border fc:border-gray-100 fc:w-full fc:max-w-2xl fc:overflow-hidden fc:transition-all", children: [
|
|
2837
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-6 fc:py-5 fc:border-b fc:border-gray-100", children: [
|
|
2838
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
|
|
2839
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "fc:w-10 fc:h-10 fc:rounded-xl fc:bg-blue-50 fc:text-[#2563eb] fc:flex fc:items-center fc:justify-center fc:font-bold", children: "\u{1F4C4}" }),
|
|
2840
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
|
|
2841
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h2", { className: "fc:text-xl fc:font-bold fc:text-gray-800", children: "Edit Document Configuration" }),
|
|
2842
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: "fc:text-xs fc:text-gray-400", children: "Update document parameters and validation settings" })
|
|
2750
2843
|
] })
|
|
2751
2844
|
] }),
|
|
2752
|
-
/* @__PURE__ */ (0,
|
|
2845
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { onClick: onClose, className: "fc:text-gray-400 hover:fc:fc:text-gray-600 fc:transition fc:text-xl fc:font-medium", children: "\u2715" })
|
|
2753
2846
|
] }),
|
|
2754
|
-
/* @__PURE__ */ (0,
|
|
2755
|
-
/* @__PURE__ */ (0,
|
|
2756
|
-
/* @__PURE__ */ (0,
|
|
2757
|
-
/* @__PURE__ */ (0,
|
|
2847
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("form", { onSubmit: handleSubmit, className: "fc:p-6 fc:space-y-5", children: [
|
|
2848
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "fc:bg-gray-50/70 fc:rounded-xl fc:p-5 fc:border fc:border-gray-100", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
2849
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "md:fc:fc:col-span-2", children: [
|
|
2850
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
|
|
2758
2851
|
"Document Name ",
|
|
2759
|
-
/* @__PURE__ */ (0,
|
|
2852
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "fc:text-red-500", children: "*" })
|
|
2760
2853
|
] }),
|
|
2761
|
-
/* @__PURE__ */ (0,
|
|
2762
|
-
errors.docName && /* @__PURE__ */ (0,
|
|
2854
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("input", { type: "text", name: "docName", placeholder: "e.g. Identity Proof", value: formData.docName, onChange: handleChange, className: `fc:w-full fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:rounded-lg focus:fc:ring-2 focus:fc:ring-blue-500/20 focus:fc:border-[#2563eb] fc:outline-none fc:transition${errors.docName ? "border-red-500" : "border-gray-200"}` }),
|
|
2855
|
+
errors.docName && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "fc:text-xs fc:text-red-500", children: errors.docName })
|
|
2763
2856
|
] }),
|
|
2764
|
-
/* @__PURE__ */ (0,
|
|
2765
|
-
/* @__PURE__ */ (0,
|
|
2857
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
|
|
2858
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
|
|
2766
2859
|
"Workflow Step ID ",
|
|
2767
|
-
/* @__PURE__ */ (0,
|
|
2860
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "fc:text-red-500", children: "*" })
|
|
2768
2861
|
] }),
|
|
2769
|
-
/* @__PURE__ */ (0,
|
|
2770
|
-
errors.stepId && /* @__PURE__ */ (0,
|
|
2862
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("input", { type: "text", name: "stepId", placeholder: "e.g. 1", value: formData.stepId, onChange: handleChange, className: `fc:w-full fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:rounded-lg focus:fc:ring-2 focus:fc:ring-blue-500/20 focus:fc:border-[#2563eb] fc:outline-none fc:transition${errors.stepId ? "border-red-500" : "border-gray-200"}` }),
|
|
2863
|
+
errors.stepId && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "fc:text-xs fc:text-red-500", children: errors.stepId })
|
|
2771
2864
|
] }),
|
|
2772
|
-
/* @__PURE__ */ (0,
|
|
2773
|
-
/* @__PURE__ */ (0,
|
|
2865
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
|
|
2866
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
|
|
2774
2867
|
"Allowed Extensions ",
|
|
2775
|
-
/* @__PURE__ */ (0,
|
|
2868
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "fc:text-red-500", children: "*" })
|
|
2776
2869
|
] }),
|
|
2777
|
-
/* @__PURE__ */ (0,
|
|
2778
|
-
errors.extensions && /* @__PURE__ */ (0,
|
|
2870
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("input", { type: "text", name: "extensions", placeholder: "e.g. pdf, jpg, png", value: formData.extensions, onChange: handleChange, className: `fc:w-full fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:rounded-lg focus:fc:ring-2 focus:fc:ring-blue-500/20 focus:fc:border-[#2563eb] fc:outline-none fc:transition${errors.extensions ? "border-red-500" : "border-gray-200"}` }),
|
|
2871
|
+
errors.extensions && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "fc:text-xs fc:text-red-500", children: errors.extensions })
|
|
2779
2872
|
] }),
|
|
2780
|
-
/* @__PURE__ */ (0,
|
|
2781
|
-
/* @__PURE__ */ (0,
|
|
2873
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { children: [
|
|
2874
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
|
|
2782
2875
|
"Max Size ",
|
|
2783
|
-
/* @__PURE__ */ (0,
|
|
2876
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "fc:text-red-500", children: "*" })
|
|
2784
2877
|
] }),
|
|
2785
|
-
/* @__PURE__ */ (0,
|
|
2786
|
-
/* @__PURE__ */ (0,
|
|
2787
|
-
/* @__PURE__ */ (0,
|
|
2788
|
-
/* @__PURE__ */ (0,
|
|
2789
|
-
/* @__PURE__ */ (0,
|
|
2878
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fc:flex fc:gap-2", children: [
|
|
2879
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("input", { type: "number", name: "maxSizeNum", placeholder: "10", value: formData.maxSizeNum, onChange: handleChange, className: `fc:w-full fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:rounded-lg focus:fc:ring-2 focus:fc:ring-blue-500/20 focus:fc:border-[#2563eb] fc:outline-none fc:transition${errors.maxSizeNum ? "border-red-500" : "border-gray-200"}` }),
|
|
2880
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("select", { name: "maxSizeUnit", value: formData.maxSizeUnit, onChange: handleChange, className: "fc:px-3 fc:py-2.5 fc:text-sm fc:bg-white fc:border fc:border-gray-200 fc:rounded-lg fc:outline-none", children: [
|
|
2881
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("option", { value: "MB", children: "MB" }),
|
|
2882
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("option", { value: "KB", children: "KB" })
|
|
2790
2883
|
] })
|
|
2791
2884
|
] }),
|
|
2792
|
-
errors.maxSizeNum && /* @__PURE__ */ (0,
|
|
2885
|
+
errors.maxSizeNum && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "fc:text-xs fc:text-red-500", children: errors.maxSizeNum })
|
|
2793
2886
|
] }),
|
|
2794
|
-
/* @__PURE__ */ (0,
|
|
2795
|
-
/* @__PURE__ */ (0,
|
|
2796
|
-
/* @__PURE__ */ (0,
|
|
2887
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2 fc:pt-6", children: [
|
|
2888
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("input", { type: "checkbox", id: "isMandatory", name: "isMandatory", checked: formData.isMandatory, onChange: handleChange, className: "fc:w-4 fc:h-4 fc:text-[#2563eb] fc:rounded fc:border-gray-300 focus:fc:fc:ring-[#2563eb]" }),
|
|
2889
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("label", { htmlFor: "isMandatory", className: "fc:text-sm fc:font-medium fc:text-gray-700 fc:cursor-pointer", children: "Is Mandatory" })
|
|
2797
2890
|
] })
|
|
2798
2891
|
] }) }),
|
|
2799
|
-
/* @__PURE__ */ (0,
|
|
2800
|
-
/* @__PURE__ */ (0,
|
|
2801
|
-
/* @__PURE__ */ (0,
|
|
2892
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fc:flex fc:justify-end fc:items-center fc:gap-3 fc:pt-2", children: [
|
|
2893
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { type: "button", onClick: onClose, className: "fc:px-5 fc:py-2.5 fc:text-sm fc:font-medium fc:text-gray-600 fc:bg-gray-100 hover:fc:fc:bg-gray-200 fc:rounded-xl fc:transition", children: "Cancel" }),
|
|
2894
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("button", { type: "submit", className: "fc:px-6 fc:py-2.5 fc:text-sm fc:font-semibold fc:text-white fc:bg-[#2563eb] hover:fc:fc:bg-[#1d4ed8] active:fc:fc:scale-95 fc:rounded-xl fc:shadow-md fc:transition-all fc:flex fc:items-center fc:gap-2", children: "Save Document" })
|
|
2802
2895
|
] })
|
|
2803
2896
|
] })
|
|
2804
2897
|
] }) });
|
|
2805
2898
|
}
|
|
2806
2899
|
|
|
2807
2900
|
// src/components/DocumentConfiguration/delete.jsx
|
|
2808
|
-
var
|
|
2809
|
-
var
|
|
2901
|
+
var import_react28 = __toESM(require("react"));
|
|
2902
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
2810
2903
|
function DeleteDocumentConfiguration({
|
|
2811
2904
|
isOpen,
|
|
2812
2905
|
onClose,
|
|
@@ -2822,24 +2915,24 @@ function DeleteDocumentConfiguration({
|
|
|
2822
2915
|
};
|
|
2823
2916
|
return (
|
|
2824
2917
|
// Backdrop blur & darker backdrop for better focus
|
|
2825
|
-
/* @__PURE__ */ (0,
|
|
2826
|
-
/* @__PURE__ */ (0,
|
|
2827
|
-
/* @__PURE__ */ (0,
|
|
2828
|
-
/* @__PURE__ */ (0,
|
|
2829
|
-
/* @__PURE__ */ (0,
|
|
2830
|
-
/* @__PURE__ */ (0,
|
|
2918
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:bg-black/40 fc:backdrop-blur-sm fc:p-4 fc:animate-in fc:fade-in fc:duration-200", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "fc:relative fc:w-full fc:max-w-md fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:border fc:border-gray-100 fc:overflow-hidden fc:transform fc:transition-all fc:scale-100", children: [
|
|
2919
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("button", { onClick: onClose, className: "fc:absolute fc:top-4 fc:right-4 fc:z-10 fc:flex fc:items-center fc:justify-center fc:w-8 fc:h-8 fc:rounded-full fc:text-gray-400 hover:fc:fc:text-gray-600 hover:fc:fc:bg-gray-100 fc:transition-colors", "aria-label": "Close", children: "\u2715" }),
|
|
2920
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "fc:p-8 fc:text-center", children: [
|
|
2921
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "fc:mx-auto fc:mb-4 fc:flex fc:h-14 fc:w-14 fc:items-center fc:justify-center fc:rounded-2xl fc:bg-red-50 fc:border fc:border-red-100 fc:text-red-500 fc:shadow-inner", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "fc:text-2xl", children: "\u26A0\uFE0F" }) }),
|
|
2922
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("h3", { className: "fc:text-xl fc:font-bold fc:text-gray-900 fc:tracking-tight fc:mb-2", children: "Delete Configuration" }),
|
|
2923
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("p", { className: "fc:text-sm fc:text-gray-500 fc:leading-relaxed fc:px-2 fc:mb-6", children: [
|
|
2831
2924
|
"Are you sure you want to delete",
|
|
2832
2925
|
" ",
|
|
2833
|
-
/* @__PURE__ */ (0,
|
|
2926
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("span", { className: "fc:font-semibold fc:text-gray-900 fc:bg-gray-100 fc:px-2 fc:py-0.5 fc:rounded-md", children: [
|
|
2834
2927
|
'"',
|
|
2835
2928
|
(documentData == null ? void 0 : documentData.docName) || "This item",
|
|
2836
2929
|
'"'
|
|
2837
2930
|
] }),
|
|
2838
2931
|
"? This action cannot be undone."
|
|
2839
2932
|
] }),
|
|
2840
|
-
/* @__PURE__ */ (0,
|
|
2841
|
-
/* @__PURE__ */ (0,
|
|
2842
|
-
/* @__PURE__ */ (0,
|
|
2933
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
|
|
2934
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("button", { type: "button", onClick: onClose, className: "fc:w-1/2 fc:py-2.5 fc:px-4 fc:text-sm fc:font-semibold fc:text-gray-700 fc:bg-gray-100 hover:fc:fc:bg-gray-200 active:fc:fc:bg-gray-300 fc:rounded-xl fc:transition-all fc:duration-150 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-gray-300", children: "Cancel" }),
|
|
2935
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("button", { type: "button", onClick: handleDelete, className: "fc:w-1/2 fc:py-2.5 fc:px-4 fc:text-sm fc:font-semibold fc:text-white fc:bg-red-600 hover:fc:fc:bg-red-700 active:fc:fc:bg-red-800 fc:rounded-xl fc:shadow-md hover:fc:fc:shadow-lg fc:shadow-red-500/20 fc:transition-all fc:duration-150 focus:fc:fc:outline-none focus:fc:fc:ring-2 focus:fc:fc:ring-red-500 focus:fc:fc:ring-offset-2", children: "Delete" })
|
|
2843
2936
|
] })
|
|
2844
2937
|
] })
|
|
2845
2938
|
] }) })
|
|
@@ -2847,7 +2940,7 @@ function DeleteDocumentConfiguration({
|
|
|
2847
2940
|
}
|
|
2848
2941
|
|
|
2849
2942
|
// src/components/DocumentConfiguration/DocumentConfigurationTable.jsx
|
|
2850
|
-
var
|
|
2943
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
2851
2944
|
function DocumentConfigTable({
|
|
2852
2945
|
pageSize,
|
|
2853
2946
|
searchQuery = "",
|
|
@@ -3031,12 +3124,12 @@ function DocumentConfigTable({
|
|
|
3031
3124
|
maxSize: "12 MB",
|
|
3032
3125
|
isMandatory: true
|
|
3033
3126
|
}];
|
|
3034
|
-
const [data, setData] = (0,
|
|
3035
|
-
const [sortOrder, setSortOrder] = (0,
|
|
3036
|
-
const [sortKey, setSortKey] = (0,
|
|
3037
|
-
const [isEditOpen, setIsEditOpen] = (0,
|
|
3038
|
-
const [isDeleteOpen, setIsDeleteOpen] = (0,
|
|
3039
|
-
const [selectedItem, setSelectedItem] = (0,
|
|
3127
|
+
const [data, setData] = (0, import_react29.useState)(initialData);
|
|
3128
|
+
const [sortOrder, setSortOrder] = (0, import_react29.useState)("asc");
|
|
3129
|
+
const [sortKey, setSortKey] = (0, import_react29.useState)("docName");
|
|
3130
|
+
const [isEditOpen, setIsEditOpen] = (0, import_react29.useState)(false);
|
|
3131
|
+
const [isDeleteOpen, setIsDeleteOpen] = (0, import_react29.useState)(false);
|
|
3132
|
+
const [selectedItem, setSelectedItem] = (0, import_react29.useState)(null);
|
|
3040
3133
|
const handleSort = (columnKey) => {
|
|
3041
3134
|
const isAsc = sortKey === columnKey && sortOrder === "asc";
|
|
3042
3135
|
setSortOrder(isAsc ? "desc" : "asc");
|
|
@@ -3052,7 +3145,7 @@ function DocumentConfigTable({
|
|
|
3052
3145
|
const query = (searchQuery || "").toLowerCase();
|
|
3053
3146
|
return item.docName.toLowerCase().includes(query) || item.extensions.toLowerCase().includes(query) || item.stepId.toLowerCase().includes(query);
|
|
3054
3147
|
});
|
|
3055
|
-
(0,
|
|
3148
|
+
(0, import_react29.useEffect)(() => {
|
|
3056
3149
|
if (setTotalEntries) setTotalEntries(filteredData.length);
|
|
3057
3150
|
}, [filteredData.length, setTotalEntries]);
|
|
3058
3151
|
const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
|
|
@@ -3080,134 +3173,134 @@ function DocumentConfigTable({
|
|
|
3080
3173
|
const handleConfirmDelete = (id) => {
|
|
3081
3174
|
setData((prev) => prev.filter((item) => item.id !== id));
|
|
3082
3175
|
};
|
|
3083
|
-
return /* @__PURE__ */ (0,
|
|
3084
|
-
/* @__PURE__ */ (0,
|
|
3085
|
-
/* @__PURE__ */ (0,
|
|
3086
|
-
/* @__PURE__ */ (0,
|
|
3087
|
-
/* @__PURE__ */ (0,
|
|
3176
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "fc:space-y-5", children: [
|
|
3177
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "fc:w-full fc:overflow-x-auto fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm fc:max-h-[420px] fc:overflow-y-auto fc:custom-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-fixed fc:min-w-[1050px]", children: [
|
|
3178
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("thead", { className: "fc:sticky fc:top-0 fc:z-10 fc:bg-slate-50 fc:shadow-[0_1px_0_0_rgba(226,232,240,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("tr", { className: "fc:text-xs fc:font-bold fc:tracking-wider fc:text-slate-500", children: [
|
|
3179
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("th", { className: "fc:py-4 fc:px-5 fc:w-20 fc:text-center fc:bg-slate-50", children: "S.No" }),
|
|
3180
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("th", { onClick: () => handleSort("docName"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:w-60", children: [
|
|
3088
3181
|
"Document Name ",
|
|
3089
3182
|
sortKey === "docName" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3090
3183
|
] }),
|
|
3091
|
-
/* @__PURE__ */ (0,
|
|
3184
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("th", { onClick: () => handleSort("stepId"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:text-center fc:w-40", children: [
|
|
3092
3185
|
"Workflow Step ID ",
|
|
3093
3186
|
sortKey === "stepId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3094
3187
|
] }),
|
|
3095
|
-
/* @__PURE__ */ (0,
|
|
3096
|
-
/* @__PURE__ */ (0,
|
|
3188
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50", children: "Allowed Extensions" }),
|
|
3189
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("th", { onClick: () => handleSort("maxSize"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50", children: [
|
|
3097
3190
|
"Max Size (MB) ",
|
|
3098
3191
|
sortKey === "maxSize" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3099
3192
|
] }),
|
|
3100
|
-
/* @__PURE__ */ (0,
|
|
3101
|
-
/* @__PURE__ */ (0,
|
|
3193
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50 fc:text-center fc:w-32", children: "Is Mandatory" }),
|
|
3194
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50 fc:text-center fc:w-36", children: "Action" })
|
|
3102
3195
|
] }) }),
|
|
3103
|
-
/* @__PURE__ */ (0,
|
|
3104
|
-
/* @__PURE__ */ (0,
|
|
3105
|
-
/* @__PURE__ */ (0,
|
|
3106
|
-
/* @__PURE__ */ (0,
|
|
3107
|
-
/* @__PURE__ */ (0,
|
|
3108
|
-
/* @__PURE__ */ (0,
|
|
3109
|
-
/* @__PURE__ */ (0,
|
|
3110
|
-
/* @__PURE__ */ (0,
|
|
3111
|
-
/* @__PURE__ */ (0,
|
|
3112
|
-
/* @__PURE__ */ (0,
|
|
3196
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
|
|
3197
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
|
|
3198
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-900 fc:text-[14px]", children: item.docName }),
|
|
3199
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-600 fc:text-center fc:font-semibold", children: item.stepId }),
|
|
3200
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-mono fc:text-xs", children: item.extensions }),
|
|
3201
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-900 fc:font-bold", children: item.maxSize }),
|
|
3202
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("button", { onClick: () => toggleMandatory(item.id), className: `fc:relative fc:inline-flex fc:h-5.5 fc:w-10 fc:shrink-0 fc:cursor-pointer fc:rounded-full fc:border-2 fc:border-transparent fc:transition-colors fc:duration-200 fc:ease-in-out fc:outline-none${item.isMandatory ? "bg-[#2563eb]" : "bg-slate-200"}`, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: `fc:pointer-events-none fc:inline-block fc:h-4.5 fc:w-4.5 fc:transform fc:rounded-full fc:bg-white fc:shadow fc:ring-0 fc:transition fc:duration-200 fc:ease-in-out${item.isMandatory ? "translate-x-4.5" : "translate-x-0"}` }) }) }),
|
|
3203
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("td", { className: "fc:py-3 fc:px-2 fc:text-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
|
|
3204
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("button", { onClick: () => handleEdit(item), className: "fc:px-3 fc:py-1 fc:bg-blue-100/70 hover:fc:fc:bg-blue-200/80 fc:text-blue-600 fc:font-semibold fc:text-xs fc:rounded-lg fc:transition-all fc:duration-150 fc:cursor-pointer", children: "Edit" }),
|
|
3205
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("button", { onClick: () => handleDelete(item), className: "fc:px-3 fc:py-1 fc:bg-rose-100/70 hover:fc:fc:bg-rose-200/80 fc:text-rose-600 fc:font-semibold fc:text-xs fc:rounded-lg fc:transition-all fc:duration-150 fc:cursor-pointer", children: "Delete" })
|
|
3113
3206
|
] }) })
|
|
3114
3207
|
] }, item.id)) })
|
|
3115
3208
|
] }) }),
|
|
3116
|
-
/* @__PURE__ */ (0,
|
|
3117
|
-
/* @__PURE__ */ (0,
|
|
3118
|
-
pageNumbers.map((pageNumber) => /* @__PURE__ */ (0,
|
|
3119
|
-
/* @__PURE__ */ (0,
|
|
3209
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-end fc:gap-1 fc:text-[13px] fc:text-slate-700 fc:font-normal fc:mt-4 fc:bg-slate-50/50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
|
|
3210
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), disabled: currentPage === 1, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:mr-2 disabled:fc:fc:opacity-40", children: "\u2039 Prev" }),
|
|
3211
|
+
pageNumbers.map((pageNumber) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("button", { onClick: () => setCurrentPage(pageNumber), className: `fc:px-3 fc:py-1 fc:text-center fc:rounded fc:transition-all fc:min-w-[28px]${currentPage === pageNumber ? "bg-[#2563eb] text-white font-medium shadow-sm" : "text-slate-600 hover:bg-slate-100"}`, children: pageNumber }, pageNumber)),
|
|
3212
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("button", { onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)), disabled: currentPage === totalPages, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:ml-2 disabled:fc:fc:opacity-40", children: "Next \u203A" })
|
|
3120
3213
|
] }),
|
|
3121
|
-
/* @__PURE__ */ (0,
|
|
3122
|
-
/* @__PURE__ */ (0,
|
|
3214
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(EditDocumentConfiguration, { isOpen: isEditOpen, onClose: () => setIsEditOpen(false), initialData: selectedItem, onSave: handleSaveEdit }),
|
|
3215
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DeleteDocumentConfiguration, { isOpen: isDeleteOpen, onClose: () => setIsDeleteOpen(false), documentData: selectedItem, onConfirm: handleConfirmDelete })
|
|
3123
3216
|
] });
|
|
3124
3217
|
}
|
|
3125
3218
|
|
|
3126
3219
|
// src/components/DocumentConfiguration/AddDocumentConfigurationModal.jsx
|
|
3127
|
-
var
|
|
3128
|
-
var
|
|
3220
|
+
var import_react30 = __toESM(require("react"));
|
|
3221
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
3129
3222
|
function AddDocumentConfigModal({
|
|
3130
3223
|
isOpen,
|
|
3131
3224
|
onClose
|
|
3132
3225
|
}) {
|
|
3133
|
-
const [isMandatory, setIsMandatory] = (0,
|
|
3226
|
+
const [isMandatory, setIsMandatory] = (0, import_react30.useState)(false);
|
|
3134
3227
|
if (!isOpen) return null;
|
|
3135
|
-
return /* @__PURE__ */ (0,
|
|
3136
|
-
/* @__PURE__ */ (0,
|
|
3137
|
-
/* @__PURE__ */ (0,
|
|
3138
|
-
/* @__PURE__ */ (0,
|
|
3139
|
-
/* @__PURE__ */ (0,
|
|
3140
|
-
/* @__PURE__ */ (0,
|
|
3141
|
-
/* @__PURE__ */ (0,
|
|
3228
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
|
|
3229
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity", onClick: onClose }),
|
|
3230
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "fc:relative fc:w-full fc:max-w-2xl fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:flex fc:flex-col fc:z-10 fc:max-h-[92vh] fc:overflow-hidden fc:animate-in fc:fade-in fc:zoom-in-95 fc:duration-200", children: [
|
|
3231
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-8 fc:py-5 fc:border-b fc:border-slate-100", children: [
|
|
3232
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
|
|
3233
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h2", { className: "fc:text-lg fc:font-extrabold fc:text-slate-800", children: "Add Document Configuration" }),
|
|
3234
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: "Configure rule specifications for node file processing" })
|
|
3142
3235
|
] }),
|
|
3143
|
-
/* @__PURE__ */ (0,
|
|
3236
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 fc:p-1.5 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
|
|
3144
3237
|
] }),
|
|
3145
|
-
/* @__PURE__ */ (0,
|
|
3146
|
-
/* @__PURE__ */ (0,
|
|
3147
|
-
/* @__PURE__ */ (0,
|
|
3238
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "fc:p-6 fc:space-y-5 fc:overflow-y-auto fc:bg-slate-50/30", children: [
|
|
3239
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
|
|
3240
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: [
|
|
3148
3241
|
"Document Name ",
|
|
3149
|
-
/* @__PURE__ */ (0,
|
|
3242
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "fc:text-red-500", children: "*" })
|
|
3150
3243
|
] }),
|
|
3151
|
-
/* @__PURE__ */ (0,
|
|
3152
|
-
/* @__PURE__ */ (0,
|
|
3244
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("input", { type: "text", placeholder: "e.g. Identity Proof", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3245
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Label name of the required document" })
|
|
3153
3246
|
] }),
|
|
3154
|
-
/* @__PURE__ */ (0,
|
|
3155
|
-
/* @__PURE__ */ (0,
|
|
3156
|
-
/* @__PURE__ */ (0,
|
|
3247
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
3248
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
|
|
3249
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: [
|
|
3157
3250
|
"Workflow Step ID ",
|
|
3158
|
-
/* @__PURE__ */ (0,
|
|
3251
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "fc:text-red-500", children: "*" })
|
|
3159
3252
|
] }),
|
|
3160
|
-
/* @__PURE__ */ (0,
|
|
3161
|
-
/* @__PURE__ */ (0,
|
|
3253
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("input", { type: "number", placeholder: "e.g. 1", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3254
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Numeric step sequence handler" })
|
|
3162
3255
|
] }),
|
|
3163
|
-
/* @__PURE__ */ (0,
|
|
3164
|
-
/* @__PURE__ */ (0,
|
|
3256
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
|
|
3257
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: [
|
|
3165
3258
|
"Max Size (in MB) ",
|
|
3166
|
-
/* @__PURE__ */ (0,
|
|
3259
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "fc:text-red-500", children: "*" }),
|
|
3167
3260
|
" "
|
|
3168
3261
|
] }),
|
|
3169
|
-
/* @__PURE__ */ (0,
|
|
3170
|
-
/* @__PURE__ */ (0,
|
|
3262
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("input", { type: "text", placeholder: "e.g. 10 MB", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3263
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Maximum upload limits permissible" })
|
|
3171
3264
|
] })
|
|
3172
3265
|
] }),
|
|
3173
|
-
/* @__PURE__ */ (0,
|
|
3174
|
-
/* @__PURE__ */ (0,
|
|
3266
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
|
|
3267
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: [
|
|
3175
3268
|
"Allowed Extensions ",
|
|
3176
|
-
/* @__PURE__ */ (0,
|
|
3269
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "fc:text-red-500", children: "*" })
|
|
3177
3270
|
] }),
|
|
3178
|
-
/* @__PURE__ */ (0,
|
|
3179
|
-
/* @__PURE__ */ (0,
|
|
3271
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("input", { type: "text", placeholder: "e.g. pdf, jpg, png", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3272
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Comma-separated standard format extensions" })
|
|
3180
3273
|
] }),
|
|
3181
|
-
/* @__PURE__ */ (0,
|
|
3182
|
-
/* @__PURE__ */ (0,
|
|
3183
|
-
/* @__PURE__ */ (0,
|
|
3184
|
-
/* @__PURE__ */ (0,
|
|
3274
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-between fc:p-3.5 fc:bg-white fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm", children: [
|
|
3275
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
|
|
3276
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-800", children: "Is Mandatory File Field" }),
|
|
3277
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "fc:text-[10px] fc:text-red-500 fc:mt-0.5", children: "Check if user cannot bypass without uploading this file" })
|
|
3185
3278
|
] }),
|
|
3186
|
-
/* @__PURE__ */ (0,
|
|
3279
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("button", { type: "button", onClick: () => setIsMandatory(!isMandatory), className: `fc:relative fc:inline-flex fc:h-6 fc:w-11 fc:shrink-0 fc:cursor-pointer fc:rounded-full fc:border-2 fc:border-transparent fc:transition-colors fc:duration-200 fc:ease-in-out fc:outline-none${isMandatory ? "bg-blue-600" : "bg-slate-200"}`, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: `fc:pointer-events-none fc:inline-block fc:h-5 fc:w-5 fc:transform fc:rounded-full fc:bg-white fc:shadow fc:ring-0 fc:transition fc:duration-200 fc:ease-in-out${isMandatory ? "translate-x-5" : "translate-x-0"}` }) })
|
|
3187
3280
|
] })
|
|
3188
3281
|
] }),
|
|
3189
|
-
/* @__PURE__ */ (0,
|
|
3190
|
-
/* @__PURE__ */ (0,
|
|
3191
|
-
/* @__PURE__ */ (0,
|
|
3282
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "fc:flex fc:justify-end fc:gap-3 fc:px-8 fc:py-4 fc:border-t fc:border-slate-100 fc:bg-white", children: [
|
|
3283
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("button", { onClick: onClose, className: "fc:px-4 fc:py-2 fc:text-xs fc:font-bold fc:text-slate-500 hover:fc:fc:text-slate-700 fc:transition-colors", children: "\u2715 Cancel" }),
|
|
3284
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("button", { className: "fc:px-5 fc:py-2 fc:text-xs fc:font-bold fc:text-white fc:bg-blue-600 hover:fc:fc:bg-blue-700 fc:rounded-xl fc:transition-all fc:shadow-sm", children: "Save Rules" })
|
|
3192
3285
|
] })
|
|
3193
3286
|
] })
|
|
3194
3287
|
] });
|
|
3195
3288
|
}
|
|
3196
3289
|
|
|
3197
3290
|
// src/components/DocumentConfiguration/DocumentConfigurationmain.jsx
|
|
3198
|
-
var
|
|
3291
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
3199
3292
|
function DocumentConfigurationmain() {
|
|
3200
|
-
const [modalOpen, setModalOpen] = (0,
|
|
3201
|
-
const [pageSize, setPageSize] = (0,
|
|
3202
|
-
const [searchQuery, setSearchQuery] = (0,
|
|
3203
|
-
const [currentPage, setCurrentPage] = (0,
|
|
3204
|
-
const [totalEntries, setTotalEntries] = (0,
|
|
3293
|
+
const [modalOpen, setModalOpen] = (0, import_react31.useState)(false);
|
|
3294
|
+
const [pageSize, setPageSize] = (0, import_react31.useState)(10);
|
|
3295
|
+
const [searchQuery, setSearchQuery] = (0, import_react31.useState)("");
|
|
3296
|
+
const [currentPage, setCurrentPage] = (0, import_react31.useState)(1);
|
|
3297
|
+
const [totalEntries, setTotalEntries] = (0, import_react31.useState)(0);
|
|
3205
3298
|
const handlePageSizeChange = (e) => {
|
|
3206
3299
|
setPageSize(Number(e.target.value));
|
|
3207
3300
|
setCurrentPage(1);
|
|
3208
3301
|
};
|
|
3209
|
-
return /* @__PURE__ */ (0,
|
|
3210
|
-
/* @__PURE__ */ (0,
|
|
3302
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
|
|
3303
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CommonHeader, { title: "Document Configuration", breadcrumbs: [{
|
|
3211
3304
|
label: "Dashboard",
|
|
3212
3305
|
href: "/dashboard"
|
|
3213
3306
|
}, {
|
|
@@ -3220,36 +3313,36 @@ function DocumentConfigurationmain() {
|
|
|
3220
3313
|
label: "Document Configuration",
|
|
3221
3314
|
href: "/DocumentConfiguration"
|
|
3222
3315
|
}], buttonText: "Add Document Configuration", onButtonClick: () => setModalOpen(true) }),
|
|
3223
|
-
/* @__PURE__ */ (0,
|
|
3224
|
-
/* @__PURE__ */ (0,
|
|
3225
|
-
/* @__PURE__ */ (0,
|
|
3226
|
-
/* @__PURE__ */ (0,
|
|
3227
|
-
/* @__PURE__ */ (0,
|
|
3228
|
-
/* @__PURE__ */ (0,
|
|
3229
|
-
/* @__PURE__ */ (0,
|
|
3230
|
-
/* @__PURE__ */ (0,
|
|
3316
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "fc:w-full fc:space-y-5", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-200/80 fc:shadow-sm fc:space-y-5", children: [
|
|
3317
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
|
|
3318
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SearchBar3, { searchQuery, setSearchQuery, setCurrentPage }) }),
|
|
3319
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("select", { value: pageSize, onChange: handlePageSizeChange, className: "fc:border fc:border-slate-200 fc:rounded-lg fc:px-3 fc:py-2 fc:text-sm fc:bg-white fc:cursor-pointer fc:outline-none fc:shadow-sm fc:text-slate-700", children: [
|
|
3320
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("option", { value: 5, children: "5 Rows" }),
|
|
3321
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("option", { value: 10, children: "10 Rows" }),
|
|
3322
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("option", { value: 20, children: "20 Rows" }),
|
|
3323
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("option", { value: 25, children: "25 Rows" })
|
|
3231
3324
|
] }) })
|
|
3232
3325
|
] }),
|
|
3233
|
-
/* @__PURE__ */ (0,
|
|
3326
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DocumentConfigTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries })
|
|
3234
3327
|
] }) }),
|
|
3235
|
-
/* @__PURE__ */ (0,
|
|
3328
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(AddDocumentConfigModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
|
|
3236
3329
|
] });
|
|
3237
3330
|
}
|
|
3238
3331
|
|
|
3239
3332
|
// src/components/AuditLog/AuditLogmain.jsx
|
|
3240
|
-
var
|
|
3333
|
+
var import_react35 = __toESM(require("react"));
|
|
3241
3334
|
|
|
3242
3335
|
// src/components/AuditLog/SearchBar.jsx
|
|
3243
|
-
var
|
|
3244
|
-
var
|
|
3336
|
+
var import_react32 = __toESM(require("react"));
|
|
3337
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
3245
3338
|
function SearchBar4({
|
|
3246
3339
|
searchQuery,
|
|
3247
3340
|
setSearchQuery,
|
|
3248
3341
|
setCurrentPage
|
|
3249
3342
|
}) {
|
|
3250
|
-
return /* @__PURE__ */ (0,
|
|
3251
|
-
/* @__PURE__ */ (0,
|
|
3252
|
-
/* @__PURE__ */ (0,
|
|
3343
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "fc:relative fc:max-w-sm fc:w-full", children: [
|
|
3344
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "fc:absolute fc:inset-y-0 fc:left-0 fc:flex fc:items-center fc:pl-3.5 fc:pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("svg", { className: "fc:w-4.5 fc:h-4.5 fc:text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
|
|
3345
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("input", { type: "text", value: searchQuery, onChange: (e) => {
|
|
3253
3346
|
setSearchQuery(e.target.value);
|
|
3254
3347
|
setCurrentPage(1);
|
|
3255
3348
|
}, placeholder: "Search user or action...", className: "fc:w-full fc:pl-10 fc:pr-4 fc:py-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-sm fc:bg-slate-50/50 focus:fc:fc:outline-none focus:fc:fc:ring-4 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:text-slate-700 fc:placeholder-slate-400 fc:transition-all fc:shadow-sm" })
|
|
@@ -3257,8 +3350,8 @@ function SearchBar4({
|
|
|
3257
3350
|
}
|
|
3258
3351
|
|
|
3259
3352
|
// src/components/AuditLog/AuditLogTable.jsx
|
|
3260
|
-
var
|
|
3261
|
-
var
|
|
3353
|
+
var import_react33 = __toESM(require("react"));
|
|
3354
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
3262
3355
|
function AuditLogTable({
|
|
3263
3356
|
pageSize,
|
|
3264
3357
|
searchQuery = "",
|
|
@@ -3467,9 +3560,9 @@ function AuditLogTable({
|
|
|
3467
3560
|
ip: "192.168.1.45",
|
|
3468
3561
|
time: "2026-07-17 15:55"
|
|
3469
3562
|
}];
|
|
3470
|
-
const [data, setData] = (0,
|
|
3471
|
-
const [sortOrder, setSortOrder] = (0,
|
|
3472
|
-
const [sortKey, setSortKey] = (0,
|
|
3563
|
+
const [data, setData] = (0, import_react33.useState)(initialData);
|
|
3564
|
+
const [sortOrder, setSortOrder] = (0, import_react33.useState)("asc");
|
|
3565
|
+
const [sortKey, setSortKey] = (0, import_react33.useState)("logId");
|
|
3473
3566
|
const handleSort = (columnKey) => {
|
|
3474
3567
|
const isAsc = sortKey === columnKey && sortOrder === "asc";
|
|
3475
3568
|
setSortOrder(isAsc ? "desc" : "asc");
|
|
@@ -3485,7 +3578,7 @@ function AuditLogTable({
|
|
|
3485
3578
|
const query = (searchQuery || "").toLowerCase();
|
|
3486
3579
|
return item.logId.toLowerCase().includes(query) || item.user.toLowerCase().includes(query) || item.section.toLowerCase().includes(query) || item.action.toLowerCase().includes(query);
|
|
3487
3580
|
});
|
|
3488
|
-
(0,
|
|
3581
|
+
(0, import_react33.useEffect)(() => {
|
|
3489
3582
|
if (setTotalEntries) setTotalEntries(filteredData.length);
|
|
3490
3583
|
}, [filteredData.length, setTotalEntries]);
|
|
3491
3584
|
const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
|
|
@@ -3508,138 +3601,138 @@ function AuditLogTable({
|
|
|
3508
3601
|
return "bg-slate-50 text-slate-700 border border-slate-200";
|
|
3509
3602
|
}
|
|
3510
3603
|
};
|
|
3511
|
-
return /* @__PURE__ */ (0,
|
|
3512
|
-
/* @__PURE__ */ (0,
|
|
3513
|
-
/* @__PURE__ */ (0,
|
|
3514
|
-
/* @__PURE__ */ (0,
|
|
3515
|
-
/* @__PURE__ */ (0,
|
|
3604
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "fc:space-y-5", children: [
|
|
3605
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "fc:w-full fc:overflow-x-auto fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm fc:max-h-[420px] fc:overflow-y-auto fc:custom-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-auto", children: [
|
|
3606
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("thead", { className: "fc:sticky fc:top-0 fc:z-10 fc:bg-slate-50 fc:shadow-[0_1px_0_0_rgba(226,232,240,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("tr", { className: "fc:text-xs fc:font-bold fc:tracking-wider fc:text-slate-500", children: [
|
|
3607
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("th", { className: "fc:py-4 fc:px-4 fc:w-16 fc:text-center fc:bg-slate-50", children: "S.No" }),
|
|
3608
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("th", { onClick: () => handleSort("logId"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
|
|
3516
3609
|
"Log ID ",
|
|
3517
3610
|
sortKey === "logId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3518
3611
|
] }),
|
|
3519
|
-
/* @__PURE__ */ (0,
|
|
3612
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("th", { onClick: () => handleSort("user"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
|
|
3520
3613
|
"User Name ",
|
|
3521
3614
|
sortKey === "user" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3522
3615
|
] }),
|
|
3523
|
-
/* @__PURE__ */ (0,
|
|
3616
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("th", { onClick: () => handleSort("action"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
|
|
3524
3617
|
"Action ",
|
|
3525
3618
|
sortKey === "action" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3526
3619
|
] }),
|
|
3527
|
-
/* @__PURE__ */ (0,
|
|
3620
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("th", { onClick: () => handleSort("section"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
|
|
3528
3621
|
"Section Modules ",
|
|
3529
3622
|
sortKey === "section" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3530
3623
|
] }),
|
|
3531
|
-
/* @__PURE__ */ (0,
|
|
3532
|
-
/* @__PURE__ */ (0,
|
|
3624
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50 fc:whitespace-nowrap", children: "IP Address" }),
|
|
3625
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("th", { onClick: () => handleSort("time"), className: "fc:py-4 fc:px-5 fc:text-sm fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:whitespace-nowrap", children: [
|
|
3533
3626
|
"Timestamp ",
|
|
3534
3627
|
sortKey === "time" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3535
3628
|
] })
|
|
3536
3629
|
] }) }),
|
|
3537
|
-
/* @__PURE__ */ (0,
|
|
3538
|
-
/* @__PURE__ */ (0,
|
|
3539
|
-
/* @__PURE__ */ (0,
|
|
3540
|
-
/* @__PURE__ */ (0,
|
|
3541
|
-
/* @__PURE__ */ (0,
|
|
3542
|
-
/* @__PURE__ */ (0,
|
|
3543
|
-
/* @__PURE__ */ (0,
|
|
3544
|
-
/* @__PURE__ */ (0,
|
|
3630
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
|
|
3631
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("td", { className: "fc:py-4 fc:px-4 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
|
|
3632
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-900 fc:text-[14px] fc:whitespace-nowrap", children: item.logId }),
|
|
3633
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-900 fc:font-semibold fc:whitespace-nowrap", children: item.user }),
|
|
3634
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("td", { className: "fc:py-4 fc:px-5 fc:whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: `fc:px-2.5 fc:py-1 fc:text-[11px] fc:font-bold fc:rounded-md fc:tracking-wide${getActionBadge(item.action)}`, children: item.action }) }),
|
|
3635
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-medium fc:whitespace-nowrap", children: item.section }),
|
|
3636
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-mono fc:text-xs fc:whitespace-nowrap", children: item.ip }),
|
|
3637
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-medium fc:whitespace-nowrap", children: item.time })
|
|
3545
3638
|
] }, item.id)) })
|
|
3546
3639
|
] }) }),
|
|
3547
|
-
/* @__PURE__ */ (0,
|
|
3548
|
-
/* @__PURE__ */ (0,
|
|
3549
|
-
pageNumbers.map((pageNumber) => /* @__PURE__ */ (0,
|
|
3550
|
-
/* @__PURE__ */ (0,
|
|
3640
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-end fc:gap-1 fc:text-[13px] fc:text-slate-700 fc:font-normal fc:mt-4 fc:bg-slate-50/50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
|
|
3641
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), disabled: currentPage === 1, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:mr-2 disabled:fc:fc:opacity-40", children: "\u2039 Prev" }),
|
|
3642
|
+
pageNumbers.map((pageNumber) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("button", { onClick: () => setCurrentPage(pageNumber), className: `fc:px-3 fc:py-1 fc:text-center fc:rounded fc:transition-all fc:min-w-[28px]${currentPage === pageNumber ? "bg-blue-600 text-white font-medium shadow-sm" : "text-slate-600 hover:bg-slate-100"}`, children: pageNumber }, pageNumber)),
|
|
3643
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("button", { onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)), disabled: currentPage === totalPages, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:ml-2 disabled:fc:fc:opacity-40", children: "Next \u203A" })
|
|
3551
3644
|
] })
|
|
3552
3645
|
] });
|
|
3553
3646
|
}
|
|
3554
3647
|
|
|
3555
3648
|
// src/components/AuditLog/AddAuditLogModal.jsx
|
|
3556
|
-
var
|
|
3557
|
-
var
|
|
3649
|
+
var import_react34 = __toESM(require("react"));
|
|
3650
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
3558
3651
|
function AddAuditLogModal({
|
|
3559
3652
|
isOpen,
|
|
3560
3653
|
onClose
|
|
3561
3654
|
}) {
|
|
3562
3655
|
if (!isOpen) return null;
|
|
3563
|
-
return /* @__PURE__ */ (0,
|
|
3564
|
-
/* @__PURE__ */ (0,
|
|
3565
|
-
/* @__PURE__ */ (0,
|
|
3566
|
-
/* @__PURE__ */ (0,
|
|
3567
|
-
/* @__PURE__ */ (0,
|
|
3568
|
-
/* @__PURE__ */ (0,
|
|
3569
|
-
/* @__PURE__ */ (0,
|
|
3656
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
|
|
3657
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity", onClick: onClose }),
|
|
3658
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "fc:relative fc:w-full fc:max-w-2xl fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:flex fc:flex-col fc:z-10 fc:max-h-[92vh] fc:overflow-hidden fc:animate-in fc:fade-in fc:zoom-in-95 fc:duration-200", children: [
|
|
3659
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-8 fc:py-5 fc:border-b fc:border-slate-100", children: [
|
|
3660
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
|
|
3661
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h2", { className: "fc:text-lg fc:font-extrabold fc:text-slate-800", children: "Add Audit Entry" }),
|
|
3662
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: "Manually insert security audit trail incident" })
|
|
3570
3663
|
] }),
|
|
3571
|
-
/* @__PURE__ */ (0,
|
|
3664
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 fc:p-1.5 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
|
|
3572
3665
|
] }),
|
|
3573
|
-
/* @__PURE__ */ (0,
|
|
3574
|
-
/* @__PURE__ */ (0,
|
|
3575
|
-
/* @__PURE__ */ (0,
|
|
3576
|
-
/* @__PURE__ */ (0,
|
|
3577
|
-
/* @__PURE__ */ (0,
|
|
3578
|
-
/* @__PURE__ */ (0,
|
|
3666
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "fc:p-6 fc:space-y-5 fc:overflow-y-auto fc:bg-slate-50/30", children: [
|
|
3667
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
3668
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
|
|
3669
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Log ID *" }),
|
|
3670
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("input", { type: "text", placeholder: "e.g. AUD-926", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3671
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Unique tracking ledger key code" })
|
|
3579
3672
|
] }),
|
|
3580
|
-
/* @__PURE__ */ (0,
|
|
3581
|
-
/* @__PURE__ */ (0,
|
|
3582
|
-
/* @__PURE__ */ (0,
|
|
3583
|
-
/* @__PURE__ */ (0,
|
|
3673
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
|
|
3674
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "User Name *" }),
|
|
3675
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("input", { type: "text", placeholder: "e.g. Amit Sharma", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3676
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Profile designation handling agent" })
|
|
3584
3677
|
] })
|
|
3585
3678
|
] }),
|
|
3586
|
-
/* @__PURE__ */ (0,
|
|
3587
|
-
/* @__PURE__ */ (0,
|
|
3588
|
-
/* @__PURE__ */ (0,
|
|
3589
|
-
/* @__PURE__ */ (0,
|
|
3590
|
-
/* @__PURE__ */ (0,
|
|
3591
|
-
/* @__PURE__ */ (0,
|
|
3592
|
-
/* @__PURE__ */ (0,
|
|
3593
|
-
/* @__PURE__ */ (0,
|
|
3679
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
3680
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
|
|
3681
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Action Type *" }),
|
|
3682
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("select", { className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:border-blue-500 fc:outline-none", children: [
|
|
3683
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("option", { value: "CREATE", children: "CREATE" }),
|
|
3684
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("option", { value: "UPDATE", children: "UPDATE" }),
|
|
3685
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("option", { value: "DELETE", children: "DELETE" }),
|
|
3686
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("option", { value: "LOGIN", children: "LOGIN" })
|
|
3594
3687
|
] }),
|
|
3595
|
-
/* @__PURE__ */ (0,
|
|
3688
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Operational type category executed" })
|
|
3596
3689
|
] }),
|
|
3597
|
-
/* @__PURE__ */ (0,
|
|
3598
|
-
/* @__PURE__ */ (0,
|
|
3599
|
-
/* @__PURE__ */ (0,
|
|
3600
|
-
/* @__PURE__ */ (0,
|
|
3690
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
|
|
3691
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "IP Address *" }),
|
|
3692
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("input", { type: "text", placeholder: "e.g. 192.168.1.45", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3693
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Terminal remote system IP node" })
|
|
3601
3694
|
] })
|
|
3602
3695
|
] }),
|
|
3603
|
-
/* @__PURE__ */ (0,
|
|
3604
|
-
/* @__PURE__ */ (0,
|
|
3605
|
-
/* @__PURE__ */ (0,
|
|
3606
|
-
/* @__PURE__ */ (0,
|
|
3607
|
-
/* @__PURE__ */ (0,
|
|
3696
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
3697
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
|
|
3698
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Section Module *" }),
|
|
3699
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("input", { type: "text", placeholder: "e.g. Document Config", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none fc:bg-white" }),
|
|
3700
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Target segment modified in configuration" })
|
|
3608
3701
|
] }),
|
|
3609
|
-
/* @__PURE__ */ (0,
|
|
3610
|
-
/* @__PURE__ */ (0,
|
|
3611
|
-
/* @__PURE__ */ (0,
|
|
3612
|
-
/* @__PURE__ */ (0,
|
|
3702
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
|
|
3703
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Timestamp *" }),
|
|
3704
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("input", { type: "datetime-local", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:border-blue-500 fc:outline-none" }),
|
|
3705
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Precise server localized execution record date" })
|
|
3613
3706
|
] })
|
|
3614
3707
|
] }),
|
|
3615
|
-
/* @__PURE__ */ (0,
|
|
3616
|
-
/* @__PURE__ */ (0,
|
|
3617
|
-
/* @__PURE__ */ (0,
|
|
3618
|
-
/* @__PURE__ */ (0,
|
|
3708
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { children: [
|
|
3709
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Meta Details / Changes Summary" }),
|
|
3710
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("textarea", { rows: 2, placeholder: "Enter technical trace logs or query payload metadata...", className: "fc:w-full fc:p-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 fc:resize-none focus:fc:fc:border-blue-500 fc:outline-none" }),
|
|
3711
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Log data state differential dumps if required" })
|
|
3619
3712
|
] })
|
|
3620
3713
|
] }),
|
|
3621
|
-
/* @__PURE__ */ (0,
|
|
3622
|
-
/* @__PURE__ */ (0,
|
|
3623
|
-
/* @__PURE__ */ (0,
|
|
3714
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "fc:flex fc:justify-end fc:gap-3 fc:px-8 fc:py-4 fc:border-t fc:border-slate-100 fc:bg-white", children: [
|
|
3715
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("button", { onClick: onClose, className: "fc:px-4 fc:py-2 fc:text-xs fc:font-bold fc:text-slate-500 hover:fc:fc:text-slate-700 fc:transition-colors", children: "\u2715 Cancel" }),
|
|
3716
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("button", { className: "fc:px-5 fc:py-2 fc:text-xs fc:font-bold fc:text-white fc:bg-blue-600 hover:fc:fc:bg-blue-700 fc:rounded-xl fc:transition-all fc:shadow-sm", children: "Commit Entry" })
|
|
3624
3717
|
] })
|
|
3625
3718
|
] })
|
|
3626
3719
|
] });
|
|
3627
3720
|
}
|
|
3628
3721
|
|
|
3629
3722
|
// src/components/AuditLog/AuditLogmain.jsx
|
|
3630
|
-
var
|
|
3723
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
3631
3724
|
function AuditLogmain() {
|
|
3632
|
-
const [modalOpen, setModalOpen] = (0,
|
|
3633
|
-
const [pageSize, setPageSize] = (0,
|
|
3634
|
-
const [searchQuery, setSearchQuery] = (0,
|
|
3635
|
-
const [currentPage, setCurrentPage] = (0,
|
|
3636
|
-
const [totalEntries, setTotalEntries] = (0,
|
|
3725
|
+
const [modalOpen, setModalOpen] = (0, import_react35.useState)(false);
|
|
3726
|
+
const [pageSize, setPageSize] = (0, import_react35.useState)(10);
|
|
3727
|
+
const [searchQuery, setSearchQuery] = (0, import_react35.useState)("");
|
|
3728
|
+
const [currentPage, setCurrentPage] = (0, import_react35.useState)(1);
|
|
3729
|
+
const [totalEntries, setTotalEntries] = (0, import_react35.useState)(0);
|
|
3637
3730
|
const handlePageSizeChange = (e) => {
|
|
3638
3731
|
setPageSize(Number(e.target.value));
|
|
3639
3732
|
setCurrentPage(1);
|
|
3640
3733
|
};
|
|
3641
|
-
return /* @__PURE__ */ (0,
|
|
3642
|
-
/* @__PURE__ */ (0,
|
|
3734
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
|
|
3735
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(CommonHeader, { title: "Audit Log", breadcrumbs: [{
|
|
3643
3736
|
label: "Dashboard",
|
|
3644
3737
|
href: "/dashboard"
|
|
3645
3738
|
}, {
|
|
@@ -3652,36 +3745,36 @@ function AuditLogmain() {
|
|
|
3652
3745
|
label: "Audit Log",
|
|
3653
3746
|
href: "/auditlog"
|
|
3654
3747
|
}], buttonText: "Add Audit Log", onButtonClick: () => setModalOpen(true) }),
|
|
3655
|
-
/* @__PURE__ */ (0,
|
|
3656
|
-
/* @__PURE__ */ (0,
|
|
3657
|
-
/* @__PURE__ */ (0,
|
|
3658
|
-
/* @__PURE__ */ (0,
|
|
3659
|
-
/* @__PURE__ */ (0,
|
|
3660
|
-
/* @__PURE__ */ (0,
|
|
3661
|
-
/* @__PURE__ */ (0,
|
|
3662
|
-
/* @__PURE__ */ (0,
|
|
3748
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "fc:w-full fc:space-y-5", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-200/80 fc:shadow-sm fc:space-y-5", children: [
|
|
3749
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
|
|
3750
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SearchBar4, { searchQuery, setSearchQuery, setCurrentPage }) }),
|
|
3751
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("select", { value: pageSize, onChange: handlePageSizeChange, className: "fc:border fc:border-slate-200 fc:rounded-lg fc:px-3 fc:py-2 fc:text-sm fc:bg-white fc:cursor-pointer fc:outline-none fc:shadow-sm fc:text-slate-700", children: [
|
|
3752
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("option", { value: 5, children: "5 Rows" }),
|
|
3753
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("option", { value: 10, children: "10 Rows" }),
|
|
3754
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("option", { value: 20, children: "20 Rows" }),
|
|
3755
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("option", { value: 25, children: "25 Rows" })
|
|
3663
3756
|
] }) })
|
|
3664
3757
|
] }),
|
|
3665
|
-
/* @__PURE__ */ (0,
|
|
3758
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(AuditLogTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries })
|
|
3666
3759
|
] }) }),
|
|
3667
|
-
/* @__PURE__ */ (0,
|
|
3760
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(AddAuditLogModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
|
|
3668
3761
|
] });
|
|
3669
3762
|
}
|
|
3670
3763
|
|
|
3671
3764
|
// src/components/MovementHistory/MovementHistorymain.jsx
|
|
3672
|
-
var
|
|
3765
|
+
var import_react39 = __toESM(require("react"));
|
|
3673
3766
|
|
|
3674
3767
|
// src/components/MovementHistory/SearchBar.jsx
|
|
3675
|
-
var
|
|
3676
|
-
var
|
|
3768
|
+
var import_react36 = __toESM(require("react"));
|
|
3769
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
3677
3770
|
function SearchBar5({
|
|
3678
3771
|
searchQuery,
|
|
3679
3772
|
setSearchQuery,
|
|
3680
3773
|
setCurrentPage
|
|
3681
3774
|
}) {
|
|
3682
|
-
return /* @__PURE__ */ (0,
|
|
3683
|
-
/* @__PURE__ */ (0,
|
|
3684
|
-
/* @__PURE__ */ (0,
|
|
3775
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "fc:relative fc:max-w-sm fc:w-full", children: [
|
|
3776
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "fc:absolute fc:inset-y-0 fc:left-0 fc:flex fc:items-center fc:pl-3.5 fc:pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("svg", { className: "fc:w-4.5 fc:h-4.5 fc:text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
|
|
3777
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("input", { type: "text", value: searchQuery, onChange: (e) => {
|
|
3685
3778
|
setSearchQuery(e.target.value);
|
|
3686
3779
|
setCurrentPage(1);
|
|
3687
3780
|
}, placeholder: "Instance or Action...", className: "fc:w-full fc:pl-10 fc:pr-4 fc:py-2.5 fc:border fc:border-slate-200 fc:rounded-xl fc:text-sm fc:bg-slate-50/50 focus:fc:fc:outline-none focus:fc:fc:ring-4 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:text-slate-700 fc:placeholder-slate-400 fc:transition-all fc:shadow-sm" })
|
|
@@ -3689,8 +3782,8 @@ function SearchBar5({
|
|
|
3689
3782
|
}
|
|
3690
3783
|
|
|
3691
3784
|
// src/components/MovementHistory/MovementHistoryTable.jsx
|
|
3692
|
-
var
|
|
3693
|
-
var
|
|
3785
|
+
var import_react37 = __toESM(require("react"));
|
|
3786
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
3694
3787
|
function MovementHistoryTable({
|
|
3695
3788
|
pageSize,
|
|
3696
3789
|
searchQuery = "",
|
|
@@ -3899,9 +3992,9 @@ function MovementHistoryTable({
|
|
|
3899
3992
|
toStepId: "APPROVE",
|
|
3900
3993
|
movedOn: "2026-02-12"
|
|
3901
3994
|
}];
|
|
3902
|
-
const [data, setData] = (0,
|
|
3903
|
-
const [sortOrder, setSortOrder] = (0,
|
|
3904
|
-
const [sortKey, setSortKey] = (0,
|
|
3995
|
+
const [data, setData] = (0, import_react37.useState)(initialData);
|
|
3996
|
+
const [sortOrder, setSortOrder] = (0, import_react37.useState)("asc");
|
|
3997
|
+
const [sortKey, setSortKey] = (0, import_react37.useState)("movementHistoryId");
|
|
3905
3998
|
const handleSort = (columnKey) => {
|
|
3906
3999
|
const isAsc = sortKey === columnKey && sortOrder === "asc";
|
|
3907
4000
|
setSortOrder(isAsc ? "desc" : "asc");
|
|
@@ -3917,7 +4010,7 @@ function MovementHistoryTable({
|
|
|
3917
4010
|
const query = (searchQuery || "").toLowerCase();
|
|
3918
4011
|
return item.movementHistoryId.toLowerCase().includes(query) || item.name.toLowerCase().includes(query) || item.toStepId.toLowerCase().includes(query);
|
|
3919
4012
|
});
|
|
3920
|
-
(0,
|
|
4013
|
+
(0, import_react37.useEffect)(() => {
|
|
3921
4014
|
if (setTotalEntries) setTotalEntries(filteredData.length);
|
|
3922
4015
|
}, [filteredData.length, setTotalEntries]);
|
|
3923
4016
|
const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
|
|
@@ -3940,141 +4033,141 @@ function MovementHistoryTable({
|
|
|
3940
4033
|
return "bg-slate-50 text-slate-700 border border-slate-200";
|
|
3941
4034
|
}
|
|
3942
4035
|
};
|
|
3943
|
-
return /* @__PURE__ */ (0,
|
|
3944
|
-
/* @__PURE__ */ (0,
|
|
3945
|
-
/* @__PURE__ */ (0,
|
|
3946
|
-
/* @__PURE__ */ (0,
|
|
3947
|
-
/* @__PURE__ */ (0,
|
|
4036
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "fc:space-y-5", children: [
|
|
4037
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "fc:w-full fc:overflow-x-auto fc:border fc:border-slate-200 fc:rounded-2xl fc:shadow-sm fc:max-h-[400px] fc:overflow-y-auto fc:custom-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-fixed fc:min-w-[900px]", children: [
|
|
4038
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("thead", { className: "fc:sticky fc:top-0 fc:z-10 fc:bg-slate-50 fc:shadow-[0_1px_0_0_rgba(226,232,240,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("tr", { className: "fc:text-xs fc:font-bold fc:tracking-wider fc:text-slate-500", children: [
|
|
4039
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("th", { className: "fc:py-4 fc:px-5 fc:w-20 fc:text-center fc:bg-slate-50", children: "S.No" }),
|
|
4040
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("th", { onClick: () => handleSort("movementHistoryId"), className: "fc:py-4 fc:px-5 fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:w-44", children: [
|
|
3948
4041
|
"Movement History ID ",
|
|
3949
4042
|
sortKey === "movementHistoryId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3950
4043
|
] }),
|
|
3951
|
-
/* @__PURE__ */ (0,
|
|
4044
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("th", { onClick: () => handleSort("name"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50 fc:w-56", children: [
|
|
3952
4045
|
"Name ",
|
|
3953
4046
|
sortKey === "name" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3954
4047
|
] }),
|
|
3955
|
-
/* @__PURE__ */ (0,
|
|
4048
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("th", { onClick: () => handleSort("fileInstanceId"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50", children: [
|
|
3956
4049
|
"File Instance ID ",
|
|
3957
4050
|
sortKey === "fileInstanceId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3958
4051
|
] }),
|
|
3959
|
-
/* @__PURE__ */ (0,
|
|
4052
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("th", { onClick: () => handleSort("fromStepId"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50", children: [
|
|
3960
4053
|
"FromStepID ",
|
|
3961
4054
|
sortKey === "fromStepId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3962
4055
|
] }),
|
|
3963
|
-
/* @__PURE__ */ (0,
|
|
4056
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("th", { onClick: () => handleSort("toStepId"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50", children: [
|
|
3964
4057
|
"ToStepID ",
|
|
3965
4058
|
sortKey === "toStepId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3966
4059
|
] }),
|
|
3967
|
-
/* @__PURE__ */ (0,
|
|
4060
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("th", { onClick: () => handleSort("movedOn"), className: "fc:py-4 fc:px-5 fc:text-medium fc:cursor-pointer fc:select-none hover:fc:fc:text-slate-900 fc:bg-slate-50", children: [
|
|
3968
4061
|
"ActionCode ",
|
|
3969
4062
|
sortKey === "movedOn" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3970
4063
|
] })
|
|
3971
4064
|
] }) }),
|
|
3972
|
-
/* @__PURE__ */ (0,
|
|
3973
|
-
/* @__PURE__ */ (0,
|
|
3974
|
-
/* @__PURE__ */ (0,
|
|
3975
|
-
/* @__PURE__ */ (0,
|
|
3976
|
-
/* @__PURE__ */ (0,
|
|
3977
|
-
/* @__PURE__ */ (0,
|
|
3978
|
-
/* @__PURE__ */ (0,
|
|
3979
|
-
/* @__PURE__ */ (0,
|
|
4065
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
|
|
4066
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:font-medium fc:text-slate-400 fc:w-20", children: startIndex + index + 1 }),
|
|
4067
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-900 fc:text-[14px]", children: item.movementHistoryId }),
|
|
4068
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-900 fc:font-medium fc:truncate", children: item.name }),
|
|
4069
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500", children: item.fileInstanceId }),
|
|
4070
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500", children: item.fromStepId }),
|
|
4071
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("td", { className: "fc:py-4 fc:px-5 fc:font-semibold fc:text-slate-700", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: `fc:px-2.5 fc:py-1 fc:text-[11px] fc:font-bold fc:rounded-md${getActionBadgeColor(item.toStepId)}`, children: item.toStepId }) }),
|
|
4072
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500", children: item.movedOn })
|
|
3980
4073
|
] }, item.id)) })
|
|
3981
4074
|
] }) }),
|
|
3982
|
-
/* @__PURE__ */ (0,
|
|
3983
|
-
/* @__PURE__ */ (0,
|
|
3984
|
-
pageNumbers.map((pageNumber) => /* @__PURE__ */ (0,
|
|
3985
|
-
/* @__PURE__ */ (0,
|
|
4075
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "fc:flex fc:items-center fc:justify-end fc:gap-1 fc:text-[13px] fc:text-slate-700 fc:font-normal fc:mt-4 fc:bg-slate-50/50 fc:p-3 fc:rounded-xl fc:border fc:border-slate-100", children: [
|
|
4076
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("button", { onClick: () => setCurrentPage((prev) => Math.max(prev - 1, 1)), disabled: currentPage === 1, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:mr-2 disabled:fc:fc:opacity-40", children: "\u2039 Prev" }),
|
|
4077
|
+
pageNumbers.map((pageNumber) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("button", { onClick: () => setCurrentPage(pageNumber), className: `fc:px-3 fc:py-1 fc:text-center fc:rounded fc:transition-all fc:min-w-[28px]${currentPage === pageNumber ? "bg-blue-600 text-white font-medium shadow-sm" : "text-slate-600 hover:bg-slate-100"}`, children: pageNumber }, pageNumber)),
|
|
4078
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("button", { onClick: () => setCurrentPage((prev) => Math.min(prev + 1, totalPages)), disabled: currentPage === totalPages, className: "fc:px-2.5 fc:py-1 fc:text-slate-500 hover:fc:fc:text-slate-900 fc:ml-2 disabled:fc:fc:opacity-40", children: "Next \u203A" })
|
|
3986
4079
|
] })
|
|
3987
4080
|
] });
|
|
3988
4081
|
}
|
|
3989
4082
|
|
|
3990
4083
|
// src/components/MovementHistory/AddMovementHistoryModal.jsx
|
|
3991
|
-
var
|
|
3992
|
-
var
|
|
4084
|
+
var import_react38 = __toESM(require("react"));
|
|
4085
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
3993
4086
|
function AddMovementHistoryModal({
|
|
3994
4087
|
isOpen,
|
|
3995
4088
|
onClose
|
|
3996
4089
|
}) {
|
|
3997
4090
|
if (!isOpen) return null;
|
|
3998
|
-
return /* @__PURE__ */ (0,
|
|
3999
|
-
/* @__PURE__ */ (0,
|
|
4000
|
-
/* @__PURE__ */ (0,
|
|
4001
|
-
/* @__PURE__ */ (0,
|
|
4002
|
-
/* @__PURE__ */ (0,
|
|
4003
|
-
/* @__PURE__ */ (0,
|
|
4004
|
-
/* @__PURE__ */ (0,
|
|
4091
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
|
|
4092
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity", onClick: onClose }),
|
|
4093
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "fc:relative fc:w-full fc:max-w-2xl fc:bg-white fc:rounded-3xl fc:shadow-2xl fc:flex fc:flex-col fc:z-10 fc:max-h-[92vh] fc:overflow-hidden fc:animate-in fc:fade-in fc:zoom-in-95 fc:duration-200", children: [
|
|
4094
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-8 fc:py-5 fc:border-b fc:border-slate-100", children: [
|
|
4095
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { children: [
|
|
4096
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h2", { className: "fc:text-lg fc:font-extrabold fc:text-slate-800", children: "Add Movement History" }),
|
|
4097
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: "Create a new movement audit trail entry" })
|
|
4005
4098
|
] }),
|
|
4006
|
-
/* @__PURE__ */ (0,
|
|
4099
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("button", { onClick: onClose, className: "fc:text-slate-400 hover:fc:fc:text-slate-600 fc:p-1.5 fc:rounded-full fc:transition-all fc:text-sm fc:font-semibold", children: "\u2715" })
|
|
4007
4100
|
] }),
|
|
4008
|
-
/* @__PURE__ */ (0,
|
|
4009
|
-
/* @__PURE__ */ (0,
|
|
4010
|
-
/* @__PURE__ */ (0,
|
|
4011
|
-
/* @__PURE__ */ (0,
|
|
4012
|
-
/* @__PURE__ */ (0,
|
|
4013
|
-
/* @__PURE__ */ (0,
|
|
4101
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "fc:p-6 fc:space-y-5 fc:overflow-y-auto fc:bg-slate-50/30", children: [
|
|
4102
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
4103
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { children: [
|
|
4104
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Movement History ID *" }),
|
|
4105
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("input", { type: "text", placeholder: "e.g. 21", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none" }),
|
|
4106
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Unique primary key for history record" })
|
|
4014
4107
|
] }),
|
|
4015
|
-
/* @__PURE__ */ (0,
|
|
4016
|
-
/* @__PURE__ */ (0,
|
|
4017
|
-
/* @__PURE__ */ (0,
|
|
4018
|
-
/* @__PURE__ */ (0,
|
|
4108
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { children: [
|
|
4109
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "File Instance ID *" }),
|
|
4110
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("input", { type: "text", placeholder: "e.g. 101", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none" }),
|
|
4111
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Associated unique document/transaction ID" })
|
|
4019
4112
|
] })
|
|
4020
4113
|
] }),
|
|
4021
|
-
/* @__PURE__ */ (0,
|
|
4022
|
-
/* @__PURE__ */ (0,
|
|
4023
|
-
/* @__PURE__ */ (0,
|
|
4024
|
-
/* @__PURE__ */ (0,
|
|
4025
|
-
/* @__PURE__ */ (0,
|
|
4114
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
4115
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { children: [
|
|
4116
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "From Step ID *" }),
|
|
4117
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("input", { type: "text", placeholder: "e.g. 1", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none" }),
|
|
4118
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Starting step workflow node" })
|
|
4026
4119
|
] }),
|
|
4027
|
-
/* @__PURE__ */ (0,
|
|
4028
|
-
/* @__PURE__ */ (0,
|
|
4029
|
-
/* @__PURE__ */ (0,
|
|
4030
|
-
/* @__PURE__ */ (0,
|
|
4120
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { children: [
|
|
4121
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "To Step ID *" }),
|
|
4122
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("input", { type: "text", placeholder: "e.g. 2", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 focus:fc:fc:ring-2 focus:fc:fc:ring-blue-500/10 focus:fc:fc:border-blue-500 fc:outline-none" }),
|
|
4123
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Destination target step node" })
|
|
4031
4124
|
] })
|
|
4032
4125
|
] }),
|
|
4033
|
-
/* @__PURE__ */ (0,
|
|
4034
|
-
/* @__PURE__ */ (0,
|
|
4035
|
-
/* @__PURE__ */ (0,
|
|
4036
|
-
/* @__PURE__ */ (0,
|
|
4037
|
-
/* @__PURE__ */ (0,
|
|
4038
|
-
/* @__PURE__ */ (0,
|
|
4039
|
-
/* @__PURE__ */ (0,
|
|
4040
|
-
/* @__PURE__ */ (0,
|
|
4126
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
4127
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { children: [
|
|
4128
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Action Code *" }),
|
|
4129
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("select", { className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:border-blue-500 fc:outline-none", children: [
|
|
4130
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("option", { value: "APPROVE", children: "APPROVE" }),
|
|
4131
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("option", { value: "RETURN", children: "RETURN" }),
|
|
4132
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("option", { value: "FORWARD", children: "FORWARD" }),
|
|
4133
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("option", { value: "REJECT", children: "REJECT" })
|
|
4041
4134
|
] }),
|
|
4042
|
-
/* @__PURE__ */ (0,
|
|
4135
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Execution code action state" })
|
|
4043
4136
|
] }),
|
|
4044
|
-
/* @__PURE__ */ (0,
|
|
4045
|
-
/* @__PURE__ */ (0,
|
|
4046
|
-
/* @__PURE__ */ (0,
|
|
4047
|
-
/* @__PURE__ */ (0,
|
|
4137
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { children: [
|
|
4138
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Moved On *" }),
|
|
4139
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("input", { type: "date", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:bg-white fc:text-slate-700 focus:fc:fc:border-blue-500 fc:outline-none" }),
|
|
4140
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Movement record date timestamp" })
|
|
4048
4141
|
] })
|
|
4049
4142
|
] }),
|
|
4050
|
-
/* @__PURE__ */ (0,
|
|
4051
|
-
/* @__PURE__ */ (0,
|
|
4052
|
-
/* @__PURE__ */ (0,
|
|
4053
|
-
/* @__PURE__ */ (0,
|
|
4143
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { children: [
|
|
4144
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Movement Comments / Remarks" }),
|
|
4145
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("textarea", { rows: 2, placeholder: "Enter audit remarks or transaction notes...", className: "fc:w-full fc:p-2 fc:border fc:border-slate-200 fc:rounded-xl fc:text-xs fc:placeholder-slate-400 fc:text-slate-700 fc:resize-none focus:fc:fc:border-blue-500 fc:outline-none" }),
|
|
4146
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Optional workflow remarks for documentation" })
|
|
4054
4147
|
] })
|
|
4055
4148
|
] }),
|
|
4056
|
-
/* @__PURE__ */ (0,
|
|
4057
|
-
/* @__PURE__ */ (0,
|
|
4058
|
-
/* @__PURE__ */ (0,
|
|
4149
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "fc:flex fc:justify-end fc:gap-3 fc:px-8 fc:py-4 fc:border-t fc:border-slate-100 fc:bg-white", children: [
|
|
4150
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("button", { onClick: onClose, className: "fc:px-4 fc:py-2 fc:text-xs fc:font-bold fc:text-slate-500 hover:fc:fc:text-slate-700 fc:transition-colors", children: "\u2715 Cancel" }),
|
|
4151
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("button", { className: "fc:px-5 fc:py-2 fc:text-xs fc:font-bold fc:text-white fc:bg-blue-600 hover:fc:fc:bg-blue-700 fc:rounded-xl fc:transition-all fc:shadow-sm", children: "Save Record" })
|
|
4059
4152
|
] })
|
|
4060
4153
|
] })
|
|
4061
4154
|
] });
|
|
4062
4155
|
}
|
|
4063
4156
|
|
|
4064
4157
|
// src/components/MovementHistory/MovementHistorymain.jsx
|
|
4065
|
-
var
|
|
4158
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
4066
4159
|
function MovementHistorymain() {
|
|
4067
|
-
const [modalOpen, setModalOpen] = (0,
|
|
4068
|
-
const [pageSize, setPageSize] = (0,
|
|
4069
|
-
const [searchQuery, setSearchQuery] = (0,
|
|
4070
|
-
const [currentPage, setCurrentPage] = (0,
|
|
4071
|
-
const [totalEntries, setTotalEntries] = (0,
|
|
4160
|
+
const [modalOpen, setModalOpen] = (0, import_react39.useState)(false);
|
|
4161
|
+
const [pageSize, setPageSize] = (0, import_react39.useState)(10);
|
|
4162
|
+
const [searchQuery, setSearchQuery] = (0, import_react39.useState)("");
|
|
4163
|
+
const [currentPage, setCurrentPage] = (0, import_react39.useState)(1);
|
|
4164
|
+
const [totalEntries, setTotalEntries] = (0, import_react39.useState)(0);
|
|
4072
4165
|
const handlePageSizeChange = (e) => {
|
|
4073
4166
|
setPageSize(Number(e.target.value));
|
|
4074
4167
|
setCurrentPage(1);
|
|
4075
4168
|
};
|
|
4076
|
-
return /* @__PURE__ */ (0,
|
|
4077
|
-
/* @__PURE__ */ (0,
|
|
4169
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
|
|
4170
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CommonHeader, { title: "Movement History", breadcrumbs: [{
|
|
4078
4171
|
label: "Dashboard",
|
|
4079
4172
|
href: "/dashboard"
|
|
4080
4173
|
}, {
|
|
@@ -4087,113 +4180,113 @@ function MovementHistorymain() {
|
|
|
4087
4180
|
label: "Movement History",
|
|
4088
4181
|
href: "/movementhistory"
|
|
4089
4182
|
}], buttonText: "Add Movement History", onButtonClick: () => setModalOpen(true) }),
|
|
4090
|
-
/* @__PURE__ */ (0,
|
|
4091
|
-
/* @__PURE__ */ (0,
|
|
4092
|
-
/* @__PURE__ */ (0,
|
|
4093
|
-
/* @__PURE__ */ (0,
|
|
4094
|
-
/* @__PURE__ */ (0,
|
|
4095
|
-
/* @__PURE__ */ (0,
|
|
4096
|
-
/* @__PURE__ */ (0,
|
|
4097
|
-
/* @__PURE__ */ (0,
|
|
4183
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "fc:w-full fc:space-y-5", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "fc:bg-white fc:p-6 fc:rounded-2xl fc:border fc:border-slate-200/80 fc:shadow-sm fc:space-y-5", children: [
|
|
4184
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
|
|
4185
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SearchBar5, { searchQuery, setSearchQuery, setCurrentPage }) }),
|
|
4186
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("select", { value: pageSize, onChange: handlePageSizeChange, className: "fc:border fc:border-slate-200 fc:rounded-lg fc:px-3 fc:py-2 fc:text-sm fc:bg-white fc:cursor-pointer fc:outline-none fc:shadow-sm fc:text-slate-700", children: [
|
|
4187
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("option", { value: 5, children: "5 Rows" }),
|
|
4188
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("option", { value: 10, children: "10 Rows" }),
|
|
4189
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("option", { value: 20, children: "20 Rows" }),
|
|
4190
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("option", { value: 25, children: "25 Rows" })
|
|
4098
4191
|
] }) })
|
|
4099
4192
|
] }),
|
|
4100
|
-
/* @__PURE__ */ (0,
|
|
4193
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(MovementHistoryTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries })
|
|
4101
4194
|
] }) }),
|
|
4102
|
-
/* @__PURE__ */ (0,
|
|
4195
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(AddMovementHistoryModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
|
|
4103
4196
|
] });
|
|
4104
4197
|
}
|
|
4105
4198
|
|
|
4106
4199
|
// src/components/Sidebar.jsx
|
|
4107
|
-
var
|
|
4200
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
4108
4201
|
var workflowItems = [
|
|
4109
4202
|
// Menu Name testing // component or page-Use function name
|
|
4110
4203
|
{
|
|
4111
4204
|
name: "Workflow Type",
|
|
4112
4205
|
component: "workflowType",
|
|
4113
|
-
icon:
|
|
4206
|
+
icon: import_react41.RiGitMergeLine
|
|
4114
4207
|
},
|
|
4115
4208
|
{
|
|
4116
4209
|
name: "Workflow",
|
|
4117
4210
|
component: "workflow",
|
|
4118
|
-
icon:
|
|
4211
|
+
icon: import_react41.RiNodeTree
|
|
4119
4212
|
},
|
|
4120
4213
|
{
|
|
4121
4214
|
name: "Workflow Step",
|
|
4122
4215
|
component: "workflowStep",
|
|
4123
|
-
icon:
|
|
4216
|
+
icon: import_react41.RiGitBranchLine
|
|
4124
4217
|
},
|
|
4125
4218
|
{
|
|
4126
4219
|
name: "Workflow Transition",
|
|
4127
4220
|
component: "workflowTransition",
|
|
4128
|
-
icon:
|
|
4221
|
+
icon: import_react41.RiCornerDownRightLine
|
|
4129
4222
|
}
|
|
4130
4223
|
];
|
|
4131
4224
|
var permissionItems = [{
|
|
4132
4225
|
name: "Task Permission",
|
|
4133
4226
|
component: "Task_permission_main",
|
|
4134
|
-
icon:
|
|
4227
|
+
icon: import_react41.RiUserSettingsLine
|
|
4135
4228
|
}, {
|
|
4136
4229
|
name: "Assignment Rule",
|
|
4137
4230
|
component: "Assignment_rule_main",
|
|
4138
|
-
icon:
|
|
4231
|
+
icon: import_react41.RiFileShieldLine
|
|
4139
4232
|
}];
|
|
4140
4233
|
var hierarchyItems = [{
|
|
4141
4234
|
name: "Hierarchy Node",
|
|
4142
4235
|
path: "/HierarchyNodePage",
|
|
4143
|
-
icon:
|
|
4236
|
+
icon: import_react41.RiNodeTree
|
|
4144
4237
|
}, {
|
|
4145
4238
|
name: "User Hierarchy Mapping",
|
|
4146
4239
|
component: "User_hierarchy_mapping_main",
|
|
4147
|
-
icon:
|
|
4240
|
+
icon: import_react41.RiUserSharedLine
|
|
4148
4241
|
}, {
|
|
4149
4242
|
name: "Workflow Settings",
|
|
4150
4243
|
component: "WorkflowSettingMain",
|
|
4151
|
-
icon:
|
|
4244
|
+
icon: import_react41.RiSettings4Line
|
|
4152
4245
|
}];
|
|
4153
4246
|
var documentItems = [{
|
|
4154
4247
|
name: "Document Configuration",
|
|
4155
4248
|
component: "DocumentConfigurationmain",
|
|
4156
|
-
icon:
|
|
4249
|
+
icon: import_react41.RiFileSettingsLine
|
|
4157
4250
|
}];
|
|
4158
4251
|
var fileItems = [{
|
|
4159
4252
|
name: "File Instance",
|
|
4160
4253
|
path: "/FileInstance",
|
|
4161
|
-
icon:
|
|
4254
|
+
icon: import_react41.RiFileList3Line
|
|
4162
4255
|
}, {
|
|
4163
4256
|
name: "BusinessEntity",
|
|
4164
4257
|
path: "/BusinessEntity",
|
|
4165
|
-
icon:
|
|
4258
|
+
icon: import_react41.RiFileList3Line
|
|
4166
4259
|
}, {
|
|
4167
4260
|
name: "File Pool",
|
|
4168
4261
|
path: "/FilePoolPage",
|
|
4169
|
-
icon:
|
|
4262
|
+
icon: import_react41.RiDatabase2Line
|
|
4170
4263
|
}, {
|
|
4171
4264
|
name: "Uploaded Document",
|
|
4172
4265
|
path: "/UploadedDocumentPage",
|
|
4173
|
-
icon:
|
|
4266
|
+
icon: import_react41.RiFileUploadLine
|
|
4174
4267
|
}];
|
|
4175
4268
|
var communicationItems = [{
|
|
4176
4269
|
name: "Notification",
|
|
4177
4270
|
component: "Notification_main",
|
|
4178
|
-
icon:
|
|
4271
|
+
icon: import_react41.RiNotification4Line
|
|
4179
4272
|
}, {
|
|
4180
4273
|
name: "Comment",
|
|
4181
4274
|
path: "/comment",
|
|
4182
|
-
icon:
|
|
4275
|
+
icon: import_react41.RiChat3Line
|
|
4183
4276
|
}];
|
|
4184
4277
|
var taskItems = [{
|
|
4185
4278
|
name: "Task Instance",
|
|
4186
4279
|
path: "/taskinstance",
|
|
4187
|
-
icon:
|
|
4280
|
+
icon: import_react41.RiCheckboxMultipleLine
|
|
4188
4281
|
}];
|
|
4189
4282
|
var trackingItems = [{
|
|
4190
4283
|
name: "Audit Log",
|
|
4191
4284
|
component: "AuditLogmain",
|
|
4192
|
-
icon:
|
|
4285
|
+
icon: import_react41.RiShieldCheckLine
|
|
4193
4286
|
}, {
|
|
4194
4287
|
name: "Movement History",
|
|
4195
4288
|
component: "MovementHistorymain",
|
|
4196
|
-
icon:
|
|
4289
|
+
icon: import_react41.RiHistoryLine
|
|
4197
4290
|
}];
|
|
4198
4291
|
function Sidebar({
|
|
4199
4292
|
isOpen,
|
|
@@ -4201,20 +4294,20 @@ function Sidebar({
|
|
|
4201
4294
|
childrens
|
|
4202
4295
|
}) {
|
|
4203
4296
|
const router = (0, import_router.useRouter)();
|
|
4204
|
-
const [workflowOpen, setWorkflowOpen] = (0,
|
|
4205
|
-
const [permissionOpen, setPermissionOpen] = (0,
|
|
4206
|
-
const [hierarchyOpen, setHierarchyOpen] = (0,
|
|
4207
|
-
const [documentOpen, setDocumentOpen] = (0,
|
|
4208
|
-
const [filesOpen, setFilesOpen] = (0,
|
|
4209
|
-
const [tasksOpen, setTasksOpen] = (0,
|
|
4210
|
-
const [trackingOpen, setTrackingOpen] = (0,
|
|
4211
|
-
const [communicationOpen, setCommunicationOpen] = (0,
|
|
4212
|
-
const [activeComponent, setActiveComponent] = (0,
|
|
4297
|
+
const [workflowOpen, setWorkflowOpen] = (0, import_react40.useState)(false);
|
|
4298
|
+
const [permissionOpen, setPermissionOpen] = (0, import_react40.useState)(false);
|
|
4299
|
+
const [hierarchyOpen, setHierarchyOpen] = (0, import_react40.useState)(false);
|
|
4300
|
+
const [documentOpen, setDocumentOpen] = (0, import_react40.useState)(false);
|
|
4301
|
+
const [filesOpen, setFilesOpen] = (0, import_react40.useState)(false);
|
|
4302
|
+
const [tasksOpen, setTasksOpen] = (0, import_react40.useState)(false);
|
|
4303
|
+
const [trackingOpen, setTrackingOpen] = (0, import_react40.useState)(false);
|
|
4304
|
+
const [communicationOpen, setCommunicationOpen] = (0, import_react40.useState)(false);
|
|
4305
|
+
const [activeComponent, setActiveComponent] = (0, import_react40.useState)("workflowType");
|
|
4213
4306
|
const renderMenuItemold = (item) => {
|
|
4214
4307
|
const Icon = item.icon;
|
|
4215
|
-
return /* @__PURE__ */ (0,
|
|
4216
|
-
/* @__PURE__ */ (0,
|
|
4217
|
-
/* @__PURE__ */ (0,
|
|
4308
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("button", { type: "button", className: `fc:flex fc:h-[48px] fc:w-full fc:items-center fc:gap-[8px] fc:rounded-[9px] fc:px-[8px] fc:text-left fc:transition-colors fc:duration-150${router.pathname === item.path ? "bg-blue-50 text-blue-600" : "text-[#344261] hover:bg-[#F6F8FC]"}`, onClick: () => router.push(item.path), children: [
|
|
4309
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "fc:flex fc:h-[20px] fc:w-[20px] fc:shrink-0 fc:items-center fc:justify-center fc:rounded-[6px] fc:text-[#405170]", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon, { size: 17 }) }),
|
|
4310
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "fc:flex-1 fc:whitespace-nowrap fc:text-[13px] fc:font-medium fc:leading-[20px]", children: item.name })
|
|
4218
4311
|
] }, item.name);
|
|
4219
4312
|
};
|
|
4220
4313
|
const renderMenuItem = (item) => {
|
|
@@ -4230,94 +4323,94 @@ function Sidebar({
|
|
|
4230
4323
|
router.push(item.path);
|
|
4231
4324
|
}
|
|
4232
4325
|
};
|
|
4233
|
-
return /* @__PURE__ */ (0,
|
|
4234
|
-
/* @__PURE__ */ (0,
|
|
4235
|
-
/* @__PURE__ */ (0,
|
|
4326
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("button", { onClick: handleClick, className: `fc:flex fc:h-[48px] fc:w-full fc:min-w-0 fc:items-center fc:gap-[6px] fc:rounded-[9px] fc:px-[6px]${item.component ? activeComponent === item.component ? "bg-blue-50 text-blue-600" : "text-[#344261] hover:bg-[#F6F8FC]" : router.pathname === item.path ? "bg-blue-50 text-blue-600" : "text-[#344261] hover:bg-[#F6F8FC]"}`, children: [
|
|
4327
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon, { size: 16 }),
|
|
4328
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "fc:min-w-0 fc:flex-1 fc:whitespace-nowrap fc:text-[13px] fc:font-medium fc:leading-[20px]", children: item.name })
|
|
4236
4329
|
] }, item.name);
|
|
4237
4330
|
};
|
|
4238
4331
|
const renderContent = () => {
|
|
4239
4332
|
switch (activeComponent) {
|
|
4240
4333
|
case "workflowType":
|
|
4241
|
-
return /* @__PURE__ */ (0,
|
|
4334
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(WorkflowTypeMains, {});
|
|
4242
4335
|
case "workflow":
|
|
4243
|
-
return /* @__PURE__ */ (0,
|
|
4336
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(WorkflowPage, {});
|
|
4244
4337
|
case "workflowStep":
|
|
4245
|
-
return /* @__PURE__ */ (0,
|
|
4338
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(WorkflowStep, {});
|
|
4246
4339
|
case "workflowTransition":
|
|
4247
|
-
return /* @__PURE__ */ (0,
|
|
4340
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(WorkFlowTransition, {});
|
|
4248
4341
|
case "User_hierarchy_mapping_main":
|
|
4249
|
-
return /* @__PURE__ */ (0,
|
|
4342
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(User_hierarchy_mapping_main, {});
|
|
4250
4343
|
case "DocumentConfigurationmain":
|
|
4251
|
-
return /* @__PURE__ */ (0,
|
|
4344
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DocumentConfigurationmain, {});
|
|
4252
4345
|
case "AuditLogmain":
|
|
4253
|
-
return /* @__PURE__ */ (0,
|
|
4346
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(AuditLogmain, {});
|
|
4254
4347
|
case "MovementHistorymain":
|
|
4255
|
-
return /* @__PURE__ */ (0,
|
|
4348
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(MovementHistorymain, {});
|
|
4256
4349
|
default:
|
|
4257
4350
|
return childrens;
|
|
4258
4351
|
}
|
|
4259
4352
|
};
|
|
4260
4353
|
const renderDropdown = (title, open, setOpen, items, HeadingIcon) => {
|
|
4261
|
-
return /* @__PURE__ */ (0,
|
|
4262
|
-
/* @__PURE__ */ (0,
|
|
4263
|
-
/* @__PURE__ */ (0,
|
|
4264
|
-
HeadingIcon && /* @__PURE__ */ (0,
|
|
4265
|
-
/* @__PURE__ */ (0,
|
|
4354
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "fc:mb-2", children: [
|
|
4355
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("button", { type: "button", onClick: () => setOpen(!open), className: "fc:flex fc:h-[50px] fc:w-full fc:items-center fc:justify-between fc:rounded-[9px] fc:px-[17px] fc:text-left fc:text-[#344261] fc:transition-colors fc:duration-150 hover:fc:fc:bg-[#F6F8FC]", children: [
|
|
4356
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-[8px]", children: [
|
|
4357
|
+
HeadingIcon && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(HeadingIcon, { size: 18, className: "fc:text-[#405170] fc:shrink-0" }),
|
|
4358
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "fc:text-[16px] fc:font-semibold", children: title })
|
|
4266
4359
|
] }),
|
|
4267
|
-
open ? /* @__PURE__ */ (0,
|
|
4360
|
+
open ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react41.RiArrowDownSLine, { size: 18 }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react41.RiArrowRightSLine, { size: 18 })
|
|
4268
4361
|
] }),
|
|
4269
|
-
open && /* @__PURE__ */ (0,
|
|
4362
|
+
open && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "fc:ml-[2px] fc:border-l fc:border-[#E5E9F1] fc:pl-[2px]", children: items.map(renderMenuItem) })
|
|
4270
4363
|
] });
|
|
4271
4364
|
};
|
|
4272
|
-
return /* @__PURE__ */ (0,
|
|
4273
|
-
/* @__PURE__ */ (0,
|
|
4274
|
-
/* @__PURE__ */ (0,
|
|
4275
|
-
/* @__PURE__ */ (0,
|
|
4276
|
-
/* @__PURE__ */ (0,
|
|
4277
|
-
/* @__PURE__ */ (0,
|
|
4278
|
-
/* @__PURE__ */ (0,
|
|
4279
|
-
/* @__PURE__ */ (0,
|
|
4280
|
-
/* @__PURE__ */ (0,
|
|
4365
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
|
|
4366
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("aside", { className: `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 ? "w-[285px] min-w-[285px] translate-x-0 opacity-100" : "w-0 min-w-0 -translate-x-full opacity-0"}`, children: [
|
|
4367
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("header", { className: "fc:flex fc:h-[84px] fc:items-center fc:justify-between fc:border-b fc:border-[#EDF0F5] fc:px-[14px]", children: [
|
|
4368
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
|
|
4369
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("svg", { width: "36", height: "42", viewBox: "0 0 48 56", fill: "none", children: [
|
|
4370
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { d: "M24 2L45 12.5L24 23L3 12.5L24 2Z", fill: "#356AF3" }),
|
|
4371
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { d: "M24 8L34 13L24 18L14 13L24 8Z", fill: "white" }),
|
|
4372
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { d: "M3 20L24 30.5L45 20V27L24 37.5L3 27V20Z", fill: "#356AF3" }),
|
|
4373
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("path", { d: "M3 33L24 43.5L45 33V40L24 50.5L3 40V33Z", fill: "#356AF3" })
|
|
4281
4374
|
] }),
|
|
4282
|
-
/* @__PURE__ */ (0,
|
|
4283
|
-
/* @__PURE__ */ (0,
|
|
4284
|
-
/* @__PURE__ */ (0,
|
|
4375
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { children: [
|
|
4376
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h1", { className: "fc:text-[18px] fc:font-extrabold fc:text-[#101318]", children: "FLOWCORE" }),
|
|
4377
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "fc:text-[12px] fc:text-[#344261]", children: "Workflow Engine" })
|
|
4285
4378
|
] })
|
|
4286
4379
|
] }),
|
|
4287
|
-
/* @__PURE__ */ (0,
|
|
4380
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("button", { type: "button", onClick: onToggle, className: "fc:flex fc:h-8 fc:w-8 fc:items-center fc:justify-center fc:rounded-lg hover:fc:fc:bg-gray-100", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react41.RiMenuLine, { size: 18 }) })
|
|
4288
4381
|
] }),
|
|
4289
|
-
/* @__PURE__ */ (0,
|
|
4290
|
-
/* @__PURE__ */ (0,
|
|
4291
|
-
/* @__PURE__ */ (0,
|
|
4292
|
-
renderDropdown("Workflow", workflowOpen, setWorkflowOpen, workflowItems,
|
|
4293
|
-
renderDropdown("Permissions", permissionOpen, setPermissionOpen, permissionItems,
|
|
4294
|
-
renderDropdown("Documents", documentOpen, setDocumentOpen, documentItems,
|
|
4295
|
-
renderDropdown("Hierarchy", hierarchyOpen, setHierarchyOpen, hierarchyItems,
|
|
4382
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "fc:min-h-0 fc:flex-1 fc:overflow-y-auto fc:overflow-x-hidden fc:px-[27px] fc:pb-[30px] fc:pt-[31px]", children: [
|
|
4383
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "fc:mb-[19px] fc:ml-[15px] fc:text-[14px] fc:font-bold fc:uppercase fc:leading-[20px] fc:tracking-[0.2px] fc:text-[#3C4D74]", children: "Configuration Masters" }),
|
|
4384
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "fc:flex fc:flex-col fc:gap-[3px]", children: [
|
|
4385
|
+
renderDropdown("Workflow", workflowOpen, setWorkflowOpen, workflowItems, import_react41.RiNodeTree),
|
|
4386
|
+
renderDropdown("Permissions", permissionOpen, setPermissionOpen, permissionItems, import_react41.RiShieldUserLine),
|
|
4387
|
+
renderDropdown("Documents", documentOpen, setDocumentOpen, documentItems, import_react41.RiFileSettingsLine),
|
|
4388
|
+
renderDropdown("Hierarchy", hierarchyOpen, setHierarchyOpen, hierarchyItems, import_react41.RiNodeTree)
|
|
4296
4389
|
] }),
|
|
4297
|
-
/* @__PURE__ */ (0,
|
|
4298
|
-
/* @__PURE__ */ (0,
|
|
4299
|
-
renderDropdown("Files", filesOpen, setFilesOpen, fileItems,
|
|
4300
|
-
renderDropdown("Tasks", tasksOpen, setTasksOpen, taskItems,
|
|
4301
|
-
renderDropdown("Tracking", trackingOpen, setTrackingOpen, trackingItems,
|
|
4302
|
-
renderDropdown("Communication", communicationOpen, setCommunicationOpen, communicationItems,
|
|
4390
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "fc:mb-[19px] fc:ml-[15px] fc:mt-[39px] fc:text-[14px] fc:font-bold fc:uppercase fc:leading-[20px] fc:tracking-[0.2px] fc:text-[#3C4D74]", children: "Runtime" }),
|
|
4391
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "fc:flex fc:flex-col fc:gap-[3px]", children: [
|
|
4392
|
+
renderDropdown("Files", filesOpen, setFilesOpen, fileItems, import_react41.RiFolder3Line),
|
|
4393
|
+
renderDropdown("Tasks", tasksOpen, setTasksOpen, taskItems, import_react41.RiCheckboxCircleLine),
|
|
4394
|
+
renderDropdown("Tracking", trackingOpen, setTrackingOpen, trackingItems, import_react41.RiRouteLine),
|
|
4395
|
+
renderDropdown("Communication", communicationOpen, setCommunicationOpen, communicationItems, import_react41.RiMessage2Line)
|
|
4303
4396
|
] })
|
|
4304
4397
|
] }),
|
|
4305
|
-
/* @__PURE__ */ (0,
|
|
4306
|
-
/* @__PURE__ */ (0,
|
|
4307
|
-
/* @__PURE__ */ (0,
|
|
4398
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "fc:shrink-0 fc:bg-white fc:px-[27px] fc:pb-[34px] fc:pt-[18px]", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("button", { type: "button", className: "fc:flex fc:h-[66px] fc:w-full fc:items-center fc:gap-[18px] fc:rounded-[10px] fc:border fc:border-[#E1E5ED] fc:bg-white fc:px-[23px] fc:text-left fc:text-[16px] fc:font-semibold fc:text-[#2D3A58] fc:shadow-sm hover:fc:fc:bg-[#F7F8FC] fc:transition", children: [
|
|
4399
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react41.RiSettings4Line, { size: 20 }),
|
|
4400
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: "Settings" })
|
|
4308
4401
|
] }) })
|
|
4309
4402
|
] }),
|
|
4310
|
-
/* @__PURE__ */ (0,
|
|
4311
|
-
!isOpen && /* @__PURE__ */ (0,
|
|
4403
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "fc:flex-1 fc:overflow-auto fc:bg-[#F5F7FB]", children: renderContent() }),
|
|
4404
|
+
!isOpen && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("button", { type: "button", onClick: onToggle, "aria-label": "Open sidebar", className: "fc:fixed fc:left-[20px] fc:top-[30px] fc:z-[100] fc:flex fc:h-[46px] fc:w-[46px] fc:items-center fc:justify-center fc:rounded-[9px] fc:border fc:border-[#E1E5ED] fc:bg-white fc:text-[#344261] fc:shadow-[0_2px_8px_rgba(0,0,0,0.08)] fc:transition-colors hover:fc:fc:bg-[#F3F5F9]", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react41.RiMenuLine, { size: 18 }) })
|
|
4312
4405
|
] });
|
|
4313
4406
|
}
|
|
4314
4407
|
|
|
4315
4408
|
// src/components/Layout.jsx
|
|
4316
|
-
var
|
|
4317
|
-
var
|
|
4409
|
+
var import_react42 = require("react");
|
|
4410
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
4318
4411
|
var Layout = ({ children }) => {
|
|
4319
|
-
const [isOpen, setIsOpen] = (0,
|
|
4320
|
-
return /* @__PURE__ */ (0,
|
|
4412
|
+
const [isOpen, setIsOpen] = (0, import_react42.useState)(true);
|
|
4413
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flowcore fc:flex fc:min-h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
4321
4414
|
Sidebar,
|
|
4322
4415
|
{
|
|
4323
4416
|
isOpen,
|