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

package/src/hook/SupervisorInboxTableConfig.js

@@ -0,0 +1,138 @@
+import React from "react";
+import { useHistory } from "react-router-dom";
+import { useTranslation } from "react-i18next";
+
+const SupervisorInboxTableConfig = ({
+  onPageSizeChange,
+  formState,
+  totalCount,
+  table,
+  dispatch,
+  checkPathName,
+  onSortingByData,
+  inboxStyles = {},
+  tableStyle = {},
+}) => {
+  const { t } = useTranslation();
+  const history = useHistory();
+
+  const userType = Digit.SessionStorage.get("User")?.info?.type?.toLowerCase() || "citizen";
+
+  const handleReview = (id) => {
+    history.push(`/digit-ui/${userType}/ekyc/assign/surveyor-details/${id}`);
+  };
+
+  const limit = formState?.tableForm?.limit || 10;
+  const offset = formState?.tableForm?.offset || 0;
+
+  const tableColumnConfig = [
+    {
+      Header: t("SURVEYOR_ID"),
+      accessor: "id",
+      Cell: ({ row }) => {
+        const id = row.original?.id;
+        return (
+          <span
+            className="ekyc-application-link"
+            style={{ color: "#add8f7", cursor: "pointer", fontWeight: "bold" }}
+            onClick={() => handleReview(id)}
+          >
+            {id || "NA"}
+          </span>
+        );
+      },
+    },
+
+    {
+      Header: t("SURVEYOR_NAME"),
+      accessor: "surveyorName",
+      Cell: ({ row }) => <span>{row.original?.surveyorName || row.original?.name || "NA"}</span>,
+    },
+
+    {
+      Header: t("MOBILE_NUMBER"),
+      accessor: "mobileNo",
+      Cell: ({ row }) => <span>{row.original?.mobileNo || row.original?.owner?.mobileNumber || "NA"}</span>,
+    },
+
+    {
+      Header: t("STATUS"),
+      accessor: "status",
+      Cell: ({ row }) => {
+        const status = row.original?.status || "DEFAULT";
+        return <span className={`ekyc-status-tag ${status}`}>{t(status)}</span>;
+      },
+    },
+
+    {
+      Header: t("SERVICE_TYPE"),
+      accessor: "serviceType",
+      Cell: ({ row }) => <span>{row.original?.serviceType || "NA"}</span>,
+    },
+  ];
+
+  return {
+    getCellProps: () => ({
+      style: {
+        padding: "8px",
+        fontSize: "12px",
+      },
+    }),
+
+    disableSort: false,
+    autoSort: false,
+    manualPagination: true,
+
+    currentPage: Math.floor(offset / limit),
+
+    onPageSizeChange,
+
+    onNextPage: () =>
+      dispatch({
+        action: "mutateTableForm",
+        data: {
+          ...formState.tableForm,
+          offset: Number(offset) + Number(limit),
+        },
+        checkPathName,
+      }),
+
+    onPrevPage: () =>
+      dispatch({
+        action: "mutateTableForm",
+        data: {
+          ...formState.tableForm,
+          offset: Number(offset) - Number(limit),
+        },
+        checkPathName,
+      }),
+
+    onLastPage: () =>
+      dispatch({
+        action: "mutateTableForm",
+        data: {
+          ...formState.tableForm,
+          offset: Math.ceil(totalCount / limit) * limit - Number(limit),
+        },
+        checkPathName,
+      }),
+
+    onFirstPage: () =>
+      dispatch({
+        action: "mutateTableForm",
+        data: { ...formState.tableForm, offset: 0 },
+        checkPathName,
+      }),
+
+    totalRecords: totalCount,
+    onSort: onSortingByData,
+
+    data: table,
+    columns: tableColumnConfig,
+
+    inboxStyles: { ...inboxStyles },
+    tableStyle: { ...tableStyle },
+  };
+};
+
+export default SupervisorInboxTableConfig;

package/src/hook/useInboxTableConfig.js

@@ -26,10 +26,11 @@ const useInboxTableConfig = ({
 
   const limit = formState?.tableForm?.limit || 10;
   const offset = formState?.tableForm?.offset || 0;
+  const userType = Digit.SessionStorage.get("User")?.info?.type?.toLowerCase() || "citizen";
 
   React.useEffect(() => {
     if (reviewData) {
-      history.push("/digit-ui/employee/ekyc/review", { kNumber: selectedKno, aadhaarData: reviewData?.aadhaarData, reviewData });
+      history.push(`/digit-ui/${userType}/ekyc/review/${selectedKno}`, { aadhaarData: reviewData?.aadhaarData, reviewData });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [reviewData]);
@@ -66,8 +67,16 @@ const useInboxTableConfig = ({
       },
     },
     {
-      Header: t("EKYC_ACTION"),
-      accessor: "status",
+      Header: t("EKYC_EKYC_STATUS"),
+      accessor: "ekycStatus",
+      Cell: ({ row }) => {
+        const ekycStatus = row.original?.ekycstatus || "NA";
+        return <span className={`ekyc-status-tag ${ekycStatus}`}>{t(`${ekycStatus}`)}</span>;
+      },
+    },
+    {
+      Header: t("EKYC_REVIEW"),
+      accessor: "review",
       Cell: ({ row }) => {
         const kno = row.original?.kno || row.original?.applicationNumber || "NA";
         return (

package/src/pages/citizen/Home.js

@@ -12,7 +12,20 @@ const Home = () => {
         link: `/digit-ui/citizen/ekyc/dashboard`,
       },
     ],
-    links: [
+    links: [],
+  };
+  const citizenInfo = Digit.SessionStorage.get("User")?.info?.roles;
+  const roles = citizenInfo.map((ele) => ele.code);
+
+  if (roles.includes("EKYC_SURVEYOR")) {
+    propsForModuleCard.links.push({
+      label: t("SURVEYOR_DASHBOARD"),
+      link: `/digit-ui/citizen/ekyc/surveyor-dashboard`,
+    });
+  }
+
+  if (roles.includes("EKYC_SUPERVISOR") || roles.includes("EKYC_VENDOR")) {
+    propsForModuleCard.links.push(
       {
         label: t("EKYC_DASHBOARD"),
         link: `/digit-ui/citizen/ekyc/dashboard`,
@@ -21,20 +34,20 @@ const Home = () => {
         label: t("EKYC_INBOX"),
         link: `/digit-ui/citizen/ekyc/inbox`,
       },
-      // {
-      //     label: t("EKYC_CREATE_KYC"),
-      //     link: `/digit-ui/citizen/ekyc/create-kyc`
-      // },
-      // {
-      //     label: t("EKYC_UPDATE_KYC"),
-      //     link: `/digit-ui/citizen/ekyc/update-kyc`
-      // },
       {
-        label: t("EKYC_MAPPING"),
-        link: `/digit-ui/citizen/ekyc/mapping`,
-      },
-    ],
-  };
+        label: t("EKYC_ASSIGN"),
+        link: `/digit-ui/citizen/ekyc/assign`,
+      }
+    );
+  }
+
+  if (roles.length === 1 && roles.includes("CITIZEN")) {
+    propsForModuleCard.links.push({
+      label: t("EKYC_STATUS"),
+      link: `/digit-ui/citizen/ekyc/:id`,
+    });
+  }
+
   return <ModuleLinksView links={propsForModuleCard.links} />;
 };
 

package/src/pages/citizen/index.js

@@ -10,6 +10,9 @@ import Home from "./Home";
 import Dashboard from "../../components/Dashboard";
 import Inbox from "./Inbox";
 import AddressDetails from "../../components/AddressDetails";
+import AssignEkyc from "../../components/AssignEkyc";
+import SurveyorDetailsCard from "../../components/SurveyorDetailsCard";
+import VendorDetails from "../../components/VendorDetails";
 
 const CitizenApp = () => {
   const { t } = useTranslation();
@@ -31,6 +34,8 @@ const CitizenApp = () => {
 
   const breadcrumbs = [{ icon: HomeIcon, path: "/digit-ui/citizen" }, { label: t(getBreadcrumbLabel()) }];
 
+  const roles = Digit.SessionStorage.get("User")?.info?.roles.map((ele) => ele.code);
+  const isEkyAction = (!roles.includes("EKYC_SURVEYOR") || roles.includes("EMPLOYEE"))
   return (
     <React.Fragment>
       <div className="ground-container form-container">
@@ -59,7 +64,7 @@ const CitizenApp = () => {
             path={`${path}/dashboard`}
             component={() => (
               <LayoutWrapper layoutClass="normal">
-                <Dashboard />
+                <VendorDetails />
               </LayoutWrapper>
             )}
           />
@@ -116,6 +121,48 @@ const CitizenApp = () => {
               </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={`${path}/surveyor-dashboard/:id`}
+            component={() => (
+              <LayoutWrapper layoutClass="normal">
+                <SurveyorDetailsCard />
+              </LayoutWrapper>
+            )}
+          />
+          <PrivateRoute
+            path={`${path}/surveyor-dashboard`}
+            component={() => (
+              <LayoutWrapper layoutClass="normal">
+                <SurveyorDetailsCard />
+              </LayoutWrapper>
+            )}
+          />
+          <PrivateRoute
+            path={`${path}/status/:applicationId`}
+            component={() => (
+              <LayoutWrapper layoutClass="normal">
+                <Review />
+              </LayoutWrapper>
+            )}
+          />
         </Switch>
       </div>
     </React.Fragment>