@djb25/digit-ui-module-ekyc 1.0.46 → 1.0.48

package/dist/index.js

@@ -8,7 +8,6 @@ var digitUiReactComponents = require('@djb25/digit-ui-react-components');
 var Chartjs = require('chart.js/auto');
 var Chartjs__default = _interopDefault(Chartjs);
 var fa = require('react-icons/fa');
-var recharts = require('recharts');
 
 const EKYCCard = () => {
   var _Digit$SessionStorage, _Digit$SessionStorage2;
@@ -73,9 +72,6 @@ const EKYCCard = () => {
     }
   } else {
     links = [{
-      label: t("CEO_M.F_DOR_FINANCE_VIEW"),
-      link: prefix + "/ceo-dashboard"
-    }, {
       label: t("EKYC_ADMIN_DASHBOARD") || "Admin Dashboard",
       link: prefix + "/admin-dashboard"
     }, {
@@ -143,13 +139,14 @@ const StatusCards = _ref => {
   }
   const loggedInUser = (_Digit$SessionStorage = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage === void 0 ? void 0 : _Digit$SessionStorage.info;
   const fullName = (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.name) || "Admin";
+  const hasExternalData = countData && typeof countData.total === "number" && typeof countData.submittedCount === "number";
   const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycSurveyorDashboard({}, {
       tenantId,
       offset: 0,
       limit: 10,
       ekycStatus: "submitted"
     }, {
-      enabled: !!tenantId
+      enabled: !!tenantId && !hasExternalData
     }),
     dashboardData = _Digit$Hooks$ekyc$use.data;
   const apiCountData = React__default.useMemo(() => {
@@ -246,12 +243,12 @@ const StatusCards = _ref => {
   };
   const chartRef1 = React.useRef(null);
   const chartInstance1 = React.useRef(null);
-  const total = (apiCountData === null || apiCountData === void 0 ? void 0 : apiCountData.total) || (countData === null || countData === void 0 ? void 0 : countData.total) || (countData === null || countData === void 0 ? void 0 : countData.totalCount) || 0;
-  const pending = (apiCountData === null || apiCountData === void 0 ? void 0 : apiCountData.pending) || (countData === null || countData === void 0 ? void 0 : countData.pending) || 0;
-  const active = (apiCountData === null || apiCountData === void 0 ? void 0 : apiCountData.active) || (countData === null || countData === void 0 ? void 0 : countData.active) || 0;
-  const completed = (apiCountData === null || apiCountData === void 0 ? void 0 : apiCountData.completed) || (countData === null || countData === void 0 ? void 0 : countData.completed) || 0;
-  const inprocess = (apiCountData === null || apiCountData === void 0 ? void 0 : apiCountData.inProgressCount) || (countData === null || countData === void 0 ? void 0 : countData.inProgressCount) || 0;
-  const submitted = (apiCountData === null || apiCountData === void 0 ? void 0 : apiCountData.submittedCount) || (countData === null || countData === void 0 ? void 0 : countData.submittedCount) || 0;
+  const total = hasExternalData ? countData.total : (apiCountData === null || apiCountData === void 0 ? void 0 : apiCountData.total) || (countData === null || countData === void 0 ? void 0 : countData.total) || (countData === null || countData === void 0 ? void 0 : countData.totalCount) || 0;
+  const pending = hasExternalData ? countData.pending : (apiCountData === null || apiCountData === void 0 ? void 0 : apiCountData.pending) || (countData === null || countData === void 0 ? void 0 : countData.pending) || 0;
+  const active = hasExternalData ? countData.active : (apiCountData === null || apiCountData === void 0 ? void 0 : apiCountData.active) || (countData === null || countData === void 0 ? void 0 : countData.active) || 0;
+  const completed = hasExternalData ? countData.completed : (apiCountData === null || apiCountData === void 0 ? void 0 : apiCountData.completed) || (countData === null || countData === void 0 ? void 0 : countData.completed) || 0;
+  const inprocess = hasExternalData ? countData.inProgressCount : (apiCountData === null || apiCountData === void 0 ? void 0 : apiCountData.inProgressCount) || (countData === null || countData === void 0 ? void 0 : countData.inProgressCount) || 0;
+  const submitted = hasExternalData ? countData.submittedCount : (apiCountData === null || apiCountData === void 0 ? void 0 : apiCountData.submittedCount) || (countData === null || countData === void 0 ? void 0 : countData.submittedCount) || 0;
   const actualCompleted = completed;
   const approved = actualCompleted;
   const efficiency = total > 0 ? Math.round((submitted + completed) / total * 100) : 0;
@@ -439,7 +436,9 @@ const Dashboard = () => {
       completed: info.completed || 0,
       pending: info.pending || 0,
       rejected: info.rejected || 0,
-      active: info.active || 0
+      active: info.active || 0,
+      submittedCount: info.submittedCount || 0,
+      inProgressCount: info.inProgressCount || 0
     };
   }, [dashboardData]);
   return isLoading ? /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null) : /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
@@ -1358,452 +1357,6 @@ const ekycMockData = {
   }]
 };
 
-const ExecutiveLineChart = _ref => {
-  let _ref$data = _ref.data,
-    data = _ref$data === void 0 ? [] : _ref$data;
-  const formattedData = data.map(item => _extends({}, item, {
-    agencyKyc: item.completed || 0,
-    selfKyc: Math.round((item.completed || 0) * 0.42),
-    totalKyc: (item.completed || 0) + Math.round((item.completed || 0) * 0.42)
-  }));
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "chart-card executive-line-chart"
-  }, /*#__PURE__*/React__default.createElement(recharts.ResponsiveContainer, {
-    width: "100%",
-    height: 340
-  }, /*#__PURE__*/React__default.createElement(recharts.LineChart, {
-    data: formattedData,
-    margin: {
-      top: 20,
-      right: 12,
-      left: 0,
-      bottom: 0
-    }
-  }, /*#__PURE__*/React__default.createElement(recharts.CartesianGrid, {
-    stroke: "#e2e8f0",
-    strokeDasharray: "3 3",
-    vertical: false
-  }), /*#__PURE__*/React__default.createElement(recharts.XAxis, {
-    dataKey: "label",
-    axisLine: false,
-    tickLine: false,
-    tick: {
-      fill: "#64748b",
-      fontSize: 12,
-      fontWeight: 600
-    }
-  }), /*#__PURE__*/React__default.createElement(recharts.YAxis, {
-    axisLine: false,
-    tickLine: false,
-    tick: {
-      fill: "#64748b",
-      fontSize: 12
-    }
-  }), /*#__PURE__*/React__default.createElement(recharts.Tooltip, {
-    cursor: {
-      stroke: "#cbd5e1",
-      strokeWidth: 1
-    },
-    contentStyle: {
-      background: "#ffffff",
-      border: "1px solid #e2e8f0",
-      borderRadius: 18,
-      boxShadow: "0 10px 30px rgba(15,23,42,0.08)"
-    },
-    labelStyle: {
-      color: "#0f172a",
-      fontWeight: 700,
-      marginBottom: 10
-    }
-  }), /*#__PURE__*/React__default.createElement(recharts.Legend, {
-    verticalAlign: "top",
-    align: "right",
-    iconType: "circle",
-    wrapperStyle: {
-      paddingBottom: 18,
-      color: "#475569",
-      fontWeight: 600
-    }
-  }), /*#__PURE__*/React__default.createElement(recharts.Line, {
-    type: "monotone",
-    dataKey: "totalKyc",
-    name: "Total eKYC",
-    stroke: "#0f172a",
-    strokeWidth: 4,
-    dot: false,
-    activeDot: {
-      r: 6
-    }
-  }), /*#__PURE__*/React__default.createElement(recharts.Line, {
-    type: "monotone",
-    dataKey: "agencyKyc",
-    name: "Agency eKYC",
-    stroke: "#3b82f6",
-    strokeWidth: 3,
-    dot: {
-      r: 3
-    },
-    activeDot: {
-      r: 6
-    }
-  }), /*#__PURE__*/React__default.createElement(recharts.Line, {
-    type: "monotone",
-    dataKey: "selfKyc",
-    name: "Self eKYC",
-    stroke: "#10b981",
-    strokeWidth: 3,
-    dot: {
-      r: 3
-    },
-    activeDot: {
-      r: 6
-    }
-  }))));
-};
-
-const ExecutiveBarChart = _ref => {
-  let _ref$data = _ref.data,
-    data = _ref$data === void 0 ? [] : _ref$data,
-    _ref$categories = _ref.categories,
-    categories = _ref$categories === void 0 ? [] : _ref$categories,
-    _ref$xKey = _ref.xKey,
-    xKey = _ref$xKey === void 0 ? "label" : _ref$xKey;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "chart-card",
-    style: {
-      minHeight: 320
-    }
-  }, /*#__PURE__*/React__default.createElement(recharts.ResponsiveContainer, {
-    width: "100%",
-    height: 320
-  }, /*#__PURE__*/React__default.createElement(recharts.BarChart, {
-    data: data,
-    margin: {
-      top: 12,
-      right: 16,
-      left: 0,
-      bottom: 0
-    }
-  }, /*#__PURE__*/React__default.createElement(recharts.CartesianGrid, {
-    stroke: "rgba(148, 163, 184, 0.12)",
-    strokeDasharray: "4 4"
-  }), /*#__PURE__*/React__default.createElement(recharts.XAxis, {
-    dataKey: xKey,
-    axisLine: false,
-    tickLine: false,
-    tick: {
-      fill: "#cbd5e1"
-    }
-  }), /*#__PURE__*/React__default.createElement(recharts.YAxis, {
-    axisLine: false,
-    tickLine: false,
-    tick: {
-      fill: "#cbd5e1"
-    }
-  }), /*#__PURE__*/React__default.createElement(recharts.Tooltip, {
-    contentStyle: {
-      background: "#0f172a",
-      border: "none",
-      borderRadius: 14
-    },
-    itemStyle: {
-      color: "#f8fafc"
-    }
-  }), /*#__PURE__*/React__default.createElement(recharts.Legend, {
-    verticalAlign: "top",
-    align: "right",
-    iconType: "circle",
-    wrapperStyle: {
-      color: "#cbd5e1"
-    }
-  }), categories.map((series, index) => /*#__PURE__*/React__default.createElement(recharts.Bar, {
-    key: series.key,
-    dataKey: series.key,
-    name: series.name,
-    fill: index === 0 ? "#34d399" : "#60a5fa",
-    radius: [12, 12, 0, 0],
-    barSize: 24
-  })))));
-};
-
-const colors = ["#22c55e", "#38bdf8", "#f97316", "#facc15", "#f43f5e"];
-const ExecutivePieChart = _ref => {
-  let _ref$data = _ref.data,
-    data = _ref$data === void 0 ? [] : _ref$data,
-    _ref$dataKey = _ref.dataKey,
-    dataKey = _ref$dataKey === void 0 ? "value" : _ref$dataKey,
-    _ref$labelKey = _ref.labelKey,
-    labelKey = _ref$labelKey === void 0 ? "label" : _ref$labelKey;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "chart-card",
-    style: {
-      minHeight: 320
-    }
-  }, /*#__PURE__*/React__default.createElement(recharts.ResponsiveContainer, {
-    width: "100%",
-    height: 320
-  }, /*#__PURE__*/React__default.createElement(recharts.PieChart, null, /*#__PURE__*/React__default.createElement(recharts.Pie, {
-    data: data,
-    dataKey: dataKey,
-    nameKey: labelKey,
-    cx: "50%",
-    cy: "50%",
-    outerRadius: 110,
-    innerRadius: 60,
-    paddingAngle: 3,
-    label: {
-      fill: "#f8fafc",
-      fontSize: 12
-    }
-  }, data.map((entry, index) => /*#__PURE__*/React__default.createElement(recharts.Cell, {
-    key: "cell-" + index,
-    fill: colors[index % colors.length]
-  }))), /*#__PURE__*/React__default.createElement(recharts.Tooltip, {
-    contentStyle: {
-      background: "#0f172a",
-      border: "none",
-      borderRadius: 14,
-      color: "#f8fafc"
-    }
-  }), /*#__PURE__*/React__default.createElement(recharts.Legend, {
-    verticalAlign: "bottom",
-    align: "center",
-    iconType: "circle",
-    wrapperStyle: {
-      color: "#cbd5e1",
-      marginTop: 10
-    }
-  }))));
-};
-
-const CeoDashboard = () => {
-  var _topKpis$todayEkyc;
-  const history = reactRouterDom.useHistory();
-  const location = reactRouterDom.useLocation();
-  const _useState = React.useState(""),
-    query = _useState[0],
-    setQuery = _useState[1];
-  const _useState2 = React.useState("All"),
-    statusFilter = _useState2[0],
-    setStatusFilter = _useState2[1];
-  const basePath = location.pathname.replace(/\/ceo-dashboard$/, "");
-  const filters = ["All", "High Priority", "Stable", "Watchlist"];
-  const vendors = React.useMemo(() => ekycMockData.vendors || [], []);
-  const topKpis = React.useMemo(() => ekycMockData.topKpis || {}, []);
-  const dailyTrend = React.useMemo(() => ekycMockData.dailyTrend || [], []);
-  const selfVsAgency = React.useMemo(() => ekycMockData.selfVsAgency || [], []);
-  const pendingVsCompleted = React.useMemo(() => ekycMockData.pendingVsCompleted || [], []);
-  const filteredVendors = React.useMemo(() => {
-    return vendors.filter(vendor => {
-      if (statusFilter === "High Priority") return vendor.successRate < 70;
-      if (statusFilter === "Watchlist") return vendor.pending > 35000;
-      if (statusFilter === "Stable") return vendor.successRate >= 70;
-      return true;
-    }).filter(vendor => {
-      if (!query) return true;
-      const keyword = query.toLowerCase();
-      return vendor.name.toLowerCase().includes(keyword) || vendor.jurisdictions.some(zone => zone.toLowerCase().includes(keyword)) || vendor.zones.some(zone => {
-        var _zone$location;
-        return (_zone$location = zone.location) === null || _zone$location === void 0 ? void 0 : _zone$location.toLowerCase().includes(keyword);
-      });
-    });
-  }, [vendors, query, statusFilter]);
-  const zoneRows = React.useMemo(() => {
-    return vendors.flatMap(vendor => vendor.zones.map(zone => _extends({}, zone, {
-      agency: vendor.name
-    }))).filter(row => row.location).sort((a, b) => (b.activeDemand || 0) - (a.activeDemand || 0));
-  }, [vendors]);
-  const alerts = ["North East District has 22% more pending accounts than last week", "Agency 2 has a 12% improvement opportunity in Self eKYC adoption", "Urgent: 18 supervisor escalations raised for NWS Bhera Enclave", "Risk alert: Rejection trends are rising in Outer North clusters"];
-  const routeToVendor = vendorId => {
-    history.push(basePath + "/vendors/" + vendorId);
-  };
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "ekyc-dashboard-wrapper"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "dashboard-shell"
-  }, /*#__PURE__*/React__default.createElement("section", {
-    className: "kpi-grid"
-  }, [{
-    title: "Total Water Connections",
-    value: topKpis.totalWaterConnections,
-    icon: /*#__PURE__*/React__default.createElement(fa.FaUsers, null),
-    variant: "primary"
-  }, {
-    title: "Total eKYC Completed",
-    value: topKpis.totalEkycCompleted,
-    icon: /*#__PURE__*/React__default.createElement(fa.FaCheckCircle, null),
-    variant: "success"
-  }, {
-    title: "Total Pending",
-    value: topKpis.totalPending,
-    icon: /*#__PURE__*/React__default.createElement(fa.FaClock, null),
-    variant: "warning"
-  }, {
-    title: "Total Rejected",
-    value: topKpis.totalRejected,
-    icon: /*#__PURE__*/React__default.createElement(fa.FaExclamationTriangle, null),
-    variant: "danger"
-  }, {
-    title: "Agency eKYC Completed",
-    value: topKpis.agencyEkycCompleted,
-    icon: /*#__PURE__*/React__default.createElement(fa.FaUserTie, null),
-    variant: "info"
-  }, {
-    title: "Citizen Self eKYC Completed",
-    value: topKpis.citizenSelfEkycCompleted,
-    icon: /*#__PURE__*/React__default.createElement(fa.FaUsers, null),
-    variant: "secondary"
-  }, {
-    title: "Today's eKYC",
-    value: topKpis.todaysEkyc,
-    icon: /*#__PURE__*/React__default.createElement(fa.FaChartLine, null),
-    variant: "muted"
-  }, {
-    title: "Success Rate",
-    value: topKpis.successRate + "%",
-    icon: /*#__PURE__*/React__default.createElement(fa.FaCheckCircle, null),
-    variant: "success"
-  }, {
-    title: "Rejection Percentage",
-    value: topKpis.rejectionPercentage + "%",
-    icon: /*#__PURE__*/React__default.createElement(fa.FaExclamationTriangle, null),
-    variant: "danger"
-  }].map(card => {
-    var _card$value$toLocaleS, _card$value, _card$value$toLocaleS2;
-    return /*#__PURE__*/React__default.createElement("article", {
-      key: card.title,
-      className: "kpi-card card-" + card.variant
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "kpi-icon"
-    }, card.icon), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("p", {
-      className: "kpi-title"
-    }, card.title), /*#__PURE__*/React__default.createElement("h2", null, (_card$value$toLocaleS = (_card$value = card.value) === null || _card$value === void 0 ? void 0 : (_card$value$toLocaleS2 = _card$value.toLocaleString) === null || _card$value$toLocaleS2 === void 0 ? void 0 : _card$value$toLocaleS2.call(_card$value)) != null ? _card$value$toLocaleS : card.value)));
-  })), /*#__PURE__*/React__default.createElement("section", {
-    className: "vendor-section"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "section-top"
-  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h2", null, "Agency Performance Snapshot"), /*#__PURE__*/React__default.createElement("p", null, "Search, filter, and navigate into detailed analytics for every assigned vendor.")), /*#__PURE__*/React__default.createElement("div", {
-    className: "vendor-filters"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "search-box"
-  }, /*#__PURE__*/React__default.createElement(fa.FaSearch, null), /*#__PURE__*/React__default.createElement("input", {
-    type: "text",
-    placeholder: "Search agency, jurisdiction, location",
-    value: query,
-    onChange: e => setQuery(e.target.value)
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "status-pill-group"
-  }, filters.map(status => /*#__PURE__*/React__default.createElement("button", {
-    key: status,
-    className: "status-pill " + (statusFilter === status ? "active" : ""),
-    onClick: () => setStatusFilter(status)
-  }, status))))), /*#__PURE__*/React__default.createElement("div", {
-    className: "vendor-grid"
-  }, filteredVendors.map(vendor => /*#__PURE__*/React__default.createElement("div", {
-    key: vendor.id,
-    className: "vendor-card glass-card",
-    onClick: () => routeToVendor(vendor.id)
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "vendor-card-top"
-  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("p", {
-    className: "vendor-chip"
-  }, vendor.name), /*#__PURE__*/React__default.createElement("h3", null, vendor.assignedConnections.toLocaleString()), /*#__PURE__*/React__default.createElement("p", {
-    className: "vendor-subtitle"
-  }, "Assigned connections across ", vendor.jurisdictions.length, " jurisdiction(s)")), /*#__PURE__*/React__default.createElement("div", {
-    className: "vendor-progress-value"
-  }, vendor.progress, "%")), /*#__PURE__*/React__default.createElement("div", {
-    className: "progress-bar"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "progress-fill",
-    style: {
-      width: vendor.progress + "%"
-    }
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "vendor-stats-grid"
-  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("strong", null, vendor.completedEkyc.toLocaleString()), /*#__PURE__*/React__default.createElement("span", null, "Agency eKYC")), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("strong", null, vendor.selfEkyc.toLocaleString()), /*#__PURE__*/React__default.createElement("span", null, "Self eKYC")), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("strong", null, vendor.pending.toLocaleString()), /*#__PURE__*/React__default.createElement("span", null, "Pending")), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("strong", null, vendor.rejected.toLocaleString()), /*#__PURE__*/React__default.createElement("span", null, "Rejected"))), /*#__PURE__*/React__default.createElement("div", {
-    className: "vendor-card-footer"
-  }, /*#__PURE__*/React__default.createElement("span", null, vendor.activeSurveyors, " Surveyors"), /*#__PURE__*/React__default.createElement("span", null, vendor.supervisors, " Supervisors"), /*#__PURE__*/React__default.createElement("span", null, vendor.jurisdictions.join(", "))), /*#__PURE__*/React__default.createElement("div", {
-    className: "vendor-card-action"
-  }, /*#__PURE__*/React__default.createElement("span", null, "Explore analytics"), /*#__PURE__*/React__default.createElement(fa.FaArrowRight, null)))))), /*#__PURE__*/React__default.createElement("section", {
-    className: "analytics-grid"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "analytics-panel glass-card"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "section-header"
-  }, /*#__PURE__*/React__default.createElement("h2", null, "Daily eKYC Trend"), /*#__PURE__*/React__default.createElement("span", {
-    className: "badge success"
-  }, "Live index")), /*#__PURE__*/React__default.createElement(ExecutiveLineChart, {
-    data: dailyTrend,
-    dataKey: "completed",
-    name: "Completed"
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "analytics-panel glass-card"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "section-header"
-  }, /*#__PURE__*/React__default.createElement("h2", null, "Self vs Agency eKYC"), /*#__PURE__*/React__default.createElement("span", {
-    className: "badge info"
-  }, "Adoption")), /*#__PURE__*/React__default.createElement(ExecutiveBarChart, {
-    data: selfVsAgency,
-    categories: [{
-      key: "agency",
-      name: "Agency"
-    }, {
-      key: "citizen",
-      name: "Citizen"
-    }]
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "analytics-panel glass-card"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "section-header"
-  }, /*#__PURE__*/React__default.createElement("h2", null, "Pending vs Completed"), /*#__PURE__*/React__default.createElement("span", {
-    className: "badge warning"
-  }, "Operational pulse")), /*#__PURE__*/React__default.createElement(ExecutivePieChart, {
-    data: pendingVsCompleted,
-    dataKey: "completed",
-    labelKey: "label"
-  }))), /*#__PURE__*/React__default.createElement("section", {
-    className: "zone-section"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "section-header"
-  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h2", null, /*#__PURE__*/React__default.createElement(fa.FaMapMarkedAlt, null), " Jurisdiction Performance"), /*#__PURE__*/React__default.createElement("p", null, "Top zones evaluated from the full agency dataset.")), /*#__PURE__*/React__default.createElement("button", {
-    className: "secondary-button"
-  }, "Export Zone Data")), /*#__PURE__*/React__default.createElement("div", {
-    className: "table-wrapper glass-card"
-  }, /*#__PURE__*/React__default.createElement("table", null, /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("th", null, "Agency"), /*#__PURE__*/React__default.createElement("th", null, "Location"), /*#__PURE__*/React__default.createElement("th", null, "District"), /*#__PURE__*/React__default.createElement("th", null, "Assigned"), /*#__PURE__*/React__default.createElement("th", null, "Agency eKYC"), /*#__PURE__*/React__default.createElement("th", null, "Pending"), /*#__PURE__*/React__default.createElement("th", null, "Progress"))), /*#__PURE__*/React__default.createElement("tbody", null, zoneRows.slice(0, 10).map((zone, index) => {
-    var _zone$activeDemand$to, _zone$activeDemand, _zone$pppZones$toLoca, _zone$pppZones, _zone$inactiveDemand$, _zone$inactiveDemand;
-    return /*#__PURE__*/React__default.createElement("tr", {
-      key: zone.agency + "-" + zone.location + "-" + index
-    }, /*#__PURE__*/React__default.createElement("td", null, zone.agency), /*#__PURE__*/React__default.createElement("td", null, zone.location), /*#__PURE__*/React__default.createElement("td", null, zone.district || zone.cluster), /*#__PURE__*/React__default.createElement("td", null, (_zone$activeDemand$to = (_zone$activeDemand = zone.activeDemand) === null || _zone$activeDemand === void 0 ? void 0 : _zone$activeDemand.toLocaleString()) != null ? _zone$activeDemand$to : "—"), /*#__PURE__*/React__default.createElement("td", null, (_zone$pppZones$toLoca = (_zone$pppZones = zone.pppZones) === null || _zone$pppZones === void 0 ? void 0 : _zone$pppZones.toLocaleString()) != null ? _zone$pppZones$toLoca : "—"), /*#__PURE__*/React__default.createElement("td", null, (_zone$inactiveDemand$ = (_zone$inactiveDemand = zone.inactiveDemand) === null || _zone$inactiveDemand === void 0 ? void 0 : _zone$inactiveDemand.toLocaleString()) != null ? _zone$inactiveDemand$ : "—"), /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement("span", {
-      className: "status-badge success"
-    }, Math.min(100, Math.round((zone.pppZones || 0) / Math.max(zone.activeDemand || 1, 1) * 100)), "%")));
-  }))))), /*#__PURE__*/React__default.createElement("section", {
-    className: "bottom-grid"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "alerts-panel glass-card"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "section-header"
-  }, /*#__PURE__*/React__default.createElement("h2", null, /*#__PURE__*/React__default.createElement(fa.FaExclamationTriangle, null), " Critical Alerts")), /*#__PURE__*/React__default.createElement("div", {
-    className: "alerts-list"
-  }, alerts.map(alert => /*#__PURE__*/React__default.createElement("div", {
-    key: alert,
-    className: "alert-card"
-  }, /*#__PURE__*/React__default.createElement(fa.FaExclamationTriangle, null), /*#__PURE__*/React__default.createElement("p", null, alert))))), /*#__PURE__*/React__default.createElement("div", {
-    className: "efficiency-panel glass-card"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "section-header"
-  }, /*#__PURE__*/React__default.createElement("h2", null, /*#__PURE__*/React__default.createElement(fa.FaUserTie, null), " Workforce & Efficiency")), /*#__PURE__*/React__default.createElement("div", {
-    className: "efficiency-grid"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "efficiency-box"
-  }, /*#__PURE__*/React__default.createElement("h3", null, "48"), /*#__PURE__*/React__default.createElement("p", null, "Supervisors Online")), /*#__PURE__*/React__default.createElement("div", {
-    className: "efficiency-box"
-  }, /*#__PURE__*/React__default.createElement("h3", null, "168"), /*#__PURE__*/React__default.createElement("p", null, "Surveyors Active")), /*#__PURE__*/React__default.createElement("div", {
-    className: "efficiency-box"
-  }, /*#__PURE__*/React__default.createElement("h3", null, (_topKpis$todayEkyc = topKpis.todayEkyc) === null || _topKpis$todayEkyc === void 0 ? void 0 : _topKpis$todayEkyc.toLocaleString()), /*#__PURE__*/React__default.createElement("p", null, "eKYC Completed Today")), /*#__PURE__*/React__default.createElement("div", {
-    className: "efficiency-box"
-  }, /*#__PURE__*/React__default.createElement("h3", null, topKpis.successRate, "%"), /*#__PURE__*/React__default.createElement("p", null, "Operational Efficiency")))))));
-};
-
 const downloadSurveyorPDF = function (_ref) {
   let rows = _ref.rows,
     surveyorName = _ref.surveyorName,
@@ -2142,14 +1695,16 @@ const VendorDetailsCard = () => {
   const _Digit$Hooks$fsm$useD = Digit.Hooks.fsm.useDsoSearch(tenantId, {
       status: "ACTIVE"
     }, {
-      enabled: !!tenantId
+      enabled: !!tenantId,
+      staleTime: 300000
     }),
     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
+      enabled: !!tenantId,
+      staleTime: 300000
     }),
     supervisorSearchResponse = _Digit$Hooks$fsm$useS.data,
     isSupervisorSearchLoading = _Digit$Hooks$fsm$useS.isLoading;
@@ -2237,7 +1792,7 @@ const VendorDetailsCard = () => {
   }, [vendor]);
   const zoneIds = React.useMemo(() => {
     var _vendor$zoneIds;
-    return vendor !== null && vendor !== void 0 && (_vendor$zoneIds = vendor.zoneIds) !== null && _vendor$zoneIds !== void 0 && _vendor$zoneIds.length ? vendor.zoneIds.map(zone => zone.toUpperCase().replace("", " ")).join(", ") : "N/A";
+    return vendor !== null && vendor !== void 0 && (_vendor$zoneIds = vendor.zoneIds) !== null && _vendor$zoneIds !== void 0 && _vendor$zoneIds.length ? vendor.zoneIds.filter(Boolean).map(zone => String(zone).toUpperCase().replace("", " ")).join(", ") : "N/A";
   }, [vendor]);
   const cards = React.useMemo(() => {
     const hasRealData = vendorSupervisors.some(s => s.totalKnos > 0);
@@ -3239,9 +2794,29 @@ const useInboxMobileCardsData = _ref => {
   };
 };
 
-const Inbox = _ref => {
+const StatCard = _ref => {
+  let title = _ref.title,
+    value = _ref.value,
+    type = _ref.type,
+    isLoading = _ref.isLoading,
+    icon = _ref.icon;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "stat-card " + type
+  }, isLoading ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+    className: "stat-title skeleton skeleton-text"
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "stat-value skeleton skeleton-number"
+  })) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+    className: "stat-title"
+  }, title), /*#__PURE__*/React__default.createElement("div", {
+    className: "stat-value"
+  }, value), icon && /*#__PURE__*/React__default.createElement("div", {
+    className: "stat-icon"
+  }, icon)));
+};
+const Inbox = _ref2 => {
   var _formState$tableForm3, _formState$tableForm4, _formState$searchForm3, _formState$searchForm4;
-  let parentRoute = _ref.parentRoute;
+  let parentRoute = _ref2.parentRoute;
   const tenantId = Digit.ULBService.getCurrentTenantId();
   const location = reactRouterDom.useLocation();
   const formInitValue = {
@@ -3278,6 +2853,12 @@ const Inbox = _ref => {
     isListLoading = _Digit$Hooks$ekyc$use.isLoading,
     _Digit$Hooks$ekyc$use2 = _Digit$Hooks$ekyc$use.data,
     listData = _Digit$Hooks$ekyc$use2 === void 0 ? {} : _Digit$Hooks$ekyc$use2;
+  const _Digit$Hooks$ekyc$use3 = Digit.Hooks.ekyc.useEkycAssignmentProgress({
+      enabled: !!tenantId,
+      keepPreviousData: true
+    }),
+    isProgressLoading = _Digit$Hooks$ekyc$use3.isLoading,
+    progressData = _Digit$Hooks$ekyc$use3.data;
   const searchDetails = React.useMemo(() => {
     var _formState$searchForm, _formState$searchForm2;
     return {
@@ -3286,15 +2867,15 @@ const Inbox = _ref => {
     };
   }, [formState === null || formState === void 0 ? void 0 : (_formState$searchForm3 = formState.searchForm) === null || _formState$searchForm3 === void 0 ? void 0 : _formState$searchForm3.kNumber, formState === null || formState === void 0 ? void 0 : (_formState$searchForm4 = formState.searchForm) === null || _formState$searchForm4 === void 0 ? void 0 : _formState$searchForm4.kName]);
   const isSearchActive = !!(searchDetails.kno || searchDetails.name);
-  const _Digit$Hooks$ekyc$use3 = Digit.Hooks.ekyc.useSearchConnection({
+  const _Digit$Hooks$ekyc$use4 = Digit.Hooks.ekyc.useSearchConnection({
       tenantId,
       details: searchDetails
     }, {
       enabled: !!tenantId && !!searchDetails.kno,
       keepPreviousData: true
     }),
-    isSearchLoading = _Digit$Hooks$ekyc$use3.isLoading,
-    searchData = _Digit$Hooks$ekyc$use3.data;
+    isSearchLoading = _Digit$Hooks$ekyc$use4.isLoading,
+    searchData = _Digit$Hooks$ekyc$use4.data;
   const sourceData = React.useMemo(() => {
     if (isSearchActive) {
       if (!searchData) return [];
@@ -3332,12 +2913,67 @@ const Inbox = _ref => {
       });
     });
   }, [sourceData]);
+  const _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  const supervisor = React.useMemo(() => {
+    var _Digit$SessionStorage, _loggedInUser$roles;
+    const loggedInUser = (_Digit$SessionStorage = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage === void 0 ? void 0 : _Digit$SessionStorage.info;
+    const roles = (loggedInUser === null || loggedInUser === void 0 ? void 0 : (_loggedInUser$roles = loggedInUser.roles) === null || _loggedInUser$roles === void 0 ? void 0 : _loggedInUser$roles.map(ele => ele.code)) || [];
+    if (roles.includes("EKYC_SUPERVISOR")) {
+      const targetId = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.uuid;
+      if (progressData !== null && progressData !== void 0 && progressData.supervisorReport && targetId) {
+        const report = progressData.supervisorReport.find(s => {
+          var _s$supervisorId, _s$id;
+          return ((_s$supervisorId = s.supervisorId) === null || _s$supervisorId === void 0 ? void 0 : _s$supervisorId.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase()) || ((_s$id = s.id) === null || _s$id === void 0 ? void 0 : _s$id.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase());
+        });
+        if (report) return report;
+      }
+    }
+    if (progressData !== null && progressData !== void 0 && progressData.supervisorReport) {
+      const totalKnos = progressData.supervisorReport.reduce((acc, r) => acc + (r.totalKnos || 0), 0);
+      const submittedKnos = progressData.supervisorReport.reduce((acc, r) => acc + (r.submittedKnos || 0), 0);
+      const pendingKnos = progressData.supervisorReport.reduce((acc, r) => acc + (r.pendingKnos || 0), 0);
+      const progressPercent = totalKnos > 0 ? Math.round(submittedKnos / totalKnos * 100) : 0;
+      return {
+        totalKnos,
+        submittedKnos,
+        pendingKnos,
+        progressPercent
+      };
+    }
+    return null;
+  }, [progressData]);
+  const cards = React.useMemo(() => [{
+    label: t("TOTAL_EKYC_APPLICATIONS"),
+    count: (supervisor === null || supervisor === void 0 ? void 0 : supervisor.totalKnos) || 0,
+    color: "#0B2559",
+    type: "today",
+    icon: /*#__PURE__*/React__default.createElement(fa.FaUsers, null)
+  }, {
+    label: t("EKYC_COMPLETED"),
+    count: (supervisor === null || supervisor === void 0 ? void 0 : supervisor.submittedKnos) || 0,
+    color: "#10B981",
+    type: "month",
+    icon: /*#__PURE__*/React__default.createElement(fa.FaCheckCircle, null)
+  }, {
+    label: t("PENDING_APPLICATIONS"),
+    count: (supervisor === null || supervisor === void 0 ? void 0 : supervisor.pendingKnos) || 0,
+    color: "#F59E0B",
+    type: "pending",
+    icon: /*#__PURE__*/React__default.createElement(fa.FaClock, null)
+  }, {
+    label: t("OVERALL_PROGRESS"),
+    count: ((supervisor === null || supervisor === void 0 ? void 0 : supervisor.progressPercent) || 0) + "%",
+    color: "#A855F7",
+    type: "progress",
+    icon: /*#__PURE__*/React__default.createElement(fa.FaChartLine, null)
+  }], [supervisor]);
   const totalRecords = (listData === null || listData === void 0 ? void 0 : listData.totalCount) || 0;
   const checkPathName = location.pathname.includes("ekyc/inbox");
-  const SearchFormFields = React.useCallback(_ref2 => {
-    let registerRef = _ref2.registerRef,
-      searchFormState = _ref2.searchFormState,
-      controlSearchForm = _ref2.controlSearchForm;
+  const SearchFormFields = React.useCallback(_ref3 => {
+    let registerRef = _ref3.registerRef,
+      searchFormState = _ref3.searchFormState,
+      controlSearchForm = _ref3.controlSearchForm;
     return /*#__PURE__*/React__default.createElement(SearchFormFieldsComponents, {
       registerRef,
       searchFormState,
@@ -3490,7 +3126,27 @@ const Inbox = _ref => {
   const isInboxLoading = isListLoading || isSearchLoading;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "app-container"
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.InboxComposer, _extends({
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "surveyor-dashboard",
+    style: {
+      overflowY: "visible",
+      marginBottom: "24px"
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "stats-wrapper",
+    style: {
+      display: "flex",
+      gap: "16px",
+      flexWrap: "wrap"
+    }
+  }, cards.map((card, idx) => /*#__PURE__*/React__default.createElement(StatCard, {
+    key: idx,
+    title: t(card.label),
+    value: card.count,
+    type: card.type,
+    isLoading: isProgressLoading,
+    icon: card.icon
+  })))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.InboxComposer, _extends({
     isInboxLoading
   }, propsForSearchForm, propsForMobileSortForm, {
     propsForInboxTable,
@@ -3502,939 +3158,206 @@ const Inbox = _ref => {
   })));
 };
 
-const MOCK_SURVEYORS = [{
-  name: "Amit Kumar",
-  id: "SVR001",
-  role: "Surveyor"
-}, {
-  name: "Sanjay Singh",
-  id: "SVR002",
-  role: "Surveyor"
-}, {
-  name: "Rahul Sharma",
-  id: "SVR003",
-  role: "Surveyor"
-}, {
-  name: "Priya Verma",
-  id: "SVR004",
-  role: "Surveyor"
-}];
-const MOCK_MRDS = [{
-  name: "MRD - 01 (Central Zone)",
-  code: "MRD01",
-  zone: "Central"
-}, {
-  name: "MRD - 02 (North Zone)",
-  code: "MRD02",
-  zone: "North"
-}, {
-  name: "MRD - 03 (South Zone)",
-  code: "MRD03",
-  zone: "South"
-}, {
-  name: "MRD - 04 (West Zone)",
-  code: "MRD04",
-  zone: "West"
-}, {
-  name: "MRD - 05 (East Zone)",
-  code: "MRD05",
-  zone: "East"
-}, {
-  name: "MRD - 06 (Rohini)",
-  code: "MRD06",
-  zone: "Rohini"
-}, {
-  name: "MRD - 07 (Dwarka)",
-  code: "MRD07",
-  zone: "Dwarka"
-}];
-const Mapping = () => {
-  const _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  const _useState = React.useState(null),
-    selectedSurveyor = _useState[0],
-    setSelectedSurveyor = _useState[1];
-  const _useState2 = React.useState(null),
-    selectedMRD = _useState2[0],
-    setSelectedMRD = _useState2[1];
-  const _useState3 = React.useState([]),
-    mappings = _useState3[0],
-    setMappings = _useState3[1];
-  const _useState4 = React.useState(null),
-    editingId = _useState4[0],
-    setEditingId = _useState4[1];
-  const _useState5 = React.useState(null),
-    editSurveyor = _useState5[0],
-    setEditSurveyor = _useState5[1];
-  const _useState6 = React.useState(null),
-    editMRD = _useState6[0],
-    setEditMRD = _useState6[1];
-  const _useState7 = React.useState(null),
-    deleteTarget = _useState7[0],
-    setDeleteTarget = _useState7[1];
-  const _useState8 = React.useState(null),
-    toast = _useState8[0],
-    setToast = _useState8[1];
-  const handleAddMapping = () => {
-    if (!selectedSurveyor || !selectedMRD) {
-      setToast({
-        type: "error",
-        message: t("EKYC_SELECT_BOTH_ERROR") || "Please select both Surveyor and MRD"
-      });
-      return;
-    }
-    const exists = mappings.some(m => m.surveyorId === selectedSurveyor.id && m.mrdCode === selectedMRD.code);
-    if (exists) {
-      setToast({
-        type: "warning",
-        message: t("EKYC_MAPPING_EXISTS") || "This mapping already exists"
-      });
-      return;
-    }
-    setMappings(prev => [...prev, {
-      id: Date.now(),
-      surveyorName: selectedSurveyor.name,
-      surveyorId: selectedSurveyor.id,
-      mrdName: selectedMRD.name,
-      mrdCode: selectedMRD.code,
-      zone: selectedMRD.zone
-    }]);
-    setSelectedMRD(null);
-    setSelectedSurveyor(null);
-    setToast({
-      type: "success",
-      message: t("EKYC_MAPPING_ADDED") || "Mapping added successfully"
-    });
-  };
-  const handleEditStart = row => {
-    setEditingId(row.id);
-    setEditSurveyor(MOCK_SURVEYORS.find(s => s.id === row.surveyorId) || null);
-    setEditMRD(MOCK_MRDS.find(m => m.code === row.mrdCode) || null);
+const ActionButton = _ref => {
+  let jumpTo = _ref.jumpTo,
+    state = _ref.state;
+  const history = reactRouterDom.useHistory();
+  function routeTo() {
+    history.push(jumpTo, _extends({}, state, {
+      isEditing: true
+    }));
+  }
+  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.LinkButton, {
+    label: /*#__PURE__*/React__default.createElement(digitUiReactComponents.EditIcon, {
+      style: {
+        width: "20px",
+        height: "20px",
+        fill: "#F47738"
+      }
+    }),
+    style: {
+      margin: 0,
+      padding: 0
+    },
+    onClick: routeTo
+  });
+};
+const checkForNA = value => value !== null && value !== undefined && value !== "" ? value : "N/A";
+const boolToYesNo = (value, t) => {
+  if (value === true || value === "true" || String(value).toLowerCase() === "yes") return t("CORE_COMMON_YES");
+  if (value === false || value === "false" || String(value).toLowerCase() === "no") return t("CORE_COMMON_NO");
+  if (value === "true") return t("CORE_COMMON_YES");
+  if (value === "false") return t("CORE_COMMON_NO");
+};
+const extractReviewData = (searchData, flowState) => {
+  const rawData = searchData && Object.keys(searchData).length > 0 ? searchData : (flowState === null || flowState === void 0 ? void 0 : flowState.reviewData) || {};
+  const reviewWrapper = (rawData === null || rawData === void 0 ? void 0 : rawData.applicationReviewInfo) || (rawData === null || rawData === void 0 ? void 0 : rawData.applicationReview) || rawData;
+  const applicationData = (Array.isArray(reviewWrapper) ? reviewWrapper[0] : reviewWrapper) || {};
+  return {
+    newData: (applicationData === null || applicationData === void 0 ? void 0 : applicationData.newData) || applicationData,
+    oldData: (applicationData === null || applicationData === void 0 ? void 0 : applicationData.oldData) || null
   };
-  const handleEditSave = id => {
-    if (!editSurveyor || !editMRD) {
-      setToast({
-        type: "error",
-        message: t("EKYC_SELECT_BOTH_ERROR") || "Please select both Surveyor and MRD to save"
-      });
-      return;
+};
+const ReviewSection = _ref2 => {
+  let title = _ref2.title,
+    fields = _ref2.fields,
+    newData = _ref2.newData,
+    oldData = _ref2.oldData,
+    t = _ref2.t,
+    jumpTo = _ref2.jumpTo,
+    state = _ref2.state,
+    hideEditButton = _ref2.hideEditButton;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "review-section-wrapper",
+    style: {
+      marginBottom: "48px",
+      background: "#fff",
+      borderRadius: "12px",
+      border: "1px solid #EAECF0",
+      overflow: "hidden"
     }
-    const duplicate = mappings.some(m => m.id !== id && m.surveyorId === editSurveyor.id && m.mrdCode === editMRD.code);
-    if (duplicate) {
-      setToast({
-        type: "warning",
-        message: t("EKYC_MAPPING_EXISTS") || "This mapping already exists"
-      });
-      return;
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      padding: "20px 24px",
+      background: "#F9FAFB",
+      borderBottom: "1px solid #EAECF0",
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center"
     }
-    setMappings(prev => prev.map(m => m.id !== id ? m : _extends({}, m, {
-      surveyorName: editSurveyor.name,
-      surveyorId: editSurveyor.id,
-      mrdName: editMRD.name,
-      mrdCode: editMRD.code,
-      zone: editMRD.zone
-    })));
-    setEditingId(null);
-    setToast({
-      type: "success",
-      message: t("EKYC_MAPPING_UPDATED") || "Mapping updated successfully"
-    });
-  };
-  const handleEditCancel = () => {
-    setEditingId(null);
-    setEditSurveyor(null);
-    setEditMRD(null);
-  };
-  const handleDeleteConfirm = () => {
-    setMappings(prev => prev.filter(m => m.id !== deleteTarget.id));
-    setDeleteTarget(null);
-    setToast({
-      type: "success",
-      message: t("EKYC_MAPPING_REMOVED") || "Mapping removed"
-    });
-  };
-  const handleSaveMappings = () => {
-    if (mappings.length === 0) {
-      setToast({
-        type: "error",
-        message: t("EKYC_NO_MAPPINGS_TO_SAVE") || "No mappings to save"
-      });
-      return;
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, {
+    style: {
+      margin: 0,
+      fontSize: "18px",
+      color: "#101828",
+      fontWeight: "700"
     }
-    setToast({
-      type: "success",
-      message: t("EKYC_MAPPINGS_SAVED_SUCCESS") || "Surveyor mappings saved successfully!"
-    });
-  };
-  const columns = React.useMemo(() => [{
-    Header: t("EKYC_SURVEYOR_NAME") || "Surveyor",
-    accessor: "surveyorName",
-    Cell: _ref => {
-      let row = _ref.row;
-      const isEditing = editingId === row.original.id;
-      if (isEditing) {
-        return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
-          selected: editSurveyor,
-          select: setEditSurveyor,
-          option: MOCK_SURVEYORS,
-          optionKey: "name",
-          t: t,
-          placeholder: t("EKYC_SELECT_SURVEYOR_PLACEHOLDER") || "Choose surveyor..."
-        });
-      }
-      return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("span", {
-        className: "link"
-      }, row.original.surveyorName), /*#__PURE__*/React__default.createElement("div", {
-        style: {
-          fontSize: "12px",
-          color: "#666"
-        }
-      }, row.original.surveyorId));
+  }, title), jumpTo && !hideEditButton && /*#__PURE__*/React__default.createElement(ActionButton, {
+    jumpTo: jumpTo,
+    state: state
+  })), /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      padding: "0 24px"
     }
-  }, {
-    Header: t("EKYC_MRD_ASSIGNED") || "MRD Assigned",
-    accessor: "mrdName",
-    Cell: _ref2 => {
-      let row = _ref2.row;
-      const isEditing = editingId === row.original.id;
-      if (isEditing) {
-        return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
-          selected: editMRD,
-          select: setEditMRD,
-          option: MOCK_MRDS,
-          optionKey: "name",
-          t: t,
-          placeholder: t("EKYC_SELECT_MRD_PLACEHOLDER") || "Choose MRD..."
-        });
-      }
-      return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("span", null, row.original.mrdName), /*#__PURE__*/React__default.createElement("div", {
-        style: {
-          fontSize: "12px",
-          color: "#666"
-        }
-      }, row.original.zone));
-    }
-  }, {
-    Header: t("ES_COMMON_ACTION") || "Actions",
-    Cell: _ref3 => {
-      let row = _ref3.row;
-      const isEditing = editingId === row.original.id;
-      if (isEditing) {
-        return /*#__PURE__*/React__default.createElement("div", {
-          style: {
-            display: "flex",
-            gap: "10px"
-          }
-        }, /*#__PURE__*/React__default.createElement("span", {
-          style: {
-            cursor: "pointer",
-            color: "#f47738",
-            fontWeight: "bold"
-          },
-          onClick: () => handleEditSave(row.original.id)
-        }, t("ES_COMMON_SAVE")), /*#__PURE__*/React__default.createElement("span", {
-          style: {
-            cursor: "pointer",
-            color: "#505A5F",
-            fontWeight: "bold"
-          },
-          onClick: handleEditCancel
-        }, t("ES_COMMON_CANCEL")));
-      }
-      return /*#__PURE__*/React__default.createElement("div", {
-        style: {
-          display: "flex",
-          gap: "16px"
-        }
-      }, /*#__PURE__*/React__default.createElement("span", {
-        onClick: () => handleEditStart(row.original),
-        style: {
-          cursor: "pointer"
-        }
-      }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.EditIcon, {
-        className: "icon",
-        fill: "#f47738"
-      })), /*#__PURE__*/React__default.createElement("span", {
-        onClick: () => setDeleteTarget(row.original),
-        style: {
-          cursor: "pointer"
-        }
-      }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.DeleteIcon, {
-        className: "icon",
-        fill: "#f47738"
-      })));
+  }, /*#__PURE__*/React__default.createElement("table", {
+    style: {
+      width: "100%",
+      borderCollapse: "collapse",
+      tableLayout: "fixed"
     }
-  }], [editingId, editSurveyor, editMRD, mappings, t]);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "side-panel-item"
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
-    className: "employeeCard filter inboxLinks",
+  }, /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("th", {
     style: {
-      marginTop: "16px"
+      padding: "16px 0",
+      textAlign: "left",
+      color: "#667085",
+      fontSize: "12px",
+      fontWeight: "600",
+      textTransform: "uppercase",
+      width: "30%"
     }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "complaint-links-container"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "header",
+  }, t("EKYC_FIELD_NAME")), /*#__PURE__*/React__default.createElement("th", {
     style: {
-      marginBottom: "0px"
+      padding: "16px 0",
+      textAlign: "left",
+      color: "#667085",
+      fontSize: "12px",
+      fontWeight: "600",
+      textTransform: "uppercase",
+      width: "35%"
     }
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "logo"
-  }, /*#__PURE__*/React__default.createElement("svg", {
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M4 19.5A2.5 2.5 0 0 1 6.5 17H20",
-    stroke: "white",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M6.5 2H20V22H6.5A2.5 2.5 0 0 1 4 19.5V4.5A2.5 2.5 0 0 1 6.5 2Z",
-    stroke: "white",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }))), /*#__PURE__*/React__default.createElement("span", {
-    className: "text"
-  }, t("EKYC_SURVEYOR_MAPPING") || "Surveyor Mapping"))))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, null, t("EKYC_NEW_MAPPING") || "New Mapping"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardText, null, t("EKYC_MAPPING_SUBHEADER") || "Assign Meter Reading Dairies to surveyors to manage their data access."), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("EKYC_SELECT_SURVEYOR") || "Select Surveyor", " *"), /*#__PURE__*/React__default.createElement("div", {
-    className: ""
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
-    selected: selectedSurveyor,
-    select: setSelectedSurveyor,
-    option: MOCK_SURVEYORS,
-    optionKey: "name",
-    t: t,
-    placeholder: t("EKYC_SELECT_SURVEYOR_PLACEHOLDER") || "Choose a surveyor..."
-  }))), /*#__PURE__*/React__default.createElement(digitUiReactComponents.LabelFieldPair, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardLabel, null, t("EKYC_SELECT_MRD") || "Select MRD", " *"), /*#__PURE__*/React__default.createElement("div", {
-    className: "field"
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.Dropdown, {
-    selected: selectedMRD,
-    select: setSelectedMRD,
-    option: MOCK_MRDS,
-    optionKey: "name",
-    t: t,
-    placeholder: t("EKYC_SELECT_MRD_PLACEHOLDER") || "Choose an MRD..."
-  }))), /*#__PURE__*/React__default.createElement("div", {
+  }, t("EKYC_EXISTING_INFORMATION")), /*#__PURE__*/React__default.createElement("th", {
     style: {
-      display: "flex",
-      justifyContent: "flex-end",
-      marginTop: "24px"
+      padding: "16px 0",
+      textAlign: "left",
+      color: "#667085",
+      fontSize: "12px",
+      fontWeight: "600",
+      textTransform: "uppercase",
+      width: "35%"
     }
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
-    label: t("EKYC_ADD_TO_LIST") || "Add to Mapping List",
-    onSubmit: handleAddMapping,
-    disabled: !selectedSurveyor || !selectedMRD
-  }))), mappings.length > 0 && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardHeader, null, t("EKYC_MAPPING_SUMMARY") || "Mapping Summary", " (", mappings.length, ")"), /*#__PURE__*/React__default.createElement(digitUiReactComponents.Table, {
-    t: t,
-    data: mappings,
-    columns: columns,
-    getCellProps: cellInfo => {
-      return {
-        style: {
-          padding: "10px",
-          fontSize: "16px"
-        }
-      };
-    },
-    tableClassName: "table digit-table"
-  })), mappings.length > 0 && /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
-    label: t("EKYC_SAVE_MAPPINGS") || "Save Mappings",
-    onSubmit: handleSaveMappings
-  })), deleteTarget && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
-    headerBarMain: t("EKYC_REMOVE_MAPPING") || "Remove Mapping",
-    headerBarEnd: /*#__PURE__*/React__default.createElement("span", {
-      onClick: () => setDeleteTarget(null),
+  }, t("EKYC_PROPOSED_UPDATES")))), /*#__PURE__*/React__default.createElement("tbody", null, fields.map((field, idx) => {
+    const valNew = newData === null || newData === void 0 ? void 0 : newData[field.key];
+    const valOld = oldData === null || oldData === void 0 ? void 0 : oldData[field.key];
+    const isChanged = oldData && String(valNew) !== String(valOld) && valOld !== undefined && valOld !== null;
+    return /*#__PURE__*/React__default.createElement("tr", {
+      key: idx,
       style: {
-        cursor: "pointer",
-        padding: "8px"
+        borderTop: "1px solid #F2F4F7"
       }
-    }, "X"),
-    actionSaveLabel: t("ES_COMMON_REMOVE"),
-    actionSaveOnSubmit: handleDeleteConfirm,
-    actionCancelLabel: t("ES_COMMON_CANCEL"),
-    actionCancelOnSubmit: () => setDeleteTarget(null),
-    style: {
-      borderRadius: "12px"
-    }
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardText, {
-    style: {
-      marginTop: "16px",
-      marginBottom: "16px"
-    }
-  }, t("EKYC_REMOVE_MAPPING_CONFIRM_MSG") || "Are you sure you want to remove the mapping between ", /*#__PURE__*/React__default.createElement("strong", null, deleteTarget === null || deleteTarget === void 0 ? void 0 : deleteTarget.surveyorName), " and ", /*#__PURE__*/React__default.createElement("strong", null, deleteTarget === null || deleteTarget === void 0 ? void 0 : deleteTarget.mrdName), "?")), toast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
-    label: toast.message,
-    error: toast.type === "error",
-    warning: toast.type === "warning",
-    info: toast.type === "info",
-    isDsc: true,
-    onClose: () => setToast(null)
-  }));
+    }, /*#__PURE__*/React__default.createElement("td", {
+      style: {
+        padding: "16px 0",
+        fontSize: "14px",
+        color: "#344054",
+        fontWeight: "500"
+      }
+    }, t(field.label)), /*#__PURE__*/React__default.createElement("td", {
+      style: {
+        padding: "16px 0",
+        fontSize: "14px",
+        color: "#667085"
+      }
+    }, field.isBool ? boolToYesNo(valOld, t) : checkForNA(valOld)), /*#__PURE__*/React__default.createElement("td", {
+      style: {
+        padding: "16px 0",
+        fontSize: "14px",
+        color: isChanged ? "#1B8B32" : "#101828",
+        fontWeight: isChanged ? "700" : "400"
+      }
+    }, /*#__PURE__*/React__default.createElement("div", {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "8px"
+      }
+    }, field.isBool ? boolToYesNo(valNew, t) : checkForNA(valNew), isChanged && /*#__PURE__*/React__default.createElement("span", {
+      style: {
+        background: "#ECFDF3",
+        color: "#067647",
+        padding: "2px 8px",
+        borderRadius: "12px",
+        fontSize: "10px",
+        fontWeight: "600"
+      }
+    }, t("EKYC_CHANGED")))));
+  })))));
 };
-
-const ConnectionDetailsView = _ref => {
-  let kNumber = _ref.kNumber,
-    kName = _ref.kName,
-    connectionDetails = _ref.connectionDetails,
-    isLoading = _ref.isLoading;
+const Review = () => {
+  var _Digit$SessionStorage, _Digit$SessionStorage2, _Digit$SessionStorage3, _newDataRaw$connectio, _newDataRaw$connectio2, _newDataRaw$connectio3, _newDataRaw$address, _newDataRaw$address2, _newDataRaw$address3, _newDataRaw$address4, _newDataRaw$address5, _newDataRaw$address6, _newDataRaw$address7, _newDataRaw$address8, _newDataRaw$address9, _newDataRaw$address0, _newDataRaw$address1, _newDataRaw$address10, _newDataRaw$address11, _newDataRaw$address12, _newDataRaw$address13, _newDataRaw$address14, _newDataRaw$property, _newDataRaw$property2, _editedProperty$conne, _newDataRaw$property3, _editedProperty$conne2, _newDataRaw$property4, _editedProperty$userT, _newDataRaw$property5, _editedProperty$noOfF, _newDataRaw$property6, _newDataRaw$property7, _newDataRaw$meter, _editedMeter$meterSta, _newDataRaw$meter2, _newDataRaw$meter3, _newDataRaw$meter4, _newDataRaw$meter5, _editedMeter$workingS, _newDataRaw$meter6, _editedMeter$lastBill, _newDataRaw$meter7, _newDataRaw$meter8;
   const _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   const history = reactRouterDom.useHistory();
-  const _useRouteMatch = reactRouterDom.useRouteMatch(),
-    path = _useRouteMatch.path;
+  const location = reactRouterDom.useLocation();
+  let _useParams = reactRouterDom.useParams(),
+    kno = _useParams.kno,
+    applicationId = _useParams.applicationId;
   const _useState = React.useState(false),
-    showModal = _useState[0],
-    setShowModal = _useState[1];
-  const _useState2 = React.useState({
-      code: "SELF",
-      name: "EKYC_SELF"
+    agree = _useState[0],
+    setAgree = _useState[1];
+  const _useState2 = React.useState(false),
+    isSubmitting = _useState2[0];
+  const _useState3 = React.useState(false),
+    showPreview = _useState3[0],
+    setShowPreview = _useState3[1];
+  const _useState4 = React.useState(""),
+    previewUrl = _useState4[0],
+    setPreviewUrl = _useState4[1];
+  const _useState5 = React.useState(false),
+    showOptions = _useState5[0],
+    setShowOptions = _useState5[1];
+  const _useState6 = React.useState(false),
+    showToast = _useState6[0],
+    setShowToast = _useState6[1];
+  const _useState7 = React.useState({
+      error: false,
+      label: ""
     }),
-    selectedOption = _useState2[0],
-    setSelectedOption = _useState2[1];
+    toastData = _useState7[0],
+    setToastData = _useState7[1];
   const options = [{
-    code: "SELF",
-    name: "EKYC_SELF"
+    action: t("APPROVE")
   }, {
-    code: "OTHER",
-    name: "EKYC_OTHER"
-  }];
-  const handleStartVerification = () => setShowModal(true);
-  const onModalConfirm = () => {
-    const parentPath = path.includes("/create-kyc") ? path.replace("/create-kyc", "") : path.replace("/k-details", "");
-    history.push(parentPath + "/consumer-details", {
-      kNumber,
-      selectedOption,
-      connectionDetails
-    });
-    setShowModal(false);
-  };
-  if (isLoading) return /*#__PURE__*/React__default.createElement(digitUiReactComponents.Loader, null);
-  if (!connectionDetails) return null;
-  const details = (connectionDetails === null || connectionDetails === void 0 ? void 0 : connectionDetails.connectionDetails) || {};
-  const statusFlag = details.statusflag || "";
-  const isActive = (statusFlag === null || statusFlag === void 0 ? void 0 : statusFlag.toLowerCase()) === "active" || statusFlag === "A";
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "ekyc-employee-container"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "connection-details-card"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "details-card-header"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "header-title-wrapper"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "header-icon-bg"
-  }, /*#__PURE__*/React__default.createElement("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "#3A7BD5",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"
-  }), /*#__PURE__*/React__default.createElement("circle", {
-    cx: "12",
-    cy: "7",
-    r: "4"
-  }))), /*#__PURE__*/React__default.createElement("span", {
-    className: "header-title-text"
-  }, t("EKYC_K_NUMBER_DETAILS") || "Consumer Identity Details")), /*#__PURE__*/React__default.createElement("span", {
-    className: "status-badge " + (isActive ? "active" : "inactive")
-  }, isActive ? t("EKYC_ACTIVE_CONNECTION") || "Active Connection" : statusFlag || t("CS_NA"))), /*#__PURE__*/React__default.createElement("div", {
-    className: "details-card-body"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "body-content-row"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "detail-section"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "section-title"
-  }, t("EKYC_VERIFICATION_PARAMETERS") || "Verification Parameters"), /*#__PURE__*/React__default.createElement("div", {
-    className: "data-grid"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "data-item"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "data-label"
-  }, t("EKYC_CONSUMER_NAME") || "Consumer Name"), /*#__PURE__*/React__default.createElement("div", {
-    className: "data-value"
-  }, details.consumerName || kName || t("CS_NA"))), /*#__PURE__*/React__default.createElement("div", {
-    className: "data-item"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "data-label"
-  }, t("EKYC_K_NUMBER") || "K Number"), /*#__PURE__*/React__default.createElement("div", {
-    className: "data-value blue"
-  }, kNumber || t("CS_NA"))), /*#__PURE__*/React__default.createElement("div", {
-    className: "data-item"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "data-label"
-  }, t("EKYC_METER_NO") || "Meter Serial No."), /*#__PURE__*/React__default.createElement("div", {
-    className: "data-value"
-  }, details.meterNumber || t("CS_NA"))), /*#__PURE__*/React__default.createElement("div", {
-    className: "data-item"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "data-label"
-  }, t("EKYC_CONNECTION_TYPE") || "Connection Type"), /*#__PURE__*/React__default.createElement("div", {
-    className: "data-value"
-  }, details.connectionType || t("CS_NA"))))), /*#__PURE__*/React__default.createElement("div", {
-    className: "vertical-divider"
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "detail-section"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "section-title"
-  }, t("EKYC_ADDRESS_AND_CONTACT") || "Address & Contact"), /*#__PURE__*/React__default.createElement("div", {
-    className: "address-block"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "icon-wrapper-small"
-  }, /*#__PURE__*/React__default.createElement("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "#6B7B8E",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, /*#__PURE__*/React__default.createElement("path", {
-    d: "M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0 1 18 0z"
-  }), /*#__PURE__*/React__default.createElement("circle", {
-    cx: "12",
-    cy: "10",
-    r: "3"
-  }))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
-    className: "data-label"
-  }, t("EKYC_ADDRESS") || "Service Address"), /*#__PURE__*/React__default.createElement("div", {
-    className: "address-text"
-  }, details.address || t("CS_NA")))), /*#__PURE__*/React__default.createElement("div", {
-    className: "contact-row"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "contact-item"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "icon-wrapper-small"
-  }, /*#__PURE__*/React__default.createElement("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "#6B7B8E",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, /*#__PURE__*/React__default.createElement("rect", {
-    x: "5",
-    y: "2",
-    width: "14",
-    height: "20",
-    rx: "2",
-    ry: "2"
-  }), /*#__PURE__*/React__default.createElement("line", {
-    x1: "12",
-    y1: "18",
-    x2: "12.01",
-    y2: "18"
-  }))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
-    className: "data-label"
-  }, t("EKYC_PHONE_NO") || "Contact"), /*#__PURE__*/React__default.createElement("div", {
-    className: "address-text"
-  }, details.phoneNumber || t("CS_NA")))), /*#__PURE__*/React__default.createElement("div", {
-    className: "contact-item"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "icon-wrapper-small"
-  }, /*#__PURE__*/React__default.createElement("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "#6B7B8E",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, /*#__PURE__*/React__default.createElement("circle", {
-    cx: "12",
-    cy: "12",
-    r: "4"
-  }), /*#__PURE__*/React__default.createElement("path", {
-    d: "M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"
-  }))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
-    className: "data-label"
-  }, t("EKYC_EMAIL") || "Email Address"), /*#__PURE__*/React__default.createElement("div", {
-    className: "address-text"
-  }, details.email || t("CS_NA")))))))), /*#__PURE__*/React__default.createElement("div", {
-    className: "details-card-footer"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "footer-meta-text"
-  }, connectionDetails !== null && connectionDetails !== void 0 && connectionDetails.lastVerified ? (t("EKYC_LAST_VERIFIED") || "Last verified:") + " " + connectionDetails.lastVerified : ""), /*#__PURE__*/React__default.createElement("div", {
-    className: "action-btns-container",
-    style: {
-      fontSize: "12px"
-    }
-  }, /*#__PURE__*/React__default.createElement("button", {
-    onClick: handleStartVerification,
-    className: "primary-action-btn",
-    style: {
-      fontSize: "12px"
-    }
-  }, t("EKYC_START_REVIEW") || "Start Review", /*#__PURE__*/React__default.createElement("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2.5",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
-  }, /*#__PURE__*/React__default.createElement("line", {
-    x1: "5",
-    y1: "12",
-    x2: "19",
-    y2: "12"
-  }), /*#__PURE__*/React__default.createElement("polyline", {
-    points: "12 5 19 12 12 19"
-  }))))))), showModal && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Modal, {
-    headerBarMain: t("EKYC_SELECT_VERIFICATION_TYPE"),
-    headerBarEnd: /*#__PURE__*/React__default.createElement("span", {
-      onClick: () => setShowModal(false),
-      style: {
-        cursor: "pointer",
-        padding: "8px"
-      }
-    }, "X"),
-    actionSaveLabel: t("ES_COMMON_CONFIRM"),
-    actionSaveOnSubmit: onModalConfirm,
-    actionCancelLabel: t("ES_COMMON_CANCEL"),
-    actionCancelOnSubmit: () => setShowModal(false),
-    style: {
-      borderRadius: "12px"
-    }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      padding: "24px"
-    }
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.RadioButtons, {
-    name: "verificationType",
-    options: options,
-    optionsKey: "name",
-    selectedOption: selectedOption,
-    onSelect: setSelectedOption,
-    style: {
-      display: "flex",
-      flexDirection: "column",
-      gap: "12px",
-      buttonStyle: {
-        borderRadius: "5px"
-      }
-    },
-    t: t
-  }))));
-};
-
-const Create = () => {
-  const _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  const _useState = React.useState(() => {
-      const saved = sessionStorage.getItem("EKYC_CREATE_SEARCH_PARAMS");
-      return saved ? JSON.parse(saved) : {
-        kNumber: "",
-        kName: ""
-      };
-    }),
-    searchParams = _useState[0],
-    setSearchParams = _useState[1];
-  const _useState2 = React.useState(() => {
-      return sessionStorage.getItem("EKYC_CREATE_SEARCH_PERFORMED") === "true";
-    }),
-    searchPerformed = _useState2[0],
-    setSearchPerformed = _useState2[1];
-  const _useState3 = React.useState(null),
-    showToast = _useState3[0],
-    setShowToast = _useState3[1];
-  const _Digit$Hooks$useSessi = Digit.Hooks.useSessionStorage("EKYC_CREATE", {}),
-    clearParams = _Digit$Hooks$useSessi[2];
-  const tenantId = Digit.ULBService.getCurrentTenantId();
-  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useSearchConnection({
-      tenantId,
-      details: {
-        kno: searchParams.kNumber,
-        name: searchParams.kName
-      }
-    }, {
-      enabled: searchPerformed && !!searchParams.kNumber && !!searchParams.kName,
-      onError: error => {
-        var _error$response, _error$response$data, _error$response$data$, _error$response$data$2;
-        setShowToast({
-          error: true,
-          label: (error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : (_error$response$data$ = _error$response$data.Errors) === null || _error$response$data$ === void 0 ? void 0 : (_error$response$data$2 = _error$response$data$[0]) === null || _error$response$data$2 === void 0 ? void 0 : _error$response$data$2.message) || t("EKYC_SEARCH_ERROR_PLEASE_ENTER_THE_CORRECT_CREDENTIALS")
-        });
-        setSearchPerformed(false);
-        sessionStorage.removeItem("EKYC_CREATE_SEARCH_PERFORMED");
-      }
-    }),
-    isSearching = _Digit$Hooks$ekyc$use.isLoading,
-    connectionDetails = _Digit$Hooks$ekyc$use.data;
-  const handleSearch = params => {
-    if (!params.kNumber && !params.kName) {
-      setSearchParams({
-        kNumber: "",
-        kName: ""
-      });
-      setSearchPerformed(false);
-      sessionStorage.removeItem("EKYC_CREATE_SEARCH_PARAMS");
-      sessionStorage.removeItem("EKYC_CREATE_SEARCH_PERFORMED");
-      clearParams();
-      return;
-    }
-    if (!params.kNumber || !params.kName) {
-      setShowToast({
-        error: true,
-        label: t("EKYC_FILL_ALL_FIELDS")
-      });
-      return;
-    }
-    setSearchParams(params);
-    setSearchPerformed(true);
-    const currentKno = sessionStorage.getItem("EKYC_K_NUMBER");
-    if (currentKno !== params.kNumber) {
-      clearParams();
-      Object.keys(sessionStorage).forEach(key => {
-        if (key.startsWith("EKYC_") && key !== "EKYC_CREATE") sessionStorage.removeItem(key);
-      });
-    }
-    sessionStorage.setItem("EKYC_CREATE_SEARCH_PARAMS", JSON.stringify(params));
-    sessionStorage.setItem("EKYC_CREATE_SEARCH_PERFORMED", "true");
-    sessionStorage.setItem("EKYC_K_NUMBER", params.kNumber);
-  };
-  const closeToast = () => {
-    setShowToast(null);
-  };
-  return /*#__PURE__*/React__default.createElement(SearchConsumer, {
-    onSearch: handleSearch,
-    searchParams: searchParams
-  }, searchPerformed && /*#__PURE__*/React__default.createElement(ConnectionDetailsView, {
-    kNumber: searchParams.kNumber,
-    kName: searchParams.kName,
-    connectionDetails: connectionDetails,
-    isLoading: isSearching
-  }), !searchPerformed && !isSearching && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Card, {
-    style: {
-      textAlign: "center",
-      padding: "40px"
-    }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      color: "#667085"
-    }
-  }, t("EKYC_SEARCH_TO_VIEW_DETAILS"))), showToast && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Toast, {
-    error: showToast.error,
-    label: showToast.label,
-    onClose: closeToast,
-    isDsc: true
-  }));
-};
-
-const ActionButton = _ref => {
-  let jumpTo = _ref.jumpTo,
-    state = _ref.state;
-  const history = reactRouterDom.useHistory();
-  function routeTo() {
-    history.push(jumpTo, _extends({}, state, {
-      isEditing: true
-    }));
-  }
-  return /*#__PURE__*/React__default.createElement(digitUiReactComponents.LinkButton, {
-    label: /*#__PURE__*/React__default.createElement(digitUiReactComponents.EditIcon, {
-      style: {
-        width: "20px",
-        height: "20px",
-        fill: "#F47738"
-      }
-    }),
-    style: {
-      margin: 0,
-      padding: 0
-    },
-    onClick: routeTo
-  });
-};
-const checkForNA = value => value !== null && value !== undefined && value !== "" ? value : "N/A";
-const boolToYesNo = (value, t) => {
-  if (value === true || value === "true" || String(value).toLowerCase() === "yes") return t("CORE_COMMON_YES");
-  if (value === false || value === "false" || String(value).toLowerCase() === "no") return t("CORE_COMMON_NO");
-  if (value === "true") return t("CORE_COMMON_YES");
-  if (value === "false") return t("CORE_COMMON_NO");
-};
-const extractReviewData = (searchData, flowState) => {
-  const rawData = searchData && Object.keys(searchData).length > 0 ? searchData : (flowState === null || flowState === void 0 ? void 0 : flowState.reviewData) || {};
-  const reviewWrapper = (rawData === null || rawData === void 0 ? void 0 : rawData.applicationReviewInfo) || (rawData === null || rawData === void 0 ? void 0 : rawData.applicationReview) || rawData;
-  const applicationData = (Array.isArray(reviewWrapper) ? reviewWrapper[0] : reviewWrapper) || {};
-  return {
-    newData: (applicationData === null || applicationData === void 0 ? void 0 : applicationData.newData) || applicationData,
-    oldData: (applicationData === null || applicationData === void 0 ? void 0 : applicationData.oldData) || null
-  };
-};
-const ReviewSection = _ref2 => {
-  let title = _ref2.title,
-    fields = _ref2.fields,
-    newData = _ref2.newData,
-    oldData = _ref2.oldData,
-    t = _ref2.t,
-    jumpTo = _ref2.jumpTo,
-    state = _ref2.state,
-    hideEditButton = _ref2.hideEditButton;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "review-section-wrapper",
-    style: {
-      marginBottom: "48px",
-      background: "#fff",
-      borderRadius: "12px",
-      border: "1px solid #EAECF0",
-      overflow: "hidden"
-    }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      padding: "20px 24px",
-      background: "#F9FAFB",
-      borderBottom: "1px solid #EAECF0",
-      display: "flex",
-      justifyContent: "space-between",
-      alignItems: "center"
-    }
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.CardSubHeader, {
-    style: {
-      margin: 0,
-      fontSize: "18px",
-      color: "#101828",
-      fontWeight: "700"
-    }
-  }, title), jumpTo && !hideEditButton && /*#__PURE__*/React__default.createElement(ActionButton, {
-    jumpTo: jumpTo,
-    state: state
-  })), /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      padding: "0 24px"
-    }
-  }, /*#__PURE__*/React__default.createElement("table", {
-    style: {
-      width: "100%",
-      borderCollapse: "collapse",
-      tableLayout: "fixed"
-    }
-  }, /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("th", {
-    style: {
-      padding: "16px 0",
-      textAlign: "left",
-      color: "#667085",
-      fontSize: "12px",
-      fontWeight: "600",
-      textTransform: "uppercase",
-      width: "30%"
-    }
-  }, t("EKYC_FIELD_NAME")), /*#__PURE__*/React__default.createElement("th", {
-    style: {
-      padding: "16px 0",
-      textAlign: "left",
-      color: "#667085",
-      fontSize: "12px",
-      fontWeight: "600",
-      textTransform: "uppercase",
-      width: "35%"
-    }
-  }, t("EKYC_EXISTING_INFORMATION")), /*#__PURE__*/React__default.createElement("th", {
-    style: {
-      padding: "16px 0",
-      textAlign: "left",
-      color: "#667085",
-      fontSize: "12px",
-      fontWeight: "600",
-      textTransform: "uppercase",
-      width: "35%"
-    }
-  }, t("EKYC_PROPOSED_UPDATES")))), /*#__PURE__*/React__default.createElement("tbody", null, fields.map((field, idx) => {
-    const valNew = newData === null || newData === void 0 ? void 0 : newData[field.key];
-    const valOld = oldData === null || oldData === void 0 ? void 0 : oldData[field.key];
-    const isChanged = oldData && String(valNew) !== String(valOld) && valOld !== undefined && valOld !== null;
-    return /*#__PURE__*/React__default.createElement("tr", {
-      key: idx,
-      style: {
-        borderTop: "1px solid #F2F4F7"
-      }
-    }, /*#__PURE__*/React__default.createElement("td", {
-      style: {
-        padding: "16px 0",
-        fontSize: "14px",
-        color: "#344054",
-        fontWeight: "500"
-      }
-    }, t(field.label)), /*#__PURE__*/React__default.createElement("td", {
-      style: {
-        padding: "16px 0",
-        fontSize: "14px",
-        color: "#667085"
-      }
-    }, field.isBool ? boolToYesNo(valOld, t) : checkForNA(valOld)), /*#__PURE__*/React__default.createElement("td", {
-      style: {
-        padding: "16px 0",
-        fontSize: "14px",
-        color: isChanged ? "#1B8B32" : "#101828",
-        fontWeight: isChanged ? "700" : "400"
-      }
-    }, /*#__PURE__*/React__default.createElement("div", {
-      style: {
-        display: "flex",
-        alignItems: "center",
-        gap: "8px"
-      }
-    }, field.isBool ? boolToYesNo(valNew, t) : checkForNA(valNew), isChanged && /*#__PURE__*/React__default.createElement("span", {
-      style: {
-        background: "#ECFDF3",
-        color: "#067647",
-        padding: "2px 8px",
-        borderRadius: "12px",
-        fontSize: "10px",
-        fontWeight: "600"
-      }
-    }, t("EKYC_CHANGED")))));
-  })))));
-};
-const Review = () => {
-  var _Digit$SessionStorage, _Digit$SessionStorage2, _Digit$SessionStorage3, _newDataRaw$connectio, _newDataRaw$connectio2, _newDataRaw$connectio3, _newDataRaw$address, _newDataRaw$address2, _newDataRaw$address3, _newDataRaw$address4, _newDataRaw$address5, _newDataRaw$address6, _newDataRaw$address7, _newDataRaw$address8, _newDataRaw$address9, _newDataRaw$address0, _newDataRaw$address1, _newDataRaw$address10, _newDataRaw$address11, _newDataRaw$address12, _newDataRaw$address13, _newDataRaw$address14, _newDataRaw$property, _newDataRaw$property2, _editedProperty$conne, _newDataRaw$property3, _editedProperty$conne2, _newDataRaw$property4, _editedProperty$userT, _newDataRaw$property5, _editedProperty$noOfF, _newDataRaw$property6, _newDataRaw$property7, _newDataRaw$meter, _editedMeter$meterSta, _newDataRaw$meter2, _newDataRaw$meter3, _newDataRaw$meter4, _newDataRaw$meter5, _editedMeter$workingS, _newDataRaw$meter6, _editedMeter$lastBill, _newDataRaw$meter7, _newDataRaw$meter8;
-  const _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  const history = reactRouterDom.useHistory();
-  const location = reactRouterDom.useLocation();
-  let _useParams = reactRouterDom.useParams(),
-    kno = _useParams.kno,
-    applicationId = _useParams.applicationId;
-  const _useState = React.useState(false),
-    agree = _useState[0],
-    setAgree = _useState[1];
-  const _useState2 = React.useState(false),
-    isSubmitting = _useState2[0];
-  const _useState3 = React.useState(false),
-    showPreview = _useState3[0],
-    setShowPreview = _useState3[1];
-  const _useState4 = React.useState(""),
-    previewUrl = _useState4[0],
-    setPreviewUrl = _useState4[1];
-  const _useState5 = React.useState(false),
-    showOptions = _useState5[0],
-    setShowOptions = _useState5[1];
-  const _useState6 = React.useState(false),
-    showToast = _useState6[0],
-    setShowToast = _useState6[1];
-  const _useState7 = React.useState({
-      error: false,
-      label: ""
-    }),
-    toastData = _useState7[0],
-    setToastData = _useState7[1];
-  const options = [{
-    action: t("APPROVE")
-  }, {
-    action: t("REJECT")
+    action: t("REJECT")
   }];
   const flowState = location.state || {};
   const _flowState$edits = flowState.edits,
@@ -5800,388 +4723,52 @@ const EKYCForm = _ref => {
   }
   ekycConfig.forEach(obj => {
     config = config.concat(obj.body);
-  });
-  config.indexRoute = "consumer-details";
-  const formStepRoutes = config.map(c => c.route);
-  const isFormStep = formStepRoutes.some(route => pathname.includes(route));
-  const sectionRefs = React.useRef({});
-  React.useEffect(() => {
-    if (isFormStep) {
-      const currentRoute = pathname.split("/").pop();
-      if (sectionRefs.current[currentRoute]) {
-        sectionRefs.current[currentRoute].scrollIntoView({
-          behavior: "smooth",
-          block: "start"
-        });
-      }
-    }
-  }, [pathname, isFormStep]);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "employee-form-section-wrapper"
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.VerticalTimeline, {
-    config: config,
-    showFinalStep: true
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "employee-form-section"
-  }, /*#__PURE__*/React__default.createElement(reactRouterDom.Switch, null, /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
-    path: formStepRoutes.map(route => (passedPath || match.path.split("/").slice(0, -1).join("/")) + "/" + route)
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "single-page-form-container"
-  }, config.map((routeObj, index) => {
-    const component = routeObj.component;
-    const Component = typeof component === "string" ? Digit.ComponentRegistryService.getComponent(component) : component;
-    return /*#__PURE__*/React__default.createElement("div", {
-      key: index,
-      ref: el => sectionRefs.current[routeObj.route] = el,
-      className: "form-section-unit"
-    }, /*#__PURE__*/React__default.createElement(Component, {
-      config: _extends({}, routeObj, {
-        isCollapsible: true,
-        defaultOpen: true
-      }),
-      onSelect: handleSelect,
-      t: t,
-      formData: params
-    }));
-  }))), /*#__PURE__*/React__default.createElement(reactRouterDom.Route, null, /*#__PURE__*/React__default.createElement(reactRouterDom.Redirect, {
-    to: (passedPath || match.path.split("/").slice(0, -1).join("/")) + "/" + config.indexRoute
-  }))))));
-};
-
-function formReducer(state, payload) {
-  const storageKey = "EKYC.SW.INBOX";
-  switch (payload.action) {
-    case "mutateSearchForm":
-      Digit.SessionStorage.set(storageKey, _extends({}, state, {
-        searchForm: payload.data
-      }));
-      return _extends({}, state, {
-        searchForm: payload.data
-      });
-    case "mutateFilterForm":
-      Digit.SessionStorage.set(storageKey, _extends({}, state, {
-        filterForm: payload.data
-      }));
-      return _extends({}, state, {
-        filterForm: payload.data
-      });
-    case "mutateTableForm":
-      Digit.SessionStorage.set(storageKey, _extends({}, state, {
-        tableForm: payload.data
-      }));
-      return _extends({}, state, {
-        tableForm: payload.data
-      });
-    default:
-      return state;
-  }
-}
-const formInitValue = {
-  filterForm: {},
-  searchForm: {},
-  tableForm: {
-    limit: 10,
-    offset: 0,
-    sortBy: "createdTime",
-    sortOrder: "DESC"
-  }
-};
-const tableColumnConfig = (t, handleReview) => [{
-  Header: t("SURVEYOR_NAME"),
-  accessor: "surveyorName",
-  Cell: _ref => {
-    var _row$original, _row$original2, _row$original3;
-    let row = _ref.row;
-    const id = (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.id;
-    return /*#__PURE__*/React__default.createElement("span", {
-      className: "link",
-      onClick: () => handleReview(id)
-    }, ((_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : _row$original2.surveyorName) || ((_row$original3 = row.original) === null || _row$original3 === void 0 ? void 0 : _row$original3.name) || "NA");
-  }
-}, {
-  Header: t("MOBILE_NUMBER"),
-  accessor: "mobileNo",
-  Cell: _ref2 => {
-    var _row$original4, _row$original5, _row$original5$owner;
-    let row = _ref2.row;
-    return /*#__PURE__*/React__default.createElement("span", null, ((_row$original4 = row.original) === null || _row$original4 === void 0 ? void 0 : _row$original4.mobileNo) || ((_row$original5 = row.original) === null || _row$original5 === void 0 ? void 0 : (_row$original5$owner = _row$original5.owner) === null || _row$original5$owner === void 0 ? void 0 : _row$original5$owner.mobileNumber) || "NA");
-  }
-}, {
-  Header: t("STATUS"),
-  accessor: "status",
-  Cell: _ref3 => {
-    var _row$original6;
-    let row = _ref3.row;
-    const status = ((_row$original6 = row.original) === null || _row$original6 === void 0 ? void 0 : _row$original6.status) || "DEFAULT";
-    return /*#__PURE__*/React__default.createElement("span", {
-      className: "ekyc-status-tag " + status
-    }, t(status));
-  }
-}, {
-  Header: t("SERVICE_TYPE"),
-  accessor: "serviceType",
-  Cell: _ref4 => {
-    var _row$original7;
-    let row = _ref4.row;
-    return /*#__PURE__*/React__default.createElement("span", null, ((_row$original7 = row.original) === null || _row$original7 === void 0 ? void 0 : _row$original7.serviceType) || "NA");
-  }
-}];
-
-const SupervisorInboxTableConfig = _ref => {
-  var _Digit$SessionStorage, _Digit$SessionStorage2, _Digit$SessionStorage3, _formState$tableForm, _formState$tableForm2;
-  let onPageSizeChange = _ref.onPageSizeChange,
-    formState = _ref.formState,
-    totalCount = _ref.totalCount,
-    table = _ref.table,
-    dispatch = _ref.dispatch,
-    onSortingByData = _ref.onSortingByData,
-    _ref$inboxStyles = _ref.inboxStyles,
-    inboxStyles = _ref$inboxStyles === void 0 ? {} : _ref$inboxStyles,
-    _ref$tableStyle = _ref.tableStyle,
-    tableStyle = _ref$tableStyle === void 0 ? {} : _ref$tableStyle;
-  const _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  const history = reactRouterDom.useHistory();
-  const userType = ((_Digit$SessionStorage = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage === void 0 ? void 0 : (_Digit$SessionStorage2 = _Digit$SessionStorage.info) === null || _Digit$SessionStorage2 === void 0 ? void 0 : (_Digit$SessionStorage3 = _Digit$SessionStorage2.type) === null || _Digit$SessionStorage3 === void 0 ? void 0 : _Digit$SessionStorage3.toLowerCase()) || "citizen";
-  const handleReview = id => {
-    history.push("/digit-ui/" + userType + "/ekyc/assign/surveyor-details/" + id);
-  };
-  const limit = (formState === null || formState === void 0 ? void 0 : (_formState$tableForm = formState.tableForm) === null || _formState$tableForm === void 0 ? void 0 : _formState$tableForm.limit) || 10;
-  const offset = (formState === null || formState === void 0 ? void 0 : (_formState$tableForm2 = formState.tableForm) === null || _formState$tableForm2 === void 0 ? void 0 : _formState$tableForm2.offset) || 0;
-  return {
-    disableSort: false,
-    autoSort: false,
-    manualPagination: true,
-    currentPage: Math.floor(offset / limit),
-    onPageSizeChange,
-    onNextPage: () => dispatch({
-      action: "mutateTableForm",
-      data: _extends({}, formState.tableForm, {
-        offset: Number(offset) + Number(limit)
-      })
-    }),
-    onPrevPage: () => dispatch({
-      action: "mutateTableForm",
-      data: _extends({}, formState.tableForm, {
-        offset: Number(offset) - Number(limit)
-      })
-    }),
-    onLastPage: () => dispatch({
-      action: "mutateTableForm",
-      data: _extends({}, formState.tableForm, {
-        offset: Math.ceil(totalCount / limit) * limit - Number(limit)
-      })
-    }),
-    onFirstPage: () => dispatch({
-      action: "mutateTableForm",
-      data: _extends({}, formState.tableForm, {
-        offset: 0
-      })
-    }),
-    totalRecords: totalCount,
-    onSort: onSortingByData,
-    data: table,
-    columns: tableColumnConfig(t, handleReview),
-    inboxStyles: _extends({}, inboxStyles),
-    tableStyle: _extends({}, tableStyle)
-  };
-};
-
-const AssignEkyc = () => {
-  var _formState$tableForm, _formState$tableForm2, _formState$tableForm3, _formState$tableForm4, _formState$searchForm, _dashboardData$dashbo;
-  let tenantId = Digit.ULBService.getCurrentTenantId();
-  if (!tenantId || tenantId === "dl") {
-    tenantId = "dl.djb";
-  }
-  const _useReducer = React.useReducer(formReducer, formInitValue),
-    formState = _useReducer[0],
-    dispatch = _useReducer[1];
-  let paginationParms = {
-    limit: (formState === null || formState === void 0 ? void 0 : (_formState$tableForm = formState.tableForm) === null || _formState$tableForm === void 0 ? void 0 : _formState$tableForm.limit) || 10,
-    offset: (formState === null || formState === void 0 ? void 0 : (_formState$tableForm2 = formState.tableForm) === null || _formState$tableForm2 === void 0 ? void 0 : _formState$tableForm2.offset) || 0,
-    sortBy: (formState === null || formState === void 0 ? void 0 : (_formState$tableForm3 = formState.tableForm) === null || _formState$tableForm3 === void 0 ? void 0 : _formState$tableForm3.sortBy) || "createdTime",
-    sortOrder: (formState === null || formState === void 0 ? void 0 : (_formState$tableForm4 = formState.tableForm) === null || _formState$tableForm4 === void 0 ? void 0 : _formState$tableForm4.sortOrder) || "DESC"
-  };
-  const mobileNumber = (formState === null || formState === void 0 ? void 0 : (_formState$searchForm = formState.searchForm) === null || _formState$searchForm === void 0 ? void 0 : _formState$searchForm.mobileNumber) || "";
-  const isSearchActive = !!mobileNumber;
-  const filters = _extends({}, paginationParms, {
-    status: "ACTIVE,DISABLED"
-  });
-  if (isSearchActive) {
-    filters.mobileNumber = mobileNumber;
-  }
-  const _Digit$Hooks$fsm$useS = Digit.Hooks.fsm.useSurveyorSearch(tenantId, filters, {
-      enabled: !!tenantId,
-      keepPreviousData: true
-    }),
-    dashboardData = _Digit$Hooks$fsm$useS.data,
-    isLoading = _Digit$Hooks$fsm$useS.isLoading;
-  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycAssignmentProgress({
-      enabled: !!tenantId,
-      keepPreviousData: true
-    }),
-    isDataSearchLoading = _Digit$Hooks$ekyc$use.isLoading;
-  const sourceData = React.useMemo(() => {
-    return (dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.surveyors) || [];
-  }, [dashboardData]);
-  const filteredData = React.useMemo(() => {
-    return (sourceData || []).map(item => {
-      var _owner$roles, _owner$roles$map, _item$additionalDetai, _item$auditDetails, _item$auditDetails2;
-      const owner = (item === null || item === void 0 ? void 0 : item.owner) || {};
-      const roleCodes = (owner === null || owner === void 0 ? void 0 : (_owner$roles = owner.roles) === null || _owner$roles === void 0 ? void 0 : (_owner$roles$map = _owner$roles.map(role => role.code)) === null || _owner$roles$map === void 0 ? void 0 : _owner$roles$map.join(", ")) || "";
-      return _extends({}, item, {
-        id: (item === null || item === void 0 ? void 0 : item.id) || "",
-        surveyorName: (item === null || item === void 0 ? void 0 : item.name) || (owner === null || owner === void 0 ? void 0 : owner.name) || "",
-        mobileNo: (item === null || item === void 0 ? void 0 : item.mobileNo) || (owner === null || owner === void 0 ? void 0 : owner.mobileNumber) || "",
-        email: (owner === null || owner === void 0 ? void 0 : owner.emailId) || "",
-        vendorId: (item === null || item === void 0 ? void 0 : item.vendorId) || "",
-        tenantId: (item === null || item === void 0 ? void 0 : item.tenantId) || "",
-        supervisorId: (item === null || item === void 0 ? void 0 : item.supervisorId) || "",
-        status: (item === null || item === void 0 ? void 0 : item.status) || "",
-        roleCodes,
-        userName: (owner === null || owner === void 0 ? void 0 : owner.userName) || "",
-        gender: (owner === null || owner === void 0 ? void 0 : owner.gender) || "",
-        serviceType: (item === null || item === void 0 ? void 0 : (_item$additionalDetai = item.additionalDetails) === null || _item$additionalDetai === void 0 ? void 0 : _item$additionalDetai.serviceType) || "",
-        createdTime: (item === null || item === void 0 ? void 0 : (_item$auditDetails = item.auditDetails) === null || _item$auditDetails === void 0 ? void 0 : _item$auditDetails.createdTime) || 0,
-        lastModifiedTime: (item === null || item === void 0 ? void 0 : (_item$auditDetails2 = item.auditDetails) === null || _item$auditDetails2 === void 0 ? void 0 : _item$auditDetails2.lastModifiedTime) || 0
-      });
-    });
-  }, [sourceData]);
-  const totalRecords = (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo = dashboardData.dashboardInfo) === null || _dashboardData$dashbo === void 0 ? void 0 : _dashboardData$dashbo.totalRecords) || (dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.totalCount) || 0;
-  const SearchFormFields = React.useCallback(_ref => {
-    let registerRef = _ref.registerRef,
-      searchFormState = _ref.searchFormState,
-      controlSearchForm = _ref.controlSearchForm;
-    return /*#__PURE__*/React__default.createElement(SearchFormFieldsComponents, {
-      registerRef,
-      searchFormState,
-      controlSearchForm,
-      searchType: "mobile",
-      className: "search"
-    });
-  }, []);
-  const tableOrderFormDefaultValues = {
-    sortBy: "createdTime",
-    limit: window.Digit.Utils.browser.isMobile() ? 50 : 10,
-    offset: 0,
-    sortOrder: "DESC"
-  };
-  const onSearchFormSubmit = data => {
-    data.hasOwnProperty("") && (data === null || data === void 0 ? true : delete data[""]);
-    dispatch({
-      action: "mutateTableForm",
-      data: _extends({}, tableOrderFormDefaultValues)
-    });
-    dispatch({
-      action: "mutateSearchForm",
-      data
-    });
-  };
-  const searchFormDefaultValues = {
-    mobileNumber: "",
-    applicationNumber: "",
-    consumerNo: ""
-  };
-  const onSearchFormReset = setSearchFormValue => {
-    setSearchFormValue("mobileNumber", null);
-    setSearchFormValue("applicationNumber", null);
-    setSearchFormValue("consumerNo", null);
-    dispatch({
-      action: "mutateSearchForm",
-      data: searchFormDefaultValues
-    });
-  };
-  const propsForSearchForm = {
-    SearchFormFields,
-    onSearchFormSubmit,
-    searchFormDefaultValues: formState === null || formState === void 0 ? void 0 : formState.searchForm,
-    resetSearchFormDefaultValues: searchFormDefaultValues,
-    onSearchFormReset,
-    className: "search-form-wns-inbox"
-  };
-  const onPageSizeChange = e => {
-    const newLimit = Number(e.target.value);
-    dispatch({
-      action: "mutateTableForm",
-      data: _extends({}, formState.tableForm, {
-        limit: newLimit,
-        offset: 0
-      })
-    });
-  };
-  const onSortingByData = e => {
-    if (e.length > 0) {
-      const _e$ = e[0],
-        id = _e$.id,
-        desc = _e$.desc;
-      const sortOrder = desc ? "DESC" : "ASC";
-      const sortBy = id;
-      if (!(formState.tableForm.sortBy === sortBy && formState.tableForm.sortOrder === sortOrder)) {
-        dispatch({
-          action: "mutateTableForm",
-          data: _extends({}, formState.tableForm, {
-            sortBy: id,
-            sortOrder: desc ? "DESC" : "ASC"
-          })
-        });
-      }
-    }
-  };
-  const propsForInboxTable = SupervisorInboxTableConfig(_extends({}, {
-    onPageSizeChange,
-    formState,
-    totalCount: totalRecords,
-    table: filteredData,
-    dispatch,
-    onSortingByData,
-    tenantId,
-    inboxStyles: {
-      overflowX: "scroll",
-      overflowY: "hidden"
-    },
-    tableStyle: {
-      width: "70%"
-    }
-  }));
-  const isInboxLoading = isLoading;
-  const onMobileSortOrderData = data => {
-    const sortOrder = data.sortOrder;
-    dispatch({
-      action: "mutateTableForm",
-      data: _extends({}, formState.tableForm, {
-        sortOrder
-      })
-    });
-  };
-  const onSortFormReset = setSortFormValue => {
-    setSortFormValue("sortOrder", "DESC");
-    dispatch({
-      action: "mutateTableForm",
-      data: tableOrderFormDefaultValues
-    });
-  };
-  const propsForMobileSortForm = {
-    onMobileSortOrderData,
-    sortFormDefaultValues: formState === null || formState === void 0 ? void 0 : formState.tableForm,
-    onSortFormReset
-  };
-  const propsForInboxMobileCards = useInboxMobileCardsData({
-    table: filteredData,
-    isSupervisor: true
-  });
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "app-container"
-  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.InboxComposer, _extends({
-    isInboxLoading
-  }, propsForSearchForm, propsForMobileSortForm, {
-    propsForInboxTable,
-    propsForInboxMobileCards,
-    formState,
-    countData: dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.dashboardInfo,
-    isCardLoading: isDataSearchLoading,
-    showSearchOnMobile: true,
-    forceTable: true
-  })));
+  });
+  config.indexRoute = "consumer-details";
+  const formStepRoutes = config.map(c => c.route);
+  const isFormStep = formStepRoutes.some(route => pathname.includes(route));
+  const sectionRefs = React.useRef({});
+  React.useEffect(() => {
+    if (isFormStep) {
+      const currentRoute = pathname.split("/").pop();
+      if (sectionRefs.current[currentRoute]) {
+        sectionRefs.current[currentRoute].scrollIntoView({
+          behavior: "smooth",
+          block: "start"
+        });
+      }
+    }
+  }, [pathname, isFormStep]);
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+    className: "employee-form-section-wrapper"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.VerticalTimeline, {
+    config: config,
+    showFinalStep: true
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "employee-form-section"
+  }, /*#__PURE__*/React__default.createElement(reactRouterDom.Switch, null, /*#__PURE__*/React__default.createElement(reactRouterDom.Route, {
+    path: formStepRoutes.map(route => (passedPath || match.path.split("/").slice(0, -1).join("/")) + "/" + route)
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "single-page-form-container"
+  }, config.map((routeObj, index) => {
+    const component = routeObj.component;
+    const Component = typeof component === "string" ? Digit.ComponentRegistryService.getComponent(component) : component;
+    return /*#__PURE__*/React__default.createElement("div", {
+      key: index,
+      ref: el => sectionRefs.current[routeObj.route] = el,
+      className: "form-section-unit"
+    }, /*#__PURE__*/React__default.createElement(Component, {
+      config: _extends({}, routeObj, {
+        isCollapsible: true,
+        defaultOpen: true
+      }),
+      onSelect: handleSelect,
+      t: t,
+      formData: params
+    }));
+  }))), /*#__PURE__*/React__default.createElement(reactRouterDom.Route, null, /*#__PURE__*/React__default.createElement(reactRouterDom.Redirect, {
+    to: (passedPath || match.path.split("/").slice(0, -1).join("/")) + "/" + config.indexRoute
+  }))))));
 };
 
 const parseAdditionalDetails = additionalDetails => {
@@ -6333,98 +4920,142 @@ const SupervisorDetailsCard = () => {
   const _Digit$Hooks$fsm$useS = Digit.Hooks.fsm.useSupervisorSearch(tenantId, {
       status: "ACTIVE"
     }, {
-      enabled: !!tenantId
+      enabled: !!tenantId,
+      staleTime: 300000
     }),
     supervisorSearchResponse = _Digit$Hooks$fsm$useS.data,
     isSupervisorSearchLoading = _Digit$Hooks$fsm$useS.isLoading;
   const _Digit$Hooks$fsm$useS2 = Digit.Hooks.fsm.useSurveyorSearch(tenantId, {
       status: "ACTIVE"
     }, {
-      enabled: !!tenantId
+      enabled: !!tenantId,
+      staleTime: 300000
     }),
     surveyorSearchResponse = _Digit$Hooks$fsm$useS2.data,
     isSurveyorSearchLoading = _Digit$Hooks$fsm$useS2.isLoading;
   const _Digit$Hooks$fsm$useD = Digit.Hooks.fsm.useDsoSearch(tenantId, {
       status: "ACTIVE"
     }, {
-      enabled: !!tenantId
+      enabled: !!tenantId,
+      staleTime: 300000
     }),
     vendorSearchResponse = _Digit$Hooks$fsm$useD.data,
     isVendorSearchLoading = _Digit$Hooks$fsm$useD.isLoading;
   const supervisor = React.useMemo(() => {
-    if (progressData !== null && progressData !== void 0 && progressData.supervisorReport) {
-      let found = null;
-      const targetId = supervisorId || (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.uuid);
-      if (targetId) {
-        found = progressData.supervisorReport.find(s => {
-          var _s$supervisorId, _s$id;
-          return ((_s$supervisorId = s.supervisorId) === null || _s$supervisorId === void 0 ? void 0 : _s$supervisorId.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase()) || ((_s$id = s.id) === null || _s$id === void 0 ? void 0 : _s$id.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase());
-        });
-      }
-      if (found) return found;
+    const targetOwnerOrId = supervisorId || (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.uuid);
+    if (!targetOwnerOrId) return null;
+    let resolvedSupervisorId = supervisorId;
+    if (!resolvedSupervisorId && supervisorSearchResponse !== null && supervisorSearchResponse !== void 0 && supervisorSearchResponse.supervisors && targetOwnerOrId) {
+      const selfSup = supervisorSearchResponse.supervisors.find(s => {
+        var _s$owner, _s$owner$uuid, _s$id;
+        return ((_s$owner = s.owner) === null || _s$owner === void 0 ? void 0 : (_s$owner$uuid = _s$owner.uuid) === null || _s$owner$uuid === void 0 ? void 0 : _s$owner$uuid.toLowerCase()) === (targetOwnerOrId === null || targetOwnerOrId === void 0 ? void 0 : targetOwnerOrId.toLowerCase()) || ((_s$id = s.id) === null || _s$id === void 0 ? void 0 : _s$id.toLowerCase()) === (targetOwnerOrId === null || targetOwnerOrId === void 0 ? void 0 : targetOwnerOrId.toLowerCase());
+      });
+      resolvedSupervisorId = selfSup === null || selfSup === void 0 ? void 0 : selfSup.id;
     }
+    const targetId = resolvedSupervisorId || targetOwnerOrId;
+    let matchedSup = null;
     if (supervisorSearchResponse !== null && supervisorSearchResponse !== void 0 && supervisorSearchResponse.supervisors) {
-      let matchedSup = null;
-      const targetId = supervisorId || (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.uuid);
-      if (targetId) {
-        matchedSup = supervisorSearchResponse.supervisors.find(s => {
-          var _s$id2, _s$owner, _s$owner$uuid;
-          return ((_s$id2 = s.id) === null || _s$id2 === void 0 ? void 0 : _s$id2.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase()) || ((_s$owner = s.owner) === null || _s$owner === void 0 ? void 0 : (_s$owner$uuid = _s$owner.uuid) === null || _s$owner$uuid === void 0 ? void 0 : _s$owner$uuid.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase());
-        });
-      }
-      if (matchedSup) {
-        var _matchedSup$owner2, _matchedSup$owner3, _matchedSup$owner4;
-        const matchedSurveyors = surveyorSearchResponse !== null && surveyorSearchResponse !== void 0 && surveyorSearchResponse.surveyors ? surveyorSearchResponse.surveyors.filter(surv => {
-          var _matchedSup$owner;
-          return surv.supervisorId === (matchedSup.id || ((_matchedSup$owner = matchedSup.owner) === null || _matchedSup$owner === void 0 ? void 0 : _matchedSup$owner.uuid));
-        }).map(surv => {
-          var _surv$owner3, _surv$owner4, _surv$owner5, _realStats, _realStats2, _realStats3, _realStats4;
-          let realStats = null;
-          if (progressData !== null && progressData !== void 0 && progressData.supervisorReport) {
-            for (const report of progressData.supervisorReport) {
-              var _report$surveyors;
-              const matchedSurv = (_report$surveyors = report.surveyors) === null || _report$surveyors === void 0 ? void 0 : _report$surveyors.find(s => {
-                var _surv$owner, _surv$owner2;
-                return s.surveyorId && (s.surveyorId === surv.id || s.surveyorId === ((_surv$owner = surv.owner) === null || _surv$owner === void 0 ? void 0 : _surv$owner.uuid)) || s.id && (s.id === surv.id || s.id === ((_surv$owner2 = surv.owner) === null || _surv$owner2 === void 0 ? void 0 : _surv$owner2.uuid));
-              });
-              if (matchedSurv) {
-                realStats = matchedSurv;
-                break;
-              }
+      matchedSup = supervisorSearchResponse.supervisors.find(s => {
+        var _s$id2, _s$owner2, _s$owner2$uuid;
+        return ((_s$id2 = s.id) === null || _s$id2 === void 0 ? void 0 : _s$id2.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase()) || ((_s$owner2 = s.owner) === null || _s$owner2 === void 0 ? void 0 : (_s$owner2$uuid = _s$owner2.uuid) === null || _s$owner2$uuid === void 0 ? void 0 : _s$owner2$uuid.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase());
+      });
+    }
+    let progressReport = null;
+    if (progressData !== null && progressData !== void 0 && progressData.supervisorReport && targetId) {
+      progressReport = progressData.supervisorReport.find(s => {
+        var _s$supervisorId, _s$id3;
+        return ((_s$supervisorId = s.supervisorId) === null || _s$supervisorId === void 0 ? void 0 : _s$supervisorId.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase()) || ((_s$id3 = s.id) === null || _s$id3 === void 0 ? void 0 : _s$id3.toLowerCase()) === (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase());
+      });
+    }
+    if (matchedSup) {
+      var _progressReport, _progressReport2, _progressReport3, _matchedSup$owner2, _matchedSup$owner3, _matchedSup$owner4;
+      const matchedSurveyors = surveyorSearchResponse !== null && surveyorSearchResponse !== void 0 && surveyorSearchResponse.surveyors ? surveyorSearchResponse.surveyors.filter(surv => {
+        var _matchedSup$owner;
+        return surv.supervisorId === (matchedSup.id || ((_matchedSup$owner = matchedSup.owner) === null || _matchedSup$owner === void 0 ? void 0 : _matchedSup$owner.uuid));
+      }).map(surv => {
+        var _surv$owner3, _surv$owner4, _surv$owner5, _realStats, _realStats2, _realStats3, _realStats4;
+        let realStats = null;
+        if (progressData !== null && progressData !== void 0 && progressData.supervisorReport) {
+          for (const report of progressData.supervisorReport) {
+            var _report$supervisorId, _matchedSup$id, _report$id, _matchedSup$id2, _report$surveyors;
+            if (((_report$supervisorId = report.supervisorId) === null || _report$supervisorId === void 0 ? void 0 : _report$supervisorId.toLowerCase()) !== ((_matchedSup$id = matchedSup.id) === null || _matchedSup$id === void 0 ? void 0 : _matchedSup$id.toLowerCase()) && ((_report$id = report.id) === null || _report$id === void 0 ? void 0 : _report$id.toLowerCase()) !== ((_matchedSup$id2 = matchedSup.id) === null || _matchedSup$id2 === void 0 ? void 0 : _matchedSup$id2.toLowerCase())) continue;
+            const matchedSurv = (_report$surveyors = report.surveyors) === null || _report$surveyors === void 0 ? void 0 : _report$surveyors.find(s => {
+              var _s$surveyorId, _surv$id, _s$surveyorId2, _surv$owner, _surv$owner$uuid, _s$id4, _surv$id2, _s$id5, _surv$owner2, _surv$owner2$uuid;
+              return s.surveyorId && (((_s$surveyorId = s.surveyorId) === null || _s$surveyorId === void 0 ? void 0 : _s$surveyorId.toLowerCase()) === ((_surv$id = surv.id) === null || _surv$id === void 0 ? void 0 : _surv$id.toLowerCase()) || ((_s$surveyorId2 = s.surveyorId) === null || _s$surveyorId2 === void 0 ? void 0 : _s$surveyorId2.toLowerCase()) === ((_surv$owner = surv.owner) === null || _surv$owner === void 0 ? void 0 : (_surv$owner$uuid = _surv$owner.uuid) === null || _surv$owner$uuid === void 0 ? void 0 : _surv$owner$uuid.toLowerCase())) || s.id && (((_s$id4 = s.id) === null || _s$id4 === void 0 ? void 0 : _s$id4.toLowerCase()) === ((_surv$id2 = surv.id) === null || _surv$id2 === void 0 ? void 0 : _surv$id2.toLowerCase()) || ((_s$id5 = s.id) === null || _s$id5 === void 0 ? void 0 : _s$id5.toLowerCase()) === ((_surv$owner2 = surv.owner) === null || _surv$owner2 === void 0 ? void 0 : (_surv$owner2$uuid = _surv$owner2.uuid) === null || _surv$owner2$uuid === void 0 ? void 0 : _surv$owner2$uuid.toLowerCase()));
+            });
+            if (matchedSurv) {
+              realStats = matchedSurv;
+              break;
             }
           }
-          return {
-            surveyorId: surv.id || ((_surv$owner3 = surv.owner) === null || _surv$owner3 === void 0 ? void 0 : _surv$owner3.uuid),
-            surveyorName: surv.name || ((_surv$owner4 = surv.owner) === null || _surv$owner4 === void 0 ? void 0 : _surv$owner4.name) || "N/A",
-            mobileNo: ((_surv$owner5 = surv.owner) === null || _surv$owner5 === void 0 ? void 0 : _surv$owner5.mobileNumber) || surv.mobileNo || "N/A",
-            status: surv.status || "ACTIVE",
-            totalKnos: ((_realStats = realStats) === null || _realStats === void 0 ? void 0 : _realStats.totalKnos) || 0,
-            submittedKnos: ((_realStats2 = realStats) === null || _realStats2 === void 0 ? void 0 : _realStats2.submittedKnos) || 0,
-            pendingKnos: ((_realStats3 = realStats) === null || _realStats3 === void 0 ? void 0 : _realStats3.pendingKnos) || 0,
-            progressPercent: ((_realStats4 = realStats) === null || _realStats4 === void 0 ? void 0 : _realStats4.progressPercent) || 0
-          };
-        }) : [];
-        const totalKnos = matchedSurveyors.reduce((acc, s) => acc + (s.totalKnos || 0), 0);
-        const submittedKnos = matchedSurveyors.reduce((acc, s) => acc + (s.submittedKnos || 0), 0);
-        const pendingKnos = matchedSurveyors.reduce((acc, s) => acc + (s.pendingKnos || 0), 0);
-        const progressPercent = totalKnos > 0 ? Math.round(submittedKnos / totalKnos * 100) : 0;
+        }
         return {
-          supervisorId: matchedSup.id || ((_matchedSup$owner2 = matchedSup.owner) === null || _matchedSup$owner2 === void 0 ? void 0 : _matchedSup$owner2.uuid),
-          supervisorName: matchedSup.name || ((_matchedSup$owner3 = matchedSup.owner) === null || _matchedSup$owner3 === void 0 ? void 0 : _matchedSup$owner3.name) || "N/A",
-          mobileNo: ((_matchedSup$owner4 = matchedSup.owner) === null || _matchedSup$owner4 === void 0 ? void 0 : _matchedSup$owner4.mobileNumber) || matchedSup.mobileNo || "N/A",
-          status: matchedSup.status || "ACTIVE",
-          assignedZoneId: matchedSup.assignedZoneId || "N/A",
-          vendorId: matchedSup.vendorId,
-          surveyors: matchedSurveyors,
-          totalKnos,
-          submittedKnos,
-          pendingKnos,
-          progressPercent
+          surveyorId: surv.id || ((_surv$owner3 = surv.owner) === null || _surv$owner3 === void 0 ? void 0 : _surv$owner3.uuid),
+          surveyorName: surv.name || ((_surv$owner4 = surv.owner) === null || _surv$owner4 === void 0 ? void 0 : _surv$owner4.name) || "N/A",
+          mobileNo: ((_surv$owner5 = surv.owner) === null || _surv$owner5 === void 0 ? void 0 : _surv$owner5.mobileNumber) || surv.mobileNo || "N/A",
+          status: surv.status || "ACTIVE",
+          totalKnos: ((_realStats = realStats) === null || _realStats === void 0 ? void 0 : _realStats.totalKnos) || 0,
+          submittedKnos: ((_realStats2 = realStats) === null || _realStats2 === void 0 ? void 0 : _realStats2.submittedKnos) || 0,
+          pendingKnos: ((_realStats3 = realStats) === null || _realStats3 === void 0 ? void 0 : _realStats3.pendingKnos) || 0,
+          progressPercent: ((_realStats4 = realStats) === null || _realStats4 === void 0 ? void 0 : _realStats4.progressPercent) || 0
         };
-      }
+      }) : [];
+      const totalKnos = ((_progressReport = progressReport) === null || _progressReport === void 0 ? void 0 : _progressReport.totalKnos) || matchedSurveyors.reduce((acc, s) => acc + (s.totalKnos || 0), 0);
+      const submittedKnos = ((_progressReport2 = progressReport) === null || _progressReport2 === void 0 ? void 0 : _progressReport2.submittedKnos) || matchedSurveyors.reduce((acc, s) => acc + (s.submittedKnos || 0), 0);
+      const pendingKnos = ((_progressReport3 = progressReport) === null || _progressReport3 === void 0 ? void 0 : _progressReport3.pendingKnos) || matchedSurveyors.reduce((acc, s) => acc + (s.pendingKnos || 0), 0);
+      const progressPercent = progressReport ? progressReport.progressPercent : totalKnos > 0 ? Math.round(submittedKnos / totalKnos * 100) : 0;
+      return {
+        supervisorId: matchedSup.id || ((_matchedSup$owner2 = matchedSup.owner) === null || _matchedSup$owner2 === void 0 ? void 0 : _matchedSup$owner2.uuid),
+        supervisorName: matchedSup.name || ((_matchedSup$owner3 = matchedSup.owner) === null || _matchedSup$owner3 === void 0 ? void 0 : _matchedSup$owner3.name) || "N/A",
+        mobileNo: ((_matchedSup$owner4 = matchedSup.owner) === null || _matchedSup$owner4 === void 0 ? void 0 : _matchedSup$owner4.mobileNumber) || matchedSup.mobileNo || "N/A",
+        status: matchedSup.status || "ACTIVE",
+        assignedZoneId: matchedSup.assignedZoneId || "N/A",
+        vendorId: matchedSup.vendorId,
+        surveyors: matchedSurveyors,
+        totalKnos,
+        submittedKnos,
+        pendingKnos,
+        progressPercent
+      };
+    }
+    if (progressReport) {
+      var _loggedInUser$uuid;
+      const isSelf = (targetId === null || targetId === void 0 ? void 0 : targetId.toLowerCase()) === (loggedInUser === null || loggedInUser === void 0 ? void 0 : (_loggedInUser$uuid = loggedInUser.uuid) === null || _loggedInUser$uuid === void 0 ? void 0 : _loggedInUser$uuid.toLowerCase());
+      const supervisorName = isSelf ? (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.name) || progressReport.supervisorName || "N/A" : progressReport.supervisorName || "N/A";
+      const mobileNo = isSelf ? (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.mobileNumber) || progressReport.mobileNo || "N/A" : progressReport.mobileNo || "N/A";
+      const surveyorsMapped = progressReport.surveyors ? progressReport.surveyors.map(surv => {
+        var _surveyorSearchRespon, _matchedSurv$owner, _matchedSurv$owner2;
+        const matchedSurv = surveyorSearchResponse === null || surveyorSearchResponse === void 0 ? void 0 : (_surveyorSearchRespon = surveyorSearchResponse.surveyors) === null || _surveyorSearchRespon === void 0 ? void 0 : _surveyorSearchRespon.find(s => {
+          var _s$id6, _surv$surveyorId, _s$owner3, _s$owner3$uuid, _surv$surveyorId2;
+          return ((_s$id6 = s.id) === null || _s$id6 === void 0 ? void 0 : _s$id6.toLowerCase()) === ((_surv$surveyorId = surv.surveyorId) === null || _surv$surveyorId === void 0 ? void 0 : _surv$surveyorId.toLowerCase()) || ((_s$owner3 = s.owner) === null || _s$owner3 === void 0 ? void 0 : (_s$owner3$uuid = _s$owner3.uuid) === null || _s$owner3$uuid === void 0 ? void 0 : _s$owner3$uuid.toLowerCase()) === ((_surv$surveyorId2 = surv.surveyorId) === null || _surv$surveyorId2 === void 0 ? void 0 : _surv$surveyorId2.toLowerCase());
+        });
+        return {
+          surveyorId: surv.surveyorId || surv.id,
+          surveyorName: (matchedSurv === null || matchedSurv === void 0 ? void 0 : matchedSurv.name) || (matchedSurv === null || matchedSurv === void 0 ? void 0 : (_matchedSurv$owner = matchedSurv.owner) === null || _matchedSurv$owner === void 0 ? void 0 : _matchedSurv$owner.name) || surv.surveyorName || "N/A",
+          mobileNo: (matchedSurv === null || matchedSurv === void 0 ? void 0 : (_matchedSurv$owner2 = matchedSurv.owner) === null || _matchedSurv$owner2 === void 0 ? void 0 : _matchedSurv$owner2.mobileNumber) || (matchedSurv === null || matchedSurv === void 0 ? void 0 : matchedSurv.mobileNo) || surv.mobileNo || "N/A",
+          status: (matchedSurv === null || matchedSurv === void 0 ? void 0 : matchedSurv.status) || surv.status || "ACTIVE",
+          totalKnos: surv.totalKnos || 0,
+          submittedKnos: surv.submittedKnos || 0,
+          pendingKnos: surv.pendingKnos || 0,
+          progressPercent: surv.progressPercent || 0
+        };
+      }) : [];
+      return {
+        supervisorId: progressReport.supervisorId || progressReport.id,
+        supervisorName,
+        mobileNo,
+        status: progressReport.status || "ACTIVE",
+        assignedZoneId: progressReport.assignedZoneId || "N/A",
+        vendorId: progressReport.vendorId,
+        surveyors: surveyorsMapped,
+        totalKnos: progressReport.totalKnos || 0,
+        submittedKnos: progressReport.submittedKnos || 0,
+        pendingKnos: progressReport.pendingKnos || 0,
+        progressPercent: progressReport.progressPercent || 0
+      };
     }
     return null;
-  }, [progressData, supervisorSearchResponse, surveyorSearchResponse, supervisorId, loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.uuid]);
+  }, [progressData, supervisorSearchResponse, surveyorSearchResponse, supervisorId, loggedInUser]);
   const fullName = (supervisor === null || supervisor === void 0 ? void 0 : supervisor.supervisorName) || "N/A";
   const mobileNumber = (supervisor === null || supervisor === void 0 ? void 0 : supervisor.mobileNo) || "N/A";
   const email = (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.emailId) || "N/A";
@@ -7383,7 +6014,7 @@ const AssignEkycModal = _ref => {
 };
 
 const SurveyorDetailsDashboard = () => {
-  var _Digit$SessionStorage, _Digit$SessionStorage2, _Digit$SessionStorage3, _Digit$SessionStorage4, _surveyor$owner, _surveyor$owner2, _surveyor$owner3, _surveyor$owner4, _fullName$charAt, _dashboardData$dashbo, _dashboardData$dashbo2, _dashboardData$dashbo3, _dashboardData$dashbo4, _surveyor$owner8, _surveyor$owner9, _surveyor$owner0, _dashboardData$dashbo5, _dashboardData$dashbo6;
+  var _Digit$SessionStorage, _Digit$SessionStorage2, _surveyorSearchById$s, _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, _dashboardData$dashbo5, _dashboardData$dashbo6;
   const tenantId = Digit.ULBService.getCurrentTenantId();
   const _useState = React.useState(false),
     showModal = _useState[0],
@@ -7407,24 +6038,24 @@ const SurveyorDetailsDashboard = () => {
     }),
     surveyorSearchById = _Digit$Hooks$fsm$useS.data,
     isLoadingId = _Digit$Hooks$fsm$useS.isLoading;
+  const hasFoundById = !!(surveyorSearchById !== null && surveyorSearchById !== void 0 && (_surveyorSearchById$s = surveyorSearchById.surveyors) !== null && _surveyorSearchById$s !== void 0 && _surveyorSearchById$s.length);
   const _Digit$Hooks$fsm$useS2 = Digit.Hooks.fsm.useSurveyorSearch(tenantId, surveyorId ? {
       ownerIds: surveyorId
     } : {
       ownerIds
     }, {
-      enabled: true,
+      enabled: !surveyorId || !isLoadingId && !hasFoundById,
       staleTime: Infinity
     }),
     surveyorSearchByOwner = _Digit$Hooks$fsm$useS2.data,
     isLoadingOwner = _Digit$Hooks$fsm$useS2.isLoading;
   const surveyorSearchResponse = React.useMemo(() => {
-    if (surveyorId) {
-      var _surveyorSearchById$s;
-      return surveyorSearchById !== null && surveyorSearchById !== void 0 && (_surveyorSearchById$s = surveyorSearchById.surveyors) !== null && _surveyorSearchById$s !== void 0 && _surveyorSearchById$s.length ? surveyorSearchById : surveyorSearchByOwner;
+    if (surveyorId && hasFoundById) {
+      return surveyorSearchById;
     }
     return surveyorSearchByOwner;
-  }, [surveyorId, surveyorSearchById, surveyorSearchByOwner]);
-  const isLoading = surveyorId ? isLoadingId || isLoadingOwner : isLoadingOwner;
+  }, [surveyorId, hasFoundById, surveyorSearchById, surveyorSearchByOwner]);
+  const isLoading = surveyorId ? isLoadingId || isLoadingOwner && !hasFoundById : isLoadingOwner;
   const roles = (_Digit$SessionStorage3 = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage3 === void 0 ? void 0 : (_Digit$SessionStorage4 = _Digit$SessionStorage3.info) === null || _Digit$SessionStorage4 === void 0 ? void 0 : _Digit$SessionStorage4.roles.map(ele => ele.code);
   const surveyor = React.useMemo(() => {
     var _surveyorSearchRespon;
@@ -7433,14 +6064,16 @@ const SurveyorDetailsDashboard = () => {
   const _Digit$Hooks$fsm$useD = Digit.Hooks.fsm.useDsoSearch(tenantId, {
       status: "ACTIVE"
     }, {
-      enabled: !!tenantId
+      enabled: !!tenantId,
+      staleTime: 300000
     }),
     vendorData = _Digit$Hooks$fsm$useD.data,
     isVendorLoading = _Digit$Hooks$fsm$useD.isLoading;
   const _Digit$Hooks$fsm$useS3 = Digit.Hooks.fsm.useSupervisorSearch(tenantId, {
       status: "ACTIVE"
     }, {
-      enabled: !!tenantId
+      enabled: !!tenantId,
+      staleTime: 300000
     }),
     supervisorSearchResponse = _Digit$Hooks$fsm$useS3.data,
     isSupervisorSearchLoading = _Digit$Hooks$fsm$useS3.isLoading;
@@ -7994,174 +6627,371 @@ const SurveyorDetailsDashboard = () => {
       if (currentPage > 0) {
         setCurrentPage(prev => prev - 1);
       }
-    },
-    onFirstPage: () => {
-      setCurrentPage(0);
-    },
-    onLastPage: () => {
-      var _dashboardData$dashbo8;
-      setCurrentPage(Math.max(((dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo8 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo8 === void 0 ? void 0 : _dashboardData$dashbo8.totalPages) || 1) - 1, 0));
-    },
-    onPageSizeChange: e => {
-      setPageSize(Number(e.target.value));
-      setCurrentPage(0);
+    },
+    onFirstPage: () => {
+      setCurrentPage(0);
+    },
+    onLastPage: () => {
+      var _dashboardData$dashbo8;
+      setCurrentPage(Math.max(((dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo8 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo8 === void 0 ? void 0 : _dashboardData$dashbo8.totalPages) || 1) - 1, 0));
+    },
+    onPageSizeChange: e => {
+      setPageSize(Number(e.target.value));
+      setCurrentPage(0);
+    }
+  })), roles.includes("EKYC_SUPERVISOR") && /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
+    label: t("EKYC_ASSIGN_KNOS"),
+    onSubmit: () => setShowOptions(prev => !prev)
+  }), showOptions && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Menu, {
+    options: options,
+    optionKey: "action",
+    t: t,
+    onSelect: handleMenuSelect,
+    style: {
+      color: "#FFFFFF",
+      fontSize: "18px"
+    }
+  })), showModal && /*#__PURE__*/React__default.createElement(AssignEkycModal, {
+    surveyor: surveyor,
+    closeModal: closeModal,
+    refetchDashboard: refetchDashboard
+  }));
+};
+
+function formReducer(state, payload) {
+  const storageKey = "EKYC.SW.INBOX";
+  switch (payload.action) {
+    case "mutateSearchForm":
+      Digit.SessionStorage.set(storageKey, _extends({}, state, {
+        searchForm: payload.data
+      }));
+      return _extends({}, state, {
+        searchForm: payload.data
+      });
+    case "mutateFilterForm":
+      Digit.SessionStorage.set(storageKey, _extends({}, state, {
+        filterForm: payload.data
+      }));
+      return _extends({}, state, {
+        filterForm: payload.data
+      });
+    case "mutateTableForm":
+      Digit.SessionStorage.set(storageKey, _extends({}, state, {
+        tableForm: payload.data
+      }));
+      return _extends({}, state, {
+        tableForm: payload.data
+      });
+    default:
+      return state;
+  }
+}
+const formInitValue = {
+  filterForm: {},
+  searchForm: {},
+  tableForm: {
+    limit: 10,
+    offset: 0,
+    sortBy: "createdTime",
+    sortOrder: "DESC"
+  }
+};
+const tableColumnConfig = (t, handleReview) => [{
+  Header: t("SURVEYOR_NAME"),
+  accessor: "surveyorName",
+  Cell: _ref => {
+    var _row$original, _row$original2, _row$original3;
+    let row = _ref.row;
+    const id = (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.id;
+    return /*#__PURE__*/React__default.createElement("span", {
+      className: "link",
+      onClick: () => handleReview(id)
+    }, ((_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : _row$original2.surveyorName) || ((_row$original3 = row.original) === null || _row$original3 === void 0 ? void 0 : _row$original3.name) || "NA");
+  }
+}, {
+  Header: t("MOBILE_NUMBER"),
+  accessor: "mobileNo",
+  Cell: _ref2 => {
+    var _row$original4, _row$original5, _row$original5$owner;
+    let row = _ref2.row;
+    return /*#__PURE__*/React__default.createElement("span", null, ((_row$original4 = row.original) === null || _row$original4 === void 0 ? void 0 : _row$original4.mobileNo) || ((_row$original5 = row.original) === null || _row$original5 === void 0 ? void 0 : (_row$original5$owner = _row$original5.owner) === null || _row$original5$owner === void 0 ? void 0 : _row$original5$owner.mobileNumber) || "NA");
+  }
+}, {
+  Header: t("STATUS"),
+  accessor: "status",
+  Cell: _ref3 => {
+    var _row$original6;
+    let row = _ref3.row;
+    const status = ((_row$original6 = row.original) === null || _row$original6 === void 0 ? void 0 : _row$original6.status) || "DEFAULT";
+    return /*#__PURE__*/React__default.createElement("span", {
+      className: "ekyc-status-tag " + status
+    }, t(status));
+  }
+}, {
+  Header: t("SERVICE_TYPE"),
+  accessor: "serviceType",
+  Cell: _ref4 => {
+    var _row$original7;
+    let row = _ref4.row;
+    return /*#__PURE__*/React__default.createElement("span", null, ((_row$original7 = row.original) === null || _row$original7 === void 0 ? void 0 : _row$original7.serviceType) || "NA");
+  }
+}];
+
+const SupervisorInboxTableConfig = _ref => {
+  var _Digit$SessionStorage, _Digit$SessionStorage2, _Digit$SessionStorage3, _formState$tableForm, _formState$tableForm2;
+  let onPageSizeChange = _ref.onPageSizeChange,
+    formState = _ref.formState,
+    totalCount = _ref.totalCount,
+    table = _ref.table,
+    dispatch = _ref.dispatch,
+    onSortingByData = _ref.onSortingByData,
+    _ref$inboxStyles = _ref.inboxStyles,
+    inboxStyles = _ref$inboxStyles === void 0 ? {} : _ref$inboxStyles,
+    _ref$tableStyle = _ref.tableStyle,
+    tableStyle = _ref$tableStyle === void 0 ? {} : _ref$tableStyle;
+  const _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  const history = reactRouterDom.useHistory();
+  const userType = ((_Digit$SessionStorage = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage === void 0 ? void 0 : (_Digit$SessionStorage2 = _Digit$SessionStorage.info) === null || _Digit$SessionStorage2 === void 0 ? void 0 : (_Digit$SessionStorage3 = _Digit$SessionStorage2.type) === null || _Digit$SessionStorage3 === void 0 ? void 0 : _Digit$SessionStorage3.toLowerCase()) || "citizen";
+  const handleReview = id => {
+    history.push("/digit-ui/" + userType + "/ekyc/assign/surveyor-details/" + id);
+  };
+  const limit = (formState === null || formState === void 0 ? void 0 : (_formState$tableForm = formState.tableForm) === null || _formState$tableForm === void 0 ? void 0 : _formState$tableForm.limit) || 10;
+  const offset = (formState === null || formState === void 0 ? void 0 : (_formState$tableForm2 = formState.tableForm) === null || _formState$tableForm2 === void 0 ? void 0 : _formState$tableForm2.offset) || 0;
+  return {
+    disableSort: false,
+    autoSort: false,
+    manualPagination: true,
+    currentPage: Math.floor(offset / limit),
+    onPageSizeChange,
+    onNextPage: () => dispatch({
+      action: "mutateTableForm",
+      data: _extends({}, formState.tableForm, {
+        offset: Number(offset) + Number(limit)
+      })
+    }),
+    onPrevPage: () => dispatch({
+      action: "mutateTableForm",
+      data: _extends({}, formState.tableForm, {
+        offset: Number(offset) - Number(limit)
+      })
+    }),
+    onLastPage: () => dispatch({
+      action: "mutateTableForm",
+      data: _extends({}, formState.tableForm, {
+        offset: Math.ceil(totalCount / limit) * limit - Number(limit)
+      })
+    }),
+    onFirstPage: () => dispatch({
+      action: "mutateTableForm",
+      data: _extends({}, formState.tableForm, {
+        offset: 0
+      })
+    }),
+    totalRecords: totalCount,
+    onSort: onSortingByData,
+    data: table,
+    columns: tableColumnConfig(t, handleReview),
+    inboxStyles: _extends({}, inboxStyles),
+    tableStyle: _extends({}, tableStyle)
+  };
+};
+
+const AssignEkyc = () => {
+  var _formState$tableForm, _formState$tableForm2, _formState$tableForm3, _formState$tableForm4, _formState$searchForm, _dashboardData$dashbo;
+  let tenantId = Digit.ULBService.getCurrentTenantId();
+  if (!tenantId || tenantId === "dl") {
+    tenantId = "dl.djb";
+  }
+  const _useReducer = React.useReducer(formReducer, formInitValue),
+    formState = _useReducer[0],
+    dispatch = _useReducer[1];
+  let paginationParms = {
+    limit: (formState === null || formState === void 0 ? void 0 : (_formState$tableForm = formState.tableForm) === null || _formState$tableForm === void 0 ? void 0 : _formState$tableForm.limit) || 10,
+    offset: (formState === null || formState === void 0 ? void 0 : (_formState$tableForm2 = formState.tableForm) === null || _formState$tableForm2 === void 0 ? void 0 : _formState$tableForm2.offset) || 0,
+    sortBy: (formState === null || formState === void 0 ? void 0 : (_formState$tableForm3 = formState.tableForm) === null || _formState$tableForm3 === void 0 ? void 0 : _formState$tableForm3.sortBy) || "createdTime",
+    sortOrder: (formState === null || formState === void 0 ? void 0 : (_formState$tableForm4 = formState.tableForm) === null || _formState$tableForm4 === void 0 ? void 0 : _formState$tableForm4.sortOrder) || "DESC"
+  };
+  const mobileNumber = (formState === null || formState === void 0 ? void 0 : (_formState$searchForm = formState.searchForm) === null || _formState$searchForm === void 0 ? void 0 : _formState$searchForm.mobileNumber) || "";
+  const isSearchActive = !!mobileNumber;
+  const filters = _extends({}, paginationParms, {
+    status: "ACTIVE,DISABLED"
+  });
+  if (isSearchActive) {
+    filters.mobileNumber = mobileNumber;
+  }
+  const _Digit$Hooks$fsm$useS = Digit.Hooks.fsm.useSurveyorSearch(tenantId, filters, {
+      enabled: !!tenantId,
+      keepPreviousData: true
+    }),
+    dashboardData = _Digit$Hooks$fsm$useS.data,
+    isLoading = _Digit$Hooks$fsm$useS.isLoading;
+  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycAssignmentProgress({
+      enabled: !!tenantId,
+      keepPreviousData: true
+    }),
+    isDataSearchLoading = _Digit$Hooks$ekyc$use.isLoading;
+  const sourceData = React.useMemo(() => {
+    return (dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.surveyors) || [];
+  }, [dashboardData]);
+  const filteredData = React.useMemo(() => {
+    return (sourceData || []).map(item => {
+      var _owner$roles, _owner$roles$map, _item$additionalDetai, _item$auditDetails, _item$auditDetails2;
+      const owner = (item === null || item === void 0 ? void 0 : item.owner) || {};
+      const roleCodes = (owner === null || owner === void 0 ? void 0 : (_owner$roles = owner.roles) === null || _owner$roles === void 0 ? void 0 : (_owner$roles$map = _owner$roles.map(role => role.code)) === null || _owner$roles$map === void 0 ? void 0 : _owner$roles$map.join(", ")) || "";
+      return _extends({}, item, {
+        id: (item === null || item === void 0 ? void 0 : item.id) || "",
+        surveyorName: (item === null || item === void 0 ? void 0 : item.name) || (owner === null || owner === void 0 ? void 0 : owner.name) || "",
+        mobileNo: (item === null || item === void 0 ? void 0 : item.mobileNo) || (owner === null || owner === void 0 ? void 0 : owner.mobileNumber) || "",
+        email: (owner === null || owner === void 0 ? void 0 : owner.emailId) || "",
+        vendorId: (item === null || item === void 0 ? void 0 : item.vendorId) || "",
+        tenantId: (item === null || item === void 0 ? void 0 : item.tenantId) || "",
+        supervisorId: (item === null || item === void 0 ? void 0 : item.supervisorId) || "",
+        status: (item === null || item === void 0 ? void 0 : item.status) || "",
+        roleCodes,
+        userName: (owner === null || owner === void 0 ? void 0 : owner.userName) || "",
+        gender: (owner === null || owner === void 0 ? void 0 : owner.gender) || "",
+        serviceType: (item === null || item === void 0 ? void 0 : (_item$additionalDetai = item.additionalDetails) === null || _item$additionalDetai === void 0 ? void 0 : _item$additionalDetai.serviceType) || "",
+        createdTime: (item === null || item === void 0 ? void 0 : (_item$auditDetails = item.auditDetails) === null || _item$auditDetails === void 0 ? void 0 : _item$auditDetails.createdTime) || 0,
+        lastModifiedTime: (item === null || item === void 0 ? void 0 : (_item$auditDetails2 = item.auditDetails) === null || _item$auditDetails2 === void 0 ? void 0 : _item$auditDetails2.lastModifiedTime) || 0
+      });
+    });
+  }, [sourceData]);
+  const totalRecords = (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo = dashboardData.dashboardInfo) === null || _dashboardData$dashbo === void 0 ? void 0 : _dashboardData$dashbo.totalRecords) || (dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.totalCount) || 0;
+  const SearchFormFields = React.useCallback(_ref => {
+    let registerRef = _ref.registerRef,
+      searchFormState = _ref.searchFormState,
+      controlSearchForm = _ref.controlSearchForm;
+    return /*#__PURE__*/React__default.createElement(SearchFormFieldsComponents, {
+      registerRef,
+      searchFormState,
+      controlSearchForm,
+      searchType: "mobile",
+      className: "search"
+    });
+  }, []);
+  const tableOrderFormDefaultValues = {
+    sortBy: "createdTime",
+    limit: window.Digit.Utils.browser.isMobile() ? 50 : 10,
+    offset: 0,
+    sortOrder: "DESC"
+  };
+  const onSearchFormSubmit = data => {
+    data.hasOwnProperty("") && (data === null || data === void 0 ? true : delete data[""]);
+    dispatch({
+      action: "mutateTableForm",
+      data: _extends({}, tableOrderFormDefaultValues)
+    });
+    dispatch({
+      action: "mutateSearchForm",
+      data
+    });
+  };
+  const searchFormDefaultValues = {
+    mobileNumber: "",
+    applicationNumber: "",
+    consumerNo: ""
+  };
+  const onSearchFormReset = setSearchFormValue => {
+    setSearchFormValue("mobileNumber", null);
+    setSearchFormValue("applicationNumber", null);
+    setSearchFormValue("consumerNo", null);
+    dispatch({
+      action: "mutateSearchForm",
+      data: searchFormDefaultValues
+    });
+  };
+  const propsForSearchForm = {
+    SearchFormFields,
+    onSearchFormSubmit,
+    searchFormDefaultValues: formState === null || formState === void 0 ? void 0 : formState.searchForm,
+    resetSearchFormDefaultValues: searchFormDefaultValues,
+    onSearchFormReset,
+    className: "search-form-wns-inbox"
+  };
+  const onPageSizeChange = e => {
+    const newLimit = Number(e.target.value);
+    dispatch({
+      action: "mutateTableForm",
+      data: _extends({}, formState.tableForm, {
+        limit: newLimit,
+        offset: 0
+      })
+    });
+  };
+  const onSortingByData = e => {
+    if (e.length > 0) {
+      const _e$ = e[0],
+        id = _e$.id,
+        desc = _e$.desc;
+      const sortOrder = desc ? "DESC" : "ASC";
+      const sortBy = id;
+      if (!(formState.tableForm.sortBy === sortBy && formState.tableForm.sortOrder === sortOrder)) {
+        dispatch({
+          action: "mutateTableForm",
+          data: _extends({}, formState.tableForm, {
+            sortBy: id,
+            sortOrder: desc ? "DESC" : "ASC"
+          })
+        });
+      }
     }
-  })), roles.includes("EKYC_SUPERVISOR") && /*#__PURE__*/React__default.createElement(digitUiReactComponents.ActionBar, null, /*#__PURE__*/React__default.createElement(digitUiReactComponents.SubmitBar, {
-    label: t("EKYC_ASSIGN_KNOS"),
-    onSubmit: () => setShowOptions(prev => !prev)
-  }), showOptions && /*#__PURE__*/React__default.createElement(digitUiReactComponents.Menu, {
-    options: options,
-    optionKey: "action",
-    t: t,
-    onSelect: handleMenuSelect,
-    style: {
-      color: "#FFFFFF",
-      fontSize: "18px"
+  };
+  const propsForInboxTable = SupervisorInboxTableConfig(_extends({}, {
+    onPageSizeChange,
+    formState,
+    totalCount: totalRecords,
+    table: filteredData,
+    dispatch,
+    onSortingByData,
+    tenantId,
+    inboxStyles: {
+      overflowX: "scroll",
+      overflowY: "hidden"
+    },
+    tableStyle: {
+      width: "70%"
     }
-  })), showModal && /*#__PURE__*/React__default.createElement(AssignEkycModal, {
-    surveyor: surveyor,
-    closeModal: closeModal,
-    refetchDashboard: refetchDashboard
   }));
-};
-
-const vendors = [{
-  id: 1,
-  name: "Vendor Alpha",
-  progress: 78,
-  supervisors: 12,
-  surveyors: 148,
-  completed: 154200,
-  pending: 43200,
-  rejected: 3200
-}, {
-  id: 2,
-  name: "Vendor Beta",
-  progress: 64,
-  supervisors: 10,
-  surveyors: 122,
-  completed: 121000,
-  pending: 68500,
-  rejected: 2800
-}, {
-  id: 3,
-  name: "Vendor Gamma",
-  progress: 91,
-  supervisors: 15,
-  surveyors: 182,
-  completed: 201500,
-  pending: 19800,
-  rejected: 1800
-}];
-const zones = [{
-  zone: "North Delhi",
-  totalConnections: 220000,
-  ekycDone: 172000,
-  liveSurveyors: 58,
-  todayCompleted: 2800
-}, {
-  zone: "South Delhi",
-  totalConnections: 198000,
-  ekycDone: 154500,
-  liveSurveyors: 42,
-  todayCompleted: 2100
-}, {
-  zone: "East Delhi",
-  totalConnections: 175000,
-  ekycDone: 132800,
-  liveSurveyors: 37,
-  todayCompleted: 1740
-}, {
-  zone: "West Delhi",
-  totalConnections: 212000,
-  ekycDone: 188300,
-  liveSurveyors: 48,
-  todayCompleted: 2560
-}];
-const alerts = ["15 Surveyors inactive for more than 2 hours", "Vendor Beta completion dropped by 12% this week", "North Delhi has highest pending backlog", "2,843 eKYC applications rejected today"];
-const CeoDashboard$1 = () => {
+  const isInboxLoading = isLoading;
+  const onMobileSortOrderData = data => {
+    const sortOrder = data.sortOrder;
+    dispatch({
+      action: "mutateTableForm",
+      data: _extends({}, formState.tableForm, {
+        sortOrder
+      })
+    });
+  };
+  const onSortFormReset = setSortFormValue => {
+    setSortFormValue("sortOrder", "DESC");
+    dispatch({
+      action: "mutateTableForm",
+      data: tableOrderFormDefaultValues
+    });
+  };
+  const propsForMobileSortForm = {
+    onMobileSortOrderData,
+    sortFormDefaultValues: formState === null || formState === void 0 ? void 0 : formState.tableForm,
+    onSortFormReset
+  };
+  const propsForInboxMobileCards = useInboxMobileCardsData({
+    table: filteredData,
+    isSupervisor: true
+  });
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "ekyc-dashboard-wrapper"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "ceo-dashboard"
-  }, /*#__PURE__*/React__default.createElement("main", {
-    className: "main-content"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "kpi-grid"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "kpi-card primary"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "icon-box"
-  }, /*#__PURE__*/React__default.createElement(fa.FaUsers, null)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h3", null, "7,85,000"), /*#__PURE__*/React__default.createElement("p", null, "Total Water Connections"))), /*#__PURE__*/React__default.createElement("div", {
-    className: "kpi-card success"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "icon-box"
-  }, /*#__PURE__*/React__default.createElement(fa.FaCheckCircle, null)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h3", null, "6,47,300"), /*#__PURE__*/React__default.createElement("p", null, "eKYC Completed"))), /*#__PURE__*/React__default.createElement("div", {
-    className: "kpi-card warning"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "icon-box"
-  }, /*#__PURE__*/React__default.createElement(fa.FaClock, null)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h3", null, "1,31,500"), /*#__PURE__*/React__default.createElement("p", null, "Pending eKYC"))), /*#__PURE__*/React__default.createElement("div", {
-    className: "kpi-card danger"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "icon-box"
-  }, /*#__PURE__*/React__default.createElement(fa.FaExclamationTriangle, null)), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h3", null, "7,200"), /*#__PURE__*/React__default.createElement("p", null, "Rejected Applications")))), /*#__PURE__*/React__default.createElement("section", {
-    className: "dashboard-section"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "section-header"
-  }, /*#__PURE__*/React__default.createElement("h2", null, /*#__PURE__*/React__default.createElement(fa.FaChartLine, null), " Vendor Performance Overview"), /*#__PURE__*/React__default.createElement("button", null, "View All")), /*#__PURE__*/React__default.createElement("div", {
-    className: "vendor-grid"
-  }, vendors.map(vendor => /*#__PURE__*/React__default.createElement("div", {
-    className: "vendor-card",
-    key: vendor.id
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "vendor-top"
-  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h3", null, vendor.name), /*#__PURE__*/React__default.createElement("p", null, "Jurisdiction Assigned Vendor")), /*#__PURE__*/React__default.createElement("span", null, vendor.progress, "%")), /*#__PURE__*/React__default.createElement("div", {
-    className: "progress-bar"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "progress-fill",
-    style: {
-      width: vendor.progress + "%"
-    }
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "vendor-stats"
-  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h4", null, vendor.supervisors), /*#__PURE__*/React__default.createElement("p", null, "Supervisors")), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h4", null, vendor.surveyors), /*#__PURE__*/React__default.createElement("p", null, "Surveyors")), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h4", null, vendor.completed), /*#__PURE__*/React__default.createElement("p", null, "Completed"))), /*#__PURE__*/React__default.createElement("div", {
-    className: "vendor-footer"
-  }, /*#__PURE__*/React__default.createElement("span", null, "Pending: ", vendor.pending), /*#__PURE__*/React__default.createElement("span", null, "Rejected: ", vendor.rejected)))))), /*#__PURE__*/React__default.createElement("section", {
-    className: "dashboard-section"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "section-header"
-  }, /*#__PURE__*/React__default.createElement("h2", null, /*#__PURE__*/React__default.createElement(fa.FaMapMarkedAlt, null), " Jurisdiction Monitoring"), /*#__PURE__*/React__default.createElement("button", null, "Export Data")), /*#__PURE__*/React__default.createElement("div", {
-    className: "table-wrapper"
-  }, /*#__PURE__*/React__default.createElement("table", null, /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, /*#__PURE__*/React__default.createElement("th", null, "Zone"), /*#__PURE__*/React__default.createElement("th", null, "Total Connections"), /*#__PURE__*/React__default.createElement("th", null, "eKYC Done"), /*#__PURE__*/React__default.createElement("th", null, "Live Surveyors"), /*#__PURE__*/React__default.createElement("th", null, "Today's Completion"), /*#__PURE__*/React__default.createElement("th", null, "Status"))), /*#__PURE__*/React__default.createElement("tbody", null, zones.map((item, index) => /*#__PURE__*/React__default.createElement("tr", {
-    key: index
-  }, /*#__PURE__*/React__default.createElement("td", null, item.zone), /*#__PURE__*/React__default.createElement("td", null, item.totalConnections), /*#__PURE__*/React__default.createElement("td", null, item.ekycDone), /*#__PURE__*/React__default.createElement("td", null, item.liveSurveyors), /*#__PURE__*/React__default.createElement("td", null, item.todayCompleted), /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement("span", {
-    className: "status-badge success"
-  }, "Active")))))))), /*#__PURE__*/React__default.createElement("div", {
-    className: "bottom-grid"
-  }, /*#__PURE__*/React__default.createElement("section", {
-    className: "dashboard-section alerts-section"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "section-header"
-  }, /*#__PURE__*/React__default.createElement("h2", null, /*#__PURE__*/React__default.createElement(fa.FaExclamationTriangle, null), " Critical Alerts")), /*#__PURE__*/React__default.createElement("div", {
-    className: "alerts-list"
-  }, alerts.map((alert, index) => /*#__PURE__*/React__default.createElement("div", {
-    className: "alert-card",
-    key: index
-  }, /*#__PURE__*/React__default.createElement(fa.FaExclamationTriangle, null), /*#__PURE__*/React__default.createElement("p", null, alert))))), /*#__PURE__*/React__default.createElement("section", {
-    className: "dashboard-section team-section"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "section-header"
-  }, /*#__PURE__*/React__default.createElement("h2", null, /*#__PURE__*/React__default.createElement(fa.FaUserTie, null), " Workforce Monitoring")), /*#__PURE__*/React__default.createElement("div", {
-    className: "team-stats-grid"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "team-box"
-  }, /*#__PURE__*/React__default.createElement("h3", null, "37"), /*#__PURE__*/React__default.createElement("p", null, "Total Supervisors Online")), /*#__PURE__*/React__default.createElement("div", {
-    className: "team-box"
-  }, /*#__PURE__*/React__default.createElement("h3", null, "154"), /*#__PURE__*/React__default.createElement("p", null, "Surveyors Active")), /*#__PURE__*/React__default.createElement("div", {
-    className: "team-box"
-  }, /*#__PURE__*/React__default.createElement("h3", null, "12,430"), /*#__PURE__*/React__default.createElement("p", null, "Today's eKYC Completed")), /*#__PURE__*/React__default.createElement("div", {
-    className: "team-box"
-  }, /*#__PURE__*/React__default.createElement("h3", null, "92%"), /*#__PURE__*/React__default.createElement("p", null, "Operational Efficiency"))))))));
+    className: "app-container"
+  }, /*#__PURE__*/React__default.createElement(digitUiReactComponents.InboxComposer, _extends({
+    isInboxLoading
+  }, propsForSearchForm, propsForMobileSortForm, {
+    propsForInboxTable,
+    propsForInboxMobileCards,
+    formState,
+    countData: dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.dashboardInfo,
+    isCardLoading: isDataSearchLoading,
+    showSearchOnMobile: true,
+    forceTable: true
+  })));
 };
 
 const breadcrumb = (userType, listLabel, listPath, detailLabel) => [{
@@ -8185,26 +7015,11 @@ const getEkycRoutes = userType => [{
   component: Review,
   layout: "normal",
   breadcrumb: "EKYC_REVIEW"
-}, {
-  path: "/create-kyc",
-  component: Create,
-  layout: "normal",
-  breadcrumb: "EKYC_CREATE_KYC"
-}, {
-  path: "/mapping",
-  component: Mapping,
-  layout: "normal",
-  breadcrumb: "EKYC_MAPPING"
 }, {
   path: "/admin-dashboard",
   component: AdminDashboard,
   layout: "normal",
   breadcrumb: "EKYC_ADMIN_DASHBOARD"
-}, {
-  path: "/ceo-dashboard",
-  component: CeoDashboard$1,
-  layout: "normal",
-  breadcrumb: "CEO_M.F_DOR_FINANCE_VIEW"
 }, {
   path: "/consumer-details",
   component: EKYCForm,
@@ -8337,16 +7152,6 @@ const EmployeeApp = _ref => {
       moduleCode: "EKYC",
       isInbox: true
     }))
-  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
-    path: path + "/create-kyc",
-    component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
-      layoutClass: "normal"
-    }, /*#__PURE__*/React__default.createElement(Create, null))
-  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
-    path: path + "/mapping",
-    component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
-      layoutClass: "normal"
-    }, /*#__PURE__*/React__default.createElement(Mapping, null))
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
     path: path + "/assign/surveyor-details/:id",
     exact: true,
@@ -8365,11 +7170,6 @@ const EmployeeApp = _ref => {
     component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
       layoutClass: "action"
     }, /*#__PURE__*/React__default.createElement(Review, null))
-  }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
-    path: path + "/ceo-dashboard",
-    component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {
-      layoutClass: "normal"
-    }, /*#__PURE__*/React__default.createElement(CeoDashboard, null))
   }), /*#__PURE__*/React__default.createElement(digitUiReactComponents.PrivateRoute, {
     path: path + "/admin-dashboard",
     component: () => /*#__PURE__*/React__default.createElement(digitUiReactComponents.LayoutWrapper, {