form correction

src/feature/PersonalDetailsForm.jsx

@@ -51,6 +51,25 @@ const PersonalDetailsForm = ({ onSubmitStep, errors, onFieldChange, isStep1Updat
   const [showConfirmPassword, setShowConfirmPassword] = useState(false);
   const sendOtp = useSendOtp();
   const verifyOtp = useVerifyOtp();
+  const [verifiedMobileNumber, setVerifiedMobileNumber] = useState(
+    () => localStorage.getItem("registration_verified_mobile") || ""
+  );
+  const initializedVerifiedNumber = useRef(false);
+
+  useEffect(() => {
+    if (isStep1Update && data.mobileNumber && !initializedVerifiedNumber.current) {
+      setVerifiedMobileNumber(data.mobileNumber);
+      localStorage.setItem("registration_verified_mobile", data.mobileNumber);
+      setMobileOtpVerified(true);
+      initializedVerifiedNumber.current = true;
+    }
+  }, [isStep1Update, data.mobileNumber]);
+
+  useEffect(() => {
+    if (verifiedMobileNumber && data.mobileNumber === verifiedMobileNumber) {
+      setMobileOtpVerified(true);
+    }
+  }, [verifiedMobileNumber, data.mobileNumber]);
 
   const { data: personalMasters, isLoading: isPersonalMastersLoading } =
     usePersonalDetailsMasters();
@@ -267,11 +286,17 @@ const PersonalDetailsForm = ({ onSubmitStep, errors, onFieldChange, isStep1Updat
     const fieldsToClear = [field];
     if (field === "mobileNumber") {
       setMobileNumberError("");
-      setShowOtp(false);
-      setOtp(new Array(OTP_LENGTH).fill(""));
-      setOtpError("");
-      setOtpTimer(0);
-      setMobileOtpVerified(false);
+      if (verifiedMobileNumber && value === verifiedMobileNumber) {
+        setMobileOtpVerified(true);
+        setShowOtp(false);
+        setOtpError("");
+      } else {
+        setShowOtp(false);
+        setOtp(new Array(OTP_LENGTH).fill(""));
+        setOtpError("");
+        setOtpTimer(0);
+        setMobileOtpVerified(false);
+      }
     }
     if (field === "religion") {
       updates.caste = "";
@@ -348,6 +373,8 @@ const PersonalDetailsForm = ({ onSubmitStep, errors, onFieldChange, isStep1Updat
         "OTP verified successfully";
       toast.success(successMessage, { position: "top-right" });
       setMobileOtpVerified(true);
+      setVerifiedMobileNumber(data.mobileNumber);
+      localStorage.setItem("registration_verified_mobile", data.mobileNumber);
       setMobileNumberError("");
       setOtpError("");
     } catch (error) {
@@ -505,6 +532,7 @@ const PersonalDetailsForm = ({ onSubmitStep, errors, onFieldChange, isStep1Updat
                   label="Mobile Number"
                   type="tel"
                   value={data.mobileNumber}
+                  disabled={isStep1Update}
                   onChange={(e) => handleChange("mobileNumber", e.target.value)}
                   error={
                     Boolean(errors.mobileNumber) || Boolean(mobileNumberError)