@djb25/digit-ui-module-ekyc 1.0.37 → 1.0.39

package/dist/index.modern.js

@@ -4,17 +4,28 @@ import { useHistory, Link, useLocation, useParams, useRouteMatch, Switch, Route,
 import { PersonIcon, EmployeeModuleCard, Loader, Card, InboxLinks, Table, HomeIcon, TextInput, Header, SubmitBar, DetailsCard, FilterForm, FilterFormField, Dropdown, Label, CustomTooltip, CardLabelError, InboxComposer, EditIcon, DeleteIcon, CardHeader, CardText, LabelFieldPair, CardLabel, ActionBar, Modal, Toast, RadioButtons, CardSubHeader, StatusTable, Row, GenericFileIcon, CheckBox, Menu, LinkButton, UploadFile, FormComposer, VerticalTimeline, Close, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, LayoutWrapper, CitizenHomeCard, DocumentIcon, BackButton } from '@djb25/digit-ui-react-components';
 import * as Chartjs from 'chart.js/auto';
 import Chartjs__default, { Chart } from 'chart.js/auto';
-import { FaUsers, FaCheckCircle, FaClock, FaExclamationTriangle, FaUserTie, FaChartLine, FaSearch, FaArrowRight, FaMapMarkedAlt, FaArrowLeft } from 'react-icons/fa';
+import { FaUsers, FaCheckCircle, FaClock, FaExclamationTriangle, FaUserTie, FaChartLine, FaSearch, FaArrowRight, FaMapMarkedAlt } from 'react-icons/fa';
 import { ResponsiveContainer, LineChart, CartesianGrid, XAxis, YAxis, Tooltip, Legend, Line, BarChart, Bar, PieChart, Pie, Cell } from 'recharts';
 
 const EKYCCard = () => {
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  const tenantId = Digit.ULBService.getCurrentTenantId();
+  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycApplicationList({}, {
+      tenantId,
+      offset: 0,
+      limit: 1
+    }, {
+      enabled: !!tenantId
+    }),
+    listData = _Digit$Hooks$ekyc$use.data,
+    isLoading = _Digit$Hooks$ekyc$use.isLoading;
+  const totalCount = isLoading ? "-" : (listData === null || listData === void 0 ? void 0 : listData.totalCount) || 0;
   const propsForModuleCard = {
     Icon: /*#__PURE__*/React.createElement(PersonIcon, null),
     moduleName: t("ACTION_TEST_EKYC"),
     kpis: [{
-      count: "-",
+      count: totalCount,
       label: t("TOTAL_EKYC"),
       link: "/digit-ui/employee/ekyc/dashboard"
     }],
@@ -22,6 +33,10 @@ const EKYCCard = () => {
       label: t("CEO_M.F_DOR_FINANCE_VIEW"),
       link: "/digit-ui/employee/ekyc/ceo-dashboard"
     }, {
+      label: t("EKYC_ADMIN_DASHBOARD") || "Admin Dashboard",
+      link: "/digit-ui/employee/ekyc/admin-dashboard"
+    }, {
+      count: totalCount,
       label: t("EKYC_INBOX"),
       link: "/digit-ui/employee/ekyc/inbox"
     }, {
@@ -1573,305 +1588,6 @@ const CeoDashboard = () => {
   }, /*#__PURE__*/React.createElement("h3", null, topKpis.successRate, "%"), /*#__PURE__*/React.createElement("p", null, "Operational Efficiency")))))));
 };
 
-const VendorDetails = () => {
-  var _vendor$dailyPerforma, _vendor$dailyPerforma2;
-  const history = useHistory();
-  const _useParams = useParams(),
-    _useParams$vendorId = _useParams.vendorId,
-    vendorId = _useParams$vendorId === void 0 ? 1 : _useParams$vendorId;
-  const vendor = useMemo(() => ekycMockData.vendors.find(item => item.id === Number(vendorId)), [vendorId]);
-  const tenantId = Digit.ULBService.getCurrentTenantId();
-  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycSurveyorDashboard({}, {
-      tenantId,
-      offset: 0,
-      limit: 10
-    }, {
-      enabled: !!tenantId
-    });
-  if (!vendor) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "ekyc-dashboard-wrapper"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "dashboard-shell"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "detail-header"
-    }, /*#__PURE__*/React.createElement("button", {
-      className: "back-button",
-      onClick: () => history.goBack()
-    }, /*#__PURE__*/React.createElement(FaArrowLeft, null), " Back")), /*#__PURE__*/React.createElement("div", {
-      className: "empty-state"
-    }, /*#__PURE__*/React.createElement("h2", null, "Vendor analytics not found"), /*#__PURE__*/React.createElement("p", null, "The selected vendor does not exist in the current report. Please return to the dashboard."))));
-  }
-  const zoneRows = vendor.zones.slice(0, 8);
-  const performanceData = vendor.dailyPerformance.map(row => ({
-    day: row.day,
-    completed: row.completed,
-    pending: row.pending,
-    rejected: row.rejected
-  }));
-  return /*#__PURE__*/React.createElement("div", {
-    className: "ekyc-dashboard-wrapper"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "dashboard-shell detail-shell"
-  }, /*#__PURE__*/React.createElement("section", {
-    className: "kpi-grid detail-kpi-grid"
-  }, [{
-    label: "Assigned Connections",
-    value: vendor.assignedConnections,
-    icon: /*#__PURE__*/React.createElement(FaUsers, null),
-    variant: "primary"
-  }, {
-    label: "Agency eKYC",
-    value: vendor.completedEkyc,
-    icon: /*#__PURE__*/React.createElement(FaCheckCircle, null),
-    variant: "success"
-  }, {
-    label: "Self eKYC",
-    value: vendor.selfEkyc,
-    icon: /*#__PURE__*/React.createElement(FaUsers, null),
-    variant: "info"
-  }, {
-    label: "Pending",
-    value: vendor.pending,
-    icon: /*#__PURE__*/React.createElement(FaClock, null),
-    variant: "warning"
-  }, {
-    label: "Rejected",
-    value: vendor.rejected,
-    icon: /*#__PURE__*/React.createElement(FaExclamationTriangle, null),
-    variant: "danger"
-  }, {
-    label: "Success Rate",
-    value: vendor.successRate + "%",
-    icon: /*#__PURE__*/React.createElement(FaCheckCircle, null),
-    variant: "success"
-  }].map(item => {
-    var _item$value$toLocaleS, _item$value, _item$value$toLocaleS2;
-    return /*#__PURE__*/React.createElement("article", {
-      key: item.label,
-      className: "kpi-card card-" + item.variant
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "kpi-icon"
-    }, item.icon), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
-      className: "kpi-title"
-    }, item.label), /*#__PURE__*/React.createElement("h2", null, (_item$value$toLocaleS = (_item$value = item.value) === null || _item$value === void 0 ? void 0 : (_item$value$toLocaleS2 = _item$value.toLocaleString) === null || _item$value$toLocaleS2 === void 0 ? void 0 : _item$value$toLocaleS2.call(_item$value)) != null ? _item$value$toLocaleS : item.value)));
-  })), /*#__PURE__*/React.createElement("section", {
-    className: "analytics-grid detail-analytics-grid"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "analytics-panel glass-card"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "section-header"
-  }, /*#__PURE__*/React.createElement("h2", null, "Daily Completion Trend"), /*#__PURE__*/React.createElement("span", {
-    className: "badge success"
-  }, "Performance")), /*#__PURE__*/React.createElement(ExecutiveLineChart, {
-    data: performanceData,
-    dataKey: "completed",
-    name: "Completed"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "analytics-panel glass-card"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "section-header"
-  }, /*#__PURE__*/React.createElement("h2", null, "Pending vs Completed"), /*#__PURE__*/React.createElement("span", {
-    className: "badge warning"
-  }, "Workload")), /*#__PURE__*/React.createElement(ExecutiveBarChart, {
-    data: performanceData,
-    categories: [{
-      key: "completed",
-      name: "Completed"
-    }, {
-      key: "pending",
-      name: "Pending"
-    }],
-    xKey: "day"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "analytics-panel glass-card"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "section-header"
-  }, /*#__PURE__*/React.createElement("h2", null, "Self vs Agency Split"), /*#__PURE__*/React.createElement("span", {
-    className: "badge info"
-  }, "Adoption")), /*#__PURE__*/React.createElement(ExecutivePieChart, {
-    data: [{
-      label: "Agency eKYC",
-      value: vendor.completedEkyc
-    }, {
-      label: "Citizen Self eKYC",
-      value: vendor.selfEkyc
-    }],
-    dataKey: "value",
-    labelKey: "label"
-  }))), /*#__PURE__*/React.createElement("section", {
-    className: "zone-section detail-zone-section"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "section-header"
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", null, /*#__PURE__*/React.createElement(FaMapMarkedAlt, null), " Zone-wise Jurisdiction Analytics"), /*#__PURE__*/React.createElement("p", null, "Drill into the current operational load and heatmap intensity for this vendor."))), /*#__PURE__*/React.createElement("div", {
-    className: "table-wrapper glass-card"
-  }, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", null, "Zone"), /*#__PURE__*/React.createElement("th", null, "Cluster"), /*#__PURE__*/React.createElement("th", null, "Assigned"), /*#__PURE__*/React.createElement("th", null, "Agency eKYC"), /*#__PURE__*/React.createElement("th", null, "Pending"), /*#__PURE__*/React.createElement("th", null, "Activity Score"))), /*#__PURE__*/React.createElement("tbody", null, zoneRows.map((row, index) => {
-    var _row$activeDemand$toL, _row$activeDemand, _row$pppZones$toLocal, _row$pppZones, _row$inactiveDemand$t, _row$inactiveDemand;
-    return /*#__PURE__*/React.createElement("tr", {
-      key: row.location + "-" + index
-    }, /*#__PURE__*/React.createElement("td", null, row.location), /*#__PURE__*/React.createElement("td", null, row.cluster || row.district), /*#__PURE__*/React.createElement("td", null, (_row$activeDemand$toL = (_row$activeDemand = row.activeDemand) === null || _row$activeDemand === void 0 ? void 0 : _row$activeDemand.toLocaleString()) != null ? _row$activeDemand$toL : "—"), /*#__PURE__*/React.createElement("td", null, (_row$pppZones$toLocal = (_row$pppZones = row.pppZones) === null || _row$pppZones === void 0 ? void 0 : _row$pppZones.toLocaleString()) != null ? _row$pppZones$toLocal : "—"), /*#__PURE__*/React.createElement("td", null, (_row$inactiveDemand$t = (_row$inactiveDemand = row.inactiveDemand) === null || _row$inactiveDemand === void 0 ? void 0 : _row$inactiveDemand.toLocaleString()) != null ? _row$inactiveDemand$t : "—"), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("span", {
-      className: "status-badge " + (row.intensityScore > 65 ? "danger" : row.intensityScore > 45 ? "warning" : "success")
-    }, row.intensityScore, "%")));
-  }))))), /*#__PURE__*/React.createElement("section", {
-    className: "bottom-grid detail-bottom-grid"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "cards-summary glass-card"
-  }, /*#__PURE__*/React.createElement("h2", null, "Operational Efficiency"), /*#__PURE__*/React.createElement("div", {
-    className: "efficiency-grid"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "efficiency-box"
-  }, /*#__PURE__*/React.createElement("h3", null, vendor.activeSurveyors), /*#__PURE__*/React.createElement("p", null, "Active Surveyors")), /*#__PURE__*/React.createElement("div", {
-    className: "efficiency-box"
-  }, /*#__PURE__*/React.createElement("h3", null, vendor.supervisors), /*#__PURE__*/React.createElement("p", null, "Supervisors")), /*#__PURE__*/React.createElement("div", {
-    className: "efficiency-box"
-  }, /*#__PURE__*/React.createElement("h3", null, vendor.progress, "%"), /*#__PURE__*/React.createElement("p", null, "Execution Rate")), /*#__PURE__*/React.createElement("div", {
-    className: "efficiency-box"
-  }, /*#__PURE__*/React.createElement("h3", null, (_vendor$dailyPerforma = vendor.dailyPerformance.slice(-1)[0]) === null || _vendor$dailyPerforma === void 0 ? void 0 : (_vendor$dailyPerforma2 = _vendor$dailyPerforma.completed) === null || _vendor$dailyPerforma2 === void 0 ? void 0 : _vendor$dailyPerforma2.toLocaleString()), /*#__PURE__*/React.createElement("p", null, "Latest Day Completed")))), /*#__PURE__*/React.createElement("div", {
-    className: "cards-summary glass-card"
-  }, /*#__PURE__*/React.createElement("h2", null, "Supervisor Pulse"), /*#__PURE__*/React.createElement("div", {
-    className: "pulse-list"
-  }, vendor.jurisdictions.map(zone => /*#__PURE__*/React.createElement("div", {
-    key: zone,
-    className: "pulse-row"
-  }, /*#__PURE__*/React.createElement("span", null, zone), /*#__PURE__*/React.createElement("span", null, Math.max(12, Math.round(Math.random() * 38)), " active"))))))));
-};
-
-const useInboxTableConfig = _ref => {
-  var _formState$tableForm, _formState$tableForm2, _Digit$SessionStorage, _Digit$SessionStorage2, _Digit$SessionStorage3, _formState$searchForm;
-  let onPageSizeChange = _ref.onPageSizeChange,
-    formState = _ref.formState,
-    totalCount = _ref.totalCount,
-    table = _ref.table,
-    dispatch = _ref.dispatch,
-    checkPathName = _ref.checkPathName,
-    onSortingByData = _ref.onSortingByData,
-    tenantId = _ref.tenantId,
-    _ref$inboxStyles = _ref.inboxStyles,
-    inboxStyles = _ref$inboxStyles === void 0 ? {} : _ref$inboxStyles,
-    _ref$tableStyle = _ref.tableStyle,
-    tableStyle = _ref$tableStyle === void 0 ? {} : _ref$tableStyle;
-  const _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  const history = useHistory();
-  const _useState = 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 handleReview = kno => {
-    setSelectedKno(kno);
-    getReview({
-      kno
-    });
-  };
-  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;
-  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.useEffect(() => {
-    if (reviewData) {
-      history.push("/digit-ui/" + userType + "/ekyc/review/" + selectedKno, {
-        aadhaarData: reviewData === null || reviewData === void 0 ? void 0 : reviewData.aadhaarData,
-        reviewData
-      });
-    }
-  }, [reviewData]);
-  const tableColumnConfig = [{
-    Header: t("EKYC_APPLICATION_NO"),
-    accessor: "applicationNumber",
-    disableSortBy: true,
-    Cell: _ref2 => {
-      var _row$original, _row$original2;
-      let row = _ref2.row;
-      const kno = ((_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.kno) || ((_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : _row$original2.applicationNumber) || "NA";
-      return /*#__PURE__*/React.createElement("span", {
-        className: "link",
-        onClick: () => handleReview(kno)
-      }, kno);
-    }
-  }, {
-    Header: t("EKYC_CITIZEN_NAME"),
-    accessor: "citizenName",
-    Cell: _ref3 => {
-      var _row$original3;
-      let row = _ref3.row;
-      return /*#__PURE__*/React.createElement("span", null, ((_row$original3 = row.original) === null || _row$original3 === void 0 ? void 0 : _row$original3.citizenName) || "NA");
-    }
-  }, {
-    Header: t("EKYC_STATUS"),
-    accessor: "actionStatus",
-    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";
-      return /*#__PURE__*/React.createElement("span", {
-        className: "ekyc-status-tag " + status
-      }, t("" + status));
-    }
-  }, {
-    Header: t("EKYC_EKYC_STATUS"),
-    accessor: "ekycStatus",
-    Cell: _ref5 => {
-      var _row$original5, _row$original6;
-      let row = _ref5.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.createElement("span", {
-        className: "ekyc-status-tag " + ekycStatus
-      }, t("" + ekycStatus));
-    }
-  }];
-  return {
-    disableSort: false,
-    autoSort: false,
-    manualPagination: true,
-    initSortId: "applicationDate",
-    onPageSizeChange: onPageSizeChange,
-    currentPage: offset,
-    onNextPage: () => {
-      var _formState$tableForm3;
-      return dispatch({
-        action: "mutateTableForm",
-        data: _extends({}, formState.tableForm, {
-          offset: parseInt((_formState$tableForm3 = formState.tableForm) === null || _formState$tableForm3 === void 0 ? void 0 : _formState$tableForm3.offset) + limit
-        }),
-        checkPathName
-      });
-    },
-    onPrevPage: () => {
-      var _formState$tableForm4;
-      return dispatch({
-        action: "mutateTableForm",
-        data: _extends({}, formState.tableForm, {
-          offset: parseInt((_formState$tableForm4 = formState.tableForm) === null || _formState$tableForm4 === void 0 ? void 0 : _formState$tableForm4.offset) - limit
-        }),
-        checkPathName
-      });
-    },
-    pageSizeLimit: limit,
-    onSort: onSortingByData,
-    totalRecords: totalCount,
-    onSearch: formState === null || formState === void 0 ? void 0 : (_formState$searchForm = formState.searchForm) === null || _formState$searchForm === void 0 ? void 0 : _formState$searchForm.message,
-    onLastPage: () => dispatch({
-      action: "mutateTableForm",
-      data: _extends({}, formState.tableForm, {
-        offset: Math.max(0, Math.floor((totalCount - 1) / limit) * limit)
-      }),
-      checkPathName
-    }),
-    onFirstPage: () => dispatch({
-      action: "mutateTableForm",
-      data: _extends({}, formState.tableForm, {
-        offset: 0
-      }),
-      checkPathName
-    }),
-    data: table,
-    columns: tableColumnConfig,
-    inboxStyles: _extends({}, inboxStyles),
-    tableStyle: _extends({}, tableStyle)
-  };
-};
-
 const _iteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator")) : "@@iterator";
 const _asyncIteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator")) : "@@asyncIterator";
 function _catch(body, recover) {
@@ -1897,35 +1613,937 @@ function _finallyRethrows(body, finalizer) {
   return finalizer(false, result);
 }
 
-var isNullOrUndefined = value => value == null;
-const isObjectType = value => typeof value === 'object';
-var isObject = value => !isNullOrUndefined(value) && !Array.isArray(value) && isObjectType(value) && !(value instanceof Date);
-var isKey = value => /^\w*$/.test(value);
-var compact = value => value.filter(Boolean);
-var stringToPath = input => compact(input.replace(/["|']/g, '').replace(/\[/g, '.').replace(/\]/g, '').split('.'));
-function set(object, path, value) {
-  let index = -1;
-  const tempPath = isKey(path) ? [path] : stringToPath(path);
-  const length = tempPath.length;
-  const lastIndex = length - 1;
-  while (++index < length) {
-    const key = tempPath[index];
-    let newValue = value;
-    if (index !== lastIndex) {
-      const objValue = object[key];
-      newValue = isObject(objValue) || Array.isArray(objValue) ? objValue : !isNaN(+tempPath[index + 1]) ? [] : {};
-    }
-    object[key] = newValue;
-    object = object[key];
-  }
-  return object;
-}
-var isUndefined = val => val === undefined;
-var get = function (obj, path, defaultValue) {
-  if (obj === void 0) {
-    obj = {};
-  }
-  const result = compact(path.split(/[,[\].]+?/)).reduce((result, key) => isNullOrUndefined(result) ? result : result[key], obj);
+const downloadSurveyorPDF = function (_ref) {
+  let rows = _ref.rows,
+    surveyorName = _ref.surveyorName,
+    employeeId = _ref.employeeId,
+    mobileNumber = _ref.mobileNumber,
+    vendorName = _ref.vendorName,
+    supervisorName = _ref.supervisorName,
+    dashboardInfo = _ref.dashboardInfo,
+    t = _ref.t;
+  try {
+    const tenantId = Digit.ULBService.getCurrentTenantId();
+    const initData = Digit.SessionStorage.get("initData");
+    const tenants = (initData === null || initData === void 0 ? void 0 : initData.tenants) || [];
+    const tenantInfo = tenants.find(tenant => tenant.code === tenantId);
+    const capitalize = text => text && text.substr(0, 1).toUpperCase() + text.substr(1);
+    const ulbCamel = ulb => ulb && ulb.toLowerCase().split(" ").map(capitalize).join(" ");
+    const name = "Delhi Jal Board";
+    const email = "contact@delhijalboard.nic.in";
+    const phoneNumber = "+91-11-23538416";
+    const currentDate = new Date();
+    const formattedDate = currentDate.toLocaleDateString("en-IN", {
+      day: "2-digit",
+      month: "2-digit",
+      year: "numeric"
+    });
+    const formattedTime = currentDate.toLocaleTimeString("en-IN", {
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit",
+      hour12: false
+    });
+    const downloadDateTime = formattedDate + " " + formattedTime;
+    const isValDefined = val => val !== undefined && val !== null && val !== "";
+    const details = [{
+      title: t("SURVEYOR_DETAILS"),
+      asSectionHeader: true,
+      values: [{
+        title: t("SURVEYOR_NAME"),
+        value: surveyorName
+      }, {
+        title: t("MOBILE_NUMBER"),
+        value: mobileNumber
+      }, {
+        title: t("VENDOR_NAME"),
+        value: vendorName
+      }, {
+        title: t("SUPERVISOR_NAME"),
+        value: supervisorName
+      }].filter(item => isValDefined(item.value))
+    }, {
+      title: t("SUMMARY_STATISTICS"),
+      asSectionHeader: true,
+      values: [{
+        title: t("TOTAL_ASSIGNED"),
+        value: (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.total) || 0
+      }, {
+        title: t("COMPLETED"),
+        value: (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.completed) || 0
+      }, {
+        title: t("PENDING"),
+        value: (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.pending) || 0
+      }, {
+        title: t("SUBMITTED"),
+        value: (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.submittedCount) || 0
+      }].filter(item => isValDefined(item.value))
+    }];
+    if (window.Digit && window.Digit.Utils && window.Digit.Utils.pdf && window.Digit.Utils.pdf.generateSurveyorReport) {
+      window.Digit.Utils.pdf.generateSurveyorReport({
+        tenantId,
+        logo: null,
+        name,
+        email,
+        phoneNumber,
+        heading: t("EKYC_SURVEYOR_REPORT"),
+        details,
+        applicationNumber: employeeId,
+        rows,
+        t,
+        hideApplicationNumber: true,
+        downloadTime: downloadDateTime
+      });
+    } else {
+      console.error("Digit.Utils.pdf.generateSurveyorReport is not available");
+    }
+    return Promise.resolve();
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
+const downloadVendorPDF = function (_ref3) {
+  let rows = _ref3.rows,
+    vendorName = _ref3.vendorName,
+    mobileNumber = _ref3.mobileNumber,
+    email = _ref3.email,
+    dashboardInfo = _ref3.dashboardInfo,
+    t = _ref3.t;
+  try {
+    const tenantId = Digit.ULBService.getCurrentTenantId();
+    const name = "Delhi Jal Board";
+    const emailContact = "contact@delhijalboard.nic.in";
+    const phoneNumber = "+91-11-23538416";
+    const currentDate = new Date();
+    const formattedDate = currentDate.toLocaleDateString("en-IN", {
+      day: "2-digit",
+      month: "2-digit",
+      year: "numeric"
+    });
+    const formattedTime = currentDate.toLocaleTimeString("en-IN", {
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit",
+      hour12: false
+    });
+    const downloadDateTime = formattedDate + " " + formattedTime;
+    const isValDefined = val => val !== undefined && val !== null && val !== "";
+    const details = [{
+      title: t("VENDOR_DETAILS") || "Vendor Details",
+      asSectionHeader: true,
+      values: [{
+        title: t("VENDOR_NAME") || "Vendor Name",
+        value: vendorName
+      }, {
+        title: t("MOBILE_NUMBER") || "Mobile Number",
+        value: mobileNumber
+      }, {
+        title: t("EMAIL") || "Email",
+        value: email
+      }].filter(item => isValDefined(item.value))
+    }, {
+      title: t("SUMMARY_STATISTICS") || "Summary Statistics",
+      asSectionHeader: true,
+      values: [{
+        title: t("TOTAL_ASSIGNED") || "Total Assigned",
+        value: (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.total) || 0
+      }, {
+        title: t("COMPLETED") || "Completed",
+        value: (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.completed) || 0
+      }, {
+        title: t("PENDING") || "Pending",
+        value: (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.pending) || 0
+      }, {
+        title: t("SUBMITTED") || "Submitted",
+        value: (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.submittedCount) || 0
+      }].filter(item => isValDefined(item.value))
+    }];
+    const mappedRows = rows.map(row => ({
+      kno: row.name || "N/A",
+      firstName: row.mobileNo || "N/A",
+      lastName: "",
+      mobileNo: row.status || "N/A",
+      zoneName: String(row.total || 0),
+      ekycStatus: (row.completed || 0) + " / " + (row.pending || 0),
+      submittedAt: 1717171717171,
+      progress: row.progress || "0%"
+    }));
+    const originalToLocaleDateString = Date.prototype.toLocaleDateString;
+    let progressIndex = 0;
+    Date.prototype.toLocaleDateString = function () {
+      if (progressIndex < mappedRows.length) {
+        return mappedRows[progressIndex++].progress || "0%";
+      }
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+      return originalToLocaleDateString.apply(this, args);
+    };
+    const customT = key => {
+      if (key === "KNO") return t("SUPERVISOR_NAME") || "Supervisor Name";
+      if (key === "CONSUMER") return t("MOBILE_NUMBER") || "Mobile Number";
+      if (key === "MOBILE") return t("STATUS") || "Status";
+      if (key === "ZONE") return t("TOTAL_EKYC_APPLICATIONS") || "Total eKYC Applications";
+      if (key === "EKYC_STATUS") return t("COMPLETED_PENDING") || "Completed / Pending";
+      if (key === "SUBMITTED_DATE") return t("OVERALL_PROGRESS") || "Overall Progress";
+      if (key === "CONSUMER_LIST") return t("CONNECTED_SUPERVISORS") || "Connected Supervisors";
+      return t(key);
+    };
+    try {
+      if (window.Digit && window.Digit.Utils && window.Digit.Utils.pdf && window.Digit.Utils.pdf.generateSurveyorReport) {
+        window.Digit.Utils.pdf.generateSurveyorReport({
+          tenantId,
+          logo: null,
+          name,
+          email: emailContact,
+          phoneNumber,
+          heading: t("EKYC_VENDOR_REPORT") || "eKYC Vendor Report",
+          details,
+          applicationNumber: mobileNumber,
+          rows: mappedRows,
+          t: customT,
+          hideApplicationNumber: true,
+          downloadTime: downloadDateTime
+        });
+      } else {
+        console.error("Digit.Utils.pdf.generateSurveyorReport is not available");
+      }
+    } finally {
+      Date.prototype.toLocaleDateString = originalToLocaleDateString;
+    }
+    return Promise.resolve();
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
+
+const VendorDetailsCard = () => {
+  var _Digit$SessionStorage, _vendor$owner, _vendor$owner2, _vendorName$charAt;
+  const _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  const history = useHistory();
+  const tenantId = Digit.ULBService.getCurrentTenantId() || "dl.djb";
+  const _useParams = useParams(),
+    vendorId = _useParams.vendorId;
+  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 _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$fsm$useS = Digit.Hooks.fsm.useSupervisorSearch(tenantId, {
+      status: "ACTIVE"
+    }, {
+      enabled: !!tenantId
+    }),
+    supervisorSearchResponse = _Digit$Hooks$fsm$useS.data,
+    isSupervisorSearchLoading = _Digit$Hooks$fsm$useS.isLoading;
+  const loggedInUser = (_Digit$SessionStorage = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage === void 0 ? void 0 : _Digit$SessionStorage.info;
+  const vendor = useMemo(() => {
+    const userUuid = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.uuid;
+    const userMobile = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.mobileNumber;
+    const matchesUser = v => {
+      var _v$owner, _v$owner2, _v$owner3;
+      const ownerUuid = ((_v$owner = v.owner) === null || _v$owner === void 0 ? void 0 : _v$owner.uuid) || ((_v$owner2 = v.owner) === null || _v$owner2 === void 0 ? void 0 : _v$owner2.id);
+      const ownerMobile = ((_v$owner3 = v.owner) === null || _v$owner3 === void 0 ? void 0 : _v$owner3.mobileNumber) || v.mobileNumber;
+      return userUuid && ownerUuid === userUuid || userMobile && ownerMobile === userMobile;
+    };
+    if (vendorSearchResponse) {
+      if (vendorId) {
+        const matched = vendorSearchResponse.find(v => {
+          var _v$dsoDetails, _v$dsoDetails2;
+          return ((_v$dsoDetails = v.dsoDetails) === null || _v$dsoDetails === void 0 ? void 0 : _v$dsoDetails.id) === vendorId || ((_v$dsoDetails2 = v.dsoDetails) === null || _v$dsoDetails2 === void 0 ? void 0 : _v$dsoDetails2.vendorId) === vendorId || v.id === vendorId || v.vendorId === vendorId;
+        });
+        if (matched) return matched.dsoDetails || matched;
+      } else {
+        const matched = vendorSearchResponse.find(v => matchesUser(v.dsoDetails || v));
+        if (matched) return matched.dsoDetails || matched;
+        if (vendorSearchResponse.length > 0) return vendorSearchResponse[0].dsoDetails || vendorSearchResponse[0];
+      }
+    }
+    if (vendorId) {
+      return ekycMockData.vendors.find(v => v.id === Number(vendorId) || v.name === vendorId) || ekycMockData.vendors[0];
+    } else {
+      const matchedMock = ekycMockData.vendors.find(v => {
+        var _v$name, _loggedInUser$name;
+        return ((_v$name = v.name) === null || _v$name === void 0 ? void 0 : _v$name.toLowerCase()) === (loggedInUser === null || loggedInUser === void 0 ? void 0 : (_loggedInUser$name = loggedInUser.name) === null || _loggedInUser$name === void 0 ? void 0 : _loggedInUser$name.toLowerCase());
+      });
+      return matchedMock || ekycMockData.vendors[0];
+    }
+  }, [vendorSearchResponse, vendorId, loggedInUser]);
+  const vendorSupervisors = useMemo(() => {
+    if (!(supervisorSearchResponse !== null && supervisorSearchResponse !== void 0 && supervisorSearchResponse.supervisors)) {
+      if (vendor && Array.isArray(ekycMockData.vendors)) {
+        const mockSupList = Array.from({
+          length: vendor.supervisors || 5
+        }, (_, i) => ({
+          id: "SUP_V_" + (vendor.id || 1) + "_" + i,
+          name: "Supervisor " + (i + 1) + " (" + vendor.name + ")",
+          mobileNo: "99999120" + i,
+          status: "ACTIVE",
+          totalKnos: Math.round(1000 + Math.random() * 4000),
+          submittedKnos: Math.round(500 + Math.random() * 2000),
+          pendingKnos: Math.round(200 + Math.random() * 1000),
+          progressPercent: Math.round(40 + Math.random() * 50)
+        }));
+        return mockSupList;
+      }
+      return [];
+    }
+    const currentVendorId = (vendor === null || vendor === void 0 ? void 0 : vendor.id) || (vendor === null || vendor === void 0 ? void 0 : vendor.vendorId) || vendorId;
+    const matchedSups = supervisorSearchResponse.supervisors.filter(s => s.vendorId === currentVendorId);
+    return matchedSups.map(sup => {
+      var _progressData$supervi, _sup$owner2, _sup$owner3, _sup$owner4;
+      const report = progressData === null || progressData === void 0 ? void 0 : (_progressData$supervi = progressData.supervisorReport) === null || _progressData$supervi === void 0 ? void 0 : _progressData$supervi.find(r => {
+        var _sup$owner;
+        return r.supervisorId === sup.id || r.supervisorId === ((_sup$owner = sup.owner) === null || _sup$owner === void 0 ? void 0 : _sup$owner.uuid);
+      });
+      return {
+        id: sup.id || ((_sup$owner2 = sup.owner) === null || _sup$owner2 === void 0 ? void 0 : _sup$owner2.uuid),
+        name: sup.name || ((_sup$owner3 = sup.owner) === null || _sup$owner3 === void 0 ? void 0 : _sup$owner3.name) || "N/A",
+        mobileNo: ((_sup$owner4 = sup.owner) === null || _sup$owner4 === void 0 ? void 0 : _sup$owner4.mobileNumber) || sup.mobileNo || "N/A",
+        status: sup.status || "ACTIVE",
+        totalKnos: (report === null || report === void 0 ? void 0 : report.totalKnos) || 0,
+        submittedKnos: (report === null || report === void 0 ? void 0 : report.submittedKnos) || 0,
+        pendingKnos: (report === null || report === void 0 ? void 0 : report.pendingKnos) || 0,
+        progressPercent: (report === null || report === void 0 ? void 0 : report.progressPercent) || 0
+      };
+    });
+  }, [supervisorSearchResponse, vendor, progressData, vendorId]);
+  const vendorName = (vendor === null || vendor === void 0 ? void 0 : vendor.name) || "N/A";
+  const mobileNumber = (vendor === null || vendor === void 0 ? void 0 : vendor.mobileNumber) || (vendor === null || vendor === void 0 ? void 0 : (_vendor$owner = vendor.owner) === null || _vendor$owner === void 0 ? void 0 : _vendor$owner.mobileNumber) || "N/A";
+  const email = (vendor === null || vendor === void 0 ? void 0 : (_vendor$owner2 = vendor.owner) === null || _vendor$owner2 === void 0 ? void 0 : _vendor$owner2.emailId) || "N/A";
+  const status = vendor ? "ACTIVE" : "N/A";
+  const jurisdictions = useMemo(() => {
+    if (Array.isArray(vendor === null || vendor === void 0 ? void 0 : vendor.jurisdictions)) {
+      return vendor.jurisdictions.join(", ");
+    }
+    return "N/A";
+  }, [vendor]);
+  const cards = useMemo(() => {
+    const hasRealData = vendorSupervisors.some(s => s.totalKnos > 0);
+    const totalKnos = hasRealData ? vendorSupervisors.reduce((acc, s) => acc + (s.totalKnos || 0), 0) : (progressData === null || progressData === void 0 ? void 0 : progressData.totalKnos) || (vendor === null || vendor === void 0 ? void 0 : vendor.assignedConnections) || 0;
+    const completedKnos = hasRealData ? vendorSupervisors.reduce((acc, s) => acc + (s.submittedKnos || 0), 0) : (progressData === null || progressData === void 0 ? void 0 : progressData.completedKnos) || (vendor === null || vendor === void 0 ? void 0 : vendor.completedEkyc) || 0;
+    const pendingKnos = hasRealData ? vendorSupervisors.reduce((acc, s) => acc + (s.pendingKnos || 0), 0) : totalKnos - completedKnos;
+    const progressPercent = totalKnos > 0 ? Math.round(completedKnos / totalKnos * 100) : (vendor === null || vendor === void 0 ? void 0 : vendor.progress) || 0;
+    return [{
+      label: "TOTAL_EKYC_APPLICATIONS",
+      count: totalKnos,
+      color: "#0B2559",
+      type: "today",
+      icon: /*#__PURE__*/React.createElement(FaUsers, null)
+    }, {
+      label: "TOTAL_ASSIGNMENTS",
+      count: totalKnos,
+      color: "#3B82F6",
+      type: "week",
+      icon: /*#__PURE__*/React.createElement(FaMapMarkedAlt, null)
+    }, {
+      label: "EKYC_COMPLETED",
+      count: completedKnos,
+      color: "#10B981",
+      type: "month",
+      icon: /*#__PURE__*/React.createElement(FaCheckCircle, null)
+    }, {
+      label: "PENDING_APPLICATIONS",
+      count: pendingKnos,
+      color: "#F59E0B",
+      type: "pending",
+      icon: /*#__PURE__*/React.createElement(FaClock, null)
+    }, {
+      label: "OVERALL_PROGRESS",
+      count: progressPercent + "%",
+      color: "#A855F7",
+      type: "progress",
+      icon: /*#__PURE__*/React.createElement(FaChartLine, null)
+    }];
+  }, [vendorSupervisors, vendor, progressData]);
+  const _useState = useState(0),
+    currentPage = _useState[0],
+    setCurrentPage = _useState[1];
+  const _useState2 = useState(20),
+    pageSize = _useState2[0],
+    setPageSize = _useState2[1];
+  const _useState3 = useState(false),
+    ekycDownloadLoading = _useState3[0],
+    setEkycDownloadLoading = _useState3[1];
+  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 || consumerList.length === 0) {
+              alert(t("NO_EKYC_DATA_FOUND") || "No eKYC data found to 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_" + vendorName.replace(/[^a-zA-Z0-9]/g, "_");
+            Digit.Download.Excel(excelData, cleanFileName);
+          });
+        }, function (error) {
+          console.error("Failed to download eKYC data:", error);
+          alert(t("EKYC_DOWNLOAD_FAILED") || "Failed to download eKYC data. Please try again.");
+        });
+      }, function (_wasThrown, _result) {
+        setEkycDownloadLoading(false);
+        if (_wasThrown) throw _result;
+        return _result;
+      }));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const paginatedSupervisors = useMemo(() => {
+    const start = currentPage * pageSize;
+    const end = start + pageSize;
+    return vendorSupervisors.slice(start, end);
+  }, [vendorSupervisors, currentPage, pageSize]);
+  const supervisorColumns = useMemo(() => [{
+    Header: t("SUPERVISOR_NAME") || "Supervisor Name",
+    accessor: row => (row === null || row === void 0 ? void 0 : row.name) || "N/A",
+    Cell: _ref => {
+      var _row$original;
+      let row = _ref.row;
+      return /*#__PURE__*/React.createElement("a", {
+        href: "/digit-ui/employee/ekyc/assign/surveyor-details/" + row.original.id,
+        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);
+        }
+      }, ((_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.name) || "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: row => (row === null || row === void 0 ? void 0 : row.status) || "ACTIVE",
+    id: "status",
+    Cell: _ref2 => {
+      let value = _ref2.value;
+      return /*#__PURE__*/React.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 && row.progressPercent || (row === null || row === void 0 ? void 0 : row.progressPercent) === 0 ? row.progressPercent : row.progress) + "%",
+    id: "overallProgress"
+  }], [t, history]);
+  const _useState4 = useState(false),
+    showReportMenu = _useState4[0],
+    setShowReportMenu = _useState4[1];
+  const _useState5 = useState({
+      from: "",
+      to: ""
+    }),
+    customDate = _useState5[0],
+    setCustomDate = _useState5[1];
+  const _useState6 = useState(false),
+    showCustomPicker = _useState6[0],
+    setShowCustomPicker = _useState6[1];
+  const _useState7 = useState(false),
+    reportLoading = _useState7[0],
+    setReportLoading = _useState7[1];
+  const reportMenuRef = useRef(null);
+  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 handleDownload = () => {
+    setReportLoading(true);
+    try {
+      const rowsWithStats = vendorSupervisors.map(s => ({
+        name: s.name,
+        mobileNo: s.mobileNo,
+        status: s.status,
+        total: s.totalKnos,
+        completed: s.submittedKnos,
+        pending: s.pendingKnos,
+        progress: s.progressPercent + "%"
+      }));
+      const totalKnos = vendorSupervisors.reduce((acc, s) => acc + (s.totalKnos || 0), 0) || (vendor === null || vendor === void 0 ? void 0 : vendor.assignedConnections) || 0;
+      const completedKnos = vendorSupervisors.reduce((acc, s) => acc + (s.submittedKnos || 0), 0) || (vendor === null || vendor === void 0 ? void 0 : vendor.completedEkyc) || 0;
+      downloadVendorPDF({
+        rows: rowsWithStats,
+        vendorName,
+        mobileNumber,
+        email,
+        dashboardInfo: {
+          total: totalKnos,
+          completed: completedKnos,
+          pending: totalKnos - completedKnos,
+          submittedCount: completedKnos
+        },
+        t
+      });
+    } catch (err) {
+      console.error("Failed to generate report:", err);
+    } finally {
+      setReportLoading(false);
+      setShowReportMenu(false);
+      setShowCustomPicker(false);
+    }
+  };
+  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 StatCard = _ref3 => {
+    let title = _ref3.title,
+      value = _ref3.value,
+      type = _ref3.type,
+      isLoading = _ref3.isLoading,
+      icon = _ref3.icon;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "stat-card " + type
+    }, isLoading ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: "stat-title skeleton skeleton-text"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "stat-value skeleton skeleton-number"
+    })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: "stat-title"
+    }, title), /*#__PURE__*/React.createElement("div", {
+      className: "stat-value"
+    }, value), icon && /*#__PURE__*/React.createElement("div", {
+      className: "stat-icon"
+    }, icon)));
+  };
+  const isPageLoading = isProgressLoading || isVendorSearchLoading || isSupervisorSearchLoading;
+  if (isPageLoading && !vendor) {
+    return /*#__PURE__*/React.createElement(Loader, null);
+  }
+  if (!vendor) {
+    return /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: "24px"
+      }
+    }, t("NO_VENDOR_FOUND") || "No Vendor Found"));
+  }
+  return /*#__PURE__*/React.createElement(Card, {
+    className: "surveyor-dashboard"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ekyc-dashboard-section"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ekyc-dashboard-header"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "avatar"
+  }, vendorName === null || vendorName === void 0 ? void 0 : (_vendorName$charAt = vendorName.charAt(0)) === null || _vendorName$charAt === void 0 ? void 0 : _vendorName$charAt.toUpperCase()), /*#__PURE__*/React.createElement("div", {
+    className: "header-content"
+  }, /*#__PURE__*/React.createElement("h2", {
+    className: "name"
+  }, vendorName), /*#__PURE__*/React.createElement("div", {
+    className: "designation"
+  }, t("VENDOR_AGENCY") || "Agency / Vendor"))), /*#__PURE__*/React.createElement("div", {
+    className: "report-download",
+    ref: reportMenuRef
+  }, /*#__PURE__*/React.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.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(_ref4 => {
+    let label = _ref4.label,
+      key = _ref4.key;
+    return /*#__PURE__*/React.createElement("div", {
+      key: key,
+      className: "menu-item",
+      onClick: () => handlePresetDownload()
+    }, label);
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "custom-date-trigger",
+    onClick: () => setShowCustomPicker(p => !p)
+  }, t("CUSTOM_DATE") || "Custom Date"), showCustomPicker && /*#__PURE__*/React.createElement("div", {
+    className: "custom-picker"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "date-field"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "date-label"
+  }, t("FROM_DATE") || "From"), /*#__PURE__*/React.createElement("input", {
+    type: "date",
+    className: "date-input",
+    value: customDate.from,
+    onChange: e => setCustomDate(d => _extends({}, d, {
+      from: e.target.value
+    }))
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "date-field"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "date-label"
+  }, t("TO_DATE") || "To"), /*#__PURE__*/React.createElement("input", {
+    type: "date",
+    className: "date-input",
+    value: customDate.to,
+    onChange: e => setCustomDate(d => _extends({}, d, {
+      to: e.target.value
+    }))
+  })), /*#__PURE__*/React.createElement("button", {
+    className: "download-action-btn",
+    onClick: handleCustomDownload
+  }, t("DOWNLOAD") || "Download"))))), /*#__PURE__*/React.createElement("div", {
+    className: "stats-wrapper"
+  }, cards.map((card, idx) => /*#__PURE__*/React.createElement(StatCard, {
+    key: idx,
+    title: t(card.label),
+    value: card.count,
+    type: card.type,
+    isLoading: isPageLoading,
+    icon: card.icon
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "ekyc-dashboard-section"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ekyc-details-wrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "details-left"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "details-grid"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "detail-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "label"
+  }, t("MOBILE")), /*#__PURE__*/React.createElement("span", {
+    className: "value"
+  }, mobileNumber)), /*#__PURE__*/React.createElement("div", {
+    className: "detail-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "label"
+  }, t("EMAIL")), /*#__PURE__*/React.createElement("span", {
+    className: "value"
+  }, email)), /*#__PURE__*/React.createElement("div", {
+    className: "detail-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "label"
+  }, t("STATUS")), /*#__PURE__*/React.createElement("span", {
+    className: "value"
+  }, status)), /*#__PURE__*/React.createElement("div", {
+    className: "detail-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "label"
+  }, t("JURISDICTIONS") || "Jurisdictions"), /*#__PURE__*/React.createElement("span", {
+    className: "value"
+  }, jurisdictions)))), /*#__PURE__*/React.createElement("div", {
+    className: "details-right"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "download-card"
+  }, /*#__PURE__*/React.createElement("h4", null, t("DOWNLOAD_EKYC_DATA") || "Download eKYC Data"), /*#__PURE__*/React.createElement("p", null, t("DOWNLOAD_EKYC_DATA_DESC") || "Export the complete eKYC verification records for your assigned jurisdiction into Excel format."), /*#__PURE__*/React.createElement("button", {
+    className: "download-excel-btn",
+    disabled: ekycDownloadLoading,
+    onClick: handleDownloadEkycData
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"
+  }), /*#__PURE__*/React.createElement("polyline", {
+    points: "7 10 12 15 17 10"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "12",
+    y1: "15",
+    x2: "12",
+    y2: "3"
+  })), ekycDownloadLoading ? t("DOWNLOADING") || "Downloading..." : t("DOWNLOAD_EXCEL") || "Download Excel"))))), /*#__PURE__*/React.createElement(Card, {
+    className: "dashboard-card"
+  }, /*#__PURE__*/React.createElement(Table, {
+    t: t,
+    tableTitle: t("CONNECTED_SUPERVISORS") || "Connected Supervisors",
+    tableClass: "ekycTable",
+    data: paginatedSupervisors,
+    columns: supervisorColumns,
+    isLoading: isPageLoading,
+    totalRecords: vendorSupervisors.length,
+    currentPage: currentPage,
+    pageSizeLimit: pageSize,
+    isPaginationRequired: true,
+    onNextPage: () => {
+      if (currentPage < Math.ceil(vendorSupervisors.length / pageSize) - 1) {
+        setCurrentPage(prev => prev + 1);
+      }
+    },
+    onPrevPage: () => {
+      if (currentPage > 0) {
+        setCurrentPage(prev => prev - 1);
+      }
+    },
+    onFirstPage: () => {
+      setCurrentPage(0);
+    },
+    onLastPage: () => {
+      setCurrentPage(Math.max(Math.ceil(vendorSupervisors.length / pageSize) - 1, 0));
+    },
+    onPageSizeChange: e => {
+      setPageSize(Number(e.target.value));
+      setCurrentPage(0);
+    }
+  })));
+};
+
+const useInboxTableConfig = _ref => {
+  var _formState$tableForm, _formState$tableForm2, _Digit$SessionStorage, _Digit$SessionStorage2, _Digit$SessionStorage3, _formState$searchForm;
+  let onPageSizeChange = _ref.onPageSizeChange,
+    formState = _ref.formState,
+    totalCount = _ref.totalCount,
+    table = _ref.table,
+    dispatch = _ref.dispatch,
+    checkPathName = _ref.checkPathName,
+    onSortingByData = _ref.onSortingByData,
+    tenantId = _ref.tenantId,
+    _ref$inboxStyles = _ref.inboxStyles,
+    inboxStyles = _ref$inboxStyles === void 0 ? {} : _ref$inboxStyles,
+    _ref$tableStyle = _ref.tableStyle,
+    tableStyle = _ref$tableStyle === void 0 ? {} : _ref$tableStyle;
+  const _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  const history = useHistory();
+  const _useState = 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 handleReview = kno => {
+    setSelectedKno(kno);
+    getReview({
+      kno
+    });
+  };
+  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;
+  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.useEffect(() => {
+    if (reviewData) {
+      history.push("/digit-ui/" + userType + "/ekyc/review/" + selectedKno, {
+        aadhaarData: reviewData === null || reviewData === void 0 ? void 0 : reviewData.aadhaarData,
+        reviewData
+      });
+    }
+  }, [reviewData]);
+  const tableColumnConfig = [{
+    Header: t("EKYC_APPLICATION_NO"),
+    accessor: "applicationNumber",
+    disableSortBy: true,
+    Cell: _ref2 => {
+      var _row$original, _row$original2;
+      let row = _ref2.row;
+      const kno = ((_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.kno) || ((_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : _row$original2.applicationNumber) || "NA";
+      return /*#__PURE__*/React.createElement("span", {
+        className: "link",
+        onClick: () => handleReview(kno)
+      }, kno);
+    }
+  }, {
+    Header: t("EKYC_CITIZEN_NAME"),
+    accessor: "citizenName",
+    Cell: _ref3 => {
+      var _row$original3;
+      let row = _ref3.row;
+      return /*#__PURE__*/React.createElement("span", null, ((_row$original3 = row.original) === null || _row$original3 === void 0 ? void 0 : _row$original3.citizenName) || "NA");
+    }
+  }, {
+    Header: t("EKYC_STATUS"),
+    accessor: "actionStatus",
+    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";
+      return /*#__PURE__*/React.createElement("span", {
+        className: "ekyc-status-tag " + status
+      }, t("" + status));
+    }
+  }, {
+    Header: t("EKYC_EKYC_STATUS"),
+    accessor: "ekycStatus",
+    Cell: _ref5 => {
+      var _row$original5, _row$original6;
+      let row = _ref5.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.createElement("span", {
+        className: "ekyc-status-tag " + ekycStatus
+      }, t("" + ekycStatus));
+    }
+  }];
+  return {
+    disableSort: false,
+    autoSort: false,
+    manualPagination: true,
+    initSortId: "applicationDate",
+    onPageSizeChange: onPageSizeChange,
+    currentPage: offset,
+    onNextPage: () => {
+      var _formState$tableForm3;
+      return dispatch({
+        action: "mutateTableForm",
+        data: _extends({}, formState.tableForm, {
+          offset: parseInt((_formState$tableForm3 = formState.tableForm) === null || _formState$tableForm3 === void 0 ? void 0 : _formState$tableForm3.offset) + limit
+        }),
+        checkPathName
+      });
+    },
+    onPrevPage: () => {
+      var _formState$tableForm4;
+      return dispatch({
+        action: "mutateTableForm",
+        data: _extends({}, formState.tableForm, {
+          offset: parseInt((_formState$tableForm4 = formState.tableForm) === null || _formState$tableForm4 === void 0 ? void 0 : _formState$tableForm4.offset) - limit
+        }),
+        checkPathName
+      });
+    },
+    pageSizeLimit: limit,
+    onSort: onSortingByData,
+    totalRecords: totalCount,
+    onSearch: formState === null || formState === void 0 ? void 0 : (_formState$searchForm = formState.searchForm) === null || _formState$searchForm === void 0 ? void 0 : _formState$searchForm.message,
+    onLastPage: () => dispatch({
+      action: "mutateTableForm",
+      data: _extends({}, formState.tableForm, {
+        offset: Math.max(0, Math.floor((totalCount - 1) / limit) * limit)
+      }),
+      checkPathName
+    }),
+    onFirstPage: () => dispatch({
+      action: "mutateTableForm",
+      data: _extends({}, formState.tableForm, {
+        offset: 0
+      }),
+      checkPathName
+    }),
+    data: table,
+    columns: tableColumnConfig,
+    inboxStyles: _extends({}, inboxStyles),
+    tableStyle: _extends({}, tableStyle)
+  };
+};
+
+var isNullOrUndefined = value => value == null;
+const isObjectType = value => typeof value === 'object';
+var isObject = value => !isNullOrUndefined(value) && !Array.isArray(value) && isObjectType(value) && !(value instanceof Date);
+var isKey = value => /^\w*$/.test(value);
+var compact = value => value.filter(Boolean);
+var stringToPath = input => compact(input.replace(/["|']/g, '').replace(/\[/g, '.').replace(/\]/g, '').split('.'));
+function set(object, path, value) {
+  let index = -1;
+  const tempPath = isKey(path) ? [path] : stringToPath(path);
+  const length = tempPath.length;
+  const lastIndex = length - 1;
+  while (++index < length) {
+    const key = tempPath[index];
+    let newValue = value;
+    if (index !== lastIndex) {
+      const objValue = object[key];
+      newValue = isObject(objValue) || Array.isArray(objValue) ? objValue : !isNaN(+tempPath[index + 1]) ? [] : {};
+    }
+    object[key] = newValue;
+    object = object[key];
+  }
+  return object;
+}
+var isUndefined = val => val === undefined;
+var get = function (obj, path, defaultValue) {
+  if (obj === void 0) {
+    obj = {};
+  }
+  const result = compact(path.split(/[,[\].]+?/)).reduce((result, key) => isNullOrUndefined(result) ? result : result[key], obj);
   return isUndefined(result) || result === obj ? isUndefined(obj[path]) ? defaultValue : obj[path] : result;
 };
 var isPrimitive = value => isNullOrUndefined(value) || !isObjectType(value);
@@ -4907,7 +5525,9 @@ const AssignEkycModal = _ref => {
   useEffect(() => {
     setCurrentPage(0);
   }, [debouncedFilters, filters.kno]);
-  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycApplicationList(_extends({}, filters.kno && {
+  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycApplicationList(_extends({
+      unassignedOnly: true
+    }, filters.kno && {
       kno: filters.kno
     }, debouncedFilters.ekycStatus && {
       ekycStatus: debouncedFilters.ekycStatus
@@ -5182,240 +5802,33 @@ const AssignEkycModal = _ref => {
     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.createElement(Toast, {
-    error: toastData.error,
-    label: toastData.label,
-    onClose: () => setShowToast(false)
-  }));
-};
-
-const downloadSurveyorPDF = function (_ref) {
-  let rows = _ref.rows,
-    surveyorName = _ref.surveyorName,
-    employeeId = _ref.employeeId,
-    mobileNumber = _ref.mobileNumber,
-    vendorName = _ref.vendorName,
-    supervisorName = _ref.supervisorName,
-    dashboardInfo = _ref.dashboardInfo,
-    t = _ref.t;
-  try {
-    const tenantId = Digit.ULBService.getCurrentTenantId();
-    const initData = Digit.SessionStorage.get("initData");
-    const tenants = (initData === null || initData === void 0 ? void 0 : initData.tenants) || [];
-    const tenantInfo = tenants.find(tenant => tenant.code === tenantId);
-    const capitalize = text => text && text.substr(0, 1).toUpperCase() + text.substr(1);
-    const ulbCamel = ulb => ulb && ulb.toLowerCase().split(" ").map(capitalize).join(" ");
-    const name = "Delhi Jal Board";
-    const email = "contact@delhijalboard.nic.in";
-    const phoneNumber = "+91-11-23538416";
-    const currentDate = new Date();
-    const formattedDate = currentDate.toLocaleDateString("en-IN", {
-      day: "2-digit",
-      month: "2-digit",
-      year: "numeric"
-    });
-    const formattedTime = currentDate.toLocaleTimeString("en-IN", {
-      hour: "2-digit",
-      minute: "2-digit",
-      second: "2-digit",
-      hour12: false
-    });
-    const downloadDateTime = formattedDate + " " + formattedTime;
-    const isValDefined = val => val !== undefined && val !== null && val !== "";
-    const details = [{
-      title: t("SURVEYOR_DETAILS"),
-      asSectionHeader: true,
-      values: [{
-        title: t("SURVEYOR_NAME"),
-        value: surveyorName
-      }, {
-        title: t("MOBILE_NUMBER"),
-        value: mobileNumber
-      }, {
-        title: t("VENDOR_NAME"),
-        value: vendorName
-      }, {
-        title: t("SUPERVISOR_NAME"),
-        value: supervisorName
-      }].filter(item => isValDefined(item.value))
-    }, {
-      title: t("SUMMARY_STATISTICS"),
-      asSectionHeader: true,
-      values: [{
-        title: t("TOTAL_ASSIGNED"),
-        value: (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.total) || 0
-      }, {
-        title: t("COMPLETED"),
-        value: (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.completed) || 0
-      }, {
-        title: t("PENDING"),
-        value: (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.pending) || 0
-      }, {
-        title: t("SUBMITTED"),
-        value: (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.submittedCount) || 0
-      }].filter(item => isValDefined(item.value))
-    }];
-    if (window.Digit && window.Digit.Utils && window.Digit.Utils.pdf && window.Digit.Utils.pdf.generateSurveyorReport) {
-      window.Digit.Utils.pdf.generateSurveyorReport({
-        tenantId,
-        logo: null,
-        name,
-        email,
-        phoneNumber,
-        heading: t("EKYC_SURVEYOR_REPORT"),
-        details,
-        applicationNumber: employeeId,
-        rows,
-        t,
-        hideApplicationNumber: true,
-        downloadTime: downloadDateTime
-      });
-    } else {
-      console.error("Digit.Utils.pdf.generateSurveyorReport is not available");
-    }
-    return Promise.resolve();
-  } catch (e) {
-    return Promise.reject(e);
-  }
-};
-const downloadSupervisorPDF = function (_ref2) {
-  let rows = _ref2.rows,
-    supervisorName = _ref2.supervisorName,
-    mobileNumber = _ref2.mobileNumber,
-    vendorName = _ref2.vendorName,
-    dashboardInfo = _ref2.dashboardInfo,
-    t = _ref2.t;
-  try {
-    const tenantId = Digit.ULBService.getCurrentTenantId();
-    const name = "Delhi Jal Board";
-    const email = "contact@delhijalboard.nic.in";
-    const phoneNumber = "+91-11-23538416";
-    const currentDate = new Date();
-    const formattedDate = currentDate.toLocaleDateString("en-IN", {
-      day: "2-digit",
-      month: "2-digit",
-      year: "numeric"
-    });
-    const formattedTime = currentDate.toLocaleTimeString("en-IN", {
-      hour: "2-digit",
-      minute: "2-digit",
-      second: "2-digit",
-      hour12: false
-    });
-    const downloadDateTime = formattedDate + " " + formattedTime;
-    const isValDefined = val => val !== undefined && val !== null && val !== "";
-    const details = [{
-      title: t("SUPERVISOR_DETAILS") || "Supervisor Details",
-      asSectionHeader: true,
-      values: [{
-        title: t("SUPERVISOR_NAME") || "Supervisor Name",
-        value: supervisorName
-      }, {
-        title: t("MOBILE_NUMBER") || "Mobile Number",
-        value: mobileNumber
-      }, {
-        title: t("VENDOR_NAME") || "Vendor Name",
-        value: vendorName
-      }].filter(item => isValDefined(item.value))
-    }, {
-      title: t("SUMMARY_STATISTICS") || "Summary Statistics",
-      asSectionHeader: true,
-      values: [{
-        title: t("TOTAL_ASSIGNED") || "Total Assigned",
-        value: (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.total) || 0
-      }, {
-        title: t("COMPLETED") || "Completed",
-        value: (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.completed) || 0
-      }, {
-        title: t("PENDING") || "Pending",
-        value: (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.pending) || 0
-      }, {
-        title: t("SUBMITTED") || "Submitted",
-        value: (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.submittedCount) || 0
-      }].filter(item => isValDefined(item.value))
-    }];
-    const mappedRows = rows.map(row => {
-      var _row$owner, _row$owner2;
-      return {
-        kno: row.name || ((_row$owner = row.owner) === null || _row$owner === void 0 ? void 0 : _row$owner.name) || "N/A",
-        firstName: ((_row$owner2 = row.owner) === null || _row$owner2 === void 0 ? void 0 : _row$owner2.mobileNumber) || row.mobileNo || "N/A",
-        lastName: "",
-        mobileNo: row.status || "N/A",
-        zoneName: String(row.total || 0),
-        ekycStatus: (row.completed || 0) + " / " + (row.pending || 0),
-        submittedAt: 1717171717171,
-        progress: row.progress || "0%"
-      };
-    });
-    const originalToLocaleDateString = Date.prototype.toLocaleDateString;
-    let progressIndex = 0;
-    Date.prototype.toLocaleDateString = function () {
-      if (progressIndex < mappedRows.length) {
-        return mappedRows[progressIndex++].progress || "0%";
-      }
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
+        setCurrentPage(prev => prev + 1);
       }
-      return originalToLocaleDateString.apply(this, args);
-    };
-    const customT = key => {
-      if (key === "KNO") return t("SURVEYOR_NAME") || "Surveyor Name";
-      if (key === "CONSUMER") return t("MOBILE_NUMBER") || "Mobile Number";
-      if (key === "MOBILE") return t("STATUS") || "Status";
-      if (key === "ZONE") return t("TOTAL_EKYC_APPLICATIONS") || "Total eKYC Applications";
-      if (key === "EKYC_STATUS") return t("COMPLETED_PENDING") || "Completed / Pending";
-      if (key === "SUBMITTED_DATE") return t("OVERALL_PROGRESS") || "Overall Progress";
-      if (key === "CONSUMER_LIST") return t("CONNECTED_SURVEYORS") || "Connected Surveyors";
-      return t(key);
-    };
-    try {
-      if (window.Digit && window.Digit.Utils && window.Digit.Utils.pdf && window.Digit.Utils.pdf.generateSurveyorReport) {
-        window.Digit.Utils.pdf.generateSurveyorReport({
-          tenantId,
-          logo: null,
-          name,
-          email,
-          phoneNumber,
-          heading: t("EKYC_SUPERVISOR_REPORT") || "eKYC Supervisor Report",
-          details,
-          applicationNumber: mobileNumber,
-          rows: mappedRows,
-          t: customT,
-          hideApplicationNumber: true,
-          downloadTime: downloadDateTime
-        });
-      } else {
-        console.error("Digit.Utils.pdf.generateSurveyorReport is not available");
+    },
+    onPrevPage: () => {
+      if (currentPage > 0) {
+        setCurrentPage(prev => prev - 1);
       }
-    } finally {
-      Date.prototype.toLocaleDateString = originalToLocaleDateString;
+    },
+    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);
     }
-    return Promise.resolve();
-  } catch (e) {
-    return Promise.reject(e);
-  }
+  })), showToast && /*#__PURE__*/React.createElement(Toast, {
+    error: toastData.error,
+    label: toastData.label,
+    onClose: () => setShowToast(false)
+  }));
 };
 
 const SurveyorDetailsDashboard = () => {
-  var _Digit$SessionStorage, _Digit$SessionStorage2, _Digit$SessionStorage3, _Digit$SessionStorage4, _surveyor$owner, _surveyor$owner2, _surveyor$owner3, _surveyor$owner4, _fullName$charAt, _dashboardData$dashbo, _dashboardData$dashbo2, _dashboardData$dashbo3, _dashboardData$dashbo4, _surveyor$owner7, _surveyor$owner8, _surveyor$owner9, _surveyor$additionalD, _dashboardData$dashbo5, _dashboardData$dashbo6;
+  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 = useState(false),
     showModal = _useState[0],
@@ -5423,6 +5836,9 @@ const SurveyorDetailsDashboard = () => {
   const _useState2 = useState(false),
     showOptions = _useState2[0],
     setShowOptions = _useState2[1];
+  const _useState3 = useState(false),
+    ekycDownloadLoading = _useState3[0],
+    setEkycDownloadLoading = _useState3[1];
   const _useParams = 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;
@@ -5478,12 +5894,12 @@ const SurveyorDetailsDashboard = () => {
   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 _useState3 = useState(0),
-    currentPage = _useState3[0],
-    setCurrentPage = _useState3[1];
-  const _useState4 = useState(20),
-    pageSize = _useState4[0],
-    setPageSize = _useState4[1];
+  const _useState4 = useState(0),
+    currentPage = _useState4[0],
+    setCurrentPage = _useState4[1];
+  const _useState5 = useState(20),
+    pageSize = _useState5[0],
+    setPageSize = _useState5[1];
   const queryParams = {
     tenantId: "dl.djb",
     offset: currentPage * pageSize,
@@ -5525,21 +5941,21 @@ const SurveyorDetailsDashboard = () => {
       return value || "-";
     }
   }], []);
-  const _useState5 = useState(false),
-    showReportMenu = _useState5[0],
-    setShowReportMenu = _useState5[1];
-  const _useState6 = useState({
+  const _useState6 = useState(false),
+    showReportMenu = _useState6[0],
+    setShowReportMenu = _useState6[1];
+  const _useState7 = useState({
       from: "",
       to: ""
     }),
-    customDate = _useState6[0],
-    setCustomDate = _useState6[1];
-  const _useState7 = useState(false),
-    showCustomPicker = _useState7[0],
-    setShowCustomPicker = _useState7[1];
+    customDate = _useState7[0],
+    setCustomDate = _useState7[1];
   const _useState8 = useState(false),
-    reportLoading = _useState8[0],
-    setReportLoading = _useState8[1];
+    showCustomPicker = _useState8[0],
+    setShowCustomPicker = _useState8[1];
+  const _useState9 = useState(false),
+    reportLoading = _useState9[0],
+    setReportLoading = _useState9[1];
   const reportMenuRef = useRef(null);
   useEffect(() => {
     const handler = e => {
@@ -5687,7 +6103,8 @@ const SurveyorDetailsDashboard = () => {
     let title = _ref3.title,
       value = _ref3.value,
       type = _ref3.type,
-      isLoading = _ref3.isLoading;
+      isLoading = _ref3.isLoading,
+      icon = _ref3.icon;
     return /*#__PURE__*/React.createElement("div", {
       className: "stat-card " + type
     }, isLoading ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
@@ -5698,7 +6115,9 @@ const SurveyorDetailsDashboard = () => {
       className: "stat-title"
     }, title), /*#__PURE__*/React.createElement("div", {
       className: "stat-value"
-    }, value)));
+    }, value), icon && /*#__PURE__*/React.createElement("div", {
+      className: "stat-icon"
+    }, icon)));
   };
   const options = [{
     action: "Assign"
@@ -5707,6 +6126,77 @@ const SurveyorDetailsDashboard = () => {
     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 || "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) || [];
+            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_" + fullName.replace(/[^a-zA-Z0-9]/g, "_");
+            Digit.Download.Excel(excelData, cleanFileName);
+          });
+        }, function (error) {
+          console.error("Error downloading eKYC Excel:", error);
+        });
+      }, function (_wasThrown3, _result3) {
+        setEkycDownloadLoading(false);
+        if (_wasThrown3) throw _result3;
+        return _result3;
+      }));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
   const closeModal = function () {
     try {
       setShowModal(false);
@@ -5794,71 +6284,105 @@ const SurveyorDetailsDashboard = () => {
     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
+    isLoading: isDashboardLoading,
+    icon: /*#__PURE__*/React.createElement(FaUsers, null)
   }), /*#__PURE__*/React.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
+    isLoading: isDashboardLoading,
+    icon: /*#__PURE__*/React.createElement(FaCheckCircle, null)
   }), /*#__PURE__*/React.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
+    isLoading: isDashboardLoading,
+    icon: /*#__PURE__*/React.createElement(FaClock, null)
   }), /*#__PURE__*/React.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
+    isLoading: isDashboardLoading,
+    icon: /*#__PURE__*/React.createElement(FaChartLine, null)
   })), /*#__PURE__*/React.createElement("div", {
     className: "charts-wrapper"
   }), /*#__PURE__*/React.createElement("div", {
     className: "ekyc-dashboard-section"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ekyc-details-wrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "details-left"
   }, /*#__PURE__*/React.createElement("div", {
     className: "details-grid"
   }, /*#__PURE__*/React.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"
-  }, t("MOBILE"), ":"), /*#__PURE__*/React.createElement("span", {
+  }, t("MOBILE")), /*#__PURE__*/React.createElement("span", {
     className: "value"
-  }, (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner7 = surveyor.owner) === null || _surveyor$owner7 === void 0 ? void 0 : _surveyor$owner7.mobileNumber) || (surveyor === null || surveyor === void 0 ? void 0 : surveyor.mobileNo) || "N/A")), /*#__PURE__*/React.createElement("div", {
+  }, (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.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"
-  }, t("EMAIL"), ":"), /*#__PURE__*/React.createElement("span", {
+  }, t("EMAIL")), /*#__PURE__*/React.createElement("span", {
     className: "value"
-  }, (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner8 = surveyor.owner) === null || _surveyor$owner8 === void 0 ? void 0 : _surveyor$owner8.emailId) || "N/A")), /*#__PURE__*/React.createElement("div", {
+  }, (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.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"
-  }, t("GENDER"), ":"), /*#__PURE__*/React.createElement("span", {
+  }, t("GENDER")), /*#__PURE__*/React.createElement("span", {
     className: "value"
-  }, (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner9 = surveyor.owner) === null || _surveyor$owner9 === void 0 ? void 0 : _surveyor$owner9.gender) || "N/A")), /*#__PURE__*/React.createElement("div", {
+  }, (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.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"
-  }, t("STATUS"), ":"), /*#__PURE__*/React.createElement("span", {
+  }, t("STATUS")), /*#__PURE__*/React.createElement("span", {
     className: "value"
   }, (surveyor === null || surveyor === void 0 ? void 0 : surveyor.status) || "N/A")), /*#__PURE__*/React.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"
-  }, t("SERVICE_TYPE"), ":"), /*#__PURE__*/React.createElement("span", {
+  }, t("SERVICE_TYPE")), /*#__PURE__*/React.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.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"
-  }, t("VENDOR_NAME") || "Vendor Name", ":"), /*#__PURE__*/React.createElement("span", {
+  }, t("VENDOR_NAME") || "Vendor Name"), /*#__PURE__*/React.createElement("span", {
     className: "value"
   }, vendorName)), /*#__PURE__*/React.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"
-  }, t("SUPERVISOR_NAME") || "Supervisor Name", ":"), /*#__PURE__*/React.createElement("span", {
+  }, t("SUPERVISOR_NAME") || "Supervisor Name"), /*#__PURE__*/React.createElement("span", {
     className: "value"
-  }, supervisorName)))), /*#__PURE__*/React.createElement(Card, {
+  }, supervisorName)))), /*#__PURE__*/React.createElement("div", {
+    className: "details-right"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "download-card"
+  }, /*#__PURE__*/React.createElement("h4", null, t("DOWNLOAD_EKYC_DATA") || "Download eKYC Data"), /*#__PURE__*/React.createElement("p", null, t("DOWNLOAD_EKYC_DATA_DESC") || "Export the complete eKYC verification records for your assigned jurisdiction into Excel format."), /*#__PURE__*/React.createElement("button", {
+    className: "download-excel-btn",
+    disabled: ekycDownloadLoading,
+    onClick: handleDownloadEkycData
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"
+  }), /*#__PURE__*/React.createElement("polyline", {
+    points: "7 10 12 15 17 10"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "12",
+    y1: "15",
+    x2: "12",
+    y2: "3"
+  })), ekycDownloadLoading ? t("DOWNLOADING") || "Downloading..." : t("DOWNLOAD_EXCEL") || "Download Excel"))))), /*#__PURE__*/React.createElement(Card, {
     className: "dashboard-card"
   }, /*#__PURE__*/React.createElement(Table, {
     t: t,
@@ -5870,6 +6394,7 @@ const SurveyorDetailsDashboard = () => {
     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;
@@ -6084,8 +6609,7 @@ const AssignEkyc = () => {
       enabled: !!tenantId,
       keepPreviousData: true
     }),
-    isDataSearchLoading = _Digit$Hooks$ekyc$use.isLoading,
-    data = _Digit$Hooks$ekyc$use.data;
+    isDataSearchLoading = _Digit$Hooks$ekyc$use.isLoading;
   const sourceData = useMemo(() => {
     return (dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.surveyors) || [];
   }, [dashboardData]);
@@ -6191,62 +6715,411 @@ const AssignEkyc = () => {
         });
       }
     }
-  };
-  const propsForInboxTable = SupervisorInboxTableConfig(_extends({}, {
-    onPageSizeChange,
-    formState,
-    totalCount: totalRecords,
-    table: filteredData,
-    dispatch,
-    onSortingByData,
-    tenantId,
-    inboxStyles: {
-      overflowX: "scroll",
-      overflowY: "hidden"
-    },
-    tableStyle: {
-      width: "70%"
+  };
+  const propsForInboxTable = SupervisorInboxTableConfig(_extends({}, {
+    onPageSizeChange,
+    formState,
+    totalCount: totalRecords,
+    table: filteredData,
+    dispatch,
+    onSortingByData,
+    tenantId,
+    inboxStyles: {
+      overflowX: "scroll",
+      overflowY: "hidden"
+    },
+    tableStyle: {
+      width: "70%"
+    }
+  }));
+  const isInboxLoading = isLoading;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "app-container"
+  }, /*#__PURE__*/React.createElement(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 _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  const history = 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
+    }),
+    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 = 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
+        };
+      });
+    }
+    return [];
+  }, [vendorSearchResponse, progressData]);
+  const _useState = useState(false),
+    ekycDownloadLoading = _useState[0],
+    setEkycDownloadLoading = _useState[1];
+  const _useState2 = useState(0),
+    currentPage = _useState2[0];
+  const _useState3 = 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.createElement(Card, {
+    className: "surveyor-dashboard"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ekyc-dashboard-section"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ekyc-dashboard-header"
+  }, /*#__PURE__*/React.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.createElement("div", {
+    className: "header-content"
+  }, /*#__PURE__*/React.createElement("h2", {
+    className: "name"
+  }, fullName), /*#__PURE__*/React.createElement("div", {
+    className: "designation"
+  }, t("EKYC_ADMIN") || "eKYC Admin / Manager"), /*#__PURE__*/React.createElement("div", {
+    className: "mobile-number"
+  }, mobileNumber))), /*#__PURE__*/React.createElement("button", {
+    className: "download-excel-btn",
+    disabled: ekycDownloadLoading,
+    onClick: handleDownloadEkycData,
+    style: {
+      margin: 0,
+      padding: "8px 16px",
+      height: "auto",
+      minHeight: "36px",
+      width: "auto"
+    }
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    style: {
+      marginRight: "8px"
+    }
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"
+  }), /*#__PURE__*/React.createElement("polyline", {
+    points: "7 10 12 15 17 10"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "12",
+    y1: "15",
+    x2: "12",
+    y2: "3"
+  })), ekycDownloadLoading ? t("DOWNLOADING") || "Downloading..." : t("DOWNLOAD_EXCEL") || "Download Excel")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: "32px"
+    }
+  }, /*#__PURE__*/React.createElement("h3", {
+    style: {
+      fontSize: "20px",
+      fontWeight: "700",
+      color: "#101828",
+      marginBottom: "20px"
+    }
+  }, t("EKYC_VENDORS_PERFORMANCE") || "eKYC Vendors Performance"), isVendorSearchLoading || isProgressLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "grid",
+      gridTemplateColumns: "repeat(3, 1fr)",
+      gap: "24px",
+      width: "100%"
+    }
+  }, vendorsList.length === 0 ? /*#__PURE__*/React.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.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"
+    },
+    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";
+    },
+    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.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "flex-start"
+    }
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h4", {
+    style: {
+      fontSize: "18px",
+      fontWeight: "700",
+      color: "#0B2559",
+      margin: 0
+    }
+  }, vendor.name), /*#__PURE__*/React.createElement("p", {
+    style: {
+      fontSize: "12px",
+      color: "#64748B",
+      marginTop: "2px",
+      marginBottom: 0
+    }
+  }, t("MOBILE") || "Mobile", ": ", vendor.mobileNumber)), /*#__PURE__*/React.createElement("span", {
+    style: {
+      background: "#E0F2FE",
+      color: "#0369A1",
+      padding: "6px 12px",
+      borderRadius: "999px",
+      fontSize: "13px",
+      fontWeight: "700"
+    }
+  }, vendor.progress, "%")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: "100%",
+      height: "8px",
+      background: "#F1F5F9",
+      borderRadius: "999px",
+      overflow: "hidden"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: vendor.progress + "%",
+      height: "100%",
+      background: "linear-gradient(90deg, #3B82F6 0%, #10B981 100%)",
+      borderRadius: "999px"
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "grid",
+      gridTemplateColumns: "repeat(3, 1fr)",
+      gap: "12px"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      background: "#F8FAFC",
+      padding: "12px 8px",
+      borderRadius: "10px",
+      textAlign: "center"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "16px",
+      fontWeight: "700",
+      color: "#1E293B"
     }
-  }));
-  const isInboxLoading = isLoading;
-  const cards = [{
-    label: "TOTAL_EKYC_APPLICATIONS",
-    count: (data === null || data === void 0 ? void 0 : data.totalKnos) || 0,
-    color: "#0B2559",
-    filter: null,
-    active: true
-  }, {
-    label: "TOTAL_ASSIGNMENTS",
-    count: (data === null || data === void 0 ? void 0 : data.totalAssignments) || 0,
-    color: "#3B82F6",
-    filter: ["ASSIGNED"]
-  }, {
-    label: "EKYC_COMPLETED",
-    count: (data === null || data === void 0 ? void 0 : data.completedKnos) || 0,
-    color: "#10B981",
-    filter: ["COMPLETED"]
-  }, {
-    label: "PENDING_APPLICATIONS",
-    count: ((data === null || data === void 0 ? void 0 : data.totalKnos) || 0) - ((data === null || data === void 0 ? void 0 : data.completedKnos) || 0),
-    color: "#F59E0B",
-    filter: ["PENDING"]
-  }, {
-    label: "OVERALL_PROGRESS",
-    count: ((data === null || data === void 0 ? void 0 : data.overallProgressPercent) || 0) + "%",
-    color: "#A855F7",
-    filter: ["IN_PROGRESS"]
-  }];
-  return /*#__PURE__*/React.createElement("div", {
-    className: "app-container"
-  }, /*#__PURE__*/React.createElement(InboxComposer, _extends({
-    isInboxLoading
-  }, propsForSearchForm, {
-    propsForInboxTable,
-    formState,
-    countData: dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.dashboardInfo,
-    cards,
-    isCardLoading: isDataSearchLoading
-  })));
+  }, vendor.supervisors), /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "10px",
+      fontWeight: "600",
+      color: "#64748B",
+      textTransform: "uppercase",
+      marginTop: "4px"
+    }
+  }, t("SUPERVISORS") || "Supervisors")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      background: "#F8FAFC",
+      padding: "12px 8px",
+      borderRadius: "10px",
+      textAlign: "center"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "16px",
+      fontWeight: "700",
+      color: "#1E293B"
+    }
+  }, vendor.surveyors), /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "10px",
+      fontWeight: "600",
+      color: "#64748B",
+      textTransform: "uppercase",
+      marginTop: "4px"
+    }
+  }, t("SURVEYORS") || "Surveyors")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      background: "#F8FAFC",
+      padding: "12px 8px",
+      borderRadius: "10px",
+      textAlign: "center"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "16px",
+      fontWeight: "700",
+      color: "#10B981"
+    }
+  }, vendor.completed), /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "10px",
+      fontWeight: "600",
+      color: "#64748B",
+      textTransform: "uppercase",
+      marginTop: "4px"
+    }
+  }, t("COMPLETED") || "Completed"))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "space-between",
+      fontSize: "12px",
+      color: "#64748B",
+      borderTop: "1px solid #F1F5F9",
+      paddingTop: "12px"
+    }
+  }, /*#__PURE__*/React.createElement("span", null, t("PENDING") || "Pending", ": ", /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontWeight: "700",
+      color: "#F59E0B"
+    }
+  }, vendor.pending)), /*#__PURE__*/React.createElement("span", null, t("REJECTED") || "Rejected", ": ", /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontWeight: "700",
+      color: "#EF4444"
+    }
+  }, vendor.rejected))))))));
 };
 
 const EmployeeApp = _ref => {
@@ -6308,6 +7181,10 @@ const EmployeeApp = _ref => {
       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")
@@ -6397,11 +7274,16 @@ const EmployeeApp = _ref => {
     component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
       layoutClass: "normal"
     }, /*#__PURE__*/React.createElement(CeoDashboard, null))
+  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: path + "/admin-dashboard",
+    component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
+      layoutClass: "normal"
+    }, /*#__PURE__*/React.createElement(AdminDashboard, null))
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: path + "/vendors/:vendorId",
     component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
       layoutClass: "normal"
-    }, /*#__PURE__*/React.createElement(VendorDetails, null))
+    }, /*#__PURE__*/React.createElement(VendorDetailsCard, null))
   })))));
 };
 
@@ -7462,6 +8344,12 @@ const Home = () => {
       link: "/digit-ui/citizen/ekyc/supervisor-dashboard"
     });
   }
+  if (roles.includes("EKYC_VENDOR")) {
+    propsForModuleCard.links.push({
+      label: t("EKYC_VENDOR_DASHBOARD"),
+      link: "/digit-ui/citizen/ekyc/vendor-dashboard"
+    });
+  }
   if (roles.includes("EKYC_SUPERVISOR") || roles.includes("EKYC_VENDOR")) {
     propsForModuleCard.links.push({
       label: t("TITLE_VENDOR_MANAGEMENT"),
@@ -7470,12 +8358,6 @@ const Home = () => {
   }
   if (roles.length === 1 && roles.includes("CITIZEN")) {
     propsForModuleCard.links.push({
-      label: t("EKYC_CREATE_KYC"),
-      link: "/digit-ui/citizen/ekyc/create-kyc"
-    }, {
-      label: t("EKYC_UPDATE_KYC"),
-      link: "/digit-ui/citizen/ekyc/update-kyc"
-    }, {
       label: t("EKYC_STATUS"),
       link: "/digit-ui/citizen/ekyc/:id"
     });
@@ -7732,119 +8614,50 @@ const Inbox$1 = _ref => {
   })));
 };
 
-const SurveyorStatsCell = _ref => {
-  let surveyorId = _ref.surveyorId,
-    type = _ref.type;
-  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycSurveyorDashboard({}, {
-      tenantId: "dl.djb",
-      offset: 0,
-      limit: 1,
-      surveyorId: surveyorId
-    }, {
-      enabled: !!surveyorId,
-      staleTime: 60000
-    }),
-    data = _Digit$Hooks$ekyc$use.data,
-    isLoading = _Digit$Hooks$ekyc$use.isLoading;
-  if (isLoading) return "...";
-  const dashboardInfo = (data === null || data === void 0 ? void 0 : data.dashboardInfo) || {};
-  const total = (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.total) || 0;
-  const completed = (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.completed) || 0;
-  const pending = (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.pending) || 0;
-  const progress = total > 0 ? Math.round(completed / total * 100) + "%" : "0%";
-  if (type === "total") return total;
-  if (type === "completed") return completed;
-  if (type === "pending") return pending;
-  if (type === "progress") return progress;
-  return null;
-};
 const SupervisorDetailsCard = () => {
-  var _Digit$SessionStorage, _Digit$SessionStorage2, _supervisor$owner, _supervisor$owner3, _fullName$charAt, _supervisor$owner6, _supervisor$owner7, _supervisor$owner8, _supervisor$additiona;
+  var _Digit$SessionStorage, _fullName$charAt;
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
   const tenantId = Digit.ULBService.getCurrentTenantId() || "dl.djb";
   const _useParams = useParams(),
     supervisorId = _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 searchParams = supervisorId ? {
-    ids: supervisorId
-  } : {
-    ownerIds
-  };
-  const _Digit$Hooks$fsm$useS = Digit.Hooks.fsm.useSupervisorSearch(tenantId, searchParams, {
-      staleTime: Infinity
-    }),
-    supervisorSearchResponse = _Digit$Hooks$fsm$useS.data,
-    isSupervisorSearchLoading = _Digit$Hooks$fsm$useS.isLoading;
-  const supervisor = useMemo(() => {
-    var _supervisorSearchResp;
-    return (supervisorSearchResponse === null || supervisorSearchResponse === void 0 ? void 0 : (_supervisorSearchResp = supervisorSearchResponse.supervisors) === null || _supervisorSearchResp === void 0 ? void 0 : _supervisorSearchResp[0]) || null;
-  }, [supervisorSearchResponse]);
-  const _Digit$Hooks$fsm$useD = Digit.Hooks.fsm.useDsoSearch(tenantId, {
-      status: "ACTIVE"
-    }, {
-      enabled: !!tenantId
-    }),
-    vendorData = _Digit$Hooks$fsm$useD.data;
-  const vendorName = useMemo(() => {
-    var _mappedVendor$dsoDeta;
-    if (!vendorData || !(supervisor !== null && supervisor !== void 0 && supervisor.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) === supervisor.vendorId || ((_v$dsoDetails2 = v.dsoDetails) === null || _v$dsoDetails2 === void 0 ? void 0 : _v$dsoDetails2.vendorId) === supervisor.vendorId;
-    });
-    return (mappedVendor === null || mappedVendor === void 0 ? void 0 : (_mappedVendor$dsoDeta = mappedVendor.dsoDetails) === null || _mappedVendor$dsoDeta === void 0 ? void 0 : _mappedVendor$dsoDeta.name) || supervisor.vendorId || "N/A";
-  }, [vendorData, supervisor === null || supervisor === void 0 ? void 0 : supervisor.vendorId]);
-  const fullName = (supervisor === null || supervisor === void 0 ? void 0 : (_supervisor$owner = supervisor.owner) === null || _supervisor$owner === void 0 ? void 0 : _supervisor$owner.name) || (supervisor === null || supervisor === void 0 ? void 0 : supervisor.name) || "N/A";
-  const mobileNumber = (supervisor === null || supervisor === void 0 ? void 0 : (_supervisor$owner3 = supervisor.owner) === null || _supervisor$owner3 === void 0 ? void 0 : _supervisor$owner3.mobileNumber) || (supervisor === null || supervisor === void 0 ? void 0 : supervisor.mobileNo) || "N/A";
-  const _Digit$Hooks$fsm$useS2 = Digit.Hooks.fsm.useSurveyorSearch(tenantId, {
-      supervisorIds: supervisor === null || supervisor === void 0 ? void 0 : supervisor.id
-    }, {
-      enabled: !!tenantId && !!(supervisor !== null && supervisor !== void 0 && supervisor.id)
-    }),
-    surveyorsResponse = _Digit$Hooks$fsm$useS2.data,
-    isSurveyorsLoading = _Digit$Hooks$fsm$useS2.isLoading;
-  const surveyors = useMemo(() => {
-    return (surveyorsResponse === null || surveyorsResponse === void 0 ? void 0 : surveyorsResponse.surveyors) || (surveyorsResponse === null || surveyorsResponse === void 0 ? void 0 : surveyorsResponse.surveyor) || [];
-  }, [surveyorsResponse]);
-  const _Digit$Hooks$ekyc$use2 = Digit.Hooks.ekyc.useEkycAssignmentProgress({
+  const loggedInUser = (_Digit$SessionStorage = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage === void 0 ? void 0 : _Digit$SessionStorage.info;
+  const _useState = 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$use2.isLoading,
-    progressData = _Digit$Hooks$ekyc$use2.data;
-  const cards = useMemo(() => [{
-    label: "TOTAL_EKYC_APPLICATIONS",
-    count: (progressData === null || progressData === void 0 ? void 0 : progressData.totalKnos) || 0,
-    color: "#0B2559",
-    type: "today"
-  }, {
-    label: "TOTAL_ASSIGNMENTS",
-    count: (progressData === null || progressData === void 0 ? void 0 : progressData.totalAssignments) || 0,
-    color: "#3B82F6",
-    type: "week"
-  }, {
-    label: "EKYC_COMPLETED",
-    count: (progressData === null || progressData === void 0 ? void 0 : progressData.completedKnos) || 0,
-    color: "#10B981",
-    type: "month"
-  }, {
-    label: "PENDING_APPLICATIONS",
-    count: ((progressData === null || progressData === void 0 ? void 0 : progressData.totalKnos) || 0) - ((progressData === null || progressData === void 0 ? void 0 : progressData.completedKnos) || 0),
-    color: "#F59E0B",
-    type: "pending"
-  }, {
-    label: "OVERALL_PROGRESS",
-    count: ((progressData === null || progressData === void 0 ? void 0 : progressData.overallProgressPercent) || 0) + "%",
-    color: "#A855F7",
-    type: "progress"
-  }], [progressData]);
-  const _useState = useState(0),
-    currentPage = _useState[0],
-    setCurrentPage = _useState[1];
-  const _useState2 = useState(20),
-    pageSize = _useState2[0],
-    setPageSize = _useState2[1];
+    isProgressLoading = _Digit$Hooks$ekyc$use.isLoading,
+    progressData = _Digit$Hooks$ekyc$use.data;
+  const supervisor = 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 = useMemo(() => {
+    return (supervisor === null || supervisor === void 0 ? void 0 : supervisor.surveyors) || [];
+  }, [supervisor]);
+  const _useState2 = useState(0),
+    currentPage = _useState2[0],
+    setCurrentPage = _useState2[1];
+  const _useState3 = useState(20),
+    pageSize = _useState3[0],
+    setPageSize = _useState3[1];
   const paginatedSurveyors = useMemo(() => {
     const start = currentPage * pageSize;
     const end = start + pageSize;
@@ -7852,102 +8665,64 @@ const SupervisorDetailsCard = () => {
   }, [surveyors, currentPage, pageSize]);
   const surveyorColumns = useMemo(() => [{
     Header: t("SURVEYOR_NAME") || "Surveyor Name",
-    accessor: row => {
-      var _row$owner;
-      return (row === null || row === void 0 ? void 0 : row.name) || (row === null || row === void 0 ? void 0 : (_row$owner = row.owner) === null || _row$owner === void 0 ? void 0 : _row$owner.name) || "N/A";
-    },
-    Cell: _ref2 => {
-      var _row$original, _row$original2, _row$original2$owner;
-      let row = _ref2.row;
+    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.createElement("a", {
-        href: "/digit-ui/citizen/ekyc/surveyor-dashboard/" + row.original.id,
+        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.name) || ((_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : (_row$original2$owner = _row$original2.owner) === null || _row$original2$owner === void 0 ? void 0 : _row$original2$owner.name) || "N/A");
+      }, ((_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.surveyorName) || "N/A");
     }
   }, {
     Header: t("MOBILE_NUMBER") || "Mobile Number",
-    accessor: row => {
-      var _row$owner2;
-      return (row === null || row === void 0 ? void 0 : (_row$owner2 = row.owner) === null || _row$owner2 === void 0 ? void 0 : _row$owner2.mobileNumber) || (row === null || row === void 0 ? void 0 : row.mobileNo) || "N/A";
-    },
+    accessor: row => (row === null || row === void 0 ? void 0 : row.mobileNo) || "N/A",
     id: "mobileNumber"
   }, {
     Header: t("STATUS") || "Status",
-    accessor: "status",
-    Cell: _ref3 => {
-      let value = _ref3.value;
+    accessor: () => "ACTIVE",
+    id: "status",
+    Cell: _ref2 => {
+      let value = _ref2.value;
       return /*#__PURE__*/React.createElement("span", {
-        className: "status-badge " + (value === "ACTIVE" ? "verified" : "pending")
+        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.totalEkycApplications) || 0,
-    id: "totalEkycApplications",
-    Cell: _ref4 => {
-      var _row$original3, _row$original3$owner;
-      let row = _ref4.row;
-      return /*#__PURE__*/React.createElement(SurveyorStatsCell, {
-        surveyorId: (_row$original3 = row.original) === null || _row$original3 === void 0 ? void 0 : (_row$original3$owner = _row$original3.owner) === null || _row$original3$owner === void 0 ? void 0 : _row$original3$owner.uuid,
-        type: "total"
-      });
-    }
+    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.ekycCompleted) || 0,
-    id: "ekycCompleted",
-    Cell: _ref5 => {
-      var _row$original4, _row$original4$owner;
-      let row = _ref5.row;
-      return /*#__PURE__*/React.createElement(SurveyorStatsCell, {
-        surveyorId: (_row$original4 = row.original) === null || _row$original4 === void 0 ? void 0 : (_row$original4$owner = _row$original4.owner) === null || _row$original4$owner === void 0 ? void 0 : _row$original4$owner.uuid,
-        type: "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.pendingApplications) || 0,
-    id: "pendingApplications",
-    Cell: _ref6 => {
-      var _row$original5, _row$original5$owner;
-      let row = _ref6.row;
-      return /*#__PURE__*/React.createElement(SurveyorStatsCell, {
-        surveyorId: (_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.uuid,
-        type: "pending"
-      });
-    }
+    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.overallProgress) || "N/A",
-    id: "overallProgress",
-    Cell: _ref7 => {
-      var _row$original6, _row$original6$owner;
-      let row = _ref7.row;
-      return /*#__PURE__*/React.createElement(SurveyorStatsCell, {
-        surveyorId: (_row$original6 = row.original) === null || _row$original6 === void 0 ? void 0 : (_row$original6$owner = _row$original6.owner) === null || _row$original6$owner === void 0 ? void 0 : _row$original6$owner.uuid,
-        type: "progress"
-      });
-    }
+    accessor: row => ((row === null || row === void 0 ? void 0 : row.progressPercent) || 0) + "%",
+    id: "overallProgress"
   }], [t]);
-  const _useState3 = useState(false),
-    showReportMenu = _useState3[0],
-    setShowReportMenu = _useState3[1];
-  const _useState4 = useState({
+  const _useState4 = useState(false),
+    showReportMenu = _useState4[0],
+    setShowReportMenu = _useState4[1];
+  const _useState5 = useState({
       from: "",
       to: ""
     }),
-    customDate = _useState4[0],
-    setCustomDate = _useState4[1];
-  const _useState5 = useState(false),
-    showCustomPicker = _useState5[0],
-    setShowCustomPicker = _useState5[1];
+    customDate = _useState5[0],
+    setCustomDate = _useState5[1];
   const _useState6 = useState(false),
-    reportLoading = _useState6[0],
-    setReportLoading = _useState6[1];
+    showCustomPicker = _useState6[0],
+    setShowCustomPicker = _useState6[1];
+  const _useState7 = useState(false),
+    reportLoading = _useState7[0];
   const reportMenuRef = useRef(null);
   useEffect(() => {
     const handler = e => {
@@ -7959,223 +8734,97 @@ const SupervisorDetailsCard = () => {
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, []);
-  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 = filter => {
+    handleDownload();
   };
-  const handlePresetDownload = function (filter) {
-    try {
-      const range = getDateRange(filter);
-      if (!range) return Promise.resolve();
-      setReportLoading(true);
-      const _temp = _finallyRethrows(function () {
-        return _catch(function () {
-          const surveyorsList = surveyors || [];
-          return Promise.resolve(Promise.all(surveyorsList.map(function (surveyor) {
-            try {
-              return Promise.resolve(_catch(function () {
-                var _surveyor$owner;
-                return Promise.resolve(Digit.EkycService.dashboard({}, {
-                  tenantId: "dl.djb",
-                  offset: 0,
-                  limit: 1,
-                  surveyorId: (_surveyor$owner = surveyor.owner) === null || _surveyor$owner === void 0 ? void 0 : _surveyor$owner.uuid,
-                  fromDate: range.from.getTime(),
-                  toDate: range.to.getTime()
-                })).then(function (response) {
-                  const info = (response === null || response === void 0 ? void 0 : response.dashboardInfo) || {};
-                  const total = info.total || 0;
-                  const completed = info.completed || 0;
-                  const pending = info.pending || 0;
-                  const progress = total > 0 ? Math.round(completed / total * 100) + "%" : "0%";
-                  return _extends({}, surveyor, {
-                    total,
-                    completed,
-                    pending,
-                    progress
-                  });
-                });
-              }, function (err) {
-                console.error("Failed to fetch stats for surveyor:", surveyor.id, err);
-                return _extends({}, surveyor, {
-                  total: 0,
-                  completed: 0,
-                  pending: 0,
-                  progress: "0%"
-                });
-              }));
-            } catch (e) {
-              return Promise.reject(e);
-            }
-          }))).then(function (rowsWithStats) {
-            var _supervisor$owner4;
-            return Promise.resolve(Digit.EkycService.dashboard({}, {
-              tenantId: "dl.djb",
-              offset: 0,
-              limit: 1,
-              supervisorId: supervisor === null || supervisor === void 0 ? void 0 : (_supervisor$owner4 = supervisor.owner) === null || _supervisor$owner4 === void 0 ? void 0 : _supervisor$owner4.uuid,
-              fromDate: range.from.getTime(),
-              toDate: range.to.getTime()
-            })).then(function (overallResponse) {
-              downloadSupervisorPDF({
-                rows: rowsWithStats,
-                supervisorName: fullName,
-                mobileNumber,
-                vendorName,
-                dashboardInfo: (overallResponse === null || overallResponse === void 0 ? void 0 : overallResponse.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 = () => {
+    if (!customDate.from || !customDate.to) {
+      alert(t("SELECT_DATE_RANGE") || "Please select both From and To dates.");
+      return;
     }
+    handleDownload();
   };
-  const handleCustomDownload = function () {
+  const handleDownloadEkycData = function () {
     try {
-      if (!customDate.from || !customDate.to) {
-        alert(t("SELECT_DATE_RANGE") || "Please select both From and To dates.");
+      if (!surveyors || surveyors.length === 0) {
+        alert(t("NO_SURVEYORS_ASSIGNED") || "No surveyors assigned to this supervisor.");
         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 () {
+      setEkycDownloadLoading(true);
+      return Promise.resolve(_finallyRethrows(function () {
         return _catch(function () {
-          const surveyorsList = surveyors || [];
-          return Promise.resolve(Promise.all(surveyorsList.map(function (surveyor) {
-            try {
-              return Promise.resolve(_catch(function () {
-                var _surveyor$owner2;
-                return Promise.resolve(Digit.EkycService.dashboard({}, {
-                  tenantId: "dl.djb",
-                  offset: 0,
-                  limit: 1,
-                  surveyorId: (_surveyor$owner2 = surveyor.owner) === null || _surveyor$owner2 === void 0 ? void 0 : _surveyor$owner2.uuid,
-                  fromDate: from.getTime(),
-                  toDate: to.getTime()
-                })).then(function (response) {
-                  const info = (response === null || response === void 0 ? void 0 : response.dashboardInfo) || {};
-                  const total = info.total || 0;
-                  const completed = info.completed || 0;
-                  const pending = info.pending || 0;
-                  const progress = total > 0 ? Math.round(completed / total * 100) + "%" : "0%";
-                  return _extends({}, surveyor, {
-                    total,
-                    completed,
-                    pending,
-                    progress
-                  });
-                });
-              }, function (err) {
-                console.error("Failed to fetch stats for surveyor:", surveyor.id, err);
-                return _extends({}, surveyor, {
-                  total: 0,
-                  completed: 0,
-                  pending: 0,
-                  progress: "0%"
-                });
-              }));
-            } catch (e) {
-              return Promise.reject(e);
+          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;
             }
-          }))).then(function (rowsWithStats) {
-            var _supervisor$owner5;
-            return Promise.resolve(Digit.EkycService.dashboard({}, {
-              tenantId: "dl.djb",
-              offset: 0,
-              limit: 1,
-              supervisorId: supervisor === null || supervisor === void 0 ? void 0 : (_supervisor$owner5 = supervisor.owner) === null || _supervisor$owner5 === void 0 ? void 0 : _supervisor$owner5.uuid,
-              fromDate: from.getTime(),
-              toDate: to.getTime()
-            })).then(function (overallResponse) {
-              downloadSupervisorPDF({
-                rows: rowsWithStats,
-                supervisorName: fullName,
-                mobileNumber,
-                vendorName,
-                dashboardInfo: (overallResponse === null || overallResponse === void 0 ? void 0 : overallResponse.dashboardInfo) || {},
-                t
+            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 (err) {
-          console.error("Failed to fetch custom dashboard data for report download:", err);
+        }, function (error) {
+          console.error("Error downloading eKYC Excel:", error);
         });
-      }, 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);
+      }, function (_wasThrown, _result) {
+        setEkycDownloadLoading(false);
+        if (_wasThrown) throw _result;
+        return _result;
+      }));
     } catch (e) {
       return Promise.reject(e);
     }
   };
-  const StatCard = _ref8 => {
-    let title = _ref8.title,
-      value = _ref8.value,
-      type = _ref8.type,
-      color = _ref8.color,
-      isLoading = _ref8.isLoading;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "stat-card " + type,
-      style: color ? {
-        borderLeft: "5px solid " + color
-      } : {}
-    }, isLoading ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: "stat-title skeleton skeleton-text"
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "stat-value skeleton skeleton-number"
-    })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      className: "stat-title"
-    }, title), /*#__PURE__*/React.createElement("div", {
-      className: "stat-value",
-      style: color ? {
-        color
-      } : {}
-    }, value)));
-  };
-  if (isSupervisorSearchLoading) {
+  if (isProgressLoading) {
     return /*#__PURE__*/React.createElement(Loader, null);
   }
   if (!supervisor) {
@@ -8220,13 +8869,13 @@ const SupervisorDetailsCard = () => {
   }, {
     label: t("THIS_MONTH") || "This Month",
     key: "month"
-  }].map(_ref9 => {
-    let label = _ref9.label,
-      key = _ref9.key;
+  }].map(_ref3 => {
+    let label = _ref3.label,
+      key = _ref3.key;
     return /*#__PURE__*/React.createElement("div", {
       key: key,
       className: "menu-item",
-      onClick: () => handlePresetDownload(key)
+      onClick: () => handlePresetDownload()
     }, label);
   }), /*#__PURE__*/React.createElement("div", {
     className: "custom-date-trigger",
@@ -8259,55 +8908,76 @@ const SupervisorDetailsCard = () => {
     className: "download-action-btn",
     onClick: handleCustomDownload
   }, t("DOWNLOAD") || "Download"))))), /*#__PURE__*/React.createElement("div", {
-    className: "stats-wrapper"
-  }, cards.map((card, idx) => /*#__PURE__*/React.createElement(StatCard, {
-    key: idx,
-    title: t(card.label),
-    value: card.count,
-    type: card.type,
-    color: card.color,
-    isLoading: isProgressLoading
-  }))), /*#__PURE__*/React.createElement("div", {
     className: "ekyc-dashboard-section"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ekyc-details-wrapper"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "details-left"
   }, /*#__PURE__*/React.createElement("div", {
     className: "details-grid"
   }, /*#__PURE__*/React.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"
-  }, t("MOBILE"), ":"), /*#__PURE__*/React.createElement("span", {
+  }, t("MOBILE")), /*#__PURE__*/React.createElement("span", {
     className: "value"
-  }, (supervisor === null || supervisor === void 0 ? void 0 : (_supervisor$owner6 = supervisor.owner) === null || _supervisor$owner6 === void 0 ? void 0 : _supervisor$owner6.mobileNumber) || (supervisor === null || supervisor === void 0 ? void 0 : supervisor.mobileNo) || "N/A")), /*#__PURE__*/React.createElement("div", {
+  }, mobileNumber)), /*#__PURE__*/React.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"
-  }, t("EMAIL"), ":"), /*#__PURE__*/React.createElement("span", {
+  }, t("EMAIL")), /*#__PURE__*/React.createElement("span", {
     className: "value"
-  }, (supervisor === null || supervisor === void 0 ? void 0 : (_supervisor$owner7 = supervisor.owner) === null || _supervisor$owner7 === void 0 ? void 0 : _supervisor$owner7.emailId) || "N/A")), /*#__PURE__*/React.createElement("div", {
+  }, email)), /*#__PURE__*/React.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"
-  }, t("GENDER"), ":"), /*#__PURE__*/React.createElement("span", {
+  }, t("GENDER")), /*#__PURE__*/React.createElement("span", {
     className: "value"
-  }, (supervisor === null || supervisor === void 0 ? void 0 : (_supervisor$owner8 = supervisor.owner) === null || _supervisor$owner8 === void 0 ? void 0 : _supervisor$owner8.gender) || "N/A")), /*#__PURE__*/React.createElement("div", {
+  }, gender)), /*#__PURE__*/React.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"
-  }, t("STATUS"), ":"), /*#__PURE__*/React.createElement("span", {
+  }, t("STATUS")), /*#__PURE__*/React.createElement("span", {
     className: "value"
-  }, (supervisor === null || supervisor === void 0 ? void 0 : supervisor.status) || "N/A")), /*#__PURE__*/React.createElement("div", {
+  }, status)), /*#__PURE__*/React.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"
-  }, t("SERVICE_TYPE"), ":"), /*#__PURE__*/React.createElement("span", {
+  }, t("ASSIGNED_ZONE") || "Assigned Zone"), /*#__PURE__*/React.createElement("span", {
     className: "value"
-  }, (supervisor === null || supervisor === void 0 ? void 0 : (_supervisor$additiona = supervisor.additionalDetails) === null || _supervisor$additiona === void 0 ? void 0 : _supervisor$additiona.serviceType) || "N/A")), /*#__PURE__*/React.createElement("div", {
+  }, assignedZone)), /*#__PURE__*/React.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"
-  }, t("VENDOR_NAME") || "Vendor Name", ":"), /*#__PURE__*/React.createElement("span", {
+  }, t("VENDOR_NAME") || "Vendor Name"), /*#__PURE__*/React.createElement("span", {
     className: "value"
-  }, vendorName)))), /*#__PURE__*/React.createElement(Card, {
+  }, vendorName)))), /*#__PURE__*/React.createElement("div", {
+    className: "details-right"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "download-card"
+  }, /*#__PURE__*/React.createElement("h4", null, t("DOWNLOAD_EKYC_DATA") || "Download eKYC Data"), /*#__PURE__*/React.createElement("p", null, t("DOWNLOAD_EKYC_DATA_DESC") || "Export the complete eKYC verification records for your assigned jurisdiction into Excel format."), /*#__PURE__*/React.createElement("button", {
+    className: "download-excel-btn",
+    disabled: ekycDownloadLoading,
+    onClick: handleDownloadEkycData
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"
+  }), /*#__PURE__*/React.createElement("polyline", {
+    points: "7 10 12 15 17 10"
+  }), /*#__PURE__*/React.createElement("line", {
+    x1: "12",
+    y1: "15",
+    x2: "12",
+    y2: "3"
+  })), ekycDownloadLoading ? t("DOWNLOADING") || "Downloading..." : t("DOWNLOAD_EXCEL") || "Download Excel"))))), /*#__PURE__*/React.createElement(Card, {
     className: "dashboard-card"
   }, /*#__PURE__*/React.createElement(Table, {
     t: t,
@@ -8315,7 +8985,7 @@ const SupervisorDetailsCard = () => {
     tableClass: "ekycTable",
     data: paginatedSurveyors,
     columns: surveyorColumns,
-    isLoading: isSurveyorsLoading,
+    isLoading: isProgressLoading,
     totalRecords: surveyors.length,
     currentPage: currentPage,
     pageSizeLimit: pageSize,
@@ -8662,6 +9332,10 @@ const CitizenApp = () => {
       crumbs.push({
         label: t("EKYC_SURVEYOR_DASHBOARD")
       });
+    } else if (pathname.includes("/vendor-dashboard")) {
+      crumbs.push({
+        label: t("EKYC_VENDOR_DASHBOARD") || "Vendor Dashboard"
+      });
     } else if (pathname.includes("/dashboard")) {
       crumbs.push({
         label: t("EKYC_DASHBOARD")
@@ -8716,10 +9390,10 @@ const CitizenApp = () => {
       layoutClass: "normal"
     }, /*#__PURE__*/React.createElement(Home, null))
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
-    path: path + "/dashboard",
+    path: [path + "/vendor-dashboard/:vendorId", path + "/vendor-dashboard", path + "/dashboard"],
     component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
       layoutClass: "normal"
-    }, /*#__PURE__*/React.createElement(VendorDetails, null))
+    }, /*#__PURE__*/React.createElement(VendorDetailsCard, null))
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: path + "/inbox",
     component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {