@djb25/digit-ui-module-ekyc 1.0.31 → 1.0.32

package/dist/index.modern.js

@@ -1859,7 +1859,7 @@ const useInboxTableConfig = _ref => {
       return dispatch({
         action: "mutateTableForm",
         data: _extends({}, formState.tableForm, {
-          offset: parseInt((_formState$tableForm3 = formState.tableForm) === null || _formState$tableForm3 === void 0 ? void 0 : _formState$tableForm3.offset) + 10
+          offset: parseInt((_formState$tableForm3 = formState.tableForm) === null || _formState$tableForm3 === void 0 ? void 0 : _formState$tableForm3.offset) + limit
         }),
         checkPathName
       });
@@ -1869,7 +1869,7 @@ const useInboxTableConfig = _ref => {
       return dispatch({
         action: "mutateTableForm",
         data: _extends({}, formState.tableForm, {
-          offset: parseInt((_formState$tableForm4 = formState.tableForm) === null || _formState$tableForm4 === void 0 ? void 0 : _formState$tableForm4.offset) - 10
+          offset: parseInt((_formState$tableForm4 = formState.tableForm) === null || _formState$tableForm4 === void 0 ? void 0 : _formState$tableForm4.offset) - limit
         }),
         checkPathName
       });
@@ -1881,7 +1881,7 @@ const useInboxTableConfig = _ref => {
     onLastPage: () => dispatch({
       action: "mutateTableForm",
       data: _extends({}, formState.tableForm, {
-        offset: Math.max(0, Math.ceil(totalCount / limit) - 10)
+        offset: Math.max(0, Math.floor((totalCount - 1) / limit) * limit)
       }),
       checkPathName
     }),
@@ -3209,6 +3209,19 @@ function _catch(body, recover) {
 	return result;
 }
 
+// Asynchronously await a promise and pass the result to a finally continuation
+function _finallyRethrows(body, finalizer) {
+	try {
+		var result = body();
+	} catch (e) {
+		return finalizer(true, e);
+	}
+	if (result && result.then) {
+		return result.then(finalizer.bind(null, false), finalizer.bind(null, true));
+	}
+	return finalizer(false, result);
+}
+
 const ActionButton = _ref => {
   let jumpTo = _ref.jumpTo,
     state = _ref.state;
@@ -3256,7 +3269,8 @@ const ReviewSection = _ref2 => {
     oldData = _ref2.oldData,
     t = _ref2.t,
     jumpTo = _ref2.jumpTo,
-    state = _ref2.state;
+    state = _ref2.state,
+    hideEditButton = _ref2.hideEditButton;
   return /*#__PURE__*/React.createElement("div", {
     className: "review-section-wrapper",
     style: {
@@ -3282,7 +3296,7 @@ const ReviewSection = _ref2 => {
       color: "#101828",
       fontWeight: "700"
     }
-  }, title), jumpTo && /*#__PURE__*/React.createElement(ActionButton, {
+  }, title), jumpTo && !hideEditButton && /*#__PURE__*/React.createElement(ActionButton, {
     jumpTo: jumpTo,
     state: state
   })), /*#__PURE__*/React.createElement("div", {
@@ -3373,13 +3387,14 @@ const ReviewSection = _ref2 => {
   })))));
 };
 const Review = () => {
-  var _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;
+  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 = useTranslation(),
     t = _useTranslation.t;
   const history = useHistory();
   const location = useLocation();
   let _useParams = useParams(),
-    kno = _useParams.kno;
+    kno = _useParams.kno,
+    applicationId = _useParams.applicationId;
   const _useState = useState(false),
     agree = _useState[0],
     setAgree = _useState[1];
@@ -3411,7 +3426,7 @@ const Review = () => {
   const flowState = location.state || {};
   const _flowState$edits = flowState.edits,
     edits = _flowState$edits === void 0 ? {} : _flowState$edits;
-  const activeKno = kno;
+  const activeKno = kno || applicationId;
   const _edits$aadhaarData = edits.aadhaarData,
     aadhaarData = _edits$aadhaarData === void 0 ? {} : _edits$aadhaarData,
     _edits$addressDetails = edits.addressDetails,
@@ -3431,6 +3446,11 @@ const Review = () => {
     }),
     searchData = _Digit$Hooks$ekyc$use.data,
     isSearchLoading = _Digit$Hooks$ekyc$use.isLoading;
+  const userRoles = ((_Digit$SessionStorage = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage === void 0 ? void 0 : (_Digit$SessionStorage2 = _Digit$SessionStorage.info) === null || _Digit$SessionStorage2 === void 0 ? void 0 : (_Digit$SessionStorage3 = _Digit$SessionStorage2.roles) === null || _Digit$SessionStorage3 === void 0 ? void 0 : _Digit$SessionStorage3.map(ele => ele.code)) || [];
+  const isZRO = userRoles.includes("EKYC_ZRO") || userRoles.includes("ZRO");
+  const isSupervisorOrSurveyorOrVendor = userRoles.includes("EKYC_SUPERVISOR") || userRoles.includes("EKYC_SURVEYOR") || userRoles.includes("EKYC_VENDOR");
+  const isStatusView = location.pathname.includes("/status/");
+  const hideEditButton = isSupervisorOrSurveyorOrVendor && !isZRO || isStatusView;
   const _extractReviewData = extractReviewData(searchData, flowState),
     apiNewData = _extractReviewData.newData,
     apiOldData = _extractReviewData.oldData;
@@ -3776,52 +3796,56 @@ const Review = () => {
     newData: connectionData,
     oldData: oldDataRaw === null || oldDataRaw === void 0 ? void 0 : oldDataRaw.connection,
     t: t,
-    jumpTo: baseUrl + "/consumer-details?kno=" + kno,
+    jumpTo: baseUrl + "/consumer-details?kno=" + activeKno,
     state: _extends({}, flowState, {
-      kNumber: kno,
-      kno,
+      kNumber: activeKno,
+      kno: activeKno,
       reviewData: searchData,
       edits
-    })
+    }),
+    hideEditButton: hideEditButton
   }), /*#__PURE__*/React.createElement(ReviewSection, {
     title: t("EKYC_ADDRESS_DETAILS"),
     fields: addressFields,
     newData: addressData,
     oldData: oldDataRaw === null || oldDataRaw === void 0 ? void 0 : oldDataRaw.address,
     t: t,
-    jumpTo: baseUrl + "/address-details?kno=" + kno,
+    jumpTo: baseUrl + "/address-details?kno=" + activeKno,
     state: _extends({}, flowState, {
-      kNumber: kno,
-      kno,
+      kNumber: activeKno,
+      kno: activeKno,
       reviewData: searchData,
       edits
-    })
+    }),
+    hideEditButton: hideEditButton
   }), /*#__PURE__*/React.createElement(ReviewSection, {
     title: t("EKYC_PROPERTY_INFO"),
     fields: propertyFields,
     newData: propertyData,
     oldData: oldDataRaw === null || oldDataRaw === void 0 ? void 0 : oldDataRaw.property,
     t: t,
-    jumpTo: baseUrl + "/property-info?kno=" + kno,
+    jumpTo: baseUrl + "/property-info?kno=" + activeKno,
     state: _extends({}, flowState, {
-      kNumber: kno,
-      kno,
+      kNumber: activeKno,
+      kno: activeKno,
       reviewData: searchData,
       edits
-    })
+    }),
+    hideEditButton: hideEditButton
   }), /*#__PURE__*/React.createElement(ReviewSection, {
     title: t("EKYC_METER_DETAILS"),
     fields: meterFields,
     newData: meterData,
     oldData: oldDataRaw === null || oldDataRaw === void 0 ? void 0 : oldDataRaw.meter,
     t: t,
-    jumpTo: baseUrl + "/meter-details?kno=" + kno,
+    jumpTo: baseUrl + "/meter-details?kno=" + activeKno,
     state: _extends({}, flowState, {
-      kNumber: kno,
-      kno,
+      kNumber: activeKno,
+      kno: activeKno,
       reviewData: searchData,
       edits
-    })
+    }),
+    hideEditButton: hideEditButton
   }), /*#__PURE__*/React.createElement("div", {
     style: {
       marginTop: "40px"
@@ -3878,7 +3902,7 @@ const Review = () => {
         fill: "#F47738"
       }
     }))
-  }))), /*#__PURE__*/React.createElement("div", {
+  }))), !hideEditButton && /*#__PURE__*/React.createElement("div", {
     style: {
       marginTop: "40px",
       paddingTop: "30px",
@@ -3895,7 +3919,7 @@ const Review = () => {
     }, t("EKYC_FINAL_DECLARATION")),
     onChange: handleDeclaration,
     checked: agree
-  })), /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
+  })), !hideEditButton && /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("TAKE_ACTION_FOR_APPROVE_REJECT"),
     onSubmit: () => setShowOptions(prev => !prev),
     disabled: !agree
@@ -4815,7 +4839,8 @@ const AssignEkycModal = _ref => {
   let surveyor = _ref.surveyor,
     closeModal = _ref.closeModal,
     refetchDashboard = _ref.refetchDashboard;
-  const _useTranslation = useTranslation();
+  const _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   const _useState = useState([]),
     selectedKnos = _useState[0],
     setSelectedKnos = _useState[1];
@@ -4975,16 +5000,43 @@ const AssignEkycModal = _ref => {
     onSuccess: response => {
       if (response !== null && response !== void 0 && response.error) {
         var _response$data;
-        setToastData({
-          error: true,
-          label: (response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.message) || "Something went wrong"
-        });
+        const errMsg = (response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.message) || "";
+        const isMrKeyAlreadyAssigned = errMsg.toLowerCase().includes("already assigned") || errMsg.toLowerCase().includes("already assign") || errMsg.toLowerCase().includes("mrkey") || errMsg.toLowerCase().includes("mr key");
+        if (isMrKeyAlreadyAssigned) {
+          setToastData({
+            error: true,
+            label: t("EKYC_MR_KEY_ALREADY_ASSIGNED_WITH_ANOTHER_SURVEYOR") || "mr key is already assign with another surveyor"
+          });
+        } else {
+          setToastData({
+            error: true,
+            label: t(errMsg) || errMsg || t("EKYC_SOMETHING_WENT_WRONG") || "Something went wrong"
+          });
+        }
+        setShowToast(true);
+        return;
+      }
+      if (response !== null && response !== void 0 && response.skipped && response.skipped.length > 0) {
+        var _response$skipped$;
+        const reason = ((_response$skipped$ = response.skipped[0]) === null || _response$skipped$ === void 0 ? void 0 : _response$skipped$.reason) || "";
+        const isMrKeyAlreadyAssigned = reason.toLowerCase().includes("already exists") || reason.toLowerCase().includes("already assign") || reason.toLowerCase().includes("active assignment") || reason.toLowerCase().includes("mrkey") || reason.toLowerCase().includes("mr key");
+        if (isMrKeyAlreadyAssigned) {
+          setToastData({
+            error: true,
+            label: t("EKYC_MR_KEY_ALREADY_ASSIGNED_WITH_ANOTHER_SURVEYOR") || "mr key is already assign with another surveyor"
+          });
+        } else {
+          setToastData({
+            error: true,
+            label: t(reason) || reason || t("EKYC_ASSIGNMENT_SKIPPED") || "Assignment skipped"
+          });
+        }
         setShowToast(true);
         return;
       }
       setToastData({
         error: false,
-        label: "Assignment successful"
+        label: t("EKYC_ASSIGNMENT_SUCCESSFUL") || "Assignment successful"
       });
       setShowToast(true);
       setTimeout(function () {
@@ -4999,10 +5051,19 @@ const AssignEkycModal = _ref => {
     },
     onError: error => {
       var _error$data, _error$response, _error$response$data;
-      setToastData({
-        error: true,
-        label: (error === null || error === void 0 ? void 0 : (_error$data = error.data) === null || _error$data === void 0 ? void 0 : _error$data.message) || (error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.message) || "Something went wrong"
-      });
+      const errMsg = (error === null || error === void 0 ? void 0 : (_error$data = error.data) === null || _error$data === void 0 ? void 0 : _error$data.message) || (error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.message) || "";
+      const isMrKeyAlreadyAssigned = errMsg.toLowerCase().includes("already assigned") || errMsg.toLowerCase().includes("already assign") || errMsg.toLowerCase().includes("mrkey") || errMsg.toLowerCase().includes("mr key");
+      if (isMrKeyAlreadyAssigned) {
+        setToastData({
+          error: true,
+          label: t("EKYC_MR_KEY_ALREADY_ASSIGNED_WITH_ANOTHER_SURVEYOR") || "mr key is already assign with another surveyor"
+        });
+      } else {
+        setToastData({
+          error: true,
+          label: t(errMsg) || errMsg || t("EKYC_SOMETHING_WENT_WRONG") || "Something went wrong"
+        });
+      }
       setShowToast(true);
     }
   });
@@ -5264,6 +5325,7 @@ const downloadSurveyorPDF = function (_ref) {
       hour12: false
     });
     const downloadDateTime = formattedDate + " " + formattedTime;
+    const isValDefined = val => val !== undefined && val !== null && val !== "";
     const details = [{
       title: t("SURVEYOR_DETAILS"),
       asSectionHeader: true,
@@ -5279,7 +5341,7 @@ const downloadSurveyorPDF = function (_ref) {
       }, {
         title: t("SUPERVISOR_NAME"),
         value: supervisorName
-      }].filter(item => item.value)
+      }].filter(item => isValDefined(item.value))
     }, {
       title: t("SUMMARY_STATISTICS"),
       asSectionHeader: true,
@@ -5295,7 +5357,7 @@ const downloadSurveyorPDF = function (_ref) {
       }, {
         title: t("SUBMITTED"),
         value: (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.submittedCount) || 0
-      }].filter(item => item.value)
+      }].filter(item => isValDefined(item.value))
     }];
     if (window.Digit && window.Digit.Utils && window.Digit.Utils.pdf && window.Digit.Utils.pdf.generateSurveyorReport) {
       window.Digit.Utils.pdf.generateSurveyorReport({
@@ -5320,9 +5382,126 @@ const downloadSurveyorPDF = function (_ref) {
     return Promise.reject(e);
   }
 };
+const downloadSupervisorPDF = function (_ref2) {
+  let rows = _ref2.rows,
+    supervisorName = _ref2.supervisorName,
+    mobileNumber = _ref2.mobileNumber,
+    vendorName = _ref2.vendorName,
+    dashboardInfo = _ref2.dashboardInfo,
+    t = _ref2.t;
+  try {
+    const tenantId = Digit.ULBService.getCurrentTenantId();
+    const name = "Delhi Jal Board";
+    const email = "contact@delhijalboard.nic.in";
+    const phoneNumber = "+91-11-23538416";
+    const currentDate = new Date();
+    const formattedDate = currentDate.toLocaleDateString("en-IN", {
+      day: "2-digit",
+      month: "2-digit",
+      year: "numeric"
+    });
+    const formattedTime = currentDate.toLocaleTimeString("en-IN", {
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit",
+      hour12: false
+    });
+    const downloadDateTime = formattedDate + " " + formattedTime;
+    const isValDefined = val => val !== undefined && val !== null && val !== "";
+    const details = [{
+      title: t("SUPERVISOR_DETAILS") || "Supervisor Details",
+      asSectionHeader: true,
+      values: [{
+        title: t("SUPERVISOR_NAME") || "Supervisor Name",
+        value: supervisorName
+      }, {
+        title: t("MOBILE_NUMBER") || "Mobile Number",
+        value: mobileNumber
+      }, {
+        title: t("VENDOR_NAME") || "Vendor Name",
+        value: vendorName
+      }].filter(item => isValDefined(item.value))
+    }, {
+      title: t("SUMMARY_STATISTICS") || "Summary Statistics",
+      asSectionHeader: true,
+      values: [{
+        title: t("TOTAL_ASSIGNED") || "Total Assigned",
+        value: (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.total) || 0
+      }, {
+        title: t("COMPLETED") || "Completed",
+        value: (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.completed) || 0
+      }, {
+        title: t("PENDING") || "Pending",
+        value: (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.pending) || 0
+      }, {
+        title: t("SUBMITTED") || "Submitted",
+        value: (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.submittedCount) || 0
+      }].filter(item => isValDefined(item.value))
+    }];
+    const mappedRows = rows.map(row => {
+      var _row$owner, _row$owner2;
+      return {
+        kno: row.name || ((_row$owner = row.owner) === null || _row$owner === void 0 ? void 0 : _row$owner.name) || "N/A",
+        firstName: ((_row$owner2 = row.owner) === null || _row$owner2 === void 0 ? void 0 : _row$owner2.mobileNumber) || row.mobileNo || "N/A",
+        lastName: "",
+        mobileNo: row.status || "N/A",
+        zoneName: String(row.total || 0),
+        ekycStatus: (row.completed || 0) + " / " + (row.pending || 0),
+        submittedAt: 1717171717171,
+        progress: row.progress || "0%"
+      };
+    });
+    const originalToLocaleDateString = Date.prototype.toLocaleDateString;
+    let progressIndex = 0;
+    Date.prototype.toLocaleDateString = function () {
+      if (progressIndex < mappedRows.length) {
+        return mappedRows[progressIndex++].progress || "0%";
+      }
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      return originalToLocaleDateString.apply(this, args);
+    };
+    const customT = key => {
+      if (key === "KNO") return t("SURVEYOR_NAME") || "Surveyor Name";
+      if (key === "CONSUMER") return t("MOBILE_NUMBER") || "Mobile Number";
+      if (key === "MOBILE") return t("STATUS") || "Status";
+      if (key === "ZONE") return t("TOTAL_EKYC_APPLICATIONS") || "Total eKYC Applications";
+      if (key === "EKYC_STATUS") return t("COMPLETED_PENDING") || "Completed / Pending";
+      if (key === "SUBMITTED_DATE") return t("OVERALL_PROGRESS") || "Overall Progress";
+      if (key === "CONSUMER_LIST") return t("CONNECTED_SURVEYORS") || "Connected Surveyors";
+      return t(key);
+    };
+    try {
+      if (window.Digit && window.Digit.Utils && window.Digit.Utils.pdf && window.Digit.Utils.pdf.generateSurveyorReport) {
+        window.Digit.Utils.pdf.generateSurveyorReport({
+          tenantId,
+          logo: null,
+          name,
+          email,
+          phoneNumber,
+          heading: t("EKYC_SUPERVISOR_REPORT") || "eKYC Supervisor Report",
+          details,
+          applicationNumber: mobileNumber,
+          rows: mappedRows,
+          t: customT,
+          hideApplicationNumber: true,
+          downloadTime: downloadDateTime
+        });
+      } else {
+        console.error("Digit.Utils.pdf.generateSurveyorReport is not available");
+      }
+    } finally {
+      Date.prototype.toLocaleDateString = originalToLocaleDateString;
+    }
+    return Promise.resolve();
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
 
 const SurveyorDetailsDashboard = () => {
-  var _Digit$SessionStorage, _Digit$SessionStorage2, _Digit$SessionStorage3, _Digit$SessionStorage4, _surveyor$owner, _surveyor$owner2, _surveyor$owner3, _surveyor$owner4, _fullName$charAt, _dashboardData$dashbo3, _dashboardData$dashbo4, _dashboardData$dashbo5, _dashboardData$dashbo6, _surveyor$owner5, _surveyor$owner6, _surveyor$owner7, _surveyor$additionalD, _dashboardData$dashbo7, _dashboardData$dashbo8;
+  var _Digit$SessionStorage, _Digit$SessionStorage2, _Digit$SessionStorage3, _Digit$SessionStorage4, _surveyor$owner, _surveyor$owner2, _surveyor$owner3, _surveyor$owner4, _fullName$charAt, _dashboardData$dashbo, _dashboardData$dashbo2, _dashboardData$dashbo3, _dashboardData$dashbo4, _surveyor$owner7, _surveyor$owner8, _surveyor$owner9, _surveyor$additionalD, _dashboardData$dashbo5, _dashboardData$dashbo6;
   const tenantId = Digit.ULBService.getCurrentTenantId();
   const _useState = useState(false),
     showModal = _useState[0],
@@ -5364,22 +5543,24 @@ const SurveyorDetailsDashboard = () => {
     supervisorSearchResponse = _Digit$Hooks$fsm$useS2.data;
   const vendorName = useMemo(() => {
     var _mappedVendor$dsoDeta;
+    if (surveyor !== null && surveyor !== void 0 && surveyor.vendorName) return surveyor.vendorName;
     if (!vendorData || !(surveyor !== null && surveyor !== void 0 && surveyor.vendorId)) return "N/A";
     const mappedVendor = vendorData.find(v => {
       var _v$dsoDetails, _v$dsoDetails2;
       return ((_v$dsoDetails = v.dsoDetails) === null || _v$dsoDetails === void 0 ? void 0 : _v$dsoDetails.id) === surveyor.vendorId || ((_v$dsoDetails2 = v.dsoDetails) === null || _v$dsoDetails2 === void 0 ? void 0 : _v$dsoDetails2.vendorId) === surveyor.vendorId;
     });
     return (mappedVendor === null || mappedVendor === void 0 ? void 0 : (_mappedVendor$dsoDeta = mappedVendor.dsoDetails) === null || _mappedVendor$dsoDeta === void 0 ? void 0 : _mappedVendor$dsoDeta.name) || surveyor.vendorId || "N/A";
-  }, [vendorData, surveyor === null || surveyor === void 0 ? void 0 : surveyor.vendorId]);
+  }, [vendorData, surveyor === null || surveyor === void 0 ? void 0 : surveyor.vendorId, surveyor === null || surveyor === void 0 ? void 0 : surveyor.vendorName]);
   const supervisorName = useMemo(() => {
     var _mappedSupervisor$own;
+    if (surveyor !== null && surveyor !== void 0 && surveyor.supervisorName) return surveyor.supervisorName;
     if (!(supervisorSearchResponse !== null && supervisorSearchResponse !== void 0 && supervisorSearchResponse.supervisors) || !(surveyor !== null && surveyor !== void 0 && surveyor.supervisorId)) return "N/A";
     const mappedSupervisor = supervisorSearchResponse.supervisors.find(s => {
       var _s$owner;
       return s.id === surveyor.supervisorId || ((_s$owner = s.owner) === null || _s$owner === void 0 ? void 0 : _s$owner.uuid) === surveyor.supervisorId;
     });
     return (mappedSupervisor === null || mappedSupervisor === void 0 ? void 0 : mappedSupervisor.name) || (mappedSupervisor === null || mappedSupervisor === void 0 ? void 0 : (_mappedSupervisor$own = mappedSupervisor.owner) === null || _mappedSupervisor$own === void 0 ? void 0 : _mappedSupervisor$own.name) || surveyor.supervisorId || "N/A";
-  }, [supervisorSearchResponse, surveyor === null || surveyor === void 0 ? void 0 : surveyor.supervisorId]);
+  }, [supervisorSearchResponse, surveyor === null || surveyor === void 0 ? void 0 : surveyor.supervisorId, surveyor === null || surveyor === void 0 ? void 0 : surveyor.supervisorName]);
   const fullName = (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner = surveyor.owner) === null || _surveyor$owner === void 0 ? void 0 : _surveyor$owner.name) || (surveyor === null || surveyor === void 0 ? void 0 : surveyor.name) || "N/A";
   const employeeId = (surveyor === null || surveyor === void 0 ? void 0 : surveyor.employeeId) || (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner2 = surveyor.owner) === null || _surveyor$owner2 === void 0 ? void 0 : _surveyor$owner2.uuid) || (surveyor === null || surveyor === void 0 ? void 0 : surveyor.id);
   const mobileNumber = (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner3 = surveyor.owner) === null || _surveyor$owner3 === void 0 ? void 0 : _surveyor$owner3.mobileNumber) || (surveyor === null || surveyor === void 0 ? void 0 : surveyor.mobileNo) || "N/A";
@@ -5413,9 +5594,6 @@ const SurveyorDetailsDashboard = () => {
   }, {
     Header: "Zone",
     accessor: "zoneName"
-  }, {
-    Header: "Pincode",
-    accessor: "pincode"
   }, {
     Header: "Status",
     accessor: "status",
@@ -5445,6 +5623,9 @@ const SurveyorDetailsDashboard = () => {
   const _useState7 = useState(false),
     showCustomPicker = _useState7[0],
     setShowCustomPicker = _useState7[1];
+  const _useState8 = useState(false),
+    reportLoading = _useState8[0],
+    setReportLoading = _useState8[1];
   const reportMenuRef = useRef(null);
   useEffect(() => {
     const handler = e => {
@@ -5494,54 +5675,99 @@ const SurveyorDetailsDashboard = () => {
     }
     return null;
   };
-  const handlePresetDownload = filter => {
-    var _dashboardData$dashbo;
-    const allRows = (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo = dashboardData.dashboardInfo) === null || _dashboardData$dashbo === void 0 ? void 0 : _dashboardData$dashbo.consumerList) || [];
-    const range = getDateRange(filter);
-    if (!range) return;
-    const filtered = allRows.filter(r => {
-      const ts = r.submittedAt || r.createdTime || r.lastModifiedTime || 0;
-      return ts >= range.from.getTime() && ts <= range.to.getTime();
-    });
-    downloadSurveyorPDF({
-      rows: filtered.length ? filtered : allRows,
-      surveyorName: fullName,
-      vendorName,
-      supervisorName,
-      employeeId,
-      mobileNumber,
-      dashboardInfo: dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.dashboardInfo,
-      t
-    });
-    setShowReportMenu(false);
-    setShowCustomPicker(false);
+  const handlePresetDownload = function (filter) {
+    try {
+      const range = getDateRange(filter);
+      if (!range) return Promise.resolve();
+      setReportLoading(true);
+      const _temp = _finallyRethrows(function () {
+        return _catch(function () {
+          var _surveyor$owner5;
+          return Promise.resolve(Digit.EkycService.dashboard({}, {
+            tenantId: "dl.djb",
+            offset: 0,
+            limit: 1000,
+            surveyorId: surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner5 = surveyor.owner) === null || _surveyor$owner5 === void 0 ? void 0 : _surveyor$owner5.uuid,
+            fromDate: range.from.getTime(),
+            toDate: range.to.getTime()
+          })).then(function (response) {
+            var _response$dashboardIn;
+            const rows = (response === null || response === void 0 ? void 0 : (_response$dashboardIn = response.dashboardInfo) === null || _response$dashboardIn === void 0 ? void 0 : _response$dashboardIn.consumerList) || [];
+            downloadSurveyorPDF({
+              rows: rows,
+              surveyorName: fullName,
+              vendorName,
+              supervisorName,
+              employeeId,
+              mobileNumber,
+              dashboardInfo: (response === null || response === void 0 ? void 0 : response.dashboardInfo) || {},
+              t
+            });
+          });
+        }, function (err) {
+          console.error("Failed to fetch dashboard data for report download:", err);
+        });
+      }, function (_wasThrown, _result) {
+        setReportLoading(false);
+        setShowReportMenu(false);
+        setShowCustomPicker(false);
+        if (_wasThrown) throw _result;
+        return _result;
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
   };
-  const handleCustomDownload = () => {
-    var _dashboardData$dashbo2;
-    if (!customDate.from || !customDate.to) {
-      alert(t("SELECT_DATE_RANGE") || "Please select both From and To dates.");
-      return;
+  const handleCustomDownload = function () {
+    try {
+      if (!customDate.from || !customDate.to) {
+        alert(t("SELECT_DATE_RANGE") || "Please select both From and To dates.");
+        return Promise.resolve();
+      }
+      const from = new Date(customDate.from);
+      from.setHours(0, 0, 0, 0);
+      const to = new Date(customDate.to);
+      to.setHours(23, 59, 59, 999);
+      setReportLoading(true);
+      const _temp2 = _finallyRethrows(function () {
+        return _catch(function () {
+          var _surveyor$owner6;
+          return Promise.resolve(Digit.EkycService.dashboard({}, {
+            tenantId: "dl.djb",
+            offset: 0,
+            limit: 1000,
+            surveyorId: surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner6 = surveyor.owner) === null || _surveyor$owner6 === void 0 ? void 0 : _surveyor$owner6.uuid,
+            fromDate: from.getTime(),
+            toDate: to.getTime()
+          })).then(function (response) {
+            var _response$dashboardIn2;
+            const rows = (response === null || response === void 0 ? void 0 : (_response$dashboardIn2 = response.dashboardInfo) === null || _response$dashboardIn2 === void 0 ? void 0 : _response$dashboardIn2.consumerList) || [];
+            downloadSurveyorPDF({
+              rows: rows,
+              surveyorName: fullName,
+              vendorName,
+              supervisorName,
+              employeeId,
+              mobileNumber,
+              dashboardInfo: (response === null || response === void 0 ? void 0 : response.dashboardInfo) || {},
+              t
+            });
+          });
+        }, function (err) {
+          console.error("Failed to fetch custom dashboard data for report download:", err);
+        });
+      }, function (_wasThrown2, _result2) {
+        setReportLoading(false);
+        setShowReportMenu(false);
+        setShowCustomPicker(false);
+        if (_wasThrown2) throw _result2;
+        return _result2;
+      });
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
     }
-    const from = new Date(customDate.from);
-    const to = new Date(customDate.to);
-    to.setHours(23, 59, 59, 999);
-    const allRows = (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo2 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo2 === void 0 ? void 0 : _dashboardData$dashbo2.consumerList) || [];
-    const filtered = allRows.filter(r => {
-      const ts = r.createdTime || r.lastModifiedTime || 0;
-      return ts >= from.getTime() && ts <= to.getTime();
-    });
-    downloadSurveyorPDF({
-      rows: filtered.length ? filtered : allRows,
-      surveyorName: fullName,
-      vendorName,
-      supervisorName,
-      employeeId,
-      mobileNumber,
-      dashboardInfo: dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.dashboardInfo,
-      t
-    });
-    setShowReportMenu(false);
-    setShowCustomPicker(false);
   };
   const StatCard = _ref3 => {
     let title = _ref3.title,
@@ -5594,11 +5820,12 @@ const SurveyorDetailsDashboard = () => {
     ref: reportMenuRef
   }, /*#__PURE__*/React.createElement("button", {
     className: "download-btn",
+    disabled: reportLoading,
     onClick: () => {
       setShowReportMenu(p => !p);
       setShowCustomPicker(false);
     }
-  }, t("DOWNLOAD_REPORT") || "Download Report"), showReportMenu && /*#__PURE__*/React.createElement("div", {
+  }, reportLoading ? t("DOWNLOADING") || "Downloading..." : t("DOWNLOAD_REPORT") || "Download Report"), showReportMenu && /*#__PURE__*/React.createElement("div", {
     className: "report-menu"
   }, [{
     label: t("TODAY") || "Today",
@@ -5651,22 +5878,22 @@ const SurveyorDetailsDashboard = () => {
     className: "stats-wrapper"
   }, /*#__PURE__*/React.createElement(StatCard, {
     title: t("TOTAL_ASSIGNED"),
-    value: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo3 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo3 === void 0 ? void 0 : _dashboardData$dashbo3.total) || 0,
+    value: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo = dashboardData.dashboardInfo) === null || _dashboardData$dashbo === void 0 ? void 0 : _dashboardData$dashbo.total) || 0,
     type: "today",
     isLoading: isDashboardLoading
   }), /*#__PURE__*/React.createElement(StatCard, {
     title: t("COMPLETED"),
-    value: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo4 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo4 === void 0 ? void 0 : _dashboardData$dashbo4.completed) || 0,
+    value: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo2 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo2 === void 0 ? void 0 : _dashboardData$dashbo2.completed) || 0,
     type: "week",
     isLoading: isDashboardLoading
   }), /*#__PURE__*/React.createElement(StatCard, {
     title: t("PENDING"),
-    value: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo5 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo5 === void 0 ? void 0 : _dashboardData$dashbo5.pending) || 0,
+    value: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo3 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo3 === void 0 ? void 0 : _dashboardData$dashbo3.pending) || 0,
     type: "pending",
     isLoading: isDashboardLoading
   }), /*#__PURE__*/React.createElement(StatCard, {
     title: t("SUBMITTED"),
-    value: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo6 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo6 === void 0 ? void 0 : _dashboardData$dashbo6.submittedCount) || 0,
+    value: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo4 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo4 === void 0 ? void 0 : _dashboardData$dashbo4.submittedCount) || 0,
     type: "month",
     isLoading: isDashboardLoading
   })), /*#__PURE__*/React.createElement("div", {
@@ -5681,19 +5908,19 @@ const SurveyorDetailsDashboard = () => {
     className: "label"
   }, t("MOBILE"), ":"), /*#__PURE__*/React.createElement("span", {
     className: "value"
-  }, (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner5 = surveyor.owner) === null || _surveyor$owner5 === void 0 ? void 0 : _surveyor$owner5.mobileNumber) || (surveyor === null || surveyor === void 0 ? void 0 : surveyor.mobileNo) || "N/A")), /*#__PURE__*/React.createElement("div", {
+  }, (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner7 = surveyor.owner) === null || _surveyor$owner7 === void 0 ? void 0 : _surveyor$owner7.mobileNumber) || (surveyor === null || surveyor === void 0 ? void 0 : surveyor.mobileNo) || "N/A")), /*#__PURE__*/React.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"
   }, t("EMAIL"), ":"), /*#__PURE__*/React.createElement("span", {
     className: "value"
-  }, (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner6 = surveyor.owner) === null || _surveyor$owner6 === void 0 ? void 0 : _surveyor$owner6.emailId) || "N/A")), /*#__PURE__*/React.createElement("div", {
+  }, (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner8 = surveyor.owner) === null || _surveyor$owner8 === void 0 ? void 0 : _surveyor$owner8.emailId) || "N/A")), /*#__PURE__*/React.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"
   }, t("GENDER"), ":"), /*#__PURE__*/React.createElement("span", {
     className: "value"
-  }, (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner7 = surveyor.owner) === null || _surveyor$owner7 === void 0 ? void 0 : _surveyor$owner7.gender) || "N/A")), /*#__PURE__*/React.createElement("div", {
+  }, (surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner9 = surveyor.owner) === null || _surveyor$owner9 === void 0 ? void 0 : _surveyor$owner9.gender) || "N/A")), /*#__PURE__*/React.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"
@@ -5711,22 +5938,28 @@ const SurveyorDetailsDashboard = () => {
     className: "label"
   }, t("VENDOR_NAME") || "Vendor Name", ":"), /*#__PURE__*/React.createElement("span", {
     className: "value"
-  }, vendorName)))), /*#__PURE__*/React.createElement(Card, {
+  }, vendorName)), /*#__PURE__*/React.createElement("div", {
+    className: "detail-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "label"
+  }, t("SUPERVISOR_NAME") || "Supervisor Name", ":"), /*#__PURE__*/React.createElement("span", {
+    className: "value"
+  }, supervisorName)))), /*#__PURE__*/React.createElement(Card, {
     className: "dashboard-card"
   }, /*#__PURE__*/React.createElement(Table, {
     t: t,
     tableTitle: t("ASSIGNED_KNOS"),
     tableClass: "ekycTable",
-    data: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo7 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo7 === void 0 ? void 0 : _dashboardData$dashbo7.consumerList) || [],
+    data: (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo5 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo5 === void 0 ? void 0 : _dashboardData$dashbo5.consumerList) || [],
     columns: knoColumns,
     isLoading: isDashboardLoading,
-    totalRecords: dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo8 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo8 === void 0 ? void 0 : _dashboardData$dashbo8.total,
+    totalRecords: dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo6 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo6 === void 0 ? void 0 : _dashboardData$dashbo6.total,
     currentPage: currentPage,
     pageSizeLimit: pageSize,
     isPaginationRequired: true,
     onNextPage: () => {
-      var _dashboardData$dashbo9;
-      if (currentPage < ((dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo9 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo9 === void 0 ? void 0 : _dashboardData$dashbo9.totalPages) || 1) - 1) {
+      var _dashboardData$dashbo7;
+      if (currentPage < ((dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo7 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo7 === void 0 ? void 0 : _dashboardData$dashbo7.totalPages) || 1) - 1) {
         setCurrentPage(prev => prev + 1);
       }
     },
@@ -5739,8 +5972,8 @@ const SurveyorDetailsDashboard = () => {
       setCurrentPage(0);
     },
     onLastPage: () => {
-      var _dashboardData$dashbo0;
-      setCurrentPage(Math.max(((dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo0 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo0 === void 0 ? void 0 : _dashboardData$dashbo0.totalPages) || 1) - 1, 0));
+      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));
@@ -7314,6 +7547,12 @@ const Home = () => {
       link: "/digit-ui/citizen/ekyc/assign"
     });
   }
+  if (roles.includes("EKYC_SUPERVISOR")) {
+    propsForModuleCard.links.push({
+      label: t("EKYC_SUPERVISOR_DASHBOARD"),
+      link: "/digit-ui/citizen/ekyc/supervisor-dashboard"
+    });
+  }
   if (roles.length === 1 && roles.includes("CITIZEN")) {
     propsForModuleCard.links.push({
       label: t("EKYC_STATUS"),
@@ -7334,7 +7573,7 @@ const Inbox$1 = _ref => {
     filterForm: {},
     searchForm: {},
     tableForm: {
-      limit: 10,
+      limit: 20,
       offset: 0,
       sortBy: "createdTime",
       sortOrder: "DESC"
@@ -7348,7 +7587,7 @@ const Inbox$1 = _ref => {
     return {
       tenantId,
       offset: (formState === null || formState === void 0 ? void 0 : (_formState$tableForm = formState.tableForm) === null || _formState$tableForm === void 0 ? void 0 : _formState$tableForm.offset) || 0,
-      limit: (formState === null || formState === void 0 ? void 0 : (_formState$tableForm2 = formState.tableForm) === null || _formState$tableForm2 === void 0 ? void 0 : _formState$tableForm2.limit) || 10,
+      limit: (formState === null || formState === void 0 ? void 0 : (_formState$tableForm2 = formState.tableForm) === null || _formState$tableForm2 === void 0 ? void 0 : _formState$tableForm2.limit) || 20,
       search: (formState === null || formState === void 0 ? void 0 : formState.searchForm) || {}
     };
   }, [tenantId, formState === null || formState === void 0 ? void 0 : (_formState$tableForm3 = formState.tableForm) === null || _formState$tableForm3 === void 0 ? void 0 : _formState$tableForm3.offset, formState === null || formState === void 0 ? void 0 : (_formState$tableForm4 = formState.tableForm) === null || _formState$tableForm4 === void 0 ? void 0 : _formState$tableForm4.limit, formState === null || formState === void 0 ? void 0 : formState.searchForm]);
@@ -7394,24 +7633,27 @@ const Inbox$1 = _ref => {
       var _item$sla;
       const isSearchItem = !!item.connectionDetails;
       if (isSearchItem) {
-        var _item$propertyInfo, _item$propertyInfo2, _item$connectionDetai, _item$propertyInfo3, _item$connectionDetai2, _item$connectionDetai3, _item$connectionDetai4, _item$connectionDetai5;
+        var _item$propertyInfo, _item$propertyInfo2, _item$propertyInfo3, _item$connectionDetai, _item$connectionDetai2, _item$connectionDetai3;
+        const searchDetails = item.connectionDetails || {};
+        const fullName = searchDetails.firstName || searchDetails.middleName || searchDetails.lastName ? ((searchDetails.firstName || "") + " " + (searchDetails.middleName || "") + " " + (searchDetails.lastName || "")).trim().replace(/\s+/g, " ") : searchDetails.consumerName || "";
         return {
           applicationNo: ((_item$propertyInfo = item.propertyInfo) === null || _item$propertyInfo === void 0 ? void 0 : _item$propertyInfo.kno) || "",
           connectionNo: ((_item$propertyInfo2 = item.propertyInfo) === null || _item$propertyInfo2 === void 0 ? void 0 : _item$propertyInfo2.kno) || "",
-          owner: ((_item$connectionDetai = item.connectionDetails) === null || _item$connectionDetai === void 0 ? void 0 : _item$connectionDetai.consumerName) || "",
+          owner: fullName,
           applicationNumber: ((_item$propertyInfo3 = item.propertyInfo) === null || _item$propertyInfo3 === void 0 ? void 0 : _item$propertyInfo3.kno) || "",
-          citizenName: ((_item$connectionDetai2 = item.connectionDetails) === null || _item$connectionDetai2 === void 0 ? void 0 : _item$connectionDetai2.consumerName) || "",
-          status: ((_item$connectionDetai3 = item.connectionDetails) === null || _item$connectionDetai3 === void 0 ? void 0 : _item$connectionDetai3.statusflag) || "",
-          ekycStatus: (((_item$connectionDetai4 = item.connectionDetails) === null || _item$connectionDetai4 === void 0 ? void 0 : _item$connectionDetai4.ekycStatus) || ((_item$connectionDetai5 = item.connectionDetails) === null || _item$connectionDetai5 === void 0 ? void 0 : _item$connectionDetai5.ekycstatus) || item.ekycStatus || item.ekycstatus || "NA").toUpperCase(),
+          citizenName: fullName,
+          status: ((_item$connectionDetai = item.connectionDetails) === null || _item$connectionDetai === void 0 ? void 0 : _item$connectionDetai.statusflag) || "",
+          ekycStatus: (((_item$connectionDetai2 = item.connectionDetails) === null || _item$connectionDetai2 === void 0 ? void 0 : _item$connectionDetai2.ekycStatus) || ((_item$connectionDetai3 = item.connectionDetails) === null || _item$connectionDetai3 === void 0 ? void 0 : _item$connectionDetai3.ekycstatus) || item.ekycStatus || item.ekycstatus || "NA").toUpperCase(),
           sla: 0
         };
       }
+      const fullName = item.firstName || item.middleName || item.lastName ? ((item.firstName || "") + " " + (item.middleName || "") + " " + (item.lastName || "")).trim().replace(/\s+/g, " ") : item.consumerName || item.citizenName || "";
       return _extends({}, item, {
         applicationNo: item.kno || item.applicationNumber || "",
         connectionNo: item.connectionNo || "",
-        owner: item.consumerName || item.citizenName || "",
+        owner: fullName,
         applicationNumber: item.kno || item.applicationNumber || "",
-        citizenName: item.consumerName || item.citizenName || "",
+        citizenName: fullName,
         status: item.status || "",
         ekycStatus: (item.ekycStatus || item.ekycstatus || "NA").toUpperCase(),
         sla: (_item$sla = item.sla) != null ? _item$sla : 0
@@ -7434,7 +7676,7 @@ const Inbox$1 = _ref => {
   }, []);
   const tableOrderFormDefaultValues = {
     sortBy: "createdTime",
-    limit: window.Digit.Utils.browser.isMobile() ? 50 : 10,
+    limit: window.Digit.Utils.browser.isMobile() ? 50 : 20,
     offset: 0,
     sortOrder: "DESC"
   };
@@ -7560,61 +7802,927 @@ const Inbox$1 = _ref => {
   })));
 };
 
-const CitizenApp = () => {
+const SurveyorStatsCell = _ref => {
+  let surveyorId = _ref.surveyorId,
+    type = _ref.type;
+  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycSurveyorDashboard({}, {
+      tenantId: "dl.djb",
+      offset: 0,
+      limit: 1,
+      surveyorId: surveyorId
+    }, {
+      enabled: !!surveyorId,
+      staleTime: 60000
+    }),
+    data = _Digit$Hooks$ekyc$use.data,
+    isLoading = _Digit$Hooks$ekyc$use.isLoading;
+  if (isLoading) return "...";
+  const dashboardInfo = (data === null || data === void 0 ? void 0 : data.dashboardInfo) || {};
+  const total = (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.total) || 0;
+  const completed = (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.completed) || 0;
+  const pending = (dashboardInfo === null || dashboardInfo === void 0 ? void 0 : dashboardInfo.pending) || 0;
+  const progress = total > 0 ? Math.round(completed / total * 100) + "%" : "0%";
+  if (type === "total") return total;
+  if (type === "completed") return completed;
+  if (type === "pending") return pending;
+  if (type === "progress") return progress;
+  return null;
+};
+const SupervisorDetailsCard = () => {
+  var _Digit$SessionStorage, _Digit$SessionStorage2, _supervisor$owner, _supervisor$owner3, _fullName$charAt, _supervisor$owner6, _supervisor$owner7, _supervisor$owner8, _supervisor$additiona;
   const _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  const location = useLocation();
-  const _useRouteMatch = useRouteMatch(),
-    path = _useRouteMatch.path;
-  sessionStorage.removeItem("revalidateddone");
-  const getDynamicBreadcrumbs = () => {
-    const pathname = location.pathname;
-    const crumbs = [{
-      icon: HomeIcon,
-      path: "/digit-ui/citizen"
+  const tenantId = Digit.ULBService.getCurrentTenantId() || "dl.djb";
+  const _useParams = useParams(),
+    supervisorId = _useParams.id;
+  const ownerIds = (_Digit$SessionStorage = Digit.SessionStorage.get("User")) === null || _Digit$SessionStorage === void 0 ? void 0 : (_Digit$SessionStorage2 = _Digit$SessionStorage.info) === null || _Digit$SessionStorage2 === void 0 ? void 0 : _Digit$SessionStorage2.uuid;
+  const searchParams = supervisorId ? {
+    ids: supervisorId
+  } : {
+    ownerIds
+  };
+  const _Digit$Hooks$fsm$useS = Digit.Hooks.fsm.useSupervisorSearch(tenantId, searchParams, {
+      staleTime: Infinity
+    }),
+    supervisorSearchResponse = _Digit$Hooks$fsm$useS.data,
+    isSupervisorSearchLoading = _Digit$Hooks$fsm$useS.isLoading;
+  const supervisor = useMemo(() => {
+    var _supervisorSearchResp;
+    return (supervisorSearchResponse === null || supervisorSearchResponse === void 0 ? void 0 : (_supervisorSearchResp = supervisorSearchResponse.supervisors) === null || _supervisorSearchResp === void 0 ? void 0 : _supervisorSearchResp[0]) || null;
+  }, [supervisorSearchResponse]);
+  const _Digit$Hooks$fsm$useD = Digit.Hooks.fsm.useDsoSearch(tenantId, {
+      status: "ACTIVE"
     }, {
-      label: t("EKYC_MODULE_NAME"),
-      path: "/digit-ui/citizen/ekyc"
-    }];
-    if (pathname.includes("/create-kyc")) {
-      crumbs.push({
-        label: t("EKYC_CREATE_KYC")
-      });
-    } else if (pathname.includes("/aadhaar-verification")) {
-      crumbs.push({
-        label: t("EKYC_AADHAAR_VERIFICATION")
-      });
-    } else if (pathname.includes("/address-details")) {
-      crumbs.push({
-        label: t("EKYC_ADDRESS_DETAILS")
-      });
-    } else if (pathname.includes("/property-info")) {
-      crumbs.push({
-        label: t("EKYC_PROPERTY_INFO")
-      });
-    } else if (pathname.includes("/meter-details")) {
-      crumbs.push({
-        label: t("EKYC_METER_DETAILS")
+      enabled: !!tenantId
+    }),
+    vendorData = _Digit$Hooks$fsm$useD.data;
+  const vendorName = useMemo(() => {
+    var _mappedVendor$dsoDeta;
+    if (!vendorData || !(supervisor !== null && supervisor !== void 0 && supervisor.vendorId)) return "N/A";
+    const mappedVendor = vendorData.find(v => {
+      var _v$dsoDetails, _v$dsoDetails2;
+      return ((_v$dsoDetails = v.dsoDetails) === null || _v$dsoDetails === void 0 ? void 0 : _v$dsoDetails.id) === supervisor.vendorId || ((_v$dsoDetails2 = v.dsoDetails) === null || _v$dsoDetails2 === void 0 ? void 0 : _v$dsoDetails2.vendorId) === supervisor.vendorId;
+    });
+    return (mappedVendor === null || mappedVendor === void 0 ? void 0 : (_mappedVendor$dsoDeta = mappedVendor.dsoDetails) === null || _mappedVendor$dsoDeta === void 0 ? void 0 : _mappedVendor$dsoDeta.name) || supervisor.vendorId || "N/A";
+  }, [vendorData, supervisor === null || supervisor === void 0 ? void 0 : supervisor.vendorId]);
+  const fullName = (supervisor === null || supervisor === void 0 ? void 0 : (_supervisor$owner = supervisor.owner) === null || _supervisor$owner === void 0 ? void 0 : _supervisor$owner.name) || (supervisor === null || supervisor === void 0 ? void 0 : supervisor.name) || "N/A";
+  const mobileNumber = (supervisor === null || supervisor === void 0 ? void 0 : (_supervisor$owner3 = supervisor.owner) === null || _supervisor$owner3 === void 0 ? void 0 : _supervisor$owner3.mobileNumber) || (supervisor === null || supervisor === void 0 ? void 0 : supervisor.mobileNo) || "N/A";
+  const _Digit$Hooks$fsm$useS2 = Digit.Hooks.fsm.useSurveyorSearch(tenantId, {
+      supervisorIds: supervisor === null || supervisor === void 0 ? void 0 : supervisor.id
+    }, {
+      enabled: !!tenantId && !!(supervisor !== null && supervisor !== void 0 && supervisor.id)
+    }),
+    surveyorsResponse = _Digit$Hooks$fsm$useS2.data,
+    isSurveyorsLoading = _Digit$Hooks$fsm$useS2.isLoading;
+  const surveyors = useMemo(() => {
+    return (surveyorsResponse === null || surveyorsResponse === void 0 ? void 0 : surveyorsResponse.surveyors) || (surveyorsResponse === null || surveyorsResponse === void 0 ? void 0 : surveyorsResponse.surveyor) || [];
+  }, [surveyorsResponse]);
+  const _Digit$Hooks$ekyc$use2 = Digit.Hooks.ekyc.useEkycAssignmentProgress({
+      enabled: !!tenantId,
+      keepPreviousData: true
+    }),
+    isProgressLoading = _Digit$Hooks$ekyc$use2.isLoading,
+    progressData = _Digit$Hooks$ekyc$use2.data;
+  const cards = useMemo(() => [{
+    label: "TOTAL_EKYC_APPLICATIONS",
+    count: (progressData === null || progressData === void 0 ? void 0 : progressData.totalKnos) || 0,
+    color: "#0B2559",
+    type: "today"
+  }, {
+    label: "TOTAL_ASSIGNMENTS",
+    count: (progressData === null || progressData === void 0 ? void 0 : progressData.totalAssignments) || 0,
+    color: "#3B82F6",
+    type: "week"
+  }, {
+    label: "EKYC_COMPLETED",
+    count: (progressData === null || progressData === void 0 ? void 0 : progressData.completedKnos) || 0,
+    color: "#10B981",
+    type: "month"
+  }, {
+    label: "PENDING_APPLICATIONS",
+    count: ((progressData === null || progressData === void 0 ? void 0 : progressData.totalKnos) || 0) - ((progressData === null || progressData === void 0 ? void 0 : progressData.completedKnos) || 0),
+    color: "#F59E0B",
+    type: "pending"
+  }, {
+    label: "OVERALL_PROGRESS",
+    count: ((progressData === null || progressData === void 0 ? void 0 : progressData.overallProgressPercent) || 0) + "%",
+    color: "#A855F7",
+    type: "progress"
+  }], [progressData]);
+  const _useState = useState(0),
+    currentPage = _useState[0],
+    setCurrentPage = _useState[1];
+  const _useState2 = useState(20),
+    pageSize = _useState2[0],
+    setPageSize = _useState2[1];
+  const paginatedSurveyors = useMemo(() => {
+    const start = currentPage * pageSize;
+    const end = start + pageSize;
+    return surveyors.slice(start, end);
+  }, [surveyors, currentPage, pageSize]);
+  const surveyorColumns = useMemo(() => [{
+    Header: t("SURVEYOR_NAME") || "Surveyor Name",
+    accessor: row => {
+      var _row$owner;
+      return (row === null || row === void 0 ? void 0 : row.name) || (row === null || row === void 0 ? void 0 : (_row$owner = row.owner) === null || _row$owner === void 0 ? void 0 : _row$owner.name) || "N/A";
+    },
+    Cell: _ref2 => {
+      var _row$original, _row$original2, _row$original2$owner;
+      let row = _ref2.row;
+      return /*#__PURE__*/React.createElement("a", {
+        href: "/digit-ui/citizen/ekyc/surveyor-dashboard/" + row.original.id,
+        style: {
+          color: "#1D70B8",
+          fontWeight: "600",
+          textDecoration: "none"
+        }
+      }, ((_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.name) || ((_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : (_row$original2$owner = _row$original2.owner) === null || _row$original2$owner === void 0 ? void 0 : _row$original2$owner.name) || "N/A");
+    }
+  }, {
+    Header: t("MOBILE_NUMBER") || "Mobile Number",
+    accessor: row => {
+      var _row$owner2;
+      return (row === null || row === void 0 ? void 0 : (_row$owner2 = row.owner) === null || _row$owner2 === void 0 ? void 0 : _row$owner2.mobileNumber) || (row === null || row === void 0 ? void 0 : row.mobileNo) || "N/A";
+    },
+    id: "mobileNumber"
+  }, {
+    Header: t("STATUS") || "Status",
+    accessor: "status",
+    Cell: _ref3 => {
+      let value = _ref3.value;
+      return /*#__PURE__*/React.createElement("span", {
+        className: "status-badge " + (value === "ACTIVE" ? "verified" : "pending")
+      }, t(value) || value);
+    }
+  }, {
+    Header: t("TOTAL_EKYC_APPLICATIONS") || "Total eKYC Applications",
+    accessor: row => (row === null || row === void 0 ? void 0 : row.totalEkycApplications) || 0,
+    id: "totalEkycApplications",
+    Cell: _ref4 => {
+      var _row$original3, _row$original3$owner;
+      let row = _ref4.row;
+      return /*#__PURE__*/React.createElement(SurveyorStatsCell, {
+        surveyorId: (_row$original3 = row.original) === null || _row$original3 === void 0 ? void 0 : (_row$original3$owner = _row$original3.owner) === null || _row$original3$owner === void 0 ? void 0 : _row$original3$owner.uuid,
+        type: "total"
       });
-    } else if (pathname.includes("/review")) {
-      crumbs.push({
-        label: t("EKYC_INBOX"),
-        path: "/digit-ui/citizen/ekyc/inbox"
+    }
+  }, {
+    Header: t("EKYC_COMPLETED") || "eKYC Completed",
+    accessor: row => (row === null || row === void 0 ? void 0 : row.ekycCompleted) || 0,
+    id: "ekycCompleted",
+    Cell: _ref5 => {
+      var _row$original4, _row$original4$owner;
+      let row = _ref5.row;
+      return /*#__PURE__*/React.createElement(SurveyorStatsCell, {
+        surveyorId: (_row$original4 = row.original) === null || _row$original4 === void 0 ? void 0 : (_row$original4$owner = _row$original4.owner) === null || _row$original4$owner === void 0 ? void 0 : _row$original4$owner.uuid,
+        type: "completed"
       });
-      crumbs.push({
-        label: t("EKYC_REVIEW")
+    }
+  }, {
+    Header: t("PENDING_APPLICATIONS") || "Pending Applications",
+    accessor: row => (row === null || row === void 0 ? void 0 : row.pendingApplications) || 0,
+    id: "pendingApplications",
+    Cell: _ref6 => {
+      var _row$original5, _row$original5$owner;
+      let row = _ref6.row;
+      return /*#__PURE__*/React.createElement(SurveyorStatsCell, {
+        surveyorId: (_row$original5 = row.original) === null || _row$original5 === void 0 ? void 0 : (_row$original5$owner = _row$original5.owner) === null || _row$original5$owner === void 0 ? void 0 : _row$original5$owner.uuid,
+        type: "pending"
       });
-    } else if (pathname.includes("/assign/surveyor-details")) {
-      crumbs.push({
-        label: t("EKYC_ASSIGN"),
-        path: "/digit-ui/citizen/ekyc/assign"
+    }
+  }, {
+    Header: t("OVERALL_PROGRESS") || "Overall Progress",
+    accessor: row => (row === null || row === void 0 ? void 0 : row.overallProgress) || "N/A",
+    id: "overallProgress",
+    Cell: _ref7 => {
+      var _row$original6, _row$original6$owner;
+      let row = _ref7.row;
+      return /*#__PURE__*/React.createElement(SurveyorStatsCell, {
+        surveyorId: (_row$original6 = row.original) === null || _row$original6 === void 0 ? void 0 : (_row$original6$owner = _row$original6.owner) === null || _row$original6$owner === void 0 ? void 0 : _row$original6$owner.uuid,
+        type: "progress"
       });
-      crumbs.push({
+    }
+  }], [t]);
+  const _useState3 = useState(false),
+    showReportMenu = _useState3[0],
+    setShowReportMenu = _useState3[1];
+  const _useState4 = useState({
+      from: "",
+      to: ""
+    }),
+    customDate = _useState4[0],
+    setCustomDate = _useState4[1];
+  const _useState5 = useState(false),
+    showCustomPicker = _useState5[0],
+    setShowCustomPicker = _useState5[1];
+  const _useState6 = useState(false),
+    reportLoading = _useState6[0],
+    setReportLoading = _useState6[1];
+  const reportMenuRef = useRef(null);
+  useEffect(() => {
+    const handler = e => {
+      if (reportMenuRef.current && !reportMenuRef.current.contains(e.target)) {
+        setShowReportMenu(false);
+        setShowCustomPicker(false);
+      }
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, []);
+  const getDateRange = filter => {
+    const now = new Date();
+    const start = new Date(now);
+    if (filter === "today") {
+      start.setHours(0, 0, 0, 0);
+      return {
+        from: start,
+        to: now
+      };
+    }
+    if (filter === "week") {
+      start.setDate(now.getDate() - now.getDay());
+      start.setHours(0, 0, 0, 0);
+      return {
+        from: start,
+        to: now
+      };
+    }
+    if (filter === "month") {
+      start.setDate(1);
+      start.setHours(0, 0, 0, 0);
+      return {
+        from: start,
+        to: now
+      };
+    }
+    return null;
+  };
+  const handlePresetDownload = function (filter) {
+    try {
+      const range = getDateRange(filter);
+      if (!range) return Promise.resolve();
+      setReportLoading(true);
+      const _temp = _finallyRethrows(function () {
+        return _catch(function () {
+          const surveyorsList = surveyors || [];
+          return Promise.resolve(Promise.all(surveyorsList.map(function (surveyor) {
+            try {
+              return Promise.resolve(_catch(function () {
+                var _surveyor$owner;
+                return Promise.resolve(Digit.EkycService.dashboard({}, {
+                  tenantId: "dl.djb",
+                  offset: 0,
+                  limit: 1,
+                  surveyorId: (_surveyor$owner = surveyor.owner) === null || _surveyor$owner === void 0 ? void 0 : _surveyor$owner.uuid,
+                  fromDate: range.from.getTime(),
+                  toDate: range.to.getTime()
+                })).then(function (response) {
+                  const info = (response === null || response === void 0 ? void 0 : response.dashboardInfo) || {};
+                  const total = info.total || 0;
+                  const completed = info.completed || 0;
+                  const pending = info.pending || 0;
+                  const progress = total > 0 ? Math.round(completed / total * 100) + "%" : "0%";
+                  return _extends({}, surveyor, {
+                    total,
+                    completed,
+                    pending,
+                    progress
+                  });
+                });
+              }, function (err) {
+                console.error("Failed to fetch stats for surveyor:", surveyor.id, err);
+                return _extends({}, surveyor, {
+                  total: 0,
+                  completed: 0,
+                  pending: 0,
+                  progress: "0%"
+                });
+              }));
+            } catch (e) {
+              return Promise.reject(e);
+            }
+          }))).then(function (rowsWithStats) {
+            var _supervisor$owner4;
+            return Promise.resolve(Digit.EkycService.dashboard({}, {
+              tenantId: "dl.djb",
+              offset: 0,
+              limit: 1,
+              supervisorId: supervisor === null || supervisor === void 0 ? void 0 : (_supervisor$owner4 = supervisor.owner) === null || _supervisor$owner4 === void 0 ? void 0 : _supervisor$owner4.uuid,
+              fromDate: range.from.getTime(),
+              toDate: range.to.getTime()
+            })).then(function (overallResponse) {
+              downloadSupervisorPDF({
+                rows: rowsWithStats,
+                supervisorName: fullName,
+                mobileNumber,
+                vendorName,
+                dashboardInfo: (overallResponse === null || overallResponse === void 0 ? void 0 : overallResponse.dashboardInfo) || {},
+                t
+              });
+            });
+          });
+        }, function (err) {
+          console.error("Failed to fetch dashboard data for report download:", err);
+        });
+      }, function (_wasThrown, _result) {
+        setReportLoading(false);
+        setShowReportMenu(false);
+        setShowCustomPicker(false);
+        if (_wasThrown) throw _result;
+        return _result;
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const handleCustomDownload = function () {
+    try {
+      if (!customDate.from || !customDate.to) {
+        alert(t("SELECT_DATE_RANGE") || "Please select both From and To dates.");
+        return Promise.resolve();
+      }
+      const from = new Date(customDate.from);
+      from.setHours(0, 0, 0, 0);
+      const to = new Date(customDate.to);
+      to.setHours(23, 59, 59, 999);
+      setReportLoading(true);
+      const _temp2 = _finallyRethrows(function () {
+        return _catch(function () {
+          const surveyorsList = surveyors || [];
+          return Promise.resolve(Promise.all(surveyorsList.map(function (surveyor) {
+            try {
+              return Promise.resolve(_catch(function () {
+                var _surveyor$owner2;
+                return Promise.resolve(Digit.EkycService.dashboard({}, {
+                  tenantId: "dl.djb",
+                  offset: 0,
+                  limit: 1,
+                  surveyorId: (_surveyor$owner2 = surveyor.owner) === null || _surveyor$owner2 === void 0 ? void 0 : _surveyor$owner2.uuid,
+                  fromDate: from.getTime(),
+                  toDate: to.getTime()
+                })).then(function (response) {
+                  const info = (response === null || response === void 0 ? void 0 : response.dashboardInfo) || {};
+                  const total = info.total || 0;
+                  const completed = info.completed || 0;
+                  const pending = info.pending || 0;
+                  const progress = total > 0 ? Math.round(completed / total * 100) + "%" : "0%";
+                  return _extends({}, surveyor, {
+                    total,
+                    completed,
+                    pending,
+                    progress
+                  });
+                });
+              }, function (err) {
+                console.error("Failed to fetch stats for surveyor:", surveyor.id, err);
+                return _extends({}, surveyor, {
+                  total: 0,
+                  completed: 0,
+                  pending: 0,
+                  progress: "0%"
+                });
+              }));
+            } catch (e) {
+              return Promise.reject(e);
+            }
+          }))).then(function (rowsWithStats) {
+            var _supervisor$owner5;
+            return Promise.resolve(Digit.EkycService.dashboard({}, {
+              tenantId: "dl.djb",
+              offset: 0,
+              limit: 1,
+              supervisorId: supervisor === null || supervisor === void 0 ? void 0 : (_supervisor$owner5 = supervisor.owner) === null || _supervisor$owner5 === void 0 ? void 0 : _supervisor$owner5.uuid,
+              fromDate: from.getTime(),
+              toDate: to.getTime()
+            })).then(function (overallResponse) {
+              downloadSupervisorPDF({
+                rows: rowsWithStats,
+                supervisorName: fullName,
+                mobileNumber,
+                vendorName,
+                dashboardInfo: (overallResponse === null || overallResponse === void 0 ? void 0 : overallResponse.dashboardInfo) || {},
+                t
+              });
+            });
+          });
+        }, function (err) {
+          console.error("Failed to fetch custom dashboard data for report download:", err);
+        });
+      }, function (_wasThrown2, _result2) {
+        setReportLoading(false);
+        setShowReportMenu(false);
+        setShowCustomPicker(false);
+        if (_wasThrown2) throw _result2;
+        return _result2;
+      });
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  const StatCard = _ref8 => {
+    let title = _ref8.title,
+      value = _ref8.value,
+      type = _ref8.type,
+      color = _ref8.color,
+      isLoading = _ref8.isLoading;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "stat-card " + type,
+      style: color ? {
+        borderLeft: "5px solid " + color
+      } : {}
+    }, isLoading ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: "stat-title skeleton skeleton-text"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "stat-value skeleton skeleton-number"
+    })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+      className: "stat-title"
+    }, title), /*#__PURE__*/React.createElement("div", {
+      className: "stat-value",
+      style: color ? {
+        color
+      } : {}
+    }, value)));
+  };
+  if (isSupervisorSearchLoading) {
+    return /*#__PURE__*/React.createElement(Loader, null);
+  }
+  if (!supervisor) {
+    return /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: "24px"
+      }
+    }, t("NO_SUPERVISOR_FOUND")));
+  }
+  return /*#__PURE__*/React.createElement(Card, {
+    className: "surveyor-dashboard"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ekyc-dashboard-section"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ekyc-dashboard-header"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "avatar"
+  }, fullName === null || fullName === void 0 ? void 0 : (_fullName$charAt = fullName.charAt(0)) === null || _fullName$charAt === void 0 ? void 0 : _fullName$charAt.toUpperCase()), /*#__PURE__*/React.createElement("div", {
+    className: "header-content"
+  }, /*#__PURE__*/React.createElement("h2", {
+    className: "name"
+  }, fullName), /*#__PURE__*/React.createElement("div", {
+    className: "designation"
+  }, t("FIELD_SUPERVISOR") || "Field Supervisor"))), /*#__PURE__*/React.createElement("div", {
+    className: "report-download",
+    ref: reportMenuRef
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "download-btn",
+    disabled: reportLoading,
+    onClick: () => {
+      setShowReportMenu(p => !p);
+      setShowCustomPicker(false);
+    }
+  }, reportLoading ? t("DOWNLOADING") || "Downloading..." : t("DOWNLOAD_REPORT") || "Download Report"), showReportMenu && /*#__PURE__*/React.createElement("div", {
+    className: "report-menu"
+  }, [{
+    label: t("TODAY") || "Today",
+    key: "today"
+  }, {
+    label: t("THIS_WEEK") || "This Week",
+    key: "week"
+  }, {
+    label: t("THIS_MONTH") || "This Month",
+    key: "month"
+  }].map(_ref9 => {
+    let label = _ref9.label,
+      key = _ref9.key;
+    return /*#__PURE__*/React.createElement("div", {
+      key: key,
+      className: "menu-item",
+      onClick: () => handlePresetDownload(key)
+    }, label);
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "custom-date-trigger",
+    onClick: () => setShowCustomPicker(p => !p)
+  }, t("CUSTOM_DATE") || "Custom Date"), showCustomPicker && /*#__PURE__*/React.createElement("div", {
+    className: "custom-picker"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "date-field"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "date-label"
+  }, t("FROM_DATE") || "From"), /*#__PURE__*/React.createElement("input", {
+    type: "date",
+    className: "date-input",
+    value: customDate.from,
+    onChange: e => setCustomDate(d => _extends({}, d, {
+      from: e.target.value
+    }))
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "date-field"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "date-label"
+  }, t("TO_DATE") || "To"), /*#__PURE__*/React.createElement("input", {
+    type: "date",
+    className: "date-input",
+    value: customDate.to,
+    onChange: e => setCustomDate(d => _extends({}, d, {
+      to: e.target.value
+    }))
+  })), /*#__PURE__*/React.createElement("button", {
+    className: "download-action-btn",
+    onClick: handleCustomDownload
+  }, t("DOWNLOAD") || "Download"))))), /*#__PURE__*/React.createElement("div", {
+    className: "stats-wrapper"
+  }, cards.map((card, idx) => /*#__PURE__*/React.createElement(StatCard, {
+    key: idx,
+    title: t(card.label),
+    value: card.count,
+    type: card.type,
+    color: card.color,
+    isLoading: isProgressLoading
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "ekyc-dashboard-section"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "details-grid"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "detail-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "label"
+  }, t("MOBILE"), ":"), /*#__PURE__*/React.createElement("span", {
+    className: "value"
+  }, (supervisor === null || supervisor === void 0 ? void 0 : (_supervisor$owner6 = supervisor.owner) === null || _supervisor$owner6 === void 0 ? void 0 : _supervisor$owner6.mobileNumber) || (supervisor === null || supervisor === void 0 ? void 0 : supervisor.mobileNo) || "N/A")), /*#__PURE__*/React.createElement("div", {
+    className: "detail-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "label"
+  }, t("EMAIL"), ":"), /*#__PURE__*/React.createElement("span", {
+    className: "value"
+  }, (supervisor === null || supervisor === void 0 ? void 0 : (_supervisor$owner7 = supervisor.owner) === null || _supervisor$owner7 === void 0 ? void 0 : _supervisor$owner7.emailId) || "N/A")), /*#__PURE__*/React.createElement("div", {
+    className: "detail-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "label"
+  }, t("GENDER"), ":"), /*#__PURE__*/React.createElement("span", {
+    className: "value"
+  }, (supervisor === null || supervisor === void 0 ? void 0 : (_supervisor$owner8 = supervisor.owner) === null || _supervisor$owner8 === void 0 ? void 0 : _supervisor$owner8.gender) || "N/A")), /*#__PURE__*/React.createElement("div", {
+    className: "detail-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "label"
+  }, t("STATUS"), ":"), /*#__PURE__*/React.createElement("span", {
+    className: "value"
+  }, (supervisor === null || supervisor === void 0 ? void 0 : supervisor.status) || "N/A")), /*#__PURE__*/React.createElement("div", {
+    className: "detail-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "label"
+  }, t("SERVICE_TYPE"), ":"), /*#__PURE__*/React.createElement("span", {
+    className: "value"
+  }, (supervisor === null || supervisor === void 0 ? void 0 : (_supervisor$additiona = supervisor.additionalDetails) === null || _supervisor$additiona === void 0 ? void 0 : _supervisor$additiona.serviceType) || "N/A")), /*#__PURE__*/React.createElement("div", {
+    className: "detail-item"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "label"
+  }, t("VENDOR_NAME") || "Vendor Name", ":"), /*#__PURE__*/React.createElement("span", {
+    className: "value"
+  }, vendorName)))), /*#__PURE__*/React.createElement(Card, {
+    className: "dashboard-card"
+  }, /*#__PURE__*/React.createElement(Table, {
+    t: t,
+    tableTitle: t("CONNECTED_SURVEYORS") || "Connected Surveyors",
+    tableClass: "ekycTable",
+    data: paginatedSurveyors,
+    columns: surveyorColumns,
+    isLoading: isSurveyorsLoading,
+    totalRecords: surveyors.length,
+    currentPage: currentPage,
+    pageSizeLimit: pageSize,
+    isPaginationRequired: true,
+    onNextPage: () => {
+      if (currentPage < Math.ceil(surveyors.length / pageSize) - 1) {
+        setCurrentPage(prev => prev + 1);
+      }
+    },
+    onPrevPage: () => {
+      if (currentPage > 0) {
+        setCurrentPage(prev => prev - 1);
+      }
+    },
+    onFirstPage: () => {
+      setCurrentPage(0);
+    },
+    onLastPage: () => {
+      setCurrentPage(Math.max(Math.ceil(surveyors.length / pageSize) - 1, 0));
+    },
+    onPageSizeChange: e => {
+      setPageSize(Number(e.target.value));
+      setCurrentPage(0);
+    }
+  })));
+};
+
+const EkycStatus = () => {
+  const _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  const _useParams = useParams(),
+    id = _useParams.id;
+  const history = useHistory();
+  const _useState = useState({
+      searchForm: {
+        kNumber: id && id !== ":id" ? id : ""
+      },
+      filterForm: {}
+    }),
+    formState = _useState[0],
+    setFormState = _useState[1];
+  const _useState2 = useState(id && id !== ":id" ? id : ""),
+    searchQuery = _useState2[0],
+    setSearchQuery = _useState2[1];
+  const _useState3 = useState(""),
+    errorMsg = _useState3[0],
+    setErrorMsg = _useState3[1];
+  const tenantId = Digit.ULBService.getCurrentTenantId();
+  useEffect(() => {
+    var _formState$searchForm;
+    const currentKNumber = (formState === null || formState === void 0 ? void 0 : (_formState$searchForm = formState.searchForm) === null || _formState$searchForm === void 0 ? void 0 : _formState$searchForm.kNumber) || "";
+    const targetKNumber = id && id !== ":id" ? id : "";
+    if (currentKNumber !== targetKNumber) {
+      setFormState({
+        searchForm: {
+          kNumber: targetKNumber
+        },
+        filterForm: {}
+      });
+      setSearchQuery(targetKNumber);
+    }
+  }, [id]);
+  const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycSearchReview({
+      kno: searchQuery,
+      fetchType: "REVIEW"
+    }, tenantId, {
+      enabled: !!searchQuery,
+      retry: false,
+      onError: err => {
+        setErrorMsg((err === null || err === void 0 ? void 0 : err.message) || t("EKYC_STATUS_NOT_FOUND", "eKYC Application not found."));
+      }
+    }),
+    searchData = _Digit$Hooks$ekyc$use.data,
+    isReviewLoading = _Digit$Hooks$ekyc$use.isLoading;
+  const _Digit$Hooks$ekyc$use2 = Digit.Hooks.ekyc.useSearchConnection({
+      tenantId,
+      details: {
+        kno: searchQuery
+      }
+    }, {
+      enabled: !!searchQuery,
+      retry: false
+    }),
+    connectionSearchData = _Digit$Hooks$ekyc$use2.data,
+    isConnectionLoading = _Digit$Hooks$ekyc$use2.isLoading;
+  const isLoading = isReviewLoading || isConnectionLoading;
+  const onSearchFormSubmit = data => {
+    var _data$kNumber;
+    const val = data === null || data === void 0 ? void 0 : (_data$kNumber = data.kNumber) === null || _data$kNumber === void 0 ? void 0 : _data$kNumber.trim();
+    if (!val) {
+      setErrorMsg(t("EKYC_PLEASE_ENTER_KNO", "Please enter a valid K-Number."));
+      return;
+    }
+    setErrorMsg("");
+    setFormState({
+      searchForm: data,
+      filterForm: {}
+    });
+    setSearchQuery(val);
+    history.push("/digit-ui/citizen/ekyc/" + val);
+  };
+  const searchFormDefaultValues = {
+    kNumber: ""
+  };
+  const onSearchFormReset = setSearchFormValue => {
+    setSearchFormValue("kNumber", "");
+    setErrorMsg("");
+    setFormState({
+      searchForm: {
+        kNumber: ""
+      },
+      filterForm: {}
+    });
+    setSearchQuery("");
+    history.push("/digit-ui/citizen/ekyc/:id");
+  };
+  const SearchFormFields = useCallback(_ref => {
+    let registerRef = _ref.registerRef,
+      searchFormState = _ref.searchFormState,
+      controlSearchForm = _ref.controlSearchForm;
+    return /*#__PURE__*/React.createElement(SearchFormFieldsComponents, {
+      registerRef,
+      searchFormState,
+      controlSearchForm,
+      searchType: "kno",
+      className: "search"
+    });
+  }, []);
+  const propsForSearchForm = {
+    SearchFormFields,
+    onSearchFormSubmit,
+    searchFormDefaultValues: formState === null || formState === void 0 ? void 0 : formState.searchForm,
+    resetSearchFormDefaultValues: searchFormDefaultValues,
+    onSearchFormReset,
+    className: "search-form-wns-inbox"
+  };
+  const propsForInboxTable = {
+    columns: [],
+    data: [],
+    limit: 10,
+    offset: 0
+  };
+  const propsForInboxMobileCards = {
+    data: []
+  };
+  const getStatusDetails = () => {
+    if (!searchData) return null;
+    const reviewWrapper = (searchData === null || searchData === void 0 ? void 0 : searchData.applicationReviewInfo) || (searchData === null || searchData === void 0 ? void 0 : searchData.applicationReview) || searchData;
+    const appData = (Array.isArray(reviewWrapper) ? reviewWrapper[0] : reviewWrapper) || {};
+    const newData = (appData === null || appData === void 0 ? void 0 : appData.newData) || appData;
+    const connection = (newData === null || newData === void 0 ? void 0 : newData.connectionDetails) || newData || {};
+    const naText = t("CS_NA", "N/A");
+    const connRaw = (connectionSearchData === null || connectionSearchData === void 0 ? void 0 : connectionSearchData.connectionDetails) || connectionSearchData || {};
+    const addrRaw = (connectionSearchData === null || connectionSearchData === void 0 ? void 0 : connectionSearchData.addressDetails) || {};
+    const propRaw = (connectionSearchData === null || connectionSearchData === void 0 ? void 0 : connectionSearchData.propertyInfo) || {};
+    const meterRaw = (connectionSearchData === null || connectionSearchData === void 0 ? void 0 : connectionSearchData.meterDetails) || {};
+    const rawStatus = ((connection === null || connection === void 0 ? void 0 : connection.ekycStatus) || (connection === null || connection === void 0 ? void 0 : connection.ekycstatus) || (connRaw === null || connRaw === void 0 ? void 0 : connRaw.ekycStatus) || (propRaw === null || propRaw === void 0 ? void 0 : propRaw.ekycStatus) || (meterRaw === null || meterRaw === void 0 ? void 0 : meterRaw.ekycStatus) || "NA").toUpperCase();
+    const reviewName = (connection === null || connection === void 0 ? void 0 : connection.consumerName) || [newData === null || newData === void 0 ? void 0 : newData.firstName, newData === null || newData === void 0 ? void 0 : newData.middleName, newData === null || newData === void 0 ? void 0 : newData.lastName].filter(Boolean).join(" ");
+    const connName = (connRaw === null || connRaw === void 0 ? void 0 : connRaw.consumerName) || [connRaw === null || connRaw === void 0 ? void 0 : connRaw.firstName, connRaw === null || connRaw === void 0 ? void 0 : connRaw.middleName, connRaw === null || connRaw === void 0 ? void 0 : connRaw.lastName].filter(Boolean).join(" ");
+    const reviewPhone = (connection === null || connection === void 0 ? void 0 : connection.phoneNumber) || (connection === null || connection === void 0 ? void 0 : connection.mobileNo) || (connection === null || connection === void 0 ? void 0 : connection.mobileNumber);
+    const connPhone = (connRaw === null || connRaw === void 0 ? void 0 : connRaw.phoneNumber) || (connRaw === null || connRaw === void 0 ? void 0 : connRaw.mobileNo) || (connRaw === null || connRaw === void 0 ? void 0 : connRaw.mobileNumber) || (addrRaw === null || addrRaw === void 0 ? void 0 : addrRaw.mobileNo) || (addrRaw === null || addrRaw === void 0 ? void 0 : addrRaw.phoneNumber) || (addrRaw === null || addrRaw === void 0 ? void 0 : addrRaw.mobileNumber);
+    const reviewType = (connection === null || connection === void 0 ? void 0 : connection.connectionType) || (connection === null || connection === void 0 ? void 0 : connection.connectionCategory);
+    const connType = (connRaw === null || connRaw === void 0 ? void 0 : connRaw.connectionType) || (connRaw === null || connRaw === void 0 ? void 0 : connRaw.connectionCategory) || (connRaw === null || connRaw === void 0 ? void 0 : connRaw.knoCategory) || (propRaw === null || propRaw === void 0 ? void 0 : propRaw.connectionType) || (propRaw === null || propRaw === void 0 ? void 0 : propRaw.connectionCategory) || (meterRaw === null || meterRaw === void 0 ? void 0 : meterRaw.connectionCategory);
+    return {
+      kno: (connection === null || connection === void 0 ? void 0 : connection.knumber) || (connection === null || connection === void 0 ? void 0 : connection.kno) || (connRaw === null || connRaw === void 0 ? void 0 : connRaw.knumber) || (connRaw === null || connRaw === void 0 ? void 0 : connRaw.kno) || searchQuery,
+      consumerName: reviewName && reviewName !== naText && reviewName !== "" ? reviewName : connName || naText,
+      phoneNumber: reviewPhone && reviewPhone !== naText && reviewPhone !== "" ? reviewPhone : connPhone || naText,
+      connectionType: reviewType && reviewType !== naText && reviewType !== "" ? reviewType : connType || naText,
+      status: rawStatus
+    };
+  };
+  const details = getStatusDetails();
+  const timelineConfig = [{
+    route: "submitted",
+    timeLine: [{
+      currentStep: 1,
+      actions: t("EKYC_STEP_SUBMITTED", "eKYC Survey Submitted")
+    }]
+  }, {
+    route: "verification",
+    timeLine: [{
+      currentStep: 2,
+      actions: t("EKYC_STEP_UNDER_VERIFICATION", "Under Verification")
+    }]
+  }, {
+    route: "zro-decision",
+    timeLine: [{
+      currentStep: 3,
+      actions: t("EKYC_STEP_ZRO_DECISION", "ZRO Decision")
+    }]
+  }];
+  let activeStepIndex = 0;
+  if (details) {
+    if (details.status === "APPROVED") {
+      activeStepIndex = 3;
+    } else if (details.status === "REJECTED") {
+      activeStepIndex = 2;
+    } else if (details.status === "PENDING_FOR_VERIFICATION") {
+      activeStepIndex = 1;
+    } else {
+      activeStepIndex = 1;
+    }
+  }
+  const getStatusText = status => {
+    const key = "EKYC_STATUS_" + status;
+    const val = t(key);
+    if (val === key) {
+      if (status === "APPROVED") return "Approved";
+      if (status === "REJECTED") return "Rejected";
+      if (status === "PENDING_FOR_VERIFICATION") return "Pending For Verification";
+      return status;
+    }
+    return val;
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "employee-form-section-wrapper"
+  }, !isLoading && details && /*#__PURE__*/React.createElement(VerticalTimeline, {
+    config: timelineConfig,
+    currentActiveIndex: activeStepIndex
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "employee-form-section"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "single-page-form-container"
+  }, /*#__PURE__*/React.createElement(Card, {
+    className: "ekyc-status-search-card"
+  }, /*#__PURE__*/React.createElement(CardHeader, {
+    className: "ekyc-status-card-header"
+  }, t("EKYC_APPLICATION_STATUS_TRACKER", "eKYC Application Status")), /*#__PURE__*/React.createElement(CardText, {
+    className: "ekyc-status-card-text"
+  }, t("EKYC_STATUS_TRACKER_SUBHEADER", "Enter your K-Number below to track the real-time status of your eKYC application.")), /*#__PURE__*/React.createElement("div", {
+    className: "status-search-composer-wrapper"
+  }, /*#__PURE__*/React.createElement(InboxComposer, _extends({
+    isInboxLoading: false
+  }, propsForSearchForm, {
+    propsForInboxTable,
+    propsForInboxMobileCards,
+    formState
+  })))), errorMsg && /*#__PURE__*/React.createElement("div", {
+    className: "ekyc-status-error-msg"
+  }, errorMsg), isLoading && /*#__PURE__*/React.createElement(Loader, null), !isLoading && details && /*#__PURE__*/React.createElement(Card, {
+    className: "ekyc-status-results-card"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "ekyc-status-overview-header"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+    className: "ekyc-status-label-title"
+  }, t("EKYC_CURRENT_STATUS", "Current Status")), /*#__PURE__*/React.createElement("div", {
+    className: "ekyc-status-value-text"
+  }, getStatusText(details.status))), /*#__PURE__*/React.createElement("span", {
+    className: "ekyc-status-badge " + details.status.toLowerCase()
+  }, details.status)), /*#__PURE__*/React.createElement("div", {
+    className: "ekyc-status-details-section"
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: "ekyc-status-details-title"
+  }, t("EKYC_CONNECTION_SUMMARY", "Connection Summary")), /*#__PURE__*/React.createElement(StatusTable, null, /*#__PURE__*/React.createElement(Row, {
+    label: t("EKYC_K_NUMBER", "K-Number"),
+    text: details.kno
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("EKYC_CONSUMER_NAME", "Consumer Name"),
+    text: details.consumerName
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("EKYC_MOBILE_NO", "Mobile Number"),
+    text: details.phoneNumber
+  }), /*#__PURE__*/React.createElement(Row, {
+    label: t("EKYC_CONNECTION_TYPE", "Connection Type"),
+    text: details.connectionType
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "ekyc-status-action-section",
+    style: {
+      marginTop: "24px",
+      display: "flex",
+      justifyContent: "flex-end"
+    }
+  }, /*#__PURE__*/React.createElement(SubmitBar, {
+    label: t("EKYC_VIEW_APPLICATION", "View Application"),
+    onSubmit: () => history.push("/digit-ui/citizen/ekyc/status/" + details.kno)
+  })))))));
+};
+
+const CitizenApp = () => {
+  const _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  const location = useLocation();
+  const _useRouteMatch = useRouteMatch(),
+    path = _useRouteMatch.path;
+  sessionStorage.removeItem("revalidateddone");
+  const getDynamicBreadcrumbs = () => {
+    const pathname = location.pathname;
+    const crumbs = [{
+      icon: HomeIcon,
+      path: "/digit-ui/citizen"
+    }, {
+      label: t("EKYC_MODULE_NAME"),
+      path: "/digit-ui/citizen/ekyc"
+    }];
+    if (pathname.includes("/create-kyc")) {
+      crumbs.push({
+        label: t("EKYC_CREATE_KYC")
+      });
+    } else if (pathname.includes("/aadhaar-verification")) {
+      crumbs.push({
+        label: t("EKYC_AADHAAR_VERIFICATION")
+      });
+    } else if (pathname.includes("/address-details")) {
+      crumbs.push({
+        label: t("EKYC_ADDRESS_DETAILS")
+      });
+    } else if (pathname.includes("/property-info")) {
+      crumbs.push({
+        label: t("EKYC_PROPERTY_INFO")
+      });
+    } else if (pathname.includes("/meter-details")) {
+      crumbs.push({
+        label: t("EKYC_METER_DETAILS")
+      });
+    } else if (pathname.includes("/review")) {
+      crumbs.push({
+        label: t("EKYC_INBOX"),
+        path: "/digit-ui/citizen/ekyc/inbox"
+      });
+      crumbs.push({
+        label: t("EKYC_REVIEW")
+      });
+    } else if (pathname.includes("/assign/surveyor-details")) {
+      crumbs.push({
+        label: t("EKYC_ASSIGN"),
+        path: "/digit-ui/citizen/ekyc/assign"
+      });
+      crumbs.push({
         label: t("EKYC_SURVEYOR_DETAILS")
       });
-    } else if (pathname.includes("/assign")) {
+    } else if (pathname.includes("/inbox")) {
       crumbs.push({
-        label: t("EKYC_ASSIGN")
+        label: t("EKYC_INBOX")
+      });
+    } else if (pathname.includes("/supervisor-dashboard")) {
+      crumbs.push({
+        label: t("EKYC_SUPERVISOR_DASHBOARD")
       });
     } else if (pathname.includes("/surveyor-dashboard")) {
       crumbs.push({
@@ -7624,13 +8732,14 @@ const CitizenApp = () => {
       crumbs.push({
         label: t("EKYC_DASHBOARD")
       });
-    } else if (pathname.includes("/inbox")) {
+    } else if (pathname.includes("/assign")) {
       crumbs.push({
-        label: t("EKYC_INBOX")
+        label: t("EKYC_ASSIGN")
       });
-    } else if (pathname.includes("/status/")) {
+    } else if (pathname.includes("/status/") || /^\/digit-ui\/citizen\/ekyc\/[^/]+$/.test(pathname)) {
+      const statusLabel = t("EKYC_STATUS");
       crumbs.push({
-        label: t("EKYC_STATUS")
+        label: statusLabel === "EKYC_STATUS" || statusLabel === "STATUS" ? "eKYC Status" : statusLabel
       });
     }
     return crumbs;
@@ -7706,6 +8815,16 @@ const CitizenApp = () => {
     component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
       layoutClass: "normal"
     }, /*#__PURE__*/React.createElement(Review, null))
+  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: path + "/supervisor-dashboard",
+    component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
+      layoutClass: "normal"
+    }, /*#__PURE__*/React.createElement(SupervisorDetailsCard, null))
+  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: path + "/:id",
+    component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
+      layoutClass: "normal"
+    }, /*#__PURE__*/React.createElement(EkycStatus, null))
   }))));
 };