@djb25/digit-ui-module-ekyc 1.0.58 → 1.0.60

package/dist/index.js

@@ -2519,9 +2519,7 @@ const VendorDetailsCard = () => {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "ekyc-details-wrapper"
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "details-left"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "details-grid"
+    className: "details-top-row"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React__default.createElement("span", {
@@ -2535,28 +2533,8 @@ const VendorDetailsCard = () => {
   }, t("EMAIL")), /*#__PURE__*/React__default.createElement("span", {
     className: "value"
   }, email)), /*#__PURE__*/React__default.createElement("div", {
-    className: "detail-item",
-    style: {
-      gridColumn: "1 / -1"
-    }
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "label"
-  }, t("ASSIGNED_ZONES") || "Assigned Zones"), /*#__PURE__*/React__default.createElement("span", {
-    className: "value"
-  }, zoneIds.length > 0 ? /*#__PURE__*/React__default.createElement("div", {
-    className: "selected-zones",
-    style: {
-      marginTop: "4px",
-      width: "100%"
-    }
-  }, zoneIds.map(zone => /*#__PURE__*/React__default.createElement("span", {
-    key: zone,
-    className: "selected-zone-chip"
-  }, t(zone) || zone))) : "N/A")))), /*#__PURE__*/React__default.createElement("div", {
-    className: "details-right"
-  }, /*#__PURE__*/React__default.createElement("div", {
     className: "download-card"
-  }, /*#__PURE__*/React__default.createElement("h4", null, t("DOWNLOAD_EKYC_DATA") || "Download eKYC Data"), /*#__PURE__*/React__default.createElement("p", null, t("DOWNLOAD_EKYC_DATA_DESC") || "Export the complete eKYC verification records for your assigned jurisdiction into Excel format."), /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h4", null, t("DOWNLOAD_EKYC_DATA") || "Download eKYC Data"), /*#__PURE__*/React__default.createElement("p", null, t("DOWNLOAD_EKYC_DATA_DESC") || "Export the complete eKYC verification records for your assigned jurisdiction into Excel format.")), /*#__PURE__*/React__default.createElement("div", {
     className: "report-download",
     ref: reportMenuRef
   }, /*#__PURE__*/React__default.createElement("button", {
@@ -2640,12 +2618,31 @@ const VendorDetailsCard = () => {
   }, t("CANCEL") || "Cancel"), /*#__PURE__*/React__default.createElement("button", {
     className: "picker-apply-btn",
     onClick: handleCustomDownload
-  }, t("APPLY") || "Apply"))))))))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
+  }, t("APPLY") || "Apply"))))))), /*#__PURE__*/React__default.createElement("div", {
+    className: "full-width-item"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "label"
+  }, t("ASSIGNED_ZONES") || "Assigned Zones"), /*#__PURE__*/React__default.createElement("span", {
+    className: "value"
+  }, zoneIds.length > 0 ? /*#__PURE__*/React__default.createElement("div", {
+    className: "selected-zones",
+    style: {
+      marginTop: "4px",
+      width: "100%",
+      display: "flex",
+      flexWrap: "wrap",
+      gap: "8px"
+    }
+  }, zoneIds.map(zone => /*#__PURE__*/React__default.createElement("span", {
+    key: zone,
+    className: "selected-zone-chip"
+  }, t(zone) || zone))) : "N/A")))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
     className: "dashboard-card"
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Table, {
     t: t,
     tableTitle: t("CONNECTED_SUPERVISORS") || "Connected Supervisors",
     tableClass: "ekycTable",
+    isTableScrollable: true,
     data: paginatedSupervisors,
     columns: supervisorColumns,
     isLoading: isPageLoading,
@@ -2663,12 +2660,8 @@ const VendorDetailsCard = () => {
         setCurrentPage(prev => prev - 1);
       }
     },
-    onFirstPage: () => {
-      setCurrentPage(0);
-    },
-    onLastPage: () => {
-      setCurrentPage(Math.max(Math.ceil(vendorSupervisors.length / pageSize) - 1, 0));
-    },
+    onFirstPage: () => setCurrentPage(0),
+    onLastPage: () => setCurrentPage(Math.max(Math.ceil(vendorSupervisors.length / pageSize) - 1, 0)),
     onPageSizeChange: e => {
       setPageSize(Number(e.target.value));
       setCurrentPage(0);
@@ -6199,9 +6192,7 @@ const SupervisorDetailsCard = () => {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "ekyc-details-wrapper"
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "details-left"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "details-grid"
+    className: "details-top-row"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React__default.createElement("span", {
@@ -6215,41 +6206,8 @@ const SupervisorDetailsCard = () => {
   }, t("EMAIL")), /*#__PURE__*/React__default.createElement("span", {
     className: "value"
   }, email)), /*#__PURE__*/React__default.createElement("div", {
-    className: "detail-item"
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "label"
-  }, t("GENDER")), /*#__PURE__*/React__default.createElement("span", {
-    className: "value"
-  }, gender)), /*#__PURE__*/React__default.createElement("div", {
-    className: "detail-item"
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "label"
-  }, t("STATUS")), /*#__PURE__*/React__default.createElement("span", {
-    className: "value"
-  }, status)), /*#__PURE__*/React__default.createElement("div", {
-    className: "detail-item"
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "label"
-  }, t("ASSIGNED_ZONE") || "Assigned Zone"), /*#__PURE__*/React__default.createElement("span", {
-    className: "value"
-  }, assignedZone && assignedZone !== "N/A" ? /*#__PURE__*/React__default.createElement("div", {
-    className: "selected-zones",
-    style: {
-      marginTop: "4px"
-    }
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "selected-zone-chip"
-  }, t(assignedZone.trim().toUpperCase()) || assignedZone)) : assignedZone)), /*#__PURE__*/React__default.createElement("div", {
-    className: "detail-item"
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "label"
-  }, t("VENDOR_NAME") || "Vendor Name"), /*#__PURE__*/React__default.createElement("span", {
-    className: "value"
-  }, vendorName)))), /*#__PURE__*/React__default.createElement("div", {
-    className: "details-right"
-  }, /*#__PURE__*/React__default.createElement("div", {
     className: "download-card"
-  }, /*#__PURE__*/React__default.createElement("h4", null, t("DOWNLOAD_EKYC_DATA") || "Download eKYC Data"), /*#__PURE__*/React__default.createElement("p", null, t("DOWNLOAD_EKYC_DATA_DESC") || "Export the complete eKYC verification records for your assigned jurisdiction into Excel format."), /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h4", null, t("DOWNLOAD_EKYC_DATA") || "Download eKYC Data"), /*#__PURE__*/React__default.createElement("p", null, t("DOWNLOAD_EKYC_DATA_DESC") || "Export the complete eKYC verification records for your assigned jurisdiction into Excel format.")), /*#__PURE__*/React__default.createElement("div", {
     className: "report-download",
     ref: reportMenuRef
   }, /*#__PURE__*/React__default.createElement("button", {
@@ -6333,12 +6291,46 @@ const SupervisorDetailsCard = () => {
   }, t("CANCEL") || "Cancel"), /*#__PURE__*/React__default.createElement("button", {
     className: "picker-apply-btn",
     onClick: handleCustomDownload
-  }, t("APPLY") || "Apply"))))))))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
+  }, t("APPLY") || "Apply"))))))), /*#__PURE__*/React__default.createElement("div", {
+    className: "details-grid-row"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "detail-item"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "label"
+  }, t("GENDER")), /*#__PURE__*/React__default.createElement("span", {
+    className: "value"
+  }, gender)), /*#__PURE__*/React__default.createElement("div", {
+    className: "detail-item"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "label"
+  }, t("STATUS")), /*#__PURE__*/React__default.createElement("span", {
+    className: "value"
+  }, status)), /*#__PURE__*/React__default.createElement("div", {
+    className: "detail-item"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "label"
+  }, t("ASSIGNED_ZONE") || "Assigned Zone"), /*#__PURE__*/React__default.createElement("span", {
+    className: "value"
+  }, assignedZone && assignedZone !== "N/A" ? /*#__PURE__*/React__default.createElement("div", {
+    className: "selected-zones",
+    style: {
+      marginTop: "4px"
+    }
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "selected-zone-chip"
+  }, t(assignedZone.trim().toUpperCase()) || assignedZone)) : assignedZone)), /*#__PURE__*/React__default.createElement("div", {
+    className: "detail-item"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "label"
+  }, t("VENDOR_NAME") || "Vendor Name"), /*#__PURE__*/React__default.createElement("span", {
+    className: "value"
+  }, vendorName))))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
     className: "dashboard-card"
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Table, {
     t: t,
     tableTitle: t("CONNECTED_SURVEYORS") || "Connected Surveyors",
     tableClass: "ekycTable",
+    isTableScrollable: true,
     data: paginatedSurveyors,
     columns: surveyorColumns,
     isLoading: isProgressLoading,
@@ -6381,25 +6373,22 @@ const AssignEkycModal = _ref => {
   const _useState = React.useState([]),
     selectedKnos = _useState[0],
     setSelectedKnos = _useState[1];
-  const _useState2 = React.useState(false),
-    isBulkSelection = _useState2[0],
-    setIsBulkSelection = _useState2[1];
-  const _useState3 = React.useState(0),
-    currentPage = _useState3[0],
-    setCurrentPage = _useState3[1];
-  const _useState4 = React.useState(10),
-    pageSize = _useState4[0],
-    setPageSize = _useState4[1];
-  const _useState5 = React.useState(false),
-    showToast = _useState5[0],
-    setShowToast = _useState5[1];
-  const _useState6 = React.useState({
+  const _useState2 = React.useState(0),
+    currentPage = _useState2[0],
+    setCurrentPage = _useState2[1];
+  const _useState3 = React.useState(20),
+    pageSize = _useState3[0],
+    setPageSize = _useState3[1];
+  const _useState4 = React.useState(false),
+    showToast = _useState4[0],
+    setShowToast = _useState4[1];
+  const _useState5 = React.useState({
       error: false,
       label: ""
     }),
-    toastData = _useState6[0],
-    setToastData = _useState6[1];
-  const _useState7 = React.useState({
+    toastData = _useState5[0],
+    setToastData = _useState5[1];
+  const _useState6 = React.useState({
       kno: "",
       pincode: "",
       zoneCode: "",
@@ -6409,11 +6398,11 @@ const AssignEkycModal = _ref => {
       mrkey: "",
       ekycStatus: ""
     }),
-    filters = _useState7[0],
-    setFilters = _useState7[1];
-  const _useState8 = React.useState(filters),
-    debouncedFilters = _useState8[0],
-    setDebouncedFilters = _useState8[1];
+    filters = _useState6[0],
+    setFilters = _useState6[1];
+  const _useState7 = React.useState(filters),
+    debouncedFilters = _useState7[0],
+    setDebouncedFilters = _useState7[1];
   const _Digit$Hooks$ws$useWS = Digit.Hooks.ws.useWSConfigMDMS.ZROLocation(tenantId),
     zroLocationsData = _Digit$Hooks$ws$useWS.data;
   const mappedZROLocation = React.useMemo(() => {
@@ -6546,29 +6535,21 @@ const AssignEkycModal = _ref => {
       pincode: debouncedFilters.pincode
     }), {
       tenantId: tenantId,
-      offset: currentPage * pageSize,
-      limit: pageSize
+      offset: 0,
+      limit: 5000
     }, {
       keepPreviousData: true
     }),
     applicationData = _Digit$Hooks$ekyc$use2.data,
     isLoading = _Digit$Hooks$ekyc$use2.isFetching,
     refetchApplicationList = _Digit$Hooks$ekyc$use2.refetch;
-  const handleAssignmentError = (errMsg, variables) => {
+  const handleAssignmentError = errMsg => {
     const isAlreadyAssigned = errMsg.toLowerCase().includes("already assigned") || errMsg.toLowerCase().includes("already assign") || errMsg.toLowerCase().includes("active assignment") || errMsg.toLowerCase().includes("mrkey") || errMsg.toLowerCase().includes("mr key") || errMsg.toLowerCase().includes("kno") || errMsg.toLowerCase().includes("already exists");
     if (isAlreadyAssigned) {
-      const isMrKeyType = (variables === null || variables === void 0 ? void 0 : variables.assignmentType) === "MRKEY";
-      if (isMrKeyType) {
-        setToastData({
-          error: true,
-          label: t("EKYC_MR_KEY_ALREADY_ASSIGNED_WITH_ANOTHER_SURVEYOR") || "mr key is already assign with another surveyor"
-        });
-      } else {
-        setToastData({
-          error: true,
-          label: t("EKYC_KNO_ALREADY_ASSIGNED_WITH_ANOTHER_SURVEYOR") || "kno is already assign with another surveyor"
-        });
-      }
+      setToastData({
+        error: true,
+        label: t("EKYC_KNO_ALREADY_ASSIGNED_WITH_ANOTHER_SURVEYOR") || "kno is already assign with another surveyor"
+      });
     } else {
       setToastData({
         error: true,
@@ -6582,13 +6563,13 @@ const AssignEkycModal = _ref => {
       if (response !== null && response !== void 0 && response.error) {
         var _response$data;
         const errMsg = (response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.message) || "";
-        handleAssignmentError(errMsg, variables);
+        handleAssignmentError(errMsg);
         return;
       }
       if (response !== null && response !== void 0 && response.skipped && response.skipped.length > 0) {
         var _response$skipped$;
         const reason = ((_response$skipped$ = response.skipped[0]) === null || _response$skipped$ === void 0 ? void 0 : _response$skipped$.reason) || "";
-        handleAssignmentError(reason, variables);
+        handleAssignmentError(reason);
         return;
       }
       setToastData({
@@ -6623,7 +6604,7 @@ const AssignEkycModal = _ref => {
     onError: (error, variables) => {
       var _error$data, _error$response, _error$response$data;
       const errMsg = (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) || "";
-      handleAssignmentError(errMsg, variables);
+      handleAssignmentError(errMsg);
     }
   });
   const reassignMutation = Digit.Hooks.ekyc.useEkycAssignmentReassign({
@@ -6631,13 +6612,13 @@ const AssignEkycModal = _ref => {
       if (response !== null && response !== void 0 && response.error) {
         var _response$data2;
         const errMsg = (response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.message) || "";
-        handleAssignmentError(errMsg, variables);
+        handleAssignmentError(errMsg);
         return;
       }
       if (response !== null && response !== void 0 && response.skipped && response.skipped.length > 0) {
         var _response$skipped$2;
         const reason = ((_response$skipped$2 = response.skipped[0]) === null || _response$skipped$2 === void 0 ? void 0 : _response$skipped$2.reason) || "";
-        handleAssignmentError(reason, variables);
+        handleAssignmentError(reason);
         return;
       }
       setToastData({
@@ -6672,56 +6653,28 @@ const AssignEkycModal = _ref => {
     onError: (error, variables) => {
       var _error$data2, _error$response2, _error$response2$data;
       const errMsg = (error === null || error === void 0 ? void 0 : (_error$data2 = error.data) === null || _error$data2 === void 0 ? void 0 : _error$data2.message) || (error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : _error$response2$data.message) || "";
-      handleAssignmentError(errMsg, variables);
+      handleAssignmentError(errMsg);
     }
   });
   const activeMutation = isReassign ? reassignMutation : assignmentMutation;
-  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(_ref2 => {
-        let key = _ref2.key;
-        return debouncedFilters[key];
-      });
-      if (appliedFilter) {
-        return {
-          assignmentType: appliedFilter.type,
-          assignmentValue: debouncedFilters[appliedFilter.key]
-        };
-      }
+  const allData = React.useMemo(() => (applicationData === null || applicationData === void 0 ? void 0 : applicationData.consumerList) || [], [applicationData]);
+  const totalRecords = allData.length;
+  const totalPages = React.useMemo(() => Math.ceil(totalRecords / pageSize) || 1, [totalRecords, pageSize]);
+  const paginatedData = React.useMemo(() => {
+    const start = currentPage * pageSize;
+    return allData.slice(start, start + pageSize);
+  }, [allData, currentPage, pageSize]);
+  React.useEffect(() => {
+    if (filters.mrkey && (allData === null || allData === void 0 ? void 0 : allData.length) > 0) {
+      const mrKnos = allData.map(item => item.kno).filter(Boolean);
+      setSelectedKnos(mrKnos);
     }
-    return {
-      assignmentType: "KNO",
-      assignmentValue: selectedKnos
-    };
-  };
+  }, [filters.mrkey, allData]);
   const handleAssign = () => {
-    const _getAssignmentPayload = getAssignmentPayload(),
-      assignmentType = _getAssignmentPayload.assignmentType,
-      assignmentValue = _getAssignmentPayload.assignmentValue;
     const payload = {
       tenantId: tenantId,
-      assignmentType,
-      assignmentValue
+      assignmentType: "KNO",
+      assignmentValue: selectedKnos
     };
     if (isReassign) {
       var _surveyor$owner;
@@ -6733,10 +6686,9 @@ const AssignEkycModal = _ref => {
     activeMutation.mutate(payload);
   };
   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])]);
+    const currentKnos = paginatedData.map(item => item.kno);
+    const allSelected = currentKnos.length > 0 && currentKnos.every(kno => selectedKnos.includes(kno));
+    setSelectedKnos(prev => allSelected ? prev.filter(kno => !currentKnos.includes(kno)) : [...new Set([...prev, ...currentKnos])]);
   };
   const handleFilterChange = (key, value) => {
     setFilters(prev => _extends({}, prev, {
@@ -6746,12 +6698,12 @@ const AssignEkycModal = _ref => {
   const columns = React.useMemo(() => [{
     Header: () => /*#__PURE__*/React__default.createElement("input", {
       type: "checkbox",
-      checked: tableData.length > 0 && tableData.every(item => selectedKnos.includes(item.kno)),
+      checked: paginatedData.length > 0 && paginatedData.every(item => selectedKnos.includes(item.kno)),
       onChange: handleSelectAll
     }),
     id: "selection",
-    Cell: _ref3 => {
-      let row = _ref3.row;
+    Cell: _ref2 => {
+      let row = _ref2.row;
       const kno = row.original.kno;
       return /*#__PURE__*/React__default.createElement("input", {
         type: "checkbox",
@@ -6775,8 +6727,8 @@ const AssignEkycModal = _ref => {
   }, {
     Header: "Status",
     accessor: "status",
-    Cell: _ref4 => {
-      let value = _ref4.value;
+    Cell: _ref3 => {
+      let value = _ref3.value;
       return /*#__PURE__*/React__default.createElement("span", {
         className: "status-badge " + (value === "ACTIVE" ? "verified" : value === "PENDING" ? "pending" : "assigned")
       }, value);
@@ -6784,14 +6736,14 @@ const AssignEkycModal = _ref => {
   }, {
     Header: "eKYC Status",
     accessor: "ekycStatus",
-    Cell: _ref5 => {
-      let value = _ref5.value;
+    Cell: _ref4 => {
+      let value = _ref4.value;
       const status = (value || "NA").toUpperCase();
       return value ? /*#__PURE__*/React__default.createElement("span", {
         className: "ekyc-status-tag " + status
       }, t(status)) : "-";
     }
-  }], [selectedKnos, tableData]);
+  }], [selectedKnos, paginatedData]);
   const handleSelect = kno => {
     setSelectedKnos(prev => prev.includes(kno) ? prev.filter(item => item !== kno) : [...prev, kno]);
   };
@@ -6839,7 +6791,8 @@ const AssignEkycModal = _ref => {
   }, t("EKYC_CLEAR_SELECTION") || "Clear Selected")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Table, {
     tableTitle: "eKYC Applications",
     tableClass: "ekycTable",
-    data: tableData,
+    isTableScrollable: true,
+    data: paginatedData,
     columns: columns,
     isLoading: isLoading,
     totalRecords: (applicationData === null || applicationData === void 0 ? void 0 : applicationData.totalCount) || 0,
@@ -6848,7 +6801,7 @@ const AssignEkycModal = _ref => {
     manualPagination: true,
     isPaginationRequired: true,
     onNextPage: () => {
-      if (currentPage < ((applicationData === null || applicationData === void 0 ? void 0 : applicationData.totalPages) || 1) - 1) {
+      if (currentPage < totalPages - 1) {
         setCurrentPage(prev => prev + 1);
       }
     },
@@ -6861,7 +6814,7 @@ const AssignEkycModal = _ref => {
       setCurrentPage(0);
     },
     onLastPage: () => {
-      setCurrentPage(Math.max(((applicationData === null || applicationData === void 0 ? void 0 : applicationData.totalPages) || 1) - 1, 0));
+      setCurrentPage(Math.max(totalPages - 1, 0));
     },
     onPageSizeChange: e => {
       setPageSize(Number(e.target.value));
@@ -7423,9 +7376,7 @@ const SurveyorDetailsDashboard = () => {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "ekyc-details-wrapper"
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: "details-left"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "details-grid"
+    className: "details-top-row"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React__default.createElement("span", {
@@ -7439,34 +7390,8 @@ const SurveyorDetailsDashboard = () => {
   }, t("EMAIL")), /*#__PURE__*/React__default.createElement("span", {
     className: "value"
   }, (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner8 = surveyor.owner) === null || _surveyor$owner8 === void 0 ? void 0 : _surveyor$owner8.emailId) || "N/A")), /*#__PURE__*/React__default.createElement("div", {
-    className: "detail-item"
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "label"
-  }, t("GENDER")), /*#__PURE__*/React__default.createElement("span", {
-    className: "value"
-  }, (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner9 = surveyor.owner) === null || _surveyor$owner9 === void 0 ? void 0 : _surveyor$owner9.gender) || "N/A")), /*#__PURE__*/React__default.createElement("div", {
-    className: "detail-item"
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "label"
-  }, t("STATUS")), /*#__PURE__*/React__default.createElement("span", {
-    className: "value"
-  }, (surveyor === null || surveyor === void 0 ? void 0 : surveyor.status) || "N/A")), /*#__PURE__*/React__default.createElement("div", {
-    className: "detail-item"
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "label"
-  }, t("VENDOR_NAME") || "Vendor Name"), /*#__PURE__*/React__default.createElement("span", {
-    className: "value"
-  }, vendorName)), /*#__PURE__*/React__default.createElement("div", {
-    className: "detail-item"
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "label"
-  }, t("SUPERVISOR_NAME") || "Supervisor Name"), /*#__PURE__*/React__default.createElement("span", {
-    className: "value"
-  }, supervisorName)))), /*#__PURE__*/React__default.createElement("div", {
-    className: "details-right"
-  }, /*#__PURE__*/React__default.createElement("div", {
     className: "download-card"
-  }, /*#__PURE__*/React__default.createElement("h4", null, t("DOWNLOAD_EKYC_DATA") || "Download eKYC Data"), /*#__PURE__*/React__default.createElement("p", null, t("DOWNLOAD_EKYC_DATA_DESC") || "Export the complete eKYC verification records for your assigned jurisdiction into Excel format."), /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h4", null, t("DOWNLOAD_EKYC_DATA") || "Download eKYC Data"), /*#__PURE__*/React__default.createElement("p", null, t("DOWNLOAD_EKYC_DATA_DESC") || "Export the complete eKYC verification records for your assigned jurisdiction into Excel format.")), /*#__PURE__*/React__default.createElement("div", {
     className: "report-download",
     ref: reportMenuRef
   }, /*#__PURE__*/React__default.createElement("button", {
@@ -7550,12 +7475,39 @@ const SurveyorDetailsDashboard = () => {
   }, t("CANCEL") || "Cancel"), /*#__PURE__*/React__default.createElement("button", {
     className: "picker-apply-btn",
     onClick: handleCustomDownload
-  }, t("APPLY") || "Apply"))))))))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
+  }, t("APPLY") || "Apply"))))))), /*#__PURE__*/React__default.createElement("div", {
+    className: "details-grid-row"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "detail-item"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "label"
+  }, t("GENDER")), /*#__PURE__*/React__default.createElement("span", {
+    className: "value"
+  }, (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner9 = surveyor.owner) === null || _surveyor$owner9 === void 0 ? void 0 : _surveyor$owner9.gender) || "N/A")), /*#__PURE__*/React__default.createElement("div", {
+    className: "detail-item"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "label"
+  }, t("STATUS")), /*#__PURE__*/React__default.createElement("span", {
+    className: "value"
+  }, (surveyor === null || surveyor === void 0 ? void 0 : surveyor.status) || "N/A")), /*#__PURE__*/React__default.createElement("div", {
+    className: "detail-item"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "label"
+  }, t("VENDOR_NAME") || "Vendor Name"), /*#__PURE__*/React__default.createElement("span", {
+    className: "value"
+  }, vendorName)), /*#__PURE__*/React__default.createElement("div", {
+    className: "detail-item"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "label"
+  }, t("SUPERVISOR_NAME") || "Supervisor Name"), /*#__PURE__*/React__default.createElement("span", {
+    className: "value"
+  }, supervisorName))))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
     className: "dashboard-card"
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Table, {
     t: t,
     tableTitle: t("ASSIGNED_KNOS"),
     tableClass: "ekycTable",
+    isTableScrollable: true,
     data: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo5 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo5 === void 0 ? void 0 : _dashboardData$dashbo5.consumerList) || [],
     columns: knoColumns,
     isLoading: isDashboardLoading,