@djb25/digit-ui-module-ekyc 1.0.40 → 1.0.42

package/dist/index.js

@@ -11,9 +11,11 @@ var fa = require('react-icons/fa');
 var recharts = require('recharts');
 
 const EKYCCard = () => {
+  var _Digit$SessionStorage, _Digit$SessionStorage2, _Digit$SessionStorage3;
   const _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   const tenantId = Digit.ULBService.getCurrentTenantId();
+  const roles = ((_Digit$SessionStorage = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage === void 0 ? void 0 : (_Digit$SessionStorage2 = _Digit$SessionStorage.info) === null || _Digit$SessionStorage2 === void 0 ? void 0 : (_Digit$SessionStorage3 = _Digit$SessionStorage2.roles) === null || _Digit$SessionStorage3 === void 0 ? void 0 : _Digit$SessionStorage3.map(r => r.code)) || [];
   const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycApplicationList({}, {
       tenantId,
       offset: 0,
@@ -42,10 +44,10 @@ const EKYCCard = () => {
       count: totalCount,
       label: t("EKYC_INBOX"),
       link: "/digit-ui/employee/ekyc/inbox"
-    }, {
+    }, ...(!roles.includes("EMPLOYEE") ? [{
       label: t("EKYC_ASSIGN"),
       link: "/digit-ui/employee/ekyc/assign"
-    }]
+    }] : [])]
   };
   return /*#__PURE__*/React__default.createElement(digitUiReactComponents.EmployeeModuleCard, propsForModuleCard);
 };
@@ -330,7 +332,7 @@ const DesktopInbox = _ref => {
     Cell: _ref4 => {
       var _row$original4;
       let row = _ref4.row;
-      const status = ((_row$original4 = row.original) === null || _row$original4 === void 0 ? void 0 : _row$original4.status) || "DEFAULT";
+      const status = (((_row$original4 = row.original) === null || _row$original4 === void 0 ? void 0 : _row$original4.status) || "DEFAULT").toUpperCase();
       return /*#__PURE__*/React__default.createElement("span", {
         className: "ekyc-status-tag " + status
       }, t("" + status));
@@ -1942,12 +1944,6 @@ const VendorDetailsCard = () => {
       color: "#0B2559",
       type: "today",
       icon: /*#__PURE__*/React__default.createElement(fa.FaUsers, null)
-    }, {
-      label: "TOTAL_ASSIGNMENTS",
-      count: totalKnos,
-      color: "#3B82F6",
-      type: "week",
-      icon: /*#__PURE__*/React__default.createElement(fa.FaMapMarkedAlt, null)
     }, {
       label: "EKYC_COMPLETED",
       count: completedKnos,
@@ -2056,20 +2052,20 @@ const VendorDetailsCard = () => {
     Header: t("SUPERVISOR_NAME") || "Supervisor Name",
     accessor: row => (row === null || row === void 0 ? void 0 : row.name) || "N/A",
     Cell: _ref => {
-      var _row$original;
+      var _Digit$SessionStorage2, _Digit$SessionStorage3, _Digit$SessionStorage4, _row$original;
       let row = _ref.row;
+      const userType = ((_Digit$SessionStorage2 = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage2 === void 0 ? void 0 : (_Digit$SessionStorage3 = _Digit$SessionStorage2.info) === null || _Digit$SessionStorage3 === void 0 ? void 0 : (_Digit$SessionStorage4 = _Digit$SessionStorage3.type) === null || _Digit$SessionStorage4 === void 0 ? void 0 : _Digit$SessionStorage4.toLowerCase()) || "citizen";
+      const targetPath = "/digit-ui/" + userType + "/ekyc/supervisor-dashboard/" + row.original.id;
       return /*#__PURE__*/React__default.createElement("a", {
-        href: "/digit-ui/employee/ekyc/assign/surveyor-details/" + row.original.id,
+        href: targetPath,
         style: {
           color: "#1D70B8",
           fontWeight: "600",
           textDecoration: "none"
         },
         onClick: e => {
-          var _Digit$SessionStorage2, _Digit$SessionStorage3, _Digit$SessionStorage4;
-          const userType = ((_Digit$SessionStorage2 = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage2 === void 0 ? void 0 : (_Digit$SessionStorage3 = _Digit$SessionStorage2.info) === null || _Digit$SessionStorage3 === void 0 ? void 0 : (_Digit$SessionStorage4 = _Digit$SessionStorage3.type) === null || _Digit$SessionStorage4 === void 0 ? void 0 : _Digit$SessionStorage4.toLowerCase()) || "citizen";
           e.preventDefault();
-          history.push("/digit-ui/" + userType + "/ekyc/assign/surveyor-details/" + row.original.id);
+          history.push(targetPath);
         }
       }, ((_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.name) || "N/A");
     }
@@ -2449,17 +2445,31 @@ const useInboxTableConfig = _ref => {
     Cell: _ref4 => {
       var _row$original4;
       let row = _ref4.row;
-      const status = ((_row$original4 = row.original) === null || _row$original4 === void 0 ? void 0 : _row$original4.status) || "DEFAULT";
+      const status = (((_row$original4 = row.original) === null || _row$original4 === void 0 ? void 0 : _row$original4.status) || "DEFAULT").toUpperCase();
       return /*#__PURE__*/React__default.createElement("span", {
         className: "ekyc-status-tag " + status
       }, t("" + status));
     }
+  }, {
+    Header: t("SUBMITTED_AT") || "Submitted At",
+    accessor: "submittedAt",
+    Cell: _ref5 => {
+      let value = _ref5.value;
+      return value ? Digit.DateUtils.ConvertEpochToDate(value) : "-";
+    }
+  }, {
+    Header: t("ASSIGNED_AT") || "Assigned At",
+    accessor: "assignedAt",
+    Cell: _ref6 => {
+      let value = _ref6.value;
+      return value ? Digit.DateUtils.ConvertEpochToDate(value) : "-";
+    }
   }, {
     Header: t("EKYC_EKYC_STATUS"),
     accessor: "ekycStatus",
-    Cell: _ref5 => {
+    Cell: _ref7 => {
       var _row$original5, _row$original6;
-      let row = _ref5.row;
+      let row = _ref7.row;
       const ekycStatus = (((_row$original5 = row.original) === null || _row$original5 === void 0 ? void 0 : _row$original5.ekycStatus) || ((_row$original6 = row.original) === null || _row$original6 === void 0 ? void 0 : _row$original6.ekycstatus) || "NA").toUpperCase();
       return /*#__PURE__*/React__default.createElement("span", {
         className: "ekyc-status-tag " + ekycStatus
@@ -2809,6 +2819,92 @@ const SearchFormFieldsComponents = _ref => {
   }), (errors === null || errors === void 0 ? void 0 : errors.kNumber) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabelError, null, errors.kNumber.message)));
 };
 
+const useInboxMobileCardsData = _ref => {
+  var _Digit$SessionStorage, _Digit$SessionStorage2, _Digit$SessionStorage3;
+  let table = _ref.table,
+    tenantId = _ref.tenantId;
+  const _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  const history = reactRouterDom.useHistory();
+  const _useState = React.useState(""),
+    selectedKno = _useState[0],
+    setSelectedKno = _useState[1];
+  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycAPI("review", tenantId),
+    reviewData = _Digit$Hooks$ekyc$use.data,
+    getReview = _Digit$Hooks$ekyc$use.getReview;
+  const userType = ((_Digit$SessionStorage = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage === void 0 ? void 0 : (_Digit$SessionStorage2 = _Digit$SessionStorage.info) === null || _Digit$SessionStorage2 === void 0 ? void 0 : (_Digit$SessionStorage3 = _Digit$SessionStorage2.type) === null || _Digit$SessionStorage3 === void 0 ? void 0 : _Digit$SessionStorage3.toLowerCase()) || "citizen";
+  React__default.useEffect(() => {
+    if (reviewData) {
+      history.push("/digit-ui/" + userType + "/ekyc/review/" + selectedKno, {
+        aadhaarData: reviewData === null || reviewData === void 0 ? void 0 : reviewData.aadhaarData,
+        reviewData
+      });
+    }
+  }, [reviewData]);
+  const handleReview = kno => {
+    setSelectedKno(kno);
+    getReview({
+      kno
+    });
+  };
+  const dataForMobileInboxCards = table === null || table === void 0 ? void 0 : table.map(item => {
+    const kno = item.kno || item.applicationNumber || "NA";
+    const status = (item.status || "DEFAULT").toUpperCase();
+    const ekycStatus = (item.ekycStatus || item.ekycstatus || "NA").toUpperCase();
+    return {
+      [t("EKYC_APPLICATION_NO")]: /*#__PURE__*/React__default.createElement("span", {
+        className: "link",
+        onClick: () => handleReview(kno)
+      }, kno),
+      [t("EKYC_CITIZEN_NAME")]: item.citizenName || "NA",
+      [t("EKYC_STATUS")]: /*#__PURE__*/React__default.createElement("span", {
+        className: "ekyc-status-tag " + status
+      }, t("" + status)),
+      [t("SUBMITTED_AT")]: item.submittedAt ? Digit.DateUtils.ConvertEpochToDate(item.submittedAt) : "-",
+      [t("ASSIGNED_AT")]: item.assignedAt ? Digit.DateUtils.ConvertEpochToDate(item.assignedAt) : "-",
+      [t("EKYC_EKYC_STATUS")]: /*#__PURE__*/React__default.createElement("span", {
+        className: "ekyc-status-tag " + ekycStatus
+      }, t("" + ekycStatus))
+    };
+  });
+  const MobileSortFormValues = () => {
+    const sortOrderOptions = [{
+      code: "DESC",
+      i18nKey: "ES_INBOX_DATE_LATEST_FIRST"
+    }, {
+      code: "ASC",
+      i18nKey: "ES_INBOX_DATE_LATEST_LAST"
+    }];
+    const _useFormContext = useFormContext(),
+      controlSortForm = _useFormContext.control;
+    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.SearchField, null, /*#__PURE__*/React__default.createElement(Controller, {
+      name: "sortOrder",
+      control: controlSortForm,
+      render: _ref2 => {
+        let onChange = _ref2.onChange,
+          value = _ref2.value;
+        return /*#__PURE__*/React__default.createElement(digitUiReactComponents.RadioButtons, {
+          onSelect: e => {
+            onChange(e.code);
+          },
+          selectedOption: sortOrderOptions.filter(option => option.code === value)[0],
+          optionsKey: "i18nKey",
+          name: "sortOrder",
+          options: sortOrderOptions
+        });
+      }
+    }));
+  };
+  return {
+    data: dataForMobileInboxCards,
+    isTwoDynamicPrefix: true,
+    getRedirectionLink: () => {},
+    handleClickEnabled: false,
+    serviceRequestIdKey: "applicationNo",
+    MobileSortFormValues
+  };
+};
+
 const Inbox = _ref => {
   var _formState$tableForm3, _formState$tableForm4, _formState$searchForm3, _formState$searchForm4;
   let parentRoute = _ref.parentRoute;
@@ -3032,13 +3128,39 @@ const Inbox = _ref => {
       width: "70%"
     }
   }));
+  const onMobileSortOrderData = data => {
+    const sortOrder = data.sortOrder;
+    dispatch({
+      action: "mutateTableForm",
+      data: _extends({}, formState.tableForm, {
+        sortOrder
+      })
+    });
+  };
+  const onSortFormReset = setSortFormValue => {
+    setSortFormValue("sortOrder", "DESC");
+    dispatch({
+      action: "mutateTableForm",
+      data: tableOrderFormDefaultValues
+    });
+  };
+  const propsForMobileSortForm = {
+    onMobileSortOrderData,
+    sortFormDefaultValues: formState === null || formState === void 0 ? void 0 : formState.tableForm,
+    onSortFormReset
+  };
+  const propsForInboxMobileCards = useInboxMobileCardsData({
+    table: filteredData,
+    tenantId
+  });
   const isInboxLoading = isListLoading || isSearchLoading;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "app-container"
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.InboxComposer, _extends({
     isInboxLoading
-  }, propsForSearchForm, {
+  }, propsForSearchForm, propsForMobileSortForm, {
     propsForInboxTable,
+    propsForInboxMobileCards,
     formState,
     countData: listData
   })));
@@ -5390,759 +5512,916 @@ const EKYCForm = _ref => {
   }))))));
 };
 
-const AssignEkycModal = _ref => {
-  let surveyor = _ref.surveyor,
-    closeModal = _ref.closeModal,
-    refetchDashboard = _ref.refetchDashboard;
+function formReducer(state, payload) {
+  const storageKey = "EKYC.SW.INBOX";
+  switch (payload.action) {
+    case "mutateSearchForm":
+      Digit.SessionStorage.set(storageKey, _extends({}, state, {
+        searchForm: payload.data
+      }));
+      return _extends({}, state, {
+        searchForm: payload.data
+      });
+    case "mutateFilterForm":
+      Digit.SessionStorage.set(storageKey, _extends({}, state, {
+        filterForm: payload.data
+      }));
+      return _extends({}, state, {
+        filterForm: payload.data
+      });
+    case "mutateTableForm":
+      Digit.SessionStorage.set(storageKey, _extends({}, state, {
+        tableForm: payload.data
+      }));
+      return _extends({}, state, {
+        tableForm: payload.data
+      });
+    default:
+      return state;
+  }
+}
+const formInitValue = {
+  filterForm: {},
+  searchForm: {},
+  tableForm: {
+    limit: 10,
+    offset: 0,
+    sortBy: "createdTime",
+    sortOrder: "DESC"
+  }
+};
+const tableColumnConfig = (t, handleReview) => [{
+  Header: t("SURVEYOR_NAME"),
+  accessor: "surveyorName",
+  Cell: _ref => {
+    var _row$original, _row$original2, _row$original3;
+    let row = _ref.row;
+    const id = (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.id;
+    return /*#__PURE__*/React__default.createElement("span", {
+      className: "link",
+      onClick: () => handleReview(id)
+    }, ((_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : _row$original2.surveyorName) || ((_row$original3 = row.original) === null || _row$original3 === void 0 ? void 0 : _row$original3.name) || "NA");
+  }
+}, {
+  Header: t("MOBILE_NUMBER"),
+  accessor: "mobileNo",
+  Cell: _ref2 => {
+    var _row$original4, _row$original5, _row$original5$owner;
+    let row = _ref2.row;
+    return /*#__PURE__*/React__default.createElement("span", null, ((_row$original4 = row.original) === null || _row$original4 === void 0 ? void 0 : _row$original4.mobileNo) || ((_row$original5 = row.original) === null || _row$original5 === void 0 ? void 0 : (_row$original5$owner = _row$original5.owner) === null || _row$original5$owner === void 0 ? void 0 : _row$original5$owner.mobileNumber) || "NA");
+  }
+}, {
+  Header: t("STATUS"),
+  accessor: "status",
+  Cell: _ref3 => {
+    var _row$original6;
+    let row = _ref3.row;
+    const status = ((_row$original6 = row.original) === null || _row$original6 === void 0 ? void 0 : _row$original6.status) || "DEFAULT";
+    return /*#__PURE__*/React__default.createElement("span", {
+      className: "ekyc-status-tag " + status
+    }, t(status));
+  }
+}, {
+  Header: t("SERVICE_TYPE"),
+  accessor: "serviceType",
+  Cell: _ref4 => {
+    var _row$original7;
+    let row = _ref4.row;
+    return /*#__PURE__*/React__default.createElement("span", null, ((_row$original7 = row.original) === null || _row$original7 === void 0 ? void 0 : _row$original7.serviceType) || "NA");
+  }
+}];
+
+const SupervisorInboxTableConfig = _ref => {
+  var _Digit$SessionStorage, _Digit$SessionStorage2, _Digit$SessionStorage3, _formState$tableForm, _formState$tableForm2;
+  let onPageSizeChange = _ref.onPageSizeChange,
+    formState = _ref.formState,
+    totalCount = _ref.totalCount,
+    table = _ref.table,
+    dispatch = _ref.dispatch,
+    onSortingByData = _ref.onSortingByData,
+    _ref$inboxStyles = _ref.inboxStyles,
+    inboxStyles = _ref$inboxStyles === void 0 ? {} : _ref$inboxStyles,
+    _ref$tableStyle = _ref.tableStyle,
+    tableStyle = _ref$tableStyle === void 0 ? {} : _ref$tableStyle;
   const _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  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({
-      error: false,
-      label: ""
+  const history = reactRouterDom.useHistory();
+  const userType = ((_Digit$SessionStorage = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage === void 0 ? void 0 : (_Digit$SessionStorage2 = _Digit$SessionStorage.info) === null || _Digit$SessionStorage2 === void 0 ? void 0 : (_Digit$SessionStorage3 = _Digit$SessionStorage2.type) === null || _Digit$SessionStorage3 === void 0 ? void 0 : _Digit$SessionStorage3.toLowerCase()) || "citizen";
+  const handleReview = id => {
+    history.push("/digit-ui/" + userType + "/ekyc/assign/surveyor-details/" + id);
+  };
+  const limit = (formState === null || formState === void 0 ? void 0 : (_formState$tableForm = formState.tableForm) === null || _formState$tableForm === void 0 ? void 0 : _formState$tableForm.limit) || 10;
+  const offset = (formState === null || formState === void 0 ? void 0 : (_formState$tableForm2 = formState.tableForm) === null || _formState$tableForm2 === void 0 ? void 0 : _formState$tableForm2.offset) || 0;
+  return {
+    disableSort: false,
+    autoSort: false,
+    manualPagination: true,
+    currentPage: Math.floor(offset / limit),
+    onPageSizeChange,
+    onNextPage: () => dispatch({
+      action: "mutateTableForm",
+      data: _extends({}, formState.tableForm, {
+        offset: Number(offset) + Number(limit)
+      })
     }),
-    toastData = _useState6[0],
-    setToastData = _useState6[1];
-  const _useState7 = React.useState({
-      kno: "",
-      pincode: "",
-      zoneCode: "",
-      zoneName: "",
-      ward: "",
-      assembly: "",
-      mrkey: "",
-      ekycStatus: ""
+    onPrevPage: () => dispatch({
+      action: "mutateTableForm",
+      data: _extends({}, formState.tableForm, {
+        offset: Number(offset) - Number(limit)
+      })
     }),
-    filters = _useState7[0],
-    setFilters = _useState7[1];
-  const _useState8 = React.useState(filters),
-    debouncedFilters = _useState8[0],
-    setDebouncedFilters = _useState8[1];
-  const _Digit$Hooks$ws$useWS = Digit.Hooks.ws.useWSConfigMDMS.ZROLocation("dl.djb"),
-    zroLocationsData = _Digit$Hooks$ws$useWS.data,
-    isZroLoading = _Digit$Hooks$ws$useWS.isLoading;
-  const mappedZROLocation = React.useMemo(() => {
-    return (zroLocationsData || []).map(item => ({
-      code: item.code,
-      name: item.name
-    }));
-  }, [zroLocationsData]);
-  const _Digit$Hooks$useCommo = Digit.Hooks.useCommonMDMS("dl.djb", "egov-location", ["TenantBoundary"]),
-    egovLocationData = _Digit$Hooks$useCommo.data;
-  const boundaryData = React.useMemo(() => {
-    var _egovLocationData$ego;
-    const tenantBoundary = (egovLocationData === null || egovLocationData === void 0 ? void 0 : (_egovLocationData$ego = egovLocationData["egov-location"]) === null || _egovLocationData$ego === void 0 ? void 0 : _egovLocationData$ego.TenantBoundary) || [];
-    const revenueData = tenantBoundary.find(item => {
-      var _item$hierarchyType;
-      return (item === null || item === void 0 ? void 0 : (_item$hierarchyType = item.hierarchyType) === null || _item$hierarchyType === void 0 ? void 0 : _item$hierarchyType.code) === "REVENUE";
-    });
-    const boundary = (revenueData === null || revenueData === void 0 ? void 0 : revenueData.boundary) || [];
-    return Array.isArray(boundary) ? boundary : [boundary];
-  }, [egovLocationData]);
-  const _useMemo = React.useMemo(() => {
-      const assemblies = new Map();
-      const wards = new Map();
-      const boundaries = Array.isArray(boundaryData) ? boundaryData : boundaryData ? [boundaryData] : [];
-      const traverse = node => {
-        if (!node) return;
-        if (node.label === "Ward" || node.label === "WARD" || node.label === "Block" || node.label === "BLOCK") {
-          const code = node.code || node.localname || node.name;
-          const name = node.name || node.localname || code;
-          if (code) wards.set(code, {
-            code,
-            name: name
-          });
-        }
-        if (node.label === "Assembly Constituency" || node.label === "ASSEMBLY_CONSTITUENCY") {
-          const code = node.code || node.localname || node.name;
-          const name = node.name || node.localname || code;
-          if (code) assemblies.set(code, {
-            code,
-            name: name
-          });
-        }
-        if (node.children && node.children.length > 0) {
-          node.children.forEach(traverse);
-        }
-      };
-      boundaries.forEach(traverse);
-      return {
-        assemblyOptions: Array.from(assemblies.values()).sort((a, b) => a.name.localeCompare(b.name)),
-        wardOptions: Array.from(wards.values()).sort((a, b) => a.name.localeCompare(b.name))
-      };
-    }, [boundaryData]),
-    assemblyOptions = _useMemo.assemblyOptions,
-    wardOptions = _useMemo.wardOptions;
-  const structuredLocalityData = React.useMemo(() => {
-    let localities = [];
-    const boundaries = Array.isArray(boundaryData) ? boundaryData : boundaryData ? [boundaryData] : [];
-    const extractLocalities = node => {
-      if (!node) return;
-      if (node.label === "Locality" || node.label === "LOCALITY") {
-        localities.push(_extends({}, node, {
-          name: node.localname || node.name || node.code
-        }));
-      }
-      if (node.children && node.children.length > 0) {
-        node.children.forEach(child => extractLocalities(child));
-      }
-    };
-    boundaries.forEach(rootNode => extractLocalities(rootNode));
-    return localities;
-  }, [boundaryData]);
-  const fetchedPincodes = React.useMemo(() => {
-    const pinSet = new Set();
-    structuredLocalityData.forEach(loc => {
-      if (loc.pincode) {
-        const pins = Array.isArray(loc.pincode) ? loc.pincode : [loc.pincode];
-        pins.forEach(p => {
-          if (p) {
-            const sanitizedPin = p.toString().split(".")[0];
-            pinSet.add(sanitizedPin);
-          }
-        });
-      }
-    });
-    return Array.from(pinSet).sort();
-  }, [structuredLocalityData]);
-  React.useEffect(() => {
-    const timer = setTimeout(() => {
-      setDebouncedFilters(filters);
-    }, 500);
-    return () => clearTimeout(timer);
-  }, [filters]);
-  React.useEffect(() => {
-    setCurrentPage(0);
-  }, [debouncedFilters, filters.kno]);
-  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycApplicationList(_extends({
-      unassignedOnly: true
-    }, filters.kno && {
-      kno: filters.kno
-    }, debouncedFilters.ekycStatus && {
-      ekycStatus: debouncedFilters.ekycStatus
-    }, debouncedFilters.zoneName && {
-      zoneName: debouncedFilters.zoneName
-    }, debouncedFilters.assembly && {
-      assembly: debouncedFilters.assembly
-    }, debouncedFilters.ward && {
-      ward: debouncedFilters.ward
-    }, debouncedFilters.mrkey && {
-      mrkey: debouncedFilters.mrkey
-    }, debouncedFilters.pincode && {
-      pincode: debouncedFilters.pincode
-    }), {
-      tenantId: "dl.djb",
-      offset: currentPage * pageSize,
-      limit: pageSize
-    }, {
-      keepPreviousData: true
+    onLastPage: () => dispatch({
+      action: "mutateTableForm",
+      data: _extends({}, formState.tableForm, {
+        offset: Math.ceil(totalCount / limit) * limit - Number(limit)
+      })
     }),
-    applicationData = _Digit$Hooks$ekyc$use.data,
-    isLoading = _Digit$Hooks$ekyc$use.isFetching;
-  const handleAssignmentError = (errMsg, variables) => {
-    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"
-        });
-      }
-    } else {
-      setToastData({
-        error: true,
-        label: t(errMsg) || errMsg || t("EKYC_SOMETHING_WENT_WRONG") || "Something went wrong"
-      });
-    }
-    setShowToast(true);
+    onFirstPage: () => dispatch({
+      action: "mutateTableForm",
+      data: _extends({}, formState.tableForm, {
+        offset: 0
+      })
+    }),
+    totalRecords: totalCount,
+    onSort: onSortingByData,
+    data: table,
+    columns: tableColumnConfig(t, handleReview),
+    inboxStyles: _extends({}, inboxStyles),
+    tableStyle: _extends({}, tableStyle)
   };
-  const assignmentMutation = Digit.Hooks.ekyc.useEkycAssignmentCreate({
-    onSuccess: (response, variables) => {
-      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);
-        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);
-        return;
-      }
-      setToastData({
-        error: false,
-        label: t("EKYC_ASSIGNMENT_SUCCESSFUL") || "Assignment successful"
-      });
-      setShowToast(true);
-      setTimeout(function () {
-        try {
-          return Promise.resolve(refetchDashboard()).then(function () {
-            closeModal();
-          });
-        } catch (e) {
-          return Promise.reject(e);
-        }
-      }, 1000);
-    },
-    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);
-    }
-  });
-  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 useSupervisorInboxMobileCardsData = _ref => {
+  var _Digit$SessionStorage, _Digit$SessionStorage2, _Digit$SessionStorage3;
+  let table = _ref.table;
+  const _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  const history = reactRouterDom.useHistory();
+  const userType = ((_Digit$SessionStorage = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage === void 0 ? void 0 : (_Digit$SessionStorage2 = _Digit$SessionStorage.info) === null || _Digit$SessionStorage2 === void 0 ? void 0 : (_Digit$SessionStorage3 = _Digit$SessionStorage2.type) === null || _Digit$SessionStorage3 === void 0 ? void 0 : _Digit$SessionStorage3.toLowerCase()) || "citizen";
+  const handleReview = id => {
+    history.push("/digit-ui/" + userType + "/ekyc/assign/surveyor-details/" + id);
+  };
+  const dataForMobileInboxCards = table === null || table === void 0 ? void 0 : table.map(item => {
+    var _item$owner;
+    const id = item.id;
+    const status = item.status || "DEFAULT";
     return {
-      assignmentType: "KNO",
-      assignmentValue: selectedKnos
+      [t("SURVEYOR_NAME")]: /*#__PURE__*/React__default.createElement("span", {
+        className: "link",
+        onClick: () => handleReview(id)
+      }, item.surveyorName || item.name || "NA"),
+      [t("MOBILE_NUMBER")]: item.mobileNo || ((_item$owner = item.owner) === null || _item$owner === void 0 ? void 0 : _item$owner.mobileNumber) || "NA",
+      [t("STATUS")]: /*#__PURE__*/React__default.createElement("span", {
+        className: "ekyc-status-tag " + status
+      }, t(status)),
+      [t("SERVICE_TYPE")]: item.serviceType || "NA"
     };
+  });
+  const MobileSortFormValues = () => {
+    const sortOrderOptions = [{
+      code: "DESC",
+      i18nKey: "ES_INBOX_DATE_LATEST_FIRST"
+    }, {
+      code: "ASC",
+      i18nKey: "ES_INBOX_DATE_LATEST_LAST"
+    }];
+    const _useFormContext = useFormContext(),
+      controlSortForm = _useFormContext.control;
+    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.SearchField, null, /*#__PURE__*/React__default.createElement(Controller, {
+      name: "sortOrder",
+      control: controlSortForm,
+      render: _ref2 => {
+        let onChange = _ref2.onChange,
+          value = _ref2.value;
+        return /*#__PURE__*/React__default.createElement(digitUiReactComponents.RadioButtons, {
+          onSelect: e => {
+            onChange(e.code);
+          },
+          selectedOption: sortOrderOptions.filter(option => option.code === value)[0],
+          optionsKey: "i18nKey",
+          name: "sortOrder",
+          options: sortOrderOptions
+        });
+      }
+    }));
   };
-  const handleAssign = () => {
-    var _surveyor$owner;
-    const _getAssignmentPayload = getAssignmentPayload(),
-      assignmentType = _getAssignmentPayload.assignmentType,
-      assignmentValue = _getAssignmentPayload.assignmentValue;
-    assignmentMutation.mutate({
-      tenantId: "dl.djb",
-      surveyorId: surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner = surveyor.owner) === null || _surveyor$owner === void 0 ? void 0 : _surveyor$owner.uuid,
-      assignmentType,
-      assignmentValue
-    });
+  return {
+    data: dataForMobileInboxCards,
+    isTwoDynamicPrefix: true,
+    getRedirectionLink: () => {},
+    handleClickEnabled: false,
+    serviceRequestIdKey: "id",
+    MobileSortFormValues
   };
-  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 AssignEkyc = () => {
+  var _formState$tableForm, _formState$tableForm2, _formState$tableForm3, _formState$tableForm4, _formState$searchForm, _dashboardData$dashbo;
+  let tenantId = Digit.ULBService.getCurrentTenantId();
+  if (!tenantId || tenantId === "dl") {
+    tenantId = "dl.djb";
+  }
+  const _useReducer = React.useReducer(formReducer, formInitValue),
+    formState = _useReducer[0],
+    dispatch = _useReducer[1];
+  let paginationParms = {
+    limit: (formState === null || formState === void 0 ? void 0 : (_formState$tableForm = formState.tableForm) === null || _formState$tableForm === void 0 ? void 0 : _formState$tableForm.limit) || 10,
+    offset: (formState === null || formState === void 0 ? void 0 : (_formState$tableForm2 = formState.tableForm) === null || _formState$tableForm2 === void 0 ? void 0 : _formState$tableForm2.offset) || 0,
+    sortBy: (formState === null || formState === void 0 ? void 0 : (_formState$tableForm3 = formState.tableForm) === null || _formState$tableForm3 === void 0 ? void 0 : _formState$tableForm3.sortBy) || "createdTime",
+    sortOrder: (formState === null || formState === void 0 ? void 0 : (_formState$tableForm4 = formState.tableForm) === null || _formState$tableForm4 === void 0 ? void 0 : _formState$tableForm4.sortOrder) || "DESC"
   };
-  const handleFilterChange = (key, value) => {
-    setFilters(prev => _extends({}, prev, {
-      [key]: value
-    }));
-  };
-  const columns = React.useMemo(() => [{
-    Header: () => /*#__PURE__*/React__default.createElement("input", {
-      type: "checkbox",
-      checked: tableData.length > 0 && tableData.every(item => selectedKnos.includes(item.kno)),
-      onChange: handleSelectAll
+  const mobileNumber = (formState === null || formState === void 0 ? void 0 : (_formState$searchForm = formState.searchForm) === null || _formState$searchForm === void 0 ? void 0 : _formState$searchForm.mobileNumber) || "";
+  const isSearchActive = !!mobileNumber;
+  const filters = _extends({}, paginationParms, {
+    status: "ACTIVE,DISABLED"
+  });
+  if (isSearchActive) {
+    filters.mobileNumber = mobileNumber;
+  }
+  const _Digit$Hooks$fsm$useS = Digit.Hooks.fsm.useSurveyorSearch(tenantId, filters, {
+      enabled: !!tenantId,
+      keepPreviousData: true
     }),
-    id: "selection",
-    Cell: _ref3 => {
-      let row = _ref3.row;
-      const kno = row.original.kno;
-      return /*#__PURE__*/React__default.createElement("input", {
-        type: "checkbox",
-        checked: selectedKnos.includes(kno),
-        onChange: () => handleSelect(kno)
+    dashboardData = _Digit$Hooks$fsm$useS.data,
+    isLoading = _Digit$Hooks$fsm$useS.isLoading;
+  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycAssignmentProgress({
+      enabled: !!tenantId,
+      keepPreviousData: true
+    }),
+    isDataSearchLoading = _Digit$Hooks$ekyc$use.isLoading;
+  const sourceData = React.useMemo(() => {
+    return (dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.surveyors) || [];
+  }, [dashboardData]);
+  const filteredData = React.useMemo(() => {
+    return (sourceData || []).map(item => {
+      var _owner$roles, _owner$roles$map, _item$additionalDetai, _item$auditDetails, _item$auditDetails2;
+      const owner = (item === null || item === void 0 ? void 0 : item.owner) || {};
+      const roleCodes = (owner === null || owner === void 0 ? void 0 : (_owner$roles = owner.roles) === null || _owner$roles === void 0 ? void 0 : (_owner$roles$map = _owner$roles.map(role => role.code)) === null || _owner$roles$map === void 0 ? void 0 : _owner$roles$map.join(", ")) || "";
+      return _extends({}, item, {
+        id: (item === null || item === void 0 ? void 0 : item.id) || "",
+        surveyorName: (item === null || item === void 0 ? void 0 : item.name) || (owner === null || owner === void 0 ? void 0 : owner.name) || "",
+        mobileNo: (item === null || item === void 0 ? void 0 : item.mobileNo) || (owner === null || owner === void 0 ? void 0 : owner.mobileNumber) || "",
+        email: (owner === null || owner === void 0 ? void 0 : owner.emailId) || "",
+        vendorId: (item === null || item === void 0 ? void 0 : item.vendorId) || "",
+        tenantId: (item === null || item === void 0 ? void 0 : item.tenantId) || "",
+        supervisorId: (item === null || item === void 0 ? void 0 : item.supervisorId) || "",
+        status: (item === null || item === void 0 ? void 0 : item.status) || "",
+        roleCodes,
+        userName: (owner === null || owner === void 0 ? void 0 : owner.userName) || "",
+        gender: (owner === null || owner === void 0 ? void 0 : owner.gender) || "",
+        serviceType: (item === null || item === void 0 ? void 0 : (_item$additionalDetai = item.additionalDetails) === null || _item$additionalDetai === void 0 ? void 0 : _item$additionalDetai.serviceType) || "",
+        createdTime: (item === null || item === void 0 ? void 0 : (_item$auditDetails = item.auditDetails) === null || _item$auditDetails === void 0 ? void 0 : _item$auditDetails.createdTime) || 0,
+        lastModifiedTime: (item === null || item === void 0 ? void 0 : (_item$auditDetails2 = item.auditDetails) === null || _item$auditDetails2 === void 0 ? void 0 : _item$auditDetails2.lastModifiedTime) || 0
       });
+    });
+  }, [sourceData]);
+  const totalRecords = (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo = dashboardData.dashboardInfo) === null || _dashboardData$dashbo === void 0 ? void 0 : _dashboardData$dashbo.totalRecords) || (dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.totalCount) || 0;
+  const SearchFormFields = React.useCallback(_ref => {
+    let registerRef = _ref.registerRef,
+      searchFormState = _ref.searchFormState,
+      controlSearchForm = _ref.controlSearchForm;
+    return /*#__PURE__*/React__default.createElement(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("") && (data === null || data === void 0 ? true : delete data[""]);
+    dispatch({
+      action: "mutateTableForm",
+      data: _extends({}, 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 === null || formState === void 0 ? void 0 : formState.searchForm,
+    resetSearchFormDefaultValues: searchFormDefaultValues,
+    onSearchFormReset,
+    className: "search-form-wns-inbox"
+  };
+  const onPageSizeChange = e => {
+    const newLimit = Number(e.target.value);
+    dispatch({
+      action: "mutateTableForm",
+      data: _extends({}, formState.tableForm, {
+        limit: newLimit,
+        offset: 0
+      })
+    });
+  };
+  const onSortingByData = e => {
+    if (e.length > 0) {
+      const _e$ = e[0],
+        id = _e$.id,
+        desc = _e$.desc;
+      const sortOrder = desc ? "DESC" : "ASC";
+      const sortBy = id;
+      if (!(formState.tableForm.sortBy === sortBy && formState.tableForm.sortOrder === sortOrder)) {
+        dispatch({
+          action: "mutateTableForm",
+          data: _extends({}, formState.tableForm, {
+            sortBy: id,
+            sortOrder: desc ? "DESC" : "ASC"
+          })
+        });
+      }
     }
-  }, {
-    Header: "KNO",
-    accessor: "kno"
-  }, {
-    Header: "Consumer Name",
-    accessor: row => ((row.firstName || "") + " " + (row.middleName || "") + " " + (row.lastName || "")).trim(),
-    id: "consumerName"
-  }, {
-    Header: "Zone",
-    accessor: "zoneName"
-  }, {
-    Header: "Pincode",
-    accessor: "pincode"
-  }, {
-    Header: "Status",
-    accessor: "status",
-    Cell: _ref4 => {
-      let value = _ref4.value;
-      return /*#__PURE__*/React__default.createElement("span", {
-        className: "status-badge " + (value === "ACTIVE" ? "verified" : value === "PENDING" ? "pending" : "assigned")
-      }, value);
-    }
-  }, {
-    Header: "eKYC Status",
-    accessor: "ekycStatus",
-    Cell: _ref5 => {
-      let value = _ref5.value;
-      return value || "-";
+  };
+  const propsForInboxTable = SupervisorInboxTableConfig(_extends({}, {
+    onPageSizeChange,
+    formState,
+    totalCount: totalRecords,
+    table: filteredData,
+    dispatch,
+    onSortingByData,
+    tenantId,
+    inboxStyles: {
+      overflowX: "scroll",
+      overflowY: "hidden"
+    },
+    tableStyle: {
+      width: "70%"
     }
-  }], [selectedKnos, tableData]);
-  const handleSelect = kno => {
-    setSelectedKnos(prev => prev.includes(kno) ? prev.filter(item => item !== kno) : [...prev, kno]);
+  }));
+  const isInboxLoading = isLoading;
+  const onMobileSortOrderData = data => {
+    const sortOrder = data.sortOrder;
+    dispatch({
+      action: "mutateTableForm",
+      data: _extends({}, formState.tableForm, {
+        sortOrder
+      })
+    });
   };
-  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
-    headerBarMain: "Assign KNOs to " + (surveyor === null || surveyor === void 0 ? void 0 : surveyor.name),
-    headerBarEnd: /*#__PURE__*/React__default.createElement(digitUiReactComponents.Close, {
-      onClick: closeModal
+  const onSortFormReset = setSortFormValue => {
+    setSortFormValue("sortOrder", "DESC");
+    dispatch({
+      action: "mutateTableForm",
+      data: tableOrderFormDefaultValues
+    });
+  };
+  const propsForMobileSortForm = {
+    onMobileSortOrderData,
+    sortFormDefaultValues: formState === null || formState === void 0 ? void 0 : formState.tableForm,
+    onSortFormReset
+  };
+  const propsForInboxMobileCards = useSupervisorInboxMobileCardsData({
+    table: filteredData
+  });
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "app-container"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.InboxComposer, _extends({
+    isInboxLoading
+  }, propsForSearchForm, propsForMobileSortForm, {
+    propsForInboxTable,
+    propsForInboxMobileCards,
+    formState,
+    countData: dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.dashboardInfo,
+    isCardLoading: isDataSearchLoading
+  })));
+};
+
+const AdminDashboard = () => {
+  var _Digit$SessionStorage, _loggedInUser$roles, _fullName$charAt;
+  const _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  const history = reactRouterDom.useHistory();
+  let tenantId = Digit.ULBService.getCurrentTenantId();
+  if (!tenantId || tenantId === "dl") {
+    tenantId = "dl.djb";
+  }
+  const loggedInUser = (_Digit$SessionStorage = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage === void 0 ? void 0 : _Digit$SessionStorage.info;
+  const _Digit$Hooks$fsm$useD = Digit.Hooks.fsm.useDsoSearch(tenantId, {
+      status: "ACTIVE"
+    }, {
+      enabled: !!tenantId
     }),
-    actionCancelLabel: "Cancel",
-    actionCancelOnSubmit: closeModal,
-    actionSaveLabel: "Assign " + selectedKnos.length + " KNOs",
-    actionSaveOnSubmit: handleAssign,
-    isDisabled: !(selectedKnos !== null && selectedKnos !== void 0 && selectedKnos.length)
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "assign-knos-modal"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "filters-grid"
-  }, /*#__PURE__*/React__default.createElement("input", {
-    className: "form-control",
-    placeholder: "KNO",
-    value: filters.kno,
-    onChange: e => handleFilterChange("kno", e.target.value)
-  }), /*#__PURE__*/React__default.createElement("select", {
-    className: "form-control",
-    value: filters.pincode,
-    onChange: e => handleFilterChange("pincode", e.target.value)
-  }, /*#__PURE__*/React__default.createElement("option", {
-    value: ""
-  }, "Select Pincode"), fetchedPincodes.map(pin => /*#__PURE__*/React__default.createElement("option", {
-    key: pin,
-    value: pin
-  }, pin))), /*#__PURE__*/React__default.createElement("select", {
-    className: "form-control",
-    value: filters.zoneName,
-    onChange: e => {
-      const val = e.target.value;
-      setFilters(prev => _extends({}, prev, {
-        zoneCode: val,
-        zoneName: val
-      }));
-    },
-    disabled: isZroLoading
-  }, /*#__PURE__*/React__default.createElement("option", {
-    value: ""
-  }, isZroLoading ? "Loading ZRO Locations..." : "Select ZRO Location"), mappedZROLocation.map(loc => /*#__PURE__*/React__default.createElement("option", {
-    key: loc.code,
-    value: loc.name
-  }, loc.name))), /*#__PURE__*/React__default.createElement("select", {
-    className: "form-control",
-    value: filters.ward,
-    onChange: e => handleFilterChange("ward", e.target.value)
-  }, /*#__PURE__*/React__default.createElement("option", {
-    value: ""
-  }, "Select Ward"), wardOptions.map(ward => /*#__PURE__*/React__default.createElement("option", {
-    key: ward.code,
-    value: ward.name
-  }, ward.name))), /*#__PURE__*/React__default.createElement("select", {
-    className: "form-control",
-    value: filters.assembly,
-    onChange: e => handleFilterChange("assembly", e.target.value)
-  }, /*#__PURE__*/React__default.createElement("option", {
-    value: ""
-  }, "Select Assembly"), assemblyOptions.map(assembly => /*#__PURE__*/React__default.createElement("option", {
-    key: assembly.code,
-    value: assembly.name
-  }, assembly.name))), /*#__PURE__*/React__default.createElement("input", {
-    className: "form-control",
-    placeholder: "MR Key",
-    value: filters.mrkey,
-    onChange: e => handleFilterChange("mrkey", e.target.value)
-  }), selectedKnos.length > 0 && /*#__PURE__*/React__default.createElement("button", {
-    className: "clear-selected-btn",
-    type: "button",
-    onClick: () => setSelectedKnos([])
-  }, t("EKYC_CLEAR_SELECTION") || "Clear Selected (" + selectedKnos.length + ")")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Table, {
-    tableTitle: "eKYC Applications",
-    tableClass: "ekycTable",
-    data: tableData,
-    columns: columns,
-    isLoading: isLoading,
-    totalRecords: (applicationData === null || applicationData === void 0 ? void 0 : applicationData.totalCount) || 0,
-    currentPage: currentPage,
-    pageSizeLimit: pageSize,
-    manualPagination: true,
-    isPaginationRequired: true,
-    onNextPage: () => {
-      if (currentPage < ((applicationData === null || applicationData === void 0 ? void 0 : applicationData.totalPages) || 1) - 1) {
-        setCurrentPage(prev => prev + 1);
-      }
-    },
-    onPrevPage: () => {
-      if (currentPage > 0) {
-        setCurrentPage(prev => prev - 1);
-      }
-    },
-    onFirstPage: () => {
-      setCurrentPage(0);
-    },
-    onLastPage: () => {
-      setCurrentPage(Math.max(((applicationData === null || applicationData === void 0 ? void 0 : applicationData.totalPages) || 1) - 1, 0));
-    },
-    onPageSizeChange: e => {
-      setPageSize(Number(e.target.value));
-      setCurrentPage(0);
+    vendorSearchResponse = _Digit$Hooks$fsm$useD.data,
+    isVendorSearchLoading = _Digit$Hooks$fsm$useD.isLoading;
+  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycAssignmentProgress({
+      enabled: !!tenantId,
+      keepPreviousData: true
+    }),
+    progressData = _Digit$Hooks$ekyc$use.data,
+    isProgressLoading = _Digit$Hooks$ekyc$use.isLoading;
+  const vendorsList = React.useMemo(() => {
+    if (vendorSearchResponse && vendorSearchResponse.length > 0) {
+      return vendorSearchResponse.map(v => {
+        var _progressData$supervi, _dso$owner, _v$owner, _dso$owner2;
+        const dso = v.dsoDetails || v;
+        const supervisorsList = dso.supervisors || [];
+        const surveyorsList = dso.surveyors || [];
+        const supervisorIds = supervisorsList.map(s => {
+          var _s$owner;
+          return s.id || ((_s$owner = s.owner) === null || _s$owner === void 0 ? void 0 : _s$owner.uuid);
+        }).filter(Boolean);
+        const matchedReports = (progressData === null || progressData === void 0 ? void 0 : (_progressData$supervi = progressData.supervisorReport) === null || _progressData$supervi === void 0 ? void 0 : _progressData$supervi.filter(r => supervisorIds.includes(r.supervisorId))) || [];
+        const completed = matchedReports.reduce((acc, r) => acc + (r.submittedKnos || 0), 0);
+        const pending = matchedReports.reduce((acc, r) => acc + (r.pendingKnos || 0), 0);
+        const total = matchedReports.reduce((acc, r) => acc + (r.totalKnos || 0), 0);
+        const progress = total > 0 ? Math.round(completed / total * 100) : 0;
+        const rejected = 0;
+        return {
+          id: dso.id || dso.vendorId || v.id || v.vendorId,
+          name: dso.name || dso.displayName || v.name || "N/A",
+          ownerName: ((_dso$owner = dso.owner) === null || _dso$owner === void 0 ? void 0 : _dso$owner.name) || ((_v$owner = v.owner) === null || _v$owner === void 0 ? void 0 : _v$owner.name) || "N/A",
+          mobileNumber: dso.mobileNumber || ((_dso$owner2 = dso.owner) === null || _dso$owner2 === void 0 ? void 0 : _dso$owner2.mobileNumber) || v.mobileNumber || "N/A",
+          supervisors: supervisorsList.length,
+          surveyors: surveyorsList.length,
+          completed: completed,
+          progress: progress,
+          pending: pending,
+          rejected: rejected
+        };
+      });
     }
-  })), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
-    error: toastData.error,
-    label: toastData.label,
-    onClose: () => setShowToast(false)
-  }));
+    return [];
+  }, [vendorSearchResponse, progressData]);
+  const _useState = React.useState(false),
+    ekycDownloadLoading = _useState[0],
+    setEkycDownloadLoading = _useState[1];
+  const _useState2 = React.useState(0),
+    currentPage = _useState2[0];
+  const _useState3 = React.useState(20),
+    pageSize = _useState3[0];
+  const _Digit$Hooks$ekyc$use2 = Digit.Hooks.ekyc.useEkycApplicationList({}, {
+      tenantId,
+      offset: currentPage * pageSize,
+      limit: pageSize
+    }, {
+      keepPreviousData: true
+    });
+  const fullName = (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.name) || "Admin";
+  const mobileNumber = (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.mobileNumber) || "N/A";
+  const roleText = (loggedInUser === null || loggedInUser === void 0 ? void 0 : (_loggedInUser$roles = loggedInUser.roles) === null || _loggedInUser$roles === void 0 ? void 0 : _loggedInUser$roles.map(r => r.name).join(", ")) || "EKYC Admin";
+  const handleDownloadEkycData = function () {
+    try {
+      setEkycDownloadLoading(true);
+      return Promise.resolve(_finallyRethrows(function () {
+        return _catch(function () {
+          return Promise.resolve(Digit.EkycService.application_list({
+            tenantId: tenantId,
+            offset: 0,
+            limit: 10000,
+            reportDownload: true
+          })).then(function (response) {
+            const consumerList = (response === null || response === void 0 ? void 0 : response.consumerList) || [];
+            if (consumerList.length === 0) {
+              alert(t("NO_DATA_FOUND") || "No data found for download.");
+              return;
+            }
+            const excludedKeys = ["status", "source", "submittedAt", "assignedAt", "connectionType", "approvedAt", "alternateMobileNo", "city", "state", "addressType", "addressProofType", "mrcode", "areacode", "verificationStatus", "surveyorId", "supervisorId", "vendorId", "assignmentType", "assignmentValue", "assignedTime", "isSelfAssigned", "userType", "tenantName", "tenantMobile"];
+            const headerMapping = {
+              kno: t("KNO") || "KNO",
+              firstName: t("FIRST_NAME") || "First Name",
+              middleName: t("MIDDLE_NAME") || "Middle Name",
+              lastName: t("LAST_NAME") || "Last Name",
+              gender: t("GENDER") || "Gender",
+              mobileNumber: t("MOBILE_NUMBER") || "Mobile Number",
+              emailId: t("EMAIL_ID") || "Email ID",
+              fatherOrHusbandName: t("FATHER_HUSBUND_NAME") || "Father/Husband Name",
+              relationship: t("RELATIONSHIP") || "Relationship",
+              dob: t("DOB") || "Date of Birth",
+              ekycStatus: t("EKYC_STATUS") || "eKYC Status",
+              zoneName: t("ZONE") || "Zone",
+              assembly: t("ASSEMBLY") || "Assembly",
+              ward: t("WARD") || "Ward",
+              pincode: t("PINCODE") || "Pincode",
+              mrkey: t("MR_KEY") || "MR Key",
+              createdTime: t("CREATED_TIME") || "Created Time",
+              lastModifiedTime: t("LAST_MODIFIED_TIME") || "Last Modified Time"
+            };
+            const excelData = consumerList.map(item => {
+              const cleanObj = {};
+              const name = [item.firstName, item.middleName, item.lastName].filter(Boolean).join(" ");
+              if (name) {
+                cleanObj[t("CONSUMER_NAME") || "Consumer Name"] = name;
+              }
+              Object.keys(item).forEach(key => {
+                if (excludedKeys.includes(key)) return;
+                const val = item[key];
+                if (typeof val === "object" && val !== null) {
+                  return;
+                }
+                const friendlyHeader = headerMapping[key] || t(key.toUpperCase()) || key;
+                cleanObj[friendlyHeader] = val;
+              });
+              return cleanObj;
+            });
+            const cleanFileName = "eKYC_All_Data_Admin_" + fullName.replace(/[^a-zA-Z0-9]/g, "_");
+            Digit.Download.Excel(excelData, cleanFileName);
+          });
+        }, function (error) {
+          console.error("Error downloading eKYC Excel:", error);
+        });
+      }, function (_wasThrown, _result) {
+        setEkycDownloadLoading(false);
+        if (_wasThrown) throw _result;
+        return _result;
+      }));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
+    className: "surveyor-dashboard"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "ekyc-dashboard-section"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "ekyc-dashboard-header"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "avatar"
+  }, fullName === null || fullName === void 0 ? void 0 : (_fullName$charAt = fullName.charAt(0)) === null || _fullName$charAt === void 0 ? void 0 : _fullName$charAt.toUpperCase()), /*#__PURE__*/React__default.createElement("div", {
+    className: "header-content"
+  }, /*#__PURE__*/React__default.createElement("h2", {
+    className: "name"
+  }, fullName), /*#__PURE__*/React__default.createElement("div", {
+    className: "designation"
+  }, t("EKYC_ADMIN") || "eKYC Admin / Manager"), /*#__PURE__*/React__default.createElement("div", {
+    className: "mobile-number"
+  }, mobileNumber))), /*#__PURE__*/React__default.createElement("button", {
+    className: "download-excel-btn",
+    disabled: ekycDownloadLoading,
+    onClick: handleDownloadEkycData
+  }, /*#__PURE__*/React__default.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"
+  }), /*#__PURE__*/React__default.createElement("polyline", {
+    points: "7 10 12 15 17 10"
+  }), /*#__PURE__*/React__default.createElement("line", {
+    x1: "12",
+    y1: "15",
+    x2: "12",
+    y2: "3"
+  })), ekycDownloadLoading ? t("DOWNLOADING") || "Downloading..." : t("DOWNLOAD_EXCEL") || "Download Excel")), /*#__PURE__*/React__default.createElement("div", {
+    className: "admin-performance-section"
+  }, /*#__PURE__*/React__default.createElement("h3", {
+    className: "section-title"
+  }, t("EKYC_VENDORS_PERFORMANCE") || "eKYC Vendors Performance"), isVendorSearchLoading || isProgressLoading ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null) : /*#__PURE__*/React__default.createElement("div", {
+    className: "vendors-grid"
+  }, vendorsList.length === 0 ? /*#__PURE__*/React__default.createElement("div", {
+    className: "no-vendors"
+  }, t("NO_VENDORS_FOUND") || "No vendors found.") : vendorsList.map(vendor => /*#__PURE__*/React__default.createElement("div", {
+    key: vendor.id,
+    className: "vendor-perf-card",
+    onClick: () => history.push("/digit-ui/employee/ekyc/vendors/" + vendor.id)
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "card-header"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "vendor-info"
+  }, /*#__PURE__*/React__default.createElement("h4", null, vendor.name), /*#__PURE__*/React__default.createElement("p", null, t("MOBILE") || "Mobile", ": ", vendor.mobileNumber)), /*#__PURE__*/React__default.createElement("span", {
+    className: "progress-badge"
+  }, vendor.progress, "%")), /*#__PURE__*/React__default.createElement("div", {
+    className: "progress-bar-container"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "progress-bar-fill",
+    style: {
+      width: vendor.progress + "%"
+    }
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "stats-grid"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "stat-item"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "value"
+  }, vendor.supervisors), /*#__PURE__*/React__default.createElement("div", {
+    className: "label"
+  }, t("SUPERVISORS") || "Supervisors")), /*#__PURE__*/React__default.createElement("div", {
+    className: "stat-item"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "value"
+  }, vendor.surveyors), /*#__PURE__*/React__default.createElement("div", {
+    className: "label"
+  }, t("SURVEYORS") || "Surveyors")), /*#__PURE__*/React__default.createElement("div", {
+    className: "stat-item"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "value completed-val"
+  }, vendor.completed), /*#__PURE__*/React__default.createElement("div", {
+    className: "label"
+  }, t("COMPLETED") || "Completed"))), /*#__PURE__*/React__default.createElement("div", {
+    className: "card-footer"
+  }, /*#__PURE__*/React__default.createElement("span", null, t("PENDING") || "Pending", ": ", /*#__PURE__*/React__default.createElement("span", {
+    className: "pending-count"
+  }, vendor.pending)), /*#__PURE__*/React__default.createElement("span", null, t("REJECTED") || "Rejected", ": ", /*#__PURE__*/React__default.createElement("span", {
+    className: "rejected-count"
+  }, vendor.rejected))))))));
 };
 
-const SurveyorDetailsDashboard = () => {
-  var _Digit$SessionStorage, _Digit$SessionStorage2, _Digit$SessionStorage3, _Digit$SessionStorage4, _surveyor$owner, _surveyor$owner2, _surveyor$owner3, _surveyor$owner4, _fullName$charAt, _dashboardData$dashbo, _dashboardData$dashbo2, _dashboardData$dashbo3, _dashboardData$dashbo4, _surveyor$owner8, _surveyor$owner9, _surveyor$owner0, _surveyor$additionalD, _dashboardData$dashbo5, _dashboardData$dashbo6;
-  const tenantId = Digit.ULBService.getCurrentTenantId();
-  const _useState = React.useState(false),
-    showModal = _useState[0],
-    setShowModal = _useState[1];
-  const _useState2 = React.useState(false),
-    showOptions = _useState2[0],
-    setShowOptions = _useState2[1];
-  const _useState3 = React.useState(false),
-    ekycDownloadLoading = _useState3[0],
-    setEkycDownloadLoading = _useState3[1];
-  const _useParams = reactRouterDom.useParams(),
-    surveyorId = _useParams.id;
-  const ownerIds = (_Digit$SessionStorage = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage === void 0 ? void 0 : (_Digit$SessionStorage2 = _Digit$SessionStorage.info) === null || _Digit$SessionStorage2 === void 0 ? void 0 : _Digit$SessionStorage2.uuid;
+const SupervisorDetailsCard = () => {
+  var _Digit$SessionStorage, _fullName$charAt;
   const _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  const searchParams = surveyorId ? {
-    ids: surveyorId
-  } : {
-    ownerIds
-  };
-  const _Digit$Hooks$fsm$useS = Digit.Hooks.fsm.useSurveyorSearch(tenantId, searchParams, {
-      staleTime: Infinity
+    t = _useTranslation.t;
+  const history = reactRouterDom.useHistory();
+  const tenantId = Digit.ULBService.getCurrentTenantId() || "dl.djb";
+  const _useParams = reactRouterDom.useParams(),
+    supervisorId = _useParams.id;
+  const loggedInUser = (_Digit$SessionStorage = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage === void 0 ? void 0 : _Digit$SessionStorage.info;
+  const _useState = React.useState(false),
+    ekycDownloadLoading = _useState[0],
+    setEkycDownloadLoading = _useState[1];
+  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycAssignmentProgress({
+      enabled: !!tenantId,
+      keepPreviousData: true
     }),
-    surveyorSearchResponse = _Digit$Hooks$fsm$useS.data,
-    isLoading = _Digit$Hooks$fsm$useS.isLoading;
-  const roles = (_Digit$SessionStorage3 = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage3 === void 0 ? void 0 : (_Digit$SessionStorage4 = _Digit$SessionStorage3.info) === null || _Digit$SessionStorage4 === void 0 ? void 0 : _Digit$SessionStorage4.roles.map(ele => ele.code);
-  const surveyor = React.useMemo(() => {
-    var _surveyorSearchRespon;
-    return (surveyorSearchResponse === null || surveyorSearchResponse === void 0 ? void 0 : (_surveyorSearchRespon = surveyorSearchResponse.surveyors) === null || _surveyorSearchRespon === void 0 ? void 0 : _surveyorSearchRespon[0]) || null;
-  }, [surveyorSearchResponse]);
-  const _Digit$Hooks$fsm$useD = Digit.Hooks.fsm.useDsoSearch(tenantId, {
+    isProgressLoading = _Digit$Hooks$ekyc$use.isLoading,
+    progressData = _Digit$Hooks$ekyc$use.data;
+  const _Digit$Hooks$fsm$useS = Digit.Hooks.fsm.useSupervisorSearch(tenantId, {
+      status: "ACTIVE"
+    }, {
+      enabled: !!tenantId
+    }),
+    supervisorSearchResponse = _Digit$Hooks$fsm$useS.data,
+    isSupervisorSearchLoading = _Digit$Hooks$fsm$useS.isLoading;
+  const _Digit$Hooks$fsm$useS2 = Digit.Hooks.fsm.useSurveyorSearch(tenantId, {
       status: "ACTIVE"
     }, {
       enabled: !!tenantId
     }),
-    vendorData = _Digit$Hooks$fsm$useD.data;
-  const _Digit$Hooks$fsm$useS2 = Digit.Hooks.fsm.useSupervisorSearch(tenantId, {
+    surveyorSearchResponse = _Digit$Hooks$fsm$useS2.data,
+    isSurveyorSearchLoading = _Digit$Hooks$fsm$useS2.isLoading;
+  const _Digit$Hooks$fsm$useD = Digit.Hooks.fsm.useDsoSearch(tenantId, {
       status: "ACTIVE"
     }, {
       enabled: !!tenantId
     }),
-    supervisorSearchResponse = _Digit$Hooks$fsm$useS2.data;
+    vendorSearchResponse = _Digit$Hooks$fsm$useD.data,
+    isVendorSearchLoading = _Digit$Hooks$fsm$useD.isLoading;
+  const supervisor = React.useMemo(() => {
+    if (progressData !== null && progressData !== void 0 && progressData.supervisorReport) {
+      let found = null;
+      const targetId = supervisorId || (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.uuid);
+      if (targetId) {
+        found = progressData.supervisorReport.find(s => {
+          var _s$supervisorId, _s$id;
+          return ((_s$supervisorId = s.supervisorId) === null || _s$supervisorId === void 0 ? void 0 : _s$supervisorId.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase()) || ((_s$id = s.id) === null || _s$id === void 0 ? void 0 : _s$id.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase());
+        });
+      }
+      if (found) return found;
+    }
+    if (supervisorSearchResponse !== null && supervisorSearchResponse !== void 0 && supervisorSearchResponse.supervisors) {
+      let matchedSup = null;
+      const targetId = supervisorId || (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.uuid);
+      if (targetId) {
+        matchedSup = supervisorSearchResponse.supervisors.find(s => {
+          var _s$id2, _s$owner, _s$owner$uuid;
+          return ((_s$id2 = s.id) === null || _s$id2 === void 0 ? void 0 : _s$id2.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase()) || ((_s$owner = s.owner) === null || _s$owner === void 0 ? void 0 : (_s$owner$uuid = _s$owner.uuid) === null || _s$owner$uuid === void 0 ? void 0 : _s$owner$uuid.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase());
+        });
+      }
+      if (matchedSup) {
+        var _matchedSup$owner2, _matchedSup$owner3, _matchedSup$owner4;
+        const matchedSurveyors = surveyorSearchResponse !== null && surveyorSearchResponse !== void 0 && surveyorSearchResponse.surveyors ? surveyorSearchResponse.surveyors.filter(surv => {
+          var _matchedSup$owner;
+          return surv.supervisorId === (matchedSup.id || ((_matchedSup$owner = matchedSup.owner) === null || _matchedSup$owner === void 0 ? void 0 : _matchedSup$owner.uuid));
+        }).map(surv => {
+          var _surv$owner3, _surv$owner4, _surv$owner5, _realStats, _realStats2, _realStats3, _realStats4;
+          let realStats = null;
+          if (progressData !== null && progressData !== void 0 && progressData.supervisorReport) {
+            for (const report of progressData.supervisorReport) {
+              var _report$surveyors;
+              const matchedSurv = (_report$surveyors = report.surveyors) === null || _report$surveyors === void 0 ? void 0 : _report$surveyors.find(s => {
+                var _surv$owner, _surv$owner2;
+                return s.surveyorId && (s.surveyorId === surv.id || s.surveyorId === ((_surv$owner = surv.owner) === null || _surv$owner === void 0 ? void 0 : _surv$owner.uuid)) || s.id && (s.id === surv.id || s.id === ((_surv$owner2 = surv.owner) === null || _surv$owner2 === void 0 ? void 0 : _surv$owner2.uuid));
+              });
+              if (matchedSurv) {
+                realStats = matchedSurv;
+                break;
+              }
+            }
+          }
+          return {
+            surveyorId: surv.id || ((_surv$owner3 = surv.owner) === null || _surv$owner3 === void 0 ? void 0 : _surv$owner3.uuid),
+            surveyorName: surv.name || ((_surv$owner4 = surv.owner) === null || _surv$owner4 === void 0 ? void 0 : _surv$owner4.name) || "N/A",
+            mobileNo: ((_surv$owner5 = surv.owner) === null || _surv$owner5 === void 0 ? void 0 : _surv$owner5.mobileNumber) || surv.mobileNo || "N/A",
+            status: surv.status || "ACTIVE",
+            totalKnos: ((_realStats = realStats) === null || _realStats === void 0 ? void 0 : _realStats.totalKnos) || 0,
+            submittedKnos: ((_realStats2 = realStats) === null || _realStats2 === void 0 ? void 0 : _realStats2.submittedKnos) || 0,
+            pendingKnos: ((_realStats3 = realStats) === null || _realStats3 === void 0 ? void 0 : _realStats3.pendingKnos) || 0,
+            progressPercent: ((_realStats4 = realStats) === null || _realStats4 === void 0 ? void 0 : _realStats4.progressPercent) || 0
+          };
+        }) : [];
+        const totalKnos = matchedSurveyors.reduce((acc, s) => acc + (s.totalKnos || 0), 0);
+        const submittedKnos = matchedSurveyors.reduce((acc, s) => acc + (s.submittedKnos || 0), 0);
+        const pendingKnos = matchedSurveyors.reduce((acc, s) => acc + (s.pendingKnos || 0), 0);
+        const progressPercent = totalKnos > 0 ? Math.round(submittedKnos / totalKnos * 100) : 0;
+        return {
+          supervisorId: matchedSup.id || ((_matchedSup$owner2 = matchedSup.owner) === null || _matchedSup$owner2 === void 0 ? void 0 : _matchedSup$owner2.uuid),
+          supervisorName: matchedSup.name || ((_matchedSup$owner3 = matchedSup.owner) === null || _matchedSup$owner3 === void 0 ? void 0 : _matchedSup$owner3.name) || "N/A",
+          mobileNo: ((_matchedSup$owner4 = matchedSup.owner) === null || _matchedSup$owner4 === void 0 ? void 0 : _matchedSup$owner4.mobileNumber) || matchedSup.mobileNo || "N/A",
+          status: matchedSup.status || "ACTIVE",
+          assignedZoneId: matchedSup.assignedZoneId || "N/A",
+          vendorId: matchedSup.vendorId,
+          surveyors: matchedSurveyors,
+          totalKnos,
+          submittedKnos,
+          pendingKnos,
+          progressPercent
+        };
+      }
+    }
+    return null;
+  }, [progressData, supervisorSearchResponse, surveyorSearchResponse, supervisorId, loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.uuid]);
+  const fullName = (supervisor === null || supervisor === void 0 ? void 0 : supervisor.supervisorName) || "N/A";
+  const mobileNumber = (supervisor === null || supervisor === void 0 ? void 0 : supervisor.mobileNo) || "N/A";
+  const email = (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.emailId) || "N/A";
+  const gender = (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.gender) || "N/A";
+  const status = (supervisor === null || supervisor === void 0 ? void 0 : supervisor.status) || "N/A";
+  const assignedZone = (supervisor === null || supervisor === void 0 ? void 0 : supervisor.assignedZoneId) || "N/A";
   const vendorName = React.useMemo(() => {
-    var _mappedVendor$dsoDeta;
-    if (surveyor !== null && surveyor !== void 0 && surveyor.vendorName) return surveyor.vendorName;
-    if (!vendorData || !(surveyor !== null && surveyor !== void 0 && surveyor.vendorId)) return "N/A";
-    const mappedVendor = vendorData.find(v => {
+    var _matchedVendor$dsoDet;
+    if (!vendorSearchResponse || !supervisor) return "N/A";
+    const targetVendorId = supervisor.vendorId;
+    if (!targetVendorId) return "N/A";
+    const matchedVendor = vendorSearchResponse.find(v => {
       var _v$dsoDetails, _v$dsoDetails2;
-      return ((_v$dsoDetails = v.dsoDetails) === null || _v$dsoDetails === void 0 ? void 0 : _v$dsoDetails.id) === surveyor.vendorId || ((_v$dsoDetails2 = v.dsoDetails) === null || _v$dsoDetails2 === void 0 ? void 0 : _v$dsoDetails2.vendorId) === surveyor.vendorId;
-    });
-    return (mappedVendor === null || mappedVendor === void 0 ? void 0 : (_mappedVendor$dsoDeta = mappedVendor.dsoDetails) === null || _mappedVendor$dsoDeta === void 0 ? void 0 : _mappedVendor$dsoDeta.name) || surveyor.vendorId || "N/A";
-  }, [vendorData, surveyor === null || surveyor === void 0 ? void 0 : surveyor.vendorId, surveyor === null || surveyor === void 0 ? void 0 : surveyor.vendorName]);
-  const supervisorName = React.useMemo(() => {
-    var _mappedSupervisor$own;
-    if (surveyor !== null && surveyor !== void 0 && surveyor.supervisorName) return surveyor.supervisorName;
-    if (!(supervisorSearchResponse !== null && supervisorSearchResponse !== void 0 && supervisorSearchResponse.supervisors) || !(surveyor !== null && surveyor !== void 0 && surveyor.supervisorId)) return "N/A";
-    const mappedSupervisor = supervisorSearchResponse.supervisors.find(s => {
-      var _s$owner;
-      return s.id === surveyor.supervisorId || ((_s$owner = s.owner) === null || _s$owner === void 0 ? void 0 : _s$owner.uuid) === surveyor.supervisorId;
+      return ((_v$dsoDetails = v.dsoDetails) === null || _v$dsoDetails === void 0 ? void 0 : _v$dsoDetails.id) === targetVendorId || ((_v$dsoDetails2 = v.dsoDetails) === null || _v$dsoDetails2 === void 0 ? void 0 : _v$dsoDetails2.vendorId) === targetVendorId || v.id === targetVendorId || v.vendorId === targetVendorId;
     });
-    return (mappedSupervisor === null || mappedSupervisor === void 0 ? void 0 : mappedSupervisor.name) || (mappedSupervisor === null || mappedSupervisor === void 0 ? void 0 : (_mappedSupervisor$own = mappedSupervisor.owner) === null || _mappedSupervisor$own === void 0 ? void 0 : _mappedSupervisor$own.name) || surveyor.supervisorId || "N/A";
-  }, [supervisorSearchResponse, surveyor === null || surveyor === void 0 ? void 0 : surveyor.supervisorId, surveyor === null || surveyor === void 0 ? void 0 : surveyor.supervisorName]);
-  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 mobileNumber = (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";
-  const _useState4 = React.useState(0),
-    currentPage = _useState4[0],
-    setCurrentPage = _useState4[1];
-  const _useState5 = React.useState(20),
-    pageSize = _useState5[0],
-    setPageSize = _useState5[1];
-  const queryParams = {
-    tenantId: "dl.djb",
-    offset: currentPage * pageSize,
-    limit: pageSize,
-    surveyorId: surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner4 = surveyor.owner) === null || _surveyor$owner4 === void 0 ? void 0 : _surveyor$owner4.uuid
-  };
-  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycSurveyorDashboard({}, queryParams, {
-      enabled: !!queryParams.tenantId && !!queryParams.surveyorId,
-      keepPreviousData: true
-    }),
-    isDashboardLoading = _Digit$Hooks$ekyc$use.isFetching,
-    _Digit$Hooks$ekyc$use2 = _Digit$Hooks$ekyc$use.data,
-    dashboardData = _Digit$Hooks$ekyc$use2 === void 0 ? {} : _Digit$Hooks$ekyc$use2,
-    refetchDashboard = _Digit$Hooks$ekyc$use.refetch;
-  const knoColumns = React.useMemo(() => [{
-    Header: "KNO",
-    accessor: "kno"
+    return (matchedVendor === null || matchedVendor === void 0 ? void 0 : (_matchedVendor$dsoDet = matchedVendor.dsoDetails) === null || _matchedVendor$dsoDet === void 0 ? void 0 : _matchedVendor$dsoDet.name) || (matchedVendor === null || matchedVendor === void 0 ? void 0 : matchedVendor.name) || "N/A";
+  }, [vendorSearchResponse, supervisor]);
+  const surveyors = React.useMemo(() => {
+    return (supervisor === null || supervisor === void 0 ? void 0 : supervisor.surveyors) || [];
+  }, [supervisor]);
+  const cards = React.useMemo(() => [{
+    label: "TOTAL_EKYC_APPLICATIONS",
+    count: (supervisor === null || supervisor === void 0 ? void 0 : supervisor.totalKnos) || 0,
+    color: "#0B2559",
+    type: "today",
+    icon: /*#__PURE__*/React__default.createElement(fa.FaUsers, null)
   }, {
-    Header: "Consumer Name",
-    accessor: row => ((row.firstName || "") + " " + (row.middleName || "") + " " + (row.lastName || "")).trim(),
-    id: "consumerName"
+    label: "EKYC_COMPLETED",
+    count: (supervisor === null || supervisor === void 0 ? void 0 : supervisor.submittedKnos) || 0,
+    color: "#10B981",
+    type: "month",
+    icon: /*#__PURE__*/React__default.createElement(fa.FaCheckCircle, null)
   }, {
-    Header: "Zone",
-    accessor: "zoneName"
+    label: "PENDING_APPLICATIONS",
+    count: (supervisor === null || supervisor === void 0 ? void 0 : supervisor.pendingKnos) || 0,
+    color: "#F59E0B",
+    type: "pending",
+    icon: /*#__PURE__*/React__default.createElement(fa.FaClock, null)
   }, {
-    Header: "Status",
-    accessor: "status",
+    label: "OVERALL_PROGRESS",
+    count: ((supervisor === null || supervisor === void 0 ? void 0 : supervisor.progressPercent) || 0) + "%",
+    color: "#A855F7",
+    type: "progress",
+    icon: /*#__PURE__*/React__default.createElement(fa.FaChartLine, null)
+  }], [supervisor]);
+  const _useState2 = React.useState(0),
+    currentPage = _useState2[0],
+    setCurrentPage = _useState2[1];
+  const _useState3 = React.useState(20),
+    pageSize = _useState3[0],
+    setPageSize = _useState3[1];
+  const paginatedSurveyors = React.useMemo(() => {
+    const start = currentPage * pageSize;
+    const end = start + pageSize;
+    return surveyors.slice(start, end);
+  }, [surveyors, currentPage, pageSize]);
+  const surveyorColumns = React.useMemo(() => [{
+    Header: t("SURVEYOR_NAME") || "Surveyor Name",
+    accessor: row => (row === null || row === void 0 ? void 0 : row.surveyorName) || "N/A",
     Cell: _ref => {
-      let value = _ref.value;
-      return /*#__PURE__*/React__default.createElement("span", {
-        className: "status-badge " + (value === "ACTIVE" ? "verified" : value === "PENDING" ? "pending" : "assigned")
-      }, value);
+      var _Digit$SessionStorage2, _Digit$SessionStorage3, _Digit$SessionStorage4, _row$original;
+      let row = _ref.row;
+      const userType = ((_Digit$SessionStorage2 = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage2 === void 0 ? void 0 : (_Digit$SessionStorage3 = _Digit$SessionStorage2.info) === null || _Digit$SessionStorage3 === void 0 ? void 0 : (_Digit$SessionStorage4 = _Digit$SessionStorage3.type) === null || _Digit$SessionStorage4 === void 0 ? void 0 : _Digit$SessionStorage4.toLowerCase()) || "citizen";
+      const targetPath = "/digit-ui/" + userType + "/ekyc/surveyor-dashboard/" + row.original.surveyorId;
+      return /*#__PURE__*/React__default.createElement("a", {
+        href: targetPath,
+        style: {
+          color: "#1D70B8",
+          fontWeight: "600",
+          textDecoration: "none"
+        },
+        onClick: e => {
+          e.preventDefault();
+          history.push(targetPath);
+        }
+      }, ((_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.surveyorName) || "N/A");
     }
   }, {
-    Header: "eKYC Status",
-    accessor: "ekycStatus",
-    Cell: _ref2 => {
-      let value = _ref2.value;
-      return value || "-";
-    }
-  }], []);
-  const _useState6 = React.useState(false),
-    showReportMenu = _useState6[0],
-    setShowReportMenu = _useState6[1];
-  const _useState7 = React.useState({
-      from: "",
-      to: ""
-    }),
-    customDate = _useState7[0],
-    setCustomDate = _useState7[1];
-  const _useState8 = React.useState(false),
-    showCustomPicker = _useState8[0],
-    setShowCustomPicker = _useState8[1];
-  const _useState9 = React.useState(false),
-    reportLoading = _useState9[0],
-    setReportLoading = _useState9[1];
-  const reportMenuRef = React.useRef(null);
-  React.useEffect(() => {
-    const handler = e => {
-      if (reportMenuRef.current && !reportMenuRef.current.contains(e.target)) {
-        setShowReportMenu(false);
-        setShowCustomPicker(false);
-      }
-    };
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, []);
-  if (isLoading) {
-    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
-  }
-  if (!surveyor) {
-    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement("div", {
-      style: {
-        padding: "24px"
-      }
-    }, t("NO_SURVEYOR_FOUND")));
-  }
-  const getDateRange = filter => {
-    const now = new Date();
-    const start = new Date(now);
-    if (filter === "today") {
-      start.setHours(0, 0, 0, 0);
-      return {
-        from: start,
-        to: now
-      };
-    }
-    if (filter === "week") {
-      start.setDate(now.getDate() - now.getDay());
-      start.setHours(0, 0, 0, 0);
-      return {
-        from: start,
-        to: now
-      };
-    }
-    if (filter === "month") {
-      start.setDate(1);
-      start.setHours(0, 0, 0, 0);
-      return {
-        from: start,
-        to: now
-      };
-    }
-    return null;
-  };
-  const handlePresetDownload = function (filter) {
-    try {
-      const range = getDateRange(filter);
-      if (!range) return Promise.resolve();
-      setReportLoading(true);
-      const _temp = _finallyRethrows(function () {
-        return _catch(function () {
-          var _surveyor$owner5;
-          return Promise.resolve(Digit.EkycService.dashboard({}, {
-            tenantId: "dl.djb",
-            offset: 0,
-            limit: 1000,
-            surveyorId: surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner5 = surveyor.owner) === null || _surveyor$owner5 === void 0 ? void 0 : _surveyor$owner5.uuid,
-            fromDate: range.from.getTime(),
-            toDate: range.to.getTime()
-          })).then(function (response) {
-            var _response$dashboardIn;
-            const rows = (response === null || response === void 0 ? void 0 : (_response$dashboardIn = response.dashboardInfo) === null || _response$dashboardIn === void 0 ? void 0 : _response$dashboardIn.consumerList) || [];
-            downloadSurveyorPDF({
-              rows: rows,
-              surveyorName: fullName,
-              vendorName,
-              supervisorName,
-              employeeId,
-              mobileNumber,
-              dashboardInfo: (response === null || response === void 0 ? void 0 : response.dashboardInfo) || {},
-              t
-            });
-          });
-        }, function (err) {
-          console.error("Failed to fetch dashboard data for report download:", err);
-        });
-      }, function (_wasThrown, _result) {
-        setReportLoading(false);
-        setShowReportMenu(false);
-        setShowCustomPicker(false);
-        if (_wasThrown) throw _result;
-        return _result;
-      });
-      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
+    Header: t("MOBILE_NUMBER") || "Mobile Number",
+    accessor: row => (row === null || row === void 0 ? void 0 : row.mobileNo) || "N/A",
+    id: "mobileNumber"
+  }, {
+    Header: t("STATUS") || "Status",
+    accessor: () => "ACTIVE",
+    id: "status",
+    Cell: _ref2 => {
+      let value = _ref2.value;
+      return /*#__PURE__*/React__default.createElement("span", {
+        className: "status-badge verified"
+      }, t(value) || value);
     }
-  };
-  const handleCustomDownload = function () {
-    try {
-      if (!customDate.from || !customDate.to) {
-        alert(t("SELECT_DATE_RANGE") || "Please select both From and To dates.");
-        return Promise.resolve();
-      }
-      const from = new Date(customDate.from);
-      from.setHours(0, 0, 0, 0);
-      const to = new Date(customDate.to);
-      to.setHours(23, 59, 59, 999);
-      setReportLoading(true);
-      const _temp2 = _finallyRethrows(function () {
-        return _catch(function () {
-          var _surveyor$owner6;
-          return Promise.resolve(Digit.EkycService.dashboard({}, {
-            tenantId: "dl.djb",
-            offset: 0,
-            limit: 1000,
-            surveyorId: surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner6 = surveyor.owner) === null || _surveyor$owner6 === void 0 ? void 0 : _surveyor$owner6.uuid,
-            fromDate: from.getTime(),
-            toDate: to.getTime()
-          })).then(function (response) {
-            var _response$dashboardIn2;
-            const rows = (response === null || response === void 0 ? void 0 : (_response$dashboardIn2 = response.dashboardInfo) === null || _response$dashboardIn2 === void 0 ? void 0 : _response$dashboardIn2.consumerList) || [];
-            downloadSurveyorPDF({
-              rows: rows,
-              surveyorName: fullName,
-              vendorName,
-              supervisorName,
-              employeeId,
-              mobileNumber,
-              dashboardInfo: (response === null || response === void 0 ? void 0 : response.dashboardInfo) || {},
-              t
-            });
-          });
-        }, function (err) {
-          console.error("Failed to fetch custom dashboard data for report download:", err);
-        });
-      }, function (_wasThrown2, _result2) {
-        setReportLoading(false);
+  }, {
+    Header: t("TOTAL_EKYC_APPLICATIONS") || "Total eKYC Applications",
+    accessor: row => (row === null || row === void 0 ? void 0 : row.totalKnos) || 0,
+    id: "totalEkycApplications"
+  }, {
+    Header: t("EKYC_COMPLETED") || "eKYC Completed",
+    accessor: row => (row === null || row === void 0 ? void 0 : row.submittedKnos) || 0,
+    id: "ekycCompleted"
+  }, {
+    Header: t("PENDING_APPLICATIONS") || "Pending Applications",
+    accessor: row => (row === null || row === void 0 ? void 0 : row.pendingKnos) || 0,
+    id: "pendingApplications"
+  }, {
+    Header: t("OVERALL_PROGRESS") || "Overall Progress",
+    accessor: row => ((row === null || row === void 0 ? void 0 : row.progressPercent) || 0) + "%",
+    id: "overallProgress"
+  }], [t, history]);
+  const _useState4 = React.useState(false),
+    showReportMenu = _useState4[0],
+    setShowReportMenu = _useState4[1];
+  const _useState5 = React.useState({
+      from: "",
+      to: ""
+    }),
+    customDate = _useState5[0],
+    setCustomDate = _useState5[1];
+  const _useState6 = React.useState(false),
+    showCustomPicker = _useState6[0],
+    setShowCustomPicker = _useState6[1];
+  const _useState7 = React.useState(false),
+    reportLoading = _useState7[0];
+  const reportMenuRef = React.useRef(null);
+  React.useEffect(() => {
+    const handler = e => {
+      if (reportMenuRef.current && !reportMenuRef.current.contains(e.target)) {
         setShowReportMenu(false);
         setShowCustomPicker(false);
-        if (_wasThrown2) throw _result2;
-        return _result2;
-      });
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  const StatCard = _ref3 => {
-    let title = _ref3.title,
-      value = _ref3.value,
-      type = _ref3.type,
-      isLoading = _ref3.isLoading,
-      icon = _ref3.icon;
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: "stat-card " + type
-    }, isLoading ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-      className: "stat-title skeleton skeleton-text"
-    }), /*#__PURE__*/React__default.createElement("div", {
-      className: "stat-value skeleton skeleton-number"
-    })) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-      className: "stat-title"
-    }, title), /*#__PURE__*/React__default.createElement("div", {
-      className: "stat-value"
-    }, value), icon && /*#__PURE__*/React__default.createElement("div", {
-      className: "stat-icon"
-    }, icon)));
+      }
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, []);
+  const handlePresetDownload = filter => {
+    handleDownload();
   };
-  const options = [{
-    action: "Assign"
-  }];
-  const handleMenuSelect = option => {
-    setShowOptions(false);
-    setShowModal(true);
+  const handleCustomDownload = () => {
+    if (!customDate.from || !customDate.to) {
+      alert(t("SELECT_DATE_RANGE") || "Please select both From and To dates.");
+      return;
+    }
+    handleDownload();
   };
   const handleDownloadEkycData = function () {
     try {
+      if (!surveyors || surveyors.length === 0) {
+        alert(t("NO_SURVEYORS_ASSIGNED") || "No surveyors assigned to this supervisor.");
+        return Promise.resolve();
+      }
       setEkycDownloadLoading(true);
       return Promise.resolve(_finallyRethrows(function () {
         return _catch(function () {
-          var _surveyor$owner7;
-          return Promise.resolve(Digit.EkycService.application_list({
+          const fetchPromises = surveyors.map(s => Digit.EkycService.application_list({
             tenantId: tenantId || "dl.djb",
             offset: 0,
-            limit: 10000,
-            surveyorId: surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner7 = surveyor.owner) === null || _surveyor$owner7 === void 0 ? void 0 : _surveyor$owner7.uuid,
+            limit: 5000,
+            surveyorId: s.surveyorId || s.id,
             reportDownload: true
-          })).then(function (response) {
-            const consumerList = (response === null || response === void 0 ? void 0 : response.consumerList) || [];
+          }).catch(err => {
+            console.error("Error fetching applications for surveyor " + s.surveyorName + ":", err);
+            return {
+              consumerList: []
+            };
+          }));
+          return Promise.resolve(Promise.all(fetchPromises)).then(function (results) {
+            const consumerList = results.flatMap(res => (res === null || res === void 0 ? void 0 : res.consumerList) || []);
             if (consumerList.length === 0) {
               alert(t("NO_DATA_FOUND") || "No data found for download.");
               return;
@@ -6185,29 +6464,52 @@ const SurveyorDetailsDashboard = () => {
               });
               return cleanObj;
             });
-            const cleanFileName = "eKYC_Data_" + fullName.replace(/[^a-zA-Z0-9]/g, "_");
+            const cleanFileName = "eKYC_Data_Supervisor_" + fullName.replace(/[^a-zA-Z0-9]/g, "_");
             Digit.Download.Excel(excelData, cleanFileName);
           });
         }, function (error) {
           console.error("Error downloading eKYC Excel:", error);
         });
-      }, function (_wasThrown3, _result3) {
+      }, function (_wasThrown, _result) {
         setEkycDownloadLoading(false);
-        if (_wasThrown3) throw _result3;
-        return _result3;
+        if (_wasThrown) throw _result;
+        return _result;
       }));
     } catch (e) {
       return Promise.reject(e);
     }
   };
-  const closeModal = function () {
-    try {
-      setShowModal(false);
-      return Promise.resolve();
-    } catch (e) {
-      return Promise.reject(e);
-    }
+  const StatCard = _ref3 => {
+    let title = _ref3.title,
+      value = _ref3.value,
+      type = _ref3.type,
+      isLoading = _ref3.isLoading,
+      icon = _ref3.icon;
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "stat-card " + type
+    }, isLoading ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+      className: "stat-title skeleton skeleton-text"
+    }), /*#__PURE__*/React__default.createElement("div", {
+      className: "stat-value skeleton skeleton-number"
+    })) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+      className: "stat-title"
+    }, title), /*#__PURE__*/React__default.createElement("div", {
+      className: "stat-value"
+    }, value), icon && /*#__PURE__*/React__default.createElement("div", {
+      className: "stat-icon"
+    }, icon)));
   };
+  const isPageLoading = isProgressLoading || isSupervisorSearchLoading || isSurveyorSearchLoading || isVendorSearchLoading;
+  if (isPageLoading && !supervisor) {
+    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
+  }
+  if (!supervisor) {
+    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement("div", {
+      style: {
+        padding: "24px"
+      }
+    }, t("NO_SUPERVISOR_FOUND")));
+  }
   return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
     className: "surveyor-dashboard"
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -6222,7 +6524,7 @@ const SurveyorDetailsDashboard = () => {
     className: "name"
   }, fullName), /*#__PURE__*/React__default.createElement("div", {
     className: "designation"
-  }, (surveyor === null || surveyor === void 0 ? void 0 : surveyor.description) || t("FIELD_SURVEYOR")))), /*#__PURE__*/React__default.createElement("div", {
+  }, t("FIELD_SUPERVISOR") || "Field Supervisor"))), /*#__PURE__*/React__default.createElement("div", {
     className: "report-download",
     ref: reportMenuRef
   }, /*#__PURE__*/React__default.createElement("button", {
@@ -6249,7 +6551,7 @@ const SurveyorDetailsDashboard = () => {
     return /*#__PURE__*/React__default.createElement("div", {
       key: key,
       className: "menu-item",
-      onClick: () => handlePresetDownload(key)
+      onClick: () => handlePresetDownload()
     }, label);
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "custom-date-trigger",
@@ -6283,33 +6585,14 @@ const SurveyorDetailsDashboard = () => {
     onClick: handleCustomDownload
   }, t("DOWNLOAD") || "Download"))))), /*#__PURE__*/React__default.createElement("div", {
     className: "stats-wrapper"
-  }, /*#__PURE__*/React__default.createElement(StatCard, {
-    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,
-    icon: /*#__PURE__*/React__default.createElement(fa.FaUsers, null)
-  }), /*#__PURE__*/React__default.createElement(StatCard, {
-    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,
-    icon: /*#__PURE__*/React__default.createElement(fa.FaCheckCircle, null)
-  }), /*#__PURE__*/React__default.createElement(StatCard, {
-    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,
-    icon: /*#__PURE__*/React__default.createElement(fa.FaClock, null)
-  }), /*#__PURE__*/React__default.createElement(StatCard, {
-    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,
-    icon: /*#__PURE__*/React__default.createElement(fa.FaChartLine, null)
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "charts-wrapper"
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }, cards.map((card, idx) => /*#__PURE__*/React__default.createElement(StatCard, {
+    key: idx,
+    title: t(card.label),
+    value: card.count,
+    type: card.type,
+    isLoading: isProgressLoading,
+    icon: card.icon
+  }))), /*#__PURE__*/React__default.createElement("div", {
     className: "ekyc-dashboard-section"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "ekyc-details-wrapper"
@@ -6323,43 +6606,37 @@ const SurveyorDetailsDashboard = () => {
     className: "label"
   }, t("MOBILE")), /*#__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.mobileNumber) || (surveyor === null || surveyor === void 0 ? void 0 : surveyor.mobileNo) || "N/A")), /*#__PURE__*/React__default.createElement("div", {
+  }, mobileNumber)), /*#__PURE__*/React__default.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "label"
   }, t("EMAIL")), /*#__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.emailId) || "N/A")), /*#__PURE__*/React__default.createElement("div", {
+  }, 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"
-  }, (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner0 = surveyor.owner) === null || _surveyor$owner0 === void 0 ? void 0 : _surveyor$owner0.gender) || "N/A")), /*#__PURE__*/React__default.createElement("div", {
+  }, 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"
-  }, (surveyor === null || surveyor === void 0 ? void 0 : surveyor.status) || "N/A")), /*#__PURE__*/React__default.createElement("div", {
+  }, status)), /*#__PURE__*/React__default.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "label"
-  }, t("SERVICE_TYPE")), /*#__PURE__*/React__default.createElement("span", {
+  }, t("ASSIGNED_ZONE") || "Assigned Zone"), /*#__PURE__*/React__default.createElement("span", {
     className: "value"
-  }, (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$additionalD = surveyor.additionalDetails) === null || _surveyor$additionalD === void 0 ? void 0 : _surveyor$additionalD.serviceType) || "N/A")), /*#__PURE__*/React__default.createElement("div", {
+  }, 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: "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", {
+  }, vendorName)))), /*#__PURE__*/React__default.createElement("div", {
     className: "details-right"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "download-card"
@@ -6389,19 +6666,17 @@ const SurveyorDetailsDashboard = () => {
     className: "dashboard-card"
   }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Table, {
     t: t,
-    tableTitle: t("ASSIGNED_KNOS"),
-    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,
-    isLoading: isDashboardLoading,
-    totalRecords: dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo6 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo6 === void 0 ? void 0 : _dashboardData$dashbo6.total,
+    tableTitle: t("CONNECTED_SURVEYORS") || "Connected Surveyors",
+    tableClass: "ekycTable",
+    data: paginatedSurveyors,
+    columns: surveyorColumns,
+    isLoading: isProgressLoading,
+    totalRecords: surveyors.length,
     currentPage: currentPage,
     pageSizeLimit: pageSize,
-    showAutoSerialNo: true,
     isPaginationRequired: true,
     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) {
+      if (currentPage < Math.ceil(surveyors.length / pageSize) - 1) {
         setCurrentPage(prev => prev + 1);
       }
     },
@@ -6414,422 +6689,795 @@ const SurveyorDetailsDashboard = () => {
       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));
+      setCurrentPage(Math.max(Math.ceil(surveyors.length / pageSize) - 1, 0));
     },
     onPageSizeChange: e => {
       setPageSize(Number(e.target.value));
       setCurrentPage(0);
     }
-  })), (!roles.includes("EKYC_SURVEYOR") || roles.includes("EMPLOYEE")) && /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
-    label: t("EKYC_ASSIGN_KNOS"),
-    onSubmit: () => setShowOptions(prev => !prev)
-  }), showOptions && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Menu, {
-    options: options,
-    optionKey: "action",
-    t: t,
-    onSelect: handleMenuSelect,
-    style: {
-      color: "#FFFFFF",
-      fontSize: "18px"
-    }
-  })), showModal && /*#__PURE__*/React__default.createElement(AssignEkycModal, {
-    surveyor: surveyor,
-    closeModal: closeModal,
-    refetchDashboard: refetchDashboard
-  }));
-};
-
-function formReducer(state, payload) {
-  const storageKey = "EKYC.SW.INBOX";
-  switch (payload.action) {
-    case "mutateSearchForm":
-      Digit.SessionStorage.set(storageKey, _extends({}, state, {
-        searchForm: payload.data
-      }));
-      return _extends({}, state, {
-        searchForm: payload.data
-      });
-    case "mutateFilterForm":
-      Digit.SessionStorage.set(storageKey, _extends({}, state, {
-        filterForm: payload.data
-      }));
-      return _extends({}, state, {
-        filterForm: payload.data
-      });
-    case "mutateTableForm":
-      Digit.SessionStorage.set(storageKey, _extends({}, state, {
-        tableForm: payload.data
-      }));
-      return _extends({}, state, {
-        tableForm: payload.data
-      });
-    default:
-      return state;
-  }
-}
-const formInitValue = {
-  filterForm: {},
-  searchForm: {},
-  tableForm: {
-    limit: 10,
-    offset: 0,
-    sortBy: "createdTime",
-    sortOrder: "DESC"
-  }
+  })));
 };
-const tableColumnConfig = (t, handleReview) => [{
-  Header: t("SURVEYOR_NAME"),
-  accessor: "surveyorName",
-  Cell: _ref => {
-    var _row$original, _row$original2, _row$original3;
-    let row = _ref.row;
-    const id = (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.id;
-    return /*#__PURE__*/React__default.createElement("span", {
-      className: "link",
-      onClick: () => handleReview(id)
-    }, ((_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : _row$original2.surveyorName) || ((_row$original3 = row.original) === null || _row$original3 === void 0 ? void 0 : _row$original3.name) || "NA");
-  }
-}, {
-  Header: t("MOBILE_NUMBER"),
-  accessor: "mobileNo",
-  Cell: _ref2 => {
-    var _row$original4, _row$original5, _row$original5$owner;
-    let row = _ref2.row;
-    return /*#__PURE__*/React__default.createElement("span", null, ((_row$original4 = row.original) === null || _row$original4 === void 0 ? void 0 : _row$original4.mobileNo) || ((_row$original5 = row.original) === null || _row$original5 === void 0 ? void 0 : (_row$original5$owner = _row$original5.owner) === null || _row$original5$owner === void 0 ? void 0 : _row$original5$owner.mobileNumber) || "NA");
-  }
-}, {
-  Header: t("STATUS"),
-  accessor: "status",
-  Cell: _ref3 => {
-    var _row$original6;
-    let row = _ref3.row;
-    const status = ((_row$original6 = row.original) === null || _row$original6 === void 0 ? void 0 : _row$original6.status) || "DEFAULT";
-    return /*#__PURE__*/React__default.createElement("span", {
-      className: "ekyc-status-tag " + status
-    }, t(status));
-  }
-}, {
-  Header: t("SERVICE_TYPE"),
-  accessor: "serviceType",
-  Cell: _ref4 => {
-    var _row$original7;
-    let row = _ref4.row;
-    return /*#__PURE__*/React__default.createElement("span", null, ((_row$original7 = row.original) === null || _row$original7 === void 0 ? void 0 : _row$original7.serviceType) || "NA");
-  }
-}];
 
-const SupervisorInboxTableConfig = _ref => {
-  var _Digit$SessionStorage, _Digit$SessionStorage2, _Digit$SessionStorage3, _formState$tableForm, _formState$tableForm2;
-  let onPageSizeChange = _ref.onPageSizeChange,
-    formState = _ref.formState,
-    totalCount = _ref.totalCount,
-    table = _ref.table,
-    dispatch = _ref.dispatch,
-    onSortingByData = _ref.onSortingByData,
-    _ref$inboxStyles = _ref.inboxStyles,
-    inboxStyles = _ref$inboxStyles === void 0 ? {} : _ref$inboxStyles,
-    _ref$tableStyle = _ref.tableStyle,
-    tableStyle = _ref$tableStyle === void 0 ? {} : _ref$tableStyle;
+const AssignEkycModal = _ref => {
+  let surveyor = _ref.surveyor,
+    closeModal = _ref.closeModal,
+    refetchDashboard = _ref.refetchDashboard;
   const _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  const history = reactRouterDom.useHistory();
-  const userType = ((_Digit$SessionStorage = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage === void 0 ? void 0 : (_Digit$SessionStorage2 = _Digit$SessionStorage.info) === null || _Digit$SessionStorage2 === void 0 ? void 0 : (_Digit$SessionStorage3 = _Digit$SessionStorage2.type) === null || _Digit$SessionStorage3 === void 0 ? void 0 : _Digit$SessionStorage3.toLowerCase()) || "citizen";
-  const handleReview = id => {
-    history.push("/digit-ui/" + userType + "/ekyc/assign/surveyor-details/" + id);
-  };
-  const limit = (formState === null || formState === void 0 ? void 0 : (_formState$tableForm = formState.tableForm) === null || _formState$tableForm === void 0 ? void 0 : _formState$tableForm.limit) || 10;
-  const offset = (formState === null || formState === void 0 ? void 0 : (_formState$tableForm2 = formState.tableForm) === null || _formState$tableForm2 === void 0 ? void 0 : _formState$tableForm2.offset) || 0;
-  return {
-    disableSort: false,
-    autoSort: false,
-    manualPagination: true,
-    currentPage: Math.floor(offset / limit),
-    onPageSizeChange,
-    onNextPage: () => dispatch({
-      action: "mutateTableForm",
-      data: _extends({}, formState.tableForm, {
-        offset: Number(offset) + Number(limit)
-      })
-    }),
-    onPrevPage: () => dispatch({
-      action: "mutateTableForm",
-      data: _extends({}, formState.tableForm, {
-        offset: Number(offset) - Number(limit)
-      })
-    }),
-    onLastPage: () => dispatch({
-      action: "mutateTableForm",
-      data: _extends({}, formState.tableForm, {
-        offset: Math.ceil(totalCount / limit) * limit - Number(limit)
-      })
-    }),
-    onFirstPage: () => dispatch({
-      action: "mutateTableForm",
-      data: _extends({}, formState.tableForm, {
-        offset: 0
-      })
+  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({
+      error: false,
+      label: ""
     }),
-    totalRecords: totalCount,
-    onSort: onSortingByData,
-    data: table,
-    columns: tableColumnConfig(t, handleReview),
-    inboxStyles: _extends({}, inboxStyles),
-    tableStyle: _extends({}, tableStyle)
-  };
-};
-
-const AssignEkyc = () => {
-  var _formState$tableForm, _formState$tableForm2, _formState$tableForm3, _formState$tableForm4, _formState$searchForm, _dashboardData$dashbo;
-  let tenantId = Digit.ULBService.getCurrentTenantId();
-  if (!tenantId || tenantId === "dl") {
-    tenantId = "dl.djb";
-  }
-  const _useReducer = React.useReducer(formReducer, formInitValue),
-    formState = _useReducer[0],
-    dispatch = _useReducer[1];
-  let paginationParms = {
-    limit: (formState === null || formState === void 0 ? void 0 : (_formState$tableForm = formState.tableForm) === null || _formState$tableForm === void 0 ? void 0 : _formState$tableForm.limit) || 10,
-    offset: (formState === null || formState === void 0 ? void 0 : (_formState$tableForm2 = formState.tableForm) === null || _formState$tableForm2 === void 0 ? void 0 : _formState$tableForm2.offset) || 0,
-    sortBy: (formState === null || formState === void 0 ? void 0 : (_formState$tableForm3 = formState.tableForm) === null || _formState$tableForm3 === void 0 ? void 0 : _formState$tableForm3.sortBy) || "createdTime",
-    sortOrder: (formState === null || formState === void 0 ? void 0 : (_formState$tableForm4 = formState.tableForm) === null || _formState$tableForm4 === void 0 ? void 0 : _formState$tableForm4.sortOrder) || "DESC"
-  };
-  const mobileNumber = (formState === null || formState === void 0 ? void 0 : (_formState$searchForm = formState.searchForm) === null || _formState$searchForm === void 0 ? void 0 : _formState$searchForm.mobileNumber) || "";
-  const isSearchActive = !!mobileNumber;
-  const filters = _extends({}, paginationParms, {
-    status: "ACTIVE,DISABLED"
-  });
-  if (isSearchActive) {
-    filters.mobileNumber = mobileNumber;
-  }
-  const _Digit$Hooks$fsm$useS = Digit.Hooks.fsm.useSurveyorSearch(tenantId, filters, {
-      enabled: !!tenantId,
-      keepPreviousData: true
+    toastData = _useState6[0],
+    setToastData = _useState6[1];
+  const _useState7 = React.useState({
+      kno: "",
+      pincode: "",
+      zoneCode: "",
+      zoneName: "",
+      ward: "",
+      assembly: "",
+      mrkey: "",
+      ekycStatus: ""
     }),
-    dashboardData = _Digit$Hooks$fsm$useS.data,
-    isLoading = _Digit$Hooks$fsm$useS.isLoading;
-  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycAssignmentProgress({
-      enabled: !!tenantId,
+    filters = _useState7[0],
+    setFilters = _useState7[1];
+  const _useState8 = React.useState(filters),
+    debouncedFilters = _useState8[0],
+    setDebouncedFilters = _useState8[1];
+  const _Digit$Hooks$ws$useWS = Digit.Hooks.ws.useWSConfigMDMS.ZROLocation("dl.djb"),
+    zroLocationsData = _Digit$Hooks$ws$useWS.data,
+    isZroLoading = _Digit$Hooks$ws$useWS.isLoading;
+  const mappedZROLocation = React.useMemo(() => {
+    return (zroLocationsData || []).map(item => ({
+      code: item.code,
+      name: item.name
+    }));
+  }, [zroLocationsData]);
+  const _Digit$Hooks$useCommo = Digit.Hooks.useCommonMDMS("dl.djb", "egov-location", ["TenantBoundary"]),
+    egovLocationData = _Digit$Hooks$useCommo.data;
+  const boundaryData = React.useMemo(() => {
+    var _egovLocationData$ego;
+    const tenantBoundary = (egovLocationData === null || egovLocationData === void 0 ? void 0 : (_egovLocationData$ego = egovLocationData["egov-location"]) === null || _egovLocationData$ego === void 0 ? void 0 : _egovLocationData$ego.TenantBoundary) || [];
+    const revenueData = tenantBoundary.find(item => {
+      var _item$hierarchyType;
+      return (item === null || item === void 0 ? void 0 : (_item$hierarchyType = item.hierarchyType) === null || _item$hierarchyType === void 0 ? void 0 : _item$hierarchyType.code) === "REVENUE";
+    });
+    const boundary = (revenueData === null || revenueData === void 0 ? void 0 : revenueData.boundary) || [];
+    return Array.isArray(boundary) ? boundary : [boundary];
+  }, [egovLocationData]);
+  const _useMemo = React.useMemo(() => {
+      const assemblies = new Map();
+      const wards = new Map();
+      const boundaries = Array.isArray(boundaryData) ? boundaryData : boundaryData ? [boundaryData] : [];
+      const traverse = node => {
+        if (!node) return;
+        if (node.label === "Ward" || node.label === "WARD" || node.label === "Block" || node.label === "BLOCK") {
+          const code = node.code || node.localname || node.name;
+          const name = node.name || node.localname || code;
+          if (code) wards.set(code, {
+            code,
+            name: name
+          });
+        }
+        if (node.label === "Assembly Constituency" || node.label === "ASSEMBLY_CONSTITUENCY") {
+          const code = node.code || node.localname || node.name;
+          const name = node.name || node.localname || code;
+          if (code) assemblies.set(code, {
+            code,
+            name: name
+          });
+        }
+        if (node.children && node.children.length > 0) {
+          node.children.forEach(traverse);
+        }
+      };
+      boundaries.forEach(traverse);
+      return {
+        assemblyOptions: Array.from(assemblies.values()).sort((a, b) => a.name.localeCompare(b.name)),
+        wardOptions: Array.from(wards.values()).sort((a, b) => a.name.localeCompare(b.name))
+      };
+    }, [boundaryData]),
+    assemblyOptions = _useMemo.assemblyOptions,
+    wardOptions = _useMemo.wardOptions;
+  const structuredLocalityData = React.useMemo(() => {
+    let localities = [];
+    const boundaries = Array.isArray(boundaryData) ? boundaryData : boundaryData ? [boundaryData] : [];
+    const extractLocalities = node => {
+      if (!node) return;
+      if (node.label === "Locality" || node.label === "LOCALITY") {
+        localities.push(_extends({}, node, {
+          name: node.localname || node.name || node.code
+        }));
+      }
+      if (node.children && node.children.length > 0) {
+        node.children.forEach(child => extractLocalities(child));
+      }
+    };
+    boundaries.forEach(rootNode => extractLocalities(rootNode));
+    return localities;
+  }, [boundaryData]);
+  const fetchedPincodes = React.useMemo(() => {
+    const pinSet = new Set();
+    structuredLocalityData.forEach(loc => {
+      if (loc.pincode) {
+        const pins = Array.isArray(loc.pincode) ? loc.pincode : [loc.pincode];
+        pins.forEach(p => {
+          if (p) {
+            const sanitizedPin = p.toString().split(".")[0];
+            pinSet.add(sanitizedPin);
+          }
+        });
+      }
+    });
+    return Array.from(pinSet).sort();
+  }, [structuredLocalityData]);
+  React.useEffect(() => {
+    const timer = setTimeout(() => {
+      setDebouncedFilters(filters);
+    }, 500);
+    return () => clearTimeout(timer);
+  }, [filters]);
+  React.useEffect(() => {
+    setCurrentPage(0);
+  }, [debouncedFilters, filters.kno]);
+  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycApplicationList(_extends({
+      unassignedOnly: true
+    }, filters.kno && {
+      kno: filters.kno
+    }, debouncedFilters.ekycStatus && {
+      ekycStatus: debouncedFilters.ekycStatus
+    }, debouncedFilters.zoneName && {
+      zoneName: debouncedFilters.zoneName
+    }, debouncedFilters.assembly && {
+      assembly: debouncedFilters.assembly
+    }, debouncedFilters.ward && {
+      ward: debouncedFilters.ward
+    }, debouncedFilters.mrkey && {
+      mrkey: debouncedFilters.mrkey
+    }, debouncedFilters.pincode && {
+      pincode: debouncedFilters.pincode
+    }), {
+      tenantId: "dl.djb",
+      offset: currentPage * pageSize,
+      limit: pageSize
+    }, {
       keepPreviousData: true
     }),
-    isDataSearchLoading = _Digit$Hooks$ekyc$use.isLoading;
-  const sourceData = React.useMemo(() => {
-    return (dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.surveyors) || [];
-  }, [dashboardData]);
-  const filteredData = React.useMemo(() => {
-    return (sourceData || []).map(item => {
-      var _owner$roles, _owner$roles$map, _item$additionalDetai, _item$auditDetails, _item$auditDetails2;
-      const owner = (item === null || item === void 0 ? void 0 : item.owner) || {};
-      const roleCodes = (owner === null || owner === void 0 ? void 0 : (_owner$roles = owner.roles) === null || _owner$roles === void 0 ? void 0 : (_owner$roles$map = _owner$roles.map(role => role.code)) === null || _owner$roles$map === void 0 ? void 0 : _owner$roles$map.join(", ")) || "";
-      return _extends({}, item, {
-        id: (item === null || item === void 0 ? void 0 : item.id) || "",
-        surveyorName: (item === null || item === void 0 ? void 0 : item.name) || (owner === null || owner === void 0 ? void 0 : owner.name) || "",
-        mobileNo: (item === null || item === void 0 ? void 0 : item.mobileNo) || (owner === null || owner === void 0 ? void 0 : owner.mobileNumber) || "",
-        email: (owner === null || owner === void 0 ? void 0 : owner.emailId) || "",
-        vendorId: (item === null || item === void 0 ? void 0 : item.vendorId) || "",
-        tenantId: (item === null || item === void 0 ? void 0 : item.tenantId) || "",
-        supervisorId: (item === null || item === void 0 ? void 0 : item.supervisorId) || "",
-        status: (item === null || item === void 0 ? void 0 : item.status) || "",
-        roleCodes,
-        userName: (owner === null || owner === void 0 ? void 0 : owner.userName) || "",
-        gender: (owner === null || owner === void 0 ? void 0 : owner.gender) || "",
-        serviceType: (item === null || item === void 0 ? void 0 : (_item$additionalDetai = item.additionalDetails) === null || _item$additionalDetai === void 0 ? void 0 : _item$additionalDetai.serviceType) || "",
-        createdTime: (item === null || item === void 0 ? void 0 : (_item$auditDetails = item.auditDetails) === null || _item$auditDetails === void 0 ? void 0 : _item$auditDetails.createdTime) || 0,
-        lastModifiedTime: (item === null || item === void 0 ? void 0 : (_item$auditDetails2 = item.auditDetails) === null || _item$auditDetails2 === void 0 ? void 0 : _item$auditDetails2.lastModifiedTime) || 0
+    applicationData = _Digit$Hooks$ekyc$use.data,
+    isLoading = _Digit$Hooks$ekyc$use.isFetching;
+  const handleAssignmentError = (errMsg, variables) => {
+    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"
+        });
+      }
+    } else {
+      setToastData({
+        error: true,
+        label: t(errMsg) || errMsg || t("EKYC_SOMETHING_WENT_WRONG") || "Something went wrong"
       });
-    });
-  }, [sourceData]);
-  const totalRecords = (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo = dashboardData.dashboardInfo) === null || _dashboardData$dashbo === void 0 ? void 0 : _dashboardData$dashbo.totalRecords) || (dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.totalCount) || 0;
-  const SearchFormFields = React.useCallback(_ref => {
-    let registerRef = _ref.registerRef,
-      searchFormState = _ref.searchFormState,
-      controlSearchForm = _ref.controlSearchForm;
-    return /*#__PURE__*/React__default.createElement(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("") && (data === null || data === void 0 ? true : delete data[""]);
-    dispatch({
-      action: "mutateTableForm",
-      data: _extends({}, tableOrderFormDefaultValues)
-    });
-    dispatch({
-      action: "mutateSearchForm",
-      data
-    });
-  };
-  const searchFormDefaultValues = {
-    mobileNumber: "",
-    applicationNumber: "",
-    consumerNo: ""
+    }
+    setShowToast(true);
   };
-  const onSearchFormReset = setSearchFormValue => {
-    setSearchFormValue("mobileNumber", null);
-    setSearchFormValue("applicationNumber", null);
-    setSearchFormValue("consumerNo", null);
-    dispatch({
-      action: "mutateSearchForm",
-      data: searchFormDefaultValues
+  const assignmentMutation = Digit.Hooks.ekyc.useEkycAssignmentCreate({
+    onSuccess: (response, variables) => {
+      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);
+        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);
+        return;
+      }
+      setToastData({
+        error: false,
+        label: t("EKYC_ASSIGNMENT_SUCCESSFUL") || "Assignment successful"
+      });
+      setShowToast(true);
+      setTimeout(function () {
+        try {
+          return Promise.resolve(refetchDashboard()).then(function () {
+            closeModal();
+          });
+        } catch (e) {
+          return Promise.reject(e);
+        }
+      }, 1000);
+    },
+    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);
+    }
+  });
+  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]
+        };
+      }
+    }
+    return {
+      assignmentType: "KNO",
+      assignmentValue: selectedKnos
+    };
+  };
+  const handleAssign = () => {
+    var _surveyor$owner;
+    const _getAssignmentPayload = getAssignmentPayload(),
+      assignmentType = _getAssignmentPayload.assignmentType,
+      assignmentValue = _getAssignmentPayload.assignmentValue;
+    assignmentMutation.mutate({
+      tenantId: "dl.djb",
+      surveyorId: surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner = surveyor.owner) === null || _surveyor$owner === void 0 ? void 0 : _surveyor$owner.uuid,
+      assignmentType,
+      assignmentValue
     });
   };
-  const propsForSearchForm = {
-    SearchFormFields,
-    onSearchFormSubmit,
-    searchFormDefaultValues: formState === null || formState === void 0 ? void 0 : formState.searchForm,
-    resetSearchFormDefaultValues: searchFormDefaultValues,
-    onSearchFormReset,
-    className: "search-form-wns-inbox"
+  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 onPageSizeChange = e => {
-    const newLimit = Number(e.target.value);
-    dispatch({
-      action: "mutateTableForm",
-      data: _extends({}, formState.tableForm, {
-        limit: newLimit,
-        offset: 0
-      })
-    });
+  const handleFilterChange = (key, value) => {
+    setFilters(prev => _extends({}, prev, {
+      [key]: value
+    }));
   };
-  const onSortingByData = e => {
-    if (e.length > 0) {
-      const _e$ = e[0],
-        id = _e$.id,
-        desc = _e$.desc;
-      const sortOrder = desc ? "DESC" : "ASC";
-      const sortBy = id;
-      if (!(formState.tableForm.sortBy === sortBy && formState.tableForm.sortOrder === sortOrder)) {
-        dispatch({
-          action: "mutateTableForm",
-          data: _extends({}, formState.tableForm, {
-            sortBy: id,
-            sortOrder: desc ? "DESC" : "ASC"
-          })
-        });
-      }
+  const columns = React.useMemo(() => [{
+    Header: () => /*#__PURE__*/React__default.createElement("input", {
+      type: "checkbox",
+      checked: tableData.length > 0 && tableData.every(item => selectedKnos.includes(item.kno)),
+      onChange: handleSelectAll
+    }),
+    id: "selection",
+    Cell: _ref3 => {
+      let row = _ref3.row;
+      const kno = row.original.kno;
+      return /*#__PURE__*/React__default.createElement("input", {
+        type: "checkbox",
+        checked: selectedKnos.includes(kno),
+        onChange: () => handleSelect(kno)
+      });
+    }
+  }, {
+    Header: "KNO",
+    accessor: "kno"
+  }, {
+    Header: "Consumer Name",
+    accessor: row => ((row.firstName || "") + " " + (row.middleName || "") + " " + (row.lastName || "")).trim(),
+    id: "consumerName"
+  }, {
+    Header: "Zone",
+    accessor: "zoneName"
+  }, {
+    Header: "Pincode",
+    accessor: "pincode"
+  }, {
+    Header: "Status",
+    accessor: "status",
+    Cell: _ref4 => {
+      let value = _ref4.value;
+      return /*#__PURE__*/React__default.createElement("span", {
+        className: "status-badge " + (value === "ACTIVE" ? "verified" : value === "PENDING" ? "pending" : "assigned")
+      }, value);
+    }
+  }, {
+    Header: "eKYC Status",
+    accessor: "ekycStatus",
+    Cell: _ref5 => {
+      let value = _ref5.value;
+      const status = (value || "NA").toUpperCase();
+      return value ? /*#__PURE__*/React__default.createElement("span", {
+        className: "ekyc-status-tag " + status
+      }, t(status)) : "-";
     }
+  }], [selectedKnos, tableData]);
+  const handleSelect = kno => {
+    setSelectedKnos(prev => prev.includes(kno) ? prev.filter(item => item !== kno) : [...prev, kno]);
   };
-  const propsForInboxTable = SupervisorInboxTableConfig(_extends({}, {
-    onPageSizeChange,
-    formState,
-    totalCount: totalRecords,
-    table: filteredData,
-    dispatch,
-    onSortingByData,
-    tenantId,
-    inboxStyles: {
-      overflowX: "scroll",
-      overflowY: "hidden"
+  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
+    headerBarMain: "Assign KNOs to " + (surveyor === null || surveyor === void 0 ? void 0 : surveyor.name),
+    headerBarEnd: /*#__PURE__*/React__default.createElement(digitUiReactComponents.Close, {
+      onClick: closeModal
+    }),
+    actionCancelLabel: "Cancel",
+    actionCancelOnSubmit: closeModal,
+    actionSaveLabel: "Assign " + selectedKnos.length + " KNOs",
+    actionSaveOnSubmit: handleAssign,
+    isDisabled: !(selectedKnos !== null && selectedKnos !== void 0 && selectedKnos.length)
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "assign-knos-modal"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "filters-grid"
+  }, /*#__PURE__*/React__default.createElement("input", {
+    className: "form-control",
+    placeholder: "KNO",
+    value: filters.kno,
+    onChange: e => handleFilterChange("kno", e.target.value)
+  }), /*#__PURE__*/React__default.createElement("select", {
+    className: "form-control",
+    value: filters.pincode,
+    onChange: e => handleFilterChange("pincode", e.target.value)
+  }, /*#__PURE__*/React__default.createElement("option", {
+    value: ""
+  }, "Select Pincode"), fetchedPincodes.map(pin => /*#__PURE__*/React__default.createElement("option", {
+    key: pin,
+    value: pin
+  }, pin))), /*#__PURE__*/React__default.createElement("select", {
+    className: "form-control",
+    value: filters.zoneName,
+    onChange: e => {
+      const val = e.target.value;
+      setFilters(prev => _extends({}, prev, {
+        zoneCode: val,
+        zoneName: val
+      }));
     },
-    tableStyle: {
-      width: "70%"
+    disabled: isZroLoading
+  }, /*#__PURE__*/React__default.createElement("option", {
+    value: ""
+  }, isZroLoading ? "Loading ZRO Locations..." : "Select ZRO Location"), mappedZROLocation.map(loc => /*#__PURE__*/React__default.createElement("option", {
+    key: loc.code,
+    value: loc.name
+  }, loc.name))), /*#__PURE__*/React__default.createElement("select", {
+    className: "form-control",
+    value: filters.ward,
+    onChange: e => handleFilterChange("ward", e.target.value)
+  }, /*#__PURE__*/React__default.createElement("option", {
+    value: ""
+  }, "Select Ward"), wardOptions.map(ward => /*#__PURE__*/React__default.createElement("option", {
+    key: ward.code,
+    value: ward.name
+  }, ward.name))), /*#__PURE__*/React__default.createElement("select", {
+    className: "form-control",
+    value: filters.assembly,
+    onChange: e => handleFilterChange("assembly", e.target.value)
+  }, /*#__PURE__*/React__default.createElement("option", {
+    value: ""
+  }, "Select Assembly"), assemblyOptions.map(assembly => /*#__PURE__*/React__default.createElement("option", {
+    key: assembly.code,
+    value: assembly.name
+  }, assembly.name))), /*#__PURE__*/React__default.createElement("input", {
+    className: "form-control",
+    placeholder: "MR Key",
+    value: filters.mrkey,
+    onChange: e => handleFilterChange("mrkey", e.target.value)
+  }), selectedKnos.length > 0 && /*#__PURE__*/React__default.createElement("button", {
+    className: "clear-selected-btn",
+    type: "button",
+    onClick: () => setSelectedKnos([])
+  }, t("EKYC_CLEAR_SELECTION") || "Clear Selected (" + selectedKnos.length + ")")), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Table, {
+    tableTitle: "eKYC Applications",
+    tableClass: "ekycTable",
+    data: tableData,
+    columns: columns,
+    isLoading: isLoading,
+    totalRecords: (applicationData === null || applicationData === void 0 ? void 0 : applicationData.totalCount) || 0,
+    currentPage: currentPage,
+    pageSizeLimit: pageSize,
+    manualPagination: true,
+    isPaginationRequired: true,
+    onNextPage: () => {
+      if (currentPage < ((applicationData === null || applicationData === void 0 ? void 0 : applicationData.totalPages) || 1) - 1) {
+        setCurrentPage(prev => prev + 1);
+      }
+    },
+    onPrevPage: () => {
+      if (currentPage > 0) {
+        setCurrentPage(prev => prev - 1);
+      }
+    },
+    onFirstPage: () => {
+      setCurrentPage(0);
+    },
+    onLastPage: () => {
+      setCurrentPage(Math.max(((applicationData === null || applicationData === void 0 ? void 0 : applicationData.totalPages) || 1) - 1, 0));
+    },
+    onPageSizeChange: e => {
+      setPageSize(Number(e.target.value));
+      setCurrentPage(0);
     }
+  })), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
+    error: toastData.error,
+    label: toastData.label,
+    onClose: () => setShowToast(false)
   }));
-  const isInboxLoading = isLoading;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "app-container"
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.InboxComposer, _extends({
-    isInboxLoading
-  }, propsForSearchForm, {
-    propsForInboxTable,
-    formState,
-    countData: dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.dashboardInfo,
-    isCardLoading: isDataSearchLoading
-  })));
 };
 
-const AdminDashboard = () => {
-  var _Digit$SessionStorage, _loggedInUser$roles, _fullName$charAt;
+const SurveyorDetailsDashboard = () => {
+  var _Digit$SessionStorage, _Digit$SessionStorage2, _Digit$SessionStorage3, _Digit$SessionStorage4, _surveyor$owner, _surveyor$owner2, _surveyor$owner3, _surveyor$owner4, _fullName$charAt, _dashboardData$dashbo, _dashboardData$dashbo2, _dashboardData$dashbo3, _dashboardData$dashbo4, _surveyor$owner8, _surveyor$owner9, _surveyor$owner0, _surveyor$additionalD, _dashboardData$dashbo5, _dashboardData$dashbo6;
+  const tenantId = Digit.ULBService.getCurrentTenantId();
+  const _useState = React.useState(false),
+    showModal = _useState[0],
+    setShowModal = _useState[1];
+  const _useState2 = React.useState(false),
+    showOptions = _useState2[0],
+    setShowOptions = _useState2[1];
+  const _useState3 = React.useState(false),
+    ekycDownloadLoading = _useState3[0],
+    setEkycDownloadLoading = _useState3[1];
+  const _useParams = reactRouterDom.useParams(),
+    surveyorId = _useParams.id;
+  const ownerIds = (_Digit$SessionStorage = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage === void 0 ? void 0 : (_Digit$SessionStorage2 = _Digit$SessionStorage.info) === null || _Digit$SessionStorage2 === void 0 ? void 0 : _Digit$SessionStorage2.uuid;
   const _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  const history = reactRouterDom.useHistory();
-  let tenantId = Digit.ULBService.getCurrentTenantId();
-  if (!tenantId || tenantId === "dl") {
-    tenantId = "dl.djb";
-  }
-  const loggedInUser = (_Digit$SessionStorage = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage === void 0 ? void 0 : _Digit$SessionStorage.info;
+  const _Digit$Hooks$fsm$useS = Digit.Hooks.fsm.useSurveyorSearch(tenantId, {
+      ids: surveyorId
+    }, {
+      enabled: !!surveyorId,
+      staleTime: Infinity
+    }),
+    surveyorSearchById = _Digit$Hooks$fsm$useS.data,
+    isLoadingId = _Digit$Hooks$fsm$useS.isLoading;
+  const _Digit$Hooks$fsm$useS2 = Digit.Hooks.fsm.useSurveyorSearch(tenantId, surveyorId ? {
+      ownerIds: surveyorId
+    } : {
+      ownerIds
+    }, {
+      enabled: true,
+      staleTime: Infinity
+    }),
+    surveyorSearchByOwner = _Digit$Hooks$fsm$useS2.data,
+    isLoadingOwner = _Digit$Hooks$fsm$useS2.isLoading;
+  const surveyorSearchResponse = React.useMemo(() => {
+    if (surveyorId) {
+      var _surveyorSearchById$s;
+      return surveyorSearchById !== null && surveyorSearchById !== void 0 && (_surveyorSearchById$s = surveyorSearchById.surveyors) !== null && _surveyorSearchById$s !== void 0 && _surveyorSearchById$s.length ? surveyorSearchById : surveyorSearchByOwner;
+    }
+    return surveyorSearchByOwner;
+  }, [surveyorId, surveyorSearchById, surveyorSearchByOwner]);
+  const isLoading = surveyorId ? isLoadingId || isLoadingOwner : isLoadingOwner;
+  const roles = (_Digit$SessionStorage3 = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage3 === void 0 ? void 0 : (_Digit$SessionStorage4 = _Digit$SessionStorage3.info) === null || _Digit$SessionStorage4 === void 0 ? void 0 : _Digit$SessionStorage4.roles.map(ele => ele.code);
+  const surveyor = React.useMemo(() => {
+    var _surveyorSearchRespon;
+    return (surveyorSearchResponse === null || surveyorSearchResponse === void 0 ? void 0 : (_surveyorSearchRespon = surveyorSearchResponse.surveyors) === null || _surveyorSearchRespon === void 0 ? void 0 : _surveyorSearchRespon[0]) || null;
+  }, [surveyorSearchResponse]);
   const _Digit$Hooks$fsm$useD = Digit.Hooks.fsm.useDsoSearch(tenantId, {
       status: "ACTIVE"
     }, {
       enabled: !!tenantId
     }),
-    vendorSearchResponse = _Digit$Hooks$fsm$useD.data,
-    isVendorSearchLoading = _Digit$Hooks$fsm$useD.isLoading;
-  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycAssignmentProgress({
-      enabled: !!tenantId,
+    vendorData = _Digit$Hooks$fsm$useD.data,
+    isVendorLoading = _Digit$Hooks$fsm$useD.isLoading;
+  const _Digit$Hooks$fsm$useS3 = Digit.Hooks.fsm.useSupervisorSearch(tenantId, {
+      status: "ACTIVE"
+    }, {
+      enabled: !!tenantId
+    }),
+    supervisorSearchResponse = _Digit$Hooks$fsm$useS3.data,
+    isSupervisorSearchLoading = _Digit$Hooks$fsm$useS3.isLoading;
+  const vendorName = React.useMemo(() => {
+    var _mappedVendor$dsoDeta;
+    if (surveyor !== null && surveyor !== void 0 && surveyor.vendorName) return surveyor.vendorName;
+    if (!vendorData || !(surveyor !== null && surveyor !== void 0 && surveyor.vendorId)) return "N/A";
+    const mappedVendor = vendorData.find(v => {
+      var _v$dsoDetails, _v$dsoDetails2;
+      return ((_v$dsoDetails = v.dsoDetails) === null || _v$dsoDetails === void 0 ? void 0 : _v$dsoDetails.id) === surveyor.vendorId || ((_v$dsoDetails2 = v.dsoDetails) === null || _v$dsoDetails2 === void 0 ? void 0 : _v$dsoDetails2.vendorId) === surveyor.vendorId;
+    });
+    return (mappedVendor === null || mappedVendor === void 0 ? void 0 : (_mappedVendor$dsoDeta = mappedVendor.dsoDetails) === null || _mappedVendor$dsoDeta === void 0 ? void 0 : _mappedVendor$dsoDeta.name) || surveyor.vendorId || "N/A";
+  }, [vendorData, surveyor === null || surveyor === void 0 ? void 0 : surveyor.vendorId, surveyor === null || surveyor === void 0 ? void 0 : surveyor.vendorName]);
+  const supervisorName = React.useMemo(() => {
+    var _mappedSupervisor$own;
+    if (surveyor !== null && surveyor !== void 0 && surveyor.supervisorName) return surveyor.supervisorName;
+    if (!(supervisorSearchResponse !== null && supervisorSearchResponse !== void 0 && supervisorSearchResponse.supervisors) || !(surveyor !== null && surveyor !== void 0 && surveyor.supervisorId)) return "N/A";
+    const mappedSupervisor = supervisorSearchResponse.supervisors.find(s => {
+      var _s$owner;
+      return s.id === surveyor.supervisorId || ((_s$owner = s.owner) === null || _s$owner === void 0 ? void 0 : _s$owner.uuid) === surveyor.supervisorId;
+    });
+    return (mappedSupervisor === null || mappedSupervisor === void 0 ? void 0 : mappedSupervisor.name) || (mappedSupervisor === null || mappedSupervisor === void 0 ? void 0 : (_mappedSupervisor$own = mappedSupervisor.owner) === null || _mappedSupervisor$own === void 0 ? void 0 : _mappedSupervisor$own.name) || surveyor.supervisorId || "N/A";
+  }, [supervisorSearchResponse, surveyor === null || surveyor === void 0 ? void 0 : surveyor.supervisorId, surveyor === null || surveyor === void 0 ? void 0 : surveyor.supervisorName]);
+  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 mobileNumber = (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";
+  const _useState4 = React.useState(0),
+    currentPage = _useState4[0],
+    setCurrentPage = _useState4[1];
+  const _useState5 = React.useState(20),
+    pageSize = _useState5[0],
+    setPageSize = _useState5[1];
+  const queryParams = {
+    tenantId: "dl.djb",
+    offset: currentPage * pageSize,
+    limit: pageSize,
+    surveyorId: surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner4 = surveyor.owner) === null || _surveyor$owner4 === void 0 ? void 0 : _surveyor$owner4.uuid
+  };
+  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycSurveyorDashboard({}, queryParams, {
+      enabled: !!queryParams.tenantId && !!queryParams.surveyorId,
       keepPreviousData: true
     }),
-    progressData = _Digit$Hooks$ekyc$use.data,
-    isProgressLoading = _Digit$Hooks$ekyc$use.isLoading;
-  const vendorsList = React.useMemo(() => {
-    if (vendorSearchResponse && vendorSearchResponse.length > 0) {
-      return vendorSearchResponse.map(v => {
-        var _progressData$supervi, _dso$owner, _v$owner, _dso$owner2;
-        const dso = v.dsoDetails || v;
-        const supervisorsList = dso.supervisors || [];
-        const surveyorsList = dso.surveyors || [];
-        const supervisorIds = supervisorsList.map(s => {
-          var _s$owner;
-          return s.id || ((_s$owner = s.owner) === null || _s$owner === void 0 ? void 0 : _s$owner.uuid);
-        }).filter(Boolean);
-        const matchedReports = (progressData === null || progressData === void 0 ? void 0 : (_progressData$supervi = progressData.supervisorReport) === null || _progressData$supervi === void 0 ? void 0 : _progressData$supervi.filter(r => supervisorIds.includes(r.supervisorId))) || [];
-        const completed = matchedReports.reduce((acc, r) => acc + (r.submittedKnos || 0), 0);
-        const pending = matchedReports.reduce((acc, r) => acc + (r.pendingKnos || 0), 0);
-        const total = matchedReports.reduce((acc, r) => acc + (r.totalKnos || 0), 0);
-        const progress = total > 0 ? Math.round(completed / total * 100) : 0;
-        const rejected = 0;
-        return {
-          id: dso.id || dso.vendorId || v.id || v.vendorId,
-          name: dso.name || dso.displayName || v.name || "N/A",
-          ownerName: ((_dso$owner = dso.owner) === null || _dso$owner === void 0 ? void 0 : _dso$owner.name) || ((_v$owner = v.owner) === null || _v$owner === void 0 ? void 0 : _v$owner.name) || "N/A",
-          mobileNumber: dso.mobileNumber || ((_dso$owner2 = dso.owner) === null || _dso$owner2 === void 0 ? void 0 : _dso$owner2.mobileNumber) || v.mobileNumber || "N/A",
-          supervisors: supervisorsList.length,
-          surveyors: surveyorsList.length,
-          completed: completed,
-          progress: progress,
-          pending: pending,
-          rejected: rejected
-        };
+    isDashboardLoading = _Digit$Hooks$ekyc$use.isFetching,
+    _Digit$Hooks$ekyc$use2 = _Digit$Hooks$ekyc$use.data,
+    dashboardData = _Digit$Hooks$ekyc$use2 === void 0 ? {} : _Digit$Hooks$ekyc$use2,
+    refetchDashboard = _Digit$Hooks$ekyc$use.refetch;
+  const knoColumns = React.useMemo(() => [{
+    Header: t("KNO") || "KNO",
+    accessor: "kno"
+  }, {
+    Header: t("CONSUMER_NAME") || "Consumer Name",
+    accessor: row => ((row.firstName || "") + " " + (row.middleName || "") + " " + (row.lastName || "")).trim(),
+    id: "consumerName"
+  }, {
+    Header: t("ZONE") || "Zone",
+    accessor: "zoneName"
+  }, {
+    Header: t("EKYC_STATUS") || "eKYC Status",
+    accessor: "ekycStatus",
+    Cell: _ref => {
+      let value = _ref.value;
+      const status = (value || "NA").toUpperCase();
+      return value ? /*#__PURE__*/React__default.createElement("span", {
+        className: "ekyc-status-tag " + status
+      }, t(status)) : "-";
+    }
+  }, {
+    Header: t("SUBMITTED_AT") || "Submitted At",
+    accessor: "submittedAt",
+    Cell: _ref2 => {
+      let value = _ref2.value;
+      return value ? Digit.DateUtils.ConvertEpochToDate(value) : "-";
+    }
+  }, {
+    Header: t("ASSIGNED_AT") || "Assigned At",
+    accessor: "assignedAt",
+    Cell: _ref3 => {
+      let value = _ref3.value;
+      return value ? Digit.DateUtils.ConvertEpochToDate(value) : "-";
+    }
+  }], [t]);
+  const _useState6 = React.useState(false),
+    showReportMenu = _useState6[0],
+    setShowReportMenu = _useState6[1];
+  const _useState7 = React.useState({
+      from: "",
+      to: ""
+    }),
+    customDate = _useState7[0],
+    setCustomDate = _useState7[1];
+  const _useState8 = React.useState(false),
+    showCustomPicker = _useState8[0],
+    setShowCustomPicker = _useState8[1];
+  const _useState9 = React.useState(false),
+    reportLoading = _useState9[0],
+    setReportLoading = _useState9[1];
+  const reportMenuRef = React.useRef(null);
+  React.useEffect(() => {
+    const handler = e => {
+      if (reportMenuRef.current && !reportMenuRef.current.contains(e.target)) {
+        setShowReportMenu(false);
+        setShowCustomPicker(false);
+      }
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, []);
+  const isPageLoading = isLoading || isVendorLoading || isSupervisorSearchLoading;
+  if (isPageLoading && !surveyor) {
+    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
+  }
+  if (!surveyor) {
+    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement("div", {
+      style: {
+        padding: "24px"
+      }
+    }, t("NO_SURVEYOR_FOUND")));
+  }
+  const getDateRange = filter => {
+    const now = new Date();
+    const start = new Date(now);
+    if (filter === "today") {
+      start.setHours(0, 0, 0, 0);
+      return {
+        from: start,
+        to: now
+      };
+    }
+    if (filter === "week") {
+      start.setDate(now.getDate() - now.getDay());
+      start.setHours(0, 0, 0, 0);
+      return {
+        from: start,
+        to: now
+      };
+    }
+    if (filter === "month") {
+      start.setDate(1);
+      start.setHours(0, 0, 0, 0);
+      return {
+        from: start,
+        to: now
+      };
+    }
+    return null;
+  };
+  const handlePresetDownload = function (filter) {
+    try {
+      const range = getDateRange(filter);
+      if (!range) return Promise.resolve();
+      setReportLoading(true);
+      const _temp = _finallyRethrows(function () {
+        return _catch(function () {
+          var _surveyor$owner5;
+          return Promise.resolve(Digit.EkycService.dashboard({}, {
+            tenantId: "dl.djb",
+            offset: 0,
+            limit: 1000,
+            surveyorId: surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner5 = surveyor.owner) === null || _surveyor$owner5 === void 0 ? void 0 : _surveyor$owner5.uuid,
+            fromDate: range.from.getTime(),
+            toDate: range.to.getTime()
+          })).then(function (response) {
+            var _response$dashboardIn;
+            const rows = (response === null || response === void 0 ? void 0 : (_response$dashboardIn = response.dashboardInfo) === null || _response$dashboardIn === void 0 ? void 0 : _response$dashboardIn.consumerList) || [];
+            downloadSurveyorPDF({
+              rows: rows,
+              surveyorName: fullName,
+              vendorName,
+              supervisorName,
+              employeeId,
+              mobileNumber,
+              dashboardInfo: (response === null || response === void 0 ? void 0 : response.dashboardInfo) || {},
+              t
+            });
+          });
+        }, function (err) {
+          console.error("Failed to fetch dashboard data for report download:", err);
+        });
+      }, function (_wasThrown, _result) {
+        setReportLoading(false);
+        setShowReportMenu(false);
+        setShowCustomPicker(false);
+        if (_wasThrown) throw _result;
+        return _result;
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const handleCustomDownload = function () {
+    try {
+      if (!customDate.from || !customDate.to) {
+        alert(t("SELECT_DATE_RANGE") || "Please select both From and To dates.");
+        return Promise.resolve();
+      }
+      const from = new Date(customDate.from);
+      from.setHours(0, 0, 0, 0);
+      const to = new Date(customDate.to);
+      to.setHours(23, 59, 59, 999);
+      setReportLoading(true);
+      const _temp2 = _finallyRethrows(function () {
+        return _catch(function () {
+          var _surveyor$owner6;
+          return Promise.resolve(Digit.EkycService.dashboard({}, {
+            tenantId: "dl.djb",
+            offset: 0,
+            limit: 1000,
+            surveyorId: surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner6 = surveyor.owner) === null || _surveyor$owner6 === void 0 ? void 0 : _surveyor$owner6.uuid,
+            fromDate: from.getTime(),
+            toDate: to.getTime()
+          })).then(function (response) {
+            var _response$dashboardIn2;
+            const rows = (response === null || response === void 0 ? void 0 : (_response$dashboardIn2 = response.dashboardInfo) === null || _response$dashboardIn2 === void 0 ? void 0 : _response$dashboardIn2.consumerList) || [];
+            downloadSurveyorPDF({
+              rows: rows,
+              surveyorName: fullName,
+              vendorName,
+              supervisorName,
+              employeeId,
+              mobileNumber,
+              dashboardInfo: (response === null || response === void 0 ? void 0 : response.dashboardInfo) || {},
+              t
+            });
+          });
+        }, function (err) {
+          console.error("Failed to fetch custom dashboard data for report download:", err);
+        });
+      }, function (_wasThrown2, _result2) {
+        setReportLoading(false);
+        setShowReportMenu(false);
+        setShowCustomPicker(false);
+        if (_wasThrown2) throw _result2;
+        return _result2;
       });
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
     }
-    return [];
-  }, [vendorSearchResponse, progressData]);
-  const _useState = React.useState(false),
-    ekycDownloadLoading = _useState[0],
-    setEkycDownloadLoading = _useState[1];
-  const _useState2 = React.useState(0),
-    currentPage = _useState2[0];
-  const _useState3 = React.useState(20),
-    pageSize = _useState3[0];
-  const _Digit$Hooks$ekyc$use2 = Digit.Hooks.ekyc.useEkycApplicationList({}, {
-      tenantId,
-      offset: currentPage * pageSize,
-      limit: pageSize
-    }, {
-      keepPreviousData: true
-    });
-  const fullName = (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.name) || "Admin";
-  const mobileNumber = (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.mobileNumber) || "N/A";
-  const roleText = (loggedInUser === null || loggedInUser === void 0 ? void 0 : (_loggedInUser$roles = loggedInUser.roles) === null || _loggedInUser$roles === void 0 ? void 0 : _loggedInUser$roles.map(r => r.name).join(", ")) || "EKYC Admin";
+  };
+  const StatCard = _ref4 => {
+    let title = _ref4.title,
+      value = _ref4.value,
+      type = _ref4.type,
+      isLoading = _ref4.isLoading,
+      icon = _ref4.icon;
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "stat-card " + type
+    }, isLoading ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+      className: "stat-title skeleton skeleton-text"
+    }), /*#__PURE__*/React__default.createElement("div", {
+      className: "stat-value skeleton skeleton-number"
+    })) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+      className: "stat-title"
+    }, title), /*#__PURE__*/React__default.createElement("div", {
+      className: "stat-value"
+    }, value), icon && /*#__PURE__*/React__default.createElement("div", {
+      className: "stat-icon"
+    }, icon)));
+  };
+  const options = [{
+    action: "Assign"
+  }];
+  const handleMenuSelect = option => {
+    setShowOptions(false);
+    setShowModal(true);
+  };
   const handleDownloadEkycData = function () {
     try {
       setEkycDownloadLoading(true);
       return Promise.resolve(_finallyRethrows(function () {
         return _catch(function () {
+          var _surveyor$owner7;
           return Promise.resolve(Digit.EkycService.application_list({
-            tenantId: tenantId,
+            tenantId: tenantId || "dl.djb",
             offset: 0,
             limit: 10000,
+            surveyorId: surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner7 = surveyor.owner) === null || _surveyor$owner7 === void 0 ? void 0 : _surveyor$owner7.uuid,
             reportDownload: true
           })).then(function (response) {
             const consumerList = (response === null || response === void 0 ? void 0 : response.consumerList) || [];
@@ -6860,9 +7508,9 @@ const AdminDashboard = () => {
             };
             const excelData = consumerList.map(item => {
               const cleanObj = {};
-              const name = [item.firstName, item.middleName, item.lastName].filter(Boolean).join(" ");
-              if (name) {
-                cleanObj[t("CONSUMER_NAME") || "Consumer Name"] = name;
+              const fullName = [item.firstName, item.middleName, item.lastName].filter(Boolean).join(" ");
+              if (fullName) {
+                cleanObj[t("CONSUMER_NAME") || "Consumer Name"] = fullName;
               }
               Object.keys(item).forEach(key => {
                 if (excludedKeys.includes(key)) return;
@@ -6875,21 +7523,29 @@ const AdminDashboard = () => {
               });
               return cleanObj;
             });
-            const cleanFileName = "eKYC_All_Data_Admin_" + fullName.replace(/[^a-zA-Z0-9]/g, "_");
+            const cleanFileName = "eKYC_Data_" + fullName.replace(/[^a-zA-Z0-9]/g, "_");
             Digit.Download.Excel(excelData, cleanFileName);
           });
         }, function (error) {
           console.error("Error downloading eKYC Excel:", error);
         });
-      }, function (_wasThrown, _result) {
+      }, function (_wasThrown3, _result3) {
         setEkycDownloadLoading(false);
-        if (_wasThrown) throw _result;
-        return _result;
+        if (_wasThrown3) throw _result3;
+        return _result3;
       }));
     } catch (e) {
       return Promise.reject(e);
     }
   };
+  const closeModal = function () {
+    try {
+      setShowModal(false);
+      return Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
   return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
     className: "surveyor-dashboard"
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -6904,19 +7560,151 @@ const AdminDashboard = () => {
     className: "name"
   }, fullName), /*#__PURE__*/React__default.createElement("div", {
     className: "designation"
-  }, t("EKYC_ADMIN") || "eKYC Admin / Manager"), /*#__PURE__*/React__default.createElement("div", {
-    className: "mobile-number"
-  }, mobileNumber))), /*#__PURE__*/React__default.createElement("button", {
+  }, (surveyor === null || surveyor === void 0 ? void 0 : surveyor.description) || t("FIELD_SURVEYOR")))), /*#__PURE__*/React__default.createElement("div", {
+    className: "report-download",
+    ref: reportMenuRef
+  }, /*#__PURE__*/React__default.createElement("button", {
+    className: "download-btn",
+    disabled: reportLoading,
+    onClick: () => {
+      setShowReportMenu(p => !p);
+      setShowCustomPicker(false);
+    }
+  }, reportLoading ? t("DOWNLOADING") || "Downloading..." : t("DOWNLOAD_REPORT") || "Download Report"), showReportMenu && /*#__PURE__*/React__default.createElement("div", {
+    className: "report-menu"
+  }, [{
+    label: t("TODAY") || "Today",
+    key: "today"
+  }, {
+    label: t("THIS_WEEK") || "This Week",
+    key: "week"
+  }, {
+    label: t("THIS_MONTH") || "This Month",
+    key: "month"
+  }].map(_ref5 => {
+    let label = _ref5.label,
+      key = _ref5.key;
+    return /*#__PURE__*/React__default.createElement("div", {
+      key: key,
+      className: "menu-item",
+      onClick: () => handlePresetDownload(key)
+    }, label);
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "custom-date-trigger",
+    onClick: () => setShowCustomPicker(p => !p)
+  }, t("CUSTOM_DATE") || "Custom Date"), showCustomPicker && /*#__PURE__*/React__default.createElement("div", {
+    className: "custom-picker"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "date-field"
+  }, /*#__PURE__*/React__default.createElement("label", {
+    className: "date-label"
+  }, t("FROM_DATE") || "From"), /*#__PURE__*/React__default.createElement("input", {
+    type: "date",
+    className: "date-input",
+    value: customDate.from,
+    onChange: e => setCustomDate(d => _extends({}, d, {
+      from: e.target.value
+    }))
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "date-field"
+  }, /*#__PURE__*/React__default.createElement("label", {
+    className: "date-label"
+  }, t("TO_DATE") || "To"), /*#__PURE__*/React__default.createElement("input", {
+    type: "date",
+    className: "date-input",
+    value: customDate.to,
+    onChange: e => setCustomDate(d => _extends({}, d, {
+      to: e.target.value
+    }))
+  })), /*#__PURE__*/React__default.createElement("button", {
+    className: "download-action-btn",
+    onClick: handleCustomDownload
+  }, t("DOWNLOAD") || "Download"))))), /*#__PURE__*/React__default.createElement("div", {
+    className: "stats-wrapper"
+  }, /*#__PURE__*/React__default.createElement(StatCard, {
+    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,
+    icon: /*#__PURE__*/React__default.createElement(fa.FaUsers, null)
+  }), /*#__PURE__*/React__default.createElement(StatCard, {
+    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,
+    icon: /*#__PURE__*/React__default.createElement(fa.FaCheckCircle, null)
+  }), /*#__PURE__*/React__default.createElement(StatCard, {
+    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,
+    icon: /*#__PURE__*/React__default.createElement(fa.FaClock, null)
+  }), /*#__PURE__*/React__default.createElement(StatCard, {
+    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,
+    icon: /*#__PURE__*/React__default.createElement(fa.FaChartLine, null)
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "charts-wrapper"
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "ekyc-dashboard-section"
+  }, /*#__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"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "detail-item"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "label"
+  }, t("MOBILE")), /*#__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.mobileNumber) || (surveyor === null || surveyor === void 0 ? void 0 : surveyor.mobileNo) || "N/A")), /*#__PURE__*/React__default.createElement("div", {
+    className: "detail-item"
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: "label"
+  }, t("EMAIL")), /*#__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.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$owner0 = surveyor.owner) === null || _surveyor$owner0 === void 0 ? void 0 : _surveyor$owner0.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("SERVICE_TYPE")), /*#__PURE__*/React__default.createElement("span", {
+    className: "value"
+  }, (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$additionalD = surveyor.additionalDetails) === null || _surveyor$additionalD === void 0 ? void 0 : _surveyor$additionalD.serviceType) || "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("button", {
     className: "download-excel-btn",
     disabled: ekycDownloadLoading,
-    onClick: handleDownloadEkycData,
-    style: {
-      margin: 0,
-      padding: "8px 16px",
-      height: "auto",
-      minHeight: "36px",
-      width: "auto"
-    }
+    onClick: handleDownloadEkycData
   }, /*#__PURE__*/React__default.createElement("svg", {
     width: "16",
     height: "16",
@@ -6925,206 +7713,297 @@ const AdminDashboard = () => {
     stroke: "currentColor",
     strokeWidth: "2.5",
     strokeLinecap: "round",
-    strokeLinejoin: "round",
-    style: {
-      marginRight: "8px"
-    }
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"
-  }), /*#__PURE__*/React__default.createElement("polyline", {
-    points: "7 10 12 15 17 10"
-  }), /*#__PURE__*/React__default.createElement("line", {
-    x1: "12",
-    y1: "15",
-    x2: "12",
-    y2: "3"
-  })), ekycDownloadLoading ? t("DOWNLOADING") || "Downloading..." : t("DOWNLOAD_EXCEL") || "Download Excel")), /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      marginTop: "32px"
-    }
-  }, /*#__PURE__*/React__default.createElement("h3", {
-    style: {
-      fontSize: "20px",
-      fontWeight: "700",
-      color: "#101828",
-      marginBottom: "20px"
-    }
-  }, t("EKYC_VENDORS_PERFORMANCE") || "eKYC Vendors Performance"), isVendorSearchLoading || isProgressLoading ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null) : /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      display: "grid",
-      gridTemplateColumns: "repeat(3, 1fr)",
-      gap: "24px",
-      width: "100%"
-    }
-  }, vendorsList.length === 0 ? /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      gridColumn: "span 3",
-      textAlign: "center",
-      padding: "40px",
-      color: "#64748B",
-      fontSize: "16px"
-    }
-  }, t("NO_VENDORS_FOUND") || "No vendors found.") : vendorsList.map(vendor => /*#__PURE__*/React__default.createElement("div", {
-    key: vendor.id,
-    onClick: () => history.push("/digit-ui/employee/ekyc/vendors/" + vendor.id),
-    style: {
-      background: "#ffffff",
-      border: "1px solid #E2E8F0",
-      borderRadius: "16px",
-      padding: "24px",
-      boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03)",
-      cursor: "pointer",
-      transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "space-between",
-      gap: "16px"
+    strokeLinejoin: "round"
+  }, /*#__PURE__*/React__default.createElement("path", {
+    d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"
+  }), /*#__PURE__*/React__default.createElement("polyline", {
+    points: "7 10 12 15 17 10"
+  }), /*#__PURE__*/React__default.createElement("line", {
+    x1: "12",
+    y1: "15",
+    x2: "12",
+    y2: "3"
+  })), ekycDownloadLoading ? t("DOWNLOADING") || "Downloading..." : t("DOWNLOAD_EXCEL") || "Download Excel"))))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
+    className: "dashboard-card"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Table, {
+    t: t,
+    tableTitle: t("ASSIGNED_KNOS"),
+    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,
+    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,
+    showAutoSerialNo: true,
+    isPaginationRequired: true,
+    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);
+      }
     },
-    onMouseEnter: e => {
-      e.currentTarget.style.transform = "translateY(-4px)";
-      e.currentTarget.style.boxShadow = "0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04)";
-      e.currentTarget.style.borderColor = "#CBD5E1";
+    onFirstPage: () => {
+      setCurrentPage(0);
     },
-    onMouseLeave: e => {
-      e.currentTarget.style.transform = "translateY(0)";
-      e.currentTarget.style.boxShadow = "0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03)";
-      e.currentTarget.style.borderColor = "#E2E8F0";
-    }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      display: "flex",
-      justifyContent: "space-between",
-      alignItems: "flex-start"
-    }
-  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h4", {
-    style: {
-      fontSize: "18px",
-      fontWeight: "700",
-      color: "#0B2559",
-      margin: 0
-    }
-  }, vendor.name), /*#__PURE__*/React__default.createElement("p", {
-    style: {
-      fontSize: "12px",
-      color: "#64748B",
-      marginTop: "2px",
-      marginBottom: 0
-    }
-  }, t("MOBILE") || "Mobile", ": ", vendor.mobileNumber)), /*#__PURE__*/React__default.createElement("span", {
-    style: {
-      background: "#E0F2FE",
-      color: "#0369A1",
-      padding: "6px 12px",
-      borderRadius: "999px",
-      fontSize: "13px",
-      fontWeight: "700"
+    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);
     }
-  }, vendor.progress, "%")), /*#__PURE__*/React__default.createElement("div", {
+  })), roles.includes("EKYC_SUPERVISOR") && /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
+    label: t("EKYC_ASSIGN_KNOS"),
+    onSubmit: () => setShowOptions(prev => !prev)
+  }), showOptions && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Menu, {
+    options: options,
+    optionKey: "action",
+    t: t,
+    onSelect: handleMenuSelect,
     style: {
-      width: "100%",
-      height: "8px",
-      background: "#F1F5F9",
-      borderRadius: "999px",
-      overflow: "hidden"
+      color: "#FFFFFF",
+      fontSize: "18px"
     }
+  })), showModal && /*#__PURE__*/React__default.createElement(AssignEkycModal, {
+    surveyor: surveyor,
+    closeModal: closeModal,
+    refetchDashboard: refetchDashboard
+  }));
+};
+
+const vendors = [{
+  id: 1,
+  name: "Vendor Alpha",
+  progress: 78,
+  supervisors: 12,
+  surveyors: 148,
+  completed: 154200,
+  pending: 43200,
+  rejected: 3200
+}, {
+  id: 2,
+  name: "Vendor Beta",
+  progress: 64,
+  supervisors: 10,
+  surveyors: 122,
+  completed: 121000,
+  pending: 68500,
+  rejected: 2800
+}, {
+  id: 3,
+  name: "Vendor Gamma",
+  progress: 91,
+  supervisors: 15,
+  surveyors: 182,
+  completed: 201500,
+  pending: 19800,
+  rejected: 1800
+}];
+const zones = [{
+  zone: "North Delhi",
+  totalConnections: 220000,
+  ekycDone: 172000,
+  liveSurveyors: 58,
+  todayCompleted: 2800
+}, {
+  zone: "South Delhi",
+  totalConnections: 198000,
+  ekycDone: 154500,
+  liveSurveyors: 42,
+  todayCompleted: 2100
+}, {
+  zone: "East Delhi",
+  totalConnections: 175000,
+  ekycDone: 132800,
+  liveSurveyors: 37,
+  todayCompleted: 1740
+}, {
+  zone: "West Delhi",
+  totalConnections: 212000,
+  ekycDone: 188300,
+  liveSurveyors: 48,
+  todayCompleted: 2560
+}];
+const alerts = ["15 Surveyors inactive for more than 2 hours", "Vendor Beta completion dropped by 12% this week", "North Delhi has highest pending backlog", "2,843 eKYC applications rejected today"];
+const CeoDashboard$1 = () => {
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "ekyc-dashboard-wrapper"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "ceo-dashboard"
+  }, /*#__PURE__*/React__default.createElement("main", {
+    className: "main-content"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "kpi-grid"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "kpi-card primary"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "icon-box"
+  }, /*#__PURE__*/React__default.createElement(fa.FaUsers, null)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h3", null, "7,85,000"), /*#__PURE__*/React__default.createElement("p", null, "Total Water Connections"))), /*#__PURE__*/React__default.createElement("div", {
+    className: "kpi-card success"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "icon-box"
+  }, /*#__PURE__*/React__default.createElement(fa.FaCheckCircle, null)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h3", null, "6,47,300"), /*#__PURE__*/React__default.createElement("p", null, "eKYC Completed"))), /*#__PURE__*/React__default.createElement("div", {
+    className: "kpi-card warning"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "icon-box"
+  }, /*#__PURE__*/React__default.createElement(fa.FaClock, null)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h3", null, "1,31,500"), /*#__PURE__*/React__default.createElement("p", null, "Pending eKYC"))), /*#__PURE__*/React__default.createElement("div", {
+    className: "kpi-card danger"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "icon-box"
+  }, /*#__PURE__*/React__default.createElement(fa.FaExclamationTriangle, null)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h3", null, "7,200"), /*#__PURE__*/React__default.createElement("p", null, "Rejected Applications")))), /*#__PURE__*/React__default.createElement("section", {
+    className: "dashboard-section"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "section-header"
+  }, /*#__PURE__*/React__default.createElement("h2", null, /*#__PURE__*/React__default.createElement(fa.FaChartLine, null), " Vendor Performance Overview"), /*#__PURE__*/React__default.createElement("button", null, "View All")), /*#__PURE__*/React__default.createElement("div", {
+    className: "vendor-grid"
+  }, vendors.map(vendor => /*#__PURE__*/React__default.createElement("div", {
+    className: "vendor-card",
+    key: vendor.id
   }, /*#__PURE__*/React__default.createElement("div", {
+    className: "vendor-top"
+  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h3", null, vendor.name), /*#__PURE__*/React__default.createElement("p", null, "Jurisdiction Assigned Vendor")), /*#__PURE__*/React__default.createElement("span", null, vendor.progress, "%")), /*#__PURE__*/React__default.createElement("div", {
+    className: "progress-bar"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "progress-fill",
     style: {
-      width: vendor.progress + "%",
-      height: "100%",
-      background: "linear-gradient(90deg, #3B82F6 0%, #10B981 100%)",
-      borderRadius: "999px"
+      width: vendor.progress + "%"
     }
   })), /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      display: "grid",
-      gridTemplateColumns: "repeat(3, 1fr)",
-      gap: "12px"
-    }
+    className: "vendor-stats"
+  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h4", null, vendor.supervisors), /*#__PURE__*/React__default.createElement("p", null, "Supervisors")), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h4", null, vendor.surveyors), /*#__PURE__*/React__default.createElement("p", null, "Surveyors")), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h4", null, vendor.completed), /*#__PURE__*/React__default.createElement("p", null, "Completed"))), /*#__PURE__*/React__default.createElement("div", {
+    className: "vendor-footer"
+  }, /*#__PURE__*/React__default.createElement("span", null, "Pending: ", vendor.pending), /*#__PURE__*/React__default.createElement("span", null, "Rejected: ", vendor.rejected)))))), /*#__PURE__*/React__default.createElement("section", {
+    className: "dashboard-section"
   }, /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      background: "#F8FAFC",
-      padding: "12px 8px",
-      borderRadius: "10px",
-      textAlign: "center"
-    }
+    className: "section-header"
+  }, /*#__PURE__*/React__default.createElement("h2", null, /*#__PURE__*/React__default.createElement(fa.FaMapMarkedAlt, null), " Jurisdiction Monitoring"), /*#__PURE__*/React__default.createElement("button", null, "Export Data")), /*#__PURE__*/React__default.createElement("div", {
+    className: "table-wrapper"
+  }, /*#__PURE__*/React__default.createElement("table", null, /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("th", null, "Zone"), /*#__PURE__*/React__default.createElement("th", null, "Total Connections"), /*#__PURE__*/React__default.createElement("th", null, "eKYC Done"), /*#__PURE__*/React__default.createElement("th", null, "Live Surveyors"), /*#__PURE__*/React__default.createElement("th", null, "Today's Completion"), /*#__PURE__*/React__default.createElement("th", null, "Status"))), /*#__PURE__*/React__default.createElement("tbody", null, zones.map((item, index) => /*#__PURE__*/React__default.createElement("tr", {
+    key: index
+  }, /*#__PURE__*/React__default.createElement("td", null, item.zone), /*#__PURE__*/React__default.createElement("td", null, item.totalConnections), /*#__PURE__*/React__default.createElement("td", null, item.ekycDone), /*#__PURE__*/React__default.createElement("td", null, item.liveSurveyors), /*#__PURE__*/React__default.createElement("td", null, item.todayCompleted), /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement("span", {
+    className: "status-badge success"
+  }, "Active")))))))), /*#__PURE__*/React__default.createElement("div", {
+    className: "bottom-grid"
+  }, /*#__PURE__*/React__default.createElement("section", {
+    className: "dashboard-section alerts-section"
   }, /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      fontSize: "16px",
-      fontWeight: "700",
-      color: "#1E293B"
-    }
-  }, vendor.supervisors), /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      fontSize: "10px",
-      fontWeight: "600",
-      color: "#64748B",
-      textTransform: "uppercase",
-      marginTop: "4px"
-    }
-  }, t("SUPERVISORS") || "Supervisors")), /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      background: "#F8FAFC",
-      padding: "12px 8px",
-      borderRadius: "10px",
-      textAlign: "center"
-    }
+    className: "section-header"
+  }, /*#__PURE__*/React__default.createElement("h2", null, /*#__PURE__*/React__default.createElement(fa.FaExclamationTriangle, null), " Critical Alerts")), /*#__PURE__*/React__default.createElement("div", {
+    className: "alerts-list"
+  }, alerts.map((alert, index) => /*#__PURE__*/React__default.createElement("div", {
+    className: "alert-card",
+    key: index
+  }, /*#__PURE__*/React__default.createElement(fa.FaExclamationTriangle, null), /*#__PURE__*/React__default.createElement("p", null, alert))))), /*#__PURE__*/React__default.createElement("section", {
+    className: "dashboard-section team-section"
   }, /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      fontSize: "16px",
-      fontWeight: "700",
-      color: "#1E293B"
-    }
-  }, vendor.surveyors), /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      fontSize: "10px",
-      fontWeight: "600",
-      color: "#64748B",
-      textTransform: "uppercase",
-      marginTop: "4px"
-    }
-  }, t("SURVEYORS") || "Surveyors")), /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      background: "#F8FAFC",
-      padding: "12px 8px",
-      borderRadius: "10px",
-      textAlign: "center"
-    }
+    className: "section-header"
+  }, /*#__PURE__*/React__default.createElement("h2", null, /*#__PURE__*/React__default.createElement(fa.FaUserTie, null), " Workforce Monitoring")), /*#__PURE__*/React__default.createElement("div", {
+    className: "team-stats-grid"
   }, /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      fontSize: "16px",
-      fontWeight: "700",
-      color: "#10B981"
-    }
-  }, vendor.completed), /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      fontSize: "10px",
-      fontWeight: "600",
-      color: "#64748B",
-      textTransform: "uppercase",
-      marginTop: "4px"
-    }
-  }, t("COMPLETED") || "Completed"))), /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      display: "flex",
-      justifyContent: "space-between",
-      fontSize: "12px",
-      color: "#64748B",
-      borderTop: "1px solid #F1F5F9",
-      paddingTop: "12px"
-    }
-  }, /*#__PURE__*/React__default.createElement("span", null, t("PENDING") || "Pending", ": ", /*#__PURE__*/React__default.createElement("span", {
-    style: {
-      fontWeight: "700",
-      color: "#F59E0B"
-    }
-  }, vendor.pending)), /*#__PURE__*/React__default.createElement("span", null, t("REJECTED") || "Rejected", ": ", /*#__PURE__*/React__default.createElement("span", {
-    style: {
-      fontWeight: "700",
-      color: "#EF4444"
-    }
-  }, vendor.rejected))))))));
+    className: "team-box"
+  }, /*#__PURE__*/React__default.createElement("h3", null, "37"), /*#__PURE__*/React__default.createElement("p", null, "Total Supervisors Online")), /*#__PURE__*/React__default.createElement("div", {
+    className: "team-box"
+  }, /*#__PURE__*/React__default.createElement("h3", null, "154"), /*#__PURE__*/React__default.createElement("p", null, "Surveyors Active")), /*#__PURE__*/React__default.createElement("div", {
+    className: "team-box"
+  }, /*#__PURE__*/React__default.createElement("h3", null, "12,430"), /*#__PURE__*/React__default.createElement("p", null, "Today's eKYC Completed")), /*#__PURE__*/React__default.createElement("div", {
+    className: "team-box"
+  }, /*#__PURE__*/React__default.createElement("h3", null, "92%"), /*#__PURE__*/React__default.createElement("p", null, "Operational Efficiency"))))))));
 };
 
+const breadcrumb = (userType, listLabel, listPath, detailLabel) => [{
+  label: listLabel,
+  path: "/digit-ui/" + userType + "/ekyc/" + listPath
+}, {
+  label: detailLabel
+}];
+const getEkycRoutes = userType => [{
+  path: "/dashboard",
+  component: Dashboard,
+  layout: "normal",
+  breadcrumb: "EKYC_DASHBOARD"
+}, {
+  path: "/inbox",
+  component: Inbox,
+  layout: "normal",
+  breadcrumb: "EKYC_INBOX"
+}, {
+  path: "/review/:kno",
+  component: Review,
+  layout: "normal",
+  breadcrumb: "EKYC_REVIEW"
+}, {
+  path: "/create-kyc",
+  component: Create,
+  layout: "normal",
+  breadcrumb: "EKYC_CREATE_KYC"
+}, {
+  path: "/mapping",
+  component: Mapping,
+  layout: "normal",
+  breadcrumb: "EKYC_MAPPING"
+}, {
+  path: "/admin-dashboard",
+  component: AdminDashboard,
+  layout: "normal",
+  breadcrumb: "EKYC_ADMIN_DASHBOARD"
+}, {
+  path: "/ceo-dashboard",
+  component: CeoDashboard$1,
+  layout: "normal",
+  breadcrumb: "CEO_M.F_DOR_FINANCE_VIEW"
+}, {
+  path: "/consumer-details",
+  component: EKYCForm,
+  layout: "normal",
+  breadcrumb: "EKYC_CONSUMER_DETAILS"
+}, {
+  path: "/address-details",
+  component: EKYCForm,
+  layout: "normal",
+  breadcrumb: "EKYC_ADDRESS_DETAILS"
+}, {
+  path: "/property-info",
+  component: EKYCForm,
+  layout: "normal",
+  breadcrumb: "EKYC_PROPERTY_INFO"
+}, {
+  path: "/meter-details",
+  component: EKYCForm,
+  layout: "normal",
+  breadcrumb: "EKYC_METER_DETAILS"
+}, {
+  path: ["/assign"],
+  component: AssignEkyc,
+  layout: "normal",
+  breadcrumb: [{
+    label: "EKYC_ASSIGN",
+    path: "/digit-ui/" + userType + "/ekyc/assign"
+  }]
+}, {
+  path: ["/vendors/:vendorId", "/vendors"],
+  component: VendorDetailsCard,
+  layout: "normal",
+  breadcrumb: breadcrumb(userType, "EKYC_VENDORS", "vendors:vendorId", "EKYC_VENDOR_DETAILS")
+}, {
+  path: ["/supervisor-dashboard/:id", "/supervisor-dashboard"],
+  component: SupervisorDetailsCard,
+  layout: "action",
+  breadcrumb: breadcrumb(userType, "EKYC_SUPERVISOR_DASHBOARD", "supervisor-dashboard:id", "EKYC_SUPERVISOR_DETAILS")
+}, {
+  path: ["/surveyor-dashboard/:id", "/surveyor-dashboard"],
+  component: SurveyorDetailsDashboard,
+  layout: "action",
+  breadcrumb: breadcrumb(userType, "EKYC_SURVEYOR_DASHBOARD", "surveyor-dashboard/:id", "EKYC_SURVEYOR_DETAILS")
+}];
+const ekycRoutes = getEkycRoutes("employee");
+
 const EmployeeApp = _ref => {
   let path = _ref.path;
   const _useTranslation = reactI18next.useTranslation(),
@@ -7132,7 +8011,6 @@ const EmployeeApp = _ref => {
   const location = reactRouterDom.useLocation();
   sessionStorage.removeItem("revalidateddone");
   const getDynamicBreadcrumbs = () => {
-    const pathname = location.pathname;
     const crumbs = [{
       icon: digitUiReactComponents.HomeIcon,
       path: "/digit-ui/employee"
@@ -7140,70 +8018,44 @@ const EmployeeApp = _ref => {
       label: t("ACTION_TEST_EKYC"),
       path: "/digit-ui/employee/module/details"
     }];
-    if (pathname.includes("/create-kyc")) {
-      crumbs.push({
-        label: t("EKYC_CREATE_KYC")
-      });
-    } else if (pathname.includes("/consumer-details")) {
-      crumbs.push({
-        label: t("EKYC_CONSUMER_DETAILS")
-      });
-    } else if (pathname.includes("/address-details")) {
-      crumbs.push({
-        label: t("EKYC_ADDRESS_DETAILS")
-      });
-    } else if (pathname.includes("/property-info")) {
-      crumbs.push({
-        label: t("EKYC_PROPERTY_INFO")
-      });
-    } else if (pathname.includes("/meter-details")) {
-      crumbs.push({
-        label: t("EKYC_METER_DETAILS")
-      });
-    } else if (pathname.includes("/review")) {
-      crumbs.push({
-        label: t("EKYC_INBOX"),
-        path: "/digit-ui/employee/ekyc/inbox"
-      });
-      crumbs.push({
-        label: t("EKYC_REVIEW")
-      });
-    } else if (pathname.includes("/assign/surveyor-details")) {
-      crumbs.push({
-        label: t("EKYC_ASSIGN"),
-        path: "/digit-ui/employee/ekyc/assign"
-      });
-      crumbs.push({
-        label: t("EKYC_SURVEYOR_DETAILS")
-      });
-    } else if (pathname.includes("/assign")) {
-      crumbs.push({
-        label: t("EKYC_ASSIGN")
-      });
-    } else if (pathname.includes("/ceo-dashboard")) {
-      crumbs.push({
-        label: t("CEO_M.F_DOR_FINANCE_VIEW")
-      });
-    } else if (pathname.includes("/admin-dashboard")) {
-      crumbs.push({
-        label: t("EKYC_ADMIN_DASHBOARD") || "Admin Dashboard"
-      });
-    } else if (pathname.includes("/vendors/")) {
-      crumbs.push({
-        label: t("EKYC_VENDOR_DETAILS")
-      });
-    } else if (pathname.includes("/mapping")) {
-      crumbs.push({
-        label: t("EKYC_MAPPING")
-      });
-    } else if (pathname.includes("/dashboard")) {
-      crumbs.push({
-        label: t("EKYC_DASHBOARD")
-      });
-    } else if (pathname.includes("/inbox")) {
-      crumbs.push({
-        label: t("EKYC_INBOX")
+    const pathSegments = location.pathname.split("/").filter(Boolean);
+    const ekycIndex = pathSegments.indexOf("ekyc");
+    const relativeSegments = ekycIndex !== -1 ? pathSegments.slice(ekycIndex + 1) : [];
+    let matchedPath = "";
+    const currentRoute = ekycRoutes.find(route => {
+      const paths = Array.isArray(route.path) ? route.path : [route.path];
+      return paths.some(singlePath => {
+        const routeSegments = singlePath.split("/").filter(Boolean);
+        if (routeSegments.length === relativeSegments.length && routeSegments.every((seg, i) => seg.startsWith(":") || seg === relativeSegments[i])) {
+          matchedPath = singlePath;
+          return true;
+        }
+        return false;
       });
+    });
+    if (currentRoute) {
+      if (Array.isArray(currentRoute.breadcrumb)) {
+        currentRoute.breadcrumb.forEach(crumb => {
+          let crumbPath = crumb.path;
+          if (crumbPath && matchedPath) {
+            matchedPath.split("/").filter(Boolean).forEach((segment, idx) => {
+              if (segment.startsWith(":")) {
+                const val = relativeSegments[idx];
+                crumbPath = crumbPath.replace(new RegExp("\\/" + segment, "g"), "/" + val).replace(new RegExp("(\\w+)" + segment, "g"), "$1/" + val).replace(new RegExp(segment, "g"), val);
+              }
+            });
+          }
+          crumbs.push(_extends({
+            label: t(crumb.label)
+          }, crumbPath ? {
+            path: crumbPath
+          } : {}));
+        });
+      } else {
+        crumbs.push({
+          label: t(currentRoute.breadcrumb)
+        });
+      }
     }
     return crumbs;
   };
@@ -7248,12 +8100,6 @@ const EmployeeApp = _ref => {
     component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
       layoutClass: "normal"
     }, /*#__PURE__*/React__default.createElement(Mapping, null))
-  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
-    path: path + "/assign",
-    exact: true,
-    component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
-      layoutClass: "normal"
-    }, /*#__PURE__*/React__default.createElement(AssignEkyc, null))
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
     path: path + "/assign/surveyor-details/:id",
     exact: true,
@@ -7287,6 +8133,16 @@ const EmployeeApp = _ref => {
     component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
       layoutClass: "normal"
     }, /*#__PURE__*/React__default.createElement(VendorDetailsCard, null))
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
+    path: [path + "/supervisor-dashboard/:id", path + "/supervisor-dashboard"],
+    component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
+      layoutClass: "normal"
+    }, /*#__PURE__*/React__default.createElement(SupervisorDetailsCard, null))
+  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
+    path: [path + "/surveyor-dashboard/:id", path + "/surveyor-dashboard"],
+    component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
+      layoutClass: "normal"
+    }, /*#__PURE__*/React__default.createElement(SurveyorDetailsDashboard, null))
   })))));
 };
 
@@ -8331,20 +9187,17 @@ const Home = () => {
   }
   if (roles.includes("EKYC_SUPERVISOR") || roles.includes("EKYC_VENDOR")) {
     propsForModuleCard.links.push({
-      label: t("EKYC_DASHBOARD"),
-      link: "/digit-ui/citizen/ekyc/dashboard"
-    }, {
       label: t("EKYC_INBOX"),
       link: "/digit-ui/citizen/ekyc/inbox"
-    }, {
-      label: t("EKYC_ASSIGN"),
-      link: "/digit-ui/citizen/ekyc/assign"
     });
   }
   if (roles.includes("EKYC_SUPERVISOR")) {
     propsForModuleCard.links.push({
       label: t("EKYC_SUPERVISOR_DASHBOARD"),
       link: "/digit-ui/citizen/ekyc/supervisor-dashboard"
+    }, {
+      label: t("EKYC_ASSIGN"),
+      link: "/digit-ui/citizen/ekyc/assign"
     });
   }
   if (roles.includes("EKYC_VENDOR")) {
@@ -8549,470 +9402,97 @@ const Inbox$1 = _ref => {
         });
       case "mutateTableForm":
         Digit.SessionStorage.set(storageKey, _extends({}, state, {
-          tableForm: payload.data
-        }));
-        return _extends({}, state, {
-          tableForm: payload.data
-        });
-      default:
-        return state;
-    }
-  }
-  const onPageSizeChange = e => {
-    const newLimit = Number(e.target.value);
-    dispatch({
-      action: "mutateTableForm",
-      data: _extends({}, formState.tableForm, {
-        limit: newLimit,
-        offset: 0
-      }),
-      checkPathName
-    });
-  };
-  const onSortingByData = e => {
-    if (e.length > 0) {
-      const _e$ = e[0],
-        id = _e$.id,
-        desc = _e$.desc;
-      const sortOrder = desc ? "DESC" : "ASC";
-      const sortBy = id;
-      if (!(formState.tableForm.sortBy === sortBy && formState.tableForm.sortOrder === sortOrder)) {
-        dispatch({
-          action: "mutateTableForm",
-          data: _extends({}, formState.tableForm, {
-            sortBy: id,
-            sortOrder: desc ? "DESC" : "ASC"
-          }),
-          checkPathName
-        });
-      }
-    }
-  };
-  const propsForInboxTable = useInboxTableConfig(_extends({}, {
-    parentRoute,
-    onPageSizeChange,
-    formState,
-    totalCount: totalRecords,
-    table: filteredData,
-    dispatch,
-    onSortingByData,
-    tenantId,
-    checkPathName,
-    inboxStyles: {
-      overflowX: "scroll",
-      overflowY: "hidden"
-    },
-    tableStyle: {
-      width: "70%"
-    }
-  }));
-  const isInboxLoading = isLoading || isSearchLoading;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "app-container"
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.InboxComposer, _extends({
-    isInboxLoading
-  }, propsForSearchForm, {
-    propsForInboxTable,
-    formState
-  })));
-};
-
-const SupervisorDetailsCard = () => {
-  var _Digit$SessionStorage, _fullName$charAt;
-  const _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  const tenantId = Digit.ULBService.getCurrentTenantId() || "dl.djb";
-  const _useParams = reactRouterDom.useParams(),
-    supervisorId = _useParams.id;
-  const loggedInUser = (_Digit$SessionStorage = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage === void 0 ? void 0 : _Digit$SessionStorage.info;
-  const _useState = React.useState(false),
-    ekycDownloadLoading = _useState[0],
-    setEkycDownloadLoading = _useState[1];
-  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycAssignmentProgress({
-      enabled: !!tenantId,
-      keepPreviousData: true
-    }),
-    isProgressLoading = _Digit$Hooks$ekyc$use.isLoading,
-    progressData = _Digit$Hooks$ekyc$use.data;
-  const supervisor = React.useMemo(() => {
-    if (!(progressData !== null && progressData !== void 0 && progressData.supervisorReport)) return null;
-    if (supervisorId) {
-      return progressData.supervisorReport.find(s => s.supervisorId === supervisorId) || progressData.supervisorReport[0];
-    }
-    const userUuid = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.uuid;
-    if (userUuid) {
-      return progressData.supervisorReport.find(s => s.supervisorId === userUuid) || progressData.supervisorReport[0];
-    }
-    return progressData.supervisorReport[0];
-  }, [progressData, supervisorId, loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.uuid]);
-  const fullName = (supervisor === null || supervisor === void 0 ? void 0 : supervisor.supervisorName) || (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.name) || "N/A";
-  const mobileNumber = (supervisor === null || supervisor === void 0 ? void 0 : supervisor.mobileNo) || (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.mobileNumber) || "N/A";
-  const email = (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.emailId) || "N/A";
-  const gender = (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.gender) || "N/A";
-  const status = supervisor ? "ACTIVE" : "N/A";
-  const assignedZone = (supervisor === null || supervisor === void 0 ? void 0 : supervisor.assignedZoneId) || "N/A";
-  const vendorName = "N/A";
-  const surveyors = React.useMemo(() => {
-    return (supervisor === null || supervisor === void 0 ? void 0 : supervisor.surveyors) || [];
-  }, [supervisor]);
-  const _useState2 = React.useState(0),
-    currentPage = _useState2[0],
-    setCurrentPage = _useState2[1];
-  const _useState3 = React.useState(20),
-    pageSize = _useState3[0],
-    setPageSize = _useState3[1];
-  const paginatedSurveyors = React.useMemo(() => {
-    const start = currentPage * pageSize;
-    const end = start + pageSize;
-    return surveyors.slice(start, end);
-  }, [surveyors, currentPage, pageSize]);
-  const surveyorColumns = React.useMemo(() => [{
-    Header: t("SURVEYOR_NAME") || "Surveyor Name",
-    accessor: row => (row === null || row === void 0 ? void 0 : row.surveyorName) || "N/A",
-    Cell: _ref => {
-      var _row$original;
-      let row = _ref.row;
-      return /*#__PURE__*/React__default.createElement("a", {
-        href: "/digit-ui/citizen/ekyc/surveyor-dashboard/" + row.original.surveyorId,
-        style: {
-          color: "#1D70B8",
-          fontWeight: "600",
-          textDecoration: "none"
-        }
-      }, ((_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.surveyorName) || "N/A");
-    }
-  }, {
-    Header: t("MOBILE_NUMBER") || "Mobile Number",
-    accessor: row => (row === null || row === void 0 ? void 0 : row.mobileNo) || "N/A",
-    id: "mobileNumber"
-  }, {
-    Header: t("STATUS") || "Status",
-    accessor: () => "ACTIVE",
-    id: "status",
-    Cell: _ref2 => {
-      let value = _ref2.value;
-      return /*#__PURE__*/React__default.createElement("span", {
-        className: "status-badge verified"
-      }, t(value) || value);
-    }
-  }, {
-    Header: t("TOTAL_EKYC_APPLICATIONS") || "Total eKYC Applications",
-    accessor: row => (row === null || row === void 0 ? void 0 : row.totalKnos) || 0,
-    id: "totalEkycApplications"
-  }, {
-    Header: t("EKYC_COMPLETED") || "eKYC Completed",
-    accessor: row => (row === null || row === void 0 ? void 0 : row.submittedKnos) || 0,
-    id: "ekycCompleted"
-  }, {
-    Header: t("PENDING_APPLICATIONS") || "Pending Applications",
-    accessor: row => (row === null || row === void 0 ? void 0 : row.pendingKnos) || 0,
-    id: "pendingApplications"
-  }, {
-    Header: t("OVERALL_PROGRESS") || "Overall Progress",
-    accessor: row => ((row === null || row === void 0 ? void 0 : row.progressPercent) || 0) + "%",
-    id: "overallProgress"
-  }], [t]);
-  const _useState4 = React.useState(false),
-    showReportMenu = _useState4[0],
-    setShowReportMenu = _useState4[1];
-  const _useState5 = React.useState({
-      from: "",
-      to: ""
-    }),
-    customDate = _useState5[0],
-    setCustomDate = _useState5[1];
-  const _useState6 = React.useState(false),
-    showCustomPicker = _useState6[0],
-    setShowCustomPicker = _useState6[1];
-  const _useState7 = React.useState(false),
-    reportLoading = _useState7[0];
-  const reportMenuRef = React.useRef(null);
-  React.useEffect(() => {
-    const handler = e => {
-      if (reportMenuRef.current && !reportMenuRef.current.contains(e.target)) {
-        setShowReportMenu(false);
-        setShowCustomPicker(false);
-      }
-    };
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, []);
-  const handlePresetDownload = filter => {
-    handleDownload();
-  };
-  const handleCustomDownload = () => {
-    if (!customDate.from || !customDate.to) {
-      alert(t("SELECT_DATE_RANGE") || "Please select both From and To dates.");
-      return;
-    }
-    handleDownload();
-  };
-  const handleDownloadEkycData = function () {
-    try {
-      if (!surveyors || surveyors.length === 0) {
-        alert(t("NO_SURVEYORS_ASSIGNED") || "No surveyors assigned to this supervisor.");
-        return Promise.resolve();
-      }
-      setEkycDownloadLoading(true);
-      return Promise.resolve(_finallyRethrows(function () {
-        return _catch(function () {
-          const fetchPromises = surveyors.map(s => Digit.EkycService.application_list({
-            tenantId: tenantId || "dl.djb",
-            offset: 0,
-            limit: 5000,
-            surveyorId: s.surveyorId || s.id,
-            reportDownload: true
-          }).catch(err => {
-            console.error("Error fetching applications for surveyor " + s.surveyorName + ":", err);
-            return {
-              consumerList: []
-            };
-          }));
-          return Promise.resolve(Promise.all(fetchPromises)).then(function (results) {
-            const consumerList = results.flatMap(res => (res === null || res === void 0 ? void 0 : res.consumerList) || []);
-            if (consumerList.length === 0) {
-              alert(t("NO_DATA_FOUND") || "No data found for download.");
-              return;
-            }
-            const excludedKeys = ["status", "source", "submittedAt", "assignedAt", "connectionType", "approvedAt", "alternateMobileNo", "city", "state", "addressType", "addressProofType", "mrcode", "areacode", "verificationStatus", "surveyorId", "supervisorId", "vendorId", "assignmentType", "assignmentValue", "assignedTime", "isSelfAssigned", "userType", "tenantName", "tenantMobile"];
-            const headerMapping = {
-              kno: t("KNO") || "KNO",
-              firstName: t("FIRST_NAME") || "First Name",
-              middleName: t("MIDDLE_NAME") || "Middle Name",
-              lastName: t("LAST_NAME") || "Last Name",
-              gender: t("GENDER") || "Gender",
-              mobileNumber: t("MOBILE_NUMBER") || "Mobile Number",
-              emailId: t("EMAIL_ID") || "Email ID",
-              fatherOrHusbandName: t("FATHER_HUSBUND_NAME") || "Father/Husband Name",
-              relationship: t("RELATIONSHIP") || "Relationship",
-              dob: t("DOB") || "Date of Birth",
-              ekycStatus: t("EKYC_STATUS") || "eKYC Status",
-              zoneName: t("ZONE") || "Zone",
-              assembly: t("ASSEMBLY") || "Assembly",
-              ward: t("WARD") || "Ward",
-              pincode: t("PINCODE") || "Pincode",
-              mrkey: t("MR_KEY") || "MR Key",
-              createdTime: t("CREATED_TIME") || "Created Time",
-              lastModifiedTime: t("LAST_MODIFIED_TIME") || "Last Modified Time"
-            };
-            const excelData = consumerList.map(item => {
-              const cleanObj = {};
-              const fullName = [item.firstName, item.middleName, item.lastName].filter(Boolean).join(" ");
-              if (fullName) {
-                cleanObj[t("CONSUMER_NAME") || "Consumer Name"] = fullName;
-              }
-              Object.keys(item).forEach(key => {
-                if (excludedKeys.includes(key)) return;
-                const val = item[key];
-                if (typeof val === "object" && val !== null) {
-                  return;
-                }
-                const friendlyHeader = headerMapping[key] || t(key.toUpperCase()) || key;
-                cleanObj[friendlyHeader] = val;
-              });
-              return cleanObj;
-            });
-            const cleanFileName = "eKYC_Data_Supervisor_" + fullName.replace(/[^a-zA-Z0-9]/g, "_");
-            Digit.Download.Excel(excelData, cleanFileName);
-          });
-        }, function (error) {
-          console.error("Error downloading eKYC Excel:", error);
+          tableForm: payload.data
+        }));
+        return _extends({}, state, {
+          tableForm: payload.data
         });
-      }, function (_wasThrown, _result) {
-        setEkycDownloadLoading(false);
-        if (_wasThrown) throw _result;
-        return _result;
-      }));
-    } catch (e) {
-      return Promise.reject(e);
+      default:
+        return state;
     }
-  };
-  if (isProgressLoading) {
-    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
   }
-  if (!supervisor) {
-    return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement("div", {
-      style: {
-        padding: "24px"
+  const onPageSizeChange = e => {
+    const newLimit = Number(e.target.value);
+    dispatch({
+      action: "mutateTableForm",
+      data: _extends({}, formState.tableForm, {
+        limit: newLimit,
+        offset: 0
+      }),
+      checkPathName
+    });
+  };
+  const onSortingByData = e => {
+    if (e.length > 0) {
+      const _e$ = e[0],
+        id = _e$.id,
+        desc = _e$.desc;
+      const sortOrder = desc ? "DESC" : "ASC";
+      const sortBy = id;
+      if (!(formState.tableForm.sortBy === sortBy && formState.tableForm.sortOrder === sortOrder)) {
+        dispatch({
+          action: "mutateTableForm",
+          data: _extends({}, formState.tableForm, {
+            sortBy: id,
+            sortOrder: desc ? "DESC" : "ASC"
+          }),
+          checkPathName
+        });
       }
-    }, t("NO_SUPERVISOR_FOUND")));
-  }
-  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
-    className: "surveyor-dashboard"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "ekyc-dashboard-section"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "ekyc-dashboard-header"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "avatar"
-  }, fullName === null || fullName === void 0 ? void 0 : (_fullName$charAt = fullName.charAt(0)) === null || _fullName$charAt === void 0 ? void 0 : _fullName$charAt.toUpperCase()), /*#__PURE__*/React__default.createElement("div", {
-    className: "header-content"
-  }, /*#__PURE__*/React__default.createElement("h2", {
-    className: "name"
-  }, fullName), /*#__PURE__*/React__default.createElement("div", {
-    className: "designation"
-  }, t("FIELD_SUPERVISOR") || "Field Supervisor"))), /*#__PURE__*/React__default.createElement("div", {
-    className: "report-download",
-    ref: reportMenuRef
-  }, /*#__PURE__*/React__default.createElement("button", {
-    className: "download-btn",
-    disabled: reportLoading,
-    onClick: () => {
-      setShowReportMenu(p => !p);
-      setShowCustomPicker(false);
     }
-  }, reportLoading ? t("DOWNLOADING") || "Downloading..." : t("DOWNLOAD_REPORT") || "Download Report"), showReportMenu && /*#__PURE__*/React__default.createElement("div", {
-    className: "report-menu"
-  }, [{
-    label: t("TODAY") || "Today",
-    key: "today"
-  }, {
-    label: t("THIS_WEEK") || "This Week",
-    key: "week"
-  }, {
-    label: t("THIS_MONTH") || "This Month",
-    key: "month"
-  }].map(_ref3 => {
-    let label = _ref3.label,
-      key = _ref3.key;
-    return /*#__PURE__*/React__default.createElement("div", {
-      key: key,
-      className: "menu-item",
-      onClick: () => handlePresetDownload()
-    }, label);
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "custom-date-trigger",
-    onClick: () => setShowCustomPicker(p => !p)
-  }, t("CUSTOM_DATE") || "Custom Date"), showCustomPicker && /*#__PURE__*/React__default.createElement("div", {
-    className: "custom-picker"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "date-field"
-  }, /*#__PURE__*/React__default.createElement("label", {
-    className: "date-label"
-  }, t("FROM_DATE") || "From"), /*#__PURE__*/React__default.createElement("input", {
-    type: "date",
-    className: "date-input",
-    value: customDate.from,
-    onChange: e => setCustomDate(d => _extends({}, d, {
-      from: e.target.value
-    }))
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "date-field"
-  }, /*#__PURE__*/React__default.createElement("label", {
-    className: "date-label"
-  }, t("TO_DATE") || "To"), /*#__PURE__*/React__default.createElement("input", {
-    type: "date",
-    className: "date-input",
-    value: customDate.to,
-    onChange: e => setCustomDate(d => _extends({}, d, {
-      to: e.target.value
-    }))
-  })), /*#__PURE__*/React__default.createElement("button", {
-    className: "download-action-btn",
-    onClick: handleCustomDownload
-  }, t("DOWNLOAD") || "Download"))))), /*#__PURE__*/React__default.createElement("div", {
-    className: "ekyc-dashboard-section"
-  }, /*#__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"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "detail-item"
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "label"
-  }, t("MOBILE")), /*#__PURE__*/React__default.createElement("span", {
-    className: "value"
-  }, mobileNumber)), /*#__PURE__*/React__default.createElement("div", {
-    className: "detail-item"
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "label"
-  }, 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)), /*#__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("button", {
-    className: "download-excel-btn",
-    disabled: ekycDownloadLoading,
-    onClick: handleDownloadEkycData
-  }, /*#__PURE__*/React__default.createElement("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"
-  }), /*#__PURE__*/React__default.createElement("polyline", {
-    points: "7 10 12 15 17 10"
-  }), /*#__PURE__*/React__default.createElement("line", {
-    x1: "12",
-    y1: "15",
-    x2: "12",
-    y2: "3"
-  })), ekycDownloadLoading ? t("DOWNLOADING") || "Downloading..." : t("DOWNLOAD_EXCEL") || "Download Excel"))))), /*#__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",
-    data: paginatedSurveyors,
-    columns: surveyorColumns,
-    isLoading: isProgressLoading,
-    totalRecords: surveyors.length,
-    currentPage: currentPage,
-    pageSizeLimit: pageSize,
-    isPaginationRequired: true,
-    onNextPage: () => {
-      if (currentPage < Math.ceil(surveyors.length / pageSize) - 1) {
-        setCurrentPage(prev => prev + 1);
-      }
-    },
-    onPrevPage: () => {
-      if (currentPage > 0) {
-        setCurrentPage(prev => prev - 1);
-      }
-    },
-    onFirstPage: () => {
-      setCurrentPage(0);
-    },
-    onLastPage: () => {
-      setCurrentPage(Math.max(Math.ceil(surveyors.length / pageSize) - 1, 0));
+  };
+  const propsForInboxTable = useInboxTableConfig(_extends({}, {
+    parentRoute,
+    onPageSizeChange,
+    formState,
+    totalCount: totalRecords,
+    table: filteredData,
+    dispatch,
+    onSortingByData,
+    tenantId,
+    checkPathName,
+    inboxStyles: {
+      overflowX: "scroll",
+      overflowY: "hidden"
     },
-    onPageSizeChange: e => {
-      setPageSize(Number(e.target.value));
-      setCurrentPage(0);
+    tableStyle: {
+      width: "70%"
     }
+  }));
+  const onMobileSortOrderData = data => {
+    const sortOrder = data.sortOrder;
+    dispatch({
+      action: "mutateTableForm",
+      data: _extends({}, formState.tableForm, {
+        sortOrder
+      })
+    });
+  };
+  const onSortFormReset = setSortFormValue => {
+    setSortFormValue("sortOrder", "DESC");
+    dispatch({
+      action: "mutateTableForm",
+      data: tableOrderFormDefaultValues
+    });
+  };
+  const propsForMobileSortForm = {
+    onMobileSortOrderData,
+    sortFormDefaultValues: formState === null || formState === void 0 ? void 0 : formState.tableForm,
+    onSortFormReset
+  };
+  const propsForInboxMobileCards = useInboxMobileCardsData({
+    table: filteredData,
+    tenantId
+  });
+  const isInboxLoading = isLoading || isSearchLoading;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "app-container"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.InboxComposer, _extends({
+    isInboxLoading
+  }, propsForSearchForm, propsForMobileSortForm, {
+    propsForInboxTable,
+    propsForInboxMobileCards,
+    formState
   })));
 };
 
@@ -9393,7 +9873,7 @@ const CitizenApp = () => {
       layoutClass: "normal"
     }, /*#__PURE__*/React__default.createElement(Home, null))
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
-    path: [path + "/vendor-dashboard/:vendorId", path + "/vendor-dashboard", path + "/dashboard"],
+    path: [path + "/vendor-dashboard/:vendorId", path + "/vendor-dashboard"],
     component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
       layoutClass: "normal"
     }, /*#__PURE__*/React__default.createElement(VendorDetailsCard, null))
@@ -9450,7 +9930,7 @@ const CitizenApp = () => {
       layoutClass: "normal"
     }, /*#__PURE__*/React__default.createElement(Review, null))
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
-    path: path + "/supervisor-dashboard",
+    path: [path + "/supervisor-dashboard/:id", path + "/supervisor-dashboard"],
     component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
       layoutClass: "normal"
     }, /*#__PURE__*/React__default.createElement(SupervisorDetailsCard, null))