Merge branch 'bugfix/yasi_fixed_login_phone' into 'develop'

public/locales/fa/app.json

@@ -99,7 +99,8 @@
     "button_make_account": "ایجاد حساب",
     "button_request_verification": "دریافت کد یکبارمصرف",
     "sent_token_to": "ارسال کد یکبار مصرف به شماره",
-    "change_phone_number": "تغییر شماره"
+    "change_phone_number": "تغییر شماره",
+    "phone_number_max": "شماره تلفن می بایست 11 رقم باشد"
   },
   "RegisterPage": {
     "link_routing_back_to": "بازگشت به",

src/components/login/SendUserData.jsx

@@ -27,7 +27,12 @@ const SendUserDataComponent = ({
         phone_number: PhoneNumber,
     };
     const validationSchema = Yup.object().shape({
-        phone_number: Yup.string().required(t("LoginPage.error_message_phone_number")),
+        phone_number: Yup.mixed()
+            .test("max", `${t("LoginPage.phone_number_max")}`, (value) => {
+                const stringValue = String(value);
+                return stringValue.length === 11
+            })
+            .required(t("LoginPage.error_message_phone_number")),
     });
 
     const handleSubmit = (values, props) => {
@@ -76,7 +81,19 @@ const SendUserDataComponent = ({
                                                 placeholder={t(
                                                     "LoginPage.text_field_enter_your_phone_number"
                                                 )}
-                                                type={"text"}
+                                                type={"tel"}
+                                                onChange={(event) => {
+                                                    const inputValue = event.target.value;
+                                                    if (isNaN(Number(inputValue))) {
+                                                        return;
+                                                    }
+                                                    props.handleChange({
+                                                        target: {
+                                                            name: "phone_number",
+                                                            value: inputValue,
+                                                        },
+                                                    });
+                                                }}
                                                 error={
                                                     !!(props.touched.phone_number && props.errors.phone_number)
                                                 }