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.mjs
CHANGED
|
@@ -1472,8 +1472,73 @@ function AddWorkflowStepModal({
|
|
|
1472
1472
|
] });
|
|
1473
1473
|
}
|
|
1474
1474
|
|
|
1475
|
+
// src/components/Common/addbutton.js
|
|
1476
|
+
import { RotateCw, Download } from "lucide-react";
|
|
1477
|
+
import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
1478
|
+
function ActionButtons({
|
|
1479
|
+
onRefresh,
|
|
1480
|
+
onDownload
|
|
1481
|
+
}) {
|
|
1482
|
+
return /* @__PURE__ */ jsxs15("div", { className: "fc:flex fc:flex-row fc:items-center fc:gap-2", children: [
|
|
1483
|
+
/* @__PURE__ */ jsx15(
|
|
1484
|
+
"button",
|
|
1485
|
+
{
|
|
1486
|
+
onClick: onRefresh,
|
|
1487
|
+
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",
|
|
1488
|
+
children: /* @__PURE__ */ jsx15(RotateCw, { size: 22 })
|
|
1489
|
+
}
|
|
1490
|
+
),
|
|
1491
|
+
/* @__PURE__ */ jsx15(
|
|
1492
|
+
"button",
|
|
1493
|
+
{
|
|
1494
|
+
onClick: onDownload,
|
|
1495
|
+
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",
|
|
1496
|
+
children: /* @__PURE__ */ jsx15(Download, { size: 22 })
|
|
1497
|
+
}
|
|
1498
|
+
)
|
|
1499
|
+
] });
|
|
1500
|
+
}
|
|
1501
|
+
|
|
1502
|
+
// src/components/Common/refresh.js
|
|
1503
|
+
import { useCallback } from "react";
|
|
1504
|
+
function useRefresh(refreshFunction) {
|
|
1505
|
+
const handleRefresh = useCallback(() => {
|
|
1506
|
+
if (refreshFunction) {
|
|
1507
|
+
refreshFunction();
|
|
1508
|
+
} else {
|
|
1509
|
+
window.location.reload();
|
|
1510
|
+
}
|
|
1511
|
+
}, [refreshFunction]);
|
|
1512
|
+
return handleRefresh;
|
|
1513
|
+
}
|
|
1514
|
+
|
|
1515
|
+
// src/components/Common/download.js
|
|
1516
|
+
import { useCallback as useCallback2 } from "react";
|
|
1517
|
+
function useDownload(data, fileName = "Data") {
|
|
1518
|
+
return useCallback2(() => {
|
|
1519
|
+
if (!data || data.length === 0) return;
|
|
1520
|
+
const headers = Object.keys(data[0]);
|
|
1521
|
+
const csv = [
|
|
1522
|
+
headers.join(","),
|
|
1523
|
+
...data.map(
|
|
1524
|
+
(row) => headers.map((field) => `"${row[field]}"`).join(",")
|
|
1525
|
+
)
|
|
1526
|
+
].join("\n");
|
|
1527
|
+
const blob = new Blob([csv], {
|
|
1528
|
+
type: "text/csv;charset=utf-8;"
|
|
1529
|
+
});
|
|
1530
|
+
const url = URL.createObjectURL(blob);
|
|
1531
|
+
const link = document.createElement("a");
|
|
1532
|
+
link.href = url;
|
|
1533
|
+
link.download = `${fileName}.csv`;
|
|
1534
|
+
document.body.appendChild(link);
|
|
1535
|
+
link.click();
|
|
1536
|
+
document.body.removeChild(link);
|
|
1537
|
+
}, [data, fileName]);
|
|
1538
|
+
}
|
|
1539
|
+
|
|
1475
1540
|
// src/components/WorkflowStep/main.js
|
|
1476
|
-
import { Fragment, jsx as
|
|
1541
|
+
import { Fragment, jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
1477
1542
|
var workflowSteps = [{
|
|
1478
1543
|
workflowStepId: 1,
|
|
1479
1544
|
workflowId: 1,
|
|
@@ -1596,6 +1661,11 @@ var workflowSteps = [{
|
|
|
1596
1661
|
excludeHolidays: 1
|
|
1597
1662
|
}];
|
|
1598
1663
|
function WorkflowStep() {
|
|
1664
|
+
const handleRefresh = useRefresh();
|
|
1665
|
+
const handleDownload = useDownload(
|
|
1666
|
+
workflowSteps,
|
|
1667
|
+
"main"
|
|
1668
|
+
);
|
|
1599
1669
|
const [showModal, setShowModal] = useState8(false);
|
|
1600
1670
|
const [pageSize, setPageSize] = useState8(5);
|
|
1601
1671
|
const [sortConfig, setSortConfig] = useState8({
|
|
@@ -1612,9 +1682,9 @@ function WorkflowStep() {
|
|
|
1612
1682
|
direction
|
|
1613
1683
|
});
|
|
1614
1684
|
};
|
|
1615
|
-
return /* @__PURE__ */
|
|
1616
|
-
/* @__PURE__ */
|
|
1617
|
-
/* @__PURE__ */
|
|
1685
|
+
return /* @__PURE__ */ jsxs16(Fragment, { children: [
|
|
1686
|
+
/* @__PURE__ */ jsxs16("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: [
|
|
1687
|
+
/* @__PURE__ */ jsx16(CommonHeader, { title: "Workflow", breadcrumbs: [{
|
|
1618
1688
|
label: "Dashboard",
|
|
1619
1689
|
href: "/dashboard"
|
|
1620
1690
|
}, {
|
|
@@ -1624,20 +1694,29 @@ function WorkflowStep() {
|
|
|
1624
1694
|
label: "Workflow Step",
|
|
1625
1695
|
href: "/workflowStep"
|
|
1626
1696
|
}], buttonText: "Add Workflow Step", onButtonClick: () => setShowModal(true) }),
|
|
1627
|
-
/* @__PURE__ */
|
|
1628
|
-
/* @__PURE__ */
|
|
1629
|
-
/* @__PURE__ */
|
|
1630
|
-
/* @__PURE__ */
|
|
1631
|
-
/* @__PURE__ */
|
|
1697
|
+
/* @__PURE__ */ jsxs16("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: [
|
|
1698
|
+
/* @__PURE__ */ jsxs16("div", { className: "fc:flex fc:justify-between fc:items-center fc:flex-wrap fc:gap-3", children: [
|
|
1699
|
+
/* @__PURE__ */ jsxs16("div", { className: "fc:relative fc:max-w-xs fc:w-full", children: [
|
|
1700
|
+
/* @__PURE__ */ jsx16("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__ */ jsx16("svg", { className: "fc:w-4 fc:h-5 fc:text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx16("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
|
|
1701
|
+
/* @__PURE__ */ jsx16("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" })
|
|
1632
1702
|
] }),
|
|
1633
|
-
/* @__PURE__ */
|
|
1634
|
-
/* @__PURE__ */
|
|
1635
|
-
|
|
1636
|
-
|
|
1637
|
-
|
|
1703
|
+
/* @__PURE__ */ jsxs16("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:text-slate-500 fc:font-semibold", children: [
|
|
1704
|
+
/* @__PURE__ */ jsx16(
|
|
1705
|
+
ActionButtons,
|
|
1706
|
+
{
|
|
1707
|
+
onRefresh: handleRefresh,
|
|
1708
|
+
onDownload: handleDownload
|
|
1709
|
+
}
|
|
1710
|
+
),
|
|
1711
|
+
/* @__PURE__ */ jsxs16("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: [
|
|
1712
|
+
/* @__PURE__ */ jsx16("option", { value: 5, children: "5 Rows" }),
|
|
1713
|
+
/* @__PURE__ */ jsx16("option", { value: 10, children: "10 Rows" }),
|
|
1714
|
+
/* @__PURE__ */ jsx16("option", { value: 25, children: "25 Rows" })
|
|
1715
|
+
] })
|
|
1716
|
+
] })
|
|
1638
1717
|
] }),
|
|
1639
|
-
/* @__PURE__ */
|
|
1640
|
-
/* @__PURE__ */
|
|
1718
|
+
/* @__PURE__ */ jsx16("div", { className: "fc:border fc:border-slate-200 fc:rounded-2xl fc:overflow-hidden fc:bg-white fc:shadow-md", children: /* @__PURE__ */ jsx16("div", { className: "fc:max-h-[350px] fc:overflow-y-auto fc:overflow-x-auto", children: /* @__PURE__ */ jsxs16("table", { className: "fc:min-w-max fc:w-full fc:border-collapse", children: [
|
|
1719
|
+
/* @__PURE__ */ jsx16("thead", { className: "fc:bg-slate-50 fc:sticky fc:top-0 fc:z-10", children: /* @__PURE__ */ jsx16("tr", { className: "fc:text-[11px] fc:font-bold fc:uppercase fc:tracking-wider fc:text-slate-400", children: [{
|
|
1641
1720
|
label: "WorkflowStepId",
|
|
1642
1721
|
key: "workflowStepId"
|
|
1643
1722
|
}, {
|
|
@@ -1670,28 +1749,28 @@ function WorkflowStep() {
|
|
|
1670
1749
|
}, {
|
|
1671
1750
|
label: "Exclude Holidays",
|
|
1672
1751
|
key: "excludeHolidays"
|
|
1673
|
-
}].map((column) => /* @__PURE__ */
|
|
1674
|
-
/* @__PURE__ */
|
|
1675
|
-
/* @__PURE__ */
|
|
1752
|
+
}].map((column) => /* @__PURE__ */ jsx16("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__ */ jsxs16("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-1.5", children: [
|
|
1753
|
+
/* @__PURE__ */ jsx16("span", { className: "fc:truncate", children: column.label }),
|
|
1754
|
+
/* @__PURE__ */ jsx16("span", { className: "fc:text-slate-300 fc:text-[10px]", children: sortConfig.key === column.key ? sortConfig.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195" })
|
|
1676
1755
|
] }) }, column.key)) }) }),
|
|
1677
|
-
/* @__PURE__ */
|
|
1678
|
-
/* @__PURE__ */
|
|
1679
|
-
/* @__PURE__ */
|
|
1680
|
-
/* @__PURE__ */
|
|
1681
|
-
/* @__PURE__ */
|
|
1682
|
-
/* @__PURE__ */
|
|
1683
|
-
/* @__PURE__ */
|
|
1684
|
-
/* @__PURE__ */
|
|
1685
|
-
/* @__PURE__ */
|
|
1686
|
-
/* @__PURE__ */
|
|
1687
|
-
/* @__PURE__ */
|
|
1688
|
-
/* @__PURE__ */
|
|
1756
|
+
/* @__PURE__ */ jsx16("tbody", { children: workflowSteps.slice(0, pageSize).map((item) => /* @__PURE__ */ jsxs16("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: [
|
|
1757
|
+
/* @__PURE__ */ jsx16("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 }),
|
|
1758
|
+
/* @__PURE__ */ jsx16("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 }),
|
|
1759
|
+
/* @__PURE__ */ jsx16("td", { className: "fc:px-2 fc:py-4 fc:text-center fc:text-[14px]", children: /* @__PURE__ */ jsx16("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 }) }),
|
|
1760
|
+
/* @__PURE__ */ jsx16("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 }),
|
|
1761
|
+
/* @__PURE__ */ jsx16("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 }),
|
|
1762
|
+
/* @__PURE__ */ jsx16("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 }),
|
|
1763
|
+
/* @__PURE__ */ jsx16("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 }),
|
|
1764
|
+
/* @__PURE__ */ jsx16("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 }),
|
|
1765
|
+
/* @__PURE__ */ jsx16("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 }),
|
|
1766
|
+
/* @__PURE__ */ jsx16("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 }),
|
|
1767
|
+
/* @__PURE__ */ jsx16("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 })
|
|
1689
1768
|
] }, item.workflowStepId)) })
|
|
1690
1769
|
] }) }) }),
|
|
1691
|
-
/* @__PURE__ */
|
|
1770
|
+
/* @__PURE__ */ jsx16("div", { className: "fc:rounded-xl fc:bg-slate-50/50", children: /* @__PURE__ */ jsx16(Footer, {}) })
|
|
1692
1771
|
] })
|
|
1693
1772
|
] }),
|
|
1694
|
-
showModal && /* @__PURE__ */
|
|
1773
|
+
showModal && /* @__PURE__ */ jsx16(AddWorkflowStepModal, { onClose: () => setShowModal(false) })
|
|
1695
1774
|
] });
|
|
1696
1775
|
}
|
|
1697
1776
|
|
|
@@ -1701,7 +1780,7 @@ import Link3 from "next/link";
|
|
|
1701
1780
|
|
|
1702
1781
|
// src/components/WorkFlowTransition/AddWorkFlowTransitionModal.js
|
|
1703
1782
|
import React16, { useState as useState9 } from "react";
|
|
1704
|
-
import { jsx as
|
|
1783
|
+
import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
1705
1784
|
function AddWorkTransitionStepModal({
|
|
1706
1785
|
onClose
|
|
1707
1786
|
}) {
|
|
@@ -1728,32 +1807,32 @@ function AddWorkTransitionStepModal({
|
|
|
1728
1807
|
setErrors(newErrors);
|
|
1729
1808
|
return Object.keys(newErrors).length === 0;
|
|
1730
1809
|
};
|
|
1731
|
-
return /* @__PURE__ */
|
|
1732
|
-
/* @__PURE__ */
|
|
1733
|
-
/* @__PURE__ */
|
|
1734
|
-
/* @__PURE__ */
|
|
1735
|
-
/* @__PURE__ */
|
|
1736
|
-
/* @__PURE__ */
|
|
1737
|
-
/* @__PURE__ */
|
|
1738
|
-
/* @__PURE__ */
|
|
1739
|
-
/* @__PURE__ */
|
|
1810
|
+
return /* @__PURE__ */ jsxs17("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
|
|
1811
|
+
/* @__PURE__ */ jsx17("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity fc:duration-200", onClick: onClose }),
|
|
1812
|
+
/* @__PURE__ */ jsxs17("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: [
|
|
1813
|
+
/* @__PURE__ */ jsxs17("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-8 fc:py-6 fc:border-b fc:border-slate-100", children: [
|
|
1814
|
+
/* @__PURE__ */ jsxs17("div", { className: "fc:flex fc:items-center fc:gap-4", children: [
|
|
1815
|
+
/* @__PURE__ */ jsx17("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__ */ jsx17("svg", { className: "fc:w-6 fc:h-6", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx17("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" }) }) }),
|
|
1816
|
+
/* @__PURE__ */ jsxs17("div", { children: [
|
|
1817
|
+
/* @__PURE__ */ jsx17("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: "Add WorkflowTransition" }),
|
|
1818
|
+
/* @__PURE__ */ jsx17("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: "Create a new workflowTransition and configure its details" })
|
|
1740
1819
|
] })
|
|
1741
1820
|
] }),
|
|
1742
|
-
/* @__PURE__ */
|
|
1821
|
+
/* @__PURE__ */ jsx17("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" })
|
|
1743
1822
|
] }),
|
|
1744
|
-
/* @__PURE__ */
|
|
1745
|
-
/* @__PURE__ */
|
|
1746
|
-
/* @__PURE__ */
|
|
1747
|
-
/* @__PURE__ */
|
|
1748
|
-
/* @__PURE__ */
|
|
1823
|
+
/* @__PURE__ */ jsxs17("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: [
|
|
1824
|
+
/* @__PURE__ */ jsxs17("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: [
|
|
1825
|
+
/* @__PURE__ */ jsxs17("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: [
|
|
1826
|
+
/* @__PURE__ */ jsx17("span", { children: "\u{1F4CB}" }),
|
|
1827
|
+
/* @__PURE__ */ jsx17("span", { children: "WorkflowTransition Information" })
|
|
1749
1828
|
] }),
|
|
1750
|
-
/* @__PURE__ */
|
|
1751
|
-
/* @__PURE__ */
|
|
1752
|
-
/* @__PURE__ */
|
|
1829
|
+
/* @__PURE__ */ jsxs17("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
1830
|
+
/* @__PURE__ */ jsxs17("div", { children: [
|
|
1831
|
+
/* @__PURE__ */ jsxs17("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
1753
1832
|
"Workflow ",
|
|
1754
|
-
/* @__PURE__ */
|
|
1833
|
+
/* @__PURE__ */ jsx17("span", { className: "fc:text-red-500", children: "*" })
|
|
1755
1834
|
] }),
|
|
1756
|
-
/* @__PURE__ */
|
|
1835
|
+
/* @__PURE__ */ jsxs17("select", { value: formData.workflow, onChange: (e) => {
|
|
1757
1836
|
setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1758
1837
|
workflow: e.target.value
|
|
1759
1838
|
}));
|
|
@@ -1761,18 +1840,18 @@ function AddWorkTransitionStepModal({
|
|
|
1761
1840
|
workflow: ""
|
|
1762
1841
|
}));
|
|
1763
1842
|
}, 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: [
|
|
1764
|
-
/* @__PURE__ */
|
|
1765
|
-
/* @__PURE__ */
|
|
1766
|
-
/* @__PURE__ */
|
|
1843
|
+
/* @__PURE__ */ jsx17("option", { value: "", children: "Select Workflow" }),
|
|
1844
|
+
/* @__PURE__ */ jsx17("option", { value: "building", children: "Building Permission" }),
|
|
1845
|
+
/* @__PURE__ */ jsx17("option", { value: "trade", children: "Trade License" })
|
|
1767
1846
|
] }),
|
|
1768
|
-
errors.workflow && /* @__PURE__ */
|
|
1847
|
+
errors.workflow && /* @__PURE__ */ jsx17("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.workflow })
|
|
1769
1848
|
] }),
|
|
1770
|
-
/* @__PURE__ */
|
|
1771
|
-
/* @__PURE__ */
|
|
1849
|
+
/* @__PURE__ */ jsxs17("div", { children: [
|
|
1850
|
+
/* @__PURE__ */ jsxs17("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
1772
1851
|
"From Step ",
|
|
1773
|
-
/* @__PURE__ */
|
|
1852
|
+
/* @__PURE__ */ jsx17("span", { className: "fc:text-red-500", children: "*" })
|
|
1774
1853
|
] }),
|
|
1775
|
-
/* @__PURE__ */
|
|
1854
|
+
/* @__PURE__ */ jsxs17("select", { value: formData.fromStep, onChange: (e) => {
|
|
1776
1855
|
setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1777
1856
|
fromStep: e.target.value
|
|
1778
1857
|
}));
|
|
@@ -1780,20 +1859,20 @@ function AddWorkTransitionStepModal({
|
|
|
1780
1859
|
fromStep: ""
|
|
1781
1860
|
}));
|
|
1782
1861
|
}, 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: [
|
|
1783
|
-
/* @__PURE__ */
|
|
1784
|
-
/* @__PURE__ */
|
|
1785
|
-
/* @__PURE__ */
|
|
1862
|
+
/* @__PURE__ */ jsx17("option", { value: "", children: "Select From Step" }),
|
|
1863
|
+
/* @__PURE__ */ jsx17("option", { value: "scrutiny", children: "Scrutiny" }),
|
|
1864
|
+
/* @__PURE__ */ jsx17("option", { value: "inspection", children: "Inspection" })
|
|
1786
1865
|
] }),
|
|
1787
|
-
errors.fromStep && /* @__PURE__ */
|
|
1866
|
+
errors.fromStep && /* @__PURE__ */ jsx17("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.fromStep })
|
|
1788
1867
|
] })
|
|
1789
1868
|
] }),
|
|
1790
|
-
/* @__PURE__ */
|
|
1791
|
-
/* @__PURE__ */
|
|
1792
|
-
/* @__PURE__ */
|
|
1869
|
+
/* @__PURE__ */ jsxs17("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
1870
|
+
/* @__PURE__ */ jsxs17("div", { children: [
|
|
1871
|
+
/* @__PURE__ */ jsxs17("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
1793
1872
|
"To Step ",
|
|
1794
|
-
/* @__PURE__ */
|
|
1873
|
+
/* @__PURE__ */ jsx17("span", { className: "fc:text-red-500", children: "*" })
|
|
1795
1874
|
] }),
|
|
1796
|
-
/* @__PURE__ */
|
|
1875
|
+
/* @__PURE__ */ jsxs17("select", { value: formData.toStep, onChange: (e) => {
|
|
1797
1876
|
setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1798
1877
|
toStep: e.target.value
|
|
1799
1878
|
}));
|
|
@@ -1801,18 +1880,18 @@ function AddWorkTransitionStepModal({
|
|
|
1801
1880
|
toStep: ""
|
|
1802
1881
|
}));
|
|
1803
1882
|
}, 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: [
|
|
1804
|
-
/* @__PURE__ */
|
|
1805
|
-
/* @__PURE__ */
|
|
1806
|
-
/* @__PURE__ */
|
|
1883
|
+
/* @__PURE__ */ jsx17("option", { value: "", children: "Select To Step" }),
|
|
1884
|
+
/* @__PURE__ */ jsx17("option", { value: "approval", children: "Approval" }),
|
|
1885
|
+
/* @__PURE__ */ jsx17("option", { value: "completed", children: "Completed" })
|
|
1807
1886
|
] }),
|
|
1808
|
-
errors.toStep && /* @__PURE__ */
|
|
1887
|
+
errors.toStep && /* @__PURE__ */ jsx17("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.toStep })
|
|
1809
1888
|
] }),
|
|
1810
|
-
/* @__PURE__ */
|
|
1811
|
-
/* @__PURE__ */
|
|
1889
|
+
/* @__PURE__ */ jsxs17("div", { children: [
|
|
1890
|
+
/* @__PURE__ */ jsxs17("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
1812
1891
|
"Action Code ",
|
|
1813
|
-
/* @__PURE__ */
|
|
1892
|
+
/* @__PURE__ */ jsx17("span", { className: "fc:text-red-500", children: "*" })
|
|
1814
1893
|
] }),
|
|
1815
|
-
/* @__PURE__ */
|
|
1894
|
+
/* @__PURE__ */ jsx17("input", { type: "text", placeholder: "Enter Action Code", value: formData.actionCode, onChange: (e) => {
|
|
1816
1895
|
setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1817
1896
|
actionCode: e.target.value
|
|
1818
1897
|
}));
|
|
@@ -1820,16 +1899,16 @@ function AddWorkTransitionStepModal({
|
|
|
1820
1899
|
actionCode: ""
|
|
1821
1900
|
}));
|
|
1822
1901
|
}, 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"}` }),
|
|
1823
|
-
errors.actionCode && /* @__PURE__ */
|
|
1902
|
+
errors.actionCode && /* @__PURE__ */ jsx17("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.actionCode })
|
|
1824
1903
|
] })
|
|
1825
1904
|
] }),
|
|
1826
|
-
/* @__PURE__ */
|
|
1827
|
-
/* @__PURE__ */
|
|
1828
|
-
/* @__PURE__ */
|
|
1905
|
+
/* @__PURE__ */ jsxs17("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
1906
|
+
/* @__PURE__ */ jsxs17("div", { children: [
|
|
1907
|
+
/* @__PURE__ */ jsxs17("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
1829
1908
|
"Action Name ",
|
|
1830
|
-
/* @__PURE__ */
|
|
1909
|
+
/* @__PURE__ */ jsx17("span", { className: "fc:text-red-500", children: "*" })
|
|
1831
1910
|
] }),
|
|
1832
|
-
/* @__PURE__ */
|
|
1911
|
+
/* @__PURE__ */ jsx17("input", { type: "text", placeholder: "Enter Action Name", value: formData.actionName, onChange: (e) => {
|
|
1833
1912
|
setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1834
1913
|
actionName: e.target.value
|
|
1835
1914
|
}));
|
|
@@ -1837,14 +1916,14 @@ function AddWorkTransitionStepModal({
|
|
|
1837
1916
|
actionName: ""
|
|
1838
1917
|
}));
|
|
1839
1918
|
}, 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"}` }),
|
|
1840
|
-
errors.actionName && /* @__PURE__ */
|
|
1919
|
+
errors.actionName && /* @__PURE__ */ jsx17("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.actionName })
|
|
1841
1920
|
] }),
|
|
1842
|
-
/* @__PURE__ */
|
|
1843
|
-
/* @__PURE__ */
|
|
1921
|
+
/* @__PURE__ */ jsxs17("div", { children: [
|
|
1922
|
+
/* @__PURE__ */ jsxs17("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
1844
1923
|
"Sequence No ",
|
|
1845
|
-
/* @__PURE__ */
|
|
1924
|
+
/* @__PURE__ */ jsx17("span", { className: "fc:text-red-500", children: "*" })
|
|
1846
1925
|
] }),
|
|
1847
|
-
/* @__PURE__ */
|
|
1926
|
+
/* @__PURE__ */ jsx17("input", { type: "number", placeholder: "Enter Sequence No", value: formData.sequenceNo, onChange: (e) => {
|
|
1848
1927
|
setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1849
1928
|
sequenceNo: e.target.value
|
|
1850
1929
|
}));
|
|
@@ -1852,70 +1931,70 @@ function AddWorkTransitionStepModal({
|
|
|
1852
1931
|
sequenceNo: ""
|
|
1853
1932
|
}));
|
|
1854
1933
|
}, 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"}` }),
|
|
1855
|
-
errors.sequenceNo && /* @__PURE__ */
|
|
1934
|
+
errors.sequenceNo && /* @__PURE__ */ jsx17("p", { className: "fc:text-red-500 fc:text-[11px] fc:mt-1", children: errors.sequenceNo })
|
|
1856
1935
|
] })
|
|
1857
1936
|
] })
|
|
1858
1937
|
] }),
|
|
1859
|
-
/* @__PURE__ */
|
|
1860
|
-
/* @__PURE__ */
|
|
1861
|
-
/* @__PURE__ */
|
|
1862
|
-
/* @__PURE__ */
|
|
1938
|
+
/* @__PURE__ */ jsxs17("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: [
|
|
1939
|
+
/* @__PURE__ */ jsxs17("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: [
|
|
1940
|
+
/* @__PURE__ */ jsx17("span", { children: "\u2699\uFE0F" }),
|
|
1941
|
+
/* @__PURE__ */ jsx17("span", { children: "Status & Settings" })
|
|
1863
1942
|
] }),
|
|
1864
|
-
/* @__PURE__ */
|
|
1865
|
-
/* @__PURE__ */
|
|
1866
|
-
/* @__PURE__ */
|
|
1867
|
-
/* @__PURE__ */
|
|
1868
|
-
/* @__PURE__ */
|
|
1869
|
-
/* @__PURE__ */
|
|
1870
|
-
/* @__PURE__ */
|
|
1943
|
+
/* @__PURE__ */ jsxs17("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
1944
|
+
/* @__PURE__ */ jsxs17("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: [
|
|
1945
|
+
/* @__PURE__ */ jsxs17("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
|
|
1946
|
+
/* @__PURE__ */ jsx17("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}" }),
|
|
1947
|
+
/* @__PURE__ */ jsxs17("div", { children: [
|
|
1948
|
+
/* @__PURE__ */ jsx17("p", { className: "fc:text-xs fc:font-bold fc:text-slate-700", children: "Is Default" }),
|
|
1949
|
+
/* @__PURE__ */ jsx17("p", { className: "fc:text-[9px] fc:text-slate-400", children: "Set this action as default transition" })
|
|
1871
1950
|
] })
|
|
1872
1951
|
] }),
|
|
1873
|
-
/* @__PURE__ */
|
|
1874
|
-
/* @__PURE__ */
|
|
1952
|
+
/* @__PURE__ */ jsxs17("label", { className: "fc:relative fc:inline-flex fc:items-center fc:cursor-pointer", children: [
|
|
1953
|
+
/* @__PURE__ */ jsx17("input", { type: "checkbox", checked: formData.isDefault, onChange: (e) => setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1875
1954
|
isDefault: e.target.checked
|
|
1876
1955
|
})), className: "fc:sr-only fc:peer" }),
|
|
1877
|
-
/* @__PURE__ */
|
|
1956
|
+
/* @__PURE__ */ jsx17("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" })
|
|
1878
1957
|
] })
|
|
1879
1958
|
] }),
|
|
1880
|
-
/* @__PURE__ */
|
|
1881
|
-
/* @__PURE__ */
|
|
1882
|
-
/* @__PURE__ */
|
|
1883
|
-
/* @__PURE__ */
|
|
1884
|
-
/* @__PURE__ */
|
|
1885
|
-
/* @__PURE__ */
|
|
1959
|
+
/* @__PURE__ */ jsxs17("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: [
|
|
1960
|
+
/* @__PURE__ */ jsxs17("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
|
|
1961
|
+
/* @__PURE__ */ jsx17("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}" }),
|
|
1962
|
+
/* @__PURE__ */ jsxs17("div", { children: [
|
|
1963
|
+
/* @__PURE__ */ jsx17("p", { className: "fc:text-xs fc:font-bold fc:text-slate-700", children: "Require Comment" }),
|
|
1964
|
+
/* @__PURE__ */ jsx17("p", { className: "fc:text-[9px] fc:text-slate-400", children: "Mandatory user remarks on transition" })
|
|
1886
1965
|
] })
|
|
1887
1966
|
] }),
|
|
1888
|
-
/* @__PURE__ */
|
|
1889
|
-
/* @__PURE__ */
|
|
1967
|
+
/* @__PURE__ */ jsxs17("label", { className: "fc:relative fc:inline-flex fc:items-center fc:cursor-pointer", children: [
|
|
1968
|
+
/* @__PURE__ */ jsx17("input", { type: "checkbox", checked: formData.requireComment, onChange: (e) => setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1890
1969
|
requireComment: e.target.checked
|
|
1891
1970
|
})), className: "fc:sr-only fc:peer" }),
|
|
1892
|
-
/* @__PURE__ */
|
|
1971
|
+
/* @__PURE__ */ jsx17("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" })
|
|
1893
1972
|
] })
|
|
1894
1973
|
] })
|
|
1895
1974
|
] }),
|
|
1896
|
-
/* @__PURE__ */
|
|
1897
|
-
/* @__PURE__ */
|
|
1898
|
-
/* @__PURE__ */
|
|
1899
|
-
/* @__PURE__ */
|
|
1900
|
-
/* @__PURE__ */
|
|
1975
|
+
/* @__PURE__ */ jsxs17("div", { children: [
|
|
1976
|
+
/* @__PURE__ */ jsx17("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-3", children: "Status" }),
|
|
1977
|
+
/* @__PURE__ */ jsxs17("div", { className: "fc:flex fc:items-center fc:gap-6", children: [
|
|
1978
|
+
/* @__PURE__ */ jsxs17("label", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:text-slate-700 fc:font-medium fc:cursor-pointer", children: [
|
|
1979
|
+
/* @__PURE__ */ jsx17("input", { type: "radio", name: "status", value: "active", checked: formData.status === "active", onChange: (e) => setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1901
1980
|
status: e.target.value
|
|
1902
1981
|
})), className: "fc:text-indigo-600 focus:fc:fc:ring-indigo-500" }),
|
|
1903
1982
|
"Active"
|
|
1904
1983
|
] }),
|
|
1905
|
-
/* @__PURE__ */
|
|
1906
|
-
/* @__PURE__ */
|
|
1984
|
+
/* @__PURE__ */ jsxs17("label", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:text-slate-700 fc:font-medium fc:cursor-pointer", children: [
|
|
1985
|
+
/* @__PURE__ */ jsx17("input", { type: "radio", name: "status", value: "inactive", checked: formData.status === "inactive", onChange: (e) => setFormData(__spreadProps(__spreadValues({}, formData), {
|
|
1907
1986
|
status: e.target.value
|
|
1908
1987
|
})), className: "fc:text-indigo-600 focus:fc:fc:ring-indigo-500" }),
|
|
1909
1988
|
"Inactive"
|
|
1910
1989
|
] })
|
|
1911
1990
|
] }),
|
|
1912
|
-
/* @__PURE__ */
|
|
1991
|
+
/* @__PURE__ */ jsx17("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-2", children: "Only active transitions can be processed in current workflow loops" })
|
|
1913
1992
|
] })
|
|
1914
1993
|
] })
|
|
1915
1994
|
] }),
|
|
1916
|
-
/* @__PURE__ */
|
|
1917
|
-
/* @__PURE__ */
|
|
1918
|
-
/* @__PURE__ */
|
|
1995
|
+
/* @__PURE__ */ jsxs17("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: [
|
|
1996
|
+
/* @__PURE__ */ jsx17("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" }),
|
|
1997
|
+
/* @__PURE__ */ jsx17("button", { type: "button", onClick: () => {
|
|
1919
1998
|
if (validateForm()) {
|
|
1920
1999
|
console.log("Form Submitted Successfully:", formData);
|
|
1921
2000
|
}
|
|
@@ -1926,7 +2005,7 @@ function AddWorkTransitionStepModal({
|
|
|
1926
2005
|
}
|
|
1927
2006
|
|
|
1928
2007
|
// src/components/WorkFlowTransition/Transitiontable.js
|
|
1929
|
-
import { Fragment as Fragment2, jsx as
|
|
2008
|
+
import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
1930
2009
|
var WorkflowTransition = [{
|
|
1931
2010
|
TransitionId: 1,
|
|
1932
2011
|
workflowId: 1,
|
|
@@ -1999,6 +2078,11 @@ var WorkflowTransition = [{
|
|
|
1999
2078
|
ActionName: "RETURN"
|
|
2000
2079
|
}];
|
|
2001
2080
|
function WorkFlowTransition() {
|
|
2081
|
+
const handleRefresh = useRefresh();
|
|
2082
|
+
const handleDownload = useDownload(
|
|
2083
|
+
WorkflowTransition,
|
|
2084
|
+
"main"
|
|
2085
|
+
);
|
|
2002
2086
|
const [showModal, setShowModal] = useState10(false);
|
|
2003
2087
|
const [pageSize, setPageSize] = useState10(5);
|
|
2004
2088
|
const [sortConfig, setSortConfig] = useState10({
|
|
@@ -2015,9 +2099,9 @@ function WorkFlowTransition() {
|
|
|
2015
2099
|
direction
|
|
2016
2100
|
});
|
|
2017
2101
|
};
|
|
2018
|
-
return /* @__PURE__ */
|
|
2019
|
-
/* @__PURE__ */
|
|
2020
|
-
/* @__PURE__ */
|
|
2102
|
+
return /* @__PURE__ */ jsxs18(Fragment2, { children: [
|
|
2103
|
+
/* @__PURE__ */ jsxs18("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: [
|
|
2104
|
+
/* @__PURE__ */ jsx18(CommonHeader, { title: "WorkFlow Transition", breadcrumbs: [{
|
|
2021
2105
|
label: "Dashboard",
|
|
2022
2106
|
href: "/dashboard"
|
|
2023
2107
|
}, {
|
|
@@ -2027,21 +2111,30 @@ function WorkFlowTransition() {
|
|
|
2027
2111
|
label: "Workflow Step",
|
|
2028
2112
|
href: "/workflowTransition"
|
|
2029
2113
|
}], buttonText: "Add Workflow Transition", onButtonClick: () => setShowModal(true) }),
|
|
2030
|
-
/* @__PURE__ */
|
|
2031
|
-
/* @__PURE__ */
|
|
2032
|
-
/* @__PURE__ */
|
|
2033
|
-
/* @__PURE__ */
|
|
2034
|
-
/* @__PURE__ */
|
|
2114
|
+
/* @__PURE__ */ jsxs18("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: [
|
|
2115
|
+
/* @__PURE__ */ jsxs18("div", { className: "fc:flex fc:justify-between fc:items-center fc:flex-wrap fc:gap-3", children: [
|
|
2116
|
+
/* @__PURE__ */ jsxs18("div", { className: "fc:relative fc:max-w-xs fc:w-full", children: [
|
|
2117
|
+
/* @__PURE__ */ jsx18("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__ */ jsx18("svg", { className: "fc:w-4 fc:h-5 fc:text-slate-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx18("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
|
|
2118
|
+
/* @__PURE__ */ jsx18("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" })
|
|
2035
2119
|
] }),
|
|
2036
|
-
/* @__PURE__ */
|
|
2037
|
-
/* @__PURE__ */
|
|
2038
|
-
|
|
2039
|
-
|
|
2040
|
-
|
|
2120
|
+
/* @__PURE__ */ jsxs18("div", { className: "fc:flex fc:items-center fc:gap-2 fc:text-xs fc:text-slate-500 fc:font-semibold", children: [
|
|
2121
|
+
/* @__PURE__ */ jsx18(
|
|
2122
|
+
ActionButtons,
|
|
2123
|
+
{
|
|
2124
|
+
onRefresh: handleRefresh,
|
|
2125
|
+
onDownload: handleDownload
|
|
2126
|
+
}
|
|
2127
|
+
),
|
|
2128
|
+
/* @__PURE__ */ jsxs18("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: [
|
|
2129
|
+
/* @__PURE__ */ jsx18("option", { value: 5, children: "5 Rows" }),
|
|
2130
|
+
/* @__PURE__ */ jsx18("option", { value: 10, children: "10 Rows" }),
|
|
2131
|
+
/* @__PURE__ */ jsx18("option", { value: 25, children: "25 Rows" })
|
|
2132
|
+
] })
|
|
2133
|
+
] })
|
|
2041
2134
|
] }),
|
|
2042
|
-
/* @__PURE__ */
|
|
2043
|
-
/* @__PURE__ */
|
|
2044
|
-
/* @__PURE__ */
|
|
2135
|
+
/* @__PURE__ */ jsxs18("div", { className: "fc:border fc:border-slate-200 fc:rounded-2xl fc:overflow-hidden fc:bg-white fc:shadow-md", children: [
|
|
2136
|
+
/* @__PURE__ */ jsx18("div", { className: "fc:max-h-[350px] fc:overflow-y-auto fc:overflow-x-auto", children: /* @__PURE__ */ jsxs18("table", { className: "fc:min-w-max fc:w-full fc:border-collapse", children: [
|
|
2137
|
+
/* @__PURE__ */ jsx18("thead", { className: "fc:bg-slate-50 fc:sticky fc:top-0 fc:z-10", children: /* @__PURE__ */ jsx18("tr", { className: "fc:text-[11px] fc:font-bold fc:uppercase fc:tracking-wider fc:text-slate-400", children: [{
|
|
2045
2138
|
label: "TransitionId",
|
|
2046
2139
|
key: "TransitionId"
|
|
2047
2140
|
}, {
|
|
@@ -2059,28 +2152,28 @@ function WorkFlowTransition() {
|
|
|
2059
2152
|
}, {
|
|
2060
2153
|
label: "ActionName",
|
|
2061
2154
|
key: "ActionName"
|
|
2062
|
-
}].map((column) => /* @__PURE__ */
|
|
2063
|
-
/* @__PURE__ */
|
|
2064
|
-
/* @__PURE__ */
|
|
2155
|
+
}].map((column) => /* @__PURE__ */ jsx18("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__ */ jsxs18("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
|
|
2156
|
+
/* @__PURE__ */ jsx18("span", { children: column.label }),
|
|
2157
|
+
/* @__PURE__ */ jsx18("span", { className: "fc:text-gray-400 fc:text-xs", children: sortConfig.key === column.key ? sortConfig.direction === "asc" ? "\u25B2" : "\u25BC" : "\u2195" })
|
|
2065
2158
|
] }) }, column.key)) }) }),
|
|
2066
|
-
/* @__PURE__ */
|
|
2067
|
-
/* @__PURE__ */
|
|
2068
|
-
/* @__PURE__ */
|
|
2069
|
-
/* @__PURE__ */
|
|
2070
|
-
/* @__PURE__ */
|
|
2071
|
-
/* @__PURE__ */
|
|
2072
|
-
/* @__PURE__ */
|
|
2159
|
+
/* @__PURE__ */ jsx18("tbody", { children: WorkflowTransition.slice(0, pageSize).map((item) => /* @__PURE__ */ jsxs18("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: [
|
|
2160
|
+
/* @__PURE__ */ jsx18("td", { className: "fc:px-6 fc:p-4 fc:text-center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.TransitionId }),
|
|
2161
|
+
/* @__PURE__ */ jsx18("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.workflowId }),
|
|
2162
|
+
/* @__PURE__ */ jsx18("td", { className: "fc:px-6 fc:py-4 fc:text-center fc:text-[14px] fc:text-slate-600 fc:font-bold", children: item.FromStepId }),
|
|
2163
|
+
/* @__PURE__ */ jsx18("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 }),
|
|
2164
|
+
/* @__PURE__ */ jsx18("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: /* @__PURE__ */ jsx18("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 }) }),
|
|
2165
|
+
/* @__PURE__ */ jsx18("td", { className: "fc:px-6 fc:py-4 fc:text-center", children: /* @__PURE__ */ jsx18("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 }) })
|
|
2073
2166
|
] }, item.TransitionId)) })
|
|
2074
2167
|
] }) }),
|
|
2075
2168
|
" "
|
|
2076
2169
|
] }),
|
|
2077
|
-
/* @__PURE__ */
|
|
2078
|
-
/* @__PURE__ */
|
|
2170
|
+
/* @__PURE__ */ jsxs18("div", { className: "fc:rounded-xl fc:bg-slate-50/50", children: [
|
|
2171
|
+
/* @__PURE__ */ jsx18(Footer, {}),
|
|
2079
2172
|
" "
|
|
2080
2173
|
] })
|
|
2081
2174
|
] })
|
|
2082
2175
|
] }),
|
|
2083
|
-
showModal && /* @__PURE__ */
|
|
2176
|
+
showModal && /* @__PURE__ */ jsx18(AddWorkTransitionStepModal, { onClose: () => setShowModal(false) }),
|
|
2084
2177
|
" "
|
|
2085
2178
|
] });
|
|
2086
2179
|
}
|
|
@@ -2090,105 +2183,105 @@ import React23, { useState as useState13 } from "react";
|
|
|
2090
2183
|
|
|
2091
2184
|
// src/components/user-hierarchy-node-mapping/adduserhierarchynode.jsx
|
|
2092
2185
|
import React18 from "react";
|
|
2093
|
-
import { jsx as
|
|
2186
|
+
import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
2094
2187
|
function AddUserHierarchyNodeMappingModal({
|
|
2095
2188
|
isOpen,
|
|
2096
2189
|
onClose
|
|
2097
2190
|
}) {
|
|
2098
2191
|
if (!isOpen) return null;
|
|
2099
|
-
return /* @__PURE__ */
|
|
2100
|
-
/* @__PURE__ */
|
|
2101
|
-
/* @__PURE__ */
|
|
2102
|
-
/* @__PURE__ */
|
|
2103
|
-
/* @__PURE__ */
|
|
2104
|
-
/* @__PURE__ */
|
|
2105
|
-
/* @__PURE__ */
|
|
2106
|
-
/* @__PURE__ */
|
|
2107
|
-
/* @__PURE__ */
|
|
2192
|
+
return /* @__PURE__ */ jsxs19("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
|
|
2193
|
+
/* @__PURE__ */ jsx19("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity fc:duration-200", onClick: onClose }),
|
|
2194
|
+
/* @__PURE__ */ jsxs19("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: [
|
|
2195
|
+
/* @__PURE__ */ jsxs19("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-8 fc:py-6 fc:border-b fc:border-slate-100", children: [
|
|
2196
|
+
/* @__PURE__ */ jsxs19("div", { className: "fc:flex fc:items-center fc:gap-4", children: [
|
|
2197
|
+
/* @__PURE__ */ jsx19("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__ */ jsx19("svg", { className: "fc:w-6 fc:h-6", fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx19("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" }) }) }),
|
|
2198
|
+
/* @__PURE__ */ jsxs19("div", { children: [
|
|
2199
|
+
/* @__PURE__ */ jsx19("h2", { className: "fc:text-xl fc:font-extrabold fc:text-slate-800", children: "Add User Hierarchy Node Mapping" }),
|
|
2200
|
+
/* @__PURE__ */ jsx19("p", { className: "fc:text-xs fc:text-slate-400 fc:mt-0.5", children: "Map a consumer user to a hierarchy node" })
|
|
2108
2201
|
] })
|
|
2109
2202
|
] }),
|
|
2110
|
-
/* @__PURE__ */
|
|
2203
|
+
/* @__PURE__ */ jsx19("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" })
|
|
2111
2204
|
] }),
|
|
2112
|
-
/* @__PURE__ */
|
|
2113
|
-
/* @__PURE__ */
|
|
2114
|
-
/* @__PURE__ */
|
|
2115
|
-
/* @__PURE__ */
|
|
2116
|
-
/* @__PURE__ */
|
|
2205
|
+
/* @__PURE__ */ jsxs19("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: [
|
|
2206
|
+
/* @__PURE__ */ jsxs19("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: [
|
|
2207
|
+
/* @__PURE__ */ jsxs19("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: [
|
|
2208
|
+
/* @__PURE__ */ jsx19("span", { children: "\u{1F4CB}" }),
|
|
2209
|
+
/* @__PURE__ */ jsx19("span", { children: "Mapping Information" })
|
|
2117
2210
|
] }),
|
|
2118
|
-
/* @__PURE__ */
|
|
2119
|
-
/* @__PURE__ */
|
|
2120
|
-
/* @__PURE__ */
|
|
2211
|
+
/* @__PURE__ */ jsxs19("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
2212
|
+
/* @__PURE__ */ jsxs19("div", { children: [
|
|
2213
|
+
/* @__PURE__ */ jsxs19("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
2121
2214
|
"Mapping ID ",
|
|
2122
|
-
/* @__PURE__ */
|
|
2215
|
+
/* @__PURE__ */ jsx19("span", { className: "fc:text-red-500", children: "*" })
|
|
2123
2216
|
] }),
|
|
2124
|
-
/* @__PURE__ */
|
|
2125
|
-
/* @__PURE__ */
|
|
2217
|
+
/* @__PURE__ */ jsx19("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" }),
|
|
2218
|
+
/* @__PURE__ */ jsx19("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the unique mapping ID" })
|
|
2126
2219
|
] }),
|
|
2127
|
-
/* @__PURE__ */
|
|
2128
|
-
/* @__PURE__ */
|
|
2220
|
+
/* @__PURE__ */ jsxs19("div", { children: [
|
|
2221
|
+
/* @__PURE__ */ jsxs19("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
2129
2222
|
"External User ID ",
|
|
2130
|
-
/* @__PURE__ */
|
|
2223
|
+
/* @__PURE__ */ jsx19("span", { className: "fc:text-red-500", children: "*" })
|
|
2131
2224
|
] }),
|
|
2132
|
-
/* @__PURE__ */
|
|
2133
|
-
/* @__PURE__ */
|
|
2225
|
+
/* @__PURE__ */ jsx19("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" }),
|
|
2226
|
+
/* @__PURE__ */ jsx19("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the consumer user ID" })
|
|
2134
2227
|
] })
|
|
2135
2228
|
] }),
|
|
2136
|
-
/* @__PURE__ */
|
|
2137
|
-
/* @__PURE__ */
|
|
2229
|
+
/* @__PURE__ */ jsxs19("div", { children: [
|
|
2230
|
+
/* @__PURE__ */ jsxs19("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
2138
2231
|
"Hierarchy Node ID ",
|
|
2139
|
-
/* @__PURE__ */
|
|
2232
|
+
/* @__PURE__ */ jsx19("span", { className: "fc:text-red-500", children: "*" })
|
|
2140
2233
|
] }),
|
|
2141
|
-
/* @__PURE__ */
|
|
2142
|
-
/* @__PURE__ */
|
|
2234
|
+
/* @__PURE__ */ jsx19("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" }),
|
|
2235
|
+
/* @__PURE__ */ jsx19("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the hierarchy node assigned to the user" })
|
|
2143
2236
|
] }),
|
|
2144
|
-
/* @__PURE__ */
|
|
2145
|
-
/* @__PURE__ */
|
|
2146
|
-
/* @__PURE__ */
|
|
2237
|
+
/* @__PURE__ */ jsxs19("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
2238
|
+
/* @__PURE__ */ jsxs19("div", { children: [
|
|
2239
|
+
/* @__PURE__ */ jsxs19("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
2147
2240
|
"Role Code ",
|
|
2148
|
-
/* @__PURE__ */
|
|
2241
|
+
/* @__PURE__ */ jsx19("span", { className: "fc:text-red-500", children: "*" })
|
|
2149
2242
|
] }),
|
|
2150
|
-
/* @__PURE__ */
|
|
2151
|
-
/* @__PURE__ */
|
|
2243
|
+
/* @__PURE__ */ jsx19("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" }),
|
|
2244
|
+
/* @__PURE__ */ jsx19("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Enter the user role code, for example DEO or RO" })
|
|
2152
2245
|
] }),
|
|
2153
|
-
/* @__PURE__ */
|
|
2154
|
-
/* @__PURE__ */
|
|
2246
|
+
/* @__PURE__ */ jsxs19("div", { children: [
|
|
2247
|
+
/* @__PURE__ */ jsxs19("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
2155
2248
|
"Is Primary ",
|
|
2156
|
-
/* @__PURE__ */
|
|
2249
|
+
/* @__PURE__ */ jsx19("span", { className: "fc:text-red-500", children: "*" })
|
|
2157
2250
|
] }),
|
|
2158
|
-
/* @__PURE__ */
|
|
2159
|
-
/* @__PURE__ */
|
|
2160
|
-
/* @__PURE__ */
|
|
2161
|
-
/* @__PURE__ */
|
|
2251
|
+
/* @__PURE__ */ jsxs19("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: [
|
|
2252
|
+
/* @__PURE__ */ jsx19("option", { value: "", children: "Select primary status" }),
|
|
2253
|
+
/* @__PURE__ */ jsx19("option", { value: "true", children: "Yes" }),
|
|
2254
|
+
/* @__PURE__ */ jsx19("option", { value: "false", children: "No" })
|
|
2162
2255
|
] }),
|
|
2163
|
-
/* @__PURE__ */
|
|
2256
|
+
/* @__PURE__ */ jsx19("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Select whether this is the primary hierarchy mapping" })
|
|
2164
2257
|
] })
|
|
2165
2258
|
] })
|
|
2166
2259
|
] }),
|
|
2167
|
-
/* @__PURE__ */
|
|
2168
|
-
/* @__PURE__ */
|
|
2169
|
-
/* @__PURE__ */
|
|
2170
|
-
/* @__PURE__ */
|
|
2260
|
+
/* @__PURE__ */ jsxs19("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: [
|
|
2261
|
+
/* @__PURE__ */ jsxs19("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: [
|
|
2262
|
+
/* @__PURE__ */ jsx19("span", { children: "\u{1F4C5}" }),
|
|
2263
|
+
/* @__PURE__ */ jsx19("span", { children: "Effective Dates" })
|
|
2171
2264
|
] }),
|
|
2172
|
-
/* @__PURE__ */
|
|
2173
|
-
/* @__PURE__ */
|
|
2174
|
-
/* @__PURE__ */
|
|
2265
|
+
/* @__PURE__ */ jsxs19("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-5", children: [
|
|
2266
|
+
/* @__PURE__ */ jsxs19("div", { children: [
|
|
2267
|
+
/* @__PURE__ */ jsxs19("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: [
|
|
2175
2268
|
"Effective From ",
|
|
2176
|
-
/* @__PURE__ */
|
|
2269
|
+
/* @__PURE__ */ jsx19("span", { className: "fc:text-red-500", children: "*" })
|
|
2177
2270
|
] }),
|
|
2178
|
-
/* @__PURE__ */
|
|
2179
|
-
/* @__PURE__ */
|
|
2271
|
+
/* @__PURE__ */ jsx19("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" }),
|
|
2272
|
+
/* @__PURE__ */ jsx19("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Select the date from which this mapping is effective" })
|
|
2180
2273
|
] }),
|
|
2181
|
-
/* @__PURE__ */
|
|
2182
|
-
/* @__PURE__ */
|
|
2183
|
-
/* @__PURE__ */
|
|
2184
|
-
/* @__PURE__ */
|
|
2274
|
+
/* @__PURE__ */ jsxs19("div", { children: [
|
|
2275
|
+
/* @__PURE__ */ jsx19("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1.5", children: "Effective To" }),
|
|
2276
|
+
/* @__PURE__ */ jsx19("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" }),
|
|
2277
|
+
/* @__PURE__ */ jsx19("p", { className: "fc:text-[10px] fc:text-slate-400 fc:mt-1", children: "Select the date until which this mapping is effective" })
|
|
2185
2278
|
] })
|
|
2186
2279
|
] })
|
|
2187
2280
|
] })
|
|
2188
2281
|
] }),
|
|
2189
|
-
/* @__PURE__ */
|
|
2190
|
-
/* @__PURE__ */
|
|
2191
|
-
/* @__PURE__ */
|
|
2282
|
+
/* @__PURE__ */ jsxs19("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: [
|
|
2283
|
+
/* @__PURE__ */ jsx19("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" }),
|
|
2284
|
+
/* @__PURE__ */ jsx19("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" })
|
|
2192
2285
|
] })
|
|
2193
2286
|
] })
|
|
2194
2287
|
] });
|
|
@@ -2196,7 +2289,7 @@ function AddUserHierarchyNodeMappingModal({
|
|
|
2196
2289
|
|
|
2197
2290
|
// src/components/user-hierarchy-node-mapping/searchbar.jsx
|
|
2198
2291
|
import React19 from "react";
|
|
2199
|
-
import { jsx as
|
|
2292
|
+
import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
2200
2293
|
function MappingSearchBar({
|
|
2201
2294
|
searchQuery,
|
|
2202
2295
|
setSearchQuery,
|
|
@@ -2208,10 +2301,10 @@ function MappingSearchBar({
|
|
|
2208
2301
|
setCurrentPage(1);
|
|
2209
2302
|
}
|
|
2210
2303
|
};
|
|
2211
|
-
return /* @__PURE__ */
|
|
2212
|
-
/* @__PURE__ */
|
|
2213
|
-
/* @__PURE__ */
|
|
2214
|
-
searchQuery && /* @__PURE__ */
|
|
2304
|
+
return /* @__PURE__ */ jsxs20("div", { className: "fc:relative fc:w-full", children: [
|
|
2305
|
+
/* @__PURE__ */ jsx20("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__ */ jsx20("svg", { className: "fc:w-4 fc:h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx20("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
|
|
2306
|
+
/* @__PURE__ */ jsx20("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" }),
|
|
2307
|
+
searchQuery && /* @__PURE__ */ jsx20("button", { onClick: () => {
|
|
2215
2308
|
setSearchQuery("");
|
|
2216
2309
|
if (setCurrentPage) setCurrentPage(1);
|
|
2217
2310
|
}, 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" })
|
|
@@ -2220,7 +2313,7 @@ function MappingSearchBar({
|
|
|
2220
2313
|
|
|
2221
2314
|
// src/components/user-hierarchy-node-mapping/userhierarchynodetable.jsx
|
|
2222
2315
|
import React20, { useState as useState11, useEffect as useEffect4 } from "react";
|
|
2223
|
-
import { jsx as
|
|
2316
|
+
import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
2224
2317
|
function UserHierarchyNodeMappingTable({
|
|
2225
2318
|
pageSize,
|
|
2226
2319
|
searchQuery = "",
|
|
@@ -2511,65 +2604,65 @@ function UserHierarchyNodeMappingTable({
|
|
|
2511
2604
|
status: !item.status
|
|
2512
2605
|
}) : item));
|
|
2513
2606
|
};
|
|
2514
|
-
return /* @__PURE__ */
|
|
2515
|
-
/* @__PURE__ */
|
|
2516
|
-
/* @__PURE__ */
|
|
2517
|
-
/* @__PURE__ */
|
|
2518
|
-
/* @__PURE__ */
|
|
2607
|
+
return /* @__PURE__ */ jsxs21("div", { className: "fc:space-y-5", children: [
|
|
2608
|
+
/* @__PURE__ */ jsx21("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__ */ jsxs21("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-fixed", children: [
|
|
2609
|
+
/* @__PURE__ */ jsx21("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__ */ jsxs21("tr", { className: "fc:text-xs fc:font-bold fc:uppercase fc:tracking-wider fc:text-slate-500", children: [
|
|
2610
|
+
/* @__PURE__ */ jsx21("th", { className: "fc:py-4 fc:px-3 fc:w-16 fc:text-center fc:bg-slate-50", children: "S.NO" }),
|
|
2611
|
+
/* @__PURE__ */ jsxs21("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: [
|
|
2519
2612
|
"MAPPING ID",
|
|
2520
2613
|
" ",
|
|
2521
2614
|
sortKey === "mappingId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
2522
2615
|
] }),
|
|
2523
|
-
/* @__PURE__ */
|
|
2616
|
+
/* @__PURE__ */ jsxs21("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: [
|
|
2524
2617
|
"EXTERNAL USER ID",
|
|
2525
2618
|
" ",
|
|
2526
2619
|
sortKey === "externalUserId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
2527
2620
|
] }),
|
|
2528
|
-
/* @__PURE__ */
|
|
2621
|
+
/* @__PURE__ */ jsxs21("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: [
|
|
2529
2622
|
"HIERARCHY NODE ID",
|
|
2530
2623
|
" ",
|
|
2531
2624
|
sortKey === "hierarchyNodeId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
2532
2625
|
] }),
|
|
2533
|
-
/* @__PURE__ */
|
|
2626
|
+
/* @__PURE__ */ jsxs21("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: [
|
|
2534
2627
|
"ROLE CODE",
|
|
2535
2628
|
" ",
|
|
2536
2629
|
sortKey === "roleCode" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
2537
2630
|
] }),
|
|
2538
|
-
/* @__PURE__ */
|
|
2539
|
-
/* @__PURE__ */
|
|
2540
|
-
/* @__PURE__ */
|
|
2541
|
-
/* @__PURE__ */
|
|
2631
|
+
/* @__PURE__ */ jsx21("th", { className: "fc:py-4 fc:px-3 fc:text-sm fc:bg-slate-50 fc:whitespace-nowrap fc:text-center", children: "IS PRIMARY" }),
|
|
2632
|
+
/* @__PURE__ */ jsx21("th", { className: "fc:py-4 fc:px-3 fc:text-sm fc:bg-slate-50 fc:break-words fc:text-center", children: "EFFECTIVE FROM" }),
|
|
2633
|
+
/* @__PURE__ */ jsx21("th", { className: "fc:py-4 fc:px-3 fc:text-sm fc:bg-slate-50 fc:break-words fc:text-center", children: "EFFECTIVE TO" }),
|
|
2634
|
+
/* @__PURE__ */ jsx21("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50 fc:text-center fc:whitespace-nowrap", children: "STATUS" })
|
|
2542
2635
|
] }) }),
|
|
2543
|
-
/* @__PURE__ */
|
|
2544
|
-
/* @__PURE__ */
|
|
2545
|
-
/* @__PURE__ */
|
|
2546
|
-
/* @__PURE__ */
|
|
2547
|
-
/* @__PURE__ */
|
|
2548
|
-
/* @__PURE__ */
|
|
2549
|
-
/* @__PURE__ */
|
|
2550
|
-
/* @__PURE__ */
|
|
2551
|
-
/* @__PURE__ */
|
|
2552
|
-
/* @__PURE__ */
|
|
2636
|
+
/* @__PURE__ */ jsx21("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ jsxs21("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
|
|
2637
|
+
/* @__PURE__ */ jsx21("td", { className: "fc:py-4 fc:px-4 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
|
|
2638
|
+
/* @__PURE__ */ jsx21("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-900 fc:text-[14px] fc:whitespace-nowrap", children: item.mappingId }),
|
|
2639
|
+
/* @__PURE__ */ jsx21("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-mono fc:text-xs fc:whitespace-nowrap", children: item.externalUserId }),
|
|
2640
|
+
/* @__PURE__ */ jsx21("td", { className: "fc:py-4 fc:px-5 fc:text-slate-600 fc:font-medium fc:whitespace-nowrap", children: item.hierarchyNodeId }),
|
|
2641
|
+
/* @__PURE__ */ jsx21("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-800 fc:text-center fc:whitespace-nowrap", children: item.roleCode }),
|
|
2642
|
+
/* @__PURE__ */ jsx21("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ jsx21("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" }) }),
|
|
2643
|
+
/* @__PURE__ */ jsx21("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: item.effectiveFrom }),
|
|
2644
|
+
/* @__PURE__ */ jsx21("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: item.effectiveTo }),
|
|
2645
|
+
/* @__PURE__ */ jsx21("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:whitespace-nowrap", children: /* @__PURE__ */ jsx21("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__ */ jsx21("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"}` }) }) })
|
|
2553
2646
|
] }, item.id)) })
|
|
2554
2647
|
] }) }),
|
|
2555
|
-
/* @__PURE__ */
|
|
2556
|
-
/* @__PURE__ */
|
|
2557
|
-
pageNumbers.map((pageNumber) => /* @__PURE__ */
|
|
2558
|
-
/* @__PURE__ */
|
|
2648
|
+
/* @__PURE__ */ jsxs21("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: [
|
|
2649
|
+
/* @__PURE__ */ jsx21("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" }),
|
|
2650
|
+
pageNumbers.map((pageNumber) => /* @__PURE__ */ jsx21("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)),
|
|
2651
|
+
/* @__PURE__ */ jsx21("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" })
|
|
2559
2652
|
] })
|
|
2560
2653
|
] });
|
|
2561
2654
|
}
|
|
2562
2655
|
|
|
2563
2656
|
// src/components/user-hierarchy-node-mapping/edit-mapping.jsx
|
|
2564
2657
|
import React21, { useEffect as useEffect5, useState as useState12 } from "react";
|
|
2565
|
-
import { jsx as
|
|
2658
|
+
import { jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
2566
2659
|
|
|
2567
2660
|
// src/components/user-hierarchy-node-mapping/delete-mapping.jsx
|
|
2568
2661
|
import React22 from "react";
|
|
2569
|
-
import { jsx as
|
|
2662
|
+
import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
2570
2663
|
|
|
2571
2664
|
// src/components/user-hierarchy-node-mapping/user_hierarchy_mapping_main.jsx
|
|
2572
|
-
import { jsx as
|
|
2665
|
+
import { jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
2573
2666
|
function User_hierarchy_mapping_main() {
|
|
2574
2667
|
const [modalOpen, setModalOpen] = useState13(false);
|
|
2575
2668
|
const [pageSize, setPageSize] = useState13(10);
|
|
@@ -2580,9 +2673,9 @@ function User_hierarchy_mapping_main() {
|
|
|
2580
2673
|
setPageSize(Number(e.target.value));
|
|
2581
2674
|
setCurrentPage(1);
|
|
2582
2675
|
};
|
|
2583
|
-
return /* @__PURE__ */
|
|
2584
|
-
/* @__PURE__ */
|
|
2585
|
-
/* @__PURE__ */
|
|
2676
|
+
return /* @__PURE__ */ jsxs24("div", { className: "fc:min-h-screen fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
|
|
2677
|
+
/* @__PURE__ */ jsxs24("div", { className: "fc:w-full fc:space-y-5", children: [
|
|
2678
|
+
/* @__PURE__ */ jsx24(CommonHeader, { title: "User Hierarchy Node Mapping", breadcrumbs: [{
|
|
2586
2679
|
label: "Dashboard",
|
|
2587
2680
|
href: "/dashboard"
|
|
2588
2681
|
}, {
|
|
@@ -2595,20 +2688,20 @@ function User_hierarchy_mapping_main() {
|
|
|
2595
2688
|
label: "User Hierarchy Mapping",
|
|
2596
2689
|
href: "/user hierarchy mapping"
|
|
2597
2690
|
}], buttonText: "Add Mapping", onButtonClick: () => setModalOpen(true) }),
|
|
2598
|
-
/* @__PURE__ */
|
|
2599
|
-
/* @__PURE__ */
|
|
2600
|
-
/* @__PURE__ */
|
|
2601
|
-
/* @__PURE__ */
|
|
2602
|
-
/* @__PURE__ */
|
|
2603
|
-
/* @__PURE__ */
|
|
2604
|
-
/* @__PURE__ */
|
|
2605
|
-
/* @__PURE__ */
|
|
2691
|
+
/* @__PURE__ */ jsxs24("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: [
|
|
2692
|
+
/* @__PURE__ */ jsxs24("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
|
|
2693
|
+
/* @__PURE__ */ jsx24("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ jsx24(MappingSearchBar, { searchQuery, setSearchQuery, setCurrentPage }) }),
|
|
2694
|
+
/* @__PURE__ */ jsx24("div", { children: /* @__PURE__ */ jsxs24("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: [
|
|
2695
|
+
/* @__PURE__ */ jsx24("option", { value: 5, children: "5 Rows" }),
|
|
2696
|
+
/* @__PURE__ */ jsx24("option", { value: 10, children: "10 Rows" }),
|
|
2697
|
+
/* @__PURE__ */ jsx24("option", { value: 20, children: "20 Rows" }),
|
|
2698
|
+
/* @__PURE__ */ jsx24("option", { value: 25, children: "25 Rows" })
|
|
2606
2699
|
] }) })
|
|
2607
2700
|
] }),
|
|
2608
|
-
/* @__PURE__ */
|
|
2701
|
+
/* @__PURE__ */ jsx24(UserHierarchyNodeMappingTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries })
|
|
2609
2702
|
] })
|
|
2610
2703
|
] }),
|
|
2611
|
-
/* @__PURE__ */
|
|
2704
|
+
/* @__PURE__ */ jsx24(AddUserHierarchyNodeMappingModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
|
|
2612
2705
|
] });
|
|
2613
2706
|
}
|
|
2614
2707
|
|
|
@@ -2617,15 +2710,15 @@ import React29, { useState as useState17 } from "react";
|
|
|
2617
2710
|
|
|
2618
2711
|
// src/components/DocumentConfiguration/SearchBar.jsx
|
|
2619
2712
|
import React24 from "react";
|
|
2620
|
-
import { jsx as
|
|
2713
|
+
import { jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
2621
2714
|
function SearchBar3({
|
|
2622
2715
|
searchQuery,
|
|
2623
2716
|
setSearchQuery,
|
|
2624
2717
|
setCurrentPage
|
|
2625
2718
|
}) {
|
|
2626
|
-
return /* @__PURE__ */
|
|
2627
|
-
/* @__PURE__ */
|
|
2628
|
-
/* @__PURE__ */
|
|
2719
|
+
return /* @__PURE__ */ jsxs25("div", { className: "fc:relative fc:max-w-sm fc:w-full", children: [
|
|
2720
|
+
/* @__PURE__ */ jsx25("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__ */ jsx25("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__ */ jsx25("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
|
|
2721
|
+
/* @__PURE__ */ jsx25("input", { type: "text", value: searchQuery, onChange: (e) => {
|
|
2629
2722
|
setSearchQuery(e.target.value);
|
|
2630
2723
|
setCurrentPage(1);
|
|
2631
2724
|
}, 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" })
|
|
@@ -2637,7 +2730,7 @@ import React27, { useState as useState15, useEffect as useEffect7 } from "react"
|
|
|
2637
2730
|
|
|
2638
2731
|
// src/components/DocumentConfiguration/edit.jsx
|
|
2639
2732
|
import React25, { useState as useState14, useEffect as useEffect6 } from "react";
|
|
2640
|
-
import { jsx as
|
|
2733
|
+
import { jsx as jsx26, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
2641
2734
|
function EditDocumentConfiguration({
|
|
2642
2735
|
isOpen,
|
|
2643
2736
|
onClose,
|
|
@@ -2705,65 +2798,65 @@ function EditDocumentConfiguration({
|
|
|
2705
2798
|
onClose();
|
|
2706
2799
|
};
|
|
2707
2800
|
if (!isOpen) return null;
|
|
2708
|
-
return /* @__PURE__ */
|
|
2709
|
-
/* @__PURE__ */
|
|
2710
|
-
/* @__PURE__ */
|
|
2711
|
-
/* @__PURE__ */
|
|
2712
|
-
/* @__PURE__ */
|
|
2713
|
-
/* @__PURE__ */
|
|
2714
|
-
/* @__PURE__ */
|
|
2801
|
+
return /* @__PURE__ */ jsx26("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__ */ jsxs26("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: [
|
|
2802
|
+
/* @__PURE__ */ jsxs26("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-6 fc:py-5 fc:border-b fc:border-gray-100", children: [
|
|
2803
|
+
/* @__PURE__ */ jsxs26("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
|
|
2804
|
+
/* @__PURE__ */ jsx26("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}" }),
|
|
2805
|
+
/* @__PURE__ */ jsxs26("div", { children: [
|
|
2806
|
+
/* @__PURE__ */ jsx26("h2", { className: "fc:text-xl fc:font-bold fc:text-gray-800", children: "Edit Document Configuration" }),
|
|
2807
|
+
/* @__PURE__ */ jsx26("p", { className: "fc:text-xs fc:text-gray-400", children: "Update document parameters and validation settings" })
|
|
2715
2808
|
] })
|
|
2716
2809
|
] }),
|
|
2717
|
-
/* @__PURE__ */
|
|
2810
|
+
/* @__PURE__ */ jsx26("button", { onClick: onClose, className: "fc:text-gray-400 hover:fc:fc:text-gray-600 fc:transition fc:text-xl fc:font-medium", children: "\u2715" })
|
|
2718
2811
|
] }),
|
|
2719
|
-
/* @__PURE__ */
|
|
2720
|
-
/* @__PURE__ */
|
|
2721
|
-
/* @__PURE__ */
|
|
2722
|
-
/* @__PURE__ */
|
|
2812
|
+
/* @__PURE__ */ jsxs26("form", { onSubmit: handleSubmit, className: "fc:p-6 fc:space-y-5", children: [
|
|
2813
|
+
/* @__PURE__ */ jsx26("div", { className: "fc:bg-gray-50/70 fc:rounded-xl fc:p-5 fc:border fc:border-gray-100", children: /* @__PURE__ */ jsxs26("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
2814
|
+
/* @__PURE__ */ jsxs26("div", { className: "md:fc:fc:col-span-2", children: [
|
|
2815
|
+
/* @__PURE__ */ jsxs26("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
|
|
2723
2816
|
"Document Name ",
|
|
2724
|
-
/* @__PURE__ */
|
|
2817
|
+
/* @__PURE__ */ jsx26("span", { className: "fc:text-red-500", children: "*" })
|
|
2725
2818
|
] }),
|
|
2726
|
-
/* @__PURE__ */
|
|
2727
|
-
errors.docName && /* @__PURE__ */
|
|
2819
|
+
/* @__PURE__ */ jsx26("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"}` }),
|
|
2820
|
+
errors.docName && /* @__PURE__ */ jsx26("span", { className: "fc:text-xs fc:text-red-500", children: errors.docName })
|
|
2728
2821
|
] }),
|
|
2729
|
-
/* @__PURE__ */
|
|
2730
|
-
/* @__PURE__ */
|
|
2822
|
+
/* @__PURE__ */ jsxs26("div", { children: [
|
|
2823
|
+
/* @__PURE__ */ jsxs26("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
|
|
2731
2824
|
"Workflow Step ID ",
|
|
2732
|
-
/* @__PURE__ */
|
|
2825
|
+
/* @__PURE__ */ jsx26("span", { className: "fc:text-red-500", children: "*" })
|
|
2733
2826
|
] }),
|
|
2734
|
-
/* @__PURE__ */
|
|
2735
|
-
errors.stepId && /* @__PURE__ */
|
|
2827
|
+
/* @__PURE__ */ jsx26("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"}` }),
|
|
2828
|
+
errors.stepId && /* @__PURE__ */ jsx26("span", { className: "fc:text-xs fc:text-red-500", children: errors.stepId })
|
|
2736
2829
|
] }),
|
|
2737
|
-
/* @__PURE__ */
|
|
2738
|
-
/* @__PURE__ */
|
|
2830
|
+
/* @__PURE__ */ jsxs26("div", { children: [
|
|
2831
|
+
/* @__PURE__ */ jsxs26("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
|
|
2739
2832
|
"Allowed Extensions ",
|
|
2740
|
-
/* @__PURE__ */
|
|
2833
|
+
/* @__PURE__ */ jsx26("span", { className: "fc:text-red-500", children: "*" })
|
|
2741
2834
|
] }),
|
|
2742
|
-
/* @__PURE__ */
|
|
2743
|
-
errors.extensions && /* @__PURE__ */
|
|
2835
|
+
/* @__PURE__ */ jsx26("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"}` }),
|
|
2836
|
+
errors.extensions && /* @__PURE__ */ jsx26("span", { className: "fc:text-xs fc:text-red-500", children: errors.extensions })
|
|
2744
2837
|
] }),
|
|
2745
|
-
/* @__PURE__ */
|
|
2746
|
-
/* @__PURE__ */
|
|
2838
|
+
/* @__PURE__ */ jsxs26("div", { children: [
|
|
2839
|
+
/* @__PURE__ */ jsxs26("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
|
|
2747
2840
|
"Max Size ",
|
|
2748
|
-
/* @__PURE__ */
|
|
2841
|
+
/* @__PURE__ */ jsx26("span", { className: "fc:text-red-500", children: "*" })
|
|
2749
2842
|
] }),
|
|
2750
|
-
/* @__PURE__ */
|
|
2751
|
-
/* @__PURE__ */
|
|
2752
|
-
/* @__PURE__ */
|
|
2753
|
-
/* @__PURE__ */
|
|
2754
|
-
/* @__PURE__ */
|
|
2843
|
+
/* @__PURE__ */ jsxs26("div", { className: "fc:flex fc:gap-2", children: [
|
|
2844
|
+
/* @__PURE__ */ jsx26("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"}` }),
|
|
2845
|
+
/* @__PURE__ */ jsxs26("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: [
|
|
2846
|
+
/* @__PURE__ */ jsx26("option", { value: "MB", children: "MB" }),
|
|
2847
|
+
/* @__PURE__ */ jsx26("option", { value: "KB", children: "KB" })
|
|
2755
2848
|
] })
|
|
2756
2849
|
] }),
|
|
2757
|
-
errors.maxSizeNum && /* @__PURE__ */
|
|
2850
|
+
errors.maxSizeNum && /* @__PURE__ */ jsx26("span", { className: "fc:text-xs fc:text-red-500", children: errors.maxSizeNum })
|
|
2758
2851
|
] }),
|
|
2759
|
-
/* @__PURE__ */
|
|
2760
|
-
/* @__PURE__ */
|
|
2761
|
-
/* @__PURE__ */
|
|
2852
|
+
/* @__PURE__ */ jsxs26("div", { className: "fc:flex fc:items-center fc:gap-2 fc:pt-6", children: [
|
|
2853
|
+
/* @__PURE__ */ jsx26("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]" }),
|
|
2854
|
+
/* @__PURE__ */ jsx26("label", { htmlFor: "isMandatory", className: "fc:text-sm fc:font-medium fc:text-gray-700 fc:cursor-pointer", children: "Is Mandatory" })
|
|
2762
2855
|
] })
|
|
2763
2856
|
] }) }),
|
|
2764
|
-
/* @__PURE__ */
|
|
2765
|
-
/* @__PURE__ */
|
|
2766
|
-
/* @__PURE__ */
|
|
2857
|
+
/* @__PURE__ */ jsxs26("div", { className: "fc:flex fc:justify-end fc:items-center fc:gap-3 fc:pt-2", children: [
|
|
2858
|
+
/* @__PURE__ */ jsx26("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" }),
|
|
2859
|
+
/* @__PURE__ */ jsx26("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" })
|
|
2767
2860
|
] })
|
|
2768
2861
|
] })
|
|
2769
2862
|
] }) });
|
|
@@ -2771,7 +2864,7 @@ function EditDocumentConfiguration({
|
|
|
2771
2864
|
|
|
2772
2865
|
// src/components/DocumentConfiguration/delete.jsx
|
|
2773
2866
|
import React26 from "react";
|
|
2774
|
-
import { jsx as
|
|
2867
|
+
import { jsx as jsx27, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
2775
2868
|
function DeleteDocumentConfiguration({
|
|
2776
2869
|
isOpen,
|
|
2777
2870
|
onClose,
|
|
@@ -2787,24 +2880,24 @@ function DeleteDocumentConfiguration({
|
|
|
2787
2880
|
};
|
|
2788
2881
|
return (
|
|
2789
2882
|
// Backdrop blur & darker backdrop for better focus
|
|
2790
|
-
/* @__PURE__ */
|
|
2791
|
-
/* @__PURE__ */
|
|
2792
|
-
/* @__PURE__ */
|
|
2793
|
-
/* @__PURE__ */
|
|
2794
|
-
/* @__PURE__ */
|
|
2795
|
-
/* @__PURE__ */
|
|
2883
|
+
/* @__PURE__ */ jsx27("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__ */ jsxs27("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: [
|
|
2884
|
+
/* @__PURE__ */ jsx27("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" }),
|
|
2885
|
+
/* @__PURE__ */ jsxs27("div", { className: "fc:p-8 fc:text-center", children: [
|
|
2886
|
+
/* @__PURE__ */ jsx27("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__ */ jsx27("span", { className: "fc:text-2xl", children: "\u26A0\uFE0F" }) }),
|
|
2887
|
+
/* @__PURE__ */ jsx27("h3", { className: "fc:text-xl fc:font-bold fc:text-gray-900 fc:tracking-tight fc:mb-2", children: "Delete Configuration" }),
|
|
2888
|
+
/* @__PURE__ */ jsxs27("p", { className: "fc:text-sm fc:text-gray-500 fc:leading-relaxed fc:px-2 fc:mb-6", children: [
|
|
2796
2889
|
"Are you sure you want to delete",
|
|
2797
2890
|
" ",
|
|
2798
|
-
/* @__PURE__ */
|
|
2891
|
+
/* @__PURE__ */ jsxs27("span", { className: "fc:font-semibold fc:text-gray-900 fc:bg-gray-100 fc:px-2 fc:py-0.5 fc:rounded-md", children: [
|
|
2799
2892
|
'"',
|
|
2800
2893
|
(documentData == null ? void 0 : documentData.docName) || "This item",
|
|
2801
2894
|
'"'
|
|
2802
2895
|
] }),
|
|
2803
2896
|
"? This action cannot be undone."
|
|
2804
2897
|
] }),
|
|
2805
|
-
/* @__PURE__ */
|
|
2806
|
-
/* @__PURE__ */
|
|
2807
|
-
/* @__PURE__ */
|
|
2898
|
+
/* @__PURE__ */ jsxs27("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
|
|
2899
|
+
/* @__PURE__ */ jsx27("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" }),
|
|
2900
|
+
/* @__PURE__ */ jsx27("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" })
|
|
2808
2901
|
] })
|
|
2809
2902
|
] })
|
|
2810
2903
|
] }) })
|
|
@@ -2812,7 +2905,7 @@ function DeleteDocumentConfiguration({
|
|
|
2812
2905
|
}
|
|
2813
2906
|
|
|
2814
2907
|
// src/components/DocumentConfiguration/DocumentConfigurationTable.jsx
|
|
2815
|
-
import { jsx as
|
|
2908
|
+
import { jsx as jsx28, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
2816
2909
|
function DocumentConfigTable({
|
|
2817
2910
|
pageSize,
|
|
2818
2911
|
searchQuery = "",
|
|
@@ -3045,122 +3138,122 @@ function DocumentConfigTable({
|
|
|
3045
3138
|
const handleConfirmDelete = (id) => {
|
|
3046
3139
|
setData((prev) => prev.filter((item) => item.id !== id));
|
|
3047
3140
|
};
|
|
3048
|
-
return /* @__PURE__ */
|
|
3049
|
-
/* @__PURE__ */
|
|
3050
|
-
/* @__PURE__ */
|
|
3051
|
-
/* @__PURE__ */
|
|
3052
|
-
/* @__PURE__ */
|
|
3141
|
+
return /* @__PURE__ */ jsxs28("div", { className: "fc:space-y-5", children: [
|
|
3142
|
+
/* @__PURE__ */ jsx28("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__ */ jsxs28("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-fixed fc:min-w-[1050px]", children: [
|
|
3143
|
+
/* @__PURE__ */ jsx28("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__ */ jsxs28("tr", { className: "fc:text-xs fc:font-bold fc:tracking-wider fc:text-slate-500", children: [
|
|
3144
|
+
/* @__PURE__ */ jsx28("th", { className: "fc:py-4 fc:px-5 fc:w-20 fc:text-center fc:bg-slate-50", children: "S.No" }),
|
|
3145
|
+
/* @__PURE__ */ jsxs28("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: [
|
|
3053
3146
|
"Document Name ",
|
|
3054
3147
|
sortKey === "docName" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3055
3148
|
] }),
|
|
3056
|
-
/* @__PURE__ */
|
|
3149
|
+
/* @__PURE__ */ jsxs28("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: [
|
|
3057
3150
|
"Workflow Step ID ",
|
|
3058
3151
|
sortKey === "stepId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3059
3152
|
] }),
|
|
3060
|
-
/* @__PURE__ */
|
|
3061
|
-
/* @__PURE__ */
|
|
3153
|
+
/* @__PURE__ */ jsx28("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50", children: "Allowed Extensions" }),
|
|
3154
|
+
/* @__PURE__ */ jsxs28("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: [
|
|
3062
3155
|
"Max Size (MB) ",
|
|
3063
3156
|
sortKey === "maxSize" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3064
3157
|
] }),
|
|
3065
|
-
/* @__PURE__ */
|
|
3066
|
-
/* @__PURE__ */
|
|
3158
|
+
/* @__PURE__ */ jsx28("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50 fc:text-center fc:w-32", children: "Is Mandatory" }),
|
|
3159
|
+
/* @__PURE__ */ jsx28("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50 fc:text-center fc:w-36", children: "Action" })
|
|
3067
3160
|
] }) }),
|
|
3068
|
-
/* @__PURE__ */
|
|
3069
|
-
/* @__PURE__ */
|
|
3070
|
-
/* @__PURE__ */
|
|
3071
|
-
/* @__PURE__ */
|
|
3072
|
-
/* @__PURE__ */
|
|
3073
|
-
/* @__PURE__ */
|
|
3074
|
-
/* @__PURE__ */
|
|
3075
|
-
/* @__PURE__ */
|
|
3076
|
-
/* @__PURE__ */
|
|
3077
|
-
/* @__PURE__ */
|
|
3161
|
+
/* @__PURE__ */ jsx28("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ jsxs28("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
|
|
3162
|
+
/* @__PURE__ */ jsx28("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
|
|
3163
|
+
/* @__PURE__ */ jsx28("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-900 fc:text-[14px]", children: item.docName }),
|
|
3164
|
+
/* @__PURE__ */ jsx28("td", { className: "fc:py-4 fc:px-5 fc:text-slate-600 fc:text-center fc:font-semibold", children: item.stepId }),
|
|
3165
|
+
/* @__PURE__ */ jsx28("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-mono fc:text-xs", children: item.extensions }),
|
|
3166
|
+
/* @__PURE__ */ jsx28("td", { className: "fc:py-4 fc:px-5 fc:text-slate-900 fc:font-bold", children: item.maxSize }),
|
|
3167
|
+
/* @__PURE__ */ jsx28("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ jsx28("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__ */ jsx28("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"}` }) }) }),
|
|
3168
|
+
/* @__PURE__ */ jsx28("td", { className: "fc:py-3 fc:px-2 fc:text-center", children: /* @__PURE__ */ jsxs28("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
|
|
3169
|
+
/* @__PURE__ */ jsx28("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" }),
|
|
3170
|
+
/* @__PURE__ */ jsx28("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" })
|
|
3078
3171
|
] }) })
|
|
3079
3172
|
] }, item.id)) })
|
|
3080
3173
|
] }) }),
|
|
3081
|
-
/* @__PURE__ */
|
|
3082
|
-
/* @__PURE__ */
|
|
3083
|
-
pageNumbers.map((pageNumber) => /* @__PURE__ */
|
|
3084
|
-
/* @__PURE__ */
|
|
3174
|
+
/* @__PURE__ */ jsxs28("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: [
|
|
3175
|
+
/* @__PURE__ */ jsx28("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" }),
|
|
3176
|
+
pageNumbers.map((pageNumber) => /* @__PURE__ */ jsx28("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)),
|
|
3177
|
+
/* @__PURE__ */ jsx28("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" })
|
|
3085
3178
|
] }),
|
|
3086
|
-
/* @__PURE__ */
|
|
3087
|
-
/* @__PURE__ */
|
|
3179
|
+
/* @__PURE__ */ jsx28(EditDocumentConfiguration, { isOpen: isEditOpen, onClose: () => setIsEditOpen(false), initialData: selectedItem, onSave: handleSaveEdit }),
|
|
3180
|
+
/* @__PURE__ */ jsx28(DeleteDocumentConfiguration, { isOpen: isDeleteOpen, onClose: () => setIsDeleteOpen(false), documentData: selectedItem, onConfirm: handleConfirmDelete })
|
|
3088
3181
|
] });
|
|
3089
3182
|
}
|
|
3090
3183
|
|
|
3091
3184
|
// src/components/DocumentConfiguration/AddDocumentConfigurationModal.jsx
|
|
3092
3185
|
import React28, { useState as useState16 } from "react";
|
|
3093
|
-
import { jsx as
|
|
3186
|
+
import { jsx as jsx29, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
3094
3187
|
function AddDocumentConfigModal({
|
|
3095
3188
|
isOpen,
|
|
3096
3189
|
onClose
|
|
3097
3190
|
}) {
|
|
3098
3191
|
const [isMandatory, setIsMandatory] = useState16(false);
|
|
3099
3192
|
if (!isOpen) return null;
|
|
3100
|
-
return /* @__PURE__ */
|
|
3101
|
-
/* @__PURE__ */
|
|
3102
|
-
/* @__PURE__ */
|
|
3103
|
-
/* @__PURE__ */
|
|
3104
|
-
/* @__PURE__ */
|
|
3105
|
-
/* @__PURE__ */
|
|
3106
|
-
/* @__PURE__ */
|
|
3193
|
+
return /* @__PURE__ */ jsxs29("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
|
|
3194
|
+
/* @__PURE__ */ jsx29("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity", onClick: onClose }),
|
|
3195
|
+
/* @__PURE__ */ jsxs29("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: [
|
|
3196
|
+
/* @__PURE__ */ jsxs29("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-8 fc:py-5 fc:border-b fc:border-slate-100", children: [
|
|
3197
|
+
/* @__PURE__ */ jsxs29("div", { children: [
|
|
3198
|
+
/* @__PURE__ */ jsx29("h2", { className: "fc:text-lg fc:font-extrabold fc:text-slate-800", children: "Add Document Configuration" }),
|
|
3199
|
+
/* @__PURE__ */ jsx29("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: "Configure rule specifications for node file processing" })
|
|
3107
3200
|
] }),
|
|
3108
|
-
/* @__PURE__ */
|
|
3201
|
+
/* @__PURE__ */ jsx29("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" })
|
|
3109
3202
|
] }),
|
|
3110
|
-
/* @__PURE__ */
|
|
3111
|
-
/* @__PURE__ */
|
|
3112
|
-
/* @__PURE__ */
|
|
3203
|
+
/* @__PURE__ */ jsxs29("div", { className: "fc:p-6 fc:space-y-5 fc:overflow-y-auto fc:bg-slate-50/30", children: [
|
|
3204
|
+
/* @__PURE__ */ jsxs29("div", { children: [
|
|
3205
|
+
/* @__PURE__ */ jsxs29("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: [
|
|
3113
3206
|
"Document Name ",
|
|
3114
|
-
/* @__PURE__ */
|
|
3207
|
+
/* @__PURE__ */ jsx29("span", { className: "fc:text-red-500", children: "*" })
|
|
3115
3208
|
] }),
|
|
3116
|
-
/* @__PURE__ */
|
|
3117
|
-
/* @__PURE__ */
|
|
3209
|
+
/* @__PURE__ */ jsx29("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" }),
|
|
3210
|
+
/* @__PURE__ */ jsx29("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Label name of the required document" })
|
|
3118
3211
|
] }),
|
|
3119
|
-
/* @__PURE__ */
|
|
3120
|
-
/* @__PURE__ */
|
|
3121
|
-
/* @__PURE__ */
|
|
3212
|
+
/* @__PURE__ */ jsxs29("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
3213
|
+
/* @__PURE__ */ jsxs29("div", { children: [
|
|
3214
|
+
/* @__PURE__ */ jsxs29("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: [
|
|
3122
3215
|
"Workflow Step ID ",
|
|
3123
|
-
/* @__PURE__ */
|
|
3216
|
+
/* @__PURE__ */ jsx29("span", { className: "fc:text-red-500", children: "*" })
|
|
3124
3217
|
] }),
|
|
3125
|
-
/* @__PURE__ */
|
|
3126
|
-
/* @__PURE__ */
|
|
3218
|
+
/* @__PURE__ */ jsx29("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" }),
|
|
3219
|
+
/* @__PURE__ */ jsx29("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Numeric step sequence handler" })
|
|
3127
3220
|
] }),
|
|
3128
|
-
/* @__PURE__ */
|
|
3129
|
-
/* @__PURE__ */
|
|
3221
|
+
/* @__PURE__ */ jsxs29("div", { children: [
|
|
3222
|
+
/* @__PURE__ */ jsxs29("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: [
|
|
3130
3223
|
"Max Size (in MB) ",
|
|
3131
|
-
/* @__PURE__ */
|
|
3224
|
+
/* @__PURE__ */ jsx29("span", { className: "fc:text-red-500", children: "*" }),
|
|
3132
3225
|
" "
|
|
3133
3226
|
] }),
|
|
3134
|
-
/* @__PURE__ */
|
|
3135
|
-
/* @__PURE__ */
|
|
3227
|
+
/* @__PURE__ */ jsx29("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" }),
|
|
3228
|
+
/* @__PURE__ */ jsx29("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Maximum upload limits permissible" })
|
|
3136
3229
|
] })
|
|
3137
3230
|
] }),
|
|
3138
|
-
/* @__PURE__ */
|
|
3139
|
-
/* @__PURE__ */
|
|
3231
|
+
/* @__PURE__ */ jsxs29("div", { children: [
|
|
3232
|
+
/* @__PURE__ */ jsxs29("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: [
|
|
3140
3233
|
"Allowed Extensions ",
|
|
3141
|
-
/* @__PURE__ */
|
|
3234
|
+
/* @__PURE__ */ jsx29("span", { className: "fc:text-red-500", children: "*" })
|
|
3142
3235
|
] }),
|
|
3143
|
-
/* @__PURE__ */
|
|
3144
|
-
/* @__PURE__ */
|
|
3236
|
+
/* @__PURE__ */ jsx29("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" }),
|
|
3237
|
+
/* @__PURE__ */ jsx29("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Comma-separated standard format extensions" })
|
|
3145
3238
|
] }),
|
|
3146
|
-
/* @__PURE__ */
|
|
3147
|
-
/* @__PURE__ */
|
|
3148
|
-
/* @__PURE__ */
|
|
3149
|
-
/* @__PURE__ */
|
|
3239
|
+
/* @__PURE__ */ jsxs29("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: [
|
|
3240
|
+
/* @__PURE__ */ jsxs29("div", { children: [
|
|
3241
|
+
/* @__PURE__ */ jsx29("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-800", children: "Is Mandatory File Field" }),
|
|
3242
|
+
/* @__PURE__ */ jsx29("p", { className: "fc:text-[10px] fc:text-red-500 fc:mt-0.5", children: "Check if user cannot bypass without uploading this file" })
|
|
3150
3243
|
] }),
|
|
3151
|
-
/* @__PURE__ */
|
|
3244
|
+
/* @__PURE__ */ jsx29("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__ */ jsx29("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"}` }) })
|
|
3152
3245
|
] })
|
|
3153
3246
|
] }),
|
|
3154
|
-
/* @__PURE__ */
|
|
3155
|
-
/* @__PURE__ */
|
|
3156
|
-
/* @__PURE__ */
|
|
3247
|
+
/* @__PURE__ */ jsxs29("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: [
|
|
3248
|
+
/* @__PURE__ */ jsx29("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" }),
|
|
3249
|
+
/* @__PURE__ */ jsx29("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" })
|
|
3157
3250
|
] })
|
|
3158
3251
|
] })
|
|
3159
3252
|
] });
|
|
3160
3253
|
}
|
|
3161
3254
|
|
|
3162
3255
|
// src/components/DocumentConfiguration/DocumentConfigurationmain.jsx
|
|
3163
|
-
import { jsx as
|
|
3256
|
+
import { jsx as jsx30, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
3164
3257
|
function DocumentConfigurationmain() {
|
|
3165
3258
|
const [modalOpen, setModalOpen] = useState17(false);
|
|
3166
3259
|
const [pageSize, setPageSize] = useState17(10);
|
|
@@ -3171,8 +3264,8 @@ function DocumentConfigurationmain() {
|
|
|
3171
3264
|
setPageSize(Number(e.target.value));
|
|
3172
3265
|
setCurrentPage(1);
|
|
3173
3266
|
};
|
|
3174
|
-
return /* @__PURE__ */
|
|
3175
|
-
/* @__PURE__ */
|
|
3267
|
+
return /* @__PURE__ */ jsxs30("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
|
|
3268
|
+
/* @__PURE__ */ jsx30(CommonHeader, { title: "Document Configuration", breadcrumbs: [{
|
|
3176
3269
|
label: "Dashboard",
|
|
3177
3270
|
href: "/dashboard"
|
|
3178
3271
|
}, {
|
|
@@ -3185,19 +3278,19 @@ function DocumentConfigurationmain() {
|
|
|
3185
3278
|
label: "Document Configuration",
|
|
3186
3279
|
href: "/DocumentConfiguration"
|
|
3187
3280
|
}], buttonText: "Add Document Configuration", onButtonClick: () => setModalOpen(true) }),
|
|
3188
|
-
/* @__PURE__ */
|
|
3189
|
-
/* @__PURE__ */
|
|
3190
|
-
/* @__PURE__ */
|
|
3191
|
-
/* @__PURE__ */
|
|
3192
|
-
/* @__PURE__ */
|
|
3193
|
-
/* @__PURE__ */
|
|
3194
|
-
/* @__PURE__ */
|
|
3195
|
-
/* @__PURE__ */
|
|
3281
|
+
/* @__PURE__ */ jsx30("div", { className: "fc:w-full fc:space-y-5", children: /* @__PURE__ */ jsxs30("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: [
|
|
3282
|
+
/* @__PURE__ */ jsxs30("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
|
|
3283
|
+
/* @__PURE__ */ jsx30("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ jsx30(SearchBar3, { searchQuery, setSearchQuery, setCurrentPage }) }),
|
|
3284
|
+
/* @__PURE__ */ jsx30("div", { children: /* @__PURE__ */ jsxs30("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: [
|
|
3285
|
+
/* @__PURE__ */ jsx30("option", { value: 5, children: "5 Rows" }),
|
|
3286
|
+
/* @__PURE__ */ jsx30("option", { value: 10, children: "10 Rows" }),
|
|
3287
|
+
/* @__PURE__ */ jsx30("option", { value: 20, children: "20 Rows" }),
|
|
3288
|
+
/* @__PURE__ */ jsx30("option", { value: 25, children: "25 Rows" })
|
|
3196
3289
|
] }) })
|
|
3197
3290
|
] }),
|
|
3198
|
-
/* @__PURE__ */
|
|
3291
|
+
/* @__PURE__ */ jsx30(DocumentConfigTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries })
|
|
3199
3292
|
] }) }),
|
|
3200
|
-
/* @__PURE__ */
|
|
3293
|
+
/* @__PURE__ */ jsx30(AddDocumentConfigModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
|
|
3201
3294
|
] });
|
|
3202
3295
|
}
|
|
3203
3296
|
|
|
@@ -3206,15 +3299,15 @@ import React33, { useState as useState19 } from "react";
|
|
|
3206
3299
|
|
|
3207
3300
|
// src/components/AuditLog/SearchBar.jsx
|
|
3208
3301
|
import React30 from "react";
|
|
3209
|
-
import { jsx as
|
|
3302
|
+
import { jsx as jsx31, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
3210
3303
|
function SearchBar4({
|
|
3211
3304
|
searchQuery,
|
|
3212
3305
|
setSearchQuery,
|
|
3213
3306
|
setCurrentPage
|
|
3214
3307
|
}) {
|
|
3215
|
-
return /* @__PURE__ */
|
|
3216
|
-
/* @__PURE__ */
|
|
3217
|
-
/* @__PURE__ */
|
|
3308
|
+
return /* @__PURE__ */ jsxs31("div", { className: "fc:relative fc:max-w-sm fc:w-full", children: [
|
|
3309
|
+
/* @__PURE__ */ jsx31("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__ */ jsx31("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__ */ jsx31("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
|
|
3310
|
+
/* @__PURE__ */ jsx31("input", { type: "text", value: searchQuery, onChange: (e) => {
|
|
3218
3311
|
setSearchQuery(e.target.value);
|
|
3219
3312
|
setCurrentPage(1);
|
|
3220
3313
|
}, 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" })
|
|
@@ -3223,7 +3316,7 @@ function SearchBar4({
|
|
|
3223
3316
|
|
|
3224
3317
|
// src/components/AuditLog/AuditLogTable.jsx
|
|
3225
3318
|
import React31, { useState as useState18, useEffect as useEffect8 } from "react";
|
|
3226
|
-
import { jsx as
|
|
3319
|
+
import { jsx as jsx32, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
3227
3320
|
function AuditLogTable({
|
|
3228
3321
|
pageSize,
|
|
3229
3322
|
searchQuery = "",
|
|
@@ -3473,126 +3566,126 @@ function AuditLogTable({
|
|
|
3473
3566
|
return "bg-slate-50 text-slate-700 border border-slate-200";
|
|
3474
3567
|
}
|
|
3475
3568
|
};
|
|
3476
|
-
return /* @__PURE__ */
|
|
3477
|
-
/* @__PURE__ */
|
|
3478
|
-
/* @__PURE__ */
|
|
3479
|
-
/* @__PURE__ */
|
|
3480
|
-
/* @__PURE__ */
|
|
3569
|
+
return /* @__PURE__ */ jsxs32("div", { className: "fc:space-y-5", children: [
|
|
3570
|
+
/* @__PURE__ */ jsx32("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__ */ jsxs32("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-auto", children: [
|
|
3571
|
+
/* @__PURE__ */ jsx32("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__ */ jsxs32("tr", { className: "fc:text-xs fc:font-bold fc:tracking-wider fc:text-slate-500", children: [
|
|
3572
|
+
/* @__PURE__ */ jsx32("th", { className: "fc:py-4 fc:px-4 fc:w-16 fc:text-center fc:bg-slate-50", children: "S.No" }),
|
|
3573
|
+
/* @__PURE__ */ jsxs32("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: [
|
|
3481
3574
|
"Log ID ",
|
|
3482
3575
|
sortKey === "logId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3483
3576
|
] }),
|
|
3484
|
-
/* @__PURE__ */
|
|
3577
|
+
/* @__PURE__ */ jsxs32("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: [
|
|
3485
3578
|
"User Name ",
|
|
3486
3579
|
sortKey === "user" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3487
3580
|
] }),
|
|
3488
|
-
/* @__PURE__ */
|
|
3581
|
+
/* @__PURE__ */ jsxs32("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: [
|
|
3489
3582
|
"Action ",
|
|
3490
3583
|
sortKey === "action" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3491
3584
|
] }),
|
|
3492
|
-
/* @__PURE__ */
|
|
3585
|
+
/* @__PURE__ */ jsxs32("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: [
|
|
3493
3586
|
"Section Modules ",
|
|
3494
3587
|
sortKey === "section" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3495
3588
|
] }),
|
|
3496
|
-
/* @__PURE__ */
|
|
3497
|
-
/* @__PURE__ */
|
|
3589
|
+
/* @__PURE__ */ jsx32("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50 fc:whitespace-nowrap", children: "IP Address" }),
|
|
3590
|
+
/* @__PURE__ */ jsxs32("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: [
|
|
3498
3591
|
"Timestamp ",
|
|
3499
3592
|
sortKey === "time" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3500
3593
|
] })
|
|
3501
3594
|
] }) }),
|
|
3502
|
-
/* @__PURE__ */
|
|
3503
|
-
/* @__PURE__ */
|
|
3504
|
-
/* @__PURE__ */
|
|
3505
|
-
/* @__PURE__ */
|
|
3506
|
-
/* @__PURE__ */
|
|
3507
|
-
/* @__PURE__ */
|
|
3508
|
-
/* @__PURE__ */
|
|
3509
|
-
/* @__PURE__ */
|
|
3595
|
+
/* @__PURE__ */ jsx32("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ jsxs32("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
|
|
3596
|
+
/* @__PURE__ */ jsx32("td", { className: "fc:py-4 fc:px-4 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
|
|
3597
|
+
/* @__PURE__ */ jsx32("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-900 fc:text-[14px] fc:whitespace-nowrap", children: item.logId }),
|
|
3598
|
+
/* @__PURE__ */ jsx32("td", { className: "fc:py-4 fc:px-5 fc:text-slate-900 fc:font-semibold fc:whitespace-nowrap", children: item.user }),
|
|
3599
|
+
/* @__PURE__ */ jsx32("td", { className: "fc:py-4 fc:px-5 fc:whitespace-nowrap", children: /* @__PURE__ */ jsx32("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 }) }),
|
|
3600
|
+
/* @__PURE__ */ jsx32("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-medium fc:whitespace-nowrap", children: item.section }),
|
|
3601
|
+
/* @__PURE__ */ jsx32("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-mono fc:text-xs fc:whitespace-nowrap", children: item.ip }),
|
|
3602
|
+
/* @__PURE__ */ jsx32("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-medium fc:whitespace-nowrap", children: item.time })
|
|
3510
3603
|
] }, item.id)) })
|
|
3511
3604
|
] }) }),
|
|
3512
|
-
/* @__PURE__ */
|
|
3513
|
-
/* @__PURE__ */
|
|
3514
|
-
pageNumbers.map((pageNumber) => /* @__PURE__ */
|
|
3515
|
-
/* @__PURE__ */
|
|
3605
|
+
/* @__PURE__ */ jsxs32("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: [
|
|
3606
|
+
/* @__PURE__ */ jsx32("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" }),
|
|
3607
|
+
pageNumbers.map((pageNumber) => /* @__PURE__ */ jsx32("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)),
|
|
3608
|
+
/* @__PURE__ */ jsx32("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" })
|
|
3516
3609
|
] })
|
|
3517
3610
|
] });
|
|
3518
3611
|
}
|
|
3519
3612
|
|
|
3520
3613
|
// src/components/AuditLog/AddAuditLogModal.jsx
|
|
3521
3614
|
import React32 from "react";
|
|
3522
|
-
import { jsx as
|
|
3615
|
+
import { jsx as jsx33, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
3523
3616
|
function AddAuditLogModal({
|
|
3524
3617
|
isOpen,
|
|
3525
3618
|
onClose
|
|
3526
3619
|
}) {
|
|
3527
3620
|
if (!isOpen) return null;
|
|
3528
|
-
return /* @__PURE__ */
|
|
3529
|
-
/* @__PURE__ */
|
|
3530
|
-
/* @__PURE__ */
|
|
3531
|
-
/* @__PURE__ */
|
|
3532
|
-
/* @__PURE__ */
|
|
3533
|
-
/* @__PURE__ */
|
|
3534
|
-
/* @__PURE__ */
|
|
3621
|
+
return /* @__PURE__ */ jsxs33("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
|
|
3622
|
+
/* @__PURE__ */ jsx33("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity", onClick: onClose }),
|
|
3623
|
+
/* @__PURE__ */ jsxs33("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: [
|
|
3624
|
+
/* @__PURE__ */ jsxs33("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-8 fc:py-5 fc:border-b fc:border-slate-100", children: [
|
|
3625
|
+
/* @__PURE__ */ jsxs33("div", { children: [
|
|
3626
|
+
/* @__PURE__ */ jsx33("h2", { className: "fc:text-lg fc:font-extrabold fc:text-slate-800", children: "Add Audit Entry" }),
|
|
3627
|
+
/* @__PURE__ */ jsx33("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: "Manually insert security audit trail incident" })
|
|
3535
3628
|
] }),
|
|
3536
|
-
/* @__PURE__ */
|
|
3629
|
+
/* @__PURE__ */ jsx33("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" })
|
|
3537
3630
|
] }),
|
|
3538
|
-
/* @__PURE__ */
|
|
3539
|
-
/* @__PURE__ */
|
|
3540
|
-
/* @__PURE__ */
|
|
3541
|
-
/* @__PURE__ */
|
|
3542
|
-
/* @__PURE__ */
|
|
3543
|
-
/* @__PURE__ */
|
|
3631
|
+
/* @__PURE__ */ jsxs33("div", { className: "fc:p-6 fc:space-y-5 fc:overflow-y-auto fc:bg-slate-50/30", children: [
|
|
3632
|
+
/* @__PURE__ */ jsxs33("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
3633
|
+
/* @__PURE__ */ jsxs33("div", { children: [
|
|
3634
|
+
/* @__PURE__ */ jsx33("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Log ID *" }),
|
|
3635
|
+
/* @__PURE__ */ jsx33("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" }),
|
|
3636
|
+
/* @__PURE__ */ jsx33("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Unique tracking ledger key code" })
|
|
3544
3637
|
] }),
|
|
3545
|
-
/* @__PURE__ */
|
|
3546
|
-
/* @__PURE__ */
|
|
3547
|
-
/* @__PURE__ */
|
|
3548
|
-
/* @__PURE__ */
|
|
3638
|
+
/* @__PURE__ */ jsxs33("div", { children: [
|
|
3639
|
+
/* @__PURE__ */ jsx33("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "User Name *" }),
|
|
3640
|
+
/* @__PURE__ */ jsx33("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" }),
|
|
3641
|
+
/* @__PURE__ */ jsx33("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Profile designation handling agent" })
|
|
3549
3642
|
] })
|
|
3550
3643
|
] }),
|
|
3551
|
-
/* @__PURE__ */
|
|
3552
|
-
/* @__PURE__ */
|
|
3553
|
-
/* @__PURE__ */
|
|
3554
|
-
/* @__PURE__ */
|
|
3555
|
-
/* @__PURE__ */
|
|
3556
|
-
/* @__PURE__ */
|
|
3557
|
-
/* @__PURE__ */
|
|
3558
|
-
/* @__PURE__ */
|
|
3644
|
+
/* @__PURE__ */ jsxs33("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
3645
|
+
/* @__PURE__ */ jsxs33("div", { children: [
|
|
3646
|
+
/* @__PURE__ */ jsx33("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Action Type *" }),
|
|
3647
|
+
/* @__PURE__ */ jsxs33("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: [
|
|
3648
|
+
/* @__PURE__ */ jsx33("option", { value: "CREATE", children: "CREATE" }),
|
|
3649
|
+
/* @__PURE__ */ jsx33("option", { value: "UPDATE", children: "UPDATE" }),
|
|
3650
|
+
/* @__PURE__ */ jsx33("option", { value: "DELETE", children: "DELETE" }),
|
|
3651
|
+
/* @__PURE__ */ jsx33("option", { value: "LOGIN", children: "LOGIN" })
|
|
3559
3652
|
] }),
|
|
3560
|
-
/* @__PURE__ */
|
|
3653
|
+
/* @__PURE__ */ jsx33("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Operational type category executed" })
|
|
3561
3654
|
] }),
|
|
3562
|
-
/* @__PURE__ */
|
|
3563
|
-
/* @__PURE__ */
|
|
3564
|
-
/* @__PURE__ */
|
|
3565
|
-
/* @__PURE__ */
|
|
3655
|
+
/* @__PURE__ */ jsxs33("div", { children: [
|
|
3656
|
+
/* @__PURE__ */ jsx33("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "IP Address *" }),
|
|
3657
|
+
/* @__PURE__ */ jsx33("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" }),
|
|
3658
|
+
/* @__PURE__ */ jsx33("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Terminal remote system IP node" })
|
|
3566
3659
|
] })
|
|
3567
3660
|
] }),
|
|
3568
|
-
/* @__PURE__ */
|
|
3569
|
-
/* @__PURE__ */
|
|
3570
|
-
/* @__PURE__ */
|
|
3571
|
-
/* @__PURE__ */
|
|
3572
|
-
/* @__PURE__ */
|
|
3661
|
+
/* @__PURE__ */ jsxs33("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
3662
|
+
/* @__PURE__ */ jsxs33("div", { children: [
|
|
3663
|
+
/* @__PURE__ */ jsx33("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Section Module *" }),
|
|
3664
|
+
/* @__PURE__ */ jsx33("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" }),
|
|
3665
|
+
/* @__PURE__ */ jsx33("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Target segment modified in configuration" })
|
|
3573
3666
|
] }),
|
|
3574
|
-
/* @__PURE__ */
|
|
3575
|
-
/* @__PURE__ */
|
|
3576
|
-
/* @__PURE__ */
|
|
3577
|
-
/* @__PURE__ */
|
|
3667
|
+
/* @__PURE__ */ jsxs33("div", { children: [
|
|
3668
|
+
/* @__PURE__ */ jsx33("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Timestamp *" }),
|
|
3669
|
+
/* @__PURE__ */ jsx33("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" }),
|
|
3670
|
+
/* @__PURE__ */ jsx33("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Precise server localized execution record date" })
|
|
3578
3671
|
] })
|
|
3579
3672
|
] }),
|
|
3580
|
-
/* @__PURE__ */
|
|
3581
|
-
/* @__PURE__ */
|
|
3582
|
-
/* @__PURE__ */
|
|
3583
|
-
/* @__PURE__ */
|
|
3673
|
+
/* @__PURE__ */ jsxs33("div", { children: [
|
|
3674
|
+
/* @__PURE__ */ jsx33("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Meta Details / Changes Summary" }),
|
|
3675
|
+
/* @__PURE__ */ jsx33("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" }),
|
|
3676
|
+
/* @__PURE__ */ jsx33("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Log data state differential dumps if required" })
|
|
3584
3677
|
] })
|
|
3585
3678
|
] }),
|
|
3586
|
-
/* @__PURE__ */
|
|
3587
|
-
/* @__PURE__ */
|
|
3588
|
-
/* @__PURE__ */
|
|
3679
|
+
/* @__PURE__ */ jsxs33("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: [
|
|
3680
|
+
/* @__PURE__ */ jsx33("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" }),
|
|
3681
|
+
/* @__PURE__ */ jsx33("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" })
|
|
3589
3682
|
] })
|
|
3590
3683
|
] })
|
|
3591
3684
|
] });
|
|
3592
3685
|
}
|
|
3593
3686
|
|
|
3594
3687
|
// src/components/AuditLog/AuditLogmain.jsx
|
|
3595
|
-
import { jsx as
|
|
3688
|
+
import { jsx as jsx34, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
3596
3689
|
function AuditLogmain() {
|
|
3597
3690
|
const [modalOpen, setModalOpen] = useState19(false);
|
|
3598
3691
|
const [pageSize, setPageSize] = useState19(10);
|
|
@@ -3603,8 +3696,8 @@ function AuditLogmain() {
|
|
|
3603
3696
|
setPageSize(Number(e.target.value));
|
|
3604
3697
|
setCurrentPage(1);
|
|
3605
3698
|
};
|
|
3606
|
-
return /* @__PURE__ */
|
|
3607
|
-
/* @__PURE__ */
|
|
3699
|
+
return /* @__PURE__ */ jsxs34("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
|
|
3700
|
+
/* @__PURE__ */ jsx34(CommonHeader, { title: "Audit Log", breadcrumbs: [{
|
|
3608
3701
|
label: "Dashboard",
|
|
3609
3702
|
href: "/dashboard"
|
|
3610
3703
|
}, {
|
|
@@ -3617,19 +3710,19 @@ function AuditLogmain() {
|
|
|
3617
3710
|
label: "Audit Log",
|
|
3618
3711
|
href: "/auditlog"
|
|
3619
3712
|
}], buttonText: "Add Audit Log", onButtonClick: () => setModalOpen(true) }),
|
|
3620
|
-
/* @__PURE__ */
|
|
3621
|
-
/* @__PURE__ */
|
|
3622
|
-
/* @__PURE__ */
|
|
3623
|
-
/* @__PURE__ */
|
|
3624
|
-
/* @__PURE__ */
|
|
3625
|
-
/* @__PURE__ */
|
|
3626
|
-
/* @__PURE__ */
|
|
3627
|
-
/* @__PURE__ */
|
|
3713
|
+
/* @__PURE__ */ jsx34("div", { className: "fc:w-full fc:space-y-5", children: /* @__PURE__ */ jsxs34("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: [
|
|
3714
|
+
/* @__PURE__ */ jsxs34("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
|
|
3715
|
+
/* @__PURE__ */ jsx34("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ jsx34(SearchBar4, { searchQuery, setSearchQuery, setCurrentPage }) }),
|
|
3716
|
+
/* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsxs34("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: [
|
|
3717
|
+
/* @__PURE__ */ jsx34("option", { value: 5, children: "5 Rows" }),
|
|
3718
|
+
/* @__PURE__ */ jsx34("option", { value: 10, children: "10 Rows" }),
|
|
3719
|
+
/* @__PURE__ */ jsx34("option", { value: 20, children: "20 Rows" }),
|
|
3720
|
+
/* @__PURE__ */ jsx34("option", { value: 25, children: "25 Rows" })
|
|
3628
3721
|
] }) })
|
|
3629
3722
|
] }),
|
|
3630
|
-
/* @__PURE__ */
|
|
3723
|
+
/* @__PURE__ */ jsx34(AuditLogTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries })
|
|
3631
3724
|
] }) }),
|
|
3632
|
-
/* @__PURE__ */
|
|
3725
|
+
/* @__PURE__ */ jsx34(AddAuditLogModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
|
|
3633
3726
|
] });
|
|
3634
3727
|
}
|
|
3635
3728
|
|
|
@@ -3638,15 +3731,15 @@ import React37, { useState as useState21 } from "react";
|
|
|
3638
3731
|
|
|
3639
3732
|
// src/components/MovementHistory/SearchBar.jsx
|
|
3640
3733
|
import React34 from "react";
|
|
3641
|
-
import { jsx as
|
|
3734
|
+
import { jsx as jsx35, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
3642
3735
|
function SearchBar5({
|
|
3643
3736
|
searchQuery,
|
|
3644
3737
|
setSearchQuery,
|
|
3645
3738
|
setCurrentPage
|
|
3646
3739
|
}) {
|
|
3647
|
-
return /* @__PURE__ */
|
|
3648
|
-
/* @__PURE__ */
|
|
3649
|
-
/* @__PURE__ */
|
|
3740
|
+
return /* @__PURE__ */ jsxs35("div", { className: "fc:relative fc:max-w-sm fc:w-full", children: [
|
|
3741
|
+
/* @__PURE__ */ jsx35("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__ */ jsx35("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__ */ jsx35("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
|
|
3742
|
+
/* @__PURE__ */ jsx35("input", { type: "text", value: searchQuery, onChange: (e) => {
|
|
3650
3743
|
setSearchQuery(e.target.value);
|
|
3651
3744
|
setCurrentPage(1);
|
|
3652
3745
|
}, 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" })
|
|
@@ -3655,7 +3748,7 @@ function SearchBar5({
|
|
|
3655
3748
|
|
|
3656
3749
|
// src/components/MovementHistory/MovementHistoryTable.jsx
|
|
3657
3750
|
import React35, { useState as useState20, useEffect as useEffect9 } from "react";
|
|
3658
|
-
import { jsx as
|
|
3751
|
+
import { jsx as jsx36, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
3659
3752
|
function MovementHistoryTable({
|
|
3660
3753
|
pageSize,
|
|
3661
3754
|
searchQuery = "",
|
|
@@ -3905,129 +3998,129 @@ function MovementHistoryTable({
|
|
|
3905
3998
|
return "bg-slate-50 text-slate-700 border border-slate-200";
|
|
3906
3999
|
}
|
|
3907
4000
|
};
|
|
3908
|
-
return /* @__PURE__ */
|
|
3909
|
-
/* @__PURE__ */
|
|
3910
|
-
/* @__PURE__ */
|
|
3911
|
-
/* @__PURE__ */
|
|
3912
|
-
/* @__PURE__ */
|
|
4001
|
+
return /* @__PURE__ */ jsxs36("div", { className: "fc:space-y-5", children: [
|
|
4002
|
+
/* @__PURE__ */ jsx36("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__ */ jsxs36("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-fixed fc:min-w-[900px]", children: [
|
|
4003
|
+
/* @__PURE__ */ jsx36("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__ */ jsxs36("tr", { className: "fc:text-xs fc:font-bold fc:tracking-wider fc:text-slate-500", children: [
|
|
4004
|
+
/* @__PURE__ */ jsx36("th", { className: "fc:py-4 fc:px-5 fc:w-20 fc:text-center fc:bg-slate-50", children: "S.No" }),
|
|
4005
|
+
/* @__PURE__ */ jsxs36("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: [
|
|
3913
4006
|
"Movement History ID ",
|
|
3914
4007
|
sortKey === "movementHistoryId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3915
4008
|
] }),
|
|
3916
|
-
/* @__PURE__ */
|
|
4009
|
+
/* @__PURE__ */ jsxs36("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: [
|
|
3917
4010
|
"Name ",
|
|
3918
4011
|
sortKey === "name" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3919
4012
|
] }),
|
|
3920
|
-
/* @__PURE__ */
|
|
4013
|
+
/* @__PURE__ */ jsxs36("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: [
|
|
3921
4014
|
"File Instance ID ",
|
|
3922
4015
|
sortKey === "fileInstanceId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3923
4016
|
] }),
|
|
3924
|
-
/* @__PURE__ */
|
|
4017
|
+
/* @__PURE__ */ jsxs36("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: [
|
|
3925
4018
|
"FromStepID ",
|
|
3926
4019
|
sortKey === "fromStepId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3927
4020
|
] }),
|
|
3928
|
-
/* @__PURE__ */
|
|
4021
|
+
/* @__PURE__ */ jsxs36("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: [
|
|
3929
4022
|
"ToStepID ",
|
|
3930
4023
|
sortKey === "toStepId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3931
4024
|
] }),
|
|
3932
|
-
/* @__PURE__ */
|
|
4025
|
+
/* @__PURE__ */ jsxs36("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: [
|
|
3933
4026
|
"ActionCode ",
|
|
3934
4027
|
sortKey === "movedOn" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3935
4028
|
] })
|
|
3936
4029
|
] }) }),
|
|
3937
|
-
/* @__PURE__ */
|
|
3938
|
-
/* @__PURE__ */
|
|
3939
|
-
/* @__PURE__ */
|
|
3940
|
-
/* @__PURE__ */
|
|
3941
|
-
/* @__PURE__ */
|
|
3942
|
-
/* @__PURE__ */
|
|
3943
|
-
/* @__PURE__ */
|
|
3944
|
-
/* @__PURE__ */
|
|
4030
|
+
/* @__PURE__ */ jsx36("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ jsxs36("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
|
|
4031
|
+
/* @__PURE__ */ jsx36("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 }),
|
|
4032
|
+
/* @__PURE__ */ jsx36("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-900 fc:text-[14px]", children: item.movementHistoryId }),
|
|
4033
|
+
/* @__PURE__ */ jsx36("td", { className: "fc:py-4 fc:px-5 fc:text-slate-900 fc:font-medium fc:truncate", children: item.name }),
|
|
4034
|
+
/* @__PURE__ */ jsx36("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500", children: item.fileInstanceId }),
|
|
4035
|
+
/* @__PURE__ */ jsx36("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500", children: item.fromStepId }),
|
|
4036
|
+
/* @__PURE__ */ jsx36("td", { className: "fc:py-4 fc:px-5 fc:font-semibold fc:text-slate-700", children: /* @__PURE__ */ jsx36("span", { className: `fc:px-2.5 fc:py-1 fc:text-[11px] fc:font-bold fc:rounded-md${getActionBadgeColor(item.toStepId)}`, children: item.toStepId }) }),
|
|
4037
|
+
/* @__PURE__ */ jsx36("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500", children: item.movedOn })
|
|
3945
4038
|
] }, item.id)) })
|
|
3946
4039
|
] }) }),
|
|
3947
|
-
/* @__PURE__ */
|
|
3948
|
-
/* @__PURE__ */
|
|
3949
|
-
pageNumbers.map((pageNumber) => /* @__PURE__ */
|
|
3950
|
-
/* @__PURE__ */
|
|
4040
|
+
/* @__PURE__ */ jsxs36("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: [
|
|
4041
|
+
/* @__PURE__ */ jsx36("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" }),
|
|
4042
|
+
pageNumbers.map((pageNumber) => /* @__PURE__ */ jsx36("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)),
|
|
4043
|
+
/* @__PURE__ */ jsx36("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" })
|
|
3951
4044
|
] })
|
|
3952
4045
|
] });
|
|
3953
4046
|
}
|
|
3954
4047
|
|
|
3955
4048
|
// src/components/MovementHistory/AddMovementHistoryModal.jsx
|
|
3956
4049
|
import React36 from "react";
|
|
3957
|
-
import { jsx as
|
|
4050
|
+
import { jsx as jsx37, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
3958
4051
|
function AddMovementHistoryModal({
|
|
3959
4052
|
isOpen,
|
|
3960
4053
|
onClose
|
|
3961
4054
|
}) {
|
|
3962
4055
|
if (!isOpen) return null;
|
|
3963
|
-
return /* @__PURE__ */
|
|
3964
|
-
/* @__PURE__ */
|
|
3965
|
-
/* @__PURE__ */
|
|
3966
|
-
/* @__PURE__ */
|
|
3967
|
-
/* @__PURE__ */
|
|
3968
|
-
/* @__PURE__ */
|
|
3969
|
-
/* @__PURE__ */
|
|
4056
|
+
return /* @__PURE__ */ jsxs37("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
|
|
4057
|
+
/* @__PURE__ */ jsx37("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity", onClick: onClose }),
|
|
4058
|
+
/* @__PURE__ */ jsxs37("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: [
|
|
4059
|
+
/* @__PURE__ */ jsxs37("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-8 fc:py-5 fc:border-b fc:border-slate-100", children: [
|
|
4060
|
+
/* @__PURE__ */ jsxs37("div", { children: [
|
|
4061
|
+
/* @__PURE__ */ jsx37("h2", { className: "fc:text-lg fc:font-extrabold fc:text-slate-800", children: "Add Movement History" }),
|
|
4062
|
+
/* @__PURE__ */ jsx37("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: "Create a new movement audit trail entry" })
|
|
3970
4063
|
] }),
|
|
3971
|
-
/* @__PURE__ */
|
|
4064
|
+
/* @__PURE__ */ jsx37("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" })
|
|
3972
4065
|
] }),
|
|
3973
|
-
/* @__PURE__ */
|
|
3974
|
-
/* @__PURE__ */
|
|
3975
|
-
/* @__PURE__ */
|
|
3976
|
-
/* @__PURE__ */
|
|
3977
|
-
/* @__PURE__ */
|
|
3978
|
-
/* @__PURE__ */
|
|
4066
|
+
/* @__PURE__ */ jsxs37("div", { className: "fc:p-6 fc:space-y-5 fc:overflow-y-auto fc:bg-slate-50/30", children: [
|
|
4067
|
+
/* @__PURE__ */ jsxs37("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
4068
|
+
/* @__PURE__ */ jsxs37("div", { children: [
|
|
4069
|
+
/* @__PURE__ */ jsx37("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Movement History ID *" }),
|
|
4070
|
+
/* @__PURE__ */ jsx37("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" }),
|
|
4071
|
+
/* @__PURE__ */ jsx37("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Unique primary key for history record" })
|
|
3979
4072
|
] }),
|
|
3980
|
-
/* @__PURE__ */
|
|
3981
|
-
/* @__PURE__ */
|
|
3982
|
-
/* @__PURE__ */
|
|
3983
|
-
/* @__PURE__ */
|
|
4073
|
+
/* @__PURE__ */ jsxs37("div", { children: [
|
|
4074
|
+
/* @__PURE__ */ jsx37("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "File Instance ID *" }),
|
|
4075
|
+
/* @__PURE__ */ jsx37("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" }),
|
|
4076
|
+
/* @__PURE__ */ jsx37("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Associated unique document/transaction ID" })
|
|
3984
4077
|
] })
|
|
3985
4078
|
] }),
|
|
3986
|
-
/* @__PURE__ */
|
|
3987
|
-
/* @__PURE__ */
|
|
3988
|
-
/* @__PURE__ */
|
|
3989
|
-
/* @__PURE__ */
|
|
3990
|
-
/* @__PURE__ */
|
|
4079
|
+
/* @__PURE__ */ jsxs37("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
4080
|
+
/* @__PURE__ */ jsxs37("div", { children: [
|
|
4081
|
+
/* @__PURE__ */ jsx37("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "From Step ID *" }),
|
|
4082
|
+
/* @__PURE__ */ jsx37("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" }),
|
|
4083
|
+
/* @__PURE__ */ jsx37("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Starting step workflow node" })
|
|
3991
4084
|
] }),
|
|
3992
|
-
/* @__PURE__ */
|
|
3993
|
-
/* @__PURE__ */
|
|
3994
|
-
/* @__PURE__ */
|
|
3995
|
-
/* @__PURE__ */
|
|
4085
|
+
/* @__PURE__ */ jsxs37("div", { children: [
|
|
4086
|
+
/* @__PURE__ */ jsx37("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "To Step ID *" }),
|
|
4087
|
+
/* @__PURE__ */ jsx37("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" }),
|
|
4088
|
+
/* @__PURE__ */ jsx37("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Destination target step node" })
|
|
3996
4089
|
] })
|
|
3997
4090
|
] }),
|
|
3998
|
-
/* @__PURE__ */
|
|
3999
|
-
/* @__PURE__ */
|
|
4000
|
-
/* @__PURE__ */
|
|
4001
|
-
/* @__PURE__ */
|
|
4002
|
-
/* @__PURE__ */
|
|
4003
|
-
/* @__PURE__ */
|
|
4004
|
-
/* @__PURE__ */
|
|
4005
|
-
/* @__PURE__ */
|
|
4091
|
+
/* @__PURE__ */ jsxs37("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
4092
|
+
/* @__PURE__ */ jsxs37("div", { children: [
|
|
4093
|
+
/* @__PURE__ */ jsx37("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Action Code *" }),
|
|
4094
|
+
/* @__PURE__ */ jsxs37("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: [
|
|
4095
|
+
/* @__PURE__ */ jsx37("option", { value: "APPROVE", children: "APPROVE" }),
|
|
4096
|
+
/* @__PURE__ */ jsx37("option", { value: "RETURN", children: "RETURN" }),
|
|
4097
|
+
/* @__PURE__ */ jsx37("option", { value: "FORWARD", children: "FORWARD" }),
|
|
4098
|
+
/* @__PURE__ */ jsx37("option", { value: "REJECT", children: "REJECT" })
|
|
4006
4099
|
] }),
|
|
4007
|
-
/* @__PURE__ */
|
|
4100
|
+
/* @__PURE__ */ jsx37("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Execution code action state" })
|
|
4008
4101
|
] }),
|
|
4009
|
-
/* @__PURE__ */
|
|
4010
|
-
/* @__PURE__ */
|
|
4011
|
-
/* @__PURE__ */
|
|
4012
|
-
/* @__PURE__ */
|
|
4102
|
+
/* @__PURE__ */ jsxs37("div", { children: [
|
|
4103
|
+
/* @__PURE__ */ jsx37("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Moved On *" }),
|
|
4104
|
+
/* @__PURE__ */ jsx37("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" }),
|
|
4105
|
+
/* @__PURE__ */ jsx37("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Movement record date timestamp" })
|
|
4013
4106
|
] })
|
|
4014
4107
|
] }),
|
|
4015
|
-
/* @__PURE__ */
|
|
4016
|
-
/* @__PURE__ */
|
|
4017
|
-
/* @__PURE__ */
|
|
4018
|
-
/* @__PURE__ */
|
|
4108
|
+
/* @__PURE__ */ jsxs37("div", { children: [
|
|
4109
|
+
/* @__PURE__ */ jsx37("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Movement Comments / Remarks" }),
|
|
4110
|
+
/* @__PURE__ */ jsx37("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" }),
|
|
4111
|
+
/* @__PURE__ */ jsx37("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Optional workflow remarks for documentation" })
|
|
4019
4112
|
] })
|
|
4020
4113
|
] }),
|
|
4021
|
-
/* @__PURE__ */
|
|
4022
|
-
/* @__PURE__ */
|
|
4023
|
-
/* @__PURE__ */
|
|
4114
|
+
/* @__PURE__ */ jsxs37("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: [
|
|
4115
|
+
/* @__PURE__ */ jsx37("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" }),
|
|
4116
|
+
/* @__PURE__ */ jsx37("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" })
|
|
4024
4117
|
] })
|
|
4025
4118
|
] })
|
|
4026
4119
|
] });
|
|
4027
4120
|
}
|
|
4028
4121
|
|
|
4029
4122
|
// src/components/MovementHistory/MovementHistorymain.jsx
|
|
4030
|
-
import { jsx as
|
|
4123
|
+
import { jsx as jsx38, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
4031
4124
|
function MovementHistorymain() {
|
|
4032
4125
|
const [modalOpen, setModalOpen] = useState21(false);
|
|
4033
4126
|
const [pageSize, setPageSize] = useState21(10);
|
|
@@ -4038,8 +4131,8 @@ function MovementHistorymain() {
|
|
|
4038
4131
|
setPageSize(Number(e.target.value));
|
|
4039
4132
|
setCurrentPage(1);
|
|
4040
4133
|
};
|
|
4041
|
-
return /* @__PURE__ */
|
|
4042
|
-
/* @__PURE__ */
|
|
4134
|
+
return /* @__PURE__ */ jsxs38("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
|
|
4135
|
+
/* @__PURE__ */ jsx38(CommonHeader, { title: "Movement History", breadcrumbs: [{
|
|
4043
4136
|
label: "Dashboard",
|
|
4044
4137
|
href: "/dashboard"
|
|
4045
4138
|
}, {
|
|
@@ -4052,24 +4145,24 @@ function MovementHistorymain() {
|
|
|
4052
4145
|
label: "Movement History",
|
|
4053
4146
|
href: "/movementhistory"
|
|
4054
4147
|
}], buttonText: "Add Movement History", onButtonClick: () => setModalOpen(true) }),
|
|
4055
|
-
/* @__PURE__ */
|
|
4056
|
-
/* @__PURE__ */
|
|
4057
|
-
/* @__PURE__ */
|
|
4058
|
-
/* @__PURE__ */
|
|
4059
|
-
/* @__PURE__ */
|
|
4060
|
-
/* @__PURE__ */
|
|
4061
|
-
/* @__PURE__ */
|
|
4062
|
-
/* @__PURE__ */
|
|
4148
|
+
/* @__PURE__ */ jsx38("div", { className: "fc:w-full fc:space-y-5", children: /* @__PURE__ */ jsxs38("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: [
|
|
4149
|
+
/* @__PURE__ */ jsxs38("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
|
|
4150
|
+
/* @__PURE__ */ jsx38("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ jsx38(SearchBar5, { searchQuery, setSearchQuery, setCurrentPage }) }),
|
|
4151
|
+
/* @__PURE__ */ jsx38("div", { children: /* @__PURE__ */ jsxs38("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: [
|
|
4152
|
+
/* @__PURE__ */ jsx38("option", { value: 5, children: "5 Rows" }),
|
|
4153
|
+
/* @__PURE__ */ jsx38("option", { value: 10, children: "10 Rows" }),
|
|
4154
|
+
/* @__PURE__ */ jsx38("option", { value: 20, children: "20 Rows" }),
|
|
4155
|
+
/* @__PURE__ */ jsx38("option", { value: 25, children: "25 Rows" })
|
|
4063
4156
|
] }) })
|
|
4064
4157
|
] }),
|
|
4065
|
-
/* @__PURE__ */
|
|
4158
|
+
/* @__PURE__ */ jsx38(MovementHistoryTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries })
|
|
4066
4159
|
] }) }),
|
|
4067
|
-
/* @__PURE__ */
|
|
4160
|
+
/* @__PURE__ */ jsx38(AddMovementHistoryModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
|
|
4068
4161
|
] });
|
|
4069
4162
|
}
|
|
4070
4163
|
|
|
4071
4164
|
// src/components/Sidebar.jsx
|
|
4072
|
-
import { Fragment as Fragment3, jsx as
|
|
4165
|
+
import { Fragment as Fragment3, jsx as jsx39, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
4073
4166
|
var workflowItems = [
|
|
4074
4167
|
// Menu Name testing // component or page-Use function name
|
|
4075
4168
|
{
|
|
@@ -4177,9 +4270,9 @@ function Sidebar({
|
|
|
4177
4270
|
const [activeComponent, setActiveComponent] = useState22("workflowType");
|
|
4178
4271
|
const renderMenuItemold = (item) => {
|
|
4179
4272
|
const Icon = item.icon;
|
|
4180
|
-
return /* @__PURE__ */
|
|
4181
|
-
/* @__PURE__ */
|
|
4182
|
-
/* @__PURE__ */
|
|
4273
|
+
return /* @__PURE__ */ jsxs39("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: [
|
|
4274
|
+
/* @__PURE__ */ jsx39("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__ */ jsx39(Icon, { size: 17 }) }),
|
|
4275
|
+
/* @__PURE__ */ jsx39("span", { className: "fc:flex-1 fc:whitespace-nowrap fc:text-[13px] fc:font-medium fc:leading-[20px]", children: item.name })
|
|
4183
4276
|
] }, item.name);
|
|
4184
4277
|
};
|
|
4185
4278
|
const renderMenuItem = (item) => {
|
|
@@ -4195,94 +4288,94 @@ function Sidebar({
|
|
|
4195
4288
|
router.push(item.path);
|
|
4196
4289
|
}
|
|
4197
4290
|
};
|
|
4198
|
-
return /* @__PURE__ */
|
|
4199
|
-
/* @__PURE__ */
|
|
4200
|
-
/* @__PURE__ */
|
|
4291
|
+
return /* @__PURE__ */ jsxs39("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: [
|
|
4292
|
+
/* @__PURE__ */ jsx39(Icon, { size: 16 }),
|
|
4293
|
+
/* @__PURE__ */ jsx39("span", { className: "fc:min-w-0 fc:flex-1 fc:whitespace-nowrap fc:text-[13px] fc:font-medium fc:leading-[20px]", children: item.name })
|
|
4201
4294
|
] }, item.name);
|
|
4202
4295
|
};
|
|
4203
4296
|
const renderContent = () => {
|
|
4204
4297
|
switch (activeComponent) {
|
|
4205
4298
|
case "workflowType":
|
|
4206
|
-
return /* @__PURE__ */
|
|
4299
|
+
return /* @__PURE__ */ jsx39(WorkflowTypeMains, {});
|
|
4207
4300
|
case "workflow":
|
|
4208
|
-
return /* @__PURE__ */
|
|
4301
|
+
return /* @__PURE__ */ jsx39(WorkflowPage, {});
|
|
4209
4302
|
case "workflowStep":
|
|
4210
|
-
return /* @__PURE__ */
|
|
4303
|
+
return /* @__PURE__ */ jsx39(WorkflowStep, {});
|
|
4211
4304
|
case "workflowTransition":
|
|
4212
|
-
return /* @__PURE__ */
|
|
4305
|
+
return /* @__PURE__ */ jsx39(WorkFlowTransition, {});
|
|
4213
4306
|
case "User_hierarchy_mapping_main":
|
|
4214
|
-
return /* @__PURE__ */
|
|
4307
|
+
return /* @__PURE__ */ jsx39(User_hierarchy_mapping_main, {});
|
|
4215
4308
|
case "DocumentConfigurationmain":
|
|
4216
|
-
return /* @__PURE__ */
|
|
4309
|
+
return /* @__PURE__ */ jsx39(DocumentConfigurationmain, {});
|
|
4217
4310
|
case "AuditLogmain":
|
|
4218
|
-
return /* @__PURE__ */
|
|
4311
|
+
return /* @__PURE__ */ jsx39(AuditLogmain, {});
|
|
4219
4312
|
case "MovementHistorymain":
|
|
4220
|
-
return /* @__PURE__ */
|
|
4313
|
+
return /* @__PURE__ */ jsx39(MovementHistorymain, {});
|
|
4221
4314
|
default:
|
|
4222
4315
|
return childrens;
|
|
4223
4316
|
}
|
|
4224
4317
|
};
|
|
4225
4318
|
const renderDropdown = (title, open, setOpen, items, HeadingIcon) => {
|
|
4226
|
-
return /* @__PURE__ */
|
|
4227
|
-
/* @__PURE__ */
|
|
4228
|
-
/* @__PURE__ */
|
|
4229
|
-
HeadingIcon && /* @__PURE__ */
|
|
4230
|
-
/* @__PURE__ */
|
|
4319
|
+
return /* @__PURE__ */ jsxs39("div", { className: "fc:mb-2", children: [
|
|
4320
|
+
/* @__PURE__ */ jsxs39("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: [
|
|
4321
|
+
/* @__PURE__ */ jsxs39("div", { className: "fc:flex fc:items-center fc:gap-[8px]", children: [
|
|
4322
|
+
HeadingIcon && /* @__PURE__ */ jsx39(HeadingIcon, { size: 18, className: "fc:text-[#405170] fc:shrink-0" }),
|
|
4323
|
+
/* @__PURE__ */ jsx39("span", { className: "fc:text-[16px] fc:font-semibold", children: title })
|
|
4231
4324
|
] }),
|
|
4232
|
-
open ? /* @__PURE__ */
|
|
4325
|
+
open ? /* @__PURE__ */ jsx39(RiArrowDownSLine, { size: 18 }) : /* @__PURE__ */ jsx39(RiArrowRightSLine, { size: 18 })
|
|
4233
4326
|
] }),
|
|
4234
|
-
open && /* @__PURE__ */
|
|
4327
|
+
open && /* @__PURE__ */ jsx39("div", { className: "fc:ml-[2px] fc:border-l fc:border-[#E5E9F1] fc:pl-[2px]", children: items.map(renderMenuItem) })
|
|
4235
4328
|
] });
|
|
4236
4329
|
};
|
|
4237
|
-
return /* @__PURE__ */
|
|
4238
|
-
/* @__PURE__ */
|
|
4239
|
-
/* @__PURE__ */
|
|
4240
|
-
/* @__PURE__ */
|
|
4241
|
-
/* @__PURE__ */
|
|
4242
|
-
/* @__PURE__ */
|
|
4243
|
-
/* @__PURE__ */
|
|
4244
|
-
/* @__PURE__ */
|
|
4245
|
-
/* @__PURE__ */
|
|
4330
|
+
return /* @__PURE__ */ jsxs39(Fragment3, { children: [
|
|
4331
|
+
/* @__PURE__ */ jsxs39("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: [
|
|
4332
|
+
/* @__PURE__ */ jsxs39("header", { className: "fc:flex fc:h-[84px] fc:items-center fc:justify-between fc:border-b fc:border-[#EDF0F5] fc:px-[14px]", children: [
|
|
4333
|
+
/* @__PURE__ */ jsxs39("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
|
|
4334
|
+
/* @__PURE__ */ jsxs39("svg", { width: "36", height: "42", viewBox: "0 0 48 56", fill: "none", children: [
|
|
4335
|
+
/* @__PURE__ */ jsx39("path", { d: "M24 2L45 12.5L24 23L3 12.5L24 2Z", fill: "#356AF3" }),
|
|
4336
|
+
/* @__PURE__ */ jsx39("path", { d: "M24 8L34 13L24 18L14 13L24 8Z", fill: "white" }),
|
|
4337
|
+
/* @__PURE__ */ jsx39("path", { d: "M3 20L24 30.5L45 20V27L24 37.5L3 27V20Z", fill: "#356AF3" }),
|
|
4338
|
+
/* @__PURE__ */ jsx39("path", { d: "M3 33L24 43.5L45 33V40L24 50.5L3 40V33Z", fill: "#356AF3" })
|
|
4246
4339
|
] }),
|
|
4247
|
-
/* @__PURE__ */
|
|
4248
|
-
/* @__PURE__ */
|
|
4249
|
-
/* @__PURE__ */
|
|
4340
|
+
/* @__PURE__ */ jsxs39("div", { children: [
|
|
4341
|
+
/* @__PURE__ */ jsx39("h1", { className: "fc:text-[18px] fc:font-extrabold fc:text-[#101318]", children: "FLOWCORE" }),
|
|
4342
|
+
/* @__PURE__ */ jsx39("p", { className: "fc:text-[12px] fc:text-[#344261]", children: "Workflow Engine" })
|
|
4250
4343
|
] })
|
|
4251
4344
|
] }),
|
|
4252
|
-
/* @__PURE__ */
|
|
4345
|
+
/* @__PURE__ */ jsx39("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__ */ jsx39(RiMenuLine, { size: 18 }) })
|
|
4253
4346
|
] }),
|
|
4254
|
-
/* @__PURE__ */
|
|
4255
|
-
/* @__PURE__ */
|
|
4256
|
-
/* @__PURE__ */
|
|
4347
|
+
/* @__PURE__ */ jsxs39("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: [
|
|
4348
|
+
/* @__PURE__ */ jsx39("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" }),
|
|
4349
|
+
/* @__PURE__ */ jsxs39("div", { className: "fc:flex fc:flex-col fc:gap-[3px]", children: [
|
|
4257
4350
|
renderDropdown("Workflow", workflowOpen, setWorkflowOpen, workflowItems, RiNodeTree),
|
|
4258
4351
|
renderDropdown("Permissions", permissionOpen, setPermissionOpen, permissionItems, RiShieldUserLine),
|
|
4259
4352
|
renderDropdown("Documents", documentOpen, setDocumentOpen, documentItems, RiFileSettingsLine),
|
|
4260
4353
|
renderDropdown("Hierarchy", hierarchyOpen, setHierarchyOpen, hierarchyItems, RiNodeTree)
|
|
4261
4354
|
] }),
|
|
4262
|
-
/* @__PURE__ */
|
|
4263
|
-
/* @__PURE__ */
|
|
4355
|
+
/* @__PURE__ */ jsx39("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" }),
|
|
4356
|
+
/* @__PURE__ */ jsxs39("div", { className: "fc:flex fc:flex-col fc:gap-[3px]", children: [
|
|
4264
4357
|
renderDropdown("Files", filesOpen, setFilesOpen, fileItems, RiFolder3Line),
|
|
4265
4358
|
renderDropdown("Tasks", tasksOpen, setTasksOpen, taskItems, RiCheckboxCircleLine),
|
|
4266
4359
|
renderDropdown("Tracking", trackingOpen, setTrackingOpen, trackingItems, RiRouteLine),
|
|
4267
4360
|
renderDropdown("Communication", communicationOpen, setCommunicationOpen, communicationItems, RiMessage2Line)
|
|
4268
4361
|
] })
|
|
4269
4362
|
] }),
|
|
4270
|
-
/* @__PURE__ */
|
|
4271
|
-
/* @__PURE__ */
|
|
4272
|
-
/* @__PURE__ */
|
|
4363
|
+
/* @__PURE__ */ jsx39("div", { className: "fc:shrink-0 fc:bg-white fc:px-[27px] fc:pb-[34px] fc:pt-[18px]", children: /* @__PURE__ */ jsxs39("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: [
|
|
4364
|
+
/* @__PURE__ */ jsx39(RiSettings4Line, { size: 20 }),
|
|
4365
|
+
/* @__PURE__ */ jsx39("span", { children: "Settings" })
|
|
4273
4366
|
] }) })
|
|
4274
4367
|
] }),
|
|
4275
|
-
/* @__PURE__ */
|
|
4276
|
-
!isOpen && /* @__PURE__ */
|
|
4368
|
+
/* @__PURE__ */ jsx39("div", { className: "fc:flex-1 fc:overflow-auto fc:bg-[#F5F7FB]", children: renderContent() }),
|
|
4369
|
+
!isOpen && /* @__PURE__ */ jsx39("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__ */ jsx39(RiMenuLine, { size: 18 }) })
|
|
4277
4370
|
] });
|
|
4278
4371
|
}
|
|
4279
4372
|
|
|
4280
4373
|
// src/components/Layout.jsx
|
|
4281
4374
|
import { useState as useState23 } from "react";
|
|
4282
|
-
import { jsx as
|
|
4375
|
+
import { jsx as jsx40 } from "react/jsx-runtime";
|
|
4283
4376
|
var Layout = ({ children }) => {
|
|
4284
4377
|
const [isOpen, setIsOpen] = useState23(true);
|
|
4285
|
-
return /* @__PURE__ */
|
|
4378
|
+
return /* @__PURE__ */ jsx40("div", { className: "flowcore fc:flex fc:min-h-screen", children: /* @__PURE__ */ jsx40(
|
|
4286
4379
|
Sidebar,
|
|
4287
4380
|
{
|
|
4288
4381
|
isOpen,
|