@djb25/digit-ui-module-ekyc 1.0.13 → 1.0.15

package/src/pages/employee/index.js

@@ -3,12 +3,15 @@ import React from "react";
 import { useTranslation } from "react-i18next";
 import { Switch, useLocation } from "react-router-dom";
 import Dashboard from "../../components/Dashboard";
+import CeoDashboard from "../../components/CeoDashboard.jsx";
+import VendorDetails from "../../components/VendorDetails.jsx";
 import Inbox from "./Inbox";
 import Mapping from "./Mapping";
 import Create from "./Create";
-
 import Review from "../../components/Review";
 import EKYCForm from "./EKYCForm";
+import SurveyorDetailsCard from "../../components/SurveyorDetailsCard.js";
+import AssignEkyc from "../../components/AssignEkyc.js";
 
 const EmployeeApp = ({ path }) => {
   const { t } = useTranslation();
@@ -16,8 +19,6 @@ const EmployeeApp = ({ path }) => {
 
   sessionStorage.removeItem("revalidateddone");
 
-  const CeoDashboard = Digit.ComponentRegistryService.getComponent("CeoDashboard");
-
   const getBreadcrumbLabel = () => {
     const pathname = location.pathname;
     if (pathname.includes("/dashboard")) return "ES_COMMON_INBOX";
@@ -50,76 +51,101 @@ const EmployeeApp = ({ path }) => {
         />
 
         <div className="employee-form">
-          <div className="employee-form-content">
-            <Switch>
-              <PrivateRoute
-                path={`${path}/dashboard`}
-                component={() => (
-                  <LayoutWrapper layoutClass="normal">
-                    <Dashboard parentRoute={path} businessService="EKYC" moduleCode="EKYC" isInbox={true} />
-                  </LayoutWrapper>
-                )}
-              />
-              <PrivateRoute
-                path={`${path}/inbox`}
-                component={() => (
-                  <LayoutWrapper layoutClass="normal">
-                    <Inbox parentRoute={path} businessService="EKYC" moduleCode="EKYC" isInbox={true} />
-                  </LayoutWrapper>
-                )}
-              />
-
-              <PrivateRoute
-                path={`${path}/create-kyc`}
-                component={() => (
-                  <LayoutWrapper layoutClass="normal">
-                    <Create />
-                  </LayoutWrapper>
-                )}
-              />
-
-              <PrivateRoute
-                path={`${path}/mapping`}
-                component={() => (
-                  <LayoutWrapper layoutClass="normal">
-                    <Mapping />
-                  </LayoutWrapper>
-                )}
-              />
-
-              <PrivateRoute
-                path={formStepRoutes.map((route) => `${path}/${route}`)}
-                component={(props) => (
-                  <LayoutWrapper layoutClass="normal">
-                    <EKYCForm {...props} path={path} />
-                  </LayoutWrapper>
-                )}
-              />
-
-              <PrivateRoute
-                path={`${path}/review`}
-                component={() => (
-                  <LayoutWrapper layoutClass="normal">
-                    <Review />
-                  </LayoutWrapper>
-                )}
-              />
-
-              <PrivateRoute
-                path={`${path}/ceo-dashboard`}
-                component={() => (
-                  <LayoutWrapper layoutClass="normal">
-                    <CeoDashboard />
-                  </LayoutWrapper>
-                )}
-              />
-
-              {/* <PrivateRoute
+          <Switch>
+            <PrivateRoute
+              path={`${path}/dashboard`}
+              component={() => (
+                <LayoutWrapper layoutClass="normal">
+                  <Dashboard parentRoute={path} businessService="EKYC" moduleCode="EKYC" isInbox={true} />
+                </LayoutWrapper>
+              )}
+            />
+            <PrivateRoute
+              path={`${path}/inbox`}
+              component={() => (
+                <LayoutWrapper layoutClass="normal">
+                  <Inbox parentRoute={path} businessService="EKYC" moduleCode="EKYC" isInbox={true} />
+                </LayoutWrapper>
+              )}
+            />
+
+            <PrivateRoute
+              path={`${path}/create-kyc`}
+              component={() => (
+                <LayoutWrapper layoutClass="normal">
+                  <Create />
+                </LayoutWrapper>
+              )}
+            />
+
+            <PrivateRoute
+              path={`${path}/mapping`}
+              component={() => (
+                <LayoutWrapper layoutClass="normal">
+                  <Mapping />
+                </LayoutWrapper>
+              )}
+            />
+            <PrivateRoute
+              path={`${path}/assign`}
+              exact
+              component={() => (
+                <LayoutWrapper layoutClass="normal">
+                  <AssignEkyc />
+                </LayoutWrapper>
+              )}
+            />
+            <PrivateRoute
+              path={`${path}/assign/surveyor-details/:id`}
+              exact
+              component={() => (
+                <LayoutWrapper layoutClass="action">
+                  <SurveyorDetailsCard />
+                </LayoutWrapper>
+              )}
+            />
+
+            <PrivateRoute
+              path={formStepRoutes.map((route) => `${path}/${route}`)}
+              component={(props) => (
+                <LayoutWrapper layoutClass="normal">
+                  <EKYCForm {...props} path={path} />
+                </LayoutWrapper>
+              )}
+            />
+
+            <PrivateRoute
+              path={`${path}/review/:kno`}
+              component={() => (
+                <LayoutWrapper layoutClass="action">
+                  <Review />
+                </LayoutWrapper>
+              )}
+            />
+
+            <PrivateRoute
+              path={`${path}/ceo-dashboard`}
+              component={() => (
+                <LayoutWrapper layoutClass="normal">
+                  <CeoDashboard />
+                </LayoutWrapper>
+              )}
+            />
+
+            <PrivateRoute
+              path={`${path}/vendors/:vendorId`}
+              component={() => (
+                <LayoutWrapper layoutClass="normal">
+                  <VendorDetails />
+                </LayoutWrapper>
+              )}
+            />
+
+            {/* <PrivateRoute
                 path={`${path}/`}
                 component={() => <Inbox parentRoute={path} businessService="EKYC" moduleCode="EKYC" isInbox={true} />}
               /> */}
-            </Switch>
-          </div>
+          </Switch>
         </div>
       </div>
     </AppContainer>

package/src/components/analytics/styles/Dashboard.css

@@ -1,54 +0,0 @@
-/* Premium Dashboard Design System */
-
-:root {
-  --glass-bg: rgba(255, 255, 255, 0.7);
-  --glass-border: rgba(255, 255, 255, 0.3);
-  --glass-blur: blur(12px);
-
-  --primary-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
-  --success-gradient: linear-gradient(135deg, #10b981 0%, #34d399 100%);
-  --warning-gradient: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
-  --danger-gradient: linear-gradient(135deg, #ef4444 0%, #f87171 100%);
-
-  --card-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02);
-  --card-hover-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-}
-
-.glass-card {
-  background: var(--glass-bg);
-  backdrop-filter: var(--glass-blur);
-  -webkit-backdrop-filter: var(--glass-blur);
-  border: 1px solid var(--glass-border);
-  border-radius: 20px;
-  box-shadow: var(--card-shadow);
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.glass-card:hover {
-  transform: translateY(-5px);
-  box-shadow: var(--card-hover-shadow);
-  border-color: rgba(255, 255, 255, 0.5);
-}
-
-.gradient-text {
-  background: var(--primary-gradient);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  font-weight: 800;
-}
-
-@keyframes fadeInScale {
-  from {
-    opacity: 0;
-    transform: scale(0.95) translateY(10px);
-  }
-
-  to {
-    opacity: 1;
-    transform: scale(1) translateY(0);
-  }
-}
-
-.animate-fade-in {
-  animation: fadeInScale 0.6s ease-out forwards;
-}