flowcore-fn 8.0.7 → 8.0.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.js +492 -467
- package/dist/pkg-index.mjs +463 -439
- package/package.json +1 -1
package/dist/pkg-index.mjs
CHANGED
|
@@ -19,7 +19,7 @@ var __spreadValues = (a, b) => {
|
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
20
|
|
|
21
21
|
// src/components/Sidebar.jsx
|
|
22
|
-
import { useState as
|
|
22
|
+
import { useState as useState22 } from "react";
|
|
23
23
|
import { RiFlowChart, RiShieldUserLine, RiFolder3Line, RiCheckboxCircleLine, RiRouteLine, RiMessage2Line, RiMenuLine, RiGitMergeLine, RiNodeTree, RiGitBranchLine, RiCornerDownRightLine, RiUserSettingsLine, RiFileShieldLine, RiUserSharedLine, RiSettings4Line, RiFileSettingsLine, RiFileList3Line, RiFileUploadLine, RiNotification4Line, RiDatabase2Line, RiChat3Line, RiCheckboxMultipleLine, RiShieldCheckLine, RiHistoryLine, RiArrowDownSLine, RiArrowRightSLine } from "@remixicon/react";
|
|
24
24
|
import { useRouter } from "next/router";
|
|
25
25
|
|
|
@@ -2086,7 +2086,7 @@ function WorkFlowTransition() {
|
|
|
2086
2086
|
}
|
|
2087
2087
|
|
|
2088
2088
|
// src/components/user-hierarchy-node-mapping/user_hierarchy_mapping_main.jsx
|
|
2089
|
-
import
|
|
2089
|
+
import React23, { useState as useState13 } from "react";
|
|
2090
2090
|
|
|
2091
2091
|
// src/components/user-hierarchy-node-mapping/adduserhierarchynode.jsx
|
|
2092
2092
|
import React18 from "react";
|
|
@@ -2560,21 +2560,29 @@ function UserHierarchyNodeMappingTable({
|
|
|
2560
2560
|
] });
|
|
2561
2561
|
}
|
|
2562
2562
|
|
|
2563
|
-
// src/components/user-hierarchy-node-mapping/
|
|
2563
|
+
// src/components/user-hierarchy-node-mapping/edit-mapping.jsx
|
|
2564
|
+
import React21, { useEffect as useEffect5, useState as useState12 } from "react";
|
|
2564
2565
|
import { jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
2566
|
+
|
|
2567
|
+
// src/components/user-hierarchy-node-mapping/delete-mapping.jsx
|
|
2568
|
+
import React22 from "react";
|
|
2569
|
+
import { jsx as jsx22, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
2570
|
+
|
|
2571
|
+
// src/components/user-hierarchy-node-mapping/user_hierarchy_mapping_main.jsx
|
|
2572
|
+
import { jsx as jsx23, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
2565
2573
|
function User_hierarchy_mapping_main() {
|
|
2566
|
-
const [modalOpen, setModalOpen] =
|
|
2567
|
-
const [pageSize, setPageSize] =
|
|
2568
|
-
const [searchQuery, setSearchQuery] =
|
|
2569
|
-
const [currentPage, setCurrentPage] =
|
|
2570
|
-
const [totalEntries, setTotalEntries] =
|
|
2574
|
+
const [modalOpen, setModalOpen] = useState13(false);
|
|
2575
|
+
const [pageSize, setPageSize] = useState13(10);
|
|
2576
|
+
const [searchQuery, setSearchQuery] = useState13("");
|
|
2577
|
+
const [currentPage, setCurrentPage] = useState13(1);
|
|
2578
|
+
const [totalEntries, setTotalEntries] = useState13(0);
|
|
2571
2579
|
const handlePageSizeChange = (e) => {
|
|
2572
2580
|
setPageSize(Number(e.target.value));
|
|
2573
2581
|
setCurrentPage(1);
|
|
2574
2582
|
};
|
|
2575
|
-
return /* @__PURE__ */
|
|
2576
|
-
/* @__PURE__ */
|
|
2577
|
-
/* @__PURE__ */
|
|
2583
|
+
return /* @__PURE__ */ jsxs23("div", { className: "fc:min-h-screen fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
|
|
2584
|
+
/* @__PURE__ */ jsxs23("div", { className: "fc:w-full fc:space-y-5", children: [
|
|
2585
|
+
/* @__PURE__ */ jsx23(CommonHeader, { title: "User Hierarchy Node Mapping", breadcrumbs: [{
|
|
2578
2586
|
label: "Dashboard",
|
|
2579
2587
|
href: "/dashboard"
|
|
2580
2588
|
}, {
|
|
@@ -2587,37 +2595,37 @@ function User_hierarchy_mapping_main() {
|
|
|
2587
2595
|
label: "User Hierarchy Mapping",
|
|
2588
2596
|
href: "/user hierarchy mapping"
|
|
2589
2597
|
}], buttonText: "Add Mapping", onButtonClick: () => setModalOpen(true) }),
|
|
2590
|
-
/* @__PURE__ */
|
|
2591
|
-
/* @__PURE__ */
|
|
2592
|
-
/* @__PURE__ */
|
|
2593
|
-
/* @__PURE__ */
|
|
2594
|
-
/* @__PURE__ */
|
|
2595
|
-
/* @__PURE__ */
|
|
2596
|
-
/* @__PURE__ */
|
|
2597
|
-
/* @__PURE__ */
|
|
2598
|
+
/* @__PURE__ */ jsxs23("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: [
|
|
2599
|
+
/* @__PURE__ */ jsxs23("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
|
|
2600
|
+
/* @__PURE__ */ jsx23("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ jsx23(MappingSearchBar, { searchQuery, setSearchQuery, setCurrentPage }) }),
|
|
2601
|
+
/* @__PURE__ */ jsx23("div", { children: /* @__PURE__ */ jsxs23("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: [
|
|
2602
|
+
/* @__PURE__ */ jsx23("option", { value: 5, children: "5 Rows" }),
|
|
2603
|
+
/* @__PURE__ */ jsx23("option", { value: 10, children: "10 Rows" }),
|
|
2604
|
+
/* @__PURE__ */ jsx23("option", { value: 20, children: "20 Rows" }),
|
|
2605
|
+
/* @__PURE__ */ jsx23("option", { value: 25, children: "25 Rows" })
|
|
2598
2606
|
] }) })
|
|
2599
2607
|
] }),
|
|
2600
|
-
/* @__PURE__ */
|
|
2608
|
+
/* @__PURE__ */ jsx23(UserHierarchyNodeMappingTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries })
|
|
2601
2609
|
] })
|
|
2602
2610
|
] }),
|
|
2603
|
-
/* @__PURE__ */
|
|
2611
|
+
/* @__PURE__ */ jsx23(AddUserHierarchyNodeMappingModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
|
|
2604
2612
|
] });
|
|
2605
2613
|
}
|
|
2606
2614
|
|
|
2607
2615
|
// src/components/DocumentConfiguration/DocumentConfigurationmain.jsx
|
|
2608
|
-
import
|
|
2616
|
+
import React29, { useState as useState17 } from "react";
|
|
2609
2617
|
|
|
2610
2618
|
// src/components/DocumentConfiguration/SearchBar.jsx
|
|
2611
|
-
import
|
|
2612
|
-
import { jsx as
|
|
2619
|
+
import React24 from "react";
|
|
2620
|
+
import { jsx as jsx24, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
2613
2621
|
function SearchBar3({
|
|
2614
2622
|
searchQuery,
|
|
2615
2623
|
setSearchQuery,
|
|
2616
2624
|
setCurrentPage
|
|
2617
2625
|
}) {
|
|
2618
|
-
return /* @__PURE__ */
|
|
2619
|
-
/* @__PURE__ */
|
|
2620
|
-
/* @__PURE__ */
|
|
2626
|
+
return /* @__PURE__ */ jsxs24("div", { className: "fc:relative fc:max-w-sm fc:w-full", children: [
|
|
2627
|
+
/* @__PURE__ */ jsx24("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__ */ jsx24("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__ */ jsx24("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
|
|
2628
|
+
/* @__PURE__ */ jsx24("input", { type: "text", value: searchQuery, onChange: (e) => {
|
|
2621
2629
|
setSearchQuery(e.target.value);
|
|
2622
2630
|
setCurrentPage(1);
|
|
2623
2631
|
}, 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" })
|
|
@@ -2625,18 +2633,18 @@ function SearchBar3({
|
|
|
2625
2633
|
}
|
|
2626
2634
|
|
|
2627
2635
|
// src/components/DocumentConfiguration/DocumentConfigurationTable.jsx
|
|
2628
|
-
import
|
|
2636
|
+
import React27, { useState as useState15, useEffect as useEffect7 } from "react";
|
|
2629
2637
|
|
|
2630
2638
|
// src/components/DocumentConfiguration/edit.jsx
|
|
2631
|
-
import
|
|
2632
|
-
import { jsx as
|
|
2639
|
+
import React25, { useState as useState14, useEffect as useEffect6 } from "react";
|
|
2640
|
+
import { jsx as jsx25, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
2633
2641
|
function EditDocumentConfiguration({
|
|
2634
2642
|
isOpen,
|
|
2635
2643
|
onClose,
|
|
2636
2644
|
initialData,
|
|
2637
2645
|
onSave
|
|
2638
2646
|
}) {
|
|
2639
|
-
const [formData, setFormData] =
|
|
2647
|
+
const [formData, setFormData] = useState14({
|
|
2640
2648
|
docName: "",
|
|
2641
2649
|
stepId: "",
|
|
2642
2650
|
extensions: "",
|
|
@@ -2644,8 +2652,8 @@ function EditDocumentConfiguration({
|
|
|
2644
2652
|
maxSizeUnit: "MB",
|
|
2645
2653
|
isMandatory: false
|
|
2646
2654
|
});
|
|
2647
|
-
const [errors, setErrors] =
|
|
2648
|
-
|
|
2655
|
+
const [errors, setErrors] = useState14({});
|
|
2656
|
+
useEffect6(() => {
|
|
2649
2657
|
if (initialData) {
|
|
2650
2658
|
const sizeParts = (initialData.maxSize || "10 MB").split(" ");
|
|
2651
2659
|
setFormData({
|
|
@@ -2697,73 +2705,73 @@ function EditDocumentConfiguration({
|
|
|
2697
2705
|
onClose();
|
|
2698
2706
|
};
|
|
2699
2707
|
if (!isOpen) return null;
|
|
2700
|
-
return /* @__PURE__ */
|
|
2701
|
-
/* @__PURE__ */
|
|
2702
|
-
/* @__PURE__ */
|
|
2703
|
-
/* @__PURE__ */
|
|
2704
|
-
/* @__PURE__ */
|
|
2705
|
-
/* @__PURE__ */
|
|
2706
|
-
/* @__PURE__ */
|
|
2708
|
+
return /* @__PURE__ */ jsx25("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__ */ jsxs25("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: [
|
|
2709
|
+
/* @__PURE__ */ jsxs25("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-6 fc:py-5 fc:border-b fc:border-gray-100", children: [
|
|
2710
|
+
/* @__PURE__ */ jsxs25("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
|
|
2711
|
+
/* @__PURE__ */ jsx25("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}" }),
|
|
2712
|
+
/* @__PURE__ */ jsxs25("div", { children: [
|
|
2713
|
+
/* @__PURE__ */ jsx25("h2", { className: "fc:text-xl fc:font-bold fc:text-gray-800", children: "Edit Document Configuration" }),
|
|
2714
|
+
/* @__PURE__ */ jsx25("p", { className: "fc:text-xs fc:text-gray-400", children: "Update document parameters and validation settings" })
|
|
2707
2715
|
] })
|
|
2708
2716
|
] }),
|
|
2709
|
-
/* @__PURE__ */
|
|
2717
|
+
/* @__PURE__ */ jsx25("button", { onClick: onClose, className: "fc:text-gray-400 hover:fc:fc:text-gray-600 fc:transition fc:text-xl fc:font-medium", children: "\u2715" })
|
|
2710
2718
|
] }),
|
|
2711
|
-
/* @__PURE__ */
|
|
2712
|
-
/* @__PURE__ */
|
|
2713
|
-
/* @__PURE__ */
|
|
2714
|
-
/* @__PURE__ */
|
|
2719
|
+
/* @__PURE__ */ jsxs25("form", { onSubmit: handleSubmit, className: "fc:p-6 fc:space-y-5", children: [
|
|
2720
|
+
/* @__PURE__ */ jsx25("div", { className: "fc:bg-gray-50/70 fc:rounded-xl fc:p-5 fc:border fc:border-gray-100", children: /* @__PURE__ */ jsxs25("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
2721
|
+
/* @__PURE__ */ jsxs25("div", { className: "md:fc:fc:col-span-2", children: [
|
|
2722
|
+
/* @__PURE__ */ jsxs25("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
|
|
2715
2723
|
"Document Name ",
|
|
2716
|
-
/* @__PURE__ */
|
|
2724
|
+
/* @__PURE__ */ jsx25("span", { className: "fc:text-red-500", children: "*" })
|
|
2717
2725
|
] }),
|
|
2718
|
-
/* @__PURE__ */
|
|
2719
|
-
errors.docName && /* @__PURE__ */
|
|
2726
|
+
/* @__PURE__ */ jsx25("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"}` }),
|
|
2727
|
+
errors.docName && /* @__PURE__ */ jsx25("span", { className: "fc:text-xs fc:text-red-500", children: errors.docName })
|
|
2720
2728
|
] }),
|
|
2721
|
-
/* @__PURE__ */
|
|
2722
|
-
/* @__PURE__ */
|
|
2729
|
+
/* @__PURE__ */ jsxs25("div", { children: [
|
|
2730
|
+
/* @__PURE__ */ jsxs25("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
|
|
2723
2731
|
"Workflow Step ID ",
|
|
2724
|
-
/* @__PURE__ */
|
|
2732
|
+
/* @__PURE__ */ jsx25("span", { className: "fc:text-red-500", children: "*" })
|
|
2725
2733
|
] }),
|
|
2726
|
-
/* @__PURE__ */
|
|
2727
|
-
errors.stepId && /* @__PURE__ */
|
|
2734
|
+
/* @__PURE__ */ jsx25("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"}` }),
|
|
2735
|
+
errors.stepId && /* @__PURE__ */ jsx25("span", { className: "fc:text-xs fc:text-red-500", children: errors.stepId })
|
|
2728
2736
|
] }),
|
|
2729
|
-
/* @__PURE__ */
|
|
2730
|
-
/* @__PURE__ */
|
|
2737
|
+
/* @__PURE__ */ jsxs25("div", { children: [
|
|
2738
|
+
/* @__PURE__ */ jsxs25("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
|
|
2731
2739
|
"Allowed Extensions ",
|
|
2732
|
-
/* @__PURE__ */
|
|
2740
|
+
/* @__PURE__ */ jsx25("span", { className: "fc:text-red-500", children: "*" })
|
|
2733
2741
|
] }),
|
|
2734
|
-
/* @__PURE__ */
|
|
2735
|
-
errors.extensions && /* @__PURE__ */
|
|
2742
|
+
/* @__PURE__ */ jsx25("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"}` }),
|
|
2743
|
+
errors.extensions && /* @__PURE__ */ jsx25("span", { className: "fc:text-xs fc:text-red-500", children: errors.extensions })
|
|
2736
2744
|
] }),
|
|
2737
|
-
/* @__PURE__ */
|
|
2738
|
-
/* @__PURE__ */
|
|
2745
|
+
/* @__PURE__ */ jsxs25("div", { children: [
|
|
2746
|
+
/* @__PURE__ */ jsxs25("label", { className: "fc:block fc:text-xs fc:font-semibold fc:text-gray-700 fc:mb-1.5", children: [
|
|
2739
2747
|
"Max Size ",
|
|
2740
|
-
/* @__PURE__ */
|
|
2748
|
+
/* @__PURE__ */ jsx25("span", { className: "fc:text-red-500", children: "*" })
|
|
2741
2749
|
] }),
|
|
2742
|
-
/* @__PURE__ */
|
|
2743
|
-
/* @__PURE__ */
|
|
2744
|
-
/* @__PURE__ */
|
|
2745
|
-
/* @__PURE__ */
|
|
2746
|
-
/* @__PURE__ */
|
|
2750
|
+
/* @__PURE__ */ jsxs25("div", { className: "fc:flex fc:gap-2", children: [
|
|
2751
|
+
/* @__PURE__ */ jsx25("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"}` }),
|
|
2752
|
+
/* @__PURE__ */ jsxs25("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: [
|
|
2753
|
+
/* @__PURE__ */ jsx25("option", { value: "MB", children: "MB" }),
|
|
2754
|
+
/* @__PURE__ */ jsx25("option", { value: "KB", children: "KB" })
|
|
2747
2755
|
] })
|
|
2748
2756
|
] }),
|
|
2749
|
-
errors.maxSizeNum && /* @__PURE__ */
|
|
2757
|
+
errors.maxSizeNum && /* @__PURE__ */ jsx25("span", { className: "fc:text-xs fc:text-red-500", children: errors.maxSizeNum })
|
|
2750
2758
|
] }),
|
|
2751
|
-
/* @__PURE__ */
|
|
2752
|
-
/* @__PURE__ */
|
|
2753
|
-
/* @__PURE__ */
|
|
2759
|
+
/* @__PURE__ */ jsxs25("div", { className: "fc:flex fc:items-center fc:gap-2 fc:pt-6", children: [
|
|
2760
|
+
/* @__PURE__ */ jsx25("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]" }),
|
|
2761
|
+
/* @__PURE__ */ jsx25("label", { htmlFor: "isMandatory", className: "fc:text-sm fc:font-medium fc:text-gray-700 fc:cursor-pointer", children: "Is Mandatory" })
|
|
2754
2762
|
] })
|
|
2755
2763
|
] }) }),
|
|
2756
|
-
/* @__PURE__ */
|
|
2757
|
-
/* @__PURE__ */
|
|
2758
|
-
/* @__PURE__ */
|
|
2764
|
+
/* @__PURE__ */ jsxs25("div", { className: "fc:flex fc:justify-end fc:items-center fc:gap-3 fc:pt-2", children: [
|
|
2765
|
+
/* @__PURE__ */ jsx25("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" }),
|
|
2766
|
+
/* @__PURE__ */ jsx25("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" })
|
|
2759
2767
|
] })
|
|
2760
2768
|
] })
|
|
2761
2769
|
] }) });
|
|
2762
2770
|
}
|
|
2763
2771
|
|
|
2764
2772
|
// src/components/DocumentConfiguration/delete.jsx
|
|
2765
|
-
import
|
|
2766
|
-
import { jsx as
|
|
2773
|
+
import React26 from "react";
|
|
2774
|
+
import { jsx as jsx26, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
2767
2775
|
function DeleteDocumentConfiguration({
|
|
2768
2776
|
isOpen,
|
|
2769
2777
|
onClose,
|
|
@@ -2779,24 +2787,24 @@ function DeleteDocumentConfiguration({
|
|
|
2779
2787
|
};
|
|
2780
2788
|
return (
|
|
2781
2789
|
// Backdrop blur & darker backdrop for better focus
|
|
2782
|
-
/* @__PURE__ */
|
|
2783
|
-
/* @__PURE__ */
|
|
2784
|
-
/* @__PURE__ */
|
|
2785
|
-
/* @__PURE__ */
|
|
2786
|
-
/* @__PURE__ */
|
|
2787
|
-
/* @__PURE__ */
|
|
2790
|
+
/* @__PURE__ */ jsx26("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__ */ jsxs26("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: [
|
|
2791
|
+
/* @__PURE__ */ jsx26("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" }),
|
|
2792
|
+
/* @__PURE__ */ jsxs26("div", { className: "fc:p-8 fc:text-center", children: [
|
|
2793
|
+
/* @__PURE__ */ jsx26("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__ */ jsx26("span", { className: "fc:text-2xl", children: "\u26A0\uFE0F" }) }),
|
|
2794
|
+
/* @__PURE__ */ jsx26("h3", { className: "fc:text-xl fc:font-bold fc:text-gray-900 fc:tracking-tight fc:mb-2", children: "Delete Configuration" }),
|
|
2795
|
+
/* @__PURE__ */ jsxs26("p", { className: "fc:text-sm fc:text-gray-500 fc:leading-relaxed fc:px-2 fc:mb-6", children: [
|
|
2788
2796
|
"Are you sure you want to delete",
|
|
2789
2797
|
" ",
|
|
2790
|
-
/* @__PURE__ */
|
|
2798
|
+
/* @__PURE__ */ jsxs26("span", { className: "fc:font-semibold fc:text-gray-900 fc:bg-gray-100 fc:px-2 fc:py-0.5 fc:rounded-md", children: [
|
|
2791
2799
|
'"',
|
|
2792
2800
|
(documentData == null ? void 0 : documentData.docName) || "This item",
|
|
2793
2801
|
'"'
|
|
2794
2802
|
] }),
|
|
2795
2803
|
"? This action cannot be undone."
|
|
2796
2804
|
] }),
|
|
2797
|
-
/* @__PURE__ */
|
|
2798
|
-
/* @__PURE__ */
|
|
2799
|
-
/* @__PURE__ */
|
|
2805
|
+
/* @__PURE__ */ jsxs26("div", { className: "fc:flex fc:items-center fc:gap-3", children: [
|
|
2806
|
+
/* @__PURE__ */ jsx26("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" }),
|
|
2807
|
+
/* @__PURE__ */ jsx26("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" })
|
|
2800
2808
|
] })
|
|
2801
2809
|
] })
|
|
2802
2810
|
] }) })
|
|
@@ -2804,7 +2812,7 @@ function DeleteDocumentConfiguration({
|
|
|
2804
2812
|
}
|
|
2805
2813
|
|
|
2806
2814
|
// src/components/DocumentConfiguration/DocumentConfigurationTable.jsx
|
|
2807
|
-
import { jsx as
|
|
2815
|
+
import { jsx as jsx27, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
2808
2816
|
function DocumentConfigTable({
|
|
2809
2817
|
pageSize,
|
|
2810
2818
|
searchQuery = "",
|
|
@@ -2988,12 +2996,12 @@ function DocumentConfigTable({
|
|
|
2988
2996
|
maxSize: "12 MB",
|
|
2989
2997
|
isMandatory: true
|
|
2990
2998
|
}];
|
|
2991
|
-
const [data, setData] =
|
|
2992
|
-
const [sortOrder, setSortOrder] =
|
|
2993
|
-
const [sortKey, setSortKey] =
|
|
2994
|
-
const [isEditOpen, setIsEditOpen] =
|
|
2995
|
-
const [isDeleteOpen, setIsDeleteOpen] =
|
|
2996
|
-
const [selectedItem, setSelectedItem] =
|
|
2999
|
+
const [data, setData] = useState15(initialData);
|
|
3000
|
+
const [sortOrder, setSortOrder] = useState15("asc");
|
|
3001
|
+
const [sortKey, setSortKey] = useState15("docName");
|
|
3002
|
+
const [isEditOpen, setIsEditOpen] = useState15(false);
|
|
3003
|
+
const [isDeleteOpen, setIsDeleteOpen] = useState15(false);
|
|
3004
|
+
const [selectedItem, setSelectedItem] = useState15(null);
|
|
2997
3005
|
const handleSort = (columnKey) => {
|
|
2998
3006
|
const isAsc = sortKey === columnKey && sortOrder === "asc";
|
|
2999
3007
|
setSortOrder(isAsc ? "desc" : "asc");
|
|
@@ -3009,7 +3017,7 @@ function DocumentConfigTable({
|
|
|
3009
3017
|
const query = (searchQuery || "").toLowerCase();
|
|
3010
3018
|
return item.docName.toLowerCase().includes(query) || item.extensions.toLowerCase().includes(query) || item.stepId.toLowerCase().includes(query);
|
|
3011
3019
|
});
|
|
3012
|
-
|
|
3020
|
+
useEffect7(() => {
|
|
3013
3021
|
if (setTotalEntries) setTotalEntries(filteredData.length);
|
|
3014
3022
|
}, [filteredData.length, setTotalEntries]);
|
|
3015
3023
|
const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
|
|
@@ -3037,134 +3045,134 @@ function DocumentConfigTable({
|
|
|
3037
3045
|
const handleConfirmDelete = (id) => {
|
|
3038
3046
|
setData((prev) => prev.filter((item) => item.id !== id));
|
|
3039
3047
|
};
|
|
3040
|
-
return /* @__PURE__ */
|
|
3041
|
-
/* @__PURE__ */
|
|
3042
|
-
/* @__PURE__ */
|
|
3043
|
-
/* @__PURE__ */
|
|
3044
|
-
/* @__PURE__ */
|
|
3048
|
+
return /* @__PURE__ */ jsxs27("div", { className: "fc:space-y-5", children: [
|
|
3049
|
+
/* @__PURE__ */ jsx27("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__ */ jsxs27("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-fixed fc:min-w-[1050px]", children: [
|
|
3050
|
+
/* @__PURE__ */ jsx27("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__ */ jsxs27("tr", { className: "fc:text-xs fc:font-bold fc:tracking-wider fc:text-slate-500", children: [
|
|
3051
|
+
/* @__PURE__ */ jsx27("th", { className: "fc:py-4 fc:px-5 fc:w-20 fc:text-center fc:bg-slate-50", children: "S.No" }),
|
|
3052
|
+
/* @__PURE__ */ jsxs27("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: [
|
|
3045
3053
|
"Document Name ",
|
|
3046
3054
|
sortKey === "docName" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3047
3055
|
] }),
|
|
3048
|
-
/* @__PURE__ */
|
|
3056
|
+
/* @__PURE__ */ jsxs27("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: [
|
|
3049
3057
|
"Workflow Step ID ",
|
|
3050
3058
|
sortKey === "stepId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3051
3059
|
] }),
|
|
3052
|
-
/* @__PURE__ */
|
|
3053
|
-
/* @__PURE__ */
|
|
3060
|
+
/* @__PURE__ */ jsx27("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50", children: "Allowed Extensions" }),
|
|
3061
|
+
/* @__PURE__ */ jsxs27("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: [
|
|
3054
3062
|
"Max Size (MB) ",
|
|
3055
3063
|
sortKey === "maxSize" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3056
3064
|
] }),
|
|
3057
|
-
/* @__PURE__ */
|
|
3058
|
-
/* @__PURE__ */
|
|
3065
|
+
/* @__PURE__ */ jsx27("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50 fc:text-center fc:w-32", children: "Is Mandatory" }),
|
|
3066
|
+
/* @__PURE__ */ jsx27("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50 fc:text-center fc:w-36", children: "Action" })
|
|
3059
3067
|
] }) }),
|
|
3060
|
-
/* @__PURE__ */
|
|
3061
|
-
/* @__PURE__ */
|
|
3062
|
-
/* @__PURE__ */
|
|
3063
|
-
/* @__PURE__ */
|
|
3064
|
-
/* @__PURE__ */
|
|
3065
|
-
/* @__PURE__ */
|
|
3066
|
-
/* @__PURE__ */
|
|
3067
|
-
/* @__PURE__ */
|
|
3068
|
-
/* @__PURE__ */
|
|
3069
|
-
/* @__PURE__ */
|
|
3068
|
+
/* @__PURE__ */ jsx27("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ jsxs27("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
|
|
3069
|
+
/* @__PURE__ */ jsx27("td", { className: "fc:py-4 fc:px-5 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
|
|
3070
|
+
/* @__PURE__ */ jsx27("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-900 fc:text-[14px]", children: item.docName }),
|
|
3071
|
+
/* @__PURE__ */ jsx27("td", { className: "fc:py-4 fc:px-5 fc:text-slate-600 fc:text-center fc:font-semibold", children: item.stepId }),
|
|
3072
|
+
/* @__PURE__ */ jsx27("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-mono fc:text-xs", children: item.extensions }),
|
|
3073
|
+
/* @__PURE__ */ jsx27("td", { className: "fc:py-4 fc:px-5 fc:text-slate-900 fc:font-bold", children: item.maxSize }),
|
|
3074
|
+
/* @__PURE__ */ jsx27("td", { className: "fc:py-4 fc:px-5 fc:text-center", children: /* @__PURE__ */ jsx27("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__ */ jsx27("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"}` }) }) }),
|
|
3075
|
+
/* @__PURE__ */ jsx27("td", { className: "fc:py-3 fc:px-2 fc:text-center", children: /* @__PURE__ */ jsxs27("div", { className: "fc:flex fc:items-center fc:justify-center fc:gap-2", children: [
|
|
3076
|
+
/* @__PURE__ */ jsx27("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" }),
|
|
3077
|
+
/* @__PURE__ */ jsx27("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" })
|
|
3070
3078
|
] }) })
|
|
3071
3079
|
] }, item.id)) })
|
|
3072
3080
|
] }) }),
|
|
3073
|
-
/* @__PURE__ */
|
|
3074
|
-
/* @__PURE__ */
|
|
3075
|
-
pageNumbers.map((pageNumber) => /* @__PURE__ */
|
|
3076
|
-
/* @__PURE__ */
|
|
3081
|
+
/* @__PURE__ */ jsxs27("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: [
|
|
3082
|
+
/* @__PURE__ */ jsx27("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" }),
|
|
3083
|
+
pageNumbers.map((pageNumber) => /* @__PURE__ */ jsx27("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)),
|
|
3084
|
+
/* @__PURE__ */ jsx27("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" })
|
|
3077
3085
|
] }),
|
|
3078
|
-
/* @__PURE__ */
|
|
3079
|
-
/* @__PURE__ */
|
|
3086
|
+
/* @__PURE__ */ jsx27(EditDocumentConfiguration, { isOpen: isEditOpen, onClose: () => setIsEditOpen(false), initialData: selectedItem, onSave: handleSaveEdit }),
|
|
3087
|
+
/* @__PURE__ */ jsx27(DeleteDocumentConfiguration, { isOpen: isDeleteOpen, onClose: () => setIsDeleteOpen(false), documentData: selectedItem, onConfirm: handleConfirmDelete })
|
|
3080
3088
|
] });
|
|
3081
3089
|
}
|
|
3082
3090
|
|
|
3083
3091
|
// src/components/DocumentConfiguration/AddDocumentConfigurationModal.jsx
|
|
3084
|
-
import
|
|
3085
|
-
import { jsx as
|
|
3092
|
+
import React28, { useState as useState16 } from "react";
|
|
3093
|
+
import { jsx as jsx28, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
3086
3094
|
function AddDocumentConfigModal({
|
|
3087
3095
|
isOpen,
|
|
3088
3096
|
onClose
|
|
3089
3097
|
}) {
|
|
3090
|
-
const [isMandatory, setIsMandatory] =
|
|
3098
|
+
const [isMandatory, setIsMandatory] = useState16(false);
|
|
3091
3099
|
if (!isOpen) return null;
|
|
3092
|
-
return /* @__PURE__ */
|
|
3093
|
-
/* @__PURE__ */
|
|
3094
|
-
/* @__PURE__ */
|
|
3095
|
-
/* @__PURE__ */
|
|
3096
|
-
/* @__PURE__ */
|
|
3097
|
-
/* @__PURE__ */
|
|
3098
|
-
/* @__PURE__ */
|
|
3100
|
+
return /* @__PURE__ */ jsxs28("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
|
|
3101
|
+
/* @__PURE__ */ jsx28("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity", onClick: onClose }),
|
|
3102
|
+
/* @__PURE__ */ jsxs28("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: [
|
|
3103
|
+
/* @__PURE__ */ jsxs28("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-8 fc:py-5 fc:border-b fc:border-slate-100", children: [
|
|
3104
|
+
/* @__PURE__ */ jsxs28("div", { children: [
|
|
3105
|
+
/* @__PURE__ */ jsx28("h2", { className: "fc:text-lg fc:font-extrabold fc:text-slate-800", children: "Add Document Configuration" }),
|
|
3106
|
+
/* @__PURE__ */ jsx28("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: "Configure rule specifications for node file processing" })
|
|
3099
3107
|
] }),
|
|
3100
|
-
/* @__PURE__ */
|
|
3108
|
+
/* @__PURE__ */ jsx28("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" })
|
|
3101
3109
|
] }),
|
|
3102
|
-
/* @__PURE__ */
|
|
3103
|
-
/* @__PURE__ */
|
|
3104
|
-
/* @__PURE__ */
|
|
3110
|
+
/* @__PURE__ */ jsxs28("div", { className: "fc:p-6 fc:space-y-5 fc:overflow-y-auto fc:bg-slate-50/30", children: [
|
|
3111
|
+
/* @__PURE__ */ jsxs28("div", { children: [
|
|
3112
|
+
/* @__PURE__ */ jsxs28("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: [
|
|
3105
3113
|
"Document Name ",
|
|
3106
|
-
/* @__PURE__ */
|
|
3114
|
+
/* @__PURE__ */ jsx28("span", { className: "fc:text-red-500", children: "*" })
|
|
3107
3115
|
] }),
|
|
3108
|
-
/* @__PURE__ */
|
|
3109
|
-
/* @__PURE__ */
|
|
3116
|
+
/* @__PURE__ */ jsx28("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" }),
|
|
3117
|
+
/* @__PURE__ */ jsx28("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Label name of the required document" })
|
|
3110
3118
|
] }),
|
|
3111
|
-
/* @__PURE__ */
|
|
3112
|
-
/* @__PURE__ */
|
|
3113
|
-
/* @__PURE__ */
|
|
3119
|
+
/* @__PURE__ */ jsxs28("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
3120
|
+
/* @__PURE__ */ jsxs28("div", { children: [
|
|
3121
|
+
/* @__PURE__ */ jsxs28("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: [
|
|
3114
3122
|
"Workflow Step ID ",
|
|
3115
|
-
/* @__PURE__ */
|
|
3123
|
+
/* @__PURE__ */ jsx28("span", { className: "fc:text-red-500", children: "*" })
|
|
3116
3124
|
] }),
|
|
3117
|
-
/* @__PURE__ */
|
|
3118
|
-
/* @__PURE__ */
|
|
3125
|
+
/* @__PURE__ */ jsx28("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" }),
|
|
3126
|
+
/* @__PURE__ */ jsx28("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Numeric step sequence handler" })
|
|
3119
3127
|
] }),
|
|
3120
|
-
/* @__PURE__ */
|
|
3121
|
-
/* @__PURE__ */
|
|
3128
|
+
/* @__PURE__ */ jsxs28("div", { children: [
|
|
3129
|
+
/* @__PURE__ */ jsxs28("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: [
|
|
3122
3130
|
"Max Size (in MB) ",
|
|
3123
|
-
/* @__PURE__ */
|
|
3131
|
+
/* @__PURE__ */ jsx28("span", { className: "fc:text-red-500", children: "*" }),
|
|
3124
3132
|
" "
|
|
3125
3133
|
] }),
|
|
3126
|
-
/* @__PURE__ */
|
|
3127
|
-
/* @__PURE__ */
|
|
3134
|
+
/* @__PURE__ */ jsx28("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" }),
|
|
3135
|
+
/* @__PURE__ */ jsx28("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Maximum upload limits permissible" })
|
|
3128
3136
|
] })
|
|
3129
3137
|
] }),
|
|
3130
|
-
/* @__PURE__ */
|
|
3131
|
-
/* @__PURE__ */
|
|
3138
|
+
/* @__PURE__ */ jsxs28("div", { children: [
|
|
3139
|
+
/* @__PURE__ */ jsxs28("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: [
|
|
3132
3140
|
"Allowed Extensions ",
|
|
3133
|
-
/* @__PURE__ */
|
|
3141
|
+
/* @__PURE__ */ jsx28("span", { className: "fc:text-red-500", children: "*" })
|
|
3134
3142
|
] }),
|
|
3135
|
-
/* @__PURE__ */
|
|
3136
|
-
/* @__PURE__ */
|
|
3143
|
+
/* @__PURE__ */ jsx28("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" }),
|
|
3144
|
+
/* @__PURE__ */ jsx28("p", { className: "fc:text-[9px] fc:text-red-500 fc:mt-0.5", children: "Comma-separated standard format extensions" })
|
|
3137
3145
|
] }),
|
|
3138
|
-
/* @__PURE__ */
|
|
3139
|
-
/* @__PURE__ */
|
|
3140
|
-
/* @__PURE__ */
|
|
3141
|
-
/* @__PURE__ */
|
|
3146
|
+
/* @__PURE__ */ jsxs28("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: [
|
|
3147
|
+
/* @__PURE__ */ jsxs28("div", { children: [
|
|
3148
|
+
/* @__PURE__ */ jsx28("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-800", children: "Is Mandatory File Field" }),
|
|
3149
|
+
/* @__PURE__ */ jsx28("p", { className: "fc:text-[10px] fc:text-red-500 fc:mt-0.5", children: "Check if user cannot bypass without uploading this file" })
|
|
3142
3150
|
] }),
|
|
3143
|
-
/* @__PURE__ */
|
|
3151
|
+
/* @__PURE__ */ jsx28("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__ */ jsx28("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"}` }) })
|
|
3144
3152
|
] })
|
|
3145
3153
|
] }),
|
|
3146
|
-
/* @__PURE__ */
|
|
3147
|
-
/* @__PURE__ */
|
|
3148
|
-
/* @__PURE__ */
|
|
3154
|
+
/* @__PURE__ */ jsxs28("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: [
|
|
3155
|
+
/* @__PURE__ */ jsx28("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" }),
|
|
3156
|
+
/* @__PURE__ */ jsx28("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" })
|
|
3149
3157
|
] })
|
|
3150
3158
|
] })
|
|
3151
3159
|
] });
|
|
3152
3160
|
}
|
|
3153
3161
|
|
|
3154
3162
|
// src/components/DocumentConfiguration/DocumentConfigurationmain.jsx
|
|
3155
|
-
import { jsx as
|
|
3163
|
+
import { jsx as jsx29, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
3156
3164
|
function DocumentConfigurationmain() {
|
|
3157
|
-
const [modalOpen, setModalOpen] =
|
|
3158
|
-
const [pageSize, setPageSize] =
|
|
3159
|
-
const [searchQuery, setSearchQuery] =
|
|
3160
|
-
const [currentPage, setCurrentPage] =
|
|
3161
|
-
const [totalEntries, setTotalEntries] =
|
|
3165
|
+
const [modalOpen, setModalOpen] = useState17(false);
|
|
3166
|
+
const [pageSize, setPageSize] = useState17(10);
|
|
3167
|
+
const [searchQuery, setSearchQuery] = useState17("");
|
|
3168
|
+
const [currentPage, setCurrentPage] = useState17(1);
|
|
3169
|
+
const [totalEntries, setTotalEntries] = useState17(0);
|
|
3162
3170
|
const handlePageSizeChange = (e) => {
|
|
3163
3171
|
setPageSize(Number(e.target.value));
|
|
3164
3172
|
setCurrentPage(1);
|
|
3165
3173
|
};
|
|
3166
|
-
return /* @__PURE__ */
|
|
3167
|
-
/* @__PURE__ */
|
|
3174
|
+
return /* @__PURE__ */ jsxs29("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
|
|
3175
|
+
/* @__PURE__ */ jsx29(CommonHeader, { title: "Document Configuration", breadcrumbs: [{
|
|
3168
3176
|
label: "Dashboard",
|
|
3169
3177
|
href: "/dashboard"
|
|
3170
3178
|
}, {
|
|
@@ -3177,36 +3185,36 @@ function DocumentConfigurationmain() {
|
|
|
3177
3185
|
label: "Document Configuration",
|
|
3178
3186
|
href: "/DocumentConfiguration"
|
|
3179
3187
|
}], buttonText: "Add Document Configuration", onButtonClick: () => setModalOpen(true) }),
|
|
3180
|
-
/* @__PURE__ */
|
|
3181
|
-
/* @__PURE__ */
|
|
3182
|
-
/* @__PURE__ */
|
|
3183
|
-
/* @__PURE__ */
|
|
3184
|
-
/* @__PURE__ */
|
|
3185
|
-
/* @__PURE__ */
|
|
3186
|
-
/* @__PURE__ */
|
|
3187
|
-
/* @__PURE__ */
|
|
3188
|
+
/* @__PURE__ */ jsx29("div", { className: "fc:w-full fc:space-y-5", children: /* @__PURE__ */ jsxs29("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: [
|
|
3189
|
+
/* @__PURE__ */ jsxs29("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
|
|
3190
|
+
/* @__PURE__ */ jsx29("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ jsx29(SearchBar3, { searchQuery, setSearchQuery, setCurrentPage }) }),
|
|
3191
|
+
/* @__PURE__ */ jsx29("div", { children: /* @__PURE__ */ jsxs29("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: [
|
|
3192
|
+
/* @__PURE__ */ jsx29("option", { value: 5, children: "5 Rows" }),
|
|
3193
|
+
/* @__PURE__ */ jsx29("option", { value: 10, children: "10 Rows" }),
|
|
3194
|
+
/* @__PURE__ */ jsx29("option", { value: 20, children: "20 Rows" }),
|
|
3195
|
+
/* @__PURE__ */ jsx29("option", { value: 25, children: "25 Rows" })
|
|
3188
3196
|
] }) })
|
|
3189
3197
|
] }),
|
|
3190
|
-
/* @__PURE__ */
|
|
3198
|
+
/* @__PURE__ */ jsx29(DocumentConfigTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries })
|
|
3191
3199
|
] }) }),
|
|
3192
|
-
/* @__PURE__ */
|
|
3200
|
+
/* @__PURE__ */ jsx29(AddDocumentConfigModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
|
|
3193
3201
|
] });
|
|
3194
3202
|
}
|
|
3195
3203
|
|
|
3196
3204
|
// src/components/AuditLog/AuditLogmain.jsx
|
|
3197
|
-
import
|
|
3205
|
+
import React33, { useState as useState19 } from "react";
|
|
3198
3206
|
|
|
3199
3207
|
// src/components/AuditLog/SearchBar.jsx
|
|
3200
|
-
import
|
|
3201
|
-
import { jsx as
|
|
3208
|
+
import React30 from "react";
|
|
3209
|
+
import { jsx as jsx30, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
3202
3210
|
function SearchBar4({
|
|
3203
3211
|
searchQuery,
|
|
3204
3212
|
setSearchQuery,
|
|
3205
3213
|
setCurrentPage
|
|
3206
3214
|
}) {
|
|
3207
|
-
return /* @__PURE__ */
|
|
3208
|
-
/* @__PURE__ */
|
|
3209
|
-
/* @__PURE__ */
|
|
3215
|
+
return /* @__PURE__ */ jsxs30("div", { className: "fc:relative fc:max-w-sm fc:w-full", children: [
|
|
3216
|
+
/* @__PURE__ */ jsx30("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__ */ jsx30("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__ */ jsx30("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
|
|
3217
|
+
/* @__PURE__ */ jsx30("input", { type: "text", value: searchQuery, onChange: (e) => {
|
|
3210
3218
|
setSearchQuery(e.target.value);
|
|
3211
3219
|
setCurrentPage(1);
|
|
3212
3220
|
}, 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" })
|
|
@@ -3214,8 +3222,8 @@ function SearchBar4({
|
|
|
3214
3222
|
}
|
|
3215
3223
|
|
|
3216
3224
|
// src/components/AuditLog/AuditLogTable.jsx
|
|
3217
|
-
import
|
|
3218
|
-
import { jsx as
|
|
3225
|
+
import React31, { useState as useState18, useEffect as useEffect8 } from "react";
|
|
3226
|
+
import { jsx as jsx31, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
3219
3227
|
function AuditLogTable({
|
|
3220
3228
|
pageSize,
|
|
3221
3229
|
searchQuery = "",
|
|
@@ -3424,9 +3432,9 @@ function AuditLogTable({
|
|
|
3424
3432
|
ip: "192.168.1.45",
|
|
3425
3433
|
time: "2026-07-17 15:55"
|
|
3426
3434
|
}];
|
|
3427
|
-
const [data, setData] =
|
|
3428
|
-
const [sortOrder, setSortOrder] =
|
|
3429
|
-
const [sortKey, setSortKey] =
|
|
3435
|
+
const [data, setData] = useState18(initialData);
|
|
3436
|
+
const [sortOrder, setSortOrder] = useState18("asc");
|
|
3437
|
+
const [sortKey, setSortKey] = useState18("logId");
|
|
3430
3438
|
const handleSort = (columnKey) => {
|
|
3431
3439
|
const isAsc = sortKey === columnKey && sortOrder === "asc";
|
|
3432
3440
|
setSortOrder(isAsc ? "desc" : "asc");
|
|
@@ -3442,7 +3450,7 @@ function AuditLogTable({
|
|
|
3442
3450
|
const query = (searchQuery || "").toLowerCase();
|
|
3443
3451
|
return item.logId.toLowerCase().includes(query) || item.user.toLowerCase().includes(query) || item.section.toLowerCase().includes(query) || item.action.toLowerCase().includes(query);
|
|
3444
3452
|
});
|
|
3445
|
-
|
|
3453
|
+
useEffect8(() => {
|
|
3446
3454
|
if (setTotalEntries) setTotalEntries(filteredData.length);
|
|
3447
3455
|
}, [filteredData.length, setTotalEntries]);
|
|
3448
3456
|
const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
|
|
@@ -3465,138 +3473,138 @@ function AuditLogTable({
|
|
|
3465
3473
|
return "bg-slate-50 text-slate-700 border border-slate-200";
|
|
3466
3474
|
}
|
|
3467
3475
|
};
|
|
3468
|
-
return /* @__PURE__ */
|
|
3469
|
-
/* @__PURE__ */
|
|
3470
|
-
/* @__PURE__ */
|
|
3471
|
-
/* @__PURE__ */
|
|
3472
|
-
/* @__PURE__ */
|
|
3476
|
+
return /* @__PURE__ */ jsxs31("div", { className: "fc:space-y-5", children: [
|
|
3477
|
+
/* @__PURE__ */ jsx31("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__ */ jsxs31("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-auto", children: [
|
|
3478
|
+
/* @__PURE__ */ jsx31("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__ */ jsxs31("tr", { className: "fc:text-xs fc:font-bold fc:tracking-wider fc:text-slate-500", children: [
|
|
3479
|
+
/* @__PURE__ */ jsx31("th", { className: "fc:py-4 fc:px-4 fc:w-16 fc:text-center fc:bg-slate-50", children: "S.No" }),
|
|
3480
|
+
/* @__PURE__ */ jsxs31("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: [
|
|
3473
3481
|
"Log ID ",
|
|
3474
3482
|
sortKey === "logId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3475
3483
|
] }),
|
|
3476
|
-
/* @__PURE__ */
|
|
3484
|
+
/* @__PURE__ */ jsxs31("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: [
|
|
3477
3485
|
"User Name ",
|
|
3478
3486
|
sortKey === "user" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3479
3487
|
] }),
|
|
3480
|
-
/* @__PURE__ */
|
|
3488
|
+
/* @__PURE__ */ jsxs31("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: [
|
|
3481
3489
|
"Action ",
|
|
3482
3490
|
sortKey === "action" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3483
3491
|
] }),
|
|
3484
|
-
/* @__PURE__ */
|
|
3492
|
+
/* @__PURE__ */ jsxs31("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: [
|
|
3485
3493
|
"Section Modules ",
|
|
3486
3494
|
sortKey === "section" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3487
3495
|
] }),
|
|
3488
|
-
/* @__PURE__ */
|
|
3489
|
-
/* @__PURE__ */
|
|
3496
|
+
/* @__PURE__ */ jsx31("th", { className: "fc:py-4 fc:px-5 fc:text-sm fc:bg-slate-50 fc:whitespace-nowrap", children: "IP Address" }),
|
|
3497
|
+
/* @__PURE__ */ jsxs31("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: [
|
|
3490
3498
|
"Timestamp ",
|
|
3491
3499
|
sortKey === "time" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3492
3500
|
] })
|
|
3493
3501
|
] }) }),
|
|
3494
|
-
/* @__PURE__ */
|
|
3495
|
-
/* @__PURE__ */
|
|
3496
|
-
/* @__PURE__ */
|
|
3497
|
-
/* @__PURE__ */
|
|
3498
|
-
/* @__PURE__ */
|
|
3499
|
-
/* @__PURE__ */
|
|
3500
|
-
/* @__PURE__ */
|
|
3501
|
-
/* @__PURE__ */
|
|
3502
|
+
/* @__PURE__ */ jsx31("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ jsxs31("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
|
|
3503
|
+
/* @__PURE__ */ jsx31("td", { className: "fc:py-4 fc:px-4 fc:text-center fc:font-medium fc:text-slate-400", children: startIndex + index + 1 }),
|
|
3504
|
+
/* @__PURE__ */ jsx31("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-900 fc:text-[14px] fc:whitespace-nowrap", children: item.logId }),
|
|
3505
|
+
/* @__PURE__ */ jsx31("td", { className: "fc:py-4 fc:px-5 fc:text-slate-900 fc:font-semibold fc:whitespace-nowrap", children: item.user }),
|
|
3506
|
+
/* @__PURE__ */ jsx31("td", { className: "fc:py-4 fc:px-5 fc:whitespace-nowrap", children: /* @__PURE__ */ jsx31("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 }) }),
|
|
3507
|
+
/* @__PURE__ */ jsx31("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-medium fc:whitespace-nowrap", children: item.section }),
|
|
3508
|
+
/* @__PURE__ */ jsx31("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-mono fc:text-xs fc:whitespace-nowrap", children: item.ip }),
|
|
3509
|
+
/* @__PURE__ */ jsx31("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500 fc:font-medium fc:whitespace-nowrap", children: item.time })
|
|
3502
3510
|
] }, item.id)) })
|
|
3503
3511
|
] }) }),
|
|
3504
|
-
/* @__PURE__ */
|
|
3505
|
-
/* @__PURE__ */
|
|
3506
|
-
pageNumbers.map((pageNumber) => /* @__PURE__ */
|
|
3507
|
-
/* @__PURE__ */
|
|
3512
|
+
/* @__PURE__ */ jsxs31("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: [
|
|
3513
|
+
/* @__PURE__ */ jsx31("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" }),
|
|
3514
|
+
pageNumbers.map((pageNumber) => /* @__PURE__ */ jsx31("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)),
|
|
3515
|
+
/* @__PURE__ */ jsx31("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" })
|
|
3508
3516
|
] })
|
|
3509
3517
|
] });
|
|
3510
3518
|
}
|
|
3511
3519
|
|
|
3512
3520
|
// src/components/AuditLog/AddAuditLogModal.jsx
|
|
3513
|
-
import
|
|
3514
|
-
import { jsx as
|
|
3521
|
+
import React32 from "react";
|
|
3522
|
+
import { jsx as jsx32, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
3515
3523
|
function AddAuditLogModal({
|
|
3516
3524
|
isOpen,
|
|
3517
3525
|
onClose
|
|
3518
3526
|
}) {
|
|
3519
3527
|
if (!isOpen) return null;
|
|
3520
|
-
return /* @__PURE__ */
|
|
3521
|
-
/* @__PURE__ */
|
|
3522
|
-
/* @__PURE__ */
|
|
3523
|
-
/* @__PURE__ */
|
|
3524
|
-
/* @__PURE__ */
|
|
3525
|
-
/* @__PURE__ */
|
|
3526
|
-
/* @__PURE__ */
|
|
3528
|
+
return /* @__PURE__ */ jsxs32("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
|
|
3529
|
+
/* @__PURE__ */ jsx32("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity", onClick: onClose }),
|
|
3530
|
+
/* @__PURE__ */ jsxs32("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: [
|
|
3531
|
+
/* @__PURE__ */ jsxs32("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-8 fc:py-5 fc:border-b fc:border-slate-100", children: [
|
|
3532
|
+
/* @__PURE__ */ jsxs32("div", { children: [
|
|
3533
|
+
/* @__PURE__ */ jsx32("h2", { className: "fc:text-lg fc:font-extrabold fc:text-slate-800", children: "Add Audit Entry" }),
|
|
3534
|
+
/* @__PURE__ */ jsx32("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: "Manually insert security audit trail incident" })
|
|
3527
3535
|
] }),
|
|
3528
|
-
/* @__PURE__ */
|
|
3536
|
+
/* @__PURE__ */ jsx32("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" })
|
|
3529
3537
|
] }),
|
|
3530
|
-
/* @__PURE__ */
|
|
3531
|
-
/* @__PURE__ */
|
|
3532
|
-
/* @__PURE__ */
|
|
3533
|
-
/* @__PURE__ */
|
|
3534
|
-
/* @__PURE__ */
|
|
3535
|
-
/* @__PURE__ */
|
|
3538
|
+
/* @__PURE__ */ jsxs32("div", { className: "fc:p-6 fc:space-y-5 fc:overflow-y-auto fc:bg-slate-50/30", children: [
|
|
3539
|
+
/* @__PURE__ */ jsxs32("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
3540
|
+
/* @__PURE__ */ jsxs32("div", { children: [
|
|
3541
|
+
/* @__PURE__ */ jsx32("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Log ID *" }),
|
|
3542
|
+
/* @__PURE__ */ jsx32("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" }),
|
|
3543
|
+
/* @__PURE__ */ jsx32("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Unique tracking ledger key code" })
|
|
3536
3544
|
] }),
|
|
3537
|
-
/* @__PURE__ */
|
|
3538
|
-
/* @__PURE__ */
|
|
3539
|
-
/* @__PURE__ */
|
|
3540
|
-
/* @__PURE__ */
|
|
3545
|
+
/* @__PURE__ */ jsxs32("div", { children: [
|
|
3546
|
+
/* @__PURE__ */ jsx32("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "User Name *" }),
|
|
3547
|
+
/* @__PURE__ */ jsx32("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" }),
|
|
3548
|
+
/* @__PURE__ */ jsx32("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Profile designation handling agent" })
|
|
3541
3549
|
] })
|
|
3542
3550
|
] }),
|
|
3543
|
-
/* @__PURE__ */
|
|
3544
|
-
/* @__PURE__ */
|
|
3545
|
-
/* @__PURE__ */
|
|
3546
|
-
/* @__PURE__ */
|
|
3547
|
-
/* @__PURE__ */
|
|
3548
|
-
/* @__PURE__ */
|
|
3549
|
-
/* @__PURE__ */
|
|
3550
|
-
/* @__PURE__ */
|
|
3551
|
+
/* @__PURE__ */ jsxs32("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
3552
|
+
/* @__PURE__ */ jsxs32("div", { children: [
|
|
3553
|
+
/* @__PURE__ */ jsx32("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Action Type *" }),
|
|
3554
|
+
/* @__PURE__ */ jsxs32("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: [
|
|
3555
|
+
/* @__PURE__ */ jsx32("option", { value: "CREATE", children: "CREATE" }),
|
|
3556
|
+
/* @__PURE__ */ jsx32("option", { value: "UPDATE", children: "UPDATE" }),
|
|
3557
|
+
/* @__PURE__ */ jsx32("option", { value: "DELETE", children: "DELETE" }),
|
|
3558
|
+
/* @__PURE__ */ jsx32("option", { value: "LOGIN", children: "LOGIN" })
|
|
3551
3559
|
] }),
|
|
3552
|
-
/* @__PURE__ */
|
|
3560
|
+
/* @__PURE__ */ jsx32("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Operational type category executed" })
|
|
3553
3561
|
] }),
|
|
3554
|
-
/* @__PURE__ */
|
|
3555
|
-
/* @__PURE__ */
|
|
3556
|
-
/* @__PURE__ */
|
|
3557
|
-
/* @__PURE__ */
|
|
3562
|
+
/* @__PURE__ */ jsxs32("div", { children: [
|
|
3563
|
+
/* @__PURE__ */ jsx32("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "IP Address *" }),
|
|
3564
|
+
/* @__PURE__ */ jsx32("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" }),
|
|
3565
|
+
/* @__PURE__ */ jsx32("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Terminal remote system IP node" })
|
|
3558
3566
|
] })
|
|
3559
3567
|
] }),
|
|
3560
|
-
/* @__PURE__ */
|
|
3561
|
-
/* @__PURE__ */
|
|
3562
|
-
/* @__PURE__ */
|
|
3563
|
-
/* @__PURE__ */
|
|
3564
|
-
/* @__PURE__ */
|
|
3568
|
+
/* @__PURE__ */ jsxs32("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
3569
|
+
/* @__PURE__ */ jsxs32("div", { children: [
|
|
3570
|
+
/* @__PURE__ */ jsx32("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Section Module *" }),
|
|
3571
|
+
/* @__PURE__ */ jsx32("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" }),
|
|
3572
|
+
/* @__PURE__ */ jsx32("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Target segment modified in configuration" })
|
|
3565
3573
|
] }),
|
|
3566
|
-
/* @__PURE__ */
|
|
3567
|
-
/* @__PURE__ */
|
|
3568
|
-
/* @__PURE__ */
|
|
3569
|
-
/* @__PURE__ */
|
|
3574
|
+
/* @__PURE__ */ jsxs32("div", { children: [
|
|
3575
|
+
/* @__PURE__ */ jsx32("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Timestamp *" }),
|
|
3576
|
+
/* @__PURE__ */ jsx32("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" }),
|
|
3577
|
+
/* @__PURE__ */ jsx32("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Precise server localized execution record date" })
|
|
3570
3578
|
] })
|
|
3571
3579
|
] }),
|
|
3572
|
-
/* @__PURE__ */
|
|
3573
|
-
/* @__PURE__ */
|
|
3574
|
-
/* @__PURE__ */
|
|
3575
|
-
/* @__PURE__ */
|
|
3580
|
+
/* @__PURE__ */ jsxs32("div", { children: [
|
|
3581
|
+
/* @__PURE__ */ jsx32("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Meta Details / Changes Summary" }),
|
|
3582
|
+
/* @__PURE__ */ jsx32("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" }),
|
|
3583
|
+
/* @__PURE__ */ jsx32("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Log data state differential dumps if required" })
|
|
3576
3584
|
] })
|
|
3577
3585
|
] }),
|
|
3578
|
-
/* @__PURE__ */
|
|
3579
|
-
/* @__PURE__ */
|
|
3580
|
-
/* @__PURE__ */
|
|
3586
|
+
/* @__PURE__ */ jsxs32("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: [
|
|
3587
|
+
/* @__PURE__ */ jsx32("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" }),
|
|
3588
|
+
/* @__PURE__ */ jsx32("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" })
|
|
3581
3589
|
] })
|
|
3582
3590
|
] })
|
|
3583
3591
|
] });
|
|
3584
3592
|
}
|
|
3585
3593
|
|
|
3586
3594
|
// src/components/AuditLog/AuditLogmain.jsx
|
|
3587
|
-
import { jsx as
|
|
3595
|
+
import { jsx as jsx33, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
3588
3596
|
function AuditLogmain() {
|
|
3589
|
-
const [modalOpen, setModalOpen] =
|
|
3590
|
-
const [pageSize, setPageSize] =
|
|
3591
|
-
const [searchQuery, setSearchQuery] =
|
|
3592
|
-
const [currentPage, setCurrentPage] =
|
|
3593
|
-
const [totalEntries, setTotalEntries] =
|
|
3597
|
+
const [modalOpen, setModalOpen] = useState19(false);
|
|
3598
|
+
const [pageSize, setPageSize] = useState19(10);
|
|
3599
|
+
const [searchQuery, setSearchQuery] = useState19("");
|
|
3600
|
+
const [currentPage, setCurrentPage] = useState19(1);
|
|
3601
|
+
const [totalEntries, setTotalEntries] = useState19(0);
|
|
3594
3602
|
const handlePageSizeChange = (e) => {
|
|
3595
3603
|
setPageSize(Number(e.target.value));
|
|
3596
3604
|
setCurrentPage(1);
|
|
3597
3605
|
};
|
|
3598
|
-
return /* @__PURE__ */
|
|
3599
|
-
/* @__PURE__ */
|
|
3606
|
+
return /* @__PURE__ */ jsxs33("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
|
|
3607
|
+
/* @__PURE__ */ jsx33(CommonHeader, { title: "Audit Log", breadcrumbs: [{
|
|
3600
3608
|
label: "Dashboard",
|
|
3601
3609
|
href: "/dashboard"
|
|
3602
3610
|
}, {
|
|
@@ -3609,36 +3617,36 @@ function AuditLogmain() {
|
|
|
3609
3617
|
label: "Audit Log",
|
|
3610
3618
|
href: "/auditlog"
|
|
3611
3619
|
}], buttonText: "Add Audit Log", onButtonClick: () => setModalOpen(true) }),
|
|
3612
|
-
/* @__PURE__ */
|
|
3613
|
-
/* @__PURE__ */
|
|
3614
|
-
/* @__PURE__ */
|
|
3615
|
-
/* @__PURE__ */
|
|
3616
|
-
/* @__PURE__ */
|
|
3617
|
-
/* @__PURE__ */
|
|
3618
|
-
/* @__PURE__ */
|
|
3619
|
-
/* @__PURE__ */
|
|
3620
|
+
/* @__PURE__ */ jsx33("div", { className: "fc:w-full fc:space-y-5", children: /* @__PURE__ */ jsxs33("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: [
|
|
3621
|
+
/* @__PURE__ */ jsxs33("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
|
|
3622
|
+
/* @__PURE__ */ jsx33("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ jsx33(SearchBar4, { searchQuery, setSearchQuery, setCurrentPage }) }),
|
|
3623
|
+
/* @__PURE__ */ jsx33("div", { children: /* @__PURE__ */ jsxs33("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: [
|
|
3624
|
+
/* @__PURE__ */ jsx33("option", { value: 5, children: "5 Rows" }),
|
|
3625
|
+
/* @__PURE__ */ jsx33("option", { value: 10, children: "10 Rows" }),
|
|
3626
|
+
/* @__PURE__ */ jsx33("option", { value: 20, children: "20 Rows" }),
|
|
3627
|
+
/* @__PURE__ */ jsx33("option", { value: 25, children: "25 Rows" })
|
|
3620
3628
|
] }) })
|
|
3621
3629
|
] }),
|
|
3622
|
-
/* @__PURE__ */
|
|
3630
|
+
/* @__PURE__ */ jsx33(AuditLogTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries })
|
|
3623
3631
|
] }) }),
|
|
3624
|
-
/* @__PURE__ */
|
|
3632
|
+
/* @__PURE__ */ jsx33(AddAuditLogModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
|
|
3625
3633
|
] });
|
|
3626
3634
|
}
|
|
3627
3635
|
|
|
3628
3636
|
// src/components/MovementHistory/MovementHistorymain.jsx
|
|
3629
|
-
import
|
|
3637
|
+
import React37, { useState as useState21 } from "react";
|
|
3630
3638
|
|
|
3631
3639
|
// src/components/MovementHistory/SearchBar.jsx
|
|
3632
|
-
import
|
|
3633
|
-
import { jsx as
|
|
3640
|
+
import React34 from "react";
|
|
3641
|
+
import { jsx as jsx34, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
3634
3642
|
function SearchBar5({
|
|
3635
3643
|
searchQuery,
|
|
3636
3644
|
setSearchQuery,
|
|
3637
3645
|
setCurrentPage
|
|
3638
3646
|
}) {
|
|
3639
|
-
return /* @__PURE__ */
|
|
3640
|
-
/* @__PURE__ */
|
|
3641
|
-
/* @__PURE__ */
|
|
3647
|
+
return /* @__PURE__ */ jsxs34("div", { className: "fc:relative fc:max-w-sm fc:w-full", children: [
|
|
3648
|
+
/* @__PURE__ */ jsx34("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__ */ jsx34("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__ */ jsx34("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" }) }) }),
|
|
3649
|
+
/* @__PURE__ */ jsx34("input", { type: "text", value: searchQuery, onChange: (e) => {
|
|
3642
3650
|
setSearchQuery(e.target.value);
|
|
3643
3651
|
setCurrentPage(1);
|
|
3644
3652
|
}, 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" })
|
|
@@ -3646,8 +3654,8 @@ function SearchBar5({
|
|
|
3646
3654
|
}
|
|
3647
3655
|
|
|
3648
3656
|
// src/components/MovementHistory/MovementHistoryTable.jsx
|
|
3649
|
-
import
|
|
3650
|
-
import { jsx as
|
|
3657
|
+
import React35, { useState as useState20, useEffect as useEffect9 } from "react";
|
|
3658
|
+
import { jsx as jsx35, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
3651
3659
|
function MovementHistoryTable({
|
|
3652
3660
|
pageSize,
|
|
3653
3661
|
searchQuery = "",
|
|
@@ -3856,9 +3864,9 @@ function MovementHistoryTable({
|
|
|
3856
3864
|
toStepId: "APPROVE",
|
|
3857
3865
|
movedOn: "2026-02-12"
|
|
3858
3866
|
}];
|
|
3859
|
-
const [data, setData] =
|
|
3860
|
-
const [sortOrder, setSortOrder] =
|
|
3861
|
-
const [sortKey, setSortKey] =
|
|
3867
|
+
const [data, setData] = useState20(initialData);
|
|
3868
|
+
const [sortOrder, setSortOrder] = useState20("asc");
|
|
3869
|
+
const [sortKey, setSortKey] = useState20("movementHistoryId");
|
|
3862
3870
|
const handleSort = (columnKey) => {
|
|
3863
3871
|
const isAsc = sortKey === columnKey && sortOrder === "asc";
|
|
3864
3872
|
setSortOrder(isAsc ? "desc" : "asc");
|
|
@@ -3874,7 +3882,7 @@ function MovementHistoryTable({
|
|
|
3874
3882
|
const query = (searchQuery || "").toLowerCase();
|
|
3875
3883
|
return item.movementHistoryId.toLowerCase().includes(query) || item.name.toLowerCase().includes(query) || item.toStepId.toLowerCase().includes(query);
|
|
3876
3884
|
});
|
|
3877
|
-
|
|
3885
|
+
useEffect9(() => {
|
|
3878
3886
|
if (setTotalEntries) setTotalEntries(filteredData.length);
|
|
3879
3887
|
}, [filteredData.length, setTotalEntries]);
|
|
3880
3888
|
const totalPages = Math.ceil(filteredData.length / pageSize) || 1;
|
|
@@ -3897,141 +3905,141 @@ function MovementHistoryTable({
|
|
|
3897
3905
|
return "bg-slate-50 text-slate-700 border border-slate-200";
|
|
3898
3906
|
}
|
|
3899
3907
|
};
|
|
3900
|
-
return /* @__PURE__ */
|
|
3901
|
-
/* @__PURE__ */
|
|
3902
|
-
/* @__PURE__ */
|
|
3903
|
-
/* @__PURE__ */
|
|
3904
|
-
/* @__PURE__ */
|
|
3908
|
+
return /* @__PURE__ */ jsxs35("div", { className: "fc:space-y-5", children: [
|
|
3909
|
+
/* @__PURE__ */ jsx35("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__ */ jsxs35("table", { className: "fc:w-full fc:text-left fc:border-collapse fc:bg-white fc:table-fixed fc:min-w-[900px]", children: [
|
|
3910
|
+
/* @__PURE__ */ jsx35("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__ */ jsxs35("tr", { className: "fc:text-xs fc:font-bold fc:tracking-wider fc:text-slate-500", children: [
|
|
3911
|
+
/* @__PURE__ */ jsx35("th", { className: "fc:py-4 fc:px-5 fc:w-20 fc:text-center fc:bg-slate-50", children: "S.No" }),
|
|
3912
|
+
/* @__PURE__ */ jsxs35("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: [
|
|
3905
3913
|
"Movement History ID ",
|
|
3906
3914
|
sortKey === "movementHistoryId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3907
3915
|
] }),
|
|
3908
|
-
/* @__PURE__ */
|
|
3916
|
+
/* @__PURE__ */ jsxs35("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: [
|
|
3909
3917
|
"Name ",
|
|
3910
3918
|
sortKey === "name" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3911
3919
|
] }),
|
|
3912
|
-
/* @__PURE__ */
|
|
3920
|
+
/* @__PURE__ */ jsxs35("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: [
|
|
3913
3921
|
"File Instance ID ",
|
|
3914
3922
|
sortKey === "fileInstanceId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3915
3923
|
] }),
|
|
3916
|
-
/* @__PURE__ */
|
|
3924
|
+
/* @__PURE__ */ jsxs35("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: [
|
|
3917
3925
|
"FromStepID ",
|
|
3918
3926
|
sortKey === "fromStepId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3919
3927
|
] }),
|
|
3920
|
-
/* @__PURE__ */
|
|
3928
|
+
/* @__PURE__ */ jsxs35("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: [
|
|
3921
3929
|
"ToStepID ",
|
|
3922
3930
|
sortKey === "toStepId" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3923
3931
|
] }),
|
|
3924
|
-
/* @__PURE__ */
|
|
3932
|
+
/* @__PURE__ */ jsxs35("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: [
|
|
3925
3933
|
"ActionCode ",
|
|
3926
3934
|
sortKey === "movedOn" ? sortOrder === "asc" ? "\u25B2" : "\u25BC" : "\u25B2"
|
|
3927
3935
|
] })
|
|
3928
3936
|
] }) }),
|
|
3929
|
-
/* @__PURE__ */
|
|
3930
|
-
/* @__PURE__ */
|
|
3931
|
-
/* @__PURE__ */
|
|
3932
|
-
/* @__PURE__ */
|
|
3933
|
-
/* @__PURE__ */
|
|
3934
|
-
/* @__PURE__ */
|
|
3935
|
-
/* @__PURE__ */
|
|
3936
|
-
/* @__PURE__ */
|
|
3937
|
+
/* @__PURE__ */ jsx35("tbody", { className: "fc:divide-y fc:divide-slate-100 fc:text-sm fc:text-slate-600", children: visibleData.map((item, index) => /* @__PURE__ */ jsxs35("tr", { className: "hover:fc:fc:bg-slate-50/50 fc:transition-colors", children: [
|
|
3938
|
+
/* @__PURE__ */ jsx35("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 }),
|
|
3939
|
+
/* @__PURE__ */ jsx35("td", { className: "fc:py-4 fc:px-5 fc:font-bold fc:text-slate-900 fc:text-[14px]", children: item.movementHistoryId }),
|
|
3940
|
+
/* @__PURE__ */ jsx35("td", { className: "fc:py-4 fc:px-5 fc:text-slate-900 fc:font-medium fc:truncate", children: item.name }),
|
|
3941
|
+
/* @__PURE__ */ jsx35("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500", children: item.fileInstanceId }),
|
|
3942
|
+
/* @__PURE__ */ jsx35("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500", children: item.fromStepId }),
|
|
3943
|
+
/* @__PURE__ */ jsx35("td", { className: "fc:py-4 fc:px-5 fc:font-semibold fc:text-slate-700", children: /* @__PURE__ */ jsx35("span", { className: `fc:px-2.5 fc:py-1 fc:text-[11px] fc:font-bold fc:rounded-md${getActionBadgeColor(item.toStepId)}`, children: item.toStepId }) }),
|
|
3944
|
+
/* @__PURE__ */ jsx35("td", { className: "fc:py-4 fc:px-5 fc:text-slate-500", children: item.movedOn })
|
|
3937
3945
|
] }, item.id)) })
|
|
3938
3946
|
] }) }),
|
|
3939
|
-
/* @__PURE__ */
|
|
3940
|
-
/* @__PURE__ */
|
|
3941
|
-
pageNumbers.map((pageNumber) => /* @__PURE__ */
|
|
3942
|
-
/* @__PURE__ */
|
|
3947
|
+
/* @__PURE__ */ jsxs35("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: [
|
|
3948
|
+
/* @__PURE__ */ jsx35("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" }),
|
|
3949
|
+
pageNumbers.map((pageNumber) => /* @__PURE__ */ jsx35("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)),
|
|
3950
|
+
/* @__PURE__ */ jsx35("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" })
|
|
3943
3951
|
] })
|
|
3944
3952
|
] });
|
|
3945
3953
|
}
|
|
3946
3954
|
|
|
3947
3955
|
// src/components/MovementHistory/AddMovementHistoryModal.jsx
|
|
3948
|
-
import
|
|
3949
|
-
import { jsx as
|
|
3956
|
+
import React36 from "react";
|
|
3957
|
+
import { jsx as jsx36, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
3950
3958
|
function AddMovementHistoryModal({
|
|
3951
3959
|
isOpen,
|
|
3952
3960
|
onClose
|
|
3953
3961
|
}) {
|
|
3954
3962
|
if (!isOpen) return null;
|
|
3955
|
-
return /* @__PURE__ */
|
|
3956
|
-
/* @__PURE__ */
|
|
3957
|
-
/* @__PURE__ */
|
|
3958
|
-
/* @__PURE__ */
|
|
3959
|
-
/* @__PURE__ */
|
|
3960
|
-
/* @__PURE__ */
|
|
3961
|
-
/* @__PURE__ */
|
|
3963
|
+
return /* @__PURE__ */ jsxs36("div", { className: "fc:fixed fc:inset-0 fc:z-50 fc:flex fc:items-center fc:justify-center fc:p-4", children: [
|
|
3964
|
+
/* @__PURE__ */ jsx36("div", { className: "fc:fixed fc:inset-0 fc:bg-slate-900/50 fc:backdrop-blur-sm fc:transition-opacity", onClick: onClose }),
|
|
3965
|
+
/* @__PURE__ */ jsxs36("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: [
|
|
3966
|
+
/* @__PURE__ */ jsxs36("div", { className: "fc:flex fc:justify-between fc:items-center fc:px-8 fc:py-5 fc:border-b fc:border-slate-100", children: [
|
|
3967
|
+
/* @__PURE__ */ jsxs36("div", { children: [
|
|
3968
|
+
/* @__PURE__ */ jsx36("h2", { className: "fc:text-lg fc:font-extrabold fc:text-slate-800", children: "Add Movement History" }),
|
|
3969
|
+
/* @__PURE__ */ jsx36("p", { className: "fc:text-[11px] fc:text-slate-400 fc:mt-0.5", children: "Create a new movement audit trail entry" })
|
|
3962
3970
|
] }),
|
|
3963
|
-
/* @__PURE__ */
|
|
3971
|
+
/* @__PURE__ */ jsx36("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" })
|
|
3964
3972
|
] }),
|
|
3965
|
-
/* @__PURE__ */
|
|
3966
|
-
/* @__PURE__ */
|
|
3967
|
-
/* @__PURE__ */
|
|
3968
|
-
/* @__PURE__ */
|
|
3969
|
-
/* @__PURE__ */
|
|
3970
|
-
/* @__PURE__ */
|
|
3973
|
+
/* @__PURE__ */ jsxs36("div", { className: "fc:p-6 fc:space-y-5 fc:overflow-y-auto fc:bg-slate-50/30", children: [
|
|
3974
|
+
/* @__PURE__ */ jsxs36("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
3975
|
+
/* @__PURE__ */ jsxs36("div", { children: [
|
|
3976
|
+
/* @__PURE__ */ jsx36("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Movement History ID *" }),
|
|
3977
|
+
/* @__PURE__ */ jsx36("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" }),
|
|
3978
|
+
/* @__PURE__ */ jsx36("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Unique primary key for history record" })
|
|
3971
3979
|
] }),
|
|
3972
|
-
/* @__PURE__ */
|
|
3973
|
-
/* @__PURE__ */
|
|
3974
|
-
/* @__PURE__ */
|
|
3975
|
-
/* @__PURE__ */
|
|
3980
|
+
/* @__PURE__ */ jsxs36("div", { children: [
|
|
3981
|
+
/* @__PURE__ */ jsx36("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "File Instance ID *" }),
|
|
3982
|
+
/* @__PURE__ */ jsx36("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" }),
|
|
3983
|
+
/* @__PURE__ */ jsx36("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Associated unique document/transaction ID" })
|
|
3976
3984
|
] })
|
|
3977
3985
|
] }),
|
|
3978
|
-
/* @__PURE__ */
|
|
3979
|
-
/* @__PURE__ */
|
|
3980
|
-
/* @__PURE__ */
|
|
3981
|
-
/* @__PURE__ */
|
|
3982
|
-
/* @__PURE__ */
|
|
3986
|
+
/* @__PURE__ */ jsxs36("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
3987
|
+
/* @__PURE__ */ jsxs36("div", { children: [
|
|
3988
|
+
/* @__PURE__ */ jsx36("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "From Step ID *" }),
|
|
3989
|
+
/* @__PURE__ */ jsx36("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" }),
|
|
3990
|
+
/* @__PURE__ */ jsx36("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Starting step workflow node" })
|
|
3983
3991
|
] }),
|
|
3984
|
-
/* @__PURE__ */
|
|
3985
|
-
/* @__PURE__ */
|
|
3986
|
-
/* @__PURE__ */
|
|
3987
|
-
/* @__PURE__ */
|
|
3992
|
+
/* @__PURE__ */ jsxs36("div", { children: [
|
|
3993
|
+
/* @__PURE__ */ jsx36("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "To Step ID *" }),
|
|
3994
|
+
/* @__PURE__ */ jsx36("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" }),
|
|
3995
|
+
/* @__PURE__ */ jsx36("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Destination target step node" })
|
|
3988
3996
|
] })
|
|
3989
3997
|
] }),
|
|
3990
|
-
/* @__PURE__ */
|
|
3991
|
-
/* @__PURE__ */
|
|
3992
|
-
/* @__PURE__ */
|
|
3993
|
-
/* @__PURE__ */
|
|
3994
|
-
/* @__PURE__ */
|
|
3995
|
-
/* @__PURE__ */
|
|
3996
|
-
/* @__PURE__ */
|
|
3997
|
-
/* @__PURE__ */
|
|
3998
|
+
/* @__PURE__ */ jsxs36("div", { className: "fc:grid fc:grid-cols-1 md:fc:fc:grid-cols-2 fc:gap-4", children: [
|
|
3999
|
+
/* @__PURE__ */ jsxs36("div", { children: [
|
|
4000
|
+
/* @__PURE__ */ jsx36("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Action Code *" }),
|
|
4001
|
+
/* @__PURE__ */ jsxs36("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: [
|
|
4002
|
+
/* @__PURE__ */ jsx36("option", { value: "APPROVE", children: "APPROVE" }),
|
|
4003
|
+
/* @__PURE__ */ jsx36("option", { value: "RETURN", children: "RETURN" }),
|
|
4004
|
+
/* @__PURE__ */ jsx36("option", { value: "FORWARD", children: "FORWARD" }),
|
|
4005
|
+
/* @__PURE__ */ jsx36("option", { value: "REJECT", children: "REJECT" })
|
|
3998
4006
|
] }),
|
|
3999
|
-
/* @__PURE__ */
|
|
4007
|
+
/* @__PURE__ */ jsx36("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Execution code action state" })
|
|
4000
4008
|
] }),
|
|
4001
|
-
/* @__PURE__ */
|
|
4002
|
-
/* @__PURE__ */
|
|
4003
|
-
/* @__PURE__ */
|
|
4004
|
-
/* @__PURE__ */
|
|
4009
|
+
/* @__PURE__ */ jsxs36("div", { children: [
|
|
4010
|
+
/* @__PURE__ */ jsx36("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Moved On *" }),
|
|
4011
|
+
/* @__PURE__ */ jsx36("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" }),
|
|
4012
|
+
/* @__PURE__ */ jsx36("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Movement record date timestamp" })
|
|
4005
4013
|
] })
|
|
4006
4014
|
] }),
|
|
4007
|
-
/* @__PURE__ */
|
|
4008
|
-
/* @__PURE__ */
|
|
4009
|
-
/* @__PURE__ */
|
|
4010
|
-
/* @__PURE__ */
|
|
4015
|
+
/* @__PURE__ */ jsxs36("div", { children: [
|
|
4016
|
+
/* @__PURE__ */ jsx36("label", { className: "fc:block fc:text-xs fc:font-bold fc:text-slate-700 fc:mb-1", children: "Movement Comments / Remarks" }),
|
|
4017
|
+
/* @__PURE__ */ jsx36("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" }),
|
|
4018
|
+
/* @__PURE__ */ jsx36("p", { className: "fc:text-[9px] fc:text-slate-400 fc:mt-0.5", children: "Optional workflow remarks for documentation" })
|
|
4011
4019
|
] })
|
|
4012
4020
|
] }),
|
|
4013
|
-
/* @__PURE__ */
|
|
4014
|
-
/* @__PURE__ */
|
|
4015
|
-
/* @__PURE__ */
|
|
4021
|
+
/* @__PURE__ */ jsxs36("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: [
|
|
4022
|
+
/* @__PURE__ */ jsx36("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" }),
|
|
4023
|
+
/* @__PURE__ */ jsx36("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" })
|
|
4016
4024
|
] })
|
|
4017
4025
|
] })
|
|
4018
4026
|
] });
|
|
4019
4027
|
}
|
|
4020
4028
|
|
|
4021
4029
|
// src/components/MovementHistory/MovementHistorymain.jsx
|
|
4022
|
-
import { jsx as
|
|
4030
|
+
import { jsx as jsx37, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
4023
4031
|
function MovementHistorymain() {
|
|
4024
|
-
const [modalOpen, setModalOpen] =
|
|
4025
|
-
const [pageSize, setPageSize] =
|
|
4026
|
-
const [searchQuery, setSearchQuery] =
|
|
4027
|
-
const [currentPage, setCurrentPage] =
|
|
4028
|
-
const [totalEntries, setTotalEntries] =
|
|
4032
|
+
const [modalOpen, setModalOpen] = useState21(false);
|
|
4033
|
+
const [pageSize, setPageSize] = useState21(10);
|
|
4034
|
+
const [searchQuery, setSearchQuery] = useState21("");
|
|
4035
|
+
const [currentPage, setCurrentPage] = useState21(1);
|
|
4036
|
+
const [totalEntries, setTotalEntries] = useState21(0);
|
|
4029
4037
|
const handlePageSizeChange = (e) => {
|
|
4030
4038
|
setPageSize(Number(e.target.value));
|
|
4031
4039
|
setCurrentPage(1);
|
|
4032
4040
|
};
|
|
4033
|
-
return /* @__PURE__ */
|
|
4034
|
-
/* @__PURE__ */
|
|
4041
|
+
return /* @__PURE__ */ jsxs37("div", { className: "fc:h-screen fc:overflow-hidden fc:bg-slate-50 fc:p-4 md:fc:fc:p-6", children: [
|
|
4042
|
+
/* @__PURE__ */ jsx37(CommonHeader, { title: "Movement History", breadcrumbs: [{
|
|
4035
4043
|
label: "Dashboard",
|
|
4036
4044
|
href: "/dashboard"
|
|
4037
4045
|
}, {
|
|
@@ -4044,26 +4052,26 @@ function MovementHistorymain() {
|
|
|
4044
4052
|
label: "Movement History",
|
|
4045
4053
|
href: "/movementhistory"
|
|
4046
4054
|
}], buttonText: "Add Movement History", onButtonClick: () => setModalOpen(true) }),
|
|
4047
|
-
/* @__PURE__ */
|
|
4048
|
-
/* @__PURE__ */
|
|
4049
|
-
/* @__PURE__ */
|
|
4050
|
-
/* @__PURE__ */
|
|
4051
|
-
/* @__PURE__ */
|
|
4052
|
-
/* @__PURE__ */
|
|
4053
|
-
/* @__PURE__ */
|
|
4054
|
-
/* @__PURE__ */
|
|
4055
|
+
/* @__PURE__ */ jsx37("div", { className: "fc:w-full fc:space-y-5", children: /* @__PURE__ */ jsxs37("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: [
|
|
4056
|
+
/* @__PURE__ */ jsxs37("div", { className: "fc:flex fc:justify-between fc:items-center fc:w-full fc:gap-4", children: [
|
|
4057
|
+
/* @__PURE__ */ jsx37("div", { className: "fc:w-full fc:max-w-xs", children: /* @__PURE__ */ jsx37(SearchBar5, { searchQuery, setSearchQuery, setCurrentPage }) }),
|
|
4058
|
+
/* @__PURE__ */ jsx37("div", { children: /* @__PURE__ */ jsxs37("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: [
|
|
4059
|
+
/* @__PURE__ */ jsx37("option", { value: 5, children: "5 Rows" }),
|
|
4060
|
+
/* @__PURE__ */ jsx37("option", { value: 10, children: "10 Rows" }),
|
|
4061
|
+
/* @__PURE__ */ jsx37("option", { value: 20, children: "20 Rows" }),
|
|
4062
|
+
/* @__PURE__ */ jsx37("option", { value: 25, children: "25 Rows" })
|
|
4055
4063
|
] }) })
|
|
4056
4064
|
] }),
|
|
4057
|
-
/* @__PURE__ */
|
|
4065
|
+
/* @__PURE__ */ jsx37(MovementHistoryTable, { pageSize, searchQuery, currentPage, setCurrentPage, setTotalEntries })
|
|
4058
4066
|
] }) }),
|
|
4059
|
-
/* @__PURE__ */
|
|
4067
|
+
/* @__PURE__ */ jsx37(AddMovementHistoryModal, { isOpen: modalOpen, onClose: () => setModalOpen(false) })
|
|
4060
4068
|
] });
|
|
4061
4069
|
}
|
|
4062
4070
|
|
|
4063
4071
|
// src/components/Sidebar.jsx
|
|
4064
|
-
import { Fragment as Fragment3, jsx as
|
|
4072
|
+
import { Fragment as Fragment3, jsx as jsx38, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
4065
4073
|
var workflowItems = [
|
|
4066
|
-
// Menu Name // component or page-Use function name
|
|
4074
|
+
// Menu Name testing // component or page-Use function name
|
|
4067
4075
|
{
|
|
4068
4076
|
name: "Workflow Type",
|
|
4069
4077
|
component: "workflowType",
|
|
@@ -4158,20 +4166,20 @@ function Sidebar({
|
|
|
4158
4166
|
childrens
|
|
4159
4167
|
}) {
|
|
4160
4168
|
const router = useRouter();
|
|
4161
|
-
const [workflowOpen, setWorkflowOpen] =
|
|
4162
|
-
const [permissionOpen, setPermissionOpen] =
|
|
4163
|
-
const [hierarchyOpen, setHierarchyOpen] =
|
|
4164
|
-
const [documentOpen, setDocumentOpen] =
|
|
4165
|
-
const [filesOpen, setFilesOpen] =
|
|
4166
|
-
const [tasksOpen, setTasksOpen] =
|
|
4167
|
-
const [trackingOpen, setTrackingOpen] =
|
|
4168
|
-
const [communicationOpen, setCommunicationOpen] =
|
|
4169
|
-
const [activeComponent, setActiveComponent] =
|
|
4169
|
+
const [workflowOpen, setWorkflowOpen] = useState22(false);
|
|
4170
|
+
const [permissionOpen, setPermissionOpen] = useState22(false);
|
|
4171
|
+
const [hierarchyOpen, setHierarchyOpen] = useState22(false);
|
|
4172
|
+
const [documentOpen, setDocumentOpen] = useState22(false);
|
|
4173
|
+
const [filesOpen, setFilesOpen] = useState22(false);
|
|
4174
|
+
const [tasksOpen, setTasksOpen] = useState22(false);
|
|
4175
|
+
const [trackingOpen, setTrackingOpen] = useState22(false);
|
|
4176
|
+
const [communicationOpen, setCommunicationOpen] = useState22(false);
|
|
4177
|
+
const [activeComponent, setActiveComponent] = useState22("workflowType");
|
|
4170
4178
|
const renderMenuItemold = (item) => {
|
|
4171
4179
|
const Icon = item.icon;
|
|
4172
|
-
return /* @__PURE__ */
|
|
4173
|
-
/* @__PURE__ */
|
|
4174
|
-
/* @__PURE__ */
|
|
4180
|
+
return /* @__PURE__ */ jsxs38("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: [
|
|
4181
|
+
/* @__PURE__ */ jsx38("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__ */ jsx38(Icon, { size: 17 }) }),
|
|
4182
|
+
/* @__PURE__ */ jsx38("span", { className: "fc:flex-1 fc:whitespace-nowrap fc:text-[13px] fc:font-medium fc:leading-[20px]", children: item.name })
|
|
4175
4183
|
] }, item.name);
|
|
4176
4184
|
};
|
|
4177
4185
|
const renderMenuItem = (item) => {
|
|
@@ -4187,94 +4195,94 @@ function Sidebar({
|
|
|
4187
4195
|
router.push(item.path);
|
|
4188
4196
|
}
|
|
4189
4197
|
};
|
|
4190
|
-
return /* @__PURE__ */
|
|
4191
|
-
/* @__PURE__ */
|
|
4192
|
-
/* @__PURE__ */
|
|
4198
|
+
return /* @__PURE__ */ jsxs38("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: [
|
|
4199
|
+
/* @__PURE__ */ jsx38(Icon, { size: 16 }),
|
|
4200
|
+
/* @__PURE__ */ jsx38("span", { className: "fc:min-w-0 fc:flex-1 fc:whitespace-nowrap fc:text-[13px] fc:font-medium fc:leading-[20px]", children: item.name })
|
|
4193
4201
|
] }, item.name);
|
|
4194
4202
|
};
|
|
4195
4203
|
const renderContent = () => {
|
|
4196
4204
|
switch (activeComponent) {
|
|
4197
4205
|
case "workflowType":
|
|
4198
|
-
return /* @__PURE__ */
|
|
4206
|
+
return /* @__PURE__ */ jsx38(WorkflowTypeMains, {});
|
|
4199
4207
|
case "workflow":
|
|
4200
|
-
return /* @__PURE__ */
|
|
4208
|
+
return /* @__PURE__ */ jsx38(WorkflowPage, {});
|
|
4201
4209
|
case "workflowStep":
|
|
4202
|
-
return /* @__PURE__ */
|
|
4210
|
+
return /* @__PURE__ */ jsx38(WorkflowStep, {});
|
|
4203
4211
|
case "workflowTransition":
|
|
4204
|
-
return /* @__PURE__ */
|
|
4212
|
+
return /* @__PURE__ */ jsx38(WorkFlowTransition, {});
|
|
4205
4213
|
case "User_hierarchy_mapping_main":
|
|
4206
|
-
return /* @__PURE__ */
|
|
4214
|
+
return /* @__PURE__ */ jsx38(User_hierarchy_mapping_main, {});
|
|
4207
4215
|
case "DocumentConfigurationmain":
|
|
4208
|
-
return /* @__PURE__ */
|
|
4216
|
+
return /* @__PURE__ */ jsx38(DocumentConfigurationmain, {});
|
|
4209
4217
|
case "AuditLogmain":
|
|
4210
|
-
return /* @__PURE__ */
|
|
4218
|
+
return /* @__PURE__ */ jsx38(AuditLogmain, {});
|
|
4211
4219
|
case "MovementHistorymain":
|
|
4212
|
-
return /* @__PURE__ */
|
|
4220
|
+
return /* @__PURE__ */ jsx38(MovementHistorymain, {});
|
|
4213
4221
|
default:
|
|
4214
4222
|
return childrens;
|
|
4215
4223
|
}
|
|
4216
4224
|
};
|
|
4217
4225
|
const renderDropdown = (title, open, setOpen, items, HeadingIcon) => {
|
|
4218
|
-
return /* @__PURE__ */
|
|
4219
|
-
/* @__PURE__ */
|
|
4220
|
-
/* @__PURE__ */
|
|
4221
|
-
HeadingIcon && /* @__PURE__ */
|
|
4222
|
-
/* @__PURE__ */
|
|
4226
|
+
return /* @__PURE__ */ jsxs38("div", { className: "fc:mb-2", children: [
|
|
4227
|
+
/* @__PURE__ */ jsxs38("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: [
|
|
4228
|
+
/* @__PURE__ */ jsxs38("div", { className: "fc:flex fc:items-center fc:gap-[8px]", children: [
|
|
4229
|
+
HeadingIcon && /* @__PURE__ */ jsx38(HeadingIcon, { size: 18, className: "fc:text-[#405170] fc:shrink-0" }),
|
|
4230
|
+
/* @__PURE__ */ jsx38("span", { className: "fc:text-[16px] fc:font-semibold", children: title })
|
|
4223
4231
|
] }),
|
|
4224
|
-
open ? /* @__PURE__ */
|
|
4232
|
+
open ? /* @__PURE__ */ jsx38(RiArrowDownSLine, { size: 18 }) : /* @__PURE__ */ jsx38(RiArrowRightSLine, { size: 18 })
|
|
4225
4233
|
] }),
|
|
4226
|
-
open && /* @__PURE__ */
|
|
4234
|
+
open && /* @__PURE__ */ jsx38("div", { className: "fc:ml-[2px] fc:border-l fc:border-[#E5E9F1] fc:pl-[2px]", children: items.map(renderMenuItem) })
|
|
4227
4235
|
] });
|
|
4228
4236
|
};
|
|
4229
|
-
return /* @__PURE__ */
|
|
4230
|
-
/* @__PURE__ */
|
|
4231
|
-
/* @__PURE__ */
|
|
4232
|
-
/* @__PURE__ */
|
|
4233
|
-
/* @__PURE__ */
|
|
4234
|
-
/* @__PURE__ */
|
|
4235
|
-
/* @__PURE__ */
|
|
4236
|
-
/* @__PURE__ */
|
|
4237
|
-
/* @__PURE__ */
|
|
4237
|
+
return /* @__PURE__ */ jsxs38(Fragment3, { children: [
|
|
4238
|
+
/* @__PURE__ */ jsxs38("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: [
|
|
4239
|
+
/* @__PURE__ */ jsxs38("header", { className: "fc:flex fc:h-[84px] fc:items-center fc:justify-between fc:border-b fc:border-[#EDF0F5] fc:px-[14px]", children: [
|
|
4240
|
+
/* @__PURE__ */ jsxs38("div", { className: "fc:flex fc:items-center fc:gap-2", children: [
|
|
4241
|
+
/* @__PURE__ */ jsxs38("svg", { width: "36", height: "42", viewBox: "0 0 48 56", fill: "none", children: [
|
|
4242
|
+
/* @__PURE__ */ jsx38("path", { d: "M24 2L45 12.5L24 23L3 12.5L24 2Z", fill: "#356AF3" }),
|
|
4243
|
+
/* @__PURE__ */ jsx38("path", { d: "M24 8L34 13L24 18L14 13L24 8Z", fill: "white" }),
|
|
4244
|
+
/* @__PURE__ */ jsx38("path", { d: "M3 20L24 30.5L45 20V27L24 37.5L3 27V20Z", fill: "#356AF3" }),
|
|
4245
|
+
/* @__PURE__ */ jsx38("path", { d: "M3 33L24 43.5L45 33V40L24 50.5L3 40V33Z", fill: "#356AF3" })
|
|
4238
4246
|
] }),
|
|
4239
|
-
/* @__PURE__ */
|
|
4240
|
-
/* @__PURE__ */
|
|
4241
|
-
/* @__PURE__ */
|
|
4247
|
+
/* @__PURE__ */ jsxs38("div", { children: [
|
|
4248
|
+
/* @__PURE__ */ jsx38("h1", { className: "fc:text-[18px] fc:font-extrabold fc:text-[#101318]", children: "FLOWCORE" }),
|
|
4249
|
+
/* @__PURE__ */ jsx38("p", { className: "fc:text-[12px] fc:text-[#344261]", children: "Workflow Engine" })
|
|
4242
4250
|
] })
|
|
4243
4251
|
] }),
|
|
4244
|
-
/* @__PURE__ */
|
|
4252
|
+
/* @__PURE__ */ jsx38("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__ */ jsx38(RiMenuLine, { size: 18 }) })
|
|
4245
4253
|
] }),
|
|
4246
|
-
/* @__PURE__ */
|
|
4247
|
-
/* @__PURE__ */
|
|
4248
|
-
/* @__PURE__ */
|
|
4254
|
+
/* @__PURE__ */ jsxs38("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: [
|
|
4255
|
+
/* @__PURE__ */ jsx38("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" }),
|
|
4256
|
+
/* @__PURE__ */ jsxs38("div", { className: "fc:flex fc:flex-col fc:gap-[3px]", children: [
|
|
4249
4257
|
renderDropdown("Workflow", workflowOpen, setWorkflowOpen, workflowItems, RiNodeTree),
|
|
4250
4258
|
renderDropdown("Permissions", permissionOpen, setPermissionOpen, permissionItems, RiShieldUserLine),
|
|
4251
4259
|
renderDropdown("Documents", documentOpen, setDocumentOpen, documentItems, RiFileSettingsLine),
|
|
4252
4260
|
renderDropdown("Hierarchy", hierarchyOpen, setHierarchyOpen, hierarchyItems, RiNodeTree)
|
|
4253
4261
|
] }),
|
|
4254
|
-
/* @__PURE__ */
|
|
4255
|
-
/* @__PURE__ */
|
|
4262
|
+
/* @__PURE__ */ jsx38("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" }),
|
|
4263
|
+
/* @__PURE__ */ jsxs38("div", { className: "fc:flex fc:flex-col fc:gap-[3px]", children: [
|
|
4256
4264
|
renderDropdown("Files", filesOpen, setFilesOpen, fileItems, RiFolder3Line),
|
|
4257
4265
|
renderDropdown("Tasks", tasksOpen, setTasksOpen, taskItems, RiCheckboxCircleLine),
|
|
4258
4266
|
renderDropdown("Tracking", trackingOpen, setTrackingOpen, trackingItems, RiRouteLine),
|
|
4259
4267
|
renderDropdown("Communication", communicationOpen, setCommunicationOpen, communicationItems, RiMessage2Line)
|
|
4260
4268
|
] })
|
|
4261
4269
|
] }),
|
|
4262
|
-
/* @__PURE__ */
|
|
4263
|
-
/* @__PURE__ */
|
|
4264
|
-
/* @__PURE__ */
|
|
4270
|
+
/* @__PURE__ */ jsx38("div", { className: "fc:shrink-0 fc:bg-white fc:px-[27px] fc:pb-[34px] fc:pt-[18px]", children: /* @__PURE__ */ jsxs38("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: [
|
|
4271
|
+
/* @__PURE__ */ jsx38(RiSettings4Line, { size: 20 }),
|
|
4272
|
+
/* @__PURE__ */ jsx38("span", { children: "Settings" })
|
|
4265
4273
|
] }) })
|
|
4266
4274
|
] }),
|
|
4267
|
-
/* @__PURE__ */
|
|
4268
|
-
!isOpen && /* @__PURE__ */
|
|
4275
|
+
/* @__PURE__ */ jsx38("div", { className: "fc:flex-1 fc:overflow-auto fc:bg-[#F5F7FB]", children: renderContent() }),
|
|
4276
|
+
!isOpen && /* @__PURE__ */ jsx38("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__ */ jsx38(RiMenuLine, { size: 18 }) })
|
|
4269
4277
|
] });
|
|
4270
4278
|
}
|
|
4271
4279
|
|
|
4272
4280
|
// src/components/Layout.jsx
|
|
4273
|
-
import { useState as
|
|
4274
|
-
import { jsx as
|
|
4281
|
+
import { useState as useState23 } from "react";
|
|
4282
|
+
import { jsx as jsx39 } from "react/jsx-runtime";
|
|
4275
4283
|
var Layout = ({ children }) => {
|
|
4276
|
-
const [isOpen, setIsOpen] =
|
|
4277
|
-
return /* @__PURE__ */
|
|
4284
|
+
const [isOpen, setIsOpen] = useState23(true);
|
|
4285
|
+
return /* @__PURE__ */ jsx39("div", { className: "flowcore fc:flex fc:min-h-screen", children: /* @__PURE__ */ jsx39(
|
|
4278
4286
|
Sidebar,
|
|
4279
4287
|
{
|
|
4280
4288
|
isOpen,
|
|
@@ -4284,7 +4292,23 @@ var Layout = ({ children }) => {
|
|
|
4284
4292
|
) });
|
|
4285
4293
|
};
|
|
4286
4294
|
var Layout_default = Layout;
|
|
4295
|
+
|
|
4296
|
+
// src/components/Service/ApiEndpointsProvider.js
|
|
4297
|
+
var STORAGE_KEY = "FLOWCORE_API_ENDPOINTS";
|
|
4298
|
+
var apiEndpoints = null;
|
|
4299
|
+
var ApiEndpointsProvider = ({ apiEndpoints: endpoints }) => {
|
|
4300
|
+
if (typeof window !== "undefined" && endpoints) {
|
|
4301
|
+
apiEndpoints = endpoints;
|
|
4302
|
+
sessionStorage.setItem(
|
|
4303
|
+
STORAGE_KEY,
|
|
4304
|
+
JSON.stringify(endpoints)
|
|
4305
|
+
);
|
|
4306
|
+
}
|
|
4307
|
+
return null;
|
|
4308
|
+
};
|
|
4309
|
+
var ApiEndpointsProvider_default = ApiEndpointsProvider;
|
|
4287
4310
|
export {
|
|
4311
|
+
ApiEndpointsProvider_default as ApiEndpointsProvider,
|
|
4288
4312
|
Layout_default as Layout,
|
|
4289
4313
|
Sidebar
|
|
4290
4314
|
};
|