Plaid Desktop Warning

src/languages/en.js

@@ -475,6 +475,7 @@ export default {
         chooseAnAccount: 'Choose an account',
         connectOnlineWithPlaid: 'Connect online with Plaid',
         connectManually: 'Connect manually',
+        desktopConnection: 'Note: To connect with Chase, Wells Fargo, Capital One or Bank of America, please click here to complete this process in a browser.',
         yourDataIsSecure: 'Your data is secure',
         toGetStarted: 'Add a bank account and issue corporate cards, reimburse expenses, collect invoice payments, and pay bills, all from one place.',
         plaidBodyCopy: 'Give your employees an easier way to pay - and get paid back - for company expenses.',

src/languages/es.js

@@ -475,6 +475,7 @@ export default {
         chooseAnAccount: 'Elige una cuenta',
         connectOnlineWithPlaid: 'Conéctate a Plaid online',
         connectManually: 'Conectar manualmente',
+        desktopConnection: 'Para conectarse con Chase, Wells Fargo, Capital One o Bank of America, haga clic aquí para completar este proceso en un navegador.',
         yourDataIsSecure: 'Tus datos están seguros',
         toGetStarted: 'Añade una cuenta bancaria y emite tarjetas corporativas, reembolsa gastos y cobra y paga facturas, todo desde un mismo sitio.',
         plaidBodyCopy: 'Ofrezca a sus empleados una forma más sencilla de pagar - y recuperar - los gastos de la empresa.',

src/libs/getPlaidDesktopMessage/index.desktop.js

@@ -0,0 +1 @@
+export default () => 'bankAccount.desktopConnection';

src/libs/getPlaidDesktopMessage/index.js

@@ -0,0 +1 @@
+export default () => {};

src/pages/ReimbursementAccount/BankAccountStep.js

@@ -27,6 +27,9 @@ import reimbursementAccountPropTypes from './reimbursementAccountPropTypes';
 import Section from '../../components/Section';
 import * as ValidationUtils from '../../libs/ValidationUtils';
 import * as Illustrations from '../../components/Icon/Illustrations';
+import getPlaidDesktopMessage from '../../libs/getPlaidDesktopMessage';
+import CONFIG from '../../CONFIG';
+import ROUTES from '../../ROUTES';
 
 const propTypes = {
     /** Bank account currently in setup */
@@ -173,6 +176,8 @@ class BankAccountStep extends React.Component {
         const shouldDisableInputs = Boolean(this.props.achData.bankAccountID) || isFromPlaid;
         const shouldReinitializePlaidLink = this.props.plaidLinkOAuthToken && this.props.receivedRedirectURI && this.props.achData.subStep !== CONST.BANK_ACCOUNT.SUBSTEP.MANUAL;
         const subStep = shouldReinitializePlaidLink ? CONST.BANK_ACCOUNT.SETUP_TYPE.PLAID : this.props.achData.subStep;
+        const plaidDesktopMessage = getPlaidDesktopMessage();
+        const bankAccountRoute = `${CONFIG.EXPENSIFY.URL_EXPENSIFY_CASH}${ROUTES.BANK_ACCOUNT}`;
 
         return (
             <View style={[styles.flex1, styles.justifyContentBetween]}>
@@ -198,9 +203,16 @@ class BankAccountStep extends React.Component {
                             icon={Illustrations.BankMouseGreen}
                             title={this.props.translate('workspace.bankAccount.streamlinePayments')}
                         />
-                        <Text style={[styles.mh5, styles.mb5]}>
+                        <Text style={[styles.mh5, styles.mb1]}>
                             {this.props.translate('bankAccount.toGetStarted')}
                         </Text>
+                        {plaidDesktopMessage && (
+                            <View style={[styles.m5, styles.flexRow, styles.justifyContentBetween]}>
+                                <TextLink href={bankAccountRoute}>
+                                    {this.props.translate(plaidDesktopMessage)}
+                                </TextLink>
+                            </View>
+                        )}
                         <MenuItem
                             icon={Expensicons.Bank}
                             title={this.props.translate('bankAccount.connectOnlineWithPlaid')}