@djb25/digit-ui-module-ekyc 1.0.13 → 1.0.14
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/index.css +54 -1
- package/dist/index.js +1 -1
- package/package.json +34 -29
- package/src/Module.js +2 -5
- package/src/components/CeoDashboard.js +255 -192
- package/src/components/CeoDashboard.jsx +334 -0
- package/src/components/DesktopInbox.js +8 -0
- package/src/components/EKYCCard.js +5 -1
- package/src/components/VendorDetails.jsx +214 -0
- package/src/components/analytics/charts/ExecutiveBarChart.jsx +30 -0
- package/src/components/analytics/charts/ExecutiveLineChart.jsx +159 -0
- package/src/components/analytics/charts/ExecutivePieChart.jsx +24 -0
- package/src/components/analytics/charts/TaskStatusChart.js +1 -3
- package/src/components/analytics/components/DashboardLayout.js +26 -46
- package/src/components/mockData.js +772 -0
- package/src/hook/useInboxTableConfig.js +10 -2
- package/src/pages/employee/Mapping.js +162 -449
- package/src/pages/employee/index.js +19 -2
- package/src/components/analytics/styles/Dashboard.css +0 -54
|
@@ -3,6 +3,8 @@ import React from "react";
|
|
|
3
3
|
import { useTranslation } from "react-i18next";
|
|
4
4
|
import { Switch, useLocation } from "react-router-dom";
|
|
5
5
|
import Dashboard from "../../components/Dashboard";
|
|
6
|
+
import CeoDashboard from "../../components/CeoDashboard.jsx";
|
|
7
|
+
import VendorDetails from "../../components/VendorDetails.jsx";
|
|
6
8
|
import Inbox from "./Inbox";
|
|
7
9
|
import Mapping from "./Mapping";
|
|
8
10
|
import Create from "./Create";
|
|
@@ -16,8 +18,6 @@ const EmployeeApp = ({ path }) => {
|
|
|
16
18
|
|
|
17
19
|
sessionStorage.removeItem("revalidateddone");
|
|
18
20
|
|
|
19
|
-
const CeoDashboard = Digit.ComponentRegistryService.getComponent("CeoDashboard");
|
|
20
|
-
|
|
21
21
|
const getBreadcrumbLabel = () => {
|
|
22
22
|
const pathname = location.pathname;
|
|
23
23
|
if (pathname.includes("/dashboard")) return "ES_COMMON_INBOX";
|
|
@@ -86,6 +86,14 @@ const EmployeeApp = ({ path }) => {
|
|
|
86
86
|
</LayoutWrapper>
|
|
87
87
|
)}
|
|
88
88
|
/>
|
|
89
|
+
<PrivateRoute
|
|
90
|
+
path={`${path}/assign`}
|
|
91
|
+
component={() => (
|
|
92
|
+
<LayoutWrapper layoutClass="normal">
|
|
93
|
+
<Mapping />
|
|
94
|
+
</LayoutWrapper>
|
|
95
|
+
)}
|
|
96
|
+
/>
|
|
89
97
|
|
|
90
98
|
<PrivateRoute
|
|
91
99
|
path={formStepRoutes.map((route) => `${path}/${route}`)}
|
|
@@ -114,6 +122,15 @@ const EmployeeApp = ({ path }) => {
|
|
|
114
122
|
)}
|
|
115
123
|
/>
|
|
116
124
|
|
|
125
|
+
<PrivateRoute
|
|
126
|
+
path={`${path}/vendors/:vendorId`}
|
|
127
|
+
component={() => (
|
|
128
|
+
<LayoutWrapper layoutClass="normal">
|
|
129
|
+
<VendorDetails />
|
|
130
|
+
</LayoutWrapper>
|
|
131
|
+
)}
|
|
132
|
+
/>
|
|
133
|
+
|
|
117
134
|
{/* <PrivateRoute
|
|
118
135
|
path={`${path}/`}
|
|
119
136
|
component={() => <Inbox parentRoute={path} businessService="EKYC" moduleCode="EKYC" isInbox={true} />}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
/* Premium Dashboard Design System */
|
|
2
|
-
|
|
3
|
-
:root {
|
|
4
|
-
--glass-bg: rgba(255, 255, 255, 0.7);
|
|
5
|
-
--glass-border: rgba(255, 255, 255, 0.3);
|
|
6
|
-
--glass-blur: blur(12px);
|
|
7
|
-
|
|
8
|
-
--primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
|
|
9
|
-
--success-gradient: linear-gradient(135deg, #10b981 0%, #34d399 100%);
|
|
10
|
-
--warning-gradient: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
|
|
11
|
-
--danger-gradient: linear-gradient(135deg, #ef4444 0%, #f87171 100%);
|
|
12
|
-
|
|
13
|
-
--card-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02);
|
|
14
|
-
--card-hover-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
.glass-card {
|
|
18
|
-
background: var(--glass-bg);
|
|
19
|
-
backdrop-filter: var(--glass-blur);
|
|
20
|
-
-webkit-backdrop-filter: var(--glass-blur);
|
|
21
|
-
border: 1px solid var(--glass-border);
|
|
22
|
-
border-radius: 20px;
|
|
23
|
-
box-shadow: var(--card-shadow);
|
|
24
|
-
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.glass-card:hover {
|
|
28
|
-
transform: translateY(-5px);
|
|
29
|
-
box-shadow: var(--card-hover-shadow);
|
|
30
|
-
border-color: rgba(255, 255, 255, 0.5);
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.gradient-text {
|
|
34
|
-
background: var(--primary-gradient);
|
|
35
|
-
-webkit-background-clip: text;
|
|
36
|
-
-webkit-text-fill-color: transparent;
|
|
37
|
-
font-weight: 800;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
@keyframes fadeInScale {
|
|
41
|
-
from {
|
|
42
|
-
opacity: 0;
|
|
43
|
-
transform: scale(0.95) translateY(10px);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
to {
|
|
47
|
-
opacity: 1;
|
|
48
|
-
transform: scale(1) translateY(0);
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.animate-fade-in {
|
|
53
|
-
animation: fadeInScale 0.6s ease-out forwards;
|
|
54
|
-
}
|