fix: unsupported browser warning in Xero on Android

src/components/ConnectToXeroButton/index.native.tsx

@@ -12,6 +12,7 @@ import useLocalize from '@hooks/useLocalize';
 import useThemeStyles from '@hooks/useThemeStyles';
 import {removePolicyConnection} from '@libs/actions/connections';
 import {getXeroSetupLink} from '@libs/actions/connections/ConnectToXero';
+import getUAForWebView from '@libs/getUAForWebView';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import type {Session} from '@src/types/onyx';
@@ -82,6 +83,7 @@ function ConnectToXeroButton({policyID, session, shouldDisconnectIntegrationBefo
                                 Cookie: `authToken=${authToken}`,
                             },
                         }}
+                        userAgent={getUAForWebView()}
                         incognito
                         startInLoadingState
                         renderLoading={renderLoading}

src/libs/getUAForWebView/index.android.ts

@@ -0,0 +1,8 @@
+import type GetUAForWebView from './types';
+
+/**
+ * Android WebView is built on top of Chromium which is not supported by Xero causing the site to show warning.
+ */
+const getUAForWebView: GetUAForWebView = () => 'Mozilla/5.0 (Linux; Android 14) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/124.0.6367.159 Mobile Safari/537.36';
+
+export default getUAForWebView;

src/libs/getUAForWebView/index.ts

@@ -0,0 +1,5 @@
+import type GetUAForWebView from './types';
+
+const getUAForWebView: GetUAForWebView = () => undefined;
+
+export default getUAForWebView;

src/libs/getUAForWebView/types.ts

@@ -0,0 +1,3 @@
+type GetUAForWebView = () => string | undefined;
+
+export default GetUAForWebView;