@djb25/digit-ui-module-ekyc 1.0.11 → 1.0.13

package/dist/index.modern.js

@@ -1,10 +1,11 @@
-import React, { useRef, useEffect, useMemo, useState, createContext, isValidElement, cloneElement, createElement, useContext, useCallback, useReducer, Fragment } from 'react';
+import React, { useRef, useEffect, useMemo, useState, createContext, isValidElement, cloneElement, createElement, useContext, useCallback, useReducer, Fragment as Fragment$1 } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useHistory, Link, useLocation, useRouteMatch, Switch, Route, Redirect } from 'react-router-dom';
-import { PersonIcon, EmployeeModuleCard, Loader, Card, InboxLinks, Table, HomeIcon, TextInput, Header, SubmitBar, DetailsCard, FilterForm, FilterFormField, Dropdown, Label, Tooltip, CardLabelError, InboxComposer, Toast, Modal, RadioButtons, CardHeader, CardSubHeader, StatusTable, Row, GenericFileIcon, CheckBox, ActionBar, LinkButton, EditIcon as EditIcon$1, FormStep, CardLabel, UploadFile, VerticalTimeline, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, ModuleLinksView, CitizenHomeCard, DocumentIcon } from '@djb25/digit-ui-react-components';
+import { PersonIcon, EmployeeModuleCard, Loader, Card, InboxLinks, Table, HomeIcon, TextInput, Header, SubmitBar, DetailsCard, FilterForm, FilterFormField, Dropdown, Label, CustomTooltip, CardLabelError, InboxComposer, Toast, Modal, RadioButtons, CardHeader, CardSubHeader, StatusTable, Row, GenericFileIcon, CheckBox, ActionBar, LinkButton, EditIcon as EditIcon$1, FormStep, CardLabel, UploadFile, VerticalTimeline, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute, LayoutWrapper, ModuleLinksView, CitizenHomeCard, DocumentIcon } from '@djb25/digit-ui-react-components';
 import * as Chartjs from 'chart.js/auto';
 import Chartjs__default, { Chart } from 'chart.js/auto';
 import 'react-dom';
+import { Chart as Chart$1, registerables } from 'chart.js';
 
 const EKYCCard = () => {
   const {
@@ -24,6 +25,9 @@ const EKYCCard = () => {
     }, {
       label: t("EKYC_INBOX"),
       link: `/digit-ui/employee/ekyc/inbox`
+    }, {
+      label: t("CEO_M.F_DOR_FINANCE_VIEW"),
+      link: `/digit-ui/employee/ekyc/ceo-dashboard`
     }, {
       label: t("EKYC_MAPPING"),
       link: `/digit-ui/employee/ekyc/mapping`
@@ -332,7 +336,7 @@ const DesktopInbox = ({
     }
   }], [t, parentRoute]);
   const tableData = useMemo(() => {
-    return (data === null || data === void 0 ? void 0 : data.items) || [];
+    return (data === null || data === void 0 ? void 0 : data.items) || (Array.isArray(data) ? data : []);
   }, [data]);
   return /*#__PURE__*/React.createElement("div", {
     className: "app-container"
@@ -1080,7 +1084,7 @@ const SearchFormFieldsComponents = ({
     className: "mobile-input"
   }, /*#__PURE__*/React.createElement(Label, {
     className: "flex-roww flex-gap-2"
-  }, t("EKYC_K_NUMBER") || "K Number", /*#__PURE__*/React.createElement(Tooltip, {
+  }, t("EKYC_K_NUMBER") || "K Number", /*#__PURE__*/React.createElement(CustomTooltip, {
     message: t("EKYC_K_NUMBER_MESSAGE")
   })), /*#__PURE__*/React.createElement(Controller, {
     name: "kNumber",
@@ -1180,13 +1184,14 @@ const Inbox = ({
           sla: 0
         };
       }
+      const fullName = [item.firstName, item.middleName, item.lastName].filter(Boolean).join(" ");
       return {
         ...item,
         applicationNo: item.kno || item.applicationNumber || "",
-        connectionNo: item.connectionNo || "",
-        owner: item.consumerName || item.citizenName || "",
+        connectionNo: item.kno || "",
+        owner: fullName || item.consumerName || item.citizenName || "",
         applicationNumber: item.kno || item.applicationNumber || "",
-        citizenName: item.consumerName || item.citizenName || "",
+        citizenName: fullName || item.consumerName || item.citizenName || "",
         status: item.status || "",
         sla: item.sla ?? 0
       };
@@ -1195,7 +1200,7 @@ const Inbox = ({
   const totalRecords = (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo2 = dashboardData.dashboardInfo) === null || _dashboardData$dashbo2 === void 0 ? void 0 : _dashboardData$dashbo2.totalRecords) || (dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.totalCount) || 0;
   const checkPathName = location.pathname.includes("ekyc/inbox");
   const PropsForInboxLinks = {
-    headerText: checkPathName ? "MODULE_WATER" : "MODULE_SW"
+    headerText: checkPathName ? "EKYC_MODULE" : "MODULE_SW"
   };
   const SearchFormFields = useCallback(({
     registerRef,
@@ -1359,7 +1364,8 @@ const Inbox = ({
     PropsForInboxLinks
   }, propsForSearchForm, propsForFilterForm, {
     propsForInboxTable,
-    formState
+    formState,
+    countData: dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.dashboardInfo
   })));
 };
 
@@ -2720,9 +2726,6 @@ const ActionButton = ({
   jumpTo,
   state
 }) => {
-  const {
-    t
-  } = useTranslation();
   const history = useHistory();
   function routeTo() {
     history.push(jumpTo, {
@@ -2733,13 +2736,15 @@ const ActionButton = ({
   return /*#__PURE__*/React.createElement(LinkButton, {
     label: /*#__PURE__*/React.createElement(EditIcon$1, {
       style: {
-        marginTop: "-30px",
-        float: "right",
-        position: "relative",
-        bottom: "32px"
+        width: "20px",
+        height: "20px",
+        fill: "#F47738"
       }
     }),
-    className: "check-page-link-button",
+    style: {
+      margin: 0,
+      padding: 0
+    },
     onClick: routeTo
   });
 };
@@ -2747,16 +2752,145 @@ const checkForNA = value => value !== null && value !== undefined && value !== "
 const boolToYesNo = (value, t) => {
   if (value === true || value === "true" || String(value).toLowerCase() === "yes") return t("CORE_COMMON_YES");
   if (value === false || value === "false" || String(value).toLowerCase() === "no") return t("CORE_COMMON_NO");
+  if (value === "true") return t("CORE_COMMON_YES");
+  if (value === "false") return t("CORE_COMMON_NO");
   return "N/A";
 };
-const extractActiveData = (searchData, flowState) => {
+const extractReviewData = (searchData, flowState) => {
   const rawData = searchData && Object.keys(searchData).length > 0 ? searchData : (flowState === null || flowState === void 0 ? void 0 : flowState.reviewData) || {};
-  const reviewWrapper = (rawData === null || rawData === void 0 ? void 0 : rawData.applicationReview) || rawData;
+  const reviewWrapper = (rawData === null || rawData === void 0 ? void 0 : rawData.applicationReviewInfo) || (rawData === null || rawData === void 0 ? void 0 : rawData.applicationReview) || rawData;
   const applicationData = (Array.isArray(reviewWrapper) ? reviewWrapper[0] : reviewWrapper) || {};
-  return (applicationData === null || applicationData === void 0 ? void 0 : applicationData.newData) || applicationData;
+  return {
+    newData: (applicationData === null || applicationData === void 0 ? void 0 : applicationData.newData) || applicationData,
+    oldData: (applicationData === null || applicationData === void 0 ? void 0 : applicationData.oldData) || null
+  };
+};
+const ReviewSection = ({
+  title,
+  fields,
+  newData,
+  oldData,
+  t,
+  jumpTo,
+  state
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "review-section-wrapper",
+    style: {
+      marginBottom: "48px",
+      background: "#fff",
+      borderRadius: "12px",
+      border: "1px solid #EAECF0",
+      overflow: "hidden"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: "20px 24px",
+      background: "#F9FAFB",
+      borderBottom: "1px solid #EAECF0",
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement(CardSubHeader, {
+    style: {
+      margin: 0,
+      fontSize: "18px",
+      color: "#101828",
+      fontWeight: "700"
+    }
+  }, title), jumpTo && /*#__PURE__*/React.createElement(ActionButton, {
+    jumpTo: jumpTo,
+    state: state
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: "0 24px"
+    }
+  }, /*#__PURE__*/React.createElement("table", {
+    style: {
+      width: "100%",
+      borderCollapse: "collapse",
+      tableLayout: "fixed"
+    }
+  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
+    style: {
+      padding: "16px 0",
+      textAlign: "left",
+      color: "#667085",
+      fontSize: "12px",
+      fontWeight: "600",
+      textTransform: "uppercase",
+      width: "30%"
+    }
+  }, t("EKYC_FIELD_NAME")), /*#__PURE__*/React.createElement("th", {
+    style: {
+      padding: "16px 0",
+      textAlign: "left",
+      color: "#667085",
+      fontSize: "12px",
+      fontWeight: "600",
+      textTransform: "uppercase",
+      width: "35%"
+    }
+  }, t("EKYC_EXISTING_INFORMATION")), /*#__PURE__*/React.createElement("th", {
+    style: {
+      padding: "16px 0",
+      textAlign: "left",
+      color: "#667085",
+      fontSize: "12px",
+      fontWeight: "600",
+      textTransform: "uppercase",
+      width: "35%"
+    }
+  }, t("EKYC_PROPOSED_UPDATES")))), /*#__PURE__*/React.createElement("tbody", null, fields.map((field, idx) => {
+    const valNew = newData === null || newData === void 0 ? void 0 : newData[field.key];
+    const valOld = oldData === null || oldData === void 0 ? void 0 : oldData[field.key];
+    const isChanged = oldData && String(valNew) !== String(valOld) && valOld !== undefined && valOld !== null;
+    return /*#__PURE__*/React.createElement("tr", {
+      key: idx,
+      style: {
+        borderTop: "1px solid #F2F4F7"
+      }
+    }, /*#__PURE__*/React.createElement("td", {
+      style: {
+        padding: "16px 0",
+        fontSize: "14px",
+        color: "#344054",
+        fontWeight: "500"
+      }
+    }, t(field.label)), /*#__PURE__*/React.createElement("td", {
+      style: {
+        padding: "16px 0",
+        fontSize: "14px",
+        color: "#667085"
+      }
+    }, field.isBool ? boolToYesNo(valOld, t) : checkForNA(valOld)), /*#__PURE__*/React.createElement("td", {
+      style: {
+        padding: "16px 0",
+        fontSize: "14px",
+        color: isChanged ? "#1B8B32" : "#101828",
+        fontWeight: isChanged ? "700" : "400"
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "8px"
+      }
+    }, field.isBool ? boolToYesNo(valNew, t) : checkForNA(valNew), isChanged && /*#__PURE__*/React.createElement("span", {
+      style: {
+        background: "#ECFDF3",
+        color: "#067647",
+        padding: "2px 8px",
+        borderRadius: "12px",
+        fontSize: "10px",
+        fontWeight: "600"
+      }
+    }, t("EKYC_CHANGED")))));
+  })))));
 };
 const Review = () => {
-  var _editedProperty$conne, _editedProperty$conne2, _editedProperty$userT, _editedProperty$noOfF, _editedMeter$meterSta, _editedMeter$workingS, _editedMeter$lastBill;
+  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;
   const {
     t
   } = useTranslation();
@@ -2764,6 +2898,8 @@ const Review = () => {
   const location = useLocation();
   const [agree, setAgree] = useState(false);
   const [isSubmitting, setIsSubmitting] = useState(false);
+  const [showPreview, setShowPreview] = useState(false);
+  const [previewUrl, setPreviewUrl] = useState("");
   const flowState = location.state || {};
   const {
     kNumber,
@@ -2778,6 +2914,8 @@ const Review = () => {
     meterDetails: editedMeter = {}
   } = edits;
   const tenantId = Digit.ULBService.getCurrentTenantId();
+  const workflowMutation = Digit.Hooks.ekyc.useEkycWorkflow(tenantId);
+  const updateMutation = Digit.Hooks.ekyc.useEkycUpdate(tenantId);
   const {
     data: searchData,
     isLoading: isSearchLoading
@@ -2787,67 +2925,308 @@ const Review = () => {
   }, tenantId, {
     enabled: !!activeKno
   });
-  const activeData = extractActiveData(searchData, flowState);
-  const apiConn = (activeData === null || activeData === void 0 ? void 0 : activeData.connectionDetails) || activeData || {};
-  const apiAddr = (activeData === null || activeData === void 0 ? void 0 : activeData.addressDetails) || activeData || {};
-  const apiProp = (activeData === null || activeData === void 0 ? void 0 : activeData.propertyInfo) || activeData || {};
-  const apiMeter = (activeData === null || activeData === void 0 ? void 0 : activeData.meterDetails) || activeData || {};
+  const {
+    newData: apiNewData,
+    oldData: apiOldData
+  } = extractReviewData(searchData, flowState);
+  const prepareConsolidatedData = data => {
+    if (!data) return null;
+    const apiConn = (data === null || data === void 0 ? void 0 : data.connectionDetails) || data || {};
+    const apiAddr = (data === null || data === void 0 ? void 0 : data.addressDetails) || data || {};
+    const apiProp = (data === null || data === void 0 ? void 0 : data.propertyInfo) || data || {};
+    const apiMeter = (data === null || data === void 0 ? void 0 : data.meterDetails) || data || {};
+    return {
+      connection: {
+        consumerName: (apiConn === null || apiConn === void 0 ? void 0 : apiConn.consumerName) || (apiConn !== null && apiConn !== void 0 && apiConn.firstName ? [apiConn.firstName, apiConn.middleName, apiConn.lastName].filter(Boolean).join(" ") : null),
+        address: (apiConn === null || apiConn === void 0 ? void 0 : apiConn.address) || (apiConn === null || apiConn === void 0 ? void 0 : apiConn.addressRaw),
+        connectionType: (apiConn === null || apiConn === void 0 ? void 0 : apiConn.connectionType) || (apiConn === null || apiConn === void 0 ? void 0 : apiConn.connectionCategory),
+        meterNumber: (apiConn === null || apiConn === void 0 ? void 0 : apiConn.meterNumber) || (apiConn === null || apiConn === void 0 ? void 0 : apiConn.meterNo),
+        phoneNumber: (apiConn === null || apiConn === void 0 ? void 0 : apiConn.phoneNumber) || (apiConn === null || apiConn === void 0 ? void 0 : apiConn.mobileNo) || (apiConn === null || apiConn === void 0 ? void 0 : apiConn.mobileNumber),
+        email: apiConn === null || apiConn === void 0 ? void 0 : apiConn.email,
+        statusflag: (apiConn === null || apiConn === void 0 ? void 0 : apiConn.statusflag) || (apiConn === null || apiConn === void 0 ? void 0 : apiConn.statusFlag),
+        ekycStatus: apiConn === null || apiConn === void 0 ? void 0 : apiConn.ekycStatus,
+        knumber: (apiConn === null || apiConn === void 0 ? void 0 : apiConn.knumber) || (apiConn === null || apiConn === void 0 ? void 0 : apiConn.kno)
+      },
+      address: {
+        fullAddress: (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.fullAddress) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.addressRaw),
+        flatHouseNumber: (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.flatHouseNumber) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.flatNo),
+        buildingTower: (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.buildingTower) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.building),
+        landmark: apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.landmark,
+        pinCode: (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.pinCode) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.pincode),
+        ward: (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.ward) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.locality),
+        assembly: apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.assembly,
+        gpsValid: apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.gpsValid,
+        latitude: apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.latitude,
+        longitude: apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.longitude,
+        mobileNo: (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.mobileNo) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.mobileNumber),
+        whatsappNo: apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.whatsappNo,
+        email: apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.email,
+        noOfPerson: (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.noOfPerson) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.noOfPersons),
+        knumber: (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.knumber) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.kno),
+        doorPhotoFilestoreId: apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.doorPhotoFilestoreId
+      },
+      property: {
+        kno: apiProp === null || apiProp === void 0 ? void 0 : apiProp.kno,
+        pidNumber: apiProp === null || apiProp === void 0 ? void 0 : apiProp.pidNumber,
+        typeOfConnection: apiProp === null || apiProp === void 0 ? void 0 : apiProp.typeOfConnection,
+        connectionCategory: apiProp === null || apiProp === void 0 ? void 0 : apiProp.connectionCategory,
+        userType: apiProp === null || apiProp === void 0 ? void 0 : apiProp.userType,
+        numberOfFloors: (apiProp === null || apiProp === void 0 ? void 0 : apiProp.numberOfFloors) || (apiProp === null || apiProp === void 0 ? void 0 : apiProp.noOfFloor),
+        tenantName: apiProp === null || apiProp === void 0 ? void 0 : apiProp.tenantName,
+        tenantMobile: apiProp === null || apiProp === void 0 ? void 0 : apiProp.tenantMobile,
+        ekycStatus: apiProp === null || apiProp === void 0 ? void 0 : apiProp.ekycStatus,
+        propertyDocumentFileStoreId: apiProp === null || apiProp === void 0 ? void 0 : apiProp.propertyDocumentFileStoreId,
+        buildingImageFileStoreId: apiProp === null || apiProp === void 0 ? void 0 : apiProp.buildingImageFileStoreId
+      },
+      meter: {
+        kno: apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.kno,
+        metered: (apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.meterStatus) === "METERED" || (apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.metered),
+        meterNumber: (apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.meterNumber) || (apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.meterNo),
+        meterMake: apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.meterMake,
+        meterLocationAddress: apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.meterLocationAddress,
+        meterLatitude: apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.meterLatitude,
+        meterLongitude: apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.meterLongitude,
+        workingStatus: apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.workingStatus,
+        lastBillRaised: apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.lastBillRaised,
+        systemMeterId: apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.systemMeterId,
+        meterPhotoFileStoreId: apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.meterPhotoFileStoreId
+      }
+    };
+  };
+  const newDataRaw = prepareConsolidatedData(apiNewData);
+  const oldDataRaw = prepareConsolidatedData(apiOldData);
   const connectionData = {
-    consumerName: (aadhaarData === null || aadhaarData === void 0 ? void 0 : aadhaarData.name) || (apiConn === null || apiConn === void 0 ? void 0 : apiConn.consumerName),
-    address: (apiConn === null || apiConn === void 0 ? void 0 : apiConn.address) || (apiConn === null || apiConn === void 0 ? void 0 : apiConn.addressRaw),
-    connectionType: (apiConn === null || apiConn === void 0 ? void 0 : apiConn.connectionType) || (apiConn === null || apiConn === void 0 ? void 0 : apiConn.connectionCategory),
-    meterNumber: (apiConn === null || apiConn === void 0 ? void 0 : apiConn.meterNumber) || (apiConn === null || apiConn === void 0 ? void 0 : apiConn.meterNo),
-    phoneNumber: (aadhaarData === null || aadhaarData === void 0 ? void 0 : aadhaarData.mobileNumber) || (apiConn === null || apiConn === void 0 ? void 0 : apiConn.phoneNumber) || (apiConn === null || apiConn === void 0 ? void 0 : apiConn.mobileNo),
-    email: apiConn === null || apiConn === void 0 ? void 0 : apiConn.email,
-    statusflag: (apiConn === null || apiConn === void 0 ? void 0 : apiConn.statusflag) || (apiConn === null || apiConn === void 0 ? void 0 : apiConn.statusFlag),
-    ekycStatus: apiConn === null || apiConn === void 0 ? void 0 : apiConn.ekycStatus,
-    knumber: (apiConn === null || apiConn === void 0 ? void 0 : apiConn.knumber) || (apiConn === null || apiConn === void 0 ? void 0 : apiConn.kno) || activeKno
+    ...(newDataRaw === null || newDataRaw === void 0 ? void 0 : newDataRaw.connection),
+    consumerName: (aadhaarData === null || aadhaarData === void 0 ? void 0 : aadhaarData.name) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$connectio = newDataRaw.connection) === null || _newDataRaw$connectio === void 0 ? void 0 : _newDataRaw$connectio.consumerName),
+    phoneNumber: (aadhaarData === null || aadhaarData === void 0 ? void 0 : aadhaarData.mobileNumber) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$connectio2 = newDataRaw.connection) === null || _newDataRaw$connectio2 === void 0 ? void 0 : _newDataRaw$connectio2.phoneNumber),
+    knumber: (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$connectio3 = newDataRaw.connection) === null || _newDataRaw$connectio3 === void 0 ? void 0 : _newDataRaw$connectio3.knumber) || activeKno
   };
   const addressData = {
-    fullAddress: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.fullAddress) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.fullAddress) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.addressRaw),
-    flatHouseNumber: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.flatHouseNumber) || (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.flatNo) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.flatHouseNumber),
-    buildingTower: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.buildingTower) || (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.building) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.buildingTower),
-    landmark: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.landmark) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.landmark),
-    pinCode: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.pinCode) || (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.pincode) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.pinCode) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.pincode),
-    ward: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.ward) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.ward) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.locality),
-    assembly: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.assembly) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.assembly),
-    gpsValid: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.gpsValid) !== undefined ? editedAddress.gpsValid : apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.gpsValid,
-    latitude: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.latitude) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.latitude),
-    longitude: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.longitude) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.longitude),
-    mobileNo: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.mobileNo) || (aadhaarData === null || aadhaarData === void 0 ? void 0 : aadhaarData.mobileNumber) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.mobileNo),
-    whatsappNo: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.whatsappNo) || (aadhaarData === null || aadhaarData === void 0 ? void 0 : aadhaarData.whatsappNumber) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.whatsappNo),
-    email: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.email) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.email),
-    noOfPerson: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.noOfPerson) || (aadhaarData === null || aadhaarData === void 0 ? void 0 : aadhaarData.noOfPersons) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.noOfPerson),
-    knumber: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.knumber) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.knumber) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.kno) || activeKno,
-    doorPhotoFilestoreId: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.doorPhotoFileStoreId) || (apiAddr === null || apiAddr === void 0 ? void 0 : apiAddr.doorPhotoFilestoreId)
+    ...(newDataRaw === null || newDataRaw === void 0 ? void 0 : newDataRaw.address),
+    fullAddress: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.fullAddress) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$address = newDataRaw.address) === null || _newDataRaw$address === void 0 ? void 0 : _newDataRaw$address.fullAddress),
+    flatHouseNumber: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.flatHouseNumber) || (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.flatNo) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$address2 = newDataRaw.address) === null || _newDataRaw$address2 === void 0 ? void 0 : _newDataRaw$address2.flatHouseNumber),
+    buildingTower: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.buildingTower) || (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.building) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$address3 = newDataRaw.address) === null || _newDataRaw$address3 === void 0 ? void 0 : _newDataRaw$address3.buildingTower),
+    landmark: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.landmark) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$address4 = newDataRaw.address) === null || _newDataRaw$address4 === void 0 ? void 0 : _newDataRaw$address4.landmark),
+    pinCode: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.pinCode) || (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.pincode) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$address5 = newDataRaw.address) === null || _newDataRaw$address5 === void 0 ? void 0 : _newDataRaw$address5.pinCode),
+    ward: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.ward) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$address6 = newDataRaw.address) === null || _newDataRaw$address6 === void 0 ? void 0 : _newDataRaw$address6.ward),
+    assembly: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.assembly) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$address7 = newDataRaw.address) === null || _newDataRaw$address7 === void 0 ? void 0 : _newDataRaw$address7.assembly),
+    gpsValid: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.gpsValid) !== undefined ? editedAddress.gpsValid : newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$address8 = newDataRaw.address) === null || _newDataRaw$address8 === void 0 ? void 0 : _newDataRaw$address8.gpsValid,
+    latitude: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.latitude) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$address9 = newDataRaw.address) === null || _newDataRaw$address9 === void 0 ? void 0 : _newDataRaw$address9.latitude),
+    longitude: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.longitude) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$address0 = newDataRaw.address) === null || _newDataRaw$address0 === void 0 ? void 0 : _newDataRaw$address0.longitude),
+    mobileNo: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.mobileNo) || (aadhaarData === null || aadhaarData === void 0 ? void 0 : aadhaarData.mobileNumber) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$address1 = newDataRaw.address) === null || _newDataRaw$address1 === void 0 ? void 0 : _newDataRaw$address1.mobileNo),
+    whatsappNo: (editedAddress === null || editedAddress === void 0 ? void 0 : editedAddress.whatsappNo) || (aadhaarData === null || aadhaarData === void 0 ? void 0 : aadhaarData.whatsappNumber) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$address10 = newDataRaw.address) === null || _newDataRaw$address10 === void 0 ? void 0 : _newDataRaw$address10.whatsappNo),
+    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)
   };
   const propertyData = {
-    kno: (apiProp === null || apiProp === void 0 ? void 0 : apiProp.kno) || activeKno,
-    pidNumber: (editedProperty === null || editedProperty === void 0 ? void 0 : editedProperty.pidNumber) || (apiProp === null || apiProp === void 0 ? void 0 : apiProp.pidNumber),
-    typeOfConnection: (editedProperty === null || editedProperty === void 0 ? void 0 : (_editedProperty$conne = editedProperty.connectionTypeData) === null || _editedProperty$conne === void 0 ? void 0 : _editedProperty$conne.label) || (apiProp === null || apiProp === void 0 ? void 0 : apiProp.typeOfConnection),
-    connectionCategory: (editedProperty === null || editedProperty === void 0 ? void 0 : (_editedProperty$conne2 = editedProperty.connectionCategoryData) === null || _editedProperty$conne2 === void 0 ? void 0 : _editedProperty$conne2.label) || (apiProp === null || apiProp === void 0 ? void 0 : apiProp.connectionCategory),
-    userType: (editedProperty === null || editedProperty === void 0 ? void 0 : (_editedProperty$userT = editedProperty.userTypeData) === null || _editedProperty$userT === void 0 ? void 0 : _editedProperty$userT.label) || (apiProp === null || apiProp === void 0 ? void 0 : apiProp.userType),
-    numberOfFloors: (editedProperty === null || editedProperty === void 0 ? void 0 : (_editedProperty$noOfF = editedProperty.noOfFloorsData) === null || _editedProperty$noOfF === void 0 ? void 0 : _editedProperty$noOfF.label) || (apiProp === null || apiProp === void 0 ? void 0 : apiProp.numberOfFloors),
-    tenantName: apiProp === null || apiProp === void 0 ? void 0 : apiProp.tenantName,
-    tenantMobile: apiProp === null || apiProp === void 0 ? void 0 : apiProp.tenantMobile,
-    ekycStatus: apiProp === null || apiProp === void 0 ? void 0 : apiProp.ekycStatus,
-    propertyDocumentFileStoreId: (editedProperty === null || editedProperty === void 0 ? void 0 : editedProperty.propertyDocumentFileStoreId) || (apiProp === null || apiProp === void 0 ? void 0 : apiProp.propertyDocumentFileStoreId),
-    buildingImageFileStoreId: apiProp === null || apiProp === void 0 ? void 0 : apiProp.buildingImageFileStoreId
+    ...(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,
+    pidNumber: (editedProperty === null || editedProperty === void 0 ? void 0 : editedProperty.pidNumber) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$property2 = newDataRaw.property) === null || _newDataRaw$property2 === void 0 ? void 0 : _newDataRaw$property2.pidNumber),
+    typeOfConnection: (editedProperty === null || editedProperty === void 0 ? void 0 : (_editedProperty$conne = editedProperty.connectionTypeData) === null || _editedProperty$conne === void 0 ? void 0 : _editedProperty$conne.label) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$property3 = newDataRaw.property) === null || _newDataRaw$property3 === void 0 ? void 0 : _newDataRaw$property3.typeOfConnection),
+    connectionCategory: (editedProperty === null || editedProperty === void 0 ? void 0 : (_editedProperty$conne2 = editedProperty.connectionCategoryData) === null || _editedProperty$conne2 === void 0 ? void 0 : _editedProperty$conne2.label) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$property4 = newDataRaw.property) === null || _newDataRaw$property4 === void 0 ? void 0 : _newDataRaw$property4.connectionCategory),
+    userType: (editedProperty === null || editedProperty === void 0 ? void 0 : (_editedProperty$userT = editedProperty.userTypeData) === null || _editedProperty$userT === void 0 ? void 0 : _editedProperty$userT.label) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$property5 = newDataRaw.property) === null || _newDataRaw$property5 === void 0 ? void 0 : _newDataRaw$property5.userType),
+    numberOfFloors: (editedProperty === null || editedProperty === void 0 ? void 0 : (_editedProperty$noOfF = editedProperty.noOfFloorsData) === null || _editedProperty$noOfF === void 0 ? void 0 : _editedProperty$noOfF.label) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$property6 = newDataRaw.property) === null || _newDataRaw$property6 === void 0 ? void 0 : _newDataRaw$property6.numberOfFloors),
+    propertyDocumentFileStoreId: (editedProperty === null || editedProperty === void 0 ? void 0 : editedProperty.propertyDocumentFileStoreId) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$property7 = newDataRaw.property) === null || _newDataRaw$property7 === void 0 ? void 0 : _newDataRaw$property7.propertyDocumentFileStoreId)
   };
   const meterData = {
-    kno: (editedMeter === null || editedMeter === void 0 ? void 0 : editedMeter.kno) || (apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.kno) || activeKno,
-    metered: (editedMeter === null || editedMeter === void 0 ? void 0 : (_editedMeter$meterSta = editedMeter.meterStatusData) === null || _editedMeter$meterSta === void 0 ? void 0 : _editedMeter$meterSta.value) === "Metered" || (apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.metered),
-    meterNumber: (apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.meterNumber) || (apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.meterNo),
-    meterMake: (editedMeter === null || editedMeter === void 0 ? void 0 : editedMeter.meterMake) || (apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.meterMake),
-    meterLocationAddress: (editedMeter === null || editedMeter === void 0 ? void 0 : editedMeter.meterLocation) || (apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.meterLocationAddress),
-    meterLatitude: apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.meterLatitude,
-    meterLongitude: apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.meterLongitude,
-    workingStatus: (editedMeter === null || editedMeter === void 0 ? void 0 : (_editedMeter$workingS = editedMeter.workingStatusData) === null || _editedMeter$workingS === void 0 ? void 0 : _editedMeter$workingS.value) === "Working" || (apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.workingStatus),
-    lastBillRaised: (editedMeter === null || editedMeter === void 0 ? void 0 : (_editedMeter$lastBill = editedMeter.lastBillRaisedData) === null || _editedMeter$lastBill === void 0 ? void 0 : _editedMeter$lastBill.value) === "Yes" || (apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.lastBillRaised),
-    systemMeterId: apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.systemMeterId,
-    meterPhotoFileStoreId: (editedMeter === null || editedMeter === void 0 ? void 0 : editedMeter.meterPhotoFileStoreId) || (apiMeter === null || apiMeter === void 0 ? void 0 : apiMeter.meterPhotoFileStoreId)
+    ...(newDataRaw === null || newDataRaw === void 0 ? void 0 : newDataRaw.meter),
+    kno: (editedMeter === null || editedMeter === void 0 ? void 0 : editedMeter.kno) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$meter = newDataRaw.meter) === null || _newDataRaw$meter === void 0 ? void 0 : _newDataRaw$meter.kno) || activeKno,
+    metered: (editedMeter === null || editedMeter === void 0 ? void 0 : (_editedMeter$meterSta = editedMeter.meterStatusData) === null || _editedMeter$meterSta === void 0 ? void 0 : _editedMeter$meterSta.value) === "Metered" || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$meter2 = newDataRaw.meter) === null || _newDataRaw$meter2 === void 0 ? void 0 : _newDataRaw$meter2.metered),
+    meterNumber: newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$meter3 = newDataRaw.meter) === null || _newDataRaw$meter3 === void 0 ? void 0 : _newDataRaw$meter3.meterNumber,
+    meterMake: (editedMeter === null || editedMeter === void 0 ? void 0 : editedMeter.meterMake) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$meter4 = newDataRaw.meter) === null || _newDataRaw$meter4 === void 0 ? void 0 : _newDataRaw$meter4.meterMake),
+    meterLocationAddress: (editedMeter === null || editedMeter === void 0 ? void 0 : editedMeter.meterLocation) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$meter5 = newDataRaw.meter) === null || _newDataRaw$meter5 === void 0 ? void 0 : _newDataRaw$meter5.meterLocationAddress),
+    workingStatus: (editedMeter === null || editedMeter === void 0 ? void 0 : (_editedMeter$workingS = editedMeter.workingStatusData) === null || _editedMeter$workingS === void 0 ? void 0 : _editedMeter$workingS.value) === "Working" || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$meter6 = newDataRaw.meter) === null || _newDataRaw$meter6 === void 0 ? void 0 : _newDataRaw$meter6.workingStatus),
+    lastBillRaised: (editedMeter === null || editedMeter === void 0 ? void 0 : (_editedMeter$lastBill = editedMeter.lastBillRaisedData) === null || _editedMeter$lastBill === void 0 ? void 0 : _editedMeter$lastBill.value) === "Yes" || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$meter7 = newDataRaw.meter) === null || _newDataRaw$meter7 === void 0 ? void 0 : _newDataRaw$meter7.lastBillRaised),
+    meterPhotoFileStoreId: (editedMeter === null || editedMeter === void 0 ? void 0 : editedMeter.meterPhotoFileStoreId) || (newDataRaw === null || newDataRaw === void 0 ? void 0 : (_newDataRaw$meter8 = newDataRaw.meter) === null || _newDataRaw$meter8 === void 0 ? void 0 : _newDataRaw$meter8.meterPhotoFileStoreId)
   };
+  const connectionFields = [{
+    label: "EKYC_K_NUMBER",
+    key: "knumber"
+  }, {
+    label: "EKYC_CONSUMER_NAME",
+    key: "consumerName"
+  }, {
+    label: "EKYC_ADDRESS",
+    key: "address"
+  }, {
+    label: "EKYC_CONNECTION_TYPE",
+    key: "connectionType"
+  }, {
+    label: "EKYC_METER_NO",
+    key: "meterNumber"
+  }, {
+    label: "EKYC_MOBILE_NO",
+    key: "phoneNumber"
+  }, {
+    label: "EKYC_EMAIL",
+    key: "email"
+  }, {
+    label: "EKYC_STATUS_FLAG",
+    key: "statusflag"
+  }, {
+    label: "EKYC_STATUS",
+    key: "ekycStatus"
+  }];
+  const addressFields = [{
+    label: "EKYC_FULL_ADDRESS",
+    key: "fullAddress"
+  }, {
+    label: "EKYC_FLAT_HOUSE_NO",
+    key: "flatHouseNumber"
+  }, {
+    label: "EKYC_BUILDING_TOWER",
+    key: "buildingTower"
+  }, {
+    label: "EKYC_LANDMARK",
+    key: "landmark"
+  }, {
+    label: "EKYC_PINCODE",
+    key: "pinCode"
+  }, {
+    label: "EKYC_LOCALITY",
+    key: "ward"
+  }, {
+    label: "EKYC_ASSEMBLY",
+    key: "assembly"
+  }, {
+    label: "EKYC_GPS_VALID",
+    key: "gpsValid",
+    isBool: true
+  }, {
+    label: "EKYC_LATITUDE",
+    key: "latitude"
+  }, {
+    label: "EKYC_LONGITUDE",
+    key: "longitude"
+  }, {
+    label: "EKYC_MOBILE_NO",
+    key: "mobileNo"
+  }, {
+    label: "EKYC_WHATSAPP_NO",
+    key: "whatsappNo"
+  }, {
+    label: "EKYC_EMAIL",
+    key: "email"
+  }, {
+    label: "EKYC_NO_OF_PERSONS",
+    key: "noOfPerson"
+  }, {
+    label: "EKYC_K_NUMBER",
+    key: "knumber"
+  }];
+  const propertyFields = [{
+    label: "EKYC_CONNECTION_CATEGORY",
+    key: "connectionCategory"
+  }, {
+    label: "EKYC_PID_NUMBER",
+    key: "pidNumber"
+  }, {
+    label: "EKYC_TYPE_OF_CONNECTION",
+    key: "typeOfConnection"
+  }, {
+    label: "EKYC_USER_TYPE",
+    key: "userType"
+  }, {
+    label: "EKYC_FLOOR_COUNT",
+    key: "numberOfFloors"
+  }, {
+    label: "EKYC_TENANT_NAME",
+    key: "tenantName"
+  }, {
+    label: "EKYC_TENANT_MOBILE",
+    key: "tenantMobile"
+  }, {
+    label: "EKYC_STATUS",
+    key: "ekycStatus"
+  }];
+  const meterFields = [{
+    label: "EKYC_METERED",
+    key: "metered",
+    isBool: true
+  }, {
+    label: "EKYC_METER_NO",
+    key: "meterNumber"
+  }, {
+    label: "EKYC_METER_MAKE",
+    key: "meterMake"
+  }, {
+    label: "EKYC_METER_LOCATION_ADDRESS",
+    key: "meterLocationAddress"
+  }, {
+    label: "EKYC_METER_LATITUDE",
+    key: "meterLatitude"
+  }, {
+    label: "EKYC_METER_LONGITUDE",
+    key: "meterLongitude"
+  }, {
+    label: "EKYC_WORKING_STATUS",
+    key: "workingStatus",
+    isBool: true
+  }, {
+    label: "EKYC_LAST_BILL_RAISED",
+    key: "lastBillRaised",
+    isBool: true
+  }, {
+    label: "EKYC_SYSTEM_METER_ID",
+    key: "systemMeterId"
+  }];
   const handleDeclaration = () => setAgree(!agree);
+  const handleReject = async () => {
+    var _Digit$UserService$ge, _Digit$UserService$ge2, _Digit$UserService$ge3;
+    const payload = {
+      RequestInfo: {
+        apiId: "Rainmaker",
+        ver: "1.0",
+        msgId: "message-id",
+        authToken: (_Digit$UserService$ge = Digit.UserService.getUser()) === null || _Digit$UserService$ge === void 0 ? void 0 : _Digit$UserService$ge.access_token
+      },
+      kno: activeKno,
+      action: "REJECTED",
+      remarks: "Application rejected by reviewer",
+      reviewedBy: (_Digit$UserService$ge2 = Digit.UserService.getUser()) === null || _Digit$UserService$ge2 === void 0 ? void 0 : (_Digit$UserService$ge3 = _Digit$UserService$ge2.info) === null || _Digit$UserService$ge3 === void 0 ? void 0 : _Digit$UserService$ge3.userName,
+      role: "ZRO"
+    };
+    try {
+      const result = await workflowMutation.mutateAsync(payload);
+      if (result) {
+        history.push("/digit-ui/employee/ekyc/response", {
+          success: true,
+          result
+        });
+      }
+    } catch (err) {
+      console.error("Reject Error:", err);
+    }
+  };
+  const handleApprove = async () => {
+    var _Digit$UserService$ge4, _Digit$UserService$ge5, _Digit$UserService$ge6;
+    const payload = {
+      RequestInfo: {
+        apiId: "Rainmaker",
+        ver: "1.0",
+        msgId: "message-id",
+        authToken: (_Digit$UserService$ge4 = Digit.UserService.getUser()) === null || _Digit$UserService$ge4 === void 0 ? void 0 : _Digit$UserService$ge4.access_token
+      },
+      kno: activeKno,
+      action: "APPROVED",
+      remarks: "All documents verified",
+      reviewedBy: (_Digit$UserService$ge5 = Digit.UserService.getUser()) === null || _Digit$UserService$ge5 === void 0 ? void 0 : (_Digit$UserService$ge6 = _Digit$UserService$ge5.info) === null || _Digit$UserService$ge6 === void 0 ? void 0 : _Digit$UserService$ge6.userName,
+      role: "ZRO"
+    };
+    try {
+      const result = await workflowMutation.mutateAsync(payload);
+      if (result) {
+        history.push("/digit-ui/employee/ekyc/response", {
+          success: true,
+          result
+        });
+      }
+    } catch (err) {
+      console.error("Approve Error:", err);
+    }
+  };
   const handleFinalSubmit = async () => {
     setIsSubmitting(true);
     try {
@@ -2861,7 +3240,7 @@ const Review = () => {
           meterDetails: meterData
         }
       };
-      const result = await Digit.EkycService.application_update(payload, tenantId);
+      const result = await updateMutation.mutateAsync(payload);
       if (result) {
         history.push("/digit-ui/employee/ekyc/response", {
           success: true,
@@ -2874,258 +3253,254 @@ const Review = () => {
       setIsSubmitting(false);
     }
   };
+  const handleViewDocument = fileStoreId => {
+    if (!fileStoreId) return;
+    const documentUrl = `https://dev-djb.nitcon.in/filestore/v1/files/id?tenantId=dl.djb&fileStoreId=${fileStoreId}`;
+    setPreviewUrl(documentUrl);
+    setShowPreview(true);
+  };
   if (isSearchLoading || isSubmitting) return /*#__PURE__*/React.createElement(Loader, null);
   const baseUrl = "/digit-ui/employee/ekyc";
   return /*#__PURE__*/React.createElement("div", {
-    className: "review-container"
-  }, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement("div", {
+    className: "employeeCard overflow-y-scroll"
+  }, /*#__PURE__*/React.createElement(Card, {
+    style: {
+      padding: "32px"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
       justifyContent: "space-between",
       alignItems: "center",
-      marginBottom: "20px"
+      marginBottom: "40px",
+      borderBottom: "1px solid #EAECF0",
+      paddingBottom: "20px"
     }
   }, /*#__PURE__*/React.createElement(CardHeader, {
     style: {
-      margin: 0
+      margin: 0,
+      fontSize: "28px"
     }
   }, t("EKYC_REVIEW_APPLICATION")), /*#__PURE__*/React.createElement("div", {
     style: {
       background: "#F9FAFB",
-      border: "0.5px solid #EAECF0",
-      borderRadius: "20px",
-      padding: "4px 14px",
-      fontSize: "12px",
-      color: "#667085"
+      border: "1px solid #EAECF0",
+      borderRadius: "24px",
+      padding: "8px 20px",
+      fontSize: "14px",
+      color: "#475467",
+      fontWeight: "500"
     }
   }, t("EKYC_K_NUMBER"), ": ", /*#__PURE__*/React.createElement("span", {
     style: {
-      color: "#0B0C0C",
-      fontWeight: "600"
-    }
-  }, activeKno))), /*#__PURE__*/React.createElement(CardSubHeader, null, t("EKYC_CONNECTION_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, {
-    style: {
-      marginTop: "20px",
-      marginBottom: "30px"
-    }
-  }, /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_K_NUMBER"),
-    text: checkForNA(connectionData.knumber)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_CONSUMER_NAME"),
-    text: checkForNA(connectionData.consumerName)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_ADDRESS"),
-    text: checkForNA(connectionData.address)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_CONNECTION_TYPE"),
-    text: checkForNA(connectionData.connectionType)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_METER_NO"),
-    text: checkForNA(connectionData.meterNumber)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_MOBILE_NO"),
-    text: checkForNA(connectionData.phoneNumber)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_EMAIL"),
-    text: checkForNA(connectionData.email)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_STATUS_FLAG"),
-    text: checkForNA(connectionData.statusflag)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_STATUS"),
-    text: checkForNA(connectionData.ekycStatus)
-  })), /*#__PURE__*/React.createElement(CardSubHeader, null, t("EKYC_ADDRESS_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, {
-    style: {
-      marginTop: "20px",
-      marginBottom: "30px"
+      color: "#101828",
+      fontWeight: "700"
+    }
+  }, activeKno))), /*#__PURE__*/React.createElement(ReviewSection, {
+    title: t("EKYC_CONNECTION_DETAILS"),
+    fields: connectionFields,
+    newData: connectionData,
+    oldData: oldDataRaw === null || oldDataRaw === void 0 ? void 0 : oldDataRaw.connection,
+    t: t,
+    jumpTo: `${baseUrl}/consumer-details`,
+    state: {
+      ...flowState,
+      reviewData: searchData,
+      edits
+    }
+  }), /*#__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`,
+    state: {
+      ...flowState,
+      reviewData: searchData,
+      edits
+    }
+  }), /*#__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`,
+    state: {
+      ...flowState,
+      reviewData: searchData,
+      edits
+    }
+  }), /*#__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`,
+    state: {
+      ...flowState,
+      reviewData: searchData,
+      edits
     }
-  }, /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_FULL_ADDRESS"),
-    text: checkForNA(addressData.fullAddress),
-    actionButton: /*#__PURE__*/React.createElement(ActionButton, {
-      jumpTo: `${baseUrl}/address-details`,
-      state: {
-        ...flowState,
-        reviewData: searchData,
-        edits
-      }
-    })
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_FLAT_HOUSE_NO"),
-    text: checkForNA(addressData.flatHouseNumber)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_BUILDING_TOWER"),
-    text: checkForNA(addressData.buildingTower)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_LANDMARK"),
-    text: checkForNA(addressData.landmark)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_PINCODE"),
-    text: checkForNA(addressData.pinCode)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_LOCALITY"),
-    text: checkForNA(addressData.ward)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_ASSEMBLY"),
-    text: checkForNA(addressData.assembly)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_GPS_VALID"),
-    text: boolToYesNo(addressData.gpsValid, t)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_LATITUDE"),
-    text: checkForNA(addressData.latitude)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_LONGITUDE"),
-    text: checkForNA(addressData.longitude)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_MOBILE_NO"),
-    text: checkForNA(addressData.mobileNo)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_WHATSAPP_NO"),
-    text: checkForNA(addressData.whatsappNo)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_EMAIL"),
-    text: checkForNA(addressData.email)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_NO_OF_PERSONS"),
-    text: checkForNA(addressData.noOfPerson)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_K_NUMBER"),
-    text: checkForNA(addressData.knumber)
-  })), /*#__PURE__*/React.createElement(CardSubHeader, null, t("EKYC_PROPERTY_INFO")), /*#__PURE__*/React.createElement(StatusTable, {
+  }), /*#__PURE__*/React.createElement("div", {
     style: {
-      marginTop: "20px",
-      marginBottom: "30px"
+      marginTop: "40px"
     }
-  }, /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_CONNECTION_CATEGORY"),
-    text: checkForNA(propertyData.connectionCategory),
-    actionButton: /*#__PURE__*/React.createElement(ActionButton, {
-      jumpTo: `${baseUrl}/property-info`,
-      state: {
-        ...flowState,
-        reviewData: searchData,
-        edits
-      }
-    })
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_PID_NUMBER"),
-    text: checkForNA(propertyData.pidNumber)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_TYPE_OF_CONNECTION"),
-    text: checkForNA(propertyData.typeOfConnection)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_USER_TYPE"),
-    text: checkForNA(propertyData.userType)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_FLOOR_COUNT"),
-    text: checkForNA(propertyData.numberOfFloors)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_TENANT_NAME"),
-    text: checkForNA(propertyData.tenantName)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_TENANT_MOBILE"),
-    text: checkForNA(propertyData.tenantMobile)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_STATUS"),
-    text: checkForNA(propertyData.ekycStatus)
-  })), /*#__PURE__*/React.createElement(CardSubHeader, null, t("EKYC_METER_DETAILS")), /*#__PURE__*/React.createElement(StatusTable, {
+  }, /*#__PURE__*/React.createElement(CardSubHeader, {
     style: {
-      marginTop: "20px",
-      marginBottom: "30px"
+      marginBottom: "20px"
     }
-  }, /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_METERED"),
-    text: boolToYesNo(meterData.metered, t),
-    actionButton: /*#__PURE__*/React.createElement(ActionButton, {
-      jumpTo: `${baseUrl}/meter-details`,
-      state: {
-        ...flowState,
-        reviewData: searchData,
-        edits
-      }
-    })
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_METER_NO"),
-    text: checkForNA(meterData.meterNumber)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_METER_MAKE"),
-    text: checkForNA(meterData.meterMake)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_METER_LOCATION_ADDRESS"),
-    text: checkForNA(meterData.meterLocationAddress)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_METER_LATITUDE"),
-    text: checkForNA(meterData.meterLatitude)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_METER_LONGITUDE"),
-    text: checkForNA(meterData.meterLongitude)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_WORKING_STATUS"),
-    text: boolToYesNo(meterData.workingStatus, t)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_LAST_BILL_RAISED"),
-    text: boolToYesNo(meterData.lastBillRaised, t)
-  }), /*#__PURE__*/React.createElement(Row, {
-    label: t("EKYC_SYSTEM_METER_ID"),
-    text: checkForNA(meterData.systemMeterId)
-  })), /*#__PURE__*/React.createElement(CardSubHeader, null, t("EKYC_DOCUMENTS")), /*#__PURE__*/React.createElement(StatusTable, {
+  }, t("EKYC_DOCUMENTS")), /*#__PURE__*/React.createElement(StatusTable, {
     style: {
-      marginTop: "20px",
-      marginBottom: "30px"
+      maxWidth: "600px"
     }
   }, /*#__PURE__*/React.createElement(Row, {
     label: t("EKYC_DOOR_PHOTO"),
     text: addressData.doorPhotoFilestoreId ? t("EKYC_PHOTO_AVAILABLE") : t("CS_NA"),
-    actionButton: addressData.doorPhotoFilestoreId && /*#__PURE__*/React.createElement(GenericFileIcon, {
+    actionButton: addressData.doorPhotoFilestoreId && /*#__PURE__*/React.createElement("div", {
+      onClick: () => handleViewDocument(addressData.doorPhotoFilestoreId)
+    }, /*#__PURE__*/React.createElement(GenericFileIcon, {
       style: {
-        cursor: "pointer"
+        cursor: "pointer",
+        fill: "#F47738"
       }
-    })
+    }))
   }), /*#__PURE__*/React.createElement(Row, {
     label: t("EKYC_METER_PHOTO"),
     text: meterData.meterPhotoFileStoreId ? t("EKYC_PHOTO_AVAILABLE") : t("CS_NA"),
-    actionButton: meterData.meterPhotoFileStoreId && /*#__PURE__*/React.createElement(GenericFileIcon, {
+    actionButton: meterData.meterPhotoFileStoreId && /*#__PURE__*/React.createElement("div", {
+      onClick: () => handleViewDocument(meterData.meterPhotoFileStoreId)
+    }, /*#__PURE__*/React.createElement(GenericFileIcon, {
       style: {
-        cursor: "pointer"
+        cursor: "pointer",
+        fill: "#F47738"
       }
-    })
+    }))
   }), /*#__PURE__*/React.createElement(Row, {
     label: t("EKYC_BUILDING_IMAGE"),
     text: propertyData.buildingImageFileStoreId ? t("EKYC_PHOTO_AVAILABLE") : t("CS_NA"),
-    actionButton: propertyData.buildingImageFileStoreId && /*#__PURE__*/React.createElement(GenericFileIcon, {
+    actionButton: propertyData.buildingImageFileStoreId && /*#__PURE__*/React.createElement("div", {
+      onClick: () => handleViewDocument(propertyData.buildingImageFileStoreId)
+    }, /*#__PURE__*/React.createElement(GenericFileIcon, {
       style: {
-        cursor: "pointer"
+        cursor: "pointer",
+        fill: "#F47738"
       }
-    })
+    }))
   }), /*#__PURE__*/React.createElement(Row, {
     label: t("EKYC_PROPERTY_DOCUMENTS"),
     text: propertyData.propertyDocumentFileStoreId ? t("EKYC_DOCS_AVAILABLE") : t("CS_NA"),
-    actionButton: propertyData.propertyDocumentFileStoreId && /*#__PURE__*/React.createElement(GenericFileIcon, {
+    actionButton: propertyData.propertyDocumentFileStoreId && /*#__PURE__*/React.createElement("div", {
+      onClick: () => handleViewDocument(propertyData.propertyDocumentFileStoreId)
+    }, /*#__PURE__*/React.createElement(GenericFileIcon, {
       style: {
-        cursor: "pointer"
+        cursor: "pointer",
+        fill: "#F47738"
       }
-    })
-  })), /*#__PURE__*/React.createElement(CheckBox, {
+    }))
+  }))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: "40px",
+      paddingTop: "30px",
+      borderTop: "1px solid #EAECF0"
+    }
+  }, /*#__PURE__*/React.createElement(CheckBox, {
     id: "agreeDeclaration",
     name: "agreeDeclaration",
-    label: t("EKYC_FINAL_DECLARATION"),
+    label: /*#__PURE__*/React.createElement("span", {
+      style: {
+        fontSize: "16px",
+        color: "#344054"
+      }
+    }, t("EKYC_FINAL_DECLARATION")),
     onChange: handleDeclaration,
-    checked: agree,
-    style: {
-      marginTop: "20px"
-    }
-  })), /*#__PURE__*/React.createElement(ActionBar, {
+    checked: agree
+  }))), /*#__PURE__*/React.createElement(ActionBar, {
     style: {
       position: "static",
-      marginTop: "24px"
+      marginTop: "32px",
+      display: "flex",
+      justifyContent: "flex-end"
     }
   }, /*#__PURE__*/React.createElement(SubmitBar, {
+    label: t("EKYC_REJECT"),
+    onSubmit: handleReject,
+    disabled: !agree
+  }), /*#__PURE__*/React.createElement(SubmitBar, {
+    label: t("EKYC_APPROVE"),
+    onSubmit: handleApprove,
+    disabled: !agree
+  }), /*#__PURE__*/React.createElement(SubmitBar, {
     label: t("EKYC_SUBMIT_APPLICATION"),
     onSubmit: handleFinalSubmit,
     disabled: !agree
-  })));
+  })), showPreview && /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: "fixed",
+      top: 0,
+      left: 0,
+      width: "100%",
+      height: "100%",
+      backgroundColor: "rgba(0,0,0,0.7)",
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      zIndex: 10000
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: "relative",
+      backgroundColor: "#fff",
+      padding: "30px",
+      borderRadius: "12px",
+      maxWidth: "600px",
+      width: "100%",
+      maxHeight: "70vh",
+      overflow: "auto",
+      boxShadow: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    onClick: () => setShowPreview(false),
+    style: {
+      position: "absolute",
+      top: "10px",
+      right: "10px",
+      cursor: "pointer",
+      fontWeight: "bold",
+      fontSize: "20px",
+      color: "#333",
+      background: "#eee",
+      width: "30px",
+      height: "30px",
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      borderRadius: "50%"
+    }
+  }, "\xD7"), /*#__PURE__*/React.createElement("img", {
+    src: previewUrl,
+    alt: "Document Preview",
+    style: {
+      maxWidth: "100%",
+      height: "auto",
+      display: "block"
+    },
+    onError: e => {
+      e.target.style.display = "none";
+      e.target.nextSibling.style.display = "block";
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "none",
+      padding: "40px",
+      textAlign: "center"
+    }
+  }, /*#__PURE__*/React.createElement("p", null, t("EKYC_DOCUMENT_PREVIEW_NOT_AVAILABLE")), /*#__PURE__*/React.createElement(LinkButton, {
+    label: t("EKYC_OPEN_IN_NEW_TAB"),
+    onClick: () => window.open(previewUrl, "_blank")
+  })))));
 };
 
 var QueryClientContext = function () {
@@ -3149,41 +3524,117 @@ var useQueryClient = function useQueryClient() {
 
 const AadhaarVerification = ({
   config,
-  onSelect
+  onSelect,
+  formData
 }) => {
-  const [kno, setKno] = useState("");
-  const [consumerType, setConsumerType] = useState(null);
-  const [occupantType, setOccupantType] = useState(null);
-  const [categoryType, setCategoryType] = useState(null);
-  const [consumerName, setConsumerName] = useState("");
-  const [firstName, setFirstName] = useState("");
-  const [middleName, setMiddleName] = useState("");
-  const [lastName, setLastName] = useState("");
-  const [gender, setGender] = useState(null);
-  const [relation, setRelation] = useState("");
-  const [mobile, setMobile] = useState("");
-  const [whatsapp, setWhatsapp] = useState("");
-  const [email, setEmail] = useState("");
-  const [residents, setResidents] = useState("");
-  const [documentProof, setDocumentProof] = useState(null);
-  const [documentId, setDocumentId] = useState(null);
-  const [ownerMobile, setOwnerMobile] = useState("");
-  const [tenantVerification, setTenantVerification] = useState("");
-  const [designation, setDesignation] = useState("");
-  const [department, setDepartment] = useState("");
-  const [employeeId, setEmployeeId] = useState("");
-  const [landline, setLandline] = useState("");
-  const [entityRelation, setEntityRelation] = useState("");
-  const [contactPerson, setContactPerson] = useState("");
-  const [entityName, setEntityName] = useState("");
-  const [idProof, setIdProof] = useState(null);
-  const [idNumber, setIdNumber] = useState("");
-  const [idFile, setIdFile] = useState(null);
-  const [consent, setConsent] = useState(false);
-  const [informantIsConsumer, setInformantIsConsumer] = useState(true);
-  const [informantName, setInformantName] = useState("");
-  const [informantRelation, setInformantRelation] = useState("");
+  const location = useLocation();
+  const flowState = location.state || {};
+  const tenantId = Digit.ULBService.getCurrentTenantId();
+  const searchKno = (flowState === null || flowState === void 0 ? void 0 : flowState.kNumber) || (flowState === null || flowState === void 0 ? void 0 : flowState.kno) || (formData === null || formData === void 0 ? void 0 : formData.kNumber) || (formData === null || formData === void 0 ? void 0 : formData.kno) || sessionStorage.getItem("EKYC_K_NUMBER");
+  const {
+    isLoading,
+    data: searchData
+  } = Digit.Hooks.ekyc.useSearchConnection({
+    tenantId,
+    details: {
+      kno: searchKno
+    }
+  }, {
+    enabled: !!searchKno,
+    cacheTime: 0
+  });
+  const updateMutation = Digit.Hooks.ekyc.useEkycUpdate(tenantId);
+  const savedData = (formData === null || formData === void 0 ? void 0 : formData.aadhaarVerification) || {};
+  const [kno, setKno] = useState(savedData.kno || searchKno || "");
+  const [consumerType, setConsumerType] = useState(savedData.consumerType ? {
+    name: savedData.consumerType
+  } : null);
+  const [occupantType, setOccupantType] = useState(savedData.occupantType ? {
+    name: savedData.occupantType
+  } : null);
+  const [categoryType, setCategoryType] = useState(savedData.categoryType ? {
+    name: savedData.categoryType
+  } : null);
+  const [consumerName, setConsumerName] = useState(savedData.consumerName || "");
+  const [firstName, setFirstName] = useState(savedData.firstName || "");
+  const [middleName, setMiddleName] = useState(savedData.middleName || "");
+  const [lastName, setLastName] = useState(savedData.lastName || "");
+  const [gender, setGender] = useState(savedData.gender ? {
+    name: savedData.gender
+  } : null);
+  const [parentSpouseName, setParentSpouseName] = useState(savedData.parentSpouseName || "");
+  const [relation, setRelation] = useState(savedData.relation || "");
+  const [mobile, setMobile] = useState(savedData.mobile || "");
+  const [whatsapp, setWhatsapp] = useState(savedData.whatsapp || "");
+  const [email, setEmail] = useState(savedData.email || "");
+  const [residents, setResidents] = useState(savedData.residents || "");
+  const [documentProof, setDocumentProof] = useState(savedData.documentProof || null);
+  const [documentId, setDocumentId] = useState(savedData.documentId || null);
+  const [ownerMobile, setOwnerMobile] = useState(savedData.ownerMobile || "");
+  const [tenantVerification, setTenantVerification] = useState(savedData.tenantVerification || "");
+  const [designation, setDesignation] = useState(savedData.designation || "");
+  const [department, setDepartment] = useState(savedData.department || "");
+  const [employeeId, setEmployeeId] = useState(savedData.employeeId || "");
+  const [landline, setLandline] = useState(savedData.landline || "");
+  const [entityRelation, setEntityRelation] = useState(savedData.entityRelation || "");
+  const [contactPerson, setContactPerson] = useState(savedData.contactPerson || "");
+  const [entityName, setEntityName] = useState(savedData.entityName || "");
+  const [idProof, setIdProof] = useState(savedData.idProof ? {
+    name: savedData.idProof
+  } : null);
+  const [idNumber, setIdNumber] = useState(savedData.idNumber || "");
+  const [documentNumber, setDocumentNumber] = useState(savedData.documentNumber || "");
+  const [identityType, setIdentityType] = useState(savedData.identityType ? {
+    name: savedData.identityType
+  } : null);
+  const [idFile, setIdFile] = useState(savedData.idFile || null);
+  const [consent, setConsent] = useState(savedData.consent || false);
+  const [informantIsConsumer, setInformantIsConsumer] = useState(savedData.informantIsConsumer ?? true);
+  const [informantName, setInformantName] = useState(savedData.informantName || "");
+  const [informantRelation, setInformantRelation] = useState(savedData.informantRelation || "");
   const [toast, setToast] = useState(null);
+  useEffect(() => {
+    const rawData = searchData || (formData === null || formData === void 0 ? void 0 : formData.connectionDetails);
+    const details = (rawData === null || rawData === void 0 ? void 0 : rawData.connectionDetails) || rawData || {};
+    const addrDetails = (rawData === null || rawData === void 0 ? void 0 : rawData.addressDetails) || {};
+    if (details && Object.keys(details).length > 0 && !savedData.firstName) {
+      if (!kno && searchKno) setKno(searchKno);
+      if (details.firstName) {
+        setFirstName(details.firstName);
+        if (details.middleName) setMiddleName(details.middleName);
+        if (details.lastName) setLastName(details.lastName);
+      } else if (details.consumerName) {
+        setConsumerName(details.consumerName);
+        const parts = details.consumerName.trim().split(/\s+/);
+        setFirstName(parts[0] || "");
+        if (parts.length === 2) setLastName(parts[1]);
+        if (parts.length > 2) {
+          setMiddleName(parts.slice(1, -1).join(" "));
+          setLastName(parts[parts.length - 1]);
+        }
+      }
+      if (details.phoneNumber || addrDetails.mobileNo) setMobile(details.phoneNumber || addrDetails.mobileNo);
+      if (details.email || addrDetails.email) setEmail(details.email || addrDetails.email);
+      if (addrDetails.whatsappNo) setWhatsapp(addrDetails.whatsappNo);
+      if (addrDetails.noOfPerson) setResidents(String(addrDetails.noOfPerson));
+      if (details.consumerType) setConsumerType({
+        name: details.consumerType
+      });
+      if (details.occupantType) setOccupantType({
+        name: details.occupantType
+      });
+      if (details.gender) setGender({
+        name: details.gender
+      });
+      if (details.parentSpouse) setParentSpouseName(details.parentSpouse);
+      if (details.documentNumber) {
+        setDocumentId(details.documentNumber);
+        setIdNumber(details.documentNumber);
+      }
+      if (details.informantName) setInformantName(details.informantName);
+      if (details.informantRelation) setInformantRelation(details.informantRelation);
+    }
+  }, [searchData, formData === null || formData === void 0 ? void 0 : formData.connectionDetails, searchKno]);
   const consumerTypeOptions = [{
     name: "Individual"
   }, {
@@ -3205,6 +3656,15 @@ const AadhaarVerification = ({
   }, {
     name: "Not prefer to say"
   }];
+  const identityTypeOptions = [{
+    name: "Aadhaar Card"
+  }, {
+    name: "Driving License"
+  }, {
+    name: "Passport"
+  }, {
+    name: "Voter ID"
+  }];
   const uploadFile = async (e, setter, idSetter) => {
     const file = e.target.files[0];
     if (!file) return;
@@ -3234,14 +3694,7 @@ const AadhaarVerification = ({
     if ((occupantType === null || occupantType === void 0 ? void 0 : occupantType.name) === "Tenanted" && !documentId && !ownerMobile) return false;
     return consent;
   };
-  const onStepSelect = () => {
-    if (!isValid()) {
-      setToast({
-        type: "error",
-        message: "Fill required fields"
-      });
-      return;
-    }
+  const onStepSelect = async () => {
     const data = {
       kno,
       consumerType: consumerType === null || consumerType === void 0 ? void 0 : consumerType.name,
@@ -3252,6 +3705,7 @@ const AadhaarVerification = ({
       middleName,
       lastName,
       gender: gender === null || gender === void 0 ? void 0 : gender.name,
+      parentSpouseName,
       relation,
       mobile,
       whatsapp,
@@ -3274,15 +3728,32 @@ const AadhaarVerification = ({
       informantName,
       informantRelation
     };
-    onSelect(config.key, data);
+    try {
+      await updateMutation.mutateAsync({
+        RequestInfo: {},
+        updateType: "CONSUMER",
+        ...data
+      });
+      setToast({
+        type: "success",
+        message: "Data updated successfully!"
+      });
+      onSelect(config.key, data);
+    } catch (error) {
+      setToast({
+        type: "error",
+        message: "Failed to update consumer details"
+      });
+    }
   };
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(FormStep, {
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(Loader, null);
+  }
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(FormStep, {
     onSelect: onStepSelect,
-    config: config
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "K Number *"), /*#__PURE__*/React.createElement(TextInput, {
-    value: kno,
-    onChange: e => setKno(e.target.value)
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Consumer Type *"), /*#__PURE__*/React.createElement(Dropdown, {
+    config: config,
+    isDisabled: !isValid()
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Consumer Type *"), /*#__PURE__*/React.createElement(Dropdown, {
     option: consumerTypeOptions,
     selected: consumerType,
     select: setConsumerType
@@ -3307,6 +3778,9 @@ const AadhaarVerification = ({
     option: genderOptions,
     selected: gender,
     select: setGender
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Parent/Spouse Name "), /*#__PURE__*/React.createElement(TextInput, {
+    value: parentSpouseName,
+    onChange: e => setParentSpouseName(e.target.value)
   })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Mobile *"), /*#__PURE__*/React.createElement(TextInput, {
     value: mobile,
     onChange: e => setMobile(e.target.value)
@@ -3319,15 +3793,34 @@ const AadhaarVerification = ({
   })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "No. of Residents *"), /*#__PURE__*/React.createElement(TextInput, {
     value: residents,
     onChange: e => setResidents(e.target.value)
-  })), (occupantType === null || occupantType === void 0 ? void 0 : occupantType.name) === "Tenanted" && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Document Proof"), /*#__PURE__*/React.createElement(UploadFile, {
+  })), /*#__PURE__*/React.createElement("div", null, console.log("identityType", identityType), /*#__PURE__*/React.createElement(CardLabel, null, "Type of Identity *"), /*#__PURE__*/React.createElement(Dropdown, {
+    option: identityTypeOptions,
+    selected: identityType,
+    select: setIdentityType
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Proof of Identity"), /*#__PURE__*/React.createElement(UploadFile, {
+    onUpload: e => uploadFile(e, setDocumentProof, setDocumentId)
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Document Number"), /*#__PURE__*/React.createElement(TextInput, {
+    value: documentNumber,
+    onChange: e => setDocumentNumber(e.target.value)
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Informant Is Consumer"), /*#__PURE__*/React.createElement(CheckBox, {
+    label: "Yes, the informant is the consumer",
+    checked: informantIsConsumer,
+    onChange: e => setInformantIsConsumer(e.target.checked)
+  })), !informantIsConsumer && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Informant Name"), /*#__PURE__*/React.createElement(TextInput, {
+    value: informantName,
+    onChange: e => setInformantName(e.target.value)
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Informant Relation"), /*#__PURE__*/React.createElement(TextInput, {
+    value: informantRelation,
+    onChange: e => setInformantRelation(e.target.value)
+  }))), (occupantType === null || occupantType === void 0 ? void 0 : occupantType.name) === "Tenanted" && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Document Proof"), /*#__PURE__*/React.createElement(UploadFile, {
     onUpload: e => uploadFile(e, setDocumentProof, setDocumentId)
-  })), !documentId && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Owner Mobile *"), /*#__PURE__*/React.createElement(TextInput, {
+  })), !documentId && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Owner Mobile *"), /*#__PURE__*/React.createElement(TextInput, {
     value: ownerMobile,
     onChange: e => setOwnerMobile(e.target.value)
   })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Tenant Verification"), /*#__PURE__*/React.createElement(TextInput, {
     value: tenantVerification,
     onChange: e => setTenantVerification(e.target.value)
-  })))), (consumerType === null || consumerType === void 0 ? void 0 : consumerType.name) === "Govt" && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Designation"), /*#__PURE__*/React.createElement(TextInput, {
+  })))), (consumerType === null || consumerType === void 0 ? void 0 : consumerType.name) === "Govt" && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Designation"), /*#__PURE__*/React.createElement(TextInput, {
     value: designation,
     onChange: e => setDesignation(e.target.value)
   })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Department"), /*#__PURE__*/React.createElement(TextInput, {
@@ -3336,13 +3829,17 @@ const AadhaarVerification = ({
   })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Employee ID"), /*#__PURE__*/React.createElement(TextInput, {
     value: employeeId,
     onChange: e => setEmployeeId(e.target.value)
-  }))), (consumerType === null || consumerType === void 0 ? void 0 : consumerType.name) === "Company_Society_Org" && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Entity Name"), /*#__PURE__*/React.createElement(TextInput, {
+  }))), (consumerType === null || consumerType === void 0 ? void 0 : consumerType.name) === "Company_Society_Org" && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Entity Name"), /*#__PURE__*/React.createElement(TextInput, {
     value: entityName,
     onChange: e => setEntityName(e.target.value)
   })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Contact Person"), /*#__PURE__*/React.createElement(TextInput, {
     value: contactPerson,
     onChange: e => setContactPerson(e.target.value)
-  })))));
+  })))), toast && /*#__PURE__*/React.createElement(Toast, {
+    error: toast.type === "error",
+    label: toast.message,
+    onClose: () => setToast(null)
+  }));
 };
 
 const ekycConfig = [{
@@ -3526,6 +4023,7 @@ const EmployeeApp = ({
   } = useTranslation();
   const location = useLocation();
   sessionStorage.removeItem("revalidateddone");
+  const CeoDashboard = Digit.ComponentRegistryService.getComponent("CeoDashboard");
   const getBreadcrumbLabel = () => {
     const pathname = location.pathname;
     if (pathname.includes("/dashboard")) return "ES_COMMON_INBOX";
@@ -3559,102 +4057,140 @@ const EmployeeApp = ({
     className: "employee-form-content"
   }, /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/dashboard`,
-    component: () => /*#__PURE__*/React.createElement(Dashboard, {
+    component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
+      layoutClass: "normal"
+    }, /*#__PURE__*/React.createElement(Dashboard, {
       parentRoute: path,
       businessService: "EKYC",
       moduleCode: "EKYC",
       isInbox: true
-    })
+    }))
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/inbox`,
-    component: () => /*#__PURE__*/React.createElement(Inbox, {
+    component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
+      layoutClass: "normal"
+    }, /*#__PURE__*/React.createElement(Inbox, {
       parentRoute: path,
       businessService: "EKYC",
       moduleCode: "EKYC",
       isInbox: true
-    })
+    }))
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/create-kyc`,
-    component: () => /*#__PURE__*/React.createElement(Create, null)
+    component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
+      layoutClass: "normal"
+    }, /*#__PURE__*/React.createElement(Create, null))
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/mapping`,
-    component: () => /*#__PURE__*/React.createElement(Mapping, null)
+    component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
+      layoutClass: "normal"
+    }, /*#__PURE__*/React.createElement(Mapping, null))
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: formStepRoutes.map(route => `${path}/${route}`),
-    component: props => /*#__PURE__*/React.createElement(EKYCForm, Object.assign({}, props, {
+    component: props => /*#__PURE__*/React.createElement(LayoutWrapper, {
+      layoutClass: "normal"
+    }, /*#__PURE__*/React.createElement(EKYCForm, Object.assign({}, props, {
       path: path
-    }))
+    })))
   }), /*#__PURE__*/React.createElement(PrivateRoute, {
     path: `${path}/review`,
-    component: () => /*#__PURE__*/React.createElement(Review, null)
+    component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
+      layoutClass: "normal"
+    }, /*#__PURE__*/React.createElement(Review, null))
+  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: `${path}/ceo-dashboard`,
+    component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
+      layoutClass: "normal"
+    }, /*#__PURE__*/React.createElement(CeoDashboard, null))
   }))))));
 };
 
-const AddressDetails = ({
+const PropertyInfo = ({
   config,
-  onSelect
+  onSelect,
+  formData
 }) => {
-  var _mdmsData$MdmsRes, _mdmsData$MdmsRes$ego, _mdmsData$MdmsRes$ego2, _mdmsData$MdmsRes$ego3, _mdmsData$MdmsRes$ego4;
   const {
     t
   } = useTranslation();
+  const location = useLocation();
+  const flowState = location.state || {};
   const tenantId = Digit.ULBService.getCurrentTenantId();
-  const [houseNo, setHouseNo] = useState("");
-  const [street, setStreet] = useState("");
-  const [locality, setLocality] = useState("");
-  const [landmark, setLandmark] = useState("");
-  const [subLocality, setSubLocality] = useState(null);
-  const [pinCode, setPinCode] = useState("");
-  const [assembly, setAssembly] = useState(null);
-  const [ward, setWard] = useState(null);
-  const [zone, setZone] = useState(null);
-  const [latitude, setLatitude] = useState("");
-  const [longitude, setLongitude] = useState("");
-  const [addressType, setAddressType] = useState(null);
-  const [doorPhoto, setDoorPhoto] = useState(null);
-  const [doorPhotoFileStoreId, setDoorPhotoFileStoreId] = useState(null);
-  const [toast, setToast] = useState(null);
+  const searchKno = (flowState === null || flowState === void 0 ? void 0 : flowState.kNumber) || (flowState === null || flowState === void 0 ? void 0 : flowState.kno) || (formData === null || formData === void 0 ? void 0 : formData.kNumber) || (formData === null || formData === void 0 ? void 0 : formData.kno) || sessionStorage.getItem("EKYC_K_NUMBER");
   const {
-    data: mdmsData,
-    isLoading
-  } = Digit.Hooks.useCommonMDMS(tenantId, "egov-location", ["TenantBoundary"]);
-  const assemblies = (mdmsData === null || mdmsData === void 0 ? void 0 : (_mdmsData$MdmsRes = mdmsData.MdmsRes) === null || _mdmsData$MdmsRes === void 0 ? void 0 : (_mdmsData$MdmsRes$ego = _mdmsData$MdmsRes["egov-location"]) === null || _mdmsData$MdmsRes$ego === void 0 ? void 0 : (_mdmsData$MdmsRes$ego2 = _mdmsData$MdmsRes$ego.TenantBoundary) === null || _mdmsData$MdmsRes$ego2 === void 0 ? void 0 : (_mdmsData$MdmsRes$ego3 = _mdmsData$MdmsRes$ego2[0]) === null || _mdmsData$MdmsRes$ego3 === void 0 ? void 0 : (_mdmsData$MdmsRes$ego4 = _mdmsData$MdmsRes$ego3.boundary) === null || _mdmsData$MdmsRes$ego4 === void 0 ? void 0 : _mdmsData$MdmsRes$ego4.children) || [];
+    isLoading,
+    data: searchData
+  } = Digit.Hooks.ekyc.useSearchConnection({
+    tenantId,
+    details: {
+      kno: searchKno
+    }
+  }, {
+    enabled: !!searchKno,
+    cacheTime: 0
+  });
+  const updateMutation = Digit.Hooks.ekyc.useEkycUpdate(tenantId);
+  const savedData = (formData === null || formData === void 0 ? void 0 : formData.propertyDetails) || {};
+  const [pidNumber, setPidNumber] = useState(savedData.pidNumber || "");
+  const [propertyType, setPropertyType] = useState(savedData.propertyType ? {
+    name: savedData.propertyType
+  } : null);
+  const [subPropertyCategory, setSubPropertyCategory] = useState(savedData.subPropertyCategory ? {
+    name: savedData.subPropertyCategory
+  } : null);
+  const [noOfFloors, setNoOfFloors] = useState(savedData.noOfFloors || "");
+  const [floorNo, setFloorNo] = useState(savedData.floorNo || "");
+  const [noOfRooms, setNoOfRooms] = useState(savedData.noOfRooms || "");
+  const [noOfBeds, setNoOfBeds] = useState(savedData.noOfBeds || "");
+  const [dwellingUnits, setDwellingUnits] = useState(savedData.dwellingUnits || "");
+  const [buildingImage, setBuildingImage] = useState(null);
+  const [buildingImageId, setBuildingImageId] = useState(savedData.buildingImageId || null);
+  const [toast, setToast] = useState(null);
+  const propertyTypeOptions = [{
+    name: "Residential"
+  }, {
+    name: "Commercial"
+  }, {
+    name: "Hotel"
+  }, {
+    name: "Hospital"
+  }, {
+    name: "Nursing Home"
+  }];
   useEffect(() => {
-    let isMounted = true;
-    if (navigator.geolocation) {
-      navigator.geolocation.getCurrentPosition(pos => {
-        if (!isMounted) return;
-        setLatitude(pos.coords.latitude);
-        setLongitude(pos.coords.longitude);
-      }, () => {
-        if (!isMounted) return;
-        setToast({
-          type: "error",
-          message: "GPS access denied"
+    const rawData = searchData || (formData === null || formData === void 0 ? void 0 : formData.connectionDetails);
+    const propertyInfo = (rawData === null || rawData === void 0 ? void 0 : rawData.propertyInfo) || (rawData === null || rawData === void 0 ? void 0 : rawData.propertyDetails) || {};
+    if (propertyInfo && Object.keys(propertyInfo).length > 0 && !savedData.pidNumber) {
+      if (propertyInfo.pidNumber) setPidNumber(propertyInfo.pidNumber);
+      if (propertyInfo.numberOfFloors || propertyInfo.noOfFloor) setNoOfFloors(String(propertyInfo.numberOfFloors || propertyInfo.noOfFloor));
+      if (propertyInfo.buildingImageFileStoreId) setBuildingImageId(propertyInfo.buildingImageFileStoreId);
+      if (propertyInfo.subPropertyCategory) {
+        const matchingType = propertyTypeOptions.find(type => type.name.toLowerCase() === propertyInfo.subPropertyCategory.toLowerCase());
+        if (matchingType) setPropertyType(matchingType);else setPropertyType({
+          name: propertyInfo.subPropertyCategory
+        });
+        setSubPropertyCategory({
+          name: propertyInfo.subPropertyCategory
+        });
+      }
+      if (propertyInfo.propertyType) {
+        setSubPropertyCategory({
+          name: propertyInfo.propertyType
+        });
+        if (!propertyInfo.subPropertyCategory) setPropertyType({
+          name: propertyInfo.propertyType
         });
-      });
-    }
-    return () => {
-      isMounted = false;
-    };
-  }, []);
-  const handlePincodeChange = e => {
-    const value = e.target.value;
-    if (/^\d{0,6}$/.test(value)) {
-      setPinCode(value);
-      if (value.length === 6) {
-        fetchLocationByPincode(value);
       }
+      if (propertyInfo.floorNo) setFloorNo(propertyInfo.floorNo);
+      if (propertyInfo.numberOfRooms !== null && propertyInfo.numberOfRooms !== undefined) setNoOfRooms(String(propertyInfo.numberOfRooms));
+      if (propertyInfo.numberOfBeds !== null && propertyInfo.numberOfBeds !== undefined) setNoOfBeds(String(propertyInfo.numberOfBeds));
+      if (propertyInfo.numberOfDwellingUnits !== null && propertyInfo.numberOfDwellingUnits !== undefined) setDwellingUnits(String(propertyInfo.numberOfDwellingUnits));
     }
-  };
-  const fetchLocationByPincode = pin => {
-    console.log("Fetching location for PIN:", pin);
-  };
-  const selectphoto = async e => {
-    let isMounted = true;
+  }, [searchData, formData === null || formData === void 0 ? void 0 : formData.connectionDetails]);
+  const handleUpload = async e => {
     const file = e.target.files[0];
     if (!file) return;
-    if (file.size >= 2000000) {
+    if (file.size > 2000000) {
       setToast({
         type: "error",
         message: "Max size 2MB exceeded"
@@ -3664,15 +4200,11 @@ const AddressDetails = ({
     try {
       var _res$data, _res$data$files, _res$data$files$;
       const res = await Digit.UploadServices.Filestorage("EKYC", file, tenantId);
-      if (!isMounted) return;
       const fileStoreId = res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : (_res$data$files = _res$data.files) === null || _res$data$files === void 0 ? void 0 : (_res$data$files$ = _res$data$files[0]) === null || _res$data$files$ === void 0 ? void 0 : _res$data$files$.fileStoreId;
       if (fileStoreId) {
-        setDoorPhotoFileStoreId(fileStoreId);
+        setBuildingImageId(fileStoreId);
         const reader = new FileReader();
-        reader.onloadend = () => {
-          if (!isMounted) return;
-          setDoorPhoto(reader.result);
-        };
+        reader.onloadend = () => setBuildingImage(reader.result);
         reader.readAsDataURL(file);
         setToast({
           type: "success",
@@ -3680,222 +4212,69 @@ const AddressDetails = ({
         });
       }
     } catch {
-      if (!isMounted) return;
       setToast({
         type: "error",
         message: "Upload failed"
       });
     }
-    return () => {
-      isMounted = false;
-    };
-  };
-  const removePhoto = () => {
-    setDoorPhoto(null);
-    setDoorPhotoFileStoreId(null);
   };
   const isValid = () => {
-    return houseNo && street && pinCode.length === 6 && assembly && ward && zone && latitude && longitude && doorPhotoFileStoreId;
+    if (!propertyType) return false;
+    if (!subPropertyCategory) return false;
+    if (!noOfFloors || Number(noOfFloors) < 1) return false;
+    if (!buildingImageId) return false;
+    if ((propertyType === null || propertyType === void 0 ? void 0 : propertyType.name) === "Hotel" && !noOfRooms) return false;
+    if (((propertyType === null || propertyType === void 0 ? void 0 : propertyType.name) === "Hospital" || (propertyType === null || propertyType === void 0 ? void 0 : propertyType.name) === "Nursing Home") && !noOfBeds) return false;
+    return true;
   };
-  const onStepSelect = () => {
-    if (!isValid()) {
+  const onStepSelect = async () => {
+    const data = {
+      pidNumber,
+      propertyType: propertyType === null || propertyType === void 0 ? void 0 : propertyType.name,
+      subPropertyCategory: subPropertyCategory === null || subPropertyCategory === void 0 ? void 0 : subPropertyCategory.name,
+      noOfFloors,
+      floorNo,
+      noOfRooms,
+      noOfBeds,
+      dwellingUnits,
+      buildingImageId
+    };
+    try {
+      await updateMutation.mutateAsync({
+        RequestInfo: {},
+        updateType: "PROPERTY",
+        kno: searchKno,
+        ...data
+      });
+      setToast({
+        type: "success",
+        message: "Property details updated successfully!"
+      });
+      onSelect(config.key, data);
+    } catch (error) {
       setToast({
         type: "error",
-        message: "Please fill all mandatory fields"
+        message: "Failed to update property details"
       });
-      return;
     }
-    const data = {
-      houseNo,
-      street,
-      locality,
-      landmark,
-      subLocality,
-      pinCode,
-      assembly: assembly === null || assembly === void 0 ? void 0 : assembly.name,
-      ward: ward === null || ward === void 0 ? void 0 : ward.name,
-      zone: zone === null || zone === void 0 ? void 0 : zone.name,
-      latitude,
-      longitude,
-      addressType: addressType === null || addressType === void 0 ? void 0 : addressType.name,
-      doorPhotoFilestoreId: doorPhotoFileStoreId
-    };
-    onSelect(config.key, data);
   };
-  if (isLoading) return /*#__PURE__*/React.createElement(Loader, null);
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(FormStep, {
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(Loader, null);
+  }
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(FormStep, {
     t: t,
     onSelect: onStepSelect,
     config: config,
-    label: t("ES_COMMON_CONTINUE")
-  }, /*#__PURE__*/React.createElement(CardLabel, null, "House No / Flat No *"), /*#__PURE__*/React.createElement(TextInput, {
-    value: houseNo,
-    onChange: e => setHouseNo(e.target.value)
-  }), /*#__PURE__*/React.createElement(CardLabel, null, "Street / Address Line *"), /*#__PURE__*/React.createElement(TextInput, {
-    value: street,
-    onChange: e => setStreet(e.target.value)
-  }), /*#__PURE__*/React.createElement(CardLabel, null, "Locality"), /*#__PURE__*/React.createElement(TextInput, {
-    value: locality,
-    onChange: e => setLocality(e.target.value)
-  }), /*#__PURE__*/React.createElement(CardLabel, null, "Landmark"), /*#__PURE__*/React.createElement(TextInput, {
-    value: landmark,
-    onChange: e => setLandmark(e.target.value)
-  }), /*#__PURE__*/React.createElement(CardLabel, null, "Sub Locality"), /*#__PURE__*/React.createElement(Dropdown, {
-    option: [],
-    selected: subLocality,
-    select: setSubLocality
-  }), /*#__PURE__*/React.createElement(CardLabel, null, "PIN Code *"), /*#__PURE__*/React.createElement(TextInput, {
-    value: pinCode,
-    onChange: handlePincodeChange,
-    maxLength: 6
-  }), /*#__PURE__*/React.createElement(CardLabel, null, "Assembly *"), /*#__PURE__*/React.createElement(Dropdown, {
-    option: assemblies,
-    selected: assembly,
-    select: setAssembly
-  }), /*#__PURE__*/React.createElement(CardLabel, null, "Ward *"), /*#__PURE__*/React.createElement(Dropdown, {
-    option: (assembly === null || assembly === void 0 ? void 0 : assembly.children) || [],
-    selected: ward,
-    select: setWard
-  }), /*#__PURE__*/React.createElement(CardLabel, null, "Zone *"), /*#__PURE__*/React.createElement(Dropdown, {
-    option: (ward === null || ward === void 0 ? void 0 : ward.children) || [],
-    selected: zone,
-    select: setZone
-  }), /*#__PURE__*/React.createElement(CardLabel, null, "Latitude"), /*#__PURE__*/React.createElement(TextInput, {
-    value: latitude,
-    disabled: true
-  }), /*#__PURE__*/React.createElement(CardLabel, null, "Longitude"), /*#__PURE__*/React.createElement(TextInput, {
-    value: longitude,
-    disabled: true
-  }), /*#__PURE__*/React.createElement(CardLabel, null, "Address Type"), /*#__PURE__*/React.createElement(Dropdown, {
-    option: [{
-      name: "Permanent"
-    }, {
-      name: "Correspondence"
-    }, {
-      name: "Other"
-    }],
-    selected: addressType,
-    select: setAddressType
-  }), /*#__PURE__*/React.createElement(CardLabel, null, "Door Image *"), /*#__PURE__*/React.createElement(UploadFile, {
-    onUpload: selectphoto,
-    onDelete: removePhoto,
-    message: doorPhotoFileStoreId ? "Uploaded" : "No file selected"
-  }), doorPhoto && /*#__PURE__*/React.createElement("img", {
-    src: doorPhoto,
-    alt: "preview",
-    style: {
-      width: "100%",
-      marginTop: "10px"
-    }
-  }), toast && /*#__PURE__*/React.createElement(Toast, {
-    label: toast.message,
-    error: toast.type === "error",
-    onClose: () => setToast(null)
-  })));
-};
-
-const PropertyInfo = ({
-  config,
-  onSelect
-}) => {
-  const {
-    t
-  } = useTranslation();
-  const tenantId = Digit.ULBService.getCurrentTenantId();
-  const [pidNumber, setPidNumber] = useState("");
-  const [propertyType, setPropertyType] = useState(null);
-  const [subPropertyCategory, setSubPropertyCategory] = useState(null);
-  const [noOfFloors, setNoOfFloors] = useState("");
-  const [floorNo, setFloorNo] = useState("");
-  const [noOfRooms, setNoOfRooms] = useState("");
-  const [noOfBeds, setNoOfBeds] = useState("");
-  const [dwellingUnits, setDwellingUnits] = useState("");
-  const [buildingImage, setBuildingImage] = useState(null);
-  const [buildingImageId, setBuildingImageId] = useState(null);
-  const [toast, setToast] = useState(null);
-  const propertyTypeOptions = [{
-    name: "Residential"
-  }, {
-    name: "Commercial"
-  }, {
-    name: "Hotel"
-  }, {
-    name: "Hospital"
-  }, {
-    name: "Nursing Home"
-  }];
-  const handleUpload = async e => {
-    const file = e.target.files[0];
-    if (!file) return;
-    if (file.size > 2000000) {
-      setToast({
-        type: "error",
-        message: "Max size 2MB exceeded"
-      });
-      return;
-    }
-    try {
-      var _res$data, _res$data$files, _res$data$files$;
-      const res = await Digit.UploadServices.Filestorage("EKYC", file, tenantId);
-      const fileStoreId = res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : (_res$data$files = _res$data.files) === null || _res$data$files === void 0 ? void 0 : (_res$data$files$ = _res$data$files[0]) === null || _res$data$files$ === void 0 ? void 0 : _res$data$files$.fileStoreId;
-      if (fileStoreId) {
-        setBuildingImageId(fileStoreId);
-        const reader = new FileReader();
-        reader.onloadend = () => setBuildingImage(reader.result);
-        reader.readAsDataURL(file);
-        setToast({
-          type: "success",
-          message: "Upload successful"
-        });
-      }
-    } catch {
-      setToast({
-        type: "error",
-        message: "Upload failed"
-      });
-    }
-  };
-  const isValid = () => {
-    if (!noOfFloors || Number(noOfFloors) < 1) return false;
-    if (!buildingImageId) return false;
-    if ((propertyType === null || propertyType === void 0 ? void 0 : propertyType.name) === "Hotel" && !noOfRooms) return false;
-    if (((propertyType === null || propertyType === void 0 ? void 0 : propertyType.name) === "Hospital" || (propertyType === null || propertyType === void 0 ? void 0 : propertyType.name) === "Nursing Home") && !noOfBeds) return false;
-    return true;
-  };
-  const onStepSelect = () => {
-    if (!isValid()) {
-      setToast({
-        type: "error",
-        message: "Fill all required fields"
-      });
-      return;
-    }
-    const data = {
-      pidNumber,
-      propertyType: propertyType === null || propertyType === void 0 ? void 0 : propertyType.name,
-      subPropertyCategory: subPropertyCategory === null || subPropertyCategory === void 0 ? void 0 : subPropertyCategory.name,
-      noOfFloors,
-      floorNo,
-      noOfRooms,
-      noOfBeds,
-      dwellingUnits,
-      buildingImageId
-    };
-    onSelect(config.key, data);
-  };
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(FormStep, {
-    t: t,
-    onSelect: onStepSelect,
-    config: config,
-    label: t("ES_COMMON_CONTINUE")
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "PID Number"), /*#__PURE__*/React.createElement(TextInput, {
-    value: pidNumber,
-    onChange: e => setPidNumber(e.target.value)
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Property Type"), /*#__PURE__*/React.createElement(Dropdown, {
-    option: propertyTypeOptions,
-    selected: propertyType,
-    select: setPropertyType
-  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Sub Property Category"), /*#__PURE__*/React.createElement(Dropdown, {
+    label: t("ES_COMMON_CONTINUE"),
+    isDisabled: !isValid()
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "PID Number"), /*#__PURE__*/React.createElement(TextInput, {
+    value: pidNumber,
+    onChange: e => setPidNumber(e.target.value)
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Property Type"), /*#__PURE__*/React.createElement(Dropdown, {
+    option: propertyTypeOptions,
+    selected: propertyType,
+    select: setPropertyType
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Sub Property Category"), /*#__PURE__*/React.createElement(Dropdown, {
     option: [],
     selected: subPropertyCategory,
     select: setSubPropertyCategory
@@ -3953,28 +4332,62 @@ const PropertyInfo = ({
 
 const MeterDetails = ({
   config,
-  onSelect
+  onSelect,
+  formData
 }) => {
+  const location = useLocation();
+  const flowState = location.state || {};
   const tenantId = Digit.ULBService.getCurrentTenantId();
-  const [connectionCategory, setConnectionCategory] = useState("");
-  const [saType, setSaType] = useState("");
-  const [status, setStatus] = useState("");
-  const [mrCode, setMrCode] = useState("");
-  const [areaCode, setAreaCode] = useState("");
-  const [mrKey, setMrKey] = useState("");
-  const [meterNumber, setMeterNumber] = useState("");
-  const [meterMaker, setMeterMaker] = useState("");
-  const [meterStatus, setMeterStatus] = useState(null);
-  const [meterCondition, setMeterCondition] = useState(null);
-  const [meterLocation, setMeterLocation] = useState(null);
-  const [lastBillReceived, setLastBillReceived] = useState(null);
-  const [billMonthYear, setBillMonthYear] = useState(null);
-  const [reason, setReason] = useState("");
-  const [accessToMeter, setAccessToMeter] = useState(null);
-  const [sewerConnection, setSewerConnection] = useState(null);
-  const [septicTank, setSepticTank] = useState(null);
+  const searchKno = (flowState === null || flowState === void 0 ? void 0 : flowState.kNumber) || (flowState === null || flowState === void 0 ? void 0 : flowState.kno) || (formData === null || formData === void 0 ? void 0 : formData.kNumber) || (formData === null || formData === void 0 ? void 0 : formData.kno) || sessionStorage.getItem("EKYC_K_NUMBER");
+  const {
+    isLoading,
+    data: searchData
+  } = Digit.Hooks.ekyc.useSearchConnection({
+    tenantId,
+    details: {
+      kno: searchKno
+    }
+  }, {
+    enabled: !!searchKno,
+    cacheTime: 0
+  });
+  const updateMutation = Digit.Hooks.ekyc.useEkycUpdate(tenantId);
+  const savedData = (formData === null || formData === void 0 ? void 0 : formData.meterDetails) || {};
+  const [connectionCategory, setConnectionCategory] = useState(savedData.connectionCategory || "");
+  const [saType, setSaType] = useState(savedData.saType || "");
+  const [status, setStatus] = useState(savedData.status || "");
+  const [mrCode, setMrCode] = useState(savedData.mrCode || "");
+  const [areaCode, setAreaCode] = useState(savedData.areaCode || "");
+  const [mrKey, setMrKey] = useState(savedData.mrKey || "");
+  const [meterNumber, setMeterNumber] = useState(savedData.meterNumber || "");
+  const [meterMaker, setMeterMaker] = useState(savedData.meterMaker || "");
+  const [meterStatus, setMeterStatus] = useState(savedData.meterStatus ? {
+    name: savedData.meterStatus
+  } : null);
+  const [meterCondition, setMeterCondition] = useState(savedData.meterCondition ? {
+    name: savedData.meterCondition
+  } : null);
+  const [meterLocation, setMeterLocation] = useState(savedData.meterLocation ? {
+    name: savedData.meterLocation
+  } : null);
+  const [lastBillReceived, setLastBillReceived] = useState(savedData.lastBillReceived ? {
+    name: savedData.lastBillReceived
+  } : null);
+  const [billMonthYear, setBillMonthYear] = useState(savedData.billMonthYear ? {
+    name: savedData.billMonthYear
+  } : null);
+  const [reason, setReason] = useState(savedData.reason || "");
+  const [accessToMeter, setAccessToMeter] = useState(savedData.accessToMeter ? {
+    name: savedData.accessToMeter
+  } : null);
+  const [sewerConnection, setSewerConnection] = useState(savedData.sewerConnection ? {
+    name: savedData.sewerConnection
+  } : null);
+  const [septicTank, setSepticTank] = useState(savedData.septicTank ? {
+    name: savedData.septicTank
+  } : null);
   const [meterPhoto, setMeterPhoto] = useState(null);
-  const [meterPhotoId, setMeterPhotoId] = useState(null);
+  const [meterPhotoId, setMeterPhotoId] = useState(savedData.meterPhotoId || null);
   const [toast, setToast] = useState(null);
   const yesNo = [{
     name: "Yes"
@@ -4006,6 +4419,91 @@ const MeterDetails = ({
       });
     }
   }
+  useEffect(() => {
+    const rawData = searchData || (formData === null || formData === void 0 ? void 0 : formData.connectionDetails);
+    const apiMeter = (rawData === null || rawData === void 0 ? void 0 : rawData.meterDetails) || rawData || {};
+    if (apiMeter && Object.keys(apiMeter).length > 0 && !savedData.connectionCategory) {
+      if (apiMeter.connectionCategory) setConnectionCategory(apiMeter.connectionCategory);
+      if (apiMeter.saType) setSaType(apiMeter.saType);
+      if (apiMeter.statusFlag) setStatus(apiMeter.statusFlag);
+      if (apiMeter.mrcode) setMrCode(String(apiMeter.mrcode));
+      if (apiMeter.areacode) setAreaCode(String(apiMeter.areacode));
+      if (apiMeter.mrkey) setMrKey(String(apiMeter.mrkey));
+      if (apiMeter.meterNumber) setMeterNumber(apiMeter.meterNumber);
+      if (apiMeter.meterMake) setMeterMaker(apiMeter.meterMake);
+      if (apiMeter.meterStatus) {
+        const matchingStatus = meterStatusOptions.find(o => o.name.toLowerCase() === apiMeter.meterStatus.toLowerCase());
+        if (matchingStatus) setMeterStatus(matchingStatus);else setMeterStatus({
+          name: apiMeter.meterStatus
+        });
+      } else if (apiMeter.metered !== undefined) {
+        setMeterStatus({
+          name: apiMeter.metered ? "Metered" : "Unmetered"
+        });
+      }
+      if (apiMeter.meterCondition) {
+        const matchingCond = meterConditionOptions.find(o => o.name.toLowerCase() === apiMeter.meterCondition.toLowerCase());
+        if (matchingCond) setMeterCondition(matchingCond);else setMeterCondition({
+          name: apiMeter.meterCondition
+        });
+      }
+      if (apiMeter.meterLocation) {
+        const matchingLoc = meterLocationOptions.find(o => o.name.toLowerCase() === apiMeter.meterLocation.toLowerCase() || apiMeter.meterLocation.toLowerCase().includes(o.name.toLowerCase()));
+        if (matchingLoc) setMeterLocation(matchingLoc);else setMeterLocation({
+          name: apiMeter.meterLocation
+        });
+      }
+      if (apiMeter.lastBillRaised !== undefined && apiMeter.lastBillRaised !== null) {
+        const strVal = String(apiMeter.lastBillRaised).toLowerCase();
+        if (strVal === "true" || strVal === "yes") setLastBillReceived({
+          name: "Yes"
+        });else setLastBillReceived({
+          name: "No"
+        });
+      }
+      if (apiMeter.lastBillReceivedDate) {
+        const formatted = apiMeter.lastBillReceivedDate.replace("-", "/");
+        const parsedParts = formatted.split("/");
+        if (parsedParts.length === 2) {
+          const mon = parseInt(parsedParts[0], 10);
+          const yr = parseInt(parsedParts[1], 10);
+          setBillMonthYear({
+            name: `${mon}/${yr}`
+          });
+        } else {
+          setBillMonthYear({
+            name: apiMeter.lastBillReceivedDate
+          });
+        }
+      }
+      if (apiMeter.lastBillNotRaisedReason) setReason(apiMeter.lastBillNotRaisedReason);
+      if (apiMeter.accessToMeter !== undefined && apiMeter.accessToMeter !== null) {
+        const strVal = String(apiMeter.accessToMeter).toLowerCase();
+        if (strVal === "true" || strVal === "yes") setAccessToMeter({
+          name: "Yes"
+        });else setAccessToMeter({
+          name: "No"
+        });
+      }
+      if (apiMeter.sewerConnection !== undefined && apiMeter.sewerConnection !== null) {
+        const strVal = String(apiMeter.sewerConnection).toLowerCase();
+        if (strVal === "true" || strVal === "yes") setSewerConnection({
+          name: "Yes"
+        });else setSewerConnection({
+          name: "No"
+        });
+      }
+      if (apiMeter.septicTank !== undefined && apiMeter.septicTank !== null) {
+        const strVal = String(apiMeter.septicTank).toLowerCase();
+        if (strVal === "true" || strVal === "yes") setSepticTank({
+          name: "Yes"
+        });else setSepticTank({
+          name: "No"
+        });
+      }
+      if (apiMeter.meterPhotoFileStoreId) setMeterPhotoId(apiMeter.meterPhotoFileStoreId);
+    }
+  }, [searchData, formData === null || formData === void 0 ? void 0 : formData.connectionDetails]);
   const isFrozen = (meterStatus === null || meterStatus === void 0 ? void 0 : meterStatus.name) === "Can not be identified";
   const uploadPhoto = async e => {
     const file = e.target.files[0];
@@ -4035,17 +4533,11 @@ const MeterDetails = ({
     if (!sewerConnection) return false;
     if ((meterStatus === null || meterStatus === void 0 ? void 0 : meterStatus.name) === "Metered" && !meterPhotoId) return false;
     if ((lastBillReceived === null || lastBillReceived === void 0 ? void 0 : lastBillReceived.name) === "No" && !reason) return false;
+    if ((lastBillReceived === null || lastBillReceived === void 0 ? void 0 : lastBillReceived.name) === "Yes" && !billMonthYear) return false;
     if ((sewerConnection === null || sewerConnection === void 0 ? void 0 : sewerConnection.name) === "No" && !septicTank) return false;
     return true;
   };
-  const onStepSelect = () => {
-    if (!isValid()) {
-      setToast({
-        type: "error",
-        message: "Fill all mandatory fields"
-      });
-      return;
-    }
+  const onStepSelect = async () => {
     const data = {
       connectionCategory,
       saType,
@@ -4066,11 +4558,32 @@ const MeterDetails = ({
       septicTank: septicTank === null || septicTank === void 0 ? void 0 : septicTank.name,
       meterPhotoId
     };
-    onSelect(config.key, data);
+    try {
+      await updateMutation.mutateAsync({
+        RequestInfo: {},
+        updateType: "METER",
+        kno: searchKno,
+        ...data
+      });
+      setToast({
+        type: "success",
+        message: "Meter details updated successfully!"
+      });
+      onSelect(config.key, data);
+    } catch (error) {
+      setToast({
+        type: "error",
+        message: "Failed to update meter details"
+      });
+    }
   };
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(FormStep, {
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(Loader, null);
+  }
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(FormStep, {
     onSelect: onStepSelect,
-    config: config
+    config: config,
+    isDisabled: !isValid()
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Connection Category *"), /*#__PURE__*/React.createElement(TextInput, {
     value: connectionCategory,
     onChange: e => setConnectionCategory(e.target.value)
@@ -4089,7 +4602,7 @@ const MeterDetails = ({
   })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "MR Key"), /*#__PURE__*/React.createElement(TextInput, {
     value: mrKey,
     onChange: e => setMrKey(e.target.value)
-  })), !isFrozen && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Meter Number"), /*#__PURE__*/React.createElement(TextInput, {
+  })), !isFrozen && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Meter Number"), /*#__PURE__*/React.createElement(TextInput, {
     value: meterNumber,
     onChange: e => setMeterNumber(e.target.value)
   })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Meter Maker"), /*#__PURE__*/React.createElement(TextInput, {
@@ -4099,7 +4612,7 @@ const MeterDetails = ({
     option: meterConditionOptions,
     selected: meterCondition,
     select: setMeterCondition
-  })), (meterStatus === null || meterStatus === void 0 ? void 0 : meterStatus.name) === "Metered" && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Meter Photo *"), /*#__PURE__*/React.createElement(UploadFile, {
+  })), (meterStatus === null || meterStatus === void 0 ? void 0 : meterStatus.name) === "Metered" && /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(CardLabel, null, "Meter Photo *"), /*#__PURE__*/React.createElement(UploadFile, {
     onUpload: uploadPhoto,
     message: meterPhotoId ? "Uploaded" : "No file"
   })), meterPhoto && /*#__PURE__*/React.createElement("div", {
@@ -4433,68 +4946,1736 @@ const Inbox$1 = ({
   })));
 };
 
-const CitizenApp = () => {
+const AddressDetails = ({
+  config,
+  onSelect
+}) => {
+  var _mdmsData$MdmsRes, _mdmsData$MdmsRes$ego, _mdmsData$MdmsRes$ego2, _mdmsData$MdmsRes$ego3, _mdmsData$MdmsRes$ego4;
   const {
     t
   } = useTranslation();
-  const location = useLocation();
+  const tenantId = Digit.ULBService.getCurrentTenantId();
+  const [houseNo, setHouseNo] = useState("");
+  const [street, setStreet] = useState("");
+  const [locality, setLocality] = useState("");
+  const [landmark, setLandmark] = useState("");
+  const [subLocality, setSubLocality] = useState(null);
+  const [pinCode, setPinCode] = useState("");
+  const [assembly, setAssembly] = useState(null);
+  const [ward, setWard] = useState(null);
+  const [zone, setZone] = useState(null);
+  const [latitude, setLatitude] = useState("");
+  const [longitude, setLongitude] = useState("");
+  const [addressType, setAddressType] = useState(null);
+  const [doorPhoto, setDoorPhoto] = useState(null);
+  const [doorPhotoFileStoreId, setDoorPhotoFileStoreId] = useState(null);
+  const [toast, setToast] = useState(null);
   const {
-    path
-  } = useRouteMatch();
-  sessionStorage.removeItem("revalidateddone");
-  const getBreadcrumbLabel = () => {
-    const pathname = location.pathname;
-    if (pathname.includes("/create-kyc")) return "EKYC_CREATE_KYC";
-    if (pathname.includes("/aadhaar-verification")) return "EKYC_AADHAAR_VERIFICATION";
-    if (pathname.includes("/address-details")) return "EKYC_ADDRESS_DETAILS";
-    if (pathname.includes("/property-info")) return "EKYC_PROPERTY_INFO";
-    if (pathname.includes("/meter-details")) return "EKYC_METER_DETAILS";
-    if (pathname.includes("/review")) return "EKYC_REVIEW";
-    return "EKYC_HOME";
+    data: mdmsData,
+    isLoading
+  } = Digit.Hooks.useCommonMDMS(tenantId, "egov-location", ["TenantBoundary"]);
+  const assemblies = (mdmsData === null || mdmsData === void 0 ? void 0 : (_mdmsData$MdmsRes = mdmsData.MdmsRes) === null || _mdmsData$MdmsRes === void 0 ? void 0 : (_mdmsData$MdmsRes$ego = _mdmsData$MdmsRes["egov-location"]) === null || _mdmsData$MdmsRes$ego === void 0 ? void 0 : (_mdmsData$MdmsRes$ego2 = _mdmsData$MdmsRes$ego.TenantBoundary) === null || _mdmsData$MdmsRes$ego2 === void 0 ? void 0 : (_mdmsData$MdmsRes$ego3 = _mdmsData$MdmsRes$ego2[0]) === null || _mdmsData$MdmsRes$ego3 === void 0 ? void 0 : (_mdmsData$MdmsRes$ego4 = _mdmsData$MdmsRes$ego3.boundary) === null || _mdmsData$MdmsRes$ego4 === void 0 ? void 0 : _mdmsData$MdmsRes$ego4.children) || [];
+  useEffect(() => {
+    let isMounted = true;
+    if (navigator.geolocation) {
+      navigator.geolocation.getCurrentPosition(pos => {
+        if (!isMounted) return;
+        setLatitude(pos.coords.latitude);
+        setLongitude(pos.coords.longitude);
+      }, () => {
+        if (!isMounted) return;
+        setToast({
+          type: "error",
+          message: "GPS access denied"
+        });
+      });
+    }
+    return () => {
+      isMounted = false;
+    };
+  }, []);
+  const handlePincodeChange = e => {
+    const value = e.target.value;
+    if (/^\d{0,6}$/.test(value)) {
+      setPinCode(value);
+      if (value.length === 6) {
+        fetchLocationByPincode(value);
+      }
+    }
   };
-  const breadcrumbs = [{
-    icon: HomeIcon,
-    path: "/digit-ui/citizen"
-  }, {
-    label: t(getBreadcrumbLabel())
-  }];
-  return /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement("div", {
-    className: "ground-container employee-app-container form-container"
-  }, /*#__PURE__*/React.createElement(ModuleHeader, {
-    leftContent: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ArrowLeft, {
-      className: "icon"
-    }), t("CS_COMMON_BACK")),
-    onLeftClick: () => window.history.back(),
-    breadcrumbs: breadcrumbs
-  }), /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(PrivateRoute, {
-    exact: true,
-    path: `${path}`,
-    component: () => /*#__PURE__*/React.createElement(Home, null)
-  }), /*#__PURE__*/React.createElement(PrivateRoute, {
-    path: `${path}/dashboard`,
-    component: () => /*#__PURE__*/React.createElement(Dashboard, null)
-  }), /*#__PURE__*/React.createElement(PrivateRoute, {
-    path: `${path}/inbox`,
-    component: () => /*#__PURE__*/React.createElement(Inbox$1, null)
-  }), /*#__PURE__*/React.createElement(PrivateRoute, {
-    path: `${path}/aadhaar-verification`,
-    component: () => /*#__PURE__*/React.createElement(AadhaarVerification, null)
-  }), /*#__PURE__*/React.createElement(PrivateRoute, {
-    path: `${path}/address-details`,
-    component: () => /*#__PURE__*/React.createElement(AddressDetails, null)
-  }), /*#__PURE__*/React.createElement(PrivateRoute, {
-    path: `${path}/property-info`,
-    component: () => /*#__PURE__*/React.createElement(PropertyInfo, null)
-  }), /*#__PURE__*/React.createElement(PrivateRoute, {
-    path: `${path}/meter-details`,
-    component: () => /*#__PURE__*/React.createElement(MeterDetails, null)
-  }), /*#__PURE__*/React.createElement(PrivateRoute, {
-    path: `${path}/review`,
-    component: () => /*#__PURE__*/React.createElement(Review, null)
-  }))));
-};
-
-const EkycModule = ({
+  const fetchLocationByPincode = pin => {
+    console.log("Fetching location for PIN:", pin);
+  };
+  const selectphoto = async e => {
+    let isMounted = true;
+    const file = e.target.files[0];
+    if (!file) return;
+    if (file.size >= 2000000) {
+      setToast({
+        type: "error",
+        message: "Max size 2MB exceeded"
+      });
+      return;
+    }
+    try {
+      var _res$data, _res$data$files, _res$data$files$;
+      const res = await Digit.UploadServices.Filestorage("EKYC", file, tenantId);
+      if (!isMounted) return;
+      const fileStoreId = res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : (_res$data$files = _res$data.files) === null || _res$data$files === void 0 ? void 0 : (_res$data$files$ = _res$data$files[0]) === null || _res$data$files$ === void 0 ? void 0 : _res$data$files$.fileStoreId;
+      if (fileStoreId) {
+        setDoorPhotoFileStoreId(fileStoreId);
+        const reader = new FileReader();
+        reader.onloadend = () => {
+          if (!isMounted) return;
+          setDoorPhoto(reader.result);
+        };
+        reader.readAsDataURL(file);
+        setToast({
+          type: "success",
+          message: "Upload successful"
+        });
+      }
+    } catch {
+      if (!isMounted) return;
+      setToast({
+        type: "error",
+        message: "Upload failed"
+      });
+    }
+    return () => {
+      isMounted = false;
+    };
+  };
+  const removePhoto = () => {
+    setDoorPhoto(null);
+    setDoorPhotoFileStoreId(null);
+  };
+  const isValid = () => {
+    return houseNo && street && pinCode.length === 6 && assembly && ward && zone && latitude && longitude && doorPhotoFileStoreId;
+  };
+  const onStepSelect = () => {
+    if (!isValid()) {
+      setToast({
+        type: "error",
+        message: "Please fill all mandatory fields"
+      });
+      return;
+    }
+    const data = {
+      houseNo,
+      street,
+      locality,
+      landmark,
+      subLocality,
+      pinCode,
+      assembly: assembly === null || assembly === void 0 ? void 0 : assembly.name,
+      ward: ward === null || ward === void 0 ? void 0 : ward.name,
+      zone: zone === null || zone === void 0 ? void 0 : zone.name,
+      latitude,
+      longitude,
+      addressType: addressType === null || addressType === void 0 ? void 0 : addressType.name,
+      doorPhotoFilestoreId: doorPhotoFileStoreId
+    };
+    onSelect(config.key, data);
+  };
+  if (isLoading) return /*#__PURE__*/React.createElement(Loader, null);
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement(FormStep, {
+    t: t,
+    onSelect: onStepSelect,
+    config: config,
+    label: t("ES_COMMON_CONTINUE")
+  }, /*#__PURE__*/React.createElement(CardLabel, null, "House No / Flat No *"), /*#__PURE__*/React.createElement(TextInput, {
+    value: houseNo,
+    onChange: e => setHouseNo(e.target.value)
+  }), /*#__PURE__*/React.createElement(CardLabel, null, "Street / Address Line *"), /*#__PURE__*/React.createElement(TextInput, {
+    value: street,
+    onChange: e => setStreet(e.target.value)
+  }), /*#__PURE__*/React.createElement(CardLabel, null, "Locality"), /*#__PURE__*/React.createElement(TextInput, {
+    value: locality,
+    onChange: e => setLocality(e.target.value)
+  }), /*#__PURE__*/React.createElement(CardLabel, null, "Landmark"), /*#__PURE__*/React.createElement(TextInput, {
+    value: landmark,
+    onChange: e => setLandmark(e.target.value)
+  }), /*#__PURE__*/React.createElement(CardLabel, null, "Sub Locality"), /*#__PURE__*/React.createElement(Dropdown, {
+    option: [],
+    selected: subLocality,
+    select: setSubLocality
+  }), /*#__PURE__*/React.createElement(CardLabel, null, "PIN Code *"), /*#__PURE__*/React.createElement(TextInput, {
+    value: pinCode,
+    onChange: handlePincodeChange,
+    maxLength: 6
+  }), /*#__PURE__*/React.createElement(CardLabel, null, "Assembly *"), /*#__PURE__*/React.createElement(Dropdown, {
+    option: assemblies,
+    selected: assembly,
+    select: setAssembly
+  }), /*#__PURE__*/React.createElement(CardLabel, null, "Ward *"), /*#__PURE__*/React.createElement(Dropdown, {
+    option: (assembly === null || assembly === void 0 ? void 0 : assembly.children) || [],
+    selected: ward,
+    select: setWard
+  }), /*#__PURE__*/React.createElement(CardLabel, null, "Zone *"), /*#__PURE__*/React.createElement(Dropdown, {
+    option: (ward === null || ward === void 0 ? void 0 : ward.children) || [],
+    selected: zone,
+    select: setZone
+  }), /*#__PURE__*/React.createElement(CardLabel, null, "Latitude"), /*#__PURE__*/React.createElement(TextInput, {
+    value: latitude,
+    disabled: true
+  }), /*#__PURE__*/React.createElement(CardLabel, null, "Longitude"), /*#__PURE__*/React.createElement(TextInput, {
+    value: longitude,
+    disabled: true
+  }), /*#__PURE__*/React.createElement(CardLabel, null, "Address Type"), /*#__PURE__*/React.createElement(Dropdown, {
+    option: [{
+      name: "Permanent"
+    }, {
+      name: "Correspondence"
+    }, {
+      name: "Other"
+    }],
+    selected: addressType,
+    select: setAddressType
+  }), /*#__PURE__*/React.createElement(CardLabel, null, "Door Image *"), /*#__PURE__*/React.createElement(UploadFile, {
+    onUpload: selectphoto,
+    onDelete: removePhoto,
+    message: doorPhotoFileStoreId ? "Uploaded" : "No file selected"
+  }), doorPhoto && /*#__PURE__*/React.createElement("img", {
+    src: doorPhoto,
+    alt: "preview",
+    style: {
+      width: "100%",
+      marginTop: "10px"
+    }
+  }), toast && /*#__PURE__*/React.createElement(Toast, {
+    label: toast.message,
+    error: toast.type === "error",
+    onClose: () => setToast(null)
+  })));
+};
+
+const CitizenApp = () => {
+  const {
+    t
+  } = useTranslation();
+  const location = useLocation();
+  const {
+    path
+  } = useRouteMatch();
+  sessionStorage.removeItem("revalidateddone");
+  const getBreadcrumbLabel = () => {
+    const pathname = location.pathname;
+    if (pathname.includes("/create-kyc")) return "EKYC_CREATE_KYC";
+    if (pathname.includes("/aadhaar-verification")) return "EKYC_AADHAAR_VERIFICATION";
+    if (pathname.includes("/address-details")) return "EKYC_ADDRESS_DETAILS";
+    if (pathname.includes("/property-info")) return "EKYC_PROPERTY_INFO";
+    if (pathname.includes("/meter-details")) return "EKYC_METER_DETAILS";
+    if (pathname.includes("/review")) return "EKYC_REVIEW";
+    return "EKYC_HOME";
+  };
+  const breadcrumbs = [{
+    icon: HomeIcon,
+    path: "/digit-ui/citizen"
+  }, {
+    label: t(getBreadcrumbLabel())
+  }];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "ground-container form-container"
+  }, /*#__PURE__*/React.createElement(ModuleHeader, {
+    leftContent: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ArrowLeft, {
+      className: "icon"
+    }), t("CS_COMMON_BACK")),
+    onLeftClick: () => window.history.back(),
+    breadcrumbs: breadcrumbs
+  }), /*#__PURE__*/React.createElement(Switch, null, /*#__PURE__*/React.createElement(PrivateRoute, {
+    exact: true,
+    path: `${path}`,
+    component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
+      layoutClass: "normal"
+    }, /*#__PURE__*/React.createElement(Home, null))
+  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: `${path}/dashboard`,
+    component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
+      layoutClass: "normal"
+    }, /*#__PURE__*/React.createElement(Dashboard, null))
+  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: `${path}/inbox`,
+    component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
+      layoutClass: "normal"
+    }, /*#__PURE__*/React.createElement(Inbox$1, null))
+  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: `${path}/aadhaar-verification`,
+    component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
+      layoutClass: "normal"
+    }, /*#__PURE__*/React.createElement(AadhaarVerification, null))
+  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: `${path}/address-details`,
+    component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
+      layoutClass: "normal"
+    }, /*#__PURE__*/React.createElement(AddressDetails, null))
+  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: `${path}/property-info`,
+    component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
+      layoutClass: "normal"
+    }, /*#__PURE__*/React.createElement(PropertyInfo, null))
+  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: `${path}/meter-details`,
+    component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
+      layoutClass: "normal"
+    }, /*#__PURE__*/React.createElement(MeterDetails, null))
+  }), /*#__PURE__*/React.createElement(PrivateRoute, {
+    path: `${path}/review`,
+    component: () => /*#__PURE__*/React.createElement(LayoutWrapper, {
+      layoutClass: "normal"
+    }, /*#__PURE__*/React.createElement(Review, null))
+  }))));
+};
+
+const DashboardLayout = ({
+  header,
+  filters,
+  children,
+  onNotificationClick,
+  activeRole,
+  onRoleChange
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const roles = ["CEO", "CLUSTER_MANAGER", "AGENCY_SUPERVISOR"];
+  return /*#__PURE__*/React.createElement("div", {
+    className: "enterprise-dashboard-layout",
+    style: {
+      background: "linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 100%)",
+      minHeight: "100vh"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "glass-card",
+    style: {
+      padding: "24px 32px",
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center",
+      borderRadius: "0",
+      borderTop: "none",
+      borderLeft: "none",
+      borderRight: "none"
+    }
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h1", {
+    style: {
+      fontSize: "28px",
+      fontWeight: "900",
+      color: "#1E293B",
+      letterSpacing: "-0.05em"
+    }
+  }, t(header)), /*#__PURE__*/React.createElement("p", {
+    style: {
+      fontSize: "14px",
+      color: "#64748B",
+      marginTop: "4px",
+      fontWeight: "500"
+    }
+  }, t("EKYC_DASHBOARD_SUBTITLE_ALT") || "Operational analytics & performance monitoring.")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      gap: "20px"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      background: "#F3F4F6",
+      padding: "4px",
+      borderRadius: "8px",
+      gap: "4px"
+    }
+  }, roles.map(role => /*#__PURE__*/React.createElement("button", {
+    key: role,
+    onClick: () => onRoleChange(role),
+    style: {
+      padding: "6px 12px",
+      borderRadius: "6px",
+      fontSize: "12px",
+      fontWeight: "700",
+      border: "none",
+      cursor: "pointer",
+      background: activeRole === role ? "var(--primary-gradient)" : "transparent",
+      color: activeRole === role ? "#FFFFFF" : "#64748B",
+      boxShadow: activeRole === role ? "0 4px 12px rgba(99, 102, 241, 0.3)" : "none",
+      transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
+    }
+  }, t(role)))), /*#__PURE__*/React.createElement("button", {
+    onClick: onNotificationClick,
+    style: {
+      position: "relative",
+      background: "#F3F4F6",
+      border: "none",
+      padding: "10px",
+      borderRadius: "50%",
+      cursor: "pointer"
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: "20px"
+    }
+  }, "\uD83D\uDD14"), /*#__PURE__*/React.createElement("span", {
+    style: {
+      position: "absolute",
+      top: "0",
+      right: "0",
+      width: "10px",
+      height: "10px",
+      background: "#EF4444",
+      borderRadius: "50%",
+      border: "2px solid #FFF"
+    }
+  })))), filters, /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: "24px",
+      maxWidth: "1600px",
+      margin: "0 auto"
+    }
+  }, children), /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: "40px 24px",
+      textAlign: "center",
+      color: "#9CA3AF",
+      fontSize: "12px"
+    }
+  }, t("EKYC_POWERED_BY_UPYOG"), " | ", new Date().getFullYear(), " \xA9 ", t("EKYC_GOVT_DJB")));
+};
+
+const FilterBar = ({
+  filters,
+  config,
+  onFilterChange,
+  onReset
+}) => {
+  const {
+    t
+  } = useTranslation();
+  return /*#__PURE__*/React.createElement("div", {
+    className: "dashboard-filter-bar glass-card",
+    style: {
+      position: "sticky",
+      top: "0",
+      zIndex: "100",
+      padding: "20px 28px",
+      display: "flex",
+      alignItems: "center",
+      gap: "24px",
+      flexWrap: "wrap",
+      borderRadius: "0 0 24px 24px",
+      marginTop: "-1px"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      gap: "8px",
+      borderRight: "1px solid #E5E7EB",
+      paddingRight: "16px"
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: "14px",
+      fontWeight: "700",
+      color: "#374151"
+    }
+  }, t("EKYC_GLOBAL_FILTERS"))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      gap: "12px",
+      flex: 1,
+      flexWrap: "wrap"
+    }
+  }, config.map(filter => /*#__PURE__*/React.createElement("div", {
+    key: filter.id,
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "4px"
+    }
+  }, /*#__PURE__*/React.createElement("label", {
+    style: {
+      fontSize: "11px",
+      fontWeight: "600",
+      color: "#6B7280",
+      textTransform: "uppercase"
+    }
+  }, t(filter.label)), /*#__PURE__*/React.createElement("select", {
+    value: filters[filter.id] || filter.default,
+    onChange: e => onFilterChange(filter.id, e.target.value),
+    style: {
+      padding: "6px 12px",
+      borderRadius: "6px",
+      border: "1px solid #D1D5DB",
+      background: "#F9FAFB",
+      fontSize: "13px",
+      outline: "none",
+      minWidth: "140px"
+    }
+  }, filter.options.map(opt => /*#__PURE__*/React.createElement("option", {
+    key: opt,
+    value: opt
+  }, opt)))))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      gap: "12px"
+    }
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: onReset,
+    style: {
+      padding: "8px 16px",
+      borderRadius: "8px",
+      background: "transparent",
+      color: "#6B7280",
+      border: "1px solid #D1D5DB",
+      cursor: "pointer",
+      fontSize: "14px",
+      fontWeight: "600"
+    }
+  }, t("EKYC_RESET"))));
+};
+
+const SummaryCard = ({
+  label,
+  value,
+  color,
+  icon,
+  trend,
+  isCurrency,
+  suffix: _suffix = "",
+  onClick
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const formatValue = val => {
+    if (isCurrency) {
+      return `₹${new Intl.NumberFormat('en-IN').format(val)}`;
+    }
+    return new Intl.NumberFormat('en-IN').format(val);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "summary-card glass-card",
+    onClick: onClick,
+    style: {
+      padding: "28px 24px",
+      cursor: onClick ? "pointer" : "default",
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "space-between",
+      height: "100%",
+      minHeight: "160px",
+      position: "relative",
+      overflow: "hidden"
+    },
+    onMouseOver: e => {
+      if (onClick) {
+        e.currentTarget.style.transform = "translateY(-8px) scale(1.02)";
+      }
+    },
+    onMouseOut: e => {
+      if (onClick) {
+        e.currentTarget.style.transform = "translateY(0) scale(1)";
+      }
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "flex-start"
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: "13px",
+      fontWeight: "700",
+      color: "#6B7280",
+      letterSpacing: "0.05em",
+      textTransform: "uppercase"
+    }
+  }, t(label)), /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: "10px",
+      borderRadius: "12px",
+      background: `linear-gradient(135deg, ${color}20 0%, ${color}40 100%)`,
+      color: color,
+      boxShadow: `0 4px 12px ${color}20`
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: "20px"
+    }
+  }, icon === "document" ? "📄" : icon === "check" ? "✅" : icon === "clock" ? "⏳" : icon === "rupee" ? "₹" : "📊"))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: "12px"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "28px",
+      fontWeight: "800",
+      color: "#111827"
+    }
+  }, formatValue(value), _suffix), trend && /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      marginTop: "8px",
+      fontSize: "12px",
+      fontWeight: "600"
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: trend > 0 ? "#10B981" : "#EF4444"
+    }
+  }, trend > 0 ? "↗" : "↘", " ", Math.abs(trend), "%"), /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: "#9CA3AF",
+      marginLeft: "4px"
+    }
+  }, t("EKYC_FROM_PREV_MONTH")))));
+};
+
+Chart$1.register(...registerables);
+const TaskStatusChart = ({
+  data,
+  title
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const chartRef = useRef(null);
+  const chartInstance = useRef(null);
+  useEffect(() => {
+    if (chartRef.current && data) {
+      if (chartInstance.current) chartInstance.current.destroy();
+      const ctx = chartRef.current.getContext("2d");
+      const gradientBlue = ctx.createLinearGradient(0, 0, 0, 400);
+      gradientBlue.addColorStop(0, '#3B82F6');
+      gradientBlue.addColorStop(1, '#2563EB');
+      const gradientAmber = ctx.createLinearGradient(0, 0, 0, 400);
+      gradientAmber.addColorStop(0, '#F59E0B');
+      gradientAmber.addColorStop(1, '#D97706');
+      const gradientIndigo = ctx.createLinearGradient(0, 0, 0, 400);
+      gradientIndigo.addColorStop(0, '#6366F1');
+      gradientIndigo.addColorStop(1, '#4F46E5');
+      const gradientEmerald = ctx.createLinearGradient(0, 0, 0, 400);
+      gradientEmerald.addColorStop(0, '#10B981');
+      gradientEmerald.addColorStop(1, '#059669');
+      const colors = [gradientBlue, gradientAmber, gradientIndigo, gradientEmerald, '#EC4899', '#EF4444'];
+      const labels = data.map(item => t(item.stageName));
+      const values = data.map(item => item.count);
+      const ChartConstructor = Chart$1.Chart || Chart$1;
+      chartInstance.current = new ChartConstructor(ctx, {
+        type: "doughnut",
+        data: {
+          labels,
+          datasets: [{
+            data: values,
+            backgroundColor: colors.slice(0, labels.length),
+            borderWidth: 2,
+            borderColor: "#ffffff",
+            hoverOffset: 10
+          }]
+        },
+        options: {
+          responsive: true,
+          maintainAspectRatio: false,
+          cutout: '70%',
+          plugins: {
+            legend: {
+              position: 'right',
+              labels: {
+                usePointStyle: true,
+                padding: 15,
+                font: {
+                  size: 12
+                }
+              }
+            },
+            tooltip: {
+              backgroundColor: '#1F2937',
+              padding: 10,
+              bodyFont: {
+                size: 13
+              }
+            }
+          }
+        }
+      });
+    }
+    return () => {
+      if (chartInstance.current) chartInstance.current.destroy();
+    };
+  }, [data, t]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "task-status-chart-container glass-card",
+    style: {
+      height: "320px",
+      width: "100%",
+      padding: "24px"
+    }
+  }, title && /*#__PURE__*/React.createElement("h3", {
+    className: "chart-title",
+    style: {
+      marginBottom: "24px",
+      fontSize: "18px",
+      fontWeight: "700",
+      color: "#111827"
+    }
+  }, t(title)), /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: "220px"
+    }
+  }, /*#__PURE__*/React.createElement("canvas", {
+    ref: chartRef
+  })));
+};
+
+const ClusterHeatmap = ({
+  data,
+  title,
+  onDrillDown
+}) => {
+  const {
+    t
+  } = useTranslation();
+  if (!data || data.length === 0) return null;
+  const getIntensityColor = score => {
+    if (score > 80) return "#EF4444";
+    if (score > 50) return "#F59E0B";
+    return "#10B981";
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "cluster-heatmap-container glass-card",
+    style: {
+      padding: "28px"
+    }
+  }, title && /*#__PURE__*/React.createElement("h3", {
+    className: "chart-title",
+    style: {
+      marginBottom: "28px",
+      fontSize: "18px",
+      fontWeight: "800",
+      color: "#111827",
+      letterSpacing: "-0.025em"
+    }
+  }, t(title)), /*#__PURE__*/React.createElement("div", {
+    className: "heatmap-grid",
+    style: {
+      display: "grid",
+      gridTemplateColumns: "repeat(auto-fill, minmax(240px, 1fr))",
+      gap: "20px"
+    }
+  }, data.map(cluster => /*#__PURE__*/React.createElement("div", {
+    key: cluster.clusterId,
+    className: "heatmap-card glass-card",
+    onClick: () => onDrillDown === null || onDrillDown === void 0 ? void 0 : onDrillDown(cluster),
+    style: {
+      padding: "20px",
+      background: "#FFFFFF",
+      border: `1px solid ${getIntensityColor(cluster.intensityScore)}40`,
+      cursor: "pointer",
+      position: "relative",
+      overflow: "hidden"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "intensity-bar",
+    style: {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      height: "4px",
+      width: "100%",
+      background: getIntensityColor(cluster.intensityScore)
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "flex-start",
+      marginBottom: "12px"
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontWeight: "600",
+      fontSize: "14px",
+      color: "#374151"
+    }
+  }, cluster.clusterName), /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: "12px",
+      fontWeight: "700",
+      padding: "2px 8px",
+      borderRadius: "12px",
+      background: `${getIntensityColor(cluster.intensityScore)}20`,
+      color: getIntensityColor(cluster.intensityScore)
+    }
+  }, cluster.intensityScore, "%")), /*#__PURE__*/React.createElement("div", {
+    className: "cluster-stats",
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "8px"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "space-between",
+      fontSize: "12px"
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: "#6B7280"
+    }
+  }, t("EKYC_PENDING_WORKLOAD")), /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontWeight: "600",
+      color: "#1F2937"
+    }
+  }, cluster.pendingWorkload)), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "space-between",
+      fontSize: "12px"
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: "#6B7280"
+    }
+  }, t("EKYC_ACTIVE_AGENCIES")), /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontWeight: "600",
+      color: "#1F2937"
+    }
+  }, cluster.activeAgencies))), /*#__PURE__*/React.createElement("div", {
+    className: "mini-spark",
+    style: {
+      marginTop: "12px",
+      display: "flex",
+      gap: "2px",
+      alignItems: "flex-end",
+      height: "20px"
+    }
+  }, cluster.wards.map((ward, idx) => /*#__PURE__*/React.createElement("div", {
+    key: idx,
+    style: {
+      flex: 1,
+      height: `${Math.min(100, ward.pendingCount / cluster.pendingWorkload * 100)}%`,
+      background: getIntensityColor(cluster.intensityScore),
+      opacity: 0.6,
+      borderRadius: "1px"
+    }
+  })))))));
+};
+
+const ExportUtils = {
+  exportToCsv: (data, filename = "dashboard_export.csv", columns = []) => {
+    if (!data || !data.length) return;
+    const keys = columns.length ? columns.map(c => c.id) : Object.keys(data[0]);
+    const headers = columns.length ? columns.map(c => c.label) : keys;
+    const csvRows = [];
+    csvRows.push(headers.map(h => `"${String(h).replace(/"/g, '""')}"`).join(","));
+    data.forEach(row => {
+      const values = keys.map(k => {
+        const val = row[k] !== undefined && row[k] !== null ? row[k] : "";
+        return `"${String(val).replace(/"/g, '""')}"`;
+      });
+      csvRows.push(values.join(","));
+    });
+    const csvString = csvRows.join("\n");
+    const blob = new Blob([csvString], {
+      type: "text/csv;charset=utf-8;"
+    });
+    const link = document.createElement("a");
+    if (link.download !== undefined) {
+      const url = URL.createObjectURL(blob);
+      link.setAttribute("href", url);
+      link.setAttribute("download", filename);
+      link.style.visibility = "hidden";
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+    }
+  },
+  exportToExcel: (data, filename = "dashboard_report.xlsx", columns = []) => {
+    ExportUtils.exportToCsv(data, filename.replace(".xlsx", ".csv"), columns);
+  },
+  printDashboard: () => {
+    if (typeof window !== "undefined") {
+      window.print();
+    }
+  }
+};
+
+const AnalyticsTable = ({
+  data,
+  columns,
+  title,
+  filename
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const [searchTerm, setSearchTerm] = useState("");
+  const [sortConfig, setSortConfig] = useState({
+    key: null,
+    direction: 'asc'
+  });
+  const sortedData = useMemo(() => {
+    let items = [...(data || [])];
+    if (searchTerm) {
+      items = items.filter(item => Object.values(item).some(val => String(val).toLowerCase().includes(searchTerm.toLowerCase())));
+    }
+    if (sortConfig.key) {
+      items.sort((a, b) => {
+        if (a[sortConfig.key] < b[sortConfig.key]) {
+          return sortConfig.direction === 'asc' ? -1 : 1;
+        }
+        if (a[sortConfig.key] > b[sortConfig.key]) {
+          return sortConfig.direction === 'asc' ? 1 : -1;
+        }
+        return 0;
+      });
+    }
+    return items;
+  }, [data, searchTerm, sortConfig]);
+  const requestSort = key => {
+    let direction = 'asc';
+    if (sortConfig.key === key && sortConfig.direction === 'asc') {
+      direction = 'desc';
+    }
+    setSortConfig({
+      key,
+      direction
+    });
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "analytics-table-card glass-card",
+    style: {
+      padding: "0",
+      overflow: "hidden"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "table-header",
+    style: {
+      padding: "28px",
+      borderBottom: "1px solid rgba(229, 231, 235, 0.5)",
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center",
+      flexWrap: "wrap",
+      gap: "16px"
+    }
+  }, /*#__PURE__*/React.createElement("h3", {
+    style: {
+      fontSize: "18px",
+      fontWeight: "800",
+      color: "#111827",
+      letterSpacing: "-0.025em"
+    }
+  }, t(title)), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      gap: "12px",
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    placeholder: t("EKYC_SEARCH_RECORDS"),
+    value: searchTerm,
+    onChange: e => setSearchTerm(e.target.value),
+    style: {
+      padding: "8px 16px",
+      borderRadius: "8px",
+      border: "1px solid #D1D5DB",
+      outline: "none",
+      fontSize: "14px"
+    }
+  }), /*#__PURE__*/React.createElement("button", {
+    onClick: () => ExportUtils.exportToCsv(sortedData, filename, columns),
+    style: {
+      padding: "10px 20px",
+      borderRadius: "12px",
+      background: "var(--primary-gradient)",
+      color: "#FFF",
+      border: "none",
+      cursor: "pointer",
+      fontWeight: "700",
+      fontSize: "14px",
+      boxShadow: "0 4px 6px rgba(99, 102, 241, 0.2)"
+    }
+  }, t("EKYC_EXPORT_CSV")))), /*#__PURE__*/React.createElement("div", {
+    className: "table-body",
+    style: {
+      overflowX: "auto"
+    }
+  }, /*#__PURE__*/React.createElement("table", {
+    style: {
+      width: "100%",
+      borderCollapse: "collapse",
+      textAlign: "left"
+    }
+  }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", {
+    style: {
+      background: "#F9FAFB"
+    }
+  }, columns.map(col => /*#__PURE__*/React.createElement("th", {
+    key: col.id,
+    onClick: () => requestSort(col.id),
+    style: {
+      padding: "16px 28px",
+      fontSize: "11px",
+      fontWeight: "700",
+      color: "#6B7280",
+      textTransform: "uppercase",
+      cursor: "pointer",
+      borderBottom: "1px solid rgba(229, 231, 235, 0.5)",
+      letterSpacing: "0.05em"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      gap: "4px"
+    }
+  }, t(col.label), sortConfig.key === col.id && /*#__PURE__*/React.createElement("span", null, sortConfig.direction === 'asc' ? '↑' : '↓')))))), /*#__PURE__*/React.createElement("tbody", null, sortedData.map((row, idx) => /*#__PURE__*/React.createElement("tr", {
+    key: idx,
+    style: {
+      borderBottom: "1px solid #F3F4F6",
+      transition: "background 0.2s"
+    },
+    onMouseOver: e => e.currentTarget.style.background = "#F9FAFB",
+    onMouseOut: e => e.currentTarget.style.background = "transparent"
+  }, columns.map(col => /*#__PURE__*/React.createElement("td", {
+    key: col.id,
+    style: {
+      padding: "16px 28px",
+      fontSize: "14px",
+      color: "#4B5563",
+      fontWeight: col.id === "agencyName" ? "600" : "400"
+    }
+  }, col.isCurrency ? `₹${new Intl.NumberFormat('en-IN').format(row[col.id])}` : col.isPercentage ? `${row[col.id]}%` : row[col.id]))))))));
+};
+
+const SLAWidget = ({
+  slaPercentage,
+  avgTime,
+  breachedCount
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const getStatusColor = pct => {
+    if (pct > 90) return "#10B981";
+    if (pct > 75) return "#F59E0B";
+    return "#EF4444";
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "sla-widget-card glass-card",
+    style: {
+      padding: "28px"
+    }
+  }, /*#__PURE__*/React.createElement("h3", {
+    style: {
+      fontSize: "18px",
+      fontWeight: "800",
+      color: "#111827",
+      marginBottom: "28px",
+      letterSpacing: "-0.025em"
+    }
+  }, t("EKYC_SLA_PERFORMANCE")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      gap: "24px",
+      marginBottom: "24px"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: "relative",
+      width: "100px",
+      height: "100px",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center"
+    }
+  }, /*#__PURE__*/React.createElement("svg", {
+    width: "100",
+    height: "100",
+    viewBox: "0 0 100 100"
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: "50",
+    cy: "50",
+    r: "40",
+    stroke: "#F3F4F6",
+    strokeWidth: "8",
+    fill: "none"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "50",
+    cy: "50",
+    r: "40",
+    stroke: getStatusColor(slaPercentage),
+    strokeWidth: "8",
+    fill: "none",
+    strokeDasharray: `${slaPercentage * 2.51} 251`,
+    transform: "rotate(-90 50 50)",
+    strokeLinecap: "round"
+  }), /*#__PURE__*/React.createElement("text", {
+    x: "50",
+    y: "55",
+    textAnchor: "middle",
+    fontSize: "18",
+    fontWeight: "700",
+    fill: "#111827"
+  }, slaPercentage, "%"))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "14px",
+      color: "#6B7280"
+    }
+  }, t("EKYC_SLA_COMPLIANCE")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "20px",
+      fontWeight: "700",
+      color: "#111827"
+    }
+  }, t("EKYC_OPTIMAL_PERFORMANCE")))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "grid",
+      gridTemplateColumns: "1fr 1fr",
+      gap: "16px",
+      borderTop: "1px solid #F3F4F6",
+      paddingTop: "20px"
+    }
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "12px",
+      color: "#6B7280",
+      marginBottom: "4px"
+    }
+  }, t("EKYC_AVG_LATENCY")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "18px",
+      fontWeight: "700",
+      color: "#111827"
+    }
+  }, avgTime, "h")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "12px",
+      color: "#6B7280",
+      marginBottom: "4px"
+    }
+  }, t("EKYC_BREACH_COUNT")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "18px",
+      fontWeight: "700",
+      color: "#EF4444"
+    }
+  }, breachedCount))));
+};
+
+const WorkflowTimeline = ({
+  stages
+}) => {
+  const {
+    t
+  } = useTranslation();
+  if (!stages || stages.length === 0) return null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "workflow-timeline-card glass-card",
+    style: {
+      padding: "28px"
+    }
+  }, /*#__PURE__*/React.createElement("h3", {
+    style: {
+      fontSize: "18px",
+      fontWeight: "800",
+      color: "#111827",
+      marginBottom: "28px",
+      letterSpacing: "-0.025em"
+    }
+  }, t("EKYC_WORKFLOW_BOTTLENECK_ANALYSIS")), /*#__PURE__*/React.createElement("div", {
+    className: "timeline-container",
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "16px"
+    }
+  }, stages.map((stage, idx) => /*#__PURE__*/React.createElement("div", {
+    key: idx,
+    style: {
+      display: "flex",
+      gap: "16px",
+      alignItems: "flex-start"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: "12px",
+      height: "12px",
+      borderRadius: "50%",
+      background: stage.avgDurationHours > 20 ? "#EF4444" : "#10B981",
+      marginTop: "4px"
+    }
+  }), idx !== stages.length - 1 && /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: "2px",
+      height: "40px",
+      background: "#E5E7EB"
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "space-between",
+      marginBottom: "4px"
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: "14px",
+      fontWeight: "600",
+      color: "#374151"
+    }
+  }, t(stage.stageName)), /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: "12px",
+      fontWeight: "700",
+      color: stage.avgDurationHours > 20 ? "#EF4444" : "#10B981"
+    }
+  }, stage.avgDurationHours, "h ", t("EKYC_AVG"))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: "100%",
+      height: "6px",
+      background: "#F3F4F6",
+      borderRadius: "3px",
+      overflow: "hidden"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: `${Math.min(100, stage.count / 1000 * 100)}%`,
+      height: "100%",
+      background: stage.avgDurationHours > 20 ? "#EF444480" : "#10B98180"
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "12px",
+      color: "#6B7280",
+      marginTop: "4px"
+    }
+  }, stage.count, " ", t("EKYC_APPLICATIONS_IN_STAGE")))))));
+};
+
+const NotificationPanel = ({
+  notifications,
+  isOpen,
+  onClose
+}) => {
+  const {
+    t
+  } = useTranslation();
+  if (!isOpen) return null;
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+    onClick: onClose,
+    style: {
+      position: "fixed",
+      top: 0,
+      left: 0,
+      width: "100%",
+      height: "100%",
+      background: "rgba(0,0,0,0.3)",
+      zIndex: 999
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "notification-panel",
+    style: {
+      position: "fixed",
+      top: 0,
+      right: 0,
+      width: "350px",
+      height: "100%",
+      background: "#FFFFFF",
+      zIndex: 1000,
+      boxShadow: "-4px 0 15px rgba(0,0,0,0.1)",
+      display: "flex",
+      flexDirection: "column"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: "20px",
+      borderBottom: "1px solid #F3F4F6",
+      display: "flex",
+      justifyContent: "space-between",
+      alignItems: "center"
+    }
+  }, /*#__PURE__*/React.createElement("h3", {
+    style: {
+      fontSize: "18px",
+      fontWeight: "700",
+      color: "#111827"
+    }
+  }, t("EKYC_ALERTS_CENTER")), /*#__PURE__*/React.createElement("button", {
+    onClick: onClose,
+    style: {
+      background: "none",
+      border: "none",
+      fontSize: "24px",
+      cursor: "pointer",
+      color: "#9CA3AF"
+    }
+  }, "\xD7")), /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1,
+      overflowY: "auto",
+      padding: "16px"
+    }
+  }, notifications.length === 0 ? /*#__PURE__*/React.createElement("div", {
+    style: {
+      textAlign: "center",
+      color: "#9CA3AF",
+      marginTop: "40px"
+    }
+  }, t("EKYC_NO_NEW_ALERTS")) : notifications.map((alert, idx) => /*#__PURE__*/React.createElement("div", {
+    key: idx,
+    style: {
+      padding: "16px",
+      borderRadius: "12px",
+      background: alert.priority === "HIGH" ? "#FEF2F2" : "#F9FAFB",
+      border: `1px solid ${alert.priority === "HIGH" ? "#FECACA" : "#E5E7EB"}`,
+      marginBottom: "12px"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "space-between",
+      marginBottom: "4px"
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: "10px",
+      fontWeight: "800",
+      padding: "2px 6px",
+      borderRadius: "4px",
+      background: alert.priority === "HIGH" ? "#EF4444" : "#3B82F6",
+      color: "#FFFFFF"
+    }
+  }, alert.priority), /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: "11px",
+      color: "#9CA3AF"
+    }
+  }, alert.time)), /*#__PURE__*/React.createElement("h4", {
+    style: {
+      fontSize: "14px",
+      fontWeight: "600",
+      color: "#374151",
+      marginBottom: "4px"
+    }
+  }, t(alert.title)), /*#__PURE__*/React.createElement("p", {
+    style: {
+      fontSize: "13px",
+      color: "#6B7280"
+    }
+  }, t(alert.message))))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      padding: "16px",
+      borderTop: "1px solid #F3F4F6"
+    }
+  }, /*#__PURE__*/React.createElement("button", {
+    style: {
+      width: "100%",
+      padding: "12px",
+      borderRadius: "8px",
+      background: "#F3F4F6",
+      color: "#374151",
+      border: "none",
+      fontWeight: "600",
+      cursor: "pointer"
+    }
+  }, t("EKYC_MARK_ALL_READ")))));
+};
+
+const SkeletonLoader = ({
+  type: _type = "card",
+  count: _count = 1
+}) => {
+  const renderSkeleton = () => {
+    switch (_type) {
+      case "card":
+        return /*#__PURE__*/React.createElement("div", {
+          className: "skeleton-card",
+          style: {
+            padding: "24px",
+            background: "#F3F4F6",
+            borderRadius: "12px",
+            height: "140px",
+            animation: "pulse 1.5s infinite"
+          }
+        }, /*#__PURE__*/React.createElement("div", {
+          style: {
+            height: "16px",
+            width: "40%",
+            background: "#E5E7EB",
+            marginBottom: "16px",
+            borderRadius: "4px"
+          }
+        }), /*#__PURE__*/React.createElement("div", {
+          style: {
+            height: "32px",
+            width: "70%",
+            background: "#E5E7EB",
+            marginBottom: "12px",
+            borderRadius: "4px"
+          }
+        }), /*#__PURE__*/React.createElement("div", {
+          style: {
+            height: "12px",
+            width: "30%",
+            background: "#E5E7EB",
+            borderRadius: "4px"
+          }
+        }));
+      case "chart":
+        return /*#__PURE__*/React.createElement("div", {
+          className: "skeleton-chart",
+          style: {
+            padding: "24px",
+            background: "#F3F4F6",
+            borderRadius: "12px",
+            height: "300px",
+            animation: "pulse 1.5s infinite"
+          }
+        }, /*#__PURE__*/React.createElement("div", {
+          style: {
+            height: "20px",
+            width: "30%",
+            background: "#E5E7EB",
+            marginBottom: "24px",
+            borderRadius: "4px"
+          }
+        }), /*#__PURE__*/React.createElement("div", {
+          style: {
+            height: "200px",
+            width: "100%",
+            background: "#E5E7EB",
+            borderRadius: "8px"
+          }
+        }));
+      case "table":
+        return /*#__PURE__*/React.createElement("div", {
+          className: "skeleton-table",
+          style: {
+            padding: "16px",
+            background: "#F3F4F6",
+            borderRadius: "12px",
+            animation: "pulse 1.5s infinite"
+          }
+        }, [1, 2, 3, 4, 5].map(i => /*#__PURE__*/React.createElement("div", {
+          key: i,
+          style: {
+            height: "40px",
+            width: "100%",
+            background: "#E5E7EB",
+            marginBottom: "8px",
+            borderRadius: "4px"
+          }
+        })));
+      default:
+        return null;
+    }
+  };
+  return /*#__PURE__*/React.createElement(Fragment$1, null, /*#__PURE__*/React.createElement("style", null, `
+        @keyframes pulse {
+          0% { opacity: 1; }
+          50% { opacity: 0.5; }
+          100% { opacity: 1; }
+        }
+      `), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "grid",
+      gap: "16px",
+      gridTemplateColumns: _type === "card" ? "repeat(auto-fill, minmax(240px, 1fr))" : "1fr"
+    }
+  }, Array(_count).fill(0).map((_, i) => /*#__PURE__*/React.createElement(React.Fragment, {
+    key: i
+  }, renderSkeleton()))));
+};
+
+class ErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      hasError: false
+    };
+  }
+  static getDerivedStateFromError(error) {
+    return {
+      hasError: true
+    };
+  }
+  render() {
+    if (this.state.hasError) {
+      return /*#__PURE__*/React.createElement("div", {
+        style: {
+          padding: "20px",
+          background: "#FEF2F2",
+          border: "1px solid #FECACA",
+          borderRadius: "8px",
+          textAlign: "center"
+        }
+      }, /*#__PURE__*/React.createElement("h4", {
+        style: {
+          color: "#991B1B",
+          marginBottom: "8px"
+        }
+      }, "Widget Error"), /*#__PURE__*/React.createElement("p", {
+        style: {
+          color: "#B91C1C",
+          fontSize: "12px"
+        }
+      }, "Failed to render this component."));
+    }
+    return this.props.children;
+  }
+}
+
+const EmptyState = ({
+  message: _message = "EKYC_NO_DATA_FOUND"
+}) => {
+  const {
+    t
+  } = useTranslation();
+  return /*#__PURE__*/React.createElement("div", {
+    className: "empty-state-container",
+    style: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "center",
+      justifyContent: "center",
+      padding: "60px 20px",
+      background: "#F9FAFB",
+      borderRadius: "12px",
+      border: "1px dashed #D1D5DB"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "48px",
+      marginBottom: "16px"
+    }
+  }, "\uD83D\uDD0D"), /*#__PURE__*/React.createElement("h3", {
+    style: {
+      fontSize: "18px",
+      fontWeight: "600",
+      color: "#374151",
+      marginBottom: "8px"
+    }
+  }, t("EKYC_EMPTY_STATE_TITLE") || "No Results Found"), /*#__PURE__*/React.createElement("p", {
+    style: {
+      color: "#6B7280",
+      textAlign: "center",
+      maxWidth: "300px"
+    }
+  }, t(_message) || "Try adjusting your filters or check back later for updated metrics."));
+};
+
+const CeoDashboard = () => {
+  var _config$widgets, _config$widgets$summa;
+  const {
+    t
+  } = useTranslation();
+  const {
+    routeToInbox
+  } = Digit.Hooks.ekyc.useInboxRouting();
+  const [activeRole, setActiveRole] = useState("CEO");
+  const [isNotificationOpen, setIsNotificationOpen] = useState(false);
+  const [filters, setFilters] = useState({
+    financialYear: "2025-26",
+    clusterId: "ALL",
+    agencyId: "ALL"
+  });
+  const {
+    config,
+    tenantId
+  } = Digit.Hooks.ekyc.useEkycDashboardConfigs(activeRole);
+  const {
+    summary: kpiData,
+    agencies: agencyData,
+    heatmap: clusterData,
+    workflow: workflowData,
+    isLoading,
+    isError
+  } = Digit.Hooks.ekyc.useEkycDashboardData(activeRole, filters);
+  const handleFilterChange = (id, value) => {
+    setFilters(prev => ({
+      ...prev,
+      [id]: value
+    }));
+  };
+  const handleReset = () => {
+    setFilters({
+      financialYear: "2025-26",
+      clusterId: "ALL",
+      agencyId: "ALL"
+    });
+  };
+  const handleKpiClick = kpi => {
+    routeToInbox(kpi.targetRoute, {
+      ...filters,
+      status: kpi.status
+    });
+  };
+  const notifications = [{
+    title: "EKYC_SLA_BREACH_ALERT",
+    message: "EKYC_ALERT_DESC_1",
+    priority: "HIGH",
+    time: "10m ago"
+  }, {
+    title: "EKYC_SYSTEM_UPDATE",
+    message: "EKYC_ALERT_DESC_3",
+    priority: "NORMAL",
+    time: "5h ago"
+  }];
+  if (isError) return /*#__PURE__*/React.createElement(EmptyState, {
+    message: "EKYC_ERROR_FETCHING_DATA"
+  });
+  return /*#__PURE__*/React.createElement(DashboardLayout, {
+    header: config.title,
+    activeRole: activeRole,
+    onRoleChange: role => {
+      setActiveRole(role);
+      handleReset();
+    },
+    onNotificationClick: () => setIsNotificationOpen(true),
+    filters: /*#__PURE__*/React.createElement(FilterBar, {
+      filters: filters,
+      config: config.globalFilters,
+      onFilterChange: handleFilterChange,
+      onReset: handleReset
+    })
+  }, /*#__PURE__*/React.createElement(NotificationPanel, {
+    isOpen: isNotificationOpen,
+    onClose: () => setIsNotificationOpen(false),
+    notifications: notifications
+  }), /*#__PURE__*/React.createElement("section", {
+    style: {
+      marginBottom: "32px"
+    }
+  }, isLoading ? /*#__PURE__*/React.createElement(SkeletonLoader, {
+    type: "card",
+    count: 4
+  }) : /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "grid",
+      gridTemplateColumns: "repeat(auto-fill, minmax(280px, 1fr))",
+      gap: "24px"
+    }
+  }, config === null || config === void 0 ? void 0 : (_config$widgets = config.widgets) === null || _config$widgets === void 0 ? void 0 : (_config$widgets$summa = _config$widgets.summary) === null || _config$widgets$summa === void 0 ? void 0 : _config$widgets$summa.map((kpiKey, idx) => {
+    var _config$kpis;
+    const kpiMeta = config === null || config === void 0 ? void 0 : (_config$kpis = config.kpis) === null || _config$kpis === void 0 ? void 0 : _config$kpis[kpiKey];
+    if (!kpiMeta) return null;
+    const value = (kpiData === null || kpiData === void 0 ? void 0 : kpiData[kpiKey]) || 0;
+    return /*#__PURE__*/React.createElement(ErrorBoundary, {
+      key: kpiKey
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "animate-fade-in",
+      style: {
+        animationDelay: `${idx * 0.1}s`
+      }
+    }, /*#__PURE__*/React.createElement(SummaryCard, {
+      label: kpiMeta.label,
+      value: value,
+      color: kpiMeta.color,
+      icon: kpiMeta.icon,
+      trend: kpiData === null || kpiData === void 0 ? void 0 : kpiData[`${kpiKey}Trend`],
+      onClick: () => handleKpiClick(kpiMeta)
+    })));
+  }))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "grid",
+      gridTemplateColumns: "repeat(12, 1fr)",
+      gap: "24px"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      gridColumn: "span 12",
+      background: "#FFF",
+      padding: "24px",
+      borderRadius: "16px",
+      boxShadow: "0 1px 3px rgba(0,0,0,0.1)"
+    }
+  }, isLoading ? /*#__PURE__*/React.createElement(SkeletonLoader, {
+    type: "chart"
+  }) : /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(TaskStatusChart, {
+    title: "EKYC_APPLICATION_STATUS",
+    data: (workflowData === null || workflowData === void 0 ? void 0 : workflowData.stageBreakdown) || []
+  }))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      gridColumn: "span 4"
+    }
+  }, isLoading ? /*#__PURE__*/React.createElement(SkeletonLoader, {
+    type: "chart"
+  }) : /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(SLAWidget, {
+    slaPercentage: (workflowData === null || workflowData === void 0 ? void 0 : workflowData.slaCompliance) || 0,
+    avgTime: (workflowData === null || workflowData === void 0 ? void 0 : workflowData.avgProcessingTimeHours) || 0,
+    breachedCount: (workflowData === null || workflowData === void 0 ? void 0 : workflowData.breachCount) || 0
+  }))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      gridColumn: "span 8"
+    }
+  }, isLoading ? /*#__PURE__*/React.createElement(SkeletonLoader, {
+    type: "chart"
+  }) : /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(WorkflowTimeline, {
+    stages: (workflowData === null || workflowData === void 0 ? void 0 : workflowData.stageBreakdown) || []
+  }))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      gridColumn: "span 12",
+      background: "#FFF",
+      padding: "24px",
+      borderRadius: "16px",
+      boxShadow: "0 1px 3px rgba(0,0,0,0.1)"
+    }
+  }, isLoading ? /*#__PURE__*/React.createElement(SkeletonLoader, {
+    type: "chart"
+  }) : /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(ClusterHeatmap, {
+    title: "EKYC_CLUSTER_WORKLOAD_HEATMAP",
+    data: clusterData || [],
+    onDrillDown: cluster => handleFilterChange("clusterId", cluster.clusterId)
+  }))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      gridColumn: "span 12"
+    }
+  }, isLoading ? /*#__PURE__*/React.createElement(SkeletonLoader, {
+    type: "table"
+  }) : /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(AnalyticsTable, {
+    title: "EKYC_AGENCY_PERFORMANCE_METRICS",
+    filename: "agency_performance_report.csv",
+    data: agencyData || [],
+    columns: [{
+      id: "agencyName",
+      label: "EKYC_AGENCY_NAME"
+    }, {
+      id: "totalAssigned",
+      label: "EKYC_TOTAL_ASSIGNED"
+    }, {
+      id: "totalCompleted",
+      label: "EKYC_TOTAL_COMPLETED"
+    }, {
+      id: "pendingCount",
+      label: "EKYC_PENDING"
+    }, {
+      id: "slaCompliance",
+      label: "EKYC_SLA_COMPLIANCE",
+      isPercentage: true
+    }]
+  })))));
+};
+
+const EkycModule = ({
+  stateCode,
   userType,
   tenants
 }) => {
@@ -4502,7 +6683,27 @@ const EkycModule = ({
     path,
     url
   } = useRouteMatch();
+  const moduleCode = "EKYC";
+  const language = Digit.StoreData.getCurrentLanguage();
+  const {
+    isLoading,
+    data: store
+  } = Digit.Services.useStore({
+    stateCode,
+    moduleCode,
+    language
+  });
   Digit.SessionStorage.set("EKYC_TENANTS", tenants);
+  useEffect(() => Digit.LocalizationService.getLocale({
+    modules: [`rainmaker-ekyc`, `rainmaker-${Digit.ULBService.getCurrentTenantId()}`],
+    locale: Digit.StoreData.getCurrentLanguage(),
+    tenantId: Digit.ULBService.getCurrentTenantId()
+  }), []);
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(Loader, {
+      page: true
+    });
+  }
   if (userType === "employee") {
     return /*#__PURE__*/React.createElement(EmployeeApp, {
       path: path,
@@ -4545,7 +6746,8 @@ const componentsToRegister = {
   AadhaarVerification,
   AddressDetails,
   PropertyInfo,
-  MeterDetails
+  MeterDetails,
+  CeoDashboard
 };
 const initEkycComponents = () => {
   Object.entries(componentsToRegister).forEach(([key, value]) => {