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

package/dist/index.modern.js

@@ -117,14 +117,17 @@ const DesktopInbox = ({
       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, {
@@ -453,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);
   };
@@ -477,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,
@@ -500,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,
@@ -596,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]);
@@ -1153,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);
@@ -1182,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,
@@ -1202,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"
@@ -1255,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"
     }
@@ -1273,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,
@@ -1337,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",
@@ -1356,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",
@@ -1367,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"
     }
@@ -1387,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",
@@ -1397,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",
@@ -1407,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",
@@ -1417,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",
@@ -1434,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: {
@@ -1445,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",
@@ -1455,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
     }),
@@ -1463,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: {
@@ -1479,7 +1467,7 @@ const AddressDetails = ({
         height: "16px"
       }
     }),
-    label: t("EKYC_ADMINISTRATIVE_DIVISION") || "Administrative Division"
+    label: t("EKYC_ADMINISTRATIVE_DIVISION")
   }), isMdmsLoading ? /*#__PURE__*/React.createElement(Loader, null) : /*#__PURE__*/React.createElement("div", {
     style: {
       display: "grid",
@@ -1496,7 +1484,7 @@ const AddressDetails = ({
       letterSpacing: "0.04em",
       marginBottom: "6px"
     }
-  }, t("EKYC_ASSEMBLY") || "Assembly Constituency"), /*#__PURE__*/React.createElement(Dropdown, {
+  }, t("EKYC_ASSEMBLY")), /*#__PURE__*/React.createElement(Dropdown, {
     option: assemblies,
     optionKey: "name",
     selected: assembly,
@@ -1531,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",
@@ -1563,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,
@@ -1624,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: {
@@ -1656,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: {
@@ -1692,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: {
@@ -2086,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"
@@ -2109,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;
@@ -2122,7 +2120,9 @@ const AadhaarVerification = () => {
           block: "start"
         });
       }, 100);
-    }, 1200);
+    } else {
+      setOtpError(true);
+    }
   };
   const handleSaveAndContinue = () => {
     setShowAddressSection(true);
@@ -2330,14 +2330,48 @@ const AadhaarVerification = () => {
     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 && 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", {
+  })), isAadhaarVerified && /*#__PURE__*/React.createElement("div", {
     style: styles.verifiedCard
   }, /*#__PURE__*/React.createElement("div", {
     style: {
@@ -2381,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"
     }
@@ -3077,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", {
@@ -3124,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",
@@ -3197,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: {
@@ -3468,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();
@@ -3480,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);
@@ -3492,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 {
@@ -3680,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"
@@ -3754,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",
@@ -3798,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 = ({