[PLAT-2911] - fix : Remove the email check for LDAP users

Summary:
1. Removed email check for LDAP users.
2. Changed placeholder from **Email** to **Email or Username** in User Profile form to support both LDAP users and System users .
3. Changed placeholder from **Email** to **Email or Username** in Login form to support both LDAP users and System users .

Test Plan:
**Test Plan**
Tested Manually

**Screenshot**

1. No Email Regex check for LDAP users
{F22236}

2. Email Regex check for Non-LDAP users.
{F22237}

3. Login form
{F22238}

Reviewers: ssutar, mjoshi, cpadinjareveettil, kkannan

Reviewed By: cpadinjareveettil, kkannan

Subscribers: jenkins-bot, ui

Differential Revision: https://phabricator.dev.yugabyte.com/D15204

Author: Lingeshwar

managed/ui/src/components/common/forms/LoginForm/LoginForm.js

@@ -59,7 +59,7 @@ class LoginForm extends Component {
     } = this.props;
 
     const validationSchema = Yup.object().shape({
-      email: Yup.string().required('Enter email'),
+      email: Yup.string().required('Enter Email or Username'),
 
       password: Yup.string().required('Enter password')
     });
@@ -104,7 +104,7 @@ class LoginForm extends Component {
                         <YBLabel {...props} name="email">
                           <input
                             className="form-control"
-                            placeholder="Email Address"
+                            placeholder="Email or Username"
                             type="text"
                             {...props.field}
                           />

managed/ui/src/components/profile/UserProfileForm.js

@@ -69,41 +69,6 @@ export default class UserProfileForm extends Component {
 
     showOrRedirect(customer.data.features, 'main.profile');
 
-    const validationSchema = Yup.object().shape({
-      name: Yup.string().required('Enter name'),
-
-      // Regex below matches either the default value 'admin' or a generic email address
-      email: Yup.string()
-        .matches(
-          /(^admin$)|(^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$)/i,
-          'This is not a valid email or value'
-        )
-        .required('Enter email'),
-
-      code: Yup.string()
-        .required('Enter Environment name')
-        .max(5, 'Environment name can be only 5 characters long'),
-
-      password: Yup.string()
-        .notRequired()
-        .min(
-          minPasswordLength,
-          `Password is too short - must be ${minPasswordLength} characters minimum.`
-        )
-        .matches(
-          /^(?=.*[0-9])(?=.*[!@#$%^&*])(?=.*[a-z])(?=.*[A-Z])[a-zA-Z0-9!@#$%^&*]{8,256}$/,
-          `Password must contain at least ${passwordValidationInfo?.minDigits} digit
-          , ${passwordValidationInfo?.minUppercase} capital
-          , ${passwordValidationInfo?.minLowercase} lowercase
-          and ${passwordValidationInfo?.minSpecialCharacters} of the !@#$%^&* (special) characters.`
-        )
-        .oneOf([Yup.ref('confirmPassword')], "Passwords don't match"),
-
-      confirmPassword: Yup.string()
-        .notRequired()
-        .oneOf([Yup.ref('password')], "Passwords don't match")
-    });
-
     // Filter users for userUUID set during login
     const loginUserId = localStorage.getItem('userId');
     const getCurrentUser = isNonEmptyArray(users)
@@ -135,6 +100,43 @@ export default class UserProfileForm extends Component {
       });
     });
 
+    const validationSchema = Yup.object().shape({
+      name: Yup.string().required('Enter name'),
+
+      // Regex below matches either the default value 'admin' or a generic email address
+      email: isLDAPUser
+        ? Yup.string().required('Enter Email or Username')
+        : Yup.string()
+            .matches(
+              /(^admin$)|(^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$)/i,
+              'This is not a valid email or value'
+            )
+            .required('Enter email'),
+
+      code: Yup.string()
+        .required('Enter Environment name')
+        .max(5, 'Environment name can be only 5 characters long'),
+
+      password: Yup.string()
+        .notRequired()
+        .min(
+          minPasswordLength,
+          `Password is too short - must be ${minPasswordLength} characters minimum.`
+        )
+        .matches(
+          /^(?=.*[0-9])(?=.*[!@#$%^&*])(?=.*[a-z])(?=.*[A-Z])[a-zA-Z0-9!@#$%^&*]{8,256}$/,
+          `Password must contain at least ${passwordValidationInfo?.minDigits} digit
+          , ${passwordValidationInfo?.minUppercase} capital
+          , ${passwordValidationInfo?.minLowercase} lowercase
+          and ${passwordValidationInfo?.minSpecialCharacters} of the !@#$%^&* (special) characters.`
+        )
+        .oneOf([Yup.ref('confirmPassword')], "Passwords don't match"),
+
+      confirmPassword: Yup.string()
+        .notRequired()
+        .oneOf([Yup.ref('password')], "Passwords don't match")
+    });
+
     return (
       <div className="bottom-bar-padding">
         <Formik
@@ -190,9 +192,9 @@ export default class UserProfileForm extends Component {
                         name="email"
                         readOnly={true}
                         type="text"
-                        label="Email"
+                        label="Email or Username"
                         component={YBFormInput}
-                        placeholder="Email Address"
+                        placeholder="Email or Username"
                       />
                       <Field
                         name="code"