@djb25/digit-ui-module-ekyc 1.0.30 → 1.0.32

package/src/pages/citizen/Inbox.js

@@ -1,265 +0,0 @@
-import React, { useMemo, useCallback, useReducer } from "react";
-import { useLocation } from "react-router-dom";
-import { InboxComposer } from "@djb25/digit-ui-react-components";
-import useInboxTableConfig from "../../hook/useInboxTableConfig";
-import SearchFormFieldsComponents from "../../components/SearchFormFieldsComponent";
-
-// Mock data removed in favor of API integration
-
-const Inbox = ({ parentRoute }) => {
-  const tenantId = Digit.ULBService.getCurrentTenantId();
-  const location = useLocation();
-
-  const formInitValue = {
-    filterForm: {},
-    searchForm: {},
-    tableForm: {
-      limit: 10,
-      offset: 0,
-      sortBy: "createdTime",
-      sortOrder: "DESC",
-    },
-  };
-
-  const [formState, dispatch] = useReducer(formReducer, formInitValue);
-
-  const queryParams = useMemo(() => {
-    return {
-      tenantId,
-      offset: formState?.tableForm?.offset || 0,
-      limit: formState?.tableForm?.limit || 10,
-      search: formState?.searchForm || {},
-    };
-  }, [tenantId, formState?.tableForm?.offset, formState?.tableForm?.limit, formState?.searchForm]);
-
-  const filters = useMemo(() => {
-    const searchForm = formState?.searchForm || {};
-    return {
-      ...searchForm,
-      ...(searchForm.kNumber && { kno: searchForm.kNumber }),
-    };
-  }, [formState?.searchForm]);
-
-  const { isLoading, data: dashboardData = {} } = Digit.Hooks.ekyc.useEkycApplicationList(filters, queryParams, {
-    enabled: !!tenantId,
-    keepPreviousData: true,
-  });
-
-  const searchDetails = useMemo(
-    () => ({
-      kno: formState?.searchForm?.kNumber || "",
-      name: formState?.searchForm?.kName || "",
-    }),
-    [formState?.searchForm?.kNumber, formState?.searchForm?.kName]
-  );
-
-  const isSearchActive = !!(searchDetails.kno || searchDetails.name);
-
-  const { isLoading: isSearchLoading, data: searchData } = Digit.Hooks.ekyc.useSearchConnection(
-    {
-      tenantId,
-      details: searchDetails,
-    },
-    {
-      enabled: !!tenantId && !!searchDetails.kno, // 🔥 important
-      keepPreviousData: true,
-    }
-  );
-
-  const sourceData = useMemo(() => {
-    if (isSearchActive) {
-      if (!searchData) return [];
-      return [searchData];
-    }
-
-    return dashboardData?.consumerList || [];
-  }, [isSearchActive, searchData, dashboardData]);
-
-  const filteredData = useMemo(() => {
-    return (sourceData || []).map((item) => {
-      // ✅ detect search response
-      const isSearchItem = !!item.connectionDetails;
-
-      if (isSearchItem) {
-        return {
-          applicationNo: item.propertyInfo?.kno || "",
-          connectionNo: item.propertyInfo?.kno || "",
-          owner: item.connectionDetails?.consumerName || "",
-          applicationNumber: item.propertyInfo?.kno || "",
-          citizenName: item.connectionDetails?.consumerName || "",
-          status: item.connectionDetails?.statusflag || "",
-          ekycStatus: (item.connectionDetails?.ekycStatus || item.connectionDetails?.ekycstatus || item.ekycStatus || item.ekycstatus || "NA").toUpperCase(),
-          sla: 0,
-        };
-      }
-
-      // ✅ dashboard mapping
-      return {
-        ...item,
-        applicationNo: item.kno || item.applicationNumber || "",
-        connectionNo: item.connectionNo || "",
-        owner: item.consumerName || item.citizenName || "",
-        applicationNumber: item.kno || item.applicationNumber || "",
-        citizenName: item.consumerName || item.citizenName || "",
-        status: item.status || "",
-        ekycStatus: (item.ekycStatus || item.ekycstatus || "NA").toUpperCase(),
-        sla: item.sla ?? 0,
-      };
-    });
-  }, [sourceData]);
-
-  const totalRecords = dashboardData?.dashboardInfo?.totalRecords || dashboardData?.totalCount || 0;
-
-  const checkPathName = location.pathname.includes("ekyc/inbox");
-  // const PropsForInboxLinks = {
-  //   headerText: "EKYC_MODULE",
-  // };
-
-  const SearchFormFields = useCallback(
-    ({ registerRef, searchFormState, controlSearchForm }) => (
-      <SearchFormFieldsComponents {...{ registerRef, searchFormState, controlSearchForm }} searchType="kno" className="search" />
-    ),
-    []
-  );
-
-  const tableOrderFormDefaultValues = {
-    sortBy: "createdTime",
-    limit: window.Digit.Utils.browser.isMobile() ? 50 : 10,
-    offset: 0,
-    sortOrder: "DESC",
-  };
-
-  const onSearchFormSubmit = (data) => {
-    data.hasOwnProperty("") && delete data?.[""];
-    dispatch({ action: "mutateTableForm", data: { ...tableOrderFormDefaultValues }, checkPathName });
-    dispatch({ action: "mutateSearchForm", data, checkPathName });
-  };
-
-  const searchFormDefaultValues = {
-    kNumber: "",
-    applicationNumber: "",
-    consumerNo: "",
-  };
-
-  const onSearchFormReset = (setSearchFormValue) => {
-    setSearchFormValue("kNumber", null);
-    setSearchFormValue("applicationNumber", null);
-    setSearchFormValue("consumerNo", null);
-    dispatch({ action: "mutateSearchForm", data: searchFormDefaultValues });
-  };
-
-  const propsForSearchForm = {
-    SearchFormFields,
-    onSearchFormSubmit,
-    searchFormDefaultValues: formState?.searchForm,
-    resetSearchFormDefaultValues: searchFormDefaultValues,
-    onSearchFormReset,
-    className: "search-form-wns-inbox",
-  };
-
-  // const FilterFormFields = useCallback(
-  //   ({ registerRef, controlFilterForm, setFilterFormValue, getFilterFormValue }) => <React.Fragment></React.Fragment>,
-  //   []
-  // );
-
-  // const propsForFilterForm = {
-  //   FilterFormFields,
-  //   onFilterFormSubmit: () => { },
-  //   filterFormDefaultValues: "",
-  //   resetFilterFormDefaultValues: "",
-  //   onFilterFormReset: () => { },
-  // };
-
-  function formReducer(state, payload) {
-    const storageKey = payload.checkPathName ? "EKYC.INBOX" : "EKYC.SW.INBOX";
-
-    // ✅ safety for SLA
-    switch (payload.action) {
-      case "mutateSearchForm":
-        Digit.SessionStorage.set(storageKey, { ...state, searchForm: payload.data });
-        return { ...state, searchForm: payload.data };
-
-      case "mutateFilterForm":
-        Digit.SessionStorage.set(storageKey, { ...state, filterForm: payload.data });
-        return { ...state, filterForm: payload.data };
-
-      case "mutateTableForm":
-        Digit.SessionStorage.set(storageKey, { ...state, tableForm: payload.data });
-        return { ...state, tableForm: payload.data };
-
-      default:
-        return state; // ✅ IMPORTANT
-    }
-  }
-
-  const onPageSizeChange = (e) => {
-    const newLimit = Number(e.target.value);
-
-    dispatch({
-      action: "mutateTableForm",
-      data: {
-        ...formState.tableForm,
-        limit: newLimit,
-        offset: 0, // reset page
-      },
-      checkPathName,
-    });
-  };
-
-  const onSortingByData = (e) => {
-    if (e.length > 0) {
-      const [{ id, desc }] = e;
-      const sortOrder = desc ? "DESC" : "ASC";
-      const sortBy = id;
-
-      if (!(formState.tableForm.sortBy === sortBy && formState.tableForm.sortOrder === sortOrder)) {
-        dispatch({
-          action: "mutateTableForm",
-          data: {
-            ...formState.tableForm,
-            sortBy: id,
-            sortOrder: desc ? "DESC" : "ASC",
-          },
-          checkPathName,
-        });
-      }
-    }
-  };
-
-  const propsForInboxTable = useInboxTableConfig({
-    ...{
-      parentRoute,
-      onPageSizeChange,
-      formState,
-      totalCount: totalRecords,
-      table: filteredData,
-      dispatch,
-      onSortingByData,
-      tenantId,
-      checkPathName,
-      inboxStyles: { overflowX: "scroll", overflowY: "hidden" },
-      tableStyle: { width: "70%" },
-    },
-  });
-
-  const isInboxLoading = isLoading || isSearchLoading;
-
-  return (
-    <div className="app-container">
-      <InboxComposer
-        {...{
-          isInboxLoading,
-          // PropsForInboxLinks,
-          ...propsForSearchForm,
-          // ...propsForFilterForm,
-          // ...propsForMobileSortForm,
-          propsForInboxTable,
-          // propsForInboxMobileCards,
-          formState,
-        }}
-      />
-    </div>
-  );
-};
-
-export default Inbox;

package/src/pages/citizen/index.js

@@ -1,199 +0,0 @@
-import React from "react";
-import { PrivateRoute, ModuleHeader, ArrowLeft, HomeIcon, LayoutWrapper } from "@djb25/digit-ui-react-components";
-import { useTranslation } from "react-i18next";
-import { Switch, useLocation, useRouteMatch } from "react-router-dom";
-import AadhaarVerification from "../../components/AadhaarVerification";
-import PropertyInfo from "../../components/PropertyInfo";
-import MeterDetails from "../../components/MeterDetails";
-import Review from "../../components/Review";
-import Home from "./Home";
-import Inbox from "./Inbox";
-import AssignEkyc from "../../components/AssignEkyc";
-import SurveyorDetailsCard from "../../components/SurveyorDetailsCard";
-import VendorDetails from "../../components/VendorDetails";
-
-const CitizenApp = () => {
-  const { t } = useTranslation();
-  const location = useLocation();
-  const { path } = useRouteMatch();
-
-  sessionStorage.removeItem("revalidateddone");
-
-  const getDynamicBreadcrumbs = () => {
-    const pathname = location.pathname;
-
-    // Parent crumb — always present and clickable → redirects to eKYC citizen home
-    const crumbs = [
-      { icon: HomeIcon, path: "/digit-ui/citizen" },
-      { label: t("EKYC_MODULE_NAME"), path: `/digit-ui/citizen/ekyc` },
-    ];
-
-    // Child crumb — only appended when on a sub-page
-    if (pathname.includes("/create-kyc")) {
-      crumbs.push({ label: t("EKYC_CREATE_KYC") });
-    } else if (pathname.includes("/aadhaar-verification")) {
-      crumbs.push({ label: t("EKYC_AADHAAR_VERIFICATION") });
-    } else if (pathname.includes("/address-details")) {
-      crumbs.push({ label: t("EKYC_ADDRESS_DETAILS") });
-    } else if (pathname.includes("/property-info")) {
-      crumbs.push({ label: t("EKYC_PROPERTY_INFO") });
-    } else if (pathname.includes("/meter-details")) {
-      crumbs.push({ label: t("EKYC_METER_DETAILS") });
-    } else if (pathname.includes("/review")) {
-      crumbs.push({ label: t("EKYC_INBOX"), path: `/digit-ui/citizen/ekyc/inbox` });
-      crumbs.push({ label: t("EKYC_REVIEW") });
-    } else if (pathname.includes("/assign/surveyor-details")) {
-      crumbs.push({ label: t("EKYC_ASSIGN"), path: `/digit-ui/citizen/ekyc/assign` });
-      crumbs.push({ label: t("EKYC_SURVEYOR_DETAILS") });
-    } else if (pathname.includes("/assign")) {
-      crumbs.push({ label: t("EKYC_ASSIGN") });
-    } else if (pathname.includes("/surveyor-dashboard")) {
-      crumbs.push({ label: t("EKYC_SURVEYOR_DASHBOARD") });
-    } else if (pathname.includes("/dashboard")) {
-      crumbs.push({ label: t("EKYC_DASHBOARD") });
-    } else if (pathname.includes("/inbox")) {
-      crumbs.push({ label: t("EKYC_INBOX") });
-    } else if (pathname.includes("/status/")) {
-      crumbs.push({ label: t("EKYC_STATUS") });
-    }
-    // home (exact path) → no child crumb
-
-    return crumbs;
-  };
-
-  // 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">
-        <ModuleHeader
-          leftContent={
-            <React.Fragment>
-              <ArrowLeft className="icon" />
-              {t("CS_COMMON_BACK")}
-            </React.Fragment>
-          }
-          onLeftClick={() => window.history.back()}
-          breadcrumbs={getDynamicBreadcrumbs()}
-        />
-
-        <Switch>
-          <PrivateRoute
-            exact
-            path={`${path}`}
-            component={() => (
-              <LayoutWrapper layoutClass="normal">
-                <Home />
-              </LayoutWrapper>
-            )}
-          />
-          <PrivateRoute
-            path={`${path}/dashboard`}
-            component={() => (
-              <LayoutWrapper layoutClass="normal">
-                <VendorDetails />
-              </LayoutWrapper>
-            )}
-          />
-          <PrivateRoute
-            path={`${path}/inbox`}
-            component={() => (
-              <LayoutWrapper layoutClass="normal">
-                <Inbox />
-              </LayoutWrapper>
-            )}
-          />
-
-          <PrivateRoute
-            path={`${path}/aadhaar-verification`}
-            component={() => (
-              <LayoutWrapper layoutClass="normal">
-                <AadhaarVerification />
-              </LayoutWrapper>
-            )}
-          />
-
-          {/* <PrivateRoute
-            path={`${path}/address-details`}
-            component={() => (
-              <LayoutWrapper layoutClass="normal">
-                <AddressDetails />
-              </LayoutWrapper>
-            )}
-          /> */}
-
-          <PrivateRoute
-            path={`${path}/property-info`}
-            component={() => (
-              <LayoutWrapper layoutClass="normal">
-                <PropertyInfo />
-              </LayoutWrapper>
-            )}
-          />
-
-          <PrivateRoute
-            path={`${path}/meter-details`}
-            component={() => (
-              <LayoutWrapper layoutClass="normal">
-                <MeterDetails />
-              </LayoutWrapper>
-            )}
-          />
-
-          <PrivateRoute
-            path={`${path}/review`}
-            component={() => (
-              <LayoutWrapper layoutClass="normal">
-                <Review />
-              </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>
-  );
-};
-
-export default CitizenApp;