@djb25/digit-ui-module-ekyc 1.0.20 → 1.0.21

package/dist/index.modern.js

@@ -1626,7 +1626,6 @@ const VendorDetails = () => {
     pending: row.pending,
     rejected: row.rejected
   }));
-  console.log(dashboardData);
   return /*#__PURE__*/React.createElement("div", {
     className: "ekyc-dashboard-wrapper"
   }, /*#__PURE__*/React.createElement("div", {
@@ -2193,8 +2192,8 @@ const SearchFormFieldsComponents = ({
     className: "mobile-input"
   }, /*#__PURE__*/React.createElement(Label, {
     className: "flex-roww flex-gap-2"
-  }, t("EKYC_K_NUMBER") || "K Number", /*#__PURE__*/React.createElement(CustomTooltip, {
-    message: t("EKYC_K_NUMBER_MESSAGE")
+  }, t("EKYC_MOBILE_NUMBER") || "Mobile Number", /*#__PURE__*/React.createElement(CustomTooltip, {
+    message: t("EKYC_MOBILE_NUMBER_MESSAGE")
   })), /*#__PURE__*/React.createElement(Controller, {
     name: "kNumber",
     control: controlSearchForm,
@@ -4426,31 +4425,23 @@ const AssignEkycModal = ({
   closeModal
 }) => {
   const [selectedKnos, setSelectedKnos] = useState([]);
-  const [assignmentType, setAssignmentType] = useState("KNO");
+  const [isBulkSelection, setIsBulkSelection] = useState(false);
   const [currentPage, setCurrentPage] = useState(0);
   const [pageSize, setPageSize] = useState(10);
+  const [showToast, setShowToast] = useState(false);
+  const [toastData, setToastData] = useState({
+    error: false,
+    label: ""
+  });
   const [filters, setFilters] = useState({
     kno: "",
-    ekycStatus: "",
+    pincode: "",
     zoneName: "",
-    assembly: "",
     ward: "",
+    assembly: "",
     mrkey: "",
-    pincode: ""
+    ekycStatus: ""
   });
-  const getAssignmentValue = () => {
-    switch (assignmentType) {
-      case "MRKEY":
-        return filters.mrkey;
-      case "ASSEMBLY":
-        return filters.assembly;
-      case "WARD":
-        return filters.ward;
-      case "KNO":
-      default:
-        return selectedKnos.join(",");
-    }
-  };
   const [debouncedFilters, setDebouncedFilters] = useState(filters);
   useEffect(() => {
     const timer = setTimeout(() => {
@@ -4463,7 +4454,7 @@ const AssignEkycModal = ({
   }, [debouncedFilters]);
   const {
     data: applicationData,
-    isLoading
+    isFetching: isLoading
   } = Digit.Hooks.ekyc.useEkycApplicationList({
     ...(debouncedFilters.kno && {
       kno: debouncedFilters.kno
@@ -4495,23 +4486,91 @@ const AssignEkycModal = ({
   });
   const assignmentMutation = Digit.Hooks.ekyc.useEkycAssignmentCreate({
     onSuccess: response => {
-      console.log("Assignment successful", response);
-      closeModal();
+      if (response !== null && response !== void 0 && response.error) {
+        var _response$data;
+        setToastData({
+          error: true,
+          label: (response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.message) || "Something went wrong"
+        });
+        setShowToast(true);
+        return;
+      }
+      setToastData({
+        error: false,
+        label: "Assignment successful"
+      });
+      setShowToast(true);
+      setTimeout(() => {
+        closeModal();
+      }, 1000);
     },
     onError: error => {
-      console.error("Assignment failed", error);
+      var _error$data, _error$response, _error$response$data;
+      setToastData({
+        error: true,
+        label: (error === null || error === void 0 ? void 0 : (_error$data = error.data) === null || _error$data === void 0 ? void 0 : _error$data.message) || (error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.message) || "Something went wrong"
+      });
+      setShowToast(true);
     }
   });
   const tableData = (applicationData === null || applicationData === void 0 ? void 0 : applicationData.consumerList) || [];
+  const getAssignmentPayload = () => {
+    if (isBulkSelection) {
+      const filterMappings = [{
+        key: "ekycStatus",
+        type: "EKYCSTATUS"
+      }, {
+        key: "zoneName",
+        type: "ZONENAME"
+      }, {
+        key: "assembly",
+        type: "ASSEMBLY"
+      }, {
+        key: "ward",
+        type: "WARD"
+      }, {
+        key: "mrkey",
+        type: "MRKEY"
+      }, {
+        key: "pincode",
+        type: "PINCODE"
+      }];
+      const appliedFilter = filterMappings.find(({
+        key
+      }) => debouncedFilters[key]);
+      if (appliedFilter) {
+        return {
+          assignmentType: appliedFilter.type,
+          assignmentValue: debouncedFilters[appliedFilter.key]
+        };
+      }
+    }
+    console.log("=-=-==-=-=-=-", {
+      assignmentType: "KNO",
+      assignmentValues: selectedKnos
+    });
+    return {
+      assignmentType: "KNO",
+      assignmentValues: selectedKnos
+    };
+  };
   const handleAssign = () => {
+    var _surveyor$owner;
+    const {
+      assignmentType,
+      assignmentValue,
+      assignmentValues
+    } = getAssignmentPayload();
     assignmentMutation.mutate({
       tenantId: "dl.djb",
-      surveyorId: surveyor === null || surveyor === void 0 ? void 0 : surveyor.uuid,
-      assignmentType: "KNO",
-      assignmentValue: getAssignmentValue()
+      surveyorId: surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner = surveyor.owner) === null || _surveyor$owner === void 0 ? void 0 : _surveyor$owner.uuid,
+      assignmentType,
+      assignmentValue,
+      assignmentValues
     });
   };
   const handleSelectAll = () => {
+    setIsBulkSelection(true);
     const pageKnos = tableData.map(item => item.kno);
     const allSelected = pageKnos.length > 0 && pageKnos.every(kno => selectedKnos.includes(kno));
     setSelectedKnos(prev => allSelected ? prev.filter(kno => !pageKnos.includes(kno)) : [...new Set([...prev, ...pageKnos])]);
@@ -4625,19 +4684,7 @@ const AssignEkycModal = ({
     value: "APPROVED"
   }, "Approved"), /*#__PURE__*/React.createElement("option", {
     value: "REJECTED"
-  }, "Rejected")), /*#__PURE__*/React.createElement("select", {
-    className: "form-control",
-    value: assignmentType,
-    onChange: e => setAssignmentType(e.target.value)
-  }, /*#__PURE__*/React.createElement("option", {
-    value: "KNO"
-  }, "KNO"), /*#__PURE__*/React.createElement("option", {
-    value: "MRKEY"
-  }, "MR Key"), /*#__PURE__*/React.createElement("option", {
-    value: "WARD"
-  }, "Ward"), /*#__PURE__*/React.createElement("option", {
-    value: "ASSEMBLY"
-  }, "Assembly"))), /*#__PURE__*/React.createElement(Table, {
+  }, "Rejected"))), /*#__PURE__*/React.createElement(Table, {
     tableTitle: "eKYC Applications",
     tableClass: "ekycTable",
     data: tableData,
@@ -4668,11 +4715,15 @@ const AssignEkycModal = ({
       setPageSize(Number(e.target.value));
       setCurrentPage(0);
     }
-  })));
+  })), showToast && /*#__PURE__*/React.createElement(Toast, {
+    error: toastData.error,
+    label: toastData.label,
+    onClose: () => setShowToast(false)
+  }));
 };
 
 const SurveyorDetailsDashboard = () => {
-  var _Digit$SessionStorage, _Digit$SessionStorage2, _Digit$SessionStorage3, _Digit$SessionStorage4, _surveyor$owner, _surveyor$owner2, _fullName$charAt, _surveyor$owner3, _surveyor$owner4, _surveyor$owner5, _surveyor$additionalD;
+  var _Digit$SessionStorage, _Digit$SessionStorage2, _Digit$SessionStorage3, _Digit$SessionStorage4, _surveyor$owner, _surveyor$owner2, _surveyor$owner3, _fullName$charAt, _dashboardData$dashbo, _dashboardData$dashbo2, _dashboardData$dashbo3, _dashboardData$dashbo4, _surveyor$owner4, _surveyor$owner5, _surveyor$owner6, _surveyor$additionalD, _dashboardData$dashbo5, _dashboardData$dashbo6;
   const tenantId = Digit.ULBService.getCurrentTenantId();
   const [showModal, setShowModal] = useState(false);
   const [showOptions, setShowOptions] = useState(false);
@@ -4699,30 +4750,49 @@ const SurveyorDetailsDashboard = () => {
     var _surveyorSearchRespon;
     return (surveyorSearchResponse === null || surveyorSearchResponse === void 0 ? void 0 : (_surveyorSearchRespon = surveyorSearchResponse.surveyors) === null || _surveyorSearchRespon === void 0 ? void 0 : _surveyorSearchRespon[0]) || null;
   }, [surveyorSearchResponse]);
-  const knoColumns = React.useMemo(() => [{
-    Header: t("KNO"),
+  const [currentPage, setCurrentPage] = useState(0);
+  const [pageSize, setPageSize] = useState(20);
+  const queryParams = {
+    tenantId: "dl.djb",
+    offset: currentPage * pageSize,
+    limit: pageSize,
+    surveyorId: surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner = surveyor.owner) === null || _surveyor$owner === void 0 ? void 0 : _surveyor$owner.uuid
+  };
+  const {
+    isFetching: isDashboardLoading,
+    data: dashboardData = {}
+  } = Digit.Hooks.ekyc.useEkycSurveyorDashboard({}, queryParams, {
+    enabled: !!queryParams.tenantId && !!queryParams.surveyorId,
+    keepPreviousData: true
+  });
+  const knoColumns = useMemo(() => [{
+    Header: "KNO",
     accessor: "kno"
   }, {
-    Header: t("CONSUMER_NAME"),
-    accessor: "consumerName"
+    Header: "Consumer Name",
+    accessor: row => `${row.firstName || ""} ${row.middleName || ""} ${row.lastName || ""}`.trim(),
+    id: "consumerName"
   }, {
-    Header: t("MOBILE_NO"),
-    accessor: "mobileNumber"
+    Header: "Zone",
+    accessor: "zoneName"
   }, {
-    Header: t("STATUS"),
+    Header: "Pincode",
+    accessor: "pincode"
+  }, {
+    Header: "Status",
     accessor: "status",
     Cell: ({
       value
     }) => /*#__PURE__*/React.createElement("span", {
-      className: `status-badge ${(value === null || value === void 0 ? void 0 : value.toLowerCase()) || ""}`
+      className: `status-badge ${value === "ACTIVE" ? "verified" : value === "PENDING" ? "pending" : "assigned"}`
     }, value)
   }, {
-    Header: t("ASSIGNED_DATE"),
-    accessor: "assignedDate"
-  }, {
-    Header: t("COMPLETED_DATE"),
-    accessor: "completedDate"
-  }], [t]);
+    Header: "eKYC Status",
+    accessor: "ekycStatus",
+    Cell: ({
+      value
+    }) => value || "-"
+  }], []);
   if (isLoading) {
     return /*#__PURE__*/React.createElement(Loader, null);
   }
@@ -4733,21 +4803,6 @@ const SurveyorDetailsDashboard = () => {
       }
     }, t("NO_SURVEYOR_FOUND")));
   }
-  const assignedKnos = [{
-    kno: "123456789",
-    consumerName: "Rahul Sharma",
-    mobileNumber: "9876543210",
-    status: "Completed",
-    assignedDate: "01-06-2026",
-    completedDate: "02-06-2026"
-  }, {
-    kno: "123456790",
-    consumerName: "Amit Kumar",
-    mobileNumber: "9876543211",
-    status: "Pending",
-    assignedDate: "03-06-2026",
-    completedDate: "-"
-  }];
   const weeklyData = [{
     day: "Mon",
     completed: 4
@@ -4786,19 +4841,24 @@ const SurveyorDetailsDashboard = () => {
   const StatCard = ({
     title,
     value,
-    type
+    type,
+    isLoading
   }) => /*#__PURE__*/React.createElement("div", {
     className: `stat-card ${type}`
-  }, /*#__PURE__*/React.createElement("div", {
+  }, isLoading ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "stat-title skeleton skeleton-text"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "stat-value skeleton skeleton-number"
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "stat-title"
   }, title), /*#__PURE__*/React.createElement("div", {
     className: "stat-value"
-  }, value));
+  }, value)));
   const options = [{
     action: "Assign"
   }];
-  const fullName = (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner = surveyor.owner) === null || _surveyor$owner === void 0 ? void 0 : _surveyor$owner.name) || (surveyor === null || surveyor === void 0 ? void 0 : surveyor.name) || "N/A";
-  const employeeId = (surveyor === null || surveyor === void 0 ? void 0 : surveyor.employeeId) || (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner2 = surveyor.owner) === null || _surveyor$owner2 === void 0 ? void 0 : _surveyor$owner2.uuid) || (surveyor === null || surveyor === void 0 ? void 0 : surveyor.id);
+  const fullName = (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner2 = surveyor.owner) === null || _surveyor$owner2 === void 0 ? void 0 : _surveyor$owner2.name) || (surveyor === null || surveyor === void 0 ? void 0 : surveyor.name) || "N/A";
+  const employeeId = (surveyor === null || surveyor === void 0 ? void 0 : surveyor.employeeId) || (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner3 = surveyor.owner) === null || _surveyor$owner3 === void 0 ? void 0 : _surveyor$owner3.uuid) || (surveyor === null || surveyor === void 0 ? void 0 : surveyor.id);
   const handleMenuSelect = option => {
     setShowOptions(false);
     setShowModal(true);
@@ -4822,21 +4882,25 @@ const SurveyorDetailsDashboard = () => {
   }, t("EMPLOYEE_ID"), ": ", employeeId)))), /*#__PURE__*/React.createElement("div", {
     className: "stats-wrapper"
   }, /*#__PURE__*/React.createElement(StatCard, {
-    title: t("TODAYS_EKYC"),
-    value: (surveyor === null || surveyor === void 0 ? void 0 : surveyor.todayCompleted) || 0,
-    type: "today"
+    title: t("TOTAL_ASSIGNED"),
+    value: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo = dashboardData.dashboardInfo) === null || _dashboardData$dashbo === void 0 ? void 0 : _dashboardData$dashbo.total) || 0,
+    type: "today",
+    isLoading: isDashboardLoading
   }), /*#__PURE__*/React.createElement(StatCard, {
-    title: t("THIS_WEEK"),
-    value: (surveyor === null || surveyor === void 0 ? void 0 : surveyor.weekCompleted) || 0,
-    type: "week"
+    title: t("COMPLETED"),
+    value: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo2 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo2 === void 0 ? void 0 : _dashboardData$dashbo2.completed) || 0,
+    type: "week",
+    isLoading: isDashboardLoading
   }), /*#__PURE__*/React.createElement(StatCard, {
-    title: t("THIS_MONTH"),
-    value: (surveyor === null || surveyor === void 0 ? void 0 : surveyor.monthCompleted) || 0,
-    type: "month"
+    title: t("PENDING"),
+    value: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo3 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo3 === void 0 ? void 0 : _dashboardData$dashbo3.pending) || 0,
+    type: "pending",
+    isLoading: isDashboardLoading
   }), /*#__PURE__*/React.createElement(StatCard, {
-    title: t("PENDING_CASES"),
-    value: (surveyor === null || surveyor === void 0 ? void 0 : surveyor.pendingCases) || 0,
-    type: "pending"
+    title: t("SUBMITTED"),
+    value: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo4 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo4 === void 0 ? void 0 : _dashboardData$dashbo4.submittedCount) || 0,
+    type: "month",
+    isLoading: isDashboardLoading
   })), /*#__PURE__*/React.createElement("div", {
     className: "charts-wrapper"
   }, /*#__PURE__*/React.createElement("div", {
@@ -4882,19 +4946,19 @@ const SurveyorDetailsDashboard = () => {
     className: "label"
   }, t("MOBILE"), ":"), /*#__PURE__*/React.createElement("span", {
     className: "value"
-  }, (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner3 = surveyor.owner) === null || _surveyor$owner3 === void 0 ? void 0 : _surveyor$owner3.mobileNumber) || (surveyor === null || surveyor === void 0 ? void 0 : surveyor.mobileNo) || "N/A")), /*#__PURE__*/React.createElement("div", {
+  }, (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner4 = surveyor.owner) === null || _surveyor$owner4 === void 0 ? void 0 : _surveyor$owner4.mobileNumber) || (surveyor === null || surveyor === void 0 ? void 0 : surveyor.mobileNo) || "N/A")), /*#__PURE__*/React.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"
   }, t("EMAIL"), ":"), /*#__PURE__*/React.createElement("span", {
     className: "value"
-  }, (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner4 = surveyor.owner) === null || _surveyor$owner4 === void 0 ? void 0 : _surveyor$owner4.emailId) || "N/A")), /*#__PURE__*/React.createElement("div", {
+  }, (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner5 = surveyor.owner) === null || _surveyor$owner5 === void 0 ? void 0 : _surveyor$owner5.emailId) || "N/A")), /*#__PURE__*/React.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"
   }, t("GENDER"), ":"), /*#__PURE__*/React.createElement("span", {
     className: "value"
-  }, (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner5 = surveyor.owner) === null || _surveyor$owner5 === void 0 ? void 0 : _surveyor$owner5.gender) || "N/A")), /*#__PURE__*/React.createElement("div", {
+  }, (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner6 = surveyor.owner) === null || _surveyor$owner6 === void 0 ? void 0 : _surveyor$owner6.gender) || "N/A")), /*#__PURE__*/React.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"
@@ -4912,16 +4976,42 @@ const SurveyorDetailsDashboard = () => {
     className: "label"
   }, t("VENDOR_ID"), ":"), /*#__PURE__*/React.createElement("span", {
     className: "value"
-  }, (surveyor === null || surveyor === void 0 ? void 0 : surveyor.vendorId) || "N/A")))), /*#__PURE__*/React.createElement(Table, {
+  }, (surveyor === null || surveyor === void 0 ? void 0 : surveyor.vendorId) || "N/A")))), /*#__PURE__*/React.createElement(Card, {
+    className: "dashboard-card"
+  }, /*#__PURE__*/React.createElement(Table, {
     t: t,
     tableTitle: t("ASSIGNED_KNOS"),
-    data: assignedKnos,
+    tableClass: "ekycTable",
+    data: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo5 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo5 === void 0 ? void 0 : _dashboardData$dashbo5.consumerList) || [],
     columns: knoColumns,
-    totalRecords: assignedKnos === null || assignedKnos === void 0 ? void 0 : assignedKnos.length,
+    isLoading: isDashboardLoading,
+    totalRecords: dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo6 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo6 === void 0 ? void 0 : _dashboardData$dashbo6.total,
+    currentPage: currentPage,
+    pageSizeLimit: pageSize,
     isPaginationRequired: true,
-    pageSizeLimit: 10,
-    manualPagination: false
-  }), (!roles.includes("EKYC_SURVEYOR") || roles.includes("EMPLOYEE")) && /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
+    onNextPage: () => {
+      var _dashboardData$dashbo7;
+      if (currentPage < ((dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo7 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo7 === void 0 ? void 0 : _dashboardData$dashbo7.totalPages) || 1) - 1) {
+        setCurrentPage(prev => prev + 1);
+      }
+    },
+    onPrevPage: () => {
+      if (currentPage > 0) {
+        setCurrentPage(prev => prev - 1);
+      }
+    },
+    onFirstPage: () => {
+      setCurrentPage(0);
+    },
+    onLastPage: () => {
+      var _dashboardData$dashbo8;
+      setCurrentPage(Math.max(((dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo8 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo8 === void 0 ? void 0 : _dashboardData$dashbo8.totalPages) || 1) - 1, 0));
+    },
+    onPageSizeChange: e => {
+      setPageSize(Number(e.target.value));
+      setCurrentPage(0);
+    }
+  })), (!roles.includes("EKYC_SURVEYOR") || roles.includes("EMPLOYEE")) && /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("EKYC_ASSIGN_KNOS"),
     onSubmit: () => setShowOptions(prev => !prev)
   }), showOptions && /*#__PURE__*/React.createElement(Menu, {
@@ -5077,7 +5167,7 @@ const SupervisorInboxTableConfig = ({
 };
 
 const AssignEkyc = () => {
-  var _sortParams$, _sortParams$2, _formState$searchForm3, _formState$searchForm4, _dashboardData$dashbo;
+  var _sortParams$, _sortParams$2, _userDetails$info, _formState$searchForm3, _formState$searchForm4, _dashboardData$dashbo;
   const tenantId = Digit.ULBService.getCurrentTenantId();
   const location = useLocation();
   const [sortParams, setSortParams] = useState([{
@@ -5103,12 +5193,14 @@ const AssignEkyc = () => {
     }
   };
   const [formState, dispatch] = useReducer(formReducer, formInitValue);
+  const userDetails = Digit.SessionStorage.get("User");
   const {
     data: dashboardData,
     isLoading
   } = Digit.Hooks.fsm.useSurveyorSearch(tenantId, {
     ...paginationParms,
-    status: "ACTIVE,DISABLED"
+    status: "ACTIVE,DISABLED",
+    vendorId: userDetails === null || userDetails === void 0 ? void 0 : (_userDetails$info = userDetails.info) === null || _userDetails$info === void 0 ? void 0 : _userDetails$info.uuid
   }, {
     enabled: !!tenantId,
     keepPreviousData: true
@@ -5131,6 +5223,13 @@ const AssignEkyc = () => {
     enabled: !!tenantId && !!searchDetails.kno,
     keepPreviousData: true
   });
+  const {
+    isLoading: isDataSearchLoading,
+    data
+  } = Digit.Hooks.ekyc.useEkycAssignmentProgress({}, {
+    enabled: !!tenantId && !!searchDetails.kno,
+    keepPreviousData: true
+  });
   const sourceData = useMemo(() => {
     if (isSearchActive) {
       if (!searchData) return [];
@@ -5323,35 +5422,30 @@ const AssignEkyc = () => {
   const isInboxLoading = isLoading || isSearchLoading;
   const cards = [{
     label: "TOTAL_EKYC_APPLICATIONS",
-    count: 364,
+    count: (data === null || data === void 0 ? void 0 : data.totalKnos) || 0,
     color: "#0B2559",
     filter: null,
     active: true
   }, {
-    label: "UNASSIGNED_APPLICATIONS",
-    count: 28,
-    color: "#F59E0B",
-    filter: ["UNASSIGNED"]
-  }, {
-    label: "ASSIGNED_TO_SURVEYOR",
-    count: 120,
+    label: "TOTAL_ASSIGNMENTS",
+    count: (data === null || data === void 0 ? void 0 : data.totalAssignments) || 0,
     color: "#3B82F6",
     filter: ["ASSIGNED"]
-  }, {
-    label: "IN_PROGRESS",
-    count: 54,
-    color: "#A855F7",
-    filter: ["IN_PROGRESS"]
   }, {
     label: "EKYC_COMPLETED",
-    count: 140,
+    count: (data === null || data === void 0 ? void 0 : data.completedKnos) || 0,
     color: "#10B981",
     filter: ["COMPLETED"]
   }, {
-    label: "REJECTED_APPLICATIONS",
-    count: 22,
-    color: "#EF4444",
-    filter: ["REJECTED"]
+    label: "PENDING_APPLICATIONS",
+    count: ((data === null || data === void 0 ? void 0 : data.totalKnos) || 0) - ((data === null || data === void 0 ? void 0 : data.completedKnos) || 0),
+    color: "#F59E0B",
+    filter: ["PENDING"]
+  }, {
+    label: "OVERALL_PROGRESS",
+    count: `${(data === null || data === void 0 ? void 0 : data.overallProgressPercent) || 0}%`,
+    color: "#A855F7",
+    filter: ["IN_PROGRESS"]
   }];
   return /*#__PURE__*/React.createElement("div", {
     className: "app-container"
@@ -5362,7 +5456,8 @@ const AssignEkyc = () => {
     propsForInboxTable,
     formState,
     countData: dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.dashboardInfo,
-    cards
+    cards,
+    isCardLoading: isDataSearchLoading
   })));
 };