fix: Change login in field.setValue to use optional operator

app/component-library/components/Form/TextField/TextField.tsx

@@ -19,19 +19,22 @@ import {
   TEXTFIELD_ENDACCESSORY_TEST_ID,
 } from './TextField.constants';
 
-const TextField: React.FC<TextFieldProps> = ({
-  style,
-  size = DEFAULT_TEXTFIELD_SIZE,
-  startAccessory,
-  endAccessory,
-  isError = false,
-  inputElement,
-  isDisabled = false,
-  autoFocus = false,
-  onBlur,
-  onFocus,
-  ...props
-}) => {
+const TextField = React.forwardRef<HTMLInputElement, TextFieldProps>((
+  {
+    style,
+    size = DEFAULT_TEXTFIELD_SIZE,
+    startAccessory,
+    endAccessory,
+    isError = false,
+    inputElement,
+    isDisabled = false,
+    autoFocus = false,
+    onBlur,
+    onFocus,
+    ...props
+  },
+  ref
+) => {
   const [isFocused, setIsFocused] = useState(autoFocus);
 
   const { styles } = useStyles(styleSheet, {
@@ -87,6 +90,7 @@ const TextField: React.FC<TextFieldProps> = ({
             onBlur={onBlurHandler}
             onFocus={onFocusHandler}
             {...props}
+            ref={ref}
             isStateStylesDisabled
           />
         )}
@@ -101,6 +105,6 @@ const TextField: React.FC<TextFieldProps> = ({
       )}
     </View>
   );
-};
+});
 
 export default TextField;

app/component-library/components/Form/TextField/foundation/Input/Input.tsx

@@ -13,7 +13,7 @@ import styleSheet from './Input.styles';
 import { InputProps } from './Input.types';
 import { INPUT_TEST_ID } from './Input.constants';
 
-const Input: React.FC<InputProps> = ({
+const Input = React.forwardRef<HTMLInputElement, InputProps>(({
   style,
   textVariant = DEFAULT_TEXT_VARIANT,
   isStateStylesDisabled,
@@ -23,7 +23,7 @@ const Input: React.FC<InputProps> = ({
   onFocus,
   autoFocus = true,
   ...props
-}) => {
+}, ref) => {
   const [isFocused, setIsFocused] = useState(autoFocus);
 
   const { styles } = useStyles(styleSheet, {
@@ -67,8 +67,9 @@ const Input: React.FC<InputProps> = ({
       autoFocus={autoFocus}
       onBlur={onBlurHandler}
       onFocus={onFocusHandler}
+      ref={ref as React.RefObject<TextInput>}
     />
   );
-};
+});
 
 export default Input;

app/components/Views/Login/index.js

@@ -259,6 +259,7 @@
   });
 
   async componentDidMount() {
+    this.fieldRef.current?.focus()
     trace({
       name: TraceName.LoginUserInteraction,
       op: TraceOperation.Login,
@@ -419,7 +420,7 @@
         password: '',
         hasBiometricCredentials: false,
       });
-      field?.setValue('');
+      field?.clear();
     } catch (e) {
       const error = e.toString();
       if (
@@ -490,7 +491,7 @@
         password: '',
         hasBiometricCredentials: false,
       });
-      field?.setValue('');
+      field?.clear();
     } catch (error) {
       this.setState({ hasBiometricCredentials: true });
       Logger.log(error);