From 38b3b470d3e8f98c5c15737069ff67333e6aa2aa Mon Sep 17 00:00:00 2001
From: Koosha Lahouti <koosha@Kooshas-MacBook-Air.local>
Date: Tue, 7 Oct 2025 08:29:31 +0330
Subject: [PATCH] fix: numeric keyboard in mobile for otp forms

---
 .../components/UserCompletionForm/EmailSection.tsx  | 13 ++++++++-----
 src/features/profile/api/settingsApi.ts             |  2 +-
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/features/authentication/components/UserCompletionForm/EmailSection.tsx b/src/features/authentication/components/UserCompletionForm/EmailSection.tsx
index 9eed37b..702901e 100644
--- a/src/features/authentication/components/UserCompletionForm/EmailSection.tsx
+++ b/src/features/authentication/components/UserCompletionForm/EmailSection.tsx
@@ -214,13 +214,9 @@ export function EmailSection(props: EmailSectionProps) {
               <TextField
                 label={t('completion.verificationCode')}
                 variant="outlined"
-                type="text"
+                type="tel"
                 value={verificationCode}
                 onChange={handleVerificationCodeChange}
-                sx={{
-                  flex: '1 1 260px',
-                  '& .MuiOutlinedInput-root': { height: INPUT_H },
-                }}
                 disabled={isVerifyingCode}
                 onBlur={() => handleBlur('verificationCode')}
                 error={touched.verificationCode && !!errors.verificationCode}
@@ -229,6 +225,13 @@ export function EmailSection(props: EmailSectionProps) {
                   inputMode: 'numeric',
                   pattern: '[0-9]*',
                   maxLength: 4,
+                  autoComplete: 'one-time-code',
+                  name: 'one-time-code',
+                  dir: 'ltr',
+                }}
+                sx={{
+                  flex: '1 1 260px',
+                  '& .MuiOutlinedInput-root': { height: 56 },
                 }}
               />
 
diff --git a/src/features/profile/api/settingsApi.ts b/src/features/profile/api/settingsApi.ts
index f840d7f..7213cd9 100644
--- a/src/features/profile/api/settingsApi.ts
+++ b/src/features/profile/api/settingsApi.ts
@@ -48,7 +48,7 @@ export async function saveProfile(payload: {
 
 export async function sendVerificationCode(payload: { phoneNumber: string }) {
   return apiClient.post<PhoneNumberApiResponse>(
-    '/Profile/SendVerfiyPhoneNumberCode',
+    '/Profile/SendChangePhoneNumberCode',
     payload,
   );
 }