Merge branch 'develop' into feat/google-auth

src/features/authentication/components/AuthenticationSteps/CompleteSignUp.tsx

@@ -99,7 +99,7 @@ export const CompleteSignUp = ({
           helperText={inputError ? error : ''}
           autoFocus
           slotProps={{
-            htmlInput: { dir: 'auto', sx: { lineHeight: 1.5, paddingX: 0 } },
+            htmlInput: { dir: 'auto', sx: { lineHeight: 1.5 } },
             input: {
               endAdornment: (
                 <CountryCodeSelector

src/features/authentication/components/AuthenticationSteps/LoginRegiserForm.tsx

@@ -54,6 +54,7 @@ export function LoginRegisterForm({
 
   const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     let newValue = event.target.value;
+    newValue = replacePersianWithRealNumbers(newValue);
     if (newValue.startsWith('09')) {
       newValue = newValue.substring(1);
     }
@@ -152,7 +153,7 @@ export function LoginRegisterForm({
           helperText={inputError ? error : ''}
           autoFocus
           slotProps={{
-            htmlInput: { dir: 'auto', sx: { lineHeight: 1.5, paddingX: 0 } },
+            htmlInput: { dir: 'auto', sx: { lineHeight: 1.5 } },
             input: {
               endAdornment: (
                 <CountryCodeSelector

src/features/authentication/components/AuthenticationSteps/OtpVerifyForm.tsx

@@ -56,6 +56,12 @@ export function OtpVerifyForm({
   const { loading: loginSignUpLoading, execute: loginSignUpCall } =
     useApi(loginOrSignUpWithOtp);
 
+  useEffect(() => {
+    if (otpCode.length === 4) {
+      handleVerifyOTP();
+    }
+  }, [otpCode]);
+
   useEffect(() => {
     let interval: NodeJS.Timeout;
     if (resendTimer > 0) {

src/features/authentication/components/AuthenticationSteps/VerifyPhoneNumber.tsx

@@ -35,6 +35,12 @@ export function VerifyPhoneNumber({
   const { loading: confirmSmsOtpLoading, execute: confirmSmsOtpCall } =
     useApi(confirmSmsOtp);
 
+  useEffect(() => {
+    if (otpCode.length === 4) {
+      handleVerifyOTP();
+    }
+  }, [otpCode]);
+
   useEffect(() => {
     let interval: NodeJS.Timeout;
     if (resendTimer > 0) {