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

package/src/components/DesktopInbox.js

@@ -1,176 +0,0 @@
-import React, { useMemo, useState } from "react";
-import { useTranslation } from "react-i18next";
-import { Table, Card, Loader, InboxLinks } from "@djb25/digit-ui-react-components";
-import { useHistory } from "react-router-dom";
-import StatusCards from "./StatusCards";
-
-const DesktopInbox = ({ tableConfig, filterComponent, ...props }) => {
-  const {
-    data,
-    isLoading,
-    onSort,
-    onNextPage,
-    onPrevPage,
-    currentPage,
-    pageSizeLimit,
-    onPageSizeChange,
-    parentRoute,
-    searchParams,
-    sortParams,
-    totalRecords,
-    countData,
-  } = props;
-  const { t } = useTranslation();
-  const history = useHistory();
-  const tenantId = Digit.ULBService.getCurrentTenantId();
-  const FilterComponent = Digit.ComponentRegistryService?.getComponent(filterComponent);
-
-  // State for Review Modal
-  const [selectedKno, setSelectedKno] = useState("");
-  const { data: reviewData, getReview } = Digit.Hooks.ekyc.useEkycAPI("review", tenantId);
-  const handleReview = (kno) => {
-    setSelectedKno(kno);
-    getReview({ kno });
-  };
-
-  React.useEffect(() => {
-    if (reviewData) {
-      history.push("/digit-ui/employee/ekyc/review", { kNumber: selectedKno, aadhaarData: reviewData?.aadhaarData, reviewData });
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [reviewData]);
-
-  const columns = useMemo(
-    () => [
-      {
-        Header: t("EKYC_APPLICATION_NO"),
-        accessor: "applicationNumber",
-        Cell: ({ row }) => {
-          const kno = row.original?.kno || row.original?.applicationNumber || "NA";
-          return (
-            <span
-              className="ekyc-application-link"
-              style={{ color: "#add8f7", cursor: "pointer", fontWeight: "bold" }}
-              onClick={() => handleReview(kno)}
-            >
-              {kno}
-            </span>
-          );
-        },
-      },
-      {
-        Header: t("EKYC_CITIZEN_NAME"),
-        accessor: "citizenName",
-        Cell: ({ row }) => <span>{row.original?.citizenName || "NA"}</span>,
-      },
-      // {
-      //   Header: t("EKYC_MOBILE_NO"),
-      //   accessor: "mobileNumber",
-      //   Cell: ({ row }) => <span>{row.original?.mobileNumber || "NA"}</span>,
-      // },
-      {
-        Header: t("EKYC_STATUS"),
-        accessor: "actionStatus",
-        Cell: ({ row }) => {
-          const status = row.original?.status || "DEFAULT";
-          return <span className={`ekyc-status-tag ${status}`}>{t(`${status}`)}</span>;
-        },
-      },
-      {
-        Header: t("EKYC_EKYC_STATUS"),
-        accessor: "ekycStatus",
-        Cell: ({ row }) => {
-          const ekycStatus = (row.original?.ekycStatus || row.original?.ekycstatus || "NA").toUpperCase();
-          return <span className={`ekyc-status-tag ${ekycStatus}`}>{t(`${ekycStatus}`)}</span>
-        }
-      },
-      {
-        Header: t("EKYC_ACTION"),
-        accessor: "status",
-        Cell: ({ row }) => {
-          const kno = row.original?.kno || row.original?.applicationNumber || "NA";
-          return (
-            <span
-              className="ekyc-application-link"
-              style={{ color: "#add8f7", cursor: "pointer", fontWeight: "bold" }}
-              onClick={() => handleReview(kno)}
-            >
-              {t("EKYC_REVIEW")}
-            </span>
-          );
-        },
-      },
-    ],
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [t, parentRoute]
-  );
-
-  const tableData = useMemo(() => {
-    return data?.items || (Array.isArray(data) ? data : []);
-  }, [data]);
-
-  return (
-    <div className="app-container">
-      <div className="inbox-container">
-        {isLoading && <Loader />}
-        <div className="side-panel-item">
-          {/* Sidebar Title Card */}
-
-          <InboxLinks headerText={props.moduleCode} />
-
-          {FilterComponent && (
-            <FilterComponent
-              defaultSearchParams={props.defaultSearchParams}
-              onFilterChange={props.onSearch}
-              searchParams={searchParams}
-              type="desktop"
-              moduleCode="EKYC"
-            />
-          )}
-        </div>
-
-        <div className="employee-form-content" style={{ flex: 1 }}>
-          {/* Header Section (retaining for context/actions) */}
-          {/* <div className="ekyc-header-container module-header" style={{ marginBottom: "16px", display: "flex", justifyContent: "space-between", alignItems: "center" }}>
-                    <Header className="title" style={{ margin: 0 }}>{t("EKYC_INBOX_HEADER")}</Header>
-                    <Link to={`${parentRoute}/create-kyc`}>
-                        <SubmitBar label={t("EKYC_CREATE_KYC")} style={{ borderRadius: "8px" }} />
-                    </Link>
-                </div> */}
-
-          {/* Metrics Section (The Card) */}
-          <Card className="ekyc-metrics-card">
-            <StatusCards countData={countData} />
-          </Card>
-
-          {/* Table Section */}
-          <div className="result" style={{ flex: 1 }}>
-            <Card className="ekyc-table-card" style={{ padding: 0 }}>
-              <Table
-                t={t}
-                data={tableData}
-                columns={columns}
-                isLoading={isLoading}
-                onSort={onSort}
-                sortParams={sortParams}
-                totalRecords={totalRecords}
-                onNextPage={onNextPage}
-                onPrevPage={onPrevPage}
-                currentPage={currentPage}
-                pageSizeLimit={pageSizeLimit}
-                onPageSizeChange={onPageSizeChange}
-                getCellProps={(cellInfo) => {
-                  return {
-                    className: "ekyc-table-cell",
-                  };
-                }}
-              />
-            </Card>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default DesktopInbox;

package/src/components/EKYCCard.js

@@ -1,53 +0,0 @@
-import { PersonIcon, EmployeeModuleCard } from "@djb25/digit-ui-react-components";
-import React from "react";
-import { useTranslation } from "react-i18next";
-
-const EKYCCard = () => {
-  const { t } = useTranslation();
-
-  const propsForModuleCard = {
-    Icon: <PersonIcon />,
-    moduleName: t("ACTION_TEST_EKYC"),
-    kpis: [
-      {
-        count: "-",
-        label: t("TOTAL_EKYC"),
-        link: `/digit-ui/employee/ekyc/dashboard`,
-      },
-    ],
-    links: [
-      {
-        label: t("CEO_M.F_DOR_FINANCE_VIEW"),
-        link: `/digit-ui/employee/ekyc/ceo-dashboard`,
-      },
-      // {
-      //   label: t("EKYC_DASHBOARD"),
-      //   link: `/digit-ui/employee/ekyc/dashboard`,
-      // },
-      {
-        label: t("EKYC_INBOX"),
-        link: `/digit-ui/employee/ekyc/inbox`,
-      },
-      // {
-      //     label: t("EKYC_CREATE_KYC"),
-      //     link: `/digit-ui/employee/ekyc/create-kyc`
-      // },
-      // {
-      //     label: t("EKYC_UPDATE_KYC"),
-      //     link: `/digit-ui/employee/ekyc/update-kyc`
-      // },
-      // {
-      //   label: t("EKYC_MAPPING"),
-      //   link: `/digit-ui/employee/ekyc/mapping`,
-      // },
-      {
-        label: t("EKYC_ASSIGN"),
-        link: `/digit-ui/employee/ekyc/assign`,
-      },
-    ],
-  };
-
-  return <EmployeeModuleCard {...propsForModuleCard} />;
-};
-
-export default EKYCCard;

package/src/components/Filter.js

@@ -1,55 +0,0 @@
-import React, { useState } from "react";
-import { Dropdown, FilterForm, FilterFormField } from "@djb25/digit-ui-react-components";
-import { useTranslation } from "react-i18next";
-
-const Filter = ({ searchParams, onFilterChange, defaultSearchParams, statusMap, moduleCode, ...props }) => {
-  const { t } = useTranslation();
-
-  const [_searchParams, setSearchParams] = useState(() => ({ ...searchParams }));
-
-  const applyLocalFilters = () => {
-    onFilterChange(_searchParams);
-  };
-
-  const clearAll = () => {
-    setSearchParams({ ...defaultSearchParams });
-    onFilterChange({ ...defaultSearchParams });
-  };
-
-  const onStatusChange = (value) => {
-    const newParams = { ..._searchParams, status: value };
-    setSearchParams(newParams);
-    onFilterChange(newParams);
-  };
-
-  return (
-    <FilterForm
-      onSubmit={applyLocalFilters}
-      handleSubmit={(fn) => (e) => {
-        e && e.preventDefault();
-        fn();
-      }}
-      onResetFilterForm={clearAll}
-      id="ekyc-filter-form"
-      onMobileExclusiveFilterPopupFormClose={props.onClose}
-    >
-      <FilterFormField>
-        <div className="filter-label" style={{ fontWeight: "normal" }}>
-          {t("EKYC_STATUS")}:
-        </div>
-        <Dropdown
-          option={[
-            { label: t("EKYC_STATUS_ALL"), value: "" },
-            { label: t("EKYC_STATUS_ACTIVE"), value: "ACTIVE" },
-            { label: t("EKYC_STATUS_PENDING"), value: "PENDING START" },
-          ]}
-          optionKey="label"
-          select={onStatusChange}
-          selected={_searchParams?.status || { label: t("EKYC_STATUS_ALL"), value: "" }}
-        />
-      </FilterFormField>
-    </FilterForm>
-  );
-};
-
-export default Filter;

package/src/components/MeterDetails.js

@@ -1,336 +0,0 @@
-import React, { useState, Fragment, useEffect } from "react";
-import { useLocation } from "react-router-dom";
-import { Toast, Loader, FormComposer } from "@djb25/digit-ui-react-components";
-import { useTranslation } from "react-i18next";
-import MeterDetailsConfig from "../config/MeterDetailsConfig";
-
-const MeterDetails = ({ config, onSelect, formData }) => {
-  const { t } = useTranslation();
-  const location = useLocation();
-  const flowState = location.state || {};
-  const tenantId = Digit.ULBService.getCurrentTenantId();
-
-  const queryParams = new URLSearchParams(location.search);
-  const urlKno = queryParams.get("kno");
-  const searchKno =
-    urlKno ||
-    flowState?.kNumber ||
-    flowState?.kno ||
-    formData?.kNumber ||
-    formData?.kno ||
-    sessionStorage.getItem("EKYC_K_NUMBER");
-
-  const { isLoading, data: searchData } = Digit.Hooks.ekyc.useSearchConnection(
-    { tenantId, details: { kno: searchKno, fetchType: "METER" } },
-    { enabled: !!searchKno, cacheTime: 0 }
-  );
-
-  const updateMutation = Digit.Hooks.ekyc.useEkycUpdate(tenantId);
-
-  const savedData = formData?.meterDetails || {};
-
-  // 🔹 STATES
-  const [meterPhoto, setMeterPhoto] = useState(null);
-  const [meterPhotoId, setMeterPhotoId] = useState(savedData.meterPhotoId || null);
-  const [toast, setToast] = useState(null);
-  const [isDataLoaded, setIsDataLoaded] = useState(false);
-  const [canSubmit, setCanSubmit] = useState(false);
-
-  const [defaultValues, setDefaultValues] = useState(() => ({
-    connectionCategory: savedData.connectionCategory || "",
-    saType: savedData.saType || "",
-    status: savedData.status || "",
-    mrCode: savedData.mrCode || "",
-    areaCode: savedData.areaCode || "",
-    mrKey: savedData.mrKey || "",
-    meterNumber: savedData.meterNumber || "",
-    meterMaker: savedData.meterMaker || "",
-    meterStatus: savedData.meterStatus ? { name: savedData.meterStatus } : null,
-    meterCondition: savedData.meterCondition ? { name: savedData.meterCondition } : null,
-    meterLocation: savedData.meterLocation ? { name: savedData.meterLocation } : null,
-    lastBillReceived: savedData.lastBillReceived ? { name: savedData.lastBillReceived } : null,
-    billMonthYear: savedData.billMonthYear ? { name: savedData.billMonthYear } : null,
-    reason: savedData.reason || "",
-    accessToMeter: savedData.accessToMeter ? { name: savedData.accessToMeter } : null,
-    sewerConnection: savedData.sewerConnection ? { name: savedData.sewerConnection } : null,
-    septicTank: savedData.septicTank ? { name: savedData.septicTank } : null,
-    meterPhoto: savedData.meterPhotoId ? "Uploaded" : null,
-  }));
-
-  const [localFormData, setLocalFormData] = useState(defaultValues);
-
-  const extractApplicationData = (searchData) => {
-    if (!searchData) return null;
-    const reviewWrapper =
-      searchData?.applicationReviewInfo || searchData?.applicationReview || searchData;
-    const applicationData = (Array.isArray(reviewWrapper) ? reviewWrapper[0] : reviewWrapper) || {};
-    return applicationData?.newData || applicationData;
-  };
-
-  useEffect(() => {
-    const appData = extractApplicationData(searchData);
-    const rawData = appData || formData?.connectionDetails;
-    const apiMeter = rawData?.meterDetails || rawData || {};
-
-    if (apiMeter && Object.keys(apiMeter).length > 0 && !isDataLoaded) {
-      let mStatus = null;
-      let mCondition = null;
-      let mLoc = null;
-      let billRec = null;
-      let billMonYr = null;
-      let accToMeter = null;
-      let sewerConn = null;
-      let sepTank = null;
-
-      if (apiMeter.meterStatus) {
-        const matchingStatus = [
-          { name: "Metered" },
-          { name: "Unmetered" },
-          { name: "Can not be identified" },
-        ].find((o) => o.name.toLowerCase() === apiMeter.meterStatus.toLowerCase());
-        if (matchingStatus) mStatus = matchingStatus;
-        else mStatus = { name: apiMeter.meterStatus };
-      } else if (apiMeter.metered !== undefined) {
-        mStatus = { name: apiMeter.metered ? "Metered" : "Unmetered" };
-      }
-
-      if (apiMeter.meterCondition) {
-        const matchingCond = [{ name: "Damaged" }, { name: "Not-Damaged" }].find(
-          (o) => o.name.toLowerCase() === apiMeter.meterCondition.toLowerCase()
-        );
-        if (matchingCond) mCondition = matchingCond;
-        else mCondition = { name: apiMeter.meterCondition };
-      }
-
-      if (apiMeter.meterLocation) {
-        const matchingLoc = [{ name: "Inside" }, { name: "Outside" }].find(
-          (o) =>
-            o.name.toLowerCase() === apiMeter.meterLocation.toLowerCase() ||
-            apiMeter.meterLocation.toLowerCase().includes(o.name.toLowerCase())
-        );
-        if (matchingLoc) mLoc = matchingLoc;
-        else mLoc = { name: apiMeter.meterLocation };
-      }
-
-      if (apiMeter.lastBillRaised !== undefined && apiMeter.lastBillRaised !== null) {
-        const strVal = String(apiMeter.lastBillRaised).toLowerCase();
-        if (strVal === "true" || strVal === "yes") billRec = { name: "Yes" };
-        else billRec = { name: "No" };
-      }
-
-      if (apiMeter.lastBillReceivedDate) {
-        const formatted = apiMeter.lastBillReceivedDate.replace("-", "/");
-        const parsedParts = formatted.split("/");
-        if (parsedParts.length === 2) {
-          const mon = parseInt(parsedParts[0], 10);
-          const yr = parseInt(parsedParts[1], 10);
-          billMonYr = { name: `${mon}/${yr}` };
-        } else {
-          billMonYr = { name: apiMeter.lastBillReceivedDate };
-        }
-      }
-
-      if (apiMeter.accessToMeter !== undefined && apiMeter.accessToMeter !== null) {
-        const strVal = String(apiMeter.accessToMeter).toLowerCase();
-        if (strVal === "true" || strVal === "yes") accToMeter = { name: "Yes" };
-        else accToMeter = { name: "No" };
-      }
-
-      if (apiMeter.sewerConnection !== undefined && apiMeter.sewerConnection !== null) {
-        const strVal = String(apiMeter.sewerConnection).toLowerCase();
-        if (strVal === "true" || strVal === "yes") sewerConn = { name: "Yes" };
-        else sewerConn = { name: "No" };
-      }
-
-      if (apiMeter.septicTank !== undefined && apiMeter.septicTank !== null) {
-        const strVal = String(apiMeter.septicTank).toLowerCase();
-        if (strVal === "true" || strVal === "yes") sepTank = { name: "Yes" };
-        else sepTank = { name: "No" };
-      }
-
-      const updatedDefaults = {
-        connectionCategory: savedData.connectionCategory || apiMeter.connectionCategory || "",
-        saType: savedData.saType || apiMeter.saType || "",
-        status: savedData.status || apiMeter.statusFlag || "",
-        mrCode: savedData.mrCode || (apiMeter.mrcode ? String(apiMeter.mrcode) : ""),
-        areaCode: savedData.areaCode || (apiMeter.areacode ? String(apiMeter.areacode) : ""),
-        mrKey: savedData.mrKey || (apiMeter.mrkey ? String(apiMeter.mrkey) : ""),
-        meterNumber: savedData.meterNumber || apiMeter.meterNumber || "",
-        meterMaker: savedData.meterMaker || apiMeter.meterMake || "",
-        meterStatus: savedData.meterStatus ? { name: savedData.meterStatus } : mStatus,
-        meterCondition: savedData.meterCondition ? { name: savedData.meterCondition } : mCondition,
-        meterLocation: savedData.meterLocation ? { name: savedData.meterLocation } : mLoc,
-        lastBillReceived: savedData.lastBillReceived ? { name: savedData.lastBillReceived } : billRec,
-        billMonthYear: savedData.billMonthYear ? { name: savedData.billMonthYear } : billMonYr,
-        reason: savedData.reason || apiMeter.lastBillNotRaisedReason || "",
-        accessToMeter: savedData.accessToMeter ? { name: savedData.accessToMeter } : accToMeter,
-        sewerConnection: savedData.sewerConnection ? { name: savedData.sewerConnection } : sewerConn,
-        septicTank: savedData.septicTank ? { name: savedData.septicTank } : sepTank,
-        meterPhoto: savedData.meterPhotoId || apiMeter.meterPhotoFileStoreId || null,
-      };
-
-      setDefaultValues(updatedDefaults);
-      setLocalFormData(updatedDefaults);
-      if (updatedDefaults.meterPhoto) {
-        setMeterPhotoId(updatedDefaults.meterPhoto);
-      }
-      setIsDataLoaded(true);
-    }
-  }, [searchData, formData?.connectionDetails, isDataLoaded]);
-
-  // 🔹 FILE UPLOAD
-  const handleUpload = async (e, onChange) => {
-    const file = e.target.files[0];
-    if (!file) return;
-
-    if (file.size > 2000000) {
-      setToast({ type: "error", message: t("Max size 2MB exceeded") });
-      return;
-    }
-
-    try {
-      const res = await Digit.UploadServices.Filestorage("EKYC", file, tenantId);
-      const fileStoreId = res?.data?.files?.[0]?.fileStoreId;
-
-      if (fileStoreId) {
-        onChange(file.name);
-        setMeterPhotoId(fileStoreId);
-
-        const reader = new FileReader();
-        reader.onloadend = () => setMeterPhoto(reader.result);
-        reader.readAsDataURL(file);
-
-        setToast({ type: "success", message: t("Upload successful") });
-      }
-    } catch {
-      setToast({ type: "error", message: t("Upload failed") });
-    }
-  };
-
-  const onFormValueChange = (setValue, data) => {
-    const meterStatusChanged =
-      (data?.meterStatus?.name || data?.meterStatus) !==
-      (localFormData?.meterStatus?.name || localFormData?.meterStatus);
-
-    const lastBillReceivedChanged =
-      (data?.lastBillReceived?.name || data?.lastBillReceived) !==
-      (localFormData?.lastBillReceived?.name || localFormData?.lastBillReceived);
-
-    const sewerConnectionChanged =
-      (data?.sewerConnection?.name || data?.sewerConnection) !==
-      (localFormData?.sewerConnection?.name || localFormData?.sewerConnection);
-
-    if (meterStatusChanged || lastBillReceivedChanged || sewerConnectionChanged) {
-      setLocalFormData((prev) => ({
-        ...prev,
-        ...data,
-      }));
-    }
-
-    // Determine validation
-    const connCatVal = data?.connectionCategory;
-    const mStatusVal = data?.meterStatus;
-    const mLocVal = data?.meterLocation;
-    const billRecVal = data?.lastBillReceived;
-    const sewerConnVal = data?.sewerConnection;
-    const mPhotoId = meterPhotoId || data?.meterPhoto;
-    const reasonVal = data?.reason;
-    const billMonYrVal = data?.billMonthYear;
-    const sepTankVal = data?.septicTank;
-
-    let valid = true;
-    if (!connCatVal) valid = false;
-    if (!mStatusVal) valid = false;
-    if (!mLocVal) valid = false;
-    if (!billRecVal) valid = false;
-    if (!sewerConnVal) valid = false;
-
-    if (mStatusVal?.name === "Metered" && !mPhotoId) valid = false;
-    if (billRecVal?.name === "No" && !reasonVal) valid = false;
-    if (billRecVal?.name === "Yes" && !billMonYrVal) valid = false;
-    if (sewerConnVal?.name === "No" && !sepTankVal) valid = false;
-
-    if (valid !== canSubmit) {
-      setCanSubmit(valid);
-    }
-  };
-
-  const onSubmit = async (data) => {
-    const submitData = {
-      connectionCategory: data.connectionCategory,
-      saType: data.saType,
-      status: data.status,
-      mrCode: data.mrCode,
-      areaCode: data.areaCode,
-      mrKey: data.mrKey,
-      meterNumber: data.meterNumber,
-      meterMaker: data.meterMaker,
-      meterStatus: data.meterStatus?.name || data.meterStatus,
-      meterCondition: data.meterCondition?.name || data.meterCondition,
-      meterLocation: data.meterLocation?.name || data.meterLocation,
-      lastBillReceived: data.lastBillReceived?.name || data.lastBillReceived,
-      billMonthYear: data.billMonthYear?.name || data.billMonthYear,
-      reason: data.reason,
-      accessToMeter: data.accessToMeter?.name || data.accessToMeter,
-      sewerConnection: data.sewerConnection?.name || data.sewerConnection,
-      septicTank: data.septicTank?.name || data.septicTank,
-      meterPhotoId: meterPhotoId,
-    };
-
-    try {
-      await updateMutation.mutateAsync({
-        RequestInfo: {},
-        updateType: "METER",
-        kno: searchKno,
-        ...submitData,
-      });
-      setToast({ type: "success", message: t("Meter details updated successfully!") });
-      onSelect(config.key, submitData);
-    } catch (error) {
-      setToast({ type: "error", message: t("Failed to update meter details") });
-    }
-  };
-
-  if (isLoading) {
-    return <Loader />;
-  }
-
-  const Config = MeterDetailsConfig(
-    t,
-    localFormData,
-    handleUpload,
-    meterPhoto,
-    meterPhotoId,
-    setMeterPhoto,
-    setMeterPhotoId
-  );
-
-  return (
-    <Fragment>
-      <FormComposer
-        key={isDataLoaded ? "loaded" : "loading"}
-        isDisabled={!canSubmit}
-        label={t("ES_COMMON_CONTINUE")}
-        config={Config.map((item) => ({
-          ...item,
-          isCollapsible: true,
-          isDefaultOpen: true,
-        }))}
-        onSubmit={onSubmit}
-        defaultValues={defaultValues}
-        onFormValueChange={onFormValueChange}
-        noCard={false}
-        submitInForm={true}
-      />
-      {toast && (
-        <Toast
-          error={toast.type === "error"}
-          label={toast.message}
-          onClose={() => setToast(null)}
-        />
-      )}
-    </Fragment>
-  );
-};
-
-export default MeterDetails;

package/src/components/MobileInbox.js

@@ -1,73 +0,0 @@
-import React from "react";
-import { useTranslation } from "react-i18next";
-import { Header, Card, SubmitBar, DetailsCard, Loader } from "@djb25/digit-ui-react-components";
-import { Link } from "react-router-dom";
-import SearchConsumer from "./SearchConsumer";
-import StatusCards from "./StatusCards";
-
-const MobileInbox = ({
-    data,
-    isLoading,
-    onSearch,
-    searchParams,
-    parentRoute,
-    countData,
-}) => {
-    const { t } = useTranslation();
-
-    const mobileData = data?.items?.map((item) => ({
-        [t("EKYC_APPLICATION_NO")]: item.applicationNumber,
-        [t("EKYC_CITIZEN_NAME")]: item.citizenName,
-        [t("EKYC_MOBILE_NO")]: item.mobileNumber,
-        [t("EKYC_STATUS")]: (
-            <span className={`ekyc-status-tag ${item.status}`}>
-                {t(`EKYC_STATUS_${item.status}`)}
-            </span>
-        ),
-    })) || [];
-
-    return (
-        <div className="inbox-wrapper">
-            <div className="ekyc-header-container module-header">
-                <Header className="title">{t("EKYC_INBOX_HEADER")}</Header>
-                <Link to={`${parentRoute}/create-kyc`}>
-                    <SubmitBar label={t("EKYC_CREATE_KYC")} />
-                </Link>
-            </div>
-
-            <div className="ekyc-metrics-section">
-                <StatusCards countData={countData} />
-            </div>
-
-            <SearchConsumer
-                onSearch={onSearch}
-                searchParams={searchParams}
-            />
-
-            <div className="mobile-data-container">
-                {isLoading ? (
-                    <Loader />
-                ) : mobileData?.length > 0 ? (
-                    <DetailsCard
-                        data={mobileData}
-                        t={t}
-                        serviceRequestIdKey={t("EKYC_APPLICATION_NO")}
-                        linkPrefix={`${parentRoute}/application-details/`}
-                    />
-                ) : (
-                    <Card>
-                        {t("ES_COMMON_NO_DATA")
-                            .split("\\n")
-                            .map((text, index) => (
-                                <p key={index} style={{ textAlign: "center" }}>
-                                    {text}
-                                </p>
-                            ))}
-                    </Card>
-                )}
-            </div>
-        </div>
-    );
-};
-
-export default MobileInbox;