@djb25/digit-ui-module-ekyc 1.0.51 → 1.0.53

package/dist/index.modern.js

@@ -96,6 +96,25 @@ const EKYCCard = () => {
   return /*#__PURE__*/React.createElement(EmployeeModuleCard, propsForModuleCard);
 };
 
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+
 const _iteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator")) : "@@iterator";
 const _asyncIteratorSymbol = /*#__PURE__*/typeof Symbol !== "undefined" ? Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator")) : "@@asyncIterator";
 function _catch(body, recover) {
@@ -133,6 +152,29 @@ const StatusCards = _ref => {
   const _useState = useState(false),
     ekycDownloadLoading = _useState[0],
     setEkycDownloadLoading = _useState[1];
+  const _useState2 = useState(false),
+    showReportMenu = _useState2[0],
+    setShowReportMenu = _useState2[1];
+  const _useState3 = useState({
+      from: "",
+      to: ""
+    }),
+    customDate = _useState3[0],
+    setCustomDate = _useState3[1];
+  const _useState4 = useState(false),
+    showCustomPicker = _useState4[0],
+    setShowCustomPicker = _useState4[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);
+  }, []);
   let tenantId = Digit.ULBService.getCurrentTenantId();
   if (!tenantId || tenantId === "dl") {
     tenantId = "dl.djb";
@@ -161,50 +203,149 @@ const StatusCards = _ref => {
       active: info.active || 0
     };
   }, [dashboardData]);
-  const handleDownloadEkycData = function () {
+  const handleDownloadEkycData = function (fromDate, toDate) {
     try {
       setEkycDownloadLoading(true);
       return Promise.resolve(_finallyRethrows(function () {
         return _catch(function () {
-          return Promise.resolve(Digit.EkycService.application_list({
+          return Promise.resolve(Digit.EkycService.application_list(_extends({
             tenantId: tenantId,
             offset: 0,
             limit: 10000,
             reportDownload: true
-          })).then(function (response) {
+          }, fromDate && {
+            fromDate
+          }, toDate && {
+            toDate
+          }))).then(function (response) {
             const consumerList = (response === null || response === void 0 ? void 0 : response.consumerList) || [];
             if (consumerList.length === 0) {
               alert(t("NO_DATA_FOUND") || "No data found for download.");
               return;
             }
-            const excludedKeys = ["status", "source", "submittedAt", "assignedAt", "connectionType", "approvedAt", "alternateMobileNo", "city", "state", "addressType", "addressProofType", "mrcode", "areacode", "verificationStatus", "surveyorId", "supervisorId", "vendorId", "assignmentType", "assignmentValue", "assignedTime", "isSelfAssigned", "userType", "tenantName", "tenantMobile"];
+            const excludedKeys = ["status", "source", "submittedAt", "assignedAt", "connectionType", "approvedAt", "alternateMobileNo", "city", "state", "addressType", "addressProofType", "mrcode", "areacode", "verificationStatus", "surveyorId", "supervisorId", "vendorId", "assignmentType", "assignmentValue", "assignedTime", "isSelfAssigned", "userType", "tenantName", "tenantMobile", "doorPhotoFilestoreId", "panFilestoreId", "documentProofFilestoreId", "buildingImageFileStoreId", "propertyDocumentFileStoreId", "meterPhotoFileStoreId", "modifiedBy", "zoneCode", "propertyType", "subPropertyCategory"];
             const headerMapping = {
-              kno: t("KNO") || "KNO",
-              firstName: t("FIRST_NAME") || "First Name",
-              middleName: t("MIDDLE_NAME") || "Middle Name",
-              lastName: t("LAST_NAME") || "Last Name",
-              gender: t("GENDER") || "Gender",
-              mobileNumber: t("MOBILE_NUMBER") || "Mobile Number",
-              emailId: t("EMAIL_ID") || "Email ID",
-              fatherOrHusbandName: t("FATHER_HUSBUND_NAME") || "Father/Husband Name",
-              relationship: t("RELATIONSHIP") || "Relationship",
-              dob: t("DOB") || "Date of Birth",
-              ekycStatus: t("EKYC_STATUS") || "eKYC Status",
-              zoneName: t("ZONE") || "Zone",
-              assembly: t("ASSEMBLY") || "Assembly",
-              ward: t("WARD") || "Ward",
-              pincode: t("PINCODE") || "Pincode",
-              mrkey: t("MR_KEY") || "MR Key",
-              consumerType: t("CONSUMER_TYPE") || "Consumer Type",
-              createdTime: t("CREATED_TIME") || "Created Time",
-              lastModifiedTime: t("LAST_MODIFIED_TIME") || "Last Modified Time"
+              kno: t("KNO"),
+              firstName: t("FIRST_NAME"),
+              middleName: t("MIDDLE_NAME"),
+              lastName: t("LAST_NAME"),
+              status: t("STATUS"),
+              ekycStatus: t("EKYC_STATUS"),
+              zoneName: t("ZONE"),
+              zoneCode: t("ZONE_CODE"),
+              assembly: t("EKYC_ASSEMBLY"),
+              ward: t("WARD"),
+              pincode: t("EKYC_PINCODE"),
+              addressRaw: t("ADDRESS_RAW"),
+              locality: t("EKYC_LOCALITY"),
+              subLocality: t("SUB_LOCALITY"),
+              flatHouseNumber: t("FLAT_HOUSE_NUMBER"),
+              streetName: t("STREET_NAME"),
+              landmark: t("EKYC_LANDMARK"),
+              city: t("CITY"),
+              state: t("STATE"),
+              addressType: t("ADDRESS_TYPE"),
+              addressProofType: t("ADDRESS_PROOF_TYPE"),
+              mobileNo: t("MOBILE_NUMBER"),
+              alternateMobileNo: t("ALTERNATE_MOBILE_NUMBER"),
+              whatsappNo: t("WHATSAPP_NO"),
+              email: t("EMAIL"),
+              landlineNo: t("LANDLINE_NO"),
+              mrkey: t("MR_KEY"),
+              mrcode: t("MR_CODE"),
+              areacode: t("AREA_CODE"),
+              source: t("SOURCE"),
+              submittedAt: t("SUBMITTED_AT"),
+              assignedAt: t("ASSIGNED_AT"),
+              connectionType: t("CONNECTION_TYPE"),
+              Type: t("CONSUMER_TYPE"),
+              occupantType: t("OCCUPANT_TYPE"),
+              knoCategory: t("KNO_CATEGORY"),
+              approvedAt: t("APPROVED_AT"),
+              gender: t("GENDER"),
+              parentSpouse: t("PARENT_SPOUSE"),
+              fatherOrHusbandName: t("FATHER_HUSBUND_NAME"),
+              relationship: t("RELATIONSHIP"),
+              informantName: t("INFORMANT_NAME"),
+              informantRelation: t("INFORMANT_RELATION"),
+              informantIs: t("INFORMANT_IS"),
+              contactPerson: t("CONTACT_PERSON"),
+              relation: t("RELATION"),
+              entityName: t("ENTITY_NAME"),
+              designation: t("DESIGNATION"),
+              department: t("DEPARTMENT"),
+              employeeId: t("EMPLOYEE_ID"),
+              ownerMobile: t("OWNER_MOBILE"),
+              ownerVerificationDone: t("OWNER_VERIFICATION_DONE"),
+              consentGiven: t("CONSENT_GIVEN"),
+              proofOfIdentityType: t("PROOF_OF_IDENTITY_TYPE"),
+              documentNumber: t("DOCUMENT_NUMBER"),
+              noOfPerson: t("NUMBER_OF_PERSON"),
+              latitude: t("LATITUDE"),
+              longitude: t("LONGITUDE"),
+              gpsValid: t("GPS_VALID"),
+              meterNumber: t("METER_NUMBER"),
+              meterMake: t("METER_MAKE"),
+              meterStatus: t("METER_STATUS"),
+              meterCondition: t("METER_CONDITION"),
+              meterLocation: t("METER_LOCATION"),
+              meterLocationAddress: t("METER_LOCATION_ADDRESS"),
+              workingStatus: t("WORKING_STATUS"),
+              sewerConnection: t("SEWER_CONNECTION"),
+              septicTank: t("SEPTIC_TANK"),
+              lastBillRaised: t("LAST_BILL_RAISED"),
+              lastBillReceivedDate: t("LAST_BILL_RECEIVED_DATE"),
+              accessToMeter: t("ACCESS_TO_METER"),
+              systemMeterId: t("SYSTEM_METER_ID"),
+              lastBillNotRaisedReason: t("LAST_BILL_NOT_RAISED_REASON"),
+              waterConnectionYears: t("WATER_CONNECTION_YEARS"),
+              sewerConnectionYears: t("SEWER_CONNECTION_YEARS"),
+              pidNumber: t("PID_NUMBER"),
+              propertyType: t("PROPERTY_TYPE"),
+              subPropertyCategory: t("SUB_PROPERTY_CATEGORY"),
+              noOfFloor: t("NO_OF_FLOOR"),
+              noOfRooms: t("NO_OF_ROOMS"),
+              noOfBeds: t("NO_OF_BEDS"),
+              numberOfDwellingUnits: t("NUMBER_OF_DWELLING_UNITS"),
+              floorNo: t("FLOOR_NO"),
+              userType: t("USER_TYPE"),
+              tenantName: t("TENANT_NAME"),
+              tenantMobile: t("TENANT_MOBILE"),
+              verificationStatus: t("VERIFICATION_STATUS"),
+              houseBuiltDuration: t("HOUSE_BUILT_DURATION"),
+              surveyorId: t("SURVEYOR_ID"),
+              supervisorId: t("SUPERVISOR_ID"),
+              vendorId: t("VENDOR_ID"),
+              assignmentType: t("ASSIGNMENT_TYPE"),
+              assignmentValue: t("ASSIGNMENT_VALUE"),
+              assignedTime: t("ASSIGNED_TIME"),
+              isSelfAssigned: t("IS_SELF_ASSIGNED"),
+              doorPhotoFilestoreId: t("DOOR_PHOTO_FILESTORE_ID"),
+              panFilestoreId: t("PAN_FILESTORE_ID"),
+              documentProofFilestoreId: t("DOCUMENT_PROOF_FILESTORE_ID"),
+              buildingImageFileStoreId: t("BUILDING_IMAGE_FILESTORE_ID"),
+              propertyDocumentFileStoreId: t("PROPERTY_DOCUMENT_FILESTORE_ID"),
+              meterPhotoFileStoreId: t("METER_PHOTO_FILESTORE_ID"),
+              modifiedBy: t("MODIFIED_BY"),
+              emailId: t("EMAIL_ID"),
+              fatherOrHusbandName: t("FATHER_HUSBUND_NAME"),
+              dob: t("DOB"),
+              consumerType: t("CONSUMER_TYPE"),
+              createdTime: t("CREATED_TIME"),
+              lastModifiedTime: t("LAST_MODIFIED_TIME"),
+              meterLatitude: t("EKYC_METER_LATITUDE1"),
+              meterLongitude: t("EKYC_METER_LONGITUDE1")
             };
             const toTitleCase = str => {
               if (!str) return "";
-              const cleanStr = String(str).includes(".") ? String(str).split(".").pop() : String(str);
+              let cleanStr = String(str);
+              if (cleanStr.includes(".") && !cleanStr.includes("@") && isNaN(Number(cleanStr))) {
+                cleanStr = cleanStr.split(".").pop();
+              }
               return cleanStr.toLowerCase().replace(/_/g, " ").replace(/\b\w/g, c => c.toUpperCase());
             };
-            const skipTitleCase = ["kno", "mobileNumber", "emailId", "pincode", "mrkey", "dob", "createdTime", "lastModifiedTime"];
+            const skipTitleCase = ["kno", "mobileNumber", "emailId", "email", "pincode", "mrkey", "dob", "createdTime", "lastModifiedTime", "meterLatitude", "meterLongitude"];
+            const translatedFields = ["meterMake", "meterLocation"];
             const excelData = consumerList.map(item => {
               const cleanObj = {};
               const name = [item.firstName, item.middleName, item.lastName].filter(Boolean).join(" ");
@@ -213,12 +354,19 @@ const StatusCards = _ref => {
               }
               Object.keys(item).forEach(key => {
                 if (excludedKeys.includes(key)) return;
-                const val = item[key];
+                let val = item[key];
                 if (typeof val === "object" && val !== null) {
                   return;
                 }
+                if (String(val).toLowerCase() === "true") {
+                  val = t("CS_YES");
+                } else if (String(val).toLowerCase() === "false") {
+                  val = t("CS_NO");
+                }
                 const friendlyHeader = headerMapping[key] || t(key.toUpperCase()) || key;
-                if (typeof val === "string" && !skipTitleCase.includes(key)) {
+                if (typeof val === "string" && translatedFields.includes(key)) {
+                  cleanObj[friendlyHeader] = t(val);
+                } else if (typeof val === "string" && !skipTitleCase.includes(key)) {
                   cleanObj[friendlyHeader] = toTitleCase(val);
                 } else {
                   cleanObj[friendlyHeader] = val;
@@ -241,6 +389,62 @@ const StatusCards = _ref => {
       return Promise.reject(e);
     }
   };
+  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();
+      setShowReportMenu(false);
+      setShowCustomPicker(false);
+      return Promise.resolve(handleDownloadEkycData(range.from.getTime(), range.to.getTime())).then(function () {});
+    } 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);
+      setShowReportMenu(false);
+      setShowCustomPicker(false);
+      return Promise.resolve(handleDownloadEkycData(from.getTime(), to.getTime())).then(function () {});
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
   const chartRef1 = useRef(null);
   const chartInstance1 = useRef(null);
   const total = hasExternalData ? countData.total : (apiCountData === null || apiCountData === void 0 ? void 0 : apiCountData.total) || (countData === null || countData === void 0 ? void 0 : countData.total) || (countData === null || countData === void 0 ? void 0 : countData.totalCount) || 0;
@@ -324,10 +528,16 @@ const StatusCards = _ref => {
     className: "total-label"
   }, t("EKYC_TOTAL_APPLICATIONS") || "Total Applications Processed"), /*#__PURE__*/React.createElement("div", {
     className: "total-number"
-  }, formatNumber(total)), /*#__PURE__*/React.createElement("button", {
+  }, formatNumber(total)), /*#__PURE__*/React.createElement("div", {
+    className: "report-download",
+    ref: reportMenuRef
+  }, /*#__PURE__*/React.createElement("button", {
     className: "download-excel-btn",
     disabled: ekycDownloadLoading,
-    onClick: handleDownloadEkycData
+    onClick: () => {
+      setShowReportMenu(p => !p);
+      setShowCustomPicker(false);
+    }
   }, /*#__PURE__*/React.createElement("svg", {
     width: "16",
     height: "16",
@@ -346,7 +556,63 @@ const StatusCards = _ref => {
     y1: "15",
     x2: "12",
     y2: "3"
-  })), ekycDownloadLoading ? t("DOWNLOADING") || "Downloading..." : t("DOWNLOAD_EXCEL") || "Download Excel"))), /*#__PURE__*/React.createElement("div", {
+  })), ekycDownloadLoading ? t("DOWNLOADING") || "Downloading..." : t("DOWNLOAD_EXCEL") || "Download Excel"), 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(_ref2 => {
+    let label = _ref2.label,
+      key = _ref2.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-inputs"
+  }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("span", null, "From"), /*#__PURE__*/React.createElement("input", {
+    type: "date",
+    value: customDate.from,
+    onChange: e => setCustomDate(_extends({}, customDate, {
+      from: e.target.value
+    }))
+  })), /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("span", null, "To"), /*#__PURE__*/React.createElement("input", {
+    type: "date",
+    value: customDate.to,
+    onChange: e => setCustomDate(_extends({}, customDate, {
+      to: e.target.value
+    }))
+  }))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      gap: "10px",
+      marginTop: "10px"
+    }
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "picker-cancel-btn",
+    onClick: () => {
+      setShowCustomPicker(false);
+      setCustomDate({
+        from: "",
+        to: ""
+      });
+    }
+  }, t("CANCEL") || "Cancel"), /*#__PURE__*/React.createElement("button", {
+    className: "picker-apply-btn",
+    onClick: handleCustomDownload
+  }, t("APPLY") || "Apply"))))))), /*#__PURE__*/React.createElement("div", {
     className: "status-panels-grid"
   }, /*#__PURE__*/React.createElement("div", {
     className: "status-panel"
@@ -448,25 +714,6 @@ const Dashboard = () => {
   }));
 };
 
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
-
 const _excluded = ["tableConfig", "filterComponent"];
 const DesktopInbox = _ref => {
   var _Digit$ComponentRegis;
@@ -1787,7 +2034,6 @@ const VendorDetailsCard = () => {
   const vendorName = (vendor === null || vendor === void 0 ? void 0 : vendor.name) || "N/A";
   const mobileNumber = (vendor === null || vendor === void 0 ? void 0 : vendor.mobileNumber) || (vendor === null || vendor === void 0 ? void 0 : (_vendor$owner = vendor.owner) === null || _vendor$owner === void 0 ? void 0 : _vendor$owner.mobileNumber) || "N/A";
   const email = (vendor === null || vendor === void 0 ? void 0 : (_vendor$owner2 = vendor.owner) === null || _vendor$owner2 === void 0 ? void 0 : _vendor$owner2.emailId) || "N/A";
-  const status = vendor ? "ACTIVE" : "N/A";
   const jurisdictions = useMemo(() => {
     if (Array.isArray(vendor === null || vendor === void 0 ? void 0 : vendor.jurisdictions)) {
       return vendor.jurisdictions.join(", ");
@@ -1796,7 +2042,7 @@ const VendorDetailsCard = () => {
   }, [vendor]);
   const zoneIds = useMemo(() => {
     var _vendor$zoneIds;
-    return vendor !== null && vendor !== void 0 && (_vendor$zoneIds = vendor.zoneIds) !== null && _vendor$zoneIds !== void 0 && _vendor$zoneIds.length ? vendor.zoneIds.filter(Boolean).map(zone => String(zone).toUpperCase().replace("", " ")).join(", ") : "N/A";
+    return vendor !== null && vendor !== void 0 && (_vendor$zoneIds = vendor.zoneIds) !== null && _vendor$zoneIds !== void 0 && _vendor$zoneIds.length ? vendor.zoneIds.filter(Boolean).map(zone => String(zone).trim().toUpperCase()) : [];
   }, [vendor]);
   const cards = useMemo(() => {
     const hasRealData = vendorSupervisors.some(s => s.totalKnos > 0);
@@ -2171,18 +2417,24 @@ const VendorDetailsCard = () => {
   }, t("EMAIL")), /*#__PURE__*/React.createElement("span", {
     className: "value"
   }, email)), /*#__PURE__*/React.createElement("div", {
-    className: "detail-item"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "label"
-  }, t("STATUS")), /*#__PURE__*/React.createElement("span", {
-    className: "value"
-  }, status)), /*#__PURE__*/React.createElement("div", {
-    className: "detail-item"
+    className: "detail-item",
+    style: {
+      gridColumn: "1 / -1"
+    }
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"
   }, t("ASSIGNED_ZONES") || "Assigned Zones"), /*#__PURE__*/React.createElement("span", {
     className: "value"
-  }, zoneIds)))), /*#__PURE__*/React.createElement("div", {
+  }, zoneIds.length > 0 ? /*#__PURE__*/React.createElement("div", {
+    className: "selected-zones",
+    style: {
+      marginTop: "4px",
+      width: "100%"
+    }
+  }, zoneIds.map(zone => /*#__PURE__*/React.createElement("span", {
+    key: zone,
+    className: "selected-zone-chip"
+  }, t(zone) || zone))) : "N/A")))), /*#__PURE__*/React.createElement("div", {
     className: "details-right"
   }, /*#__PURE__*/React.createElement("div", {
     className: "download-card"
@@ -3537,7 +3789,7 @@ const Review = () => {
     email: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.email) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$address11 = newDataRaw.address) === null || _newDataRaw$address11 === void 0 ? void 0 : _newDataRaw$address11.email),
     noOfPerson: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.noOfPerson) || (aadhaarData === null || aadhaarData === void 0 ? void 0 : aadhaarData.noOfPersons) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$address12 = newDataRaw.address) === null || _newDataRaw$address12 === void 0 ? void 0 : _newDataRaw$address12.noOfPerson),
     knumber: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.knumber) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$address13 = newDataRaw.address) === null || _newDataRaw$address13 === void 0 ? void 0 : _newDataRaw$address13.knumber) || activeKno,
-    doorPhotoFilestoreId: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.doorPhotoFileStoreId) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$address14 = newDataRaw.address) === null || _newDataRaw$address14 === void 0 ? void 0 : _newDataRaw$address14.doorPhotoFilestoreId)
+    doorPhotoFilestoreId: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.doorPhotoFilestoreId) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$address14 = newDataRaw.address) === null || _newDataRaw$address14 === void 0 ? void 0 : _newDataRaw$address14.doorPhotoFilestoreId)
   });
   const propertyData = _extends({}, newDataRaw === null || newDataRaw === void 0 ? void 0 : newDataRaw.property, {
     kno: (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$property = newDataRaw.property) === null || _newDataRaw$property === void 0 ? void 0 : _newDataRaw$property.kno) || activeKno,
@@ -3768,11 +4020,24 @@ const Review = () => {
       return Promise.reject(e);
     }
   };
-  const handleViewDocument = fileStoreId => {
-    if (!fileStoreId) return;
-    const documentUrl = "https://dev-djberp.nitcon.in/filestore/v1/files/id?tenantId=dl.djb&fileStoreId=" + fileStoreId;
-    setPreviewUrl(documentUrl);
-    setShowPreview(true);
+  const handleViewDocument = function (fileStoreId) {
+    try {
+      if (!fileStoreId) return Promise.resolve();
+      const _temp4 = _catch(function () {
+        return Promise.resolve(Digit.UploadServices.FileFetchbyid(fileStoreId, tenantId)).then(function (response) {
+          if (response !== null && response !== void 0 && response.data) {
+            const blobUrl = URL.createObjectURL(response.data);
+            setPreviewUrl(blobUrl);
+            setShowPreview(true);
+          }
+        });
+      }, function (error) {
+        console.error("Error fetching document:", error);
+      });
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
   };
   const handleMenuSelect = option => {
     setShowOptions(false);
@@ -5553,7 +5818,14 @@ const SupervisorDetailsCard = () => {
     className: "label"
   }, t("ASSIGNED_ZONE") || "Assigned Zone"), /*#__PURE__*/React.createElement("span", {
     className: "value"
-  }, assignedZone)), /*#__PURE__*/React.createElement("div", {
+  }, assignedZone && assignedZone !== "N/A" ? /*#__PURE__*/React.createElement("div", {
+    className: "selected-zones",
+    style: {
+      marginTop: "4px"
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "selected-zone-chip"
+  }, t(assignedZone.trim().toUpperCase()) || assignedZone)) : assignedZone)), /*#__PURE__*/React.createElement("div", {
     className: "detail-item"
   }, /*#__PURE__*/React.createElement("span", {
     className: "label"
@@ -5623,6 +5895,7 @@ const SupervisorDetailsCard = () => {
 
 const AssignEkycModal = _ref => {
   let surveyor = _ref.surveyor,
+    isReassign = _ref.isReassign,
     closeModal = _ref.closeModal,
     refetchDashboard = _ref.refetchDashboard,
     propsTenantId = _ref.tenantId;
@@ -5716,9 +5989,7 @@ const AssignEkycModal = _ref => {
         assemblyOptions: Array.from(assemblies.values()).sort((a, b) => a.name.localeCompare(b.name)),
         wardOptions: Array.from(wards.values()).sort((a, b) => a.name.localeCompare(b.name))
       };
-    }, [boundaryData]),
-    assemblyOptions = _useMemo.assemblyOptions,
-    wardOptions = _useMemo.wardOptions;
+    }, [boundaryData]);
   const structuredLocalityData = useMemo(() => {
     let localities = [];
     const boundaries = Array.isArray(boundaryData) ? boundaryData : boundaryData ? [boundaryData] : [];
@@ -5752,7 +6023,7 @@ const AssignEkycModal = _ref => {
     return Array.from(pinSet).sort();
   }, [structuredLocalityData]);
   const _Digit$Hooks$ekyc$use = Digit.Hooks.ekyc.useEkycApplicationList({
-      unassignedOnly: true,
+      unassignedOnly: !isReassign,
       fetchFilterOptions: true
     }, {
       tenantId: tenantId,
@@ -5782,7 +6053,7 @@ const AssignEkycModal = _ref => {
     setCurrentPage(0);
   }, [debouncedFilters, filters.kno]);
   const _Digit$Hooks$ekyc$use2 = Digit.Hooks.ekyc.useEkycApplicationList(_extends({
-      unassignedOnly: true
+      unassignedOnly: !isReassign
     }, filters.kno && {
       kno: filters.kno
     }, debouncedFilters.ekycStatus && {
@@ -5879,6 +6150,56 @@ const AssignEkycModal = _ref => {
       handleAssignmentError(errMsg, variables);
     }
   });
+  const reassignMutation = Digit.Hooks.ekyc.useEkycAssignmentReassign({
+    onSuccess: (response, variables) => {
+      if (response !== null && response !== void 0 && response.error) {
+        var _response$data2;
+        const errMsg = (response === null || response === void 0 ? void 0 : (_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.message) || "";
+        handleAssignmentError(errMsg, variables);
+        return;
+      }
+      if (response !== null && response !== void 0 && response.skipped && response.skipped.length > 0) {
+        var _response$skipped$2;
+        const reason = ((_response$skipped$2 = response.skipped[0]) === null || _response$skipped$2 === void 0 ? void 0 : _response$skipped$2.reason) || "";
+        handleAssignmentError(reason, variables);
+        return;
+      }
+      setToastData({
+        error: false,
+        label: t("EKYC_REASSIGNMENT_SUCCESSFUL") || "Reassignment successful"
+      });
+      setShowToast(true);
+      setTimeout(function () {
+        try {
+          function _temp8() {
+            function _temp6() {
+              closeModal();
+            }
+            const _temp5 = function () {
+              if (refetchApplicationList) {
+                return Promise.resolve(refetchApplicationList()).then(function () {});
+              }
+            }();
+            return _temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5);
+          }
+          const _temp7 = function () {
+            if (refetchDashboard) {
+              return Promise.resolve(refetchDashboard()).then(function () {});
+            }
+          }();
+          return Promise.resolve(_temp7 && _temp7.then ? _temp7.then(_temp8) : _temp8(_temp7));
+        } catch (e) {
+          return Promise.reject(e);
+        }
+      }, 1000);
+    },
+    onError: (error, variables) => {
+      var _error$data2, _error$response2, _error$response2$data;
+      const errMsg = (error === null || error === void 0 ? void 0 : (_error$data2 = error.data) === null || _error$data2 === void 0 ? void 0 : _error$data2.message) || (error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : _error$response2$data.message) || "";
+      handleAssignmentError(errMsg, variables);
+    }
+  });
+  const activeMutation = isReassign ? reassignMutation : assignmentMutation;
   const tableData = (applicationData === null || applicationData === void 0 ? void 0 : applicationData.consumerList) || [];
   const getAssignmentPayload = () => {
     if (isBulkSelection) {
@@ -5918,16 +6239,22 @@ const AssignEkycModal = _ref => {
     };
   };
   const handleAssign = () => {
-    var _surveyor$owner;
     const _getAssignmentPayload = getAssignmentPayload(),
       assignmentType = _getAssignmentPayload.assignmentType,
       assignmentValue = _getAssignmentPayload.assignmentValue;
-    assignmentMutation.mutate({
+    const payload = {
       tenantId: tenantId,
-      surveyorId: surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner = surveyor.owner) === null || _surveyor$owner === void 0 ? void 0 : _surveyor$owner.uuid,
       assignmentType,
       assignmentValue
-    });
+    };
+    if (isReassign) {
+      var _surveyor$owner;
+      payload.newSurveyorId = surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner = surveyor.owner) === null || _surveyor$owner === void 0 ? void 0 : _surveyor$owner.uuid;
+    } else {
+      var _surveyor$owner2;
+      payload.surveyorId = surveyor === null || surveyor === void 0 ? void 0 : (_surveyor$owner2 = surveyor.owner) === null || _surveyor$owner2 === void 0 ? void 0 : _surveyor$owner2.uuid;
+    }
+    activeMutation.mutate(payload);
   };
   const handleSelectAll = () => {
     setIsBulkSelection(true);
@@ -5993,13 +6320,13 @@ const AssignEkycModal = _ref => {
     setSelectedKnos(prev => prev.includes(kno) ? prev.filter(item => item !== kno) : [...prev, kno]);
   };
   return /*#__PURE__*/React.createElement(Modal, {
-    headerBarMain: "Assign KNOs to " + (surveyor === null || surveyor === void 0 ? void 0 : surveyor.name),
+    headerBarMain: isReassign ? "Reassign KNOs to " + (surveyor === null || surveyor === void 0 ? void 0 : surveyor.name) : "Assign KNOs to " + (surveyor === null || surveyor === void 0 ? void 0 : surveyor.name),
     headerBarEnd: /*#__PURE__*/React.createElement(Close, {
       onClick: closeModal
     }),
     actionCancelLabel: "Cancel",
     actionCancelOnSubmit: closeModal,
-    actionSaveLabel: t("EKYC_ASSIGN_KNOS") || "Assign KNOs",
+    actionSaveLabel: isReassign ? t("EKYC_REASSIGN_KNOS") || "Reassign KNOs" : t("EKYC_ASSIGN_KNOS") || "Assign KNOs",
     actionSaveOnSubmit: handleAssign,
     isDisabled: !(selectedKnos !== null && selectedKnos !== void 0 && selectedKnos.length)
   }, /*#__PURE__*/React.createElement("div", {
@@ -6021,30 +6348,6 @@ const AssignEkycModal = _ref => {
     key: pin,
     value: pin
   }, pin))), /*#__PURE__*/React.createElement("select", {
-    className: "form-control",
-    value: filters.ward,
-    onChange: e => handleFilterChange("ward", e.target.value)
-  }, /*#__PURE__*/React.createElement("option", {
-    value: ""
-  }, "Select Ward"), wardOptions.filter(ward => {
-    const stripped = ward.name.replace(/[0-9]/g, "").replace(/^[-\s]+|[-\s]+$/g, "");
-    return stripped.trim().length > 0;
-  }).map(ward => {
-    const displayName = ward.name.replace(/[0-9]/g, "").replace(/^[-\s]+|[-\s]+$/g, "");
-    return /*#__PURE__*/React.createElement("option", {
-      key: ward.code,
-      value: ward.name
-    }, displayName);
-  })), /*#__PURE__*/React.createElement("select", {
-    className: "form-control",
-    value: filters.assembly,
-    onChange: e => handleFilterChange("assembly", e.target.value)
-  }, /*#__PURE__*/React.createElement("option", {
-    value: ""
-  }, "Select Assembly"), assemblyOptions.map(assembly => /*#__PURE__*/React.createElement("option", {
-    key: assembly.code,
-    value: assembly.name
-  }, assembly.name))), /*#__PURE__*/React.createElement("select", {
     className: "form-control",
     value: filters.mrkey,
     onChange: e => handleFilterChange("mrkey", e.target.value)
@@ -6098,7 +6401,7 @@ const AssignEkycModal = _ref => {
 const SurveyorDetailsDashboard = () => {
   var _Digit$SessionStorage, _Digit$SessionStorage2, _surveyorSearchById$s, _Digit$SessionStorage3, _Digit$SessionStorage4, _surveyor$owner, _surveyor$owner2, _surveyor$owner3, _surveyor$owner4, _fullName$charAt, _dashboardData$dashbo, _dashboardData$dashbo2, _dashboardData$dashbo3, _dashboardData$dashbo4, _surveyor$owner8, _surveyor$owner9, _surveyor$owner0, _dashboardData$dashbo5, _dashboardData$dashbo6;
   const tenantId = Digit.ULBService.getCurrentTenantId();
-  const _useState = useState(false),
+  const _useState = useState(null),
     showModal = _useState[0],
     setShowModal = _useState[1];
   const _useState2 = useState(false),
@@ -6424,10 +6727,12 @@ const SurveyorDetailsDashboard = () => {
   };
   const options = [{
     action: "Assign"
+  }, {
+    action: "EKYC_REASSIGN"
   }];
   const handleMenuSelect = option => {
     setShowOptions(false);
-    setShowModal(true);
+    setShowModal(option.action);
   };
   const handleDownloadEkycData = function () {
     try {
@@ -6508,7 +6813,7 @@ const SurveyorDetailsDashboard = () => {
   };
   const closeModal = function () {
     try {
-      setShowModal(false);
+      setShowModal(null);
       return Promise.resolve();
     } catch (e) {
       return Promise.reject(e);
@@ -6735,6 +7040,7 @@ const SurveyorDetailsDashboard = () => {
     }
   })), showModal && /*#__PURE__*/React.createElement(AssignEkycModal, {
     surveyor: surveyor,
+    isReassign: showModal === "EKYC_REASSIGN",
     closeModal: closeModal,
     refetchDashboard: refetchDashboard
   }));