@djb25/digit-ui-module-ekyc 1.0.4 → 1.0.6

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import React, { useMemo, useState, useCallback, useRef, Fragment } from 'react';
+import React, { useMemo, useState, useCallback, useRef, useEffect, Fragment } from 'react';
 import { Link, useHistory, useRouteMatch, useLocation, Switch } from 'react-router-dom';
 import { PersonIcon as PersonIcon$1, EmployeeModuleCard, Card, HomeIcon, Table, Header, TextInput, SubmitBar, Loader, DetailsCard, FilterForm, FilterFormField, Dropdown, CardHeader, StatusTable, Row, CardLabel, Modal, RadioButtons, Toast, LocationIcon, PropertyHouse, InfoBannerIcon, ActionBar, LabelFieldPair, AppContainer, ModuleHeader, ArrowLeft, PrivateRoute } from '@djb25/digit-ui-react-components';
 import { useTranslation } from 'react-i18next';
@@ -107,33 +107,27 @@ const DesktopInbox = ({
       var _row$original2;
       return /*#__PURE__*/React.createElement("span", null, ((_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : _row$original2.citizenName) || "NA");
     }
-  }, {
-    Header: t("EKYC_MOBILE_NO"),
-    accessor: "mobileNumber",
-    Cell: ({
-      row
-    }) => {
-      var _row$original3;
-      return /*#__PURE__*/React.createElement("span", null, ((_row$original3 = row.original) === null || _row$original3 === void 0 ? void 0 : _row$original3.mobileNumber) || "NA");
-    }
   }, {
     Header: t("EKYC_STATUS"),
     accessor: "status",
     Cell: ({
       row
     }) => {
-      var _row$original4;
-      const status = ((_row$original4 = row.original) === null || _row$original4 === void 0 ? void 0 : _row$original4.status) || "DEFAULT";
+      var _row$original3;
+      const status = ((_row$original3 = row.original) === null || _row$original3 === void 0 ? void 0 : _row$original3.status) || "DEFAULT";
       return /*#__PURE__*/React.createElement("span", {
         className: `ekyc-status-tag ${status}`
-      }, t(`EKYC_STATUS_${status}`));
+      }, t(`${status}`));
     }
   }], [t, parentRoute]);
   const tableData = useMemo(() => {
     return (data === null || data === void 0 ? void 0 : data.items) || [];
   }, [data]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "inbox-container"
+    className: "inbox-container",
+    style: {
+      paddingBottom: "16px"
+    }
   }, /*#__PURE__*/React.createElement("div", {
     className: "filters-container"
   }, /*#__PURE__*/React.createElement(Card, {
@@ -360,7 +354,13 @@ const SearchConsumer = ({
       paddingLeft: "12px",
       height: "44px"
     }
-  }))), /*#__PURE__*/React.createElement("div", {
+  })))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "flex-end",
+      marginTop: "20px"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
       gap: "12px",
@@ -385,8 +385,7 @@ const SearchConsumer = ({
       margin: 0,
       borderRadius: "8px",
       height: "44px",
-      padding: "0 32px",
-      marginTop: "-55px"
+      padding: "0 32px"
     }
   }))))), children));
 };
@@ -457,18 +456,6 @@ const Filter = ({
   const [_searchParams, setSearchParams] = useState(() => ({
     ...searchParams
   }));
-  const localParamChange = filterParam => {
-    let keys_to_delete = filterParam.delete;
-    let _new = {
-      ..._searchParams,
-      ...filterParam
-    };
-    if (keys_to_delete) keys_to_delete.forEach(key => delete _new[key]);
-    delete filterParam.delete;
-    setSearchParams({
-      ..._new
-    });
-  };
   const applyLocalFilters = () => {
     onFilterChange(_searchParams);
   };
@@ -481,9 +468,12 @@ const Filter = ({
     });
   };
   const onStatusChange = value => {
-    localParamChange({
+    const newParams = {
+      ..._searchParams,
       status: value
-    });
+    };
+    setSearchParams(newParams);
+    onFilterChange(newParams);
   };
   return /*#__PURE__*/React.createElement(FilterForm, {
     onSubmit: applyLocalFilters,
@@ -504,14 +494,11 @@ const Filter = ({
       label: t("EKYC_STATUS_ALL"),
       value: ""
     }, {
-      label: t("EKYC_STATUS_COMPLETED"),
-      value: "COMPLETED"
+      label: t("EKYC_STATUS_ACTIVE"),
+      value: "ACTIVE"
     }, {
       label: t("EKYC_STATUS_PENDING"),
-      value: "PENDING"
-    }, {
-      label: t("EKYC_STATUS_REJECTED"),
-      value: "REJECTED"
+      value: "PENDING START"
     }],
     optionKey: "label",
     select: onStatusChange,
@@ -522,32 +509,6 @@ const Filter = ({
   })));
 };
 
-const MOCK_DATA_ITEMS = [{
-  applicationNumber: "EKYC-2024-001",
-  citizenName: "Rahul Sharma",
-  mobileNumber: "9876543210",
-  status: "COMPLETED"
-}, {
-  applicationNumber: "EKYC-2024-002",
-  citizenName: "Anjali Devi",
-  mobileNumber: "9123456789",
-  status: "PENDING"
-}, {
-  applicationNumber: "EKYC-2024-003",
-  citizenName: "Amit Kumar",
-  mobileNumber: "8888888888",
-  status: "REJECTED"
-}, {
-  applicationNumber: "EKYC-2024-004",
-  citizenName: "Priya Singh",
-  mobileNumber: "7777777777",
-  status: "COMPLETED"
-}, {
-  applicationNumber: "EKYC-2024-005",
-  citizenName: "Suresh Gupta",
-  mobileNumber: "6666666666",
-  status: "PENDING"
-}];
 const Inbox = ({
   parentRoute,
   businessService: _businessService = "EKYC",
@@ -555,6 +516,7 @@ const Inbox = ({
   filterComponent,
   isInbox
 }) => {
+  var _searchParams$status, _dashboardData$dashbo2;
   const tenantId = Digit.ULBService.getCurrentTenantId();
   const {
     t
@@ -572,25 +534,37 @@ const Inbox = ({
   const [searchParams, setSearchParams] = useState(_initialStates.searchParams || {
     status: defaultStatusOption
   });
-  const filteredStaticData = useMemo(() => {
-    return MOCK_DATA_ITEMS.filter(item => {
-      var _searchParams$status;
-      let match = true;
-      const currentStatus = ((_searchParams$status = searchParams.status) === null || _searchParams$status === void 0 ? void 0 : _searchParams$status.value) !== undefined ? searchParams.status.value : searchParams.status;
-      if (currentStatus && item.status !== currentStatus) {
-        match = false;
-      }
-      return match;
-    });
-  }, [searchParams]);
-  const staticCountData = useMemo(() => {
+  const {
+    isLoading,
+    data: dashboardData,
+    isFetching
+  } = Digit.Hooks.ekyc.useEkycSurveyorDashboard({}, {
+    tenantId,
+    offset: pageOffset,
+    limit: pageSize,
+    status: ((_searchParams$status = searchParams.status) === null || _searchParams$status === void 0 ? void 0 : _searchParams$status.value) || ""
+  }, {
+    enabled: !!tenantId
+  });
+  const filteredData = useMemo(() => {
+    var _dashboardData$dashbo;
+    const items = (dashboardData === null || dashboardData === void 0 ? void 0 : (_dashboardData$dashbo = dashboardData.dashboardInfo) === null || _dashboardData$dashbo === void 0 ? void 0 : _dashboardData$dashbo.consumerList) || [];
+    return items.map(item => ({
+      ...item,
+      applicationNumber: item.kno || item.applicationNumber,
+      citizenName: item.consumerName || item.citizenName
+    }));
+  }, [dashboardData]);
+  const countData = useMemo(() => {
+    const info = (dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.dashboardInfo) || {};
     return {
-      total: MOCK_DATA_ITEMS.length,
-      completed: MOCK_DATA_ITEMS.filter(i => i.status === "COMPLETED").length,
-      pending: MOCK_DATA_ITEMS.filter(i => i.status === "PENDING").length,
-      rejected: MOCK_DATA_ITEMS.filter(i => i.status === "REJECTED").length
+      total: info.total || 0,
+      completed: info.completed || 0,
+      pending: info.pending || 0,
+      rejected: info.rejected || 0
     };
-  }, []);
+  }, [dashboardData]);
+  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 handleSearch = useCallback(filterParam => {
     setSearchParams(prev => ({
       ...prev,
@@ -613,17 +587,14 @@ const Inbox = ({
     name: "status",
     type: "dropdown",
     options: [{
-      label: t("CHOOSE_STATUS"),
+      label: t("EKYC_STATUS_ALL"),
       value: ""
     }, {
-      label: t("EKYC_STATUS_COMPLETED"),
-      value: "COMPLETED"
+      label: t("EKYC_STATUS_ACTIVE"),
+      value: "ACTIVE"
     }, {
       label: t("EKYC_STATUS_PENDING"),
-      value: "PENDING"
-    }, {
-      label: t("EKYC_STATUS_REJECTED"),
-      value: "REJECTED"
+      value: "PENDING START"
     }],
     optionsKey: "label"
   }], [t]);
@@ -633,22 +604,22 @@ const Inbox = ({
     className: "inbox-main-container"
   }, Digit.Utils.browser.isMobile() ? /*#__PURE__*/React.createElement(MobileInbox, {
     data: {
-      items: filteredStaticData,
-      totalCount: filteredStaticData.length
+      items: filteredData,
+      totalCount: totalRecords
     },
-    isLoading: false,
+    isLoading: isLoading || isFetching,
     onSearch: handleSearch,
     searchFields: searchFields,
     searchParams: searchParams,
     parentRoute: parentRoute,
-    countData: staticCountData
+    countData: countData
   }) : /*#__PURE__*/React.createElement(DesktopInbox, {
     businessService: _businessService,
     data: {
-      items: filteredStaticData,
-      totalCount: filteredStaticData.length
+      items: filteredData,
+      totalCount: totalRecords
     },
-    isLoading: false,
+    isLoading: isLoading || isFetching,
     searchFields: searchFields,
     onSearch: handleSearch,
     onSort: handleSort,
@@ -660,8 +631,8 @@ const Inbox = ({
     parentRoute: parentRoute,
     searchParams: searchParams,
     sortParams: sortParams,
-    totalRecords: filteredStaticData.length,
-    countData: staticCountData,
+    totalRecords: totalRecords,
+    countData: countData,
     filterComponent: "EKYC_INBOX_FILTER"
   })));
 };
@@ -885,28 +856,6 @@ const Create = () => {
   }));
 };
 
-const FlagIcon = ({
-  size: _size = 20
-}) => /*#__PURE__*/React.createElement("svg", {
-  width: _size,
-  height: _size,
-  viewBox: "0 0 24 24",
-  fill: "none"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M14.4 6L13.6 4H5V21H7V14H12.6L13.4 16H20V6H14.4Z",
-  fill: "#0F6E56"
-}));
-const IdCardIcon = ({
-  size: _size2 = 20
-}) => /*#__PURE__*/React.createElement("svg", {
-  width: _size2,
-  height: _size2,
-  viewBox: "0 0 24 24",
-  fill: "none"
-}, /*#__PURE__*/React.createElement("path", {
-  d: "M2 7V17C2 18.1 2.9 19 4 19H20C21.1 19 22 18.1 22 17V7C22 5.9 21.1 5 20 5H4C2.9 5 2 5.9 2 7ZM12 11H14V13H12V11ZM12 7H14V9H12V7ZM16 11H20V13H16V11ZM16 7H20V9H16V7ZM4 7H10V15H4V7ZM20 17H4V16H20V17Z",
-  fill: "#185FA5"
-}));
 const CameraIcon = ({
   size: _size3 = 28
 }) => /*#__PURE__*/React.createElement("svg", {
@@ -1035,53 +984,12 @@ const SectionHead = ({
     background: "#EAECF0"
   }
 }));
-const AdminCard = ({
-  bgColor,
-  iconBg,
-  icon,
-  labelColor,
-  label,
-  value
-}) => /*#__PURE__*/React.createElement("div", {
-  style: {
-    backgroundColor: bgColor,
-    padding: "14px 16px",
-    borderRadius: "8px",
-    display: "flex",
-    alignItems: "center",
-    gap: "14px",
-    border: "0.5px solid #EAECF0"
-  }
-}, /*#__PURE__*/React.createElement("div", {
-  style: {
-    backgroundColor: iconBg,
-    padding: "8px",
-    borderRadius: "8px",
-    display: "flex",
-    flexShrink: 0
-  }
-}, icon), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-  style: {
-    color: labelColor,
-    fontSize: "10px",
-    fontWeight: "600",
-    textTransform: "uppercase",
-    letterSpacing: "0.05em",
-    marginBottom: "3px"
-  }
-}, label), /*#__PURE__*/React.createElement("div", {
-  style: {
-    fontSize: "14px",
-    fontWeight: "600",
-    color: "#101828"
-  }
-}, value)));
 const AddressDetails = ({
   isSection: _isSection = false,
   onComplete,
   parentState
 }) => {
-  var _flowState$connection;
+  var _flowState$connection, _mdmsRes$egovLocatio, _mdmsRes$egovLocatio$, _mdmsRes$egovLocatio2, _mdmsRes$egovLocatio3;
   const {
     t
   } = useTranslation();
@@ -1112,6 +1020,72 @@ const AddressDetails = ({
   const [doorPhoto, setDoorPhoto] = useState(null);
   const [isLocationFetching, setIsLocationFetching] = useState(false);
   const fileInputRef = useRef(null);
+  const tenantId = Digit.ULBService.getCurrentTenantId();
+  const {
+    data: mdmsData,
+    isLoading: isMdmsLoading
+  } = Digit.Hooks.useCommonMDMS(tenantId, "egov-location", ["TenantBoundary"]);
+  const mdmsRes = (mdmsData === null || mdmsData === void 0 ? void 0 : mdmsData.MdmsRes) || mdmsData;
+  const adminHierarchy = (mdmsRes === null || mdmsRes === void 0 ? void 0 : (_mdmsRes$egovLocatio = mdmsRes["egov-location"]) === null || _mdmsRes$egovLocatio === void 0 ? void 0 : (_mdmsRes$egovLocatio$ = _mdmsRes$egovLocatio.TenantBoundary) === null || _mdmsRes$egovLocatio$ === void 0 ? void 0 : _mdmsRes$egovLocatio$.find(h => h.hierarchyType.code === "ADMIN")) || (mdmsRes === null || mdmsRes === void 0 ? void 0 : (_mdmsRes$egovLocatio2 = mdmsRes["egov-location"]) === null || _mdmsRes$egovLocatio2 === void 0 ? void 0 : (_mdmsRes$egovLocatio3 = _mdmsRes$egovLocatio2.TenantBoundary) === null || _mdmsRes$egovLocatio3 === void 0 ? void 0 : _mdmsRes$egovLocatio3[0]);
+  const rootBoundary = adminHierarchy === null || adminHierarchy === void 0 ? void 0 : adminHierarchy.boundary;
+  const getAssemblies = boundaries => {
+    if (!boundaries) return [];
+    let assemblies = [];
+    const targetLabel = "assembly constituency";
+    for (const boundary of boundaries) {
+      var _boundary$children;
+      const label = (boundary.label || boundary.name || "").toLowerCase().replace(/_/g, " ");
+      if (label === targetLabel || label === "assemblyconstituency") {
+        assemblies.push({
+          code: boundary.code,
+          name: boundary.name,
+          children: boundary.children
+        });
+      }
+      if ((_boundary$children = boundary.children) !== null && _boundary$children !== void 0 && _boundary$children.length) {
+        assemblies.push(...getAssemblies(boundary.children));
+      }
+    }
+    return assemblies;
+  };
+  const getBlocks = children => {
+    if (!children) return [];
+    let blocks = [];
+    const targetLabel = "block";
+    for (const child of children) {
+      var _child$children;
+      const label = (child.label || child.name || "").toLowerCase().replace(/_/g, " ");
+      if (label === targetLabel) {
+        blocks.push({
+          code: child.code,
+          name: child.name
+        });
+      }
+      if ((_child$children = child.children) !== null && _child$children !== void 0 && _child$children.length) {
+        blocks.push(...getBlocks(child.children));
+      }
+    }
+    return blocks;
+  };
+  const assemblies = getAssemblies(Array.isArray(rootBoundary) ? rootBoundary : rootBoundary ? [rootBoundary] : []);
+  const [assembly, setAssembly] = useState(addrDetails.assembly ? {
+    name: addrDetails.assembly
+  } : null);
+  const [ward, setWard] = useState(addrDetails.ward ? {
+    name: addrDetails.ward
+  } : null);
+  useEffect(() => {
+    if (mdmsRes && addrDetails.assembly && !(assembly !== null && assembly !== void 0 && assembly.code)) {
+      const foundAssembly = assemblies.find(a => a.name === addrDetails.assembly || a.code === addrDetails.assembly);
+      if (foundAssembly) setAssembly(foundAssembly);
+    }
+  }, [mdmsRes, assemblies]);
+  const blocks = assembly ? getBlocks(assembly.children) : [];
+  useEffect(() => {
+    if (assembly && ward && !blocks.find(b => b.name === ward.name)) {
+      setWard(null);
+    }
+  }, [assembly]);
   const addressOptions = [{
     code: "AADHAAR",
     name: "EKYC_AADHAAR_ADDRESS"
@@ -1134,7 +1108,9 @@ const AddressDetails = ({
       building,
       landmark,
       pincode,
-      doorPhoto
+      doorPhoto,
+      assembly: assembly === null || assembly === void 0 ? void 0 : assembly.name,
+      ward: ward === null || ward === void 0 ? void 0 : ward.name
     };
     if (onComplete) {
       onComplete(payload);
@@ -1165,7 +1141,7 @@ const AddressDetails = ({
   };
   const handleUseCurrentLocation = () => {
     if (!("geolocation" in navigator)) {
-      alert(t("GEOLOCATION_NOT_SUPPORTED") || "Geolocation is not supported by your browser");
+      alert(t("GEOLOCATION_NOT_SUPPORTED"));
       return;
     }
     setIsLocationFetching(true);
@@ -1194,7 +1170,7 @@ const AddressDetails = ({
     }, err => {
       console.error("Geolocation error:", err);
       setIsLocationFetching(false);
-      alert(t("LOCATION_FETCH_FAILED") || "Failed to fetch location. Please grant location permissions.");
+      alert(t("LOCATION_FETCH_FAILED"));
     }, {
       enableHighAccuracy: true,
       timeout: 10000,
@@ -1214,7 +1190,7 @@ const AddressDetails = ({
         height: "16px"
       }
     }),
-    label: t("EKYC_ADDRESS_DETAILS_HEADER") || "Address Details"
+    label: t("EKYC_ADDRESS_DETAILS_HEADER")
   }), /*#__PURE__*/React.createElement("div", {
     style: {
       marginBottom: "20px"
@@ -1267,7 +1243,7 @@ const AddressDetails = ({
       color: "#04342C",
       fontWeight: "500"
     }
-  }, addrDetails.fullAddress || "H.No. 123, Sector 15, Rohini, Delhi – 110085")), addressType.code === "OLD" && /*#__PURE__*/React.createElement("div", {
+  }, addrDetails.fullAddress)), addressType.code === "OLD" && /*#__PURE__*/React.createElement("div", {
     style: {
       animation: "fadeSlideIn 0.3s ease"
     }
@@ -1285,7 +1261,7 @@ const AddressDetails = ({
       fontSize: "13px",
       color: "#505A5F"
     }
-  }, t("EKYC_ADDRESS_CORRECTION_PROMPT") || "Correct the address?"), /*#__PURE__*/React.createElement(RadioButtons, {
+  }, t("EKYC_ADDRESS_CORRECTION_PROMPT")), /*#__PURE__*/React.createElement(RadioButtons, {
     options: yesNoOptions,
     optionsKey: "name",
     selectedOption: correctAddress,
@@ -1349,7 +1325,7 @@ const AddressDetails = ({
       fontSize: "14px",
       color: "#344054"
     }
-  }, isLocationFetching ? t("EKYC_FETCHING_LOCATION") || "Fetching location..." : t("EKYC_USE_CURRENT_LOCATION") || "Use current location")), !isLocationFetching && /*#__PURE__*/React.createElement("span", {
+  }, isLocationFetching ? t("EKYC_FETCHING_LOCATION") : t("EKYC_USE_CURRENT_LOCATION"))), !isLocationFetching && /*#__PURE__*/React.createElement("span", {
     style: {
       fontSize: "18px",
       color: "#98A2B3",
@@ -1368,7 +1344,7 @@ const AddressDetails = ({
       letterSpacing: "0.04em",
       marginBottom: "6px"
     }
-  }, t("EKYC_FULL_ADDRESS") || "Full address"), /*#__PURE__*/React.createElement(IconInput, {
+  }, t("EKYC_FULL_ADDRESS")), /*#__PURE__*/React.createElement(IconInput, {
     icon: /*#__PURE__*/React.createElement(PropertyHouse, {
       styles: {
         fill: "#0068fa",
@@ -1379,7 +1355,7 @@ const AddressDetails = ({
     topAligned: true,
     value: fullAddress,
     onChange: e => setFullAddress(e.target.value),
-    placeholder: t("EKYC_ENTER_FULL_ADDRESS") || "Enter full address",
+    placeholder: t("EKYC_ENTER_FULL_ADDRESS"),
     inputStyle: {
       minHeight: "72px"
     }
@@ -1399,7 +1375,7 @@ const AddressDetails = ({
       letterSpacing: "0.04em",
       marginBottom: "6px"
     }
-  }, t("EKYC_FLAT_HOUSE_NUMBER") || "Flat / House no."), /*#__PURE__*/React.createElement(IconInput, {
+  }, t("EKYC_FLAT_HOUSE_NUMBER")), /*#__PURE__*/React.createElement(IconInput, {
     icon: /*#__PURE__*/React.createElement(PropertyHouse, {
       styles: {
         fill: "#0068fa",
@@ -1409,7 +1385,7 @@ const AddressDetails = ({
     }),
     value: flatNo,
     onChange: e => setFlatNo(e.target.value),
-    placeholder: t("EKYC_ENTER_FLAT_NO") || "e.g. 45-B"
+    placeholder: t("EKYC_ENTER_FLAT_NO")
   })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     style: {
       fontSize: "11px",
@@ -1419,7 +1395,7 @@ const AddressDetails = ({
       letterSpacing: "0.04em",
       marginBottom: "6px"
     }
-  }, t("EKYC_BUILDING_TOWER") || "Building / Tower"), /*#__PURE__*/React.createElement(IconInput, {
+  }, t("EKYC_BUILDING_TOWER")), /*#__PURE__*/React.createElement(IconInput, {
     icon: /*#__PURE__*/React.createElement(PropertyHouse, {
       styles: {
         fill: "#0068fa",
@@ -1429,7 +1405,7 @@ const AddressDetails = ({
     }),
     value: building,
     onChange: e => setBuilding(e.target.value),
-    placeholder: t("EKYC_ENTER_BUILDING") || "e.g. Tower 4"
+    placeholder: t("EKYC_ENTER_BUILDING")
   }))), /*#__PURE__*/React.createElement("div", {
     style: {
       display: "grid",
@@ -1446,7 +1422,7 @@ const AddressDetails = ({
       letterSpacing: "0.04em",
       marginBottom: "6px"
     }
-  }, t("EKYC_LANDMARK") || "Landmark"), /*#__PURE__*/React.createElement(IconInput, {
+  }, t("EKYC_LANDMARK")), /*#__PURE__*/React.createElement(IconInput, {
     icon: /*#__PURE__*/React.createElement(LocationIcon, {
       className: "icon",
       styles: {
@@ -1457,7 +1433,7 @@ const AddressDetails = ({
     }),
     value: landmark,
     onChange: e => setLandmark(e.target.value),
-    placeholder: t("EKYC_ENTER_LANDMARK") || "Near Central Park"
+    placeholder: t("EKYC_ENTER_LANDMARK")
   })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     style: {
       fontSize: "11px",
@@ -1467,7 +1443,7 @@ const AddressDetails = ({
       letterSpacing: "0.04em",
       marginBottom: "6px"
     }
-  }, t("EKYC_PINCODE") || "Pincode"), /*#__PURE__*/React.createElement(IconInput, {
+  }, t("EKYC_PINCODE")), /*#__PURE__*/React.createElement(IconInput, {
     icon: /*#__PURE__*/React.createElement(PincodeIcon, {
       size: 15
     }),
@@ -1475,7 +1451,7 @@ const AddressDetails = ({
     onChange: e => {
       if (/^\d*$/.test(e.target.value)) setPincode(e.target.value);
     },
-    placeholder: t("EKYC_ENTER_PINCODE") || "6-digit pincode",
+    placeholder: t("EKYC_ENTER_PINCODE"),
     maxLength: 6
   })))), /*#__PURE__*/React.createElement("hr", {
     style: {
@@ -1491,33 +1467,49 @@ const AddressDetails = ({
         height: "16px"
       }
     }),
-    label: t("EKYC_ADMINISTRATIVE_DIVISION") || "Administrative Division"
-  }), /*#__PURE__*/React.createElement("div", {
+    label: t("EKYC_ADMINISTRATIVE_DIVISION")
+  }), isMdmsLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement("div", {
     style: {
       display: "grid",
       gridTemplateColumns: "1fr 1fr",
       gap: "14px",
       marginBottom: "24px"
     }
-  }, /*#__PURE__*/React.createElement(AdminCard, {
-    bgColor: "#E1F5EE",
-    iconBg: "#9FE1CB",
-    icon: /*#__PURE__*/React.createElement(FlagIcon, {
-      size: 18
-    }),
-    labelColor: "#0F6E56",
-    label: t("EKYC_ASSEMBLY") || "Assembly",
-    value: addrDetails.assembly || "AC-12 Chandni Chowk"
-  }), /*#__PURE__*/React.createElement(AdminCard, {
-    bgColor: "#E6F1FB",
-    iconBg: "#B5D4F4",
-    icon: /*#__PURE__*/React.createElement(IdCardIcon, {
-      size: 18
-    }),
-    labelColor: "#185FA5",
-    label: t("EKYC_WARD") || "Ward",
-    value: addrDetails.ward || "WARD-45 Civil Lines"
-  })), /*#__PURE__*/React.createElement("hr", {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "11px",
+      fontWeight: "600",
+      color: "#667085",
+      textTransform: "uppercase",
+      letterSpacing: "0.04em",
+      marginBottom: "6px"
+    }
+  }, t("EKYC_ASSEMBLY")), /*#__PURE__*/React.createElement(Dropdown, {
+    option: assemblies,
+    optionKey: "name",
+    selected: assembly,
+    select: val => {
+      setAssembly(val);
+      setWard(null);
+    },
+    t: t
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "11px",
+      fontWeight: "600",
+      color: "#667085",
+      textTransform: "uppercase",
+      letterSpacing: "0.04em",
+      marginBottom: "6px"
+    }
+  }, t("EKYC_WARD") || "Block"), /*#__PURE__*/React.createElement(Dropdown, {
+    option: blocks,
+    optionKey: "name",
+    selected: ward,
+    select: setWard,
+    disabled: !assembly,
+    t: t
+  }))), /*#__PURE__*/React.createElement("hr", {
     style: {
       margin: "24px 0",
       border: 0,
@@ -1527,14 +1519,14 @@ const AddressDetails = ({
     icon: /*#__PURE__*/React.createElement(CameraIcon, {
       size: 16
     }),
-    label: t("EKYC_DOOR_PHOTO_HEADER") || "Door photo with GPS stamp"
+    label: t("EKYC_DOOR_PHOTO_HEADER")
   }), /*#__PURE__*/React.createElement("div", {
     style: {
       fontSize: "12px",
       color: "#667085",
       marginBottom: "12px"
     }
-  }, t("EKYC_REQUIRED_FOR_VERIFICATION") || "Required for verification"), /*#__PURE__*/React.createElement("div", {
+  }, t("EKYC_REQUIRED_FOR_VERIFICATION")), /*#__PURE__*/React.createElement("div", {
     style: {
       backgroundColor: "#FFFAEB",
       border: "0.5px solid #FEDF89",
@@ -1559,12 +1551,12 @@ const AddressDetails = ({
       fontSize: "13px",
       marginBottom: "2px"
     }
-  }, t("EKYC_IMPORTANT") || "Important"), /*#__PURE__*/React.createElement("div", {
+  }, t("EKYC_IMPORTANT")), /*#__PURE__*/React.createElement("div", {
     style: {
       fontSize: "12px",
       color: "#92400E"
     }
-  }, t("EKYC_CAPTURE_LIVE_CAMERA") || "Capture with live camera for GPS metadata"))), /*#__PURE__*/React.createElement("input", {
+  }, t("EKYC_CAPTURE_LIVE_CAMERA")))), /*#__PURE__*/React.createElement("input", {
     type: "file",
     ref: fileInputRef,
     onChange: handleCapture,
@@ -1620,7 +1612,7 @@ const AddressDetails = ({
       fontSize: "12px",
       color: "#667085"
     }
-  }, t("EKYC_CAPTURE_DOOR_IMAGE") || "Capture door image")) : /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("img", {
+  }, t("EKYC_CAPTURE_DOOR_IMAGE"))) : /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("img", {
     src: doorPhoto,
     alt: "Door",
     style: {
@@ -1652,15 +1644,15 @@ const AddressDetails = ({
     }
   }, /*#__PURE__*/React.createElement(TrashIcon, {
     size: 13
-  }), " ", t("EKYC_REMOVE") || "Remove"))), _isSection ? /*#__PURE__*/React.createElement("div", {
+  }), " ", t("EKYC_REMOVE")))), _isSection ? /*#__PURE__*/React.createElement("div", {
     style: {
       marginTop: "24px"
     }
   }, /*#__PURE__*/React.createElement(SubmitBar, {
-    label: t("EKYC_COMPLETE_VERIFICATION_AND_PROCEED") || "Complete & Proceed",
+    label: t("EKYC_COMPLETE_VERIFICATION_AND_PROCEED"),
     onSubmit: handleCompleteVerification
   })) : /*#__PURE__*/React.createElement(ActionBar, null, /*#__PURE__*/React.createElement(SubmitBar, {
-    label: t("EKYC_COMPLETE_VERIFICATION") || "Complete Verification",
+    label: t("EKYC_COMPLETE_VERIFICATION"),
     onSubmit: handleCompleteVerification
   })), /*#__PURE__*/React.createElement("div", {
     style: {
@@ -1688,7 +1680,7 @@ const AddressDetails = ({
     rx: "2"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M7 11V7a5 5 0 0 1 10 0v4"
-  })), t("EKYC_SECURE_DATA_NOTICE") || "Your data is encrypted and secure"));
+  })), t("EKYC_SECURE_DATA_NOTICE")));
   if (_isSection) {
     return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("hr", {
       style: {
@@ -2042,9 +2034,12 @@ const RadioToggleRow = ({
   t: t,
   innerStyles: {
     display: "flex",
-    gap: "20px"
+    gap: "20px",
+    alignItems: "center"
   },
   style: {
+    display: "flex",
+    gap: "20px",
     marginBottom: 0
   }
 }));
@@ -2079,6 +2074,9 @@ const AadhaarVerification = () => {
   const [aadhaarLastFour, setAadhaarLastFour] = useState("");
   const [isAadhaarVerified, setIsAadhaarVerified] = useState(false);
   const [isVerifying, setIsVerifying] = useState(false);
+  const [showOtpField, setShowOtpField] = useState(false);
+  const [otp, setOtp] = useState("");
+  const [otpError, setOtpError] = useState(false);
   const [nameCorrect, setNameCorrect] = useState({
     code: "NO",
     name: "CORE_COMMON_NO"
@@ -2102,11 +2100,18 @@ const AadhaarVerification = () => {
     name: "CORE_COMMON_NO"
   }];
   const handleVerifyAadhaar = () => {
-    if (aadhaarLastFour.length !== 4 || isVerifying) return;
+    if (aadhaarLastFour.length !== 12 || isVerifying) return;
     setIsVerifying(true);
     setTimeout(() => {
       setIsVerifying(false);
+      setShowOtpField(true);
+    }, 1200);
+  };
+  const handleVerifyOtp = () => {
+    if (otp === "123456") {
       setIsAadhaarVerified(true);
+      setShowOtpField(false);
+      setOtpError(false);
       setShowAddressSection(true);
       setTimeout(() => {
         var _addressSectionRef$cu;
@@ -2115,7 +2120,9 @@ const AadhaarVerification = () => {
           block: "start"
         });
       }, 100);
-    }, 1200);
+    } else {
+      setOtpError(true);
+    }
   };
   const handleSaveAndContinue = () => {
     setShowAddressSection(true);
@@ -2176,7 +2183,7 @@ const AadhaarVerification = () => {
       display: "grid",
       gridTemplateColumns: "1fr 1fr",
       gap: "14px",
-      marginBottom: "4px"
+      marginBottom: "20px"
     },
     optionalTag: {
       display: "inline-block",
@@ -2320,17 +2327,51 @@ const AadhaarVerification = () => {
       if (val.length <= 12 && /^\d*$/.test(val)) setAadhaarLastFour(val);
     },
     placeholder: t("EKYC_ENTER_LAST_4_DIGIT") || "Enter 12 digits",
-    maxLength: 4,
+    maxLength: 12,
     disabled: isAadhaarVerified,
     inputStyle: isAadhaarVerified ? styles.verifiedInput : {}
-  }))), !isAadhaarVerified && /*#__PURE__*/React.createElement(SubmitBar, {
+  }))), !isAadhaarVerified && !showOtpField && /*#__PURE__*/React.createElement(SubmitBar, {
     label: isVerifying ? t("EKYC_VERIFYING") || "Verifying..." : t("EKYC_VERIFY_AADHAAR_BTN") || "Verify Aadhaar",
     onSubmit: handleVerifyAadhaar,
-    disabled: aadhaarLastFour.length !== 4 || isVerifying,
+    disabled: aadhaarLastFour.length !== 12 || isVerifying,
     style: {
       marginTop: "12px"
     }
-  }), isAadhaarVerified && /*#__PURE__*/React.createElement("div", {
+  }), !isAadhaarVerified && showOtpField && /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "ekyc-field-label",
+    style: {
+      marginTop: "16px"
+    }
+  }, t("EKYC_ENTER_OTP") || "Enter OTP"), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement("div", {
+    className: "field"
+  }, /*#__PURE__*/React.createElement(IconInput$1, {
+    icon: /*#__PURE__*/React.createElement(LockIcon, {
+      size: 15
+    }),
+    value: otp,
+    onChange: e => {
+      const val = e.target.value;
+      if (/^\d*$/.test(val)) {
+        setOtp(val);
+        if (otpError) setOtpError(false);
+      }
+    },
+    placeholder: t("EKYC_ENTER_OTP_PLACEHOLDER") || "Enter 123456",
+    maxLength: 6
+  }))), otpError && /*#__PURE__*/React.createElement("div", {
+    style: {
+      color: "#D4351C",
+      fontSize: "12px",
+      marginTop: "4px"
+    }
+  }, t("EKYC_INVALID_OTP") || "Invalid OTP. Please enter 123456."), /*#__PURE__*/React.createElement(SubmitBar, {
+    label: t("EKYC_VERIFY_OTP_BTN") || "Verify OTP",
+    onSubmit: handleVerifyOtp,
+    disabled: otp.length !== 6,
+    style: {
+      marginTop: "12px"
+    }
+  })), isAadhaarVerified && /*#__PURE__*/React.createElement("div", {
     style: styles.verifiedCard
   }, /*#__PURE__*/React.createElement("div", {
     style: {
@@ -2374,7 +2415,7 @@ const AadhaarVerification = () => {
     style: styles.infoLabel
   }, t("EKYC_AADHAAR") || "Aadhaar"), /*#__PURE__*/React.createElement("div", {
     style: styles.infoValue
-  }, "XXXX XXXX ", aadhaarLastFour)), /*#__PURE__*/React.createElement("div", {
+  }, aadhaarLastFour)), /*#__PURE__*/React.createElement("div", {
     style: {
       gridColumn: "span 2"
     }
@@ -2401,6 +2442,7 @@ const AadhaarVerification = () => {
     selected: nameCorrect,
     onSelect: setNameCorrect,
     options: yesNoOptions,
+    sty: true,
     t: t
   }), /*#__PURE__*/React.createElement(LabelFieldPair, null, /*#__PURE__*/React.createElement("div", {
     className: "field"
@@ -2409,6 +2451,9 @@ const AadhaarVerification = () => {
       size: 15,
       color: nameCorrect.code === "YES" ? "#64748b" : "#94a3b8"
     }),
+    style: {
+      marginBottom: "12px"
+    },
     value: userName,
     onChange: e => setUserName(e.target.value),
     placeholder: t("EKYC_ENTER_NAME_PLACEHOLDER") || "Enter full name",
@@ -2426,6 +2471,9 @@ const AadhaarVerification = () => {
       size: 15,
       color: mobileChange.code === "YES" ? "#64748b" : "#94a3b8"
     }),
+    style: {
+      marginBottom: "12px"
+    },
     value: mobileNumber,
     onChange: e => setMobileNumber(e.target.value),
     placeholder: "+91 XXXXX XXXXX",
@@ -3063,36 +3111,42 @@ const PropertyInfo = () => {
     },
     onChange: handleFileUpload
   }), /*#__PURE__*/React.createElement("div", {
-    onClick: () => fileRef.current.click(),
-    onMouseOver: e => e.currentTarget.style.borderColor = "#185FA5",
-    onMouseOut: e => e.currentTarget.style.borderColor = "#B5D4F4",
+    onClick: () => pidNumber && fileRef.current.click(),
+    onMouseOver: e => {
+      if (pidNumber) e.currentTarget.style.borderColor = "#185FA5";
+    },
+    onMouseOut: e => {
+      if (pidNumber) e.currentTarget.style.borderColor = "#B5D4F4";
+    },
     style: {
-      border: "1.5px dashed #B5D4F4",
+      border: pidNumber ? "1.5px dashed #B5D4F4" : "1.5px dashed #D0D5DD",
       borderRadius: "10px",
       padding: "28px 20px",
       textAlign: "center",
-      cursor: "pointer",
-      backgroundColor: "#E6F1FB",
+      cursor: pidNumber ? "pointer" : "not-allowed",
+      backgroundColor: pidNumber ? "#E6F1FB" : "#F9FAFB",
       minHeight: "160px",
       display: "flex",
       flexDirection: "column",
       alignItems: "center",
       justifyContent: "center",
       gap: "10px",
-      transition: "border-color 0.15s"
+      transition: "all 0.15s",
+      opacity: pidNumber ? 1 : 0.6
     }
   }, /*#__PURE__*/React.createElement("div", {
     style: {
-      background: "#fff",
+      background: pidNumber ? "#fff" : "#EAECF0",
       padding: "10px",
       borderRadius: "10px",
-      display: "flex"
+      display: "flex",
+      filter: pidNumber ? "none" : "grayscale(100%)"
     }
   }, /*#__PURE__*/React.createElement("svg", {
     width: "32",
     height: "32",
     viewBox: "0 0 24 24",
-    fill: "#185FA5"
+    fill: pidNumber ? "#185FA5" : "#98A2B3"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6zm-1 7V3.5L18.5 9H13z"
   }), /*#__PURE__*/React.createElement("path", {
@@ -3110,14 +3164,14 @@ const PropertyInfo = () => {
     style: {
       fontSize: "13px",
       fontWeight: "600",
-      color: "#185FA5"
+      color: pidNumber ? "#185FA5" : "#98A2B3"
     }
-  }, t("EKYC_UPLOAD_PROPERTY_DOC_CTA") || "Tap to upload"), /*#__PURE__*/React.createElement("div", {
+  }, pidNumber ? t("EKYC_UPLOAD_PROPERTY_DOC_CTA") || "Tap to upload" : t("EKYC_ENTER_PID_FIRST_CTA") || "Enter PID to upload"), /*#__PURE__*/React.createElement("div", {
     style: {
       fontSize: "12px",
-      color: "#378ADD"
+      color: pidNumber ? "#378ADD" : "#98A2B3"
     }
-  }, "PDF only")))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  }, pidNumber ? "PDF | Max 5MB" : "Requires PID")))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     style: {
       fontSize: "11px",
       fontWeight: "600",
@@ -3183,7 +3237,13 @@ const PropertyInfo = () => {
       color: "#667085",
       marginTop: "2px"
     }
-  }, t("EKYC_BUILDING_PHOTO") || "Building photo with GPS")) : /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("img", {
+  }, t("EKYC_BUILDING_PHOTO") || "Building photo with GPS"), /*#__PURE__*/React.createElement("div", {
+    style: {
+      fontSize: "11px",
+      color: "#98A2B3",
+      marginTop: "2px"
+    }
+  }, "JPG, PNG | Max 2MB")) : /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("img", {
     src: buildingPhoto,
     alt: "Building",
     style: {
@@ -3454,7 +3514,7 @@ const ReviewCard = ({
   }
 }, row.value)) : null)));
 const Review = () => {
-  var _propertyDetails$conn, _propertyDetails$conn2, _propertyDetails$user, _propertyDetails$noOf;
+  var _propertyDetails$conn3, _propertyDetails$conn4, _propertyDetails$user2, _propertyDetails$noOf2;
   const {
     t
   } = useTranslation();
@@ -3466,8 +3526,84 @@ const Review = () => {
     addressDetails = {},
     propertyDetails = {}
   } = location.state || {};
-  const handleSubmit = () => {
-    history.push("/digit-ui/employee/ekyc/dashboard");
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [toast, setToast] = useState(null);
+  const uploadFile = async (file, tenantId) => {
+    var _res$data, _res$data$files, _res$data$files$;
+    if (!file) return null;
+    const res = await Digit.UploadServices.Filestorage("EKYC", file, tenantId);
+    return (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) || null;
+  };
+  const dataUrlToFile = (dataUrl, filename) => {
+    const arr = dataUrl.split(",");
+    const mime = arr[0].match(/:(.*?);/)[1];
+    const bstr = atob(arr[1]);
+    let n = bstr.length;
+    const u8arr = new Uint8Array(n);
+    while (n--) u8arr[n] = bstr.charCodeAt(n);
+    return new File([u8arr], filename, {
+      type: mime
+    });
+  };
+  const handleSubmit = async () => {
+    setIsSubmitting(true);
+    setToast(null);
+    try {
+      var _Digit$UserService$ge, _Digit$UserService$ge2, _propertyDetails$user, _propertyDetails$noOf, _propertyDetails$conn, _propertyDetails$conn2;
+      const tenantId = Digit.ULBService.getCurrentTenantId() || "dl.djb";
+      const userInfo = ((_Digit$UserService$ge = Digit.UserService.getUser()) === null || _Digit$UserService$ge === void 0 ? void 0 : _Digit$UserService$ge.info) || {};
+      const propertyDocFile = propertyDetails.propertyDocument || null;
+      const propertyDocFileStoreId = await uploadFile(propertyDocFile, tenantId);
+      let buildingImageFileStoreId = null;
+      if (propertyDetails.buildingPhoto) {
+        const photoFile = dataUrlToFile(propertyDetails.buildingPhoto, "building_photo.jpg");
+        buildingImageFileStoreId = await uploadFile(photoFile, tenantId);
+      }
+      const requestBody = {
+        RequestInfo: {
+          apiId: "Rainmaker",
+          ver: "1.0",
+          msgId: `${Date.now()}|${navigator.language || "en_IN"}`,
+          tenantId,
+          authToken: userInfo.access_token || ((_Digit$UserService$ge2 = Digit.UserService.getUser()) === null || _Digit$UserService$ge2 === void 0 ? void 0 : _Digit$UserService$ge2.access_token) || ""
+        },
+        updateType: "PROPERTY",
+        kno: kNumber,
+        pidNumber: propertyDetails.pidNumber || null,
+        propertyDocumentFileStoreId: propertyDocFileStoreId,
+        buildingImageFileStoreId: buildingImageFileStoreId,
+        userType: ((_propertyDetails$user = propertyDetails.userType) === null || _propertyDetails$user === void 0 ? void 0 : _propertyDetails$user.value) || null,
+        noOfFloor: (_propertyDetails$noOf = propertyDetails.noOfFloors) !== null && _propertyDetails$noOf !== void 0 && _propertyDetails$noOf.value ? parseInt(propertyDetails.noOfFloors.value, 10) : null,
+        typeOfConnection: ((_propertyDetails$conn = propertyDetails.connectionCategory) === null || _propertyDetails$conn === void 0 ? void 0 : _propertyDetails$conn.value) || null,
+        connectionCategory: ((_propertyDetails$conn2 = propertyDetails.connectionType) === null || _propertyDetails$conn2 === void 0 ? void 0 : _propertyDetails$conn2.value) || null,
+        modifiedBy: userInfo.name || userInfo.userName || null
+      };
+      await Digit.CustomService.getResponse({
+        url: "/ekyc-service/user/application/_update",
+        params: {
+          tenantId
+        },
+        body: requestBody,
+        useCache: false,
+        method: "POST"
+      });
+      setToast({
+        type: "success",
+        message: t("EKYC_SUBMIT_SUCCESS") || "Application submitted successfully!"
+      });
+      setTimeout(() => {
+        history.push("/digit-ui/employee/ekyc/dashboard");
+      }, 1800);
+    } catch (err) {
+      var _err$response, _err$response$data, _err$response$data$Er, _err$response$data$Er2;
+      console.error("eKYC Submit Error:", err);
+      setToast({
+        type: "error",
+        message: (err === null || err === void 0 ? void 0 : (_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : (_err$response$data$Er = _err$response$data.Errors) === null || _err$response$data$Er === void 0 ? void 0 : (_err$response$data$Er2 = _err$response$data$Er[0]) === null || _err$response$data$Er2 === void 0 ? void 0 : _err$response$data$Er2.message) || t("EKYC_SUBMIT_ERROR") || "Submission failed. Please try again."
+      });
+    } finally {
+      setIsSubmitting(false);
+    }
   };
   const handleEditAadhaar = () => {
     history.push("/digit-ui/employee/ekyc/aadhaar-verification", location.state);
@@ -3478,7 +3614,7 @@ const Review = () => {
   const handleEditProperty = () => {
     history.push("/digit-ui/employee/ekyc/property-info", location.state);
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "inbox-container"
   }, /*#__PURE__*/React.createElement("style", null, `
         @keyframes fadeSlideIn {
@@ -3666,7 +3802,7 @@ const Review = () => {
       value: aadhaarDetails.userName || "Rajesh Kumar Singh"
     }, {
       label: t("EKYC_AADHAAR") || "Aadhaar no.",
-      value: aadhaarDetails.aadhaarLastFour ? `XXXX XXXX ${aadhaarDetails.aadhaarLastFour}` : "XXXX XXXX 1234"
+      value: aadhaarDetails.aadhaarLastFour ? `${aadhaarDetails.aadhaarLastFour}` : "XXXX XXXX 1234"
     }, {
       label: t("EKYC_MOBILE_NO") || "Mobile no.",
       value: aadhaarDetails.mobileNumber || "XXXXXXXXXX"
@@ -3740,24 +3876,25 @@ const Review = () => {
       value: propertyDetails.pidNumber || null
     }, {
       label: t("EKYC_TYPE_OF_CONNECTION") || "Type of connection",
-      value: ((_propertyDetails$conn = propertyDetails.connectionCategory) === null || _propertyDetails$conn === void 0 ? void 0 : _propertyDetails$conn.label) || null
+      value: ((_propertyDetails$conn3 = propertyDetails.connectionCategory) === null || _propertyDetails$conn3 === void 0 ? void 0 : _propertyDetails$conn3.label) || null
     }, {
       label: t("EKYC_CONNECTION_CATEGORY") || "Connection category",
-      value: ((_propertyDetails$conn2 = propertyDetails.connectionType) === null || _propertyDetails$conn2 === void 0 ? void 0 : _propertyDetails$conn2.label) || null
+      value: ((_propertyDetails$conn4 = propertyDetails.connectionType) === null || _propertyDetails$conn4 === void 0 ? void 0 : _propertyDetails$conn4.label) || null
     }, {
       label: t("EKYC_USER_TYPE") || "User type",
-      value: ((_propertyDetails$user = propertyDetails.userType) === null || _propertyDetails$user === void 0 ? void 0 : _propertyDetails$user.label) || null
+      value: ((_propertyDetails$user2 = propertyDetails.userType) === null || _propertyDetails$user2 === void 0 ? void 0 : _propertyDetails$user2.label) || null
     }, {
       label: t("EKYC_NO_OF_FLOORS") || "No. of floors",
-      value: ((_propertyDetails$noOf = propertyDetails.noOfFloors) === null || _propertyDetails$noOf === void 0 ? void 0 : _propertyDetails$noOf.label) || null
+      value: ((_propertyDetails$noOf2 = propertyDetails.noOfFloors) === null || _propertyDetails$noOf2 === void 0 ? void 0 : _propertyDetails$noOf2.label) || null
     }]
   })), /*#__PURE__*/React.createElement("div", {
     style: {
       marginTop: "24px"
     }
   }, /*#__PURE__*/React.createElement(SubmitBar, {
-    label: t("ES_COMMON_SUBMIT") || "Submit",
-    onSubmit: handleSubmit
+    label: isSubmitting ? t("EKYC_SUBMITTING") || "Submitting..." : t("ES_COMMON_SUBMIT") || "Submit",
+    onSubmit: handleSubmit,
+    disabled: isSubmitting
   })), /*#__PURE__*/React.createElement("div", {
     style: {
       display: "flex",
@@ -3784,7 +3921,12 @@ const Review = () => {
     rx: "2"
   }), /*#__PURE__*/React.createElement("path", {
     d: "M7 11V7a5 5 0 0 1 10 0v4"
-  })), t("EKYC_SECURE_DATA_NOTICE") || "Your data is encrypted and secure"))));
+  })), t("EKYC_SECURE_DATA_NOTICE") || "Your data is encrypted and secure")))), toast && /*#__PURE__*/React.createElement(Toast, {
+    label: toast.message,
+    error: toast.type === "error",
+    success: toast.type === "success",
+    onClose: () => setToast(null)
+  }));
 };
 
 const EmployeeApp = ({