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

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "@djb25/digit-ui-module-ekyc",
-  "version": "1.0.30",
+  "version": "1.0.32",
   "description": "Digit UI Module for Ekyc",
   "main": "dist/index.js",
   "module": "dist/index.modern.js",
   "source": "src/Module.js",
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "start": "microbundle-crl watch --no-compress --format modern,cjs",
     "build": "microbundle-crl --compress --no-sourcemap --format cjs",

package/dist/index.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);
-}
-
-._Dashboard__glass-card__wTVvO {
-  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);
-}
-
-._Dashboard__glass-card__wTVvO:hover {
-  transform: translateY(-5px);
-  box-shadow: var(--card-hover-shadow);
-  border-color: rgba(255, 255, 255, 0.5);
-}
-
-._Dashboard__gradient-text__1Dy6T {
-  background: var(--primary-gradient);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  font-weight: 800;
-}
-
-@keyframes _Dashboard__fadeInScale__3MfMq {
-  from {
-    opacity: 0;
-    transform: scale(0.95) translateY(10px);
-  }
-
-  to {
-    opacity: 1;
-    transform: scale(1) translateY(0);
-  }
-}
-
-._Dashboard__animate-fade-in__1enKM {
-  animation: _Dashboard__fadeInScale__3MfMq 0.6s ease-out forwards;
-}

package/src/Module.js

@@ -1,78 +0,0 @@
-import React, { useEffect } from "react";
-import { useTranslation } from "react-i18next";
-import { useRouteMatch } from "react-router-dom";
-import { CitizenHomeCard, DocumentIcon, Loader } from "@djb25/digit-ui-react-components";
-import EKYCCard from "./components/EKYCCard";
-import Inbox from "./components/Dashboard";
-import DesktopInbox from "./components/DesktopInbox";
-import MobileInbox from "./components/MobileInbox";
-import Filter from "./components/Filter";
-import EmployeeApp from "./pages/employee";
-import CitizenApp from "./pages/citizen";
-import PropertyInfo from "./components/PropertyInfo";
-import MeterDetails from "./components/MeterDetails";
-import AadhaarVerification from "./components/AadhaarVerification";
-
-export const EkycModule = ({ stateCode, userType, tenants }) => {
-  const { path, url } = useRouteMatch();
-  const moduleCode = "EKYC";
-  const language = Digit.StoreData.getCurrentLanguage();
-  const { isLoading } = Digit.Services.useStore({ stateCode, moduleCode, language });
-
-  Digit.SessionStorage.set("EKYC_TENANTS", tenants);
-
-  useEffect(
-    () =>
-      Digit.LocalizationService.getLocale({
-        modules: [`rainmaker-ekyc`, `rainmaker-${Digit.ULBService.getCurrentTenantId()}`],
-        locale: Digit.StoreData.getCurrentLanguage(),
-        tenantId: Digit.ULBService.getCurrentTenantId(),
-      }),
-    []
-  );
-
-  if (isLoading) {
-    return <Loader page={true} />;
-  }
-
-  if (userType === "employee") {
-    return <EmployeeApp path={path} url={url} userType={userType} tenants={tenants} />;
-  } else return <CitizenApp />;
-};
-
-export const EkycLinks = ({ matchPath, userType }) => {
-  const { t } = useTranslation();
-  const links = [
-    {
-      link: `${matchPath}/create-kyc`,
-      i18nKey: t("EKYC_CREATE_KYC"),
-    },
-    {
-      link: `${matchPath}/update-kyc`,
-      i18nKey: t("EKYC_UPDATE_KYC"),
-    },
-  ];
-
-  return <CitizenHomeCard header={t("EKYC_MODULE_NAME")} links={links} Icon={() => <DocumentIcon className="fill-path-primary-main" />} />;
-};
-
-const componentsToRegister = {
-  EKYCModule: EkycModule,
-  EKYCCard,
-  EKYCInbox: Inbox,
-  EKYCDesktopInbox: DesktopInbox,
-  EKYCMobileInbox: MobileInbox,
-  EKYC_INBOX_FILTER: (props) => <Filter {...props} />,
-  EkycLinks,
-  AadhaarVerification,
-  PropertyInfo,
-  MeterDetails,
-};
-
-export const initEkycComponents = () => {
-  Object.entries(componentsToRegister).forEach(([key, value]) => {
-    Digit.ComponentRegistryService.setComponent(key, value);
-  });
-};
-
-export default EkycModule;

package/src/components/AadhaarVerification.js

@@ -1,315 +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 AadhaarVerificationConfig from "../config/AadhaarVerificationConfig";
-
-const AadhaarVerification = ({ 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: "CONNECTION" } },
-    { enabled: !!searchKno, cacheTime: 0 }
-  );
-
-  const updateMutation = Digit.Hooks.ekyc.useEkycUpdate(tenantId);
-
-  const savedData = formData?.aadhaarVerification || {};
-
-  // 🔹 STATES
-  const [documentId, setDocumentId] = useState(savedData.documentId || null);
-  const [documentProof, setDocumentProof] = useState(savedData.documentProof || null);
-  const [toast, setToast] = useState(null);
-  const [isDataLoaded, setIsDataLoaded] = useState(false);
-  const [canSubmit, setCanSubmit] = useState(false);
-
-  const [defaultValues, setDefaultValues] = useState(() => ({
-    kno: savedData.kno || searchKno || "",
-    consumerType: savedData.consumerType ? { name: savedData.consumerType } : null,
-    occupantType: savedData.occupantType ? { name: savedData.occupantType } : null,
-    categoryType: savedData.categoryType ? { name: savedData.categoryType } : null,
-    firstName: savedData.firstName || "",
-    middleName: savedData.middleName || "",
-    lastName: savedData.lastName || "",
-    gender: savedData.gender ? { name: savedData.gender } : null,
-    parentSpouseName: savedData.parentSpouseName || "",
-    mobile: savedData.mobile || "",
-    whatsapp: savedData.whatsapp || "",
-    email: savedData.email || "",
-    residents: savedData.residents || "",
-    identityType: savedData.identityType ? { name: savedData.identityType } : null,
-    documentNumber: savedData.documentNumber || "",
-    informantIsConsumer: savedData.informantIsConsumer ?? true,
-    informantName: savedData.informantName || "",
-    informantRelation: savedData.informantRelation || "",
-    documentId: savedData.documentId || null,
-    documentProof: savedData.documentProof || null,
-    idFile: savedData.idFile || null,
-    ownerMobile: savedData.ownerMobile || "",
-    tenantVerification: savedData.tenantVerification || "",
-    designation: savedData.designation || "",
-    department: savedData.department || "",
-    employeeId: savedData.employeeId || "",
-    entityName: savedData.entityName || "",
-    contactPerson: savedData.contactPerson || "",
-    consent: savedData.consent || false,
-  }));
-
-  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 details = rawData?.connectionDetails || rawData || {};
-    const addrDetails = rawData?.addressDetails || {};
-
-    if (details && Object.keys(details).length > 0 && !isDataLoaded) {
-      let fName = "";
-      let mName = "";
-      let lName = "";
-
-      if (details.firstName) {
-        fName = details.firstName;
-        mName = details.middleName || "";
-        lName = details.lastName || "";
-      } else if (details.consumerName) {
-        const parts = details.consumerName.trim().split(/\s+/);
-        fName = parts[0] || "";
-        if (parts.length === 2) lName = parts[1];
-        if (parts.length > 2) {
-          mName = parts.slice(1, -1).join(" ");
-          lName = parts[parts.length - 1];
-        }
-      }
-
-      const updatedDefaults = {
-        kno: savedData.kno || searchKno || "",
-        consumerType: savedData.consumerType
-          ? { name: savedData.consumerType }
-          : details.consumerType
-            ? { name: details.consumerType }
-            : null,
-        occupantType: savedData.occupantType
-          ? { name: savedData.occupantType }
-          : details.occupantType
-            ? { name: details.occupantType }
-            : null,
-        categoryType: savedData.categoryType ? { name: savedData.categoryType } : null,
-        firstName: savedData.firstName || fName,
-        middleName: savedData.middleName || mName,
-        lastName: savedData.lastName || lName,
-        gender: savedData.gender
-          ? { name: savedData.gender }
-          : details.gender
-            ? { name: details.gender }
-            : null,
-        parentSpouseName: savedData.parentSpouseName || details.parentSpouse || "",
-        mobile: savedData.mobile || details.phoneNumber || addrDetails.mobileNo || "",
-        whatsapp: savedData.whatsapp || addrDetails.whatsappNo || "",
-        email: savedData.email || details.email || addrDetails.email || "",
-        residents: savedData.residents || (addrDetails.noOfPerson ? String(addrDetails.noOfPerson) : ""),
-        identityType: savedData.identityType ? { name: savedData.identityType } : null,
-        documentNumber: savedData.documentNumber || "",
-        informantIsConsumer: savedData.informantIsConsumer ?? true,
-        informantName: savedData.informantName || details.informantName || "",
-        informantRelation: savedData.informantRelation || details.informantRelation || "",
-        documentId: savedData.documentId || details.documentNumber || null,
-        documentProof: savedData.documentProof || null,
-        idFile: savedData.idFile || null,
-        ownerMobile: savedData.ownerMobile || "",
-        tenantVerification: savedData.tenantVerification || "",
-        designation: savedData.designation || "",
-        department: savedData.department || "",
-        employeeId: savedData.employeeId || "",
-        entityName: savedData.entityName || "",
-        contactPerson: savedData.contactPerson || "",
-        consent: savedData.consent || false,
-      };
-
-      setDefaultValues(updatedDefaults);
-      setLocalFormData(updatedDefaults);
-      if (updatedDefaults.documentId) {
-        setDocumentId(updatedDefaults.documentId);
-      }
-      if (updatedDefaults.documentProof) {
-        setDocumentProof(updatedDefaults.documentProof);
-      }
-      setIsDataLoaded(true);
-    }
-  }, [searchData, formData?.connectionDetails, isDataLoaded]);
-
-  // 🔹 FILE UPLOAD
-  const handleUploadProof = 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);
-        setDocumentProof(file.name);
-        setDocumentId(fileStoreId);
-        setToast({ type: "success", message: t("Upload successful") });
-      }
-    } catch {
-      setToast({ type: "error", message: t("Upload failed") });
-    }
-  };
-
-  const onFormValueChange = (setValue, data) => {
-    // Avoid updating states on every keypress unless they affect conditional visibility
-    const consumerTypeChanged =
-      (data?.consumerType?.name || data?.consumerType) !==
-      (localFormData?.consumerType?.name || localFormData?.consumerType);
-    const occupantTypeChanged =
-      (data?.occupantType?.name || data?.occupantType) !==
-      (localFormData?.occupantType?.name || localFormData?.occupantType);
-    const informantIsConsumerChanged = data?.informantIsConsumer !== localFormData?.informantIsConsumer;
-
-    if (consumerTypeChanged || occupantTypeChanged || informantIsConsumerChanged) {
-      setLocalFormData((prev) => ({
-        ...prev,
-        ...data,
-      }));
-    }
-
-    // Determine validation
-    const knoVal = data?.kno || searchKno;
-    const consumerTypeVal = data?.consumerType;
-    const occupantTypeVal = data?.occupantType;
-    const categoryTypeVal = data?.categoryType;
-    const firstNameVal = data?.firstName;
-    const mobileVal = data?.mobile;
-    const residentsVal = data?.residents;
-    const consentVal = data?.consent;
-    const docId = data?.documentId || documentId;
-    const ownerMobileVal = data?.ownerMobile;
-
-    let valid = true;
-    if (!knoVal) valid = false;
-    if (!consumerTypeVal) valid = false;
-    if (!occupantTypeVal) valid = false;
-    if (!categoryTypeVal) valid = false;
-    if (!firstNameVal) valid = false;
-    if (!mobileVal || !/^[6-9]\d{9}$/.test(mobileVal)) valid = false;
-    if (!residentsVal || Number(residentsVal) <= 0) valid = false;
-    if (occupantTypeVal?.name === "Tenanted" && !docId && !ownerMobileVal) valid = false;
-    if (!consentVal) valid = false;
-
-    if (valid !== canSubmit) {
-      setCanSubmit(valid);
-    }
-  };
-
-  const onSubmit = async (data) => {
-    const submitData = {
-      kno: data.kno || searchKno,
-      consumerType: data.consumerType?.name || data.consumerType,
-      occupantType: data.occupantType?.name || data.occupantType,
-      categoryType: data.categoryType?.name || data.categoryType,
-      consumerName: data.consumerName || `${data.firstName || ""} ${data.middleName || ""} ${data.lastName || ""}`.trim(),
-      firstName: data.firstName,
-      middleName: data.middleName,
-      lastName: data.lastName,
-      gender: data.gender?.name || data.gender,
-      parentSpouseName: data.parentSpouseName,
-      relation: data.relation || savedData.relation || "",
-      mobile: data.mobile,
-      whatsapp: data.whatsapp,
-      email: data.email,
-      residents: data.residents,
-      documentId: documentId,
-      documentProof: documentProof,
-      ownerMobile: data.ownerMobile,
-      tenantVerification: data.tenantVerification,
-      designation: data.designation,
-      department: data.department,
-      employeeId: data.employeeId,
-      landline: data.landline || savedData.landline || "",
-      entityRelation: data.entityRelation || savedData.entityRelation || "",
-      contactPerson: data.contactPerson,
-      entityName: data.entityName,
-      idProof: data.identityType?.name || data.identityType,
-      idNumber: data.documentNumber,
-      consent: data.consent,
-      informantIsConsumer: data.informantIsConsumer ?? true,
-      informantName: data.informantName,
-      informantRelation: data.informantRelation,
-    };
-
-    try {
-      await updateMutation.mutateAsync({
-        RequestInfo: {},
-        updateType: "CONSUMER",
-        ...submitData,
-      });
-      setToast({ type: "success", message: t("Data updated successfully!") });
-      onSelect(config.key, submitData);
-    } catch (error) {
-      setToast({ type: "error", message: t("Failed to update consumer details") });
-    }
-  };
-
-  if (isLoading) {
-    return <Loader />;
-  }
-
-  const Config = AadhaarVerificationConfig(t, localFormData, handleUploadProof, setDocumentId, documentId);
-
-  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 AadhaarVerification;

package/src/components/AssignEkyc.js

@@ -1,236 +0,0 @@
-import React, { useMemo, useCallback, useReducer } from "react";
-import { InboxComposer } from "@djb25/digit-ui-react-components";
-import SupervisorInboxTableConfig from "../hook/SupervisorInboxTableConfig";
-import SearchFormFieldsComponents from "./SearchFormFieldsComponent";
-import { formInitValue, formReducer } from "../../../vendor/src/config/tableConfig";
-
-// Mock data removed in favor of API integration
-
-const AssignEkyc = () => {
-  let tenantId = Digit.ULBService.getCurrentTenantId();
-  if (!tenantId || tenantId === "dl") {
-    tenantId = "dl.djb"; // Force tenantId to dl.djb for EKYC APIs in citizen portal
-  }
-
-  const [formState, dispatch] = useReducer(formReducer, formInitValue);
-
-  let paginationParms = {
-    limit: formState?.tableForm?.limit || 10,
-    offset: formState?.tableForm?.offset || 0,
-    sortBy: formState?.tableForm?.sortBy || "createdTime",
-    sortOrder: formState?.tableForm?.sortOrder || "DESC",
-  };
-
-  const mobileNumber = formState?.searchForm?.mobileNumber || "";
-  const isSearchActive = !!mobileNumber;
-
-  const filters = {
-    ...paginationParms,
-    status: "ACTIVE,DISABLED",
-  };
-
-  if (isSearchActive) {
-    filters.mobileNumber = mobileNumber;
-  }
-
-  const { data: dashboardData, isLoading } = Digit.Hooks.fsm.useSurveyorSearch(tenantId, filters, { enabled: !!tenantId, keepPreviousData: true });
-
-  const { isLoading: isDataSearchLoading, data } = Digit.Hooks.ekyc.useEkycAssignmentProgress({
-    enabled: !!tenantId,
-    keepPreviousData: true,
-  });
-
-  const sourceData = useMemo(() => {
-    return dashboardData?.surveyors || [];
-  }, [dashboardData]);
-
-  const filteredData = useMemo(() => {
-    return (sourceData || []).map((item) => {
-      const owner = item?.owner || {};
-      const roleCodes = owner?.roles?.map((role) => role.code)?.join(", ") || "";
-
-      return {
-        ...item,
-        id: item?.id || "",
-        surveyorName: item?.name || owner?.name || "",
-        mobileNo: item?.mobileNo || owner?.mobileNumber || "",
-        email: owner?.emailId || "",
-        vendorId: item?.vendorId || "",
-        tenantId: item?.tenantId || "",
-        supervisorId: item?.supervisorId || "",
-        status: item?.status || "",
-        roleCodes,
-        userName: owner?.userName || "",
-        gender: owner?.gender || "",
-        serviceType: item?.additionalDetails?.serviceType || "",
-        createdTime: item?.auditDetails?.createdTime || 0,
-        lastModifiedTime: item?.auditDetails?.lastModifiedTime || 0,
-      };
-    });
-  }, [sourceData]);
-
-  const totalRecords = dashboardData?.dashboardInfo?.totalRecords || dashboardData?.totalCount || 0;
-
-  // const PropsForInboxLinks = {
-  //   headerText: "EKYC_MODULE",
-  // };
-
-  const SearchFormFields = useCallback(
-    ({ registerRef, searchFormState, controlSearchForm }) => (
-      <SearchFormFieldsComponents {...{ registerRef, searchFormState, controlSearchForm }} searchType="mobile" 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 } });
-    dispatch({ action: "mutateSearchForm", data });
-  };
-
-  const searchFormDefaultValues = {
-    mobileNumber: "",
-    applicationNumber: "",
-    consumerNo: "",
-  };
-
-  const onSearchFormReset = (setSearchFormValue) => {
-    setSearchFormValue("mobileNumber", 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: () => { },
-  // };
-
-  const onPageSizeChange = (e) => {
-    const newLimit = Number(e.target.value);
-
-    dispatch({
-      action: "mutateTableForm",
-      data: {
-        ...formState.tableForm,
-        limit: newLimit,
-        offset: 0, // reset page
-      },
-    });
-  };
-
-  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",
-          },
-        });
-      }
-    }
-  };
-
-  const propsForInboxTable = SupervisorInboxTableConfig({
-    ...{
-      onPageSizeChange,
-      formState,
-      totalCount: totalRecords,
-      table: filteredData,
-      dispatch,
-      onSortingByData,
-      tenantId,
-      inboxStyles: { overflowX: "scroll", overflowY: "hidden" },
-      tableStyle: { width: "70%" },
-    },
-  });
-
-  const isInboxLoading = isLoading;
-
-  const cards = [
-    {
-      label: "TOTAL_EKYC_APPLICATIONS",
-      count: data?.totalKnos || 0,
-      color: "#0B2559",
-      filter: null,
-      active: true,
-    },
-    {
-      label: "TOTAL_ASSIGNMENTS",
-      count: data?.totalAssignments || 0,
-      color: "#3B82F6",
-      filter: ["ASSIGNED"],
-    },
-    {
-      label: "EKYC_COMPLETED",
-      count: data?.completedKnos || 0,
-      color: "#10B981",
-      filter: ["COMPLETED"],
-    },
-    {
-      label: "PENDING_APPLICATIONS",
-      count: (data?.totalKnos || 0) - (data?.completedKnos || 0),
-      color: "#F59E0B",
-      filter: ["PENDING"],
-    },
-    {
-      label: "OVERALL_PROGRESS",
-      count: `${data?.overallProgressPercent || 0}%`,
-      color: "#A855F7",
-      filter: ["IN_PROGRESS"],
-    },
-  ];
-
-  return (
-    <div className="app-container">
-      <InboxComposer
-        {...{
-          isInboxLoading,
-          // PropsForInboxLinks,
-          ...propsForSearchForm,
-          // ...propsForFilterForm,
-          // ...propsForMobileSortForm,
-          propsForInboxTable,
-          // propsForInboxMobileCards,
-          formState,
-          countData: dashboardData?.dashboardInfo,
-          cards,
-          isCardLoading: isDataSearchLoading,
-        }}
-      />
-    </div>
-  );
-};
-
-export default AssignEkyc;