fix resolve email field error after signing in with Apple or Gmai

src/components/SignInButtons/AppleSignIn/index.tsx

@@ -16,10 +16,12 @@ const getConfig = (config: NativeConfig, key: string, defaultValue: string) => (
 
 type AppleSignInDivProps = {
     isDesktopFlow: boolean;
+    onPress?: () => void;
 };
 
 type SingletonAppleSignInButtonProps = AppleSignInDivProps & {
     isFocused: boolean;
+    onPress?: () => void;
 };
 
 type AppleSignInProps = WithNavigationFocusProps & {
@@ -60,7 +62,7 @@ const failureListener = (event: AppleIDSignInOnFailureEvent) => {
 /**
  * Apple Sign In button for Web.
  */
-function AppleSignInDiv({isDesktopFlow}: AppleSignInDivProps) {
+function AppleSignInDiv({isDesktopFlow, onPress}: AppleSignInDivProps) {
     useEffect(() => {
         // `init` renders the button, so it must be called after the div is
         // first mounted.
@@ -88,6 +90,7 @@ function AppleSignInDiv({isDesktopFlow}: AppleSignInDivProps) {
             data-width={CONST.SIGN_IN_FORM_WIDTH}
             data-height="52"
             style={{cursor: 'pointer'}}
+            onPointerDown={onPress}
         />
     ) : (
         <div
@@ -99,24 +102,30 @@ function AppleSignInDiv({isDesktopFlow}: AppleSignInDivProps) {
             data-border-radius="50"
             data-size="40"
             style={{cursor: 'pointer'}}
+            onPointerDown={onPress}
         />
     );
 }
 
 // The Sign in with Apple script may fail to render button if there are multiple
 // of these divs present in the app, as it matches based on div id. So we'll
 // only mount the div when it should be visible.
-function SingletonAppleSignInButton({isFocused, isDesktopFlow}: SingletonAppleSignInButtonProps) {
+function SingletonAppleSignInButton({isFocused, isDesktopFlow, onPress}: SingletonAppleSignInButtonProps) {
     if (!isFocused) {
         return null;
     }
-    return <AppleSignInDiv isDesktopFlow={isDesktopFlow} />;
+    return (
+        <AppleSignInDiv
+            isDesktopFlow={isDesktopFlow}
+            onPress={onPress}
+        />
+    );
 }
 
 // withNavigationFocus is used to only render the button when it is visible.
 const SingletonAppleSignInButtonWithFocus = withNavigationFocus(SingletonAppleSignInButton);
 
-function AppleSignIn({isDesktopFlow = false}: AppleSignInProps) {
+function AppleSignIn({isDesktopFlow = false, onPress}: AppleSignInProps) {
     const [scriptLoaded, setScriptLoaded] = useState(false);
     useEffect(() => {
         if (window.appleAuthScriptLoaded) {
@@ -136,7 +145,12 @@ function AppleSignIn({isDesktopFlow = false}: AppleSignInProps) {
         return null;
     }
 
-    return <SingletonAppleSignInButtonWithFocus isDesktopFlow={isDesktopFlow} />;
+    return (
+        <SingletonAppleSignInButtonWithFocus
+            isDesktopFlow={isDesktopFlow}
+            onPress={onPress}
+        />
+    );
 }
 
 AppleSignIn.displayName = 'AppleSignIn';

src/components/SignInButtons/GoogleSignIn/index.tsx

@@ -27,7 +27,7 @@ const signIn = (response: Response) => {
  * @returns {React.Component}
  */
 
-function GoogleSignIn({isDesktopFlow = false}: GoogleSignInProps) {
+function GoogleSignIn({isDesktopFlow = false, onPress}: GoogleSignInProps) {
     const {translate} = useLocalize();
     const styles = useThemeStyles();
     const loadScript = useCallback(() => {
@@ -76,6 +76,7 @@ function GoogleSignIn({isDesktopFlow = false}: GoogleSignInProps) {
                 id={desktopId}
                 role={CONST.ROLE.BUTTON}
                 aria-label={translate('common.signInWithGoogle')}
+                onPointerDown={onPress}
             />
         </View>
     ) : (
@@ -84,6 +85,7 @@ function GoogleSignIn({isDesktopFlow = false}: GoogleSignInProps) {
                 id={mainId}
                 role={CONST.ROLE.BUTTON}
                 aria-label={translate('common.signInWithGoogle')}
+                onPointerDown={onPress}
             />
         </View>
     );